@uob-web-and-digital/component-library 2.13.0 → 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;