@m4l/styles 0.0.32 → 0.0.34

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 (37) hide show
  1. package/index.js +9 -9
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.b25c825e.js → defaultThemeOptions.66a289a7.js} +4 -4
  4. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +245 -32
  5. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +326 -1
  6. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +85 -77
  7. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +87 -17
  8. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +4 -1
  9. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +12 -7
  10. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +29 -3
  11. package/theme/overrides/M4LExtendedComponents/M4LImageButton.d.ts +115 -0
  12. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +0 -2
  13. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +5 -1
  14. package/theme/overrides/M4LExtendedComponents/M4LPDFViewer.d.ts +17 -0
  15. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +424 -10
  16. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +90 -0
  17. package/theme/overrides/M4LExtendedComponents/M4LPrintingSystem.d.ts +1 -1
  18. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +83 -36
  19. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +12 -6
  20. package/theme/overrides/M4LExtendedComponents/M4LStack.d.ts +1 -0
  21. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +3 -0
  22. package/theme/overrides/M4LExtendedComponents/M4LToastContainer.d.ts +65 -15
  23. package/theme/overrides/M4LExtendedComponents/M4LanguagePopover.d.ts +16 -1
  24. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +326 -0
  25. package/theme/overrides/M4LExtendedComponents/{index.15f2650a.js → index.e406c71f.js} +687 -253
  26. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +0 -1
  27. package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.d.ts +178 -0
  28. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +155 -6
  29. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +9 -9
  30. package/theme/overrides/M4LRHFComponents/{index.e6262889.js → index.d7a80536.js} +61 -31
  31. package/theme/overrides/MUIComponents/Input.d.ts +5 -5
  32. package/theme/overrides/MUIComponents/{index.1b2b2be2.js → index.b3f5b7a7.js} +4 -4
  33. package/theme/overrides/{index.158187f3.js → index.2d07abe3.js} +16 -15
  34. package/theme/{palette.31d770bc.js → palette.1b577d8c.js} +14 -14
  35. package/theme/{shadows.9800d84c.js → shadows.a726d8c6.js} +26 -26
  36. package/utils/{getColorPresets.9fec9cc2.js → getColorPresets.479f9922.js} +1 -1
  37. package/utils/{getColorState.4350ccb4.js → getColorState.ce01540c.js} +47 -47
package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts CHANGED
@@ -4,23 +4,34 @@ export declare const M4LPropertyValue: (theme: Theme) => {
4
4
  styleOverrides: {
5
5
  '&.M4LPropertyValue-root': {
6
6
  [x: string]: string | {
7
- gap: string;
8
- alignItems: string;
9
- gridTemplateColumns?: undefined;
10
- minHeight?: undefined;
11
- } | {
12
7
  gridTemplateColumns: string;
13
8
  minHeight: string;
9
+ borderBottom?: undefined;
10
+ display?: undefined;
11
+ flexDirection?: undefined;
14
12
  gap?: undefined;
15
13
  alignItems?: undefined;
14
+ height?: undefined;
15
+ paddingTop?: undefined;
16
+ '&.M4LPropertyValue-variantIsForm'?: undefined;
17
+ '& .M4LPropertyValue-property'?: undefined;
18
+ '& .M4LPropertyValue-value'?: undefined;
16
19
  } | {
17
20
  minHeight: string;
18
- gap?: undefined;
19
- alignItems?: undefined;
21
+ borderBottom: string;
22
+ display: string;
23
+ flexDirection: string;
24
+ gap: string;
25
+ alignItems: string;
20
26
  gridTemplateColumns?: undefined;
27
+ height?: undefined;
28
+ paddingTop?: undefined;
29
+ '&.M4LPropertyValue-variantIsForm'?: undefined;
30
+ '& .M4LPropertyValue-property'?: undefined;
31
+ '& .M4LPropertyValue-value'?: undefined;
21
32
  } | {
22
33
  color: string;
23
- height: string;
34
+ fontWeight: string;
24
35
  display: string;
25
36
  alignItems: string;
26
37
  justifyContent: string;
@@ -30,10 +41,21 @@ export declare const M4LPropertyValue: (theme: Theme) => {
30
41
  overflowWrap: string;
31
42
  '& .M4LTypography-root': {
32
43
  color: string;
44
+ fontWeight: string;
45
+ maxWidth: string;
46
+ width: string;
33
47
  };
48
+ maxWidth: string;
34
49
  width: string;
50
+ minHeight: string;
35
51
  gridTemplateColumns?: undefined;
36
- minHeight?: undefined;
52
+ borderBottom?: undefined;
53
+ flexDirection?: undefined;
54
+ height?: undefined;
55
+ paddingTop?: undefined;
56
+ '&.M4LPropertyValue-variantIsForm'?: undefined;
57
+ '& .M4LPropertyValue-property'?: undefined;
58
+ '& .M4LPropertyValue-value'?: undefined;
37
59
  } | {
38
60
  color: string;
39
61
  overflow: string;
@@ -41,40 +63,64 @@ export declare const M4LPropertyValue: (theme: Theme) => {
41
63
  position: string;
42
64
  display: string;
43
65
  flexDirection: string;
44
- marginTop: string;
45
66
  overflowWrap: string;
67
+ justifyContent: string;
46
68
  '& .M4LTypography-root': {
47
69
  color: string;
48
70
  };
49
71
  '& .M4LRHFTextField-root.M4LRHFTextField-sizeSmall': {
50
72
  '& .MuiFormControl-root': {
51
73
  '& .MuiInputBase-root': {
52
- borderRadius: string;
53
- background: string;
54
- '& .MuiOutlinedInput-notchedOutline': {
55
- border: string;
56
- borderRadius: string;
57
- };
74
+ '& .MuiOutlinedInput-notchedOutline': {};
58
75
  };
59
76
  };
60
77
  };
61
78
  '& .M4LRHFTextField-root.M4LRHFTextField-sizeMedium': {
62
79
  '& .MuiFormControl-root': {
63
80
  '& .MuiInputBase-root': {
64
- borderRadius: string;
65
- background: string;
66
- '& .MuiOutlinedInput-notchedOutline': {
67
- border: string;
68
- borderRadius: string;
69
- };
81
+ '& .MuiOutlinedInput-notchedOutline': {};
70
82
  };
71
83
  };
72
84
  };
85
+ maxWidth: string;
73
86
  width: string;
74
87
  minHeight: string;
88
+ gridTemplateColumns?: undefined;
89
+ borderBottom?: undefined;
75
90
  gap?: undefined;
76
91
  alignItems?: undefined;
92
+ height?: undefined;
93
+ paddingTop?: undefined;
94
+ '&.M4LPropertyValue-variantIsForm'?: undefined;
95
+ '& .M4LPropertyValue-property'?: undefined;
96
+ '& .M4LPropertyValue-value'?: undefined;
97
+ } | {
98
+ minHeight: string;
99
+ height: string;
100
+ alignItems: string;
101
+ paddingTop: string;
102
+ '&.M4LPropertyValue-variantIsForm': {
103
+ '& .M4LTypography-root': {
104
+ paddingLeft: string;
105
+ };
106
+ };
107
+ '& .M4LPropertyValue-property': {
108
+ minHeight: string;
109
+ height: string;
110
+ justifyContent: string;
111
+ paddingLeft: string;
112
+ };
113
+ '& .M4LPropertyValue-value': {
114
+ minHeight: string;
115
+ height: string;
116
+ padding: string;
117
+ justifyContent: string;
118
+ };
77
119
  gridTemplateColumns?: undefined;
120
+ borderBottom?: undefined;
121
+ display?: undefined;
122
+ flexDirection?: undefined;
123
+ gap?: undefined;
78
124
  };
79
125
  test: string;
80
126
  display: string;
@@ -90,10 +136,15 @@ export declare const M4LPropertyValue: (theme: Theme) => {
90
136
  };
91
137
  '&.M4LPropertyValue-variantIsForm': {
92
138
  minHeight: string;
139
+ borderBottom: string;
140
+ display: string;
141
+ flexDirection: string;
142
+ gap: string;
143
+ alignItems: string;
93
144
  };
94
145
  '& .M4LPropertyValue-property': {
95
146
  color: string;
96
- height: string;
147
+ fontWeight: string;
97
148
  display: string;
98
149
  alignItems: string;
99
150
  justifyContent: string;
@@ -103,8 +154,13 @@ export declare const M4LPropertyValue: (theme: Theme) => {
103
154
  overflowWrap: string;
104
155
  '& .M4LTypography-root': {
105
156
  color: string;
157
+ fontWeight: string;
158
+ maxWidth: string;
159
+ width: string;
106
160
  };
161
+ maxWidth: string;
107
162
  width: string;
163
+ minHeight: string;
108
164
  };
109
165
  '& .M4LPropertyValue-value': {
110
166
  color: string;
@@ -113,35 +169,26 @@ export declare const M4LPropertyValue: (theme: Theme) => {
113
169
  position: string;
114
170
  display: string;
115
171
  flexDirection: string;
116
- marginTop: string;
117
172
  overflowWrap: string;
173
+ justifyContent: string;
118
174
  '& .M4LTypography-root': {
119
175
  color: string;
120
176
  };
121
177
  '& .M4LRHFTextField-root.M4LRHFTextField-sizeSmall': {
122
178
  '& .MuiFormControl-root': {
123
179
  '& .MuiInputBase-root': {
124
- borderRadius: string;
125
- background: string;
126
- '& .MuiOutlinedInput-notchedOutline': {
127
- border: string;
128
- borderRadius: string;
129
- };
180
+ '& .MuiOutlinedInput-notchedOutline': {};
130
181
  };
131
182
  };
132
183
  };
133
184
  '& .M4LRHFTextField-root.M4LRHFTextField-sizeMedium': {
134
185
  '& .MuiFormControl-root': {
135
186
  '& .MuiInputBase-root': {
136
- borderRadius: string;
137
- background: string;
138
- '& .MuiOutlinedInput-notchedOutline': {
139
- border: string;
140
- borderRadius: string;
141
- };
187
+ '& .MuiOutlinedInput-notchedOutline': {};
142
188
  };
143
189
  };
144
190
  };
191
+ maxWidth: string;
145
192
  width: string;
146
193
  minHeight: string;
147
194
  };
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -46,7 +46,7 @@ export declare const M4LSideBar: (theme: Theme) => {
46
46
  };
47
47
  };
48
48
  };
49
- "& .M4LIcon-icon"?: undefined;
49
+ '& .M4LIcon-icon'?: undefined;
50
50
  width?: undefined;
51
51
  height?: undefined;
52
52
  padding?: undefined;
@@ -57,7 +57,7 @@ export declare const M4LSideBar: (theme: Theme) => {
57
57
  width: string;
58
58
  height: string;
59
59
  padding: string;
60
- "& .M4LIcon-icon"?: undefined;
60
+ '& .M4LIcon-icon'?: undefined;
61
61
  "& .M4LSideBar-wrapperSideBar"?: undefined;
62
62
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
63
63
  '& .M4LSideBar-contentGroups'?: undefined;
@@ -113,6 +113,7 @@ export declare const M4LSideBar: (theme: Theme) => {
113
113
  height: string;
114
114
  padding: string;
115
115
  '& .M4LScrollBar-root': {
116
+ overflow: string;
116
117
  height: string;
117
118
  gap: string;
118
119
  };
@@ -134,8 +135,8 @@ export declare const M4LSideBar: (theme: Theme) => {
134
135
  borderRadius: string;
135
136
  justifyContent: string;
136
137
  flexDirection: string;
137
- padding: string;
138
138
  gap: string;
139
+ paddingBottom: string;
139
140
  '& .M4LSideBar-navItemMainRoot': {
140
141
  backgroundColor: string;
141
142
  borderRadius: string;
@@ -146,6 +147,7 @@ export declare const M4LSideBar: (theme: Theme) => {
146
147
  };
147
148
  '&.M4LSideBar-itemMainActive': {
148
149
  borderRadius: string;
150
+ height: string;
149
151
  '& .M4LSideBar-navItemMainRoot': {
150
152
  background: string;
151
153
  '&:hover': {
@@ -308,6 +310,7 @@ export declare const M4LSideBar: (theme: Theme) => {
308
310
  gap: string;
309
311
  alignItems: string;
310
312
  height: string;
313
+ width: string;
311
314
  minHeight: string;
312
315
  flexDirection: string;
313
316
  '& .M4LSideBar-containerLogoButton': {
@@ -331,12 +334,12 @@ export declare const M4LSideBar: (theme: Theme) => {
331
334
  height: string;
332
335
  };
333
336
  };
334
- "& .M4LIcon-icon"?: undefined;
337
+ '& .M4LIcon-icon'?: undefined;
335
338
  "& .M4LSideBar-wrapperSideBar"?: undefined;
336
339
  padding?: undefined;
337
340
  };
338
341
  height: string;
339
- width: string;
342
+ maxWidth: string;
340
343
  background: string;
341
344
  paddingTop: string;
342
345
  borderRight: string;
@@ -430,6 +433,7 @@ export declare const M4LSideBar: (theme: Theme) => {
430
433
  height: string;
431
434
  padding: string;
432
435
  '& .M4LScrollBar-root': {
436
+ overflow: string;
433
437
  height: string;
434
438
  gap: string;
435
439
  };
@@ -451,8 +455,8 @@ export declare const M4LSideBar: (theme: Theme) => {
451
455
  borderRadius: string;
452
456
  justifyContent: string;
453
457
  flexDirection: string;
454
- padding: string;
455
458
  gap: string;
459
+ paddingBottom: string;
456
460
  '& .M4LSideBar-navItemMainRoot': {
457
461
  backgroundColor: string;
458
462
  borderRadius: string;
@@ -463,6 +467,7 @@ export declare const M4LSideBar: (theme: Theme) => {
463
467
  };
464
468
  '&.M4LSideBar-itemMainActive': {
465
469
  borderRadius: string;
470
+ height: string;
466
471
  '& .M4LSideBar-navItemMainRoot': {
467
472
  background: string;
468
473
  '&:hover': {
@@ -625,6 +630,7 @@ export declare const M4LSideBar: (theme: Theme) => {
625
630
  gap: string;
626
631
  alignItems: string;
627
632
  height: string;
633
+ width: string;
628
634
  minHeight: string;
629
635
  flexDirection: string;
630
636
  '& .M4LSideBar-containerLogoButton': {
package/theme/overrides/M4LExtendedComponents/M4LStack.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const M4LStack: (_theme: Theme) => {
8
8
  position: string;
9
9
  overflow: string;
10
10
  flex: string;
11
+ borderRadius: string;
11
12
  };
12
13
  };
13
14
  };
package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts CHANGED
@@ -8,6 +8,9 @@ export declare const M4LTabs: (_theme: Theme) => {
8
8
  position: string;
9
9
  minHeight: string;
10
10
  borderRadius: string;
11
+ '& .MuiTabs-indicator': {
12
+ display: string;
13
+ };
11
14
  '& .MuiButtonBase-root': {
12
15
  background: string;
13
16
  borderRadius: string;
package/theme/overrides/M4LExtendedComponents/M4LToastContainer.d.ts CHANGED
@@ -3,25 +3,75 @@ export declare const M4LToastContainer: (theme: Theme) => {
3
3
  M4LToastContainer: {
4
4
  styleOverrides: {
5
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': {
6
+ width: string;
7
+ height: string;
8
+ position: string;
9
+ '& .Toastify': {
10
+ '& .Toastify__toast-container': {
18
11
  display: string;
12
+ flexDirection: string;
19
13
  gap: string;
20
- '& .M4LToastContainer-toastMessageInfo': {
21
- color: string;
14
+ '& .Toastify__toast': {
15
+ padding: string;
16
+ marginBottom: string;
17
+ backgroundColor: string;
18
+ boxShadow: string;
19
+ minHeight: string;
20
+ '& .Toastify__toast-body': {
21
+ margin: string;
22
+ padding: string;
23
+ '& .Toastify__toast-icon': {
24
+ display: string;
25
+ };
26
+ '& .M4LToastContainer-toastMessageContainer': {
27
+ display: string;
28
+ alignItems: string;
29
+ gap: string;
30
+ '& .M4LToastContainer-toastMessageIcon': {
31
+ height: string;
32
+ width: string;
33
+ display: string;
34
+ alignItems: string;
35
+ justifyContent: string;
36
+ borderRadius: string;
37
+ };
38
+ '& .M4LToastContainer-toastMessageInfo': {
39
+ color: string;
40
+ };
41
+ };
42
+ };
43
+ '& .Toastify__close-button': {
44
+ margin: string;
45
+ '& > svg': {
46
+ fill: string;
47
+ };
48
+ };
49
+ '&.Toastify__toast--info': {
50
+ '& .Toastify__toast-body': {
51
+ '& .M4LToastContainer-toastMessageContainer': {
52
+ '& .M4LToastContainer-toastMessageIcon': {
53
+ background: string;
54
+ };
55
+ };
56
+ };
57
+ };
58
+ '&.Toastify__toast--success': {
59
+ '& .M4LToastContainer-toastMessageIcon': {
60
+ background: string;
61
+ };
62
+ };
63
+ '&.Toastify__toast--warning': {
64
+ '& .M4LToastContainer-toastMessageIcon': {
65
+ background: string;
66
+ };
67
+ };
68
+ '&.Toastify__toast--error': {
69
+ '& .M4LToastContainer-toastMessageIcon': {
70
+ background: string;
71
+ };
72
+ };
22
73
  };
23
74
  };
24
- '&.Toastify__toast--error': {};
25
75
  };
26
76
  };
27
77
  };
package/theme/overrides/M4LExtendedComponents/M4LanguagePopover.d.ts CHANGED
@@ -2,7 +2,22 @@ import { Theme } from '@mui/material/styles';
2
2
  export declare const M4LanguagePopover: (_theme: Theme) => {
3
3
  M4LanguagePopover: {
4
4
  styleOverrides: {
5
- "&.M4LanguagePopover-root": {};
5
+ "&.M4LanguagePopover-root": {
6
+ '& .M4LImageButton-root': {
7
+ '& .MuiButtonBase-root': {
8
+ width: string;
9
+ height: string;
10
+ 'M4LImage-root': {
11
+ width: string;
12
+ height: string;
13
+ '& .M4LImage-lazyLoad': {
14
+ width: string;
15
+ height: string;
16
+ };
17
+ };
18
+ };
19
+ };
20
+ };
6
21
  };
7
22
  };
8
23
  };