@ilo-org/react 0.24.4 → 0.24.5
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/lib/cjs/_store/{ScoreCard-chunk-CrUY_fv3.js → CardGroup-chunk-DVgx8_lR.js} +1 -1
- package/lib/cjs/_store/{Cards-entry-CsnvxElJ.js → Cards-entry-CzMtOpW3.js} +1 -1
- package/lib/cjs/_store/{components-entry-1s3FUUOQ.js → components-entry-Bh31RBMt.js} +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/esm/_store/{ScoreCard-chunk-DCJ-Xysl.js → CardGroup-chunk-DAuoDC3W.js} +75 -74
- package/lib/esm/_store/{Cards-entry-C2-z4ntb.js → Cards-entry-CfOjTSQy.js} +1 -1
- package/lib/esm/_store/{components-entry-YMq-4TvM.js → components-entry-Cz483CQA.js} +1 -1
- package/lib/esm/index.js +1 -1
- package/lib/styles/components/scorecard.css +1 -1
- package/lib/styles/global.css.map +1 -1
- package/lib/styles/index.css +1 -1
- package/lib/styles/index.css.map +1 -1
- package/lib/styles/monorepo.css +1 -1
- package/lib/styles/monorepo.css.map +1 -1
- package/lib/types/components/Cards/CardGroup.d.ts +2 -0
- package/lib/types/types/index.d.ts +1 -1
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("react/jsx-runtime"),N=require("react"),u=require("./index-chunk-D921N0ug.js"),v=require("./useGlobalSettings-chunk-DEacV16j.js"),C=require("./Button-chunk-BPxitLjn.js"),L=require("./Link-chunk-BcVWiDXw.js"),g=require("./LinkList-chunk-AT26ZVEG.js"),I=require("./Profile-chunk-Du8HEAQA.js"),S=require("./Icon-chunk-QFryHTpy.js"),y=require("./List-entry-DRGsrQZi.js"),M=require("./Picture-chunk-CK6tJPnd.js"),V=require("./Status-chunk-DJ3wnXYt.js"),G=N.forwardRef(({className:p,title:c,theme:r="light",size:e="standard",color:m,intro:o,source:n,titleLevel:x="p"},i)=>{const{prefix:a}=v.useGlobalSettings(),t=`${a}--card`,$=u.classnames(`${t}--wrapper`,p),d=u.classnames(t,`${t}__type__stat`,{[`${t}__size__${String(e)}`]:e,[`${t}__theme__${r}`]:r,[`${t}__color__${m}`]:m});return s.jsx("div",{className:$,ref:i,children:s.jsx("div",{className:d,children:s.jsx("div",{className:`${t}--wrap`,children:s.jsxs("div",{className:`${t}--content`,children:[s.jsx(x,{className:`${t}--title`,children:c}),o&&s.jsx("p",{className:`${t}--intro`,children:o}),n&&s.jsx(L.Link,{className:`${t}--source`,url:n.url,label:n.label})]})})})})}),R=N.forwardRef(({className:p,title:c,size:r="standard",alignment:e,intro:m,link:o,linklist:n,image:x,titleLevel:i="p",eyebrow:a,isVideo:t,theme:$="light"},d)=>{const{prefix:l}=v.useGlobalSettings(),_=`${l}--card`,h=u.classnames(_,p,`${_}__type__multilink`,{[`${_}__align__${e}`]:e,[`${_}__size__${r}`]:r,[`${_}__isvideo`]:t,[`${_}--no-image`]:!x,[`${_}__theme__${$}`]:$});return s.jsxs("div",{className:h,ref:d,children:[o&&s.jsx("a",{className:`${_}--link`,href:o,title:c,children:s.jsx("span",{className:`${_}--link--text`,children:c})}),s.jsxs("div",{className:`${_}--wrap`,children:[x&&s.jsx("div",{className:`${_}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:x,alt:c,className:`${_}--picture`})})}),s.jsxs("div",{className:`${_}--content`,children:[a&&s.jsx("p",{className:`${_}--eyebrow`,children:a}),s.jsx(i,{className:`${_}--title`,children:c}),x&&s.jsx("div",{className:`${_}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:x,alt:c,className:`${_}--picture`})})}),m&&(N.isValidElement(m)?s.jsx("div",{className:`${_}--intro`,children:m}):s.jsx("p",{className:`${_}--intro`,children:m})),n&&s.jsx(g.LinkList,{...n})]})]})]})}),q=N.forwardRef(({className:p,title:c,theme:r="light",size:e="narrow",date:m,profile:o,link:n,titleLevel:x="p",eyebrow:i},a)=>{const{prefix:t}=v.useGlobalSettings(),$=`${t}--card`,d=u.classnames(`${$}--wrapper`,p),l=u.classnames($,`${$}__type__text`,{[`${$}__size__${String(e)}`]:e,[`${$}__theme__${r}`]:r});return s.jsx("div",{className:d,ref:a,children:s.jsxs("div",{className:l,children:[s.jsx("a",{className:`${$}--link`,href:n,title:c,children:s.jsx("span",{className:`${$}--link--text`,children:c})}),s.jsx("div",{className:`${$}--wrap`,children:s.jsxs("div",{className:`${$}--content`,children:[i&&s.jsx("p",{className:`${$}--eyebrow`,children:i}),s.jsx(x,{className:`${$}--title`,children:c}),m&&s.jsx("time",{className:`${$}--date`,dateTime:m.unix,children:m.human}),o&&s.jsx(I.Profile,{avatar:o.avatar,description:o.description,link:o.link,name:o.name,role:o.role,theme:r})]})})]})})}),T=N.forwardRef(({className:p,title:c,theme:r="light",size:e="narrow",cornercut:m,intro:o,link:n,cta:x,titleLevel:i="p",eyebrow:a},t)=>{const{prefix:$}=v.useGlobalSettings(),d=`${$}--card`,l=u.classnames(`${d}--wrapper`,p,`${d}--wrapper__type__promo`,`${d}--wrapper__type__promo__size__${e}`),_=u.classnames(d,`${d}__type__promo`,{[`${d}__size__${String(e)}`]:e,[`${d}__theme__${r}`]:r,[`${d}__cornercut`]:m});return s.jsx("div",{className:l,ref:t,children:s.jsxs("div",{className:_,children:[s.jsx("a",{className:`${d}--link`,href:n,title:c,children:s.jsx("span",{className:`${d}--link--text`,children:c})}),s.jsx("div",{className:`${d}--wrap`,children:s.jsxs("div",{className:`${d}--content`,children:[a&&s.jsx("p",{className:`${d}--eyebrow`,children:a}),s.jsx(i,{className:`${d}--title`,children:c}),o&&s.jsx("p",{className:`${d}--intro`,children:o}),(x==null?void 0:x.label)&&s.jsx("div",{className:`${d}--cta`,children:s.jsx(C.Button,{link:{url:x.url,label:x.label},size:"medium",type:"primary"})})]})})]})})}),P=N.forwardRef(({className:p,title:c,theme:r="light",size:e="narrow",date:m,link:o,linklist:n,image:x,titleLevel:i="p",eyebrow:a,isVideo:t},$)=>{const{prefix:d}=v.useGlobalSettings(),l=`${d}--card`,_=u.classnames(l,p,`${l}__type__feature`,{[`${l}__size__${String(e)}`]:e,[`${l}__theme__${r}`]:r,[`${l}__isvideo`]:t,[`${l}__linklist`]:n});return s.jsxs("div",{className:_,ref:$,children:[o&&s.jsx("a",{className:`${l}--link`,href:o,title:c,children:s.jsx("span",{className:`${l}--link--text`,children:c})}),s.jsxs("div",{className:`${l}--wrap`,children:[x&&s.jsx("div",{className:`${l}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:x,alt:c,className:`${l}--picture`})})}),s.jsxs("div",{className:`${l}--content`,children:[a&&s.jsx("p",{className:`${l}--eyebrow`,children:a}),s.jsx(i,{className:`${l}--title`,children:c}),m&&s.jsx("time",{className:`${l}--date`,dateTime:m.unix,children:m.human}),n&&e==="narrow"&&s.jsx(g.LinkList,{headline:n.headline,linkgroup:n.linkgroup,theme:r})]})]}),n&&(e==="wide"||e==="fluid")&&s.jsx(g.LinkList,{headline:n.headline,linkgroup:n.linkgroup,theme:r})]})}),B=N.forwardRef(({className:p,title:c,theme:r="light",size:e="narrow",date:m,details:o,link:n,titleLevel:x="p",eyebrow:i,intro:a,image:t,isVideo:$=!1,linkComponent:d},l)=>{const{prefix:_}=v.useGlobalSettings(),h=`${_}--card`,j=u.classnames(h,`${h}__type__detail`,p,{[`${h}__size__${String(e)}`]:e,[`${h}__theme__${r}`]:r,[`${h}__isvideo`]:$}),w=N.createElement(d||"a",{className:`${h}--link`,href:n,title:c},s.jsx("span",{className:`${h}--link--text`,children:c}));return s.jsxs("div",{className:j,ref:l,children:[n&&w,s.jsxs("div",{className:`${h}--wrap`,children:[t&&s.jsx("div",{className:`${h}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${h}--picture`,src:t,alt:c})})}),s.jsxs("div",{className:`${h}--content`,children:[i&&s.jsx("p",{className:`${h}--eyebrow`,children:i}),c&&s.jsx(x,{className:`${h}--title`,children:c}),a&&(N.isValidElement(a)?s.jsx("div",{className:`${h}--intro`,children:a}):s.jsx("p",{className:`${h}--intro`,children:a})),m&&!o&&s.jsx("time",{className:`${h}--date`,dateTime:m.unix,children:m.human}),o&&s.jsxs("p",{className:`${h}--date-extra`,children:[s.jsx(S.Icon,{name:"TriangleRight",size:20}),o]})]})]})]})}),F=N.forwardRef(({title:p,theme:c="light",size:r="narrow",list:e,titleLevel:m="p",className:o},n)=>{const{prefix:x}=v.useGlobalSettings(),i=`${x}--card`,a=u.classnames(i,`${i}__type__factlist`,o,{[`${i}__size__${r}`]:r,[`${i}__theme__${c}`]:c});return s.jsx("div",{className:a,ref:n,children:s.jsx("div",{className:`${i}--wrap`,children:s.jsxs("div",{className:`${i}--content`,children:[p&&s.jsx(m,{className:`${x}--card--title`,children:p}),s.jsx(y.List,{alignment:"default",ordered:"unordered",theme:c,children:e.map(t=>s.jsx(y.List.Item,{children:s.jsx("p",{children:t})},t))})]})})})}),D=N.forwardRef(({eyebrow:p,size:c="narrow",image:r,dataset:e,columns:m="one",className:o},n)=>{var d;const{prefix:x}=v.useGlobalSettings(),i=c==="narrow"?"one":m,a=`${x}--card`,t=u.classnames(a,`${a}__type__data`,o,{[`${a}__size__${String(c)}`]:c,[`${a}__type__data__columns__${i}`]:i}),$=u.classnames(`${a}--content`,{[`${a}--content__with-image`]:r,[`${a}--content__no-image-with-links`]:!r&&(e==null?void 0:e.links),[`${a}--content__default`]:!r&&!(e!=null&&e.links)});return s.jsx("div",{className:t,ref:n,children:s.jsxs("div",{className:`${a}--wrap`,children:[!r&&p&&s.jsx("div",{className:`${a}--eyebrow`,children:p}),s.jsxs("div",{className:$,children:[r&&s.jsxs("div",{className:`${a}--area--image`,children:[p&&s.jsx("div",{className:`${a}--eyebrow`,children:p}),s.jsx("div",{className:`${a}--image`,children:s.jsx("picture",{children:s.jsx("img",{className:`${a}--picture`,src:r,alt:p})})})]}),(d=e==null?void 0:e.content)==null?void 0:d.items.map((l,_)=>s.jsxs("div",{className:`${a}--area--content`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:l.label}),s.jsx("p",{className:`${a}__type__data--content-copy`,children:l.copy})]},_)),(e==null?void 0:e.files)&&s.jsx("div",{className:`${a}--area--files`,children:s.jsxs("div",{className:`${a}__type__data--content-files`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:e.files.headline}),e.files.items.map((l,_)=>s.jsx(C.Button,{link:{url:l.url,label:l.label,target:l.target||"_self"},size:"small"},_))]})}),(e==null?void 0:e.cta)&&s.jsx("div",{className:`${a}--area--cta`,children:s.jsxs("div",{className:`${a}__type__data--content-cta`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:e.cta.headline}),e.cta.items.map(l=>s.jsx(C.Button,{type:"secondary",size:"small",link:{url:l.url,label:l.label,target:l.target}},l.label))]})}),(e==null?void 0:e.links)&&s.jsx("div",{className:`${a}--area--links`,children:s.jsxs("div",{className:`${a}__type__data--content-links`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:e.links.headline}),s.jsx("div",{className:`${a}__type__data--content-links-list`,children:e.links.items.map(l=>s.jsx(N.Fragment,{children:s.jsx(L.Link,{url:l.url,label:l.label,className:`${a}__type__data--content-link`})},l.label+l.url))})]})})]})]})})}),z={stat:G,multilink:R,text:q,promo:T,feature:P,detail:B,factlist:F,data:D},A=N.forwardRef(({type:p,group:c,cardCount:r="one",cta:e,collapsed:m=!1},o)=>{const n=z[p],{prefix:x}=v.useGlobalSettings(),i=`${x}--cardgroup`,a=u.classnames(i,`${i}__count__${r}`,{[`${i}__collapsed`]:m});return s.jsxs("div",{className:a,ref:o,children:[s.jsx("div",{className:`${i}--inner`,children:c.map((t,$)=>s.jsx(n,{...t},$))}),e&&s.jsx("div",{className:`${i}--button-wrap`,children:s.jsx(C.Button,{link:{url:e.url,label:e.label},type:"secondary",size:"medium"})})]})}),H=N.forwardRef(({className:p,theme:c="light",titleLevel:r="p",size:e="narrow",link:m,linkComponent:o,title:n,isVideo:x=!1,image:i,status:a,eyebrow:t,content:$,cta:d},l)=>{var k;const{prefix:_}=v.useGlobalSettings(),h=c==="dark"?"var(--ilo-color-white)":"var(--ilo-color-gray-accessible)",j=`${_}--card`,w=u.classnames(j,`${j}__type__score`,{[`${j}__theme__${c}`]:c,[`${j}__size__${e}`]:e,[`${j}__isvideo`]:x}),E=N.createElement(o||"a",{href:m,title:n,className:`${j}--link`},s.jsx("span",{className:`${j}--link--text`,children:n}));return s.jsxs("div",{className:u.classnames(w,p),ref:l,children:[E,s.jsxs("div",{className:`${j}--wrap`,children:[i&&e!=="simple"&&s.jsx("div",{className:`${j}--image--wrapper`,children:s.jsx(M.Picture,{...i})}),s.jsxs("div",{className:`${j}--content`,children:[a&&s.jsx(V.Status,{content:a.content,statusType:a.statusType}),t&&e!=="simple"&&s.jsx("p",{className:`${j}--eyebrow`,children:t}),n&&s.jsx(r,{className:`${j}--title`,children:n}),$&&s.jsx("div",{className:`${j}--area--content`,children:(k=$.items)==null?void 0:k.map((f,b)=>s.jsxs("div",{className:`${j}--content--item`,children:[s.jsx(S.Icon,{name:f.icon,size:20,color:h}),s.jsx("span",{children:f.label})]},b))}),d&&s.jsx("div",{className:`${j}--area--cta`,children:d.items.map((f,b)=>s.jsx("div",{className:`${j}--cta`,children:f},b))})]})]})]})});exports.CardGroup=A;exports.DataCard=D;exports.DetailCard=B;exports.FactListCard=F;exports.FeatureCard=P;exports.MultiLinkCard=R;exports.PromoCard=T;exports.ScoreCard=H;exports.StatCard=G;exports.TextCard=q;
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),N=require("react"),u=require("./index-chunk-D921N0ug.js"),v=require("./useGlobalSettings-chunk-DEacV16j.js"),C=require("./Button-chunk-BPxitLjn.js"),L=require("./Link-chunk-BcVWiDXw.js"),g=require("./LinkList-chunk-AT26ZVEG.js"),M=require("./Profile-chunk-Du8HEAQA.js"),S=require("./Icon-chunk-QFryHTpy.js"),y=require("./List-entry-DRGsrQZi.js"),V=require("./Picture-chunk-CK6tJPnd.js"),z=require("./Status-chunk-DJ3wnXYt.js"),G=N.forwardRef(({className:p,title:c,theme:r="light",size:e="standard",color:m,intro:o,source:n,titleLevel:x="p"},i)=>{const{prefix:a}=v.useGlobalSettings(),t=`${a}--card`,$=u.classnames(`${t}--wrapper`,p),d=u.classnames(t,`${t}__type__stat`,{[`${t}__size__${String(e)}`]:e,[`${t}__theme__${r}`]:r,[`${t}__color__${m}`]:m});return s.jsx("div",{className:$,ref:i,children:s.jsx("div",{className:d,children:s.jsx("div",{className:`${t}--wrap`,children:s.jsxs("div",{className:`${t}--content`,children:[s.jsx(x,{className:`${t}--title`,children:c}),o&&s.jsx("p",{className:`${t}--intro`,children:o}),n&&s.jsx(L.Link,{className:`${t}--source`,url:n.url,label:n.label})]})})})})}),R=N.forwardRef(({className:p,title:c,size:r="standard",alignment:e,intro:m,link:o,linklist:n,image:x,titleLevel:i="p",eyebrow:a,isVideo:t,theme:$="light"},d)=>{const{prefix:l}=v.useGlobalSettings(),_=`${l}--card`,h=u.classnames(_,p,`${_}__type__multilink`,{[`${_}__align__${e}`]:e,[`${_}__size__${r}`]:r,[`${_}__isvideo`]:t,[`${_}--no-image`]:!x,[`${_}__theme__${$}`]:$});return s.jsxs("div",{className:h,ref:d,children:[o&&s.jsx("a",{className:`${_}--link`,href:o,title:c,children:s.jsx("span",{className:`${_}--link--text`,children:c})}),s.jsxs("div",{className:`${_}--wrap`,children:[x&&s.jsx("div",{className:`${_}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:x,alt:c,className:`${_}--picture`})})}),s.jsxs("div",{className:`${_}--content`,children:[a&&s.jsx("p",{className:`${_}--eyebrow`,children:a}),s.jsx(i,{className:`${_}--title`,children:c}),x&&s.jsx("div",{className:`${_}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:x,alt:c,className:`${_}--picture`})})}),m&&(N.isValidElement(m)?s.jsx("div",{className:`${_}--intro`,children:m}):s.jsx("p",{className:`${_}--intro`,children:m})),n&&s.jsx(g.LinkList,{...n})]})]})]})}),q=N.forwardRef(({className:p,title:c,theme:r="light",size:e="narrow",date:m,profile:o,link:n,titleLevel:x="p",eyebrow:i},a)=>{const{prefix:t}=v.useGlobalSettings(),$=`${t}--card`,d=u.classnames(`${$}--wrapper`,p),l=u.classnames($,`${$}__type__text`,{[`${$}__size__${String(e)}`]:e,[`${$}__theme__${r}`]:r});return s.jsx("div",{className:d,ref:a,children:s.jsxs("div",{className:l,children:[s.jsx("a",{className:`${$}--link`,href:n,title:c,children:s.jsx("span",{className:`${$}--link--text`,children:c})}),s.jsx("div",{className:`${$}--wrap`,children:s.jsxs("div",{className:`${$}--content`,children:[i&&s.jsx("p",{className:`${$}--eyebrow`,children:i}),s.jsx(x,{className:`${$}--title`,children:c}),m&&s.jsx("time",{className:`${$}--date`,dateTime:m.unix,children:m.human}),o&&s.jsx(M.Profile,{avatar:o.avatar,description:o.description,link:o.link,name:o.name,role:o.role,theme:r})]})})]})})}),T=N.forwardRef(({className:p,title:c,theme:r="light",size:e="narrow",cornercut:m,intro:o,link:n,cta:x,titleLevel:i="p",eyebrow:a},t)=>{const{prefix:$}=v.useGlobalSettings(),d=`${$}--card`,l=u.classnames(`${d}--wrapper`,p,`${d}--wrapper__type__promo`,`${d}--wrapper__type__promo__size__${e}`),_=u.classnames(d,`${d}__type__promo`,{[`${d}__size__${String(e)}`]:e,[`${d}__theme__${r}`]:r,[`${d}__cornercut`]:m});return s.jsx("div",{className:l,ref:t,children:s.jsxs("div",{className:_,children:[s.jsx("a",{className:`${d}--link`,href:n,title:c,children:s.jsx("span",{className:`${d}--link--text`,children:c})}),s.jsx("div",{className:`${d}--wrap`,children:s.jsxs("div",{className:`${d}--content`,children:[a&&s.jsx("p",{className:`${d}--eyebrow`,children:a}),s.jsx(i,{className:`${d}--title`,children:c}),o&&s.jsx("p",{className:`${d}--intro`,children:o}),(x==null?void 0:x.label)&&s.jsx("div",{className:`${d}--cta`,children:s.jsx(C.Button,{link:{url:x.url,label:x.label},size:"medium",type:"primary"})})]})})]})})}),P=N.forwardRef(({className:p,title:c,theme:r="light",size:e="narrow",date:m,link:o,linklist:n,image:x,titleLevel:i="p",eyebrow:a,isVideo:t},$)=>{const{prefix:d}=v.useGlobalSettings(),l=`${d}--card`,_=u.classnames(l,p,`${l}__type__feature`,{[`${l}__size__${String(e)}`]:e,[`${l}__theme__${r}`]:r,[`${l}__isvideo`]:t,[`${l}__linklist`]:n});return s.jsxs("div",{className:_,ref:$,children:[o&&s.jsx("a",{className:`${l}--link`,href:o,title:c,children:s.jsx("span",{className:`${l}--link--text`,children:c})}),s.jsxs("div",{className:`${l}--wrap`,children:[x&&s.jsx("div",{className:`${l}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:x,alt:c,className:`${l}--picture`})})}),s.jsxs("div",{className:`${l}--content`,children:[a&&s.jsx("p",{className:`${l}--eyebrow`,children:a}),s.jsx(i,{className:`${l}--title`,children:c}),m&&s.jsx("time",{className:`${l}--date`,dateTime:m.unix,children:m.human}),n&&e==="narrow"&&s.jsx(g.LinkList,{headline:n.headline,linkgroup:n.linkgroup,theme:r})]})]}),n&&(e==="wide"||e==="fluid")&&s.jsx(g.LinkList,{headline:n.headline,linkgroup:n.linkgroup,theme:r})]})}),B=N.forwardRef(({className:p,title:c,theme:r="light",size:e="narrow",date:m,details:o,link:n,titleLevel:x="p",eyebrow:i,intro:a,image:t,isVideo:$=!1,linkComponent:d},l)=>{const{prefix:_}=v.useGlobalSettings(),h=`${_}--card`,j=u.classnames(h,`${h}__type__detail`,p,{[`${h}__size__${String(e)}`]:e,[`${h}__theme__${r}`]:r,[`${h}__isvideo`]:$}),w=N.createElement(d||"a",{className:`${h}--link`,href:n,title:c},s.jsx("span",{className:`${h}--link--text`,children:c}));return s.jsxs("div",{className:j,ref:l,children:[n&&w,s.jsxs("div",{className:`${h}--wrap`,children:[t&&s.jsx("div",{className:`${h}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${h}--picture`,src:t,alt:c})})}),s.jsxs("div",{className:`${h}--content`,children:[i&&s.jsx("p",{className:`${h}--eyebrow`,children:i}),c&&s.jsx(x,{className:`${h}--title`,children:c}),a&&(N.isValidElement(a)?s.jsx("div",{className:`${h}--intro`,children:a}):s.jsx("p",{className:`${h}--intro`,children:a})),m&&!o&&s.jsx("time",{className:`${h}--date`,dateTime:m.unix,children:m.human}),o&&s.jsxs("p",{className:`${h}--date-extra`,children:[s.jsx(S.Icon,{name:"TriangleRight",size:20}),o]})]})]})]})}),F=N.forwardRef(({title:p,theme:c="light",size:r="narrow",list:e,titleLevel:m="p",className:o},n)=>{const{prefix:x}=v.useGlobalSettings(),i=`${x}--card`,a=u.classnames(i,`${i}__type__factlist`,o,{[`${i}__size__${r}`]:r,[`${i}__theme__${c}`]:c});return s.jsx("div",{className:a,ref:n,children:s.jsx("div",{className:`${i}--wrap`,children:s.jsxs("div",{className:`${i}--content`,children:[p&&s.jsx(m,{className:`${x}--card--title`,children:p}),s.jsx(y.List,{alignment:"default",ordered:"unordered",theme:c,children:e.map(t=>s.jsx(y.List.Item,{children:s.jsx("p",{children:t})},t))})]})})})}),D=N.forwardRef(({eyebrow:p,size:c="narrow",image:r,dataset:e,columns:m="one",className:o},n)=>{var d;const{prefix:x}=v.useGlobalSettings(),i=c==="narrow"?"one":m,a=`${x}--card`,t=u.classnames(a,`${a}__type__data`,o,{[`${a}__size__${String(c)}`]:c,[`${a}__type__data__columns__${i}`]:i}),$=u.classnames(`${a}--content`,{[`${a}--content__with-image`]:r,[`${a}--content__no-image-with-links`]:!r&&(e==null?void 0:e.links),[`${a}--content__default`]:!r&&!(e!=null&&e.links)});return s.jsx("div",{className:t,ref:n,children:s.jsxs("div",{className:`${a}--wrap`,children:[!r&&p&&s.jsx("div",{className:`${a}--eyebrow`,children:p}),s.jsxs("div",{className:$,children:[r&&s.jsxs("div",{className:`${a}--area--image`,children:[p&&s.jsx("div",{className:`${a}--eyebrow`,children:p}),s.jsx("div",{className:`${a}--image`,children:s.jsx("picture",{children:s.jsx("img",{className:`${a}--picture`,src:r,alt:p})})})]}),(d=e==null?void 0:e.content)==null?void 0:d.items.map((l,_)=>s.jsxs("div",{className:`${a}--area--content`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:l.label}),s.jsx("p",{className:`${a}__type__data--content-copy`,children:l.copy})]},_)),(e==null?void 0:e.files)&&s.jsx("div",{className:`${a}--area--files`,children:s.jsxs("div",{className:`${a}__type__data--content-files`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:e.files.headline}),e.files.items.map((l,_)=>s.jsx(C.Button,{link:{url:l.url,label:l.label,target:l.target||"_self"},size:"small"},_))]})}),(e==null?void 0:e.cta)&&s.jsx("div",{className:`${a}--area--cta`,children:s.jsxs("div",{className:`${a}__type__data--content-cta`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:e.cta.headline}),e.cta.items.map(l=>s.jsx(C.Button,{type:"secondary",size:"small",link:{url:l.url,label:l.label,target:l.target}},l.label))]})}),(e==null?void 0:e.links)&&s.jsx("div",{className:`${a}--area--links`,children:s.jsxs("div",{className:`${a}__type__data--content-links`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:e.links.headline}),s.jsx("div",{className:`${a}__type__data--content-links-list`,children:e.links.items.map(l=>s.jsx(N.Fragment,{children:s.jsx(L.Link,{url:l.url,label:l.label,className:`${a}__type__data--content-link`})},l.label+l.url))})]})})]})]})})}),E=N.forwardRef(({className:p,theme:c="light",titleLevel:r="p",size:e="narrow",link:m,linkComponent:o,title:n,isVideo:x=!1,image:i,status:a,eyebrow:t,content:$,cta:d},l)=>{var k;const{prefix:_}=v.useGlobalSettings(),h=c==="dark"?"var(--ilo-color-white)":"var(--ilo-color-gray-accessible)",j=`${_}--card`,w=u.classnames(j,`${j}__type__score`,{[`${j}__theme__${c}`]:c,[`${j}__size__${e}`]:e,[`${j}__isvideo`]:x}),I=N.createElement(o||"a",{href:m,title:n,className:`${j}--link`},s.jsx("span",{className:`${j}--link--text`,children:n}));return s.jsxs("div",{className:u.classnames(w,p),ref:l,children:[I,s.jsxs("div",{className:`${j}--wrap`,children:[i&&e!=="simple"&&s.jsx("div",{className:`${j}--image--wrapper`,children:s.jsx(V.Picture,{...i})}),s.jsxs("div",{className:`${j}--content`,children:[a&&s.jsx(z.Status,{content:a.content,statusType:a.statusType}),t&&e!=="simple"&&s.jsx("p",{className:`${j}--eyebrow`,children:t}),n&&s.jsx(r,{className:`${j}--title`,children:n}),$&&s.jsx("div",{className:`${j}--area--content`,children:(k=$.items)==null?void 0:k.map((f,b)=>s.jsxs("div",{className:`${j}--content--item`,children:[s.jsx(S.Icon,{name:f.icon,size:20,color:h}),s.jsx("span",{children:f.label})]},b))}),d&&s.jsx("div",{className:`${j}--area--cta`,children:d.items.map((f,b)=>s.jsx("div",{className:`${j}--cta`,children:f},b))})]})]})]})}),A={stat:G,multilink:R,text:q,promo:T,feature:P,detail:B,factlist:F,data:D,score:E},H=N.forwardRef(({type:p,group:c,cardCount:r="one",cta:e,collapsed:m=!1},o)=>{const n=A[p],{prefix:x}=v.useGlobalSettings(),i=`${x}--cardgroup`,a=u.classnames(i,`${i}__count__${r}`,{[`${i}__collapsed`]:m});return s.jsxs("div",{className:a,ref:o,children:[s.jsx("div",{className:`${i}--inner`,children:c.map((t,$)=>s.jsx(n,{...t},$))}),e&&s.jsx("div",{className:`${i}--button-wrap`,children:s.jsx(C.Button,{link:{url:e.url,label:e.label},type:"secondary",size:"medium"})})]})});exports.CardGroup=H;exports.DataCard=D;exports.DetailCard=B;exports.FactListCard=F;exports.FeatureCard=P;exports.MultiLinkCard=R;exports.PromoCard=T;exports.ScoreCard=E;exports.StatCard=G;exports.TextCard=q;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./CardGroup-chunk-DVgx8_lR.js");exports.CardGroup=r.CardGroup;exports.DataCard=r.DataCard;exports.DetailCard=r.DetailCard;exports.FactListCard=r.FactListCard;exports.FeatureCard=r.FeatureCard;exports.MultiLinkCard=r.MultiLinkCard;exports.PromoCard=r.PromoCard;exports.ScoreCard=r.ScoreCard;exports.StatCard=r.StatCard;exports.TextCard=r.TextCard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Accordion-entry-Du65VJ-p.js"),t=require("./Form-chunk-Bhz_CsMf.js"),i=require("./Collapse-chunk-CKRYA3G0.js"),a=require("./Empty-chunk-D15nltyD.js"),n=require("./Image-chunk-DrH5JX6G.js"),u=require("./Loading-chunk-BZ2x4P8i.js"),c=require("./Radio-chunk-DoLctty-.js"),d=require("./Tag-chunk-C_r4zGEh.js"),s=require("./Button-chunk-BPxitLjn.js"),l=require("./ContextMenu-chunk-LNOPuIui.js"),q=require("./Fieldset-chunk-Dykzn_3y.js"),C=require("./GlobalProvider-chunk-Bt1vmswv.js"),b=require("./GlobalCtx-chunk-D_GlGcgw.js"),r=require("./TextInput.args-chunk-Bs7YIRuJ.js"),g=require("./Notification-chunk-BDC2i-2V.js"),L=require("./ReadMore-chunk-Cz3Dc9Cz.js"),T=require("./Textarea-chunk-XYsrIeDn.js"),x=require("./Callout-chunk-Cmnm5uzu.js"),p=require("./Credit-chunk-cffOG8ho.js"),P=require("./FileUpload-chunk-CC1oePLc.js"),F=require("./Heading-chunk-COxtDw0v.js"),m=require("./Link-chunk-BcVWiDXw.js"),k=require("./NumberPicker-chunk-kaW8wv3h.js"),S=require("./RichText-chunk-CLfo33Pr.js"),v=require("./Tooltip-chunk-CQu5vz01.js"),I=require("./Checkbox-chunk-CDFIXTn9.js"),N=require("./DatePicker-chunk-DouvjE3X.js"),f=require("./Hero-chunk-BgeQPg_6.js"),D=require("./HeroCard-chunk-Dx88UJpE.js"),h=require("./LinkList-chunk-AT26ZVEG.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Accordion-entry-Du65VJ-p.js"),t=require("./Form-chunk-Bhz_CsMf.js"),i=require("./Collapse-chunk-CKRYA3G0.js"),a=require("./Empty-chunk-D15nltyD.js"),n=require("./Image-chunk-DrH5JX6G.js"),u=require("./Loading-chunk-BZ2x4P8i.js"),c=require("./Radio-chunk-DoLctty-.js"),d=require("./Tag-chunk-C_r4zGEh.js"),s=require("./Button-chunk-BPxitLjn.js"),l=require("./ContextMenu-chunk-LNOPuIui.js"),q=require("./Fieldset-chunk-Dykzn_3y.js"),C=require("./GlobalProvider-chunk-Bt1vmswv.js"),b=require("./GlobalCtx-chunk-D_GlGcgw.js"),r=require("./TextInput.args-chunk-Bs7YIRuJ.js"),g=require("./Notification-chunk-BDC2i-2V.js"),L=require("./ReadMore-chunk-Cz3Dc9Cz.js"),T=require("./Textarea-chunk-XYsrIeDn.js"),x=require("./Callout-chunk-Cmnm5uzu.js"),p=require("./Credit-chunk-cffOG8ho.js"),P=require("./FileUpload-chunk-CC1oePLc.js"),F=require("./Heading-chunk-COxtDw0v.js"),m=require("./Link-chunk-BcVWiDXw.js"),k=require("./NumberPicker-chunk-kaW8wv3h.js"),S=require("./RichText-chunk-CLfo33Pr.js"),v=require("./Tooltip-chunk-CQu5vz01.js"),I=require("./Checkbox-chunk-CDFIXTn9.js"),N=require("./DatePicker-chunk-DouvjE3X.js"),f=require("./Hero-chunk-BgeQPg_6.js"),D=require("./HeroCard-chunk-Dx88UJpE.js"),h=require("./LinkList-chunk-AT26ZVEG.js"),G=require("./Pagination-chunk-D3Ve2ASf.js"),H=require("./SearchField-chunk-BuB-C9aK.js"),M=require("./Video-chunk-UuPc6ufz.js"),R=require("./Dropdown-chunk-BjeJjYZD.js"),B=require("./Icon-chunk-QFryHTpy.js"),y=require("./List-entry-DRGsrQZi.js"),O=require("./Profile-chunk-Du8HEAQA.js"),w=require("./TableOfContents-chunk-ZubRLGF3.js"),A=require("./Footer-chunk-CGR-tiim.js"),E=require("./Navigation-entry-C6dI5Dpf.js"),e=require("./CardGroup-chunk-DVgx8_lR.js"),U=require("./Breadcrumb-chunk-BFveDqpn.js"),V=require("./Status-chunk-DJ3wnXYt.js"),_=require("./Tabs-chunk-n0swxLit.js"),$=require("./LanguageToggle-chunk-DdIPnYuL.js"),j=require("./SubsiteNav-chunk-CVWgp2ti.js");exports.Accordion=o.Accordion;exports.Form=t.Form;exports.Collapse=i.Collapse;exports.Empty=a.Empty;exports.Image=n.Image;exports.Loading=u.Loading;exports.Radio=c.LabelledRadio;exports.Tag=d.Tag;exports.Button=s.Button;exports.ContextMenu=l.ContextMenu;exports.Fieldset=q.Fieldset;exports.GlobalProvider=C.GlobalProvider;exports.GlobalProviderContext=b.GlobalProviderContext;exports.TextInput=r.LabelledTextInput;exports.TextInputArgs=r.TextInput_args;exports.Notification=g.Notification;exports.ReadMore=L.ReadMore;exports.Textarea=T.LabelledTextarea;exports.Callout=x.Callout;exports.Credit=p.Credit;exports.FileUpload=P.LabelledFileUpload;exports.Heading=F.Heading;exports.Link=m.Link;exports.NumberPicker=k.LabelledNumberPicker;exports.RichText=S.RichText;exports.Tooltip=v.Tooltip;exports.Checkbox=I.LabelledCheckbox;exports.DatePicker=N.LabelledDatePicker;exports.Hero=f.Hero;exports.HeroCard=D.HeroCard;exports.LinkList=h.LinkList;exports.Pagination=G.Pagination;exports.SearchField=H.SearchField;exports.Video=M.Video;exports.Dropdown=R.LabelledDropdown;exports.Icon=B.Icon;exports.List=y.List;exports.Profile=O.Profile;exports.TableOfContents=w.TableOfContents;exports.Footer=A.Footer;exports.Navigation=E.Navigation;exports.CardGroup=e.CardGroup;exports.DataCard=e.DataCard;exports.DetailCard=e.DetailCard;exports.FactListCard=e.FactListCard;exports.FeatureCard=e.FeatureCard;exports.MultiLinkCard=e.MultiLinkCard;exports.PromoCard=e.PromoCard;exports.ScoreCard=e.ScoreCard;exports.StatCard=e.StatCard;exports.TextCard=e.TextCard;exports.Breadcrumb=U.Breadcrumb;exports.Status=V.Status;exports.Tabs=_.Tabs;exports.LanguageToggle=$.LanguageToggle;exports.SubsiteNav=j.SubsiteNav;
|
package/lib/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./_store/Accordion-entry-Du65VJ-p.js"),t=require("./_store/Form-chunk-Bhz_CsMf.js"),i=require("./_store/Collapse-chunk-CKRYA3G0.js"),a=require("./_store/Empty-chunk-D15nltyD.js"),n=require("./_store/Image-chunk-DrH5JX6G.js"),u=require("./_store/Loading-chunk-BZ2x4P8i.js"),s=require("./_store/Radio-chunk-DoLctty-.js"),c=require("./_store/Tag-chunk-C_r4zGEh.js"),d=require("./_store/Button-chunk-BPxitLjn.js"),l=require("./_store/ContextMenu-chunk-LNOPuIui.js"),q=require("./_store/Fieldset-chunk-Dykzn_3y.js"),C=require("./_store/GlobalProvider-chunk-Bt1vmswv.js"),b=require("./_store/GlobalCtx-chunk-D_GlGcgw.js"),r=require("./_store/TextInput.args-chunk-Bs7YIRuJ.js"),g=require("./_store/Notification-chunk-BDC2i-2V.js"),L=require("./_store/ReadMore-chunk-Cz3Dc9Cz.js"),T=require("./_store/Textarea-chunk-XYsrIeDn.js"),p=require("./_store/Callout-chunk-Cmnm5uzu.js"),x=require("./_store/Credit-chunk-cffOG8ho.js"),P=require("./_store/FileUpload-chunk-CC1oePLc.js"),k=require("./_store/Heading-chunk-COxtDw0v.js"),F=require("./_store/Link-chunk-BcVWiDXw.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./_store/Accordion-entry-Du65VJ-p.js"),t=require("./_store/Form-chunk-Bhz_CsMf.js"),i=require("./_store/Collapse-chunk-CKRYA3G0.js"),a=require("./_store/Empty-chunk-D15nltyD.js"),n=require("./_store/Image-chunk-DrH5JX6G.js"),u=require("./_store/Loading-chunk-BZ2x4P8i.js"),s=require("./_store/Radio-chunk-DoLctty-.js"),c=require("./_store/Tag-chunk-C_r4zGEh.js"),d=require("./_store/Button-chunk-BPxitLjn.js"),l=require("./_store/ContextMenu-chunk-LNOPuIui.js"),q=require("./_store/Fieldset-chunk-Dykzn_3y.js"),C=require("./_store/GlobalProvider-chunk-Bt1vmswv.js"),b=require("./_store/GlobalCtx-chunk-D_GlGcgw.js"),r=require("./_store/TextInput.args-chunk-Bs7YIRuJ.js"),g=require("./_store/Notification-chunk-BDC2i-2V.js"),L=require("./_store/ReadMore-chunk-Cz3Dc9Cz.js"),T=require("./_store/Textarea-chunk-XYsrIeDn.js"),p=require("./_store/Callout-chunk-Cmnm5uzu.js"),x=require("./_store/Credit-chunk-cffOG8ho.js"),P=require("./_store/FileUpload-chunk-CC1oePLc.js"),k=require("./_store/Heading-chunk-COxtDw0v.js"),F=require("./_store/Link-chunk-BcVWiDXw.js"),m=require("./_store/NumberPicker-chunk-kaW8wv3h.js"),S=require("./_store/RichText-chunk-CLfo33Pr.js"),v=require("./_store/Tooltip-chunk-CQu5vz01.js"),G=require("./_store/Checkbox-chunk-CDFIXTn9.js"),I=require("./_store/DatePicker-chunk-DouvjE3X.js"),N=require("./_store/Hero-chunk-BgeQPg_6.js"),f=require("./_store/HeroCard-chunk-Dx88UJpE.js"),D=require("./_store/LinkList-chunk-AT26ZVEG.js"),h=require("./_store/Pagination-chunk-D3Ve2ASf.js"),B=require("./_store/SearchField-chunk-BuB-C9aK.js"),H=require("./_store/Video-chunk-UuPc6ufz.js"),M=require("./_store/Dropdown-chunk-BjeJjYZD.js"),R=require("./_store/Icon-chunk-QFryHTpy.js"),y=require("./_store/List-entry-DRGsrQZi.js"),O=require("./_store/Profile-chunk-Du8HEAQA.js"),w=require("./_store/TableOfContents-chunk-ZubRLGF3.js"),A=require("./_store/Footer-chunk-CGR-tiim.js"),E=require("./_store/Navigation-entry-C6dI5Dpf.js"),e=require("./_store/CardGroup-chunk-DVgx8_lR.js"),U=require("./_store/Breadcrumb-chunk-BFveDqpn.js"),V=require("./_store/Status-chunk-DJ3wnXYt.js"),_=require("./_store/Tabs-chunk-n0swxLit.js"),$=require("./_store/LanguageToggle-chunk-DdIPnYuL.js"),j=require("./_store/SubsiteNav-chunk-CVWgp2ti.js"),z=require("./_store/useGlobalSettings-chunk-DEacV16j.js"),J=require("./_store/usePrevious-chunk-DENrwKF1.js"),K=require("./_store/useBreakpoint-chunk-B5MpfIru.js");exports.Accordion=o.Accordion;exports.Form=t.Form;exports.Collapse=i.Collapse;exports.Empty=a.Empty;exports.Image=n.Image;exports.Loading=u.Loading;exports.Radio=s.LabelledRadio;exports.Tag=c.Tag;exports.Button=d.Button;exports.ContextMenu=l.ContextMenu;exports.Fieldset=q.Fieldset;exports.GlobalProvider=C.GlobalProvider;exports.GlobalProviderContext=b.GlobalProviderContext;exports.TextInput=r.LabelledTextInput;exports.TextInputArgs=r.TextInput_args;exports.Notification=g.Notification;exports.ReadMore=L.ReadMore;exports.Textarea=T.LabelledTextarea;exports.Callout=p.Callout;exports.Credit=x.Credit;exports.FileUpload=P.LabelledFileUpload;exports.Heading=k.Heading;exports.Link=F.Link;exports.NumberPicker=m.LabelledNumberPicker;exports.RichText=S.RichText;exports.Tooltip=v.Tooltip;exports.Checkbox=G.LabelledCheckbox;exports.DatePicker=I.LabelledDatePicker;exports.Hero=N.Hero;exports.HeroCard=f.HeroCard;exports.LinkList=D.LinkList;exports.Pagination=h.Pagination;exports.SearchField=B.SearchField;exports.Video=H.Video;exports.Dropdown=M.LabelledDropdown;exports.Icon=R.Icon;exports.List=y.List;exports.Profile=O.Profile;exports.TableOfContents=w.TableOfContents;exports.Footer=A.Footer;exports.Navigation=E.Navigation;exports.CardGroup=e.CardGroup;exports.DataCard=e.DataCard;exports.DetailCard=e.DetailCard;exports.FactListCard=e.FactListCard;exports.FeatureCard=e.FeatureCard;exports.MultiLinkCard=e.MultiLinkCard;exports.PromoCard=e.PromoCard;exports.ScoreCard=e.ScoreCard;exports.StatCard=e.StatCard;exports.TextCard=e.TextCard;exports.Breadcrumb=U.Breadcrumb;exports.Status=V.Status;exports.Tabs=_.Tabs;exports.LanguageToggle=$.LanguageToggle;exports.SubsiteNav=j.SubsiteNav;exports.useGlobalSettings=z.useGlobalSettings;exports.usePrevious=J.usePrevious;exports.useBreakpoint=K.useBreakpoint;
|
|
@@ -16,17 +16,17 @@ const E = C(
|
|
|
16
16
|
title: c,
|
|
17
17
|
theme: r = "light",
|
|
18
18
|
size: a = "standard",
|
|
19
|
-
color:
|
|
19
|
+
color: m,
|
|
20
20
|
intro: $,
|
|
21
21
|
source: n,
|
|
22
22
|
titleLevel: p = "p"
|
|
23
23
|
}, i) => {
|
|
24
|
-
const { prefix: s } = w(), d = `${s}--card`,
|
|
24
|
+
const { prefix: s } = w(), d = `${s}--card`, o = f(`${d}--wrapper`, N), _ = f(d, `${d}__type__stat`, {
|
|
25
25
|
[`${d}__size__${String(a)}`]: a,
|
|
26
26
|
[`${d}__theme__${r}`]: r,
|
|
27
|
-
[`${d}__color__${
|
|
27
|
+
[`${d}__color__${m}`]: m
|
|
28
28
|
});
|
|
29
|
-
return /* @__PURE__ */ e("div", { className:
|
|
29
|
+
return /* @__PURE__ */ e("div", { className: o, ref: i, children: /* @__PURE__ */ e("div", { className: _, children: /* @__PURE__ */ e("div", { className: `${d}--wrap`, children: /* @__PURE__ */ h("div", { className: `${d}--content`, children: [
|
|
30
30
|
/* @__PURE__ */ e(p, { className: `${d}--title`, children: c }),
|
|
31
31
|
$ && /* @__PURE__ */ e("p", { className: `${d}--intro`, children: $ }),
|
|
32
32
|
n && /* @__PURE__ */ e(
|
|
@@ -45,14 +45,14 @@ const E = C(
|
|
|
45
45
|
title: c,
|
|
46
46
|
size: r = "standard",
|
|
47
47
|
alignment: a,
|
|
48
|
-
intro:
|
|
48
|
+
intro: m,
|
|
49
49
|
link: $,
|
|
50
50
|
linklist: n,
|
|
51
51
|
image: p,
|
|
52
52
|
titleLevel: i = "p",
|
|
53
53
|
eyebrow: s,
|
|
54
54
|
isVideo: d,
|
|
55
|
-
theme:
|
|
55
|
+
theme: o = "light"
|
|
56
56
|
}, _) => {
|
|
57
57
|
const { prefix: l } = w(), t = `${l}--card`, v = f(
|
|
58
58
|
t,
|
|
@@ -63,7 +63,7 @@ const E = C(
|
|
|
63
63
|
[`${t}__size__${r}`]: r,
|
|
64
64
|
[`${t}__isvideo`]: d,
|
|
65
65
|
[`${t}--no-image`]: !p,
|
|
66
|
-
[`${t}__theme__${
|
|
66
|
+
[`${t}__theme__${o}`]: o
|
|
67
67
|
}
|
|
68
68
|
);
|
|
69
69
|
return /* @__PURE__ */ h("div", { className: v, ref: _, children: [
|
|
@@ -88,7 +88,7 @@ const E = C(
|
|
|
88
88
|
className: `${t}--picture`
|
|
89
89
|
}
|
|
90
90
|
) }) }),
|
|
91
|
-
|
|
91
|
+
m && (T(m) ? /* @__PURE__ */ e("div", { className: `${t}--intro`, children: m }) : /* @__PURE__ */ e("p", { className: `${t}--intro`, children: m })),
|
|
92
92
|
n && /* @__PURE__ */ e(x, { ...n })
|
|
93
93
|
] })
|
|
94
94
|
] })
|
|
@@ -100,22 +100,22 @@ const E = C(
|
|
|
100
100
|
title: c,
|
|
101
101
|
theme: r = "light",
|
|
102
102
|
size: a = "narrow",
|
|
103
|
-
date:
|
|
103
|
+
date: m,
|
|
104
104
|
profile: $,
|
|
105
105
|
link: n,
|
|
106
106
|
titleLevel: p = "p",
|
|
107
107
|
eyebrow: i
|
|
108
108
|
}, s) => {
|
|
109
|
-
const { prefix: d } = w(),
|
|
110
|
-
[`${
|
|
111
|
-
[`${
|
|
109
|
+
const { prefix: d } = w(), o = `${d}--card`, _ = f(`${o}--wrapper`, N), l = f(o, `${o}__type__text`, {
|
|
110
|
+
[`${o}__size__${String(a)}`]: a,
|
|
111
|
+
[`${o}__theme__${r}`]: r
|
|
112
112
|
});
|
|
113
113
|
return /* @__PURE__ */ e("div", { className: _, ref: s, children: /* @__PURE__ */ h("div", { className: l, children: [
|
|
114
|
-
/* @__PURE__ */ e("a", { className: `${
|
|
115
|
-
/* @__PURE__ */ e("div", { className: `${
|
|
116
|
-
i && /* @__PURE__ */ e("p", { className: `${
|
|
117
|
-
/* @__PURE__ */ e(p, { className: `${
|
|
118
|
-
|
|
114
|
+
/* @__PURE__ */ e("a", { className: `${o}--link`, href: n, title: c, children: /* @__PURE__ */ e("span", { className: `${o}--link--text`, children: c }) }),
|
|
115
|
+
/* @__PURE__ */ e("div", { className: `${o}--wrap`, children: /* @__PURE__ */ h("div", { className: `${o}--content`, children: [
|
|
116
|
+
i && /* @__PURE__ */ e("p", { className: `${o}--eyebrow`, children: i }),
|
|
117
|
+
/* @__PURE__ */ e(p, { className: `${o}--title`, children: c }),
|
|
118
|
+
m && /* @__PURE__ */ e("time", { className: `${o}--date`, dateTime: m.unix, children: m.human }),
|
|
119
119
|
$ && /* @__PURE__ */ e(
|
|
120
120
|
M,
|
|
121
121
|
{
|
|
@@ -136,14 +136,14 @@ const E = C(
|
|
|
136
136
|
title: c,
|
|
137
137
|
theme: r = "light",
|
|
138
138
|
size: a = "narrow",
|
|
139
|
-
cornercut:
|
|
139
|
+
cornercut: m,
|
|
140
140
|
intro: $,
|
|
141
141
|
link: n,
|
|
142
142
|
cta: p,
|
|
143
143
|
titleLevel: i = "p",
|
|
144
144
|
eyebrow: s
|
|
145
145
|
}, d) => {
|
|
146
|
-
const { prefix:
|
|
146
|
+
const { prefix: o } = w(), _ = `${o}--card`, l = f(
|
|
147
147
|
`${_}--wrapper`,
|
|
148
148
|
N,
|
|
149
149
|
`${_}--wrapper__type__promo`,
|
|
@@ -151,7 +151,7 @@ const E = C(
|
|
|
151
151
|
), t = f(_, `${_}__type__promo`, {
|
|
152
152
|
[`${_}__size__${String(a)}`]: a,
|
|
153
153
|
[`${_}__theme__${r}`]: r,
|
|
154
|
-
[`${_}__cornercut`]:
|
|
154
|
+
[`${_}__cornercut`]: m
|
|
155
155
|
});
|
|
156
156
|
return /* @__PURE__ */ e("div", { className: l, ref: d, children: /* @__PURE__ */ h("div", { className: t, children: [
|
|
157
157
|
/* @__PURE__ */ e("a", { className: `${_}--link`, href: n, title: c, children: /* @__PURE__ */ e("span", { className: `${_}--link--text`, children: c }) }),
|
|
@@ -176,14 +176,14 @@ const E = C(
|
|
|
176
176
|
title: c,
|
|
177
177
|
theme: r = "light",
|
|
178
178
|
size: a = "narrow",
|
|
179
|
-
date:
|
|
179
|
+
date: m,
|
|
180
180
|
link: $,
|
|
181
181
|
linklist: n,
|
|
182
182
|
image: p,
|
|
183
183
|
titleLevel: i = "p",
|
|
184
184
|
eyebrow: s,
|
|
185
185
|
isVideo: d
|
|
186
|
-
},
|
|
186
|
+
}, o) => {
|
|
187
187
|
const { prefix: _ } = w(), l = `${_}--card`, t = f(
|
|
188
188
|
l,
|
|
189
189
|
N,
|
|
@@ -195,7 +195,7 @@ const E = C(
|
|
|
195
195
|
[`${l}__linklist`]: n
|
|
196
196
|
}
|
|
197
197
|
);
|
|
198
|
-
return /* @__PURE__ */ h("div", { className: t, ref:
|
|
198
|
+
return /* @__PURE__ */ h("div", { className: t, ref: o, children: [
|
|
199
199
|
$ && /* @__PURE__ */ e("a", { className: `${l}--link`, href: $, title: c, children: /* @__PURE__ */ e("span", { className: `${l}--link--text`, children: c }) }),
|
|
200
200
|
/* @__PURE__ */ h("div", { className: `${l}--wrap`, children: [
|
|
201
201
|
p && /* @__PURE__ */ e("div", { className: `${l}--image--wrapper`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
|
|
@@ -209,7 +209,7 @@ const E = C(
|
|
|
209
209
|
/* @__PURE__ */ h("div", { className: `${l}--content`, children: [
|
|
210
210
|
s && /* @__PURE__ */ e("p", { className: `${l}--eyebrow`, children: s }),
|
|
211
211
|
/* @__PURE__ */ e(i, { className: `${l}--title`, children: c }),
|
|
212
|
-
|
|
212
|
+
m && /* @__PURE__ */ e("time", { className: `${l}--date`, dateTime: m.unix, children: m.human }),
|
|
213
213
|
n && a === "narrow" && /* @__PURE__ */ e(
|
|
214
214
|
x,
|
|
215
215
|
{
|
|
@@ -236,14 +236,14 @@ const E = C(
|
|
|
236
236
|
title: c,
|
|
237
237
|
theme: r = "light",
|
|
238
238
|
size: a = "narrow",
|
|
239
|
-
date:
|
|
239
|
+
date: m,
|
|
240
240
|
details: $,
|
|
241
241
|
link: n,
|
|
242
242
|
titleLevel: p = "p",
|
|
243
243
|
eyebrow: i,
|
|
244
244
|
intro: s,
|
|
245
245
|
image: d,
|
|
246
|
-
isVideo:
|
|
246
|
+
isVideo: o = !1,
|
|
247
247
|
linkComponent: _
|
|
248
248
|
}, l) => {
|
|
249
249
|
const { prefix: t } = w(), v = `${t}--card`, u = f(
|
|
@@ -253,7 +253,7 @@ const E = C(
|
|
|
253
253
|
{
|
|
254
254
|
[`${v}__size__${String(a)}`]: a,
|
|
255
255
|
[`${v}__theme__${r}`]: r,
|
|
256
|
-
[`${v}__isvideo`]:
|
|
256
|
+
[`${v}__isvideo`]: o
|
|
257
257
|
}
|
|
258
258
|
), k = P(
|
|
259
259
|
_ || "a",
|
|
@@ -279,7 +279,7 @@ const E = C(
|
|
|
279
279
|
i && /* @__PURE__ */ e("p", { className: `${v}--eyebrow`, children: i }),
|
|
280
280
|
c && /* @__PURE__ */ e(p, { className: `${v}--title`, children: c }),
|
|
281
281
|
s && (T(s) ? /* @__PURE__ */ e("div", { className: `${v}--intro`, children: s }) : /* @__PURE__ */ e("p", { className: `${v}--intro`, children: s })),
|
|
282
|
-
|
|
282
|
+
m && !$ && /* @__PURE__ */ e("time", { className: `${v}--date`, dateTime: m.unix, children: m.human }),
|
|
283
283
|
$ && /* @__PURE__ */ h("p", { className: `${v}--date-extra`, children: [
|
|
284
284
|
/* @__PURE__ */ e(D, { name: "TriangleRight", size: 20 }),
|
|
285
285
|
$
|
|
@@ -294,7 +294,7 @@ const E = C(
|
|
|
294
294
|
theme: c = "light",
|
|
295
295
|
size: r = "narrow",
|
|
296
296
|
list: a,
|
|
297
|
-
titleLevel:
|
|
297
|
+
titleLevel: m = "p",
|
|
298
298
|
className: $
|
|
299
299
|
}, n) => {
|
|
300
300
|
const { prefix: p } = w(), i = `${p}--card`, s = f(
|
|
@@ -307,14 +307,14 @@ const E = C(
|
|
|
307
307
|
}
|
|
308
308
|
);
|
|
309
309
|
return /* @__PURE__ */ e("div", { className: s, ref: n, children: /* @__PURE__ */ e("div", { className: `${i}--wrap`, children: /* @__PURE__ */ h("div", { className: `${i}--content`, children: [
|
|
310
|
-
N && /* @__PURE__ */ e(
|
|
310
|
+
N && /* @__PURE__ */ e(m, { className: `${p}--card--title`, children: N }),
|
|
311
311
|
/* @__PURE__ */ e(S, { alignment: "default", ordered: "unordered", theme: c, children: a.map((d) => /* @__PURE__ */ e(S.Item, { children: /* @__PURE__ */ e("p", { children: d }) }, d)) })
|
|
312
312
|
] }) }) });
|
|
313
313
|
}
|
|
314
314
|
), J = C(
|
|
315
|
-
({ eyebrow: N, size: c = "narrow", image: r, dataset: a, columns:
|
|
315
|
+
({ eyebrow: N, size: c = "narrow", image: r, dataset: a, columns: m = "one", className: $ }, n) => {
|
|
316
316
|
var _;
|
|
317
|
-
const { prefix: p } = w(), i = c === "narrow" ? "one" :
|
|
317
|
+
const { prefix: p } = w(), i = c === "narrow" ? "one" : m, s = `${p}--card`, d = f(
|
|
318
318
|
s,
|
|
319
319
|
`${s}__type__data`,
|
|
320
320
|
$,
|
|
@@ -322,14 +322,14 @@ const E = C(
|
|
|
322
322
|
[`${s}__size__${String(c)}`]: c,
|
|
323
323
|
[`${s}__type__data__columns__${i}`]: i
|
|
324
324
|
}
|
|
325
|
-
),
|
|
325
|
+
), o = f(`${s}--content`, {
|
|
326
326
|
[`${s}--content__with-image`]: r,
|
|
327
327
|
[`${s}--content__no-image-with-links`]: !r && (a == null ? void 0 : a.links),
|
|
328
328
|
[`${s}--content__default`]: !r && !(a != null && a.links)
|
|
329
329
|
});
|
|
330
330
|
return /* @__PURE__ */ e("div", { className: d, ref: n, children: /* @__PURE__ */ h("div", { className: `${s}--wrap`, children: [
|
|
331
331
|
!r && N && /* @__PURE__ */ e("div", { className: `${s}--eyebrow`, children: N }),
|
|
332
|
-
/* @__PURE__ */ h("div", { className:
|
|
332
|
+
/* @__PURE__ */ h("div", { className: o, children: [
|
|
333
333
|
r && /* @__PURE__ */ h("div", { className: `${s}--area--image`, children: [
|
|
334
334
|
N && /* @__PURE__ */ e("div", { className: `${s}--eyebrow`, children: N }),
|
|
335
335
|
/* @__PURE__ */ e("div", { className: `${s}--image`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
|
|
@@ -396,53 +396,20 @@ const E = C(
|
|
|
396
396
|
] })
|
|
397
397
|
] }) });
|
|
398
398
|
}
|
|
399
|
-
), K =
|
|
400
|
-
stat: E,
|
|
401
|
-
multilink: R,
|
|
402
|
-
text: V,
|
|
403
|
-
promo: q,
|
|
404
|
-
feature: z,
|
|
405
|
-
detail: A,
|
|
406
|
-
factlist: H,
|
|
407
|
-
data: J
|
|
408
|
-
}, re = C(
|
|
409
|
-
({ type: N, group: c, cardCount: r = "one", cta: a, collapsed: o = !1 }, $) => {
|
|
410
|
-
const n = K[N], { prefix: p } = w(), i = `${p}--cardgroup`, s = f(
|
|
411
|
-
i,
|
|
412
|
-
`${i}__count__${r}`,
|
|
413
|
-
{
|
|
414
|
-
[`${i}__collapsed`]: o
|
|
415
|
-
}
|
|
416
|
-
);
|
|
417
|
-
return /* @__PURE__ */ h("div", { className: s, ref: $, children: [
|
|
418
|
-
/* @__PURE__ */ e("div", { className: `${i}--inner`, children: c.map((d, m) => /* @__PURE__ */ e(n, { ...d }, m)) }),
|
|
419
|
-
a && /* @__PURE__ */ e("div", { className: `${i}--button-wrap`, children: /* @__PURE__ */ e(
|
|
420
|
-
g,
|
|
421
|
-
{
|
|
422
|
-
link: {
|
|
423
|
-
url: a.url,
|
|
424
|
-
label: a.label
|
|
425
|
-
},
|
|
426
|
-
type: "secondary",
|
|
427
|
-
size: "medium"
|
|
428
|
-
}
|
|
429
|
-
) })
|
|
430
|
-
] });
|
|
431
|
-
}
|
|
432
|
-
), ne = C(
|
|
399
|
+
), K = C(
|
|
433
400
|
({
|
|
434
401
|
className: N,
|
|
435
402
|
theme: c = "light",
|
|
436
403
|
titleLevel: r = "p",
|
|
437
404
|
size: a = "narrow",
|
|
438
|
-
link:
|
|
405
|
+
link: m,
|
|
439
406
|
linkComponent: $,
|
|
440
407
|
title: n,
|
|
441
408
|
isVideo: p = !1,
|
|
442
409
|
image: i,
|
|
443
410
|
status: s,
|
|
444
411
|
eyebrow: d,
|
|
445
|
-
content:
|
|
412
|
+
content: o,
|
|
446
413
|
cta: _
|
|
447
414
|
}, l) => {
|
|
448
415
|
var L;
|
|
@@ -453,7 +420,7 @@ const E = C(
|
|
|
453
420
|
}), G = P(
|
|
454
421
|
$ || "a",
|
|
455
422
|
{
|
|
456
|
-
href:
|
|
423
|
+
href: m,
|
|
457
424
|
title: n,
|
|
458
425
|
className: `${u}--link`
|
|
459
426
|
},
|
|
@@ -467,7 +434,7 @@ const E = C(
|
|
|
467
434
|
s && /* @__PURE__ */ e(B, { content: s.content, statusType: s.statusType }),
|
|
468
435
|
d && a !== "simple" && /* @__PURE__ */ e("p", { className: `${u}--eyebrow`, children: d }),
|
|
469
436
|
n && /* @__PURE__ */ e(r, { className: `${u}--title`, children: n }),
|
|
470
|
-
|
|
437
|
+
o && /* @__PURE__ */ e("div", { className: `${u}--area--content`, children: (L = o.items) == null ? void 0 : L.map((b, y) => /* @__PURE__ */ h("div", { className: `${u}--content--item`, children: [
|
|
471
438
|
/* @__PURE__ */ e(D, { name: b.icon, size: 20, color: v }),
|
|
472
439
|
/* @__PURE__ */ e("span", { children: b.label })
|
|
473
440
|
] }, y)) }),
|
|
@@ -476,9 +443,43 @@ const E = C(
|
|
|
476
443
|
] })
|
|
477
444
|
] });
|
|
478
445
|
}
|
|
446
|
+
), O = {
|
|
447
|
+
stat: E,
|
|
448
|
+
multilink: R,
|
|
449
|
+
text: V,
|
|
450
|
+
promo: q,
|
|
451
|
+
feature: z,
|
|
452
|
+
detail: A,
|
|
453
|
+
factlist: H,
|
|
454
|
+
data: J,
|
|
455
|
+
score: K
|
|
456
|
+
}, ne = C(
|
|
457
|
+
({ type: N, group: c, cardCount: r = "one", cta: a, collapsed: m = !1 }, $) => {
|
|
458
|
+
const n = O[N], { prefix: p } = w(), i = `${p}--cardgroup`, s = f(
|
|
459
|
+
i,
|
|
460
|
+
`${i}__count__${r}`,
|
|
461
|
+
{
|
|
462
|
+
[`${i}__collapsed`]: m
|
|
463
|
+
}
|
|
464
|
+
);
|
|
465
|
+
return /* @__PURE__ */ h("div", { className: s, ref: $, children: [
|
|
466
|
+
/* @__PURE__ */ e("div", { className: `${i}--inner`, children: c.map((d, o) => /* @__PURE__ */ e(n, { ...d }, o)) }),
|
|
467
|
+
a && /* @__PURE__ */ e("div", { className: `${i}--button-wrap`, children: /* @__PURE__ */ e(
|
|
468
|
+
g,
|
|
469
|
+
{
|
|
470
|
+
link: {
|
|
471
|
+
url: a.url,
|
|
472
|
+
label: a.label
|
|
473
|
+
},
|
|
474
|
+
type: "secondary",
|
|
475
|
+
size: "medium"
|
|
476
|
+
}
|
|
477
|
+
) })
|
|
478
|
+
] });
|
|
479
|
+
}
|
|
479
480
|
);
|
|
480
481
|
export {
|
|
481
|
-
|
|
482
|
+
ne as C,
|
|
482
483
|
A as D,
|
|
483
484
|
z as F,
|
|
484
485
|
R as M,
|
|
@@ -487,5 +488,5 @@ export {
|
|
|
487
488
|
V as T,
|
|
488
489
|
H as a,
|
|
489
490
|
J as b,
|
|
490
|
-
|
|
491
|
+
K as c
|
|
491
492
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as s, b as C, D as d, a as t, F as e, M as o, P as i, c, S as u, T as D } from "./
|
|
1
|
+
import { C as s, b as C, D as d, a as t, F as e, M as o, P as i, c, S as u, T as D } from "./CardGroup-chunk-DAuoDC3W.js";
|
|
2
2
|
export {
|
|
3
3
|
s as CardGroup,
|
|
4
4
|
C as DataCard,
|
|
@@ -38,7 +38,7 @@ import { P as bo } from "./Profile-chunk-BjuEze8L.js";
|
|
|
38
38
|
import { T as ko } from "./TableOfContents-chunk-DZGMY0rb.js";
|
|
39
39
|
import { F as Io } from "./Footer-chunk-DcFDdukr.js";
|
|
40
40
|
import { Navigation as Go } from "./Navigation-entry-BLC2KoMs.js";
|
|
41
|
-
import { C as Ro, b as vo, D as Bo, a as Mo, F as ho, M as Ao, P as Eo, c as Vo, S as wo, T as yo } from "./
|
|
41
|
+
import { C as Ro, b as vo, D as Bo, a as Mo, F as ho, M as Ao, P as Eo, c as Vo, S as wo, T as yo } from "./CardGroup-chunk-DAuoDC3W.js";
|
|
42
42
|
import { B as Uo } from "./Breadcrumb-chunk-DjN2sOwo.js";
|
|
43
43
|
import { S as qo } from "./Status-chunk-E-pHCJfe.js";
|
|
44
44
|
import { T as Jo } from "./Tabs-chunk-CMh7UcxO.js";
|
package/lib/esm/index.js
CHANGED
|
@@ -38,7 +38,7 @@ import { P as bo } from "./_store/Profile-chunk-BjuEze8L.js";
|
|
|
38
38
|
import { T as ko } from "./_store/TableOfContents-chunk-DZGMY0rb.js";
|
|
39
39
|
import { F as Ho } from "./_store/Footer-chunk-DcFDdukr.js";
|
|
40
40
|
import { Navigation as vo } from "./_store/Navigation-entry-BLC2KoMs.js";
|
|
41
|
-
import { C as Do, b as No, D as Ro, a as Mo, F as ho, M as Ao, P as Eo, c as Vo, S as wo, T as yo } from "./_store/
|
|
41
|
+
import { C as Do, b as No, D as Ro, a as Mo, F as ho, M as Ao, P as Eo, c as Vo, S as wo, T as yo } from "./_store/CardGroup-chunk-DAuoDC3W.js";
|
|
42
42
|
import { B as Uo } from "./_store/Breadcrumb-chunk-DjN2sOwo.js";
|
|
43
43
|
import { S as qo } from "./_store/Status-chunk-E-pHCJfe.js";
|
|
44
44
|
import { T as Jo } from "./_store/Tabs-chunk-CMh7UcxO.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__score{--max-width:22.0793140407rem;display:flex;margin-top:0;position:relative}.ilo--card__type__score .ilo--card--wrap{display:flex;flex-direction:column;width:100%}.ilo--card__type__score .ilo--card--content{display:flex;flex:1 1 auto;flex-direction:column;padding:calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*6);width:100%}.ilo--card__type__score .ilo--card--image--wrapper{height:0;overflow:hidden;padding-top:56.25%;width:100%}.ilo--card__type__score .ilo--card--image--wrapper img{height:100%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__score .ilo--status{margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__score .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card__type__score .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__theme__dark .ilo--card__type__score .ilo--card--title{color:var(--ilo-color-blue-dark)}.ilo--card__theme__light .ilo--card__type__score .ilo--card--title{color:var(--ilo-color-white)}.ilo--card__type__score .ilo--card--area--content{display:flex;flex-flow:column;gap:calc(var(--ilo-spacing-base)*2);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__score .ilo--card--area--cta{display:flex;flex-flow:row wrap;gap:calc(var(--ilo-spacing-base)*2)}.ilo--card__type__score .ilo--card--content--item{align-items:flex-start;display:flex;flex-flow:row nowrap;gap:calc(var(--ilo-spacing-base)*2);justify-content:flex-start}.ilo--card__type__score .ilo--card--content--item .ilo--icon{flex:0 0 20px}.ilo--card__type__score.ilo--card__size__fluid,.ilo--card__type__score.ilo--card__size__wide{--max-width:40.4072883173rem}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__score.ilo--card__size__wide .ilo--card--wrap{flex-direction:row}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--content,.ilo--card__type__score.ilo--card__size__wide .ilo--card--content{width:50%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__score.ilo--card__size__wide .ilo--card--image--wrapper{height:auto;padding:0;width:50%}.ilo--card__type__score.ilo--card__size__fluid img,.ilo--card__type__score.ilo--card__size__wide img{height:100%;max-width:none;object-fit:cover;width:100%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__score.ilo--card__size__fluid .ilo--card--eyebrow,.ilo--card__type__score.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__score.ilo--card__size__wide .ilo--card--date,.ilo--card__type__score.ilo--card__size__wide .ilo--card--eyebrow,.ilo--card__type__score.ilo--card__size__wide .ilo--card--title{width:100%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__score.ilo--card__size__wide .ilo--card--date{align-self:flex-end}}.ilo--card__type__score.ilo--card__size__simple{--max-width:40.4072883173rem}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content{display:grid;gap:calc(var(--ilo-spacing-base)*4);grid-template-areas:"title" "cta" "status" "content";grid-template-columns:1fr;grid-template-rows:repeat(3,auto);padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*4)}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__simple .ilo--card--content{grid-template-areas:"title title cta" "status content content";grid-template-columns:min-content 1fr 1fr}}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--status{grid-area:status;margin-bottom:0}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--title{align-self:center;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);grid-area:title;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin-bottom:0}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--content{align-items:center;flex-flow:row wrap;grid-area:content;margin-bottom:0}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--cta{grid-area:cta}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--cta{justify-content:flex-end}}
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__score{--max-width:22.0793140407rem;display:flex;margin-top:0;position:relative}.ilo--card__type__score .ilo--card--wrap{display:flex;flex-direction:column;width:100%}.ilo--card__type__score .ilo--card--content{display:flex;flex:1 1 auto;flex-direction:column;padding:calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*6);width:100%}.ilo--card__type__score .ilo--card--image--wrapper{height:0;overflow:hidden;padding-top:56.25%;width:100%}.ilo--card__type__score .ilo--card--image--wrapper img{height:100%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__score .ilo--status{margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__score .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card__type__score .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__theme__dark .ilo--card__type__score .ilo--card--title{color:var(--ilo-color-blue-dark)}.ilo--card__theme__light .ilo--card__type__score .ilo--card--title{color:var(--ilo-color-white)}.ilo--card__type__score .ilo--card--area--content{display:flex;flex-flow:column;gap:calc(var(--ilo-spacing-base)*2);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__score .ilo--card--area--cta{align-items:flex-end;display:flex;flex:1 1 auto;flex-flow:row wrap;gap:calc(var(--ilo-spacing-base)*2)}.ilo--card__type__score .ilo--card--content--item{align-items:flex-start;display:flex;flex-flow:row nowrap;gap:calc(var(--ilo-spacing-base)*2);justify-content:flex-start}.ilo--card__type__score .ilo--card--content--item .ilo--icon{flex:0 0 20px}.ilo--card__type__score.ilo--card__size__fluid,.ilo--card__type__score.ilo--card__size__wide{--max-width:40.4072883173rem}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__score.ilo--card__size__wide .ilo--card--wrap{flex-direction:row}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--content,.ilo--card__type__score.ilo--card__size__wide .ilo--card--content{width:50%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__score.ilo--card__size__wide .ilo--card--image--wrapper{height:auto;padding:0;width:50%}.ilo--card__type__score.ilo--card__size__fluid img,.ilo--card__type__score.ilo--card__size__wide img{height:100%;max-width:none;object-fit:cover;width:100%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__score.ilo--card__size__fluid .ilo--card--eyebrow,.ilo--card__type__score.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__score.ilo--card__size__wide .ilo--card--date,.ilo--card__type__score.ilo--card__size__wide .ilo--card--eyebrow,.ilo--card__type__score.ilo--card__size__wide .ilo--card--title{width:100%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__score.ilo--card__size__wide .ilo--card--date{align-self:flex-end}}.ilo--card__type__score.ilo--card__size__simple{--max-width:40.4072883173rem}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content{display:grid;gap:calc(var(--ilo-spacing-base)*4);grid-template-areas:"title" "cta" "status" "content";grid-template-columns:1fr;grid-template-rows:repeat(3,auto);padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*4)}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__simple .ilo--card--content{grid-template-areas:"title title cta" "status content content";grid-template-columns:min-content 1fr 1fr}}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--status{grid-area:status;margin-bottom:0}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--title{align-self:center;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);grid-area:title;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin-bottom:0}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--content{align-items:center;flex-flow:row wrap;grid-area:content;margin-bottom:0}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--cta{grid-area:cta}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--cta{justify-content:flex-end}}
|