@m4l/graphics 0.1.19 → 0.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +7 -49
- package/.eslintignore +0 -2
- package/.eslintrc.cjs +0 -118
- package/.gitignore +0 -24
- package/.gitlab-ci.yml +0 -15
- package/.prettierignore +0 -3
- package/.prettierrc.json +0 -26
- package/.vscode/settings.json +0 -50
- package/dist/package.json +0 -34
- package/src/components/ProgressBarStyle/index.tsx +0 -39
- package/src/components/index.ts +0 -3
- package/src/contexts/FormatterContext/index.tsx +0 -131
- package/src/contexts/FormatterContext/types.ts +0 -73
- package/src/contexts/HostThemeContext/index.tsx +0 -85
- package/src/contexts/HostThemeContext/types.ts +0 -16
- package/src/contexts/LocalesContext/helper.ts +0 -67
- package/src/contexts/LocalesContext/index.tsx +0 -152
- package/src/contexts/LocalesContext/types.ts +0 -37
- package/src/contexts/index.ts +0 -15
- package/src/hooks/index.ts +0 -8
- package/src/hooks/useFirstRender/index.ts +0 -17
- package/src/hooks/useFormatter/index.ts +0 -10
- package/src/hooks/useHostTheme/index.ts +0 -10
- package/src/hooks/useIsMountedRef/index.ts +0 -16
- package/src/hooks/useLocales/index.ts +0 -10
- package/src/hooks/useOffSetTop.ts +0 -26
- package/src/hooks/useResponsive/index.ts +0 -44
- package/src/index.ts +0 -25
- package/src/theme/breakpoints.ts +0 -13
- package/src/theme/defaultThemeOptions.ts +0 -42
- package/src/theme/overrides/Accordion.ts +0 -85
- package/src/theme/overrides/Alert.tsx +0 -74
- package/src/theme/overrides/Autocomplete.ts +0 -31
- package/src/theme/overrides/Avatar.ts +0 -29
- package/src/theme/overrides/Backdrop.ts +0 -26
- package/src/theme/overrides/Badge.ts +0 -17
- package/src/theme/overrides/Breadcrumbs.ts +0 -16
- package/src/theme/overrides/Button.ts +0 -62
- package/src/theme/overrides/ButtonGroup.ts +0 -51
- package/src/theme/overrides/Card.ts +0 -36
- package/src/theme/overrides/Checkbox.tsx +0 -54
- package/src/theme/overrides/Chip.tsx +0 -49
- package/src/theme/overrides/ControlLabel.ts +0 -29
- package/src/theme/overrides/CssBaseline.ts +0 -46
- package/src/theme/overrides/CustomIcons.tsx +0 -122
- package/src/theme/overrides/DataGrid.ts +0 -101
- package/src/theme/overrides/Dialog.ts +0 -60
- package/src/theme/overrides/Drawer.ts +0 -30
- package/src/theme/overrides/Fab.ts +0 -40
- package/src/theme/overrides/IconButton.ts +0 -35
- package/src/theme/overrides/Input.ts +0 -94
- package/src/theme/overrides/InputLabel.ts +0 -17
- package/src/theme/overrides/Link.ts +0 -20
- package/src/theme/overrides/List.ts +0 -37
- package/src/theme/overrides/LoadingButton.ts +0 -28
- package/src/theme/overrides/Menu.ts +0 -20
- package/src/theme/overrides/Pagination.ts +0 -38
- package/src/theme/overrides/Paper.ts +0 -27
- package/src/theme/overrides/Popover.ts +0 -16
- package/src/theme/overrides/Progress.ts +0 -27
- package/src/theme/overrides/Radio.ts +0 -21
- package/src/theme/overrides/Rating.tsx +0 -30
- package/src/theme/overrides/Select.tsx +0 -14
- package/src/theme/overrides/Skeleton.ts +0 -19
- package/src/theme/overrides/Slider.ts +0 -31
- package/src/theme/overrides/Stepper.ts +0 -15
- package/src/theme/overrides/SvgIcon.ts +0 -21
- package/src/theme/overrides/Switch.ts +0 -35
- package/src/theme/overrides/Table.ts +0 -95
- package/src/theme/overrides/Tabs.ts +0 -61
- package/src/theme/overrides/Timeline.ts +0 -23
- package/src/theme/overrides/ToggleButton.ts +0 -54
- package/src/theme/overrides/Tooltip.ts +0 -20
- package/src/theme/overrides/TreeView.tsx +0 -25
- package/src/theme/overrides/Typography.ts +0 -18
- package/src/theme/overrides/index.ts +0 -102
- package/src/theme/palette.ts +0 -216
- package/src/theme/shadows.ts +0 -110
- package/src/theme/stretch.ts +0 -10
- package/src/theme/typography.ts +0 -91
- package/src/types/index.ts +0 -9
- package/src/utils/anchorEl.ts +0 -146
- package/src/utils/getColorPresets.ts +0 -91
- package/src/utils/getFontValue.ts +0 -73
- package/src/utils/strings.ts +0 -1
- package/src/vite-env.d.ts +0 -1
- package/tsconfig.json +0 -29
- package/tsconfig.node.json +0 -8
- package/vite.config.ts +0 -234
- /package/{dist/components → components}/ProgressBarStyle/index.d.ts +0 -0
- /package/{dist/components → components}/ProgressBarStyle/index.fb6fd9ed.js +0 -0
- /package/{dist/components → components}/index.80514d59.js +0 -0
- /package/{dist/components → components}/index.d.ts +0 -0
- /package/{dist/contexts → contexts}/FormatterContext/index.92336f4c.js +0 -0
- /package/{dist/contexts → contexts}/FormatterContext/index.d.ts +0 -0
- /package/{dist/contexts → contexts}/FormatterContext/types.d.ts +0 -0
- /package/{dist/contexts → contexts}/HostThemeContext/index.a6a62c70.js +0 -0
- /package/{dist/contexts → contexts}/HostThemeContext/index.d.ts +0 -0
- /package/{dist/contexts → contexts}/HostThemeContext/types.d.ts +0 -0
- /package/{dist/contexts → contexts}/LocalesContext/helper.d.ts +0 -0
- /package/{dist/contexts → contexts}/LocalesContext/index.5b555637.js +0 -0
- /package/{dist/contexts → contexts}/LocalesContext/index.d.ts +0 -0
- /package/{dist/contexts → contexts}/LocalesContext/types.d.ts +0 -0
- /package/{dist/contexts → contexts}/index.2f4a4040.js +0 -0
- /package/{dist/contexts → contexts}/index.d.ts +0 -0
- /package/{dist/hooks → hooks}/index.c13bc37e.js +0 -0
- /package/{dist/hooks → hooks}/index.d.ts +0 -0
- /package/{dist/hooks → hooks}/useFirstRender/index.1e9b02fb.js +0 -0
- /package/{dist/hooks → hooks}/useFirstRender/index.d.ts +0 -0
- /package/{dist/hooks → hooks}/useFormatter/index.57ac8cca.js +0 -0
- /package/{dist/hooks → hooks}/useFormatter/index.d.ts +0 -0
- /package/{dist/hooks → hooks}/useHostTheme/index.1c8e4ad7.js +0 -0
- /package/{dist/hooks → hooks}/useHostTheme/index.d.ts +0 -0
- /package/{dist/hooks → hooks}/useIsMountedRef/index.d.ts +0 -0
- /package/{dist/hooks → hooks}/useLocales/index.d.ts +0 -0
- /package/{dist/hooks → hooks}/useLocales/index.f676279e.js +0 -0
- /package/{dist/hooks → hooks}/useOffSetTop.d.ts +0 -0
- /package/{dist/hooks → hooks}/useResponsive/index.d.ts +0 -0
- /package/{dist/hooks → hooks}/useResponsive/index.fc5e1b4f.js +0 -0
- /package/{dist/index.d.ts → index.d.ts} +0 -0
- /package/{dist/index.js → index.js} +0 -0
- /package/{dist/theme → theme}/breakpoints.d.ts +0 -0
- /package/{dist/theme → theme}/defaultThemeOptions.b2cdbe59.js +0 -0
- /package/{dist/theme → theme}/defaultThemeOptions.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Accordion.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Autocomplete.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Avatar.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Backdrop.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Badge.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Breadcrumbs.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Button.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/ButtonGroup.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Card.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Checkbox.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/ControlLabel.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/CssBaseline.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/DataGrid.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Dialog.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Drawer.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Fab.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/IconButton.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Input.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/InputLabel.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Link.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/List.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/LoadingButton.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Menu.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Pagination.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Paper.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Popover.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Progress.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Radio.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Skeleton.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Slider.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Stepper.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/SvgIcon.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Switch.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Table.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Tabs.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Timeline.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/ToggleButton.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Tooltip.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/Typography.d.ts +0 -0
- /package/{dist/theme → theme}/overrides/index.d.ts +0 -0
- /package/{dist/theme → theme}/overrides.7958c0ab.js +0 -0
- /package/{dist/theme → theme}/palette.2baf72f5.js +0 -0
- /package/{dist/theme → theme}/palette.d.ts +0 -0
- /package/{dist/theme → theme}/shadows.bf8dc290.js +0 -0
- /package/{dist/theme → theme}/shadows.d.ts +0 -0
- /package/{dist/theme → theme}/stretch.d.ts +0 -0
- /package/{dist/theme → theme}/typography.63fff3ec.js +0 -0
- /package/{dist/theme → theme}/typography.d.ts +0 -0
- /package/{dist/types → types}/index.d.ts +0 -0
- /package/{dist/utils → utils}/anchorEl.d.ts +0 -0
- /package/{dist/utils → utils}/getColorPresets.d.ts +0 -0
- /package/{dist/utils → utils}/getFontValue.d.ts +0 -0
- /package/{dist/utils → utils}/index.7ab4fc54.js +0 -0
- /package/{dist/utils → utils}/strings.d.ts +0 -0
- /package/{dist/vendor.3b4b3674.js → vendor.3b4b3674.js} +0 -0
- /package/{dist/vite-env.d.ts → vite-env.d.ts} +0 -0
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
// @mui
|
|
2
|
-
import { SvgIcon, SvgIconProps } from '@mui/material';
|
|
3
|
-
|
|
4
|
-
// ----------------------------------------------------------------------
|
|
5
|
-
|
|
6
|
-
// CloseIcon
|
|
7
|
-
export function CloseIcon(props: SvgIconProps) {
|
|
8
|
-
return (
|
|
9
|
-
<SvgIcon {...props}>
|
|
10
|
-
<path d="M12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 C17.5228475,22 22,17.5228475 22,12 C22,9.3478351 20.9464316,6.80429597 19.0710678,4.92893219 C17.195704,3.0535684 14.6521649,2 12,2 Z M14.71,13.29 C14.8993127,13.4777666 15.0057983,13.7333625 15.0057983,14 C15.0057983,14.2666375 14.8993127,14.5222334 14.71,14.71 C14.5222334,14.8993127 14.2666375,15.0057983 14,15.0057983 C13.7333625,15.0057983 13.4777666,14.8993127 13.29,14.71 L12,13.41 L10.71,14.71 C10.5222334,14.8993127 10.2666375,15.0057983 10,15.0057983 C9.73336246,15.0057983 9.4777666,14.8993127 9.29,14.71 C9.10068735,14.5222334 8.99420168,14.2666375 8.99420168,14 C8.99420168,13.7333625 9.10068735,13.4777666 9.29,13.29 L10.59,12 L9.29,10.71 C8.89787783,10.3178778 8.89787783,9.68212217 9.29,9.29 C9.68212217,8.89787783 10.3178778,8.89787783 10.71,9.29 L12,10.59 L13.29,9.29 C13.6821222,8.89787783 14.3178778,8.89787783 14.71,9.29 C15.1021222,9.68212217 15.1021222,10.3178778 14.71,10.71 L13.41,12 L14.71,13.29 Z" />
|
|
11
|
-
</SvgIcon>
|
|
12
|
-
);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
// StarIcon
|
|
16
|
-
export function StarIcon(props: SvgIconProps) {
|
|
17
|
-
return (
|
|
18
|
-
<SvgIcon {...props}>
|
|
19
|
-
<path d="M17.56,21 C17.4000767,21.0006435 17.2423316,20.9629218 17.1,20.89 L12,18.22 L6.9,20.89 C6.56213339,21.067663 6.15259539,21.0374771 5.8444287,20.8121966 C5.53626201,20.5869161 5.38323252,20.2058459 5.45,19.83 L6.45,14.2 L2.33,10.2 C2.06805623,9.93860108 1.9718844,9.55391377 2.08,9.2 C2.19824414,8.83742187 2.51242293,8.57366684 2.89,8.52 L8.59,7.69 L11.1,2.56 C11.2670864,2.21500967 11.6166774,1.99588989 12,1.99588989 C12.3833226,1.99588989 12.7329136,2.21500967 12.9,2.56 L15.44,7.68 L21.14,8.51 C21.5175771,8.56366684 21.8317559,8.82742187 21.95,9.19 C22.0581156,9.54391377 21.9619438,9.92860108 21.7,10.19 L17.58,14.19 L18.58,19.82 C18.652893,20.2027971 18.4967826,20.5930731 18.18,20.82 C17.9989179,20.9468967 17.7808835,21.010197 17.56,21 L17.56,21 Z" />
|
|
20
|
-
</SvgIcon>
|
|
21
|
-
);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
// Using for Alert
|
|
25
|
-
export function InfoIcon(props: SvgIconProps) {
|
|
26
|
-
return (
|
|
27
|
-
<SvgIcon {...props}>
|
|
28
|
-
<path d="M12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 C17.5228475,22 22,17.5228475 22,12 C22,9.3478351 20.9464316,6.80429597 19.0710678,4.92893219 C17.195704,3.0535684 14.6521649,2 12,2 Z M13,16 C13,16.5522847 12.5522847,17 12,17 C11.4477153,17 11,16.5522847 11,16 L11,11 C11,10.4477153 11.4477153,10 12,10 C12.5522847,10 13,10.4477153 13,11 L13,16 Z M12,9 C11.4477153,9 11,8.55228475 11,8 C11,7.44771525 11.4477153,7 12,7 C12.5522847,7 13,7.44771525 13,8 C13,8.55228475 12.5522847,9 12,9 Z" />
|
|
29
|
-
</SvgIcon>
|
|
30
|
-
);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
export function WarningIcon(props: SvgIconProps) {
|
|
34
|
-
return (
|
|
35
|
-
<SvgIcon {...props}>
|
|
36
|
-
<path d="M22.56,16.3 L14.89,3.58 C14.2597186,2.59400001 13.1702353,1.99737652 12,1.99737652 C10.8297647,1.99737652 9.74028139,2.59400001 9.11,3.58 L1.44,16.3 C0.888546003,17.2192471 0.869485343,18.3628867 1.39,19.3 C1.99197363,20.3551378 3.11522982,21.0046397 4.33,21 L19.67,21 C20.8765042,21.0128744 21.9978314,20.3797441 22.61,19.34 C23.146086,18.3926382 23.1269508,17.2292197 22.56,16.3 L22.56,16.3 Z M12,17 C11.4477153,17 11,16.5522847 11,16 C11,15.4477153 11.4477153,15 12,15 C12.5522847,15 13,15.4477153 13,16 C13,16.5522847 12.5522847,17 12,17 Z M13,13 C13,13.5522847 12.5522847,14 12,14 C11.4477153,14 11,13.5522847 11,13 L11,9 C11,8.44771525 11.4477153,8 12,8 C12.5522847,8 13,8.44771525 13,9 L13,13 Z" />
|
|
37
|
-
</SvgIcon>
|
|
38
|
-
);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
export function SuccessIcon(props: SvgIconProps) {
|
|
42
|
-
return (
|
|
43
|
-
<SvgIcon {...props}>
|
|
44
|
-
<path d="M12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 C17.5228475,22 22,17.5228475 22,12 C22,9.3478351 20.9464316,6.80429597 19.0710678,4.92893219 C17.195704,3.0535684 14.6521649,2 12,2 Z M16.3,9.61 L11.73,15.61 C11.5412074,15.855247 11.2494966,15.9992561 10.94,16.0000145 C10.6322197,16.001658 10.3408221,15.861492 10.15,15.62 L7.71,12.51 C7.49028166,12.2277602 7.43782669,11.8497415 7.57239438,11.5183399 C7.70696206,11.1869384 8.00810836,10.9525017 8.36239438,10.9033399 C8.7166804,10.8541782 9.07028166,10.9977602 9.29,11.28 L10.92,13.36 L14.7,8.36 C14.917932,8.07418751 15.2717886,7.92635122 15.6282755,7.97217964 C15.9847624,8.01800806 16.2897207,8.25053875 16.4282755,8.58217966 C16.5668304,8.91382056 16.517932,9.29418753 16.3,9.58 L16.3,9.61 Z" />
|
|
45
|
-
</SvgIcon>
|
|
46
|
-
);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
export function ErrorIcon(props: SvgIconProps) {
|
|
50
|
-
return (
|
|
51
|
-
<SvgIcon {...props}>
|
|
52
|
-
<path d="M12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 C17.5228475,22 22,17.5228475 22,12 C22,9.3478351 20.9464316,6.80429597 19.0710678,4.92893219 C17.195704,3.0535684 14.6521649,2 12,2 Z M12,17 C11.4477153,17 11,16.5522847 11,16 C11,15.4477153 11.4477153,15 12,15 C12.5522847,15 13,15.4477153 13,16 C13,16.5522847 12.5522847,17 12,17 Z M13,13 C13,13.5522847 12.5522847,14 12,14 C11.4477153,14 11,13.5522847 11,13 L11,8 C11,7.44771525 11.4477153,7 12,7 C12.5522847,7 13,7.44771525 13,8 L13,13 Z" />
|
|
53
|
-
</SvgIcon>
|
|
54
|
-
);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
// Using for Checkbox
|
|
58
|
-
export function CheckboxIcon(props: SvgIconProps) {
|
|
59
|
-
return (
|
|
60
|
-
<SvgIcon {...props}>
|
|
61
|
-
<path d="M17 3a4 4 0 014 4v10a4 4 0 01-4 4H7a4 4 0 01-4-4V7a4 4 0 014-4h10zm0 2H7a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2z" />
|
|
62
|
-
</SvgIcon>
|
|
63
|
-
);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
export function CheckboxCheckedIcon(props: SvgIconProps) {
|
|
67
|
-
return (
|
|
68
|
-
<SvgIcon {...props}>
|
|
69
|
-
<path d="M17 3a4 4 0 014 4v10a4 4 0 01-4 4H7a4 4 0 01-4-4V7a4 4 0 014-4h10zm-1.372 4.972a1.006 1.006 0 00-.928.388l-3.78 5-1.63-2.08a1.001 1.001 0 00-1.58 1.23l2.44 3.11a1 1 0 001.58-.01l4.57-6v-.03a1.006 1.006 0 00-.672-1.608z" />
|
|
70
|
-
</SvgIcon>
|
|
71
|
-
);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
export function CheckboxIndeterminateIcon(props: SvgIconProps) {
|
|
75
|
-
return (
|
|
76
|
-
<SvgIcon {...props}>
|
|
77
|
-
<path d="M17 3a4 4 0 014 4v10a4 4 0 01-4 4H7a4 4 0 01-4-4V7a4 4 0 014-4h10zm-1.75 8h-6.5a.75.75 0 00-.75.75v.5c0 .414.336.75.75.75h6.5a.75.75 0 00.75-.75v-.5a.75.75 0 00-.75-.75z" />
|
|
78
|
-
</SvgIcon>
|
|
79
|
-
);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
// Using for Select Input
|
|
83
|
-
export function InputSelectIcon(props: SvgIconProps) {
|
|
84
|
-
return (
|
|
85
|
-
<SvgIcon
|
|
86
|
-
{...props}
|
|
87
|
-
sx={{
|
|
88
|
-
right: 12,
|
|
89
|
-
fontSize: 16,
|
|
90
|
-
position: 'absolute',
|
|
91
|
-
pointerEvents: 'none',
|
|
92
|
-
}}
|
|
93
|
-
>
|
|
94
|
-
<path d="M12,16 C11.7663478,16.0004565 11.5399121,15.9190812 11.36,15.77 L5.36,10.77 C4.93474074,10.4165378 4.87653776,9.78525926 5.23,9.36 C5.58346224,8.93474074 6.21474074,8.87653776 6.64,9.23 L12,13.71 L17.36,9.39 C17.5665934,9.2222295 17.8315409,9.14373108 18.0961825,9.17188444 C18.3608241,9.2000378 18.6033268,9.33252029 18.77,9.54 C18.9551341,9.74785947 19.0452548,10.0234772 19.0186853,10.3005589 C18.9921158,10.5776405 18.8512608,10.8311099 18.63,11 L12.63,15.83 C12.444916,15.955516 12.2231011,16.0153708 12,16 Z" />
|
|
95
|
-
</SvgIcon>
|
|
96
|
-
);
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
// Using for TreeView
|
|
100
|
-
export function TreeViewCollapseIcon(props: SvgIconProps) {
|
|
101
|
-
return (
|
|
102
|
-
<SvgIcon {...props}>
|
|
103
|
-
<path d="M18,3 C19.6568542,3 21,4.34314575 21,6 L21,6 L21,18 C21,19.6568542 19.6568542,21 18,21 L18,21 L6,21 C4.34314575,21 3,19.6568542 3,18 L3,18 L3,6 C3,4.34314575 4.34314575,3 6,3 L6,3 Z M18,5 L6,5 C5.44771525,5 5,5.44771525 5,6 L5,6 L5,18 C5,18.5522847 5.44771525,19 6,19 L6,19 L18,19 C18.5522847,19 19,18.5522847 19,18 L19,18 L19,6 C19,5.44771525 18.5522847,5 18,5 L18,5 Z M12,8 C12.5522847,8 13,8.44771525 13,9 L13,9 L13,11 L15,11 C15.5522847,11 16,11.4477153 16,12 C16,12.5522847 15.5522847,13 15,13 L15,13 L13,13 L13,15 C13,15.5522847 12.5522847,16 12,16 C11.4477153,16 11,15.5522847 11,15 L11,15 L11,13 L9,13 C8.44771525,13 8,12.5522847 8,12 C8,11.4477153 8.44771525,11 9,11 L9,11 L11,11 L11,9 C11,8.44771525 11.4477153,8 12,8 Z" />
|
|
104
|
-
</SvgIcon>
|
|
105
|
-
);
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
export function TreeViewExpandIcon(props: SvgIconProps) {
|
|
109
|
-
return (
|
|
110
|
-
<SvgIcon {...props}>
|
|
111
|
-
<path d="M18,3 C19.6568542,3 21,4.34314575 21,6 L21,6 L21,18 C21,19.6568542 19.6568542,21 18,21 L18,21 L6,21 C4.34314575,21 3,19.6568542 3,18 L3,18 L3,6 C3,4.34314575 4.34314575,3 6,3 L6,3 Z M18,5 L6,5 C5.44771525,5 5,5.44771525 5,6 L5,6 L5,18 C5,18.5522847 5.44771525,19 6,19 L6,19 L18,19 C18.5522847,19 19,18.5522847 19,18 L19,18 L19,6 C19,5.44771525 18.5522847,5 18,5 L18,5 Z M15,11 C15.5522847,11 16,11.4477153 16,12 C16,12.5522847 15.5522847,13 15,13 L15,13 L9,13 C8.44771525,13 8,12.5522847 8,12 C8,11.4477153 8.44771525,11 9,11 L9,11 Z" />
|
|
112
|
-
</SvgIcon>
|
|
113
|
-
);
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
export function TreeViewEndIcon(props: SvgIconProps) {
|
|
117
|
-
return (
|
|
118
|
-
<SvgIcon {...props}>
|
|
119
|
-
<path d="M18,3 C19.6568542,3 21,4.34314575 21,6 L21,6 L21,18 C21,19.6568542 19.6568542,21 18,21 L18,21 L6,21 C4.34314575,21 3,19.6568542 3,18 L3,18 L3,6 C3,4.34314575 4.34314575,3 6,3 L6,3 Z M18,5 L6,5 C5.44771525,5 5,5.44771525 5,6 L5,6 L5,18 C5,18.5522847 5.44771525,19 6,19 L6,19 L18,19 C18.5522847,19 19,18.5522847 19,18 L19,18 L19,6 C19,5.44771525 18.5522847,5 18,5 L18,5 Z M14,8.99420168 C14.2666375,8.99420168 14.5222334,9.10068735 14.71,9.29 C14.8993127,9.4777666 15.0057983,9.73336246 15.0057983,10 C15.0057983,10.2666375 14.8993127,10.5222334 14.71,10.71 L14.71,10.71 L13.41,12 L14.71,13.29 C14.8993127,13.4777666 15.0057983,13.7333625 15.0057983,14 C15.0057983,14.2666375 14.8993127,14.5222334 14.71,14.71 C14.5222334,14.8993127 14.2666375,15.0057983 14,15.0057983 C13.7333625,15.0057983 13.4777666,14.8993127 13.29,14.71 L13.29,14.71 L12,13.41 L10.71,14.71 C10.5222334,14.8993127 10.2666375,15.0057983 10,15.0057983 C9.73336246,15.0057983 9.4777666,14.8993127 9.29,14.71 C9.10068735,14.5222334 8.99420168,14.2666375 8.99420168,14 C8.99420168,13.7333625 9.10068735,13.4777666 9.29,13.29 L9.29,13.29 L10.59,12 L9.29,10.71 C8.89787783,10.3178778 8.89787783,9.68212217 9.29,9.29 C9.68212217,8.89787783 10.3178778,8.89787783 10.71,9.29 L10.71,9.29 L12,10.59 L13.29,9.29 C13.4777666,9.10068735 13.7333625,8.99420168 14,8.99420168 Z" />
|
|
120
|
-
</SvgIcon>
|
|
121
|
-
);
|
|
122
|
-
}
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@mui/material/styles';
|
|
2
|
-
|
|
3
|
-
// ----------------------------------------------------------------------
|
|
4
|
-
|
|
5
|
-
export default function DataGrid(theme: Theme) {
|
|
6
|
-
return {
|
|
7
|
-
MuiDataGrid: {
|
|
8
|
-
styleOverrides: {
|
|
9
|
-
root: {
|
|
10
|
-
borderRadius: 0,
|
|
11
|
-
border: `1px solid transparent`,
|
|
12
|
-
'& .MuiTablePagination-root': {
|
|
13
|
-
borderTop: 0,
|
|
14
|
-
},
|
|
15
|
-
'& .MuiDataGrid-toolbarContainer': {
|
|
16
|
-
padding: theme.spacing(2),
|
|
17
|
-
backgroundColor: theme.palette.background.neutral,
|
|
18
|
-
'& .MuiButton-root': {
|
|
19
|
-
marginRight: theme.spacing(1.5),
|
|
20
|
-
color: theme.palette.text.primary,
|
|
21
|
-
'&:hover': {
|
|
22
|
-
backgroundColor: theme.palette.action.hover,
|
|
23
|
-
},
|
|
24
|
-
},
|
|
25
|
-
},
|
|
26
|
-
'& .MuiDataGrid-cell, .MuiDataGrid-columnsContainer': {
|
|
27
|
-
borderBottom: `1px solid ${theme.palette.divider}`,
|
|
28
|
-
},
|
|
29
|
-
'& .MuiDataGrid-columnSeparator': {
|
|
30
|
-
color: theme.palette.divider,
|
|
31
|
-
},
|
|
32
|
-
'& .MuiDataGrid-columnHeader[data-field="__check__"]': {
|
|
33
|
-
padding: 0,
|
|
34
|
-
},
|
|
35
|
-
},
|
|
36
|
-
},
|
|
37
|
-
},
|
|
38
|
-
MuiGridMenu: {
|
|
39
|
-
styleOverrides: {
|
|
40
|
-
root: {
|
|
41
|
-
'& .MuiDataGrid-gridMenuList': {
|
|
42
|
-
boxShadow: theme.customShadows.z20,
|
|
43
|
-
borderRadius: theme.shape.borderRadius,
|
|
44
|
-
},
|
|
45
|
-
'& .MuiMenuItem-root': {
|
|
46
|
-
...theme.typography.body2,
|
|
47
|
-
},
|
|
48
|
-
},
|
|
49
|
-
},
|
|
50
|
-
},
|
|
51
|
-
MuiGridFilterForm: {
|
|
52
|
-
styleOverrides: {
|
|
53
|
-
root: {
|
|
54
|
-
padding: theme.spacing(1.5, 0),
|
|
55
|
-
'& .MuiFormControl-root': {
|
|
56
|
-
margin: theme.spacing(0, 0.5),
|
|
57
|
-
},
|
|
58
|
-
'& .MuiInput-root': {
|
|
59
|
-
marginTop: theme.spacing(3),
|
|
60
|
-
'&::before, &::after': {
|
|
61
|
-
display: 'none',
|
|
62
|
-
},
|
|
63
|
-
'& .MuiNativeSelect-select, .MuiInput-input': {
|
|
64
|
-
...theme.typography.body2,
|
|
65
|
-
padding: theme.spacing(0.75, 1),
|
|
66
|
-
borderRadius: theme.shape.borderRadius,
|
|
67
|
-
backgroundColor: theme.palette.background.neutral,
|
|
68
|
-
},
|
|
69
|
-
'& .MuiSvgIcon-root': {
|
|
70
|
-
right: 4,
|
|
71
|
-
},
|
|
72
|
-
},
|
|
73
|
-
},
|
|
74
|
-
},
|
|
75
|
-
},
|
|
76
|
-
MuiGridPanelFooter: {
|
|
77
|
-
styleOverrides: {
|
|
78
|
-
root: {
|
|
79
|
-
padding: theme.spacing(2),
|
|
80
|
-
justifyContent: 'flex-end',
|
|
81
|
-
'& .MuiButton-root': {
|
|
82
|
-
'&:first-of-type': {
|
|
83
|
-
marginRight: theme.spacing(1.5),
|
|
84
|
-
color: theme.palette.text.primary,
|
|
85
|
-
'&:hover': {
|
|
86
|
-
backgroundColor: theme.palette.action.hover,
|
|
87
|
-
},
|
|
88
|
-
},
|
|
89
|
-
'&:last-of-type': {
|
|
90
|
-
color: theme.palette.common.white,
|
|
91
|
-
backgroundColor: theme.palette.primary.main,
|
|
92
|
-
'&:hover': {
|
|
93
|
-
backgroundColor: theme.palette.primary.dark,
|
|
94
|
-
},
|
|
95
|
-
},
|
|
96
|
-
},
|
|
97
|
-
},
|
|
98
|
-
},
|
|
99
|
-
},
|
|
100
|
-
};
|
|
101
|
-
}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@mui/material/styles';
|
|
2
|
-
|
|
3
|
-
// ----------------------------------------------------------------------
|
|
4
|
-
|
|
5
|
-
export default function Dialog(theme: Theme) {
|
|
6
|
-
return {
|
|
7
|
-
MuiDialog: {
|
|
8
|
-
styleOverrides: {
|
|
9
|
-
paper: {
|
|
10
|
-
boxShadow: theme.customShadows.dialog,
|
|
11
|
-
'&.MuiPaper-rounded': {
|
|
12
|
-
borderRadius: Number(theme.shape.borderRadius) * 2,
|
|
13
|
-
},
|
|
14
|
-
'&.MuiDialog-paperFullScreen': {
|
|
15
|
-
borderRadius: 0,
|
|
16
|
-
},
|
|
17
|
-
'&.MuiDialog-paper .MuiDialogActions-root': {
|
|
18
|
-
padding: theme.spacing(3),
|
|
19
|
-
},
|
|
20
|
-
'@media (max-width: 600px)': {
|
|
21
|
-
margin: theme.spacing(2),
|
|
22
|
-
},
|
|
23
|
-
'@media (max-width: 663.95px)': {
|
|
24
|
-
'&.MuiDialog-paperWidthSm.MuiDialog-paperScrollBody': {
|
|
25
|
-
maxWidth: '100%',
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
},
|
|
29
|
-
paperFullWidth: {
|
|
30
|
-
width: '100%',
|
|
31
|
-
},
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
MuiDialogTitle: {
|
|
35
|
-
styleOverrides: {
|
|
36
|
-
root: {
|
|
37
|
-
padding: theme.spacing(3, 3, 0),
|
|
38
|
-
},
|
|
39
|
-
},
|
|
40
|
-
},
|
|
41
|
-
MuiDialogContent: {
|
|
42
|
-
styleOverrides: {
|
|
43
|
-
root: {
|
|
44
|
-
borderTop: 0,
|
|
45
|
-
borderBottom: 0,
|
|
46
|
-
padding: theme.spacing(3),
|
|
47
|
-
},
|
|
48
|
-
},
|
|
49
|
-
},
|
|
50
|
-
MuiDialogActions: {
|
|
51
|
-
styleOverrides: {
|
|
52
|
-
root: {
|
|
53
|
-
'& > :not(:first-of-type)': {
|
|
54
|
-
marginLeft: theme.spacing(1.5),
|
|
55
|
-
},
|
|
56
|
-
},
|
|
57
|
-
},
|
|
58
|
-
},
|
|
59
|
-
};
|
|
60
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { alpha, Theme } from '@mui/material';
|
|
2
|
-
|
|
3
|
-
// ----------------------------------------------------------------------
|
|
4
|
-
|
|
5
|
-
export default function Drawer(theme: Theme) {
|
|
6
|
-
const isLight = theme.palette.mode === 'light';
|
|
7
|
-
|
|
8
|
-
return {
|
|
9
|
-
MuiDrawer: {
|
|
10
|
-
styleOverrides: {
|
|
11
|
-
modal: {
|
|
12
|
-
'&[role="presentation"]': {
|
|
13
|
-
'& .MuiDrawer-paperAnchorLeft': {
|
|
14
|
-
boxShadow: `8px 24px 24px 12px ${alpha(
|
|
15
|
-
theme.palette.grey[900],
|
|
16
|
-
isLight ? 0.16 : 0.48,
|
|
17
|
-
)}`,
|
|
18
|
-
},
|
|
19
|
-
'& .MuiDrawer-paperAnchorRight': {
|
|
20
|
-
boxShadow: `-8px 24px 24px 12px ${alpha(
|
|
21
|
-
theme.palette.grey[900],
|
|
22
|
-
isLight ? 0.16 : 0.48,
|
|
23
|
-
)}`,
|
|
24
|
-
},
|
|
25
|
-
},
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
},
|
|
29
|
-
};
|
|
30
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@mui/material/styles';
|
|
2
|
-
|
|
3
|
-
// ----------------------------------------------------------------------
|
|
4
|
-
|
|
5
|
-
export default function Fab(theme: Theme) {
|
|
6
|
-
return {
|
|
7
|
-
MuiFab: {
|
|
8
|
-
defaultProps: {
|
|
9
|
-
color: 'primary',
|
|
10
|
-
},
|
|
11
|
-
|
|
12
|
-
styleOverrides: {
|
|
13
|
-
root: {
|
|
14
|
-
boxShadow: theme.customShadows.z8,
|
|
15
|
-
'&:hover': {
|
|
16
|
-
boxShadow: 'none',
|
|
17
|
-
backgroundColor: theme.palette.grey[400],
|
|
18
|
-
},
|
|
19
|
-
},
|
|
20
|
-
primary: {
|
|
21
|
-
boxShadow: theme.customShadows.primary,
|
|
22
|
-
'&:hover': {
|
|
23
|
-
backgroundColor: theme.palette.primary.dark,
|
|
24
|
-
},
|
|
25
|
-
},
|
|
26
|
-
secondary: {
|
|
27
|
-
boxShadow: theme.customShadows.secondary,
|
|
28
|
-
'&:hover': {
|
|
29
|
-
backgroundColor: theme.palette.secondary.dark,
|
|
30
|
-
},
|
|
31
|
-
},
|
|
32
|
-
extended: {
|
|
33
|
-
'& svg': {
|
|
34
|
-
marginRight: theme.spacing(1),
|
|
35
|
-
},
|
|
36
|
-
},
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
};
|
|
40
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@mui/material/styles';
|
|
2
|
-
|
|
3
|
-
// ----------------------------------------------------------------------
|
|
4
|
-
|
|
5
|
-
export default function IconButton(theme: Theme) {
|
|
6
|
-
return {
|
|
7
|
-
MuiIconButton: {
|
|
8
|
-
// defaultProps: {
|
|
9
|
-
// color: theme.palette.text.primary,
|
|
10
|
-
// },
|
|
11
|
-
styleOverrides: {
|
|
12
|
-
root: {
|
|
13
|
-
'&.MuiIconButton-sizeSmall': {
|
|
14
|
-
height: theme.spacing(3),
|
|
15
|
-
width: theme.spacing(3),
|
|
16
|
-
margin: 0,
|
|
17
|
-
padding: 0,
|
|
18
|
-
|
|
19
|
-
' > svg': {
|
|
20
|
-
height: 20,
|
|
21
|
-
width: 20,
|
|
22
|
-
},
|
|
23
|
-
'& .MuiBox-root': {
|
|
24
|
-
height: 20,
|
|
25
|
-
width: 20,
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
},
|
|
29
|
-
// colorDefault: {
|
|
30
|
-
// color: theme.palette.text.primary,
|
|
31
|
-
// }
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
};
|
|
35
|
-
}
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@mui/material/styles';
|
|
2
|
-
declare module '@mui/material/styles/createPalette' {
|
|
3
|
-
interface TypeBackground {
|
|
4
|
-
neutral: string;
|
|
5
|
-
autofill: string;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
// ----------------------------------------------------------------------
|
|
9
|
-
|
|
10
|
-
export default function Input(theme: Theme) {
|
|
11
|
-
return {
|
|
12
|
-
MuiFormControl: {
|
|
13
|
-
styleOverrides: {
|
|
14
|
-
root: {},
|
|
15
|
-
},
|
|
16
|
-
},
|
|
17
|
-
MuiInputBase: {
|
|
18
|
-
styleOverrides: {
|
|
19
|
-
root: {
|
|
20
|
-
backgroundColor: theme.palette.background.default,
|
|
21
|
-
...theme.typography.body2,
|
|
22
|
-
borderRadius: theme.spacing(1),
|
|
23
|
-
'&.Mui-disabled': {
|
|
24
|
-
'& svg': { color: theme.palette.text.disabled },
|
|
25
|
-
},
|
|
26
|
-
padding: '0px',
|
|
27
|
-
},
|
|
28
|
-
input: {
|
|
29
|
-
paddingLeft: '8px',
|
|
30
|
-
'&::placeholder': {
|
|
31
|
-
opacity: 1,
|
|
32
|
-
color: theme.palette.text.disabled,
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
},
|
|
36
|
-
},
|
|
37
|
-
/* Style input outline */
|
|
38
|
-
MuiInput: {
|
|
39
|
-
styleOverrides: {
|
|
40
|
-
underline: {
|
|
41
|
-
'&:before': {
|
|
42
|
-
borderBottomColor: theme.palette.grey[500_56],
|
|
43
|
-
},
|
|
44
|
-
},
|
|
45
|
-
},
|
|
46
|
-
},
|
|
47
|
-
MuiFilledInput: {
|
|
48
|
-
styleOverrides: {
|
|
49
|
-
root: {
|
|
50
|
-
backgroundColor: theme.palette.grey[500_12],
|
|
51
|
-
'&:hover': {
|
|
52
|
-
backgroundColor: theme.palette.grey[500_16],
|
|
53
|
-
},
|
|
54
|
-
'&.Mui-focused': {
|
|
55
|
-
backgroundColor: theme.palette.action.focus,
|
|
56
|
-
},
|
|
57
|
-
'&.Mui-disabled': {
|
|
58
|
-
backgroundColor: theme.palette.action.disabledBackground,
|
|
59
|
-
},
|
|
60
|
-
},
|
|
61
|
-
underline: {
|
|
62
|
-
'&:before': {
|
|
63
|
-
borderBottomColor: theme.palette.grey[500_56],
|
|
64
|
-
},
|
|
65
|
-
},
|
|
66
|
-
},
|
|
67
|
-
},
|
|
68
|
-
/* Estilos variante outlined */
|
|
69
|
-
MuiOutlinedInput: {
|
|
70
|
-
styleOverrides: {
|
|
71
|
-
root: {
|
|
72
|
-
...theme.typography.body2,
|
|
73
|
-
color: theme.palette.text.primary,
|
|
74
|
-
'& > input': {
|
|
75
|
-
padding: theme.spacing(1.5, 1.5),
|
|
76
|
-
},
|
|
77
|
-
'& .MuiOutlinedInput-notchedOutline': {
|
|
78
|
-
borderColor: theme.palette.grey[500_32],
|
|
79
|
-
fontSize: '0.875rem',
|
|
80
|
-
},
|
|
81
|
-
'&.Mui-disabled': {
|
|
82
|
-
'& .MuiOutlinedInput-notchedOutline': {
|
|
83
|
-
borderColor: theme.palette.action.disabledBackground,
|
|
84
|
-
},
|
|
85
|
-
},
|
|
86
|
-
'& .MuiOutlinedInput-input:-webkit-autofill': {
|
|
87
|
-
WebkitBoxShadow: `0 0 0 1000px ${theme.palette.background.autofill} inset`,
|
|
88
|
-
// -webkit-box-shadow: 0 0 0 100px #985026 inset;
|
|
89
|
-
},
|
|
90
|
-
},
|
|
91
|
-
},
|
|
92
|
-
},
|
|
93
|
-
};
|
|
94
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@mui/material/styles';
|
|
2
|
-
|
|
3
|
-
export default function InputLabel(_theme: Theme) {
|
|
4
|
-
return {
|
|
5
|
-
MuiInputLabel: {
|
|
6
|
-
styleOverrides: {
|
|
7
|
-
shrink: {
|
|
8
|
-
transform: 'translate(14px, -9px) scale(0.75)!important',
|
|
9
|
-
},
|
|
10
|
-
outlined: {
|
|
11
|
-
transform: 'translate(14px, 12px) scale(1)',
|
|
12
|
-
fontSize: 12,
|
|
13
|
-
},
|
|
14
|
-
},
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@mui/material/styles';
|
|
2
|
-
|
|
3
|
-
// ----------------------------------------------------------------------
|
|
4
|
-
|
|
5
|
-
export default function Link(theme: Theme) {
|
|
6
|
-
return {
|
|
7
|
-
MuiLink: {
|
|
8
|
-
defaultProps: {
|
|
9
|
-
underline: 'hover',
|
|
10
|
-
},
|
|
11
|
-
styleOverrides: {
|
|
12
|
-
root: {
|
|
13
|
-
'&.MuiLink-underlineHover': {
|
|
14
|
-
textDecorationColor: theme.palette.primary.main,
|
|
15
|
-
},
|
|
16
|
-
},
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@mui/material/styles';
|
|
2
|
-
|
|
3
|
-
// ----------------------------------------------------------------------
|
|
4
|
-
|
|
5
|
-
export default function List(theme: Theme) {
|
|
6
|
-
return {
|
|
7
|
-
MuiListItemIcon: {
|
|
8
|
-
styleOverrides: {
|
|
9
|
-
root: {
|
|
10
|
-
color: 'inherit',
|
|
11
|
-
minWidth: 'auto',
|
|
12
|
-
marginRight: theme.spacing(2),
|
|
13
|
-
},
|
|
14
|
-
},
|
|
15
|
-
},
|
|
16
|
-
MuiListItemAvatar: {
|
|
17
|
-
styleOverrides: {
|
|
18
|
-
root: {
|
|
19
|
-
minWidth: 'auto',
|
|
20
|
-
marginRight: theme.spacing(2),
|
|
21
|
-
},
|
|
22
|
-
},
|
|
23
|
-
},
|
|
24
|
-
MuiListItemText: {
|
|
25
|
-
styleOverrides: {
|
|
26
|
-
root: {
|
|
27
|
-
marginTop: 0,
|
|
28
|
-
marginBottom: 0,
|
|
29
|
-
},
|
|
30
|
-
multiline: {
|
|
31
|
-
marginTop: 0,
|
|
32
|
-
marginBottom: 0,
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
},
|
|
36
|
-
};
|
|
37
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@mui/material/styles';
|
|
2
|
-
|
|
3
|
-
// ----------------------------------------------------------------------
|
|
4
|
-
|
|
5
|
-
export default function LoadingButton(theme: Theme) {
|
|
6
|
-
return {
|
|
7
|
-
MuiLoadingButton: {
|
|
8
|
-
styleOverrides: {
|
|
9
|
-
root: {
|
|
10
|
-
'&.MuiLoadingButton-root': {
|
|
11
|
-
...theme.typography.subtitle2,
|
|
12
|
-
'& .MuiCircularProgress-root': {
|
|
13
|
-
color: theme.palette.primary.main,
|
|
14
|
-
},
|
|
15
|
-
},
|
|
16
|
-
'&.MuiButton-text': {
|
|
17
|
-
'& .MuiLoadingButton-startIconPendingStart': {
|
|
18
|
-
marginLeft: 0,
|
|
19
|
-
},
|
|
20
|
-
'& .MuiLoadingButton-endIconPendingEnd': {
|
|
21
|
-
marginRight: 0,
|
|
22
|
-
},
|
|
23
|
-
},
|
|
24
|
-
},
|
|
25
|
-
},
|
|
26
|
-
},
|
|
27
|
-
};
|
|
28
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@mui/material/styles';
|
|
2
|
-
|
|
3
|
-
// ----------------------------------------------------------------------
|
|
4
|
-
|
|
5
|
-
export default function Menu(theme: Theme) {
|
|
6
|
-
return {
|
|
7
|
-
MuiMenuItem: {
|
|
8
|
-
styleOverrides: {
|
|
9
|
-
root: {
|
|
10
|
-
'&.Mui-selected': {
|
|
11
|
-
backgroundColor: theme.palette.action.selected,
|
|
12
|
-
'&:hover': {
|
|
13
|
-
backgroundColor: theme.palette.action.hover,
|
|
14
|
-
},
|
|
15
|
-
},
|
|
16
|
-
},
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { alpha, Theme } from '@mui/material/styles';
|
|
2
|
-
|
|
3
|
-
// ----------------------------------------------------------------------
|
|
4
|
-
|
|
5
|
-
export default function Pagination(theme: Theme) {
|
|
6
|
-
return {
|
|
7
|
-
MuiPaginationItem: {
|
|
8
|
-
styleOverrides: {
|
|
9
|
-
root: {
|
|
10
|
-
'&.Mui-selected': {
|
|
11
|
-
fontWeight: theme.typography.fontWeightBold,
|
|
12
|
-
},
|
|
13
|
-
},
|
|
14
|
-
textPrimary: {
|
|
15
|
-
'&.Mui-selected': {
|
|
16
|
-
color: theme.palette.primary.main,
|
|
17
|
-
backgroundColor: alpha(theme.palette.primary.main, 0.08),
|
|
18
|
-
'&:hover, &.Mui-focusVisible': {
|
|
19
|
-
backgroundColor: `${alpha(
|
|
20
|
-
theme.palette.primary.main,
|
|
21
|
-
0.24,
|
|
22
|
-
)} !important`,
|
|
23
|
-
},
|
|
24
|
-
},
|
|
25
|
-
},
|
|
26
|
-
outlined: {
|
|
27
|
-
border: `1px solid ${theme.palette.grey[500_32]}`,
|
|
28
|
-
},
|
|
29
|
-
outlinedPrimary: {
|
|
30
|
-
'&.Mui-selected': {
|
|
31
|
-
backgroundColor: alpha(theme.palette.primary.main, 0.08),
|
|
32
|
-
border: `1px solid ${alpha(theme.palette.primary.main, 0.24)}`,
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
},
|
|
36
|
-
},
|
|
37
|
-
};
|
|
38
|
-
}
|