@snow-labs/brutal-ui 0.3.1 → 0.3.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/dist/components/brutal/cta-section.js +8 -4
- package/dist/components/brutal/cta-section.js.map +1 -1
- package/dist/components/brutal/hero.js +4 -4
- package/dist/components/brutal/hero.js.map +1 -1
- package/dist/components/brutal/index.js +12 -8
- package/dist/components/brutal/index.js.map +1 -1
- package/dist/index.js +12 -8
- package/dist/index.js.map +1 -1
- package/dist/templates/index.js +12 -8
- package/dist/templates/index.js.map +1 -1
- package/dist/templates/saas-launch.js +12 -8
- package/dist/templates/saas-launch.js.map +1 -1
- package/dist/templates/studio.js +12 -8
- package/dist/templates/studio.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3053,11 +3053,11 @@ function BrutalHero({
|
|
|
3053
3053
|
variant === "centered" && "mx-auto"
|
|
3054
3054
|
), children: description }),
|
|
3055
3055
|
/* @__PURE__ */ jsxs("div", { className: cn(
|
|
3056
|
-
"flex flex-
|
|
3057
|
-
variant === "centered" && "justify-center"
|
|
3056
|
+
"flex flex-col gap-3 sm:flex-row sm:gap-4",
|
|
3057
|
+
variant === "centered" && "sm:justify-center"
|
|
3058
3058
|
), children: [
|
|
3059
|
-
/* @__PURE__ */ jsx(Button, { variant: ctaVariant, size: "xl", render: /* @__PURE__ */ jsx("a", { href: ctaHref }), children: ctaText }),
|
|
3060
|
-
secondaryText && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "xl", render: /* @__PURE__ */ jsx("a", { href: secondaryHref || "#" }), children: secondaryText })
|
|
3059
|
+
/* @__PURE__ */ jsx(Button, { variant: ctaVariant, size: "xl", className: "w-full sm:w-auto", render: /* @__PURE__ */ jsx("a", { href: ctaHref }), children: ctaText }),
|
|
3060
|
+
secondaryText && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "xl", className: "w-full sm:w-auto", render: /* @__PURE__ */ jsx("a", { href: secondaryHref || "#" }), children: secondaryText })
|
|
3061
3061
|
] }),
|
|
3062
3062
|
proof && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-sm font-medium opacity-70", children: [
|
|
3063
3063
|
/* @__PURE__ */ jsx("span", { className: "inline-flex size-5 items-center justify-center border border-current text-xs", children: "\u2713" }),
|
|
@@ -3335,12 +3335,13 @@ function CTAButtons({
|
|
|
3335
3335
|
secondaryText,
|
|
3336
3336
|
secondaryHref
|
|
3337
3337
|
}) {
|
|
3338
|
-
return /* @__PURE__ */ jsxs("div", { className: "flex flex-
|
|
3338
|
+
return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:justify-center sm:gap-4", children: [
|
|
3339
3339
|
/* @__PURE__ */ jsx(
|
|
3340
3340
|
Button,
|
|
3341
3341
|
{
|
|
3342
3342
|
variant: ctaVariant,
|
|
3343
3343
|
size: "xl",
|
|
3344
|
+
className: "w-full sm:w-auto",
|
|
3344
3345
|
render: /* @__PURE__ */ jsx("a", { href: ctaHref }),
|
|
3345
3346
|
children: ctaText
|
|
3346
3347
|
}
|
|
@@ -3349,7 +3350,8 @@ function CTAButtons({
|
|
|
3349
3350
|
Button,
|
|
3350
3351
|
{
|
|
3351
3352
|
variant: "outline",
|
|
3352
|
-
size: "
|
|
3353
|
+
size: "xl",
|
|
3354
|
+
className: "w-full sm:w-auto",
|
|
3353
3355
|
render: /* @__PURE__ */ jsx("a", { href: secondaryHref || "#" }),
|
|
3354
3356
|
children: secondaryText
|
|
3355
3357
|
}
|
|
@@ -3379,12 +3381,13 @@ function SplitCTA(props) {
|
|
|
3379
3381
|
/* @__PURE__ */ jsx("h2", { className: "brutal-h1 mb-6", children: props.headline }),
|
|
3380
3382
|
props.description && /* @__PURE__ */ jsx("p", { className: "brutal-body mb-4 opacity-80", children: props.description }),
|
|
3381
3383
|
props.stats && /* @__PURE__ */ jsx("p", { className: "brutal-label mb-8 opacity-60", children: props.stats }),
|
|
3382
|
-
/* @__PURE__ */ jsxs("div", { className: "flex flex-
|
|
3384
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:gap-4", children: [
|
|
3383
3385
|
/* @__PURE__ */ jsx(
|
|
3384
3386
|
Button,
|
|
3385
3387
|
{
|
|
3386
3388
|
variant: props.ctaVariant || "cta",
|
|
3387
3389
|
size: "xl",
|
|
3390
|
+
className: "w-full sm:w-auto",
|
|
3388
3391
|
render: /* @__PURE__ */ jsx("a", { href: props.ctaHref || "#" }),
|
|
3389
3392
|
children: props.ctaText
|
|
3390
3393
|
}
|
|
@@ -3393,7 +3396,8 @@ function SplitCTA(props) {
|
|
|
3393
3396
|
Button,
|
|
3394
3397
|
{
|
|
3395
3398
|
variant: "outline",
|
|
3396
|
-
size: "
|
|
3399
|
+
size: "xl",
|
|
3400
|
+
className: "w-full sm:w-auto",
|
|
3397
3401
|
render: /* @__PURE__ */ jsx("a", { href: props.secondaryHref || "#" }),
|
|
3398
3402
|
children: props.secondaryText
|
|
3399
3403
|
}
|