@kolkrabbi/kol-styleguide 0.5.0 → 0.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-styleguide",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "private": false,
   "description": "KOL style-guide / brand-guide component set — the visual specimens a brand manual is built from: color anatomy + combination lab, logo construction / clearspace / scaling, mood tiles, type blocks, and asset spec tables. Raided from the apps/brand styleguide. Also the brand tool itself — `Brand` (BrandBook ⇄ BrandAssets) renders a whole brand book from one brand manifest. Sits above @kolkrabbi/kol-{theme,icons,component,framework}.",
   "license": "MIT",
@@ -19,10 +19,10 @@
     "react-dom": "^18.3.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@kolkrabbi/kol-component": "^0.225.0",
     "@kolkrabbi/kol-framework": "^0.44.0",
-    "@kolkrabbi/kol-icons": "^0.27.1",
-    "@kolkrabbi/kol-theme": "^0.151.0"
+    "@kolkrabbi/kol-component": "^0.226.0",
+    "@kolkrabbi/kol-icons": "^0.28.0",
+    "@kolkrabbi/kol-theme": "^0.153.0"
   },
   "files": [
     "src",

package/src/AssetTable.jsx

@@ -188,7 +188,7 @@ function DownloadControl({ row, token, onToggleInk }) {
     <button
       type="button"
       onClick={() => row.onDownload(row, resolveToken(token))}
-      className="inline-flex items-center text-fg-64"
+      className="inline-flex items-center text-oq-64"
       aria-label={label}
       title="Download"
     >
@@ -198,7 +198,7 @@ function DownloadControl({ row, token, onToggleInk }) {
     <a
       href={row.href}
       download={row.filename ?? true}
-      className="inline-flex items-center text-fg-64"
+      className="inline-flex items-center text-oq-64"
       aria-label={label}
       title="Download"
     >

package/src/brandBook.js

@@ -4,7 +4,8 @@
  * The brand book as it ran in kol-olina's apps/brand (itself kol-website's apps/brand, copied
  * 2026-09-02): two scrolling pages — BRAND documents the identity, ASSETS holds what you download
  * or reproduce — each a stack of sections. The section ids, eyebrows, titles and ledes below are
- * that app's, verbatim; anything that was the CLIENT's copy (About, Tone, Look, the logo concept,
+ * that app's, verbatim — except the Logos and Branded ledes, which named files in that repo and are
+ * left for its manifest to set; anything that was the CLIENT's copy (About, Tone, Look, the logo concept,
  * the colour concept) is not here — it comes from the manifest's `book` field, section by section
  * (`@kolkrabbi/kol-brand-template` schema). A manifest key overrides the default of the same name.
  */
@@ -25,8 +26,8 @@ export const BOOK_SECTIONS = [
 
 export const ASSET_SECTIONS = [
   { key: 'assetsOverview', id: 'assets-overview', label: 'Assets', title: 'Downloads and reproduction', lede: 'Everything you download or reproduce. Brand documents the identity; this holds the files and the specs for making them.' },
-  { key: 'logos', id: 'logos', nav: 'Logos', label: '01 — logos', title: 'Logos', lede: 'Every mark in src/brand/logos/svg/. Click a row to open the overlay; toggle the color dot to swap ink vs surface; download recolored on the fly.' },
-  { key: 'branded', id: 'branded-assets', nav: 'Branded', label: '04 — branded', title: 'Branded assets', lede: 'Stationery. Mocks live in src/components/styleguide/StationeryMocks.jsx and render in /styleguide chapter 6.' },
+  { key: 'logos', id: 'logos', nav: 'Logos', label: '01 — logos', title: 'Logos' },
+  { key: 'branded', id: 'branded-assets', nav: 'Branded', label: '04 — branded', title: 'Branded assets' },
   { key: 'stationery', id: 'assets-stationery', nav: 'Stationery', label: '08 — assets · stationery', title: 'Stationery', lede: 'Standard correspondence — business card, envelope, letterhead, email signature. Quiet typography, generous space, monochrome restraint.' },
   { key: 'social', id: 'social-sizes', nav: 'Social', label: '12 — social · sizes', title: 'Post sizes', lede: 'One template at each of the three Instagram aspect ratios — square feed (1:1), portrait feed (4:5), and story / reel (9:16). Editorial photography, restrained typography, a deliberate cadence.' },
   { key: 'profile', id: 'social-profile', nav: 'Profile', label: '13 — social · profile', title: 'Profile', lede: 'Avatar treatment for profile pictures across platforms — round-cropped on burgundy, signature centered.' },