UNPKG

@movable/ui

Version:

Movable Ink's shared MUI components and MUI theme for our vite applications

261 lines (260 loc) 7.04 kB
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;