@kolkrabbi/kol-component 0.134.0 → 0.135.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/molecules/ContentRow.jsx +10 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-component",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.135.0",
|
|
4
4
|
"description": "KOL design-system components — atoms through organisms, emitting canonical kol-* classes. Pairs with @kolkrabbi/kol-theme for styling.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -15,7 +15,10 @@ import ContentText from './ContentText.jsx'
|
|
|
15
15
|
* @param {ReactNode} media thumb content (omit → placeholder)
|
|
16
16
|
* @param {number|'fill'} thumb thumb edge px — overrides the ruled default; 0 hides; `'fill'` = a square
|
|
17
17
|
* the height of the row's content, whatever the rung (WorkListingRowsAndFilters)
|
|
18
|
-
* @param {string} ratio thumb aspect-ratio — overrides the ruled default
|
|
18
|
+
* @param {string} ratio thumb aspect-ratio — overrides the ruled default.
|
|
19
|
+
* Under `thumb="fill"` the rung is the thumb's HEIGHT,
|
|
20
|
+
* so a non-square ratio widens the thumb rather than
|
|
21
|
+
* growing the row past its rung (ruled 2026-08-30)
|
|
19
22
|
* @param {number} paddingY vertical padding px — overrides the ruled default
|
|
20
23
|
* @param {{label: ReactNode, value: ReactNode}[]} specs label/value pairs on the
|
|
21
24
|
* row's trailing edge, independent of variant.
|
|
@@ -108,6 +111,12 @@ export default function ContentRow({
|
|
|
108
111
|
* aspect-ratio square resolved to the image's intrinsic width) */
|
|
109
112
|
'--kol-row-thumb': thumbPx === 'fill' ? `calc(${box.minH ?? 96}px - 2 * ${padY})` : `${thumbPx}px`,
|
|
110
113
|
'--kol-row-thumb-md': box.thumbMd != null ? `${box.thumbMd}px` : undefined,
|
|
114
|
+
/* the documented `ratio` prop, finally connected (RowThumbRatioDead,
|
|
115
|
+
* kol-website 2026-08-30). It was destructured and then dropped — the row
|
|
116
|
+
* passed ContentMedia `ratio={null}` and kol-theme hard-coded `1 / 1`, so a
|
|
117
|
+
* consumer setting it got no error and no change. Undefined publishes
|
|
118
|
+
* nothing and the CSS fallback keeps every current row square. */
|
|
119
|
+
'--kol-row-thumb-ratio': ratio ?? box.ratio,
|
|
111
120
|
'--kol-content-hover-bg': box.hover,
|
|
112
121
|
'--kol-content-hover-border': box.frameHover,
|
|
113
122
|
/* rest values are PROPERTIES, not inline declarations — an inline
|