@m4l/styles 0.0.48 → 0.0.49

package/theme/overrides/M4LExtendedComponents/{index.fbdb0818.js → index.0ba2f034.js}

@@ -1,7 +1,11 @@
 import { alpha as t } from "@mui/material/styles";
 import { alpha as e } from "@mui/system";
+import "../../defaultThemeOptions.656b9eff.js";
+import "../../shadows.86540b18.js";
 import { P as r } from "../../palette.0590e8a6.js";
-const p = (o) => ({
+import "../../typography.ed54f014.js";
+import "@mui/material";
+const c = (o) => ({
   M4LDynamicFilter: {
     styleOverrides: {
       "&.M4LDynamicFilter-root": {
@@ -10,8 +14,7 @@ const p = (o) => ({
         padding: "0px",
         border: "1px solid",
         borderColor: o.palette.state.borderPrimary,
-        minHeight: "32px",
-        height: "32px",
+        height: "fit-content",
         [o.breakpoints.down("sm")]: {
           minHeight: "auto",
           height: "auto"
@@ -26,7 +29,8 @@ const p = (o) => ({
           "& .M4LDynamicFilter-wrapperApplyedFilters": {
             display: "flex",
             borderTop: "1px solid ",
-            borderColor: o.palette.state.borderSecondary
+            borderColor: o.palette.state.borderSecondary,
+            height: "fit-content"
           }
         },
         "&.M4LDynamicFilter-isEmpty": {
@@ -125,7 +129,7 @@ const p = (o) => ({
         },
         "& .M4LDynamicFilter-wrapperApplyedFilters": {
           borderLeft: "none",
-          height: "30px",
+          height: "fit-content",
           margin: "0px",
           padding: "0px 4px",
           [o.breakpoints.down("sm")]: {
@@ -136,7 +140,9 @@ const p = (o) => ({
         "& .M4LDynamicFilter-containerApplyedFilters": {
           padding: "2px",
           gap: "4px",
-          height: "100%",
+          height: "fit-content",
+          display: "flex",
+          flexWrap: "wrap",
           [o.breakpoints.down("sm")]: {
             padding: "0px"
           }
@@ -304,7 +310,7 @@ const p = (o) => ({
       }
     }
   }
-}), d = (o) => ({
+}), g = (o) => ({
   M4LIcon: {
     styleOverrides: {
       ["&.M4LIcon-root"]: {
@@ -353,7 +359,7 @@ const p = (o) => ({
       }
     }
   }
-}), l = (o) => ({
+}), x = (o) => ({
   M4LIconButton: {
     styleOverrides: {
       ["&.M4LIconButton-root"]: {
@@ -488,7 +494,7 @@ const p = (o) => ({
       }
     }
   }
-}), s = (o) => ({
+}), u = (o) => ({
   M4LanguagePopover: {
     styleOverrides: {
       ["&.M4LanguagePopover-root"]: {
@@ -509,7 +515,7 @@ const p = (o) => ({
       }
     }
   }
-}), c = (o) => ({
+}), b = (o) => ({
   M4LImageButton: {
     styleOverrides: {
       ["&.M4LImageButton-root"]: {
@@ -563,7 +569,7 @@ const p = (o) => ({
       }
     }
   }
-}), g = (o) => ({
+}), M = (o) => ({
   M4LImage: {
     styleOverrides: {
       ["&.M4LImage-root"]: {
@@ -574,7 +580,7 @@ const p = (o) => ({
       }
     }
   }
-}), x = (o) => ({
+}), L = (o) => ({
   M4LPopover: {
     styleOverrides: {
       "&.M4LPopover-root": {
@@ -665,7 +671,7 @@ const p = (o) => ({
       }
     }
   }
-}), u = (o) => ({
+}), y = (o) => ({
   M4LErrorLabel: {
     styleOverrides: {
       ["&.M4LHelperText-root"]: {
@@ -684,7 +690,7 @@ const p = (o) => ({
       }
     }
   }
-}), b = (o) => ({
+}), f = (o) => ({
   M4LTypography: {
     styleOverrides: {
       ["&.M4LTypography-root"]: {
@@ -696,7 +702,7 @@ const p = (o) => ({
       }
     }
   }
-}), M = (o) => ({
+}), h = (o) => ({
   M4LButton: {
     styleOverrides: {
       "&.M4LButton-root": {
@@ -929,7 +935,7 @@ const p = (o) => ({
       }
     }
   }
-}), L = (o) => ({
+}), w = (o) => ({
   M4LNavLink: {
     styleOverrides: {
       ["&.M4LNavLink-root"]: {
@@ -949,7 +955,7 @@ const p = (o) => ({
       }
     }
   }
-}), y = (o) => ({
+}), v = (o) => ({
   M4LSideBar: {
     styleOverrides: {
       "&.M4LSideBar-root": {
@@ -980,29 +986,21 @@ const p = (o) => ({
                 borderColor: o.palette.state.borderPrimary,
                 backgroundColor: o.palette.background.default,
                 "& .M4LSideBar-contentGroups": {
+                  padding: "32px 12px",
                   "& .M4LSideBar-wrapperGroup": {
-                    overflow: "hidden",
-                    padding: "10px",
-                    borderTop: "unset",
+                    overflow: "visible",
+                    padding: "8px",
+                    borderTop: "1px solid",
                     borderBottom: "1px solid",
                     borderColor: o.palette.state.borderSecondary,
-                    height: "100%",
+                    height: "fit-content",
                     width: "100%",
-                    flex: "1",
-                    "& .M4LSideBar-itemListMainRootContainer": {
-                      display: "flex",
-                      flexDirection: "column",
-                      width: "100%",
-                      height: "auto",
-                      overflow: "hidden"
-                    },
                     "& .M4LSideBar-navItemRootContent": {
                       overflow: "hidden",
                       height: "36px",
                       padding: "0px 8px",
                       display: "flex",
-                      alignItems: "center",
-                      position: "relative"
+                      alignItems: "center"
                     }
                   }
                 },
@@ -1197,7 +1195,10 @@ const p = (o) => ({
                     borderColor: o.palette.state.active12,
                     boxShadow: o.shadows[1],
                     "&:hover": {
-                      background: t(o.palette.state.active || "#fff", 0.24),
+                      background: t(
+                        o.palette.state.active || "#fff",
+                        0.24
+                      ),
                       cursor: "pointer"
                     }
                   },
@@ -1226,10 +1227,10 @@ const p = (o) => ({
                     "&::before": {
                       content: '""',
                       width: "3px",
-                      height: "100%",
-                      top: "0",
-                      bottom: "0",
-                      right: "0px",
+                      height: "50%",
+                      top: "25%",
+                      bottom: "25%",
+                      left: "0px",
                       backgroundColor: o.palette.state.focus,
                       borderRadius: "0px 4px 4px 0px",
                       position: "absolute"
@@ -1491,7 +1492,10 @@ const p = (o) => ({
                   "& .M4LSideBar-navItemMainRoot": {
                     background: o.palette.state.active12,
                     "&:hover": {
-                      background: t(o.palette.state.active || "#fff", 0.24),
+                      background: t(
+                        o.palette.state.active || "#fff",
+                        0.24
+                      ),
                       cursor: "pointer"
                     }
                   },
@@ -1905,7 +1909,7 @@ const p = (o) => ({
                   borderRadius: "4px 0px 0px 4px",
                   justifyContent: "flex-start",
                   flexDirection: "column",
-                  marginBottom: "4px",
+                  paddingBottom: "4px",
                   gap: "0px",
                   height: "auto",
                   "& .M4LSideBar-navItemMainRoot": {
@@ -1922,8 +1926,12 @@ const p = (o) => ({
                     border: "1px solid",
                     borderColor: o.palette.state.active12,
                     "& .M4LSideBar-navItemMainRoot": {
+                      background: o.palette.state.active,
                       "&:hover": {
-                        background: t(o.palette.state.active || "#fff", 0.24),
+                        background: t(
+                          o.palette.state.active || "#fff",
+                          0.24
+                        ),
                         cursor: "pointer"
                       }
                     },
@@ -2196,7 +2204,10 @@ const p = (o) => ({
                     "& .M4LSideBar-navItemMainRoot": {
                       background: o.palette.state.active12,
                       "&:hover": {
-                        background: t(o.palette.state.active || "#fff", 0.24),
+                        background: t(
+                          o.palette.state.active || "#fff",
+                          0.24
+                        ),
                         cursor: "pointer"
                       }
                     },
@@ -2443,7 +2454,10 @@ const p = (o) => ({
                                 "& .M4LSideBar-navItemMainRoot": {
                                   background: o.palette.state.active12,
                                   "&:hover": {
-                                    background: t(o.palette.state.active || "#fff", 0.24),
+                                    background: t(
+                                      o.palette.state.active || "#fff",
+                                      0.24
+                                    ),
                                     cursor: "pointer"
                                   }
                                 },
@@ -2642,7 +2656,7 @@ const p = (o) => ({
       }
     }
   }
-}), f = (o) => ({
+}), C = (o) => ({
   M4LAreasAdmin: {
     styleOverrides: {
       "&.M4LAreasAdmin-root": {
@@ -3074,7 +3088,7 @@ const p = (o) => ({
       }
     }
   }
-}), h = (o) => ({
+}), m = (o) => ({
   M4LAreasViewer: {
     styleOverrides: {
       "&.M4LAreasViewer-root": {
@@ -3321,7 +3335,7 @@ const p = (o) => ({
               flex: "1",
               overflow: "hidden",
               [o.breakpoints.up("sm")]: {
-                padding: "16px"
+                padding: "12px"
               },
               "& .M4LAreasViewer-containerComponent": {
                 display: "flex",
@@ -3472,7 +3486,7 @@ const p = (o) => ({
               },
               "& .M4LAreasViewer-windowContent": {
                 background: o.palette.background.neutral,
-                padding: "24px"
+                padding: "12px"
               }
             },
             "& .M4LAreasViewer-windowRoot": {
@@ -3735,7 +3749,7 @@ const p = (o) => ({
       }
     }
   }
-}), w = (o) => ({
+}), k = (o) => ({
   M4LAppBar: {
     styleOverrides: {
       "&.M4LAppBar-root": {
@@ -3858,7 +3872,7 @@ const p = (o) => ({
       }
     }
   }
-}), v = (o) => ({
+}), B = (o) => ({
   M4LAvatar: {
     styleOverrides: {
       "&.M4LAvatar-root": {
@@ -3880,7 +3894,7 @@ const p = (o) => ({
       }
     }
   }
-}), C = (o) => ({
+}), I = (o) => ({
   M4LAccountPopover: {
     styleOverrides: {
       "&.M4LAccountPopover-root": {
@@ -4159,7 +4173,7 @@ const p = (o) => ({
       }
     }
   }
-}), m = (o) => ({
+}), S = (o) => ({
   M4LModuleLayout: {
     styleOverrides: {
       "&.M4LModuleLayout-root": {
@@ -4176,7 +4190,7 @@ const p = (o) => ({
       }
     }
   }
-}), k = (o) => ({
+}), R = (o) => ({
   M4LMasterDetailLayout: {
     styleOverrides: {
       "&.M4LMasterDetailLayout-root": {
@@ -4209,7 +4223,7 @@ const p = (o) => ({
       }
     }
   }
-}), B = (o) => ({
+}), T = (o) => ({
   M4LSplitLayout: {
     styleOverrides: {
       "&.M4LSplitLayout-root": {
@@ -4231,7 +4245,6 @@ const p = (o) => ({
           width: "100%",
           height: "100%",
           "& .M4LStack-root": {
-            gap: "8px",
             overflow: "hidden"
           }
         },
@@ -4331,7 +4344,7 @@ const p = (o) => ({
       }
     }
   }
-}), I = (o) => ({
+}), A = (o) => ({
   M4LCommonActions: {
     styleOverrides: {
       "&.M4LCommonActions-root": {
@@ -4344,7 +4357,7 @@ const p = (o) => ({
       }
     }
   }
-}), S = (o) => ({
+}), P = (o) => ({
   M4LinearProgressIndeterminate: {
     styleOverrides: {
       "&.M4LinearProgressIndeterminate-root": {
@@ -4398,7 +4411,7 @@ const p = (o) => ({
       }
     }
   }
-}), R = (o) => ({
+}), D = (o) => ({
   M4LPropertyValue: {
     styleOverrides: {
       "&.M4LPropertyValue-root": {
@@ -4500,13 +4513,14 @@ const p = (o) => ({
       }
     }
   }
-}), T = (o) => ({
+}), F = (o) => ({
   M4LTab: {
     styleOverrides: {
       "&.M4LTab-root": {
         width: "fit-content",
         background: o.palette.background.header,
         borderRadius: "4px 4px 0 0",
+        zIndex: "3",
         "& .MuiButtonBase-root": {
           background: o.palette.background.header,
           height: "32px",
@@ -4524,8 +4538,15 @@ const p = (o) => ({
           borderRadius: "4px 4px 0 0",
           "& .M4LIcon-root": {
             marginBottom: "0"
+          },
+          [o.breakpoints.down("md")]: {
+            height: "44px",
+            minHeight: "fit-content"
           }
         },
+        "& .MuiTab-root": {
+          borderBottom: `1px solid ${o.palette.state.borderSecondary}`
+        },
         "& .MuiButtonBase-root:hover": {
           color: o.palette.state.hover,
           "& .M4LIcon-icon": {
@@ -4534,7 +4555,10 @@ const p = (o) => ({
         },
         "& .Mui-selected": {
           background: o.palette.background.default,
-          border: "0px",
+          borderTop: `1px solid ${o.palette.state.borderSecondary}`,
+          borderLeft: `1px solid ${o.palette.state.borderSecondary}`,
+          borderRight: `1px solid ${o.palette.state.borderSecondary}`,
+          borderBottom: `1px solid ${o.palette.background.default}`,
           ...o.typography.bodyDens,
           color: o.palette.text.primary,
           lineHeight: "none",
@@ -4552,7 +4576,7 @@ const p = (o) => ({
       }
     }
   }
-}), A = (o) => ({
+}), H = (o) => ({
   M4LAccordion: {
     styleOverrides: {
       "&.M4LAccordion-root": {
@@ -4693,7 +4717,7 @@ const p = (o) => ({
       }
     }
   }
-}), D = (o) => ({
+}), W = (o) => ({
   M4LRHFormProvider: {
     styleOverrides: {
       "&.M4LRHFormProvider-root": {
@@ -4708,7 +4732,7 @@ const p = (o) => ({
       }
     }
   }
-}), P = (o) => ({
+}), z = (o) => ({
   M4LPeriod: {
     styleOverrides: {
       "&.M4LPeriod-root": {
@@ -4888,7 +4912,7 @@ const p = (o) => ({
       }
     }
   }
-}), F = (o) => ({
+}), V = (o) => ({
   M4LModalDialog: {
     styleOverrides: {
       "&.M4LModal-root": {
@@ -4987,7 +5011,6 @@ const p = (o) => ({
               flex: "1",
               overflow: "hidden",
               "& .M4LStack-root": {
-                gap: "8px",
                 overflow: "hidden"
               }
             }
@@ -5015,7 +5038,7 @@ const p = (o) => ({
       }
     }
   }
-}), H = (o) => ({
+}), O = (o) => ({
   M4LPaperForm: {
     styleOverrides: {
       "&.M4LPaperForm-root": {
@@ -5064,7 +5087,7 @@ const p = (o) => ({
       }
     }
   }
-}), W = (o) => ({
+}), j = (o) => ({
   M4LTooltip: {
     styleOverrides: {
       "&.M4LTooltip-root": {
@@ -5085,7 +5108,7 @@ const p = (o) => ({
       }
     }
   }
-}), z = (o) => ({
+}), G = (o) => ({
   M4LBadge: {
     styleOverrides: {
       "&.M4LBadge-root": {
@@ -5116,7 +5139,7 @@ const p = (o) => ({
       }
     }
   }
-}), V = (o) => ({
+}), N = (o) => ({
   M4LDataGrid: {
     styleOverrides: {
       "&.M4LDataGrid-root": {
@@ -5458,7 +5481,7 @@ const p = (o) => ({
       }
     }
   }
-}), O = (o) => ({
+}), E = (o) => ({
   M4LPager: {
     styleOverrides: {
       "&.M4LPager-root": {
@@ -5565,7 +5588,7 @@ const p = (o) => ({
       }
     }
   }
-}), j = (o) => ({
+}), $ = (o) => ({
   M4LCheckBox: {
     styleOverrides: {
       "&.M4LCheckBox-root": {
@@ -5636,7 +5659,7 @@ const p = (o) => ({
       }
     }
   }
-}), G = (o) => ({
+}), _ = (o) => ({
   M4LStack: {
     styleOverrides: {
       "&.M4LStack-root": {
@@ -5649,7 +5672,7 @@ const p = (o) => ({
       }
     }
   }
-}), N = (o) => ({
+}), U = (o) => ({
   M4LTabs: {
     styleOverrides: {
       "&.M4LTabs-root": {
@@ -5658,6 +5681,7 @@ const p = (o) => ({
         position: "relative",
         minHeight: "32px",
         borderRadius: "4px 4px 0 0",
+        zIndex: "2",
         "& .MuiTabs-indicator": {
           display: "none"
         },
@@ -5678,8 +5702,7 @@ const p = (o) => ({
           "& .MuiTabs-flexContainer": {
             padding: "0px",
             backgroundColor: "transparent",
-            background: o.palette.background.header,
-            width: "fit-content",
+            width: "100%",
             borderRadius: "4px 4px 0 0"
           }
         },
@@ -5689,7 +5712,7 @@ const p = (o) => ({
       }
     }
   }
-}), E = (o) => ({
+}), Y = (o) => ({
   M4LNoItemSelected: {
     styleOverrides: {
       "&.M4LNoItemSelected-root": {
@@ -5709,7 +5732,7 @@ const p = (o) => ({
       }
     }
   }
-}), $ = (o) => ({
+}), q = (o) => ({
   M4LScrollBar: {
     styleOverrides: {
       "&.M4LScrollBar-root": {
@@ -5744,7 +5767,7 @@ const p = (o) => ({
       }
     }
   }
-}), _ = (o) => ({
+}), X = (o) => ({
   M4LGridLayout: {
     styleOverrides: {
       "&.M4LGridLayout-root": {
@@ -5752,27 +5775,38 @@ const p = (o) => ({
       }
     }
   }
-}), U = (o) => ({
+}), J = (o) => ({
   M4LTabContent: {
     styleOverrides: {
       "&.M4LTabContent-root": {
-        padding: "0px",
+        padding: "12px",
         display: "flex",
         overflow: "hidden",
         height: "100%",
         flexDirection: "column",
         gap: "8px",
         background: o.palette.background.default,
-        borderRadius: "0 0 4px 4px",
+        borderRadius: "0 4px 4px 4px",
         position: "relative",
         flex: 1,
+        borderTop: "1px solid",
+        borderLeft: "1px solid",
+        borderRight: "1px solid",
+        borderBottom: "1px solid",
+        borderColor: o.palette.state.borderSecondary,
+        boxSizing: "border-box",
+        zIndex: "1",
+        top: "-1px",
+        "& .M4LStack-root": {
+          gap: "8px !important"
+        },
         "&.M4LTabContent-root > div": {
           gap: "8px"
         }
       }
     }
   }
-}), Y = (o) => ({
+}), K = (o) => ({
   M4LMenuActions: {
     styleOverrides: {
       "&.M4LMenuActions-root": {
@@ -5806,7 +5840,7 @@ const p = (o) => ({
       }
     }
   }
-}), q = (o) => ({
+}), Q = (o) => ({
   M4LPrintingSystem: {
     styleOverrides: {
       "&.M4LPrintingSystem-root": {
@@ -5988,7 +6022,7 @@ const p = (o) => ({
       }
     }
   }
-}), X = (o) => ({
+}), Z = (o) => ({
   M4LFormatter: {
     styleOverrides: {
       "&.M4LFormatter-root": {
@@ -6005,7 +6039,7 @@ const p = (o) => ({
       }
     }
   }
-}), J = (o) => ({
+}), oo = (o) => ({
   M4LoadingError: {
     styleOverrides: {
       "&.M4LoadingError-root": {
@@ -6064,7 +6098,7 @@ const p = (o) => ({
       }
     }
   }
-}), K = (o) => ({
+}), to = (o) => ({
   M4LMFLoader: {
     styleOverrides: {
       "&.M4LMFLoader-root": {
@@ -6083,7 +6117,7 @@ const p = (o) => ({
       }
     }
   }
-}), Q = (o) => ({
+}), eo = (o) => ({
   M4LLoadingButton: {
     styleOverrides: {
       "&.M4LLoadingButton-root": {
@@ -6315,7 +6349,7 @@ const p = (o) => ({
       }
     }
   }
-}), Z = (o) => ({
+}), ro = (o) => ({
   M4LToastContainer: {
     styleOverrides: {
       "&.M4LToastContainer-root": {
@@ -6393,7 +6427,7 @@ const p = (o) => ({
       }
     }
   }
-}), oo = (o) => ({
+}), ao = (o) => ({
   M4LPDFViewer: {
     styleOverrides: {
       "&.M4LPDFViewer-root": {
@@ -6408,7 +6442,7 @@ const p = (o) => ({
       }
     }
   }
-}), to = (o) => ({
+}), io = (o) => ({
   M4LTopBar: {
     styleOverrides: {
       "&.M4LTopBar-root": {
@@ -6471,7 +6505,7 @@ const p = (o) => ({
       }
     }
   }
-}), eo = (o) => ({
+}), no = (o) => ({
   M4LAppBarCommercial: {
     styleOverrides: {
       "&.M4LAppBarCommercial-root": {
@@ -6492,7 +6526,7 @@ const p = (o) => ({
       }
     }
   }
-}), ro = (o) => ({
+}), po = (o) => ({
   M4LSectionCommercial: {
     styleOverrides: {
       "&.M4LSectionCommercial-root": {
@@ -6511,7 +6545,7 @@ const p = (o) => ({
       }
     }
   }
-}), ao = (o) => ({
+}), lo = (o) => ({
   M4LHamburgerMenuCommercial: {
     styleOverrides: {
       "&.M4LHamburgerMenuCommercial-root": {
@@ -6521,7 +6555,7 @@ const p = (o) => ({
       }
     }
   }
-}), io = (o) => ({
+}), so = (o) => ({
   M4LFieldLabel: {
     styleOverrides: {
       "&.M4LFieldLabel-root": {
@@ -6546,57 +6580,57 @@ const p = (o) => ({
   }
 });
 export {
-  T as A,
-  A as B,
-  P as C,
-  F as D,
-  H as E,
-  W as F,
-  O as G,
-  j as H,
-  G as I,
-  N as J,
-  E as K,
-  $ as L,
-  Q as M,
-  _ as N,
-  U as O,
-  Y as P,
-  q as Q,
-  X as R,
-  J as S,
-  K as T,
-  Z as U,
-  oo as V,
-  to as W,
-  eo as X,
-  ro as Y,
-  ao as Z,
-  io as _,
-  p as a,
-  D as b,
-  d as c,
-  l as d,
-  s as e,
-  c as f,
-  L as g,
-  g as h,
-  z as i,
-  x as j,
-  V as k,
-  u as l,
-  b as m,
-  M as n,
-  y as o,
-  w as p,
-  f as q,
-  h as r,
-  v as s,
-  C as t,
-  m as u,
-  k as v,
-  B as w,
-  I as x,
-  S as y,
-  R as z
+  F as A,
+  H as B,
+  z as C,
+  V as D,
+  O as E,
+  j as F,
+  E as G,
+  $ as H,
+  _ as I,
+  U as J,
+  Y as K,
+  q as L,
+  eo as M,
+  X as N,
+  J as O,
+  K as P,
+  Q,
+  Z as R,
+  oo as S,
+  to as T,
+  ro as U,
+  ao as V,
+  io as W,
+  no as X,
+  po as Y,
+  lo as Z,
+  so as _,
+  c as a,
+  W as b,
+  g as c,
+  x as d,
+  u as e,
+  b as f,
+  w as g,
+  M as h,
+  G as i,
+  L as j,
+  N as k,
+  y as l,
+  f as m,
+  h as n,
+  v as o,
+  k as p,
+  C as q,
+  m as r,
+  B as s,
+  I as t,
+  S as u,
+  R as v,
+  T as w,
+  A as x,
+  P as y,
+  D as z
 };