@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.
Files changed (180) hide show
  1. package/package.json +7 -49
  2. package/.eslintignore +0 -2
  3. package/.eslintrc.cjs +0 -118
  4. package/.gitignore +0 -24
  5. package/.gitlab-ci.yml +0 -15
  6. package/.prettierignore +0 -3
  7. package/.prettierrc.json +0 -26
  8. package/.vscode/settings.json +0 -50
  9. package/dist/package.json +0 -34
  10. package/src/components/ProgressBarStyle/index.tsx +0 -39
  11. package/src/components/index.ts +0 -3
  12. package/src/contexts/FormatterContext/index.tsx +0 -131
  13. package/src/contexts/FormatterContext/types.ts +0 -73
  14. package/src/contexts/HostThemeContext/index.tsx +0 -85
  15. package/src/contexts/HostThemeContext/types.ts +0 -16
  16. package/src/contexts/LocalesContext/helper.ts +0 -67
  17. package/src/contexts/LocalesContext/index.tsx +0 -152
  18. package/src/contexts/LocalesContext/types.ts +0 -37
  19. package/src/contexts/index.ts +0 -15
  20. package/src/hooks/index.ts +0 -8
  21. package/src/hooks/useFirstRender/index.ts +0 -17
  22. package/src/hooks/useFormatter/index.ts +0 -10
  23. package/src/hooks/useHostTheme/index.ts +0 -10
  24. package/src/hooks/useIsMountedRef/index.ts +0 -16
  25. package/src/hooks/useLocales/index.ts +0 -10
  26. package/src/hooks/useOffSetTop.ts +0 -26
  27. package/src/hooks/useResponsive/index.ts +0 -44
  28. package/src/index.ts +0 -25
  29. package/src/theme/breakpoints.ts +0 -13
  30. package/src/theme/defaultThemeOptions.ts +0 -42
  31. package/src/theme/overrides/Accordion.ts +0 -85
  32. package/src/theme/overrides/Alert.tsx +0 -74
  33. package/src/theme/overrides/Autocomplete.ts +0 -31
  34. package/src/theme/overrides/Avatar.ts +0 -29
  35. package/src/theme/overrides/Backdrop.ts +0 -26
  36. package/src/theme/overrides/Badge.ts +0 -17
  37. package/src/theme/overrides/Breadcrumbs.ts +0 -16
  38. package/src/theme/overrides/Button.ts +0 -62
  39. package/src/theme/overrides/ButtonGroup.ts +0 -51
  40. package/src/theme/overrides/Card.ts +0 -36
  41. package/src/theme/overrides/Checkbox.tsx +0 -54
  42. package/src/theme/overrides/Chip.tsx +0 -49
  43. package/src/theme/overrides/ControlLabel.ts +0 -29
  44. package/src/theme/overrides/CssBaseline.ts +0 -46
  45. package/src/theme/overrides/CustomIcons.tsx +0 -122
  46. package/src/theme/overrides/DataGrid.ts +0 -101
  47. package/src/theme/overrides/Dialog.ts +0 -60
  48. package/src/theme/overrides/Drawer.ts +0 -30
  49. package/src/theme/overrides/Fab.ts +0 -40
  50. package/src/theme/overrides/IconButton.ts +0 -35
  51. package/src/theme/overrides/Input.ts +0 -94
  52. package/src/theme/overrides/InputLabel.ts +0 -17
  53. package/src/theme/overrides/Link.ts +0 -20
  54. package/src/theme/overrides/List.ts +0 -37
  55. package/src/theme/overrides/LoadingButton.ts +0 -28
  56. package/src/theme/overrides/Menu.ts +0 -20
  57. package/src/theme/overrides/Pagination.ts +0 -38
  58. package/src/theme/overrides/Paper.ts +0 -27
  59. package/src/theme/overrides/Popover.ts +0 -16
  60. package/src/theme/overrides/Progress.ts +0 -27
  61. package/src/theme/overrides/Radio.ts +0 -21
  62. package/src/theme/overrides/Rating.tsx +0 -30
  63. package/src/theme/overrides/Select.tsx +0 -14
  64. package/src/theme/overrides/Skeleton.ts +0 -19
  65. package/src/theme/overrides/Slider.ts +0 -31
  66. package/src/theme/overrides/Stepper.ts +0 -15
  67. package/src/theme/overrides/SvgIcon.ts +0 -21
  68. package/src/theme/overrides/Switch.ts +0 -35
  69. package/src/theme/overrides/Table.ts +0 -95
  70. package/src/theme/overrides/Tabs.ts +0 -61
  71. package/src/theme/overrides/Timeline.ts +0 -23
  72. package/src/theme/overrides/ToggleButton.ts +0 -54
  73. package/src/theme/overrides/Tooltip.ts +0 -20
  74. package/src/theme/overrides/TreeView.tsx +0 -25
  75. package/src/theme/overrides/Typography.ts +0 -18
  76. package/src/theme/overrides/index.ts +0 -102
  77. package/src/theme/palette.ts +0 -216
  78. package/src/theme/shadows.ts +0 -110
  79. package/src/theme/stretch.ts +0 -10
  80. package/src/theme/typography.ts +0 -91
  81. package/src/types/index.ts +0 -9
  82. package/src/utils/anchorEl.ts +0 -146
  83. package/src/utils/getColorPresets.ts +0 -91
  84. package/src/utils/getFontValue.ts +0 -73
  85. package/src/utils/strings.ts +0 -1
  86. package/src/vite-env.d.ts +0 -1
  87. package/tsconfig.json +0 -29
  88. package/tsconfig.node.json +0 -8
  89. package/vite.config.ts +0 -234
  90. /package/{dist/components → components}/ProgressBarStyle/index.d.ts +0 -0
  91. /package/{dist/components → components}/ProgressBarStyle/index.fb6fd9ed.js +0 -0
  92. /package/{dist/components → components}/index.80514d59.js +0 -0
  93. /package/{dist/components → components}/index.d.ts +0 -0
  94. /package/{dist/contexts → contexts}/FormatterContext/index.92336f4c.js +0 -0
  95. /package/{dist/contexts → contexts}/FormatterContext/index.d.ts +0 -0
  96. /package/{dist/contexts → contexts}/FormatterContext/types.d.ts +0 -0
  97. /package/{dist/contexts → contexts}/HostThemeContext/index.a6a62c70.js +0 -0
  98. /package/{dist/contexts → contexts}/HostThemeContext/index.d.ts +0 -0
  99. /package/{dist/contexts → contexts}/HostThemeContext/types.d.ts +0 -0
  100. /package/{dist/contexts → contexts}/LocalesContext/helper.d.ts +0 -0
  101. /package/{dist/contexts → contexts}/LocalesContext/index.5b555637.js +0 -0
  102. /package/{dist/contexts → contexts}/LocalesContext/index.d.ts +0 -0
  103. /package/{dist/contexts → contexts}/LocalesContext/types.d.ts +0 -0
  104. /package/{dist/contexts → contexts}/index.2f4a4040.js +0 -0
  105. /package/{dist/contexts → contexts}/index.d.ts +0 -0
  106. /package/{dist/hooks → hooks}/index.c13bc37e.js +0 -0
  107. /package/{dist/hooks → hooks}/index.d.ts +0 -0
  108. /package/{dist/hooks → hooks}/useFirstRender/index.1e9b02fb.js +0 -0
  109. /package/{dist/hooks → hooks}/useFirstRender/index.d.ts +0 -0
  110. /package/{dist/hooks → hooks}/useFormatter/index.57ac8cca.js +0 -0
  111. /package/{dist/hooks → hooks}/useFormatter/index.d.ts +0 -0
  112. /package/{dist/hooks → hooks}/useHostTheme/index.1c8e4ad7.js +0 -0
  113. /package/{dist/hooks → hooks}/useHostTheme/index.d.ts +0 -0
  114. /package/{dist/hooks → hooks}/useIsMountedRef/index.d.ts +0 -0
  115. /package/{dist/hooks → hooks}/useLocales/index.d.ts +0 -0
  116. /package/{dist/hooks → hooks}/useLocales/index.f676279e.js +0 -0
  117. /package/{dist/hooks → hooks}/useOffSetTop.d.ts +0 -0
  118. /package/{dist/hooks → hooks}/useResponsive/index.d.ts +0 -0
  119. /package/{dist/hooks → hooks}/useResponsive/index.fc5e1b4f.js +0 -0
  120. /package/{dist/index.d.ts → index.d.ts} +0 -0
  121. /package/{dist/index.js → index.js} +0 -0
  122. /package/{dist/theme → theme}/breakpoints.d.ts +0 -0
  123. /package/{dist/theme → theme}/defaultThemeOptions.b2cdbe59.js +0 -0
  124. /package/{dist/theme → theme}/defaultThemeOptions.d.ts +0 -0
  125. /package/{dist/theme → theme}/overrides/Accordion.d.ts +0 -0
  126. /package/{dist/theme → theme}/overrides/Autocomplete.d.ts +0 -0
  127. /package/{dist/theme → theme}/overrides/Avatar.d.ts +0 -0
  128. /package/{dist/theme → theme}/overrides/Backdrop.d.ts +0 -0
  129. /package/{dist/theme → theme}/overrides/Badge.d.ts +0 -0
  130. /package/{dist/theme → theme}/overrides/Breadcrumbs.d.ts +0 -0
  131. /package/{dist/theme → theme}/overrides/Button.d.ts +0 -0
  132. /package/{dist/theme → theme}/overrides/ButtonGroup.d.ts +0 -0
  133. /package/{dist/theme → theme}/overrides/Card.d.ts +0 -0
  134. /package/{dist/theme → theme}/overrides/Checkbox.d.ts +0 -0
  135. /package/{dist/theme → theme}/overrides/ControlLabel.d.ts +0 -0
  136. /package/{dist/theme → theme}/overrides/CssBaseline.d.ts +0 -0
  137. /package/{dist/theme → theme}/overrides/DataGrid.d.ts +0 -0
  138. /package/{dist/theme → theme}/overrides/Dialog.d.ts +0 -0
  139. /package/{dist/theme → theme}/overrides/Drawer.d.ts +0 -0
  140. /package/{dist/theme → theme}/overrides/Fab.d.ts +0 -0
  141. /package/{dist/theme → theme}/overrides/IconButton.d.ts +0 -0
  142. /package/{dist/theme → theme}/overrides/Input.d.ts +0 -0
  143. /package/{dist/theme → theme}/overrides/InputLabel.d.ts +0 -0
  144. /package/{dist/theme → theme}/overrides/Link.d.ts +0 -0
  145. /package/{dist/theme → theme}/overrides/List.d.ts +0 -0
  146. /package/{dist/theme → theme}/overrides/LoadingButton.d.ts +0 -0
  147. /package/{dist/theme → theme}/overrides/Menu.d.ts +0 -0
  148. /package/{dist/theme → theme}/overrides/Pagination.d.ts +0 -0
  149. /package/{dist/theme → theme}/overrides/Paper.d.ts +0 -0
  150. /package/{dist/theme → theme}/overrides/Popover.d.ts +0 -0
  151. /package/{dist/theme → theme}/overrides/Progress.d.ts +0 -0
  152. /package/{dist/theme → theme}/overrides/Radio.d.ts +0 -0
  153. /package/{dist/theme → theme}/overrides/Skeleton.d.ts +0 -0
  154. /package/{dist/theme → theme}/overrides/Slider.d.ts +0 -0
  155. /package/{dist/theme → theme}/overrides/Stepper.d.ts +0 -0
  156. /package/{dist/theme → theme}/overrides/SvgIcon.d.ts +0 -0
  157. /package/{dist/theme → theme}/overrides/Switch.d.ts +0 -0
  158. /package/{dist/theme → theme}/overrides/Table.d.ts +0 -0
  159. /package/{dist/theme → theme}/overrides/Tabs.d.ts +0 -0
  160. /package/{dist/theme → theme}/overrides/Timeline.d.ts +0 -0
  161. /package/{dist/theme → theme}/overrides/ToggleButton.d.ts +0 -0
  162. /package/{dist/theme → theme}/overrides/Tooltip.d.ts +0 -0
  163. /package/{dist/theme → theme}/overrides/Typography.d.ts +0 -0
  164. /package/{dist/theme → theme}/overrides/index.d.ts +0 -0
  165. /package/{dist/theme → theme}/overrides.7958c0ab.js +0 -0
  166. /package/{dist/theme → theme}/palette.2baf72f5.js +0 -0
  167. /package/{dist/theme → theme}/palette.d.ts +0 -0
  168. /package/{dist/theme → theme}/shadows.bf8dc290.js +0 -0
  169. /package/{dist/theme → theme}/shadows.d.ts +0 -0
  170. /package/{dist/theme → theme}/stretch.d.ts +0 -0
  171. /package/{dist/theme → theme}/typography.63fff3ec.js +0 -0
  172. /package/{dist/theme → theme}/typography.d.ts +0 -0
  173. /package/{dist/types → types}/index.d.ts +0 -0
  174. /package/{dist/utils → utils}/anchorEl.d.ts +0 -0
  175. /package/{dist/utils → utils}/getColorPresets.d.ts +0 -0
  176. /package/{dist/utils → utils}/getFontValue.d.ts +0 -0
  177. /package/{dist/utils → utils}/index.7ab4fc54.js +0 -0
  178. /package/{dist/utils → utils}/strings.d.ts +0 -0
  179. /package/{dist/vendor.3b4b3674.js → vendor.3b4b3674.js} +0 -0
  180. /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
- }