@ilo-org/react 0.20.0 → 0.21.0

package/lib/esm/_store/CardGroup-chunk-DCTJOxvx.js

@@ -1,425 +0,0 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as v, Fragment as x } from "react";
-import { c as u } from "./index-chunk-0LeqwHm8.js";
-import { u as f } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { B as C } from "./Button-chunk-BlSnS8yQ.js";
-import { L as y } from "./Link-chunk-CKAMN_c4.js";
-import { L as g } from "./LinkList-chunk-BM5BTk9m.js";
-import { P as k } from "./Profile-chunk-Tpvzafuk.js";
-import { List as w } from "./List-entry-XHat7PmC.js";
-const L = v(
-  ({
-    className: h,
-    title: r,
-    theme: n = "light",
-    size: s = "standard",
-    color: p,
-    intro: i,
-    source: $,
-    titleLevel: m = "p"
-  }, a) => {
-    const { prefix: N } = f(), _ = `${N}--card`, d = u(`${_}--wrapper`, h), l = u(_, `${_}__type__stat`, {
-      [`${_}__size__${String(s)}`]: s,
-      [`${_}__theme__${n}`]: n,
-      [`${_}__color__${p}`]: p
-    });
-    return /* @__PURE__ */ e("div", { className: d, ref: a, children: /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ e("div", { className: `${_}--wrap`, children: /* @__PURE__ */ o("div", { className: `${_}--content`, children: [
-      /* @__PURE__ */ e(m, { className: `${_}--title`, children: r }),
-      i && /* @__PURE__ */ e("p", { className: `${_}--intro`, children: i }),
-      $ && /* @__PURE__ */ e(
-        y,
-        {
-          className: `${_}--source`,
-          url: $.url,
-          label: $.label
-        }
-      )
-    ] }) }) }) });
-  }
-), S = v(
-  ({
-    className: h,
-    title: r,
-    size: n = "standard",
-    alignment: s,
-    intro: p,
-    link: i,
-    linklist: $,
-    image: m,
-    titleLevel: a = "p",
-    eyebrow: N,
-    isVideo: _,
-    theme: d = "light"
-  }, l) => {
-    const { prefix: t } = f(), c = `${t}--card`, b = u(
-      c,
-      h,
-      `${c}__type__multilink`,
-      {
-        [`${c}__align__${s}`]: s,
-        [`${c}__action`]: i,
-        [`${c}__size__${n}`]: n,
-        [`${c}__isvideo`]: _,
-        [`${c}--no-image`]: !m,
-        [`${c}__theme__${d}`]: d
-      }
-    );
-    return /* @__PURE__ */ o("div", { className: b, ref: l, children: [
-      i && /* @__PURE__ */ e("a", { className: `${c}--link`, href: i, title: r, children: /* @__PURE__ */ e("span", { className: `${c}--link--text`, children: r }) }),
-      /* @__PURE__ */ o("div", { className: `${c}--wrap`, children: [
-        m && /* @__PURE__ */ e("div", { className: `${c}--image--wrapper`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
-          "img",
-          {
-            src: m,
-            alt: r,
-            className: `${c}--picture`
-          }
-        ) }) }),
-        /* @__PURE__ */ o("div", { className: `${c}--content`, children: [
-          N && /* @__PURE__ */ e("p", { className: `${c}--eyebrow`, children: N }),
-          /* @__PURE__ */ e(a, { className: `${c}--title`, children: r }),
-          m && /* @__PURE__ */ e("div", { className: `${c}--image--wrapper`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
-            "img",
-            {
-              src: m,
-              alt: r,
-              className: `${c}--picture`
-            }
-          ) }) }),
-          p && /* @__PURE__ */ e("p", { className: `${c}--intro`, children: p }),
-          $ && /* @__PURE__ */ e(g, { ...$ })
-        ] })
-      ] })
-    ] });
-  }
-), T = v(
-  ({
-    className: h,
-    title: r,
-    theme: n = "light",
-    size: s = "narrow",
-    date: p,
-    profile: i,
-    link: $,
-    titleLevel: m = "p",
-    eyebrow: a
-  }, N) => {
-    const { prefix: _ } = f(), d = `${_}--card`, l = u(`${d}--wrapper`, h), t = u(d, `${d}__type__text`, {
-      [`${d}__action`]: $,
-      [`${d}__size__${String(s)}`]: s,
-      [`${d}__theme__${n}`]: n
-    });
-    return /* @__PURE__ */ e("div", { className: l, ref: N, children: /* @__PURE__ */ o("div", { className: t, children: [
-      /* @__PURE__ */ e("a", { className: `${d}--link`, href: $, title: r, children: /* @__PURE__ */ e("span", { className: `${d}--link--text`, children: r }) }),
-      /* @__PURE__ */ e("div", { className: `${d}--wrap`, children: /* @__PURE__ */ o("div", { className: `${d}--content`, children: [
-        a && /* @__PURE__ */ e("p", { className: `${d}--eyebrow`, children: a }),
-        /* @__PURE__ */ e(m, { className: `${d}--title`, children: r }),
-        p && /* @__PURE__ */ e("time", { className: `${d}--date`, dateTime: p.unix, children: p.human }),
-        i && /* @__PURE__ */ e(
-          k,
-          {
-            avatar: i.avatar,
-            description: i.description,
-            link: i.link,
-            name: i.name,
-            role: i.role,
-            theme: n
-          }
-        )
-      ] }) })
-    ] }) });
-  }
-), z = v(
-  ({
-    className: h,
-    title: r,
-    theme: n = "light",
-    size: s = "narrow",
-    cornercut: p,
-    intro: i,
-    link: $,
-    cta: m,
-    titleLevel: a = "p",
-    eyebrow: N
-  }, _) => {
-    const { prefix: d } = f(), l = `${d}--card`, t = u(
-      `${l}--wrapper`,
-      h,
-      `${l}--wrapper__type__promo`,
-      `${l}--wrapper__type__promo__size__${s}`
-    ), c = u(l, `${l}__type__promo`, {
-      [`${l}__action`]: $,
-      [`${l}__size__${String(s)}`]: s,
-      [`${l}__theme__${n}`]: n,
-      [`${l}__cornercut`]: p
-    });
-    return /* @__PURE__ */ e("div", { className: t, ref: _, children: /* @__PURE__ */ o("div", { className: c, children: [
-      /* @__PURE__ */ e("a", { className: `${l}--link`, href: $, title: r, children: /* @__PURE__ */ e("span", { className: `${l}--link--text`, children: r }) }),
-      /* @__PURE__ */ e("div", { className: `${l}--wrap`, children: /* @__PURE__ */ o("div", { className: `${l}--content`, children: [
-        N && /* @__PURE__ */ e("p", { className: `${l}--eyebrow`, children: N }),
-        /* @__PURE__ */ e(a, { className: `${l}--title`, children: r }),
-        i && /* @__PURE__ */ e("p", { className: `${l}--intro`, children: i }),
-        (m == null ? void 0 : m.label) && /* @__PURE__ */ e("div", { className: `${l}--cta`, children: /* @__PURE__ */ e(
-          C,
-          {
-            link: { url: m.url, label: m.label },
-            size: "medium",
-            type: "primary"
-          }
-        ) })
-      ] }) })
-    ] }) });
-  }
-), F = v(
-  ({
-    className: h,
-    title: r,
-    theme: n = "light",
-    size: s = "narrow",
-    date: p,
-    link: i,
-    linklist: $,
-    image: m,
-    titleLevel: a = "p",
-    eyebrow: N,
-    isVideo: _
-  }, d) => {
-    const { prefix: l } = f(), t = `${l}--card`, c = u(
-      t,
-      h,
-      `${t}__type__feature`,
-      {
-        [`${t}__action`]: i,
-        [`${t}__size__${String(s)}`]: s,
-        [`${t}__theme__${n}`]: n,
-        [`${t}__isvideo`]: _,
-        [`${t}__linklist`]: $
-      }
-    );
-    return /* @__PURE__ */ o("div", { className: c, ref: d, children: [
-      i && /* @__PURE__ */ e("a", { className: `${t}--link`, href: i, title: r, children: /* @__PURE__ */ e("span", { className: `${t}--link--text`, children: r }) }),
-      /* @__PURE__ */ o("div", { className: `${t}--wrap`, children: [
-        m && /* @__PURE__ */ e("div", { className: `${t}--image--wrapper`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
-          "img",
-          {
-            src: m,
-            alt: r,
-            className: `${t}--picture`
-          }
-        ) }) }),
-        /* @__PURE__ */ o("div", { className: `${t}--content`, children: [
-          N && /* @__PURE__ */ e("p", { className: `${t}--eyebrow`, children: N }),
-          /* @__PURE__ */ e(a, { className: `${t}--title`, children: r }),
-          p && /* @__PURE__ */ e("time", { className: `${t}--date`, dateTime: p.unix, children: p.human }),
-          $ && /* @__PURE__ */ e(
-            g,
-            {
-              headline: $.headline,
-              linkgroup: $.linkgroup,
-              theme: n
-            }
-          )
-        ] })
-      ] })
-    ] });
-  }
-), P = v(
-  ({
-    className: h,
-    title: r,
-    theme: n = "light",
-    size: s = "narrow",
-    date: p,
-    details: i,
-    link: $,
-    titleLevel: m = "p",
-    eyebrow: a,
-    intro: N,
-    image: _,
-    isVideo: d = !1
-  }, l) => {
-    const { prefix: t } = f(), c = `${t}--card`, b = u(
-      c,
-      `${c}__type__detail`,
-      h,
-      {
-        [`${c}__action`]: $,
-        [`${c}__size__${String(s)}`]: s,
-        [`${c}__theme__${n}`]: n,
-        [`${c}__isvideo`]: d
-      }
-    );
-    return /* @__PURE__ */ o("div", { className: b, ref: l, children: [
-      $ && /* @__PURE__ */ e("a", { className: `${c}--link`, href: $, title: r, children: /* @__PURE__ */ e("span", { className: `${c}--link--text`, children: r }) }),
-      /* @__PURE__ */ o("div", { className: `${c}--wrap`, children: [
-        _ && /* @__PURE__ */ e("div", { className: `${c}--image--wrapper`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
-          "img",
-          {
-            className: `${c}--picture`,
-            src: _,
-            alt: r
-          }
-        ) }) }),
-        /* @__PURE__ */ o("div", { className: `${c}--content`, children: [
-          a && /* @__PURE__ */ e("p", { className: `${c}--eyebrow`, children: a }),
-          r && /* @__PURE__ */ e(m, { className: `${c}--title`, children: r }),
-          N && /* @__PURE__ */ e("p", { className: `${c}--intro`, children: N }),
-          p && /* @__PURE__ */ e("time", { className: `${c}--date`, dateTime: p.unix, children: p.human }),
-          i && /* @__PURE__ */ e("p", { className: `${c}--date-extra`, children: i })
-        ] })
-      ] })
-    ] });
-  }
-), D = v(
-  ({
-    title: h,
-    theme: r = "light",
-    size: n = "narrow",
-    list: s,
-    titleLevel: p = "p",
-    className: i
-  }, $) => {
-    const { prefix: m } = f(), a = `${m}--card`, N = u(
-      a,
-      `${a}__type__factlist`,
-      i,
-      {
-        [`${a}__size__${n}`]: n,
-        [`${a}__theme__${r}`]: r
-      }
-    );
-    return /* @__PURE__ */ e("div", { className: N, ref: $, children: /* @__PURE__ */ e("div", { className: `${a}--wrap`, children: /* @__PURE__ */ o("div", { className: `${a}--content`, children: [
-      h && /* @__PURE__ */ e(p, { className: `${m}--card--title`, children: h }),
-      /* @__PURE__ */ e(w, { alignment: "default", ordered: "unordered", theme: r, children: s.map((_) => /* @__PURE__ */ e(w.Item, { children: /* @__PURE__ */ e("p", { children: _ }) }, _)) })
-    ] }) }) });
-  }
-), G = v(
-  ({ eyebrow: h, size: r = "narrow", image: n, dataset: s, columns: p = "one", className: i }, $) => {
-    var d;
-    const { prefix: m } = f(), a = `${m}--card`, N = u(
-      a,
-      `${a}__type__data`,
-      i,
-      {
-        [`${a}__size__${String(r)}`]: r,
-        [`${a}__type__data__columns__${p}`]: p
-      }
-    ), _ = u(`${a}--content`, {
-      [`${a}--content__with-image`]: n,
-      [`${a}--content__no-image-with-links`]: !n && (s == null ? void 0 : s.links),
-      [`${a}--content__default`]: !n && !(s != null && s.links)
-    });
-    return /* @__PURE__ */ e("div", { className: N, ref: $, children: /* @__PURE__ */ o("div", { className: `${a}--wrap`, children: [
-      !n && h && /* @__PURE__ */ e("div", { className: `${a}--eyebrow`, children: h }),
-      /* @__PURE__ */ o("div", { className: _, children: [
-        n && /* @__PURE__ */ o("div", { className: `${a}--area--image`, children: [
-          h && /* @__PURE__ */ e("div", { className: `${a}--eyebrow`, children: h }),
-          /* @__PURE__ */ e("div", { className: `${a}--image`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
-            "img",
-            {
-              className: `${a}--picture`,
-              src: n,
-              alt: h
-            }
-          ) }) })
-        ] }),
-        (d = s == null ? void 0 : s.content) == null ? void 0 : d.items.map((l, t) => /* @__PURE__ */ o("div", { className: `${a}--area--content`, children: [
-          /* @__PURE__ */ e("p", { className: `${a}__type__data--content-label`, children: l.label }),
-          /* @__PURE__ */ e("p", { className: `${a}__type__data--content-copy`, children: l.copy })
-        ] }, t)),
-        (s == null ? void 0 : s.files) && /* @__PURE__ */ e("div", { className: `${a}--area--files`, children: /* @__PURE__ */ o("div", { className: `${a}__type__data--content-files`, children: [
-          /* @__PURE__ */ e("p", { className: `${a}__type__data--content-label`, children: s.files.headline }),
-          s.files.items.map((l, t) => /* @__PURE__ */ e(
-            C,
-            {
-              link: {
-                url: l.url,
-                label: l.label,
-                target: l.target || "_self"
-              },
-              size: "small"
-            },
-            t
-          ))
-        ] }) }),
-        (s == null ? void 0 : s.cta) && /* @__PURE__ */ e("div", { className: `${a}--area--cta`, children: /* @__PURE__ */ o("div", { className: `${a}__type__data--content-cta`, children: [
-          /* @__PURE__ */ e("p", { className: `${a}__type__data--content-label`, children: s.cta.headline }),
-          s.cta.items.map((l) => /* @__PURE__ */ e(
-            C,
-            {
-              type: "secondary",
-              size: "small",
-              link: {
-                url: l.url,
-                label: l.label,
-                target: l.target
-              }
-            },
-            l.label
-          ))
-        ] }) }),
-        (s == null ? void 0 : s.links) && /* @__PURE__ */ e("div", { className: `${a}--area--links`, children: /* @__PURE__ */ o("div", { className: `${a}__type__data--content-links`, children: [
-          /* @__PURE__ */ e("p", { className: `${a}__type__data--content-label`, children: s.links.headline }),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: `${a}__type__data--content-links-list`,
-              children: s.links.items.map((l) => /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(
-                y,
-                {
-                  url: l.url,
-                  label: l.label,
-                  className: `${a}__type__data--content-link`
-                }
-              ) }, l.label + l.url))
-            }
-          )
-        ] }) })
-      ] })
-    ] }) });
-  }
-), M = {
-  stat: L,
-  multilink: S,
-  text: T,
-  promo: z,
-  feature: F,
-  detail: P,
-  factlist: D,
-  data: G
-}, K = v(
-  ({ type: h, group: r, cardCount: n = "one", cta: s, collapsed: p = !1 }, i) => {
-    const $ = M[h], { prefix: m } = f(), a = `${m}--cardgroup`, N = u(
-      a,
-      `${a}__count__${n}`,
-      {
-        [`${a}__collapsed`]: p
-      }
-    );
-    return /* @__PURE__ */ o("div", { className: N, ref: i, children: [
-      /* @__PURE__ */ e("div", { className: `${a}--inner`, children: r.map((_, d) => /* @__PURE__ */ e($, { ..._ }, d)) }),
-      s && /* @__PURE__ */ e("div", { className: `${a}--button-wrap`, children: /* @__PURE__ */ e(
-        C,
-        {
-          link: {
-            url: s.url,
-            label: s.label
-          },
-          type: "secondary",
-          size: "medium"
-        }
-      ) })
-    ] });
-  }
-);
-export {
-  K as C,
-  P as D,
-  F,
-  S as M,
-  z as P,
-  L as S,
-  T,
-  D as a,
-  G as b
-};

package/lib/esm/_store/ContextMenu-chunk-Zy9igFLz.js

@@ -1,30 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { c as t } from "./index-chunk-0LeqwHm8.js";
-import { u as n } from "./useGlobalSettings-chunk-gkijV3S1.js";
-const p = c(
-  ({ className: m, links: o }, r) => {
-    const { prefix: s } = n();
-    return /* @__PURE__ */ a(
-      "ol",
-      {
-        className: t(`${s}--context-menu`, m),
-        ref: r,
-        children: o.map((e) => /* @__PURE__ */ a(
-          "li",
-          {
-            className: t(`${s}--context-menu--item`, {
-              endsection: e.endsection,
-              className: e.className
-            }),
-            children: /* @__PURE__ */ a("a", { href: e.url, className: `${s}--context-menu--link`, children: /* @__PURE__ */ a("span", { className: `${s}--context-menu--label`, children: e.label }) })
-          },
-          `${e.label}-${e.url}`
-        ))
-      }
-    );
-  }
-);
-export {
-  p as C
-};

package/lib/esm/_store/ContextMenu-entry-C_rAD9kF.js

@@ -1,4 +0,0 @@
-import { C as t } from "./ContextMenu-chunk-Zy9igFLz.js";
-export {
-  t as ContextMenu
-};

package/lib/esm/_store/Hero-entry-DILGWuC0.js

@@ -1,4 +0,0 @@
-import { H as e } from "./Hero-chunk-CZ6kSiY-.js";
-export {
-  e as Hero
-};

package/lib/esm/_store/LanguageToggle-chunk-BxzhPBjU.js

@@ -1,62 +0,0 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { forwardRef as R, useState as w, useRef as l, useLayoutEffect as m } from "react";
-import { u as N } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { c as f } from "./index-chunk-0LeqwHm8.js";
-import { C as L } from "./ContextMenu-chunk-Zy9igFLz.js";
-const E = R(
-  ({ className: d, language: g, theme: p = "light", hideIcon: x, options: a, ...$ }, C) => {
-    const { prefix: h } = N(), [r, u] = w(!0), s = l(null), t = l(null), e = `${h}--language-toggle`;
-    return m(() => {
-      function n(c) {
-        !t.current || !s.current || !t.current.contains(c.target) && !s.current.contains(c.target) && u(!1);
-      }
-      return document.addEventListener("mousedown", n), () => {
-        document.removeEventListener("mousedown", n);
-      };
-    }), m(() => {
-      if (!(!s.current || !t.current) && r) {
-        const n = s.current.getBoundingClientRect(), c = t.current.getBoundingClientRect();
-        t.current.style.left = `${n.left + (n.width - c.width) / 2}px`, t.current.style.top = `${n.bottom}px`;
-      }
-    }, [r]), /* @__PURE__ */ i(
-      "div",
-      {
-        ref: C,
-        className: f(e, d, `${e}--${p}`, {
-          [`${e}--open`]: r
-        }),
-        ...$,
-        children: [
-          /* @__PURE__ */ i(
-            "button",
-            {
-              className: `${e}--container`,
-              ref: s,
-              onClick: () => {
-                u(!r);
-              },
-              children: [
-                !x && /* @__PURE__ */ o("span", { className: `${e}--icon` }),
-                /* @__PURE__ */ o("span", { className: `${e}--action`, children: g }),
-                /* @__PURE__ */ o("span", { className: `${e}--arrow` })
-              ]
-            }
-          ),
-          a && /* @__PURE__ */ o(
-            "div",
-            {
-              className: f(`${e}--context-menu`, {
-                [`${e}--context-menu__open`]: r
-              }),
-              ref: t,
-              children: /* @__PURE__ */ o(L, { links: a })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-export {
-  E as L
-};

package/lib/esm/_store/LanguageToggle-entry-COfb1a3N.js

@@ -1,4 +0,0 @@
-import { L as e } from "./LanguageToggle-chunk-BxzhPBjU.js";
-export {
-  e as LanguageToggle
-};

package/lib/esm/_store/LocalNav-entry-DydB3k67.js

@@ -1,4 +0,0 @@
-const a = () => null, o = a;
-export {
-  o as LocalNav
-};

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

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { LocalNavProps } from './LocalNav.props';
-
-declare const LocalNav: FC<LocalNavProps>;
-export default LocalNav;

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

@@ -1,38 +0,0 @@
-import { LogoProps } from '../Logo/Logo.props';
-
-export interface LocalNavProps {
-    /**
-     * Props for the background colour of the LocalNav
-     */
-    background?: string;
-    /**
-     * Props for the Logo component of the LocalNav
-     */
-    logo: LogoProps;
-    /**
-     * Specify the primary items for the LocalNav
-     */
-    primarynav?: PrimaryNavProps;
-    /**
-     * Specify the main link for the LocalNav
-     */
-    /**
-     * Specify the menu close label for the LocalNav
-     */
-    menucloselabel?: string;
-    /**
-     * Specify the language label for the LocalNav
-     */
-    languagelabel?: string;
-}
-interface PrimaryNavProps {
-    /**
-     * Specify the label for local nav
-     */
-    navlabel?: Required<string>;
-    /**
-     * Specify the close label for mobile local nav
-     */
-    mobilecloselabel?: Required<string>;
-}
-export {};

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

@@ -1 +0,0 @@
-export { default as LocalNav } from './LocalNav';