alma-oss / spirit-design-system / 25870971409

85%

main: 85%

Pull #2653

github

feat(web,web-react)!: migrate `Tag` to color schemes #DS-2456

Mirror the migration of `Pill` and `ToastBar`:

- `_Tag.scss`: read color, border, and background from
  `color-scheme.color()` / `border-color()` / `background-color()`; drop
  `dictionaries.generate-colors(...)` and the `.Tag--subtle` rule; add
  `component-color-overrides.generate(...)` so consumer
  `component-tag-*` design tokens emit `.Tag.Tag--<color>` overrides.
- `_theme.scss`: drop `\$color-dictionary` and `\$color-config`.
- `useTagStyleProps`: use `getColorSchemeClassName(...)`; keep
  `Tag--<color>` and `Tag--subtle` as marker classes for override hooks
  and skip the scheme class when disabled.
- HTML preview, README, and Tag usages in Card, Collapse, FileUploader,
  TextArea, and UNSTABLE_Picker switch from utility-class triplets to
  the matching `color-scheme-on-*` class.

BREAKING CHANGE: `.Tag--<color>` and `.Tag--subtle` CSS rules are no
longer emitted. Consumers must apply a `color-scheme-on-*` class (the
React component does this automatically).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2369 of 3210 branches covered (73.8%)

Branch coverage included in aggregate %.

3 of 3 new or added lines in 1 file covered. (100.0%)

7332 of 8273 relevant lines covered (88.63%)

206.15 hits per line