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

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

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './inPageNavigation.scss';
+import { InPageNavigationLinksProps } from '../../molecules/InPageNavigationLinks/InPageNavigationLinks';
+export interface InPageNavigationProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    expandableHeader?: string;
+    links: InPageNavigationLinksProps;
+}
+export default function InPageNavigation({ theme, inverse, links, expandableHeader }: InPageNavigationProps): ReactElement;

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

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

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

@@ -0,0 +1,2 @@
+import { InPageNavigationProps } from './InPageNavigation';
+export declare const inPageNavigationProps: InPageNavigationProps;

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

@@ -0,0 +1,22 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './introText.scss';
+export interface IntroTextProps {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    /**
+     * Whether to inverse the colours
+     */
+    inverse?: boolean;
+    fullWidth?: boolean;
+    text: string;
+    /**
+     * FIXME - when the mixd storybook is no longer used
+     * use CSS rules instead of these spacing props
+     */
+    removeBottomPadding?: boolean;
+    removeTopPadding?: boolean;
+}
+export default function IntroText({ text, theme, inverse, fullWidth, removeBottomPadding, removeTopPadding }: IntroTextProps): ReactElement;

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

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

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

@@ -0,0 +1,2 @@
+import { IntroTextProps } from './IntroText';
+export declare const introTextProps: IntroTextProps;

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

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { CardFeaturedNewsProps } from '../../molecules/CardFeaturedNews/CardFeaturedNews';
+import { MostReadNewsProps } from '../../molecules/MostReadNews/MostReadNews';
+import './leadNewsArticles.scss';
+export interface LeadNewsArticlesProps {
+    theme: ThemeProps;
+    featuredArticle: CardFeaturedNewsProps;
+    otherLeadArticles: Omit<CardFeaturedNewsProps, 'theme'>[];
+    mostReadNews: MostReadNewsProps;
+}
+export default function LeadNewsArticles({ theme, featuredArticle, otherLeadArticles, mostReadNews }: LeadNewsArticlesProps): ReactElement;

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

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

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

@@ -0,0 +1,2 @@
+import { LeadNewsArticlesProps } from './LeadNewsArticles';
+export declare const leadNewsArticlesProps: LeadNewsArticlesProps;

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

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './listingFilterWrapper.scss';
+export interface ListingFilterWrapperProps {
+    theme: ThemeProps;
+    showFilterButtonLabel: string;
+    numSelected?: number;
+    filterElement: ReactElement;
+}
+export default function ListingFilterWrapper({ theme, showFilterButtonLabel, numSelected, filterElement }: ListingFilterWrapperProps): ReactElement;

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

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

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

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+import { AccomodationCardProps } from '../../molecules/ListingResultCard/Cards/AccomodationCard';
+import { CourseCardProps } from '../../molecules/ListingResultCard/Cards/CourseCard';
+import { EventCardProps } from '../../molecules/ListingResultCard/Cards/EventCard';
+import { NewsCardProps } from '../../molecules/ListingResultCard/Cards/NewsCard';
+import { PageCardProps } from '../../molecules/ListingResultCard/Cards/PageCard';
+import { StaffCardProps } from '../../molecules/ListingResultCard/Cards/StaffCard';
+import { ThemeProps } from '../../../themeProps';
+import { HeadingProps } from '../../molecules/Heading/Heading';
+import { ProfileCardProps } from '../../molecules/ListingResultCard/Cards/ProfileCard';
+type CardProps = Omit<AccomodationCardProps, 'showCategory' | 'theme'> | Omit<CourseCardProps, 'showCategory' | 'theme'> | Omit<EventCardProps, 'showCategory' | 'theme'> | Omit<NewsCardProps, 'showCategory' | 'theme'> | Omit<PageCardProps, 'showCategory' | 'theme'> | Omit<StaffCardProps, 'showCategory' | 'theme'> | Omit<ProfileCardProps, 'showCategory' | 'theme'>;
+export interface ListingResultsProps {
+    theme: ThemeProps;
+    showCategory?: boolean;
+    cards: CardProps[];
+    headingInfo?: HeadingProps;
+}
+export default function ListingResults({ theme, showCategory, cards, headingInfo }: ListingResultsProps): ReactElement;
+export {};

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

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+import ListingResults from './ListingResults';
+declare const meta: {
+    title: string;
+    component: typeof ListingResults;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof ListingResults>;
+export declare const SiteGlobal: Story;
+export declare const Events: Story;
+export declare const Courses: Story;
+export declare const News: Story;
+export declare const Staff: Story;
+export declare const Accomodation: Story;

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

@@ -0,0 +1,8 @@
+import { ListingResultsProps } from './ListingResults';
+export declare const globalSearchProps: ListingResultsProps;
+export declare const eventsProps: ListingResultsProps;
+export declare const eventsPropsCourses: ListingResultsProps;
+export declare const staffProps: ListingResultsProps;
+export declare const newsProps: ListingResultsProps;
+export declare const courseProps: ListingResultsProps;
+export declare const accomodationProps: ListingResultsProps;

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

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './listingResultsCount.scss';
+export interface ListingResultsCountProps {
+    theme: ThemeProps;
+    count: number;
+}
+export default function ListingResultsCount({ count, theme }: ListingResultsCountProps): ReactElement;

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

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

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

@@ -0,0 +1,18 @@
+import { ReactElement, ReactNode } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { GenericDetailProps } from '../../molecules/GenericDetail/GenericDetail';
+import { LinkWithArrowProps } from '../../atoms/LinkWithArrow/LinkWithArrow';
+import './LocationSection.scss';
+export interface LocationSectionProps {
+    theme: ThemeProps;
+    embedChildren: ReactNode;
+    googleMapLink: string;
+    address: string[];
+    services?: Omit<GenericDetailProps, 'theme'>[];
+    link?: LinkWithArrowProps;
+    /**
+     * Optional titleTag of the component
+     */
+    titleTag?: 'h2' | 'h3';
+}
+export default function LocationSection({ theme, embedChildren, googleMapLink, address, services, link, titleTag }: LocationSectionProps): ReactElement;

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

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

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

@@ -0,0 +1,2 @@
+import { LocationSectionProps } from './LocationSection';
+export declare const locationSectionProps: LocationSectionProps;

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

@@ -0,0 +1,16 @@
+import { ReactElement, ReactNode } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { HeadingProps } from '../../atoms/Heading/Heading';
+import './modalCTA.scss';
+export interface ModalCTAProps {
+    theme: ThemeProps;
+    heading: string;
+    inverse?: boolean;
+    description?: string;
+    buttonLabel: string;
+    /** Whether the button is max-width:fit-content or full-width */
+    buttonModifier?: boolean;
+    modalChildren: ReactNode;
+    htmlTag?: HeadingProps['htmlTag'];
+}
+export default function ModalCTA({ theme, heading, inverse, description, buttonLabel, buttonModifier, modalChildren, htmlTag }: ModalCTAProps): ReactElement;

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

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

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

@@ -0,0 +1,2 @@
+import { ModalCTAProps } from './ModalCTA';
+export declare const modalCTAProps: ModalCTAProps;

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

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import { CardModuleCardProps } from '../../molecules/CardModuleCard/CardModuleCard';
+import { ThemeProps } from '../../../themeProps';
+import './moduleCardGroup.scss';
+export interface ModuleCardGroupProps {
+    theme?: ThemeProps;
+    inverse?: boolean;
+    cards: CardModuleCardProps | CardModuleCardProps[];
+}
+export default function ModuleCardGroup({ theme, inverse, cards }: ModuleCardGroupProps): ReactElement;

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

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

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

@@ -0,0 +1,2 @@
+import { ModuleCardGroupProps } from './ModuleCardGroup';
+export declare const moduleCardGroupProps: ModuleCardGroupProps;

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

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { CardFeaturedNewsProps } from '../../molecules/CardFeaturedNews/CardFeaturedNews';
+import { CardPromoVideoProps } from '../../molecules/CardPromoVideo/CardPromoVideo';
+import './newsArticlesPromoBlock.scss';
+export interface NewsArticlesPromoBlockProps {
+    theme: ThemeProps;
+    heading: string;
+    cards: CardFeaturedNewsProps[] | CardPromoVideoProps[];
+    cardType?: 'featured-news' | 'promo-video';
+}
+export default function NewsArticlesPromoBlock({ theme, heading, cards, cardType }: NewsArticlesPromoBlockProps): ReactElement;

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

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

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

@@ -0,0 +1,3 @@
+import { NewsArticlesPromoBlockProps } from './NewsArticlesPromoBlock';
+export declare const newsArticlesPromoBlockProps: NewsArticlesPromoBlockProps;
+export declare const videoNewsArticlesPromoBlockProps: NewsArticlesPromoBlockProps;

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

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './pagination.scss';
+export interface PaginationProps {
+    theme: ThemeProps;
+    numOfPages: number;
+    onClick: (pageNumber: number) => void;
+    currentPage: number;
+}
+export default function Pagination({ theme, numOfPages, onClick, currentPage }: PaginationProps): ReactElement;

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

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import Pagination from './Pagination';
+declare const meta: {
+    title: string;
+    component: typeof Pagination;
+    tags: string[];
+};
+export default meta;
+export declare const FourPages: () => ReactElement;
+export declare const SevenPages: () => ReactElement;
+export declare const TenPages: () => ReactElement;
+export declare const TwentyPages: () => ReactElement;

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

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

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

@@ -0,0 +1,70 @@
+import { ReactElement } from 'react';
+import { LinkWithArrowProps } from '../../atoms/LinkWithArrow/LinkWithArrow';
+import { ThemeProps } from '../../../themeProps';
+import { CardPromoProps } from '../../molecules/CardPromo/CardPromo';
+import { CardPromoSignpostProps } from '../../molecules/CardPromoSignpost/CardPromoSignpost';
+import { CardPromoVideoProps } from '../../molecules/CardPromoVideo/CardPromoVideo';
+import { CardPromoProfileProps } from '../../molecules/CardPromoProfile/CardPromoProfile';
+import './promoBlock.scss';
+import { FormSelectProps } from '../../atoms/FormSelect/FormSelect';
+export interface PromoBlockProps {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    /**
+     * Whether to inverse the colours
+     */
+    inverse?: boolean;
+    /**
+     * Optional title of the component
+     */
+    title?: string;
+    /**
+     * Optional titleTag of the component
+     */
+    titleTag?: 'h2' | 'h3';
+    /**
+     * Optional cardTitleTag of the component
+     */
+    cardTitleTag?: 'h2' | 'h3' | 'h4' | 'h5';
+    /**
+     * Optional description of the component
+     */
+    description?: string;
+    /**
+     * Optional link elements
+     */
+    link?: LinkWithArrowProps;
+    /**
+     * Promo block will work with three card types
+     */
+    type: 'promo' | 'promo-signpost' | 'promo-video' | 'promo-profile';
+    /**
+     * A Promo block component can have any number of items
+     */
+    cards: CardPromoProps[] | CardPromoSignpostProps[] | CardPromoVideoProps[] | CardPromoProfileProps[];
+    /**
+     * Only applies to the signpost card and if there is only one
+     */
+    imageOrientation: 'left' | 'right';
+    /**
+     * The copy prop of the card may need to be rendered as Rich Text
+     */
+    cardCopyIsRichText?: boolean;
+    /**
+     * Prop used to optimise layout in courses page
+     */
+    fullWidth?: boolean;
+    /**
+     * Prop used to enable/disable filters
+     */
+    fullWidthTitle?: boolean;
+    /**
+     * Prop used to enable full width title and description
+     */
+    showFilters?: boolean;
+    firstFilterSelect?: FormSelectProps;
+    secondFilterSelect?: FormSelectProps;
+}
+export default function PromoBlock({ theme, inverse, type, title, description, link, cards, imageOrientation, titleTag, cardTitleTag, cardCopyIsRichText, fullWidth, fullWidthTitle, showFilters, firstFilterSelect, secondFilterSelect }: PromoBlockProps): ReactElement | null;

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

@@ -0,0 +1,36 @@
+import type { StoryObj } from '@storybook/react';
+import PromoBlock from './PromoBlock';
+import './promoBlock.scss';
+declare const meta: {
+    title: string;
+    component: typeof PromoBlock;
+    tags: string[];
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof PromoBlock>;
+export declare const PromoBlockOneCardOnly: Story;
+export declare const PromoBlockTwoCardsOnly: Story;
+export declare const PromoBlockThreeCardsOnly: Story;
+export declare const PromoBlockFourCardsPlus: Story;
+export declare const PromoBlockThreeEventCardsOnly: Story;
+export declare const PromoBlockFourCardsPlusDark: Story;
+export declare const PromoBlockSignpostOneCardOnly: Story;
+export declare const PromoBlockSignpostOneCardOnlyDark: Story;
+export declare const PromoBlockSignpostTwoCardsOnly: Story;
+export declare const PromoBlockSignpostTwoCardsOnlyDark: Story;
+export declare const PromoBlockSignpostThreeCardsOnly: Story;
+export declare const PromoBlockSignpostThreeCardsOnlyDark: Story;
+export declare const PromoBlockSignpostFourCardsPlus: Story;
+export declare const PromoBlockSignpostFourCardsPlusDark: Story;
+export declare const PromoBlockVideoOneCardOnly: Story;
+export declare const PromoBlockVideoTwoCardsOnly: Story;
+export declare const PromoBlockVideoThreeCardsOnly: Story;
+export declare const PromoBlockVideoFourCardsPlus: Story;
+export declare const PromoBlockFilters: Story;
+export declare const PromoBlockProfileThreeCards: Story;
+export declare const PromoBlockStoryCoursePageCardOnly: Story;

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

@@ -0,0 +1,17 @@
+import { PromoBlockProps } from './PromoBlock';
+import { CardPromoProfileProps } from '../../molecules/CardPromoProfile/CardPromoProfile';
+import { FormSelectProps, SelectOptionsProps } from '../../atoms/FormSelect/FormSelect';
+export declare const promoBlockProps: PromoBlockProps;
+export declare const promoBlockPropsAccommodation: PromoBlockProps;
+export declare const promoBlockEventsProps: PromoBlockProps;
+export declare const promoBlockSignpostProps: PromoBlockProps;
+export declare const promoBlockVideoProps: PromoBlockProps;
+export declare const promoBlockForCoursePage: PromoBlockProps;
+export declare const promoBlockProfileCards: CardPromoProfileProps[];
+export declare const promoBlockForProfile: PromoBlockProps;
+export declare const promoBlockForScholarshipAward: PromoBlockProps;
+export declare const studyLevelSelectOptions: SelectOptionsProps[];
+export declare const studyLevelFilterSelect: FormSelectProps;
+export declare const topicSelectOptions: SelectOptionsProps[];
+export declare const topicFilterSelect: FormSelectProps;
+export declare const promoBlockFiltersData: PromoBlockProps;

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

@@ -0,0 +1,46 @@
+import { ReactElement } from 'react';
+import { LinkWithArrowProps } from '../../atoms/LinkWithArrow/LinkWithArrow';
+import { ThemeProps } from '../../../themeProps';
+import { CardPromoProps } from '../../molecules/CardPromo/CardPromo';
+import { CardPromoSignpostProps } from '../../molecules/CardPromoSignpost/CardPromoSignpost';
+import { CardPromoVideoProps } from '../../molecules/CardPromoVideo/CardPromoVideo';
+import './promoBlockGrid.scss';
+export interface PromoBlockProps {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    /**
+     * Whether to inverse the colours
+     */
+    inverse?: boolean;
+    /**
+     * Optional title of the component
+     */
+    title?: string;
+    /**
+     * Optional description of the component
+     */
+    description?: string;
+    /**
+     * Optional link elements
+     */
+    link?: LinkWithArrowProps;
+    /**
+     * Promo block will work with three card types
+     */
+    type: 'promo' | 'promo-signpost' | 'promo-video';
+    /**
+     * A Promo block component can have any number of items
+     */
+    cards: CardPromoProps[] | CardPromoSignpostProps[] | CardPromoVideoProps[];
+    /**
+     * Only applies to the signpost card and if there is only one
+     */
+    imageOrientation: 'left' | 'right';
+    /**
+     * The fullWidth version of this component is used for in study pages
+     */
+    fullWidth?: boolean;
+}
+export default function PromoBlockGrid({ theme, inverse, type, title, description, link, cards, imageOrientation, fullWidth }: PromoBlockProps): ReactElement | null;

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

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

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

@@ -0,0 +1,3 @@
+import { PromoBlockProps } from './PromoBlockGrid';
+export declare const promoBlockGridProps: PromoBlockProps;
+export declare const promoBlockGridPropsCourse: PromoBlockProps;

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

@@ -0,0 +1,20 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { LinkWithArrowProps } from '../../atoms/LinkWithArrow/LinkWithArrow';
+import { HeadingProps } from '../../molecules/Heading/Heading';
+import './QuoteBlock.scss';
+type LinkProps = Omit<LinkWithArrowProps, 'theme' | 'inverse'>;
+export interface QuoteBlockProps extends HeadingProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    title?: string;
+    cite?: string;
+    role?: string;
+    quote: string;
+    quoteeProfileImage?: string;
+    quoteeProfileImageAltText?: string;
+    cta?: LinkProps;
+    fullWidth?: boolean;
+}
+export default function QuoteBlock({ theme, inverse, title, description, cite, role, quote, quoteeProfileImage, quoteeProfileImageAltText, cta, fullWidth, htmlTag }: QuoteBlockProps): ReactElement;
+export {};

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

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+import QuoteBlock from './QuoteBlock';
+declare const meta: {
+    title: string;
+    component: typeof QuoteBlock;
+    tags: string[];
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+        quoteBlockProps: import("./QuoteBlock").QuoteBlockProps;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof QuoteBlock>;
+export declare const ExampleIncludingHeading: Story;
+export declare const ExampleIncludingHeadingLight: Story;
+export declare const ExampleQuoteOnly: Story;
+export declare const ExampleQuoteWithCite: Story;

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

@@ -0,0 +1,6 @@
+import { QuoteBlockProps } from './QuoteBlock';
+export declare const quoteBlockProps: QuoteBlockProps;
+export declare const quoteWithCite: QuoteBlockProps;
+export declare const quoteOnly: QuoteBlockProps;
+export declare const quoteForCouresPage: QuoteBlockProps;
+export declare const quoteWithCiteForScholarshipsAwardPage: QuoteBlockProps;

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

@@ -0,0 +1,18 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { CardRelatedProps } from '../../molecules/CardRelatedCourse/CardRelatedCourse';
+import { LinkWithArrowProps } from '../../atoms/LinkWithArrow/LinkWithArrow';
+import './relatedCourses.scss';
+type LinkProps = Omit<LinkWithArrowProps, 'theme' | 'inverse'>;
+export interface RelatedCoursesProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    heading: string;
+    description?: string;
+    linkProps?: LinkProps;
+    fullWidth?: boolean;
+    headingStyle?: 'news' | null;
+    cards: CardRelatedProps[];
+}
+export default function RelatedCourses({ theme, inverse, heading, description, linkProps, headingStyle, fullWidth, cards }: RelatedCoursesProps): ReactElement;
+export {};