@kolkrabbi/kol-theme 0.121.0 → 0.122.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/package.json

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