@ilo-org/react 0.17.7 → 0.18.0

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

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

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

@@ -1,78 +0,0 @@
-export { default as DataCard } from './DataCard.js';
-import 'react/jsx-runtime';
-import 'classnames';
-import '../../../hooks/useGlobalSettings.js';
-import 'tslib';
-import 'react';
-import '../../../GlobalCtx-7fb23cfa.js';
-import '../../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",
-                },
-            ],
-        },
-    },
-};
-
-export { DataCardArgs };

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

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

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

@@ -1,22 +0,0 @@
-export { default as DetailCard } from './DetailCard.js';
-import 'react/jsx-runtime';
-import 'classnames';
-import '../../../hooks/useGlobalSettings.js';
-import 'tslib';
-import 'react';
-import '../../../GlobalCtx-7fb23cfa.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",
-};
-
-export { DetailCardArgs };

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

@@ -1,20 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import useGlobalSettings from '../../../hooks/useGlobalSettings.js';
-import List from '../../List/List.js';
-import ListItem from '../../List/ListItem.js';
-import 'tslib';
-import 'react';
-import '../../../GlobalCtx-7fb23cfa.js';
-
-const FactlistCard = ({ title, theme, size = "narrow", list, titleLevel: TitleElement, }) => {
-    const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--card`;
-    const cardClasses = classNames(baseClass, `${baseClass}__type__factlist`, {
-        [`${baseClass}__size__${size}`]: size,
-        [`${baseClass}__theme__${theme}`]: theme,
-    });
-    return (jsx("div", Object.assign({ className: cardClasses }, { children: jsx("div", Object.assign({ className: `${baseClass}--wrap` }, { children: jsxs("div", Object.assign({ className: `${baseClass}--content` }, { children: [title && TitleElement ? (jsx(TitleElement, Object.assign({ className: `${baseClass}--title` }, { children: title }))) : (jsx("p", Object.assign({ className: `${baseClass}--title` }, { children: title }))), list && (jsx(List, Object.assign({ alignment: "default", ordered: "unordered" }, { children: list.map((item, index) => (jsx(ListItem, Object.assign({ id: `list${index}` }, { children: jsx("p", { children: item }) })))) })))] })) })) })));
-};
-
-export { FactlistCard as default };

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

@@ -1,21 +0,0 @@
-export { default as FactlistCard } from './FactListCard.js';
-import 'react/jsx-runtime';
-import 'classnames';
-import '../../../hooks/useGlobalSettings.js';
-import 'tslib';
-import 'react';
-import '../../../GlobalCtx-7fb23cfa.js';
-import '../../List/List.js';
-import '../../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.",
-    ],
-};
-
-export { FactlistCardArgs };

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

@@ -1,22 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import useGlobalSettings from '../../../hooks/useGlobalSettings.js';
-import LinkList from '../../LinkList/LinkList.js';
-import 'tslib';
-import 'react';
-import '../../../GlobalCtx-7fb23cfa.js';
-
-const FeatureCard = ({ isvideo, eyebrow, title, theme, size = "narrow", date, link, linklist, image, titleLevel: TitleElement, }) => {
-    const { prefix } = 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 (jsxs("div", Object.assign({ className: cardClasses }, { children: [link && (jsx("a", Object.assign({ className: `${baseClass}--link`, href: link, title: title }, { children: jsx("span", Object.assign({ className: `${baseClass}--link--text` }, { children: title })) }))), jsxs("div", Object.assign({ className: `${baseClass}--wrap` }, { children: [image && (jsx("div", Object.assign({ className: `${baseClass}--image--wrapper` }, { children: jsx("picture", { children: jsx("img", { className: `${baseClass}--picture`, src: image, alt: title }) }) }))), jsxs("div", Object.assign({ className: `${baseClass}--content` }, { children: [eyebrow && jsx("p", Object.assign({ className: `${baseClass}--eyebrow` }, { children: eyebrow })), title && TitleElement ? (jsx(TitleElement, Object.assign({ className: `${baseClass}--title` }, { children: title }))) : (jsx("p", Object.assign({ className: `${baseClass}--title` }, { children: title }))), date && (jsx("time", Object.assign({ className: `${baseClass}--date`, dateTime: date.unix }, { children: date.human }))), linklist && (jsx(LinkList, { headline: linklist.headline, linkgroup: linklist.linkgroup }))] }))] }))] })));
-};
-
-export { FeatureCard as default };

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

@@ -1,36 +0,0 @@
-export { default as FeatureCard } from './FeatureCard.js';
-import 'react/jsx-runtime';
-import 'classnames';
-import '../../../hooks/useGlobalSettings.js';
-import 'tslib';
-import 'react';
-import '../../../GlobalCtx-7fb23cfa.js';
-import '../../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",
-                    },
-                ],
-            },
-        ],
-    },
-};
-
-export { FeatureCardArgs };

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

@@ -1,22 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import useGlobalSettings from '../../../hooks/useGlobalSettings.js';
-import LinkList from '../../LinkList/LinkList.js';
-import 'tslib';
-import 'react';
-import '../../../GlobalCtx-7fb23cfa.js';
-
-const MultilinkCard = ({ isvideo, eyebrow, title, size = "standard", alignment, intro, link, linklist, image, titleLevel: TitleElement, }) => {
-    const { prefix } = 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,
-    });
-    return (jsxs("div", Object.assign({ className: cardClasses }, { children: [link && (jsx("a", Object.assign({ className: `${baseClass}--link`, href: link, title: title }, { children: jsx("span", Object.assign({ className: `${baseClass}--link--text` }, { children: title })) }))), jsxs("div", Object.assign({ className: `${baseClass}--wrap` }, { children: [image && (jsx("div", Object.assign({ className: `${baseClass}--image--wrapper` }, { children: jsx("picture", { children: jsx("img", { className: `${baseClass}--picture`, src: image, alt: title }) }) }))), jsxs("div", Object.assign({ className: `${baseClass}--content` }, { children: [eyebrow && jsx("p", Object.assign({ className: `${baseClass}--eyebrow` }, { children: eyebrow })), title && TitleElement ? (jsx(TitleElement, Object.assign({ className: `${baseClass}--title` }, { children: title }))) : (jsx("p", Object.assign({ className: `${baseClass}--title` }, { children: title }))), image && (jsx("div", Object.assign({ className: `${baseClass}--image--wrapper` }, { children: jsx("picture", { children: jsx("img", { className: `${baseClass}--picture`, src: image, alt: title }) }) }))), intro && jsx("p", Object.assign({ className: `${baseClass}--intro` }, { children: intro })), linklist && (jsx(LinkList, { headline: linklist.headline, linkgroup: linklist.linkgroup }))] }))] }))] })));
-};
-
-export { MultilinkCard as default };

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

@@ -1,40 +0,0 @@
-export { default as MultilinkCard } from './MultiLinkCard.js';
-import 'react/jsx-runtime';
-import 'classnames';
-import '../../../hooks/useGlobalSettings.js';
-import 'tslib';
-import 'react';
-import '../../../GlobalCtx-7fb23cfa.js';
-import '../../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",
-                    },
-                ],
-            },
-        ],
-    },
-};
-
-export { MultilinkCardArgs };

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

@@ -1,21 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import useGlobalSettings from '../../../hooks/useGlobalSettings.js';
-import 'tslib';
-import 'react';
-import '../../../GlobalCtx-7fb23cfa.js';
-
-const PromoCard = ({ eyebrow, title, theme, size = "narrow", cornercut, intro, link, cta, titleLevel: TitleElement, }) => {
-    const { prefix } = 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 (jsx("div", Object.assign({ className: wrapperClass }, { children: jsxs("div", Object.assign({ className: cardClasses }, { children: [link && (jsx("a", Object.assign({ className: `${baseClass}--link`, href: link, title: title }, { children: jsx("span", Object.assign({ className: `${baseClass}--link--text` }, { children: title })) }))), jsx("div", Object.assign({ className: `${baseClass}--wrap` }, { children: jsxs("div", Object.assign({ className: `${baseClass}--content` }, { children: [eyebrow && jsx("p", Object.assign({ className: `${baseClass}--eyebrow` }, { children: eyebrow })), title && TitleElement ? (jsx(TitleElement, Object.assign({ className: `${baseClass}--title` }, { children: title }))) : (jsx("p", Object.assign({ className: `${baseClass}--title` }, { children: title }))), intro && jsx("p", Object.assign({ className: `${baseClass}--intro` }, { children: intro })), cta && cta.label && (jsx("a", Object.assign({ className: `${baseClass}--cta ${prefix}--button ${prefix}--button--medium ${prefix}--button--primary`, href: cta.url }, { children: jsx("span", Object.assign({ className: "link__label" }, { children: cta.label })) })))] })) }))] })) })));
-};
-
-export { PromoCard as default };

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

@@ -1,23 +0,0 @@
-export { default as PromoCard } from './PromoCard.js';
-import 'react/jsx-runtime';
-import 'classnames';
-import '../../../hooks/useGlobalSettings.js';
-import 'tslib';
-import 'react';
-import '../../../GlobalCtx-7fb23cfa.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",
-    },
-};
-
-export { PromoCardArgs };

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

@@ -1,19 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import useGlobalSettings from '../../../hooks/useGlobalSettings.js';
-import Link from '../../Link/Link.js';
-import 'tslib';
-import 'react';
-import '../../../GlobalCtx-7fb23cfa.js';
-
-const StatCard = ({ title, color, size = "standard", intro, source, titleLevel: TitleElement, }) => {
-    const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--card`;
-    const cardClasses = classNames(baseClass, `${baseClass}__type__stat`, {
-        [`${baseClass}__color__${color}`]: color,
-        [`${baseClass}__size__${size}`]: size,
-    });
-    return (jsx("div", Object.assign({ className: cardClasses }, { children: jsx("div", Object.assign({ className: `${baseClass}--wrap` }, { children: jsxs("div", Object.assign({ className: `${baseClass}--content` }, { children: [title && TitleElement ? (jsx(TitleElement, Object.assign({ className: `${baseClass}--title` }, { children: title }))) : (jsx("p", Object.assign({ className: `${baseClass}--title` }, { children: title }))), intro && jsx("p", Object.assign({ className: `${baseClass}--intro` }, { children: intro })), source && jsx(Link, Object.assign({ url: source.url }, { children: source.label }))] })) })) })));
-};
-
-export { StatCard as default };

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

@@ -1,20 +0,0 @@
-export { default as StatCard } from './StatCard.js';
-import 'react/jsx-runtime';
-import 'classnames';
-import '../../../hooks/useGlobalSettings.js';
-import 'tslib';
-import 'react';
-import '../../../GlobalCtx-7fb23cfa.js';
-import '../../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",
-    },
-};
-
-export { StatCardArgs };

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

@@ -1,21 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import useGlobalSettings from '../../../hooks/useGlobalSettings.js';
-import Profile from '../../Profile/Profile.js';
-import 'tslib';
-import 'react';
-import '../../../GlobalCtx-7fb23cfa.js';
-
-const TextCard = ({ eyebrow, title, theme, size, date, profile, link, titleLevel: TitleElement, }) => {
-    const { prefix } = 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 (jsx("div", Object.assign({ className: wrapperClass }, { children: jsxs("div", Object.assign({ className: cardClasses }, { children: [link && (jsx("a", Object.assign({ className: `${baseClass}--link`, href: link, title: title }, { children: jsx("span", Object.assign({ className: `${baseClass}--link--text` }, { children: title })) }))), jsx("div", Object.assign({ className: `${baseClass}--wrap` }, { children: jsxs("div", Object.assign({ className: `${baseClass}--content` }, { children: [eyebrow && jsx("p", Object.assign({ className: `${baseClass}--eyebrow` }, { children: eyebrow })), title && TitleElement ? (jsx(TitleElement, Object.assign({ className: `${baseClass}--title` }, { children: title }))) : (jsx("p", Object.assign({ className: `${baseClass}--title` }, { children: title }))), date && (jsx("time", Object.assign({ className: `${baseClass}--date`, dateTime: date.unix }, { children: date.human }))), profile && profile.avatar && (jsx(Profile, { avatar: profile.avatar, description: profile.description, link: profile.link, name: profile.name, role: profile.role, className: `${prefix}--profile__theme__${theme}` }))] })) }))] })) })));
-};
-
-export { TextCard as default };

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

@@ -1,27 +0,0 @@
-export { default as TextCard } from './TextCard.js';
-import 'react/jsx-runtime';
-import 'classnames';
-import '../../../hooks/useGlobalSettings.js';
-import 'tslib';
-import 'react';
-import '../../../GlobalCtx-7fb23cfa.js';
-import '../../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",
-    },
-};
-
-export { TextCardArgs };

package/lib/esm/components/Checkbox/Checkbox.js

@@ -1,44 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useEffect } from 'react';
-import classNames from 'classnames';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import { useFieldsetError } from '../Fieldset/Fieldset.js';
-import FormControl, { useFormControl } from '../FormControl/FormControl.js';
-import { usePrevious } from '../../hooks/usePrevious.js';
-import '../../GlobalCtx-7fb23cfa.js';
-import '../Tooltip/Tooltip.js';
-import '@popperjs/core';
-import 'nanoid';
-
-const Checkbox = forwardRef((props, ref) => {
-    const { onChange, onBlur, disabled = false, error, id, name, required, defaultChecked = false, checked, value, } = props;
-    const { prefix } = useGlobalSettings();
-    const { setHasError } = useFieldsetError();
-    const formControlCtx = useFormControl();
-    const { ariaDescribedBy } = formControlCtx;
-    const baseClass = `${prefix}--checkbox`;
-    const errorClass = `${baseClass}__error`;
-    const CheckboxClasses = classNames(baseClass, {
-        [errorClass]: error,
-    });
-    const prevError = usePrevious(error);
-    useEffect(() => {
-        if (error !== prevError) {
-            setHasError(!!error);
-        }
-    }, [error, prevError, setHasError]);
-    const handleChange = (e) => {
-        if (onChange) {
-            onChange(e);
-        }
-    };
-    return (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 = forwardRef((props, ref) => {
-    const fieldId = props.id ? props.id : props.name;
-    const { style, inputStyle, className, labelPlacement = "end", labelSize = "small" } = props, rest = __rest(props, ["style", "inputStyle", "className", "labelPlacement", "labelSize"]);
-    return (jsx(FormControl, Object.assign({ fieldId: fieldId, style: style, className: className, labelPlacement: labelPlacement, labelSize: labelSize }, rest, { children: jsx(Checkbox, Object.assign({ ref: ref, style: inputStyle }, rest)) })));
-});
-
-export { LabelledCheckbox as default };

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

@@ -1,36 +0,0 @@
-export { default as Checkbox } from './Checkbox.js';
-import 'tslib';
-import 'react/jsx-runtime';
-import 'react';
-import 'classnames';
-import '../../hooks/useGlobalSettings.js';
-import '../../GlobalCtx-7fb23cfa.js';
-import '../Fieldset/Fieldset.js';
-import '../Tooltip/Tooltip.js';
-import '@popperjs/core';
-import '../FormControl/FormControl.js';
-import 'nanoid';
-import '../../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,
-};
-
-export { CheckboxArgs };