quirk-ui 0.0.334 → 0.0.337
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/main.d.ts +1 -1
- package/dist/next/blocks/HeroBlock/index.js +201 -187
- package/dist/next.d.ts +1 -1
- package/package.json +1 -1
package/dist/main.d.ts
CHANGED
|
@@ -736,7 +736,7 @@ declare type HeadingProps = {
|
|
|
736
736
|
className?: string;
|
|
737
737
|
} & default_2.HTMLAttributes<HTMLHeadingElement>;
|
|
738
738
|
|
|
739
|
-
export declare function HeroBlock({ heading, image, video, callToAction, pageData, styleOptions, }: HeroBlockProps): JSX.Element
|
|
739
|
+
export declare function HeroBlock({ heading, image, video, callToAction, pageData, styleOptions, }: HeroBlockProps): JSX.Element;
|
|
740
740
|
|
|
741
741
|
declare interface HeroBlockProps {
|
|
742
742
|
heading: {
|
|
@@ -2,7 +2,7 @@ import { jsx as e, jsxs as c, Fragment as v } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as U, useRef as z, useEffect as R } from "react";
|
|
3
3
|
import { useHeroContext as S } from "./HeroContext.js";
|
|
4
4
|
import { RichText as n } from "../../ui/PortableTextRenderer/index.js";
|
|
5
|
-
import { CallToActions as
|
|
5
|
+
import { CallToActions as _ } from "../../ui/CallToActions/index.js";
|
|
6
6
|
import N from "next/image";
|
|
7
7
|
import { usePrefersReducedMotion as T } from "../../hooks/usePrefersReducedMotion.js";
|
|
8
8
|
import { c as W } from "../../../createLucideIcon-C8GTh_Qx.js";
|
|
@@ -16,7 +16,7 @@ import '../../../assets/index46.css';/**
|
|
|
16
16
|
const H = [
|
|
17
17
|
["rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", key: "zuxfzm" }],
|
|
18
18
|
["rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", key: "1okwgv" }]
|
|
19
|
-
], L = W("pause", H), V = "_hero_c7i2h_1", E = "_container_c7i2h_7", Y = "_eyebrow_c7i2h_27", M = "_disclaimer_c7i2h_31", q = "_text_c7i2h_36", G = "_articleDetails_c7i2h_43", J = "_articleType_c7i2h_56", K = "_articleCategories_c7i2h_69", Q = "_category_c7i2h_75", X = "_number_c7i2h_90", Z = "_blog_c7i2h_117", O = "_overlay_c7i2h_141", A = "_fullBleed_c7i2h_211", D = "_split_c7i2h_305", g = "_image_c7i2h_310", ee = "_videoControl_c7i2h_333", le = "_videoWrapper_c7i2h_354", re = "_videoBackground_c7i2h_374",
|
|
19
|
+
], L = W("pause", H), V = "_hero_c7i2h_1", E = "_container_c7i2h_7", Y = "_eyebrow_c7i2h_27", M = "_disclaimer_c7i2h_31", q = "_text_c7i2h_36", G = "_articleDetails_c7i2h_43", J = "_articleType_c7i2h_56", K = "_articleCategories_c7i2h_69", Q = "_category_c7i2h_75", X = "_number_c7i2h_90", Z = "_blog_c7i2h_117", O = "_overlay_c7i2h_141", A = "_fullBleed_c7i2h_211", D = "_split_c7i2h_305", g = "_image_c7i2h_310", ee = "_videoControl_c7i2h_333", le = "_videoWrapper_c7i2h_354", re = "_videoBackground_c7i2h_374", se = "_iframe_c7i2h_375", l = {
|
|
20
20
|
hero: V,
|
|
21
21
|
container: E,
|
|
22
22
|
eyebrow: Y,
|
|
@@ -36,53 +36,53 @@ const H = [
|
|
|
36
36
|
videoControl: ee,
|
|
37
37
|
videoWrapper: le,
|
|
38
38
|
videoBackground: re,
|
|
39
|
-
iframe:
|
|
39
|
+
iframe: se
|
|
40
40
|
};
|
|
41
41
|
function ye({
|
|
42
|
-
heading:
|
|
42
|
+
heading: t,
|
|
43
43
|
image: r,
|
|
44
|
-
video:
|
|
44
|
+
video: s,
|
|
45
45
|
callToAction: u,
|
|
46
46
|
pageData: o,
|
|
47
|
-
styleOptions:
|
|
47
|
+
styleOptions: b
|
|
48
48
|
}) {
|
|
49
49
|
var I, F;
|
|
50
|
-
const
|
|
50
|
+
const d = T(), [k, x] = U(!d), { setIsFullbleedHeroAtTop: C } = S(), a = z(null), y = (b == null ? void 0 : b.layout) ?? "default", f = {
|
|
51
51
|
default: l.default,
|
|
52
52
|
split: l.split,
|
|
53
53
|
"full-bleed": l.fullBleed,
|
|
54
54
|
blog: l.blog
|
|
55
|
-
}[
|
|
55
|
+
}[y], $ = (I = o == null ? void 0 : o.categories) != null && I.length ? o == null ? void 0 : o.categories[0] : null, p = (F = o == null ? void 0 : o.categories) != null && F.length ? o == null ? void 0 : o.categories[1] : null;
|
|
56
56
|
R(() => {
|
|
57
57
|
const i = () => {
|
|
58
58
|
C(window.scrollY === 0);
|
|
59
59
|
};
|
|
60
|
-
if (
|
|
60
|
+
if (y === "full-bleed" && typeof window < "u")
|
|
61
61
|
return C(!0), window.addEventListener("scroll", i), () => window.removeEventListener("scroll", i);
|
|
62
|
-
}, [
|
|
63
|
-
const i =
|
|
64
|
-
i && (
|
|
65
|
-
}, [
|
|
62
|
+
}, [y]), R(() => {
|
|
63
|
+
const i = a.current;
|
|
64
|
+
i && (d ? i.pause() : i.play());
|
|
65
|
+
}, [d]);
|
|
66
66
|
const h = () => /* @__PURE__ */ e(
|
|
67
67
|
"button",
|
|
68
68
|
{
|
|
69
69
|
title: `${k ? "Pause the video" : "Play the video"}`,
|
|
70
70
|
className: l.videoControl,
|
|
71
71
|
onClick: () => {
|
|
72
|
-
const i =
|
|
72
|
+
const i = a.current;
|
|
73
73
|
i && (i.paused ? (i.play().catch(() => {
|
|
74
74
|
}), x(!0)) : (i.pause(), x(!1)));
|
|
75
75
|
},
|
|
76
76
|
children: k ? /* @__PURE__ */ e(L, { size: 18 }) : /* @__PURE__ */ e(j, { size: 18 })
|
|
77
77
|
}
|
|
78
78
|
), B = () => {
|
|
79
|
-
if (!
|
|
80
|
-
const i =
|
|
81
|
-
return i ||
|
|
79
|
+
if (!s) return null;
|
|
80
|
+
const i = s.includes("vimeo.com"), m = s.includes("youtube.com") || s.includes("youtu.be");
|
|
81
|
+
return i || m ? /* @__PURE__ */ e("div", { className: l.videoWrapper, children: /* @__PURE__ */ e(
|
|
82
82
|
"iframe",
|
|
83
83
|
{
|
|
84
|
-
src: i ? `${
|
|
85
|
-
|
|
84
|
+
src: i ? `${s}?autoplay=1&muted=1&loop=1&background=1` : `${s}?autoplay=1&mute=1&loop=1&playlist=${w(
|
|
85
|
+
s
|
|
86
86
|
)}`,
|
|
87
87
|
allow: "autoplay; fullscreen",
|
|
88
88
|
allowFullScreen: !0
|
|
@@ -92,9 +92,9 @@ function ye({
|
|
|
92
92
|
/* @__PURE__ */ e(
|
|
93
93
|
"video",
|
|
94
94
|
{
|
|
95
|
-
ref:
|
|
96
|
-
src:
|
|
97
|
-
autoPlay: !
|
|
95
|
+
ref: a,
|
|
96
|
+
src: s,
|
|
97
|
+
autoPlay: !d,
|
|
98
98
|
loop: !0,
|
|
99
99
|
muted: !0,
|
|
100
100
|
playsInline: !0,
|
|
@@ -104,8 +104,8 @@ function ye({
|
|
|
104
104
|
] });
|
|
105
105
|
};
|
|
106
106
|
function w(i) {
|
|
107
|
-
const
|
|
108
|
-
return (
|
|
107
|
+
const m = i.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);
|
|
108
|
+
return (m == null ? void 0 : m[1]) || "";
|
|
109
109
|
}
|
|
110
110
|
const P = () => r && r.imageUrl ? /* @__PURE__ */ e("div", { className: l.image, children: /* @__PURE__ */ e(
|
|
111
111
|
N,
|
|
@@ -117,182 +117,196 @@ function ye({
|
|
|
117
117
|
priority: !0
|
|
118
118
|
}
|
|
119
119
|
) }) : null;
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
/* @__PURE__ */ c("
|
|
123
|
-
/* @__PURE__ */ c("div", { children: [
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
/* @__PURE__ */ c("div", { children: [
|
|
150
|
-
s.eyebrow && /* @__PURE__ */ e(n, { className: l.eyebrow, blocks: s.eyebrow }),
|
|
151
|
-
/* @__PURE__ */ e(n, { blocks: s.title })
|
|
120
|
+
switch (y) {
|
|
121
|
+
case "split":
|
|
122
|
+
return /* @__PURE__ */ e("section", { className: `${l.hero} ${l.split}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
|
|
123
|
+
/* @__PURE__ */ c("div", { className: l.text, children: [
|
|
124
|
+
/* @__PURE__ */ c("div", { children: [
|
|
125
|
+
t.eyebrow && /* @__PURE__ */ e(
|
|
126
|
+
n,
|
|
127
|
+
{
|
|
128
|
+
className: l.eyebrow,
|
|
129
|
+
blocks: t.eyebrow
|
|
130
|
+
}
|
|
131
|
+
),
|
|
132
|
+
/* @__PURE__ */ e(n, { blocks: t.title })
|
|
133
|
+
] }),
|
|
134
|
+
t.description && /* @__PURE__ */ e(n, { blocks: t.description }),
|
|
135
|
+
u && /* @__PURE__ */ e(
|
|
136
|
+
_,
|
|
137
|
+
{
|
|
138
|
+
items: u.items,
|
|
139
|
+
alignment: u.alignment
|
|
140
|
+
}
|
|
141
|
+
),
|
|
142
|
+
t.disclaimer && /* @__PURE__ */ e(
|
|
143
|
+
n,
|
|
144
|
+
{
|
|
145
|
+
className: l.disclaimer,
|
|
146
|
+
blocks: t.disclaimer
|
|
147
|
+
}
|
|
148
|
+
)
|
|
152
149
|
] }),
|
|
153
|
-
s
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
150
|
+
s ? /* @__PURE__ */ e(B, {}) : /* @__PURE__ */ e(P, {})
|
|
151
|
+
] }) });
|
|
152
|
+
case "default":
|
|
153
|
+
return /* @__PURE__ */ e("section", { className: `${l.hero} ${f}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
|
|
154
|
+
s ? /* @__PURE__ */ e(B, {}) : /* @__PURE__ */ e(P, {}),
|
|
155
|
+
/* @__PURE__ */ c("div", { className: l.text, children: [
|
|
156
|
+
/* @__PURE__ */ c("div", { children: [
|
|
157
|
+
t.eyebrow && /* @__PURE__ */ e(
|
|
158
|
+
n,
|
|
159
|
+
{
|
|
160
|
+
className: l.eyebrow,
|
|
161
|
+
blocks: t.eyebrow
|
|
162
|
+
}
|
|
163
|
+
),
|
|
164
|
+
/* @__PURE__ */ e(n, { blocks: t.title })
|
|
165
|
+
] }),
|
|
166
|
+
t.description && /* @__PURE__ */ e(n, { blocks: t.description }),
|
|
167
|
+
u && /* @__PURE__ */ e(
|
|
168
|
+
_,
|
|
169
|
+
{
|
|
170
|
+
items: u.items,
|
|
171
|
+
alignment: u.alignment
|
|
172
|
+
}
|
|
173
|
+
)
|
|
174
|
+
] })
|
|
175
|
+
] }) });
|
|
176
|
+
case "full-bleed":
|
|
177
|
+
return /* @__PURE__ */ e("section", { className: `${l.hero} ${f}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
|
|
178
|
+
s ? s.includes("vimeo.com") || s.includes("youtube.com") || s.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: l.videoBackground, children: /* @__PURE__ */ e(
|
|
179
|
+
"iframe",
|
|
179
180
|
{
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
playsInline: !0,
|
|
187
|
-
poster: (r == null ? void 0 : r.imageUrl) || void 0
|
|
181
|
+
src: s.includes("vimeo.com") ? `${s}?autoplay=1&muted=1&loop=1&background=1` : `${s}?autoplay=1&mute=1&loop=1&playlist=${w(
|
|
182
|
+
s
|
|
183
|
+
)}`,
|
|
184
|
+
className: l.iframe,
|
|
185
|
+
allow: "autoplay; fullscreen",
|
|
186
|
+
allowFullScreen: !0
|
|
188
187
|
}
|
|
189
|
-
)
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
src: (r == null ? void 0 : r.imageUrl) ?? "",
|
|
194
|
-
alt: (r == null ? void 0 : r.asset.altText) || (r == null ? void 0 : r.asset.description) || "Card image",
|
|
195
|
-
fill: !0,
|
|
196
|
-
priority: !0,
|
|
197
|
-
style: { objectFit: "cover" },
|
|
198
|
-
draggable: !1,
|
|
199
|
-
sizes: "(min-width: 500px) 500px, 100vw"
|
|
200
|
-
}
|
|
201
|
-
),
|
|
202
|
-
/* @__PURE__ */ e("div", { className: l.overlay, children: /* @__PURE__ */ c("div", { className: l.text, children: [
|
|
203
|
-
/* @__PURE__ */ c("div", { children: [
|
|
204
|
-
s.eyebrow && /* @__PURE__ */ e(
|
|
205
|
-
n,
|
|
188
|
+
) }) : /* @__PURE__ */ c(v, { children: [
|
|
189
|
+
/* @__PURE__ */ e(h, {}),
|
|
190
|
+
/* @__PURE__ */ e(
|
|
191
|
+
"video",
|
|
206
192
|
{
|
|
207
|
-
|
|
208
|
-
|
|
193
|
+
ref: a,
|
|
194
|
+
className: l.videoBackground,
|
|
195
|
+
src: s,
|
|
196
|
+
autoPlay: !d,
|
|
197
|
+
loop: !0,
|
|
198
|
+
muted: !0,
|
|
199
|
+
playsInline: !0,
|
|
200
|
+
poster: (r == null ? void 0 : r.imageUrl) || void 0
|
|
209
201
|
}
|
|
210
|
-
)
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
|
|
214
|
-
u && /* @__PURE__ */ e(
|
|
215
|
-
p,
|
|
202
|
+
)
|
|
203
|
+
] }) : /* @__PURE__ */ e(
|
|
204
|
+
N,
|
|
216
205
|
{
|
|
217
|
-
|
|
218
|
-
|
|
206
|
+
src: (r == null ? void 0 : r.imageUrl) ?? "",
|
|
207
|
+
alt: (r == null ? void 0 : r.asset.altText) || (r == null ? void 0 : r.asset.description) || "Card image",
|
|
208
|
+
fill: !0,
|
|
209
|
+
priority: !0,
|
|
210
|
+
style: { objectFit: "cover" },
|
|
211
|
+
draggable: !1,
|
|
212
|
+
sizes: "(min-width: 500px) 500px, 100vw"
|
|
219
213
|
}
|
|
220
|
-
)
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
214
|
+
),
|
|
215
|
+
/* @__PURE__ */ e("div", { className: l.overlay, children: /* @__PURE__ */ c("div", { className: l.text, children: [
|
|
216
|
+
/* @__PURE__ */ c("div", { children: [
|
|
217
|
+
t.eyebrow && /* @__PURE__ */ e(
|
|
218
|
+
n,
|
|
219
|
+
{
|
|
220
|
+
className: l.eyebrow,
|
|
221
|
+
blocks: t.eyebrow
|
|
222
|
+
}
|
|
223
|
+
),
|
|
224
|
+
/* @__PURE__ */ e(n, { blocks: t.title })
|
|
225
|
+
] }),
|
|
226
|
+
t.description && /* @__PURE__ */ e(n, { blocks: t.description }),
|
|
227
|
+
u && /* @__PURE__ */ e(
|
|
228
|
+
_,
|
|
229
|
+
{
|
|
230
|
+
items: u.items,
|
|
231
|
+
alignment: u.alignment
|
|
232
|
+
}
|
|
233
|
+
)
|
|
234
|
+
] }) })
|
|
235
|
+
] }) });
|
|
236
|
+
case "blog":
|
|
237
|
+
return /* @__PURE__ */ e("section", { className: `${l.hero} ${f}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
|
|
238
|
+
s ? s.includes("vimeo.com") || s.includes("youtube.com") || s.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: l.videoBackground, children: /* @__PURE__ */ e(
|
|
239
|
+
"iframe",
|
|
239
240
|
{
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
playsInline: !0,
|
|
247
|
-
poster: (r == null ? void 0 : r.imageUrl) || void 0
|
|
241
|
+
src: s.includes("vimeo.com") ? `${s}?autoplay=1&muted=1&loop=1&background=1` : `${s}?autoplay=1&mute=1&loop=1&playlist=${w(
|
|
242
|
+
s
|
|
243
|
+
)}`,
|
|
244
|
+
className: l.iframe,
|
|
245
|
+
allow: "autoplay; fullscreen",
|
|
246
|
+
allowFullScreen: !0
|
|
248
247
|
}
|
|
249
|
-
)
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
src: (r == null ? void 0 : r.imageUrl) ?? "",
|
|
254
|
-
alt: (r == null ? void 0 : r.asset.altText) || (r == null ? void 0 : r.asset.description) || "Card image",
|
|
255
|
-
fill: !0,
|
|
256
|
-
priority: !0,
|
|
257
|
-
style: { objectFit: "cover" },
|
|
258
|
-
draggable: !1,
|
|
259
|
-
sizes: "(min-width: 500px) 500px, 100vw"
|
|
260
|
-
}
|
|
261
|
-
),
|
|
262
|
-
/* @__PURE__ */ e("div", { className: l.overlay, children: /* @__PURE__ */ c("div", { className: l.text, children: [
|
|
263
|
-
/* @__PURE__ */ c("div", { children: [
|
|
264
|
-
s.eyebrow && /* @__PURE__ */ e(
|
|
265
|
-
n,
|
|
248
|
+
) }) : /* @__PURE__ */ c(v, { children: [
|
|
249
|
+
/* @__PURE__ */ e(h, {}),
|
|
250
|
+
/* @__PURE__ */ e(
|
|
251
|
+
"video",
|
|
266
252
|
{
|
|
267
|
-
|
|
268
|
-
|
|
253
|
+
ref: a,
|
|
254
|
+
className: l.videoBackground,
|
|
255
|
+
src: s,
|
|
256
|
+
autoPlay: !d,
|
|
257
|
+
loop: !0,
|
|
258
|
+
muted: !0,
|
|
259
|
+
playsInline: !0,
|
|
260
|
+
poster: (r == null ? void 0 : r.imageUrl) || void 0
|
|
269
261
|
}
|
|
270
|
-
)
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
/* @__PURE__ */ c("div", { className: l.articleCategories, children: [
|
|
274
|
-
$ && /* @__PURE__ */ e("span", { className: l.category, children: $.title }),
|
|
275
|
-
f && f.title.toLowerCase() !== "library" && !f.slug.current.includes(
|
|
276
|
-
"keywords"
|
|
277
|
-
) && /* @__PURE__ */ e("span", { className: l.category, children: f.title })
|
|
278
|
-
] }),
|
|
279
|
-
o.timeToRead && /* @__PURE__ */ e(v, { children: /* @__PURE__ */ c("span", { children: [
|
|
280
|
-
/* @__PURE__ */ e("span", { className: l.number, children: o.timeToRead }),
|
|
281
|
-
"min read"
|
|
282
|
-
] }) })
|
|
283
|
-
] }),
|
|
284
|
-
/* @__PURE__ */ e(n, { blocks: s.title })
|
|
285
|
-
] }),
|
|
286
|
-
s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
|
|
287
|
-
u && /* @__PURE__ */ e(
|
|
288
|
-
p,
|
|
262
|
+
)
|
|
263
|
+
] }) : /* @__PURE__ */ e(
|
|
264
|
+
N,
|
|
289
265
|
{
|
|
290
|
-
|
|
291
|
-
|
|
266
|
+
src: (r == null ? void 0 : r.imageUrl) ?? "",
|
|
267
|
+
alt: (r == null ? void 0 : r.asset.altText) || (r == null ? void 0 : r.asset.description) || "Card image",
|
|
268
|
+
fill: !0,
|
|
269
|
+
priority: !0,
|
|
270
|
+
style: { objectFit: "cover" },
|
|
271
|
+
draggable: !1,
|
|
272
|
+
sizes: "(min-width: 500px) 500px, 100vw"
|
|
292
273
|
}
|
|
293
|
-
)
|
|
294
|
-
|
|
295
|
-
|
|
274
|
+
),
|
|
275
|
+
/* @__PURE__ */ e("div", { className: l.overlay, children: /* @__PURE__ */ c("div", { className: l.text, children: [
|
|
276
|
+
/* @__PURE__ */ c("div", { children: [
|
|
277
|
+
t.eyebrow && /* @__PURE__ */ e(
|
|
278
|
+
n,
|
|
279
|
+
{
|
|
280
|
+
className: l.eyebrow,
|
|
281
|
+
blocks: t.eyebrow
|
|
282
|
+
}
|
|
283
|
+
),
|
|
284
|
+
o && /* @__PURE__ */ c("div", { className: l.articleDetails, children: [
|
|
285
|
+
o.articleType && /* @__PURE__ */ e("div", { className: l.articleType, children: o.articleType }),
|
|
286
|
+
/* @__PURE__ */ c("div", { className: l.articleCategories, children: [
|
|
287
|
+
$ && /* @__PURE__ */ e("span", { className: l.category, children: $.title }),
|
|
288
|
+
p && p.title.toLowerCase() !== "library" && !p.slug.current.includes(
|
|
289
|
+
"keywords"
|
|
290
|
+
) && /* @__PURE__ */ e("span", { className: l.category, children: p.title })
|
|
291
|
+
] }),
|
|
292
|
+
o.timeToRead && /* @__PURE__ */ e(v, { children: /* @__PURE__ */ c("span", { children: [
|
|
293
|
+
/* @__PURE__ */ e("span", { className: l.number, children: o.timeToRead }),
|
|
294
|
+
"min read"
|
|
295
|
+
] }) })
|
|
296
|
+
] }),
|
|
297
|
+
/* @__PURE__ */ e(n, { blocks: t.title })
|
|
298
|
+
] }),
|
|
299
|
+
t.description && /* @__PURE__ */ e(n, { blocks: t.description }),
|
|
300
|
+
u && /* @__PURE__ */ e(
|
|
301
|
+
_,
|
|
302
|
+
{
|
|
303
|
+
items: u.items,
|
|
304
|
+
alignment: u.alignment
|
|
305
|
+
}
|
|
306
|
+
)
|
|
307
|
+
] }) })
|
|
308
|
+
] }) });
|
|
309
|
+
}
|
|
296
310
|
}
|
|
297
311
|
export {
|
|
298
312
|
ye as HeroBlock
|
package/dist/next.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ declare type externalUrlOptions = {
|
|
|
6
6
|
externalUrl: string;
|
|
7
7
|
};
|
|
8
8
|
|
|
9
|
-
export declare function HeroBlock({ heading, image, video, callToAction, pageData, styleOptions, }: HeroBlockProps): JSX.Element
|
|
9
|
+
export declare function HeroBlock({ heading, image, video, callToAction, pageData, styleOptions, }: HeroBlockProps): JSX.Element;
|
|
10
10
|
|
|
11
11
|
declare interface HeroBlockProps {
|
|
12
12
|
heading: {
|