style([DST-878]): Polish design tokens and add token documentation#5247
Merged
sebald merged 103 commits intobeta-releasefrom Apr 10, 2026
Merged
style([DST-878]): Polish design tokens and add token documentation#5247sebald merged 103 commits intobeta-releasefrom
sebald merged 103 commits intobeta-releasefrom
Conversation
The "repositories" option is global-only and cannot be used in a repo config file. Use RENOVATE_REPOSITORIES env var instead. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This reverts commit 5997b2c.
Contributor
|
Accessibility tests executed. Download the report here. |
Contributor
|
Accessibility tests executed. Download the report here. |
Contributor
|
Accessibility tests executed. Download the report here. |
Contributor
|
Accessibility tests executed. Download the report here. |
Contributor
|
Accessibility tests executed. Download the report here. |
Contributor
|
Accessibility tests executed. Download the report here. |
Contributor
|
Accessibility tests executed. Download the report here. |
Contributor
|
Accessibility tests executed. Download the report here. |
sebald
approved these changes
Apr 9, 2026
Contributor
|
Accessibility tests executed. Download the report here. |
Contributor
|
Tiles.stories still has border-border-brand, muted-foreground also still exists in some files |
Introduces `--color-neutral` (charcoal-300) for inactive form control backgrounds like the Switch track. Replaces the old `bg-input` token with `bg-neutral` which better describes the semantic purpose. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Contributor
|
Accessibility tests executed. Download the report here. |
aromko
approved these changes
Apr 10, 2026
Better semantic fit: `control` describes the resting fill of form controls like the switch track, and aligns with existing control naming (h-control, spacing-control). Expanded docs section. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Contributor
|
Accessibility tests executed. Download the report here. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
DST-878: Complete design token polish and documentation for the RUI theme.
New color palette:
Token renames and restructuring:
brandtoprimary,muted-foregroundtosecondary,focustofocus-highlight*-muted/*-muted-foreground/*-muted-accentto*/*-foreground/*-accentdisabled-surfacetoken for disabled control backgroundsoverlay-backdroptoken for modal/tray backdropsNew hover utilities:
ui-state-hoverutility (solid hover for list items, table rows, menu items)ui-state-hover-ghostutility (translucent hover for ghost buttons, tabs, action bar)hover:bg-hover/hover:bg-current/10to the new utilitiesDocumentation:
disabled-surfacenaming rationale andinputvssurface-borderdistinctiondesign-tokens.mdxanddesign-token-guidelines.mdxpagesTest Instructions:
pnpm build:themes-- theme builds without errorspnpm typecheck:only-- no type errorspnpm start-- Token Overview page renders at /foundations/token-overviewpnpm sb) for Button, Tabs, ListBox, Table, SidebarReviewers:
@marigold-ui/developer
Pull Request Checklist:
🤖 Generated with Claude Code