@kolkrabbi/kol-workshop 0.27.0 → 0.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-workshop",
-  "version": "0.27.0",
+  "version": "0.28.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-component": "^0.179.0",
     "@kolkrabbi/kol-icons": "^0.25.0",
-    "@kolkrabbi/kol-theme": "^0.122.0",
-    "@kolkrabbi/kol-component": "^0.153.0"
+    "@kolkrabbi/kol-framework": "^0.42.0",
+    "@kolkrabbi/kol-theme": "^0.138.0"
   },
   "files": [
     "src",

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) => (