@courtneyring/components-library 0.1.0 → 1.0.1
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/README.md +60 -27
- package/dist/ScrollTrigger-DDbij8gI.js +3102 -0
- package/dist/animations/FadeIn.js +26 -0
- package/dist/animations/FadeInMotion.js +4785 -0
- package/dist/assets/Background.css +1 -0
- package/dist/assets/Banner.css +1 -0
- package/dist/assets/BorderedBackground.css +1 -0
- package/dist/assets/Button.css +1 -0
- package/dist/assets/Container.css +1 -0
- package/dist/assets/Fifty.css +1 -0
- package/dist/assets/Footer.css +1 -0
- package/dist/assets/ImageTextBlock.css +1 -0
- package/dist/assets/List.css +1 -0
- package/dist/assets/MenuButton.css +1 -0
- package/dist/assets/Navbar.css +1 -0
- package/dist/assets/Note.css +1 -0
- package/dist/assets/Overlay.css +1 -0
- package/dist/assets/OverlayHero.css +1 -0
- package/dist/assets/PageContainer.css +1 -0
- package/dist/assets/Promo.css +1 -0
- package/dist/assets/PromoGroup.css +1 -0
- package/dist/assets/Timeline.css +1 -0
- package/dist/assets/icons/checkmark.svg +3 -0
- package/dist/components/Background/Background.js +55 -0
- package/dist/components/Banner/Banner.js +14 -0
- package/dist/components/BorderedBackground/BorderedBackground.js +40 -0
- package/dist/components/Button/Button.js +30 -13
- package/dist/components/Container/Container.js +9 -0
- package/dist/components/Fifty/Fifty.js +33 -0
- package/dist/components/Fifty/Fifty.stories.js +32 -0
- package/dist/components/Footer/Footer.js +13 -0
- package/dist/components/Icon/Icon.js +13 -0
- package/dist/components/ImageTextBlock/ImageTextBlock.js +39 -0
- package/dist/components/List/List.js +20 -0
- package/dist/components/MenuButton/MenuButton.js +18 -0
- package/dist/components/Navbar/Navbar.js +416 -0
- package/dist/components/Note/Note.js +26 -0
- package/dist/components/Overlay/Overlay.js +31 -0
- package/dist/components/OverlayHero/OverlayHero.js +24 -0
- package/dist/components/PageContainer/PageContainer.js +25 -0
- package/dist/components/Promo/Promo.js +24 -0
- package/dist/components/PromoGroup/PromoGroup.js +9 -0
- package/dist/components/Timeline/Timeline.js +53 -0
- package/dist/hooks/useFadeIn.js +27 -0
- package/dist/hooks/useRepeatable.js +32 -0
- package/dist/hooks/useResize.js +19 -0
- package/dist/hooks/useResponsive.js +15 -0
- package/dist/index-BIlioXmW.js +47 -0
- package/dist/index-BlCqcUwj.js +29 -0
- package/dist/main.js +30 -0
- package/dist/utils/breakpoints.js +8 -0
- package/dist/utils/gsapSetup.js +7 -0
- package/dist/utils/parse.js +12 -0
- package/package.json +38 -25
- package/dist/components/Button/Button.d.ts +0 -12
- package/dist/exports.d.ts +0 -1
- package/dist/exports.js +0 -18
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_1li3o_1{width:100%;height:80vh}._background_1li3o_6{background-size:350%;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;width:100%;height:80vh}@supports (-webkit-touch-callout: inherit){._background_1li3o_6{background-attachment:scroll}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._banner_wpcs0_1{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:250px}._header_wpcs0_9{font-family:var(--font-secondary)}@media (min-width: 0){._header_wpcs0_9{font-size:40px;line-height:50px}}._header_wpcs0_9{margin-bottom:20px}@media (min-width: 0){._body_wpcs0_23{font-size:20px;line-height:1.7}}@media (min-width: 390px){._body_wpcs0_23{font-size:20px}}@media (min-width: 1200px){._body_wpcs0_23{font-size:24px;line-height:1.6}}@media (min-width: 768px){._banner_wpcs0_1{min-height:350px}}@media (min-width: 992px){._banner_wpcs0_1{min-height:unset}._header_wpcs0_9{margin-bottom:30px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_atjqo_1{position:relative;background:#f7f7f7;padding:2rem;width:100%;height:100%;border-radius:8px}._corner_atjqo_10{position:absolute;width:100%;height:100%;pointer-events:none}@keyframes _draw-h_atjqo_1{0%{transform:scaleX(.98);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes _draw-v_atjqo_1{0%{transform:scaleY(.98);opacity:0}to{transform:scaleY(1);opacity:1}}._lineh_atjqo_37,._linev_atjqo_38{position:absolute;background-color:var(--color-primary-medium);transform:scaleX(.9);opacity:0}._lineh_atjqo_37{height:3px;animation:_draw-h_atjqo_1 1.6s cubic-bezier(.42,0,.58,1) forwards}._linev_atjqo_38{width:3px;animation:_draw-v_atjqo_1 1.6s cubic-bezier(.42,0,.58,1) forwards}._h0_atjqo_55{width:calc(100% - 40px)}._v0_atjqo_59{height:calc(100% + 0px)}._h1_atjqo_63{width:calc(100% + 0px)}._v1_atjqo_67{height:calc(100% + 100px)}._h2_atjqo_71{width:calc(100% - 150px)}._v2_atjqo_75{height:calc(100% + 20px)}._tr_atjqo_79{top:0;right:0}._tr_atjqo_79 ._lineh_atjqo_37{transform-origin:right center}._tr_atjqo_79 ._linev_atjqo_38{transform-origin:top center}._tr_atjqo_79 ._h0_atjqo_55{top:28px;right:0;animation-delay:0s}._tr_atjqo_79 ._v0_atjqo_59{right:38px;top:5px;animation-delay:0s}._tr_atjqo_79 ._h1_atjqo_63{top:35px;right:20px;animation-delay:.12s}._tr_atjqo_79 ._v1_atjqo_67{right:45px;top:20px;animation-delay:.12s}._tr_atjqo_79 ._h2_atjqo_71{top:42px;right:35px;animation-delay:.24s}._tr_atjqo_79 ._v2_atjqo_75{right:52px;top:35px;animation-delay:.24s}._bl_atjqo_120{bottom:0;left:0}._bl_atjqo_120 ._lineh_atjqo_37{transform-origin:left center}._bl_atjqo_120 ._linev_atjqo_38{transform-origin:bottom center}._bl_atjqo_120 ._h0_atjqo_55{bottom:28px;left:0;animation-delay:0s}._bl_atjqo_120 ._v0_atjqo_59{left:38px;bottom:5px;animation-delay:0s}._bl_atjqo_120 ._h1_atjqo_63{bottom:35px;left:20px;animation-delay:.12s}._bl_atjqo_120 ._v1_atjqo_67{left:45px;bottom:20px;animation-delay:.12s}._bl_atjqo_120 ._h2_atjqo_71{bottom:42px;left:35px;animation-delay:.24s}._bl_atjqo_120 ._v2_atjqo_75{left:52px;bottom:35px;animation-delay:.24s}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._button_x9tbc_1{cursor:pointer;padding:8px 15px;border:2px solid;outline:0px}@media (min-width: 0){._button_x9tbc_1{font-size:20px;line-height:1.7}}@media (min-width: 390px){._button_x9tbc_1{font-size:20px}}@media (min-width: 1200px){._button_x9tbc_1{font-size:24px;line-height:1.6}}._button_x9tbc_1{text-decoration:none;transition:all .2s ease-in-out}._button_x9tbc_1[data-color=color-primary-dark]{border-color:var(--color-primary-dark);color:var(--color-primary-dark)}._button_x9tbc_1[data-color=color-primary-medium]{border-color:var(--color-primary-medium);color:var(--color-primary-medium)}._button_x9tbc_1[data-color=color-primary-light]{border-color:var(--color-primary-light);color:var(--color-primary-light)}._button_x9tbc_1[data-color=color-secondary]{border-color:var(--color-secondary);color:var(--color-secondary)}._button_x9tbc_1[data-color=color-neutral-dark]{border-color:var(--color-neutral-dark);color:var(--color-neutral-dark)}._button_x9tbc_1[data-color=color-neutral-medium]{border-color:var(--color-neutral-medium);color:var(--color-neutral-medium)}._button_x9tbc_1[data-color=color-neutral-light]{border-color:var(--color-neutral-light);color:var(--color-neutral-light)}._button_x9tbc_1[data-color=color-white]{border-color:var(--color-white);color:var(--color-white)}._button_x9tbc_1._hollow_x9tbc_60{background-color:transparent}._button_x9tbc_1._filled_x9tbc_63[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._button_x9tbc_1._filled_x9tbc_63[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._button_x9tbc_1._filled_x9tbc_63[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._button_x9tbc_1._filled_x9tbc_63[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._button_x9tbc_1._filled_x9tbc_63[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._button_x9tbc_1._filled_x9tbc_63[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._button_x9tbc_1._filled_x9tbc_63[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._button_x9tbc_1._filled_x9tbc_63[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._button_x9tbc_1:hover{opacity:.8}._link_x9tbc_99{text-decoration:underline;color:var(--color-neutral-dark);border:none}@media (min-width: 992px){._button_x9tbc_1{padding:16px 48px;border-width:2px}._link_x9tbc_99{font-size:24px}}@media (min-width: 1200px){._button_x9tbc_1{padding:12px 50px}}@media (min-width: 1920px){._button_x9tbc_1{padding:12px 50px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_817qh_1[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._container_817qh_1[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._container_817qh_1[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._container_817qh_1[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._container_817qh_1[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._container_817qh_1[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._container_817qh_1[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._container_817qh_1[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}@media (min-width: 0){._innerContainer_817qh_35{padding:40px 15px}}@media (min-width: 390px){._innerContainer_817qh_35{padding:40px 30px}}@media (min-width: 768px){._innerContainer_817qh_35{padding:30px 50px}}@media (min-width: 1200px){._innerContainer_817qh_35{padding:100px}}@media (min-width: 1600px){._innerContainer_817qh_35{padding:150px}}._innerContainer_817qh_35{margin:0 auto}@media (min-width: 992px){._innerContainer_817qh_35[data-max-width=lg]{max-width:1200px}}@media (min-width: 1200px){._innerContainer_817qh_35[data-max-width=sm]{max-width:1200px}}@media (min-width: 1600px){._innerContainer_817qh_35[data-max-width=sm]{max-width:1200px}._innerContainer_817qh_35[data-max-width=lg]{max-width:1800px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@media (min-width: 0){._content_b7jkn_2{padding:40px 15px}}@media (min-width: 390px){._content_b7jkn_2{padding:40px 30px}}@media (min-width: 768px){._content_b7jkn_2{padding:30px 50px}}@media (min-width: 1200px){._content_b7jkn_2{padding:100px}}@media (min-width: 1600px){._content_b7jkn_2{padding:150px}}._fifty_b7jkn_26{display:grid;grid-template-columns:1fr;width:100%}._fifty_b7jkn_26[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._fifty_b7jkn_26[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._fifty_b7jkn_26[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._fifty_b7jkn_26[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._fifty_b7jkn_26[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._fifty_b7jkn_26[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._fifty_b7jkn_26[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._fifty_b7jkn_26[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._fifty_b7jkn_26._reverse_b7jkn_64 ._content_b7jkn_2{align-items:flex-end}._fifty_b7jkn_26._reverse_b7jkn_64 ._image_b7jkn_67{justify-content:flex-start}._fifty_b7jkn_26:not(._reverse_b7jkn_64) ._content_b7jkn_2{align-items:flex-start}._fifty_b7jkn_26:not(._reverse_b7jkn_64) ._image_b7jkn_67{justify-content:flex-end}._content_b7jkn_2{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;order:1}@media (min-width: 0){._content_b7jkn_2 h2{font-size:40px;line-height:50px}}._content_b7jkn_2 h2{margin-bottom:15px;line-height:1}@media (min-width: 0){._content_b7jkn_2 p{font-size:20px;line-height:1.7}}@media (min-width: 390px){._content_b7jkn_2 p{font-size:20px}}@media (min-width: 1200px){._content_b7jkn_2 p{font-size:24px;line-height:1.6}}._content_b7jkn_2 p{margin-bottom:20px}._image_b7jkn_67{display:flex}._image_b7jkn_67 img{width:100%;height:100%;object-fit:cover;object-position:top}._imageContainer_b7jkn_127{aspect-ratio:1;width:100%}._text_b7jkn_132{display:flex;flex-direction:column;align-items:flex-start}@media (min-width: 768px){._imageContainer_b7jkn_127{aspect-ratio:unset;height:500px}}@media (min-width: 992px) and (min-width: 0){._content_b7jkn_2{padding:40px 15px}}@media (min-width: 992px) and (min-width: 390px){._content_b7jkn_2{padding:40px 30px}}@media (min-width: 992px) and (min-width: 768px){._content_b7jkn_2{padding:30px 50px}}@media (min-width: 992px) and (min-width: 1200px){._content_b7jkn_2{padding:100px}}@media (min-width: 992px) and (min-width: 1600px){._content_b7jkn_2{padding:150px}}@media (min-width: 992px){._content_b7jkn_2{padding-top:0}._content_b7jkn_2{padding-bottom:0}._fifty_b7jkn_26{grid-template-columns:1fr 1fr;grid-template-rows:1fr}._fifty_b7jkn_26._reverse_b7jkn_64 ._content_b7jkn_2{order:-1}._imageContainer_b7jkn_127{height:unset;aspect-ratio:1}._text_b7jkn_132 h2,._text_b7jkn_132 p{margin-bottom:20px}}@media (min-width: 1200px){._fifty_b7jkn_26:not(._reverse_b7jkn_64) ._content_b7jkn_2{padding-left:60px}._fifty_b7jkn_26._reverse_b7jkn_64 ._content_b7jkn_2{padding-right:60px}._text_b7jkn_132 h2,._text_b7jkn_132 p{margin-bottom:40px}}@media (min-width: 1920px) and (min-width: 0){._fifty_b7jkn_26{padding:40px 15px}}@media (min-width: 1920px) and (min-width: 390px){._fifty_b7jkn_26{padding:40px 30px}}@media (min-width: 1920px) and (min-width: 768px){._fifty_b7jkn_26{padding:30px 50px}}@media (min-width: 1920px) and (min-width: 1200px){._fifty_b7jkn_26{padding:100px}}@media (min-width: 1920px) and (min-width: 1600px){._fifty_b7jkn_26{padding:150px}}@media (min-width: 1920px){._fifty_b7jkn_26:not(._reverse_b7jkn_64) ._content_b7jkn_2{padding:0 0 0 100px}._fifty_b7jkn_26._reverse_b7jkn_64 ._content_b7jkn_2{padding:0 100px 0 0}._text_b7jkn_132{max-width:750px}._text_b7jkn_132 h2{margin-bottom:30px}._text_b7jkn_132 p{margin-bottom:80px}._imageContainer_b7jkn_127{max-width:900px;aspect-ratio:1}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@media (min-width: 0){._footer_l3oy1_2{padding:40px 15px}}@media (min-width: 390px){._footer_l3oy1_2{padding:40px 30px}}@media (min-width: 768px){._footer_l3oy1_2{padding:30px 50px}}@media (min-width: 1200px){._footer_l3oy1_2{padding:100px}}@media (min-width: 1600px){._footer_l3oy1_2{padding:150px}}._footer_l3oy1_2{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--color-primary-dark);color:var(--color-white)}._image_l3oy1_35{width:50px;margin-bottom:20px}._text_l3oy1_40{letter-spacing:3px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_1iuxk_1{display:flex;flex-direction:column-reverse;margin:0 auto}@media (min-width: 0){._header_1iuxk_8{font-size:40px;line-height:50px}}._header_1iuxk_8{font-family:var(--font-secondary);margin-bottom:20px}._content_1iuxk_18{display:flex;flex-direction:column;align-items:flex-start}._body_1iuxk_24{display:flow-root;margin-bottom:30px}._body_1iuxk_24 p{margin-bottom:20px}@media (min-width: 0){._body_1iuxk_24 p{font-size:20px;line-height:1.7}}@media (min-width: 390px){._body_1iuxk_24 p{font-size:20px}}@media (min-width: 1200px){._body_1iuxk_24 p{font-size:24px;line-height:1.6}}._ctas_1iuxk_49>*:first-child{margin-right:10px}._image_1iuxk_53{width:calc(100% + 30px);margin-left:-15px;width:100%}._image_1iuxk_53 img{object-fit:cover;width:100%;height:100%;display:block}._block_1iuxk_65._reverse_1iuxk_65 ._content_1iuxk_18{order:1;margin-bottom:40px}._block_1iuxk_65._reverse_1iuxk_65 ._image_1iuxk_53{margin-bottom:-40px}._block_1iuxk_65:not(._reverse_1iuxk_65) ._image_1iuxk_53{margin-top:-40px}._block_1iuxk_65:not(._reverse_1iuxk_65) ._content_1iuxk_18{margin-top:40px}._ctas_1iuxk_49{display:flex}@media (min-width: 390px){._image_1iuxk_53{width:calc(100% + 60px);margin-left:-30px}._block_1iuxk_65._reverse_1iuxk_65 ._content_1iuxk_18{margin-bottom:40px}._block_1iuxk_65._reverse_1iuxk_65 ._image_1iuxk_53{margin-bottom:-40px}._block_1iuxk_65:not(._reverse_1iuxk_65) ._content_1iuxk_18{margin-top:40px}._block_1iuxk_65:not(._reverse_1iuxk_65) ._image_1iuxk_53{margin-top:-40px}}@media (min-width: 768px){._container_1iuxk_1{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}._content_1iuxk_18{text-align:left;padding-top:5%;align-items:flex-start}}@media (min-width: 992px){._content_1iuxk_18{padding-top:10%}._header_1iuxk_8{font-size:40px}}@media (min-width: 1200px){._container_1iuxk_1{grid-template-columns:5fr 3fr;min-height:700px;column-gap:100px}._reverse_1iuxk_65 ._container_1iuxk_1{grid-template-columns:3fr 5fr}._header_1iuxk_8{font-size:52px}._image_1iuxk_53{max-height:900px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._item_1xk7h_1{display:flex;align-items:flex-start;margin-bottom:20px}._icon_1xk7h_7{width:25px;margin-right:15px;margin-top:4px}@media (min-width: 0){._header_1xk7h_14{font-size:40px;line-height:50px}}._header_1xk7h_14{font-family:var(--font-secondary)}@media (min-width: 0){._emphasis_1xk7h_24{font-size:20px;line-height:1.7}}@media (min-width: 390px){._emphasis_1xk7h_24{font-size:20px}}@media (min-width: 1200px){._emphasis_1xk7h_24{font-size:24px;line-height:1.6}}._emphasis_1xk7h_24{font-weight:600}@media (min-width: 0){._body_1xk7h_45{font-size:20px;line-height:1.7}}@media (min-width: 390px){._body_1xk7h_45{font-size:20px}}@media (min-width: 1200px){._body_1xk7h_45{font-size:24px;line-height:1.6}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._button_1ws43_1{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:20px;cursor:pointer;padding:0;border:0px}._button_1ws43_1._isOpen_1ws43_12 ._top_1ws43_12{transform:rotate(45deg);transform-origin:top left;width:27px}._button_1ws43_1._isOpen_1ws43_12 ._middle_1ws43_17{width:0px}._button_1ws43_1._isOpen_1ws43_12 ._bottom_1ws43_20{width:27px;transform:rotate(-45deg);transform-origin:bottom left}._line_1ws43_26{height:2px;background-color:#fff;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;width:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._navbar_18cye_1{display:flex;align-items:center;justify-content:space-between;width:100%;position:absolute;z-index:20;left:0;padding:8px 20px;height:80px}._navbar_18cye_1._background_18cye_12{background-color:var(--color-neutral-dark);position:static}._navbar_18cye_1._background_18cye_12._open_18cye_16{position:absolute}._navbar__logo_18cye_20{height:100%}._navbar__logo_18cye_20 img{height:100%;object-fit:contain}._navbar__links_18cye_28{display:none}._navbar__link_18cye_28{text-decoration:none;color:#fff;margin-bottom:30px}._navbar__mobileDialog_18cye_38{display:flex;flex-direction:column;padding-top:150px}@media (min-width: 768px){._navbar_18cye_1._background_18cye_12{position:static}._navbar__toggle_18cye_48{display:none}._navbar__links_18cye_28{display:initial}._navbar__link_18cye_28:not(:last-child){margin-right:15px}}@media (min-width: 992px){._navbar__link_18cye_28:not(:last-child){margin-right:30px}}@media (min-width: 1200px){._navbar_18cye_1{height:120px;padding:15px 50px}._navbar__link_18cye_28:not(:last-child){margin-right:30px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@media (min-width: 0){._salutation_dhapf_2{font-size:20px;line-height:1.7}}@media (min-width: 390px){._salutation_dhapf_2{font-size:20px}}@media (min-width: 1200px){._salutation_dhapf_2{font-size:24px;line-height:1.6}}._salutation_dhapf_2{margin-bottom:35px}._salutation_dhapf_2 ._opener_dhapf_21{text-transform:uppercase;letter-spacing:3px}._salutation_dhapf_2 ._from_dhapf_25{font-family:var(--font-secondary);font-size:42px;display:block;margin-top:10px}._body_dhapf_32{margin-bottom:35px}@media (min-width: 0){._body_dhapf_32 p{font-size:20px;line-height:1.7}}@media (min-width: 390px){._body_dhapf_32 p{font-size:20px}}@media (min-width: 1200px){._body_dhapf_32 p{font-size:24px;line-height:1.6}}._body_dhapf_32 p{margin-bottom:20px}@media (min-width: 0){._close_dhapf_57{font-size:20px;line-height:1.7}}@media (min-width: 390px){._close_dhapf_57{font-size:20px}}@media (min-width: 1200px){._close_dhapf_57{font-size:24px;line-height:1.6}}._close_dhapf_57{margin-bottom:10px}._signature_dhapf_77{font-family:var(--font-secondary);font-size:48px}@media (min-width: 390px){._signature_dhapf_77{font-size:44px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@keyframes _fadeIn_1ohwx_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1ohwx_27{0%{opacity:100%}to{opacity:0%}}._overlay__background_1ohwx_17{animation:.5s ease-out 0s 1 _fadeIn_1ohwx_1 forwards;width:100%;height:100%;background:#00000080;position:fixed;top:0;left:0;z-index:10}._overlay__background_1ohwx_17._fadeOut_1ohwx_27{animation:.5s ease-in-out 0s 1 _fadeOut_1ohwx_27 forwards}._overlay__dialog_1ohwx_31{position:fixed;opacity:1;width:100%;height:100%;top:0;left:0;z-index:11;animation:.5s ease-out 0s 1 _fadeIn_1ohwx_1 forwards;background:#fff}._overlay__dialog_1ohwx_31._fadeOut_1ohwx_27{animation:.5s ease-in-out 0s 1 _fadeOut_1ohwx_27 forwards}._overlay__close_1ohwx_46{position:absolute;top:30px;right:30px;cursor:pointer;width:25px}._overlay__close_1ohwx_46 img{width:100%}@media (min-width: 768px){._overlay__dialog_1ohwx_31{width:unset;height:unset;border-radius:5px;left:50%;top:50%;transform:translate(-50%,-50%)}._overlay__dialog_1ohwx_31._fullscreen_1ohwx_66{width:calc(100% - 30px);height:calc(100% - 30px);top:15px;left:15px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._hero_1029s_1{display:flex;align-items:center;justify-content:center;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;height:100svh;padding:20px}._overlay_1029s_13{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_1029s_13{background-color:rgb(from var(--color-primary-dark) r g b/.8)}}._overlay_1029s_13{color:var(--color-white);width:100%;height:100%;text-align:center;position:relative}._eyebrow_1029s_33{font-size:20px;text-transform:uppercase;letter-spacing:3px;font-weight:300}._title_1029s_40,._title_1029s_40>p{font-family:var(--font-secondary);font-size:80px;line-height:1.1;margin-top:0;margin-bottom:10px}._eyebrow_1029s_33,._title_1029s_40{margin-bottom:20px}._subtitle_1029s_53{font-size:20px;letter-spacing:3px}._subtitle_1029s_53>p{text-transform:uppercase}._subtitle_1029s_53>p,._subtitle_1029s_53 i{margin-bottom:10px;margin-top:0;font-weight:300}@media (min-width: 390px){._hero_1029s_1{padding:30px}._overlay_1029s_13{max-height:550px}._eyebrow_1029s_33{font-size:24px}._eyebrow_1029s_33,._title_1029s_40{margin-bottom:30px}}@media (min-width: 768px){._hero_1029s_1{padding:50px}._title_1029s_40{font-size:100px}}@media (min-width: 992px){._eyebrow_1029s_33,._title_1029s_40{margin-bottom:0}._title_1029s_40{word-spacing:unset}}@media (min-width: 1200px){._hero_1029s_1{padding:6%}._title_1029s_40{font-size:140px}._eyebrow_1029s_33{font-size:20px}._subtitle_1029s_53{font-size:36px}}@media (min-width: 1600px){._overlay_1029s_13{max-height:unset}._title_1029s_40{font-size:180px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@media (min-width: 0){._container__inner_1iuwz_2{padding:40px 15px}}@media (min-width: 390px){._container__inner_1iuwz_2{padding:40px 30px}}@media (min-width: 768px){._container__inner_1iuwz_2{padding:30px 50px}}@media (min-width: 1200px){._container__inner_1iuwz_2{padding:100px}}@media (min-width: 1600px){._container__inner_1iuwz_2{padding:150px}}._container__inner_1iuwz_2{width:100%}._container__inner_1iuwz_2 h1{font-size:40px}._container__inner_1iuwz_2._removePadding_1iuwz_32{padding:0}._container__body_1iuwz_36{font-size:20px;margin-top:30px}._container__body_1iuwz_36 p{margin-bottom:20px}@media (min-width: 992px){._container__body_1iuwz_36{font-size:24px;line-height:2}}@media (min-width: 1200px){._container__copy_1iuwz_51{max-width:1400px;margin:30px 0 auto}._container__inner_1iuwz_2 h1{font-size:50px}._container__body_1iuwz_36{margin-top:30px;font-size:28px;line-height:1.8}}@media (min-width: 1920px){._container__copy_1iuwz_51{max-width:1400px;margin:0 auto}._container__body_1iuwz_36 p{font-size:32px;line-height:1.5}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._promo_h75tv_1{display:flex;flex-direction:column;width:100%;padding:50px}._promo_h75tv_1[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._promo_h75tv_1[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._promo_h75tv_1[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._promo_h75tv_1[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._promo_h75tv_1[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._promo_h75tv_1[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._promo_h75tv_1[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._promo_h75tv_1[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._promo__eyebrow_h75tv_40{margin-bottom:1rem}._promo__image_h75tv_44{width:100%;height:15rem;margin-bottom:1.25rem;background-size:cover;background-position:center}._promo__header_h75tv_52{margin-top:0;margin-bottom:20px;line-height:2.25rem;text-transform:uppercase;letter-spacing:3px;font-size:28px}._promo__body_h75tv_61{margin-bottom:50px}@media (min-width: 0){._promo__body_h75tv_61{font-size:20px;line-height:1.7}}@media (min-width: 390px){._promo__body_h75tv_61{font-size:20px}}@media (min-width: 1200px){._promo__body_h75tv_61{font-size:24px;line-height:1.6}}._stat_h75tv_82{display:flex;align-items:center;margin-bottom:5px}._stat_h75tv_82 span:first-child{margin-right:10px}@media (min-width: 0){._statText_h75tv_92{font-size:20px;line-height:1.7}}@media (min-width: 390px){._statText_h75tv_92{font-size:20px}}@media (min-width: 1200px){._statText_h75tv_92{font-size:24px;line-height:1.6}}._statText_h75tv_92{font-style:italic}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._group_p635f_1{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._spacer_1g76i_1{height:100vh}._timelineWrapper_1g76i_6{position:relative;width:100%}._linePin_1g76i_12{position:absolute;top:50%;left:50%;height:100vh;width:20px;transform:translate(-50%,-50%);pointer-events:none}._timelineLine_1g76i_22{position:absolute;top:0;left:50%;width:4px;height:0;background-color:#007bff;transform:translate(-50%)}._items_1g76i_33{position:relative;max-width:900px;margin:0 auto;padding:200px 0}._item_1g76i_33{margin:200px 0;display:flex}._item_1g76i_33:nth-child(2n){justify-content:flex-end}._text_1g76i_49{background:#f3f3f3;padding:20px;border-radius:8px;max-width:400px}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="65.03" height="63.819" viewBox="0 0 65.03 63.819">
|
|
2
|
+
<path id="check-mark-svgrepo-com" d="M62.795,1.776a5.484,5.484,0,0,0-7.587,1.617L24.467,50.776,9.476,36.914A5.486,5.486,0,1,0,2.027,44.97l19.684,18.2s.565.486.827.657a5.484,5.484,0,0,0,7.589-1.617L64.411,9.363a5.484,5.484,0,0,0-1.617-7.587Z" transform="translate(-0.266 -0.891)" fill="#e2e0e0"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
3
|
+
import { useRef as g } from "react";
|
|
4
|
+
import { u as d } from "../../index-BlCqcUwj.js";
|
|
5
|
+
import { ensureGsapRegistered as f } from "../../utils/gsapSetup.js";
|
|
6
|
+
import '../../assets/Background.css';const m = "_background_1li3o_6", p = {
|
|
7
|
+
background: m
|
|
8
|
+
}, n = (r) => {
|
|
9
|
+
if (typeof r == "number") return r;
|
|
10
|
+
if (r.endsWith("%")) return parseFloat(r);
|
|
11
|
+
switch (r) {
|
|
12
|
+
case "left":
|
|
13
|
+
case "top":
|
|
14
|
+
return 0;
|
|
15
|
+
case "center":
|
|
16
|
+
return 50;
|
|
17
|
+
case "right":
|
|
18
|
+
case "bottom":
|
|
19
|
+
return 100;
|
|
20
|
+
default:
|
|
21
|
+
return 50;
|
|
22
|
+
}
|
|
23
|
+
}, P = ({
|
|
24
|
+
image: r,
|
|
25
|
+
x: c = "center",
|
|
26
|
+
y: u = "center",
|
|
27
|
+
parallax: o = !1
|
|
28
|
+
}) => {
|
|
29
|
+
const a = f(), t = g(), e = n(c), s = n(u);
|
|
30
|
+
return d(() => {
|
|
31
|
+
o && a.to(t.current, {
|
|
32
|
+
backgroundPosition: `${e}% ${s + 70}%`,
|
|
33
|
+
duration: 2,
|
|
34
|
+
scrollTrigger: {
|
|
35
|
+
trigger: t.current,
|
|
36
|
+
start: "top bottom-=40%",
|
|
37
|
+
scrub: !0
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
}), // <div className={styles.container}>
|
|
41
|
+
/* @__PURE__ */ i(
|
|
42
|
+
"div",
|
|
43
|
+
{
|
|
44
|
+
className: p.background,
|
|
45
|
+
style: {
|
|
46
|
+
backgroundImage: `url(${r})`,
|
|
47
|
+
backgroundPosition: o && `${e}% ${s}%`
|
|
48
|
+
},
|
|
49
|
+
ref: t
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
};
|
|
53
|
+
export {
|
|
54
|
+
P as default
|
|
55
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as e, jsxs as a } from "react/jsx-runtime";
|
|
3
|
+
import o from "../../animations/FadeInMotion.js";
|
|
4
|
+
import '../../assets/Banner.css';const c = "_banner_wpcs0_1", d = "_header_wpcs0_9", t = "_body_wpcs0_23", n = {
|
|
5
|
+
banner: c,
|
|
6
|
+
header: d,
|
|
7
|
+
body: t
|
|
8
|
+
}, _ = ({ header: s, body: r }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a("div", { className: n.banner, children: [
|
|
9
|
+
s && /* @__PURE__ */ e("div", { className: n.header, children: s }),
|
|
10
|
+
/* @__PURE__ */ e("div", { className: n.body, children: r })
|
|
11
|
+
] }) });
|
|
12
|
+
export {
|
|
13
|
+
_ as default
|
|
14
|
+
};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as v, jsx as _ } from "react/jsx-runtime";
|
|
3
|
+
import { c as a } from "../../index-BIlioXmW.js";
|
|
4
|
+
import '../../assets/BorderedBackground.css';const q = "_container_atjqo_1", d = "_corner_atjqo_10", m = "_lineh_atjqo_37", p = "_linev_atjqo_38", u = "_h0_atjqo_55", b = "_v0_atjqo_59", w = "_h1_atjqo_63", N = "_v1_atjqo_67", f = "_h2_atjqo_71", x = "_v2_atjqo_75", y = "_tr_atjqo_79", $ = "_bl_atjqo_120", t = {
|
|
5
|
+
container: q,
|
|
6
|
+
corner: d,
|
|
7
|
+
lineh: m,
|
|
8
|
+
linev: p,
|
|
9
|
+
"draw-h": "_draw-h_atjqo_1",
|
|
10
|
+
"draw-v": "_draw-v_atjqo_1",
|
|
11
|
+
h0: u,
|
|
12
|
+
v0: b,
|
|
13
|
+
h1: w,
|
|
14
|
+
v1: N,
|
|
15
|
+
h2: f,
|
|
16
|
+
v2: x,
|
|
17
|
+
tr: y,
|
|
18
|
+
bl: $
|
|
19
|
+
}, k = ({ children: r, width: s, height: c, numLines: e = 3 }) => {
|
|
20
|
+
const l = ["tr", "bl"], h = ["h", "v"], i = (o) => [...Array(e)].map((n, j) => /* @__PURE__ */ _(
|
|
21
|
+
"span",
|
|
22
|
+
{
|
|
23
|
+
className: a(t[`line${o}`], t[`${o}${j}`])
|
|
24
|
+
}
|
|
25
|
+
));
|
|
26
|
+
return /* @__PURE__ */ v("div", { className: t.container, children: [
|
|
27
|
+
l.map((o) => /* @__PURE__ */ _(
|
|
28
|
+
"span",
|
|
29
|
+
{
|
|
30
|
+
className: a(t.corner, t[o]),
|
|
31
|
+
style: { width: s, height: c },
|
|
32
|
+
children: h.map((n) => i(n))
|
|
33
|
+
}
|
|
34
|
+
)),
|
|
35
|
+
r
|
|
36
|
+
] });
|
|
37
|
+
};
|
|
38
|
+
export {
|
|
39
|
+
k as default
|
|
40
|
+
};
|
|
@@ -1,15 +1,32 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
import { jsx as b } from "react/jsx-runtime";
|
|
3
|
+
import '../../assets/Button.css';const i = "_button_x9tbc_1", d = "_hollow_x9tbc_60", u = "_filled_x9tbc_63", f = "_link_x9tbc_99", t = {
|
|
4
|
+
button: i,
|
|
5
|
+
hollow: d,
|
|
6
|
+
filled: u,
|
|
7
|
+
link: f
|
|
8
|
+
}, k = ({
|
|
9
|
+
children: s,
|
|
10
|
+
fn: o,
|
|
11
|
+
href: l,
|
|
12
|
+
target: _,
|
|
13
|
+
hollow: e = !1,
|
|
14
|
+
variation: n = "color-primary-dark",
|
|
15
|
+
textDecoration: r,
|
|
16
|
+
label: a,
|
|
17
|
+
value: c
|
|
18
|
+
}) => /* @__PURE__ */ b(
|
|
19
|
+
l || c ? "a" : "button",
|
|
20
|
+
{
|
|
21
|
+
href: l || c,
|
|
22
|
+
onClick: o && o,
|
|
23
|
+
target: _,
|
|
24
|
+
className: `${t.button} ${e ? t.hollow : t.filled} ${t[n]}`,
|
|
25
|
+
style: { textDecoration: r },
|
|
26
|
+
"data-color": n,
|
|
27
|
+
children: s || a
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
export {
|
|
31
|
+
k as default
|
|
5
32
|
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
var link_1 = __importDefault(require("next/link"));
|
|
9
|
-
var Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
|
|
10
|
-
var Button = function (_a) {
|
|
11
|
-
var children = _a.children, fn = _a.fn, href = _a.href, target = _a.target, _b = _a.hollow, hollow = _b === void 0 ? false : _b, _c = _a.variation, variation = _c === void 0 ? "primary" : _c, textDecoration = _a.textDecoration, label = _a.label, value = _a.value;
|
|
12
|
-
var Tag = href || value ? link_1.default : "button";
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)(Tag, { href: href || value, onClick: fn && fn, target: target, className: "".concat(Button_module_scss_1.default.button, " ").concat(hollow ? Button_module_scss_1.default.hollow : Button_module_scss_1.default.filled, " ").concat(Button_module_scss_1.default[variation]), style: { textDecoration: textDecoration }, children: children || label }));
|
|
14
|
-
};
|
|
15
|
-
exports.default = Button;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
3
|
+
import '../../assets/Container.css';const i = "_container_817qh_1", o = "_innerContainer_817qh_35", t = {
|
|
4
|
+
container: i,
|
|
5
|
+
innerContainer: o
|
|
6
|
+
}, s = ({ color: a, children: e, maxWidth: r }) => /* @__PURE__ */ n("div", { className: t.container, "data-color": a, children: /* @__PURE__ */ n("div", { className: t.innerContainer, "data-max-width": r, children: e }) });
|
|
7
|
+
export {
|
|
8
|
+
s as default
|
|
9
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as s, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import f from "../Button/Button.js";
|
|
4
|
+
import { useFadeIn as l } from "../../hooks/useFadeIn.js";
|
|
5
|
+
import { c as d } from "../../index-BIlioXmW.js";
|
|
6
|
+
import '../../assets/Fifty.css';const g = "_content_b7jkn_2", j = "_fifty_b7jkn_26", v = "_reverse_b7jkn_64", h = "_image_b7jkn_67", b = "_imageContainer_b7jkn_127", x = "_text_b7jkn_132", t = {
|
|
7
|
+
content: g,
|
|
8
|
+
fifty: j,
|
|
9
|
+
reverse: v,
|
|
10
|
+
image: h,
|
|
11
|
+
imageContainer: b,
|
|
12
|
+
text: x
|
|
13
|
+
}, u = ({ heading: i, body: r, cta: n, color: o, image: a, reverse: c, pos: m }) => {
|
|
14
|
+
const _ = l();
|
|
15
|
+
return /* @__PURE__ */ s(
|
|
16
|
+
"div",
|
|
17
|
+
{
|
|
18
|
+
className: d(t.fifty, !!c && t.reverse),
|
|
19
|
+
"data-color": o,
|
|
20
|
+
children: [
|
|
21
|
+
/* @__PURE__ */ e("div", { className: t.content, ref: _, children: /* @__PURE__ */ s("div", { className: t.text, children: [
|
|
22
|
+
/* @__PURE__ */ e("h2", { children: i }),
|
|
23
|
+
/* @__PURE__ */ e("p", { children: r }),
|
|
24
|
+
n && /* @__PURE__ */ e(f, { ...n })
|
|
25
|
+
] }) }),
|
|
26
|
+
/* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("div", { className: t.imageContainer, children: /* @__PURE__ */ e("img", { src: a, style: { objectPosition: m } }) }) })
|
|
27
|
+
]
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
};
|
|
31
|
+
export {
|
|
32
|
+
u as default
|
|
33
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import o from "./Fifty.js";
|
|
3
|
+
const s = {
|
|
4
|
+
title: "Components/Fifty",
|
|
5
|
+
component: o,
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: "centered"
|
|
8
|
+
},
|
|
9
|
+
tags: ["autodocs"]
|
|
10
|
+
}, r = {
|
|
11
|
+
args: {
|
|
12
|
+
heading: "Museum Events",
|
|
13
|
+
body: "The museum is funded through donations, sponsorships, and grants. Find out ways you can help the museum from day-to-day operations to long term success",
|
|
14
|
+
color: "color-primary-dark",
|
|
15
|
+
cta: { children: "Click Here", color: "color-primary-dark" },
|
|
16
|
+
image: "https://placehold.co/600x600/png"
|
|
17
|
+
}
|
|
18
|
+
}, t = {
|
|
19
|
+
args: {
|
|
20
|
+
heading: "Museum Events",
|
|
21
|
+
body: "The museum is funded through donations, sponsorships, and grants. Find out ways you can help the museum from day-to-day operations to long term success",
|
|
22
|
+
reverse: !0,
|
|
23
|
+
color: "color-secondary",
|
|
24
|
+
cta: { children: "Click Here", color: "color-primary-dark" },
|
|
25
|
+
image: "https://placehold.co/600x600/png"
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
export {
|
|
29
|
+
r as Default,
|
|
30
|
+
t as Reverse,
|
|
31
|
+
s as default
|
|
32
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import '../../assets/Footer.css';const a = "_footer_l3oy1_2", c = "_image_l3oy1_35", l = "_text_l3oy1_40", t = {
|
|
4
|
+
footer: a,
|
|
5
|
+
image: c,
|
|
6
|
+
text: l
|
|
7
|
+
}, _ = ({ logo: o, logoText: s }) => /* @__PURE__ */ r("footer", { className: t.footer, children: [
|
|
8
|
+
/* @__PURE__ */ e("img", { src: o, className: t.image }),
|
|
9
|
+
/* @__PURE__ */ e("p", { className: t.text, children: s })
|
|
10
|
+
] });
|
|
11
|
+
export {
|
|
12
|
+
_ as default
|
|
13
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
3
|
+
const r = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='65.03'%20height='63.819'%20viewBox='0%200%2065.03%2063.819'%3e%3cpath%20id='check-mark-svgrepo-com'%20d='M62.795,1.776a5.484,5.484,0,0,0-7.587,1.617L24.467,50.776,9.476,36.914A5.486,5.486,0,1,0,2.027,44.97l19.684,18.2s.565.486.827.657a5.484,5.484,0,0,0,7.589-1.617L64.411,9.363a5.484,5.484,0,0,0-1.617-7.587Z'%20transform='translate(-0.266%20-0.891)'%20fill='%23e2e0e0'/%3e%3c/svg%3e", o = ({ type: s, alt: t }) => {
|
|
4
|
+
try {
|
|
5
|
+
const e = new URL((/* @__PURE__ */ Object.assign({ "../../assets/icons/checkmark.svg": r }))[`../../assets/icons/${s}.svg`], import.meta.url).href;
|
|
6
|
+
return /* @__PURE__ */ a("img", { src: e, alt: t || s });
|
|
7
|
+
} catch {
|
|
8
|
+
return null;
|
|
9
|
+
}
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
o as default
|
|
13
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as s, jsxs as c } from "react/jsx-runtime";
|
|
3
|
+
import n from "../Button/Button.js";
|
|
4
|
+
import { c as m } from "../../index-BIlioXmW.js";
|
|
5
|
+
import { useFadeIn as l } from "../../hooks/useFadeIn.js";
|
|
6
|
+
import k from "../../utils/parse.js";
|
|
7
|
+
import '../../assets/ImageTextBlock.css';const h = "_container_1iuxk_1", u = "_header_1iuxk_8", x = "_content_1iuxk_18", v = "_body_1iuxk_24", f = "_ctas_1iuxk_49", b = "_image_1iuxk_53", N = "_block_1iuxk_65", g = "_reverse_1iuxk_65", e = {
|
|
8
|
+
container: h,
|
|
9
|
+
header: u,
|
|
10
|
+
content: x,
|
|
11
|
+
body: v,
|
|
12
|
+
ctas: f,
|
|
13
|
+
image: b,
|
|
14
|
+
block: N,
|
|
15
|
+
reverse: g
|
|
16
|
+
}, F = ({
|
|
17
|
+
image: r,
|
|
18
|
+
header: a,
|
|
19
|
+
body: i,
|
|
20
|
+
primaryCta: o,
|
|
21
|
+
secondaryCta: t,
|
|
22
|
+
reverse: _
|
|
23
|
+
}) => {
|
|
24
|
+
const d = l();
|
|
25
|
+
return /* @__PURE__ */ s("div", { className: m(e.block, _ && e.reverse), children: /* @__PURE__ */ c("div", { className: e.container, children: [
|
|
26
|
+
/* @__PURE__ */ c("div", { className: e.content, ref: d, children: [
|
|
27
|
+
/* @__PURE__ */ s("h2", { className: e.header, children: a }),
|
|
28
|
+
/* @__PURE__ */ s("div", { className: e.body, children: k(i) }),
|
|
29
|
+
/* @__PURE__ */ c("div", { className: e.ctas, children: [
|
|
30
|
+
o && /* @__PURE__ */ s(n, { ...o }),
|
|
31
|
+
t && /* @__PURE__ */ s(n, { ...t })
|
|
32
|
+
] })
|
|
33
|
+
] }),
|
|
34
|
+
/* @__PURE__ */ s("div", { className: e.image, children: /* @__PURE__ */ s("img", { src: r }) })
|
|
35
|
+
] }) });
|
|
36
|
+
};
|
|
37
|
+
export {
|
|
38
|
+
F as default
|
|
39
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import n from "../Icon/Icon.js";
|
|
4
|
+
import '../../assets/List.css';const r = "_item_1xk7h_1", h = "_emphasis_1xk7h_24", d = "_body_1xk7h_45", s = {
|
|
5
|
+
item: r,
|
|
6
|
+
emphasis: h,
|
|
7
|
+
body: d
|
|
8
|
+
}, _ = ({ icon: a, items: c, header: m }) => (new URL((/* @__PURE__ */ Object.assign({}))[`./assets/icons/${a}.svg`], import.meta.url).href, /* @__PURE__ */ i("div", { className: s.list, children: [
|
|
9
|
+
/* @__PURE__ */ e("h2", { children: m }),
|
|
10
|
+
c.map((t, o) => /* @__PURE__ */ i("div", { className: s.item, children: [
|
|
11
|
+
/* @__PURE__ */ e(n, { type: "checkmark" }),
|
|
12
|
+
/* @__PURE__ */ i("div", { className: s.content, children: [
|
|
13
|
+
/* @__PURE__ */ e("p", { className: s.emphasis, children: t.header }),
|
|
14
|
+
/* @__PURE__ */ e("p", { className: s.body, children: t.body })
|
|
15
|
+
] })
|
|
16
|
+
] }, `item-${o}`))
|
|
17
|
+
] }));
|
|
18
|
+
export {
|
|
19
|
+
_ as default
|
|
20
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as i, jsx as o } from "react/jsx-runtime";
|
|
3
|
+
import { c as s } from "../../index-BIlioXmW.js";
|
|
4
|
+
import '../../assets/MenuButton.css';const l = "_button_1ws43_1", _ = "_isOpen_1ws43_12", m = "_top_1ws43_12", c = "_middle_1ws43_17", a = "_bottom_1ws43_20", d = "_line_1ws43_26", t = {
|
|
5
|
+
button: l,
|
|
6
|
+
isOpen: _,
|
|
7
|
+
top: m,
|
|
8
|
+
middle: c,
|
|
9
|
+
bottom: a,
|
|
10
|
+
line: d
|
|
11
|
+
}, u = ({ isOpen: n, clickFn: e }) => /* @__PURE__ */ i("button", { className: s(t.button, n && t.isOpen), onClick: e, children: [
|
|
12
|
+
/* @__PURE__ */ o("div", { className: s(t.top, t.line) }),
|
|
13
|
+
/* @__PURE__ */ o("div", { className: s(t.middle, t.line) }),
|
|
14
|
+
/* @__PURE__ */ o("div", { className: s(t.bottom, t.line) })
|
|
15
|
+
] });
|
|
16
|
+
export {
|
|
17
|
+
u as default
|
|
18
|
+
};
|