themeToVarVariant() — tailwindcss Function Reference

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

Function typescript OxideCore Scanner calls 1

Entity Profile

OxideCore→ Scanner→ themeToVarVariant() — tailwindcss Function Reference

Dependency Diagram

graph TD
  bf747275_9938_37e9_c2ef_1028a034b504["themeToVarVariant()"]
  53ff5109_5a35_0396_6060_ad17d2d3ada8["walkVariants()"]
  bf747275_9938_37e9_c2ef_1028a034b504 -->|calls| 53ff5109_5a35_0396_6060_ad17d2d3ada8
  style bf747275_9938_37e9_c2ef_1028a034b504 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/canonicalize-candidates.ts lines 615–637

function themeToVarVariant(
  variant: Variant,
  options: InternalCanonicalizeOptions,
): Variant | Variant[] {
  let convert = options.designSystem.storage[CONVERTER_KEY]

  let iterator = walkVariants(variant)
  for (let [variant] of iterator) {
    if (variant.kind === 'arbitrary') {
      let [newValue] = convert(variant.selector, Convert.MigrateThemeOnly)
      if (newValue !== variant.selector) {
        variant.selector = newValue
      }
    } else if (variant.kind === 'functional' && variant.value?.kind === 'arbitrary') {
      let [newValue] = convert(variant.value.value, Convert.MigrateThemeOnly)
      if (newValue !== variant.value.value) {
        variant.value.value = newValue
      }
    }
  }

  return variant
}