@kolkrabbi/kol-theme 0.105.0 → 0.107.0

package/kol-components-atoms.css

@@ -433,12 +433,15 @@
 }
 
 @media (hover: hover) {
-  .kol-btn:hover .kol-icon-default {
+  /* the trigger is excluded here too — it IS a Button, so a consumer giving it
+   * a hover-icon would animate on hover, and the law is rest and open only
+   * (validate-dd-trigger.mjs T1) */
+  .kol-btn:not(.kol-dd-trigger):hover .kol-icon-default {
     opacity: 0;
     transform: translateY(-4px);
   }
 
-  .kol-btn:hover .kol-icon-hover {
+  .kol-btn:not(.kol-dd-trigger):hover .kol-icon-hover {
     opacity: 1;
     transform: translateY(0);
   }

package/kol-components-molecules.css

@@ -1343,7 +1343,7 @@
  * a fixed near-white could only ever be right on one. */
 .kol-view-toggle.kol-tone-sunken, .kol-view-toggle.kol-tone-inverse { background-color: var(--kol-surface-sunken); }
 .kol-view-toggle.kol-tone-sunken > button[aria-pressed="true"], .kol-view-toggle.kol-tone-inverse > button[aria-pressed="true"] { background-color: var(--kol-fg-08); }
-.kol-view-toggle.kol-tone-sunken > button:not([aria-pressed="true"]):hover, .kol-view-toggle.kol-tone-inverse > button:not([aria-pressed="true"]):hover { background-color: var(--kol-fg-ab-inverse-08); }
+.kol-view-toggle.kol-tone-sunken > button:not([aria-pressed="true"]):hover, .kol-view-toggle.kol-tone-inverse > button:not([aria-pressed="true"]):hover { background-color: var(--kol-fg-04); }
 .kol-control.kol-tone-sunken, .kol-control.kol-tone-inverse { background-color: var(--kol-surface-sunken); }
 .kol-expand.kol-tone-sunken, .kol-expand.kol-tone-inverse { background-color: var(--kol-surface-sunken); }
 /* the tone's fill, one selector — nothing left to cancel (2026-08-28) */
@@ -1361,11 +1361,29 @@
  * fg-08 chip — both LAYERED over the well (a gradient image over the fill),
  * since one background cannot stack two translucent colours.
  *
- * The wash is `fg-ab-inverse-08`, not a hardcoded white (2026-08-30). A frozen
- * white wash lightens the well in dark and is INVISIBLE in light — white on a
- * 245 ground. `fg-ab-inverse-*` flips toward the ink, so it is white over the
- * dark well and black over the light one: a visible step on both. Same class of
- * bug as the tone itself, one layer down. */
+ * REST / HOVER / SELECTED ARE ONE LADDER, THREE RUNGS (2026-08-30):
+ *
+ *   rest      the well          10.2 dark · 244.8 light
+ *   hover     + fg-04           19.8      · 235.7
+ *   selected  + fg-08           29.4      · 226.7
+ *
+ * `fg-*` already flips toward the ink, so it darkens a light well and lightens
+ * a dark one with no help. Two things were wrong before: the wash was a
+ * hardcoded WHITE, invisible over the light well (white on a 245 ground), and
+ * when that was first fixed it went to an 8% wash — the same strength as
+ * `selected`, which put hover 0.4 from selected in dark and 1.5 in light. A
+ * hovered unselected control was indistinguishable from the selected one.
+ * 04 and 08 are ~10 apart on both themes; the ladder reads.
+ *
+ * ⛔ THE TRIGGER IS EXCLUDED. `.kol-dd-trigger` carries `.kol-btn`, so every
+ * `.kol-btn.kol-tone-sunken` state rule matches it unless it says otherwise —
+ * and "REST AND OPEN ARE THE ONLY STATES" for a Dropdown trigger is a law
+ * written TWICE at the top of this file (2026-07-15, re-called 2026-08-09 and
+ * 2026-08-28). The atoms sheet excludes the trigger from all eight variant
+ * hovers; these tone rules did not, so the law held everywhere except the one
+ * tone the settings page uses. Repeatedly reported and repeatedly missed,
+ * because the exclusion was checked in `kol-components-atoms.css` and the
+ * offending rule lives here. */
 .kol-btn.kol-tone-sunken,
 .kol-icon-frame.kol-tone-sunken,
 .kol-theme-toggle.kol-tone-sunken {
@@ -1374,14 +1392,14 @@
   color: var(--kol-fg-96);
 }
 @media (hover: hover) {
-  .kol-btn.kol-tone-sunken:not(.kol-btn-animate):not(:disabled):hover {
+  .kol-btn.kol-tone-sunken:not(.kol-btn-animate):not(:disabled):not(.kol-dd-trigger):hover {
     background-color: var(--kol-surface-sunken);
-    background-image: linear-gradient(var(--kol-fg-ab-inverse-08), var(--kol-fg-ab-inverse-08));
+    background-image: linear-gradient(var(--kol-fg-04), var(--kol-fg-04));
     color: var(--kol-fg-96);
   }
 }
-.kol-btn.kol-tone-sunken.kol-btn-pressed,
-.kol-btn.kol-tone-sunken:not(:disabled):active {
+.kol-btn.kol-tone-sunken.kol-btn-pressed:not(.kol-dd-trigger),
+.kol-btn.kol-tone-sunken:not(:disabled):not(.kol-dd-trigger):active {
   background-color: var(--kol-surface-sunken);
   background-image: linear-gradient(var(--kol-fg-08), var(--kol-fg-08));
   color: var(--kol-fg-96);

package/package.json

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