@klodd/ds 3.2.0 → 3.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/css/00-primitives.css +13 -5
  2. package/css/10-semantic.css +20 -8
  3. package/css/apps/ekonom.css +1 -1
  4. package/package.json +1 -1
package/css/00-primitives.css CHANGED
@@ -149,6 +149,10 @@
149
149
  --plum-10: #b658c4; /* Solid hover */
150
150
  --plum-11: #e796f3; /* Accent text pa neutral */
151
151
  --plum-12: #f4d4f4;
152
+
153
+ /* Plum mellanniva - mellan plum-2 och plum-3, anvands av Ekonoms
154
+ surface-raised. Tidigare hardkodat #2a1a2e i apps/ekonom.css. */
155
+ --plum-2-5: oklch(0.24 0.048 295);
152
156
  }
153
157
 
154
158
 
@@ -258,9 +262,12 @@
258
262
  --ls-tracker-xl: 0.12em;
259
263
 
260
264
  /* Font-stack - Linear-stacken (Inter primar + SF Pro Display + system).
261
- Inter laddas via Google Fonts i base/typography.css om enheten saknar
262
- den. iOS-anvandare med Inter installerad far lokal kopia; ovriga far
263
- Google Fonts woff2 (kachas av PWA-SW). System-ui ar universell fallback. */
265
+ Inter laddas via Google Fonts ENBART om appen valjer att importera
266
+ base/typography.css. Jubb gor det. Ekonom valjer medvetet att INTE
267
+ importera den (Sprint D2-beslut: render-blocking-prestanda).
268
+
269
+ Stacken faller tillbaka till SF Pro Display pa iOS och system-ui pa
270
+ ovriga plattformar nar Inter inte ar tillganglig. */
264
271
  --font-sans:
265
272
  "Inter", "SF Pro Display", -apple-system,
266
273
  system-ui, "Segoe UI", Roboto, "Helvetica Neue",
@@ -386,8 +393,9 @@
386
393
 
387
394
  --touch-min: 44px;
388
395
 
389
- --bottom-nav-height: 80px;
390
- --bottom-nav-clearance: calc(var(--bottom-nav-height) + var(--space-12) + var(--safe-bottom) + var(--space-12));
396
+ /* Bottom-nav-tokens lever i 10-semantic.css som calc-baserade
397
+ (--touch-min + space). Tidigare hardkodade 80px har raderats
398
+ 2026-05-07 - en kalla av sanning, inga magic-numbers. */
391
399
  }
392
400
 
393
401
 
package/css/10-semantic.css CHANGED
@@ -289,7 +289,17 @@
289
289
  /* ================================================================
290
290
  ==== LAYOUT - app-niva-konstanter
291
291
  ================================================================ */
292
- --bottom-nav-height-semantic: calc(var(--touch-min) + var(--space-12));
292
+
293
+ /* Bottom-nav-hojd: enda kalla av sanning (konsoliderad 2026-05-07
294
+ fran tidigare dubbel-definition i 00-primitives.css). Calc-baserad
295
+ pa --touch-min + space sa den foljer designsystem-andringar
296
+ automatiskt. */
297
+ --bottom-nav-height: calc(var(--touch-min) + var(--space-12));
298
+
299
+ /* Bottom-nav-clearance: utrymme under nav for fixed-positioning +
300
+ safe-area pa iPhone notch-modeller. Anvands som body padding-bottom
301
+ i app-CSS sa scroll-content inte hamnar under nav. */
302
+ --bottom-nav-clearance: calc(var(--bottom-nav-height) + var(--space-12) + var(--safe-bottom) + var(--space-12));
293
303
  }
294
304
 
295
305
 
@@ -363,16 +373,18 @@
363
373
 
364
374
  /* ================================================================
365
375
  ==== LIGHT MODE (data-theme="light")
366
- Overrider ytor, text och borders. Accent justeras ett steg morkare
367
- for batter kontrast pa ljus bakgrund. Komponenter behover inga
368
- andringar - alla refererar bara semantic tokens.
376
+ Forberedda tokens - aktiveras INTE av Ekonom (dark-only).
377
+ Tillgangliga for framtida light-mode-sprint i Jubb eller framtida apps.
378
+
379
+ App valjer aktivering genom att satta `data-theme="light"` pa <html>.
380
+ Standardtillstand ar dark (utan attribut eller med data-theme="dark").
381
+
382
+ Komponenter behover inga andringar - alla refererar bara semantic tokens.
369
383
 
370
- STATUS: forberedd, inte aktivt produktion-verifierad. Dokumenterad
371
- som "Punkt J" i AUDIT.md. Tokens som inte overrides her arver
372
- default-blocket (dark-values) - kanda begransningar:
384
+ Kanda begransningar (kvar att harmonisera vid eventuell aktivering):
373
385
  - alpha-tokens (--accent-a*) anvander dark-Radix-alpha-skalor;
374
386
  bor importera light-skalor for full paritet
375
- - --shadow-float ar kalibrerad for dark-mode (synlig pa ljus bg
387
+ - --shadow-card ar kalibrerad for dark-mode (synlig pa ljus bg
376
388
  men kan behova mindre opacity)
377
389
  - --hero-glow gradient anvander accent som ar morkare i light;
378
390
  eventuellt for mattat
package/css/apps/ekonom.css CHANGED
@@ -26,7 +26,7 @@
26
26
  for synlig kort-elevation utan att vara for ljus. */
27
27
  --surface-page: var(--plum-1); /* #181118 */
28
28
  --surface-default: var(--plum-2); /* #201320 */
29
- --surface-raised: #2a1a2e; /* mellanting plum-2 och plum-3 */
29
+ --surface-raised: var(--plum-2-5); /* mellanniva plum-2/plum-3 */
30
30
  --surface-overlay: var(--plum-3); /* #351a35 */
31
31
  --surface-hover: var(--plum-3);
32
32
  --surface-active: var(--plum-4);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@klodd/ds",
3
- "version": "3.2.0",
3
+ "version": "3.2.1",
4
4
  "description": "Klodd Design System - shared tokens, typography, components and JS for Jubb, Ekonom, and future apps. v2.0 inkluderar all komponentkod och delad JS - app-repona haller bara data och affarslogik.",
5
5
  "main": "css/index.css",
6
6
  "files": [