@ilo-org/react 0.18.0 → 0.18.2

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.2",
   "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/icons-react": "1.0.1",
-    "@ilo-org/styles": "1.2.2",
+    "@ilo-org/fonts": "1.0.0",
+    "@ilo-org/icons-react": "1.0.2",
+    "@ilo-org/styles": "1.3.0",
     "@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;