@kolkrabbi/kol-component 0.246.0 → 0.247.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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kolkrabbi/kol-component",
3
- "version": "0.246.0",
3
+ "version": "0.247.0",
4
4
  "description": "The core component library",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -26,8 +26,8 @@
26
26
  "embla-carousel-react": "^8.6.0",
27
27
  "pdfjs-dist": "^6.3.289",
28
28
  "react-syntax-highlighter": "^16.1.1",
29
- "@kolkrabbi/kol-markdown": "^0.1.3",
30
- "@kolkrabbi/kol-search": "^0.3.0"
29
+ "@kolkrabbi/kol-search": "^0.3.0",
30
+ "@kolkrabbi/kol-markdown": "^0.1.3"
31
31
  },
32
32
  "peerDependencies": {
33
33
  "@kolkrabbi/kol-icons": ">=0.22.0",
@@ -38,7 +38,7 @@
38
38
  "react-dom": "^18.3.0 || ^19.0.0"
39
39
  },
40
40
  "devDependencies": {
41
- "@kolkrabbi/kol-icons": "^0.33.1"
41
+ "@kolkrabbi/kol-icons": "^0.35.0"
42
42
  },
43
43
  "files": [
44
44
  "src",
@@ -6,8 +6,8 @@ import ContentText from './ContentText.jsx'
6
6
  * the variant has one) beside the ruled text. Box values — thumb size, gap,
7
7
  * padding, frame — default per variant to the RULED structures from the live
8
8
  * review (06-content-card-system.md §2 boxes): default is a bare table-like
9
- * line with a 48px thumb; catalog/print are framed between-headers with no
10
- * thumb; article rides a 120px 16:9 thumb; work a framed 64px row; typeface a
9
+ * line with a 48px thumb; catalog/print are framed between-headers with a
10
+ * 36 square thumb when `media` is passed (none without); article rides a 120px 16:9 thumb; work a framed 64px row; typeface a
11
11
  * framed no-thumb block.
12
12
  *
13
13
  * @param {string} variant file | catalog | print | article | work | typeface | roster
@@ -57,7 +57,10 @@ const BOX = {
57
57
  /* catalog/print rows render AT 36px — the shipped GridCard list row is a
58
58
  * fixed 36 and the Y padding was what pushed it past that. X padding stays;
59
59
  * `minH` is now the whole height budget and the row centres inside it. */
60
- catalog: { thumb: 0, ratio: '1 / 1', pad: `0 ${S3}`, gap: S3, frame: 'var(--kol-fg-04)', bg: 'var(--kol-surface-tertiary)', minH: 36, align: 'items-center', hover: 'var(--kol-oq-04)' },
60
+ /* catalog carries a thumb (2026-10-09 — user: "catalog should change its default"): the full
61
+ * 36 rung, square, and ONLY when `media` is passed — every catalog row that never had one keeps
62
+ * none, rather than growing a MISSING plate (`mediaOnly`). */
63
+ catalog: { thumb: 36, mediaOnly: true, ratio: '1 / 1', pad: `0 ${S3}`, gap: S3, frame: 'var(--kol-fg-04)', bg: 'var(--kol-surface-tertiary)', minH: 36, align: 'items-center', hover: 'var(--kol-oq-04)' },
61
64
  /* ListingCard's row thumb is `bg-fg-12` bare — a tint, no border. */
62
65
  /* article had NO hover of any kind — the only row in the family you could
63
66
  * point at and get nothing back. It has no surface of its own, so it takes
@@ -188,7 +191,7 @@ export default function ContentRow({
188
191
  * consumer listing coverless documents should not have to say it two
189
192
  * different ways on the card and the row. `media={false}` reads the same in
190
193
  * both; `thumb` still wins when it is passed explicitly. */
191
- const thumbPx = thumb ?? (media === false ? 0 : box.thumb)
194
+ const thumbPx = thumb ?? (media === false || (box.mediaOnly && media == null) ? 0 : box.thumb)
192
195
  const padY = (paddingY != null ? `${paddingY}px` : String(box.pad)).trim().split(/\s+/)[0]
193
196
 
194
197
  /* The md: STEP is a custom property, not a Tailwind variant. Tailwind cannot