@courtneyring/components-library 1.0.2 → 1.0.3
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/Footer.css +1 -1
- package/dist/assets/GenericOverlay.css +1 -0
- package/dist/assets/IconDetail.css +1 -1
- package/dist/assets/ImageTextBlock.css +1 -1
- package/dist/assets/List.css +1 -1
- package/dist/assets/Navbar.css +1 -1
- package/dist/assets/Note.css +1 -1
- package/dist/assets/Overlay.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/Promo.css +1 -1
- package/dist/assets/PromoGroup.css +1 -1
- package/dist/components/Banner/Banner.js +1 -1
- package/dist/components/Button/Button.js +13 -13
- package/dist/components/Container/Container.js +3 -3
- package/dist/components/Fifty/Fifty.js +12 -12
- package/dist/components/Footer/Footer.js +8 -8
- package/dist/components/GenericOverlay/GenericOverlay.js +20 -0
- package/dist/components/IconDetail/IconDetail.js +1 -1
- package/dist/components/ImageTextBlock/ImageTextBlock.js +15 -15
- package/dist/components/List/List.js +13 -13
- package/dist/components/Navbar/Navbar.js +32 -32
- package/dist/components/Note/Note.js +11 -11
- package/dist/components/Overlay/Overlay.js +33 -19
- package/dist/components/OverlayHero/OverlayHero.js +13 -13
- package/dist/components/PageContainer/PageContainer.js +8 -8
- package/dist/components/PinnedImage/PinnedImage.js +24 -30
- package/dist/components/Promo/Promo.js +22 -22
- package/dist/components/PromoGroup/PromoGroup.js +8 -8
- package/dist/index.js +38 -50
- package/package.json +1 -1
- package/dist/assets/index.css +0 -1
package/dist/assets/Banner.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._banner_bv585_1{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:250px}._header_bv585_9{font-family:var(--font-secondary)}@media (min-width: 0){._header_bv585_9{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_bv585_9{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_bv585_9{font-size:36px}}._header_bv585_9{margin-bottom:20px;text-align:center}@media (min-width: 0){._body_bv585_36{font-size:22px;line-height:1.5}}@media (min-width: 1200px){._body_bv585_36{font-size:24px;line-height:1.6}}@media (min-width: 625px){._banner_bv585_1{min-height:350px}}@media (min-width: 992px){._banner_bv585_1{min-height:unset}._header_bv585_9{margin-bottom:30px}}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_pnxmo_1{cursor:pointer;padding:8px 10px;border:2px solid;outline:0px}@media (min-width: 0){._button_pnxmo_1{font-size:22px;line-height:1.5}}@media (min-width: 1200px){._button_pnxmo_1{font-size:24px;line-height:1.6}}._button_pnxmo_1{text-decoration:none;transition:all .2s ease-in-out}._button_pnxmo_1[data-color=color-primary-dark]{border-color:var(--color-primary-dark);color:var(--color-primary-dark)}._button_pnxmo_1[data-color=color-primary-medium]{border-color:var(--color-primary-medium);color:var(--color-primary-medium)}._button_pnxmo_1[data-color=color-primary-light]{border-color:var(--color-primary-light);color:var(--color-primary-light)}._button_pnxmo_1[data-color=color-secondary]{border-color:var(--color-secondary);color:var(--color-secondary)}._button_pnxmo_1[data-color=color-neutral-dark]{border-color:var(--color-neutral-dark);color:var(--color-neutral-dark)}._button_pnxmo_1[data-color=color-neutral-medium]{border-color:var(--color-neutral-medium);color:var(--color-neutral-medium)}._button_pnxmo_1[data-color=color-neutral-light]{border-color:var(--color-neutral-light);color:var(--color-neutral-light)}._button_pnxmo_1[data-color=color-white]{border-color:var(--color-white);color:var(--color-white)}._button_pnxmo_1{line-height:.8;align-items:center}._button_pnxmo_1._hollow_pnxmo_59{background-color:transparent}._button_pnxmo_1._filled_pnxmo_62[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._button_pnxmo_1._filled_pnxmo_62[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._button_pnxmo_1._filled_pnxmo_62[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._button_pnxmo_1._filled_pnxmo_62[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._button_pnxmo_1._filled_pnxmo_62[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._button_pnxmo_1._filled_pnxmo_62[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._button_pnxmo_1._filled_pnxmo_62[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._button_pnxmo_1._filled_pnxmo_62[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._button_pnxmo_1:hover{opacity:.8}._link_pnxmo_98{text-decoration:none;font-weight:500;color:inherit;align-items:flex-start;border:none;background-color:transparent;display:flex}._link_pnxmo_98 span{margin-left:10px}@media (min-width: 992px){._button_pnxmo_1{padding:16px 48px;border-width:2px}._link_pnxmo_98{font-size:24px}}@media (min-width: 1200px){._button_pnxmo_1{padding:12px 50px}}@media (min-width: 1920px){._button_pnxmo_1{padding:12px 50px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_uxedt_1[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._container_uxedt_1[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._container_uxedt_1[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._container_uxedt_1[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._container_uxedt_1[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._container_uxedt_1[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._container_uxedt_1[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._container_uxedt_1[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}@media (min-width: 0){._innerContainer_uxedt_35{padding:40px 20px}}@media (min-width: 390px){._innerContainer_uxedt_35{padding:40px 30px}}@media (min-width: 625px){._innerContainer_uxedt_35{padding:50px 30px}}@media (min-width: 800px){._innerContainer_uxedt_35{padding:50px}}@media (min-width: 1200px){._innerContainer_uxedt_35{padding:100px}}@media (min-width: 1600px){._innerContainer_uxedt_35{padding:150px}}._innerContainer_uxedt_35{margin:0 auto}@media (min-width: 992px){._innerContainer_uxedt_35[data-max-width=sm]{max-width:800px}._innerContainer_uxedt_35[data-max-width=lg]{max-width:1200px}}@media (min-width: 1200px){._innerContainer_uxedt_35[data-max-width=sm]{max-width:1200px}}@media (min-width: 1600px){._innerContainer_uxedt_35[data-max-width=sm]{max-width:1200px}._innerContainer_uxedt_35[data-max-width=lg]{max-width:1800px}}
|
package/dist/assets/Fifty.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._content_160iz_2{padding:40px 20px}}@media (min-width: 390px){._content_160iz_2{padding:40px 30px}}@media (min-width: 625px){._content_160iz_2{padding:50px 30px}}@media (min-width: 800px){._content_160iz_2{padding:50px}}@media (min-width: 1200px){._content_160iz_2{padding:100px}}@media (min-width: 1600px){._content_160iz_2{padding:150px}}._fifty_160iz_31{display:grid;grid-template-columns:1fr;width:100%}._fifty_160iz_31[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._fifty_160iz_31[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._fifty_160iz_31[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._fifty_160iz_31[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._fifty_160iz_31[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._fifty_160iz_31[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._fifty_160iz_31[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._fifty_160iz_31[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._fifty_160iz_31._reverse_160iz_69 ._content_160iz_2{align-items:flex-end}._fifty_160iz_31._reverse_160iz_69 ._image_160iz_72{justify-content:flex-start}._fifty_160iz_31:not(._reverse_160iz_69) ._content_160iz_2{align-items:flex-start}._fifty_160iz_31:not(._reverse_160iz_69) ._image_160iz_72{justify-content:flex-end}._content_160iz_2{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;order:1}@media (min-width: 0){._content_160iz_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._content_160iz_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._content_160iz_2 h2{font-size:36px}}._content_160iz_2 h2{font-family:var(--font-secondary);margin-bottom:15px;line-height:1}@media (min-width: 0){._content_160iz_2 p{font-size:22px;line-height:1.5}}@media (min-width: 1200px){._content_160iz_2 p{font-size:24px;line-height:1.6}}._content_160iz_2 p{margin-bottom:20px}._image_160iz_72{display:flex}._image_160iz_72 img{width:100%;height:100%;object-fit:cover;object-position:top}._imageContainer_160iz_140{aspect-ratio:1;width:100%}._text_160iz_145{display:flex;flex-direction:column;align-items:flex-start}@media (min-width: 390px){._imageContainer_160iz_140{aspect-ratio:unset;height:500px}}@media (min-width: 625px) and (min-width: 0){._content_160iz_2{padding:40px 20px}}@media (min-width: 625px) and (min-width: 390px){._content_160iz_2{padding:40px 30px}}@media (min-width: 625px) and (min-width: 625px){._content_160iz_2{padding:50px 30px}}@media (min-width: 625px) and (min-width: 800px){._content_160iz_2{padding:50px}}@media (min-width: 625px) and (min-width: 1200px){._content_160iz_2{padding:100px}}@media (min-width: 625px) and (min-width: 1600px){._content_160iz_2{padding:150px}}@media (min-width: 625px){._content_160iz_2{padding-top:0}._content_160iz_2{padding-bottom:0}._content_160iz_2{padding-top:30px;padding-bottom:30px}._fifty_160iz_31{grid-template-columns:1fr 1fr;grid-template-rows:1fr}._fifty_160iz_31._reverse_160iz_69 ._content_160iz_2{order:-1}._imageContainer_160iz_140{height:unset}._text_160iz_145 h2,._text_160iz_145 p{margin-bottom:15px;line-height:1.3}._text_160iz_145 h2{line-height:1}}@media (min-width: 1200px){._fifty_160iz_31:not(._reverse_160iz_69) ._content_160iz_2{padding-left:60px}._fifty_160iz_31._reverse_160iz_69 ._content_160iz_2{padding-right:60px}._text_160iz_145 h2,._text_160iz_145 p{margin-bottom:40px}}@media (min-width: 1920px) and (min-width: 0){._fifty_160iz_31{padding:40px 20px}}@media (min-width: 1920px) and (min-width: 390px){._fifty_160iz_31{padding:40px 30px}}@media (min-width: 1920px) and (min-width: 625px){._fifty_160iz_31{padding:50px 30px}}@media (min-width: 1920px) and (min-width: 800px){._fifty_160iz_31{padding:50px}}@media (min-width: 1920px) and (min-width: 1200px){._fifty_160iz_31{padding:100px}}@media (min-width: 1920px) and (min-width: 1600px){._fifty_160iz_31{padding:150px}}@media (min-width: 1920px){._fifty_160iz_31:not(._reverse_160iz_69) ._content_160iz_2{padding:0 0 0 100px}._fifty_160iz_31._reverse_160iz_69 ._content_160iz_2{padding:0 100px 0 0}._text_160iz_145{max-width:750px}._text_160iz_145 h2{margin-bottom:30px}._text_160iz_145 p{margin-bottom:80px}._imageContainer_160iz_140{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_hez6u_2{padding:40px 20px}}@media (min-width: 390px){._footer_hez6u_2{padding:40px 30px}}@media (min-width: 625px){._footer_hez6u_2{padding:50px 30px}}@media (min-width: 800px){._footer_hez6u_2{padding:50px}}@media (min-width: 1200px){._footer_hez6u_2{padding:100px}}@media (min-width: 1600px){._footer_hez6u_2{padding:150px}}._footer_hez6u_2{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--color-primary-dark);color:var(--color-white)}._image_hez6u_40{width:50px;margin-bottom:20px}._text_hez6u_45{letter-spacing:3px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@media (min-width: 0){._overlay_2s8yc_2{padding:40px 20px}}@media (min-width: 390px){._overlay_2s8yc_2{padding:40px 30px}}@media (min-width: 625px){._overlay_2s8yc_2{padding:50px 30px}}@media (min-width: 800px){._overlay_2s8yc_2{padding:50px}}@media (min-width: 1200px){._overlay_2s8yc_2{padding:100px}}@media (min-width: 1600px){._overlay_2s8yc_2{padding:150px}}._overlay_2s8yc_2{color:var(--color-neutral-dark);display:flex;flex-direction:column;justify-content:space-between;height:100%}@media (min-width: 0){._overlay_2s8yc_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._overlay_2s8yc_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._overlay_2s8yc_2 h2{font-size:36px}}@media (min-width: 0){._overlay_2s8yc_2 p{font-size:22px;line-height:1.5}}@media (min-width: 1200px){._overlay_2s8yc_2 p{font-size:24px;line-height:1.6}}._ctas_2s8yc_69{display:flex}._ctas_2s8yc_69>*:first-child{margin-right:10px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._detail_17828_1{display:flex;align-items:flex-start}._detail_17828_1:not(:last-child){margin-bottom:20px}._detail_17828_1 span:first-child{line-height:36px;margin-right:10px}._text_17828_13,._text_17828_13>*{font-style:italic;font-size:22px;line-height:1.5;text-align:left}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_z7nbd_1{display:flex;flex-direction:column-reverse;margin:0 auto}@media (min-width: 0){._header_z7nbd_8{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_z7nbd_8{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_z7nbd_8{font-size:36px}}._header_z7nbd_8{font-family:var(--font-secondary);margin-bottom:20px}._content_z7nbd_30{display:flex;flex-direction:column;align-items:flex-start}._body_z7nbd_36{display:flow-root;margin-bottom:30px}._body_z7nbd_36 p{margin-bottom:20px}@media (min-width: 0){._body_z7nbd_36 p{font-size:22px;line-height:1.5}}@media (min-width: 1200px){._body_z7nbd_36 p{font-size:24px;line-height:1.6}}._ctas_z7nbd_56>*:first-child{margin-right:10px}._image_z7nbd_60{width:calc(100% + 40px);margin-left:-20px}._image_z7nbd_60 img{object-fit:cover;width:100%;height:100%;display:block}._block_z7nbd_71._reverse_z7nbd_71 ._content_z7nbd_30{order:1;margin-bottom:40px}._block_z7nbd_71._reverse_z7nbd_71 ._image_z7nbd_60{margin-bottom:-40px}._block_z7nbd_71:not(._reverse_z7nbd_71) ._image_z7nbd_60{margin-top:-40px}._block_z7nbd_71:not(._reverse_z7nbd_71) ._content_z7nbd_30{margin-top:40px}._ctas_z7nbd_56{display:flex}@media (min-width: 390px){._image_z7nbd_60{width:calc(100% + 60px);margin-left:-30px}._block_z7nbd_71._reverse_z7nbd_71 ._content_z7nbd_30{margin-bottom:40px}._block_z7nbd_71._reverse_z7nbd_71 ._image_z7nbd_60{margin-bottom:-40px}._block_z7nbd_71:not(._reverse_z7nbd_71) ._content_z7nbd_30{margin-top:40px}._block_z7nbd_71:not(._reverse_z7nbd_71) ._image_z7nbd_60{margin-top:-40px}}@media (min-width: 625px){._container_z7nbd_1{display:grid;grid-template-columns:1fr 1fr;gap:20px}._content_z7nbd_30{text-align:left;padding:5% 0;align-items:flex-start}._block_z7nbd_71 ._content_z7nbd_30,._block_z7nbd_71 ._image_z7nbd_60{margin:0!important}._image_z7nbd_60{width:100%}}@media (min-width: 992px){._container_z7nbd_1{gap:50px}._content_z7nbd_30{padding-top:10%}._header_z7nbd_8{font-size:40px}}@media (min-width: 1200px){._container_z7nbd_1{grid-template-columns:5fr 3fr;min-height:700px;column-gap:100px}._reverse_z7nbd_71 ._container_z7nbd_1{grid-template-columns:3fr 5fr}._header_z7nbd_8{font-size:52px}._image_z7nbd_60{max-height:900px}}
|
package/dist/assets/List.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._item_cpanh_1{display:flex;align-items:flex-start;margin-bottom:20px}._icon_cpanh_7{width:25px;margin-right:15px;margin-top:4px}@media (min-width: 0){._header_cpanh_14{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_cpanh_14{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_cpanh_14{font-size:36px}}._header_cpanh_14{font-family:var(--font-secondary)}@media (min-width: 0){._emphasis_cpanh_36{font-size:22px;line-height:1.5}}@media (min-width: 1200px){._emphasis_cpanh_36{font-size:24px;line-height:1.6}}._emphasis_cpanh_36{font-weight:600}@media (min-width: 0){._body_cpanh_52{font-size:22px;line-height:1.5}}@media (min-width: 1200px){._body_cpanh_52{font-size:24px;line-height:1.6}}
|
package/dist/assets/Navbar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._navbar_q8q5k_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_q8q5k_1._hide_q8q5k_17{margin-top:-60px}._navbar__logo_q8q5k_21{height:100%}._navbar__logo_q8q5k_21 img{height:100%;object-fit:contain;filter:invert(100%) sepia(0%) saturate(7500%) hue-rotate(124deg) brightness(112%) contrast(102%)}._navbar__links_q8q5k_30{display:none}._navbar__link_q8q5k_30{text-decoration:none;color:#fff;mix-blend-mode:difference;font-size:32px;margin-bottom:30px}._navbar__mobileDialog_q8q5k_42{display:flex;flex-direction:column;padding:150px 20px 20px}@media (min-width: 800px){._navbar__toggle_q8q5k_50{display:none}._navbar__links_q8q5k_30{display:initial}._navbar__link_q8q5k_30:not(:last-child){margin-right:15px}}@media (min-width: 992px){._navbar__link_q8q5k_30:not(:last-child){margin-right:30px}}@media (min-width: 1200px){._navbar_q8q5k_1{height:120px;padding:15px 50px}._navbar__link_q8q5k_30: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_m41im_2{font-size:22px;line-height:1.5}}@media (min-width: 1200px){._salutation_m41im_2{font-size:24px;line-height:1.6}}._salutation_m41im_2{margin-bottom:35px}._salutation_m41im_2 ._opener_m41im_16{text-transform:uppercase;letter-spacing:3px}._salutation_m41im_2 ._from_m41im_20{font-family:var(--font-secondary);font-size:42px;display:block;margin-top:10px}._body_m41im_27{margin-bottom:35px}@media (min-width: 0){._body_m41im_27 p{font-size:22px;line-height:1.5}}@media (min-width: 1200px){._body_m41im_27 p{font-size:24px;line-height:1.6}}._body_m41im_27 p{margin-bottom:20px}@media (min-width: 0){._close_m41im_47{font-size:22px;line-height:1.5}}@media (min-width: 1200px){._close_m41im_47{font-size:24px;line-height:1.6}}._close_m41im_47{margin-bottom:10px}._signature_m41im_62{font-family:var(--font-secondary);font-size:48px}@media (min-width: 390px){._signature_m41im_62{font-size:44px}}
|
package/dist/assets/Overlay.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes
|
|
1
|
+
@keyframes _fadeIn_t7gpi_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_t7gpi_31{0%{opacity:100%}to{opacity:0%}}._hideNav_t7gpi_17 ._overlay__dialog_t7gpi_17{z-index:25}._overlay__background_t7gpi_21{animation:.5s ease-out 0s 1 _fadeIn_t7gpi_1 forwards;width:100%;height:100%;background:#00000080;position:fixed;top:0;left:0;z-index:10}._overlay__background_t7gpi_21._fadeOut_t7gpi_31{animation:.5s ease-in-out 0s 1 _fadeOut_t7gpi_31 forwards}._overlay__dialog_t7gpi_17{position:fixed;opacity:1;width:100%;height:100%;top:0;left:0;z-index:11;animation:.5s ease-out 0s 1 _fadeIn_t7gpi_1 forwards;background:var(--color-white)}._overlay__dialog_t7gpi_17._fadeOut_t7gpi_31{animation:.5s ease-in-out 0s 1 _fadeOut_t7gpi_31 forwards}._overlay__close_t7gpi_50{position:absolute;top:30px;right:30px;cursor:pointer;width:25px}._overlay__close_t7gpi_50 img{width:100%}@media (min-width: 800px){._overlay__dialog_t7gpi_17{width:unset;height:unset;border-radius:5px;left:50%;top:50%;transform:translate(-50%,-50%)}._overlay__dialog_t7gpi_17._fullscreen_t7gpi_70{width:calc(100% - 30px);height:calc(100% - 30px);top:15px;left:15px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._hero_7bxtm_1{display:flex;align-items:center;justify-content:center;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;height:100svh}._overlay_7bxtm_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_7bxtm_12{background-color:rgb(from var(--color-primary-dark) r g b/.9)}}._overlay_7bxtm_12{color:var(--color-white);width:100%;height:100%;text-align:center;position:relative}._eyebrow_7bxtm_32{font-size:20px;text-transform:uppercase;letter-spacing:3px;font-weight:300}._title_7bxtm_39{display:flex;flex-direction:column}._title_7bxtm_39,._title_7bxtm_39>*{font-family:var(--font-secondary);font-size:70px;line-height:1.2;margin-top:0}._eyebrow_7bxtm_32,._title_7bxtm_39{margin-bottom:20px}._subtitle_7bxtm_56{font-size:20px;letter-spacing:2px}._subtitle_7bxtm_56>p{text-transform:uppercase}._subtitle_7bxtm_56>p,._subtitle_7bxtm_56 i{margin-bottom:10px;margin-top:0;font-weight:300}@media (min-width: 390px){._hero_7bxtm_1{padding:70px 30px}._eyebrow_7bxtm_32{font-size:24px}._title_7bxtm_39,._title_7bxtm_39>*{font-size:90px;line-height:1.2}._eyebrow_7bxtm_32,._title_7bxtm_39{margin-bottom:30px}}@media (min-width: 625px){._hero_7bxtm_1{padding:100px}._title_7bxtm_39,._title_7bxtm_39>*{font-size:120px;line-height:1.5}._subtitle_7bxtm_56,._eyebrow_7bxtm_32{font-size:30px}}@media (min-width: 992px){._hero_7bxtm_1{padding:100px 70px}._eyebrow_7bxtm_32,._title_7bxtm_39{margin-bottom:0}._title_7bxtm_39{word-spacing:unset;display:flex;flex-direction:row}}@media (min-width: 1200px){._hero_7bxtm_1{padding:6%}._title_7bxtm_39{font-size:140px}._eyebrow_7bxtm_32{font-size:20px}._subtitle_7bxtm_56{font-size:36px}}@media (min-width: 1600px){._overlay_7bxtm_12{max-height:unset}._title_7bxtm_39{font-size:180px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._container__inner_40qkn_2{padding:40px 20px}}@media (min-width: 390px){._container__inner_40qkn_2{padding:40px 30px}}@media (min-width: 625px){._container__inner_40qkn_2{padding:50px 30px}}@media (min-width: 800px){._container__inner_40qkn_2{padding:50px}}@media (min-width: 1200px){._container__inner_40qkn_2{padding:100px}}@media (min-width: 1600px){._container__inner_40qkn_2{padding:150px}}._container__inner_40qkn_2{width:100%}._container__inner_40qkn_2 h1{font-size:40px}._container__inner_40qkn_2._removePadding_40qkn_37{padding:0}._container__body_40qkn_41{font-size:20px;margin-top:30px}._container__body_40qkn_41 p{margin-bottom:20px}@media (min-width: 992px){._container__body_40qkn_41{font-size:24px;line-height:2}}@media (min-width: 1200px){._container__copy_40qkn_56{max-width:1400px;margin:30px 0 auto}._container__inner_40qkn_2 h1{font-size:50px}._container__body_40qkn_41{margin-top:30px;font-size:28px;line-height:1.8}}@media (min-width: 1920px){._container__copy_40qkn_56{max-width:1400px;margin:0 auto}._container__body_40qkn_41 p{font-size:32px;line-height:1.5}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1odbn_1{position:relative}._content_1odbn_5{display:grid}._title_1odbn_9{font-family:var(--font-secondary)}@media (min-width: 0){._title_1odbn_9{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._title_1odbn_9{font-size:40px;line-height:1.2}}@media (min-width: 625px){._title_1odbn_9{font-size:36px}}._title_1odbn_9{text-align:center;margin-bottom:10px}._image_1odbn_35{width:100%;aspect-ratio:1}._image_1odbn_35 img{object-fit:cover;width:100%;height:100%;display:block}._section_1odbn_46{margin-bottom:70px;display:flex;flex-direction:column;align-items:center}._section_1odbn_46:not(:last-child){border-bottom:2px solid var(--color-neutral-light);padding-bottom:70px}._copy_1odbn_57{position:relative;text-align:center}@media (min-width: 0){._copy_1odbn_57 h3{font-size:24px;line-height:1;text-transform:uppercase;letter-spacing:2px}}@media (min-width: 0){._copy_1odbn_57 ._text_1odbn_70{font-size:22px;line-height:1.5}}@media (min-width: 1200px){._copy_1odbn_57 ._text_1odbn_70{font-size:24px;line-height:1.6}}._copy_1odbn_57 ._text_1odbn_70{margin-bottom:30px}._image_1odbn_35{display:none}
|
package/dist/assets/Promo.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._promo_1fkmj_1{display:flex;flex-direction:column;width:100%;padding:30px}._promo_1fkmj_1[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._promo_1fkmj_1[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._promo_1fkmj_1[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._promo_1fkmj_1[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._promo_1fkmj_1[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._promo_1fkmj_1[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._promo_1fkmj_1[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._promo_1fkmj_1[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._promo_1fkmj_1[data-text-align=center]{text-align:center;align-items:center}._promo__eyebrow_1fkmj_44{margin-bottom:1rem}._image_1fkmj_48{width:100px;margin:0 auto 20px}._promo__header_1fkmj_53{margin-top:0;margin-bottom:20px;line-height:2.25rem;text-transform:uppercase;letter-spacing:3px;font-size:28px}@media (min-width: 0){._cta_1fkmj_63{font-size:22px;line-height:1.5}}@media (min-width: 1200px){._cta_1fkmj_63{font-size:24px;line-height:1.6}}@media (min-width: 0){._promo__body_1fkmj_76{font-size:22px;line-height:1.5}}@media (min-width: 1200px){._promo__body_1fkmj_76{font-size:24px;line-height:1.6}}._stat_1fkmj_88{display:flex;align-items:center;margin-bottom:5px}._stat_1fkmj_88 span:first-child{margin-right:10px}@media (min-width: 0){._statText_1fkmj_98{font-size:22px;line-height:1.5}}@media (min-width: 1200px){._statText_1fkmj_98{font-size:24px;line-height:1.6}}._statText_1fkmj_98{font-style:italic}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._group_fnbmk_1{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 0){._header_fnbmk_8{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_fnbmk_8{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_fnbmk_8{font-size:36px}}._header_fnbmk_8{font-family:var(--font-secondary);margin-bottom:30px}@media (min-width: 390px){._group_fnbmk_1{gap:30px}}@media (min-width: 625px){._group_fnbmk_1{grid-template-columns:1fr 1fr;gap:30px}}@media (min-width: 992px){._group_fnbmk_1{grid-template-columns:1fr 1fr 1fr;gap:20px}}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as n, jsxs as a } from "react/jsx-runtime";
|
|
3
3
|
import d from "../../animations/FadeInMotion.js";
|
|
4
4
|
import t from "../Button/Button.js";
|
|
5
|
-
import '../../assets/Banner.css';const b = "
|
|
5
|
+
import '../../assets/Banner.css';const b = "_banner_bv585_1", c = "_header_bv585_9", i = "_body_bv585_36", e = {
|
|
6
6
|
banner: b,
|
|
7
7
|
header: c,
|
|
8
8
|
body: i
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import '../../assets/Button.css';const u = "
|
|
2
|
+
import { jsxs as m, jsx as d } from "react/jsx-runtime";
|
|
3
|
+
import '../../assets/Button.css';const u = "_button_pnxmo_1", p = "_hollow_pnxmo_59", x = "_filled_pnxmo_62", b = "_link_pnxmo_98", l = {
|
|
4
4
|
button: u,
|
|
5
|
-
hollow:
|
|
6
|
-
filled:
|
|
7
|
-
link:
|
|
5
|
+
hollow: p,
|
|
6
|
+
filled: x,
|
|
7
|
+
link: b
|
|
8
8
|
}, k = ({
|
|
9
9
|
children: a,
|
|
10
10
|
fn: o,
|
|
11
11
|
href: t,
|
|
12
12
|
target: c,
|
|
13
13
|
hollow: r = !1,
|
|
14
|
-
variation:
|
|
14
|
+
variation: n = "color-primary-dark",
|
|
15
15
|
textDecoration: _,
|
|
16
16
|
label: i,
|
|
17
|
-
value:
|
|
17
|
+
value: s,
|
|
18
18
|
icon: e
|
|
19
|
-
}) => /* @__PURE__ */
|
|
20
|
-
t ||
|
|
19
|
+
}) => /* @__PURE__ */ m(
|
|
20
|
+
t || s ? "a" : "button",
|
|
21
21
|
{
|
|
22
|
-
href: t ||
|
|
22
|
+
href: t || s,
|
|
23
23
|
onClick: o || null,
|
|
24
24
|
target: c,
|
|
25
|
-
className: `${l.button} ${r ? l.hollow : l.filled} ${l[
|
|
25
|
+
className: `${l.button} ${r ? l.hollow : l.filled} ${l[n]}`,
|
|
26
26
|
style: { textDecoration: _ },
|
|
27
|
-
"data-color":
|
|
27
|
+
"data-color": n,
|
|
28
28
|
children: [
|
|
29
29
|
a || i,
|
|
30
|
-
e && /* @__PURE__ */
|
|
30
|
+
e && /* @__PURE__ */ d("span", { className: "material-symbols-outlined", children: e })
|
|
31
31
|
]
|
|
32
32
|
}
|
|
33
33
|
);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as n } from "react/jsx-runtime";
|
|
3
|
-
import '../../assets/Container.css';const
|
|
4
|
-
container:
|
|
3
|
+
import '../../assets/Container.css';const i = "_container_uxedt_1", o = "_innerContainer_uxedt_35", t = {
|
|
4
|
+
container: i,
|
|
5
5
|
innerContainer: o
|
|
6
|
-
}, s = ({ color:
|
|
6
|
+
}, s = ({ color: e, children: a, maxWidth: r }) => /* @__PURE__ */ n("div", { className: t.container, "data-color": e, children: /* @__PURE__ */ n("div", { className: t.innerContainer, "data-max-width": r, children: a }) });
|
|
7
7
|
export {
|
|
8
8
|
s as default
|
|
9
9
|
};
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as s, 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:
|
|
6
|
+
import '../../assets/Fifty.css';const g = "_content_160iz_2", v = "_fifty_160iz_31", h = "_reverse_160iz_69", x = "_image_160iz_72", y = "_imageContainer_160iz_140", p = "_text_160iz_145", t = {
|
|
7
|
+
content: g,
|
|
8
|
+
fifty: v,
|
|
9
9
|
reverse: h,
|
|
10
10
|
image: x,
|
|
11
11
|
imageContainer: y,
|
|
12
12
|
text: p
|
|
13
|
-
},
|
|
13
|
+
}, j = ({ heading: n, body: r, cta: i, color: o, image: a, reverse: c, pos: m }) => {
|
|
14
14
|
const _ = l();
|
|
15
|
-
return /* @__PURE__ */
|
|
15
|
+
return /* @__PURE__ */ s(
|
|
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__ */ s("div", { className: t.text, children: [
|
|
22
|
+
/* @__PURE__ */ e("h2", { children: n }),
|
|
23
|
+
/* @__PURE__ */ e("p", { children: r }),
|
|
24
|
+
i && /* @__PURE__ */ e(f, { ...i })
|
|
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
|
]
|
|
@@ -29,5 +29,5 @@ import '../../assets/Fifty.css';const v = "_content_1vnor_2", g = "_fifty_1vnor_
|
|
|
29
29
|
);
|
|
30
30
|
};
|
|
31
31
|
export {
|
|
32
|
-
|
|
32
|
+
j as default
|
|
33
33
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import '../../assets/Footer.css';const
|
|
4
|
-
footer:
|
|
5
|
-
image:
|
|
6
|
-
text:
|
|
7
|
-
}, i = ({ logo: o, logoText: s }) => /* @__PURE__ */
|
|
8
|
-
/* @__PURE__ */
|
|
9
|
-
/* @__PURE__ */
|
|
2
|
+
import { jsxs as r, jsx as t } from "react/jsx-runtime";
|
|
3
|
+
import '../../assets/Footer.css';const a = "_footer_hez6u_2", c = "_image_hez6u_40", m = "_text_hez6u_45", e = {
|
|
4
|
+
footer: a,
|
|
5
|
+
image: c,
|
|
6
|
+
text: m
|
|
7
|
+
}, i = ({ logo: o, logoText: s }) => /* @__PURE__ */ r("footer", { className: e.footer, children: [
|
|
8
|
+
/* @__PURE__ */ t("img", { src: o, className: e.image }),
|
|
9
|
+
/* @__PURE__ */ t("p", { className: e.text, children: s })
|
|
10
10
|
] });
|
|
11
11
|
export {
|
|
12
12
|
i as default
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as e, jsx as s } from "react/jsx-runtime";
|
|
3
|
+
import n from "../../utils/parse.js";
|
|
4
|
+
import o from "../Button/Button.js";
|
|
5
|
+
import '../../assets/GenericOverlay.css';const i = "_overlay_2s8yc_2", d = "_ctas_2s8yc_69", c = {
|
|
6
|
+
overlay: i,
|
|
7
|
+
ctas: d
|
|
8
|
+
}, y = ({ header: l, body: a, primaryCta: r, secondaryCta: t }) => /* @__PURE__ */ e("div", { className: c.overlay, children: [
|
|
9
|
+
/* @__PURE__ */ e("div", { className: c.content, children: [
|
|
10
|
+
/* @__PURE__ */ s("h2", { children: l }),
|
|
11
|
+
/* @__PURE__ */ s("div", { children: n(a) })
|
|
12
|
+
] }),
|
|
13
|
+
/* @__PURE__ */ e("div", { className: c.ctas, children: [
|
|
14
|
+
r && /* @__PURE__ */ s(o, { ...r }),
|
|
15
|
+
t && /* @__PURE__ */ s(o, { ...t })
|
|
16
|
+
] })
|
|
17
|
+
] });
|
|
18
|
+
export {
|
|
19
|
+
y as default
|
|
20
|
+
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsxs as l, jsx as s } from "react/jsx-runtime";
|
|
3
3
|
import i from "../../utils/parse.js";
|
|
4
4
|
import { c as o } from "../../index-BIlioXmW.js";
|
|
5
|
-
import '../../assets/IconDetail.css';const c = "
|
|
5
|
+
import '../../assets/IconDetail.css';const c = "_detail_17828_1", r = "_text_17828_13", t = {
|
|
6
6
|
detail: c,
|
|
7
7
|
text: r
|
|
8
8
|
}, p = ({ icon: e, text: a }) => /* @__PURE__ */ l("div", { className: t.detail, children: [
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as s, jsxs as c } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
3
|
+
import t from "../Button/Button.js";
|
|
4
4
|
import { c as m } from "../../index-BIlioXmW.js";
|
|
5
5
|
import { useFadeIn as l } from "../../hooks/useFadeIn.js";
|
|
6
|
-
import
|
|
7
|
-
import '../../assets/ImageTextBlock.css';const h = "
|
|
6
|
+
import b from "../../utils/parse.js";
|
|
7
|
+
import '../../assets/ImageTextBlock.css';const h = "_container_z7nbd_1", v = "_header_z7nbd_8", f = "_content_z7nbd_30", z = "_body_z7nbd_36", N = "_ctas_z7nbd_56", g = "_image_z7nbd_60", p = "_block_z7nbd_71", k = "_reverse_z7nbd_71", e = {
|
|
8
8
|
container: h,
|
|
9
9
|
header: v,
|
|
10
|
-
content:
|
|
11
|
-
body:
|
|
10
|
+
content: f,
|
|
11
|
+
body: z,
|
|
12
12
|
ctas: N,
|
|
13
13
|
image: g,
|
|
14
14
|
block: p,
|
|
@@ -16,19 +16,19 @@ import '../../assets/ImageTextBlock.css';const h = "_container_ei0fq_1", v = "_h
|
|
|
16
16
|
}, I = ({
|
|
17
17
|
image: r,
|
|
18
18
|
header: a,
|
|
19
|
-
body:
|
|
20
|
-
primaryCta:
|
|
21
|
-
secondaryCta:
|
|
22
|
-
reverse:
|
|
19
|
+
body: d,
|
|
20
|
+
primaryCta: n,
|
|
21
|
+
secondaryCta: o,
|
|
22
|
+
reverse: i
|
|
23
23
|
}) => {
|
|
24
|
-
const
|
|
25
|
-
return /* @__PURE__ */ s("div", { className: m(e.block,
|
|
26
|
-
/* @__PURE__ */ c("div", { className: e.content, ref:
|
|
24
|
+
const _ = l();
|
|
25
|
+
return /* @__PURE__ */ s("div", { className: m(e.block, i && e.reverse), children: /* @__PURE__ */ c("div", { className: e.container, children: [
|
|
26
|
+
/* @__PURE__ */ c("div", { className: e.content, ref: _, children: [
|
|
27
27
|
/* @__PURE__ */ s("h2", { className: e.header, children: a }),
|
|
28
|
-
/* @__PURE__ */ s("div", { className: e.body, children:
|
|
28
|
+
/* @__PURE__ */ s("div", { className: e.body, children: b(d) }),
|
|
29
29
|
/* @__PURE__ */ c("div", { className: e.ctas, children: [
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
n && /* @__PURE__ */ s(t, { ...n }),
|
|
31
|
+
o && /* @__PURE__ */ s(t, { ...o })
|
|
32
32
|
] })
|
|
33
33
|
] }),
|
|
34
34
|
/* @__PURE__ */ s("div", { className: e.image, children: /* @__PURE__ */ s("img", { src: r }) })
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import
|
|
4
|
-
import '../../assets/List.css';const r = "
|
|
2
|
+
import { jsxs as a, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import o from "../Icon/Icon.js";
|
|
4
|
+
import '../../assets/List.css';const r = "_item_cpanh_1", h = "_emphasis_cpanh_36", d = "_body_cpanh_52", s = {
|
|
5
5
|
item: r,
|
|
6
|
-
emphasis:
|
|
7
|
-
body:
|
|
8
|
-
}, _ = ({ icon:
|
|
9
|
-
/* @__PURE__ */ e("h2", { children:
|
|
10
|
-
|
|
11
|
-
/* @__PURE__ */ e(
|
|
12
|
-
/* @__PURE__ */
|
|
13
|
-
/* @__PURE__ */ e("p", { className: s.emphasis, children:
|
|
14
|
-
/* @__PURE__ */ e("p", { className: s.body, children:
|
|
6
|
+
emphasis: h,
|
|
7
|
+
body: d
|
|
8
|
+
}, _ = ({ icon: i, items: t, header: m }) => (new URL((/* @__PURE__ */ Object.assign({}))[`./assets/icons/${i}.svg`], import.meta.url).href, /* @__PURE__ */ a("div", { className: s.list, children: [
|
|
9
|
+
/* @__PURE__ */ e("h2", { children: m }),
|
|
10
|
+
t.map((c, n) => /* @__PURE__ */ a("div", { className: s.item, children: [
|
|
11
|
+
/* @__PURE__ */ e(o, { type: "checkmark" }),
|
|
12
|
+
/* @__PURE__ */ a("div", { className: s.content, children: [
|
|
13
|
+
/* @__PURE__ */ e("p", { className: s.emphasis, children: c.header }),
|
|
14
|
+
/* @__PURE__ */ e("p", { className: s.body, children: c.body })
|
|
15
15
|
] })
|
|
16
|
-
] }, `item-${
|
|
16
|
+
] }, `item-${n}`))
|
|
17
17
|
] }));
|
|
18
18
|
export {
|
|
19
19
|
_ as default
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { jsxs as N, jsx as p } from "react/jsx-runtime";
|
|
3
3
|
import D, { useRef as w, useState as S, useEffect as M } from "react";
|
|
4
4
|
import L from "../MenuButton/MenuButton.js";
|
|
5
|
-
import
|
|
6
|
-
import { c as
|
|
5
|
+
import k from "../Overlay/Overlay.js";
|
|
6
|
+
import { c as A } from "../../index-BIlioXmW.js";
|
|
7
7
|
import '../../assets/Navbar.css';var O = { exports: {} }, l = {};
|
|
8
8
|
/**
|
|
9
9
|
* @license React
|
|
@@ -15,7 +15,7 @@ import '../../assets/Navbar.css';var O = { exports: {} }, l = {};
|
|
|
15
15
|
* LICENSE file in the root directory of this source tree.
|
|
16
16
|
*/
|
|
17
17
|
var E;
|
|
18
|
-
function
|
|
18
|
+
function P() {
|
|
19
19
|
if (E) return l;
|
|
20
20
|
E = 1;
|
|
21
21
|
var c = D;
|
|
@@ -28,26 +28,26 @@ function k() {
|
|
|
28
28
|
}
|
|
29
29
|
return "Minified React error #" + n + "; visit " + r + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
|
|
30
30
|
}
|
|
31
|
-
function
|
|
31
|
+
function f() {
|
|
32
32
|
}
|
|
33
33
|
var o = {
|
|
34
34
|
d: {
|
|
35
|
-
f
|
|
35
|
+
f,
|
|
36
36
|
r: function() {
|
|
37
37
|
throw Error(_(522));
|
|
38
38
|
},
|
|
39
|
-
D:
|
|
40
|
-
C:
|
|
41
|
-
L:
|
|
42
|
-
m:
|
|
43
|
-
X:
|
|
44
|
-
S:
|
|
45
|
-
M:
|
|
39
|
+
D: f,
|
|
40
|
+
C: f,
|
|
41
|
+
L: f,
|
|
42
|
+
m: f,
|
|
43
|
+
X: f,
|
|
44
|
+
S: f,
|
|
45
|
+
M: f
|
|
46
46
|
},
|
|
47
47
|
p: 0,
|
|
48
48
|
findDOMNode: null
|
|
49
49
|
}, s = Symbol.for("react.portal");
|
|
50
|
-
function
|
|
50
|
+
function g(n, r, i) {
|
|
51
51
|
var t = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
|
|
52
52
|
return {
|
|
53
53
|
$$typeof: s,
|
|
@@ -67,7 +67,7 @@ function k() {
|
|
|
67
67
|
var i = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null;
|
|
68
68
|
if (!r || r.nodeType !== 1 && r.nodeType !== 9 && r.nodeType !== 11)
|
|
69
69
|
throw Error(_(299));
|
|
70
|
-
return
|
|
70
|
+
return g(n, r, null, i);
|
|
71
71
|
}, l.flushSync = function(n) {
|
|
72
72
|
var r = d.T, i = o.p;
|
|
73
73
|
try {
|
|
@@ -165,7 +165,7 @@ function C() {
|
|
|
165
165
|
function _(t) {
|
|
166
166
|
return "" + t;
|
|
167
167
|
}
|
|
168
|
-
function
|
|
168
|
+
function f(t, e, a) {
|
|
169
169
|
var y = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
|
|
170
170
|
try {
|
|
171
171
|
_(y);
|
|
@@ -192,7 +192,7 @@ function C() {
|
|
|
192
192
|
function s(t) {
|
|
193
193
|
return t === null ? "`null`" : t === void 0 ? "`undefined`" : t === "" ? "an empty string" : 'something with type "' + typeof t + '"';
|
|
194
194
|
}
|
|
195
|
-
function
|
|
195
|
+
function g(t) {
|
|
196
196
|
return t === null ? "`null`" : t === void 0 ? "`undefined`" : t === "" ? "an empty string" : typeof t == "string" ? JSON.stringify(t) : typeof t == "number" ? "`" + t + "`" : 'something with type "' + typeof t + '"';
|
|
197
197
|
}
|
|
198
198
|
function d() {
|
|
@@ -231,7 +231,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
231
231
|
var a = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null;
|
|
232
232
|
if (!e || e.nodeType !== 1 && e.nodeType !== 9 && e.nodeType !== 11)
|
|
233
233
|
throw Error("Target container is not a DOM element.");
|
|
234
|
-
return
|
|
234
|
+
return f(t, e, null, a);
|
|
235
235
|
}, u.flushSync = function(t) {
|
|
236
236
|
var e = i.T, a = n.p;
|
|
237
237
|
try {
|
|
@@ -245,7 +245,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
245
245
|
}, u.preconnect = function(t, e) {
|
|
246
246
|
typeof t == "string" && t ? e != null && typeof e != "object" ? console.error(
|
|
247
247
|
"ReactDOM.preconnect(): Expected the `options` argument (second) to be an object but encountered %s instead. The only supported option at this time is `crossOrigin` which accepts a string.",
|
|
248
|
-
|
|
248
|
+
g(e)
|
|
249
249
|
) : e != null && typeof e.crossOrigin != "string" && console.error(
|
|
250
250
|
"ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered %s instead. Try removing this option or passing a string value instead.",
|
|
251
251
|
s(e.crossOrigin)
|
|
@@ -263,20 +263,20 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
263
263
|
var e = arguments[1];
|
|
264
264
|
typeof e == "object" && e.hasOwnProperty("crossOrigin") ? console.error(
|
|
265
265
|
"ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. Browsers do not perform DNS queries using CORS and setting this attribute on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
|
|
266
|
-
|
|
266
|
+
g(e)
|
|
267
267
|
) : console.error(
|
|
268
268
|
"ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
|
|
269
|
-
|
|
269
|
+
g(e)
|
|
270
270
|
);
|
|
271
271
|
}
|
|
272
272
|
typeof t == "string" && n.d.D(t);
|
|
273
273
|
}, u.preinit = function(t, e) {
|
|
274
274
|
if (typeof t == "string" && t ? e == null || typeof e != "object" ? console.error(
|
|
275
275
|
"ReactDOM.preinit(): Expected the `options` argument (second) to be an object with an `as` property describing the type of resource to be preinitialized but encountered %s instead.",
|
|
276
|
-
|
|
276
|
+
g(e)
|
|
277
277
|
) : e.as !== "style" && e.as !== "script" && console.error(
|
|
278
278
|
'ReactDOM.preinit(): Expected the `as` property in the `options` argument (second) to contain a valid value describing the type of resource to be preinitialized but encountered %s instead. Valid values for `as` are "style" and "script".',
|
|
279
|
-
|
|
279
|
+
g(e.as)
|
|
280
280
|
) : console.error(
|
|
281
281
|
"ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
|
|
282
282
|
s(t)
|
|
@@ -299,7 +299,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
299
299
|
}
|
|
300
300
|
}, u.preinitModule = function(t, e) {
|
|
301
301
|
var a = "";
|
|
302
|
-
if (typeof t == "string" && t || (a += " The `href` argument encountered was " + s(t) + "."), e !== void 0 && typeof e != "object" ? a += " The `options` argument encountered was " + s(e) + "." : e && "as" in e && e.as !== "script" && (a += " The `as` option encountered was " +
|
|
302
|
+
if (typeof t == "string" && t || (a += " The `href` argument encountered was " + s(t) + "."), e !== void 0 && typeof e != "object" ? a += " The `options` argument encountered was " + s(e) + "." : e && "as" in e && e.as !== "script" && (a += " The `as` option encountered was " + g(e.as) + "."), a)
|
|
303
303
|
console.error(
|
|
304
304
|
"ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
|
|
305
305
|
a
|
|
@@ -309,7 +309,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
309
309
|
case "script":
|
|
310
310
|
break;
|
|
311
311
|
default:
|
|
312
|
-
a =
|
|
312
|
+
a = g(a), console.error(
|
|
313
313
|
'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
|
|
314
314
|
a,
|
|
315
315
|
t
|
|
@@ -385,10 +385,10 @@ function x() {
|
|
|
385
385
|
}
|
|
386
386
|
}
|
|
387
387
|
}
|
|
388
|
-
return process.env.NODE_ENV === "production" ? (c(), O.exports =
|
|
388
|
+
return process.env.NODE_ENV === "production" ? (c(), O.exports = P()) : O.exports = C(), O.exports;
|
|
389
389
|
}
|
|
390
390
|
var q = x();
|
|
391
|
-
const I = "
|
|
391
|
+
const I = "_navbar_q8q5k_1", j = "_hide_q8q5k_17", H = "_navbar__logo_q8q5k_21", U = "_navbar__links_q8q5k_30", V = "_navbar__link_q8q5k_30", F = "_navbar__mobileDialog_q8q5k_42", G = "_navbar__toggle_q8q5k_50", v = {
|
|
392
392
|
navbar: I,
|
|
393
393
|
hide: j,
|
|
394
394
|
navbar__logo: H,
|
|
@@ -396,19 +396,19 @@ const I = "_navbar_1qigq_1", j = "_hide_1qigq_17", H = "_navbar__logo_1qigq_21",
|
|
|
396
396
|
navbar__link: V,
|
|
397
397
|
navbar__mobileDialog: F,
|
|
398
398
|
navbar__toggle: G
|
|
399
|
-
}, Y = {}, X = ({ links: c, logoImage: _, color:
|
|
400
|
-
const o = w(0), [s,
|
|
399
|
+
}, Y = {}, X = ({ links: c, logoImage: _, color: f }) => {
|
|
400
|
+
const o = w(0), [s, g] = S("up"), [d, m] = S(!1), n = () => {
|
|
401
401
|
let i = d ? "unset" : "hidden";
|
|
402
402
|
document.body.style.overflow = i, m(!d);
|
|
403
403
|
}, r = () => {
|
|
404
404
|
const i = window.scrollY;
|
|
405
|
-
i - o.current !== 0 &&
|
|
405
|
+
i - o.current !== 0 && g(i > o.current ? "down" : "up"), o.current = i > 0 ? i : 0;
|
|
406
406
|
};
|
|
407
407
|
return M(() => (window.addEventListener("scroll", r), () => window.removeEventListener("scroll", r)), []), /* @__PURE__ */ N(
|
|
408
408
|
"nav",
|
|
409
409
|
{
|
|
410
|
-
"data-color":
|
|
411
|
-
className:
|
|
410
|
+
"data-color": f,
|
|
411
|
+
className: A(
|
|
412
412
|
v.navbar,
|
|
413
413
|
// background && styles.background,
|
|
414
414
|
d && v.open,
|
|
@@ -428,7 +428,7 @@ const I = "_navbar_1qigq_1", j = "_hide_1qigq_17", H = "_navbar__logo_1qigq_21",
|
|
|
428
428
|
)) }),
|
|
429
429
|
d && q.createPortal(
|
|
430
430
|
/* @__PURE__ */ p(
|
|
431
|
-
|
|
431
|
+
k,
|
|
432
432
|
{
|
|
433
433
|
closeFn: () => m(!1),
|
|
434
434
|
hideClose: !0,
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as o, jsxs as e } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import '../../assets/Note.css';const
|
|
6
|
-
salutation:
|
|
7
|
-
opener:
|
|
8
|
-
from:
|
|
3
|
+
import c from "../../utils/parse.js";
|
|
4
|
+
import i from "../../animations/FadeInMotion.js";
|
|
5
|
+
import '../../assets/Note.css';const l = "_salutation_m41im_2", _ = "_opener_m41im_16", d = "_from_m41im_20", p = "_body_m41im_27", u = "_close_m41im_47", f = "_signature_m41im_62", s = {
|
|
6
|
+
salutation: l,
|
|
7
|
+
opener: _,
|
|
8
|
+
from: d,
|
|
9
9
|
body: p,
|
|
10
10
|
close: u,
|
|
11
11
|
signature: f
|
|
12
|
-
},
|
|
12
|
+
}, b = ({ salutation: n, from: a, body: t, signature: m, close: r }) => /* @__PURE__ */ o(i, { children: /* @__PURE__ */ e("div", { className: s.note, children: [
|
|
13
13
|
/* @__PURE__ */ e("p", { className: s.salutation, children: [
|
|
14
14
|
/* @__PURE__ */ e("span", { className: s.opener, children: [
|
|
15
15
|
n,
|
|
@@ -17,10 +17,10 @@ import '../../assets/Note.css';const i = "_salutation_1sd8z_2", m = "_opener_1sd
|
|
|
17
17
|
] }),
|
|
18
18
|
/* @__PURE__ */ o("span", { className: s.from, children: a })
|
|
19
19
|
] }),
|
|
20
|
-
/* @__PURE__ */ o("div", { className: s.body, children:
|
|
21
|
-
/* @__PURE__ */ o("p", { className: s.close, children:
|
|
22
|
-
/* @__PURE__ */ o("p", { className: s.signature, children:
|
|
20
|
+
/* @__PURE__ */ o("div", { className: s.body, children: c(t) }),
|
|
21
|
+
/* @__PURE__ */ o("p", { className: s.close, children: r }),
|
|
22
|
+
/* @__PURE__ */ o("p", { className: s.signature, children: m })
|
|
23
23
|
] }) });
|
|
24
24
|
export {
|
|
25
|
-
|
|
25
|
+
b as default
|
|
26
26
|
};
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { useState as
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
import { jsxs as t, jsx as a } from "react/jsx-runtime";
|
|
3
|
+
import { useState as i, useEffect as u } from "react";
|
|
4
|
+
import { c as v } from "../../index-BIlioXmW.js";
|
|
5
|
+
import '../../assets/Overlay.css';const f = "_hideNav_t7gpi_17", y = "_overlay__dialog_t7gpi_17", m = "_overlay__background_t7gpi_21", g = "_fadeIn_t7gpi_1", p = "_fadeOut_t7gpi_31", N = "_overlay__close_t7gpi_50", h = "_fullscreen_t7gpi_70", e = {
|
|
6
|
+
hideNav: f,
|
|
7
|
+
overlay__dialog: y,
|
|
8
|
+
overlay__background: m,
|
|
9
|
+
fadeIn: g,
|
|
10
|
+
fadeOut: p,
|
|
11
|
+
overlay__close: N,
|
|
12
|
+
fullscreen: h
|
|
13
|
+
}, k = ({ children: _, closeFn: r, hideClose: o, background: l, fullscreen: c = !0 }) => {
|
|
14
|
+
const [s, d] = i(!1);
|
|
15
|
+
u(() => (document.body.style.overflow = "hidden", () => {
|
|
14
16
|
document.body.style.overflow = "unset";
|
|
15
17
|
}), []);
|
|
16
18
|
const n = () => {
|
|
@@ -18,14 +20,26 @@ import '../../assets/Overlay.css';const v = "_overlay__dialog_1wgl6_17", y = "_o
|
|
|
18
20
|
r();
|
|
19
21
|
}, 500);
|
|
20
22
|
};
|
|
21
|
-
return /* @__PURE__ */
|
|
22
|
-
/* @__PURE__ */
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
return /* @__PURE__ */ t("div", { className: v(e.overlay, !o && e.hideNav), children: [
|
|
24
|
+
/* @__PURE__ */ a(
|
|
25
|
+
"div",
|
|
26
|
+
{
|
|
27
|
+
className: ` ${e.overlay__background} ${s && e.fadeOut}`
|
|
28
|
+
}
|
|
29
|
+
),
|
|
30
|
+
/* @__PURE__ */ t(
|
|
31
|
+
"div",
|
|
32
|
+
{
|
|
33
|
+
className: `${e.overlay__dialog} ${s ? e.fadeOut : e.fadeIn} ${c && e.fullscreen} `,
|
|
34
|
+
style: l ? { background: l } : {},
|
|
35
|
+
children: [
|
|
36
|
+
!o && /* @__PURE__ */ a("div", { className: e.overlay__close, onClick: n, children: /* @__PURE__ */ a("span", { className: "material-symbols-outlined", children: "close" }) }),
|
|
37
|
+
_
|
|
38
|
+
]
|
|
39
|
+
}
|
|
40
|
+
)
|
|
27
41
|
] });
|
|
28
42
|
};
|
|
29
43
|
export {
|
|
30
|
-
|
|
44
|
+
k as default
|
|
31
45
|
};
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
4
|
-
import '../../assets/OverlayHero.css';const n = "
|
|
2
|
+
import { jsx as t, jsxs as c } from "react/jsx-runtime";
|
|
3
|
+
import r from "../../utils/parse.js";
|
|
4
|
+
import '../../assets/OverlayHero.css';const n = "_hero_7bxtm_1", b = "_overlay_7bxtm_12", m = "_eyebrow_7bxtm_32", _ = "_title_7bxtm_39", d = "_subtitle_7bxtm_56", e = {
|
|
5
5
|
hero: n,
|
|
6
|
-
overlay:
|
|
7
|
-
eyebrow:
|
|
8
|
-
title:
|
|
9
|
-
subtitle:
|
|
10
|
-
},
|
|
6
|
+
overlay: b,
|
|
7
|
+
eyebrow: m,
|
|
8
|
+
title: _,
|
|
9
|
+
subtitle: d
|
|
10
|
+
}, x = ({ text: y, image: s, pos: o, eyebrow: l, title: a, subtitle: i }) => /* @__PURE__ */ t(
|
|
11
11
|
"div",
|
|
12
12
|
{
|
|
13
13
|
className: e.hero,
|
|
14
|
-
style: { backgroundImage: `url(${
|
|
14
|
+
style: { backgroundImage: `url(${s})`, backgroundPosition: o },
|
|
15
15
|
children: /* @__PURE__ */ c("div", { className: e.overlay, children: [
|
|
16
|
-
/* @__PURE__ */
|
|
17
|
-
/* @__PURE__ */
|
|
18
|
-
/* @__PURE__ */
|
|
16
|
+
/* @__PURE__ */ t("p", { className: e.eyebrow, children: l }),
|
|
17
|
+
/* @__PURE__ */ t("h1", { className: e.title, children: r(a) }),
|
|
18
|
+
/* @__PURE__ */ t("div", { className: e.subtitle, children: r(i) })
|
|
19
19
|
] })
|
|
20
20
|
}
|
|
21
21
|
);
|
|
22
22
|
export {
|
|
23
|
-
|
|
23
|
+
x as default
|
|
24
24
|
};
|
|
@@ -1,25 +1,25 @@
|
|
|
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_40qkn_2", l = "_removePadding_40qkn_37", m = "_container__body_40qkn_41", y = "_container__copy_40qkn_56", n = {
|
|
4
4
|
container__inner: s,
|
|
5
5
|
removePadding: l,
|
|
6
6
|
container__body: m,
|
|
7
7
|
container__copy: y
|
|
8
|
-
},
|
|
9
|
-
const
|
|
8
|
+
}, P = ({ heroImage: g, pageTitle: r, children: t, hero: h, copy: e, excludePadding: c = [] }) => {
|
|
9
|
+
const a = () => {
|
|
10
10
|
let _ = {};
|
|
11
|
-
for (let
|
|
12
|
-
_[`padding-${
|
|
11
|
+
for (let d of c)
|
|
12
|
+
_[`padding-${d}`] = 0;
|
|
13
13
|
return _;
|
|
14
14
|
};
|
|
15
15
|
return /* @__PURE__ */ i("main", { children: [
|
|
16
|
-
/* @__PURE__ */ o("div", { className: `${n.container__inner} ${!r && !e && n.removePadding}`, style:
|
|
16
|
+
/* @__PURE__ */ o("div", { className: `${n.container__inner} ${!r && !e && n.removePadding}`, style: a(), children: /* @__PURE__ */ i("div", { className: n.container__copy, children: [
|
|
17
17
|
/* @__PURE__ */ o("h1", { children: r }),
|
|
18
18
|
e && /* @__PURE__ */ o("div", { className: n.container__body, children: e })
|
|
19
19
|
] }) }),
|
|
20
|
-
|
|
20
|
+
t
|
|
21
21
|
] });
|
|
22
22
|
};
|
|
23
23
|
export {
|
|
24
|
-
|
|
24
|
+
P as default
|
|
25
25
|
};
|
|
@@ -1,44 +1,38 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as s, jsx as
|
|
3
|
-
import { useRef as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
return g(() => {
|
|
19
|
-
const t = o.context(() => {
|
|
20
|
-
}, i);
|
|
21
|
-
return () => t.revert();
|
|
22
|
-
}, []), /* @__PURE__ */ s("div", { className: e.container, ref: i, children: [
|
|
23
|
-
/* @__PURE__ */ n("div", { className: e.title, children: m }),
|
|
2
|
+
import { jsxs as s, jsx as t } from "react/jsx-runtime";
|
|
3
|
+
import { useRef as o, useEffect as p, createElement as h } from "react";
|
|
4
|
+
import N from "../IconDetail/IconDetail.js";
|
|
5
|
+
import '../../assets/PinnedImage.css';const b = "_container_1odbn_1", g = "_content_1odbn_5", u = "_title_1odbn_9", v = "_image_1odbn_35", x = "_section_1odbn_46", y = "_copy_1odbn_57", R = "_text_1odbn_70", e = {
|
|
6
|
+
container: b,
|
|
7
|
+
content: g,
|
|
8
|
+
title: u,
|
|
9
|
+
image: v,
|
|
10
|
+
section: x,
|
|
11
|
+
copy: y,
|
|
12
|
+
text: R
|
|
13
|
+
}, k = ({ image: a, title: l, sections: r }) => {
|
|
14
|
+
const d = o(null), m = o(null), _ = o([]);
|
|
15
|
+
return p(() => {
|
|
16
|
+
}, []), /* @__PURE__ */ s("div", { className: e.container, ref: d, children: [
|
|
17
|
+
/* @__PURE__ */ t("div", { className: e.title, children: l }),
|
|
24
18
|
/* @__PURE__ */ s("div", { className: e.content, children: [
|
|
25
|
-
/* @__PURE__ */
|
|
26
|
-
/* @__PURE__ */
|
|
19
|
+
/* @__PURE__ */ t("div", { className: e.image, ref: m, children: /* @__PURE__ */ t("img", { src: a }) }),
|
|
20
|
+
/* @__PURE__ */ t("div", { className: e.copy, children: r.map((n, i) => /* @__PURE__ */ s(
|
|
27
21
|
"div",
|
|
28
22
|
{
|
|
29
23
|
className: e.section,
|
|
30
|
-
ref: (c) =>
|
|
24
|
+
ref: (c) => _.current[i] = c,
|
|
31
25
|
children: [
|
|
32
|
-
/* @__PURE__ */
|
|
33
|
-
/* @__PURE__ */
|
|
34
|
-
t.details &&
|
|
26
|
+
/* @__PURE__ */ t("h3", { children: n.header }),
|
|
27
|
+
/* @__PURE__ */ t("p", { className: e.text, children: n.description }),
|
|
28
|
+
/* @__PURE__ */ t("div", { className: e.details, children: n.details && n.details.map((c, f) => /* @__PURE__ */ h(N, { ...c, key: f })) })
|
|
35
29
|
]
|
|
36
30
|
},
|
|
37
|
-
|
|
31
|
+
i
|
|
38
32
|
)) })
|
|
39
33
|
] })
|
|
40
34
|
] });
|
|
41
35
|
};
|
|
42
36
|
export {
|
|
43
|
-
|
|
37
|
+
k as default
|
|
44
38
|
};
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import
|
|
4
|
-
import '../../assets/Promo.css';const
|
|
5
|
-
promo:
|
|
2
|
+
import { jsxs as l, jsx as o } from "react/jsx-runtime";
|
|
3
|
+
import i from "../Button/Button.js";
|
|
4
|
+
import '../../assets/Promo.css';const p = "_promo_1fkmj_1", h = "_image_1fkmj_48", f = "_promo__header_1fkmj_53", x = "_promo__body_1fkmj_76", j = "_stat_1fkmj_88", N = "_statText_1fkmj_98", s = {
|
|
5
|
+
promo: p,
|
|
6
6
|
image: h,
|
|
7
|
-
promo__header:
|
|
8
|
-
promo__body:
|
|
9
|
-
stat:
|
|
10
|
-
statText:
|
|
11
|
-
},
|
|
12
|
-
|
|
7
|
+
promo__header: f,
|
|
8
|
+
promo__body: x,
|
|
9
|
+
stat: j,
|
|
10
|
+
statText: N
|
|
11
|
+
}, k = ({ icon: e, header: m, body: c, cta: a, color: n, stats: t, image: r, textAlign: d }) => /* @__PURE__ */ l(
|
|
12
|
+
"div",
|
|
13
13
|
{
|
|
14
|
-
className: ` ${
|
|
15
|
-
href:
|
|
16
|
-
"data-color":
|
|
17
|
-
"data-text-align":
|
|
14
|
+
className: ` ${s.promo}`,
|
|
15
|
+
href: a?.value,
|
|
16
|
+
"data-color": n,
|
|
17
|
+
"data-text-align": d,
|
|
18
18
|
children: [
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
/* @__PURE__ */ o("p", { className:
|
|
23
|
-
|
|
24
|
-
t && t.map((_) => /* @__PURE__ */
|
|
19
|
+
e && /* @__PURE__ */ o("span", { className: "material-symbols-outlined", children: e }),
|
|
20
|
+
r && /* @__PURE__ */ o("img", { className: s.image, src: r }),
|
|
21
|
+
m && /* @__PURE__ */ o("h3", { className: s.promo__header, children: m }),
|
|
22
|
+
/* @__PURE__ */ o("p", { className: s.promo__body, children: c }),
|
|
23
|
+
a && /* @__PURE__ */ o(i, { ...a }),
|
|
24
|
+
t && t.map((_) => /* @__PURE__ */ l("div", { className: s.stat, children: [
|
|
25
25
|
/* @__PURE__ */ o("span", { className: "material-symbols-outlined", children: _.icon }),
|
|
26
|
-
/* @__PURE__ */ o("span", { className:
|
|
26
|
+
/* @__PURE__ */ o("span", { className: s.statText, children: _.text })
|
|
27
27
|
] }))
|
|
28
28
|
]
|
|
29
29
|
}
|
|
30
30
|
);
|
|
31
31
|
export {
|
|
32
|
-
|
|
32
|
+
k as default
|
|
33
33
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { Children as
|
|
4
|
-
import '../../assets/PromoGroup.css';const
|
|
5
|
-
group:
|
|
6
|
-
header:
|
|
7
|
-
},
|
|
2
|
+
import { jsxs as m, Fragment as t, jsx as r } from "react/jsx-runtime";
|
|
3
|
+
import { Children as d, Fragment as c } from "react";
|
|
4
|
+
import '../../assets/PromoGroup.css';const h = "_group_fnbmk_1", l = "_header_fnbmk_8", e = {
|
|
5
|
+
group: h,
|
|
6
|
+
header: l
|
|
7
|
+
}, g = ({ header: o, children: a }) => /* @__PURE__ */ m(t, { children: [
|
|
8
8
|
/* @__PURE__ */ r("h2", { className: e.header, children: o }),
|
|
9
|
-
/* @__PURE__ */ r("div", { className: e.group, children:
|
|
9
|
+
/* @__PURE__ */ r("div", { className: e.group, children: d.map(a, (n, s) => /* @__PURE__ */ r(c, { children: n }, s)) })
|
|
10
10
|
] });
|
|
11
11
|
export {
|
|
12
|
-
|
|
12
|
+
g as default
|
|
13
13
|
};
|
package/dist/index.js
CHANGED
|
@@ -1,52 +1,40 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import { default as
|
|
3
|
-
import { default as
|
|
4
|
-
import
|
|
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 {
|
|
20
|
-
import d from "./utils/parse.js";
|
|
21
|
-
import './assets/index.css';const m = "_overlay_10zq6_2", u = "_ctas_10zq6_54", f = {
|
|
22
|
-
overlay: m,
|
|
23
|
-
ctas: u
|
|
24
|
-
}, c = ({ header: s, body: l, primaryCta: o, secondaryCta: r }) => /* @__PURE__ */ a("div", { className: f.overlay, children: [
|
|
25
|
-
/* @__PURE__ */ e("h2", { children: s }),
|
|
26
|
-
/* @__PURE__ */ e("div", { children: d(l) }),
|
|
27
|
-
/* @__PURE__ */ a("div", { className: f.ctas, children: [
|
|
28
|
-
o && /* @__PURE__ */ e(t, { ...o }),
|
|
29
|
-
r && /* @__PURE__ */ e(t, { ...r })
|
|
30
|
-
] })
|
|
31
|
-
] });
|
|
1
|
+
import { default as r } from "./components/Background/Background.js";
|
|
2
|
+
import { default as t } from "./components/Banner/Banner.js";
|
|
3
|
+
import { default as u } from "./components/BorderedBackground/BorderedBackground.js";
|
|
4
|
+
import { default as l } from "./components/Button/Button.js";
|
|
5
|
+
import { default as p } from "./components/Container/Container.js";
|
|
6
|
+
import { default as x } from "./components/Fifty/Fifty.js";
|
|
7
|
+
import { default as B } from "./components/Footer/Footer.js";
|
|
8
|
+
import { default as c } from "./components/ImageTextBlock/ImageTextBlock.js";
|
|
9
|
+
import { default as v } from "./components/List/List.js";
|
|
10
|
+
import { default as k } from "./components/OverlayHero/OverlayHero.js";
|
|
11
|
+
import { default as O } from "./components/Note/Note.js";
|
|
12
|
+
import { default as F } from "./components/Promo/Promo.js";
|
|
13
|
+
import { default as N } from "./components/PromoGroup/PromoGroup.js";
|
|
14
|
+
import { default as C } from "./components/MenuButton/MenuButton.js";
|
|
15
|
+
import { default as H } from "./components/Navbar/Navbar.js";
|
|
16
|
+
import { default as M } from "./components/PinnedImage/PinnedImage.js";
|
|
17
|
+
import { default as h } from "./components/IconDetail/IconDetail.js";
|
|
18
|
+
import { default as q } from "./components/Overlay/Overlay.js";
|
|
19
|
+
import { default as z } from "./components/GenericOverlay/GenericOverlay.js";
|
|
32
20
|
export {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
21
|
+
r as Background,
|
|
22
|
+
t as Banner,
|
|
23
|
+
u as BorderedBackground,
|
|
24
|
+
l as Button,
|
|
25
|
+
p as Container,
|
|
26
|
+
x as Fifty,
|
|
27
|
+
B as Footer,
|
|
28
|
+
z as GenericOverlay,
|
|
29
|
+
h as IconDetail,
|
|
30
|
+
c as ImageTextBlock,
|
|
31
|
+
v as List,
|
|
32
|
+
C as MenuButton,
|
|
33
|
+
H as Navbar,
|
|
34
|
+
O as Note,
|
|
35
|
+
q as Overlay,
|
|
36
|
+
k as OverlayHero,
|
|
37
|
+
M as PinnedImage,
|
|
38
|
+
F as Promo,
|
|
39
|
+
N as PromoGroup
|
|
52
40
|
};
|
package/package.json
CHANGED
package/dist/assets/index.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@media (min-width: 0){._overlay_10zq6_2{padding:40px 20px}}@media (min-width: 390px){._overlay_10zq6_2{padding:40px 30px}}@media (min-width: 768px){._overlay_10zq6_2{padding:30px 50px}}@media (min-width: 1200px){._overlay_10zq6_2{padding:100px}}@media (min-width: 1600px){._overlay_10zq6_2{padding:150px}}._overlay_10zq6_2{color:var(--color-neutral-dark)}@media (min-width: 0){._overlay_10zq6_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 0){._overlay_10zq6_2 p{font-size:22px;line-height:1.5}}@media (min-width: 390px){._overlay_10zq6_2 p{font-size:20px}}@media (min-width: 1200px){._overlay_10zq6_2 p{font-size:24px;line-height:1.6}}._ctas_10zq6_54{display:flex;justify-content:space-between}
|