quirk-ui 0.0.524 → 0.0.526
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/index19.css +1 -1
- package/dist/assets/index19.css.d.ts +28 -28
- package/dist/assets/index68.css +1 -1
- package/dist/assets/index68.css.d.ts +16 -16
- package/dist/next/cards/BlogArticleCard/index.cjs +1 -1
- package/dist/next/cards/BlogArticleCard/index.mjs +34 -34
- package/dist/next/cards/GridCard/index.cjs +1 -1
- package/dist/next/cards/GridCard/index.mjs +72 -72
- package/dist/styles.css +4 -4
- package/dist/styles.css.d.ts +44 -44
- package/package.json +1 -1
package/dist/assets/index19.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._cardLink_1lsx6_1{text-decoration:none;cursor:pointer}._card_1lsx6_1{background-color:transparent;min-height:300px;border-radius:var(--radius-md);position:relative;overflow:hidden}@media (max-width: 768px){._card_1lsx6_1{width:100%;max-width:none;min-width:0}}._container_1lsx6_20{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:100%;width:100%;padding:3.25rem var(--spacing-xl)}._icon_1lsx6_30{margin-bottom:1rem}._icon_1lsx6_30 i,._icon_1lsx6_30 svg{font-size:2.5rem;color:var(--color-primary-100)}._cardLink_1lsx6_1:hover ._card_1lsx6_1,._modalTrigger_1lsx6_52:hover ._card_1lsx6_1{background-color:var(--color-primary-100)}._cardLink_1lsx6_1:hover ._callToAction_1lsx6_57 ._label_1lsx6_58,._modalTrigger_1lsx6_52:hover ._callToAction_1lsx6_57 ._label_1lsx6_58{opacity:1;transform:translateY(0)}._cardLink_1lsx6_1:hover ._callToAction_1lsx6_57 ._cardIcon_1lsx6_63,._modalTrigger_1lsx6_52:hover ._callToAction_1lsx6_57 ._cardIcon_1lsx6_63{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._title_1lsx6_70{margin:0;font-size:1.75rem;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-decoration:none;flex:1;transition:color .3s ease-in-out}._title_1lsx6_70 span{transition:color .3s ease-in-out}._description_1lsx6_93{margin:0}._description_1lsx6_93:has(.inlineNumber){display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._description_1lsx6_93:has(.inlineNumber){align-items:center;justify-content:center;flex-direction:column}}._imageWrapper_1lsx6_108{position:relative;height:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 767px){._imageWrapper_1lsx6_108{max-width:380px}}._imageWrapper_1lsx6_108 img{position:relative;height:auto}._modalTrigger_1lsx6_52{cursor:pointer}._modalTrigger_1lsx6_52 ._imageWrapper_1lsx6_108{transition:opacity .3s ease-in-out}._modalTrigger_1lsx6_52:hover ._cardIcon_1lsx6_63{background-color:var(--color-primary-100);border-color:var(--color-primary-100);color:#fff}._modalTrigger_1lsx6_52:hover ._imageWrapper_1lsx6_108{opacity:.75}._callToAction_1lsx6_57{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_1lsx6_57 ._cardIcon_1lsx6_63{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_1lsx6_57 ._label_1lsx6_58{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_1lsx6_193 ._content_1lsx6_194{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;height:100%;margin:0 auto}._metric_1lsx6_193 ._description_1lsx6_93{text-align:center;font-size:var(--font-size-lg)}._metric_1lsx6_193 ._outerCircle_1lsx6_210{stroke-width:10px;stroke:#ccc}._metric_1lsx6_193 ._innerCircle_1lsx6_215{stroke:var(--color-primary-100);fill:none;stroke-width:10px}._metric_1lsx6_193 ._metricLabel_1lsx6_221{position:relative;font-weight:var(--font-weight-bold);font-size:1.75rem;fill:var(--color-primary-100)}._textOnly_1lsx6_229 ._title_1lsx6_70{color:var(--color-primary-100)}._textOnly_1lsx6_229 ._description_1lsx6_93{color:var(--color-text-primary);font-size:var(--font-size-lg)}._textOnly_1lsx6_229 ._cardLink_1lsx6_1:hover ._card_1lsx6_1,._textOnly_1lsx6_229 ._modalTrigger_1lsx6_52:hover ._card_1lsx6_1{background-color:var(--color-primary-100)}._textOnly_1lsx6_229 ._cardLink_1lsx6_1:hover ._callToAction_1lsx6_57 ._label_1lsx6_58,._textOnly_1lsx6_229 ._modalTrigger_1lsx6_52:hover ._callToAction_1lsx6_57 ._label_1lsx6_58{opacity:1;transform:translateY(0);color:#fff}._textOnly_1lsx6_229 ._cardLink_1lsx6_1:hover ._callToAction_1lsx6_57 ._cardIcon_1lsx6_63,._textOnly_1lsx6_229 ._modalTrigger_1lsx6_52:hover ._callToAction_1lsx6_57 ._cardIcon_1lsx6_63{background-color:#e0eaf9;color:var(--color-primary-100);border:5px solid #e0eaf9}._fullBleed_1lsx6_261{min-height:450px}._fullBleed_1lsx6_261 ._container_1lsx6_20{display:block;padding:0}._fullBleed_1lsx6_261 ._modalTrigger_1lsx6_52{display:block}._fullBleed_1lsx6_261 ._content_1lsx6_194{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_1lsx6_261 ._imageWrapper_1lsx6_108{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}._fullBleed_1lsx6_261 ._imageWrapper_1lsx6_108 img{width:100%;height:100%;object-fit:cover}._imageTop_1lsx6_302 ._container_1lsx6_20{height:auto;gap:var(--spacing-lg);justify-content:flex-start;flex-direction:column-reverse}._imageTop_1lsx6_302 ._imageWrapper_1lsx6_108{height:auto;max-width:225px;align-items:center;justify-content:center}._imageTop_1lsx6_302 ._imageWrapper_1lsx6_108 img{position:relative;width:100%}._imageBottom_1lsx6_323 ._container_1lsx6_20{height:100%;justify-content:flex-start;flex-direction:column}._imageBottom_1lsx6_323 ._imageWrapper_1lsx6_108{height:auto;align-items:normal}@media (max-width: 767px){._imageBottom_1lsx6_323 ._imageWrapper_1lsx6_108{max-height:350px}}._imageBottom_1lsx6_323 ._imageWrapper_1lsx6_108 img{width:100%;height:auto}@media (max-width: 767px){._imageBottom_1lsx6_323 ._imageWrapper_1lsx6_108 img{position:relative}}._imageLeft_1lsx6_350 ._container_1lsx6_20{flex-direction:row-reverse}@media (max-width: 767px){._imageLeft_1lsx6_350 ._container_1lsx6_20{flex-direction:column-reverse}}._imageRight_1lsx6_360 ._container_1lsx6_20{flex-direction:row}@media (max-width: 767px){._imageRight_1lsx6_360 ._container_1lsx6_20{flex-direction:column}}._imageLeft_1lsx6_350 ._content_1lsx6_194,._imageRight_1lsx6_360 ._content_1lsx6_194{flex:.5;width:100%}._imageLeft_1lsx6_350 ._title_1lsx6_70,._imageRight_1lsx6_360 ._title_1lsx6_70{font-size:2rem}._imageLeft_1lsx6_350 ._description_1lsx6_93,._imageRight_1lsx6_360 ._description_1lsx6_93{font-size:var(--font-size-lg)}._imageLeft_1lsx6_350 ._imageWrapper_1lsx6_108,._imageRight_1lsx6_360 ._imageWrapper_1lsx6_108{flex:.5}._imageLeft_1lsx6_350 ._imageWrapper_1lsx6_108 img,._imageRight_1lsx6_360 ._imageWrapper_1lsx6_108 img{width:100%;height:100%;object-fit:contain}@media (max-width: 767px){._imageLeft_1lsx6_350 ._imageWrapper_1lsx6_108,._imageRight_1lsx6_360 ._imageWrapper_1lsx6_108{flex:1;justify-content:flex-start;max-height:250px;width:100%}._imageLeft_1lsx6_350 ._imageWrapper_1lsx6_108 img,._imageRight_1lsx6_360 ._imageWrapper_1lsx6_108 img{position:relative;height:100%;width:100%;min-width:150px}}._containImage_1lsx6_410{gap:var(--spacing-xl)}._fullBleedImage_1lsx6_414{padding:0;gap:0}@media (max-width: 767px){._fullBleedImage_1lsx6_414 ._imageWrapper_1lsx6_108{max-width:unset}}._fullBleedImage_1lsx6_414 ._content_1lsx6_194{padding:var(--spacing-xl)}._image_1lsx6_108{min-height:unset}._image_1lsx6_108 ._container_1lsx6_20{padding:var(--spacing-xl);justify-content:center}._image_1lsx6_108 ._imageWrapper_1lsx6_108{width:100%;min-height:unset}._image_1lsx6_108 ._imageWrapper_1lsx6_108 ._imageWrapper_1lsx6_108 img{position:relative}.homeGrid ._textOnly_1lsx6_229 ._title_1lsx6_70{color:#fff}.homeGrid ._textOnly_1lsx6_229 ._description_1lsx6_93{color:#fff;font-size:var(--font-size-lg)}.homeGrid ._fullBleed_1lsx6_261{min-height:400px}@media (min-width: 768px){.homeGrid ._fullBleed_1lsx6_261{min-height:unset}}.startMetricGrid ._textOnly_1lsx6_229{max-width:300px;margin:0 auto}.startMetricGrid ._textOnly_1lsx6_229 ._title_1lsx6_70{font-size:3rem}.conditionManagementServicesGrid ._imageLeft_1lsx6_350{min-height:235px}.conditionManagementServicesGrid ._imageLeft_1lsx6_350 ._content_1lsx6_194{flex:1}.conditionManagementServicesGrid ._imageLeft_1lsx6_350 ._title_1lsx6_70{font-size:var(--font-size-xl)}.conditionManagementServicesGrid ._imageLeft_1lsx6_350 ._imageWrapper_1lsx6_108{flex:.25}@media (max-width: 767px){.conditionManagementServicesGrid ._imageLeft_1lsx6_350 ._imageWrapper_1lsx6_108{flex:1}}.backgroundPrimary ._eyebrow_1lsx6_505,.backgroundPrimary ._title_1lsx6_70,.backgroundPrimary ._description_1lsx6_93{color:#fff}.backgroundPrimary ._cta_1lsx6_517 ._secondary_1lsx6_518{background-color:#fff}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
declare const styles: {
|
|
2
|
-
readonly "
|
|
3
|
-
readonly "
|
|
4
|
-
readonly "
|
|
5
|
-
readonly "
|
|
6
|
-
readonly "
|
|
7
|
-
readonly "
|
|
8
|
-
readonly "
|
|
9
|
-
readonly "
|
|
10
|
-
readonly "
|
|
11
|
-
readonly "
|
|
12
|
-
readonly "
|
|
13
|
-
readonly "
|
|
14
|
-
readonly "
|
|
15
|
-
readonly "
|
|
16
|
-
readonly "
|
|
17
|
-
readonly "
|
|
18
|
-
readonly "
|
|
19
|
-
readonly "
|
|
20
|
-
readonly "
|
|
21
|
-
readonly "
|
|
22
|
-
readonly "
|
|
23
|
-
readonly "
|
|
24
|
-
readonly "
|
|
25
|
-
readonly "
|
|
26
|
-
readonly "
|
|
27
|
-
readonly "
|
|
28
|
-
readonly "
|
|
29
|
-
readonly "
|
|
2
|
+
readonly "_callToAction_1lsx6_57": string;
|
|
3
|
+
readonly "_cardIcon_1lsx6_63": string;
|
|
4
|
+
readonly "_cardLink_1lsx6_1": string;
|
|
5
|
+
readonly "_card_1lsx6_1": string;
|
|
6
|
+
readonly "_containImage_1lsx6_410": string;
|
|
7
|
+
readonly "_container_1lsx6_20": string;
|
|
8
|
+
readonly "_content_1lsx6_194": string;
|
|
9
|
+
readonly "_cta_1lsx6_517": string;
|
|
10
|
+
readonly "_description_1lsx6_93": string;
|
|
11
|
+
readonly "_eyebrow_1lsx6_505": string;
|
|
12
|
+
readonly "_fullBleedImage_1lsx6_414": string;
|
|
13
|
+
readonly "_fullBleed_1lsx6_261": string;
|
|
14
|
+
readonly "_icon_1lsx6_30": string;
|
|
15
|
+
readonly "_imageBottom_1lsx6_323": string;
|
|
16
|
+
readonly "_imageLeft_1lsx6_350": string;
|
|
17
|
+
readonly "_imageRight_1lsx6_360": string;
|
|
18
|
+
readonly "_imageTop_1lsx6_302": string;
|
|
19
|
+
readonly "_imageWrapper_1lsx6_108": string;
|
|
20
|
+
readonly "_image_1lsx6_108": string;
|
|
21
|
+
readonly "_innerCircle_1lsx6_215": string;
|
|
22
|
+
readonly "_label_1lsx6_58": string;
|
|
23
|
+
readonly "_metricLabel_1lsx6_221": string;
|
|
24
|
+
readonly "_metric_1lsx6_193": string;
|
|
25
|
+
readonly "_modalTrigger_1lsx6_52": string;
|
|
26
|
+
readonly "_outerCircle_1lsx6_210": string;
|
|
27
|
+
readonly "_secondary_1lsx6_518": string;
|
|
28
|
+
readonly "_textOnly_1lsx6_229": string;
|
|
29
|
+
readonly "_title_1lsx6_70": string;
|
|
30
30
|
readonly "backgroundPrimary": string;
|
|
31
31
|
readonly "conditionManagementServicesGrid": string;
|
|
32
32
|
readonly "homeGrid": string;
|
package/dist/assets/index68.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._item_tofjr_1{display:flex;flex-direction:column;gap:var(--spacing-md);text-decoration:none;overflow:hidden;transition:border-color .3s ease-in-out;max-width:var(--max-item-width)}._item_tofjr_1:hover{border-color:var(--color-primary-100)}._item_tofjr_1:hover ._itemImage_tofjr_14 img{transform:scale(1.05)}._item_tofjr_1:hover ._itemTitle_tofjr_20 h3{color:var(--color-primary-100)}._item_tofjr_1:hover ._callToAction_tofjr_26 ._label_tofjr_27{opacity:1;transform:translateY(0);color:#fff}._item_tofjr_1:hover ._callToAction_tofjr_26 ._icon_tofjr_33{color:var(--color-primary-100)}._item_tofjr_1._single_tofjr_39._first_tofjr_40 ._itemContent_tofjr_41{flex:.5}._item_tofjr_1._single_tofjr_39._first_tofjr_40 ._itemImage_tofjr_14{min-height:350px;flex:1}._item_tofjr_1._twoColumn_tofjr_52 ._itemImage_tofjr_14{flex:.5}._item_tofjr_1._twoColumn_tofjr_52 ._itemContent_tofjr_41{flex:1}._item_tofjr_1._first_tofjr_40._featuredTop_tofjr_63 ._itemImage_tofjr_14{min-height:350px;flex:1}._item_tofjr_1._first_tofjr_40._featuredTop_tofjr_63 ._itemContent_tofjr_41{flex:.5}._item_tofjr_1._first_tofjr_40._featuredLeft_tofjr_74 ._itemImage_tofjr_14{min-height:350px}._item_tofjr_1._first_tofjr_40._featuredLeft_tofjr_74 ._itemContent_tofjr_41{flex:1}._item_tofjr_1:not(._item_tofjr_1._first_tofjr_40)._featuredLeft_tofjr_74 ._itemImage_tofjr_14,._item_tofjr_1:not(._item_tofjr_1._first_tofjr_40)._featuredTop_tofjr_63 ._itemImage_tofjr_14{flex:.5;height:auto;max-height:175px}@media (max-width: 767px){._item_tofjr_1:not(._item_tofjr_1._first_tofjr_40)._featuredLeft_tofjr_74 ._itemImage_tofjr_14,._item_tofjr_1:not(._item_tofjr_1._first_tofjr_40)._featuredTop_tofjr_63 ._itemImage_tofjr_14{max-height:200px}}._item_tofjr_1:not(._item_tofjr_1._first_tofjr_40)._featuredLeft_tofjr_74 ._itemContent_tofjr_41,._item_tofjr_1:not(._item_tofjr_1._first_tofjr_40)._featuredTop_tofjr_63 ._itemContent_tofjr_41{flex:1}._item_tofjr_1:not(._item_tofjr_1._first_tofjr_40)._featuredTop_tofjr_63 ._itemImage_tofjr_14{flex:1}@media (max-width: 767px){._item_tofjr_1:not(._item_tofjr_1._first_tofjr_40){flex-direction:column}._item_tofjr_1:not(._item_tofjr_1._first_tofjr_40) ._itemExcerpt_tofjr_113{display:block}}@media (max-width: 767px){._item_tofjr_1 ._itemImage_tofjr_14{flex:unset!important;max-height:200px;height:200px;min-height:unset!important}._item_tofjr_1 ._itemContent_tofjr_41{display:flex!important}}._itemContent_tofjr_41{display:flex;flex-direction:column;gap:var(--spacing-sm);color:var(--color-text-primary);flex:1;width:100%}._itemContent_tofjr_41 h3{flex:1;font-size:var(--font-size-lg);margin-bottom:0;transition:color .3s ease-in-out}._itemContent_tofjr_41 p{text-decoration:none}._itemTitle_tofjr_20{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}._itemImage_tofjr_14{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:var(--radius-md);line-height:0}._itemImage_tofjr_14 img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}._imagePlaceholder_tofjr_179{width:100%;height:175px;position:relative;overflow:hidden;border-radius:var(--radius-md);background-color:var(--color-secondary-25)}._callToAction_tofjr_26{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}._callToAction_tofjr_26 ._icon_tofjr_33{display:flex;align-items:center;justify-content:center;width:25px;height:25px;background-color:transparent;color:var(--color-text-primary);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_tofjr_26 ._label_tofjr_27{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}._category_tofjr_223{text-transform:capitalize;position:absolute;top:.75rem;left:.75rem;height:30px;display:flex;align-items:center;color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);z-index:2;font-size:var(--font-size-sm);background:#00000080;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}._itemEyebrow_tofjr_242{font-size:var(--font-size-sm);color:var(--color-secondary);text-transform:capitalize}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
declare const styles: {
|
|
2
|
-
readonly "
|
|
3
|
-
readonly "
|
|
4
|
-
readonly "
|
|
5
|
-
readonly "
|
|
6
|
-
readonly "
|
|
7
|
-
readonly "
|
|
8
|
-
readonly "
|
|
9
|
-
readonly "
|
|
10
|
-
readonly "
|
|
11
|
-
readonly "
|
|
12
|
-
readonly "
|
|
13
|
-
readonly "
|
|
14
|
-
readonly "
|
|
15
|
-
readonly "
|
|
16
|
-
readonly "
|
|
17
|
-
readonly "
|
|
2
|
+
readonly "_callToAction_tofjr_26": string;
|
|
3
|
+
readonly "_category_tofjr_223": string;
|
|
4
|
+
readonly "_featuredLeft_tofjr_74": string;
|
|
5
|
+
readonly "_featuredTop_tofjr_63": string;
|
|
6
|
+
readonly "_first_tofjr_40": string;
|
|
7
|
+
readonly "_icon_tofjr_33": string;
|
|
8
|
+
readonly "_imagePlaceholder_tofjr_179": string;
|
|
9
|
+
readonly "_itemContent_tofjr_41": string;
|
|
10
|
+
readonly "_itemExcerpt_tofjr_113": string;
|
|
11
|
+
readonly "_itemEyebrow_tofjr_242": string;
|
|
12
|
+
readonly "_itemImage_tofjr_14": string;
|
|
13
|
+
readonly "_itemTitle_tofjr_20": string;
|
|
14
|
+
readonly "_item_tofjr_1": string;
|
|
15
|
+
readonly "_label_tofjr_27": string;
|
|
16
|
+
readonly "_single_tofjr_39": string;
|
|
17
|
+
readonly "_twoColumn_tofjr_52": string;
|
|
18
18
|
};
|
|
19
19
|
export = styles;
|
|
20
20
|
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
5
5
|
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const p=[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]],
|
|
6
|
+
*/const p=[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]],v=y.createLucideIcon("arrow-up-right",p),I="_item_tofjr_1",N="_itemImage_tofjr_14",T="_itemTitle_tofjr_20",b="_callToAction_tofjr_26",C="_icon_tofjr_33",E="_single_tofjr_39",$="_first_tofjr_40",w="_itemContent_tofjr_41",A="_itemExcerpt_tofjr_113",L="_imagePlaceholder_tofjr_179",k="_category_tofjr_223",q="_itemEyebrow_tofjr_242",i={item:I,itemImage:N,itemTitle:T,callToAction:b,icon:C,single:E,first:$,itemContent:w,itemExcerpt:A,imagePlaceholder:L,category:k,itemEyebrow:q};function P({article:e,className:_="",index:g,layout:u,limit:f}){var a,l,m,d;const j=`/blog/articles/${e.slug.current}`,c=((a=e.categories)==null?void 0:a.find(o=>{var s,r;return!((r=(s=o.slug)==null?void 0:s.current)!=null&&r.startsWith("library/type"))}))??null,n=((l=e.categories)==null?void 0:l.find(o=>{var s,r;return(r=(s=o.slug)==null?void 0:s.current)==null?void 0:r.startsWith("library/type")}))??null;return t.jsxs(h.LocaleLink,{href:j,className:`${i.item} ${_??""} ${g===0?i.first:""} ${f===1?i.single:""} ${u}`,children:[t.jsxs("div",{className:i.itemImage,children:[n&&t.jsx("div",{className:i.category,children:n.title}),e.featuredImage&&e.featuredImage.imageUrls?t.jsx(x,{src:e.featuredImage.imageUrls.medium??"",alt:((m=e.featuredImage)==null?void 0:m.asset.altText)||((d=e==null?void 0:e.featuredImage)==null?void 0:d.asset.description)||"Content image",fill:!0,sizes:"(max-width: 767px) 650px, 300px",priority:!0}):t.jsx("div",{className:i.imagePlaceholder})]}),t.jsxs("div",{className:i.itemContent,children:[c&&t.jsx("div",{className:i.itemEyebrow,children:c.title}),t.jsxs("div",{className:i.itemTitle,children:[t.jsx("h3",{children:e.title}),t.jsx("div",{className:i.callToAction,children:t.jsx("div",{className:i.icon,children:t.jsx(v,{size:45})})})]}),e.excerpt&&t.jsx("p",{className:i.itemExcerpt,children:e.excerpt})]})]})}exports.BlogArticleCard=P;
|
|
@@ -1,73 +1,73 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as s, jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import y from "next/image";
|
|
3
|
-
import { LocaleLink as
|
|
4
|
-
import { c as
|
|
3
|
+
import { LocaleLink as j } from "../../ui/LocaleLink/index.mjs";
|
|
4
|
+
import { c as x } from "../../../createLucideIcon-C8GTh_Qx.js";
|
|
5
5
|
import '../../../assets/index68.css';/**
|
|
6
6
|
* @license lucide-react v0.488.0 - ISC
|
|
7
7
|
*
|
|
8
8
|
* This source code is licensed under the ISC license.
|
|
9
9
|
* See the LICENSE file in the root directory of this source tree.
|
|
10
10
|
*/
|
|
11
|
-
const
|
|
11
|
+
const v = [
|
|
12
12
|
["path", { d: "M7 7h10v10", key: "1tivn9" }],
|
|
13
13
|
["path", { d: "M7 17 17 7", key: "1vkiza" }]
|
|
14
|
-
],
|
|
15
|
-
item:
|
|
16
|
-
itemImage:
|
|
17
|
-
itemTitle:
|
|
18
|
-
callToAction:
|
|
19
|
-
icon:
|
|
20
|
-
single:
|
|
21
|
-
first:
|
|
22
|
-
itemContent:
|
|
23
|
-
itemExcerpt:
|
|
24
|
-
imagePlaceholder:
|
|
25
|
-
category:
|
|
26
|
-
itemEyebrow:
|
|
14
|
+
], I = x("arrow-up-right", v), N = "_item_tofjr_1", T = "_itemImage_tofjr_14", C = "_itemTitle_tofjr_20", E = "_callToAction_tofjr_26", b = "_icon_tofjr_33", w = "_single_tofjr_39", A = "_first_tofjr_40", $ = "_itemContent_tofjr_41", k = "_itemExcerpt_tofjr_113", P = "_imagePlaceholder_tofjr_179", z = "_category_tofjr_223", L = "_itemEyebrow_tofjr_242", t = {
|
|
15
|
+
item: N,
|
|
16
|
+
itemImage: T,
|
|
17
|
+
itemTitle: C,
|
|
18
|
+
callToAction: E,
|
|
19
|
+
icon: b,
|
|
20
|
+
single: w,
|
|
21
|
+
first: A,
|
|
22
|
+
itemContent: $,
|
|
23
|
+
itemExcerpt: k,
|
|
24
|
+
imagePlaceholder: P,
|
|
25
|
+
category: z,
|
|
26
|
+
itemEyebrow: L
|
|
27
27
|
};
|
|
28
|
-
function
|
|
28
|
+
function R({
|
|
29
29
|
article: e,
|
|
30
30
|
className: g = "",
|
|
31
|
-
index:
|
|
32
|
-
|
|
31
|
+
index: f,
|
|
32
|
+
layout: h,
|
|
33
33
|
limit: p
|
|
34
34
|
}) {
|
|
35
|
-
var m, l,
|
|
35
|
+
var m, l, _, d;
|
|
36
36
|
const u = `/blog/articles/${e.slug.current}`, n = ((m = e.categories) == null ? void 0 : m.find(
|
|
37
37
|
(c) => {
|
|
38
|
-
var
|
|
39
|
-
return !((
|
|
38
|
+
var o, r;
|
|
39
|
+
return !((r = (o = c.slug) == null ? void 0 : o.current) != null && r.startsWith("library/type"));
|
|
40
40
|
}
|
|
41
41
|
)) ?? null, a = ((l = e.categories) == null ? void 0 : l.find(
|
|
42
42
|
(c) => {
|
|
43
|
-
var
|
|
44
|
-
return (
|
|
43
|
+
var o, r;
|
|
44
|
+
return (r = (o = c.slug) == null ? void 0 : o.current) == null ? void 0 : r.startsWith("library/type");
|
|
45
45
|
}
|
|
46
46
|
)) ?? null;
|
|
47
|
-
return /* @__PURE__ */
|
|
48
|
-
|
|
47
|
+
return /* @__PURE__ */ s(
|
|
48
|
+
j,
|
|
49
49
|
{
|
|
50
50
|
href: u,
|
|
51
|
-
className: `${t.item} ${g ?? ""} ${
|
|
51
|
+
className: `${t.item} ${g ?? ""} ${f === 0 ? t.first : ""} ${p === 1 ? t.single : ""} ${h}`,
|
|
52
52
|
children: [
|
|
53
|
-
/* @__PURE__ */
|
|
53
|
+
/* @__PURE__ */ s("div", { className: t.itemImage, children: [
|
|
54
54
|
a && /* @__PURE__ */ i("div", { className: t.category, children: a.title }),
|
|
55
55
|
e.featuredImage && e.featuredImage.imageUrls ? /* @__PURE__ */ i(
|
|
56
56
|
y,
|
|
57
57
|
{
|
|
58
58
|
src: e.featuredImage.imageUrls.medium ?? "",
|
|
59
|
-
alt: ((
|
|
59
|
+
alt: ((_ = e.featuredImage) == null ? void 0 : _.asset.altText) || ((d = e == null ? void 0 : e.featuredImage) == null ? void 0 : d.asset.description) || "Content image",
|
|
60
60
|
fill: !0,
|
|
61
61
|
sizes: "(max-width: 767px) 650px, 300px",
|
|
62
62
|
priority: !0
|
|
63
63
|
}
|
|
64
64
|
) : /* @__PURE__ */ i("div", { className: t.imagePlaceholder })
|
|
65
65
|
] }),
|
|
66
|
-
/* @__PURE__ */
|
|
66
|
+
/* @__PURE__ */ s("div", { className: t.itemContent, children: [
|
|
67
67
|
n && /* @__PURE__ */ i("div", { className: t.itemEyebrow, children: n.title }),
|
|
68
|
-
/* @__PURE__ */
|
|
68
|
+
/* @__PURE__ */ s("div", { className: t.itemTitle, children: [
|
|
69
69
|
/* @__PURE__ */ i("h3", { children: e.title }),
|
|
70
|
-
/* @__PURE__ */ i("div", { className: t.callToAction, children: /* @__PURE__ */ i("div", { className: t.icon, children: /* @__PURE__ */ i(
|
|
70
|
+
/* @__PURE__ */ i("div", { className: t.callToAction, children: /* @__PURE__ */ i("div", { className: t.icon, children: /* @__PURE__ */ i(I, { size: 45 }) }) })
|
|
71
71
|
] }),
|
|
72
72
|
e.excerpt && /* @__PURE__ */ i("p", { className: t.itemExcerpt, children: e.excerpt })
|
|
73
73
|
] })
|
|
@@ -76,5 +76,5 @@ function B({
|
|
|
76
76
|
);
|
|
77
77
|
}
|
|
78
78
|
export {
|
|
79
|
-
|
|
79
|
+
R as BlogArticleCard
|
|
80
80
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index19.css');const s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index19.css');const s=require("react/jsx-runtime"),b=require("react"),h=require("../../ui/PortableTextRenderer/index.cjs"),U=require("next/image"),v=require("../../../core/components/Modal/index.cjs"),F=require("../../utils/resolveLinkUrl.cjs"),O=require("../../hooks/useMediaQuery.cjs"),P=require("../../hooks/useStyleClasses.cjs");require("@fortawesome/fontawesome-free/css/all.min.css");const S=require("../../../play-CQBnZgNa.cjs"),W=require("../../../arrow-right-DO6S4vfx.cjs"),D="_cardLink_1lsx6_1",E="_card_1lsx6_1",G="_container_1lsx6_20",Q="_icon_1lsx6_30",H="_modalTrigger_1lsx6_52",J="_callToAction_1lsx6_57",K="_label_1lsx6_58",X="_cardIcon_1lsx6_63",Y="_title_1lsx6_70",Z="_description_1lsx6_93",V="_imageWrapper_1lsx6_108",T="_metric_1lsx6_193",A="_content_1lsx6_194",ee="_outerCircle_1lsx6_210",se="_innerCircle_1lsx6_215",te="_metricLabel_1lsx6_221",re="_textOnly_1lsx6_229",ne="_fullBleed_1lsx6_261",le="_imageTop_1lsx6_302",ie="_imageBottom_1lsx6_323",oe="_imageLeft_1lsx6_350",ce="_imageRight_1lsx6_360",ae="_containImage_1lsx6_410",de="_fullBleedImage_1lsx6_414",_e="_image_1lsx6_108",xe="_eyebrow_1lsx6_505",ue="_cta_1lsx6_517",he="_secondary_1lsx6_518",t={cardLink:D,card:E,container:G,icon:Q,modalTrigger:H,callToAction:J,label:K,cardIcon:X,title:Y,description:Z,imageWrapper:V,metric:T,content:A,outerCircle:ee,innerCircle:se,metricLabel:te,textOnly:re,fullBleed:ne,imageTop:le,imageBottom:ie,imageLeft:oe,imageRight:ce,containImage:ae,fullBleedImage:de,image:_e,eyebrow:xe,cta:ue,secondary:he};function fe({style:N,variant:f="noImage",metricValue:c,eyebrow:a,title:d,description:_,image:e,icon:p,callToAction:r,onHover:k,onLeave:L,gridArea:m,styleOptions:w}){const[y,C]=b.useState(void 0),I=P.useStyleClasses(w);b.useEffect(()=>{async function n(){if((r==null?void 0:r.type)==="link"||(r==null?void 0:r.type)==="download"){const i=await F.resolveLinkURL(r);C(i)}}n()},[r]);const o=O.useMediaQuery("(max-width: 768px)"),B=(e==null?void 0:e.asset)&&(e==null?void 0:e.layout)==="cover",l={};if((e==null?void 0:e.layout)==="cover")l.objectFit="cover",e!=null&&e.position&&(l.objectPosition=o?"top":e==null?void 0:e.position);else if((e==null?void 0:e.layout)==="contain"){if(l.objectFit="contain",(e==null?void 0:e.width)==="half"?l.width=o?"100%":"50%":(e==null?void 0:e.width)==="inset"?(l.width=o?"100%":"75%",l.maxWidth=e.maxWidth??"unset"):l.width="100%",e!=null&&e.aspectRatio){const[n,i]=e==null?void 0:e.aspectRatio.split(":").map(Number);l.aspectRatio=`${n}/${i}`}}else l.objectFit="none";const R={"full-bleed":t.fullBleed,text:t.textOnly,metric:t.metric,"image-left":t.imageLeft,"image-right":t.imageRight,"image-top":t.imageTop,"image-bottom":t.imageBottom}[N||"text"],z=s.jsx(s.Fragment,{children:e&&e.imageUrls?s.jsx("div",{className:t.imageWrapper,children:s.jsx(U,{src:e.imageUrls.medium,alt:(e==null?void 0:e.asset.altText)||(e==null?void 0:e.asset.description)||"Card image",width:600,height:658,priority:!1,style:l})}):null}),$=({value:n})=>{if(n&&n.includes("%")){const u=2*Math.PI*57.5,g=u-parseFloat(n)/100*u;return s.jsxs("svg",{width:125,height:125,viewBox:"0 0 125 125",children:[s.jsx("circle",{className:t.outerCircle,cx:125/2,cy:125/2,r:57.5,fill:"none"}),s.jsx("circle",{className:t.innerCircle,cx:125/2,cy:125/2,r:57.5,fill:"none",strokeDasharray:u,strokeDashoffset:g,strokeLinecap:"round",transform:`rotate(-90 ${125/2} ${125/2})`}),s.jsx("text",{className:t.metricLabel,x:"50%",y:"52%",dominantBaseline:"middle",textAnchor:"middle",children:n})]})}return s.jsx("div",{className:t.metric})},q=!c&&!a&&!d&&!_,j=s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:`${t.container} ${B?t.fullBleedImage:t.containImage} `,children:[f!=="image"&&!q&&s.jsxs("div",{className:t.content,children:[p&&s.jsx("div",{className:t.icon,children:s.jsx("i",{className:p})}),c&&s.jsx($,{value:c}),a&&s.jsx(h.RichText,{className:t.eyebrow,blocks:a}),d&&s.jsx(h.RichText,{className:t.title,blocks:d}),_&&s.jsx(h.RichText,{className:t.description,blocks:_})]}),z]}),(r==null?void 0:r.videoUrl)&&s.jsxs("div",{className:t.callToAction,children:[s.jsx("div",{className:t.label,children:r.label}),s.jsx("div",{className:t.cardIcon,children:s.jsx(S.Play,{size:45})})]}),(r==null?void 0:r.type)==="link"&&s.jsxs("div",{className:t.callToAction,children:[s.jsx("div",{className:t.label,children:r.label}),s.jsx("div",{className:t.cardIcon,children:s.jsx(W.ArrowRight,{size:45})})]})]}),M=({children:n})=>{var i,x;switch(r==null?void 0:r.type){case"link":return s.jsx("a",{className:t.cardLink,"aria-label":r.ariaLabel||r.label,href:y,target:((i=r.linkOptions)==null?void 0:i.linkType)==="external"?"_blank":"_self",rel:((x=r.linkOptions)==null?void 0:x.linkType)==="external"?"noopener noreferrer":"",children:n});case"modal":return s.jsx(v.Modal,{className:t.modalTrigger,trigger:n,content:r.modalContent});case"video":return s.jsx(v.Modal,{className:t.modalTrigger,trigger:n,content:s.jsx("video",{src:r.videoUrl,controls:!0,autoPlay:!0})});case"download":return s.jsx("a",{className:t.cardLink,"aria-label":r.ariaLabel||r.label,href:y,download:!0,target:"_blank",rel:"noopener noreferrer",children:n})}};return s.jsx("div",{className:`${I} ${t.card} ${R??""} ${t[f]}`,onMouseEnter:k,onMouseLeave:L,style:m&&!o?{gridArea:m}:{},children:(r==null?void 0:r.type)!=="none"?s.jsx(M,{children:j}):s.jsx(s.Fragment,{children:j})})}exports.GridCard=fe;
|