@m4l/styles 0.0.22 → 0.0.24

package/index.js

@@ -1,30 +1,30 @@
-import { d as f } from "./theme/defaultThemeOptions.733652aa.js";
-import { c as l, s as g } from "./theme/shadows.3dfe77c2.js";
-import { P as n, p as d } from "./theme/palette.a914c187.js";
-import { t as S } from "./theme/typography.dd335f0f.js";
-import { f as O } from "./theme/overrides/index.76becad2.js";
-import { u as c } from "./utils/useResponsive.2c45e8e0.js";
-import { e as T, c as b, d as v, b as z, g as w, a as y, t as F } from "./utils/getColorPresets.9c103b85.js";
-import { g as k } from "./utils/getColorState.184e9d10.js";
+import { d as f } from "./theme/defaultThemeOptions.d50c50f1.js";
+import { c as l, s as g } from "./theme/shadows.7ecb0e23.js";
+import { P as u, p as d } from "./theme/palette.d06284f6.js";
+import { t as S } from "./theme/typography.b693a0c9.js";
+import { f as O } from "./theme/overrides/index.03494fe3.js";
+import { u as b } from "./utils/useResponsive.2c45e8e0.js";
+import { e as h, b as T, c as v, d as w, g as z, a as y, t as F } from "./utils/getColorPresets.826b8bc5.js";
+import { g as k } from "./utils/getColorState.c9741929.js";
 import { g as A, p as B, a as L, r as N } from "./utils/getFontValue.88831637.js";
 import { g as j, m as D } from "./config.5405b46b.js";
 import "@mui/material/styles";
 import "@mui/material/useMediaQuery";
 import "@mui/system";
 import "@mui/material";
-import "./theme/overrides/MUIComponents/index.d308ce65.js";
-import "./theme/overrides/M4LExtendedComponents/index.28d622ba.js";
+import "./theme/overrides/MUIComponents/index.1489876d.js";
+import "./theme/overrides/M4LExtendedComponents/index.83dad55c.js";
 import "./theme/overrides/M4LRHFComponents/index.0e107243.js";
 export {
-  n as PATRONUSCOLORS,
-  T as blaze,
-  b as colorPresets,
+  u as PATRONUSCOLORS,
+  h as blaze,
+  T as brown,
+  v as colorPresets,
   l as createCustomShadows,
-  v as defaultPreset,
+  w as defaultPreset,
   f as defaultThemeOptions,
-  z as desert,
   O as fnComponentsOverrides,
-  w as getColorPresets,
+  z as getColorPresets,
   k as getColorState,
   A as getFontValue,
   j as globalRemSize,
@@ -37,5 +37,5 @@ export {
   g as shadows,
   F as turqui,
   S as typography,
-  c as useResponsive
+  b as useResponsive
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "license": "UNLICENSED",
   "author": "m4l team",
   "dependencies": {

package/theme/{defaultThemeOptions.733652aa.js → defaultThemeOptions.d50c50f1.js}

@@ -1,12 +1,12 @@
 import "@mui/material/styles";
 import "@mui/material/useMediaQuery";
-import { g as t } from "../utils/getColorPresets.9c103b85.js";
+import { g as t } from "../utils/getColorPresets.826b8bc5.js";
 import "@mui/system";
-import { t as o } from "./typography.dd335f0f.js";
-import { p as a } from "./palette.a914c187.js";
+import { t as o } from "./typography.b693a0c9.js";
+import { p as a } from "./palette.d06284f6.js";
 import { alpha as s } from "@mui/material";
-import { s as p, c as e } from "./shadows.3dfe77c2.js";
-import { g as i } from "../utils/getColorState.184e9d10.js";
+import { s as p, c as e } from "./shadows.7ecb0e23.js";
+import { g as i } from "../utils/getColorState.c9741929.js";
 const w = {
   typography: o,
   palette: {

package/theme/index.5e193e78.js

@@ -0,0 +1,7 @@
+import "./defaultThemeOptions.d50c50f1.js";
+import "./shadows.7ecb0e23.js";
+import "./palette.d06284f6.js";
+import "./typography.b693a0c9.js";
+import "@mui/material";
+import "@mui/material/styles";
+import "@mui/system";

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

@@ -19,6 +19,7 @@ export declare const M4LAccordion: (theme: Theme) => {
                 };
             };
             '& .MuiButtonBase-root': {
+                padding: string;
                 '&.MuiAccordionSummary-root.Mui-expanded': {
                     background: string;
                     '& .M4LTypography-root': {

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

@@ -10,7 +10,6 @@ export declare const M4LAccountPopover: (theme: Theme) => {
     M4LAccountPopoverPopover: {
         styleOverrides: {
             '&.M4LAccountPopover-popover': {
-                test: string;
                 display: string;
                 flexDirection: string;
                 gap: string;
@@ -23,38 +22,99 @@ export declare const M4LAccountPopover: (theme: Theme) => {
                     borderRadius: string;
                     boxShadow: string;
                     background: string;
-                };
-                '& .M4LAccountPopover-containerAppVersion': {
-                    display: string;
-                    borderBottom: string;
-                    borderColor: string;
-                    padding: string;
-                };
-                '& .M4LAccountPopover-containerMenuItems': {
-                    '& .M4LAccountPopover-menuItem': {
+                    '& .M4LAccountPopover-containerUserInfo': {
+                        display: string;
+                        flexDirection: string;
+                        '& .M4LAccountPopover-containerUserName': {
+                            display: string;
+                            flexDirection: string;
+                            gap: string;
+                            padding: string;
+                            "& .M4LAccountPopover-labelUserName": {
+                                padding: string;
+                                color: string;
+                            };
+                        };
+                        '& .M4LAccountPopover-containerUserEmail': {
+                            display: string;
+                            flexDirection: string;
+                            gap: string;
+                            padding: string;
+                            "& .M4LAccountPopover-labelUserEmail": {
+                                padding: string;
+                                color: string;
+                            };
+                        };
+                    };
+                    '& .M4LAccountPopover-containerAppVersion': {
+                        display: string;
+                        flexDirection: string;
+                        gap: string;
+                        padding: string;
+                        "& .M4LAccountPopover-labelVersion": {
+                            padding: string;
+                            color: string;
+                        };
+                    };
+                    '& .M4LAccountPopover-containerMenuItems': {
+                        borderTop: string;
+                        borderBottom: string;
+                        borderColor: string;
+                        padding: string;
+                        margin: string;
+                        display: string;
+                        flexDirection: string;
+                        gap: string;
+                        '& .M4LAccountPopover-containerSetting': {
+                            display: string;
+                            flexDirection: string;
+                            gap: string;
+                            width: string;
+                            borderRadius: string;
+                            padding: string;
+                            '&:hover': {
+                                background: string;
+                            };
+                            '& .M4LAccountPopover-menuItem': {
+                                padding: string;
+                                borderRadius: string;
+                                cursor: string;
+                            };
+                        };
+                    };
+                    '& .M4LAccountPopover-logOut': {
                         padding: string;
                         borderRadius: string;
-                        cursor: string;
                         '&:hover': {
                             background: string;
                         };
+                        justifyContent: string;
+                        cursor: string;
+                        color: string;
                     };
-                };
-                '& .M4LAccountPopover-logOut': {
-                    borderTop: string;
-                    borderColor: string;
-                    justifyContent: string;
-                    paddingTop: string;
-                    cursor: string;
-                    padding: string;
-                    borderRadius: string;
-                    '&:hover': {
-                        background: string;
+                    '& .M4LPopover-arrowStyle': {
+                        display: string;
+                        '& .M4LAccountPopover-containerUserInfo': {
+                            display: string;
+                            '& .M4LAccountPopover-containerUserName': {
+                                display: string;
+                                flexDirection: string;
+                                gap: string;
+                            };
+                            '& .M4LAccountPopover-containerUserEmail': {
+                                display: string;
+                                flexDirection: string;
+                                gap: string;
+                            };
+                            '& .M4LAccountPopover-containerAppVersion': {
+                                display: string;
+                                flexDirection: string;
+                                gap: string;
+                            };
+                            '& .M4LAccountPopover-logOut': {};
+                        };
                     };
                 };
-                '& .M4LPopover-arrowStyle': {
-                    display: string;
-                };
             };
         };
     };

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

@@ -65,7 +65,7 @@ export declare const M4LAppBar: (theme: Theme) => {
                         boxShadow: string;
                         paddingRight: string;
                         borderRadius: string;
-                        overflow: string;
+                        overflow?: undefined;
                         justifyContent?: undefined;
                         '& .M4LAvatar-root'?: undefined;
                     } | {
@@ -181,10 +181,8 @@ export declare const M4LAppBar: (theme: Theme) => {
                 alignItems: string;
                 borderRadius: string;
                 padding: string;
-                borderTop: string;
                 borderColor: string;
                 background: string;
-                boxShadow: string;
                 justifyContent: string;
                 marginLeft: string;
                 '& .M4LAppBar-containerIconMenuToggle': {
@@ -230,7 +228,7 @@ export declare const M4LAppBar: (theme: Theme) => {
                         boxShadow: string;
                         paddingRight: string;
                         borderRadius: string;
-                        overflow: string;
+                        overflow?: undefined;
                         justifyContent?: undefined;
                         '& .M4LAvatar-root'?: undefined;
                     } | {