@m4l/styles 0.0.49 → 1.0.1

package/index.js

@@ -1,41 +1,51 @@
-import { d as f } from "./theme/defaultThemeOptions.656b9eff.js";
-import { c as l, s as g } from "./theme/shadows.86540b18.js";
-import { P as u, p as d } from "./theme/palette.0590e8a6.js";
-import { t as S } from "./theme/typography.ed54f014.js";
-import { f as O } from "./theme/overrides/index.32aa77da.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.2a91ffaf.js";
-import { g as k } from "./utils/getColorState.7b9634af.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 { d as f } from "./theme/defaultThemeOptions.0976e58a.js";
+import { c as R, s as S } from "./theme/shadows.e0c009ff.js";
+import { C, E as l, G as g, I as n, O as u, P, a as T, b as d, S as A, c as E, W as N, p as b } from "./theme/palette.287635f2.js";
+import { t as I } from "./theme/typography.2a9a38a6.js";
+import { f as F } from "./theme/overrides/index.9323564e.js";
+import { u as v } from "./utils/useResponsive.2c45e8e0.js";
+import { e as z, b as G, c as L, d as M, g as U, a as y, t as D } from "./utils/getColorPresets.a96a4046.js";
+import { g as W } from "./utils/getColorState.b50b5b1e.js";
+import { g as q, p as B, a as j, r as H } from "./utils/getFontValue.88831637.js";
+import { g as K, m as Q } from "./config.5405b46b.js";
 import "@mui/material/styles";
 import "@mui/material/useMediaQuery";
 import "@mui/system";
 import "@mui/material";
-import "./theme/overrides/MUIComponents/index.d2b98b86.js";
-import "./theme/overrides/M4LExtendedComponents/index.0ba2f034.js";
-import "./theme/overrides/M4LRHFComponents/index.f37c2406.js";
+import "./theme/overrides/MUIComponents/index.7fb80545.js";
+import "./theme/overrides/M4LExtendedComponents/index.21814c8d.js";
+import "./theme/overrides/M4LRHFComponents/index.3599b255.js";
 export {
-  u as PATRONUSCOLORS,
-  h as blaze,
-  T as brown,
-  v as colorPresets,
-  l as createCustomShadows,
-  w as defaultPreset,
+  C as COMMON,
+  l as ERROR,
+  g as GREY,
+  n as INFO,
+  u as OPACITYCOLORS,
+  P as PATRONUSCOLORS,
+  T as PRIMARY,
+  d as SECONDARY,
+  A as STATEDEFAULT,
+  E as SUCCESS,
+  N as WARNING,
+  z as blaze,
+  G as brown,
+  L as colorPresets,
+  R as createCustomShadows,
+  M as defaultPreset,
   f as defaultThemeOptions,
-  O as fnComponentsOverrides,
-  z as getColorPresets,
-  k as getColorState,
-  A as getFontValue,
-  j as globalRemSize,
+  F as fnComponentsOverrides,
+  U as getColorPresets,
+  W as getColorState,
+  q as getFontValue,
+  K as globalRemSize,
   y as grass,
-  D as muiBreakpointsValues,
-  d as palette,
+  Q as muiBreakpointsValues,
+  b as palette,
   B as pxToRem,
-  L as remToPx,
-  N as responsiveFontSizes,
-  g as shadows,
-  F as turqui,
-  S as typography,
-  b as useResponsive
+  j as remToPx,
+  H as responsiveFontSizes,
+  S as shadows,
+  D as turqui,
+  I as typography,
+  v as useResponsive
 };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@m4l/styles",
-  "version": "0.0.49",
+  "version": "1.0.1",
   "license": "UNLICENSED",
   "author": "m4l team",
   "dependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "5.10.4",
+    "@mui/material": "5.15.19",
     "@mui/x-date-pickers": "6.11.1",
     "react": "^17.0.0 || 18.x",
     "react-dom": "^18.0.0"

package/theme/defaultThemeOptions.0976e58a.js

@@ -0,0 +1,34 @@
+import "@mui/material/styles";
+import "@mui/material/useMediaQuery";
+import { g as t } from "../utils/getColorPresets.a96a4046.js";
+import "@mui/system";
+import { t as a } from "./typography.2a9a38a6.js";
+import { p as e } from "./palette.287635f2.js";
+import { createTheme as o, alpha as s } from "@mui/material";
+import { s as p, c as m } from "./shadows.e0c009ff.js";
+import { g as i } from "../utils/getColorState.b50b5b1e.js";
+const r = o(), k = {
+  ...r,
+  typography: a,
+  palette: {
+    ...r.palette,
+    ...e.dark,
+    primary: {
+      ...r.palette.primary,
+      ...t("patronus")
+    },
+    state: i("patronus", "light"),
+    representative: t("patronus").darker,
+    mode: "light"
+  },
+  shape: { borderRadius: 8 },
+  shadows: p.dark,
+  customShadows: {
+    primary: `0 8px 16px 0 ${s(t("patronus").main, 0.2)}`,
+    ...m("dark")
+  },
+  stretch: !0
+};
+export {
+  k as d
+};

package/theme/defaultThemeOptions.d.ts

@@ -1,5 +1 @@
-import { ThemeOptions } from '@mui/material/styles';
-export interface OverrridesThemeOptions extends Omit<ThemeOptions, 'typography'> {
-    typography: any;
-}
-export declare const defaultThemeOptions: OverrridesThemeOptions;
+export declare const defaultThemeOptions: any;

package/theme/index.5da3436d.js

@@ -0,0 +1,7 @@
+import "./defaultThemeOptions.0976e58a.js";
+import "./shadows.e0c009ff.js";
+import "./palette.287635f2.js";
+import "./typography.2a9a38a6.js";
+import "@mui/material";
+import "@mui/material/styles";
+import "@mui/system";

package/theme/index.d.ts

@@ -1,7 +1,7 @@
 export type { CustomShadowOptions } from './shadows';
 export { defaultThemeOptions } from './defaultThemeOptions';
 export { shadows, createCustomShadows } from './shadows';
-export { palette, PATRONUSCOLORS } from './palette';
+export * from './palette';
 export type { PatronusConstantColors } from './palette';
 export type { ColorSchema, StateDefault, StateSkeleton } from './palette';
 export type { ColorStateOptions } from '../utils/getColorState';

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

@@ -1,5 +1,5 @@
-import { Theme } from '@mui/material/styles';
-export declare const M4LAccordion: (theme: Theme) => {
+import { Theme, CssVarsTheme } from '@mui/material/styles';
+export declare const M4LAccordion: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
     M4LAccordion: {
         styleOverrides: {
             '&.M4LAccordion-root': {

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

@@ -1,5 +1,5 @@
-import { Theme } from '@mui/material/styles';
-export declare const M4LAccountPopover: (theme: Theme) => {
+import { Theme, CssVarsTheme } from '@mui/material/styles';
+export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
     M4LAccountPopover: {
         styleOverrides: {
             '&.M4LAccountPopover-root': {

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

@@ -1,5 +1,5 @@
-import { Theme } from '@mui/material/styles';
-export declare const M4LAppBar: (theme: Theme) => {
+import { Theme, CssVarsTheme } from '@mui/material/styles';
+export declare const M4LAppBar: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
     M4LAppBar: {
         styleOverrides: {
             '&.M4LAppBar-root': {
@@ -24,7 +24,6 @@ export declare const M4LAppBar: (theme: Theme) => {
                     overflow?: undefined;
                     background?: undefined;
                     boxShadow?: undefined;
-                    '& .M4LanguagePopover-root'?: undefined;
                     '& .M4LAvatar-root'?: undefined;
                 } | {
                     '& .M4LImage-root': {
@@ -62,7 +61,6 @@ export declare const M4LAppBar: (theme: Theme) => {
                     overflow?: undefined;
                     background?: undefined;
                     boxShadow?: undefined;
-                    '& .M4LanguagePopover-root'?: undefined;
                     '& .M4LAvatar-root'?: undefined;
                 } | {
                     display: string;
@@ -98,7 +96,6 @@ export declare const M4LAppBar: (theme: Theme) => {
                     overflow?: undefined;
                     background?: undefined;
                     boxShadow?: undefined;
-                    '& .M4LanguagePopover-root'?: undefined;
                     '& .M4LAvatar-root'?: undefined;
                 } | {
                     [x: string]: string | {
@@ -112,27 +109,6 @@ export declare const M4LAppBar: (theme: Theme) => {
                         paddingRight: string;
                         borderRadius: string;
                         gap: string;
-                        '& .M4LImageButton-root'?: undefined;
-                        height?: undefined;
-                        padding?: undefined;
-                        '& .MuiAvatar-root'?: undefined;
-                    } | {
-                        '& .M4LImageButton-root': {
-                            '& .MuiButtonBase-root': {
-                                width: string;
-                                height: string;
-                            };
-                        };
-                        display?: undefined;
-                        alignItems?: undefined;
-                        width?: undefined;
-                        borderTop?: undefined;
-                        borderColor?: undefined;
-                        background?: undefined;
-                        boxShadow?: undefined;
-                        paddingRight?: undefined;
-                        borderRadius?: undefined;
-                        gap?: undefined;
                         height?: undefined;
                         padding?: undefined;
                         '& .MuiAvatar-root'?: undefined;
@@ -171,7 +147,6 @@ export declare const M4LAppBar: (theme: Theme) => {
                         paddingRight?: undefined;
                         borderRadius?: undefined;
                         gap?: undefined;
-                        '& .M4LImageButton-root'?: undefined;
                     };
                     flexGrow: string;
                     display: string;
@@ -184,14 +159,6 @@ export declare const M4LAppBar: (theme: Theme) => {
                     borderRadius: string;
                     background: string;
                     boxShadow: string;
-                    '& .M4LanguagePopover-root': {
-                        '& .M4LImageButton-root': {
-                            '& .MuiButtonBase-root': {
-                                width: string;
-                                height: string;
-                            };
-                        };
-                    };
                     '& .M4LAvatar-root': {
                         [x: string]: string | {
                             width: string;
@@ -299,27 +266,6 @@ export declare const M4LAppBar: (theme: Theme) => {
                         paddingRight: string;
                         borderRadius: string;
                         gap: string;
-                        '& .M4LImageButton-root'?: undefined;
-                        height?: undefined;
-                        padding?: undefined;
-                        '& .MuiAvatar-root'?: undefined;
-                    } | {
-                        '& .M4LImageButton-root': {
-                            '& .MuiButtonBase-root': {
-                                width: string;
-                                height: string;
-                            };
-                        };
-                        display?: undefined;
-                        alignItems?: undefined;
-                        width?: undefined;
-                        borderTop?: undefined;
-                        borderColor?: undefined;
-                        background?: undefined;
-                        boxShadow?: undefined;
-                        paddingRight?: undefined;
-                        borderRadius?: undefined;
-                        gap?: undefined;
                         height?: undefined;
                         padding?: undefined;
                         '& .MuiAvatar-root'?: undefined;
@@ -358,7 +304,6 @@ export declare const M4LAppBar: (theme: Theme) => {
                         paddingRight?: undefined;
                         borderRadius?: undefined;
                         gap?: undefined;
-                        '& .M4LImageButton-root'?: undefined;
                     };
                     flexGrow: string;
                     display: string;
@@ -371,14 +316,6 @@ export declare const M4LAppBar: (theme: Theme) => {
                     borderRadius: string;
                     background: string;
                     boxShadow: string;
-                    '& .M4LanguagePopover-root': {
-                        '& .M4LImageButton-root': {
-                            '& .MuiButtonBase-root': {
-                                width: string;
-                                height: string;
-                            };
-                        };
-                    };
                     '& .M4LAvatar-root': {
                         [x: string]: string | {
                             width: string;

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

@@ -1,5 +1,5 @@
-import { Theme } from '@mui/material/styles';
-export declare const M4LAppBarCommercial: (theme: Theme) => {
+import { Theme, CssVarsTheme } from '@mui/material/styles';
+export declare const M4LAppBarCommercial: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
     M4LAppBarCommercial: {
         styleOverrides: {
             '&.M4LAppBarCommercial-root': {