designSystem() — tailwindcss Function Reference

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

Function typescript UpgradeToolkit TemplateAnalysis called by 1

Entity Profile

UpgradeToolkit→ TemplateAnalysis→ designSystem() — tailwindcss Function Reference

Dependency Diagram

graph TD
  a979b5a0_5f99_ed44_c39b_babfe7f4cfc3["designSystem()"]
  c890fa7b_6e17_4e5d_74bf_b797d0f757b8["Stylesheet"]
  a979b5a0_5f99_ed44_c39b_babfe7f4cfc3 -->|defined in| c890fa7b_6e17_4e5d_74bf_b797d0f757b8
  6066f111_c660_b87d_6993_07d8cc779b5c["run()"]
  6066f111_c660_b87d_6993_07d8cc779b5c -->|calls| a979b5a0_5f99_ed44_c39b_babfe7f4cfc3
  style a979b5a0_5f99_ed44_c39b_babfe7f4cfc3 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),
    })
  }