@kolkrabbi/kol-component 0.137.0 → 0.139.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.137.0",
3
+ "version": "0.139.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,7 +65,30 @@ const BOX = {
65
65
  * classification/year right) with a full-width specimen band under it. The
66
66
  * shipped item is `flex-col gap-6`, and forcing it into the horizontal
67
67
  * thumb-beside-text shape is what turned its alphabet into a 160px thumb. */
68
- showcaseCanvas: { thumb: 0, ratio: '1 / 1', pad: S6, gap: S6, column: true, frame: 'var(--kol-fg-08)', bg: 'transparent', minH: 160, align: 'items-start', hover: 'color-mix(in srgb, var(--kol-surface-on-primary) 1%, transparent)', frameHover: 'color-mix(in srgb, var(--kol-surface-on-primary) 24%, transparent)' },
68
+ /* ONE SKIN, TWO ARRANGEMENTS (TypefaceRowSkin, kol-website 2026-08-30 user:
69
+ * *"I want it to visually have the same look as those pages"*). This box was
70
+ * hand-written and had drifted into the opposite of its sibling: transparent
71
+ * fill with an fg-08 outline, against showcase's filled surface with no
72
+ * outline. Side by side they read as two systems.
73
+ *
74
+ * It is DERIVED from `showcase` now, so fill, frame, hover, pad and rung
75
+ * cannot drift again — there is one set of values. Only the arrangement
76
+ * differs: no thumb, and `column` stacks the band under the text instead of
77
+ * laying a thumb beside it. That arrangement is the only reason this key
78
+ * exists; `variant="typeface"` and `layout="column"` both resolve here. */
79
+ showcaseCanvas: { thumb: 0, ratio: '1 / 1', pad: S6, gap: S6, column: true, minH: 160, align: 'items-start',
80
+ /* ONLY the fill and the frame come from showcase (TypefaceRowSkinCorrection,
81
+ * kol-website 2026-08-30). 0.138.0 derived the whole box with a spread and
82
+ * carried `pad` 24 → 16 and `minH` 160 → 168 with it — neither was asked for,
83
+ * and both were deliberate for a row whose content is a full-width specimen
84
+ * band. The ask was two values. It is two values.
85
+ *
86
+ * The spread also could not reach `FILL` in ContentText, which is keyed by
87
+ * variant NAME — so the two boxes agreed on every number and still disagreed
88
+ * about the vertical spread. Deriving one box from another while a second map
89
+ * is keyed by name is the drift the derive was meant to end. */
90
+ bg: 'var(--kol-surface-secondary)', frame: 'transparent', frameHover: 'var(--kol-fg-08)',
91
+ hover: 'color-mix(in srgb, var(--kol-surface-on-primary) 1%, transparent)' },
69
92
  }
70
93
 
71
94
  /* `default` → `file` (user 2026-08-29). The variant was named after being the