@m4l/styles 0.0.31 → 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 (58) 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/overrides/M4LExtendedComponents/M4LAccordion.d.ts +22 -15
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +106 -81
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +58 -3
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +636 -475
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +42 -52
  10. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +0 -2
  11. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +5 -0
  12. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +56 -57
  13. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +13 -12
  14. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +14 -6
  15. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +78 -87
  16. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +2 -2
  17. package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts +2 -1
  18. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +13 -2
  19. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +17 -0
  20. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +2 -4
  21. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +0 -2
  22. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +1 -2
  23. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +43 -33
  24. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +12 -0
  25. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +142 -1
  26. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +1 -0
  27. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +91 -42
  28. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +3 -0
  29. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +1 -0
  30. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +16 -0
  31. package/theme/overrides/M4LExtendedComponents/M4LToastContainer.d.ts +29 -0
  32. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +0 -4
  33. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +24 -20
  34. package/theme/overrides/M4LExtendedComponents/M4LoadingError.d.ts +1 -4
  35. package/theme/overrides/M4LExtendedComponents/{index.1cd7b9f2.js → index.15f2650a.js} +1112 -826
  36. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +102 -4
  37. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +107 -0
  38. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +5 -3
  39. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +5 -0
  40. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +2 -1
  41. package/theme/overrides/M4LRHFComponents/{index.2dbe138a.js → index.e6262889.js} +252 -37
  42. package/theme/overrides/MUIComponents/{index.f50cd1c7.js → index.1b2b2be2.js} +59 -138
  43. package/theme/overrides/index.158187f3.js +105 -0
  44. package/theme/{palette.76ca123c.js → palette.31d770bc.js} +84 -42
  45. package/theme/palette.d.ts +16 -6
  46. package/theme/{shadows.1c46a94e.js → shadows.9800d84c.js} +24 -24
  47. package/theme/typography.b14a8e35.js +122 -0
  48. package/theme/typography.d.ts +19 -13
  49. package/types/augmentations.d.ts +1 -1
  50. package/utils/{getColorPresets.5bb0236e.js → getColorPresets.9fec9cc2.js} +1 -1
  51. package/utils/getColorState.4350ccb4.js +239 -0
  52. package/utils/getColorState.d.ts +5 -0
  53. package/theme/defaultThemeOptions.85da8657.js +0 -30
  54. package/theme/index.4dffae0a.js +0 -7
  55. package/theme/overrides/MUIComponents/Tabs.d.ts +0 -903
  56. package/theme/overrides/index.a465322b.js +0 -104
  57. package/theme/typography.89adddae.js +0 -124
  58. package/utils/getColorState.42ed5268.js +0 -208
package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts CHANGED
@@ -7,70 +7,84 @@ export declare const M4LPeriod: (theme: Theme) => {
7
7
  borderColor: string;
8
8
  display: string;
9
9
  width: string;
10
- gap: string;
10
+ minHeight: string;
11
+ height: string;
11
12
  borderRadius: string;
12
- padding: string;
13
13
  '& .M4LPeriod-stateReadOnly': {};
14
14
  '& .M4LPeriod-gap': {
15
15
  backgroundColor: string;
16
16
  };
17
17
  '& .M4LIcon-root': {
18
- margin: string;
18
+ padding: string;
19
+ minHeight: string;
20
+ minWidth: string;
19
21
  };
20
22
  '& .M4LPeriod-containerDateLabel': {
21
23
  width: string;
22
- borderRadius: string;
23
- border: string;
24
+ borderRight: string;
24
25
  borderColor: string;
25
26
  padding: string;
26
27
  };
27
28
  '& .M4LPeriod-containerDateValue': {
28
29
  display: string;
29
30
  width: string;
30
- borderRadius: string;
31
- border: string;
31
+ borderRight: string;
32
32
  borderColor: string;
33
33
  padding: string;
34
34
  };
35
35
  '&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod': {
36
36
  width: string;
37
+ minHeight: string;
38
+ height: string;
37
39
  '& .MuiAutocomplete-root': {
38
40
  width: string;
39
- borderRadius: string;
41
+ minHeight: string;
42
+ height: string;
40
43
  borderColor: string;
41
44
  "& .MuiFormControl-root": {
45
+ minHeight: string;
46
+ height: string;
42
47
  width: string;
43
- border: string;
48
+ borderRight: string;
44
49
  borderColor: string;
45
- };
46
- '& .MuiInputBase-root': {
47
- width: string;
48
- borderRadius: string;
49
- paddingLeft: string;
50
- background: string;
51
- "& .MuiInputBase-input": {
50
+ '& .MuiInputBase-root': {
51
+ minHeight: string;
52
+ width: string;
53
+ gap: string;
52
54
  padding: string;
55
+ background: string;
56
+ "& .MuiInputBase-input": {
57
+ padding: string;
58
+ };
59
+ '& .MuiAutocomplete-endAdornment': {
60
+ position: string;
61
+ minHeight: string;
62
+ '& .MuiButtonBase-root': {
63
+ padding: string;
64
+ display: string;
65
+ margin: string;
66
+ height: string;
67
+ };
68
+ };
53
69
  };
54
70
  };
55
71
  };
56
72
  '& .MuiTextField-root': {
57
73
  width: string;
58
- borderRadius: string;
59
- border: string;
74
+ minHeight: string;
75
+ height: string;
76
+ borderRight: string;
60
77
  borderColor: string;
61
78
  '& .MuiInputBase-root': {
62
- borderRadius: string;
63
- paddingLeft: string;
79
+ minHeight: string;
80
+ padding: string;
64
81
  background: string;
65
82
  };
66
83
  '& .MuiInputBase-root.Mui-focused': {
67
- borderRadius: string;
68
84
  paddingLeft: string;
69
85
  borderColor: string;
70
86
  };
71
87
  '& .MuiInputBase-root:hover': {
72
- height: string;
73
- borderRadius: string;
74
88
  paddingLeft: string;
75
89
  background: string;
76
90
  padding: string;
@@ -95,9 +109,8 @@ export declare const M4LPeriod: (theme: Theme) => {
95
109
  width: string;
96
110
  background: string;
97
111
  '& .MuiInputBase-root:hover': {
98
- borderRadius: string;
99
112
  paddingLeft: string;
100
- background: string;
113
+ background: string | undefined;
101
114
  height: string;
102
115
  };
103
116
  };
@@ -107,14 +120,13 @@ export declare const M4LPeriod: (theme: Theme) => {
107
120
  boxShadow: string;
108
121
  '&.M4LPeriod-stateWarning:hover': {
109
122
  borderColor: string;
110
- background: string;
111
123
  boxShadow: string;
124
+ background: string;
112
125
  "& .MuiTextField-root:hover": {
113
126
  background: string;
114
127
  '& .MuiInputBase-root:hover': {
115
- borderRadius: string;
128
+ background: string | undefined;
116
129
  paddingLeft: string;
117
- background: string;
118
130
  };
119
131
  };
120
132
  };
@@ -124,14 +136,13 @@ export declare const M4LPeriod: (theme: Theme) => {
124
136
  boxShadow: string;
125
137
  '&.M4LPeriod-stateSuccess:hover': {
126
138
  borderColor: string;
127
- background: string;
128
139
  boxShadow: string;
140
+ background: string;
129
141
  "& .MuiTextField-root:hover": {
130
142
  background: string;
131
143
  '& .MuiInputBase-root:hover': {
132
- borderRadius: string;
144
+ background: string | undefined;
133
145
  paddingLeft: string;
134
- background: string;
135
146
  };
136
147
  };
137
148
  };
@@ -146,9 +157,8 @@ export declare const M4LPeriod: (theme: Theme) => {
146
157
  "& .MuiTextField-root:hover": {
147
158
  background: string;
148
159
  '& .MuiInputBase-root:hover': {
149
- borderRadius: string;
150
160
  paddingLeft: string;
151
- background: string;
161
+ background: string | undefined;
152
162
  };
153
163
  };
154
164
  };
package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts CHANGED
@@ -16,13 +16,25 @@ export declare const M4LPopover: (theme: Theme) => {
16
16
  zIndex: string;
17
17
  };
18
18
  '& .M4LanguagePopover-containerItems': {
19
+ '& :nth-of-type(-n + 1)': {
20
+ gap: string;
21
+ };
19
22
  '& .M4LanguagePopover-labelItem': {
20
23
  color: string;
21
24
  borderRadius: string;
25
+ margin: string;
26
+ paddingLeft: string;
27
+ };
28
+ '& .MuiButtonBase-root': {
29
+ margin: string;
30
+ borderRadius: string;
31
+ padding: string;
32
+ gap: string;
22
33
  };
23
34
  '& .MuiButtonBase-root:hover': {
24
35
  backgroundColor: string;
25
36
  borderRadius: string;
37
+ padding: string;
26
38
  };
27
39
  '& .MuiButtonBase-root.Mui-selected': {
28
40
  backgroundColor: string;
package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts CHANGED
@@ -1,9 +1,150 @@
1
1
  import { Theme } from '@mui/material/styles';
2
- export declare const M4LPropertyValue: (_theme: Theme) => {
2
+ export declare const M4LPropertyValue: (theme: Theme) => {
3
3
  M4LPropertyValue: {
4
4
  styleOverrides: {
5
5
  '&.M4LPropertyValue-root': {
6
+ [x: string]: string | {
7
+ gap: string;
8
+ alignItems: string;
9
+ gridTemplateColumns?: undefined;
10
+ minHeight?: undefined;
11
+ } | {
12
+ gridTemplateColumns: string;
13
+ minHeight: string;
14
+ gap?: undefined;
15
+ alignItems?: undefined;
16
+ } | {
17
+ minHeight: string;
18
+ gap?: undefined;
19
+ alignItems?: undefined;
20
+ gridTemplateColumns?: undefined;
21
+ } | {
22
+ color: string;
23
+ height: string;
24
+ display: string;
25
+ alignItems: string;
26
+ justifyContent: string;
27
+ position: string;
28
+ gap: string;
29
+ overflow: string;
30
+ overflowWrap: string;
31
+ '& .M4LTypography-root': {
32
+ color: string;
33
+ };
34
+ width: string;
35
+ gridTemplateColumns?: undefined;
36
+ minHeight?: undefined;
37
+ } | {
38
+ color: string;
39
+ overflow: string;
40
+ textOverflow: string;
41
+ position: string;
42
+ display: string;
43
+ flexDirection: string;
44
+ marginTop: string;
45
+ overflowWrap: string;
46
+ '& .M4LTypography-root': {
47
+ color: string;
48
+ };
49
+ '& .M4LRHFTextField-root.M4LRHFTextField-sizeSmall': {
50
+ '& .MuiFormControl-root': {
51
+ '& .MuiInputBase-root': {
52
+ borderRadius: string;
53
+ background: string;
54
+ '& .MuiOutlinedInput-notchedOutline': {
55
+ border: string;
56
+ borderRadius: string;
57
+ };
58
+ };
59
+ };
60
+ };
61
+ '& .M4LRHFTextField-root.M4LRHFTextField-sizeMedium': {
62
+ '& .MuiFormControl-root': {
63
+ '& .MuiInputBase-root': {
64
+ borderRadius: string;
65
+ background: string;
66
+ '& .MuiOutlinedInput-notchedOutline': {
67
+ border: string;
68
+ borderRadius: string;
69
+ };
70
+ };
71
+ };
72
+ };
73
+ width: string;
74
+ minHeight: string;
75
+ gap?: undefined;
76
+ alignItems?: undefined;
77
+ gridTemplateColumns?: undefined;
78
+ };
6
79
  test: string;
80
+ display: string;
81
+ alignItems: string;
82
+ width: string;
83
+ minHeight: string;
84
+ flexDirection: string;
85
+ borderBottom: string;
86
+ borderColor: string;
87
+ '&.M4LPropertyValue-isMobile': {
88
+ gridTemplateColumns: string;
89
+ minHeight: string;
90
+ };
91
+ '&.M4LPropertyValue-variantIsForm': {
92
+ minHeight: string;
93
+ };
94
+ '& .M4LPropertyValue-property': {
95
+ color: string;
96
+ height: string;
97
+ display: string;
98
+ alignItems: string;
99
+ justifyContent: string;
100
+ position: string;
101
+ gap: string;
102
+ overflow: string;
103
+ overflowWrap: string;
104
+ '& .M4LTypography-root': {
105
+ color: string;
106
+ };
107
+ width: string;
108
+ };
109
+ '& .M4LPropertyValue-value': {
110
+ color: string;
111
+ overflow: string;
112
+ textOverflow: string;
113
+ position: string;
114
+ display: string;
115
+ flexDirection: string;
116
+ marginTop: string;
117
+ overflowWrap: string;
118
+ '& .M4LTypography-root': {
119
+ color: string;
120
+ };
121
+ '& .M4LRHFTextField-root.M4LRHFTextField-sizeSmall': {
122
+ '& .MuiFormControl-root': {
123
+ '& .MuiInputBase-root': {
124
+ borderRadius: string;
125
+ background: string;
126
+ '& .MuiOutlinedInput-notchedOutline': {
127
+ border: string;
128
+ borderRadius: string;
129
+ };
130
+ };
131
+ };
132
+ };
133
+ '& .M4LRHFTextField-root.M4LRHFTextField-sizeMedium': {
134
+ '& .MuiFormControl-root': {
135
+ '& .MuiInputBase-root': {
136
+ borderRadius: string;
137
+ background: string;
138
+ '& .MuiOutlinedInput-notchedOutline': {
139
+ border: string;
140
+ borderRadius: string;
141
+ };
142
+ };
143
+ };
144
+ };
145
+ width: string;
146
+ minHeight: string;
147
+ };
7
148
  };
8
149
  };
9
150
  };
package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts CHANGED
@@ -7,6 +7,7 @@ export declare const M4LRHFormProvider: (_theme: Theme) => {
7
7
  flexDirection: string;
8
8
  width: string;
9
9
  height: string;
10
+ gap: string;
10
11
  '& .M4LCommonActions-root': {
11
12
  padding: string;
12
13
  };
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -18,18 +18,32 @@ export declare const M4LSideBar: (theme: Theme) => {
18
18
  "& .M4LSideBar-wrapperSideBar": {
19
19
  width: string;
20
20
  "& .M4LSideBar-contentDesktop": {
21
- "& .M4LSideBar-containerSideBarLogo": {
22
- marginTop: string;
23
- "& .M4LSideBar-containerLogo": {
24
- gap: string;
25
- paddingLeft: string;
26
- width: string;
27
- '& .M4LImage-root': {
28
- minWidth: string;
29
- minHeight: string;
21
+ '& .M4LSideBar-contentGroups': {
22
+ '& .M4LSideBar-itemListMainRoot': {
23
+ '& .M4LSideBar-navItemMainRoot': {
24
+ display: string;
25
+ justifyContent: string;
26
+ width: string;
27
+ '& .M4LSideBar-navItemRootContent': {
28
+ padding: string;
29
+ '& .M4LSideBar-navItemRootContentIconTypo': {
30
+ width: string;
31
+ minHeight: string;
32
+ height: string;
33
+ minWidth: string;
34
+ margin: string;
35
+ '& .M4LIcon-root': {};
36
+ };
37
+ };
30
38
  };
31
39
  };
32
40
  };
41
+ '& .M4LSideBar-collapseButton': {
42
+ padding: string;
43
+ "& .M4LSideBar-containerLogoButtonLogo": {
44
+ display: string;
45
+ };
46
+ };
33
47
  };
34
48
  };
35
49
  "& .M4LIcon-icon"?: undefined;
@@ -97,7 +111,11 @@ export declare const M4LSideBar: (theme: Theme) => {
97
111
  };
98
112
  '& .M4LSideBar-wrapperGroup': {
99
113
  height: string;
100
- paddingLeft: string;
114
+ padding: string;
115
+ '& .M4LScrollBar-root': {
116
+ height: string;
117
+ gap: string;
118
+ };
101
119
  '& .M4LSideBar-wrapperGroupTitle': {
102
120
  height: string;
103
121
  '& .M4LTypography-root': {
@@ -159,9 +177,10 @@ export declare const M4LSideBar: (theme: Theme) => {
159
177
  '&::before': {
160
178
  content: string;
161
179
  width: string;
180
+ height: string;
162
181
  top: string;
163
182
  bottom: string;
164
- right: string;
183
+ left: string;
165
184
  backgroundColor: string;
166
185
  borderRadius: string;
167
186
  position: string;
@@ -282,12 +301,10 @@ export declare const M4LSideBar: (theme: Theme) => {
282
301
  };
283
302
  '& .M4LSideBar-collapseButton': {
284
303
  display: string;
285
- paddingTop: string;
304
+ padding: string;
286
305
  borderTop: string;
287
306
  borderColor: string;
288
307
  justifyContent: string;
289
- marginRight: string;
290
- marginLeft: string;
291
308
  gap: string;
292
309
  alignItems: string;
293
310
  height: string;
@@ -301,10 +318,17 @@ export declare const M4LSideBar: (theme: Theme) => {
301
318
  '& .M4LSideBar-containerLogoButtonLogo': {
302
319
  width: string;
303
320
  height: string;
304
- '& .M4LSideBar-containerLogoButtonIcon': {
305
- display: string;
306
- alignItems: string;
307
- };
321
+ display: string;
322
+ alignItems: string;
323
+ background: string;
324
+ borderRadius: string;
325
+ };
326
+ '& .M4LSideBar-containerLogoButtonIcon': {
327
+ display: string;
328
+ justifyContent: string;
329
+ alignItems: string;
330
+ width: string;
331
+ height: string;
308
332
  };
309
333
  };
310
334
  "& .M4LIcon-icon"?: undefined;
@@ -314,8 +338,9 @@ export declare const M4LSideBar: (theme: Theme) => {
314
338
  height: string;
315
339
  width: string;
316
340
  background: string;
317
- paddingLeft: string;
318
- paddingBottom: string;
341
+ paddingTop: string;
342
+ borderRight: string;
343
+ borderColor: string;
319
344
  '& .M4LSideBar-subItemActive': {
320
345
  "& .M4LIcon-icon": {
321
346
  backgroundColor: string;
@@ -325,18 +350,32 @@ export declare const M4LSideBar: (theme: Theme) => {
325
350
  "& .M4LSideBar-wrapperSideBar": {
326
351
  width: string;
327
352
  "& .M4LSideBar-contentDesktop": {
328
- "& .M4LSideBar-containerSideBarLogo": {
329
- marginTop: string;
330
- "& .M4LSideBar-containerLogo": {
331
- gap: string;
332
- paddingLeft: string;
333
- width: string;
334
- '& .M4LImage-root': {
335
- minWidth: string;
336
- minHeight: string;
353
+ '& .M4LSideBar-contentGroups': {
354
+ '& .M4LSideBar-itemListMainRoot': {
355
+ '& .M4LSideBar-navItemMainRoot': {
356
+ display: string;
357
+ justifyContent: string;
358
+ width: string;
359
+ '& .M4LSideBar-navItemRootContent': {
360
+ padding: string;
361
+ '& .M4LSideBar-navItemRootContentIconTypo': {
362
+ width: string;
363
+ minHeight: string;
364
+ height: string;
365
+ minWidth: string;
366
+ margin: string;
367
+ '& .M4LIcon-root': {};
368
+ };
369
+ };
337
370
  };
338
371
  };
339
372
  };
373
+ '& .M4LSideBar-collapseButton': {
374
+ padding: string;
375
+ "& .M4LSideBar-containerLogoButtonLogo": {
376
+ display: string;
377
+ };
378
+ };
340
379
  };
341
380
  };
342
381
  };
@@ -389,7 +428,11 @@ export declare const M4LSideBar: (theme: Theme) => {
389
428
  };
390
429
  '& .M4LSideBar-wrapperGroup': {
391
430
  height: string;
392
- paddingLeft: string;
431
+ padding: string;
432
+ '& .M4LScrollBar-root': {
433
+ height: string;
434
+ gap: string;
435
+ };
393
436
  '& .M4LSideBar-wrapperGroupTitle': {
394
437
  height: string;
395
438
  '& .M4LTypography-root': {
@@ -451,9 +494,10 @@ export declare const M4LSideBar: (theme: Theme) => {
451
494
  '&::before': {
452
495
  content: string;
453
496
  width: string;
497
+ height: string;
454
498
  top: string;
455
499
  bottom: string;
456
- right: string;
500
+ left: string;
457
501
  backgroundColor: string;
458
502
  borderRadius: string;
459
503
  position: string;
@@ -574,12 +618,10 @@ export declare const M4LSideBar: (theme: Theme) => {
574
618
  };
575
619
  '& .M4LSideBar-collapseButton': {
576
620
  display: string;
577
- paddingTop: string;
621
+ padding: string;
578
622
  borderTop: string;
579
623
  borderColor: string;
580
624
  justifyContent: string;
581
- marginRight: string;
582
- marginLeft: string;
583
625
  gap: string;
584
626
  alignItems: string;
585
627
  height: string;
@@ -593,10 +635,17 @@ export declare const M4LSideBar: (theme: Theme) => {
593
635
  '& .M4LSideBar-containerLogoButtonLogo': {
594
636
  width: string;
595
637
  height: string;
596
- '& .M4LSideBar-containerLogoButtonIcon': {
597
- display: string;
598
- alignItems: string;
599
- };
638
+ display: string;
639
+ alignItems: string;
640
+ background: string;
641
+ borderRadius: string;
642
+ };
643
+ '& .M4LSideBar-containerLogoButtonIcon': {
644
+ display: string;
645
+ justifyContent: string;
646
+ alignItems: string;
647
+ width: string;
648
+ height: string;
600
649
  };
601
650
  };
602
651
  };
@@ -940,10 +989,10 @@ export declare const M4LSideBar: (theme: Theme) => {
940
989
  '& .M4LSideBar-containerLogoButtonLogo': {
941
990
  width: string;
942
991
  height: string;
943
- '& .M4LSideBar-containerLogoButtonIcon': {
944
- display: string;
945
- alignItems: string;
946
- };
992
+ };
993
+ '& .M4LSideBar-containerLogoButtonIcon': {
994
+ display: string;
995
+ alignItems: string;
947
996
  };
948
997
  };
949
998
  };
package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts CHANGED
@@ -4,6 +4,8 @@ export declare const M4LTab: (theme: Theme) => {
4
4
  styleOverrides: {
5
5
  '&.M4LTab-root': {
6
6
  width: string;
7
+ background: string;
8
+ borderRadius: string;
7
9
  "& .MuiButtonBase-root": {
8
10
  color: string;
9
11
  lineHeight: string;
@@ -11,6 +13,7 @@ export declare const M4LTab: (theme: Theme) => {
11
13
  "& .M4LIcon-root": {
12
14
  marginBottom: string;
13
15
  };
16
+ background: string;
14
17
  height: string;
15
18
  display: string;
16
19
  flexDirection: string;
package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare const M4LTabContent: (theme: Theme) => {
12
12
  background: string;
13
13
  borderRadius: string;
14
14
  position: string;
15
+ flex: number;
15
16
  };
16
17
  };
17
18
  };
package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts CHANGED
@@ -8,10 +8,26 @@ export declare const M4LTabs: (_theme: Theme) => {
8
8
  position: string;
9
9
  minHeight: string;
10
10
  borderRadius: string;
11
+ '& .MuiButtonBase-root': {
12
+ background: string;
13
+ borderRadius: string;
14
+ '& .MuiSvgIcon-root': {
15
+ color: string;
16
+ };
17
+ };
18
+ '& .MuiButtonBase-root:hover': {
19
+ '& .MuiSvgIcon-root': {
20
+ color: string;
21
+ };
22
+ };
11
23
  '& .MuiTabs-scroller': {
24
+ borderRadius: string;
12
25
  '& .MuiTabs-flexContainer': {
13
26
  padding: string;
14
27
  backgroundColor: string;
28
+ background: string;
29
+ width: string;
30
+ borderRadius: string;
15
31
  };
16
32
  };
17
33
  '&:not(:last-of-type)': {
package/theme/overrides/M4LExtendedComponents/M4LToastContainer.d.ts ADDED
@@ -0,0 +1,29 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LToastContainer: (theme: Theme) => {
3
+ M4LToastContainer: {
4
+ styleOverrides: {
5
+ '&.M4LToastContainer-root': {
6
+ '& .Toastify__toast': {
7
+ backgroundColor: string;
8
+ '& .Toastify__toast-icon': {
9
+ display: string;
10
+ };
11
+ '& .Toastify__close-button': {
12
+ margin: string;
13
+ '& > svg': {
14
+ fill: string;
15
+ };
16
+ };
17
+ '& .M4LToastContainer-toastMessageContainer': {
18
+ display: string;
19
+ gap: string;
20
+ '& .M4LToastContainer-toastMessageInfo': {
21
+ color: string;
22
+ };
23
+ };
24
+ '&.Toastify__toast--error': {};
25
+ };
26
+ };
27
+ };
28
+ };
29
+ };