@kolkrabbi/kol-component 0.104.3 → 0.105.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 +1 -1
- package/src/organisms/SectionCta.jsx +12 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-component",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.105.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",
|
|
@@ -18,7 +18,7 @@ import { minHeightClass } from './sectionHeights.js'
|
|
|
18
18
|
*
|
|
19
19
|
* @param {'full'|'80'|'60'|string} [height='60'] min-height on the family's ladder — full = 100dvh,
|
|
20
20
|
* 80 = 70svh / 80vh, 60 = 50svh / 60vh (default), 40 = 35svh / 40vh; content stays vertically centred inside it
|
|
21
|
-
* @param {'editorial'|'centered'} variant
|
|
21
|
+
* @param {'editorial'|'centered'|'connect'} variant `connect` = editorial with the contact copy as defaults (/ CONNECT · WORKING ON A PROJECT? · SEND A MESSAGE · CONTACT · hello@kolkrabbi.io), every prop still overridable
|
|
22
22
|
* @param {ReactNode} headline · body · actions centered: the SectionText slots
|
|
23
23
|
* @param {ReactNode} eyebrow left-column display wordmark (kol-sans-display-01)
|
|
24
24
|
* @param {ReactNode} promptLabel prompt-row label
|
|
@@ -47,6 +47,17 @@ export default function SectionCta({
|
|
|
47
47
|
slotStyle,
|
|
48
48
|
className = '',
|
|
49
49
|
}) {
|
|
50
|
+
/* `connect` (SectionCtaConnectVariant, kol-website 2026-08-27 — user: "it's stupid
|
|
51
|
+
* to make a prefix family that we opt out of at the first opportunity"): the
|
|
52
|
+
* editorial layout with the site's contact copy as defaults — every one still
|
|
53
|
+
* overridable by the props. Pages speak SectionCta directly; ConnectCta retires. */
|
|
54
|
+
if (variant === 'connect') {
|
|
55
|
+
eyebrow = eyebrow ?? '/ CONNECT'
|
|
56
|
+
promptLabel = promptLabel ?? 'WORKING ON A PROJECT?'
|
|
57
|
+
heading = heading ?? 'SEND A MESSAGE'
|
|
58
|
+
contactLabel = contactLabel ?? 'CONTACT'
|
|
59
|
+
email = email ?? 'hello@kolkrabbi.io'
|
|
60
|
+
}
|
|
50
61
|
if (variant === 'centered') {
|
|
51
62
|
return (
|
|
52
63
|
<section className={`w-full flex flex-col justify-center py-24 ${surfaceClass(background, 'auto')} ${minHeightClass(height)} ${className}`.replace(/\s+/g, ' ').trim()}>
|