@cgi-learning-hub/ui 1.9.0 → 1.10.0

package/dist/index.d.ts

@@ -1 +1,773 @@
-export * from './components';
+import { default as Accordion } from '@mui/material/Accordion';
+import { default as AccordionActions } from '@mui/material/AccordionActions';
+import { default as AccordionDetails } from '@mui/material/AccordionDetails';
+import { default as AccordionSummary } from '@mui/material/AccordionSummary';
+import { AlertProps as AlertProps_2 } from '@mui/material/Alert';
+import { default as AlertTitle } from '@mui/material/AlertTitle';
+import { default as AppBar } from '@mui/material/AppBar';
+import { default as Autocomplete } from '@mui/material/Autocomplete';
+import { default as Avatar } from '@mui/material/Avatar';
+import { default as Backdrop } from '@mui/material/Backdrop';
+import { default as Badge } from '@mui/material/Badge';
+import { default as Box } from '@mui/material/Box';
+import { BoxProps } from '@mui/material';
+import { default as Breadcrumbs } from '@mui/material/Breadcrumbs';
+import { ButtonProps } from '@mui/material/Button';
+import { default as Card } from '@mui/material/Card';
+import { default as CardActionArea } from '@mui/material/CardActionArea';
+import { default as CardActions } from '@mui/material/CardActions';
+import { default as CardContent } from '@mui/material/CardContent';
+import { default as CardHeader } from '@mui/material/CardHeader';
+import { default as CardMedia } from '@mui/material/CardMedia';
+import { default as Checkbox } from '@mui/material/Checkbox';
+import { default as Chip } from '@mui/material/Chip';
+import { CirclePickerProps } from 'react-color';
+import { default as CircularProgress } from '@mui/material/CircularProgress';
+import { default as ClickAwayListener } from '@mui/material/ClickAwayListener';
+import { ClickAwayListenerProps } from '@mui/material';
+import { default as Collapse } from '@mui/material/Collapse';
+import { Color } from '@mui/material';
+import { default as Container } from '@mui/material/Container';
+import { DatePickerProps as DatePickerProps_2 } from '@mui/x-date-pickers/DatePicker';
+import { default as default_2 } from 'react';
+import { default as DialogActions } from '@mui/material/DialogActions';
+import { default as DialogContent } from '@mui/material/DialogContent';
+import { default as DialogContentText } from '@mui/material/DialogContentText';
+import { DialogProps as DialogProps_2 } from '@mui/material/Dialog';
+import { default as DialogTitle } from '@mui/material/DialogTitle';
+import { default as Divider } from '@mui/material/Divider';
+import { default as Drawer } from '@mui/material/Drawer';
+import { DropzoneProps as DropzoneProps_2 } from 'react-dropzone';
+import { default as F } from '@mui/material/InputBase';
+import { default as Fade } from '@mui/material/Fade';
+import { FC } from 'react';
+import { FetchBaseQueryError } from '@reduxjs/toolkit/query';
+import { default as FormControl } from '@mui/material/FormControl';
+import { default as FormControlLabel } from '@mui/material/FormControlLabel';
+import { default as FormGroup } from '@mui/material/FormGroup';
+import { default as FormHelperText } from '@mui/material/FormHelperText';
+import { default as FormLabel } from '@mui/material/FormLabel';
+import { default as GlobalStyles } from '@mui/material/GlobalStyles';
+import { default as Grid } from '@mui/material/Grid';
+import { default as Grow } from '@mui/material/Grow';
+import { default as IconButton } from '@mui/material/IconButton';
+import { ImgHTMLAttributes } from 'react';
+import { default as Input } from '@mui/material/Input';
+import { InputBaseProps } from '@mui/material/InputBase';
+import { default as InputLabel } from '@mui/material/InputLabel';
+import { JSX } from 'react/jsx-runtime';
+import { default as LinearProgress } from '@mui/material/LinearProgress';
+import { default as Link } from '@mui/material/Link';
+import { default as List } from '@mui/material/List';
+import { default as ListItem } from '@mui/material/ListItem';
+import { default as ListItemButton } from '@mui/material/ListItemButton';
+import { default as ListItemIcon } from '@mui/material/ListItemIcon';
+import { default as ListItemText } from '@mui/material/ListItemText';
+import { default as ListSubheader } from '@mui/material/ListSubheader';
+import { default as Menu } from '@mui/material/Menu';
+import { default as MenuItem } from '@mui/material/MenuItem';
+import { default as MobileStepper } from '@mui/material/MobileStepper';
+import { default as Modal } from '@mui/material/Modal';
+import { default as Pagination } from '@mui/material/Pagination';
+import { default as Paper } from '@mui/material/Paper';
+import { default as Popover } from '@mui/material/Popover';
+import { default as Radio } from '@mui/material/Radio';
+import { default as RadioGroup } from '@mui/material/RadioGroup';
+import { ReactNode } from 'react';
+import { default as Select } from '@mui/material/Select';
+import { SerializedError } from '@reduxjs/toolkit';
+import { default as Skeleton } from '@mui/material/Skeleton';
+import { default as Slide } from '@mui/material/Slide';
+import { default as Snackbar } from '@mui/material/Snackbar';
+import { default as Stack } from '@mui/material/Stack';
+import { StackProps } from '@mui/material/Stack';
+import { StackProps as StackProps_2 } from '@mui/material';
+import { default as Step } from '@mui/material/Step';
+import { default as StepButton } from '@mui/material/StepButton';
+import { default as StepLabel } from '@mui/material/StepLabel';
+import { default as Stepper } from '@mui/material/Stepper';
+import { SVGAttributes } from 'react';
+import { default as SvgIcon } from '@mui/material/SvgIcon';
+import { SvgIconComponent } from '@mui/icons-material';
+import { SvgIconProps } from '@mui/material';
+import { default as Switch } from '@mui/material/Switch';
+import { default as Tab } from '@mui/material/Tab';
+import { default as TabContext } from '@mui/lab/TabContext';
+import { default as Table } from '@mui/material/Table';
+import { default as TableBody } from '@mui/material/TableBody';
+import { default as TableCell } from '@mui/material/TableCell';
+import { default as TableContainer } from '@mui/material/TableContainer';
+import { default as TableFooter } from '@mui/material/TableFooter';
+import { default as TableHead } from '@mui/material/TableHead';
+import { default as TablePagination } from '@mui/material/TablePagination';
+import { default as TableRow } from '@mui/material/TableRow';
+import { default as TableSortLabel } from '@mui/material/TableSortLabel';
+import { default as TabList } from '@mui/lab/TabList';
+import { default as TabPanel } from '@mui/lab/TabPanel';
+import { default as Tabs } from '@mui/material/Tabs';
+import { default as TextField } from '@mui/material/TextField';
+import { TextFieldProps } from '@mui/material/TextField';
+import { default as ToggleButton } from '@mui/material/ToggleButton';
+import { default as ToggleButtonGroup } from '@mui/material/ToggleButtonGroup';
+import { default as Toolbar } from '@mui/material/Toolbar';
+import { default as Tooltip } from '@mui/material/Tooltip';
+import { TooltipProps } from '@mui/material';
+import { TreeItemProps } from '@mui/x-tree-view/TreeItem';
+import { TreeViewBaseItem } from '@mui/x-tree-view/models/items';
+import { default as Typography } from '@mui/material/Typography';
+import { TypographyProps } from '@mui/material';
+import { TypographyProps as TypographyProps_2 } from '@mui/material/Typography';
+import { default as useMediaQuery } from '@mui/material/useMediaQuery';
+import { default as Zoom } from '@mui/material/Zoom';
+
+export { Accordion }
+
+export { AccordionActions }
+
+export { AccordionDetails }
+
+export { AccordionSummary }
+
+export declare const ActionBar: React.FunctionComponent<ActionBarProps>;
+
+declare type ActionBarButton = {
+    label: string;
+    action: () => void;
+};
+
+declare type ActionBarProps = {
+    leftActions: ActionBarButton[];
+    rightActions: ActionBarButton[];
+    slotProps?: {
+        leftActions?: ButtonProps;
+        leftActionsContainer?: StackProps;
+        rightActions?: ButtonProps;
+        rightActionsContainer?: StackProps;
+        root?: StackProps;
+    };
+};
+
+export declare const Alert: React.FunctionComponent<AlertProps>;
+
+export declare type AlertProps = {
+    title?: string;
+} & Omit<AlertProps_2, "color">;
+
+export { AlertTitle }
+
+export { AppBar }
+
+export { Autocomplete }
+
+export { Avatar }
+
+export { Backdrop }
+
+export { Badge }
+
+export { Box }
+
+export { Breadcrumbs }
+
+export declare const Button: React.FunctionComponent<ButtonProps>;
+
+export declare const ButtonGroup: <T extends readonly ButtonItem<string>[]>({ viewMode, buttonList, onChange, colorVariant, size, orientation, }: ButtonGroupProps<T>) => JSX.Element;
+
+export declare interface ButtonGroupProps<T extends readonly ButtonItem<string>[]> {
+    onChange: (value: T[number]["value"]) => void;
+    viewMode: T[number]["value"];
+    buttonList: T;
+    colorVariant?: ColorVariant;
+    size?: "small" | "medium" | "large";
+    orientation?: "horizontal" | "vertical";
+}
+
+export declare interface ButtonItem<T extends string = string> {
+    value: T;
+    icon: ReactNode;
+    text?: string;
+    disabled?: boolean;
+}
+
+export { ButtonProps }
+
+export { Card }
+
+export { CardActionArea }
+
+export { CardActions }
+
+export { CardContent }
+
+export { CardHeader }
+
+export { CardMedia }
+
+export { Checkbox }
+
+export { Chip }
+
+export { CircularProgress }
+
+export { ClickAwayListener }
+
+export { Collapse }
+
+export declare type ColorOption = {
+    color: string;
+    showBorder?: boolean;
+};
+
+export declare const ColorPicker: FC<ColorPickerProps>;
+
+export declare type ColorPickerProps = {
+    value: HexaColor;
+    disabled?: boolean;
+    options?: string[] | ColorOption[];
+    slotProps?: ColorPickerSlotProps;
+    onChange: (value: HexaColor) => void;
+    useCheckmarkSwatch?: boolean;
+};
+
+export declare type ColorPickerSlotProps = {
+    clickAwayListener?: Omit<ClickAwayListenerProps, "onClickAway" | "children">;
+    circlePicker?: Omit<CirclePickerProps, "colors" | "color" | "onChange">;
+    circlePickerBox?: BoxProps;
+};
+
+export declare type ColorVariant = "primary" | "secondary";
+
+export { Container }
+
+export declare interface CustomFile {
+    name: string;
+    size: number;
+    isLoading?: boolean;
+    isDeletable?: boolean;
+    isDownloadable?: boolean;
+    ownerName?: string;
+}
+
+export declare type CustomSVGProps = SVGAttributes<SVGSVGElement>;
+
+export declare type CustomTreeViewItem = TreeViewBaseItem<CustomTreeViewItemProps>;
+
+export declare interface CustomTreeViewItemProps {
+    internalId: string;
+    label: string;
+    iconType?: IconType;
+    customIcon?: SvgIconComponent;
+    children?: CustomTreeViewItem[];
+}
+
+export declare const DatePicker: React.FunctionComponent<DatePickerProps>;
+
+export declare type DatePickerProps = {
+    adapterLocale?: string;
+} & DatePickerProps_2;
+
+export declare const DEFAULT_COLOR_OPTIONS: ColorOption[];
+
+export declare const Dialog: React.FunctionComponent<DialogProps>;
+
+export { DialogActions }
+
+export { DialogContent }
+
+export { DialogContentText }
+
+export declare type DialogProps = {
+    showCloseButton?: boolean;
+} & DialogProps_2;
+
+export { DialogTitle }
+
+export { Divider }
+
+export { Drawer }
+
+export declare const Dropzone: React.FunctionComponent<DropzoneProps>;
+
+export declare type DropzoneProps = {
+    defaultLabel?: string;
+    dragLabel?: string;
+    information?: string;
+    width?: string;
+    height?: string;
+    slotProps?: DropZoneSlotProps;
+} & DropzoneProps_2;
+
+declare type DropZoneSlotProps = {
+    root?: StackProps_2;
+    input?: React.InputHTMLAttributes<HTMLInputElement>;
+    icon?: SvgIconProps;
+    label?: TypographyProps;
+    information?: TypographyProps;
+};
+
+export declare const EllipsisWithTooltip: FC<EllipsisWithTooltipProps>;
+
+export declare type EllipsisWithTooltipProps = {
+    tooltipProps?: Omit<TooltipProps, "children" | "title">;
+    typographyProps?: Omit<TypographyProps, "noWrap" | "overflow" | "textOverflow">;
+    children: ReactNode;
+};
+
+export declare const EmptyState: React.FunctionComponent<EmptyStateProps>;
+
+export declare type EmptyStateProps = ({
+    image: ReactNode;
+    imageProps?: never;
+    imageSrc?: never;
+} | {
+    image?: never;
+    imageProps?: ImgHTMLAttributes<HTMLImageElement>;
+    imageSrc: string;
+}) & {
+    imageHeight?: string | number;
+    title: string;
+    description?: string;
+    descriptionProps?: TypographyProps_2;
+    footer?: ReactNode;
+    svgProps?: React.SVGAttributes<SVGSVGElement>;
+    titleProps?: TypographyProps_2;
+} & StackProps;
+
+export declare interface ExtendedTreeItemProps extends TreeItemProps {
+    itemData?: CustomTreeViewItem;
+    hasNoIcons: boolean;
+    iconColor?: "disabled" | "primary" | "inherit" | "action" | "secondary" | "error" | "info" | "success" | "warning";
+}
+
+export { F }
+
+export { Fade }
+
+declare const FileList_2: <T extends CustomFile>({ files, onDelete, onClick, onDownload, }: FileListProps<T>) => JSX.Element;
+export { FileList_2 as FileList }
+
+export declare const FileListItem: <T extends CustomFile>({ file, onDelete, onClick, onDownload, }: FileListItemProps<T>) => JSX.Element | null;
+
+export declare interface FileListItemProps<T extends CustomFile> {
+    file: T;
+    onDelete?: (file: T) => void;
+    onClick?: (file: T) => void;
+    onDownload?: (file: T) => void;
+}
+
+export declare interface FileListProps<T extends CustomFile> {
+    files: T[];
+    onDelete?: (file: T) => void;
+    onClick?: (file: T) => void;
+    onDownload?: (file: T) => void;
+}
+
+export declare const FolderCard: React.FunctionComponent<FolderCardProps>;
+
+export declare type FolderCardProps = {
+    isSelected?: boolean;
+    onSelect?: () => void;
+    title: string;
+    subtitle?: string;
+    width?: string;
+    onClick?: () => void;
+    iconSize?: string;
+    hasNoButtonOnFocus?: boolean;
+};
+
+export { FormControl }
+
+export { FormControlLabel }
+
+export { FormGroup }
+
+export { FormHelperText }
+
+export { FormLabel }
+
+export { GlobalStyles }
+
+export { Grid }
+
+export { Grow }
+
+export declare const Heading: React.FunctionComponent<HeadingProps>;
+
+export declare type HeadingProps = {
+    title: string;
+    IconComponent?: SvgIconComponent;
+    iconColor?: Color;
+    iconProps?: SvgIconProps;
+    iconSize?: number;
+    titleProps?: TypographyProps_2;
+} & StackProps;
+
+export declare type HexaColor = `#${string}`;
+
+export declare enum ICON_TYPE {
+    FOLDER = "FOLDER",
+    SHARE = "SHARE",
+    TRASH = "TRASH",
+    CUSTOM = "CUSTOM"
+}
+
+export { IconButton }
+
+export declare type IconType = ICON_TYPE | SvgIconComponent;
+
+export declare const ImagePicker: React.FunctionComponent<ImagePickerProps>;
+
+export declare type ImagePickerProps = {
+    defaultLabel?: ReactNode;
+    dragLabel?: ReactNode;
+    information?: string;
+    onFileChange?: (file: File | null) => void;
+    width?: string;
+    height?: string;
+    initialFile?: string | File;
+} & DropzoneProps_2;
+
+export declare type InfoItem = {
+    text: string;
+    icon: ReactNode;
+};
+
+export { Input }
+
+export { InputLabel }
+
+export declare interface ItemDataMap {
+    [key: string]: CustomTreeViewItem;
+}
+
+export { LinearProgress }
+
+export { Link }
+
+export { List }
+
+export { ListItem }
+
+export { ListItemButton }
+
+export { ListItemIcon }
+
+export { ListItemText }
+
+export { ListSubheader }
+
+export declare const Loader: React.FunctionComponent<LoaderProps>;
+
+export declare const LoaderBackdrop: React.FunctionComponent<LoaderBackdropProps>;
+
+export declare type LoaderBackdropProps = {};
+
+export declare type LoaderProps = {};
+
+export { Menu }
+
+export { MenuItem }
+
+export { MobileStepper }
+
+export { Modal }
+
+export { Pagination }
+
+export { Paper }
+
+export declare const PasswordInput: default_2.FunctionComponent<PasswordInputProps>;
+
+export declare type PasswordInputProps = Omit<TextFieldProps, "variant" | "type">;
+
+export declare type PickerBackGroundBoxProps = {
+    disabled?: boolean;
+};
+
+export { Popover }
+
+export declare type PropertyItem = {
+    text: ReactNode;
+    icon?: ReactNode;
+};
+
+export declare const QueryError: React.FunctionComponent<QueryErrorProps>;
+
+export declare type QueryErrorProps = {
+    error: FetchBaseQueryError | SerializedError | undefined;
+    statusPrefix?: string;
+};
+
+export { Radio }
+
+export { RadioGroup }
+
+export declare const ResourceCard: React.FunctionComponent<ResourceCardProps>;
+
+export declare type ResourceCardProps = {
+    isSelected?: boolean;
+    onSelect?: () => void;
+    image?: string;
+    defaultImage: string;
+    title: string;
+    propertyItems?: PropertyItem[];
+    infoIcons?: InfoItem[];
+    size?: ResourceCardSize;
+    width?: string;
+    onClick?: () => void;
+    hasNoButtonOnFocus?: boolean;
+};
+
+export declare type ResourceCardSize = "md" | "sm";
+
+export declare const SearchInput: React.FunctionComponent<SearchInputProps>;
+
+export declare type SearchInputProps = InputBaseProps & {};
+
+export { Select }
+
+export { Skeleton }
+
+export { Slide }
+
+export { Snackbar }
+
+export { Stack }
+
+export { Step }
+
+export { StepButton }
+
+export { StepLabel }
+
+export { Stepper }
+
+export declare interface StyledSwatchBoxProps {
+    showBorder?: boolean;
+    backgroundColor?: string;
+}
+
+export declare interface StyledToggleButtonGroupProps {
+    colorvariant: ColorVariant;
+}
+
+export declare interface StyledToggleButtonProps {
+    colorvariant: ColorVariant;
+}
+
+export { SvgIcon }
+
+export declare type SwatchProps = {
+    color: string;
+    onClick: () => void;
+    active: boolean;
+    showBorder?: boolean;
+};
+
+export { Switch }
+
+export { Tab }
+
+export { TabContext }
+
+export { Table }
+
+export { TableBody }
+
+export { TableCell }
+
+export { TableContainer }
+
+export { TableFooter }
+
+export { TableHead }
+
+export { TablePagination }
+
+export { TableRow }
+
+export { TableSortLabel }
+
+export { TabList }
+
+export { TabPanel }
+
+export { Tabs }
+
+export { TextField }
+
+export { ToggleButton }
+
+export { ToggleButtonGroup }
+
+export { Toolbar }
+
+export { Tooltip }
+
+export declare interface TreeContainerProps {
+    maxHeight: number | string;
+}
+
+export declare const TreeView: FC<TreeViewProps>;
+
+export declare type TreeViewItemId = string;
+
+export declare type TreeViewItemsReorderingAction = "reorder-above" | "reorder-below" | "make-child" | "move-to-parent";
+
+export declare interface TreeViewProps {
+    items: CustomTreeViewItem[];
+    selectedItemId: string;
+    handleSelectedItemChange: (event: React.SyntheticEvent | null, itemIds: string | null) => void;
+    iconColor?: string;
+    maxHeight?: string | number;
+    hasNoIcons?: boolean;
+    defaultExpandedItems?: string[];
+}
+
+export { Typography }
+
+export { useMediaQuery }
+
+export { Zoom }
+
+
+export * from "@mui/lab/TabContext";
+export * from "@mui/lab/TabList";
+export * from "@mui/lab/TabPanel";
+export * from "@mui/material/Accordion";
+export * from "@mui/material/AccordionActions";
+export * from "@mui/material/AccordionDetails";
+export * from "@mui/material/AccordionSummary";
+export * from "@mui/material/AlertTitle";
+export * from "@mui/material/AppBar";
+export * from "@mui/material/Autocomplete";
+export * from "@mui/material/Avatar";
+export * from "@mui/material/Backdrop";
+export * from "@mui/material/Badge";
+export * from "@mui/material/Box";
+export * from "@mui/material/Breadcrumbs";
+export * from "@mui/material/Card";
+export * from "@mui/material/CardActionArea";
+export * from "@mui/material/CardActions";
+export * from "@mui/material/CardContent";
+export * from "@mui/material/CardHeader";
+export * from "@mui/material/CardMedia";
+export * from "@mui/material/Checkbox";
+export * from "@mui/material/Chip";
+export * from "@mui/material/CircularProgress";
+export * from "@mui/material/ClickAwayListener";
+export * from "@mui/material/Collapse";
+export * from "@mui/material/Container";
+export * from "@mui/material/DialogActions";
+export * from "@mui/material/DialogContent";
+export * from "@mui/material/DialogContentText";
+export * from "@mui/material/DialogTitle";
+export * from "@mui/material/Divider";
+export * from "@mui/material/Drawer";
+export * from "@mui/material/Fade";
+export * from "@mui/material/FormControl";
+export * from "@mui/material/FormControlLabel";
+export * from "@mui/material/FormGroup";
+export * from "@mui/material/FormHelperText";
+export * from "@mui/material/FormLabel";
+export * from "@mui/material/GlobalStyles";
+export * from "@mui/material/Grid";
+export * from "@mui/material/Grow";
+export * from "@mui/material/IconButton";
+export * from "@mui/material/Input";
+export * from "@mui/material/InputBase";
+export * from "@mui/material/InputLabel";
+export * from "@mui/material/LinearProgress";
+export * from "@mui/material/Link";
+export * from "@mui/material/List";
+export * from "@mui/material/ListItem";
+export * from "@mui/material/ListItemButton";
+export * from "@mui/material/ListItemIcon";
+export * from "@mui/material/ListItemText";
+export * from "@mui/material/ListSubheader";
+export * from "@mui/material/Menu";
+export * from "@mui/material/MenuItem";
+export * from "@mui/material/MobileStepper";
+export * from "@mui/material/Modal";
+export * from "@mui/material/Pagination";
+export * from "@mui/material/Paper";
+export * from "@mui/material/Popover";
+export * from "@mui/material/Radio";
+export * from "@mui/material/RadioGroup";
+export * from "@mui/material/Select";
+export * from "@mui/material/Skeleton";
+export * from "@mui/material/Slide";
+export * from "@mui/material/Snackbar";
+export * from "@mui/material/Stack";
+export * from "@mui/material/Step";
+export * from "@mui/material/StepButton";
+export * from "@mui/material/StepLabel";
+export * from "@mui/material/Stepper";
+export * from "@mui/material/SvgIcon";
+export * from "@mui/material/Switch";
+export * from "@mui/material/Tab";
+export * from "@mui/material/Table";
+export * from "@mui/material/TableBody";
+export * from "@mui/material/TableCell";
+export * from "@mui/material/TableContainer";
+export * from "@mui/material/TableFooter";
+export * from "@mui/material/TableHead";
+export * from "@mui/material/TablePagination";
+export * from "@mui/material/TableRow";
+export * from "@mui/material/TableSortLabel";
+export * from "@mui/material/Tabs";
+export * from "@mui/material/TextField";
+export * from "@mui/material/ToggleButton";
+export * from "@mui/material/ToggleButtonGroup";
+export * from "@mui/material/Toolbar";
+export * from "@mui/material/Tooltip";
+export * from "@mui/material/Typography";
+export * from "@mui/material/Zoom";
+export * from "@mui/material/colors";
+export * from "@mui/material/styles";
+export * from "@mui/material/useMediaQuery";
+
+export { }
+
+
+declare module "@mui/x-tree-view/TreeItem" {
+    interface TreeItemProps {
+        itemData?: CustomTreeViewItem;
+    }
+}
+
+
+declare module "@mui/material/styles" {
+    interface SimplePaletteColorOptions {
+        lighter?: string;
+        light?: string;
+        main: string;
+        dark?: string;
+        darker?: string;
+        contrastText?: string;
+    }
+    interface PaletteColor {
+        lighter?: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker?: string;
+        contrastText: string;
+    }
+    interface Color extends Partial<PaletteColor> {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        A100: string;
+        A200: string;
+        A400: string;
+        A700: string;
+    }
+}