@uob-web-and-digital/component-library 0.0.104 → 0.0.105

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

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './calendarGraphic.scss';
+export interface CalendarGraphicProps {
+    theme: ThemeProps;
+    status: 'Upcoming' | 'Recorded' | 'More';
+    day?: string;
+    month?: string;
+}
+export default function CalendarGraphic({ theme, status, day, month }: CalendarGraphicProps): ReactElement;

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

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

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

@@ -3,6 +3,7 @@ import { ImageProps } from '../../atoms/Image/Image';
 import { ThemeProps } from '../../../themeProps';
 import './cardPromo.scss';
 import { HeadingProps } from '../../atoms/Heading/Heading';
+import { CalendarGraphicProps } from '../../atoms/CalendarGraphic/CalendarGraphic';
 export interface CardPromoProps {
     theme: ThemeProps;
     inverse?: boolean;
@@ -22,8 +23,11 @@ export interface CardPromoProps {
     isSingle?: boolean;
     titleTag: HeadingProps['htmlTag'];
     cardCopyIsRichText?: boolean;
+    eventStatus?: CalendarGraphicProps['status'];
+    eventDay?: CalendarGraphicProps['day'];
+    eventMonth?: CalendarGraphicProps['month'];
 }
 /**
  * Primary UI component for user interaction
  */
-export default function CardPromo({ theme, inverse, image, tag, title, subtitle, href, publishDate, authorString, readingTime, location, copy, isSingle, titleTag, cardCopyIsRichText, eventTime }: CardPromoProps): ReactElement;
+export default function CardPromo({ theme, inverse, image, tag, title, subtitle, href, publishDate, authorString, readingTime, location, copy, isSingle, titleTag, cardCopyIsRichText, eventTime, eventStatus, eventDay, eventMonth }: CardPromoProps): ReactElement;

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

@@ -16,3 +16,6 @@ export declare const SinglePromoCardLightRichTextCopy: Story;
 export declare const SinglePromoCardDarkRichTextCopy: Story;
 export declare const CardNoImage: Story;
 export declare const OneOfManyPromoCards: Story;
+export declare const EventPromoCardUpcomingExample: Story;
+export declare const EventPromoCardRecordedExample: Story;
+export declare const EventPromoCardMoreDatesExample: Story;

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

@@ -17,6 +17,7 @@ export declare const PromoBlockOneCardOnly: Story;
 export declare const PromoBlockTwoCardsOnly: Story;
 export declare const PromoBlockThreeCardsOnly: Story;
 export declare const PromoBlockFourCardsPlus: Story;
+export declare const PromoBlockThreeEventCardsOnly: Story;
 export declare const PromoBlockFourCardsPlusDark: Story;
 export declare const PromoBlockSignpostOneCardOnly: Story;
 export declare const PromoBlockSignpostOneCardOnlyDark: Story;

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

@@ -2,6 +2,7 @@ import { PromoBlockProps } from './PromoBlock';
 import { FormSelectProps, SelectOptionsProps } from '../../atoms/FormSelect/FormSelect';
 export declare const promoBlockProps: PromoBlockProps;
 export declare const promoBlockPropsAccommodation: PromoBlockProps;
+export declare const promoBlockEventsProps: PromoBlockProps;
 export declare const promoBlockSignpostProps: PromoBlockProps;
 export declare const promoBlockVideoProps: PromoBlockProps;
 export declare const promoBlockForCoursePage: PromoBlockProps;

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

@@ -13,5 +13,6 @@ export interface StaffListingCarouselProps {
     headingStyle?: 'news' | null;
     singleLink: LinkWithArrowProps;
     titleTag?: HeadingProps['htmlTag'];
+    useCarousel?: boolean;
 }
-export default function StaffListingCarousel({ theme, inverse, fullWidth, heading, headingStyle, cards, singleLink, titleTag }: StaffListingCarouselProps): ReactElement;
+export default function StaffListingCarousel({ theme, inverse, fullWidth, heading, headingStyle, cards, singleLink, titleTag, useCarousel }: StaffListingCarouselProps): ReactElement;

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

@@ -11,3 +11,4 @@ export declare const ExampleThreeOrMoreStaff: Story;
 export declare const ExampleWithNewsStyleHeading: Story;
 export declare const ExampleOneStaff: Story;
 export declare const ExampleTwoStaff: Story;
+export declare const ExampleThreeStaffNoCarousel: Story;

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

@@ -1,3 +1,4 @@
 import { StaffListingCarouselProps } from './StaffListingCarousel';
 export declare const staffListingCarouselProps: StaffListingCarouselProps;
 export declare const newsStaffListingCarouselProps: StaffListingCarouselProps;
+export declare const staffListingEventsProps: StaffListingCarouselProps;

package/dist/index.d.ts

@@ -192,6 +192,13 @@ interface CardVideoProps {
     titleTag: HeadingProps$1['htmlTag'];
 }
 
+interface CalendarGraphicProps {
+    theme: ThemeProps;
+    status: 'Upcoming' | 'Recorded' | 'More';
+    day?: string;
+    month?: string;
+}
+
 interface CardPromoProps {
     theme: ThemeProps;
     inverse?: boolean;
@@ -211,6 +218,9 @@ interface CardPromoProps {
     isSingle?: boolean;
     titleTag: HeadingProps$1['htmlTag'];
     cardCopyIsRichText?: boolean;
+    eventStatus?: CalendarGraphicProps['status'];
+    eventDay?: CalendarGraphicProps['day'];
+    eventMonth?: CalendarGraphicProps['month'];
 }
 
 interface TextButtonProps {
@@ -1336,8 +1346,9 @@ interface StaffListingCarouselProps {
     headingStyle?: 'news' | null;
     singleLink: LinkWithArrowProps;
     titleTag?: HeadingProps$1['htmlTag'];
+    useCarousel?: boolean;
 }
-declare function StaffListingCarousel({ theme, inverse, fullWidth, heading, headingStyle, cards, singleLink, titleTag }: StaffListingCarouselProps): ReactElement;
+declare function StaffListingCarousel({ theme, inverse, fullWidth, heading, headingStyle, cards, singleLink, titleTag, useCarousel }: StaffListingCarouselProps): ReactElement;
 
 interface SidebarWrapperProps {
     /**