@uob-web-and-digital/component-library 1.6.4 → 1.7.0

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

@@ -4,8 +4,9 @@ import { IconType } from '../Icons/Icons';
 import './searchResultDetail.scss';
 export interface SearchResultDetailProps {
     theme: ThemeProps;
+    inverse?: boolean;
     iconType: IconType;
     name: string;
     value: string;
 }
-export default function SearchResultDetail({ iconType, name, value, theme }: SearchResultDetailProps): ReactElement;
+export default function SearchResultDetail({ iconType, inverse, name, value, theme }: SearchResultDetailProps): ReactElement;

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

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+import CardPromoProfile from './CardPromoProfile';
+declare const meta: {
+    title: string;
+    component: typeof CardPromoProfile;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof CardPromoProfile>;
+export declare const CardPromoProfileSingle: Story;
+export declare const CardPromoProfileSingleDark: Story;
+export declare const CardPromoProfileMultiple: Story;

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

@@ -17,6 +17,7 @@ export interface CardPromoSignpostProps {
     authorString?: string;
     location?: string;
     copy?: string;
+    cardCopyIsRichText?: boolean;
     isSingle?: boolean;
     buttonPrimary?: TextButtonProps;
     buttonSecondary?: TextButtonProps;
@@ -26,4 +27,4 @@ export interface CardPromoSignpostProps {
 /**
  * Primary UI component for user interaction
  */
-export default function CardPromoSignpost({ theme, inverse, image, tag, title, subtitle, publishDate, authorString, location, copy, isSingle, buttonPrimary, buttonSecondary, link, imageOrientation, titleTag }: CardPromoSignpostProps): ReactElement;
+export default function CardPromoSignpost({ theme, inverse, image, tag, title, subtitle, publishDate, authorString, location, copy, isSingle, cardCopyIsRichText, buttonPrimary, buttonSecondary, link, imageOrientation, titleTag }: CardPromoSignpostProps): ReactElement;

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

@@ -14,3 +14,4 @@ export declare const SinglePromoSignpostCardLight: Story;
 export declare const SinglePromoSignpostCardsDarkRightImage: Story;
 export declare const OneOfManyPromoSignpostCardsDark: Story;
 export declare const SinglePromoSignpostCardsDarkRightImageH4Title: Story;
+export declare const ImageWithTextExampleWithMultiCopyParagraphs: Story;

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

@@ -4,7 +4,8 @@ import { SearchResultDetailProps } from '../../atoms/SearchResultDetail/SearchRe
 import './searchResultDetailList.scss';
 export interface SearchResultDetailListProps {
     theme: ThemeProps;
+    inverse?: boolean;
     details: Omit<SearchResultDetailProps, 'theme'>[];
     verticalDetails?: boolean;
 }
-export default function SearchResultDetailList({ theme, details, verticalDetails }: SearchResultDetailListProps): ReactElement;
+export default function SearchResultDetailList({ theme, inverse, details, verticalDetails }: SearchResultDetailListProps): ReactElement;

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

@@ -9,3 +9,4 @@ export default meta;
 type Story = StoryObj<typeof Carousel>;
 export declare const CarouselExample: Story;
 export declare const CarouselWithPromoCards: Story;
+export declare const CarouselWithPromoProfileCards: Story;

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

@@ -1,4 +1,7 @@
 import { CarouselProps } from './Carousel';
 import { CardNewsProps } from '../../molecules/CardNews/CardNews';
+import { CardPromoProfileProps } from '../../molecules/CardPromoProfile/CardPromoProfile';
 export declare const newsCards: Omit<CardNewsProps, 'titleTag'>[];
 export declare const carouselProps: CarouselProps;
+export declare const profileCards: CardPromoProfileProps[];
+export declare const carouselPropsProfileCards: CarouselProps;

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

@@ -1,5 +1,6 @@
 import { HeroCoursesProps } from './HeroCourses';
 export declare const heroCoursesProps: HeroCoursesProps;
+export declare const heroCoursesAnchorsProps: HeroCoursesProps;
 export declare const ranking: import("./components/CourseTileRanking").CourseTileRankingProps | undefined, heroCoursesNoRankingProps: {
     theme: import("../../../themeProps").ThemeProps;
     inverse?: boolean | undefined;

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

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react';
+import StaffListingCarousel from '../StaffListingCarousel/StaffListingCarousel';
+declare const meta: {
+    title: string;
+    component: typeof StaffListingCarousel;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ExampleThreeOrMoreProfiles: Story;
+export declare const ExampleOneProfile: Story;
+export declare const ExampleThreeProfilesNoCarousel: Story;
+export declare const ExampleThreeOrMoreProfilesDark: Story;

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

@@ -1,6 +1,7 @@
 import { ReactElement } from 'react';
 import { ThemeProps } from '../../../themeProps';
 import { CardStaffProps } from '../../molecules/CardStaff/CardStaff';
+import { CardPromoProfileProps } from '../../molecules/CardPromoProfile/CardPromoProfile';
 import { LinkWithArrowProps } from '../../atoms/LinkWithArrow/LinkWithArrow';
 import { HeadingProps } from '../../atoms/Heading/Heading';
 import './staffListingCarousel.scss';
@@ -9,10 +10,11 @@ export interface StaffListingCarouselProps {
     inverse?: boolean;
     fullWidth?: boolean;
     heading: string;
-    cards: CardStaffProps[];
+    cards: CardStaffProps[] | CardPromoProfileProps[];
     headingStyle?: 'news' | null;
     singleLink: LinkWithArrowProps;
     titleTag?: HeadingProps['htmlTag'];
     useCarousel?: boolean;
+    cardType?: 'staff' | 'promo-profile';
 }
-export default function StaffListingCarousel({ theme, inverse, fullWidth, heading, headingStyle, cards, singleLink, titleTag, useCarousel }: StaffListingCarouselProps): ReactElement;
+export default function StaffListingCarousel({ theme, inverse, fullWidth, heading, headingStyle, cards, singleLink, titleTag, useCarousel, cardType }: StaffListingCarouselProps): ReactElement;

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

@@ -8,6 +8,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const ExampleThreeOrMoreStaff: Story;
+export declare const ExampleThreeOrMoreStaffDark: Story;
 export declare const ExampleWithNewsStyleHeading: Story;
 export declare const ExampleOneStaff: Story;
 export declare const ExampleTwoStaff: Story;

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

@@ -1,4 +1,7 @@
 import { StaffListingCarouselProps } from './StaffListingCarousel';
+import { CardPromoProfileProps } from '../../molecules/CardPromoProfile/CardPromoProfile';
 export declare const staffListingCarouselProps: StaffListingCarouselProps;
 export declare const newsStaffListingCarouselProps: StaffListingCarouselProps;
 export declare const staffListingEventsProps: StaffListingCarouselProps;
+export declare const profileCards: CardPromoProfileProps[];
+export declare const profileCardsDark: CardPromoProfileProps[];

package/dist/index.d.ts

@@ -299,6 +299,7 @@ interface CardPromoSignpostProps {
     authorString?: string;
     location?: string;
     copy?: string;
+    cardCopyIsRichText?: boolean;
     isSingle?: boolean;
     buttonPrimary?: TextButtonProps;
     buttonSecondary?: TextButtonProps;
@@ -414,6 +415,7 @@ type IconProps = {
 
 interface SearchResultDetailProps {
     theme: ThemeProps;
+    inverse?: boolean;
     iconType: IconType;
     name: string;
     value: string;
@@ -1439,13 +1441,14 @@ interface StaffListingCarouselProps {
     inverse?: boolean;
     fullWidth?: boolean;
     heading: string;
-    cards: CardStaffProps[];
+    cards: CardStaffProps[] | CardPromoProfileProps[];
     headingStyle?: 'news' | null;
     singleLink: LinkWithArrowProps;
     titleTag?: HeadingProps$1['htmlTag'];
     useCarousel?: boolean;
+    cardType?: 'staff' | 'promo-profile';
 }
-declare function StaffListingCarousel({ theme, inverse, fullWidth, heading, headingStyle, cards, singleLink, titleTag, useCarousel }: StaffListingCarouselProps): ReactElement;
+declare function StaffListingCarousel({ theme, inverse, fullWidth, heading, headingStyle, cards, singleLink, titleTag, useCarousel, cardType }: StaffListingCarouselProps): ReactElement;
 
 interface SidebarWrapperProps {
     /**