@uob-web-and-digital/component-library 2.24.1 → 2.24.3
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 +4 -0
- package/dist/components/organisms/RichText/RichText.stories.d.ts +3 -0
- package/dist/components/organisms/RichText/defaultProps.d.ts +1 -0
- package/dist/components/organisms/TextWithBackground/TextWithBackground.stories.d.ts +1 -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,7 @@ 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;
|
|
30
|
+
export declare const ImageCaptionWithLongText: Story;
|
|
@@ -16,3 +16,6 @@ export declare const Dark: Story;
|
|
|
16
16
|
export declare const Light: Story;
|
|
17
17
|
export declare const ResponsiveTableHorizontalScroll: Story;
|
|
18
18
|
export declare const ResponsiveTableHorizontalScrollLight: Story;
|
|
19
|
+
export declare const HeadingLevelWithLongHeadingText: {
|
|
20
|
+
args: import("./RichText").RichTextProps;
|
|
21
|
+
};
|
|
@@ -7,6 +7,7 @@ export declare const richTextCourseOverview: RichTextProps;
|
|
|
7
7
|
export declare const richTextCourseDeliveryBeforeTopics: RichTextProps;
|
|
8
8
|
export declare const richTextCourseDeliveryAfterTopics: RichTextProps;
|
|
9
9
|
export declare const richTextApplicationProcess: RichTextProps;
|
|
10
|
+
export declare const h2WithLongText: RichTextProps;
|
|
10
11
|
export declare const richTextApplicationProcessAfter: RichTextProps;
|
|
11
12
|
export declare const richTextResponsiveTableHorizontalScroll: RichTextProps;
|
|
12
13
|
export declare const richTextScholarshipsAward: RichTextProps;
|