Design system: components, tokens, and Storybook stories#225
Open
Design system: components, tokens, and Storybook stories#225
Conversation
- Add Badge, IconBox, CopyButton, FormField, IconButton, Radio, RadioOption components - Redesign Button with primary/ghost/tertiary/destructive variants, sm/md/lg sizes, icon support - Update Modal with header description prop, tighter spacing, fullWidth footer variant - Update ConfirmDialog to centered icon-above-text layout using IconBox - Update EmptyStateCard to match table empty state style with IconBox - Update Heading to use color tokens - Update Textarea/TextArea to match Input styling and tokens - Refactor SaveCredentialsModal and ContactSalesDialog to use design system components - Replace hardcoded hex colors and !important overrides with CSS tokens throughout - Add Inter font via Google Fonts for Storybook and app - Add Storybook stories for new and updated components Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Spinner: replace icon with SVG circle arc loader; tighten message layout - Table: align styling with AccessKeysTable (zinc tokens, rounded-lg, hover, py-3 padding); improve Empty state with IconBox and descriptive text - ChoosePlanDialog: replace hardcoded colors/sizes with design tokens and Button component; move subtitle to ModalHeader description; refine card styles and labels - ContactSalesDialog: associate labels with inputs via htmlFor/id - Modal: description uses text-sm paragraph-text-subtle for lighter hierarchy Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
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
1 participant
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.
Summary
ChoosePlanDialogreplaced hardcoded hex colors and raw buttons with design tokens andButtoncomponent; description moved intoModalHeader;ContactSalesDialogform labels properly associated with inputs viahtmlFor/idTest plan
pnpm storybook) and review Components section — all stories should render without errors🤖 Generated with Claude Code