@m4l/styles 7.1.28 → 7.1.29-16062025.beta.1

package/utils/getPaletteByPreset.js

@@ -1,106 +1,102 @@
-import { P as s, a as g, b as m } from "../theme/palette/presetColors.js";
-import { B as e } from "../theme/palette/baseColors.js";
-import { C as l } from "../theme/palette/commonColors.js";
+import { a as g, P as s, b as f } from "../theme/palette/presetColors.js";
+import { B as o } from "../theme/palette/baseColors.js";
+import { C as t } from "../theme/palette/commonColors.js";
 import { G as d } from "../theme/palette/greyPalette.js";
 import { S as i, a as c } from "../theme/palette/semanticColors.js";
 import { B as a } from "../theme/palette/baseOpacityColors.js";
 import { B as b, a as u } from "../theme/palette/defaultColors.js";
-import { B as f, a as y } from "../theme/palette/baseChipsPalette.js";
-const t = {
+import { a as y, B as m } from "../theme/palette/baseChipsPalette.js";
+const l = {
   light: {
     scrollBar: "#5663763D",
     gridHover: "#FCFCFC"
-  },
-  dark: {
-    scrollBar: "#5663765D",
-    gridHover: "#282E2E"
   }
-}, L = (n) => {
-  const o = g?.[n], r = m?.[n];
+}, A = (n) => {
+  const r = f?.[n], e = g?.[n];
   return {
     light: {
       mode: "light",
-      common: l,
+      common: t,
       primary: {
-        ...o
+        ...r
       },
       default: {
-        ...b,
-        semanticText: e.onyx[20],
-        focusVisible: o.focusVisible
+        ...u,
+        semanticText: o.onyx[20],
+        focusVisible: r.focusVisible
       },
-      divider: e.coolGrey[20],
+      divider: o.coolGrey[20],
       text: {
-        primary: e.onyx[20],
-        secondary: e.coolGrey[50],
-        disabled: e.coolGrey[10]
+        primary: o.onyx[20],
+        secondary: o.coolGrey[50],
+        disabled: o.coolGrey[30]
       },
       background: {
-        default: e.marbleLight[10],
-        neutral: e.marbleLight[30],
-        surface: e.marbleLight[50],
-        hover: b.hoverOpacity,
-        backdrop: a.onyx[80] || "#000",
-        base: e.marbleLight[20],
+        default: o.marbleLight[10],
+        neutral: o.marbleLight[30],
+        surface: o.marbleLight[50],
+        hover: u.hover,
+        backdrop: a.oxford[30],
+        base: o.marbleLight[20],
         blur: a.marble[60],
         //por compatibilidad de mui
-        paper: "#000"
+        paper: "#fff"
       },
       chips: {
         primary: {
           outlined: {
-            color: o.enabled,
+            color: r.enabled,
             // Comprobado
-            backgroundColor: o.enabledOpacity,
+            backgroundColor: r.enabledOpacity,
             // Comprobado
-            backgroundHover: o.hoverOpacity,
+            backgroundHover: r.hoverOpacity,
             // Comprobado
-            backgroundActive: o.activeOpacity,
+            backgroundActive: r.activeOpacity,
             // Comprobado
             /* Tone */
-            colorTone: o.semanticText,
+            colorTone: r.semanticText,
             // Comprobado
-            backgroundColorTone: o.enabled,
+            backgroundColorTone: r.enabled,
             // Comprobado
-            backgroundHoverTone: o.hover,
+            backgroundHoverTone: r.hover,
             // Comprobado
-            backgroundActiveTone: o.activeOpacity
+            backgroundActiveTone: r.activeOpacity
             // Comprobado
           },
           contained: {
-            color: o.semanticText,
+            color: o.marbleLight[30],
             // Comprobado
-            backgroundColor: o.enabledOpacity,
+            backgroundColor: r.enabledOpacity,
             // Comprobado
-            backgroundHover: o.hoverOpacity,
+            backgroundHover: r.hoverOpacity,
             // Comprobado
-            backgroundActive: o.activeOpacity,
+            backgroundActive: r.activeOpacity,
             // Comprobado
             /* Tono */
-            colorTone: o.contrastText,
+            colorTone: o.marbleLight[30],
             // Comprobado
-            backgroundColorTone: o.enabled,
+            backgroundColorTone: r.enabled,
             // Comprobado
-            backgroundHoverTone: o.hover,
+            backgroundHoverTone: r.hover,
             // Comprobado
-            backgroundActiveTone: o.active
+            backgroundActiveTone: r.active
             // Comprobado
           }
           /* opacidad */
         },
-        ...f
+        ...m
       },
       border: {
         main: s[n]?.borderMainLight,
         dens: a.oxford[40],
-        default: a.oxford[30],
+        default: o.oxford[30],
         secondary: a.oxford[20],
         disabled: a.oxford[10],
-        error: i.error.main
+        error: c.error.main
       },
       general: {
-        scrollBar: t.light.scrollBar,
-        gridHover: t.light.gridHover
+        scrollBar: l.light.scrollBar,
+        gridHover: l.light.gridHover
       },
       grey: d,
       skeleton: {
@@ -108,47 +104,47 @@ const t = {
         transition: a.oxford[20]
       },
       info: {
-        ...i.info,
-        focusVisible: o.focusVisible
+        ...c.info,
+        focusVisible: r.focusVisible
       },
       success: {
-        ...i.success,
-        focusVisible: o.focusVisible
+        ...c.success,
+        focusVisible: r.focusVisible
       },
       warning: {
-        ...i.warning,
-        focusVisible: o.focusVisible
+        ...c.warning,
+        focusVisible: r.focusVisible
       },
       error: {
-        ...i.error,
-        focusVisible: o.focusVisible
+        ...c.error,
+        focusVisible: r.focusVisible
       }
     },
     dark: {
       mode: "dark",
-      common: l,
+      common: t,
       // no definido en figma
       primary: {
-        ...r
+        ...e
       },
       default: {
-        ...u,
-        semanticText: e.marbleLight[30],
-        focusVisible: r?.focusVisible
+        ...b,
+        semanticText: o.coolGrey[20],
+        focusVisible: e?.focusVisible
       },
       text: {
-        primary: e.marbleLight[70],
-        secondary: e.coolGrey[20],
-        disabled: e.coolGrey[50]
+        primary: o.coolGrey[20],
+        secondary: o.coolGrey[40],
+        disabled: o.coolGrey[60]
       },
-      divider: e.coolGrey[80],
+      divider: o.coolGrey[80],
       background: {
-        default: e.onyx[40],
-        neutral: e.onyx[50],
-        surface: e.onyx[60],
-        hover: u.hoverOpacity,
-        backdrop: a.onyx[80] || "#000",
-        base: e.onyx[50],
+        default: o.onyx[60],
+        neutral: o.onyx[80],
+        surface: o.onyx[90],
+        hover: b.hover,
+        backdrop: a.onyx[30],
+        base: o.onyx[70],
         blur: a.onyx[60],
         //por compatibilidad de mui
         paper: "#000"
@@ -156,41 +152,41 @@ const t = {
       chips: {
         primary: {
           outlined: {
-            color: r.semanticText,
+            color: e.semanticText,
             // Comprobado
-            backgroundColor: r.enabledOpacity,
+            backgroundColor: e.enabledOpacity,
             // Comprobado
-            backgroundHover: r.hoverOpacity,
+            backgroundHover: e.hoverOpacity,
             // Comprobado
-            backgroundActive: r.activeOpacity,
+            backgroundActive: e.activeOpacity,
             // Comprobado
             /* Tono */
-            colorTone: r.semanticText,
+            colorTone: e.semanticText,
             // Comprobado
-            backgroundColorTone: r.enabled,
+            backgroundColorTone: e.enabled,
             // Comprobado
-            backgroundHoverTone: r.hover,
+            backgroundHoverTone: e.hover,
             // Comprobado
-            backgroundActiveTone: r.activeOpacity
+            backgroundActiveTone: e.activeOpacity
             // Comprobado
           },
           contained: {
-            color: r.enabled,
+            color: o.marbleLight[30],
             // Comprobado
-            backgroundColor: r.enabledOpacity,
+            backgroundColor: e.enabledOpacity,
             // Comprobado
-            backgroundHover: r.hoverOpacity,
+            backgroundHover: e.hoverOpacity,
             // Comprobado
-            backgroundActive: r.activeOpacity,
+            backgroundActive: e.activeOpacity,
             // Comprobado
             /* Tono */
-            colorTone: r.contrastText,
+            colorTone: o.marbleLight[30],
             // Comprobado
-            backgroundColorTone: r.enabled,
+            backgroundColorTone: e.enabled,
             // Comprobado
-            backgroundHoverTone: r.hover,
+            backgroundHoverTone: e.hover,
             // Comprobado
-            backgroundActiveTone: r.active
+            backgroundActiveTone: e.active
             // Comprobado
           }
           /* opacidad */
@@ -199,16 +195,16 @@ const t = {
       },
       border: {
         main: s[n]?.borderMainDark,
-        dens: a.mint[70],
-        default: a.mint[80],
-        secondary: a.mint[20],
-        disabled: a.mint[30],
-        error: c.error.main
+        dens: o.coolGrey[70],
+        default: o.onyx[30],
+        secondary: o.onyx[50],
+        disabled: a.cool[20],
+        error: i.error.main
       },
       general: {
         // no definido en figma
-        scrollBar: t.light.scrollBar,
-        gridHover: t.light.gridHover
+        scrollBar: l.light.scrollBar,
+        gridHover: l.light.gridHover
       },
       grey: d,
       // no definido en figma
@@ -217,24 +213,24 @@ const t = {
         transition: a.mint[40]
       },
       info: {
-        ...c.info,
-        focusVisible: r.focusVisible
+        ...i.info,
+        focusVisible: e.focusVisible
       },
       success: {
-        ...c.success,
-        focusVisible: r.focusVisible
+        ...i.success,
+        focusVisible: e.focusVisible
       },
       warning: {
-        ...c.warning,
-        focusVisible: r.focusVisible
+        ...i.warning,
+        focusVisible: e.focusVisible
       },
       error: {
-        ...c.error,
-        focusVisible: r.focusVisible
+        ...i.error,
+        focusVisible: e.focusVisible
       }
     }
   };
 };
 export {
-  L as g
+  A as g
 };

package/utils/getUserThemeOptions.js

@@ -1,26 +1,28 @@
-import { createTheme as p, alpha as s } from "@mui/material";
-import { t as o } from "../theme/typographyOld.js";
-import { s as e, c as m } from "../theme/shadows.js";
-import { S as i } from "../theme/sizes/size.js";
-import { g } from "./getColorPresets.js";
-import { g as y } from "./getPaletteByPreset.js";
-function S(r, a) {
-  const t = p();
+import { createTheme as e, alpha as r } from "@mui/material";
+import { t as s } from "../theme/typographyOld.js";
+import { c as i, s as g } from "../theme/shadows.js";
+import { S as x } from "../theme/sizes/size.js";
+import { g as m } from "./getPaletteByPreset.js";
+import { g as o } from "./getColorPresets.js";
+function u(t, p) {
+  const a = e();
   return {
-    ...t,
-    ...t.typography,
-    ...o,
-    ...e[r],
+    ...a,
+    ...a.typography,
+    ...s,
+    ...g[t],
     customShadows: {
-      primary: `0 8px 16px 0 ${s(g(a).main, 0.2)}`,
-      ...m(r)
+      primary: t === "light" ? `0 4px 8px -4px ${r(o(p)?.enabledLight, 0.12)},
+       0 2px 27px 2px ${r(o(p)?.enabledLight, 0.02)}` : `0 4px 8px -4px ${r(o(p)?.enabledDark, 0.12)},
+       0 2px 27px 2px ${r(o(p)?.enabledDark, 0.02)}`,
+      ...i(t)
     },
     stretch: !0,
-    palette: { ...t.palette, ...y(a)[r] },
-    typography: { ...t.typography, ...o },
-    size: i
+    palette: { ...a.palette, ...m(p)[t] },
+    typography: { ...a.typography, ...s },
+    size: x
   };
 }
 export {
-  S as g
+  u as g
 };