@ilo-org/react 0.19.0 → 0.21.0

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

@@ -35,8 +35,10 @@ export { List } from './List';
 export { Profile } from './Profile';
 export { TableOfContents } from './TableOfContents';
 export { Footer } from './Footer';
-export { LocalNav } from './LocalNav';
 export { Navigation } from './Navigation';
 export { CardGroup } from './Cards/CardGroup';
 export { Breadcrumb } from './Breadcrumb';
 export { Tabs } from './Tabs';
+export * from './Cards';
+export * from './LanguageToggle';
+export * from './Nav';

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

@@ -1,2 +1,3 @@
 export { default as useGlobalSettings } from './useGlobalSettings';
 export { default as usePrevious } from './usePrevious';
+export { default as useBreakpoint } from './useBreakpoint';

package/lib/types/hooks/useBreakpoint.d.ts

@@ -0,0 +1,7 @@
+declare const useBreakpoint: (defaultBreakpoint?: string | undefined) => {
+    readonly breakpoint: null;
+    readonly minWidth: null;
+    readonly maxWidth: null;
+    readonly query: null;
+} | import('use-breakpoint').Breakpoint<Readonly<Record<string, number>>>;
+export default useBreakpoint;

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.21.0",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -69,14 +69,15 @@
     "dom-helpers": "^5.2.1",
     "nanoid": "^3.3.6",
     "react-transition-group": "^4.4.1",
+    "use-breakpoint": "^4.0.6",
     "video.js": "^7.21.2",
     "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/themes": "0.9.1",
-    "@ilo-org/utils": "0.1.1"
+    "@ilo-org/utils": "0.1.1",
+    "@ilo-org/styles": "1.5.0",
+    "@ilo-org/brand-assets": "1.0.0"
   },
   "devDependencies": {
     "@storybook/addon-actions": "^8.1.9",
@@ -112,12 +113,12 @@
     "vite-plugin-static-copy": "^1.0.6",
     "vitest": "^2.0.5",
     "@ilo-org/eslint-config": "2.0.0",
-    "@ilo-org/prettier-config": "2.0.0",
-    "@ilo-org/typescript-config": "2.0.0"
+    "@ilo-org/typescript-config": "2.0.0",
+    "@ilo-org/prettier-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/ContextMenu-chunk-Ch5u_T0d.js

@@ -1 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),r=require("react"),t=require("./index-chunk-DCI82Tmm.js"),o=require("./useGlobalSettings-chunk-Pa38w6VS.js"),u=r.forwardRef(({className:a,links:c},l)=>{const{prefix:s}=o.useGlobalSettings();return n.jsx("ol",{className:t.classnames(`${s}--context-menu`,a),ref:l,children:c.map(e=>n.jsx("li",{className:t.classnames(`${s}--context-menu--item`,{endsection:e.endsection,className:e.className}),children: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}`))})});exports.ContextMenu=u;

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;