@uob-web-and-digital/component-library 2.18.0 → 2.19.0

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

@@ -11,7 +11,7 @@ export interface CardNewsProps {
     title: string;
     href: string;
     publishDate: string;
-    titleTag: HeadingProps['htmlTag'];
+    titleTag?: HeadingProps['htmlTag'];
 }
 /**
  * Primary UI component for user interaction

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

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { ThemeProps } from '../../../themeProps';
+import { HeadingProps } from '../../atoms/Heading/Heading';
 import './cardScholarship.scss';
 export interface ScholarshipProps {
     awardType: string;
@@ -13,7 +14,7 @@ export interface CardScholarshipProps {
     copy: string;
     href: string;
     scholarshipDetails: ScholarshipProps;
-    titleTag?: 'h2' | 'h3';
+    titleTag?: HeadingProps['htmlTag'];
 }
 /**
  * Primary UI component for user interaction

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

@@ -7,6 +7,15 @@ declare const meta: {
     parameters: {
         layout: string;
     };
+    argTypes: {
+        titleTag: {
+            control: "select";
+            options: string[];
+            mapping: {
+                none: undefined;
+            };
+        };
+    };
 };
 export default meta;
 type Story = StoryObj<typeof CardScholarship>;

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

@@ -1,6 +1,7 @@
 import { ReactElement } from 'react';
 import { ImageProps } from '../../atoms/Image/Image';
 import { ThemeProps } from '../../../themeProps';
+import { HeadingProps } from '../../atoms/Heading/Heading';
 import './cardStaff.scss';
 export interface CardStaffProps {
     theme: ThemeProps;
@@ -14,7 +15,7 @@ export interface CardStaffProps {
     isSingle?: boolean;
     phone?: string;
     email?: string;
-    titleTag?: 'h2' | 'h3';
+    titleTag?: HeadingProps['htmlTag'];
 }
 /**
  * Primary UI component for user interaction

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

@@ -7,6 +7,15 @@ declare const meta: {
     parameters: {
         layout: string;
     };
+    argTypes: {
+        titleTag: {
+            control: "select";
+            options: string[];
+            mapping: {
+                none: undefined;
+            };
+        };
+    };
 };
 export default meta;
 type Story = StoryObj<typeof CardStaff>;

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

@@ -2,12 +2,13 @@ import { ReactElement } from 'react';
 import { ImageProps } from '../../../atoms/Image/Image';
 import { SearchResultDetailProps } from '../../../atoms/SearchResultDetail/SearchResultDetail';
 import { ThemeProps } from '../../../../themeProps';
+import { HeadingProps } from '../../../atoms/Heading/Heading';
 export interface CourseCardProps {
     theme: ThemeProps;
     type: 'course';
     image?: ImageProps;
     title: string;
-    titleTag?: string;
+    titleTag?: HeadingProps['htmlTag'];
     url: string;
     description?: string;
     supervisors?: string;

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

@@ -19,4 +19,7 @@ export declare const NewsCardTwoAuthors: Story;
 export declare const AccomodationCard: Story;
 export declare const CourseCard: Story;
 export declare const CourseCardH3Title: Story;
+export declare const CourseCardH4Title: Story;
+export declare const CourseCardH5Title: Story;
+export declare const CourseCardUndefinedTitleTag: Story;
 export declare const ProfileCard: Story;

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

@@ -20,10 +20,11 @@ export interface CarouselProps {
     inverse?: boolean;
     type: string;
     title?: string;
+    titleTag?: HeadingProps['htmlTag'];
     cardTitleTag?: HeadingProps['htmlTag'];
     setCardInverse?: 'dark' | 'light';
-    cards: Omit<CardNewsProps, 'titleTag'>[] | CardFeaturedProps[] | CardVideoProps[] | CardPromoProps[] | CardPromoSignpostProps[] | CardPromoVideoProps[] | CardStaffProps[] | CardRelatedProps[] | CardImageProps[] | CardFeaturedNewsProps[] | CardResearchStoryProps[] | CardScholarshipProps[] | CardPromoProfileProps[];
+    cards: CardNewsProps[] | CardFeaturedProps[] | CardVideoProps[] | CardPromoProps[] | CardPromoSignpostProps[] | CardPromoVideoProps[] | CardStaffProps[] | CardRelatedProps[] | CardImageProps[] | CardFeaturedNewsProps[] | CardResearchStoryProps[] | CardScholarshipProps[] | CardPromoProfileProps[];
     exploreMore?: string;
     cardCopyIsRichText?: boolean;
 }
-export default function Carousel({ theme, inverse, type, title, cards, cardTitleTag, setCardInverse, exploreMore, cardCopyIsRichText }: CarouselProps): ReactElement;
+export default function Carousel({ theme, inverse, type, title, cards, titleTag, cardTitleTag, setCardInverse, exploreMore, cardCopyIsRichText }: CarouselProps): ReactElement;

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

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import './imageMosaic.scss';
+import { ImageProps } from '../../atoms/Image/Image';
+import { HeadingProps } from '../../molecules/Heading/Heading';
+export interface ImageMosaicImageData {
+    image: ImageProps;
+    imageCaption?: string;
+    imageCredit?: string;
+}
+export interface ImageMosaicProps extends HeadingProps {
+    makeHeadingFullWidth?: boolean;
+    images?: ImageMosaicImageData[];
+}
+export default function ImageMosaic({ theme, inverse, title, description, linkProps, fullWidth, makeHeadingFullWidth, htmlTag, images }: ImageMosaicProps): ReactElement | null;

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

@@ -0,0 +1,28 @@
+import type { StoryObj } from '@storybook/react';
+import ImageMosaic from './ImageMosaic';
+import './imageMosaic.scss';
+declare const meta: {
+    title: string;
+    component: typeof ImageMosaic;
+    tags: string[];
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof ImageMosaic>;
+export declare const Default: Story;
+export declare const ThreeImagesDark: Story;
+export declare const ThreeImagesLight: Story;
+export declare const ThreeImagesFullWidth: Story;
+export declare const ThreeImagesFullWidthLight: Story;
+export declare const TwoImages: Story;
+export declare const TwoImagesFullWidth: Story;
+export declare const TwoImagesLight: Story;
+export declare const OneImage: Story;
+export declare const OneImageFullWidth: Story;
+export declare const ThreeImagesNoCaptions: Story;
+export declare const TwoImagesNoCaptions: Story;
+export declare const NoImages: Story;

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

@@ -0,0 +1,4 @@
+import { ImageMosaicProps } from './ImageMosaic';
+export declare const imageMosaicPropsThreeImages: ImageMosaicProps;
+export declare const imageMosaicPropsTwoImages: ImageMosaicProps;
+export declare const imageMosaicPropsOneImage: ImageMosaicProps;

package/dist/index.d.ts

@@ -29,6 +29,7 @@ import HeroCourses, { HeroCoursesProps } from './components/organisms/HeroCourse
 import HeroCarousel, { HeroCarouselProps } from './components/organisms/HeroCarousel/HeroCarousel';
 import HeroVideo, { HeroVideoProps } from './components/organisms/HeroVideo/HeroVideo';
 import ImageBlock, { ImageBlockProps } from './components/organisms/ImageBlock/ImageBlock';
+import ImageMosaic, { ImageMosaicProps } from './components/organisms/ImageMosaic/ImageMosaic';
 import ImageCarousel, { ImageCarouselProps } from './components/organisms/ImageCarousel/ImageCarousel';
 import InPageNavigation, { InPageNavigationProps } from './components/organisms/InPageNavigation/InPageNavigation';
 import IntroText, { IntroTextProps } from './components/organisms/IntroText/IntroText';
@@ -73,5 +74,5 @@ import LogoWall, { LogoWallProps } from './components/organisms/LogoWall/LogoWal
 import TextOverMedia, { TextOverMediaProps } from './components/organisms/TextOverMedia/TextOverMedia';
 import SocialFeed, { SocialFeedProps } from './components/organisms/SocialFeed/SocialFeed';
 import { HeaderLanding, HeaderLandingProps } from './components/organisms/HeaderLanding/HeaderLanding';
-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, HeroVideoProps, 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, SocialFeedProps, HeaderLandingProps };
-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, HeroVideo, 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, SocialFeed, HeaderLanding };
+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, HeroVideoProps, ImageBlockProps, ImageCarouselProps, ImageMosaicProps, 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, SocialFeedProps, HeaderLandingProps };
+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, HeroVideo, ImageBlock, ImageCarousel, ImageMosaic, 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, SocialFeed, HeaderLanding };