tailwindcss Architecture Docs
Home / Function/ walkVariants() — tailwindcss Function Reference

walkVariants() — tailwindcss Function Reference

Architecture documentation for the walkVariants() function in canonicalize-candidates.ts from the tailwindcss codebase.

Function typescript UpgradeToolkit TemplateAnalysis called by 4

Entity Profile

Dependency Diagram

graph TD
  bb11a053_5909_cc72_a9a1_0f42f67e2bf6["walkVariants()"]
  7d350d81_5de1_f9f3_5b2c_19ec8fd3c37e["canonicalize-candidates.ts"]
  bb11a053_5909_cc72_a9a1_0f42f67e2bf6 -->|defined in| 7d350d81_5de1_f9f3_5b2c_19ec8fd3c37e
  74164ddb_6c84_a507_4c6d_032eba390f62["themeToVarVariant()"]
  74164ddb_6c84_a507_4c6d_032eba390f62 -->|calls| bb11a053_5909_cc72_a9a1_0f42f67e2bf6
  33cdfd56_8951_3531_38f7_dd0b0f31dbab["arbitraryVariants()"]
  33cdfd56_8951_3531_38f7_dd0b0f31dbab -->|calls| bb11a053_5909_cc72_a9a1_0f42f67e2bf6
  8d76f310_a05e_d669_34ef_f2cb3111dd9b["arbitraryValueToBareValueVariant()"]
  8d76f310_a05e_d669_34ef_f2cb3111dd9b -->|calls| bb11a053_5909_cc72_a9a1_0f42f67e2bf6
  8097972e_4628_663f_72e8_08883183690d["modernizeArbitraryValuesVariant()"]
  8097972e_4628_663f_72e8_08883183690d -->|calls| bb11a053_5909_cc72_a9a1_0f42f67e2bf6
  style bb11a053_5909_cc72_a9a1_0f42f67e2bf6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/canonicalize-candidates.ts lines 903–916

function* walkVariants(variant: Variant) {
  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)
    }
  }

  yield* inner(variant, null)
}

Domain

Subdomains

Defined In

Called By

Source

Frequently Asked Questions

What does walkVariants() do?
walkVariants() is a function in the tailwindcss codebase, defined in packages/tailwindcss/src/canonicalize-candidates.ts.
Where is walkVariants() defined?
walkVariants() is defined in packages/tailwindcss/src/canonicalize-candidates.ts at line 903.
What calls walkVariants()?
walkVariants() is called by 4 function(s): arbitraryValueToBareValueVariant, arbitraryVariants, modernizeArbitraryValuesVariant, themeToVarVariant.

Analyze Your Own Codebase

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

Try Supermodel Free