@kolkrabbi/kol-theme 0.50.0 → 0.50.2

package/kol-components-molecules.css

@@ -515,7 +515,11 @@
 
 .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); }
 
 .kol-seg-cell.is-active {
   background: transparent;
@@ -703,6 +707,20 @@
   margin-block-end: 0.75rem;
 }
 
+/* THE CONTROL'S LANE (CodeBlockMobileOverflow, kol-website 2026-08-25). The
+ * copy button floats in the frame's top-right corner (.kol-frame-control), and
+ * the chip row is the lane it sits in — when there IS a chip. A block with no
+ * chip (a `text` fence, an unlabelled CMS block) starts its code on the row
+ * the control occupies, and once the block is narrower than ~600px the first
+ * line runs underneath it (measured: control y 3729–3761, line 1 y 3735–3756).
+ * The first line reserves the control's column in that case and only that
+ * case — 2rem is the control's box (.kol-copy-btn: 16px glyph + 0.5rem pad)
+ * plus its inset; every other line, and every chipped block, is untouched.
+ * `.kol-codeblock-line` is stamped per line by CodeBlock.jsx. */
+.kol-codeblock:not(:has(.kol-codeblock-filename)) .kol-codeblock-line:first-child {
+  padding-inline-end: calc(2rem + var(--kol-spacing-3));
+}
+
 /* ─────────────────────────────────────────────────────────────────────
  * FRAME CONTROL — a control that floats in a host frame's corner
  * (user ruling 2026-08-15).
@@ -863,7 +881,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
@@ -881,12 +898,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
@@ -906,7 +919,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.50.0",
+  "version": "0.50.2",
   "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",