@kolkrabbi/kol-theme 0.138.0 → 0.140.0

package/kol-components-molecules.css

@@ -47,6 +47,18 @@
  * untouched; the vertical goes, because the flex box centres the label. */
 /* 22/26/32/40 since 2026-09-02 — one height per size, so the trigger, the
  * IconFrame and the Input on a row are the same box (see .kol-btn-icon). */
+/* ICON-ONLY TRIGGER (editor-set-is-behind-its-source, kol-fxr 2026-09-03). The
+ * square comes from `.kol-btn-icon` (22/26/32/40, padding 0) and this only has
+ * to undo the text trigger's own layout: `width: 100%` would stretch the square
+ * across its column, and `space-between` would push a lone glyph to one edge.
+ * A tool-rail dropdown is then the same box as the icon button beside it —
+ * which is the whole reason fxr's ToolPalette hand-rolled a trigger instead. */
+.kol-dd-trigger--icon {
+  width: auto;
+  justify-content: center;
+  gap: 0;
+  position: relative;
+}
 .kol-dd-trigger.kol-btn-xs { height: 22px; padding-block: 0; }
 .kol-dd-trigger.kol-btn-sm { height: 26px; padding-block: 0; }
 .kol-dd-trigger.kol-btn-md { height: 32px; padding-block: 0; }
@@ -857,10 +869,15 @@
  * rounded-[…] / shadow-[…] / bg-black/NN / backdrop-blur-[…] in package chrome.
  * ───────────────────────────────────────────────────────────────────── */
 
-/* LOOK ONLY — the call site owns the box. Three scrims exist and two are
- * `fixed inset-0` while one is `absolute inset-0`; baking position in would
- * have forced a wrong one on two of them. The class owns what was drifting:
- * the tint (60 / 50 / 50 across three files).
+/* LOOK ONLY — the call site owns the box. Nine scrims wear it after the
+ * 2026-09-03 sweep (overlay-scrim-outliers: Modal · FullscreenOverlay ·
+ * ShellDrawer · ShellSearchOverlay · PageLayout's sidenav backdrop · FieldRow ·
+ * ShortcutsOverlay · TouchDeviceOverlay · the workshop's shortcuts sheet), and
+ * they are `fixed` or `absolute` by their own contract; baking position in
+ * would force a wrong one on some. The class owns what was drifting: the tint
+ * (60 / 50 / 50 across the first three files; an 8 % inverse wash + blur on
+ * the two shell overlays the sweep caught). ParamSheet is untinted on purpose;
+ * OverlayGlassPanel and PlaybackBar blur because they are surfaces, not scrims.
  * NO BLUR (user ruling 2026-09-01, OverlayScrimBlur): the 1px blur bought a
  * compositing layer on every overlay open, on a phone, for a separation the
  * 60% tint already carries. */
@@ -1170,6 +1187,9 @@
  * 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 {
+  /* NOT toned. A wrapper tone reaches the CONTROLS on a page and stops at the
+   * card plate (user ruling 2026-09-03: "no just controls") — the plate is the
+   * content-card system's box per variant. */
   background: var(--kol-card-bg);
   background-clip: padding-box;
   border-color: var(--kol-card-border);
@@ -1791,6 +1811,18 @@
 :is(.kol-view-toggle.kol-tone-sunken, .kol-view-toggle.kol-tone-inverse, .kol-tone-sunken .kol-view-toggle) > button:not([aria-pressed="true"]):hover { background-color: var(--kol-fg-04); }
 /* the open search shell — was `bg-fg-04` on the element, sunken by class */
 .kol-expand--open { background-color: var(--kol-tone-bg, var(--kol-fg-04)); }
+/* THE SEGMENTED STRIP, SUNKEN (segmented-toggle-sunken-tone, kol-client-olina
+ * 2026-09-03; user, on kol-fxr's labs rail: "is this a variant? its not what you
+ * have"). It was not — it was fxr's kol-labs.css:220-226, and olina's inspector
+ * carried the same three lines. Promoted verbatim: the shell's ring goes, the
+ * selected cell takes the well and the fg-96 ink; rest cells stay as the
+ * default paints them. `filled` / `tonal` keep their own selected law. On the
+ * element, or inherited from a sunken wrapper. */
+:is(.kol-seg.kol-tone-sunken, .kol-seg.kol-tone-inverse, .kol-tone-sunken .kol-seg):not(.kol-seg--filled) { border-color: transparent; }
+:is(.kol-seg.kol-tone-sunken, .kol-seg.kol-tone-inverse, .kol-tone-sunken .kol-seg):not(.kol-seg--filled) .kol-seg-cell.is-active {
+  background: var(--kol-surface-sunken);
+  color: var(--kol-fg-96);
+}
 /* ⛔ THE TRIGGER IS EXCLUDED — rest and open are its only states (law, twice
  * at the top of this file). Pressed on a sunken button out-ranks its hover, as
  * it always did: this is the one rule the generic `.kol-btn-pressed` cannot

package/package.json

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