Home / Function/ walkVariants() — tailwindcss Function Reference

walkVariants() — tailwindcss Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  53ff5109_5a35_0396_6060_ad17d2d3ada8["walkVariants()"]
  bf747275_9938_37e9_c2ef_1028a034b504["themeToVarVariant()"]
  bf747275_9938_37e9_c2ef_1028a034b504 -->|calls| 53ff5109_5a35_0396_6060_ad17d2d3ada8
  6a036819_1cd4_f532_6d62_77770a6b1666["arbitraryVariants()"]
  6a036819_1cd4_f532_6d62_77770a6b1666 -->|calls| 53ff5109_5a35_0396_6060_ad17d2d3ada8
  cd080430_2569_72ec_53e4_15be9f1a9c2a["arbitraryValueToBareValueVariant()"]
  cd080430_2569_72ec_53e4_15be9f1a9c2a -->|calls| 53ff5109_5a35_0396_6060_ad17d2d3ada8
  c17298f2_5925_766a_629e_a0acb211713d["modernizeArbitraryValuesVariant()"]
  c17298f2_5925_766a_629e_a0acb211713d -->|calls| 53ff5109_5a35_0396_6060_ad17d2d3ada8
  style 53ff5109_5a35_0396_6060_ad17d2d3ada8 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

Frequently Asked Questions

What does walkVariants() do?
walkVariants() is a function in the tailwindcss codebase.
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