@m4l/styles 0.0.23 → 0.0.25

package/index.js

@@ -1,30 +1,30 @@
-import { d as f } from "./theme/defaultThemeOptions.605b5b1a.js";
-import { c as l, s as g } from "./theme/shadows.1b2f7a87.js";
-import { P as n, p as d } from "./theme/palette.688aaf56.js";
-import { t as S } from "./theme/typography.86a19de9.js";
-import { f as O } from "./theme/overrides/index.ed4b5bcb.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.8106cfef.js";
-import { g as k } from "./utils/getColorState.7b615773.js";
+import { d as f } from "./theme/defaultThemeOptions.ce206b4e.js";
+import { c as l, s as g } from "./theme/shadows.386e7ef4.js";
+import { P as u, p as d } from "./theme/palette.b6e02e1c.js";
+import { t as S } from "./theme/typography.248c39d2.js";
+import { f as O } from "./theme/overrides/index.5c0e3013.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.241c5bac.js";
+import { g as k } from "./utils/getColorState.2c0892d1.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.b9c696e9.js";
-import "./theme/overrides/M4LExtendedComponents/index.566e183a.js";
-import "./theme/overrides/M4LRHFComponents/index.0e107243.js";
+import "./theme/overrides/MUIComponents/index.56b4e9b3.js";
+import "./theme/overrides/M4LExtendedComponents/index.a0dbf03e.js";
+import "./theme/overrides/M4LRHFComponents/index.3df47466.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.23",
+  "version": "0.0.25",
   "license": "UNLICENSED",
   "author": "m4l team",
   "dependencies": {

package/theme/{defaultThemeOptions.605b5b1a.js → defaultThemeOptions.ce206b4e.js}

@@ -1,12 +1,12 @@
 import "@mui/material/styles";
 import "@mui/material/useMediaQuery";
-import { g as t } from "../utils/getColorPresets.8106cfef.js";
+import { g as t } from "../utils/getColorPresets.241c5bac.js";
 import "@mui/system";
-import { t as o } from "./typography.86a19de9.js";
-import { p as a } from "./palette.688aaf56.js";
+import { t as o } from "./typography.248c39d2.js";
+import { p as a } from "./palette.b6e02e1c.js";
 import { alpha as s } from "@mui/material";
-import { s as p, c as e } from "./shadows.1b2f7a87.js";
-import { g as i } from "../utils/getColorState.7b615773.js";
+import { s as p, c as e } from "./shadows.386e7ef4.js";
+import { g as i } from "../utils/getColorState.2c0892d1.js";
 const w = {
   typography: o,
   palette: {

package/theme/index.8bbc9635.js

@@ -0,0 +1,7 @@
+import "./defaultThemeOptions.ce206b4e.js";
+import "./shadows.386e7ef4.js";
+import "./palette.b6e02e1c.js";
+import "./typography.248c39d2.js";
+import "@mui/material";
+import "@mui/material/styles";
+import "@mui/system";

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

@@ -5,9 +5,6 @@ export declare const M4LAccordion: (theme: Theme) => {
             '&.M4LAccordion-root': {
                 width: string;
                 background: string;
-                boxShadow: string;
-                borderTop: string;
-                borderColor: string;
                 borderRadius: string;
                 '& .M4LTypography-root': {
                     '& .MuiTypography-root': {
@@ -15,7 +12,9 @@ export declare const M4LAccordion: (theme: Theme) => {
                     };
                 };
                 '& .MuiPaper-root': {
+                    background: string;
                     marginBottom: string;
+                    borderRadius: string;
                 };
             };
             '& .MuiButtonBase-root': {
@@ -39,7 +38,6 @@ export declare const M4LAccordion: (theme: Theme) => {
             };
             '& .MuiCollapse-root': {
                 background: string;
-                boxShadow: string;
                 borderTop: string;
                 borderColor: string;
                 borderRadius: string;

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

@@ -25,19 +25,34 @@ export declare const M4LAccountPopover: (theme: Theme) => {
                     '& .M4LAccountPopover-containerUserInfo': {
                         display: string;
                         flexDirection: string;
-                        "& .M4LAccountPopover-labelUserName": {
+                        '& .M4LAccountPopover-containerUserName': {
+                            display: string;
+                            flexDirection: string;
+                            gap: string;
                             padding: string;
-                            color: string;
+                            "& .M4LAccountPopover-labelUserName": {
+                                padding: string;
+                                color: string;
+                            };
                         };
-                        "& .M4LAccountPopover-labelUserEmail": {
+                        '& .M4LAccountPopover-containerUserEmail': {
+                            display: string;
+                            flexDirection: string;
+                            gap: string;
                             padding: string;
-                            color: string;
+                            "& .M4LAccountPopover-labelUserEmail": {
+                                padding: string;
+                                color: string;
+                            };
                         };
                     };
                     '& .M4LAccountPopover-containerAppVersion': {
                         display: string;
+                        flexDirection: string;
+                        gap: string;
                         padding: string;
                         "& .M4LAccountPopover-labelVersion": {
+                            padding: string;
                             color: string;
                         };
                     };
@@ -47,27 +62,65 @@ export declare const M4LAccountPopover: (theme: Theme) => {
                         borderColor: string;
                         padding: string;
                         margin: string;
-                        '& .M4LAccountPopover-menuItem': {
-                            padding: string;
+                        display: string;
+                        flexDirection: string;
+                        gap: string;
+                        '& .M4LAccountPopover-containerSetting': {
+                            display: string;
+                            flexDirection: string;
+                            gap: string;
+                            width: string;
                             borderRadius: string;
-                            cursor: string;
+                            padding: string;
                             '&:hover': {
                                 background: string;
                             };
+                            '& .M4LAccountPopover-menuItem': {
+                                padding: string;
+                                borderRadius: string;
+                                cursor: string;
+                            };
                         };
                     };
-                    '& .M4LAccountPopover-logOut': {
+                    '& .M4LAccountPopover-containerlogOut': {
+                        display: string;
+                        flexDirection: string;
+                        gap: string;
                         padding: string;
                         borderRadius: string;
+                        width: string;
+                        alignItems: string;
                         '&:hover': {
                             background: string;
                         };
-                        justifyContent: string;
-                        cursor: string;
-                        color: string;
+                        '& .M4LAccountPopover-logOut': {
+                            padding: string;
+                            borderRadius: string;
+                            cursor: string;
+                            color: 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': {};
+                        };
                     };
                 };
             };

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

@@ -6,6 +6,7 @@ export declare const M4LAppBar: (theme: Theme) => {
                 [x: string]: string | {
                     width: string;
                     marginLeft: string;
+                    gap: string;
                     display?: undefined;
                     alingItems?: undefined;
                     height?: undefined;
@@ -17,7 +18,6 @@ export declare const M4LAppBar: (theme: Theme) => {
                     justifyContent?: undefined;
                     "& .M4LAppBar-iconMenuToggle"?: undefined;
                     flexDirection?: undefined;
-                    gap?: undefined;
                     '& .M4LAppBar-containerChilds'?: undefined;
                 } | {
                     display: string;
@@ -51,8 +51,8 @@ export declare const M4LAppBar: (theme: Theme) => {
                         minHeight: string;
                     };
                     marginLeft?: undefined;
-                    flexDirection?: undefined;
                     gap?: undefined;
+                    flexDirection?: undefined;
                     '& .M4LAppBar-containerChilds'?: undefined;
                 } | {
                     [x: string]: string | {
@@ -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;
                     } | {
@@ -179,14 +179,10 @@ export declare const M4LAppBar: (theme: Theme) => {
                 overflow: string;
                 height: string;
                 alignItems: string;
-                borderRadius: string;
                 padding: string;
-                borderTop: string;
                 borderColor: string;
                 background: string;
-                boxShadow: string;
                 justifyContent: string;
-                marginLeft: string;
                 '& .M4LAppBar-containerIconMenuToggle': {
                     display: string;
                     alingItems: string;
@@ -230,7 +226,7 @@ export declare const M4LAppBar: (theme: Theme) => {
                         boxShadow: string;
                         paddingRight: string;
                         borderRadius: string;
-                        overflow: string;
+                        overflow?: undefined;
                         justifyContent?: undefined;
                         '& .M4LAvatar-root'?: undefined;
                     } | {