@kolkrabbi/kol-workshop 0.27.0 → 0.29.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-workshop",
-  "version": "0.27.0",
+  "version": "0.29.0",
   "private": false,
   "description": "KOL workshop/docs system — a handrolled markdown engine, search, tag system (incl. a d3 tag graph), docs viewer, and docs shell. Sits above @kolkrabbi/kol-{theme,icons,component,framework}; content is consumer-injected (the package never globs docs).",
   "license": "MIT",
@@ -25,10 +25,10 @@
     "react-router-dom": "^6.0.0 || ^7.0.0"
   },
   "devDependencies": {
-    "@kolkrabbi/kol-framework": "^0.36.0",
-    "@kolkrabbi/kol-icons": "^0.25.0",
-    "@kolkrabbi/kol-theme": "^0.122.0",
-    "@kolkrabbi/kol-component": "^0.153.0"
+    "@kolkrabbi/kol-component": "^0.220.0",
+    "@kolkrabbi/kol-icons": "^0.27.1",
+    "@kolkrabbi/kol-framework": "^0.44.0",
+    "@kolkrabbi/kol-theme": "^0.148.0"
   },
   "files": [
     "src",

package/src/docs/DocsFrontmatter.jsx

@@ -192,7 +192,7 @@ const DocsFrontmatter = ({ metadata, docId }) => {
         return (
           <div key={key} className="docs-frontmatter-row">
             <span className="docs-frontmatter-key kol-helper-12 text-meta">
-              {icon && <Icon name={icon} size={14} />}
+              {icon && <Icon name={icon} size={14} className="text-oq-48" />}
               {FIELD_LABELS[key] ?? humanise(key)}
             </span>
             <span className="docs-frontmatter-value kol-mono-12 text-strong">

package/src/exhibit/ExhibitSidebar.jsx

@@ -68,11 +68,11 @@ export default function ExhibitSidebar({
               Back
             </button>
             <Link to={docHref()} className="shell-sidebar-action kol-mono-14 text-body">
-              <Icon name="book-open" size={14} />
+              <Icon name="book-open" size={14} className="text-oq-64" />
               All documentation
             </Link>
             <Link to={basePath} className="shell-sidebar-action kol-mono-14 text-body">
-              <Icon name="layout" size={14} />
+              <Icon name="layout" size={14} className="text-oq-64" />
               Workshop home
             </Link>
             <button

package/src/shell/ShellLayout.jsx

@@ -2,7 +2,7 @@ import { createContext, useState, useEffect, Suspense } from 'react'
 import { Outlet, Link, useLocation, useNavigate } from 'react-router-dom'
 import { ShellHeader } from '@kolkrabbi/kol-framework'
 import ShellSidebar from './ShellSidebar.jsx'
-import { Button, IconFrame, ShellDrawer, ShellSearchOverlay, Tooltip } from '@kolkrabbi/kol-component'
+import { Button, IconFrame, ShellDrawer, ShellSearchOverlay, Tooltip, CloseButton } from '@kolkrabbi/kol-component'
 import { matchSearchItems } from '../engine/search.js'
 import { useTagMode } from '../tags/TagModeContext.jsx'
 import TagModeOverlay from '../tags/TagModeOverlay.jsx'
@@ -424,7 +424,9 @@ const ShellLayout = ({ routes = [], basePath = '/', brand: brandProp, brandLogoS
             * for months. */}
           {isShortcutsOpen && (
             <div
-              className="fixed inset-0 z-50 flex items-center justify-center bg-fg-48"
+              /* THE scrim (overlay-scrim-outliers sweep, 2026-09-03): was a hand
+                 `bg-fg-48` — the ink wash, not the class's ab-black 48 */
+              className="fixed inset-0 z-50 flex items-center justify-center kol-overlay-scrim"
               onClick={() => setIsShortcutsOpen(false)}
               role="presentation"
             >
@@ -440,8 +442,10 @@ const ShellLayout = ({ routes = [], basePath = '/', brand: brandProp, brandLogoS
                   style={{ borderBottomColor: 'var(--kol-oq-08)' }}
                 >
                   <span className="kol-doc-eyebrow text-meta">Keyboard shortcuts</span>
-                  <Button variant="outline" quiet size="sm" iconOnly="x"
-                    aria-label="Close" onClick={() => setIsShortcutsOpen(false)} />
+                  {/* was `Button variant="outline" quiet` — the boxed treatment the
+                    * 2026-09-01 one-idiom ruling retired, still shipping here because
+                    * the idiom was a comment rather than a component (2026-09-03) */}
+                  <CloseButton onClick={() => setIsShortcutsOpen(false)} />
                 </div>
                 <ul className="flex flex-col px-4 py-3">
                   {SHORTCUTS.map((s) => (

package/src/tags/TagModeOverlay.jsx

@@ -99,7 +99,9 @@ const TagModeOverlay = () => {
         <div className="flex flex-col gap-4">
             {hasFilters && (
               <>
-                <div className="flex items-center justify-between">
+                {/* INSET TO THE ROWS (user 2026-09-25: the button sat flush on the panel edge while the
+                  * rows below start at `.shell-nav-item`'s 20px, 24px from 1600) */}
+                <div className="flex items-center justify-between pl-5 min-[1600px]:pl-6">
                   {/* PRIMARY (user 2026-08-01). `outline quiet` is the
                     * recessive rung — this is the one action in the body. */}
                   <Button variant="primary" size="sm" onClick={clearTags}>