resolve() — tailwindcss Function Reference

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

Function typescript Oxide PreProcessors calls 1 called by 4

Entity Profile

Oxide→ PreProcessors→ resolve() — tailwindcss Function Reference

Dependency Diagram

graph TD
  08526c9b_2b40_0b09_3dbc_69449eef6643["resolve()"]
  e7a2e966_188e_28f5_d9d6_e54e27e0d0f2["Theme"]
  08526c9b_2b40_0b09_3dbc_69449eef6643 -->|defined in| e7a2e966_188e_28f5_d9d6_e54e27e0d0f2
  e557c8a4_bb27_ee44_c462_9e238157ad04["buildDesignSystem()"]
  e557c8a4_bb27_ee44_c462_9e238157ad04 -->|calls| 08526c9b_2b40_0b09_3dbc_69449eef6643
  dfcc5bf9_96ac_0c12_9e9e_7288796d1837["asColor()"]
  dfcc5bf9_96ac_0c12_9e9e_7288796d1837 -->|calls| 08526c9b_2b40_0b09_3dbc_69449eef6643
  8e2c4c54_aa31_b4ac_9cd4_b3d16178fc76["resolveThemeColor()"]
  8e2c4c54_aa31_b4ac_9cd4_b3d16178fc76 -->|calls| 08526c9b_2b40_0b09_3dbc_69449eef6643
  b1961b55_1394_8973_5694_152fd6b3140a["resolveValueFunction()"]
  b1961b55_1394_8973_5694_152fd6b3140a -->|calls| 08526c9b_2b40_0b09_3dbc_69449eef6643
  c6703f6a_b776_5326_6e96_8faaab8a851f["get()"]
  08526c9b_2b40_0b09_3dbc_69449eef6643 -->|calls| c6703f6a_b776_5326_6e96_8faaab8a851f
  style 08526c9b_2b40_0b09_3dbc_69449eef6643 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/theme.ts lines 219–235

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

    if (!themeKey) return null

    let value = this.values.get(themeKey)!

    if ((options | value.options) & ThemeOptions.INLINE) {
      return value.value
    }

    return this.#var(themeKey)
  }