@kolkrabbi/kol-component 0.87.0 → 0.88.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.
|
|
3
|
+
"version": "0.88.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",
|
|
@@ -65,8 +65,8 @@ const HOVER = {
|
|
|
65
65
|
catalog: 'var(--kol-surface-tertiary)',
|
|
66
66
|
print: 'var(--kol-oq-04)',
|
|
67
67
|
/* article and work take NO surface hover, and that is a decision not a gap:
|
|
68
|
-
* article has no surface of its own (its media frame steps its
|
|
69
|
-
* instead), and work's whole hover IS the drawer rising. A second wash under
|
|
68
|
+
* article has no surface of its own (its media frame, when on, steps its
|
|
69
|
+
* border instead), and work's whole hover IS the drawer rising. A second wash under
|
|
70
70
|
* either would be two answers to one question. */
|
|
71
71
|
article: null,
|
|
72
72
|
work: null,
|
|
@@ -75,16 +75,18 @@ const HOVER = {
|
|
|
75
75
|
|
|
76
76
|
/* per-variant media treatment. `ring` sits OVER the artwork, `frame` UNDER it —
|
|
77
77
|
* see ContentMedia. print rings because an A4 print on a light page has no edge
|
|
78
|
-
* of its own; article
|
|
79
|
-
* fills its box. */
|
|
78
|
+
* of its own; article CAN frame (opt-in since 0.88.0) because its media is a
|
|
79
|
+
* 16/9 thumbnail that rarely fills its box. */
|
|
80
80
|
const MEDIA = {
|
|
81
81
|
/* zoom is for IMAGE-LED cards — where the artwork is the content and the
|
|
82
82
|
* card is a frame around it. A catalog tile whose preview is a diagram, or
|
|
83
83
|
* a default file card whose thumb is a 48px chip, gets nothing from it. */
|
|
84
84
|
print: { ring: true, zoom: true },
|
|
85
85
|
work: { zoom: true },
|
|
86
|
-
/*
|
|
87
|
-
|
|
86
|
+
/* frame OFF by default (ListingCardThumbBorder, user 2026-08-27: "I hate
|
|
87
|
+
* border — remove border"): the article thumb's hairline is opt-in —
|
|
88
|
+
* `frame` turns it on, and with it the fg-08 → fg-16 hover step */
|
|
89
|
+
article: { frame: false, borderHover: true, zoom: true },
|
|
88
90
|
}
|
|
89
91
|
|
|
90
92
|
export default function ContentCard({
|