@m4l/graphics 0.1.19 → 0.1.21

package/src/theme/overrides/Accordion.ts

@@ -1,85 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Accordion(theme: Theme) {
-    return {
-        MuiAccordion: {
-            styleOverrides: {
-                root: {
-                    backgroundColor: theme.palette.background.default,
-                    width: '100%',
-                    marginTop: '0px',
-                    marginBottom: theme.spacing(1.5),
-                    '&.Mui-expanded': {
-                        marginTop: '0px',
-                        marginBottom: theme.spacing(1.5),
-                    },
-                    border: '0px solid transparent',
-
-                    '&.Mui-disabled': {
-                        backgroundColor: 'transparent',
-                    },
-                    '&::before': {
-                        content: 'none',
-                    },
-                },
-            },
-        },
-        MuiAccordionDetails: {
-            styleOverrides: {
-                root: {
-                    padding: `0px ${theme.spacing(0)}`,
-                },
-            },
-        },
-        MuiAccordionSummary: {
-            styleOverrides: {
-                root: {
-                    borderRadius: theme.spacing(0.5),
-
-                    height: theme.spacing(4.5),
-                    minHeight: theme.spacing(4.5),
-                    backgroundColor: theme.palette.background.header,
-                    paddingLeft: theme.spacing(2),
-                    paddingRight: theme.spacing(2),
-                    marginBottom: '0px',
-
-                    '&.Mui-expanded': {
-                        height: theme.spacing(4.5),
-                        minHeight: theme.spacing(4.5),
-                        borderRadius: `${theme.spacing(0.5)} ${theme.spacing(0.5)} 0px 0px`,
-                    },
-                    '&.Mui-disabled': {
-                        opacity: 1,
-                        color: theme.palette.action.disabled,
-                        '& .MuiTypography-root': {
-                            color: 'inherit',
-                        },
-                    },
-                },
-                expandIconWrapper: {
-                    color: theme.palette.action.active,
-                    height: 20,
-                    width: 20,
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    '& > svg': {
-                        height: 12,
-                        width: 12,
-                    },
-                },
-                content: {
-                    ...theme.typography.subtitle2,
-                    margin: '0px',
-                    // '& .MuiTypography-root': {
-
-                    // },
-                    '&.Mui-expanded': {
-                        margin: '0px',
-                    },
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Alert.tsx

@@ -1,74 +0,0 @@
-// @mui
-import { Theme } from '@mui/material/styles';
-// theme
-import { ColorSchema } from '../palette';
-//
-import { ErrorIcon, InfoIcon, SuccessIcon, WarningIcon } from './CustomIcons';
-
-// ----------------------------------------------------------------------
-
-export default function Alert(theme: Theme) {
-    const isLight = theme.palette.mode === 'light';
-
-    const standardStyle = (color: ColorSchema) => ({
-        color: theme.palette[color][isLight ? 'darker' : 'lighter'],
-        backgroundColor: theme.palette[color][isLight ? 'lighter' : 'darker'],
-        '& .MuiAlert-icon': {
-            color: theme.palette[color][isLight ? 'main' : 'light'],
-        },
-    });
-
-    const filledStyle = (color: ColorSchema) => ({
-        color: theme.palette[color].contrastText,
-    });
-
-    const outlinedStyle = (color: ColorSchema) => ({
-        color: theme.palette[color][isLight ? 'darker' : 'lighter'],
-        border: `solid 1px ${theme.palette[color][isLight ? 'light' : 'dark']}`,
-        backgroundColor: theme.palette[color][isLight ? 'lighter' : 'darker'],
-        '& .MuiAlert-icon': {
-            color: theme.palette[color][isLight ? 'main' : 'light'],
-        },
-    });
-
-    return {
-        MuiAlert: {
-            defaultProps: {
-                iconMapping: {
-                    info: <InfoIcon />,
-                    success: <SuccessIcon />,
-                    warning: <WarningIcon />,
-                    error: <ErrorIcon />,
-                },
-            },
-
-            styleOverrides: {
-                message: {
-                    '& .MuiAlertTitle-root': {
-                        marginBottom: theme.spacing(0.5),
-                    },
-                },
-                action: {
-                    '& button:not(:first-of-type)': {
-                        marginLeft: theme.spacing(1),
-                    },
-                },
-
-                standardInfo: standardStyle('info'),
-                standardSuccess: standardStyle('success'),
-                standardWarning: standardStyle('warning'),
-                standardError: standardStyle('error'),
-
-                filledInfo: filledStyle('info'),
-                filledSuccess: filledStyle('success'),
-                filledWarning: filledStyle('warning'),
-                filledError: filledStyle('error'),
-
-                outlinedInfo: outlinedStyle('info'),
-                outlinedSuccess: outlinedStyle('success'),
-                outlinedWarning: outlinedStyle('warning'),
-                outlinedError: outlinedStyle('error'),
-            },
-        },
-    };
-}

package/src/theme/overrides/Autocomplete.ts

@@ -1,31 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Autocomplete(theme: Theme) {
-    return {
-        MuiAutocomplete: {
-            styleOverrides: {
-                root: {
-                    '& .MuiInputBase-root': {
-                        padding: '0 39px 0px 0',
-                    },
-                    input: {
-                        padding: `${theme.spacing(1.5, 1.5)}!important`,
-                    },
-                },
-                paper: {
-                    boxShadow: theme.customShadows.dropdown,
-                },
-                listbox: {
-                    padding: theme.spacing(0, 1),
-                    '& .MuiAutocomplete-option': {
-                        padding: theme.spacing(1),
-                        margin: theme.spacing(1, 0),
-                        borderRadius: theme.shape.borderRadius,
-                    },
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Avatar.ts

@@ -1,29 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Avatar(theme: Theme) {
-    return {
-        MuiAvatar: {
-            styleOverrides: {
-                colorDefault: {
-                    color: theme.palette.text.secondary,
-                    backgroundColor: theme.palette.grey[400],
-                },
-            },
-        },
-        MuiAvatarGroup: {
-            styleOverrides: {
-                avatar: {
-                    fontSize: 16,
-                    fontWeight: theme.typography.fontWeightMedium,
-                    '&:first-of-type': {
-                        fontSize: 14,
-                        color: theme.palette.primary.main,
-                        backgroundColor: theme.palette.primary.lighter,
-                    },
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Backdrop.ts

@@ -1,26 +0,0 @@
-import { alpha, Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Backdrop(theme: Theme) {
-    const varLow = alpha(theme.palette.grey[900], 0.48);
-    const varHigh = alpha(theme.palette.grey[900], 1);
-
-    return {
-        MuiBackdrop: {
-            styleOverrides: {
-                root: {
-                    background: [
-                        `rgb(22,28,36)`,
-                        `-moz-linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`,
-                        `-webkit-linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`,
-                        `linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`,
-                    ],
-                    '&.MuiBackdrop-invisible': {
-                        background: 'transparent',
-                    },
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Badge.ts

@@ -1,17 +0,0 @@
-// ----------------------------------------------------------------------
-import { Theme } from '@mui/material/styles';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export default function Badge(_theme: Theme) {
-    return {
-        MuiBadge: {
-            styleOverrides: {
-                dot: {
-                    width: 10,
-                    height: 10,
-                    borderRadius: '50%',
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Breadcrumbs.ts

@@ -1,16 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Breadcrumbs(theme: Theme) {
-    return {
-        MuiBreadcrumbs: {
-            styleOverrides: {
-                separator: {
-                    marginLeft: theme.spacing(2),
-                    marginRight: theme.spacing(2),
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Button.ts

@@ -1,62 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Button(theme: Theme) {
-    return {
-        MuiButton: {
-            styleOverrides: {
-                root: {
-                    textTransform: 'capitalize',
-                    '&:hover': {
-                        boxShadow: 'none',
-                    },
-                },
-                sizeLarge: {
-                    height: 48,
-                },
-
-                // contained
-                containedInherit: {
-                    color: theme.palette.grey[800],
-                    boxShadow: theme.customShadows.z1,
-                    '&:hover': {
-                        backgroundColor: theme.palette.grey[400],
-                    },
-                },
-                containedPrimary: {
-                    boxShadow: theme.customShadows.z24,
-                    // color: theme.palette.primary.contrastText,
-                },
-                containedSecondary: {
-                    boxShadow: theme.customShadows.secondary,
-                },
-                containedInfo: {
-                    boxShadow: theme.customShadows.info,
-                },
-                containedSuccess: {
-                    boxShadow: theme.customShadows.success,
-                },
-                containedWarning: {
-                    boxShadow: theme.customShadows.warning,
-                },
-                containedError: {
-                    boxShadow: theme.customShadows.error,
-                },
-                // outlined
-
-                outlinedInherit: {
-                    border: `1px solid ${theme.palette.grey[500_32]}`,
-                    '&:hover': {
-                        backgroundColor: theme.palette.action.hover,
-                    },
-                },
-                textInherit: {
-                    '&:hover': {
-                        backgroundColor: theme.palette.action.hover,
-                    },
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/ButtonGroup.ts

@@ -1,51 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function ButtonGroup(theme: Theme) {
-    const styleContained = (
-        color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error',
-    ) => ({
-        props: { variant: 'contained', color },
-        style: { boxShadow: theme.customShadows[color] },
-    });
-
-    return {
-        MuiButtonGroup: {
-            variants: [
-                {
-                    props: { variant: 'contained', color: 'inherit' },
-                    style: { boxShadow: theme.customShadows.z8 },
-                },
-                styleContained('primary'),
-                styleContained('secondary'),
-                styleContained('info'),
-                styleContained('success'),
-                styleContained('warning'),
-                styleContained('error'),
-
-                {
-                    props: { disabled: true },
-                    style: {
-                        boxShadow: 'none',
-                        '& .MuiButtonGroup-grouped.Mui-disabled': {
-                            color: theme.palette.action.disabled,
-                            borderColor: `${theme.palette.action.disabledBackground} !important`,
-                            '&.MuiButton-contained': {
-                                backgroundColor: theme.palette.action.disabledBackground,
-                            },
-                        },
-                    },
-                },
-            ],
-
-            styleOverrides: {
-                root: {
-                    '&:hover': {
-                        boxShadow: 'none',
-                    },
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Card.ts

@@ -1,36 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Card(theme: Theme) {
-    return {
-        MuiCard: {
-            styleOverrides: {
-                root: {
-                    position: 'relative',
-                    boxShadow: theme.customShadows.card,
-                    borderRadius: Number(theme.shape.borderRadius) * 2,
-                    zIndex: 0, // Fix Safari overflow: hidden with border radius
-                },
-            },
-        },
-        MuiCardHeader: {
-            defaultProps: {
-                titleTypographyProps: { variant: 'h6' },
-                subheaderTypographyProps: { variant: 'body2', marginTop: theme.spacing(0.5) },
-            },
-            styleOverrides: {
-                root: {
-                    padding: theme.spacing(3, 3, 0),
-                },
-            },
-        },
-        MuiCardContent: {
-            styleOverrides: {
-                root: {
-                    padding: theme.spacing(3),
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Checkbox.tsx

@@ -1,54 +0,0 @@
-import { Theme } from '@mui/material/styles';
-//
-
-// ----------------------------------------------------------------------
-
-export default function Checkbox(theme: Theme) {
-    return {
-        MuiCheckbox: {
-            // defaultProps: {
-            //   icon: <CheckboxIcon />,
-            //   checkedIcon: <CheckboxCheckedIcon />,
-            //   indeterminateIcon: <CheckboxIndeterminateIcon />,
-            // },
-
-            styleOverrides: {
-                root: {
-                    padding: theme.spacing(1),
-
-                    oleee: 'sss',
-                    // '& .MuiCheckbox-root': {
-                    //   color: theme.palette.divider,
-                    // },
-                    color: theme.palette.action.active,
-                    '& .Mui-checked': {
-                        color: theme.palette.primary.main,
-                    },
-                    '&.Mui-checked.Mui-disabled, &.Mui-disabled': {
-                        color: theme.palette.action.disabled,
-                    },
-
-                    // '& .MuiSvgIcon-root': {
-                    //   color: theme.palette.text.secondary,
-                    // },
-
-                    // '& .MuiSvgIcon-fontSizeMedium': {
-                    //   width: 24,
-                    //   height: 24,
-                    // },
-                    // '& .MuiSvgIcon-fontSizeSmall': {
-                    //   width: 18,
-                    //   height: 18,
-                    // },
-
-                    // svg: {
-                    //   fontSize: 24,
-                    //   '&[font-size=small]': {
-                    //     fontSize: 18,
-                    //   },
-                    // },
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Chip.tsx

@@ -1,49 +0,0 @@
-import { Theme } from '@mui/material/styles';
-//
-import { CloseIcon } from './CustomIcons';
-
-// ----------------------------------------------------------------------
-
-export default function Chip(theme: Theme) {
-    return {
-        MuiChip: {
-            defaultProps: {
-                deleteIcon: <CloseIcon />,
-            },
-
-            styleOverrides: {
-                colorDefault: {
-                    '& .MuiChip-avatarMedium, .MuiChip-avatarSmall': {
-                        color: theme.palette.text.secondary,
-                    },
-                },
-                outlined: {
-                    borderColor: theme.palette.grey[500_32],
-                    '&.MuiChip-colorPrimary': {
-                        borderColor: theme.palette.primary.main,
-                    },
-                    '&.MuiChip-colorSecondary': {
-                        borderColor: theme.palette.secondary.main,
-                    },
-                },
-                //
-                avatarColorInfo: {
-                    color: theme.palette.info.contrastText,
-                    backgroundColor: theme.palette.info.dark,
-                },
-                avatarColorSuccess: {
-                    color: theme.palette.success.contrastText,
-                    backgroundColor: theme.palette.success.dark,
-                },
-                avatarColorWarning: {
-                    color: theme.palette.warning.contrastText,
-                    backgroundColor: theme.palette.warning.dark,
-                },
-                avatarColorError: {
-                    color: theme.palette.error.contrastText,
-                    backgroundColor: theme.palette.error.dark,
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/ControlLabel.ts

@@ -1,29 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function ControlLabel(theme: Theme) {
-    return {
-        MuiFormControlLabel: {
-            styleOverrides: {
-                label: {
-                    ...theme.typography.body1,
-                },
-            },
-        },
-        MuiFormHelperText: {
-            styleOverrides: {
-                root: {
-                    marginTop: theme.spacing(1),
-                },
-            },
-        },
-        MuiFormLabel: {
-            styleOverrides: {
-                root: {
-                    color: theme.palette.text.disabled,
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/CssBaseline.ts

@@ -1,46 +0,0 @@
-// ----------------------------------------------------------------------
-import { Theme } from '@mui/material/styles';
-
-export default function CssBaseline(_theme: Theme) {
-    return {
-        MuiCssBaseline: {
-            styleOverrides: {
-                '*': {
-                    margin: 0,
-                    padding: 0,
-                    boxSizing: 'border-box',
-                },
-                html: {
-                    width: '100%',
-                    height: '100%',
-                    WebkitOverflowScrolling: 'touch',
-                },
-                body: {
-                    width: '100%',
-                    height: '100%',
-                },
-                '#root': {
-                    width: '100%',
-                    height: '100%',
-                },
-                input: {
-                    '&[type=number]': {
-                        MozAppearance: 'textfield',
-                        '&::-webkit-outer-spin-button': {
-                            margin: 0,
-                            WebkitAppearance: 'none',
-                        },
-                        '&::-webkit-inner-spin-button': {
-                            margin: 0,
-                            WebkitAppearance: 'none',
-                        },
-                    },
-                },
-                img: {
-                    display: 'block',
-                    maxWidth: '100%',
-                },
-            },
-        },
-    };
-}