Como o design system é mantido
Para quem mantém o DS. Figma, registros, código, tokens e o portão de paridade.
As páginas de componente mostram só o que quem usa precisa: stories, props e uso. Esta página junta o que quem mantém o DS precisa saber.
Figma
- Arquivo de entrega:
20BFI2ZiW6s45zcRgbANTP. É o único arquivo que as lanes editam. - Páginas: Componentes
162:3e Fundação162:2(design-system/ds.manifest.json). - Regras de build no Figma (variantes, tokens, nomes de propriedades = API em
React):
design-system/contract.md.
Registros
| Registro | O que guarda | Quem escreve |
|---|---|---|
design-system/registry/<família>.json | Cada component set: node, eixos de variante, propriedades, codePath, status, tokens, notas | A lane da família, no Figma |
packages/ui/src/<família>/examples.ts | As matrizes de variante × estado em código (*.examples.tsx) | A lane da família |
packages/ui/src/examples-registry.ts | Quais famílias existem | T0 |
bun design-system/scripts/ds.ts examples <família> gera o esqueleto das
células a partir dos eixos do registro; ds.ts lanes lista lane → componente.
Código
- Fonte única:
packages/ui/src/<família>/<kebab>.tsx(@superdinda/ui), comindex.ts,<kebab>.examples.tsx,<kebab>.test.tsxe<kebab>.figma.tsx. - Platform e backoffice importam o pacote (
@superdinda/ui/<família>); não há mais cópias geradas (ds.ts syncfoi aposentado). ds.ts lintgarante as regras de import e de estilo (sem@/, semnext/*, sóds-hover:/ds-focus:/ds-pressed:, sem hex).- Este docs importa o mesmo pacote, sem cópia.
Pipeline de tokens
- Pull (feito por agente, fora do CI): o script read-only
design-system/scripts/figma-export-variables.jslê variáveis, estilos de texto e de efeito do Figma; o resultado viradesign-system/tokens/figma.json. - Overrides:
tokens/overrides.jsonguarda decisões tomadas em código antes do Figma refletir (ds.ts overrideslista as pendentes);tokens/code-only.jsonguarda o que o Figma não tem (radius,series-*). - Build:
ds.ts tokensgerapackages/ui/src/styles/tokens.css(etokens-console.cssdo backoffice) e os módulos hex (e-mail, tiles).ds.ts tokens --checkfalha se algo divergir. ds.ts checkroda tokens e lint de uma vez.
Portão de paridade
- A rota
/__dsdo platform (comDS_ROUTE_ENABLED=1) renderiza cada matriz, célula por célula, marcada com o node do Figma (data-figma-node). - As referências do Figma ficam em
design-system/figma/<família>/com ofigma/manifest.json. apps/platform/e2e/visual/ds.spec.tsroda, em claro e escuro, a regressão código × código, o axe, e a paridade código × Figma: a caixa precisa bater com o Figma em ±1 px (obrigatório) e, com a caixa certa, até 2 % dos pixels podem diferir (rasterização de texto). Células emdesign-system/figma/pending.jsonseguem uma decisão que o Figma ainda não espelhou: a geometria segue bloqueando, os pixels só são reportados.ds.ts figma-diffresume os resultados eds.ts reportmonta o relatório.
Componentes
Uma linha por matriz registrada. O node abre no Figma; o número depois dele é a quantidade de variantes; o nome leva à página do componente, quando existe.
| Componente | Família | Figma | Código | Status |
|---|---|---|---|---|
| Icon | foundations | 162:3 · 12 | packages/ui/src/foundations/icon.tsx | code-only wrapper |
| Logo | foundations | 172:204 · 5 | packages/ui/src/foundations/logo.tsx | evolved |
| Avatar | foundations | 168:151 · 16 | packages/ui/src/foundations/avatar.tsx | existing |
| Avatar · Badge | foundations | 168:151 · 3 | packages/ui/src/foundations/avatar.tsx | existing |
| Text | foundations | 162:2 · 18 | packages/ui/src/foundations/text.tsx | code-only |
| Heading | foundations | 162:2 · 8 | packages/ui/src/foundations/text.tsx | code-only |
| Separator | foundations | 168:161 · 3 | packages/ui/src/foundations/separator.tsx | existing |
| Skeleton | foundations | 179:602 · 8 | packages/ui/src/foundations/skeleton.tsx | evolved |
| Button · Product | actions | 167:477 · 210 | packages/ui/src/actions/button.tsx | evolved |
| Button (dense) | actions | 166:773 · 168 | packages/ui/src/actions/button.tsx | evolved |
| Icon Button | actions | 167:105 · 252 | packages/ui/src/actions/icon-button.tsx | evolved |
| Link | actions | 2056:62010 · 16 | packages/ui/src/actions/link.tsx | new |
| Form Field | inputs | 185:1351 · 9 | packages/ui/src/inputs/form-field.tsx | evolved (description) |
| Field Group | inputs | 185:1467 · 3 | packages/ui/src/inputs/field-group.tsx | evolved (description) |
| Label | inputs | 170:231 · 2 | packages/ui/src/inputs/label.tsx | evolved (description) |
| Help Hint | inputs | 170:208 · 3 | packages/ui/src/inputs/help-hint.tsx | evolved (description) |
| Field Error | inputs | 2022:2476 · 2 | packages/ui/src/inputs/field-error.tsx | evolved (description; kit component) |
| Input | inputs | 169:221 · 32 | packages/ui/src/inputs/input.tsx | evolved |
| Email Input | inputs | 169:314 · 7 | packages/ui/src/inputs/email-input.tsx | evolved (description + focus style) |
| Phone Input | inputs | 185:1196 · 7 | packages/ui/src/inputs/phone-input.tsx | evolved |
| OTP Input | inputs | 170:184 · 7 | packages/ui/src/inputs/otp-input.tsx | evolved (description) |
| OTP Cell | inputs | 170:115 · 6 | packages/ui/src/inputs/otp-input.tsx | evolved |
| Textarea | inputs | 2056:52098 · 14 | packages/ui/src/inputs/textarea.tsx | new |
| Search Input | inputs | 2056:52176 · 10 | packages/ui/src/inputs/search-input.tsx | new (promotes BO / Search Trigger 2030:12207) |
| Date Input | inputs | 2056:52278 · 14 | packages/ui/src/inputs/date-input.tsx | new |
| Select Trigger | inputs | 171:178 · 12 | packages/ui/src/inputs/select.tsx | evolved |
| Select Content | inputs | 171:196 · 1 | packages/ui/src/inputs/select.tsx | evolved (description) |
| Select Item | inputs | 171:195 · 4 | packages/ui/src/inputs/select.tsx | evolved (description) |
| Checkbox | inputs | 170:204 · 15 | packages/ui/src/inputs/checkbox.tsx | evolved |
| Checkbox Field | inputs | 2056:47820 · 30 | packages/ui/src/inputs/checkbox-field.tsx | new |
| Radio | inputs | 2056:47450 · 20 | packages/ui/src/inputs/radio.tsx | new |
| Radio Group | inputs | 2056:47626 · 6 | packages/ui/src/inputs/radio-group.tsx | new |
| Switch | inputs | 2056:47952 · 18 | packages/ui/src/inputs/switch.tsx | new (promotes BO / Switch 2043:27569) |
| Choice Card | inputs | 2056:55357 · 18 | packages/ui/src/inputs/choice-card.tsx | new (replaces Kind Option) |
| Segmented Control | inputs | 2056:55452 · 6 | packages/ui/src/inputs/segmented-control.tsx | promoted (BO / Segment 2029:11290) |
| Segmented Control Item | inputs | 2056:55391 · 10 | packages/ui/src/inputs/segmented-control.tsx | promoted (BO / Segment 2029:11290) |
| Calendar | inputs | 2080:10866 · 5 | packages/ui/src/inputs/calendar.tsx | new |
| Calendar / Day | inputs | 2080:10279 · 14 | packages/ui/src/inputs/calendar.tsx | new |
| Inline Status | feedback | 2056:43931 · 10 | packages/ui/src/feedback/inline-status.tsx | new |
| Count Pill | feedback | 2056:43962 · 15 | packages/ui/src/feedback/count-pill.tsx | new |
| System Band | feedback | 2056:53449 · 2 | packages/ui/src/feedback/system-band.tsx | promoted |
| Global Banner | feedback | 2056:53695 · 8 | packages/ui/src/feedback/global-banner.tsx | promoted |
| Badge | feedback | 168:113 · 30 | packages/ui/src/feedback/badge.tsx | evolved |
| Tooltip | feedback | 168:173 · 6 | packages/ui/src/feedback/tooltip.tsx | evolved |
| Loader | feedback | 179:503 · 18 | packages/ui/src/feedback/loader.tsx | evolved |
| Toast | feedback | 179:548 · 6 | packages/ui/src/feedback/toast.tsx | evolved |
| Empty State | feedback | 179:570 · 4 | packages/ui/src/feedback/empty-state.tsx | evolved |
| Notice | feedback | 179:590 · 14 | packages/ui/src/feedback/notice.tsx | evolved |
| Step Badge | feedback | 173:186 · 6 | packages/ui/src/feedback/step-badge.tsx | evolved |
| Protection Status | feedback | 2022:2460 · 36 | packages/ui/src/feedback/protection-status.tsx | evolved |
| Calm State | feedback | 2025:2719 · 3 | packages/ui/src/feedback/calm-state.tsx | evolved |
| Progress Track | feedback | 2022:2560 · 9 | packages/ui/src/feedback/progress-track.tsx | evolved |
| Callout | feedback | 2132:11078 · 4 | packages/ui/src/feedback/callout.tsx | new |
| App Header | navigation | 176:419 · 4 | packages/ui/src/navigation/app-header.tsx | evolved |
| Pill Nav | navigation | 173:268 · 3 | packages/ui/src/navigation/pill-nav.tsx | evolved |
| Pill Nav Item | navigation | 173:210 · 9 | packages/ui/src/navigation/pill-nav.tsx | evolved |
| Tab Bar | navigation | 173:288 · 2 | packages/ui/src/navigation/tab-bar.tsx | evolved |
| Tab Bar Item | navigation | 173:287 · 6 | packages/ui/src/navigation/tab-bar.tsx | evolved |
| Section Nav Item | navigation | 173:325 · 4 | packages/ui/src/navigation/section-nav.tsx | evolved |
| Back Link | navigation | 2056:61582 · 4 | packages/ui/src/navigation/back-link.tsx | new |
| Onboarding Step Pill | navigation | 2056:61667 · 4 | packages/ui/src/navigation/onboarding-step-pill.tsx | new |
| Onboarding Step Pill / Item | navigation | 2056:61609 · 4 | packages/ui/src/navigation/onboarding-step-pill.tsx | new |
| Person Switcher | navigation | 2058:53080 · 1 | packages/ui/src/navigation/person-switcher.tsx | new |
| Person Switcher / Item | navigation | 2058:53054 · 15 | packages/ui/src/navigation/person-switcher.tsx | new |
| Person Switcher / Add | navigation | 2058:53078 · 3 | packages/ui/src/navigation/person-switcher.tsx | new |
| Breadcrumb | navigation | 2058:53128 · 2 | packages/ui/src/navigation/breadcrumb.tsx | new |
| Breadcrumb / Item | navigation | 2058:53126 · 4 | packages/ui/src/navigation/breadcrumb.tsx | new |
| Account Trigger | navigation | 175:286 · 7 | packages/ui/src/navigation/account-trigger.tsx | evolved |
| Account Menu | navigation | 175:287 · 2 | packages/ui/src/navigation/account-menu.tsx | evolved |
| Account Drawer | navigation | 175:309 · 2 | packages/ui/src/navigation/account-menu.tsx | evolved |
| Notifications Bell (Avisos) | navigation | 175:371 · 8 | packages/ui/src/navigation/notices-bell.tsx | evolved |
| Sticky Footer | navigation | 176:611 · 10 | packages/ui/src/navigation/sticky-footer.tsx | evolved |
| Page Heading | navigation | 192:1686 · 2 | packages/ui/src/navigation/page-heading.tsx | evolved |
| Step Heading | navigation | 185:1175 · 2 | packages/ui/src/navigation/step-heading.tsx | evolved |
| Welcome Header | navigation | 183:534 · 2 | packages/ui/src/navigation/welcome-header.tsx | evolved |
| Scrim | overlays | 2056:42260 · 4 | packages/ui/src/overlays/scrim.tsx | new |
| Dialog Header | overlays | 2056:42316 · 4 | packages/ui/src/overlays/dialog.tsx | new |
| Dialog Footer | overlays | 2056:42409 · 4 | packages/ui/src/overlays/dialog.tsx | new |
| Dialog | overlays | 2056:42821 · 12 | packages/ui/src/overlays/dialog.tsx | new |
| Sheet | overlays | 2056:45954 · 4 | packages/ui/src/overlays/sheet.tsx | new |
| Drawer | overlays | 2056:46154 · 3 | packages/ui/src/overlays/drawer.tsx | new |
| Popover | overlays | 2056:50978 · 9 | packages/ui/src/overlays/popover.tsx | new |
| Dropdown Menu Item | overlays | 171:255 · 6 | packages/ui/src/overlays/dropdown-menu.tsx | evolved |
| Dropdown Menu Checkbox Item | overlays | 2056:51066 · 6 | packages/ui/src/overlays/dropdown-menu.tsx | new |
| Dropdown Menu Label | overlays | 2056:51067 · 1 | packages/ui/src/overlays/dropdown-menu.tsx | new |
| Dropdown Menu Separator | overlays | 2056:51069 · 1 | packages/ui/src/overlays/dropdown-menu.tsx | new |
| Dropdown Menu | overlays | 2056:51194 · 3 | packages/ui/src/overlays/dropdown-menu.tsx | new |
| Consequence List | overlays | 2056:55520 · 2 | packages/ui/src/overlays/consequence-list.tsx | promoted |
| Reason Option | overlays | 2056:55577 · 8 | packages/ui/src/overlays/reason-option.tsx | promoted |
| Confirm Dialog | overlays | 2056:55813 · 4 | packages/ui/src/overlays/confirm-dialog.tsx | new |
| Reason Dialog | overlays | 2056:56697 · 8 | packages/ui/src/overlays/reason-dialog.tsx | new |
| Settings Dialog | overlays | 193:2239 · 12 | packages/ui/src/overlays/settings-dialog.tsx | evolved |
| Hero Statement | protection | 2056:51454 · 4 | packages/ui/src/protection/hero-statement.tsx | promoted |
| Alert Beam | protection | 2056:51400 · 4 | packages/ui/src/protection/alert-beam.tsx | promoted |
| Person Tile | protection | 2056:44857 · 40 | packages/ui/src/protection/person-tile.tsx | promoted |
| Person Tile · focus and status line | protection | 2056:44857 · 3 | packages/ui/src/protection/person-tile.tsx | promoted |
| Mural | protection | 2056:45723 · 8 | packages/ui/src/protection/mural.tsx | promoted |
| Mural · tile-grid rules | protection | 2056:45723 · 2 | packages/ui/src/protection/mural.tsx | promoted |
| Mural / Add Tile | protection | 2056:44892 · 3 | packages/ui/src/protection/mural.tsx | promoted |
| Dinda Panel | protection | 2130:10991 · 2 | packages/ui/src/protection/dinda-panel.tsx | new |
| Info Step Card | protection | 2130:11605 · 1 | packages/ui/src/protection/info-step-card.tsx | new |
| Guide Tile | protection | 2056:51514 · 4 | packages/ui/src/protection/guide-tile.tsx | promoted |
| Weekly Stat Card | protection | 2056:60094 · 2 | packages/ui/src/protection/weekly-stat-card.tsx | promoted |
| Fact Row | protection | 2056:59995 · 10 | packages/ui/src/protection/fact-row.tsx | new |
| Week Strip | protection | 2056:59964 · 5 | packages/ui/src/protection/week-strip.tsx | promoted |
| Day Tile | protection | 2056:59859 · 15 | packages/ui/src/protection/week-strip.tsx | promoted |
| Risk Alert | protection | 2023:2983 · 48 | packages/ui/src/protection/risk-alert.tsx | evolved |
| Risk Alert / Row | protection | 2024:2735 · 24 | packages/ui/src/protection/risk-alert-row.tsx | evolved |
| Alert Signals | protection | 2058:52252 · 1 | packages/ui/src/protection/alert-detail.tsx | new |
| Alert Steps | protection | 2058:52263 · 1 | packages/ui/src/protection/alert-detail.tsx | new |
| Conversation Script | protection | 2058:52297 · 2 | packages/ui/src/protection/alert-detail.tsx | new |
| Resolution Card | protection | 2058:52326 · 2 | packages/ui/src/protection/alert-detail.tsx | promoted |
| Alert Status Card | protection | 2058:52408 · 3 | packages/ui/src/protection/alert-detail.tsx | promoted |
| History Item | protection | 2058:52409 · 1 | packages/ui/src/protection/alert-detail.tsx | new |
| Alert History | protection | 2058:52413 · 1 | packages/ui/src/protection/alert-detail.tsx | promoted |
| Share Banner | protection | 2058:52429 · 1 | packages/ui/src/protection/alert-detail.tsx | promoted |
| Person Page Header | protection | 2058:62926 · 15 | packages/ui/src/protection/person-header.tsx | promoted |
| Status Panel | protection | 2130:12171 · 6 | packages/ui/src/protection/status-panel.tsx | new |
| Person Card | protection | 2024:2880 · 7 | packages/ui/src/protection/person-card.tsx | evolved |
| Recipient Row | protection | 2130:11917 · 1 | packages/ui/src/protection/recipient-row.tsx | new |
| Timeline Item | protection | 2058:52517 · 7 | packages/ui/src/protection/timeline-item.tsx | new |
| Consent Header | consent-billing | 189:1662 · 6 | packages/ui/src/consent-billing/consent-header.tsx | evolved |
| Consent Statement | consent-billing | 189:1815 · 6 | packages/ui/src/consent-billing/consent-statement.tsx | evolved |
| Consent Point | consent-billing | 189:1666 · 1 | packages/ui/src/consent-billing/consent-point.tsx | evolved |
| Info Block | consent-billing | 189:1684 · 4 | packages/ui/src/consent-billing/info-block.tsx | evolved |
| Card Pager | consent-billing | 2130:12262 · 3 | packages/ui/src/consent-billing/card-pager.tsx | new |
| Phrase Card | consent-billing | 2130:12404 · 1 | packages/ui/src/consent-billing/phrase-card.tsx | new |
| Help Row | consent-billing | 2056:47206 · 8 | packages/ui/src/consent-billing/help-row.tsx | new |
| Permission Gate | consent-billing | 189:1760 · 4 | packages/ui/src/consent-billing/permission-gate.tsx | evolved |
| Consent Footer | consent-billing | 189:1797 · 6 | packages/ui/src/consent-billing/consent-footer.tsx | evolved |
| Consent Outcome | consent-billing | 191:1936 · 12 | packages/ui/src/consent-billing/consent-outcome.tsx | evolved |
| Consent Outcome · secondary action | consent-billing | 191:1936 · 2 | packages/ui/src/consent-billing/consent-outcome.tsx | evolved |
| Comprehension Check / Option | consent-billing | 2056:56785 · 12 | packages/ui/src/consent-billing/comprehension-check.tsx | new |
| Comprehension Check / Feedback | consent-billing | 2056:56797 · 2 | packages/ui/src/consent-billing/comprehension-check.tsx | new |
| Comprehension Check | consent-billing | 2056:56872 · 3 | packages/ui/src/consent-billing/comprehension-check.tsx | new |
| Review Item | consent-billing | 2056:57028 · 5 | packages/ui/src/consent-billing/review-item.tsx | new |
| Consent Status Card | consent-billing | 186:1562 · 8 | packages/ui/src/consent-billing/consent-status-card.tsx | evolved |
| Consent Roster Row | consent-billing | 186:1743 · 8 | packages/ui/src/consent-billing/consent-roster-row.tsx | evolved |
| Setup Dependent Row | consent-billing | 186:1475 · 5 | packages/ui/src/consent-billing/setup-dependent-row.tsx | evolved |
| Setup Person Card | consent-billing | 2137:11156 · 2 | packages/ui/src/consent-billing/setup-person-card.tsx | new |
| Notification Shortcut Card | consent-billing | 2130:12389 · 2 | packages/ui/src/consent-billing/notification-shortcut-card.tsx | new |
| Email Confirm Row | consent-billing | 2056:47322 · 2 | packages/ui/src/consent-billing/email-confirm-row.tsx | promoted |
| Audio Player | consent-billing | 2056:47284 · 2 | packages/ui/src/consent-billing/audio-player.tsx | new |
| Selfie Frame | consent-billing | 191:1728 · 4 | packages/ui/src/consent-billing/selfie-frame.tsx | evolved |
| Voice Recorder | consent-billing | 191:1857 · 4 | packages/ui/src/consent-billing/voice-recorder.tsx | evolved |
| Pairing Code Display | consent-billing | 2056:61760 · 4 | packages/ui/src/consent-billing/pairing-code-display.tsx | new |
| Pairing Steps | consent-billing | 2056:61774 · 1 | packages/ui/src/consent-billing/pairing-steps.tsx | new |
| Pairing Steps / Item | consent-billing | 2056:61773 · 2 | packages/ui/src/consent-billing/pairing-steps.tsx | new |
| Pairing Verification Code | consent-billing | 2130:12321 · 2 | packages/ui/src/consent-billing/pairing-verification-code.tsx | new |
| QR Fallback Row | consent-billing | 2130:12353 · 2 | packages/ui/src/consent-billing/qr-fallback-row.tsx | new |
| Queue Card | consent-billing | 188:1708 · 3 | packages/ui/src/consent-billing/queue-card.tsx | evolved |
| Progress Ring | consent-billing | 188:1539 · 4 | packages/ui/src/consent-billing/progress-ring.tsx | evolved |
| Mock QR | consent-billing | 188:1525 · 1 | packages/ui/src/consent-billing/mock-qr.tsx | evolved |
| Pre-check Choice | consent-billing | 2056:61941 · 3 | packages/ui/src/consent-billing/pre-check-choice.tsx | new |
| Price Summary | consent-billing | 2058:60762 · 3 | packages/ui/src/consent-billing/price-summary.tsx | new |
| Price Impact | consent-billing | 2058:60780 · 2 | packages/ui/src/consent-billing/price-impact.tsx | new |
| Plan Seat Row | consent-billing | 2058:60841 · 3 | packages/ui/src/consent-billing/plan-seat-row.tsx | new |
| Invoice Row | consent-billing | 2058:60906 · 3 | packages/ui/src/consent-billing/invoice-row.tsx | new |
| Payment Method Card | consent-billing | 2060:10084 · 4 | packages/ui/src/consent-billing/payment-method-card.tsx | new |
| Member Row | consent-billing | 2060:10196 · 4 | packages/ui/src/consent-billing/member-row.tsx | new |
| Consequences List | consent-billing | 2060:10207 · 1 | packages/ui/src/consent-billing/consequences-list.tsx | new |
| Consequence Item | consent-billing | 2060:10200 · 1 | packages/ui/src/consent-billing/consequences-list.tsx | new |
| Backoffice / Console Header | backoffice | 2056:43402 · 3 | packages/ui/src/backoffice/console-header.tsx | promoted |
| Backoffice / Area Tab | backoffice | 2056:42039 · 6 | packages/ui/src/backoffice/area-tab.tsx | promoted |
| Backoffice / Search Trigger | backoffice | 2056:42064 · 4 | packages/ui/src/backoffice/search-trigger.tsx | promoted |
| Backoffice / Notification Bell | backoffice | 2056:42086 · 3 | packages/ui/src/backoffice/notification-bell.tsx | new |
| Backoffice / Sidebar | backoffice | 2056:43445 · 1 | packages/ui/src/backoffice/sidebar.tsx | new |
| Backoffice / Sidebar Item | backoffice | 2056:43441 · 5 | packages/ui/src/backoffice/sidebar.tsx | promoted |
| Backoffice / Sidebar Group Label | backoffice | 2056:43442 · 1 | packages/ui/src/backoffice/sidebar.tsx | new |
| Backoffice / Segment | backoffice | 2056:43522 · 4 | packages/ui/src/backoffice/segment.tsx | promoted |
| Backoffice / Segment Group | backoffice | 2056:43523 · 1 | packages/ui/src/backoffice/segment.tsx | new |
| Backoffice / Period Picker | backoffice | 2056:48672 · 4 | packages/ui/src/backoffice/period-picker.tsx | new |
| Backoffice / Page Header | backoffice | 2056:48673 · 1 | packages/ui/src/backoffice/page-header.tsx | new |
| Backoffice / KPI Tile | backoffice | 2056:48793 · 7 | packages/ui/src/backoffice/kpi-tile.tsx | promoted |
| Backoffice / KPI Tile · In strip | backoffice | 2056:48793 · 7 | packages/ui/src/backoffice/kpi-tile.tsx | promoted |
| Backoffice / Filter Chip | backoffice | 2056:48830 · 6 | packages/ui/src/backoffice/filter-chip.tsx | new |
| Backoffice / Filter Select | backoffice | 2079:10277 · 4 | packages/ui/src/backoffice/filter-select.tsx | new |
| Backoffice / Columns Button | backoffice | 2079:10330 · 3 | packages/ui/src/backoffice/columns-button.tsx | new |
| Backoffice / Table Header Cell | backoffice | 2056:57085 · 10 | packages/ui/src/backoffice/data-table.tsx | promoted |
| Backoffice / Table Cell | backoffice | 2056:57120 · 9 | packages/ui/src/backoffice/data-table.tsx | promoted |
| Backoffice / Table Row | backoffice | 2056:57276 · 5 | packages/ui/src/backoffice/data-table.tsx | new |
| Backoffice / Table Header Row | backoffice | 2056:57277 · 1 | packages/ui/src/backoffice/data-table.tsx | new |
| Backoffice / Table Toolbar | backoffice | 2056:57424 · 2 | packages/ui/src/backoffice/table-toolbar.tsx | new |
| Backoffice / Pagination | backoffice | 2056:57471 · 5 | packages/ui/src/backoffice/pagination.tsx | new |
| Backoffice / Table Empty | backoffice | 2056:57525 · 3 | packages/ui/src/backoffice/table-empty.tsx | new |
| Data Table (composed) | backoffice | 2056:57276 · 1 | packages/ui/src/backoffice/data-table.tsx | new |
| Backoffice / Status | backoffice | 2056:42010 · 10 | packages/ui/src/backoffice/status.tsx | promoted |
| Backoffice / Chip | backoffice | 2079:10352 · 10 | packages/ui/src/backoffice/chip.tsx | new |
| Backoffice / Attention Item | backoffice | 2058:51998 · 9 | packages/ui/src/backoffice/attention.tsx | promoted |
| Backoffice / Attention List | backoffice | 2058:51999 · 1 | packages/ui/src/backoffice/attention.tsx | new |
| Backoffice / Reveal Field | backoffice | 2058:52243 · 4 | packages/ui/src/backoffice/reveal-field.tsx | new |
| Backoffice / Timeline Item | backoffice | 2058:55269 · 10 | packages/ui/src/backoffice/timeline.tsx | promoted |
| Backoffice / Balance Card | backoffice | 2058:55415 · 3 | packages/ui/src/backoffice/balance-card.tsx | new |
| Callout · Backoffice | backoffice | 2132:11078 · 3 | packages/ui/src/backoffice/callout.tsx | new |
| Definition Row · Backoffice | backoffice | 2132:11102 · 2 | packages/ui/src/backoffice/definition-row.tsx | new |
