@m4l/styles 0.0.45 → 0.0.47

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