@courtneyring/components-library 1.0.8 → 1.0.9
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/Banner.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Container.css +1 -1
- package/dist/assets/Fifty.css +1 -1
- package/dist/assets/GenericOverlay.css +1 -1
- package/dist/assets/IconDetail.css +1 -1
- package/dist/assets/ImageTextBlock.css +1 -1
- package/dist/assets/List.css +1 -1
- package/dist/assets/MenuButton.css +1 -1
- package/dist/assets/Navbar.css +1 -1
- package/dist/assets/Note.css +1 -1
- package/dist/assets/PinnedImage.css +1 -1
- package/dist/assets/PromoGroup.css +1 -1
- package/dist/components/Background/Background.js +16 -14
- package/dist/components/Banner/Banner.js +11 -11
- package/dist/components/Button/Button.js +23 -23
- package/dist/components/Container/Container.js +36 -6
- package/dist/components/Fifty/Fifty.js +16 -16
- package/dist/components/GenericOverlay/GenericOverlay.js +8 -8
- package/dist/components/IconDetail/IconDetail.js +7 -7
- package/dist/components/ImageTextBlock/ImageTextBlock.js +26 -26
- package/dist/components/List/List.js +7 -7
- package/dist/components/MenuButton/MenuButton.js +37 -12
- package/dist/components/Navbar/Navbar.js +56 -38
- package/dist/components/Note/Note.js +12 -12
- package/dist/components/PinnedImage/PinnedImage.js +43 -40
- package/dist/components/PromoGroup/PromoGroup.js +30 -29
- package/dist/useNavColor-BR80WxFs.js +15 -0
- package/package.json +1 -1
package/dist/assets/Banner.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._banner_1weox_1{display:flex;align-items:center;justify-content:center;flex-direction:column}._header_1weox_8{font-family:var(--font-secondary)}@media (min-width: 0){._header_1weox_8{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_1weox_8{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_1weox_8{font-size:42px}}@media (min-width: 800px){._header_1weox_8{font-size:30px}}._header_1weox_8{margin-bottom:20px;text-align:center}@media (min-width: 0){._body_1weox_40{font-size:22px;line-height:1.2}}@media (min-width: 800px){._body_1weox_40{font-size:18px}}@media (min-width: 1200px){._body_1weox_40{font-size:24px;line-height:1.6}}@media (min-width: 992px){._banner_1weox_1{min-height:unset}._header_1weox_8{margin-bottom:30px}}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_aa55c_1{cursor:pointer;padding:8px 10px;border:2px solid;outline:0px}@media (min-width: 0){._button_aa55c_1{font-size:22px;line-height:1.2}}@media (min-width: 800px){._button_aa55c_1{font-size:18px}}@media (min-width: 1200px){._button_aa55c_1{font-size:24px;line-height:1.6}}._button_aa55c_1{text-decoration:none;transition:all .2s ease-in-out}._button_aa55c_1[data-color=color-primary-dark]{border-color:var(--color-primary-dark)}._button_aa55c_1[data-color=color-primary-medium]{border-color:var(--color-primary-medium)}._button_aa55c_1[data-color=color-primary-light]{border-color:var(--color-primary-light)}._button_aa55c_1[data-color=color-secondary]{border-color:var(--color-secondary)}._button_aa55c_1[data-color=color-neutral-dark]{border-color:var(--color-neutral-dark)}._button_aa55c_1[data-color=color-neutral-medium]{border-color:var(--color-neutral-medium)}._button_aa55c_1[data-color=color-neutral-light]{border-color:var(--color-neutral-light)}._button_aa55c_1[data-color=color-white]{border-color:var(--color-white)}._button_aa55c_1[data-color=color-primary-dark]{color:var(--color-primary-dark)}._button_aa55c_1[data-color=color-primary-medium]{color:var(--color-primary-medium)}._button_aa55c_1[data-color=color-primary-light]{color:var(--color-primary-light)}._button_aa55c_1[data-color=color-secondary]{color:var(--color-secondary)}._button_aa55c_1[data-color=color-neutral-dark]{color:var(--color-neutral-dark)}._button_aa55c_1[data-color=color-neutral-medium]{color:var(--color-neutral-medium)}._button_aa55c_1[data-color=color-neutral-light]{color:var(--color-neutral-light)}._button_aa55c_1[data-color=color-white]{color:var(--color-white)}._button_aa55c_1{line-height:.8;align-items:center}._button_aa55c_1._hollow_aa55c_80{background-color:transparent}._button_aa55c_1._filled_aa55c_83[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._button_aa55c_1._filled_aa55c_83[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._button_aa55c_1._filled_aa55c_83[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._button_aa55c_1._filled_aa55c_83[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._button_aa55c_1._filled_aa55c_83[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._button_aa55c_1._filled_aa55c_83[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._button_aa55c_1._filled_aa55c_83[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._button_aa55c_1._filled_aa55c_83[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._button_aa55c_1:hover{opacity:.8}._link_aa55c_119{text-decoration:none;font-weight:500;color:inherit;align-items:flex-start;border:none;background-color:transparent;display:flex}._link_aa55c_119 span{margin-left:10px}@media (min-width: 992px){._button_aa55c_1{padding:16px 48px;border-width:2px}._link_aa55c_119{font-size:24px}}@media (min-width: 1200px){._button_aa55c_1{padding:12px 50px}}@media (min-width: 1920px){._button_aa55c_1{padding:12px 50px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_duqhh_1[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._container_duqhh_1[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._container_duqhh_1[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._container_duqhh_1[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._container_duqhh_1[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._container_duqhh_1[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._container_duqhh_1[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._container_duqhh_1[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}@media (min-width: 0){._innerContainer_duqhh_35{padding:40px 20px}}@media (min-width: 390px){._innerContainer_duqhh_35{padding:40px 30px}}@media (min-width: 625px){._innerContainer_duqhh_35{padding:50px 30px}}@media (min-width: 800px){._innerContainer_duqhh_35{padding:50px}}@media (min-width: 1200px){._innerContainer_duqhh_35{padding:100px}}@media (min-width: 1600px){._innerContainer_duqhh_35{padding:150px}}._innerContainer_duqhh_35{margin:0 auto}@media (min-width: 625px){._innerContainer_duqhh_35[data-max-width=sm]{max-width:550px}}@media (min-width: 800px){._innerContainer_duqhh_35[data-max-width=sm]{max-width:700px}}@media (min-width: 992px){._innerContainer_duqhh_35[data-max-width=sm]{max-width:800px}._innerContainer_duqhh_35[data-max-width=lg]{max-width:1200px}}@media (min-width: 1200px){._innerContainer_duqhh_35[data-max-width=sm]{max-width:1200px}}@media (min-width: 1600px){._innerContainer_duqhh_35[data-max-width=sm]{max-width:1200px}._innerContainer_duqhh_35[data-max-width=lg]{max-width:1800px}}._styleless_duqhh_99 ._innerContainer_duqhh_35{max-width:unset!important;padding:0!important}
|
package/dist/assets/Fifty.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._content_o1wt6_2{padding:40px 20px}}@media (min-width: 390px){._content_o1wt6_2{padding:40px 30px}}@media (min-width: 625px){._content_o1wt6_2{padding:50px 30px}}@media (min-width: 800px){._content_o1wt6_2{padding:50px}}@media (min-width: 1200px){._content_o1wt6_2{padding:100px}}@media (min-width: 1600px){._content_o1wt6_2{padding:150px}}._fifty_o1wt6_31{display:grid;grid-template-columns:1fr;width:100%}._fifty_o1wt6_31[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._fifty_o1wt6_31[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._fifty_o1wt6_31[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._fifty_o1wt6_31[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._fifty_o1wt6_31[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._fifty_o1wt6_31[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._fifty_o1wt6_31[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._fifty_o1wt6_31[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._fifty_o1wt6_31._reverse_o1wt6_69 ._content_o1wt6_2{align-items:flex-end}._fifty_o1wt6_31._reverse_o1wt6_69 ._image_o1wt6_72{justify-content:flex-start}._fifty_o1wt6_31:not(._reverse_o1wt6_69) ._content_o1wt6_2{align-items:flex-start}._fifty_o1wt6_31:not(._reverse_o1wt6_69) ._image_o1wt6_72{justify-content:flex-end}._content_o1wt6_2{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;order:1}@media (min-width: 0){._content_o1wt6_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._content_o1wt6_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._content_o1wt6_2 h2{font-size:42px}}@media (min-width: 800px){._content_o1wt6_2 h2{font-size:30px}}._content_o1wt6_2 h2{font-family:var(--font-secondary);margin-bottom:15px;line-height:1}@media (min-width: 0){._content_o1wt6_2 p{font-size:22px;line-height:1.2}}@media (min-width: 800px){._content_o1wt6_2 p{font-size:18px}}@media (min-width: 1200px){._content_o1wt6_2 p{font-size:24px;line-height:1.6}}._content_o1wt6_2 p{margin-bottom:20px}._image_o1wt6_72{display:flex}._image_o1wt6_72 img{width:100%;height:100%;object-fit:cover;object-position:top}._imageContainer_o1wt6_150{aspect-ratio:1;width:100%}._text_o1wt6_155{display:flex;flex-direction:column;align-items:flex-start}@media (min-width: 390px){._imageContainer_o1wt6_150{aspect-ratio:unset;height:500px}}@media (min-width: 625px) and (min-width: 0){._content_o1wt6_2{padding:40px 20px}}@media (min-width: 625px) and (min-width: 390px){._content_o1wt6_2{padding:40px 30px}}@media (min-width: 625px) and (min-width: 625px){._content_o1wt6_2{padding:50px 30px}}@media (min-width: 625px) and (min-width: 800px){._content_o1wt6_2{padding:50px}}@media (min-width: 625px) and (min-width: 1200px){._content_o1wt6_2{padding:100px}}@media (min-width: 625px) and (min-width: 1600px){._content_o1wt6_2{padding:150px}}@media (min-width: 625px){._content_o1wt6_2{padding-top:0}._content_o1wt6_2{padding-bottom:0}._content_o1wt6_2{padding-top:30px;padding-bottom:30px}._fifty_o1wt6_31{grid-template-columns:1fr 1fr;grid-template-rows:1fr}._fifty_o1wt6_31._reverse_o1wt6_69 ._content_o1wt6_2{order:-1}._imageContainer_o1wt6_150{height:unset}._text_o1wt6_155 h2,._text_o1wt6_155 p{margin-bottom:15px;line-height:1.3}._text_o1wt6_155 h2{line-height:1}}@media (min-width: 1200px){._fifty_o1wt6_31:not(._reverse_o1wt6_69) ._content_o1wt6_2{padding-left:60px}._fifty_o1wt6_31._reverse_o1wt6_69 ._content_o1wt6_2{padding-right:60px}._text_o1wt6_155 h2,._text_o1wt6_155 p{margin-bottom:40px}}@media (min-width: 1920px) and (min-width: 0){._fifty_o1wt6_31{padding:40px 20px}}@media (min-width: 1920px) and (min-width: 390px){._fifty_o1wt6_31{padding:40px 30px}}@media (min-width: 1920px) and (min-width: 625px){._fifty_o1wt6_31{padding:50px 30px}}@media (min-width: 1920px) and (min-width: 800px){._fifty_o1wt6_31{padding:50px}}@media (min-width: 1920px) and (min-width: 1200px){._fifty_o1wt6_31{padding:100px}}@media (min-width: 1920px) and (min-width: 1600px){._fifty_o1wt6_31{padding:150px}}@media (min-width: 1920px){._fifty_o1wt6_31:not(._reverse_o1wt6_69) ._content_o1wt6_2{padding:0 0 0 100px}._fifty_o1wt6_31._reverse_o1wt6_69 ._content_o1wt6_2{padding:0 100px 0 0}._text_o1wt6_155{max-width:750px}._text_o1wt6_155 h2{margin-bottom:30px}._text_o1wt6_155 p{margin-bottom:80px}._imageContainer_o1wt6_150{max-width:900px;aspect-ratio:1}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._overlay_1y8lx_2{padding:40px 20px}}@media (min-width: 390px){._overlay_1y8lx_2{padding:40px 30px}}@media (min-width: 625px){._overlay_1y8lx_2{padding:50px 30px}}@media (min-width: 800px){._overlay_1y8lx_2{padding:50px}}@media (min-width: 1200px){._overlay_1y8lx_2{padding:100px}}@media (min-width: 1600px){._overlay_1y8lx_2{padding:150px}}._overlay_1y8lx_2{color:var(--color-neutral-dark);display:flex;flex-direction:column;justify-content:space-between;height:100%}@media (min-width: 0){._overlay_1y8lx_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._overlay_1y8lx_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._overlay_1y8lx_2 h2{font-size:42px}}@media (min-width: 800px){._overlay_1y8lx_2 h2{font-size:30px}}@media (min-width: 0){._overlay_1y8lx_2 p{font-size:22px;line-height:1.2}}@media (min-width: 800px){._overlay_1y8lx_2 p{font-size:18px}}@media (min-width: 1200px){._overlay_1y8lx_2 p{font-size:24px;line-height:1.6}}._ctas_1y8lx_79{display:flex}._ctas_1y8lx_79>*:first-child{margin-right:10px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._detail_1nstc_1{display:flex;align-items:flex-start}._detail_1nstc_1:not(:last-child){margin-bottom:20px}._detail_1nstc_1 span:first-child{line-height:36px;margin-right:10px}@media (min-width: 0){._text_1nstc_14,._text_1nstc_14>*{font-size:22px;line-height:1.2}}@media (min-width: 800px){._text_1nstc_14,._text_1nstc_14>*{font-size:18px}}@media (min-width: 1200px){._text_1nstc_14,._text_1nstc_14>*{font-size:24px;line-height:1.6}}._text_1nstc_14,._text_1nstc_14>*{font-style:italic;text-align:left}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_hcc6v_1{display:flex;flex-direction:column-reverse;margin:0 auto}@media (min-width: 0){._header_hcc6v_8{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_hcc6v_8{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_hcc6v_8{font-size:42px}}@media (min-width: 800px){._header_hcc6v_8{font-size:30px}}._header_hcc6v_8{font-family:var(--font-secondary);margin-bottom:20px}._content_hcc6v_35{display:flex;flex-direction:column;align-items:flex-start}._body_hcc6v_41{display:flow-root;margin-bottom:30px}._body_hcc6v_41 p{margin-bottom:20px}@media (min-width: 0){._body_hcc6v_41 p{font-size:22px;line-height:1.2}}@media (min-width: 800px){._body_hcc6v_41 p{font-size:18px}}@media (min-width: 1200px){._body_hcc6v_41 p{font-size:24px;line-height:1.6}}._ctas_hcc6v_66>*:first-child{margin-right:10px}._image_hcc6v_70 img{object-fit:cover;width:100%;height:100%;display:block}._block_hcc6v_77._reverse_hcc6v_77 ._content_hcc6v_35{order:1;margin-bottom:40px}._block_hcc6v_77._reverse_hcc6v_77 ._image_hcc6v_70{margin-bottom:-40px}._block_hcc6v_77:not(._reverse_hcc6v_77) ._image_hcc6v_70{margin-top:-40px}._block_hcc6v_77:not(._reverse_hcc6v_77) ._content_hcc6v_35{margin-top:40px}._ctas_hcc6v_66{display:flex}._image_hcc6v_70{width:calc(100% + 40px);margin-left:-20px}@media (min-width: 390px){._image_hcc6v_70{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 800px){._image_hcc6v_70{margin-top:0;margin-bottom:0;width:100%;margin-left:0}}@media (min-width: 390px){._block_hcc6v_77._reverse_hcc6v_77 ._content_hcc6v_35{margin-bottom:40px}._block_hcc6v_77._reverse_hcc6v_77 ._image_hcc6v_70{margin-bottom:-40px}._block_hcc6v_77:not(._reverse_hcc6v_77) ._content_hcc6v_35{margin-top:40px}._block_hcc6v_77:not(._reverse_hcc6v_77) ._image_hcc6v_70{margin-top:-40px}}@media (min-width: 625px){._container_hcc6v_1{display:grid;grid-template-columns:1fr 1fr;gap:20px}._content_hcc6v_35{text-align:left;padding:5% 0;align-items:flex-start}._block_hcc6v_77 ._content_hcc6v_35,._block_hcc6v_77 ._image_hcc6v_70{margin:0!important}._image_hcc6v_70{width:100%}}@media (min-width: 992px){._container_hcc6v_1{gap:50px}._content_hcc6v_35{padding-top:10%}._header_hcc6v_8{font-size:40px}}@media (min-width: 1200px){._container_hcc6v_1{grid-template-columns:5fr 3fr;min-height:700px;column-gap:100px}._reverse_hcc6v_77 ._container_hcc6v_1{grid-template-columns:3fr 5fr}._header_hcc6v_8{font-size:52px}._image_hcc6v_70{max-height:900px}}
|
package/dist/assets/List.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._item_16l78_1{display:flex;align-items:flex-start;margin-bottom:20px}._icon_16l78_7{width:25px;margin-right:15px;margin-top:4px}@media (min-width: 0){._header_16l78_14{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_16l78_14{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_16l78_14{font-size:42px}}@media (min-width: 800px){._header_16l78_14{font-size:30px}}._header_16l78_14{font-family:var(--font-secondary)}@media (min-width: 0){._emphasis_16l78_41{font-size:22px;line-height:1.2}}@media (min-width: 800px){._emphasis_16l78_41{font-size:18px}}@media (min-width: 1200px){._emphasis_16l78_41{font-size:24px;line-height:1.6}}._emphasis_16l78_41{font-weight:600}@media (min-width: 0){._body_16l78_62{font-size:22px;line-height:1.2}}@media (min-width: 800px){._body_16l78_62{font-size:18px}}@media (min-width: 1200px){._body_16l78_62{font-size:24px;line-height:1.6}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_14enk_1{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:20px;cursor:pointer;padding:0;border:0px;background-color:transparent}._button_14enk_1._isOpen_14enk_13 ._top_14enk_13{transform:rotate(45deg);transform-origin:top left;width:27px}._button_14enk_1._isOpen_14enk_13 ._middle_14enk_18{width:0px}._button_14enk_1._isOpen_14enk_13 ._bottom_14enk_21{width:27px;transform:rotate(-45deg);transform-origin:bottom left}._line_14enk_27{height:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;width:100%}._line_14enk_27[data-color=color-primary-dark],._line_14enk_27[data-color=color-primary-medium]{background-color:var(--color-white)}._line_14enk_27[data-color=color-primary-light]{background-color:var(--color-neutral-dark)}._line_14enk_27[data-color=color-secondary],._line_14enk_27[data-color=color-neutral-dark],._line_14enk_27[data-color=color-neutral-medium]{background-color:var(--color-white)}._line_14enk_27[data-color=color-neutral-light],._line_14enk_27[data-color=color-white]{background-color:var(--color-neutral-dark)}._line_14enk_27{transition:all .5s ease-in-out}
|
package/dist/assets/Navbar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._navbar_5fyzz_1{display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;left:0;padding:8px 20px;height:60px;position:fixed;top:0;width:100%;transition:.3s ease-in-out margin-top;margin-top:0}._navbar_5fyzz_1._hide_5fyzz_17{margin-top:-60px}._navbar__logo_5fyzz_21{height:100%}._navbar__logo_5fyzz_21 img{height:100%;object-fit:contain;filter:invert(100%) sepia(0%) saturate(7500%) hue-rotate(124deg) brightness(112%) contrast(102%)}._navbar__logo_5fyzz_21 ._component_5fyzz_29{height:100%;transition:fill .5s ease-in-out;fill:#000}._navbar__logo_5fyzz_21 ._component_5fyzz_29[data-color=color-primary-dark],._navbar__logo_5fyzz_21 ._component_5fyzz_29[data-color=color-primary-medium]{fill:var(--color-white)}._navbar__logo_5fyzz_21 ._component_5fyzz_29[data-color=color-primary-light]{fill:var(--color-neutral-dark)}._navbar__logo_5fyzz_21 ._component_5fyzz_29[data-color=color-secondary],._navbar__logo_5fyzz_21 ._component_5fyzz_29[data-color=color-neutral-dark],._navbar__logo_5fyzz_21 ._component_5fyzz_29[data-color=color-neutral-medium]{fill:var(--color-white)}._navbar__logo_5fyzz_21 ._component_5fyzz_29[data-color=color-neutral-light],._navbar__logo_5fyzz_21 ._component_5fyzz_29[data-color=color-white]{fill:var(--color-neutral-dark)}._navbar__links_5fyzz_59{display:none}._navbar__link_5fyzz_59{text-decoration:none;color:#fff}._navbar__link_5fyzz_59[data-color=color-primary-dark],._navbar__link_5fyzz_59[data-color=color-primary-medium]{color:var(--color-white)}._navbar__link_5fyzz_59[data-color=color-primary-light]{color:var(--color-neutral-dark)}._navbar__link_5fyzz_59[data-color=color-secondary],._navbar__link_5fyzz_59[data-color=color-neutral-dark],._navbar__link_5fyzz_59[data-color=color-neutral-medium]{color:var(--color-white)}._navbar__link_5fyzz_59[data-color=color-neutral-light],._navbar__link_5fyzz_59[data-color=color-white]{color:var(--color-neutral-dark)}._navbar__link_5fyzz_59{transition:color .5s ease-in-out;mix-blend-mode:difference;font-size:32px;margin-bottom:30px}._navbar__mobileDialog_5fyzz_98{display:flex;flex-direction:column;padding:150px 20px 20px}@media (min-width: 800px){._navbar__toggle_5fyzz_106{display:none}._navbar__links_5fyzz_59{display:initial}._navbar__link_5fyzz_59:not(:last-child){margin-right:15px}}@media (min-width: 992px){._navbar__link_5fyzz_59:not(:last-child){margin-right:30px}}@media (min-width: 1200px){._navbar_5fyzz_1{height:120px;padding:15px 50px}._navbar__link_5fyzz_59:not(:last-child){margin-right:30px}}
|
package/dist/assets/Note.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._salutation_1imvp_2{font-size:22px;line-height:1.2}}@media (min-width: 800px){._salutation_1imvp_2{font-size:18px}}@media (min-width: 1200px){._salutation_1imvp_2{font-size:24px;line-height:1.6}}._salutation_1imvp_2{margin-bottom:35px}._salutation_1imvp_2 ._opener_1imvp_21{text-transform:uppercase;letter-spacing:3px}._salutation_1imvp_2 ._from_1imvp_25{font-family:var(--font-secondary);font-size:42px;display:block;margin-top:10px}._body_1imvp_32{margin-bottom:35px}@media (min-width: 0){._body_1imvp_32 p{font-size:22px;line-height:1.2}}@media (min-width: 800px){._body_1imvp_32 p{font-size:18px}}@media (min-width: 1200px){._body_1imvp_32 p{font-size:24px;line-height:1.6}}._body_1imvp_32 p{margin-bottom:20px}@media (min-width: 0){._close_1imvp_57{font-size:22px;line-height:1.2}}@media (min-width: 800px){._close_1imvp_57{font-size:18px}}@media (min-width: 1200px){._close_1imvp_57{font-size:24px;line-height:1.6}}._close_1imvp_57{margin-bottom:10px}._signature_1imvp_77{font-family:var(--font-secondary);font-size:48px}@media (min-width: 390px){._signature_1imvp_77{font-size:44px}}@media (min-width: 625px){._note_1imvp_88{padding:20px 0}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_o471s_1{margin-top:-40px;margin-bottom:-40px}@media (min-width: 390px){._container_o471s_1{margin-top:-40px;margin-bottom:-40px}}._container_o471s_1{width:calc(100% + 40px);margin-left:-20px}@media (min-width: 390px){._container_o471s_1{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 800px){._container_o471s_1{margin-top:0;margin-bottom:0;width:100%;margin-left:0}}@media (min-width: 0){._container_o471s_1{padding:40px 20px}}@media (min-width: 390px){._container_o471s_1{padding:40px 30px}}@media (min-width: 625px){._container_o471s_1{padding:50px 30px}}@media (min-width: 800px){._container_o471s_1{padding:50px}}@media (min-width: 1200px){._container_o471s_1{padding:100px}}@media (min-width: 1600px){._container_o471s_1{padding:150px}}._container_o471s_1{position:relative;height:100vh;background-size:cover;padding-top:10%}._content_o471s_68{display:grid;max-width:550px;margin:0 auto;position:absolute;position:relative;width:100%}._copy_o471s_77{text-align:center;position:relative;width:100%;background-color:var(--color-white)}@media (min-width: 0){._copy_o471s_77 h3{font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}}@media (min-width: 625px){._copy_o471s_77 h3{font-size:26px}}@media (min-width: 800px){._copy_o471s_77 h3{font-size:20px}}@media (min-width: 0){._copy_o471s_77 ._text_o471s_103,._copy_o471s_77 ._text_o471s_103>*{font-size:22px;line-height:1.2}}@media (min-width: 800px){._copy_o471s_77 ._text_o471s_103,._copy_o471s_77 ._text_o471s_103>*{font-size:18px}}@media (min-width: 1200px){._copy_o471s_77 ._text_o471s_103,._copy_o471s_77 ._text_o471s_103>*{font-size:24px;line-height:1.6}}._copy_o471s_77 ._text_o471s_103,._copy_o471s_77 ._text_o471s_103>*{margin-bottom:30px}._title_o471s_127{font-family:var(--font-secondary)}@media (min-width: 0){._title_o471s_127{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._title_o471s_127{font-size:40px;line-height:1.2}}@media (min-width: 625px){._title_o471s_127{font-size:42px}}@media (min-width: 800px){._title_o471s_127{font-size:30px}}._title_o471s_127{text-align:center;margin-bottom:40px}._background_o471s_158{width:100%;height:100%;display:none}._background_o471s_158 img{object-fit:cover;width:100%;height:100%;display:block}._section_o471s_170{position:absolute;padding:20px}._stats_o471s_175{margin:0 auto}@media (min-width: 390px){._section_o471s_170{padding:30px}}@media (min-width: 625px){._title_o471s_127{margin-bottom:40px}._container_o471s_1{padding-top:15%}._section_o471s_170{padding:50px}._details_o471s_194{display:flex;justify-content:space-between}}@media (min-width: 800px){._container_o471s_1{background-image:none!important;padding:0}._background_o471s_158{display:block;width:80%;height:80vh}._title_o471s_127{margin-bottom:10px}._content_o471s_68{position:absolute;right:0;top:20%;width:60%}._section_o471s_170{padding:20px}._details_o471s_194{justify-content:space-around}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
p,h1,h2,h3{margin:0}.
|
|
1
|
+
p,h1,h2,h3{margin:0}._group_1vzrh_1{display:grid;grid-template-columns:1fr;gap:20px;padding:0 20px}._group_1vzrh_1._slider_1vzrh_7{grid-template-columns:repeat(var(--promos),1fr)}._group_1vzrh_1._slider_1vzrh_7 ._group_1vzrh_1{width:calc(100% + 40px);margin-left:-20px}@media (min-width: 390px){._group_1vzrh_1._slider_1vzrh_7 ._group_1vzrh_1{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 800px){._group_1vzrh_1._slider_1vzrh_7 ._group_1vzrh_1{margin-top:0;margin-bottom:0;width:100%;margin-left:0}}._group_1vzrh_1._slider_1vzrh_7{overflow-x:auto}@media (min-width: 0){._header_1vzrh_33{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_1vzrh_33{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_1vzrh_33{font-size:42px}}@media (min-width: 800px){._header_1vzrh_33{font-size:30px}}._header_1vzrh_33{font-family:var(--font-secondary);margin-bottom:30px}._promo_1vzrh_60{grid-row:auto/span 3;padding:20px;display:grid;grid-template-rows:subgrid;min-width:73vw}._promo_1vzrh_60[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._promo_1vzrh_60[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._promo_1vzrh_60[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._promo_1vzrh_60[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._promo_1vzrh_60[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._promo_1vzrh_60[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._promo_1vzrh_60[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._promo_1vzrh_60[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._promo_1vzrh_60[data-text-align=center]{text-align:center;align-items:center}._image_1vzrh_104{width:100px;margin:0 auto}._promo__header_1vzrh_109{margin:0;line-height:2.25rem;text-transform:uppercase;letter-spacing:3px;font-size:28px}@media (min-width: 0){._cta_1vzrh_118{font-size:22px;line-height:1.2}}@media (min-width: 800px){._cta_1vzrh_118{font-size:18px}}@media (min-width: 1200px){._cta_1vzrh_118{font-size:24px;line-height:1.6}}@media (min-width: 0){._promo__body_1vzrh_136{font-size:22px;line-height:1.2}}@media (min-width: 800px){._promo__body_1vzrh_136{font-size:18px}}@media (min-width: 1200px){._promo__body_1vzrh_136{font-size:24px;line-height:1.6}}._stat_1vzrh_153{display:flex;align-items:center;margin-bottom:5px}._stat_1vzrh_153 span:first-child{margin-right:10px}@media (min-width: 0){._statText_1vzrh_163{font-size:22px;line-height:1.2}}@media (min-width: 800px){._statText_1vzrh_163{font-size:18px}}@media (min-width: 1200px){._statText_1vzrh_163{font-size:24px;line-height:1.6}}._statText_1vzrh_163{font-style:italic}@media (min-width: 625px){._group_1vzrh_1{grid-template-columns:repeat(min(var(--promos),3),1fr)}}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { useRef as
|
|
4
|
-
import { u as
|
|
5
|
-
import { ensureGsapRegistered as
|
|
6
|
-
import '../../assets/Background.css';const
|
|
7
|
-
background:
|
|
2
|
+
import { jsx as g } from "react/jsx-runtime";
|
|
3
|
+
import { useRef as d } from "react";
|
|
4
|
+
import { u as f } from "../../index-BlCqcUwj.js";
|
|
5
|
+
import { ensureGsapRegistered as m } from "../../utils/gsapSetup.js";
|
|
6
|
+
import '../../assets/Background.css';const p = "_background_1li3o_6", b = {
|
|
7
|
+
background: p
|
|
8
8
|
}, n = (r) => {
|
|
9
9
|
if (typeof r == "number") return r;
|
|
10
10
|
if (r.endsWith("%")) return parseFloat(r);
|
|
@@ -20,15 +20,16 @@ import '../../assets/Background.css';const m = "_background_1li3o_6", p = {
|
|
|
20
20
|
default:
|
|
21
21
|
return 50;
|
|
22
22
|
}
|
|
23
|
-
},
|
|
23
|
+
}, h = ({
|
|
24
24
|
image: r,
|
|
25
25
|
x: c = "center",
|
|
26
26
|
y: u = "center",
|
|
27
|
+
id: a,
|
|
27
28
|
parallax: o = !1
|
|
28
29
|
}) => {
|
|
29
|
-
const
|
|
30
|
-
return
|
|
31
|
-
o &&
|
|
30
|
+
const i = m(), t = d(), e = n(c), s = n(u);
|
|
31
|
+
return f(() => {
|
|
32
|
+
o && i.to(t.current, {
|
|
32
33
|
backgroundPosition: `${e}% ${s + 70}%`,
|
|
33
34
|
duration: 2,
|
|
34
35
|
scrollTrigger: {
|
|
@@ -38,18 +39,19 @@ import '../../assets/Background.css';const m = "_background_1li3o_6", p = {
|
|
|
38
39
|
}
|
|
39
40
|
});
|
|
40
41
|
}), // <div className={styles.container}>
|
|
41
|
-
/* @__PURE__ */
|
|
42
|
+
/* @__PURE__ */ g(
|
|
42
43
|
"div",
|
|
43
44
|
{
|
|
44
|
-
className:
|
|
45
|
+
className: b.background,
|
|
45
46
|
style: {
|
|
46
47
|
backgroundImage: `url(${r})`,
|
|
47
48
|
backgroundPosition: o && `${e}% ${s}%`
|
|
48
49
|
},
|
|
49
|
-
ref: t
|
|
50
|
+
ref: t,
|
|
51
|
+
id: a
|
|
50
52
|
}
|
|
51
53
|
);
|
|
52
54
|
};
|
|
53
55
|
export {
|
|
54
|
-
|
|
56
|
+
h as default
|
|
55
57
|
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
2
|
+
import { jsx as e, jsxs as a } from "react/jsx-runtime";
|
|
3
|
+
import d from "../../animations/FadeInMotion.js";
|
|
4
4
|
import t from "../Button/Button.js";
|
|
5
|
-
import '../../assets/Banner.css';const
|
|
6
|
-
banner:
|
|
7
|
-
header:
|
|
8
|
-
body:
|
|
9
|
-
},
|
|
10
|
-
o && /* @__PURE__ */
|
|
11
|
-
/* @__PURE__ */
|
|
12
|
-
r && /* @__PURE__ */
|
|
5
|
+
import '../../assets/Banner.css';const c = "_banner_1weox_1", i = "_header_1weox_8", l = "_body_1weox_40", n = {
|
|
6
|
+
banner: c,
|
|
7
|
+
header: i,
|
|
8
|
+
body: l
|
|
9
|
+
}, h = ({ header: o, body: s, cta: r }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ a("div", { className: n.banner, children: [
|
|
10
|
+
o && /* @__PURE__ */ e("div", { className: n.header, children: o }),
|
|
11
|
+
/* @__PURE__ */ e("div", { className: n.body, children: s }),
|
|
12
|
+
r && /* @__PURE__ */ e(t, { ...r })
|
|
13
13
|
] }) });
|
|
14
14
|
export {
|
|
15
|
-
|
|
15
|
+
h as default
|
|
16
16
|
};
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import '../../assets/Button.css';const
|
|
4
|
-
button:
|
|
5
|
-
hollow:
|
|
6
|
-
filled:
|
|
7
|
-
link:
|
|
2
|
+
import { jsxs as d, jsx as u } from "react/jsx-runtime";
|
|
3
|
+
import '../../assets/Button.css';const m = "_button_aa55c_1", b = "_hollow_aa55c_80", f = "_filled_aa55c_83", h = "_link_aa55c_119", l = {
|
|
4
|
+
button: m,
|
|
5
|
+
hollow: b,
|
|
6
|
+
filled: f,
|
|
7
|
+
link: h
|
|
8
8
|
}, w = ({
|
|
9
|
-
children:
|
|
9
|
+
children: c,
|
|
10
10
|
fn: o,
|
|
11
11
|
href: t,
|
|
12
|
-
target:
|
|
13
|
-
hollow:
|
|
14
|
-
variation:
|
|
15
|
-
textDecoration:
|
|
16
|
-
label:
|
|
17
|
-
value:
|
|
18
|
-
icon:
|
|
19
|
-
}) => /* @__PURE__ */
|
|
20
|
-
t ||
|
|
12
|
+
target: e,
|
|
13
|
+
hollow: r = !1,
|
|
14
|
+
variation: a = "color-primary-dark",
|
|
15
|
+
textDecoration: _,
|
|
16
|
+
label: i,
|
|
17
|
+
value: s,
|
|
18
|
+
icon: n
|
|
19
|
+
}) => /* @__PURE__ */ d(
|
|
20
|
+
t || s ? "a" : "button",
|
|
21
21
|
{
|
|
22
|
-
href: t ||
|
|
22
|
+
href: t || s,
|
|
23
23
|
onClick: o || null,
|
|
24
|
-
target:
|
|
25
|
-
className: `${l.button} ${
|
|
26
|
-
style: { textDecoration:
|
|
27
|
-
"data-color":
|
|
24
|
+
target: e,
|
|
25
|
+
className: `${l.button} ${r ? l.hollow : l.filled} ${l[a]}`,
|
|
26
|
+
style: { textDecoration: _ },
|
|
27
|
+
"data-color": a,
|
|
28
28
|
children: [
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
c || i,
|
|
30
|
+
n && /* @__PURE__ */ u("span", { className: "material-symbols-outlined", children: n })
|
|
31
31
|
]
|
|
32
32
|
}
|
|
33
33
|
);
|
|
@@ -1,10 +1,40 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
3
3
|
import { c as o } from "../../index-BIlioXmW.js";
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
import { n as d } from "../../useNavColor-BR80WxFs.js";
|
|
5
|
+
import { useRef as f, useEffect as m } from "react";
|
|
6
|
+
import '../../assets/Container.css';const u = "_container_duqhh_1", h = "_innerContainer_duqhh_35", p = "_styleless_duqhh_99", n = {
|
|
7
|
+
container: u,
|
|
8
|
+
innerContainer: h,
|
|
9
|
+
styleless: p
|
|
10
|
+
}, C = ({ color: r, children: i, maxWidth: a, styleless: c }) => {
|
|
11
|
+
const e = f();
|
|
12
|
+
return m(() => {
|
|
13
|
+
if (!e.current) return;
|
|
14
|
+
const t = new IntersectionObserver(
|
|
15
|
+
([l]) => {
|
|
16
|
+
l.isIntersecting && d(r);
|
|
17
|
+
},
|
|
18
|
+
{ rootMargin: "-5px 0px 0px 0px", root: null, threshold: 0 }
|
|
19
|
+
);
|
|
20
|
+
return t.observe(e.current), () => t.disconnect();
|
|
21
|
+
}, []), /* @__PURE__ */ s(
|
|
22
|
+
"div",
|
|
23
|
+
{
|
|
24
|
+
className: o(n.container, c && n.styleless),
|
|
25
|
+
"data-color": r,
|
|
26
|
+
ref: e,
|
|
27
|
+
children: /* @__PURE__ */ s(
|
|
28
|
+
"div",
|
|
29
|
+
{
|
|
30
|
+
className: o(n.innerContainer),
|
|
31
|
+
"data-max-width": a,
|
|
32
|
+
children: i
|
|
33
|
+
}
|
|
34
|
+
)
|
|
35
|
+
}
|
|
36
|
+
);
|
|
37
|
+
};
|
|
8
38
|
export {
|
|
9
|
-
|
|
39
|
+
C as default
|
|
10
40
|
};
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import
|
|
4
|
-
import { useFadeIn as
|
|
2
|
+
import { jsxs as s, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import f from "../Button/Button.js";
|
|
4
|
+
import { useFadeIn as l } from "../../hooks/useFadeIn.js";
|
|
5
5
|
import { c as d } from "../../index-BIlioXmW.js";
|
|
6
|
-
import '../../assets/Fifty.css';const g = "
|
|
6
|
+
import '../../assets/Fifty.css';const g = "_content_o1wt6_2", v = "_fifty_o1wt6_31", h = "_reverse_o1wt6_69", x = "_image_o1wt6_72", y = "_imageContainer_o1wt6_150", p = "_text_o1wt6_155", t = {
|
|
7
7
|
content: g,
|
|
8
|
-
fifty:
|
|
9
|
-
reverse:
|
|
10
|
-
image:
|
|
11
|
-
imageContainer:
|
|
12
|
-
text:
|
|
13
|
-
},
|
|
14
|
-
const
|
|
15
|
-
return /* @__PURE__ */
|
|
8
|
+
fifty: v,
|
|
9
|
+
reverse: h,
|
|
10
|
+
image: x,
|
|
11
|
+
imageContainer: y,
|
|
12
|
+
text: p
|
|
13
|
+
}, j = ({ heading: i, body: n, cta: o, color: r, image: a, reverse: c, pos: m }) => {
|
|
14
|
+
const _ = l();
|
|
15
|
+
return /* @__PURE__ */ s(
|
|
16
16
|
"div",
|
|
17
17
|
{
|
|
18
18
|
className: d(t.fifty, !!c && t.reverse),
|
|
19
19
|
"data-color": r,
|
|
20
20
|
children: [
|
|
21
|
-
/* @__PURE__ */ e("div", { className: t.content, ref:
|
|
21
|
+
/* @__PURE__ */ e("div", { className: t.content, ref: _, children: /* @__PURE__ */ s("div", { className: t.text, children: [
|
|
22
22
|
/* @__PURE__ */ e("h2", { children: i }),
|
|
23
23
|
/* @__PURE__ */ e("p", { children: n }),
|
|
24
|
-
|
|
24
|
+
o && /* @__PURE__ */ e(f, { ...o })
|
|
25
25
|
] }) }),
|
|
26
|
-
/* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("div", { className: t.imageContainer, children: /* @__PURE__ */ e("img", { src:
|
|
26
|
+
/* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("div", { className: t.imageContainer, children: /* @__PURE__ */ e("img", { src: a, style: { objectPosition: m } }) }) })
|
|
27
27
|
]
|
|
28
28
|
}
|
|
29
29
|
);
|
|
30
30
|
};
|
|
31
31
|
export {
|
|
32
|
-
|
|
32
|
+
j as default
|
|
33
33
|
};
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as s, jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import n from "../../utils/parse.js";
|
|
4
|
-
import
|
|
5
|
-
import '../../assets/GenericOverlay.css';const i = "
|
|
4
|
+
import t from "../Button/Button.js";
|
|
5
|
+
import '../../assets/GenericOverlay.css';const i = "_overlay_1y8lx_2", d = "_ctas_1y8lx_79", r = {
|
|
6
6
|
overlay: i,
|
|
7
|
-
ctas:
|
|
8
|
-
},
|
|
7
|
+
ctas: d
|
|
8
|
+
}, y = ({ header: o, body: a, primaryCta: c, secondaryCta: l }) => /* @__PURE__ */ s("div", { className: r.overlay, children: [
|
|
9
9
|
/* @__PURE__ */ s("div", { className: r.content, children: [
|
|
10
|
-
/* @__PURE__ */ e("h2", { children:
|
|
10
|
+
/* @__PURE__ */ e("h2", { children: o }),
|
|
11
11
|
/* @__PURE__ */ e("div", { children: n(a) })
|
|
12
12
|
] }),
|
|
13
13
|
/* @__PURE__ */ s("div", { className: r.ctas, children: [
|
|
14
|
-
c && /* @__PURE__ */ e(
|
|
15
|
-
|
|
14
|
+
c && /* @__PURE__ */ e(t, { ...c }),
|
|
15
|
+
l && /* @__PURE__ */ e(t, { ...l })
|
|
16
16
|
] })
|
|
17
17
|
] });
|
|
18
18
|
export {
|
|
19
|
-
|
|
19
|
+
y as default
|
|
20
20
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as l, jsx as s } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
3
|
+
import c from "../../utils/parse.js";
|
|
4
4
|
import { c as i } from "../../index-BIlioXmW.js";
|
|
5
|
-
import '../../assets/IconDetail.css';const
|
|
6
|
-
detail:
|
|
7
|
-
text:
|
|
8
|
-
},
|
|
5
|
+
import '../../assets/IconDetail.css';const n = "_detail_1nstc_1", o = "_text_1nstc_14", t = {
|
|
6
|
+
detail: n,
|
|
7
|
+
text: o
|
|
8
|
+
}, p = ({ icon: e, text: a }) => /* @__PURE__ */ l("div", { className: t.detail, children: [
|
|
9
9
|
/* @__PURE__ */ s("span", { className: i(t.icon, "material-symbols-outlined"), children: e }),
|
|
10
|
-
/* @__PURE__ */ s("span", { className: t.text, children:
|
|
10
|
+
/* @__PURE__ */ s("span", { className: t.text, children: c(a) })
|
|
11
11
|
] });
|
|
12
12
|
export {
|
|
13
|
-
|
|
13
|
+
p as default
|
|
14
14
|
};
|
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as e, jsxs as s } from "react/jsx-runtime";
|
|
3
3
|
import n from "../Button/Button.js";
|
|
4
|
-
import { c as
|
|
5
|
-
import { useFadeIn as
|
|
6
|
-
import
|
|
7
|
-
import '../../assets/ImageTextBlock.css';const
|
|
8
|
-
container:
|
|
9
|
-
header:
|
|
10
|
-
content:
|
|
11
|
-
body:
|
|
12
|
-
ctas:
|
|
13
|
-
image:
|
|
14
|
-
block:
|
|
15
|
-
reverse:
|
|
16
|
-
},
|
|
4
|
+
import { c as m } from "../../index-BIlioXmW.js";
|
|
5
|
+
import { useFadeIn as l } from "../../hooks/useFadeIn.js";
|
|
6
|
+
import h from "../../utils/parse.js";
|
|
7
|
+
import '../../assets/ImageTextBlock.css';const v = "_container_hcc6v_1", f = "_header_hcc6v_8", b = "_content_hcc6v_35", N = "_body_hcc6v_41", g = "_ctas_hcc6v_66", p = "_image_hcc6v_70", k = "_block_hcc6v_77", u = "_reverse_hcc6v_77", c = {
|
|
8
|
+
container: v,
|
|
9
|
+
header: f,
|
|
10
|
+
content: b,
|
|
11
|
+
body: N,
|
|
12
|
+
ctas: g,
|
|
13
|
+
image: p,
|
|
14
|
+
block: k,
|
|
15
|
+
reverse: u
|
|
16
|
+
}, F = ({
|
|
17
17
|
image: r,
|
|
18
18
|
header: a,
|
|
19
|
-
body:
|
|
19
|
+
body: i,
|
|
20
20
|
primaryCta: o,
|
|
21
21
|
secondaryCta: t,
|
|
22
|
-
reverse:
|
|
22
|
+
reverse: _
|
|
23
23
|
}) => {
|
|
24
|
-
const
|
|
25
|
-
return /* @__PURE__ */
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
/* @__PURE__ */
|
|
28
|
-
/* @__PURE__ */
|
|
29
|
-
/* @__PURE__ */
|
|
30
|
-
o && /* @__PURE__ */
|
|
31
|
-
t && /* @__PURE__ */
|
|
24
|
+
const d = l();
|
|
25
|
+
return /* @__PURE__ */ e("div", { className: m(c.block, _ && c.reverse), children: /* @__PURE__ */ s("div", { className: c.container, children: [
|
|
26
|
+
/* @__PURE__ */ s("div", { className: c.content, ref: d, children: [
|
|
27
|
+
/* @__PURE__ */ e("h2", { className: c.header, children: a }),
|
|
28
|
+
/* @__PURE__ */ e("div", { className: c.body, children: h(i) }),
|
|
29
|
+
/* @__PURE__ */ s("div", { className: c.ctas, children: [
|
|
30
|
+
o && /* @__PURE__ */ e(n, { ...o }),
|
|
31
|
+
t && /* @__PURE__ */ e(n, { ...t })
|
|
32
32
|
] })
|
|
33
33
|
] }),
|
|
34
|
-
/* @__PURE__ */
|
|
34
|
+
/* @__PURE__ */ e("div", { className: c.image, children: /* @__PURE__ */ e("img", { src: r }) })
|
|
35
35
|
] }) });
|
|
36
36
|
};
|
|
37
37
|
export {
|
|
38
|
-
|
|
38
|
+
F as default
|
|
39
39
|
};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import l from "../Icon/Icon.js";
|
|
4
|
-
import '../../assets/List.css';const n = "
|
|
4
|
+
import '../../assets/List.css';const n = "_item_16l78_1", r = "_emphasis_16l78_41", d = "_body_16l78_62", s = {
|
|
5
5
|
item: n,
|
|
6
6
|
emphasis: r,
|
|
7
7
|
body: d
|
|
8
|
-
}, _ = ({ icon:
|
|
8
|
+
}, _ = ({ icon: a, items: c, header: m }) => (new URL((/* @__PURE__ */ Object.assign({}))[`./assets/icons/${a}.svg`], import.meta.url).href, /* @__PURE__ */ i("div", { className: s.list, children: [
|
|
9
9
|
/* @__PURE__ */ e("h2", { children: m }),
|
|
10
|
-
|
|
10
|
+
c.map((t, o) => /* @__PURE__ */ i("div", { className: s.item, children: [
|
|
11
11
|
/* @__PURE__ */ e(l, { type: "checkmark" }),
|
|
12
|
-
/* @__PURE__ */
|
|
13
|
-
/* @__PURE__ */ e("p", { className: s.emphasis, children:
|
|
14
|
-
/* @__PURE__ */ e("p", { className: s.body, children:
|
|
12
|
+
/* @__PURE__ */ i("div", { className: s.content, children: [
|
|
13
|
+
/* @__PURE__ */ e("p", { className: s.emphasis, children: t.header }),
|
|
14
|
+
/* @__PURE__ */ e("p", { className: s.body, children: t.body })
|
|
15
15
|
] })
|
|
16
16
|
] }, `item-${o}`))
|
|
17
17
|
] }));
|
|
@@ -1,18 +1,43 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as i, jsx as s } from "react/jsx-runtime";
|
|
3
3
|
import { c as o } from "../../index-BIlioXmW.js";
|
|
4
|
-
import '../../assets/MenuButton.css';const
|
|
5
|
-
button:
|
|
6
|
-
isOpen:
|
|
7
|
-
top:
|
|
8
|
-
middle:
|
|
4
|
+
import '../../assets/MenuButton.css';const a = "_button_14enk_1", c = "_isOpen_14enk_13", _ = "_top_14enk_13", d = "_middle_14enk_18", m = "_bottom_14enk_21", p = "_line_14enk_27", t = {
|
|
5
|
+
button: a,
|
|
6
|
+
isOpen: c,
|
|
7
|
+
top: _,
|
|
8
|
+
middle: d,
|
|
9
9
|
bottom: m,
|
|
10
|
-
line:
|
|
11
|
-
}, u = ({ isOpen:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
line: p
|
|
11
|
+
}, u = ({ isOpen: e, clickFn: l, theme: n }) => /* @__PURE__ */ i(
|
|
12
|
+
"button",
|
|
13
|
+
{
|
|
14
|
+
className: o(t.button, e && t.isOpen),
|
|
15
|
+
onClick: l,
|
|
16
|
+
children: [
|
|
17
|
+
/* @__PURE__ */ s(
|
|
18
|
+
"div",
|
|
19
|
+
{
|
|
20
|
+
className: o(t.top, t.line),
|
|
21
|
+
"data-color": n
|
|
22
|
+
}
|
|
23
|
+
),
|
|
24
|
+
/* @__PURE__ */ s(
|
|
25
|
+
"div",
|
|
26
|
+
{
|
|
27
|
+
className: o(t.middle, t.line),
|
|
28
|
+
"data-color": n
|
|
29
|
+
}
|
|
30
|
+
),
|
|
31
|
+
/* @__PURE__ */ s(
|
|
32
|
+
"div",
|
|
33
|
+
{
|
|
34
|
+
className: o(t.bottom, t.line),
|
|
35
|
+
"data-color": n
|
|
36
|
+
}
|
|
37
|
+
)
|
|
38
|
+
]
|
|
39
|
+
}
|
|
40
|
+
);
|
|
16
41
|
export {
|
|
17
42
|
u as default
|
|
18
43
|
};
|
|
@@ -1,59 +1,77 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { useRef as
|
|
4
|
-
import
|
|
5
|
-
import { r as
|
|
6
|
-
import
|
|
7
|
-
import { c as
|
|
8
|
-
import
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
2
|
+
import { jsxs as v, jsx as o } from "react/jsx-runtime";
|
|
3
|
+
import { useRef as h, useState as d, useEffect as p, cloneElement as g } from "react";
|
|
4
|
+
import z from "../MenuButton/MenuButton.js";
|
|
5
|
+
import { r as y } from "../../index-DyQs5aC7.js";
|
|
6
|
+
import N from "../Overlay/Overlay.js";
|
|
7
|
+
import { c as w } from "../../index-BIlioXmW.js";
|
|
8
|
+
import { u as D } from "../../useNavColor-BR80WxFs.js";
|
|
9
|
+
import '../../assets/Navbar.css';const k = "_navbar_5fyzz_1", x = "_hide_5fyzz_17", E = "_navbar__logo_5fyzz_21", O = "_component_5fyzz_29", S = "_navbar__links_5fyzz_59", M = "_navbar__link_5fyzz_59", Y = "_navbar__mobileDialog_5fyzz_98", $ = "_navbar__toggle_5fyzz_106", e = {
|
|
10
|
+
navbar: k,
|
|
11
|
+
hide: x,
|
|
12
|
+
navbar__logo: E,
|
|
13
|
+
component: O,
|
|
14
|
+
navbar__links: S,
|
|
15
|
+
navbar__link: M,
|
|
16
|
+
navbar__mobileDialog: Y,
|
|
17
|
+
navbar__toggle: $
|
|
18
|
+
}, j = {}, A = ({ links: t, logoImage: s, color: C, logoComponent: c }) => {
|
|
19
|
+
const l = h(0), [m, b] = d("up"), [n, _] = d(!1), [r] = D();
|
|
20
|
+
p(() => (window.addEventListener("scroll", i), () => window.removeEventListener("scroll", i)), []);
|
|
21
|
+
const u = () => {
|
|
22
|
+
let a = n ? "unset" : "hidden";
|
|
23
|
+
document.body.style.overflow = a, _(!n);
|
|
24
|
+
}, i = () => {
|
|
21
25
|
const a = window.scrollY;
|
|
22
|
-
a -
|
|
26
|
+
a - l.current !== 0 && b(a > l.current ? "down" : "up"), l.current = a > 0 ? a : 0;
|
|
23
27
|
};
|
|
24
|
-
return
|
|
28
|
+
return /* @__PURE__ */ v(
|
|
25
29
|
"nav",
|
|
26
30
|
{
|
|
27
|
-
"data-color":
|
|
28
|
-
className:
|
|
29
|
-
|
|
31
|
+
"data-color": n ? "color-neutral-light" : r,
|
|
32
|
+
className: w(
|
|
33
|
+
e.navbar,
|
|
30
34
|
// background && styles.background,
|
|
31
|
-
|
|
32
|
-
|
|
35
|
+
n && e.open,
|
|
36
|
+
m === "down" && e.hide
|
|
33
37
|
),
|
|
34
38
|
children: [
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
|
|
37
|
-
|
|
39
|
+
/* @__PURE__ */ v("a", { className: e.navbar__logo, href: "/", children: [
|
|
40
|
+
s && /* @__PURE__ */ o("img", { src: s }),
|
|
41
|
+
c && g(c, {
|
|
42
|
+
className: e.component,
|
|
43
|
+
"data-color": n ? "color-neutral-light" : r
|
|
44
|
+
})
|
|
45
|
+
] }),
|
|
46
|
+
/* @__PURE__ */ o("div", { className: e.navbar__toggle, children: /* @__PURE__ */ o(
|
|
47
|
+
z,
|
|
48
|
+
{
|
|
49
|
+
clickFn: u,
|
|
50
|
+
isOpen: n,
|
|
51
|
+
theme: n ? "color-neutral-light" : r
|
|
52
|
+
}
|
|
53
|
+
) }),
|
|
54
|
+
/* @__PURE__ */ o("div", { className: e.navbar__links, children: t.map((a, f) => /* @__PURE__ */ o(
|
|
38
55
|
"a",
|
|
39
56
|
{
|
|
40
|
-
className: `${
|
|
57
|
+
className: `${e.navbar__link}`,
|
|
41
58
|
href: a.value,
|
|
59
|
+
"data-color": r,
|
|
42
60
|
children: a.label
|
|
43
61
|
},
|
|
44
62
|
`navbar-d-${a.value}`
|
|
45
63
|
)) }),
|
|
46
|
-
|
|
47
|
-
/* @__PURE__ */
|
|
48
|
-
|
|
64
|
+
n && y.createPortal(
|
|
65
|
+
/* @__PURE__ */ o(
|
|
66
|
+
N,
|
|
49
67
|
{
|
|
50
|
-
closeFn: () =>
|
|
68
|
+
closeFn: () => _(!1),
|
|
51
69
|
hideClose: !0,
|
|
52
|
-
background:
|
|
53
|
-
children: /* @__PURE__ */
|
|
70
|
+
background: j.neutralDark,
|
|
71
|
+
children: /* @__PURE__ */ o("div", { className: e.navbar__mobileDialog, children: t.map((a, f) => /* @__PURE__ */ o(
|
|
54
72
|
"a",
|
|
55
73
|
{
|
|
56
|
-
className:
|
|
74
|
+
className: e.navbar__link,
|
|
57
75
|
href: a.value,
|
|
58
76
|
children: a.label
|
|
59
77
|
},
|
|
@@ -68,5 +86,5 @@ import '../../assets/Navbar.css';const w = "_navbar_q8q5k_1", N = "_hide_q8q5k_1
|
|
|
68
86
|
);
|
|
69
87
|
};
|
|
70
88
|
export {
|
|
71
|
-
|
|
89
|
+
A as default
|
|
72
90
|
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as s, jsxs as e } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import '../../assets/Note.css';const
|
|
6
|
-
salutation:
|
|
7
|
-
opener:
|
|
8
|
-
from:
|
|
9
|
-
body:
|
|
3
|
+
import i from "../../utils/parse.js";
|
|
4
|
+
import l from "../../animations/FadeInMotion.js";
|
|
5
|
+
import '../../assets/Note.css';const m = "_salutation_1imvp_2", p = "_opener_1imvp_21", _ = "_from_1imvp_25", d = "_body_1imvp_32", u = "_close_1imvp_57", v = "_signature_1imvp_77", f = "_note_1imvp_88", o = {
|
|
6
|
+
salutation: m,
|
|
7
|
+
opener: p,
|
|
8
|
+
from: _,
|
|
9
|
+
body: d,
|
|
10
10
|
close: u,
|
|
11
|
-
signature:
|
|
12
|
-
note:
|
|
13
|
-
},
|
|
11
|
+
signature: v,
|
|
12
|
+
note: f
|
|
13
|
+
}, b = ({ salutation: n, from: t, body: a, signature: r, close: c }) => /* @__PURE__ */ s(l, { children: /* @__PURE__ */ e("div", { className: o.note, children: [
|
|
14
14
|
/* @__PURE__ */ e("p", { className: o.salutation, children: [
|
|
15
15
|
/* @__PURE__ */ e("span", { className: o.opener, children: [
|
|
16
16
|
n,
|
|
@@ -18,10 +18,10 @@ import '../../assets/Note.css';const _ = "_salutation_so0vx_2", m = "_opener_so0
|
|
|
18
18
|
] }),
|
|
19
19
|
/* @__PURE__ */ s("span", { className: o.from, children: t })
|
|
20
20
|
] }),
|
|
21
|
-
/* @__PURE__ */ s("div", { className: o.body, children:
|
|
21
|
+
/* @__PURE__ */ s("div", { className: o.body, children: i(a) }),
|
|
22
22
|
/* @__PURE__ */ s("p", { className: o.close, children: c }),
|
|
23
23
|
/* @__PURE__ */ s("p", { className: o.signature, children: r })
|
|
24
24
|
] }) });
|
|
25
25
|
export {
|
|
26
|
-
|
|
26
|
+
b as default
|
|
27
27
|
};
|
|
@@ -1,75 +1,78 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { useRef as
|
|
4
|
-
import
|
|
5
|
-
import { g as
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
2
|
+
import { jsxs as g, jsx as t } from "react/jsx-runtime";
|
|
3
|
+
import { useRef as s, useEffect as f, createElement as x } from "react";
|
|
4
|
+
import y from "../IconDetail/IconDetail.js";
|
|
5
|
+
import { g as i, S as v } from "../../ScrollTrigger-DDbij8gI.js";
|
|
6
|
+
import N from "../../utils/parse.js";
|
|
7
|
+
import '../../assets/PinnedImage.css';const b = "_container_o471s_1", k = "_content_o471s_68", R = "_copy_o471s_77", S = "_text_o471s_103", E = "_title_o471s_127", H = "_background_o471s_158", I = "_section_o471s_170", P = "_details_o471s_194", e = {
|
|
8
|
+
container: b,
|
|
9
|
+
content: k,
|
|
10
|
+
copy: R,
|
|
11
|
+
text: S,
|
|
12
|
+
title: E,
|
|
13
|
+
background: H,
|
|
14
|
+
section: I,
|
|
15
|
+
details: P
|
|
15
16
|
};
|
|
16
|
-
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
const
|
|
21
|
-
return
|
|
22
|
-
const
|
|
23
|
-
const
|
|
17
|
+
i.registerPlugin(v);
|
|
18
|
+
const M = ({ image: m, title: p, sections: h }) => {
|
|
19
|
+
const a = s(null);
|
|
20
|
+
s(null);
|
|
21
|
+
const l = s([]), u = s();
|
|
22
|
+
return f(() => {
|
|
23
|
+
const n = i.context(() => {
|
|
24
|
+
const o = l.current, c = Math.max(...o.map((r) => r.offsetHeight));
|
|
25
|
+
console.log(c), i.set(u.current, { minHeight: c });
|
|
26
|
+
const d = i.timeline({
|
|
24
27
|
scrollTrigger: {
|
|
25
|
-
trigger:
|
|
28
|
+
trigger: a.current,
|
|
26
29
|
start: "top top",
|
|
27
|
-
end: `+=${
|
|
30
|
+
end: `+=${l.current.length * 100}%`,
|
|
28
31
|
// controls scroll length
|
|
29
32
|
pin: !0,
|
|
30
33
|
scrub: !0,
|
|
31
34
|
anticipatePin: 1
|
|
32
35
|
}
|
|
33
36
|
});
|
|
34
|
-
|
|
35
|
-
|
|
37
|
+
o.forEach((r, _) => {
|
|
38
|
+
d.fromTo(
|
|
36
39
|
r,
|
|
37
40
|
{ opacity: _ === 0 ? 1 : 0 },
|
|
38
41
|
{ opacity: 1, duration: 0.5 }
|
|
39
42
|
).to(
|
|
40
43
|
r,
|
|
41
|
-
{ opacity: _ ===
|
|
44
|
+
{ opacity: _ === o.length - 1 ? 1 : 0, duration: 0.5 },
|
|
42
45
|
"+=0.75"
|
|
43
46
|
);
|
|
44
47
|
});
|
|
45
|
-
},
|
|
46
|
-
return () =>
|
|
47
|
-
}, []), /* @__PURE__ */
|
|
48
|
+
}, a);
|
|
49
|
+
return () => n.revert();
|
|
50
|
+
}, []), /* @__PURE__ */ g(
|
|
48
51
|
"div",
|
|
49
52
|
{
|
|
50
53
|
className: e.container,
|
|
51
|
-
ref:
|
|
52
|
-
style: { backgroundImage: `url(${
|
|
54
|
+
ref: a,
|
|
55
|
+
style: { backgroundImage: `url(${m})` },
|
|
53
56
|
children: [
|
|
54
|
-
/* @__PURE__ */ t("h2", { className: e.title, children:
|
|
55
|
-
/* @__PURE__ */ t("div", { className: e.background, children: /* @__PURE__ */ t("img", { src:
|
|
56
|
-
/* @__PURE__ */ t("div", { className: e.content, children: /* @__PURE__ */ t("div", { className: e.copy, children:
|
|
57
|
+
/* @__PURE__ */ t("h2", { className: e.title, children: p }),
|
|
58
|
+
/* @__PURE__ */ t("div", { className: e.background, children: /* @__PURE__ */ t("img", { src: m }) }),
|
|
59
|
+
/* @__PURE__ */ t("div", { className: e.content, ref: u, children: /* @__PURE__ */ t("div", { className: e.copy, children: h.map((n, o) => /* @__PURE__ */ g(
|
|
57
60
|
"div",
|
|
58
61
|
{
|
|
59
62
|
className: e.section,
|
|
60
|
-
ref: (
|
|
63
|
+
ref: (c) => l.current[o] = c,
|
|
61
64
|
children: [
|
|
62
|
-
/* @__PURE__ */ t("h3", { children:
|
|
63
|
-
/* @__PURE__ */ t("
|
|
64
|
-
/* @__PURE__ */ t("div", { className: e.details, children:
|
|
65
|
+
/* @__PURE__ */ t("h3", { children: n.header }),
|
|
66
|
+
/* @__PURE__ */ t("div", { className: e.text, children: N(n.description) }),
|
|
67
|
+
/* @__PURE__ */ t("div", { className: e.details, children: n.details && n.details.map((c, d) => /* @__PURE__ */ x(y, { ...c, key: d })) })
|
|
65
68
|
]
|
|
66
69
|
},
|
|
67
|
-
|
|
70
|
+
o
|
|
68
71
|
)) }) })
|
|
69
72
|
]
|
|
70
73
|
}
|
|
71
74
|
);
|
|
72
75
|
};
|
|
73
76
|
export {
|
|
74
|
-
|
|
77
|
+
M as default
|
|
75
78
|
};
|
|
@@ -1,46 +1,47 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as r, Fragment as i, jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import "react";
|
|
4
4
|
import "../../index-BlCqcUwj.js";
|
|
5
|
-
import
|
|
6
|
-
import "../../index-BIlioXmW.js";
|
|
5
|
+
import d from "../Button/Button.js";
|
|
6
|
+
import { c as m } from "../../index-BIlioXmW.js";
|
|
7
7
|
import "../../hooks/useFadeIn.js";
|
|
8
8
|
import "../../index-DyQs5aC7.js";
|
|
9
9
|
import "../PinnedImage/PinnedImage.js";
|
|
10
|
-
import '../../assets/PromoGroup.css';const
|
|
11
|
-
group:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
/* @__PURE__ */
|
|
10
|
+
import '../../assets/PromoGroup.css';const n = "_group_1vzrh_1", h = "_slider_1vzrh_7", p = "_header_1vzrh_33", g = "_promo_1vzrh_60", v = "_image_1vzrh_104", N = "_promo__header_1vzrh_109", u = "_cta_1vzrh_118", y = "_promo__body_1vzrh_136", z = "_stat_1vzrh_153", x = "_statText_1vzrh_163", t = {
|
|
11
|
+
group: n,
|
|
12
|
+
slider: h,
|
|
13
|
+
header: p,
|
|
14
|
+
promo: g,
|
|
15
|
+
image: v,
|
|
16
|
+
promo__header: N,
|
|
17
|
+
cta: u,
|
|
18
|
+
promo__body: y,
|
|
19
|
+
stat: z,
|
|
20
|
+
statText: x
|
|
21
|
+
}, G = ({ header: _, promos: s }) => /* @__PURE__ */ r(i, { children: [
|
|
22
|
+
/* @__PURE__ */ e("h2", { className: t.header, children: _ }),
|
|
23
|
+
/* @__PURE__ */ e("div", { className: m(t.group, s.length > 3 && t.slider), style: { "--promos": s.length }, children: s.map((a, c) => /* @__PURE__ */ r(
|
|
23
24
|
"div",
|
|
24
25
|
{
|
|
25
|
-
delay: 0.1 *
|
|
26
|
-
className:
|
|
26
|
+
delay: 0.1 * c,
|
|
27
|
+
className: t.promo,
|
|
27
28
|
"data-color": a.color,
|
|
28
29
|
"data-text-align": a.textAlign,
|
|
29
30
|
children: [
|
|
30
|
-
a.icon && /* @__PURE__ */
|
|
31
|
-
a.image && /* @__PURE__ */
|
|
32
|
-
a.header && /* @__PURE__ */
|
|
33
|
-
/* @__PURE__ */
|
|
34
|
-
a.cta && /* @__PURE__ */
|
|
35
|
-
a.stats && /* @__PURE__ */
|
|
36
|
-
/* @__PURE__ */
|
|
37
|
-
/* @__PURE__ */
|
|
38
|
-
] }, `stat-${
|
|
31
|
+
a.icon && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: a.icon }),
|
|
32
|
+
a.image && /* @__PURE__ */ e("img", { className: t.image, src: a.image }),
|
|
33
|
+
a.header && /* @__PURE__ */ e("h3", { className: t.promo__header, children: a.header }),
|
|
34
|
+
/* @__PURE__ */ e("p", { className: t.promo__body, children: a.body }),
|
|
35
|
+
a.cta && /* @__PURE__ */ e("div", { className: t.cta, children: /* @__PURE__ */ e(d, { ...a.cta }) }),
|
|
36
|
+
a.stats && /* @__PURE__ */ e("div", { className: t.stats, children: a.stats.map((o, l) => /* @__PURE__ */ r("div", { className: t.stat, children: [
|
|
37
|
+
/* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: o.icon }),
|
|
38
|
+
/* @__PURE__ */ e("span", { className: t.statText, children: o.text })
|
|
39
|
+
] }, `stat-${l}`)) })
|
|
39
40
|
]
|
|
40
41
|
},
|
|
41
|
-
`promo-${
|
|
42
|
+
`promo-${c}`
|
|
42
43
|
)) })
|
|
43
44
|
] });
|
|
44
45
|
export {
|
|
45
|
-
|
|
46
|
+
G as default
|
|
46
47
|
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { useState as n, useEffect as e } from "react";
|
|
2
|
+
let o = null;
|
|
3
|
+
function a(t = "color-neutral-light") {
|
|
4
|
+
const [r, l] = n(t);
|
|
5
|
+
return e(() => (o = l, () => {
|
|
6
|
+
o === l && (o = null);
|
|
7
|
+
}), []), [r, l];
|
|
8
|
+
}
|
|
9
|
+
function f(t) {
|
|
10
|
+
o && o(t);
|
|
11
|
+
}
|
|
12
|
+
export {
|
|
13
|
+
f as n,
|
|
14
|
+
a as u
|
|
15
|
+
};
|