@klodd/ds 3.5.1 → 3.5.2

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 (3) hide show
  1. package/SKILL.md +3 -1
  2. package/css/components/panel.css +14 -6
  3. package/package.json +2 -2
package/SKILL.md CHANGED
@@ -97,9 +97,11 @@ En källa, alla projekt ser samma skill automatiskt. Ändringar i
97
97
  `~/dev/klodd-ds/SKILL.md`, `POLICY.md` eller `references/` syns
98
98
  omedelbart i nästa CC-session - ingen synk-fas behövs.
99
99
 
100
- Updated: 2026-05-08 (matchar @klodd/ds 3.5.1 - sprint C fas 1: ny
100
+ Updated: 2026-05-08 (matchar @klodd/ds 3.5.2 - sprint C fas 1: ny
101
101
  sheet-content.css-komponent (24 BEM-klasser för Sprint-65-pattern),
102
102
  foreman-typografi-utokning (.text-caption/-tiny/-num/-num--display/-positive/-warning),
103
103
  btn-modifiers (--block, --add), och utokningar i panel/setting-row/chip).
104
+ v3.5.2 rattade .panel--attention__pill (felaktig BEM) till .panel__pill +
105
+ context-styling via .panel--attention .panel__pill.
104
106
  ds/components.css raderingen i Ekonom rollback:ad samma kvall efter audit -
105
107
  template-migration (sprint C fas 2) ar nasta steg.)
package/css/components/panel.css CHANGED
@@ -83,23 +83,31 @@
83
83
  color: var(--warning);
84
84
  }
85
85
 
86
- /* Pill inom attention-panel (t.ex. count "2 att atgarda"). Anvander
87
- warning-tokens for konsekvens med .panel--attention. v3.5.1. */
88
- .panel--attention__pill {
86
+ /* Pill-element inom panel - generisk, neutral default. Anvands for
87
+ count-badges, status-indikatorer i panel-headers. v3.5.2 (rattad
88
+ fran v3.5.1 .panel--attention__pill till korrekt BEM). */
89
+ .panel__pill {
89
90
  display: inline-flex;
90
91
  align-items: center;
91
92
  height: 24px;
92
93
  padding: 0 var(--space-10);
93
- background: var(--warning-dim);
94
- color: var(--warning);
94
+ background: var(--surface-default);
95
+ color: var(--text-muted);
95
96
  font-size: var(--fs-12);
96
97
  font-weight: var(--fw-medium);
97
- border: 1px solid var(--warning-border);
98
+ border: 1px solid var(--border-default);
98
99
  border-radius: var(--radius-full);
99
100
  white-space: nowrap;
100
101
  font-variant-numeric: tabular-nums;
101
102
  }
102
103
 
104
+ /* Context-styling: pill inom attention-panel arver warning-fargschema. */
105
+ .panel--attention .panel__pill {
106
+ background: var(--warning-dim);
107
+ color: var(--warning);
108
+ border-color: var(--warning-border);
109
+ }
110
+
103
111
  .panel__step-row {
104
112
  display: flex;
105
113
  align-items: center;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@klodd/ds",
3
- "version": "3.5.1",
4
- "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).",
3
+ "version": "3.5.2",
4
+ "description": "Klodd Design System - shared tokens, typography, components and JS for Jubb, Ekonom, and future apps. v3.5.2 (2026-05-08): rattade .panel--attention__pill (felaktig blandad modifier-element-BEM) till .panel__pill med context-styling via .panel--attention .panel__pill. Stricter BEM-konvention.",
5
5
  "main": "css/index.css",
6
6
  "bin": {
7
7
  "klodd-ds": "./bin/klodd-ds.js"