resolveValue() — tailwindcss Function Reference

Architecture documentation for the resolveValue() function in theme.ts from the tailwindcss codebase.

Function typescript CompilerEngine ModuleResolution calls 1 called by 3

Entity Profile

CompilerEngine→ ModuleResolution→ resolveValue() — tailwindcss Function Reference

Dependency Diagram

graph TD
  fedba2ef_0b11_0dd0_fc72_1873b2b9e509["resolveValue()"]
  ec867cf3_916b_0d16_65ec_c715e69fee03["optimizeAst()"]
  ec867cf3_916b_0d16_65ec_c715e69fee03 -->|calls| fedba2ef_0b11_0dd0_fc72_1873b2b9e509
  1ea8fd4a_634f_c2f0_5465_01d387d5207b["createThemeFn()"]
  1ea8fd4a_634f_c2f0_5465_01d387d5207b -->|calls| fedba2ef_0b11_0dd0_fc72_1873b2b9e509
  7c96535c_85cb_d6bf_efe4_875fba595c4f["createVariants()"]
  7c96535c_85cb_d6bf_efe4_875fba595c4f -->|calls| fedba2ef_0b11_0dd0_fc72_1873b2b9e509
  060c1795_30ba_0381_42f1_be224df086e8["get()"]
  fedba2ef_0b11_0dd0_fc72_1873b2b9e509 -->|calls| 060c1795_30ba_0381_42f1_be224df086e8
  style fedba2ef_0b11_0dd0_fc72_1873b2b9e509 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/theme.ts lines 237–243

  resolveValue(candidateValue: string | null, themeKeys: ThemeKey[]): string | null {
    let themeKey = this.#resolveKey(candidateValue, themeKeys)

    if (!themeKey) return null

    return this.values.get(themeKey)!.value
  }