@m4l/styles 7.1.36 → 7.1.37

package/theme/overrides/M4LExtendedComponents/M4LAppBar.js

@@ -1,118 +0,0 @@
-const e = (p) => ({
-  M4LAppBar: {
-    styleOverrides: {
-      "&.M4LAppBar-root": {
-        display: "flex",
-        width: "100vw",
-        maxWidth: "100vw !important",
-        overflow: "hidden",
-        minHeight: "52px",
-        height: "52px",
-        alignItems: "center",
-        padding: "8px 16px",
-        background: p.vars.palette.background.default,
-        borderBottom: "1.5px solid",
-        borderColor: p.vars.palette?.border.default,
-        justifyContent: "space-between",
-        gap: "40px",
-        [p.breakpoints.down("sm")]: {
-          width: "100%",
-          marginLeft: "0",
-          gap: "12px"
-        },
-        "& .M4LAppBar-containerLogo": {
-          "& .M4LImage-root": {
-            width: "34px!important",
-            height: "34px!important",
-            borderRadius: "4px",
-            padding: "2px"
-          },
-          "& .M4LAppBar-containerImageTypography": {
-            display: "flex",
-            alignItems: "center",
-            gap: "12px",
-            width: "163px",
-            height: "36px",
-            "& .M4LTypography-root": {
-              textWrap: "nowrap",
-              textTransform: "uppercase"
-            }
-          }
-        },
-        "& .M4LAppBar-containerIconMenuToggle": {
-          display: "flex",
-          width: "36px",
-          height: "36px",
-          minWidth: "36px",
-          minHeight: "36px",
-          alignItems: "center",
-          borderRadius: "4px",
-          borderColor: p.vars.palette?.border.default,
-          justifyContent: "space-between",
-          "& .M4LAppBar-iconMenuToggle": {
-            background: p.vars.palette.background.surface,
-            width: "36px",
-            height: "36px",
-            minWidth: "36px",
-            minHeight: "36px",
-            [p.breakpoints.down("sm")]: {
-              background: p.vars.palette.background.surface,
-              width: "36px",
-              height: "36px",
-              minWidth: "36px",
-              minHeight: "36px"
-            }
-          }
-        },
-        "& .M4LAppBar-containerChilds": {
-          flexGrow: "1",
-          display: "flex",
-          flexDirection: "row",
-          gap: "12px",
-          width: "100%",
-          justifyContent: "space-between",
-          overflow: "hidden",
-          alignItems: "center",
-          borderRadius: "4px",
-          background: "none",
-          boxShadow: "none",
-          [p.breakpoints.down("sm")]: {
-            display: "flex",
-            alignItems: "center",
-            width: "100%",
-            borderTop: "0",
-            borderColor: "none",
-            background: "none",
-            boxShadow: "none",
-            paddingRight: "0px",
-            borderRadius: "6px",
-            gap: "8px"
-          },
-          "& .M4LAvatar-root": {
-            width: "28px",
-            height: "28px",
-            padding: "4px",
-            "& .MuiAvatar-root": {
-              width: "20px",
-              height: "20px",
-              fontSize: "12px"
-            },
-            [p.breakpoints.down("sm")]: {
-              width: "36px",
-              height: "36px",
-              padding: "4px",
-              "& .MuiAvatar-root": {
-                width: "28px",
-                height: "28px",
-                fontSize: "15px"
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-});
-export {
-  e as M
-};

package/theme/overrides/M4LExtendedComponents/M4LAppBarCommercial.d.ts

@@ -1,26 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LAppBarCommercial overrides
- */
-export declare const M4LAppBarCommercial: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LAppBarCommercial: {
-        styleOverrides: {
-            '&.M4LAppBarCommercial-root': {
-                [x: string]: string | {
-                    padding: string;
-                };
-                width: string;
-                display: string;
-                justifyContent: string;
-                alignItems: string;
-                padding: string;
-                minHeight: string;
-                backgroundColor: string;
-                position: string;
-                zIndex: string;
-                borderBottom: string;
-                boxShadow: string;
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LAppBarCommercial.js

@@ -1,25 +0,0 @@
-const o = (e) => ({
-  M4LAppBarCommercial: {
-    styleOverrides: {
-      "&.M4LAppBarCommercial-root": {
-        width: "100%",
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        padding: "8px 80px",
-        minHeight: "80px",
-        backgroundColor: e.vars.palette.background.default,
-        position: "fixed",
-        zIndex: "100",
-        borderBottom: "1px solid rgba(9, 30, 66, 0.10)",
-        boxShadow: "rgba(36, 59, 70, 0.12)",
-        [e.breakpoints.down("md")]: {
-          padding: "8px 24px"
-        }
-      }
-    }
-  }
-});
-export {
-  o as M
-};