@m4l/graphics 0.0.16 → 0.0.20

package/dist/theme/overrides.js

@@ -0,0 +1,1248 @@
+import { alpha } from "@mui/material";
+import { alpha as alpha$1 } from "@mui/material/styles";
+function Avatar(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
+          }
+        }
+      }
+    }
+  };
+}
+function Button(theme) {
+  return {
+    MuiButton: {
+      styleOverrides: {
+        root: {
+          "&:hover": {
+            boxShadow: "none"
+          }
+        },
+        sizeLarge: {
+          height: 48
+        },
+        containedInherit: {
+          color: theme.palette.grey[800],
+          boxShadow: theme.customShadows.z1,
+          "&:hover": {
+            backgroundColor: theme.palette.grey[400]
+          }
+        },
+        containedPrimary: {
+          boxShadow: theme.customShadows.z24
+        },
+        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
+        },
+        outlinedInherit: {
+          border: `1px solid ${theme.palette.grey[50032]}`,
+          "&:hover": {
+            backgroundColor: theme.palette.action.hover
+          }
+        },
+        textInherit: {
+          "&:hover": {
+            backgroundColor: theme.palette.action.hover
+          }
+        }
+      }
+    }
+  };
+}
+function IconButton(theme) {
+  return {
+    MuiIconButton: {
+      styleOverrides: {
+        root: {
+          "&.MuiIconButton-sizeSmall": {
+            height: theme.spacing(3.75),
+            width: theme.spacing(3.75),
+            margin: 0,
+            padding: 0,
+            " > svg": {
+              height: 20,
+              width: 20
+            },
+            "& .MuiBox-root": {
+              height: 20,
+              width: 20
+            }
+          }
+        }
+      }
+    }
+  };
+}
+function Fab(theme) {
+  return {
+    MuiFab: {
+      defaultProps: {
+        color: "primary"
+      },
+      styleOverrides: {
+        root: {
+          boxShadow: theme.customShadows.z8,
+          "&:hover": {
+            boxShadow: "none",
+            backgroundColor: theme.palette.grey[400]
+          }
+        },
+        primary: {
+          boxShadow: theme.customShadows.primary,
+          "&:hover": {
+            backgroundColor: theme.palette.primary.dark
+          }
+        },
+        secondary: {
+          boxShadow: theme.customShadows.secondary,
+          "&:hover": {
+            backgroundColor: theme.palette.secondary.dark
+          }
+        },
+        extended: {
+          "& svg": {
+            marginRight: theme.spacing(1)
+          }
+        }
+      }
+    }
+  };
+}
+function Card(theme) {
+  return {
+    MuiCard: {
+      styleOverrides: {
+        root: {
+          position: "relative",
+          boxShadow: theme.customShadows.card,
+          borderRadius: Number(theme.shape.borderRadius) * 2,
+          zIndex: 0
+        }
+      }
+    },
+    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)
+        }
+      }
+    }
+  };
+}
+function Tabs(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%"
+        }
+      }
+    }
+  };
+}
+function Menu(theme) {
+  return {
+    MuiMenuItem: {
+      styleOverrides: {
+        root: {
+          "&.Mui-selected": {
+            backgroundColor: theme.palette.action.selected,
+            "&:hover": {
+              backgroundColor: theme.palette.action.hover
+            }
+          }
+        }
+      }
+    }
+  };
+}
+function Link(theme) {
+  return {
+    MuiLink: {
+      defaultProps: {
+        underline: "hover"
+      },
+      styleOverrides: {
+        root: {
+          "&.MuiLink-underlineHover": {
+            textDecorationColor: theme.palette.primary.main
+          }
+        }
+      }
+    }
+  };
+}
+function List(theme) {
+  return {
+    MuiListItemIcon: {
+      styleOverrides: {
+        root: {
+          color: "inherit",
+          minWidth: "auto",
+          marginRight: theme.spacing(2)
+        }
+      }
+    },
+    MuiListItemAvatar: {
+      styleOverrides: {
+        root: {
+          minWidth: "auto",
+          marginRight: theme.spacing(2)
+        }
+      }
+    },
+    MuiListItemText: {
+      styleOverrides: {
+        root: {
+          marginTop: 0,
+          marginBottom: 0
+        },
+        multiline: {
+          marginTop: 0,
+          marginBottom: 0
+        }
+      }
+    }
+  };
+}
+function Table(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
+        }
+      }
+    }
+  };
+}
+function Badge(_theme) {
+  return {
+    MuiBadge: {
+      styleOverrides: {
+        dot: {
+          width: 10,
+          height: 10,
+          borderRadius: "50%"
+        }
+      }
+    }
+  };
+}
+function Paper(theme) {
+  return {
+    MuiPaper: {
+      defaultProps: {
+        elevation: 0
+      },
+      variants: [
+        {
+          props: { variant: "outlined" },
+          style: { borderColor: theme.palette.grey[50012] }
+        }
+      ],
+      styleOverrides: {
+        root: {
+          backgroundImage: "none",
+          borderRadius: "2px"
+        }
+      }
+    }
+  };
+}
+function Input(theme) {
+  return {
+    MuiFormControl: {
+      styleOverrides: {
+        root: {}
+      }
+    },
+    MuiInputBase: {
+      styleOverrides: {
+        root: {
+          backgroundColor: theme.palette.background.default,
+          ...theme.typography.body2,
+          borderRadius: theme.spacing(1),
+          "&.Mui-disabled": {
+            "& svg": { color: theme.palette.text.disabled }
+          },
+          padding: "0px"
+        },
+        input: {
+          paddingLeft: "8px",
+          "&::placeholder": {
+            opacity: 1,
+            color: theme.palette.text.disabled
+          }
+        }
+      }
+    },
+    MuiInput: {
+      styleOverrides: {
+        underline: {
+          "&:before": {
+            borderBottomColor: theme.palette.grey[50056]
+          }
+        }
+      }
+    },
+    MuiFilledInput: {
+      styleOverrides: {
+        root: {
+          backgroundColor: theme.palette.grey[50012],
+          "&:hover": {
+            backgroundColor: theme.palette.grey[50016]
+          },
+          "&.Mui-focused": {
+            backgroundColor: theme.palette.action.focus
+          },
+          "&.Mui-disabled": {
+            backgroundColor: theme.palette.action.disabledBackground
+          }
+        },
+        underline: {
+          "&:before": {
+            borderBottomColor: theme.palette.grey[50056]
+          }
+        }
+      }
+    },
+    MuiOutlinedInput: {
+      styleOverrides: {
+        root: {
+          ...theme.typography.body2,
+          color: theme.palette.text.primary,
+          "& > input": {
+            padding: theme.spacing(1.5, 1.5)
+          },
+          "& .MuiOutlinedInput-notchedOutline": {
+            borderColor: theme.palette.grey[50032],
+            fontSize: "0.875rem"
+          },
+          "&.Mui-disabled": {
+            "& .MuiOutlinedInput-notchedOutline": {
+              borderColor: theme.palette.action.disabledBackground
+            }
+          },
+          "& .MuiOutlinedInput-input:-webkit-autofill": {
+            WebkitBoxShadow: `0 0 0 1000px ${theme.palette.background.autofill} inset`
+          }
+        }
+      }
+    }
+  };
+}
+function InputLabel(_theme) {
+  return {
+    MuiInputLabel: {
+      styleOverrides: {
+        shrink: {
+          transform: "translate(14px, -9px) scale(0.75)!important"
+        },
+        outlined: {
+          transform: "translate(14px, 12px) scale(1)",
+          fontSize: 12
+        }
+      }
+    }
+  };
+}
+function Radio(theme) {
+  return {
+    MuiRadio: {
+      styleOverrides: {
+        root: {
+          padding: theme.spacing(1),
+          svg: {
+            fontSize: 24,
+            "&[font-size=small]": {
+              fontSize: 20
+            }
+          }
+        }
+      }
+    }
+  };
+}
+function Drawer(theme) {
+  const isLight = theme.palette.mode === "light";
+  return {
+    MuiDrawer: {
+      styleOverrides: {
+        modal: {
+          '&[role="presentation"]': {
+            "& .MuiDrawer-paperAnchorLeft": {
+              boxShadow: `8px 24px 24px 12px ${alpha(theme.palette.grey[900], isLight ? 0.16 : 0.48)}`
+            },
+            "& .MuiDrawer-paperAnchorRight": {
+              boxShadow: `-8px 24px 24px 12px ${alpha(theme.palette.grey[900], isLight ? 0.16 : 0.48)}`
+            }
+          }
+        }
+      }
+    }
+  };
+}
+function Dialog(theme) {
+  return {
+    MuiDialog: {
+      styleOverrides: {
+        paper: {
+          boxShadow: theme.customShadows.dialog,
+          "&.MuiPaper-rounded": {
+            borderRadius: Number(theme.shape.borderRadius) * 2
+          },
+          "&.MuiDialog-paperFullScreen": {
+            borderRadius: 0
+          },
+          "&.MuiDialog-paper .MuiDialogActions-root": {
+            padding: theme.spacing(3)
+          },
+          "@media (max-width: 600px)": {
+            margin: theme.spacing(2)
+          },
+          "@media (max-width: 663.95px)": {
+            "&.MuiDialog-paperWidthSm.MuiDialog-paperScrollBody": {
+              maxWidth: "100%"
+            }
+          }
+        },
+        paperFullWidth: {
+          width: "100%"
+        }
+      }
+    },
+    MuiDialogTitle: {
+      styleOverrides: {
+        root: {
+          padding: theme.spacing(3, 3, 0)
+        }
+      }
+    },
+    MuiDialogContent: {
+      styleOverrides: {
+        root: {
+          borderTop: 0,
+          borderBottom: 0,
+          padding: theme.spacing(3)
+        }
+      }
+    },
+    MuiDialogActions: {
+      styleOverrides: {
+        root: {
+          "& > :not(:first-of-type)": {
+            marginLeft: theme.spacing(1.5)
+          }
+        }
+      }
+    }
+  };
+}
+function Slider(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]
+        }
+      }
+    }
+  };
+}
+function Switch(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`
+          }
+        }
+      }
+    }
+  };
+}
+function SvgIcon(_theme) {
+  return {
+    MuiSvgIcon: {
+      styleOverrides: {
+        fontSizeSmall: {
+          width: 20,
+          height: 20,
+          fontSize: "inherit"
+        },
+        fontSizeLarge: {
+          width: 32,
+          height: 32,
+          fontSize: "inherit"
+        }
+      }
+    }
+  };
+}
+function Tooltip(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]
+        }
+      }
+    }
+  };
+}
+function Popover(theme) {
+  return {
+    MuiPopover: {
+      styleOverrides: {
+        paper: {
+          boxShadow: theme.customShadows.dropdown,
+          borderRadius: Number(theme.shape.borderRadius) * 1.5
+        }
+      }
+    }
+  };
+}
+function Stepper(theme) {
+  return {
+    MuiStepConnector: {
+      styleOverrides: {
+        line: {
+          borderColor: theme.palette.divider
+        }
+      }
+    }
+  };
+}
+function DataGrid(theme) {
+  return {
+    MuiDataGrid: {
+      styleOverrides: {
+        root: {
+          borderRadius: 0,
+          border: `1px solid transparent`,
+          "& .MuiTablePagination-root": {
+            borderTop: 0
+          },
+          "& .MuiDataGrid-toolbarContainer": {
+            padding: theme.spacing(2),
+            backgroundColor: theme.palette.background.neutral,
+            "& .MuiButton-root": {
+              marginRight: theme.spacing(1.5),
+              color: theme.palette.text.primary,
+              "&:hover": {
+                backgroundColor: theme.palette.action.hover
+              }
+            }
+          },
+          "& .MuiDataGrid-cell, .MuiDataGrid-columnsContainer": {
+            borderBottom: `1px solid ${theme.palette.divider}`
+          },
+          "& .MuiDataGrid-columnSeparator": {
+            color: theme.palette.divider
+          },
+          '& .MuiDataGrid-columnHeader[data-field="__check__"]': {
+            padding: 0
+          }
+        }
+      }
+    },
+    MuiGridMenu: {
+      styleOverrides: {
+        root: {
+          "& .MuiDataGrid-gridMenuList": {
+            boxShadow: theme.customShadows.z20,
+            borderRadius: theme.shape.borderRadius
+          },
+          "& .MuiMenuItem-root": {
+            ...theme.typography.body2
+          }
+        }
+      }
+    },
+    MuiGridFilterForm: {
+      styleOverrides: {
+        root: {
+          padding: theme.spacing(1.5, 0),
+          "& .MuiFormControl-root": {
+            margin: theme.spacing(0, 0.5)
+          },
+          "& .MuiInput-root": {
+            marginTop: theme.spacing(3),
+            "&::before, &::after": {
+              display: "none"
+            },
+            "& .MuiNativeSelect-select, .MuiInput-input": {
+              ...theme.typography.body2,
+              padding: theme.spacing(0.75, 1),
+              borderRadius: theme.shape.borderRadius,
+              backgroundColor: theme.palette.background.neutral
+            },
+            "& .MuiSvgIcon-root": {
+              right: 4
+            }
+          }
+        }
+      }
+    },
+    MuiGridPanelFooter: {
+      styleOverrides: {
+        root: {
+          padding: theme.spacing(2),
+          justifyContent: "flex-end",
+          "& .MuiButton-root": {
+            "&:first-of-type": {
+              marginRight: theme.spacing(1.5),
+              color: theme.palette.text.primary,
+              "&:hover": {
+                backgroundColor: theme.palette.action.hover
+              }
+            },
+            "&:last-of-type": {
+              color: theme.palette.common.white,
+              backgroundColor: theme.palette.primary.main,
+              "&:hover": {
+                backgroundColor: theme.palette.primary.dark
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+}
+function Skeleton(theme) {
+  return {
+    MuiSkeleton: {
+      defaultProps: {
+        animation: "wave"
+      },
+      styleOverrides: {
+        root: {
+          backgroundColor: theme.palette.divider
+        }
+      }
+    }
+  };
+}
+function Backdrop(theme) {
+  const varLow = alpha$1(theme.palette.grey[900], 0.48);
+  const varHigh = alpha$1(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"
+          }
+        }
+      }
+    }
+  };
+}
+function Progress(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"
+        }
+      }
+    }
+  };
+}
+function Timeline(theme) {
+  return {
+    MuiTimelineDot: {
+      styleOverrides: {
+        root: {
+          boxShadow: "none"
+        }
+      }
+    },
+    MuiTimelineConnector: {
+      styleOverrides: {
+        root: {
+          backgroundColor: theme.palette.divider
+        }
+      }
+    }
+  };
+}
+function Checkbox(theme) {
+  return {
+    MuiCheckbox: {
+      styleOverrides: {
+        root: {
+          padding: theme.spacing(1),
+          oleee: "sss",
+          color: theme.palette.action.active,
+          "& .Mui-checked": {
+            color: theme.palette.primary.main
+          },
+          "&.Mui-checked.Mui-disabled, &.Mui-disabled": {
+            color: theme.palette.action.disabled
+          }
+        }
+      }
+    }
+  };
+}
+function Accordion(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",
+          "&.Mui-expanded": {
+            margin: "0px"
+          }
+        }
+      }
+    }
+  };
+}
+function Typography(theme) {
+  return {
+    MuiTypography: {
+      styleOverrides: {
+        paragraph: {
+          marginBottom: theme.spacing(2)
+        },
+        gutterBottom: {
+          marginBottom: theme.spacing(1)
+        }
+      }
+    }
+  };
+}
+function Pagination(theme) {
+  return {
+    MuiPaginationItem: {
+      styleOverrides: {
+        root: {
+          "&.Mui-selected": {
+            fontWeight: theme.typography.fontWeightBold
+          }
+        },
+        textPrimary: {
+          "&.Mui-selected": {
+            color: theme.palette.primary.main,
+            backgroundColor: alpha$1(theme.palette.primary.main, 0.08),
+            "&:hover, &.Mui-focusVisible": {
+              backgroundColor: `${alpha$1(theme.palette.primary.main, 0.24)} !important`
+            }
+          }
+        },
+        outlined: {
+          border: `1px solid ${theme.palette.grey[50032]}`
+        },
+        outlinedPrimary: {
+          "&.Mui-selected": {
+            backgroundColor: alpha$1(theme.palette.primary.main, 0.08),
+            border: `1px solid ${alpha$1(theme.palette.primary.main, 0.24)}`
+          }
+        }
+      }
+    }
+  };
+}
+function Breadcrumbs(theme) {
+  return {
+    MuiBreadcrumbs: {
+      styleOverrides: {
+        separator: {
+          marginLeft: theme.spacing(2),
+          marginRight: theme.spacing(2)
+        }
+      }
+    }
+  };
+}
+function ButtonGroup(theme) {
+  const styleContained = (color) => ({
+    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"
+          }
+        }
+      }
+    }
+  };
+}
+function CssBaseline(_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%"
+        }
+      }
+    }
+  };
+}
+function Autocomplete(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
+          }
+        }
+      }
+    }
+  };
+}
+const style = (theme, color) => ({
+  props: { color },
+  style: {
+    "&:hover": {
+      borderColor: alpha$1(theme.palette[color].main, 0.48),
+      backgroundColor: alpha$1(theme.palette[color].main, theme.palette.action.hoverOpacity)
+    },
+    "&.Mui-selected": {
+      borderColor: alpha$1(theme.palette[color].main, 0.48)
+    }
+  }
+});
+function ToggleButton(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[50012]}`,
+          "& .MuiToggleButton-root": {
+            margin: 4,
+            borderColor: "transparent !important",
+            borderRadius: `${theme.shape.borderRadius}px !important`
+          }
+        }
+      }
+    }
+  };
+}
+function ControlLabel(theme) {
+  return {
+    MuiFormControlLabel: {
+      styleOverrides: {
+        label: {
+          ...theme.typography.body1
+        }
+      }
+    },
+    MuiFormHelperText: {
+      styleOverrides: {
+        root: {
+          marginTop: theme.spacing(1)
+        }
+      }
+    },
+    MuiFormLabel: {
+      styleOverrides: {
+        root: {
+          color: theme.palette.text.disabled
+        }
+      }
+    }
+  };
+}
+function LoadingButton(theme) {
+  return {
+    MuiLoadingButton: {
+      styleOverrides: {
+        root: {
+          "&.MuiLoadingButton-root": {
+            ...theme.typography.subtitle2,
+            "& .MuiCircularProgress-root": {
+              color: theme.palette.primary.main
+            }
+          },
+          "&.MuiButton-text": {
+            "& .MuiLoadingButton-startIconPendingStart": {
+              marginLeft: 0
+            },
+            "& .MuiLoadingButton-endIconPendingEnd": {
+              marginRight: 0
+            }
+          }
+        }
+      }
+    }
+  };
+}
+function fnComponentsOverrides(theme) {
+  return Object.assign(Fab(theme), Tabs(theme), Card(theme), Menu(theme), Link(theme), Input(theme), InputLabel(), Radio(theme), Badge(), List(theme), Table(theme), Paper(theme), Switch(theme), Button(theme), IconButton(theme), Dialog(theme), Avatar(theme), Slider(theme), Drawer(theme), Stepper(theme), Tooltip(theme), Popover(theme), SvgIcon(), Checkbox(theme), DataGrid(theme), Skeleton(theme), Timeline(theme), Backdrop(theme), Progress(theme), Accordion(theme), Typography(theme), Pagination(theme), ButtonGroup(theme), Breadcrumbs(theme), CssBaseline(), Autocomplete(theme), ControlLabel(theme), ToggleButton(theme), LoadingButton(theme));
+}
+export { fnComponentsOverrides as f };