@kolkrabbi/kol-component 0.74.1 → 0.74.2
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-component",
|
|
3
|
-
"version": "0.74.
|
|
3
|
+
"version": "0.74.2",
|
|
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",
|
|
@@ -38,7 +38,12 @@ const BOX = {
|
|
|
38
38
|
article: { thumb: 120, ratio: '1 / 1', pad: '0', gap: S6, align: 'items-start', thumbBg: 'var(--kol-fg-12)', hover: 'var(--kol-oq-02)', thumbZoom: true },
|
|
39
39
|
/* work and typeface step UP at md — the shipped rows both do, and a work row
|
|
40
40
|
* at a fixed 96 cannot hold the display-03 line it was ruled to carry. */
|
|
41
|
-
|
|
41
|
+
/* thumbSquare (2026-08-26, user on the comparison page): the shipped
|
|
42
|
+
* WorkListItem thumb is a fixed SQUARE (w-16 h-16 md:w-28 md:h-28) sitting at
|
|
43
|
+
* the top of a taller row — it does not stretch to the row's height, so the
|
|
44
|
+
* fill-the-height ruling does not apply here and a 64-wide thumb in a 96-tall
|
|
45
|
+
* row came out portrait. */
|
|
46
|
+
work: { thumb: 64, thumbMd: 112, ratio: '1 / 1', pad: S4, padMd: S6, gap: S4, gapMd: S6, frame: 'transparent', frameHover: 'var(--kol-fg-16)', bg: 'var(--kol-surface-secondary)', minH: 96, minHMd: 160, align: 'items-stretch', thumbRadius: 'var(--kol-radius-xs)', thumbBorder: true, thumbZoom: true, thumbSquare: true },
|
|
42
47
|
/* typeface's row is a COLUMN, not a line: a header (name/styles left,
|
|
43
48
|
* classification/year right) with a full-width specimen band under it. The
|
|
44
49
|
* shipped item is `flex-col gap-6`, and forcing it into the horizontal
|
|
@@ -112,9 +117,9 @@ export default function ContentRow({
|
|
|
112
117
|
* height the row is. An earlier cut freed the width instead and let
|
|
113
118
|
* `aspect-ratio` fall back to the image's intrinsic size, which is how
|
|
114
119
|
* one card ate the page. */
|
|
115
|
-
<div className=
|
|
120
|
+
<div className={`kol-row-thumb shrink-0 ${box.thumbSquare ? 'self-start' : 'self-stretch'}`}>
|
|
116
121
|
<ContentMedia
|
|
117
|
-
ratio={null}
|
|
122
|
+
ratio={box.thumbSquare ? '1 / 1' : null}
|
|
118
123
|
border={box.thumbBorder ?? false}
|
|
119
124
|
bg={box.thumbBg}
|
|
120
125
|
/* zoom where the thumb IS the subject (article · work), never on a
|