@kolkrabbi/kol-theme 0.160.0 → 0.162.0

package/kol-animation.css

@@ -371,6 +371,23 @@
   .kol-rail-grab::before { transition: none; }
 }
 
+/* THE LINE VARIANT (2026-10-01, `useDragResize({ variant: 'line' })`) — no pill: the whole edge
+ * lights up under the pointer and while dragging, the way an editor's pane border does. A
+ * double-click toggles the rail; the cursor is the same `col-resize`. */
+.kol-rail-grab--line::before {
+  top: 0;
+  translate: -50% 0;
+  height: 100%;
+  border-radius: 0;
+  background: var(--kol-oq-48);
+  transition: opacity 120ms ease, background-color 120ms ease;
+}
+.kol-rail-grab--line:hover::before,
+.kol-rail-grab--line:focus-visible::before,
+.kol-rail-grab--line.is-dragging::before { opacity: 1; background: var(--kol-oq-96); transition-delay: 0ms; }
+/* near is not enough for a line — it lights on the edge itself, not 20px out */
+.kol-rail-grab--line.is-near:not(:hover):not(.is-dragging):not(:focus-visible)::before { opacity: 0; }
+
 /* A RIGHT-HAND RAIL's handle sits on its LEFT edge, facing the page (2026-09-30 — the modifier
  * EditorShell has stamped since 0.x, `kol-rail-grab--${side}`, had no rule, so a right rail's pill
  * sat on its outer edge; the workshop shell's right rail needs the same). */

package/kol-components-atoms.css

@@ -101,7 +101,7 @@
 }
 .kol-control--textarea.kol-control-md > textarea { padding: 6px 16px; }
 .kol-control--textarea.kol-control-lg > textarea { padding: 8px 20px; }
-/* The grip — kol-icon-set-v1 `resize-grip` at the native placement. It IS
+/* The grip — kol-icon-set-interface `resize-grip` at the native placement. It IS
  * the resize handle (JS corner drag, both axes, in Textarea.jsx); native
  * resize is OFF because Firefox's grip can't be hidden any other way. */
 .kol-textarea-resize-icon {

package/kol-components-molecules.css

@@ -332,6 +332,21 @@
   border-color: currentColor;
 }
 
+/* hue — a colored chip (W17, 2026-09-30). Tag.jsx sets --kol-tag-hue from its `color` prop; the
+ * fill, hover and active are the primary chip's own steps, mixed from the hue instead of the ink.
+ * The ink is the hue mixed toward the text color so yellow still reads on a light surface. */
+.kol-tag--primary.kol-tag--hue {
+  background-color: color-mix(in srgb, var(--kol-tag-hue) 18%, transparent);
+  color: color-mix(in srgb, var(--kol-tag-hue) 70%, var(--kol-surface-on-primary));
+}
+.kol-tag--primary.kol-tag--hue:hover {
+  background-color: color-mix(in srgb, var(--kol-tag-hue) 28%, transparent);
+}
+.kol-tag--primary.kol-tag--hue.is-active {
+  background-color: color-mix(in srgb, var(--kol-tag-hue) 36%, transparent);
+  border-color: currentColor;
+}
+
 /* secondary — the outlined chip. Mirrors .pill-outline. */
 .kol-tag--secondary {
   background-color: var(--kol-surface-primary);
@@ -478,6 +493,8 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  /* the icon and the label were flush (2026-10-01) — `icon` renders beside the text with nothing between */
+  gap: 6px;
   border-radius: 4px;
   font-family: var(--kol-font-family-mono);
   font-weight: 470;

package/kol-components-organisms.css

@@ -180,6 +180,9 @@
 .kol-table-wrapper.kol-table--simple { border: none; border-radius: 0; }
 .kol-table-wrapper.kol-table--simple .kol-table-thead { background: none; border-bottom: 1px solid var(--kol-fg-12); }
 .kol-table-wrapper.kol-table--simple .kol-table-row   { border-bottom: 1px solid var(--kol-fg-08); }
+/* no rule under the last row unless asked (`lastRule`, 2026-10-01) — whatever follows the table
+ * usually brings its own divider, and the pair read as a double line */
+.kol-table-wrapper.kol-table--simple:not(.kol-table--last-rule) tbody .kol-table-row:last-child { border-bottom: none; }
 /* compact — record-surface density (2026-08-09): tighter cell box for the
  * RecordManager table; the reference's rows sit near half the default. */
 .kol-table-wrapper.kol-table--compact .kol-table th,

package/kol-components-workshop.css

@@ -116,6 +116,14 @@
   overscroll-behavior: contain;
 }
 
+/* THE RAIL FADES OUT AT ITS FOOT (2026-10-01 — user, on shadcn's sidebar: "look how they use
+ * gradient fade for information to reveals on scroll"). A long list runs out under a fade instead
+ * of being cut by the window edge; the rail's own bottom padding (`pb-14` on the aside) keeps the last row clear of it. */
+.shell-rail {
+  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 3rem), transparent);
+  mask-image: linear-gradient(to bottom, #000 calc(100% - 3rem), transparent);
+}
+
 .shell-rail--nav {
   border-right: 1px solid var(--kol-oq-08);
   padding-inline-end: var(--kol-pad-chrome-x);
@@ -295,6 +303,8 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+  /* the count never touches the label (W4, 2026-09-30: "Blog / editorial(28)") */
+  gap: var(--kol-spacing-2);
   transition: color 0.15s ease;
 }
 
@@ -357,6 +367,13 @@
   margin-top: 4px;
 }
 
+/* A CHAPTER INSIDE A CHAPTER (2026-09-30, the showcase review W1 — the rail nests to any depth).
+ * The nested group steps in by the ROW's text indent, so its caret sits on its sibling rows' text
+ * edge and its own rows land one indent further; the indent is read, never retyped. */
+.shell-nav-nest {
+  padding-left: var(--kol-pad-rail-row-x);
+}
+
 /* Navigation items — layout only; type/color (+ active) in JSX. */
 /* THE PAGE ROW — L3, the class owns the whole look (user ruling 2026-08-01).
  * PAGE in the rail's vocabulary (`Tokens`); the right rail's rows are SECTIONS

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kolkrabbi/kol-theme",
-  "version": "0.160.0",
-  "description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
+  "version": "0.162.0",
+  "description": "Tokens and base CSS",
   "license": "MIT",
   "type": "module",
   "sideEffects": [