@ilo-org/react 0.12.0 → 0.13.0

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

@@ -1,37 +0,0 @@
-'use strict';
-
-var components_Cards_FeatureCard_index = require('./FeatureCard/index.js');
-var components_Cards_DataCard_index = require('./DataCard/index.js');
-var components_Cards_DetailCard_index = require('./DetailCard/index.js');
-var components_Cards_FactlistCard_index = require('./FactlistCard/index.js');
-var components_Cards_MultilinkCard_index = require('./MultilinkCard/index.js');
-var components_Cards_PromoCard_index = require('./PromoCard/index.js');
-var components_Cards_StatCard_index = require('./StatCard/index.js');
-var components_Cards_TextCard_index = require('./TextCard/index.js');
-var components_Cards_Card = require('./Card.js');
-var components_Cards_CardGroup = require('./CardGroup.js');
-require('react/jsx-runtime');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-require('../LinkList/LinkList.js');
-require('../Link/Link.js');
-require('../List/List.js');
-require('../../ListCtx-14aa546f.js');
-require('../List/ListItem.js');
-require('../Profile/Profile.js');
-
-
-
-exports.FeatureCard = components_Cards_FeatureCard_index;
-exports.DataCard = components_Cards_DataCard_index;
-exports.DetailCard = components_Cards_DetailCard_index;
-exports.FactlistCard = components_Cards_FactlistCard_index;
-exports.MultilinkCard = components_Cards_MultilinkCard_index;
-exports.PromoCard = components_Cards_PromoCard_index;
-exports.StatCard = components_Cards_StatCard_index;
-exports.TextCard = components_Cards_TextCard_index;
-exports.Card = components_Cards_Card;
-exports.CardGroup = components_Cards_CardGroup;

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

@@ -1,38 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import FeatureCard from './FeatureCard/index.js';
-import DataCard from './DataCard/index.js';
-import DetailCard from './DetailCard/index.js';
-import FactlistCard from './FactlistCard/index.js';
-import MultilinkCard from './MultilinkCard/index.js';
-import PromoCard from './PromoCard/index.js';
-import StatCard from './StatCard/index.js';
-import TextCard from './TextCard/index.js';
-import 'classnames';
-import 'tslib';
-import 'react';
-import '../../GlobalCtx-7fb23cfa.js';
-import '../../hooks/useGlobalSettings.js';
-import '../LinkList/LinkList.js';
-import '../Link/Link.js';
-import '../List/List.js';
-import '../../ListCtx-da435fdf.js';
-import '../List/ListItem.js';
-import '../Profile/Profile.js';
-
-const Card = (props) => {
-    const componentMap = {
-        data: DataCard,
-        detail: DetailCard,
-        factlist: FactlistCard,
-        featurecard: FeatureCard,
-        multilink: MultilinkCard,
-        promo: PromoCard,
-        stat: StatCard,
-        text: TextCard,
-    };
-    const { type } = props;
-    const SelectedCardComponent = componentMap[type] || FeatureCard;
-    return jsx(SelectedCardComponent, Object.assign({}, props));
-};
-
-export { Card as default };

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

@@ -1,31 +0,0 @@
-import './FeatureCard/index.js';
-import './DataCard/index.js';
-import './DetailCard/index.js';
-import './FactlistCard/index.js';
-import './MultilinkCard/index.js';
-import './PromoCard/index.js';
-import './StatCard/index.js';
-import './TextCard/index.js';
-import Card from './Card.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import 'tslib';
-import 'react';
-import '../../ListCtx-da435fdf.js';
-import '../LinkList/LinkList.js';
-import '../../GlobalCtx-7fb23cfa.js';
-import '../Link/Link.js';
-import '../List/List.js';
-import '../List/ListItem.js';
-import '../Profile/Profile.js';
-
-const CardGroup = ({ cards, cardcount, cta }) => {
-    const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--cardgroup`;
-    const cardGroupClasses = classNames(baseClass, `${baseClass}--${cardcount}`);
-    return (jsxs("div", Object.assign({ className: cardGroupClasses }, { children: [jsx("div", Object.assign({ className: `${baseClass}--inner` }, { children: cards &&
-                    cards.map((card) => (jsx(Card, { title: card.title, image: card.image, intro: card.intro, eyebrow: card.eyebrow, date: card.date, dataset: card.dataset, link: card.link, profile: card.profile, cta: card.cta, source: card.source, listitems: card.listitems, linklist: card.linklist, color: card.color, theme: card.theme, cornercut: card.cornercut, alignment: card.alignment, type: card.type, size: card.size }))) })), cta && (jsx("div", Object.assign({ className: `${baseClass}--button-wrap` }, { children: jsx("a", Object.assign({ className: `${prefix}--button ${prefix}--button--medium ${prefix}--button--secondary`, href: cta.url }, { children: jsx("span", Object.assign({ className: "button__label" }, { children: cta.label })) })) })))] })));
-};
-
-export { CardGroup as default };

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

@@ -1,22 +0,0 @@
-export { default as FeatureCard } from './FeatureCard/index.js';
-export { default as DataCard } from './DataCard/index.js';
-export { default as DetailCard } from './DetailCard/index.js';
-export { default as FactlistCard } from './FactlistCard/index.js';
-export { default as MultilinkCard } from './MultilinkCard/index.js';
-export { default as PromoCard } from './PromoCard/index.js';
-export { default as StatCard } from './StatCard/index.js';
-export { default as TextCard } from './TextCard/index.js';
-export { default as Card } from './Card.js';
-export { default as CardGroup } from './CardGroup.js';
-import 'react/jsx-runtime';
-import 'classnames';
-import '../../hooks/useGlobalSettings.js';
-import 'tslib';
-import 'react';
-import '../../GlobalCtx-7fb23cfa.js';
-import '../LinkList/LinkList.js';
-import '../Link/Link.js';
-import '../List/List.js';
-import '../../ListCtx-da435fdf.js';
-import '../List/ListItem.js';
-import '../Profile/Profile.js';

package/lib/types/react/src/components/Cards/Card.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { CardProps } from "./Card.props";
-declare const Card: FC<CardProps>;
-export default Card;

package/lib/types/react/src/components/Cards/Card.props.d.ts

@@ -1,307 +0,0 @@
-import { CardAlignment, ThemeTypes, CardCornerType, CardColor, CardSize, CardTypes } from "../../types";
-import { LinkProps, LinkListProps } from "../LinkList/LinkList.props";
-import { ProfileProps } from "../Profile/Profile.props";
-export type 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;
-};
-export type 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;
-    /**
-     * 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">;
-};
-export type FactlistCardProps = {
-    /**
-     * The title of the card
-     */
-    title: string;
-    /**
-     * Will render the card to appear on light or dark backgrounds
-     */
-    theme?: ThemeTypes;
-    /**
-     * How big should the card be
-     */
-    size?: Omit<CardSize, "standard">;
-    list?: string[];
-};
-export type FeatureCardProps = {
-    isvideo?: boolean;
-    /**
-     * 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;
-    /**
-     * Will render the card to appear on light or dark backgrounds
-     */
-    theme?: ThemeTypes;
-    /**
-     * How big should the card be
-     */
-    size?: Omit<CardSize, "standard">;
-    /**
-     * Specify the event Date, in both human and Unix format.
-     */
-    date?: EventDate;
-    link?: string;
-    linklist?: LinkListProps;
-    /**
-     * The image to show in the card
-     */
-    image?: string;
-};
-export type MultilinkCardProps = {
-    isvideo?: boolean;
-    /**
-     * 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;
-    /**
-     * How big should the card be
-     */
-    size?: CardSize;
-    alignment?: CardAlignment;
-    intro?: string;
-    link?: string;
-    linklist?: LinkListProps;
-    /**
-     * The image to show in the card
-     */
-    image?: string;
-};
-export type PromoCardProps = {
-    /**
-     * 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;
-    /**
-     * Will render the card to appear on light or dark backgrounds
-     */
-    theme?: ThemeTypes;
-    /**
-     * How big should the card be
-     */
-    size?: CardSize;
-    /**
-     * Apply an optional corner cut to the top of the card
-     */
-    cornercut?: CardCornerType;
-    /**
-     * Introductory text in the card
-     */
-    intro?: string;
-    link?: string;
-    cta?: LinkProps;
-};
-export type StatCardProps = {
-    /**
-     * The title of the card
-     */
-    title: string;
-    color?: CardColor;
-    /**
-     * How big should the card be
-     */
-    size?: Omit<CardSize, "narrow" | "wide">;
-    /**
-     * Introductory text in the card
-     */
-    intro?: string;
-    source?: LinkProps;
-};
-export type TextCardProps = {
-    /**
-     * 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;
-    /**
-     * Will render the card to appear on light or dark backgrounds
-     */
-    theme?: ThemeTypes;
-    /**
-     * How big should the card be
-     */
-    size?: Omit<CardSize, "standard">;
-    /**
-     * Specify the event Date, in both human and Unix format.
-     */
-    date?: EventDate;
-    profile: ProfileProps;
-    link?: string;
-};
-export interface CardProps {
-    /**
-     * Specify whether the card should display a video icon (for Feature card). Possible options: true | false
-     */
-    isvideo?: boolean;
-    /**
-     * Eyebrow field for the card.
-     */
-    eyebrow: string;
-    /**
-     * Title field for the card
-     */
-    title: string;
-    /**
-     * Color of the stat cards, options are turquoise | green| yellow| blue. Only used for stat cards.
-     */
-    color?: CardColor;
-    /**
-     * The theme type for the card. Theme doesn't apply to these card types: Multilink, Data, Stat and Detail. Possible themes: light | dark.
-     */
-    theme?: ThemeTypes;
-    /**
-     * Type - Sets the type of card to render.
-       Option keys: feature, text, detail, promo, multilink, data, stat, factlist
-     */
-    type: CardTypes;
-    /**
-     * Size of the cards (usually reduces padding). `Wide` on Multilink and Feature cause a two column structure above a desktop breakpoint. Possible options: Wide | Standard | Narrow.
-     */
-    size?: CardSize;
-    /**
-     * Specify whether the card has a cut corner. The only card that uses this setting are `Promo`.
-     */
-    cornercut?: CardCornerType;
-    /**
-     * Specify whether a card image is right-aligned or left-aligned for `Multilink` cards. Possible options: left | right.
-     */
-    alignment?: CardAlignment;
-    /**
-     * Intro text field for the card
-     */
-    intro?: string;
-    /**
-     * Specify the event Date, in both human and Unix format.
-     */
-    date?: EventDate;
-    /**
-     * Event details for `Detail` card
-     */
-    eventdetails?: string;
-    /**
-     * Profile to embed in the card for `Text` card
-     */
-    profile?: ProfileProps;
-    /**
-     * A list of text itmes to be embed in the card, specifically used in `Factlist` card.
-     */
-    listitems?: Array<string>;
-    /**
-     * A Link behind a clickable card. Do no use on `Multilink`, `Factlist`, `Data`, or `Stat` cards.
-     */
-    link?: string;
-    /**
-     * Props of the LinkList component. Appears at the bottom of `Multilink` or `Feature` card.
-     */
-    linklist?: LinkListProps;
-    /**
-     * Items for clickable CTA button, specifically used for `Promo` card.
-     */
-    cta?: LinkProps;
-    /**
-     * The image used in a card. Images should be avoided on `Promo`, `Text`, `Factlist`, and `Stat` card.
-     */
-    image?: string;
-    /**
-     * Source link for `Stat` cards.
-     */
-    source?: LinkProps;
-    /**
-     * Dataset object for the `Data` card. An array of Content (label, copy), Files (optional headline, array of items with label and url), and Links (optional headline, array of items with label and url).
-     */
-    dataset?: CardDataset;
-}
-interface EventDate {
-    unix?: string;
-    human?: 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/react/src/components/Cards/CardGroup.props.d.ts

@@ -1,16 +0,0 @@
-import { CardProps } from "./Card.props";
-import { LinkProps } from "../LinkList/LinkList.props";
-export interface CardGroupProps {
-    /**
-     * An array of card objects
-     */
-    cards?: Required<CardProps>[];
-    /**
-     * Number of cards in the group
-     */
-    cardcount: Required<string>;
-    /**
-     * A Button to display after all the cards in the group
-     */
-    cta?: LinkProps;
-}

package/lib/types/react/src/components/Cards/index.d.ts

@@ -1,11 +0,0 @@
-import FeatureCard from "./FeatureCard";
-import DataCard from "./DataCard";
-import DetailCard from "./DetailCard";
-import FactlistCard from "./FactlistCard";
-import MultilinkCard from "./MultilinkCard";
-import PromoCard from "./PromoCard";
-import StatCard from "./StatCard";
-import TextCard from "./TextCard";
-export { FeatureCard, DataCard, DetailCard, FactlistCard, MultilinkCard, PromoCard, StatCard, TextCard, };
-export { default as Card } from "./Card";
-export { default as CardGroup } from "./CardGroup";