You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
Update the Button recipe in
libs/react/buttonto utilize the new Radix color tokens provided by the Park UI preset. This also allows for the removal of manual_darkblocks as Radix tokens resolve light/dark mode automatically.Tasks
primary.xandneutral.xtokens inbutton.recipe.tswith 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_darkblocks from the recipe (no longer needed with Radix variables).Validation
pnpm nx test react-buttonpnpm storybook— Visually verify Solid, Outline, and Ghost variants in both light and dark modes.