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

add() — tailwindcss Function Reference

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

Function typescript OxideEngine Scanner calls 2 called by 16

Entity Profile

Dependency Diagram

graph TD
  06ed9408_12cf_7ddd_a435_8cdd942de1d4["add()"]
  734cf7ec_fb2a_2532_7b20_b3a815c7e3e6["Theme"]
  06ed9408_12cf_7ddd_a435_8cdd942de1d4 -->|defined in| 734cf7ec_fb2a_2532_7b20_b3a815c7e3e6
  47b4c875_7e44_6ff9_fb06_16ecf9254223["optimizeAst()"]
  47b4c875_7e44_6ff9_fb06_16ecf9254223 -->|calls| 06ed9408_12cf_7ddd_a435_8cdd942de1d4
  f6e5c34f_5fff_b7c4_6b4e_54ead4f7899e["isVariableUsed()"]
  f6e5c34f_5fff_b7c4_6b4e_54ead4f7899e -->|calls| 06ed9408_12cf_7ddd_a435_8cdd942de1d4
  e4f6e1fd_7086_5c1c_46c8_96f3c90e6782["canonicalizeCandidates()"]
  e4f6e1fd_7086_5c1c_46c8_96f3c90e6782 -->|calls| 06ed9408_12cf_7ddd_a435_8cdd942de1d4
  6b36dfc9_f213_8083_55ea_8d0541032f05["collapseCandidates()"]
  6b36dfc9_f213_8083_55ea_8d0541032f05 -->|calls| 06ed9408_12cf_7ddd_a435_8cdd942de1d4
  42b4defe_f5ba_2195_5bc6_48ede8ab230e["tryValueReplacements()"]
  42b4defe_f5ba_2195_5bc6_48ede8ab230e -->|calls| 06ed9408_12cf_7ddd_a435_8cdd942de1d4
  b634c4e7_2242_e72b_2b52_bbbae37fc41b["canonicalizeAst()"]
  b634c4e7_2242_e72b_2b52_bbbae37fc41b -->|calls| 06ed9408_12cf_7ddd_a435_8cdd942de1d4
  d7ab7b92_b8e0_123d_80fe_77ddad589042["resolveVariablesInValue()"]
  d7ab7b92_b8e0_123d_80fe_77ddad589042 -->|calls| 06ed9408_12cf_7ddd_a435_8cdd942de1d4
  80a88206_fcce_6e85_32d2_3f5ca73e8b39["createUtilityPropertiesCache()"]
  80a88206_fcce_6e85_32d2_3f5ca73e8b39 -->|calls| 06ed9408_12cf_7ddd_a435_8cdd942de1d4
  39ea4a1e_d717_23df_d73b_dd349e716a3b["temporarilyDisableThemeInline()"]
  39ea4a1e_d717_23df_d73b_dd349e716a3b -->|calls| 06ed9408_12cf_7ddd_a435_8cdd942de1d4
  9fb2cb3b_46e1_4148_c220_0e7f4519db6d["applyConfigToTheme()"]
  9fb2cb3b_46e1_4148_c220_0e7f4519db6d -->|calls| 06ed9408_12cf_7ddd_a435_8cdd942de1d4
  3970218d_3d6c_e455_87cc_45b4a094f0e9["parseCss()"]
  3970218d_3d6c_e455_87cc_45b4a094f0e9 -->|calls| 06ed9408_12cf_7ddd_a435_8cdd942de1d4
  ae5a4f96_ffbe_5d6f_324b_4caa358fe1fb["compileAst()"]
  ae5a4f96_ffbe_5d6f_324b_4caa358fe1fb -->|calls| 06ed9408_12cf_7ddd_a435_8cdd942de1d4
  355fe08b_f60b_3860_26b3_b4da300a811c["loadDesignSystem()"]
  355fe08b_f60b_3860_26b3_b4da300a811c -->|calls| 06ed9408_12cf_7ddd_a435_8cdd942de1d4
  style 06ed9408_12cf_7ddd_a435_8cdd942de1d4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/theme.ts lines 60–86

  add(key: string, value: string, options = ThemeOptions.NONE, src?: Declaration['src']): void {
    if (key.endsWith('-*')) {
      if (value !== 'initial') {
        throw new Error(`Invalid theme value \`${value}\` for namespace \`${key}\``)
      }
      if (key === '--*') {
        this.values.clear()
      } else {
        this.clearNamespace(
          key.slice(0, -2),
          // `--${key}-*: initial;` should clear _all_ theme values
          ThemeOptions.NONE,
        )
      }
    }

    if (options & ThemeOptions.DEFAULT) {
      let existing = this.values.get(key)
      if (existing && !(existing.options & ThemeOptions.DEFAULT)) return
    }

    if (value === 'initial') {
      this.values.delete(key)
    } else {
      this.values.set(key, { value, options, src })
    }
  }

Domain

Subdomains

Defined In

Calls

Called By

Source

Frequently Asked Questions

What does add() do?
add() is a function in the tailwindcss codebase, defined in packages/tailwindcss/src/theme.ts.
Where is add() defined?
add() is defined in packages/tailwindcss/src/theme.ts at line 60.
What does add() call?
add() calls 2 function(s): clearNamespace, get.
What calls add()?
add() is called by 16 function(s): addKeyframes, applyConfigToTheme, canonicalizeAst, canonicalizeCandidates, collapseCandidates, compileAst, createCssUtility, createUtilityPropertiesCache, and 8 more.

Analyze Your Own Codebase

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

Try Supermodel Free