@kolkrabbi/kol-workshop 0.1.9 → 0.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-workshop",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "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-component": "0.12.3",
-    "@kolkrabbi/kol-framework": "0.5.6",
-    "@kolkrabbi/kol-theme": "0.11.11",
-    "@kolkrabbi/kol-icons": "0.8.3"
+    "@kolkrabbi/kol-icons": "0.8.4",
+    "@kolkrabbi/kol-component": "0.12.5",
+    "@kolkrabbi/kol-framework": "0.5.8",
+    "@kolkrabbi/kol-theme": "0.11.21"
   },
   "peerDependencies": {
     "react": "^18.3.0 || ^19.0.0",

package/src/docs/DocKit.jsx

@@ -27,7 +27,7 @@ export function DocSection({ id, title, lede, children }) {
   return (
     <section id={id} className="flex flex-col gap-4 border-t border-fg-08 pt-8 scroll-mt-20">
       {title && <h2 className="kol-doc-section-title">{title}</h2>}
-      {lede && <p className="kol-doc-body max-w-[65ch]">{lede}</p>}
+      {lede && <p className="kol-doc-body max-w-[var(--kol-content-measure)]">{lede}</p>}
       {children}
     </section>
   )
@@ -37,7 +37,7 @@ export function DocSection({ id, title, lede, children }) {
  * user ruling: no parallel table markup). Fixed props-table columns, doc cell
  * classes through Table's per-column seams, doc chrome via the .kol-doc-table
  * class on Table's wrapper (the descendant rules out-specify Table's cell
- * defaults). The .kol-doc-figure frame supplies the border. */
+ * defaults). Renders UNFRAMED (flush minimal — user ruling: no border). */
 const PROPS_COLUMNS = [
   { accessor: 'prop', header: 'Prop', className: 'kol-doc-table-value text-emphasis' },
   { accessor: 'type', header: 'Type', className: 'kol-doc-table-value kol-doc-table-value--wrap text-meta' },
@@ -48,15 +48,13 @@ const PROPS_COLUMNS = [
 export function DocTable({ rows }) {
   if (!rows?.length) return null
   return (
-    <div className="kol-doc-figure overflow-x-auto">
-      <Table
-        variant="simple"
-        caption="Props"
-        columns={PROPS_COLUMNS}
-        rows={rows.map((r) => ({ id: r.prop, ...r }))}
-        className="kol-doc-table"
-      />
-    </div>
+    <Table
+      variant="simple"
+      caption="Props"
+      columns={PROPS_COLUMNS}
+      rows={rows.map((r) => ({ id: r.prop, ...r }))}
+      className="kol-doc-table"
+    />
   )
 }