@m4l/styles 0.0.20 → 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 (26) hide show
  1. package/index.js +10 -10
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.dd98806d.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 +25 -7
  10. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +16 -14
  11. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +8 -4
  12. package/theme/overrides/M4LExtendedComponents/{index.ead1a06a.js → index.9ecb9eb5.js} +476 -274
  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.0d219399.js → index.05460ef6.js} +3 -3
  20. package/theme/{palette.6e480083.js → palette.ad96498c.js} +3 -3
  21. package/theme/{shadows.0d04d424.js → shadows.c56e8ae9.js} +1 -1
  22. package/theme/{typography.8b60719b.js → typography.39389e10.js} +4 -4
  23. package/utils/{getColorPresets.4a88b0ed.js → getColorPresets.82f91ceb.js} +1 -1
  24. package/utils/{getColorState.1cdd7909.js → getColorState.0e5b3a7c.js} +38 -26
  25. package/utils/getColorState.d.ts +1 -0
  26. package/theme/index.7512919c.js +0 -7
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
@@ -195,6 +195,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
195
195
  padding: string;
196
196
  border: string;
197
197
  borderColor: string;
198
+ overflow: string;
198
199
  '& .M4LDynamicFilter-containerFistRow': {
199
200
  [x: string]: string | {
200
201
  height: string;
@@ -305,12 +306,27 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
305
306
  styleOverrides: {
306
307
  '&.M4LDynamicFilter-popoverMenuFields': {
307
308
  '& .M4LDynamicFilter-popoverMenuFieldsPaper': {
308
- '& .M4LDynamicFilter-classespopoverLabelMemuItem': {
309
- color: string;
310
- };
311
- '& .M4LDynamicFilter-popoverMenuFieldsItem:hover': {
312
- color: string;
313
- 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
+ };
314
330
  };
315
331
  };
316
332
  };
@@ -338,6 +354,8 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
338
354
  borderRadius: string;
339
355
  boxShadow: string;
340
356
  borderBottom: string;
357
+ borderTop: string;
358
+ borderColor: string;
341
359
  '& .MuiTypography-root': {
342
360
  color: string;
343
361
  };
@@ -350,7 +368,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
350
368
  gap: string;
351
369
  };
352
370
  };
353
- '& .M4LCommonActions-wrapperActions': {
371
+ '& .M4LCommonActions-root': {
354
372
  display: string;
355
373
  flexDirection: string;
356
374
  gap: string;
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -94,7 +94,7 @@ export declare const M4LSideBar: (theme: Theme) => {
94
94
  borderRadius: string;
95
95
  justifyContent: string;
96
96
  flexDirection: string;
97
- gap: string;
97
+ padding: string;
98
98
  '& .M4LSideBar-navItemMainRoot': {
99
99
  backgroundColor: string;
100
100
  '&:hover': {
@@ -164,22 +164,24 @@ export declare const M4LSideBar: (theme: Theme) => {
164
164
  };
165
165
  '& .M4LSideBar-navListSubItemRoot': {
166
166
  '& .M4LSideBar-navSubItemContentRoot ': {
167
+ width: string;
168
+ height: string;
169
+ borderRadius: string;
170
+ gap: string;
167
171
  '&.M4LSideBar-subItemCollapseActive': {
168
172
  backgroundColor: string;
169
- width: string;
170
- height: string;
173
+ gap: string;
171
174
  };
172
175
  '&.M4LSideBar-subItemActive': {
173
176
  '& .M4LSideBar-navSubItemContentBullet': {
174
177
  height: string;
175
178
  borderRadius: string;
176
179
  backgroundColor: string;
180
+ gap: string;
177
181
  };
178
182
  };
179
183
  '&:hover': {
180
184
  background: string;
181
- width: string;
182
- height: string;
183
185
  };
184
186
  };
185
187
  '& .M4LSideBar-navSubItemContentRoot': {
@@ -342,7 +344,7 @@ export declare const M4LSideBar: (theme: Theme) => {
342
344
  borderRadius: string;
343
345
  justifyContent: string;
344
346
  flexDirection: string;
345
- gap: string;
347
+ padding: string;
346
348
  '& .M4LSideBar-navItemMainRoot': {
347
349
  backgroundColor: string;
348
350
  '&:hover': {
@@ -412,22 +414,24 @@ export declare const M4LSideBar: (theme: Theme) => {
412
414
  };
413
415
  '& .M4LSideBar-navListSubItemRoot': {
414
416
  '& .M4LSideBar-navSubItemContentRoot ': {
417
+ width: string;
418
+ height: string;
419
+ borderRadius: string;
420
+ gap: string;
415
421
  '&.M4LSideBar-subItemCollapseActive': {
416
422
  backgroundColor: string;
417
- width: string;
418
- height: string;
423
+ gap: string;
419
424
  };
420
425
  '&.M4LSideBar-subItemActive': {
421
426
  '& .M4LSideBar-navSubItemContentBullet': {
422
427
  height: string;
423
428
  borderRadius: string;
424
429
  backgroundColor: string;
430
+ gap: string;
425
431
  };
426
432
  };
427
433
  '&:hover': {
428
434
  background: string;
429
- width: string;
430
- height: string;
431
435
  };
432
436
  };
433
437
  '& .M4LSideBar-navSubItemContentRoot': {
@@ -500,7 +504,7 @@ export declare const M4LSideBar: (theme: Theme) => {
500
504
  styleOverrides: {
501
505
  '&.M4LSideBar-popover': {
502
506
  '& .M4LSideBar-navListSubItemRoot': {
503
- '& .M4LSideBar-navSubItemContentRoot ': {
507
+ '& .M4LSideBar-navSubItemContentRoot': {
504
508
  gap: string;
505
509
  margin: string;
506
510
  padding: string;
@@ -533,8 +537,6 @@ export declare const M4LSideBar: (theme: Theme) => {
533
537
  };
534
538
  '&:hover': {
535
539
  background: string;
536
- width: string;
537
- height: string;
538
540
  };
539
541
  };
540
542
  };
@@ -614,7 +616,7 @@ export declare const M4LSideBar: (theme: Theme) => {
614
616
  borderRadius: string;
615
617
  justifyContent: string;
616
618
  flexDirection: string;
617
- gap: string;
619
+ padding: string;
618
620
  '& .M4LSideBar-navItemMainRoot': {
619
621
  backgroundColor: string;
620
622
  '&:hover': {
package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts CHANGED
@@ -3,8 +3,10 @@ export declare const M4LTab: (theme: Theme) => {
3
3
  M4LTab: {
4
4
  styleOverrides: {
5
5
  '&.M4LTab-root': {
6
+ width: string;
6
7
  "& .MuiButtonBase-root": {
7
8
  color: string;
9
+ lineHeight: string;
8
10
  "& .M4LIcon-root": {
9
11
  marginBottom: string;
10
12
  };
@@ -27,10 +29,8 @@ export declare const M4LTab: (theme: Theme) => {
27
29
  };
28
30
  };
29
31
  "& .Mui-selected": {
30
- background: string;
31
- border: string;
32
- borderColor: string;
33
- boxShadow: string;
32
+ color: string;
33
+ lineHeight: string;
34
34
  '&::before': {
35
35
  content: string;
36
36
  width: string;
@@ -40,6 +40,10 @@ export declare const M4LTab: (theme: Theme) => {
40
40
  borderRadius: string;
41
41
  position: string;
42
42
  };
43
+ background: string;
44
+ border: string;
45
+ borderColor: string;
46
+ boxShadow: string;
43
47
  };
44
48
  };
45
49
  };