@kolkrabbi/kol-theme 0.178.0 → 0.180.0

package/kol-base-tokens.css

@@ -237,3 +237,8 @@
     --kol-ctl-lg: 40px;
   }
 }
+
+/* THE PAGE DOES NOT BOUNCE (OverscrollNone, kol-monitor 2026-10-22): rubber-banding on Safari and iPhone.
+ * Nine apps each carried their own copy; this file is loaded by both `core` and the umbrella, so every
+ * KOL app gets it. `none`, not `-x` — that stopped only the sideways bounce. */
+html { overscroll-behavior: none; }

package/kol-components-atoms.css

@@ -821,8 +821,12 @@
   color: var(--kol-surface-on-primary);
 }
 
+/* The active icon is ink, not accent (2026-10-22, user: "no active icon color, follow brand
+ * just using white, but allow change per repo"). One variable, unset by default: a repo that
+ * wants a colour sets `--kol-sidenav-active-icon` on :root. Brand's override block carried
+ * this value since 2026-08-01; it is the default now. */
 .kol-sidenav-hop.is-active .kol-sidenav-hop-icon {
-  color: var(--kol-accent-primary);
+  color: var(--kol-sidenav-active-icon, var(--kol-surface-on-primary));
 }
 
 /* .kol-sidenav-group — RETIRED here 0.52.1 (sidenav-nested-groups): the

package/kol-components-molecules.css

@@ -20,8 +20,10 @@
  * sheet and its options intercept nothing. */
 .kol-popover-float {
   /* above the ShellDrawer sheet (z 200) — a Dropdown in the settings drawer
-   * opened BEHIND it (SettingsPanelApproved, 2026-08-27) */
-  z-index: 210;
+   * opened BEHIND it (SettingsPanelApproved, 2026-08-27). A float opened from INSIDE a float sits one
+   * step higher (`--kol-float-depth`, set by PopoverPanel): the inner one's portal mounts first, so at
+   * one z the outer panel covered its own dropdown's list (catalog variants panel, 2026-10-22). */
+  z-index: calc(210 + var(--kol-float-depth, 0));
   /* NEVER WIDER THAN THE WINDOW (the phone pass, 2026-10-02). A panel sizes to its content
    * (`w-max`) and `shift` can only slide it, so one wider than a phone hung off the right edge
    * and — parked off-screen with its reference — still stretched the page 200px sideways. The 8px

package/kol-components-organisms.css

@@ -535,7 +535,7 @@
    * on the SHEET corner, so at even padding it landed on top of the view
    * toggle. The card reserves the lane instead of the close moving. */
   padding: var(--kol-spacing-12) var(--kol-spacing-5) var(--kol-spacing-5);
-  border: 1px solid var(--kol-oq-08);
+  /* no border (user 2026-10-20: "the border? is so ugly") — the scrim is the separation */
   border-radius: var(--kol-radius-sm);
   background: var(--kol-surface-primary);
 }

package/kol-components-shell.css

@@ -17,6 +17,11 @@
    * the rail mounts. 0.80.0–0.87.x had it derive from the sidenav tokens,
    * while the rail WAS a collapsed SideNav; that is reversed. */
   --kol-shell-rail-width: 48px;
+  /* The rail's OPEN width — its own ladder, 264 · 320 from 1536 (2026-10-22). NavRail
+   * read kol-framework's `--kol-sidenav-w` for this, so an app that loads kol-framework.css
+   * (fxr) opened to 320 on a wide screen and one that does not (mirror, monitor) fell back to
+   * 264 — the same rail, two widths, decided by an unrelated import. */
+  --kol-shell-rail-open: 264px;
   /* Page gutter — PageShell's padding and PageBleed's negative margin.
    * ONE LADDER FOR THE ESTATE (two-page-scaffolds-one-job, kol-client-olina
    * 2026-09-03): this is `--kol-pad-section-x`, the page-content ladder every
@@ -31,6 +36,7 @@
    * pair cannot drift. */
   --kol-shell-page-pad: var(--kol-pad-section-x, clamp(20px, 5vw, 48px));
 }
+@media (min-width: 1536px) { :root { --kol-shell-rail-open: 320px; } }
 
 /* ── PageShell ──────────────────────────────────────────────────────────── */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-theme",
-  "version": "0.178.0",
+  "version": "0.180.0",
   "description": "Tokens and base CSS",
   "license": "MIT",
   "type": "module",