@kolkrabbi/kol-component 0.139.0 → 0.141.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.141.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",
|
|
@@ -58,7 +58,17 @@ const BOX = {
|
|
|
58
58
|
/* typeface's card is a FIXED 500px tall specimen board, not a ratio — the
|
|
59
59
|
* shipped item is `h-[500px]`, and a ratio re-crops the glyph at every
|
|
60
60
|
* column width, which is the one thing a specimen must not do. */
|
|
61
|
-
|
|
61
|
+
/* REST COLOURS ONLY (TypefaceCardRestSkin, kol-website 2026-08-30): `border`
|
|
62
|
+
* and `bg` are showcase's, so a typeface card sits on the same rest skin as a
|
|
63
|
+
* work card. `layout`, `pad`, `height`, the RATIO, REVEAL_BG, MEDIA and every
|
|
64
|
+
* hover treatment are untouched and deliberately different.
|
|
65
|
+
*
|
|
66
|
+
* NOT derived with a spread. The row's version of this ask was resolved that
|
|
67
|
+
* way and it carried pad and rung along uninvited, then missed `FILL` because
|
|
68
|
+
* it is keyed by variant NAME — a second ticket to undo. `RATIO`, `REVEAL_BG`
|
|
69
|
+
* and `MEDIA` here are separate name-keyed maps too; a spread cannot reach
|
|
70
|
+
* them either. Two values, set by hand. */
|
|
71
|
+
showcaseCanvas: { layout: 'canvas', border: 'var(--kol-fg-04)', bg: null, pad: 'var(--kol-pad-card-lg)', height: 500 },
|
|
62
72
|
}
|
|
63
73
|
|
|
64
74
|
/* HOVER is a bg STEP on the opaque tier, per 05-control-chrome.md's state model
|
|
@@ -87,8 +87,16 @@ const BOX = {
|
|
|
87
87
|
* variant NAME — so the two boxes agreed on every number and still disagreed
|
|
88
88
|
* about the vertical spread. Deriving one box from another while a second map
|
|
89
89
|
* is keyed by name is the drift the derive was meant to end. */
|
|
90
|
-
|
|
91
|
-
|
|
90
|
+
/* NO `hover` KEY (TypefaceRowHoverBg, kol-website 2026-08-30, the third
|
|
91
|
+
* pass on this row). `showcase` has `frameHover` and no `hover` at all, so a
|
|
92
|
+
* work row answers a pointer with a border step alone; this row also washed
|
|
93
|
+
* its background and read as a different interaction from every other listing.
|
|
94
|
+
*
|
|
95
|
+
* The three passes are the lesson: the ask was "make it look like /work" and
|
|
96
|
+
* each ticket named only the state someone had looked at — rest colours, then
|
|
97
|
+
* the derive's collateral, then this. When a user says make X look like Y,
|
|
98
|
+
* diff EVERY state: rest, hover, selected, focus. */
|
|
99
|
+
bg: 'var(--kol-surface-secondary)', frame: 'transparent', frameHover: 'var(--kol-fg-08)' },
|
|
92
100
|
}
|
|
93
101
|
|
|
94
102
|
/* `default` → `file` (user 2026-08-29). The variant was named after being the
|