@ilo-org/react 0.0.18 → 0.1.0

package/lib/types/react/src/components/Hero/HeroCard.props.d.ts

@@ -0,0 +1,54 @@
+import { HeroCardAlignment, HeroCardTypes, HeroCardTheme } from "../../types";
+export interface HeroCardProps {
+    /**
+     * Theme for the card
+     */
+    alignment?: HeroCardAlignment;
+    /**
+     * Specify an optional className to be added to your Hero component.
+     */
+    className?: string;
+    /**
+     * date copy for the hero card
+     */
+    datecopy?: string;
+    /**
+     * eyebrow copy for the hero card
+     */
+    eyebrow?: string;
+    /**
+     * body copy for the hero card
+     */
+    intro?: string;
+    /**
+     * Specify the links to be displayed in this link group
+     */
+    socials?: SocialProps[];
+    /**
+     * Title for the page
+     */
+    title?: string;
+    /**
+     * Theme for the card
+     */
+    theme?: HeroCardTheme;
+    /**
+     * Type of hero for the card
+     */
+    types?: HeroCardTypes;
+}
+interface SocialProps {
+    /**
+     * Specify the label for this link
+     */
+    label?: Required<string>;
+    /**
+     * Specify the url for this link
+     */
+    url?: Required<string>;
+    /**
+     * Specify the icon for this link
+     */
+    icon?: Required<string>;
+}
+export {};

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

@@ -0,0 +1,2 @@
+export { default as Hero } from "./Hero";
+export { default as HeroCard } from "./HeroCard";

package/lib/types/react/src/components/Icon/Icon.d.ts

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

package/lib/types/react/src/components/Icon/Icon.props.d.ts

@@ -0,0 +1,14 @@
+export interface IconProps {
+    /**
+     * Specify if this should be hidden from screen readers
+     */
+    hidden: boolean;
+    /**
+     * Specify the icon
+     */
+    name?: string;
+    /**
+     * Specify the icon's size
+     */
+    size?: number;
+}

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

@@ -0,0 +1 @@
+export { default as Icon } from "./Icon";

package/lib/types/react/src/components/Image/Image.d.ts

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

package/lib/types/react/src/components/Image/Image.props.d.ts

@@ -0,0 +1,33 @@
+interface ImageUrl {
+    /**
+     * Specify the breakpoint at which this image src should be used
+     */
+    breakpoint?: number;
+    /**
+     * Specify the url of this breakpoint's image src
+     */
+    src?: string;
+}
+export interface ImageProps {
+    /**
+     * Specify the alt for the image
+     */
+    alt?: Required<string>;
+    /**
+     * Specify the caption for the image/video
+     */
+    caption?: string;
+    /**
+     * Specify an optional className to be added to your Media.
+     */
+    className?: string;
+    /**
+     * Specify the credit for the image/video
+     */
+    credit?: Required<string>;
+    /**
+     * Specify the image src for the image
+     */
+    url?: Required<Array<ImageUrl>>;
+}
+export {};

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

@@ -0,0 +1 @@
+export { default as Image } from "./Image";

package/lib/types/react/src/components/Input/Input.d.ts

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

package/lib/types/react/src/components/Input/Input.props.d.ts

@@ -0,0 +1,51 @@
+import { InputTypes } from "../../types";
+export interface InputProps {
+    /**
+     * The input's onChange callback.
+     */
+    callback?: (e: React.ChangeEvent<HTMLInputElement>) => any;
+    /**
+     * Specify an optional className to be added to your input.
+     */
+    className?: string;
+    /**
+     * Is the input disabled?
+     */
+    disabled?: boolean;
+    /**
+     * Does the input have an error?
+     */
+    error?: string | false;
+    /**
+     * The input's helper text
+     */
+    helper?: string | false;
+    /**
+     * The input's id attribute
+     */
+    id?: string;
+    /**
+     * Does this input have a label?
+     */
+    label?: string;
+    /**
+     * The input's name attribute
+     */
+    name?: Required<string>;
+    /**
+     * Specify an optional className to be added to your Input component.
+     */
+    placeholder?: string;
+    /**
+     * Specify whether this input is required
+     */
+    required?: boolean;
+    /**
+     * Does this Input have a tooltip?
+     */
+    tooltip?: string;
+    /**
+     * The input's type.
+     */
+    type: InputTypes;
+}

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

@@ -0,0 +1 @@
+export { default as Input } from "./Input";

package/lib/types/react/src/components/Link/Link.d.ts

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

package/lib/types/react/src/components/Link/Link.props.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from "react";
+import { LinkTypes } from "../../types";
+export interface LinkProps {
+    /**
+     * Specify the content of your Link.
+     */
+    children: ReactNode;
+    /**
+     * Specify the label for the link
+     */
+    label?: string;
+    /**
+     * Specify the url for the link's href
+     */
+    url?: string;
+    /**
+     * Specify the target for the link
+     */
+    target?: string;
+    /**
+     * Specify an optional className to be added to your Link.
+     */
+    theme?: LinkTypes;
+    /**
+     * Specify an optional className to be added to your Link.
+     */
+    className?: string;
+    /**
+     * Inline styles to be applied to the rendered element
+     */
+    style?: React.CSSProperties;
+}

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

@@ -0,0 +1 @@
+export { default as Link } from "./Link";

package/lib/types/react/src/components/LinkList/LinkList.d.ts

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

package/lib/types/react/src/components/LinkList/LinkList.props.d.ts

@@ -0,0 +1,44 @@
+import { LinkListThemes } from "../../types";
+interface LinkProps {
+    /**
+     * Specify if this link should indent and have a triangle icon
+     */
+    indented?: boolean;
+    /**
+     * Specify the label for this link
+     */
+    label?: Required<string>;
+    /**
+     * Specify the url for this link
+     */
+    url?: Required<string>;
+}
+interface LinkGroupProps {
+    /**
+     * Specify an optional headline for this link group
+     */
+    headline?: string;
+    /**
+     * Specify the links to be displayed in this link group
+     */
+    links?: Required<Array<LinkProps>>;
+}
+export interface LinkListProps {
+    /**
+     * Specify an optional className to be added to your Link List component.
+     */
+    className?: string;
+    /**
+     * Specify a headline for the the Link List
+     */
+    headline?: Required<string>;
+    /**
+     * Specify the links to be displayed in the Link List
+     */
+    linkgroup?: Required<Array<LinkGroupProps>>;
+    /**
+     * Specify the theme for the Link List
+     */
+    theme?: Required<LinkListThemes>;
+}
+export {};

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

@@ -0,0 +1 @@
+export { default as LinkList } from "./LinkList";

package/lib/types/react/src/components/List/List.d.ts

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

package/lib/types/react/src/components/List/List.props.d.ts

@@ -0,0 +1,31 @@
+import { ReactElement } from "react";
+import { HeadingLevel, ListAlignment, ListOrder } from "../../types";
+import { ListItemProps } from "./ListItem.props";
+export interface ListProps {
+    /**
+     * Specify the content of your List.
+     */
+    children?: ReactElement<ListItemProps> | ReactElement<ListItemProps>[];
+    /**
+     * Declare ordered, unordered or unstyled
+     */
+    ordered?: ListOrder;
+    /**
+     * Declare horizontal or default
+     */
+    alignment?: ListAlignment;
+    /**
+     * Specify an optional title
+     */
+    title?: string;
+    /**
+     * Specify an optional className to be added to your accordion.
+     */
+    className?: string;
+}
+export interface ListContextProps {
+    activeItems: string[];
+    alignment?: ListAlignment;
+    ordered?: ListOrder;
+    headingLevel?: HeadingLevel;
+}

package/lib/types/react/src/components/List/ListCtx.d.ts

@@ -0,0 +1,4 @@
+import { ListContextProps } from "./List.props";
+import { ListItemContextProps } from "./ListItem.props";
+export declare const ListContext: import("react").Context<ListContextProps>;
+export declare const ListItemContext: import("react").Context<ListItemContextProps>;

package/lib/types/react/src/components/List/ListItem.d.ts

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

package/lib/types/react/src/components/List/ListItem.props.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+export interface ListItemContextProps {
+    /**
+     * The list item's unique id.
+     */
+    id: string;
+}
+export interface ListItemProps {
+    /**
+     * Specify the id of the List item.
+     */
+    id: string;
+    /**
+     * Specify the content of your Button.
+     */
+    children: ReactNode;
+    /**
+     * Specify an optional className to be added to your Button.
+     */
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { default as List } from "./List";
+export { default as ListItem } from "./ListItem";

package/lib/types/react/src/components/Loading/Loading.d.ts

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

package/lib/types/react/src/components/Loading/Loading.props.d.ts

@@ -0,0 +1,19 @@
+import { LoadingStatus, LoadingSize } from "../../types";
+export interface LoadingProps {
+    /**
+     * Specify an optional className to be added to your empty component.
+     */
+    className?: string;
+    /**
+     * Specify the loading message
+     */
+    message?: string;
+    /**
+     * Specify the loader's size
+     */
+    size?: Required<LoadingSize>;
+    /**
+     * Specify the loading status
+     */
+    status?: Required<LoadingStatus>;
+}

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

@@ -0,0 +1 @@
+export { default as Loading } from "./Loading";

package/lib/types/react/src/components/Notification/Notification.d.ts

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

package/lib/types/react/src/components/Notification/Notification.props.d.ts

@@ -0,0 +1,56 @@
+import { NotificationPlacement, NotificationTypes } from "../../types";
+interface CTAProps {
+    /**
+     * Specify the label of the CTA
+     */
+    label?: string;
+    /**
+     * Specify the url of the CTA
+     */
+    url?: string;
+}
+interface TimeStampProps {
+    /**
+     * Specify the human-readable time
+     */
+    human?: string;
+    /**
+     * Specify the UNIX timestamp
+     */
+    unix?: string;
+}
+export interface NotificationProps {
+    /**
+     * Specify an optional className to be added to your Notification component.
+     */
+    className?: string;
+    /**
+     * Specify the label for the close button
+     */
+    closelabel?: Required<string>;
+    /**
+     * Specify the copy
+     */
+    copy?: Required<string>;
+    /**
+     * Specify the settings for an option CTA
+     */
+    cta?: CTAProps;
+    /**
+     * Specify the headline
+     */
+    headline?: Required<string>;
+    /**
+     * Specify whether the notification is inline in the DOM or absolutely-positioned at a higher z-index
+     */
+    placement?: Required<NotificationPlacement>;
+    /**
+     * Specify an optional timestamp
+     */
+    timestamp?: TimeStampProps;
+    /**
+     * Specify the icon for the Notification
+     */
+    type?: NotificationTypes;
+}
+export {};

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

@@ -0,0 +1 @@
+export { default as Notification } from "./Notification";

package/lib/types/react/src/components/NumberPicker/NumberPicker.d.ts

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

package/lib/types/react/src/components/NumberPicker/NumberPicker.props.d.ts

@@ -0,0 +1,46 @@
+export interface NumberPickerProps {
+    /**
+     * The input's onChange callback.
+     */
+    callback: (e: React.ChangeEvent<HTMLInputElement>) => any;
+    /**
+     * Specify an optional className to be added to your input.
+     */
+    className?: string;
+    /**
+     * Is the input disabled?
+     */
+    disabled?: boolean;
+    /**
+     * Does the input have an error?
+     */
+    error?: string | false;
+    /**
+     * The input's helper text
+     */
+    helper: string | false;
+    /**
+     * The input's id attribute
+     */
+    id?: string;
+    /**
+     * Does this input have a label?
+     */
+    label: string;
+    /**
+     * The input's name attribute
+     */
+    name?: Required<string>;
+    /**
+     * Specify an optional className to be added to your NumberPicker component.
+     */
+    placeholder?: string;
+    /**
+     * Specify whether this input is required
+     */
+    required?: boolean;
+    /**
+     * Does this NumberPicker have a tooltip?
+     */
+    tooltip?: string;
+}

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

@@ -0,0 +1 @@
+export { default as NumberPicker } from "./NumberPicker";

package/lib/types/react/src/components/Pagination/Pagination.d.ts

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

package/lib/types/react/src/components/Pagination/Pagination.props.d.ts

@@ -0,0 +1,54 @@
+export interface PaginationProps {
+    /**
+     * Specify the callback of your Button.
+     */
+    callback: (e: React.MouseEvent<Element, MouseEvent>) => any;
+    /**
+     * Specify an optional className to be added to your Pagination component.
+     */
+    className?: string;
+    /**
+     * current page number that the user is on, zero-indexed
+     */
+    currentPage: number;
+    /**
+     * link to the first page
+     */
+    firstPageUrl: string;
+    /**
+     * title label for the first page
+     */
+    firstPageTitle: string;
+    /**
+     * link to the last page
+     */
+    lastPageUrl: string;
+    /**
+     * title label for the last page
+     */
+    lastPageTitle: string;
+    /**
+     * linking word for the page counts
+     */
+    pageCountPreposition?: string;
+    /**
+     * link the following page
+     */
+    nextPageUrl: string;
+    /**
+     * title label for the next page
+     */
+    nextPageTitle: string;
+    /**
+     * link of the previous page
+     */
+    prevPageUrl: string;
+    /**
+     * title label for the prev page
+     */
+    prevPageTitle: string;
+    /**
+     * total number of pages that are available
+     */
+    totalPages: number;
+}

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

@@ -0,0 +1 @@
+export { default as Pagination } from "./Pagination";

package/lib/types/react/src/components/Profile/Profile.d.ts

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

package/lib/types/react/src/components/Profile/Profile.props.d.ts

@@ -0,0 +1,37 @@
+interface LinkProps {
+    /**
+     * Specify the label for the the Profile's link
+     */
+    label?: Required<string>;
+    /**
+     * Specify the url for the Profile's link
+     */
+    url?: Required<string>;
+}
+export interface ProfileProps {
+    /**
+     * Specify an optional avatar to be added to your Profile component. Image *must* be a perfect square. CMS backend should provide a fallback if the avatar is not populated.
+     */
+    avatar?: Required<string>;
+    /**
+     * Specify an optional className to be added to your Profile component.
+     */
+    className?: string;
+    /**
+     * Specify an optional description to be added to your Profile component.
+     */
+    description?: string;
+    /**
+     * Specify an optional link to be added to your Profile component.
+     */
+    link?: LinkProps;
+    /**
+     * Specify the name to be added to your Profile component.
+     */
+    name?: Required<string>;
+    /**
+     * Specify an optional role to be added to your Profile component.
+     */
+    role?: string;
+}
+export {};

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

@@ -0,0 +1 @@
+export { default as Profile } from "./Profile";

package/lib/types/react/src/components/Radio/Radio.d.ts

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

package/lib/types/react/src/components/Radio/Radio.props.d.ts

@@ -0,0 +1,14 @@
+export interface RadioProps {
+    callback?: (e: React.ChangeEvent<HTMLInputElement>) => any;
+    className?: string;
+    disabled?: boolean;
+    error?: string;
+    helper?: string;
+    id?: string;
+    label?: string;
+    name: string;
+    required?: boolean;
+    tooltip?: string;
+    value: string;
+    selected?: string;
+}

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

@@ -0,0 +1 @@
+export { default as Radio } from "./Radio";

package/lib/types/react/src/components/ReadMore/ReadMore.d.ts

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