@klodd/ds 3.9.2 → 3.10.0
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.
|
@@ -9,6 +9,8 @@
|
|
|
9
9
|
|
|
10
10
|
Element:
|
|
11
11
|
.kv-list__item - en rad (justify-content: space-between)
|
|
12
|
+
.kv-list__key - vanster-segment (label, kan innehalla chip/svg)
|
|
13
|
+
.kv-list__value - hoger-segment (varde, tabular-nums)
|
|
12
14
|
.kv-budget-header - rubrik-rad for budget-expandering
|
|
13
15
|
(compound-block per regel 11)
|
|
14
16
|
.kv-budget-body - expanderat innehall (compound-block)
|
|
@@ -38,6 +40,23 @@
|
|
|
38
40
|
color: var(--text-subtle);
|
|
39
41
|
}
|
|
40
42
|
|
|
43
|
+
.kv-list__key {
|
|
44
|
+
display: inline-flex;
|
|
45
|
+
align-items: center;
|
|
46
|
+
gap: var(--space-6);
|
|
47
|
+
flex: 1;
|
|
48
|
+
min-width: 0;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.kv-list__value {
|
|
52
|
+
display: inline-flex;
|
|
53
|
+
align-items: center;
|
|
54
|
+
gap: var(--space-6);
|
|
55
|
+
flex-shrink: 0;
|
|
56
|
+
color: var(--text-default);
|
|
57
|
+
font-variant-numeric: tabular-nums;
|
|
58
|
+
}
|
|
59
|
+
|
|
41
60
|
.kv-list__item--strong {
|
|
42
61
|
color: var(--text-default);
|
|
43
62
|
font-weight: var(--fw-medium);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@klodd/ds",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.10.0",
|
|
4
4
|
"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.",
|
|
5
5
|
"main": "css/index.css",
|
|
6
6
|
"bin": {
|
|
@@ -273,7 +273,7 @@ För varje entry gäller:
|
|
|
273
273
|
|
|
274
274
|
### kv-list (`kv-list.css`) - v3.9.0
|
|
275
275
|
- **Blocks:** `.kv-list` (`<ul>`-wrapper)
|
|
276
|
-
- **Element:** `.kv-list__item`, `.kv-budget-header` (compound, klickbar header), `.kv-budget-body` (compound, expanderat innehall)
|
|
276
|
+
- **Element:** `.kv-list__item`, `.kv-list__key`, `.kv-list__value`, `.kv-budget-header` (compound, klickbar header), `.kv-budget-body` (compound, expanderat innehall)
|
|
277
277
|
- **Modifiers:** `.kv-list__item--strong/-sub/-divider/-budget`
|
|
278
278
|
- **Anvand:** Key-value list for metric-breakdowns, statistik-paneler, settings-summaries
|
|
279
279
|
- **INTE:** List av actions (anvand `.list-row` eller `.setting-row`)
|