@uob-web-and-digital/component-library 0.0.41 → 0.0.42

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' | 'briefcase' | 'notepad' | 'external' | 'clearing-tick' | 'phone' | 'email' | 'quote-marks' | 'calendar' | 'clock' | 'internet' | 'slim-location' | 'bathroom' | 'catering' | 'pound' | 'scroll' | 'settings';
+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' | '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';
 export type IconProps = {
     /**
      * The theme to use

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

@@ -15,7 +15,7 @@ export interface CardFeaturedNewsProps {
     location?: string;
     copy?: string;
     isPrimary?: boolean;
-    titleTag: 'h2' | 'h3';
+    titleTag: 'h2' | 'h3' | 'h4';
 }
 /**
  * Primary UI component for user interaction

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

@@ -7,8 +7,9 @@ export interface CardRelatedProps {
     title: string;
     subtitle: string;
     href: string;
+    titleTag?: 'h2' | 'h3';
 }
 /**
  * Primary UI component for user interaction
  */
-export default function CardRelated({ theme, inverse, title, subtitle, href }: CardRelatedProps): ReactElement;
+export default function CardRelated({ theme, inverse, title, subtitle, href, titleTag }: CardRelatedProps): ReactElement;

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

@@ -14,8 +14,9 @@ export interface CardStaffProps {
     isSingle?: boolean;
     phone: string;
     email: string;
+    titleTag?: 'h2' | 'h3';
 }
 /**
  * Primary UI component for user interaction
  */
-export default function CardStaff({ theme, inverse, image, name, jobTitle, department, href, copy, phone, email, isSingle }: CardStaffProps): ReactElement;
+export default function CardStaff({ theme, inverse, image, name, jobTitle, department, href, copy, phone, email, isSingle, titleTag }: CardStaffProps): ReactElement;

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

@@ -9,8 +9,9 @@ export interface CardVideoProps {
     title: string;
     youtubeId: string;
     buttonLabel: string;
+    titleTag?: 'h2' | 'h3';
 }
 /**
  * Primary UI component for user interaction
  */
-export default function CardVideo({ theme, inverse, image, title, youtubeId, buttonLabel }: CardVideoProps): ReactElement;
+export default function CardVideo({ theme, inverse, image, title, youtubeId, buttonLabel, titleTag }: CardVideoProps): ReactElement;

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

@@ -16,7 +16,8 @@ export interface CarouselProps {
     inverse?: boolean;
     type: string;
     title?: string;
+    useH3ForCards?: boolean;
     cards: Omit<CardNewsProps, 'titleTag'>[] | CardFeaturedProps[] | CardVideoProps[] | CardPromoProps[] | CardPromoSignpostProps[] | CardPromoVideoProps[] | CardStaffProps[] | CardRelatedProps[] | CardImageProps[] | CardFeaturedNewsProps[];
     exploreMore?: string;
 }
-export default function Carousel({ theme, inverse, type, title, cards, exploreMore }: CarouselProps): ReactElement;
+export default function Carousel({ theme, inverse, type, title, cards, useH3ForCards, exploreMore }: CarouselProps): ReactElement;

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

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { CardFeaturedNewsProps } from '../../molecules/CardFeaturedNews/CardFeaturedNews';
+import './fiveArticlesGrid.scss';
+export interface FiveArticlesGridProps {
+    theme: ThemeProps;
+    heading?: string;
+    featuredArticle: CardFeaturedNewsProps;
+    otherLeadArticles: Omit<CardFeaturedNewsProps, 'theme'>[];
+}
+export default function FiveArticlesGrid({ theme, heading, featuredArticle, otherLeadArticles }: FiveArticlesGridProps): ReactElement;

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

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

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

@@ -0,0 +1,2 @@
+import { FiveArticlesGridProps } from './FiveArticlesGrid';
+export declare const fiveArticlesGridProps: FiveArticlesGridProps;

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

@@ -21,7 +21,7 @@ export interface SignPostProps {
 }
 type SignPostItem = {
     title: string;
-    tag: string;
+    tag?: string;
     linkLabel: string;
     linkUrl: string;
     external?: boolean;

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

@@ -1,2 +1,3 @@
 import { SignPostProps } from './SignPost';
 export declare const signPostProps: SignPostProps;
+export declare const newsArticleSignPostProps: SignPostProps;

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

@@ -6,8 +6,9 @@ import './staffListingCarousel.scss';
 export interface StaffListingCarouselProps {
     theme: ThemeProps;
     inverse?: boolean;
+    fullWidth?: boolean;
     heading: string;
     cards: CardStaffProps[];
     singleLink: LinkWithArrowProps;
 }
-export default function StaffListingCarousel({ theme, inverse, heading, cards, singleLink }: StaffListingCarouselProps): ReactElement;
+export default function StaffListingCarousel({ theme, inverse, fullWidth, heading, cards, singleLink }: StaffListingCarouselProps): ReactElement;

package/dist/index.d.ts

@@ -56,6 +56,7 @@ interface CardVideoProps {
     title: string;
     youtubeId: string;
     buttonLabel: string;
+    titleTag?: 'h2' | 'h3';
 }
 
 interface CardPromoProps {
@@ -174,6 +175,7 @@ interface CardStaffProps {
     isSingle?: boolean;
     phone: string;
     email: string;
+    titleTag?: 'h2' | 'h3';
 }
 
 interface CardRelatedProps {
@@ -182,6 +184,7 @@ interface CardRelatedProps {
     title: string;
     subtitle: string;
     href: string;
+    titleTag?: 'h2' | 'h3';
 }
 
 interface CardImageProps {
@@ -205,7 +208,7 @@ interface CardFeaturedNewsProps {
     location?: string;
     copy?: string;
     isPrimary?: boolean;
-    titleTag: 'h2' | 'h3';
+    titleTag: 'h2' | 'h3' | 'h4';
 }
 
 interface CarouselProps {
@@ -213,10 +216,11 @@ interface CarouselProps {
     inverse?: boolean;
     type: string;
     title?: string;
+    useH3ForCards?: boolean;
     cards: Omit<CardNewsProps, 'titleTag'>[] | CardFeaturedProps[] | CardVideoProps[] | CardPromoProps[] | CardPromoSignpostProps[] | CardPromoVideoProps[] | CardStaffProps[] | CardRelatedProps[] | CardImageProps[] | CardFeaturedNewsProps[];
     exploreMore?: string;
 }
-declare function Carousel({ theme, inverse, type, title, cards, exploreMore }: CarouselProps): ReactElement;
+declare function Carousel({ theme, inverse, type, title, cards, useH3ForCards, exploreMore }: CarouselProps): ReactElement;
 
 interface FeaturedContentProps {
     /**
@@ -270,7 +274,7 @@ interface FeaturedVideoProps {
  */
 declare function FeaturedVideo({ theme, title, image, youtubeId, youtubeButtonLabel, audioYoutubeButtonLabel, audioYoutubeId }: FeaturedVideoProps): ReactElement | null;
 
-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' | 'briefcase' | 'notepad' | 'external' | 'clearing-tick' | 'phone' | 'email' | 'quote-marks' | 'calendar' | 'clock' | 'internet' | 'slim-location' | 'bathroom' | 'catering' | 'pound' | 'scroll' | 'settings';
+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' | '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';
 
 interface FooterLinkProps {
     label: string;
@@ -501,7 +505,7 @@ interface SignPostProps {
 }
 type SignPostItem = {
     title: string;
-    tag: string;
+    tag?: string;
     linkLabel: string;
     linkUrl: string;
     external?: boolean;
@@ -842,11 +846,12 @@ declare function Pagination({ theme, numOfPages, onClick, currentPage }: Paginat
 interface StaffListingCarouselProps {
     theme: ThemeProps;
     inverse?: boolean;
+    fullWidth?: boolean;
     heading: string;
     cards: CardStaffProps[];
     singleLink: LinkWithArrowProps;
 }
-declare function StaffListingCarousel({ theme, inverse, heading, cards, singleLink }: StaffListingCarouselProps): ReactElement;
+declare function StaffListingCarousel({ theme, inverse, fullWidth, heading, cards, singleLink }: StaffListingCarouselProps): ReactElement;
 
 interface RelatedCoursesProps {
     theme: ThemeProps;
@@ -1105,4 +1110,12 @@ interface NewsArticlesPromoBlockProps {
 }
 declare function NewsArticlesPromoBlock({ theme, heading, cards }: NewsArticlesPromoBlockProps): ReactElement;
 
-export { Accordion, AcreditationPromotion, Breadcrumbs, CTAComponent, Carousel, ClearingBanner, CourseDeliveryPills, FeaturedContent, FeaturedSignpost, FeaturedVideo, Footer, GeneralSearchFilter, Header, Hero, HeroCarousel, ImageBlock, ImageCarousel, IntroText, LeadNewsArticles, ListingFilterWrapper, ListingResults, ListingResultsCount, MainWrapper, NewsArticlesPromoBlock, Pagination, PromoBlock, QuoteBlock, RelatedCourses, RichText, SearchCourses, SignPost, SkipToContent, StaffListingCarousel, StandardListingFilter, TabsBlock, TextWithBackground, TopicSelector, VideoCardComponent, VideoEmbed };
+interface FiveArticlesGridProps {
+    theme: ThemeProps;
+    heading?: string;
+    featuredArticle: CardFeaturedNewsProps;
+    otherLeadArticles: Omit<CardFeaturedNewsProps, 'theme'>[];
+}
+declare function FiveArticlesGrid({ theme, heading, featuredArticle, otherLeadArticles }: FiveArticlesGridProps): ReactElement;
+
+export { Accordion, AcreditationPromotion, Breadcrumbs, CTAComponent, Carousel, ClearingBanner, CourseDeliveryPills, FeaturedContent, FeaturedSignpost, FeaturedVideo, FiveArticlesGrid, Footer, GeneralSearchFilter, Header, Hero, HeroCarousel, ImageBlock, ImageCarousel, IntroText, LeadNewsArticles, ListingFilterWrapper, ListingResults, ListingResultsCount, MainWrapper, NewsArticlesPromoBlock, Pagination, PromoBlock, QuoteBlock, RelatedCourses, RichText, SearchCourses, SignPost, SkipToContent, StaffListingCarousel, StandardListingFilter, TabsBlock, TextWithBackground, TopicSelector, VideoCardComponent, VideoEmbed };