Home / Type/ DesignSystem Type — tailwindcss Architecture

DesignSystem Type — tailwindcss Architecture

Architecture documentation for the DesignSystem type/interface in canonicalize-candidates.ts from the tailwindcss codebase.

Entity Profile

Dependency Diagram

graph TD
  96d72d90_cbc0_6bae_5663_aaff43114fc4["DesignSystem"]
  7d350d81_5de1_f9f3_5b2c_19ec8fd3c37e["canonicalize-candidates.ts"]
  96d72d90_cbc0_6bae_5663_aaff43114fc4 -->|defined in| 7d350d81_5de1_f9f3_5b2c_19ec8fd3c37e
  style 96d72d90_cbc0_6bae_5663_aaff43114fc4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/canonicalize-candidates.ts lines 74–108

interface DesignSystem extends BaseDesignSystem {
  storage: {
    [SIGNATURE_OPTIONS_KEY]: DefaultMap<
      number | null, // Rem value
      DefaultMap<SignatureFeatures, SignatureOptions>
    >
    [INTERNAL_OPTIONS_KEY]: DefaultMap<
      SignatureOptions,
      DefaultMap<Features, InternalCanonicalizeOptions>
    >
    [CANONICALIZE_CANDIDATE_KEY]: DefaultMap<
      InternalCanonicalizeOptions,
      DefaultMap<string, string>
    >
    [CANONICALIZE_VARIANT_KEY]: DefaultMap<
      InternalCanonicalizeOptions,
      DefaultMap<Variant, Variant[]>
    >
    [CANONICALIZE_UTILITY_KEY]: DefaultMap<InternalCanonicalizeOptions, DefaultMap<string, string>>
    [CONVERTER_KEY]: (input: string, options?: Convert) => [string, CandidateModifier | null]
    [SPACING_KEY]: DefaultMap<string, number | null> | null
    [UTILITY_SIGNATURE_KEY]: DefaultMap<SignatureOptions, DefaultMap<string, string | Symbol>>
    [STATIC_UTILITIES_KEY]: DefaultMap<
      SignatureOptions,
      DefaultMap<string, DefaultMap<string, Set<string>>>
    >
    [UTILITY_PROPERTIES_KEY]: DefaultMap<
      SignatureOptions,
      DefaultMap<string, DefaultMap<string, Set<string>>>
    >
    [PRE_COMPUTED_UTILITIES_KEY]: DefaultMap<SignatureOptions, DefaultMap<string, string[]>>
    [VARIANT_SIGNATURE_KEY]: DefaultMap<string, string | Symbol>
    [PRE_COMPUTED_VARIANTS_KEY]: DefaultMap<string, string[]>
  }
}

Frequently Asked Questions

What is the DesignSystem type?
DesignSystem is a type/interface in the tailwindcss codebase, defined in packages/tailwindcss/src/canonicalize-candidates.ts.
Where is DesignSystem defined?
DesignSystem is defined in packages/tailwindcss/src/canonicalize-candidates.ts at line 74.

Analyze Your Own Codebase

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

Try Supermodel Free