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 OxideCore Extractor calls 6

Entity Profile

Dependency Diagram

graph TD
  042344d6_c400_b6f0_00d2_ff8fded428bc["migrateModernizeArbitraryValues()"]
  0bec5ca9_74c8_dcc7_ec12_6404fb6493bd["parseCandidate()"]
  042344d6_c400_b6f0_00d2_ff8fded428bc -->|calls| 0bec5ca9_74c8_dcc7_ec12_6404fb6493bd
  d36b0f78_79bb_ae15_f4f6_4a1b7f01d29f["cloneCandidate()"]
  042344d6_c400_b6f0_00d2_ff8fded428bc -->|calls| d36b0f78_79bb_ae15_f4f6_4a1b7f01d29f
  cf5ed94c_2a39_949e_c10b_db625fe113d8["walkVariants()"]
  042344d6_c400_b6f0_00d2_ff8fded428bc -->|calls| cf5ed94c_2a39_949e_c10b_db625fe113d8
  f79e35a4_ca5c_11c1_36f2_8974eceaf515["replaceObject()"]
  042344d6_c400_b6f0_00d2_ff8fded428bc -->|calls| f79e35a4_ca5c_11c1_36f2_8974eceaf515
  ceb1ff41_a641_27dd_6289_7f779710b411["parseVariant()"]
  042344d6_c400_b6f0_00d2_ff8fded428bc -->|calls| ceb1ff41_a641_27dd_6289_7f779710b411
  4c29981d_a61a_00fb_b3b5_5a69228c4fff["printCandidate()"]
  042344d6_c400_b6f0_00d2_ff8fded428bc -->|calls| 4c29981d_a61a_00fb_b3b5_5a69228c4fff
  style 042344d6_c400_b6f0_00d2_ff8fded428bc 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