@uob-web-and-digital/component-library 2.9.3 → 2.10.1
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.
- package/dist/components/atoms/TextButtonWithIcon/TextButtonWithIcon.stories.d.ts +4 -0
- package/dist/components/molecules/CardImage/CardImage.d.ts +3 -1
- package/dist/components/molecules/CardImage/CardImage.stories.d.ts +2 -0
- package/dist/components/molecules/CardImage/defaultProps.d.ts +1 -0
- package/dist/components/organisms/LogoWall/LogoWall.d.ts +10 -0
- package/dist/components/organisms/LogoWall/LogoWall.stories.d.ts +24 -0
- package/dist/components/organisms/LogoWall/defaultProps.d.ts +11 -0
- package/dist/components/organisms/SingleButton/SingleButton.stories.d.ts +2 -0
- package/dist/main.css +1 -1
- package/dist/main.js +1 -1
- package/dist/module.js +1 -1
- package/package.json +1 -1
|
@@ -12,3 +12,7 @@ export declare const DarkFilled: Story;
|
|
|
12
12
|
export declare const DarkHollow: Story;
|
|
13
13
|
export declare const Light: Story;
|
|
14
14
|
export declare const LightHollow: Story;
|
|
15
|
+
export declare const WithExternalLink: Story;
|
|
16
|
+
export declare const WithArrowDownIcon: Story;
|
|
17
|
+
export declare const WithArrowDownIconHollow: Story;
|
|
18
|
+
export declare const WithArrowDownIconLight: Story;
|
|
@@ -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;
|
|
@@ -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;
|