designSystem() — tailwindcss Function Reference

Architecture documentation for the designSystem() function in stylesheet.ts from the tailwindcss codebase.

Function typescript NodeInterface Compilation called by 1

Entity Profile

NodeInterface→ Compilation→ designSystem() — tailwindcss Function Reference

Dependency Diagram

graph TD
  b59c9588_92bd_4cab_4b02_2724d5bcee30["designSystem()"]
  eb8ababf_fa35_08e1_76f8_c2b2cea868b8["run()"]
  eb8ababf_fa35_08e1_76f8_c2b2cea868b8 -->|calls| b59c9588_92bd_4cab_4b02_2724d5bcee30
  style b59c9588_92bd_4cab_4b02_2724d5bcee30 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-upgrade/src/stylesheet.ts lines 278–285

  async designSystem(): Promise<Awaited<ReturnType<typeof __unstable__loadDesignSystem>> | null> {
    if (!this.isTailwindRoot) return null
    if (!this.file) return null

    return __unstable__loadDesignSystem(this.root.toString(), {
      base: path.dirname(this.file),
    })
  }