32 lines
1.4 KiB
Markdown
32 lines
1.4 KiB
Markdown
# playground-design-system — CHANGELOG
|
|
|
|
## 0.2.0 — 2026-05-04
|
|
|
|
### Added
|
|
- `[data-theme="light"]`-blokk i `tokens.css` (Aksel-aligned, WCAG AA-validert).
|
|
Full mirror av dark-blokken (26 vars) — alle theme-overridable tokens som
|
|
finnes i dark-blokken finnes nå også i light-blokken, slik at renderers ikke
|
|
faller gjennom til udefinerte verdier ved theme-switch.
|
|
- `color-scheme` CSS-property satt eksplisitt på `:root`, `[data-theme="light"]`
|
|
og `[data-theme="dark"]` for korrekt native form-controls/scrollbar-styling.
|
|
|
|
### Notes for vendor consumers
|
|
|
|
Andre plugins som vendrer design-systemet
|
|
(`okr`, `llm-security`, `ultraplan-local`, `config-audit`) får tilgang til
|
|
light-tokens etter neste re-sync. Adopsjon er valgfri — eksisterende dark-only
|
|
oppførsel er bakoverkompatibel siden ingen eksisterende verdi er endret.
|
|
|
|
For å adoptere light-mode i en konsument:
|
|
1. Re-sync via `node scripts/sync-design-system.mjs <plugin-name>`
|
|
2. Legg til en synkron `<script>`-IIFE i `<head>` før CSS-load som leser
|
|
`localStorage` og setter `data-theme` + `colorScheme` på `documentElement`.
|
|
3. Eksponere theme-toggle i UI som setter `documentElement.dataset.theme` +
|
|
persisterer i `localStorage`.
|
|
|
|
## 0.1.0 — 2026-04 (initial)
|
|
|
|
- Tier 1+2+3 design-system med Aksel/Digdir-aligned tokens, base, components.
|
|
- Dark mode default + `[data-theme="dark"]`-overrides.
|
|
- Self-hosted Inter, JetBrains Mono, Source Serif 4 fonts.
|
|
- Schemas for renderers + commands.
|