@courtneyring/components-library 1.0.19 → 1.0.22
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/{Particles-O0-WQKRj.js → Particles-CKNJUrOc.js} +3 -0
- package/dist/assets/Fifty.css +1 -1
- package/dist/assets/OverlayHero.css +1 -1
- package/dist/components/Container/Container.js +1 -1
- package/dist/components/Fifty/Fifty.js +15 -15
- package/dist/components/Navbar/Navbar.js +39 -39
- package/dist/components/OverlayHero/OverlayHero.js +7 -7
- package/dist/components/ParticleBackground/ParticleBackground.js +31 -0
- package/dist/components/PromoGroup/PromoGroup.js +1 -1
- package/dist/components/TextBlock/TextBlock.js +27 -0
- package/dist/components/Toolbar/Toolbar.js +5 -5
- package/dist/index.js +44 -65
- package/package.json +1 -1
- /package/dist/assets/{index.css → TextBlock.css} +0 -0
package/dist/assets/Fifty.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._content_1qt4v_2{padding:40px 20px}}@media (min-width: 390px){._content_1qt4v_2{padding:40px 30px}}@media (min-width: 625px){._content_1qt4v_2{padding:50px 30px}}@media (min-width: 800px) and (orientation: landscape){._content_1qt4v_2{padding:50px}}@media (min-width: 800px) and (orientation: portrait){._content_1qt4v_2{padding:30px}}@media (min-width: 992px){._content_1qt4v_2{padding:50px}}@media (min-width: 1200px){._content_1qt4v_2{padding:50px 100px}}@media (min-width: 1600px){._content_1qt4v_2{padding:150px}}._fifty_1qt4v_41{display:grid;grid-template-columns:1fr;width:100%}._fifty_1qt4v_41[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._fifty_1qt4v_41[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._fifty_1qt4v_41[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._fifty_1qt4v_41[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._fifty_1qt4v_41[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._fifty_1qt4v_41[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._fifty_1qt4v_41[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._fifty_1qt4v_41[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._fifty_1qt4v_41._reverse_1qt4v_79 ._content_1qt4v_2{align-items:flex-end}._fifty_1qt4v_41._reverse_1qt4v_79 ._image_1qt4v_82{justify-content:flex-start}._fifty_1qt4v_41:not(._reverse_1qt4v_79) ._content_1qt4v_2{align-items:flex-start}._fifty_1qt4v_41:not(._reverse_1qt4v_79) ._image_1qt4v_82{justify-content:flex-end}._content_1qt4v_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_1qt4v_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._content_1qt4v_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._content_1qt4v_2 h2{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._content_1qt4v_2 h2{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._content_1qt4v_2 h2{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._content_1qt4v_2 h2{font-size:40px}}@media (min-width: 1200px){._content_1qt4v_2 h2{font-size:55px}}._content_1qt4v_2 h2{font-family:var(--font-secondary);margin-bottom:15px;line-height:1}@media (min-width: 0){._content_1qt4v_2 ._text_1qt4v_146>p{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._content_1qt4v_2 ._text_1qt4v_146>p{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._content_1qt4v_2 ._text_1qt4v_146>p{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._content_1qt4v_2 ._text_1qt4v_146>p{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._content_1qt4v_2 ._text_1qt4v_146>p{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._content_1qt4v_2 ._text_1qt4v_146>p{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._content_1qt4v_2 ._text_1qt4v_146>p{line-height:1.7}}._content_1qt4v_2 ._text_1qt4v_146>p{margin-bottom:20px}._image_1qt4v_82{aspect-ratio:1;width:100%}._image_1qt4v_82 img{width:100%;height:100%;object-fit:cover;object-position:top}._ctas_1qt4v_199{display:flex}._ctas_1qt4v_199>*:not(:last-child){margin-right:5px}._text_1qt4v_146{display:flex;flex-direction:column;align-items:flex-start}._details_1qt4v_212{display:grid;grid-template-columns:1fr}@media (min-width: 800px){._content_1qt4v_2{padding-top:30px;padding-bottom:30px}._fifty_1qt4v_41{grid-template-columns:1fr 1fr;grid-template-rows:1fr}._fifty_1qt4v_41._reverse_1qt4v_79 ._content_1qt4v_2{order:-1}._image_1qt4v_82{aspect-ratio:unset}._text_1qt4v_146 h2,._text_1qt4v_146>p{margin-bottom:15px}}@media (min-width: 800px) and (orientation: landscape){._details_1qt4v_212{grid-template-columns:1fr 1fr;width:100%}}@media (min-width: 992px){._fifty_1qt4v_41 ._content_1qt4v_2{padding:30px}._image_1qt4v_82{aspect-ratio:1}._text_1qt4v_146>p{margin-bottom:30px}}@media (min-width: 1200px){._fifty_1qt4v_41 ._content_1qt4v_2{padding:50px}._text_1qt4v_146 h2{margin-bottom:30px}._text_1qt4v_146>p{margin-bottom:40px}._ctas_1qt4v_199>*:not(:last-child){margin-right:10px}._details_1qt4v_212{grid-template-columns:1fr 1fr;width:100%}}@media (min-width: 1600px){._text_1qt4v_146{max-width:680px}._text_1qt4v_146 h2{margin-bottom:50px}._text_1qt4v_146>p{margin-bottom:50px}._fifty_1qt4v_41._reverse_1qt4v_79 ._content_1qt4v_2,._fifty_1qt4v_41:not(._reverse_1qt4v_79) ._content_1qt4v_2{align-items:center}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
:root{--overlay-font-size: clamp(1rem, 2.5cqw, 2.25rem)}._hero_1f1qw_5{display:flex;align-items:center;justify-content:center;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;height:100svh;padding:clamp(16px,4vh,48px)}._overlay_1f1qw_17{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_1f1qw_17{background-color:rgb(from var(--color-primary-dark) r g b/.9)}}._overlay_1f1qw_17{color:var(--color-white);padding:4%;text-align:center;position:relative;width:auto;aspect-ratio:4/5;max-height:85%;max-width:90%;min-width:60%;padding:clamp(16px,4vw,48px)}._eyebrow_1f1qw_42{font-size:var(--overlay-font-size);text-transform:uppercase;letter-spacing:3px;font-weight:300}._title_1f1qw_49{display:flex;flex-direction:column}._title_1f1qw_49,._title_1f1qw_49>*{font-family:var(--font-secondary);font-size:clamp(2.75rem,8cqw,9.5rem);line-height:1.2;margin-top:0}._eyebrow_1f1qw_42,._title_1f1qw_49{margin-bottom:20px}._subtitle_1f1qw_67{font-size:var(--overlay-font-size);letter-spacing:3px}._subtitle_1f1qw_67>p{text-transform:uppercase}._subtitle_1f1qw_67>p,._subtitle_1f1qw_67 i{margin-bottom:10px;margin-top:0;font-weight:300}@media (min-width: 390px){._overlay_1f1qw_17{aspect-ratio:10/16}._title_1f1qw_49,._title_1f1qw_49>*{line-height:1.2}._eyebrow_1f1qw_42,._title_1f1qw_49{margin-bottom:30px}}@media (min-width: 390px) and (orientation: landscape){._overlay_1f1qw_17{aspect-ratio:16/9;max-width:85%;padding:4%}._title_1f1qw_49{flex-direction:row}._eyebrow_1f1qw_42,._title_1f1qw_49{margin-bottom:10px}}@media (min-width: 625px) and (orientation: portrait){._title_1f1qw_49,._title_1f1qw_49>*{line-height:1.2}._overlay_1f1qw_17{aspect-ratio:4/5;max-width:80%}._subtitle_1f1qw_67,._eyebrow_1f1qw_42{font-size:20px}}@media (min-width: 800px) and (orientation: landscape){._eyebrow_1f1qw_42,._title_1f1qw_49{margin-bottom:15px}}@media (min-width: 992px) and (orientation: landscape){._eyebrow_1f1qw_42,._title_1f1qw_49{margin-bottom:30px}}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import { c as s } from "../../index-BIlioXmW.js";
|
|
4
4
|
import { useRef as c } from "react";
|
|
5
|
-
import "../../Particles-
|
|
5
|
+
import "../../Particles-CKNJUrOc.js";
|
|
6
6
|
import '../../assets/Container.css';const l = "_container_13h43_1", m = "_innerContainer_13h43_35", _ = "_styleless_13h43_115", n = {
|
|
7
7
|
container: l,
|
|
8
8
|
innerContainer: m,
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as n, jsx as
|
|
2
|
+
import { jsxs as n, jsx as t } from "react/jsx-runtime";
|
|
3
3
|
import h from "../Button/Button.js";
|
|
4
4
|
import { useFadeIn as p } from "../../hooks/useFadeIn.js";
|
|
5
|
-
import { c as
|
|
5
|
+
import { c as g } from "../../index-BIlioXmW.js";
|
|
6
6
|
import { Fragment as a } from "react";
|
|
7
|
-
import
|
|
8
|
-
import '../../assets/Fifty.css';const
|
|
9
|
-
content:
|
|
7
|
+
import q from "../IconDetail/IconDetail.js";
|
|
8
|
+
import '../../assets/Fifty.css';const x = "_content_1qt4v_2", y = "_fifty_1qt4v_41", N = "_reverse_1qt4v_79", u = "_image_1qt4v_82", j = "_text_1qt4v_146", F = "_ctas_1qt4v_199", I = "_details_1qt4v_212", e = {
|
|
9
|
+
content: x,
|
|
10
10
|
fifty: y,
|
|
11
11
|
reverse: N,
|
|
12
12
|
image: u,
|
|
13
13
|
text: j,
|
|
14
14
|
ctas: F,
|
|
15
15
|
details: I
|
|
16
|
-
}, w = ({ heading: o, body: m, ctas: s, color:
|
|
17
|
-
const
|
|
16
|
+
}, w = ({ heading: o, body: m, ctas: s, color: l, image: d, reverse: _, pos: f, details: r }) => {
|
|
17
|
+
const v = p({ duration: 0.8 });
|
|
18
18
|
return /* @__PURE__ */ n(
|
|
19
19
|
"div",
|
|
20
20
|
{
|
|
21
|
-
className:
|
|
22
|
-
"data-color":
|
|
21
|
+
className: g(e.fifty, !!_ && e.reverse),
|
|
22
|
+
"data-color": l,
|
|
23
23
|
children: [
|
|
24
|
-
/* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
/* @__PURE__ */
|
|
28
|
-
/* @__PURE__ */
|
|
24
|
+
/* @__PURE__ */ t("div", { className: e.content, ref: v, children: /* @__PURE__ */ n("div", { className: e.text, children: [
|
|
25
|
+
/* @__PURE__ */ t("h2", { children: o }),
|
|
26
|
+
/* @__PURE__ */ t("p", { children: m }),
|
|
27
|
+
/* @__PURE__ */ t("div", { className: e.ctas, children: s && !!s.length && s.map((i, c) => /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(h, { ...i }) }, c)) }),
|
|
28
|
+
/* @__PURE__ */ t("div", { className: e.details, children: r && r.map((i, c) => /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(q, { ...i }) }, c)) })
|
|
29
29
|
] }) }),
|
|
30
|
-
/* @__PURE__ */
|
|
30
|
+
/* @__PURE__ */ t("div", { className: e.image, children: /* @__PURE__ */ t("img", { src: d, style: { objectPosition: f } }) })
|
|
31
31
|
]
|
|
32
32
|
}
|
|
33
33
|
);
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as u, jsx as
|
|
3
|
-
import { useRef as
|
|
4
|
-
import
|
|
2
|
+
import { jsxs as u, jsx as r } from "react/jsx-runtime";
|
|
3
|
+
import { useRef as g, useState as c, useEffect as f, cloneElement as k } from "react";
|
|
4
|
+
import w 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
|
-
import { useNavColor as
|
|
10
|
-
import '../../assets/Navbar.css';const
|
|
11
|
-
navbar:
|
|
12
|
-
hide:
|
|
9
|
+
import { useNavColor as C } from "../../hooks/useNavColor.js";
|
|
10
|
+
import '../../assets/Navbar.css';const O = "_navbar_1d7u4_1", Y = "_hide_1d7u4_4", y = "_background_1d7u4_24", S = "_open_1d7u4_24", $ = "_navbar__link_1d7u4_27", j = "_navbar__logo_1d7u4_31", B = "_component_1d7u4_39", F = "_navbar__links_1d7u4_69", L = "_navbar__mobileDialog_1d7u4_81", M = "_navbar__toggle_1d7u4_97", o = {
|
|
11
|
+
navbar: O,
|
|
12
|
+
hide: Y,
|
|
13
13
|
background: y,
|
|
14
14
|
open: S,
|
|
15
15
|
navbar__link: $,
|
|
@@ -18,65 +18,65 @@ import '../../assets/Navbar.css';const C = "_navbar_1d7u4_1", O = "_hide_1d7u4_4
|
|
|
18
18
|
navbar__links: F,
|
|
19
19
|
navbar__mobileDialog: L,
|
|
20
20
|
navbar__toggle: M
|
|
21
|
-
},
|
|
22
|
-
const e =
|
|
21
|
+
}, I = {}, T = ({ links: t, logoImage: s, color: P, logoComponent: _ }) => {
|
|
22
|
+
const e = g(0), [v, b] = c("up"), [n, i] = c(!1), [m, R] = C(), [l, p] = c(!1);
|
|
23
23
|
f(() => (window.addEventListener("scroll", d), () => window.removeEventListener("scroll", d)), []);
|
|
24
24
|
const d = () => {
|
|
25
|
-
p(window.scrollY > 30)
|
|
26
|
-
const
|
|
27
|
-
|
|
25
|
+
p(window.scrollY > 30);
|
|
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__ */ u(
|
|
30
30
|
"nav",
|
|
31
31
|
{
|
|
32
32
|
className: E(
|
|
33
|
-
|
|
34
|
-
l &&
|
|
35
|
-
|
|
36
|
-
v === "down" &&
|
|
33
|
+
o.navbar,
|
|
34
|
+
l && o.background,
|
|
35
|
+
n && o.open,
|
|
36
|
+
v === "down" && o.hide
|
|
37
37
|
),
|
|
38
38
|
children: [
|
|
39
|
-
/* @__PURE__ */ u("a", { className:
|
|
40
|
-
s && /* @__PURE__ */
|
|
41
|
-
_ &&
|
|
42
|
-
className:
|
|
43
|
-
"data-color": !l ||
|
|
39
|
+
/* @__PURE__ */ u("a", { className: o.navbar__logo, href: "/", children: [
|
|
40
|
+
s && /* @__PURE__ */ r("img", { src: s }),
|
|
41
|
+
_ && k(_, {
|
|
42
|
+
className: o.component,
|
|
43
|
+
"data-color": !l || n ? "color-white" : "color-neutral-dark"
|
|
44
44
|
})
|
|
45
45
|
] }),
|
|
46
|
-
/* @__PURE__ */
|
|
47
|
-
|
|
46
|
+
/* @__PURE__ */ r("div", { className: o.navbar__toggle, children: /* @__PURE__ */ r(
|
|
47
|
+
w,
|
|
48
48
|
{
|
|
49
|
-
clickFn: () => i(!
|
|
50
|
-
isOpen:
|
|
51
|
-
theme: !l ||
|
|
49
|
+
clickFn: () => i(!n),
|
|
50
|
+
isOpen: n,
|
|
51
|
+
theme: !l || n ? "color-white" : "color-neutral-dark"
|
|
52
52
|
}
|
|
53
53
|
) }),
|
|
54
|
-
/* @__PURE__ */
|
|
54
|
+
/* @__PURE__ */ r("div", { className: o.navbar__links, children: t.map((a, h) => /* @__PURE__ */ r(
|
|
55
55
|
"a",
|
|
56
56
|
{
|
|
57
|
-
className: `${
|
|
58
|
-
href:
|
|
57
|
+
className: `${o.navbar__link}`,
|
|
58
|
+
href: a.value,
|
|
59
59
|
"data-color": m,
|
|
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__ */ r(
|
|
66
66
|
D,
|
|
67
67
|
{
|
|
68
68
|
closeFn: () => i(!1),
|
|
69
69
|
hideClose: !0,
|
|
70
|
-
background:
|
|
70
|
+
background: I.white,
|
|
71
71
|
fullscreen: !0,
|
|
72
|
-
children: /* @__PURE__ */
|
|
72
|
+
children: /* @__PURE__ */ r(x, { color: "color-white", children: /* @__PURE__ */ r("div", { className: o.navbar__mobileDialog, children: t.map((a, h) => /* @__PURE__ */ r(
|
|
73
73
|
"a",
|
|
74
74
|
{
|
|
75
|
-
className:
|
|
76
|
-
href:
|
|
77
|
-
children:
|
|
75
|
+
className: o.navbar__link,
|
|
76
|
+
href: a.value,
|
|
77
|
+
children: a.label
|
|
78
78
|
},
|
|
79
|
-
`m-${
|
|
79
|
+
`m-${a.value}`
|
|
80
80
|
)) }) })
|
|
81
81
|
}
|
|
82
82
|
),
|
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
import { jsx as t, jsxs as c } from "react/jsx-runtime";
|
|
3
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_1f1qw_5", _ = "_overlay_1f1qw_17", d = "_eyebrow_1f1qw_42", m = "_title_1f1qw_49", h = "_subtitle_1f1qw_67", e = {
|
|
6
6
|
hero: n,
|
|
7
7
|
overlay: _,
|
|
8
8
|
eyebrow: d,
|
|
9
9
|
title: m,
|
|
10
|
-
subtitle:
|
|
11
|
-
}, v = ({ text:
|
|
10
|
+
subtitle: h
|
|
11
|
+
}, v = ({ text: y, image: l, pos: a, eyebrow: r, title: i, subtitle: o }) => /* @__PURE__ */ t(
|
|
12
12
|
"div",
|
|
13
13
|
{
|
|
14
14
|
className: e.hero,
|
|
15
|
-
style: { backgroundImage: `url(${
|
|
15
|
+
style: { backgroundImage: `url(${l})`, backgroundPosition: a },
|
|
16
16
|
children: /* @__PURE__ */ c("div", { className: e.overlay, children: [
|
|
17
|
-
/* @__PURE__ */ t("p", { className: e.eyebrow, children:
|
|
18
|
-
/* @__PURE__ */ t("h1", { className: e.title, children: s(
|
|
19
|
-
/* @__PURE__ */ t("div", { className: e.subtitle, children: s(
|
|
17
|
+
r && /* @__PURE__ */ t("p", { className: e.eyebrow, children: r }),
|
|
18
|
+
/* @__PURE__ */ t("h1", { className: e.title, children: s(i) }),
|
|
19
|
+
o && /* @__PURE__ */ t("div", { className: e.subtitle, children: s(o) })
|
|
20
20
|
] })
|
|
21
21
|
}
|
|
22
22
|
);
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import { P as t } from "../../Particles-CKNJUrOc.js";
|
|
4
|
+
function i() {
|
|
5
|
+
return /* @__PURE__ */ e(
|
|
6
|
+
t,
|
|
7
|
+
{
|
|
8
|
+
id: "tsparticles",
|
|
9
|
+
options: {
|
|
10
|
+
particles: {
|
|
11
|
+
number: { value: 60 },
|
|
12
|
+
color: { value: "#ffffff" },
|
|
13
|
+
shape: { type: "circle" },
|
|
14
|
+
opacity: { value: 0.2 },
|
|
15
|
+
size: { value: 3 },
|
|
16
|
+
move: {
|
|
17
|
+
enable: !0,
|
|
18
|
+
speed: 0.3,
|
|
19
|
+
direction: "none",
|
|
20
|
+
random: !0
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
interactivity: { detectsOn: "canvas" },
|
|
24
|
+
retina_detect: !0
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
export {
|
|
30
|
+
i as default
|
|
31
|
+
};
|
|
@@ -5,7 +5,7 @@ import "../../index-BlCqcUwj.js";
|
|
|
5
5
|
import "../../hooks/useFadeIn.js";
|
|
6
6
|
import d from "../Button/Button.js";
|
|
7
7
|
import { c as m } from "../../index-BIlioXmW.js";
|
|
8
|
-
import "../../Particles-
|
|
8
|
+
import "../../Particles-CKNJUrOc.js";
|
|
9
9
|
import "../../index-DyQs5aC7.js";
|
|
10
10
|
import "../PinnedImage/PinnedImage.js";
|
|
11
11
|
import "../ParallaxImageGrid/ParallaxImageGrid.js";
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as l, jsx as c } from "react/jsx-runtime";
|
|
3
|
+
import { createElement as d } from "react";
|
|
4
|
+
import n from "../../utils/parse.js";
|
|
5
|
+
import m from "../IconDetail/IconDetail.js";
|
|
6
|
+
import '../../assets/TextBlock.css';const h = "_title_1v9uh_1", _ = "_blocks_1v9uh_47", p = "_block_1v9uh_47", k = "_blockHeader_1v9uh_58", v = "_description_1v9uh_88", e = {
|
|
7
|
+
title: h,
|
|
8
|
+
blocks: _,
|
|
9
|
+
block: p,
|
|
10
|
+
blockHeader: k,
|
|
11
|
+
description: v
|
|
12
|
+
}, x = ({ header: t, blocks: i }) => /* @__PURE__ */ l("div", { className: e.container, children: [
|
|
13
|
+
/* @__PURE__ */ c("h2", { className: e.title, children: t }),
|
|
14
|
+
/* @__PURE__ */ c("div", { className: e.blocks, children: i.map((s, o) => (
|
|
15
|
+
// <div className={styles.block} key={`block-${idx}`}>
|
|
16
|
+
/* @__PURE__ */ l("div", { className: e.block, children: [
|
|
17
|
+
/* @__PURE__ */ c("h3", { className: e.blockHeader, children: s.header }),
|
|
18
|
+
/* @__PURE__ */ l("div", { className: e.content, children: [
|
|
19
|
+
/* @__PURE__ */ c("div", { className: e.description, children: n(s.description) }),
|
|
20
|
+
/* @__PURE__ */ c("div", { className: e.details, children: s.details && s.details.map((a, r) => /* @__PURE__ */ d(m, { ...a, key: r })) })
|
|
21
|
+
] })
|
|
22
|
+
] }, `block-${o}`)
|
|
23
|
+
)) })
|
|
24
|
+
] });
|
|
25
|
+
export {
|
|
26
|
+
x as default
|
|
27
|
+
};
|
|
@@ -5,17 +5,17 @@ import { useState as l, useEffect as c } from "react";
|
|
|
5
5
|
import '../../assets/Toolbar.css';const h = "_toolbar_17thg_1", m = {
|
|
6
6
|
toolbar: h
|
|
7
7
|
}, g = () => {
|
|
8
|
-
const [
|
|
9
|
-
|
|
8
|
+
const [t, n] = l(!1), s = d(), r = (e) => {
|
|
9
|
+
e.code === "KeyI" && (e.preventDefault(), e.stopPropagation(), n(!t));
|
|
10
10
|
};
|
|
11
|
-
return c(() => (window.addEventListener("keyup",
|
|
11
|
+
return c(() => (window.addEventListener("keyup", r), () => window.removeEventListener("keyup", r)), [t]), t ? /* @__PURE__ */ o("div", { className: m.toolbar, children: [
|
|
12
12
|
/* @__PURE__ */ o("div", { children: [
|
|
13
13
|
"Width: ",
|
|
14
|
-
|
|
14
|
+
s.innerWidth
|
|
15
15
|
] }),
|
|
16
16
|
/* @__PURE__ */ o("div", { children: [
|
|
17
17
|
"Height: ",
|
|
18
|
-
|
|
18
|
+
s.innerHeight
|
|
19
19
|
] })
|
|
20
20
|
] }) : /* @__PURE__ */ i(a, {});
|
|
21
21
|
};
|
package/dist/index.js
CHANGED
|
@@ -1,67 +1,46 @@
|
|
|
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
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as
|
|
22
|
-
import {
|
|
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
|
-
}, N = ({ header: t, blocks: l }) => /* @__PURE__ */ a("div", { className: e.container, children: [
|
|
32
|
-
/* @__PURE__ */ r("h2", { className: e.title, children: t }),
|
|
33
|
-
/* @__PURE__ */ r("div", { className: e.blocks, children: l.map((o, s) => (
|
|
34
|
-
// <div className={styles.block} key={`block-${idx}`}>
|
|
35
|
-
/* @__PURE__ */ a("div", { className: e.block, children: [
|
|
36
|
-
/* @__PURE__ */ r("h3", { className: e.blockHeader, children: o.header }),
|
|
37
|
-
/* @__PURE__ */ a("div", { className: e.content, children: [
|
|
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
|
-
] })
|
|
41
|
-
] }, `block-${s}`)
|
|
42
|
-
)) })
|
|
43
|
-
] });
|
|
1
|
+
import { default as a } 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 c } 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 P } from "./components/Note/Note.js";
|
|
13
|
+
import { default as b } from "./components/MenuButton/MenuButton.js";
|
|
14
|
+
import { default as N } from "./components/Navbar/Navbar.js";
|
|
15
|
+
import { default as D } from "./components/PinnedImage/PinnedImage.js";
|
|
16
|
+
import { default as L } from "./components/IconDetail/IconDetail.js";
|
|
17
|
+
import { default as h } from "./components/Overlay/Overlay.js";
|
|
18
|
+
import { default as q } from "./components/GenericOverlay/GenericOverlay.js";
|
|
19
|
+
import { default as z } from "./components/Toolbar/Toolbar.js";
|
|
20
|
+
import { default as E } from "./components/GridGallery/GridGallery.js";
|
|
21
|
+
import { default as K } from "./components/ParallaxImageGrid/ParallaxImageGrid.js";
|
|
22
|
+
import { default as R } from "./components/TextBlock/TextBlock.js";
|
|
44
23
|
export {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
24
|
+
t as Background,
|
|
25
|
+
l as Banner,
|
|
26
|
+
u as BorderedBackground,
|
|
27
|
+
x as Button,
|
|
28
|
+
s as Container,
|
|
29
|
+
i as Fifty,
|
|
30
|
+
c as Footer,
|
|
31
|
+
q as GenericOverlay,
|
|
32
|
+
E as GridGallery,
|
|
33
|
+
L as IconDetail,
|
|
34
|
+
y as ImageTextBlock,
|
|
35
|
+
k as List,
|
|
36
|
+
b as MenuButton,
|
|
37
|
+
N as Navbar,
|
|
38
|
+
P as Note,
|
|
39
|
+
h as Overlay,
|
|
40
|
+
I as OverlayHero,
|
|
41
|
+
K as ParallaxImageGrid,
|
|
42
|
+
D as PinnedImage,
|
|
43
|
+
a as PromoGroup,
|
|
44
|
+
R as TextBlock,
|
|
45
|
+
z as Toolbar
|
|
67
46
|
};
|
package/package.json
CHANGED
|
File without changes
|