Phase 2: Shared Component Library Update #449

Closed
opened 2026-02-22 20:27:09 +00:00 by jason.woltje · 0 comments
Owner

Overview

Update packages/ui shared components to use the new design token system and create new shared components from the dashboard.html reference.

Tasks

  • MS15-UI-001: Align packages/ui with new CSS variable design tokens
  • MS15-UI-002: Update Card, Badge, Button, Dot component variants
  • MS15-UI-003: Create MetricsStrip, ProgressBar, FilterTabs components
  • MS15-UI-004: Create SectionHeader, Table, LogLine components
  • MS15-UI-005: Create Terminal panel component

Acceptance Criteria

  • All packages/ui components use CSS design tokens (no hardcoded colors)
  • Badge has variants: blue, teal, purple, amber, red, muted
  • Button has variants: blue, ghost, danger, success
  • New shared components available and documented
  • Terminal panel with tabs, output lines, action buttons
  • Lint and typecheck pass
## Overview Update packages/ui shared components to use the new design token system and create new shared components from the dashboard.html reference. ## Tasks - MS15-UI-001: Align packages/ui with new CSS variable design tokens - MS15-UI-002: Update Card, Badge, Button, Dot component variants - MS15-UI-003: Create MetricsStrip, ProgressBar, FilterTabs components - MS15-UI-004: Create SectionHeader, Table, LogLine components - MS15-UI-005: Create Terminal panel component ## Acceptance Criteria - [ ] All packages/ui components use CSS design tokens (no hardcoded colors) - [ ] Badge has variants: blue, teal, purple, amber, red, muted - [ ] Button has variants: blue, ghost, danger, success - [ ] New shared components available and documented - [ ] Terminal panel with tabs, output lines, action buttons - [ ] Lint and typecheck pass
jason.woltje added this to the MS15-DashboardShell milestone 2026-02-22 20:27:09 +00:00
jason.woltje added the web label 2026-02-22 20:27:09 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: mosaic/stack#449