@kolkrabbi/kol-theme 0.120.1 → 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/kol-components-shell.css

@@ -97,11 +97,13 @@
  * be a second source of truth for it. And no `!important`: the rail reads its
  * own `--kol-shell-drawer-width` in drawer mode instead of the live rail token,
  * so nothing here is fighting an inline style. */
-/* FROM THE RIGHT (ShellDrawerOnRight, kol-chess 2026-09-01, user ruling: the
- * close must not land mid-screen). NavRail pins itself right-0 in drawer mode;
- * off-canvas is +100%. */
+/* FROM THE LEFT (ShellDrawerSideCorrection, kol-chess 2026-09-01). 0.34.0 read
+ * "hamburger menu location" as a ruling on the panel and mirrored the whole of
+ * drawer mode; the ask was the trigger's corner. The panel slides in from the
+ * left as it did through 0.33.0 — NavRail pins left-0 in both modes, off-canvas
+ * is -100% — and the trigger holds top-right instead. */
 [data-rail-drawer] .kol-shell-rail {
-  transform: translateX(100%);
+  transform: translateX(-100%);
   transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 [data-rail-drawer="open"] .kol-shell-rail {
@@ -112,10 +114,11 @@
 }
 
 /* Above the rail, so it stays tappable with the drawer open. */
-/* TOP-RIGHT, both states (ShellDrawerOnRight): with the drawer on the right
- * the trigger and the open X share one corner at the screen edge — where the
- * thumb is — so the 2026-08-31 travel rule is gone; it was the cure for the
- * left side and nothing needs to move any more. */
+/* TOP-RIGHT, both states (ShellDrawerOnRight, held by ShellDrawerSideCorrection).
+ * This is the whole fix: the trigger used to translate by the drawer width and
+ * ride the panel's trailing edge, landing the open X mid-screen at 390. Pinned
+ * to the far corner it never meets the left-hand panel, so the 2026-08-31 travel
+ * rule stays retired — one control, one position, glyph swaps in place. */
 .kol-shell-drawer-trigger {
   position: fixed;
   top: 12px;

package/package.json

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