@kolkrabbi/kol-theme 0.57.1 → 0.58.1

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-chess.css

@@ -52,6 +52,22 @@
   height: auto;
   aspect-ratio: 1;
   min-width: 280px;
+  /* the board is a CONTAINER so its coordinate chrome can size off the
+   * square (ChessBoardFluidCoordinates, kol-chess 2026-08-26) */
+  container-type: inline-size;
+}
+
+/* Fluid coordinates — the helper voice, sized by the square: a square is
+ * 12.5cqw, so the label runs clamp(7px, 2.2cqw, 12px) and its inset
+ * max(2px, 0.8cqw). At 390 (45px squares) that is 7px / 2px instead of the
+ * desktop 12px / 8px that sat on the rook. */
+.chess-board--fluid .chess-coord--fluid {
+  padding: max(2px, 0.8cqw);
+  font-family: var(--kol-font-family-mono);
+  font-size: clamp(7px, 2.2cqw, 12px);
+  line-height: 1;
+  font-weight: 500;
+  letter-spacing: 0.06em;
 }
 
 @media (max-width: 1023px) {

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/package.json

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