@courtneyring/components-library 1.0.9 → 1.0.10
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/Button.css +1 -1
- package/dist/assets/Container.css +1 -1
- package/dist/assets/Fifty.css +1 -1
- package/dist/assets/Footer.css +1 -1
- package/dist/assets/GenericOverlay.css +1 -1
- package/dist/assets/Navbar.css +1 -1
- package/dist/assets/OverlayHero.css +1 -1
- package/dist/assets/PageContainer.css +1 -1
- package/dist/assets/PinnedImage.css +1 -1
- package/dist/assets/PromoGroup.css +1 -1
- package/dist/assets/index.css +1 -0
- package/dist/components/Button/Button.js +21 -21
- package/dist/components/Container/Container.js +8 -8
- package/dist/components/Fifty/Fifty.js +15 -15
- package/dist/components/Footer/Footer.js +5 -5
- package/dist/components/GenericOverlay/GenericOverlay.js +7 -7
- package/dist/components/Navbar/Navbar.js +47 -47
- package/dist/components/OverlayHero/OverlayHero.js +7 -7
- package/dist/components/PageContainer/PageContainer.js +5 -5
- package/dist/components/PinnedImage/PinnedImage.js +37 -35
- package/dist/components/PromoGroup/PromoGroup.js +16 -16
- package/dist/index.js +50 -38
- package/package.json +1 -1
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_cb2wg_1{cursor:pointer;padding:8px 10px;border:2px solid;outline:0px}@media (min-width: 0){._button_cb2wg_1{font-size:22px;line-height:1.2}}@media (min-width: 800px){._button_cb2wg_1{font-size:18px}}@media (min-width: 1200px){._button_cb2wg_1{font-size:24px;line-height:1.6}}._button_cb2wg_1{text-decoration:none;transition:all .2s ease-in-out}._button_cb2wg_1[data-color=color-primary-dark]{border-color:var(--color-primary-dark)}._button_cb2wg_1[data-color=color-primary-medium]{border-color:var(--color-primary-medium)}._button_cb2wg_1[data-color=color-primary-light]{border-color:var(--color-primary-light)}._button_cb2wg_1[data-color=color-secondary]{border-color:var(--color-secondary)}._button_cb2wg_1[data-color=color-neutral-dark]{border-color:var(--color-neutral-dark)}._button_cb2wg_1[data-color=color-neutral-medium]{border-color:var(--color-neutral-medium)}._button_cb2wg_1[data-color=color-neutral-light]{border-color:var(--color-neutral-light)}._button_cb2wg_1[data-color=color-white]{border-color:var(--color-white)}._button_cb2wg_1[data-color=color-primary-dark]{color:var(--color-primary-dark)}._button_cb2wg_1[data-color=color-primary-medium]{color:var(--color-primary-medium)}._button_cb2wg_1[data-color=color-primary-light]{color:var(--color-primary-light)}._button_cb2wg_1[data-color=color-secondary]{color:var(--color-secondary)}._button_cb2wg_1[data-color=color-neutral-dark]{color:var(--color-neutral-dark)}._button_cb2wg_1[data-color=color-neutral-medium]{color:var(--color-neutral-medium)}._button_cb2wg_1[data-color=color-neutral-light]{color:var(--color-neutral-light)}._button_cb2wg_1[data-color=color-white]{color:var(--color-white)}._button_cb2wg_1{line-height:.8;align-items:center}._button_cb2wg_1._hollow_cb2wg_80{background-color:transparent}._button_cb2wg_1._filled_cb2wg_83[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._button_cb2wg_1._filled_cb2wg_83[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._button_cb2wg_1._filled_cb2wg_83[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._button_cb2wg_1._filled_cb2wg_83[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._button_cb2wg_1._filled_cb2wg_83[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._button_cb2wg_1._filled_cb2wg_83[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._button_cb2wg_1._filled_cb2wg_83[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._button_cb2wg_1._filled_cb2wg_83[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._button_cb2wg_1:hover{opacity:.8}._link_cb2wg_119{text-decoration:none;font-weight:500;color:inherit;padding:0;align-items:flex-start;border:none;background-color:transparent;display:flex}._link_cb2wg_119 span{margin-left:10px}@media (min-width: 992px){._button_cb2wg_1{padding:16px 48px;border-width:2px}._link_cb2wg_119{font-size:24px}}@media (min-width: 1200px){._button_cb2wg_1{padding:12px 50px}}@media (min-width: 1920px){._button_cb2wg_1{padding:12px 50px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_19apd_1[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._container_19apd_1[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._container_19apd_1[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._container_19apd_1[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._container_19apd_1[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._container_19apd_1[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._container_19apd_1[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._container_19apd_1[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}@media (min-width: 0){._innerContainer_19apd_35{padding:40px 20px}}@media (min-width: 390px){._innerContainer_19apd_35{padding:40px 30px}}@media (min-width: 625px){._innerContainer_19apd_35{padding:50px 30px}}@media (min-width: 800px){._innerContainer_19apd_35{padding:30px 50px}}@media (min-width: 1200px){._innerContainer_19apd_35{padding:100px}}@media (min-width: 1600px){._innerContainer_19apd_35{padding:150px}}._innerContainer_19apd_35{margin:0 auto;position:relative}@media (min-width: 625px){._innerContainer_19apd_35[data-max-width=sm]{max-width:550px}}@media (min-width: 800px){._innerContainer_19apd_35[data-max-width=sm]{max-width:700px}}@media (min-width: 992px){._innerContainer_19apd_35[data-max-width=sm]{max-width:800px}._innerContainer_19apd_35[data-max-width=lg]{max-width:1200px}}@media (min-width: 1200px){._innerContainer_19apd_35[data-max-width=sm]{max-width:1200px}}@media (min-width: 1600px){._innerContainer_19apd_35[data-max-width=sm]{max-width:1200px}._innerContainer_19apd_35[data-max-width=lg]{max-width:1800px}}._styleless_19apd_100 ._innerContainer_19apd_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_wmhwx_2{padding:40px 20px}}@media (min-width: 390px){._content_wmhwx_2{padding:40px 30px}}@media (min-width: 625px){._content_wmhwx_2{padding:50px 30px}}@media (min-width: 800px){._content_wmhwx_2{padding:30px 50px}}@media (min-width: 1200px){._content_wmhwx_2{padding:100px}}@media (min-width: 1600px){._content_wmhwx_2{padding:150px}}._fifty_wmhwx_31{display:grid;grid-template-columns:1fr;width:100%}._fifty_wmhwx_31[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._fifty_wmhwx_31[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._fifty_wmhwx_31[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._fifty_wmhwx_31[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._fifty_wmhwx_31[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._fifty_wmhwx_31[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._fifty_wmhwx_31[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._fifty_wmhwx_31[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._fifty_wmhwx_31._reverse_wmhwx_69 ._content_wmhwx_2{align-items:flex-end}._fifty_wmhwx_31._reverse_wmhwx_69 ._image_wmhwx_72{justify-content:flex-start}._fifty_wmhwx_31:not(._reverse_wmhwx_69) ._content_wmhwx_2{align-items:flex-start}._fifty_wmhwx_31:not(._reverse_wmhwx_69) ._image_wmhwx_72{justify-content:flex-end}._content_wmhwx_2{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;order:1}@media (min-width: 0){._content_wmhwx_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._content_wmhwx_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._content_wmhwx_2 h2{font-size:42px}}@media (min-width: 800px){._content_wmhwx_2 h2{font-size:30px}}._content_wmhwx_2 h2{font-family:var(--font-secondary);margin-bottom:15px;line-height:1}@media (min-width: 0){._content_wmhwx_2 p{font-size:22px;line-height:1.2}}@media (min-width: 800px){._content_wmhwx_2 p{font-size:18px}}@media (min-width: 1200px){._content_wmhwx_2 p{font-size:24px;line-height:1.6}}._content_wmhwx_2 p{margin-bottom:20px}._image_wmhwx_72{display:flex}._image_wmhwx_72 img{width:100%;height:100%;object-fit:cover;object-position:top}._imageContainer_wmhwx_150{aspect-ratio:1;width:100%}._text_wmhwx_155{display:flex;flex-direction:column;align-items:flex-start}@media (min-width: 390px){._imageContainer_wmhwx_150{aspect-ratio:unset;height:500px}}@media (min-width: 625px) and (min-width: 0){._content_wmhwx_2{padding:40px 20px}}@media (min-width: 625px) and (min-width: 390px){._content_wmhwx_2{padding:40px 30px}}@media (min-width: 625px) and (min-width: 625px){._content_wmhwx_2{padding:50px 30px}}@media (min-width: 625px) and (min-width: 800px){._content_wmhwx_2{padding:30px 50px}}@media (min-width: 625px) and (min-width: 1200px){._content_wmhwx_2{padding:100px}}@media (min-width: 625px) and (min-width: 1600px){._content_wmhwx_2{padding:150px}}@media (min-width: 625px){._content_wmhwx_2{padding-top:0}._content_wmhwx_2{padding-bottom:0}._content_wmhwx_2{padding-top:30px;padding-bottom:30px}._fifty_wmhwx_31{grid-template-columns:1fr 1fr;grid-template-rows:1fr}._fifty_wmhwx_31._reverse_wmhwx_69 ._content_wmhwx_2{order:-1}._imageContainer_wmhwx_150{height:unset}._text_wmhwx_155 h2,._text_wmhwx_155 p{margin-bottom:15px;line-height:1.3}._text_wmhwx_155 h2{line-height:1}}@media (min-width: 1200px){._fifty_wmhwx_31:not(._reverse_wmhwx_69) ._content_wmhwx_2{padding-left:60px}._fifty_wmhwx_31._reverse_wmhwx_69 ._content_wmhwx_2{padding-right:60px}._text_wmhwx_155 h2,._text_wmhwx_155 p{margin-bottom:40px}}@media (min-width: 1920px) and (min-width: 0){._fifty_wmhwx_31{padding:40px 20px}}@media (min-width: 1920px) and (min-width: 390px){._fifty_wmhwx_31{padding:40px 30px}}@media (min-width: 1920px) and (min-width: 625px){._fifty_wmhwx_31{padding:50px 30px}}@media (min-width: 1920px) and (min-width: 800px){._fifty_wmhwx_31{padding:30px 50px}}@media (min-width: 1920px) and (min-width: 1200px){._fifty_wmhwx_31{padding:100px}}@media (min-width: 1920px) and (min-width: 1600px){._fifty_wmhwx_31{padding:150px}}@media (min-width: 1920px){._fifty_wmhwx_31:not(._reverse_wmhwx_69) ._content_wmhwx_2{padding:0 0 0 100px}._fifty_wmhwx_31._reverse_wmhwx_69 ._content_wmhwx_2{padding:0 100px 0 0}._text_wmhwx_155{max-width:750px}._text_wmhwx_155 h2{margin-bottom:30px}._text_wmhwx_155 p{margin-bottom:80px}._imageContainer_wmhwx_150{max-width:900px;aspect-ratio:1}}
|
package/dist/assets/Footer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._footer_1ts2z_2{padding:40px 20px}}@media (min-width: 390px){._footer_1ts2z_2{padding:40px 30px}}@media (min-width: 625px){._footer_1ts2z_2{padding:50px 30px}}@media (min-width: 800px){._footer_1ts2z_2{padding:30px 50px}}@media (min-width: 1200px){._footer_1ts2z_2{padding:100px}}@media (min-width: 1600px){._footer_1ts2z_2{padding:150px}}._footer_1ts2z_2{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--color-primary-dark);color:var(--color-white)}._image_1ts2z_40{width:50px;margin-bottom:20px}._text_1ts2z_45{letter-spacing:3px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._overlay_1d2vw_2{padding:40px 20px}}@media (min-width: 390px){._overlay_1d2vw_2{padding:40px 30px}}@media (min-width: 625px){._overlay_1d2vw_2{padding:50px 30px}}@media (min-width: 800px){._overlay_1d2vw_2{padding:30px 50px}}@media (min-width: 1200px){._overlay_1d2vw_2{padding:100px}}@media (min-width: 1600px){._overlay_1d2vw_2{padding:150px}}._overlay_1d2vw_2{color:var(--color-neutral-dark);display:flex;flex-direction:column;justify-content:space-between;height:100%}@media (min-width: 0){._overlay_1d2vw_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._overlay_1d2vw_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._overlay_1d2vw_2 h2{font-size:42px}}@media (min-width: 800px){._overlay_1d2vw_2 h2{font-size:30px}}@media (min-width: 0){._overlay_1d2vw_2 p{font-size:22px;line-height:1.2}}@media (min-width: 800px){._overlay_1d2vw_2 p{font-size:18px}}@media (min-width: 1200px){._overlay_1d2vw_2 p{font-size:24px;line-height:1.6}}._ctas_1d2vw_79{display:flex}._ctas_1d2vw_79>*:first-child{margin-right:10px}
|
package/dist/assets/Navbar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._navbar_1eesu_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_1eesu_1._hide_1eesu_17{margin-top:-60px}._navbar__logo_1eesu_21{height:100%}._navbar__logo_1eesu_21 img{height:100%;object-fit:contain;filter:invert(100%) sepia(0%) saturate(7500%) hue-rotate(124deg) brightness(112%) contrast(102%)}._navbar__logo_1eesu_21 ._component_1eesu_29{height:100%;transition:fill .5s ease-in-out;fill:#000}._navbar__logo_1eesu_21 ._component_1eesu_29[data-color=color-primary-dark],._navbar__logo_1eesu_21 ._component_1eesu_29[data-color=color-primary-medium]{fill:var(--color-white)}._navbar__logo_1eesu_21 ._component_1eesu_29[data-color=color-primary-light]{fill:var(--color-neutral-dark)}._navbar__logo_1eesu_21 ._component_1eesu_29[data-color=color-secondary],._navbar__logo_1eesu_21 ._component_1eesu_29[data-color=color-neutral-dark],._navbar__logo_1eesu_21 ._component_1eesu_29[data-color=color-neutral-medium]{fill:var(--color-white)}._navbar__logo_1eesu_21 ._component_1eesu_29[data-color=color-neutral-light],._navbar__logo_1eesu_21 ._component_1eesu_29[data-color=color-white]{fill:var(--color-neutral-dark)}._navbar__links_1eesu_59{display:none}._navbar__link_1eesu_59{text-decoration:none;color:#fff}._navbar__link_1eesu_59[data-color=color-primary-dark],._navbar__link_1eesu_59[data-color=color-primary-medium]{color:var(--color-white)}._navbar__link_1eesu_59[data-color=color-primary-light]{color:var(--color-neutral-dark)}._navbar__link_1eesu_59[data-color=color-secondary],._navbar__link_1eesu_59[data-color=color-neutral-dark],._navbar__link_1eesu_59[data-color=color-neutral-medium]{color:var(--color-white)}._navbar__link_1eesu_59[data-color=color-neutral-light],._navbar__link_1eesu_59[data-color=color-white]{color:var(--color-neutral-dark)}._navbar__link_1eesu_59{transition:color .5s ease-in-out;mix-blend-mode:difference;font-size:32px;margin-bottom:30px}._navbar__mobileDialog_1eesu_98{display:flex;flex-direction:column;padding:150px 20px 20px}@media (min-width: 800px){._navbar__toggle_1eesu_106{display:none}._navbar__links_1eesu_59{display:initial}._navbar__link_1eesu_59{font-size:22px}._navbar__link_1eesu_59:not(:last-child){margin-right:15px}}@media (min-width: 992px){._navbar__link_1eesu_59:not(:last-child){margin-right:30px}}@media (min-width: 1200px){._navbar_1eesu_1{height:120px;padding:15px 50px}._navbar__link_1eesu_59:not(:last-child){margin-right:30px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._hero_19n8p_1{display:flex;align-items:center;justify-content:center;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh}._overlay_19n8p_12{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--color-primary-dark)}@supports not rgb(from var(--color-primary-dark) r g b / .8){._overlay_19n8p_12{background-color:rgb(from var(--color-primary-dark) r g b/.9)}}._overlay_19n8p_12{color:var(--color-white);width:100%;height:100%;text-align:center;position:relative}._eyebrow_19n8p_32{font-size:20px;text-transform:uppercase;letter-spacing:3px;font-weight:300}._title_19n8p_39{display:flex;flex-direction:column}._title_19n8p_39,._title_19n8p_39>*{font-family:var(--font-secondary);font-size:70px;line-height:1.2;margin-top:0}._eyebrow_19n8p_32,._title_19n8p_39{margin-bottom:20px}._subtitle_19n8p_57{font-size:20px;letter-spacing:3px}._subtitle_19n8p_57>p{text-transform:uppercase}._subtitle_19n8p_57>p,._subtitle_19n8p_57 i{margin-bottom:10px;margin-top:0;font-weight:300}@media (min-width: 390px){._hero_19n8p_1{padding:70px 30px}._eyebrow_19n8p_32{font-size:24px}._title_19n8p_39,._title_19n8p_39>*{font-size:90px;line-height:1.2}._eyebrow_19n8p_32,._title_19n8p_39{margin-bottom:30px}}@media (min-width: 625px){._hero_19n8p_1{padding:90px}._title_19n8p_39,._title_19n8p_39>*{font-size:120px;line-height:1.2}._subtitle_19n8p_57,._eyebrow_19n8p_32{font-size:20px}}@media (min-width: 800px){._hero_19n8p_1{padding:50px}._title_19n8p_39,._title_19n8p_39>*{font-size:85px}}@media (min-width: 800px) and (orientation: landscape){._title_19n8p_39{flex-direction:row}}@media (min-width: 992px){._hero_19n8p_1{padding:100px 70px}._eyebrow_19n8p_32,._title_19n8p_39{margin-bottom:0}._title_19n8p_39{word-spacing:unset;display:flex;flex-direction:row}}@media (min-width: 1200px){._hero_19n8p_1{padding:6%}._title_19n8p_39{font-size:140px}._eyebrow_19n8p_32{font-size:20px}._subtitle_19n8p_57{font-size:36px}}@media (min-width: 1600px){._overlay_19n8p_12{max-height:unset}._title_19n8p_39{font-size:180px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._container__inner_6kuy4_2{padding:40px 20px}}@media (min-width: 390px){._container__inner_6kuy4_2{padding:40px 30px}}@media (min-width: 625px){._container__inner_6kuy4_2{padding:50px 30px}}@media (min-width: 800px){._container__inner_6kuy4_2{padding:30px 50px}}@media (min-width: 1200px){._container__inner_6kuy4_2{padding:100px}}@media (min-width: 1600px){._container__inner_6kuy4_2{padding:150px}}._container__inner_6kuy4_2{width:100%}._container__inner_6kuy4_2 h1{font-size:40px}._container__inner_6kuy4_2._removePadding_6kuy4_37{padding:0}._container__body_6kuy4_41{font-size:20px;margin-top:30px}._container__body_6kuy4_41 p{margin-bottom:20px}@media (min-width: 992px){._container__body_6kuy4_41{font-size:24px;line-height:2}}@media (min-width: 1200px){._container__copy_6kuy4_56{max-width:1400px;margin:30px 0 auto}._container__inner_6kuy4_2 h1{font-size:50px}._container__body_6kuy4_41{margin-top:30px;font-size:28px;line-height:1.8}}@media (min-width: 1920px){._container__copy_6kuy4_56{max-width:1400px;margin:0 auto}._container__body_6kuy4_41 p{font-size:32px;line-height:1.5}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_11qiv_1{margin-top:-40px;margin-bottom:-40px}@media (min-width: 390px){._container_11qiv_1{margin-top:-40px;margin-bottom:-40px}}._container_11qiv_1{width:calc(100% + 40px);margin-left:-20px}@media (min-width: 390px){._container_11qiv_1{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 800px){._container_11qiv_1{margin-top:0;margin-bottom:0;width:100%;margin-left:0}}@media (min-width: 0){._container_11qiv_1{padding:40px 20px}}@media (min-width: 390px){._container_11qiv_1{padding:40px 30px}}@media (min-width: 625px){._container_11qiv_1{padding:50px 30px}}@media (min-width: 800px){._container_11qiv_1{padding:30px 50px}}@media (min-width: 1200px){._container_11qiv_1{padding:100px}}@media (min-width: 1600px){._container_11qiv_1{padding:150px}}._container_11qiv_1{position:relative;height:100vh;background-size:cover;padding-top:10%}._content_11qiv_68{display:grid;max-width:550px;margin:0 auto;position:relative;width:100%}._copy_11qiv_76{text-align:center;position:relative;width:100%;background-color:var(--color-white)}@media (min-width: 0){._copy_11qiv_76 h3{font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}}@media (min-width: 625px){._copy_11qiv_76 h3{font-size:26px}}@media (min-width: 800px){._copy_11qiv_76 h3{font-size:20px}}@media (min-width: 0){._copy_11qiv_76 ._text_11qiv_102,._copy_11qiv_76 ._text_11qiv_102>*{font-size:22px;line-height:1.2}}@media (min-width: 800px){._copy_11qiv_76 ._text_11qiv_102,._copy_11qiv_76 ._text_11qiv_102>*{font-size:18px}}@media (min-width: 1200px){._copy_11qiv_76 ._text_11qiv_102,._copy_11qiv_76 ._text_11qiv_102>*{font-size:24px;line-height:1.6}}._copy_11qiv_76 ._text_11qiv_102,._copy_11qiv_76 ._text_11qiv_102>*{margin-bottom:30px}._title_11qiv_126{font-family:var(--font-secondary)}@media (min-width: 0){._title_11qiv_126{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._title_11qiv_126{font-size:40px;line-height:1.2}}@media (min-width: 625px){._title_11qiv_126{font-size:42px}}@media (min-width: 800px){._title_11qiv_126{font-size:30px}}._title_11qiv_126{text-align:center;margin-bottom:40px}._background_11qiv_157{width:100%;height:100%;display:none}._background_11qiv_157 img{object-fit:cover;width:100%;height:100%;display:block}._section_11qiv_169{position:absolute;padding:20px}._stats_11qiv_174{margin:0 auto}@media (min-width: 390px){._section_11qiv_169{padding:30px}}@media (min-width: 625px){._title_11qiv_126{margin-bottom:40px}._container_11qiv_1{padding-top:15%}._section_11qiv_169{padding:50px}._details_11qiv_193{display:flex;justify-content:space-between}._text_11qiv_102>div>a{margin-bottom:15px}}@media (min-width: 800px){._container_11qiv_1{background-image:none!important;padding:0}._background_11qiv_157{display:block;width:80%;height:75vh}._title_11qiv_126{margin-bottom:10px}._content_11qiv_68{position:absolute;right:0;top:17%;width:60%}._section_11qiv_169{padding:30px}._details_11qiv_193{justify-content:space-around}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
p,h1,h2,h3{margin:0}.
|
|
1
|
+
p,h1,h2,h3{margin:0}._group_13qlb_1{display:grid;grid-template-columns:1fr;gap:20px;padding:0 20px}._group_13qlb_1._slider_13qlb_7{grid-template-columns:repeat(var(--promos),1fr)}._group_13qlb_1._slider_13qlb_7 ._group_13qlb_1{width:calc(100% + 40px);margin-left:-20px}@media (min-width: 390px){._group_13qlb_1._slider_13qlb_7 ._group_13qlb_1{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 800px){._group_13qlb_1._slider_13qlb_7 ._group_13qlb_1{margin-top:0;margin-bottom:0;width:100%;margin-left:0}}._group_13qlb_1._slider_13qlb_7{overflow-x:auto}@media (min-width: 0){._header_13qlb_33{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_13qlb_33{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_13qlb_33{font-size:42px}}@media (min-width: 800px){._header_13qlb_33{font-size:30px}}._header_13qlb_33{font-family:var(--font-secondary);margin-bottom:30px}._promo_13qlb_60{grid-row:auto/span 3;padding:20px;display:grid;grid-template-rows:subgrid;min-width:73vw}._promo_13qlb_60[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._promo_13qlb_60[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._promo_13qlb_60[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._promo_13qlb_60[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._promo_13qlb_60[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._promo_13qlb_60[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._promo_13qlb_60[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._promo_13qlb_60[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._promo_13qlb_60[data-text-align=center]{text-align:center;align-items:center}._image_13qlb_104{width:100px;margin:0 auto}._promo__header_13qlb_109{margin:0;line-height:2.25rem;text-transform:uppercase;letter-spacing:3px}@media (min-width: 0){._promo__header_13qlb_109{font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}}@media (min-width: 625px){._promo__header_13qlb_109{font-size:26px}}@media (min-width: 800px){._promo__header_13qlb_109{font-size:20px}}@media (min-width: 0){._cta_13qlb_136{font-size:22px;line-height:1.2}}@media (min-width: 800px){._cta_13qlb_136{font-size:18px}}@media (min-width: 1200px){._cta_13qlb_136{font-size:24px;line-height:1.6}}@media (min-width: 0){._promo__body_13qlb_154{font-size:22px;line-height:1.2}}@media (min-width: 800px){._promo__body_13qlb_154{font-size:18px}}@media (min-width: 1200px){._promo__body_13qlb_154{font-size:24px;line-height:1.6}}._stat_13qlb_171{display:flex;align-items:center;margin-bottom:5px}._stat_13qlb_171 span:first-child{margin-right:10px}@media (min-width: 0){._statText_13qlb_181{font-size:22px;line-height:1.2}}@media (min-width: 800px){._statText_13qlb_181{font-size:18px}}@media (min-width: 1200px){._statText_13qlb_181{font-size:24px;line-height:1.6}}._statText_13qlb_181{font-style:italic}@media (min-width: 625px){._group_13qlb_1,._group_13qlb_1._slider_13qlb_7{grid-template-columns:1fr 1fr;padding:0}._promo_13qlb_60{min-width:unset}}@media (min-width: 800px){._group_13qlb_1._slider_13qlb_7{grid-template-columns:1fr 1fr 1fr}._image_13qlb_104{width:80px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._imageScroller_w25kx_1{display:grid;gap:20px}._image_w25kx_1 img{object-fit:cover;width:100%;height:100%}._image_w25kx_1{aspect-ratio:1}._row_w25kx_15{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 625px){._row_w25kx_15{grid-template-columns:1fr 1fr}}@media (min-width: 800px){._row_w25kx_15{grid-template-columns:2fr 1fr}._row_w25kx_15._reverse_w25kx_30{grid-template-columns:1fr 2fr}._image_w25kx_1{aspect-ratio:unset}}
|
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import '../../assets/Button.css';const
|
|
4
|
-
button:
|
|
5
|
-
hollow:
|
|
6
|
-
filled:
|
|
7
|
-
link:
|
|
8
|
-
},
|
|
9
|
-
children:
|
|
2
|
+
import { jsxs as b, jsx as d } from "react/jsx-runtime";
|
|
3
|
+
import '../../assets/Button.css';const u = "_button_cb2wg_1", w = "_hollow_cb2wg_80", m = "_filled_cb2wg_83", f = "_link_cb2wg_119", l = {
|
|
4
|
+
button: u,
|
|
5
|
+
hollow: w,
|
|
6
|
+
filled: m,
|
|
7
|
+
link: f
|
|
8
|
+
}, k = ({
|
|
9
|
+
children: e,
|
|
10
10
|
fn: o,
|
|
11
11
|
href: t,
|
|
12
|
-
target:
|
|
12
|
+
target: a,
|
|
13
13
|
hollow: r = !1,
|
|
14
|
-
variation:
|
|
14
|
+
variation: s = "color-primary-dark",
|
|
15
15
|
textDecoration: _,
|
|
16
16
|
label: i,
|
|
17
|
-
value:
|
|
18
|
-
icon:
|
|
19
|
-
}) => /* @__PURE__ */
|
|
20
|
-
t ||
|
|
17
|
+
value: n,
|
|
18
|
+
icon: c
|
|
19
|
+
}) => /* @__PURE__ */ b(
|
|
20
|
+
t || n ? "a" : "button",
|
|
21
21
|
{
|
|
22
|
-
href: t ||
|
|
22
|
+
href: t || n,
|
|
23
23
|
onClick: o || null,
|
|
24
|
-
target:
|
|
25
|
-
className: `${l.button} ${r ? l.hollow : l.filled} ${l[
|
|
24
|
+
target: a,
|
|
25
|
+
className: `${l.button} ${r ? l.hollow : l.filled} ${l[s]}`,
|
|
26
26
|
style: { textDecoration: _ },
|
|
27
|
-
"data-color":
|
|
27
|
+
"data-color": s,
|
|
28
28
|
children: [
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
e || i,
|
|
30
|
+
c && /* @__PURE__ */ d("span", { className: "material-symbols-outlined", children: c })
|
|
31
31
|
]
|
|
32
32
|
}
|
|
33
33
|
);
|
|
34
34
|
export {
|
|
35
|
-
|
|
35
|
+
k as default
|
|
36
36
|
};
|
|
@@ -3,11 +3,11 @@ import { jsx as s } from "react/jsx-runtime";
|
|
|
3
3
|
import { c as o } from "../../index-BIlioXmW.js";
|
|
4
4
|
import { n as d } from "../../useNavColor-BR80WxFs.js";
|
|
5
5
|
import { useRef as f, useEffect as m } from "react";
|
|
6
|
-
import '../../assets/Container.css';const
|
|
7
|
-
container:
|
|
8
|
-
innerContainer:
|
|
9
|
-
styleless:
|
|
10
|
-
},
|
|
6
|
+
import '../../assets/Container.css';const p = "_container_19apd_1", u = "_innerContainer_19apd_35", _ = "_styleless_19apd_100", n = {
|
|
7
|
+
container: p,
|
|
8
|
+
innerContainer: u,
|
|
9
|
+
styleless: _
|
|
10
|
+
}, h = ({ color: r, children: a, maxWidth: i, styleless: c }) => {
|
|
11
11
|
const e = f();
|
|
12
12
|
return m(() => {
|
|
13
13
|
if (!e.current) return;
|
|
@@ -28,13 +28,13 @@ import '../../assets/Container.css';const u = "_container_duqhh_1", h = "_innerC
|
|
|
28
28
|
"div",
|
|
29
29
|
{
|
|
30
30
|
className: o(n.innerContainer),
|
|
31
|
-
"data-max-width":
|
|
32
|
-
children:
|
|
31
|
+
"data-max-width": i,
|
|
32
|
+
children: a
|
|
33
33
|
}
|
|
34
34
|
)
|
|
35
35
|
}
|
|
36
36
|
);
|
|
37
37
|
};
|
|
38
38
|
export {
|
|
39
|
-
|
|
39
|
+
h as default
|
|
40
40
|
};
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import f from "../Button/Button.js";
|
|
4
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
|
|
7
|
-
content:
|
|
8
|
-
fifty:
|
|
9
|
-
reverse:
|
|
10
|
-
image:
|
|
11
|
-
imageContainer:
|
|
12
|
-
text:
|
|
13
|
-
}, j = ({ heading:
|
|
6
|
+
import '../../assets/Fifty.css';const h = "_content_wmhwx_2", x = "_fifty_wmhwx_31", w = "_reverse_wmhwx_69", g = "_image_wmhwx_72", v = "_imageContainer_wmhwx_150", y = "_text_wmhwx_155", t = {
|
|
7
|
+
content: h,
|
|
8
|
+
fifty: x,
|
|
9
|
+
reverse: w,
|
|
10
|
+
image: g,
|
|
11
|
+
imageContainer: v,
|
|
12
|
+
text: y
|
|
13
|
+
}, j = ({ heading: n, body: r, cta: s, color: o, image: a, reverse: c, pos: m }) => {
|
|
14
14
|
const _ = l();
|
|
15
|
-
return /* @__PURE__ */
|
|
15
|
+
return /* @__PURE__ */ i(
|
|
16
16
|
"div",
|
|
17
17
|
{
|
|
18
18
|
className: d(t.fifty, !!c && t.reverse),
|
|
19
|
-
"data-color":
|
|
19
|
+
"data-color": o,
|
|
20
20
|
children: [
|
|
21
|
-
/* @__PURE__ */ e("div", { className: t.content, ref: _, children: /* @__PURE__ */
|
|
22
|
-
/* @__PURE__ */ e("h2", { children:
|
|
23
|
-
/* @__PURE__ */ e("p", { children:
|
|
24
|
-
|
|
21
|
+
/* @__PURE__ */ e("div", { className: t.content, ref: _, children: /* @__PURE__ */ i("div", { className: t.text, children: [
|
|
22
|
+
/* @__PURE__ */ e("h2", { children: n }),
|
|
23
|
+
/* @__PURE__ */ e("p", { children: r }),
|
|
24
|
+
s && /* @__PURE__ */ e(f, { ...s })
|
|
25
25
|
] }) }),
|
|
26
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
|
]
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as r, jsx as
|
|
3
|
-
import '../../assets/Footer.css';const a = "
|
|
2
|
+
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import '../../assets/Footer.css';const a = "_footer_1ts2z_2", c = "_image_1ts2z_40", m = "_text_1ts2z_45", t = {
|
|
4
4
|
footer: a,
|
|
5
5
|
image: c,
|
|
6
6
|
text: m
|
|
7
|
-
}, i = ({ logo:
|
|
8
|
-
/* @__PURE__ */
|
|
9
|
-
/* @__PURE__ */
|
|
7
|
+
}, i = ({ logo: s, logoText: o }) => /* @__PURE__ */ r("footer", { className: t.footer, children: [
|
|
8
|
+
/* @__PURE__ */ e("img", { src: s, className: t.image }),
|
|
9
|
+
/* @__PURE__ */ e("p", { className: t.text, children: o })
|
|
10
10
|
] });
|
|
11
11
|
export {
|
|
12
12
|
i as default
|
|
@@ -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 o from "../Button/Button.js";
|
|
5
|
+
import '../../assets/GenericOverlay.css';const i = "_overlay_1d2vw_2", d = "_ctas_1d2vw_79", r = {
|
|
6
6
|
overlay: i,
|
|
7
7
|
ctas: d
|
|
8
|
-
},
|
|
8
|
+
}, _ = ({ header: l, body: a, primaryCta: c, secondaryCta: t }) => /* @__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: l }),
|
|
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(o, { ...c }),
|
|
15
|
+
t && /* @__PURE__ */ e(o, { ...t })
|
|
16
16
|
] })
|
|
17
17
|
] });
|
|
18
18
|
export {
|
|
19
|
-
|
|
19
|
+
_ as default
|
|
20
20
|
};
|
|
@@ -1,81 +1,81 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as v, jsx as o } from "react/jsx-runtime";
|
|
3
|
-
import { useRef as
|
|
4
|
-
import
|
|
5
|
-
import { r as
|
|
6
|
-
import
|
|
7
|
-
import { c as
|
|
8
|
-
import { u as
|
|
9
|
-
import '../../assets/Navbar.css';const
|
|
10
|
-
navbar:
|
|
11
|
-
hide:
|
|
12
|
-
navbar__logo:
|
|
13
|
-
component:
|
|
14
|
-
navbar__links:
|
|
15
|
-
navbar__link:
|
|
16
|
-
navbar__mobileDialog:
|
|
17
|
-
navbar__toggle:
|
|
18
|
-
},
|
|
19
|
-
const l =
|
|
20
|
-
|
|
21
|
-
const
|
|
22
|
-
let
|
|
23
|
-
document.body.style.overflow =
|
|
3
|
+
import { useRef as p, useState as u, useEffect as g, cloneElement as f } from "react";
|
|
4
|
+
import N from "../MenuButton/MenuButton.js";
|
|
5
|
+
import { r as w } from "../../index-DyQs5aC7.js";
|
|
6
|
+
import D from "../Overlay/Overlay.js";
|
|
7
|
+
import { c as k } from "../../index-BIlioXmW.js";
|
|
8
|
+
import { u as y } from "../../useNavColor-BR80WxFs.js";
|
|
9
|
+
import '../../assets/Navbar.css';const x = "_navbar_1eesu_1", E = "_hide_1eesu_17", O = "_navbar__logo_1eesu_21", S = "_component_1eesu_29", M = "_navbar__links_1eesu_59", Y = "_navbar__link_1eesu_59", $ = "_navbar__mobileDialog_1eesu_98", j = "_navbar__toggle_1eesu_106", a = {
|
|
10
|
+
navbar: x,
|
|
11
|
+
hide: E,
|
|
12
|
+
navbar__logo: O,
|
|
13
|
+
component: S,
|
|
14
|
+
navbar__links: M,
|
|
15
|
+
navbar__link: Y,
|
|
16
|
+
navbar__mobileDialog: $,
|
|
17
|
+
navbar__toggle: j
|
|
18
|
+
}, C = {}, A = ({ links: s, logoImage: t, color: F, logoComponent: c }) => {
|
|
19
|
+
const l = p(0), [d, m] = u("up"), [n, _] = u(!1), [r] = y();
|
|
20
|
+
g(() => (window.addEventListener("scroll", i), () => window.removeEventListener("scroll", i)), []);
|
|
21
|
+
const b = () => {
|
|
22
|
+
let e = n ? "unset" : "hidden";
|
|
23
|
+
document.body.style.overflow = e, _(!n);
|
|
24
24
|
}, i = () => {
|
|
25
|
-
const
|
|
26
|
-
|
|
25
|
+
const e = window.scrollY;
|
|
26
|
+
e - l.current !== 0 && m(e > l.current ? "down" : "up"), l.current = e > 0 ? e : 0;
|
|
27
27
|
};
|
|
28
28
|
return /* @__PURE__ */ v(
|
|
29
29
|
"nav",
|
|
30
30
|
{
|
|
31
31
|
"data-color": n ? "color-neutral-light" : r,
|
|
32
|
-
className:
|
|
33
|
-
|
|
32
|
+
className: k(
|
|
33
|
+
a.navbar,
|
|
34
34
|
// background && styles.background,
|
|
35
|
-
n &&
|
|
36
|
-
|
|
35
|
+
n && a.open,
|
|
36
|
+
d === "down" && a.hide
|
|
37
37
|
),
|
|
38
38
|
children: [
|
|
39
|
-
/* @__PURE__ */ v("a", { className:
|
|
40
|
-
|
|
41
|
-
c &&
|
|
42
|
-
className:
|
|
39
|
+
/* @__PURE__ */ v("a", { className: a.navbar__logo, href: "/", children: [
|
|
40
|
+
t && /* @__PURE__ */ o("img", { src: t }),
|
|
41
|
+
c && f(c, {
|
|
42
|
+
className: a.component,
|
|
43
43
|
"data-color": n ? "color-neutral-light" : r
|
|
44
44
|
})
|
|
45
45
|
] }),
|
|
46
|
-
/* @__PURE__ */ o("div", { className:
|
|
47
|
-
|
|
46
|
+
/* @__PURE__ */ o("div", { className: a.navbar__toggle, children: /* @__PURE__ */ o(
|
|
47
|
+
N,
|
|
48
48
|
{
|
|
49
|
-
clickFn:
|
|
49
|
+
clickFn: b,
|
|
50
50
|
isOpen: n,
|
|
51
51
|
theme: n ? "color-neutral-light" : r
|
|
52
52
|
}
|
|
53
53
|
) }),
|
|
54
|
-
/* @__PURE__ */ o("div", { className:
|
|
54
|
+
/* @__PURE__ */ o("div", { className: a.navbar__links, children: s.map((e, h) => /* @__PURE__ */ o(
|
|
55
55
|
"a",
|
|
56
56
|
{
|
|
57
|
-
className: `${
|
|
58
|
-
href:
|
|
57
|
+
className: `${a.navbar__link}`,
|
|
58
|
+
href: e.value,
|
|
59
59
|
"data-color": r,
|
|
60
|
-
children:
|
|
60
|
+
children: e.label
|
|
61
61
|
},
|
|
62
|
-
`navbar-d-${
|
|
62
|
+
`navbar-d-${e.value}`
|
|
63
63
|
)) }),
|
|
64
|
-
n &&
|
|
64
|
+
n && w.createPortal(
|
|
65
65
|
/* @__PURE__ */ o(
|
|
66
|
-
|
|
66
|
+
D,
|
|
67
67
|
{
|
|
68
68
|
closeFn: () => _(!1),
|
|
69
69
|
hideClose: !0,
|
|
70
|
-
background:
|
|
71
|
-
children: /* @__PURE__ */ o("div", { className:
|
|
70
|
+
background: C.neutralDark,
|
|
71
|
+
children: /* @__PURE__ */ o("div", { className: a.navbar__mobileDialog, children: s.map((e, h) => /* @__PURE__ */ o(
|
|
72
72
|
"a",
|
|
73
73
|
{
|
|
74
|
-
className:
|
|
75
|
-
href:
|
|
76
|
-
children:
|
|
74
|
+
className: a.navbar__link,
|
|
75
|
+
href: e.value,
|
|
76
|
+
children: e.label
|
|
77
77
|
},
|
|
78
|
-
`m-${
|
|
78
|
+
`m-${e.value}`
|
|
79
79
|
)) })
|
|
80
80
|
}
|
|
81
81
|
),
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as t, jsxs as
|
|
2
|
+
import { jsx as t, jsxs as i } from "react/jsx-runtime";
|
|
3
3
|
import r from "../../utils/parse.js";
|
|
4
|
-
import '../../assets/OverlayHero.css';const
|
|
5
|
-
hero:
|
|
4
|
+
import '../../assets/OverlayHero.css';const c = "_hero_19n8p_1", _ = "_overlay_19n8p_12", d = "_eyebrow_19n8p_32", y = "_title_19n8p_39", b = "_subtitle_19n8p_57", e = {
|
|
5
|
+
hero: c,
|
|
6
6
|
overlay: _,
|
|
7
7
|
eyebrow: d,
|
|
8
8
|
title: y,
|
|
9
9
|
subtitle: b
|
|
10
|
-
},
|
|
10
|
+
}, u = ({ text: h, image: s, pos: o, eyebrow: l, title: a, subtitle: n }) => /* @__PURE__ */ t(
|
|
11
11
|
"div",
|
|
12
12
|
{
|
|
13
13
|
className: e.hero,
|
|
14
14
|
style: { backgroundImage: `url(${s})`, backgroundPosition: o },
|
|
15
|
-
children: /* @__PURE__ */
|
|
15
|
+
children: /* @__PURE__ */ i("div", { className: e.overlay, children: [
|
|
16
16
|
/* @__PURE__ */ t("p", { className: e.eyebrow, children: l }),
|
|
17
17
|
/* @__PURE__ */ t("h1", { className: e.title, children: r(a) }),
|
|
18
|
-
/* @__PURE__ */ t("div", { className: e.subtitle, children: r(
|
|
18
|
+
/* @__PURE__ */ t("div", { className: e.subtitle, children: r(n) })
|
|
19
19
|
] })
|
|
20
20
|
}
|
|
21
21
|
);
|
|
22
22
|
export {
|
|
23
|
-
|
|
23
|
+
u as default
|
|
24
24
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as i, jsx as o } from "react/jsx-runtime";
|
|
3
|
-
import '../../assets/PageContainer.css';const s = "
|
|
3
|
+
import '../../assets/PageContainer.css';const s = "_container__inner_6kuy4_2", l = "_removePadding_6kuy4_37", y = "_container__body_6kuy4_41", m = "_container__copy_6kuy4_56", n = {
|
|
4
4
|
container__inner: s,
|
|
5
5
|
removePadding: l,
|
|
6
|
-
container__body:
|
|
7
|
-
container__copy:
|
|
8
|
-
},
|
|
6
|
+
container__body: y,
|
|
7
|
+
container__copy: m
|
|
8
|
+
}, v = ({ heroImage: g, pageTitle: r, children: t, hero: h, copy: e, excludePadding: c = [] }) => {
|
|
9
9
|
const a = () => {
|
|
10
10
|
let _ = {};
|
|
11
11
|
for (let d of c)
|
|
@@ -21,5 +21,5 @@ import '../../assets/PageContainer.css';const s = "_container__inner_40qkn_2", l
|
|
|
21
21
|
] });
|
|
22
22
|
};
|
|
23
23
|
export {
|
|
24
|
-
|
|
24
|
+
v as default
|
|
25
25
|
};
|
|
@@ -1,73 +1,75 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as g, jsx as t } from "react/jsx-runtime";
|
|
3
|
-
import { useRef as
|
|
3
|
+
import { useRef as a, useEffect as v, createElement as x } from "react";
|
|
4
4
|
import y from "../IconDetail/IconDetail.js";
|
|
5
|
-
import { g as
|
|
5
|
+
import { g as l, S as q } from "../../ScrollTrigger-DDbij8gI.js";
|
|
6
6
|
import N from "../../utils/parse.js";
|
|
7
|
-
import '../../assets/PinnedImage.css';const b = "
|
|
7
|
+
import '../../assets/PinnedImage.css';const b = "_container_11qiv_1", k = "_content_11qiv_68", P = "_copy_11qiv_76", R = "_text_11qiv_102", S = "_title_11qiv_126", T = "_background_11qiv_157", E = "_section_11qiv_169", H = "_details_11qiv_193", e = {
|
|
8
8
|
container: b,
|
|
9
9
|
content: k,
|
|
10
|
-
copy:
|
|
11
|
-
text:
|
|
12
|
-
title:
|
|
13
|
-
background:
|
|
14
|
-
section:
|
|
15
|
-
details:
|
|
10
|
+
copy: P,
|
|
11
|
+
text: R,
|
|
12
|
+
title: S,
|
|
13
|
+
background: T,
|
|
14
|
+
section: E,
|
|
15
|
+
details: H
|
|
16
16
|
};
|
|
17
|
-
|
|
18
|
-
const M = ({ image: m, title:
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
const
|
|
22
|
-
return
|
|
23
|
-
const n =
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
const
|
|
17
|
+
l.registerPlugin(q);
|
|
18
|
+
const M = ({ image: m, title: _, sections: f }) => {
|
|
19
|
+
const o = a(null);
|
|
20
|
+
a(null);
|
|
21
|
+
const d = a([]), p = a();
|
|
22
|
+
return v(() => {
|
|
23
|
+
const n = l.context(() => {
|
|
24
|
+
const c = d.current, r = Math.max(...c.map((s) => s.offsetHeight));
|
|
25
|
+
l.set(p.current, { minHeight: r });
|
|
26
|
+
const i = o.current.offsetTop;
|
|
27
|
+
console.log(i);
|
|
28
|
+
const h = l.timeline({
|
|
27
29
|
scrollTrigger: {
|
|
28
|
-
trigger:
|
|
29
|
-
start:
|
|
30
|
-
end: `+=${
|
|
30
|
+
trigger: o.current,
|
|
31
|
+
start: `top-=${i} top`,
|
|
32
|
+
end: `+=${d.current.length * 100}%`,
|
|
31
33
|
// controls scroll length
|
|
32
34
|
pin: !0,
|
|
33
35
|
scrub: !0,
|
|
34
36
|
anticipatePin: 1
|
|
35
37
|
}
|
|
36
38
|
});
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
{ opacity:
|
|
39
|
+
c.forEach((s, u) => {
|
|
40
|
+
h.fromTo(
|
|
41
|
+
s,
|
|
42
|
+
{ opacity: u === 0 ? 1 : 0 },
|
|
41
43
|
{ opacity: 1, duration: 0.5 }
|
|
42
44
|
).to(
|
|
43
|
-
|
|
44
|
-
{ opacity:
|
|
45
|
+
s,
|
|
46
|
+
{ opacity: u === c.length - 1 ? 1 : 0, duration: 0.5 },
|
|
45
47
|
"+=0.75"
|
|
46
48
|
);
|
|
47
49
|
});
|
|
48
|
-
},
|
|
50
|
+
}, o);
|
|
49
51
|
return () => n.revert();
|
|
50
52
|
}, []), /* @__PURE__ */ g(
|
|
51
53
|
"div",
|
|
52
54
|
{
|
|
53
55
|
className: e.container,
|
|
54
|
-
ref:
|
|
56
|
+
ref: o,
|
|
55
57
|
style: { backgroundImage: `url(${m})` },
|
|
56
58
|
children: [
|
|
57
|
-
/* @__PURE__ */ t("h2", { className: e.title, children:
|
|
59
|
+
/* @__PURE__ */ t("h2", { className: e.title, children: _ }),
|
|
58
60
|
/* @__PURE__ */ t("div", { className: e.background, children: /* @__PURE__ */ t("img", { src: m }) }),
|
|
59
|
-
/* @__PURE__ */ t("div", { className: e.content, ref:
|
|
61
|
+
/* @__PURE__ */ t("div", { className: e.content, ref: p, children: /* @__PURE__ */ t("div", { className: e.copy, children: f.map((n, c) => /* @__PURE__ */ g(
|
|
60
62
|
"div",
|
|
61
63
|
{
|
|
62
64
|
className: e.section,
|
|
63
|
-
ref: (
|
|
65
|
+
ref: (r) => d.current[c] = r,
|
|
64
66
|
children: [
|
|
65
67
|
/* @__PURE__ */ t("h3", { children: n.header }),
|
|
66
68
|
/* @__PURE__ */ t("div", { className: e.text, children: N(n.description) }),
|
|
67
|
-
/* @__PURE__ */ t("div", { className: e.details, children: n.details && n.details.map((
|
|
69
|
+
/* @__PURE__ */ t("div", { className: e.details, children: n.details && n.details.map((r, i) => /* @__PURE__ */ x(y, { ...r, key: i })) })
|
|
68
70
|
]
|
|
69
71
|
},
|
|
70
|
-
|
|
72
|
+
c
|
|
71
73
|
)) }) })
|
|
72
74
|
]
|
|
73
75
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as l, Fragment as i, jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import "react";
|
|
4
4
|
import "../../index-BlCqcUwj.js";
|
|
5
5
|
import d from "../Button/Button.js";
|
|
@@ -7,23 +7,23 @@ 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 n = "
|
|
10
|
+
import '../../assets/PromoGroup.css';const n = "_group_13qlb_1", h = "_slider_13qlb_7", p = "_header_13qlb_33", b = "_promo_13qlb_60", g = "_image_13qlb_104", N = "_promo__header_13qlb_109", q = "_cta_13qlb_136", u = "_promo__body_13qlb_154", y = "_stat_13qlb_171", x = "_statText_13qlb_181", t = {
|
|
11
11
|
group: n,
|
|
12
12
|
slider: h,
|
|
13
13
|
header: p,
|
|
14
|
-
promo:
|
|
15
|
-
image:
|
|
14
|
+
promo: b,
|
|
15
|
+
image: g,
|
|
16
16
|
promo__header: N,
|
|
17
|
-
cta:
|
|
18
|
-
promo__body:
|
|
19
|
-
stat:
|
|
17
|
+
cta: q,
|
|
18
|
+
promo__body: u,
|
|
19
|
+
stat: y,
|
|
20
20
|
statText: x
|
|
21
|
-
}, G = ({ header:
|
|
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,
|
|
21
|
+
}, G = ({ header: o, promos: s }) => /* @__PURE__ */ l(i, { children: [
|
|
22
|
+
/* @__PURE__ */ e("h2", { className: t.header, children: o }),
|
|
23
|
+
/* @__PURE__ */ e("div", { className: m(t.group, s.length > 3 && t.slider), style: { "--promos": s.length }, children: s.map((a, r) => /* @__PURE__ */ l(
|
|
24
24
|
"div",
|
|
25
25
|
{
|
|
26
|
-
delay: 0.1 *
|
|
26
|
+
delay: 0.1 * r,
|
|
27
27
|
className: t.promo,
|
|
28
28
|
"data-color": a.color,
|
|
29
29
|
"data-text-align": a.textAlign,
|
|
@@ -33,13 +33,13 @@ import '../../assets/PromoGroup.css';const n = "_group_1vzrh_1", h = "_slider_1v
|
|
|
33
33
|
a.header && /* @__PURE__ */ e("h3", { className: t.promo__header, children: a.header }),
|
|
34
34
|
/* @__PURE__ */ e("p", { className: t.promo__body, children: a.body }),
|
|
35
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((
|
|
37
|
-
/* @__PURE__ */ e("span", { className: "material-symbols-outlined", children:
|
|
38
|
-
/* @__PURE__ */ e("span", { className: t.statText, children:
|
|
39
|
-
] }, `stat-${
|
|
36
|
+
a.stats && /* @__PURE__ */ e("div", { className: t.stats, children: a.stats.map((c, _) => /* @__PURE__ */ l("div", { className: t.stat, children: [
|
|
37
|
+
/* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: c.icon }),
|
|
38
|
+
/* @__PURE__ */ e("span", { className: t.statText, children: c.text })
|
|
39
|
+
] }, `stat-${_}`)) })
|
|
40
40
|
]
|
|
41
41
|
},
|
|
42
|
-
`promo-${
|
|
42
|
+
`promo-${r}`
|
|
43
43
|
)) })
|
|
44
44
|
] });
|
|
45
45
|
export {
|
package/dist/index.js
CHANGED
|
@@ -1,40 +1,52 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import { default as
|
|
3
|
-
import { default as
|
|
4
|
-
import { default as
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as
|
|
7
|
-
import { default as
|
|
8
|
-
import { default as
|
|
9
|
-
import { default as
|
|
10
|
-
import { default as
|
|
11
|
-
import { default as
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
1
|
+
import { default as g } from "./components/PromoGroup/PromoGroup.js";
|
|
2
|
+
import { default as v } from "./components/Background/Background.js";
|
|
3
|
+
import { default as k } from "./components/Banner/Banner.js";
|
|
4
|
+
import { default as N } from "./components/BorderedBackground/BorderedBackground.js";
|
|
5
|
+
import { default as y } from "./components/Button/Button.js";
|
|
6
|
+
import { default as I } from "./components/Container/Container.js";
|
|
7
|
+
import { default as b } from "./components/Fifty/Fifty.js";
|
|
8
|
+
import { default as F } from "./components/Footer/Footer.js";
|
|
9
|
+
import { default as P } from "./components/ImageTextBlock/ImageTextBlock.js";
|
|
10
|
+
import { default as A } from "./components/List/List.js";
|
|
11
|
+
import { default as D } from "./components/OverlayHero/OverlayHero.js";
|
|
12
|
+
import { default as L } from "./components/Note/Note.js";
|
|
13
|
+
import { default as q } from "./components/MenuButton/MenuButton.js";
|
|
14
|
+
import { default as E } from "./components/Navbar/Navbar.js";
|
|
15
|
+
import { default as K } from "./components/PinnedImage/PinnedImage.js";
|
|
16
|
+
import { default as R } from "./components/IconDetail/IconDetail.js";
|
|
17
|
+
import { default as V } from "./components/Overlay/Overlay.js";
|
|
18
|
+
import { default as X } from "./components/GenericOverlay/GenericOverlay.js";
|
|
19
|
+
import { default as Z } from "./components/Toolbar/Toolbar.js";
|
|
20
|
+
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
|
21
|
+
import { c as l } from "./index-BIlioXmW.js";
|
|
22
|
+
import './assets/index.css';const s = "_imageScroller_w25kx_1", m = "_image_w25kx_1", f = "_row_w25kx_15", d = "_reverse_w25kx_30", r = {
|
|
23
|
+
imageScroller: s,
|
|
24
|
+
image: m,
|
|
25
|
+
row: f,
|
|
26
|
+
reverse: d
|
|
27
|
+
}, x = ({ images: o }) => /* @__PURE__ */ e("div", { className: r.imageScroller, children: [...Array.from({ length: o.length / 2 })].map((c, a) => /* @__PURE__ */ t("div", { className: l(r.row, a % 2 && r.reverse), children: [
|
|
28
|
+
/* @__PURE__ */ e("div", { className: r.image, children: /* @__PURE__ */ e("img", { src: o[a * 2] }) }),
|
|
29
|
+
/* @__PURE__ */ e("div", { className: r.image, children: /* @__PURE__ */ e("img", { src: o[a * 2 + 1] }) })
|
|
30
|
+
] })) });
|
|
20
31
|
export {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
D as
|
|
38
|
-
|
|
39
|
-
|
|
32
|
+
v as Background,
|
|
33
|
+
k as Banner,
|
|
34
|
+
N as BorderedBackground,
|
|
35
|
+
y as Button,
|
|
36
|
+
I as Container,
|
|
37
|
+
b as Fifty,
|
|
38
|
+
F as Footer,
|
|
39
|
+
X as GenericOverlay,
|
|
40
|
+
R as IconDetail,
|
|
41
|
+
x as ImageScroller,
|
|
42
|
+
P as ImageTextBlock,
|
|
43
|
+
A as List,
|
|
44
|
+
q as MenuButton,
|
|
45
|
+
E as Navbar,
|
|
46
|
+
L as Note,
|
|
47
|
+
V as Overlay,
|
|
48
|
+
D as OverlayHero,
|
|
49
|
+
K as PinnedImage,
|
|
50
|
+
g as PromoGroup,
|
|
51
|
+
Z as Toolbar
|
|
40
52
|
};
|