@uob-web-and-digital/component-library 2.4.6 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,8 +4,9 @@ import { IconType } from '../Icons/Icons';
4
4
  import './searchResultDetail.scss';
5
5
  export interface SearchResultDetailProps {
6
6
  theme: ThemeProps;
7
+ inverse?: boolean;
7
8
  iconType: IconType;
8
9
  name: string;
9
10
  value: string;
10
11
  }
11
- export default function SearchResultDetail({ iconType, name, value, theme }: SearchResultDetailProps): ReactElement;
12
+ export default function SearchResultDetail({ iconType, inverse, name, value, theme }: SearchResultDetailProps): ReactElement;
@@ -0,0 +1,15 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ import CardPromoProfile from './CardPromoProfile';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof CardPromoProfile;
6
+ tags: string[];
7
+ parameters: {
8
+ layout: string;
9
+ };
10
+ };
11
+ export default meta;
12
+ type Story = StoryObj<typeof CardPromoProfile>;
13
+ export declare const CardPromoProfileSingle: Story;
14
+ export declare const CardPromoProfileSingleDark: Story;
15
+ export declare const CardPromoProfileMultiple: Story;
@@ -4,7 +4,8 @@ import { SearchResultDetailProps } from '../../atoms/SearchResultDetail/SearchRe
4
4
  import './searchResultDetailList.scss';
5
5
  export interface SearchResultDetailListProps {
6
6
  theme: ThemeProps;
7
+ inverse?: boolean;
7
8
  details: Omit<SearchResultDetailProps, 'theme'>[];
8
9
  verticalDetails?: boolean;
9
10
  }
10
- export default function SearchResultDetailList({ theme, details, verticalDetails }: SearchResultDetailListProps): ReactElement;
11
+ export default function SearchResultDetailList({ theme, inverse, details, verticalDetails }: SearchResultDetailListProps): ReactElement;
@@ -9,3 +9,4 @@ export default meta;
9
9
  type Story = StoryObj<typeof Carousel>;
10
10
  export declare const CarouselExample: Story;
11
11
  export declare const CarouselWithPromoCards: Story;
12
+ export declare const CarouselWithPromoProfileCards: Story;
@@ -1,4 +1,7 @@
1
1
  import { CarouselProps } from './Carousel';
2
2
  import { CardNewsProps } from '../../molecules/CardNews/CardNews';
3
+ import { CardPromoProfileProps } from '../../molecules/CardPromoProfile/CardPromoProfile';
3
4
  export declare const newsCards: Omit<CardNewsProps, 'titleTag'>[];
4
5
  export declare const carouselProps: CarouselProps;
6
+ export declare const profileCards: CardPromoProfileProps[];
7
+ export declare const carouselPropsProfileCards: CarouselProps;
@@ -1,5 +1,6 @@
1
1
  import { HeroCoursesProps } from './HeroCourses';
2
2
  export declare const heroCoursesProps: HeroCoursesProps;
3
+ export declare const heroCoursesAnchorsProps: HeroCoursesProps;
3
4
  export declare const ranking: import("./components/CourseTileRanking").CourseTileRankingProps | undefined, heroCoursesNoRankingProps: {
4
5
  theme: import("../../../themeProps").ThemeProps;
5
6
  inverse?: boolean | undefined;
@@ -0,0 +1,13 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ import StaffListingCarousel from '../StaffListingCarousel/StaffListingCarousel';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof StaffListingCarousel;
6
+ tags: string[];
7
+ };
8
+ export default meta;
9
+ type Story = StoryObj<typeof meta>;
10
+ export declare const ExampleThreeOrMoreProfiles: Story;
11
+ export declare const ExampleOneProfile: Story;
12
+ export declare const ExampleThreeProfilesNoCarousel: Story;
13
+ export declare const ExampleThreeOrMoreProfilesDark: Story;
@@ -1,6 +1,7 @@
1
1
  import { ReactElement } from 'react';
2
2
  import { ThemeProps } from '../../../themeProps';
3
3
  import { CardStaffProps } from '../../molecules/CardStaff/CardStaff';
4
+ import { CardPromoProfileProps } from '../../molecules/CardPromoProfile/CardPromoProfile';
4
5
  import { LinkWithArrowProps } from '../../atoms/LinkWithArrow/LinkWithArrow';
5
6
  import { HeadingProps } from '../../atoms/Heading/Heading';
6
7
  import './staffListingCarousel.scss';
@@ -9,10 +10,11 @@ export interface StaffListingCarouselProps {
9
10
  inverse?: boolean;
10
11
  fullWidth?: boolean;
11
12
  heading: string;
12
- cards: CardStaffProps[];
13
+ cards: CardStaffProps[] | CardPromoProfileProps[];
13
14
  headingStyle?: 'news' | null;
14
15
  singleLink: LinkWithArrowProps;
15
16
  titleTag?: HeadingProps['htmlTag'];
16
17
  useCarousel?: boolean;
18
+ cardType?: 'staff' | 'promo-profile';
17
19
  }
18
- export default function StaffListingCarousel({ theme, inverse, fullWidth, heading, headingStyle, cards, singleLink, titleTag, useCarousel }: StaffListingCarouselProps): ReactElement;
20
+ export default function StaffListingCarousel({ theme, inverse, fullWidth, heading, headingStyle, cards, singleLink, titleTag, useCarousel, cardType }: StaffListingCarouselProps): ReactElement;
@@ -8,6 +8,7 @@ declare const meta: {
8
8
  export default meta;
9
9
  type Story = StoryObj<typeof meta>;
10
10
  export declare const ExampleThreeOrMoreStaff: Story;
11
+ export declare const ExampleThreeOrMoreStaffDark: Story;
11
12
  export declare const ExampleWithNewsStyleHeading: Story;
12
13
  export declare const ExampleOneStaff: Story;
13
14
  export declare const ExampleTwoStaff: Story;
@@ -1,4 +1,7 @@
1
1
  import { StaffListingCarouselProps } from './StaffListingCarousel';
2
+ import { CardPromoProfileProps } from '../../molecules/CardPromoProfile/CardPromoProfile';
2
3
  export declare const staffListingCarouselProps: StaffListingCarouselProps;
3
4
  export declare const newsStaffListingCarouselProps: StaffListingCarouselProps;
4
5
  export declare const staffListingEventsProps: StaffListingCarouselProps;
6
+ export declare const profileCards: CardPromoProfileProps[];
7
+ export declare const profileCardsDark: CardPromoProfileProps[];