@kolkrabbi/kol-theme 0.57.0 → 0.58.0

package/kol-components-atoms.css

@@ -34,7 +34,7 @@
  *     [aria-disabled="true"] /
  *     :disabled                    auto opacity-50 + pointer-events-none
  *
- * Single visible-border tone (--kol-oq-16, opaque — chrome law). No hover/focus escalation,
+ * Single visible-border tone (--kol-oq-08, opaque — user ruling 2026-08-26; was oq-16). No hover/focus escalation,
  * no `--bordered` modifier. When you want a ghost field to render
  * persistently visible (e.g. "is-edited" indicator), switch the variant
  * to `--outline` — same visual, clearer semantic.
@@ -83,7 +83,8 @@
 .kol-control--outline {
   background-color: transparent;
   color: var(--kol-surface-on-primary);
-  border-color: var(--kol-oq-16);
+  /* oq-08 — the one outline border (user ruling 2026-08-26); was oq-16 */
+  border-color: var(--kol-oq-08);
 }
 
 /* Textarea modifier — flips the inline-flex shell to block so a multi-line
@@ -276,7 +277,11 @@
 .kol-btn-outline {
   background: transparent;
   color: var(--kol-surface-on-primary);
-  border: 1px solid var(--kol-oq-16);
+  /* ONE outline border across the controls (user ruling 2026-08-26): OPAQUE
+   * 8% — the system's hairline. oq-16 read heavy beside the segmented
+   * toggle's fg-04, and fg is out: a translucent border doubles where two
+   * controls touch. Button outline · .kol-control--outline · .kol-seg agree. */
+  border: 1px solid var(--kol-oq-08);
 }
 @media (hover: hover) {
   .kol-btn-outline:not(.kol-btn-animate):hover {
@@ -502,7 +507,7 @@
 }
 
 .toggle-switch--primary { background-color: var(--kol-surface-secondary); }
-.toggle-switch--outline { border-color: var(--kol-oq-16); }
+.toggle-switch--outline { border-color: var(--kol-oq-08); }
 
 /* shells take button padding; bare stays padding 0 */
 .toggle-switch--primary.toggle-switch--sm, .toggle-switch--outline.toggle-switch--sm { padding: 4px 12px; }
@@ -1091,7 +1096,7 @@ a.kol-icon-frame {
 .kol-icon-frame-outline {
   background: transparent;
   color: var(--kol-surface-on-primary);
-  border: 1px solid var(--kol-oq-16);
+  border: 1px solid var(--kol-oq-08);
 }
 .kol-icon-frame-ghost {
   background: transparent;

package/kol-components-molecules.css

@@ -95,7 +95,7 @@
 .kol-dd-panel--grey    { background: var(--kol-oq-12); }
 .kol-dd-panel--outline {
   background: var(--kol-surface-primary);
-  border: 1px solid var(--kol-oq-16);
+  border: 1px solid var(--kol-oq-08); /* matches the trigger's rest border */
   border-top: none; /* the trigger's bottom edge is the divider (docs page) */
 }
 .kol-dd-div  { border-top: 1px solid var(--kol-fg-08); }
@@ -469,7 +469,9 @@
  * ───────────────────────────────────────────────────────────────────── */
 .kol-seg {
   display: flex;
-  border: 1px solid var(--kol-fg-04);
+  /* oq-08, opaque — the one outline border every control wears (user ruling
+   * 2026-08-26); was fg-04, which doubled wherever two strips touched. */
+  border: 1px solid var(--kol-oq-08);
   border-radius: var(--kol-radius-sm);
   overflow: hidden;
   /* The button-height LAW (2026-08-12): the strip's OUTER height is PINNED
@@ -513,7 +515,7 @@
               background-color var(--kol-transition-base);
 }
 
-.kol-seg-cell + .kol-seg-cell { border-left: 1px solid var(--kol-fg-04); }
+.kol-seg-cell + .kol-seg-cell { border-left: 1px solid var(--kol-oq-08); }
 
 /* ONE STEP, not a leap. Rest is `oq-48` and hover went straight to full ink —
  * a 48 → 100 jump that read as the cell selecting itself under the cursor.

package/kol-components-organisms.css

@@ -289,8 +289,11 @@
   text-transform: uppercase;
 }
 
-.kol-feature-split-kicker,
-.kol-section-text-label {
+/* .kol-section-text-label — RETIRED 0.57.1 (SectionTextLabelVoice): the
+ * family's label wears the hero's helper-12 / meta voice now, as utilities on
+ * the element; this mono-18 accent kicker paints only a consumer's own
+ * `.kol-feature-split-kicker` until the next major. */
+.kol-feature-split-kicker {
   font-family: var(--kol-font-family-mono, monospace);
   font-size: 18px;
   font-weight: 600;

package/package.json

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