DesignSystem — tailwindcss Architecture
The core logic for converting utility candidates into CSS rules
Entity Profile
Dependency Diagram
graph TD subdomain_TailwindCore_DesignSystem["DesignSystem"] 5783c491_7e8e_d3bb_292a_577e9b2c9529["source-map.ts"] subdomain_TailwindCore_DesignSystem --> 5783c491_7e8e_d3bb_292a_577e9b2c9529 7faf02eb_a5c2_19fb_3d42_fe877b62963e["design-system.ts"] subdomain_TailwindCore_DesignSystem --> 7faf02eb_a5c2_19fb_3d42_fe877b62963e 921cd82f_d53f_8089_4ac3_21b86b5fd153["sort.bench.ts"] subdomain_TailwindCore_DesignSystem --> 921cd82f_d53f_8089_4ac3_21b86b5fd153 cf1beec0_f740_c83b_e16e_889783f70ef8["compile.ts"] subdomain_TailwindCore_DesignSystem --> cf1beec0_f740_c83b_e16e_889783f70ef8 7283d2cb_a00f_7c30_8fea_4e83f9f06b2c["at-import.ts"] subdomain_TailwindCore_DesignSystem --> 7283d2cb_a00f_7c30_8fea_4e83f9f06b2c e20ad54a_c574_56f6_0de5_5b3384676c78["sort.ts"] subdomain_TailwindCore_DesignSystem --> e20ad54a_c574_56f6_0de5_5b3384676c78 d11f96d1_4d5e_8026_82bf_e2cad2ae23a1["plugin.ts"] subdomain_TailwindCore_DesignSystem --> d11f96d1_4d5e_8026_82bf_e2cad2ae23a1 f51613b7_6c34_f3a6_4eb7_ff3e3078195f["escape.ts"] subdomain_TailwindCore_DesignSystem --> f51613b7_6c34_f3a6_4eb7_ff3e3078195f e6d950a7_04b3_7140_cbb8_e2182ce7bcde["is-color.ts"] subdomain_TailwindCore_DesignSystem --> e6d950a7_04b3_7140_cbb8_e2182ce7bcde 3a789a61_09b7_e91e_405a_c5580f1e09d8["sort.test.ts"] subdomain_TailwindCore_DesignSystem --> 3a789a61_09b7_e91e_405a_c5580f1e09d8 359b1863_9acd_ef57_d40c_38122402da64["intellisense.test.ts"] subdomain_TailwindCore_DesignSystem --> 359b1863_9acd_ef57_d40c_38122402da64 4412655b_b72e_0408_b9f5_1d1103fe326b["default-map.ts"] subdomain_TailwindCore_DesignSystem --> 4412655b_b72e_0408_b9f5_1d1103fe326b d77b6ab1_7206_2527_9504_391cfd3ba667["variables.ts"] subdomain_TailwindCore_DesignSystem --> d77b6ab1_7206_2527_9504_391cfd3ba667 1afa8ee8_5fcf_f2b9_c213_4e8b0972faa7["segment.ts"] subdomain_TailwindCore_DesignSystem --> 1afa8ee8_5fcf_f2b9_c213_4e8b0972faa7 style subdomain_TailwindCore_DesignSystem fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Domain
Functions
- Candidate()
- WalkAction.ReplaceSkip()
- __unstable__loadDesignSystem()
- __unstable__loadDesignSystem()
- a()
- addWhitespaceAroundMathOperators()
- allVariablesAreUsed()
- applyVariant()
- arbitraryUtilities()
- arbitraryValueToBareValueUtility()
- arbitraryValueToBareValueVariant()
- arbitraryVariants()
- asColor()
- bareValueUtilities()
- bgGradientToLinear()
- buildDesignSystem()
- canonicalizeAst()
- canonicalizeCandidates()
- canonicalizeDimension()
- clearNamespace()
- cloneCandidateSpread()
- cloneVariant()
- collapseCandidates()
- combinations()
- compareBreakpoints()
- compileBaseUtility()
- compileCandidates()
- compound()
- constructor()
- convertUnderscoresToWhitespace()
- createCanonicalizeCandidateCache()
- createCanonicalizeOptions()
- createCanonicalizeUtilityCache()
- createCanonicalizeVariantCache()
- createConverterCache()
- createCssUtility()
- createInternalOptionsCache()
- createPair()
- createPlugin()
- createPreComputedUtilitiesCache()
- createPreComputedVariantsCache()
- createPrefixedQuad()
- createSignatureOptions()
- createSignatureOptionsCache()
- createSourceMap()
- createSpacingCache()
- createStaticUtilitiesCache()
- createUtilityPropertiesCache()
- createUtilitySignatureCache()
- createVariantSignatureCache()
- defaultSort()
- deprecatedUtilities()
- designSystem()
- designSystems()
- dropUnnecessaryDataTypes()
- entries()
- escape()
- escapeUnderscore()
- eventuallyUnquote()
- expand()
- extractUsedVariables()
- findRoots()
- fun()
- functional()
- get()
- get()
- getClassOrder()
- getCompletions()
- getKeyframes()
- getPropertySort()
- getVariants()
- id()
- inferDataType()
- input()
- intersection()
- isAbsoluteSize()
- isAttributeSelector()
- isBackgroundPosition()
- isColor()
- isFallbackUtility()
- isImage()
- isPercentage()
- isSingleSelector()
- isValidFunctionalUtilityName()
- isValidSpacingMultiplier()
- isValidStaticUtilityName()
- isVar()
- isVector()
- joinSrcset()
- keys()
- loadDesign()
- loadDesignSystem()
- loadDesignSystem()
- markUsedVariable()
- modernizeArbitraryValuesVariant()
- nextOrder()
- optimizeModifier()
- parse()
- parse()
- parseCandidate()
- parseImportParams()
- parseModifier()
- parseThemeOptions()
- postcssPluginWarning()
- prepareDesignSystemStorage()
- printArbitraryValueCache()
- printModifier()
- printUnprefixedCandidate()
- property()
- recursivelyEscapeUnderscores()
- resolveValueFunction()
- resolveVariablesInValue()
- resolveWith()
- run()
- run()
- run()
- segment()
- separator()
- separator()
- simpleDesign()
- simplifyArbitraryVariantCache()
- size()
- sortFractionsLast()
- substituteAtApply()
- substituteAtSlot()
- substituteFunctionsInValue()
- suggest()
- temporarilyDisableThemeInline()
- themeToVarUtility()
- themeToVarVariant()
- throwOnLoadModule()
- toRawSourceMap()
- tryValueReplacements()
- variant()
- walk()
- walkVariants()
Source Files
- packages/tailwindcss/src/apply.ts
- packages/tailwindcss/src/at-import.test.ts
- packages/tailwindcss/src/at-import.ts
- packages/tailwindcss/src/attribute-selector-parser.ts
- packages/tailwindcss/src/utils/brace-expansion.ts
- packages/tailwindcss/src/candidate.bench.ts
- packages/tailwindcss/src/candidate.test.ts
- packages/tailwindcss/src/canonicalize-candidates.test.ts
- packages/tailwindcss/src/canonicalize-candidates.ts
- packages/tailwindcss/src/utils/compare-breakpoints.ts
- packages/tailwindcss/src/compile.ts
- packages/tailwindcss/src/css-functions.ts
- packages/tailwindcss/src/utils/default-map.ts
- packages/tailwindcss/src/design-system.ts
- packages/tailwindcss/src/utils/escape.ts
- packages/tailwindcss/src/expand-declaration.ts
- packages/tailwindcss/src/intellisense.bench.ts
- packages/tailwindcss/src/intellisense.test.ts
- packages/tailwindcss/src/utils/is-color.ts
- packages/tailwindcss/src/plugin.ts
- packages/tailwindcss/src/utils/segment.ts
- packages/tailwindcss/src/sort.bench.ts
- packages/tailwindcss/src/sort.test.ts
- packages/tailwindcss/src/sort.ts
- packages/tailwindcss/src/source-maps/source-map.ts
- packages/tailwindcss/src/utils/variables.ts
Source
- packages/tailwindcss/src/apply.ts
- packages/tailwindcss/src/at-import.test.ts
- packages/tailwindcss/src/at-import.ts
- packages/tailwindcss/src/attribute-selector-parser.ts
- packages/tailwindcss/src/utils/brace-expansion.ts
- packages/tailwindcss/src/candidate.bench.ts
- packages/tailwindcss/src/candidate.test.ts
- packages/tailwindcss/src/canonicalize-candidates.test.ts
- packages/tailwindcss/src/canonicalize-candidates.ts
- packages/tailwindcss/src/utils/compare-breakpoints.ts
- packages/tailwindcss/src/compile.ts
- packages/tailwindcss/src/css-functions.ts
- packages/tailwindcss/src/utils/default-map.ts
- packages/tailwindcss/src/design-system.ts
- packages/tailwindcss/src/utils/escape.ts
- packages/tailwindcss/src/expand-declaration.ts
- packages/tailwindcss/src/intellisense.bench.ts
- packages/tailwindcss/src/intellisense.test.ts
- packages/tailwindcss/src/utils/is-color.ts
- packages/tailwindcss/src/plugin.ts
- packages/tailwindcss/src/utils/segment.ts
- packages/tailwindcss/src/sort.bench.ts
- packages/tailwindcss/src/sort.test.ts
- packages/tailwindcss/src/sort.ts
- packages/tailwindcss/src/source-maps/source-map.ts
- packages/tailwindcss/src/utils/variables.ts
Frequently Asked Questions
What is the DesignSystem subdomain?
DesignSystem is a subdomain in the tailwindcss codebase, part of the TailwindCore domain. The core logic for converting utility candidates into CSS rules It contains 26 source files.
Which domain does DesignSystem belong to?
DesignSystem belongs to the TailwindCore domain.
What functions are in DesignSystem?
The DesignSystem subdomain contains 136 function(s): Candidate, WalkAction.ReplaceSkip, __unstable__loadDesignSystem, __unstable__loadDesignSystem, a, addWhitespaceAroundMathOperators, allVariablesAreUsed, applyVariant, and 128 more.
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free