localize legacy UI component styles

This commit is contained in:
2026-08-09 21:07:10 +05:30
parent 3f5ec8696f
commit 6859b5c4ff
17 changed files with 512 additions and 866 deletions
+8 -7
View File
@@ -506,11 +506,12 @@ whichever behaviour was chosen.
every page. Only **42 of 108** components had a local `style {}` block.
**Result so far.** The maintained library now has **102 of 102** components
with local styles. After removing the unused `.wire-switch` family, built
`ui.css` is **76,348 bytes / 12,531 gzipped**, but
it still contains a parallel legacy component layer, including `.wire-next`,
`.wire-btn`, `.wire-dropdown`, and related families. Local-style coverage alone
does not complete this item; global component selectors must reach zero.
with local styles. Built `ui.css` is **54,016 bytes / 9,338 gzipped** after
removing the unused `.wire-switch`, `.wire-alert`, and `.wire-card` families and
localizing the live `.wire-btn`, `.wire-dropdown`, ButtonGroup, alert-variant,
card-overlay, and related rules. The remaining `.wire-next` field and component
rules still form a parallel legacy layer. Local-style coverage alone does not
complete this item; global component selectors must reach zero.
**Change.** Done in groups with the visual contract regenerated after each
migration.
@@ -519,8 +520,8 @@ migration.
```bash
ls packages/ui/components/*.wrn | wc -l # 102
grep -lE '^[[:space:]]*style[[:space:]]*\{' packages/ui/components/*.wrn | wc -l # 102
bun run build && gzip -c examples/basic-app/dist/ui.css | wc -c # 12531
grep -lE '^\s*style\s*\{' packages/ui/components/*.wrn | wc -l # 102
bun run build && gzip -c examples/basic-app/dist/ui.css | wc -c # 9338
```
Add a ratchet test asserting the gzipped size only ever decreases, so this