@m4l/styles 0.0.15 → 0.0.17

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.19dec027.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.2e62f620.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.9ef37d1d.js";
-import "./theme/overrides/M4LRHFComponents/index.5f690e33.js";
+import "./theme/overrides/MUIComponents/index.e3d060c3.js";
+import "./theme/overrides/M4LExtendedComponents/index.39bae580.js";
+import "./theme/overrides/M4LRHFComponents/index.1406e2ed.js";
 export {
   u as PATRONUSCOLORS,
   T as blaze,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "license": "UNLICENSED",
   "dependencies": {
     "@emotion/react": "^11.9.0",

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

@@ -0,0 +1,55 @@
+import { Theme } from '@mui/material/styles';
+export declare const M4LAccountPopover: (theme: Theme) => {
+    M4LAccountPopover: {
+        styleOverrides: {
+            '&.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

@@ -0,0 +1,164 @@
+import { Theme } from '@mui/material/styles';
+export declare const M4LAppBar: (theme: Theme) => {
+    M4LAppBar: {
+        styleOverrides: {
+            '&.M4LAppBar-root': {
+                [x: string]: string | {
+                    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;
+                    };
+                    borderTop?: undefined;
+                    background?: undefined;
+                    boxShadow?: undefined;
+                    paddingRight?: undefined;
+                    overflow?: undefined;
+                    '& .M4LAvatar-root'?: undefined;
+                } | {
+                    display: string;
+                    alignItems: string;
+                    width: string;
+                    borderTop: string;
+                    borderColor: string;
+                    background: string;
+                    boxShadow: string;
+                    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 | {
+                        alignItems: string;
+                        gap: string;
+                        borderRadius: string;
+                        display: string;
+                        width?: undefined;
+                        height?: undefined;
+                        '& .MuiAvatar-root'?: undefined;
+                    } | {
+                        width: string;
+                        height: string;
+                        '& .MuiAvatar-root': {
+                            width: string;
+                            height: string;
+                        };
+                        alignItems?: undefined;
+                        gap?: undefined;
+                        borderRadius?: undefined;
+                        display?: undefined;
+                    };
+                    display: string;
+                    width: string;
+                    overflow: string;
+                    alignItems: string;
+                    borderRadius: string;
+                    '& .M4LAvatar-root': {
+                        width: string;
+                        height: string;
+                        '& .MuiAvatar-root': {
+                            width: string;
+                            height: string;
+                        };
+                    };
+                    justifyContent?: undefined;
+                    alingItems?: undefined;
+                    height?: 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;
+                alignItems: string;
+                borderRadius: 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 | {
+                        alignItems: string;
+                        gap: string;
+                        borderRadius: string;
+                        display: string;
+                        width?: undefined;
+                        height?: undefined;
+                        '& .MuiAvatar-root'?: undefined;
+                    } | {
+                        width: string;
+                        height: string;
+                        '& .MuiAvatar-root': {
+                            width: string;
+                            height: string;
+                        };
+                        alignItems?: undefined;
+                        gap?: undefined;
+                        borderRadius?: undefined;
+                        display?: undefined;
+                    };
+                    display: string;
+                    width: string;
+                    overflow: string;
+                    alignItems: string;
+                    borderRadius: string;
+                    '& .M4LAvatar-root': {
+                        width: string;
+                        height: string;
+                        '& .MuiAvatar-root': {
+                            width: string;
+                            height: string;
+                        };
+                    };
+                };
+            };
+        };
+    };
+};