@uob-web-and-digital/component-library 0.0.25 → 0.0.27

package/dist/components/atoms/BreadcrumbLink/BreadcrumbLink.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './breadcrumbLink.scss';
+export interface BreadcrumbLinkProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    url: string;
+    title: string;
+}
+export default function BreadcrumbLink({ theme, inverse, url, title }: BreadcrumbLinkProps): ReactElement;

package/dist/components/atoms/BreadcrumbLink/BreadcrumbLink.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj } from '@storybook/react';
+import BreadcrumbLink from './BreadcrumbLink';
+declare const meta: {
+    title: string;
+    component: typeof BreadcrumbLink;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Dark: Story;
+export declare const Light: Story;

package/dist/components/{CampusSelectorLink → atoms/CampusSelectorLink}/CampusSelectorLink.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './campusSelectorLink.scss';
 export interface CampusSelectorLinkProps {
     /**

package/dist/components/{ExampleTheming → atoms/ExampleTheming}/ExampleTheming.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './exampleTheming.scss';
 export interface ExampleThemingProps {
     /**

package/dist/components/{FormInput → atoms/FormInput}/FormInput.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './formInput.scss';
 export interface FormInputProps {
     /**

package/dist/components/{FormSelect → atoms/FormSelect}/FormSelect.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './formSelect.scss';
 export interface SelectOptionsProps {
     label: string;

package/dist/components/{IconButton → atoms/IconButton}/IconButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconType } from '../Icons/Icons';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './iconButton.scss';
 export interface IconButtonProps {
     theme: ThemeProps;

package/dist/components/{Icons → atoms/Icons}/Icons.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './icons.scss';
 export type IconType = 'twitter' | 'facebook' | 'wechat' | 'weibo' | 'youtube' | 'instagram' | 'linkedin' | 'chevron-down' | 'chevron-right' | 'arrow-right' | 'arrow-right-large' | 'location' | 'hamburger' | 'cross' | 'arrow-left' | 'search' | 'arrow-down' | 'play';
 export type IconProps = {

package/dist/components/{LinkStandard → atoms/LinkStandard}/LinkStandard.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './linkStandard.scss';
 export interface LinkStandardProps {
     theme: ThemeProps;

package/dist/components/{LinkWithArrow → atoms/LinkWithArrow}/LinkWithArrow.d.ts

@@ -1,5 +1,5 @@
 import React, { KeyboardEvent } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './linkWithArrow.scss';
 export interface LinkWithArrowProps {
     /**

package/dist/components/{NavLink → atoms/NavLink}/NavLink.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './NavLink.scss';
 export interface NavLinkProps {
     /**

package/dist/components/{PageLink → atoms/PageLink}/PageLink.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './PageLink.scss';
 export interface PageLinkProps {
     /**

package/dist/components/{ParagraphLink → atoms/ParagraphLink}/ParagraphLink.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './paragraphLink.scss';
 export interface ParagraphLinkProps {
     /**

package/dist/components/{ReverseLinkWithArrow → atoms/ReverseLinkWithArrow}/ReverseLinkWithArrow.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './ReverseLinkWithArrow.scss';
 export interface ReverseLinkWithArrowProps {
     /**

package/dist/components/{TextButton → atoms/TextButton}/TextButton.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './textButton.scss';
 interface TextButtonProps {
     /**

package/dist/components/{TextButtonWithIcon → atoms/TextButtonWithIcon}/TextButtonWithIcon.d.ts

@@ -1,6 +1,6 @@
 import { MouseEventHandler, ReactElement } from 'react';
 import { IconType } from '../Icons/Icons';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './textButtonWithIcon.scss';
 export interface TextButtonWithIconProps {
     /**

package/dist/components/{Video → atoms/Video}/Video.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './video.scss';
 export interface VideoProps {
     theme: ThemeProps;

package/dist/components/{CampusSelector → molecules/CampusSelector}/CampusSelector.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './campusSelector.scss';
 interface CampusSelectorProps {
     /**

package/dist/components/{CardFeatured → molecules/CardFeatured}/CardFeatured.d.ts

@@ -1,6 +1,6 @@
 import React, { KeyboardEvent } from 'react';
-import { ImageProps } from '../Image/Image';
-import { ThemeProps } from '../../themeProps';
+import { ImageProps } from '../../atoms/Image/Image';
+import { ThemeProps } from '../../../themeProps';
 import './cardFeatured.scss';
 export interface CardFeaturedProps {
     theme: ThemeProps;

package/dist/components/{CardMenu → molecules/CardMenu}/CardMenu.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { ImageProps } from '../Image/Image';
-import { ThemeProps } from '../../themeProps';
+import { ImageProps } from '../../atoms/Image/Image';
+import { ThemeProps } from '../../../themeProps';
 import './cardMenu.scss';
 export interface CardMenuProps {
     theme: ThemeProps;

package/dist/components/{CardNews → molecules/CardNews}/CardNews.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { ImageProps } from '../Image/Image';
-import { ThemeProps } from '../../themeProps';
+import { ImageProps } from '../../atoms/Image/Image';
+import { ThemeProps } from '../../../themeProps';
 import './cardNews.scss';
 export interface CardNewsProps {
     theme: ThemeProps;

package/dist/components/{CardVideo → molecules/CardVideo}/CardVideo.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { ImageProps } from '../Image/Image';
-import { ThemeProps } from '../../themeProps';
+import { ImageProps } from '../../atoms/Image/Image';
+import { ThemeProps } from '../../../themeProps';
 import './cardVideo.scss';
 export interface CardVideoProps {
     theme: ThemeProps;

package/dist/components/{CarouselNav → molecules/CarouselNav}/CarouselNav.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './carouselNav.scss';
 interface CarouselNavProps {
     theme: ThemeProps;

package/dist/components/{FullModal → molecules/FullModal}/FullModal.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './fullModal.scss';
 export interface FullModalProps {
     /**

package/dist/components/organisms/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,18 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './breadcrumbs.scss';
+interface Link {
+    url: string;
+    title: string;
+}
+export interface BreadcrumbsProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    /**
+     * Links need to be provided in top down order, from parent to child
+     * E.g. Home, Level1, Level2, Level3
+     */
+    links: Link[];
+}
+export default function Breadcrumbs({ theme, inverse, links }: BreadcrumbsProps): ReactElement;
+export {};

package/dist/components/organisms/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj } from '@storybook/react';
+import Breadcrumbs from './Breadcrumbs';
+declare const meta: {
+    title: string;
+    component: typeof Breadcrumbs;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Dark: Story;
+export declare const Light: Story;

package/dist/components/organisms/Breadcrumbs/defaultProps.d.ts

@@ -0,0 +1,2 @@
+import { BreadcrumbsProps } from './Breadcrumbs';
+export declare const breadcrumbsProps: BreadcrumbsProps;

package/dist/components/{Carousel → organisms/Carousel}/Carousel.d.ts

@@ -1,8 +1,8 @@
 import { ReactElement } from 'react';
-import { CardNewsProps } from '../CardNews/CardNews';
-import { CardFeaturedProps } from '../CardFeatured/CardFeatured';
-import { CardVideoProps } from '../CardVideo/CardVideo';
-import { ThemeProps } from '../../themeProps';
+import { CardNewsProps } from '../../molecules/CardNews/CardNews';
+import { CardFeaturedProps } from '../../molecules/CardFeatured/CardFeatured';
+import { CardVideoProps } from '../../molecules/CardVideo/CardVideo';
+import { ThemeProps } from '../../../themeProps';
 import './carousel.scss';
 export interface CarouselProps {
     theme: ThemeProps;

package/dist/components/{Carousel → organisms/Carousel}/defaultProps.d.ts

@@ -1,4 +1,4 @@
 import { CarouselProps } from './Carousel';
-import { CardNewsProps } from '../CardNews/CardNews';
+import { CardNewsProps } from '../../molecules/CardNews/CardNews';
 export declare const newsCards: Omit<CardNewsProps, 'titleTag'>[];
 export declare const carouselProps: CarouselProps;

package/dist/components/{FeaturedContent → organisms/FeaturedContent}/FeaturedContent.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
-import { CardFeaturedProps } from '../CardFeatured/CardFeatured';
+import { ThemeProps } from '../../../themeProps';
+import { CardFeaturedProps } from '../../molecules/CardFeatured/CardFeatured';
 import './featuredContent.scss';
 export interface FeaturedContentProps {
     /**

package/dist/components/{FeaturedSignpost → organisms/FeaturedSignpost}/FeaturedSignpost.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './featuredSignpost.scss';
 export interface FeaturedSignpostProps {
     /**

package/dist/components/{FeaturedVideo → organisms/FeaturedVideo}/FeaturedVideo.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './featuredVideo.scss';
-import { ImageProps } from '../Image/Image';
+import { ImageProps } from '../../atoms/Image/Image';
 export interface FeaturedVideoProps {
     theme: ThemeProps;
     inverse?: boolean;

package/dist/components/{FeaturedVideo → organisms/FeaturedVideo}/FeaturedVideo.stories.d.ts

@@ -5,9 +5,9 @@ declare const meta: {
     title: string;
     component: typeof FeaturedVideo;
     decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
-        theme: import("../../themeProps").ThemeProps;
+        theme: import("../../../themeProps").ThemeProps;
         inverse?: boolean | undefined;
-        image: import("../Image/Image").ImageProps;
+        image: import("../../atoms/Image/Image").ImageProps;
         title: string;
         youtubeId: string;
         audioYoutubeId?: string | undefined;

package/dist/components/{Footer → organisms/Footer}/Footer.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
-import { IconType } from '../Icons/Icons';
+import { ThemeProps } from '../../../themeProps';
+import { IconType } from '../../atoms/Icons/Icons';
 import './footer.scss';
 export interface FooterLinkProps {
     label: string;

package/dist/components/{Header → organisms/Header}/Header.d.ts

@@ -1,8 +1,8 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import { HeaderLink } from './types';
 import { SearchMenuProps } from './components/SearchMenu';
-import { CardMenuProps } from '../CardMenu/CardMenu';
+import { CardMenuProps } from '../../molecules/CardMenu/CardMenu';
 import './header.scss';
 export interface HeaderProps {
     /**

package/dist/components/{Header → organisms/Header}/components/MainMenu.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { HeaderLink } from '../types';
-import { ThemeProps } from '../../../themeProps';
-import { CardMenuProps } from '../../CardMenu/CardMenu';
+import { ThemeProps } from '../../../../themeProps';
+import { CardMenuProps } from '../../../molecules/CardMenu/CardMenu';
 export interface MainMenuProps {
     primaryLinks: HeaderLink[];
     secondaryLinks: HeaderLink[];

package/dist/components/{Header → organisms/Header}/components/NestedMenu.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import { HeaderLink } from '../types';
-import { ThemeProps } from '../../../themeProps';
+import { ThemeProps } from '../../../../themeProps';
 export interface NestedMenuProps {
     headingLink: HeaderLink;
     onClickGoBack: () => void;

package/dist/components/{Header → organisms/Header}/components/SearchMenu.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
+import { ThemeProps } from '../../../../themeProps';
 import { RecommendedLink } from '../types';
 export interface SearchMenuProps {
     /**

package/dist/components/{Header → organisms/Header}/defaultProps.d.ts

@@ -1,7 +1,7 @@
 import { HeaderProps } from './Header';
 export declare const headerProps: HeaderProps;
-export declare const menuCards: [import("../CardMenu/CardMenu").CardMenuProps, import("../CardMenu/CardMenu").CardMenuProps, import("../CardMenu/CardMenu").CardMenuProps] | undefined, headerPropsDubai: {
-    theme: import("../../themeProps").ThemeProps;
+export declare const menuCards: [import("../../molecules/CardMenu/CardMenu").CardMenuProps, import("../../molecules/CardMenu/CardMenu").CardMenuProps, import("../../molecules/CardMenu/CardMenu").CardMenuProps] | undefined, headerPropsDubai: {
+    theme: import("../../../themeProps").ThemeProps;
     primaryLinks: import("./types").HeaderLink[];
     secondaryLinks: import("./types").HeaderLink[];
     homepageUrl: string;

package/dist/components/{HeroCarousel → organisms/HeroCarousel}/HeroCarousel.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './heroCarousel.scss';
 interface HeroCarouselCard {
     category: string;

package/dist/components/{HeroCarousel → organisms/HeroCarousel}/components/HeroCardContent.d.ts

@@ -1,5 +1,5 @@
 import React, { KeyboardEvent } from 'react';
-import { ThemeProps } from '../../../themeProps';
+import { ThemeProps } from '../../../../themeProps';
 interface Props {
     /**
      * The theme to use

package/dist/components/{SearchCourses → organisms/SearchCourses}/SearchCourses.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
-import { SelectOptionsProps } from '../FormSelect/FormSelect';
+import { ThemeProps } from '../../../themeProps';
+import { SelectOptionsProps } from '../../atoms/FormSelect/FormSelect';
 import './searchCourses.scss';
 export interface FilterOptionsProps {
     label: string;

package/dist/components/{SignPost → organisms/SignPost}/SignPost.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 import './SignPost.scss';
 export interface SignPostProps {
     /**

package/dist/components/{SkipToContent → organisms/SkipToContent}/SkipToContent.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import './SkipToContent.scss';
-import { ThemeProps } from '../../themeProps';
+import { ThemeProps } from '../../../themeProps';
 interface SkipToContentProps {
     theme: ThemeProps;
 }

package/dist/components/{VideoCardComponent → organisms/VideoCardComponent}/VideoCardComponent.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { ThemeProps } from '../../themeProps';
-import { CardVideoProps } from '../CardVideo/CardVideo';
+import { ThemeProps } from '../../../themeProps';
+import { CardVideoProps } from '../../molecules/CardVideo/CardVideo';
 import './videoCardComponent.scss';
 export interface VideoCardComponentProps {
     /**

package/dist/components/{VideoCardComponent → organisms/VideoCardComponent}/VideoCardComponent.stories.d.ts

@@ -5,13 +5,13 @@ declare const meta: {
     title: string;
     component: typeof VideoCardComponent;
     decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
-        theme: import("../../themeProps").ThemeProps;
+        theme: import("../../../themeProps").ThemeProps;
         title: string;
         linkUrl?: string | undefined;
         linkText?: string | undefined;
         externalLink?: boolean | undefined;
         tag?: string | undefined;
-        cards: [import("../CardVideo/CardVideo").CardVideoProps, import("../CardVideo/CardVideo").CardVideoProps, import("../CardVideo/CardVideo").CardVideoProps];
+        cards: [import("../../molecules/CardVideo/CardVideo").CardVideoProps, import("../../molecules/CardVideo/CardVideo").CardVideoProps, import("../../molecules/CardVideo/CardVideo").CardVideoProps];
     }>) => JSX.Element)[];
     tags: string[];
 };

package/dist/index.d.ts

@@ -358,4 +358,19 @@ interface VideoCardComponentProps {
 }
 declare function VideoCardComponent({ theme, tag, title, linkUrl, linkText, externalLink, cards }: VideoCardComponentProps): ReactElement | null;
 
-export { Carousel, FeaturedContent, FeaturedSignpost, FeaturedVideo, Footer, Header, HeroCarousel, MainWrapper, SearchCourses, SignPost, SkipToContent, VideoCardComponent };
+interface Link {
+    url: string;
+    title: string;
+}
+interface BreadcrumbsProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    /**
+     * Links need to be provided in top down order, from parent to child
+     * E.g. Home, Level1, Level2, Level3
+     */
+    links: Link[];
+}
+declare function Breadcrumbs({ theme, inverse, links }: BreadcrumbsProps): ReactElement;
+
+export { Breadcrumbs, Carousel, FeaturedContent, FeaturedSignpost, FeaturedVideo, Footer, Header, HeroCarousel, MainWrapper, SearchCourses, SignPost, SkipToContent, VideoCardComponent };