@uob-web-and-digital/component-library 0.0.30 → 0.0.32

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

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { ThemeProps } from '../../../themeProps';
 import './textButton.scss';
-interface TextButtonProps {
+export interface TextButtonProps {
     /**
      * The theme to use
      */
@@ -27,4 +27,3 @@ interface TextButtonProps {
     isSubmit?: boolean;
 }
 export default function TextButton({ theme, inverse, label, onClick, url, externalLink, hollow, isSubmit }: TextButtonProps): ReactElement;
-export {};

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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,18 @@
+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

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

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

@@ -0,0 +1,27 @@
+import { ReactElement } from 'react';
+import { ImageProps } from '../../atoms/Image/Image';
+import { ThemeProps } from '../../../themeProps';
+import { TextButtonProps } from '../../atoms/TextButton/TextButton';
+import { LinkWithArrowProps } from '../../atoms/LinkWithArrow/LinkWithArrow';
+import './cardPromoSignpost.scss';
+export interface CardPromoSignpostProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    image?: ImageProps;
+    imageOrientation?: 'left' | 'right';
+    tag?: string;
+    title: string;
+    subtitle?: string;
+    publishDate?: string;
+    authorString?: string;
+    location?: string;
+    copy?: string;
+    isSingle?: boolean;
+    buttonPrimary?: TextButtonProps;
+    buttonSecondary?: TextButtonProps;
+    link?: LinkWithArrowProps;
+}
+/**
+ * Primary UI component for user interaction
+ */
+export default function CardPromoSignpost({ theme, inverse, image, tag, title, subtitle, publishDate, authorString, location, copy, isSingle, buttonPrimary, buttonSecondary, link, imageOrientation }: CardPromoSignpostProps): ReactElement;

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

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

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

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+import { ImageProps } from '../../atoms/Image/Image';
+import { ThemeProps } from '../../../themeProps';
+import { ParagraphLinkProps } from '../../atoms/ParagraphLink/ParagraphLink';
+import './cardPromoVideo.scss';
+export interface CardPromoVideoProps {
+    theme: ThemeProps;
+    image?: ImageProps;
+    title: string;
+    publishDate?: string;
+    videoLength?: string;
+    copy?: string;
+    isSingle?: boolean;
+    link?: ParagraphLinkProps;
+}
+/**
+ * Primary UI component for user interaction
+ */
+export default function CardPromoVideo({ theme, image, title, publishDate, videoLength, copy, isSingle, link }: CardPromoVideoProps): ReactElement;

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

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

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

@@ -3,6 +3,7 @@ import { ThemeProps } from '../../../themeProps';
 import './carouselNav.scss';
 interface CarouselNavProps {
     theme: ThemeProps;
+    inverse?: boolean;
     totalNumber: number;
     currentNumber: number;
     onClickPrev: () => void;
@@ -13,5 +14,5 @@ interface CarouselNavProps {
     showNumbers?: boolean;
     lineColor?: 'black' | 'gold';
 }
-export default function CarouselNav({ theme, totalNumber, currentNumber, onClickNext, onClickPrev, prevButtonDisabled, nextButtonDisabled, carouselId, showNumbers, lineColor }: CarouselNavProps): ReactElement;
+export default function CarouselNav({ theme, inverse, totalNumber, currentNumber, onClickNext, onClickPrev, prevButtonDisabled, nextButtonDisabled, carouselId, showNumbers, lineColor }: CarouselNavProps): ReactElement;
 export {};

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

@@ -7,4 +7,7 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof CarouselNav>;
-export declare const Default: Story;
+export declare const CarouselNavLight: Story;
+export declare const CarouselNavDark: Story;
+export declare const CarouselNavGoldLine: Story;
+export declare const CarouselNavDarkGoldLine: Story;

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

@@ -0,0 +1,20 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { LinkWithArrowProps } from '../../atoms/LinkWithArrow/LinkWithArrow';
+import './heading.scss';
+type LinkProps = Omit<LinkWithArrowProps, 'theme' | 'inverse'>;
+export interface HeadingProps {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    /**
+     * Whether to inverse the colours
+     */
+    inverse?: boolean;
+    title?: string;
+    description?: string;
+    linkProps?: LinkProps;
+}
+export default function Heading({ title, description, linkProps, theme, inverse }: HeadingProps): ReactElement | null;
+export {};

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

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

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

@@ -0,0 +1,2 @@
+import { HeadingProps } from './Heading';
+export declare const headingProps: HeadingProps;

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

@@ -3,13 +3,16 @@ import { CardNewsProps } from '../../molecules/CardNews/CardNews';
 import { CardFeaturedProps } from '../../molecules/CardFeatured/CardFeatured';
 import { CardVideoProps } from '../../molecules/CardVideo/CardVideo';
 import { CardPromoProps } from '../../molecules/CardPromo/CardPromo';
+import { CardPromoSignpostProps } from '../../molecules/CardPromoSignpost/CardPromoSignpost';
+import { CardPromoVideoProps } from '../../molecules/CardPromoVideo/CardPromoVideo';
 import { ThemeProps } from '../../../themeProps';
 import './carousel.scss';
 export interface CarouselProps {
     theme: ThemeProps;
+    inverse?: boolean;
     type: string;
     title?: string;
-    cards: Omit<CardNewsProps, 'titleTag'>[] | CardFeaturedProps[] | CardVideoProps[] | CardPromoProps[];
+    cards: Omit<CardNewsProps, 'titleTag'>[] | CardFeaturedProps[] | CardVideoProps[] | CardPromoProps[] | CardPromoSignpostProps[] | CardPromoVideoProps[];
     exploreMore?: string;
 }
-export default function Carousel({ theme, type, title, cards, exploreMore }: CarouselProps): ReactElement;
+export default function Carousel({ theme, inverse, type, title, cards, exploreMore }: CarouselProps): ReactElement;

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

@@ -0,0 +1,40 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './hero.scss';
+import { SelectOptionsProps } from '../../atoms/FormSelect/FormSelect';
+interface Link {
+    url: string;
+    title: string;
+    externalLink?: boolean;
+}
+interface CourseSearchProps {
+    defaultSearchTerm?: string;
+    placeholder: string;
+    filterTitle: string;
+    filterFieldName: string;
+    filterOptions: SelectOptionsProps[];
+    defaultFilter?: string;
+    resultsUrl: string;
+}
+export interface HeroProps {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    inverse?: boolean;
+    title: string;
+    description: string;
+    image?: {
+        src: {
+            small?: string;
+            medium?: string;
+            default: string;
+        };
+        alt: string;
+        style: 'rectangle' | 'lines-of-intent';
+    };
+    links?: [] | [Link] | [Link, Link];
+    courseSearchProps?: CourseSearchProps;
+}
+export default function Hero({ theme, inverse, title, description, image, links, courseSearchProps }: HeroProps): ReactElement | null;
+export {};

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

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+import Hero from './Hero';
+declare const meta: {
+    title: string;
+    component: typeof Hero;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof Hero>;
+export declare const DarkColourBlock: Story;
+export declare const LightColourBlock: Story;
+export declare const DarkRectangleImage: Story;
+export declare const LightRectangleImage: Story;
+export declare const DarkLinesOfIntentImage: Story;
+export declare const LightLinesOfIntentImage: Story;

package/dist/components/organisms/Hero/components/LinesOfIntent.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+interface Props {
+    isMobile: boolean;
+    isTablet: boolean;
+}
+export default function LinesOfIntent({ isMobile, isTablet }: Props): ReactElement;
+export {};

package/dist/components/organisms/Hero/components/PolygonImage.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+interface Props {
+    isMobile: boolean;
+    isTablet: boolean;
+    image: {
+        src: {
+            small?: string;
+            medium?: string;
+            default: string;
+        };
+        alt: string;
+    };
+}
+export default function PolygonImage({ isMobile, isTablet, image }: Props): ReactElement;
+export {};

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

@@ -0,0 +1,4 @@
+import { HeroProps } from './Hero';
+export declare const colourBlockHeroProps: HeroProps;
+export declare const rectangleImageHeroProps: HeroProps;
+export declare const linesOfIntentImageHeroProps: HeroProps;

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

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import './imageBlock.scss';
+import { HeadingProps } from '../../molecules/Heading/Heading';
+import { CardImageProps } from '../../molecules/CardImage/CardImage';
+export interface ImageBlockProps extends HeadingProps {
+    fullWidth: boolean;
+    images?: Omit<CardImageProps, 'theme' | 'inverse'>[];
+}
+export default function ImageBlock({ theme, inverse, title, description, linkProps, fullWidth, images }: ImageBlockProps): ReactElement | null;

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

@@ -0,0 +1,23 @@
+import type { StoryObj } from '@storybook/react';
+import ImageBlock from './ImageBlock';
+import './imageBlock.scss';
+declare const meta: {
+    title: string;
+    component: typeof ImageBlock;
+    tags: string[];
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof ImageBlock>;
+export declare const Default: Story;
+export declare const Dark: Story;
+export declare const Light: Story;
+export declare const OneImageFullWidth: Story;
+export declare const TwoImagesFullWidth: Story;
+export declare const OneImage: Story;
+export declare const TwoImages: Story;
+export declare const NoImages: Story;

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

@@ -0,0 +1,2 @@
+import { ImageBlockProps } from './ImageBlock';
+export declare const imageBlockProps: ImageBlockProps;

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

@@ -2,6 +2,8 @@ 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 './promoBlock.scss';
 export interface PromoBlockProps {
     /**
@@ -27,10 +29,10 @@ export interface PromoBlockProps {
     /**
      * Promo block will work with three card types
      */
-    type: 'promo' | 'signpost' | 'video';
+    type: 'promo' | 'promo-signpost' | 'promo-video';
     /**
      * A Promo block component can have any number of items
      */
-    cards: CardPromoProps[];
+    cards: CardPromoProps[] | CardPromoSignpostProps[] | CardPromoVideoProps[];
 }
 export default function PromoBlock({ theme, inverse, type, title, description, link, cards }: PromoBlockProps): ReactElement | null;

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

@@ -17,3 +17,15 @@ export declare const PromoBlockOneCardOnly: Story;
 export declare const PromoBlockTwoCardsOnly: Story;
 export declare const PromoBlockThreeCardsOnly: Story;
 export declare const PromoBlockFourCardsPlus: 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;

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

@@ -1,2 +1,4 @@
 import { PromoBlockProps } from './PromoBlock';
 export declare const promoBlockProps: PromoBlockProps;
+export declare const promoBlockSignpostProps: PromoBlockProps;
+export declare const promoBlockVideoProps: PromoBlockProps;

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

@@ -18,7 +18,7 @@ export interface SearchCoursesProps {
     /**
      * Title for module
      */
-    title: string;
+    title?: string;
     /**
      * Default value to use for the search term
      */
@@ -47,8 +47,12 @@ export interface SearchCoursesProps {
      * Results url
      */
     resultsUrl: string;
+    /**
+     * The wrapped version of this component is used for Hero
+     */
+    wrapped?: boolean;
 }
 /**
  * Search component
  */
-export default function SearchCourses({ theme, inverse, title, defaultSearchTerm, placeholder, filterTitle, filterFieldName, filterOptions, defaultFilter, resultsUrl }: SearchCoursesProps): ReactElement;
+export default function SearchCourses({ theme, inverse, title, defaultSearchTerm, placeholder, filterTitle, filterFieldName, filterOptions, defaultFilter, resultsUrl, wrapped }: SearchCoursesProps): ReactElement;

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

@@ -15,3 +15,4 @@ type Story = StoryObj<typeof SearchCourses>;
 export declare const Dark: Story;
 export declare const Light: Story;
 export declare const WithDefaultValues: Story;
+export declare const Wrapped: Story;

package/dist/index.d.ts

@@ -73,14 +73,99 @@ interface CardPromoProps {
     isSingle?: boolean;
 }
 
+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 used as a submit button in a form
+     */
+    isSubmit?: boolean;
+}
+
+interface LinkWithArrowProps {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    /**
+     * Whether to inverse the colours
+     */
+    inverse?: boolean;
+    url: string;
+    title: string;
+    externalLink?: boolean;
+    onKeyDown?: (e: KeyboardEvent) => void;
+}
+
+interface CardPromoSignpostProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    image?: ImageProps;
+    imageOrientation?: 'left' | 'right';
+    tag?: string;
+    title: string;
+    subtitle?: string;
+    publishDate?: string;
+    authorString?: string;
+    location?: string;
+    copy?: string;
+    isSingle?: boolean;
+    buttonPrimary?: TextButtonProps;
+    buttonSecondary?: TextButtonProps;
+    link?: LinkWithArrowProps;
+}
+
+interface ParagraphLinkProps {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    /**
+     * Whether to inverse the colours
+     */
+    inverse?: boolean;
+    label: string;
+    url: string;
+    externalLink?: boolean;
+}
+
+interface CardPromoVideoProps {
+    theme: ThemeProps;
+    image?: ImageProps;
+    title: string;
+    publishDate?: string;
+    videoLength?: string;
+    copy?: string;
+    isSingle?: boolean;
+    link?: ParagraphLinkProps;
+}
+
 interface CarouselProps {
     theme: ThemeProps;
+    inverse?: boolean;
     type: string;
     title?: string;
-    cards: Omit<CardNewsProps, 'titleTag'>[] | CardFeaturedProps[] | CardVideoProps[] | CardPromoProps[];
+    cards: Omit<CardNewsProps, 'titleTag'>[] | CardFeaturedProps[] | CardVideoProps[] | CardPromoProps[] | CardPromoSignpostProps[] | CardPromoVideoProps[];
     exploreMore?: string;
 }
-declare function Carousel({ theme, type, title, cards, exploreMore }: CarouselProps): ReactElement;
+declare function Carousel({ theme, inverse, type, title, cards, exploreMore }: CarouselProps): ReactElement;
 
 interface FeaturedContentProps {
     /**
@@ -293,7 +378,7 @@ interface SearchCoursesProps {
     /**
      * Title for module
      */
-    title: string;
+    title?: string;
     /**
      * Default value to use for the search term
      */
@@ -322,11 +407,15 @@ interface SearchCoursesProps {
      * Results url
      */
     resultsUrl: string;
+    /**
+     * The wrapped version of this component is used for Hero
+     */
+    wrapped?: boolean;
 }
 /**
  * Search component
  */
-declare function SearchCourses({ theme, inverse, title, defaultSearchTerm, placeholder, filterTitle, filterFieldName, filterOptions, defaultFilter, resultsUrl }: SearchCoursesProps): ReactElement;
+declare function SearchCourses({ theme, inverse, title, defaultSearchTerm, placeholder, filterTitle, filterFieldName, filterOptions, defaultFilter, resultsUrl, wrapped }: SearchCoursesProps): ReactElement;
 
 interface SignPostProps {
     /**
@@ -373,7 +462,7 @@ interface VideoCardComponentProps {
 }
 declare function VideoCardComponent({ theme, tag, title, linkUrl, linkText, externalLink, cards }: VideoCardComponentProps): ReactElement | null;
 
-interface Link {
+interface Link$1 {
     url: string;
     title: string;
 }
@@ -384,7 +473,7 @@ interface BreadcrumbsProps {
      * Links need to be provided in top down order, from parent to child
      * E.g. Home, Level1, Level2, Level3
      */
-    links: Link[];
+    links: Link$1[];
 }
 declare function Breadcrumbs({ theme, inverse, links }: BreadcrumbsProps): ReactElement;
 
@@ -433,4 +522,69 @@ interface TextWithBackgroundProps {
 }
 declare function TextWithBackground({ text, theme, inverse, headingLevel, headingText, url, linkTitle, externalLink, linkStyle }: TextWithBackgroundProps): ReactElement;
 
-export { Breadcrumbs, Carousel, FeaturedContent, FeaturedSignpost, FeaturedVideo, Footer, Header, HeroCarousel, IntroText, MainWrapper, RichText, SearchCourses, SignPost, SkipToContent, TextWithBackground, VideoCardComponent };
+interface Link {
+    url: string;
+    title: string;
+    externalLink?: boolean;
+}
+interface CourseSearchProps {
+    defaultSearchTerm?: string;
+    placeholder: string;
+    filterTitle: string;
+    filterFieldName: string;
+    filterOptions: SelectOptionsProps[];
+    defaultFilter?: string;
+    resultsUrl: string;
+}
+interface HeroProps {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    inverse?: boolean;
+    title: string;
+    description: string;
+    image?: {
+        src: {
+            small?: string;
+            medium?: string;
+            default: string;
+        };
+        alt: string;
+        style: 'rectangle' | 'lines-of-intent';
+    };
+    links?: [] | [Link] | [Link, Link];
+    courseSearchProps?: CourseSearchProps;
+}
+declare function Hero({ theme, inverse, title, description, image, links, courseSearchProps }: HeroProps): ReactElement | null;
+
+type LinkProps = Omit<LinkWithArrowProps, 'theme' | 'inverse'>;
+interface HeadingProps {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    /**
+     * Whether to inverse the colours
+     */
+    inverse?: boolean;
+    title?: string;
+    description?: string;
+    linkProps?: LinkProps;
+}
+
+interface CardImageProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    image: ImageProps;
+    imageCaption?: string;
+    imageCredit?: string;
+}
+
+interface ImageBlockProps extends HeadingProps {
+    fullWidth: boolean;
+    images?: Omit<CardImageProps, 'theme' | 'inverse'>[];
+}
+declare function ImageBlock({ theme, inverse, title, description, linkProps, fullWidth, images }: ImageBlockProps): ReactElement | null;
+
+export { Breadcrumbs, Carousel, FeaturedContent, FeaturedSignpost, FeaturedVideo, Footer, Header, Hero, HeroCarousel, ImageBlock, IntroText, MainWrapper, RichText, SearchCourses, SignPost, SkipToContent, TextWithBackground, VideoCardComponent };