@uob-web-and-digital/component-library 2.12.10 → 2.14.1

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' | 'rednote' | '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' | 'payments' | 'award-star';
+export type IconType = 'twitter' | 'facebook' | 'wechat' | 'weibo' | 'youtube' | 'rednote' | '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' | 'payments' | 'award-star' | 'pause' | 'mute-on' | 'mute-off';
 export type IconProps = {
     /**
      * The theme to use

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

@@ -2,6 +2,7 @@ import { ReactElement } from 'react';
 import { ImageProps } from '../../../atoms/Image/Image';
 import { SearchResultDetailProps } from '../../../atoms/SearchResultDetail/SearchResultDetail';
 import { ThemeProps } from '../../../../themeProps';
+import { ParagraphLinkProps } from '../../../atoms/ParagraphLink/ParagraphLink';
 export interface NewsCardProps {
     theme: ThemeProps;
     type: 'news';
@@ -9,7 +10,7 @@ export interface NewsCardProps {
     title: string;
     url: string;
     description?: string;
-    author?: string;
+    author?: ParagraphLinkProps | ParagraphLinkProps[];
     details: Omit<SearchResultDetailProps, 'theme'>[];
     showCategory?: boolean;
 }

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

@@ -15,6 +15,7 @@ export declare const EventCardH3Title: Story;
 export declare const EventCardMoreDatesAvailable: Story;
 export declare const StaffCard: Story;
 export declare const NewsCard: Story;
+export declare const NewsCardTwoAuthors: Story;
 export declare const AccomodationCard: Story;
 export declare const CourseCard: Story;
 export declare const CourseCardH3Title: Story;

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

@@ -11,6 +11,7 @@ export declare const eventCardRichTextProps: EventCardProps;
 export declare const eventCardMoreDateAvailableProps: EventCardProps;
 export declare const staffCardProps: StaffCardProps;
 export declare const newsCardProps: NewsCardProps;
+export declare const newsCardTwoAuthorsProps: NewsCardProps;
 export declare const accomodationCardProps: AccomodationCardProps;
 export declare const courseCardProps: CourseCardProps;
 export declare const profileCardProps: ProfileCardProps;

package/dist/components/organisms/HeroCarousel/components/HeroImage.d.ts

@@ -6,7 +6,7 @@ interface Props {
     imageSrc: {
         small?: string;
         medium?: string;
-        default: string;
+        default?: string;
     };
     imageAlt: string;
     imageFetchPriority?: React.ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];

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

@@ -0,0 +1,17 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './heroVideo.scss';
+export interface HeroVideoProps {
+    theme: ThemeProps;
+    title: string;
+    titleTag?: 'h1' | 'h2';
+    description: string;
+    bgVideoUrl: string;
+    bgVideoMobileThumbnail: string;
+    bgVideoAltText: string;
+    fullVideoId: string;
+    fullVideoButtonLabel: string;
+    describedVideoId?: string;
+    describedVideoButtonLabel: string;
+}
+export default function HeroVideo({ theme, title, titleTag, description, bgVideoUrl, bgVideoMobileThumbnail, bgVideoAltText, fullVideoId, fullVideoButtonLabel, describedVideoId, describedVideoButtonLabel }: HeroVideoProps): ReactElement | null;

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

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

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

@@ -0,0 +1,2 @@
+import { HeroVideoProps } from './HeroVideo';
+export declare const heroVideoProps: HeroVideoProps;

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

@@ -0,0 +1,14 @@
+import { ReactElement, ReactNode } from 'react';
+import './textOverMedia.scss';
+import { ImageProps } from '../../atoms/Image/Image';
+import { ThemeProps } from '../../../themeProps';
+export interface TextOverMediaProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    image: ImageProps;
+    imageCaption?: string;
+    imageCredit?: string;
+    contentPosition?: 'left' | 'right';
+    children?: ReactNode;
+}
+export default function TextOverMedia({ theme, inverse, image, imageCaption, imageCredit, contentPosition, children }: TextOverMediaProps): ReactElement | null;

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

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

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

@@ -0,0 +1,4 @@
+import { QuoteBlockProps } from '../QuoteBlock/QuoteBlock';
+import { TextOverMediaProps } from './TextOverMedia';
+export declare const textOverMediaProps: TextOverMediaProps;
+export declare const quoteBlockPropsMinimal: QuoteBlockProps;

package/dist/index.d.ts

@@ -69,5 +69,6 @@ import { FormSelectProps, SelectOptionsProps } from './components/atoms/FormSele
 import CardPromoProfile, { CardPromoProfileProps } from './components/molecules/CardPromoProfile/CardPromoProfile';
 import CardStaff, { CardStaffProps } from './components/molecules/CardStaff/CardStaff';
 import LogoWall, { LogoWallProps } from './components/organisms/LogoWall/LogoWall';
-export type { AccordionProps, AccreditationPromotionProps, AlertBannerProps, AnchorTargetProps, BreadcrumbsProps, CarouselProps, CardProfileProps, CardStaffProps, CenterWrapperProps, ClearingBannerProps, CourseDeliveryPillsProps, CTAComponentProps, EmbedWrapperProps, FactBoxesProps, FeaturedContentProps, FeaturedSignpostProps, FeaturedVideoProps, FiveArticlesGridProps, FooterProps, FormSelectProps, GenericDetailSectionProps, GeneralSearchFilterProps, HeaderProps, HeadingProps, HeroProps, HeroArticleProps, HeroCarouselProps, HeroCoursesProps, HeroProfileProps, ImageBlockProps, ImageCarouselProps, InPageNavigationProps, IntroTextProps, LeadNewsArticlesProps, ListingFilterWrapperProps, ListingResultsProps, ListingResultsCountProps, ListTableProps, LocationSelectorProps, MainWrapperProps, ModuleCardGroupProps, NewsArticlesPromoBlockProps, PaginationProps, PromoBlockProps, QuoteBlockProps, RelatedCoursesProps, ResearchStoryCarouselProps, RichTextProps, ScholarshipCarouselProps, SearchCoursesProps, SelectOptionsProps, StaffListingCarouselProps, SidebarWrapperProps, SignPostProps, SingleButtonProps, SkipToContentProps, TabsBlockProps, TextWithBackgroundProps, TwoColumnWrapperProps, TopicSelectorProps, StandardListingFilterProps, VideoCardComponentProps, VideoEmbedProps, ScrollableTableProps, ScrollableTableCategory, ModalCTAProps, LocationSectionProps, CardPromoProfileProps, CardPromoSignpostProps, CardImageAndTextProps, LogoWallProps };
-export { Accordion, AcreditationPromotion, AlertBanner, AnchorTarget, Breadcrumbs, Carousel, CardProfile, CardPromoSignpost, CardStaff, CentreWrapper, ClearingBanner, CourseDeliveryPills, CTAComponent, EmbedWrapper, FactBoxes, FeaturedContent, FeaturedSignpost, FeaturedVideo, FiveArticlesGrid, Footer, GeneralSearchFilter, GenericDetailSection, Header, Heading, Hero, HeroArticle, HeroCarousel, HeroCourses, HeroProfile, ImageBlock, ImageCarousel, InPageNavigation, IntroText, LeadNewsArticles, ListingFilterWrapper, ListingResults, ListingResultsCount, ListTable, LocationSelector, MainWrapper, ModuleCardGroup, NewsArticlesPromoBlock, Pagination, PromoBlock, PromoBlockGrid, QuoteBlock, RelatedCourses, ResearchStoryCarousel, RichText, ScholarshipCarousel, SearchCourses, SidebarWrapper, SignPost, SingleButton, SkipToContent, StaffListingCarousel, StandardListingFilter, TabsBlock, TextWithBackground, TopicSelector, TwoColumnWrapper, VideoCardComponent, VideoEmbed, ScrollableTable, ModalCTA, LocationSection, CardPromoProfile, CardImageAndText, LogoWall };
+import TextOverMedia, { TextOverMediaProps } from './components/organisms/TextOverMedia/TextOverMedia';
+export type { AccordionProps, AccreditationPromotionProps, AlertBannerProps, AnchorTargetProps, BreadcrumbsProps, CarouselProps, CardProfileProps, CardStaffProps, CenterWrapperProps, ClearingBannerProps, CourseDeliveryPillsProps, CTAComponentProps, EmbedWrapperProps, FactBoxesProps, FeaturedContentProps, FeaturedSignpostProps, FeaturedVideoProps, FiveArticlesGridProps, FooterProps, FormSelectProps, GenericDetailSectionProps, GeneralSearchFilterProps, HeaderProps, HeadingProps, HeroProps, HeroArticleProps, HeroCarouselProps, HeroCoursesProps, HeroProfileProps, ImageBlockProps, ImageCarouselProps, InPageNavigationProps, IntroTextProps, LeadNewsArticlesProps, ListingFilterWrapperProps, ListingResultsProps, ListingResultsCountProps, ListTableProps, LocationSelectorProps, MainWrapperProps, ModuleCardGroupProps, NewsArticlesPromoBlockProps, PaginationProps, PromoBlockProps, QuoteBlockProps, RelatedCoursesProps, ResearchStoryCarouselProps, RichTextProps, ScholarshipCarouselProps, SearchCoursesProps, SelectOptionsProps, StaffListingCarouselProps, SidebarWrapperProps, SignPostProps, SingleButtonProps, SkipToContentProps, TabsBlockProps, TextWithBackgroundProps, TwoColumnWrapperProps, TopicSelectorProps, StandardListingFilterProps, VideoCardComponentProps, VideoEmbedProps, ScrollableTableProps, ScrollableTableCategory, ModalCTAProps, LocationSectionProps, CardPromoProfileProps, CardPromoSignpostProps, CardImageAndTextProps, LogoWallProps, TextOverMediaProps };
+export { Accordion, AcreditationPromotion, AlertBanner, AnchorTarget, Breadcrumbs, Carousel, CardProfile, CardPromoSignpost, CardStaff, CentreWrapper, ClearingBanner, CourseDeliveryPills, CTAComponent, EmbedWrapper, FactBoxes, FeaturedContent, FeaturedSignpost, FeaturedVideo, FiveArticlesGrid, Footer, GeneralSearchFilter, GenericDetailSection, Header, Heading, Hero, HeroArticle, HeroCarousel, HeroCourses, HeroProfile, ImageBlock, ImageCarousel, InPageNavigation, IntroText, LeadNewsArticles, ListingFilterWrapper, ListingResults, ListingResultsCount, ListTable, LocationSelector, MainWrapper, ModuleCardGroup, NewsArticlesPromoBlock, Pagination, PromoBlock, PromoBlockGrid, QuoteBlock, RelatedCourses, ResearchStoryCarousel, RichText, ScholarshipCarousel, SearchCourses, SidebarWrapper, SignPost, SingleButton, SkipToContent, StaffListingCarousel, StandardListingFilter, TabsBlock, TextWithBackground, TopicSelector, TwoColumnWrapper, VideoCardComponent, VideoEmbed, ScrollableTable, ModalCTA, LocationSection, CardPromoProfile, CardImageAndText, LogoWall, TextOverMedia };