@m4l/styles 2.0.4 → 3.1.0

package/theme/overrides/MUIComponents/Avatar.d.ts

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Avatar(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+export default function Avatar(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiAvatar: {
         styleOverrides: {
             borderTop: string;

package/theme/overrides/MUIComponents/Button.d.ts

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Button(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+export default function Button(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiButton: {
         styleOverrides: {
             root: {

package/theme/overrides/MUIComponents/ButtonGroup.d.ts

@@ -4,7 +4,7 @@ export default function ButtonGroup(theme: Omit<Theme, "palette" | "applyStyles"
         variants: ({
             props: {
                 variant: string;
-                color: "primary" | "secondary" | "info" | "success" | "warning" | "error";
+                color: "info" | "success" | "warning" | "error" | "primary" | "secondary";
             };
             style: {
                 boxShadow: string | undefined;

package/theme/overrides/MUIComponents/Pagination.d.ts

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Pagination(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+export default function Pagination(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiPaginationItem: {
         styleOverrides: {
             root: {

package/theme/overrides/MUIComponents/Paper.d.ts

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Paper(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+export default function Paper(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiPaper: {
         defaultProps: {
             elevation: number;

package/theme/overrides/MUIComponents/ToggleButton.d.ts

@@ -1,6 +1,6 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-import { ColorSchema } from '../../palette';
-export default function ToggleButton(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+import { ColorSchema } from '../../../types';
+export default function ToggleButton(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiToggleButton: {
         variants: ({
             props: {

package/theme/overrides/MUIComponents/{index-oLVtA5nq.js → index-XoLdmZP6.js}

@@ -1,11 +1,11 @@
-import { alpha as i } from "@mui/material";
+import { alpha as t } from "@mui/material";
 import { alpha as a } from "@mui/material/styles";
 function d(r) {
   return {
     MuiAvatar: {
       styleOverrides: {
         borderTop: "1.5px",
-        borderColor: r.vars.palette.state.borderTop,
+        borderColor: r.vars.palette.border.default,
         colorDefault: {
           color: r.vars.palette.text.secondary,
           backgroundColor: r.vars.palette.grey[400]
@@ -75,7 +75,7 @@ function l(r) {
         // outlined
         outlinedInherit: {
           borderRadius: "4px",
-          border: `1px solid ${r.vars.palette.state.borderDefault}`,
+          border: `1px solid ${r.vars.palette.border.line}`,
           "&:hover": {
             backgroundColor: r.vars.palette.action.hover,
             borderRadius: "4px"
@@ -92,7 +92,7 @@ function l(r) {
     }
   };
 }
-function u(r) {
+function p(r) {
   return {
     MuiIconButton: {
       // defaultProps: {
@@ -122,7 +122,7 @@ function u(r) {
     }
   };
 }
-function p(r) {
+function u(r) {
   return {
     MuiFab: {
       defaultProps: {
@@ -277,7 +277,7 @@ function y(r) {
         },
         head: {
           color: r.vars.palette.text.secondary,
-          backgroundColor: r.vars.palette.background.neutral,
+          backgroundColor: r.vars.palette.background.main,
           "&:first-of-type": {
             paddingLeft: r.spacing(3),
             borderTopLeftRadius: r.shape.borderRadius,
@@ -293,7 +293,7 @@ function y(r) {
         },
         stickyHeader: {
           backgroundColor: r.vars.palette.background.paper,
-          backgroundImage: `linear-gradient(to bottom, ${r.vars.palette.background.neutral} 0%, ${r.vars.palette.background.neutral} 100%)`
+          backgroundImage: `linear-gradient(to bottom, ${r.vars.palette.background.main} 0%, ${r.vars.palette.background.main} 100%)`
         },
         body: {
           "&:first-of-type": {
@@ -342,7 +342,7 @@ function y(r) {
     }
   };
 }
-function f(r) {
+function M(r) {
   return {
     MuiBadge: {
       styleOverrides: {
@@ -357,7 +357,7 @@ function f(r) {
     }
   };
 }
-function M(r) {
+function f(r) {
   return {
     MuiPaper: {
       defaultProps: {
@@ -366,7 +366,7 @@ function M(r) {
       variants: [
         {
           props: { variant: "outlined" },
-          style: { borderColor: r.vars.palette.state.borderDefault }
+          style: { borderColor: r.vars.palette.border.line }
         }
       ],
       styleOverrides: {
@@ -382,20 +382,20 @@ function M(r) {
             ...r.colorSchemes.finalTheme.typography.action
           },
           "& .MuiStack-root .MuiMenuItem-root:hover": {
-            color: r.vars.palette.state?.hover,
+            color: r.vars.palette.primary?.hover,
             transition: "all .5s",
-            backgroundColor: r.vars.palette.state?.active12
+            backgroundColor: r.vars.palette.primary?.activeOpacity
           },
           "& .MuiStack-root .MuiMenuItem-root.Mui-selected": {
-            color: r.vars.palette.state?.active,
+            color: r.vars.palette.primary?.active,
             transition: "all .5s",
-            backgroundColor: r.vars.palette.state?.active12
+            backgroundColor: r.vars.palette.primary?.activeOpacity
           },
           "& .MuiStack-root .MuiMenuItem-root:focus": {
-            color: r.vars.palette.state?.focus,
+            color: r.vars.palette.primary?.focus,
             transition: "all .5s",
             backgroundColor: r.vars.palette.background.default,
-            boxShadow: `0 0 0 1px ${r.vars.palette.state?.focus}`
+            boxShadow: `0 0 0 1px ${r.vars.palette.primary?.focus}`
           },
           /* Autocomplete Listbox */
           "& .MuiAutocomplete-listbox .MuiAutocomplete-option": {
@@ -405,20 +405,20 @@ function M(r) {
             ...r.colorSchemes.finalTheme.typography.action
           },
           "& .MuiAutocomplete-listbox .MuiAutocomplete-option:hover": {
-            color: r.vars.palette.state?.hover,
+            color: r.vars.palette.primary?.hover,
             transition: "all .5s",
-            backgroundColor: r.vars.palette.state?.active12
+            backgroundColor: r.vars.palette.primary?.activeOpacity
           },
           "& .MuiAutocomplete-listbox .MuiAutocomplete-option.Mui-selected": {
-            color: r.vars.palette.state?.active,
+            color: r.vars.palette.primary?.active,
             transition: "all .5s",
-            backgroundColor: r.vars.palette.state?.active12
+            backgroundColor: r.vars.palette.primary?.activeOpacity
           },
           "& .MuiAutocomplete-listbox .MuiAutocomplete-option:active": {
-            color: r.vars.palette.state?.focus,
+            color: r.vars.palette.primary?.focus,
             transition: "all .5s",
             backgroundColor: r.vars.palette.background.default,
-            boxShadow: `0 0 0 1px ${r.vars.palette.state?.focus}`
+            boxShadow: `0 0 0 1px ${r.vars.palette.primary?.focus}`
           }
         }
       }
@@ -465,7 +465,7 @@ function h(r) {
       styleOverrides: {
         underline: {
           "&:before": {
-            borderBottomColor: r.vars.palette.state.borderDefault
+            borderBottomColor: r.vars.palette.border.line
           }
         }
       }
@@ -473,9 +473,9 @@ function h(r) {
     MuiFilledInput: {
       styleOverrides: {
         root: {
-          backgroundColor: r.vars.palette.state.borderDefault,
+          backgroundColor: r.vars.palette.border.line,
           "&:hover": {
-            backgroundColor: r.vars.palette.state.borderDefault
+            backgroundColor: r.vars.palette.border.line
           },
           "&.Mui-focused": {
             backgroundColor: r.vars.palette.action.focus
@@ -486,7 +486,7 @@ function h(r) {
         },
         underline: {
           "&:before": {
-            borderBottomColor: r.vars.palette.state.borderDefault
+            borderBottomColor: r.vars.palette.border.line
           }
         }
       }
@@ -501,7 +501,7 @@ function h(r) {
             padding: r.spacing(1.5, 1.5)
           },
           "& .MuiOutlinedInput-notchedOutline": {
-            borderColor: r.vars.palette.state.borderDefault,
+            borderColor: r.vars.palette.border.line,
             fontSize: "0.875rem",
             height: "auto",
             minHeight: "24px",
@@ -553,7 +553,7 @@ function k(r) {
     }
   };
 }
-function S(r) {
+function m(r) {
   const o = r.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiDrawer: {
@@ -562,13 +562,13 @@ function S(r) {
           "&.M4LSideBar-drawer": {
             test: "root",
             "& .MuiPaper-root": {
-              background: r.vars.palette.background.neutral,
+              background: r.vars.palette.background.main,
               display: "flex",
               flexDirection: "row"
             }
             /*  "& .MuiPaper-root": {
                  borderRadius: "4px",
-                 backgroundColor: theme.vars.palette.state.active12,
+                 backgroundColor: theme.vars.palette.primary.activeOpacity,
                  padding: "8px",
              }, */
           }
@@ -576,13 +576,13 @@ function S(r) {
         modal: {
           '&[role="presentation"]': {
             "& .MuiDrawer-paperAnchorLeft": {
-              boxShadow: `8px 24px 24px 12px ${i(
+              boxShadow: `8px 24px 24px 12px ${t(
                 r.colorSchemes.finalTheme.palette.grey[900],
                 o ? 0.16 : 0.48
               )}`
             },
             "& .MuiDrawer-paperAnchorRight": {
-              boxShadow: `-8px 24px 24px 12px ${i(
+              boxShadow: `-8px 24px 24px 12px ${t(
                 r.colorSchemes.finalTheme.palette.grey[900],
                 o ? 0.16 : 0.48
               )}`
@@ -593,7 +593,7 @@ function S(r) {
     }
   };
 }
-function m(r) {
+function S(r) {
   const o = r.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiSlider: {
@@ -666,7 +666,7 @@ function w(r) {
     }
   };
 }
-function T(r) {
+function O(r) {
   const o = r.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiTooltip: {
@@ -681,7 +681,7 @@ function T(r) {
     }
   };
 }
-function O(r) {
+function T(r) {
   return {
     MuiPopover: {
       styleOverrides: {
@@ -713,7 +713,7 @@ function B(r) {
           },
           "& .MuiDataGrid-toolbarContainer": {
             padding: r.spacing(2),
-            backgroundColor: r.vars.palette.background.neutral,
+            backgroundColor: r.vars.palette.background.main,
             "& .MuiButton-root": {
               marginRight: r.spacing(1.5),
               color: r.vars.palette.text.primary,
@@ -763,7 +763,7 @@ function B(r) {
               ...r.colorSchemes.finalTheme.typography.body,
               padding: r.spacing(0.75, 1),
               borderRadius: r.shape.borderRadius,
-              backgroundColor: r.vars.palette.background.neutral
+              backgroundColor: r.vars.palette.background.main
             },
             "& .MuiSvgIcon-root": {
               right: 4
@@ -813,16 +813,16 @@ function I(r) {
   };
 }
 function L(r) {
-  const o = a(r.colorSchemes.finalTheme.palette.grey[900], 0.48), e = a(r.colorSchemes.finalTheme.palette.grey[900], 1);
+  const o = a(r.colorSchemes.finalTheme.palette.grey[900], 0.48), i = a(r.colorSchemes.finalTheme.palette.grey[900], 1);
   return {
     MuiBackdrop: {
       styleOverrides: {
         root: {
           background: [
             "rgb(22,28,36)",
-            `-moz-linear-gradient(75deg, ${o} 0%, ${e} 100%)`,
-            `-webkit-linear-gradient(75deg, ${o} 0%, ${e} 100%)`,
-            `linear-gradient(75deg, ${o} 0%, ${e} 100%)`
+            `-moz-linear-gradient(75deg, ${o} 0%, ${i} 100%)`,
+            `-webkit-linear-gradient(75deg, ${o} 0%, ${i} 100%)`,
+            `linear-gradient(75deg, ${o} 0%, ${i} 100%)`
           ],
           "&.MuiBackdrop-invisible": {
             background: "transparent"
@@ -832,7 +832,7 @@ function L(r) {
     }
   };
 }
-function D(r) {
+function P(r) {
   const o = r.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiLinearProgress: {
@@ -854,7 +854,7 @@ function D(r) {
     }
   };
 }
-function P(r) {
+function z(r) {
   return {
     MuiTimelineDot: {
       styleOverrides: {
@@ -872,7 +872,7 @@ function P(r) {
     }
   };
 }
-function z(r) {
+function A(r) {
   return {
     MuiCheckbox: {
       // defaultProps: {
@@ -916,7 +916,7 @@ function z(r) {
     }
   };
 }
-function A(r) {
+function $(r) {
   return {
     MuiAccordion: {
       styleOverrides: {
@@ -993,7 +993,7 @@ function A(r) {
     }
   };
 }
-function $(r) {
+function D(r) {
   return {
     MuiTypography: {
       defaultProps: {
@@ -1035,7 +1035,7 @@ function G(r) {
           }
         },
         outlined: {
-          border: `1px solid ${r.vars.palette.state.borderDefault}`
+          border: `1px solid ${r.vars.palette.border.line}`
         },
         outlinedPrimary: {
           "&.Mui-selected": {
@@ -1060,8 +1060,8 @@ function H(r) {
   };
 }
 function F(r) {
-  const o = (e) => ({
-    props: { variant: "contained", color: e },
+  const o = (i) => ({
+    props: { variant: "contained", color: i },
     style: { boxShadow: r.customShadows?.primary }
   });
   return {
@@ -1179,12 +1179,15 @@ function _(r) {
     }
   };
 }
-const t = (r, o) => ({
+const e = (r, o) => ({
   props: { color: o },
   style: {
     "&:hover": {
       borderColor: a(r.colorSchemes.finalTheme.palette[o].main, 0.48),
-      backgroundColor: a(r.colorSchemes.finalTheme.palette[o].main, r.vars.palette.action.hoverOpacity)
+      backgroundColor: a(
+        r.colorSchemes.finalTheme.palette[o].main,
+        r.vars.palette.action.hoverOpacity
+      )
     },
     "&.Mui-selected": {
       borderColor: a(r.colorSchemes.finalTheme.palette[o].main, 0.48)
@@ -1203,12 +1206,12 @@ function j(r) {
             }
           }
         },
-        t(r, "primary"),
-        t(r, "secondary"),
-        t(r, "info"),
-        t(r, "success"),
-        t(r, "warning"),
-        t(r, "error")
+        e(r, "primary"),
+        e(r, "secondary"),
+        e(r, "info"),
+        e(r, "success"),
+        e(r, "warning"),
+        e(r, "error")
       ]
     },
     MuiToggleButtonGroup: {
@@ -1216,7 +1219,7 @@ function j(r) {
         root: {
           borderRadius: r.shape.borderRadius,
           backgroundColor: r.vars.palette.background.paper,
-          border: `solid 1px ${r.vars.palette.state.borderDefault}`,
+          border: `solid 1px ${r.vars.palette.border.line}`,
           "& .MuiToggleButton-root": {
             margin: 4,
             borderColor: "transparent !important",
@@ -1283,34 +1286,34 @@ const q = (r) => ({
 });
 export {
   d as A,
-  f as B,
+  M as B,
   c as C,
-  S as D,
-  p as F,
+  m as D,
+  u as F,
   h as I,
   b as L,
   g as M,
-  M as P,
+  f as P,
   k as R,
   C as S,
   y as T,
   x as a,
   v as b,
   l as c,
-  u as d,
-  m as e,
+  p as d,
+  S as e,
   R as f,
-  T as g,
-  O as h,
+  O as g,
+  T as h,
   w as i,
-  z as j,
+  A as j,
   B as k,
   I as l,
-  P as m,
+  z as m,
   L as n,
-  D as o,
-  A as p,
-  $ as q,
+  P as o,
+  $ as p,
+  D as q,
   G as r,
   F as s,
   H as t,

package/theme/overrides/{index-DeiTY8li.js → index-DrDgOdnk.js}

@@ -1,6 +1,6 @@
-import { F as s, C as o, M as r, L, I as M, a as n, R as i, B as p, b as l, T as c, P as d, S as u, c as g, d as B, A as F, e as P, D as A, f as T, g as b, h as C, i as S, j as y, k as I, l as R, m as v, n as H, o as k, p as D, q as f, r as x, s as w, t as G, u as V, v as j, w as E, x as N, y as O, z as q } from "./MUIComponents/index-oLVtA5nq.js";
-import { M as z, a as U, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z } from "./M4LRHFComponents/index-D-E6fugB.js";
-import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as na, m as ia, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Aa, x as Ta, y as ba, z as Ca, A as Sa, B as ya, C as Ia, D as Ra, E as va, F as Ha, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya } from "./M4LExtendedComponents/index-CyXBfJc_.js";
+import { F as s, C as o, M as r, L, I as M, a as n, R as i, B as p, b as l, T as c, P as d, S as u, c as g, d as B, A as F, e as P, D as A, f as T, g as b, h as C, i as S, j as y, k as I, l as R, m as v, n as H, o as k, p as D, q as f, r as x, s as w, t as G, u as V, v as j, w as E, x as N, y as O, z as q } from "./MUIComponents/index-XoLdmZP6.js";
+import { M as z, a as U, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z } from "./M4LRHFComponents/index-BRZVeOM5.js";
+import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as na, m as ia, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Aa, x as Ta, y as ba, z as Ca, A as Sa, B as ya, C as Ia, D as Ra, E as va, F as Ha, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya } from "./M4LExtendedComponents/index-Cf72RC_D.js";
 function ta(a) {
   return Object.assign(
     s(a),

package/theme/palette/baseColors.d.ts

@@ -0,0 +1,2 @@
+import { BaseConstantColors } from '../../types';
+export declare const BASE_COLORS: BaseConstantColors;

package/theme/palette/baseOpacityColors.d.ts

@@ -0,0 +1,2 @@
+import type { BaseOpacityPalettes, OpacityColors } from '../../types';
+export declare const BASE_OPACITY_COLORS: Record<BaseOpacityPalettes, OpacityColors>;

package/theme/palette/commonColors.d.ts

@@ -0,0 +1,2 @@
+import { CommonColors } from '@mui/material/styles';
+export declare const COMMON_COLORS: CommonColors;

package/theme/palette/greyPalette.d.ts

@@ -0,0 +1,2 @@
+import { Color } from '@mui/material';
+export declare const GREY_PALETTE: Color;

package/theme/palette/index.d.ts

@@ -0,0 +1,6 @@
+export { BASE_COLORS } from './baseColors';
+export { BASE_OPACITY_COLORS } from './baseOpacityColors';
+export { COMMON_COLORS } from './commonColors';
+export { GREY_PALETTE } from './greyPalette';
+export { presetsOptions } from './presetColors';
+export * from './palette';

package/theme/palette/palette.d.ts

@@ -0,0 +1,6 @@
+import { Palette } from '@mui/material/styles';
+import type { ThemeColorPresets } from '../../types';
+export declare const getPaletteByPreset: (presetColor: ThemeColorPresets) => {
+    readonly light: Palette;
+    readonly dark: Palette;
+};

package/theme/palette/presetColors.d.ts

@@ -0,0 +1,5 @@
+import { PresetActionsPalettes, PresetPalettes, PresetsOptions } from '../../types';
+export declare const PRESET_COLORS: PresetPalettes;
+export declare const PRESET_ACTION_COLORS_LIGHT: PresetActionsPalettes;
+export declare const PRESET_ACTION_COLORS_DARK: PresetActionsPalettes;
+export declare const presetsOptions: PresetsOptions;

package/theme/palette/stateColors.d.ts

@@ -0,0 +1,2 @@
+import type { StatePalettes } from '../../types';
+export declare const STATE_COLORS: StatePalettes;