@kolkrabbi/kol-component 0.91.0 → 0.91.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-component",
-  "version": "0.91.0",
+  "version": "0.91.2",
   "description": "KOL design-system components — atoms through organisms, emitting canonical kol-* classes. Pairs with @kolkrabbi/kol-theme for styling.",
   "license": "MIT",
   "type": "module",

package/src/molecules/ContentText.jsx

@@ -69,7 +69,10 @@ const RAMP = {
      * 2026-08-27): ListingCard size="hero"'s text, read off Stack — kicker in
      * the helper-16 voice, title on display-03 (Stack's ruled hero title),
      * body mono-14. One emphasis (the title), everything else meta/body. */
-    hero: { kicker: 'kol-helper-16 text-meta', title: 'kol-sans-display-03 text-emphasis kol-content-title-dim', body: 'kol-mono-14 text-body', date: 'kol-mono-12 text-meta', size: 'kol-mono-12 text-meta', tags: 'flex flex-wrap gap-2' },
+    /* the SAME voices as the article card under it — kicker, body, meta — only
+     * the title steps up (display-03, UPPERCASE). No clamps (user 2026-08-27:
+     * "you dont clamp anything"). */
+    hero: { kicker: 'kol-mono-12 text-meta', title: 'kol-sans-display-03 text-emphasis uppercase kol-content-title-dim', body: 'kol-mono-14 text-body', date: 'kol-mono-12 text-meta', size: 'kol-mono-12 text-meta', tags: 'flex flex-wrap gap-2' },
   },
   work: {
     /* INVERSE ink — the card's plate is the drawer, `surface-inverse`. Leaving

package/src/organisms/ContentFilters.jsx

@@ -22,6 +22,9 @@ import IconFrame from '../atoms/IconFrame.jsx'
  * @param {Function} props.renderItem — (filteredItems, viewMode, layout) => ReactNode
  * @param {Array} props.viewModeOptions — optional view mode options for the view strip
  * @param {string} props.defaultViewMode — default view mode (falls back to the FIRST option)
+ * @param {string} props.layout — controlled LIST/GRID value (kol-r2b2 2026-08-27: a consumer that persists
+ *   layout per bucket needs the strip's value back; `defaultLayout` alone kept it internal)
+ * @param {Function} props.onLayoutChange — (layout) => void, fires on every strip click
  * @param {Function} props.onFilterChange — optional callback when filters change
  * @param {Array} props.mutuallyExclusiveFilters — filter keys that should be mutually exclusive
  * @param {Array} props.customFilterKeys — filter keys handled by renderItem, not by ContentFilters
@@ -60,6 +63,8 @@ const ContentFilters = ({
   defaultViewMode,
   layoutOptions,
   defaultLayout,
+  layout: layoutProp,
+  onLayoutChange,
   /* WHERE the LIST/GRID strip sits — the two arrangements kol-monitor and
    * kol-website each settled on, made interchangeable (user ruling 2026-08-15).
    *
@@ -115,7 +120,13 @@ const ContentFilters = ({
   const [isExpanded, setIsExpanded] = useState(false)
   const [internalViewMode, setInternalViewMode] = useState(defaultViewMode ?? viewModeOptions?.[0]?.value)
   const viewMode = viewModeProp !== undefined ? viewModeProp : internalViewMode
-  const [layout, setLayout] = useState(defaultLayout ?? layoutOptions?.[0]?.value ?? 'grid')
+  /* Controlled when `layout` is passed, internal otherwise — the same pair viewMode uses. */
+  const [internalLayout, setInternalLayout] = useState(defaultLayout ?? layoutOptions?.[0]?.value ?? 'grid')
+  const layout = layoutProp !== undefined ? layoutProp : internalLayout
+  const setLayout = (next) => {
+    setInternalLayout(next)
+    onLayoutChange?.(next)
+  }
   const [searchOpen, setSearchOpen] = useState(false)
   const [searchText, setSearchText] = useState('')