Skip to content

Extract common UI components into a design system package #397

@Smartdevs17

Description

@Smartdevs17

Description

UI components are duplicated across screens. Extract into a shared design system with consistent styling, theming, and accessibility.

Acceptance Criteria

  • Design token system (colors, spacing, typography, shadows)
  • Base component library (Button, Input, Card, Modal, Toast)
  • Theme-aware components with dark mode
  • Accessibility compliance (WCAG 2.1 AA)
  • Component documentation with Storybook
  • Visual regression tests

Technical Scope

  • src/components/common/
  • src/theme/
  • src/components/ui/
  • Edge: platform-specific styling (iOS vs Android), RTL layout support, font scaling

Metadata

Metadata

Assignees

Labels

200-points200 point issueStellar WaveIssues in the Stellar wave programdrips-waveIssues in the Drips Wave programhighHigh complexity issue

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions