@ilo-org/react 0.18.0 → 0.18.1

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

@@ -11,7 +11,7 @@ export interface AccordionProps {
     /**
      * Callback to onButtonClick event;
      */
-    onButtonClick?: (e: MouseEvent<HTMLButtonElement>, i: any) => void;
+    onButtonClick?: (e: MouseEvent<HTMLButtonElement>, i: unknown) => void;
     /**
      * Allow multiple accordions to be expanded at once, default value is false
      */
@@ -30,5 +30,5 @@ export interface AccordionContextProps {
     getUpdatedItems: typeof getUpdatedItems;
     setActiveItems: Dispatch<SetStateAction<string[]>>;
     allowMultipleExpanded: boolean;
-    onButtonClick?: (e: MouseEvent<HTMLButtonElement>, i: any) => void;
+    onButtonClick?: (e: MouseEvent<HTMLButtonElement>, i: unknown) => void;
 }

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

@@ -5,7 +5,7 @@ export interface ButtonProps {
     /**
      * Specify the callback of your Button.
      */
-    callback?: (e: React.MouseEvent<Element, MouseEvent>) => any;
+    callback?: (e: React.MouseEvent<Element, MouseEvent>) => unknown;
     /**
      * Specify the content of your Button.
      */

package/lib/types/components/Cards/DataCard/DataCard.props.d.ts

@@ -1,7 +1,7 @@
 import { CardSize } from '../../../types';
 import { LinkProps } from '../../LinkList/LinkList.props';
 
-export type DataCardProps = {
+export interface DataCardProps {
     /**
      * A line of text that appears as a small heading at the top of the card
      */
@@ -22,7 +22,7 @@ export type DataCardProps = {
      * Make the content appear in one or two columns. Only applies when the size is set to `wide` or `fluid`
      */
     columns?: string;
-};
+}
 interface CardDataset {
     content?: DataContent;
     files?: DataFile;

package/lib/types/components/Cards/DetailCard/DetailCard.props.d.ts

@@ -1,6 +1,6 @@
 import { CardSize, EventDate, HeadingTypes } from '../../../types';
 
-export type DetailCardProps = {
+export interface DetailCardProps {
     /**
      * A line of text that appears as a small heading above the title of the card
      */
@@ -37,4 +37,4 @@ export type DetailCardProps = {
      * How big should the card be
      */
     size?: Omit<CardSize, "standard">;
-};
+}

package/lib/types/components/Cards/FactlistCard/FactListCard.props.d.ts

@@ -1,6 +1,6 @@
 import { ThemeTypes, CardSize, HeadingTypes } from '../../../types';
 
-export type FactlistCardProps = {
+export interface FactlistCardProps {
     /**
      * The title of the card
      */
@@ -18,4 +18,4 @@ export type FactlistCardProps = {
      */
     size?: Omit<CardSize, "standard">;
     list?: string[];
-};
+}

package/lib/types/components/Cards/FeatureCard/FeatureCard.props.d.ts

@@ -1,7 +1,7 @@
 import { ThemeTypes, CardSize, EventDate, HeadingTypes } from '../../../types';
 import { LinkListProps } from '../../LinkList/LinkList.props';
 
-export type FeatureCardProps = {
+export interface FeatureCardProps {
     isvideo?: boolean;
     /**
      * A line of text that appears as a small heading above the title of the card
@@ -33,4 +33,4 @@ export type FeatureCardProps = {
      * The image to show in the card
      */
     image?: string;
-};
+}

package/lib/types/components/Cards/MultilinkCard/MultilinkCard.props.d.ts

@@ -1,7 +1,7 @@
 import { CardAlignment, CardSize, HeadingTypes } from '../../../types';
 import { LinkListProps } from '../../LinkList/LinkList.props';
 
-export type MultilinkCardProps = {
+export interface MultilinkCardProps {
     isvideo?: boolean;
     /**
      * A line of text that appears as a small heading above the title of the card
@@ -27,4 +27,4 @@ export type MultilinkCardProps = {
      * The image to show in the card
      */
     image?: string;
-};
+}

package/lib/types/components/Cards/PromoCard/PromoCard.props.d.ts

@@ -1,7 +1,7 @@
 import { ThemeTypes, CardCornerType, CardSize, HeadingTypes } from '../../../types';
 import { LinkProps } from '../../LinkList/LinkList.props';
 
-export type PromoCardProps = {
+export interface PromoCardProps {
     /**
      * A line of text that appears as a small heading above the title of the card
      */
@@ -32,4 +32,4 @@ export type PromoCardProps = {
     intro?: string;
     link?: string;
     cta?: LinkProps;
-};
+}

package/lib/types/components/Cards/StatCard/StatCard.props.d.ts

@@ -1,7 +1,7 @@
 import { CardColor, CardSize, HeadingTypes } from '../../../types';
 import { LinkProps } from '../../LinkList/LinkList.props';
 
-export type StatCardProps = {
+export interface StatCardProps {
     /**
      * The title of the card
      */
@@ -23,4 +23,4 @@ export type StatCardProps = {
      */
     intro?: string;
     source?: LinkProps;
-};
+}

package/lib/types/components/Cards/TextCard/TextCard.props.d.ts

@@ -1,7 +1,7 @@
 import { ThemeTypes, CardSize, EventDate, HeadingTypes } from '../../../types';
 import { ProfileProps } from '../../Profile/Profile.props';
 
-export type TextCardProps = {
+export interface TextCardProps {
     /**
      * A line of text that appears as a small heading above the title of the card
      */
@@ -28,4 +28,4 @@ export type TextCardProps = {
     date?: EventDate;
     profile: ProfileProps;
     link?: string;
-};
+}

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

@@ -4,7 +4,7 @@ export interface InputProps {
     /**
      * The input's onChange callback.
      */
-    callback?: (e: React.ChangeEvent<HTMLInputElement>) => any;
+    callback?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
     /**
      * Specify an optional className to be added to your input.
      */

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

@@ -2,7 +2,7 @@ export interface PaginationProps {
     /**
      * Specify the callback of your Button.
      */
-    callback: (e: React.MouseEvent<Element, MouseEvent>) => any;
+    callback: (e: React.MouseEvent<Element, MouseEvent>) => unknown;
     /**
      * Specify an optional className to be added to your Pagination component.
      */

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

@@ -18,7 +18,7 @@ export interface SearchFieldProps {
     /**
      * The search field submit button's click function.
      */
-    callback?: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => any;
+    callback?: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => unknown;
     /**
      * Specify an optional className to be added to your Button.
      */

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

@@ -5,7 +5,7 @@ export interface TagProps {
     /**
      * Callback to event;
      */
-    callback?: (e: React.MouseEvent<HTMLButtonElement>) => any;
+    callback?: (e: React.MouseEvent<HTMLButtonElement>) => unknown;
     /**
      * Specify the label for the tag
      */

package/lib/types/components/Tag/TagSet.props.d.ts

@@ -9,7 +9,7 @@ export interface TagSetProps {
     /**
      * Callback to onButtonClick event;
      */
-    onButtonClick?: (e: React.MouseEvent<HTMLButtonElement>, i: number) => any;
+    onButtonClick?: (e: React.MouseEvent<HTMLButtonElement>, i: number) => unknown;
     /**
      * Specify the content of your Tag.
      */

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

@@ -4,7 +4,7 @@ export interface TextareaProps extends FormFieldProps<HTMLTextAreaElement> {
     /**
      * The Textarea's onChange callback.
      */
-    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => any;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => unknown;
     /**
      * Activate automatic spelling correction and processing of text substitutions
      **/

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

@@ -17,6 +17,6 @@ export interface ToggleProps extends FormFieldProps<HTMLInputElement> {
     /**
      * OnClick handler for the input element.
      */
-    onClick?: (event: React.MouseEvent<HTMLInputElement>) => any;
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => unknown;
 }
 export type LabelledToggleProps = LabelledFormFieldProps<ToggleProps>;

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

@@ -31,19 +31,19 @@ export type CardCornerType = boolean;
 export type CardAlignment = "left" | "right";
 export type CardTypes = "stat" | "multilink" | "text" | "promo" | "feature" | "detail" | "factlist" | "data";
 export type HeadingTypes = "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-export type EventDate = {
+export interface EventDate {
     unix?: string;
     human?: string;
-};
+}
 export interface FormFieldProps<T> {
     /**
      * The input's onChange callback.
      */
-    onChange?: (e: React.ChangeEvent<T>) => any;
+    onChange?: (e: React.ChangeEvent<T>) => unknown;
     /**
      * The input's onBlur callback.
      */
-    onBlur?: (e: React.FocusEvent<T>) => any;
+    onBlur?: (e: React.FocusEvent<T>) => unknown;
     /**
      * Specify an optional className to be added to your input.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.18.0",
+  "version": "0.18.1",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -71,10 +71,10 @@
     "react-transition-group": "^4.4.1",
     "video.js": "^7.21.2",
     "videojs-youtube": "^3.0.1",
-    "@ilo-org/fonts": "1.0.0",
     "@ilo-org/brand-assets": "1.0.0",
+    "@ilo-org/fonts": "1.0.0",
     "@ilo-org/icons-react": "1.0.1",
-    "@ilo-org/styles": "1.2.2",
+    "@ilo-org/styles": "1.2.3",
     "@ilo-org/themes": "0.9.1",
     "@ilo-org/utils": "0.1.1"
   },
@@ -111,9 +111,9 @@
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-static-copy": "^1.0.6",
     "vitest": "^2.0.5",
-    "@ilo-org/eslint-config": "1.0.0",
-    "@ilo-org/typescript-config": "1.0.0",
-    "@ilo-org/prettier-config": "1.0.0"
+    "@ilo-org/eslint-config": "2.0.0",
+    "@ilo-org/prettier-config": "2.0.0",
+    "@ilo-org/typescript-config": "2.0.0"
   },
   "peerDependencies": {
     "react": "18",
@@ -128,8 +128,6 @@
     "build:docs": "storybook build",
     "check": "tsc --noEmit --p tsconfig.build.json",
     "dev:lib": "vite build --watch",
-    "format": "prettier --check . --ignore-path ../../.prettierignore",
-    "format:fix": "prettier --write . --ignore-path ../../.prettierignore",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "storybook": "storybook dev -p 6006",

package/lib/cjs/_store/Accordion-chunk-C0MtnZLX.js

@@ -1 +0,0 @@
-"use strict";const a=require("react/jsx-runtime"),p=require("./index-chunk-DCI82Tmm.js"),t=require("react"),$=require("./useGlobalSettings-chunk-Pa38w6VS.js"),f=require("./checkArrayDuplicates-chunk-Bqxwhc1q.js"),b=t.createContext({}),h=t.createContext({}),I=({children:c,className:o,...r})=>{const{prefix:e}=$.useGlobalSettings(),l=`${e}--accordion--button`,{activeItems:s,setActiveItems:u,getUpdatedItems:C,allowMultipleExpanded:x,onButtonClick:d}=t.useContext(b),{id:n}=t.useContext(h),i=s.indexOf(n)>-1,m=p.classnames(o,{[l]:!0}),v=(g,A)=>{u(C({id:A,itemStatuses:s,allowMultipleExpanded:x})),d&&d(g,A),g.currentTarget.blur()};return a.jsx("div",{className:`${e}--h3`,children:a.jsx("button",{className:m,"aria-expanded":i,onClick:g=>v(g,n),"aria-controls":`panel-${n}`,id:`button-${n}`,...r,children:c})})},S=I,j=({children:c,className:o,scroll:r,...e})=>{const{activeItems:l}=t.useContext(b),{id:s}=t.useContext(h),[u,C]=t.useState(0),x=l.indexOf(s)>-1,{prefix:d}=$.useGlobalSettings(),n=`${d}--accordion--panel`,i=p.classnames(o,n,{[`${n}__scroll`]:r,[`${n}--open`]:x}),m=t.useRef();return t.useLayoutEffect(()=>{m.current&&C(m.current.scrollHeight)}),a.jsx("div",{className:i,id:`panel-${s}`,"aria-labelledby":`button-${s}`,role:"region",ref:m,style:{"--height":`${u}px`},...e,children:a.jsx("div",{className:`${d}--accordion--innerpanel`,children:c})})},N=j,P=({children:c,id:o,className:r,...e})=>{const{prefix:l}=$.useGlobalSettings(),s=`${l}--accordion--item`,u=p.classnames(r,{[s]:!0});return a.jsx(h.Provider,{value:{id:o},children:a.jsx("li",{className:u,...e,children:c})})},q=P,y=({children:c,allowMultipleExpanded:o=!1,onButtonClick:r,defaultAccordionsExpanded:e=[],className:l})=>{const{prefix:s}=$.useGlobalSettings(),u=`${s}--accordion`,[C,x]=t.useState([]),d=p.classnames(l,{[u]:!0}),n=JSON.stringify(e);if(t.useEffect(()=>{const i=o?e:e.length>0?[e[0]]:e;x(i)},[n,o]),c){const i=[];t.Children.forEach(c,m=>{i.push(m.props.id)}),f.checkArrayDuplicates(i)&&console.warn("Warning: Accordion items must have unique ids.")}return a.jsx(b.Provider,{value:{activeItems:C,setActiveItems:x,getUpdatedItems:f.e,allowMultipleExpanded:o,onButtonClick:r},children:a.jsx("ul",{className:d,children:c})})},k=y;exports.Accordion=k;exports.AccordionButton=S;exports.AccordionItem=q;exports.AccordionPanel=N;

package/lib/cjs/_store/CardGroup-chunk-DhFE-J5O.js

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),o=require("./index-chunk-DCI82Tmm.js"),x=require("./useGlobalSettings-chunk-Pa38w6VS.js"),b=require("./Button-chunk-0TEubQS1.js"),j=require("./Link-chunk-B_ZIovS2.js"),N=require("./LinkList-chunk-Dv-cNPfH.js"),C=require("./Profile-chunk-BH98cR85.js"),h=require("./ListItem-chunk-CHb4_N2-.js"),f=({eyebrow:$,size:r="narrow",image:i,dataset:c,columns:m="one"})=>{const{prefix:t}=x.useGlobalSettings(),a=`${t}--card`,n=o.classnames(a,`${a}__type__data`,{[`${a}__size__${r}`]:r,[`${a}__type__data__columns__${m}`]:m});return s.jsx("div",{className:n,children:s.jsxs("div",{className:`${a}--wrap`,children:[$&&s.jsx("p",{className:`${a}--eyebrow`,children:$}),s.jsxs("div",{className:`${a}--content`,children:[i&&s.jsx("div",{className:`${a}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${a}--picture`,src:i,alt:$})})}),c&&c.content&&c.content.items&&c.content.items.map(d=>s.jsxs("div",{className:`${a}--area--content`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:d.label}),s.jsx("p",{className:`${a}__type__data--content-copy`,children:d.copy})]})),c&&c.files&&s.jsxs("div",{className:`${a}--data--content-files`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:c.files.headline}),c.files.items&&c.files.items.map(d=>s.jsx("a",{className:`${a}--data--file ${t}--button ${t}--button--primary ${t}--button--small`,href:d.url,download:!0,children:s.jsx("span",{className:"button__label",children:d.label})}))]}),c&&c.cta&&s.jsx("div",{className:`${a}--area--cta`,children:s.jsxs("div",{className:`${a}--data--content-cta`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:c.cta.headline}),c.cta.items&&c.cta.items.map(d=>s.jsx("a",{className:`${a}--cta ${t}--button ${t}--button--medium ${t}--button--secondary`,href:d.url,children:s.jsx("span",{className:"link__label",children:d.label})}))]})}),c&&c.links&&s.jsxs("div",{className:`${a}--data--content-links`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:c.links.headline}),c.links.items&&c.links.items.map(d=>s.jsxs(s.Fragment,{children:[s.jsx(j.Link,{url:d.url,children:d.label}),s.jsx("span",{children:"  "})]}))]})]})]})})},w=({eyebrow:$,title:r,size:i="narrow",intro:c,date:m,eventdetails:t,link:a,image:n,titleLevel:d})=>{const{prefix:_}=x.useGlobalSettings(),l=`${_}--card`,e=o.classnames(l,`${l}__type__detail`,{[`${l}__action`]:a,[`${l}__size__${i}`]:i});return s.jsxs("div",{className:e,children:[a&&s.jsx("a",{className:`${l}--link`,href:a,title:r,children:s.jsx("span",{className:`${l}--link--text`,children:r})}),s.jsxs("div",{className:`${l}--wrap`,children:[n&&s.jsx("div",{className:`${l}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${l}--picture`,src:n,alt:r})})}),s.jsxs("div",{className:`${l}--content`,children:[$&&s.jsx("p",{className:`${l}--eyebrow`,children:$}),r&&d?s.jsx(d,{className:`${l}--title`,children:r}):s.jsx("p",{className:`${l}--title`,children:r}),c&&s.jsx("p",{className:`${l}--intro`,children:c}),m&&s.jsx("time",{className:`${l}--date`,dateTime:m.unix,children:m.human}),t&&s.jsx("p",{className:`${l}--date-extra`,children:t})]})]})]})},y=({title:$,theme:r,size:i="narrow",list:c,titleLevel:m})=>{const{prefix:t}=x.useGlobalSettings(),a=`${t}--card`,n=o.classnames(a,`${a}__type__factlist`,{[`${a}__size__${i}`]:i,[`${a}__theme__${r}`]:r});return s.jsx("div",{className:n,children:s.jsx("div",{className:`${a}--wrap`,children:s.jsxs("div",{className:`${a}--content`,children:[$&&m?s.jsx(m,{className:`${a}--title`,children:$}):s.jsx("p",{className:`${a}--title`,children:$}),c&&s.jsx(h.List,{alignment:"default",ordered:"unordered",children:c.map((d,_)=>s.jsx(h.ListItem,{id:`list${_}`,children:s.jsx("p",{children:d})}))})]})})})},g=({isvideo:$,eyebrow:r,title:i,theme:c,size:m="narrow",date:t,link:a,linklist:n,image:d,titleLevel:_})=>{const{prefix:l}=x.useGlobalSettings(),e=`${l}--card`,p=o.classnames(e,`${e}__type__feature`,{[`${e}__action`]:a,[`${e}__size__${m}`]:m,[`${e}__isvideo`]:$,[`${e}__linklist`]:n,[`${e}__theme__${c}`]:c});return s.jsxs("div",{className:p,children:[a&&s.jsx("a",{className:`${e}--link`,href:a,title:i,children:s.jsx("span",{className:`${e}--link--text`,children:i})}),s.jsxs("div",{className:`${e}--wrap`,children:[d&&s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${e}--picture`,src:d,alt:i})})}),s.jsxs("div",{className:`${e}--content`,children:[r&&s.jsx("p",{className:`${e}--eyebrow`,children:r}),i&&_?s.jsx(_,{className:`${e}--title`,children:i}):s.jsx("p",{className:`${e}--title`,children:i}),t&&s.jsx("time",{className:`${e}--date`,dateTime:t.unix,children:t.human}),n&&s.jsx(N.LinkList,{headline:n.headline,linkgroup:n.linkgroup})]})]})]})},k=({isvideo:$,eyebrow:r,title:i,size:c="standard",alignment:m,intro:t,link:a,linklist:n,image:d,titleLevel:_})=>{const{prefix:l}=x.useGlobalSettings(),e=`${l}--card`,p=o.classnames(e,`${e}__type__multilink`,{[`${e}__align__${m}`]:m,[`${e}__action`]:a,[`${e}__size__${c}`]:c,[`${e}__isvideo`]:$,[`${e}__linklist`]:n,[`${e}__no-image`]:!d});return s.jsxs("div",{className:p,children:[a&&s.jsx("a",{className:`${e}--link`,href:a,title:i,children:s.jsx("span",{className:`${e}--link--text`,children:i})}),s.jsxs("div",{className:`${e}--wrap`,children:[d&&s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${e}--picture`,src:d,alt:i})})}),s.jsxs("div",{className:`${e}--content`,children:[r&&s.jsx("p",{className:`${e}--eyebrow`,children:r}),i&&_?s.jsx(_,{className:`${e}--title`,children:i}):s.jsx("p",{className:`${e}--title`,children:i}),d&&s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${e}--picture`,src:d,alt:i})})}),t&&s.jsx("p",{className:`${e}--intro`,children:t}),n&&s.jsx(N.LinkList,{headline:n.headline,linkgroup:n.linkgroup})]})]})]})},L=({eyebrow:$,title:r,theme:i,size:c="narrow",cornercut:m,intro:t,link:a,cta:n,titleLevel:d})=>{const{prefix:_}=x.useGlobalSettings(),l=`${_}--card`,e=o.classnames(`${l}--wrapper`,`${l}--wrapper__type__promo ${l}--wrapper__type__promo__size__${c}`),p=o.classnames(l,`${l}__type__promo`,{[`${l}__cornercut`]:m,[`${l}__action`]:a,[`${l}__size__${c}`]:c,[`${l}__theme__${i}`]:i});return s.jsx("div",{className:e,children:s.jsxs("div",{className:p,children:[a&&s.jsx("a",{className:`${l}--link`,href:a,title:r,children:s.jsx("span",{className:`${l}--link--text`,children:r})}),s.jsx("div",{className:`${l}--wrap`,children:s.jsxs("div",{className:`${l}--content`,children:[$&&s.jsx("p",{className:`${l}--eyebrow`,children:$}),r&&d?s.jsx(d,{className:`${l}--title`,children:r}):s.jsx("p",{className:`${l}--title`,children:r}),t&&s.jsx("p",{className:`${l}--intro`,children:t}),n&&n.label&&s.jsx("a",{className:`${l}--cta ${_}--button ${_}--button--medium ${_}--button--primary`,href:n.url,children:s.jsx("span",{className:"link__label",children:n.label})})]})})]})})},G=({title:$,color:r,size:i="standard",intro:c,source:m,titleLevel:t})=>{const{prefix:a}=x.useGlobalSettings(),n=`${a}--card`,d=o.classnames(n,`${n}__type__stat`,{[`${n}__color__${r}`]:r,[`${n}__size__${i}`]:i});return s.jsx("div",{className:d,children:s.jsx("div",{className:`${n}--wrap`,children:s.jsxs("div",{className:`${n}--content`,children:[$&&t?s.jsx(t,{className:`${n}--title`,children:$}):s.jsx("p",{className:`${n}--title`,children:$}),c&&s.jsx("p",{className:`${n}--intro`,children:c}),m&&s.jsx(j.Link,{url:m.url,children:m.label})]})})})},S=({eyebrow:$,title:r,theme:i,size:c,date:m,profile:t,link:a,titleLevel:n})=>{const{prefix:d}=x.useGlobalSettings(),_=`${d}--card`,l=o.classnames(`${_}--wrapper`),e=o.classnames(_,`${_}__type__text`,{[`${_}__action`]:a,[`${_}__size__${c}`]:c,[`${_}__theme__${i}`]:i});return s.jsx("div",{className:l,children:s.jsxs("div",{className:e,children:[a&&s.jsx("a",{className:`${_}--link`,href:a,title:r,children:s.jsx("span",{className:`${_}--link--text`,children:r})}),s.jsx("div",{className:`${_}--wrap`,children:s.jsxs("div",{className:`${_}--content`,children:[$&&s.jsx("p",{className:`${_}--eyebrow`,children:$}),r&&n?s.jsx(n,{className:`${_}--title`,children:r}):s.jsx("p",{className:`${_}--title`,children:r}),m&&s.jsx("time",{className:`${_}--date`,dateTime:m.unix,children:m.human}),t&&t.avatar&&s.jsx(C.Profile,{avatar:t.avatar,description:t.description,link:t.link,name:t.name,role:t.role,className:`${d}--profile__theme__${i}`})]})})]})})},q={stat:G,multilink:k,text:S,promo:L,feature:g,detail:w,factlist:y,data:f},F=({cards:$,titleLevel:r="p",cardCount:i,cta:c,type:m,alignment:t,size:a,theme:n,collapsed:d=!1})=>{const _=q[m],{prefix:l}=x.useGlobalSettings(),e=`${l}--cardgroup`,p=o.classnames(e,`${e}__count__${i}`,{[`${e}__collapsed`]:d});return s.jsxs("div",{className:p,children:[s.jsx("div",{className:`${e}--inner`,children:$&&$.map((u,v)=>s.jsx(_,{...u,size:a,theme:n,alignment:t,titleLevel:r},v))}),c&&s.jsx("div",{className:`${e}--button-wrap`,children:s.jsx(b.Button,{kind:"button",type:"secondary",size:"medium",label:c.label,url:c.url})})]})},P=F;exports.CardGroup=P;

package/lib/cjs/_store/Footer-chunk-9dkCoi0B.js

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),$=require("./useGlobalSettings-chunk-Pa38w6VS.js"),u=require("./index-chunk-DCI82Tmm.js"),f=require("./LinkList-chunk-Dv-cNPfH.js"),g=require("./Button-chunk-0TEubQS1.js"),y=require("./SocialMedia-chunk-fLjmpXNC.js"),q=({className:m,logo:x,tagline:j,subtagline:N,address:r,linkgroup:d,socialmedia:n,subscribe:e,legal:h,secondarylinks:o,anchorlink:l})=>{const{prefix:i}=$.useGlobalSettings(),a=`${i}--footer`,v=u.classnames(m,a);return s.jsxs("footer",{className:v,children:[s.jsxs("div",{className:`${a}--main ${i}--container`,children:[s.jsxs("div",{className:"site--info",children:[s.jsx("img",{className:`${a}--logo`,src:x,alt:"ILO Logo"}),s.jsx("h3",{className:`${a}--headline`,children:j}),s.jsx("h4",{className:`${a}--subhead`,children:N})]}),r&&s.jsx("div",{className:"address",children:r.map((c,t)=>s.jsx("p",{className:"address--line",children:c},t))}),d&&s.jsx("nav",{className:"links",children:s.jsx(f.LinkList,{linkgroup:d,theme:"dark"})}),n&&s.jsx("div",{className:"connect",children:s.jsx("div",{className:"social--links",children:s.jsx(y.SocialMedia,{...n,theme:"dark"})})}),e&&s.jsx("div",{className:"subscribe",children:s.jsx(g.Button,{label:e==null?void 0:e.label,url:e==null?void 0:e.url,type:"primary",size:"large",target:"_blank"})})]}),s.jsx("div",{className:`${a}--secondary`,children:s.jsxs("div",{className:`${i}--container`,children:[s.jsxs("div",{className:`${a}--secondary--details`,children:[s.jsx("div",{className:"legal",children:h}),o&&s.jsx("nav",{className:"secondarylinks",children:s.jsx("ul",{className:"secondarylinks--list",children:o.map((c,t)=>s.jsx("li",{className:"secondarylinks--list--item",children:s.jsx("a",{href:c.url,className:"secondarylinks--list--link",children:c==null?void 0:c.label},t)}))})})]}),s.jsx("a",{href:l==null?void 0:l.url,className:"anchorlink",children:l==null?void 0:l.label})]})})]})},L=q;exports.Footer=L;

package/lib/cjs/_store/LogoGrid-entry-DfTqIeGY.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("./index-chunk-DCI82Tmm.js"),c=require("./useGlobalSettings-chunk-Pa38w6VS.js"),g=({url:o,label:t,src:i})=>{const{prefix:e}=c.useGlobalSettings(),r=`${e}--logo-grid--item`,l=`${e}--logo-grid--link`,n=a.classnames(r,{[l]:!!o});return o?s.jsx("a",{className:n,href:o,target:"_blank",rel:"noopener noreferrer",children:s.jsx("img",{alt:t,src:i})}):s.jsx("div",{className:n,children:s.jsx("img",{alt:t,src:i})})},d=({logos:o,theme:t="light"})=>{const{prefix:i}=c.useGlobalSettings(),e=`${i}--logo-grid`,r=`${e}__theme__${t}`,l=a.classnames(e,r);return s.jsx("div",{className:l,children:s.jsx("div",{className:`${e}--logos`,children:o.map(n=>s.jsx(g,{...n}))})})},m=d;exports.LogoGrid=m;

package/lib/cjs/_store/Radio-chunk-RnNWzYgj.js

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

package/lib/esm/_store/Collapse-entry-DH89iy1Y.js

@@ -1,4 +0,0 @@
-import { C as e } from "./Collapse-chunk-BVSI_9Dd.js";
-export {
-  e as Collapse
-};

package/lib/esm/_store/Footer-entry-B885hcUe.js

@@ -1,4 +0,0 @@
-import { F as e } from "./Footer-chunk-D6ig8l3Y.js";
-export {
-  e as Footer
-};

package/lib/esm/_store/Hero-entry-gNTc6gUC.js

@@ -1,5 +0,0 @@
-import { H as o, a as e } from "./Hero-chunk-HJvXvclG.js";
-export {
-  o as Hero,
-  e as HeroCard
-};

package/lib/esm/_store/Navigation-entry-Ch7YqW5b.js

@@ -1,4 +0,0 @@
-import { N as i } from "./Navigation-chunk-BL9t1Aze.js";
-export {
-  i as Navigation
-};

package/lib/esm/_store/SearchField-entry-DCMFJrVP.js

@@ -1,4 +0,0 @@
-import { S as a } from "./SearchField-chunk-BF-yCtvV.js";
-export {
-  a as SearchField
-};

package/lib/esm/_store/SocialMedia-chunk-CP4gdUdi.js

@@ -1,32 +0,0 @@
-import { jsxs as N, jsx as l } from "react/jsx-runtime";
-import { c as o } from "./index-chunk-0LeqwHm8.js";
-import { u as S } from "./useGlobalSettings-chunk-gkijV3S1.js";
-const b = ({
-  className: n,
-  theme: r = "light",
-  justify: m = "start",
-  headline: e,
-  icons: $,
-  iconSize: _ = "normal"
-}) => {
-  const { prefix: h } = S(), s = `${h}--social-media`, d = `${s}__theme__${r}`, C = `${s}__justify__${m}`, f = o(s, d, C, n), u = `${s}--headline`, i = `${s}--list`, c = `${i}--item`, t = `${c}--icon`, p = `${c}--icon__${_}`;
-  return /* @__PURE__ */ N("div", { className: f, children: [
-    e && /* @__PURE__ */ l("h5", { className: u, children: e }),
-    /* @__PURE__ */ l("ul", { className: i, children: $.map((a) => /* @__PURE__ */ l("li", { className: c, children: /* @__PURE__ */ l(
-      "a",
-      {
-        title: a.label,
-        className: o(
-          t,
-          p,
-          `${t}__${a.icon}`
-        ),
-        href: a.url,
-        children: a.label
-      }
-    ) })) })
-  ] });
-}, y = b;
-export {
-  y as S
-};

package/lib/esm/_store/Video-entry-DNXjIczI.js

@@ -1,4 +0,0 @@
-import { V as r } from "./Video-chunk-CDl9BbxW.js";
-export {
-  r as Video
-};