@kolkrabbi/kol-theme 0.48.0 → 0.50.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 +14 -4
- package/package.json +1 -1
|
@@ -495,7 +495,6 @@
|
|
|
495
495
|
align-items: center;
|
|
496
496
|
justify-content: center;
|
|
497
497
|
padding: 6px 16px; /* md — .kol-btn-md */
|
|
498
|
-
background: transparent;
|
|
499
498
|
border: none;
|
|
500
499
|
cursor: pointer;
|
|
501
500
|
white-space: nowrap;
|
|
@@ -504,6 +503,12 @@
|
|
|
504
503
|
* overlap — oq-48 reads identical on the resting surface but stays
|
|
505
504
|
* opaque. Hover/active use fg-emphasis, which is full ink (no alpha). */
|
|
506
505
|
color: var(--kol-oq-48);
|
|
506
|
+
/* THE FILL IS THE UNSELECTED STATE (user ruling 2026-08-15 — "same exactly
|
|
507
|
+
* like before, just swapping stages"). The two treatments are unchanged;
|
|
508
|
+
* which state wears which is inverted. A rest cell is a raised tile you can
|
|
509
|
+
* press; the SELECTED one is the bare dark ground, because it is already
|
|
510
|
+
* where you are. */
|
|
511
|
+
background: var(--kol-surface-secondary);
|
|
507
512
|
transition: color var(--kol-transition-base),
|
|
508
513
|
background-color var(--kol-transition-base);
|
|
509
514
|
}
|
|
@@ -513,7 +518,7 @@
|
|
|
513
518
|
.kol-seg-cell:hover { color: var(--kol-fg-emphasis); }
|
|
514
519
|
|
|
515
520
|
.kol-seg-cell.is-active {
|
|
516
|
-
background:
|
|
521
|
+
background: transparent;
|
|
517
522
|
color: var(--kol-fg-emphasis);
|
|
518
523
|
}
|
|
519
524
|
|
|
@@ -858,6 +863,7 @@
|
|
|
858
863
|
gap: var(--kol-row-gap);
|
|
859
864
|
padding: var(--kol-row-pad);
|
|
860
865
|
min-height: var(--kol-row-min-h);
|
|
866
|
+
align-items: stretch;
|
|
861
867
|
background: var(--kol-row-bg);
|
|
862
868
|
/* the FALLBACK is not optional. A variant with no frame publishes no
|
|
863
869
|
* `--kol-row-border`, and `border-color: var(--undefined)` is invalid at
|
|
@@ -875,8 +881,12 @@
|
|
|
875
881
|
.kol-row--divided {
|
|
876
882
|
border-bottom: 1px solid var(--kol-fg-08);
|
|
877
883
|
}
|
|
884
|
+
/* the token is the thumb's MINIMUM HEIGHT now — width comes from the ratio.
|
|
885
|
+
* A row taller than this (work at 160, typeface at 160) grows the thumb with
|
|
886
|
+
* it instead of leaving it stranded at the top. */
|
|
878
887
|
.kol-row > .kol-row-thumb {
|
|
879
|
-
|
|
888
|
+
min-height: var(--kol-row-thumb);
|
|
889
|
+
width: auto;
|
|
880
890
|
}
|
|
881
891
|
|
|
882
892
|
/* CONTAINER query, not a viewport one (2026-08-15). The row steps on the width
|
|
@@ -896,7 +906,7 @@
|
|
|
896
906
|
min-height: var(--kol-row-min-h-md, var(--kol-row-min-h));
|
|
897
907
|
}
|
|
898
908
|
.kol-row > .kol-row-thumb {
|
|
899
|
-
|
|
909
|
+
min-height: var(--kol-row-thumb-md, var(--kol-row-thumb));
|
|
900
910
|
}
|
|
901
911
|
}
|
|
902
912
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.50.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",
|