@kolkrabbi/kol-theme 0.79.0 → 0.80.0

package/kol-components-molecules.css

@@ -1029,9 +1029,16 @@
 
 /* The card's rest colours, for the same reason as .kol-row — an inline
  * background/borderColor outranks .kol-content-hover:hover, so the step
- * silently never rendered. */
+ * silently never rendered.
+ * `background-clip: padding-box` (CardCornerLeak, kol-monitor 2026-08-28,
+ * verified on a pixel crop): the fill and the border are both translucent
+ * ink, and with the default border-box the fill runs UNDER the 1px border —
+ * an opaque media child clips to the inner radius, the browser antialiases
+ * the clip path and the border path separately, and a hairline of the
+ * lighter fill bleeds through on the arc, bright only on the curve. */
 .kol-card {
   background: var(--kol-card-bg);
+  background-clip: padding-box;
   border-color: var(--kol-card-border);
   transition: background-color 300ms var(--kol-ease-house),
               border-color     300ms var(--kol-ease-house);

package/kol-components-shell.css

@@ -4,54 +4,35 @@
  * Chrome for @kolkrabbi/kol-shell — the app shell set (NavRail + AppShell +
  * page scaffolds) lifted from kol-monitor/kol-mirror 2026-08-14. App chrome,
  * not site chrome: kol-framework owns the site shell (SideNav, footer,
- * heroes); this file owns the fixed 48px rail and its page offset.
+ * heroes); this file owns the rail's live width token and the page gutter.
  */
 
 :root {
-  /* Rail width — read by both the rail and AppShell's content offset, so the
-   * two can never disagree (each repo had the 48 hardcoded in two places). */
-  --kol-shell-rail-width: 48px;
+  /* THE RAIL WIDTH IS LIVE (RailSideNavPixelParity, kol-fxr 2026-08-28 — user:
+   * "same component both states super nice"): AppShell's rail is kol-framework's
+   * SideNav since kol-shell 0.13.0, so the token that was a fixed 48 now reads
+   * the sidenav's width in whichever state it is in — 16rem open, 56px
+   * collapsed, 0 in the ≤767 drawer — and every consumer that offsets a fixed
+   * element by it (`--monitor-rail`, `--fxr-rail`) follows the drag. AppShell
+   * writes `0px` inline while the rail is hidden (useNavHidden). One rail, one
+   * width, one name: 48 and 56 were two components never measured against
+   * each other. */
+  --kol-shell-rail-width: var(--kol-sidenav-w, 16rem);
   /* Page gutter — PageShell's padding and PageBleed's negative margin. */
   --kol-shell-page-pad: 48px;
 }
+:root[data-sidenav="collapsed"] { --kol-shell-rail-width: var(--kol-sidenav-w-collapsed, 56px); }
+@media (max-width: 1024px) { :root { --kol-shell-rail-width: var(--kol-sidenav-w-collapsed, 56px); } }
+@media (max-width: 767px) { :root { --kol-shell-rail-width: 0px; } }
 
 /* ── NavRail ────────────────────────────────────────────────────────────── */
 
-/* Geometry + stacking. Surface/border ride the theme utility classes on the
- * element (bg-surface-tertiary border-r border-fg-04). z-index joins the DS
- * ladder at the sticky tier: above page content, BELOW overlay (50) and modal
- * (100) — monitor's raw z-70 rail sat above its own z-50 overlays, a live
- * stacking bug. (--kol-z-nav is the SITE nav tier at 1000; an app rail that
- * outranks modals would be the same bug in the other direction.) */
-.kol-shell-rail {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: var(--kol-shell-rail-width);
-  z-index: var(--kol-z-sticky);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding-top: 16px;
-  gap: 8px;
-}
-
-/* Rail nav items — the active-state ruling (user, 2026-08-12, monitor
- * session), carried natively so consumers delete their overrides: ink
- * full-strength in EVERY state (the nav variant's oq-64 rest is site-nav
- * quiet, wrong on a 48px icon rail); hover = the oq-04 wash (from the
- * variant); active route = that wash HELD ON. Never `selected`/`pressed` —
- * navigation is location, not a toggled tool. Scoped to the rail: the global
- * .kol-btn-nav[aria-current="page"] brightness-only rule (0.11.7 ruling)
- * stays the site-nav law. */
-.kol-shell-rail .kol-btn-nav {
-  color: var(--kol-oq-96);
-}
-.kol-shell-rail .kol-btn-nav[aria-current="page"] {
-  background-color: var(--kol-oq-04);
-  color: var(--kol-oq-96);
-}
+/* RETIRED 0.80.0 (RailSideNavPixelParity): `.kol-shell-rail` — the fixed
+ * 48px rail's geometry, stacking and its 2026-08-12 active-state rules (ink
+ * oq-96, the oq-04 wash held on via aria-current). The shell rail is a
+ * SideNav now and wears the sidenav's hop, collapse and active rules
+ * (kol-framework.css + the `.kol-sidenav-hop` atoms). Nothing selects the
+ * class; it is kept out of the sheet so no consumer copies a dead geometry. */
 
 /* ── GridCard preview fits ──────────────────────────────────────────────── */
 

package/package.json

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