@ilo-org/react 0.18.5 → 0.20.0

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

@@ -1,5 +1,27 @@
-import { default as React } from 'react';
-import { ContextMenuProps } from './ContextMenu.props';
-
-declare const ContextMenu: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<HTMLOListElement>>;
-export default ContextMenu;
+export type LinkProps = {
+    /**
+     * Specify whether this link marks the end of a section
+     */
+    endsection?: boolean;
+    /**
+     * Specify the label for the the Context Menu's link
+     */
+    label: string;
+    /**
+     * Specify the url for the Context Menu's link
+     */
+    url: string;
+    className?: string;
+};
+export type ContextMenuProps = {
+    /**
+     * Specify an optional className to be added to your Context Menu component.
+     */
+    className?: string;
+    /**
+     * Specify the links to be displayed in the Context Menu
+     */
+    links: Array<LinkProps>;
+};
+declare const ContextMenu: import('react').ForwardRefExoticComponent<ContextMenuProps & import('react').RefAttributes<HTMLOListElement>>;
+export { ContextMenu };

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

@@ -1 +1 @@
-export { default as ContextMenu } from './ContextMenu';
+export * from './ContextMenu';

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

@@ -1,5 +1,51 @@
-import { FC } from 'react';
-import { FooterProps } from './Footer.props';
+import { LinkGroupProps, LinkProps } from '../LinkList';
+import { SocialMediaProps } from '../SocialMedia';
 
-declare const Footer: FC<FooterProps>;
-export default Footer;
+export type FooterProps = {
+    /**
+     * Specify an optional className to be added to your Footer.
+     */
+    className?: string;
+    /**
+     * Props for the logo of the Footer
+     */
+    logo: string;
+    /**
+     * Specify the tagline for the Footer
+     */
+    tagline?: string;
+    /**
+     * Specify the subtagline for the Footer
+     */
+    subtagline?: string;
+    /**
+     * Specify the address for the Footer, in multiple lines
+     */
+    address?: string[];
+    /**
+     * Specify the linkgroup for the Footer's links
+     */
+    linkgroup: Required<Array<LinkGroupProps>>;
+    /**
+     * Specify the links to be displayed in this link group
+     */
+    socialmedia?: SocialMediaProps;
+    /**
+     * Specify the legal statement for the Footer
+     */
+    subscribe?: LinkProps;
+    /**
+     * Specify the legal statement for the Footer
+     */
+    legal?: string;
+    /**
+     * Specify the secondary links for the Footer
+     */
+    secondarylinks?: LinkProps[];
+    /**
+     * Specify the anchor link for the Footer
+     */
+    anchorlink?: LinkProps;
+};
+declare const Footer: import('react').ForwardRefExoticComponent<FooterProps & import('react').RefAttributes<HTMLElement>>;
+export { Footer };

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

@@ -1 +1 @@
-export { default as Footer } from './Footer';
+export * from './Footer';

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

@@ -1,5 +1,54 @@
-import { FC } from 'react';
-import { HeroProps } from './Hero.props';
+import { ImageProps } from '../Image/Image.props';
+import { BreadcrumbProps } from '../Breadcrumb';
+import { TooltipProps } from '../Tooltip';
+import { HeroCardProps } from '../HeroCard';
+import { ThemeTypes } from '../../types';
 
-declare const Hero: FC<HeroProps>;
-export default Hero;
+export type HeroProps = {
+    /**
+     * Vertical alignment of the hero card
+     */
+    align?: "center" | "bottom" | "baseline";
+    /**
+     * Props to pass to the breadcrumb if there is one
+     */
+    breadcrumb?: BreadcrumbProps;
+    /**
+     * Caption to render in the hero card
+     */
+    caption?: TooltipProps;
+    /**
+     * Size the of hero card
+     */
+    cardSize?: "small" | "medium" | "large" | "xlarge" | "xxlarge";
+    /**
+     * Specify an optional className to be added to your Hero component.
+     */
+    className?: string;
+    /**
+     * Props for the image for the hero
+     */
+    image?: ImageProps;
+    /**
+     * How to justify the hero card
+     */
+    justify?: "start" | "center" | "offset";
+    /**
+     * Props for the card for the hero
+     */
+    heroCard: HeroCardProps;
+    /**
+     * Color of the gap space between bottom of the hero image and bottom of the card
+     */
+    gap?: "white" | "transparent" | "dark" | "light";
+    /**
+     * The size of the poster image
+     */
+    posterSize?: "small" | "medium" | "large" | "xlarge";
+    /**
+     * Theme for the card
+     */
+    theme?: ThemeTypes;
+};
+declare const Hero: import('react').ForwardRefExoticComponent<HeroProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Hero };

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

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

package/lib/types/components/{Hero/HeroCard.props.d.ts → HeroCard/HeroCard.d.ts}

@@ -1,7 +1,7 @@
 import { ThemeTypes } from '../../types';
 import { SocialMediaProps } from '../SocialMedia';
 
-export interface HeroCardProps {
+export type HeroCardProps = {
     /**
      * Specify whether the background should be solid, transparent or semi-transparent
      */
@@ -42,4 +42,6 @@ export interface HeroCardProps {
      * The link of the card's title if it has one
      */
     url?: string;
-}
+};
+declare const HeroCard: import('react').ForwardRefExoticComponent<HeroCardProps & import('react').RefAttributes<HTMLDivElement>>;
+export { HeroCard };

package/lib/types/components/HeroCard/HeroCardTitle.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+type HeroCardTitleProps = {
+    title: string;
+    url?: string;
+};
+declare const HeroCardTitle: FC<HeroCardTitleProps>;
+export { HeroCardTitle };

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

@@ -0,0 +1 @@
+export * from './HeroCard';

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

@@ -0,0 +1,43 @@
+import { HTMLAttributes } from 'react';
+import { ThemeTypes } from '../../types';
+import { ContextMenuProps } from '../ContextMenu';
+
+export type LanguageToggleProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The language string to display
+     */
+    language: string;
+    /**
+     * Specify an optional className to be added to your LanguageToggle component.
+     */
+    theme?: ThemeTypes;
+    /**
+     * Hide the glob icon
+     */
+    hideIcon?: boolean;
+    /**
+     * Specify the languages to be displayed in the Context Menu
+     */
+    options?: ContextMenuProps["links"];
+    className?: string;
+};
+declare const LanguageToggle: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The language string to display
+     */
+    language: string;
+    /**
+     * Specify an optional className to be added to your LanguageToggle component.
+     */
+    theme?: ThemeTypes | undefined;
+    /**
+     * Hide the glob icon
+     */
+    hideIcon?: boolean | undefined;
+    /**
+     * Specify the languages to be displayed in the Context Menu
+     */
+    options?: import('../ContextMenu').LinkProps[] | undefined;
+    className?: string | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export { LanguageToggle };

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

@@ -0,0 +1 @@
+export * from './LanguageToggle';

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

@@ -1,5 +1,56 @@
-import { FC } from 'react';
-import { LinkProps } from './Link.props';
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+import { LinkTypes } from '../../types';
 
-declare const Link: FC<LinkProps>;
-export default Link;
+export type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
+    /**
+     * Specify the url for the link's href
+     */
+    url: string;
+    /**
+     * Specify the content of your Link.
+     */
+    children?: ReactNode;
+    /**
+     * Specify the label for the link
+     */
+    label?: 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;
+};
+declare const Link: import('react').ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & {
+    /**
+     * Specify the url for the link's href
+     */
+    url: string;
+    /**
+     * Specify the content of your Link.
+     */
+    children?: ReactNode;
+    /**
+     * Specify the label for the link
+     */
+    label?: string | undefined;
+    /**
+     * Specify the target for the link
+     */
+    target?: string | undefined;
+    /**
+     * Specify an optional className to be added to your Link.
+     */
+    theme?: LinkTypes | undefined;
+    /**
+     * Specify an optional className to be added to your Link.
+     */
+    className?: string | undefined;
+} & import('react').RefAttributes<HTMLAnchorElement>>;
+export { Link };

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

@@ -1 +1 @@
-export { default as Link } from './Link';
+export * from './Link';

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

@@ -1,5 +1,46 @@
-import { FC } from 'react';
-import { LinkListProps } from './LinkList.props';
+import { LinkListThemes } from '../../types';
 
-declare const LinkList: FC<LinkListProps>;
-export default LinkList;
+export type LinkProps = {
+    /**
+     * Specify if this link should indent and have a triangle icon
+     */
+    indented?: boolean;
+    /**
+     * Specify the label for this link
+     */
+    label: string;
+    /**
+     * Specify the url for this link
+     */
+    url: string;
+};
+export type LinkGroupProps = {
+    /**
+     * Specify an optional headline for this link group
+     */
+    headline?: string;
+    /**
+     * Specify the links to be displayed in this link group
+     */
+    links: Array<LinkProps>;
+};
+export type LinkListProps = {
+    /**
+     * Specify an optional className to be added to your Link List component.
+     */
+    className?: string;
+    /**
+     * Specify a headline for the the Link List
+     */
+    headline?: string;
+    /**
+     * Specify the links to be displayed in the Link List
+     */
+    linkgroup: Array<LinkGroupProps>;
+    /**
+     * Specify the theme for the Link List
+     */
+    theme?: LinkListThemes;
+};
+declare const LinkList: import('react').ForwardRefExoticComponent<LinkListProps & import('react').RefAttributes<HTMLDivElement>>;
+export { LinkList };

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

@@ -1 +1 @@
-export { default as LinkList } from './LinkList';
+export * from './LinkList';

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

@@ -1,5 +1,55 @@
-import { FC } from 'react';
-import { ListProps } from './List.props';
+import { HTMLAttributes, ReactNode } from 'react';
 
-declare const List: FC<ListProps>;
-export default List;
+export type ListProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The content of the list
+     */
+    children: ReactNode;
+    /**
+     * Specify an optional className to be added to your list.
+     */
+    className?: string;
+    /**
+     * The alignment of the list items
+     */
+    alignment?: "default" | "horizontal";
+    /**
+     * The type of list
+     */
+    ordered?: "unstyled" | "ordered" | "unordered";
+    /**
+     * The title of the list
+     */
+    title?: string;
+    /**
+     * The theme of the list
+     */
+    theme?: "light" | "dark";
+};
+declare const List: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The content of the list
+     */
+    children: ReactNode;
+    /**
+     * Specify an optional className to be added to your list.
+     */
+    className?: string | undefined;
+    /**
+     * The alignment of the list items
+     */
+    alignment?: "default" | "horizontal" | undefined;
+    /**
+     * The type of list
+     */
+    ordered?: "ordered" | "unstyled" | "unordered" | undefined;
+    /**
+     * The title of the list
+     */
+    title?: string | undefined;
+    /**
+     * The theme of the list
+     */
+    theme?: "light" | "dark" | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export { List };

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

@@ -1,5 +1,23 @@
-import { FC } from 'react';
-import { ListItemProps } from './ListItem.props';
+import { HTMLAttributes, ReactNode } from 'react';
 
-declare const ListItem: FC<ListItemProps>;
-export default ListItem;
+export type ListItemProps = HTMLAttributes<HTMLLIElement> & {
+    /**
+     * Specify the content of your ListItem.
+     */
+    children: ReactNode;
+    /**
+     * Specify an optional className to be added to your ListItem.
+     */
+    className?: string;
+};
+declare const ListItem: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & {
+    /**
+     * Specify the content of your ListItem.
+     */
+    children: ReactNode;
+    /**
+     * Specify an optional className to be added to your ListItem.
+     */
+    className?: string | undefined;
+} & import('react').RefAttributes<HTMLLIElement>>;
+export { ListItem };

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

@@ -1,2 +1,18 @@
-export { default as List } from './List';
-export { default as ListItem } from './ListItem';
+import { ListProps } from './List';
+import { ListItemProps } from './ListItem';
+
+declare const List: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+    children: import('react').ReactNode;
+    className?: string | undefined;
+    alignment?: "default" | "horizontal" | undefined;
+    ordered?: "ordered" | "unstyled" | "unordered" | undefined;
+    title?: string | undefined;
+    theme?: "light" | "dark" | undefined;
+} & import('react').RefAttributes<HTMLDivElement>> & {
+    Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLLIElement> & {
+        children: import('react').ReactNode;
+        className?: string | undefined;
+    } & import('react').RefAttributes<HTMLLIElement>>;
+};
+export { List };
+export type { ListProps, ListItemProps };

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

@@ -1,4 +1,3 @@
-import { LinkProps, ContextMenuProps } from '../ContextMenu/ContextMenu.props';
 import { LogoProps } from '../Logo/Logo.props';
 
 export interface LocalNavProps {
@@ -17,7 +16,6 @@ export interface LocalNavProps {
     /**
      * Specify the main link for the LocalNav
      */
-    mainlink?: LinkProps;
     /**
      * Specify the menu close label for the LocalNav
      */
@@ -26,10 +24,6 @@ export interface LocalNavProps {
      * Specify the language label for the LocalNav
      */
     languagelabel?: string;
-    /**
-     * Specify the language context menu for the LocalNav
-     */
-    languagecontextmenu?: ContextMenuProps;
 }
 interface PrimaryNavProps {
     /**
@@ -40,9 +34,5 @@ interface PrimaryNavProps {
      * Specify the close label for mobile local nav
      */
     mobilecloselabel?: Required<string>;
-    /**
-     * Specify the social links
-     */
-    items?: Required<Array<LinkProps>>;
 }
 export {};

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

@@ -1,4 +1,3 @@
-import { LinkProps, ContextMenuProps } from '../ContextMenu/ContextMenu.props';
 import { SearchFieldProps } from '../SearchField/SearchField.props';
 
 export interface NavigationProps {
@@ -46,10 +45,6 @@ export interface NavigationProps {
      * Specify the language label for the Navigation
      */
     languagelabel?: string;
-    /**
-     * Specify the language context menu for the Navigation
-     */
-    languagecontextmenu?: ContextMenuProps;
 }
 interface PrimaryNavProps {
     /**
@@ -60,10 +55,6 @@ interface PrimaryNavProps {
      * Specify the close label for mobile Navigation
      */
     mobilecloselabel?: Required<string>;
-    /**
-     * Specify the links
-     */
-    items?: Required<Array<LinkProps>>;
 }
 interface SubNavProps {
     /**
@@ -82,10 +73,6 @@ interface SubNavProps {
      * Specify the back label for mobile sub Navigation
      */
     mobilebacklabel?: Required<string>;
-    /**
-     * Specify the subnav links
-     */
-    items?: Required<Array<LinkProps>>;
 }
 interface TaglineProps {
     /**

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

@@ -1,5 +1,56 @@
-import { FC } from 'react';
-import { NotificationProps } from './Notification.props';
+import { NotificationPlacement, NotificationTypes } from '../../types';
 
-declare const Notification: FC<NotificationProps>;
-export default Notification;
+export type NotificationProps = {
+    /**
+     * Specify an optional className to be added to your Notification component.
+     */
+    className?: string;
+    /**
+     * Specify the label for the close button
+     */
+    closelabel?: string;
+    /**
+     * Specify the copy
+     */
+    copy: string;
+    /**
+     * Specify the settings for an option CTA
+     */
+    cta?: {
+        /**
+         * Specify the label of the CTA
+         */
+        label: string;
+        /**
+         * Specify the url of the CTA
+         */
+        url: string;
+    };
+    /**
+     * Specify the headline
+     */
+    headline?: Required<string>;
+    /**
+     * Specify whether the notification is inline in the DOM or absolutely-positioned at a higher z-index
+     */
+    placement?: NotificationPlacement;
+    /**
+     * Specify an optional timestamp
+     */
+    timestamp?: {
+        /**
+         * Specify the human-readable time
+         */
+        human: string;
+        /**
+         * Specify the UNIX timestamp
+         */
+        unix: string;
+    };
+    /**
+     * Specify the icon for the Notification
+     */
+    type?: NotificationTypes;
+};
+declare const Notification: import('react').ForwardRefExoticComponent<NotificationProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Notification };

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

@@ -1 +1 @@
-export { default as Notification } from './Notification';
+export * from './Notification';

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

@@ -1,5 +1,47 @@
-import { FC } from 'react';
-import { ProfileProps } from './Profile.props';
+import { ThemeTypes, SizeTypes } from '../../types';
 
-declare const Profile: FC<ProfileProps>;
-export default Profile;
+export type ProfileProps = {
+    /**
+     * Specify the theme for your profile component.
+     */
+    theme?: ThemeTypes;
+    /**
+     * Specify the size for your profile component.
+     */
+    size?: SizeTypes;
+    /**
+     * Specify an 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: string;
+    /**
+     * Specify a role to be added to your Profile component.
+     */
+    role?: string;
+    /**
+     * Specify the name to be added to your Profile component.
+     */
+    name: 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?: {
+        /**
+         * Specify the label for the Profile's link
+         */
+        label: string;
+        /**
+         * Specify the url for the Profile's link
+         */
+        url: string;
+    };
+};
+declare const Profile: import('react').ForwardRefExoticComponent<ProfileProps & import('react').RefAttributes<HTMLElement>>;
+export { Profile };

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

@@ -1 +1 @@
-export { default as Profile } from './Profile';
+export * from './Profile';

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

@@ -1,4 +1,4 @@
 import { SocialMediaProps } from './SocialMedia.props';
 
-declare const SocialMedia: React.FC<SocialMediaProps>;
+declare const SocialMedia: import('react').ForwardRefExoticComponent<SocialMediaProps & import('react').RefAttributes<HTMLDivElement>>;
 export default SocialMedia;