@kolkrabbi/kol-theme 0.48.0 → 0.49.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.
- package/kol-components-molecules.css +15 -4
- package/package.json +1 -1
|
@@ -512,9 +512,15 @@
|
|
|
512
512
|
|
|
513
513
|
.kol-seg-cell:hover { color: var(--kol-fg-emphasis); }
|
|
514
514
|
|
|
515
|
+
/* SELECTED IS THE INVERSE TILE (user ruling 2026-08-15) — a near-white fill
|
|
516
|
+
* with dark ink, the same pair `/work`'s sliding pill uses (`bg-fg-96` over
|
|
517
|
+
* `surface-primary` ink). It read as `surface-secondary`, which in dark theme
|
|
518
|
+
* is a tile only a shade off the strip it sits in: the selected cell was the
|
|
519
|
+
* QUIETEST thing in the control instead of the loudest, and the unselected
|
|
520
|
+
* cells looked like the raised ones. */
|
|
515
521
|
.kol-seg-cell.is-active {
|
|
516
|
-
background: var(--kol-
|
|
517
|
-
color: var(--kol-
|
|
522
|
+
background: var(--kol-fg-96);
|
|
523
|
+
color: var(--kol-surface-primary);
|
|
518
524
|
}
|
|
519
525
|
|
|
520
526
|
/* Reads the quiet ring token so the segmented strip is part of the system-wide
|
|
@@ -858,6 +864,7 @@
|
|
|
858
864
|
gap: var(--kol-row-gap);
|
|
859
865
|
padding: var(--kol-row-pad);
|
|
860
866
|
min-height: var(--kol-row-min-h);
|
|
867
|
+
align-items: stretch;
|
|
861
868
|
background: var(--kol-row-bg);
|
|
862
869
|
/* the FALLBACK is not optional. A variant with no frame publishes no
|
|
863
870
|
* `--kol-row-border`, and `border-color: var(--undefined)` is invalid at
|
|
@@ -875,8 +882,12 @@
|
|
|
875
882
|
.kol-row--divided {
|
|
876
883
|
border-bottom: 1px solid var(--kol-fg-08);
|
|
877
884
|
}
|
|
885
|
+
/* the token is the thumb's MINIMUM HEIGHT now — width comes from the ratio.
|
|
886
|
+
* A row taller than this (work at 160, typeface at 160) grows the thumb with
|
|
887
|
+
* it instead of leaving it stranded at the top. */
|
|
878
888
|
.kol-row > .kol-row-thumb {
|
|
879
|
-
|
|
889
|
+
min-height: var(--kol-row-thumb);
|
|
890
|
+
width: auto;
|
|
880
891
|
}
|
|
881
892
|
|
|
882
893
|
/* CONTAINER query, not a viewport one (2026-08-15). The row steps on the width
|
|
@@ -896,7 +907,7 @@
|
|
|
896
907
|
min-height: var(--kol-row-min-h-md, var(--kol-row-min-h));
|
|
897
908
|
}
|
|
898
909
|
.kol-row > .kol-row-thumb {
|
|
899
|
-
|
|
910
|
+
min-height: var(--kol-row-thumb-md, var(--kol-row-thumb));
|
|
900
911
|
}
|
|
901
912
|
}
|
|
902
913
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.49.0",
|
|
4
4
|
"description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|