Skip to content

chore: install and configure Park UI panda preset with Radix Color System #73

Description

@SteveJRobertson

Integrate @park-ui/panda-preset to move away from bespoke color tokens toward the Radix Color System (Indigo/Slate).

Prerequisites

  • Run Style Dictionary build to generate missing token files:
    pnpm nx run tokens:build-tokens

Tasks

  • Install @park-ui/panda-preset (v0.43.1).
  • Update panda.config.ts:
    • Add createPreset import.
    • Add presets array with indigo accent and slate gray.
    • Remove bespoke colors from theme.extend.tokens.
  • Run pnpm panda codegen to regenerate the styled-system.

Validation

  • pnpm nx typecheck react-button should pass without token resolution errors.

Metadata

Metadata

Projects

Status
Todo

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions