@kolkrabbi/kol-component 0.76.1 → 0.76.2
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.76.
|
|
3
|
+
"version": "0.76.2",
|
|
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",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
* @param {string} [gap='gap-4'] inner rhythm (a Tailwind gap step)
|
|
28
28
|
* @param {ReactNode} children extra slots rendered between body and actions
|
|
29
29
|
* (the split's stats strip)
|
|
30
|
-
* @param {string} labelClass · bodyClass · actionsClass full class overrides
|
|
30
|
+
* @param {string} labelClass · bodyClass · actionsClass full class overrides (label default: the hero's `kol-helper-12 text-meta`)
|
|
31
31
|
* @param {string} className extra classes on the block
|
|
32
32
|
*/
|
|
33
33
|
export const HEADLINE_ROLE = {
|
|
@@ -54,7 +54,11 @@ export default function SectionText({
|
|
|
54
54
|
align = 'start',
|
|
55
55
|
gap = 'gap-4',
|
|
56
56
|
children,
|
|
57
|
-
|
|
57
|
+
/* ONE eyebrow voice across the set (SectionTextLabelVoice, user 2026-08-26:
|
|
58
|
+
* "closer to the hero eyebrow") — the hero's helper-12 / meta, small and
|
|
59
|
+
* quiet, not the split's mono-18 accent kicker. Uppercase stays: that is
|
|
60
|
+
* the eyebrow ROLE (ruled the same day), on `.kol-section-text-eyebrow`. */
|
|
61
|
+
labelClass = 'kol-helper-12 text-meta',
|
|
58
62
|
bodyClass = 'kol-section-text-body',
|
|
59
63
|
actionsClass = 'flex flex-wrap gap-4',
|
|
60
64
|
className = '',
|
|
@@ -176,7 +176,6 @@ export default function SectionHero({
|
|
|
176
176
|
actions={actions}
|
|
177
177
|
align="center"
|
|
178
178
|
gap="gap-6"
|
|
179
|
-
labelClass="kol-helper-12 text-meta"
|
|
180
179
|
bodyClass="kol-sans-body-02 text-body"
|
|
181
180
|
actionsClass="flex flex-wrap gap-4 justify-center"
|
|
182
181
|
className="max-w-[var(--kol-content-column)]"
|
|
@@ -237,7 +236,6 @@ export default function SectionHero({
|
|
|
237
236
|
/* gap-6 — the rhythm every hand-built OverlayGlassPanel hero ran on,
|
|
238
237
|
* so the composed route lands on the same pixels */
|
|
239
238
|
gap="gap-6"
|
|
240
|
-
labelClass="kol-helper-12 text-meta"
|
|
241
239
|
bodyClass="kol-sans-body-02 text-body"
|
|
242
240
|
actionsClass={`flex flex-wrap gap-4${align === 'center' ? ' justify-center' : ''}`}
|
|
243
241
|
className={media == null ? `${panelMaxWidth} mx-auto` : ''}
|