@m4l/styles 0.0.41 → 0.0.42

package/theme/overrides/M4LExtendedComponents/{index.8f5f04ca.js → index.ad4ae589.js}

@@ -1,6 +1,6 @@
 import { alpha as t } from "@mui/material/styles";
 import { alpha as e } from "@mui/system";
-import { P as r } from "../../palette.1b577d8c.js";
+import { P as r } from "../../palette.0590e8a6.js";
 const p = (o) => ({
   M4LDynamicFilter: {
     styleOverrides: {
@@ -994,13 +994,107 @@ const p = (o) => ({
 }), y = (o) => ({
   M4LSideBar: {
     styleOverrides: {
+      "&.M4LSideBar-root": {
+        "&.M4LSideBar-collapsed": {
+          "& .M4LSideBar-wrapperSideBar": {
+            height: "100%",
+            transition: "all 0.3s"
+          }
+        },
+        "& .M4LSideBar-wrapperSideBar": {
+          "& .M4LSideBar-areaExpandMenu": {
+            position: "absolute",
+            zIndex: "1",
+            height: "100%",
+            transition: "all 0.3s",
+            "& .M4LSideBar-contentDesktop": {
+              display: "flex",
+              width: "100%",
+              height: "100%",
+              boxShadow: o.customShadows.z2,
+              "& .M4LSideBar-containerContentGroupsFooter": {
+                flexGrow: "1",
+                display: "flex",
+                flexDirection: "column",
+                height: "100%",
+                position: "relative",
+                borderRight: "1px solid",
+                borderColor: o.palette.state.borderPrimary,
+                backgroundColor: o.palette.background.default,
+                "& .M4LSideBar-contentGroups": {
+                  padding: "32px 8px",
+                  "& .M4LSideBar-wrapperGroup": {
+                    overflow: "hidden",
+                    "& .M4LSideBar-navItemRootContent": {
+                      overflow: "hidden,"
+                    }
+                  }
+                },
+                "& .M4LSideBar-footer": {
+                  display: "flex",
+                  padding: "10px 5px",
+                  borderTop: "1px solid",
+                  borderColor: o.palette.state.borderDisable,
+                  justifyContent: "center",
+                  gap: "24px",
+                  alignItems: "center",
+                  height: "48px",
+                  minHeight: "48px",
+                  flexDirection: "row-reverse",
+                  overflow: "hidden",
+                  "& .M4LSideBar-wrapperLogoFooter": {
+                    width: "100%",
+                    height: "100%",
+                    "& .M4LSideBar-containerLogoButtonLogo": {
+                      display: "flex",
+                      justifyContent: "center",
+                      alignItems: "center"
+                    }
+                  }
+                }
+              },
+              "& .M4LSideBar-collapseButtonSecondary": {
+                height: "100%",
+                cursor: "pointer"
+              }
+            }
+          }
+        }
+      },
       "&.M4LSideBar-root.M4LSideBar-variantDefault": {
         height: "100%",
-        maxWidth: "220px",
         background: o.palette.background.default,
-        paddingTop: "24px",
-        borderRight: "1.5px solid",
-        borderColor: o.palette.state.borderPrimary,
+        position: "relative",
+        "& .M4LIconButton-sizeSmall": {
+          width: "20px",
+          height: "20px",
+          minWidth: "20px",
+          minHeight: "20px",
+          "& .MuiButtonBase-root": {
+            width: "20px",
+            height: "20px"
+          }
+        },
+        "&:hover": {
+          "& .M4LSideBar-collapseButton": {
+            opacity: "1!important",
+            transition: "all 0.3s"
+          }
+        },
+        "& .M4LSideBar-collapseButton": {
+          position: "absolute",
+          top: "16px",
+          right: "-8px",
+          borderRadius: "4px",
+          backgroundColor: `${o.palette.background.default}!important`,
+          transition: "all 0.3s",
+          boxShadow: o.customShadows.z1,
+          zIndex: "1"
+        },
+        "&:not(.M4LSideBar-collapsed) .M4LSideBar-collapseButton": {
+          opacity: 0,
+          transition: "all 0.3s"
+        },
         "& .M4LSideBar-subItemActive": {
           "& .M4LIcon-icon": {
             backgroundColor: `${o.palette.state.focus}!important`
@@ -1008,8 +1102,6 @@ const p = (o) => ({
         },
         "&.M4LSideBar-collapsed": {
           "& .M4LSideBar-wrapperSideBar": {
-            width: "52px",
-            transition: "width 0.1s ease",
             "& .M4LSideBar-contentDesktop": {
               "& .M4LSideBar-containerSideBarLogo": {
                 marginTop: "0px",
@@ -1026,15 +1118,12 @@ const p = (o) => ({
             }
           }
         },
-        [o.breakpoints.down("sm")]: {
+        [o.breakpoints.down("md")]: {
           width: "0px",
           height: "0px",
           padding: "0px"
         },
         "& .M4LSideBar-wrapperSideBar": {
-          height: "100%",
-          width: "219px",
-          transition: "width 0.1s ease",
           "& .M4LSideBar-containerSideBarLogo": {
             display: "flex",
             justifyContent: "flex-start",
@@ -1081,7 +1170,6 @@ const p = (o) => ({
             },
             "& .M4LSideBar-wrapperGroup": {
               height: "100%",
-              padding: "0 8px",
               "& .M4LScrollBar-root": {
                 overflow: "hidden",
                 height: "100%",
@@ -1090,6 +1178,8 @@ const p = (o) => ({
               "& .M4LSideBar-wrapperGroupTitle": {
                 height: "28px",
                 padding: "0px 0px 0px 12px",
+                display: "flex",
+                alignItems: "center",
                 "& .M4LTypography-root": {
                   display: "flex",
                   width: "100%",
@@ -1120,6 +1210,7 @@ const p = (o) => ({
                   }
                 },
                 "&.M4LSideBar-itemMainActive": {
+                  background: o.palette.state.active12,
                   borderRadius: "4px",
                   height: "auto",
                   "& .M4LSideBar-navItemMainRoot": {
@@ -1166,8 +1257,7 @@ const p = (o) => ({
                 },
                 "& .M4LSideBar-navItemRootContent": {
                   display: "flex",
-                  padding: "4px 8px 4px 8px",
-                  justifyContent: "center",
+                  padding: "12px 8px",
                   borderRadius: "4px 0px 0px 4px",
                   position: "relative",
                   "& .M4LSideBar-navItemRootContentIconTypo": {
@@ -1175,7 +1265,7 @@ const p = (o) => ({
                     gap: "8px",
                     width: "100%",
                     "& .M4LIcon-icon": {
-                      backgroundColor: o.palette.text.primary,
+                      backgroundColor: o.palette.text.secondary,
                       width: "18px",
                       height: "18px"
                     },
@@ -1286,30 +1376,15 @@ const p = (o) => ({
               backgroundColor: o.palette.text.primary
             }
           },
-          "& .M4LSideBar-collapseButton": {
-            display: "flex",
-            padding: "12px 44px 12px 14px",
-            borderTop: "1px solid",
-            borderColor: o.palette.state.borderDisable,
-            justifyContent: "flex-end",
-            gap: "24px",
-            alignItems: "center",
-            height: "48px",
-            width: "220px",
-            minHeight: "48px",
-            flexDirection: "row-reverse",
+          "& .M4LSideBar-footer": {
             "& .M4LSideBar-containerLogoButton": {
               display: "flex",
               gap: "14px",
               width: "120px"
             },
             "& .M4LSideBar-containerLogoButtonLogo": {
-              width: "120px",
-              height: "32px",
-              "& .M4LSideBar-containerLogoButtonIcon": {
-                display: "flex",
-                alignItems: "center"
-              }
+              minWidth: "120px",
+              height: "32px"
             }
           }
         }
@@ -1339,14 +1414,12 @@ const p = (o) => ({
             }
           }
         },
-        [o.breakpoints.down("sm")]: {
+        [o.breakpoints.down("md")]: {
           width: "0px",
           height: "0px",
           padding: "0px"
         },
         "& .M4LSideBar-wrapperSideBar": {
-          height: "100%",
-          width: "250px",
           "& .M4LSideBar-containerSideBarLogo": {
             display: "flex",
             justifyContent: "flex-start",
@@ -1423,6 +1496,7 @@ const p = (o) => ({
                   }
                 },
                 "&.M4LSideBar-itemMainActive": {
+                  background: o.palette.state.active12,
                   borderRadius: "4px",
                   "& .M4LSideBar-navItemMainRoot": {
                     background: o.palette.state.active12,
@@ -1578,26 +1652,14 @@ const p = (o) => ({
               backgroundColor: o.palette.text.primary
             }
           },
-          "& .M4LSideBar-collapseButton": {
-            display: "flex",
-            paddingTop: "12px",
-            borderTop: "1px solid",
-            borderColor: o.palette.state.hoverDefault,
-            justifyContent: "flex-end",
-            marginRight: "14px",
-            marginLeft: "14px",
-            gap: "40px",
-            alignItems: "center",
-            height: "48px",
-            minHeight: "48px",
-            flexDirection: "row-reverse",
+          "& .M4LSideBar-footer": {
             "& .M4LSideBar-containerLogoButton": {
               display: "flex",
               gap: "14px",
               width: "120px"
             },
             "& .M4LSideBar-containerLogoButtonLogo": {
-              width: "120px",
+              minWidth: "120px",
               height: "32px",
               "& .M4LSideBar-containerLogoButtonIcon": {
                 display: "flex",
@@ -1771,7 +1833,7 @@ const p = (o) => ({
             height: "100%",
             display: "flex",
             flexDirection: "column",
-            paddingTop: "24px",
+            padding: "8px",
             "& .M4LSideBar-containerSideBarLogo": {
               display: "flex",
               justifyContent: "flex-start",
@@ -1821,7 +1883,6 @@ const p = (o) => ({
               },
               "& .M4LSideBar-wrapperGroup": {
                 height: "100%",
-                padding: "0px 8px",
                 "& .M4LSideBar-wrapperGroupTitle": {
                   height: "28px",
                   padding: "0px 0px 0px 12px",
@@ -1833,7 +1894,7 @@ const p = (o) => ({
                       overflow: "hidden",
                       textOverflow: "ellipsis",
                       textWrap: "nowrap",
-                      ...o.typography.bodyDens,
+                      ...o.typography.paragraphDens,
                       textTransform: "capitalize"
                     }
                   }
@@ -1856,6 +1917,7 @@ const p = (o) => ({
                   },
                   "&.M4LSideBar-itemMainActive": {
                     borderRadius: "4px",
+                    background: o.palette.state.active12,
                     "& .M4LSideBar-navItemMainRoot": {
                       background: o.palette.state.active12,
                       "&:hover": {
@@ -2019,25 +2081,14 @@ const p = (o) => ({
                 backgroundColor: o.palette.text.primary
               }
             },
-            "& .M4LSideBar-collapseButton": {
-              display: "flex",
-              paddingTop: "12px",
-              borderTop: "1px solid",
-              borderColor: o.palette.state.hoverDefault,
-              justifyContent: "flex-end",
-              marginRight: "14px",
-              marginLeft: "14px",
-              gap: "20px",
-              alignItems: "center",
-              height: "48px",
-              minHeight: "48px",
+            "& .M4LSideBar-footer": {
               "& .M4LSideBar-containerLogoButton": {
                 display: "flex",
                 gap: "14px",
                 width: "120px"
               },
               "& .M4LSideBar-containerLogoButtonLogo": {
-                width: "120px",
+                minWidth: "120px",
                 height: "32px",
                 "& .M4LSideBar-containerLogoButtonIcon": {
                   display: "flex",
@@ -2132,8 +2183,9 @@ const p = (o) => ({
                   },
                   "&.M4LSideBar-itemMainActive": {
                     borderRadius: "4px",
+                    background: o.palette.state.active12,
                     "& .M4LSideBar-navItemMainRoot": {
-                      background: "transparent",
+                      background: o.palette.state.active12,
                       "&:hover": {
                         background: t(o.palette.state.active || "#fff", 0.24),
                         cursor: "pointer"
@@ -2372,6 +2424,7 @@ const p = (o) => ({
                               },
                               "&.M4LSideBar-itemMainActive": {
                                 borderRadius: "4px",
+                                background: o.palette.state.active12,
                                 "& .M4LSideBar-navItemMainRoot": {
                                   background: o.palette.state.active12,
                                   "&:hover": {
@@ -2526,25 +2579,14 @@ const p = (o) => ({
                             backgroundColor: o.palette.text.primary
                           }
                         },
-                        "& .M4LSideBar-collapseButton": {
-                          display: "flex",
-                          paddingTop: "12px",
-                          borderTop: "1px solid",
-                          borderColor: o.palette.state.hoverDefault,
-                          justifyContent: "flex-end",
-                          marginRight: "14px",
-                          marginLeft: "14px",
-                          gap: "20px",
-                          alignItems: "center",
-                          height: "48px",
-                          minHeight: "48px",
+                        "& .M4LSideBar-footer": {
                           "& .M4LSideBar-containerLogoButton": {
                             display: "flex",
                             gap: "14px",
                             width: "120px"
                           },
                           "& .M4LSideBar-containerLogoButtonLogo": {
-                            width: "120px",
+                            minWidth: "120px",
                             height: "32px",
                             "& .M4LSideBar-containerLogoButtonIcon": {
                               display: "flex",
@@ -2561,25 +2603,14 @@ const p = (o) => ({
                 backgroundColor: o.palette.text.primary
               }
             },
-            "& .M4LSideBar-collapseButton": {
-              display: "flex",
-              paddingTop: "12px",
-              borderTop: "1px solid",
-              borderColor: o.palette.state.hoverDefault,
-              justifyContent: "flex-end",
-              marginRight: "14px",
-              marginLeft: "14px",
-              gap: "20px",
-              alignItems: "center",
-              height: "48px",
-              minHeight: "48px",
+            "& .M4LSideBar-footer": {
               "& .M4LSideBar-containerLogoButton": {
                 display: "flex",
                 gap: "14px",
                 width: "120px"
               },
               "& .M4LSideBar-containerLogoButtonLogo": {
-                width: "120px",
+                minWidth: "120px",
                 height: "32px",
                 "& .M4LSideBar-containerLogoButtonIcon": {
                   display: "flex",
@@ -2592,7 +2623,7 @@ const p = (o) => ({
       }
     }
   }
-}), h = (o) => ({
+}), f = (o) => ({
   M4LAreasAdmin: {
     styleOverrides: {
       "&.M4LAreasAdmin-root": {
@@ -3024,7 +3055,7 @@ const p = (o) => ({
       }
     }
   }
-}), f = (o) => ({
+}), h = (o) => ({
   M4LAreasViewer: {
     styleOverrides: {
       "&.M4LAreasViewer-root": {
@@ -4124,7 +4155,7 @@ const p = (o) => ({
       }
     }
   }
-}), I = (o) => ({
+}), k = (o) => ({
   M4LMasterDetailLayout: {
     styleOverrides: {
       "&.M4LMasterDetailLayout-root": {
@@ -4157,7 +4188,7 @@ const p = (o) => ({
       }
     }
   }
-}), B = (o) => ({
+}), I = (o) => ({
   M4LSplitLayout: {
     styleOverrides: {
       "&.M4LSplitLayout-root": {
@@ -4279,7 +4310,7 @@ const p = (o) => ({
       }
     }
   }
-}), k = (o) => ({
+}), B = (o) => ({
   M4LCommonActions: {
     styleOverrides: {
       "&.M4LCommonActions-root": {
@@ -4643,7 +4674,7 @@ const p = (o) => ({
       }
     }
   }
-}), D = (o) => ({
+}), P = (o) => ({
   M4LRHFormProvider: {
     styleOverrides: {
       "&.M4LRHFormProvider-root": {
@@ -4658,123 +4689,121 @@ const p = (o) => ({
       }
     }
   }
-}), P = (o) => ({
+}), D = (o) => ({
   M4LPeriod: {
     styleOverrides: {
       "&.M4LPeriod-root": {
-        border: "solid 1.3px",
+        border: "solid 1px",
         borderColor: o.palette.state.borderPrimary,
         display: "flex",
         width: "100%",
-        minHeight: "22px !important",
-        height: "24px !important",
+        height: "auto",
         borderRadius: "4px",
-        "& .M4LPeriod-stateReadOnly": {},
-        "& .M4LPeriod-gap": {
-          backgroundColor: "transparent"
-        },
-        "& .M4LIcon-root": {
-          padding: "0 8px",
-          minHeight: "22px",
-          minWidth: "22px",
-          borderLeft: "1.3px solid",
-          borderColor: o.palette.state.borderPrimary
+        transition: "all .2s",
+        [o.breakpoints.down("md")]: {
+          flexDirection: "column"
         },
-        "& .M4LPeriod-containerDateLabel": {
+        "& .M4LPeriod-skeleton": {
           width: "100%",
-          height: "100% !important",
-          padding: "0px 0px 0px 8px",
-          borderRight: "1px solid",
-          borderColor: o.palette.state.borderPrimary
-        },
-        "& .M4LPeriod-containerDateValue": {
           display: "flex",
-          width: "100%",
-          padding: "0px 0px 0px 8px"
-        },
-        "&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod": {
-          width: "100%",
-          height: "22px",
-          "& .MuiAutocomplete-root": {
+          [o.breakpoints.down("md")]: {
+            flexDirection: "column"
+          },
+          "& .M4LPeriod-skeletonFieldPrimary": {
             width: "100%",
-            height: "22px",
+            paddingLeft: "12px",
+            borderRight: "1px solid",
+            display: "flex",
+            alignItems: "center",
             borderColor: o.palette.state.borderPrimary,
-            "& .MuiFormControl-root": {
-              height: "22px !important",
-              minHeight: "22px !important",
-              width: "100%",
-              borderRight: "solid 1.3px",
-              borderColor: o.palette.state.borderPrimary,
-              "& .MuiInputBase-root": {
-                height: "22px !important",
-                width: "100%",
-                gap: "16px",
-                padding: "0 0 0 8px",
-                background: "transparent",
-                "& .MuiInputBase-input": {
-                  padding: "0",
-                  height: "22px"
-                },
-                "& .MuiAutocomplete-endAdornment": {
-                  position: "relative",
-                  minHeight: "22x",
-                  height: "22px",
-                  "& .MuiButtonBase-root": {
-                    padding: "0",
-                    display: "inline",
-                    margin: "0",
-                    height: "22px !important",
-                    "& .MuiSvgIcon-root": {
-                      height: "22px",
-                      width: "22px"
-                    }
-                  }
-                }
-              }
+            [o.breakpoints.down("md")]: {
+              borderRight: "0",
+              borderBottom: "1px solid",
+              borderColor: o.palette.state.borderPrimary
             }
           },
-          "& .MuiFormControl-root": {
-            height: "22px !important",
-            minHeight: "22px !important",
+          "& .M4LPeriod-skeletonFieldSecondary": {
             width: "100%",
-            "& .MuiInputBase-root": {
-              height: "22px !important",
-              width: "100%",
-              gap: "16px",
-              padding: "0 0 0 8px",
-              background: "transparent",
-              "& .MuiInputBase-input": {
-                padding: "0",
-                height: "22px"
-              }
-            }
+            paddingLeft: "12px",
+            display: "flex",
+            alignItems: "center"
+          }
+        },
+        "&:hover": {
+          borderColor: o.palette.state.hover
+        },
+        "&.M4LPeriod-isFocus": {
+          borderColor: o.palette.state.active
+        },
+        "& .MuiAutocomplete-root": {
+          width: "100%",
+          borderRadius: 0,
+          borderRight: "1px solid",
+          borderColor: o.palette.state.borderPrimary,
+          [o.breakpoints.down("md")]: {
+            borderRight: 0,
+            borderBottom: "1px solid",
+            borderColor: o.palette.state.borderPrimary
+          },
+          "& .MuiInput-root": {
+            backgroundColor: "transparent"
+          },
+          "& .MuiInput-input": {
+            padding: "0"
+          }
+        },
+        "& .MuiTextField-root": {
+          width: "100%",
+          "& .MuiInputBase-root.MuiInput-root": {
+            padding: "0 0 0 12px",
+            height: "100%",
+            backgroundColor: "transparent"
+          }
+        },
+        "&.M4LPeriod-sizeSmall": {
+          "& .MuiAutocomplete-hasPopupIcon": {
+            height: "24px"
           },
           "& .MuiTextField-root": {
+            height: "24px"
+          },
+          "& .M4LPeriod-skeletonFieldPrimary": {
+            height: "24px"
+          },
+          "& .M4LPeriod-skeletonFieldSecondary": {
             width: "100%",
-            minHeight: "22px",
-            height: "fit-content",
-            "& .MuiInputBase-root": {
-              minHeight: "22px",
-              padding: "0 0 0 4px",
-              background: "transparent"
-            },
-            "& .MuiInputBase-root.Mui-focused": {
-              paddingLeft: "4px",
-              borderColor: o.palette.state.active
-            },
-            "& .MuiInputBase-root:hover": {
-              paddingLeft: "4px",
-              background: o.palette.state.active12,
-              padding: "0px 0px 0px 4px"
-            }
+            height: "24px",
+            paddingLeft: "12px"
+          }
+        },
+        "&.M4LPeriod-sizeMedium": {
+          "& .MuiAutocomplete-hasPopupIcon": {
+            height: "36px"
           },
-          "&:hover": {
-            borderColor: o.palette.state.hover,
-            "& .MuiAutocomplete-root": {
-              borderColor: o.palette.state.active12
-            }
+          "& .MuiTextField-root": {
+            height: "36px"
+          },
+          "& .M4LPeriod-skeletonFieldPrimary": {
+            height: "36px"
+          },
+          "& .M4LPeriod-skeletonFieldSecondary": {
+            width: "100%",
+            height: "36px",
+            paddingLeft: "12px"
           }
         },
+        "& .M4LPeriod-containerDateLabel": {
+          width: "100%",
+          height: "100% !important",
+          padding: "0px 0px 0px 8px",
+          borderRight: "1px solid",
+          borderColor: o.palette.state.borderPrimary
+        },
+        "& .M4LPeriod-containerDateValue": {
+          display: "flex",
+          width: "100%",
+          padding: "0px 0px 0px 8px"
+        },
         "&.M4LPeriod-stateError": {
           borderColor: o.palette.state.error.normal,
           boxShadow: o.customShadows.z2,
@@ -4787,7 +4816,6 @@ const p = (o) => ({
             width: "100%",
             background: "transparent",
             "& .MuiInputBase-root:hover": {
-              paddingLeft: "4px",
               background: o.palette.error.opacity,
               height: "100%"
             }
@@ -4803,8 +4831,7 @@ const p = (o) => ({
             "& .MuiTextField-root:hover": {
               background: "transparent",
               "& .MuiInputBase-root:hover": {
-                background: o.palette.warning.opacity,
-                paddingLeft: "4px"
+                background: o.palette.warning.opacity
               }
             }
           }
@@ -4819,8 +4846,7 @@ const p = (o) => ({
             "& .MuiTextField-root:hover": {
               background: "transparent",
               "& .MuiInputBase-root:hover": {
-                background: o.palette.success.opacity,
-                paddingLeft: "4px"
+                background: o.palette.success.opacity
               }
             }
           }
@@ -4835,61 +4861,10 @@ const p = (o) => ({
             "& .MuiTextField-root:hover": {
               background: "transparent",
               "& .MuiInputBase-root:hover": {
-                paddingLeft: "4px",
                 background: o.palette.info.opacity
               }
             }
           }
-        },
-        [o.breakpoints.down("sm")]: {
-          minHeight: "40px !important",
-          height: "auto !important",
-          "&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod": {
-            height: "100% !important",
-            minHeight: "38px !important",
-            "& .MuiAutocomplete-root": {
-              height: "100% !important",
-              minHeight: "38px !important",
-              "& .MuiFormControl-root": {
-                height: "100% !important",
-                minHeight: "38px !important",
-                "& .MuiInputBase-root": {
-                  height: "100% !important",
-                  minHeight: "38px !important",
-                  "& .MuiInputBase-input": {
-                    minHeight: "38px !important",
-                    height: "100% !important"
-                  },
-                  "& .MuiAutocomplete-endAdornment": {
-                    minHeight: "38px !important",
-                    height: "100% !important",
-                    "& .MuiButtonBase-root": {
-                      minHeight: "36px !important",
-                      minWidth: "36px !important",
-                      height: "100% !important",
-                      "& .MuiSvgIcon-root": {
-                        minHeight: "24px !important",
-                        minWidth: "24px !important",
-                        height: "100% !important"
-                      }
-                    }
-                  }
-                }
-              }
-            },
-            "& .MuiFormControl-root": {
-              height: "100% !important",
-              minHeight: "38px !important",
-              "& .MuiInputBase-root": {
-                height: "100% !important",
-                minHeight: "38px !important",
-                "& .MuiInputBase-input": {
-                  height: "100% !important",
-                  minHeight: "38px !important"
-                }
-              }
-            }
-          }
         }
       }
     }
@@ -5091,7 +5066,7 @@ const p = (o) => ({
       }
     }
   }
-}), O = (o) => ({
+}), z = (o) => ({
   M4LBadge: {
     styleOverrides: {
       "&.M4LBadge-root": {
@@ -5122,7 +5097,7 @@ const p = (o) => ({
       }
     }
   }
-}), z = (o) => ({
+}), V = (o) => ({
   M4LDataGrid: {
     styleOverrides: {
       "&.M4LDataGrid-root": {
@@ -5279,6 +5254,19 @@ const p = (o) => ({
               alignItems: "center",
               textOverflow: "inline",
               gridTemplateColumns: "auto",
+              "& .rdg-text-editor": {
+                textAlign: "inherit",
+                color: o.palette.text.secondary,
+                padding: "0 8px",
+                lineHeight: "var(--rdg-row-height)!important",
+                border: "0",
+                borderTop: "0.5px solid",
+                borderBottom: "1px solid",
+                borderLeft: "0.5px solid",
+                borderRight: "0.5px solid",
+                borderColor: `${o.palette.state.borderDisable}!important`,
+                ...o.typography.body
+              },
               "&.rdg-cell-frozen": {
                 display: "flex",
                 justifyContent: "center",
@@ -5438,7 +5426,7 @@ const p = (o) => ({
       }
     }
   }
-}), V = (o) => ({
+}), O = (o) => ({
   M4LPager: {
     styleOverrides: {
       "&.M4LPager-root": {
@@ -5531,23 +5519,38 @@ const p = (o) => ({
     styleOverrides: {
       "&.M4LCheckBox-root": {
         display: "flex",
-        flexDirection: "column",
-        gap: o.spacing(0.5),
+        gap: "8px",
+        width: "100%",
+        "& .M4LCheckBox-skeleton": {
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+          width: "36px",
+          height: "36px"
+        },
         "& .MuiTypography-root": {
           color: o.palette.text.primary,
           ...o.typography.body
         },
-        "& .M4LCheckBox-small .MuiButtonBase-root": {
-          width: "20px",
-          height: "20px"
+        "&.M4LCheckBox-small ": {
+          "& .MuiButtonBase-root": {
+            width: "24px",
+            height: "24px"
+          }
         },
         "& .MuiCheckbox-root .MuiSvgIcon-fontSizeSmall": {
           width: "16px",
           height: "16px"
         },
-        "& .M4LCheckBox-medium .MuiButtonBase-root": {
-          width: "24px",
-          height: "24px"
+        "&.M4LCheckBox-medium": {
+          "& .MuiButtonBase-root": {
+            width: "24px",
+            height: "24px"
+          },
+          "& .M4LCheckBox-skeleton": {
+            width: "24px",
+            height: "24px"
+          }
         },
         "& .MuiCheckbox-root .MuiSvgIcon-fontSizeMedium": {
           width: "20px",
@@ -6421,9 +6424,11 @@ const p = (o) => ({
         alignItems: "center",
         padding: "8px 80px",
         minHeight: "80px",
-        backgroundColor: o.palette.background.neutral,
+        backgroundColor: o.palette.background.default,
         position: "fixed",
         zIndex: "100",
+        borderBottom: "1px solid rgba(9, 30, 66, 0.10)",
+        boxShadow: "rgba(36, 59, 70, 0.12)",
         [o.breakpoints.down("md")]: {
           padding: "8px 24px"
         }
@@ -6459,15 +6464,38 @@ const p = (o) => ({
       }
     }
   }
+}), io = (o) => ({
+  M4LFieldLabel: {
+    styleOverrides: {
+      "&.M4LFieldLabel-root": {
+        display: "flex",
+        alignItems: "center",
+        flexWrap: "wrap",
+        width: "100%",
+        "& .M4LFieldLabel-mandatory": {
+          marginLeft: "2px",
+          "& .MuiTypography-root": {
+            color: o.palette.error.main
+          }
+        },
+        "& .M4LFieldLabel-tooltip": {
+          marginLeft: "6px",
+          "& .M4LIcon-root .M4LIcon-icon": {
+            backgroundColor: o.palette.info.main
+          }
+        }
+      }
+    }
+  }
 });
 export {
   T as A,
   A as B,
-  P as C,
+  D as C,
   H as D,
   F as E,
   W as F,
-  V as G,
+  O as G,
   j as H,
   G as I,
   N as J,
@@ -6487,30 +6515,31 @@ export {
   eo as X,
   ro as Y,
   ao as Z,
+  io as _,
   p as a,
-  D as b,
+  P as b,
   d as c,
   l as d,
   s as e,
   c as f,
   L as g,
   g as h,
-  O as i,
+  z as i,
   x as j,
-  z as k,
+  V as k,
   u as l,
   b as m,
   M as n,
   y as o,
   w as p,
-  h as q,
-  f as r,
+  f as q,
+  h as r,
   v as s,
   m as t,
   C as u,
-  I as v,
-  B as w,
-  k as x,
+  k as v,
+  I as w,
+  B as x,
   S as y,
   R as z
 };