@kolkrabbi/kol-theme 0.68.0 → 0.70.0

package/kol-components-molecules.css

@@ -242,9 +242,11 @@
  * line-height, so a 10px chip inherited the body's ~1.5 and stood 22px tall
  * beside 14px rows. Two owners of one concept is the drift this repo keeps
  * paying for; the class owns the type, the rule owns the box. */
-.kol-tag--sm { padding: 2px 10px; }
-.kol-tag--md { padding: 4px 16px; }
-.kol-tag--lg { padding: 6px 20px; }
+/* the SIZE carries its type (WorkListingRowsAndFilters, 2026-08-27): the helper
+ * rung that rode beside it in the atom (sm → 10 · md → 12 · lg → 14) lives here. */
+.kol-tag--sm { padding: 2px 10px; font-family: var(--kol-font-family-mono); font-size: 10px; line-height: 1; font-weight: 500; letter-spacing: 0.10em; }
+.kol-tag--md { padding: 4px 16px; font-family: var(--kol-font-family-mono); font-size: 12px; line-height: 1; font-weight: 500; letter-spacing: 0.06em; }
+.kol-tag--lg { padding: 6px 20px; font-family: var(--kol-font-family-mono); font-size: 14px; line-height: 1; font-weight: 500; letter-spacing: 0.06em; }
 
 /* primary — the filled chip. Mirrors .pill-subtle's weight. */
 .kol-tag--primary {
@@ -273,6 +275,28 @@
   border-color: currentColor;
 }
 
+/* tertiary — secondary's fill, NO outline, the MONO voice at 80 (TagTertiary,
+ * kol-website 2026-08-27, ruled on /work's rows: the outline read wrong beside
+ * the display line and the helper voice was too loud under a title). The size
+ * classes carry the helper type by default; tertiary re-types them on the mono
+ * ramp — 10 / 12 / 14, weight 400, line-height 100%, 0.04em. */
+.kol-tag--tertiary {
+  background-color: var(--kol-surface-primary);
+  color: var(--kol-fg-80);
+  border-color: transparent;
+}
+.kol-tag--tertiary:hover {
+  background-color: color-mix(in srgb, var(--kol-surface-on-primary) 08%, transparent);
+  border-color: transparent;
+}
+.kol-tag--tertiary.is-active {
+  background-color: color-mix(in srgb, var(--kol-surface-on-primary) 16%, transparent);
+  border-color: transparent;
+}
+.kol-tag--tertiary.kol-tag--sm { font-size: 10px; font-weight: 400; line-height: 100%; letter-spacing: 0.04em; }
+.kol-tag--tertiary.kol-tag--md { font-size: 12px; font-weight: 400; line-height: 100%; letter-spacing: 0.04em; }
+.kol-tag--tertiary.kol-tag--lg { font-size: 14px; font-weight: 400; line-height: 100%; letter-spacing: 0.04em; }
+
 /* StatusChip — the record-surface status control (reference: Framer CMS,
  * 2026-08-09; rebuilt off Tag onto the Dropdown-sm metrics the same day).
  * Tint + ink ride the --ui-* ladder; box/type live in the JSX (kol-btn-sm
@@ -928,6 +952,9 @@
   height: 100%;
   width: 100%;
 }
+/* `thumb="fill"` (WorkListingRowsAndFilters, 2026-08-27): the row publishes
+ * `--kol-row-thumb` as the rung minus its vertical padding, so the square above
+ * IS the content height — `/work`: 136 in a 168 row at 16 padding. */
 
 /* CONTAINER query, not a viewport one (2026-08-15). The row steps on the width
  * of the WALL it sits in, for exactly the reason the card-wall law gives: the

package/kol-components-organisms.css

@@ -302,6 +302,12 @@
 }
 
 .kol-feature-split-pull,
+/* headlines BALANCE (WorkListingRowsAndFilters, 2026-08-27 — user: "don't leave
+ * one word, it's tacky"): no orphaned last word on any SectionText headline. */
+.kol-section-text-headline {
+  text-wrap: balance;
+}
+
 .kol-section-text-pull {
   margin: 0;
   font-family: var(--kol-font-family-sans);

package/package.json

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