@m4l/styles 0.0.42 → 0.0.43

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 (13) hide show
  1. package/index.js +3 -3
  2. package/package.json +1 -1
  3. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +8 -28
  4. package/theme/overrides/M4LExtendedComponents/M4LImage.d.ts +0 -26
  5. package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts +6 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +87 -15
  7. package/theme/overrides/M4LExtendedComponents/{index.ad4ae589.js → index.b9151f24.js} +109 -95
  8. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +1 -0
  9. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +1 -0
  10. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +1 -0
  11. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +1 -0
  12. package/theme/overrides/M4LRHFComponents/{index.a9f361b8.js → index.02fada22.js} +8 -4
  13. package/theme/overrides/{index.dc9d8819.js → index.fd981495.js} +2 -2
package/theme/overrides/M4LExtendedComponents/{index.ad4ae589.js → index.b9151f24.js} RENAMED
@@ -371,41 +371,21 @@ const p = (o) => ({
371
371
  position: "absolute",
372
372
  transition: "all .3s ease"
373
373
  },
374
- ".M4LIconButton-sizeExtraSmall&::before": {
375
- width: "24px",
376
- height: "24px",
377
- minWidth: "24px",
378
- minHeight: "24px"
379
- },
380
- ".M4LIconButton-sizeSmall&::before": {
381
- width: "26px",
382
- height: "26px",
383
- minWidth: "26px",
384
- minHeight: "26px"
385
- },
386
- ".M4LIconButton-sizeMedium&::before": {
387
- width: "38px",
388
- height: "38px",
389
- minWidth: "38px",
390
- minHeight: "38px"
391
- },
392
- "&.M4LIconButton-sizeExtraSmall": {
393
- width: "22px",
394
- height: "22px",
395
- minWidth: "22px",
396
- minHeight: "22px"
397
- },
398
374
  "&.M4LIconButton-sizeSmall": {
399
375
  width: "24px",
400
376
  height: "24px",
401
- minWidth: "24px",
402
- minHeight: "24px"
377
+ "& .MuiSkeleton-root": {
378
+ width: "16px",
379
+ height: "16px"
380
+ }
403
381
  },
404
382
  "&.M4LIconButton-sizeMedium": {
405
383
  width: "36px",
406
384
  height: "36px",
407
- minWidth: "36px",
408
- minHeight: "36px"
385
+ "& .MuiSkeleton-root": {
386
+ width: "20px",
387
+ height: "20px"
388
+ }
409
389
  },
410
390
  "& .MuiIconButton-root": {
411
391
  position: "static",
@@ -583,36 +563,10 @@ const p = (o) => ({
583
563
  M4LImage: {
584
564
  styleOverrides: {
585
565
  ["&.M4LImage-root"]: {
586
- position: "relative",
587
566
  display: "flex",
588
567
  flexDirection: "column",
589
568
  justifyContent: "center",
590
- alignItems: "center",
591
- "& .M4LImage-img": {
592
- opacity: 0,
593
- position: "absolute",
594
- inset: "0",
595
- objectFit: "contain"
596
- },
597
- "&.M4LImage-loaded .M4LImage-img": {
598
- opacity: 1,
599
- transition: "opacity .5s",
600
- margin: "0 auto"
601
- },
602
- "& .M4LImage-skeletonImage, & .M4LImage-skeletonCircle": {
603
- opacity: 1,
604
- position: "absolute",
605
- inset: 0
606
- },
607
- "&.M4LImage-loaded .M4LImage-skeletonImage, &.M4LImage-loaded .M4LImage-skeletonCircle": {
608
- opacity: 0,
609
- transition: "opacity .3s"
610
- },
611
- "& .M4LImage-lazyLoad": {
612
- display: "flex",
613
- justifyContent: "center",
614
- alignItems: "center"
615
- }
569
+ alignItems: "center"
616
570
  }
617
571
  }
618
572
  }
@@ -995,23 +949,23 @@ const p = (o) => ({
995
949
  M4LSideBar: {
996
950
  styleOverrides: {
997
951
  "&.M4LSideBar-root": {
998
- "&.M4LSideBar-collapsed": {
999
- "& .M4LSideBar-wrapperSideBar": {
1000
- height: "100%",
1001
- transition: "all 0.3s"
1002
- }
1003
- },
952
+ "&.M4LSideBar-collapsed": {},
1004
953
  "& .M4LSideBar-wrapperSideBar": {
954
+ height: "100%",
955
+ transition: "all 0.3s",
956
+ width: "240px",
1005
957
  "& .M4LSideBar-areaExpandMenu": {
1006
958
  position: "absolute",
1007
959
  zIndex: "1",
1008
960
  height: "100%",
1009
961
  transition: "all 0.3s",
962
+ width: "240px",
1010
963
  "& .M4LSideBar-contentDesktop": {
1011
964
  display: "flex",
1012
965
  width: "100%",
1013
966
  height: "100%",
1014
967
  boxShadow: o.customShadows.z2,
968
+ transition: "all 0.3s",
1015
969
  "& .M4LSideBar-containerContentGroupsFooter": {
1016
970
  flexGrow: "1",
1017
971
  display: "flex",
@@ -1022,11 +976,21 @@ const p = (o) => ({
1022
976
  borderColor: o.palette.state.borderPrimary,
1023
977
  backgroundColor: o.palette.background.default,
1024
978
  "& .M4LSideBar-contentGroups": {
1025
- padding: "32px 8px",
979
+ padding: "32px 12px",
1026
980
  "& .M4LSideBar-wrapperGroup": {
1027
- overflow: "hidden",
981
+ overflow: "visible",
982
+ padding: "8px",
983
+ borderTop: "1px solid",
984
+ borderBottom: "1px solid",
985
+ borderColor: o.palette.state.borderSecondary,
986
+ height: "fit-content",
987
+ width: "100%",
1028
988
  "& .M4LSideBar-navItemRootContent": {
1029
- overflow: "hidden,"
989
+ overflow: "hidden",
990
+ height: "36px",
991
+ padding: "0px 8px",
992
+ display: "flex",
993
+ alignItems: "center"
1030
994
  }
1031
995
  }
1032
996
  },
@@ -1071,6 +1035,7 @@ const p = (o) => ({
1071
1035
  minWidth: "20px",
1072
1036
  minHeight: "20px",
1073
1037
  "& .MuiButtonBase-root": {
1038
+ padding: "0px",
1074
1039
  width: "20px",
1075
1040
  height: "20px"
1076
1041
  }
@@ -1096,6 +1061,7 @@ const p = (o) => ({
1096
1061
  transition: "all 0.3s"
1097
1062
  },
1098
1063
  "& .M4LSideBar-subItemActive": {
1064
+ padding: "0px",
1099
1065
  "& .M4LIcon-icon": {
1100
1066
  backgroundColor: `${o.palette.state.focus}!important`
1101
1067
  }
@@ -1189,7 +1155,8 @@ const p = (o) => ({
1189
1155
  textOverflow: "ellipsis",
1190
1156
  textWrap: "nowrap",
1191
1157
  ...o.typography.paragraphDens,
1192
- textTransform: "capitalize"
1158
+ textTransform: "capitalize",
1159
+ fontWeight: "700"
1193
1160
  }
1194
1161
  }
1195
1162
  },
@@ -1198,7 +1165,7 @@ const p = (o) => ({
1198
1165
  borderRadius: "4px 0px 0px 4px",
1199
1166
  justifyContent: "flex-start",
1200
1167
  flexDirection: "column",
1201
- gap: "2px",
1168
+ gap: "4px",
1202
1169
  height: "auto",
1203
1170
  marginBottom: "2px",
1204
1171
  "& .M4LSideBar-navItemMainRoot": {
@@ -1210,11 +1177,13 @@ const p = (o) => ({
1210
1177
  }
1211
1178
  },
1212
1179
  "&.M4LSideBar-itemMainActive": {
1213
- background: o.palette.state.active12,
1214
1180
  borderRadius: "4px",
1215
1181
  height: "auto",
1216
1182
  "& .M4LSideBar-navItemMainRoot": {
1217
1183
  background: o.palette.state.active12,
1184
+ border: "1px solid",
1185
+ borderColor: o.palette.state.active12,
1186
+ boxShadow: o.shadows[1],
1218
1187
  "&:hover": {
1219
1188
  background: t(o.palette.state.active || "#fff", 0.24),
1220
1189
  cursor: "pointer"
@@ -1244,13 +1213,13 @@ const p = (o) => ({
1244
1213
  },
1245
1214
  "&::before": {
1246
1215
  content: '""',
1247
- width: "2px",
1248
- height: "100%",
1249
- top: "0px",
1250
- bottom: "0px",
1216
+ width: "3px",
1217
+ height: "50%",
1218
+ top: "25%",
1219
+ bottom: "25%",
1251
1220
  left: "0px",
1252
1221
  backgroundColor: o.palette.state.focus,
1253
- borderRadius: "4px 0px 0px 4px",
1222
+ borderRadius: "0px 4px 4px 0px",
1254
1223
  position: "absolute"
1255
1224
  }
1256
1225
  }
@@ -1298,9 +1267,10 @@ const p = (o) => ({
1298
1267
  paddingLeft: "0px"
1299
1268
  },
1300
1269
  "& .M4LSideBar-navListSubItemRoot": {
1301
- gap: "12px",
1270
+ gap: "8px",
1302
1271
  padding: "0px",
1303
1272
  "& .M4LSideBar-navSubItemContentRoot ": {
1273
+ padding: "0px 8px",
1304
1274
  width: "100%",
1305
1275
  height: "32px",
1306
1276
  borderRadius: "4px",
@@ -1308,7 +1278,10 @@ const p = (o) => ({
1308
1278
  "&.M4LSideBar-subItemCollapseActive": {
1309
1279
  backgroundColor: o.palette.state.active12,
1310
1280
  gap: "8px",
1281
+ border: "1px solid",
1282
+ borderColor: o.palette.state.active12,
1311
1283
  "& .MuiButtonBase-root": {
1284
+ padding: "0px",
1312
1285
  "& .M4LIcon-root": {
1313
1286
  "& .M4LIcon-icon": {
1314
1287
  backgroundColor: o.palette.state.focus
@@ -1318,6 +1291,7 @@ const p = (o) => ({
1318
1291
  },
1319
1292
  "& .M4LSideBar-subItemActive": {
1320
1293
  "& .MuiButtonBase-root": {
1294
+ padding: "0px",
1321
1295
  "& .M4LIcon-root": {
1322
1296
  "& .M4LIcon-icon": {}
1323
1297
  },
@@ -1333,11 +1307,12 @@ const p = (o) => ({
1333
1307
  }
1334
1308
  },
1335
1309
  "&:hover": {
1336
- background: o.palette.state.default
1310
+ background: o.palette.state.default,
1311
+ padding: "0 8px"
1337
1312
  }
1338
1313
  },
1339
1314
  "& .M4LSideBar-navSubItemContentRoot": {
1340
- gap: "12px",
1315
+ gap: "8px",
1341
1316
  margin: "0px 0px 0px 0px",
1342
1317
  "& .M4LSideBar-navSubItemContentBullet": {
1343
1318
  minWidth: "5px",
@@ -1368,7 +1343,7 @@ const p = (o) => ({
1368
1343
  }
1369
1344
  },
1370
1345
  "& .MuiCollapse-root": {
1371
- marginLeft: "18px"
1346
+ marginLeft: "8px"
1372
1347
  }
1373
1348
  }
1374
1349
  },
@@ -1457,6 +1432,7 @@ const p = (o) => ({
1457
1432
  flexGrow: "1",
1458
1433
  display: "flex",
1459
1434
  flexDirection: "column",
1435
+ gap: "8px",
1460
1436
  "& .M4LSideBar-contentGroupsLine": {
1461
1437
  display: "flex",
1462
1438
  height: "2px",
@@ -1486,7 +1462,7 @@ const p = (o) => ({
1486
1462
  justifyContent: "center",
1487
1463
  flexDirection: "column",
1488
1464
  padding: "0px 0px 8px 0px",
1489
- gap: "4px",
1465
+ gap: "0px",
1490
1466
  "& .M4LSideBar-navItemMainRoot": {
1491
1467
  backgroundColor: "transparent",
1492
1468
  borderRadius: "4px",
@@ -1498,6 +1474,8 @@ const p = (o) => ({
1498
1474
  "&.M4LSideBar-itemMainActive": {
1499
1475
  background: o.palette.state.active12,
1500
1476
  borderRadius: "4px",
1477
+ border: "1px solid",
1478
+ borderColor: o.palette.state.borderDisable,
1501
1479
  "& .M4LSideBar-navItemMainRoot": {
1502
1480
  background: o.palette.state.active12,
1503
1481
  "&:hover": {
@@ -1593,6 +1571,8 @@ const p = (o) => ({
1593
1571
  backgroundColor: o.palette.state.active12,
1594
1572
  gap: "8px",
1595
1573
  "& .MuiButtonBase-root": {
1574
+ paddingLeft: "0",
1575
+ padding: "0px",
1596
1576
  "& .M4LIcon-root": {
1597
1577
  "& .M4LIcon-icon": {
1598
1578
  backgroundColor: o.palette.state.focus
@@ -1602,6 +1582,8 @@ const p = (o) => ({
1602
1582
  },
1603
1583
  "& .M4LSideBar-subItemActive": {
1604
1584
  "& .MuiButtonBase-root": {
1585
+ paddingLeft: "0px",
1586
+ padding: "0px",
1605
1587
  "& .M4LIcon-root": {
1606
1588
  "& .M4LIcon-icon": {
1607
1589
  backgroundColor: `${o.palette.state.focus}!important`
@@ -1616,6 +1598,7 @@ const p = (o) => ({
1616
1598
  }
1617
1599
  },
1618
1600
  "&:hover": {
1601
+ padding: "0 8px",
1619
1602
  background: o.palette.state.default
1620
1603
  }
1621
1604
  },
@@ -1706,6 +1689,7 @@ const p = (o) => ({
1706
1689
  "& .M4LSideBar-navListSubItemRoot": {
1707
1690
  "& .M4LSideBar-subItemActive": {
1708
1691
  "& .MuiButtonBase-root": {
1692
+ padding: "0px",
1709
1693
  "& .M4LIcon-root": {
1710
1694
  "& .M4LIcon-icon": {
1711
1695
  backgroundColor: o.palette.state.focus
@@ -1718,6 +1702,7 @@ const p = (o) => ({
1718
1702
  "& .M4LSideBar-subItemActive": {
1719
1703
  height: "fit-content",
1720
1704
  "& .MuiButtonBase-root": {
1705
+ padding: "0px",
1721
1706
  "& .M4LIcon-root": {
1722
1707
  "& .M4LIcon-icon": {
1723
1708
  backgroundColor: `${o.palette.state.focus}!important`
@@ -1737,6 +1722,7 @@ const p = (o) => ({
1737
1722
  backgroundColor: o.palette.text.primary
1738
1723
  },
1739
1724
  "&:hover": {
1725
+ padding: "0 8px",
1740
1726
  background: o.palette.state.default
1741
1727
  }
1742
1728
  }
@@ -1776,6 +1762,7 @@ const p = (o) => ({
1776
1762
  "& .M4LSideBar-navListSubItemRoot": {
1777
1763
  "& .M4LSideBar-subItemActive": {
1778
1764
  "& .MuiButtonBase-root": {
1765
+ padding: "0px",
1779
1766
  "& .M4LIcon-root": {
1780
1767
  "& .M4LIcon-icon": {
1781
1768
  backgroundColor: o.palette.state.focus
@@ -1788,6 +1775,7 @@ const p = (o) => ({
1788
1775
  "& .M4LSideBar-subItemActive": {
1789
1776
  height: "fit-content",
1790
1777
  "& .MuiButtonBase-root": {
1778
+ padding: "0px",
1791
1779
  "& .M4LIcon-root": {
1792
1780
  "& .M4LIcon-icon": {
1793
1781
  backgroundColor: `${o.palette.state.focus}!important`
@@ -1807,6 +1795,7 @@ const p = (o) => ({
1807
1795
  backgroundColor: o.palette.text.primary
1808
1796
  },
1809
1797
  "&:hover": {
1798
+ padding: "0 8px",
1810
1799
  background: o.palette.state.default
1811
1800
  }
1812
1801
  }
@@ -1905,7 +1894,7 @@ const p = (o) => ({
1905
1894
  justifyContent: "flex-start",
1906
1895
  flexDirection: "column",
1907
1896
  paddingBottom: "4px",
1908
- gap: "4px",
1897
+ gap: "0px",
1909
1898
  height: "auto",
1910
1899
  "& .M4LSideBar-navItemMainRoot": {
1911
1900
  backgroundColor: "transparent",
@@ -1918,8 +1907,10 @@ const p = (o) => ({
1918
1907
  "&.M4LSideBar-itemMainActive": {
1919
1908
  borderRadius: "4px",
1920
1909
  background: o.palette.state.active12,
1910
+ border: "1px solid",
1911
+ borderColor: o.palette.state.active12,
1921
1912
  "& .M4LSideBar-navItemMainRoot": {
1922
- background: o.palette.state.active12,
1913
+ background: o.palette.state.active,
1923
1914
  "&:hover": {
1924
1915
  background: t(o.palette.state.active || "#fff", 0.24),
1925
1916
  cursor: "pointer"
@@ -2010,10 +2001,13 @@ const p = (o) => ({
2010
2001
  height: "32px",
2011
2002
  borderRadius: "4px",
2012
2003
  gap: "8px",
2004
+ padding: "0px",
2013
2005
  "&.M4LSideBar-subItemCollapseActive": {
2014
2006
  backgroundColor: o.palette.state.active12,
2015
2007
  gap: "8px",
2008
+ padding: "0px",
2016
2009
  "& .MuiButtonBase-root": {
2010
+ padding: "0px",
2017
2011
  "& .M4LIcon-root": {
2018
2012
  "& .M4LIcon-icon": {
2019
2013
  backgroundColor: o.palette.state.focus
@@ -2023,6 +2017,7 @@ const p = (o) => ({
2023
2017
  },
2024
2018
  "& .M4LSideBar-subItemActive": {
2025
2019
  "& .MuiButtonBase-root": {
2020
+ padding: "0px",
2026
2021
  "& .M4LIcon-root": {
2027
2022
  "& .M4LIcon-icon": {
2028
2023
  backgroundColor: `${o.palette.state.focus}!important`
@@ -2037,13 +2032,14 @@ const p = (o) => ({
2037
2032
  }
2038
2033
  },
2039
2034
  "&:hover": {
2035
+ padding: "0 8px",
2040
2036
  background: o.palette.state.default
2041
2037
  }
2042
2038
  },
2043
2039
  "& .M4LSideBar-navSubItemContentRoot": {
2044
2040
  gap: "12px",
2045
2041
  margin: "0px 0px 0px 0px",
2046
- padding: "16px",
2042
+ padding: "8px",
2047
2043
  "& .M4LIcon-root": {
2048
2044
  minHeight: "24px",
2049
2045
  minWwidth: "24px",
@@ -2073,7 +2069,7 @@ const p = (o) => ({
2073
2069
  }
2074
2070
  },
2075
2071
  "& .MuiCollapse-root": {
2076
- marginLeft: "18px"
2072
+ marginLeft: "0px"
2077
2073
  }
2078
2074
  }
2079
2075
  },
@@ -2161,7 +2157,7 @@ const p = (o) => ({
2161
2157
  overflow: "hidden",
2162
2158
  textOverflow: "ellipsis",
2163
2159
  textWrap: "nowrap",
2164
- fontWeight: "400",
2160
+ fontWeight: "700",
2165
2161
  fontSize: "14px !important"
2166
2162
  }
2167
2163
  }
@@ -2172,7 +2168,7 @@ const p = (o) => ({
2172
2168
  justifyContent: "center",
2173
2169
  flexDirection: "column",
2174
2170
  padding: "0px 0px 8px 0px",
2175
- gap: "4px",
2171
+ gap: "0",
2176
2172
  "& .M4LSideBar-navItemMainRoot": {
2177
2173
  backgroundColor: "transparent",
2178
2174
  borderRadius: "4px",
@@ -2184,6 +2180,8 @@ const p = (o) => ({
2184
2180
  "&.M4LSideBar-itemMainActive": {
2185
2181
  borderRadius: "4px",
2186
2182
  background: o.palette.state.active12,
2183
+ border: "1px solid",
2184
+ borderColor: o.palette.state.active12,
2187
2185
  "& .M4LSideBar-navItemMainRoot": {
2188
2186
  background: o.palette.state.active12,
2189
2187
  "&:hover": {
@@ -2277,10 +2275,12 @@ const p = (o) => ({
2277
2275
  height: "32px",
2278
2276
  borderRadius: "4px",
2279
2277
  gap: "8px",
2278
+ padding: "0px",
2280
2279
  "&.M4LSideBar-subItemCollapseActive": {
2281
2280
  backgroundColor: o.palette.state.active12,
2282
2281
  gap: "8px",
2283
2282
  "& .MuiButtonBase-root": {
2283
+ padding: "0px",
2284
2284
  "& .M4LIcon-root": {
2285
2285
  "& .M4LIcon-icon": {
2286
2286
  backgroundColor: o.palette.state.focus
@@ -2290,6 +2290,7 @@ const p = (o) => ({
2290
2290
  },
2291
2291
  "& .M4LSideBar-subItemActive": {
2292
2292
  "& .MuiButtonBase-root": {
2293
+ padding: "0px",
2293
2294
  "& .M4LIcon-root": {
2294
2295
  "& .M4LIcon-icon": {
2295
2296
  backgroundColor: `${o.palette.state.focus}!important`
@@ -2304,13 +2305,14 @@ const p = (o) => ({
2304
2305
  }
2305
2306
  },
2306
2307
  "&:hover": {
2308
+ padding: "0 8px",
2307
2309
  background: o.palette.state.default
2308
2310
  }
2309
2311
  },
2310
2312
  "& .M4LSideBar-navSubItemContentRoot": {
2311
2313
  gap: "12px",
2312
2314
  margin: "0px 0px 0px 0px",
2313
- padding: "16px",
2315
+ padding: "0px",
2314
2316
  "& .M4LSideBar-navSubItemContentBullet": {
2315
2317
  minWidth: "5px",
2316
2318
  minHeight: "5px",
@@ -2425,6 +2427,8 @@ const p = (o) => ({
2425
2427
  "&.M4LSideBar-itemMainActive": {
2426
2428
  borderRadius: "4px",
2427
2429
  background: o.palette.state.active12,
2430
+ border: "1px solid",
2431
+ borderColor: o.palette.state.active12,
2428
2432
  "& .M4LSideBar-navItemMainRoot": {
2429
2433
  background: o.palette.state.active12,
2430
2434
  "&:hover": {
@@ -2516,10 +2520,12 @@ const p = (o) => ({
2516
2520
  height: "32px",
2517
2521
  borderRadius: "4px",
2518
2522
  gap: "8px",
2523
+ padding: "0px",
2519
2524
  "&.M4LSideBar-subItemCollapseActive": {
2520
2525
  backgroundColor: o.palette.state.active12,
2521
2526
  gap: "8px",
2522
2527
  "& .MuiButtonBase-root": {
2528
+ padding: "0px",
2523
2529
  "& .M4LIcon-root": {
2524
2530
  "& .M4LIcon-icon": {
2525
2531
  backgroundColor: o.palette.state.focus
@@ -2529,6 +2535,7 @@ const p = (o) => ({
2529
2535
  },
2530
2536
  "& .M4LSideBar-subItemActive": {
2531
2537
  "& .MuiButtonBase-root": {
2538
+ padding: "0px",
2532
2539
  "& .M4LIcon-root": {
2533
2540
  "& .M4LIcon-icon": {
2534
2541
  backgroundColor: `${o.palette.state.focus}!important`
@@ -2543,13 +2550,14 @@ const p = (o) => ({
2543
2550
  }
2544
2551
  },
2545
2552
  "&:hover": {
2546
- background: o.palette.state.default
2553
+ background: o.palette.state.default,
2554
+ padding: "0 8px"
2547
2555
  }
2548
2556
  },
2549
2557
  "& .M4LSideBar-navSubItemContentRoot": {
2550
2558
  gap: "12px",
2551
2559
  margin: "0px 0px 0px 0px",
2552
- padding: "16px",
2560
+ padding: "0px",
2553
2561
  "& .M4LSideBar-navSubItemContentBullet": {
2554
2562
  minWidth: "5px",
2555
2563
  minHeight: "5px",
@@ -3859,7 +3867,7 @@ const p = (o) => ({
3859
3867
  }
3860
3868
  }
3861
3869
  }
3862
- }), m = (o) => ({
3870
+ }), C = (o) => ({
3863
3871
  M4LAccountPopover: {
3864
3872
  styleOverrides: {
3865
3873
  "&.M4LAccountPopover-root": {
@@ -4138,7 +4146,7 @@ const p = (o) => ({
4138
4146
  }
4139
4147
  }
4140
4148
  }
4141
- }), C = (o) => ({
4149
+ }), m = (o) => ({
4142
4150
  M4LModuleLayout: {
4143
4151
  styleOverrides: {
4144
4152
  "&.M4LModuleLayout-root": {
@@ -4188,7 +4196,7 @@ const p = (o) => ({
4188
4196
  }
4189
4197
  }
4190
4198
  }
4191
- }), I = (o) => ({
4199
+ }), B = (o) => ({
4192
4200
  M4LSplitLayout: {
4193
4201
  styleOverrides: {
4194
4202
  "&.M4LSplitLayout-root": {
@@ -4310,7 +4318,7 @@ const p = (o) => ({
4310
4318
  }
4311
4319
  }
4312
4320
  }
4313
- }), B = (o) => ({
4321
+ }), I = (o) => ({
4314
4322
  M4LCommonActions: {
4315
4323
  styleOverrides: {
4316
4324
  "&.M4LCommonActions-root": {
@@ -6022,7 +6030,13 @@ const p = (o) => ({
6022
6030
  display: "flex",
6023
6031
  flexDirection: "column",
6024
6032
  alignItems: "center",
6025
- overflow: "auto"
6033
+ overflow: "auto",
6034
+ "& .M4LMFLoader-containerLinearProgress": {
6035
+ width: "100%",
6036
+ height: "100%",
6037
+ display: "flex",
6038
+ alignItems: "center"
6039
+ }
6026
6040
  }
6027
6041
  }
6028
6042
  }
@@ -6535,11 +6549,11 @@ export {
6535
6549
  f as q,
6536
6550
  h as r,
6537
6551
  v as s,
6538
- m as t,
6539
- C as u,
6552
+ C as t,
6553
+ m as u,
6540
6554
  k as v,
6541
- I as w,
6542
- B as x,
6555
+ B as w,
6556
+ I as x,
6543
6557
  S as y,
6544
6558
  R as z
6545
6559
  };
package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const M4LRHFAutocomplete: (theme: Theme) => {
8
8
  flexDirection: string;
9
9
  width: string;
10
10
  gap: string;
11
+ outline: string;
11
12
  '& .MuiAutocomplete-root': {
12
13
  height: string;
13
14
  '& .MuiFormControl-root': {
package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts CHANGED
@@ -7,6 +7,7 @@ export declare const M4LRHFColorPicker: (theme: Theme) => {
7
7
  display: string;
8
8
  flexDirection: string;
9
9
  gap: string;
10
+ outline: string;
10
11
  '&.M4LRHFColorPicker-sizeSmall': {
11
12
  '& .M4LRHFColorPicker-containerFieldColor': {
12
13
  '& .M4LRHFColorPicker-boxColor': {
package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const M4LRHFDateTime: (theme: Theme) => {
8
8
  flexDirection: string;
9
9
  width: string;
10
10
  gap: string;
11
+ outline: string;
11
12
  '& .M4LRHFDateTime-skeleton': {
12
13
  display: string;
13
14
  width: string;
package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts CHANGED
@@ -7,6 +7,7 @@ export declare const M4LRHFTextField: (theme: Theme) => {
7
7
  flexDirection: string;
8
8
  width: string;
9
9
  gap: string;
10
+ outline: string;
10
11
  '&.M4LRHFTextField-variantText': {
11
12
  height: string;
12
13
  '& .MuiFormControl-root': {