@uob-web-and-digital/component-library 2.9.3 → 2.10.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.
@@ -8,8 +8,10 @@ export interface CardImageProps {
8
8
  image: ImageProps;
9
9
  imageCaption?: string;
10
10
  imageCredit?: string;
11
+ aspectRatio?: '5/3' | '3/2';
12
+ objectFitScaleDown?: boolean;
11
13
  }
12
14
  /**
13
15
  * Primary UI component for user interaction
14
16
  */
15
- export default function CardImage({ theme, inverse, image, imageCaption, imageCredit }: CardImageProps): ReactElement;
17
+ export default function CardImage({ theme, inverse, image, imageCaption, imageCredit, aspectRatio, objectFitScaleDown }: CardImageProps): ReactElement;
@@ -16,3 +16,5 @@ type Story = StoryObj<typeof CardImage>;
16
16
  export declare const Default: Story;
17
17
  export declare const Dark: Story;
18
18
  export declare const Light: Story;
19
+ export declare const ThreeTwoAspectRatio: Story;
20
+ export declare const ObjectFitScaleDown: Story;
@@ -1,2 +1,3 @@
1
1
  import { CardImageProps } from './CardImage';
2
2
  export declare const cardImageProps: CardImageProps;
3
+ export declare const cardImagePropsThreeTwoRatio: CardImageProps;
@@ -0,0 +1,10 @@
1
+ import { ReactElement } from 'react';
2
+ import { CardImageProps } from '../../molecules/CardImage/CardImage';
3
+ import { ThemeProps } from '../../../themeProps';
4
+ import './logoWall.scss';
5
+ export interface LogoWallProps {
6
+ theme: ThemeProps;
7
+ inverse?: boolean;
8
+ logos?: Omit<CardImageProps, 'theme' | 'inverse'>[];
9
+ }
10
+ export default function LogoWall({ theme, inverse, logos }: LogoWallProps): ReactElement | null;
@@ -0,0 +1,24 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ import LogoWall from './LogoWall';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof LogoWall;
6
+ tags: string[];
7
+ parameters: {
8
+ backgrounds: {
9
+ default: string;
10
+ };
11
+ };
12
+ };
13
+ export default meta;
14
+ type Story = StoryObj<typeof LogoWall>;
15
+ export declare const TwoLogosDark: Story;
16
+ export declare const TwoLogosLight: Story;
17
+ export declare const ThreeLogosDark: Story;
18
+ export declare const ThreeLogosLight: Story;
19
+ export declare const FourLogosDark: Story;
20
+ export declare const FourLogosLight: Story;
21
+ export declare const FiveLogosDark: Story;
22
+ export declare const FiveLogosLight: Story;
23
+ export declare const SixLogosDark: Story;
24
+ export declare const SixLogosLight: Story;
@@ -0,0 +1,11 @@
1
+ import { LogoWallProps } from './LogoWall';
2
+ export declare const twoLogosDark: LogoWallProps;
3
+ export declare const twoLogosLight: LogoWallProps;
4
+ export declare const threeLogosDark: LogoWallProps;
5
+ export declare const threeLogosLight: LogoWallProps;
6
+ export declare const fourLogosDark: LogoWallProps;
7
+ export declare const fourLogosLight: LogoWallProps;
8
+ export declare const fiveLogosDark: LogoWallProps;
9
+ export declare const fiveLogosLight: LogoWallProps;
10
+ export declare const sixLogosDark: LogoWallProps;
11
+ export declare const sixLogosLight: LogoWallProps;