@ilo-org/react 0.24.5 → 0.25.0

package/lib/types/components/Image/Image.props.d.ts

@@ -1,3 +1,5 @@
+import { ThemeTypes } from '../../types';
+
 export interface ImageUrl {
     /**
      * Specify the breakpoint at which this image src should be used
@@ -33,4 +35,8 @@ export interface ImageProps {
      * Value to pass to lading attribute
      */
     loading?: "lazy" | "eager";
+    /**
+     * Will render the component to appear on light or dark backgrounds
+     */
+    theme?: ThemeTypes;
 }

package/lib/types/components/Tabs/Tabs.props.d.ts

@@ -19,6 +19,10 @@ export interface TabsProps {
      * Specify the default active tab
      */
     defaultActiveTab?: number;
+    /**
+     * Allows you to override the default tab behaviour and set the active tab programatically
+     */
+    activeTab?: number;
 }
 export interface TabItem {
     icon?: IconProps;

package/lib/types/components/index.d.ts

@@ -15,7 +15,6 @@ export { Notification } from './Notification';
 export { ReadMore } from './ReadMore';
 export { Textarea } from './Textarea';
 export { Callout } from './Callout';
-export { Credit } from './Credit';
 export { FileUpload } from './FileUpload';
 export { Heading } from './Heading';
 export { Link } from './Link';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.24.5",
+  "version": "0.25.0",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -73,9 +73,9 @@
     "video.js": "^7.21.2",
     "videojs-youtube": "^3.0.1",
     "@ilo-org/brand-assets": "1.0.1",
-    "@ilo-org/fonts": "1.0.0",
-    "@ilo-org/icons-react": "1.0.3",
-    "@ilo-org/styles": "1.8.5",
+    "@ilo-org/fonts": "2.0.0",
+    "@ilo-org/icons-react": "1.0.4",
+    "@ilo-org/styles": "1.9.0",
     "@ilo-org/themes": "0.9.1",
     "@ilo-org/utils": "0.1.1"
   },

package/lib/cjs/_store/Accordion-entry-Du65VJ-p.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),o=require("react"),h=require("./useGlobalSettings-chunk-DEacV16j.js"),f=require("./index-chunk-D921N0ug.js"),j=o.createContext(void 0),N=o.forwardRef(({size:n="small",scrollable:x=!1,multiple:r=!0,value:b,onChange:a,children:e,className:t},i)=>{const{prefix:l}=h.useGlobalSettings(),[d,u]=o.useState(b||r?[]:""),s=o.useCallback(m=>{a?a(m):u(m)},[a,u]);return c.jsx(j.Provider,{value:{size:n,multiple:r,scrollable:x,value:d,onChange:s},children:c.jsx("ul",{ref:i,className:f.classnames(`${l}--accordion`,t),children:e})})}),A=o.forwardRef(({value:n,children:x,label:r,className:b},a)=>{const{prefix:e}=h.useGlobalSettings(),t=o.useContext(j);if(!t)throw new Error("AccordionItem must be used within an Accordion");const{value:i,onChange:l,multiple:d,scrollable:u}=t,s=d?i.includes(n):i===n;function m(){if(d){const $=i,p=s?$.filter(g=>g!==n):[...$,n];l(p)}else l(s?"":n)}return c.jsxs("li",{ref:a,className:f.classnames(`${e}--accordion-item`,b),children:[c.jsx("div",{className:`${e}--h3`}),c.jsxs("button",{onClick:m,className:`${e}--accordion--button ${e}--accordion--button__${t.size}`,"aria-expanded":s,"aria-controls":n,children:[c.jsx("span",{className:`${e}--accordion--label`,children:r}),c.jsx("span",{className:`${e}--accordion--icon`})]}),c.jsx("div",{className:f.classnames(`${e}--accordion--panel`,{[`${e}--accordion--panel__open`]:s,[`${e}--accordion--panel__scroll`]:u}),role:"region","aria-hidden":!s,children:c.jsx("div",{className:`${e}--accordion--innerpanel`,children:x})})]})}),C=Object.assign(N,{Item:A});exports.Accordion=C;

package/lib/cjs/_store/CardGroup-chunk-DVgx8_lR.js

@@ -1 +0,0 @@
-"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;

package/lib/cjs/_store/Checkbox-chunk-CDFIXTn9.js

@@ -1 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),d=require("react"),E=require("./index-chunk-D921N0ug.js"),R=require("./useGlobalSettings-chunk-DEacV16j.js"),S=require("./Fieldset-chunk-Dykzn_3y.js"),f=require("./FormControl-chunk-Bv623HDr.js"),L=require("./usePrevious-chunk-DENrwKF1.js"),P=d.forwardRef((s,c)=>{const{onChange:r,onBlur:l,disabled:a=!1,error:e,id:o,name:t,required:n,defaultChecked:h=!1,checked:x,value:m}=s,{prefix:k}=R.useGlobalSettings(),{setHasError:u}=S.useFieldsetError(),q=f.useFormControl(),{ariaDescribedBy:y}=q,b=`${k}--checkbox`,g=`${b}__error`,F=E.classnames(b,{[g]:e}),C=L.usePrevious(e);d.useEffect(()=>{e!==C&&u(!!e)},[e,C,u]);const j=v=>{r&&r(v)};return i.jsx("input",{ref:c,id:o||t,name:t,onChange:j,onBlur:l,disabled:a,required:n,type:"checkbox",className:F,defaultChecked:h,"aria-describedby":y,checked:x,value:m})}),$=d.forwardRef((s,c)=>{const r=s.id?s.id:s.name,{style:l,inputStyle:a,className:e,labelPlacement:o="end",labelSize:t="small",...n}=s;return i.jsx(f.FormControl,{fieldId:r,style:l,className:e,labelPlacement:o,labelSize:t,...n,children:i.jsx(P,{ref:c,style:a,...n})})}),w=$;exports.LabelledCheckbox=w;

package/lib/cjs/_store/Checkbox-entry-DNbcaLP7.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Checkbox-chunk-CDFIXTn9.js"),o=3,e={label:"Checkbox",className:"checkbox",name:"checkbox"},b=Array(o).map((s,c)=>({...e,id:`checkbox-${c}`})),h={...e,defaultChecked:!0},r={...e,error:!0},k=Array(o).map((s,c)=>({...r,id:`checkbox-${c}`})),a={basic:e,basicCheckBoxes:b,errorCheckBoxes:k,checked:h,error:r},x=a;exports.Checkbox=t.LabelledCheckbox;exports.CheckboxArgs=x;

package/lib/cjs/_store/ContextMenu-chunk-LNOPuIui.js

@@ -1 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),c=require("react"),a=require("./index-chunk-D921N0ug.js"),x=require("./useGlobalSettings-chunk-DEacV16j.js"),i=require("react-dom"),d=c.forwardRef(({className:o,links:r,withPortal:l=!1},u)=>{const{prefix:s}=x.useGlobalSettings(),m=c.useId(),t=n.jsx("ol",{className:a.classnames(`${s}--context-menu`,o),id:`${s}--context-menu-${m}`,ref:u,children:r.map(e=>n.jsx("li",{className:a.classnames(`${s}--context-menu--item`,{endsection:e.endsection,className:e.className}),children:e.component?n.jsx(e.component,{className:`${s}--context-menu--link`,href:e.url,...e.componentProps,children:n.jsx("span",{className:`${s}--context-menu--label`,children:e.label})}):n.jsx("a",{href:e.url,className:`${s}--context-menu--link`,children:n.jsx("span",{className:`${s}--context-menu--label`,children:e.label})})},`${e.label}-${e.url}`))});return l?i.createPortal(t,document.body):t});exports.ContextMenu=d;

package/lib/cjs/_store/Credit-chunk-cffOG8ho.js

@@ -1 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),u=require("react"),d=require("./index-chunk-D921N0ug.js"),C=require("./useGlobalSettings-chunk-DEacV16j.js"),h=({className:r,credit:n})=>{const[i,e]=u.useState(!1),{prefix:c}=C.useGlobalSettings(),s=`${c}--credit`,o=d.classnames(r,{[s]:!0,show:i}),a=()=>{e(!0)},l=()=>{e(!1)};return t.jsx("span",{className:o,onMouseEnter:a,onMouseLeave:l,children:t.jsx("span",{className:`${s}--label`,children:n})})},p=h;exports.Credit=p;

package/lib/cjs/_store/Credit-entry-9uztmu2Z.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Credit-chunk-cffOG8ho.js");exports.Credit=e.Credit;

package/lib/cjs/_store/DatePicker-chunk-DouvjE3X.js

@@ -1 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),d=require("react"),j=require("./index-chunk-D921N0ug.js"),R=require("./useGlobalSettings-chunk-DEacV16j.js"),u=require("./FormControl-chunk-Bv623HDr.js"),p=d.forwardRef((e,n)=>{const{onChange:t,onBlur:a,disabled:o=!1,error:s,id:r,name:c,placeholder:m,required:C,max:b,min:f,step:x}=e,{prefix:l}=R.useGlobalSettings(),h=u.useFormControl(),{ariaDescribedBy:k}=h,q=`${l}--input`,y=`${l}--datepicker`,g=j.classnames(q,y,{error:s}),D=P=>{t&&t(P)};return i.jsx("input",{ref:n,type:"date",id:r||c,name:c,onChange:D,onBlur:a,disabled:o,placeholder:m,required:C,className:g,max:b,min:f,step:x,"aria-describedby":k})}),F=d.forwardRef((e,n)=>{const{style:t,inputStyle:a,className:o,...s}=e,r=e.id?e.id:e.name;return i.jsx(u.FormControl,{fieldId:r,style:t,className:o,...s,children:i.jsx(p,{ref:n,style:a,...s})})}),L=F;exports.LabelledDatePicker=L;

package/lib/cjs/_store/Dropdown-chunk-BjeJjYZD.js

@@ -1 +0,0 @@
-"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-Bv623HDr.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;

package/lib/cjs/_store/Empty-chunk-D15nltyD.js

@@ -1 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),i=require("./index-chunk-D921N0ug.js"),o=require("./useGlobalSettings-chunk-DEacV16j.js"),a=({className:s,style:e})=>{const{prefix:t}=o.useGlobalSettings(),n=`${t}--empty`,c=i.classnames(s,{[n]:!0});return r.jsx("div",{style:e,className:c})},u=a;exports.Empty=u;

package/lib/cjs/_store/FileUpload-chunk-CC1oePLc.js

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),m=require("react"),q=require("./index-chunk-D921N0ug.js"),M=require("./useGlobalSettings-chunk-DEacV16j.js"),x=require("./FormControl-chunk-Bv623HDr.js");function N(e,l=2){if(!+e)return"0 Bytes";const n=1024,a=l<0?0:l,o=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],t=Math.floor(Math.log(e)/Math.log(n));return`${parseFloat((e/Math.pow(n,t)).toFixed(a))} ${o[t]}`}const R=m.forwardRef(({onChange:e,onBlur:l,disabled:n=!1,error:a,id:o,multiple:t,name:c,placeholder:d,required:B,accept:h},F)=>{const{prefix:$}=M.useGlobalSettings(),p=x.useFormControl(),{ariaDescribedBy:b}=p,i=`${$}--file-upload`,j=q.classnames(i,{error:a}),C=`${i}--input`,[u,g]=m.useState(null),y=r=>{const f=r.target.files;g(f),e&&e(r)},U=o||c;return s.jsxs(s.Fragment,{children:[s.jsx("div",{className:j,children:s.jsxs("label",{className:C,children:[d,s.jsx("input",{ref:F,id:U,name:c,accept:h,onChange:y,onBlur:l,disabled:n,multiple:t,placeholder:d,required:B,type:"file","data-label":d,"aria-describedby":b})]})}),u&&u.length>0&&s.jsx("ul",{className:`${i}--list`,children:[...u].map((r,f)=>s.jsx("li",{className:`${i}--list-item`,children:`${r.name} (${N(r.size)})`},`${i}--list-item-${f}`))})]})}),S=m.forwardRef((e,l)=>{const{style:n,inputStyle:a,className:o,...t}=e,c=e.id?e.id:e.name;return s.jsx(x.FormControl,{fieldId:c,style:n,className:o,...t,children:s.jsx(R,{ref:l,style:a,...t})})}),w=S;exports.LabelledFileUpload=w;

package/lib/cjs/_store/FormControl-chunk-Bv623HDr.js

@@ -1 +0,0 @@
-"use strict";const l=require("react/jsx-runtime"),h=require("./index-chunk-D921N0ug.js"),a=require("react"),U=require("./useGlobalSettings-chunk-DEacV16j.js"),V=require("./Tooltip-chunk-CQu5vz01.js"),E=require("./Form-chunk-Bhz_CsMf.js");let $=(t=21)=>crypto.getRandomValues(new Uint8Array(t)).reduce((e,s)=>(s&=63,s<36?e+=s.toString(36):s<62?e+=(s-26).toString(36).toUpperCase():s>62?e+="-":e+="_",e),"");function H(t="",{tooltip:e,helper:s,errorMessage:n}={}){return{tooltipId:e&&`${t}--tooltip--${$()}`,helperId:s&&`${t}--helper--${$()}`,errorId:n&&`${t}--error--${$()}`}}function J(t,e){const{tooltipId:s,helperId:n,errorId:c}=t,r=h.classnames(s,{[`${n}`]:!e,[`${c}`]:e});if(!(!r||r==="undefined"))return r}const f=a.createContext({}),K=()=>a.useContext(f),L=({children:t,className:e,label:s,helper:n,errorMessage:c,tooltip:r,style:F,error:i,disabled:b,fieldId:I,theme:j="light",labelSize:g="medium",labelPlacement:v="top"})=>{const{prefix:q}=U.useGlobalSettings(),{theme:S}=E.useFormContext(),d=S||j,o=`${q}--form-control`,B=a.useMemo(()=>H(o,{helper:n,errorMessage:c,tooltip:r}),[o,n,c,r]),{tooltipId:m,helperId:u,errorId:C}=B,[N,T]=a.useState(void 0);a.useEffect(()=>{T(J({tooltipId:m,helperId:u,errorId:C},i))},[m,u,C,i]);const A={ariaDescribedBy:N},D=`${o}__error`,w=`${o}__disabled`,y=`${o}__label-placement__${v}`,R=`${o}__theme__${d}`,k=h.classnames(o,e,y,R,[{[D]:i},{[w]:b}]),p=`${o}--label`,z=`${p}__size__${g}`,G=h.classnames(p,z),_=`${o}--helper`,x=!!i&&!!c,P=!x&&!!n;return l.jsx(f.Provider,{value:A,children:l.jsxs("div",{className:k,style:F,children:[l.jsxs("span",{className:G,children:[l.jsx("label",{htmlFor:I,children:s}),r&&l.jsx(V.Tooltip,{id:m,className:`${o}--legend--tooltip`,icon:!0,label:r,theme:d==="dark"?"light":"dark",iconTheme:d})]}),t,P&&l.jsx("span",{id:u,className:_,children:n}),x&&l.jsx("span",{id:C,className:_,"aria-live":"assertive",children:c})]})})},O=L;exports.FormControl=O;exports.useFormControl=K;

package/lib/cjs/_store/FormElement-chunk-B8x3bzQh.js

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),n=({children:t})=>e.jsx(e.Fragment,{children:t}),r=n;exports.FormElement=r;

package/lib/cjs/_store/GlobalProvider-chunk-Bt1vmswv.js

@@ -1 +0,0 @@
-"use strict";const o=require("react/jsx-runtime"),t=require("./GlobalCtx-chunk-D_GlGcgw.js"),l={value:"ilo",comment:"the prefix namespace for the theme"},i=({prefix:e=l.value,children:r})=>o.jsx(t.GlobalProviderContext.Provider,{value:{prefix:e},children:r}),a=i;exports.GlobalProvider=a;

package/lib/cjs/_store/Heading-chunk-COxtDw0v.js

@@ -1 +0,0 @@
-"use strict";const u=require("react/jsx-runtime"),g=require("./index-chunk-D921N0ug.js"),d=require("./useGlobalSettings-chunk-DEacV16j.js"),l=({level:s="h3",children:t,className:a,type:e,...i})=>{const{prefix:c}=d.useGlobalSettings(),o=s,n=`${c}--${s}`,r=g.classnames(a,{[n]:!0,[`${n}--${e}`]:e});return u.jsx(o,{className:r,...i,children:t})},$=l;exports.Heading=$;

package/lib/cjs/_store/HeroCard-chunk-Dx88UJpE.js

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),j=require("react"),_=require("./index-chunk-D921N0ug.js"),m=require("./SocialMedia-chunk-BnyEyk0Y.js"),d=require("./useGlobalSettings-chunk-DEacV16j.js"),N=({title:c,url:r})=>{const{prefix:n}=d.useGlobalSettings(),a=`${n}--hero-card--title`;return r?e.jsx("a",{className:`${a}-link`,href:r,children:e.jsx("h1",{className:a,children:c})}):e.jsx("h1",{className:a,children:c})},b=j.forwardRef(({className:c,theme:r="dark",background:n="solid",cornercut:a=!0,eyebrow:t,title:u,url:x,intro:i,datecopy:l,socialmedia:o},h)=>{const{prefix:$}=d.useGlobalSettings(),s=`${$}--hero-card`;return e.jsxs("div",{ref:h,className:_.classnames({[s]:!0,[`${s}__background__${n}`]:!0,[`${s}__theme__${r}`]:!0,[`${s}__cornercut`]:a,className:c}),children:[t&&e.jsx("p",{className:`${s}--eyebrow`,children:t}),e.jsx(N,{title:u,url:x}),i&&e.jsx("p",{className:`${s}--intro`,children:i}),l&&e.jsx("p",{className:`${s}--datecopy`,children:l}),o&&e.jsx(m.SocialMedia,{...o,theme:r})]})});exports.HeroCard=b;