@kolkrabbi/kol-component 0.156.0 → 0.157.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.
|
|
3
|
+
"version": "0.157.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",
|
|
@@ -49,6 +49,11 @@ import { minHeightClass } from './sectionHeights.js'
|
|
|
49
49
|
* @param {string} inputId id override for the email input (default useId-generated)
|
|
50
50
|
* @param {object} slotClass · slotStyle per-slot class / style on the SectionText (reveal seam)
|
|
51
51
|
* @param {'sm'|'md'|'lg'} [controlSize='md'] size rung for BOTH the email Input and the submit
|
|
52
|
+
* @param {string} [submitVariant='primary'] the submit Button's variant (SectionNewsletterSubmitVariant,
|
|
53
|
+
* kol-website 2026-09-01): `primary` is the page's second surface, which on an inverse band is
|
|
54
|
+
* dark-on-dark and reads as disabled — a consumer on a dark band passes `secondary`, the
|
|
55
|
+
* ink-on-page inversion. A prop, not a background read: the organism does not know which
|
|
56
|
+
* backgrounds are dark, and this lands the way `controlSize` did. Default moves nothing.
|
|
52
57
|
* Button (SectionNewsletterControlSize, kol-website 2026-08-31). The pair was hardcoded md with no
|
|
53
58
|
* seam, so a page that sets `size="lg"` on every other call-site button could not match it here and
|
|
54
59
|
* the newsletter read visibly smaller directly beneath them. Default is today's md — nothing moves.
|
|
@@ -66,6 +71,7 @@ import { minHeightClass } from './sectionHeights.js'
|
|
|
66
71
|
export default function SectionNewsletter({
|
|
67
72
|
height = '40',
|
|
68
73
|
controlSize = 'md',
|
|
74
|
+
submitVariant = 'primary',
|
|
69
75
|
fullBleed = false,
|
|
70
76
|
theme,
|
|
71
77
|
background,
|
|
@@ -171,7 +177,7 @@ export default function SectionNewsletter({
|
|
|
171
177
|
/>
|
|
172
178
|
<Button
|
|
173
179
|
type="submit"
|
|
174
|
-
variant=
|
|
180
|
+
variant={submitVariant}
|
|
175
181
|
size={controlSize}
|
|
176
182
|
disabled={status === 'submitting'}
|
|
177
183
|
className="w-full sm:w-auto"
|