Skip to content

refactor(button): migrate button recipe to Radix color tokens and remove dark mode overrides #74

Description

@SteveJRobertson

Update the Button recipe in libs/react/button to utilize the new Radix color tokens provided by the Park UI preset. This also allows for the removal of manual _dark blocks as Radix tokens resolve light/dark mode automatically.

Tasks

  • Replace primary.x and neutral.x tokens in button.recipe.ts with Radix equivalents:
    • primary.500 -> indigo.9 (Solid)
    • primary.600 -> indigo.10 (Hover)
    • primary.700 -> indigo.11 (Active/Text)
    • primary.50 -> indigo.3 (Ghost Hover)
    • neutral.0 -> white
  • Remove all _dark blocks from the recipe (no longer needed with Radix variables).

Validation

  • pnpm nx test react-button
  • pnpm storybook — Visually verify Solid, Outline, and Ghost variants in both light and dark modes.

Metadata

Metadata

Labels

No labels
No labels

Projects

Status
Todo

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions