@royaloperahouse/harmonic 0.15.0-c → 0.15.0-d
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/ImageAspectRatioWrapper/ImageAspectRatioWrapper.d.ts +1 -1
- package/dist/components/molecules/ImageWithCaption/ImageWithCaption.d.ts +2 -2
- package/dist/components/molecules/ImageWithCaption/ImageWithCaption.style.d.ts +2 -1
- package/dist/harmonic.cjs.development.css +3 -3
- package/dist/harmonic.cjs.development.js +123 -174
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +124 -175
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/types/image.d.ts +15 -11
- package/package.json +1 -1
package/dist/types/image.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { StyledProps } from 'styled-components';
|
|
1
|
+
import React from 'react';
|
|
3
2
|
export declare enum AspectRatio {
|
|
4
3
|
'1:1' = "1 / 1",
|
|
5
4
|
'3:4' = "3 / 4",
|
|
@@ -44,13 +43,18 @@ export interface IImageWithCaptionProps {
|
|
|
44
43
|
caption: string;
|
|
45
44
|
/** Alternative text describing the image content for accessibility purposes. */
|
|
46
45
|
altText?: string;
|
|
47
|
-
/** Image
|
|
48
|
-
|
|
46
|
+
/** Image source */
|
|
47
|
+
src: string;
|
|
48
|
+
/** Optional srcSet for responsive images */
|
|
49
|
+
srcSet?: string;
|
|
50
|
+
/** Optional sizes for responsive images */
|
|
51
|
+
sizes?: string;
|
|
52
|
+
/** Optional loading strategy */
|
|
53
|
+
loading?: 'lazy' | 'eager';
|
|
54
|
+
/** Custom CSS classes */
|
|
55
|
+
className?: string;
|
|
49
56
|
}
|
|
50
|
-
export interface IImageWithCaptionWrapperProps
|
|
51
|
-
aspectRatio?: AspectRatio;
|
|
52
|
-
height: number;
|
|
53
|
-
}> {
|
|
57
|
+
export interface IImageWithCaptionWrapperProps {
|
|
54
58
|
/**
|
|
55
59
|
* Aspect ratio of the contained image
|
|
56
60
|
*/
|
|
@@ -58,11 +62,11 @@ export interface IImageWithCaptionWrapperProps extends StyledProps<{
|
|
|
58
62
|
/**
|
|
59
63
|
* Height of the wrapper
|
|
60
64
|
*/
|
|
61
|
-
height
|
|
65
|
+
height?: number;
|
|
62
66
|
}
|
|
63
|
-
export interface ImageAspectRatioWrapperProps extends IImageAspectRatioWrapperProps {
|
|
67
|
+
export interface ImageAspectRatioWrapperProps extends IImageAspectRatioWrapperProps, React.HTMLAttributes<HTMLDivElement> {
|
|
64
68
|
/**
|
|
65
69
|
* Image elements
|
|
66
70
|
*/
|
|
67
|
-
children: ReactNode;
|
|
71
|
+
children: React.ReactNode;
|
|
68
72
|
}
|