@m4l/styles 0.0.44 → 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 +9 -71
  10. package/theme/overrides/M4LExtendedComponents/{index.df05e9ba.js → index.21173919.js} +146 -172
  11. package/theme/overrides/{index.7c048e7a.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;
@@ -94,7 +92,6 @@ export declare const M4LSideBar: (theme: Theme) => {
94
92
  minWidth: string;
95
93
  minHeight: string;
96
94
  '& .MuiButtonBase-root': {
97
- padding: string;
98
95
  width: string;
99
96
  height: string;
100
97
  };
@@ -108,9 +105,9 @@ export declare const M4LSideBar: (theme: Theme) => {
108
105
  boxShadow?: undefined;
109
106
  zIndex?: undefined;
110
107
  opacity?: undefined;
111
- padding?: undefined;
112
108
  '& .M4LIcon-icon'?: undefined;
113
109
  "& .M4LSideBar-wrapperSideBar"?: undefined;
110
+ padding?: undefined;
114
111
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
115
112
  '& .M4LSideBar-contentGroups'?: undefined;
116
113
  '& .M4LSideBar-footer'?: undefined;
@@ -133,9 +130,9 @@ export declare const M4LSideBar: (theme: Theme) => {
133
130
  boxShadow?: undefined;
134
131
  zIndex?: undefined;
135
132
  opacity?: undefined;
136
- padding?: undefined;
137
133
  '& .M4LIcon-icon'?: undefined;
138
134
  "& .M4LSideBar-wrapperSideBar"?: undefined;
135
+ padding?: undefined;
139
136
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
140
137
  '& .M4LSideBar-contentGroups'?: undefined;
141
138
  '& .M4LSideBar-footer'?: undefined;
@@ -155,9 +152,9 @@ export declare const M4LSideBar: (theme: Theme) => {
155
152
  '& .MuiButtonBase-root'?: undefined;
156
153
  '& .M4LSideBar-collapseButton'?: undefined;
157
154
  opacity?: undefined;
158
- padding?: undefined;
159
155
  '& .M4LIcon-icon'?: undefined;
160
156
  "& .M4LSideBar-wrapperSideBar"?: undefined;
157
+ padding?: undefined;
161
158
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
162
159
  '& .M4LSideBar-contentGroups'?: undefined;
163
160
  '& .M4LSideBar-footer'?: undefined;
@@ -177,14 +174,13 @@ export declare const M4LSideBar: (theme: Theme) => {
177
174
  backgroundColor?: undefined;
178
175
  boxShadow?: undefined;
179
176
  zIndex?: undefined;
180
- padding?: undefined;
181
177
  '& .M4LIcon-icon'?: undefined;
182
178
  "& .M4LSideBar-wrapperSideBar"?: undefined;
179
+ padding?: undefined;
183
180
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
184
181
  '& .M4LSideBar-contentGroups'?: undefined;
185
182
  '& .M4LSideBar-footer'?: undefined;
186
183
  } | {
187
- padding: string;
188
184
  "& .M4LIcon-icon": {
189
185
  backgroundColor: string;
190
186
  };
@@ -204,6 +200,7 @@ export declare const M4LSideBar: (theme: Theme) => {
204
200
  zIndex?: undefined;
205
201
  opacity?: undefined;
206
202
  "& .M4LSideBar-wrapperSideBar"?: undefined;
203
+ padding?: undefined;
207
204
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
208
205
  '& .M4LSideBar-contentGroups'?: undefined;
209
206
  '& .M4LSideBar-footer'?: undefined;
@@ -239,8 +236,8 @@ export declare const M4LSideBar: (theme: Theme) => {
239
236
  boxShadow?: undefined;
240
237
  zIndex?: undefined;
241
238
  opacity?: undefined;
242
- padding?: undefined;
243
239
  '& .M4LIcon-icon'?: undefined;
240
+ padding?: undefined;
244
241
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
245
242
  '& .M4LSideBar-contentGroups'?: undefined;
246
243
  '& .M4LSideBar-footer'?: undefined;
@@ -328,7 +325,6 @@ export declare const M4LSideBar: (theme: Theme) => {
328
325
  width: string;
329
326
  '& .MuiTypography-root': {
330
327
  textTransform: string;
331
- fontWeight: string;
332
328
  with: string;
333
329
  overflow: string;
334
330
  textOverflow: string;
@@ -353,13 +349,11 @@ export declare const M4LSideBar: (theme: Theme) => {
353
349
  };
354
350
  };
355
351
  '&.M4LSideBar-itemMainActive': {
352
+ background: string;
356
353
  borderRadius: string;
357
354
  height: string;
358
355
  '& .M4LSideBar-navItemMainRoot': {
359
356
  background: string;
360
- border: string;
361
- borderColor: string;
362
- boxShadow: string;
363
357
  '&:hover': {
364
358
  background: string;
365
359
  cursor: string;
@@ -445,7 +439,6 @@ export declare const M4LSideBar: (theme: Theme) => {
445
439
  gap: string;
446
440
  padding: string;
447
441
  '& .M4LSideBar-navSubItemContentRoot ': {
448
- padding: string;
449
442
  width: string;
450
443
  height: string;
451
444
  borderRadius: string;
@@ -453,10 +446,7 @@ export declare const M4LSideBar: (theme: Theme) => {
453
446
  '&.M4LSideBar-subItemCollapseActive': {
454
447
  backgroundColor: string;
455
448
  gap: string;
456
- border: string;
457
- borderColor: string;
458
449
  "& .MuiButtonBase-root": {
459
- padding: string;
460
450
  "& .M4LIcon-root": {
461
451
  "& .M4LIcon-icon": {
462
452
  backgroundColor: string;
@@ -466,7 +456,6 @@ export declare const M4LSideBar: (theme: Theme) => {
466
456
  };
467
457
  '& .M4LSideBar-subItemActive': {
468
458
  "& .MuiButtonBase-root": {
469
- padding: string;
470
459
  "& .M4LIcon-root": {
471
460
  "& .M4LIcon-icon": {};
472
461
  };
@@ -551,9 +540,9 @@ export declare const M4LSideBar: (theme: Theme) => {
551
540
  boxShadow?: undefined;
552
541
  zIndex?: undefined;
553
542
  opacity?: undefined;
554
- padding?: undefined;
555
543
  '& .M4LIcon-icon'?: undefined;
556
544
  "& .M4LSideBar-wrapperSideBar"?: undefined;
545
+ padding?: undefined;
557
546
  };
558
547
  height: string;
559
548
  background: string;
@@ -564,7 +553,6 @@ export declare const M4LSideBar: (theme: Theme) => {
564
553
  minWidth: string;
565
554
  minHeight: string;
566
555
  '& .MuiButtonBase-root': {
567
- padding: string;
568
556
  width: string;
569
557
  height: string;
570
558
  };
@@ -590,7 +578,6 @@ export declare const M4LSideBar: (theme: Theme) => {
590
578
  transition: string;
591
579
  };
592
580
  '& .M4LSideBar-subItemActive': {
593
- padding: string;
594
581
  "& .M4LIcon-icon": {
595
582
  backgroundColor: string;
596
583
  };
@@ -675,7 +662,6 @@ export declare const M4LSideBar: (theme: Theme) => {
675
662
  width: string;
676
663
  '& .MuiTypography-root': {
677
664
  textTransform: string;
678
- fontWeight: string;
679
665
  with: string;
680
666
  overflow: string;
681
667
  textOverflow: string;
@@ -700,13 +686,11 @@ export declare const M4LSideBar: (theme: Theme) => {
700
686
  };
701
687
  };
702
688
  '&.M4LSideBar-itemMainActive': {
689
+ background: string;
703
690
  borderRadius: string;
704
691
  height: string;
705
692
  '& .M4LSideBar-navItemMainRoot': {
706
693
  background: string;
707
- border: string;
708
- borderColor: string;
709
- boxShadow: string;
710
694
  '&:hover': {
711
695
  background: string;
712
696
  cursor: string;
@@ -792,7 +776,6 @@ export declare const M4LSideBar: (theme: Theme) => {
792
776
  gap: string;
793
777
  padding: string;
794
778
  '& .M4LSideBar-navSubItemContentRoot ': {
795
- padding: string;
796
779
  width: string;
797
780
  height: string;
798
781
  borderRadius: string;
@@ -800,10 +783,7 @@ export declare const M4LSideBar: (theme: Theme) => {
800
783
  '&.M4LSideBar-subItemCollapseActive': {
801
784
  backgroundColor: string;
802
785
  gap: string;
803
- border: string;
804
- borderColor: string;
805
786
  "& .MuiButtonBase-root": {
806
- padding: string;
807
787
  "& .M4LIcon-root": {
808
788
  "& .M4LIcon-icon": {
809
789
  backgroundColor: string;
@@ -813,7 +793,6 @@ export declare const M4LSideBar: (theme: Theme) => {
813
793
  };
814
794
  '& .M4LSideBar-subItemActive': {
815
795
  "& .MuiButtonBase-root": {
816
- padding: string;
817
796
  "& .M4LIcon-root": {
818
797
  "& .M4LIcon-icon": {};
819
798
  };
@@ -969,7 +948,6 @@ export declare const M4LSideBar: (theme: Theme) => {
969
948
  flexGrow: string;
970
949
  display: string;
971
950
  flexDirection: string;
972
- gap: string;
973
951
  '& .M4LSideBar-contentGroupsLine': {
974
952
  display: string;
975
953
  height: string;
@@ -1011,8 +989,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1011
989
  '&.M4LSideBar-itemMainActive': {
1012
990
  background: string;
1013
991
  borderRadius: string;
1014
- border: string;
1015
- borderColor: string;
1016
992
  '& .M4LSideBar-navItemMainRoot': {
1017
993
  background: string;
1018
994
  '&:hover': {
@@ -1107,8 +1083,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1107
1083
  backgroundColor: string;
1108
1084
  gap: string;
1109
1085
  "& .MuiButtonBase-root": {
1110
- paddingLeft: string;
1111
- padding: string;
1112
1086
  "& .M4LIcon-root": {
1113
1087
  "& .M4LIcon-icon": {
1114
1088
  backgroundColor: string;
@@ -1118,8 +1092,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1118
1092
  };
1119
1093
  '& .M4LSideBar-subItemActive': {
1120
1094
  "& .MuiButtonBase-root": {
1121
- paddingLeft: string;
1122
- padding: string;
1123
1095
  "& .M4LIcon-root": {
1124
1096
  "& .M4LIcon-icon": {
1125
1097
  backgroundColor: string;
@@ -1134,7 +1106,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1134
1106
  };
1135
1107
  };
1136
1108
  '&:hover': {
1137
- padding: string;
1138
1109
  background: string;
1139
1110
  };
1140
1111
  };
@@ -1253,7 +1224,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1253
1224
  flexGrow: string;
1254
1225
  display: string;
1255
1226
  flexDirection: string;
1256
- gap: string;
1257
1227
  '& .M4LSideBar-contentGroupsLine': {
1258
1228
  display: string;
1259
1229
  height: string;
@@ -1295,8 +1265,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1295
1265
  '&.M4LSideBar-itemMainActive': {
1296
1266
  background: string;
1297
1267
  borderRadius: string;
1298
- border: string;
1299
- borderColor: string;
1300
1268
  '& .M4LSideBar-navItemMainRoot': {
1301
1269
  background: string;
1302
1270
  '&:hover': {
@@ -1391,8 +1359,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1391
1359
  backgroundColor: string;
1392
1360
  gap: string;
1393
1361
  "& .MuiButtonBase-root": {
1394
- paddingLeft: string;
1395
- padding: string;
1396
1362
  "& .M4LIcon-root": {
1397
1363
  "& .M4LIcon-icon": {
1398
1364
  backgroundColor: string;
@@ -1402,8 +1368,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1402
1368
  };
1403
1369
  '& .M4LSideBar-subItemActive': {
1404
1370
  "& .MuiButtonBase-root": {
1405
- paddingLeft: string;
1406
- padding: string;
1407
1371
  "& .M4LIcon-root": {
1408
1372
  "& .M4LIcon-icon": {
1409
1373
  backgroundColor: string;
@@ -1418,7 +1382,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1418
1382
  };
1419
1383
  };
1420
1384
  '&:hover': {
1421
- padding: string;
1422
1385
  background: string;
1423
1386
  };
1424
1387
  };
@@ -1507,7 +1470,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1507
1470
  '& .M4LSideBar-navListSubItemRoot': {
1508
1471
  '& .M4LSideBar-subItemActive': {
1509
1472
  '& .MuiButtonBase-root': {
1510
- padding: string;
1511
1473
  '& .M4LIcon-root': {
1512
1474
  '& .M4LIcon-icon': {
1513
1475
  backgroundColor: string;
@@ -1520,7 +1482,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1520
1482
  '& .M4LSideBar-subItemActive': {
1521
1483
  height: string;
1522
1484
  "& .MuiButtonBase-root": {
1523
- padding: string;
1524
1485
  "& .M4LIcon-root": {
1525
1486
  "& .M4LIcon-icon": {
1526
1487
  backgroundColor: string;
@@ -1540,7 +1501,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1540
1501
  backgroundColor: string;
1541
1502
  };
1542
1503
  '&:hover': {
1543
- padding: string;
1544
1504
  background: string;
1545
1505
  };
1546
1506
  };
@@ -1579,7 +1539,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1579
1539
  '& .M4LSideBar-navListSubItemRoot': {
1580
1540
  '& .M4LSideBar-subItemActive': {
1581
1541
  '& .MuiButtonBase-root': {
1582
- padding: string;
1583
1542
  '& .M4LIcon-root': {
1584
1543
  '& .M4LIcon-icon': {
1585
1544
  backgroundColor: string;
@@ -1592,7 +1551,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1592
1551
  '& .M4LSideBar-subItemActive': {
1593
1552
  height: string;
1594
1553
  "& .MuiButtonBase-root": {
1595
- padding: string;
1596
1554
  "& .M4LIcon-root": {
1597
1555
  "& .M4LIcon-icon": {
1598
1556
  backgroundColor: string;
@@ -1612,7 +1570,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1612
1570
  backgroundColor: string;
1613
1571
  };
1614
1572
  '&:hover': {
1615
- padding: string;
1616
1573
  background: string;
1617
1574
  };
1618
1575
  };
@@ -1723,8 +1680,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1723
1680
  '&.M4LSideBar-itemMainActive': {
1724
1681
  borderRadius: string;
1725
1682
  background: string;
1726
- border: string;
1727
- borderColor: string;
1728
1683
  '& .M4LSideBar-navItemMainRoot': {
1729
1684
  '&:hover': {
1730
1685
  background: string;
@@ -1815,13 +1770,10 @@ export declare const M4LSideBar: (theme: Theme) => {
1815
1770
  height: string;
1816
1771
  borderRadius: string;
1817
1772
  gap: string;
1818
- padding: string;
1819
1773
  '&.M4LSideBar-subItemCollapseActive': {
1820
1774
  backgroundColor: string;
1821
1775
  gap: string;
1822
- padding: string;
1823
1776
  "& .MuiButtonBase-root": {
1824
- padding: string;
1825
1777
  "& .M4LIcon-root": {
1826
1778
  "& .M4LIcon-icon": {
1827
1779
  backgroundColor: string;
@@ -1831,7 +1783,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1831
1783
  };
1832
1784
  '& .M4LSideBar-subItemActive': {
1833
1785
  "& .MuiButtonBase-root": {
1834
- padding: string;
1835
1786
  "& .M4LIcon-root": {
1836
1787
  "& .M4LIcon-icon": {
1837
1788
  backgroundColor: string;
@@ -1846,7 +1797,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1846
1797
  };
1847
1798
  };
1848
1799
  '&:hover': {
1849
- padding: string;
1850
1800
  background: string;
1851
1801
  };
1852
1802
  };
@@ -1993,8 +1943,6 @@ export declare const M4LSideBar: (theme: Theme) => {
1993
1943
  '&.M4LSideBar-itemMainActive': {
1994
1944
  borderRadius: string;
1995
1945
  background: string;
1996
- border: string;
1997
- borderColor: string;
1998
1946
  '& .M4LSideBar-navItemMainRoot': {
1999
1947
  background: string;
2000
1948
  '&:hover': {
@@ -2087,12 +2035,10 @@ export declare const M4LSideBar: (theme: Theme) => {
2087
2035
  height: string;
2088
2036
  borderRadius: string;
2089
2037
  gap: string;
2090
- padding: string;
2091
2038
  '&.M4LSideBar-subItemCollapseActive': {
2092
2039
  backgroundColor: string;
2093
2040
  gap: string;
2094
2041
  "& .MuiButtonBase-root": {
2095
- padding: string;
2096
2042
  "& .M4LIcon-root": {
2097
2043
  "& .M4LIcon-icon": {
2098
2044
  backgroundColor: string;
@@ -2102,7 +2048,6 @@ export declare const M4LSideBar: (theme: Theme) => {
2102
2048
  };
2103
2049
  '& .M4LSideBar-subItemActive': {
2104
2050
  "& .MuiButtonBase-root": {
2105
- padding: string;
2106
2051
  "& .M4LIcon-root": {
2107
2052
  "& .M4LIcon-icon": {
2108
2053
  backgroundColor: string;
@@ -2117,7 +2062,6 @@ export declare const M4LSideBar: (theme: Theme) => {
2117
2062
  };
2118
2063
  };
2119
2064
  '&:hover': {
2120
- padding: string;
2121
2065
  background: string;
2122
2066
  };
2123
2067
  };
@@ -2238,8 +2182,6 @@ export declare const M4LSideBar: (theme: Theme) => {
2238
2182
  '&.M4LSideBar-itemMainActive': {
2239
2183
  borderRadius: string;
2240
2184
  background: string;
2241
- border: string;
2242
- borderColor: string;
2243
2185
  '& .M4LSideBar-navItemMainRoot': {
2244
2186
  background: string;
2245
2187
  '&:hover': {
@@ -2330,12 +2272,10 @@ export declare const M4LSideBar: (theme: Theme) => {
2330
2272
  height: string;
2331
2273
  borderRadius: string;
2332
2274
  gap: string;
2333
- padding: string;
2334
2275
  '&.M4LSideBar-subItemCollapseActive': {
2335
2276
  backgroundColor: string;
2336
2277
  gap: string;
2337
2278
  "& .MuiButtonBase-root": {
2338
- padding: string;
2339
2279
  "& .M4LIcon-root": {
2340
2280
  "& .M4LIcon-icon": {
2341
2281
  backgroundColor: string;
@@ -2345,7 +2285,6 @@ export declare const M4LSideBar: (theme: Theme) => {
2345
2285
  };
2346
2286
  '& .M4LSideBar-subItemActive': {
2347
2287
  "& .MuiButtonBase-root": {
2348
- padding: string;
2349
2288
  "& .M4LIcon-root": {
2350
2289
  "& .M4LIcon-icon": {
2351
2290
  backgroundColor: string;
@@ -2361,7 +2300,6 @@ export declare const M4LSideBar: (theme: Theme) => {
2361
2300
  };
2362
2301
  '&:hover': {
2363
2302
  background: string;
2364
- padding: string;
2365
2303
  };
2366
2304
  };
2367
2305
  '& .M4LSideBar-navSubItemContentRoot': {