@courtneyring/components-library 1.0.6 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/Banner.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Container.css +1 -1
- package/dist/assets/Fifty.css +1 -1
- package/dist/assets/GenericOverlay.css +1 -1
- package/dist/assets/IconDetail.css +1 -1
- package/dist/assets/ImageTextBlock.css +1 -1
- package/dist/assets/List.css +1 -1
- package/dist/assets/Note.css +1 -1
- package/dist/assets/OverlayHero.css +1 -1
- package/dist/assets/PinnedImage.css +1 -1
- package/dist/assets/PromoGroup.css +1 -1
- package/dist/assets/Toolbar.css +1 -0
- package/dist/components/Banner/Banner.js +9 -9
- package/dist/components/Button/Button.js +23 -23
- package/dist/components/Container/Container.js +7 -6
- package/dist/components/Fifty/Fifty.js +19 -19
- package/dist/components/GenericOverlay/GenericOverlay.js +11 -11
- package/dist/components/IconDetail/IconDetail.js +7 -7
- package/dist/components/ImageTextBlock/ImageTextBlock.js +21 -21
- package/dist/components/List/List.js +12 -12
- package/dist/components/Note/Note.js +15 -14
- package/dist/components/OverlayHero/OverlayHero.js +7 -7
- package/dist/components/PinnedImage/PinnedImage.js +58 -46
- package/dist/components/PromoGroup/PromoGroup.js +24 -24
- package/dist/components/Toolbar/Toolbar.js +24 -0
- package/dist/index.js +34 -32
- package/package.json +1 -1
package/dist/assets/Banner.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._banner_1oydm_1{display:flex;align-items:center;justify-content:center;flex-direction:column}._header_1oydm_8{font-family:var(--font-secondary)}@media (min-width: 0){._header_1oydm_8{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_1oydm_8{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_1oydm_8{font-size:42px}}@media (min-width: 800px){._header_1oydm_8{font-size:30px}}._header_1oydm_8{margin-bottom:20px;text-align:center}@media (min-width: 0){._body_1oydm_40{font-size:22px;line-height:1.5}}@media (min-width: 800px){._body_1oydm_40{font-size:18px}}@media (min-width: 1200px){._body_1oydm_40{font-size:24px;line-height:1.6}}@media (min-width: 992px){._banner_1oydm_1{min-height:unset}._header_1oydm_8{margin-bottom:30px}}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_bh38i_1{cursor:pointer;padding:8px 10px;border:2px solid;outline:0px}@media (min-width: 0){._button_bh38i_1{font-size:22px;line-height:1.5}}@media (min-width: 800px){._button_bh38i_1{font-size:18px}}@media (min-width: 1200px){._button_bh38i_1{font-size:24px;line-height:1.6}}._button_bh38i_1{text-decoration:none;transition:all .2s ease-in-out}._button_bh38i_1[data-color=color-primary-dark]{border-color:var(--color-primary-dark);color:var(--color-primary-dark)}._button_bh38i_1[data-color=color-primary-medium]{border-color:var(--color-primary-medium);color:var(--color-primary-medium)}._button_bh38i_1[data-color=color-primary-light]{border-color:var(--color-primary-light);color:var(--color-primary-light)}._button_bh38i_1[data-color=color-secondary]{border-color:var(--color-secondary);color:var(--color-secondary)}._button_bh38i_1[data-color=color-neutral-dark]{border-color:var(--color-neutral-dark);color:var(--color-neutral-dark)}._button_bh38i_1[data-color=color-neutral-medium]{border-color:var(--color-neutral-medium);color:var(--color-neutral-medium)}._button_bh38i_1[data-color=color-neutral-light]{border-color:var(--color-neutral-light);color:var(--color-neutral-light)}._button_bh38i_1[data-color=color-white]{border-color:var(--color-white);color:var(--color-white)}._button_bh38i_1{line-height:.8;align-items:center}._button_bh38i_1._hollow_bh38i_64{background-color:transparent}._button_bh38i_1._filled_bh38i_67[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._button_bh38i_1._filled_bh38i_67[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._button_bh38i_1._filled_bh38i_67[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._button_bh38i_1._filled_bh38i_67[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._button_bh38i_1._filled_bh38i_67[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._button_bh38i_1._filled_bh38i_67[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._button_bh38i_1._filled_bh38i_67[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._button_bh38i_1._filled_bh38i_67[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._button_bh38i_1:hover{opacity:.8}._link_bh38i_103{text-decoration:none;font-weight:500;color:inherit;align-items:flex-start;border:none;background-color:transparent;display:flex}._link_bh38i_103 span{margin-left:10px}@media (min-width: 992px){._button_bh38i_1{padding:16px 48px;border-width:2px}._link_bh38i_103{font-size:24px}}@media (min-width: 1200px){._button_bh38i_1{padding:12px 50px}}@media (min-width: 1920px){._button_bh38i_1{padding:12px 50px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1yluv_1[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._container_1yluv_1[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._container_1yluv_1[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._container_1yluv_1[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._container_1yluv_1[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._container_1yluv_1[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._container_1yluv_1[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._container_1yluv_1[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}@media (min-width: 0){._innerContainer_1yluv_35{padding:40px 20px}}@media (min-width: 390px){._innerContainer_1yluv_35{padding:40px 30px}}@media (min-width: 625px){._innerContainer_1yluv_35{padding:50px 30px}}@media (min-width: 800px){._innerContainer_1yluv_35{padding:50px}}@media (min-width: 1200px){._innerContainer_1yluv_35{padding:100px}}@media (min-width: 1600px){._innerContainer_1yluv_35{padding:150px}}._innerContainer_1yluv_35{margin:0 auto}@media (min-width: 625px){._innerContainer_1yluv_35[data-max-width=sm]{max-width:550px}}@media (min-width: 800px){._innerContainer_1yluv_35[data-max-width=sm]{max-width:700px}}@media (min-width: 992px){._innerContainer_1yluv_35[data-max-width=sm]{max-width:800px}._innerContainer_1yluv_35[data-max-width=lg]{max-width:1200px}}@media (min-width: 1200px){._innerContainer_1yluv_35[data-max-width=sm]{max-width:1200px}}@media (min-width: 1600px){._innerContainer_1yluv_35[data-max-width=sm]{max-width:1200px}._innerContainer_1yluv_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_a6ljt_2{padding:40px 20px}}@media (min-width: 390px){._content_a6ljt_2{padding:40px 30px}}@media (min-width: 625px){._content_a6ljt_2{padding:50px 30px}}@media (min-width: 800px){._content_a6ljt_2{padding:50px}}@media (min-width: 1200px){._content_a6ljt_2{padding:100px}}@media (min-width: 1600px){._content_a6ljt_2{padding:150px}}._fifty_a6ljt_31{display:grid;grid-template-columns:1fr;width:100%}._fifty_a6ljt_31[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._fifty_a6ljt_31[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._fifty_a6ljt_31[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._fifty_a6ljt_31[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._fifty_a6ljt_31[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._fifty_a6ljt_31[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._fifty_a6ljt_31[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._fifty_a6ljt_31[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._fifty_a6ljt_31._reverse_a6ljt_69 ._content_a6ljt_2{align-items:flex-end}._fifty_a6ljt_31._reverse_a6ljt_69 ._image_a6ljt_72{justify-content:flex-start}._fifty_a6ljt_31:not(._reverse_a6ljt_69) ._content_a6ljt_2{align-items:flex-start}._fifty_a6ljt_31:not(._reverse_a6ljt_69) ._image_a6ljt_72{justify-content:flex-end}._content_a6ljt_2{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;order:1}@media (min-width: 0){._content_a6ljt_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._content_a6ljt_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._content_a6ljt_2 h2{font-size:42px}}@media (min-width: 800px){._content_a6ljt_2 h2{font-size:30px}}._content_a6ljt_2 h2{font-family:var(--font-secondary);margin-bottom:15px;line-height:1}@media (min-width: 0){._content_a6ljt_2 p{font-size:22px;line-height:1.5}}@media (min-width: 800px){._content_a6ljt_2 p{font-size:18px}}@media (min-width: 1200px){._content_a6ljt_2 p{font-size:24px;line-height:1.6}}._content_a6ljt_2 p{margin-bottom:20px}._image_a6ljt_72{display:flex}._image_a6ljt_72 img{width:100%;height:100%;object-fit:cover;object-position:top}._imageContainer_a6ljt_150{aspect-ratio:1;width:100%}._text_a6ljt_155{display:flex;flex-direction:column;align-items:flex-start}@media (min-width: 390px){._imageContainer_a6ljt_150{aspect-ratio:unset;height:500px}}@media (min-width: 625px) and (min-width: 0){._content_a6ljt_2{padding:40px 20px}}@media (min-width: 625px) and (min-width: 390px){._content_a6ljt_2{padding:40px 30px}}@media (min-width: 625px) and (min-width: 625px){._content_a6ljt_2{padding:50px 30px}}@media (min-width: 625px) and (min-width: 800px){._content_a6ljt_2{padding:50px}}@media (min-width: 625px) and (min-width: 1200px){._content_a6ljt_2{padding:100px}}@media (min-width: 625px) and (min-width: 1600px){._content_a6ljt_2{padding:150px}}@media (min-width: 625px){._content_a6ljt_2{padding-top:0}._content_a6ljt_2{padding-bottom:0}._content_a6ljt_2{padding-top:30px;padding-bottom:30px}._fifty_a6ljt_31{grid-template-columns:1fr 1fr;grid-template-rows:1fr}._fifty_a6ljt_31._reverse_a6ljt_69 ._content_a6ljt_2{order:-1}._imageContainer_a6ljt_150{height:unset}._text_a6ljt_155 h2,._text_a6ljt_155 p{margin-bottom:15px;line-height:1.3}._text_a6ljt_155 h2{line-height:1}}@media (min-width: 1200px){._fifty_a6ljt_31:not(._reverse_a6ljt_69) ._content_a6ljt_2{padding-left:60px}._fifty_a6ljt_31._reverse_a6ljt_69 ._content_a6ljt_2{padding-right:60px}._text_a6ljt_155 h2,._text_a6ljt_155 p{margin-bottom:40px}}@media (min-width: 1920px) and (min-width: 0){._fifty_a6ljt_31{padding:40px 20px}}@media (min-width: 1920px) and (min-width: 390px){._fifty_a6ljt_31{padding:40px 30px}}@media (min-width: 1920px) and (min-width: 625px){._fifty_a6ljt_31{padding:50px 30px}}@media (min-width: 1920px) and (min-width: 800px){._fifty_a6ljt_31{padding:50px}}@media (min-width: 1920px) and (min-width: 1200px){._fifty_a6ljt_31{padding:100px}}@media (min-width: 1920px) and (min-width: 1600px){._fifty_a6ljt_31{padding:150px}}@media (min-width: 1920px){._fifty_a6ljt_31:not(._reverse_a6ljt_69) ._content_a6ljt_2{padding:0 0 0 100px}._fifty_a6ljt_31._reverse_a6ljt_69 ._content_a6ljt_2{padding:0 100px 0 0}._text_a6ljt_155{max-width:750px}._text_a6ljt_155 h2{margin-bottom:30px}._text_a6ljt_155 p{margin-bottom:80px}._imageContainer_a6ljt_150{max-width:900px;aspect-ratio:1}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._overlay_m5v77_2{padding:40px 20px}}@media (min-width: 390px){._overlay_m5v77_2{padding:40px 30px}}@media (min-width: 625px){._overlay_m5v77_2{padding:50px 30px}}@media (min-width: 800px){._overlay_m5v77_2{padding:50px}}@media (min-width: 1200px){._overlay_m5v77_2{padding:100px}}@media (min-width: 1600px){._overlay_m5v77_2{padding:150px}}._overlay_m5v77_2{color:var(--color-neutral-dark);display:flex;flex-direction:column;justify-content:space-between;height:100%}@media (min-width: 0){._overlay_m5v77_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._overlay_m5v77_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._overlay_m5v77_2 h2{font-size:42px}}@media (min-width: 800px){._overlay_m5v77_2 h2{font-size:30px}}@media (min-width: 0){._overlay_m5v77_2 p{font-size:22px;line-height:1.5}}@media (min-width: 800px){._overlay_m5v77_2 p{font-size:18px}}@media (min-width: 1200px){._overlay_m5v77_2 p{font-size:24px;line-height:1.6}}._ctas_m5v77_79{display:flex}._ctas_m5v77_79>*:first-child{margin-right:10px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._detail_19ogx_1{display:flex;align-items:flex-start}._detail_19ogx_1:not(:last-child){margin-bottom:20px}._detail_19ogx_1 span:first-child{line-height:36px;margin-right:10px}@media (min-width: 0){._text_19ogx_14,._text_19ogx_14>*{font-size:22px;line-height:1.5}}@media (min-width: 800px){._text_19ogx_14,._text_19ogx_14>*{font-size:18px}}@media (min-width: 1200px){._text_19ogx_14,._text_19ogx_14>*{font-size:24px;line-height:1.6}}._text_19ogx_14,._text_19ogx_14>*{font-style:italic;text-align:left}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_qks7l_1{display:flex;flex-direction:column-reverse;margin:0 auto}@media (min-width: 0){._header_qks7l_8{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_qks7l_8{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_qks7l_8{font-size:42px}}@media (min-width: 800px){._header_qks7l_8{font-size:30px}}._header_qks7l_8{font-family:var(--font-secondary);margin-bottom:20px}._content_qks7l_35{display:flex;flex-direction:column;align-items:flex-start}._body_qks7l_41{display:flow-root;margin-bottom:30px}._body_qks7l_41 p{margin-bottom:20px}@media (min-width: 0){._body_qks7l_41 p{font-size:22px;line-height:1.5}}@media (min-width: 800px){._body_qks7l_41 p{font-size:18px}}@media (min-width: 1200px){._body_qks7l_41 p{font-size:24px;line-height:1.6}}._ctas_qks7l_66>*:first-child{margin-right:10px}._image_qks7l_70 img{object-fit:cover;width:100%;height:100%;display:block}._block_qks7l_77._reverse_qks7l_77 ._content_qks7l_35{order:1;margin-bottom:40px}._block_qks7l_77._reverse_qks7l_77 ._image_qks7l_70{margin-bottom:-40px}._block_qks7l_77:not(._reverse_qks7l_77) ._image_qks7l_70{margin-top:-40px}._block_qks7l_77:not(._reverse_qks7l_77) ._content_qks7l_35{margin-top:40px}._ctas_qks7l_66{display:flex}._image_qks7l_70{width:calc(100% + 40px);margin-left:-20px}@media (min-width: 390px){._image_qks7l_70{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 800px){._image_qks7l_70{margin-top:0;margin-bottom:0;width:100%;margin-left:0}}@media (min-width: 390px){._block_qks7l_77._reverse_qks7l_77 ._content_qks7l_35{margin-bottom:40px}._block_qks7l_77._reverse_qks7l_77 ._image_qks7l_70{margin-bottom:-40px}._block_qks7l_77:not(._reverse_qks7l_77) ._content_qks7l_35{margin-top:40px}._block_qks7l_77:not(._reverse_qks7l_77) ._image_qks7l_70{margin-top:-40px}}@media (min-width: 625px){._container_qks7l_1{display:grid;grid-template-columns:1fr 1fr;gap:20px}._content_qks7l_35{text-align:left;padding:5% 0;align-items:flex-start}._block_qks7l_77 ._content_qks7l_35,._block_qks7l_77 ._image_qks7l_70{margin:0!important}._image_qks7l_70{width:100%}}@media (min-width: 992px){._container_qks7l_1{gap:50px}._content_qks7l_35{padding-top:10%}._header_qks7l_8{font-size:40px}}@media (min-width: 1200px){._container_qks7l_1{grid-template-columns:5fr 3fr;min-height:700px;column-gap:100px}._reverse_qks7l_77 ._container_qks7l_1{grid-template-columns:3fr 5fr}._header_qks7l_8{font-size:52px}._image_qks7l_70{max-height:900px}}
|
package/dist/assets/List.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._item_6ce7l_1{display:flex;align-items:flex-start;margin-bottom:20px}._icon_6ce7l_7{width:25px;margin-right:15px;margin-top:4px}@media (min-width: 0){._header_6ce7l_14{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_6ce7l_14{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_6ce7l_14{font-size:42px}}@media (min-width: 800px){._header_6ce7l_14{font-size:30px}}._header_6ce7l_14{font-family:var(--font-secondary)}@media (min-width: 0){._emphasis_6ce7l_41{font-size:22px;line-height:1.5}}@media (min-width: 800px){._emphasis_6ce7l_41{font-size:18px}}@media (min-width: 1200px){._emphasis_6ce7l_41{font-size:24px;line-height:1.6}}._emphasis_6ce7l_41{font-weight:600}@media (min-width: 0){._body_6ce7l_62{font-size:22px;line-height:1.5}}@media (min-width: 800px){._body_6ce7l_62{font-size:18px}}@media (min-width: 1200px){._body_6ce7l_62{font-size:24px;line-height:1.6}}
|
package/dist/assets/Note.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._salutation_so0vx_2{font-size:22px;line-height:1.5}}@media (min-width: 800px){._salutation_so0vx_2{font-size:18px}}@media (min-width: 1200px){._salutation_so0vx_2{font-size:24px;line-height:1.6}}._salutation_so0vx_2{margin-bottom:35px}._salutation_so0vx_2 ._opener_so0vx_21{text-transform:uppercase;letter-spacing:3px}._salutation_so0vx_2 ._from_so0vx_25{font-family:var(--font-secondary);font-size:42px;display:block;margin-top:10px}._body_so0vx_32{margin-bottom:35px}@media (min-width: 0){._body_so0vx_32 p{font-size:22px;line-height:1.5}}@media (min-width: 800px){._body_so0vx_32 p{font-size:18px}}@media (min-width: 1200px){._body_so0vx_32 p{font-size:24px;line-height:1.6}}._body_so0vx_32 p{margin-bottom:20px}@media (min-width: 0){._close_so0vx_57{font-size:22px;line-height:1.5}}@media (min-width: 800px){._close_so0vx_57{font-size:18px}}@media (min-width: 1200px){._close_so0vx_57{font-size:24px;line-height:1.6}}._close_so0vx_57{margin-bottom:10px}._signature_so0vx_77{font-family:var(--font-secondary);font-size:48px}@media (min-width: 390px){._signature_so0vx_77{font-size:44px}}@media (min-width: 625px){._note_so0vx_88{padding:20px 0}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._hero_485qt_1{display:flex;align-items:center;justify-content:center;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;height:100svh}._overlay_485qt_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_485qt_12{background-color:rgb(from var(--color-primary-dark) r g b/.9)}}._overlay_485qt_12{color:var(--color-white);width:100%;height:100%;text-align:center;position:relative}._eyebrow_485qt_32{font-size:20px;text-transform:uppercase;letter-spacing:3px;font-weight:300}._title_485qt_39{display:flex;flex-direction:column}._title_485qt_39,._title_485qt_39>*{font-family:var(--font-secondary);font-size:70px;line-height:1.2;margin-top:0}._eyebrow_485qt_32,._title_485qt_39{margin-bottom:20px}._subtitle_485qt_57{font-size:20px;letter-spacing:3px}._subtitle_485qt_57>p{text-transform:uppercase}._subtitle_485qt_57>p,._subtitle_485qt_57 i{margin-bottom:10px;margin-top:0;font-weight:300}@media (min-width: 390px){._hero_485qt_1{padding:70px 30px}._eyebrow_485qt_32{font-size:24px}._title_485qt_39,._title_485qt_39>*{font-size:90px;line-height:1.2}._eyebrow_485qt_32,._title_485qt_39{margin-bottom:30px}}@media (min-width: 625px){._hero_485qt_1{padding:90px}._title_485qt_39,._title_485qt_39>*{font-size:120px;line-height:1.2}._subtitle_485qt_57,._eyebrow_485qt_32{font-size:20px}}@media (min-width: 800px){._hero_485qt_1{padding:50px}._title_485qt_39,._title_485qt_39>*{font-size:85px}._subtitle_485qt_57,._eyebrow_485qt_32{font-size:25px}}@media (min-width: 800px) and (orientation: landscape){._title_485qt_39{flex-direction:row}}@media (min-width: 992px){._hero_485qt_1{padding:100px 70px}._eyebrow_485qt_32,._title_485qt_39{margin-bottom:0}._title_485qt_39{word-spacing:unset;display:flex;flex-direction:row}}@media (min-width: 1200px){._hero_485qt_1{padding:6%}._title_485qt_39{font-size:140px}._eyebrow_485qt_32{font-size:20px}._subtitle_485qt_57{font-size:36px}}@media (min-width: 1600px){._overlay_485qt_12{max-height:unset}._title_485qt_39{font-size:180px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_yc80o_1{margin-top:-40px;margin-bottom:-40px}@media (min-width: 390px){._container_yc80o_1{margin-top:-40px;margin-bottom:-40px}}._container_yc80o_1{width:calc(100% + 40px);margin-left:-20px}@media (min-width: 390px){._container_yc80o_1{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 800px){._container_yc80o_1{margin-top:0;margin-bottom:0;width:100%;margin-left:0}}@media (min-width: 0){._container_yc80o_1{padding:40px 20px}}@media (min-width: 390px){._container_yc80o_1{padding:40px 30px}}@media (min-width: 625px){._container_yc80o_1{padding:50px 30px}}@media (min-width: 800px){._container_yc80o_1{padding:50px}}@media (min-width: 1200px){._container_yc80o_1{padding:100px}}@media (min-width: 1600px){._container_yc80o_1{padding:150px}}._container_yc80o_1{position:relative;height:100vh;background-size:cover;padding-top:10%}._content_yc80o_68{display:grid;max-width:550px;margin:0 auto;height:455px;position:absolute;position:relative;width:100%}._copy_yc80o_78{text-align:center;position:relative;width:100%;background-color:var(--color-white)}@media (min-width: 0){._copy_yc80o_78 h3{font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}}@media (min-width: 625px){._copy_yc80o_78 h3{font-size:26px}}@media (min-width: 800px){._copy_yc80o_78 h3{font-size:20px}}@media (min-width: 0){._copy_yc80o_78 ._text_yc80o_104{font-size:22px;line-height:1.5}}@media (min-width: 800px){._copy_yc80o_78 ._text_yc80o_104{font-size:18px}}@media (min-width: 1200px){._copy_yc80o_78 ._text_yc80o_104{font-size:24px;line-height:1.6}}._copy_yc80o_78 ._text_yc80o_104{margin-bottom:30px}._title_yc80o_124{font-family:var(--font-secondary)}@media (min-width: 0){._title_yc80o_124{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._title_yc80o_124{font-size:40px;line-height:1.2}}@media (min-width: 625px){._title_yc80o_124{font-size:42px}}@media (min-width: 800px){._title_yc80o_124{font-size:30px}}._title_yc80o_124{text-align:center;margin-bottom:20px}._background_yc80o_155{width:100%;height:100%;display:none}._background_yc80o_155 img{object-fit:cover;width:100%;height:100%;display:block}._section_yc80o_167{position:absolute;padding:20px}._stats_yc80o_172{margin:0 auto}@media (min-width: 390px){._section_yc80o_167{padding:30px}._content_yc80o_68{height:500px}}@media (min-width: 625px){._title_yc80o_124{margin-bottom:40px}._container_yc80o_1{padding-top:15%}._content_yc80o_68{height:450px}._section_yc80o_167{padding:50px}._details_yc80o_197{display:flex;justify-content:space-between}}@media (min-width: 800px){._container_yc80o_1{background-image:none!important;padding:0}._background_yc80o_155{display:block;width:80%;height:80vh}._title_yc80o_124{margin-bottom:10px}._content_yc80o_68{position:absolute;right:0;top:20%;width:60%;height:300px}._section_yc80o_167{padding:20px}._details_yc80o_197{justify-content:space-around}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
p,h1,h2,h3{margin:0}._group_8lfxa_1{display:grid;grid-template-columns:repeat(var(--promos),1fr);overflow-x:auto;gap:20px;padding:0 20px}._group_8lfxa_1{margin-top:-40px;margin-bottom:-40px}@media (min-width: 390px){._group_8lfxa_1{margin-top:-40px;margin-bottom:-40px}}._group_8lfxa_1{width:calc(100% + 40px);margin-left:-20px}@media (min-width: 390px){._group_8lfxa_1{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 800px){._group_8lfxa_1{margin-top:0;margin-bottom:0;width:100%;margin-left:0}}@media (min-width: 0){._header_8lfxa_40{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_8lfxa_40{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_8lfxa_40{font-size:42px}}@media (min-width: 800px){._header_8lfxa_40{font-size:30px}}._header_8lfxa_40{font-family:var(--font-secondary);margin-bottom:30px}._promo_8lfxa_67{grid-row:auto/span 3;padding:20px;display:grid;grid-template-rows:subgrid;min-width:75vw}._promo_8lfxa_67[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._promo_8lfxa_67[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._promo_8lfxa_67[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._promo_8lfxa_67[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-white)}._promo_8lfxa_67[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._promo_8lfxa_67[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._promo_8lfxa_67[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._promo_8lfxa_67[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._promo_8lfxa_67[data-text-align=center]{text-align:center;align-items:center}._image_8lfxa_111{width:100px;margin:0 auto}._promo__header_8lfxa_116{margin:0;line-height:2.25rem;text-transform:uppercase;letter-spacing:3px;font-size:28px}@media (min-width: 0){._cta_8lfxa_125{font-size:22px;line-height:1.5}}@media (min-width: 800px){._cta_8lfxa_125{font-size:18px}}@media (min-width: 1200px){._cta_8lfxa_125{font-size:24px;line-height:1.6}}@media (min-width: 0){._promo__body_8lfxa_143{font-size:22px;line-height:1.5}}@media (min-width: 800px){._promo__body_8lfxa_143{font-size:18px}}@media (min-width: 1200px){._promo__body_8lfxa_143{font-size:24px;line-height:1.6}}._stat_8lfxa_160{display:flex;align-items:center;margin-bottom:5px}._stat_8lfxa_160 span:first-child{margin-right:10px}@media (min-width: 0){._statText_8lfxa_170{font-size:22px;line-height:1.5}}@media (min-width: 800px){._statText_8lfxa_170{font-size:18px}}@media (min-width: 1200px){._statText_8lfxa_170{font-size:24px;line-height:1.6}}._statText_8lfxa_170{font-style:italic}@media (min-width: 625px){._group_8lfxa_1{grid-template-columns:repeat(min(var(--promos),3),1fr)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._toolbar_17thg_1{position:fixed;top:0;left:0;background-color:#000;width:100px;height:100px;z-index:100;color:#fff}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as n, jsxs as
|
|
3
|
-
import
|
|
2
|
+
import { jsx as n, jsxs as s } from "react/jsx-runtime";
|
|
3
|
+
import a from "../../animations/FadeInMotion.js";
|
|
4
4
|
import t from "../Button/Button.js";
|
|
5
|
-
import '../../assets/Banner.css';const
|
|
6
|
-
banner:
|
|
5
|
+
import '../../assets/Banner.css';const m = "_banner_1oydm_1", c = "_header_1oydm_8", i = "_body_1oydm_40", e = {
|
|
6
|
+
banner: m,
|
|
7
7
|
header: c,
|
|
8
8
|
body: i
|
|
9
|
-
},
|
|
10
|
-
|
|
11
|
-
/* @__PURE__ */ n("div", { className: e.body, children:
|
|
12
|
-
|
|
9
|
+
}, y = ({ header: o, body: d, cta: r }) => /* @__PURE__ */ n(a, { children: /* @__PURE__ */ s("div", { className: e.banner, children: [
|
|
10
|
+
o && /* @__PURE__ */ n("div", { className: e.header, children: o }),
|
|
11
|
+
/* @__PURE__ */ n("div", { className: e.body, children: d }),
|
|
12
|
+
r && /* @__PURE__ */ n(t, { ...r })
|
|
13
13
|
] }) });
|
|
14
14
|
export {
|
|
15
|
-
|
|
15
|
+
y as default
|
|
16
16
|
};
|
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import '../../assets/Button.css';const
|
|
4
|
-
button:
|
|
5
|
-
hollow:
|
|
6
|
-
filled:
|
|
7
|
-
link:
|
|
8
|
-
},
|
|
9
|
-
children:
|
|
2
|
+
import { jsxs as b, jsx as d } from "react/jsx-runtime";
|
|
3
|
+
import '../../assets/Button.css';const h = "_button_bh38i_1", u = "_hollow_bh38i_64", m = "_filled_bh38i_67", f = "_link_bh38i_103", l = {
|
|
4
|
+
button: h,
|
|
5
|
+
hollow: u,
|
|
6
|
+
filled: m,
|
|
7
|
+
link: f
|
|
8
|
+
}, w = ({
|
|
9
|
+
children: i,
|
|
10
10
|
fn: o,
|
|
11
11
|
href: t,
|
|
12
|
-
target:
|
|
13
|
-
hollow:
|
|
14
|
-
variation:
|
|
15
|
-
textDecoration:
|
|
16
|
-
label:
|
|
17
|
-
value:
|
|
12
|
+
target: a,
|
|
13
|
+
hollow: c = !1,
|
|
14
|
+
variation: s = "color-primary-dark",
|
|
15
|
+
textDecoration: r,
|
|
16
|
+
label: _,
|
|
17
|
+
value: n,
|
|
18
18
|
icon: e
|
|
19
|
-
}) => /* @__PURE__ */
|
|
20
|
-
t ||
|
|
19
|
+
}) => /* @__PURE__ */ b(
|
|
20
|
+
t || n ? "a" : "button",
|
|
21
21
|
{
|
|
22
|
-
href: t ||
|
|
22
|
+
href: t || n,
|
|
23
23
|
onClick: o || null,
|
|
24
|
-
target:
|
|
25
|
-
className: `${l.button} ${
|
|
26
|
-
style: { textDecoration:
|
|
27
|
-
"data-color":
|
|
24
|
+
target: a,
|
|
25
|
+
className: `${l.button} ${c ? l.hollow : l.filled} ${l[s]}`,
|
|
26
|
+
style: { textDecoration: r },
|
|
27
|
+
"data-color": s,
|
|
28
28
|
children: [
|
|
29
|
-
|
|
29
|
+
i || _,
|
|
30
30
|
e && /* @__PURE__ */ d("span", { className: "material-symbols-outlined", children: e })
|
|
31
31
|
]
|
|
32
32
|
}
|
|
33
33
|
);
|
|
34
34
|
export {
|
|
35
|
-
|
|
35
|
+
w as default
|
|
36
36
|
};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
3
|
+
import { c as o } from "../../index-BIlioXmW.js";
|
|
4
|
+
import '../../assets/Container.css';const s = "_container_1yluv_1", c = "_innerContainer_1yluv_35", n = {
|
|
5
|
+
container: s,
|
|
6
|
+
innerContainer: c
|
|
7
|
+
}, u = ({ color: e, children: t, maxWidth: r, excludePadding: i, fullHeight: l }) => /* @__PURE__ */ a("div", { className: n.container, "data-color": e, children: /* @__PURE__ */ a("div", { className: o(n.innerContainer, i && n.excludePadding), "data-max-width": r, children: t }) });
|
|
7
8
|
export {
|
|
8
|
-
|
|
9
|
+
u as default
|
|
9
10
|
};
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import
|
|
4
|
-
import { useFadeIn as
|
|
2
|
+
import { jsxs as a, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import _ from "../Button/Button.js";
|
|
4
|
+
import { useFadeIn as f } 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_a6ljt_2", j = "_fifty_a6ljt_31", v = "_reverse_a6ljt_69", h = "_image_a6ljt_72", x = "_imageContainer_a6ljt_150", y = "_text_a6ljt_155", t = {
|
|
7
7
|
content: g,
|
|
8
|
-
fifty:
|
|
9
|
-
reverse:
|
|
10
|
-
image:
|
|
11
|
-
imageContainer:
|
|
12
|
-
text:
|
|
13
|
-
},
|
|
14
|
-
const
|
|
15
|
-
return /* @__PURE__ */
|
|
8
|
+
fifty: j,
|
|
9
|
+
reverse: v,
|
|
10
|
+
image: h,
|
|
11
|
+
imageContainer: x,
|
|
12
|
+
text: y
|
|
13
|
+
}, F = ({ heading: i, body: n, cta: s, color: r, image: o, reverse: c, pos: l }) => {
|
|
14
|
+
const m = f();
|
|
15
|
+
return /* @__PURE__ */ a(
|
|
16
16
|
"div",
|
|
17
17
|
{
|
|
18
18
|
className: d(t.fifty, !!c && t.reverse),
|
|
19
|
-
"data-color":
|
|
19
|
+
"data-color": r,
|
|
20
20
|
children: [
|
|
21
|
-
/* @__PURE__ */ e("div", { className: t.content, ref:
|
|
22
|
-
/* @__PURE__ */ e("h2", { children:
|
|
23
|
-
/* @__PURE__ */ e("p", { children:
|
|
24
|
-
|
|
21
|
+
/* @__PURE__ */ e("div", { className: t.content, ref: m, children: /* @__PURE__ */ a("div", { className: t.text, children: [
|
|
22
|
+
/* @__PURE__ */ e("h2", { children: i }),
|
|
23
|
+
/* @__PURE__ */ e("p", { children: n }),
|
|
24
|
+
s && /* @__PURE__ */ e(_, { ...s })
|
|
25
25
|
] }) }),
|
|
26
|
-
/* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("div", { className: t.imageContainer, children: /* @__PURE__ */ e("img", { src:
|
|
26
|
+
/* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("div", { className: t.imageContainer, children: /* @__PURE__ */ e("img", { src: o, style: { objectPosition: l } }) }) })
|
|
27
27
|
]
|
|
28
28
|
}
|
|
29
29
|
);
|
|
30
30
|
};
|
|
31
31
|
export {
|
|
32
|
-
|
|
32
|
+
F as default
|
|
33
33
|
};
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as s, jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import n from "../../utils/parse.js";
|
|
4
4
|
import o from "../Button/Button.js";
|
|
5
|
-
import '../../assets/GenericOverlay.css';const i = "
|
|
5
|
+
import '../../assets/GenericOverlay.css';const i = "_overlay_m5v77_2", v = "_ctas_m5v77_79", r = {
|
|
6
6
|
overlay: i,
|
|
7
|
-
ctas:
|
|
8
|
-
},
|
|
9
|
-
/* @__PURE__ */
|
|
10
|
-
/* @__PURE__ */
|
|
11
|
-
/* @__PURE__ */
|
|
7
|
+
ctas: v
|
|
8
|
+
}, _ = ({ header: l, body: a, primaryCta: c, secondaryCta: t }) => /* @__PURE__ */ s("div", { className: r.overlay, children: [
|
|
9
|
+
/* @__PURE__ */ s("div", { className: r.content, children: [
|
|
10
|
+
/* @__PURE__ */ e("h2", { children: l }),
|
|
11
|
+
/* @__PURE__ */ e("div", { children: n(a) })
|
|
12
12
|
] }),
|
|
13
|
-
/* @__PURE__ */
|
|
14
|
-
|
|
15
|
-
t && /* @__PURE__ */
|
|
13
|
+
/* @__PURE__ */ s("div", { className: r.ctas, children: [
|
|
14
|
+
c && /* @__PURE__ */ e(o, { ...c }),
|
|
15
|
+
t && /* @__PURE__ */ e(o, { ...t })
|
|
16
16
|
] })
|
|
17
17
|
] });
|
|
18
18
|
export {
|
|
19
|
-
|
|
19
|
+
_ as default
|
|
20
20
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as l, jsx as s } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import { c as
|
|
5
|
-
import '../../assets/IconDetail.css';const c = "
|
|
3
|
+
import o from "../../utils/parse.js";
|
|
4
|
+
import { c as i } from "../../index-BIlioXmW.js";
|
|
5
|
+
import '../../assets/IconDetail.css';const c = "_detail_19ogx_1", r = "_text_19ogx_14", t = {
|
|
6
6
|
detail: c,
|
|
7
7
|
text: r
|
|
8
|
-
},
|
|
9
|
-
/* @__PURE__ */ s("span", { className:
|
|
10
|
-
/* @__PURE__ */ s("span", { className: t.text, children:
|
|
8
|
+
}, x = ({ icon: e, text: a }) => /* @__PURE__ */ l("div", { className: t.detail, children: [
|
|
9
|
+
/* @__PURE__ */ s("span", { className: i(t.icon, "material-symbols-outlined"), children: e }),
|
|
10
|
+
/* @__PURE__ */ s("span", { className: t.text, children: o(a) })
|
|
11
11
|
] });
|
|
12
12
|
export {
|
|
13
|
-
|
|
13
|
+
x as default
|
|
14
14
|
};
|
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as s, jsxs as c } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import { c as
|
|
5
|
-
import { useFadeIn as
|
|
6
|
-
import
|
|
7
|
-
import '../../assets/ImageTextBlock.css';const h = "
|
|
3
|
+
import n from "../Button/Button.js";
|
|
4
|
+
import { c as d } from "../../index-BIlioXmW.js";
|
|
5
|
+
import { useFadeIn as m } from "../../hooks/useFadeIn.js";
|
|
6
|
+
import k from "../../utils/parse.js";
|
|
7
|
+
import '../../assets/ImageTextBlock.css';const h = "_container_qks7l_1", v = "_header_qks7l_8", f = "_content_qks7l_35", b = "_body_qks7l_41", q = "_ctas_qks7l_66", N = "_image_qks7l_70", g = "_block_qks7l_77", p = "_reverse_qks7l_77", e = {
|
|
8
8
|
container: h,
|
|
9
9
|
header: v,
|
|
10
10
|
content: f,
|
|
11
11
|
body: b,
|
|
12
|
-
ctas:
|
|
12
|
+
ctas: q,
|
|
13
13
|
image: N,
|
|
14
14
|
block: g,
|
|
15
|
-
reverse:
|
|
15
|
+
reverse: p
|
|
16
16
|
}, I = ({
|
|
17
|
-
image:
|
|
18
|
-
header:
|
|
19
|
-
body:
|
|
20
|
-
primaryCta:
|
|
21
|
-
secondaryCta:
|
|
22
|
-
reverse:
|
|
17
|
+
image: r,
|
|
18
|
+
header: a,
|
|
19
|
+
body: l,
|
|
20
|
+
primaryCta: o,
|
|
21
|
+
secondaryCta: t,
|
|
22
|
+
reverse: i
|
|
23
23
|
}) => {
|
|
24
|
-
const
|
|
25
|
-
return /* @__PURE__ */ s("div", { className:
|
|
26
|
-
/* @__PURE__ */ c("div", { className: e.content, ref:
|
|
27
|
-
/* @__PURE__ */ s("h2", { className: e.header, children:
|
|
28
|
-
/* @__PURE__ */ s("div", { className: e.body, children:
|
|
24
|
+
const _ = m();
|
|
25
|
+
return /* @__PURE__ */ s("div", { className: d(e.block, i && e.reverse), children: /* @__PURE__ */ c("div", { className: e.container, children: [
|
|
26
|
+
/* @__PURE__ */ c("div", { className: e.content, ref: _, children: [
|
|
27
|
+
/* @__PURE__ */ s("h2", { className: e.header, children: a }),
|
|
28
|
+
/* @__PURE__ */ s("div", { className: e.body, children: k(l) }),
|
|
29
29
|
/* @__PURE__ */ c("div", { className: e.ctas, children: [
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
o && /* @__PURE__ */ s(n, { ...o }),
|
|
31
|
+
t && /* @__PURE__ */ s(n, { ...t })
|
|
32
32
|
] })
|
|
33
33
|
] }),
|
|
34
|
-
/* @__PURE__ */ s("div", { className: e.image, children: /* @__PURE__ */ s("img", { src:
|
|
34
|
+
/* @__PURE__ */ s("div", { className: e.image, children: /* @__PURE__ */ s("img", { src: r }) })
|
|
35
35
|
] }) });
|
|
36
36
|
};
|
|
37
37
|
export {
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import
|
|
4
|
-
import '../../assets/List.css';const
|
|
5
|
-
item:
|
|
6
|
-
emphasis:
|
|
2
|
+
import { jsxs as c, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import l from "../Icon/Icon.js";
|
|
4
|
+
import '../../assets/List.css';const n = "_item_6ce7l_1", r = "_emphasis_6ce7l_41", d = "_body_6ce7l_62", s = {
|
|
5
|
+
item: n,
|
|
6
|
+
emphasis: r,
|
|
7
7
|
body: d
|
|
8
|
-
}, _ = ({ icon:
|
|
8
|
+
}, _ = ({ icon: t, items: a, header: m }) => (new URL((/* @__PURE__ */ Object.assign({}))[`./assets/icons/${t}.svg`], import.meta.url).href, /* @__PURE__ */ c("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
|
+
a.map((i, o) => /* @__PURE__ */ c("div", { className: s.item, children: [
|
|
11
|
+
/* @__PURE__ */ e(l, { type: "checkmark" }),
|
|
12
|
+
/* @__PURE__ */ c("div", { className: s.content, children: [
|
|
13
|
+
/* @__PURE__ */ e("p", { className: s.emphasis, children: i.header }),
|
|
14
|
+
/* @__PURE__ */ e("p", { className: s.body, children: i.body })
|
|
15
15
|
] })
|
|
16
|
-
] }, `item-${
|
|
16
|
+
] }, `item-${o}`))
|
|
17
17
|
] }));
|
|
18
18
|
export {
|
|
19
19
|
_ as default
|
|
@@ -1,26 +1,27 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
2
|
+
import { jsx as s, jsxs as e } from "react/jsx-runtime";
|
|
3
|
+
import l from "../../utils/parse.js";
|
|
4
4
|
import i from "../../animations/FadeInMotion.js";
|
|
5
|
-
import '../../assets/Note.css';const
|
|
6
|
-
salutation:
|
|
7
|
-
opener:
|
|
5
|
+
import '../../assets/Note.css';const _ = "_salutation_so0vx_2", m = "_opener_so0vx_21", d = "_from_so0vx_25", p = "_body_so0vx_32", u = "_close_so0vx_57", x = "_signature_so0vx_77", v = "_note_so0vx_88", o = {
|
|
6
|
+
salutation: _,
|
|
7
|
+
opener: m,
|
|
8
8
|
from: d,
|
|
9
9
|
body: p,
|
|
10
10
|
close: u,
|
|
11
|
-
signature:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
signature: x,
|
|
12
|
+
note: v
|
|
13
|
+
}, y = ({ salutation: n, from: t, body: a, signature: r, close: c }) => /* @__PURE__ */ s(i, { children: /* @__PURE__ */ e("div", { className: o.note, children: [
|
|
14
|
+
/* @__PURE__ */ e("p", { className: o.salutation, children: [
|
|
15
|
+
/* @__PURE__ */ e("span", { className: o.opener, children: [
|
|
15
16
|
n,
|
|
16
17
|
" "
|
|
17
18
|
] }),
|
|
18
|
-
/* @__PURE__ */
|
|
19
|
+
/* @__PURE__ */ s("span", { className: o.from, children: t })
|
|
19
20
|
] }),
|
|
20
|
-
/* @__PURE__ */
|
|
21
|
-
/* @__PURE__ */
|
|
22
|
-
/* @__PURE__ */
|
|
21
|
+
/* @__PURE__ */ s("div", { className: o.body, children: l(a) }),
|
|
22
|
+
/* @__PURE__ */ s("p", { className: o.close, children: c }),
|
|
23
|
+
/* @__PURE__ */ s("p", { className: o.signature, children: r })
|
|
23
24
|
] }) });
|
|
24
25
|
export {
|
|
25
|
-
|
|
26
|
+
y as default
|
|
26
27
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as t, jsxs as c } from "react/jsx-runtime";
|
|
3
3
|
import r from "../../utils/parse.js";
|
|
4
|
-
import '../../assets/OverlayHero.css';const n = "
|
|
4
|
+
import '../../assets/OverlayHero.css';const n = "_hero_485qt_1", _ = "_overlay_485qt_12", d = "_eyebrow_485qt_32", y = "_title_485qt_39", b = "_subtitle_485qt_57", e = {
|
|
5
5
|
hero: n,
|
|
6
|
-
overlay:
|
|
7
|
-
eyebrow:
|
|
8
|
-
title:
|
|
9
|
-
subtitle:
|
|
10
|
-
},
|
|
6
|
+
overlay: _,
|
|
7
|
+
eyebrow: d,
|
|
8
|
+
title: y,
|
|
9
|
+
subtitle: b
|
|
10
|
+
}, v = ({ text: h, image: s, pos: o, eyebrow: l, title: a, subtitle: i }) => /* @__PURE__ */ t(
|
|
11
11
|
"div",
|
|
12
12
|
{
|
|
13
13
|
className: e.hero,
|
|
@@ -20,5 +20,5 @@ import '../../assets/OverlayHero.css';const n = "_hero_7bxtm_1", b = "_overlay_7
|
|
|
20
20
|
}
|
|
21
21
|
);
|
|
22
22
|
export {
|
|
23
|
-
|
|
23
|
+
v as default
|
|
24
24
|
};
|
|
@@ -1,63 +1,75 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { useRef as
|
|
4
|
-
import
|
|
5
|
-
import { g as
|
|
6
|
-
import '../../assets/PinnedImage.css';const
|
|
7
|
-
container:
|
|
8
|
-
content:
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
import { jsxs as m, jsx as t } from "react/jsx-runtime";
|
|
3
|
+
import { useRef as a, useEffect as g, createElement as y } from "react";
|
|
4
|
+
import h from "../IconDetail/IconDetail.js";
|
|
5
|
+
import { g as l, S as f } from "../../ScrollTrigger-DDbij8gI.js";
|
|
6
|
+
import '../../assets/PinnedImage.css';const x = "_container_yc80o_1", N = "_content_yc80o_68", v = "_copy_yc80o_78", b = "_text_yc80o_104", k = "_title_yc80o_124", S = "_background_yc80o_155", E = "_section_yc80o_167", I = "_details_yc80o_197", e = {
|
|
7
|
+
container: x,
|
|
8
|
+
content: N,
|
|
9
|
+
copy: v,
|
|
10
|
+
text: b,
|
|
11
|
+
title: k,
|
|
12
|
+
background: S,
|
|
13
|
+
section: E,
|
|
14
|
+
details: I
|
|
14
15
|
};
|
|
15
|
-
|
|
16
|
-
const
|
|
17
|
-
const s =
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
16
|
+
l.registerPlugin(f);
|
|
17
|
+
const $ = ({ image: d, title: u, sections: p }) => {
|
|
18
|
+
const s = a(null);
|
|
19
|
+
a(null);
|
|
20
|
+
const i = a([]);
|
|
21
|
+
return g(() => {
|
|
22
|
+
const c = l.context(() => {
|
|
23
|
+
const n = i.current, o = l.timeline({
|
|
21
24
|
scrollTrigger: {
|
|
22
25
|
trigger: s.current,
|
|
23
|
-
start: "top top
|
|
24
|
-
end: `+=${
|
|
26
|
+
start: "top top",
|
|
27
|
+
end: `+=${i.current.length * 100}%`,
|
|
25
28
|
// controls scroll length
|
|
26
29
|
pin: !0,
|
|
27
30
|
scrub: !0,
|
|
28
|
-
anticipatePin: 1
|
|
29
|
-
markers: !0
|
|
31
|
+
anticipatePin: 1
|
|
30
32
|
}
|
|
31
33
|
});
|
|
32
|
-
n.forEach((r,
|
|
33
|
-
|
|
34
|
+
n.forEach((r, _) => {
|
|
35
|
+
o.fromTo(
|
|
34
36
|
r,
|
|
35
|
-
{ opacity:
|
|
37
|
+
{ opacity: _ === 0 ? 1 : 0 },
|
|
38
|
+
{ opacity: 1, duration: 0.5 }
|
|
39
|
+
).to(
|
|
40
|
+
r,
|
|
41
|
+
{ opacity: _ === n.length - 1 ? 1 : 0, duration: 0.5 },
|
|
36
42
|
"+=0.75"
|
|
37
43
|
);
|
|
38
44
|
});
|
|
39
45
|
}, s);
|
|
40
|
-
return () =>
|
|
41
|
-
}, []), /* @__PURE__ */
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
46
|
+
return () => c.revert();
|
|
47
|
+
}, []), /* @__PURE__ */ m(
|
|
48
|
+
"div",
|
|
49
|
+
{
|
|
50
|
+
className: e.container,
|
|
51
|
+
ref: s,
|
|
52
|
+
style: { backgroundImage: `url(${d})` },
|
|
53
|
+
children: [
|
|
54
|
+
/* @__PURE__ */ t("h2", { className: e.title, children: u }),
|
|
55
|
+
/* @__PURE__ */ t("div", { className: e.background, children: /* @__PURE__ */ t("img", { src: d }) }),
|
|
56
|
+
/* @__PURE__ */ t("div", { className: e.content, children: /* @__PURE__ */ t("div", { className: e.copy, children: p.map((c, n) => /* @__PURE__ */ m(
|
|
57
|
+
"div",
|
|
58
|
+
{
|
|
59
|
+
className: e.section,
|
|
60
|
+
ref: (o) => i.current[n] = o,
|
|
61
|
+
children: [
|
|
62
|
+
/* @__PURE__ */ t("h3", { children: c.header }),
|
|
63
|
+
/* @__PURE__ */ t("p", { className: e.text, children: c.description }),
|
|
64
|
+
/* @__PURE__ */ t("div", { className: e.details, children: c.details && c.details.map((o, r) => /* @__PURE__ */ y(h, { ...o, key: r })) })
|
|
65
|
+
]
|
|
66
|
+
},
|
|
67
|
+
n
|
|
68
|
+
)) }) })
|
|
69
|
+
]
|
|
70
|
+
}
|
|
71
|
+
);
|
|
60
72
|
};
|
|
61
73
|
export {
|
|
62
|
-
|
|
74
|
+
$ as default
|
|
63
75
|
};
|
|
@@ -1,44 +1,44 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as s, Fragment as i, jsx as
|
|
2
|
+
import { jsxs as s, Fragment as i, jsx as t } from "react/jsx-runtime";
|
|
3
3
|
import "react";
|
|
4
4
|
import "../../index-BlCqcUwj.js";
|
|
5
|
-
import
|
|
5
|
+
import m from "../Button/Button.js";
|
|
6
6
|
import "../../index-BIlioXmW.js";
|
|
7
7
|
import "../../hooks/useFadeIn.js";
|
|
8
8
|
import "../../index-DyQs5aC7.js";
|
|
9
9
|
import "../PinnedImage/PinnedImage.js";
|
|
10
|
-
import '../../assets/PromoGroup.css';const d = "
|
|
10
|
+
import '../../assets/PromoGroup.css';const d = "_group_8lfxa_1", n = "_header_8lfxa_40", h = "_promo_8lfxa_67", p = "_image_8lfxa_111", x = "_promo__header_8lfxa_116", g = "_cta_8lfxa_125", f = "_promo__body_8lfxa_143", N = "_stat_8lfxa_160", u = "_statText_8lfxa_170", e = {
|
|
11
11
|
group: d,
|
|
12
12
|
header: n,
|
|
13
13
|
promo: h,
|
|
14
14
|
image: p,
|
|
15
|
-
promo__header:
|
|
16
|
-
cta:
|
|
17
|
-
promo__body:
|
|
18
|
-
stat:
|
|
19
|
-
statText:
|
|
20
|
-
}, F = ({ header:
|
|
21
|
-
/* @__PURE__ */
|
|
22
|
-
/* @__PURE__ */
|
|
15
|
+
promo__header: x,
|
|
16
|
+
cta: g,
|
|
17
|
+
promo__body: f,
|
|
18
|
+
stat: N,
|
|
19
|
+
statText: u
|
|
20
|
+
}, F = ({ header: c, promos: l }) => /* @__PURE__ */ s(i, { children: [
|
|
21
|
+
/* @__PURE__ */ t("h2", { className: e.header, children: c }),
|
|
22
|
+
/* @__PURE__ */ t("div", { className: e.group, style: { "--promos": l.length }, children: l.map((a, o) => /* @__PURE__ */ s(
|
|
23
23
|
"div",
|
|
24
24
|
{
|
|
25
|
-
delay: 0.1 *
|
|
26
|
-
className:
|
|
27
|
-
"data-color":
|
|
28
|
-
"data-text-align":
|
|
25
|
+
delay: 0.1 * o,
|
|
26
|
+
className: e.promo,
|
|
27
|
+
"data-color": a.color,
|
|
28
|
+
"data-text-align": a.textAlign,
|
|
29
29
|
children: [
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
/* @__PURE__ */
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
/* @__PURE__ */
|
|
37
|
-
/* @__PURE__ */
|
|
30
|
+
a.icon && /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: a.icon }),
|
|
31
|
+
a.image && /* @__PURE__ */ t("img", { className: e.image, src: a.image }),
|
|
32
|
+
a.header && /* @__PURE__ */ t("h3", { className: e.promo__header, children: a.header }),
|
|
33
|
+
/* @__PURE__ */ t("p", { className: e.promo__body, children: a.body }),
|
|
34
|
+
a.cta && /* @__PURE__ */ t("div", { className: e.cta, children: /* @__PURE__ */ t(m, { ...a.cta }) }),
|
|
35
|
+
a.stats && /* @__PURE__ */ t("div", { className: e.stats, children: a.stats.map((r, _) => /* @__PURE__ */ s("div", { className: e.stat, children: [
|
|
36
|
+
/* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: r.icon }),
|
|
37
|
+
/* @__PURE__ */ t("span", { className: e.statText, children: r.text })
|
|
38
38
|
] }, `stat-${_}`)) })
|
|
39
39
|
]
|
|
40
40
|
},
|
|
41
|
-
`promo-${
|
|
41
|
+
`promo-${o}`
|
|
42
42
|
)) })
|
|
43
43
|
] });
|
|
44
44
|
export {
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as o, jsx as i, Fragment as a } from "react/jsx-runtime";
|
|
3
|
+
import d from "../../hooks/useResize.js";
|
|
4
|
+
import { useState as l, useEffect as c } from "react";
|
|
5
|
+
import '../../assets/Toolbar.css';const h = "_toolbar_17thg_1", m = {
|
|
6
|
+
toolbar: h
|
|
7
|
+
}, g = () => {
|
|
8
|
+
const [e, n] = l(!0), r = d(), s = (t) => {
|
|
9
|
+
console.log(t.code), t.code === "KeyI" && (t.preventDefault(), t.stopPropagation(), n(!e));
|
|
10
|
+
};
|
|
11
|
+
return c(() => (window.addEventListener("keyup", s), () => window.removeEventListener("keyup", s)), [e]), e ? /* @__PURE__ */ o("div", { className: m.toolbar, children: [
|
|
12
|
+
/* @__PURE__ */ o("div", { children: [
|
|
13
|
+
"Width: ",
|
|
14
|
+
r.innerWidth
|
|
15
|
+
] }),
|
|
16
|
+
/* @__PURE__ */ o("div", { children: [
|
|
17
|
+
"Height: ",
|
|
18
|
+
r.innerHeight
|
|
19
|
+
] })
|
|
20
|
+
] }) : /* @__PURE__ */ i(a, {});
|
|
21
|
+
};
|
|
22
|
+
export {
|
|
23
|
+
g as default
|
|
24
|
+
};
|
package/dist/index.js
CHANGED
|
@@ -1,38 +1,40 @@
|
|
|
1
|
-
import { default as r } from "./components/
|
|
2
|
-
import { default as t } from "./components/
|
|
3
|
-
import { default as
|
|
4
|
-
import { default as
|
|
5
|
-
import { default as p } from "./components/
|
|
6
|
-
import { default as x } from "./components/
|
|
7
|
-
import { default as B } from "./components/
|
|
8
|
-
import { default as c } from "./components/
|
|
9
|
-
import { default as v } from "./components/
|
|
10
|
-
import { default as k } from "./components/
|
|
11
|
-
import { default as O } from "./components/
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
16
|
-
import { default as
|
|
1
|
+
import { default as r } from "./components/PromoGroup/PromoGroup.js";
|
|
2
|
+
import { default as t } from "./components/Background/Background.js";
|
|
3
|
+
import { default as l } from "./components/Banner/Banner.js";
|
|
4
|
+
import { default as d } from "./components/BorderedBackground/BorderedBackground.js";
|
|
5
|
+
import { default as p } from "./components/Button/Button.js";
|
|
6
|
+
import { default as x } from "./components/Container/Container.js";
|
|
7
|
+
import { default as B } from "./components/Fifty/Fifty.js";
|
|
8
|
+
import { default as c } from "./components/Footer/Footer.js";
|
|
9
|
+
import { default as v } from "./components/ImageTextBlock/ImageTextBlock.js";
|
|
10
|
+
import { default as k } from "./components/List/List.js";
|
|
11
|
+
import { default as O } from "./components/OverlayHero/OverlayHero.js";
|
|
12
|
+
import { default as F } from "./components/Note/Note.js";
|
|
13
|
+
import { default as N } from "./components/MenuButton/MenuButton.js";
|
|
14
|
+
import { default as T } from "./components/Navbar/Navbar.js";
|
|
15
|
+
import { default as D } from "./components/PinnedImage/PinnedImage.js";
|
|
16
|
+
import { default as L } from "./components/IconDetail/IconDetail.js";
|
|
17
17
|
import { default as h } from "./components/Overlay/Overlay.js";
|
|
18
18
|
import { default as q } from "./components/GenericOverlay/GenericOverlay.js";
|
|
19
|
+
import { default as z } from "./components/Toolbar/Toolbar.js";
|
|
19
20
|
export {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
21
|
+
t as Background,
|
|
22
|
+
l as Banner,
|
|
23
|
+
d as BorderedBackground,
|
|
24
|
+
p as Button,
|
|
25
|
+
x as Container,
|
|
26
|
+
B as Fifty,
|
|
27
|
+
c as Footer,
|
|
27
28
|
q as GenericOverlay,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
L as IconDetail,
|
|
30
|
+
v as ImageTextBlock,
|
|
31
|
+
k as List,
|
|
32
|
+
N as MenuButton,
|
|
33
|
+
T as Navbar,
|
|
34
|
+
F as Note,
|
|
34
35
|
h as Overlay,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
O as OverlayHero,
|
|
37
|
+
D as PinnedImage,
|
|
38
|
+
r as PromoGroup,
|
|
39
|
+
z as Toolbar
|
|
38
40
|
};
|