@kolkrabbi/kol-component 0.142.0 → 0.144.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-component",
-  "version": "0.142.0",
+  "version": "0.144.0",
   "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/index.js

@@ -134,7 +134,7 @@ export { default as SectionFaq } from './organisms/SectionFaq.jsx'
 export { default as LoaderOverlay } from './utilities/LoaderOverlay.jsx'
 /* dev chrome: name an element, agree on a cell, emit one sync line */
 export { default as QuadrantSync } from './utilities/QuadrantSync.jsx'
-export { default as MediaLibrary, MediaLibraryProvider, useMediaLibrary, MediaPicker, MediaBrowser } from './organisms/MediaLibrary.jsx'
+export { default as MediaLibrary, MediaLibraryProvider, useMediaLibrary, MediaPicker } from './organisms/MediaLibrary.jsx'
 export { default as MediaTileGallery } from './organisms/MediaTileGallery.jsx'
 export { default as MediaViewer } from './organisms/MediaViewer.jsx'
 export { default as SettingsPanel, LabeledControlSection, SettingsRow, SettingsSwitch, SettingsChoice, SettingsMulti, SettingsChipRow, SettingsFooter } from './organisms/SettingsPanel.jsx'

package/src/molecules/ContentCard.jsx

@@ -58,9 +58,19 @@ const BOX = {
   /* typeface's card is a FIXED 500px tall specimen board, not a ratio — the
    * shipped item is `h-[500px]`, and a ratio re-crops the glyph at every
    * column width, which is the one thing a specimen must not do. */
-  /* REST COLOURS ONLY (TypefaceCardRestSkin, kol-website 2026-08-30): `border`
-   * and `bg` are showcase's, so a typeface card sits on the same rest skin as a
-   * work card. `layout`, `pad`, `height`, the RATIO, REVEAL_BG, MEDIA and every
+  /* REST COLOURS ONLY, TAKEN FROM THE ROW (TypefaceCardRestSkinFix, kol-website
+   * 2026-08-30). Filled surface, no outline — `ContentRow`'s showcase pair.
+   *
+   * 0.140.0 copied `BOX.showcase` from THIS map instead, because it is the
+   * entry sitting next to this one. That was wrong: `showcase`'s CARD is a
+   * `drawer` — outlined and unfilled — and the ask was to match the ROW, which
+   * is filled with no outline. Every /foundry grid card shipped as an outlined
+   * empty box, the opposite of the rows beside it.
+   *
+   * "Make the card look like the row" means READ THE ROW'S BOX. The two maps
+   * share variant names and not treatments.
+   *
+   * `layout`, `pad`, `height`, the RATIO, REVEAL_BG, MEDIA and every
    * hover treatment are untouched and deliberately different.
    *
    * NOT derived with a spread. The row's version of this ask was resolved that
@@ -68,7 +78,7 @@ const BOX = {
    * it is keyed by variant NAME — a second ticket to undo. `RATIO`, `REVEAL_BG`
    * and `MEDIA` here are separate name-keyed maps too; a spread cannot reach
    * them either. Two values, set by hand. */
-  showcaseCanvas: { layout: 'canvas', border: 'var(--kol-fg-04)', bg: null, pad: 'var(--kol-pad-card-lg)', height: 500 },
+  showcaseCanvas: { layout: 'canvas', border: 'transparent', bg: 'var(--kol-surface-secondary)', pad: 'var(--kol-pad-card-lg)', height: 500 },
 }
 
 /* HOVER is a bg STEP on the opaque tier, per 05-control-chrome.md's state model

package/src/organisms/MediaLibrary.jsx

@@ -1019,9 +1019,3 @@ export function MediaPicker({ open, client, accept = 'all', onClose, onPick }) {
     />
   )
 }
-
-/** @deprecated 2026-08-01 — alias of `MediaLibrary variant="page"`. Drops when
- *  nobody imports it (04-retirements.md). */
-export function MediaBrowser({ client, accept = 'all', onSelect = null, ...rest }) {
-  return <MediaLibrary variant="page" client={client} accept={accept} onSelect={onSelect} {...rest} />
-}