@courtneyring/components-library 1.0.1 → 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 -0
- package/dist/assets/ImageTextBlock.css +1 -1
- package/dist/assets/List.css +1 -1
- package/dist/assets/MenuButton.css +1 -1
- package/dist/assets/Navbar.css +1 -1
- package/dist/assets/Note.css +1 -1
- package/dist/assets/Overlay.css +1 -1
- package/dist/assets/OverlayHero.css +1 -1
- package/dist/assets/PageContainer.css +1 -1
- package/dist/assets/PinnedImage.css +1 -0
- package/dist/assets/Promo.css +1 -1
- package/dist/assets/PromoGroup.css +1 -1
- package/dist/components/Banner/Banner.js +12 -10
- package/dist/components/Button/Button.js +25 -21
- package/dist/components/Container/Container.js +2 -2
- package/dist/components/Fifty/Fifty.js +10 -10
- package/dist/components/Footer/Footer.js +7 -7
- package/dist/components/GenericOverlay/GenericOverlay.js +20 -0
- package/dist/components/IconDetail/IconDetail.js +14 -0
- package/dist/components/ImageTextBlock/ImageTextBlock.js +22 -22
- package/dist/components/List/List.js +10 -10
- package/dist/components/MenuButton/MenuButton.js +13 -13
- package/dist/components/Navbar/Navbar.js +146 -107
- package/dist/components/Note/Note.js +15 -15
- package/dist/components/Overlay/Overlay.js +34 -20
- package/dist/components/OverlayHero/OverlayHero.js +13 -13
- package/dist/components/PageContainer/PageContainer.js +11 -11
- package/dist/components/PinnedImage/PinnedImage.js +38 -0
- package/dist/components/Promo/Promo.js +30 -21
- package/dist/components/PromoGroup/PromoGroup.js +10 -6
- package/dist/index.js +40 -0
- package/package.json +5 -2
- package/dist/main.js +0 -30
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}
|
|
@@ -0,0 +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}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_d3c3i_1{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:20px;cursor:pointer;padding:0;border:0px;background-color:transparent}._button_d3c3i_1._isOpen_d3c3i_13 ._top_d3c3i_13{transform:rotate(45deg);transform-origin:top left;width:27px}._button_d3c3i_1._isOpen_d3c3i_13 ._middle_d3c3i_18{width:0px}._button_d3c3i_1._isOpen_d3c3i_13 ._bottom_d3c3i_21{width:27px;transform:rotate(-45deg);transform-origin:bottom left}._line_d3c3i_27{height:2px;background-color:var(--color-white);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;width:100%}
|
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}}
|
|
@@ -0,0 +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}}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
/* @__PURE__ */
|
|
2
|
+
import { jsx as n, jsxs as a } from "react/jsx-runtime";
|
|
3
|
+
import d from "../../animations/FadeInMotion.js";
|
|
4
|
+
import t from "../Button/Button.js";
|
|
5
|
+
import '../../assets/Banner.css';const b = "_banner_bv585_1", c = "_header_bv585_9", i = "_body_bv585_36", e = {
|
|
6
|
+
banner: b,
|
|
7
|
+
header: c,
|
|
8
|
+
body: i
|
|
9
|
+
}, h = ({ header: r, body: s, cta: o }) => /* @__PURE__ */ n(d, { children: /* @__PURE__ */ a("div", { className: e.banner, children: [
|
|
10
|
+
r && /* @__PURE__ */ n("div", { className: e.header, children: r }),
|
|
11
|
+
/* @__PURE__ */ n("div", { className: e.body, children: s }),
|
|
12
|
+
o && /* @__PURE__ */ n(t, { ...o })
|
|
11
13
|
] }) });
|
|
12
14
|
export {
|
|
13
|
-
|
|
15
|
+
h as default
|
|
14
16
|
};
|
|
@@ -1,30 +1,34 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import '../../assets/Button.css';const
|
|
4
|
-
button:
|
|
5
|
-
hollow:
|
|
6
|
-
filled:
|
|
7
|
-
link:
|
|
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
|
+
button: u,
|
|
5
|
+
hollow: p,
|
|
6
|
+
filled: x,
|
|
7
|
+
link: b
|
|
8
8
|
}, k = ({
|
|
9
|
-
children:
|
|
9
|
+
children: a,
|
|
10
10
|
fn: o,
|
|
11
|
-
href:
|
|
12
|
-
target:
|
|
13
|
-
hollow:
|
|
11
|
+
href: t,
|
|
12
|
+
target: c,
|
|
13
|
+
hollow: r = !1,
|
|
14
14
|
variation: n = "color-primary-dark",
|
|
15
|
-
textDecoration:
|
|
16
|
-
label:
|
|
17
|
-
value:
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
textDecoration: _,
|
|
16
|
+
label: i,
|
|
17
|
+
value: s,
|
|
18
|
+
icon: e
|
|
19
|
+
}) => /* @__PURE__ */ m(
|
|
20
|
+
t || s ? "a" : "button",
|
|
20
21
|
{
|
|
21
|
-
href:
|
|
22
|
-
onClick: o
|
|
23
|
-
target:
|
|
24
|
-
className: `${
|
|
25
|
-
style: { textDecoration:
|
|
22
|
+
href: t || s,
|
|
23
|
+
onClick: o || null,
|
|
24
|
+
target: c,
|
|
25
|
+
className: `${l.button} ${r ? l.hollow : l.filled} ${l[n]}`,
|
|
26
|
+
style: { textDecoration: _ },
|
|
26
27
|
"data-color": n,
|
|
27
|
-
children:
|
|
28
|
+
children: [
|
|
29
|
+
a || i,
|
|
30
|
+
e && /* @__PURE__ */ d("span", { className: "material-symbols-outlined", children: e })
|
|
31
|
+
]
|
|
28
32
|
}
|
|
29
33
|
);
|
|
30
34
|
export {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as n } from "react/jsx-runtime";
|
|
3
|
-
import '../../assets/Container.css';const i = "
|
|
3
|
+
import '../../assets/Container.css';const i = "_container_uxedt_1", o = "_innerContainer_uxedt_35", t = {
|
|
4
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
|
};
|
|
@@ -3,14 +3,14 @@ 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 g = "
|
|
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
7
|
content: g,
|
|
8
|
-
fifty:
|
|
9
|
-
reverse:
|
|
10
|
-
image:
|
|
11
|
-
imageContainer:
|
|
12
|
-
text:
|
|
13
|
-
},
|
|
8
|
+
fifty: v,
|
|
9
|
+
reverse: h,
|
|
10
|
+
image: x,
|
|
11
|
+
imageContainer: y,
|
|
12
|
+
text: p
|
|
13
|
+
}, j = ({ heading: n, body: r, cta: i, color: o, image: a, reverse: c, pos: m }) => {
|
|
14
14
|
const _ = l();
|
|
15
15
|
return /* @__PURE__ */ s(
|
|
16
16
|
"div",
|
|
@@ -19,9 +19,9 @@ import '../../assets/Fifty.css';const g = "_content_b7jkn_2", j = "_fifty_b7jkn_
|
|
|
19
19
|
"data-color": o,
|
|
20
20
|
children: [
|
|
21
21
|
/* @__PURE__ */ e("div", { className: t.content, ref: _, children: /* @__PURE__ */ s("div", { className: t.text, children: [
|
|
22
|
-
/* @__PURE__ */ e("h2", { children:
|
|
22
|
+
/* @__PURE__ */ e("h2", { children: n }),
|
|
23
23
|
/* @__PURE__ */ e("p", { children: r }),
|
|
24
|
-
|
|
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 g = "_content_b7jkn_2", j = "_fifty_b7jkn_
|
|
|
29
29
|
);
|
|
30
30
|
};
|
|
31
31
|
export {
|
|
32
|
-
|
|
32
|
+
j as default
|
|
33
33
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
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 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
4
|
footer: a,
|
|
5
5
|
image: c,
|
|
6
|
-
text:
|
|
7
|
-
},
|
|
8
|
-
/* @__PURE__ */
|
|
9
|
-
/* @__PURE__ */
|
|
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
|
|
13
13
|
};
|
|
@@ -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
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as l, jsx as s } from "react/jsx-runtime";
|
|
3
|
+
import i from "../../utils/parse.js";
|
|
4
|
+
import { c as o } from "../../index-BIlioXmW.js";
|
|
5
|
+
import '../../assets/IconDetail.css';const c = "_detail_17828_1", r = "_text_17828_13", t = {
|
|
6
|
+
detail: c,
|
|
7
|
+
text: r
|
|
8
|
+
}, p = ({ icon: e, text: a }) => /* @__PURE__ */ l("div", { className: t.detail, children: [
|
|
9
|
+
/* @__PURE__ */ s("span", { className: o(t.icon, "material-symbols-outlined"), children: e }),
|
|
10
|
+
/* @__PURE__ */ s("span", { className: t.text, children: i(a) })
|
|
11
|
+
] });
|
|
12
|
+
export {
|
|
13
|
+
p as default
|
|
14
|
+
};
|
|
@@ -1,39 +1,39 @@
|
|
|
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
|
-
header:
|
|
10
|
-
content:
|
|
11
|
-
body:
|
|
12
|
-
ctas:
|
|
13
|
-
image:
|
|
14
|
-
block:
|
|
15
|
-
reverse:
|
|
16
|
-
},
|
|
9
|
+
header: v,
|
|
10
|
+
content: f,
|
|
11
|
+
body: z,
|
|
12
|
+
ctas: N,
|
|
13
|
+
image: g,
|
|
14
|
+
block: p,
|
|
15
|
+
reverse: k
|
|
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 }) })
|
|
35
35
|
] }) });
|
|
36
36
|
};
|
|
37
37
|
export {
|
|
38
|
-
|
|
38
|
+
I as default
|
|
39
39
|
};
|
|
@@ -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
6
|
emphasis: h,
|
|
7
7
|
body: d
|
|
8
|
-
}, _ = ({ icon:
|
|
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
9
|
/* @__PURE__ */ e("h2", { children: m }),
|
|
10
|
-
|
|
11
|
-
/* @__PURE__ */ e(
|
|
12
|
-
/* @__PURE__ */
|
|
13
|
-
/* @__PURE__ */ e("p", { className: s.emphasis, children:
|
|
14
|
-
/* @__PURE__ */ e("p", { className: s.body, children:
|
|
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
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { c as
|
|
4
|
-
import '../../assets/MenuButton.css';const
|
|
5
|
-
button:
|
|
6
|
-
isOpen:
|
|
7
|
-
top:
|
|
8
|
-
middle:
|
|
9
|
-
bottom:
|
|
10
|
-
line:
|
|
11
|
-
}, u = ({ isOpen: n, clickFn:
|
|
12
|
-
/* @__PURE__ */
|
|
13
|
-
/* @__PURE__ */
|
|
14
|
-
/* @__PURE__ */
|
|
2
|
+
import { jsxs as e, jsx as s } from "react/jsx-runtime";
|
|
3
|
+
import { c as o } from "../../index-BIlioXmW.js";
|
|
4
|
+
import '../../assets/MenuButton.css';const c = "_button_d3c3i_1", d = "_isOpen_d3c3i_13", l = "_top_d3c3i_13", _ = "_middle_d3c3i_18", m = "_bottom_d3c3i_21", a = "_line_d3c3i_27", t = {
|
|
5
|
+
button: c,
|
|
6
|
+
isOpen: d,
|
|
7
|
+
top: l,
|
|
8
|
+
middle: _,
|
|
9
|
+
bottom: m,
|
|
10
|
+
line: a
|
|
11
|
+
}, u = ({ isOpen: n, clickFn: i }) => /* @__PURE__ */ e("button", { className: o(t.button, n && t.isOpen), onClick: i, children: [
|
|
12
|
+
/* @__PURE__ */ s("div", { className: o(t.top, t.line) }),
|
|
13
|
+
/* @__PURE__ */ s("div", { className: o(t.middle, t.line) }),
|
|
14
|
+
/* @__PURE__ */ s("div", { className: o(t.bottom, t.line) })
|
|
15
15
|
] });
|
|
16
16
|
export {
|
|
17
17
|
u as default
|