@kolkrabbi/kol-theme 0.32.4 → 0.33.0

package/kol-base-tokens.css

@@ -75,6 +75,22 @@
   --kol-surface-absolute-split-inverse: #ffffff;
 }
 
+/* UI STATE — dark tier. The base ladder (kol-color.css) is authored for
+ * light surfaces; on dark it read as dull ink (StatusChip frame, user
+ * 2026-08-09 — success sampled off the reference mint). Own block, NOT the
+ * one above: kol-color.css loads AFTER this file, so its bare `:root` beats
+ * an equal-specificity dark selector on the tie — the :root-qualified forms
+ * here outrank it; bare `.dark` stays for subtree-scoped dark wrappers,
+ * where the element's own props beat anything inherited. */
+:root[data-theme="dark"],
+:root.dark,
+.dark {
+  --ui-error:    #F87171;
+  --ui-warning:  #FACC15;
+  --ui-info:     #60A5FA;
+  --ui-success:  #3DD68C;
+}
+
 /* System-follow dark (0.11.6, user law: explicit choice > system > light).
  * Applies ONLY when no explicit theme is stamped — a consumer that sets
  * data-theme (any value) vetoes the OS. MIRROR of the block above — edit both. */
@@ -102,5 +118,11 @@
     --kol-surface-support-split-inverse: #eeeeee;
     --kol-surface-absolute-split: #000000;
     --kol-surface-absolute-split-inverse: #ffffff;
+
+    /* UI STATE — dark tier (mirror of the block above — edit both) */
+    --ui-error:    #F87171;
+    --ui-warning:  #FACC15;
+    --ui-info:     #60A5FA;
+    --ui-success:  #3DD68C;
   }
 }

package/kol-components-molecules.css

@@ -284,6 +284,22 @@
   color: var(--kol-surface-on-primary);
   background-color: color-mix(in srgb, var(--kol-surface-on-primary) 8%, var(--kol-surface-primary));
 }
+/* ── FieldRow — .kol-field-row ────────────────────────────────────────────
+ * Row anatomy: label column LEFT beside the control column (reference,
+ * 2026-08-09). Lives here, not in a Tailwind arbitrary utility — package
+ * chrome rides theme CSS (the SegmentedToggle lesson): an arbitrary class
+ * silently missed generation in a consumer build and the rows stacked. */
+.kol-field-row {
+  display: grid;
+  grid-template-columns: minmax(0, 12rem) minmax(0, 1fr);
+}
+
+/* Chevron weight (user frames 2026-08-09): at the chip size the set
+ * chevron's 1.5 stroke renders a 0.75px hairline; 4 units read too thick.
+ * 3 units on the 24 viewBox → 1.5px rendered at size 12. Chip-scoped: the
+ * keyline law governs the set's drawings; chrome may weight a glyph in
+ * context. */
+.kol-status-chip svg path { stroke-width: 3px; }
 .kol-status-chip--success {
   color: var(--ui-success);
   background-color: color-mix(in srgb, var(--ui-success) 15%, var(--kol-surface-primary));
@@ -300,6 +316,13 @@
   color: var(--ui-info);
   background-color: color-mix(in srgb, var(--ui-info) 15%, var(--kol-surface-primary));
 }
+/* --primary — the Dropdown-primary trigger's fill + ink on the pill box
+ * (select columns in record surfaces, user frame 2026-08-09: "use status
+ * pill, but same look as dropdown primary"). Values mirror .kol-btn-primary. */
+.kol-status-chip--primary {
+  color: var(--kol-surface-on-primary);
+  background-color: var(--kol-surface-secondary);
+}
 
 /* inverse — the flipped chip. Mirrors .pill-inverse. */
 .kol-tag--inverse {

package/package.json

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