Workbeat Design System
Changelog
Historial de actualizaciones del design system, por sync desde el repo fuente.
Las paletas fijas se separan de los roles configurables del theme y la escala categórica crece de siete a diez colores. Los componentes afectados usan tokens semánticos y los ejes de IndexBar reciben su tamaño tipográfico desde el token correspondiente.
Migración y accesibilidad
- Usa
category-1acategory-10para distinguir categorías y elforegroundcorrespondiente para texto sobre cada sólido. Los colores 8, 9 y 10 representan naranja, verde azulado e índigo. - Los aliases heredados de familias de Tailwind conservan valores base WDS independientes del theme; el código nuevo debe consumir tokens semánticos.
infodeja de depender del primario del theme. - En claro, el texto blanco sobre
category-1queda por debajo de AA para texto normal; usa la variante sutil u otro tratamiento accesible. El sólido ámbarcategory-3requiere contorno u otro tratamiento cuando el gráfico necesita contraste sobre blanco. Consulta la guía de design tokens para los pares y límites. successusa un tono intermedio en modo claro. Revisa los usos de color y contraste al actualizar un theme personalizado.
Commits del repo fuente
- 5fc36d0f fix(tokens): --success en un tono intermedio con foreground blanco
- 27fb9af7 feat(wds): separate color palettes and refine category tokens
- d7b8ece0 fix(tokens): restore success color and exclude theme demo
- 50518763 feat(tokens): escala category de 10 colores con sólidos más claros y contraste AA
- 59738de8 fix(wds): IndexBar pasa el tamaño de texto de los ejes con fontSize del token
Archivos del DS
Modificados (18)
components/patterns/charts/IndexBar.tsxcomponents/patterns/compact-status-summary/CompactStatusSummary.tsxcomponents/patterns/kpi-card/KpiCard.tsxcomponents/patterns/searchable-table/SearchableTable.tsxcomponents/patterns/setup-section-grid/SetupSectionGrid.tsxcomponents/patterns/side-wizard/SideWizard.tsxcomponents/ui/ai-insight-panel.tsxcomponents/ui/badge.tsxcomponents/ui/callout.tsxcomponents/ui/copy-card.tsxcomponents/ui/status-badge.tsxcomponents/ui/weekly-attendance-card.tsxdocs/06-design-tokens-and-theming.mddocs/patterns/avatar.mddocs/patterns/tone-pill.mddocs/tokens-quickref.mdstyles.csswds-layouts/cards/legacyTableRenderer.tsx
Commit del host: cc2cd3811 (chore(wds): sync design-system from workbeat-ia-2.1@23f38f6).
- ComponenteAIInsightPanel
- ComponenteAvatar
- ComponenteBadge
- ComponenteCallout
- ComponenteCopyCard
- ComponenteStatusBadge
- ComponenteTonePill
- ComponenteWDS Layouts
- ComponenteWeeklyAttendanceCard
- FundamentoColor
- FundamentoTokens
- GuíaDesign tokens y theming
- GuíaTokens semánticos · referencia rápida
- PatrónCharts
- PatrónCompactStatusSummary
- PatrónKpiCard
- PatrónSearchableTable
- PatrónSetupSectionGrid
- PatrónSideWizard
- ReferenciaTheme (WDSTheme)
- Commit fuente
23f38f6305af1adc88706beefcc2405c43a1d332- Sync anterior
dca8e8aaad8c88fa19588d33e2b4efe69cdb9259- Archivo
src/docs/content/changelog/2026-11-09-23f38f6.md