@kolkrabbi/kol-component 0.91.1 → 0.91.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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/molecules/ContentCard.jsx +2 -2
  3. package/src/molecules/ContentText.jsx +6 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kolkrabbi/kol-component",
3
- "version": "0.91.1",
3
+ "version": "0.91.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/molecules/ContentCard.jsx CHANGED
@@ -125,9 +125,9 @@ export default function ContentCard({
125
125
  const metaChips = isHero && heroMeta != null ? (Array.isArray(heroMeta) ? heroMeta : [heroMeta]) : null
126
126
  const heroHeader = isHero && (label != null || metaChips?.length) ? (
127
127
  <div className="kol-card-hero-header flex items-center justify-between" style={{ marginBottom: 'var(--kol-spacing-4)' }}>
128
- {label != null && <div className="kol-helper-14 text-meta">{label}</div>}
128
+ {label != null && <div className="kol-helper-14 text-fg-64">{label}</div>}
129
129
  {metaChips?.length > 0 && (
130
- <div className="flex gap-3 kol-helper-12 text-meta">
130
+ <div className="flex gap-3 kol-helper-12 text-fg-48">
131
131
  {metaChips.map((item, i) => <span key={i}>{item}</span>)}
132
132
  </div>
133
133
  )}
package/src/molecules/ContentText.jsx CHANGED
@@ -66,11 +66,12 @@ const RAMP = {
66
66
  card: { kicker: 'kol-mono-12 text-meta', title: 'kol-sans-heading-03 text-emphasis kol-content-title-dim', body: 'kol-mono-14 text-body', date: 'kol-mono-12 text-meta', size: 'kol-mono-12 text-meta', tags: 'flex flex-wrap gap-2' },
67
67
  row: { kicker: 'kol-mono-12 text-meta', title: 'kol-sans-heading-04 text-emphasis kol-content-title-dim', body: 'kol-mono-12 text-body', date: 'kol-mono-12 text-meta', size: 'kol-mono-12 text-meta', tags: 'flex flex-wrap gap-2' },
68
68
  /* HERO — the featured card riding a page's fold (ContentCard `hero`,
69
- * 2026-08-27): ListingCard size="hero"'s text, read off Stack — kicker in
70
- * the helper-16 voice, title on display-03 (Stack's ruled hero title),
71
- * body mono-14. One emphasis (the title), everything else meta/body. */
72
- /* UPPERCASE title, clamped 2, body clamped 2 — the shipped Stack hero, carried through (user 2026-08-27: "UPPERCASE THE FUCKING TITLE") */
73
- hero: { kicker: 'kol-helper-16 text-meta', title: 'kol-sans-display-03 text-emphasis uppercase line-clamp-2 kol-content-title-dim', body: 'kol-mono-14 text-body line-clamp-2', date: 'kol-mono-12 text-meta', size: 'kol-mono-12 text-meta', tags: 'flex flex-wrap gap-2' },
69
+ /* THE OLD FEATURED CARD, VERBATIM — ListingCard size="hero" as Stack
70
+ * rendered it (user 2026-08-27: "everything was correct in the old featured
71
+ * card … the only thing you had to do was carry it through"): kicker
72
+ * `kol-card-kicker tracking-wide text-fg-64`, title display-section-sm →
73
+ * display-03 uppercase, clamp 2, dim on hover; body mono-14 fg-48 clamp 2. */
74
+ hero: { kicker: 'kol-card-kicker tracking-wide text-fg-64', title: 'kol-sans-display-03 uppercase line-clamp-2 kol-content-title-dim', body: 'kol-mono-14 text-fg-48 line-clamp-2', date: 'kol-mono-12 text-meta', size: 'kol-mono-12 text-meta', tags: 'flex flex-wrap gap-2' },
74
75
  },
75
76
  work: {
76
77
  /* INVERSE ink — the card's plate is the drawer, `surface-inverse`. Leaving