@m4l/graphics 0.1.19 → 0.1.21

package/src/theme/overrides/Paper.ts

@@ -1,27 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Paper(theme: Theme) {
-    return {
-        MuiPaper: {
-            defaultProps: {
-                elevation: 0,
-            },
-
-            variants: [
-                {
-                    props: { variant: 'outlined' },
-                    style: { borderColor: theme.palette.grey[500_12] },
-                },
-            ],
-
-            styleOverrides: {
-                root: {
-                    backgroundImage: 'none',
-                    borderRadius: '2px',
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Popover.ts

@@ -1,16 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Popover(theme: Theme) {
-    return {
-        MuiPopover: {
-            styleOverrides: {
-                paper: {
-                    boxShadow: theme.customShadows.dropdown,
-                    borderRadius: Number(theme.shape.borderRadius) * 1.5,
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Progress.ts

@@ -1,27 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Progress(theme: Theme) {
-    const isLight = theme.palette.mode === 'light';
-
-    return {
-        MuiLinearProgress: {
-            styleOverrides: {
-                root: {
-                    borderRadius: 4,
-                    overflow: 'hidden',
-                },
-                bar: {
-                    borderRadius: 4,
-                },
-                colorPrimary: {
-                    backgroundColor: theme.palette.primary[isLight ? 'lighter' : 'darker'],
-                },
-                buffer: {
-                    backgroundColor: 'transparent',
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Radio.ts

@@ -1,21 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Radio(theme: Theme) {
-    return {
-        MuiRadio: {
-            styleOverrides: {
-                root: {
-                    padding: theme.spacing(1),
-                    svg: {
-                        fontSize: 24,
-                        '&[font-size=small]': {
-                            fontSize: 20,
-                        },
-                    },
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Rating.tsx

@@ -1,30 +0,0 @@
-import { Theme } from '@mui/material/styles';
-//
-import { StarIcon } from './CustomIcons';
-
-// ----------------------------------------------------------------------
-
-const ICON_SMALL = { width: 20, height: 20 };
-const ICON_LARGE = { width: 28, height: 28 };
-
-export default function Rating(theme: Theme) {
-    return {
-        MuiRating: {
-            defaultProps: {
-                emptyIcon: <StarIcon />,
-                icon: <StarIcon />,
-            },
-
-            styleOverrides: {
-                root: {
-                    '&.Mui-disabled': {
-                        opacity: 0.48,
-                    },
-                },
-                iconEmpty: { color: theme.palette.grey[500_48] },
-                sizeSmall: { '& svg': { ...ICON_SMALL } },
-                sizeLarge: { '& svg': { ...ICON_LARGE } },
-            },
-        },
-    };
-}

package/src/theme/overrides/Select.tsx

@@ -1,14 +0,0 @@
-//
-import { InputSelectIcon } from './CustomIcons';
-
-// ----------------------------------------------------------------------
-
-export default function Select() {
-    return {
-        MuiSelect: {
-            defaultProps: {
-                IconComponent: InputSelectIcon,
-            },
-        },
-    };
-}

package/src/theme/overrides/Skeleton.ts

@@ -1,19 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Skeleton(theme: Theme) {
-    return {
-        MuiSkeleton: {
-            defaultProps: {
-                animation: 'wave',
-            },
-
-            styleOverrides: {
-                root: {
-                    backgroundColor: theme.palette.divider,
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Slider.ts

@@ -1,31 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Slider(theme: Theme) {
-    const isLight = theme.palette.mode === 'light';
-
-    return {
-        MuiSlider: {
-            defaultProps: {
-                size: 'small',
-            },
-
-            styleOverrides: {
-                root: {
-                    '&.Mui-disabled': {
-                        color: theme.palette.action.disabled,
-                    },
-                },
-                markLabel: {
-                    fontSize: 13,
-                    color: theme.palette.text.disabled,
-                },
-                valueLabel: {
-                    borderRadius: 8,
-                    backgroundColor: theme.palette.grey[isLight ? 800 : 700],
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Stepper.ts

@@ -1,15 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Stepper(theme: Theme) {
-    return {
-        MuiStepConnector: {
-            styleOverrides: {
-                line: {
-                    borderColor: theme.palette.divider,
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/SvgIcon.ts

@@ -1,21 +0,0 @@
-// ----------------------------------------------------------------------
-import { Theme } from '@mui/material/styles';
-
-export default function SvgIcon(_theme: Theme) {
-    return {
-        MuiSvgIcon: {
-            styleOverrides: {
-                fontSizeSmall: {
-                    width: 20,
-                    height: 20,
-                    fontSize: 'inherit',
-                },
-                fontSizeLarge: {
-                    width: 32,
-                    height: 32,
-                    fontSize: 'inherit',
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Switch.ts

@@ -1,35 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Switch(theme: Theme) {
-    const isLight = theme.palette.mode === 'light';
-
-    return {
-        MuiSwitch: {
-            styleOverrides: {
-                thumb: {
-                    boxShadow: theme.customShadows.z1,
-                },
-                track: {
-                    opacity: 1,
-                    backgroundColor: theme.palette.grey[500],
-                },
-                switchBase: {
-                    left: 0,
-                    right: 'auto',
-                    '&:not(:.Mui-checked)': {
-                        color: theme.palette.grey[isLight ? 100 : 300],
-                    },
-                    '&.Mui-checked.Mui-disabled, &.Mui-disabled': {
-                        color: theme.palette.grey[isLight ? 400 : 600],
-                    },
-                    '&.Mui-disabled+.MuiSwitch-track': {
-                        opacity: 1,
-                        backgroundColor: `${theme.palette.action.disabledBackground} !important`,
-                    },
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Table.ts

@@ -1,95 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Table(theme: Theme) {
-    return {
-        MuiTableRow: {
-            styleOverrides: {
-                root: {
-                    '&.Mui-selected': {
-                        backgroundColor: theme.palette.action.selected,
-                        '&:hover': {
-                            backgroundColor: theme.palette.action.hover,
-                        },
-                    },
-                },
-            },
-        },
-        MuiTableCell: {
-            styleOverrides: {
-                root: {
-                    borderBottom: 'none',
-                },
-                head: {
-                    color: theme.palette.text.secondary,
-                    backgroundColor: theme.palette.background.neutral,
-                    '&:first-of-type': {
-                        paddingLeft: theme.spacing(3),
-                        borderTopLeftRadius: theme.shape.borderRadius,
-                        borderBottomLeftRadius: theme.shape.borderRadius,
-                        boxShadow: `inset 8px 0 0 ${theme.palette.background.paper}`,
-                    },
-                    '&:last-of-type': {
-                        paddingRight: theme.spacing(3),
-                        borderTopRightRadius: theme.shape.borderRadius,
-                        borderBottomRightRadius: theme.shape.borderRadius,
-                        boxShadow: `inset -8px 0 0 ${theme.palette.background.paper}`,
-                    },
-                },
-                stickyHeader: {
-                    backgroundColor: theme.palette.background.paper,
-                    backgroundImage: `linear-gradient(to bottom, ${theme.palette.background.neutral} 0%, ${theme.palette.background.neutral} 100%)`,
-                },
-                body: {
-                    '&:first-of-type': {
-                        paddingLeft: theme.spacing(3),
-                    },
-                    '&:last-of-type': {
-                        paddingRight: theme.spacing(3),
-                    },
-                },
-            },
-        },
-        MuiTablePagination: {
-            styleOverrides: {
-                root: {
-                    ...theme.typography.caption,
-                },
-
-                toolbar: {
-                    '& .MuiInputBase-root': {
-                        marginLeft: theme.spacing(1),
-                        marginRight: theme.spacing(3),
-                        ...theme.typography.caption,
-                    },
-
-                    '&.MuiToolbar-regular': {
-                        minHeight: 40,
-                        height: 40,
-                        paddingRight: 0,
-                    },
-
-                    '& .MuiTablePagination-displayedRows': {
-                        ...theme.typography.caption,
-                    },
-                },
-
-                selectLabel: {
-                    ...theme.typography.caption,
-                },
-
-                select: {
-                    paddingBottom: 4,
-                    '&:focus': {
-                        borderRadius: theme.shape.borderRadius,
-                    },
-                },
-                selectIcon: {
-                    width: 20,
-                    height: 20,
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Tabs.ts

@@ -1,61 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Tabs(theme: Theme) {
-    return {
-        MuiTabs: {
-            styleOverrides: {
-                root: {
-                    padding: 0,
-                    fontWeight: theme.typography.fontWeightMedium,
-                    borderTopLeftRadius: theme.shape.borderRadius,
-                    borderTopRightRadius: theme.shape.borderRadius,
-                    '&.Mui-selected': {
-                        color: theme.palette.text.primary,
-                    },
-                    '&:not(:last-of-type)': {
-                        marginRight: theme.spacing(5),
-                    },
-                    '@media (min-width: 600px)': {
-                        minWidth: 48,
-                    },
-                    '& .MuiButtonBase-root': {
-                        ...theme.typography.subtitle2,
-                    },
-                },
-                labelIcon: {
-                    minHeight: 48,
-                    flexDirection: 'row',
-                    '& > *:first-of-type': {
-                        marginBottom: 0,
-                        marginRight: theme.spacing(1),
-                    },
-                },
-                wrapper: {
-                    flexDirection: 'row',
-                    whiteSpace: 'nowrap',
-                },
-                textColorInherit: {
-                    opacity: 1,
-                    color: theme.palette.text.secondary,
-                },
-            },
-        },
-        MuiTabPanel: {
-            styleOverrides: {
-                root: {
-                    padding: 0,
-                },
-            },
-        },
-        MuiTabScrollButton: {
-            styleOverrides: {
-                root: {
-                    width: 48,
-                    borderRadius: '50%',
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Timeline.ts

@@ -1,23 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Timeline(theme: Theme) {
-    return {
-        MuiTimelineDot: {
-            styleOverrides: {
-                root: {
-                    boxShadow: 'none',
-                },
-            },
-        },
-
-        MuiTimelineConnector: {
-            styleOverrides: {
-                root: {
-                    backgroundColor: theme.palette.divider,
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/ToggleButton.ts

@@ -1,54 +0,0 @@
-import { Theme, alpha } from '@mui/material/styles';
-//
-import { ColorSchema } from '../palette';
-
-// ----------------------------------------------------------------------
-const style = (theme: Theme, color: ColorSchema) => ({
-    props: { color },
-    style: {
-        '&:hover': {
-            borderColor: alpha(theme.palette[color].main, 0.48),
-            backgroundColor: alpha(theme.palette[color].main, theme.palette.action.hoverOpacity),
-        },
-        '&.Mui-selected': {
-            borderColor: alpha(theme.palette[color].main, 0.48),
-        },
-    },
-});
-
-export default function ToggleButton(theme: Theme) {
-    return {
-        MuiToggleButton: {
-            variants: [
-                {
-                    props: { color: 'standard' },
-                    style: {
-                        '&.Mui-selected': {
-                            backgroundColor: theme.palette.action.selected,
-                        },
-                    },
-                },
-                style(theme, 'primary'),
-                style(theme, 'secondary'),
-                style(theme, 'info'),
-                style(theme, 'success'),
-                style(theme, 'warning'),
-                style(theme, 'error'),
-            ],
-        },
-        MuiToggleButtonGroup: {
-            styleOverrides: {
-                root: {
-                    borderRadius: theme.shape.borderRadius,
-                    backgroundColor: theme.palette.background.paper,
-                    border: `solid 1px ${theme.palette.grey[500_12]}`,
-                    '& .MuiToggleButton-root': {
-                        margin: 4,
-                        borderColor: 'transparent !important',
-                        borderRadius: `${theme.shape.borderRadius}px !important`,
-                    },
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/Tooltip.ts

@@ -1,20 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Tooltip(theme: Theme) {
-    const isLight = theme.palette.mode === 'light';
-
-    return {
-        MuiTooltip: {
-            styleOverrides: {
-                tooltip: {
-                    backgroundColor: theme.palette.grey[isLight ? 800 : 700],
-                },
-                arrow: {
-                    color: theme.palette.grey[isLight ? 800 : 700],
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/TreeView.tsx

@@ -1,25 +0,0 @@
-import { Theme } from '@mui/material/styles';
-//
-import { TreeViewCollapseIcon, TreeViewExpandIcon, TreeViewEndIcon } from './CustomIcons';
-
-// ----------------------------------------------------------------------
-
-export default function TreeView(theme: Theme) {
-    return {
-        MuiTreeView: {
-            defaultProps: {
-                defaultCollapseIcon: <TreeViewCollapseIcon sx={{ width: 20, height: 20 }} />,
-                defaultExpandIcon: <TreeViewExpandIcon sx={{ width: 20, height: 20 }} />,
-                defaultEndIcon: (
-                    <TreeViewEndIcon sx={{ color: 'text.secondary', width: 20, height: 20 }} />
-                ),
-            },
-        },
-        MuiTreeItem: {
-            styleOverrides: {
-                label: { ...theme.typography.body2 },
-                iconContainer: { width: 'auto' },
-            },
-        },
-    };
-}

package/src/theme/overrides/Typography.ts

@@ -1,18 +0,0 @@
-import { Theme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function Typography(theme: Theme) {
-    return {
-        MuiTypography: {
-            styleOverrides: {
-                paragraph: {
-                    marginBottom: theme.spacing(2),
-                },
-                gutterBottom: {
-                    marginBottom: theme.spacing(1),
-                },
-            },
-        },
-    };
-}

package/src/theme/overrides/index.ts

@@ -1,102 +0,0 @@
-import { Theme } from '@mui/material/styles';
-//
-import Avatar from './Avatar';
-// import Alert from './Alert';
-
-import Button from './Button';
-import IconButton from './IconButton';
-import Fab from './Fab';
-import Card from './Card';
-// import Chip from './Chip';
-import Tabs from './Tabs';
-import Menu from './Menu';
-import Link from './Link';
-import Lists from './List';
-import Table from './Table';
-
-import Badge from './Badge';
-import Paper from './Paper';
-import Input from './Input';
-import InputLabel from './InputLabel';
-import Radio from './Radio';
-import Drawer from './Drawer';
-import Dialog from './Dialog';
-
-// import Rating from './Rating';
-import Slider from './Slider';
-
-import Switch from './Switch';
-// import Select from './Select';
-import SvgIcon from './SvgIcon';
-import Tooltip from './Tooltip';
-import Popover from './Popover';
-import Stepper from './Stepper';
-import DataGrid from './DataGrid';
-import Skeleton from './Skeleton';
-import Backdrop from './Backdrop';
-import Progress from './Progress';
-import Timeline from './Timeline';
-// import TreeView from './TreeView';
-import Checkbox from './Checkbox';
-import Accordion from './Accordion';
-import Typography from './Typography';
-import Pagination from './Pagination';
-import Breadcrumbs from './Breadcrumbs';
-import ButtonGroup from './ButtonGroup';
-import CssBaseline from './CssBaseline';
-import Autocomplete from './Autocomplete';
-import ToggleButton from './ToggleButton';
-import ControlLabel from './ControlLabel';
-import LoadingButton from './LoadingButton';
-
-// ----------------------------------------------------------------------
-
-export default function fnComponentsOverrides(theme: Theme) {
-    return Object.assign(
-        Fab(theme),
-        Tabs(theme),
-        // Chip(theme),
-        Card(theme),
-        Menu(theme),
-        Link(theme),
-        Input(theme),
-        InputLabel(theme),
-        Radio(theme),
-        Badge(theme),
-        Lists(theme),
-        Table(theme),
-        Paper(theme),
-        // Alert(theme),
-        Switch(theme),
-        // Select(theme),
-        Button(theme),
-        IconButton(theme),
-
-        // Rating(theme),
-        Dialog(theme),
-        Avatar(theme),
-        Slider(theme),
-        Drawer(theme),
-        Stepper(theme),
-        Tooltip(theme),
-        Popover(theme),
-        SvgIcon(theme),
-        Checkbox(theme),
-        DataGrid(theme),
-        Skeleton(theme),
-        Timeline(theme),
-        // TreeView(theme),
-        Backdrop(theme),
-        Progress(theme),
-        Accordion(theme),
-        Typography(theme),
-        Pagination(theme),
-        ButtonGroup(theme),
-        Breadcrumbs(theme),
-        CssBaseline(theme),
-        Autocomplete(theme),
-        ControlLabel(theme),
-        ToggleButton(theme),
-        LoadingButton(theme),
-    );
-}