@courtneyring/components-library 1.0.16 → 1.0.18
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/assets/Fifty.css +1 -1
- package/dist/assets/IconDetail.css +1 -1
- package/dist/assets/ImageTextBlock.css +1 -1
- package/dist/assets/OverlayHero.css +1 -1
- package/dist/components/Fifty/Fifty.js +23 -23
- package/dist/components/IconDetail/IconDetail.js +10 -10
- package/dist/components/ImageTextBlock/ImageTextBlock.js +18 -18
- package/dist/components/OverlayHero/OverlayHero.js +10 -10
- package/dist/index.js +30 -30
- package/package.json +1 -1
package/dist/assets/Fifty.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._content_1dv8r_2{padding:40px 20px}}@media (min-width: 390px){._content_1dv8r_2{padding:40px 30px}}@media (min-width: 625px){._content_1dv8r_2{padding:50px 30px}}@media (min-width: 800px) and (orientation: landscape){._content_1dv8r_2{padding:50px}}@media (min-width: 800px) and (orientation: portrait){._content_1dv8r_2{padding:30px}}@media (min-width: 992px){._content_1dv8r_2{padding:50px}}@media (min-width: 1200px){._content_1dv8r_2{padding:50px 100px}}@media (min-width: 1600px){._content_1dv8r_2{padding:150px}}._fifty_1dv8r_41{display:grid;grid-template-columns:1fr;width:100%}._fifty_1dv8r_41[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._fifty_1dv8r_41[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._fifty_1dv8r_41[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._fifty_1dv8r_41[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._fifty_1dv8r_41[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._fifty_1dv8r_41[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._fifty_1dv8r_41[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._fifty_1dv8r_41[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._fifty_1dv8r_41._reverse_1dv8r_79 ._content_1dv8r_2{align-items:flex-end}._fifty_1dv8r_41._reverse_1dv8r_79 ._image_1dv8r_82{justify-content:flex-start}._fifty_1dv8r_41:not(._reverse_1dv8r_79) ._content_1dv8r_2{align-items:flex-start}._fifty_1dv8r_41:not(._reverse_1dv8r_79) ._image_1dv8r_82{justify-content:flex-end}._content_1dv8r_2{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;order:1}@media (min-width: 0){._content_1dv8r_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._content_1dv8r_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._content_1dv8r_2 h2{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._content_1dv8r_2 h2{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._content_1dv8r_2 h2{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._content_1dv8r_2 h2{font-size:40px}}@media (min-width: 1200px){._content_1dv8r_2 h2{font-size:55px}}._content_1dv8r_2 h2{font-family:var(--font-secondary);margin-bottom:15px;line-height:1}@media (min-width: 0){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._content_1dv8r_2 ._text_1dv8r_145>p{line-height:1.7}}._content_1dv8r_2 ._text_1dv8r_145>p{margin-bottom:20px}._image_1dv8r_82{aspect-ratio:1;width:100%}._image_1dv8r_82 img{width:100%;height:100%;object-fit:cover;object-position:top}._ctas_1dv8r_198{display:flex}._ctas_1dv8r_198>*:not(:last-child){margin-right:5px}._text_1dv8r_145{display:flex;flex-direction:column;align-items:flex-start}._details_1dv8r_211{display:grid;grid-template-columns:1fr}@media (min-width: 625px){._details_1dv8r_211{grid-template-columns:1fr 1fr;width:100%}}@media (min-width: 800px){._content_1dv8r_2{padding-top:30px;padding-bottom:30px}._fifty_1dv8r_41{grid-template-columns:1fr 1fr;grid-template-rows:1fr}._fifty_1dv8r_41._reverse_1dv8r_79 ._content_1dv8r_2{order:-1}._image_1dv8r_82{aspect-ratio:unset}._text_1dv8r_145 h2,._text_1dv8r_145>p{margin-bottom:15px}}@media (min-width: 800px) and (orientation: portrait){._details_1dv8r_211{flex-direction:column}}@media (min-width: 800px) and (orientation: landscape){._details_1dv8r_211{width:100%}}@media (min-width: 992px){._fifty_1dv8r_41 ._content_1dv8r_2{padding:30px}._image_1dv8r_82{aspect-ratio:1}._text_1dv8r_145>p{margin-bottom:30px}}@media (min-width: 1200px){._fifty_1dv8r_41 ._content_1dv8r_2{padding:100px}._text_1dv8r_145 h2{margin-bottom:30px}._text_1dv8r_145>p{margin-bottom:40px}._ctas_1dv8r_198>*:not(:last-child){margin-right:10px}}@media (min-width: 1600px){._text_1dv8r_145{max-width:90%}._text_1dv8r_145 h2{margin-bottom:50px}._text_1dv8r_145>p{margin-bottom:50px}._content_1dv8r_2:not(._reverse_1dv8r_79){align-items:center}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._detail_eb6tx_1{display:flex;align-items:flex-start}._detail_eb6tx_1:not(:last-child){margin-bottom:20px}@media (min-width: 0){._detail_eb6tx_1 span{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._detail_eb6tx_1 span{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._detail_eb6tx_1 span{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._detail_eb6tx_1 span{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._detail_eb6tx_1 span{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._detail_eb6tx_1 span{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._detail_eb6tx_1 span{line-height:1.7}}._detail_eb6tx_1 span{line-height:1.4;margin-right:10px}@media (min-width: 0){._label_eb6tx_53,._label_eb6tx_53>*{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._label_eb6tx_53,._label_eb6tx_53>*{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._label_eb6tx_53,._label_eb6tx_53>*{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._label_eb6tx_53,._label_eb6tx_53>*{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._label_eb6tx_53,._label_eb6tx_53>*{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._label_eb6tx_53,._label_eb6tx_53>*{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._label_eb6tx_53,._label_eb6tx_53>*{line-height:1.7}}._label_eb6tx_53,._label_eb6tx_53>*{font-style:italic;text-align:left}@media (min-width: 800px){._detail_eb6tx_1 span{line-height:1.7}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._block_hnnuu_1{overflow:hidden}._container_hnnuu_5{display:grid;grid-template-columns:1fr;gap:20px}._reverse_hnnuu_11 ._container_hnnuu_5{grid-auto-flow:row;direction:rtl}._reverse_hnnuu_11 ._container_hnnuu_5 ._content_hnnuu_15{direction:ltr}@media (min-width: 0){._header_hnnuu_20{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_hnnuu_20{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_hnnuu_20{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._header_hnnuu_20{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._header_hnnuu_20{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._header_hnnuu_20{font-size:40px}}@media (min-width: 1200px){._header_hnnuu_20{font-size:55px}}._header_hnnuu_20{font-family:var(--font-secondary);margin-bottom:20px}._content_hnnuu_15{display:flex;flex-direction:column;align-items:flex-start}._body_hnnuu_68{display:flow-root;margin-bottom:30px}._body_hnnuu_68 p{margin-bottom:20px}@media (min-width: 0){._body_hnnuu_68 p{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._body_hnnuu_68 p{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._body_hnnuu_68 p{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._body_hnnuu_68 p{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._body_hnnuu_68 p{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._body_hnnuu_68 p{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._body_hnnuu_68 p{line-height:1.7}}._ctas_hnnuu_115>*:first-child{margin-right:10px}._image_hnnuu_119 img{object-fit:cover;width:100%;height:100%;display:block}._ctas_hnnuu_115{display:flex}@media (min-width: 625px){._container_hnnuu_5{display:grid;grid-template-columns:1fr 1fr;gap:20px}._content_hnnuu_15{text-align:left;padding:5% 0;align-items:flex-start}._block_hnnuu_1 ._content_hnnuu_15,._block_hnnuu_1 ._image_hnnuu_119{margin:0!important}._image_hnnuu_119{width:100%}}@media (min-width: 800px) and (orientation: landscape){._container_hnnuu_5{gap:40px}._content_hnnuu_15{padding:15% 0}}@media (min-width: 800px) and (orientation: portrait){._container_hnnuu_5{grid-template-columns:2fr 3fr;gap:30px}}@media (min-width: 992px){._container_hnnuu_5{gap:50px}._content_hnnuu_15{padding-top:10%}._header_hnnuu_20{font-size:40px}}@media (min-width: 1200px){._container_hnnuu_5{grid-template-columns:5fr 3fr;min-height:700px;column-gap:100px}._header_hnnuu_20{font-size:52px}._image_hnnuu_119{max-height:900px}}@media (min-width: 1600px){._container_hnnuu_5,._reverse_hnnuu_11 ._container_hnnuu_5{grid-template-columns:1fr 1fr}._content_hnnuu_15{padding-top:15%}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._hero_1wst1_1{display:flex;align-items:center;justify-content:center;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;height:100svh}._overlay_1wst1_12{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--color-primary-dark)}@supports not rgb(from var(--color-primary-dark) r g b / .8){._overlay_1wst1_12{background-color:rgb(from var(--color-primary-dark) r g b/.9)}}._overlay_1wst1_12{color:var(--color-white);padding:4%;text-align:center;position:relative;width:auto;aspect-ratio:4/5;min-width:70%;max-width:90%}._eyebrow_1wst1_35{font-size:20px;text-transform:uppercase;letter-spacing:3px;font-weight:300}._title_1wst1_42{display:flex;flex-direction:column}._title_1wst1_42,._title_1wst1_42>*{font-family:var(--font-secondary);font-size:65px;line-height:1.2;margin-top:0}._eyebrow_1wst1_35,._title_1wst1_42{margin-bottom:20px}._subtitle_1wst1_60{font-size:20px;letter-spacing:3px}._subtitle_1wst1_60>p{text-transform:uppercase}._subtitle_1wst1_60>p,._subtitle_1wst1_60 i{margin-bottom:10px;margin-top:0;font-weight:300}@media (min-width: 390px){._overlay_1wst1_12{aspect-ratio:10/16}._eyebrow_1wst1_35{font-size:24px}._title_1wst1_42,._title_1wst1_42>*{font-size:80px;line-height:1.2}._eyebrow_1wst1_35,._title_1wst1_42{margin-bottom:30px}}@media (min-width: 390px) and (orientation: landscape){._overlay_1wst1_12{aspect-ratio:16/9;max-width:85%;padding:4%}._title_1wst1_42{flex-direction:row}._title_1wst1_42,._title_1wst1_42>*{font-size:55px}._eyebrow_1wst1_35,._title_1wst1_42{margin-bottom:10px}._subtitle_1wst1_60,._eyebrow_1wst1_35{font-size:18px}}@media (min-width: 625px) and (orientation: portrait){._title_1wst1_42,._title_1wst1_42>*{font-size:120px;line-height:1.2}._overlay_1wst1_12{aspect-ratio:4/5;max-width:80%}._subtitle_1wst1_60,._eyebrow_1wst1_35{font-size:20px}}@media (min-width: 800px) and (orientation: portrait){._title_1wst1_42,._title_1wst1_42>*{font-size:130px}._subtitle_1wst1_60,._eyebrow_1wst1_35{font-size:32px}}@media (min-width: 800px) and (orientation: landscape){._title_1wst1_42,._title_1wst1_42>*{font-size:85px}._subtitle_1wst1_60,._eyebrow_1wst1_35{font-size:20px}._eyebrow_1wst1_35,._title_1wst1_42{margin-bottom:15px}}@media (min-width: 992px) and (orientation: landscape){._eyebrow_1wst1_35,._title_1wst1_42{margin-bottom:30px}._subtitle_1wst1_60,._eyebrow_1wst1_35{font-size:22px}._title_1wst1_42,._title_1wst1_42>*{font-size:100px}}@media (min-width: 992px) and (orientation: portrait){._title_1wst1_42,._title_1wst1_42>*{font-size:140px}}@media (min-width: 1200px){._title_1wst1_42,._title_1wst1_42>*{font-size:150px}._subtitle_1wst1_60,._eyebrow_1wst1_35{font-size:28px}}
|
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import h from "../Button/Button.js";
|
|
4
|
-
import { useFadeIn as
|
|
5
|
-
import { c as
|
|
6
|
-
import { Fragment as
|
|
7
|
-
import
|
|
8
|
-
import '../../assets/Fifty.css';const
|
|
9
|
-
content:
|
|
10
|
-
fifty:
|
|
4
|
+
import { useFadeIn as p } from "../../hooks/useFadeIn.js";
|
|
5
|
+
import { c as g } from "../../index-BIlioXmW.js";
|
|
6
|
+
import { Fragment as a } from "react";
|
|
7
|
+
import x from "../IconDetail/IconDetail.js";
|
|
8
|
+
import '../../assets/Fifty.css';const y = "_content_1dv8r_2", N = "_fifty_1dv8r_41", u = "_reverse_1dv8r_79", j = "_image_1dv8r_82", F = "_text_1dv8r_145", I = "_ctas_1dv8r_198", b = "_details_1dv8r_211", t = {
|
|
9
|
+
content: y,
|
|
10
|
+
fifty: N,
|
|
11
11
|
reverse: u,
|
|
12
|
-
image:
|
|
13
|
-
text:
|
|
14
|
-
ctas:
|
|
15
|
-
|
|
16
|
-
},
|
|
17
|
-
const v =
|
|
18
|
-
return /* @__PURE__ */
|
|
12
|
+
image: j,
|
|
13
|
+
text: F,
|
|
14
|
+
ctas: I,
|
|
15
|
+
details: b
|
|
16
|
+
}, w = ({ heading: o, body: d, ctas: r, color: m, image: l, reverse: _, pos: f, details: c }) => {
|
|
17
|
+
const v = p({ duration: 0.8 });
|
|
18
|
+
return /* @__PURE__ */ n(
|
|
19
19
|
"div",
|
|
20
20
|
{
|
|
21
|
-
className:
|
|
22
|
-
"data-color":
|
|
21
|
+
className: g(t.fifty, !!_ && t.reverse),
|
|
22
|
+
"data-color": m,
|
|
23
23
|
children: [
|
|
24
|
-
/* @__PURE__ */ e("div", { className: t.content, ref: v, children: /* @__PURE__ */
|
|
24
|
+
/* @__PURE__ */ e("div", { className: t.content, ref: v, children: /* @__PURE__ */ n("div", { className: t.text, children: [
|
|
25
25
|
/* @__PURE__ */ e("h2", { children: o }),
|
|
26
|
-
/* @__PURE__ */ e("p", { children:
|
|
27
|
-
/* @__PURE__ */ e("div", { className: t.ctas, children:
|
|
28
|
-
/* @__PURE__ */ e("div", { className: t.details, children:
|
|
26
|
+
/* @__PURE__ */ e("p", { children: d }),
|
|
27
|
+
/* @__PURE__ */ e("div", { className: t.ctas, children: r && !!r.length && r.map((s, i) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(h, { ...s }) }, i)) }),
|
|
28
|
+
/* @__PURE__ */ e("div", { className: t.details, children: c && c.map((s, i) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(x, { ...s }) }, i)) })
|
|
29
29
|
] }) }),
|
|
30
|
-
/* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("
|
|
30
|
+
/* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("img", { src: l, style: { objectPosition: f } }) })
|
|
31
31
|
]
|
|
32
32
|
}
|
|
33
33
|
);
|
|
34
34
|
};
|
|
35
35
|
export {
|
|
36
|
-
|
|
36
|
+
w as default
|
|
37
37
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import
|
|
4
|
-
import { c
|
|
5
|
-
import '../../assets/IconDetail.css';const
|
|
6
|
-
detail:
|
|
7
|
-
label:
|
|
8
|
-
},
|
|
9
|
-
/* @__PURE__ */
|
|
10
|
-
/* @__PURE__ */
|
|
2
|
+
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import o from "../../utils/parse.js";
|
|
4
|
+
import { c } from "../../index-BIlioXmW.js";
|
|
5
|
+
import '../../assets/IconDetail.css';const r = "_detail_eb6tx_1", n = "_label_eb6tx_53", a = {
|
|
6
|
+
detail: r,
|
|
7
|
+
label: n
|
|
8
|
+
}, _ = ({ icon: l, text: s, href: t }) => /* @__PURE__ */ i(t ? "a" : "div", { className: a.detail, children: [
|
|
9
|
+
/* @__PURE__ */ e("span", { className: c(a.icon, "material-symbols-outlined"), children: l }),
|
|
10
|
+
/* @__PURE__ */ e("div", { className: a.label, children: o(s) })
|
|
11
11
|
] });
|
|
12
12
|
export {
|
|
13
|
-
|
|
13
|
+
_ as default
|
|
14
14
|
};
|
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as n, jsxs as t } from "react/jsx-runtime";
|
|
3
3
|
import a from "../Button/Button.js";
|
|
4
|
-
import { c as
|
|
4
|
+
import { c as h } from "../../index-BIlioXmW.js";
|
|
5
5
|
import { useFadeIn as r } from "../../hooks/useFadeIn.js";
|
|
6
|
-
import
|
|
7
|
-
import '../../assets/ImageTextBlock.css';const
|
|
8
|
-
block:
|
|
6
|
+
import u from "../../utils/parse.js";
|
|
7
|
+
import '../../assets/ImageTextBlock.css';const f = "_block_hnnuu_1", g = "_container_hnnuu_5", b = "_reverse_hnnuu_11", v = "_content_hnnuu_15", N = "_header_hnnuu_20", p = "_body_hnnuu_68", k = "_ctas_hnnuu_115", x = "_image_hnnuu_119", e = {
|
|
8
|
+
block: f,
|
|
9
9
|
container: g,
|
|
10
10
|
reverse: b,
|
|
11
|
-
content:
|
|
12
|
-
header:
|
|
13
|
-
body:
|
|
14
|
-
ctas:
|
|
11
|
+
content: v,
|
|
12
|
+
header: N,
|
|
13
|
+
body: p,
|
|
14
|
+
ctas: k,
|
|
15
15
|
image: x
|
|
16
16
|
}, F = ({
|
|
17
17
|
image: i,
|
|
18
|
-
header:
|
|
19
|
-
body:
|
|
18
|
+
header: d,
|
|
19
|
+
body: l,
|
|
20
20
|
primaryCta: s,
|
|
21
|
-
secondaryCta:
|
|
21
|
+
secondaryCta: o,
|
|
22
22
|
reverse: c
|
|
23
23
|
}) => {
|
|
24
24
|
const m = r({ direction: c ? "right" : "left" }), _ = r({ direction: c ? "right" : "left" });
|
|
25
|
-
return /* @__PURE__ */
|
|
26
|
-
/* @__PURE__ */
|
|
25
|
+
return /* @__PURE__ */ n("div", { className: h(e.block, c && e.reverse), children: /* @__PURE__ */ t("div", { className: e.container, children: [
|
|
26
|
+
/* @__PURE__ */ n("div", { className: e.image, ref: m, children: /* @__PURE__ */ n("img", { src: i }) }),
|
|
27
27
|
/* @__PURE__ */ t("div", { className: e.content, ref: _, children: [
|
|
28
|
-
/* @__PURE__ */
|
|
29
|
-
/* @__PURE__ */
|
|
28
|
+
/* @__PURE__ */ n("h2", { className: e.header, children: d }),
|
|
29
|
+
/* @__PURE__ */ n("div", { className: e.body, children: u(l) }),
|
|
30
30
|
/* @__PURE__ */ t("div", { className: e.ctas, children: [
|
|
31
|
-
s && /* @__PURE__ */
|
|
32
|
-
|
|
31
|
+
s && /* @__PURE__ */ n(a, { ...s }),
|
|
32
|
+
o && /* @__PURE__ */ n(a, { ...o })
|
|
33
33
|
] })
|
|
34
34
|
] })
|
|
35
35
|
] }) });
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as t, jsxs as c } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
3
|
+
import s from "../../utils/parse.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import '../../assets/OverlayHero.css';const n = "
|
|
5
|
+
import '../../assets/OverlayHero.css';const n = "_hero_1wst1_1", _ = "_overlay_1wst1_12", d = "_eyebrow_1wst1_35", m = "_title_1wst1_42", y = "_subtitle_1wst1_60", e = {
|
|
6
6
|
hero: n,
|
|
7
7
|
overlay: _,
|
|
8
|
-
eyebrow:
|
|
9
|
-
title:
|
|
10
|
-
subtitle:
|
|
11
|
-
},
|
|
8
|
+
eyebrow: d,
|
|
9
|
+
title: m,
|
|
10
|
+
subtitle: y
|
|
11
|
+
}, v = ({ text: b, image: r, pos: o, eyebrow: l, title: a, subtitle: i }) => /* @__PURE__ */ t(
|
|
12
12
|
"div",
|
|
13
13
|
{
|
|
14
14
|
className: e.hero,
|
|
15
|
-
style: { backgroundImage: `url(${
|
|
15
|
+
style: { backgroundImage: `url(${r})`, backgroundPosition: o },
|
|
16
16
|
children: /* @__PURE__ */ c("div", { className: e.overlay, children: [
|
|
17
17
|
/* @__PURE__ */ t("p", { className: e.eyebrow, children: l }),
|
|
18
|
-
/* @__PURE__ */ t("h1", { className: e.title, children:
|
|
19
|
-
/* @__PURE__ */ t("div", { className: e.subtitle, children:
|
|
18
|
+
/* @__PURE__ */ t("h1", { className: e.title, children: s(a) }),
|
|
19
|
+
/* @__PURE__ */ t("div", { className: e.subtitle, children: s(i) })
|
|
20
20
|
] })
|
|
21
21
|
}
|
|
22
22
|
);
|
|
23
23
|
export {
|
|
24
|
-
|
|
24
|
+
v as default
|
|
25
25
|
};
|
package/dist/index.js
CHANGED
|
@@ -5,40 +5,40 @@ import { default as T } from "./components/BorderedBackground/BorderedBackground
|
|
|
5
5
|
import { default as F } from "./components/Button/Button.js";
|
|
6
6
|
import { default as D } from "./components/Container/Container.js";
|
|
7
7
|
import { default as L } from "./components/Fifty/Fifty.js";
|
|
8
|
-
import { default as
|
|
9
|
-
import { default as
|
|
10
|
-
import { default as
|
|
11
|
-
import { default as
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
16
|
-
import
|
|
8
|
+
import { default as $ } from "./components/Footer/Footer.js";
|
|
9
|
+
import { default as w } from "./components/ImageTextBlock/ImageTextBlock.js";
|
|
10
|
+
import { default as A } from "./components/List/List.js";
|
|
11
|
+
import { default as K } from "./components/OverlayHero/OverlayHero.js";
|
|
12
|
+
import { default as R } from "./components/Note/Note.js";
|
|
13
|
+
import { default as U } from "./components/MenuButton/MenuButton.js";
|
|
14
|
+
import { default as W } from "./components/Navbar/Navbar.js";
|
|
15
|
+
import { default as Y } from "./components/PinnedImage/PinnedImage.js";
|
|
16
|
+
import f from "./components/IconDetail/IconDetail.js";
|
|
17
17
|
import { default as ee } from "./components/Overlay/Overlay.js";
|
|
18
18
|
import { default as oe } from "./components/GenericOverlay/GenericOverlay.js";
|
|
19
19
|
import { default as te } from "./components/Toolbar/Toolbar.js";
|
|
20
20
|
import { default as se } from "./components/GridGallery/GridGallery.js";
|
|
21
21
|
import { default as ce } from "./components/ParallaxImageGrid/ParallaxImageGrid.js";
|
|
22
22
|
import { jsxs as a, jsx as r } from "react/jsx-runtime";
|
|
23
|
-
import { createElement as
|
|
24
|
-
import
|
|
25
|
-
import './assets/index.css';const
|
|
26
|
-
title:
|
|
27
|
-
blocks:
|
|
28
|
-
block:
|
|
29
|
-
blockHeader:
|
|
30
|
-
description:
|
|
23
|
+
import { createElement as i } from "react";
|
|
24
|
+
import m from "./utils/parse.js";
|
|
25
|
+
import './assets/index.css';const n = "_title_1v9uh_1", p = "_blocks_1v9uh_47", u = "_block_1v9uh_47", x = "_blockHeader_1v9uh_58", h = "_description_1v9uh_88", e = {
|
|
26
|
+
title: n,
|
|
27
|
+
blocks: p,
|
|
28
|
+
block: u,
|
|
29
|
+
blockHeader: x,
|
|
30
|
+
description: h
|
|
31
31
|
}, N = ({ header: t, blocks: l }) => /* @__PURE__ */ a("div", { className: e.container, children: [
|
|
32
32
|
/* @__PURE__ */ r("h2", { className: e.title, children: t }),
|
|
33
|
-
/* @__PURE__ */ r("div", { className: e.blocks, children: l.map((o,
|
|
33
|
+
/* @__PURE__ */ r("div", { className: e.blocks, children: l.map((o, s) => (
|
|
34
34
|
// <div className={styles.block} key={`block-${idx}`}>
|
|
35
35
|
/* @__PURE__ */ a("div", { className: e.block, children: [
|
|
36
36
|
/* @__PURE__ */ r("h3", { className: e.blockHeader, children: o.header }),
|
|
37
37
|
/* @__PURE__ */ a("div", { className: e.content, children: [
|
|
38
|
-
/* @__PURE__ */ r("div", { className: e.description, children:
|
|
39
|
-
/* @__PURE__ */ r("div", { className: e.details, children: o.details && o.details.map((
|
|
38
|
+
/* @__PURE__ */ r("div", { className: e.description, children: m(o.description) }),
|
|
39
|
+
/* @__PURE__ */ r("div", { className: e.details, children: o.details && o.details.map((d, c) => /* @__PURE__ */ i(f, { ...d, key: c })) })
|
|
40
40
|
] })
|
|
41
|
-
] })
|
|
41
|
+
] }, `block-${s}`)
|
|
42
42
|
)) })
|
|
43
43
|
] });
|
|
44
44
|
export {
|
|
@@ -48,19 +48,19 @@ export {
|
|
|
48
48
|
F as Button,
|
|
49
49
|
D as Container,
|
|
50
50
|
L as Fifty,
|
|
51
|
-
|
|
51
|
+
$ as Footer,
|
|
52
52
|
oe as GenericOverlay,
|
|
53
53
|
se as GridGallery,
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
54
|
+
f as IconDetail,
|
|
55
|
+
w as ImageTextBlock,
|
|
56
|
+
A as List,
|
|
57
|
+
U as MenuButton,
|
|
58
|
+
W as Navbar,
|
|
59
|
+
R as Note,
|
|
60
60
|
ee as Overlay,
|
|
61
|
-
|
|
61
|
+
K as OverlayHero,
|
|
62
62
|
ce as ParallaxImageGrid,
|
|
63
|
-
|
|
63
|
+
Y as PinnedImage,
|
|
64
64
|
g as PromoGroup,
|
|
65
65
|
N as TextBlock,
|
|
66
66
|
te as Toolbar
|