@courtneyring/components-library 1.0.26 → 1.0.28
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/README.md +11 -11
- package/dist/AccordionItem-DuHzStoZ.js +40 -0
- package/dist/animations/FadeIn.js +8 -1
- package/dist/assets/AccordionItem.css +1 -0
- package/dist/assets/Banner.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Fifty.css +1 -1
- package/dist/assets/MenuButton.css +1 -1
- package/dist/assets/Navbar.css +1 -1
- package/dist/assets/PinnedImage.css +1 -1
- package/dist/components/Accordion/Accordion.js +26 -0
- package/dist/components/Accordion/AccordionItem.js +8 -0
- package/dist/components/Banner/Banner.js +14 -14
- package/dist/components/Button/Button.js +15 -15
- package/dist/components/Fifty/Fifty.js +28 -19
- package/dist/components/MenuButton/MenuButton.js +4 -4
- package/dist/components/Navbar/Navbar.js +51 -51
- package/dist/components/Overlay/Overlay.js +7 -1
- package/dist/components/PageContainer/PageContainer.js +19 -5
- package/dist/components/PinnedImage/PinnedImage.js +30 -30
- package/dist/components/PromoGroup/PromoGroup.js +26 -19
- package/dist/components/RSVPEmbed/RSVPEmbed.js +18 -0
- package/dist/index.js +48 -59
- package/package.json +4 -2
- /package/dist/assets/{index.css → RSVPEmbed.css} +0 -0
package/README.md
CHANGED
|
@@ -17,9 +17,9 @@ If you are developing a production application, we recommend updating the config
|
|
|
17
17
|
|
|
18
18
|
```js
|
|
19
19
|
export default defineConfig([
|
|
20
|
-
globalIgnores([
|
|
20
|
+
globalIgnores(["dist"]),
|
|
21
21
|
{
|
|
22
|
-
files: [
|
|
22
|
+
files: ["**/*.{ts,tsx}"],
|
|
23
23
|
extends: [
|
|
24
24
|
// Other configs...
|
|
25
25
|
|
|
@@ -34,40 +34,40 @@ export default defineConfig([
|
|
|
34
34
|
],
|
|
35
35
|
languageOptions: {
|
|
36
36
|
parserOptions: {
|
|
37
|
-
project: [
|
|
37
|
+
project: ["./tsconfig.node.json", "./tsconfig.app.json"],
|
|
38
38
|
tsconfigRootDir: import.meta.dirname,
|
|
39
39
|
},
|
|
40
40
|
// other options...
|
|
41
41
|
},
|
|
42
42
|
},
|
|
43
|
-
])
|
|
43
|
+
]);
|
|
44
44
|
```
|
|
45
45
|
|
|
46
46
|
You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
|
|
47
47
|
|
|
48
48
|
```js
|
|
49
49
|
// eslint.config.js
|
|
50
|
-
import reactX from
|
|
51
|
-
import reactDom from
|
|
50
|
+
import reactX from "eslint-plugin-react-x";
|
|
51
|
+
import reactDom from "eslint-plugin-react-dom";
|
|
52
52
|
|
|
53
53
|
export default defineConfig([
|
|
54
|
-
globalIgnores([
|
|
54
|
+
globalIgnores(["dist"]),
|
|
55
55
|
{
|
|
56
|
-
files: [
|
|
56
|
+
files: ["**/*.{ts,tsx}"],
|
|
57
57
|
extends: [
|
|
58
58
|
// Other configs...
|
|
59
59
|
// Enable lint rules for React
|
|
60
|
-
reactX.configs[
|
|
60
|
+
reactX.configs["recommended-typescript"],
|
|
61
61
|
// Enable lint rules for React DOM
|
|
62
62
|
reactDom.configs.recommended,
|
|
63
63
|
],
|
|
64
64
|
languageOptions: {
|
|
65
65
|
parserOptions: {
|
|
66
|
-
project: [
|
|
66
|
+
project: ["./tsconfig.node.json", "./tsconfig.app.json"],
|
|
67
67
|
tsconfigRootDir: import.meta.dirname,
|
|
68
68
|
},
|
|
69
69
|
// other options...
|
|
70
70
|
},
|
|
71
71
|
},
|
|
72
|
-
])
|
|
72
|
+
]);
|
|
73
73
|
```
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { jsxs as _, jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import r from "./utils/parse.js";
|
|
3
|
+
import { c as e } from "./index-BIlioXmW.js";
|
|
4
|
+
import './assets/AccordionItem.css';const s = "_accordion_l0mex_1", d = "_title_l0mex_8", l = "_accordion__item_l0mex_11", m = "_header_l0mex_14", x = "_accordion__icon_l0mex_101", p = "_open_l0mex_175", b = "_accordion__button_l0mex_179", h = "_accordion__content_l0mex_230", N = "_body_l0mex_238", o = {
|
|
5
|
+
accordion: s,
|
|
6
|
+
title: d,
|
|
7
|
+
accordion__item: l,
|
|
8
|
+
header: m,
|
|
9
|
+
accordion__icon: x,
|
|
10
|
+
open: p,
|
|
11
|
+
accordion__button: b,
|
|
12
|
+
accordion__content: h,
|
|
13
|
+
body: N
|
|
14
|
+
}, f = ({ title: t, body: a, toggleFn: i, isOpen: n }) => /* @__PURE__ */ _("div", { className: e(o.accordion__item, n && o.open), children: [
|
|
15
|
+
/* @__PURE__ */ _(
|
|
16
|
+
"button",
|
|
17
|
+
{
|
|
18
|
+
className: e(o.accordion__button),
|
|
19
|
+
onClick: () => i(!n),
|
|
20
|
+
children: [
|
|
21
|
+
/* @__PURE__ */ _("div", { className: o.accordion__icon, children: [
|
|
22
|
+
/* @__PURE__ */ c("span", {}),
|
|
23
|
+
/* @__PURE__ */ c("span", { className: `${n ? o.open : ""}` })
|
|
24
|
+
] }),
|
|
25
|
+
/* @__PURE__ */ c("span", { className: o.title, children: t })
|
|
26
|
+
]
|
|
27
|
+
}
|
|
28
|
+
),
|
|
29
|
+
/* @__PURE__ */ c(
|
|
30
|
+
"div",
|
|
31
|
+
{
|
|
32
|
+
className: e(o.accordion__content, n && o.open),
|
|
33
|
+
children: /* @__PURE__ */ c("div", { className: o.body, children: r(a) })
|
|
34
|
+
}
|
|
35
|
+
)
|
|
36
|
+
] });
|
|
37
|
+
export {
|
|
38
|
+
f as A,
|
|
39
|
+
o as s
|
|
40
|
+
};
|
|
@@ -19,7 +19,14 @@ const S = ({ children: r, className: o, excludeTranslate: s }) => {
|
|
|
19
19
|
});
|
|
20
20
|
});
|
|
21
21
|
return () => () => c.revert();
|
|
22
|
-
}, []), /* @__PURE__ */ n(
|
|
22
|
+
}, []), /* @__PURE__ */ n(
|
|
23
|
+
"div",
|
|
24
|
+
{
|
|
25
|
+
ref: t,
|
|
26
|
+
className: `opacity-0 ${!s && "translate-y-3"} ${o}`,
|
|
27
|
+
children: r
|
|
28
|
+
}
|
|
29
|
+
);
|
|
23
30
|
};
|
|
24
31
|
export {
|
|
25
32
|
S as default
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._accordion_l0mex_1{width:100%;margin-bottom:100px}._accordion_l0mex_1[data-color=color-primary-dark] :root{color:var(--color-primary-dark)}._accordion_l0mex_1[data-color=color-primary-dark] ._title_l0mex_8,._accordion_l0mex_1[data-color=color-primary-dark] ._accordion__item_l0mex_11,._accordion_l0mex_1[data-color=color-primary-dark] ._header_l0mex_14{color:var(--color-primary-dark)}._accordion_l0mex_1[data-color=color-primary-medium] :root{color:var(--color-primary-medium)}._accordion_l0mex_1[data-color=color-primary-medium] ._title_l0mex_8,._accordion_l0mex_1[data-color=color-primary-medium] ._accordion__item_l0mex_11,._accordion_l0mex_1[data-color=color-primary-medium] ._header_l0mex_14{color:var(--color-primary-medium)}._accordion_l0mex_1[data-color=color-primary-light] :root{color:var(--color-primary-light)}._accordion_l0mex_1[data-color=color-primary-light] ._title_l0mex_8,._accordion_l0mex_1[data-color=color-primary-light] ._accordion__item_l0mex_11,._accordion_l0mex_1[data-color=color-primary-light] ._header_l0mex_14{color:var(--color-primary-light)}._accordion_l0mex_1[data-color=color-secondary] :root{color:var(--color-secondary)}._accordion_l0mex_1[data-color=color-secondary] ._title_l0mex_8,._accordion_l0mex_1[data-color=color-secondary] ._accordion__item_l0mex_11,._accordion_l0mex_1[data-color=color-secondary] ._header_l0mex_14{color:var(--color-secondary)}._accordion_l0mex_1[data-color=color-neutral-dark] :root{color:var(--color-neutral-dark)}._accordion_l0mex_1[data-color=color-neutral-dark] ._title_l0mex_8,._accordion_l0mex_1[data-color=color-neutral-dark] ._accordion__item_l0mex_11,._accordion_l0mex_1[data-color=color-neutral-dark] ._header_l0mex_14{color:var(--color-neutral-dark)}._accordion_l0mex_1[data-color=color-neutral-medium] :root{color:var(--color-neutral-medium)}._accordion_l0mex_1[data-color=color-neutral-medium] ._title_l0mex_8,._accordion_l0mex_1[data-color=color-neutral-medium] ._accordion__item_l0mex_11,._accordion_l0mex_1[data-color=color-neutral-medium] ._header_l0mex_14{color:var(--color-neutral-medium)}._accordion_l0mex_1[data-color=color-neutral-light] :root{color:var(--color-neutral-light)}._accordion_l0mex_1[data-color=color-neutral-light] ._title_l0mex_8,._accordion_l0mex_1[data-color=color-neutral-light] ._accordion__item_l0mex_11,._accordion_l0mex_1[data-color=color-neutral-light] ._header_l0mex_14{color:var(--color-neutral-light)}._accordion_l0mex_1[data-color=color-white] :root{color:var(--color-white)}._accordion_l0mex_1[data-color=color-white] ._title_l0mex_8,._accordion_l0mex_1[data-color=color-white] ._accordion__item_l0mex_11,._accordion_l0mex_1[data-color=color-white] ._header_l0mex_14{color:var(--color-white)}._accordion_l0mex_1[data-color=color-primary-dark] ._accordion__icon_l0mex_101 span{background-color:var(--color-primary-dark)}._accordion_l0mex_1[data-color=color-primary-medium] ._accordion__icon_l0mex_101 span{background-color:var(--color-primary-medium)}._accordion_l0mex_1[data-color=color-primary-light] ._accordion__icon_l0mex_101 span{background-color:var(--color-primary-light)}._accordion_l0mex_1[data-color=color-secondary] ._accordion__icon_l0mex_101 span{background-color:var(--color-secondary)}._accordion_l0mex_1[data-color=color-neutral-dark] ._accordion__icon_l0mex_101 span{background-color:var(--color-neutral-dark)}._accordion_l0mex_1[data-color=color-neutral-medium] ._accordion__icon_l0mex_101 span{background-color:var(--color-neutral-medium)}._accordion_l0mex_1[data-color=color-neutral-light] ._accordion__icon_l0mex_101 span{background-color:var(--color-neutral-light)}._accordion_l0mex_1[data-color=color-white] ._accordion__icon_l0mex_101 span{background-color:var(--color-white)}@media (min-width: 0){._header_l0mex_14{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_l0mex_14{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_l0mex_14{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._header_l0mex_14{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._header_l0mex_14{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._header_l0mex_14{font-size:40px}}@media (min-width: 1200px){._header_l0mex_14{font-size:55px}}._header_l0mex_14{margin-bottom:50px}._accordion__item_l0mex_11{display:grid;grid-template-columns:50px auto;grid-template-rows:min-content 0fr;transition:grid-template-rows .3s ease;padding:20px 10px}._accordion__item_l0mex_11._open_l0mex_175{grid-template-rows:min-content 1fr}._accordion__button_l0mex_179{font-size:20px;cursor:pointer;border:0;grid-template-columns:subgrid;grid-template-rows:subgrid;display:grid;grid-column:1/-1;width:100%;background-color:transparent}._accordion__item_l0mex_11{border-top:2px solid rgba(0,0,0,.1)}._accordion__item_l0mex_11:last-child{border-bottom:2px solid rgba(0,0,0,.1)}._title_l0mex_8{grid-column:2/3;text-align:left}@media (min-width: 0){._title_l0mex_8{font-size:28px;line-height:1.2}}._accordion__icon_l0mex_101{display:flex;justify-content:center;align-items:center;grid-column:1/2;position:relative;width:.75rem}._accordion__icon_l0mex_101 span{width:100%;height:1px;position:absolute}._accordion__icon_l0mex_101 span:nth-child(2){transition:all .3s ease-in-out;transform:rotate(90deg)}._accordion__icon_l0mex_101 span:nth-child(2)._open_l0mex_175{transform:rotate(0)}._accordion__content_l0mex_230{overflow:hidden;text-align:left;grid-row:2;grid-column:2/-1}@media (min-width: 0){._body_l0mex_238{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._body_l0mex_238{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._body_l0mex_238{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._body_l0mex_238{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._body_l0mex_238{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._body_l0mex_238{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._body_l0mex_238{line-height:1.7}}._body_l0mex_238{margin-top:10px}._body_l0mex_238>*{display:inline}@media (min-width: 800px){._accordion_l0mex_1{margin-bottom:50px}}
|
package/dist/assets/Banner.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._banner_6ii3s_1{display:flex;align-items:center;justify-content:center;flex-direction:column}._header_6ii3s_8{font-family:var(--font-secondary)}@media (min-width: 0){._header_6ii3s_8{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_6ii3s_8{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_6ii3s_8{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._header_6ii3s_8{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._header_6ii3s_8{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._header_6ii3s_8{font-size:40px}}@media (min-width: 1200px){._header_6ii3s_8{font-size:55px}}._header_6ii3s_8{margin-bottom:20px;text-align:center}@media (min-width: 0){._body_6ii3s_55{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._body_6ii3s_55{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._body_6ii3s_55{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._body_6ii3s_55{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._body_6ii3s_55{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._body_6ii3s_55{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._body_6ii3s_55{line-height:1.7}}._ctas_6ii3s_94{display:flex;flex-direction:row}._ctas_6ii3s_94 a:not(:last-child),._ctas_6ii3s_94 button:not(:last-child){margin-right:10px}@media (min-width: 800px) and (orientation: landscape){._banner_6ii3s_1{min-height:200px}}@media (min-width: 800px) and (orientation: portrait){._banner_6ii3s_1{min-height:300px}}@media (min-width: 992px){._header_6ii3s_8{margin-bottom:30px}}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_12a6d_1{cursor:pointer;padding:8px 10px;border:2px solid;outline:0px}@media (min-width: 0){._button_12a6d_1{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._button_12a6d_1{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._button_12a6d_1{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._button_12a6d_1{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._button_12a6d_1{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._button_12a6d_1{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._button_12a6d_1{line-height:1.7}}._button_12a6d_1{text-decoration:none;transition:all .2s ease-in-out}._button_12a6d_1{line-height:.8;align-items:center;white-space:nowrap}._button_12a6d_1._hollow_12a6d_55{background-color:transparent}._button_12a6d_1._filled_12a6d_58[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._button_12a6d_1._filled_12a6d_58[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._button_12a6d_1._filled_12a6d_58[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._button_12a6d_1._filled_12a6d_58[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._button_12a6d_1._filled_12a6d_58[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._button_12a6d_1._filled_12a6d_58[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._button_12a6d_1._filled_12a6d_58[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._button_12a6d_1._filled_12a6d_58[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._button_12a6d_1:hover{opacity:.8}._link_12a6d_94{text-decoration:none;font-weight:500;color:inherit;padding:0;align-items:flex-start;border:none;background-color:transparent;display:flex}._link_12a6d_94 span{margin-left:10px}@media (min-width: 625px){._button_12a6d_1{padding:10px 20px;border-width:2px}._link_12a6d_94{font-size:24px}}@media (min-width: 1200px){._button_12a6d_1{padding:12px 24px}}@media (min-width: 1920px){._button_12a6d_1{padding:12px 50px}}
|
package/dist/assets/Fifty.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._content_yrukp_2{padding:40px 20px}}@media (min-width: 390px){._content_yrukp_2{padding:40px 30px}}@media (min-width: 625px){._content_yrukp_2{padding:50px 30px}}@media (min-width: 800px) and (orientation: landscape){._content_yrukp_2{padding:50px}}@media (min-width: 800px) and (orientation: portrait){._content_yrukp_2{padding:30px}}@media (min-width: 992px){._content_yrukp_2{padding:50px}}@media (min-width: 1200px){._content_yrukp_2{padding:50px 100px}}@media (min-width: 1600px){._content_yrukp_2{padding:150px}}._fifty_yrukp_41{display:grid;grid-template-columns:1fr;width:100%}._fifty_yrukp_41[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._fifty_yrukp_41[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._fifty_yrukp_41[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._fifty_yrukp_41[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._fifty_yrukp_41[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._fifty_yrukp_41[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._fifty_yrukp_41[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._fifty_yrukp_41[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._fifty_yrukp_41._reverse_yrukp_79 ._content_yrukp_2{align-items:flex-end}._fifty_yrukp_41._reverse_yrukp_79 ._image_yrukp_82{justify-content:flex-start}._fifty_yrukp_41:not(._reverse_yrukp_79) ._content_yrukp_2{align-items:flex-start}._fifty_yrukp_41:not(._reverse_yrukp_79) ._image_yrukp_82{justify-content:flex-end}._content_yrukp_2{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;order:1;aspect-ratio:1}@media (min-width: 0){._content_yrukp_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._content_yrukp_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._content_yrukp_2 h2{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._content_yrukp_2 h2{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._content_yrukp_2 h2{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._content_yrukp_2 h2{font-size:40px}}@media (min-width: 1200px){._content_yrukp_2 h2{font-size:55px}}._content_yrukp_2 h2{font-family:var(--font-secondary);margin-bottom:15px;line-height:1}@media (min-width: 0){._content_yrukp_2 ._text_yrukp_146>p{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._content_yrukp_2 ._text_yrukp_146>p{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._content_yrukp_2 ._text_yrukp_146>p{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._content_yrukp_2 ._text_yrukp_146>p{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._content_yrukp_2 ._text_yrukp_146>p{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._content_yrukp_2 ._text_yrukp_146>p{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._content_yrukp_2 ._text_yrukp_146>p{line-height:1.7}}._content_yrukp_2 ._text_yrukp_146>p{margin-bottom:20px}._image_yrukp_82{aspect-ratio:1;width:100%}._image_yrukp_82 img{width:100%;height:100%;object-fit:cover;object-position:top}._ctas_yrukp_199{display:flex}._ctas_yrukp_199>*:not(:last-child){margin-right:5px}._text_yrukp_146{display:flex;flex-direction:column;align-items:flex-start}._details_yrukp_212{display:grid;grid-template-columns:1fr}@media (min-width: 800px){._content_yrukp_2{padding-top:30px;padding-bottom:30px}._fifty_yrukp_41{grid-template-columns:1fr 1fr;grid-template-rows:1fr}._fifty_yrukp_41._reverse_yrukp_79 ._content_yrukp_2{order:-1}._image_yrukp_82{aspect-ratio:unset}._text_yrukp_146 h2,._text_yrukp_146>p{margin-bottom:15px}}@media (min-width: 800px) and (orientation: landscape){._details_yrukp_212{grid-template-columns:1fr 1fr;width:100%}}@media (min-width: 992px){._fifty_yrukp_41 ._content_yrukp_2{padding:30px}._image_yrukp_82{aspect-ratio:1}._text_yrukp_146>p{margin-bottom:30px}}@media (min-width: 1200px){._fifty_yrukp_41 ._content_yrukp_2{padding:50px}._text_yrukp_146 h2{margin-bottom:30px}._text_yrukp_146>p{margin-bottom:40px}._ctas_yrukp_199>*:not(:last-child){margin-right:10px}._details_yrukp_212{grid-template-columns:1fr 1fr;width:100%}}@media (min-width: 1600px){._text_yrukp_146{max-width:680px}._text_yrukp_146 h2{margin-bottom:50px}._text_yrukp_146>p{margin-bottom:50px}._fifty_yrukp_41._reverse_yrukp_79 ._content_yrukp_2,._fifty_yrukp_41:not(._reverse_yrukp_79) ._content_yrukp_2{align-items:center}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_15qgz_1{width:24px;height:19.2px}._button_15qgz_1._isOpen_15qgz_6 ._top_15qgz_6,._button_15qgz_1._isOpen_15qgz_6 ._bottom_15qgz_7{width:27px}._button_15qgz_1{display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;padding:0;border:0px;background-color:transparent}._button_15qgz_1._isOpen_15qgz_6 ._top_15qgz_6{transform:rotate(45deg);transform-origin:top left}._button_15qgz_1._isOpen_15qgz_6 ._middle_15qgz_25{width:0px}._button_15qgz_1._isOpen_15qgz_6 ._bottom_15qgz_7{transform:rotate(-45deg);transform-origin:bottom left}._line_15qgz_33{height:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;width:100%}._line_15qgz_33{transition:all .5s ease-in-out}@media (min-width: 625px){._button_15qgz_1 ._button_15qgz_1{width:30px;height:24px}._button_15qgz_1 ._button_15qgz_1._isOpen_15qgz_6 ._top_15qgz_6,._button_15qgz_1 ._button_15qgz_1._isOpen_15qgz_6 ._bottom_15qgz_7{width:33.75px}}
|
package/dist/assets/Navbar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._navbar_zngnd_1{height:60px}._navbar_zngnd_1._hide_zngnd_4{margin-top:-60px}._navbar_zngnd_1{display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:30;left:0;padding:8px 20px;position:fixed;top:0;width:100%;background-color:transparent;transition:all .3s ease-in-out;margin-top:0}._navbar_zngnd_1._background_zngnd_24:not(._open_zngnd_24){background-color:rgb(from var(--color-neutral-light) r g b/.5)}._navbar_zngnd_1._background_zngnd_24 ._navbar__link_zngnd_27{color:var(--color-neutral-dark)}._navbar__logo_zngnd_31{height:100%}._navbar__logo_zngnd_31 img{height:100%;object-fit:contain;filter:invert(100%) sepia(0%) saturate(7500%) hue-rotate(124deg) brightness(112%) contrast(102%)}._navbar__logo_zngnd_31 ._component_zngnd_39{height:100%;transition:fill .5s ease-in-out;fill:#000}._navbar__links_zngnd_44{display:none}._navbar__link_zngnd_27{text-decoration:none;color:var(--color-neutral-dark);transition:color .5s ease-in-out;font-size:32px;margin-bottom:30px}._navbar__mobileDialog_zngnd_56{display:flex;flex-direction:column;padding:150px 20px 20px}@media (min-width: 625px){._navbar_zngnd_1{height:80px}._navbar_zngnd_1._hide_zngnd_4{margin-top:-80px}}@media (min-width: 800px){._navbar__toggle_zngnd_72{display:none}._navbar__links_zngnd_44{display:initial}._navbar__link_zngnd_27{font-size:22px}._navbar__link_zngnd_27:not(:last-child){margin-right:15px}}@media (min-width: 800px){._navbar__link_zngnd_27{font-size:28px}}@media (min-width: 992px){._navbar__link_zngnd_27:not(:last-child){margin-right:30px}}@media (min-width: 1200px){._navbar_zngnd_1 ._navbar_zngnd_1{height:80px}._navbar_zngnd_1 ._navbar_zngnd_1._hide_zngnd_4{margin-top:-80px}._navbar_zngnd_1{padding:15px 50px}._navbar__link_zngnd_27{font-size:30px}._navbar__link_zngnd_27:not(:last-child){margin-right:30px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._container_trrr1_2{margin-top:-40px;margin-bottom:-40px}._container_trrr1_2{width:calc(100% + 40px);margin-left:-20px}}@media (min-width: 390px){._container_trrr1_2{margin-top:-40px;margin-bottom:-40px}._container_trrr1_2{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 625px){._container_trrr1_2{margin-top:-50px;margin-bottom:-50px}._container_trrr1_2{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 800px) and (orientation: portrait){._container_trrr1_2{margin-top:-30px;margin-bottom:-30px}._container_trrr1_2{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 992px) and (orientation: portrait){._container_trrr1_2{margin-top:-50px;margin-bottom:-50px}._container_trrr1_2{width:calc(100% + 100px);margin-left:-50px}}@media (min-width: 800px) and (orientation: landscape){._container_trrr1_2{margin-top:0;margin-bottom:0;width:100%;margin-left:0}}@media (min-width: 1200px) and (orientation: portrait){._container_trrr1_2{margin-top:0;margin-bottom:0;width:100%;margin-left:0}}@media (min-width: 0){._container_trrr1_2{padding:40px 20px}}@media (min-width: 390px){._container_trrr1_2{padding:40px 30px}}@media (min-width: 625px){._container_trrr1_2{padding:50px 30px}}@media (min-width: 800px) and (orientation: landscape){._container_trrr1_2{padding:50px}}@media (min-width: 800px) and (orientation: portrait){._container_trrr1_2{padding:30px}}@media (min-width: 992px){._container_trrr1_2{padding:50px}}@media (min-width: 1200px){._container_trrr1_2{padding:50px 100px}}@media (min-width: 1600px){._container_trrr1_2{padding:150px}}._container_trrr1_2{position:relative;height:100vh;background-size:cover;padding-top:10%}._content_trrr1_114{display:grid;max-width:550px;margin:0 auto;position:relative;width:100%}._copy_trrr1_122{text-align:center;position:relative;width:100%;background-color:var(--color-white)}@media (min-width: 0){._copy_trrr1_122 h3{font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}}@media (min-width: 625px){._copy_trrr1_122 h3{font-size:26px}}@media (min-width: 800px) and (orientation: landscape){._copy_trrr1_122 h3{font-size:20px}}@media (min-width: 800px) and (orientation: portrait){._copy_trrr1_122 h3{font-size:30px}}@media (min-width: 992px) and (orientation: landscape){._copy_trrr1_122 h3{font-size:28px}}@media (min-width: 0){._copy_trrr1_122 ._text_trrr1_158,._copy_trrr1_122 ._text_trrr1_158>*{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._copy_trrr1_122 ._text_trrr1_158,._copy_trrr1_122 ._text_trrr1_158>*{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._copy_trrr1_122 ._text_trrr1_158,._copy_trrr1_122 ._text_trrr1_158>*{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._copy_trrr1_122 ._text_trrr1_158,._copy_trrr1_122 ._text_trrr1_158>*{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._copy_trrr1_122 ._text_trrr1_158,._copy_trrr1_122 ._text_trrr1_158>*{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._copy_trrr1_122 ._text_trrr1_158,._copy_trrr1_122 ._text_trrr1_158>*{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._copy_trrr1_122 ._text_trrr1_158,._copy_trrr1_122 ._text_trrr1_158>*{line-height:1.7}}._copy_trrr1_122 ._text_trrr1_158{margin-bottom:30px}._title_trrr1_207{font-family:var(--font-secondary)}@media (min-width: 0){._title_trrr1_207{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._title_trrr1_207{font-size:40px;line-height:1.2}}@media (min-width: 625px){._title_trrr1_207{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._title_trrr1_207{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._title_trrr1_207{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._title_trrr1_207{font-size:40px}}@media (min-width: 1200px){._title_trrr1_207{font-size:55px}}._title_trrr1_207{text-align:center;margin-bottom:40px}._background_trrr1_253{width:100%;height:100%;display:none}._background_trrr1_253 img{object-fit:cover;width:100%;height:100%;display:block}._section_trrr1_265{position:absolute;padding:20px;display:flex;align-items:center;flex-direction:column}._stats_trrr1_273{margin:0 auto}._text_trrr1_158 a,._text_trrr1_158 p{margin-bottom:20px}@media (min-width: 390px){._section_trrr1_265{padding:30px}}@media (min-width: 625px){._title_trrr1_207{margin-bottom:40px}._container_trrr1_2{padding-top:15%}._section_trrr1_265{padding:50px}._details_trrr1_297{display:flex;justify-content:space-around;width:100%}}@media (min-width: 800px) and (orientation: portrait){._content_trrr1_114{width:600px}._details_trrr1_297{flex-direction:column}}@media (min-width: 800px) and (orientation: landscape){._container_trrr1_2{background-image:none!important;padding:0}._background_trrr1_253{display:block}._background_trrr1_253{width:80%;height:75vh}._title_trrr1_207{margin-bottom:10px}._content_trrr1_114{position:absolute;right:0;top:17%;width:450px;max-width:unset}._section_trrr1_265{padding:30px}._details_trrr1_297{width:100%}}@media (min-width: 992px) and (orientation: landscape){._content_trrr1_114{width:550px}}@media (min-width: 1200px){._container_trrr1_2{background-image:none!important;padding:0}._background_trrr1_253{display:block}._container_trrr1_2{height:calc(100svh - 100px)}._background_trrr1_253{width:80%;flex-grow:1}._content_trrr1_114{top:20%}}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as m, jsx as c } from "react/jsx-runtime";
|
|
3
|
+
import { useState as p, useId as u } from "react";
|
|
4
|
+
import { s as i, A } from "../../AccordionItem-DuHzStoZ.js";
|
|
5
|
+
const h = ({ items: a, header: n, color: l }) => {
|
|
6
|
+
const [t, r] = p([]), d = (e, o) => {
|
|
7
|
+
r(o ? [...t, e] : t.filter((s) => s != e));
|
|
8
|
+
};
|
|
9
|
+
return /* @__PURE__ */ m("div", { className: i.accordion, "data-color": l, children: [
|
|
10
|
+
/* @__PURE__ */ c("div", { className: i.header, children: n }),
|
|
11
|
+
a.map((e, o) => /* @__PURE__ */ c(
|
|
12
|
+
A,
|
|
13
|
+
{
|
|
14
|
+
title: e.title,
|
|
15
|
+
body: e.body,
|
|
16
|
+
toggleFn: (s) => d(o, s),
|
|
17
|
+
isOpen: t.includes(o),
|
|
18
|
+
idx: o
|
|
19
|
+
},
|
|
20
|
+
u()
|
|
21
|
+
))
|
|
22
|
+
] });
|
|
23
|
+
};
|
|
24
|
+
export {
|
|
25
|
+
h as default
|
|
26
|
+
};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { useFadeIn as
|
|
4
|
-
import
|
|
2
|
+
import { jsxs as c, jsx as s } from "react/jsx-runtime";
|
|
3
|
+
import { useFadeIn as d } from "../../hooks/useFadeIn.js";
|
|
4
|
+
import m from "../Button/Button.js";
|
|
5
5
|
import { Fragment as _ } from "react";
|
|
6
|
-
import '../../assets/Banner.css';const l = "
|
|
6
|
+
import '../../assets/Banner.css';const l = "_banner_6ii3s_1", b = "_header_6ii3s_8", h = "_body_6ii3s_55", f = "_ctas_6ii3s_94", e = {
|
|
7
7
|
banner: l,
|
|
8
|
-
header:
|
|
9
|
-
body:
|
|
10
|
-
ctas:
|
|
11
|
-
},
|
|
12
|
-
const t =
|
|
13
|
-
return /* @__PURE__ */
|
|
14
|
-
|
|
15
|
-
/* @__PURE__ */
|
|
16
|
-
/* @__PURE__ */
|
|
8
|
+
header: b,
|
|
9
|
+
body: h,
|
|
10
|
+
ctas: f
|
|
11
|
+
}, N = ({ header: n, body: a, ctas: r }) => {
|
|
12
|
+
const t = d();
|
|
13
|
+
return /* @__PURE__ */ c("div", { className: e.banner, ref: t, children: [
|
|
14
|
+
n && /* @__PURE__ */ s("div", { className: e.header, children: n }),
|
|
15
|
+
/* @__PURE__ */ s("div", { className: e.body, children: a }),
|
|
16
|
+
/* @__PURE__ */ s("div", { className: e.ctas, children: r && r.map((o, i) => /* @__PURE__ */ s(_, { children: /* @__PURE__ */ s(m, { ...o }) }, `button-${i}`)) })
|
|
17
17
|
] });
|
|
18
18
|
};
|
|
19
19
|
export {
|
|
20
|
-
|
|
20
|
+
N as default
|
|
21
21
|
};
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import '../../assets/Button.css';const
|
|
4
|
-
button:
|
|
2
|
+
import { jsxs as u, jsx as m } from "react/jsx-runtime";
|
|
3
|
+
import '../../assets/Button.css';const b = "_button_12a6d_1", f = "_hollow_12a6d_55", h = "_filled_12a6d_58", k = "_link_12a6d_94", l = {
|
|
4
|
+
button: b,
|
|
5
5
|
hollow: f,
|
|
6
6
|
filled: h,
|
|
7
7
|
link: k
|
|
8
8
|
}, y = ({
|
|
9
|
-
children:
|
|
9
|
+
children: d,
|
|
10
10
|
fn: o,
|
|
11
11
|
href: t,
|
|
12
|
-
target:
|
|
13
|
-
hollow:
|
|
12
|
+
target: c,
|
|
13
|
+
hollow: r = !1,
|
|
14
14
|
variation: s = "color-primary-dark",
|
|
15
|
-
textDecoration:
|
|
16
|
-
label:
|
|
15
|
+
textDecoration: _,
|
|
16
|
+
label: i,
|
|
17
17
|
value: n,
|
|
18
|
-
icon:
|
|
18
|
+
icon: a,
|
|
19
19
|
onClick: e
|
|
20
|
-
}) => /* @__PURE__ */
|
|
20
|
+
}) => /* @__PURE__ */ u(
|
|
21
21
|
t || n ? "a" : "button",
|
|
22
22
|
{
|
|
23
23
|
href: t || n,
|
|
24
24
|
onClick: o || e ? o || e : null,
|
|
25
|
-
target:
|
|
26
|
-
className: `${l.button} ${
|
|
27
|
-
style: { textDecoration:
|
|
25
|
+
target: c,
|
|
26
|
+
className: `${l.button} ${r ? l.hollow : l.filled} ${l[s]}`,
|
|
27
|
+
style: { textDecoration: _ },
|
|
28
28
|
"data-color": s,
|
|
29
29
|
children: [
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
d || i,
|
|
31
|
+
a && /* @__PURE__ */ m("span", { className: "material-symbols-outlined", children: a })
|
|
32
32
|
]
|
|
33
33
|
}
|
|
34
34
|
);
|
|
@@ -1,33 +1,42 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as n, jsx as
|
|
3
|
-
import
|
|
4
|
-
import { useFadeIn as
|
|
5
|
-
import { c as
|
|
2
|
+
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import y from "../Button/Button.js";
|
|
4
|
+
import { useFadeIn as h } from "../../hooks/useFadeIn.js";
|
|
5
|
+
import { c as u } from "../../index-BIlioXmW.js";
|
|
6
6
|
import { Fragment as a } from "react";
|
|
7
|
-
import
|
|
8
|
-
import '../../assets/Fifty.css';const
|
|
9
|
-
content:
|
|
10
|
-
fifty:
|
|
11
|
-
reverse:
|
|
12
|
-
image:
|
|
7
|
+
import v from "../IconDetail/IconDetail.js";
|
|
8
|
+
import '../../assets/Fifty.css';const g = "_content_yrukp_2", k = "_fifty_yrukp_41", x = "_reverse_yrukp_79", N = "_image_yrukp_82", j = "_text_yrukp_146", F = "_ctas_yrukp_199", I = "_details_yrukp_212", t = {
|
|
9
|
+
content: g,
|
|
10
|
+
fifty: k,
|
|
11
|
+
reverse: x,
|
|
12
|
+
image: N,
|
|
13
13
|
text: j,
|
|
14
14
|
ctas: F,
|
|
15
15
|
details: I
|
|
16
|
-
}, w = ({
|
|
17
|
-
|
|
16
|
+
}, w = ({
|
|
17
|
+
heading: o,
|
|
18
|
+
body: m,
|
|
19
|
+
ctas: r,
|
|
20
|
+
color: l,
|
|
21
|
+
image: d,
|
|
22
|
+
reverse: _,
|
|
23
|
+
pos: f,
|
|
24
|
+
details: c
|
|
25
|
+
}) => {
|
|
26
|
+
const p = h({ duration: 0.8 });
|
|
18
27
|
return /* @__PURE__ */ n(
|
|
19
28
|
"div",
|
|
20
29
|
{
|
|
21
|
-
className:
|
|
30
|
+
className: u(t.fifty, !!_ && t.reverse),
|
|
22
31
|
"data-color": l,
|
|
23
32
|
children: [
|
|
24
|
-
/* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
/* @__PURE__ */
|
|
28
|
-
/* @__PURE__ */
|
|
33
|
+
/* @__PURE__ */ e("div", { className: t.content, ref: p, children: /* @__PURE__ */ n("div", { className: t.text, children: [
|
|
34
|
+
/* @__PURE__ */ e("h2", { children: o }),
|
|
35
|
+
/* @__PURE__ */ e("p", { children: m }),
|
|
36
|
+
/* @__PURE__ */ e("div", { className: t.ctas, children: r && !!r.length && r.map((s, i) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(y, { ...s }) }, i)) }),
|
|
37
|
+
/* @__PURE__ */ e("div", { className: t.details, children: c && c.map((s, i) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(v, { ...s }) }, i)) })
|
|
29
38
|
] }) }),
|
|
30
|
-
/* @__PURE__ */
|
|
39
|
+
/* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("img", { src: d, style: { objectPosition: f } }) })
|
|
31
40
|
]
|
|
32
41
|
}
|
|
33
42
|
);
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as i, jsx as n } from "react/jsx-runtime";
|
|
3
3
|
import { c as o } from "../../index-BIlioXmW.js";
|
|
4
|
-
import '../../assets/MenuButton.css';const a = "
|
|
4
|
+
import '../../assets/MenuButton.css';const a = "_button_15qgz_1", c = "_isOpen_15qgz_6", _ = "_top_15qgz_6", d = "_bottom_15qgz_7", m = "_middle_15qgz_25", p = "_line_15qgz_33", t = {
|
|
5
5
|
button: a,
|
|
6
6
|
isOpen: c,
|
|
7
7
|
top: _,
|
|
8
|
-
bottom:
|
|
9
|
-
middle:
|
|
10
|
-
line:
|
|
8
|
+
bottom: d,
|
|
9
|
+
middle: m,
|
|
10
|
+
line: p
|
|
11
11
|
}, u = ({ isOpen: l, clickFn: e, theme: s }) => /* @__PURE__ */ i(
|
|
12
12
|
"button",
|
|
13
13
|
{
|
|
@@ -1,82 +1,82 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { useRef as
|
|
2
|
+
import { jsxs as v, jsx as o } from "react/jsx-runtime";
|
|
3
|
+
import { useRef as h, useState as c, useEffect as f, cloneElement as k } from "react";
|
|
4
4
|
import w from "../MenuButton/MenuButton.js";
|
|
5
5
|
import { r as N } from "../../index-DyQs5aC7.js";
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { c as
|
|
9
|
-
import { useNavColor as
|
|
10
|
-
import '../../assets/Navbar.css';const O = "
|
|
11
|
-
navbar:
|
|
12
|
-
hide:
|
|
13
|
-
background:
|
|
14
|
-
open:
|
|
15
|
-
navbar__link:
|
|
16
|
-
navbar__logo:
|
|
17
|
-
component:
|
|
18
|
-
navbar__links:
|
|
19
|
-
navbar__mobileDialog:
|
|
20
|
-
navbar__toggle:
|
|
21
|
-
},
|
|
22
|
-
const e =
|
|
6
|
+
import z from "../Overlay/Overlay.js";
|
|
7
|
+
import D from "../Container/Container.js";
|
|
8
|
+
import { c as x } from "../../index-BIlioXmW.js";
|
|
9
|
+
import { useNavColor as E } from "../../hooks/useNavColor.js";
|
|
10
|
+
import '../../assets/Navbar.css';const C = "_navbar_zngnd_1", O = "_hide_zngnd_4", Y = "_background_zngnd_24", y = "_open_zngnd_24", S = "_navbar__link_zngnd_27", $ = "_navbar__logo_zngnd_31", j = "_component_zngnd_39", B = "_navbar__links_zngnd_44", F = "_navbar__mobileDialog_zngnd_56", L = "_navbar__toggle_zngnd_72", a = {
|
|
11
|
+
navbar: C,
|
|
12
|
+
hide: O,
|
|
13
|
+
background: Y,
|
|
14
|
+
open: y,
|
|
15
|
+
navbar__link: S,
|
|
16
|
+
navbar__logo: $,
|
|
17
|
+
component: j,
|
|
18
|
+
navbar__links: B,
|
|
19
|
+
navbar__mobileDialog: F,
|
|
20
|
+
navbar__toggle: L
|
|
21
|
+
}, M = {}, T = ({ links: t, logoImage: s, color: I, logoComponent: _ }) => {
|
|
22
|
+
const e = h(0), [b, m] = c("up"), [r, i] = c(!1), [u, P] = E(), [l, g] = c(!1);
|
|
23
23
|
f(() => (window.addEventListener("scroll", d), () => window.removeEventListener("scroll", d)), []);
|
|
24
24
|
const d = () => {
|
|
25
|
-
|
|
26
|
-
const
|
|
27
|
-
|
|
25
|
+
g(window.scrollY > 30);
|
|
26
|
+
const n = window.scrollY;
|
|
27
|
+
n - e.current !== 0 && m(n > e.current ? "down" : "up"), e.current = n > 0 ? n : 0;
|
|
28
28
|
};
|
|
29
|
-
return /* @__PURE__ */
|
|
29
|
+
return /* @__PURE__ */ v(
|
|
30
30
|
"nav",
|
|
31
31
|
{
|
|
32
|
-
className:
|
|
33
|
-
|
|
34
|
-
l &&
|
|
35
|
-
|
|
36
|
-
|
|
32
|
+
className: x(
|
|
33
|
+
a.navbar,
|
|
34
|
+
l && a.background,
|
|
35
|
+
r && a.open,
|
|
36
|
+
b === "down" && a.hide
|
|
37
37
|
),
|
|
38
38
|
children: [
|
|
39
|
-
/* @__PURE__ */
|
|
40
|
-
s && /* @__PURE__ */
|
|
39
|
+
/* @__PURE__ */ v("a", { className: a.navbar__logo, href: "/", children: [
|
|
40
|
+
s && /* @__PURE__ */ o("img", { src: s }),
|
|
41
41
|
_ && k(_, {
|
|
42
|
-
className:
|
|
43
|
-
"data-color": !l ||
|
|
42
|
+
className: a.component,
|
|
43
|
+
"data-color": !l || r ? "color-white" : "color-neutral-dark"
|
|
44
44
|
})
|
|
45
45
|
] }),
|
|
46
|
-
/* @__PURE__ */
|
|
46
|
+
/* @__PURE__ */ o("div", { className: a.navbar__toggle, children: /* @__PURE__ */ o(
|
|
47
47
|
w,
|
|
48
48
|
{
|
|
49
|
-
clickFn: () => i(!
|
|
50
|
-
isOpen:
|
|
51
|
-
theme: !l ||
|
|
49
|
+
clickFn: () => i(!r),
|
|
50
|
+
isOpen: r,
|
|
51
|
+
theme: !l || r ? "color-white" : "color-neutral-dark"
|
|
52
52
|
}
|
|
53
53
|
) }),
|
|
54
|
-
/* @__PURE__ */
|
|
54
|
+
/* @__PURE__ */ o("div", { className: a.navbar__links, children: t.map((n, p) => /* @__PURE__ */ o(
|
|
55
55
|
"a",
|
|
56
56
|
{
|
|
57
|
-
className: `${
|
|
58
|
-
href:
|
|
59
|
-
"data-color":
|
|
60
|
-
children:
|
|
57
|
+
className: `${a.navbar__link}`,
|
|
58
|
+
href: n.value,
|
|
59
|
+
"data-color": u,
|
|
60
|
+
children: n.label
|
|
61
61
|
},
|
|
62
|
-
`navbar-d-${
|
|
62
|
+
`navbar-d-${n.value}`
|
|
63
63
|
)) }),
|
|
64
|
-
|
|
65
|
-
/* @__PURE__ */
|
|
66
|
-
|
|
64
|
+
r && N.createPortal(
|
|
65
|
+
/* @__PURE__ */ o(
|
|
66
|
+
z,
|
|
67
67
|
{
|
|
68
68
|
closeFn: () => i(!1),
|
|
69
69
|
hideClose: !0,
|
|
70
|
-
background:
|
|
70
|
+
background: M.white,
|
|
71
71
|
fullscreen: !0,
|
|
72
|
-
children: /* @__PURE__ */
|
|
72
|
+
children: /* @__PURE__ */ o(D, { color: "color-white", children: /* @__PURE__ */ o("div", { className: a.navbar__mobileDialog, children: t.map((n, p) => /* @__PURE__ */ o(
|
|
73
73
|
"a",
|
|
74
74
|
{
|
|
75
|
-
className:
|
|
76
|
-
href:
|
|
77
|
-
children:
|
|
75
|
+
className: a.navbar__link,
|
|
76
|
+
href: n.value,
|
|
77
|
+
children: n.label
|
|
78
78
|
},
|
|
79
|
-
`m-${
|
|
79
|
+
`m-${n.value}`
|
|
80
80
|
)) }) })
|
|
81
81
|
}
|
|
82
82
|
),
|
|
@@ -11,7 +11,13 @@ import '../../assets/Overlay.css';const i = "_overlay_m36se_17", y = "_hideNav_m
|
|
|
11
11
|
fadeOut: O,
|
|
12
12
|
overlay__close: g,
|
|
13
13
|
fullscreen: b
|
|
14
|
-
}, I = ({
|
|
14
|
+
}, I = ({
|
|
15
|
+
children: t,
|
|
16
|
+
closeFn: c,
|
|
17
|
+
hideClose: o,
|
|
18
|
+
background: a,
|
|
19
|
+
fullscreen: d = !0
|
|
20
|
+
}) => {
|
|
15
21
|
const [l, n] = v(!1);
|
|
16
22
|
u(() => (document.body.style.overflow = "hidden", () => {
|
|
17
23
|
document.body.style.overflow = "unset";
|
|
@@ -5,7 +5,14 @@ import '../../assets/PageContainer.css';const s = "_container__inner_1f10x_2", l
|
|
|
5
5
|
removePadding: l,
|
|
6
6
|
container__body: m,
|
|
7
7
|
container__copy: y
|
|
8
|
-
}, x = ({
|
|
8
|
+
}, x = ({
|
|
9
|
+
heroImage: f,
|
|
10
|
+
pageTitle: r,
|
|
11
|
+
children: t,
|
|
12
|
+
hero: g,
|
|
13
|
+
copy: e,
|
|
14
|
+
excludePadding: c = []
|
|
15
|
+
}) => {
|
|
9
16
|
const a = () => {
|
|
10
17
|
let _ = {};
|
|
11
18
|
for (let d of c)
|
|
@@ -13,10 +20,17 @@ import '../../assets/PageContainer.css';const s = "_container__inner_1f10x_2", l
|
|
|
13
20
|
return _;
|
|
14
21
|
};
|
|
15
22
|
return /* @__PURE__ */ i("main", { children: [
|
|
16
|
-
/* @__PURE__ */ o(
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
23
|
+
/* @__PURE__ */ o(
|
|
24
|
+
"div",
|
|
25
|
+
{
|
|
26
|
+
className: `${n.container__inner} ${!r && !e && n.removePadding}`,
|
|
27
|
+
style: a(),
|
|
28
|
+
children: /* @__PURE__ */ i("div", { className: n.container__copy, children: [
|
|
29
|
+
/* @__PURE__ */ o("h1", { children: r }),
|
|
30
|
+
e && /* @__PURE__ */ o("div", { className: n.container__body, children: e })
|
|
31
|
+
] })
|
|
32
|
+
}
|
|
33
|
+
),
|
|
20
34
|
t
|
|
21
35
|
] });
|
|
22
36
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as _, jsx as t } from "react/jsx-runtime";
|
|
3
|
-
import { useRef as
|
|
4
|
-
import
|
|
5
|
-
import { g as a, S as
|
|
6
|
-
import
|
|
7
|
-
import '../../assets/PinnedImage.css';const k = "
|
|
3
|
+
import { useRef as i, useEffect as x, createElement as y } from "react";
|
|
4
|
+
import v from "../IconDetail/IconDetail.js";
|
|
5
|
+
import { g as a, S as N } from "../../ScrollTrigger-DDbij8gI.js";
|
|
6
|
+
import b from "../../utils/parse.js";
|
|
7
|
+
import '../../assets/PinnedImage.css';const k = "_container_trrr1_2", P = "_content_trrr1_114", R = "_copy_trrr1_122", S = "_text_trrr1_158", T = "_title_trrr1_207", E = "_background_trrr1_253", H = "_section_trrr1_265", I = "_details_trrr1_297", e = {
|
|
8
8
|
container: k,
|
|
9
9
|
content: P,
|
|
10
10
|
copy: R,
|
|
@@ -14,18 +14,18 @@ import '../../assets/PinnedImage.css';const k = "_container_pixtb_2", P = "_cont
|
|
|
14
14
|
section: H,
|
|
15
15
|
details: I
|
|
16
16
|
};
|
|
17
|
-
a.registerPlugin(
|
|
18
|
-
const W = ({ image:
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
const l =
|
|
17
|
+
a.registerPlugin(N);
|
|
18
|
+
const W = ({ image: m, title: g, sections: f }) => {
|
|
19
|
+
const o = i(null);
|
|
20
|
+
i(null);
|
|
21
|
+
const l = i([]), p = i();
|
|
22
22
|
return x(() => {
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
a.set(
|
|
26
|
-
const d =
|
|
23
|
+
const r = a.context(() => {
|
|
24
|
+
const n = l.current, c = Math.max(...n.map((s) => s.offsetHeight));
|
|
25
|
+
a.set(p.current, { minHeight: c });
|
|
26
|
+
const d = o.current.offsetTop, h = a.timeline({
|
|
27
27
|
scrollTrigger: {
|
|
28
|
-
trigger:
|
|
28
|
+
trigger: o.current,
|
|
29
29
|
start: `top-=${d} top`,
|
|
30
30
|
end: `+=${l.current.length * 100}%`,
|
|
31
31
|
// controls scroll length
|
|
@@ -34,40 +34,40 @@ const W = ({ image: p, title: g, sections: f }) => {
|
|
|
34
34
|
anticipatePin: 1
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
|
-
|
|
37
|
+
n.forEach((s, u) => {
|
|
38
38
|
h.fromTo(
|
|
39
|
-
|
|
39
|
+
s,
|
|
40
40
|
{ opacity: u === 0 ? 1 : 0 },
|
|
41
41
|
{ opacity: 1, duration: 0.5 }
|
|
42
42
|
).to(
|
|
43
|
-
|
|
44
|
-
{ opacity: u ===
|
|
43
|
+
s,
|
|
44
|
+
{ opacity: u === n.length - 1 ? 1 : 0, duration: 0.5 },
|
|
45
45
|
"+=0.75"
|
|
46
46
|
);
|
|
47
47
|
});
|
|
48
|
-
},
|
|
49
|
-
return () =>
|
|
48
|
+
}, o);
|
|
49
|
+
return () => r.revert();
|
|
50
50
|
}, []), /* @__PURE__ */ _(
|
|
51
51
|
"div",
|
|
52
52
|
{
|
|
53
53
|
className: e.container,
|
|
54
|
-
ref:
|
|
55
|
-
style: { backgroundImage: `url(${
|
|
54
|
+
ref: o,
|
|
55
|
+
style: { backgroundImage: `url(${m})` },
|
|
56
56
|
children: [
|
|
57
57
|
/* @__PURE__ */ t("h2", { className: e.title, children: g }),
|
|
58
|
-
/* @__PURE__ */ t("div", { className: e.background, children: /* @__PURE__ */ t("img", { src:
|
|
59
|
-
/* @__PURE__ */ t("div", { className: e.content, ref:
|
|
58
|
+
/* @__PURE__ */ t("div", { className: e.background, children: /* @__PURE__ */ t("img", { src: m }) }),
|
|
59
|
+
/* @__PURE__ */ t("div", { className: e.content, ref: p, children: /* @__PURE__ */ t("div", { className: e.copy, children: f.map((r, n) => /* @__PURE__ */ _(
|
|
60
60
|
"div",
|
|
61
61
|
{
|
|
62
62
|
className: e.section,
|
|
63
|
-
ref: (
|
|
63
|
+
ref: (c) => l.current[n] = c,
|
|
64
64
|
children: [
|
|
65
|
-
/* @__PURE__ */ t("h3", { children:
|
|
66
|
-
/* @__PURE__ */ t("div", { className: e.text, children:
|
|
67
|
-
/* @__PURE__ */ t("div", { className: e.details, children:
|
|
65
|
+
/* @__PURE__ */ t("h3", { children: r.header }),
|
|
66
|
+
/* @__PURE__ */ t("div", { className: e.text, children: b(r.description) }),
|
|
67
|
+
/* @__PURE__ */ t("div", { className: e.details, children: r.details && r.details.map((c, d) => /* @__PURE__ */ y(v, { ...c, key: d })) })
|
|
68
68
|
]
|
|
69
69
|
},
|
|
70
|
-
|
|
70
|
+
n
|
|
71
71
|
)) }) })
|
|
72
72
|
]
|
|
73
73
|
}
|
|
@@ -22,27 +22,34 @@ import '../../assets/PromoGroup.css';const n = "_group_qbcz0_2", h = "_slider_qb
|
|
|
22
22
|
statText: z
|
|
23
23
|
}, P = ({ header: i, promos: s }) => /* @__PURE__ */ c(l, { children: [
|
|
24
24
|
/* @__PURE__ */ t("h2", { className: e.header, children: i }),
|
|
25
|
-
/* @__PURE__ */ t(
|
|
25
|
+
/* @__PURE__ */ t(
|
|
26
26
|
"div",
|
|
27
27
|
{
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
28
|
+
className: m(e.group, s.length > 3 && e.slider),
|
|
29
|
+
style: { "--promos": s.length },
|
|
30
|
+
children: s.map((a, r) => /* @__PURE__ */ c(
|
|
31
|
+
"div",
|
|
32
|
+
{
|
|
33
|
+
delay: 0.1 * r,
|
|
34
|
+
className: e.promo,
|
|
35
|
+
"data-color": a.color,
|
|
36
|
+
"data-text-align": a.textAlign,
|
|
37
|
+
children: [
|
|
38
|
+
a.icon && /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: a.icon }),
|
|
39
|
+
a.image && /* @__PURE__ */ t("img", { className: e.image, src: a.image }),
|
|
40
|
+
a.header && /* @__PURE__ */ t("h3", { className: e.promo__header, children: a.header }),
|
|
41
|
+
/* @__PURE__ */ t("p", { className: e.promo__body, children: a.body }),
|
|
42
|
+
a.cta && /* @__PURE__ */ t("div", { className: e.cta, children: /* @__PURE__ */ t(d, { ...a.cta }) }),
|
|
43
|
+
a.stats && /* @__PURE__ */ t("div", { className: e.stats, children: a.stats.map((o, _) => /* @__PURE__ */ c("div", { className: e.stat, children: [
|
|
44
|
+
/* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: o.icon }),
|
|
45
|
+
/* @__PURE__ */ t("span", { className: e.statText, children: o.text })
|
|
46
|
+
] }, `stat-${_}`)) })
|
|
47
|
+
]
|
|
48
|
+
},
|
|
49
|
+
`promo-${r}`
|
|
50
|
+
))
|
|
51
|
+
}
|
|
52
|
+
)
|
|
46
53
|
] });
|
|
47
54
|
export {
|
|
48
55
|
P as default
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
3
|
+
import { useRef as c, useEffect as s } from "react";
|
|
4
|
+
import '../../assets/RSVPEmbed.css';const p = "_wrapper_1mgkx_1", a = {
|
|
5
|
+
wrapper: p
|
|
6
|
+
};
|
|
7
|
+
function f({ embedUrl: t }) {
|
|
8
|
+
const r = c(null);
|
|
9
|
+
return s(() => {
|
|
10
|
+
const e = document.createElement("script");
|
|
11
|
+
return e.src = t, e.async = !0, r.current?.appendChild(e), () => {
|
|
12
|
+
r.current && (r.current.innerHTML = "");
|
|
13
|
+
};
|
|
14
|
+
}, []), /* @__PURE__ */ n("div", { ref: r, className: a.wrapper });
|
|
15
|
+
}
|
|
16
|
+
export {
|
|
17
|
+
f as default
|
|
18
|
+
};
|
package/dist/index.js
CHANGED
|
@@ -1,61 +1,50 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import { default as
|
|
3
|
-
import { default as
|
|
4
|
-
import { default as
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as
|
|
7
|
-
import { default as
|
|
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 { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import './assets/index.css';const l = "_wrapper_1mgkx_1", u = {
|
|
26
|
-
wrapper: l
|
|
27
|
-
};
|
|
28
|
-
function m({ embedUrl: t }) {
|
|
29
|
-
const r = a(null);
|
|
30
|
-
return f(() => {
|
|
31
|
-
const e = document.createElement("script");
|
|
32
|
-
return e.src = t, e.async = !0, r.current?.appendChild(e), () => {
|
|
33
|
-
r.current && (r.current.innerHTML = "");
|
|
34
|
-
};
|
|
35
|
-
}, []), /* @__PURE__ */ o("div", { ref: r, className: u.wrapper });
|
|
36
|
-
}
|
|
1
|
+
import { default as o } from "./components/PromoGroup/PromoGroup.js";
|
|
2
|
+
import { default as t } from "./components/Background/Background.js";
|
|
3
|
+
import { default as l } from "./components/Banner/Banner.js";
|
|
4
|
+
import { default as u } from "./components/BorderedBackground/BorderedBackground.js";
|
|
5
|
+
import { default as x } from "./components/Button/Button.js";
|
|
6
|
+
import { default as s } from "./components/Container/Container.js";
|
|
7
|
+
import { default as i } from "./components/Fifty/Fifty.js";
|
|
8
|
+
import { default as B } from "./components/Footer/Footer.js";
|
|
9
|
+
import { default as y } from "./components/ImageTextBlock/ImageTextBlock.js";
|
|
10
|
+
import { default as k } from "./components/List/List.js";
|
|
11
|
+
import { default as I } from "./components/OverlayHero/OverlayHero.js";
|
|
12
|
+
import { default as b } from "./components/Note/Note.js";
|
|
13
|
+
import { default as T } from "./components/MenuButton/MenuButton.js";
|
|
14
|
+
import { default as N } from "./components/Navbar/Navbar.js";
|
|
15
|
+
import { default as C } from "./components/PinnedImage/PinnedImage.js";
|
|
16
|
+
import { default as E } from "./components/IconDetail/IconDetail.js";
|
|
17
|
+
import { default as L } from "./components/Overlay/Overlay.js";
|
|
18
|
+
import { default as R } from "./components/GenericOverlay/GenericOverlay.js";
|
|
19
|
+
import { default as V } from "./components/Toolbar/Toolbar.js";
|
|
20
|
+
import { default as j } from "./components/GridGallery/GridGallery.js";
|
|
21
|
+
import { default as w } from "./components/ParallaxImageGrid/ParallaxImageGrid.js";
|
|
22
|
+
import { default as J } from "./components/TextBlock/TextBlock.js";
|
|
23
|
+
import { default as Q } from "./components/RSVPEmbed/RSVPEmbed.js";
|
|
24
|
+
import { default as W } from "./components/Accordion/Accordion.js";
|
|
37
25
|
export {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
26
|
+
W as Accordion,
|
|
27
|
+
t as Background,
|
|
28
|
+
l as Banner,
|
|
29
|
+
u as BorderedBackground,
|
|
30
|
+
x as Button,
|
|
31
|
+
s as Container,
|
|
32
|
+
i as Fifty,
|
|
33
|
+
B as Footer,
|
|
34
|
+
R as GenericOverlay,
|
|
35
|
+
j as GridGallery,
|
|
36
|
+
E as IconDetail,
|
|
37
|
+
y as ImageTextBlock,
|
|
38
|
+
k as List,
|
|
39
|
+
T as MenuButton,
|
|
40
|
+
N as Navbar,
|
|
41
|
+
b as Note,
|
|
42
|
+
L as Overlay,
|
|
43
|
+
I as OverlayHero,
|
|
44
|
+
w as ParallaxImageGrid,
|
|
45
|
+
C as PinnedImage,
|
|
46
|
+
o as PromoGroup,
|
|
47
|
+
Q as RSVPEmbed,
|
|
48
|
+
J as TextBlock,
|
|
49
|
+
V as Toolbar
|
|
61
50
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@courtneyring/components-library",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.28",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -19,7 +19,8 @@
|
|
|
19
19
|
"lint": "eslint .",
|
|
20
20
|
"preview": "vite preview",
|
|
21
21
|
"storybook": "storybook dev -p 6006",
|
|
22
|
-
"build-storybook": "storybook build"
|
|
22
|
+
"build-storybook": "storybook build",
|
|
23
|
+
"publish": "npm publish --access public"
|
|
23
24
|
},
|
|
24
25
|
"dependencies": {
|
|
25
26
|
"@gsap/react": "^2.1.2",
|
|
@@ -46,6 +47,7 @@
|
|
|
46
47
|
"eslint-plugin-storybook": "^9.1.10",
|
|
47
48
|
"glob": "^11.1.0",
|
|
48
49
|
"globals": "^16.4.0",
|
|
50
|
+
"prettier": "^3.8.1",
|
|
49
51
|
"sass-embedded": "^1.93.2",
|
|
50
52
|
"storybook": "^9.1.10",
|
|
51
53
|
"vite": "^7.1.7",
|
|
File without changes
|