@m4l/styles 0.0.30 → 0.0.32

package/index.js

@@ -1,41 +1,41 @@
-import { d as f } from "./theme/defaultThemeOptions.a8de2e18.js";
-import { c as l, s as g } from "./theme/shadows.b036a684.js";
-import { P as u, p as d } from "./theme/palette.104051a7.js";
-import { t as S } from "./theme/typography.7591a12b.js";
-import { f as O } from "./theme/overrides/index.cbe0dea7.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.2693301f.js";
-import { g as k } from "./utils/getColorState.32c050bf.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 { g as f, m as x } from "./config.5405b46b.js";
+import { d as g } from "./theme/defaultThemeOptions.b25c825e.js";
+import { c as u, s as d } from "./theme/shadows.9800d84c.js";
+import { P as S, p as C } from "./theme/palette.31d770bc.js";
+import { t as R } from "./theme/typography.b14a8e35.js";
+import { f as c } from "./theme/overrides/index.158187f3.js";
+import { u as T } from "./utils/useResponsive.2c45e8e0.js";
+import { g as w } from "./utils/getColorState.4350ccb4.js";
+import { e as y, b as F, c as V, d as k, g as q, a as A, t as B } from "./utils/getColorPresets.9fec9cc2.js";
+import { g as N, p as U, a as j, r as D } from "./utils/getFontValue.88831637.js";
+import "@mui/material";
 import "@mui/material/styles";
-import "@mui/material/useMediaQuery";
+import "./theme/overrides/MUIComponents/index.1b2b2be2.js";
+import "./theme/overrides/M4LExtendedComponents/index.15f2650a.js";
 import "@mui/system";
-import "@mui/material";
-import "./theme/overrides/MUIComponents/index.f50cd1c7.js";
-import "./theme/overrides/M4LExtendedComponents/index.e875a5e1.js";
-import "./theme/overrides/M4LRHFComponents/index.d3125fd8.js";
+import "./theme/overrides/M4LRHFComponents/index.e6262889.js";
+import "@mui/material/useMediaQuery";
 export {
-  u as PATRONUSCOLORS,
-  h as blaze,
-  T as brown,
-  v as colorPresets,
-  l as createCustomShadows,
-  w as defaultPreset,
-  f as defaultThemeOptions,
-  O as fnComponentsOverrides,
-  z as getColorPresets,
-  k as getColorState,
-  A as getFontValue,
-  j as globalRemSize,
-  y as grass,
-  D as muiBreakpointsValues,
-  d as palette,
-  B as pxToRem,
-  L as remToPx,
-  N as responsiveFontSizes,
-  g as shadows,
-  F as turqui,
-  S as typography,
-  b as useResponsive
+  S as PATRONUSCOLORS,
+  y as blaze,
+  F as brown,
+  V as colorPresets,
+  u as createCustomShadows,
+  k as defaultPreset,
+  g as defaultThemeOptions,
+  c as fnComponentsOverrides,
+  q as getColorPresets,
+  w as getColorState,
+  N as getFontValue,
+  f as globalRemSize,
+  A as grass,
+  x as muiBreakpointsValues,
+  C as palette,
+  U as pxToRem,
+  j as remToPx,
+  D as responsiveFontSizes,
+  d as shadows,
+  B as turqui,
+  R as typography,
+  T as useResponsive
 };

package/package.json

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

package/theme/defaultThemeOptions.b25c825e.js

@@ -0,0 +1,27 @@
+import { t as a } from "./typography.b14a8e35.js";
+import { p as o } from "./palette.31d770bc.js";
+import { alpha as s } from "@mui/material";
+import { s as e, c as p } from "./shadows.9800d84c.js";
+import { g as r } from "../utils/getColorPresets.9fec9cc2.js";
+import { g as m } from "../utils/getColorState.4350ccb4.js";
+const f = {
+  typography: a,
+  palette: {
+    ...o.dark,
+    primary: r("patronus"),
+    state: { ...m("patronus", "dark") },
+    representative: r("patronus").darker
+  },
+  shape: { borderRadius: 8 },
+  direction: "rtl",
+  shadows: e.dark,
+  customShadows: {
+    primary: `0 8px 16px 0 ${s(r("patronus").main, 0.2)}`,
+    ...p("dark")
+  },
+  stretch: !0,
+  spacing: (t) => `${0.5 * t}rem`
+};
+export {
+  f as d
+};

package/theme/index.34d0fdea.js

@@ -0,0 +1 @@
+

package/theme/index.d.ts

@@ -6,4 +6,5 @@ export type { PatronusConstantColors } from './palette';
 export type { ColorSchema, StateDefault, StateSkeleton } from './palette';
 export type { ColorStateOptions } from '../utils/getColorState';
 export { typography } from './typography';
+export type { M4LTypographyVariants } from './typography';
 export { fnComponentsOverrides } from './overrides';

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

@@ -15,34 +15,41 @@ export declare const M4LAccordion: (theme: Theme) => {
                     background: string;
                     marginBottom: string;
                     borderRadius: string;
+                    border: string;
+                    borderColor: string;
                 };
             };
             '& .MuiButtonBase-root': {
                 padding: string;
                 borderRadius: string;
-                "&:hover": {
+                height: string;
+                minHeight: string;
+                "&:hover": {};
+                '&.MuiAccordionSummary-root': {
                     background: string;
-                };
-                '&.MuiAccordionSummary-root.Mui-expanded': {
-                    background: string;
-                    '& .M4LTypography-root': {
-                        '& .MuiTypography-root': {
-                            color: string;
+                    '& .Mui-expanded': {
+                        background: string;
+                        borderRadius: string;
+                        height: string;
+                        minHeight: string;
+                        '& .M4LTypography-root': {
+                            '& .MuiTypography-root': {
+                                color: string;
+                            };
                         };
+                        '& .MuiAccordionSummary-expandIconWrapper': {
+                            transform: string;
+                        };
+                        '& .M4LAccordion-endIcon': {
+                            transform: string;
+                        };
+                        '& .M4LIconButton-root': {};
                     };
-                    '& .MuiAccordionSummary-expandIconWrapper': {
-                        transform: string;
-                    };
-                    '& .M4LAccordion-endIcon': {
-                        transform: string;
-                    };
-                    '& .M4LIconButton-root': {};
                 };
                 test: string;
             };
             '& .MuiCollapse-root': {
                 background: string;
-                borderTop: string;
                 borderColor: string;
                 borderRadius: string;
                 padding: string;

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

@@ -9,118 +9,148 @@ export declare const M4LAccountPopover: (theme: Theme) => {
     };
     M4LAccountPopoverPopover: {
         styleOverrides: {
-            '&.M4LAccountPopover-popover': {
+            '& .M4LAccountPopover-popover': {
                 display: string;
                 flexDirection: string;
                 gap: string;
                 borderRadius: string;
-                '& .MuiPaper-root': {
+            };
+            '& .MuiPaper-root': {
+                display: string;
+                flexDirection: string;
+                gap: string;
+                padding: string;
+                borderRadius: string;
+                boxShadow: string;
+                background: string;
+                '& .M4LAccountPopover-containerUserInfo': {
                     display: string;
                     flexDirection: string;
                     gap: string;
-                    padding: string;
-                    borderRadius: string;
-                    boxShadow: string;
-                    background: string;
-                    '& .M4LAccountPopover-containerUserInfo': {
+                    '& .M4LAccountPopover-containerUserName': {
                         display: string;
                         flexDirection: string;
-                        '& .M4LAccountPopover-containerUserName': {
-                            display: string;
-                            flexDirection: string;
-                            gap: string;
-                            padding: string;
-                            "& .M4LAccountPopover-labelUserName": {
-                                padding: string;
-                                color: string;
-                            };
+                        gap: string;
+                        padding: string;
+                        '& .M4LIcon-root': {
+                            minWidth: string;
+                            minHeight: string;
                         };
-                        '& .M4LAccountPopover-containerUserEmail': {
-                            display: string;
-                            flexDirection: string;
-                            gap: string;
-                            padding: string;
-                            "& .M4LAccountPopover-labelUserEmail": {
-                                padding: string;
-                                color: string;
-                            };
+                        "& .M4LAccountPopover-labelUserName": {
+                            width: string;
+                            minHeight: string;
+                            color: string;
                         };
                     };
-                    '& .M4LAccountPopover-containerAppVersion': {
+                    '& .M4LAccountPopover-containerUserEmail': {
                         display: string;
                         flexDirection: string;
                         gap: string;
                         padding: string;
-                        "& .M4LAccountPopover-labelVersion": {
-                            padding: string;
+                        '& .M4LIcon-root': {
+                            minWidth: string;
+                            minHeight: string;
+                        };
+                        "& .M4LAccountPopover-labelUserEmail": {
+                            width: string;
+                            minHeight: string;
                             color: string;
                         };
                     };
-                    '& .M4LAccountPopover-containerMenuItems': {
-                        borderTop: string;
-                        borderBottom: string;
-                        borderColor: string;
-                        padding: string;
-                        margin: string;
+                };
+                '& .M4LAccountPopover-containerAppVersion': {
+                    display: string;
+                    flexDirection: string;
+                    gap: string;
+                    padding: string;
+                    '& .M4LIcon-root': {
+                        minWidth: string;
+                        minHeight: string;
+                    };
+                    "& .M4LAccountPopover-labelVersion": {
+                        width: string;
+                        minHeight: string;
+                        color: string;
+                    };
+                };
+                '& .M4LAccountPopover-containerMenuItems': {
+                    borderTop: string;
+                    borderBottom: string;
+                    borderColor: string;
+                    padding: string;
+                    display: string;
+                    flexDirection: string;
+                    gap: string;
+                    '& .M4LAccountPopover-containerProgress': {
                         display: string;
-                        flexDirection: string;
-                        gap: string;
-                        '& .M4LAccountPopover-containerSetting': {
-                            display: string;
-                            flexDirection: string;
-                            gap: string;
-                            width: string;
-                            borderRadius: string;
-                            padding: string;
-                            cursor: string;
-                            '&:hover': {
-                                background: string;
-                            };
-                            '& .M4LAccountPopover-menuItem': {
-                                padding: string;
-                                borderRadius: string;
-                            };
-                        };
+                        justifyContent: string;
+                        alignItems: string;
                     };
-                    '& .M4LAccountPopover-containerlogOut': {
+                    '& .M4LAccountPopover-containerSetting': {
                         display: string;
                         flexDirection: string;
                         gap: string;
-                        padding: string;
-                        borderRadius: string;
                         width: string;
-                        alignItems: string;
+                        borderRadius: string;
                         cursor: string;
                         '&:hover': {
                             background: string;
                         };
-                        '& .M4LAccountPopover-logOut': {
-                            padding: string;
+                        '& .M4LIcon-root': {
+                            minWidth: string;
+                            minHeight: string;
+                        };
+                        '& .M4LAccountPopover-menuItem': {
                             borderRadius: string;
+                            width: string;
+                            minHeight: string;
                             color: string;
                         };
                     };
-                    '& .M4LPopover-arrowStyle': {
+                };
+                '& .M4LAccountPopover-containerlogOut': {
+                    display: string;
+                    flexDirection: string;
+                    gap: string;
+                    padding: string;
+                    borderRadius: string;
+                    width: string;
+                    alignItems: string;
+                    cursor: string;
+                    '&:hover': {
+                        background: string;
+                    };
+                    '& .M4LIcon-root': {
+                        minWidth: string;
+                        minHeight: string;
+                    };
+                    '& .M4LAccountPopover-logOut': {
+                        borderRadius: string;
+                        width: string;
+                        minHeight: string;
+                        color: string;
+                    };
+                };
+                '& .M4LPopover-arrowStyle': {
+                    display: string;
+                    '& .M4LAccountPopover-containerUserInfo': {
                         display: string;
-                        '& .M4LAccountPopover-containerUserInfo': {
+                        '& .M4LAccountPopover-containerUserName': {
                             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': {};
+                            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

@@ -7,6 +7,40 @@ export declare const M4LAppBar: (theme: Theme) => {
                     width: string;
                     marginLeft: string;
                     gap: string;
+                    '& .M4LImage-root'?: undefined;
+                    '& .M4LAppBar-containerImageTypography'?: undefined;
+                    display?: undefined;
+                    alingItems?: undefined;
+                    height?: undefined;
+                    minWidth?: undefined;
+                    minHeight?: undefined;
+                    alignItems?: undefined;
+                    borderRadius?: undefined;
+                    borderColor?: undefined;
+                    justifyContent?: undefined;
+                    "& .M4LAppBar-iconMenuToggle"?: undefined;
+                    flexDirection?: undefined;
+                    '& .M4LAppBar-containerChilds'?: undefined;
+                } | {
+                    '& .M4LImage-root': {
+                        width: string;
+                        height: string;
+                        backgroundColor: string;
+                        borderRadius: string;
+                        padding: string;
+                    };
+                    '& .M4LAppBar-containerImageTypography': {
+                        display: string;
+                        alignItems: string;
+                        gap: string;
+                        '& .M4LTypography-root': {
+                            textWrap: string;
+                            textTransform: string;
+                        };
+                    };
+                    width?: undefined;
+                    marginLeft?: undefined;
+                    gap?: undefined;
                     display?: undefined;
                     alingItems?: undefined;
                     height?: undefined;
@@ -52,6 +86,8 @@ export declare const M4LAppBar: (theme: Theme) => {
                     };
                     marginLeft?: undefined;
                     gap?: undefined;
+                    '& .M4LImage-root'?: undefined;
+                    '& .M4LAppBar-containerImageTypography'?: undefined;
                     flexDirection?: undefined;
                     '& .M4LAppBar-containerChilds'?: undefined;
                 } | {
@@ -165,6 +201,8 @@ export declare const M4LAppBar: (theme: Theme) => {
                         };
                     };
                     marginLeft?: undefined;
+                    '& .M4LImage-root'?: undefined;
+                    '& .M4LAppBar-containerImageTypography'?: undefined;
                     alingItems?: undefined;
                     height?: undefined;
                     minWidth?: undefined;
@@ -177,6 +215,7 @@ export declare const M4LAppBar: (theme: Theme) => {
                 display: string;
                 width: string;
                 overflow: string;
+                minHeight: string;
                 height: string;
                 alignItems: string;
                 padding: string;
@@ -184,6 +223,25 @@ export declare const M4LAppBar: (theme: Theme) => {
                 borderBottom: string;
                 borderColor: string;
                 justifyContent: string;
+                gap: string;
+                '& .M4LAppBar-containerLogo': {
+                    '& .M4LImage-root': {
+                        width: string;
+                        height: string;
+                        backgroundColor: string;
+                        borderRadius: string;
+                        padding: string;
+                    };
+                    '& .M4LAppBar-containerImageTypography': {
+                        display: string;
+                        alignItems: string;
+                        gap: string;
+                        '& .M4LTypography-root': {
+                            textWrap: string;
+                            textTransform: string;
+                        };
+                    };
+                };
                 '& .M4LAppBar-containerIconMenuToggle': {
                     display: string;
                     alingItems: string;
@@ -329,8 +387,5 @@ export declare const M4LAppBar: (theme: Theme) => {
                 };
             };
         };
-        "*css-1gn3ygk": {
-            overflow: string;
-        };
     };
 };