@movable/ui 3.20.8-alpha.1 → 4.0.0-alpha.0

package/README.md

@@ -86,9 +86,9 @@ This consolidated approach reduces duplicate snapshots and CI runtime while main
 
 ## Conventional Commits
 
-This repo has [conventional-commits](https://www.conventionalcommits.org/en/v1.0.0/#summary) We lint for this both pre-commit and on PR actions. It is **required** and will not pass without it.
+This repo uses [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/) to drive automated versioning. Commits are linted both pre-commit and in PR checks.
 
-Ex:
+**Breaking changes** must use `feat!:` or include a `BREAKING CHANGE:` footer — see [CONTRIBUTING.md](./CONTRIBUTING.md#breaking-changes) for details.
 
 ```
 fix(percy): added percy snapshots for all component states

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

@@ -1,18 +1,11 @@
-import { CardProps } from '@mui/material';
-import { InkCardHeaderProps } from './InkCardHeader';
-import { InkCardMediaProps } from './InkCardMedia';
+import { CardProps, CheckboxProps } from '@mui/material';
 import { InkCardType } from './VariantStyles';
-import { GalleryContentProps } from './InkGalleryContent';
-type InkCardBaseProps = CardProps & {
-    cardHeader?: InkCardHeaderProps;
-    cardMedia?: InkCardMediaProps;
+export type InkCardProps = CardProps & {
+    CardMedia?: JSX.Element;
+    CardHeader?: JSX.Element;
+    CardContent?: JSX.Element;
+    CardActions?: JSX.Element;
     cardType?: InkCardType;
+    checkboxProps?: CheckboxProps;
 };
-export 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 {};
+export declare function InkCard({ CardMedia, CardHeader, CardContent, CardActions, cardType, checkboxProps, children, ...rest }: InkCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { CardActionsProps, ButtonProps } from '@mui/material';
+import { ReactNode } from 'react';
+export interface InkCardActionsProps extends CardActionsProps {
+    primaryAction?: ButtonProps & {
+        label: ReactNode;
+    };
+}
+export declare function InkCardActions({ primaryAction, children, ...rest }: InkCardActionsProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,6 @@
+import { CardContentProps } from '@mui/material';
+export interface InkCardContentProps extends CardContentProps {
+    description?: string;
+    disabled?: boolean;
+}
+export declare function InkCardContent({ description, disabled, children, ...rest }: InkCardContentProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,10 @@
-import { CheckboxProps, TypographyProps } from '@mui/material';
-export interface InkCardHeaderProps {
+import { CardHeaderProps, CheckboxProps, TypographyProps } from '@mui/material';
+export interface InkCardHeaderProps extends CardHeaderProps {
     checkboxProps?: CheckboxProps;
-    title?: string;
     size?: 'small' | 'medium';
-    subheader?: string;
     adornment?: JSX.Element;
     titleProps?: TypographyProps;
-    avatar?: JSX.Element;
     onClose?: () => void;
+    disabled?: boolean;
 }
-export declare function InkCardHeader({ checkboxProps, title, avatar, size, subheader, adornment, titleProps, onClose, }: InkCardHeaderProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function InkCardHeader({ checkboxProps, title, avatar, size, subheader, adornment, titleProps, onClose, disabled, ...rest }: InkCardHeaderProps): import("react/jsx-runtime").JSX.Element | null;

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

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

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

@@ -1,2 +1,10 @@
 export { InkCard } from './InkCard';
 export type { InkCardProps } from './InkCard';
+export { InkCardHeader } from './InkCardHeader';
+export type { InkCardHeaderProps } from './InkCardHeader';
+export { InkCardMedia } from './InkCardMedia';
+export type { InkCardMediaProps } from './InkCardMedia';
+export { InkCardContent } from './InkCardContent';
+export type { InkCardContentProps } from './InkCardContent';
+export { InkCardActions } from './InkCardActions';
+export type { InkCardActionsProps } from './InkCardActions';

package/lib/index.d.ts

@@ -6,7 +6,6 @@ import { BoxProps } from '@mui/material';
 import { BoxProps as BoxProps_2 } from '@mui/material/Box';
 import { ButtonProps } from '@mui/material';
 import { ButtonProps as ButtonProps_2 } from '@mui/material/Button';
-import { CardMediaProps } from '@mui/material';
 import { CardProps } from '@mui/material';
 import type { ChartData } from 'chart.js';
 import type { ChartOptions } from 'chart.js';
@@ -252,13 +251,6 @@ declare type FullContentLayoutProps = {
     itemProps?: Grid2Props_2;
 };
 
-declare type GalleryContentProps = {
-    description?: string;
-    buttonProps?: ButtonProps & {
-        label?: string;
-    };
-};
-
 declare type HeaderLink = {
     label: string;
     path?: string;
@@ -393,36 +385,16 @@ declare type InkAutocompleteProps<T, Multiple extends boolean | undefined = unde
     disableCommaPaste?: boolean;
 };
 
-export declare function InkCard({ cardMedia, cardHeader, cardType, galleryContent, children, ...rest }: InkCardProps): JSX_2.Element;
+export declare function InkCard({ CardMedia, CardHeader, CardContent, CardActions, cardType, checkboxProps, children, ...rest }: InkCardProps): JSX_2.Element;
 
-declare type InkCardBaseProps = CardProps & {
-    cardHeader?: InkCardHeaderProps;
-    cardMedia?: InkCardMediaProps;
+export declare type InkCardProps = CardProps & {
+    CardMedia?: JSX.Element;
+    CardHeader?: JSX.Element;
+    CardContent?: JSX.Element;
+    CardActions?: JSX.Element;
     cardType?: InkCardType;
-};
-
-declare interface InkCardHeaderProps {
     checkboxProps?: CheckboxProps;
-    title?: string;
-    size?: 'small' | 'medium';
-    subheader?: string;
-    adornment?: JSX.Element;
-    titleProps?: TypographyProps;
-    avatar?: JSX.Element;
-    onClose?: () => void;
-}
-
-declare interface InkCardMediaProps extends CardMediaProps {
-    mediaContent?: JSX.Element;
-    cardType?: InkCardType;
-}
-
-export declare type InkCardProps = (InkCardBaseProps & {
-    galleryContent: GalleryContentProps;
-    cardType: 'gallery';
-}) | (InkCardBaseProps & {
-    galleryContent?: never;
-});
+};
 
 declare type InkCardType = 'default' | 'gallery' | 'metric' | 'insight';