@m4l/styles 7.1.26 → 7.1.28-beta.2

package/utils/getPaletteByPreset.js

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

package/utils/getUserThemeOptions.js

@@ -1,22 +1,22 @@
 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 { c as e, s 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";
+import { g } from "./getPaletteByPreset.js";
+import { g as y } from "./getColorPresets.js";
 function S(r, a) {
   const t = p();
   return {
     ...t,
     ...t.typography,
     ...o,
-    ...e[r],
+    ...m[r],
     customShadows: {
-      primary: `0 8px 16px 0 ${s(g(a).main, 0.2)}`,
-      ...m(r)
+      primary: `0 8px 16px 0 ${s(y(a).main, 0.2)}`,
+      ...e(r)
     },
     stretch: !0,
-    palette: { ...t.palette, ...y(a)[r] },
+    palette: { ...t.palette, ...g(a)[r] },
     typography: { ...t.typography, ...o },
     size: i
   };