@m4l/styles 1.0.0 → 1.0.2

package/theme/overrides/M4LExtendedComponents/{index.21814c8d.js → index.b495bc12.js}

@@ -6,311 +6,6 @@ import { P as e } from "../../palette.287635f2.js";
 import "../../typography.2a9a38a6.js";
 import "@mui/material";
 const c = (o) => ({
-  M4LDynamicFilter: {
-    styleOverrides: {
-      "&.M4LDynamicFilter-root": {
-        borderRadius: "4px",
-        background: o.vars.palette.background.default,
-        padding: "0px",
-        border: "1px solid",
-        borderColor: o.vars.palette.state.borderPrimary,
-        height: "fit-content",
-        [o.breakpoints.down("sm")]: {
-          minHeight: "auto",
-          height: "auto"
-        },
-        "&.M4LDynamicFilter-isMobile": {
-          "& .M4LDynamicFilter-containerFistRow": {
-            "& .M4LDynamicFilter-containerClearFilter": {
-              borderLeft: "1px solid",
-              borderColor: o.vars.palette.state.borderPrimary
-            }
-          },
-          "& .M4LDynamicFilter-wrapperApplyedFilters": {
-            display: "flex",
-            borderTop: "1px solid ",
-            borderColor: o.vars.palette.state.borderSecondary,
-            height: "fit-content"
-          }
-        },
-        "&.M4LDynamicFilter-isEmpty": {
-          "& .M4LDynamicFilter-wrapperApplyedFilters": {
-            [o.breakpoints.down("sm")]: {
-              display: "none",
-              height: "100%"
-            },
-            "& .MuiBox-root": {
-              height: "fit-content"
-            }
-          }
-        },
-        "& .simplebar-content": {
-          height: "100%"
-        },
-        "& .M4LDynamicFilter-containerFistRow": {
-          height: "32px",
-          width: "100%",
-          [o.breakpoints.down("sm")]: {
-            height: "44px",
-            display: "flex",
-            flexDirection: "row",
-            alignItems: "center",
-            justifyContent: "center"
-          },
-          "& .M4LDynamicFilter-containerInputFilter": {
-            width: "100%",
-            alignItems: "center",
-            maxWidth: "100%",
-            color: o.vars.palette.text.secondary,
-            border: "1px solid",
-            borderColor: "transparent",
-            [o.breakpoints.down("sm")]: {
-              height: "100%",
-              padding: "8px"
-            }
-          }
-        },
-        "&.M4LDynamicFilter-isInvalid": {
-          borderColor: o.vars.palette.state.error.normal
-        },
-        "& .M4LDynamicFilter-containerClearFilter": {
-          display: "flex",
-          flexDirection: "row",
-          gap: "8px",
-          padding: "4px",
-          height: "100%",
-          alignItems: "center",
-          borderTopRightRadius: "4px",
-          borderBottomRightRadius: "4px",
-          borderLeft: "1px solid",
-          borderColor: o.vars.palette.state.borderPrimary,
-          "& .M4LIconButton-root .M4LDynamicFilter-filterButton": {
-            background: o.vars.palette.state.focus
-          }
-        },
-        "& .M4LDynamicFilter-containerInputFilter": {
-          display: "flex",
-          flexDirection: "row",
-          gap: "8px",
-          padding: "4px 6px 4px 4px",
-          height: "100%",
-          maxWidth: "135px",
-          width: "100%",
-          alignItems: "center",
-          borderTopLeftRadius: "4px",
-          borderBottomLeftRadius: "4px",
-          borderRight: "1px solid",
-          borderColor: o.vars.palette.state.borderPrimary,
-          "& > input": {
-            background: o.vars.palette.background.default,
-            ...o.colorSchemes.finalTheme.typography.body,
-            color: o.vars.palette.text.secondary,
-            border: "1px solid",
-            borderColor: "transparent",
-            padding: "4px 8px",
-            width: "100%",
-            height: "100%",
-            "&::placeholder": {
-              color: o.vars.palette.text.secondary
-            },
-            "&:focus-visible": {
-              color: o.vars.palette.text.secondary,
-              border: "1px solid",
-              borderColor: o.vars.palette.state.active12,
-              background: o.vars.palette.state.active12,
-              BorderRadius: "2px",
-              outline: "none!important"
-            },
-            "&:hover": {
-              borderColor: o.vars.palette.state?.toneOp,
-              background: o.vars.palette.state.hoverDefault
-            }
-          }
-        },
-        "& .M4LDynamicFilter-wrapperApplyedFilters": {
-          borderLeft: "none",
-          height: "fit-content",
-          margin: "0px",
-          padding: "0px 4px",
-          [o.breakpoints.down("sm")]: {
-            height: "auto",
-            padding: "4px"
-          }
-        },
-        "& .M4LDynamicFilter-containerApplyedFilters": {
-          padding: "2px",
-          gap: "4px",
-          height: "fit-content",
-          display: "flex",
-          flexWrap: "wrap",
-          [o.breakpoints.down("sm")]: {
-            padding: "0px"
-          }
-        },
-        "& .M4LDynamicFilter-applyedFilter": {
-          border: "none",
-          height: "24px",
-          display: "flex",
-          alignItems: "center",
-          borderRadius: "4px",
-          background: o.vars.palette.state.default,
-          color: o.vars.palette.text.secondary,
-          ...o.colorSchemes.finalTheme.typography.body,
-          [o.breakpoints.down("sm")]: {
-            height: "fit-content"
-          },
-          "& .css-5ca9fi": {
-            ...o.colorSchemes.finalTheme.typography.body
-          },
-          "& .css-1wytxsy": {
-            ...o.colorSchemes.finalTheme.typography.body
-          }
-        }
-      }
-    }
-  },
-  M4LDynamicFilterPopoverMenuFields: {
-    styleOverrides: {
-      "&.M4LDynamicFilter-popoverMenuFields": {
-        "& .M4LDynamicFilter-popoverMenuFieldsPaper": {
-          display: "flex",
-          flexDirection: "column",
-          padding: "8px",
-          gap: "4px",
-          borderRadius: "6px",
-          "& .M4LDynamicFilter-popoverMenuFieldsItem": {
-            paddingLeft: "4px",
-            paddingRight: "4px",
-            borderRadius: "4px",
-            "& .M4LDynamicFilter-classespopoverLabelMemuItem": {
-              ...o.colorSchemes.finalTheme.typography.body,
-              color: o.vars.palette.text.primary
-            },
-            "& .M4LDynamicFilter-popoverMenuFieldsItem:hover": {
-              ...o.colorSchemes.finalTheme.typography.body,
-              color: o.vars.palette.state.hover,
-              background: o.vars.palette.state.default,
-              borderRadius: "4px",
-              padding: "4px 12px 4px 8px",
-              boxShadow: o.customShadows?.z2
-            }
-          },
-          [o.breakpoints.down("md")]: {
-            padding: "12px",
-            gap: "4px"
-          }
-        }
-      }
-    }
-  },
-  M4LDynamicFilterPopoverFilter: {
-    styleOverrides: {
-      "&.M4LDynamicFilter-popoverFilter": {
-        width: "auto",
-        "& .M4LDynamicFilter-popoverFilterPaper": {
-          padding: "0px",
-          minWidth: "220px",
-          maxWidth: "100%",
-          minHeight: "auto",
-          boxShadow: o.customShadows?.z2,
-          "& .M4LPopover-arrowStyle": {
-            background: "none"
-          },
-          "& .M4LRHFormProvider-root": {
-            gap: "0px",
-            width: "max-content",
-            minWidth: "220px",
-            maxWidth: "420px",
-            height: "fit-content",
-            "& .M4LDynamicFilter-popoverFilterHeader": {
-              background: o.vars.palette.state.default,
-              display: "flex",
-              gap: "8px",
-              padding: "4px 4px 4px 8px",
-              borderTopLeftRadius: "4px",
-              borderTopRightRadius: "4px",
-              borderBottom: "0px",
-              height: "28px",
-              "& .M4LIcon-root": {
-                "& .M4LIcon-icon": {}
-              },
-              "& .MuiTypography-root": {
-                ...o.colorSchemes.finalTheme.typography.paragraphDens,
-                color: o.vars.palette.text.primary,
-                "& .MuiTypography-root": {}
-              }
-            },
-            "& .M4LDynamicFilter-popoverContainerFields": {
-              height: "fit-content",
-              [`& .M4LDynamicFilter-containerStringFilter,
-                                  & .M4LDynamicFilter-containerBooleanFilter,
-                                  & .M4LDynamicFilter-containerNumberFilter,
-                                  & .M4LDynamicFilter-containerDateTimeFilter,
-                                  & .M4LDynamicFilter-containerSelectFilter
-                                `]: {
-                display: "flex",
-                height: "auto",
-                flexDirection: "column",
-                padding: "12px 12px 0 12px",
-                gap: "8px"
-              }
-            },
-            "& .M4LCommonActions-root": {
-              display: "flex",
-              flexDirection: "row",
-              gap: "16px",
-              padding: "16px 12px 12px 12px",
-              ".M4LButton-root": {
-                height: "24px"
-              }
-            }
-          }
-        },
-        [o.breakpoints.down("sm")]: {
-          "& .M4LDynamicFilter-popoverFilterPaper": {
-            "& .M4LRHFormProvider-root": {
-              "& .M4LDynamicFilter-popoverFilterHeader": {
-                height: "36px",
-                "& .M4LIcon-root": {
-                  "& .M4LIcon-icon": {}
-                },
-                "& .MuiTypography-root": {
-                  ...o.colorSchemes.finalTheme.typography.paragraphDens,
-                  color: o.vars.palette.text.primary,
-                  "& .MuiTypography-root": {}
-                }
-              },
-              "& .M4LDynamicFilter-popoverContainerFields": {
-                height: "fit-content",
-                [`& .M4LDynamicFilter-containerStringFilter,
-                                      & .M4LDynamicFilter-containerBooleanFilter,
-                                      & .M4LDynamicFilter-containerNumberFilter,
-                                      & .M4LDynamicFilter-containerDateTimeFilter,
-                                      & .M4LDynamicFilter-containerSelectFilter
-                                    `]: {
-                  display: "flex",
-                  height: "auto",
-                  flexDirection: "column",
-                  padding: "16px 16px 0 16px",
-                  gap: "12px"
-                }
-              },
-              "& .M4LCommonActions-root": {
-                display: "flex",
-                flexDirection: "row",
-                gap: "16px",
-                padding: "24px 16px 16px 16px",
-                ".M4LButton-root": {
-                  height: "36px"
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}), x = (o) => ({
   M4LIcon: {
     styleOverrides: {
       ["&.M4LIcon-root"]: {
@@ -494,7 +189,7 @@ const c = (o) => ({
       }
     }
   }
-}), u = (o) => ({
+}), x = (o) => ({
   M4LanguagePopover: {
     styleOverrides: {
       ["&.M4LanguagePopover-root"]: {
@@ -515,7 +210,7 @@ const c = (o) => ({
       }
     }
   }
-}), b = (o) => ({
+}), u = (o) => ({
   M4LImageButton: {
     styleOverrides: {
       ["&.M4LImageButton-root"]: {
@@ -569,7 +264,7 @@ const c = (o) => ({
       }
     }
   }
-}), M = (o) => ({
+}), b = (o) => ({
   M4LImage: {
     styleOverrides: {
       ["&.M4LImage-root"]: {
@@ -580,7 +275,7 @@ const c = (o) => ({
       }
     }
   }
-}), v = (o) => ({
+}), M = (o) => ({
   M4LPopover: {
     styleOverrides: {
       "&.M4LPopover-root": {
@@ -671,7 +366,7 @@ const c = (o) => ({
       }
     }
   }
-}), L = (o) => ({
+}), v = (o) => ({
   M4LErrorLabel: {
     styleOverrides: {
       ["&.M4LHelperText-root"]: {
@@ -690,7 +385,7 @@ const c = (o) => ({
       }
     }
   }
-}), y = (o) => ({
+}), L = (o) => ({
   M4LTypography: {
     styleOverrides: {
       ["&.M4LTypography-root"]: {
@@ -702,7 +397,7 @@ const c = (o) => ({
       }
     }
   }
-}), h = (o) => ({
+}), y = (o) => ({
   M4LButton: {
     styleOverrides: {
       "&.M4LButton-root": {
@@ -935,7 +630,7 @@ const c = (o) => ({
       }
     }
   }
-}), f = (o) => ({
+}), h = (o) => ({
   M4LNavLink: {
     styleOverrides: {
       ["&.M4LNavLink-root"]: {
@@ -955,7 +650,7 @@ const c = (o) => ({
       }
     }
   }
-}), w = (o) => ({
+}), f = (o) => ({
   M4LSideBar: {
     styleOverrides: {
       "&.M4LSideBar-root": {
@@ -2656,7 +2351,7 @@ const c = (o) => ({
       }
     }
   }
-}), m = (o) => ({
+}), w = (o) => ({
   M4LAreasAdmin: {
     styleOverrides: {
       "&.M4LAreasAdmin-root": {
@@ -3097,7 +2792,7 @@ const c = (o) => ({
       }
     }
   }
-}), C = (o) => ({
+}), m = (o) => ({
   M4LAreasViewer: {
     styleOverrides: {
       "&.M4LAreasViewer-root": {
@@ -3760,7 +3455,7 @@ const c = (o) => ({
       }
     }
   }
-}), S = (o) => ({
+}), C = (o) => ({
   M4LAppBar: {
     styleOverrides: {
       "&.M4LAppBar-root": {
@@ -3875,7 +3570,7 @@ const c = (o) => ({
       }
     }
   }
-}), k = (o) => ({
+}), S = (o) => ({
   M4LAvatar: {
     styleOverrides: {
       "&.M4LAvatar-root": {
@@ -4193,7 +3888,7 @@ const c = (o) => ({
       }
     }
   }
-}), I = (o) => ({
+}), k = (o) => ({
   M4LModuleLayout: {
     styleOverrides: {
       "&.M4LModuleLayout-root": {
@@ -4210,7 +3905,7 @@ const c = (o) => ({
       }
     }
   }
-}), T = (o) => ({
+}), I = (o) => ({
   M4LMasterDetailLayout: {
     styleOverrides: {
       "&.M4LMasterDetailLayout-root": {
@@ -4243,7 +3938,7 @@ const c = (o) => ({
       }
     }
   }
-}), R = (o) => ({
+}), T = (o) => ({
   M4LSplitLayout: {
     styleOverrides: {
       "&.M4LSplitLayout-root": {
@@ -4364,7 +4059,7 @@ const c = (o) => ({
       }
     }
   }
-}), A = (o) => ({
+}), R = (o) => ({
   M4LCommonActions: {
     styleOverrides: {
       "&.M4LCommonActions-root": {
@@ -4377,7 +4072,7 @@ const c = (o) => ({
       }
     }
   }
-}), D = (o) => ({
+}), A = (o) => ({
   M4LinearProgressIndeterminate: {
     styleOverrides: {
       "&.M4LinearProgressIndeterminate-root": {
@@ -4533,7 +4228,7 @@ const c = (o) => ({
       }
     }
   }
-}), H = (o) => ({
+}), D = (o) => ({
   M4LTab: {
     styleOverrides: {
       "&.M4LTab-root": {
@@ -4596,7 +4291,7 @@ const c = (o) => ({
       }
     }
   }
-}), F = (o) => ({
+}), H = (o) => ({
   M4LAccordion: {
     styleOverrides: {
       "&.M4LAccordion-root": {
@@ -5107,7 +4802,7 @@ const c = (o) => ({
       }
     }
   }
-}), j = (o) => ({
+}), F = (o) => ({
   M4LTooltip: {
     styleOverrides: {
       "&.M4LTooltip-root": {
@@ -5128,7 +4823,7 @@ const c = (o) => ({
       }
     }
   }
-}), G = (o) => ({
+}), j = (o) => ({
   M4LBadge: {
     styleOverrides: {
       "&.M4LBadge-root": {
@@ -5159,7 +4854,7 @@ const c = (o) => ({
       }
     }
   }
-}), N = (o) => (console.log("Test media query", o.typography.body), {
+}), G = (o) => (console.log("Test media query", o.typography.body), {
   M4LDataGrid: {
     styleOverrides: {
       "&.M4LDataGrid-root": {
@@ -5501,7 +5196,7 @@ const c = (o) => ({
       }
     }
   }
-}), E = (o) => ({
+}), N = (o) => ({
   M4LPager: {
     styleOverrides: {
       "&.M4LPager-root": {
@@ -5608,7 +5303,7 @@ const c = (o) => ({
       }
     }
   }
-}), $ = (o) => ({
+}), E = (o) => ({
   M4LCheckBox: {
     styleOverrides: {
       "&.M4LCheckBox-root": {
@@ -5679,7 +5374,7 @@ const c = (o) => ({
       }
     }
   }
-}), _ = (o) => ({
+}), $ = (o) => ({
   M4LStack: {
     styleOverrides: {
       "&.M4LStack-root": {
@@ -5692,7 +5387,7 @@ const c = (o) => ({
       }
     }
   }
-}), U = (o) => ({
+}), _ = (o) => ({
   M4LTabs: {
     styleOverrides: {
       "&.M4LTabs-root": {
@@ -5732,7 +5427,7 @@ const c = (o) => ({
       }
     }
   }
-}), q = (o) => ({
+}), U = (o) => ({
   M4LNoItemSelected: {
     styleOverrides: {
       "&.M4LNoItemSelected-root": {
@@ -5752,7 +5447,7 @@ const c = (o) => ({
       }
     }
   }
-}), Y = (o) => ({
+}), q = (o) => ({
   M4LScrollBar: {
     styleOverrides: {
       "&.M4LScrollBar-root": {
@@ -5787,7 +5482,7 @@ const c = (o) => ({
       }
     }
   }
-}), X = (o) => ({
+}), Y = (o) => ({
   M4LGridLayout: {
     styleOverrides: {
       "&.M4LGridLayout-root": {
@@ -5795,7 +5490,7 @@ const c = (o) => ({
       }
     }
   }
-}), J = (o) => ({
+}), X = (o) => ({
   M4LTabContent: {
     styleOverrides: {
       "&.M4LTabContent-root": {
@@ -5826,7 +5521,7 @@ const c = (o) => ({
       }
     }
   }
-}), K = (o) => ({
+}), J = (o) => ({
   M4LMenuActions: {
     styleOverrides: {
       "&.M4LMenuActions-root": {
@@ -5860,7 +5555,7 @@ const c = (o) => ({
       }
     }
   }
-}), Q = (o) => ({
+}), K = (o) => ({
   M4LPrintingSystem: {
     styleOverrides: {
       "&.M4LPrintingSystem-root": {
@@ -6042,7 +5737,7 @@ const c = (o) => ({
       }
     }
   }
-}), Z = (o) => ({
+}), Q = (o) => ({
   M4LFormatter: {
     styleOverrides: {
       "&.M4LFormatter-root": {
@@ -6059,7 +5754,7 @@ const c = (o) => ({
       }
     }
   }
-}), oo = (o) => ({
+}), Z = (o) => ({
   M4LoadingError: {
     styleOverrides: {
       "&.M4LoadingError-root": {
@@ -6118,7 +5813,7 @@ const c = (o) => ({
       }
     }
   }
-}), to = (o) => ({
+}), oo = (o) => ({
   M4LMFLoader: {
     styleOverrides: {
       "&.M4LMFLoader-root": {
@@ -6137,7 +5832,7 @@ const c = (o) => ({
       }
     }
   }
-}), ro = (o) => ({
+}), to = (o) => ({
   M4LLoadingButton: {
     styleOverrides: {
       "&.M4LLoadingButton-root": {
@@ -6369,7 +6064,7 @@ const c = (o) => ({
       }
     }
   }
-}), eo = (o) => ({
+}), ro = (o) => ({
   M4LToastContainer: {
     styleOverrides: {
       "&.M4LToastContainer-root": {
@@ -6447,7 +6142,7 @@ const c = (o) => ({
       }
     }
   }
-}), ao = (o) => ({
+}), eo = (o) => ({
   M4LPDFViewer: {
     styleOverrides: {
       "&.M4LPDFViewer-root": {
@@ -6462,7 +6157,7 @@ const c = (o) => ({
       }
     }
   }
-}), io = (o) => ({
+}), ao = (o) => ({
   M4LTopBar: {
     styleOverrides: {
       "&.M4LTopBar-root": {
@@ -6525,7 +6220,7 @@ const c = (o) => ({
       }
     }
   }
-}), no = (o) => ({
+}), io = (o) => ({
   M4LAppBarCommercial: {
     styleOverrides: {
       "&.M4LAppBarCommercial-root": {
@@ -6546,7 +6241,7 @@ const c = (o) => ({
       }
     }
   }
-}), po = (o) => ({
+}), no = (o) => ({
   M4LSectionCommercial: {
     styleOverrides: {
       "&.M4LSectionCommercial-root": {
@@ -6565,7 +6260,7 @@ const c = (o) => ({
       }
     }
   }
-}), lo = (o) => ({
+}), po = (o) => ({
   M4LHamburgerMenuCommercial: {
     styleOverrides: {
       "&.M4LHamburgerMenuCommercial-root": {
@@ -6601,56 +6296,55 @@ const c = (o) => ({
 });
 export {
   H as A,
-  F as B,
-  z as C,
-  V as D,
-  O as E,
-  j as F,
+  z as B,
+  V as C,
+  O as D,
+  F as E,
+  N as F,
   E as G,
   $ as H,
   _ as I,
   U as J,
   q as K,
   Y as L,
-  ro as M,
+  to as M,
   X as N,
   J as O,
   K as P,
   Q,
   Z as R,
   oo as S,
-  to as T,
+  ro as T,
   eo 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,
-  x as c,
-  g as d,
+  so as Z,
+  W as a,
+  c as b,
+  g as c,
+  x as d,
   u as e,
-  b as f,
-  f as g,
-  M as h,
-  G as i,
-  v as j,
-  N as k,
+  h as f,
+  b as g,
+  j as h,
+  M as i,
+  G as j,
+  v as k,
   L as l,
   y as m,
-  h as n,
-  w as o,
-  S as p,
+  f as n,
+  C as o,
+  w as p,
   m as q,
-  C as r,
-  k as s,
-  B as t,
+  S as r,
+  B as s,
+  k as t,
   I as u,
   T as v,
   R as w,
   A as x,
-  D as y,
-  P as z
+  P as y,
+  D as z
 };