@m4l/styles 0.0.31 → 0.0.33

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 (65) hide show
  1. package/index.js +37 -37
  2. package/package.json +1 -1
  3. package/theme/defaultThemeOptions.8a0a9552.js +27 -0
  4. package/theme/index.34d0fdea.js +1 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +249 -29
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +412 -62
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +58 -3
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +718 -549
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +117 -57
  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 +60 -57
  13. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +13 -12
  14. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +21 -8
  15. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +107 -90
  16. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +2 -2
  17. package/theme/overrides/M4LExtendedComponents/M4LImageButton.d.ts +115 -0
  18. package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts +2 -1
  19. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +11 -2
  20. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +17 -0
  21. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +2 -4
  22. package/theme/overrides/M4LExtendedComponents/M4LPDFViewer.d.ts +17 -0
  23. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +0 -2
  24. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +1 -2
  25. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +455 -31
  26. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +102 -0
  27. package/theme/overrides/M4LExtendedComponents/M4LPrintingSystem.d.ts +1 -1
  28. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +189 -1
  29. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +1 -0
  30. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +103 -48
  31. package/theme/overrides/M4LExtendedComponents/M4LStack.d.ts +1 -0
  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 +19 -0
  35. package/theme/overrides/M4LExtendedComponents/M4LToastContainer.d.ts +79 -0
  36. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +0 -4
  37. package/theme/overrides/M4LExtendedComponents/M4LanguagePopover.d.ts +16 -1
  38. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +350 -20
  39. package/theme/overrides/M4LExtendedComponents/M4LoadingError.d.ts +1 -4
  40. package/theme/overrides/M4LExtendedComponents/{index.1cd7b9f2.js → index.7ce8c9f6.js} +1544 -827
  41. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +101 -4
  42. package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.d.ts +178 -0
  43. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +107 -0
  44. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +160 -9
  45. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +5 -0
  46. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +9 -8
  47. package/theme/overrides/M4LRHFComponents/{index.2dbe138a.js → index.d7a80536.js} +303 -58
  48. package/theme/overrides/MUIComponents/Input.d.ts +5 -5
  49. package/theme/overrides/MUIComponents/{index.f50cd1c7.js → index.b3f5b7a7.js} +61 -140
  50. package/theme/overrides/index.c6df0378.js +106 -0
  51. package/theme/{palette.76ca123c.js → palette.c010be01.js} +91 -49
  52. package/theme/palette.d.ts +16 -6
  53. package/theme/{shadows.1c46a94e.js → shadows.f7e9f204.js} +26 -26
  54. package/theme/typography.b14a8e35.js +122 -0
  55. package/theme/typography.d.ts +19 -13
  56. package/types/augmentations.d.ts +1 -1
  57. package/utils/{getColorPresets.5bb0236e.js → getColorPresets.fd669756.js} +1 -1
  58. package/utils/getColorState.5e26c43a.js +239 -0
  59. package/utils/getColorState.d.ts +5 -0
  60. package/theme/defaultThemeOptions.85da8657.js +0 -30
  61. package/theme/index.4dffae0a.js +0 -7
  62. package/theme/overrides/MUIComponents/Tabs.d.ts +0 -903
  63. package/theme/overrides/index.a465322b.js +0 -104
  64. package/theme/typography.89adddae.js +0 -124
  65. package/utils/getColorState.42ed5268.js +0 -208
package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts CHANGED
@@ -13,6 +13,24 @@ export declare const M4LAreasViewer: (theme: Theme) => {
13
13
  minHeight: string;
14
14
  height: string;
15
15
  };
16
+ '& .M4LGridLayout-gridItemRoot': {
17
+ '& .react-resizable-handle-nw': {
18
+ top: string;
19
+ left: string;
20
+ };
21
+ '& .react-resizable-handle-ne': {
22
+ top: string;
23
+ right: string;
24
+ };
25
+ '& .react-resizable-handle-sw': {
26
+ bottom: string;
27
+ left: string;
28
+ };
29
+ '& .react-resizable-handle-se': {
30
+ bottom: string;
31
+ right: string;
32
+ };
33
+ };
16
34
  '& .M4LAreasViewer-areaGridLayout': {
17
35
  '& .M4LAreasViewer-resizeHandle': {
18
36
  test: string;
@@ -25,7 +43,6 @@ export declare const M4LAreasViewer: (theme: Theme) => {
25
43
  background: string;
26
44
  border: string;
27
45
  borderColor: string;
28
- boxShadow: string;
29
46
  borderRadius: string;
30
47
  display: string;
31
48
  '&:not(.M4LAreasViewer-loading)': {
@@ -48,52 +65,20 @@ export declare const M4LAreasViewer: (theme: Theme) => {
48
65
  overflow: string;
49
66
  };
50
67
  '& .M4LAreasViewer-windowHeader': {
51
- [x: string]: string | {
52
- height: string;
53
- display?: undefined;
54
- width?: undefined;
55
- alignItems?: undefined;
56
- '& .M4LAreasViewer-windowHeaderTitle'?: undefined;
57
- } | {
58
- display: string;
59
- width: string;
60
- height: string;
61
- alignItems: string;
62
- '& .M4LAreasViewer-windowHeaderTitle': {
63
- display: string;
64
- alignItems: string;
65
- overflow: string;
66
- width: string;
67
- padding: string;
68
- height: string;
69
- '& .MuiTypography-root': {
70
- whiteSpace: string;
71
- overflow: string;
72
- textOverflow: string;
73
- width: string;
74
- };
75
- };
76
- } | {
77
- color: string;
78
- overflow: string;
79
- height?: undefined;
80
- display?: undefined;
81
- width?: undefined;
82
- alignItems?: undefined;
83
- '& .M4LAreasViewer-windowHeaderTitle'?: undefined;
84
- };
85
68
  display: string;
86
69
  flexDirection: string;
87
- background: string;
88
70
  padding: string;
89
- border: string;
90
71
  boxShadow: string;
91
- height: string;
92
72
  '& .M4LAreasViewer-windowHeaderContent': {
93
73
  display: string;
94
74
  width: string;
95
75
  height: string;
96
76
  alignItems: string;
77
+ '& .M4LIcon-root': {
78
+ '& .M4LIcon-icon': {
79
+ background: string;
80
+ };
81
+ };
97
82
  '& .M4LAreasViewer-windowHeaderTitle': {
98
83
  display: string;
99
84
  alignItems: string;
@@ -106,6 +91,16 @@ export declare const M4LAreasViewer: (theme: Theme) => {
106
91
  overflow: string;
107
92
  textOverflow: string;
108
93
  width: string;
94
+ color: string;
95
+ };
96
+ };
97
+ '& .M4LAreasViewer-windowHeaderCancelHandle': {
98
+ '& .M4LIconButton-icon': {
99
+ '& .MuiButtonBase-root': {
100
+ '& .M4LIcon-icon': {
101
+ background: string;
102
+ };
103
+ };
109
104
  };
110
105
  };
111
106
  };
@@ -319,8 +314,9 @@ export declare const M4LAreasViewer: (theme: Theme) => {
319
314
  '&.M4LAreasViewer-selectedWindow': {
320
315
  border: string;
321
316
  borderColor: string;
322
- boxShadow: string | undefined;
317
+ boxShadow: string;
323
318
  backdropFilter: string;
319
+ background: string;
324
320
  '& .M4LAreasViewer-windowHeader': {
325
321
  display: string;
326
322
  flexDirection: string;
@@ -332,8 +328,22 @@ export declare const M4LAreasViewer: (theme: Theme) => {
332
328
  justifyContent: string;
333
329
  overflow: string;
334
330
  cursor: string;
331
+ '& .M4LAreasViewer-windowHeaderContent': {
332
+ '& .M4LIcon-root': {
333
+ '& .M4LIcon-icon': {
334
+ background: string;
335
+ };
336
+ };
337
+ '& .M4LAreasViewer-windowHeaderCancelHandle': {
338
+ '& .M4LIcon-root': {
339
+ '& .M4LIcon-icon': {
340
+ background: string;
341
+ };
342
+ };
343
+ };
344
+ };
335
345
  '& .M4LTypography-root .MuiTypography-root': {
336
- [x: string]: any;
346
+ color: string;
337
347
  };
338
348
  '& .MuiButtonBase-root': {
339
349
  '& .M4LIcon-icon': {
@@ -354,6 +364,9 @@ export declare const M4LAreasViewer: (theme: Theme) => {
354
364
  };
355
365
  };
356
366
  '&.M4LGridLayout-root .M4LGridLayout-maximizeMe': {
367
+ border: string;
368
+ borderColor: string;
369
+ borderRadius: string;
357
370
  '& .M4LAreasViewer-windowContent': {
358
371
  padding: string;
359
372
  };
@@ -364,22 +377,20 @@ export declare const M4LAreasViewer: (theme: Theme) => {
364
377
  border: string;
365
378
  };
366
379
  };
367
- '&. M4LGridLayout-colapsed ': {
380
+ '&.M4LGridLayout-colapsed ': {
368
381
  '& .M4LAreasViewer-windowRoot': {
369
382
  borderColor: string;
370
383
  boxShadow: string;
371
384
  };
372
385
  };
373
- '&. react-draggable': {
386
+ '&.react-draggable': {
374
387
  background: string;
375
388
  };
376
389
  '& .M4LAreasViewer-windowPopupRoot': {
377
390
  boxShadow: string;
378
- padding: string;
391
+ border: string;
379
392
  background: string;
380
393
  borderRadius: string;
381
- border: string;
382
- borderColor: string;
383
394
  backdropFilter: string;
384
395
  '& .M4LIcon-root.custom-handle': {
385
396
  '& .M4LIcon-icon': {
@@ -396,9 +407,14 @@ export declare const M4LAreasViewer: (theme: Theme) => {
396
407
  '& .M4LAreasViewer-windowRootContainer': {
397
408
  background: string;
398
409
  borderRadius: string;
410
+ border: string;
411
+ borderColor: string;
399
412
  '& .M4LAreasViewer-windowHeader': {
400
413
  boxShadow: string;
414
+ borderTopLeftRadius: string;
415
+ borderTopRightRadius: string;
401
416
  background: string;
417
+ border: string;
402
418
  '& .M4LIcon-root': {
403
419
  '& .M4LIcon-icon': {
404
420
  width: string;
@@ -413,6 +429,10 @@ export declare const M4LAreasViewer: (theme: Theme) => {
413
429
  overflow: string;
414
430
  };
415
431
  };
432
+ '& .M4LAreasViewer-windowContent': {
433
+ background: string;
434
+ padding: string;
435
+ };
416
436
  };
417
437
  '& .M4LAreasViewer-windowRoot': {
418
438
  padding: string;
@@ -454,13 +474,17 @@ export declare const M4LAreasViewer: (theme: Theme) => {
454
474
  [x: string]: string | {
455
475
  padding: string;
456
476
  boxShadow?: undefined;
477
+ border?: undefined;
478
+ borderColor?: undefined;
457
479
  '& .M4LAreasViewer-windowHeader'?: undefined;
458
480
  } | {
459
481
  boxShadow: string;
482
+ border: string;
483
+ borderColor: string;
460
484
  '& .M4LAreasViewer-windowHeader': {
461
- background: import("../..").StateSkeleton;
462
- borderRadius: string;
463
- boxShadow: string;
485
+ background: string;
486
+ borderTopLeftRadius: string;
487
+ borderTopRightRadius: string;
464
488
  '& .M4LIcon-root': {
465
489
  '& .M4LIcon-icon': {
466
490
  backgroundColor: string;
@@ -474,16 +498,16 @@ export declare const M4LAreasViewer: (theme: Theme) => {
474
498
  padding?: undefined;
475
499
  };
476
500
  border: string;
477
- borderColor: string;
478
501
  background: string;
479
502
  boxShadow: string;
480
- padding: string;
481
503
  '& .M4LAreasViewer-windowRootContainer': {
482
504
  boxShadow: string;
505
+ border: string;
506
+ borderColor: string;
483
507
  '& .M4LAreasViewer-windowHeader': {
484
- background: import("../..").StateSkeleton;
485
- borderRadius: string;
486
- boxShadow: string;
508
+ background: string;
509
+ borderTopLeftRadius: string;
510
+ borderTopRightRadius: string;
487
511
  '& .M4LIcon-root': {
488
512
  '& .M4LIcon-icon': {
489
513
  backgroundColor: string;
@@ -500,14 +524,14 @@ export declare const M4LAreasViewer: (theme: Theme) => {
500
524
  };
501
525
  '& .M4LAreasViewer-panelWindowsRoot': {
502
526
  background: string;
503
- boxShadow: string;
504
527
  display: string;
505
528
  alignItems: string;
506
529
  padding: string;
507
530
  gap: string;
531
+ borderLeft: string;
532
+ borderColor: string;
508
533
  '& .M4LAreasViewer-panelWindowsButtonContainer': {
509
534
  borderRadius: string;
510
- background: string;
511
535
  boxShadow: string;
512
536
  '&.M4LAreasViewer-selected': {
513
537
  background: string;
@@ -534,7 +558,6 @@ export declare const M4LAreasViewer: (theme: Theme) => {
534
558
  borderColor: string;
535
559
  '& .M4LAreasViewer-windowContent': {
536
560
  borderRadius: string;
537
- boxShadow: string;
538
561
  background: string;
539
562
  };
540
563
  '& .M4LAreasViewer-windowHeaderTitle': {
@@ -1445,12 +1468,33 @@ export declare const M4LAreasViewer: (theme: Theme) => {
1445
1468
  boxShadow: string;
1446
1469
  overflow: string;
1447
1470
  '& .M4LAreasViewer-windowHeader': {
1471
+ [x: string]: string | {
1472
+ height: string;
1473
+ minHeight: string;
1474
+ display?: undefined;
1475
+ alignItems?: undefined;
1476
+ } | {
1477
+ color: string;
1478
+ overflow: string;
1479
+ height?: undefined;
1480
+ minHeight?: undefined;
1481
+ display?: undefined;
1482
+ alignItems?: undefined;
1483
+ } | {
1484
+ display: string;
1485
+ alignItems: string;
1486
+ height: string;
1487
+ minHeight?: undefined;
1488
+ };
1448
1489
  cursor: string;
1449
1490
  display: string;
1450
1491
  flexDirection: string;
1451
1492
  padding: string;
1452
1493
  borderRadius: string;
1453
1494
  border: string;
1495
+ background: string;
1496
+ height: string;
1497
+ minHeight: string;
1454
1498
  '& .M4LTypography-root .MuiTypography-root': {
1455
1499
  color: string;
1456
1500
  overflow: string;
@@ -1462,7 +1506,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
1462
1506
  };
1463
1507
  };
1464
1508
  '& .M4LAreasViewer-windowContent': {
1465
- margin: string;
1509
+ padding: string;
1466
1510
  background: string;
1467
1511
  borderRadius: string;
1468
1512
  display: string;
@@ -1474,6 +1518,22 @@ export declare const M4LAreasViewer: (theme: Theme) => {
1474
1518
  };
1475
1519
  };
1476
1520
  };
1521
+ '& .M4LIcon-root.custom-handle-nw': {
1522
+ top: string;
1523
+ left: string;
1524
+ };
1525
+ '& .M4LIcon-root.custom-handle-ne': {
1526
+ top: string;
1527
+ right: string;
1528
+ };
1529
+ '& .M4LIcon-root.custom-handle-sw': {
1530
+ bottom: string;
1531
+ left: string;
1532
+ };
1533
+ '& .M4LIcon-root.custom-handle-se': {
1534
+ bottom: string;
1535
+ right: string;
1536
+ };
1477
1537
  '& .M4LIcon-root.custom-handle': {
1478
1538
  '& .M4LIcon-icon': {
1479
1539
  backgroundColor: string;
package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts CHANGED
@@ -4,7 +4,6 @@ export declare const M4LAvatar: (theme: Theme) => {
4
4
  styleOverrides: {
5
5
  '&.M4LAvatar-root': {
6
6
  '& .MuiAvatar-root': {
7
- borderColor: string;
8
7
  width: string;
9
8
  height: string;
10
9
  borderRadius: string;
@@ -12,7 +11,6 @@ export declare const M4LAvatar: (theme: Theme) => {
12
11
  background: string;
13
12
  color: string;
14
13
  boxShadow: string;
15
- borderTop: string;
16
14
  };
17
15
  test: string;
18
16
  };
package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts CHANGED
@@ -15,6 +15,11 @@ export declare const M4LBadge: (theme: Theme) => {
15
15
  width: string;
16
16
  lineHeight: string;
17
17
  textAlign: string;
18
+ paddingBottom: string;
19
+ paddingLeft: string;
20
+ borderRadius: string;
21
+ border: string;
22
+ borderColor: string;
18
23
  backgroundColor: string;
19
24
  height: string;
20
25
  top: string;
package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts CHANGED
@@ -3,11 +3,20 @@ export declare const M4LButton: (theme: Theme) => {
3
3
  M4LButton: {
4
4
  styleOverrides: {
5
5
  '&.M4LButton-root': {
6
+ height: string;
7
+ minHeight: string;
8
+ borderRadius: string;
6
9
  '& .M4LButton-skeleton ': {
7
10
  height: string;
8
11
  borderRadius: string;
9
12
  };
10
13
  '& .MuiButtonBase-root': {
14
+ backgroundColor: string;
15
+ height: string;
16
+ '&:hover, &:focus': {
17
+ backgroundColor: string;
18
+ transition: string;
19
+ };
11
20
  '& .M4LIcon-icon': {
12
21
  transition: string;
13
22
  };
@@ -38,37 +47,38 @@ export declare const M4LButton: (theme: Theme) => {
38
47
  };
39
48
  };
40
49
  '&.M4LButton-variantContained': {
41
- '& .MuiButtonBase-root': {
50
+ color: string;
51
+ backgroundColor: string;
52
+ border: string;
53
+ borderColor: string;
54
+ '& .M4LIcon-icon': {
55
+ backgroundColor: string;
56
+ };
57
+ '&:hover': {
58
+ backgroundColor: string;
42
59
  color: string;
43
60
  '& .M4LIcon-icon': {
44
61
  backgroundColor: string;
45
- };
46
- '&:hover': {
47
- backgroundColor: string;
48
62
  color: string;
49
- '& .M4LIcon-icon': {
50
- backgroundColor: string;
51
- color: string;
52
- };
53
63
  };
54
- '&:active': {
64
+ };
65
+ '&:active': {
66
+ backgroundColor: string;
67
+ color: string;
68
+ '& .M4LIcon-icon': {
55
69
  backgroundColor: string;
56
70
  color: string;
57
- '& .M4LIcon-icon': {
58
- backgroundColor: string;
59
- color: string;
60
- };
61
71
  };
62
- '&.Mui-focusVisible': {
72
+ };
73
+ '&.Mui-focusVisible': {
74
+ backgroundColor: string;
75
+ color: string;
76
+ '& .M4LIcon-icon': {
63
77
  backgroundColor: string;
64
78
  color: string;
65
- '& .M4LIcon-icon': {
66
- backgroundColor: string;
67
- color: string;
68
- };
69
- '&::before': {
70
- content: string;
71
- };
79
+ };
80
+ '&::before': {
81
+ content: string;
72
82
  };
73
83
  };
74
84
  };
@@ -94,30 +104,28 @@ export declare const M4LButton: (theme: Theme) => {
94
104
  };
95
105
  };
96
106
  '&.M4LButton-variantContained': {
97
- '& .MuiButtonBase-root': {
107
+ backgroundColor: string;
108
+ color: string | undefined;
109
+ boxShadow: string;
110
+ position: string;
111
+ '& .M4LIcon-icon': {
112
+ backgroundColor: string | undefined;
113
+ };
114
+ '&:hover': {
98
115
  backgroundColor: string;
99
116
  color: string | undefined;
100
- boxShadow: string;
101
- position: string;
102
117
  '& .M4LIcon-icon': {
103
118
  backgroundColor: string | undefined;
104
119
  };
105
- '&:hover': {
106
- backgroundColor: string;
107
- color: string | undefined;
108
- '& .M4LIcon-icon': {
109
- backgroundColor: string | undefined;
110
- };
120
+ };
121
+ '&.Mui-focusVisible': {
122
+ backgroundColor: string;
123
+ color: string | undefined;
124
+ '& .M4LIcon-icon': {
125
+ backgroundColor: string | undefined;
111
126
  };
112
- '&.Mui-focusVisible': {
113
- backgroundColor: string;
114
- color: string | undefined;
115
- '& .M4LIcon-icon': {
116
- backgroundColor: string | undefined;
117
- };
118
- '&::before': {
119
- content: string;
120
- };
127
+ '&::before': {
128
+ content: string;
121
129
  };
122
130
  };
123
131
  };
@@ -190,30 +198,25 @@ export declare const M4LButton: (theme: Theme) => {
190
198
  };
191
199
  };
192
200
  };
193
- "& .M4LButton-colorWarning": {
194
- backgroundColor: import("../..").StateDefault;
195
- color: string | undefined;
196
- boxShadow: string;
197
- };
198
- "& .M4LButton-colorError": {
199
- backgroundColor: import("../..").StateDefault;
200
- color: string | undefined;
201
- boxShadow: string;
202
- };
203
- "& .M4LButton-colorSuccess": {
204
- backgroundColor: import("../..").StateDefault;
205
- color: string | undefined;
206
- boxShadow: string;
207
- };
208
- '&.M4LButton-colorError .MuiButtonBase-root': {
201
+ '&.M4LButton-colorError': {
209
202
  backgroundColor: string;
203
+ '&:hover': {
204
+ backgroundColor: string;
205
+ };
210
206
  };
211
- "&.M4LButton-colorWarning .MuiButtonBase-root": {
207
+ '&.M4LButton-colorWarning': {
212
208
  backgroundColor: string;
209
+ '&:hover': {
210
+ backgroundColor: string;
211
+ };
213
212
  };
214
- "&.M4LButton-colorSuccess .MuiButtonBase-root": {
213
+ '&.M4LButton-colorSuccess': {
215
214
  backgroundColor: string;
215
+ '&:hover': {
216
+ backgroundColor: string;
217
+ };
216
218
  };
219
+ transition: string;
217
220
  width: string;
218
221
  display: string;
219
222
  justifyContent: string;
package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts CHANGED
@@ -9,45 +9,46 @@ export declare const M4LCheckBox: (theme: Theme) => {
9
9
  '& .MuiTypography-root': {
10
10
  color: string;
11
11
  };
12
- '.M4LCheckBox-small .MuiButtonBase-root': {
12
+ '& .M4LCheckBox-small .MuiButtonBase-root': {
13
13
  width: string;
14
14
  height: string;
15
15
  };
16
- '.MuiCheckbox-root .MuiSvgIcon-fontSizeSmall': {
16
+ '& .MuiCheckbox-root .MuiSvgIcon-fontSizeSmall': {
17
17
  width: string;
18
18
  height: string;
19
19
  };
20
- '.M4LCheckBox-medium .MuiButtonBase-root': {
20
+ '& .M4LCheckBox-medium .MuiButtonBase-root': {
21
21
  width: string;
22
22
  height: string;
23
23
  };
24
- '.MuiCheckbox-root .MuiSvgIcon-fontSizeMedium': {
24
+ '& .MuiCheckbox-root .MuiSvgIcon-fontSizeMedium': {
25
25
  width: string;
26
26
  height: string;
27
27
  };
28
- '.MuiButtonBase-root': {
28
+ '& .MuiButtonBase-root': {
29
29
  borderRadius: string;
30
30
  };
31
- '.MuiButtonBase-root:hover': {
31
+ '& .MuiButtonBase-root:hover': {
32
32
  backgroundColor: string;
33
+ borderRadius: string;
33
34
  };
34
- '.Mui-focusVisible': {
35
+ '& .Mui-focusVisible': {
35
36
  border: string;
36
37
  borderColor: string;
37
38
  };
38
- '.MuiButtonBase-root:hover .MuiSvgIcon-root': {
39
+ '& .MuiButtonBase-root:hover .MuiSvgIcon-root': {
39
40
  fill: string;
40
41
  };
41
- '.M4LCheckBox-checkTypography .MuiTypography-root': {
42
+ '& .M4LCheckBox-checkTypography .MuiTypography-root': {
42
43
  [x: string]: any;
43
44
  };
44
- '.M4LCheckBox-stateDisabled .MuiSvgIcon-root': {
45
+ '& .M4LCheckBox-stateDisabled .MuiSvgIcon-root': {
45
46
  fill: string;
46
47
  };
47
- '.M4LCheckBox-stateDisabled .MuiTypography-root': {
48
+ '& .M4LCheckBox-stateDisabled .MuiTypography-root': {
48
49
  color: string;
49
50
  };
50
- '.MuiButtonBase-root .Mui-focusVisible:focus-visible': {
51
+ '& .MuiButtonBase-root .Mui-focusVisible:focus-visible': {
51
52
  outline: string;
52
53
  };
53
54
  };