Home / Function/ walkVariants() — tailwindcss Function Reference

walkVariants() — tailwindcss Function Reference

Architecture documentation for the walkVariants() function in walk-variants.ts from the tailwindcss codebase.

Function typescript OxideCore PreProcessors called by 2

Entity Profile

Dependency Diagram

graph TD
  cf5ed94c_2a39_949e_c10b_db625fe113d8["walkVariants()"]
  042344d6_c400_b6f0_00d2_ff8fded428bc["migrateModernizeArbitraryValues()"]
  042344d6_c400_b6f0_00d2_ff8fded428bc -->|calls| cf5ed94c_2a39_949e_c10b_db625fe113d8
  707ef5d3_1654_7094_06d2_99e8004cab43["migrateArbitraryVariants()"]
  707ef5d3_1654_7094_06d2_99e8004cab43 -->|calls| cf5ed94c_2a39_949e_c10b_db625fe113d8
  style cf5ed94c_2a39_949e_c10b_db625fe113d8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-upgrade/src/utils/walk-variants.ts lines 3–18

export function* walkVariants(candidate: Candidate) {
  function* inner(
    variant: Variant,
    parent: Extract<Variant, { kind: 'compound' }> | null = null,
  ): Iterable<[Variant, Extract<Variant, { kind: 'compound' }> | null]> {
    yield [variant, parent]

    if (variant.kind === 'compound') {
      yield* inner(variant.variant, variant)
    }
  }

  for (let variant of candidate.variants) {
    yield* inner(variant, null)
  }
}

Domain

Subdomains

Called By

Source

Frequently Asked Questions

What does walkVariants() do?
walkVariants() is a function in the tailwindcss codebase.
What calls walkVariants()?
walkVariants() is called by 2 function(s): migrateArbitraryVariants, migrateModernizeArbitraryValues.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free