@neowhale/storefront 0.2.41 → 0.2.43
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/landing.global.js +47 -49
- package/dist/react/index.cjs +47 -49
- package/dist/react/index.cjs.map +1 -1
- package/dist/react/index.js +47 -49
- package/dist/react/index.js.map +1 -1
- package/package.json +1 -1
package/dist/landing.global.js
CHANGED
|
@@ -557,21 +557,20 @@ var WhaleStorefront = (function (exports) {
|
|
|
557
557
|
const c = section.content;
|
|
558
558
|
const images = c.images || [];
|
|
559
559
|
if (images.length === 0) return null;
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
/* @__PURE__ */ jsx(
|
|
560
|
+
c.overlay_opacity ?? 0.45;
|
|
561
|
+
const count = Math.min(images.length, 5);
|
|
562
|
+
return /* @__PURE__ */ jsx("div", { style: { width: "100%", overflow: "hidden", position: "relative" }, children: [
|
|
563
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
564
|
+
display: "grid",
|
|
565
|
+
gridTemplateColumns: count >= 4 ? "repeat(4, 1fr)" : "repeat(2, 1fr)",
|
|
566
|
+
gridTemplateRows: count >= 4 ? "minmax(0, 28vh) minmax(0, 28vh)" : "minmax(0, 50vh)",
|
|
567
|
+
gap: "2px"
|
|
568
|
+
}, children: images.slice(0, count).map((img, i) => /* @__PURE__ */ jsx("div", { style: {
|
|
569
|
+
gridColumn: i === 0 && count >= 4 ? "span 2" : void 0,
|
|
570
|
+
gridRow: i === 0 && count >= 4 ? "span 2" : void 0,
|
|
571
|
+
overflow: "hidden",
|
|
572
|
+
background: theme.surface
|
|
573
|
+
}, children: /* @__PURE__ */ jsx(
|
|
575
574
|
"img",
|
|
576
575
|
{
|
|
577
576
|
src: img.url,
|
|
@@ -579,41 +578,40 @@ var WhaleStorefront = (function (exports) {
|
|
|
579
578
|
loading: i < 3 ? "eager" : "lazy",
|
|
580
579
|
style: { width: "100%", height: "100%", objectFit: "cover", display: "block" }
|
|
581
580
|
}
|
|
582
|
-
),
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
] })
|
|
581
|
+
) }, i)) }),
|
|
582
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
583
|
+
position: "absolute",
|
|
584
|
+
inset: 0,
|
|
585
|
+
background: "linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.2) 40%, transparent 60%)",
|
|
586
|
+
pointerEvents: "none"
|
|
587
|
+
} }),
|
|
588
|
+
/* @__PURE__ */ jsx("div", { style: {
|
|
589
|
+
position: "absolute",
|
|
590
|
+
bottom: 0,
|
|
591
|
+
left: 0,
|
|
592
|
+
right: 0,
|
|
593
|
+
padding: "clamp(1.25rem, 4vw, 2.5rem)",
|
|
594
|
+
zIndex: 1
|
|
595
|
+
}, children: [
|
|
596
|
+
c.title && /* @__PURE__ */ jsx("h1", { style: {
|
|
597
|
+
fontSize: "clamp(1.75rem, 7vw, 3rem)",
|
|
598
|
+
fontWeight: 300,
|
|
599
|
+
fontFamily: theme.fontDisplay || "inherit",
|
|
600
|
+
margin: 0,
|
|
601
|
+
lineHeight: 1.1,
|
|
602
|
+
letterSpacing: "-0.03em",
|
|
603
|
+
color: theme.fg
|
|
604
|
+
}, children: /* @__PURE__ */ jsx(AnimatedText, { text: c.title }) }),
|
|
605
|
+
c.subtitle && /* @__PURE__ */ jsx("p", { style: {
|
|
606
|
+
fontSize: "clamp(0.65rem, 1.8vw, 0.85rem)",
|
|
607
|
+
color: `${theme.fg}BB`,
|
|
608
|
+
margin: "0.5rem 0 0",
|
|
609
|
+
letterSpacing: "0.12em",
|
|
610
|
+
textTransform: "uppercase",
|
|
611
|
+
fontWeight: 400
|
|
612
|
+
}, children: c.subtitle })
|
|
615
613
|
] })
|
|
616
|
-
] }
|
|
614
|
+
] });
|
|
617
615
|
}
|
|
618
616
|
function GallerySection({ section, theme }) {
|
|
619
617
|
const { images } = section.content;
|
package/dist/react/index.cjs
CHANGED
|
@@ -2301,21 +2301,20 @@ function CollageHeroSection({ section, theme, tracking, onEvent }) {
|
|
|
2301
2301
|
const c = section.content;
|
|
2302
2302
|
const images = c.images || [];
|
|
2303
2303
|
if (images.length === 0) return null;
|
|
2304
|
-
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
|
|
2309
|
-
|
|
2310
|
-
|
|
2311
|
-
|
|
2312
|
-
|
|
2313
|
-
|
|
2314
|
-
|
|
2315
|
-
|
|
2316
|
-
|
|
2317
|
-
|
|
2318
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2304
|
+
c.overlay_opacity ?? 0.45;
|
|
2305
|
+
const count = Math.min(images.length, 5);
|
|
2306
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", overflow: "hidden", position: "relative" }, children: [
|
|
2307
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: {
|
|
2308
|
+
display: "grid",
|
|
2309
|
+
gridTemplateColumns: count >= 4 ? "repeat(4, 1fr)" : "repeat(2, 1fr)",
|
|
2310
|
+
gridTemplateRows: count >= 4 ? "minmax(0, 28vh) minmax(0, 28vh)" : "minmax(0, 50vh)",
|
|
2311
|
+
gap: "2px"
|
|
2312
|
+
}, children: images.slice(0, count).map((img, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
|
|
2313
|
+
gridColumn: i === 0 && count >= 4 ? "span 2" : void 0,
|
|
2314
|
+
gridRow: i === 0 && count >= 4 ? "span 2" : void 0,
|
|
2315
|
+
overflow: "hidden",
|
|
2316
|
+
background: theme.surface
|
|
2317
|
+
}, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2319
2318
|
"img",
|
|
2320
2319
|
{
|
|
2321
2320
|
src: img.url,
|
|
@@ -2323,41 +2322,40 @@ function CollageHeroSection({ section, theme, tracking, onEvent }) {
|
|
|
2323
2322
|
loading: i < 3 ? "eager" : "lazy",
|
|
2324
2323
|
style: { width: "100%", height: "100%", objectFit: "cover", display: "block" }
|
|
2325
2324
|
}
|
|
2326
|
-
),
|
|
2327
|
-
|
|
2328
|
-
|
|
2329
|
-
|
|
2330
|
-
|
|
2331
|
-
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
|
|
2336
|
-
|
|
2337
|
-
|
|
2338
|
-
|
|
2339
|
-
|
|
2340
|
-
|
|
2341
|
-
|
|
2342
|
-
|
|
2343
|
-
|
|
2344
|
-
|
|
2345
|
-
|
|
2346
|
-
|
|
2347
|
-
|
|
2348
|
-
|
|
2349
|
-
|
|
2350
|
-
|
|
2351
|
-
|
|
2352
|
-
|
|
2353
|
-
|
|
2354
|
-
|
|
2355
|
-
|
|
2356
|
-
|
|
2357
|
-
|
|
2358
|
-
] })
|
|
2325
|
+
) }, i)) }),
|
|
2326
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: {
|
|
2327
|
+
position: "absolute",
|
|
2328
|
+
inset: 0,
|
|
2329
|
+
background: "linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.2) 40%, transparent 60%)",
|
|
2330
|
+
pointerEvents: "none"
|
|
2331
|
+
} }),
|
|
2332
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
|
|
2333
|
+
position: "absolute",
|
|
2334
|
+
bottom: 0,
|
|
2335
|
+
left: 0,
|
|
2336
|
+
right: 0,
|
|
2337
|
+
padding: "clamp(1.25rem, 4vw, 2.5rem)",
|
|
2338
|
+
zIndex: 1
|
|
2339
|
+
}, children: [
|
|
2340
|
+
c.title && /* @__PURE__ */ jsxRuntime.jsx("h1", { style: {
|
|
2341
|
+
fontSize: "clamp(1.75rem, 7vw, 3rem)",
|
|
2342
|
+
fontWeight: 300,
|
|
2343
|
+
fontFamily: theme.fontDisplay || "inherit",
|
|
2344
|
+
margin: 0,
|
|
2345
|
+
lineHeight: 1.1,
|
|
2346
|
+
letterSpacing: "-0.03em",
|
|
2347
|
+
color: theme.fg
|
|
2348
|
+
}, children: /* @__PURE__ */ jsxRuntime.jsx(AnimatedText, { text: c.title }) }),
|
|
2349
|
+
c.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { style: {
|
|
2350
|
+
fontSize: "clamp(0.65rem, 1.8vw, 0.85rem)",
|
|
2351
|
+
color: `${theme.fg}BB`,
|
|
2352
|
+
margin: "0.5rem 0 0",
|
|
2353
|
+
letterSpacing: "0.12em",
|
|
2354
|
+
textTransform: "uppercase",
|
|
2355
|
+
fontWeight: 400
|
|
2356
|
+
}, children: c.subtitle })
|
|
2359
2357
|
] })
|
|
2360
|
-
] }
|
|
2358
|
+
] });
|
|
2361
2359
|
}
|
|
2362
2360
|
function GallerySection({ section, theme }) {
|
|
2363
2361
|
const { images } = section.content;
|