1  import { themeShadows } from "./themeColors";
 2  
 3  export const components = {
 4    MuiTable: {
 5      styleOverrides: {
 6        root: { tableLayout: "fixed" }
 7      }
 8    },
 9    MuiTableCell: {
10      styleOverrides: {
11        head: { fontSize: "13px", padding: "12px 0px" },
12        root: {
13          fontSize: "14px",
14          whiteSpace: "pre-wrap",
15          wordBreak: "break-all",
16          padding: "12px 8px 12px 0px"
17        }
18      }
19    },
20    MUIDataTableSelectCell: {
21      styleOverrides: {
22        root: { paddingLeft: 12 }
23      }
24    },
25    MUIDataTableHeadCell: {
26      styleOverrides: {
27        root: { paddingLeft: 16 }
28      }
29    },
30    MUIDataTableBodyCell: {
31      styleOverrides: {
32        root: { paddingLeft: 8 }
33      }
34    },
35    MuiButton: {
36      styleOverrides: {
37        root: { fontSize: "14px", textTransform: "none", fontWeight: "400" },
38        contained: { boxShadow: themeShadows[8] }
39      }
40    },
41    MuiCssBaseline: {
42      styleOverrides: {
43        "*": { boxSizing: "border-box" },
44        html: {
45          MozOsxFontSmoothing: "grayscale",
46          WebkitFontSmoothing: "antialiased",
47          height: "100%",
48          width: "100%"
49        },
50        body: { height: "100%" },
51        a: { textDecoration: "none", color: "inherit" },
52        "#root": { height: "100%" },
53        "#nprogress .bar": { zIndex: "2000 !important" }
54      }
55    },
56    MuiFab: {
57      styleOverrides: {
58        root: { boxShadow: themeShadows[12] }
59      }
60    },
61    MuiAccordion: {
62      styleOverrides: {
63        root: {
64          "&:before": { display: "none" }
65        }
66      }
67    },
68    MuiTooltip: {
69      styleOverrides: {
70        tooltip: { fontSize: "11px" }
71      }
72    },
73    MuiMenuItem: {
74      styleOverrides: {
75        root: {
76          fontSize: "0.875rem"
77        }
78      }
79    },
80    MuiExpansionPanel: {
81      styleOverrides: {
82        root: {
83          "&:before": {
84            display: "none"
85          }
86        }
87      }
88    },
89    MuiCard: {
90      styleOverrides: {
91        root: {
92          borderRadius: "8px",
93          boxShadow:
94            "0px 3px 3px -2px rgb(0 0 0 / 6%), 0px 3px 4px 0px rgb(0 0 0 / 4%), 0px 1px 8px 0px rgb(0 0 0 / 4%) !important"
95        }
96      }
97    }
98  };