@uob-web-and-digital/component-library 2.7.1 → 2.7.2

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

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

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

@@ -1,32 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import './textButton.scss';
-export interface TextButtonProps {
-    /**
-     * The theme to use
-     */
-    theme: ThemeProps;
-    /**
-     * Whether to inverse the colours
-     */
-    inverse?: boolean;
-    label: string;
-    /**
-     * Handler to use if it's a <button />
-     */
-    onClick?: () => void;
-    url?: string;
-    externalLink?: boolean;
-    /**
-     * Whether the button has a background color or is hollow
-     */
-    hollow?: boolean;
-    /** Whether the button is max-width:fit-content or full-width */
-    buttonModifier?: boolean;
-    /**
-     * Whether the button is used as a submit button in a form
-     */
-    isSubmit?: boolean;
-    disabled?: boolean;
-}
-export default function TextButton({ theme, inverse, label, onClick, url, externalLink, hollow, isSubmit, disabled }: TextButtonProps): ReactElement;

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

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import TextButton from './TextButton';
-import './textButton.scss';
-declare const meta: {
-    title: string;
-    component: typeof TextButton;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const DarkFilled: Story;
-export declare const DarkHollow: Story;
-export declare const Light: Story;
-export declare const LightHollow: Story;

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

@@ -1,42 +0,0 @@
-import { MouseEventHandler, ReactElement } from 'react';
-import { IconType } from '../Icons/Icons';
-import { ThemeProps } from '../../../themeProps';
-import './textButtonWithIcon.scss';
-export interface TextButtonWithIconProps {
-    /**
-     * The theme to use
-     */
-    theme: ThemeProps;
-    /**
-     * The id & one trust element to add for One Trust cookie settings button */
-    id?: string;
-    oneTrustElement?: string;
-    /**
-     * Whether to inverse the colours
-     */
-    inverse?: boolean;
-    label: string;
-    /**
-     * Handler to use if it's a <button />
-     */
-    onClick?: MouseEventHandler;
-    url?: string;
-    externalLink?: boolean;
-    /**
-     * Whether the button has a background color or is hollow
-     */
-    hollow?: boolean;
-    /**
-     * Whether the button is used as a submit button in a form
-     */
-    isSubmit?: boolean;
-    /**
-     * The icon to be used
-     */
-    icon: IconType;
-    /**
-     * The icon to be used
-     */
-    iconPosition?: 'left' | 'right';
-}
-export default function TextButtonWithIcon({ theme, id, inverse, label, onClick, url, externalLink, hollow, isSubmit, icon, iconPosition, oneTrustElement }: TextButtonWithIconProps): ReactElement;

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

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import TextButtonWithIcon from './TextButtonWithIcon';
-import './textButtonWithIcon.scss';
-declare const meta: {
-    title: string;
-    component: typeof TextButtonWithIcon;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const DarkFilled: Story;
-export declare const DarkHollow: Story;
-export declare const Light: Story;
-export declare const LightHollow: Story;

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

@@ -1,10 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import './video.scss';
-export interface VideoProps {
-    theme: ThemeProps;
-    id?: string;
-    url?: string;
-    autoPlay?: boolean;
-}
-export default function Video({ theme, id, url, autoPlay }: VideoProps): ReactElement;

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

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

package/dist/components/atoms/Video/defaultProps.d.ts

@@ -1,2 +0,0 @@
-import { VideoProps } from './Video';
-export declare const videoProps: VideoProps;

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

@@ -1,13 +0,0 @@
-import { ReactElement } from 'react';
-import './videoPlaceholder.scss';
-import { ThemeProps } from '../../../themeProps';
-export interface VideoPlaceholderProps {
-    theme: ThemeProps;
-    imageSrc: {
-        small?: string;
-        medium?: string;
-        default: string;
-    };
-    onClick: () => void;
-}
-export default function VideoPlaceholder({ theme, imageSrc, onClick }: VideoPlaceholderProps): ReactElement;

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

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import VideoPlaceholder from './VideoPlaceholder';
-declare const meta: Meta<typeof VideoPlaceholder>;
-export default meta;
-type Story = StoryObj<typeof VideoPlaceholder>;
-export declare const Default: Story;

package/dist/components/atoms/VideoPlaceholder/defaultProps.d.ts

@@ -1,2 +0,0 @@
-import { VideoPlaceholderProps } from './VideoPlaceholder';
-export declare const videoPlaceholderProps: VideoPlaceholderProps;

package/dist/components/molecules/AccordionItem/AccordionItem.d.ts

@@ -1,27 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import './accordionItem.scss';
-import { CardModuleCardProps } from '../CardModuleCard/CardModuleCard';
-export interface AccordionItemProps {
-    key?: number;
-    title: string;
-    text?: string;
-    theme: ThemeProps;
-    inverse?: boolean;
-    titleTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | undefined;
-    openByDefault?: boolean;
-    cards?: CardModuleCardProps[];
-    primaryButton?: {
-        text: string;
-        url: string;
-    };
-    secondaryButton?: {
-        text: string;
-        url: string;
-    };
-    link?: {
-        text: string;
-        url: string;
-    };
-}
-export default function AccordionItem({ theme, title, text, inverse, titleTag, cards, openByDefault, primaryButton, secondaryButton, link }: AccordionItemProps): ReactElement;

package/dist/components/molecules/AccordionItem/AccordionItem.stories.d.ts

@@ -1,19 +0,0 @@
-import { ReactElement } from 'react';
-import type { StoryObj } from '@storybook/react';
-import AccordionItem from './AccordionItem';
-declare const meta: {
-    title: string;
-    component: typeof AccordionItem;
-    tags: string[];
-    parameters: {
-        backgrounds: {
-            default: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof AccordionItem>;
-export declare const Light: Story;
-export declare const Dark: Story;
-export declare const Stacked: () => ReactElement;
-export declare const GridModules: Story;

package/dist/components/molecules/CampusSelector/CampusSelector.d.ts

@@ -1,15 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import './campusSelector.scss';
-interface CampusSelectorProps {
-    /**
-     * The theme to use
-     */
-    theme: ThemeProps;
-    active: 'uk' | 'dubai';
-    ukUrl: string;
-    dubaiUrl: string;
-    mobile: boolean;
-}
-export default function CampusSelector({ active, theme, ukUrl, dubaiUrl, mobile }: CampusSelectorProps): ReactElement;
-export {};

package/dist/components/molecules/CampusSelector/CampusSelector.stories.d.ts

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

package/dist/components/molecules/CardFact/CardFact.d.ts

@@ -1,16 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import { LinkWithArrowProps } from '../../atoms/LinkWithArrow/LinkWithArrow';
-import './cardFact.scss';
-export interface CardFactProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    stat: string;
-    description?: string;
-    source?: string;
-    link?: LinkWithArrowProps;
-}
-/**
- * Primary UI component for user interaction
- */
-export default function CardFact({ theme, inverse, stat, description, source, link }: CardFactProps): ReactElement;

package/dist/components/molecules/CardFact/CardFact.stories.d.ts

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CardFact from './CardFact';
-declare const meta: {
-    title: string;
-    component: typeof CardFact;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof CardFact>;
-export declare const CardFactExampleLight: Story;
-export declare const CardFactExampleDark: Story;

package/dist/components/molecules/CardFeatured/CardFeatured.d.ts

@@ -1,32 +0,0 @@
-import React, { KeyboardEvent } from 'react';
-import { ImageProps } from '../../atoms/Image/Image';
-import { ThemeProps } from '../../../themeProps';
-import './cardFeatured.scss';
-export interface CardFeaturedProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    imagePrimary: ImageProps;
-    imageSecondary: ImageProps;
-    imageTertiary: ImageProps;
-    categoryLabel: string;
-    slideTitle: string;
-    subTitle: string;
-    introText: string;
-    link: string;
-    linkText: string;
-    cardOrder?: number;
-    activeVariant?: string;
-    leftInitialPositionTablet?: string;
-    rightInitialPositionTablet?: string;
-    leftInitialPositionDesktop?: string;
-    rightInitialPositionDesktop?: string;
-    isMobile?: boolean;
-    isTablet?: boolean;
-    onKeyDown?: (e: KeyboardEvent<Element>) => void;
-}
-/**
- * Primary UI component for user interaction
- */
-type CardRef = HTMLDivElement | null;
-export declare const CardFeatured: React.ForwardRefExoticComponent<CardFeaturedProps & React.RefAttributes<CardRef>>;
-export default CardFeatured;

package/dist/components/molecules/CardFeatured/CardFeatured.stories.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
-import CardFeatured from './CardFeatured';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./CardFeatured").CardFeaturedProps & React.RefAttributes<HTMLDivElement | null>>;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof CardFeatured>;
-export declare const Light: Story;

package/dist/components/molecules/CardFeatured/animationVariants.d.ts

@@ -1,44 +0,0 @@
-export declare const variantSecondaryImageTablet: {
-    first: {
-        top: string;
-    };
-    second: {
-        top: string;
-    };
-    third: {
-        top: string;
-    };
-};
-export declare const variantTertiaryImageTablet: {
-    first: {
-        bottom: string;
-    };
-    second: {
-        bottom: string;
-    };
-    third: {
-        bottom: string;
-    };
-};
-export declare const variantSecondaryImageDesktop: {
-    first: {
-        top: string;
-    };
-    second: {
-        top: string;
-    };
-    third: {
-        top: string;
-    };
-};
-export declare const variantTertiaryImageDesktop: {
-    first: {
-        bottom: string;
-    };
-    second: {
-        bottom: string;
-    };
-    third: {
-        bottom: string;
-    };
-};

package/dist/components/molecules/CardFeatured/defaultProps.d.ts

@@ -1,2 +0,0 @@
-import { CardFeaturedProps } from './CardFeatured';
-export declare const cardFeaturedProps: CardFeaturedProps;

package/dist/components/molecules/CardFeaturedNews/CardFeaturedNews.d.ts

@@ -1,23 +0,0 @@
-import { ReactElement } from 'react';
-import { ImageProps } from '../../atoms/Image/Image';
-import { ThemeProps } from '../../../themeProps';
-import './cardFeaturedNews.scss';
-export interface CardFeaturedNewsProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    image?: ImageProps;
-    tag?: string;
-    title: string;
-    subtitle?: string;
-    href: string;
-    publishDate?: string;
-    authorString?: string;
-    location?: string;
-    copy?: string;
-    isPrimary?: boolean;
-    titleTag: 'h2' | 'h3' | 'h4';
-}
-/**
- * Primary UI component for user interaction
- */
-export default function CardFeaturedNews({ theme, inverse, image, title, href, publishDate, copy, isPrimary, titleTag }: CardFeaturedNewsProps): ReactElement;

package/dist/components/molecules/CardFeaturedNews/CardFeaturedNews.stories.d.ts

@@ -1,13 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CardFeaturedNews from './CardFeaturedNews';
-declare const meta: {
-    title: string;
-    component: typeof CardFeaturedNews;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof CardFeaturedNews>;
-export declare const FeaturedNewsCardExample: Story;

package/dist/components/molecules/CardImage/CardImage.d.ts

@@ -1,15 +0,0 @@
-import { ReactElement } from 'react';
-import { ImageProps } from '../../atoms/Image/Image';
-import { ThemeProps } from '../../../themeProps';
-import './cardImage.scss';
-export interface CardImageProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    image: ImageProps;
-    imageCaption?: string;
-    imageCredit?: string;
-}
-/**
- * Primary UI component for user interaction
- */
-export default function CardImage({ theme, inverse, image, imageCaption, imageCredit }: CardImageProps): ReactElement;

package/dist/components/molecules/CardImage/CardImage.stories.d.ts

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

package/dist/components/molecules/CardImage/defaultProps.d.ts

@@ -1,2 +0,0 @@
-import { CardImageProps } from './CardImage';
-export declare const cardImageProps: CardImageProps;

package/dist/components/molecules/CardMenu/CardMenu.d.ts

@@ -1,19 +0,0 @@
-import { ReactElement } from 'react';
-import { ImageProps } from '../../atoms/Image/Image';
-import { ThemeProps } from '../../../themeProps';
-import './cardMenu.scss';
-export interface CardMenuProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    image: ImageProps;
-    tag: string;
-    title: string;
-    description?: string;
-    href: string;
-    linkText?: string;
-    type: 'primary' | 'secondary';
-}
-/**
- * Primary UI component for user interaction
- */
-export default function CardMenu({ theme, inverse, image, tag, title, href, linkText, description, type }: CardMenuProps): ReactElement;

package/dist/components/molecules/CardMenu/CardMenu.stories.d.ts

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CardMenu from './CardMenu';
-declare const meta: {
-    title: string;
-    component: typeof CardMenu;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof CardMenu>;
-export declare const Primary: Story;
-export declare const Secondary: Story;

package/dist/components/molecules/CardModuleCard/CardModuleCard.d.ts

@@ -1,14 +0,0 @@
-import { ReactElement } from 'react';
-import { ThemeProps } from '../../../themeProps';
-import './cardModuleCard.scss';
-export interface CardModuleCardProps {
-    theme: ThemeProps;
-    title: string;
-    creditCount?: string;
-    href: string;
-    titleTag?: 'h2' | 'h3';
-}
-/**
- * Primary UI component for user interaction
- */
-export default function CardModuleCard({ theme, title, creditCount, href, titleTag }: CardModuleCardProps): ReactElement;

package/dist/components/molecules/CardModuleCard/CardModuleCard.stories.d.ts

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CardModuleCard from './CardModuleCard';
-declare const meta: {
-    title: string;
-    component: typeof CardModuleCard;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof CardModuleCard>;
-export declare const Example: Story;
-export declare const WithoutCreditCount: Story;

package/dist/components/molecules/CardNews/CardNews.d.ts

@@ -1,19 +0,0 @@
-import { ReactElement } from 'react';
-import { ImageProps } from '../../atoms/Image/Image';
-import { ThemeProps } from '../../../themeProps';
-import './cardNews.scss';
-import { HeadingProps } from '../../atoms/Heading/Heading';
-export interface CardNewsProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    image: ImageProps;
-    tag: string;
-    title: string;
-    href: string;
-    publishDate: string;
-    titleTag: HeadingProps['htmlTag'];
-}
-/**
- * Primary UI component for user interaction
- */
-export default function CardNews({ theme, inverse, image, tag, title, href, publishDate, titleTag }: CardNewsProps): ReactElement;

package/dist/components/molecules/CardNews/CardNews.stories.d.ts

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

package/dist/components/molecules/CardNews/defaultProps.d.ts

@@ -1,2 +0,0 @@
-import { CardNewsProps } from './CardNews';
-export declare const cardNewsProps: CardNewsProps;

package/dist/components/molecules/CardProfile/CardProfile.d.ts

@@ -1,18 +0,0 @@
-import { ReactElement } from 'react';
-import { ImageProps } from '../../atoms/Image/Image';
-import { ThemeProps } from '../../../themeProps';
-import './cardProfile.scss';
-export interface CardProfileProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    image: ImageProps;
-    name: string;
-    courseTitle: string;
-    copy: string;
-    href: string;
-    titleTag?: 'h2' | 'h3';
-}
-/**
- * Primary UI component for user interaction
- */
-export default function CardProfile({ theme, inverse, image, name, courseTitle, href, copy, titleTag }: CardProfileProps): ReactElement;

package/dist/components/molecules/CardProfile/CardProfile.stories.d.ts

@@ -1,13 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CardProfile from './CardProfile';
-declare const meta: {
-    title: string;
-    component: typeof CardProfile;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof CardProfile>;
-export declare const ExampleSingleCard: Story;

package/dist/components/molecules/CardPromo/CardPromo.d.ts

@@ -1,34 +0,0 @@
-import { ReactElement } from 'react';
-import { ImageProps } from '../../atoms/Image/Image';
-import { ThemeProps } from '../../../themeProps';
-import './cardPromo.scss';
-import { HeadingProps } from '../../atoms/Heading/Heading';
-import { CalendarGraphicProps } from '../../atoms/CalendarGraphic/CalendarGraphic';
-export interface CardPromoProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    image?: ImageProps;
-    tag?: string;
-    title: string;
-    subtitle?: string;
-    href: string;
-    publishDate?: string;
-    eventTime?: string;
-    authorString?: string;
-    readingTime?: string;
-    studyLevel?: string;
-    topic?: string;
-    location?: string;
-    copy?: string;
-    isSingle?: boolean;
-    titleTag: HeadingProps['htmlTag'];
-    cardCopyIsRichText?: boolean;
-    eventStatus?: CalendarGraphicProps['status'];
-    eventDay?: CalendarGraphicProps['day'];
-    eventMonth?: CalendarGraphicProps['month'];
-    inStoryCarousel?: boolean;
-}
-/**
- * Primary UI component for user interaction
- */
-export default function CardPromo({ theme, inverse, image, tag, title, subtitle, href, publishDate, authorString, readingTime, location, copy, isSingle, titleTag, cardCopyIsRichText, eventTime, eventStatus, eventDay, eventMonth, inStoryCarousel }: CardPromoProps): ReactElement;

package/dist/components/molecules/CardPromo/CardPromo.stories.d.ts

@@ -1,21 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import CardPromo from './CardPromo';
-declare const meta: {
-    title: string;
-    component: typeof CardPromo;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof CardPromo>;
-export declare const SinglePromoCardLight: Story;
-export declare const SinglePromoCardDark: Story;
-export declare const SinglePromoCardLightRichTextCopy: Story;
-export declare const SinglePromoCardDarkRichTextCopy: Story;
-export declare const CardNoImage: Story;
-export declare const OneOfManyPromoCards: Story;
-export declare const EventPromoCardUpcomingExample: Story;
-export declare const EventPromoCardRecordedExample: Story;
-export declare const EventPromoCardMoreDatesExample: Story;