@kolkrabbi/kol-theme 0.78.0 → 0.79.0

package/kol-components-molecules.css

@@ -1249,8 +1249,8 @@
 /* ColumnBrowser resize handles (ColumnBrowserResize, kol-r2b2 2026-08-27 —
  * Finder's edge handles, user ruling "that should be a set in ds"; native CSS
  * `resize:` rejected). The column border already there is the visual; the
- * strip is the HIT AREA — 8px, invisible at rest, fg-08 on hover and while the
- * pointer is captured. The x handle is a flex sibling pulled back over the
+ * strip is the HIT AREA — 8px, invisible at rest, a centred pill on hover and
+ * while the pointer is captured (was an fg-08 wash until 0.79.0). The x handle is a flex sibling pulled back over the
  * column's right edge (net zero width); the y handle rides the root's bottom
  * edge, above the horizontal scroll box so it spans the visible width. */
 .kol-column-browser-resize-x {
@@ -1262,7 +1262,6 @@
   margin-left: -8px;
   cursor: col-resize;
   touch-action: none;
-  transition: background-color var(--kol-transition-fast);
 }
 .kol-column-browser-resize-y {
   position: absolute;
@@ -1273,13 +1272,33 @@
   height: 8px;
   cursor: row-resize;
   touch-action: none;
-  transition: background-color var(--kol-transition-fast);
 }
-.kol-column-browser-resize-x:hover,
-.kol-column-browser-resize-x.is-dragging,
-.kol-column-browser-resize-y:hover,
-.kol-column-browser-resize-y.is-dragging {
-  background-color: var(--kol-fg-08);
+/* THE GRAB IS A PILL, NOT A WASH (ColumnBrowserChromeCorrections, kol-r2b2
+ * 2026-08-28 — user: "dont show me this way to grab" · "like in the sidenav" ·
+ * "MIDDLE smack middle" · "more smooth animation longer in and out"): the same
+ * affordance as the framework's `.kol-sidenav-grab::before` — 0.1875rem × 2rem,
+ * radius-full, fg-64, dead centre (pointer-following was built and rejected).
+ * Two deliberate differences: hidden at rest rather than dim (N handles standing
+ * at rest is noise where the SideNav has one) and 420ms rather than 150ms. */
+.kol-column-browser-resize-x::before,
+.kol-column-browser-resize-y::before {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  translate: -50% -50%;
+  border-radius: var(--kol-radius-full);
+  background: var(--kol-fg-64);
+  opacity: 0;
+  transition: opacity 420ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.kol-column-browser-resize-x::before { width: 0.1875rem; height: 2rem; }
+.kol-column-browser-resize-y::before { width: 2rem; height: 0.1875rem; }
+.kol-column-browser-resize-x:hover::before,
+.kol-column-browser-resize-x.is-dragging::before,
+.kol-column-browser-resize-y:hover::before,
+.kol-column-browser-resize-y.is-dragging::before {
+  opacity: 1;
 }
 .kol-overlay .kol-prose {
   max-width: var(--kol-content-measure);
@@ -1300,11 +1319,14 @@
  *
  * The chip is `fg-absolute-24` — theme-invariant black, as the icon well's
  * active state already was — so it darkens on either theme; the active chip
- * takes the lighter grey (surface-tertiary); a dark well wants a LIGHTER hover,
+ * is the fg-16 ink wash (ruled on the page); a dark well wants a LIGHTER hover,
  * so the inactive hover is an absolute-white wash.
  * ───────────────────────────────────────────────────────────────────── */
 .kol-view-toggle.kol-tone-inverse { background-color: var(--kol-fg-absolute-24); }
-.kol-view-toggle.kol-tone-inverse > button[aria-pressed="true"] { background-color: var(--kol-surface-tertiary); }
+/* the active chip is the fg-16 INK WASH (user ruling 2026-08-27 on the live page — "why are you using
+ * absolute transparent? just use bg-fg-16"; surface-tertiary sat BELOW secondary on the dark ramp):
+ * it lifts off the fg-absolute-24 well on both themes */
+.kol-view-toggle.kol-tone-inverse > button[aria-pressed="true"] { background-color: var(--kol-fg-16); }
 .kol-view-toggle.kol-tone-inverse > button:not([aria-pressed="true"]):hover { background-color: color-mix(in srgb, var(--kol-color-absolute-white) 8%, transparent); }
 .kol-control.kol-tone-inverse { background-color: var(--kol-fg-absolute-24); }
 .kol-expand.kol-tone-inverse { background-color: var(--kol-fg-absolute-24); }

package/package.json

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