@m4l/styles 0.0.39 → 0.0.41

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 (12) hide show
  1. package/index.js +2 -2
  2. package/package.json +1 -1
  3. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +2 -2
  4. package/theme/overrides/M4LExtendedComponents/M4LAppBarCommercial.d.ts +21 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LHamburgerMenuCommercial.d.ts +12 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LSectionCommercial.d.ts +26 -0
  7. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +1332 -377
  8. package/theme/overrides/M4LExtendedComponents/M4LTopBar.d.ts +65 -0
  9. package/theme/overrides/M4LExtendedComponents/{index.f5ad1a5c.js → index.8f5f04ca.js} +1253 -369
  10. package/theme/overrides/MUIComponents/Backdrop.d.ts +12 -0
  11. package/theme/overrides/index.a3e99f67.js +110 -0
  12. package/theme/overrides/index.bc8d85de.js +0 -106
package/theme/overrides/M4LExtendedComponents/{index.f5ad1a5c.js → index.8f5f04ca.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { alpha as e } from "@mui/material/styles";
2
- import { alpha as t } from "@mui/system";
1
+ import { alpha as t } from "@mui/material/styles";
2
+ import { alpha as e } from "@mui/system";
3
3
  import { P as r } from "../../palette.1b577d8c.js";
4
4
  const p = (o) => ({
5
5
  M4LDynamicFilter: {
@@ -971,7 +971,7 @@ const p = (o) => ({
971
971
  }
972
972
  }
973
973
  }
974
- }), y = (o) => ({
974
+ }), L = (o) => ({
975
975
  M4LNavLink: {
976
976
  styleOverrides: {
977
977
  ["&.M4LNavLink-root"]: {
@@ -991,10 +991,10 @@ const p = (o) => ({
991
991
  }
992
992
  }
993
993
  }
994
- }), L = (o) => ({
994
+ }), y = (o) => ({
995
995
  M4LSideBar: {
996
996
  styleOverrides: {
997
- "&.M4LSideBar-root": {
997
+ "&.M4LSideBar-root.M4LSideBar-variantDefault": {
998
998
  height: "100%",
999
999
  maxWidth: "220px",
1000
1000
  background: o.palette.background.default,
@@ -1011,73 +1011,16 @@ const p = (o) => ({
1011
1011
  width: "52px",
1012
1012
  transition: "width 0.1s ease",
1013
1013
  "& .M4LSideBar-contentDesktop": {
1014
- "& .M4LSideBar-contentGroups": {
1015
- "& .M4LSideBar-itemListMainRoot": {
1016
- "& .M4LSideBar-navItemMainRoot": {
1017
- display: "flex",
1018
- justifyContent: "flex-start",
1019
- width: "100%",
1020
- minHeight: "28px",
1021
- alignItems: "center",
1022
- "& .M4LSideBar-navItemRootContent": {
1023
- padding: "0",
1024
- minHeight: "28px",
1025
- "::before": {
1026
- height: "100%",
1027
- width: "2px"
1028
- },
1029
- "& .M4LSideBar-navItemRootContentIconTypo": {
1030
- width: "2px",
1031
- minHeight: "24px",
1032
- height: "28px",
1033
- minWidth: "28px",
1034
- margin: "1px 0 1px 8px",
1035
- "& .M4LIcon-root": {
1036
- paddingTop: "2px",
1037
- minWidth: "20px",
1038
- minHeight: "20px"
1039
- }
1040
- }
1041
- }
1042
- }
1043
- },
1044
- "& .M4LSideBar-itemMainActive": {
1045
- "& .M4LSideBar-navItemMainRoot": {
1046
- "& .M4LSideBar-navItemRootContent": {
1047
- "& .M4LSideBar-navItemRootContentIconTypo": {
1048
- "& .M4LIcon-root": {
1049
- paddingTop: "0px"
1050
- }
1051
- }
1052
- }
1053
- }
1054
- }
1055
- },
1056
- "& .M4LSideBar-collapseButton": {
1057
- padding: "12px 14px 12px 14px",
1058
- width: "100%",
1059
- "& .M4LSideBar-containerLogoButtonIcon": {
1060
- "& .M4LIconButton-root": {
1061
- "& .MuiButtonBase-root": {
1062
- height: "24px",
1063
- width: "24px",
1064
- "& .M4LIcon-root": {
1065
- minHeight: "20px",
1066
- minWidth: "20px",
1067
- height: "20px",
1068
- width: "20px",
1069
- "& .M4LIcon-icon": {
1070
- minHeight: "20px",
1071
- minWidth: "20px",
1072
- height: "20px",
1073
- width: "20px"
1074
- }
1075
- }
1076
- }
1014
+ "& .M4LSideBar-containerSideBarLogo": {
1015
+ marginTop: "0px",
1016
+ "& .M4LSideBar-containerLogo": {
1017
+ gap: "24px",
1018
+ paddingLeft: "24px",
1019
+ width: "100%",
1020
+ "& .M4LImage-root": {
1021
+ minWidth: "40px !important",
1022
+ minHeight: "40px !important"
1077
1023
  }
1078
- },
1079
- "& .M4LSideBar-containerLogoButtonLogo": {
1080
- display: "none"
1081
1024
  }
1082
1025
  }
1083
1026
  }
@@ -1171,26 +1114,6 @@ const p = (o) => ({
1171
1114
  "& .M4LSideBar-navItemMainRoot": {
1172
1115
  backgroundColor: "transparent",
1173
1116
  borderRadius: "4px",
1174
- minHeight: "32px",
1175
- height: "32px",
1176
- "& .M4LSideBar-navItemRootContent": {
1177
- minHeight: "32px",
1178
- height: "32px",
1179
- "& .M4LSideBar-navItemRootContentIconTypo": {
1180
- alignItems: "center",
1181
- gap: "16px",
1182
- "& .M4LIcon-icon": {
1183
- minWidth: "20px",
1184
- minHeight: "20px"
1185
- },
1186
- "& .M4LTypography-root": {
1187
- "& .MuiTypography-root": {}
1188
- },
1189
- "& .M4LSideBar-arrowIconRoot .M4LIcon-icon": {
1190
- backgroundColor: o.palette.state.focus
1191
- }
1192
- }
1193
- },
1194
1117
  "&:hover": {
1195
1118
  background: o.palette.state.default,
1196
1119
  cursor: "pointer"
@@ -1202,12 +1125,11 @@ const p = (o) => ({
1202
1125
  "& .M4LSideBar-navItemMainRoot": {
1203
1126
  background: o.palette.state.active12,
1204
1127
  "&:hover": {
1205
- background: e(o.palette.state.active || "#fff", 0.24),
1128
+ background: t(o.palette.state.active || "#fff", 0.24),
1206
1129
  cursor: "pointer"
1207
1130
  }
1208
1131
  },
1209
1132
  "& .M4LSideBar-navItemRootContent": {
1210
- alignItems: "center",
1211
1133
  "& .M4LSideBar-navItemRootContentIconTypo": {
1212
1134
  alignItems: "center",
1213
1135
  "& .M4LIcon-icon": {
@@ -1215,8 +1137,7 @@ const p = (o) => ({
1215
1137
  },
1216
1138
  "& .M4LTypography-root": {
1217
1139
  "& .MuiTypography-root": {
1218
- color: o.palette.state.focus,
1219
- ...o.typography.paragraphDens
1140
+ color: o.palette.state.focus
1220
1141
  }
1221
1142
  },
1222
1143
  "& .M4LSideBar-arrowIconRoot .M4LIcon-icon": {
@@ -1294,15 +1215,7 @@ const p = (o) => ({
1294
1215
  height: "32px",
1295
1216
  borderRadius: "4px",
1296
1217
  gap: "8px",
1297
- "& .M4LIcon-root": {
1298
- minHeight: "20px",
1299
- minWwidth: "20px",
1300
- "& .M4LIcon-icon": {
1301
- minHeight: "20px",
1302
- minWidth: "20px"
1303
- }
1304
- },
1305
- "& .M4LSideBar-subItemCollapseActive": {
1218
+ "&.M4LSideBar-subItemCollapseActive": {
1306
1219
  backgroundColor: o.palette.state.active12,
1307
1220
  gap: "8px",
1308
1221
  "& .MuiButtonBase-root": {
@@ -1392,142 +1305,48 @@ const p = (o) => ({
1392
1305
  },
1393
1306
  "& .M4LSideBar-containerLogoButtonLogo": {
1394
1307
  width: "120px",
1395
- height: "24px",
1396
- display: "none",
1397
- alignItems: "center",
1398
- background: o.palette.background.default,
1399
- borderRadius: "4px"
1400
- },
1401
- "& .M4LSideBar-containerLogoButtonIcon": {
1402
- display: "flex",
1403
- justifyContent: "center",
1404
- alignItems: "center",
1405
- width: "24px",
1406
- height: "24px",
1407
- "& .M4LIconButton-root": {
1408
- "& .MuiButtonBase-root": {
1409
- height: "24px",
1410
- width: "24px",
1411
- "& .M4LIcon-root": {
1412
- minHeight: "20px",
1413
- minWidth: "20px",
1414
- height: "20px",
1415
- width: "20px",
1416
- "& .M4LIcon-icon": {
1417
- minHeight: "20px",
1418
- minWidth: "20px",
1419
- height: "20px",
1420
- width: "20px"
1421
- }
1422
- }
1423
- }
1308
+ height: "32px",
1309
+ "& .M4LSideBar-containerLogoButtonIcon": {
1310
+ display: "flex",
1311
+ alignItems: "center"
1424
1312
  }
1425
1313
  }
1426
1314
  }
1427
1315
  }
1428
- }
1429
- }
1430
- },
1431
- M4LSideBarPopover: {
1432
- styleOverrides: {
1433
- "&.M4LSideBar-popover": {
1316
+ },
1317
+ "&.M4LSideBar-root.M4LSideBar-variantComercial": {
1434
1318
  "& .M4LSideBar-subItemActive": {
1435
1319
  "& .M4LIcon-icon": {
1436
1320
  backgroundColor: `${o.palette.state.focus}!important`
1437
1321
  }
1438
1322
  },
1439
- "& .M4LSideBar-navListSubItemRoot": {
1440
- width: "120px",
1441
- height: "fit-content",
1442
- "& .M4LSideBar-navSubItemContentRoot": {
1443
- gap: "8px",
1444
- padding: "8px",
1445
- height: "fit-content",
1446
- borderRadius: "4px",
1447
- "& .M4LIcon-root": {
1448
- minHeight: "20px",
1449
- minWwidth: "20px",
1450
- "& .M4LIcon-icon": {
1451
- minHeight: "20px",
1452
- minWidth: "20px"
1453
- }
1454
- },
1455
- "&.M4LSideBar-subItemCollapseActive": {
1456
- backgroundColor: o.palette.state.active12
1457
- },
1458
- "& .M4LTypography-root": {
1459
- display: "flex",
1460
- width: "100%",
1461
- "& .MuiTypography-root": {
1462
- ...o.typography.paragraph,
1463
- color: o.palette.text.secondary,
1464
- with: "100%",
1465
- overflow: "hidden",
1466
- textOverflow: "ellipsis",
1467
- textWrap: "nowrap"
1468
- }
1469
- },
1470
- "& .MuiPaper-root": {
1471
- "& .M4LSideBar-navListSubItemRoot": {
1472
- "& .M4LSideBar-subItemActive": {
1473
- "& .MuiButtonBase-root": {
1474
- "& .M4LIcon-root": {
1475
- "& .M4LIcon-icon": {
1476
- backgroundColor: o.palette.state.focus
1477
- }
1478
- }
1479
- }
1480
- }
1481
- }
1482
- },
1483
- "& .M4LSideBar-subItemActive": {
1484
- height: "fit-content",
1485
- "& .MuiButtonBase-root": {
1486
- "& .M4LIcon-root": {
1487
- "& .M4LIcon-icon": {
1488
- backgroundColor: `${o.palette.state.focus}!important`
1323
+ "&.M4LSideBar-collapsed": {
1324
+ "& .M4LSideBar-wrapperSideBar": {
1325
+ width: "50px",
1326
+ "& .M4LSideBar-contentDesktop": {
1327
+ "& .M4LSideBar-containerSideBarLogo": {
1328
+ marginTop: "0px",
1329
+ "& .M4LSideBar-containerLogo": {
1330
+ gap: "24px",
1331
+ paddingLeft: "24px",
1332
+ width: "100%",
1333
+ "& .M4LImage-root": {
1334
+ minWidth: "40px !important",
1335
+ minHeight: "40px !important"
1489
1336
  }
1490
1337
  }
1491
- },
1492
- "& .M4LSideBar-navSubItemContentBullet": {
1493
- height: "14px",
1494
- borderRadius: "10px",
1495
- backgroundColor: o.palette.state.focus
1496
1338
  }
1497
- },
1498
- "& .M4LSideBar-navSubItemContentBullet": {
1499
- minWidth: "5px",
1500
- minHeight: "5px",
1501
- borderRadius: "50%",
1502
- backgroundColor: o.palette.text.primary
1503
- },
1504
- "&:hover": {
1505
- background: o.palette.state.default
1506
- }
1507
- }
1508
- }
1509
- }
1510
- }
1511
- },
1512
- M4LSideBarDrawer: {
1513
- styleOverrides: {
1514
- "&.M4LSideBar-drawer": {
1515
- "& .M4LSideBar-subItemActive": {
1516
- "& .M4LIcon-icon": {
1517
- backgroundColor: `${o.palette.state.focus}!important`
1518
- },
1519
- "& .M4LTypography-root": {
1520
- "& .MuiTypography-root": {
1521
- color: `${o.palette.state.focus}!important`
1522
1339
  }
1523
1340
  }
1524
1341
  },
1525
- "& .M4LSideBar-contentMobile": {
1526
- width: "100%",
1342
+ [o.breakpoints.down("sm")]: {
1343
+ width: "0px",
1344
+ height: "0px",
1345
+ padding: "0px"
1346
+ },
1347
+ "& .M4LSideBar-wrapperSideBar": {
1527
1348
  height: "100%",
1528
- display: "flex",
1529
- flexDirection: "column",
1530
- paddingTop: "24px",
1349
+ width: "250px",
1531
1350
  "& .M4LSideBar-containerSideBarLogo": {
1532
1351
  display: "flex",
1533
1352
  justifyContent: "flex-start",
@@ -1554,10 +1373,7 @@ const p = (o) => ({
1554
1373
  },
1555
1374
  "& .M4LImage-root": {
1556
1375
  position: "relative",
1557
- background: o.palette.background.default,
1558
- boxShadow: o.customShadows.z2,
1559
1376
  padding: "6px",
1560
- borderRadius: "6px",
1561
1377
  minWidth: "50px !important",
1562
1378
  minHeight: "50px !important"
1563
1379
  }
@@ -1577,10 +1393,9 @@ const p = (o) => ({
1577
1393
  },
1578
1394
  "& .M4LSideBar-wrapperGroup": {
1579
1395
  height: "100%",
1580
- padding: "0px 8px",
1581
1396
  "& .M4LSideBar-wrapperGroupTitle": {
1582
- height: "28px",
1583
- padding: "0px 0px 0px 12px",
1397
+ height: "60px",
1398
+ paddingLeft: "10px",
1584
1399
  "& .M4LTypography-root": {
1585
1400
  display: "flex",
1586
1401
  width: "100%",
@@ -1588,40 +1403,20 @@ const p = (o) => ({
1588
1403
  with: "100%",
1589
1404
  overflow: "hidden",
1590
1405
  textOverflow: "ellipsis",
1591
- textWrap: "nowrap",
1592
- ...o.typography.bodyDens,
1593
- textTransform: "capitalize"
1406
+ textWrap: "nowrap"
1594
1407
  }
1595
1408
  }
1596
1409
  },
1597
1410
  "& .M4LSideBar-itemListMainRoot": {
1598
1411
  display: "flex",
1599
1412
  borderRadius: "4px 0px 0px 4px",
1600
- justifyContent: "flex-start",
1413
+ justifyContent: "center",
1601
1414
  flexDirection: "column",
1602
- paddingBottom: "4px",
1415
+ padding: "0px 0px 8px 0px",
1603
1416
  gap: "4px",
1604
- height: "auto",
1605
1417
  "& .M4LSideBar-navItemMainRoot": {
1606
1418
  backgroundColor: "transparent",
1607
1419
  borderRadius: "4px",
1608
- "& .M4LSideBar-navItemRootContent": {
1609
- padding: "8px 8px 8px 12px",
1610
- "& .M4LSideBar-navItemRootContentIconTypo": {
1611
- alignItems: "center",
1612
- gap: "16px",
1613
- "& .M4LIcon-icon": {
1614
- minWidth: "24px",
1615
- minHeight: "24px"
1616
- },
1617
- "& .M4LTypography-root": {
1618
- "& .MuiTypography-root": {}
1619
- },
1620
- "& .M4LSideBar-arrowIconRoot .M4LIcon-icon": {
1621
- backgroundColor: o.palette.state.focus
1622
- }
1623
- }
1624
- },
1625
1420
  "&:hover": {
1626
1421
  background: o.palette.state.default,
1627
1422
  cursor: "pointer"
@@ -1632,14 +1427,12 @@ const p = (o) => ({
1632
1427
  "& .M4LSideBar-navItemMainRoot": {
1633
1428
  background: o.palette.state.active12,
1634
1429
  "&:hover": {
1635
- background: e(o.palette.state.active || "#fff", 0.24),
1430
+ background: t(o.palette.state.active || "#fff", 0.24),
1636
1431
  cursor: "pointer"
1637
1432
  }
1638
1433
  },
1639
1434
  "& .M4LSideBar-navItemRootContent": {
1640
- alignItems: "center",
1641
1435
  "& .M4LSideBar-navItemRootContentIconTypo": {
1642
- alignItems: "center",
1643
1436
  "& .M4LIcon-icon": {
1644
1437
  backgroundColor: o.palette.state.focus
1645
1438
  },
@@ -1661,10 +1454,10 @@ const p = (o) => ({
1661
1454
  },
1662
1455
  "&::before": {
1663
1456
  content: '""',
1664
- width: "2px",
1457
+ width: "4px",
1665
1458
  top: "0px",
1666
1459
  bottom: "0px",
1667
- left: "0px",
1460
+ right: "0px",
1668
1461
  backgroundColor: o.palette.state.focus,
1669
1462
  borderRadius: "4px 0px 0px 4px",
1670
1463
  position: "absolute"
@@ -1733,90 +1526,1066 @@ const p = (o) => ({
1733
1526
  }
1734
1527
  }
1735
1528
  },
1736
- "& .M4LSideBar-subItemActive": {
1737
- "& .MuiButtonBase-root": {
1529
+ "& .M4LSideBar-subItemActive": {
1530
+ "& .MuiButtonBase-root": {
1531
+ "& .M4LIcon-root": {
1532
+ "& .M4LIcon-icon": {
1533
+ backgroundColor: `${o.palette.state.focus}!important`
1534
+ }
1535
+ }
1536
+ },
1537
+ "& .M4LSideBar-navSubItemContentBullet": {
1538
+ height: "14px",
1539
+ borderRadius: "4px",
1540
+ backgroundColor: o.palette.state.focus,
1541
+ gap: "8px"
1542
+ }
1543
+ },
1544
+ "&:hover": {
1545
+ background: o.palette.state.default
1546
+ }
1547
+ },
1548
+ "& .M4LSideBar-navSubItemContentRoot": {
1549
+ gap: "12px",
1550
+ margin: "0px 0px 0px 0px",
1551
+ padding: "16px",
1552
+ "& .M4LSideBar-navSubItemContentBullet": {
1553
+ minWidth: "5px",
1554
+ minHeight: "5px",
1555
+ borderRadius: "50%",
1556
+ backgroundColor: o.palette.text.primary
1557
+ },
1558
+ "& .M4LTypography-root": {
1559
+ display: "flex",
1560
+ width: "100%",
1561
+ "& .MuiTypography-root": {
1562
+ ...o.typography.paragraph,
1563
+ color: o.palette.text.primary,
1564
+ with: "100%",
1565
+ overflow: "hidden",
1566
+ textOverflow: "ellipsis",
1567
+ textWrap: "nowrap"
1568
+ }
1569
+ }
1570
+ }
1571
+ },
1572
+ "& .MuiCollapse-root": {
1573
+ marginLeft: "18px"
1574
+ }
1575
+ }
1576
+ },
1577
+ "& .M4LIcon-root .M4LIcon-icon": {
1578
+ backgroundColor: o.palette.text.primary
1579
+ }
1580
+ },
1581
+ "& .M4LSideBar-collapseButton": {
1582
+ display: "flex",
1583
+ paddingTop: "12px",
1584
+ borderTop: "1px solid",
1585
+ borderColor: o.palette.state.hoverDefault,
1586
+ justifyContent: "flex-end",
1587
+ marginRight: "14px",
1588
+ marginLeft: "14px",
1589
+ gap: "40px",
1590
+ alignItems: "center",
1591
+ height: "48px",
1592
+ minHeight: "48px",
1593
+ flexDirection: "row-reverse",
1594
+ "& .M4LSideBar-containerLogoButton": {
1595
+ display: "flex",
1596
+ gap: "14px",
1597
+ width: "120px"
1598
+ },
1599
+ "& .M4LSideBar-containerLogoButtonLogo": {
1600
+ width: "120px",
1601
+ height: "32px",
1602
+ "& .M4LSideBar-containerLogoButtonIcon": {
1603
+ display: "flex",
1604
+ alignItems: "center"
1605
+ }
1606
+ }
1607
+ }
1608
+ }
1609
+ }
1610
+ }
1611
+ },
1612
+ M4LSideBarPopover: {
1613
+ styleOverrides: {
1614
+ "&.M4LSideBar-popover.M4LSideBar-variantDefault": {
1615
+ "& .M4LSideBar-subItemActive": {
1616
+ "& .M4LIcon-icon": {
1617
+ backgroundColor: `${o.palette.state.focus}!important`
1618
+ }
1619
+ },
1620
+ "& .M4LSideBar-navListSubItemRoot": {
1621
+ width: "120px",
1622
+ height: "fit-content",
1623
+ "& .M4LSideBar-navSubItemContentRoot": {
1624
+ gap: "8px",
1625
+ padding: "8px",
1626
+ height: "fit-content",
1627
+ borderRadius: "4px",
1628
+ "&.M4LSideBar-subItemCollapseActive": {
1629
+ backgroundColor: o.palette.state.active12
1630
+ },
1631
+ "& .M4LTypography-root": {
1632
+ display: "flex",
1633
+ width: "100%",
1634
+ "& .MuiTypography-root": {
1635
+ ...o.typography.paragraph,
1636
+ color: o.palette.text.secondary,
1637
+ with: "100%",
1638
+ overflow: "hidden",
1639
+ textOverflow: "ellipsis",
1640
+ textWrap: "nowrap"
1641
+ }
1642
+ },
1643
+ "& .MuiPaper-root": {
1644
+ "& .M4LSideBar-navListSubItemRoot": {
1645
+ "& .M4LSideBar-subItemActive": {
1646
+ "& .MuiButtonBase-root": {
1647
+ "& .M4LIcon-root": {
1648
+ "& .M4LIcon-icon": {
1649
+ backgroundColor: o.palette.state.focus
1650
+ }
1651
+ }
1652
+ }
1653
+ }
1654
+ }
1655
+ },
1656
+ "& .M4LSideBar-subItemActive": {
1657
+ height: "fit-content",
1658
+ "& .MuiButtonBase-root": {
1659
+ "& .M4LIcon-root": {
1660
+ "& .M4LIcon-icon": {
1661
+ backgroundColor: `${o.palette.state.focus}!important`
1662
+ }
1663
+ }
1664
+ },
1665
+ "& .M4LSideBar-navSubItemContentBullet": {
1666
+ height: "14px",
1667
+ borderRadius: "10px",
1668
+ backgroundColor: o.palette.state.focus
1669
+ }
1670
+ },
1671
+ "& .M4LSideBar-navSubItemContentBullet": {
1672
+ minWidth: "5px",
1673
+ minHeight: "5px",
1674
+ borderRadius: "50%",
1675
+ backgroundColor: o.palette.text.primary
1676
+ },
1677
+ "&:hover": {
1678
+ background: o.palette.state.default
1679
+ }
1680
+ }
1681
+ }
1682
+ },
1683
+ "&.M4LSideBar-popover.M4LSideBar-variantComercial": {
1684
+ "& .M4LSideBar-subItemActive": {
1685
+ "& .M4LIcon-icon": {
1686
+ backgroundColor: `${o.palette.state.focus}!important`
1687
+ }
1688
+ },
1689
+ "& .M4LSideBar-navListSubItemRoot": {
1690
+ width: "120px",
1691
+ height: "fit-content",
1692
+ "& .M4LSideBar-navSubItemContentRoot": {
1693
+ gap: "8px",
1694
+ padding: "8px",
1695
+ height: "fit-content",
1696
+ borderRadius: "4px",
1697
+ "&.M4LSideBar-subItemCollapseActive": {
1698
+ backgroundColor: o.palette.state.active12,
1699
+ Text: "iufbivecf"
1700
+ },
1701
+ "& .M4LTypography-root": {
1702
+ display: "flex",
1703
+ width: "100%",
1704
+ "& .MuiTypography-root": {
1705
+ ...o.typography.paragraph,
1706
+ color: o.palette.text.secondary,
1707
+ with: "100%",
1708
+ overflow: "hidden",
1709
+ textOverflow: "ellipsis",
1710
+ textWrap: "nowrap"
1711
+ }
1712
+ },
1713
+ "& .MuiPaper-root": {
1714
+ "& .M4LSideBar-navListSubItemRoot": {
1715
+ "& .M4LSideBar-subItemActive": {
1716
+ "& .MuiButtonBase-root": {
1717
+ "& .M4LIcon-root": {
1718
+ "& .M4LIcon-icon": {
1719
+ backgroundColor: o.palette.state.focus
1720
+ }
1721
+ }
1722
+ }
1723
+ }
1724
+ }
1725
+ },
1726
+ "& .M4LSideBar-subItemActive": {
1727
+ height: "fit-content",
1728
+ "& .MuiButtonBase-root": {
1729
+ "& .M4LIcon-root": {
1730
+ "& .M4LIcon-icon": {
1731
+ backgroundColor: `${o.palette.state.focus}!important`
1732
+ }
1733
+ }
1734
+ },
1735
+ "& .M4LSideBar-navSubItemContentBullet": {
1736
+ height: "14px",
1737
+ borderRadius: "10px",
1738
+ backgroundColor: o.palette.state.focus
1739
+ }
1740
+ },
1741
+ "& .M4LSideBar-navSubItemContentBullet": {
1742
+ minWidth: "5px",
1743
+ minHeight: "5px",
1744
+ borderRadius: "50%",
1745
+ backgroundColor: o.palette.text.primary
1746
+ },
1747
+ "&:hover": {
1748
+ background: o.palette.state.default
1749
+ }
1750
+ }
1751
+ }
1752
+ }
1753
+ }
1754
+ },
1755
+ M4LSideBarDrawer: {
1756
+ styleOverrides: {
1757
+ "&.M4LSideBar-drawer": {
1758
+ "&.M4LSideBar-variantDefault": {
1759
+ "& .M4LSideBar-subItemActive": {
1760
+ "& .M4LIcon-icon": {
1761
+ backgroundColor: `${o.palette.state.focus}!important`
1762
+ },
1763
+ "& .M4LTypography-root": {
1764
+ "& .MuiTypography-root": {
1765
+ color: `${o.palette.state.focus}!important`
1766
+ }
1767
+ }
1768
+ },
1769
+ "& .M4LSideBar-contentMobile": {
1770
+ width: "100%",
1771
+ height: "100%",
1772
+ display: "flex",
1773
+ flexDirection: "column",
1774
+ paddingTop: "24px",
1775
+ "& .M4LSideBar-containerSideBarLogo": {
1776
+ display: "flex",
1777
+ justifyContent: "flex-start",
1778
+ marginTop: "12px",
1779
+ "& .M4LSideBar-containerLogo": {
1780
+ display: "flex",
1781
+ justifyContent: "center",
1782
+ alignItems: "center",
1783
+ fitContent: "100%",
1784
+ boxSizing: "contentBox",
1785
+ paddingTop: "8px",
1786
+ paddingBottom: "8px",
1787
+ gap: "16px",
1788
+ paddingLeft: "24px",
1789
+ "& .M4LTypography-root": {
1790
+ display: "flex",
1791
+ width: "100%",
1792
+ "& .MuiTypography-root": {
1793
+ with: "100%",
1794
+ overflow: "hidden",
1795
+ textOverflow: "ellipsis",
1796
+ textWrap: "nowrap"
1797
+ }
1798
+ },
1799
+ "& .M4LImage-root": {
1800
+ position: "relative",
1801
+ background: o.palette.background.default,
1802
+ boxShadow: o.customShadows.z2,
1803
+ padding: "6px",
1804
+ borderRadius: "6px",
1805
+ minWidth: "50px !important",
1806
+ minHeight: "50px !important"
1807
+ }
1808
+ }
1809
+ },
1810
+ "& .M4LSideBar-contentGroups": {
1811
+ overflow: "hidden",
1812
+ flexGrow: "1",
1813
+ display: "flex",
1814
+ flexDirection: "column",
1815
+ "& .M4LSideBar-contentGroupsLine": {
1816
+ display: "flex",
1817
+ height: "2px",
1818
+ marginRight: "14px",
1819
+ marginLeft: "14px",
1820
+ backgroundColor: "none"
1821
+ },
1822
+ "& .M4LSideBar-wrapperGroup": {
1823
+ height: "100%",
1824
+ padding: "0px 8px",
1825
+ "& .M4LSideBar-wrapperGroupTitle": {
1826
+ height: "28px",
1827
+ padding: "0px 0px 0px 12px",
1828
+ "& .M4LTypography-root": {
1829
+ display: "flex",
1830
+ width: "100%",
1831
+ "& .MuiTypography-root": {
1832
+ with: "100%",
1833
+ overflow: "hidden",
1834
+ textOverflow: "ellipsis",
1835
+ textWrap: "nowrap",
1836
+ ...o.typography.bodyDens,
1837
+ textTransform: "capitalize"
1838
+ }
1839
+ }
1840
+ },
1841
+ "& .M4LSideBar-itemListMainRoot": {
1842
+ display: "flex",
1843
+ borderRadius: "4px 0px 0px 4px",
1844
+ justifyContent: "flex-start",
1845
+ flexDirection: "column",
1846
+ paddingBottom: "4px",
1847
+ gap: "4px",
1848
+ height: "auto",
1849
+ "& .M4LSideBar-navItemMainRoot": {
1850
+ backgroundColor: "transparent",
1851
+ borderRadius: "4px",
1852
+ "&:hover": {
1853
+ background: o.palette.state.default,
1854
+ cursor: "pointer"
1855
+ }
1856
+ },
1857
+ "&.M4LSideBar-itemMainActive": {
1858
+ borderRadius: "4px",
1859
+ "& .M4LSideBar-navItemMainRoot": {
1860
+ background: o.palette.state.active12,
1861
+ "&:hover": {
1862
+ background: t(o.palette.state.active || "#fff", 0.24),
1863
+ cursor: "pointer"
1864
+ }
1865
+ },
1866
+ "& .M4LSideBar-navItemRootContent": {
1867
+ "& .M4LSideBar-navItemRootContentIconTypo": {
1868
+ alignItems: "center",
1869
+ "& .M4LIcon-icon": {
1870
+ backgroundColor: o.palette.state.focus
1871
+ },
1872
+ "& .M4LTypography-root": {
1873
+ "& .MuiTypography-root": {
1874
+ color: o.palette.state.focus
1875
+ }
1876
+ },
1877
+ "& .M4LSideBar-arrowIconRoot .M4LIcon-icon": {
1878
+ backgroundColor: o.palette.state.focus
1879
+ }
1880
+ },
1881
+ "& .M4LSideBar-arrowIconRoot": {
1882
+ "& .M4LIcon-root": {
1883
+ "& .M4LIcon-icon": {
1884
+ backgroundColor: o.palette.state.focus
1885
+ }
1886
+ }
1887
+ },
1888
+ "&::before": {
1889
+ content: '""',
1890
+ width: "2px",
1891
+ top: "0px",
1892
+ bottom: "0px",
1893
+ left: "0px",
1894
+ backgroundColor: o.palette.state.focus,
1895
+ borderRadius: "4px 0px 0px 4px",
1896
+ position: "absolute"
1897
+ }
1898
+ }
1899
+ },
1900
+ "& .M4LSideBar-navItemRootContent": {
1901
+ display: "flex",
1902
+ padding: "8px",
1903
+ justifyContent: "center",
1904
+ borderRadius: "4px 0px 0px 4px",
1905
+ position: "relative",
1906
+ "& .M4LSideBar-navItemRootContentIconTypo": {
1907
+ display: "flex",
1908
+ gap: "8px",
1909
+ width: "100%",
1910
+ "& .M4LIcon-icon": {
1911
+ backgroundColor: o.palette.text.primary,
1912
+ width: "18px",
1913
+ height: "18px"
1914
+ },
1915
+ "& .M4LTypography-root": {
1916
+ display: "flex",
1917
+ flexGrow: "1",
1918
+ overflow: "hidden",
1919
+ "& .MuiTypography-root": {
1920
+ ...o.typography.paragraph,
1921
+ color: o.palette.text.primary,
1922
+ textWrap: "nowrap",
1923
+ textOverflow: "ellipsis",
1924
+ display: "block",
1925
+ overflow: "hidden"
1926
+ }
1927
+ },
1928
+ "& .M4LSideBar-arrowIconRoot .M4LIcon-icon": {
1929
+ backgroundColor: o.palette.text.primary
1930
+ }
1931
+ },
1932
+ "& .M4LSideBar-arrowIconRoot": {
1933
+ "& .M4LIcon-root": {
1934
+ "& .M4LIcon-icon": {
1935
+ background: o.palette.text.primary
1936
+ }
1937
+ }
1938
+ }
1939
+ },
1940
+ "& .M4LSideBar-containerListSubItem": {
1941
+ paddingLeft: "0px"
1942
+ },
1943
+ "& .M4LSideBar-navListSubItemRoot": {
1944
+ gap: "12px",
1945
+ padding: "0px",
1946
+ "& .M4LSideBar-navSubItemContentRoot ": {
1947
+ width: "100%",
1948
+ height: "32px",
1949
+ borderRadius: "4px",
1950
+ gap: "8px",
1951
+ "&.M4LSideBar-subItemCollapseActive": {
1952
+ backgroundColor: o.palette.state.active12,
1953
+ gap: "8px",
1954
+ "& .MuiButtonBase-root": {
1955
+ "& .M4LIcon-root": {
1956
+ "& .M4LIcon-icon": {
1957
+ backgroundColor: o.palette.state.focus
1958
+ }
1959
+ }
1960
+ }
1961
+ },
1962
+ "& .M4LSideBar-subItemActive": {
1963
+ "& .MuiButtonBase-root": {
1964
+ "& .M4LIcon-root": {
1965
+ "& .M4LIcon-icon": {
1966
+ backgroundColor: `${o.palette.state.focus}!important`
1967
+ }
1968
+ }
1969
+ },
1970
+ "& .M4LSideBar-navSubItemContentBullet": {
1971
+ height: "14px",
1972
+ borderRadius: "4px",
1973
+ backgroundColor: o.palette.state.focus,
1974
+ gap: "8px"
1975
+ }
1976
+ },
1977
+ "&:hover": {
1978
+ background: o.palette.state.default
1979
+ }
1980
+ },
1981
+ "& .M4LSideBar-navSubItemContentRoot": {
1982
+ gap: "12px",
1983
+ margin: "0px 0px 0px 0px",
1984
+ padding: "16px",
1985
+ "& .M4LIcon-root": {
1986
+ minHeight: "24px",
1987
+ minWwidth: "24px",
1988
+ "& .M4LIcon-icon": {
1989
+ minHeight: "24px",
1990
+ minWidth: "24px"
1991
+ }
1992
+ },
1993
+ "& .M4LSideBar-navSubItemContentBullet": {
1994
+ minWidth: "5px",
1995
+ minHeight: "5px",
1996
+ borderRadius: "50%",
1997
+ backgroundColor: o.palette.text.primary
1998
+ },
1999
+ "& .M4LTypography-root": {
2000
+ display: "flex",
2001
+ width: "100%",
2002
+ "& .MuiTypography-root": {
2003
+ ...o.typography.paragraph,
2004
+ color: o.palette.text.primary,
2005
+ with: "100%",
2006
+ overflow: "hidden",
2007
+ textOverflow: "ellipsis",
2008
+ textWrap: "nowrap"
2009
+ }
2010
+ }
2011
+ }
2012
+ },
2013
+ "& .MuiCollapse-root": {
2014
+ marginLeft: "18px"
2015
+ }
2016
+ }
2017
+ },
2018
+ "& .M4LIcon-root .M4LIcon-icon": {
2019
+ backgroundColor: o.palette.text.primary
2020
+ }
2021
+ },
2022
+ "& .M4LSideBar-collapseButton": {
2023
+ display: "flex",
2024
+ paddingTop: "12px",
2025
+ borderTop: "1px solid",
2026
+ borderColor: o.palette.state.hoverDefault,
2027
+ justifyContent: "flex-end",
2028
+ marginRight: "14px",
2029
+ marginLeft: "14px",
2030
+ gap: "20px",
2031
+ alignItems: "center",
2032
+ height: "48px",
2033
+ minHeight: "48px",
2034
+ "& .M4LSideBar-containerLogoButton": {
2035
+ display: "flex",
2036
+ gap: "14px",
2037
+ width: "120px"
2038
+ },
2039
+ "& .M4LSideBar-containerLogoButtonLogo": {
2040
+ width: "120px",
2041
+ height: "32px",
2042
+ "& .M4LSideBar-containerLogoButtonIcon": {
2043
+ display: "flex",
2044
+ alignItems: "center"
2045
+ }
2046
+ }
2047
+ }
2048
+ }
2049
+ },
2050
+ "&.M4LSideBar-variantComercial": {
2051
+ "& .M4LSideBar-contentMobile": {
2052
+ width: "100%",
2053
+ height: "100%",
2054
+ display: "flex",
2055
+ flexDirection: "column",
2056
+ "& .M4LSideBar-containerSideBarLogo": {
2057
+ display: "flex",
2058
+ justifyContent: "flex-start",
2059
+ marginTop: "12px",
2060
+ "& .M4LSideBar-containerLogo": {
2061
+ display: "flex",
2062
+ justifyContent: "center",
2063
+ alignItems: "center",
2064
+ fitContent: "100%",
2065
+ boxSizing: "contentBox",
2066
+ paddingTop: "8px",
2067
+ paddingBottom: "8px",
2068
+ gap: "16px",
2069
+ paddingLeft: "24px",
2070
+ "& .M4LTypography-root": {
2071
+ display: "flex",
2072
+ width: "100%",
2073
+ "& .MuiTypography-root": {
2074
+ with: "100%",
2075
+ overflow: "hidden",
2076
+ textOverflow: "ellipsis",
2077
+ textWrap: "nowrap"
2078
+ }
2079
+ },
2080
+ "& .M4LImage-root": {
2081
+ position: "relative",
2082
+ padding: "6px",
2083
+ borderRadius: "6px",
2084
+ minWidth: "215px !important",
2085
+ minHeight: "50px !important"
2086
+ }
2087
+ }
2088
+ },
2089
+ "& .M4LSideBar-contentGroups": {
2090
+ overflow: "hidden",
2091
+ flexGrow: "1",
2092
+ display: "flex",
2093
+ flexDirection: "column",
2094
+ "& .M4LSideBar-contentGroupsLine": {
2095
+ display: "flex",
2096
+ height: "2px",
2097
+ marginRight: "14px",
2098
+ marginLeft: "14px",
2099
+ backgroundColor: "none"
2100
+ },
2101
+ "& .M4LSideBar-wrapperGroup": {
2102
+ height: "auto",
2103
+ paddingLeft: "10px",
2104
+ "& .M4LSideBar-wrapperGroupTitle": {
2105
+ "& .M4LTypography-root": {
2106
+ display: "flex",
2107
+ width: "100%",
2108
+ "& .MuiTypography-root": {
2109
+ with: "100%",
2110
+ overflow: "hidden",
2111
+ textOverflow: "ellipsis",
2112
+ textWrap: "nowrap",
2113
+ fontWeight: "400",
2114
+ fontSize: "14px !important"
2115
+ }
2116
+ }
2117
+ },
2118
+ "& .M4LSideBar-itemListMainRoot": {
2119
+ display: "flex",
2120
+ borderRadius: "4px 0px 0px 4px",
2121
+ justifyContent: "center",
2122
+ flexDirection: "column",
2123
+ padding: "0px 0px 8px 0px",
2124
+ gap: "4px",
2125
+ "& .M4LSideBar-navItemMainRoot": {
2126
+ backgroundColor: "transparent",
2127
+ borderRadius: "4px",
2128
+ "&:hover": {
2129
+ background: o.palette.state.default,
2130
+ cursor: "pointer"
2131
+ }
2132
+ },
2133
+ "&.M4LSideBar-itemMainActive": {
2134
+ borderRadius: "4px",
2135
+ "& .M4LSideBar-navItemMainRoot": {
2136
+ background: "transparent",
2137
+ "&:hover": {
2138
+ background: t(o.palette.state.active || "#fff", 0.24),
2139
+ cursor: "pointer"
2140
+ }
2141
+ },
2142
+ "& .M4LSideBar-navItemRootContent": {
2143
+ "& .M4LSideBar-navItemRootContentIconTypo": {
2144
+ fontSize: "14px !important",
2145
+ "& .M4LIcon-icon": {
2146
+ backgroundColor: o.palette.state.focus
2147
+ },
2148
+ "& .M4LTypography-root": {
2149
+ "& .MuiTypography-root": {
2150
+ color: o.palette.state.focus
2151
+ }
2152
+ },
2153
+ "& .M4LSideBar-arrowIconRoot .M4LIcon-icon": {
2154
+ backgroundColor: o.palette.state.focus
2155
+ }
2156
+ },
2157
+ "& .M4LSideBar-arrowIconRoot": {
1738
2158
  "& .M4LIcon-root": {
1739
2159
  "& .M4LIcon-icon": {
1740
- backgroundColor: `${o.palette.state.focus}!important`
2160
+ backgroundColor: o.palette.state.focus
1741
2161
  }
1742
2162
  }
1743
2163
  },
1744
- "& .M4LSideBar-navSubItemContentBullet": {
1745
- height: "14px",
1746
- borderRadius: "4px",
2164
+ "&::before": {
2165
+ content: '""',
2166
+ width: "4px",
2167
+ top: "0px",
2168
+ bottom: "0px",
2169
+ right: "0px",
1747
2170
  backgroundColor: o.palette.state.focus,
1748
- gap: "8px"
2171
+ borderRadius: "4px 0px 0px 4px",
2172
+ position: "absolute"
1749
2173
  }
1750
- },
1751
- "&:hover": {
1752
- background: o.palette.state.default
1753
2174
  }
1754
2175
  },
1755
- "& .M4LSideBar-navSubItemContentRoot": {
1756
- gap: "12px",
1757
- margin: "0px 0px 0px 0px",
1758
- padding: "16px",
1759
- "& .M4LIcon-root": {
1760
- minHeight: "24px",
1761
- minWwidth: "24px",
2176
+ "& .M4LSideBar-navItemRootContent": {
2177
+ display: "flex",
2178
+ padding: "8px",
2179
+ justifyContent: "center",
2180
+ borderRadius: "4px 0px 0px 4px",
2181
+ position: "relative",
2182
+ "& .M4LSideBar-navItemRootContentIconTypo": {
2183
+ display: "flex",
2184
+ gap: "8px",
2185
+ width: "100%",
1762
2186
  "& .M4LIcon-icon": {
1763
- minHeight: "24px",
1764
- minWidth: "24px"
2187
+ backgroundColor: o.palette.text.primary,
2188
+ width: "18px",
2189
+ height: "18px"
2190
+ },
2191
+ "& .M4LTypography-root": {
2192
+ display: "flex",
2193
+ flexGrow: "1",
2194
+ overflow: "hidden",
2195
+ "& .MuiTypography-root": {
2196
+ ...o.typography.paragraph,
2197
+ color: o.palette.text.primary,
2198
+ textWrap: "nowrap",
2199
+ textOverflow: "ellipsis",
2200
+ display: "block",
2201
+ overflow: "hidden",
2202
+ fontSize: "14px !important"
2203
+ }
2204
+ },
2205
+ "& .M4LSideBar-arrowIconRoot .M4LIcon-icon": {
2206
+ backgroundColor: o.palette.text.primary
1765
2207
  }
1766
2208
  },
1767
- "& .M4LSideBar-navSubItemContentBullet": {
1768
- minWidth: "5px",
1769
- minHeight: "5px",
1770
- borderRadius: "50%",
1771
- backgroundColor: o.palette.text.primary
1772
- },
1773
- "& .M4LTypography-root": {
1774
- display: "flex",
2209
+ "& .M4LSideBar-arrowIconRoot": {
2210
+ "& .M4LIcon-root": {
2211
+ "& .M4LIcon-icon": {
2212
+ background: o.palette.text.primary
2213
+ }
2214
+ }
2215
+ }
2216
+ },
2217
+ "& .M4LSideBar-containerListSubItem": {
2218
+ paddingLeft: "0px"
2219
+ },
2220
+ "& .M4LSideBar-navListSubItemRoot": {
2221
+ gap: "12px",
2222
+ padding: "0px",
2223
+ "& .M4LSideBar-navSubItemContentRoot ": {
1775
2224
  width: "100%",
1776
- "& .MuiTypography-root": {
1777
- ...o.typography.paragraph,
1778
- color: o.palette.text.primary,
1779
- with: "100%",
1780
- overflow: "hidden",
1781
- textOverflow: "ellipsis",
1782
- textWrap: "nowrap"
2225
+ height: "32px",
2226
+ borderRadius: "4px",
2227
+ gap: "8px",
2228
+ "&.M4LSideBar-subItemCollapseActive": {
2229
+ backgroundColor: o.palette.state.active12,
2230
+ gap: "8px",
2231
+ "& .MuiButtonBase-root": {
2232
+ "& .M4LIcon-root": {
2233
+ "& .M4LIcon-icon": {
2234
+ backgroundColor: o.palette.state.focus
2235
+ }
2236
+ }
2237
+ }
2238
+ },
2239
+ "& .M4LSideBar-subItemActive": {
2240
+ "& .MuiButtonBase-root": {
2241
+ "& .M4LIcon-root": {
2242
+ "& .M4LIcon-icon": {
2243
+ backgroundColor: `${o.palette.state.focus}!important`
2244
+ }
2245
+ }
2246
+ },
2247
+ "& .M4LSideBar-navSubItemContentBullet": {
2248
+ height: "14px",
2249
+ borderRadius: "4px",
2250
+ backgroundColor: o.palette.state.focus,
2251
+ gap: "8px"
2252
+ }
2253
+ },
2254
+ "&:hover": {
2255
+ background: o.palette.state.default
2256
+ }
2257
+ },
2258
+ "& .M4LSideBar-navSubItemContentRoot": {
2259
+ gap: "12px",
2260
+ margin: "0px 0px 0px 0px",
2261
+ padding: "16px",
2262
+ "& .M4LSideBar-navSubItemContentBullet": {
2263
+ minWidth: "5px",
2264
+ minHeight: "5px",
2265
+ borderRadius: "50%",
2266
+ backgroundColor: o.palette.text.primary
2267
+ },
2268
+ "& .M4LTypography-root": {
2269
+ display: "flex",
2270
+ width: "100%",
2271
+ "& .MuiTypography-root": {
2272
+ ...o.typography.paragraph,
2273
+ color: o.palette.text.primary,
2274
+ with: "100%",
2275
+ overflow: "hidden",
2276
+ textOverflow: "ellipsis",
2277
+ textWrap: "nowrap",
2278
+ fontSize: "14px !important"
2279
+ }
2280
+ }
2281
+ }
2282
+ },
2283
+ "& .MuiCollapse-root": {
2284
+ marginLeft: "18px",
2285
+ "&.M4LSideBar-drawer.M4LSideBar-variantComercial": {
2286
+ "& .M4LSideBar-subItemActive": {
2287
+ "& .M4LIcon-icon": {
2288
+ backgroundColor: `${o.palette.state.focus}!important`
2289
+ }
2290
+ },
2291
+ "& .M4LSideBar-contentMobile": {
2292
+ width: "100%",
2293
+ height: "100%",
2294
+ display: "flex",
2295
+ flexDirection: "column",
2296
+ "& .M4LSideBar-containerSideBarLogo": {
2297
+ display: "flex",
2298
+ justifyContent: "flex-start",
2299
+ marginTop: "12px",
2300
+ "& .M4LSideBar-containerLogo": {
2301
+ display: "flex",
2302
+ justifyContent: "center",
2303
+ alignItems: "center",
2304
+ fitContent: "100%",
2305
+ boxSizing: "contentBox",
2306
+ paddingTop: "8px",
2307
+ paddingBottom: "8px",
2308
+ gap: "16px",
2309
+ paddingLeft: "24px",
2310
+ "& .M4LTypography-root": {
2311
+ display: "flex",
2312
+ width: "100%",
2313
+ "& .MuiTypography-root": {
2314
+ with: "100%",
2315
+ overflow: "hidden",
2316
+ textOverflow: "ellipsis",
2317
+ textWrap: "nowrap"
2318
+ }
2319
+ },
2320
+ "& .M4LImage-root": {
2321
+ position: "relative",
2322
+ background: o.palette.background.default,
2323
+ boxShadow: o.customShadows.z2,
2324
+ padding: "6px",
2325
+ borderRadius: "6px",
2326
+ minWidth: "50px !important",
2327
+ minHeight: "50px !important"
2328
+ }
2329
+ }
2330
+ },
2331
+ "& .M4LSideBar-contentGroups": {
2332
+ overflow: "hidden",
2333
+ flexGrow: "1",
2334
+ display: "flex",
2335
+ flexDirection: "column",
2336
+ "& .M4LSideBar-contentGroupsLine": {
2337
+ display: "flex",
2338
+ height: "2px",
2339
+ marginRight: "14px",
2340
+ marginLeft: "14px",
2341
+ backgroundColor: "none"
2342
+ },
2343
+ "& .M4LSideBar-wrapperGroup": {
2344
+ height: "100%",
2345
+ paddingLeft: "10px",
2346
+ "& .M4LSideBar-wrapperGroupTitle": {
2347
+ "& .M4LTypography-root": {
2348
+ display: "flex",
2349
+ width: "100%",
2350
+ "& .MuiTypography-root": {
2351
+ with: "100%",
2352
+ overflow: "hidden",
2353
+ textOverflow: "ellipsis",
2354
+ textWrap: "nowrap"
2355
+ }
2356
+ }
2357
+ },
2358
+ "& .M4LSideBar-itemListMainRoot": {
2359
+ display: "flex",
2360
+ borderRadius: "4px 0px 0px 4px",
2361
+ justifyContent: "center",
2362
+ flexDirection: "column",
2363
+ padding: "0px 0px 8px 0px",
2364
+ gap: "4px",
2365
+ "& .M4LSideBar-navItemMainRoot": {
2366
+ backgroundColor: "transparent",
2367
+ borderRadius: "4px",
2368
+ "&:hover": {
2369
+ background: o.palette.state.default,
2370
+ cursor: "pointer"
2371
+ }
2372
+ },
2373
+ "&.M4LSideBar-itemMainActive": {
2374
+ borderRadius: "4px",
2375
+ "& .M4LSideBar-navItemMainRoot": {
2376
+ background: o.palette.state.active12,
2377
+ "&:hover": {
2378
+ background: t(o.palette.state.active || "#fff", 0.24),
2379
+ cursor: "pointer"
2380
+ }
2381
+ },
2382
+ "& .M4LSideBar-navItemRootContent": {
2383
+ "& .M4LSideBar-navItemRootContentIconTypo": {
2384
+ "& .M4LIcon-icon": {
2385
+ backgroundColor: o.palette.state.focus
2386
+ },
2387
+ "& .M4LTypography-root": {
2388
+ "& .MuiTypography-root": {
2389
+ color: o.palette.state.focus
2390
+ }
2391
+ },
2392
+ "& .M4LSideBar-arrowIconRoot .M4LIcon-icon": {
2393
+ backgroundColor: o.palette.state.focus
2394
+ }
2395
+ },
2396
+ "& .M4LSideBar-arrowIconRoot": {
2397
+ "& .M4LIcon-root": {
2398
+ "& .M4LIcon-icon": {
2399
+ backgroundColor: o.palette.state.focus
2400
+ }
2401
+ }
2402
+ },
2403
+ "&::before": {
2404
+ content: '""',
2405
+ width: "4px",
2406
+ top: "0px",
2407
+ bottom: "0px",
2408
+ right: "0px",
2409
+ backgroundColor: o.palette.state.focus,
2410
+ borderRadius: "4px 0px 0px 4px",
2411
+ position: "absolute"
2412
+ }
2413
+ }
2414
+ },
2415
+ "& .M4LSideBar-navItemRootContent": {
2416
+ display: "flex",
2417
+ padding: "8px",
2418
+ justifyContent: "center",
2419
+ borderRadius: "4px 0px 0px 4px",
2420
+ position: "relative",
2421
+ "& .M4LSideBar-navItemRootContentIconTypo": {
2422
+ display: "flex",
2423
+ gap: "8px",
2424
+ width: "100%",
2425
+ "& .M4LIcon-icon": {
2426
+ backgroundColor: o.palette.text.primary,
2427
+ width: "18px",
2428
+ height: "18px"
2429
+ },
2430
+ "& .M4LTypography-root": {
2431
+ display: "flex",
2432
+ flexGrow: "1",
2433
+ overflow: "hidden",
2434
+ "& .MuiTypography-root": {
2435
+ ...o.typography.paragraph,
2436
+ color: o.palette.text.primary,
2437
+ textWrap: "nowrap",
2438
+ textOverflow: "ellipsis",
2439
+ display: "block",
2440
+ overflow: "hidden"
2441
+ }
2442
+ },
2443
+ "& .M4LSideBar-arrowIconRoot .M4LIcon-icon": {
2444
+ backgroundColor: o.palette.text.primary
2445
+ }
2446
+ },
2447
+ "& .M4LSideBar-arrowIconRoot": {
2448
+ "& .M4LIcon-root": {
2449
+ "& .M4LIcon-icon": {
2450
+ background: o.palette.text.primary
2451
+ }
2452
+ }
2453
+ }
2454
+ },
2455
+ "& .M4LSideBar-containerListSubItem": {
2456
+ paddingLeft: "0px"
2457
+ },
2458
+ "& .M4LSideBar-navListSubItemRoot": {
2459
+ gap: "12px",
2460
+ padding: "0px",
2461
+ "& .M4LSideBar-navSubItemContentRoot ": {
2462
+ width: "100%",
2463
+ height: "32px",
2464
+ borderRadius: "4px",
2465
+ gap: "8px",
2466
+ "&.M4LSideBar-subItemCollapseActive": {
2467
+ backgroundColor: o.palette.state.active12,
2468
+ gap: "8px",
2469
+ "& .MuiButtonBase-root": {
2470
+ "& .M4LIcon-root": {
2471
+ "& .M4LIcon-icon": {
2472
+ backgroundColor: o.palette.state.focus
2473
+ }
2474
+ }
2475
+ }
2476
+ },
2477
+ "& .M4LSideBar-subItemActive": {
2478
+ "& .MuiButtonBase-root": {
2479
+ "& .M4LIcon-root": {
2480
+ "& .M4LIcon-icon": {
2481
+ backgroundColor: `${o.palette.state.focus}!important`
2482
+ }
2483
+ }
2484
+ },
2485
+ "& .M4LSideBar-navSubItemContentBullet": {
2486
+ height: "14px",
2487
+ borderRadius: "4px",
2488
+ backgroundColor: o.palette.state.focus,
2489
+ gap: "8px"
2490
+ }
2491
+ },
2492
+ "&:hover": {
2493
+ background: o.palette.state.default
2494
+ }
2495
+ },
2496
+ "& .M4LSideBar-navSubItemContentRoot": {
2497
+ gap: "12px",
2498
+ margin: "0px 0px 0px 0px",
2499
+ padding: "16px",
2500
+ "& .M4LSideBar-navSubItemContentBullet": {
2501
+ minWidth: "5px",
2502
+ minHeight: "5px",
2503
+ borderRadius: "50%",
2504
+ backgroundColor: o.palette.text.primary
2505
+ },
2506
+ "& .M4LTypography-root": {
2507
+ display: "flex",
2508
+ width: "100%",
2509
+ "& .MuiTypography-root": {
2510
+ ...o.typography.paragraph,
2511
+ color: o.palette.text.primary,
2512
+ with: "100%",
2513
+ overflow: "hidden",
2514
+ textOverflow: "ellipsis",
2515
+ textWrap: "nowrap"
2516
+ }
2517
+ }
2518
+ }
2519
+ },
2520
+ "& .MuiCollapse-root": {
2521
+ marginLeft: "18px"
2522
+ }
2523
+ }
2524
+ },
2525
+ "& .M4LIcon-root .M4LIcon-icon": {
2526
+ backgroundColor: o.palette.text.primary
2527
+ }
2528
+ },
2529
+ "& .M4LSideBar-collapseButton": {
2530
+ display: "flex",
2531
+ paddingTop: "12px",
2532
+ borderTop: "1px solid",
2533
+ borderColor: o.palette.state.hoverDefault,
2534
+ justifyContent: "flex-end",
2535
+ marginRight: "14px",
2536
+ marginLeft: "14px",
2537
+ gap: "20px",
2538
+ alignItems: "center",
2539
+ height: "48px",
2540
+ minHeight: "48px",
2541
+ "& .M4LSideBar-containerLogoButton": {
2542
+ display: "flex",
2543
+ gap: "14px",
2544
+ width: "120px"
2545
+ },
2546
+ "& .M4LSideBar-containerLogoButtonLogo": {
2547
+ width: "120px",
2548
+ height: "32px",
2549
+ "& .M4LSideBar-containerLogoButtonIcon": {
2550
+ display: "flex",
2551
+ alignItems: "center"
2552
+ }
2553
+ }
2554
+ }
1783
2555
  }
1784
2556
  }
1785
2557
  }
1786
- },
1787
- "& .MuiCollapse-root": {
1788
- marginLeft: "18px"
1789
2558
  }
2559
+ },
2560
+ "& .M4LIcon-root .M4LIcon-icon": {
2561
+ backgroundColor: o.palette.text.primary
1790
2562
  }
1791
2563
  },
1792
- "& .M4LIcon-root .M4LIcon-icon": {
1793
- backgroundColor: o.palette.text.primary
1794
- }
1795
- },
1796
- "& .M4LSideBar-collapseButton": {
1797
- display: "flex",
1798
- paddingTop: "12px",
1799
- borderTop: "1px solid",
1800
- borderColor: o.palette.state.hoverDefault,
1801
- justifyContent: "flex-end",
1802
- marginRight: "14px",
1803
- marginLeft: "14px",
1804
- gap: "20px",
1805
- alignItems: "center",
1806
- height: "48px",
1807
- minHeight: "48px",
1808
- "& .M4LSideBar-containerLogoButton": {
1809
- display: "flex",
1810
- gap: "14px",
1811
- width: "120px"
1812
- },
1813
- "& .M4LSideBar-containerLogoButtonLogo": {
1814
- width: "120px",
1815
- height: "32px"
1816
- },
1817
- "& .M4LSideBar-containerLogoButtonIcon": {
2564
+ "& .M4LSideBar-collapseButton": {
1818
2565
  display: "flex",
1819
- alignItems: "center"
2566
+ paddingTop: "12px",
2567
+ borderTop: "1px solid",
2568
+ borderColor: o.palette.state.hoverDefault,
2569
+ justifyContent: "flex-end",
2570
+ marginRight: "14px",
2571
+ marginLeft: "14px",
2572
+ gap: "20px",
2573
+ alignItems: "center",
2574
+ height: "48px",
2575
+ minHeight: "48px",
2576
+ "& .M4LSideBar-containerLogoButton": {
2577
+ display: "flex",
2578
+ gap: "14px",
2579
+ width: "120px"
2580
+ },
2581
+ "& .M4LSideBar-containerLogoButtonLogo": {
2582
+ width: "120px",
2583
+ height: "32px",
2584
+ "& .M4LSideBar-containerLogoButtonIcon": {
2585
+ display: "flex",
2586
+ alignItems: "center"
2587
+ }
2588
+ }
1820
2589
  }
1821
2590
  }
1822
2591
  }
@@ -2525,7 +3294,7 @@ const p = (o) => ({
2525
3294
  alignItems: "center",
2526
3295
  padding: "0 16px",
2527
3296
  "& .MuiLinearProgress-root": {
2528
- background: t(o.palette.state.active, 0.3)
3297
+ background: e(o.palette.state.active, 0.3)
2529
3298
  }
2530
3299
  }
2531
3300
  },
@@ -2701,7 +3470,7 @@ const p = (o) => ({
2701
3470
  "& .M4LAreasViewer-windowRootContainer": {
2702
3471
  boxShadow: o.customShadows.z2,
2703
3472
  border: "1.5px solid",
2704
- borderColor: t(o.palette.state.active, 0.5),
3473
+ borderColor: e(o.palette.state.active, 0.5),
2705
3474
  "& .M4LAreasViewer-windowHeader": {
2706
3475
  background: o.palette.state.active12,
2707
3476
  borderTopLeftRadius: "4px",
@@ -2828,7 +3597,7 @@ const p = (o) => ({
2828
3597
  }
2829
3598
  },
2830
3599
  "& .MuiBackdrop-root": {
2831
- background: t(`${o.palette.patronus?.onyx[60]}`, 0.8)
3600
+ background: e(`${o.palette.patronus?.onyx[60]}`, 0.8)
2832
3601
  },
2833
3602
  "&:not(.M4LAreasViewer-loading)": {
2834
3603
  "& .M4LinearProgressIndeterminate-root": {
@@ -2938,9 +3707,8 @@ const p = (o) => ({
2938
3707
  },
2939
3708
  "& .M4LAppBar-containerLogo": {
2940
3709
  "& .M4LImage-root": {
2941
- width: "34px",
2942
- height: "34px",
2943
- backgroundColor: o.palette.background.neutral,
3710
+ width: "34px!important",
3711
+ height: "34px!important",
2944
3712
  borderRadius: "4px",
2945
3713
  padding: "2px"
2946
3714
  },
@@ -2949,6 +3717,7 @@ const p = (o) => ({
2949
3717
  alignItems: "center",
2950
3718
  gap: "12px",
2951
3719
  width: "163px",
3720
+ height: "36px",
2952
3721
  "& .M4LTypography-root": {
2953
3722
  textWrap: "nowrap",
2954
3723
  textTransform: "uppercase"
@@ -3037,7 +3806,7 @@ const p = (o) => ({
3037
3806
  }
3038
3807
  }
3039
3808
  }
3040
- }), m = (o) => ({
3809
+ }), v = (o) => ({
3041
3810
  M4LAvatar: {
3042
3811
  styleOverrides: {
3043
3812
  "&.M4LAvatar-root": {
@@ -3059,7 +3828,7 @@ const p = (o) => ({
3059
3828
  }
3060
3829
  }
3061
3830
  }
3062
- }), v = (o) => ({
3831
+ }), m = (o) => ({
3063
3832
  M4LAccountPopover: {
3064
3833
  styleOverrides: {
3065
3834
  "&.M4LAccountPopover-root": {
@@ -3355,7 +4124,7 @@ const p = (o) => ({
3355
4124
  }
3356
4125
  }
3357
4126
  }
3358
- }), k = (o) => ({
4127
+ }), I = (o) => ({
3359
4128
  M4LMasterDetailLayout: {
3360
4129
  styleOverrides: {
3361
4130
  "&.M4LMasterDetailLayout-root": {
@@ -3388,7 +4157,7 @@ const p = (o) => ({
3388
4157
  }
3389
4158
  }
3390
4159
  }
3391
- }), I = (o) => ({
4160
+ }), B = (o) => ({
3392
4161
  M4LSplitLayout: {
3393
4162
  styleOverrides: {
3394
4163
  "&.M4LSplitLayout-root": {
@@ -3510,7 +4279,7 @@ const p = (o) => ({
3510
4279
  }
3511
4280
  }
3512
4281
  }
3513
- }), B = (o) => ({
4282
+ }), k = (o) => ({
3514
4283
  M4LCommonActions: {
3515
4284
  styleOverrides: {
3516
4285
  "&.M4LCommonActions-root": {
@@ -3681,7 +4450,7 @@ const p = (o) => ({
3681
4450
  }
3682
4451
  }
3683
4452
  }
3684
- }), A = (o) => ({
4453
+ }), T = (o) => ({
3685
4454
  M4LTab: {
3686
4455
  styleOverrides: {
3687
4456
  "&.M4LTab-root": {
@@ -3733,7 +4502,7 @@ const p = (o) => ({
3733
4502
  }
3734
4503
  }
3735
4504
  }
3736
- }), T = (o) => ({
4505
+ }), A = (o) => ({
3737
4506
  M4LAccordion: {
3738
4507
  styleOverrides: {
3739
4508
  "&.M4LAccordion-root": {
@@ -3874,7 +4643,7 @@ const p = (o) => ({
3874
4643
  }
3875
4644
  }
3876
4645
  }
3877
- }), P = (o) => ({
4646
+ }), D = (o) => ({
3878
4647
  M4LRHFormProvider: {
3879
4648
  styleOverrides: {
3880
4649
  "&.M4LRHFormProvider-root": {
@@ -3889,7 +4658,7 @@ const p = (o) => ({
3889
4658
  }
3890
4659
  }
3891
4660
  }
3892
- }), D = (o) => ({
4661
+ }), P = (o) => ({
3893
4662
  M4LPeriod: {
3894
4663
  styleOverrides: {
3895
4664
  "&.M4LPeriod-root": {
@@ -4322,7 +5091,7 @@ const p = (o) => ({
4322
5091
  }
4323
5092
  }
4324
5093
  }
4325
- }), V = (o) => ({
5094
+ }), O = (o) => ({
4326
5095
  M4LBadge: {
4327
5096
  styleOverrides: {
4328
5097
  "&.M4LBadge-root": {
@@ -4460,7 +5229,7 @@ const p = (o) => ({
4460
5229
  "--rdg-selection-color": o.palette.state.lineTheme,
4461
5230
  "--row-selected-hover-background-color": (o.palette.mode === "light", o.palette.state.toneOp),
4462
5231
  "--rdg-checkbox-color": o.palette.primary.main,
4463
- "--rdg-checkbox-focus-color": e(
5232
+ "--rdg-checkbox-focus-color": t(
4464
5233
  o.palette.primary.main,
4465
5234
  o.palette.action.selectedOpacity
4466
5235
  ),
@@ -4669,7 +5438,7 @@ const p = (o) => ({
4669
5438
  }
4670
5439
  }
4671
5440
  }
4672
- }), O = (o) => ({
5441
+ }), V = (o) => ({
4673
5442
  M4LPager: {
4674
5443
  styleOverrides: {
4675
5444
  "&.M4LPager-root": {
@@ -4886,7 +5655,7 @@ const p = (o) => ({
4886
5655
  }
4887
5656
  }
4888
5657
  }
4889
- }), _ = (o) => ({
5658
+ }), $ = (o) => ({
4890
5659
  M4LScrollBar: {
4891
5660
  styleOverrides: {
4892
5661
  "&.M4LScrollBar-root": {
@@ -4921,7 +5690,7 @@ const p = (o) => ({
4921
5690
  }
4922
5691
  }
4923
5692
  }
4924
- }), $ = (o) => ({
5693
+ }), _ = (o) => ({
4925
5694
  M4LGridLayout: {
4926
5695
  styleOverrides: {
4927
5696
  "&.M4LGridLayout-root": {
@@ -4949,7 +5718,7 @@ const p = (o) => ({
4949
5718
  }
4950
5719
  }
4951
5720
  }
4952
- }), q = (o) => ({
5721
+ }), Y = (o) => ({
4953
5722
  M4LMenuActions: {
4954
5723
  styleOverrides: {
4955
5724
  "&.M4LMenuActions-root": {
@@ -4983,7 +5752,7 @@ const p = (o) => ({
4983
5752
  }
4984
5753
  }
4985
5754
  }
4986
- }), Y = (o) => ({
5755
+ }), q = (o) => ({
4987
5756
  M4LPrintingSystem: {
4988
5757
  styleOverrides: {
4989
5758
  "&.M4LPrintingSystem-root": {
@@ -5165,7 +5934,7 @@ const p = (o) => ({
5165
5934
  }
5166
5935
  }
5167
5936
  }
5168
- }), J = (o) => ({
5937
+ }), X = (o) => ({
5169
5938
  M4LFormatter: {
5170
5939
  styleOverrides: {
5171
5940
  "&.M4LFormatter-root": {
@@ -5182,7 +5951,7 @@ const p = (o) => ({
5182
5951
  }
5183
5952
  }
5184
5953
  }
5185
- }), K = (o) => ({
5954
+ }), J = (o) => ({
5186
5955
  M4LoadingError: {
5187
5956
  styleOverrides: {
5188
5957
  "&.M4LoadingError-root": {
@@ -5241,7 +6010,7 @@ const p = (o) => ({
5241
6010
  }
5242
6011
  }
5243
6012
  }
5244
- }), Q = (o) => ({
6013
+ }), K = (o) => ({
5245
6014
  M4LMFLoader: {
5246
6015
  styleOverrides: {
5247
6016
  "&.M4LMFLoader-root": {
@@ -5254,7 +6023,7 @@ const p = (o) => ({
5254
6023
  }
5255
6024
  }
5256
6025
  }
5257
- }), X = (o) => ({
6026
+ }), Q = (o) => ({
5258
6027
  M4LLoadingButton: {
5259
6028
  styleOverrides: {
5260
6029
  "&.M4LLoadingButton-root": {
@@ -5579,54 +6348,169 @@ const p = (o) => ({
5579
6348
  }
5580
6349
  }
5581
6350
  }
6351
+ }), to = (o) => ({
6352
+ M4LTopBar: {
6353
+ styleOverrides: {
6354
+ "&.M4LTopBar-root": {
6355
+ "& .M4LTopBar-SimplebarComercial": {
6356
+ display: "inline-flex",
6357
+ gap: "16px",
6358
+ alignItems: "center",
6359
+ justifyContent: "center",
6360
+ height: "36px",
6361
+ "& .M4LTopBar-ContainerAccordionCase1": {
6362
+ display: "flex",
6363
+ gap: 8,
6364
+ padding: "4px 12px",
6365
+ border: "1px solid transparent",
6366
+ borderRadius: "4px",
6367
+ "& .MuiButtonBase-root": {
6368
+ padding: 0,
6369
+ minWidth: "20px"
6370
+ }
6371
+ },
6372
+ "& .M4LTopBar-IsActive": {
6373
+ "& .M4LTopBar-ContainerAccordionCase1": {
6374
+ "& .M4LIcon-root": {
6375
+ "& .M4LIcon-icon": {
6376
+ backgroundColor: o.palette.primary.main
6377
+ }
6378
+ },
6379
+ "& .MuiButtonBase-root": {
6380
+ color: o.palette.primary.main
6381
+ }
6382
+ },
6383
+ "& .M4LTopBar-ContainerAccordion": {
6384
+ "& .M4LIcon-root": {
6385
+ "& .M4LIcon-icon": {
6386
+ backgroundColor: o.palette.primary.main
6387
+ }
6388
+ },
6389
+ "& .MuiButtonBase-root": {
6390
+ color: o.palette.primary.main
6391
+ }
6392
+ },
6393
+ "& .MuiButtonBase-root": {
6394
+ color: o.palette.primary.main
6395
+ }
6396
+ }
6397
+ }
6398
+ }
6399
+ }
6400
+ },
6401
+ M4LPopoverTopBar: {
6402
+ styleOverrides: {
6403
+ "& .MuiPaper-root": {
6404
+ "& .M4LTopBar-ItemSelect": {
6405
+ "&.M4LTopBar-IsActive": {
6406
+ "& .MuiButtonBase-root": {
6407
+ color: o.palette.primary.main
6408
+ }
6409
+ }
6410
+ }
6411
+ }
6412
+ }
6413
+ }
6414
+ }), eo = (o) => ({
6415
+ M4LAppBarCommercial: {
6416
+ styleOverrides: {
6417
+ "&.M4LAppBarCommercial-root": {
6418
+ width: "100%",
6419
+ display: "flex",
6420
+ justifyContent: "space-between",
6421
+ alignItems: "center",
6422
+ padding: "8px 80px",
6423
+ minHeight: "80px",
6424
+ backgroundColor: o.palette.background.neutral,
6425
+ position: "fixed",
6426
+ zIndex: "100",
6427
+ [o.breakpoints.down("md")]: {
6428
+ padding: "8px 24px"
6429
+ }
6430
+ }
6431
+ }
6432
+ }
6433
+ }), ro = (o) => ({
6434
+ M4LSectionCommercial: {
6435
+ styleOverrides: {
6436
+ "&.M4LSectionCommercial-root": {
6437
+ display: "flex",
6438
+ flexDirection: "row",
6439
+ alignItems: "center",
6440
+ height: "auto",
6441
+ "&.M4LSectionCommercial-columnReverse": {
6442
+ [o.breakpoints.down("md")]: {
6443
+ flexFlow: "column-reverse"
6444
+ }
6445
+ },
6446
+ [o.breakpoints.down("md")]: {
6447
+ flexDirection: "column"
6448
+ }
6449
+ }
6450
+ }
6451
+ }
6452
+ }), ao = (o) => ({
6453
+ M4LHamburgerMenuCommercial: {
6454
+ styleOverrides: {
6455
+ "&.M4LHamburgerMenuCommercial-root": {
6456
+ "& .M4LSideBar-root": {
6457
+ display: "none"
6458
+ }
6459
+ }
6460
+ }
6461
+ }
5582
6462
  });
5583
6463
  export {
5584
- A,
5585
- T as B,
5586
- D as C,
6464
+ T as A,
6465
+ A as B,
6466
+ P as C,
5587
6467
  H as D,
5588
6468
  F as E,
5589
6469
  W as F,
5590
- O as G,
6470
+ V as G,
5591
6471
  j as H,
5592
6472
  G as I,
5593
6473
  N as J,
5594
6474
  E as K,
5595
- _ as L,
5596
- X as M,
5597
- $ as N,
6475
+ $ as L,
6476
+ Q as M,
6477
+ _ as N,
5598
6478
  U as O,
5599
- q as P,
5600
- Y as Q,
5601
- J as R,
5602
- K as S,
5603
- Q as T,
6479
+ Y as P,
6480
+ q as Q,
6481
+ X as R,
6482
+ J as S,
6483
+ K as T,
5604
6484
  Z as U,
5605
6485
  oo as V,
6486
+ to as W,
6487
+ eo as X,
6488
+ ro as Y,
6489
+ ao as Z,
5606
6490
  p as a,
5607
- P as b,
6491
+ D as b,
5608
6492
  d as c,
5609
6493
  l as d,
5610
6494
  s as e,
5611
6495
  c as f,
5612
- y as g,
6496
+ L as g,
5613
6497
  g as h,
5614
- V as i,
6498
+ O as i,
5615
6499
  x as j,
5616
6500
  z as k,
5617
6501
  u as l,
5618
6502
  b as m,
5619
6503
  M as n,
5620
- L as o,
6504
+ y as o,
5621
6505
  w as p,
5622
6506
  h as q,
5623
6507
  f as r,
5624
- m as s,
5625
- v as t,
6508
+ v as s,
6509
+ m as t,
5626
6510
  C as u,
5627
- k as v,
5628
- I as w,
5629
- B as x,
6511
+ I as v,
6512
+ B as w,
6513
+ k as x,
5630
6514
  S as y,
5631
6515
  R as z
5632
6516
  };