@m4l/styles 0.0.43 → 0.0.45

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 (17) hide show
  1. package/index.js +36 -36
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.4c9bc728.js → defaultThemeOptions.656b9eff.js} +11 -8
  4. package/theme/index.bc975e94.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +2 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +19 -215
  7. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +3 -1
  8. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +0 -4
  9. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +21 -76
  10. package/theme/overrides/M4LExtendedComponents/{index.b9151f24.js → index.21173919.js} +165 -184
  11. package/theme/overrides/{index.fd981495.js → index.1864049e.js} +1 -1
  12. package/theme/{typography.b14a8e35.js → typography.ed54f014.js} +32 -24
  13. package/types/augmentations.d.ts +121 -121
  14. package/types/types.d.ts +24 -24
  15. package/utils/{getColorState.6c23eada.js → getColorState.7b9634af.js} +7 -2
  16. package/vite-env.d.ts +3 -3
  17. package/theme/index.34d0fdea.js +0 -1
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -13,13 +13,11 @@ export declare const M4LSideBar: (theme: Theme) => {
13
13
  zIndex: string;
14
14
  height: string;
15
15
  transition: string;
16
- width: string;
17
16
  '& .M4LSideBar-contentDesktop': {
18
17
  display: string;
19
18
  width: string;
20
19
  height: string;
21
20
  boxShadow: string;
22
- transition: string;
23
21
  '& .M4LSideBar-containerContentGroupsFooter': {
24
22
  flexGrow: string;
25
23
  display: string;
@@ -30,7 +28,6 @@ export declare const M4LSideBar: (theme: Theme) => {
30
28
  borderColor: string;
31
29
  backgroundColor: string;
32
30
  '& .M4LSideBar-contentGroups': {
33
- padding: string;
34
31
  '& .M4LSideBar-wrapperGroup': {
35
32
  overflow: string;
36
33
  padding: string;
@@ -39,12 +36,21 @@ export declare const M4LSideBar: (theme: Theme) => {
39
36
  borderColor: string;
40
37
  height: string;
41
38
  width: string;
39
+ flex: string;
40
+ '& .M4LSideBar-itemListMainRootContainer': {
41
+ display: string;
42
+ flexDirection: string;
43
+ width: string;
44
+ height: string;
45
+ overflow: string;
46
+ };
42
47
  '& .M4LSideBar-navItemRootContent': {
43
48
  overflow: string;
44
49
  height: string;
45
50
  padding: string;
46
51
  display: string;
47
52
  alignItems: string;
53
+ position: string;
48
54
  };
49
55
  };
50
56
  };
@@ -86,7 +92,6 @@ export declare const M4LSideBar: (theme: Theme) => {
86
92
  minWidth: string;
87
93
  minHeight: string;
88
94
  '& .MuiButtonBase-root': {
89
- padding: string;
90
95
  width: string;
91
96
  height: string;
92
97
  };
@@ -100,9 +105,9 @@ export declare const M4LSideBar: (theme: Theme) => {
100
105
  boxShadow?: undefined;
101
106
  zIndex?: undefined;
102
107
  opacity?: undefined;
103
- padding?: undefined;
104
108
  '& .M4LIcon-icon'?: undefined;
105
109
  "& .M4LSideBar-wrapperSideBar"?: undefined;
110
+ padding?: undefined;
106
111
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
107
112
  '& .M4LSideBar-contentGroups'?: undefined;
108
113
  '& .M4LSideBar-footer'?: undefined;
@@ -125,9 +130,9 @@ export declare const M4LSideBar: (theme: Theme) => {
125
130
  boxShadow?: undefined;
126
131
  zIndex?: undefined;
127
132
  opacity?: undefined;
128
- padding?: undefined;
129
133
  '& .M4LIcon-icon'?: undefined;
130
134
  "& .M4LSideBar-wrapperSideBar"?: undefined;
135
+ padding?: undefined;
131
136
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
132
137
  '& .M4LSideBar-contentGroups'?: undefined;
133
138
  '& .M4LSideBar-footer'?: undefined;
@@ -147,9 +152,9 @@ export declare const M4LSideBar: (theme: Theme) => {
147
152
  '& .MuiButtonBase-root'?: undefined;
148
153
  '& .M4LSideBar-collapseButton'?: undefined;
149
154
  opacity?: undefined;
150
- padding?: undefined;
151
155
  '& .M4LIcon-icon'?: undefined;
152
156
  "& .M4LSideBar-wrapperSideBar"?: undefined;
157
+ padding?: undefined;
153
158
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
154
159
  '& .M4LSideBar-contentGroups'?: undefined;
155
160
  '& .M4LSideBar-footer'?: undefined;
@@ -169,14 +174,13 @@ export declare const M4LSideBar: (theme: Theme) => {
169
174
  backgroundColor?: undefined;
170
175
  boxShadow?: undefined;
171
176
  zIndex?: undefined;
172
- padding?: undefined;
173
177
  '& .M4LIcon-icon'?: undefined;
174
178
  "& .M4LSideBar-wrapperSideBar"?: undefined;
179
+ padding?: undefined;
175
180
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
176
181
  '& .M4LSideBar-contentGroups'?: undefined;
177
182
  '& .M4LSideBar-footer'?: undefined;
178
183
  } | {
179
- padding: string;
180
184
  "& .M4LIcon-icon": {
181
185
  backgroundColor: string;
182
186
  };
@@ -196,6 +200,7 @@ export declare const M4LSideBar: (theme: Theme) => {
196
200
  zIndex?: undefined;
197
201
  opacity?: undefined;
198
202
  "& .M4LSideBar-wrapperSideBar"?: undefined;
203
+ padding?: undefined;
199
204
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
200
205
  '& .M4LSideBar-contentGroups'?: undefined;
201
206
  '& .M4LSideBar-footer'?: undefined;
@@ -231,8 +236,8 @@ export declare const M4LSideBar: (theme: Theme) => {
231
236
  boxShadow?: undefined;
232
237
  zIndex?: undefined;
233
238
  opacity?: undefined;
234
- padding?: undefined;
235
239
  '& .M4LIcon-icon'?: undefined;
240
+ padding?: undefined;
236
241
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
237
242
  '& .M4LSideBar-contentGroups'?: undefined;
238
243
  '& .M4LSideBar-footer'?: undefined;
@@ -320,7 +325,6 @@ export declare const M4LSideBar: (theme: Theme) => {
320
325
  width: string;
321
326
  '& .MuiTypography-root': {
322
327
  textTransform: string;
323
- fontWeight: string;
324
328
  with: string;
325
329
  overflow: string;
326
330
  textOverflow: string;
@@ -345,13 +349,11 @@ export declare const M4LSideBar: (theme: Theme) => {
345
349
  };
346
350
  };
347
351
  '&.M4LSideBar-itemMainActive': {
352
+ background: string;
348
353
  borderRadius: string;
349
354
  height: string;
350
355
  '& .M4LSideBar-navItemMainRoot': {
351
356
  background: string;
352
- border: string;
353
- borderColor: string;
354
- boxShadow: string;
355
357
  '&:hover': {
356
358
  background: string;
357
359
  cursor: string;
@@ -385,7 +387,7 @@ export declare const M4LSideBar: (theme: Theme) => {
385
387
  height: string;
386
388
  top: string;
387
389
  bottom: string;
388
- left: string;
390
+ right: string;
389
391
  backgroundColor: string;
390
392
  borderRadius: string;
391
393
  position: string;
@@ -437,7 +439,6 @@ export declare const M4LSideBar: (theme: Theme) => {
437
439
  gap: string;
438
440
  padding: string;
439
441
  '& .M4LSideBar-navSubItemContentRoot ': {
440
- padding: string;
441
442
  width: string;
442
443
  height: string;
443
444
  borderRadius: string;
@@ -445,10 +446,7 @@ export declare const M4LSideBar: (theme: Theme) => {
445
446
  '&.M4LSideBar-subItemCollapseActive': {
446
447
  backgroundColor: string;
447
448
  gap: string;
448
- border: string;
449
- borderColor: string;
450
449
  "& .MuiButtonBase-root": {
451
- padding: string;
452
450
  "& .M4LIcon-root": {
453
451
  "& .M4LIcon-icon": {
454
452
  backgroundColor: string;
@@ -458,7 +456,6 @@ export declare const M4LSideBar: (theme: Theme) => {
458
456
  };
459
457
  '& .M4LSideBar-subItemActive': {
460
458
  "& .MuiButtonBase-root": {
461
- padding: string;
462
459
  "& .M4LIcon-root": {
463
460
  "& .M4LIcon-icon": {};
464
461
  };
@@ -543,9 +540,9 @@ export declare const M4LSideBar: (theme: Theme) => {
543
540
  boxShadow?: undefined;
544
541
  zIndex?: undefined;
545
542
  opacity?: undefined;
546
- padding?: undefined;
547
543
  '& .M4LIcon-icon'?: undefined;
548
544
  "& .M4LSideBar-wrapperSideBar"?: undefined;
545
+ padding?: undefined;
549
546
  };
550
547
  height: string;
551
548
  background: string;
@@ -556,7 +553,6 @@ export declare const M4LSideBar: (theme: Theme) => {
556
553
  minWidth: string;
557
554
  minHeight: string;
558
555
  '& .MuiButtonBase-root': {
559
- padding: string;
560
556
  width: string;
561
557
  height: string;
562
558
  };
@@ -582,7 +578,6 @@ export declare const M4LSideBar: (theme: Theme) => {
582
578
  transition: string;
583
579
  };
584
580
  '& .M4LSideBar-subItemActive': {
585
- padding: string;
586
581
  "& .M4LIcon-icon": {
587
582
  backgroundColor: string;
588
583
  };
@@ -667,7 +662,6 @@ export declare const M4LSideBar: (theme: Theme) => {
667
662
  width: string;
668
663
  '& .MuiTypography-root': {
669
664
  textTransform: string;
670
- fontWeight: string;
671
665
  with: string;
672
666
  overflow: string;
673
667
  textOverflow: string;
@@ -692,13 +686,11 @@ export declare const M4LSideBar: (theme: Theme) => {
692
686
  };
693
687
  };
694
688
  '&.M4LSideBar-itemMainActive': {
689
+ background: string;
695
690
  borderRadius: string;
696
691
  height: string;
697
692
  '& .M4LSideBar-navItemMainRoot': {
698
693
  background: string;
699
- border: string;
700
- borderColor: string;
701
- boxShadow: string;
702
694
  '&:hover': {
703
695
  background: string;
704
696
  cursor: string;
@@ -732,7 +724,7 @@ export declare const M4LSideBar: (theme: Theme) => {
732
724
  height: string;
733
725
  top: string;
734
726
  bottom: string;
735
- left: string;
727
+ right: string;
736
728
  backgroundColor: string;
737
729
  borderRadius: string;
738
730
  position: string;
@@ -784,7 +776,6 @@ export declare const M4LSideBar: (theme: Theme) => {
784
776
  gap: string;
785
777
  padding: string;
786
778
  '& .M4LSideBar-navSubItemContentRoot ': {
787
- padding: string;
788
779
  width: string;
789
780
  height: string;
790
781
  borderRadius: string;
@@ -792,10 +783,7 @@ export declare const M4LSideBar: (theme: Theme) => {
792
783
  '&.M4LSideBar-subItemCollapseActive': {
793
784
  backgroundColor: string;
794
785
  gap: string;
795
- border: string;
796
- borderColor: string;
797
786
  "& .MuiButtonBase-root": {
798
- padding: string;
799
787
  "& .M4LIcon-root": {
800
788
  "& .M4LIcon-icon": {
801
789
  backgroundColor: string;
@@ -805,7 +793,6 @@ export declare const M4LSideBar: (theme: Theme) => {
805
793
  };
806
794
  '& .M4LSideBar-subItemActive': {
807
795
  "& .MuiButtonBase-root": {
808
- padding: string;
809
796
  "& .M4LIcon-root": {
810
797
  "& .M4LIcon-icon": {};
811
798
  };
@@ -961,7 +948,6 @@ export declare const M4LSideBar: (theme: Theme) => {
961
948
  flexGrow: string;
962
949
  display: string;
963
950
  flexDirection: string;
964
- gap: string;
965
951
  '& .M4LSideBar-contentGroupsLine': {
966
952
  display: string;
967
953
  height: string;
@@ -1003,8 +989,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1003
989
  '&.M4LSideBar-itemMainActive': {
1004
990
  background: string;
1005
991
  borderRadius: string;
1006
- border: string;
1007
- borderColor: string;
1008
992
  '& .M4LSideBar-navItemMainRoot': {
1009
993
  background: string;
1010
994
  '&:hover': {
@@ -1099,8 +1083,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1099
1083
  backgroundColor: string;
1100
1084
  gap: string;
1101
1085
  "& .MuiButtonBase-root": {
1102
- paddingLeft: string;
1103
- padding: string;
1104
1086
  "& .M4LIcon-root": {
1105
1087
  "& .M4LIcon-icon": {
1106
1088
  backgroundColor: string;
@@ -1110,8 +1092,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1110
1092
  };
1111
1093
  '& .M4LSideBar-subItemActive': {
1112
1094
  "& .MuiButtonBase-root": {
1113
- paddingLeft: string;
1114
- padding: string;
1115
1095
  "& .M4LIcon-root": {
1116
1096
  "& .M4LIcon-icon": {
1117
1097
  backgroundColor: string;
@@ -1126,7 +1106,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1126
1106
  };
1127
1107
  };
1128
1108
  '&:hover': {
1129
- padding: string;
1130
1109
  background: string;
1131
1110
  };
1132
1111
  };
@@ -1245,7 +1224,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1245
1224
  flexGrow: string;
1246
1225
  display: string;
1247
1226
  flexDirection: string;
1248
- gap: string;
1249
1227
  '& .M4LSideBar-contentGroupsLine': {
1250
1228
  display: string;
1251
1229
  height: string;
@@ -1287,8 +1265,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1287
1265
  '&.M4LSideBar-itemMainActive': {
1288
1266
  background: string;
1289
1267
  borderRadius: string;
1290
- border: string;
1291
- borderColor: string;
1292
1268
  '& .M4LSideBar-navItemMainRoot': {
1293
1269
  background: string;
1294
1270
  '&:hover': {
@@ -1383,8 +1359,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1383
1359
  backgroundColor: string;
1384
1360
  gap: string;
1385
1361
  "& .MuiButtonBase-root": {
1386
- paddingLeft: string;
1387
- padding: string;
1388
1362
  "& .M4LIcon-root": {
1389
1363
  "& .M4LIcon-icon": {
1390
1364
  backgroundColor: string;
@@ -1394,8 +1368,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1394
1368
  };
1395
1369
  '& .M4LSideBar-subItemActive': {
1396
1370
  "& .MuiButtonBase-root": {
1397
- paddingLeft: string;
1398
- padding: string;
1399
1371
  "& .M4LIcon-root": {
1400
1372
  "& .M4LIcon-icon": {
1401
1373
  backgroundColor: string;
@@ -1410,7 +1382,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1410
1382
  };
1411
1383
  };
1412
1384
  '&:hover': {
1413
- padding: string;
1414
1385
  background: string;
1415
1386
  };
1416
1387
  };
@@ -1499,7 +1470,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1499
1470
  '& .M4LSideBar-navListSubItemRoot': {
1500
1471
  '& .M4LSideBar-subItemActive': {
1501
1472
  '& .MuiButtonBase-root': {
1502
- padding: string;
1503
1473
  '& .M4LIcon-root': {
1504
1474
  '& .M4LIcon-icon': {
1505
1475
  backgroundColor: string;
@@ -1512,7 +1482,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1512
1482
  '& .M4LSideBar-subItemActive': {
1513
1483
  height: string;
1514
1484
  "& .MuiButtonBase-root": {
1515
- padding: string;
1516
1485
  "& .M4LIcon-root": {
1517
1486
  "& .M4LIcon-icon": {
1518
1487
  backgroundColor: string;
@@ -1532,7 +1501,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1532
1501
  backgroundColor: string;
1533
1502
  };
1534
1503
  '&:hover': {
1535
- padding: string;
1536
1504
  background: string;
1537
1505
  };
1538
1506
  };
@@ -1571,7 +1539,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1571
1539
  '& .M4LSideBar-navListSubItemRoot': {
1572
1540
  '& .M4LSideBar-subItemActive': {
1573
1541
  '& .MuiButtonBase-root': {
1574
- padding: string;
1575
1542
  '& .M4LIcon-root': {
1576
1543
  '& .M4LIcon-icon': {
1577
1544
  backgroundColor: string;
@@ -1584,7 +1551,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1584
1551
  '& .M4LSideBar-subItemActive': {
1585
1552
  height: string;
1586
1553
  "& .MuiButtonBase-root": {
1587
- padding: string;
1588
1554
  "& .M4LIcon-root": {
1589
1555
  "& .M4LIcon-icon": {
1590
1556
  backgroundColor: string;
@@ -1604,7 +1570,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1604
1570
  backgroundColor: string;
1605
1571
  };
1606
1572
  '&:hover': {
1607
- padding: string;
1608
1573
  background: string;
1609
1574
  };
1610
1575
  };
@@ -1701,7 +1666,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1701
1666
  borderRadius: string;
1702
1667
  justifyContent: string;
1703
1668
  flexDirection: string;
1704
- paddingBottom: string;
1669
+ marginBottom: string;
1705
1670
  gap: string;
1706
1671
  height: string;
1707
1672
  '& .M4LSideBar-navItemMainRoot': {
@@ -1715,10 +1680,7 @@ export declare const M4LSideBar: (theme: Theme) => {
1715
1680
  '&.M4LSideBar-itemMainActive': {
1716
1681
  borderRadius: string;
1717
1682
  background: string;
1718
- border: string;
1719
- borderColor: string;
1720
1683
  '& .M4LSideBar-navItemMainRoot': {
1721
- background: string;
1722
1684
  '&:hover': {
1723
1685
  background: string;
1724
1686
  cursor: string;
@@ -1808,13 +1770,10 @@ export declare const M4LSideBar: (theme: Theme) => {
1808
1770
  height: string;
1809
1771
  borderRadius: string;
1810
1772
  gap: string;
1811
- padding: string;
1812
1773
  '&.M4LSideBar-subItemCollapseActive': {
1813
1774
  backgroundColor: string;
1814
1775
  gap: string;
1815
- padding: string;
1816
1776
  "& .MuiButtonBase-root": {
1817
- padding: string;
1818
1777
  "& .M4LIcon-root": {
1819
1778
  "& .M4LIcon-icon": {
1820
1779
  backgroundColor: string;
@@ -1824,7 +1783,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1824
1783
  };
1825
1784
  '& .M4LSideBar-subItemActive': {
1826
1785
  "& .MuiButtonBase-root": {
1827
- padding: string;
1828
1786
  "& .M4LIcon-root": {
1829
1787
  "& .M4LIcon-icon": {
1830
1788
  backgroundColor: string;
@@ -1839,7 +1797,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1839
1797
  };
1840
1798
  };
1841
1799
  '&:hover': {
1842
- padding: string;
1843
1800
  background: string;
1844
1801
  };
1845
1802
  };
@@ -1986,8 +1943,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1986
1943
  '&.M4LSideBar-itemMainActive': {
1987
1944
  borderRadius: string;
1988
1945
  background: string;
1989
- border: string;
1990
- borderColor: string;
1991
1946
  '& .M4LSideBar-navItemMainRoot': {
1992
1947
  background: string;
1993
1948
  '&:hover': {
@@ -2080,12 +2035,10 @@ export declare const M4LSideBar: (theme: Theme) => {
2080
2035
  height: string;
2081
2036
  borderRadius: string;
2082
2037
  gap: string;
2083
- padding: string;
2084
2038
  '&.M4LSideBar-subItemCollapseActive': {
2085
2039
  backgroundColor: string;
2086
2040
  gap: string;
2087
2041
  "& .MuiButtonBase-root": {
2088
- padding: string;
2089
2042
  "& .M4LIcon-root": {
2090
2043
  "& .M4LIcon-icon": {
2091
2044
  backgroundColor: string;
@@ -2095,7 +2048,6 @@ export declare const M4LSideBar: (theme: Theme) => {
2095
2048
  };
2096
2049
  '& .M4LSideBar-subItemActive': {
2097
2050
  "& .MuiButtonBase-root": {
2098
- padding: string;
2099
2051
  "& .M4LIcon-root": {
2100
2052
  "& .M4LIcon-icon": {
2101
2053
  backgroundColor: string;
@@ -2110,7 +2062,6 @@ export declare const M4LSideBar: (theme: Theme) => {
2110
2062
  };
2111
2063
  };
2112
2064
  '&:hover': {
2113
- padding: string;
2114
2065
  background: string;
2115
2066
  };
2116
2067
  };
@@ -2231,8 +2182,6 @@ export declare const M4LSideBar: (theme: Theme) => {
2231
2182
  '&.M4LSideBar-itemMainActive': {
2232
2183
  borderRadius: string;
2233
2184
  background: string;
2234
- border: string;
2235
- borderColor: string;
2236
2185
  '& .M4LSideBar-navItemMainRoot': {
2237
2186
  background: string;
2238
2187
  '&:hover': {
@@ -2323,12 +2272,10 @@ export declare const M4LSideBar: (theme: Theme) => {
2323
2272
  height: string;
2324
2273
  borderRadius: string;
2325
2274
  gap: string;
2326
- padding: string;
2327
2275
  '&.M4LSideBar-subItemCollapseActive': {
2328
2276
  backgroundColor: string;
2329
2277
  gap: string;
2330
2278
  "& .MuiButtonBase-root": {
2331
- padding: string;
2332
2279
  "& .M4LIcon-root": {
2333
2280
  "& .M4LIcon-icon": {
2334
2281
  backgroundColor: string;
@@ -2338,7 +2285,6 @@ export declare const M4LSideBar: (theme: Theme) => {
2338
2285
  };
2339
2286
  '& .M4LSideBar-subItemActive': {
2340
2287
  "& .MuiButtonBase-root": {
2341
- padding: string;
2342
2288
  "& .M4LIcon-root": {
2343
2289
  "& .M4LIcon-icon": {
2344
2290
  backgroundColor: string;
@@ -2354,7 +2300,6 @@ export declare const M4LSideBar: (theme: Theme) => {
2354
2300
  };
2355
2301
  '&:hover': {
2356
2302
  background: string;
2357
- padding: string;
2358
2303
  };
2359
2304
  };
2360
2305
  '& .M4LSideBar-navSubItemContentRoot': {