designSystem() — tailwindcss Function Reference

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

Function typescript CommandLineInterface Renderer called by 1

Entity Profile

CommandLineInterface→ Renderer→ designSystem() — tailwindcss Function Reference

Dependency Diagram

graph TD
  1a86495d_07fb_cd41_4e9d_884741b29f91["designSystem()"]
  b9897393_3e36_7806_d172_b9debcd215f6["Stylesheet"]
  1a86495d_07fb_cd41_4e9d_884741b29f91 -->|defined in| b9897393_3e36_7806_d172_b9debcd215f6
  817bb61a_7ad0_1186_790a_6a40126eed80["run()"]
  817bb61a_7ad0_1186_790a_6a40126eed80 -->|calls| 1a86495d_07fb_cd41_4e9d_884741b29f91
  style 1a86495d_07fb_cd41_4e9d_884741b29f91 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),
    })
  }