@courtneyring/components-library 1.0.24 → 1.0.25
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/Container.css +1 -1
- package/dist/assets/GenericOverlay.css +1 -1
- package/dist/assets/Overlay.css +1 -1
- package/dist/assets/PromoGroup.css +1 -1
- package/dist/assets/index.css +1 -0
- package/dist/components/Container/Container.js +27 -15
- package/dist/components/GenericOverlay/GenericOverlay.js +16 -16
- package/dist/components/Overlay/Overlay.js +19 -19
- package/dist/index.js +59 -44
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_xosaf_1[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._container_xosaf_1[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._container_xosaf_1[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._container_xosaf_1[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._container_xosaf_1[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._container_xosaf_1[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._container_xosaf_1[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._container_xosaf_1[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._container_xosaf_1{background-size:cover}._container_xosaf_1[data-full-height=true] ._innerContainer_xosaf_36{height:100svh;overflow:hidden}._container_xosaf_1[data-center=true] ._innerContainer_xosaf_36{display:flex;align-items:center;justify-content:center}@media (min-width: 0){._innerContainer_xosaf_36{padding:40px 20px}}@media (min-width: 390px){._innerContainer_xosaf_36{padding:40px 30px}}@media (min-width: 625px){._innerContainer_xosaf_36{padding:50px 30px}}@media (min-width: 800px) and (orientation: landscape){._innerContainer_xosaf_36{padding:50px}}@media (min-width: 800px) and (orientation: portrait){._innerContainer_xosaf_36{padding:30px}}@media (min-width: 992px){._innerContainer_xosaf_36{padding:50px}}@media (min-width: 1200px){._innerContainer_xosaf_36{padding:50px 100px}}@media (min-width: 1600px){._innerContainer_xosaf_36{padding:150px}}._innerContainer_xosaf_36{margin:0 auto;position:relative}@media (min-width: 625px){._innerContainer_xosaf_36[data-max-width=sm]{max-width:550px}}@media (min-width: 800px) and (orientation: landscape){._innerContainer_xosaf_36[data-max-width=sm]{max-width:700px}}@media (min-width: 800px) and (orientation: portrait){._innerContainer_xosaf_36[data-max-width=sm]{max-width:800px}}@media (min-width: 992px){._innerContainer_xosaf_36[data-max-width=sm]{max-width:800px}._innerContainer_xosaf_36[data-max-width=lg]{max-width:1200px}}@media (min-width: 1200px){._innerContainer_xosaf_36[data-max-width=sm]{max-width:1200px}}@media (min-width: 1600px){._innerContainer_xosaf_36[data-max-width=sm]{max-width:1200px}._innerContainer_xosaf_36[data-max-width=lg]{max-width:1600px}}._styleless_xosaf_127 ._innerContainer_xosaf_36{max-width:unset!important;padding:0!important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._overlay_5xrtv_2{padding:40px 20px}}@media (min-width: 390px){._overlay_5xrtv_2{padding:40px 30px}}@media (min-width: 625px){._overlay_5xrtv_2{padding:50px 30px}}@media (min-width: 800px) and (orientation: landscape){._overlay_5xrtv_2{padding:50px}}@media (min-width: 800px) and (orientation: portrait){._overlay_5xrtv_2{padding:30px}}@media (min-width: 992px){._overlay_5xrtv_2{padding:50px}}@media (min-width: 1200px){._overlay_5xrtv_2{padding:50px 100px}}@media (min-width: 1600px){._overlay_5xrtv_2{padding:150px}}._overlay_5xrtv_2{color:var(--color-neutral-dark);display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}._overlay_5xrtv_2 h2,._overlay_5xrtv_2 p:not(:last-child){margin-bottom:15px}._overlay_5xrtv_2 ._content_5xrtv_53{margin-bottom:45px}@media (min-width: 0){._overlay_5xrtv_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._overlay_5xrtv_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._overlay_5xrtv_2 h2{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._overlay_5xrtv_2 h2{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._overlay_5xrtv_2 h2{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._overlay_5xrtv_2 h2{font-size:40px}}@media (min-width: 1200px){._overlay_5xrtv_2 h2{font-size:55px}}._overlay_5xrtv_2 h2{text-align:center}@media (min-width: 0){._overlay_5xrtv_2 p{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._overlay_5xrtv_2 p{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._overlay_5xrtv_2 p{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._overlay_5xrtv_2 p{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._overlay_5xrtv_2 p{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._overlay_5xrtv_2 p{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._overlay_5xrtv_2 p{line-height:1.7}}._ctas_5xrtv_137{display:flex;justify-content:center}._ctas_5xrtv_137>*:first-child{margin-right:10px}@media (min-width: 625px){._overlay_5xrtv_2{padding:100px}._overlay_5xrtv_2 ._content_5xrtv_53{margin-bottom:45px}}@media (min-width: 800px){._overlay_5xrtv_2{padding:50px}}@media (min-width: 992px){._overlay_5xrtv_2{min-width:500px}._overlay_5xrtv_2 h2,._overlay_5xrtv_2 p:not(:last-child){margin-bottom:30px}}@media (min-width: 992px) and (orientation: landscape){._overlay_5xrtv_2{min-width:750px;padding:30px}}@media (min-width: 1200px){._overlay_5xrtv_2{min-width:750px}}@media (min-width: 1600px){._overlay_5xrtv_2{max-width:0;padding:50px}}
|
package/dist/assets/Overlay.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes
|
|
1
|
+
@keyframes _fadeIn_m36se_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_m36se_57{0%{opacity:100%}to{opacity:0%}}._overlay_m36se_17{display:flex;justify-content:center;align-items:center;width:100%;height:100%}._innerContainer_m36se_25{width:auto;max-width:90vw;max-height:80vh;overflow-y:auto;padding:20px;display:flex;flex-direction:column;align-items:center;background:var(--color-white);border-radius:5px;box-shadow:0 0 30px #0000004d}._content_m36se_39{width:100%}._hideNav_m36se_43 ._overlay__dialog_m36se_43{z-index:30}._overlay__background_m36se_47{animation:.5s ease-out 0s 1 _fadeIn_m36se_1 forwards;width:100%;height:100%;background:#000c;position:fixed;top:0;left:0;z-index:15}._overlay__background_m36se_47._fadeOut_m36se_57{animation:.5s ease-in-out 0s 1 _fadeOut_m36se_57 forwards}._overlay__dialog_m36se_43{position:fixed;opacity:1;width:100%;height:100%;top:0;left:0;z-index:29;animation:.5s ease-out 0s 1 _fadeIn_m36se_1 forwards;background:var(--color-white)}._overlay__dialog_m36se_43._fadeOut_m36se_57{animation:.5s ease-in-out 0s 1 _fadeOut_m36se_57 forwards}._overlay__dialog_m36se_43 span{font-size:35px;font-weight:600}._overlay__close_m36se_80{position:absolute;top:30px;right:30px;cursor:pointer;width:25px;font-size:25px;z-index:2}._overlay__close_m36se_80 img{width:100%}@media (min-width: 800px){._overlay__dialog_m36se_43{width:unset;height:unset;max-height:90%;border-radius:5px;left:50%;top:50%;transform:translate(-50%,-50%)}._overlay__dialog_m36se_43._fullscreen_m36se_103{width:calc(100% - 50px);height:calc(100% - 50px)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
html,body{overscroll-behavior:none;height:100%}p,h1,h2,h3{margin:0}@media (min-width: 0){strong{font-weight:800;font-size:24px}}@media (min-width: 800px) and (orientation: portrait){strong{font-size:30px}}@media (min-width: 800px) and (orientation: landscape){strong{font-size:20px}}@media (min-width: 992px){strong{font-size:28px}}@media (min-width: 0){small{font-size:18px}}@media (min-width: 800px) and (orientation: landscape){small{font-size:18px}}@media (min-width: 800px) and (orientation: portrait){small{font-size:22px}}@media (min-width: 992px) and (orientation: landscape){small{font-size:20px;line-height:1}}@media (min-width: 992px) and (orientation: portrait){small{font-size:22px;line-height:1}}small{font-style:italic}@media (min-width: 0){._group_qbcz0_2{width:calc(100% + 40px);margin-left:-20px}}@media (min-width: 390px){._group_qbcz0_2{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 625px){._group_qbcz0_2{margin-top:0;margin-bottom:0;width:100%;margin-left:0}}._group_qbcz0_2{display:grid;grid-template-columns:1fr;gap:20px;padding:0 20px}._group_qbcz0_2._slider_qbcz0_27{grid-template-columns:repeat(var(--promos),1fr);overflow-x:auto}@media (min-width: 0){._header_qbcz0_33{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_qbcz0_33{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_qbcz0_33{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._header_qbcz0_33{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._header_qbcz0_33{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._header_qbcz0_33{font-size:40px}}@media (min-width: 1200px){._header_qbcz0_33{font-size:55px}}._header_qbcz0_33{font-family:var(--font-secondary);margin-bottom:30px}._promo_qbcz0_75{grid-row:auto/span 3;padding:20px;display:grid;grid-template-rows:subgrid;min-width:73vw}._promo_qbcz0_75[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._promo_qbcz0_75[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._promo_qbcz0_75[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._promo_qbcz0_75[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._promo_qbcz0_75[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._promo_qbcz0_75[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._promo_qbcz0_75[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._promo_qbcz0_75[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._promo_qbcz0_75[data-text-align=center]{text-align:center;align-items:center}._image_qbcz0_119{width:100px;margin:0 auto}._promo__header_qbcz0_124{margin:0;line-height:2.25rem;text-transform:uppercase;letter-spacing:3px}@media (min-width: 0){._promo__header_qbcz0_124{font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}}@media (min-width: 625px){._promo__header_qbcz0_124{font-size:26px}}@media (min-width: 800px) and (orientation: landscape){._promo__header_qbcz0_124{font-size:20px}}@media (min-width: 800px) and (orientation: portrait){._promo__header_qbcz0_124{font-size:30px}}@media (min-width: 992px) and (orientation: landscape){._promo__header_qbcz0_124{font-size:28px}}@media (min-width: 0){._cta_qbcz0_161{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._cta_qbcz0_161{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._cta_qbcz0_161{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._cta_qbcz0_161{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._cta_qbcz0_161{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._cta_qbcz0_161{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._cta_qbcz0_161{line-height:1.7}}._cta_qbcz0_161{margin:0 auto}@media (min-width: 0){._promo__body_qbcz0_204{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._promo__body_qbcz0_204{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._promo__body_qbcz0_204{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._promo__body_qbcz0_204{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._promo__body_qbcz0_204{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._promo__body_qbcz0_204{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._promo__body_qbcz0_204{line-height:1.7}}._stat_qbcz0_243{display:flex;align-items:center;margin-bottom:5px}._stat_qbcz0_243 span:first-child{margin-right:10px}@media (min-width: 0){._statText_qbcz0_253{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._statText_qbcz0_253{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._statText_qbcz0_253{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._statText_qbcz0_253{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._statText_qbcz0_253{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._statText_qbcz0_253{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._statText_qbcz0_253{line-height:1.7}}._statText_qbcz0_253{font-style:italic}@media (min-width: 625px){._group_qbcz0_2._slider_qbcz0_27{grid-template-columns:1fr 1fr;padding:0}._promo_qbcz0_75{min-width:unset}}@media (min-width: 800px) and (orientation: landscape){._group_qbcz0_2._slider_qbcz0_27{grid-template-columns:1fr 1fr 1fr}._image_qbcz0_119{width:80px}}@media (min-width: 800px) and (orientation: portrait){._group_qbcz0_2._slider_qbcz0_27{gap:30px}}@media (min-width: 992px){._group_qbcz0_2{grid-template-columns:1fr 1fr}._group_qbcz0_2._slider_qbcz0_27{grid-template-columns:1fr 1fr 1fr;gap:20px}}@media (min-width: 1600px){._promo_qbcz0_75{padding:50px}}
|
|
1
|
+
html,body{overscroll-behavior:none;height:100%}p,h1,h2,h3{margin:0}@media (min-width: 0){strong{font-weight:800;font-size:24px}}@media (min-width: 800px) and (orientation: portrait){strong{font-size:30px}}@media (min-width: 800px) and (orientation: landscape){strong{font-size:20px}}@media (min-width: 992px){strong{font-size:28px}}@media (min-width: 0){small{font-size:18px}}@media (min-width: 800px) and (orientation: landscape){small{font-size:18px}}@media (min-width: 800px) and (orientation: portrait){small{font-size:22px}}@media (min-width: 992px) and (orientation: landscape){small{font-size:20px;line-height:1}}@media (min-width: 992px) and (orientation: portrait){small{font-size:22px;line-height:1}}small{font-style:italic}#rsvpify-wrapper{width:100%;height:100%}@media (min-width: 0){._group_qbcz0_2{width:calc(100% + 40px);margin-left:-20px}}@media (min-width: 390px){._group_qbcz0_2{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 625px){._group_qbcz0_2{margin-top:0;margin-bottom:0;width:100%;margin-left:0}}._group_qbcz0_2{display:grid;grid-template-columns:1fr;gap:20px;padding:0 20px}._group_qbcz0_2._slider_qbcz0_27{grid-template-columns:repeat(var(--promos),1fr);overflow-x:auto}@media (min-width: 0){._header_qbcz0_33{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_qbcz0_33{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_qbcz0_33{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._header_qbcz0_33{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._header_qbcz0_33{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._header_qbcz0_33{font-size:40px}}@media (min-width: 1200px){._header_qbcz0_33{font-size:55px}}._header_qbcz0_33{font-family:var(--font-secondary);margin-bottom:30px}._promo_qbcz0_75{grid-row:auto/span 3;padding:20px;display:grid;grid-template-rows:subgrid;min-width:73vw}._promo_qbcz0_75[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._promo_qbcz0_75[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._promo_qbcz0_75[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._promo_qbcz0_75[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._promo_qbcz0_75[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._promo_qbcz0_75[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._promo_qbcz0_75[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._promo_qbcz0_75[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._promo_qbcz0_75[data-text-align=center]{text-align:center;align-items:center}._image_qbcz0_119{width:100px;margin:0 auto}._promo__header_qbcz0_124{margin:0;line-height:2.25rem;text-transform:uppercase;letter-spacing:3px}@media (min-width: 0){._promo__header_qbcz0_124{font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}}@media (min-width: 625px){._promo__header_qbcz0_124{font-size:26px}}@media (min-width: 800px) and (orientation: landscape){._promo__header_qbcz0_124{font-size:20px}}@media (min-width: 800px) and (orientation: portrait){._promo__header_qbcz0_124{font-size:30px}}@media (min-width: 992px) and (orientation: landscape){._promo__header_qbcz0_124{font-size:28px}}@media (min-width: 0){._cta_qbcz0_161{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._cta_qbcz0_161{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._cta_qbcz0_161{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._cta_qbcz0_161{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._cta_qbcz0_161{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._cta_qbcz0_161{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._cta_qbcz0_161{line-height:1.7}}._cta_qbcz0_161{margin:0 auto}@media (min-width: 0){._promo__body_qbcz0_204{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._promo__body_qbcz0_204{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._promo__body_qbcz0_204{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._promo__body_qbcz0_204{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._promo__body_qbcz0_204{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._promo__body_qbcz0_204{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._promo__body_qbcz0_204{line-height:1.7}}._stat_qbcz0_243{display:flex;align-items:center;margin-bottom:5px}._stat_qbcz0_243 span:first-child{margin-right:10px}@media (min-width: 0){._statText_qbcz0_253{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._statText_qbcz0_253{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._statText_qbcz0_253{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._statText_qbcz0_253{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._statText_qbcz0_253{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._statText_qbcz0_253{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._statText_qbcz0_253{line-height:1.7}}._statText_qbcz0_253{font-style:italic}@media (min-width: 625px){._group_qbcz0_2._slider_qbcz0_27{grid-template-columns:1fr 1fr;padding:0}._promo_qbcz0_75{min-width:unset}}@media (min-width: 800px) and (orientation: landscape){._group_qbcz0_2._slider_qbcz0_27{grid-template-columns:1fr 1fr 1fr}._image_qbcz0_119{width:80px}}@media (min-width: 800px) and (orientation: portrait){._group_qbcz0_2._slider_qbcz0_27{gap:30px}}@media (min-width: 992px){._group_qbcz0_2{grid-template-columns:1fr 1fr}._group_qbcz0_2._slider_qbcz0_27{grid-template-columns:1fr 1fr 1fr;gap:20px}}@media (min-width: 1600px){._promo_qbcz0_75{padding:50px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._wrapper_1mgkx_1{width:100%;height:100%}@media (min-width: 625px){._wrapper_1mgkx_1{width:600px;height:800px}}
|
|
@@ -1,31 +1,43 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
3
3
|
import { c as s } from "../../index-BIlioXmW.js";
|
|
4
|
-
import { useRef as
|
|
4
|
+
import { useRef as f } from "react";
|
|
5
5
|
import "../../Particles-CKNJUrOc.js";
|
|
6
|
-
import '../../assets/Container.css';const
|
|
7
|
-
container:
|
|
8
|
-
innerContainer:
|
|
9
|
-
styleless:
|
|
10
|
-
},
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
import '../../assets/Container.css';const _ = "_container_xosaf_1", u = "_innerContainer_xosaf_36", x = "_styleless_xosaf_127", e = {
|
|
7
|
+
container: _,
|
|
8
|
+
innerContainer: u,
|
|
9
|
+
styleless: x
|
|
10
|
+
}, g = ({
|
|
11
|
+
color: t,
|
|
12
|
+
children: a,
|
|
13
|
+
maxWidth: o,
|
|
14
|
+
styleless: r,
|
|
15
|
+
backgroundImage: i,
|
|
16
|
+
backgroundPosition: l,
|
|
17
|
+
fullHeight: c,
|
|
18
|
+
center: m
|
|
19
|
+
}) => {
|
|
20
|
+
const d = f();
|
|
21
|
+
return /* @__PURE__ */ n(
|
|
13
22
|
"div",
|
|
14
23
|
{
|
|
15
|
-
className: s(
|
|
24
|
+
className: s(e.container, r && e.styleless),
|
|
16
25
|
"data-color": t,
|
|
17
|
-
ref:
|
|
18
|
-
|
|
26
|
+
ref: d,
|
|
27
|
+
style: { backgroundImage: `url(${i})`, backgroundPosition: l },
|
|
28
|
+
"data-full-height": c,
|
|
29
|
+
"data-center": m,
|
|
30
|
+
children: /* @__PURE__ */ n(
|
|
19
31
|
"div",
|
|
20
32
|
{
|
|
21
|
-
className: s(
|
|
33
|
+
className: s(e.innerContainer),
|
|
22
34
|
"data-max-width": o,
|
|
23
|
-
children:
|
|
35
|
+
children: a
|
|
24
36
|
}
|
|
25
37
|
)
|
|
26
38
|
}
|
|
27
39
|
);
|
|
28
40
|
};
|
|
29
41
|
export {
|
|
30
|
-
|
|
42
|
+
g as default
|
|
31
43
|
};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import '../../assets/GenericOverlay.css';const i = "
|
|
2
|
+
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
3
|
+
import l from "../../utils/parse.js";
|
|
4
|
+
import s from "../Button/Button.js";
|
|
5
|
+
import '../../assets/GenericOverlay.css';const i = "_overlay_5xrtv_2", v = "_content_5xrtv_53", d = "_ctas_5xrtv_137", e = {
|
|
6
6
|
overlay: i,
|
|
7
|
-
content:
|
|
8
|
-
ctas:
|
|
9
|
-
},
|
|
10
|
-
/* @__PURE__ */
|
|
11
|
-
|
|
12
|
-
/* @__PURE__ */ t("div", { children: a
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
7
|
+
content: v,
|
|
8
|
+
ctas: d
|
|
9
|
+
}, x = ({ header: o, body: a, primaryCta: r, secondaryCta: c }) => /* @__PURE__ */ t("div", { className: e.overlay, children: /* @__PURE__ */ n("div", { className: e.innerContainer, children: [
|
|
10
|
+
/* @__PURE__ */ t("h2", { children: o }),
|
|
11
|
+
/* @__PURE__ */ n("div", { className: e.content, children: [
|
|
12
|
+
/* @__PURE__ */ t("div", { children: l(a) }),
|
|
13
|
+
/* @__PURE__ */ n("div", { className: e.ctas, children: [
|
|
14
|
+
r && /* @__PURE__ */ t(s, { ...r }),
|
|
15
|
+
c && /* @__PURE__ */ t(s, { ...c })
|
|
16
|
+
] })
|
|
17
17
|
] })
|
|
18
|
-
] });
|
|
18
|
+
] }) });
|
|
19
19
|
export {
|
|
20
|
-
|
|
20
|
+
x as default
|
|
21
21
|
};
|
|
@@ -1,41 +1,41 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as r, jsx as s } from "react/jsx-runtime";
|
|
3
3
|
import { useState as v, useEffect as u } from "react";
|
|
4
4
|
import { c as m } from "../../index-BIlioXmW.js";
|
|
5
|
-
import '../../assets/Overlay.css';const i = "
|
|
5
|
+
import '../../assets/Overlay.css';const i = "_overlay_m36se_17", y = "_hideNav_m36se_43", f = "_overlay__dialog_m36se_43", N = "_overlay__background_m36se_47", h = "_fadeIn_m36se_1", O = "_fadeOut_m36se_57", g = "_overlay__close_m36se_80", b = "_fullscreen_m36se_103", e = {
|
|
6
6
|
overlay: i,
|
|
7
7
|
hideNav: y,
|
|
8
8
|
overlay__dialog: f,
|
|
9
|
-
overlay__background:
|
|
10
|
-
fadeIn:
|
|
11
|
-
fadeOut:
|
|
12
|
-
overlay__close:
|
|
13
|
-
fullscreen:
|
|
14
|
-
},
|
|
15
|
-
const [
|
|
9
|
+
overlay__background: N,
|
|
10
|
+
fadeIn: h,
|
|
11
|
+
fadeOut: O,
|
|
12
|
+
overlay__close: g,
|
|
13
|
+
fullscreen: b
|
|
14
|
+
}, I = ({ children: t, closeFn: c, hideClose: o, background: a, fullscreen: d = !0 }) => {
|
|
15
|
+
const [l, n] = v(!1);
|
|
16
16
|
u(() => (document.body.style.overflow = "hidden", () => {
|
|
17
17
|
document.body.style.overflow = "unset";
|
|
18
18
|
}), []);
|
|
19
|
-
const
|
|
19
|
+
const _ = () => {
|
|
20
20
|
n(!0), setTimeout(() => {
|
|
21
21
|
c();
|
|
22
22
|
}, 500);
|
|
23
23
|
};
|
|
24
|
-
return /* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
24
|
+
return /* @__PURE__ */ r("div", { className: m(e.overlay, !o && e.hideNav), children: [
|
|
25
|
+
/* @__PURE__ */ s(
|
|
26
26
|
"div",
|
|
27
27
|
{
|
|
28
|
-
className: ` ${e.overlay__background} ${
|
|
29
|
-
onClick:
|
|
28
|
+
className: ` ${e.overlay__background} ${l && e.fadeOut}`,
|
|
29
|
+
onClick: _
|
|
30
30
|
}
|
|
31
31
|
),
|
|
32
|
-
/* @__PURE__ */
|
|
32
|
+
/* @__PURE__ */ r(
|
|
33
33
|
"div",
|
|
34
34
|
{
|
|
35
|
-
className: `${e.overlay__dialog} ${
|
|
36
|
-
style:
|
|
35
|
+
className: `${e.overlay__dialog} ${l ? e.fadeOut : e.fadeIn} ${d && e.fullscreen} `,
|
|
36
|
+
style: a ? { background: a } : {},
|
|
37
37
|
children: [
|
|
38
|
-
!o && /* @__PURE__ */
|
|
38
|
+
!o && /* @__PURE__ */ s("div", { className: e.overlay__close, onClick: _, children: /* @__PURE__ */ s("span", { className: "material-symbols-outlined", children: "close" }) }),
|
|
39
39
|
t
|
|
40
40
|
]
|
|
41
41
|
}
|
|
@@ -43,5 +43,5 @@ import '../../assets/Overlay.css';const i = "_overlay_xrwam_17", y = "_hideNav_x
|
|
|
43
43
|
] });
|
|
44
44
|
};
|
|
45
45
|
export {
|
|
46
|
-
|
|
46
|
+
I as default
|
|
47
47
|
};
|
package/dist/index.js
CHANGED
|
@@ -1,46 +1,61 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import { default as
|
|
3
|
-
import { default as
|
|
4
|
-
import { default as
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as
|
|
7
|
-
import { default as
|
|
8
|
-
import { default as
|
|
9
|
-
import { default as
|
|
10
|
-
import { default as
|
|
11
|
-
import { default as
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as
|
|
1
|
+
import { default as x } from "./components/PromoGroup/PromoGroup.js";
|
|
2
|
+
import { default as i } from "./components/Background/Background.js";
|
|
3
|
+
import { default as y } from "./components/Banner/Banner.js";
|
|
4
|
+
import { default as k } from "./components/BorderedBackground/BorderedBackground.js";
|
|
5
|
+
import { default as G } from "./components/Button/Button.js";
|
|
6
|
+
import { default as I } from "./components/Container/Container.js";
|
|
7
|
+
import { default as T } from "./components/Fifty/Fifty.js";
|
|
8
|
+
import { default as E } from "./components/Footer/Footer.js";
|
|
9
|
+
import { default as O } from "./components/ImageTextBlock/ImageTextBlock.js";
|
|
10
|
+
import { default as _ } from "./components/List/List.js";
|
|
11
|
+
import { default as F } from "./components/OverlayHero/OverlayHero.js";
|
|
12
|
+
import { default as L } from "./components/Note/Note.js";
|
|
13
|
+
import { default as h } from "./components/MenuButton/MenuButton.js";
|
|
14
|
+
import { default as D } from "./components/Navbar/Navbar.js";
|
|
15
|
+
import { default as V } from "./components/PinnedImage/PinnedImage.js";
|
|
16
|
+
import { default as z } from "./components/IconDetail/IconDetail.js";
|
|
17
|
+
import { default as J } from "./components/Overlay/Overlay.js";
|
|
18
|
+
import { default as Q } from "./components/GenericOverlay/GenericOverlay.js";
|
|
19
|
+
import { default as W } from "./components/Toolbar/Toolbar.js";
|
|
20
|
+
import { default as Y } from "./components/GridGallery/GridGallery.js";
|
|
21
|
+
import { default as $ } from "./components/ParallaxImageGrid/ParallaxImageGrid.js";
|
|
22
|
+
import { default as er } from "./components/TextBlock/TextBlock.js";
|
|
23
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
24
|
+
import { useRef as a, useEffect as f } from "react";
|
|
25
|
+
import './assets/index.css';const l = "_wrapper_1mgkx_1", u = {
|
|
26
|
+
wrapper: l
|
|
27
|
+
};
|
|
28
|
+
function m({ embedUrl: t }) {
|
|
29
|
+
const r = a(null);
|
|
30
|
+
return f(() => {
|
|
31
|
+
const e = document.createElement("script");
|
|
32
|
+
return e.src = t, e.async = !0, r.current?.appendChild(e), () => {
|
|
33
|
+
r.current && (r.current.innerHTML = "");
|
|
34
|
+
};
|
|
35
|
+
}, []), /* @__PURE__ */ o("div", { ref: r, className: u.wrapper });
|
|
36
|
+
}
|
|
23
37
|
export {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
38
|
+
i as Background,
|
|
39
|
+
y as Banner,
|
|
40
|
+
k as BorderedBackground,
|
|
41
|
+
G as Button,
|
|
42
|
+
I as Container,
|
|
43
|
+
T as Fifty,
|
|
44
|
+
E as Footer,
|
|
45
|
+
Q as GenericOverlay,
|
|
46
|
+
Y as GridGallery,
|
|
47
|
+
z as IconDetail,
|
|
48
|
+
O as ImageTextBlock,
|
|
49
|
+
_ as List,
|
|
50
|
+
h as MenuButton,
|
|
51
|
+
D as Navbar,
|
|
52
|
+
L as Note,
|
|
53
|
+
J as Overlay,
|
|
54
|
+
F as OverlayHero,
|
|
55
|
+
$ as ParallaxImageGrid,
|
|
56
|
+
V as PinnedImage,
|
|
57
|
+
x as PromoGroup,
|
|
58
|
+
m as RSVPEmbed,
|
|
59
|
+
er as TextBlock,
|
|
60
|
+
W as Toolbar
|
|
46
61
|
};
|