@movable/ui
Version:
Movable Ink's shared MUI components and MUI theme for our vite applications
261 lines (260 loc) • 7.04 kB
TypeScript
import { Theme } from '@mui/material/styles';
import { InkSnackbarAlertProps } from './components/InkSnackbar/InkSnackbarAlert';
import { AlertProps } from '@mui/material/Alert';
import { OptionsObject } from 'notistack';
declare module '@mui/material/styles' {
interface Palette {
ai: Palette['primary'];
}
interface PaletteOptions {
ai?: PaletteOptions['primary'];
}
interface PaletteColor {
hover?: string;
selected?: string;
focus?: string;
focusVisible?: string;
outlinedBorder?: string;
}
interface Palette {
focusVisible: string;
blue50: string;
blue100: string;
blue200: string;
blue300: string;
blue400: string;
blue500: string;
blue600: string;
blue700: string;
blue800: string;
blue900: string;
blueA100: string;
blueA200: string;
blueA400: string;
blueA700: string;
blue1000: string;
green50: string;
green100: string;
green200: string;
green300: string;
green400: string;
green500: string;
green600: string;
green700: string;
green800: string;
green900: string;
green1000: string;
greenA100: string;
greenA200: string;
greenA400: string;
greenA700: string;
greenA900: string;
lightBlue50: string;
lightBlue100: string;
lightBlue200: string;
lightBlue300: string;
lightBlue400: string;
lightBlue500: string;
lightBlue600: string;
lightBlue700: string;
lightBlue800: string;
lightBlue900: string;
lightBlue1000: string;
lightBlueA100: string;
lightBlueA200: string;
lightBlueA400: string;
lightBlueA700: string;
lightGreen50: string;
lightGreen100: string;
lightGreen200: string;
lightGreen300: string;
lightGreen400: string;
lightGreen500: string;
lightGreen600: string;
lightGreen700: string;
lightGreen800: string;
lightGreen900: string;
neutral00: string;
neutral50: string;
neutral100: string;
neutral200: string;
neutral300: string;
neutral400: string;
neutral500: string;
neutral600: string;
neutral700: string;
neutral800: string;
neutral900: string;
neutralA100: string;
neutralA200: string;
neutralA400: string;
neutralA700: string;
orange50: string;
orange100: string;
orange200: string;
orange300: string;
orange400: string;
orange500: string;
orange600: string;
orange700: string;
orange800: string;
orange900: string;
orange1000: string;
orangeA100: string;
orangeA200: string;
orangeA400: string;
orangeA700: string;
purple50: string;
purple100: string;
purple200: string;
purple300: string;
purple400: string;
purple500: string;
purple600: string;
purple700: string;
purple800: string;
purple900: string;
purple1000: string;
purpleA100: string;
purpleA200: string;
purpleA400: string;
purpleA700: string;
yellow50: string;
yellow100: string;
yellow200: string;
yellow300: string;
yellow400: string;
yellow500: string;
yellow600: string;
yellow700: string;
yellow800: string;
yellow900: string;
yellow1000: string;
yellowA100: string;
yellowA200: string;
yellowA400: string;
yellowA700: string;
red50: string;
red100: string;
red200: string;
red300: string;
red400: string;
red500: string;
red600: string;
red700: string;
red800: string;
red900: string;
red1000: string;
redA100: string;
redA200: string;
redA400: string;
redA700: string;
cyan50: string;
cyan100: string;
cyan200: string;
cyan300: string;
cyan400: string;
cyan500: string;
cyan600: string;
cyan700: string;
cyan800: string;
cyan900: string;
cyan1000: string;
cyanA100: string;
cyanA200: string;
cyanA400: string;
cyanA700: string;
deepPurple50: string;
deepPurple100: string;
deepPurple200: string;
deepPurple300: string;
deepPurple400: string;
deepPurple500: string;
deepPurple600: string;
deepPurple700: string;
deepPurple800: string;
deepPurple900: string;
deepPurple1000: string;
deepPurpleA100: string;
deepPurpleA200: string;
deepPurpleA400: string;
deepPurpleA700: string;
}
interface PalletteOptions {
focusVisible: string;
neutral50: string;
neutral100: string;
neutral200: string;
neutral300: string;
neutral400: string;
neutral500: string;
neutral600: string;
neutral700: string;
neutral800: string;
neutral900: string;
neutralA100: string;
neutralA200: string;
neutralA400: string;
neutralA700: string;
blue50: string;
blue100: string;
blue200: string;
blue300: string;
blue400: string;
blue500: string;
}
}
declare module '@mui/material/Button' {
interface ButtonPropsColorOverrides {
ai: true;
}
interface ButtonPropsVariantOverrides {
card: true;
}
}
declare module '@mui/material/ToggleButton' {
interface ToggleButtonPropsSizeOverrides {
'x-small': true;
}
}
declare module '@mui/material/ToggleButtonGroup' {
interface ToggleButtonGroupPropsSizeOverrides {
'x-small': true;
}
}
declare module '@mui/material/Icon' {
interface IconPropsSizeOverrides {
'x-small': true;
}
}
declare module '@mui/material/Alert' {
interface AlertPropsVariantOverrides {
snackbar: true;
standard: true;
highlight: true;
filled: false;
outlined: false;
}
}
declare module '@mui/material/Chip' {
interface ChipPropsVariantOverrides {
contrastFilled: true;
}
interface ChipPropsColorOverrides {
ai: true;
inProgress: true;
}
}
type InkSnackbarOptions = OptionsObject & {
alertProps?: AlertProps;
title?: InkSnackbarAlertProps['title'];
action?: InkSnackbarAlertProps['action'];
onClose?: InkSnackbarAlertProps['onClose'];
};
declare module 'notistack' {
interface EnqueueSnackbar {
(message: string, options?: InkSnackbarOptions): void;
}
}
declare const theme: Theme;
export default theme;