@m4l/styles 7.1.36 → 7.1.38

package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.js

@@ -1,283 +0,0 @@
-const e = (o) => ({
-  M4LAccountPopover: {
-    styleOverrides: {
-      "&.M4LAccountPopover-root": {
-        borderRadius: "6px"
-      }
-    }
-  },
-  M4LAccountPopoverPopover: {
-    styleOverrides: {
-      "& .M4LAccountPopover-popover": {
-        display: "flex",
-        flexDirection: "column",
-        gap: "0px",
-        borderRadius: "6px"
-      },
-      "& .MuiPaper-root": {
-        display: "flex",
-        flexDirection: "column",
-        gap: "4px",
-        padding: "12px",
-        borderRadius: "6px",
-        boxShadow: o.customShadows?.z2,
-        background: o.vars.palette.background.default,
-        "& .M4LAccountPopover-containerUserInfo": {
-          display: "flex",
-          flexDirection: "column",
-          gap: "4px",
-          "& .M4LAccountPopover-containerUserName": {
-            display: "flex",
-            flexDirection: "row",
-            gap: "12px",
-            padding: "2px 4px",
-            "& .M4LIcon-root": {
-              minWidth: "16px",
-              minHeight: "16px"
-            },
-            "& .M4LAccountPopover-labelUserName": {
-              color: o.vars.palette.text.primary,
-              ...o.colorSchemes.finalTheme.typography.bodyDens,
-              width: "100%",
-              minHeight: "20px",
-              display: "flex",
-              alignItems: "center"
-            }
-          },
-          "& .M4LAccountPopover-containerUserEmail": {
-            display: "flex",
-            flexDirection: "row",
-            gap: "12px",
-            padding: "2px 4px",
-            "& .M4LIcon-root": {
-              minWidth: "16px",
-              minHeight: "16px"
-            },
-            "& .M4LAccountPopover-labelUserEmail": {
-              color: o.vars.palette.text.primary,
-              ...o.colorSchemes.finalTheme.typography.body,
-              width: "100%",
-              minHeight: "20px",
-              display: "flex",
-              alignItems: "center"
-            }
-          }
-        },
-        "& .M4LAccountPopover-containerAppVersion": {
-          display: "flex",
-          flexDirection: "row",
-          gap: "12px",
-          padding: "2px 4px",
-          "& .M4LIcon-root": {
-            minWidth: "16px",
-            minHeight: "16px"
-          },
-          "& .M4LAccountPopover-labelVersion": {
-            color: o.vars.palette.text.secondary,
-            ...o.colorSchemes.finalTheme.typography.body,
-            width: "100%",
-            minHeight: "20px",
-            display: "flex",
-            alignItems: "center"
-          }
-        },
-        "& .M4LAccountPopover-containerMenuItems": {
-          borderTop: "1.5px solid",
-          borderBottom: "1.5px solid",
-          borderColor: o.vars.palette?.border.default,
-          padding: "2px 4px",
-          display: "flex",
-          flexDirection: "column",
-          gap: "4px",
-          "& .M4LAccountPopover-containerProgress": {
-            display: "flex",
-            justifyContent: "start",
-            alignItems: "center"
-          },
-          "& .M4LAccountPopover-containerSetting": {
-            display: "flex",
-            flexDirection: "row",
-            gap: "12px",
-            width: "100%",
-            borderRadius: "4px",
-            cursor: "pointer",
-            "&:hover": {
-              background: o.vars.palette.background.surface
-            },
-            "& .M4LIcon-root": {
-              minWidth: "16px",
-              minHeight: "16px"
-            },
-            "& .M4LAccountPopover-menuItem": {
-              color: o.vars.palette.text.primary,
-              ...o.colorSchemes.finalTheme.typography.body,
-              borderRadius: "4px",
-              width: "100%",
-              minHeight: "20px",
-              display: "flex",
-              alignItems: "center"
-            }
-          }
-        },
-        "& .M4LAccountPopover-containerlogOut": {
-          display: "flex",
-          flexDirection: "row",
-          gap: "12px",
-          padding: "0 4px",
-          borderRadius: "4px",
-          width: "100%",
-          alignItems: "center",
-          cursor: "pointer",
-          "&:hover": {
-            background: o.vars.palette.background.surface
-          },
-          "& .M4LIcon-root": {
-            minWidth: "16px",
-            minHeight: "16px"
-          },
-          "& .M4LAccountPopover-logOut": {
-            color: o.vars.palette.text.primary,
-            ...o.colorSchemes.finalTheme.typography.body,
-            borderRadius: "4px",
-            width: "100%",
-            minHeight: "20px",
-            display: "flex",
-            alignItems: "center"
-          }
-        },
-        [o.breakpoints.down("md")]: {
-          gap: "4px",
-          padding: "16px !important",
-          "& .M4LAccountPopover-containerUserInfo": {
-            gap: "4px",
-            "& .M4LAccountPopover-containerUserName": {
-              gap: "16px",
-              padding: "2px 4px",
-              minHeight: "36px",
-              alignItems: "center",
-              "& .M4LIcon-root": {
-                minWidth: "20px",
-                height: "100%",
-                "& .M4LIcon-icon": {
-                  minHeight: "20px",
-                  minWidth: "20px"
-                }
-              },
-              "& .M4LAccountPopover-labelUserName": {
-                width: "100%",
-                height: "100%"
-              }
-            },
-            "& .M4LAccountPopover-containerUserEmail": {
-              gap: "16px",
-              padding: "2px 4px",
-              minHeight: "36px",
-              alignItems: "center",
-              "& .M4LIcon-root": {
-                minWidth: "20px",
-                height: "100%",
-                "& .M4LIcon-icon": {
-                  minHeight: "20px",
-                  minWidth: "20px"
-                }
-              },
-              "& .M4LAccountPopover-labelUserEmail": {
-                width: "100%",
-                height: "100%"
-              }
-            }
-          },
-          "& .M4LAccountPopover-containerAppVersion": {
-            gap: "16px",
-            padding: "2px 4px",
-            minHeight: "36px",
-            alignItems: "center",
-            "& .M4LIcon-root": {
-              minWidth: "20px",
-              height: "100%",
-              "& .M4LIcon-icon": {
-                minHeight: "20px",
-                minWidth: "20px"
-              }
-            },
-            "& .M4LAccountPopover-labelVersion": {
-              width: "100%",
-              height: "100%"
-            }
-          },
-          "& .M4LAccountPopover-containerMenuItems": {
-            gap: "16px",
-            padding: "0px",
-            "& .M4LAccountPopover-containerSetting": {
-              gap: "16px",
-              padding: "2px 4px",
-              minHeight: "36px",
-              alignItems: "center",
-              "&:hover": {
-                background: o.vars.palette.background.surface
-              },
-              "& .M4LIcon-root": {
-                minWidth: "20px",
-                height: "100%",
-                "& .M4LIcon-icon": {
-                  minHeight: "20px",
-                  minWidth: "20px"
-                }
-              },
-              "& .M4LAccountPopover-menuItem": {
-                width: "100%",
-                height: "100%"
-              }
-            }
-          },
-          "& .M4LAccountPopover-containerlogOut": {
-            gap: "16px",
-            cursor: "pointer",
-            padding: "2px 4px",
-            minHeight: "36px",
-            alignItems: "center",
-            "&:hover": {
-              background: o.vars.palette.background.surface
-            },
-            "& .M4LIcon-root": {
-              minWidth: "20px",
-              height: "100%",
-              "& .M4LIcon-icon": {
-                minHeight: "20px",
-                minWidth: "20px"
-              }
-            },
-            "& .M4LAccountPopover-logOut": {
-              width: "100%",
-              height: "100%"
-            }
-          }
-        },
-        "& .M4LPopover-arrowStyle": {
-          display: "none",
-          "& .M4LAccountPopover-containerUserInfo": {
-            display: "flex",
-            "& .M4LAccountPopover-containerUserName": {
-              display: "flex",
-              flexDirection: "row",
-              gap: "4px"
-            },
-            "& .M4LAccountPopover-containerUserEmail": {
-              display: "flex",
-              flexDirection: "row",
-              gap: "4px"
-            },
-            "& .M4LAccountPopover-containerAppVersion": {
-              display: "flex",
-              flexDirection: "row",
-              gap: "4px"
-            }
-          }
-        }
-      }
-    }
-  }
-});
-export {
-  e as M
-};

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

@@ -1,348 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LAppBar overrides
- */
-export declare const M4LAppBar: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LAppBar: {
-        styleOverrides: {
-            '&.M4LAppBar-root': {
-                [x: string]: string | {
-                    width: string;
-                    marginLeft: string;
-                    gap: string;
-                    '& .M4LImage-root'?: undefined;
-                    '& .M4LAppBar-containerImageTypography'?: undefined;
-                    display?: undefined;
-                    height?: undefined;
-                    minWidth?: undefined;
-                    minHeight?: undefined;
-                    alignItems?: undefined;
-                    borderRadius?: undefined;
-                    borderColor?: undefined;
-                    justifyContent?: undefined;
-                    '& .M4LAppBar-iconMenuToggle'?: undefined;
-                    flexGrow?: undefined;
-                    flexDirection?: undefined;
-                    overflow?: undefined;
-                    background?: undefined;
-                    boxShadow?: undefined;
-                    '& .M4LAvatar-root'?: undefined;
-                } | {
-                    '& .M4LImage-root': {
-                        width: string;
-                        height: string;
-                        borderRadius: string;
-                        padding: string;
-                    };
-                    '& .M4LAppBar-containerImageTypography': {
-                        display: string;
-                        alignItems: string;
-                        gap: string;
-                        width: string;
-                        height: string;
-                        '& .M4LTypography-root': {
-                            textWrap: string;
-                            textTransform: string;
-                        };
-                    };
-                    width?: undefined;
-                    marginLeft?: undefined;
-                    gap?: undefined;
-                    display?: undefined;
-                    height?: undefined;
-                    minWidth?: undefined;
-                    minHeight?: undefined;
-                    alignItems?: undefined;
-                    borderRadius?: undefined;
-                    borderColor?: undefined;
-                    justifyContent?: undefined;
-                    '& .M4LAppBar-iconMenuToggle'?: undefined;
-                    flexGrow?: undefined;
-                    flexDirection?: undefined;
-                    overflow?: undefined;
-                    background?: undefined;
-                    boxShadow?: undefined;
-                    '& .M4LAvatar-root'?: undefined;
-                } | {
-                    display: string;
-                    width: string;
-                    height: string;
-                    minWidth: string;
-                    minHeight: string;
-                    alignItems: string;
-                    borderRadius: string;
-                    borderColor: string;
-                    justifyContent: string;
-                    '& .M4LAppBar-iconMenuToggle': {
-                        [x: string]: string | {
-                            background: string;
-                            width: string;
-                            height: string;
-                            minWidth: string;
-                            minHeight: string;
-                        };
-                        background: string;
-                        width: string;
-                        height: string;
-                        minWidth: string;
-                        minHeight: string;
-                    };
-                    marginLeft?: undefined;
-                    gap?: undefined;
-                    '& .M4LImage-root'?: undefined;
-                    '& .M4LAppBar-containerImageTypography'?: undefined;
-                    flexGrow?: undefined;
-                    flexDirection?: undefined;
-                    overflow?: undefined;
-                    background?: undefined;
-                    boxShadow?: undefined;
-                    '& .M4LAvatar-root'?: undefined;
-                } | {
-                    [x: string]: string | {
-                        display: string;
-                        alignItems: string;
-                        width: string;
-                        borderTop: string;
-                        borderColor: string;
-                        background: string;
-                        boxShadow: string;
-                        paddingRight: string;
-                        borderRadius: string;
-                        gap: string;
-                        height?: undefined;
-                        padding?: undefined;
-                        '& .MuiAvatar-root'?: undefined;
-                    } | {
-                        [x: string]: string | {
-                            width: string;
-                            height: string;
-                            fontSize: string;
-                            padding?: undefined;
-                            '& .MuiAvatar-root'?: undefined;
-                        } | {
-                            width: string;
-                            height: string;
-                            padding: string;
-                            '& .MuiAvatar-root': {
-                                width: string;
-                                height: string;
-                                fontSize: string;
-                            };
-                            fontSize?: undefined;
-                        };
-                        width: string;
-                        height: string;
-                        padding: string;
-                        '& .MuiAvatar-root': {
-                            width: string;
-                            height: string;
-                            fontSize: string;
-                        };
-                        display?: undefined;
-                        alignItems?: undefined;
-                        borderTop?: undefined;
-                        borderColor?: undefined;
-                        background?: undefined;
-                        boxShadow?: undefined;
-                        paddingRight?: undefined;
-                        borderRadius?: undefined;
-                        gap?: undefined;
-                    };
-                    flexGrow: string;
-                    display: string;
-                    flexDirection: string;
-                    gap: string;
-                    width: string;
-                    justifyContent: string;
-                    overflow: string;
-                    alignItems: string;
-                    borderRadius: string;
-                    background: string;
-                    boxShadow: string;
-                    '& .M4LAvatar-root': {
-                        [x: string]: string | {
-                            width: string;
-                            height: string;
-                            fontSize: string;
-                            padding?: undefined;
-                            '& .MuiAvatar-root'?: undefined;
-                        } | {
-                            width: string;
-                            height: string;
-                            padding: string;
-                            '& .MuiAvatar-root': {
-                                width: string;
-                                height: string;
-                                fontSize: string;
-                            };
-                            fontSize?: undefined;
-                        };
-                        width: string;
-                        height: string;
-                        padding: string;
-                        '& .MuiAvatar-root': {
-                            width: string;
-                            height: string;
-                            fontSize: string;
-                        };
-                    };
-                    marginLeft?: undefined;
-                    '& .M4LImage-root'?: undefined;
-                    '& .M4LAppBar-containerImageTypography'?: undefined;
-                    height?: undefined;
-                    minWidth?: undefined;
-                    minHeight?: undefined;
-                    borderColor?: undefined;
-                    '& .M4LAppBar-iconMenuToggle'?: undefined;
-                };
-                display: string;
-                width: string;
-                maxWidth: string;
-                overflow: string;
-                minHeight: string;
-                height: string;
-                alignItems: string;
-                padding: string;
-                background: string;
-                borderBottom: string;
-                borderColor: string;
-                justifyContent: string;
-                gap: string;
-                '& .M4LAppBar-containerLogo': {
-                    '& .M4LImage-root': {
-                        width: string;
-                        height: string;
-                        borderRadius: string;
-                        padding: string;
-                    };
-                    '& .M4LAppBar-containerImageTypography': {
-                        display: string;
-                        alignItems: string;
-                        gap: string;
-                        width: string;
-                        height: string;
-                        '& .M4LTypography-root': {
-                            textWrap: string;
-                            textTransform: string;
-                        };
-                    };
-                };
-                '& .M4LAppBar-containerIconMenuToggle': {
-                    display: string;
-                    width: string;
-                    height: string;
-                    minWidth: string;
-                    minHeight: string;
-                    alignItems: string;
-                    borderRadius: string;
-                    borderColor: string;
-                    justifyContent: string;
-                    '& .M4LAppBar-iconMenuToggle': {
-                        [x: string]: string | {
-                            background: string;
-                            width: string;
-                            height: string;
-                            minWidth: string;
-                            minHeight: string;
-                        };
-                        background: string;
-                        width: string;
-                        height: string;
-                        minWidth: string;
-                        minHeight: string;
-                    };
-                };
-                '& .M4LAppBar-containerChilds': {
-                    [x: string]: string | {
-                        display: string;
-                        alignItems: string;
-                        width: string;
-                        borderTop: string;
-                        borderColor: string;
-                        background: string;
-                        boxShadow: string;
-                        paddingRight: string;
-                        borderRadius: string;
-                        gap: string;
-                        height?: undefined;
-                        padding?: undefined;
-                        '& .MuiAvatar-root'?: undefined;
-                    } | {
-                        [x: string]: string | {
-                            width: string;
-                            height: string;
-                            fontSize: string;
-                            padding?: undefined;
-                            '& .MuiAvatar-root'?: undefined;
-                        } | {
-                            width: string;
-                            height: string;
-                            padding: string;
-                            '& .MuiAvatar-root': {
-                                width: string;
-                                height: string;
-                                fontSize: string;
-                            };
-                            fontSize?: undefined;
-                        };
-                        width: string;
-                        height: string;
-                        padding: string;
-                        '& .MuiAvatar-root': {
-                            width: string;
-                            height: string;
-                            fontSize: string;
-                        };
-                        display?: undefined;
-                        alignItems?: undefined;
-                        borderTop?: undefined;
-                        borderColor?: undefined;
-                        background?: undefined;
-                        boxShadow?: undefined;
-                        paddingRight?: undefined;
-                        borderRadius?: undefined;
-                        gap?: undefined;
-                    };
-                    flexGrow: string;
-                    display: string;
-                    flexDirection: string;
-                    gap: string;
-                    width: string;
-                    justifyContent: string;
-                    overflow: string;
-                    alignItems: string;
-                    borderRadius: string;
-                    background: string;
-                    boxShadow: string;
-                    '& .M4LAvatar-root': {
-                        [x: string]: string | {
-                            width: string;
-                            height: string;
-                            fontSize: string;
-                            padding?: undefined;
-                            '& .MuiAvatar-root'?: undefined;
-                        } | {
-                            width: string;
-                            height: string;
-                            padding: string;
-                            '& .MuiAvatar-root': {
-                                width: string;
-                                height: string;
-                                fontSize: string;
-                            };
-                            fontSize?: undefined;
-                        };
-                        width: string;
-                        height: string;
-                        padding: string;
-                        '& .MuiAvatar-root': {
-                            width: string;
-                            height: string;
-                            fontSize: string;
-                        };
-                    };
-                };
-            };
-        };
-    };
-};