@kolkrabbi/kol-theme 0.143.0 → 0.145.0

package/kol-components-atoms.css

@@ -1304,3 +1304,16 @@ a.kol-icon-frame {
     height: 44px;
   }
 }
+
+/* THE MOMENTARY PRESS (editor-chrome-review, kol-fxr 2026-09-03 — the user's
+ * ruling on `AlignmentGrid`: two three-way strips, momentary, no selection
+ * state). A STATELESS strip (`value={null}`) never lights a cell, because its
+ * cells are actions and not a state the object is in — so the press itself has
+ * to be the feedback, and it is `:active` rather than a new prop. `tone` was
+ * the candidate and is wrong: tone is the GROUND axis and says nothing about a
+ * momentary press. Excluded on an active cell — a selected cell's ink is the
+ * selection, and a press must not out-shout it. */
+.kol-seg-cell:active:not(.is-active) {
+  background: var(--kol-oq-08);
+  color: var(--kol-fg-emphasis);
+}

package/kol-components-molecules.css

@@ -150,8 +150,14 @@
 /* Popover — default chrome for floating-ui-positioned panels.
  * Used by molecules/Popover.jsx PopoverPanel. */
 .kol-popover {
-  background: var(--kol-surface-secondary);
-  border: 1px solid var(--kol-fg-08);
+  /* A TONED panel paints that tone's ground; unset it keeps surface-secondary,
+   * so nothing existing moves (editor-chrome-review, kol-fxr 2026-09-03 — in
+   * dark, surface-secondary is LIGHTER than the bar a menu drops from, so the
+   * layering read inverted). The border is the OPAQUE ramp, not the alpha one:
+   * a floating panel overlaps whatever is under it, and an alpha hairline
+   * composites twice at every overlap — the same law the icons follow. */
+  background: var(--kol-tone-bg, var(--kol-surface-secondary));
+  border: 1px solid var(--kol-oq-04);
   border-radius: var(--kol-radius-sm);
   box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.4),
               0 2px 6px -2px rgba(0, 0, 0, 0.3);
@@ -1574,11 +1580,28 @@
   --kol-tone-image: none;
   --kol-tone-fg: var(--kol-surface-on-primary);
   --kol-tone-border: transparent;
-  --kol-tone-hover-bg: var(--kol-oq-08);
+  /* HOVER GOES DEEPER, NOT GREYER (editor-chrome-review 15, kol-fxr 2026-09-03
+   * — user: *"this button tone primary, has werid hover state … should not grey
+   * - should go deeper"*). It was `oq-08`, and `oq-*` flips toward the INK, so
+   * in dark it LIGHTENED toward grey. The `ab` family is the one that flips
+   * toward the GROUND in both themes — `oq-ab-96` is the well, 245 under a 250
+   * page and 10 under an 18 page — so the step is measured DOWN from the page.
+   *
+   * ⚠ The rungs are read from the ground: 96 is four off it, 88 twelve. A
+   * literal `oq-ab-04` is the FAR pole — near-black in light, near-WHITE in
+   * dark — so the low numbers are the opposite of deeper and must not be used
+   * for this.
+   *
+   * ONE STEP IS A TWO-STATE BUDGET (his ruling, and it generalises past this
+   * button): *"whatever it is cut it in half, so if 8 then 4 … bc there are
+   * hover and selected state"*. Hover takes the shallow rung and active the
+   * next, so the two step instead of colliding. There is no 92 on this ladder,
+   * so it is 96 → 88 rather than an exact halving. */
+  --kol-tone-hover-bg: var(--kol-oq-ab-96);
   --kol-tone-hover-image: none;
   --kol-tone-hover-fg: var(--kol-surface-on-primary);
   --kol-tone-hover-border: transparent;
-  --kol-tone-active-bg: var(--kol-oq-16);
+  --kol-tone-active-bg: var(--kol-oq-ab-88);
   --kol-tone-active-image: none;
   --kol-tone-pressed-bg: var(--kol-surface-on-primary);
   --kol-tone-pressed-image: none;

package/package.json

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