@uob-web-and-digital/component-library 2.24.1 → 2.24.2
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/molecules/CardImage/CardImage.d.ts +2 -1
- package/dist/components/molecules/CardImage/CardImage.stories.d.ts +1 -0
- package/dist/components/organisms/ImageBlock/ImageBlock.d.ts +2 -1
- package/dist/components/organisms/ImageBlock/ImageBlock.stories.d.ts +3 -0
- package/dist/main.css +1 -1
- package/dist/main.js +4 -4
- package/dist/module.js +3 -3
- package/package.json +1 -1
|
@@ -10,8 +10,9 @@ export interface CardImageProps {
|
|
|
10
10
|
imageCredit?: string;
|
|
11
11
|
aspectRatio?: '5/3' | '3/2';
|
|
12
12
|
objectFitScaleDown?: boolean;
|
|
13
|
+
preserveAspectRatio?: boolean;
|
|
13
14
|
}
|
|
14
15
|
/**
|
|
15
16
|
* Primary UI component for user interaction
|
|
16
17
|
*/
|
|
17
|
-
export default function CardImage({ theme, inverse, image, imageCaption, imageCredit, aspectRatio, objectFitScaleDown }: CardImageProps): ReactElement;
|
|
18
|
+
export default function CardImage({ theme, inverse, image, imageCaption, imageCredit, aspectRatio, objectFitScaleDown, preserveAspectRatio }: CardImageProps): ReactElement;
|
|
@@ -5,6 +5,7 @@ import { CardImageProps } from '../../molecules/CardImage/CardImage';
|
|
|
5
5
|
export interface ImageBlockProps extends HeadingProps {
|
|
6
6
|
fullWidth: boolean;
|
|
7
7
|
makeHeadingFullWidth?: boolean;
|
|
8
|
+
preserveAspectRatio?: boolean;
|
|
8
9
|
images?: Omit<CardImageProps, 'theme' | 'inverse'>[];
|
|
9
10
|
}
|
|
10
|
-
export default function ImageBlock({ theme, inverse, title, description, linkProps, fullWidth, makeHeadingFullWidth, images, htmlTag }: ImageBlockProps): ReactElement | null;
|
|
11
|
+
export default function ImageBlock({ theme, inverse, title, description, linkProps, fullWidth, makeHeadingFullWidth, preserveAspectRatio, images, htmlTag }: ImageBlockProps): ReactElement | null;
|
|
@@ -24,3 +24,6 @@ export declare const TwoImages: Story;
|
|
|
24
24
|
export declare const ThreeImages: Story;
|
|
25
25
|
export declare const NoImages: Story;
|
|
26
26
|
export declare const OneImageNoHeading: Story;
|
|
27
|
+
export declare const PreserveAspectRatio: Story;
|
|
28
|
+
export declare const PreserveAspectRatioTwoImages: Story;
|
|
29
|
+
export declare const PreserveAspectRatioThreeImages: Story;
|