@ilo-org/react 0.17.8 → 0.18.1

package/lib/cjs/components/Cards/DataCard/DataCard.js

@@ -1,27 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../../hooks/useGlobalSettings.js');
-var components_Link_Link = require('../../Link/Link.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-
-const DataCard = ({ eyebrow, size = "narrow", image, dataset, columns = "one", }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--card`;
-    const cardClasses = classNames(baseClass, `${baseClass}__type__data`, {
-        [`${baseClass}__size__${size}`]: size,
-        [`${baseClass}__type__data__columns__${columns}`]: columns,
-    });
-    return (jsxRuntime.jsx("div", Object.assign({ className: cardClasses }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--wrap` }, { children: [eyebrow && jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--eyebrow` }, { children: eyebrow })), jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--content` }, { children: [image && (jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--image--wrapper` }, { children: jsxRuntime.jsx("picture", { children: jsxRuntime.jsx("img", { className: `${baseClass}--picture`, src: image, alt: eyebrow }) }) }))), dataset &&
-                            dataset.content &&
-                            dataset.content.items &&
-                            dataset.content.items.map((item) => (jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--area--content` }, { children: [jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}__type__data--content-label` }, { children: item.label })), jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}__type__data--content-copy` }, { children: item.copy }))] })))), dataset && dataset.files && (jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--data--content-files` }, { children: [jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}__type__data--content-label` }, { children: dataset.files.headline })), dataset.files.items &&
-                                    dataset.files.items.map((item) => (jsxRuntime.jsx("a", Object.assign({ className: `${baseClass}--data--file ${prefix}--button ${prefix}--button--primary ${prefix}--button--small`, href: item.url, download: true }, { children: jsxRuntime.jsx("span", Object.assign({ className: "button__label" }, { children: item.label })) }))))] }))), dataset && dataset.cta && (jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--area--cta` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--data--content-cta` }, { children: [jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}__type__data--content-label` }, { children: dataset.cta.headline })), dataset.cta.items &&
-                                        dataset.cta.items.map((item) => (jsxRuntime.jsx("a", Object.assign({ className: `${baseClass}--cta ${prefix}--button ${prefix}--button--medium ${prefix}--button--secondary`, href: item.url }, { children: jsxRuntime.jsx("span", Object.assign({ className: "link__label" }, { children: item.label })) }))))] })) }))), dataset && dataset.links && (jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--data--content-links` }, { children: [jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}__type__data--content-label` }, { children: dataset.links.headline })), dataset.links.items &&
-                                    dataset.links.items.map((item) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(components_Link_Link, Object.assign({ url: item.url }, { children: item.label })), jsxRuntime.jsx("span", { children: "\u00A0\u00A0" })] })))] })))] }))] })) })));
-};
-
-module.exports = DataCard;

package/lib/cjs/components/Cards/DataCard/index.js

@@ -1,81 +0,0 @@
-'use strict';
-
-var components_Cards_DataCard_DataCard = require('./DataCard.js');
-require('react/jsx-runtime');
-require('classnames');
-require('../../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-require('../../Link/Link.js');
-
-const DataCardArgs = {
-    size: "wide",
-    eyebrow: "Meeting",
-    image: "/small.jpg",
-    columns: "two",
-    dataset: {
-        content: {
-            items: [
-                {
-                    label: "Date",
-                    copy: "18 March 2023",
-                },
-                {
-                    label: "Event type",
-                    copy: "Technical meeting of experts",
-                },
-            ],
-        },
-        files: {
-            headline: "Files",
-            items: [
-                {
-                    label: "Meeting agenda",
-                    url: "https://www.ilo.org",
-                },
-                {
-                    label: "Briefing notes",
-                    url: "https://www.ilo.org",
-                },
-                {
-                    label: "Practical info",
-                    url: "https://www.ilo.org",
-                },
-            ],
-        },
-        cta: {
-            headline: "Read online",
-            items: [
-                {
-                    label: "HTML Version",
-                    url: "https://www.ilo.org",
-                },
-                {
-                    label: "InfoStories",
-                    url: "https://www.ilo.org/infostories/en-GB",
-                },
-            ],
-        },
-        links: {
-            headline: "Languages",
-            items: [
-                {
-                    label: "English",
-                    url: "https://www.ilo.org",
-                },
-                {
-                    label: "Español",
-                    url: "https://www.ilo.org",
-                },
-                {
-                    label: "Français",
-                    url: "https://www.ilo.org",
-                },
-            ],
-        },
-    },
-};
-
-exports.DataCard = components_Cards_DataCard_DataCard;
-exports.DataCardArgs = DataCardArgs;

package/lib/cjs/components/Cards/DetailCard/DetailCard.js

@@ -1,20 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-
-const DetailCard = ({ eyebrow, title, size = "narrow", intro, date, eventdetails, link, image, titleLevel: TitleElement, }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--card`;
-    const cardClasses = classNames(baseClass, `${baseClass}__type__detail`, {
-        [`${baseClass}__action`]: link,
-        [`${baseClass}__size__${size}`]: size,
-    });
-    return (jsxRuntime.jsxs("div", Object.assign({ className: cardClasses }, { children: [link && (jsxRuntime.jsx("a", Object.assign({ className: `${baseClass}--link`, href: link, title: title }, { children: jsxRuntime.jsx("span", Object.assign({ className: `${baseClass}--link--text` }, { children: title })) }))), jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--wrap` }, { children: [image && (jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--image--wrapper` }, { children: jsxRuntime.jsx("picture", { children: jsxRuntime.jsx("img", { className: `${baseClass}--picture`, src: image, alt: title }) }) }))), jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--content` }, { children: [eyebrow && jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--eyebrow` }, { children: eyebrow })), title && TitleElement ? (jsxRuntime.jsx(TitleElement, Object.assign({ className: `${baseClass}--title` }, { children: title }))) : (jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--title` }, { children: title }))), intro && jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--intro` }, { children: intro })), date && (jsxRuntime.jsx("time", Object.assign({ className: `${baseClass}--date`, dateTime: date.unix }, { children: date.human }))), eventdetails && (jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--date-extra` }, { children: eventdetails })))] }))] }))] })));
-};
-
-module.exports = DetailCard;

package/lib/cjs/components/Cards/DetailCard/index.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var components_Cards_DetailCard_DetailCard = require('./DetailCard.js');
-require('react/jsx-runtime');
-require('classnames');
-require('../../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-
-const DetailCardArgs = {
-    title: "Technical meeting on digitalization in the construction sector",
-    eyebrow: "Meeting",
-    intro: "The purpose of the meeting will be to discuss opportunities and challenges for the future of work in the construction industry as a vehicle to ensure a human-centred economic recovery.",
-    date: {
-        human: "18 March 2023",
-        unix: "1670389200",
-    },
-    image: "/medium.jpg",
-    link: "https:/www.ilo.org",
-    eventdetails: "8:30 - 12:00 CET | Geneva",
-};
-
-exports.DetailCard = components_Cards_DetailCard_DetailCard;
-exports.DetailCardArgs = DetailCardArgs;

package/lib/cjs/components/Cards/FactlistCard/FactListCard.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../../hooks/useGlobalSettings.js');
-var components_List_List = require('../../List/List.js');
-var components_List_ListItem = require('../../List/ListItem.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-
-const FactlistCard = ({ title, theme, size = "narrow", list, titleLevel: TitleElement, }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--card`;
-    const cardClasses = classNames(baseClass, `${baseClass}__type__factlist`, {
-        [`${baseClass}__size__${size}`]: size,
-        [`${baseClass}__theme__${theme}`]: theme,
-    });
-    return (jsxRuntime.jsx("div", Object.assign({ className: cardClasses }, { children: jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--wrap` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--content` }, { children: [title && TitleElement ? (jsxRuntime.jsx(TitleElement, Object.assign({ className: `${baseClass}--title` }, { children: title }))) : (jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--title` }, { children: title }))), list && (jsxRuntime.jsx(components_List_List, Object.assign({ alignment: "default", ordered: "unordered" }, { children: list.map((item, index) => (jsxRuntime.jsx(components_List_ListItem, Object.assign({ id: `list${index}` }, { children: jsxRuntime.jsx("p", { children: item }) })))) })))] })) })) })));
-};
-
-module.exports = FactlistCard;

package/lib/cjs/components/Cards/FactlistCard/index.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var components_Cards_FactlistCard_FactListCard = require('./FactListCard.js');
-require('react/jsx-runtime');
-require('classnames');
-require('../../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-require('../../List/List.js');
-require('../../List/ListItem.js');
-
-const FactlistCardArgs = {
-    title: "Economic slowdown likely to force workers to accept lower quality jobs",
-    theme: "light",
-    list: [
-        "Global employment growth will be only 1.0 per cent in 2023, less than half the level in 2022.",
-        "The labour market deterioration is mainly due to emerging geopolitical tensions and the Ukraine conflict.",
-        "The current slowdown means that many workers will have to accept lower quality jobs, often at very low pay.",
-    ],
-};
-
-exports.FactlistCard = components_Cards_FactlistCard_FactListCard;
-exports.FactlistCardArgs = FactlistCardArgs;

package/lib/cjs/components/Cards/FeatureCard/FeatureCard.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../../hooks/useGlobalSettings.js');
-var components_LinkList_LinkList = require('../../LinkList/LinkList.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-
-const FeatureCard = ({ isvideo, eyebrow, title, theme, size = "narrow", date, link, linklist, image, titleLevel: TitleElement, }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--card`;
-    const cardClasses = classNames(baseClass, `${baseClass}__type__feature`, {
-        [`${baseClass}__action`]: link,
-        [`${baseClass}__size__${size}`]: size,
-        [`${baseClass}__isvideo`]: isvideo,
-        [`${baseClass}__linklist`]: linklist,
-        [`${baseClass}__theme__${theme}`]: theme,
-    });
-    return (jsxRuntime.jsxs("div", Object.assign({ className: cardClasses }, { children: [link && (jsxRuntime.jsx("a", Object.assign({ className: `${baseClass}--link`, href: link, title: title }, { children: jsxRuntime.jsx("span", Object.assign({ className: `${baseClass}--link--text` }, { children: title })) }))), jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--wrap` }, { children: [image && (jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--image--wrapper` }, { children: jsxRuntime.jsx("picture", { children: jsxRuntime.jsx("img", { className: `${baseClass}--picture`, src: image, alt: title }) }) }))), jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--content` }, { children: [eyebrow && jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--eyebrow` }, { children: eyebrow })), title && TitleElement ? (jsxRuntime.jsx(TitleElement, Object.assign({ className: `${baseClass}--title` }, { children: title }))) : (jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--title` }, { children: title }))), date && (jsxRuntime.jsx("time", Object.assign({ className: `${baseClass}--date`, dateTime: date.unix }, { children: date.human }))), linklist && (jsxRuntime.jsx(components_LinkList_LinkList, { headline: linklist.headline, linkgroup: linklist.linkgroup }))] }))] }))] })));
-};
-
-module.exports = FeatureCard;

package/lib/cjs/components/Cards/FeatureCard/index.js

@@ -1,39 +0,0 @@
-'use strict';
-
-var components_Cards_FeatureCard_FeatureCard = require('./FeatureCard.js');
-require('react/jsx-runtime');
-require('classnames');
-require('../../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-require('../../LinkList/LinkList.js');
-
-const FeatureCardArgs = {
-    isvideo: false,
-    title: "ILO welcomes G7 call to make a just transition to a green economy happen",
-    eyebrow: "High-level meeting",
-    theme: "light",
-    date: {
-        human: "18 March 2023",
-        unix: "1670389200",
-    },
-    image: "/hero.jpg",
-    link: "https:/www.ilo.org",
-    linklist: {
-        headline: "",
-        linkgroup: [
-            {
-                links: [
-                    {
-                        label: "Read the press release",
-                        url: "http://www.google.com",
-                    },
-                ],
-            },
-        ],
-    },
-};
-
-exports.FeatureCard = components_Cards_FeatureCard_FeatureCard;
-exports.FeatureCardArgs = FeatureCardArgs;

package/lib/cjs/components/Cards/MultilinkCard/MultiLinkCard.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../../hooks/useGlobalSettings.js');
-var components_LinkList_LinkList = require('../../LinkList/LinkList.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-
-const MultilinkCard = ({ isvideo, eyebrow, title, size = "standard", alignment, intro, link, linklist, image, titleLevel: TitleElement, }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--card`;
-    const cardClasses = classNames(baseClass, `${baseClass}__type__multilink`, {
-        [`${baseClass}__align__${alignment}`]: alignment,
-        [`${baseClass}__action`]: link,
-        [`${baseClass}__size__${size}`]: size,
-        [`${baseClass}__isvideo`]: isvideo,
-        [`${baseClass}__linklist`]: linklist,
-        [`${baseClass}__no-image`]: !image,
-    });
-    return (jsxRuntime.jsxs("div", Object.assign({ className: cardClasses }, { children: [link && (jsxRuntime.jsx("a", Object.assign({ className: `${baseClass}--link`, href: link, title: title }, { children: jsxRuntime.jsx("span", Object.assign({ className: `${baseClass}--link--text` }, { children: title })) }))), jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--wrap` }, { children: [image && (jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--image--wrapper` }, { children: jsxRuntime.jsx("picture", { children: jsxRuntime.jsx("img", { className: `${baseClass}--picture`, src: image, alt: title }) }) }))), jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--content` }, { children: [eyebrow && jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--eyebrow` }, { children: eyebrow })), title && TitleElement ? (jsxRuntime.jsx(TitleElement, Object.assign({ className: `${baseClass}--title` }, { children: title }))) : (jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--title` }, { children: title }))), image && (jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--image--wrapper` }, { children: jsxRuntime.jsx("picture", { children: jsxRuntime.jsx("img", { className: `${baseClass}--picture`, src: image, alt: title }) }) }))), intro && jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--intro` }, { children: intro })), linklist && (jsxRuntime.jsx(components_LinkList_LinkList, { headline: linklist.headline, linkgroup: linklist.linkgroup }))] }))] }))] })));
-};
-
-module.exports = MultilinkCard;

package/lib/cjs/components/Cards/MultilinkCard/index.js

@@ -1,43 +0,0 @@
-'use strict';
-
-var components_Cards_MultilinkCard_MultiLinkCard = require('./MultiLinkCard.js');
-require('react/jsx-runtime');
-require('classnames');
-require('../../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-require('../../LinkList/LinkList.js');
-
-const MultilinkCardArgs = {
-    title: "ILO welcomes G7 call to make a just transition to a green economy happen",
-    eyebrow: "High-level meeting",
-    intro: "At the end of their meeting the G7 Labour Ministers highlighted the urgent need to greater focus on rights and occupational safety and health.",
-    image: "/hero.jpg",
-    alignment: "left",
-    link: "https:/www.ilo.org",
-    linklist: {
-        headline: "",
-        linkgroup: [
-            {
-                links: [
-                    {
-                        label: "Read the press release",
-                        url: "https://www.ilo.org",
-                    },
-                    {
-                        label: "See the statement",
-                        url: "https://www.ilo.org",
-                    },
-                    {
-                        label: "Remarks to G7 Openening Session",
-                        url: "https://www.ilo.org",
-                    },
-                ],
-            },
-        ],
-    },
-};
-
-exports.MultilinkCard = components_Cards_MultilinkCard_MultiLinkCard;
-exports.MultilinkCardArgs = MultilinkCardArgs;

package/lib/cjs/components/Cards/PromoCard/PromoCard.js

@@ -1,23 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-
-const PromoCard = ({ eyebrow, title, theme, size = "narrow", cornercut, intro, link, cta, titleLevel: TitleElement, }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--card`;
-    const wrapperClass = classNames(`${baseClass}--wrapper`, `${baseClass}--wrapper__type__promo ${baseClass}--wrapper__type__promo__size__${size}`);
-    const cardClasses = classNames(baseClass, `${baseClass}__type__promo`, {
-        [`${baseClass}__cornercut`]: cornercut,
-        [`${baseClass}__action`]: link,
-        [`${baseClass}__size__${size}`]: size,
-        [`${baseClass}__theme__${theme}`]: theme,
-    });
-    return (jsxRuntime.jsx("div", Object.assign({ className: wrapperClass }, { children: jsxRuntime.jsxs("div", Object.assign({ className: cardClasses }, { children: [link && (jsxRuntime.jsx("a", Object.assign({ className: `${baseClass}--link`, href: link, title: title }, { children: jsxRuntime.jsx("span", Object.assign({ className: `${baseClass}--link--text` }, { children: title })) }))), jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--wrap` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--content` }, { children: [eyebrow && jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--eyebrow` }, { children: eyebrow })), title && TitleElement ? (jsxRuntime.jsx(TitleElement, Object.assign({ className: `${baseClass}--title` }, { children: title }))) : (jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--title` }, { children: title }))), intro && jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--intro` }, { children: intro })), cta && cta.label && (jsxRuntime.jsx("a", Object.assign({ className: `${baseClass}--cta ${prefix}--button ${prefix}--button--medium ${prefix}--button--primary`, href: cta.url }, { children: jsxRuntime.jsx("span", Object.assign({ className: "link__label" }, { children: cta.label })) })))] })) }))] })) })));
-};
-
-module.exports = PromoCard;

package/lib/cjs/components/Cards/PromoCard/index.js

@@ -1,26 +0,0 @@
-'use strict';
-
-var components_Cards_PromoCard_PromoCard = require('./PromoCard.js');
-require('react/jsx-runtime');
-require('classnames');
-require('../../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-
-const PromoCardArgs = {
-    size: "standard",
-    title: "ILO welcomes G7 call to make a just transition to a green economy happen",
-    eyebrow: "High-level meeting",
-    theme: "dark",
-    cornercut: true,
-    intro: "At the end of their meeting the G7 Labour Ministers highlighted the urgent need to greater focus on rights and occupational safety and health.",
-    link: "https:/www.ilo.org",
-    cta: {
-        label: "Read the press release",
-        url: "https://www.ilo.org",
-    },
-};
-
-exports.PromoCard = components_Cards_PromoCard_PromoCard;
-exports.PromoCardArgs = PromoCardArgs;

package/lib/cjs/components/Cards/StatCard/StatCard.js

@@ -1,21 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../../hooks/useGlobalSettings.js');
-var components_Link_Link = require('../../Link/Link.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-
-const StatCard = ({ title, color, size = "standard", intro, source, titleLevel: TitleElement, }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--card`;
-    const cardClasses = classNames(baseClass, `${baseClass}__type__stat`, {
-        [`${baseClass}__color__${color}`]: color,
-        [`${baseClass}__size__${size}`]: size,
-    });
-    return (jsxRuntime.jsx("div", Object.assign({ className: cardClasses }, { children: jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--wrap` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--content` }, { children: [title && TitleElement ? (jsxRuntime.jsx(TitleElement, Object.assign({ className: `${baseClass}--title` }, { children: title }))) : (jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--title` }, { children: title }))), intro && jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--intro` }, { children: intro })), source && jsxRuntime.jsx(components_Link_Link, Object.assign({ url: source.url }, { children: source.label }))] })) })) })));
-};
-
-module.exports = StatCard;

package/lib/cjs/components/Cards/StatCard/index.js

@@ -1,23 +0,0 @@
-'use strict';
-
-var components_Cards_StatCard_StatCard = require('./StatCard.js');
-require('react/jsx-runtime');
-require('classnames');
-require('../../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-require('../../Link/Link.js');
-
-const StatCardArgs = {
-    title: "Global employment growth down by half in 2023",
-    intro: "The current global economic slowdown is likely to force more workers to accept lower quality, poorly paid jobs which lack job security and social protection, so accentuating inequalities exacerbated by the COVID-19 crisis.",
-    color: "turquoise",
-    source: {
-        label: "World Employment and Social Outlook: Trends 2023",
-        url: "https://www.ilo.org",
-    },
-};
-
-exports.StatCard = components_Cards_StatCard_StatCard;
-exports.StatCardArgs = StatCardArgs;

package/lib/cjs/components/Cards/TextCard/TextCard.js

@@ -1,23 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../../hooks/useGlobalSettings.js');
-var components_Profile_Profile = require('../../Profile/Profile.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-
-const TextCard = ({ eyebrow, title, theme, size, date, profile, link, titleLevel: TitleElement, }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--card`;
-    const wrapperClass = classNames(`${baseClass}--wrapper`);
-    const cardClasses = classNames(baseClass, `${baseClass}__type__text`, {
-        [`${baseClass}__action`]: link,
-        [`${baseClass}__size__${size}`]: size,
-        [`${baseClass}__theme__${theme}`]: theme,
-    });
-    return (jsxRuntime.jsx("div", Object.assign({ className: wrapperClass }, { children: jsxRuntime.jsxs("div", Object.assign({ className: cardClasses }, { children: [link && (jsxRuntime.jsx("a", Object.assign({ className: `${baseClass}--link`, href: link, title: title }, { children: jsxRuntime.jsx("span", Object.assign({ className: `${baseClass}--link--text` }, { children: title })) }))), jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--wrap` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--content` }, { children: [eyebrow && jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--eyebrow` }, { children: eyebrow })), title && TitleElement ? (jsxRuntime.jsx(TitleElement, Object.assign({ className: `${baseClass}--title` }, { children: title }))) : (jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--title` }, { children: title }))), date && (jsxRuntime.jsx("time", Object.assign({ className: `${baseClass}--date`, dateTime: date.unix }, { children: date.human }))), profile && profile.avatar && (jsxRuntime.jsx(components_Profile_Profile, { avatar: profile.avatar, description: profile.description, link: profile.link, name: profile.name, role: profile.role, className: `${prefix}--profile__theme__${theme}` }))] })) }))] })) })));
-};
-
-module.exports = TextCard;

package/lib/cjs/components/Cards/TextCard/index.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var components_Cards_TextCard_TextCard = require('./TextCard.js');
-require('react/jsx-runtime');
-require('classnames');
-require('../../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-require('../../Profile/Profile.js');
-
-const TextCardArgs = {
-    title: "Why we need greater social justice",
-    eyebrow: "Podcast",
-    date: {
-        human: "20 September 2022",
-        unix: "1670389200",
-    },
-    theme: "light",
-    link: "https:/www.ilo.org",
-    profile: {
-        avatar: "/ilo-dg.jpg",
-        description: "Gilbert Houngbo is the Director-General of the International Labour Organization",
-        name: "Gilbert Houngbo",
-        role: "ILO Director-General",
-    },
-};
-
-exports.TextCard = components_Cards_TextCard_TextCard;
-exports.TextCardArgs = TextCardArgs;

package/lib/cjs/components/Checkbox/Checkbox.js

@@ -1,46 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var components_Fieldset_Fieldset = require('../Fieldset/Fieldset.js');
-var components_FormControl_FormControl = require('../FormControl/FormControl.js');
-var hooks_usePrevious = require('../../hooks/usePrevious.js');
-require('../../GlobalCtx-10114bdd.js');
-require('../Tooltip/Tooltip.js');
-require('@popperjs/core');
-require('nanoid');
-
-const Checkbox = React.forwardRef((props, ref) => {
-    const { onChange, onBlur, disabled = false, error, id, name, required, defaultChecked = false, checked, value, } = props;
-    const { prefix } = hooks_useGlobalSettings();
-    const { setHasError } = components_Fieldset_Fieldset.useFieldsetError();
-    const formControlCtx = components_FormControl_FormControl.useFormControl();
-    const { ariaDescribedBy } = formControlCtx;
-    const baseClass = `${prefix}--checkbox`;
-    const errorClass = `${baseClass}__error`;
-    const CheckboxClasses = classNames(baseClass, {
-        [errorClass]: error,
-    });
-    const prevError = hooks_usePrevious.usePrevious(error);
-    React.useEffect(() => {
-        if (error !== prevError) {
-            setHasError(!!error);
-        }
-    }, [error, prevError, setHasError]);
-    const handleChange = (e) => {
-        if (onChange) {
-            onChange(e);
-        }
-    };
-    return (jsxRuntime.jsx("input", { ref: ref, id: id ? id : name, name: name, onChange: handleChange, onBlur: onBlur, disabled: disabled, required: required, type: "checkbox", className: CheckboxClasses, defaultChecked: defaultChecked, "aria-describedby": ariaDescribedBy, checked: checked, value: value }));
-});
-const LabelledCheckbox = React.forwardRef((props, ref) => {
-    const fieldId = props.id ? props.id : props.name;
-    const { style, inputStyle, className, labelPlacement = "end", labelSize = "small" } = props, rest = tslib.__rest(props, ["style", "inputStyle", "className", "labelPlacement", "labelSize"]);
-    return (jsxRuntime.jsx(components_FormControl_FormControl.default, Object.assign({ fieldId: fieldId, style: style, className: className, labelPlacement: labelPlacement, labelSize: labelSize }, rest, { children: jsxRuntime.jsx(Checkbox, Object.assign({ ref: ref, style: inputStyle }, rest)) })));
-});
-
-module.exports = LabelledCheckbox;

package/lib/cjs/components/Checkbox/index.js

@@ -1,39 +0,0 @@
-'use strict';
-
-var components_Checkbox_Checkbox = require('./Checkbox.js');
-require('tslib');
-require('react/jsx-runtime');
-require('react');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('../../GlobalCtx-10114bdd.js');
-require('../Fieldset/Fieldset.js');
-require('../Tooltip/Tooltip.js');
-require('@popperjs/core');
-require('../FormControl/FormControl.js');
-require('nanoid');
-require('../../hooks/usePrevious.js');
-
-const NUMBER_CHECKBOXES = 3;
-const basic = {
-    label: "Checkbox",
-    className: "checkbox",
-    name: "checkbox",
-};
-const basicCheckBoxes = Array(NUMBER_CHECKBOXES).map((_, i) => (Object.assign(Object.assign({}, basic), { id: `checkbox-${i}` })));
-const checked = Object.assign(Object.assign({}, basic), { defaultChecked: true });
-const error = Object.assign(Object.assign({}, basic), { error: true });
-const errorCheckBoxes = Array(NUMBER_CHECKBOXES).map((_, i) => (Object.assign(Object.assign({}, error), { id: `checkbox-${i}` })));
-/**
- * Sample prop definitions Checkbox's enumerable properties (imported in stories and test)
- */
-const CheckboxArgs = {
-    basic,
-    basicCheckBoxes,
-    errorCheckBoxes,
-    checked,
-    error,
-};
-
-exports.Checkbox = components_Checkbox_Checkbox;
-exports.CheckboxArgs = CheckboxArgs;