@ilo-org/react 0.19.0 → 0.20.0

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

@@ -1,5 +1,56 @@
-import { FC } from 'react';
-import { LinkProps } from './Link.props';
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+import { LinkTypes } from '../../types';
 
-declare const Link: FC<LinkProps>;
-export default Link;
+export type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
+    /**
+     * Specify the url for the link's href
+     */
+    url: string;
+    /**
+     * Specify the content of your Link.
+     */
+    children?: ReactNode;
+    /**
+     * Specify the label for the link
+     */
+    label?: string;
+    /**
+     * Specify the target for the link
+     */
+    target?: string;
+    /**
+     * Specify an optional className to be added to your Link.
+     */
+    theme?: LinkTypes;
+    /**
+     * Specify an optional className to be added to your Link.
+     */
+    className?: string;
+};
+declare const Link: import('react').ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & {
+    /**
+     * Specify the url for the link's href
+     */
+    url: string;
+    /**
+     * Specify the content of your Link.
+     */
+    children?: ReactNode;
+    /**
+     * Specify the label for the link
+     */
+    label?: string | undefined;
+    /**
+     * Specify the target for the link
+     */
+    target?: string | undefined;
+    /**
+     * Specify an optional className to be added to your Link.
+     */
+    theme?: LinkTypes | undefined;
+    /**
+     * Specify an optional className to be added to your Link.
+     */
+    className?: string | undefined;
+} & import('react').RefAttributes<HTMLAnchorElement>>;
+export { Link };

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

@@ -1 +1 @@
-export { default as Link } from './Link';
+export * from './Link';

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

@@ -1,5 +1,46 @@
-import { FC } from 'react';
-import { LinkListProps } from './LinkList.props';
+import { LinkListThemes } from '../../types';
 
-declare const LinkList: FC<LinkListProps>;
-export default LinkList;
+export type LinkProps = {
+    /**
+     * Specify if this link should indent and have a triangle icon
+     */
+    indented?: boolean;
+    /**
+     * Specify the label for this link
+     */
+    label: string;
+    /**
+     * Specify the url for this link
+     */
+    url: string;
+};
+export type LinkGroupProps = {
+    /**
+     * Specify an optional headline for this link group
+     */
+    headline?: string;
+    /**
+     * Specify the links to be displayed in this link group
+     */
+    links: Array<LinkProps>;
+};
+export type LinkListProps = {
+    /**
+     * Specify an optional className to be added to your Link List component.
+     */
+    className?: string;
+    /**
+     * Specify a headline for the the Link List
+     */
+    headline?: string;
+    /**
+     * Specify the links to be displayed in the Link List
+     */
+    linkgroup: Array<LinkGroupProps>;
+    /**
+     * Specify the theme for the Link List
+     */
+    theme?: LinkListThemes;
+};
+declare const LinkList: import('react').ForwardRefExoticComponent<LinkListProps & import('react').RefAttributes<HTMLDivElement>>;
+export { LinkList };

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

@@ -1 +1 @@
-export { default as LinkList } from './LinkList';
+export * from './LinkList';

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

@@ -1,5 +1,55 @@
-import { FC } from 'react';
-import { ListProps } from './List.props';
+import { HTMLAttributes, ReactNode } from 'react';
 
-declare const List: FC<ListProps>;
-export default List;
+export type ListProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The content of the list
+     */
+    children: ReactNode;
+    /**
+     * Specify an optional className to be added to your list.
+     */
+    className?: string;
+    /**
+     * The alignment of the list items
+     */
+    alignment?: "default" | "horizontal";
+    /**
+     * The type of list
+     */
+    ordered?: "unstyled" | "ordered" | "unordered";
+    /**
+     * The title of the list
+     */
+    title?: string;
+    /**
+     * The theme of the list
+     */
+    theme?: "light" | "dark";
+};
+declare const List: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The content of the list
+     */
+    children: ReactNode;
+    /**
+     * Specify an optional className to be added to your list.
+     */
+    className?: string | undefined;
+    /**
+     * The alignment of the list items
+     */
+    alignment?: "default" | "horizontal" | undefined;
+    /**
+     * The type of list
+     */
+    ordered?: "ordered" | "unstyled" | "unordered" | undefined;
+    /**
+     * The title of the list
+     */
+    title?: string | undefined;
+    /**
+     * The theme of the list
+     */
+    theme?: "light" | "dark" | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export { List };

package/lib/types/components/List/ListItem.d.ts

@@ -1,5 +1,23 @@
-import { FC } from 'react';
-import { ListItemProps } from './ListItem.props';
+import { HTMLAttributes, ReactNode } from 'react';
 
-declare const ListItem: FC<ListItemProps>;
-export default ListItem;
+export type ListItemProps = HTMLAttributes<HTMLLIElement> & {
+    /**
+     * Specify the content of your ListItem.
+     */
+    children: ReactNode;
+    /**
+     * Specify an optional className to be added to your ListItem.
+     */
+    className?: string;
+};
+declare const ListItem: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & {
+    /**
+     * Specify the content of your ListItem.
+     */
+    children: ReactNode;
+    /**
+     * Specify an optional className to be added to your ListItem.
+     */
+    className?: string | undefined;
+} & import('react').RefAttributes<HTMLLIElement>>;
+export { ListItem };

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

@@ -1,2 +1,18 @@
-export { default as List } from './List';
-export { default as ListItem } from './ListItem';
+import { ListProps } from './List';
+import { ListItemProps } from './ListItem';
+
+declare const List: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+    children: import('react').ReactNode;
+    className?: string | undefined;
+    alignment?: "default" | "horizontal" | undefined;
+    ordered?: "ordered" | "unstyled" | "unordered" | undefined;
+    title?: string | undefined;
+    theme?: "light" | "dark" | undefined;
+} & import('react').RefAttributes<HTMLDivElement>> & {
+    Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLLIElement> & {
+        children: import('react').ReactNode;
+        className?: string | undefined;
+    } & import('react').RefAttributes<HTMLLIElement>>;
+};
+export { List };
+export type { ListProps, ListItemProps };

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

@@ -1,5 +1,56 @@
-import { FC } from 'react';
-import { NotificationProps } from './Notification.props';
+import { NotificationPlacement, NotificationTypes } from '../../types';
 
-declare const Notification: FC<NotificationProps>;
-export default Notification;
+export type NotificationProps = {
+    /**
+     * Specify an optional className to be added to your Notification component.
+     */
+    className?: string;
+    /**
+     * Specify the label for the close button
+     */
+    closelabel?: string;
+    /**
+     * Specify the copy
+     */
+    copy: string;
+    /**
+     * Specify the settings for an option CTA
+     */
+    cta?: {
+        /**
+         * Specify the label of the CTA
+         */
+        label: string;
+        /**
+         * Specify the url of the CTA
+         */
+        url: string;
+    };
+    /**
+     * Specify the headline
+     */
+    headline?: Required<string>;
+    /**
+     * Specify whether the notification is inline in the DOM or absolutely-positioned at a higher z-index
+     */
+    placement?: NotificationPlacement;
+    /**
+     * Specify an optional timestamp
+     */
+    timestamp?: {
+        /**
+         * Specify the human-readable time
+         */
+        human: string;
+        /**
+         * Specify the UNIX timestamp
+         */
+        unix: string;
+    };
+    /**
+     * Specify the icon for the Notification
+     */
+    type?: NotificationTypes;
+};
+declare const Notification: import('react').ForwardRefExoticComponent<NotificationProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Notification };

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

@@ -1 +1 @@
-export { default as Notification } from './Notification';
+export * from './Notification';

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

@@ -1,5 +1,47 @@
-import { FC } from 'react';
-import { ProfileProps } from './Profile.props';
+import { ThemeTypes, SizeTypes } from '../../types';
 
-declare const Profile: FC<ProfileProps>;
-export default Profile;
+export type ProfileProps = {
+    /**
+     * Specify the theme for your profile component.
+     */
+    theme?: ThemeTypes;
+    /**
+     * Specify the size for your profile component.
+     */
+    size?: SizeTypes;
+    /**
+     * Specify an avatar to be added to your Profile component. Image *must* be a perfect square. CMS backend should provide a fallback if the avatar is not populated.
+     */
+    avatar: string;
+    /**
+     * Specify a role to be added to your Profile component.
+     */
+    role?: string;
+    /**
+     * Specify the name to be added to your Profile component.
+     */
+    name: string;
+    /**
+     * Specify an optional className to be added to your Profile component.
+     */
+    className?: string;
+    /**
+     * Specify an optional description to be added to your Profile component.
+     */
+    description?: string;
+    /**
+     * Specify an optional link to be added to your Profile component.
+     */
+    link?: {
+        /**
+         * Specify the label for the Profile's link
+         */
+        label: string;
+        /**
+         * Specify the url for the Profile's link
+         */
+        url: string;
+    };
+};
+declare const Profile: import('react').ForwardRefExoticComponent<ProfileProps & import('react').RefAttributes<HTMLElement>>;
+export { Profile };

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

@@ -1 +1 @@
-export { default as Profile } from './Profile';
+export * from './Profile';

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

@@ -1,45 +1,4 @@
-import { SocialTypes } from '../../types';
+import { SocialMediaProps } from './SocialMedia.props';
 
-export type SocialMediaIcons = {
-    /**
-     * The name of the icon to display
-     */
-    icon: SocialTypes;
-    /**
-     * The url to link to
-     */
-    url: string;
-    /**
-     * The alt text of the link
-     */
-    label: string;
-    className?: string;
-};
-export type SocialMediaProps = {
-    /**
-     * An optional headline to display above the icons
-     */
-    headline?: string;
-    /**
-     * Specify an optional className to be added to your SocialMedia.
-     */
-    className?: string;
-    /**
-     * Specify the theme of the SocialMedia.
-     */
-    theme?: "light" | "dark";
-    /**
-     * The justification of the icons
-     */
-    justify?: "start" | "center";
-    /**
-     * Specify the icons to display.
-     */
-    icons: SocialMediaIcons[];
-    /**
-     * The size of the social media icons
-     */
-    iconSize: "normal" | "large";
-};
 declare const SocialMedia: import('react').ForwardRefExoticComponent<SocialMediaProps & import('react').RefAttributes<HTMLDivElement>>;
-export { SocialMedia };
+export default SocialMedia;

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

@@ -0,0 +1,46 @@
+import { SocialTypes } from '../../types';
+
+export interface SocialMediaIcons {
+    /**
+     * The name of the icon to display
+     */
+    icon: SocialTypes;
+    /**
+     * The url to link to
+     */
+    url: string;
+    /**
+     * The alt text of the link
+     */
+    label: string;
+    /**
+     * An optional className to add to the icon
+     */
+    className?: string;
+}
+export interface SocialMediaProps {
+    /**
+     * An optional headline to display above the icons
+     */
+    headline?: string;
+    /**
+     * Specify an optional className to be added to your SocialMedia.
+     */
+    className?: string;
+    /**
+     * Specify the theme of the SocialMedia.
+     */
+    theme?: "light" | "dark";
+    /**
+     * The justification of the icons
+     */
+    justify?: "start" | "center";
+    /**
+     * Specify the icons to display.
+     */
+    icons: SocialMediaIcons[];
+    /**
+     * The size of the social media icons
+     */
+    iconSize: "normal" | "large";
+}

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

@@ -1 +1,3 @@
-export * from './SocialMedia';
+export { default as SocialMedia } from './SocialMedia';
+export type { SocialMediaProps, SocialMediaIcons } from './SocialMedia.props';
+export { socialMediaArgs } from './SocialMedia.args';

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

@@ -40,3 +40,5 @@ export { Navigation } from './Navigation';
 export { CardGroup } from './Cards/CardGroup';
 export { Breadcrumb } from './Breadcrumb';
 export { Tabs } from './Tabs';
+export * from './Cards';
+export * from './LanguageToggle';

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

@@ -24,7 +24,7 @@ export type NotificationTypes = "error" | "info" | "success" | "warning";
 export type PositionTypes = "top" | "bottom" | "left" | "right";
 export type SizeTypes = "small" | "medium" | "large";
 export type TagTypes = "anchor" | "display" | "button";
-export type SocialTypes = "facebook" | "x" | "instagram" | "linkedin" | "youtube" | "tiktok" | "flickr";
+export type SocialTypes = "facebook" | "x" | "instagram" | "linkedin" | "youtube" | "tiktok" | "flickr" | "wechat" | "weibo" | "bluesky";
 export type CardColor = "turquoise" | "green" | "yellow" | "blue";
 export type CardSize = "wide" | "standard" | "narrow" | "fluid";
 export type CardCornerType = boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -73,8 +73,8 @@
     "videojs-youtube": "^3.0.1",
     "@ilo-org/brand-assets": "1.0.0",
     "@ilo-org/fonts": "1.0.0",
-    "@ilo-org/icons-react": "1.0.2",
-    "@ilo-org/styles": "1.3.4",
+    "@ilo-org/icons-react": "1.0.3",
+    "@ilo-org/styles": "1.4.0",
     "@ilo-org/themes": "0.9.1",
     "@ilo-org/utils": "0.1.1"
   },
@@ -116,8 +116,8 @@
     "@ilo-org/typescript-config": "2.0.0"
   },
   "peerDependencies": {
-    "react": "18",
-    "react-dom": "18"
+    "react": "18 || 19",
+    "react-dom": "18 || 19"
   },
   "publishConfig": {
     "access": "public"

package/lib/cjs/_store/Button-chunk-7QGSjiJL.js

@@ -1 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),C=require("./index-chunk-DCI82Tmm.js"),k=require("./useGlobalSettings-chunk-Pa38w6VS.js"),I=require("./Link-chunk-B_ZIovS2.js"),$=require("./Icon-chunk-BiF41wYy.js"),L=({callback:i,className:h,disabled:m=!1,icon:t,icononly:r,iconPosition:x,kind:_="button",label:e,opensmodal:j,size:a="large",target:p="",type:c="primary",url:u,style:l,name:b})=>{const{prefix:f}=k.useGlobalSettings(),s=`${f}--button`,g=!!u,q=x||"left",d=C.classnames(h,{[s]:!0,[`${s}__${a}`]:a,[`${s}__${c}`]:c,[`${s}--icon ${s}--icon--position__${q}`]:t&&!r,[`${s}--icon ${s}--icon--only`]:t&&r}),B=o=>{i&&i(o)};return n.jsx(n.Fragment,{children:g?n.jsx(I.Link,{className:d,target:p,url:u,label:e,style:l,children:t&&n.jsx($.Icon,{name:t,hidden:!0})}):n.jsxs("button",{className:d,onClick:o=>B(o),disabled:m,type:_,"aria-haspopup":j?"dialog":!1,style:l,name:b,children:[e&&n.jsx("span",{className:"button__label",children:e}),t&&n.jsx($.Icon,{name:t,hidden:!0})]})})},N=L;exports.Button=N;

package/lib/cjs/_store/Button-entry-B74K2XLp.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button-chunk-7QGSjiJL.js"),e={type:"primary",label:"Primary",size:"medium",name:"primary"},r={type:"secondary",label:"Secondary",name:"secondary"},a={type:"tertiary",label:"Tertiary",name:"tertiary"},o={type:"alert",label:"Alert",name:"alert"},i={type:"primary",label:"Icon",icon:"close"},n={type:"primary",label:"Disabled",disabled:!0},l={type:"primary",icon:"caret_right",iconPosition:"right",label:"Visit ilo.org",url:"https://www.ilo.org",target:"__blank"},s={primary:e,secondary:r,tertiary:a,alert:o,icon:i,disabled:n,link:l};exports.Button=t.Button;exports.buttonArgs=s;

package/lib/cjs/_store/Callout-chunk-DI_rZPkx.js

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),v=require("./index-chunk-DCI82Tmm.js"),d=require("react"),b=require("./useGlobalSettings-chunk-Pa38w6VS.js"),f=require("./Button-chunk-7QGSjiJL.js"),q=({className:$,copy:_,cta:l,isCollapsible:i,isOpen:n=!0,toggleOpenLabel:c="Less",toggleClosedLabel:a="More",headline:m,type:o})=>{const{prefix:x}=b.useGlobalSettings(),s=`${x}--callout`,[t,u]=d.useState(n);let r=t?c:a;d.useEffect(()=>{u(n),r=t?c:a},[n]);const h=v.classnames($,{[s]:!0,[`${s}__${o}`]:o,[`${s}--open`]:t,[`${s}--collapse`]:i}),j=`icon icon__${o}`,N={callback:void 0,className:`${s}--cta`,children:!1,label:l==null?void 0:l.label,size:"small",type:"tertiary",url:l==null?void 0:l.url},p=g=>{g.preventDefault(),r=t?c:a,u(!t)};return e.jsxs("div",{className:h,children:[e.jsx("div",{className:`${s}__sidebar`,children:e.jsx("span",{className:j})}),e.jsxs("div",{className:`${s}__content`,children:[e.jsxs("div",{className:`${s}__header`,children:[e.jsx("h5",{className:`${s}__title`,children:m}),i&&e.jsxs("button",{className:`${s}--toggle`,onClick:p,type:"button",children:[r,e.jsx("span",{className:`${s}--toggle--icon`})]})]}),e.jsx("p",{className:`${s}__description`,children:_}),l&&e.jsx(f.Button,{...N})]})]})},C=q;exports.Callout=C;

package/lib/cjs/_store/Callout-entry-GC_lYwL3.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Callout-chunk-DI_rZPkx.js"),l={copy:"Lorem ipsum dolor sit amet, consectetur adipiscing elit.",isCollapsible:!1,headline:"Info Callout",type:"info"},o={...l,type:"success",headline:"Success Callout"},t={...l,type:"warning",headline:"Warning Callout"},s={...l,cta:{label:"Optional CTA",url:"http://www.google.com"},isCollapsible:!0,isOpen:!1,headline:"Error Callout (Collapsible)",toggleOpenLabel:"Open",toggleClosedLabel:"Closed",type:"error"},a={baseArgs:l,success:o,warning:t,error:s},n=a;exports.Callout=e.Callout;exports.calloutArgs=n;

package/lib/cjs/_store/CardGroup-chunk-CrzLMpzZ.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-7QGSjiJL.js"),j=require("./Link-chunk-B_ZIovS2.js"),N=require("./LinkList-chunk-Uvotg8l4.js"),C=require("./Profile-chunk-BH98cR85.js"),h=require("./ListItem-chunk-CHb4_N2-.js"),f=({eyebrow:$,size:i="narrow",image:d,dataset:c,columns:m="one"})=>{const{prefix:t}=x.useGlobalSettings(),a=`${t}--card`,r=o.classnames(a,`${a}__type__data`,{[`${a}__size__${i}`]:i,[`${a}__type__data__columns__${m}`]:m});return s.jsx("div",{className:r,children:s.jsxs("div",{className:`${a}--wrap`,children:[$&&s.jsx("p",{className:`${a}--eyebrow`,children:$}),s.jsxs("div",{className:`${a}--content`,children:[d&&s.jsx("div",{className:`${a}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${a}--picture`,src:d,alt:$})})}),c&&c.content&&c.content.items&&c.content.items.map(n=>s.jsxs("div",{className:`${a}--area--content`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:n.label}),s.jsx("p",{className:`${a}__type__data--content-copy`,children:n.copy})]},n.label)),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(n=>s.jsx("a",{className:`${a}--data--file ${t}--button ${t}--button--primary ${t}--button--small`,href:n.url,download:!0,children:s.jsx("span",{className:"button__label",children:n.label})},n.url))]}),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(n=>s.jsx("a",{className:`${a}--cta ${t}--button ${t}--button--medium ${t}--button--secondary`,href:n.url,children:s.jsx("span",{className:"link__label",children:n.label})},n.url))]})}),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(n=>s.jsxs(s.Fragment,{children:[s.jsx(j.Link,{url:n.url,children:n.label}),s.jsx("span",{children:"  "})]}))]})]})]})})},w=({eyebrow:$,title:i,size:d="narrow",intro:c,date:m,eventdetails:t,link:a,image:r,titleLevel:n})=>{const{prefix:_}=x.useGlobalSettings(),l=`${_}--card`,e=o.classnames(l,`${l}__type__detail`,{[`${l}__action`]:a,[`${l}__size__${d}`]:d});return s.jsxs("div",{className:e,children:[a&&s.jsx("a",{className:`${l}--link`,href:a,title:i,children:s.jsx("span",{className:`${l}--link--text`,children:i})}),s.jsxs("div",{className:`${l}--wrap`,children:[r&&s.jsx("div",{className:`${l}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${l}--picture`,src:r,alt:i})})}),s.jsxs("div",{className:`${l}--content`,children:[$&&s.jsx("p",{className:`${l}--eyebrow`,children:$}),i&&n?s.jsx(n,{className:`${l}--title`,children:i}):s.jsx("p",{className:`${l}--title`,children:i}),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:i,size:d="narrow",list:c,titleLevel:m})=>{const{prefix:t}=x.useGlobalSettings(),a=`${t}--card`,r=o.classnames(a,`${a}__type__factlist`,{[`${a}__size__${d}`]:d,[`${a}__theme__${i}`]:i});return s.jsx("div",{className:r,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((n,_)=>s.jsx(h.ListItem,{id:`list${_}`,children:s.jsx("p",{children:n})},`${n}`))})]})})})},g=({isvideo:$,eyebrow:i,title:d,theme:c,size:m="narrow",date:t,link:a,linklist:r,image:n,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`]:r,[`${e}__theme__${c}`]:c});return s.jsxs("div",{className:p,children:[a&&s.jsx("a",{className:`${e}--link`,href:a,title:d,children:s.jsx("span",{className:`${e}--link--text`,children:d})}),s.jsxs("div",{className:`${e}--wrap`,children:[n&&s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${e}--picture`,src:n,alt:d})})}),s.jsxs("div",{className:`${e}--content`,children:[i&&s.jsx("p",{className:`${e}--eyebrow`,children:i}),d&&_?s.jsx(_,{className:`${e}--title`,children:d}):s.jsx("p",{className:`${e}--title`,children:d}),t&&s.jsx("time",{className:`${e}--date`,dateTime:t.unix,children:t.human}),r&&s.jsx(N.LinkList,{headline:r.headline,linkgroup:r.linkgroup})]})]})]})},k=({isvideo:$,eyebrow:i,title:d,size:c="standard",alignment:m,intro:t,link:a,linklist:r,image:n,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`]:r,[`${e}__no-image`]:!n});return s.jsxs("div",{className:p,children:[a&&s.jsx("a",{className:`${e}--link`,href:a,title:d,children:s.jsx("span",{className:`${e}--link--text`,children:d})}),s.jsxs("div",{className:`${e}--wrap`,children:[n&&s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${e}--picture`,src:n,alt:d})})}),s.jsxs("div",{className:`${e}--content`,children:[i&&s.jsx("p",{className:`${e}--eyebrow`,children:i}),d&&_?s.jsx(_,{className:`${e}--title`,children:d}):s.jsx("p",{className:`${e}--title`,children:d}),n&&s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${e}--picture`,src:n,alt:d})})}),t&&s.jsx("p",{className:`${e}--intro`,children:t}),r&&s.jsx(N.LinkList,{headline:r.headline,linkgroup:r.linkgroup})]})]})]})},L=({eyebrow:$,title:i,theme:d,size:c="narrow",cornercut:m,intro:t,link:a,cta:r,titleLevel:n})=>{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__${d}`]:d});return s.jsx("div",{className:e,children:s.jsxs("div",{className:p,children:[a&&s.jsx("a",{className:`${l}--link`,href:a,title:i,children:s.jsx("span",{className:`${l}--link--text`,children:i})}),s.jsx("div",{className:`${l}--wrap`,children:s.jsxs("div",{className:`${l}--content`,children:[$&&s.jsx("p",{className:`${l}--eyebrow`,children:$}),i&&n?s.jsx(n,{className:`${l}--title`,children:i}):s.jsx("p",{className:`${l}--title`,children:i}),t&&s.jsx("p",{className:`${l}--intro`,children:t}),r&&r.label&&s.jsx("a",{className:`${l}--cta ${_}--button ${_}--button--medium ${_}--button--primary`,href:r.url,children:s.jsx("span",{className:"link__label",children:r.label})})]})})]})})},G=({title:$,color:i,size:d="standard",intro:c,source:m,titleLevel:t})=>{const{prefix:a}=x.useGlobalSettings(),r=`${a}--card`,n=o.classnames(r,`${r}__type__stat`,{[`${r}__color__${i}`]:i,[`${r}__size__${d}`]:d});return s.jsx("div",{className:n,children:s.jsx("div",{className:`${r}--wrap`,children:s.jsxs("div",{className:`${r}--content`,children:[$&&t?s.jsx(t,{className:`${r}--title`,children:$}):s.jsx("p",{className:`${r}--title`,children:$}),c&&s.jsx("p",{className:`${r}--intro`,children:c}),m&&s.jsx(j.Link,{url:m.url,children:m.label})]})})})},S=({eyebrow:$,title:i,theme:d,size:c,date:m,profile:t,link:a,titleLevel:r})=>{const{prefix:n}=x.useGlobalSettings(),_=`${n}--card`,l=o.classnames(`${_}--wrapper`),e=o.classnames(_,`${_}__type__text`,{[`${_}__action`]:a,[`${_}__size__${c}`]:c,[`${_}__theme__${d}`]:d});return s.jsx("div",{className:l,children:s.jsxs("div",{className:e,children:[a&&s.jsx("a",{className:`${_}--link`,href:a,title:i,children:s.jsx("span",{className:`${_}--link--text`,children:i})}),s.jsx("div",{className:`${_}--wrap`,children:s.jsxs("div",{className:`${_}--content`,children:[$&&s.jsx("p",{className:`${_}--eyebrow`,children:$}),i&&r?s.jsx(r,{className:`${_}--title`,children:i}):s.jsx("p",{className:`${_}--title`,children:i}),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:`${n}--profile__theme__${d}`})]})})]})})},q={stat:G,multilink:k,text:S,promo:L,feature:g,detail:w,factlist:y,data:f},F=({cards:$,titleLevel:i="p",cardCount:d,cta:c,type:m,alignment:t,size:a,theme:r,collapsed:n=!1})=>{const _=q[m],{prefix:l}=x.useGlobalSettings(),e=`${l}--cardgroup`,p=o.classnames(e,`${e}__count__${d}`,{[`${e}__collapsed`]:n});return s.jsxs("div",{className:p,children:[s.jsx("div",{className:`${e}--inner`,children:$&&$.map((u,v)=>s.jsx(_,{...u,size:a,theme:r,alignment:t,titleLevel:i},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-DK416bgz.js

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