@klodd/ds 3.19.3 → 3.20.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 (6) hide show
  1. package/css/10-semantic.css +3 -1
  2. package/css/components/form.css +3 -3
  3. package/css/components/hub-card.css +4 -2
  4. package/css/components/panel.css +4 -3
  5. package/css/components/sheet-content.css +2 -2
  6. package/package.json +1 -1
package/css/10-semantic.css CHANGED
@@ -327,7 +327,9 @@
327
327
  --card-bg: var(--surface-default);
328
328
  --card-bg-elevated: var(--surface-raised);
329
329
  --card-border-color: var(--border-subtle);
330
- --card-radius: var(--radius-20);
330
+ /* 2026-05-13: --card-radius borttaget. Var --radius-20 (legacy) men
331
+ ingen komponent konsumerade tokenet. Kort-komponenter anvander
332
+ var(--radius-14) direkt enligt BR-skalan. */
331
333
  --card-padding-x: var(--space-18);
332
334
  --card-padding-y: var(--space-16);
333
335
  --card-margin-bottom: var(--space-14);
package/css/components/form.css CHANGED
@@ -33,10 +33,10 @@
33
33
  }
34
34
 
35
35
  .form-section__title {
36
- font-size: var(--fs-10);
36
+ /* 2026-05-13: sentence-case. Tidigare uppercase + 0.12em tracker. */
37
+ font-size: var(--fs-11);
37
38
  font-weight: var(--fw-medium);
38
- letter-spacing: 0.12em;
39
- text-transform: uppercase;
39
+ letter-spacing: var(--ls-tight);
40
40
  color: var(--text-muted);
41
41
  margin: 0 0 var(--space-12);
42
42
  padding-bottom: var(--space-8);
package/css/components/hub-card.css CHANGED
@@ -98,11 +98,13 @@
98
98
  }
99
99
 
100
100
  .hub-category {
101
+ /* 2026-05-13: sentence-case. Tidigare uppercase + 0.08em letter-
102
+ spacing, men matchar nu hero__label-konventionen ("Mitt" istallet
103
+ for "MITT"). Hierarki via font-size + weight + color. */
101
104
  font-size: var(--fs-11);
102
105
  font-weight: var(--fw-medium);
103
106
  color: var(--text-muted);
104
- letter-spacing: 0.08em;
105
- text-transform: uppercase;
107
+ letter-spacing: var(--ls-tight);
106
108
  margin: var(--space-20) 0 var(--space-8);
107
109
  padding: 0 var(--space-4);
108
110
  }
package/css/components/panel.css CHANGED
@@ -17,10 +17,11 @@
17
17
  }
18
18
 
19
19
  .panel__title {
20
- font-size: var(--fs-10);
20
+ /* 2026-05-13: sentence-case. Tidigare uppercase + xl-tracker.
21
+ fs-10 → fs-11 sa "Installningar" kanns lasbar utan caps-boost. */
22
+ font-size: var(--fs-11);
21
23
  font-weight: var(--fw-medium);
22
- letter-spacing: var(--ls-tracker-xl, 0.12em);
23
- text-transform: uppercase;
24
+ letter-spacing: var(--ls-tight);
24
25
  color: var(--text-muted);
25
26
  margin: 0 0 var(--space-12);
26
27
  }
package/css/components/sheet-content.css CHANGED
@@ -23,10 +23,10 @@
23
23
  ==== TITLE + DESCRIPTION
24
24
  ================================================================ */
25
25
  .sheet__title {
26
+ /* 2026-05-13: sentence-case. Tidigare uppercase + 0.04em tracker. */
26
27
  font-size: var(--fs-13);
27
28
  font-weight: var(--fw-medium);
28
- letter-spacing: 0.04em;
29
- text-transform: uppercase;
29
+ letter-spacing: var(--ls-tight);
30
30
  color: var(--text-muted);
31
31
  margin: 0 0 var(--space-8);
32
32
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@klodd/ds",
3
- "version": "3.19.3",
3
+ "version": "3.20.1",
4
4
  "description": "Klodd shared design system - tokens, components, JS",
5
5
  "main": "css/index.css",
6
6
  "bin": {