@uob-web-and-digital/component-library 0.0.61 → 0.0.64

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

@@ -17,5 +17,6 @@ export interface FormSelectProps {
     selectOptions: SelectOptionsProps[];
     defaultValue: string;
     hiddenLabel?: boolean;
+    customLabel?: string;
 }
-export declare const FormSelect: ({ theme, inverse, fieldName, selectOptions, defaultValue, hiddenLabel, title, onChange }: FormSelectProps) => ReactElement;
+export declare const FormSelect: ({ theme, inverse, fieldName, selectOptions, defaultValue, hiddenLabel, customLabel, title, onChange }: FormSelectProps) => ReactElement;

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

@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react';
 import { FormSelect } from './FormSelect';
 declare const meta: {
     title: string;
-    component: ({ theme, inverse, fieldName, selectOptions, defaultValue, hiddenLabel, title, onChange }: import("./FormSelect").FormSelectProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    component: ({ theme, inverse, fieldName, selectOptions, defaultValue, hiddenLabel, customLabel, title, onChange }: import("./FormSelect").FormSelectProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     tags: string[];
 };
 export default meta;

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

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { IconProps } from '../../atoms/Icons/Icons';
+import './linkWithIcon.scss';
+export interface LinkWithIconProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    url: string;
+    title: string;
+    externalLink: boolean;
+    iconLeft?: Omit<IconProps, 'theme'>;
+    iconRight?: Omit<IconProps, 'theme'>;
+    ariaLabel?: string;
+}
+export default function LinkWithIcon({ theme, inverse, url, title, externalLink, iconRight, iconLeft, ariaLabel }: LinkWithIconProps): ReactElement;

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

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

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

@@ -1,12 +1,18 @@
 import { ReactElement } from 'react';
 import { ThemeProps } from '../../../themeProps';
-import { BreadcrumbLinkProps } from '../../atoms/BreadcrumbLink/BreadcrumbLink';
 import { TextButtonProps } from '../../atoms/TextButton/TextButton';
+import { LocationSelectorProps } from '../LocationSelector/LocationSelector';
 import './inPageNavigationLinks.scss';
+export interface InPageNavLinkProps {
+    url: string;
+    title: string;
+    active?: boolean;
+}
 export type InPageNavigationLinksProps = {
     theme: ThemeProps;
     heading?: string;
-    links: Omit<BreadcrumbLinkProps, 'theme'>[];
+    links: InPageNavLinkProps[];
     buttonLinks?: Omit<TextButtonProps, 'theme'>[];
+    locationDetails?: LocationSelectorProps;
 };
-export default function InPageNavigationLinks({ theme, heading, links, buttonLinks }: InPageNavigationLinksProps): ReactElement;
+export default function InPageNavigationLinks({ theme, heading, links, buttonLinks, locationDetails }: InPageNavigationLinksProps): ReactElement;

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

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { FormSelectProps } from '../../atoms/FormSelect/FormSelect';
+import './locationSelector.scss';
+export interface LocationSelectorProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    selectorProps: FormSelectProps;
+}
+/**
+ * Primary UI component for user interaction
+ */
+export default function LocationSelector({ theme, inverse, selectorProps }: LocationSelectorProps): ReactElement;

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

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

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

@@ -0,0 +1,2 @@
+import { LocationSelectorProps } from './LocationSelector';
+export declare const locationSelectorProps: LocationSelectorProps;

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

@@ -6,5 +6,6 @@ export interface AnchorTargetProps {
     inverse?: boolean;
     targetLabel: string;
     children: ReactNode;
+    includeDivider?: boolean;
 }
-export default function AnchorTarget({ theme, inverse, targetLabel, children }: AnchorTargetProps): ReactElement;
+export default function AnchorTarget({ theme, inverse, includeDivider, targetLabel, children }: AnchorTargetProps): ReactElement;

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

@@ -0,0 +1,33 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './heroCourses.scss';
+import { TextButtonProps } from '../../atoms/TextButton/TextButton';
+import { CourseTileProps } from './components/CourseTile';
+import { CourseTileSelectProps } from './components/CourseTileSelect';
+import { CourseTileRankingProps } from './components/CourseTileRanking';
+import { HeadingProps } from '../../atoms/Heading/Heading';
+import { LocationSelectorProps } from '../../molecules/LocationSelector/LocationSelector';
+export interface HeroCoursesProps {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    inverse?: boolean;
+    title: string;
+    titleTag?: HeadingProps['htmlTag'];
+    awardShort: string;
+    links?: Omit<TextButtonProps, 'theme'>[];
+    heroType: 'UG' | 'UG Dubai' | 'PGT Dubai' | 'Other';
+    award: CourseTileProps;
+    ranking?: CourseTileRankingProps;
+    yearOfEntry?: CourseTileSelectProps;
+    startDate?: CourseTileSelectProps;
+    campus?: CourseTileProps;
+    duration: CourseTileProps;
+    entryRequirements: CourseTileProps;
+    fees: CourseTileProps;
+    ucas?: CourseTileProps;
+    deliveryFormat?: CourseTileProps;
+    locationDetails?: LocationSelectorProps;
+}
+export default function HeroCourses({ theme, title, titleTag, awardShort, links, ranking, award, campus, ucas, duration, entryRequirements, startDate, yearOfEntry, fees, deliveryFormat, locationDetails }: HeroCoursesProps): ReactElement | null;

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

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

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

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { LinkWithIconProps } from '../../../atoms/LinkWithIcon/LinkWithIcon';
+export interface CourseTileProps {
+    title: string;
+    value: string;
+    link?: LinkWithIconProps;
+}
+export default function CourseTile({ title, value, link }: CourseTileProps): ReactElement;

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

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { LinkWithIconProps } from '../../../atoms/LinkWithIcon/LinkWithIcon';
+export interface CourseTileRankingProps {
+    title: string;
+    rank: string;
+    rankText: string;
+    link?: LinkWithIconProps;
+}
+export default function CourseTileRanking({ title, rank, rankText, link }: CourseTileRankingProps): ReactElement;

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

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { FormSelectProps } from '../../../atoms/FormSelect/FormSelect';
+export interface CourseTileSelectProps {
+    title: string;
+    selectProps: FormSelectProps;
+}
+export default function CourseTileSelect({ title, selectProps }: CourseTileSelectProps): ReactElement;

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

@@ -0,0 +1,40 @@
+import { HeroCoursesProps } from './HeroCourses';
+export declare const heroCoursesProps: HeroCoursesProps;
+export declare const ranking: import("./components/CourseTileRanking").CourseTileRankingProps | undefined, heroCoursesNoRankingProps: {
+    theme: import("../../../themeProps").ThemeProps;
+    inverse?: boolean | undefined;
+    title: string;
+    titleTag?: "h2" | "h3" | "h4" | undefined;
+    awardShort: string;
+    links?: Omit<import("../../atoms/TextButton/TextButton").TextButtonProps, "theme">[] | undefined;
+    heroType: "UG" | "UG Dubai" | "PGT Dubai" | "Other";
+    award: import("./components/CourseTile").CourseTileProps;
+    yearOfEntry?: import("./components/CourseTileSelect").CourseTileSelectProps | undefined;
+    startDate?: import("./components/CourseTileSelect").CourseTileSelectProps | undefined;
+    campus?: import("./components/CourseTile").CourseTileProps | undefined;
+    duration: import("./components/CourseTile").CourseTileProps;
+    entryRequirements: import("./components/CourseTile").CourseTileProps;
+    fees: import("./components/CourseTile").CourseTileProps;
+    ucas?: import("./components/CourseTile").CourseTileProps | undefined;
+    deliveryFormat?: import("./components/CourseTile").CourseTileProps | undefined;
+    locationDetails?: import("../../molecules/LocationSelector/LocationSelector").LocationSelectorProps | undefined;
+};
+export declare const deliveryFormat: import("./components/CourseTile").CourseTileProps | undefined, heroCoursesNoRankingNoDeliveryFormat: {
+    theme: import("../../../themeProps").ThemeProps;
+    inverse?: boolean | undefined;
+    title: string;
+    titleTag?: "h2" | "h3" | "h4" | undefined;
+    awardShort: string;
+    links?: Omit<import("../../atoms/TextButton/TextButton").TextButtonProps, "theme">[] | undefined;
+    heroType: "UG" | "UG Dubai" | "PGT Dubai" | "Other";
+    award: import("./components/CourseTile").CourseTileProps;
+    yearOfEntry?: import("./components/CourseTileSelect").CourseTileSelectProps | undefined;
+    startDate?: import("./components/CourseTileSelect").CourseTileSelectProps | undefined;
+    campus?: import("./components/CourseTile").CourseTileProps | undefined;
+    duration: import("./components/CourseTile").CourseTileProps;
+    entryRequirements: import("./components/CourseTile").CourseTileProps;
+    fees: import("./components/CourseTile").CourseTileProps;
+    ucas?: import("./components/CourseTile").CourseTileProps | undefined;
+    locationDetails?: import("../../molecules/LocationSelector/LocationSelector").LocationSelectorProps | undefined;
+};
+export declare const heroCoursesPGProps: HeroCoursesProps;

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

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

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

@@ -10,6 +10,7 @@ export interface IntroTextProps {
      * Whether to inverse the colours
      */
     inverse?: boolean;
+    fullWidth?: boolean;
     text: string;
 }
-export default function IntroText({ text, theme, inverse }: IntroTextProps): ReactElement;
+export default function IntroText({ text, theme, inverse, fullWidth }: IntroTextProps): ReactElement;

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/RichText/defaultProps.d.ts

@@ -3,5 +3,6 @@ export declare const richTextProps: RichTextProps;
 export declare const newsArticleRichText: RichTextProps;
 export declare const newsArticleRichTextBullets: RichTextProps;
 export declare const richTextAccommodation: RichTextProps;
+export declare const richTextCourseOverview: RichTextProps;
 export declare const richTextCourseDeliveryBeforeTopics: RichTextProps;
 export declare const richTextCourseDeliveryAfterTopics: RichTextProps;

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

@@ -9,6 +9,7 @@ export interface StaffListingCarouselProps {
     fullWidth?: boolean;
     heading: string;
     cards: CardStaffProps[];
+    headingStyle?: 'news' | null;
     singleLink: LinkWithArrowProps;
 }
-export default function StaffListingCarousel({ theme, inverse, fullWidth, heading, cards, singleLink }: StaffListingCarouselProps): ReactElement;
+export default function StaffListingCarousel({ theme, inverse, fullWidth, heading, headingStyle, cards, singleLink }: StaffListingCarouselProps): ReactElement;

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

@@ -8,5 +8,6 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const ExampleThreeOrMoreStaff: Story;
+export declare const ExampleWithNewsStyleHeading: Story;
 export declare const ExampleOneStaff: Story;
 export declare const ExampleTwoStaff: Story;

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

@@ -17,5 +17,6 @@ export interface TextWithBackgroundProps {
     linkTitle?: string;
     externalLink?: boolean;
     linkStyle?: 'primary' | 'secondary' | 'paragraph-link';
+    fullWidth?: boolean;
 }
-export default function TextWithBackground({ text, theme, inverse, headingLevel, headingText, url, linkTitle, externalLink, linkStyle }: TextWithBackgroundProps): ReactElement;
+export default function TextWithBackground({ text, theme, inverse, headingLevel, headingText, url, linkTitle, externalLink, linkStyle, fullWidth }: TextWithBackgroundProps): ReactElement;

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

@@ -17,5 +17,7 @@ export interface VideoEmbedProps {
     heading?: Omit<HeadingProps, 'theme' | 'inverse'>;
     transcript?: string;
     fullWidth?: boolean;
+    videoCaption?: string;
+    videoCredit?: string;
 }
-export default function VideoEmbed({ theme, inverse, imageSrc, videoUrl, videoId, heading, audioDescribedVideoId, audioDescribedVideoUrl, transcript, fullWidth }: VideoEmbedProps): ReactElement;
+export default function VideoEmbed({ theme, inverse, imageSrc, videoUrl, videoId, heading, audioDescribedVideoId, audioDescribedVideoUrl, transcript, fullWidth, videoCaption, videoCredit }: VideoEmbedProps): ReactElement;

package/dist/index.d.ts

@@ -120,8 +120,9 @@ interface AnchorTargetProps {
     inverse?: boolean;
     targetLabel: string;
     children: ReactNode;
+    includeDivider?: boolean;
 }
-declare function AnchorTarget({ theme, inverse, targetLabel, children }: AnchorTargetProps): ReactElement;
+declare function AnchorTarget({ theme, inverse, includeDivider, targetLabel, children }: AnchorTargetProps): ReactElement;
 
 interface Link$1 {
     url: string;
@@ -349,6 +350,19 @@ interface ParagraphLinkProps {
 }
 
 type IconType$1 = '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' | 'warning-light' | 'warning-dark' | 'information' | 'star' | 'menu';
+type IconProps = {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    /**
+     * Whether to inverse the colours
+     */
+    inverse?: boolean;
+    icon: IconType$1;
+    name?: string;
+    ariaHidden?: boolean;
+};
 
 interface TextButtonWithIconProps {
     /**
@@ -688,6 +702,7 @@ interface FormSelectProps {
     selectOptions: SelectOptionsProps[];
     defaultValue: string;
     hiddenLabel?: boolean;
+    customLabel?: string;
 }
 
 interface Link {
@@ -766,6 +781,66 @@ interface HeroArticleProps {
 }
 declare function HeroArticle({ theme, inverse, title, titleTag, description, cardImage, publishDate, readTime, shareButtons }: HeroArticleProps): ReactElement | null;
 
+interface LinkWithIconProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    url: string;
+    title: string;
+    externalLink: boolean;
+    iconLeft?: Omit<IconProps, 'theme'>;
+    iconRight?: Omit<IconProps, 'theme'>;
+    ariaLabel?: string;
+}
+
+interface CourseTileProps {
+    title: string;
+    value: string;
+    link?: LinkWithIconProps;
+}
+
+interface CourseTileSelectProps {
+    title: string;
+    selectProps: FormSelectProps;
+}
+
+interface CourseTileRankingProps {
+    title: string;
+    rank: string;
+    rankText: string;
+    link?: LinkWithIconProps;
+}
+
+interface LocationSelectorProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    selectorProps: FormSelectProps;
+}
+
+interface HeroCoursesProps {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    inverse?: boolean;
+    title: string;
+    titleTag?: HeadingProps['htmlTag'];
+    awardShort: string;
+    links?: Omit<TextButtonProps, 'theme'>[];
+    heroType: 'UG' | 'UG Dubai' | 'PGT Dubai' | 'Other';
+    award: CourseTileProps;
+    ranking?: CourseTileRankingProps;
+    yearOfEntry?: CourseTileSelectProps;
+    startDate?: CourseTileSelectProps;
+    campus?: CourseTileProps;
+    duration: CourseTileProps;
+    entryRequirements: CourseTileProps;
+    fees: CourseTileProps;
+    ucas?: CourseTileProps;
+    deliveryFormat?: CourseTileProps;
+    locationDetails?: LocationSelectorProps;
+}
+declare function HeroCourses({ theme, title, titleTag, awardShort, links, ranking, award, campus, ucas, duration, entryRequirements, startDate, yearOfEntry, fees, deliveryFormat, locationDetails }: HeroCoursesProps): ReactElement | null;
+
 interface HeroCarouselCard {
     category: string;
     title: string;
@@ -793,9 +868,10 @@ declare function HeroCarousel({ theme, cards }: HeroCarouselProps): ReactElement
 
 interface ImageBlockProps extends HeadingProps$1 {
     fullWidth: boolean;
+    makeHeadingFullWidth?: boolean;
     images?: Omit<CardImageProps, 'theme' | 'inverse'>[];
 }
-declare function ImageBlock({ theme, inverse, title, description, linkProps, fullWidth, images }: ImageBlockProps): ReactElement | null;
+declare function ImageBlock({ theme, inverse, title, description, linkProps, fullWidth, makeHeadingFullWidth, images }: ImageBlockProps): ReactElement | null;
 
 interface ImageCarouselProps extends HeadingProps$1 {
     fullWidth?: boolean;
@@ -804,18 +880,17 @@ interface ImageCarouselProps extends HeadingProps$1 {
 }
 declare function ImageCarousel({ theme, inverse, title, description, linkProps, fullWidth, widerImage, images }: ImageCarouselProps): ReactElement;
 
-interface BreadcrumbLinkProps {
-    theme: ThemeProps;
-    inverse?: boolean;
+interface InPageNavLinkProps {
     url: string;
     title: string;
+    active?: boolean;
 }
-
 type InPageNavigationLinksProps = {
     theme: ThemeProps;
     heading?: string;
-    links: Omit<BreadcrumbLinkProps, 'theme'>[];
+    links: InPageNavLinkProps[];
     buttonLinks?: Omit<TextButtonProps, 'theme'>[];
+    locationDetails?: LocationSelectorProps;
 };
 
 interface InPageNavigationProps {
@@ -835,9 +910,10 @@ interface IntroTextProps {
      * Whether to inverse the colours
      */
     inverse?: boolean;
+    fullWidth?: boolean;
     text: string;
 }
-declare function IntroText({ text, theme, inverse }: IntroTextProps): ReactElement;
+declare function IntroText({ text, theme, inverse, fullWidth }: IntroTextProps): ReactElement;
 
 interface MostReadNewsProps {
     theme: ThemeProps;
@@ -1165,9 +1241,10 @@ interface StaffListingCarouselProps {
     fullWidth?: boolean;
     heading: string;
     cards: CardStaffProps[];
+    headingStyle?: 'news' | null;
     singleLink: LinkWithArrowProps;
 }
-declare function StaffListingCarousel({ theme, inverse, fullWidth, heading, cards, singleLink }: StaffListingCarouselProps): ReactElement;
+declare function StaffListingCarousel({ theme, inverse, fullWidth, heading, headingStyle, cards, singleLink }: StaffListingCarouselProps): ReactElement;
 
 interface SidebarWrapperProps {
     /**
@@ -1284,8 +1361,9 @@ interface TextWithBackgroundProps {
     linkTitle?: string;
     externalLink?: boolean;
     linkStyle?: 'primary' | 'secondary' | 'paragraph-link';
+    fullWidth?: boolean;
 }
-declare function TextWithBackground({ text, theme, inverse, headingLevel, headingText, url, linkTitle, externalLink, linkStyle }: TextWithBackgroundProps): ReactElement;
+declare function TextWithBackground({ text, theme, inverse, headingLevel, headingText, url, linkTitle, externalLink, linkStyle, fullWidth }: TextWithBackgroundProps): ReactElement;
 
 interface PillProps {
     /**
@@ -1399,7 +1477,9 @@ interface VideoEmbedProps {
     heading?: Omit<HeadingProps$1, 'theme' | 'inverse'>;
     transcript?: string;
     fullWidth?: boolean;
+    videoCaption?: string;
+    videoCredit?: string;
 }
-declare function VideoEmbed({ theme, inverse, imageSrc, videoUrl, videoId, heading, audioDescribedVideoId, audioDescribedVideoUrl, transcript, fullWidth }: VideoEmbedProps): ReactElement;
+declare function VideoEmbed({ theme, inverse, imageSrc, videoUrl, videoId, heading, audioDescribedVideoId, audioDescribedVideoUrl, transcript, fullWidth, videoCaption, videoCredit }: VideoEmbedProps): 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, 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, MainWrapper, type MainWrapperProps, NewsArticlesPromoBlock, type NewsArticlesPromoBlockProps, Pagination, type PaginationProps, PromoBlock, PromoBlockGrid, type PromoBlockProps$1 as PromoBlockProps, QuoteBlock, type QuoteBlockProps, RelatedCourses, type RelatedCoursesProps, RichText, type RichTextProps, 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 };
+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, MainWrapper, type MainWrapperProps, NewsArticlesPromoBlock, type NewsArticlesPromoBlockProps, Pagination, type PaginationProps, PromoBlock, PromoBlockGrid, type PromoBlockProps$1 as PromoBlockProps, QuoteBlock, type QuoteBlockProps, RelatedCourses, type RelatedCoursesProps, RichText, type RichTextProps, 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 };