isCombinatorVariant() — tailwindcss Function Reference

Architecture documentation for the isCombinatorVariant() function in migrate-variant-order.ts from the tailwindcss codebase.

Function typescript MigrationSuite TemplateMigration calls 1 called by 1

Entity Profile

MigrationSuite→ TemplateMigration→ isCombinatorVariant() — tailwindcss Function Reference

Dependency Diagram

graph TD
  91cd44e1_a9bd_4cc3_135a_48565792ef00["isCombinatorVariant()"]
  0b5eaab6_9345_179e_f96e_cde6155e1ac1["migrateVariantOrder()"]
  0b5eaab6_9345_179e_f96e_cde6155e1ac1 -->|calls| 91cd44e1_a9bd_4cc3_135a_48565792ef00
  b676c746_a7f5_6343_837c_c251627d3cd1["getAppliedNodeStack()"]
  91cd44e1_a9bd_4cc3_135a_48565792ef00 -->|calls| b676c746_a7f5_6343_837c_c251627d3cd1
  style 91cd44e1_a9bd_4cc3_135a_48565792ef00 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-upgrade/src/codemods/template/migrate-variant-order.ts lines 73–84

function isCombinatorVariant(designSystem: DesignSystem, variant: Variant) {
  let stack = getAppliedNodeStack(designSystem, variant)
  return stack.some(
    (node) =>
      node.kind === 'rule' &&
      // Combinators include any of the following characters
      (node.selector.includes(' ') ||
        node.selector.includes('>') ||
        node.selector.includes('+') ||
        node.selector.includes('~')),
  )
}