@kolkrabbi/kol-theme 0.132.1 → 0.133.0

package/kol-design-tokens.css

@@ -173,3 +173,40 @@
     --kol-shadow-inner: inset 0 2px 4px rgba(255, 255, 255, 0.04);
   }
 }
+
+/* =============================================================================
+ * TAILWIND CONTRACT — the widths and the z ladder as CLASSES
+ *
+ * THE LAW REQUIRED A CLASS THAT DID NOT EXIST (kol-client-olina 2026-09-03, off
+ * the brand app's full-consumption pass). Two of the six consumption checks say
+ * reach these tokens by class — check 2 flags `var(--kol-*)` in JSX, check 5
+ * flags a raw `z-[…]` — and the theme registered neither namespace, so the only
+ * way to use a content width or a z rung from JSX was
+ * `max-w-[var(--kol-content-measure)]` / `z-[var(--kol-z-modal)]`, which trip
+ * those very checks. Every consumer was hand-binding the same nine lines in its
+ * own `@theme` to get out of it; the brand app had done exactly that.
+ *
+ * Worse than verbose: SILENT. A `z-modal` written against an unregistered
+ * namespace emits nothing at all, which is how that app's skip link shipped
+ * with no fill and no stacking for a month (layout-skip-link, same pass).
+ *
+ * Tailwind v4 namespaces: `--container-*` generates `max-w-*` / `w-*` /
+ * `min-w-*`; `--z-index-*` generates `z-*`. The `--kol-*` tokens stay the source
+ * — these alias them, so there is one value and two ways to spell it, not two
+ * values. ============================================================== */
+@theme {
+  --container-canvas:  var(--kol-content-canvas);
+  --container-shell:   var(--kol-content-shell);
+  --container-panel:   var(--kol-content-panel);
+  --container-column:  var(--kol-content-column);
+  --container-measure: var(--kol-content-measure);
+
+  --z-index-base:     var(--kol-z-base);
+  --z-index-dropdown: var(--kol-z-dropdown);
+  --z-index-sticky:   var(--kol-z-sticky);
+  --z-index-overlay:  var(--kol-z-overlay);
+  --z-index-modal:    var(--kol-z-modal);
+  --z-index-toast:    var(--kol-z-toast);
+  --z-index-tooltip:  var(--kol-z-tooltip);
+  --z-index-nav:      var(--kol-z-nav);
+}

package/package.json

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