@kolkrabbi/kol-component 0.90.0 → 0.90.1
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.90.
|
|
3
|
+
"version": "0.90.1",
|
|
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",
|
|
@@ -98,22 +98,28 @@ export default function SectionNewsletter({
|
|
|
98
98
|
data-theme={themeStamp}
|
|
99
99
|
className={`kol-section-newsletter w-full flex flex-col justify-center py-24 ${theme ? 'bg-surface-primary text-auto' : ''} ${minHeightClass(height)} ${className}`.replace(/\s+/g, ' ').trim()}
|
|
100
100
|
>
|
|
101
|
-
{/* the family's ONE cap — the shell's --kol-container-max ladder
|
|
101
|
+
{/* the family's ONE cap — the shell's --kol-container-max ladder — and
|
|
102
|
+
* inside it the lede's MEASURE on a wrapper (SectionNewsletterForm,
|
|
103
|
+
* 2026-08-27): a measure is a layout seam, not a `bodyClass` override
|
|
104
|
+
* on SectionText — the organism renders the molecule bare */}
|
|
102
105
|
<div className="w-full max-w-[var(--kol-container-max,var(--kol-content-shell,1800px))] mx-auto text-center">
|
|
106
|
+
<div className="mx-auto max-w-[64rem]">
|
|
103
107
|
<SectionText
|
|
104
108
|
align="center"
|
|
105
109
|
label={label}
|
|
106
110
|
headline={headline}
|
|
107
111
|
headlineSize={headlineSize}
|
|
108
112
|
body={body}
|
|
109
|
-
bodyClass="kol-mono-14 text-auto mx-auto max-w-[64rem]"
|
|
110
113
|
gap="gap-6"
|
|
111
114
|
slotClass={slotClass}
|
|
112
115
|
slotStyle={slotStyle}
|
|
113
116
|
>
|
|
117
|
+
{/* `w-full`: SectionText centres its children as flex items, so
|
|
118
|
+
* without it the form shrink-wraps and the Input's `w-full` has
|
|
119
|
+
* nothing to fill — it rendered at its intrinsic ~190px */}
|
|
114
120
|
<form
|
|
115
121
|
onSubmit={handleSubmit}
|
|
116
|
-
className="flex flex-col gap-4 pt-6 sm:flex-row sm:items-center sm:justify-center sm:gap-3"
|
|
122
|
+
className="flex w-full flex-col gap-4 pt-6 sm:flex-row sm:items-center sm:justify-center sm:gap-3"
|
|
117
123
|
>
|
|
118
124
|
<Input
|
|
119
125
|
id={emailId}
|
|
@@ -147,6 +153,7 @@ export default function SectionNewsletter({
|
|
|
147
153
|
</p>
|
|
148
154
|
)}
|
|
149
155
|
</SectionText>
|
|
156
|
+
</div>
|
|
150
157
|
</div>
|
|
151
158
|
</section>
|
|
152
159
|
)
|