@m4l/styles 0.0.16 → 0.0.18

package/index.js

@@ -1,20 +1,20 @@
-import { d as f } from "./theme/defaultThemeOptions.364b28b6.js";
-import { c as l, s as g } from "./theme/shadows.b2f38616.js";
-import { P as u, p as d } from "./theme/palette.4b477f9b.js";
-import { t as S } from "./theme/typography.1db0276b.js";
-import { f as C } from "./theme/overrides/index.ff2a1a5a.js";
+import { d as f } from "./theme/defaultThemeOptions.d67fe64c.js";
+import { c as l, s as g } from "./theme/shadows.354bbb03.js";
+import { P as u, p as d } from "./theme/palette.95c4f9c8.js";
+import { t as S } from "./theme/typography.61f909b7.js";
+import { f as C } from "./theme/overrides/index.6b7aec0f.js";
 import { u as R } from "./utils/useResponsive.2c45e8e0.js";
-import { e as T, b, c as v, d as y, g as z, a as w, t as F } from "./utils/getColorPresets.f3113d85.js";
-import { g as k } from "./utils/getColorState.456150fd.js";
+import { e as T, b, c as v, d as y, g as z, a as w, t as F } from "./utils/getColorPresets.d73f30ad.js";
+import { g as k } from "./utils/getColorState.bde51cf7.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.56660771.js";
-import "./theme/overrides/M4LExtendedComponents/index.9d7c79cc.js";
-import "./theme/overrides/M4LRHFComponents/index.b7f8e30c.js";
+import "./theme/overrides/MUIComponents/index.e3d060c3.js";
+import "./theme/overrides/M4LExtendedComponents/index.bd713d88.js";
+import "./theme/overrides/M4LRHFComponents/index.1406e2ed.js";
 export {
   u as PATRONUSCOLORS,
   T as blaze,

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@m4l/styles",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "license": "UNLICENSED",
+  "author": "m4l team",
   "dependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",

package/theme/{defaultThemeOptions.364b28b6.js → defaultThemeOptions.d67fe64c.js}

@@ -1,18 +1,18 @@
 import "@mui/material/styles";
 import "@mui/material/useMediaQuery";
-import { g as t } from "../utils/getColorPresets.f3113d85.js";
+import { g as t } from "../utils/getColorPresets.d73f30ad.js";
 import "@mui/system";
-import { t as o } from "./typography.1db0276b.js";
-import { p as a } from "./palette.4b477f9b.js";
+import { t as o } from "./typography.61f909b7.js";
+import { p as a } from "./palette.95c4f9c8.js";
 import { alpha as s } from "@mui/material";
-import { s as p, c as e } from "./shadows.b2f38616.js";
-import { g as m } from "../utils/getColorState.456150fd.js";
+import { s as p, c as e } from "./shadows.354bbb03.js";
+import { g as i } from "../utils/getColorState.bde51cf7.js";
 const w = {
   typography: o,
   palette: {
     ...a.light,
     primary: t("patronus"),
-    state: { ...m("patronus", "light") },
+    state: { ...i("patronus", "light") },
     representative: t("patronus").darker
   },
   shape: { borderRadius: 8 },
@@ -20,7 +20,7 @@ const w = {
   shadows: p.light,
   customShadows: {
     primary: `0 8px 16px 0 ${s(t("patronus").main, 0.2)}`,
-    ...e("dark")
+    ...e("light")
   },
   stretch: !0,
   spacing: (r) => `${0.5 * r}rem`

package/theme/index.efa44d2d.js

@@ -0,0 +1,7 @@
+import "./defaultThemeOptions.d67fe64c.js";
+import "./shadows.354bbb03.js";
+import "./palette.95c4f9c8.js";
+import "./typography.61f909b7.js";
+import "@mui/material";
+import "@mui/material/styles";
+import "@mui/system";

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

@@ -0,0 +1,53 @@
+import { Theme } from '@mui/material/styles';
+export declare const M4LAccordion: (theme: Theme) => {
+    M4LAccordion: {
+        styleOverrides: {
+            '&.M4LAccordion-root': {
+                width: string;
+                background: string;
+                boxShadow: string;
+                borderTop: string;
+                borderColor: string;
+                borderRadius: string;
+                '& .M4LTypography-root': {
+                    '& .MuiTypography-root': {
+                        color: string;
+                    };
+                };
+                '& .MuiPaper-root': {
+                    marginBottom: string;
+                };
+            };
+            '& .MuiButtonBase-root': {
+                '&.MuiAccordionSummary-root.Mui-expanded': {
+                    background: string;
+                    '& .M4LTypography-root': {
+                        '& .MuiTypography-root': {
+                            color: string;
+                        };
+                    };
+                    '& .MuiAccordionSummary-expandIconWrapper': {
+                        transform: string;
+                    };
+                    '& .M4LAccordion-endIcon': {
+                        transform: string;
+                    };
+                    '& .M4LIconButton-root': {};
+                };
+                test: string;
+            };
+            '& .MuiCollapse-root': {
+                background: string;
+                boxShadow: string;
+                borderTop: string;
+                borderColor: string;
+                borderRadius: string;
+                padding: string;
+                '& .MuiCollapse-wrapper': {
+                    padding: string;
+                    borderRadius: string;
+                };
+            };
+        };
+    };
+};

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

@@ -1,16 +1,54 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LAccountPopover: (_theme: Theme) => {
+export declare const M4LAccountPopover: (theme: Theme) => {
     M4LAccountPopover: {
         styleOverrides: {
-            '&.M4LAccountPopover-root': {
-                test: string;
-            };
+            '&.M4LAccountPopover-root': {};
         };
     };
     M4LAccountPopoverPopover: {
         styleOverrides: {
             '&.M4LAccountPopover-popover': {
                 test: string;
+                display: string;
+                flexDirection: string;
+                gap: string;
+                '& .MuiPaper-root': {
+                    display: string;
+                    flexDirection: string;
+                    gap: string;
+                    padding: string;
+                };
+                '& .M4LAccountPopover-containerAppVersion': {
+                    display: string;
+                    borderBottom: string;
+                    borderColor: string;
+                    paddingBottom: string;
+                };
+                '& .M4LAccountPopover-containerMenuItems': {
+                    '& .M4LAccountPopover-menuItem': {
+                        padding: string;
+                        borderRadius: string;
+                        cursor: string;
+                        '&:hover': {
+                            background: string;
+                        };
+                    };
+                };
+                '& .M4LAccountPopover-logOut': {
+                    borderTop: string;
+                    borderColor: string;
+                    justifyContent: string;
+                    paddingTop: string;
+                    cursor: string;
+                    padding: string;
+                    borderRadius: string;
+                    '&:hover': {
+                        background: string;
+                    };
+                };
+                '& .M4LPopover-arrowStyle': {
+                    display: string;
+                };
             };
         };
     };

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

@@ -1,59 +1,60 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LAppBar: (_theme: Theme) => {
+export declare const M4LAppBar: (theme: Theme) => {
     M4LAppBar: {
         styleOverrides: {
             '&.M4LAppBar-root': {
                 [x: string]: string | {
                     display: string;
-                    alignItems: string;
+                    justifyContent: string;
+                    alingItems: string;
                     width: string;
                     height: string;
-                    gap: string;
-                    background: string;
+                    minWidth: string;
+                    minHeight: string;
+                    alignItems: string;
+                    borderRadius: string;
+                    borderColor: string;
+                    "& .M4LAppBar-iconMenuToggle": {
+                        background: string;
+                        boxShadow: string;
+                        borderTop: string;
+                        borderColor: string;
+                        width: string;
+                        height: string;
+                        minWidth: string;
+                        minHeight: string;
+                    };
+                    borderTop?: undefined;
+                    background?: undefined;
                     boxShadow?: undefined;
-                    minWidth?: undefined;
-                    minHeight?: undefined;
-                    '& .M4LIconButton-root'?: undefined;
+                    paddingRight?: undefined;
+                    overflow?: undefined;
                     '& .M4LAvatar-root'?: undefined;
                 } | {
+                    display: string;
+                    alignItems: string;
+                    width: string;
+                    borderTop: string;
+                    borderColor: string;
                     background: string;
                     boxShadow: string;
-                    width: string;
-                    height: string;
-                    minWidth: string;
-                    minHeight: string;
-                    display?: undefined;
-                    alignItems?: undefined;
-                    gap?: undefined;
-                    '& .M4LIconButton-root'?: undefined;
+                    paddingRight: string;
+                    borderRadius: string;
+                    justifyContent?: undefined;
+                    alingItems?: undefined;
+                    height?: undefined;
+                    minWidth?: undefined;
+                    minHeight?: undefined;
+                    "& .M4LAppBar-iconMenuToggle"?: undefined;
+                    overflow?: undefined;
                     '& .M4LAvatar-root'?: undefined;
                 } | {
                     [x: string]: string | {
-                        display: string;
+                        width: string;
                         alignItems: string;
                         gap: string;
-                        widht: string;
-                        padding: string;
                         borderRadius: string;
-                        '&.M4LIconButton-sizeSmall'?: undefined;
-                        width?: undefined;
-                        height?: undefined;
-                        '& .MuiAvatar-root'?: undefined;
-                    } | {
-                        '&.M4LIconButton-sizeSmall': {
-                            backgroundColor: string;
-                            marginLeft: string;
-                            '& .M4LIcon-icon': {
-                                background: string;
-                            };
-                        };
-                        display?: undefined;
-                        alignItems?: undefined;
-                        gap?: undefined;
-                        widht?: undefined;
-                        padding?: undefined;
-                        borderRadius?: undefined;
-                        width?: undefined;
+                        display: string;
                         height?: undefined;
                         '& .MuiAvatar-root'?: undefined;
                     } | {
@@ -63,26 +64,16 @@ export declare const M4LAppBar: (_theme: Theme) => {
                             width: string;
                             height: string;
                         };
-                        display?: undefined;
                         alignItems?: undefined;
                         gap?: undefined;
-                        widht?: undefined;
-                        padding?: undefined;
                         borderRadius?: undefined;
-                        '&.M4LIconButton-sizeSmall'?: undefined;
+                        display?: undefined;
                     };
                     display: string;
                     width: string;
-                    gap: string;
-                    '& .M4LIconButton-root': {
-                        '&.M4LIconButton-sizeSmall': {
-                            backgroundColor: string;
-                            marginLeft: string;
-                            '& .M4LIcon-icon': {
-                                background: string;
-                            };
-                        };
-                    };
+                    overflow: string;
+                    alignItems: string;
+                    borderRadius: string;
                     '& .M4LAvatar-root': {
                         width: string;
                         height: string;
@@ -91,59 +82,59 @@ export declare const M4LAppBar: (_theme: Theme) => {
                             height: string;
                         };
                     };
-                    alignItems?: undefined;
+                    justifyContent?: undefined;
+                    alingItems?: undefined;
                     height?: undefined;
-                    background?: undefined;
-                    boxShadow?: undefined;
                     minWidth?: undefined;
                     minHeight?: undefined;
+                    borderColor?: undefined;
+                    "& .M4LAppBar-iconMenuToggle"?: undefined;
+                    borderTop?: undefined;
+                    background?: undefined;
+                    boxShadow?: undefined;
+                    paddingRight?: undefined;
                 };
                 test: string;
                 display: string;
                 width: string;
+                overflow: string;
                 height: string;
-                padding: string;
                 alignItems: string;
                 borderRadius: string;
-                background: string;
-                boxShadow: string;
+                padding: string;
                 borderTop: string;
                 borderColor: string;
-                "& .M4LAppBar-iconMenuToggle": {
-                    background: string;
-                    boxShadow: string;
+                background: string;
+                boxShadow: string;
+                '& .M4LAppBar-containerIconMenuToggle': {
+                    display: string;
+                    justifyContent: string;
+                    alingItems: string;
                     width: string;
                     height: string;
                     minWidth: string;
                     minHeight: string;
+                    alignItems: string;
+                    borderRadius: string;
+                    borderColor: string;
+                    "& .M4LAppBar-iconMenuToggle": {
+                        background: string;
+                        boxShadow: string;
+                        borderTop: string;
+                        borderColor: string;
+                        width: string;
+                        height: string;
+                        minWidth: string;
+                        minHeight: string;
+                    };
                 };
                 '& .M4LAppBar-containerChilds': {
                     [x: string]: string | {
-                        display: string;
+                        width: string;
                         alignItems: string;
                         gap: string;
-                        widht: string;
-                        padding: string;
                         borderRadius: string;
-                        '&.M4LIconButton-sizeSmall'?: undefined;
-                        width?: undefined;
-                        height?: undefined;
-                        '& .MuiAvatar-root'?: undefined;
-                    } | {
-                        '&.M4LIconButton-sizeSmall': {
-                            backgroundColor: string;
-                            marginLeft: string;
-                            '& .M4LIcon-icon': {
-                                background: string;
-                            };
-                        };
-                        display?: undefined;
-                        alignItems?: undefined;
-                        gap?: undefined;
-                        widht?: undefined;
-                        padding?: undefined;
-                        borderRadius?: undefined;
-                        width?: undefined;
+                        display: string;
                         height?: undefined;
                         '& .MuiAvatar-root'?: undefined;
                     } | {
@@ -153,26 +144,16 @@ export declare const M4LAppBar: (_theme: Theme) => {
                             width: string;
                             height: string;
                         };
-                        display?: undefined;
                         alignItems?: undefined;
                         gap?: undefined;
-                        widht?: undefined;
-                        padding?: undefined;
                         borderRadius?: undefined;
-                        '&.M4LIconButton-sizeSmall'?: undefined;
+                        display?: undefined;
                     };
                     display: string;
                     width: string;
-                    gap: string;
-                    '& .M4LIconButton-root': {
-                        '&.M4LIconButton-sizeSmall': {
-                            backgroundColor: string;
-                            marginLeft: string;
-                            '& .M4LIcon-icon': {
-                                background: string;
-                            };
-                        };
-                    };
+                    overflow: string;
+                    alignItems: string;
+                    borderRadius: string;
                     '& .M4LAvatar-root': {
                         width: string;
                         height: string;