@ilo-org/react 0.22.2 → 0.23.0
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/Button-chunk-B65FgSLG.js +1 -0
- package/lib/cjs/_store/{Button-entry-Dgzc6-tl.js → Button-entry-Ddk5OCD-.js} +1 -1
- package/lib/cjs/_store/{Callout-chunk-DFGZO4_1.js → Callout-chunk-BxN0hHA0.js} +1 -1
- package/lib/cjs/_store/{Callout-entry-CW0zxbaN.js → Callout-entry-CvydbGtc.js} +1 -1
- package/lib/cjs/_store/{Cards-entry-D5ch-1qS.js → Cards-entry-CHq2Ta6R.js} +1 -1
- package/lib/cjs/_store/Dropdown-chunk-DyCHTZMD.js +1 -0
- package/lib/cjs/_store/{Dropdown-entry-D4zbWy2t.js → Dropdown-entry-BaMzO6Kv.js} +1 -1
- package/lib/cjs/_store/{Footer-chunk-fgiUiZ1G.js → Footer-chunk-BUjFj4bf.js} +1 -1
- package/lib/cjs/_store/{Footer-entry-CdtFIc8P.js → Footer-entry-D55F4ET9.js} +1 -1
- package/lib/cjs/_store/{Notification-chunk-DQtbEJas.js → Notification-chunk-DkfLXJhu.js} +1 -1
- package/lib/cjs/_store/{Notification-entry-ClWKhO0w.js → Notification-entry-D9KwV5qV.js} +1 -1
- package/lib/cjs/_store/Profile-chunk-Du8HEAQA.js +1 -0
- package/lib/cjs/_store/{Profile-entry-CfPA71qh.js → Profile-entry-D9VN3LBb.js} +1 -1
- package/lib/cjs/_store/{ScoreCard-chunk-b_5OHIsM.js → ScoreCard-chunk-BVY7lDHH.js} +1 -1
- package/lib/cjs/_store/Tabs-chunk-CYKFJgLR.js +1 -0
- package/lib/cjs/_store/{Tabs-entry-CXF6le4p.js → Tabs-entry-ThYYmcq4.js} +1 -1
- package/lib/cjs/_store/TextInput-entry-kwL7qsH7.js +1 -0
- package/lib/cjs/_store/TextInput.args-chunk-DIxsZT_y.js +1 -0
- package/lib/cjs/_store/components-entry-CTmegFtj.js +1 -0
- package/lib/cjs/index.js +1 -1
- package/lib/esm/_store/Button-chunk-DG7cL6tj.js +64 -0
- package/lib/esm/_store/Button-entry-BYzboMV8.js +4 -0
- package/lib/esm/_store/{Callout-chunk-By356CrT.js → Callout-chunk-DDK_yI_b.js} +1 -1
- package/lib/esm/_store/Callout-entry-BszOwKRO.js +4 -0
- package/lib/esm/_store/{Cards-entry-C2Rkgb3s.js → Cards-entry-qyvGBr58.js} +1 -1
- package/lib/esm/_store/Dropdown-chunk-fpN7RweM.js +74 -0
- package/lib/esm/_store/Dropdown-entry-cEgUhErA.js +4 -0
- package/lib/esm/_store/{Footer-chunk-DzBBhWW7.js → Footer-chunk-BI6r73Bm.js} +1 -1
- package/lib/esm/_store/Footer-entry-Db7ByESM.js +4 -0
- package/lib/esm/_store/{Notification-chunk-D673v2p_.js → Notification-chunk-CQvSf6dK.js} +1 -1
- package/lib/esm/_store/Notification-entry-D9sUbaSJ.js +4 -0
- package/lib/esm/_store/Profile-chunk-BjuEze8L.js +45 -0
- package/lib/esm/_store/Profile-entry-DSGfBcHB.js +4 -0
- package/lib/esm/_store/{ScoreCard-chunk-R-UcEwoQ.js → ScoreCard-chunk-DbNE1WUL.js} +2 -2
- package/lib/esm/_store/Tabs-chunk-CZL0LfKF.js +55 -0
- package/lib/esm/_store/Tabs-entry-Dc8Av6hy.js +4 -0
- package/lib/esm/_store/TextInput-entry-C1VYOhZw.js +5 -0
- package/lib/esm/_store/{TextInput-entry-Dp1l2_w-.js → TextInput.args-chunk-gw5WCsYI.js} +31 -29
- package/lib/esm/_store/components-entry-DkUfpD0c.js +102 -0
- package/lib/esm/index.js +86 -83
- package/lib/styles/components/linklist.css +1 -1
- package/lib/styles/components/profile.css +1 -1
- package/lib/styles/components/tabs.css +1 -1
- package/lib/styles/global.css +1 -1
- package/lib/styles/global.css.map +1 -1
- package/lib/styles/index.css +2 -2
- package/lib/styles/index.css.map +1 -1
- package/lib/styles/monorepo.css +2 -2
- package/lib/styles/monorepo.css.map +1 -1
- package/lib/types/components/Button/Button.d.ts +8 -0
- package/lib/types/components/Cards/DataCard.d.ts +2 -1
- package/lib/types/components/Cards/TextCard.d.ts +1 -1
- package/lib/types/components/Dropdown/Dropdown.props.d.ts +4 -0
- package/lib/types/components/Tabs/Tabs.props.d.ts +12 -3
- package/lib/types/components/TextInput/TextInput.props.d.ts +1 -0
- package/lib/types/components/index.d.ts +1 -0
- package/lib/types/types/index.d.ts +2 -1
- package/package.json +3 -3
- package/lib/cjs/_store/Button-chunk-ATdWCIPE.js +0 -1
- package/lib/cjs/_store/Dropdown-chunk-oWcLV75q.js +0 -1
- package/lib/cjs/_store/Profile-chunk-CAlNBCnB.js +0 -1
- package/lib/cjs/_store/Tabs-chunk-CxV8eqGN.js +0 -1
- package/lib/cjs/_store/TextInput-entry-Csy9RCyO.js +0 -1
- package/lib/cjs/_store/components-entry-D_pAlUbZ.js +0 -1
- package/lib/esm/_store/Button-chunk-Bo8BlHxn.js +0 -62
- package/lib/esm/_store/Button-entry-mW-Tc9Qh.js +0 -4
- package/lib/esm/_store/Callout-entry-nO9d-PoN.js +0 -4
- package/lib/esm/_store/Dropdown-chunk-DC15CVNO.js +0 -72
- package/lib/esm/_store/Dropdown-entry-DqdTDMvZ.js +0 -4
- package/lib/esm/_store/Footer-entry-w7dv2uEs.js +0 -4
- package/lib/esm/_store/Notification-entry-D9PMJ-Ni.js +0 -4
- package/lib/esm/_store/Profile-chunk-Ckg5TRIw.js +0 -41
- package/lib/esm/_store/Profile-entry-CQXhJBCz.js +0 -4
- package/lib/esm/_store/Tabs-chunk-CJEM1dIG.js +0 -40
- package/lib/esm/_store/Tabs-entry-O7PXntWG.js +0 -4
- package/lib/esm/_store/components-entry-DRlGUB49.js +0 -99
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),g=require("react"),p=require("./index-chunk-D921N0ug.js"),d=require("./useGlobalSettings-chunk-DEacV16j.js"),I=require("./Link-chunk-DuZiglb_.js"),b=require("./Icon-chunk-QFryHTpy.js"),N=g.forwardRef(({children:a,className:$,disabled:x=!1,icon:t,size:n="large",type:o="primary",style:u,name:_,link:r,iconPosition:f="left",icononly:l=!1,submit:m=!1,...j},c)=>{const{prefix:q}=d.useGlobalSettings(),s=`${q}--button`,i=p.classnames($,{[s]:!0,[`${s}__${n}`]:n,[`${s}__${o}`]:o,[`${s}--icon ${s}--icon--position__${f}`]:t&&!l,[`${s}--icon ${s}--icon--only`]:t&&l});return r?e.jsxs(I.Link,{ref:c,className:i,target:r.target,url:r.url,label:r.label,style:u,children:[t&&e.jsx(b.Icon,{...t}),a]}):e.jsxs("button",{ref:c,className:i,disabled:x,style:u,name:_,...j,type:m?"submit":"button",children:[t&&e.jsx(b.Icon,{...t}),e.jsx("span",{className:"button__label",children:a})]})});exports.Button=N;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button-chunk-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button-chunk-B65FgSLG.js");exports.Button=t.Button;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),N=require("./index-chunk-D921N0ug.js"),r=require("react"),p=require("./useGlobalSettings-chunk-DEacV16j.js"),g=require("./Button-chunk-
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),N=require("./index-chunk-D921N0ug.js"),r=require("react"),p=require("./useGlobalSettings-chunk-DEacV16j.js"),g=require("./Button-chunk-B65FgSLG.js"),b=r.forwardRef(({className:i,copy:d,cta:l,isCollapsible:t,isOpen:u=!0,toggleOpenLabel:c="Less",toggleClosedLabel:o="More",headline:x,type:n},_)=>{const{prefix:$}=p.useGlobalSettings(),s=`${$}--callout`,[a,m]=r.useState(u),j=N.classnames(s,i,{[`${s}__${n}`]:n,[`${s}--open`]:a,[`${s}--collapse`]:t}),h=a?c:o;return e.jsxs("div",{className:j,ref:_,children:[e.jsx("div",{className:`${s}__sidebar`,children:e.jsx("span",{className:`${s}--icon icon icon__${n}`})}),e.jsxs("div",{className:`${s}__content`,children:[e.jsxs("div",{className:`${s}__header`,children:[e.jsx("h5",{className:`${s}__title`,children:x}),t&&e.jsxs("button",{className:`${s}--toggle`,onClick:()=>m(!a),"data-open":c,"data-closed":o,children:[e.jsx("span",{className:`${s}--button-text`,children:h}),e.jsx("span",{className:`${s}--toggle--icon`,role:"presentation"})]})]}),e.jsx("p",{className:`${s}__description`,children:d}),l&&e.jsx("div",{className:`${s}__footer`,children:e.jsx(g.Button,{type:"secondary",size:"small",link:{url:l.url,label:l.label}})})]})]})});exports.Callout=b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Callout-chunk-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Callout-chunk-BxN0hHA0.js");exports.Callout=t.Callout;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ScoreCard-chunk-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ScoreCard-chunk-BVY7lDHH.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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const l=require("react/jsx-runtime"),i=require("react"),F=require("./index-chunk-D921N0ug.js"),L=require("./useGlobalSettings-chunk-DEacV16j.js"),f=require("./FormControl-chunk-CTRPINwt.js"),N=i.forwardRef((s,t)=>{const{autocomplete:a,onChange:r,onBlur:n,disabled:o=!1,error:d,id:u,name:m,options:b,required:C,value:w,defaultValue:x,form:h,multiple:p,selectSize:v}=s,{prefix:g}=L.useGlobalSettings(),j=f.useFormControl(),{ariaDescribedBy:q}=j,c=`${g}--dropdown`,y=F.classnames(c,{error:d}),[D,S]=i.useState(w),$=e=>{S(e.target.value),r&&r(e)};return l.jsx("div",{className:`${c}--wrapper`,children:l.jsx("select",{ref:t,id:u||m,autoComplete:a,name:m,required:C,onChange:$,onBlur:n,disabled:o,defaultValue:x,className:y,value:D,form:h,multiple:p,size:v,"aria-describedby":q,children:b&&b.map((e,R)=>l.jsx("option",{disabled:e.disabled,label:e.label,value:e.value,children:e.label},`${c}--option--${R}`))})})}),z=i.forwardRef((s,t)=>{const{style:a,inputStyle:r,className:n,...o}=s,d=s.id?s.id:s.name;return l.jsx(f.FormControl,{fieldId:d,style:a,className:n,...o,children:l.jsx(N,{ref:t,style:r,...o})})}),B=z;exports.LabelledDropdown=B;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Dropdown-chunk-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Dropdown-chunk-DyCHTZMD.js");exports.Dropdown=e.LabelledDropdown;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("react/jsx-runtime"),$=require("react"),k=require("./index-chunk-D921N0ug.js"),f=require("./LinkList-chunk-AT26ZVEG.js"),y=require("./SocialMedia-chunk-BnyEyk0Y.js"),q=require("./useGlobalSettings-chunk-DEacV16j.js"),b=require("./Button-chunk-
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),$=require("react"),k=require("./index-chunk-D921N0ug.js"),f=require("./LinkList-chunk-AT26ZVEG.js"),y=require("./SocialMedia-chunk-BnyEyk0Y.js"),q=require("./useGlobalSettings-chunk-DEacV16j.js"),b=require("./Button-chunk-B65FgSLG.js"),L=$.forwardRef(({className:N,logo:n,tagline:d,subtagline:t,address:o,linkgroup:m,socialmedia:h,subscribe:l,legal:x,secondarylinks:j,anchorlink:i},u)=>{const{prefix:c}=q.useGlobalSettings(),e=`${c}--footer`,v=k.classnames(N,e);return s.jsxs("footer",{className:v,ref:u,children:[s.jsxs("div",{className:`${e}--main ${c}--container`,children:[s.jsxs("div",{className:"site--info",children:[n&&s.jsx("img",{className:`${e}--logo`,src:n,alt:"ILO Logo"}),d&&s.jsx("h3",{className:`${e}--headline`,children:d}),t&&s.jsx("h4",{className:`${e}--subhead`,children:t})]}),o&&s.jsx("div",{className:"address",children:o.map((a,r)=>s.jsx("p",{className:"address--line",children:a},`address-line-${r}`))}),m&&s.jsx("nav",{className:"links",children:s.jsx(f.LinkList,{linkgroup:m,theme:"dark"})}),h&&s.jsx("div",{className:"connect",children:s.jsx("div",{className:"social--links",children:s.jsx(y.SocialMedia,{...h,theme:"dark"})})}),l&&s.jsx("div",{className:"subscribe",children:s.jsx(b.Button,{link:{url:l.url,label:l.label,target:"_blank"},type:"primary",size:"large"})})]}),s.jsx("div",{className:`${e}--secondary`,children:s.jsxs("div",{className:`${c}--container`,children:[s.jsxs("div",{className:`${e}--secondary--details`,children:[x&&s.jsx("div",{className:"legal",children:x}),j&&s.jsx("nav",{className:"secondarylinks",children:s.jsx("ul",{className:"secondarylinks--list",children:j.map((a,r)=>s.jsx("li",{className:"secondarylinks--list--item",children:s.jsx("a",{href:a.url,className:"secondarylinks--list--link",children:a.label})},`secondary-link-${r}`))})})]}),i&&s.jsx("a",{href:i.url,className:"anchorlink",children:i.label})]})})]})});exports.Footer=L;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Footer-chunk-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Footer-chunk-BUjFj4bf.js");exports.Footer=e.Footer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("react/jsx-runtime"),l=require("react"),f=require("./index-chunk-D921N0ug.js"),m=require("./useGlobalSettings-chunk-DEacV16j.js"),N=require("./Button-chunk-
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),l=require("react"),f=require("./index-chunk-D921N0ug.js"),m=require("./useGlobalSettings-chunk-DEacV16j.js"),N=require("./Button-chunk-B65FgSLG.js"),b=l.forwardRef(({className:o,closelabel:c="Close",copy:r,cta:i,headline:d,placement:t,timestamp:n,type:a},u)=>{const{prefix:x}=m.useGlobalSettings(),[h,j]=l.useState(!0),e=`${x}--notification`,$=f.classnames(e,o,{[`${e}--${t}`]:t,[`icon icon--${a}`]:a});return s.jsx(s.Fragment,{children:h&&s.jsxs("div",{className:$,role:"status","aria-live":"polite","aria-relevant":"additions",ref:u,children:[s.jsxs("div",{className:`${e}--content`,children:[s.jsx("h2",{className:`${e}--headline`,children:d}),s.jsx("p",{className:`${e}--copy`,children:r}),n&&s.jsx("time",{className:`${e}--date`,dateTime:n.unix,children:n.human}),i&&s.jsx("div",{className:`${e}__footer`,children:s.jsx(N.Button,{type:"secondary",size:"small",link:{url:i.url,label:i.label}})})]}),s.jsx("button",{className:`${e}--close`,type:"button",onClick:()=>j(!1),children:s.jsx("span",{children:c})})]})})});exports.Notification=b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./Notification-chunk-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./Notification-chunk-DkfLXJhu.js");exports.Notification=i.Notification;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),x=require("react"),f=require("./index-chunk-D921N0ug.js"),$=require("./useGlobalSettings-chunk-DEacV16j.js"),j=require("./Icon-chunk-QFryHTpy.js"),m=x.forwardRef(({avatar:t,className:o,description:a,link:r,name:i,role:l,theme:n="light",size:c="large"},d)=>{const{prefix:h}=$.useGlobalSettings(),s=`${h}--profile`,u=f.classnames(o,{[s]:!0,[`${s}__theme__${n}`]:n,[`${s}__size__${c}`]:c});return e.jsxs("figure",{className:u,ref:d,children:[e.jsx("img",{className:`${s}--avatar`,src:t,alt:`Photo of ${i}`}),e.jsx("figcaption",{children:e.jsxs("div",{className:`${s}--figcaption--content`,children:[e.jsx("div",{className:`${s}--name`,children:i}),l&&e.jsx("div",{className:`${s}--role`,children:l})]})}),a&&e.jsx("p",{className:`${s}--description`,children:a}),r&&e.jsx("div",{className:`${s}--link`,children:e.jsxs("a",{href:r.url,target:"__blank",rel:"noopener noreferrer",children:[e.jsx("span",{className:`${s}--link--label`,children:r.label}),e.jsx(j.Icon,{name:"ChevronRight",size:24,hidden:!0})]})})]})});exports.Profile=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Profile-chunk-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Profile-chunk-Du8HEAQA.js");exports.Profile=e.Profile;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("react/jsx-runtime"),j=require("react"),h=require("./index-chunk-D921N0ug.js"),N=require("./useGlobalSettings-chunk-DEacV16j.js"),f=require("./Button-chunk-ATdWCIPE.js"),g=require("./Link-chunk-DuZiglb_.js"),k=require("./LinkList-chunk-AT26ZVEG.js"),B=require("./Profile-chunk-CAlNBCnB.js"),w=require("./List-entry-DRGsrQZi.js"),F=require("./Picture-chunk-CK6tJPnd.js"),D=require("./Status-chunk-3GZXo15N.js"),I=require("./Icon-chunk-QFryHTpy.js"),y=j.forwardRef(({className:p,title:r,theme:n="light",size:a="standard",color:o,intro:$,source:x,titleLevel:d="p"},i)=>{const{prefix:l}=N.useGlobalSettings(),t=`${l}--card`,m=h.classnames(`${t}--wrapper`,p),_=h.classnames(t,`${t}__type__stat`,{[`${t}__size__${String(a)}`]:a,[`${t}__theme__${n}`]:n,[`${t}__color__${o}`]:o});return s.jsx("div",{className:m,ref:i,children:s.jsx("div",{className:_,children:s.jsx("div",{className:`${t}--wrap`,children:s.jsxs("div",{className:`${t}--content`,children:[s.jsx(d,{className:`${t}--title`,children:r}),$&&s.jsx("p",{className:`${t}--intro`,children:$}),x&&s.jsx(g.Link,{className:`${t}--source`,url:x.url,label:x.label})]})})})})}),L=j.forwardRef(({className:p,title:r,size:n="standard",alignment:a,intro:o,link:$,linklist:x,image:d,titleLevel:i="p",eyebrow:l,isVideo:t,theme:m="light"},_)=>{const{prefix:c}=N.useGlobalSettings(),e=`${c}--card`,u=h.classnames(e,p,`${e}__type__multilink`,{[`${e}__align__${a}`]:a,[`${e}__size__${n}`]:n,[`${e}__isvideo`]:t,[`${e}--no-image`]:!d,[`${e}__theme__${m}`]:m});return s.jsxs("div",{className:u,ref:_,children:[$&&s.jsx("a",{className:`${e}--link`,href:$,title:r,children:s.jsx("span",{className:`${e}--link--text`,children:r})}),s.jsxs("div",{className:`${e}--wrap`,children:[d&&s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:d,alt:r,className:`${e}--picture`})})}),s.jsxs("div",{className:`${e}--content`,children:[l&&s.jsx("p",{className:`${e}--eyebrow`,children:l}),s.jsx(i,{className:`${e}--title`,children:r}),d&&s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:d,alt:r,className:`${e}--picture`})})}),o&&s.jsx("p",{className:`${e}--intro`,children:o}),x&&s.jsx(k.LinkList,{...x})]})]})]})}),S=j.forwardRef(({className:p,title:r,theme:n="light",size:a="narrow",date:o,profile:$,link:x,titleLevel:d="p",eyebrow:i},l)=>{const{prefix:t}=N.useGlobalSettings(),m=`${t}--card`,_=h.classnames(`${m}--wrapper`,p),c=h.classnames(m,`${m}__type__text`,{[`${m}__size__${String(a)}`]:a,[`${m}__theme__${n}`]:n});return s.jsx("div",{className:_,ref:l,children:s.jsxs("div",{className:c,children:[s.jsx("a",{className:`${m}--link`,href:x,title:r,children:s.jsx("span",{className:`${m}--link--text`,children:r})}),s.jsx("div",{className:`${m}--wrap`,children:s.jsxs("div",{className:`${m}--content`,children:[i&&s.jsx("p",{className:`${m}--eyebrow`,children:i}),s.jsx(d,{className:`${m}--title`,children:r}),o&&s.jsx("time",{className:`${m}--date`,dateTime:o.unix,children:o.human}),$&&s.jsx(B.Profile,{avatar:$.avatar,description:$.description,link:$.link,name:$.name,role:$.role,theme:n})]})})]})})}),G=j.forwardRef(({className:p,title:r,theme:n="light",size:a="narrow",cornercut:o,intro:$,link:x,cta:d,titleLevel:i="p",eyebrow:l},t)=>{const{prefix:m}=N.useGlobalSettings(),_=`${m}--card`,c=h.classnames(`${_}--wrapper`,p,`${_}--wrapper__type__promo`,`${_}--wrapper__type__promo__size__${a}`),e=h.classnames(_,`${_}__type__promo`,{[`${_}__size__${String(a)}`]:a,[`${_}__theme__${n}`]:n,[`${_}__cornercut`]:o});return s.jsx("div",{className:c,ref:t,children:s.jsxs("div",{className:e,children:[s.jsx("a",{className:`${_}--link`,href:x,title:r,children:s.jsx("span",{className:`${_}--link--text`,children:r})}),s.jsx("div",{className:`${_}--wrap`,children:s.jsxs("div",{className:`${_}--content`,children:[l&&s.jsx("p",{className:`${_}--eyebrow`,children:l}),s.jsx(i,{className:`${_}--title`,children:r}),$&&s.jsx("p",{className:`${_}--intro`,children:$}),(d==null?void 0:d.label)&&s.jsx("div",{className:`${_}--cta`,children:s.jsx(f.Button,{link:{url:d.url,label:d.label},size:"medium",type:"primary"})})]})})]})})}),q=j.forwardRef(({className:p,title:r,theme:n="light",size:a="narrow",date:o,link:$,linklist:x,image:d,titleLevel:i="p",eyebrow:l,isVideo:t},m)=>{const{prefix:_}=N.useGlobalSettings(),c=`${_}--card`,e=h.classnames(c,p,`${c}__type__feature`,{[`${c}__size__${String(a)}`]:a,[`${c}__theme__${n}`]:n,[`${c}__isvideo`]:t,[`${c}__linklist`]:x});return s.jsxs("div",{className:e,ref:m,children:[$&&s.jsx("a",{className:`${c}--link`,href:$,title:r,children:s.jsx("span",{className:`${c}--link--text`,children:r})}),s.jsxs("div",{className:`${c}--wrap`,children:[d&&s.jsx("div",{className:`${c}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:d,alt:r,className:`${c}--picture`})})}),s.jsxs("div",{className:`${c}--content`,children:[l&&s.jsx("p",{className:`${c}--eyebrow`,children:l}),s.jsx(i,{className:`${c}--title`,children:r}),o&&s.jsx("time",{className:`${c}--date`,dateTime:o.unix,children:o.human}),x&&s.jsx(k.LinkList,{headline:x.headline,linkgroup:x.linkgroup,theme:n})]})]})]})}),R=j.forwardRef(({className:p,title:r,theme:n="light",size:a="narrow",date:o,details:$,link:x,titleLevel:d="p",eyebrow:i,intro:l,image:t,isVideo:m=!1},_)=>{const{prefix:c}=N.useGlobalSettings(),e=`${c}--card`,u=h.classnames(e,`${e}__type__detail`,p,{[`${e}__size__${String(a)}`]:a,[`${e}__theme__${n}`]:n,[`${e}__isvideo`]:m});return s.jsxs("div",{className:u,ref:_,children:[x&&s.jsx("a",{className:`${e}--link`,href:x,title:r,children:s.jsx("span",{className:`${e}--link--text`,children:r})}),s.jsxs("div",{className:`${e}--wrap`,children:[t&&s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${e}--picture`,src:t,alt:r})})}),s.jsxs("div",{className:`${e}--content`,children:[i&&s.jsx("p",{className:`${e}--eyebrow`,children:i}),r&&s.jsx(d,{className:`${e}--title`,children:r}),l&&s.jsx("p",{className:`${e}--intro`,children:l}),o&&s.jsx("time",{className:`${e}--date`,dateTime:o.unix,children:o.human}),$&&s.jsx("p",{className:`${e}--date-extra`,children:$})]})]})]})}),T=j.forwardRef(({title:p,theme:r="light",size:n="narrow",list:a,titleLevel:o="p",className:$},x)=>{const{prefix:d}=N.useGlobalSettings(),i=`${d}--card`,l=h.classnames(i,`${i}__type__factlist`,$,{[`${i}__size__${n}`]:n,[`${i}__theme__${r}`]:r});return s.jsx("div",{className:l,ref:x,children:s.jsx("div",{className:`${i}--wrap`,children:s.jsxs("div",{className:`${i}--content`,children:[p&&s.jsx(o,{className:`${d}--card--title`,children:p}),s.jsx(w.List,{alignment:"default",ordered:"unordered",theme:r,children:a.map(t=>s.jsx(w.List.Item,{children:s.jsx("p",{children:t})},t))})]})})})}),P=j.forwardRef(({eyebrow:p,size:r="narrow",image:n,dataset:a,columns:o="one",className:$},x)=>{var _;const{prefix:d}=N.useGlobalSettings(),i=r==="narrow"?"one":o,l=`${d}--card`,t=h.classnames(l,`${l}__type__data`,$,{[`${l}__size__${String(r)}`]:r,[`${l}__type__data__columns__${i}`]:i}),m=h.classnames(`${l}--content`,{[`${l}--content__with-image`]:n,[`${l}--content__no-image-with-links`]:!n&&(a==null?void 0:a.links),[`${l}--content__default`]:!n&&!(a!=null&&a.links)});return s.jsx("div",{className:t,ref:x,children:s.jsxs("div",{className:`${l}--wrap`,children:[!n&&p&&s.jsx("div",{className:`${l}--eyebrow`,children:p}),s.jsxs("div",{className:m,children:[n&&s.jsxs("div",{className:`${l}--area--image`,children:[p&&s.jsx("div",{className:`${l}--eyebrow`,children:p}),s.jsx("div",{className:`${l}--image`,children:s.jsx("picture",{children:s.jsx("img",{className:`${l}--picture`,src:n,alt:p})})})]}),(_=a==null?void 0:a.content)==null?void 0:_.items.map((c,e)=>s.jsxs("div",{className:`${l}--area--content`,children:[s.jsx("p",{className:`${l}__type__data--content-label`,children:c.label}),s.jsx("p",{className:`${l}__type__data--content-copy`,children:c.copy})]},e)),(a==null?void 0:a.files)&&s.jsx("div",{className:`${l}--area--files`,children:s.jsxs("div",{className:`${l}__type__data--content-files`,children:[s.jsx("p",{className:`${l}__type__data--content-label`,children:a.files.headline}),a.files.items.map((c,e)=>s.jsx(f.Button,{link:{url:c.url,label:c.label,target:c.target||"_self"},size:"small"},e))]})}),(a==null?void 0:a.cta)&&s.jsx("div",{className:`${l}--area--cta`,children:s.jsxs("div",{className:`${l}__type__data--content-cta`,children:[s.jsx("p",{className:`${l}__type__data--content-label`,children:a.cta.headline}),a.cta.items.map(c=>s.jsx(f.Button,{type:"secondary",size:"small",link:{url:c.url,label:c.label,target:c.target}},c.label))]})}),(a==null?void 0:a.links)&&s.jsx("div",{className:`${l}--area--links`,children:s.jsxs("div",{className:`${l}__type__data--content-links`,children:[s.jsx("p",{className:`${l}__type__data--content-label`,children:a.links.headline}),s.jsx("div",{className:`${l}__type__data--content-links-list`,children:a.links.items.map(c=>s.jsx(j.Fragment,{children:s.jsx(g.Link,{url:c.url,label:c.label,className:`${l}__type__data--content-link`})},c.label+c.url))})]})})]})]})})}),M={stat:y,multilink:L,text:S,promo:G,feature:q,detail:R,factlist:T,data:P},z=j.forwardRef(({type:p,group:r,cardCount:n="one",cta:a,collapsed:o=!1},$)=>{const x=M[p],{prefix:d}=N.useGlobalSettings(),i=`${d}--cardgroup`,l=h.classnames(i,`${i}__count__${n}`,{[`${i}__collapsed`]:o});return s.jsxs("div",{className:l,ref:$,children:[s.jsx("div",{className:`${i}--inner`,children:r.map((t,m)=>s.jsx(x,{...t},m))}),a&&s.jsx("div",{className:`${i}--button-wrap`,children:s.jsx(f.Button,{link:{url:a.url,label:a.label},type:"secondary",size:"medium"})})]})}),A=j.forwardRef(({theme:p="light",titleLevel:r="p",size:n="narrow",link:a,title:o,isVideo:$=!1,image:x,status:d,eyebrow:i,content:l,cta:t},m)=>{var b;const{prefix:_}=N.useGlobalSettings(),c=p==="dark"?"var(--ilo-color-white)":"var(--ilo-color-gray-accessible)",e=`${_}--card`,u=h.classnames(e,`${e}__type__score`,{[`${e}__theme__${p}`]:p,[`${e}__size__${n}`]:n,[`${e}__isvideo`]:$});return s.jsxs("div",{className:u,ref:m,children:[s.jsx("a",{className:`${e}--link`,href:a,title:o,children:s.jsx("span",{className:`${e}--link--text`,children:o})}),s.jsxs("div",{className:`${e}--wrap`,children:[x&&n!=="simple"&&s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx(F.Picture,{...x})}),s.jsxs("div",{className:`${e}--content`,children:[d&&s.jsx(D.Status,{content:d.content,statusType:d.statusType}),i&&n!=="simple"&&s.jsx("p",{className:`${e}--eyebrow`,children:i}),o&&s.jsx(r,{className:`${e}--title`,children:o}),l&&s.jsx("div",{className:`${e}--area--content`,children:(b=l.items)==null?void 0:b.map((v,C)=>s.jsxs("div",{className:`${e}--content--item`,children:[s.jsx(I.Icon,{name:v.icon,size:20,color:c}),s.jsx("span",{children:v.label})]},C))}),t&&s.jsx("div",{className:`${e}--area--cta`,children:t.items.map((v,C)=>s.jsx("div",{className:`${e}--cta`,children:v},C))})]})]})]})});exports.CardGroup=z;exports.DataCard=P;exports.DetailCard=R;exports.FactListCard=T;exports.FeatureCard=q;exports.MultiLinkCard=L;exports.PromoCard=G;exports.ScoreCard=A;exports.StatCard=y;exports.TextCard=S;
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),j=require("react"),h=require("./index-chunk-D921N0ug.js"),N=require("./useGlobalSettings-chunk-DEacV16j.js"),f=require("./Button-chunk-B65FgSLG.js"),g=require("./Link-chunk-DuZiglb_.js"),k=require("./LinkList-chunk-AT26ZVEG.js"),B=require("./Profile-chunk-Du8HEAQA.js"),w=require("./List-entry-DRGsrQZi.js"),F=require("./Picture-chunk-CK6tJPnd.js"),D=require("./Status-chunk-3GZXo15N.js"),I=require("./Icon-chunk-QFryHTpy.js"),y=j.forwardRef(({className:p,title:r,theme:n="light",size:a="standard",color:o,intro:$,source:x,titleLevel:d="p"},i)=>{const{prefix:l}=N.useGlobalSettings(),t=`${l}--card`,m=h.classnames(`${t}--wrapper`,p),_=h.classnames(t,`${t}__type__stat`,{[`${t}__size__${String(a)}`]:a,[`${t}__theme__${n}`]:n,[`${t}__color__${o}`]:o});return s.jsx("div",{className:m,ref:i,children:s.jsx("div",{className:_,children:s.jsx("div",{className:`${t}--wrap`,children:s.jsxs("div",{className:`${t}--content`,children:[s.jsx(d,{className:`${t}--title`,children:r}),$&&s.jsx("p",{className:`${t}--intro`,children:$}),x&&s.jsx(g.Link,{className:`${t}--source`,url:x.url,label:x.label})]})})})})}),L=j.forwardRef(({className:p,title:r,size:n="standard",alignment:a,intro:o,link:$,linklist:x,image:d,titleLevel:i="p",eyebrow:l,isVideo:t,theme:m="light"},_)=>{const{prefix:c}=N.useGlobalSettings(),e=`${c}--card`,u=h.classnames(e,p,`${e}__type__multilink`,{[`${e}__align__${a}`]:a,[`${e}__size__${n}`]:n,[`${e}__isvideo`]:t,[`${e}--no-image`]:!d,[`${e}__theme__${m}`]:m});return s.jsxs("div",{className:u,ref:_,children:[$&&s.jsx("a",{className:`${e}--link`,href:$,title:r,children:s.jsx("span",{className:`${e}--link--text`,children:r})}),s.jsxs("div",{className:`${e}--wrap`,children:[d&&s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:d,alt:r,className:`${e}--picture`})})}),s.jsxs("div",{className:`${e}--content`,children:[l&&s.jsx("p",{className:`${e}--eyebrow`,children:l}),s.jsx(i,{className:`${e}--title`,children:r}),d&&s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:d,alt:r,className:`${e}--picture`})})}),o&&s.jsx("p",{className:`${e}--intro`,children:o}),x&&s.jsx(k.LinkList,{...x})]})]})]})}),S=j.forwardRef(({className:p,title:r,theme:n="light",size:a="narrow",date:o,profile:$,link:x,titleLevel:d="p",eyebrow:i},l)=>{const{prefix:t}=N.useGlobalSettings(),m=`${t}--card`,_=h.classnames(`${m}--wrapper`,p),c=h.classnames(m,`${m}__type__text`,{[`${m}__size__${String(a)}`]:a,[`${m}__theme__${n}`]:n});return s.jsx("div",{className:_,ref:l,children:s.jsxs("div",{className:c,children:[s.jsx("a",{className:`${m}--link`,href:x,title:r,children:s.jsx("span",{className:`${m}--link--text`,children:r})}),s.jsx("div",{className:`${m}--wrap`,children:s.jsxs("div",{className:`${m}--content`,children:[i&&s.jsx("p",{className:`${m}--eyebrow`,children:i}),s.jsx(d,{className:`${m}--title`,children:r}),o&&s.jsx("time",{className:`${m}--date`,dateTime:o.unix,children:o.human}),$&&s.jsx(B.Profile,{avatar:$.avatar,description:$.description,link:$.link,name:$.name,role:$.role,theme:n})]})})]})})}),G=j.forwardRef(({className:p,title:r,theme:n="light",size:a="narrow",cornercut:o,intro:$,link:x,cta:d,titleLevel:i="p",eyebrow:l},t)=>{const{prefix:m}=N.useGlobalSettings(),_=`${m}--card`,c=h.classnames(`${_}--wrapper`,p,`${_}--wrapper__type__promo`,`${_}--wrapper__type__promo__size__${a}`),e=h.classnames(_,`${_}__type__promo`,{[`${_}__size__${String(a)}`]:a,[`${_}__theme__${n}`]:n,[`${_}__cornercut`]:o});return s.jsx("div",{className:c,ref:t,children:s.jsxs("div",{className:e,children:[s.jsx("a",{className:`${_}--link`,href:x,title:r,children:s.jsx("span",{className:`${_}--link--text`,children:r})}),s.jsx("div",{className:`${_}--wrap`,children:s.jsxs("div",{className:`${_}--content`,children:[l&&s.jsx("p",{className:`${_}--eyebrow`,children:l}),s.jsx(i,{className:`${_}--title`,children:r}),$&&s.jsx("p",{className:`${_}--intro`,children:$}),(d==null?void 0:d.label)&&s.jsx("div",{className:`${_}--cta`,children:s.jsx(f.Button,{link:{url:d.url,label:d.label},size:"medium",type:"primary"})})]})})]})})}),q=j.forwardRef(({className:p,title:r,theme:n="light",size:a="narrow",date:o,link:$,linklist:x,image:d,titleLevel:i="p",eyebrow:l,isVideo:t},m)=>{const{prefix:_}=N.useGlobalSettings(),c=`${_}--card`,e=h.classnames(c,p,`${c}__type__feature`,{[`${c}__size__${String(a)}`]:a,[`${c}__theme__${n}`]:n,[`${c}__isvideo`]:t,[`${c}__linklist`]:x});return s.jsxs("div",{className:e,ref:m,children:[$&&s.jsx("a",{className:`${c}--link`,href:$,title:r,children:s.jsx("span",{className:`${c}--link--text`,children:r})}),s.jsxs("div",{className:`${c}--wrap`,children:[d&&s.jsx("div",{className:`${c}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:d,alt:r,className:`${c}--picture`})})}),s.jsxs("div",{className:`${c}--content`,children:[l&&s.jsx("p",{className:`${c}--eyebrow`,children:l}),s.jsx(i,{className:`${c}--title`,children:r}),o&&s.jsx("time",{className:`${c}--date`,dateTime:o.unix,children:o.human}),x&&s.jsx(k.LinkList,{headline:x.headline,linkgroup:x.linkgroup,theme:n})]})]})]})}),R=j.forwardRef(({className:p,title:r,theme:n="light",size:a="narrow",date:o,details:$,link:x,titleLevel:d="p",eyebrow:i,intro:l,image:t,isVideo:m=!1},_)=>{const{prefix:c}=N.useGlobalSettings(),e=`${c}--card`,u=h.classnames(e,`${e}__type__detail`,p,{[`${e}__size__${String(a)}`]:a,[`${e}__theme__${n}`]:n,[`${e}__isvideo`]:m});return s.jsxs("div",{className:u,ref:_,children:[x&&s.jsx("a",{className:`${e}--link`,href:x,title:r,children:s.jsx("span",{className:`${e}--link--text`,children:r})}),s.jsxs("div",{className:`${e}--wrap`,children:[t&&s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${e}--picture`,src:t,alt:r})})}),s.jsxs("div",{className:`${e}--content`,children:[i&&s.jsx("p",{className:`${e}--eyebrow`,children:i}),r&&s.jsx(d,{className:`${e}--title`,children:r}),l&&s.jsx("p",{className:`${e}--intro`,children:l}),o&&s.jsx("time",{className:`${e}--date`,dateTime:o.unix,children:o.human}),$&&s.jsx("p",{className:`${e}--date-extra`,children:$})]})]})]})}),T=j.forwardRef(({title:p,theme:r="light",size:n="narrow",list:a,titleLevel:o="p",className:$},x)=>{const{prefix:d}=N.useGlobalSettings(),i=`${d}--card`,l=h.classnames(i,`${i}__type__factlist`,$,{[`${i}__size__${n}`]:n,[`${i}__theme__${r}`]:r});return s.jsx("div",{className:l,ref:x,children:s.jsx("div",{className:`${i}--wrap`,children:s.jsxs("div",{className:`${i}--content`,children:[p&&s.jsx(o,{className:`${d}--card--title`,children:p}),s.jsx(w.List,{alignment:"default",ordered:"unordered",theme:r,children:a.map(t=>s.jsx(w.List.Item,{children:s.jsx("p",{children:t})},t))})]})})})}),P=j.forwardRef(({eyebrow:p,size:r="narrow",image:n,dataset:a,columns:o="one",className:$},x)=>{var _;const{prefix:d}=N.useGlobalSettings(),i=r==="narrow"?"one":o,l=`${d}--card`,t=h.classnames(l,`${l}__type__data`,$,{[`${l}__size__${String(r)}`]:r,[`${l}__type__data__columns__${i}`]:i}),m=h.classnames(`${l}--content`,{[`${l}--content__with-image`]:n,[`${l}--content__no-image-with-links`]:!n&&(a==null?void 0:a.links),[`${l}--content__default`]:!n&&!(a!=null&&a.links)});return s.jsx("div",{className:t,ref:x,children:s.jsxs("div",{className:`${l}--wrap`,children:[!n&&p&&s.jsx("div",{className:`${l}--eyebrow`,children:p}),s.jsxs("div",{className:m,children:[n&&s.jsxs("div",{className:`${l}--area--image`,children:[p&&s.jsx("div",{className:`${l}--eyebrow`,children:p}),s.jsx("div",{className:`${l}--image`,children:s.jsx("picture",{children:s.jsx("img",{className:`${l}--picture`,src:n,alt:p})})})]}),(_=a==null?void 0:a.content)==null?void 0:_.items.map((c,e)=>s.jsxs("div",{className:`${l}--area--content`,children:[s.jsx("p",{className:`${l}__type__data--content-label`,children:c.label}),s.jsx("p",{className:`${l}__type__data--content-copy`,children:c.copy})]},e)),(a==null?void 0:a.files)&&s.jsx("div",{className:`${l}--area--files`,children:s.jsxs("div",{className:`${l}__type__data--content-files`,children:[s.jsx("p",{className:`${l}__type__data--content-label`,children:a.files.headline}),a.files.items.map((c,e)=>s.jsx(f.Button,{link:{url:c.url,label:c.label,target:c.target||"_self"},size:"small"},e))]})}),(a==null?void 0:a.cta)&&s.jsx("div",{className:`${l}--area--cta`,children:s.jsxs("div",{className:`${l}__type__data--content-cta`,children:[s.jsx("p",{className:`${l}__type__data--content-label`,children:a.cta.headline}),a.cta.items.map(c=>s.jsx(f.Button,{type:"secondary",size:"small",link:{url:c.url,label:c.label,target:c.target}},c.label))]})}),(a==null?void 0:a.links)&&s.jsx("div",{className:`${l}--area--links`,children:s.jsxs("div",{className:`${l}__type__data--content-links`,children:[s.jsx("p",{className:`${l}__type__data--content-label`,children:a.links.headline}),s.jsx("div",{className:`${l}__type__data--content-links-list`,children:a.links.items.map(c=>s.jsx(j.Fragment,{children:s.jsx(g.Link,{url:c.url,label:c.label,className:`${l}__type__data--content-link`})},c.label+c.url))})]})})]})]})})}),M={stat:y,multilink:L,text:S,promo:G,feature:q,detail:R,factlist:T,data:P},z=j.forwardRef(({type:p,group:r,cardCount:n="one",cta:a,collapsed:o=!1},$)=>{const x=M[p],{prefix:d}=N.useGlobalSettings(),i=`${d}--cardgroup`,l=h.classnames(i,`${i}__count__${n}`,{[`${i}__collapsed`]:o});return s.jsxs("div",{className:l,ref:$,children:[s.jsx("div",{className:`${i}--inner`,children:r.map((t,m)=>s.jsx(x,{...t},m))}),a&&s.jsx("div",{className:`${i}--button-wrap`,children:s.jsx(f.Button,{link:{url:a.url,label:a.label},type:"secondary",size:"medium"})})]})}),A=j.forwardRef(({theme:p="light",titleLevel:r="p",size:n="narrow",link:a,title:o,isVideo:$=!1,image:x,status:d,eyebrow:i,content:l,cta:t},m)=>{var b;const{prefix:_}=N.useGlobalSettings(),c=p==="dark"?"var(--ilo-color-white)":"var(--ilo-color-gray-accessible)",e=`${_}--card`,u=h.classnames(e,`${e}__type__score`,{[`${e}__theme__${p}`]:p,[`${e}__size__${n}`]:n,[`${e}__isvideo`]:$});return s.jsxs("div",{className:u,ref:m,children:[s.jsx("a",{className:`${e}--link`,href:a,title:o,children:s.jsx("span",{className:`${e}--link--text`,children:o})}),s.jsxs("div",{className:`${e}--wrap`,children:[x&&n!=="simple"&&s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx(F.Picture,{...x})}),s.jsxs("div",{className:`${e}--content`,children:[d&&s.jsx(D.Status,{content:d.content,statusType:d.statusType}),i&&n!=="simple"&&s.jsx("p",{className:`${e}--eyebrow`,children:i}),o&&s.jsx(r,{className:`${e}--title`,children:o}),l&&s.jsx("div",{className:`${e}--area--content`,children:(b=l.items)==null?void 0:b.map((v,C)=>s.jsxs("div",{className:`${e}--content--item`,children:[s.jsx(I.Icon,{name:v.icon,size:20,color:c}),s.jsx("span",{children:v.label})]},C))}),t&&s.jsx("div",{className:`${e}--area--cta`,children:t.items.map((v,C)=>s.jsx("div",{className:`${e}--cta`,children:v},C))})]})]})]})});exports.CardGroup=z;exports.DataCard=P;exports.DetailCard=R;exports.FactListCard=T;exports.FeatureCard=q;exports.MultiLinkCard=L;exports.PromoCard=G;exports.ScoreCard=A;exports.StatCard=y;exports.TextCard=S;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),d=require("react"),h=require("./useGlobalSettings-chunk-DEacV16j.js"),m=require("./index-chunk-D921N0ug.js"),j=require("./Icon-chunk-QFryHTpy.js"),p=({items:n,className:c,theme:i="light"})=>{const[l,o]=d.useState(0),r=(s,e)=>{o(s),e.preventDefault()},{prefix:b}=h.useGlobalSettings(),a=`${b}--tabs`,$=m.classnames(a,c,`${a}__theme__${i}`);return t.jsxs("div",{className:$,children:[t.jsx("ul",{className:`${a}--selection`,role:"tablist",tabIndex:0,children:n.map((s,e)=>t.jsx("li",{role:"presentation",className:`${a}--selection--item ${l===e?"active":""}`,onClick:u=>r(e,u),id:`tab--${e}`,children:t.jsxs("a",{href:`#tab--${e}`,className:`${a}--selection--button${s.icon?" icon":""}`,role:"tab","aria-controls":`tab--${e}`,"aria-selected":e===l,title:s.label,tabIndex:e===l?0:-1,children:[t.jsx("span",{className:`${a}--selection--label`,children:s.label}),s.icon&&t.jsx(j.Icon,{name:s.icon.name,hidden:s.icon.hidden})]})},`#tab--${e}`))}),t.jsx("div",{className:`${a}--content`,role:"tabpanel","aria-labelledby":`tab--${l}`,tabIndex:0,children:n[l].content})]})},v=p;exports.Tabs=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Tabs-chunk-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Tabs-chunk-CYKFJgLR.js");exports.Tabs=e.Tabs;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./TextInput.args-chunk-DIxsZT_y.js");exports.TextInput=t.LabelledTextInput;exports.TextInputArgs=t.TextInput_args;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),c=require("react"),g=require("./index-chunk-D921N0ug.js"),q=require("./useGlobalSettings-chunk-DEacV16j.js"),u=require("./FormControl-chunk-CTRPINwt.js"),I=c.forwardRef(({onChange:t,onBlur:a,error:o,id:s,name:r,placeholder:l,required:n,pattern:p,value:h,disabled:b=!1,type:m="text"},x)=>{const{prefix:y}=q.useGlobalSettings(),f=u.useFormControl(),{ariaDescribedBy:T}=f,d=`${y}--text-input`,w=g.classnames(d,{[`${d}__error`]:o});return i.jsx("input",{value:h,ref:x,id:s||r,name:r,onChange:t,onBlur:a,disabled:b,placeholder:l,required:n,type:m,className:w,pattern:p,"aria-describedby":T})}),_=c.forwardRef((t,a)=>{const{style:o,inputStyle:s,className:r,...l}=t,n=t.id?t.id:t.name;return i.jsx(u.FormControl,{fieldId:n,style:o,className:r,...l,children:i.jsx(I,{ref:a,style:s,...l})})}),C=_,e={disabled:!1,errorMessage:"This is an error message",error:!1,style:{width:"100%"},id:"text-input",label:"Insert your name here",labelPlacement:"top",labelSize:"medium",name:"text",placeholder:"This is a text field",required:!1,type:"text"},j={...e,disabled:!0,placeholder:"Disabled Text Field"},S={...e,placeholder:"This has a helper text"},E={...e,placeholder:"This has an error",error:!0},F={...e,placeholder:"This has an tooltip",tooltip:"This is a tooltip"},R={...e,label:"Enter your email address",placeholder:"my@email.com",type:"email",id:"email-input"},L={...e,label:"Enter your password",placeholder:"Must be 8 digits long",type:"password",id:"password-input"},M={...e,name:"tel",label:"Enter your telephone number",placeholder:"###-###-####",required:!1,type:"tel",pattern:"[0-9]{3}-[0-9]{3}-[0-9]{4}"},$={...e,label:"Enter website address",id:"url-input",name:"url",placeholder:"https://www.example.com",required:!1,type:"url"},z=Object.freeze(Object.defineProperty({__proto__:null,basic:e,email:R,haserror:E,hashelper:S,hastooltip:F,isdisabled:j,password:L,telephone:M,url:$},Symbol.toStringTag,{value:"Module"}));exports.LabelledTextInput=C;exports.TextInput_args=z;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Accordion-entry-Du65VJ-p.js"),t=require("./Form-chunk-BJA6abAs.js"),i=require("./Collapse-chunk-CKRYA3G0.js"),a=require("./Empty-chunk-D15nltyD.js"),n=require("./Image-chunk-DrH5JX6G.js"),c=require("./Loading-chunk-BceLroFu.js"),u=require("./Radio-chunk-U-ZyTPH7.js"),d=require("./Tag-chunk-C_r4zGEh.js"),s=require("./Button-chunk-B65FgSLG.js"),l=require("./ContextMenu-chunk-LNOPuIui.js"),q=require("./Fieldset-chunk-ChX_vSBT.js"),C=require("./GlobalProvider-chunk-Bt1vmswv.js"),b=require("./GlobalCtx-chunk-D_GlGcgw.js"),r=require("./TextInput.args-chunk-DIxsZT_y.js"),g=require("./Notification-chunk-DkfLXJhu.js"),L=require("./ReadMore-chunk-D36Ibsoy.js"),T=require("./Textarea-chunk-Gr_D4IfG.js"),x=require("./Callout-chunk-BxN0hHA0.js"),p=require("./Credit-chunk-cffOG8ho.js"),P=require("./FileUpload-chunk-DASUCDJs.js"),F=require("./Heading-chunk-COxtDw0v.js"),m=require("./Link-chunk-DuZiglb_.js"),k=require("./NumberPicker-chunk-BuYxdQBu.js"),S=require("./RichText-chunk-B8HoKl_2.js"),v=require("./Tooltip-chunk-Dk0E60Nc.js"),I=require("./Checkbox-chunk-C0TreicR.js"),N=require("./DatePicker-chunk-Dl0GaODr.js"),f=require("./Hero-chunk-Blm775AV.js"),D=require("./HeroCard-chunk-Dx88UJpE.js"),h=require("./LinkList-chunk-AT26ZVEG.js"),H=require("./Pagination-chunk-DYcRUXLg.js"),M=require("./SearchField-chunk-CUGa67lu.js"),R=require("./Video-chunk-UuPc6ufz.js"),G=require("./Dropdown-chunk-DyCHTZMD.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-BUjFj4bf.js"),E=require("./Navigation-entry-C6dI5Dpf.js"),e=require("./ScoreCard-chunk-BVY7lDHH.js"),U=require("./Breadcrumb-chunk-BV3TmRn5.js"),V=require("./Tabs-chunk-CYKFJgLR.js"),_=require("./LanguageToggle-chunk-DdIPnYuL.js"),$=require("./SubsiteNav-chunk-Cfmr4rbb.js");exports.Accordion=o.Accordion;exports.Form=t.Form;exports.Collapse=i.Collapse;exports.Empty=a.Empty;exports.Image=n.Image;exports.Loading=c.Loading;exports.Radio=u.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=H.Pagination;exports.SearchField=M.SearchField;exports.Video=R.Video;exports.Dropdown=G.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.Tabs=V.Tabs;exports.LanguageToggle=_.LanguageToggle;exports.SubsiteNav=$.SubsiteNav;
|
package/lib/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./_store/Accordion-entry-Du65VJ-p.js"),t=require("./_store/Form-chunk-BJA6abAs.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-BceLroFu.js"),s=require("./_store/Radio-chunk-U-ZyTPH7.js"),c=require("./_store/Tag-chunk-C_r4zGEh.js"),d=require("./_store/Button-chunk-B65FgSLG.js"),l=require("./_store/ContextMenu-chunk-LNOPuIui.js"),q=require("./_store/Fieldset-chunk-ChX_vSBT.js"),C=require("./_store/GlobalProvider-chunk-Bt1vmswv.js"),b=require("./_store/GlobalCtx-chunk-D_GlGcgw.js"),r=require("./_store/TextInput.args-chunk-DIxsZT_y.js"),g=require("./_store/Notification-chunk-DkfLXJhu.js"),L=require("./_store/ReadMore-chunk-D36Ibsoy.js"),T=require("./_store/Textarea-chunk-Gr_D4IfG.js"),p=require("./_store/Callout-chunk-BxN0hHA0.js"),x=require("./_store/Credit-chunk-cffOG8ho.js"),P=require("./_store/FileUpload-chunk-DASUCDJs.js"),k=require("./_store/Heading-chunk-COxtDw0v.js"),F=require("./_store/Link-chunk-DuZiglb_.js"),m=require("./_store/NumberPicker-chunk-BuYxdQBu.js"),S=require("./_store/RichText-chunk-B8HoKl_2.js"),v=require("./_store/Tooltip-chunk-Dk0E60Nc.js"),G=require("./_store/Checkbox-chunk-C0TreicR.js"),I=require("./_store/DatePicker-chunk-Dl0GaODr.js"),N=require("./_store/Hero-chunk-Blm775AV.js"),f=require("./_store/HeroCard-chunk-Dx88UJpE.js"),D=require("./_store/LinkList-chunk-AT26ZVEG.js"),h=require("./_store/Pagination-chunk-DYcRUXLg.js"),B=require("./_store/SearchField-chunk-CUGa67lu.js"),H=require("./_store/Video-chunk-UuPc6ufz.js"),M=require("./_store/Dropdown-chunk-DyCHTZMD.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-BUjFj4bf.js"),E=require("./_store/Navigation-entry-C6dI5Dpf.js"),e=require("./_store/ScoreCard-chunk-BVY7lDHH.js"),U=require("./_store/Breadcrumb-chunk-BV3TmRn5.js"),V=require("./_store/Tabs-chunk-CYKFJgLR.js"),_=require("./_store/LanguageToggle-chunk-DdIPnYuL.js"),$=require("./_store/SubsiteNav-chunk-Cfmr4rbb.js"),j=require("./_store/useGlobalSettings-chunk-DEacV16j.js"),z=require("./_store/usePrevious-chunk-DENrwKF1.js"),J=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.Tabs=V.Tabs;exports.LanguageToggle=_.LanguageToggle;exports.SubsiteNav=$.SubsiteNav;exports.useGlobalSettings=j.useGlobalSettings;exports.usePrevious=z.usePrevious;exports.useBreakpoint=J.useBreakpoint;
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { jsxs as p, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as d } from "react";
|
|
3
|
+
import { c as j } from "./index-chunk-CY3PQDr4.js";
|
|
4
|
+
import { u as B } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
|
|
5
|
+
import { L as C } from "./Link-chunk-DNHgQ3lF.js";
|
|
6
|
+
import { I as b } from "./Icon-chunk-DIxw5wWq.js";
|
|
7
|
+
const S = d(
|
|
8
|
+
({
|
|
9
|
+
children: o,
|
|
10
|
+
className: $,
|
|
11
|
+
disabled: c = !1,
|
|
12
|
+
icon: t,
|
|
13
|
+
size: e = "large",
|
|
14
|
+
type: l = "primary",
|
|
15
|
+
style: m,
|
|
16
|
+
name: i,
|
|
17
|
+
link: a,
|
|
18
|
+
iconPosition: _ = "left",
|
|
19
|
+
icononly: f = !1,
|
|
20
|
+
submit: g = !1,
|
|
21
|
+
...x
|
|
22
|
+
}, n) => {
|
|
23
|
+
const { prefix: N } = B(), s = `${N}--button`, u = j($, {
|
|
24
|
+
[s]: !0,
|
|
25
|
+
[`${s}__${e}`]: e,
|
|
26
|
+
[`${s}__${l}`]: l,
|
|
27
|
+
[`${s}--icon ${s}--icon--position__${_}`]: t && !f,
|
|
28
|
+
[`${s}--icon ${s}--icon--only`]: t && f
|
|
29
|
+
});
|
|
30
|
+
return a ? /* @__PURE__ */ p(
|
|
31
|
+
C,
|
|
32
|
+
{
|
|
33
|
+
ref: n,
|
|
34
|
+
className: u,
|
|
35
|
+
target: a.target,
|
|
36
|
+
url: a.url,
|
|
37
|
+
label: a.label,
|
|
38
|
+
style: m,
|
|
39
|
+
children: [
|
|
40
|
+
t && /* @__PURE__ */ r(b, { ...t }),
|
|
41
|
+
o
|
|
42
|
+
]
|
|
43
|
+
}
|
|
44
|
+
) : /* @__PURE__ */ p(
|
|
45
|
+
"button",
|
|
46
|
+
{
|
|
47
|
+
ref: n,
|
|
48
|
+
className: u,
|
|
49
|
+
disabled: c,
|
|
50
|
+
style: m,
|
|
51
|
+
name: i,
|
|
52
|
+
...x,
|
|
53
|
+
type: g ? "submit" : "button",
|
|
54
|
+
children: [
|
|
55
|
+
t && /* @__PURE__ */ r(b, { ...t }),
|
|
56
|
+
/* @__PURE__ */ r("span", { className: "button__label", children: o })
|
|
57
|
+
]
|
|
58
|
+
}
|
|
59
|
+
);
|
|
60
|
+
}
|
|
61
|
+
);
|
|
62
|
+
export {
|
|
63
|
+
S as B
|
|
64
|
+
};
|
|
@@ -2,7 +2,7 @@ import { jsxs as a, jsx as e } from "react/jsx-runtime";
|
|
|
2
2
|
import { c as f } from "./index-chunk-CY3PQDr4.js";
|
|
3
3
|
import { forwardRef as g, useState as b } from "react";
|
|
4
4
|
import { u as v } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
|
|
5
|
-
import { B as x } from "./Button-chunk-
|
|
5
|
+
import { B as x } from "./Button-chunk-DG7cL6tj.js";
|
|
6
6
|
const w = g(
|
|
7
7
|
({
|
|
8
8
|
className: i,
|
|
@@ -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 "./ScoreCard-chunk-
|
|
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 "./ScoreCard-chunk-DbNE1WUL.js";
|
|
2
2
|
export {
|
|
3
3
|
s as CardGroup,
|
|
4
4
|
C as DataCard,
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as f, useState as N } from "react";
|
|
3
|
+
import { c as z } from "./index-chunk-CY3PQDr4.js";
|
|
4
|
+
import { u as B } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
|
|
5
|
+
import { u as V, F as j } from "./FormControl-chunk-k6iX88xc.js";
|
|
6
|
+
const q = f((a, s) => {
|
|
7
|
+
const {
|
|
8
|
+
autocomplete: t,
|
|
9
|
+
onChange: l,
|
|
10
|
+
onBlur: n,
|
|
11
|
+
disabled: r = !1,
|
|
12
|
+
error: d,
|
|
13
|
+
id: c,
|
|
14
|
+
name: m,
|
|
15
|
+
options: u,
|
|
16
|
+
required: b,
|
|
17
|
+
value: p,
|
|
18
|
+
defaultValue: C,
|
|
19
|
+
form: h,
|
|
20
|
+
multiple: v,
|
|
21
|
+
selectSize: w
|
|
22
|
+
} = a, { prefix: g } = B(), y = V(), { ariaDescribedBy: $ } = y, i = `${g}--dropdown`, x = z(i, {
|
|
23
|
+
error: d
|
|
24
|
+
}), [D, S] = N(p), F = (e) => {
|
|
25
|
+
S(e.target.value), l && l(e);
|
|
26
|
+
};
|
|
27
|
+
return /* @__PURE__ */ o("div", { className: `${i}--wrapper`, children: /* @__PURE__ */ o(
|
|
28
|
+
"select",
|
|
29
|
+
{
|
|
30
|
+
ref: s,
|
|
31
|
+
id: c || m,
|
|
32
|
+
autoComplete: t,
|
|
33
|
+
name: m,
|
|
34
|
+
required: b,
|
|
35
|
+
onChange: F,
|
|
36
|
+
onBlur: n,
|
|
37
|
+
disabled: r,
|
|
38
|
+
defaultValue: C,
|
|
39
|
+
className: x,
|
|
40
|
+
value: D,
|
|
41
|
+
form: h,
|
|
42
|
+
multiple: v,
|
|
43
|
+
size: w,
|
|
44
|
+
"aria-describedby": $,
|
|
45
|
+
children: u && u.map((e, L) => /* @__PURE__ */ o(
|
|
46
|
+
"option",
|
|
47
|
+
{
|
|
48
|
+
disabled: e.disabled,
|
|
49
|
+
label: e.label,
|
|
50
|
+
value: e.value,
|
|
51
|
+
children: e.label
|
|
52
|
+
},
|
|
53
|
+
`${i}--option--${L}`
|
|
54
|
+
))
|
|
55
|
+
}
|
|
56
|
+
) });
|
|
57
|
+
}), G = f(
|
|
58
|
+
(a, s) => {
|
|
59
|
+
const { style: t, inputStyle: l, className: n, ...r } = a, d = a.id ? a.id : a.name;
|
|
60
|
+
return /* @__PURE__ */ o(
|
|
61
|
+
j,
|
|
62
|
+
{
|
|
63
|
+
fieldId: d,
|
|
64
|
+
style: t,
|
|
65
|
+
className: n,
|
|
66
|
+
...r,
|
|
67
|
+
children: /* @__PURE__ */ o(q, { ref: s, style: l, ...r })
|
|
68
|
+
}
|
|
69
|
+
);
|
|
70
|
+
}
|
|
71
|
+
), H = G;
|
|
72
|
+
export {
|
|
73
|
+
H as L
|
|
74
|
+
};
|
|
@@ -4,7 +4,7 @@ import { c as u } from "./index-chunk-CY3PQDr4.js";
|
|
|
4
4
|
import { L as b } from "./LinkList-chunk-Cimo8RwK.js";
|
|
5
5
|
import { S as L } from "./SocialMedia-chunk-BIRLnQvf.js";
|
|
6
6
|
import { u as x } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
|
|
7
|
-
import { B as S } from "./Button-chunk-
|
|
7
|
+
import { B as S } from "./Button-chunk-DG7cL6tj.js";
|
|
8
8
|
const G = y(
|
|
9
9
|
({
|
|
10
10
|
className: v,
|
|
@@ -2,7 +2,7 @@ import { jsx as e, Fragment as $, jsxs as n } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as N, useState as b } from "react";
|
|
3
3
|
import { c as v } from "./index-chunk-CY3PQDr4.js";
|
|
4
4
|
import { u as x } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
|
|
5
|
-
import { B as y } from "./Button-chunk-
|
|
5
|
+
import { B as y } from "./Button-chunk-DG7cL6tj.js";
|
|
6
6
|
const S = N(
|
|
7
7
|
({
|
|
8
8
|
className: t,
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { jsxs as s, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as p } from "react";
|
|
3
|
+
import { c as $ } from "./index-chunk-CY3PQDr4.js";
|
|
4
|
+
import { u as _ } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
|
|
5
|
+
import { I as g } from "./Icon-chunk-DIxw5wWq.js";
|
|
6
|
+
const C = p(
|
|
7
|
+
({
|
|
8
|
+
avatar: t,
|
|
9
|
+
className: m,
|
|
10
|
+
description: l,
|
|
11
|
+
link: a,
|
|
12
|
+
name: i,
|
|
13
|
+
role: o,
|
|
14
|
+
theme: n = "light",
|
|
15
|
+
size: c = "large"
|
|
16
|
+
}, f) => {
|
|
17
|
+
const { prefix: d } = _(), e = `${d}--profile`, h = $(m, {
|
|
18
|
+
[e]: !0,
|
|
19
|
+
[`${e}__theme__${n}`]: n,
|
|
20
|
+
[`${e}__size__${c}`]: c
|
|
21
|
+
});
|
|
22
|
+
return /* @__PURE__ */ s("figure", { className: h, ref: f, children: [
|
|
23
|
+
/* @__PURE__ */ r(
|
|
24
|
+
"img",
|
|
25
|
+
{
|
|
26
|
+
className: `${e}--avatar`,
|
|
27
|
+
src: t,
|
|
28
|
+
alt: `Photo of ${i}`
|
|
29
|
+
}
|
|
30
|
+
),
|
|
31
|
+
/* @__PURE__ */ r("figcaption", { children: /* @__PURE__ */ s("div", { className: `${e}--figcaption--content`, children: [
|
|
32
|
+
/* @__PURE__ */ r("div", { className: `${e}--name`, children: i }),
|
|
33
|
+
o && /* @__PURE__ */ r("div", { className: `${e}--role`, children: o })
|
|
34
|
+
] }) }),
|
|
35
|
+
l && /* @__PURE__ */ r("p", { className: `${e}--description`, children: l }),
|
|
36
|
+
a && /* @__PURE__ */ r("div", { className: `${e}--link`, children: /* @__PURE__ */ s("a", { href: a.url, target: "__blank", rel: "noopener noreferrer", children: [
|
|
37
|
+
/* @__PURE__ */ r("span", { className: `${e}--link--label`, children: a.label }),
|
|
38
|
+
/* @__PURE__ */ r(g, { name: "ChevronRight", size: 24, hidden: !0 })
|
|
39
|
+
] }) })
|
|
40
|
+
] });
|
|
41
|
+
}
|
|
42
|
+
);
|
|
43
|
+
export {
|
|
44
|
+
C as P
|
|
45
|
+
};
|
|
@@ -2,10 +2,10 @@ import { jsx as e, jsxs as h } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as u, Fragment as S } from "react";
|
|
3
3
|
import { c as v } from "./index-chunk-CY3PQDr4.js";
|
|
4
4
|
import { u as f } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
|
|
5
|
-
import { B as w } from "./Button-chunk-
|
|
5
|
+
import { B as w } from "./Button-chunk-DG7cL6tj.js";
|
|
6
6
|
import { L as x } from "./Link-chunk-DNHgQ3lF.js";
|
|
7
7
|
import { L } from "./LinkList-chunk-Cimo8RwK.js";
|
|
8
|
-
import { P as T } from "./Profile-chunk-
|
|
8
|
+
import { P as T } from "./Profile-chunk-BjuEze8L.js";
|
|
9
9
|
import { List as g } from "./List-entry-B0PAo5Km.js";
|
|
10
10
|
import { P } from "./Picture-chunk-C4mMCmdQ.js";
|
|
11
11
|
import { S as F } from "./Status-chunk-wCQ8Gv7z.js";
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { jsxs as o, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { useState as h } from "react";
|
|
3
|
+
import { u as p } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
|
|
4
|
+
import { c as f } from "./index-chunk-CY3PQDr4.js";
|
|
5
|
+
import { I as u } from "./Icon-chunk-DIxw5wWq.js";
|
|
6
|
+
const v = ({ items: c, className: n, theme: i = "light" }) => {
|
|
7
|
+
const [t, r] = h(0), b = (a, e) => {
|
|
8
|
+
r(a), e.preventDefault();
|
|
9
|
+
}, { prefix: m } = p(), s = `${m}--tabs`, $ = f(
|
|
10
|
+
s,
|
|
11
|
+
n,
|
|
12
|
+
`${s}__theme__${i}`
|
|
13
|
+
);
|
|
14
|
+
return /* @__PURE__ */ o("div", { className: $, children: [
|
|
15
|
+
/* @__PURE__ */ l("ul", { className: `${s}--selection`, role: "tablist", tabIndex: 0, children: c.map((a, e) => /* @__PURE__ */ l(
|
|
16
|
+
"li",
|
|
17
|
+
{
|
|
18
|
+
role: "presentation",
|
|
19
|
+
className: `${s}--selection--item ${t === e ? "active" : ""}`,
|
|
20
|
+
onClick: (d) => b(e, d),
|
|
21
|
+
id: `tab--${e}`,
|
|
22
|
+
children: /* @__PURE__ */ o(
|
|
23
|
+
"a",
|
|
24
|
+
{
|
|
25
|
+
href: `#tab--${e}`,
|
|
26
|
+
className: `${s}--selection--button${a.icon ? " icon" : ""}`,
|
|
27
|
+
role: "tab",
|
|
28
|
+
"aria-controls": `tab--${e}`,
|
|
29
|
+
"aria-selected": e === t,
|
|
30
|
+
title: a.label,
|
|
31
|
+
tabIndex: e === t ? 0 : -1,
|
|
32
|
+
children: [
|
|
33
|
+
/* @__PURE__ */ l("span", { className: `${s}--selection--label`, children: a.label }),
|
|
34
|
+
a.icon && /* @__PURE__ */ l(u, { name: a.icon.name, hidden: a.icon.hidden })
|
|
35
|
+
]
|
|
36
|
+
}
|
|
37
|
+
)
|
|
38
|
+
},
|
|
39
|
+
`#tab--${e}`
|
|
40
|
+
)) }),
|
|
41
|
+
/* @__PURE__ */ l(
|
|
42
|
+
"div",
|
|
43
|
+
{
|
|
44
|
+
className: `${s}--content`,
|
|
45
|
+
role: "tabpanel",
|
|
46
|
+
"aria-labelledby": `tab--${t}`,
|
|
47
|
+
tabIndex: 0,
|
|
48
|
+
children: c[t].content
|
|
49
|
+
}
|
|
50
|
+
)
|
|
51
|
+
] });
|
|
52
|
+
}, g = v;
|
|
53
|
+
export {
|
|
54
|
+
g as T
|
|
55
|
+
};
|