isCombinatorVariant() — tailwindcss Function Reference

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

Function typescript OxideCore Extractor calls 1 called by 1

Entity Profile

OxideCore→ Extractor→ isCombinatorVariant() — tailwindcss Function Reference

Dependency Diagram

graph TD
  ae400e34_4c55_4748_93ac_d3a4a0034c44["isCombinatorVariant()"]
  52b790cf_9f93_aadf_60b7_6333be12e6cb["migrateVariantOrder()"]
  52b790cf_9f93_aadf_60b7_6333be12e6cb -->|calls| ae400e34_4c55_4748_93ac_d3a4a0034c44
  b2aa4c79_dca9_e3fa_1c20_a0f13da7581b["getAppliedNodeStack()"]
  ae400e34_4c55_4748_93ac_d3a4a0034c44 -->|calls| b2aa4c79_dca9_e3fa_1c20_a0f13da7581b
  style ae400e34_4c55_4748_93ac_d3a4a0034c44 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('~')),
  )
}