@m4l/styles 2.0.3 → 3.0.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.5c43e3b5.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]
@@ -43,6 +43,7 @@ function l(r) {
         sizeLarge: {
           height: 48
         },
+        // contained
         containedInherit: {
           color: r.vars.palette.grey[800],
           boxShadow: r.customShadows?.z1,
@@ -54,6 +55,7 @@ function l(r) {
         },
         containedPrimary: {
           boxShadow: r.customShadows?.z4
+          // color: theme.vars.palette.primary.contrastText,
         },
         containedSecondary: {
           boxShadow: r.customShadows?.secondary
@@ -70,9 +72,10 @@ function l(r) {
         containedError: {
           boxShadow: r.customShadows?.error
         },
+        // 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"
@@ -89,9 +92,12 @@ function l(r) {
     }
   };
 }
-function u(r) {
+function p(r) {
   return {
     MuiIconButton: {
+      // defaultProps: {
+      //   color: theme.vars.palette.text.primary,
+      // },
       styleOverrides: {
         root: {
           "&.MuiIconButton-sizeSmall": {
@@ -109,11 +115,14 @@ function u(r) {
             }
           }
         }
+        // colorDefault: {
+        //   color: theme.vars.palette.text.primary,
+        // }
       }
     }
   };
 }
-function p(r) {
+function u(r) {
   return {
     MuiFab: {
       defaultProps: {
@@ -157,6 +166,7 @@ function c(r) {
           boxShadow: r.customShadows?.card,
           borderRadius: Number(r.shape.borderRadius) * 2,
           zIndex: 0
+          // Fix Safari overflow: hidden with border radius
         }
       }
     },
@@ -267,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,
@@ -283,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": {
@@ -332,7 +342,7 @@ function y(r) {
     }
   };
 }
-function f(r) {
+function M(r) {
   return {
     MuiBadge: {
       styleOverrides: {
@@ -341,12 +351,13 @@ function f(r) {
           width: "16px",
           height: "16px",
           borderRadius: "50%"
+          //background: "red",
         }
       }
     }
   };
 }
-function M(r) {
+function f(r) {
   return {
     MuiPaper: {
       defaultProps: {
@@ -355,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: {
@@ -363,6 +374,7 @@ function M(r) {
           backgroundImage: "none",
           backgroundColor: r.vars.palette.background.default,
           borderRadius: "2px",
+          /* Stack */
           "& .MuiStack-root .MuiMenuItem-root": {
             color: r.vars.palette.text.primary,
             transition: "all .5s",
@@ -370,21 +382,22 @@ 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": {
             color: r.vars.palette.text.primary,
             transition: "all .5s",
@@ -392,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}`
           }
         }
       }
@@ -447,11 +460,12 @@ function h(r) {
         }
       }
     },
+    /* Style input outline */
     MuiInput: {
       styleOverrides: {
         underline: {
           "&:before": {
-            borderBottomColor: r.vars.palette.state.borderDefault
+            borderBottomColor: r.vars.palette.border.line
           }
         }
       }
@@ -459,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
@@ -472,11 +486,12 @@ function h(r) {
         },
         underline: {
           "&:before": {
-            borderBottomColor: r.vars.palette.state.borderDefault
+            borderBottomColor: r.vars.palette.border.line
           }
         }
       }
     },
+    /* Estilos variante outlined */
     MuiOutlinedInput: {
       styleOverrides: {
         root: {
@@ -486,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",
@@ -538,7 +553,7 @@ function k(r) {
     }
   };
 }
-function S(r) {
+function m(r) {
   const o = r.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiDrawer: {
@@ -547,22 +562,27 @@ 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.primary.activeOpacity,
+                 padding: "8px",
+             }, */
           }
         },
         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
               )}`
@@ -573,7 +593,7 @@ function S(r) {
     }
   };
 }
-function m(r) {
+function S(r) {
   const o = r.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiSlider: {
@@ -646,7 +666,7 @@ function w(r) {
     }
   };
 }
-function T(r) {
+function O(r) {
   const o = r.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiTooltip: {
@@ -661,7 +681,7 @@ function T(r) {
     }
   };
 }
-function O(r) {
+function T(r) {
   return {
     MuiPopover: {
       styleOverrides: {
@@ -693,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,
@@ -743,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
@@ -793,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"
@@ -812,7 +832,7 @@ function L(r) {
     }
   };
 }
-function D(r) {
+function P(r) {
   const o = r.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiLinearProgress: {
@@ -834,7 +854,7 @@ function D(r) {
     }
   };
 }
-function P(r) {
+function z(r) {
   return {
     MuiTimelineDot: {
       styleOverrides: {
@@ -852,13 +872,21 @@ function P(r) {
     }
   };
 }
-function z(r) {
+function A(r) {
   return {
     MuiCheckbox: {
+      // defaultProps: {
+      //   icon: <CheckboxIcon />,
+      //   checkedIcon: <CheckboxCheckedIcon />,
+      //   indeterminateIcon: <CheckboxIndeterminateIcon />,
+      // },
       styleOverrides: {
         root: {
           padding: r.spacing(1),
           oleee: "sss",
+          // '& .MuiCheckbox-root': {
+          //   color: theme.vars.palette.divider,
+          // },
           color: r.vars.palette.action.active,
           "& .Mui-checked": {
             color: r.vars.palette.primary.main
@@ -866,12 +894,29 @@ function z(r) {
           "&.Mui-checked.Mui-disabled, &.Mui-disabled": {
             color: r.vars.palette.action.disabled
           }
+          // '& .MuiSvgIcon-root': {
+          //   color: theme.vars.palette.text.secondary,
+          // },
+          // '& .MuiSvgIcon-fontSizeMedium': {
+          //   width: 24,
+          //   height: 24,
+          // },
+          // '& .MuiSvgIcon-fontSizeSmall': {
+          //   width: 18,
+          //   height: 18,
+          // },
+          // svg: {
+          //   fontSize: 24,
+          //   '&[font-size=small]': {
+          //     fontSize: 18,
+          //   },
+          // },
         }
       }
     }
   };
 }
-function A(r) {
+function $(r) {
   return {
     MuiAccordion: {
       styleOverrides: {
@@ -938,6 +983,8 @@ function A(r) {
         content: {
           ...r.colorSchemes.finalTheme.typography.subtitle2,
           margin: "0px",
+          // '& .MuiTypography-root': {
+          // },
           "&.Mui-expanded": {
             margin: "0px"
           }
@@ -946,11 +993,12 @@ function A(r) {
     }
   };
 }
-function $(r) {
+function D(r) {
   return {
     MuiTypography: {
       defaultProps: {
         variantMapping: {
+          // Map the new variant to render a <h1> by default
           subtitleDens: "span"
         }
       },
@@ -987,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": {
@@ -1012,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 {
@@ -1131,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)
@@ -1155,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: {
@@ -1168,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",
@@ -1235,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.78952902.js → index-DrDgOdnk.js}

@@ -1,9 +1,10 @@
-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.5c43e3b5.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.38639c1b.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.79301515.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),
+    // Chip(theme),
     o(a),
     r(a),
     L(a),
@@ -14,9 +15,12 @@ function ta(a) {
     l(a),
     c(a),
     d(a),
+    // Alert(theme),
     u(a),
+    // Select(theme),
     g(a),
     B(a),
+    // Rating(theme),
     F(a),
     P(a),
     A(a),
@@ -28,6 +32,7 @@ function ta(a) {
     I(a),
     R(a),
     v(a),
+    // TreeView(theme),
     H(a),
     k(a),
     D(a),
@@ -41,6 +46,7 @@ function ta(a) {
     N(a),
     O(a),
     _(a),
+    /* Owner components */
     q(),
     z(a),
     U(),

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;