@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/M4LPropertyValue.d.ts CHANGED
@@ -3,9 +3,147 @@ 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;
7
- '&:hover': {
8
- backgroundColor: 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;
9
147
  };
10
148
  };
11
149
  };
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;
@@ -77,10 +91,7 @@ export declare const M4LSideBar: (theme: Theme) => {
77
91
  };
78
92
  '& .M4LImage-root': {
79
93
  position: string;
80
- background: string;
81
- boxShadow: string;
82
94
  padding: string;
83
- borderRadius: string;
84
95
  minWidth: string;
85
96
  minHeight: string;
86
97
  };
@@ -100,7 +111,11 @@ export declare const M4LSideBar: (theme: Theme) => {
100
111
  };
101
112
  '& .M4LSideBar-wrapperGroup': {
102
113
  height: string;
103
- paddingLeft: string;
114
+ padding: string;
115
+ '& .M4LScrollBar-root': {
116
+ height: string;
117
+ gap: string;
118
+ };
104
119
  '& .M4LSideBar-wrapperGroupTitle': {
105
120
  height: string;
106
121
  '& .M4LTypography-root': {
@@ -162,9 +177,10 @@ export declare const M4LSideBar: (theme: Theme) => {
162
177
  '&::before': {
163
178
  content: string;
164
179
  width: string;
180
+ height: string;
165
181
  top: string;
166
182
  bottom: string;
167
- right: string;
183
+ left: string;
168
184
  backgroundColor: string;
169
185
  borderRadius: string;
170
186
  position: string;
@@ -285,12 +301,10 @@ export declare const M4LSideBar: (theme: Theme) => {
285
301
  };
286
302
  '& .M4LSideBar-collapseButton': {
287
303
  display: string;
288
- paddingTop: string;
304
+ padding: string;
289
305
  borderTop: string;
290
306
  borderColor: string;
291
307
  justifyContent: string;
292
- marginRight: string;
293
- marginLeft: string;
294
308
  gap: string;
295
309
  alignItems: string;
296
310
  height: string;
@@ -304,10 +318,17 @@ export declare const M4LSideBar: (theme: Theme) => {
304
318
  '& .M4LSideBar-containerLogoButtonLogo': {
305
319
  width: string;
306
320
  height: string;
307
- '& .M4LSideBar-containerLogoButtonIcon': {
308
- display: string;
309
- alignItems: string;
310
- };
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;
311
332
  };
312
333
  };
313
334
  "& .M4LIcon-icon"?: undefined;
@@ -317,8 +338,9 @@ export declare const M4LSideBar: (theme: Theme) => {
317
338
  height: string;
318
339
  width: string;
319
340
  background: string;
320
- paddingLeft: string;
321
- paddingBottom: string;
341
+ paddingTop: string;
342
+ borderRight: string;
343
+ borderColor: string;
322
344
  '& .M4LSideBar-subItemActive': {
323
345
  "& .M4LIcon-icon": {
324
346
  backgroundColor: string;
@@ -328,18 +350,32 @@ export declare const M4LSideBar: (theme: Theme) => {
328
350
  "& .M4LSideBar-wrapperSideBar": {
329
351
  width: string;
330
352
  "& .M4LSideBar-contentDesktop": {
331
- "& .M4LSideBar-containerSideBarLogo": {
332
- marginTop: string;
333
- "& .M4LSideBar-containerLogo": {
334
- gap: string;
335
- paddingLeft: string;
336
- width: string;
337
- '& .M4LImage-root': {
338
- minWidth: string;
339
- 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
+ };
340
370
  };
341
371
  };
342
372
  };
373
+ '& .M4LSideBar-collapseButton': {
374
+ padding: string;
375
+ "& .M4LSideBar-containerLogoButtonLogo": {
376
+ display: string;
377
+ };
378
+ };
343
379
  };
344
380
  };
345
381
  };
@@ -372,10 +408,7 @@ export declare const M4LSideBar: (theme: Theme) => {
372
408
  };
373
409
  '& .M4LImage-root': {
374
410
  position: string;
375
- background: string;
376
- boxShadow: string;
377
411
  padding: string;
378
- borderRadius: string;
379
412
  minWidth: string;
380
413
  minHeight: string;
381
414
  };
@@ -395,7 +428,11 @@ export declare const M4LSideBar: (theme: Theme) => {
395
428
  };
396
429
  '& .M4LSideBar-wrapperGroup': {
397
430
  height: string;
398
- paddingLeft: string;
431
+ padding: string;
432
+ '& .M4LScrollBar-root': {
433
+ height: string;
434
+ gap: string;
435
+ };
399
436
  '& .M4LSideBar-wrapperGroupTitle': {
400
437
  height: string;
401
438
  '& .M4LTypography-root': {
@@ -457,9 +494,10 @@ export declare const M4LSideBar: (theme: Theme) => {
457
494
  '&::before': {
458
495
  content: string;
459
496
  width: string;
497
+ height: string;
460
498
  top: string;
461
499
  bottom: string;
462
- right: string;
500
+ left: string;
463
501
  backgroundColor: string;
464
502
  borderRadius: string;
465
503
  position: string;
@@ -580,12 +618,10 @@ export declare const M4LSideBar: (theme: Theme) => {
580
618
  };
581
619
  '& .M4LSideBar-collapseButton': {
582
620
  display: string;
583
- paddingTop: string;
621
+ padding: string;
584
622
  borderTop: string;
585
623
  borderColor: string;
586
624
  justifyContent: string;
587
- marginRight: string;
588
- marginLeft: string;
589
625
  gap: string;
590
626
  alignItems: string;
591
627
  height: string;
@@ -599,10 +635,17 @@ export declare const M4LSideBar: (theme: Theme) => {
599
635
  '& .M4LSideBar-containerLogoButtonLogo': {
600
636
  width: string;
601
637
  height: string;
602
- '& .M4LSideBar-containerLogoButtonIcon': {
603
- display: string;
604
- alignItems: string;
605
- };
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;
606
649
  };
607
650
  };
608
651
  };
@@ -946,10 +989,10 @@ export declare const M4LSideBar: (theme: Theme) => {
946
989
  '& .M4LSideBar-containerLogoButtonLogo': {
947
990
  width: string;
948
991
  height: string;
949
- '& .M4LSideBar-containerLogoButtonIcon': {
950
- display: string;
951
- alignItems: string;
952
- };
992
+ };
993
+ '& .M4LSideBar-containerLogoButtonIcon': {
994
+ display: string;
995
+ alignItems: string;
953
996
  };
954
997
  };
955
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
+ };
package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts CHANGED
@@ -14,11 +14,7 @@ export declare const M4LTooltip: (theme: Theme) => {
14
14
  height: string;
15
15
  minHeight: string;
16
16
  width: string;
17
- margin: string;
18
- marginTop: string;
19
17
  color: string;
20
- borderTop: string;
21
- borderColor: string;
22
18
  };
23
19
  };
24
20
  };
package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts CHANGED
@@ -1,24 +1,20 @@
1
1
  import { Theme } from '@mui/material/styles';
2
- export declare const M4LoadingButton: (theme: Theme) => {
3
- M4LoadingButton: {
2
+ export declare const M4LLoadingButton: (theme: Theme) => {
3
+ M4LLoadingButton: {
4
4
  styleOverrides: {
5
- '&.M4LoadingButton-root': {
5
+ '&.M4LLoadingButton-root': {
6
6
  width: string;
7
7
  display: string;
8
8
  justifyContent: string;
9
- '& .MuiLoadingButton-loading': {
10
- '& .MuiTypography-root': {
11
- color: string;
9
+ '& .MuiButtonBase-root.MuiLoadingButton-loading': {
10
+ '& .M4LTypography-root': {
11
+ opacity: string;
12
12
  };
13
13
  };
14
14
  '& .MuiCircularProgress-root': {
15
15
  color: string;
16
16
  };
17
- '& .MuiTypography-root': {
18
- color: string;
19
- transition: string;
20
- };
21
- '& .M4LoadingButton-skeleton ': {
17
+ '& .M4LLoadingButton-skeleton ': {
22
18
  height: string;
23
19
  borderRadius: string;
24
20
  };
@@ -45,14 +41,14 @@ export declare const M4LoadingButton: (theme: Theme) => {
45
41
  borderRadius: string;
46
42
  border: string;
47
43
  };
48
- '&.M4LoadingButton-isDisabled': {
44
+ '&.M4LLoadingButton-isDisabled': {
49
45
  '& .MuiButtonBase-root': {
50
46
  color: string;
51
47
  '& .M4LIcon-icon': {
52
48
  backgroundColor: string;
53
49
  };
54
50
  };
55
- '&.M4LoadingButton-variantContained': {
51
+ '&.M4LLoadingButton-variantContained': {
56
52
  '& .MuiButtonBase-root': {
57
53
  color: string;
58
54
  '& .M4LIcon-icon': {
@@ -88,25 +84,33 @@ export declare const M4LoadingButton: (theme: Theme) => {
88
84
  };
89
85
  };
90
86
  };
91
- '&.M4LoadingButton-sizeSmall': {
87
+ '&.M4LLoadingButton-sizeSmall': {
92
88
  height: string;
93
89
  '& .MuiButtonBase-root': {
94
90
  padding: string;
95
91
  };
96
- '&.M4LoadingButton-skeleton': {
92
+ '&.M4LLoadingButton-skeleton': {
97
93
  height: string;
98
94
  };
99
95
  };
100
- '&.M4LoadingButton-sizeMedium': {
96
+ '&.M4LLoadingButton-sizeMedium': {
101
97
  height: string;
102
98
  '& .MuiButtonBase-root': {
103
99
  padding: string;
104
100
  };
105
- '&.M4LoadingButton-skeleton': {
101
+ '&.M4LLoadingButton-skeleton': {
106
102
  height: string;
107
103
  };
108
104
  };
109
- '&.M4LoadingButton-variantContained': {
105
+ '&.M4LLoadingButton-variantContained': {
106
+ '& .MuiCircularProgress-root': {
107
+ color: string;
108
+ };
109
+ '& .M4LTypography-root': {
110
+ '& .MuiTypography-root': {
111
+ color: string | undefined;
112
+ };
113
+ };
110
114
  '& .MuiButtonBase-root': {
111
115
  backgroundColor: string;
112
116
  color: string | undefined;
@@ -148,7 +152,7 @@ export declare const M4LoadingButton: (theme: Theme) => {
148
152
  };
149
153
  };
150
154
  };
151
- '&.M4LoadingButton-variantOutlined': {
155
+ '&.M4LLoadingButton-variantOutlined': {
152
156
  '& .MuiButtonBase-root': {
153
157
  border: string;
154
158
  borderColor: string;
@@ -185,7 +189,7 @@ export declare const M4LoadingButton: (theme: Theme) => {
185
189
  };
186
190
  };
187
191
  };
188
- '&.M4LoadingButton-variantText': {
192
+ '&.M4LLoadingButton-variantText': {
189
193
  '& .MuiButtonBase-root': {
190
194
  color: string;
191
195
  '& .M4LIcon-icon': {