quirk-ui 0.0.313 → 0.0.314

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.
Files changed (2) hide show
  1. package/dist/next/blocks/HeroBlock/index.js +54 -51
  2. package/package.json +1 -1
package/dist/next/blocks/HeroBlock/index.js CHANGED
@@ -15,7 +15,7 @@ import '../../../assets/index45.css';/**
15
15
  const H = [
16
16
  ["rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", key: "zuxfzm" }],
17
17
  ["rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", key: "1okwgv" }]
18
- ], L = W("pause", H), E = "_hero_c7i2h_1", V = "_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 = {
18
+ ], L = W("pause", H), E = "_hero_c7i2h_1", V = "_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", te = "_iframe_c7i2h_375", l = {
19
19
  hero: E,
20
20
  container: V,
21
21
  eyebrow: Y,
@@ -35,12 +35,12 @@ const H = [
35
35
  videoControl: ee,
36
36
  videoWrapper: le,
37
37
  videoBackground: re,
38
- iframe: se
38
+ iframe: te
39
39
  };
40
40
  function me({
41
- heading: t,
41
+ heading: s,
42
42
  image: r,
43
- video: s,
43
+ video: t,
44
44
  callToAction: u,
45
45
  pageData: o,
46
46
  styleOptions: _
@@ -62,37 +62,40 @@ function me({
62
62
  const i = m.current;
63
63
  i && (a ? i.pause() : i.play());
64
64
  }, [a]);
65
- const h = /* @__PURE__ */ e(
66
- "button",
67
- {
68
- title: `${k ? "Pause the video" : "Play the video"}`,
69
- className: l.videoControl,
70
- onClick: () => {
71
- const i = m.current;
72
- i && (i.paused ? (i.play().catch(() => {
73
- }), x(!0)) : (i.pause(), x(!1)));
74
- },
75
- children: k ? /* @__PURE__ */ e(L, { size: 18 }) : /* @__PURE__ */ e(j, { size: 18 })
76
- }
77
- ), B = () => {
78
- if (!s) return null;
79
- const i = s.includes("vimeo.com"), y = s.includes("youtube.com") || s.includes("youtu.be");
65
+ function h() {
66
+ return /* @__PURE__ */ e(
67
+ "button",
68
+ {
69
+ title: `${k ? "Pause the video" : "Play the video"}`,
70
+ className: l.videoControl,
71
+ onClick: () => {
72
+ const i = m.current;
73
+ i && (i.paused ? (i.play().catch(() => {
74
+ }), x(!0)) : (i.pause(), x(!1)));
75
+ },
76
+ children: k ? /* @__PURE__ */ e(L, { size: 18 }) : /* @__PURE__ */ e(j, { size: 18 })
77
+ }
78
+ );
79
+ }
80
+ const B = () => {
81
+ if (!t) return null;
82
+ const i = t.includes("vimeo.com"), y = t.includes("youtube.com") || t.includes("youtu.be");
80
83
  return i || y ? /* @__PURE__ */ e("div", { className: l.videoWrapper, children: /* @__PURE__ */ e(
81
84
  "iframe",
82
85
  {
83
- src: i ? `${s}?autoplay=1&muted=1&loop=1&background=1` : `${s}?autoplay=1&mute=1&loop=1&playlist=${w(
84
- s
86
+ src: i ? `${t}?autoplay=1&muted=1&loop=1&background=1` : `${t}?autoplay=1&mute=1&loop=1&playlist=${w(
87
+ t
85
88
  )}`,
86
89
  allow: "autoplay; fullscreen",
87
90
  allowFullScreen: !0
88
91
  }
89
92
  ) }) : /* @__PURE__ */ c("div", { className: l.videoWrapper, children: [
90
- h,
93
+ h(),
91
94
  /* @__PURE__ */ e(
92
95
  "video",
93
96
  {
94
97
  ref: m,
95
- src: s,
98
+ src: t,
96
99
  autoPlay: !a,
97
100
  loop: !0,
98
101
  muted: !0,
@@ -120,10 +123,10 @@ function me({
120
123
  return /* @__PURE__ */ e("section", { className: `${l.hero} ${l.split}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
121
124
  /* @__PURE__ */ c("div", { className: l.text, children: [
122
125
  /* @__PURE__ */ c("div", { children: [
123
- t.eyebrow && /* @__PURE__ */ e(n, { className: l.eyebrow, blocks: t.eyebrow }),
124
- /* @__PURE__ */ e(n, { blocks: t.title })
126
+ s.eyebrow && /* @__PURE__ */ e(n, { className: l.eyebrow, blocks: s.eyebrow }),
127
+ /* @__PURE__ */ e(n, { blocks: s.title })
125
128
  ] }),
126
- t.description && /* @__PURE__ */ e(n, { blocks: t.description }),
129
+ s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
127
130
  u && /* @__PURE__ */ e(
128
131
  p,
129
132
  {
@@ -131,25 +134,25 @@ function me({
131
134
  alignment: u.alignment
132
135
  }
133
136
  ),
134
- t.disclaimer && /* @__PURE__ */ e(
137
+ s.disclaimer && /* @__PURE__ */ e(
135
138
  n,
136
139
  {
137
140
  className: l.disclaimer,
138
- blocks: t.disclaimer
141
+ blocks: s.disclaimer
139
142
  }
140
143
  )
141
144
  ] }),
142
- s ? B() : P()
145
+ t ? B() : P()
143
146
  ] }) });
144
147
  if (d === "default")
145
148
  return /* @__PURE__ */ e("section", { className: `${l.hero} ${b}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
146
- s ? B() : P(),
149
+ t ? B() : P(),
147
150
  /* @__PURE__ */ c("div", { className: l.text, children: [
148
151
  /* @__PURE__ */ c("div", { children: [
149
- t.eyebrow && /* @__PURE__ */ e(n, { className: l.eyebrow, blocks: t.eyebrow }),
150
- /* @__PURE__ */ e(n, { blocks: t.title })
152
+ s.eyebrow && /* @__PURE__ */ e(n, { className: l.eyebrow, blocks: s.eyebrow }),
153
+ /* @__PURE__ */ e(n, { blocks: s.title })
151
154
  ] }),
152
- t.description && /* @__PURE__ */ e(n, { blocks: t.description }),
155
+ s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
153
156
  u && /* @__PURE__ */ e(
154
157
  p,
155
158
  {
@@ -161,24 +164,24 @@ function me({
161
164
  ] }) });
162
165
  if (d === "full-bleed")
163
166
  return /* @__PURE__ */ e("section", { className: `${l.hero} ${b}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
164
- s ? s.includes("vimeo.com") || s.includes("youtube.com") || s.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: l.videoBackground, children: /* @__PURE__ */ e(
167
+ t ? t.includes("vimeo.com") || t.includes("youtube.com") || t.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: l.videoBackground, children: /* @__PURE__ */ e(
165
168
  "iframe",
166
169
  {
167
- src: s.includes("vimeo.com") ? `${s}?autoplay=1&muted=1&loop=1&background=1` : `${s}?autoplay=1&mute=1&loop=1&playlist=${w(
168
- s
170
+ src: t.includes("vimeo.com") ? `${t}?autoplay=1&muted=1&loop=1&background=1` : `${t}?autoplay=1&mute=1&loop=1&playlist=${w(
171
+ t
169
172
  )}`,
170
173
  className: l.iframe,
171
174
  allow: "autoplay; fullscreen",
172
175
  allowFullScreen: !0
173
176
  }
174
177
  ) }) : /* @__PURE__ */ c(v, { children: [
175
- h,
178
+ h(),
176
179
  /* @__PURE__ */ e(
177
180
  "video",
178
181
  {
179
182
  ref: m,
180
183
  className: l.videoBackground,
181
- src: s,
184
+ src: t,
182
185
  autoPlay: !a,
183
186
  loop: !0,
184
187
  muted: !0,
@@ -200,16 +203,16 @@ function me({
200
203
  ),
201
204
  /* @__PURE__ */ e("div", { className: l.overlay, children: /* @__PURE__ */ c("div", { className: l.text, children: [
202
205
  /* @__PURE__ */ c("div", { children: [
203
- t.eyebrow && /* @__PURE__ */ e(
206
+ s.eyebrow && /* @__PURE__ */ e(
204
207
  n,
205
208
  {
206
209
  className: l.eyebrow,
207
- blocks: t.eyebrow
210
+ blocks: s.eyebrow
208
211
  }
209
212
  ),
210
- /* @__PURE__ */ e(n, { blocks: t.title })
213
+ /* @__PURE__ */ e(n, { blocks: s.title })
211
214
  ] }),
212
- t.description && /* @__PURE__ */ e(n, { blocks: t.description }),
215
+ s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
213
216
  u && /* @__PURE__ */ e(
214
217
  p,
215
218
  {
@@ -221,24 +224,24 @@ function me({
221
224
  ] }) });
222
225
  if (d === "blog")
223
226
  return /* @__PURE__ */ e("section", { className: `${l.hero} ${b}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
224
- s ? s.includes("vimeo.com") || s.includes("youtube.com") || s.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: l.videoBackground, children: /* @__PURE__ */ e(
227
+ t ? t.includes("vimeo.com") || t.includes("youtube.com") || t.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: l.videoBackground, children: /* @__PURE__ */ e(
225
228
  "iframe",
226
229
  {
227
- src: s.includes("vimeo.com") ? `${s}?autoplay=1&muted=1&loop=1&background=1` : `${s}?autoplay=1&mute=1&loop=1&playlist=${w(
228
- s
230
+ src: t.includes("vimeo.com") ? `${t}?autoplay=1&muted=1&loop=1&background=1` : `${t}?autoplay=1&mute=1&loop=1&playlist=${w(
231
+ t
229
232
  )}`,
230
233
  className: l.iframe,
231
234
  allow: "autoplay; fullscreen",
232
235
  allowFullScreen: !0
233
236
  }
234
237
  ) }) : /* @__PURE__ */ c(v, { children: [
235
- h,
238
+ h(),
236
239
  /* @__PURE__ */ e(
237
240
  "video",
238
241
  {
239
242
  ref: m,
240
243
  className: l.videoBackground,
241
- src: s,
244
+ src: t,
242
245
  autoPlay: !a,
243
246
  loop: !0,
244
247
  muted: !0,
@@ -260,11 +263,11 @@ function me({
260
263
  ),
261
264
  /* @__PURE__ */ e("div", { className: l.overlay, children: /* @__PURE__ */ c("div", { className: l.text, children: [
262
265
  /* @__PURE__ */ c("div", { children: [
263
- t.eyebrow && /* @__PURE__ */ e(
266
+ s.eyebrow && /* @__PURE__ */ e(
264
267
  n,
265
268
  {
266
269
  className: l.eyebrow,
267
- blocks: t.eyebrow
270
+ blocks: s.eyebrow
268
271
  }
269
272
  ),
270
273
  o && /* @__PURE__ */ c("div", { className: l.articleDetails, children: [
@@ -280,9 +283,9 @@ function me({
280
283
  "min read"
281
284
  ] }) })
282
285
  ] }),
283
- /* @__PURE__ */ e(n, { blocks: t.title })
286
+ /* @__PURE__ */ e(n, { blocks: s.title })
284
287
  ] }),
285
- t.description && /* @__PURE__ */ e(n, { blocks: t.description }),
288
+ s.description && /* @__PURE__ */ e(n, { blocks: s.description }),
286
289
  u && /* @__PURE__ */ e(
287
290
  p,
288
291
  {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.313",
4
+ "version": "0.0.314",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {