@klodd/ds 5.15.5 → 5.15.7

package/css/00-primitives.css

@@ -422,7 +422,7 @@
   --max-w-desktop:              1280px;
 
   --content-max-narrow:  480px;  /* .main-content--narrow */
-  --content-max-default: 600px;  /* .main-content (default) */
+  --content-max-default: 680px;  /* .main-content (default) - 2026-05-26: bumpad fran 600px, mer lasbar desktop-kolumn utan att bryta mobil */
   --content-max-wide:    800px;  /* .main-content--wide */
 
   /* Matt-constraints for komponenters width/height. */

package/css/base/typography.css

@@ -169,14 +169,19 @@
   color: var(--text-muted);
 }
 
-/* Mycket liten uppercase-tracker (10px). Anvands for category-rubriker,
-   meta-info ovanfor titel etc. Liknande tracking som .heading-4 men
-   mindre. */
+/* Mycket liten tracker-text (10px). Anvands for meta-info ovanfor
+   titel, sma etiketter etc. Latt letter-spacing for last-vanlighet
+   pa low fs.
+
+   2026-05-26: text-transform: uppercase borttagen. Case ar ett
+   presentationsval som tillhor specifik kontext (table headers,
+   .heading-4 micro-tracker) - en utility-class for liten text
+   ska inte forcera case. Konsumenter som vill ha ALL-CAPS lagger
+   text-transform pa egen anvandning. */
 .text-tiny {
   font-size: var(--fs-10);
   font-weight: var(--fw-medium);
   letter-spacing: 0.08em;
-  text-transform: uppercase;
   color: var(--text-muted);
 }
 

package/css/components/avatar.css

@@ -1,10 +1,15 @@
 /* ================================================================
    components/avatar.css
-   Cirkular initial-avatar. Modifier --lg pa profil-vyer.
+   Cirkular initial-avatar. Modifier --sm/--lg pa kompakta/profil-vyer.
+
+   2026-05-26: bas-storlek 36px -> 44px via var(--touch-min).
+   Matchar WCAG AA tap-target (.avatar ar klickbar nar wrappad i <a>)
+   och .pwa-avatar-storleken (visuell harmoni mellan vanster/hoger
+   topbar-slot). --sm/--lg-varianter oforandrade.
    ================================================================ */
 .avatar {
-  width: var(--circle-size);
-  height: var(--circle-size);
+  width: var(--touch-min);
+  height: var(--touch-min);
   border-radius: var(--radius-full);
   background: linear-gradient(135deg, var(--accent-9) 0%, var(--accent-10) 100%);
   display: inline-flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@klodd/ds",
-  "version": "5.15.5",
+  "version": "5.15.7",
   "description": "Klodd shared design system - tokens, components, JS",
   "main": "css/index.css",
   "bin": {