@kolkrabbi/kol-theme 0.121.0 → 0.123.0

package/kol-components-atoms.css

@@ -696,6 +696,13 @@
    * own `align-self: center` on the runnable track, and the thumb stays pinned
    * to the track. The row (.control-slider) is already 24px, so nothing moves. */
   height: 24px;
+  /* pan-y, not none (SliderCoarsePointerHeight, kol-mirror 2026-09-01): inside
+   * a scrolling sheet `auto` let the scroller claim any drag a few degrees off
+   * horizontal, so the thumb never moved and the sheet scrolled instead. The
+   * vertical gesture must still reach the scroller, or the sheet stops
+   * scrolling wherever a fader sits under the thumb. Does not inherit — it has
+   * to be on the input, and no prop reaches the input. */
+  touch-action: pan-y;
 }
 
 .slider-black::-webkit-slider-runnable-track {
@@ -1364,4 +1371,14 @@ a.kol-icon-frame {
     font-size: 16px;
     line-height: 22px;
   }
+  /* THE FADER (SliderCoarsePointerHeight, kol-mirror 2026-09-01). The jump that
+   * took the input 2 → 24 on the desk takes it 24 → 44 on a phone, by its own
+   * argument: the track is a 2px pseudo the UA centres in the box and the
+   * thumb stays pinned to it, so the drawing does not change. The ROW lifts
+   * with it — `.control-slider` is a fixed 24px and a 44px input inside it
+   * would overflow; a consumer's `rowHeight` inline style still wins. */
+  .control-slider,
+  .slider-black {
+    height: 44px;
+  }
 }

package/kol-components-shell.css

@@ -134,3 +134,46 @@
   z-index: calc(var(--kol-z-sticky) - 1);
   background: color-mix(in srgb, var(--kol-color-ab-black) 48%, transparent);
 }
+
+/* ── THE TAP OPENER (ShellRailCollapsedWithTapOpen, kol-mirror 2026-09-01) ──
+ * `touch="shell"` keeps the collapsed 48px rail visible — the user's ruling
+ * for a home that is navigation — but its only opener was the grab strip: 8px
+ * on the line, a pill that wakes on pointer PROXIMITY. A thumb never hovers,
+ * so on a phone the rail could not be opened. The strip is a <button> now
+ * (kol-shell 0.38.0) carrying `.kol-rail-grab-tap`, a 24px disc on the line
+ * that exists ONLY under a coarse pointer: fine pointers keep the ruled grab
+ * (RailFlatGrabOpen, OneGrabGestureBothRails) and never see this. The strip
+ * already toggles on a press with no travel; this gives that press a target.
+ * Geometry lives here, the pill's motion stays in kol-animation.css. */
+.kol-rail-grab {
+  appearance: none;
+  background: transparent;
+  border: 0;
+  padding: 0;
+  color: inherit;
+}
+.kol-rail-grab-tap { display: none; }
+@media (pointer: coarse) {
+  .kol-rail-grab {
+    width: 24px;
+    right: -12px;
+    cursor: pointer;
+  }
+  /* no proximity on touch — the pill would never wake; the disc is the affordance */
+  .kol-rail-grab::before { display: none; }
+  .kol-rail-grab-tap {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    translate: -50% -50%;
+    width: 24px;
+    height: 24px;
+    border-radius: var(--kol-radius-full);
+    background: var(--kol-surface-secondary);
+    border: 1px solid var(--kol-fg-16);
+    color: var(--kol-oq-96);
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-theme",
-  "version": "0.121.0",
+  "version": "0.123.0",
   "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",