@kolkrabbi/kol-framework 0.21.0 → 0.22.0

package/kol-framework.css

@@ -19,6 +19,15 @@ body {
   color: var(--kol-surface-on-primary);
 }
 
+/* Reserve the scrollbar gutter so a full-bleed surface cannot induce a
+   horizontal scroll when a vertical scrollbar appears (2026-08-15, promoted
+   from kol-fxr's index.css — a consumer's entry stylesheet is for IMPORTS,
+   and this is chrome every app on this framework wants). Consumers on an
+   overlay-scrollbar platform pay nothing; the property is inert there. */
+:root {
+  scrollbar-gutter: stable;
+}
+
 /* The global user-select:none gate + allowlist was REMOVED 2026-07-29 (user
  * law, brand-app ruling): text is selectable everywhere — copyability beats
  * chrome purity. */
@@ -831,9 +840,9 @@ body {
    written by useDragResize({ token: 'kol-rail' }). Different elements, same
    precedent as data-toc / data-sidenav above. */
 :root {
-  --kol-rail-w: 16rem;                              /* the same 256px standard as --kol-sidenav-w */
-  --kol-rail-snap: 12rem;                           /* drag under this snaps to -w-collapsed */
-  --kol-rail-step: var(--kol-spacing-4);            /* keyboard resize increment */
+  --kol-rail-w: 256px;                              /* the same standard --kol-sidenav-w resolves to */
+  --kol-rail-snap: 192px;                           /* drag under this snaps to -w-collapsed */
+  --kol-rail-step: 16px;                            /* keyboard resize increment */
   --kol-rail-snap-default: var(--kol-rail-step);    /* release within this of the default clears the override */
   --kol-rail-w-collapsed: 56px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-framework",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "description": "KOL app shell — sidenav, layout, theme toggle, footer, heroes + brand color layer. SideNav takes nav data as props so the tree stays app-local.",
   "license": "MIT",
   "type": "module",