@ilo-org/react 0.19.0 → 0.21.0

package/lib/esm/_store/Link-chunk-zt732cUC.js

@@ -1,36 +0,0 @@
-import { jsxs as p, jsx as u } from "react/jsx-runtime";
-import { c as m } from "./index-chunk-0LeqwHm8.js";
-import { u as d } from "./useGlobalSettings-chunk-gkijV3S1.js";
-const k = ({
-  children: i,
-  className: s,
-  label: n,
-  target: e,
-  theme: r = "light",
-  url: t,
-  style: l,
-  ...a
-}) => {
-  const { prefix: c } = d(), o = typeof s < "u" && s.includes("button") ? "" : `${c}--link`, f = m(s, {
-    [o]: !0,
-    [`${o}--${r}`]: r
-  });
-  return /* @__PURE__ */ p(
-    "a",
-    {
-      className: f,
-      href: t,
-      target: e,
-      rel: e ? "noopener noreferrer" : "",
-      style: l,
-      ...a,
-      children: [
-        n && /* @__PURE__ */ u("span", { className: "link__label", children: n }),
-        i
-      ]
-    }
-  );
-}, h = k;
-export {
-  h as L
-};

package/lib/esm/_store/Link-entry-BY4hUubQ.js

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

package/lib/esm/_store/LinkList-chunk-Doq6Z7IG.js

@@ -1,41 +0,0 @@
-import { jsxs as n, jsx as l } from "react/jsx-runtime";
-import { c as h } from "./index-chunk-0LeqwHm8.js";
-import { u as p } from "./useGlobalSettings-chunk-gkijV3S1.js";
-const u = ({
-  className: m,
-  headline: c,
-  linkgroup: r,
-  theme: i
-}) => {
-  const { prefix: t } = p(), s = `${t}--link-list`, d = h(m, {
-    [s]: !0,
-    [`${s + "--" + (i && i === "dark" ? i : "light")}`]: !0
-  });
-  return /* @__PURE__ */ n("div", { className: d, children: [
-    c && /* @__PURE__ */ l("h3", { className: `${s}--headline`, children: c }),
-    /* @__PURE__ */ l("ul", { className: `${s}--linkgroups`, children: r && r.map((a, $) => /* @__PURE__ */ n(
-      "li",
-      {
-        className: `${s}--linkgroups-item`,
-        children: [
-          a.headline && /* @__PURE__ */ l("h4", { className: `${s}--links--headline`, children: a.headline }),
-          /* @__PURE__ */ l("ul", { className: `${s}--links`, children: a.links && a.links.map((e, o) => /* @__PURE__ */ l(
-            "li",
-            {
-              className: `${s}--links--item${e.indented ? " indented" : ""}`,
-              children: /* @__PURE__ */ n("a", { href: e.url, className: `${s}--link`, children: [
-                /* @__PURE__ */ l("span", { className: `${s}--label`, children: e.label }),
-                /* @__PURE__ */ l("span", { className: `${s}--icon` })
-              ] })
-            },
-            `${s}--links--item-${o}`
-          )) })
-        ]
-      },
-      `${s}--linkgroups-item-${$}`
-    )) })
-  ] });
-}, f = u;
-export {
-  f as L
-};

package/lib/esm/_store/LinkList-entry-B2LOzklm.js

@@ -1,4 +0,0 @@
-import { L as o } from "./LinkList-chunk-Doq6Z7IG.js";
-export {
-  o as LinkList
-};

package/lib/esm/_store/List-entry-C68jMDRE.js

@@ -1,5 +0,0 @@
-import { L as a, a as L } from "./ListItem-chunk-CKnxZe3Y.js";
-export {
-  a as List,
-  L as ListItem
-};

package/lib/esm/_store/ListItem-chunk-CKnxZe3Y.js

@@ -1,26 +0,0 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { c } from "./index-chunk-0LeqwHm8.js";
-import { u as r } from "./useGlobalSettings-chunk-gkijV3S1.js";
-const p = ({
-  children: t,
-  className: n,
-  alignment: e = "default",
-  ordered: s = "unstyled",
-  title: l
-}) => {
-  const { prefix: i } = r(), a = `${i}--list`, m = `${a}__unstyled`, u = `${a}__horizontal`, C = `${a}--title`, $ = c(n, a, {
-    [m]: s === "unstyled",
-    [u]: e === "horizontal"
-  });
-  return /* @__PURE__ */ f("div", { className: $, children: [
-    l && /* @__PURE__ */ o("h2", { className: C, children: l }),
-    s && s === "ordered" ? /* @__PURE__ */ o("ol", { children: t }) : /* @__PURE__ */ o("ul", { children: t })
-  ] });
-}, y = p, d = ({ children: t, className: n, ...e }) => {
-  const { prefix: s } = r(), l = `${s}--list--item`, i = c(n, l);
-  return /* @__PURE__ */ o("li", { className: i, ...e, children: t });
-}, _ = d;
-export {
-  y as L,
-  _ as a
-};

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

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

package/lib/esm/_store/Notification-chunk-VfaNI3r9.js

@@ -1,61 +0,0 @@
-import { jsx as i, Fragment as N, jsxs as o } from "react/jsx-runtime";
-import { useState as b } from "react";
-import { c as x } from "./index-chunk-0LeqwHm8.js";
-import { u as y } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { B as v } from "./Button-chunk-CTOnaHZ_.js";
-const C = ({
-  className: t,
-  closelabel: r,
-  copy: c,
-  cta: e,
-  headline: d,
-  placement: a,
-  timestamp: l,
-  type: n
-}) => {
-  const { prefix: m } = y(), [u, h] = b(!0), s = `${m}--notification`, p = x(t, {
-    [s]: !0,
-    [`${s}--${a}`]: a,
-    [`icon icon--${n}`]: n
-  }), f = {
-    callback: () => {
-    },
-    className: `${s}--cta`,
-    children: !1,
-    label: e == null ? void 0 : e.label,
-    size: "small",
-    type: "secondary",
-    url: e == null ? void 0 : e.url
-  }, $ = () => {
-    h(!1);
-  };
-  return /* @__PURE__ */ i(N, { children: u && /* @__PURE__ */ o(
-    "div",
-    {
-      className: p,
-      role: "status",
-      "aria-live": "polite",
-      "aria-relevant": "additions",
-      children: [
-        /* @__PURE__ */ o("div", { className: `${s}--content`, children: [
-          /* @__PURE__ */ i("h2", { className: `${s}--headline`, children: d }),
-          /* @__PURE__ */ i("p", { className: `${s}--copy`, children: c }),
-          l && /* @__PURE__ */ i("time", { className: `${s}--date`, dateTime: l.unix, children: l.human }),
-          e && /* @__PURE__ */ i(v, { ...f })
-        ] }),
-        /* @__PURE__ */ i(
-          "button",
-          {
-            className: `${s}--close`,
-            type: "button",
-            onClick: () => $(),
-            children: /* @__PURE__ */ i("span", { children: r })
-          }
-        )
-      ]
-    }
-  ) });
-}, z = C;
-export {
-  z as N
-};

package/lib/esm/_store/Notification-entry-BIQsCmF2.js

@@ -1,4 +0,0 @@
-import { N as t } from "./Notification-chunk-VfaNI3r9.js";
-export {
-  t as Notification
-};

package/lib/esm/_store/Profile-chunk-Bsn46OaP.js

@@ -1,38 +0,0 @@
-import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import { c as d } from "./index-chunk-0LeqwHm8.js";
-import { u as p } from "./useGlobalSettings-chunk-gkijV3S1.js";
-const h = ({
-  avatar: t,
-  className: m,
-  description: r,
-  link: s,
-  name: l,
-  role: i,
-  theme: c = "light",
-  size: n = "large"
-}) => {
-  const { prefix: f } = p(), e = `${f}--profile`, $ = d(m, {
-    [e]: !0,
-    [`${e}__theme__${c}`]: c,
-    [`${e}__size__${n}`]: n
-  });
-  return /* @__PURE__ */ o("figure", { className: $, children: [
-    /* @__PURE__ */ a(
-      "img",
-      {
-        className: `${e}--avatar`,
-        src: t,
-        alt: `Avatar for ${l}`
-      }
-    ),
-    /* @__PURE__ */ a("figcaption", { children: /* @__PURE__ */ o("div", { className: `${e}--figcaption--content`, children: [
-      /* @__PURE__ */ a("div", { className: `${e}--name`, children: l }),
-      i && /* @__PURE__ */ a("div", { className: `${e}--role`, children: i })
-    ] }) }),
-    r && /* @__PURE__ */ a("p", { className: `${e}--description`, children: r }),
-    s && /* @__PURE__ */ a("div", { className: `${e}--link`, children: /* @__PURE__ */ a("a", { href: s.url, target: "__blank", rel: "noopener noreferrer", children: /* @__PURE__ */ a("span", { className: `${e}--link--label`, children: s.label }) }) })
-  ] });
-}, u = h;
-export {
-  u as P
-};

package/lib/esm/_store/Profile-entry-CE39-Kzc.js

@@ -1,4 +0,0 @@
-import { P as e } from "./Profile-chunk-Bsn46OaP.js";
-export {
-  e as Profile
-};

package/lib/esm/_store/SearchField-entry-qYGaidSz.js

@@ -1,4 +0,0 @@
-import { S as a } from "./SearchField-chunk-DfXCHmW0.js";
-export {
-  a as SearchField
-};

package/lib/esm/_store/SocialMedia-entry-Dq52Wl-z.js

@@ -1,4 +0,0 @@
-import { S as e } from "./SocialMedia-chunk-B0IPGaVf.js";
-export {
-  e as SocialMedia
-};

package/lib/esm/_store/Tabs-entry-BARAHSrA.js

@@ -1,4 +0,0 @@
-import { T as r } from "./Tabs-chunk-CpUcNAK9.js";
-export {
-  r as Tabs
-};

package/lib/esm/_store/components-entry-BW50D0h0.js

@@ -1,86 +0,0 @@
-import { Accordion as e } from "./Accordion-entry-B-0bgUhR.js";
-import { F as t } from "./Form-chunk-1a4awKWi.js";
-import { C as m } from "./Collapse-chunk-CyOyOA2s.js";
-import { E as f } from "./Empty-chunk-UEm5zVbe.js";
-import { I as i } from "./Image-chunk-DGh-6cxv.js";
-import { L as n } from "./Loading-chunk-BIJLAqk6.js";
-import { L as l } from "./Radio-chunk-DDMoE7Le.js";
-import { T as c } from "./Tag-chunk-6_6Oh_I3.js";
-import { B as F } from "./Button-chunk-CTOnaHZ_.js";
-import { C as b } from "./ContextMenu-chunk-Zy9igFLz.js";
-import { F as u } from "./Fieldset-chunk-udvv8dML.js";
-import { G as k } from "./GlobalProvider-chunk-nVdEz2_E.js";
-import { N as R } from "./Notification-chunk-VfaNI3r9.js";
-import { R as I } from "./ReadMore-chunk-DoptEIE4.js";
-import { L as v } from "./Textarea-chunk-ClZt7jmS.js";
-import { C as D } from "./Callout-chunk-CsEfqAuS.js";
-import { C as M } from "./Credit-chunk-BjaAFul8.js";
-import { L as V } from "./FileUpload-chunk-Cdl4F5zH.js";
-import { H as y } from "./Heading-chunk-CFEDmQeQ.js";
-import { L as O } from "./Link-chunk-zt732cUC.js";
-import { L as j } from "./NumberPicker-chunk-Z_TIIuxb.js";
-import { R as z } from "./RichText-chunk-BOMiyuNR.js";
-import { T as K } from "./Tooltip-chunk-EJOnwIYn.js";
-import { L as W } from "./Checkbox-chunk-CdjFGjiG.js";
-import { L as Y } from "./DatePicker-chunk-BoTriI-e.js";
-import { H as _ } from "./Hero-chunk-swloBIGl.js";
-import { H as oo } from "./HeroCard-chunk-fz3EIUiE.js";
-import { L as eo } from "./LinkList-chunk-Doq6Z7IG.js";
-import { P as to } from "./Pagination-chunk-Ci7qN6no.js";
-import { S as mo } from "./SearchField-chunk-DfXCHmW0.js";
-import { V as fo } from "./Video-chunk-DAqwWSGg.js";
-import { L as io } from "./Dropdown-chunk-DxXjnNBq.js";
-import { I as no } from "./Icon-chunk-nLD8VsP5.js";
-import { L as Co } from "./ListItem-chunk-CKnxZe3Y.js";
-import { P as To } from "./Profile-chunk-Bsn46OaP.js";
-import { T as Po } from "./TableOfContents-chunk-BXnS8D2s.js";
-import { F as go } from "./Footer-chunk-Cfulou_M.js";
-import { LocalNav as Ho } from "./LocalNav-entry-DydB3k67.js";
-import { Navigation as No } from "./Navigation-entry-BLC2KoMs.js";
-import { B as Bo } from "./Breadcrumb-chunk-DcsXzPvT.js";
-import { T as ho } from "./Tabs-chunk-CpUcNAK9.js";
-import { C as Go } from "./CardGroup-chunk-0V0yYua2.js";
-export {
-  e as Accordion,
-  Bo as Breadcrumb,
-  F as Button,
-  D as Callout,
-  Go as CardGroup,
-  W as Checkbox,
-  m as Collapse,
-  b as ContextMenu,
-  M as Credit,
-  Y as DatePicker,
-  io as Dropdown,
-  f as Empty,
-  u as Fieldset,
-  V as FileUpload,
-  go as Footer,
-  t as Form,
-  k as GlobalProvider,
-  y as Heading,
-  _ as Hero,
-  oo as HeroCard,
-  no as Icon,
-  i as Image,
-  O as Link,
-  eo as LinkList,
-  Co as List,
-  n as Loading,
-  Ho as LocalNav,
-  No as Navigation,
-  R as Notification,
-  j as NumberPicker,
-  to as Pagination,
-  To as Profile,
-  l as Radio,
-  I as ReadMore,
-  z as RichText,
-  mo as SearchField,
-  Po as TableOfContents,
-  ho as Tabs,
-  c as Tag,
-  v as Textarea,
-  K as Tooltip,
-  fo as Video
-};

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

@@ -1,69 +0,0 @@
-import { default as React, ReactNode } from 'react';
-import { ButtonFunctions, ButtonTypes, PositionTypes, SizeTypes } from '../../types';
-
-export interface ButtonProps {
-    /**
-     * Specify the callback of your Button.
-     */
-    callback?: (e: React.MouseEvent<Element, MouseEvent>) => unknown;
-    /**
-     * Specify the content of your Button.
-     */
-    children?: ReactNode;
-    /**
-     * Specify an optional className to be added to your Button.
-     */
-    className?: string;
-    /**
-     * Specify the name for the Button.
-     */
-    name?: string;
-    /**
-     * Specify whether or not the button is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Specify the icon for the Button
-     */
-    icon?: string;
-    /**
-     * Specify the icon for the Button
-     */
-    iconPosition?: PositionTypes;
-    /**
-     * Does this button display an icon only?
-     */
-    icononly?: boolean;
-    /**
-     * Specify which function the button performs
-     */
-    kind?: ButtonFunctions;
-    /**
-     * Specify the label for the Button
-     */
-    label?: string;
-    /**
-     * Does this button open a modal?
-     */
-    opensmodal?: boolean;
-    /**
-     * Specify an optional className to be added to your Button.
-     */
-    size?: SizeTypes;
-    /**
-     * Specify the target for when Button is really a link
-     */
-    target?: string;
-    /**
-     * Specify an optional className to be added to your Button.
-     */
-    type?: ButtonTypes;
-    /**
-     * Specify the url for the Button's href
-     */
-    url?: string;
-    /**
-     * Inline styles to be applied to the rendered element
-     */
-    style?: React.CSSProperties;
-}

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

@@ -1,51 +0,0 @@
-import { CalloutTypes } from '../../types';
-
-interface CTAProps {
-    /**
-     * Specify the label of the CTA
-     */
-    label?: string;
-    /**
-     * Specify the url of the CTA
-     */
-    url?: string;
-}
-export interface CalloutProps {
-    /**
-     * Specify the settings for an option CTA
-     */
-    cta?: CTAProps;
-    /**
-     * Specify an optional className to be added to your RichText.
-     */
-    className?: string;
-    /**
-     * Specify the copy
-     */
-    copy?: Required<string>;
-    /**
-     * Specify if callout is collapsible
-     */
-    isCollapsible?: boolean;
-    /**
-     * Specify if callout is open (only important for collapsible items)
-     */
-    isOpen?: boolean;
-    /**
-     * Specify the callout headline
-     */
-    headline?: string;
-    /**
-     * Specify the open label
-     */
-    toggleOpenLabel?: string;
-    /**
-     * Specify the open label
-     */
-    toggleClosedLabel?: string;
-    /**
-     * Describe the type of callout
-     */
-    type?: CalloutTypes;
-}
-export {};

package/lib/types/components/Cards/CardGroup/CardGroup.d.ts

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

package/lib/types/components/Cards/CardGroup/CardGroup.props.d.ts

@@ -1,86 +0,0 @@
-import { LinkProps } from '../../LinkList/LinkList.props';
-import { StatCardProps } from '../StatCard';
-import { MultilinkCardProps } from '../MultilinkCard';
-import { TextCardProps } from '../TextCard';
-import { PromoCardProps } from '../PromoCard';
-import { FeatureCardProps } from '../FeatureCard';
-import { DetailCardProps } from '../DetailCard';
-import { FactlistCardProps } from '../FactlistCard';
-import { DataCardProps } from '../DataCard';
-import { HeadingTypes, CardSize, ThemeTypes, CardAlignment } from '../../../types';
-
-export interface CommonCardGroupProps {
-    /**
-     *Collapsed - Optionally collapses margins between the cards.
-     *Option keys: true, false
-     */
-    collapsed?: boolean;
-    /**
-     *Number of cards in the group
-     */
-    cardCount: string;
-    /**
-     *Size - Sets the layout of the cards in the group. See the Card component for more info on this setting, which has different effects on the different types of cards.
-     *Option keys: standard, narrow, wide, fluid
-     */
-    size: CardSize;
-    /**
-     *Alignment - Positions the image to the right or to the left of the content when the card is displayed in a wide or fluid size. Has no effect if the card is displayed in a standard or narrow size. Only used by `Multilink Card`.
-     *Option keys: left, right
-     */
-    alignment?: CardAlignment;
-    /**
-     *Set the title level for all the cards in the group
-     */
-    titleLevel?: HeadingTypes;
-    /**
-     *A Button to display after all the cards in the group
-     */
-    cta?: LinkProps;
-    /**
-     *Theme - Sets all of the cards to appear as either light or dark. Used by all card groups except for Multilink Card, Data Card and Stat Card.
-     *Option keys: dark, light
-     */
-    theme?: ThemeTypes;
-}
-export interface StatCardGroup extends CommonCardGroupProps {
-    /**
-     * Represents different types of card groups:
-     */
-    type: "stat";
-    /**
-     * An array of card objects corresponding to the respective card type:
-     */
-    cards: StatCardProps[];
-}
-export interface MultilinkCardGroup extends CommonCardGroupProps {
-    type: "multilink";
-    cards: MultilinkCardProps[];
-}
-export interface TextCardGroup extends CommonCardGroupProps {
-    type: "text";
-    cards: TextCardProps[];
-}
-export interface PromoCardGroup extends CommonCardGroupProps {
-    type: "promo";
-    cards: PromoCardProps[];
-}
-export interface FeatureCardGroup extends CommonCardGroupProps {
-    type: "feature";
-    cards: FeatureCardProps[];
-}
-export interface DetailCardGroup extends CommonCardGroupProps {
-    type: "detail";
-    cards: DetailCardProps[];
-}
-export interface FactlistCardGroup extends CommonCardGroupProps {
-    type: "factlist";
-    cards: FactlistCardProps[];
-}
-export interface DataCardGroup extends CommonCardGroupProps {
-    type: "data";
-    titleLevel?: never;
-    cards: DataCardProps[];
-}
-export type CardGroupComponentProps = StatCardProps | MultilinkCardProps | TextCardProps | PromoCardProps | FeatureCardProps | DetailCardProps | FactlistCardProps | DataCardProps;
-export type CardGroupProps = StatCardGroup | MultilinkCardGroup | TextCardGroup | PromoCardGroup | FeatureCardGroup | DetailCardGroup | FactlistCardGroup | DataCardGroup;

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

@@ -1,3 +0,0 @@
-export { default as CardGroup } from './CardGroup';
-export type { CardGroupProps } from './CardGroup.props';
-export { default as CardGroupArgs } from './CardGroup.args';

package/lib/types/components/Cards/DataCard/DataCard.d.ts

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

package/lib/types/components/Cards/DataCard/DataCard.props.d.ts

@@ -1,51 +0,0 @@
-import { CardSize } from '../../../types';
-import { LinkProps } from '../../LinkList/LinkList.props';
-
-export interface DataCardProps {
-    /**
-     * A line of text that appears as a small heading at the top of the card
-     */
-    eyebrow?: string;
-    /**
-     * How big should the card be
-     */
-    size?: Omit<CardSize, "standard">;
-    /**
-     * The image to show in the card
-     */
-    image?: string;
-    /**
-     * Array of Content (label, copy), Files object (optional headline, array of items with label and url) and Links * * object (optional headline, array of items with label and url)
-     */
-    dataset?: CardDataset;
-    /**
-     * Make the content appear in one or two columns. Only applies when the size is set to `wide` or `fluid`
-     */
-    columns?: string;
-}
-interface CardDataset {
-    content?: DataContent;
-    files?: DataFile;
-    links?: DataLink;
-    cta?: Cta;
-}
-interface DataContent {
-    items?: Array<ContentItem>;
-}
-interface ContentItem {
-    label?: string;
-    copy?: string;
-}
-interface DataFile {
-    headline?: string;
-    items?: Array<LinkProps>;
-}
-interface DataLink {
-    headline?: string;
-    items?: Array<LinkProps>;
-}
-interface Cta {
-    headline?: string;
-    items?: Array<LinkProps>;
-}
-export {};

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

@@ -1,3 +0,0 @@
-export { default as DataCard } from './DataCard';
-export type { DataCardProps } from './DataCard.props';
-export { DataCardArgs } from './DataCard.args';

package/lib/types/components/Cards/DetailCard/DetailCard.d.ts

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

package/lib/types/components/Cards/DetailCard/DetailCard.props.d.ts

@@ -1,40 +0,0 @@
-import { CardSize, EventDate, HeadingTypes } from '../../../types';
-
-export interface DetailCardProps {
-    /**
-     * A line of text that appears as a small heading above the title of the card
-     */
-    eyebrow?: string;
-    /**
-     * The title of the card
-     */
-    title: string;
-    /**
-     * HTML element used for the title
-     */
-    titleLevel?: HeadingTypes;
-    /**
-     * Introductory text in the card
-     */
-    intro?: string;
-    /**
-     * Specify the event Date, in both human and Unix format.
-     */
-    date?: EventDate;
-    /**
-     * Information about an event
-     */
-    eventdetails?: string;
-    /**
-     * A URL to link to
-     */
-    link?: string;
-    /**
-     * The image to show in the card
-     */
-    image?: string;
-    /**
-     * How big should the card be
-     */
-    size?: Omit<CardSize, "standard">;
-}