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

migrateModernizeArbitraryValues() — tailwindcss Function Reference

Architecture documentation for the migrateModernizeArbitraryValues() function in migrate-modernize-arbitrary-values.ts from the tailwindcss codebase.

Function typescript MigrationSuite TemplateMigration calls 6

Entity Profile

Dependency Diagram

graph TD
  486b36da_67cd_fb5a_cf7f_c5aca1c480be["migrateModernizeArbitraryValues()"]
  53cf41fe_5903_d247_3bb3_38414ba7d631["parseCandidate()"]
  486b36da_67cd_fb5a_cf7f_c5aca1c480be -->|calls| 53cf41fe_5903_d247_3bb3_38414ba7d631
  6aa3d960_a2f2_03a4_9eb3_642a5598b141["cloneCandidate()"]
  486b36da_67cd_fb5a_cf7f_c5aca1c480be -->|calls| 6aa3d960_a2f2_03a4_9eb3_642a5598b141
  3f1ac7c9_9e61_8a29_18c3_cfb6ab4692c9["walkVariants()"]
  486b36da_67cd_fb5a_cf7f_c5aca1c480be -->|calls| 3f1ac7c9_9e61_8a29_18c3_cfb6ab4692c9
  2d70e77d_ce8f_238d_2b32_a8b4190f2628["replaceObject()"]
  486b36da_67cd_fb5a_cf7f_c5aca1c480be -->|calls| 2d70e77d_ce8f_238d_2b32_a8b4190f2628
  ca76ae68_c9c0_d977_a6d8_8ba86685bf25["parseVariant()"]
  486b36da_67cd_fb5a_cf7f_c5aca1c480be -->|calls| ca76ae68_c9c0_d977_a6d8_8ba86685bf25
  ec55634f_f6e4_3b8b_1267_0b251c4dade1["printCandidate()"]
  486b36da_67cd_fb5a_cf7f_c5aca1c480be -->|calls| ec55634f_f6e4_3b8b_1267_0b251c4dade1
  style 486b36da_67cd_fb5a_cf7f_c5aca1c480be fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-upgrade/src/codemods/template/migrate-modernize-arbitrary-values.ts lines 7–72

export function migrateModernizeArbitraryValues(
  designSystem: DesignSystem,
  _userConfig: Config | null,
  rawCandidate: string,
): string {
  for (let candidate of parseCandidate(rawCandidate, designSystem)) {
    let clone = cloneCandidate(candidate)
    let changed = false

    for (let [variant] of walkVariants(clone)) {
      // Forward modifier from the root to the compound variant
      if (
        variant.kind === 'compound' &&
        (variant.root === 'has' || variant.root === 'not' || variant.root === 'in')
      ) {
        if (variant.modifier !== null) {
          if ('modifier' in variant.variant) {
            variant.variant.modifier = variant.modifier
            variant.modifier = null
          }
        }
      }

      // Promote `group-[]:flex` to `in-[.group]:flex`
      //                ^^ Yes, this is empty
      // Promote `group-[]/name:flex` to `in-[.group\/name]:flex`
      if (
        variant.kind === 'compound' &&
        variant.root === 'group' &&
        variant.variant.kind === 'arbitrary' &&
        variant.variant.selector === '&'
      ) {
        // `group-[]`
        if (variant.modifier === null) {
          changed = true
          replaceObject(
            variant,
            designSystem.parseVariant(
              designSystem.theme.prefix
                ? `in-[.${designSystem.theme.prefix}\\:group]`
                : 'in-[.group]',
            ),
          )
        }

        // `group-[]/name`
        else if (variant.modifier.kind === 'named') {
          changed = true
          replaceObject(
            variant,
            designSystem.parseVariant(
              designSystem.theme.prefix
                ? `in-[.${designSystem.theme.prefix}\\:group\\/${variant.modifier.value}]`
                : `in-[.group\\/${variant.modifier.value}]`,
            ),
          )
        }
        continue
      }
    }

    return changed ? designSystem.printCandidate(clone) : rawCandidate
  }

  return rawCandidate
}

Domain

Subdomains

Calls

Source

Frequently Asked Questions

What does migrateModernizeArbitraryValues() do?
migrateModernizeArbitraryValues() is a function in the tailwindcss codebase.
What does migrateModernizeArbitraryValues() call?
migrateModernizeArbitraryValues() calls 6 function(s): cloneCandidate, parseCandidate, parseVariant, printCandidate, replaceObject, walkVariants.

Analyze Your Own Codebase

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

Try Supermodel Free