@courtneyring/components-library 1.0.13 → 1.0.14
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/Navbar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._navbar_1vram_1{height:60px}._navbar_1vram_1._hide_1vram_4{margin-top:-60px}._navbar_1vram_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_1vram_1._background_1vram_24:not(._open_1vram_24){background-color:var(--color-neutral-dark)}._navbar_1vram_1._background_1vram_24 ._navbar__link_1vram_27{color:var(--color-white)}._navbar__logo_1vram_31{height:100%}._navbar__logo_1vram_31 img{height:100%;object-fit:contain;filter:invert(100%) sepia(0%) saturate(7500%) hue-rotate(124deg) brightness(112%) contrast(102%)}._navbar__logo_1vram_31 ._component_1vram_39{height:100%;transition:fill .5s ease-in-out;fill:#000}._navbar__logo_1vram_31 ._component_1vram_39[data-color=color-primary-dark],._navbar__logo_1vram_31 ._component_1vram_39[data-color=color-primary-medium]{fill:var(--color-white)}._navbar__logo_1vram_31 ._component_1vram_39[data-color=color-primary-light]{fill:var(--color-neutral-dark)}._navbar__logo_1vram_31 ._component_1vram_39[data-color=color-secondary],._navbar__logo_1vram_31 ._component_1vram_39[data-color=color-neutral-dark],._navbar__logo_1vram_31 ._component_1vram_39[data-color=color-neutral-medium]{fill:var(--color-white)}._navbar__logo_1vram_31 ._component_1vram_39[data-color=color-neutral-light],._navbar__logo_1vram_31 ._component_1vram_39[data-color=color-white]{fill:var(--color-neutral-dark)}._navbar__links_1vram_69{display:none}._navbar__link_1vram_27{text-decoration:none;color:var(--color-neutral-dark);transition:color .5s ease-in-out;font-size:32px;margin-bottom:30px}._navbar__mobileDialog_1vram_81{display:flex;flex-direction:column;padding:150px 20px 20px}@media (min-width: 625px){._navbar_1vram_1{height:80px}._navbar_1vram_1._hide_1vram_4{margin-top:-80px}}@media (min-width: 800px){._navbar__toggle_1vram_97{display:none}._navbar__links_1vram_69{display:initial}._navbar__link_1vram_27{font-size:22px}._navbar__link_1vram_27:not(:last-child){margin-right:15px}}@media (min-width: 800px){._navbar__link_1vram_27{font-size:28px}}@media (min-width: 992px){._navbar__link_1vram_27:not(:last-child){margin-right:30px}}@media (min-width: 1200px){._navbar_1vram_1 ._navbar_1vram_1{height:80px}._navbar_1vram_1 ._navbar_1vram_1._hide_1vram_4{margin-top:-80px}._navbar_1vram_1{padding:15px 50px}._navbar__link_1vram_27{font-size:30px}._navbar__link_1vram_27:not(:last-child){margin-right:30px}}
|
package/dist/assets/Overlay.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes
|
|
1
|
+
@keyframes _fadeIn_jtoap_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_jtoap_33{0%{opacity:100%}to{opacity:0%}}._overlay_jtoap_17{display:flex;align-items:center;justify-content:center}._overlay__background_jtoap_23{animation:.5s ease-out 0s 1 _fadeIn_jtoap_1 forwards;width:100%;height:100%;background:#000c;position:fixed;top:0;left:0;z-index:15}._overlay__background_jtoap_23._fadeOut_jtoap_33{animation:.5s ease-in-out 0s 1 _fadeOut_jtoap_33 forwards}._overlay__dialog_jtoap_37{position:fixed;opacity:1;width:100%;height:100%;top:0;left:0;z-index:20;animation:.5s ease-out 0s 1 _fadeIn_jtoap_1 forwards;background:var(--color-white)}._overlay__dialog_jtoap_37._fadeOut_jtoap_33{animation:.5s ease-in-out 0s 1 _fadeOut_jtoap_33 forwards}._overlay__dialog_jtoap_37 span{font-size:35px;font-weight:600}._overlay__close_jtoap_56{position:absolute;top:30px;right:30px;cursor:pointer;width:25px;font-size:25px;z-index:2}._overlay__close_jtoap_56 img{width:100%}@media (min-width: 800px){._overlay__dialog_jtoap_37{width:unset;height:unset;max-height:90%;border-radius:5px;left:50%;top:50%;transform:translate(-50%,-50%)}._overlay__dialog_jtoap_37._fullscreen_jtoap_79{width:calc(100% - 50px);height:calc(100% - 50px)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
html,body{overscroll-behavior:none;height:100%}p,h1,h2,h3{margin:0}@media (min-width: 0){strong{font-weight:800;font-size:24px}}@media (min-width: 800px) and (orientation: portrait){strong{font-size:30px}}@media (min-width: 800px) and (orientation: landscape){strong{font-size:20px}}@media (min-width: 992px){strong{font-size:28px}}@media (min-width: 0){small{font-size:18px}}@media (min-width: 800px) and (orientation: landscape){small{font-size:18px}}@media (min-width: 800px) and (orientation: portrait){small{font-size:22px}}@media (min-width: 992px) and (orientation: landscape){small{font-size:20px;line-height:1}}@media (min-width: 992px) and (orientation: portrait){small{font-size:22px;line-height:1}}small{font-style:italic}@media (min-width: 0){.
|
|
1
|
+
html,body{overscroll-behavior:none;height:100%}p,h1,h2,h3{margin:0}@media (min-width: 0){strong{font-weight:800;font-size:24px}}@media (min-width: 800px) and (orientation: portrait){strong{font-size:30px}}@media (min-width: 800px) and (orientation: landscape){strong{font-size:20px}}@media (min-width: 992px){strong{font-size:28px}}@media (min-width: 0){small{font-size:18px}}@media (min-width: 800px) and (orientation: landscape){small{font-size:18px}}@media (min-width: 800px) and (orientation: portrait){small{font-size:22px}}@media (min-width: 992px) and (orientation: landscape){small{font-size:20px;line-height:1}}@media (min-width: 992px) and (orientation: portrait){small{font-size:22px;line-height:1}}small{font-style:italic}@media (min-width: 0){._group_1qsem_2{width:calc(100% + 40px);margin-left:-20px}}@media (min-width: 390px){._group_1qsem_2{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 625px){._group_1qsem_2{margin-top:0;margin-bottom:0;width:100%;margin-left:0}}._group_1qsem_2{display:grid;grid-template-columns:1fr;gap:20px;padding:0 20px}._group_1qsem_2._slider_1qsem_27{grid-template-columns:repeat(var(--promos),1fr);overflow-x:auto}@media (min-width: 0){._header_1qsem_33{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_1qsem_33{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_1qsem_33{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._header_1qsem_33{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._header_1qsem_33{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._header_1qsem_33{font-size:40px}}@media (min-width: 1200px){._header_1qsem_33{font-size:55px}}._header_1qsem_33{font-family:var(--font-secondary);margin-bottom:30px}._promo_1qsem_75{grid-row:auto/span 3;padding:20px;display:grid;grid-template-rows:subgrid;min-width:73vw}._promo_1qsem_75[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._promo_1qsem_75[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._promo_1qsem_75[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._promo_1qsem_75[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._promo_1qsem_75[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._promo_1qsem_75[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._promo_1qsem_75[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._promo_1qsem_75[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._promo_1qsem_75[data-text-align=center]{text-align:center;align-items:center}._image_1qsem_119{width:100px;margin:0 auto}._promo__header_1qsem_124{margin:0;line-height:2.25rem;text-transform:uppercase;letter-spacing:3px}@media (min-width: 0){._promo__header_1qsem_124{font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}}@media (min-width: 625px){._promo__header_1qsem_124{font-size:26px}}@media (min-width: 800px) and (orientation: landscape){._promo__header_1qsem_124{font-size:20px}}@media (min-width: 800px) and (orientation: portrait){._promo__header_1qsem_124{font-size:30px}}@media (min-width: 992px) and (orientation: landscape){._promo__header_1qsem_124{font-size:28px}}@media (min-width: 0){._cta_1qsem_161{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._cta_1qsem_161{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._cta_1qsem_161{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._cta_1qsem_161{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._cta_1qsem_161{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._cta_1qsem_161{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._cta_1qsem_161{line-height:1.7}}._cta_1qsem_161{margin:0 auto}@media (min-width: 0){._promo__body_1qsem_204{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._promo__body_1qsem_204{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._promo__body_1qsem_204{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._promo__body_1qsem_204{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._promo__body_1qsem_204{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._promo__body_1qsem_204{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._promo__body_1qsem_204{line-height:1.7}}._stat_1qsem_243{display:flex;align-items:center;margin-bottom:5px}._stat_1qsem_243 span:first-child{margin-right:10px}@media (min-width: 0){._statText_1qsem_253{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._statText_1qsem_253{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._statText_1qsem_253{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._statText_1qsem_253{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._statText_1qsem_253{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._statText_1qsem_253{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._statText_1qsem_253{line-height:1.7}}._statText_1qsem_253{font-style:italic}@media (min-width: 625px){._group_1qsem_2._slider_1qsem_27{grid-template-columns:1fr 1fr;padding:0}._promo_1qsem_75{min-width:unset}}@media (min-width: 800px) and (orientation: landscape){._group_1qsem_2._slider_1qsem_27{grid-template-columns:1fr 1fr 1fr}._image_1qsem_119{width:80px}}@media (min-width: 800px) and (orientation: portrait){._group_1qsem_2._slider_1qsem_27{gap:30px}}@media (min-width: 992px){._group_1qsem_2{grid-template-columns:1fr 1fr}._group_1qsem_2._slider_1qsem_27{grid-template-columns:1fr 1fr 1fr;gap:20px}}@media (min-width: 1600px){._promo_1qsem_75{padding:50px}}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as m, jsx as
|
|
3
|
-
import { useRef as h, useState as
|
|
2
|
+
import { jsxs as m, jsx as o } from "react/jsx-runtime";
|
|
3
|
+
import { useRef as h, useState as c, useEffect as f, cloneElement as w } from "react";
|
|
4
4
|
import k from "../MenuButton/MenuButton.js";
|
|
5
5
|
import { r as N } from "../../index-DyQs5aC7.js";
|
|
6
6
|
import D from "../Overlay/Overlay.js";
|
|
7
7
|
import x from "../Container/Container.js";
|
|
8
8
|
import { c as E } from "../../index-BIlioXmW.js";
|
|
9
9
|
import { useNavColor as Y } from "../../hooks/useNavColor.js";
|
|
10
|
-
import '../../assets/Navbar.css';const C = "
|
|
10
|
+
import '../../assets/Navbar.css';const C = "_navbar_1vram_1", O = "_hide_1vram_4", y = "_background_1vram_24", S = "_open_1vram_24", $ = "_navbar__link_1vram_27", j = "_navbar__logo_1vram_31", B = "_component_1vram_39", F = "_navbar__links_1vram_69", L = "_navbar__mobileDialog_1vram_81", M = "_navbar__toggle_1vram_97", r = {
|
|
11
11
|
navbar: C,
|
|
12
12
|
hide: O,
|
|
13
13
|
background: y,
|
|
@@ -19,64 +19,64 @@ import '../../assets/Navbar.css';const C = "_navbar_oc3dm_1", O = "_hide_oc3dm_4
|
|
|
19
19
|
navbar__mobileDialog: L,
|
|
20
20
|
navbar__toggle: M
|
|
21
21
|
}, H = {}, T = ({ links: t, logoImage: s, color: I, logoComponent: _ }) => {
|
|
22
|
-
const e = h(0), [
|
|
23
|
-
f(() => (window.addEventListener("scroll",
|
|
24
|
-
const
|
|
22
|
+
const e = h(0), [d, b] = c("up"), [n, i] = c(!1), [u, P] = Y(), [l, p] = c(!1);
|
|
23
|
+
f(() => (window.addEventListener("scroll", v), () => window.removeEventListener("scroll", v)), []);
|
|
24
|
+
const v = () => {
|
|
25
25
|
p(window.scrollY > 30), console.log(window.scrollY > window.innerHeight);
|
|
26
|
-
const
|
|
27
|
-
|
|
26
|
+
const a = window.scrollY;
|
|
27
|
+
a - e.current !== 0 && b(a > e.current ? "down" : "up"), e.current = a > 0 ? a : 0;
|
|
28
28
|
};
|
|
29
29
|
return /* @__PURE__ */ m(
|
|
30
30
|
"nav",
|
|
31
31
|
{
|
|
32
32
|
className: E(
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
33
|
+
r.navbar,
|
|
34
|
+
l && r.background,
|
|
35
|
+
n && r.open,
|
|
36
|
+
d === "down" && r.hide
|
|
37
37
|
),
|
|
38
38
|
children: [
|
|
39
|
-
/* @__PURE__ */ m("a", { className:
|
|
40
|
-
s && /* @__PURE__ */
|
|
39
|
+
/* @__PURE__ */ m("a", { className: r.navbar__logo, href: "/", children: [
|
|
40
|
+
s && /* @__PURE__ */ o("img", { src: s }),
|
|
41
41
|
_ && w(_, {
|
|
42
|
-
className:
|
|
43
|
-
"data-color": !
|
|
42
|
+
className: r.component,
|
|
43
|
+
"data-color": !l || n ? "color-white" : "color-neutral-dark"
|
|
44
44
|
})
|
|
45
45
|
] }),
|
|
46
|
-
/* @__PURE__ */
|
|
46
|
+
/* @__PURE__ */ o("div", { className: r.navbar__toggle, children: /* @__PURE__ */ o(
|
|
47
47
|
k,
|
|
48
48
|
{
|
|
49
|
-
clickFn: () => i(!
|
|
50
|
-
isOpen:
|
|
51
|
-
theme: !
|
|
49
|
+
clickFn: () => i(!n),
|
|
50
|
+
isOpen: n,
|
|
51
|
+
theme: !l || n ? "color-white" : "color-neutral-dark"
|
|
52
52
|
}
|
|
53
53
|
) }),
|
|
54
|
-
/* @__PURE__ */
|
|
54
|
+
/* @__PURE__ */ o("div", { className: r.navbar__links, children: t.map((a, g) => /* @__PURE__ */ o(
|
|
55
55
|
"a",
|
|
56
56
|
{
|
|
57
|
-
className: `${
|
|
58
|
-
href:
|
|
57
|
+
className: `${r.navbar__link}`,
|
|
58
|
+
href: a.value,
|
|
59
59
|
"data-color": u,
|
|
60
|
-
children:
|
|
60
|
+
children: a.label
|
|
61
61
|
},
|
|
62
|
-
`navbar-d-${
|
|
62
|
+
`navbar-d-${a.value}`
|
|
63
63
|
)) }),
|
|
64
|
-
|
|
65
|
-
/* @__PURE__ */
|
|
64
|
+
n && N.createPortal(
|
|
65
|
+
/* @__PURE__ */ o(
|
|
66
66
|
D,
|
|
67
67
|
{
|
|
68
68
|
closeFn: () => i(!1),
|
|
69
69
|
hideClose: !0,
|
|
70
70
|
background: H.white,
|
|
71
71
|
fullscreen: !0,
|
|
72
|
-
children: /* @__PURE__ */
|
|
72
|
+
children: /* @__PURE__ */ o(x, { color: "color-white", children: /* @__PURE__ */ o("div", { className: r.navbar__mobileDialog, children: t.map((a, g) => /* @__PURE__ */ o(
|
|
73
73
|
"a",
|
|
74
74
|
{
|
|
75
|
-
className:
|
|
76
|
-
href:
|
|
77
|
-
children:
|
|
75
|
+
className: r.navbar__link,
|
|
76
|
+
href: a.value,
|
|
77
|
+
children: a.label
|
|
78
78
|
},
|
|
79
|
-
`m-${
|
|
79
|
+
`m-${a.value}`
|
|
80
80
|
)) }) })
|
|
81
81
|
}
|
|
82
82
|
),
|
|
@@ -1,41 +1,40 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { useState as
|
|
4
|
-
import { c as
|
|
5
|
-
import '../../assets/Overlay.css';const
|
|
6
|
-
overlay:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
u(() => (document.body.style.overflow = "hidden", () => {
|
|
2
|
+
import { jsxs as _, jsx as o } from "react/jsx-runtime";
|
|
3
|
+
import { useState as u, useEffect as v } from "react";
|
|
4
|
+
import { c as y } from "../../index-BIlioXmW.js";
|
|
5
|
+
import '../../assets/Overlay.css';const f = "_overlay_jtoap_17", i = "_overlay__background_jtoap_23", m = "_fadeIn_jtoap_1", p = "_fadeOut_jtoap_33", j = "_overlay__dialog_jtoap_37", O = "_overlay__close_jtoap_56", g = "_fullscreen_jtoap_79", e = {
|
|
6
|
+
overlay: f,
|
|
7
|
+
overlay__background: i,
|
|
8
|
+
fadeIn: m,
|
|
9
|
+
fadeOut: p,
|
|
10
|
+
overlay__dialog: j,
|
|
11
|
+
overlay__close: O,
|
|
12
|
+
fullscreen: g
|
|
13
|
+
}, k = ({ children: r, closeFn: c, hideClose: a, background: l, fullscreen: n = !0 }) => {
|
|
14
|
+
const [s, d] = u(!1);
|
|
15
|
+
v(() => (document.body.style.overflow = "hidden", () => {
|
|
17
16
|
document.body.style.overflow = "unset";
|
|
18
17
|
}), []);
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
const t = () => {
|
|
19
|
+
d(!0), setTimeout(() => {
|
|
20
|
+
c();
|
|
22
21
|
}, 500);
|
|
23
22
|
};
|
|
24
|
-
return /* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
23
|
+
return /* @__PURE__ */ _("div", { className: y(e.overlay, !a && e.hideNav), children: [
|
|
24
|
+
/* @__PURE__ */ o(
|
|
26
25
|
"div",
|
|
27
26
|
{
|
|
28
27
|
className: ` ${e.overlay__background} ${s && e.fadeOut}`,
|
|
29
|
-
onClick:
|
|
28
|
+
onClick: t
|
|
30
29
|
}
|
|
31
30
|
),
|
|
32
|
-
/* @__PURE__ */
|
|
31
|
+
/* @__PURE__ */ _(
|
|
33
32
|
"div",
|
|
34
33
|
{
|
|
35
|
-
className: `${e.overlay__dialog} ${s ? e.fadeOut : e.fadeIn} ${
|
|
36
|
-
style:
|
|
34
|
+
className: `${e.overlay__dialog} ${s ? e.fadeOut : e.fadeIn} ${n && e.fullscreen} `,
|
|
35
|
+
style: l ? { background: l } : {},
|
|
37
36
|
children: [
|
|
38
|
-
!
|
|
37
|
+
!a && /* @__PURE__ */ o("div", { className: e.overlay__close, onClick: t, children: /* @__PURE__ */ o("span", { className: "material-symbols-outlined", children: "close" }) }),
|
|
39
38
|
r
|
|
40
39
|
]
|
|
41
40
|
}
|
|
@@ -43,5 +42,5 @@ import '../../assets/Overlay.css';const y = "_overlay_1d84l_17", f = "_hideNav_1
|
|
|
43
42
|
] });
|
|
44
43
|
};
|
|
45
44
|
export {
|
|
46
|
-
|
|
45
|
+
k as default
|
|
47
46
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as r, Fragment as i, jsx as s } from "react/jsx-runtime";
|
|
3
3
|
import "react";
|
|
4
4
|
import "../../index-BlCqcUwj.js";
|
|
5
5
|
import l from "../Button/Button.js";
|
|
@@ -8,41 +8,41 @@ import "../../hooks/useFadeIn.js";
|
|
|
8
8
|
import "../../index-DyQs5aC7.js";
|
|
9
9
|
import "../PinnedImage/PinnedImage.js";
|
|
10
10
|
import "../ParallaxImageGrid/ParallaxImageGrid.js";
|
|
11
|
-
import '../../assets/PromoGroup.css';const n = "
|
|
11
|
+
import '../../assets/PromoGroup.css';const n = "_group_1qsem_2", h = "_slider_1qsem_27", p = "_header_1qsem_33", g = "_promo_1qsem_75", N = "_image_1qsem_119", q = "_promo__header_1qsem_124", u = "_cta_1qsem_161", y = "_promo__body_1qsem_204", x = "_stat_1qsem_243", b = "_statText_1qsem_253", a = {
|
|
12
12
|
group: n,
|
|
13
13
|
slider: h,
|
|
14
14
|
header: p,
|
|
15
15
|
promo: g,
|
|
16
|
-
image:
|
|
17
|
-
promo__header:
|
|
16
|
+
image: N,
|
|
17
|
+
promo__header: q,
|
|
18
18
|
cta: u,
|
|
19
19
|
promo__body: y,
|
|
20
20
|
stat: x,
|
|
21
21
|
statText: b
|
|
22
|
-
},
|
|
23
|
-
/* @__PURE__ */
|
|
24
|
-
/* @__PURE__ */
|
|
22
|
+
}, P = ({ header: o, promos: t }) => /* @__PURE__ */ r(i, { children: [
|
|
23
|
+
/* @__PURE__ */ s("h2", { className: a.header, children: o }),
|
|
24
|
+
/* @__PURE__ */ s("div", { className: d(a.group, t.length > 3 && a.slider), style: { "--promos": t.length }, children: t.map((e, c) => /* @__PURE__ */ r(
|
|
25
25
|
"div",
|
|
26
26
|
{
|
|
27
|
-
delay: 0.1 *
|
|
28
|
-
className:
|
|
29
|
-
"data-color":
|
|
30
|
-
"data-text-align":
|
|
27
|
+
delay: 0.1 * c,
|
|
28
|
+
className: a.promo,
|
|
29
|
+
"data-color": e.color,
|
|
30
|
+
"data-text-align": e.textAlign,
|
|
31
31
|
children: [
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
/* @__PURE__ */
|
|
39
|
-
/* @__PURE__ */
|
|
32
|
+
e.icon && /* @__PURE__ */ s("span", { className: "material-symbols-outlined", children: e.icon }),
|
|
33
|
+
e.image && /* @__PURE__ */ s("img", { className: a.image, src: e.image }),
|
|
34
|
+
e.header && /* @__PURE__ */ s("h3", { className: a.promo__header, children: e.header }),
|
|
35
|
+
/* @__PURE__ */ s("p", { className: a.promo__body, children: e.body }),
|
|
36
|
+
e.cta && /* @__PURE__ */ s("div", { className: a.cta, children: /* @__PURE__ */ s(l, { ...e.cta }) }),
|
|
37
|
+
e.stats && /* @__PURE__ */ s("div", { className: a.stats, children: e.stats.map((m, _) => /* @__PURE__ */ r("div", { className: a.stat, children: [
|
|
38
|
+
/* @__PURE__ */ s("span", { className: "material-symbols-outlined", children: m.icon }),
|
|
39
|
+
/* @__PURE__ */ s("span", { className: a.statText, children: m.text })
|
|
40
40
|
] }, `stat-${_}`)) })
|
|
41
41
|
]
|
|
42
42
|
},
|
|
43
|
-
`promo-${
|
|
43
|
+
`promo-${c}`
|
|
44
44
|
)) })
|
|
45
45
|
] });
|
|
46
46
|
export {
|
|
47
|
-
|
|
47
|
+
P as default
|
|
48
48
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@courtneyring/components-library",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.14",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"@gsap/react": "^2.1.2",
|
|
26
|
+
"@next/third-parties": "^16.1.6",
|
|
26
27
|
"classnames": "^2.5.1",
|
|
27
28
|
"gsap": "^3.13.0",
|
|
28
29
|
"moment": "^2.30.1",
|