@movable/ui 2.15.3 → 2.15.4

package/lib/components/InkCard/InkCard.d.ts

@@ -1,8 +1,18 @@
 import { CardProps } from '@mui/material';
 import { InkCardHeaderProps } from './InkCardHeader';
 import { InkCardMediaProps } from './InkCardMedia';
-export interface InkCardProps extends CardProps {
+import { InkCardType } from './VariantStyles';
+import { GalleryContentProps } from './InkGalleryContent';
+type InkCardBaseProps = CardProps & {
     cardHeader?: InkCardHeaderProps;
     cardMedia?: InkCardMediaProps;
-}
-export declare function InkCard({ cardMedia, cardHeader, children, ...rest }: InkCardProps): import("react/jsx-runtime").JSX.Element;
+    cardType?: InkCardType;
+};
+type InkCardProps = (InkCardBaseProps & {
+    galleryContent: GalleryContentProps;
+    cardType: 'gallery';
+}) | (InkCardBaseProps & {
+    galleryContent?: never;
+});
+export declare function InkCard({ cardMedia, cardHeader, cardType, galleryContent, children, ...rest }: InkCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/InkCard/InkCardMedia.d.ts

@@ -1,5 +1,7 @@
 import { CardMediaProps } from '@mui/material';
+import { InkCardType } from './VariantStyles';
 export interface InkCardMediaProps extends CardMediaProps {
     mediaContent?: JSX.Element;
+    cardType?: InkCardType;
 }
-export declare function InkCardMedia({ mediaContent, ...rest }: InkCardMediaProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkCardMedia({ mediaContent, image, cardType, sx, ...rest }: InkCardMediaProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/InkCard/InkCardMediaLoader.d.ts

@@ -0,0 +1 @@
+export declare function InkCardMediaLoader(): import("react/jsx-runtime").JSX.Element;

package/lib/components/InkCard/InkGalleryContent.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from '@mui/material';
+export type GalleryContentProps = {
+    description?: string;
+    buttonProps?: ButtonProps & {
+        label?: string;
+    };
+};
+export declare function InkGalleryContent({ description, buttonProps, }: GalleryContentProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/InkCard/VariantStyles.d.ts

@@ -0,0 +1,5 @@
+import type { SxProps, Theme } from '@mui/material/styles';
+export type InkCardType = 'default' | 'gallery' | 'metric' | 'insight';
+export declare const MAX_CARD_WIDTH = 382;
+export declare const getComposedCardStyles: (isSelectable: boolean, isSelected: boolean, isDisabled?: boolean, cardType?: InkCardType, customSx?: SxProps<Theme>) => SxProps<Theme>;
+export declare const getGalleryCardStyles: () => SxProps<Theme>;

package/lib/index.d.ts

@@ -172,6 +172,13 @@ declare type FiveThreeSplitContentLayoutProps = {
 
 export declare const FormSkeletonGrid: ({ skeletonRows, skeletonColumns, }: SkeletonGridType) => JSX_2.Element;
 
+declare type GalleryContentProps = {
+    description?: string;
+    buttonProps?: ButtonProps & {
+        label?: string;
+    };
+};
+
 declare type HeaderLink = {
     label: string;
     path?: string;
@@ -266,7 +273,13 @@ declare type InkAttributeProps = ListItemTextProps & {
     };
 };
 
-export declare function InkCard({ cardMedia, cardHeader, children, ...rest }: InkCardProps): JSX_2.Element;
+export declare function InkCard({ cardMedia, cardHeader, cardType, galleryContent, children, ...rest }: InkCardProps): JSX_2.Element;
+
+declare type InkCardBaseProps = CardProps & {
+    cardHeader?: InkCardHeaderProps;
+    cardMedia?: InkCardMediaProps;
+    cardType?: InkCardType;
+};
 
 declare interface InkCardHeaderProps {
     checkboxProps?: CheckboxProps;
@@ -280,12 +293,17 @@ declare interface InkCardHeaderProps {
 
 declare interface InkCardMediaProps extends CardMediaProps {
     mediaContent?: JSX.Element;
+    cardType?: InkCardType;
 }
 
-declare interface InkCardProps extends CardProps {
-    cardHeader?: InkCardHeaderProps;
-    cardMedia?: InkCardMediaProps;
-}
+declare type InkCardProps = (InkCardBaseProps & {
+    galleryContent: GalleryContentProps;
+    cardType: 'gallery';
+}) | (InkCardBaseProps & {
+    galleryContent?: never;
+});
+
+declare type InkCardType = 'default' | 'gallery' | 'metric' | 'insight';
 
 export declare function InkChart<T extends ChartTypes>({ chartOptions, type, data, customColors, height, isLoading, stacked, legend, title, }: ChartProps<T>): JSX_2.Element | undefined;