@m4l/styles 0.0.19 → 0.0.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 (31) hide show
  1. package/index.js +19 -19
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.d67fe64c.js → defaultThemeOptions.81e20130.js} +5 -5
  4. package/theme/index.38ad102a.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +237 -67
  6. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +1151 -336
  7. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +116 -63
  8. package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts +1 -0
  9. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +245 -8
  10. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +46 -12
  11. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +8 -4
  12. package/theme/overrides/M4LExtendedComponents/{index.bd713d88.js → index.9ecb9eb5.js} +524 -289
  13. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +17 -3
  14. package/theme/overrides/M4LRHFComponents/{index.1406e2ed.js → index.e3118e8b.js} +25 -11
  15. package/theme/overrides/MUIComponents/Button.d.ts +3 -1
  16. package/theme/overrides/MUIComponents/Input.d.ts +16 -3
  17. package/theme/overrides/MUIComponents/Tabs.d.ts +2 -0
  18. package/theme/overrides/MUIComponents/{index.e3d060c3.js → index.25926753.js} +50 -32
  19. package/theme/overrides/{index.6b7aec0f.js → index.05460ef6.js} +3 -3
  20. package/theme/{palette.95c4f9c8.js → palette.ad96498c.js} +114 -114
  21. package/theme/palette.d.ts +6 -6
  22. package/theme/{shadows.354bbb03.js → shadows.c56e8ae9.js} +1 -1
  23. package/theme/{typography.61f909b7.js → typography.39389e10.js} +4 -4
  24. package/types/types.d.ts +1 -1
  25. package/utils/getColorPresets.82f91ceb.js +70 -0
  26. package/utils/getColorPresets.d.ts +1 -1
  27. package/utils/getColorState.0e5b3a7c.js +172 -0
  28. package/utils/getColorState.d.ts +1 -0
  29. package/theme/index.efa44d2d.js +0 -7
  30. package/utils/getColorPresets.d73f30ad.js +0 -70
  31. package/utils/getColorState.bde51cf7.js +0 -159
package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts CHANGED
@@ -20,6 +20,10 @@ export declare const M4LAreasViewer: (theme: Theme) => {
20
20
  '& .react-resizable-handle': {
21
21
  backgroundColor: string;
22
22
  };
23
+ "&.react-colapsed": {
24
+ border: string;
25
+ borderColor: string;
26
+ };
23
27
  "& .M4LAreasViewer-windowRootContainer": {
24
28
  display: string;
25
29
  flexDirection: string;
@@ -197,7 +201,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
197
201
  padding: string;
198
202
  justifyContent: string;
199
203
  minHeight: string;
200
- borderBottom: string;
204
+ borderTop: string;
201
205
  borderColor: string;
202
206
  overflow: string;
203
207
  cursor: string;
@@ -211,55 +215,26 @@ export declare const M4LAreasViewer: (theme: Theme) => {
211
215
  };
212
216
  };
213
217
  };
214
- };
215
- '& .M4LAreasViewer-panelWindowsRoot': {
216
- background: string;
217
- boxShadow: string;
218
- borderRadius: string;
219
- display: string;
220
- alignItems: string;
221
- margin: string;
222
- padding: string;
223
- gap: string;
224
- '& .M4LAreasViewer-panelWindowsButtonContainer': {
225
- borderRadius: string;
226
- background: string;
218
+ "& .M4LAreasViewer-windowPopupRoot": {
227
219
  boxShadow: string;
228
- '&.M4LAreasViewer-selected': {
229
- background: string;
230
- boxShadow: string;
231
- };
232
- };
233
- };
234
- "& .M4LAreasViewer-windowPopupRoot": {
235
- boxShadow: string;
236
- "& .M4LIcon-root.custom-handle": {
237
- "& .M4LIcon-icon": {
238
- backgroundColor: string;
239
- width: string;
240
- height: string;
241
- minWidth: string;
242
- minHeight: string;
243
- boxShadow: string;
244
- border: string;
245
- borderColor: string;
246
- };
247
- };
248
- "& .M4LAreasViewer-windowRoot": {
249
220
  padding: string;
250
221
  background: string;
251
222
  borderRadius: string;
252
223
  border: string;
253
224
  borderColor: string;
254
225
  backdropFilter: string;
255
- '&:not(.M4LAreasViewer-loading)': {
256
- '& .M4LinearProgressIndeterminate-root': {
257
- opacity: number;
226
+ "& .M4LIcon-root.custom-handle": {
227
+ "& .M4LIcon-icon": {
228
+ backgroundColor: string;
229
+ width: string;
230
+ height: string;
231
+ minWidth: string;
232
+ minHeight: string;
233
+ boxShadow: string;
234
+ border: string;
235
+ borderColor: string;
258
236
  };
259
237
  };
260
- '& > .react-resizable-handle': {
261
- backgroundColor: string;
262
- };
263
238
  "& .M4LAreasViewer-windowRootContainer": {
264
239
  background: string;
265
240
  borderRadius: string;
@@ -268,31 +243,104 @@ export declare const M4LAreasViewer: (theme: Theme) => {
268
243
  minHeight: string;
269
244
  boxShadow: string;
270
245
  background: string;
246
+ "& .M4LIcon-root": {
247
+ "& .M4LIcon-icon": {
248
+ backgroundColor: string;
249
+ };
250
+ };
271
251
  "& .M4LTypography-root .MuiTypography-root": {
272
252
  color: string;
273
253
  };
274
254
  };
275
255
  };
256
+ "& .M4LAreasViewer-windowRoot": {
257
+ padding: string;
258
+ background: string;
259
+ borderRadius: string;
260
+ border: string;
261
+ borderColor: string;
262
+ backdropFilter: string;
263
+ '&:not(.M4LAreasViewer-loading)': {
264
+ '& .M4LinearProgressIndeterminate-root': {
265
+ opacity: number;
266
+ };
267
+ };
268
+ '& > .react-resizable-handle': {
269
+ backgroundColor: string;
270
+ };
271
+ "&.M4LAreasViewer-selectedWindow": {
272
+ border: string;
273
+ borderColor: string;
274
+ background: string;
275
+ boxShadow: string;
276
+ padding: string;
277
+ "& .M4LAreasViewer-windowRootContainer": {
278
+ "& .M4LAreasViewer-windowHeader": {
279
+ background: string;
280
+ height: string;
281
+ borderRadius: string;
282
+ boxShadow: string;
283
+ borderTop: string;
284
+ borderColor: string;
285
+ "& .M4LIcon-root": {
286
+ "& .M4LIcon-icon": {
287
+ backgroundColor: string;
288
+ };
289
+ };
290
+ "& .M4LTypography-root .MuiTypography-root": {
291
+ color: string;
292
+ };
293
+ };
294
+ };
295
+ };
296
+ };
276
297
  "&.M4LAreasViewer-selectedWindow": {
277
298
  border: string;
278
299
  borderColor: string;
279
300
  background: string;
280
301
  boxShadow: string;
281
302
  padding: string;
282
- "& .M4LAreasViewer-windowHeader": {
283
- background: string;
284
- height: string;
285
- borderRadius: string;
303
+ "& .M4LAreasViewer-windowRootContainer": {
286
304
  boxShadow: string;
287
- borderTop: string;
288
- borderColor: string;
289
- "& .M4LTypography-root .MuiTypography-root": {
290
- color: string;
305
+ "& .M4LAreasViewer-windowHeader": {
306
+ background: import("../..").StateSkeleton;
307
+ height: string;
308
+ borderRadius: string;
309
+ boxShadow: string;
310
+ borderTop: string;
311
+ borderColor: string;
312
+ "& .M4LIcon-root": {
313
+ "& .M4LIcon-icon": {
314
+ backgroundColor: string;
315
+ };
316
+ };
317
+ "& .M4LTypography-root .MuiTypography-root": {
318
+ color: string;
319
+ };
291
320
  };
292
321
  };
293
322
  };
294
323
  };
295
324
  };
325
+ '& .M4LAreasViewer-panelWindowsRoot': {
326
+ background: string;
327
+ boxShadow: string;
328
+ borderRadius: string;
329
+ display: string;
330
+ alignItems: string;
331
+ margin: string;
332
+ padding: string;
333
+ gap: string;
334
+ '& .M4LAreasViewer-panelWindowsButtonContainer': {
335
+ borderRadius: string;
336
+ background: string;
337
+ boxShadow: string;
338
+ '&.M4LAreasViewer-selected': {
339
+ background: string;
340
+ boxShadow: string;
341
+ };
342
+ };
343
+ };
296
344
  "& .M4LAreasViewer-areasLoadingErrorRoot": {
297
345
  display: string;
298
346
  flexDirection: string;
@@ -1155,23 +1203,14 @@ export declare const M4LAreasViewer: (theme: Theme) => {
1155
1203
  };
1156
1204
  M4LAreasViewerModal: {
1157
1205
  styleOverrides: {
1158
- "&.M4LAreasViewer-windowModalRoot": {
1206
+ "&.M4LAreasViewer-windowModalRoot .M4LAreasViewer-windowRoot": {
1159
1207
  borderRadius: string;
1160
1208
  boxShadow: string;
1161
- '& .M4LAreasViewer-windowRoot': {
1209
+ background: string;
1210
+ '& .M4LAreasViewer-windowContent': {
1162
1211
  borderRadius: string;
1163
- };
1164
- "& .M4LIcon-root.custom-handle": {
1165
- "& .M4LIcon-icon": {
1166
- backgroundColor: string;
1167
- width: string;
1168
- height: string;
1169
- minWidth: string;
1170
- minHeight: string;
1171
- boxShadow: string;
1172
- border: string;
1173
- borderColor: string;
1174
- };
1212
+ boxShadow: string;
1213
+ background: string;
1175
1214
  };
1176
1215
  "& .M4LAreasViewer-areasLoadingErrorRoot": {
1177
1216
  display: string;
@@ -2046,6 +2085,8 @@ export declare const M4LAreasViewer: (theme: Theme) => {
2046
2085
  flexDirection: string;
2047
2086
  height: string;
2048
2087
  background: string;
2088
+ borderRadius: string;
2089
+ boxShadow: string;
2049
2090
  "& .M4LAreasViewer-windowHeader": {
2050
2091
  cursor: string;
2051
2092
  display: string;
@@ -2077,6 +2118,18 @@ export declare const M4LAreasViewer: (theme: Theme) => {
2077
2118
  };
2078
2119
  };
2079
2120
  };
2121
+ "& .M4LIcon-root.custom-handle": {
2122
+ "& .M4LIcon-icon": {
2123
+ backgroundColor: string;
2124
+ width: string;
2125
+ height: string;
2126
+ minWidth: string;
2127
+ minHeight: string;
2128
+ boxShadow: string;
2129
+ border: string;
2130
+ borderColor: string;
2131
+ };
2132
+ };
2080
2133
  };
2081
2134
  };
2082
2135
  };
package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const M4LCommonActions: (_theme: Theme) => {
8
8
  gap: string;
9
9
  justifyContent: string;
10
10
  width: string;
11
+ overflow: string;
11
12
  };
12
13
  };
13
14
  };
package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts CHANGED
@@ -3,16 +3,228 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
3
3
  M4LDynamicFilter: {
4
4
  styleOverrides: {
5
5
  '&.M4LDynamicFilter-root': {
6
+ [x: string]: string | {
7
+ gap: string;
8
+ height?: undefined;
9
+ width?: undefined;
10
+ '& .M4LDynamicFilter-containerInputFilter'?: undefined;
11
+ borderColor?: undefined;
12
+ display?: undefined;
13
+ flexDirection?: undefined;
14
+ backgroundColor?: undefined;
15
+ padding?: undefined;
16
+ maxWidth?: undefined;
17
+ alignItems?: undefined;
18
+ '& > input'?: undefined;
19
+ '& input:focus-visible'?: undefined;
20
+ borderLeft?: undefined;
21
+ } | {
22
+ [x: string]: string | {
23
+ height: string;
24
+ background: string;
25
+ display: string;
26
+ flexDirection: string;
27
+ alignItems: string;
28
+ justifyContent: string;
29
+ width?: undefined;
30
+ maxWidth?: undefined;
31
+ } | {
32
+ [x: string]: string | {
33
+ height: string;
34
+ };
35
+ width: string;
36
+ alignItems: string;
37
+ maxWidth: string;
38
+ height?: undefined;
39
+ background?: undefined;
40
+ display?: undefined;
41
+ flexDirection?: undefined;
42
+ justifyContent?: undefined;
43
+ };
44
+ height: string;
45
+ width: string;
46
+ '& .M4LDynamicFilter-containerInputFilter': {
47
+ [x: string]: string | {
48
+ height: string;
49
+ };
50
+ width: string;
51
+ alignItems: string;
52
+ maxWidth: string;
53
+ };
54
+ gap?: undefined;
55
+ borderColor?: undefined;
56
+ display?: undefined;
57
+ flexDirection?: undefined;
58
+ backgroundColor?: undefined;
59
+ padding?: undefined;
60
+ maxWidth?: undefined;
61
+ alignItems?: undefined;
62
+ '& > input'?: undefined;
63
+ '& input:focus-visible'?: undefined;
64
+ borderLeft?: undefined;
65
+ } | {
66
+ borderColor: string;
67
+ gap?: undefined;
68
+ height?: undefined;
69
+ width?: undefined;
70
+ '& .M4LDynamicFilter-containerInputFilter'?: undefined;
71
+ display?: undefined;
72
+ flexDirection?: undefined;
73
+ backgroundColor?: undefined;
74
+ padding?: undefined;
75
+ maxWidth?: undefined;
76
+ alignItems?: undefined;
77
+ '& > input'?: undefined;
78
+ '& input:focus-visible'?: undefined;
79
+ borderLeft?: undefined;
80
+ } | {
81
+ [x: string]: string | {
82
+ gap: string;
83
+ padding: string;
84
+ };
85
+ display: string;
86
+ flexDirection: string;
87
+ gap: string;
88
+ backgroundColor: string;
89
+ padding: string;
90
+ height?: undefined;
91
+ width?: undefined;
92
+ '& .M4LDynamicFilter-containerInputFilter'?: undefined;
93
+ borderColor?: undefined;
94
+ maxWidth?: undefined;
95
+ alignItems?: undefined;
96
+ '& > input'?: undefined;
97
+ '& input:focus-visible'?: undefined;
98
+ borderLeft?: undefined;
99
+ } | {
100
+ display: string;
101
+ flexDirection: string;
102
+ gap: string;
103
+ padding: string;
104
+ backgroundColor: string;
105
+ height: string;
106
+ maxWidth: string;
107
+ width: string;
108
+ alignItems: string;
109
+ '& > input': {
110
+ color: string;
111
+ padding: string;
112
+ width: string;
113
+ height: string;
114
+ borderRadius: string;
115
+ border: string;
116
+ borderColor: string;
117
+ background: string;
118
+ };
119
+ '& input:focus-visible': {
120
+ border: string;
121
+ borderColor: string;
122
+ background: string;
123
+ BorderRadius: string;
124
+ outline: string;
125
+ padding: string;
126
+ };
127
+ '& .M4LDynamicFilter-containerInputFilter'?: undefined;
128
+ borderColor?: undefined;
129
+ borderLeft?: undefined;
130
+ } | {
131
+ [x: string]: string | {
132
+ height: string;
133
+ padding: string;
134
+ };
135
+ borderLeft: string;
136
+ height: string;
137
+ gap?: undefined;
138
+ width?: undefined;
139
+ '& .M4LDynamicFilter-containerInputFilter'?: undefined;
140
+ borderColor?: undefined;
141
+ display?: undefined;
142
+ flexDirection?: undefined;
143
+ backgroundColor?: undefined;
144
+ padding?: undefined;
145
+ maxWidth?: undefined;
146
+ alignItems?: undefined;
147
+ '& > input'?: undefined;
148
+ '& input:focus-visible'?: undefined;
149
+ } | {
150
+ padding: string;
151
+ gap?: undefined;
152
+ height?: undefined;
153
+ width?: undefined;
154
+ '& .M4LDynamicFilter-containerInputFilter'?: undefined;
155
+ borderColor?: undefined;
156
+ display?: undefined;
157
+ flexDirection?: undefined;
158
+ backgroundColor?: undefined;
159
+ maxWidth?: undefined;
160
+ alignItems?: undefined;
161
+ '& > input'?: undefined;
162
+ '& input:focus-visible'?: undefined;
163
+ borderLeft?: undefined;
164
+ } | {
165
+ border: string;
166
+ borderTop: string;
167
+ borderColor: string;
168
+ '& .css-5ca9fi': {
169
+ [x: string]: any;
170
+ };
171
+ '& .css-1wytxsy': {
172
+ [x: string]: any;
173
+ };
174
+ borderRadius: string;
175
+ background: string;
176
+ boxShadow: string;
177
+ color: string;
178
+ gap?: undefined;
179
+ height?: undefined;
180
+ width?: undefined;
181
+ '& .M4LDynamicFilter-containerInputFilter'?: undefined;
182
+ display?: undefined;
183
+ flexDirection?: undefined;
184
+ backgroundColor?: undefined;
185
+ padding?: undefined;
186
+ maxWidth?: undefined;
187
+ alignItems?: undefined;
188
+ '& > input'?: undefined;
189
+ '& input:focus-visible'?: undefined;
190
+ borderLeft?: undefined;
191
+ };
6
192
  borderRadius: string;
7
193
  background: string;
8
194
  boxShadow: string;
9
195
  padding: string;
10
196
  border: string;
11
197
  borderColor: string;
198
+ overflow: string;
12
199
  '& .M4LDynamicFilter-containerFistRow': {
200
+ [x: string]: string | {
201
+ height: string;
202
+ background: string;
203
+ display: string;
204
+ flexDirection: string;
205
+ alignItems: string;
206
+ justifyContent: string;
207
+ width?: undefined;
208
+ maxWidth?: undefined;
209
+ } | {
210
+ [x: string]: string | {
211
+ height: string;
212
+ };
213
+ width: string;
214
+ alignItems: string;
215
+ maxWidth: string;
216
+ height?: undefined;
217
+ background?: undefined;
218
+ display?: undefined;
219
+ flexDirection?: undefined;
220
+ justifyContent?: undefined;
221
+ };
13
222
  height: string;
14
223
  width: string;
15
224
  '& .M4LDynamicFilter-containerInputFilter': {
225
+ [x: string]: string | {
226
+ height: string;
227
+ };
16
228
  width: string;
17
229
  alignItems: string;
18
230
  maxWidth: string;
@@ -22,6 +234,10 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
22
234
  borderColor: string;
23
235
  };
24
236
  '& .M4LDynamicFilter-containerClearFilter': {
237
+ [x: string]: string | {
238
+ gap: string;
239
+ padding: string;
240
+ };
25
241
  display: string;
26
242
  flexDirection: string;
27
243
  gap: string;
@@ -58,6 +274,10 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
58
274
  };
59
275
  };
60
276
  '& .M4LDynamicFilter-wrapperApplyedFilters': {
277
+ [x: string]: string | {
278
+ height: string;
279
+ padding: string;
280
+ };
61
281
  borderLeft: string;
62
282
  height: string;
63
283
  };
@@ -86,12 +306,27 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
86
306
  styleOverrides: {
87
307
  '&.M4LDynamicFilter-popoverMenuFields': {
88
308
  '& .M4LDynamicFilter-popoverMenuFieldsPaper': {
89
- '& .M4LDynamicFilter-classespopoverLabelMemuItem': {
90
- color: string;
91
- };
92
- '& .M4LDynamicFilter-popoverMenuFieldsItem:hover': {
93
- color: string;
94
- background: string;
309
+ display: string;
310
+ flexDirection: string;
311
+ padding: string;
312
+ gap: string;
313
+ borderRadius: string;
314
+ borderTop: string;
315
+ borderColor: string;
316
+ "& .M4LDynamicFilter-popoverMenuFieldsItem": {
317
+ paddingLeft: string;
318
+ paddingRight: string;
319
+ borderRadius: string;
320
+ '& .M4LDynamicFilter-classespopoverLabelMemuItem': {
321
+ color: string;
322
+ };
323
+ '& .M4LDynamicFilter-popoverMenuFieldsItem:hover': {
324
+ color: string;
325
+ background: string;
326
+ borderRadius: string;
327
+ padding: string;
328
+ boxShadow: string;
329
+ };
95
330
  };
96
331
  };
97
332
  };
@@ -103,7 +338,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
103
338
  width: string;
104
339
  '& .M4LDynamicFilter-popoverFilterPaper': {
105
340
  padding: string;
106
- width: string;
341
+ minWidth: string;
107
342
  "& .M4LPopover-arrowStyle": {
108
343
  background: string;
109
344
  };
@@ -119,6 +354,8 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
119
354
  borderRadius: string;
120
355
  boxShadow: string;
121
356
  borderBottom: string;
357
+ borderTop: string;
358
+ borderColor: string;
122
359
  '& .MuiTypography-root': {
123
360
  color: string;
124
361
  };
@@ -131,7 +368,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
131
368
  gap: string;
132
369
  };
133
370
  };
134
- '& .M4LCommonActions-wrapperActions': {
371
+ '& .M4LCommonActions-root': {
135
372
  display: string;
136
373
  flexDirection: string;
137
374
  gap: string;