@m4l/styles 2.0.3 → 3.0.0

package/index.js

@@ -1,51 +1,32 @@
-import { d as f } from "./theme/defaultThemeOptions.d580f3ec.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.947dc33f.js";
-import { f as F } from "./theme/overrides/index.78952902.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.18b61422.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.5c43e3b5.js";
-import "./theme/overrides/M4LRHFComponents/index.38639c1b.js";
-import "./theme/overrides/M4LExtendedComponents/index.79301515.js";
+import { g as o, m as a } from "./config-CoeBxEZB.js";
+import { d as t } from "./theme/defaultThemeOptions-BlJvKCE6.js";
+import { c as m, s as f } from "./theme/shadows-GTYqExFA.js";
+import { t as x } from "./theme/typography-BsOO459U.js";
+import { f as C } from "./theme/overrides/index-DrDgOdnk.js";
+import { B as i, a as l, C as S, G as u, g as E, p as P } from "./theme/palette-DM0gXxA2.js";
+import { u as T } from "./utils/useResponsive-DaeQVwlH.js";
+import { D as _, d as A, g as B } from "./utils/getColorPresets-CXZaM9oS.js";
+import { g as h, p as v, a as y, r as F } from "./utils/getFontValue-BEO-XID9.js";
 export {
-  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,
-  F as fnComponentsOverrides,
-  U as getColorPresets,
-  W as getColorState,
-  q as getFontValue,
-  K as globalRemSize,
-  y as grass,
-  Q as muiBreakpointsValues,
-  b as palette,
-  B as pxToRem,
-  j as remToPx,
-  H as responsiveFontSizes,
-  S as shadows,
-  D as turqui,
-  I as typography,
-  v as useResponsive
+  i as BASE_COLORS,
+  l as BASE_OPACITY_COLORS,
+  S as COMMON_COLORS,
+  _ as DEFAULT_PRESET,
+  u as GREY_PALETTE,
+  m as createCustomShadows,
+  A as defaultPresetColors,
+  t as defaultThemeOptions,
+  C as fnComponentsOverrides,
+  B as getColorPresets,
+  h as getFontValue,
+  E as getPaletteByPreset,
+  o as globalRemSize,
+  a as muiBreakpointsValues,
+  P as presetsOptions,
+  v as pxToRem,
+  y as remToPx,
+  F as responsiveFontSizes,
+  f as shadows,
+  x as typography,
+  T as useResponsive
 };

package/package.json

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

package/theme/defaultThemeOptions-BlJvKCE6.js

@@ -0,0 +1,24 @@
+import { createTheme as a, alpha as s } from "@mui/material/styles";
+import { t as o } from "./typography-BsOO459U.js";
+import { s as r, c as m } from "./shadows-GTYqExFA.js";
+import { g as p } from "./palette-DM0gXxA2.js";
+import { g as h, D as t } from "../utils/getColorPresets-CXZaM9oS.js";
+const e = a(), f = {
+  ...e,
+  typography: o,
+  palette: {
+    ...e.palette,
+    ...p(t).light,
+    mode: "light"
+  },
+  shape: { borderRadius: 8 },
+  shadows: r.dark,
+  customShadows: {
+    primary: `0 8px 16px 0 ${s(h(t).main, 0.2)}`,
+    ...m("dark")
+  },
+  stretch: !0
+};
+export {
+  f as d
+};

package/theme/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/theme/index.d.ts

@@ -2,9 +2,6 @@ export type { CustomShadowOptions } from './shadows';
 export { defaultThemeOptions } from './defaultThemeOptions';
 export { shadows, createCustomShadows } from './shadows';
 export * from './palette';
-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

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export declare const M4LAccordion: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
+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, CssVarsTheme } from '@mui/material/styles';
-export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
+export declare const M4LAccountPopover: (theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme) => {
     M4LAccountPopover: {
         styleOverrides: {
             '&.M4LAccountPopover-root': {
@@ -29,7 +29,7 @@ export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applySt
                             minWidth: string;
                             minHeight: string;
                         };
-                        "& .M4LAccountPopover-labelUserName": {
+                        '& .M4LAccountPopover-labelUserName': {
                             width: string;
                             minHeight: string;
                             display: string;
@@ -46,7 +46,7 @@ export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applySt
                             minWidth: string;
                             minHeight: string;
                         };
-                        "& .M4LAccountPopover-labelUserEmail": {
+                        '& .M4LAccountPopover-labelUserEmail': {
                             width: string;
                             minHeight: string;
                             display: string;
@@ -56,7 +56,7 @@ export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applySt
                     };
                     padding?: undefined;
                     '& .M4LIcon-root'?: undefined;
-                    "& .M4LAccountPopover-labelVersion"?: undefined;
+                    '& .M4LAccountPopover-labelVersion'?: undefined;
                     borderTop?: undefined;
                     borderBottom?: undefined;
                     borderColor?: undefined;
@@ -81,7 +81,7 @@ export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applySt
                         minWidth: string;
                         minHeight: string;
                     };
-                    "& .M4LAccountPopover-labelVersion": {
+                    '& .M4LAccountPopover-labelVersion': {
                         width: string;
                         minHeight: string;
                         display: string;
@@ -144,7 +144,7 @@ export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applySt
                     '& .M4LAccountPopover-containerUserName'?: undefined;
                     '& .M4LAccountPopover-containerUserEmail'?: undefined;
                     '& .M4LIcon-root'?: undefined;
-                    "& .M4LAccountPopover-labelVersion"?: undefined;
+                    '& .M4LAccountPopover-labelVersion'?: undefined;
                     borderRadius?: undefined;
                     width?: undefined;
                     alignItems?: undefined;
@@ -181,7 +181,7 @@ export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applySt
                     };
                     '& .M4LAccountPopover-containerUserName'?: undefined;
                     '& .M4LAccountPopover-containerUserEmail'?: undefined;
-                    "& .M4LAccountPopover-labelVersion"?: undefined;
+                    '& .M4LAccountPopover-labelVersion'?: undefined;
                     borderTop?: undefined;
                     borderBottom?: undefined;
                     borderColor?: undefined;
@@ -209,7 +209,7 @@ export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applySt
                                     minWidth: string;
                                 };
                             };
-                            "& .M4LAccountPopover-labelUserName": {
+                            '& .M4LAccountPopover-labelUserName': {
                                 width: string;
                                 height: string;
                             };
@@ -229,7 +229,7 @@ export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applySt
                                     minWidth: string;
                                 };
                             };
-                            "& .M4LAccountPopover-labelUserEmail": {
+                            '& .M4LAccountPopover-labelUserEmail': {
                                 width: string;
                                 height: string;
                             };
@@ -252,7 +252,7 @@ export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applySt
                                 minWidth: string;
                             };
                         };
-                        "& .M4LAccountPopover-labelVersion": {
+                        '& .M4LAccountPopover-labelVersion': {
                             width: string;
                             height: string;
                         };
@@ -309,7 +309,7 @@ export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applySt
                     '& .M4LAccountPopover-containerUserName'?: undefined;
                     '& .M4LAccountPopover-containerUserEmail'?: undefined;
                     '& .M4LIcon-root'?: undefined;
-                    "& .M4LAccountPopover-labelVersion"?: undefined;
+                    '& .M4LAccountPopover-labelVersion'?: undefined;
                     borderTop?: undefined;
                     borderBottom?: undefined;
                     borderColor?: undefined;
@@ -333,7 +333,7 @@ export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applySt
                             minHeight?: undefined;
                             alignItems?: undefined;
                             '& .M4LIcon-root'?: undefined;
-                            "& .M4LAccountPopover-labelUserName"?: undefined;
+                            '& .M4LAccountPopover-labelUserName'?: undefined;
                         };
                         '& .M4LAccountPopover-containerUserEmail': {
                             display: string;
@@ -343,7 +343,7 @@ export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applySt
                             minHeight?: undefined;
                             alignItems?: undefined;
                             '& .M4LIcon-root'?: undefined;
-                            "& .M4LAccountPopover-labelUserEmail"?: undefined;
+                            '& .M4LAccountPopover-labelUserEmail'?: undefined;
                         };
                         '& .M4LAccountPopover-containerAppVersion': {
                             display: string;
@@ -358,7 +358,7 @@ export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applySt
                     '& .M4LAccountPopover-containerUserEmail'?: undefined;
                     padding?: undefined;
                     '& .M4LIcon-root'?: undefined;
-                    "& .M4LAccountPopover-labelVersion"?: undefined;
+                    '& .M4LAccountPopover-labelVersion'?: undefined;
                     borderTop?: undefined;
                     borderBottom?: undefined;
                     borderColor?: undefined;
@@ -394,7 +394,7 @@ export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applySt
                             minWidth: string;
                             minHeight: string;
                         };
-                        "& .M4LAccountPopover-labelUserName": {
+                        '& .M4LAccountPopover-labelUserName': {
                             width: string;
                             minHeight: string;
                             display: string;
@@ -411,7 +411,7 @@ export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applySt
                             minWidth: string;
                             minHeight: string;
                         };
-                        "& .M4LAccountPopover-labelUserEmail": {
+                        '& .M4LAccountPopover-labelUserEmail': {
                             width: string;
                             minHeight: string;
                             display: string;
@@ -429,7 +429,7 @@ export declare const M4LAccountPopover: (theme: Omit<Theme, "palette" | "applySt
                         minWidth: string;
                         minHeight: string;
                     };
-                    "& .M4LAccountPopover-labelVersion": {
+                    '& .M4LAccountPopover-labelVersion': {
                         width: string;
                         minHeight: string;
                         display: string;

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

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export declare const M4LAppBar: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
+export declare const M4LAppBar: (theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme) => {
     M4LAppBar: {
         styleOverrides: {
             '&.M4LAppBar-root': {
@@ -10,7 +10,6 @@ export declare const M4LAppBar: (theme: Omit<Theme, "palette" | "applyStyles"> &
                     '& .M4LImage-root'?: undefined;
                     '& .M4LAppBar-containerImageTypography'?: undefined;
                     display?: undefined;
-                    alingItems?: undefined;
                     height?: undefined;
                     minWidth?: undefined;
                     minHeight?: undefined;
@@ -18,7 +17,7 @@ export declare const M4LAppBar: (theme: Omit<Theme, "palette" | "applyStyles"> &
                     borderRadius?: undefined;
                     borderColor?: undefined;
                     justifyContent?: undefined;
-                    "& .M4LAppBar-iconMenuToggle"?: undefined;
+                    '& .M4LAppBar-iconMenuToggle'?: undefined;
                     flexGrow?: undefined;
                     flexDirection?: undefined;
                     overflow?: undefined;
@@ -47,7 +46,6 @@ export declare const M4LAppBar: (theme: Omit<Theme, "palette" | "applyStyles"> &
                     marginLeft?: undefined;
                     gap?: undefined;
                     display?: undefined;
-                    alingItems?: undefined;
                     height?: undefined;
                     minWidth?: undefined;
                     minHeight?: undefined;
@@ -55,7 +53,7 @@ export declare const M4LAppBar: (theme: Omit<Theme, "palette" | "applyStyles"> &
                     borderRadius?: undefined;
                     borderColor?: undefined;
                     justifyContent?: undefined;
-                    "& .M4LAppBar-iconMenuToggle"?: undefined;
+                    '& .M4LAppBar-iconMenuToggle'?: undefined;
                     flexGrow?: undefined;
                     flexDirection?: undefined;
                     overflow?: undefined;
@@ -64,7 +62,6 @@ export declare const M4LAppBar: (theme: Omit<Theme, "palette" | "applyStyles"> &
                     '& .M4LAvatar-root'?: undefined;
                 } | {
                     display: string;
-                    alingItems: string;
                     width: string;
                     height: string;
                     minWidth: string;
@@ -73,7 +70,7 @@ export declare const M4LAppBar: (theme: Omit<Theme, "palette" | "applyStyles"> &
                     borderRadius: string;
                     borderColor: string;
                     justifyContent: string;
-                    "& .M4LAppBar-iconMenuToggle": {
+                    '& .M4LAppBar-iconMenuToggle': {
                         [x: string]: string | {
                             background: string;
                             width: string;
@@ -189,12 +186,11 @@ export declare const M4LAppBar: (theme: Omit<Theme, "palette" | "applyStyles"> &
                     marginLeft?: undefined;
                     '& .M4LImage-root'?: undefined;
                     '& .M4LAppBar-containerImageTypography'?: undefined;
-                    alingItems?: undefined;
                     height?: undefined;
                     minWidth?: undefined;
                     minHeight?: undefined;
                     borderColor?: undefined;
-                    "& .M4LAppBar-iconMenuToggle"?: undefined;
+                    '& .M4LAppBar-iconMenuToggle'?: undefined;
                 };
                 display: string;
                 width: string;
@@ -230,7 +226,6 @@ export declare const M4LAppBar: (theme: Omit<Theme, "palette" | "applyStyles"> &
                 };
                 '& .M4LAppBar-containerIconMenuToggle': {
                     display: string;
-                    alingItems: string;
                     width: string;
                     height: string;
                     minWidth: string;
@@ -239,7 +234,7 @@ export declare const M4LAppBar: (theme: Omit<Theme, "palette" | "applyStyles"> &
                     borderRadius: string;
                     borderColor: string;
                     justifyContent: string;
-                    "& .M4LAppBar-iconMenuToggle": {
+                    '& .M4LAppBar-iconMenuToggle': {
                         [x: string]: string | {
                             background: string;
                             width: string;
@@ -254,7 +249,7 @@ export declare const M4LAppBar: (theme: Omit<Theme, "palette" | "applyStyles"> &
                         minHeight: string;
                     };
                 };
-                "& .M4LAppBar-containerChilds": {
+                '& .M4LAppBar-containerChilds': {
                     [x: string]: string | {
                         display: string;
                         alignItems: string;

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

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