Workbeat Design System
Changelog
Historial de actualizaciones del design system, por sync desde el repo fuente.
- Capa de tokens semánticos y themes: precedencia
default → theme → hostcon cascade layers (wds-default,wds-theme). El theme se resuelve por proptheme, claimThemedel usuario o default, y se aplica comodata-wds-themeen<html>sin flash. Primer theme registrado: Soriana. - Componentes sin colores ni medidas hardcodeadas: todo consume tokens, así que cambian solos con el theme y con el modo oscuro.
- KpiCard con
valueClassNameytooltip; Progress con clases; SectionTableCard conheaderControls. - FullTable con segmentación tipo select, ajustes de encabezado y
fitContent. - PageHeader acepta cualquier icono con
className; nuevos iconos eniconMap. - Correcciones: TabNav respeta
disabled, SearchableCatalogSelect ya no filtra por el nombre de la opción elegida, OpenStreetMap enLeafletMap.
Commits del repo fuente
- 4b27d01 fix(wds): SearchableCatalogSelect ya no filtra por el nombre de la opción elegida
- cc9a2be feat(wds): KpiCard valueClassName y tooltip, clases de Progress y headerControls en SectionTableCard
- 3299e3d feat(wds): FullTable con segmentación select, ajustes de encabezado y fitContent
- f51eeb4 feat(wds): iconos alert-triangle, ban, eye, file-down, refresh-cw y user en iconMap
- ff558eb feat(wds): PageHeader acepta cualquier icono con className
- 15edd2e fix(wds): TabNav respeta disabled de NavItemDef
- dcbc4ff docs(wds): tokens, themes por claim y precedencia default → theme → host
- b316a16 refactor(wds): componentes sin colores ni medidas hardcodeadas
- d9b66ce feat(wds): capa de tokens semánticos y themes por claim Theme
- 00dff81 fix OSM: archivo faltante
- 4f24f53 fix tecnico de OpenStreetMap
Archivos del DS
Agregados (12)
components/patterns/full-table/tableWidth.tscomponents/patterns/searchable-catalog-select/filterCatalogOptions.tscontexts/Theme/resolveWDSTheme.tscontexts/Theme/WDSTheme.context.tscontexts/Theme/WDSTheme.provider.tsxcontexts/Theme/WDSThemeBootstrapScript.tshooks/useWDSTheme.tslib/osmTiles.tsstyles.legacy.cssthemes/index.cssthemes/registry.tsthemes/soriana.css
Modificados (127)
AGENTS.mdauth/claims.tscomponents/config/shared/side-panel/ConfigSidePanel.tsxcomponents/config/shared/side-panel/ConfigSidePanelSection.tsxcomponents/config/shared/side-panel/fields/_FieldShell.tsxcomponents/config/shared/side-panel/fields/SwitchField.tsxcomponents/layout/AppSidebar.tsxcomponents/layout/MegaMenuModal.tsxcomponents/layout/PageHeader.tsxcomponents/layout/SideCanvas.tsxcomponents/nav/iconMap.tscomponents/nav/TabNav.tsxcomponents/nav/VerticalNav.tsxcomponents/patterns/advanced-filters/AdvancedFiltersPopover.tsxcomponents/patterns/catalog-explorer-sidebar/CatalogExplorerLayout.tsxcomponents/patterns/catalog-explorer-sidebar/CatalogExplorerSidebar.tsxcomponents/patterns/catalog-grid/CatalogGrid.tsxcomponents/patterns/catalog-grid/CatalogSidePanel.tsxcomponents/patterns/catalog-grid/CatalogToolbar.tsxcomponents/patterns/catalog-grid/fields/index.tsxcomponents/patterns/catalog-grid/makeGeneralCatalogDef.tsxcomponents/patterns/charts/IndexBar.tokens.tscomponents/patterns/charts/IndexBar.tsxcomponents/patterns/compact-status-summary/CompactStatusSummary.tsxcomponents/patterns/data-grid/DataGrid.tsxcomponents/patterns/detail-rail-nav/DetailRailNav.tsxcomponents/patterns/editable-card/EditableCard.tsxcomponents/patterns/employee-identity-cell/EmployeeIdentityCell.tsxcomponents/patterns/field-label/FieldLabelWithHelp.tsxcomponents/patterns/form/SchemaForm.tsxcomponents/patterns/full-table/FullTable.tsxcomponents/patterns/full-table/FullTableHeader.tsxcomponents/patterns/full-table/FullTableRow.tsxcomponents/patterns/full-table/FullTableToolbar.tsxcomponents/patterns/full-table/types.tscomponents/patterns/grid-toolbar-actions/GridToolbarActions.tsxcomponents/patterns/hierarchy-table/HierarchyTableToolbar.tsxcomponents/patterns/kpi-card/KpiCard.tsxcomponents/patterns/kpi-card/types.tscomponents/patterns/org-navigation/OrgFichaHeader.tsxcomponents/patterns/org-navigation/OrgTreeNavigation.tsxcomponents/patterns/ReadOnlySectionCard.tsxcomponents/patterns/searchable-catalog-select/SearchableCatalogSelect.tsxcomponents/patterns/searchable-table/FiltersPopover.tsxcomponents/patterns/searchable-table/SearchableTable.tsxcomponents/patterns/section-table-card/SectionTableCard.tsxcomponents/patterns/section-table-card/types.tscomponents/patterns/segmented-button/SegmentedButton.tsxcomponents/patterns/segmented-button/types.tscomponents/patterns/setup-section-grid/SetupSectionGrid.tsxcomponents/patterns/steps-composer/StepsComposerList.tsxcomponents/patterns/steps-composer/StepsComposerNavigation.tsxcomponents/patterns/table-link/TableLink.tsxcomponents/patterns/tasks-details/TaskDetail.tsxcomponents/patterns/tasks-details/TaskRow.tsxcomponents/patterns/tasks-details/TasksDetailsList.tsxcomponents/ui/ai-badge.tsxcomponents/ui/ai-insight-panel.tsxcomponents/ui/alert-dialog.tsxcomponents/ui/attachment-card.tsxcomponents/ui/attachments-card.tsxcomponents/ui/avatar.tsxcomponents/ui/calendar-shell.tsxcomponents/ui/calendar.tsxcomponents/ui/chart.tsxcomponents/ui/comments-card.tsxcomponents/ui/copy-card.tsxcomponents/ui/dialog.tsxcomponents/ui/drawer.tsxcomponents/ui/dropdown-menu.tsxcomponents/ui/file-upload-area.tsxcomponents/ui/file-upload.tsxcomponents/ui/form.tsxcomponents/ui/heatmap-grid.tsxcomponents/ui/icon-btn.tsxcomponents/ui/insight-card.tsxcomponents/ui/labeled-status-badge.tsxcomponents/ui/leaflet-map.tsxcomponents/ui/list-tile-card.tsxcomponents/ui/loader.tsxcomponents/ui/log-list-record-card.tsxcomponents/ui/metric-card.tsxcomponents/ui/popover.tsxcomponents/ui/profile-image-editor.tsxcomponents/ui/progress-bar.tsxcomponents/ui/progress.tsxcomponents/ui/section-card.tsxcomponents/ui/select.tsxcomponents/ui/side-nav.tsxcomponents/ui/sonner.tsxcomponents/ui/status-badge.tsxcomponents/ui/sticky-header.tsxcomponents/ui/vertical-timeline.tsxcomponents/ui/weekly-attendance-card.tsxcontexts/Authentication/WDSAuthGate.tsxcontexts/WDSProvider.tsxdata/threadImportance.tsdocs/03-pattern-inventory-and-usage.mddocs/06-design-tokens-and-theming.mddocs/07-agent-implementation-playbook.mddocs/08-governance-and-change-management.mddocs/09-prompt-templates.mddocs/11-branding-rollout-checklist.mddocs/12-host-integration.mddocs/13-authentication-contract.mddocs/14-host-integration-checklist.mddocs/15-wds-integration-status.mddocs/patterns/catalog-grid.mddocs/patterns/charts.mddocs/patterns/compact-status-summary.mddocs/patterns/dynamic-section-edit-sidepanel.mddocs/patterns/dynamic-side-panel.mddocs/patterns/full-table.mddocs/patterns/IndexBar.mddocs/patterns/info-card.mddocs/patterns/kpi-card.mddocs/patterns/pattern-adoption.mddocs/patterns/searchable-catalog-select.mddocs/patterns/section-table-card.mddocs/README.mdindex.tspermissions/PermissionDiagnostic.tsxpermissions/PermissionsProvider.tsxstyles.cssutils/cn.tswds-layouts/cards/builtInCardRegistry.tsxwds-layouts/SearchableTableLayout.tsx
También cambiaron los grupos: skills.
Commit del host: 59125fad7 (chore(wds): sync design-system, skills from workbeat-ia-2.1@04b5636).
- FundamentoThemes y modo oscuro
- FundamentoTokens
- FundamentoColor
- ReferenciaTheme (WDSTheme)
- ReferenciaClaims de usuario
- ReferenciaWDSProvider
- GuíaDesign tokens y theming
- PatrónKpiCard
- PatrónFullTable
- PatrónSectionTableCard
- PatrónSearchableCatalogSelect
- ComponentePageHeader
- ComponenteNav (TabNav · TreeNav · VerticalNav)
- ComponenteProgress
- ComponenteLeafletMap
- Commit fuente
04b5636e85e5b60f9e91af8b8d336a9d10a2c7ba- Sync anterior
598f61a8f208c906aeac1ec92f9fed9b8b860ceb- Archivo
src/docs/content/changelog/2026-10-09-04b5636.md