@m4l/styles 0.0.38 → 0.0.40

package/theme/overrides/M4LExtendedComponents/{index.e3b8814c.js → index.1d1c5302.js}

@@ -1,11 +1,7 @@
 import { alpha as e } from "@mui/material/styles";
 import { alpha as t } from "@mui/system";
-import "../../defaultThemeOptions.5e505df7.js";
-import "../../shadows.479d005a.js";
 import { P as r } from "../../palette.1b577d8c.js";
-import "../../typography.927a0f62.js";
-import "@mui/material";
-const c = (o) => ({
+const p = (o) => ({
   M4LDynamicFilter: {
     styleOverrides: {
       "&.M4LDynamicFilter-root": {
@@ -304,7 +300,7 @@ const c = (o) => ({
       }
     }
   }
-}), g = (o) => ({
+}), d = (o) => ({
   M4LIcon: {
     styleOverrides: {
       ["&.M4LIcon-root"]: {
@@ -353,7 +349,7 @@ const c = (o) => ({
       }
     }
   }
-}), x = (o) => ({
+}), l = (o) => ({
   M4LIconButton: {
     styleOverrides: {
       ["&.M4LIconButton-root"]: {
@@ -500,11 +496,15 @@ const c = (o) => ({
         },
         "&.M4LIconButton-root .MuiSkeleton-root": {
           borderRadius: "4px"
+        },
+        "&.M4LIconButton-togglePressed": {
+          backgroundColor: "red!important",
+          prop1: 1
         }
       }
     }
   }
-}), u = (o) => ({
+}), s = (o) => ({
   M4LanguagePopover: {
     styleOverrides: {
       ["&.M4LanguagePopover-root"]: {
@@ -525,7 +525,7 @@ const c = (o) => ({
       }
     }
   }
-}), b = (o) => ({
+}), c = (o) => ({
   M4LImageButton: {
     styleOverrides: {
       ["&.M4LImageButton-root"]: {
@@ -579,7 +579,7 @@ const c = (o) => ({
       }
     }
   }
-}), M = (o) => ({
+}), g = (o) => ({
   M4LImage: {
     styleOverrides: {
       ["&.M4LImage-root"]: {
@@ -616,7 +616,7 @@ const c = (o) => ({
       }
     }
   }
-}), y = (o) => ({
+}), x = (o) => ({
   M4LPopover: {
     styleOverrides: {
       "&.M4LPopover-root": {
@@ -707,7 +707,7 @@ const c = (o) => ({
       }
     }
   }
-}), L = (o) => ({
+}), u = (o) => ({
   M4LErrorLabel: {
     styleOverrides: {
       ["&.M4LHelperText-root"]: {
@@ -726,7 +726,7 @@ const c = (o) => ({
       }
     }
   }
-}), h = (o) => ({
+}), b = (o) => ({
   M4LTypography: {
     styleOverrides: {
       ["&.M4LTypography-root"]: {
@@ -738,7 +738,7 @@ const c = (o) => ({
       }
     }
   }
-}), f = (o) => ({
+}), M = (o) => ({
   M4LButton: {
     styleOverrides: {
       "&.M4LButton-root": {
@@ -963,11 +963,15 @@ const c = (o) => ({
           "&:hover": {
             backgroundColor: `${o.palette.state.success.hover}`
           }
+        },
+        "&.M4LButton-togglePressed .MuiButtonBase-root": {
+          backgroundColor: "red!important",
+          prop1: 1
         }
       }
     }
   }
-}), w = (o) => ({
+}), y = (o) => ({
   M4LNavLink: {
     styleOverrides: {
       ["&.M4LNavLink-root"]: {
@@ -987,13 +991,13 @@ const c = (o) => ({
       }
     }
   }
-}), v = (o) => ({
+}), L = (o) => ({
   M4LSideBar: {
     styleOverrides: {
       "&.M4LSideBar-root": {
         height: "100%",
         maxWidth: "220px",
-        background: o.palette.background.neutral,
+        background: o.palette.background.default,
         paddingTop: "24px",
         borderRight: "1.5px solid",
         borderColor: o.palette.state.borderPrimary,
@@ -1004,7 +1008,7 @@ const c = (o) => ({
         },
         "&.M4LSideBar-collapsed": {
           "& .M4LSideBar-wrapperSideBar": {
-            width: "48px",
+            width: "52px",
             transition: "width 0.1s ease",
             "& .M4LSideBar-contentDesktop": {
               "& .M4LSideBar-contentGroups": {
@@ -1023,10 +1027,10 @@ const c = (o) => ({
                         width: "2px"
                       },
                       "& .M4LSideBar-navItemRootContentIconTypo": {
-                        width: "24px",
+                        width: "2px",
                         minHeight: "24px",
-                        height: "24px",
-                        minWidth: "24px",
+                        height: "28px",
+                        minWidth: "28px",
                         margin: "1px 0 1px 8px",
                         "& .M4LIcon-root": {
                           paddingTop: "2px",
@@ -1050,13 +1054,25 @@ const c = (o) => ({
                 }
               },
               "& .M4LSideBar-collapseButton": {
-                padding: "12px",
+                padding: "12px 14px 12px 14px",
                 width: "100%",
                 "& .M4LSideBar-containerLogoButtonIcon": {
                   "& .M4LIconButton-root": {
                     "& .MuiButtonBase-root": {
                       height: "24px",
-                      width: "24px"
+                      width: "24px",
+                      "& .M4LIcon-root": {
+                        minHeight: "20px",
+                        minWidth: "20px",
+                        height: "20px",
+                        width: "20px",
+                        "& .M4LIcon-icon": {
+                          minHeight: "20px",
+                          minWidth: "20px",
+                          height: "20px",
+                          width: "20px"
+                        }
+                      }
                     }
                   }
                 },
@@ -1149,13 +1165,17 @@ const c = (o) => ({
                 borderRadius: "4px 0px 0px 4px",
                 justifyContent: "flex-start",
                 flexDirection: "column",
-                gap: "4px",
+                gap: "2px",
                 height: "auto",
                 marginBottom: "2px",
                 "& .M4LSideBar-navItemMainRoot": {
                   backgroundColor: "transparent",
                   borderRadius: "4px",
+                  minHeight: "32px",
+                  height: "32px",
                   "& .M4LSideBar-navItemRootContent": {
+                    minHeight: "32px",
+                    height: "32px",
                     "& .M4LSideBar-navItemRootContentIconTypo": {
                       alignItems: "center",
                       gap: "16px",
@@ -1274,7 +1294,15 @@ const c = (o) => ({
                     height: "32px",
                     borderRadius: "4px",
                     gap: "8px",
-                    "&.M4LSideBar-subItemCollapseActive": {
+                    "& .M4LIcon-root": {
+                      minHeight: "20px",
+                      minWwidth: "20px",
+                      "& .M4LIcon-icon": {
+                        minHeight: "20px",
+                        minWidth: "20px"
+                      }
+                    },
+                    "& .M4LSideBar-subItemCollapseActive": {
                       backgroundColor: o.palette.state.active12,
                       gap: "8px",
                       "& .MuiButtonBase-root": {
@@ -1328,9 +1356,9 @@ const c = (o) => ({
                     },
                     "&.M4LSideBar-subItemActive.M4LSideBar-navSubItemContentRoot": {
                       "& .M4LTypography-root": {
-                        color: o.palette.state.active,
+                        color: o.palette.state.focus,
                         "& .MuiTypography-root": {
-                          color: o.palette.state.active
+                          color: o.palette.state.focus
                         }
                       }
                     }
@@ -1347,14 +1375,14 @@ const c = (o) => ({
           },
           "& .M4LSideBar-collapseButton": {
             display: "flex",
-            padding: "12px 44px 12px 12px",
+            padding: "12px 44px 12px 14px",
             borderTop: "1px solid",
-            borderColor: o.palette.state.borderPrimary,
+            borderColor: o.palette.state.borderDisable,
             justifyContent: "flex-end",
             gap: "24px",
             alignItems: "center",
             height: "48px",
-            width: "240px",
+            width: "220px",
             minHeight: "48px",
             flexDirection: "row-reverse",
             "& .M4LSideBar-containerLogoButton": {
@@ -1379,7 +1407,19 @@ const c = (o) => ({
               "& .M4LIconButton-root": {
                 "& .MuiButtonBase-root": {
                   height: "24px",
-                  width: "24px"
+                  width: "24px",
+                  "& .M4LIcon-root": {
+                    minHeight: "20px",
+                    minWidth: "20px",
+                    height: "20px",
+                    width: "20px",
+                    "& .M4LIcon-icon": {
+                      minHeight: "20px",
+                      minWidth: "20px",
+                      height: "20px",
+                      width: "20px"
+                    }
+                  }
                 }
               }
             }
@@ -1404,6 +1444,14 @@ const c = (o) => ({
             padding: "8px",
             height: "fit-content",
             borderRadius: "4px",
+            "& .M4LIcon-root": {
+              minHeight: "20px",
+              minWwidth: "20px",
+              "& .M4LIcon-icon": {
+                minHeight: "20px",
+                minWidth: "20px"
+              }
+            },
             "&.M4LSideBar-subItemCollapseActive": {
               backgroundColor: o.palette.state.active12
             },
@@ -1467,6 +1515,11 @@ const c = (o) => ({
         "& .M4LSideBar-subItemActive": {
           "& .M4LIcon-icon": {
             backgroundColor: `${o.palette.state.focus}!important`
+          },
+          "& .M4LTypography-root": {
+            "& .MuiTypography-root": {
+              color: `${o.palette.state.focus}!important`
+            }
           }
         },
         "& .M4LSideBar-contentMobile": {
@@ -1703,6 +1756,14 @@ const c = (o) => ({
                     gap: "12px",
                     margin: "0px 0px 0px 0px",
                     padding: "16px",
+                    "& .M4LIcon-root": {
+                      minHeight: "24px",
+                      minWwidth: "24px",
+                      "& .M4LIcon-icon": {
+                        minHeight: "24px",
+                        minWidth: "24px"
+                      }
+                    },
                     "& .M4LSideBar-navSubItemContentBullet": {
                       minWidth: "5px",
                       minHeight: "5px",
@@ -1762,7 +1823,7 @@ const c = (o) => ({
       }
     }
   }
-}), m = (o) => ({
+}), h = (o) => ({
   M4LAreasAdmin: {
     styleOverrides: {
       "&.M4LAreasAdmin-root": {
@@ -1780,7 +1841,6 @@ const c = (o) => ({
         borderLeft: "1px solid",
         borderColor: o.palette.state.borderDisable,
         [o.breakpoints.down("sm")]: {
-          boxShadow: o.customShadows.z1,
           paddingRight: "0px",
           width: "100%",
           maxWidth: "100%",
@@ -1814,7 +1874,6 @@ const c = (o) => ({
           [o.breakpoints.down("sm")]: {
             height: "auto",
             background: o.palette.background.default,
-            boxShadow: o.customShadows.z2,
             width: "100%",
             maxWidth: "100%",
             paddingRight: "0px",
@@ -2001,7 +2060,7 @@ const c = (o) => ({
               },
               "& .M4LAreasAdmin-areaChipRoot": {
                 display: "flex",
-                background: o.palette.background.default,
+                background: o.palette.state.default,
                 borderRadius: "4px 4px 4px 4px",
                 minHeight: "24px",
                 width: "fit-content",
@@ -2196,7 +2255,7 @@ const c = (o) => ({
       }
     }
   }
-}), C = (o) => ({
+}), f = (o) => ({
   M4LAreasViewer: {
     styleOverrides: {
       "&.M4LAreasViewer-root": {
@@ -2591,7 +2650,7 @@ const c = (o) => ({
                 }
               },
               "& .M4LAreasViewer-windowContent": {
-                background: o.palette.background.default,
+                background: o.palette.background.neutral,
                 padding: "24px"
               }
             },
@@ -2855,7 +2914,7 @@ const c = (o) => ({
       }
     }
   }
-}), k = (o) => ({
+}), w = (o) => ({
   M4LAppBar: {
     styleOverrides: {
       "&.M4LAppBar-root": {
@@ -2867,11 +2926,11 @@ const c = (o) => ({
         height: "52px",
         alignItems: "center",
         padding: "8px 16px",
-        background: o.palette.background.neutral,
+        background: o.palette.background.default,
         borderBottom: "1.5px solid",
         borderColor: o.palette.state.borderPrimary,
         justifyContent: "space-between",
-        gap: "40px",
+        gap: "24px",
         [o.breakpoints.down("sm")]: {
           width: "100%",
           marginLeft: "0",
@@ -2881,7 +2940,7 @@ const c = (o) => ({
           "& .M4LImage-root": {
             width: "34px",
             height: "34px",
-            backgroundColor: o.palette.background.default,
+            backgroundColor: o.palette.background.neutral,
             borderRadius: "4px",
             padding: "2px"
           },
@@ -2889,10 +2948,13 @@ const c = (o) => ({
             display: "flex",
             alignItems: "center",
             gap: "12px",
-            width: "163px",
+            width: "fit-content",
             "& .M4LTypography-root": {
               textWrap: "nowrap",
-              textTransform: "uppercase"
+              textTransform: "uppercase",
+              "& .MuiTypography-root": {
+                ...o.typography.paragraphDens
+              }
             }
           }
         },
@@ -2908,19 +2970,13 @@ const c = (o) => ({
           borderColor: o.palette.state.default,
           justifyContent: "space-between",
           "& .M4LAppBar-iconMenuToggle": {
-            background: o.palette.background.default,
-            boxShadow: o.customShadows.z1,
-            borderTop: "1px solid",
-            borderColor: o.palette.state.default,
+            background: o.palette.state.default,
             width: "36px",
             height: "36px",
             minWidth: "36px",
             minHeight: "36px",
             [o.breakpoints.down("sm")]: {
-              background: o.palette.background.default,
-              boxShadow: o.customShadows.z1,
-              borderTop: "1px solid",
-              borderColor: o.palette.state.default,
+              background: o.palette.state.default,
               width: "36px",
               height: "36px",
               minWidth: "36px",
@@ -2984,7 +3040,7 @@ const c = (o) => ({
       }
     }
   }
-}), I = (o) => ({
+}), m = (o) => ({
   M4LAvatar: {
     styleOverrides: {
       "&.M4LAvatar-root": {
@@ -3006,7 +3062,7 @@ const c = (o) => ({
       }
     }
   }
-}), B = (o) => ({
+}), v = (o) => ({
   M4LAccountPopover: {
     styleOverrides: {
       "&.M4LAccountPopover-root": {
@@ -3285,7 +3341,7 @@ const c = (o) => ({
       }
     }
   }
-}), S = (o) => ({
+}), C = (o) => ({
   M4LModuleLayout: {
     styleOverrides: {
       "&.M4LModuleLayout-root": {
@@ -3302,7 +3358,7 @@ const c = (o) => ({
       }
     }
   }
-}), R = (o) => ({
+}), k = (o) => ({
   M4LMasterDetailLayout: {
     styleOverrides: {
       "&.M4LMasterDetailLayout-root": {
@@ -3335,7 +3391,7 @@ const c = (o) => ({
       }
     }
   }
-}), A = (o) => ({
+}), I = (o) => ({
   M4LSplitLayout: {
     styleOverrides: {
       "&.M4LSplitLayout-root": {
@@ -3457,7 +3513,7 @@ const c = (o) => ({
       }
     }
   }
-}), T = (o) => ({
+}), B = (o) => ({
   M4LCommonActions: {
     styleOverrides: {
       "&.M4LCommonActions-root": {
@@ -3470,7 +3526,7 @@ const c = (o) => ({
       }
     }
   }
-}), P = (o) => ({
+}), S = (o) => ({
   M4LinearProgressIndeterminate: {
     styleOverrides: {
       "&.M4LinearProgressIndeterminate-root": {
@@ -3524,7 +3580,7 @@ const c = (o) => ({
       }
     }
   }
-}), D = (o) => ({
+}), R = (o) => ({
   M4LPropertyValue: {
     styleOverrides: {
       "&.M4LPropertyValue-root": {
@@ -3628,7 +3684,7 @@ const c = (o) => ({
       }
     }
   }
-}), H = (o) => ({
+}), A = (o) => ({
   M4LTab: {
     styleOverrides: {
       "&.M4LTab-root": {
@@ -3680,7 +3736,7 @@ const c = (o) => ({
       }
     }
   }
-}), F = (o) => ({
+}), T = (o) => ({
   M4LAccordion: {
     styleOverrides: {
       "&.M4LAccordion-root": {
@@ -3821,7 +3877,7 @@ const c = (o) => ({
       }
     }
   }
-}), V = (o) => ({
+}), P = (o) => ({
   M4LRHFormProvider: {
     styleOverrides: {
       "&.M4LRHFormProvider-root": {
@@ -3836,7 +3892,7 @@ const c = (o) => ({
       }
     }
   }
-}), z = (o) => ({
+}), D = (o) => ({
   M4LPeriod: {
     styleOverrides: {
       "&.M4LPeriod-root": {
@@ -4072,7 +4128,7 @@ const c = (o) => ({
       }
     }
   }
-}), W = (o) => ({
+}), H = (o) => ({
   M4LModalDialog: {
     styleOverrides: {
       "&.M4LModal-root": {
@@ -4199,7 +4255,7 @@ const c = (o) => ({
       }
     }
   }
-}), O = (o) => ({
+}), F = (o) => ({
   M4LPaperForm: {
     styleOverrides: {
       "&.M4LPaperForm-root": {
@@ -4248,7 +4304,7 @@ const c = (o) => ({
       }
     }
   }
-}), j = (o) => ({
+}), W = (o) => ({
   M4LTooltip: {
     styleOverrides: {
       "&.M4LTooltip-root": {
@@ -4269,7 +4325,7 @@ const c = (o) => ({
       }
     }
   }
-}), G = (o) => ({
+}), V = (o) => ({
   M4LBadge: {
     styleOverrides: {
       "&.M4LBadge-root": {
@@ -4300,7 +4356,7 @@ const c = (o) => ({
       }
     }
   }
-}), N = (o) => ({
+}), z = (o) => ({
   M4LDataGrid: {
     styleOverrides: {
       "&.M4LDataGrid-root": {
@@ -4480,7 +4536,11 @@ const c = (o) => ({
             },
             '& .rdg-cell[role="columnheader"] .rdg-header-sort-name': {
               ...o.typography.bodyDens,
-              lineHeight: "var(--rdg-row-height)!important"
+              lineHeight: "var(--rdg-row-height)!important",
+              height: "28px",
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center"
             },
             '& .rdg-cell[role="columnheader"] [draggable="true"]': {
               ...o.typography.bodyDens,
@@ -4612,7 +4672,7 @@ const c = (o) => ({
       }
     }
   }
-}), E = (o) => ({
+}), O = (o) => ({
   M4LPager: {
     styleOverrides: {
       "&.M4LPager-root": {
@@ -4700,7 +4760,7 @@ const c = (o) => ({
       }
     }
   }
-}), _ = (o) => ({
+}), j = (o) => ({
   M4LCheckBox: {
     styleOverrides: {
       "&.M4LCheckBox-root": {
@@ -4756,7 +4816,7 @@ const c = (o) => ({
       }
     }
   }
-}), $ = (o) => ({
+}), G = (o) => ({
   M4LStack: {
     styleOverrides: {
       "&.M4LStack-root": {
@@ -4769,7 +4829,7 @@ const c = (o) => ({
       }
     }
   }
-}), U = (o) => ({
+}), N = (o) => ({
   M4LTabs: {
     styleOverrides: {
       "&.M4LTabs-root": {
@@ -4809,7 +4869,7 @@ const c = (o) => ({
       }
     }
   }
-}), q = (o) => ({
+}), E = (o) => ({
   M4LNoItemSelected: {
     styleOverrides: {
       "&.M4LNoItemSelected-root": {
@@ -4829,7 +4889,7 @@ const c = (o) => ({
       }
     }
   }
-}), Y = (o) => ({
+}), _ = (o) => ({
   M4LScrollBar: {
     styleOverrides: {
       "&.M4LScrollBar-root": {
@@ -4864,7 +4924,7 @@ const c = (o) => ({
       }
     }
   }
-}), J = (o) => ({
+}), $ = (o) => ({
   M4LGridLayout: {
     styleOverrides: {
       "&.M4LGridLayout-root": {
@@ -4872,7 +4932,7 @@ const c = (o) => ({
       }
     }
   }
-}), K = (o) => ({
+}), U = (o) => ({
   M4LTabContent: {
     styleOverrides: {
       "&.M4LTabContent-root": {
@@ -4892,7 +4952,7 @@ const c = (o) => ({
       }
     }
   }
-}), Q = (o) => ({
+}), q = (o) => ({
   M4LMenuActions: {
     styleOverrides: {
       "&.M4LMenuActions-root": {
@@ -4926,7 +4986,7 @@ const c = (o) => ({
       }
     }
   }
-}), X = (o) => ({
+}), Y = (o) => ({
   M4LPrintingSystem: {
     styleOverrides: {
       "&.M4LPrintingSystem-root": {
@@ -5108,7 +5168,7 @@ const c = (o) => ({
       }
     }
   }
-}), Z = (o) => ({
+}), J = (o) => ({
   M4LFormatter: {
     styleOverrides: {
       "&.M4LFormatter-root": {
@@ -5125,7 +5185,7 @@ const c = (o) => ({
       }
     }
   }
-}), oo = (o) => ({
+}), K = (o) => ({
   M4LoadingError: {
     styleOverrides: {
       "&.M4LoadingError-root": {
@@ -5184,7 +5244,7 @@ const c = (o) => ({
       }
     }
   }
-}), to = (o) => ({
+}), Q = (o) => ({
   M4LMFLoader: {
     styleOverrides: {
       "&.M4LMFLoader-root": {
@@ -5197,7 +5257,7 @@ const c = (o) => ({
       }
     }
   }
-}), eo = (o) => ({
+}), X = (o) => ({
   M4LLoadingButton: {
     styleOverrides: {
       "&.M4LLoadingButton-root": {
@@ -5429,7 +5489,7 @@ const c = (o) => ({
       }
     }
   }
-}), ro = (o) => ({
+}), Z = (o) => ({
   M4LToastContainer: {
     styleOverrides: {
       "&.M4LToastContainer-root": {
@@ -5507,7 +5567,7 @@ const c = (o) => ({
       }
     }
   }
-}), ao = (o) => ({
+}), oo = (o) => ({
   M4LPDFViewer: {
     styleOverrides: {
       "&.M4LPDFViewer-root": {
@@ -5524,52 +5584,52 @@ const c = (o) => ({
   }
 });
 export {
-  H as A,
-  F as B,
-  z as C,
-  W as D,
-  O as E,
-  j as F,
-  E as G,
-  _ as H,
-  $ as I,
-  U as J,
-  q as K,
-  Y as L,
-  eo as M,
-  J as N,
-  K as O,
-  Q as P,
-  X as Q,
-  Z as R,
-  oo as S,
-  to as T,
-  ro as U,
-  ao as V,
-  c as a,
-  V as b,
-  g as c,
-  x as d,
-  u as e,
-  b as f,
-  w as g,
-  M as h,
-  G as i,
-  y as j,
-  N as k,
-  L as l,
-  h as m,
-  f as n,
-  v as o,
-  k as p,
-  m as q,
-  C as r,
-  I as s,
-  B as t,
-  S as u,
-  R as v,
-  A as w,
-  T as x,
-  P as y,
-  D as z
+  A,
+  T as B,
+  D as C,
+  H as D,
+  F as E,
+  W as F,
+  O as G,
+  j as H,
+  G as I,
+  N as J,
+  E as K,
+  _ as L,
+  X as M,
+  $ as N,
+  U as O,
+  q as P,
+  Y as Q,
+  J as R,
+  K as S,
+  Q as T,
+  Z as U,
+  oo as V,
+  p as a,
+  P as b,
+  d as c,
+  l as d,
+  s as e,
+  c as f,
+  y as g,
+  g as h,
+  V as i,
+  x as j,
+  z as k,
+  u as l,
+  b as m,
+  M as n,
+  L as o,
+  w as p,
+  h as q,
+  f as r,
+  m as s,
+  v as t,
+  C as u,
+  k as v,
+  I as w,
+  B as x,
+  S as y,
+  R as z
 };