chore(ms-ai-architect): re-sync vendored design system with light tokens

2026-05-04 03:03:24 +02:00 · 2026-05-04 03:03:24 +02:00 · a5c12b68d9
commit a5c12b68d9
parent 46bce51f44
3 changed files with 81 additions and 3 deletions
--- a/shared/playground-design-system/CHANGELOG.md
+++ b/shared/playground-design-system/CHANGELOG.md
@ -0,0 +1,32 @@
+# 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.