@uob-web-and-digital/component-library 0.0.96 → 0.0.98

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

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
 export interface HeadingProps {
-    htmlTag: 'h1' | 'h2' | 'h3' | 'h4';
+    htmlTag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
     classNames?: string;
     children?: ReactNode;
 }

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

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { ThemeProps } from '../../../themeProps';
 import './icons.scss';
-export type IconType = 'twitter' | 'facebook' | 'wechat' | 'weibo' | 'youtube' | 'instagram' | 'linkedin' | 'tiktok' | 'chevron-down' | 'chevron-right' | 'arrow-right' | 'arrow-right-large' | 'location' | 'hamburger' | 'cross' | 'slim-cross' | 'arrow-left' | 'search' | 'arrow-down' | 'play' | 'person' | 'people' | 'computer' | 'book' | 'mortar-board' | 'document' | 'briefcase' | 'notepad' | 'external' | 'clearing-tick' | 'phone' | 'email' | 'quote-marks' | 'calendar' | 'clock' | 'internet' | 'slim-location' | 'bathroom' | 'catering' | 'pound' | 'scroll' | 'settings' | 'rocket' | 'staggered-arrow' | 'segmented-pie-chart' | 'home' | 'domain' | 'note-add' | 'flight' | 'one' | 'two' | 'one-two-three' | 'camping' | 'groups' | 'bed' | 'restaurant' | 'success' | 'award_star' | 'warning-light' | 'warning-dark' | 'information' | 'star' | 'menu' | 'co-present' | 'assignment-add' | 'cast-for-education' | 'live-tv' | 'supervisor-account' | 'experiment' | 'footprint' | 'flag';
+export type IconType = 'twitter' | 'facebook' | 'wechat' | 'weibo' | 'youtube' | 'instagram' | 'linkedin' | 'tiktok' | 'chevron-down' | 'chevron-right' | 'arrow-right' | 'arrow-right-large' | 'location' | 'hamburger' | 'cross' | 'slim-cross' | 'arrow-left' | 'search' | 'arrow-down' | 'play' | 'person' | 'people' | 'computer' | 'book' | 'mortar-board' | 'document' | 'briefcase' | 'notepad' | 'external' | 'clearing-tick' | 'phone' | 'email' | 'quote-marks' | 'calendar' | 'clock' | 'internet' | 'slim-location' | 'bathroom' | 'catering' | 'pound' | 'scroll' | 'settings' | 'rocket' | 'staggered-arrow' | 'segmented-pie-chart' | 'home' | 'domain' | 'note-add' | 'flight' | 'one' | 'two' | 'one-two-three' | 'camping' | 'groups' | 'bed' | 'restaurant' | 'success' | 'award_star' | 'warning-light' | 'warning-dark' | 'information' | 'star' | 'menu' | 'co-present' | 'assignment-add' | 'cast-for-education' | 'live-tv' | 'supervisor-account' | 'experiment' | 'footprint' | 'flag' | 'chat';
 export type IconProps = {
     /**
      * The theme to use

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

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

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

@@ -14,6 +14,8 @@ export interface CardPromoProps {
     publishDate?: string;
     authorString?: string;
     readingTime?: string;
+    studyLevel?: string;
+    topic?: string;
     location?: string;
     copy?: string;
     isSingle?: boolean;

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

@@ -9,3 +9,4 @@ export default meta;
 type Story = StoryObj<typeof FilterAccordion>;
 export declare const RadioButtons: Story;
 export declare const Checkboxes: Story;
+export declare const CheckboxesExpandable: Story;

package/dist/components/molecules/ListingResultCard/Cards/ProfileCard.d.ts

@@ -0,0 +1,17 @@
+import { ReactElement } from 'react';
+import { ImageProps } from '../../../atoms/Image/Image';
+import { SearchResultDetailProps } from '../../../atoms/SearchResultDetail/SearchResultDetail';
+import { ThemeProps } from '../../../../themeProps';
+export interface ProfileCardProps {
+    theme: ThemeProps;
+    type: 'profile';
+    image?: ImageProps;
+    title: string;
+    url: string;
+    description?: string;
+    jobTitle?: string;
+    department?: string;
+    details: Omit<SearchResultDetailProps, 'theme'>[];
+    showCategory?: boolean;
+}
+export default function ProfileCard({ theme, image, title, url, description, jobTitle, department, details }: ProfileCardProps): ReactElement;

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

@@ -6,5 +6,6 @@ import { NewsCardProps } from './Cards/NewsCard';
 import { PageCardProps } from './Cards/PageCard';
 import { StaffCardProps } from './Cards/StaffCard';
 import './listingResultCard.scss';
-export type ListingResultCardProps = AccomodationCardProps | CourseCardProps | EventCardProps | NewsCardProps | PageCardProps | StaffCardProps;
+import { ProfileCardProps } from './Cards/ProfileCard';
+export type ListingResultCardProps = AccomodationCardProps | CourseCardProps | EventCardProps | NewsCardProps | PageCardProps | StaffCardProps | ProfileCardProps;
 export default function ListingResultCard(props: ListingResultCardProps): ReactElement;

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

@@ -17,3 +17,4 @@ export declare const NewsCard: Story;
 export declare const AccomodationCard: Story;
 export declare const CourseCard: Story;
 export declare const CourseCardH3Title: Story;
+export declare const ProfileCard: Story;

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

@@ -4,6 +4,7 @@ import { StaffCardProps } from './Cards/StaffCard';
 import { NewsCardProps } from './Cards/NewsCard';
 import { AccomodationCardProps } from './Cards/AccomodationCard';
 import { CourseCardProps } from './Cards/CourseCard';
+import { ProfileCardProps } from './Cards/ProfileCard';
 export declare const pageCardProps: PageCardProps;
 export declare const eventCardProps: EventCardProps;
 export declare const eventCardRichTextProps: EventCardProps;
@@ -11,3 +12,4 @@ export declare const staffCardProps: StaffCardProps;
 export declare const newsCardProps: NewsCardProps;
 export declare const accomodationCardProps: AccomodationCardProps;
 export declare const courseCardProps: CourseCardProps;
+export declare const profileCardProps: ProfileCardProps;

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

@@ -4,7 +4,7 @@ export declare const ranking: import("./components/CourseTileRanking").CourseTil
     theme: import("../../../themeProps").ThemeProps;
     inverse?: boolean | undefined;
     title: string;
-    titleTag?: "h1" | "h2" | "h3" | "h4" | undefined;
+    titleTag?: "h1" | "h2" | "h3" | "h4" | "h5" | undefined;
     awardShort: string;
     links?: Omit<import("../../atoms/TextButton/TextButton").TextButtonProps, "theme">[] | undefined;
     heroType: "UG" | "UG Dubai" | "PGT Dubai" | "Other";
@@ -24,7 +24,7 @@ export declare const deliveryFormat: import("./components/CourseTile").CourseTil
     theme: import("../../../themeProps").ThemeProps;
     inverse?: boolean | undefined;
     title: string;
-    titleTag?: "h1" | "h2" | "h3" | "h4" | undefined;
+    titleTag?: "h1" | "h2" | "h3" | "h4" | "h5" | undefined;
     awardShort: string;
     links?: Omit<import("../../atoms/TextButton/TextButton").TextButtonProps, "theme">[] | undefined;
     heroType: "UG" | "UG Dubai" | "PGT Dubai" | "Other";

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

@@ -8,6 +8,7 @@ export interface HeroProfileProps {
     theme: ThemeProps;
     inverse: boolean;
     studentName: string;
+    titleTag?: 'h1' | 'h2' | 'h3' | 'h4';
     image: {
         src: {
             small?: string;
@@ -22,4 +23,4 @@ export interface HeroProfileProps {
     homeCountry?: string;
     studentIntro?: string;
 }
-export default function HeroProfile({ theme, studentName, studentStatus, courseName, studyLevel, homeCountry, studentIntro, image, inverse }: HeroProfileProps): ReactElement | null;
+export default function HeroProfile({ theme, studentName, studentStatus, courseName, studyLevel, titleTag, homeCountry, studentIntro, image, inverse }: HeroProfileProps): ReactElement | null;

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

@@ -7,7 +7,8 @@ import { PageCardProps } from '../../molecules/ListingResultCard/Cards/PageCard'
 import { StaffCardProps } from '../../molecules/ListingResultCard/Cards/StaffCard';
 import { ThemeProps } from '../../../themeProps';
 import { HeadingProps } from '../../molecules/Heading/Heading';
-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'>;
+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;

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

@@ -5,6 +5,7 @@ import { CardPromoProps } from '../../molecules/CardPromo/CardPromo';
 import { CardPromoSignpostProps } from '../../molecules/CardPromoSignpost/CardPromoSignpost';
 import { CardPromoVideoProps } from '../../molecules/CardPromoVideo/CardPromoVideo';
 import './promoBlock.scss';
+import { SelectOptionsProps } from '../../atoms/FormSelect/FormSelect';
 export interface PromoBlockProps {
     /**
      * The theme to use
@@ -25,7 +26,7 @@ export interface PromoBlockProps {
     /**
      * Optional cardTitleTag of the component
      */
-    cardTitleTag?: 'h2' | 'h3' | 'h4';
+    cardTitleTag?: 'h2' | 'h3' | 'h4' | 'h5';
     /**
      * Optional description of the component
      */
@@ -54,5 +55,11 @@ export interface PromoBlockProps {
      * Prop used to optimise layout in courses page
      */
     fullWidth?: boolean;
+    /**
+     * Prop used to enable/disable filters
+     */
+    showFilters?: boolean;
+    studyLevelFilterData?: SelectOptionsProps[];
+    topicFilterData?: SelectOptionsProps[];
 }
-export default function PromoBlock({ theme, inverse, type, title, description, link, cards, imageOrientation, titleTag, cardTitleTag, cardCopyIsRichText, fullWidth }: PromoBlockProps): ReactElement | null;
+export default function PromoBlock({ theme, inverse, type, title, description, link, cards, imageOrientation, titleTag, cardTitleTag, cardCopyIsRichText, fullWidth, showFilters, studyLevelFilterData, topicFilterData }: PromoBlockProps): ReactElement | null;

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

@@ -30,3 +30,4 @@ 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;

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

@@ -5,3 +5,4 @@ export declare const promoBlockSignpostProps: PromoBlockProps;
 export declare const promoBlockVideoProps: PromoBlockProps;
 export declare const promoBlockForCoursePage: PromoBlockProps;
 export declare const promoBlockForScholarshipAward: PromoBlockProps;
+export declare const promoBlockFiltersData: PromoBlockProps;

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

@@ -0,0 +1,12 @@
+import { ReactElement, ReactNode } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './twoColumnWrapper.scss';
+export interface TwoColumnWrapperProps {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    firstColumn: ReactNode;
+    secondColumn?: ReactNode;
+}
+export default function TwoColumnWrapper({ theme, firstColumn, secondColumn }: TwoColumnWrapperProps): ReactElement;

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

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

package/dist/index.d.ts

@@ -37,7 +37,7 @@ interface LinkWithArrowProps {
 }
 
 interface HeadingProps$1 {
-    htmlTag: 'h1' | 'h2' | 'h3' | 'h4';
+    htmlTag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
     classNames?: string;
     children?: ReactNode;
 }
@@ -203,6 +203,8 @@ interface CardPromoProps {
     publishDate?: string;
     authorString?: string;
     readingTime?: string;
+    studyLevel?: string;
+    topic?: string;
     location?: string;
     copy?: string;
     isSingle?: boolean;
@@ -343,6 +345,21 @@ interface CarouselProps {
 }
 declare function Carousel({ theme, inverse, type, title, cards, cardTitleTag, setCardInverse, exploreMore, cardCopyIsRichText }: CarouselProps): ReactElement;
 
+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
+ */
+declare function CardProfile({ theme, inverse, image, name, courseTitle, href, copy, titleTag }: CardProfileProps): ReactElement;
+
 interface CenterWrapperProps {
     /**
      * The theme to use
@@ -366,7 +383,7 @@ interface ParagraphLinkProps {
     externalLink?: boolean;
 }
 
-type IconType = 'twitter' | 'facebook' | 'wechat' | 'weibo' | 'youtube' | 'instagram' | 'linkedin' | 'tiktok' | 'chevron-down' | 'chevron-right' | 'arrow-right' | 'arrow-right-large' | 'location' | 'hamburger' | 'cross' | 'slim-cross' | 'arrow-left' | 'search' | 'arrow-down' | 'play' | 'person' | 'people' | 'computer' | 'book' | 'mortar-board' | 'document' | 'briefcase' | 'notepad' | 'external' | 'clearing-tick' | 'phone' | 'email' | 'quote-marks' | 'calendar' | 'clock' | 'internet' | 'slim-location' | 'bathroom' | 'catering' | 'pound' | 'scroll' | 'settings' | 'rocket' | 'staggered-arrow' | 'segmented-pie-chart' | 'home' | 'domain' | 'note-add' | 'flight' | 'one' | 'two' | 'one-two-three' | 'camping' | 'groups' | 'bed' | 'restaurant' | 'success' | 'award_star' | 'warning-light' | 'warning-dark' | 'information' | 'star' | 'menu' | 'co-present' | 'assignment-add' | 'cast-for-education' | 'live-tv' | 'supervisor-account' | 'experiment' | 'footprint' | 'flag';
+type IconType = 'twitter' | 'facebook' | 'wechat' | 'weibo' | 'youtube' | 'instagram' | 'linkedin' | 'tiktok' | 'chevron-down' | 'chevron-right' | 'arrow-right' | 'arrow-right-large' | 'location' | 'hamburger' | 'cross' | 'slim-cross' | 'arrow-left' | 'search' | 'arrow-down' | 'play' | 'person' | 'people' | 'computer' | 'book' | 'mortar-board' | 'document' | 'briefcase' | 'notepad' | 'external' | 'clearing-tick' | 'phone' | 'email' | 'quote-marks' | 'calendar' | 'clock' | 'internet' | 'slim-location' | 'bathroom' | 'catering' | 'pound' | 'scroll' | 'settings' | 'rocket' | 'staggered-arrow' | 'segmented-pie-chart' | 'home' | 'domain' | 'note-add' | 'flight' | 'one' | 'two' | 'one-two-three' | 'camping' | 'groups' | 'bed' | 'restaurant' | 'success' | 'award_star' | 'warning-light' | 'warning-dark' | 'information' | 'star' | 'menu' | 'co-present' | 'assignment-add' | 'cast-for-education' | 'live-tv' | 'supervisor-account' | 'experiment' | 'footprint' | 'flag' | 'chat';
 type IconProps = {
     /**
      * The theme to use
@@ -1066,7 +1083,20 @@ interface StaffCardProps {
     showCategory?: boolean;
 }
 
-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'>;
+interface ProfileCardProps {
+    theme: ThemeProps;
+    type: 'profile';
+    image?: ImageProps;
+    title: string;
+    url: string;
+    description?: string;
+    jobTitle?: string;
+    department?: string;
+    details: Omit<SearchResultDetailProps, 'theme'>[];
+    showCategory?: boolean;
+}
+
+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'>;
 interface ListingResultsProps {
     theme: ThemeProps;
     showCategory?: boolean;
@@ -1121,7 +1151,7 @@ interface PromoBlockProps$1 {
     /**
      * Optional cardTitleTag of the component
      */
-    cardTitleTag?: 'h2' | 'h3' | 'h4';
+    cardTitleTag?: 'h2' | 'h3' | 'h4' | 'h5';
     /**
      * Optional description of the component
      */
@@ -1150,8 +1180,14 @@ interface PromoBlockProps$1 {
      * Prop used to optimise layout in courses page
      */
     fullWidth?: boolean;
+    /**
+     * Prop used to enable/disable filters
+     */
+    showFilters?: boolean;
+    studyLevelFilterData?: SelectOptionsProps[];
+    topicFilterData?: SelectOptionsProps[];
 }
-declare function PromoBlock({ theme, inverse, type, title, description, link, cards, imageOrientation, titleTag, cardTitleTag, cardCopyIsRichText, fullWidth }: PromoBlockProps$1): ReactElement | null;
+declare function PromoBlock({ theme, inverse, type, title, description, link, cards, imageOrientation, titleTag, cardTitleTag, cardCopyIsRichText, fullWidth, showFilters, studyLevelFilterData, topicFilterData }: PromoBlockProps$1): ReactElement | null;
 
 interface PromoBlockProps {
     /**
@@ -1606,4 +1642,38 @@ interface LocationSectionProps {
 }
 declare function LocationSection({ theme, embedChildren, googleMapLink, address, services }: LocationSectionProps): ReactElement;
 
-export { Accordion, type AccordionProps, type AccreditationPromotionProps, AcreditationPromotion, AlertBanner, type AlertBannerProps, AnchorTarget, type AnchorTargetProps, Breadcrumbs, type BreadcrumbsProps, CTAComponent, type CTAComponentProps, Carousel, type CarouselProps, type CenterWrapperProps, CenterWrapper as CentreWrapper, ClearingBanner, type ClearingBannerProps, CourseDeliveryPills, type CourseDeliveryPillsProps, EmbedWrapper, type EmbedWrapperProps, FactBoxes, type FactBoxesProps, FeaturedContent, type FeaturedContentProps, FeaturedSignpost, type FeaturedSignpostProps, FeaturedVideo, type FeaturedVideoProps, FiveArticlesGrid, type FiveArticlesGridProps, Footer, type FooterProps, GeneralSearchFilter, type GeneralSearchFilterProps, GenericDetailSection, type GenericDetailSectionProps, Header, type HeaderProps, Hero, HeroArticle, type HeroArticleProps, HeroCarousel, type HeroCarouselProps, HeroCourses, type HeroCoursesProps, type HeroProps, ImageBlock, type ImageBlockProps, ImageCarousel, type ImageCarouselProps, InPageNavigation, type InPageNavigationProps, IntroText, type IntroTextProps, LeadNewsArticles, type LeadNewsArticlesProps, ListingFilterWrapper, type ListingFilterWrapperProps, ListingResults, ListingResultsCount, type ListingResultsCountProps, type ListingResultsProps, LocationSection, type LocationSectionProps, LocationSelector, type LocationSelectorProps, MainWrapper, type MainWrapperProps, ModalCTA, type ModalCTAProps, NewsArticlesPromoBlock, type NewsArticlesPromoBlockProps, Pagination, type PaginationProps, PromoBlock, PromoBlockGrid, type PromoBlockProps$1 as PromoBlockProps, QuoteBlock, type QuoteBlockProps, RelatedCourses, type RelatedCoursesProps, ResearchStoryCarousel, type ResearchStoryCarouselProps, RichText, type RichTextProps, ScrollableTable, ScrollableTableCategory, type ScrollableTableProps, SearchCourses, type SearchCoursesProps, SidebarWrapper, type SidebarWrapperProps, SignPost, type SignPostProps, SingleButton, type SingleButtonProps, SkipToContent, type SkipToContentProps, StaffListingCarousel, type StaffListingCarouselProps, StandardListingFilter, type StandardListingFilterProps, TabsBlock, type TabsBlockProps, TextWithBackground, type TextWithBackgroundProps, TopicSelector, type TopicSelectorProps, VideoCardComponent, type VideoCardComponentProps, VideoEmbed, type VideoEmbedProps };
+interface HeroProfileProps {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    inverse: boolean;
+    studentName: string;
+    titleTag?: 'h1' | 'h2' | 'h3' | 'h4';
+    image: {
+        src: {
+            small?: string;
+            medium?: string;
+            default: string;
+        };
+        alt: string;
+    };
+    studentStatus?: string;
+    courseName?: string;
+    studyLevel?: string;
+    homeCountry?: string;
+    studentIntro?: string;
+}
+declare function HeroProfile({ theme, studentName, studentStatus, courseName, studyLevel, titleTag, homeCountry, studentIntro, image, inverse }: HeroProfileProps): ReactElement | null;
+
+interface TwoColumnWrapperProps {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    firstColumn: ReactNode;
+    secondColumn?: ReactNode;
+}
+declare function TwoColumnWrapper({ theme, firstColumn, secondColumn }: TwoColumnWrapperProps): ReactElement;
+
+export { Accordion, type AccordionProps, type AccreditationPromotionProps, AcreditationPromotion, AlertBanner, type AlertBannerProps, AnchorTarget, type AnchorTargetProps, Breadcrumbs, type BreadcrumbsProps, CTAComponent, type CTAComponentProps, CardProfile, type CardProfileProps, Carousel, type CarouselProps, type CenterWrapperProps, CenterWrapper as CentreWrapper, ClearingBanner, type ClearingBannerProps, CourseDeliveryPills, type CourseDeliveryPillsProps, EmbedWrapper, type EmbedWrapperProps, FactBoxes, type FactBoxesProps, FeaturedContent, type FeaturedContentProps, FeaturedSignpost, type FeaturedSignpostProps, FeaturedVideo, type FeaturedVideoProps, FiveArticlesGrid, type FiveArticlesGridProps, Footer, type FooterProps, GeneralSearchFilter, type GeneralSearchFilterProps, GenericDetailSection, type GenericDetailSectionProps, Header, type HeaderProps, Hero, HeroArticle, type HeroArticleProps, HeroCarousel, type HeroCarouselProps, HeroCourses, type HeroCoursesProps, HeroProfile, type HeroProfileProps, type HeroProps, ImageBlock, type ImageBlockProps, ImageCarousel, type ImageCarouselProps, InPageNavigation, type InPageNavigationProps, IntroText, type IntroTextProps, LeadNewsArticles, type LeadNewsArticlesProps, ListingFilterWrapper, type ListingFilterWrapperProps, ListingResults, ListingResultsCount, type ListingResultsCountProps, type ListingResultsProps, LocationSection, type LocationSectionProps, LocationSelector, type LocationSelectorProps, MainWrapper, type MainWrapperProps, ModalCTA, type ModalCTAProps, NewsArticlesPromoBlock, type NewsArticlesPromoBlockProps, Pagination, type PaginationProps, PromoBlock, PromoBlockGrid, type PromoBlockProps$1 as PromoBlockProps, QuoteBlock, type QuoteBlockProps, RelatedCourses, type RelatedCoursesProps, ResearchStoryCarousel, type ResearchStoryCarouselProps, RichText, type RichTextProps, ScrollableTable, ScrollableTableCategory, type ScrollableTableProps, SearchCourses, type SearchCoursesProps, SidebarWrapper, type SidebarWrapperProps, SignPost, type SignPostProps, SingleButton, type SingleButtonProps, SkipToContent, type SkipToContentProps, StaffListingCarousel, type StaffListingCarouselProps, StandardListingFilter, type StandardListingFilterProps, TabsBlock, type TabsBlockProps, TextWithBackground, type TextWithBackgroundProps, TopicSelector, type TopicSelectorProps, TwoColumnWrapper, type TwoColumnWrapperProps, VideoCardComponent, type VideoCardComponentProps, VideoEmbed, type VideoEmbedProps };