@kolkrabbi/kol-theme 0.49.0 → 0.50.1

package/kol-components-molecules.css

@@ -495,7 +495,6 @@
   align-items: center;
   justify-content: center;
   padding: 6px 16px;  /* md — .kol-btn-md */
-  background: transparent;
   border: none;
   cursor: pointer;
   white-space: nowrap;
@@ -504,23 +503,27 @@
    * overlap — oq-48 reads identical on the resting surface but stays
    * opaque. Hover/active use fg-emphasis, which is full ink (no alpha). */
   color: var(--kol-oq-48);
+  /* THE FILL IS THE UNSELECTED STATE (user ruling 2026-08-15 — "same exactly
+   * like before, just swapping stages"). The two treatments are unchanged;
+   * which state wears which is inverted. A rest cell is a raised tile you can
+   * press; the SELECTED one is the bare dark ground, because it is already
+   * where you are. */
+  background: var(--kol-surface-secondary);
   transition: color var(--kol-transition-base),
               background-color var(--kol-transition-base);
 }
 
 .kol-seg-cell + .kol-seg-cell { border-left: 1px solid var(--kol-fg-04); }
 
-.kol-seg-cell:hover { color: var(--kol-fg-emphasis); }
+/* ONE STEP, not a leap. Rest is `oq-48` and hover went straight to full ink —
+ * a 48 → 100 jump that read as the cell selecting itself under the cursor.
+ * `oq-64` is the same single rung every other rest→hover pair in the estate
+ * moves by. */
+.kol-seg-cell:hover { color: var(--kol-oq-64); }
 
-/* SELECTED IS THE INVERSE TILE (user ruling 2026-08-15) — a near-white fill
- * with dark ink, the same pair `/work`'s sliding pill uses (`bg-fg-96` over
- * `surface-primary` ink). It read as `surface-secondary`, which in dark theme
- * is a tile only a shade off the strip it sits in: the selected cell was the
- * QUIETEST thing in the control instead of the loudest, and the unselected
- * cells looked like the raised ones. */
 .kol-seg-cell.is-active {
-  background: var(--kol-fg-96);
-  color: var(--kol-surface-primary);
+  background: transparent;
+  color: var(--kol-fg-emphasis);
 }
 
 /* Reads the quiet ring token so the segmented strip is part of the system-wide
@@ -864,7 +867,6 @@
   gap: var(--kol-row-gap);
   padding: var(--kol-row-pad);
   min-height: var(--kol-row-min-h);
-  align-items: stretch;
   background: var(--kol-row-bg);
   /* the FALLBACK is not optional. A variant with no frame publishes no
    * `--kol-row-border`, and `border-color: var(--undefined)` is invalid at
@@ -882,12 +884,8 @@
 .kol-row--divided {
   border-bottom: 1px solid var(--kol-fg-08);
 }
-/* the token is the thumb's MINIMUM HEIGHT now — width comes from the ratio.
- * A row taller than this (work at 160, typeface at 160) grows the thumb with
- * it instead of leaving it stranded at the top. */
 .kol-row > .kol-row-thumb {
-  min-height: var(--kol-row-thumb);
-  width: auto;
+  width: var(--kol-row-thumb);
 }
 
 /* CONTAINER query, not a viewport one (2026-08-15). The row steps on the width
@@ -907,7 +905,7 @@
     min-height: var(--kol-row-min-h-md, var(--kol-row-min-h));
   }
   .kol-row > .kol-row-thumb {
-    min-height: var(--kol-row-thumb-md, var(--kol-row-thumb));
+    width: var(--kol-row-thumb-md, var(--kol-row-thumb));
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-theme",
-  "version": "0.49.0",
+  "version": "0.50.1",
   "description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
   "license": "MIT",
   "type": "module",