@kolkrabbi/kol-component 0.138.0 → 0.139.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-component",
-  "version": "0.138.0",
+  "version": "0.139.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/molecules/ContentRow.jsx

@@ -37,10 +37,6 @@ import ContentText from './ContentText.jsx'
 /* ruled row boxes per variant (the §2 review) — paddings/gaps spell the
  * --kol-spacing-* tokens (2=8 · 3=12 · 4=16 · 6=24), never a literal */
 const S2 = 'var(--kol-spacing-2)', S3 = 'var(--kol-spacing-3)', S4 = 'var(--kol-spacing-4)', S6 = 'var(--kol-spacing-6)'
-/* the showcase SKIN — fill, frame, hover, pad, rung. Named so the column
- * arrangement can derive from it instead of restating it (TypefaceRowSkin). */
-const BOX_SHOWCASE = { thumb: 'fill', ratio: '1 / 1', pad: S4, gap: S4, frame: 'transparent', frameHover: 'var(--kol-fg-08)', bg: 'var(--kol-surface-secondary)', minH: 168, align: 'items-stretch', thumbRadius: 'var(--kol-radius-xs)', thumbBorder: false }
-
 const BOX = {
   /* NO hover wash (user 2026-08-29, on the variant-reference page: "makes a
    * grey background, remove it"). The default row is a bare ruled line — a
@@ -64,7 +60,7 @@ const BOX = {
    * the content height (136 in a 168 row) with no hairline, the frame steps
    * transparent → fg-08 on hover ("0 → 16 is a big jump"). No md step: the rows
    * were approved at their base values. */
-  showcase: BOX_SHOWCASE,
+  showcase: { thumb: 'fill', ratio: '1 / 1', pad: S4, gap: S4, frame: 'transparent', frameHover: 'var(--kol-fg-08)', bg: 'var(--kol-surface-secondary)', minH: 168, align: 'items-stretch', thumbRadius: 'var(--kol-radius-xs)', thumbBorder: false },
   /* typeface's row is a COLUMN, not a line: a header (name/styles left,
    * classification/year right) with a full-width specimen band under it. The
    * shipped item is `flex-col gap-6`, and forcing it into the horizontal
@@ -80,7 +76,19 @@ const BOX = {
    * differs: no thumb, and `column` stacks the band under the text instead of
    * laying a thumb beside it. That arrangement is the only reason this key
    * exists; `variant="typeface"` and `layout="column"` both resolve here. */
-  showcaseCanvas: { ...BOX_SHOWCASE, thumb: 0, column: true, align: 'items-start' },
+  showcaseCanvas: { thumb: 0, ratio: '1 / 1', pad: S6, gap: S6, column: true, minH: 160, align: 'items-start',
+                    /* ONLY the fill and the frame come from showcase (TypefaceRowSkinCorrection,
+                     * kol-website 2026-08-30). 0.138.0 derived the whole box with a spread and
+                     * carried `pad` 24 → 16 and `minH` 160 → 168 with it — neither was asked for,
+                     * and both were deliberate for a row whose content is a full-width specimen
+                     * band. The ask was two values. It is two values.
+                     *
+                     * The spread also could not reach `FILL` in ContentText, which is keyed by
+                     * variant NAME — so the two boxes agreed on every number and still disagreed
+                     * about the vertical spread. Deriving one box from another while a second map
+                     * is keyed by name is the drift the derive was meant to end. */
+                    bg: 'var(--kol-surface-secondary)', frame: 'transparent', frameHover: 'var(--kol-fg-08)',
+                    hover: 'color-mix(in srgb, var(--kol-surface-on-primary) 1%, transparent)' },
 }
 
 /* `default` → `file` (user 2026-08-29). The variant was named after being the