Feature/design system v1#16
Merged
Merged
Conversation
Complete landing plan for WeMail Web design system v1.0 covering: - Token foundation (color/space/radius/shadow/font/motion/z-index/focus/chart) - 20 primitive components (15 new + 2 extended + 3 unchanged) - Cross-cutting infrastructure (icon wrapper, a11y contract, test utils, reduced-motion, visual regression) - 7-sprint implementation order with acceptance checklist - Risk register and open decisions
Add additive design token layer (no existing variable is changed): - apps/web/src/shared/styles/tokens.css — brand 9-stop, semantic (success/warning/danger/info), neutrals 9-stop, spacing 4px grid, radius xs-xl + full, elevation xs-xl, font semantic sizes/leading, motion durations + eases, z-index layers, focus-ring, chart series - apps/web/src/shared/styles/primitives.css — empty barrel for S2-S6 component CSS to append via @import - apps/web/src/shared/styles/index.css — prepend @import of tokens + primitives; existing :root blocks untouched, zero visual regression - apps/web/src/test/utils/{renderWithTheme,pressKey,index}.ts — shared test helpers consumed by subsequent sprint tests See docs/plans/2026-04-22-design-system-v1.md §3–§4.
Register a new workspace route that renders a skeleton preview of the token system (principles, colors, spacing, radius, shadows, typography) and a placeholder for component primitives coming in S2-S6. - apps/web/src/pages/DesignSystemPage.tsx — functional preview with design-swatch / design-spacing-row / design-radius-grid / design- shadow-grid / design-typography-grid sections - apps/web/src/app/AppRoutes.tsx — register /design-system route Follow-up sprints will plug each primitive group into this page.
- docs/design-system/README.md — scope, token quick-index, primitive roster with sprint ownership, a11y contract, preview entry point - docs/design-system/CHANGELOG.md — Keep-a-Changelog format seeded with the S1 additions
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
Scope
Verification
pnpm testpnpm typecheckpnpm lintpnpm buildChecklist
Risks / Follow-ups