quirk-ui 0.1.141 → 0.1.143

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/index.css CHANGED
@@ -1 +1 @@
1
- :root{--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root,[data-theme=light]{--color-primary-10: #e6f0ff;--color-primary-25: #b3d1ff;--color-primary-50: #4da3ff;--color-primary-75: #0066cc;--color-primary-100: #004a99;--color-primary-foreground: #ffffff;--color-primary-rgb: 0, 74, 153;--color-secondary-10: #f2f4f7;--color-secondary-25: #d0d5db;--color-secondary-50: #6b7280;--color-secondary-75: #374151;--color-secondary-100: #111827;--color-secondary-foreground: #ffffff;--color-secondary-rgb: 17, 24, 39;--color-text-primary: #111111;--color-heading: #111111;--color-background: #ffffff;--color-background-rgb: 255, 255, 255;--color-foreground: #ffffff;--color-foreground-rgb: 255, 255, 255;--color-border: #d1d5db;--color-link: #004a99;--color-link-hover: #004a99;--color-link-inverted: #ffffff;--color-error: #b91c1c;--color-success: #1e7e34;--color-warning: #d97706;--color-status-online: #1e7e34;--color-status-offline: #6b7280;--color-status-busy: #b91c1c;--color-states-muted-bg: #d1d5db;--color-states-muted-text: #292a2b;--color-states-muted-hover: #bcbfc5;--color-states-info-bg: #004a99;--color-states-info-text: #ffffff;--color-states-info-hover: #4da3ff;--color-states-success-bg: #1e7e34;--color-states-success-text: #ffffff;--color-states-success-hover: #4ade80;--color-states-error-bg: #b91c1c;--color-states-error-text: #ffffff;--color-states-error-hover: #f87171;--color-states-warning-bg: #b97706;--color-states-warning-text: #ffffff;--color-states-warning-hover: #facc15;--color-button-primary-bg: #004a99;--color-button-primary-text: #ffffff;--color-button-primary-hover-bg: #0066cc;--color-button-primary-hover-text: #ffffff;--color-button-secondary-bg: transparent;--color-button-secondary-text: #004a99;--color-button-secondary-hover-bg: #0066cc;--color-button-secondary-hover-text: #ffffff;--color-navigation-transparent-links: #111827;--color-navigation-transparent-links-hover: #004a99;--color-carousel-button-background: #d1d5db;--color-carousel-button-text: #111827;--color-tab-background: #1f2937;--color-tab-text: #ffffff}[data-theme=dark]{--color-primary-10: #1a2b47;--color-primary-25: #274572;--color-primary-50: #336199;--color-primary-75: #3d7ad1;--color-primary-100: #4da3ff;--color-primary-foreground: #ffffff;--color-primary-rgb: 77, 163, 255;--color-secondary-10: #1f2937;--color-secondary-25: #374151;--color-secondary-50: #6b7280;--color-secondary-75: #9ca3af;--color-secondary-100: #d1d5db;--color-secondary-foreground: #111111;--color-secondary-rgb: 209, 213, 219;--color-text-primary: #f9fafb;--color-heading: #f9fafb;--color-background: #111827;--color-background-rgb: 17, 24, 39;--color-foreground: #1f2937;--color-foreground-rgb: 12, 26, 22;--color-border: #374151;--color-link: #4da3ff;--color-link-hover: #4da3ff;--color-link-inverted: #d1d5db;--color-error: #f87171;--color-success: #4ade80;--color-warning: #facc15;--color-status-online: #1e7e34;--color-status-offline: #6b7280;--color-status-busy: #b91c1c;--color-states-info-bg: #4da3ff;--color-states-info-text: #111111;--color-states-info-hover: #004a99;--color-states-success-bg: #4ade80;--color-states-success-text: #111111;--color-states-success-hover: #1e7e34;--color-states-error-bg: #f87171;--color-states-error-text: #111111;--color-states-error-hover: #b91c1c;--color-states-warning-bg: #facc15;--color-states-warning-text: #111111;--color-states-warning-hover: #b97706;--color-button-primary-bg: #4da3ff;--color-button-primary-text: #ffffff;--color-button-primary-hover-bg: #3d7ad1;--color-button-primary-hover-text: #ffffff;--color-button-secondary-bg: transparent;--color-button-secondary-text: #4da3ff;--color-button-secondary-hover-bg: #3d7ad1;--color-button-secondary-hover-text: #ffffff;--color-navigation-transparent-links: #f9fafb;--color-navigation-transparent-links-hover: #4da3ff;--color-carousel-button-background: #d1d5db;--color-carousel-button-text: #1f2937;--color-tab-background: #f2f4f7;--color-tab-text: #111111}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-h1: 3rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-heading: 1.25;--line-height-tight: 1;--line-height-normal: 1.25;--line-height-loose: 1.5}:root{--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15)}
1
+ :root{--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root,[data-theme=light]{--color-primary-10: #e6f0ff;--color-primary-25: #b3d1ff;--color-primary-50: #4da3ff;--color-primary-75: #0066cc;--color-primary-100: #004a99;--color-primary-foreground: #ffffff;--color-primary-rgb: 0, 74, 153;--color-secondary-10: #f2f4f7;--color-secondary-25: #d0d5db;--color-secondary-50: #6b7280;--color-secondary-75: #374151;--color-secondary-100: #111827;--color-secondary-foreground: #ffffff;--color-secondary-rgb: 17, 24, 39;--color-text-primary: #111111;--color-heading: #111111;--color-background: #ffffff;--color-background-rgb: 255, 255, 255;--color-foreground: #ffffff;--color-foreground-rgb: 255, 255, 255;--color-border: #d1d5db;--color-link: #004a99;--color-link-hover: #004a99;--color-link-inverted: #ffffff;--color-error: #b91c1c;--color-success: #1e7e34;--color-warning: #d97706;--color-status-online: #1e7e34;--color-status-offline: #6b7280;--color-status-busy: #b91c1c;--color-states-muted-bg: #d1d5db;--color-states-muted-text: #292a2b;--color-states-muted-hover: #bcbfc5;--color-states-info-bg: #004a99;--color-states-info-text: #ffffff;--color-states-info-hover: #4da3ff;--color-states-success-bg: #1e7e34;--color-states-success-text: #ffffff;--color-states-success-hover: #4ade80;--color-states-error-bg: #b91c1c;--color-states-error-text: #ffffff;--color-states-error-hover: #f87171;--color-states-warning-bg: #b97706;--color-states-warning-text: #ffffff;--color-states-warning-hover: #facc15;--color-button-primary-bg: #004a99;--color-button-primary-text: #ffffff;--color-button-primary-hover-bg: #0066cc;--color-button-primary-hover-text: #ffffff;--color-button-secondary-bg: transparent;--color-button-secondary-text: #004a99;--color-button-secondary-hover-bg: #0066cc;--color-button-secondary-hover-text: #ffffff;--color-navigation-transparent-links: #111827;--color-navigation-transparent-links-hover: #004a99;--color-carousel-button-background: #d1d5db;--color-carousel-button-text: #111827;--color-tab-background: #1f2937;--color-tab-text: #ffffff}[data-theme=dark]{--color-primary-10: #1a2b47;--color-primary-25: #274572;--color-primary-50: #336199;--color-primary-75: #3d7ad1;--color-primary-100: #4da3ff;--color-primary-foreground: #ffffff;--color-primary-rgb: 77, 163, 255;--color-secondary-10: #1f2937;--color-secondary-25: #374151;--color-secondary-50: #6b7280;--color-secondary-75: #9ca3af;--color-secondary-100: #d1d5db;--color-secondary-foreground: #111111;--color-secondary-rgb: 209, 213, 219;--color-text-primary: #f9fafb;--color-heading: #f9fafb;--color-background: #111827;--color-background-rgb: 17, 24, 39;--color-foreground: #1f2937;--color-foreground-rgb: 12, 26, 22;--color-border: #374151;--color-link: #4da3ff;--color-link-hover: #4da3ff;--color-link-inverted: #d1d5db;--color-error: #f87171;--color-success: #4ade80;--color-warning: #facc15;--color-status-online: #1e7e34;--color-status-offline: #6b7280;--color-status-busy: #b91c1c;--color-states-info-bg: #4da3ff;--color-states-info-text: #111111;--color-states-info-hover: #004a99;--color-states-success-bg: #4ade80;--color-states-success-text: #111111;--color-states-success-hover: #1e7e34;--color-states-error-bg: #f87171;--color-states-error-text: #111111;--color-states-error-hover: #b91c1c;--color-states-warning-bg: #facc15;--color-states-warning-text: #111111;--color-states-warning-hover: #b97706;--color-button-primary-bg: #4da3ff;--color-button-primary-text: #ffffff;--color-button-primary-hover-bg: #3d7ad1;--color-button-primary-hover-text: #ffffff;--color-button-secondary-bg: transparent;--color-button-secondary-text: #4da3ff;--color-button-secondary-hover-bg: #3d7ad1;--color-button-secondary-hover-text: #ffffff;--color-navigation-transparent-links: #f9fafb;--color-navigation-transparent-links-hover: #4da3ff;--color-carousel-button-background: #d1d5db;--color-carousel-button-text: #1f2937;--color-tab-background: #f2f4f7;--color-tab-text: #111111}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-h1: 3rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-heading: 1.25;--line-height-tight: 1;--line-height-normal: 1.1;--line-height-loose: 1.5}:root{--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15)}
package/dist/index17.css CHANGED
@@ -1 +1 @@
1
- ._cardLink_1bvyf_1{text-decoration:none;cursor:pointer}._card_1bvyf_1{background-color:transparent;min-height:100%;border-radius:var(--radius-md);position:relative;overflow:hidden}@media (max-width: 768px){._card_1bvyf_1{width:100%;max-width:none;min-width:0}}._container_1bvyf_21{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;height:100%;width:100%;padding:3.25rem var(--spacing-xl)}._content_1bvyf_31{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}._icon_1bvyf_38{margin-bottom:var(--spacing-sm)}._icon_1bvyf_38 i,._icon_1bvyf_38 svg{font-size:2.5rem;color:var(--color-primary-100)}._cardLink_1bvyf_1:hover ._card_1bvyf_1,._modalTrigger_1bvyf_60:hover ._card_1bvyf_1{background-color:var(--color-primary-100)}._cardLink_1bvyf_1:hover ._callToAction_1bvyf_65 ._label_1bvyf_66,._modalTrigger_1bvyf_60:hover ._callToAction_1bvyf_65 ._label_1bvyf_66{opacity:1;transform:translateY(0)}._cardLink_1bvyf_1:hover ._callToAction_1bvyf_65 ._cardIcon_1bvyf_71,._modalTrigger_1bvyf_60:hover ._callToAction_1bvyf_65 ._cardIcon_1bvyf_71{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._title_1bvyf_78{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);text-decoration:none;flex:1;transition:color .3s ease-in-out}._title_1bvyf_78 span{transition:color .3s ease-in-out}._description_1bvyf_101{margin:0}._description_1bvyf_101:has(.inlineNumber){display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._description_1bvyf_101:has(.inlineNumber){align-items:center;justify-content:center;flex-direction:column}}._imageWrapper_1bvyf_116{position:relative;height:100%;display:flex;justify-content:center}@media (max-width: 767px){._imageWrapper_1bvyf_116{max-width:380px}}._imageWrapper_1bvyf_116 img{position:relative;height:auto}._modalTrigger_1bvyf_60{cursor:pointer}._modalTrigger_1bvyf_60 ._imageWrapper_1bvyf_116{transition:opacity .3s ease-in-out}._modalTrigger_1bvyf_60:hover ._cardIcon_1bvyf_71{background-color:var(--color-primary-100);border-color:var(--color-primary-100);color:#fff}._modalTrigger_1bvyf_60:hover ._imageWrapper_1bvyf_116{opacity:.75}._callToAction_1bvyf_65{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_1bvyf_65 ._cardIcon_1bvyf_71{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_1bvyf_65 ._label_1bvyf_66{color:var(--color-primary-100);font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}._metric_1bvyf_205 ._content_1bvyf_31{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;height:100%;margin:0 auto}._metric_1bvyf_205 ._description_1bvyf_101{text-align:center;font-size:var(--font-size-lg)}._metric_1bvyf_205 ._outerCircle_1bvyf_222{stroke-width:10px;stroke:#ccc}._metric_1bvyf_205 ._innerCircle_1bvyf_227{stroke:var(--color-primary-100);fill:none;stroke-width:10px}._metric_1bvyf_205 ._metricLabel_1bvyf_233{position:relative;font-weight:var(--font-weight-bold);font-size:1.75rem;fill:var(--color-primary-100)}._textOnly_1bvyf_241 ._title_1bvyf_78{color:var(--color-primary-100);font-size:var(--font-size-xl)}._textOnly_1bvyf_241 ._description_1bvyf_101{color:var(--color-text-primary);font-size:var(--font-size-md)}._textOnly_1bvyf_241 ._imageWrapper_1bvyf_116{display:none}._textOnly_1bvyf_241 ._cardLink_1bvyf_1:hover ._card_1bvyf_1,._textOnly_1bvyf_241 ._modalTrigger_1bvyf_60:hover ._card_1bvyf_1{background-color:var(--color-primary-100)}._textOnly_1bvyf_241 ._cardLink_1bvyf_1:hover ._callToAction_1bvyf_65 ._label_1bvyf_66,._textOnly_1bvyf_241 ._modalTrigger_1bvyf_60:hover ._callToAction_1bvyf_65 ._label_1bvyf_66{opacity:1;transform:translateY(0);color:#fff}._textOnly_1bvyf_241 ._cardLink_1bvyf_1:hover ._callToAction_1bvyf_65 ._cardIcon_1bvyf_71,._textOnly_1bvyf_241 ._modalTrigger_1bvyf_60:hover ._callToAction_1bvyf_65 ._cardIcon_1bvyf_71{background-color:#e0eaf9;color:var(--color-primary-100);border:5px solid #e0eaf9}._imageOnly_1bvyf_278 ._container_1bvyf_21{padding:var(--spacing-md);display:flex;align-items:center;justify-content:center}._imageOnly_1bvyf_278 ._imageWrapper_1bvyf_116{display:flex;align-items:center;justify-content:center;position:relative;top:0;right:0;bottom:0;left:0;width:100%;height:100%}._imageOnly_1bvyf_278 ._imageWrapper_1bvyf_116 img{width:100%;height:100%;object-fit:cover}._fullBleed_1bvyf_303{min-height:450px}._fullBleed_1bvyf_303 ._container_1bvyf_21{display:block;padding:0}._fullBleed_1bvyf_303 ._modalTrigger_1bvyf_60{display:block}._fullBleed_1bvyf_303 ._content_1bvyf_31{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);z-index:5;background:#ffffffa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:var(--spacing-lg)}._fullBleed_1bvyf_303 ._imageWrapper_1bvyf_116{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}._fullBleed_1bvyf_303 ._imageWrapper_1bvyf_116 img{width:100%;height:100%;object-fit:cover}._imageTop_1bvyf_344 ._container_1bvyf_21{height:auto;justify-content:flex-start;flex-direction:column-reverse}._imageTop_1bvyf_344 ._imageWrapper_1bvyf_116{aspect-ratio:16/9}._imageTop_1bvyf_344 ._imageWrapper_1bvyf_116 img{position:relative;width:100%;height:auto;object-fit:cover}._imageBottom_1bvyf_363 ._container_1bvyf_21{height:100%;justify-content:flex-start;flex-direction:column}._imageBottom_1bvyf_363 ._imageWrapper_1bvyf_116{height:auto;align-items:normal}@media (max-width: 767px){._imageBottom_1bvyf_363 ._imageWrapper_1bvyf_116{max-height:350px}}._imageBottom_1bvyf_363 ._imageWrapper_1bvyf_116 img{width:100%;height:auto;object-fit:cover}@media (max-width: 767px){._imageBottom_1bvyf_363 ._imageWrapper_1bvyf_116 img{position:relative}}._imageLeft_1bvyf_391 ._container_1bvyf_21{flex-direction:row-reverse}@media (max-width: 767px){._imageLeft_1bvyf_391 ._container_1bvyf_21{flex-direction:column-reverse}}._imageRight_1bvyf_401 ._container_1bvyf_21{flex-direction:row}@media (max-width: 767px){._imageRight_1bvyf_401 ._container_1bvyf_21{flex-direction:column}}._imageLeft_1bvyf_391 ._content_1bvyf_31,._imageRight_1bvyf_401 ._content_1bvyf_31{flex:.8;width:100%}._imageLeft_1bvyf_391 ._title_1bvyf_78,._imageRight_1bvyf_401 ._title_1bvyf_78{font-size:var(--font-size-xl)}._imageLeft_1bvyf_391 ._description_1bvyf_101,._imageRight_1bvyf_401 ._description_1bvyf_101{font-size:var(--font-size-md)}._imageLeft_1bvyf_391 ._imageWrapper_1bvyf_116,._imageRight_1bvyf_401 ._imageWrapper_1bvyf_116{flex:.75 1;height:100%;max-height:450px;max-width:275px;margin:0 auto;position:relative}._imageLeft_1bvyf_391 ._imageWrapper_1bvyf_116 img,._imageRight_1bvyf_401 ._imageWrapper_1bvyf_116 img{border-radius:var(--radius-md);overflow:hidden;width:100%;object-fit:cover;height:auto}@media (max-width: 767px){._imageLeft_1bvyf_391 ._imageWrapper_1bvyf_116,._imageRight_1bvyf_401 ._imageWrapper_1bvyf_116{flex:1;justify-content:flex-start;max-height:250px;width:100%}._imageLeft_1bvyf_391 ._imageWrapper_1bvyf_116 img,._imageRight_1bvyf_401 ._imageWrapper_1bvyf_116 img{position:relative;height:100%;width:100%;min-width:150px}}._containImage_1bvyf_459{gap:var(--spacing-xl)}._containImage_1bvyf_459 ._imageWrapper_1bvyf_116{align-items:center}._fullBleedImage_1bvyf_467{padding:0;gap:0}@media (max-width: 767px){._fullBleedImage_1bvyf_467 ._imageWrapper_1bvyf_116{max-width:unset}}._fullBleedImage_1bvyf_467 ._imageWrapper_1bvyf_116 img{height:100%}._fullBleedImage_1bvyf_467 ._content_1bvyf_31{width:auto;padding:var(--spacing-md)}._image_1bvyf_116{min-height:unset}._image_1bvyf_116 ._container_1bvyf_21{padding:var(--spacing-sm);justify-content:center}._image_1bvyf_116 ._imageWrapper_1bvyf_116{width:100%;min-height:unset}._image_1bvyf_116 ._imageWrapper_1bvyf_116 ._imageWrapper_1bvyf_116 img{position:relative}.homeGrid ._textOnly_1bvyf_241 ._title_1bvyf_78{color:#fff}.homeGrid ._textOnly_1bvyf_241 ._description_1bvyf_101{color:#fff;font-size:var(--font-size-md)}.homeGrid ._fullBleed_1bvyf_303{min-height:400px}@media (min-width: 768px){.homeGrid ._fullBleed_1bvyf_303{min-height:unset}}.startMetricGrid ._textOnly_1bvyf_241{max-width:300px;margin:0 auto}.startMetricGrid ._textOnly_1bvyf_241 ._title_1bvyf_78{font-size:3rem}.conditionManagementServicesGrid ._imageLeft_1bvyf_391{min-height:235px}.conditionManagementServicesGrid ._imageLeft_1bvyf_391 ._content_1bvyf_31{flex:1}.conditionManagementServicesGrid ._imageLeft_1bvyf_391 ._title_1bvyf_78{font-size:var(--font-size-xl)}.conditionManagementServicesGrid ._imageLeft_1bvyf_391 ._imageWrapper_1bvyf_116{flex:.25}@media (max-width: 767px){.conditionManagementServicesGrid ._imageLeft_1bvyf_391 ._imageWrapper_1bvyf_116{flex:1}}.backgroundPrimary ._eyebrow_1bvyf_563,.backgroundPrimary ._title_1bvyf_78,.backgroundPrimary ._description_1bvyf_101{color:#fff}.backgroundPrimary ._cta_1bvyf_575 ._secondary_1bvyf_576{background-color:#fff}
1
+ ._cardLink_1yxts_1{text-decoration:none;cursor:pointer}._card_1yxts_1{background-color:transparent;min-height:100%;border-radius:var(--radius-md);position:relative;overflow:hidden}@media (max-width: 768px){._card_1yxts_1{width:100%;max-width:none;min-width:0}}._container_1yxts_21{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;height:100%;width:100%;padding:3.25rem var(--spacing-xl)}._content_1yxts_31{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}._icon_1yxts_38{margin-bottom:var(--spacing-sm)}._icon_1yxts_38 i,._icon_1yxts_38 svg{font-size:2.5rem;color:var(--color-primary-100)}._cardLink_1yxts_1:hover ._card_1yxts_1,._modalTrigger_1yxts_60:hover ._card_1yxts_1{background-color:var(--color-primary-100)}._cardLink_1yxts_1:hover ._callToAction_1yxts_65 ._label_1yxts_66,._modalTrigger_1yxts_60:hover ._callToAction_1yxts_65 ._label_1yxts_66{opacity:1;transform:translateY(0)}._cardLink_1yxts_1:hover ._callToAction_1yxts_65 ._cardIcon_1yxts_71,._modalTrigger_1yxts_60:hover ._callToAction_1yxts_65 ._cardIcon_1yxts_71{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._title_1yxts_78{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);text-decoration:none;flex:1;transition:color .3s ease-in-out}._title_1yxts_78 span{transition:color .3s ease-in-out}._description_1yxts_101{margin:0}._description_1yxts_101:has(.inlineNumber){display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._description_1yxts_101:has(.inlineNumber){align-items:center;justify-content:center;flex-direction:column}}._imageWrapper_1yxts_116{position:relative;height:100%;display:flex;justify-content:center}@media (max-width: 767px){._imageWrapper_1yxts_116{max-width:380px}}._imageWrapper_1yxts_116 img{position:relative;height:auto}._modalTrigger_1yxts_60{cursor:pointer}._modalTrigger_1yxts_60 ._imageWrapper_1yxts_116{transition:opacity .3s ease-in-out}._modalTrigger_1yxts_60:hover ._cardIcon_1yxts_71{background-color:var(--color-primary-100);border-color:var(--color-primary-100);color:#fff}._modalTrigger_1yxts_60:hover ._imageWrapper_1yxts_116{opacity:.75}._callToAction_1yxts_65{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_1yxts_65 ._cardIcon_1yxts_71{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_1yxts_65 ._label_1yxts_66{color:var(--color-primary-100);font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}._metric_1yxts_205 ._content_1yxts_31{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;height:100%;margin:0 auto}._metric_1yxts_205 ._description_1yxts_101{text-align:center;font-size:var(--font-size-lg)}._metric_1yxts_205 ._outerCircle_1yxts_222{stroke-width:10px;stroke:#ccc}._metric_1yxts_205 ._innerCircle_1yxts_227{stroke:var(--color-primary-100);fill:none;stroke-width:10px}._metric_1yxts_205 ._metricLabel_1yxts_233{position:relative;font-weight:var(--font-weight-bold);font-size:1.75rem;fill:var(--color-primary-100)}._textOnly_1yxts_241 ._title_1yxts_78{color:var(--color-primary-100);font-size:var(--font-size-xl)}._textOnly_1yxts_241 ._description_1yxts_101{color:var(--color-text-primary);font-size:var(--font-size-md)}._textOnly_1yxts_241 ._imageWrapper_1yxts_116{display:none}._textOnly_1yxts_241 ._cardLink_1yxts_1:hover ._card_1yxts_1,._textOnly_1yxts_241 ._modalTrigger_1yxts_60:hover ._card_1yxts_1{background-color:var(--color-primary-100)}._textOnly_1yxts_241 ._cardLink_1yxts_1:hover ._callToAction_1yxts_65 ._label_1yxts_66,._textOnly_1yxts_241 ._modalTrigger_1yxts_60:hover ._callToAction_1yxts_65 ._label_1yxts_66{opacity:1;transform:translateY(0);color:#fff}._textOnly_1yxts_241 ._cardLink_1yxts_1:hover ._callToAction_1yxts_65 ._cardIcon_1yxts_71,._textOnly_1yxts_241 ._modalTrigger_1yxts_60:hover ._callToAction_1yxts_65 ._cardIcon_1yxts_71{background-color:#e0eaf9;color:var(--color-primary-100);border:5px solid #e0eaf9}._imageOnly_1yxts_278 ._container_1yxts_21{padding:var(--spacing-md);display:flex;align-items:center;justify-content:center}._imageOnly_1yxts_278 ._imageWrapper_1yxts_116{display:flex;align-items:center;justify-content:center;position:relative;top:0;right:0;bottom:0;left:0;width:100%;height:100%}._imageOnly_1yxts_278 ._imageWrapper_1yxts_116 img{width:100%;height:100%;object-fit:cover}._fullBleed_1yxts_303{min-height:450px}._fullBleed_1yxts_303 ._container_1yxts_21{display:block;padding:0}._fullBleed_1yxts_303 ._modalTrigger_1yxts_60{display:block}._fullBleed_1yxts_303 ._content_1yxts_31{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);z-index:5;background:#ffffffa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:var(--spacing-lg)}._fullBleed_1yxts_303 ._imageWrapper_1yxts_116{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}._fullBleed_1yxts_303 ._imageWrapper_1yxts_116 img{width:100%;height:100%;object-fit:cover}._imageTop_1yxts_344 ._container_1yxts_21{height:auto;justify-content:flex-start;flex-direction:column-reverse}._imageTop_1yxts_344 ._imageWrapper_1yxts_116{aspect-ratio:16/9}._imageTop_1yxts_344 ._imageWrapper_1yxts_116 img{position:relative;width:100%;height:auto;object-fit:cover}._imageBottom_1yxts_363 ._container_1yxts_21{height:100%;justify-content:flex-start;flex-direction:column}._imageBottom_1yxts_363 ._imageWrapper_1yxts_116{height:auto;align-items:normal}@media (max-width: 767px){._imageBottom_1yxts_363 ._imageWrapper_1yxts_116{max-height:350px}}._imageBottom_1yxts_363 ._imageWrapper_1yxts_116 img{width:100%;height:auto;object-fit:cover}@media (max-width: 767px){._imageBottom_1yxts_363 ._imageWrapper_1yxts_116 img{position:relative}}._imageLeft_1yxts_391 ._container_1yxts_21{flex-direction:row-reverse}@media (max-width: 767px){._imageLeft_1yxts_391 ._container_1yxts_21{flex-direction:column-reverse}}._imageRight_1yxts_401 ._container_1yxts_21{flex-direction:row}@media (max-width: 767px){._imageRight_1yxts_401 ._container_1yxts_21{flex-direction:column}}._imageLeft_1yxts_391 ._content_1yxts_31,._imageRight_1yxts_401 ._content_1yxts_31{flex:.8;width:100%}._imageLeft_1yxts_391 ._title_1yxts_78,._imageRight_1yxts_401 ._title_1yxts_78{font-size:var(--font-size-xl)}._imageLeft_1yxts_391 ._description_1yxts_101,._imageRight_1yxts_401 ._description_1yxts_101{font-size:var(--font-size-md)}._imageLeft_1yxts_391 ._imageWrapper_1yxts_116,._imageRight_1yxts_401 ._imageWrapper_1yxts_116{flex:.75 1;height:100%;max-height:450px;max-width:275px;margin:0 auto;position:relative}._imageLeft_1yxts_391 ._imageWrapper_1yxts_116 img,._imageRight_1yxts_401 ._imageWrapper_1yxts_116 img{overflow:hidden;width:100%;object-fit:cover;height:auto}@media (max-width: 767px){._imageLeft_1yxts_391 ._imageWrapper_1yxts_116,._imageRight_1yxts_401 ._imageWrapper_1yxts_116{flex:1;justify-content:flex-start;max-height:250px;width:100%}._imageLeft_1yxts_391 ._imageWrapper_1yxts_116 img,._imageRight_1yxts_401 ._imageWrapper_1yxts_116 img{position:relative;height:100%;width:100%;min-width:150px}}._containImage_1yxts_459{gap:var(--spacing-xl)}._containImage_1yxts_459 ._imageWrapper_1yxts_116{align-items:center}._fullBleedImage_1yxts_467{padding:0;gap:0}@media (max-width: 767px){._fullBleedImage_1yxts_467 ._imageWrapper_1yxts_116{max-width:unset}}._fullBleedImage_1yxts_467 ._imageWrapper_1yxts_116 img{height:100%}._fullBleedImage_1yxts_467 ._content_1yxts_31{width:auto;padding:var(--spacing-md)}._image_1yxts_116{min-height:unset}._image_1yxts_116 ._container_1yxts_21{padding:var(--spacing-sm);justify-content:center}._image_1yxts_116 ._imageWrapper_1yxts_116{width:100%;min-height:unset}._image_1yxts_116 ._imageWrapper_1yxts_116 ._imageWrapper_1yxts_116 img{position:relative}.homeGrid ._textOnly_1yxts_241 ._title_1yxts_78{color:#fff}.homeGrid ._textOnly_1yxts_241 ._description_1yxts_101{color:#fff;font-size:var(--font-size-md)}.homeGrid ._fullBleed_1yxts_303{min-height:400px}@media (min-width: 768px){.homeGrid ._fullBleed_1yxts_303{min-height:unset}}.startMetricGrid ._textOnly_1yxts_241{max-width:300px;margin:0 auto}.startMetricGrid ._textOnly_1yxts_241 ._title_1yxts_78{font-size:3rem}.conditionManagementServicesGrid ._imageLeft_1yxts_391{min-height:235px}.conditionManagementServicesGrid ._imageLeft_1yxts_391 ._content_1yxts_31{flex:1}.conditionManagementServicesGrid ._imageLeft_1yxts_391 ._title_1yxts_78{font-size:var(--font-size-xl)}.conditionManagementServicesGrid ._imageLeft_1yxts_391 ._imageWrapper_1yxts_116{flex:.25}@media (max-width: 767px){.conditionManagementServicesGrid ._imageLeft_1yxts_391 ._imageWrapper_1yxts_116{flex:1}}.backgroundPrimary ._eyebrow_1yxts_563,.backgroundPrimary ._title_1yxts_78,.backgroundPrimary ._description_1yxts_101{color:#fff}.backgroundPrimary ._cta_1yxts_575 ._secondary_1yxts_576{background-color:#fff}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index17.css');const s=require("react/jsx-runtime"),j=require("../../../core/components/Modal/index.cjs"),q=require("../../utils/resolveLinkUrl.cjs"),S=require("../../hooks/useMediaQuery.cjs"),$=require("../../hooks/useStyleClasses.cjs"),U=require("../../../core/context/ThemeContext.cjs"),d=require("../../utils/mediaUtils.cjs"),P=require("../../../play-CQBnZgNa.cjs"),F=require("../../../arrow-right-DO6S4vfx.cjs"),W="_cardLink_1bvyf_1",z="_card_1bvyf_1",G="_container_1bvyf_21",D="_content_1bvyf_31",E="_icon_1bvyf_38",Q="_modalTrigger_1bvyf_60",Y="_callToAction_1bvyf_65",H="_label_1bvyf_66",J="_cardIcon_1bvyf_71",K="_title_1bvyf_78",X="_description_1bvyf_101",Z="_imageWrapper_1bvyf_116",V="_metric_1bvyf_205",R="_outerCircle_1bvyf_222",A="_innerCircle_1bvyf_227",T="_metricLabel_1bvyf_233",ee="_textOnly_1bvyf_241",se="_imageOnly_1bvyf_278",te="_fullBleed_1bvyf_303",ae="_imageTop_1bvyf_344",ne="_imageBottom_1bvyf_363",re="_imageLeft_1bvyf_391",oe="_imageRight_1bvyf_401",ie="_containImage_1bvyf_459",le="_fullBleedImage_1bvyf_467",ce="_image_1bvyf_116",_e="_eyebrow_1bvyf_563",me="_cta_1bvyf_575",de="_secondary_1bvyf_576",e={cardLink:W,card:z,container:G,content:D,icon:E,modalTrigger:Q,callToAction:Y,label:H,cardIcon:J,title:K,description:X,imageWrapper:Z,metric:V,outerCircle:R,innerCircle:A,metricLabel:T,textOnly:ee,imageOnly:se,fullBleed:te,imageTop:ae,imageBottom:ne,imageLeft:re,imageRight:oe,containImage:ie,fullBleedImage:le,image:ce,eyebrow:_e,cta:me,secondary:de},p={"full-bleed":e.fullBleed,text:e.textOnly,metric:e.metric,"image-left":e.imageLeft,"image-right":e.imageRight,"image-top":e.imageTop,"image-bottom":e.imageBottom,"image-only":e.imageOnly};function ge({value:t}){if(!t.includes("%"))return s.jsx("div",{className:e.metric});const a=125,n=(a-10)/2,r=2*Math.PI*n,l=r-parseFloat(t)/100*r;return s.jsxs("svg",{width:a,height:a,viewBox:`0 0 ${a} ${a}`,children:[s.jsx("circle",{className:e.outerCircle,cx:a/2,cy:a/2,r:n,fill:"none"}),s.jsx("circle",{className:e.innerCircle,cx:a/2,cy:a/2,r:n,fill:"none",strokeDasharray:r,strokeDashoffset:l,strokeLinecap:"round",transform:`rotate(-90 ${a/2} ${a/2})`}),s.jsx("text",{className:e.metricLabel,x:"50%",y:"52%",dominantBaseline:"middle",textAnchor:"middle",children:t})]})}function ye({callToAction:t,resolvedUrl:a,children:n}){var r,l;switch(t==null?void 0:t.type){case"link":return s.jsx("a",{className:e.cardLink,"aria-label":t.ariaLabel||t.label,href:a,target:((r=t.linkOptions)==null?void 0:r.linkType)==="external"?"_blank":"_self",rel:((l=t.linkOptions)==null?void 0:l.linkType)==="external"?"noopener noreferrer":"",children:n});case"modal":return s.jsx(j.Modal,{className:e.modalTrigger,trigger:n,content:t.modalContent});case"video":return s.jsx(j.Modal,{className:e.modalTrigger,trigger:n,content:s.jsx("video",{src:t.videoUrl,controls:!0,autoPlay:!0})});case"download":return s.jsx("a",{className:e.cardLink,"aria-label":t.ariaLabel||t.label,href:a,download:!0,target:"_blank",rel:"noopener noreferrer",children:n});default:return s.jsx(s.Fragment,{children:n})}}function fe({style:t,variant:a="noImage",metricValue:n,eyebrow:r,title:l,description:_,image:c,icon:g,callToAction:o,onHover:h,onLeave:N,gridArea:y,styleOptions:k,renderImage:f,renderRichText:i}){const{mode:b}=U.useTheme(),u=S.useMediaQuery("(max-width: 767px)"),L=$.useStyleClasses(k),C=q.resolveLinkURL(o),m=d.resolveImageUrl(c,b),v=d.resolveAltText(c,b),x=d.resolveImageStyle(c,u),B=(c==null?void 0:c.layout)==="cover",I=p[t??"image-top"]??p["image-top"],w=c&&m?s.jsx("div",{className:e.imageWrapper,children:f?f({src:m,alt:v,width:600,height:658,style:t==="full-bleed"?{objectFit:"cover",objectPosition:"top"}:x}):s.jsx("img",{src:m,alt:v,width:600,height:658,style:x})}):null,M=!n&&!r&&!l&&!_,O=s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:`${e.container} ${B?e.fullBleedImage:e.containImage}`,children:[a!=="image"&&!M&&s.jsxs("div",{className:e.content,children:[g&&s.jsx("div",{className:e.icon,children:s.jsx("i",{className:g})}),n&&s.jsx(ge,{value:n}),r&&(i==null?void 0:i({blocks:r,className:e.eyebrow})),l&&(i==null?void 0:i({blocks:l,className:e.title})),_&&(i==null?void 0:i({blocks:_,className:e.description}))]}),w]}),(o==null?void 0:o.videoUrl)&&s.jsxs("div",{className:e.callToAction,children:[s.jsx("div",{className:e.label,children:o.label}),s.jsx("div",{className:e.cardIcon,children:s.jsx(P.Play,{size:45})})]}),(o==null?void 0:o.type)==="link"&&s.jsxs("div",{className:e.callToAction,children:[s.jsx("div",{className:e.label,children:o.label}),s.jsx("div",{className:e.cardIcon,children:s.jsx(F.ArrowRight,{size:45})})]})]});return s.jsx("div",{className:[L,e.card,I,e[a]??""].filter(Boolean).join(" "),onMouseEnter:h,onMouseLeave:N,style:y&&!u?{gridArea:y}:{},children:s.jsx(ye,{callToAction:o,resolvedUrl:C,children:O})})}exports.GridCard=fe;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index17.css');const s=require("react/jsx-runtime"),p=require("../../../core/components/Modal/index.cjs"),q=require("../../utils/resolveLinkUrl.cjs"),S=require("../../hooks/useMediaQuery.cjs"),$=require("../../hooks/useStyleClasses.cjs"),U=require("../../../core/context/ThemeContext.cjs"),d=require("../../utils/mediaUtils.cjs"),P=require("../../../play-CQBnZgNa.cjs"),F=require("../../../arrow-right-DO6S4vfx.cjs"),W="_cardLink_1yxts_1",z="_card_1yxts_1",G="_container_1yxts_21",D="_content_1yxts_31",E="_icon_1yxts_38",Q="_modalTrigger_1yxts_60",Y="_callToAction_1yxts_65",H="_label_1yxts_66",J="_cardIcon_1yxts_71",K="_title_1yxts_78",X="_description_1yxts_101",Z="_imageWrapper_1yxts_116",V="_metric_1yxts_205",R="_outerCircle_1yxts_222",A="_innerCircle_1yxts_227",T="_metricLabel_1yxts_233",ee="_textOnly_1yxts_241",se="_imageOnly_1yxts_278",te="_fullBleed_1yxts_303",ae="_imageTop_1yxts_344",ne="_imageBottom_1yxts_363",re="_imageLeft_1yxts_391",oe="_imageRight_1yxts_401",ie="_containImage_1yxts_459",le="_fullBleedImage_1yxts_467",ce="_image_1yxts_116",_e="_eyebrow_1yxts_563",me="_cta_1yxts_575",de="_secondary_1yxts_576",e={cardLink:W,card:z,container:G,content:D,icon:E,modalTrigger:Q,callToAction:Y,label:H,cardIcon:J,title:K,description:X,imageWrapper:Z,metric:V,outerCircle:R,innerCircle:A,metricLabel:T,textOnly:ee,imageOnly:se,fullBleed:te,imageTop:ae,imageBottom:ne,imageLeft:re,imageRight:oe,containImage:ie,fullBleedImage:le,image:ce,eyebrow:_e,cta:me,secondary:de},v={"full-bleed":e.fullBleed,text:e.textOnly,metric:e.metric,"image-left":e.imageLeft,"image-right":e.imageRight,"image-top":e.imageTop,"image-bottom":e.imageBottom,"image-only":e.imageOnly};function ge({value:t}){if(!t.includes("%"))return s.jsx("div",{className:e.metric});const a=125,n=(a-10)/2,r=2*Math.PI*n,l=r-parseFloat(t)/100*r;return s.jsxs("svg",{width:a,height:a,viewBox:`0 0 ${a} ${a}`,children:[s.jsx("circle",{className:e.outerCircle,cx:a/2,cy:a/2,r:n,fill:"none"}),s.jsx("circle",{className:e.innerCircle,cx:a/2,cy:a/2,r:n,fill:"none",strokeDasharray:r,strokeDashoffset:l,strokeLinecap:"round",transform:`rotate(-90 ${a/2} ${a/2})`}),s.jsx("text",{className:e.metricLabel,x:"50%",y:"52%",dominantBaseline:"middle",textAnchor:"middle",children:t})]})}function xe({callToAction:t,resolvedUrl:a,children:n}){var r,l;switch(t==null?void 0:t.type){case"link":return s.jsx("a",{className:e.cardLink,"aria-label":t.ariaLabel||t.label,href:a,target:((r=t.linkOptions)==null?void 0:r.linkType)==="external"?"_blank":"_self",rel:((l=t.linkOptions)==null?void 0:l.linkType)==="external"?"noopener noreferrer":"",children:n});case"modal":return s.jsx(p.Modal,{className:e.modalTrigger,trigger:n,content:t.modalContent});case"video":return s.jsx(p.Modal,{className:e.modalTrigger,trigger:n,content:s.jsx("video",{src:t.videoUrl,controls:!0,autoPlay:!0})});case"download":return s.jsx("a",{className:e.cardLink,"aria-label":t.ariaLabel||t.label,href:a,download:!0,target:"_blank",rel:"noopener noreferrer",children:n});default:return s.jsx(s.Fragment,{children:n})}}function ye({style:t,variant:a="noImage",metricValue:n,eyebrow:r,title:l,description:_,image:c,icon:g,callToAction:o,onHover:h,onLeave:N,gridArea:x,styleOptions:k,renderImage:y,renderRichText:i}){const{mode:u}=U.useTheme(),f=S.useMediaQuery("(max-width: 767px)"),L=$.useStyleClasses(k),C=q.resolveLinkURL(o),m=d.resolveImageUrl(c,u),j=d.resolveAltText(c,u),b=d.resolveImageStyle(c,f),B=(c==null?void 0:c.layout)==="cover",I=v[t??"image-top"]??v["image-top"],w=c&&m?s.jsx("div",{className:e.imageWrapper,children:y?y({src:m,alt:j,width:600,height:658,style:t==="full-bleed"?{objectFit:"cover",objectPosition:"top"}:b}):s.jsx("img",{src:m,alt:j,width:600,height:658,style:b})}):null,M=!n&&!r&&!l&&!_,O=s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:`${e.container} ${B?e.fullBleedImage:e.containImage}`,children:[a!=="image"&&!M&&s.jsxs("div",{className:e.content,children:[g&&s.jsx("div",{className:e.icon,children:s.jsx("i",{className:g})}),n&&s.jsx(ge,{value:n}),r&&(i==null?void 0:i({blocks:r,className:e.eyebrow})),l&&(i==null?void 0:i({blocks:l,className:e.title})),_&&(i==null?void 0:i({blocks:_,className:e.description}))]}),w]}),(o==null?void 0:o.videoUrl)&&s.jsxs("div",{className:e.callToAction,children:[s.jsx("div",{className:e.label,children:o.label}),s.jsx("div",{className:e.cardIcon,children:s.jsx(P.Play,{size:45})})]}),(o==null?void 0:o.type)==="link"&&s.jsxs("div",{className:e.callToAction,children:[s.jsx("div",{className:e.label,children:o.label}),s.jsx("div",{className:e.cardIcon,children:s.jsx(F.ArrowRight,{size:45})})]})]});return s.jsx("div",{className:[L,e.card,I,e[a]??""].filter(Boolean).join(" "),onMouseEnter:h,onMouseLeave:N,style:x&&!f?{gridArea:x}:{},children:s.jsx(xe,{callToAction:o,resolvedUrl:C,children:O})})}exports.GridCard=ye;
@@ -1,5 +1,5 @@
1
- import { jsx as t, jsxs as m, Fragment as k } from "react/jsx-runtime";
2
- import { Modal as N } from "../../../core/components/Modal/index.mjs";
1
+ import { jsx as t, jsxs as m, Fragment as h } from "react/jsx-runtime";
2
+ import { Modal as v } from "../../../core/components/Modal/index.mjs";
3
3
  import { resolveLinkURL as $ } from "../../utils/resolveLinkUrl.mjs";
4
4
  import { useMediaQuery as j } from "../../hooks/useMediaQuery.mjs";
5
5
  import { useStyleClasses as U } from "../../hooks/useStyleClasses.mjs";
@@ -7,7 +7,7 @@ import { useTheme as F } from "../../../core/context/ThemeContext.mjs";
7
7
  import { resolveImageUrl as W, resolveAltText as z, resolveImageStyle as D } from "../../utils/mediaUtils.mjs";
8
8
  import { P as E } from "../../../play-DYgKiSaf.js";
9
9
  import { A as G } from "../../../arrow-right-QEwnX3Sk.js";
10
- import '../../../index17.css';const Q = "_cardLink_1bvyf_1", Y = "_card_1bvyf_1", q = "_container_1bvyf_21", H = "_content_1bvyf_31", J = "_icon_1bvyf_38", K = "_modalTrigger_1bvyf_60", X = "_callToAction_1bvyf_65", Z = "_label_1bvyf_66", V = "_cardIcon_1bvyf_71", R = "_title_1bvyf_78", A = "_description_1bvyf_101", T = "_imageWrapper_1bvyf_116", ee = "_metric_1bvyf_205", te = "_outerCircle_1bvyf_222", ae = "_innerCircle_1bvyf_227", se = "_metricLabel_1bvyf_233", re = "_textOnly_1bvyf_241", oe = "_imageOnly_1bvyf_278", ne = "_fullBleed_1bvyf_303", ie = "_imageTop_1bvyf_344", le = "_imageBottom_1bvyf_363", ce = "_imageLeft_1bvyf_391", me = "_imageRight_1bvyf_401", _e = "_containImage_1bvyf_459", de = "_fullBleedImage_1bvyf_467", fe = "_image_1bvyf_116", ge = "_eyebrow_1bvyf_563", ye = "_cta_1bvyf_575", be = "_secondary_1bvyf_576", e = {
10
+ import '../../../index17.css';const Q = "_cardLink_1yxts_1", Y = "_card_1yxts_1", q = "_container_1yxts_21", H = "_content_1yxts_31", J = "_icon_1yxts_38", K = "_modalTrigger_1yxts_60", X = "_callToAction_1yxts_65", Z = "_label_1yxts_66", V = "_cardIcon_1yxts_71", R = "_title_1yxts_78", A = "_description_1yxts_101", T = "_imageWrapper_1yxts_116", ee = "_metric_1yxts_205", te = "_outerCircle_1yxts_222", se = "_innerCircle_1yxts_227", ae = "_metricLabel_1yxts_233", re = "_textOnly_1yxts_241", oe = "_imageOnly_1yxts_278", ne = "_fullBleed_1yxts_303", ie = "_imageTop_1yxts_344", le = "_imageBottom_1yxts_363", ce = "_imageLeft_1yxts_391", me = "_imageRight_1yxts_401", _e = "_containImage_1yxts_459", de = "_fullBleedImage_1yxts_467", ge = "_image_1yxts_116", ye = "_eyebrow_1yxts_563", fe = "_cta_1yxts_575", ue = "_secondary_1yxts_576", e = {
11
11
  cardLink: Q,
12
12
  card: Y,
13
13
  container: q,
@@ -22,8 +22,8 @@ import '../../../index17.css';const Q = "_cardLink_1bvyf_1", Y = "_card_1bvyf_1"
22
22
  imageWrapper: T,
23
23
  metric: ee,
24
24
  outerCircle: te,
25
- innerCircle: ae,
26
- metricLabel: se,
25
+ innerCircle: se,
26
+ metricLabel: ae,
27
27
  textOnly: re,
28
28
  imageOnly: oe,
29
29
  fullBleed: ne,
@@ -33,11 +33,11 @@ import '../../../index17.css';const Q = "_cardLink_1bvyf_1", Y = "_card_1bvyf_1"
33
33
  imageRight: me,
34
34
  containImage: _e,
35
35
  fullBleedImage: de,
36
- image: fe,
37
- eyebrow: ge,
38
- cta: ye,
39
- secondary: be
40
- }, h = {
36
+ image: ge,
37
+ eyebrow: ye,
38
+ cta: fe,
39
+ secondary: ue
40
+ }, N = {
41
41
  "full-bleed": e.fullBleed,
42
42
  text: e.textOnly,
43
43
  metric: e.metric,
@@ -47,16 +47,16 @@ import '../../../index17.css';const Q = "_cardLink_1bvyf_1", Y = "_card_1bvyf_1"
47
47
  "image-bottom": e.imageBottom,
48
48
  "image-only": e.imageOnly
49
49
  };
50
- function ve({ value: a }) {
51
- if (!a.includes("%")) return /* @__PURE__ */ t("div", { className: e.metric });
52
- const s = 125, r = (s - 10) / 2, o = 2 * Math.PI * r, l = o - parseFloat(a) / 100 * o;
53
- return /* @__PURE__ */ m("svg", { width: s, height: s, viewBox: `0 0 ${s} ${s}`, children: [
50
+ function pe({ value: s }) {
51
+ if (!s.includes("%")) return /* @__PURE__ */ t("div", { className: e.metric });
52
+ const a = 125, r = (a - 10) / 2, o = 2 * Math.PI * r, l = o - parseFloat(s) / 100 * o;
53
+ return /* @__PURE__ */ m("svg", { width: a, height: a, viewBox: `0 0 ${a} ${a}`, children: [
54
54
  /* @__PURE__ */ t(
55
55
  "circle",
56
56
  {
57
57
  className: e.outerCircle,
58
- cx: s / 2,
59
- cy: s / 2,
58
+ cx: a / 2,
59
+ cy: a / 2,
60
60
  r,
61
61
  fill: "none"
62
62
  }
@@ -65,14 +65,14 @@ function ve({ value: a }) {
65
65
  "circle",
66
66
  {
67
67
  className: e.innerCircle,
68
- cx: s / 2,
69
- cy: s / 2,
68
+ cx: a / 2,
69
+ cy: a / 2,
70
70
  r,
71
71
  fill: "none",
72
72
  strokeDasharray: o,
73
73
  strokeDashoffset: l,
74
74
  strokeLinecap: "round",
75
- transform: `rotate(-90 ${s / 2} ${s / 2})`
75
+ transform: `rotate(-90 ${a / 2} ${a / 2})`
76
76
  }
77
77
  ),
78
78
  /* @__PURE__ */ t(
@@ -83,46 +83,46 @@ function ve({ value: a }) {
83
83
  y: "52%",
84
84
  dominantBaseline: "middle",
85
85
  textAnchor: "middle",
86
- children: a
86
+ children: s
87
87
  }
88
88
  )
89
89
  ] });
90
90
  }
91
- function ue({
92
- callToAction: a,
93
- resolvedUrl: s,
91
+ function xe({
92
+ callToAction: s,
93
+ resolvedUrl: a,
94
94
  children: r
95
95
  }) {
96
96
  var o, l;
97
- switch (a == null ? void 0 : a.type) {
97
+ switch (s == null ? void 0 : s.type) {
98
98
  case "link":
99
99
  return /* @__PURE__ */ t(
100
100
  "a",
101
101
  {
102
102
  className: e.cardLink,
103
- "aria-label": a.ariaLabel || a.label,
104
- href: s,
105
- target: ((o = a.linkOptions) == null ? void 0 : o.linkType) === "external" ? "_blank" : "_self",
106
- rel: ((l = a.linkOptions) == null ? void 0 : l.linkType) === "external" ? "noopener noreferrer" : "",
103
+ "aria-label": s.ariaLabel || s.label,
104
+ href: a,
105
+ target: ((o = s.linkOptions) == null ? void 0 : o.linkType) === "external" ? "_blank" : "_self",
106
+ rel: ((l = s.linkOptions) == null ? void 0 : l.linkType) === "external" ? "noopener noreferrer" : "",
107
107
  children: r
108
108
  }
109
109
  );
110
110
  case "modal":
111
111
  return /* @__PURE__ */ t(
112
- N,
112
+ v,
113
113
  {
114
114
  className: e.modalTrigger,
115
115
  trigger: r,
116
- content: a.modalContent
116
+ content: s.modalContent
117
117
  }
118
118
  );
119
119
  case "video":
120
120
  return /* @__PURE__ */ t(
121
- N,
121
+ v,
122
122
  {
123
123
  className: e.modalTrigger,
124
124
  trigger: r,
125
- content: /* @__PURE__ */ t("video", { src: a.videoUrl, controls: !0, autoPlay: !0 })
125
+ content: /* @__PURE__ */ t("video", { src: s.videoUrl, controls: !0, autoPlay: !0 })
126
126
  }
127
127
  );
128
128
  case "download":
@@ -130,8 +130,8 @@ function ue({
130
130
  "a",
131
131
  {
132
132
  className: e.cardLink,
133
- "aria-label": a.ariaLabel || a.label,
134
- href: s,
133
+ "aria-label": s.ariaLabel || s.label,
134
+ href: a,
135
135
  download: !0,
136
136
  target: "_blank",
137
137
  rel: "noopener noreferrer",
@@ -139,50 +139,50 @@ function ue({
139
139
  }
140
140
  );
141
141
  default:
142
- return /* @__PURE__ */ t(k, { children: r });
142
+ return /* @__PURE__ */ t(h, { children: r });
143
143
  }
144
144
  }
145
- function Oe({
146
- style: a,
147
- variant: s = "noImage",
145
+ function we({
146
+ style: s,
147
+ variant: a = "noImage",
148
148
  metricValue: r,
149
149
  eyebrow: o,
150
150
  title: l,
151
151
  description: _,
152
152
  image: c,
153
- icon: f,
153
+ icon: g,
154
154
  callToAction: n,
155
- onHover: L,
156
- onLeave: B,
157
- gridArea: g,
158
- styleOptions: I,
159
- renderImage: y,
155
+ onHover: k,
156
+ onLeave: L,
157
+ gridArea: y,
158
+ styleOptions: B,
159
+ renderImage: f,
160
160
  renderRichText: i
161
161
  }) {
162
- const { mode: b } = F(), v = j("(max-width: 767px)"), C = U(I), w = $(n), d = W(c, b), u = z(c, b), p = D(c, v), O = (c == null ? void 0 : c.layout) === "cover", M = h[a ?? "image-top"] ?? h["image-top"], x = c && d ? /* @__PURE__ */ t("div", { className: e.imageWrapper, children: y ? y({
162
+ const { mode: u } = F(), p = j("(max-width: 767px)"), I = U(B), C = $(n), d = W(c, u), x = z(c, u), b = D(c, p), w = (c == null ? void 0 : c.layout) === "cover", O = N[s ?? "image-top"] ?? N["image-top"], M = c && d ? /* @__PURE__ */ t("div", { className: e.imageWrapper, children: f ? f({
163
163
  src: d,
164
- alt: u,
164
+ alt: x,
165
165
  width: 600,
166
166
  height: 658,
167
- style: a === "full-bleed" ? { objectFit: "cover", objectPosition: "top" } : p
167
+ style: s === "full-bleed" ? { objectFit: "cover", objectPosition: "top" } : b
168
168
  }) : /* @__PURE__ */ t(
169
169
  "img",
170
170
  {
171
171
  src: d,
172
- alt: u,
172
+ alt: x,
173
173
  width: 600,
174
174
  height: 658,
175
- style: p
175
+ style: b
176
176
  }
177
- ) }) : null, P = !r && !o && !l && !_, S = /* @__PURE__ */ m(k, { children: [
177
+ ) }) : null, P = !r && !o && !l && !_, S = /* @__PURE__ */ m(h, { children: [
178
178
  /* @__PURE__ */ m(
179
179
  "div",
180
180
  {
181
- className: `${e.container} ${O ? e.fullBleedImage : e.containImage}`,
181
+ className: `${e.container} ${w ? e.fullBleedImage : e.containImage}`,
182
182
  children: [
183
- s !== "image" && !P && /* @__PURE__ */ m("div", { className: e.content, children: [
184
- f && /* @__PURE__ */ t("div", { className: e.icon, children: /* @__PURE__ */ t("i", { className: f }) }),
185
- r && /* @__PURE__ */ t(ve, { value: r }),
183
+ a !== "image" && !P && /* @__PURE__ */ m("div", { className: e.content, children: [
184
+ g && /* @__PURE__ */ t("div", { className: e.icon, children: /* @__PURE__ */ t("i", { className: g }) }),
185
+ r && /* @__PURE__ */ t(pe, { value: r }),
186
186
  o && (i == null ? void 0 : i({ blocks: o, className: e.eyebrow })),
187
187
  l && (i == null ? void 0 : i({ blocks: l, className: e.title })),
188
188
  _ && (i == null ? void 0 : i({
@@ -190,7 +190,7 @@ function Oe({
190
190
  className: e.description
191
191
  }))
192
192
  ] }),
193
- x
193
+ M
194
194
  ]
195
195
  }
196
196
  ),
@@ -207,18 +207,18 @@ function Oe({
207
207
  "div",
208
208
  {
209
209
  className: [
210
- C,
210
+ I,
211
211
  e.card,
212
- M,
213
- e[s] ?? ""
212
+ O,
213
+ e[a] ?? ""
214
214
  ].filter(Boolean).join(" "),
215
- onMouseEnter: L,
216
- onMouseLeave: B,
217
- style: g && !v ? { gridArea: g } : {},
218
- children: /* @__PURE__ */ t(ue, { callToAction: n, resolvedUrl: w, children: S })
215
+ onMouseEnter: k,
216
+ onMouseLeave: L,
217
+ style: y && !p ? { gridArea: y } : {},
218
+ children: /* @__PURE__ */ t(xe, { callToAction: n, resolvedUrl: C, children: S })
219
219
  }
220
220
  );
221
221
  }
222
222
  export {
223
- Oe as GridCard
223
+ we as GridCard
224
224
  };
package/dist/styles.css CHANGED
@@ -239,7 +239,7 @@
239
239
 
240
240
  --line-height-heading: 1.25;
241
241
  --line-height-tight: 1;
242
- --line-height-normal: 1.25;
242
+ --line-height-normal: 1.1;
243
243
  --line-height-loose: 1.5;
244
244
  }
245
245
 
package/dist/tokens.css CHANGED
@@ -238,7 +238,7 @@
238
238
 
239
239
  --line-height-heading: 1.25;
240
240
  --line-height-tight: 1;
241
- --line-height-normal: 1.25;
241
+ --line-height-normal: 1.1;
242
242
  --line-height-loose: 1.5;
243
243
  }
244
244
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.1.141",
4
+ "version": "0.1.143",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {