@klodd/ds 3.5.1 → 3.5.3

package/SKILL.md

@@ -97,9 +97,12 @@ En källa, alla projekt ser samma skill automatiskt. Ändringar i
 `~/dev/klodd-ds/SKILL.md`, `POLICY.md` eller `references/` syns
 omedelbart i nästa CC-session - ingen synk-fas behövs.
 
-Updated: 2026-05-08 (matchar @klodd/ds 3.5.1 - sprint C fas 1: ny
+Updated: 2026-05-09 (matchar @klodd/ds 3.5.3 - sprint C fas 1+2: ny
 sheet-content.css-komponent (24 BEM-klasser för Sprint-65-pattern),
 foreman-typografi-utokning (.text-caption/-tiny/-num/-num--display/-positive/-warning),
-btn-modifiers (--block, --add), och utokningar i panel/setting-row/chip).
-ds/components.css raderingen i Ekonom rollback:ad samma kvall efter audit -
-template-migration (sprint C fas 2) ar nasta steg.)
+btn-modifiers (--block, --add), .heading (17px medium tight), och utokningar
+i panel/setting-row/chip.
+v3.5.2 rattade .panel--attention__pill (felaktig BEM) till .panel__pill +
+context-styling via .panel--attention .panel__pill.
+v3.5.3 lagger till .heading-utan-N (17px) for dialog-titlar och sheet-rubriker.
+Sprint C fas 2 template-migration pagaar.)

package/css/base/typography.css

@@ -62,6 +62,18 @@
   text-transform: uppercase;
 }
 
+/* .heading (utan -N) - 17px medium tight. Anvands for sheet-titlar
+   och dialog-titlar dar .heading-2 (18px) ar for stort och .heading-3
+   (15px) for litet. Tillagd v3.5.3 (2026-05-09) - tackar in .heading-
+   forekomster som tidigare bodde i Ekonoms components.css. */
+.heading {
+  font-size: var(--fs-17);
+  font-weight: var(--fw-medium);
+  line-height: var(--lh-tight);
+  letter-spacing: var(--ls-tight);
+  color: var(--text-default);
+}
+
 
 /* ================================================================
    ==== BRODTEXT (storleksbaserad)

package/css/components/panel.css

@@ -83,23 +83,31 @@
   color: var(--warning);
 }
 
-/* Pill inom attention-panel (t.ex. count "2 att atgarda"). Anvander
-   warning-tokens for konsekvens med .panel--attention. v3.5.1. */
-.panel--attention__pill {
+/* Pill-element inom panel - generisk, neutral default. Anvands for
+   count-badges, status-indikatorer i panel-headers. v3.5.2 (rattad
+   fran v3.5.1 .panel--attention__pill till korrekt BEM). */
+.panel__pill {
   display: inline-flex;
   align-items: center;
   height: 24px;
   padding: 0 var(--space-10);
-  background: var(--warning-dim);
-  color: var(--warning);
+  background: var(--surface-default);
+  color: var(--text-muted);
   font-size: var(--fs-12);
   font-weight: var(--fw-medium);
-  border: 1px solid var(--warning-border);
+  border: 1px solid var(--border-default);
   border-radius: var(--radius-full);
   white-space: nowrap;
   font-variant-numeric: tabular-nums;
 }
 
+/* Context-styling: pill inom attention-panel arver warning-fargschema. */
+.panel--attention .panel__pill {
+  background: var(--warning-dim);
+  color: var(--warning);
+  border-color: var(--warning-border);
+}
+
 .panel__step-row {
   display: flex;
   align-items: center;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@klodd/ds",
-  "version": "3.5.1",
-  "description": "Klodd Design System - shared tokens, typography, components and JS for Jubb, Ekonom, and future apps. v3.5.1 (2026-05-08): nya foreman-typografi-klasser (.text-caption/-tiny/-num/-num--display/-positive/-warning), nya sheet-content-komponent (24 BEM-klasser för Sprint-65-pattern), nya btn-modifiers (--block, --add), och nya elements i panel.css (.panel__header-row, .panel--attention__pill), setting-row.css (.setting-row__form), chip.css (.chip-list__text, .chip-list__form). Sektion C av sprint-C-migration (paket-utvidgning, ej template-migration).",
+  "version": "3.5.3",
+  "description": "Klodd Design System - shared tokens, typography, components and JS for Jubb, Ekonom, and future apps. v3.5.3 (2026-05-09): tillagg .heading (17px medium tight) i base/typography.css for dialog-titlar och sheet-rubriker. Tackar luckan mellan .heading-2 (18px) och .heading-3 (15px) - matchar Ekonoms gamla .heading-class.",
   "main": "css/index.css",
   "bin": {
     "klodd-ds": "./bin/klodd-ds.js"