Workbeat Design System
Changelog
Historial de actualizaciones del design system, por sync desde el repo fuente.
El WDS incorpora colores categóricos y foregrounds para series de gráficas, lectura de tokens para canvas y tamaños tipográficos en ejes. Las iniciales de Avatar escalan con su tamaño; las superficies y portales usan la escala de capas compartida, conservando la profundidad histórica de SideCanvas.
Migración
- Usa los pares
--category-Ny--category-N-foregroundpara categorías, y los pares--chart-Ny--chart-N-foregroundpara series. Consulta las guías de tokens y gráficas para elegirlos. - Para canvas usa
useCanvasTokenso sus lectores; revisa el contraste de los colores y el tamaño del texto al cambiar theme o modo. - Comprueba las capas propias que interactúan con paneles y portales. El valor de SideCanvas conserva su profundidad histórica.
Sync de workbeat-ia-2.1@dca8e8a (anterior: a665905).
Commits del repo fuente
- 3f34d1f7 docs(wds): categorías con category-N en lugar de primary/muted o estados
- a4647b7b feat(wds): escala categórica category-1..7 y sólidos de estado con contraste AA
- 0513e8e6 fix(wds-layers): conserva los valores de paneles y SideCanvas
- 73c6af7b docs(wds-layers): escala completa de capas y z-nav en auditor y guías
- 072fd5d7 fix(wds-layers): superficies fijas y en portal con la escala de capas
- 262554ab docs(wds-charts): pares por serie, canvas y tamaños de texto en gráficas
- 36a25f6f feat(wds-charts): useCanvasTokens y escala de texto en ejes
- 1f6263f5 feat(wds-charts): foreground por serie de gráfica
- 4aabcd40 feat(wds-avatar): text-4xs para iniciales de 20 px o menos
- 53b64a71 feat(wds-avatar): las iniciales escalan con size
- 13e641ab feat(wds-audit): decodificador, arnés y mediciones para apps aisladas
Archivos del DS
Agregados (1)
components/patterns/charts/canvasTokens.ts
Modificados (17)
components/layout/SideCanvas.tsxcomponents/patterns/charts/index.tscomponents/patterns/charts/IndexBar.tokens.tscomponents/patterns/charts/IndexBar.tsxcomponents/ui/avatar.tsxcomponents/ui/context-menu.tsxcomponents/ui/hover-card.tsxcomponents/ui/menubar.tsxcomponents/ui/tooltip.tsxdocs/06-design-tokens-and-theming.mddocs/08-governance-and-change-management.mddocs/patterns/avatar.mddocs/patterns/charts.mddocs/tokens-quickref.mdstyles.cssutils/cn.tswds-layouts/cards/builtInCardRegistry.tsx
También cambiaron los grupos: skills.
Commit del host: 6a9e8904e (chore(wds): sync design-system, skills from workbeat-ia-2.1@dca8e8a).
- ComponenteAvatar
- ComponenteChartContainer
- ComponenteContextMenu
- ComponenteHoverCard
- ComponenteMenubar
- ComponenteSideCanvas
- ComponenteTooltip
- ComponenteWDS Layouts
- FundamentoColor
- FundamentoTokens
- GuíaDesign tokens y theming
- GuíaGobernanza y gestión de cambios
- GuíaTokens semánticos · referencia rápida
- PatrónCharts
- Referenciacn()
- ReferenciaTheme (WDSTheme)
- Commit fuente
dca8e8aaad8c88fa19588d33e2b4efe69cdb9259- Sync anterior
a6659052172f7505b902bf113ec34abf4ecaa751- Archivo
src/docs/content/changelog/2026-11-06-dca8e8a.md