@m4l/styles 0.0.45 → 0.0.46

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 (5) hide show
  1. package/index.js +2 -2
  2. package/package.json +1 -1
  3. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +71 -9
  4. package/theme/overrides/M4LExtendedComponents/{index.21173919.js → index.af978cd0.js} +60 -15
  5. package/theme/overrides/{index.1864049e.js → index.d6e1b6ee.js} +1 -1
package/index.js CHANGED
@@ -2,7 +2,7 @@ import { d as f } from "./theme/defaultThemeOptions.656b9eff.js";
2
2
  import { c as l, s as g } from "./theme/shadows.86540b18.js";
3
3
  import { P as u, p as d } from "./theme/palette.0590e8a6.js";
4
4
  import { t as S } from "./theme/typography.ed54f014.js";
5
- import { f as O } from "./theme/overrides/index.1864049e.js";
5
+ import { f as O } from "./theme/overrides/index.d6e1b6ee.js";
6
6
  import { u as b } from "./utils/useResponsive.2c45e8e0.js";
7
7
  import { e as h, b as T, c as v, d as w, g as z, a as y, t as F } from "./utils/getColorPresets.2a91ffaf.js";
8
8
  import { g as k } from "./utils/getColorState.7b9634af.js";
@@ -13,7 +13,7 @@ import "@mui/material/useMediaQuery";
13
13
  import "@mui/system";
14
14
  import "@mui/material";
15
15
  import "./theme/overrides/MUIComponents/index.b3f5b7a7.js";
16
- import "./theme/overrides/M4LExtendedComponents/index.21173919.js";
16
+ import "./theme/overrides/M4LExtendedComponents/index.af978cd0.js";
17
17
  import "./theme/overrides/M4LRHFComponents/index.02fada22.js";
18
18
  export {
19
19
  u as PATRONUSCOLORS,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/styles",
3
- "version": "0.0.45",
3
+ "version": "0.0.46",
4
4
  "license": "UNLICENSED",
5
5
  "author": "m4l team",
6
6
  "dependencies": {
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': {
package/theme/overrides/M4LExtendedComponents/{index.21173919.js → index.af978cd0.js} RENAMED
@@ -963,11 +963,13 @@ const c = (o) => ({
963
963
  zIndex: "1",
964
964
  height: "100%",
965
965
  transition: "all 0.3s",
966
+ width: "240px",
966
967
  "& .M4LSideBar-contentDesktop": {
967
968
  display: "flex",
968
969
  width: "100%",
969
970
  height: "100%",
970
971
  boxShadow: o.customShadows.z2,
972
+ transition: "all 0.3s",
971
973
  "& .M4LSideBar-containerContentGroupsFooter": {
972
974
  flexGrow: "1",
973
975
  display: "flex",
@@ -1045,6 +1047,7 @@ const c = (o) => ({
1045
1047
  minWidth: "20px",
1046
1048
  minHeight: "20px",
1047
1049
  "& .MuiButtonBase-root": {
1050
+ padding: "0px",
1048
1051
  width: "20px",
1049
1052
  height: "20px"
1050
1053
  }
@@ -1070,6 +1073,7 @@ const c = (o) => ({
1070
1073
  transition: "all 0.3s"
1071
1074
  },
1072
1075
  "& .M4LSideBar-subItemActive": {
1076
+ padding: "0px",
1073
1077
  "& .M4LIcon-icon": {
1074
1078
  backgroundColor: `${o.palette.state.focus}!important`
1075
1079
  }
@@ -1163,7 +1167,8 @@ const c = (o) => ({
1163
1167
  textOverflow: "ellipsis",
1164
1168
  textWrap: "nowrap",
1165
1169
  ...o.typography.paragraphDens,
1166
- textTransform: "capitalize"
1170
+ textTransform: "capitalize",
1171
+ fontWeight: "700"
1167
1172
  }
1168
1173
  }
1169
1174
  },
@@ -1172,7 +1177,7 @@ const c = (o) => ({
1172
1177
  borderRadius: "4px 0px 0px 4px",
1173
1178
  justifyContent: "flex-start",
1174
1179
  flexDirection: "column",
1175
- gap: "2px",
1180
+ gap: "4px",
1176
1181
  height: "auto",
1177
1182
  marginBottom: "2px",
1178
1183
  "& .M4LSideBar-navItemMainRoot": {
@@ -1184,11 +1189,13 @@ const c = (o) => ({
1184
1189
  }
1185
1190
  },
1186
1191
  "&.M4LSideBar-itemMainActive": {
1187
- background: o.palette.state.active12,
1188
1192
  borderRadius: "4px",
1189
1193
  height: "auto",
1190
1194
  "& .M4LSideBar-navItemMainRoot": {
1191
1195
  background: o.palette.state.active12,
1196
+ border: "1px solid",
1197
+ borderColor: o.palette.state.active12,
1198
+ boxShadow: o.shadows[1],
1192
1199
  "&:hover": {
1193
1200
  background: t(o.palette.state.active || "#fff", 0.24),
1194
1201
  cursor: "pointer"
@@ -1224,7 +1231,7 @@ const c = (o) => ({
1224
1231
  bottom: "0",
1225
1232
  right: "0px",
1226
1233
  backgroundColor: o.palette.state.focus,
1227
- borderRadius: "4px 0px 0px 4px",
1234
+ borderRadius: "0px 4px 4px 0px",
1228
1235
  position: "absolute"
1229
1236
  }
1230
1237
  }
@@ -1272,9 +1279,10 @@ const c = (o) => ({
1272
1279
  paddingLeft: "0px"
1273
1280
  },
1274
1281
  "& .M4LSideBar-navListSubItemRoot": {
1275
- gap: "12px",
1282
+ gap: "8px",
1276
1283
  padding: "0px",
1277
1284
  "& .M4LSideBar-navSubItemContentRoot ": {
1285
+ padding: "0px 8px",
1278
1286
  width: "100%",
1279
1287
  height: "32px",
1280
1288
  borderRadius: "4px",
@@ -1282,7 +1290,10 @@ const c = (o) => ({
1282
1290
  "&.M4LSideBar-subItemCollapseActive": {
1283
1291
  backgroundColor: o.palette.state.active12,
1284
1292
  gap: "8px",
1293
+ border: "1px solid",
1294
+ borderColor: o.palette.state.active12,
1285
1295
  "& .MuiButtonBase-root": {
1296
+ padding: "0px",
1286
1297
  "& .M4LIcon-root": {
1287
1298
  "& .M4LIcon-icon": {
1288
1299
  backgroundColor: o.palette.state.focus
@@ -1292,6 +1303,7 @@ const c = (o) => ({
1292
1303
  },
1293
1304
  "& .M4LSideBar-subItemActive": {
1294
1305
  "& .MuiButtonBase-root": {
1306
+ padding: "0px",
1295
1307
  "& .M4LIcon-root": {
1296
1308
  "& .M4LIcon-icon": {}
1297
1309
  },
@@ -1312,7 +1324,7 @@ const c = (o) => ({
1312
1324
  }
1313
1325
  },
1314
1326
  "& .M4LSideBar-navSubItemContentRoot": {
1315
- gap: "12px",
1327
+ gap: "8px",
1316
1328
  margin: "0px 0px 0px 0px",
1317
1329
  "& .M4LSideBar-navSubItemContentBullet": {
1318
1330
  minWidth: "5px",
@@ -1343,7 +1355,7 @@ const c = (o) => ({
1343
1355
  }
1344
1356
  },
1345
1357
  "& .MuiCollapse-root": {
1346
- marginLeft: "18px"
1358
+ marginLeft: "8px"
1347
1359
  }
1348
1360
  }
1349
1361
  },
@@ -1432,6 +1444,7 @@ const c = (o) => ({
1432
1444
  flexGrow: "1",
1433
1445
  display: "flex",
1434
1446
  flexDirection: "column",
1447
+ gap: "8px",
1435
1448
  "& .M4LSideBar-contentGroupsLine": {
1436
1449
  display: "flex",
1437
1450
  height: "2px",
@@ -1461,7 +1474,7 @@ const c = (o) => ({
1461
1474
  justifyContent: "center",
1462
1475
  flexDirection: "column",
1463
1476
  padding: "0px 0px 8px 0px",
1464
- gap: "4px",
1477
+ gap: "0px",
1465
1478
  "& .M4LSideBar-navItemMainRoot": {
1466
1479
  backgroundColor: "transparent",
1467
1480
  borderRadius: "4px",
@@ -1473,6 +1486,8 @@ const c = (o) => ({
1473
1486
  "&.M4LSideBar-itemMainActive": {
1474
1487
  background: o.palette.state.active12,
1475
1488
  borderRadius: "4px",
1489
+ border: "1px solid",
1490
+ borderColor: o.palette.state.borderDisable,
1476
1491
  "& .M4LSideBar-navItemMainRoot": {
1477
1492
  background: o.palette.state.active12,
1478
1493
  "&:hover": {
@@ -1568,6 +1583,8 @@ const c = (o) => ({
1568
1583
  backgroundColor: o.palette.state.active12,
1569
1584
  gap: "8px",
1570
1585
  "& .MuiButtonBase-root": {
1586
+ paddingLeft: "0",
1587
+ padding: "0px",
1571
1588
  "& .M4LIcon-root": {
1572
1589
  "& .M4LIcon-icon": {
1573
1590
  backgroundColor: o.palette.state.focus
@@ -1577,6 +1594,8 @@ const c = (o) => ({
1577
1594
  },
1578
1595
  "& .M4LSideBar-subItemActive": {
1579
1596
  "& .MuiButtonBase-root": {
1597
+ paddingLeft: "0px",
1598
+ padding: "0px",
1580
1599
  "& .M4LIcon-root": {
1581
1600
  "& .M4LIcon-icon": {
1582
1601
  backgroundColor: `${o.palette.state.focus}!important`
@@ -1591,6 +1610,7 @@ const c = (o) => ({
1591
1610
  }
1592
1611
  },
1593
1612
  "&:hover": {
1613
+ padding: "0 8px",
1594
1614
  background: o.palette.state.default
1595
1615
  }
1596
1616
  },
@@ -1681,6 +1701,7 @@ const c = (o) => ({
1681
1701
  "& .M4LSideBar-navListSubItemRoot": {
1682
1702
  "& .M4LSideBar-subItemActive": {
1683
1703
  "& .MuiButtonBase-root": {
1704
+ padding: "0px",
1684
1705
  "& .M4LIcon-root": {
1685
1706
  "& .M4LIcon-icon": {
1686
1707
  backgroundColor: o.palette.state.focus
@@ -1693,6 +1714,7 @@ const c = (o) => ({
1693
1714
  "& .M4LSideBar-subItemActive": {
1694
1715
  height: "fit-content",
1695
1716
  "& .MuiButtonBase-root": {
1717
+ padding: "0px",
1696
1718
  "& .M4LIcon-root": {
1697
1719
  "& .M4LIcon-icon": {
1698
1720
  backgroundColor: `${o.palette.state.focus}!important`
@@ -1712,6 +1734,7 @@ const c = (o) => ({
1712
1734
  backgroundColor: o.palette.text.primary
1713
1735
  },
1714
1736
  "&:hover": {
1737
+ padding: "0 8px",
1715
1738
  background: o.palette.state.default
1716
1739
  }
1717
1740
  }
@@ -1751,6 +1774,7 @@ const c = (o) => ({
1751
1774
  "& .M4LSideBar-navListSubItemRoot": {
1752
1775
  "& .M4LSideBar-subItemActive": {
1753
1776
  "& .MuiButtonBase-root": {
1777
+ padding: "0px",
1754
1778
  "& .M4LIcon-root": {
1755
1779
  "& .M4LIcon-icon": {
1756
1780
  backgroundColor: o.palette.state.focus
@@ -1763,6 +1787,7 @@ const c = (o) => ({
1763
1787
  "& .M4LSideBar-subItemActive": {
1764
1788
  height: "fit-content",
1765
1789
  "& .MuiButtonBase-root": {
1790
+ padding: "0px",
1766
1791
  "& .M4LIcon-root": {
1767
1792
  "& .M4LIcon-icon": {
1768
1793
  backgroundColor: `${o.palette.state.focus}!important`
@@ -1782,6 +1807,7 @@ const c = (o) => ({
1782
1807
  backgroundColor: o.palette.text.primary
1783
1808
  },
1784
1809
  "&:hover": {
1810
+ padding: "0 8px",
1785
1811
  background: o.palette.state.default
1786
1812
  }
1787
1813
  }
@@ -1893,6 +1919,8 @@ const c = (o) => ({
1893
1919
  "&.M4LSideBar-itemMainActive": {
1894
1920
  borderRadius: "4px",
1895
1921
  background: o.palette.state.active12,
1922
+ border: "1px solid",
1923
+ borderColor: o.palette.state.active12,
1896
1924
  "& .M4LSideBar-navItemMainRoot": {
1897
1925
  "&:hover": {
1898
1926
  background: t(o.palette.state.active || "#fff", 0.24),
@@ -1984,10 +2012,13 @@ const c = (o) => ({
1984
2012
  height: "32px",
1985
2013
  borderRadius: "4px",
1986
2014
  gap: "8px",
2015
+ padding: "0px",
1987
2016
  "&.M4LSideBar-subItemCollapseActive": {
1988
2017
  backgroundColor: o.palette.state.active12,
1989
2018
  gap: "8px",
2019
+ padding: "0px",
1990
2020
  "& .MuiButtonBase-root": {
2021
+ padding: "0px",
1991
2022
  "& .M4LIcon-root": {
1992
2023
  "& .M4LIcon-icon": {
1993
2024
  backgroundColor: o.palette.state.focus
@@ -1997,6 +2028,7 @@ const c = (o) => ({
1997
2028
  },
1998
2029
  "& .M4LSideBar-subItemActive": {
1999
2030
  "& .MuiButtonBase-root": {
2031
+ padding: "0px",
2000
2032
  "& .M4LIcon-root": {
2001
2033
  "& .M4LIcon-icon": {
2002
2034
  backgroundColor: `${o.palette.state.focus}!important`
@@ -2011,13 +2043,14 @@ const c = (o) => ({
2011
2043
  }
2012
2044
  },
2013
2045
  "&:hover": {
2046
+ padding: "0 8px",
2014
2047
  background: o.palette.state.default
2015
2048
  }
2016
2049
  },
2017
2050
  "& .M4LSideBar-navSubItemContentRoot": {
2018
2051
  gap: "12px",
2019
2052
  margin: "0px 0px 0px 0px",
2020
- padding: "16px",
2053
+ padding: "8px",
2021
2054
  "& .M4LIcon-root": {
2022
2055
  minHeight: "24px",
2023
2056
  minWwidth: "24px",
@@ -2047,7 +2080,7 @@ const c = (o) => ({
2047
2080
  }
2048
2081
  },
2049
2082
  "& .MuiCollapse-root": {
2050
- marginLeft: "18px"
2083
+ marginLeft: "0px"
2051
2084
  }
2052
2085
  }
2053
2086
  },
@@ -2135,7 +2168,7 @@ const c = (o) => ({
2135
2168
  overflow: "hidden",
2136
2169
  textOverflow: "ellipsis",
2137
2170
  textWrap: "nowrap",
2138
- fontWeight: "400",
2171
+ fontWeight: "700",
2139
2172
  fontSize: "14px !important"
2140
2173
  }
2141
2174
  }
@@ -2146,7 +2179,7 @@ const c = (o) => ({
2146
2179
  justifyContent: "center",
2147
2180
  flexDirection: "column",
2148
2181
  padding: "0px 0px 8px 0px",
2149
- gap: "4px",
2182
+ gap: "0",
2150
2183
  "& .M4LSideBar-navItemMainRoot": {
2151
2184
  backgroundColor: "transparent",
2152
2185
  borderRadius: "4px",
@@ -2158,6 +2191,8 @@ const c = (o) => ({
2158
2191
  "&.M4LSideBar-itemMainActive": {
2159
2192
  borderRadius: "4px",
2160
2193
  background: o.palette.state.active12,
2194
+ border: "1px solid",
2195
+ borderColor: o.palette.state.active12,
2161
2196
  "& .M4LSideBar-navItemMainRoot": {
2162
2197
  background: o.palette.state.active12,
2163
2198
  "&:hover": {
@@ -2251,10 +2286,12 @@ const c = (o) => ({
2251
2286
  height: "32px",
2252
2287
  borderRadius: "4px",
2253
2288
  gap: "8px",
2289
+ padding: "0px",
2254
2290
  "&.M4LSideBar-subItemCollapseActive": {
2255
2291
  backgroundColor: o.palette.state.active12,
2256
2292
  gap: "8px",
2257
2293
  "& .MuiButtonBase-root": {
2294
+ padding: "0px",
2258
2295
  "& .M4LIcon-root": {
2259
2296
  "& .M4LIcon-icon": {
2260
2297
  backgroundColor: o.palette.state.focus
@@ -2264,6 +2301,7 @@ const c = (o) => ({
2264
2301
  },
2265
2302
  "& .M4LSideBar-subItemActive": {
2266
2303
  "& .MuiButtonBase-root": {
2304
+ padding: "0px",
2267
2305
  "& .M4LIcon-root": {
2268
2306
  "& .M4LIcon-icon": {
2269
2307
  backgroundColor: `${o.palette.state.focus}!important`
@@ -2278,13 +2316,14 @@ const c = (o) => ({
2278
2316
  }
2279
2317
  },
2280
2318
  "&:hover": {
2319
+ padding: "0 8px",
2281
2320
  background: o.palette.state.default
2282
2321
  }
2283
2322
  },
2284
2323
  "& .M4LSideBar-navSubItemContentRoot": {
2285
2324
  gap: "12px",
2286
2325
  margin: "0px 0px 0px 0px",
2287
- padding: "16px",
2326
+ padding: "0px",
2288
2327
  "& .M4LSideBar-navSubItemContentBullet": {
2289
2328
  minWidth: "5px",
2290
2329
  minHeight: "5px",
@@ -2399,6 +2438,8 @@ const c = (o) => ({
2399
2438
  "&.M4LSideBar-itemMainActive": {
2400
2439
  borderRadius: "4px",
2401
2440
  background: o.palette.state.active12,
2441
+ border: "1px solid",
2442
+ borderColor: o.palette.state.active12,
2402
2443
  "& .M4LSideBar-navItemMainRoot": {
2403
2444
  background: o.palette.state.active12,
2404
2445
  "&:hover": {
@@ -2490,10 +2531,12 @@ const c = (o) => ({
2490
2531
  height: "32px",
2491
2532
  borderRadius: "4px",
2492
2533
  gap: "8px",
2534
+ padding: "0px",
2493
2535
  "&.M4LSideBar-subItemCollapseActive": {
2494
2536
  backgroundColor: o.palette.state.active12,
2495
2537
  gap: "8px",
2496
2538
  "& .MuiButtonBase-root": {
2539
+ padding: "0px",
2497
2540
  "& .M4LIcon-root": {
2498
2541
  "& .M4LIcon-icon": {
2499
2542
  backgroundColor: o.palette.state.focus
@@ -2503,6 +2546,7 @@ const c = (o) => ({
2503
2546
  },
2504
2547
  "& .M4LSideBar-subItemActive": {
2505
2548
  "& .MuiButtonBase-root": {
2549
+ padding: "0px",
2506
2550
  "& .M4LIcon-root": {
2507
2551
  "& .M4LIcon-icon": {
2508
2552
  backgroundColor: `${o.palette.state.focus}!important`
@@ -2517,13 +2561,14 @@ const c = (o) => ({
2517
2561
  }
2518
2562
  },
2519
2563
  "&:hover": {
2520
- background: o.palette.state.default
2564
+ background: o.palette.state.default,
2565
+ padding: "0 8px"
2521
2566
  }
2522
2567
  },
2523
2568
  "& .M4LSideBar-navSubItemContentRoot": {
2524
2569
  gap: "12px",
2525
2570
  margin: "0px 0px 0px 0px",
2526
- padding: "16px",
2571
+ padding: "0px",
2527
2572
  "& .M4LSideBar-navSubItemContentBullet": {
2528
2573
  minWidth: "5px",
2529
2574
  minHeight: "5px",
package/theme/overrides/{index.1864049e.js → index.d6e1b6ee.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { F as s, C as o, M as r, L, I as M, a as i, R as n, B as l, b as p, T as c, P as d, S as u, c as g, d as B, D as F, A as P, e as A, f as T, g as b, h as C, i as y, j as S, k as I, l as R, m as v, n as D, o as H, p as k, q as f, r as x, s as w, t as G, u as E, v as V, w as j, x as N, y as O, z as q, E as z } from "./MUIComponents/index.b3f5b7a7.js";
2
- import { M as U, a as J, b as K, c as Q, d as W, e as X, f as Y, g as Z, h as _, i as $, j as t, k as m, l as e, m as h, n as aa, o as sa, p as oa, q as ra, r as La, s as Ma, t as ia, u as na, v as la, w as pa, x as ca, y as da, z as ua, A as ga, B as Ba, C as Fa, D as Pa, E as Aa, F as Ta, G as ba, H as Ca, I as ya, J as Sa, K as Ia, L as Ra, N as va, O as Da, P as Ha, Q as ka, R as fa, S as xa, T as wa, U as Ga, V as Ea, W as Va, X as ja, Y as Na, Z as Oa, _ as qa } from "./M4LExtendedComponents/index.21173919.js";
2
+ import { M as U, a as J, b as K, c as Q, d as W, e as X, f as Y, g as Z, h as _, i as $, j as t, k as m, l as e, m as h, n as aa, o as sa, p as oa, q as ra, r as La, s as Ma, t as ia, u as na, v as la, w as pa, x as ca, y as da, z as ua, A as ga, B as Ba, C as Fa, D as Pa, E as Aa, F as Ta, G as ba, H as Ca, I as ya, J as Sa, K as Ia, L as Ra, N as va, O as Da, P as Ha, Q as ka, R as fa, S as xa, T as wa, U as Ga, V as Ea, W as Va, X as ja, Y as Na, Z as Oa, _ as qa } from "./M4LExtendedComponents/index.af978cd0.js";
3
3
  import { M as za, a as Ua, b as Ja, c as Ka, d as Qa, e as Wa, f as Xa, g as Ya, h as Za } from "./M4LRHFComponents/index.02fada22.js";
4
4
  function ma(a) {
5
5
  return Object.assign(