@kolkrabbi/kol-component 0.102.1 → 0.102.3

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.102.1",
3
+ "version": "0.102.3",
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",
package/src/atoms/Tag.jsx CHANGED
@@ -34,7 +34,7 @@ const ICON_SIZES = { sm: 10, md: 12, lg: 14 }
34
34
  *
35
35
  * @param {ReactNode} children label content
36
36
  * @param {string} text content fallback when no children (brand SwatchControls)
37
- * @param {string} variant 'primary' | 'secondary' | 'inverse'
37
+ * @param {string} variant 'primary' | 'secondary' | 'inverse' · `tertiary` = secondary's fill, no outline, mono at fg-80 (2026-08-27)
38
38
  * @param {string} size 'sm' | 'md' | 'lg' — `sm` is the default and
39
39
  * should stay the answer; `lg` needs a reason
40
40
  * @param {boolean} active selected state (filter chips)
@@ -67,6 +67,8 @@ export default function Tag({
67
67
  primary: 'kol-tag--primary',
68
68
  secondary: 'kol-tag--secondary',
69
69
  inverse: 'kol-tag--inverse',
70
+ /* secondary's fill, no outline, the mono voice at fg-80 (TagTertiary, 2026-08-27) */
71
+ tertiary: 'kol-tag--tertiary',
70
72
  }
71
73
 
72
74
  /* TYPE COMES FROM THE HELPER RAMP (user ruling 2026-08-01). The size classes
@@ -81,7 +81,10 @@ const RAMP = {
81
81
  * caption disappeared. */
82
82
  /* the drawer is an INVERSE surface, so the roles do not apply — but the
83
83
  * ladder does: one full ink, the rest stepped. */
84
- card: { title: 'kol-sans-display-03 text-fg-inverse', meta: 'kol-mono-12 text-fg-inverse-64', body: 'kol-mono-14 text-fg-inverse-64', date: 'kol-mono-12 text-fg-inverse-48', tags: 'flex flex-wrap gap-2' },
84
+ /* RULED ON /work GRID + shelf (WorkCardAndShelf, 2026-08-27): the title is one
85
+ * line (the site passes its face as titleClass; the truncation is the card's),
86
+ * the meta is the helper voice, uppercase, at inverse 80 */
87
+ card: { title: 'kol-sans-display-03 text-fg-inverse truncate', meta: 'kol-helper-12 uppercase text-fg-inverse-80', body: 'kol-mono-14 text-fg-inverse-64', date: 'kol-mono-12 text-fg-inverse-48', tags: 'flex flex-wrap gap-2' },
85
88
  /* verbatim from WorkListItem: title `kol-mono-14` truncated · type
86
89
  * `kol-mono-12 md:kol-mono-14` at FULL ink, no opacity step · year
87
90
  * `kol-mono-12 text-fg-64` · description `kol-sans-heading-03 text-auto`.