@m4l/styles 0.0.30 → 0.0.32

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 (69) hide show
  1. package/index.js +37 -37
  2. package/package.json +1 -1
  3. package/theme/defaultThemeOptions.b25c825e.js +27 -0
  4. package/theme/index.34d0fdea.js +1 -0
  5. package/theme/index.d.ts +1 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +22 -15
  7. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +106 -76
  8. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +58 -3
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +6834 -13145
  10. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +171 -977
  11. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +0 -2
  12. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +5 -0
  13. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +56 -57
  14. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +13 -12
  15. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +41 -30
  16. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +78 -85
  17. package/theme/overrides/M4LExtendedComponents/M4LFormatter.d.ts +19 -0
  18. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +2 -2
  19. package/theme/overrides/M4LExtendedComponents/{M4LToolkitPage.d.ts → M4LMFLoader.d.ts} +6 -7
  20. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +13 -2
  21. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +17 -0
  22. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +4 -48
  23. package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.d.ts +1 -0
  24. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +0 -2
  25. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +1 -2
  26. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +43 -33
  27. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +12 -0
  28. package/theme/overrides/M4LExtendedComponents/M4LPrintingSystem.d.ts +1000 -0
  29. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +140 -2
  30. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +1 -0
  31. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +91 -48
  32. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +3 -0
  33. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +1 -0
  34. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +16 -0
  35. package/theme/overrides/M4LExtendedComponents/M4LToastContainer.d.ts +29 -0
  36. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +0 -4
  37. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +24 -20
  38. package/theme/overrides/M4LExtendedComponents/M4LoadingError.d.ts +881 -0
  39. package/theme/overrides/M4LExtendedComponents/{index.e875a5e1.js → index.15f2650a.js} +1539 -1080
  40. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +102 -4
  41. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +107 -0
  42. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +20 -1
  43. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +5 -0
  44. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +2 -1
  45. package/theme/overrides/M4LRHFComponents/{index.d3125fd8.js → index.e6262889.js} +270 -38
  46. package/theme/overrides/MUIComponents/Accordion.d.ts +34 -17
  47. package/theme/overrides/MUIComponents/ControlLabel.d.ts +34 -17
  48. package/theme/overrides/MUIComponents/Input.d.ts +68 -34
  49. package/theme/overrides/MUIComponents/LoadingButton.d.ts +34 -17
  50. package/theme/overrides/MUIComponents/Table.d.ts +136 -68
  51. package/theme/overrides/MUIComponents/{index.f50cd1c7.js → index.1b2b2be2.js} +59 -138
  52. package/theme/overrides/index.158187f3.js +105 -0
  53. package/theme/{palette.104051a7.js → palette.31d770bc.js} +90 -47
  54. package/theme/palette.d.ts +18 -8
  55. package/theme/{shadows.b036a684.js → shadows.9800d84c.js} +24 -24
  56. package/theme/typography.b14a8e35.js +122 -0
  57. package/theme/typography.d.ts +20 -13
  58. package/types/augmentations.d.ts +1 -1
  59. package/utils/{getColorPresets.2693301f.js → getColorPresets.9fec9cc2.js} +1 -1
  60. package/utils/getColorState.4350ccb4.js +239 -0
  61. package/utils/getColorState.d.ts +5 -0
  62. package/theme/defaultThemeOptions.a8de2e18.js +0 -30
  63. package/theme/index.b0919dac.js +0 -7
  64. package/theme/overrides/M4LExtendedComponents/M4LToolkitDivider.d.ts +0 -18
  65. package/theme/overrides/M4LExtendedComponents/M4LToolkitSection.d.ts +0 -24
  66. package/theme/overrides/MUIComponents/Tabs.d.ts +0 -886
  67. package/theme/overrides/index.cbe0dea7.js +0 -103
  68. package/theme/typography.7591a12b.js +0 -124
  69. package/utils/getColorState.32c050bf.js +0 -208
package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts CHANGED
@@ -4,7 +4,6 @@ export declare const M4LAvatar: (theme: Theme) => {
4
4
  styleOverrides: {
5
5
  '&.M4LAvatar-root': {
6
6
  '& .MuiAvatar-root': {
7
- borderColor: string;
8
7
  width: string;
9
8
  height: string;
10
9
  borderRadius: string;
@@ -12,7 +11,6 @@ export declare const M4LAvatar: (theme: Theme) => {
12
11
  background: string;
13
12
  color: string;
14
13
  boxShadow: string;
15
- borderTop: string;
16
14
  };
17
15
  test: string;
18
16
  };
package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts CHANGED
@@ -15,6 +15,11 @@ export declare const M4LBadge: (theme: Theme) => {
15
15
  width: string;
16
16
  lineHeight: string;
17
17
  textAlign: string;
18
+ paddingBottom: string;
19
+ paddingLeft: string;
20
+ borderRadius: string;
21
+ border: string;
22
+ borderColor: string;
18
23
  backgroundColor: string;
19
24
  height: string;
20
25
  top: string;
package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts CHANGED
@@ -8,6 +8,11 @@ export declare const M4LButton: (theme: Theme) => {
8
8
  borderRadius: string;
9
9
  };
10
10
  '& .MuiButtonBase-root': {
11
+ backgroundColor: string;
12
+ '&:hover, &:focus': {
13
+ backgroundColor: string;
14
+ transition: string;
15
+ };
11
16
  '& .M4LIcon-icon': {
12
17
  transition: string;
13
18
  };
@@ -38,37 +43,38 @@ export declare const M4LButton: (theme: Theme) => {
38
43
  };
39
44
  };
40
45
  '&.M4LButton-variantContained': {
41
- '& .MuiButtonBase-root': {
46
+ color: string;
47
+ backgroundColor: string;
48
+ border: string;
49
+ borderColor: string;
50
+ '& .M4LIcon-icon': {
51
+ backgroundColor: string;
52
+ };
53
+ '&:hover': {
54
+ backgroundColor: string;
42
55
  color: string;
43
56
  '& .M4LIcon-icon': {
44
57
  backgroundColor: string;
45
- };
46
- '&:hover': {
47
- backgroundColor: string;
48
58
  color: string;
49
- '& .M4LIcon-icon': {
50
- backgroundColor: string;
51
- color: string;
52
- };
53
59
  };
54
- '&:active': {
60
+ };
61
+ '&:active': {
62
+ backgroundColor: string;
63
+ color: string;
64
+ '& .M4LIcon-icon': {
55
65
  backgroundColor: string;
56
66
  color: string;
57
- '& .M4LIcon-icon': {
58
- backgroundColor: string;
59
- color: string;
60
- };
61
67
  };
62
- '&.Mui-focusVisible': {
68
+ };
69
+ '&.Mui-focusVisible': {
70
+ backgroundColor: string;
71
+ color: string;
72
+ '& .M4LIcon-icon': {
63
73
  backgroundColor: string;
64
74
  color: string;
65
- '& .M4LIcon-icon': {
66
- backgroundColor: string;
67
- color: string;
68
- };
69
- '&::before': {
70
- content: string;
71
- };
75
+ };
76
+ '&::before': {
77
+ content: string;
72
78
  };
73
79
  };
74
80
  };
@@ -94,30 +100,28 @@ export declare const M4LButton: (theme: Theme) => {
94
100
  };
95
101
  };
96
102
  '&.M4LButton-variantContained': {
97
- '& .MuiButtonBase-root': {
103
+ backgroundColor: string;
104
+ color: string | undefined;
105
+ boxShadow: string;
106
+ position: string;
107
+ '& .M4LIcon-icon': {
108
+ backgroundColor: string | undefined;
109
+ };
110
+ '&:hover': {
98
111
  backgroundColor: string;
99
112
  color: string | undefined;
100
- boxShadow: string;
101
- position: string;
102
113
  '& .M4LIcon-icon': {
103
114
  backgroundColor: string | undefined;
104
115
  };
105
- '&:hover': {
106
- backgroundColor: string;
107
- color: string | undefined;
108
- '& .M4LIcon-icon': {
109
- backgroundColor: string | undefined;
110
- };
116
+ };
117
+ '&.Mui-focusVisible': {
118
+ backgroundColor: string;
119
+ color: string | undefined;
120
+ '& .M4LIcon-icon': {
121
+ backgroundColor: string | undefined;
111
122
  };
112
- '&.Mui-focusVisible': {
113
- backgroundColor: string;
114
- color: string | undefined;
115
- '& .M4LIcon-icon': {
116
- backgroundColor: string | undefined;
117
- };
118
- '&::before': {
119
- content: string;
120
- };
123
+ '&::before': {
124
+ content: string;
121
125
  };
122
126
  };
123
127
  };
@@ -190,30 +194,25 @@ export declare const M4LButton: (theme: Theme) => {
190
194
  };
191
195
  };
192
196
  };
193
- "& .M4LButton-colorWarning": {
194
- backgroundColor: import("../..").StateDefault;
195
- color: string | undefined;
196
- boxShadow: string;
197
- };
198
- "& .M4LButton-colorError": {
199
- backgroundColor: import("../..").StateDefault;
200
- color: string | undefined;
201
- boxShadow: string;
202
- };
203
- "& .M4LButton-colorSuccess": {
204
- backgroundColor: import("../..").StateDefault;
205
- color: string | undefined;
206
- boxShadow: string;
207
- };
208
- '&.M4LButton-colorError .MuiButtonBase-root': {
197
+ '&.M4LButton-colorError': {
209
198
  backgroundColor: string;
199
+ '&:hover': {
200
+ backgroundColor: string;
201
+ };
210
202
  };
211
- "&.M4LButton-colorWarning .MuiButtonBase-root": {
203
+ '&.M4LButton-colorWarning': {
212
204
  backgroundColor: string;
205
+ '&:hover': {
206
+ backgroundColor: string;
207
+ };
213
208
  };
214
- "&.M4LButton-colorSuccess .MuiButtonBase-root": {
209
+ '&.M4LButton-colorSuccess': {
215
210
  backgroundColor: string;
211
+ '&:hover': {
212
+ backgroundColor: string;
213
+ };
216
214
  };
215
+ transition: string;
217
216
  width: string;
218
217
  display: string;
219
218
  justifyContent: string;
package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts CHANGED
@@ -9,45 +9,46 @@ export declare const M4LCheckBox: (theme: Theme) => {
9
9
  '& .MuiTypography-root': {
10
10
  color: string;
11
11
  };
12
- '.M4LCheckBox-small .MuiButtonBase-root': {
12
+ '& .M4LCheckBox-small .MuiButtonBase-root': {
13
13
  width: string;
14
14
  height: string;
15
15
  };
16
- '.MuiCheckbox-root .MuiSvgIcon-fontSizeSmall': {
16
+ '& .MuiCheckbox-root .MuiSvgIcon-fontSizeSmall': {
17
17
  width: string;
18
18
  height: string;
19
19
  };
20
- '.M4LCheckBox-medium .MuiButtonBase-root': {
20
+ '& .M4LCheckBox-medium .MuiButtonBase-root': {
21
21
  width: string;
22
22
  height: string;
23
23
  };
24
- '.MuiCheckbox-root .MuiSvgIcon-fontSizeMedium': {
24
+ '& .MuiCheckbox-root .MuiSvgIcon-fontSizeMedium': {
25
25
  width: string;
26
26
  height: string;
27
27
  };
28
- '.MuiButtonBase-root': {
28
+ '& .MuiButtonBase-root': {
29
29
  borderRadius: string;
30
30
  };
31
- '.MuiButtonBase-root:hover': {
31
+ '& .MuiButtonBase-root:hover': {
32
32
  backgroundColor: string;
33
+ borderRadius: string;
33
34
  };
34
- '.Mui-focusVisible': {
35
+ '& .Mui-focusVisible': {
35
36
  border: string;
36
37
  borderColor: string;
37
38
  };
38
- '.MuiButtonBase-root:hover .MuiSvgIcon-root': {
39
+ '& .MuiButtonBase-root:hover .MuiSvgIcon-root': {
39
40
  fill: string;
40
41
  };
41
- '.M4LCheckBox-checkTypography .MuiTypography-root': {
42
+ '& .M4LCheckBox-checkTypography .MuiTypography-root': {
42
43
  [x: string]: any;
43
44
  };
44
- '.M4LCheckBox-stateDisabled .MuiSvgIcon-root': {
45
+ '& .M4LCheckBox-stateDisabled .MuiSvgIcon-root': {
45
46
  fill: string;
46
47
  };
47
- '.M4LCheckBox-stateDisabled .MuiTypography-root': {
48
+ '& .M4LCheckBox-stateDisabled .MuiTypography-root': {
48
49
  color: string;
49
50
  };
50
- '.MuiButtonBase-root .Mui-focusVisible:focus-visible': {
51
+ '& .MuiButtonBase-root .Mui-focusVisible:focus-visible': {
51
52
  outline: string;
52
53
  };
53
54
  };
package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts CHANGED
@@ -6,13 +6,13 @@ export declare const M4LDataGrid: (theme: Theme) => {
6
6
  background: string;
7
7
  boxShadow: string;
8
8
  borderRadius: string;
9
+ border: string;
10
+ borderColor: string;
9
11
  display: string;
10
12
  position: string;
11
13
  flexDirection: string;
12
14
  gap: string;
13
15
  height: string;
14
- borderTop: string;
15
- borderColor: string;
16
16
  width: string;
17
17
  '& .M4LDataGrid-actions': {
18
18
  [x: string]: any;
@@ -29,12 +29,12 @@ export declare const M4LDataGrid: (theme: Theme) => {
29
29
  background: string;
30
30
  position: string;
31
31
  gap: string;
32
- "& .M4LDataGrid-actionsConfigContainer": {
32
+ '& .M4LDataGrid-actionsConfigContainer': {
33
33
  display: string;
34
34
  flexDirection: string;
35
35
  gap: string;
36
36
  marginLeft: string;
37
- "& .M4LIconButton-root": {
37
+ '& .M4LIconButton-root': {
38
38
  background: string;
39
39
  };
40
40
  };
@@ -44,7 +44,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
44
44
  alignItems: string;
45
45
  '& .M4LDataGrid-rowsCountLabel': {
46
46
  color: string;
47
- heigth: string;
47
+ height: string;
48
48
  };
49
49
  '& .M4LDataGrid-rowsCountValue': {
50
50
  paddingTop: string;
@@ -67,9 +67,10 @@ export declare const M4LDataGrid: (theme: Theme) => {
67
67
  position?: undefined;
68
68
  height?: undefined;
69
69
  overflow?: undefined;
70
+ borderRadius?: undefined;
70
71
  '& .rdg '?: undefined;
71
72
  '& [role="columnheader"]'?: undefined;
72
- "& .rdg-row"?: undefined;
73
+ '& .rdg-row'?: undefined;
73
74
  '& .rdg-cell'?: undefined;
74
75
  '& .rdg-cell[role="gridcell"]'?: undefined;
75
76
  '& .rdg-cell[role="columnheader"] .rdg-header-sort-name'?: undefined;
@@ -84,12 +85,11 @@ export declare const M4LDataGrid: (theme: Theme) => {
84
85
  '& .rdg-header-row :last-child.rdg-cell'?: undefined;
85
86
  '& .filter_cell_div'?: undefined;
86
87
  '& .rdg-header-sort-cell'?: undefined;
87
- '& [aria-columnsort="ASC"]'?: undefined;
88
- '& [aria-columnsort="DESC"]'?: undefined;
89
88
  } | {
90
89
  position: string;
91
90
  height: string;
92
91
  overflow: string;
92
+ borderRadius: string;
93
93
  '& .rdg ': {
94
94
  border: string;
95
95
  background: string;
@@ -100,7 +100,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
100
100
  contentVisibility: string;
101
101
  overflow: string;
102
102
  padding: string;
103
- borderColor: string;
104
103
  '--rdg-grid-inline-size': string;
105
104
  '--rdg-header-background-color': string;
106
105
  '--rdg-row-selected-background-color': string;
@@ -112,7 +111,10 @@ export declare const M4LDataGrid: (theme: Theme) => {
112
111
  '--rdg-checkbox-focus-color': string;
113
112
  '--rdg-border-color': string;
114
113
  '&:last-child .rdg-cell': {
114
+ borderTop: string;
115
115
  borderBottom: string;
116
+ borderLeft: string;
117
+ borderRight: string;
116
118
  borderColor: string;
117
119
  test: string;
118
120
  };
@@ -121,7 +123,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
121
123
  justifyContent: string;
122
124
  alignItems: string;
123
125
  };
124
- "& .rdg-row": {
126
+ '& .rdg-row': {
125
127
  '&[aria-selected="false"] .rdg-cell': {
126
128
  backgroundColor: string;
127
129
  };
@@ -201,6 +203,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
201
203
  };
202
204
  '& .rdg-header-row': {
203
205
  backgroundColor: string;
206
+ borderColor: string;
204
207
  };
205
208
  '& .rdg-header-row .rdg-cell': {
206
209
  fontFamily: Record<string, any>;
@@ -220,10 +223,17 @@ export declare const M4LDataGrid: (theme: Theme) => {
220
223
  };
221
224
  boxShadow: string;
222
225
  };
223
- '& .rdg-sort-arrow': {
224
- width: string;
225
- margin: string;
226
+ '& .rdg-header-sort-cell': {
227
+ '& .rdg-header-sort-name + span': {
228
+ position: string;
229
+ margin: string;
230
+ right: string;
231
+ '& .rdg-sort-arrow': {
232
+ width: string;
233
+ };
234
+ };
226
235
  };
236
+ '& .rdg-sort-arrow': {};
227
237
  };
228
238
  '& .rdg-header-row :last-child.rdg-cell': {
229
239
  borderTopRightRadius: string;
@@ -241,12 +251,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
241
251
  alignItems: string;
242
252
  color: string;
243
253
  };
244
- '& [aria-columnsort="ASC"]': {
245
- borderTop: string;
246
- };
247
- '& [aria-columnsort="DESC"]': {
248
- borderBottom: string;
249
- };
250
254
  top?: undefined;
251
255
  };
252
256
  display: string;
@@ -257,6 +261,8 @@ export declare const M4LDataGrid: (theme: Theme) => {
257
261
  left: string;
258
262
  right: string;
259
263
  overflow: string;
264
+ padding: string;
265
+ borderRadius: string;
260
266
  border: string;
261
267
  boxshadow: string;
262
268
  background: string;
@@ -264,6 +270,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
264
270
  position: string;
265
271
  height: string;
266
272
  overflow: string;
273
+ borderRadius: string;
267
274
  '& .rdg ': {
268
275
  border: string;
269
276
  background: string;
@@ -274,7 +281,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
274
281
  contentVisibility: string;
275
282
  overflow: string;
276
283
  padding: string;
277
- borderColor: string;
278
284
  '--rdg-grid-inline-size': string;
279
285
  '--rdg-header-background-color': string;
280
286
  '--rdg-row-selected-background-color': string;
@@ -286,7 +292,10 @@ export declare const M4LDataGrid: (theme: Theme) => {
286
292
  '--rdg-checkbox-focus-color': string;
287
293
  '--rdg-border-color': string;
288
294
  '&:last-child .rdg-cell': {
295
+ borderTop: string;
289
296
  borderBottom: string;
297
+ borderLeft: string;
298
+ borderRight: string;
290
299
  borderColor: string;
291
300
  test: string;
292
301
  };
@@ -295,7 +304,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
295
304
  justifyContent: string;
296
305
  alignItems: string;
297
306
  };
298
- "& .rdg-row": {
307
+ '& .rdg-row': {
299
308
  '&[aria-selected="false"] .rdg-cell': {
300
309
  backgroundColor: string;
301
310
  };
@@ -375,6 +384,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
375
384
  };
376
385
  '& .rdg-header-row': {
377
386
  backgroundColor: string;
387
+ borderColor: string;
378
388
  };
379
389
  '& .rdg-header-row .rdg-cell': {
380
390
  fontFamily: Record<string, any>;
@@ -394,10 +404,17 @@ export declare const M4LDataGrid: (theme: Theme) => {
394
404
  };
395
405
  boxShadow: string;
396
406
  };
397
- '& .rdg-sort-arrow': {
398
- width: string;
399
- margin: string;
407
+ '& .rdg-header-sort-cell': {
408
+ '& .rdg-header-sort-name + span': {
409
+ position: string;
410
+ margin: string;
411
+ right: string;
412
+ '& .rdg-sort-arrow': {
413
+ width: string;
414
+ };
415
+ };
400
416
  };
417
+ '& .rdg-sort-arrow': {};
401
418
  };
402
419
  '& .rdg-header-row :last-child.rdg-cell': {
403
420
  borderTopRightRadius: string;
@@ -415,12 +432,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
415
432
  alignItems: string;
416
433
  color: string;
417
434
  };
418
- '& [aria-columnsort="ASC"]': {
419
- borderTop: string;
420
- };
421
- '& [aria-columnsort="DESC"]': {
422
- borderBottom: string;
423
- };
424
435
  };
425
436
  };
426
437
  '&.M4LDataGrid-withNoPager': {};