@courtneyring/components-library 1.0.16 → 1.0.18

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.
@@ -1 +1 @@
1
- @media (min-width: 0){._content_1v8dt_2{padding:40px 20px}}@media (min-width: 390px){._content_1v8dt_2{padding:40px 30px}}@media (min-width: 625px){._content_1v8dt_2{padding:50px 30px}}@media (min-width: 800px) and (orientation: landscape){._content_1v8dt_2{padding:50px}}@media (min-width: 800px) and (orientation: portrait){._content_1v8dt_2{padding:30px}}@media (min-width: 992px){._content_1v8dt_2{padding:50px}}@media (min-width: 1200px){._content_1v8dt_2{padding:50px 100px}}@media (min-width: 1600px){._content_1v8dt_2{padding:150px}}._fifty_1v8dt_41{display:grid;grid-template-columns:1fr;width:100%}._fifty_1v8dt_41[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._fifty_1v8dt_41[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._fifty_1v8dt_41[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._fifty_1v8dt_41[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._fifty_1v8dt_41[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._fifty_1v8dt_41[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._fifty_1v8dt_41[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._fifty_1v8dt_41[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._fifty_1v8dt_41._reverse_1v8dt_79 ._content_1v8dt_2{align-items:flex-end}._fifty_1v8dt_41._reverse_1v8dt_79 ._image_1v8dt_82{justify-content:flex-start}._fifty_1v8dt_41:not(._reverse_1v8dt_79) ._content_1v8dt_2{align-items:flex-start}._fifty_1v8dt_41:not(._reverse_1v8dt_79) ._image_1v8dt_82{justify-content:flex-end}._content_1v8dt_2{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;order:1}@media (min-width: 0){._content_1v8dt_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._content_1v8dt_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._content_1v8dt_2 h2{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._content_1v8dt_2 h2{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._content_1v8dt_2 h2{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._content_1v8dt_2 h2{font-size:40px}}@media (min-width: 1200px){._content_1v8dt_2 h2{font-size:55px}}._content_1v8dt_2 h2{font-family:var(--font-secondary);margin-bottom:15px;line-height:1}@media (min-width: 0){._content_1v8dt_2 ._text_1v8dt_145>p{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._content_1v8dt_2 ._text_1v8dt_145>p{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._content_1v8dt_2 ._text_1v8dt_145>p{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._content_1v8dt_2 ._text_1v8dt_145>p{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._content_1v8dt_2 ._text_1v8dt_145>p{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._content_1v8dt_2 ._text_1v8dt_145>p{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._content_1v8dt_2 ._text_1v8dt_145>p{line-height:1.7}}._content_1v8dt_2 ._text_1v8dt_145>p{margin-bottom:20px}._image_1v8dt_82{display:flex}._image_1v8dt_82 img{width:100%;height:100%;object-fit:cover;object-position:top}._ctas_1v8dt_197{display:flex}._ctas_1v8dt_197>*:not(:last-child){margin-right:5px}._imageContainer_1v8dt_204{aspect-ratio:1;width:100%}._text_1v8dt_145{display:flex;flex-direction:column;align-items:flex-start}@media (min-width: 390px){._imageContainer_1v8dt_204{aspect-ratio:unset;height:500px}}@media (min-width: 800px){._content_1v8dt_2{padding-top:30px;padding-bottom:30px}._fifty_1v8dt_41{grid-template-columns:1fr 1fr;grid-template-rows:1fr}._fifty_1v8dt_41._reverse_1v8dt_79 ._content_1v8dt_2{order:-1}._imageContainer_1v8dt_204{height:unset}._text_1v8dt_145 h2,._text_1v8dt_145>p{margin-bottom:15px}}@media (min-width: 992px){._image_1v8dt_82{aspect-ratio:1}}@media (min-width: 992px) and (min-width: 0){._content_1v8dt_2{padding:40px 20px}}@media (min-width: 992px) and (min-width: 390px){._content_1v8dt_2{padding:40px 30px}}@media (min-width: 992px) and (min-width: 625px){._content_1v8dt_2{padding:50px 30px}}@media (min-width: 992px) and (min-width: 800px) and (orientation: landscape){._content_1v8dt_2{padding:50px}}@media (min-width: 992px) and (min-width: 800px) and (orientation: portrait){._content_1v8dt_2{padding:30px}}@media (min-width: 992px) and (min-width: 992px){._content_1v8dt_2{padding:50px}}@media (min-width: 992px) and (min-width: 1200px){._content_1v8dt_2{padding:50px 100px}}@media (min-width: 992px) and (min-width: 1600px){._content_1v8dt_2{padding:150px}}@media (min-width: 992px){._text_1v8dt_145>p{margin-bottom:30px}}@media (min-width: 1200px){._text_1v8dt_145 h2{margin-bottom:30px}._text_1v8dt_145>p{margin-bottom:40px}._ctas_1v8dt_197>*:not(:last-child){margin-right:10px}}@media (min-width: 1600px){._text_1v8dt_145 h2{margin-bottom:50px}._text_1v8dt_145>p{margin-bottom:50px}._content_1v8dt_2{padding:260px}}
1
+ @media (min-width: 0){._content_1dv8r_2{padding:40px 20px}}@media (min-width: 390px){._content_1dv8r_2{padding:40px 30px}}@media (min-width: 625px){._content_1dv8r_2{padding:50px 30px}}@media (min-width: 800px) and (orientation: landscape){._content_1dv8r_2{padding:50px}}@media (min-width: 800px) and (orientation: portrait){._content_1dv8r_2{padding:30px}}@media (min-width: 992px){._content_1dv8r_2{padding:50px}}@media (min-width: 1200px){._content_1dv8r_2{padding:50px 100px}}@media (min-width: 1600px){._content_1dv8r_2{padding:150px}}._fifty_1dv8r_41{display:grid;grid-template-columns:1fr;width:100%}._fifty_1dv8r_41[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._fifty_1dv8r_41[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._fifty_1dv8r_41[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._fifty_1dv8r_41[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._fifty_1dv8r_41[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._fifty_1dv8r_41[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._fifty_1dv8r_41[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._fifty_1dv8r_41[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._fifty_1dv8r_41._reverse_1dv8r_79 ._content_1dv8r_2{align-items:flex-end}._fifty_1dv8r_41._reverse_1dv8r_79 ._image_1dv8r_82{justify-content:flex-start}._fifty_1dv8r_41:not(._reverse_1dv8r_79) ._content_1dv8r_2{align-items:flex-start}._fifty_1dv8r_41:not(._reverse_1dv8r_79) ._image_1dv8r_82{justify-content:flex-end}._content_1dv8r_2{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;order:1}@media (min-width: 0){._content_1dv8r_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._content_1dv8r_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._content_1dv8r_2 h2{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._content_1dv8r_2 h2{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._content_1dv8r_2 h2{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._content_1dv8r_2 h2{font-size:40px}}@media (min-width: 1200px){._content_1dv8r_2 h2{font-size:55px}}._content_1dv8r_2 h2{font-family:var(--font-secondary);margin-bottom:15px;line-height:1}@media (min-width: 0){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._content_1dv8r_2 ._text_1dv8r_145>p{line-height:1.7}}._content_1dv8r_2 ._text_1dv8r_145>p{margin-bottom:20px}._image_1dv8r_82{aspect-ratio:1;width:100%}._image_1dv8r_82 img{width:100%;height:100%;object-fit:cover;object-position:top}._ctas_1dv8r_198{display:flex}._ctas_1dv8r_198>*:not(:last-child){margin-right:5px}._text_1dv8r_145{display:flex;flex-direction:column;align-items:flex-start}._details_1dv8r_211{display:grid;grid-template-columns:1fr}@media (min-width: 625px){._details_1dv8r_211{grid-template-columns:1fr 1fr;width:100%}}@media (min-width: 800px){._content_1dv8r_2{padding-top:30px;padding-bottom:30px}._fifty_1dv8r_41{grid-template-columns:1fr 1fr;grid-template-rows:1fr}._fifty_1dv8r_41._reverse_1dv8r_79 ._content_1dv8r_2{order:-1}._image_1dv8r_82{aspect-ratio:unset}._text_1dv8r_145 h2,._text_1dv8r_145>p{margin-bottom:15px}}@media (min-width: 800px) and (orientation: portrait){._details_1dv8r_211{flex-direction:column}}@media (min-width: 800px) and (orientation: landscape){._details_1dv8r_211{width:100%}}@media (min-width: 992px){._fifty_1dv8r_41 ._content_1dv8r_2{padding:30px}._image_1dv8r_82{aspect-ratio:1}._text_1dv8r_145>p{margin-bottom:30px}}@media (min-width: 1200px){._fifty_1dv8r_41 ._content_1dv8r_2{padding:100px}._text_1dv8r_145 h2{margin-bottom:30px}._text_1dv8r_145>p{margin-bottom:40px}._ctas_1dv8r_198>*:not(:last-child){margin-right:10px}}@media (min-width: 1600px){._text_1dv8r_145{max-width:90%}._text_1dv8r_145 h2{margin-bottom:50px}._text_1dv8r_145>p{margin-bottom:50px}._content_1dv8r_2:not(._reverse_1dv8r_79){align-items:center}}
@@ -1 +1 @@
1
- ._detail_1knzn_1{display:flex;align-items:flex-start}._detail_1knzn_1:not(:last-child){margin-bottom:20px}@media (min-width: 0){._detail_1knzn_1 span{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._detail_1knzn_1 span{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._detail_1knzn_1 span{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._detail_1knzn_1 span{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._detail_1knzn_1 span{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._detail_1knzn_1 span{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._detail_1knzn_1 span{line-height:1.7}}._detail_1knzn_1 span{line-height:1.4;margin-right:10px}@media (min-width: 0){._label_1knzn_53,._label_1knzn_53>*{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._label_1knzn_53,._label_1knzn_53>*{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._label_1knzn_53,._label_1knzn_53>*{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._label_1knzn_53,._label_1knzn_53>*{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._label_1knzn_53,._label_1knzn_53>*{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._label_1knzn_53,._label_1knzn_53>*{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._label_1knzn_53,._label_1knzn_53>*{line-height:1.7}}._label_1knzn_53,._label_1knzn_53>*{font-style:italic;text-align:left}
1
+ ._detail_eb6tx_1{display:flex;align-items:flex-start}._detail_eb6tx_1:not(:last-child){margin-bottom:20px}@media (min-width: 0){._detail_eb6tx_1 span{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._detail_eb6tx_1 span{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._detail_eb6tx_1 span{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._detail_eb6tx_1 span{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._detail_eb6tx_1 span{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._detail_eb6tx_1 span{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._detail_eb6tx_1 span{line-height:1.7}}._detail_eb6tx_1 span{line-height:1.4;margin-right:10px}@media (min-width: 0){._label_eb6tx_53,._label_eb6tx_53>*{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._label_eb6tx_53,._label_eb6tx_53>*{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._label_eb6tx_53,._label_eb6tx_53>*{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._label_eb6tx_53,._label_eb6tx_53>*{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._label_eb6tx_53,._label_eb6tx_53>*{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._label_eb6tx_53,._label_eb6tx_53>*{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._label_eb6tx_53,._label_eb6tx_53>*{line-height:1.7}}._label_eb6tx_53,._label_eb6tx_53>*{font-style:italic;text-align:left}@media (min-width: 800px){._detail_eb6tx_1 span{line-height:1.7}}
@@ -1 +1 @@
1
- ._block_v38lo_1{overflow:hidden}._container_v38lo_5{display:grid;grid-template-columns:1fr;gap:20px}._reverse_v38lo_11 ._container_v38lo_5{grid-auto-flow:row;direction:rtl}._reverse_v38lo_11 ._container_v38lo_5 ._content_v38lo_15{direction:ltr}@media (min-width: 0){._header_v38lo_20{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_v38lo_20{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_v38lo_20{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._header_v38lo_20{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._header_v38lo_20{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._header_v38lo_20{font-size:40px}}@media (min-width: 1200px){._header_v38lo_20{font-size:55px}}._header_v38lo_20{font-family:var(--font-secondary);margin-bottom:20px}._content_v38lo_15{display:flex;flex-direction:column;align-items:flex-start}._body_v38lo_68{display:flow-root;margin-bottom:30px}._body_v38lo_68 p{margin-bottom:20px}@media (min-width: 0){._body_v38lo_68 p{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._body_v38lo_68 p{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._body_v38lo_68 p{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._body_v38lo_68 p{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._body_v38lo_68 p{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._body_v38lo_68 p{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._body_v38lo_68 p{line-height:1.7}}._ctas_v38lo_115>*:first-child{margin-right:10px}._image_v38lo_119 img{object-fit:cover;width:100%;height:100%;display:block}._ctas_v38lo_115{display:flex}@media (min-width: 625px){._container_v38lo_5{display:grid;grid-template-columns:1fr 1fr;gap:20px}._content_v38lo_15{text-align:left;padding:5% 0;align-items:flex-start}._block_v38lo_1 ._content_v38lo_15,._block_v38lo_1 ._image_v38lo_119{margin:0!important}._image_v38lo_119{width:100%}}@media (min-width: 800px) and (orientation: landscape){._container_v38lo_5{gap:40px}._content_v38lo_15{padding:15% 0}}@media (min-width: 800px) and (orientation: portrait){._container_v38lo_5{grid-template-columns:2fr 3fr;gap:30px}}@media (min-width: 992px){._container_v38lo_5{gap:50px}._content_v38lo_15{padding-top:10%}._header_v38lo_20{font-size:40px}}@media (min-width: 1200px){._container_v38lo_5{grid-template-columns:5fr 3fr;min-height:700px;column-gap:100px}._reverse_v38lo_11 ._container_v38lo_5{grid-template-columns:3fr 5fr}._header_v38lo_20{font-size:52px}._image_v38lo_119{max-height:900px}}@media (min-width: 1600px){._container_v38lo_5,._reverse_v38lo_11 ._container_v38lo_5{grid-template-columns:1fr 1fr}._content_v38lo_15{padding-top:15%}}
1
+ ._block_hnnuu_1{overflow:hidden}._container_hnnuu_5{display:grid;grid-template-columns:1fr;gap:20px}._reverse_hnnuu_11 ._container_hnnuu_5{grid-auto-flow:row;direction:rtl}._reverse_hnnuu_11 ._container_hnnuu_5 ._content_hnnuu_15{direction:ltr}@media (min-width: 0){._header_hnnuu_20{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_hnnuu_20{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_hnnuu_20{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._header_hnnuu_20{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._header_hnnuu_20{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._header_hnnuu_20{font-size:40px}}@media (min-width: 1200px){._header_hnnuu_20{font-size:55px}}._header_hnnuu_20{font-family:var(--font-secondary);margin-bottom:20px}._content_hnnuu_15{display:flex;flex-direction:column;align-items:flex-start}._body_hnnuu_68{display:flow-root;margin-bottom:30px}._body_hnnuu_68 p{margin-bottom:20px}@media (min-width: 0){._body_hnnuu_68 p{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._body_hnnuu_68 p{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._body_hnnuu_68 p{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._body_hnnuu_68 p{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._body_hnnuu_68 p{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._body_hnnuu_68 p{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._body_hnnuu_68 p{line-height:1.7}}._ctas_hnnuu_115>*:first-child{margin-right:10px}._image_hnnuu_119 img{object-fit:cover;width:100%;height:100%;display:block}._ctas_hnnuu_115{display:flex}@media (min-width: 625px){._container_hnnuu_5{display:grid;grid-template-columns:1fr 1fr;gap:20px}._content_hnnuu_15{text-align:left;padding:5% 0;align-items:flex-start}._block_hnnuu_1 ._content_hnnuu_15,._block_hnnuu_1 ._image_hnnuu_119{margin:0!important}._image_hnnuu_119{width:100%}}@media (min-width: 800px) and (orientation: landscape){._container_hnnuu_5{gap:40px}._content_hnnuu_15{padding:15% 0}}@media (min-width: 800px) and (orientation: portrait){._container_hnnuu_5{grid-template-columns:2fr 3fr;gap:30px}}@media (min-width: 992px){._container_hnnuu_5{gap:50px}._content_hnnuu_15{padding-top:10%}._header_hnnuu_20{font-size:40px}}@media (min-width: 1200px){._container_hnnuu_5{grid-template-columns:5fr 3fr;min-height:700px;column-gap:100px}._header_hnnuu_20{font-size:52px}._image_hnnuu_119{max-height:900px}}@media (min-width: 1600px){._container_hnnuu_5,._reverse_hnnuu_11 ._container_hnnuu_5{grid-template-columns:1fr 1fr}._content_hnnuu_15{padding-top:15%}}
@@ -1 +1 @@
1
- ._hero_235uq_1{display:flex;align-items:center;justify-content:center;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;height:100svh}._overlay_235uq_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_235uq_12{background-color:rgb(from var(--color-primary-dark) r g b/.9)}}._overlay_235uq_12{color:var(--color-white);padding:4%;text-align:center;position:relative;width:auto;aspect-ratio:4/5;min-width:70%;max-width:90%}._eyebrow_235uq_35{font-size:20px;text-transform:uppercase;letter-spacing:3px;font-weight:300}._title_235uq_42{display:flex;flex-direction:column}._title_235uq_42,._title_235uq_42>*{font-family:var(--font-secondary);font-size:70px;line-height:1.2;margin-top:0}._eyebrow_235uq_35,._title_235uq_42{margin-bottom:20px}._subtitle_235uq_60{font-size:20px;letter-spacing:3px}._subtitle_235uq_60>p{text-transform:uppercase}._subtitle_235uq_60>p,._subtitle_235uq_60 i{margin-bottom:10px;margin-top:0;font-weight:300}@media (min-width: 390px){._eyebrow_235uq_35{font-size:24px}._title_235uq_42,._title_235uq_42>*{font-size:90px;line-height:1.2}._eyebrow_235uq_35,._title_235uq_42{margin-bottom:30px}}@media (min-width: 390px) and (orientation: landscape){._overlay_235uq_12{aspect-ratio:16/9;max-width:85%;padding:4%}._title_235uq_42{flex-direction:row}._title_235uq_42,._title_235uq_42>*{font-size:55px}._eyebrow_235uq_35,._title_235uq_42{margin-bottom:10px}._subtitle_235uq_60,._eyebrow_235uq_35{font-size:18px}}@media (min-width: 625px) and (orientation: portrait){._title_235uq_42,._title_235uq_42>*{font-size:120px;line-height:1.2}._subtitle_235uq_60,._eyebrow_235uq_35{font-size:20px}}@media (min-width: 800px) and (orientation: portrait){._title_235uq_42,._title_235uq_42>*{font-size:130px}._subtitle_235uq_60,._eyebrow_235uq_35{font-size:32px}}@media (min-width: 800px) and (orientation: landscape){._title_235uq_42,._title_235uq_42>*{font-size:85px}._subtitle_235uq_60,._eyebrow_235uq_35{font-size:20px}._eyebrow_235uq_35,._title_235uq_42{margin-bottom:15px}}@media (min-width: 992px) and (orientation: landscape){._eyebrow_235uq_35,._title_235uq_42{margin-bottom:30px}._subtitle_235uq_60,._eyebrow_235uq_35{font-size:22px}._title_235uq_42,._title_235uq_42>*{font-size:100px}}@media (min-width: 992px) and (orientation: portrait){._title_235uq_42,._title_235uq_42>*{font-size:140px}}@media (min-width: 1200px){._title_235uq_42,._title_235uq_42>*{font-size:150px}._subtitle_235uq_60,._eyebrow_235uq_35{font-size:28px}}
1
+ ._hero_1wst1_1{display:flex;align-items:center;justify-content:center;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;height:100svh}._overlay_1wst1_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_1wst1_12{background-color:rgb(from var(--color-primary-dark) r g b/.9)}}._overlay_1wst1_12{color:var(--color-white);padding:4%;text-align:center;position:relative;width:auto;aspect-ratio:4/5;min-width:70%;max-width:90%}._eyebrow_1wst1_35{font-size:20px;text-transform:uppercase;letter-spacing:3px;font-weight:300}._title_1wst1_42{display:flex;flex-direction:column}._title_1wst1_42,._title_1wst1_42>*{font-family:var(--font-secondary);font-size:65px;line-height:1.2;margin-top:0}._eyebrow_1wst1_35,._title_1wst1_42{margin-bottom:20px}._subtitle_1wst1_60{font-size:20px;letter-spacing:3px}._subtitle_1wst1_60>p{text-transform:uppercase}._subtitle_1wst1_60>p,._subtitle_1wst1_60 i{margin-bottom:10px;margin-top:0;font-weight:300}@media (min-width: 390px){._overlay_1wst1_12{aspect-ratio:10/16}._eyebrow_1wst1_35{font-size:24px}._title_1wst1_42,._title_1wst1_42>*{font-size:80px;line-height:1.2}._eyebrow_1wst1_35,._title_1wst1_42{margin-bottom:30px}}@media (min-width: 390px) and (orientation: landscape){._overlay_1wst1_12{aspect-ratio:16/9;max-width:85%;padding:4%}._title_1wst1_42{flex-direction:row}._title_1wst1_42,._title_1wst1_42>*{font-size:55px}._eyebrow_1wst1_35,._title_1wst1_42{margin-bottom:10px}._subtitle_1wst1_60,._eyebrow_1wst1_35{font-size:18px}}@media (min-width: 625px) and (orientation: portrait){._title_1wst1_42,._title_1wst1_42>*{font-size:120px;line-height:1.2}._overlay_1wst1_12{aspect-ratio:4/5;max-width:80%}._subtitle_1wst1_60,._eyebrow_1wst1_35{font-size:20px}}@media (min-width: 800px) and (orientation: portrait){._title_1wst1_42,._title_1wst1_42>*{font-size:130px}._subtitle_1wst1_60,._eyebrow_1wst1_35{font-size:32px}}@media (min-width: 800px) and (orientation: landscape){._title_1wst1_42,._title_1wst1_42>*{font-size:85px}._subtitle_1wst1_60,._eyebrow_1wst1_35{font-size:20px}._eyebrow_1wst1_35,._title_1wst1_42{margin-bottom:15px}}@media (min-width: 992px) and (orientation: landscape){._eyebrow_1wst1_35,._title_1wst1_42{margin-bottom:30px}._subtitle_1wst1_60,._eyebrow_1wst1_35{font-size:22px}._title_1wst1_42,._title_1wst1_42>*{font-size:100px}}@media (min-width: 992px) and (orientation: portrait){._title_1wst1_42,._title_1wst1_42>*{font-size:140px}}@media (min-width: 1200px){._title_1wst1_42,._title_1wst1_42>*{font-size:150px}._subtitle_1wst1_60,._eyebrow_1wst1_35{font-size:28px}}
@@ -1,37 +1,37 @@
1
1
  "use client";
2
- import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
+ import { jsxs as n, jsx as e } from "react/jsx-runtime";
3
3
  import h from "../Button/Button.js";
4
- import { useFadeIn as g } from "../../hooks/useFadeIn.js";
5
- import { c as p } from "../../index-BIlioXmW.js";
6
- import { Fragment as c } from "react";
7
- import N from "../IconDetail/IconDetail.js";
8
- import '../../assets/Fifty.css';const x = "_content_1v8dt_2", y = "_fifty_1v8dt_41", u = "_reverse_1v8dt_79", C = "_image_1v8dt_82", j = "_text_1v8dt_145", F = "_ctas_1v8dt_197", I = "_imageContainer_1v8dt_204", t = {
9
- content: x,
10
- fifty: y,
4
+ import { useFadeIn as p } from "../../hooks/useFadeIn.js";
5
+ import { c as g } from "../../index-BIlioXmW.js";
6
+ import { Fragment as a } from "react";
7
+ import x from "../IconDetail/IconDetail.js";
8
+ import '../../assets/Fifty.css';const y = "_content_1dv8r_2", N = "_fifty_1dv8r_41", u = "_reverse_1dv8r_79", j = "_image_1dv8r_82", F = "_text_1dv8r_145", I = "_ctas_1dv8r_198", b = "_details_1dv8r_211", t = {
9
+ content: y,
10
+ fifty: N,
11
11
  reverse: u,
12
- image: C,
13
- text: j,
14
- ctas: F,
15
- imageContainer: I
16
- }, q = ({ heading: o, body: m, ctas: i, color: d, image: l, reverse: _, pos: f, details: r }) => {
17
- const v = g({ duration: 0.8 });
18
- return /* @__PURE__ */ a(
12
+ image: j,
13
+ text: F,
14
+ ctas: I,
15
+ details: b
16
+ }, w = ({ heading: o, body: d, ctas: r, color: m, image: l, reverse: _, pos: f, details: c }) => {
17
+ const v = p({ duration: 0.8 });
18
+ return /* @__PURE__ */ n(
19
19
  "div",
20
20
  {
21
- className: p(t.fifty, !!_ && t.reverse),
22
- "data-color": d,
21
+ className: g(t.fifty, !!_ && t.reverse),
22
+ "data-color": m,
23
23
  children: [
24
- /* @__PURE__ */ e("div", { className: t.content, ref: v, children: /* @__PURE__ */ a("div", { className: t.text, children: [
24
+ /* @__PURE__ */ e("div", { className: t.content, ref: v, children: /* @__PURE__ */ n("div", { className: t.text, children: [
25
25
  /* @__PURE__ */ e("h2", { children: o }),
26
- /* @__PURE__ */ e("p", { children: m }),
27
- /* @__PURE__ */ e("div", { className: t.ctas, children: i && !!i.length && i.map((n, s) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(h, { ...n }) }, s)) }),
28
- /* @__PURE__ */ e("div", { className: t.details, children: r && r.map((n, s) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(N, { ...n }) }, s)) })
26
+ /* @__PURE__ */ e("p", { children: d }),
27
+ /* @__PURE__ */ e("div", { className: t.ctas, children: r && !!r.length && r.map((s, i) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(h, { ...s }) }, i)) }),
28
+ /* @__PURE__ */ e("div", { className: t.details, children: c && c.map((s, i) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(x, { ...s }) }, i)) })
29
29
  ] }) }),
30
- /* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("div", { className: t.imageContainer, children: /* @__PURE__ */ e("img", { src: l, style: { objectPosition: f } }) }) })
30
+ /* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("img", { src: l, style: { objectPosition: f } }) })
31
31
  ]
32
32
  }
33
33
  );
34
34
  };
35
35
  export {
36
- q as default
36
+ w as default
37
37
  };
@@ -1,14 +1,14 @@
1
1
  "use client";
2
- import { jsxs as n, jsx as l } from "react/jsx-runtime";
3
- import i from "../../utils/parse.js";
4
- import { c as o } from "../../index-BIlioXmW.js";
5
- import '../../assets/IconDetail.css';const c = "_detail_1knzn_1", r = "_label_1knzn_53", a = {
6
- detail: c,
7
- label: r
8
- }, b = ({ icon: s, text: e, href: t }) => /* @__PURE__ */ n(t ? "a" : "div", { className: a.detail, children: [
9
- /* @__PURE__ */ l("span", { className: o(a.icon, "material-symbols-outlined"), children: s }),
10
- /* @__PURE__ */ l("div", { className: a.label, children: i(e) })
2
+ import { jsxs as i, jsx as e } from "react/jsx-runtime";
3
+ import o from "../../utils/parse.js";
4
+ import { c } from "../../index-BIlioXmW.js";
5
+ import '../../assets/IconDetail.css';const r = "_detail_eb6tx_1", n = "_label_eb6tx_53", a = {
6
+ detail: r,
7
+ label: n
8
+ }, _ = ({ icon: l, text: s, href: t }) => /* @__PURE__ */ i(t ? "a" : "div", { className: a.detail, children: [
9
+ /* @__PURE__ */ e("span", { className: c(a.icon, "material-symbols-outlined"), children: l }),
10
+ /* @__PURE__ */ e("div", { className: a.label, children: o(s) })
11
11
  ] });
12
12
  export {
13
- b as default
13
+ _ as default
14
14
  };
@@ -1,35 +1,35 @@
1
1
  "use client";
2
- import { jsx as o, jsxs as t } from "react/jsx-runtime";
2
+ import { jsx as n, jsxs as t } from "react/jsx-runtime";
3
3
  import a from "../Button/Button.js";
4
- import { c as v } from "../../index-BIlioXmW.js";
4
+ import { c as h } from "../../index-BIlioXmW.js";
5
5
  import { useFadeIn as r } from "../../hooks/useFadeIn.js";
6
- import f from "../../utils/parse.js";
7
- import '../../assets/ImageTextBlock.css';const h = "_block_v38lo_1", g = "_container_v38lo_5", b = "_reverse_v38lo_11", N = "_content_v38lo_15", p = "_header_v38lo_20", k = "_body_v38lo_68", u = "_ctas_v38lo_115", x = "_image_v38lo_119", e = {
8
- block: h,
6
+ import u from "../../utils/parse.js";
7
+ import '../../assets/ImageTextBlock.css';const f = "_block_hnnuu_1", g = "_container_hnnuu_5", b = "_reverse_hnnuu_11", v = "_content_hnnuu_15", N = "_header_hnnuu_20", p = "_body_hnnuu_68", k = "_ctas_hnnuu_115", x = "_image_hnnuu_119", e = {
8
+ block: f,
9
9
  container: g,
10
10
  reverse: b,
11
- content: N,
12
- header: p,
13
- body: k,
14
- ctas: u,
11
+ content: v,
12
+ header: N,
13
+ body: p,
14
+ ctas: k,
15
15
  image: x
16
16
  }, F = ({
17
17
  image: i,
18
- header: l,
19
- body: d,
18
+ header: d,
19
+ body: l,
20
20
  primaryCta: s,
21
- secondaryCta: n,
21
+ secondaryCta: o,
22
22
  reverse: c
23
23
  }) => {
24
24
  const m = r({ direction: c ? "right" : "left" }), _ = r({ direction: c ? "right" : "left" });
25
- return /* @__PURE__ */ o("div", { className: v(e.block, c && e.reverse), children: /* @__PURE__ */ t("div", { className: e.container, children: [
26
- /* @__PURE__ */ o("div", { className: e.image, ref: m, children: /* @__PURE__ */ o("img", { src: i }) }),
25
+ return /* @__PURE__ */ n("div", { className: h(e.block, c && e.reverse), children: /* @__PURE__ */ t("div", { className: e.container, children: [
26
+ /* @__PURE__ */ n("div", { className: e.image, ref: m, children: /* @__PURE__ */ n("img", { src: i }) }),
27
27
  /* @__PURE__ */ t("div", { className: e.content, ref: _, children: [
28
- /* @__PURE__ */ o("h2", { className: e.header, children: l }),
29
- /* @__PURE__ */ o("div", { className: e.body, children: f(d) }),
28
+ /* @__PURE__ */ n("h2", { className: e.header, children: d }),
29
+ /* @__PURE__ */ n("div", { className: e.body, children: u(l) }),
30
30
  /* @__PURE__ */ t("div", { className: e.ctas, children: [
31
- s && /* @__PURE__ */ o(a, { ...s }),
32
- n && /* @__PURE__ */ o(a, { ...n })
31
+ s && /* @__PURE__ */ n(a, { ...s }),
32
+ o && /* @__PURE__ */ n(a, { ...o })
33
33
  ] })
34
34
  ] })
35
35
  ] }) });
@@ -1,25 +1,25 @@
1
1
  "use client";
2
2
  import { jsx as t, jsxs as c } from "react/jsx-runtime";
3
- import r from "../../utils/parse.js";
3
+ import s from "../../utils/parse.js";
4
4
  import "react";
5
- import '../../assets/OverlayHero.css';const n = "_hero_235uq_1", _ = "_overlay_235uq_12", u = "_eyebrow_235uq_35", d = "_title_235uq_42", m = "_subtitle_235uq_60", e = {
5
+ import '../../assets/OverlayHero.css';const n = "_hero_1wst1_1", _ = "_overlay_1wst1_12", d = "_eyebrow_1wst1_35", m = "_title_1wst1_42", y = "_subtitle_1wst1_60", e = {
6
6
  hero: n,
7
7
  overlay: _,
8
- eyebrow: u,
9
- title: d,
10
- subtitle: m
11
- }, p = ({ text: y, image: o, pos: s, eyebrow: l, title: a, subtitle: i }) => /* @__PURE__ */ t(
8
+ eyebrow: d,
9
+ title: m,
10
+ subtitle: y
11
+ }, v = ({ text: b, image: r, pos: o, eyebrow: l, title: a, subtitle: i }) => /* @__PURE__ */ t(
12
12
  "div",
13
13
  {
14
14
  className: e.hero,
15
- style: { backgroundImage: `url(${o})`, backgroundPosition: s },
15
+ style: { backgroundImage: `url(${r})`, backgroundPosition: o },
16
16
  children: /* @__PURE__ */ c("div", { className: e.overlay, children: [
17
17
  /* @__PURE__ */ t("p", { className: e.eyebrow, children: l }),
18
- /* @__PURE__ */ t("h1", { className: e.title, children: r(a) }),
19
- /* @__PURE__ */ t("div", { className: e.subtitle, children: r(i) })
18
+ /* @__PURE__ */ t("h1", { className: e.title, children: s(a) }),
19
+ /* @__PURE__ */ t("div", { className: e.subtitle, children: s(i) })
20
20
  ] })
21
21
  }
22
22
  );
23
23
  export {
24
- p as default
24
+ v as default
25
25
  };
package/dist/index.js CHANGED
@@ -5,40 +5,40 @@ import { default as T } from "./components/BorderedBackground/BorderedBackground
5
5
  import { default as F } from "./components/Button/Button.js";
6
6
  import { default as D } from "./components/Container/Container.js";
7
7
  import { default as L } from "./components/Fifty/Fifty.js";
8
- import { default as q } from "./components/Footer/Footer.js";
9
- import { default as z } from "./components/ImageTextBlock/ImageTextBlock.js";
10
- import { default as J } from "./components/List/List.js";
11
- import { default as Q } from "./components/OverlayHero/OverlayHero.js";
12
- import { default as S } from "./components/Note/Note.js";
13
- import { default as V } from "./components/MenuButton/MenuButton.js";
14
- import { default as X } from "./components/Navbar/Navbar.js";
15
- import { default as Z } from "./components/PinnedImage/PinnedImage.js";
16
- import c from "./components/IconDetail/IconDetail.js";
8
+ import { default as $ } from "./components/Footer/Footer.js";
9
+ import { default as w } from "./components/ImageTextBlock/ImageTextBlock.js";
10
+ import { default as A } from "./components/List/List.js";
11
+ import { default as K } from "./components/OverlayHero/OverlayHero.js";
12
+ import { default as R } from "./components/Note/Note.js";
13
+ import { default as U } from "./components/MenuButton/MenuButton.js";
14
+ import { default as W } from "./components/Navbar/Navbar.js";
15
+ import { default as Y } from "./components/PinnedImage/PinnedImage.js";
16
+ import f from "./components/IconDetail/IconDetail.js";
17
17
  import { default as ee } from "./components/Overlay/Overlay.js";
18
18
  import { default as oe } from "./components/GenericOverlay/GenericOverlay.js";
19
19
  import { default as te } from "./components/Toolbar/Toolbar.js";
20
20
  import { default as se } from "./components/GridGallery/GridGallery.js";
21
21
  import { default as ce } from "./components/ParallaxImageGrid/ParallaxImageGrid.js";
22
22
  import { jsxs as a, jsx as r } from "react/jsx-runtime";
23
- import { createElement as f } from "react";
24
- import i from "./utils/parse.js";
25
- import './assets/index.css';const m = "_title_1v9uh_1", n = "_blocks_1v9uh_47", p = "_block_1v9uh_47", u = "_blockHeader_1v9uh_58", x = "_description_1v9uh_88", e = {
26
- title: m,
27
- blocks: n,
28
- block: p,
29
- blockHeader: u,
30
- description: x
23
+ import { createElement as i } from "react";
24
+ import m from "./utils/parse.js";
25
+ import './assets/index.css';const n = "_title_1v9uh_1", p = "_blocks_1v9uh_47", u = "_block_1v9uh_47", x = "_blockHeader_1v9uh_58", h = "_description_1v9uh_88", e = {
26
+ title: n,
27
+ blocks: p,
28
+ block: u,
29
+ blockHeader: x,
30
+ description: h
31
31
  }, N = ({ header: t, blocks: l }) => /* @__PURE__ */ a("div", { className: e.container, children: [
32
32
  /* @__PURE__ */ r("h2", { className: e.title, children: t }),
33
- /* @__PURE__ */ r("div", { className: e.blocks, children: l.map((o, h) => (
33
+ /* @__PURE__ */ r("div", { className: e.blocks, children: l.map((o, s) => (
34
34
  // <div className={styles.block} key={`block-${idx}`}>
35
35
  /* @__PURE__ */ a("div", { className: e.block, children: [
36
36
  /* @__PURE__ */ r("h3", { className: e.blockHeader, children: o.header }),
37
37
  /* @__PURE__ */ a("div", { className: e.content, children: [
38
- /* @__PURE__ */ r("div", { className: e.description, children: i(o.description) }),
39
- /* @__PURE__ */ r("div", { className: e.details, children: o.details && o.details.map((s, d) => /* @__PURE__ */ f(c, { ...s, key: d })) })
38
+ /* @__PURE__ */ r("div", { className: e.description, children: m(o.description) }),
39
+ /* @__PURE__ */ r("div", { className: e.details, children: o.details && o.details.map((d, c) => /* @__PURE__ */ i(f, { ...d, key: c })) })
40
40
  ] })
41
- ] })
41
+ ] }, `block-${s}`)
42
42
  )) })
43
43
  ] });
44
44
  export {
@@ -48,19 +48,19 @@ export {
48
48
  F as Button,
49
49
  D as Container,
50
50
  L as Fifty,
51
- q as Footer,
51
+ $ as Footer,
52
52
  oe as GenericOverlay,
53
53
  se as GridGallery,
54
- c as IconDetail,
55
- z as ImageTextBlock,
56
- J as List,
57
- V as MenuButton,
58
- X as Navbar,
59
- S as Note,
54
+ f as IconDetail,
55
+ w as ImageTextBlock,
56
+ A as List,
57
+ U as MenuButton,
58
+ W as Navbar,
59
+ R as Note,
60
60
  ee as Overlay,
61
- Q as OverlayHero,
61
+ K as OverlayHero,
62
62
  ce as ParallaxImageGrid,
63
- Z as PinnedImage,
63
+ Y as PinnedImage,
64
64
  g as PromoGroup,
65
65
  N as TextBlock,
66
66
  te as Toolbar
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@courtneyring/components-library",
3
- "version": "1.0.16",
3
+ "version": "1.0.18",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",