@klodd/ds 5.15.4 → 5.15.6
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.
package/css/00-primitives.css
CHANGED
|
@@ -422,7 +422,7 @@
|
|
|
422
422
|
--max-w-desktop: 1280px;
|
|
423
423
|
|
|
424
424
|
--content-max-narrow: 480px; /* .main-content--narrow */
|
|
425
|
-
--content-max-default:
|
|
425
|
+
--content-max-default: 680px; /* .main-content (default) - 2026-05-26: bumpad fran 600px, mer lasbar desktop-kolumn utan att bryta mobil */
|
|
426
426
|
--content-max-wide: 800px; /* .main-content--wide */
|
|
427
427
|
|
|
428
428
|
/* Matt-constraints for komponenters width/height. */
|
package/css/base/typography.css
CHANGED
|
@@ -169,14 +169,19 @@
|
|
|
169
169
|
color: var(--text-muted);
|
|
170
170
|
}
|
|
171
171
|
|
|
172
|
-
/* Mycket liten
|
|
173
|
-
|
|
174
|
-
|
|
172
|
+
/* Mycket liten tracker-text (10px). Anvands for meta-info ovanfor
|
|
173
|
+
titel, sma etiketter etc. Latt letter-spacing for last-vanlighet
|
|
174
|
+
pa low fs.
|
|
175
|
+
|
|
176
|
+
2026-05-26: text-transform: uppercase borttagen. Case ar ett
|
|
177
|
+
presentationsval som tillhor specifik kontext (table headers,
|
|
178
|
+
.heading-4 micro-tracker) - en utility-class for liten text
|
|
179
|
+
ska inte forcera case. Konsumenter som vill ha ALL-CAPS lagger
|
|
180
|
+
text-transform pa egen anvandning. */
|
|
175
181
|
.text-tiny {
|
|
176
182
|
font-size: var(--fs-10);
|
|
177
183
|
font-weight: var(--fw-medium);
|
|
178
184
|
letter-spacing: 0.08em;
|
|
179
|
-
text-transform: uppercase;
|
|
180
185
|
color: var(--text-muted);
|
|
181
186
|
}
|
|
182
187
|
|
package/package.json
CHANGED
|
@@ -455,6 +455,17 @@ Jubb och Ekonom foljer samma monster med sina egna tokens.
|
|
|
455
455
|
- **Egen .button-style.** Anvand `.btn` med modifier istallet.
|
|
456
456
|
- **`font-weight: 700`.** Anvand `--fw-medium` (500). Display-siffror ar dokumenterat undantag.
|
|
457
457
|
- **Anta att alla komponent-filer har ett root-block.** 17 av 37 komponent-filer har flera root-blocks - se regel 11 i `references/03-quality-bar.md`.
|
|
458
|
+
- **Conic-gradient-border (roterande glow-kant).** Mönstret
|
|
459
|
+
`background: linear-gradient(...), conic-gradient(...)` kombinerat med
|
|
460
|
+
`background-clip: border-box` (eller `padding-box, border-box`-tricket)
|
|
461
|
+
ger en animerad eller statisk glödande kant runt ett element.
|
|
462
|
+
Förbjudet av tre skäl: (1) kräver hårdkodade oklch/rgba-värden utanför
|
|
463
|
+
token-systemet, (2) GPU-intensivt - segar ner scroll och swipe på mobil,
|
|
464
|
+
(3) CC tenderar att återintroducera mönstret spontant - explicit förbud
|
|
465
|
+
förhindrar det. Alternativ: `border: 1px solid var(--border-default)`
|
|
466
|
+
eller `border-left: 2px solid var(--accent-9)` för accenterade kanter,
|
|
467
|
+
eller `box-shadow: inset var(--bw-medium) 0 0 0 var(--accent-9)` för
|
|
468
|
+
inset-stroke utan reflow.
|
|
458
469
|
|
|
459
470
|
|
|
460
471
|
## Tier D-undantagskatalog (sibling-blocks med dokumenterad rationale)
|