@kolkrabbi/kol-workshop 0.3.0 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-workshop",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "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",
@@ -14,10 +14,10 @@
   "dependencies": {
     "d3": "^7.9.0",
     "@kolkrabbi/kol-brand": "^0.1.2",
-    "@kolkrabbi/kol-framework": "0.6.4",
     "@kolkrabbi/kol-icons": "0.8.10",
     "@kolkrabbi/kol-component": "0.13.1",
-    "@kolkrabbi/kol-theme": "0.12.1"
+    "@kolkrabbi/kol-framework": "0.6.4",
+    "@kolkrabbi/kol-theme": "0.12.2"
   },
   "peerDependencies": {
     "react": "^18.3.0 || ^19.0.0",

package/src/shell/ShellLayout.jsx

@@ -180,7 +180,11 @@ const ShellLayout = ({ routes = [], basePath = '/', brand: brandProp, brandLogoS
             * overscroll-none stops chaining between regions and the edge bounce. */}
           <div className="flex-1 overflow-hidden">
             <div className="h-full w-full px-4 md:px-5 lg:px-6">
-              <div className={`shell-content-grid grid gap-8 ${gridCols} h-full min-h-0`} data-layout={layoutType}>
+              {/* gap lives in .shell-content-grid (theme) — a gap-8 utility here
+                * outranks the layered theme rule at every width and killed the
+                * 48px wide step (ARCHITECTURE §5: component geometry in its own
+                * rule, never a utility racing it). */}
+              <div className={`shell-content-grid grid ${gridCols} h-full min-h-0`} data-layout={layoutType}>
                   {showNav && (
                     <NavColumn>
                       {renderSidebar ? renderSidebar({}) : <ShellSidebar routes={routes} basePath={basePath} />}