Home / Function/ DESIGN_SYSTEMS() — tailwindcss Function Reference

DESIGN_SYSTEMS() — tailwindcss Function Reference

Architecture documentation for the DESIGN_SYSTEMS() function in migrate-legacy-classes.ts from the tailwindcss codebase.

Entity Profile

Dependency Diagram

graph TD
  e2a8a8d7_8809_e6a3_7267_8a6c37b44624["DESIGN_SYSTEMS()"]
  f8237e3b_92f4_a95b_9115_6042ea9c4699["migrate-legacy-classes.ts"]
  e2a8a8d7_8809_e6a3_7267_8a6c37b44624 -->|defined in| f8237e3b_92f4_a95b_9115_6042ea9c4699
  style e2a8a8d7_8809_e6a3_7267_8a6c37b44624 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-classes.ts lines 66–68

const DESIGN_SYSTEMS = new DefaultMap((base) => {
  return __unstable__loadDesignSystem('@import "tailwindcss";', { base })
})

Subdomains

Frequently Asked Questions

What does DESIGN_SYSTEMS() do?
DESIGN_SYSTEMS() is a function in the tailwindcss codebase, defined in packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-classes.ts.
Where is DESIGN_SYSTEMS() defined?
DESIGN_SYSTEMS() is defined in packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-classes.ts at line 66.

Analyze Your Own Codebase

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

Try Supermodel Free