|
| 1 | +# UI Component Migration Inventory |
| 2 | + |
| 3 | +| Component | Status | Legacy classes | Callers left | Last update | |
| 4 | +|---|---|---|---:|---| |
| 5 | +| Button | ⚫ not-started | `.btn .btn-*` | 31 | 2026-05-06 | |
| 6 | +| IconButton | ⚫ not-started | `.btn` icon-only | — | — | |
| 7 | +| Input | ⚫ not-started | `.input` | — | — | |
| 8 | +| Textarea | ⚫ not-started | `.input.textarea` | — | — | |
| 9 | +| Tag | ⚫ not-started | `.badge .badge-*` | — | — | |
| 10 | +| Badge | ⚫ not-started | `.badge` | — | — | |
| 11 | +| Pill | ⚫ not-started | `.settings-pill*` | — | — | |
| 12 | +| StatusDot | ⚫ not-started | token-backed dot patterns | — | — | |
| 13 | +| Kbd | ⚫ not-started | `kbd` | — | — | |
| 14 | +| Spinner | ⚫ not-started | `.animate-spin` | — | — | |
| 15 | +| Switch | ⚫ not-started | new | — | — | |
| 16 | +| Modal | ⚫ not-started | `.modal-overlay .modal-card .modal-*` | — | — | |
| 17 | +| ConfirmDialog | ⚫ not-started | modal convenience wrapper | — | — | |
| 18 | +| Toast | ⚫ not-started | `.toast*` | — | — | |
| 19 | +| Tooltip | ⚫ not-started | new | — | — | |
| 20 | +| ProgressBar | ⚫ not-started | `--progress-height` patterns | — | — | |
| 21 | +| Notice | ⚫ not-started | `.settings-page__notice*` | — | — | |
| 22 | +| EmptyState | ⚫ not-started | feature-specific empty state blocks | — | — | |
| 23 | +| Tabs | ⚫ not-started | tab / pill patterns across features | — | — | |
| 24 | +| SegmentedControl | ⚫ not-started | `.settings-pill*` | — | — | |
| 25 | +| Select | ⚫ not-started | `.input`, `.mobile-select-*` | — | — | |
| 26 | +| Popover | ⚫ not-started | new | — | — | |
| 27 | +| ActionMenu | ⚫ not-started | new | — | — | |
| 28 | +| Sheet | ⚫ not-started | mobile sheet shells | — | — | |
0 commit comments