@aic-kits/react 0.15.0 → 0.15.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/Art/ImageArt.d.ts +1 -1
- package/dist/components/Art/types.d.ts +20 -0
- package/dist/index.cjs +43 -39
- package/dist/index.js +864 -850
- package/package.json +2 -2
|
@@ -13,4 +13,4 @@ import { ImageArtProps } from './types';
|
|
|
13
13
|
* @param {string} [props.'data-testid'] - Test ID for the container Box.
|
|
14
14
|
* @returns {React.ReactElement} The rendered ImageArt component.
|
|
15
15
|
*/
|
|
16
|
-
export declare const ImageArt: ({ art, width, height, style, "data-testid": testId, alt, fallback, useSkeleton, ...boxProps }: ImageArtProps) => React.ReactElement;
|
|
16
|
+
export declare const ImageArt: ({ art, width, height, style, "data-testid": testId, alt, fallback, useSkeleton, objectFit, objectPosition, aspectRatio, mixBlendMode, imageRendering, ...boxProps }: ImageArtProps) => React.ReactElement;
|
|
@@ -91,6 +91,26 @@ export interface ImageArtProps extends BaseArtProps, WidthHeightProps {
|
|
|
91
91
|
* Fallback text or React node
|
|
92
92
|
*/
|
|
93
93
|
fallback?: string | React.ReactNode;
|
|
94
|
+
/**
|
|
95
|
+
* Fit the image to the container
|
|
96
|
+
*/
|
|
97
|
+
objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
|
|
98
|
+
/**
|
|
99
|
+
* The object position
|
|
100
|
+
*/
|
|
101
|
+
objectPosition?: 'center' | 'top' | 'bottom' | 'left' | 'right';
|
|
102
|
+
/**
|
|
103
|
+
* The aspect ratio
|
|
104
|
+
*/
|
|
105
|
+
aspectRatio?: number;
|
|
106
|
+
/**
|
|
107
|
+
* The mix blend mode
|
|
108
|
+
*/
|
|
109
|
+
mixBlendMode?: 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity';
|
|
110
|
+
/**
|
|
111
|
+
* The image rendering
|
|
112
|
+
*/
|
|
113
|
+
imageRendering?: 'auto' | 'pixelated' | 'crisp-edges' | 'smooth';
|
|
94
114
|
}
|
|
95
115
|
export interface BrandArtProps extends BaseArtProps, WidthHeightProps {
|
|
96
116
|
/**
|