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

package/theme/palette/baseChipsPalette.js

@@ -12,7 +12,7 @@ const c = {
       backgroundActive: r.oxford[30],
       // Comprobado
       /* Tone */
-      colorTone: o.oxford[70],
+      colorTone: o.oxford[60],
       // Comprobado
       backgroundColorTone: o.oxford[40],
       // Comprobado
@@ -44,7 +44,7 @@ const c = {
   },
   disabled: {
     outlined: {
-      color: o.oxford[60],
+      color: o.oxford[40],
       // Comprobado
       backgroundColor: r.oxford[50],
       // Comprobado
@@ -53,7 +53,7 @@ const c = {
       backgroundActive: r.oxford[30],
       // Comprobado
       /* tono */
-      colorTone: o.oxford[50],
+      colorTone: o.oxford[40],
       // Comprobado
       backgroundColorTone: o.oxford[40],
       // Comprobado
@@ -64,29 +64,29 @@ const c = {
     },
     contained: {
       /* opacidad */
-      color: o.oxford[60],
+      color: o.oxford[40],
       // Comprobado
       backgroundColor: r.oxford[10],
       // Comprobado
       backgroundHover: r.oxford[20],
       // Comprobado
-      backgroundActive: r.oxford[40],
+      backgroundActive: r.oxford[30],
       // Comprobado
       /* tono */
-      colorTone: o.oxford[50],
+      colorTone: o.oxford[40],
       // Comprobado
       backgroundColorTone: o.oxford[10],
       // Comprobado
-      backgroundHoverTone: o.oxford[20],
+      backgroundHoverTone: o.oxford[40],
       // Comprobado
-      backgroundActiveTone: o.oxford[30]
+      backgroundActiveTone: o.oxford[20]
       // Comprobado
     }
   },
   warning: {
     outlined: {
       /* opacidad */
-      color: o.middleYellow[90],
+      color: o.middleYellow[80],
       // Comprobado
       backgroundColor: r.middle[50],
       // Comprobado
@@ -95,7 +95,7 @@ const c = {
       backgroundActive: r.middle[40],
       // Comprobado
       /* tono */
-      colorTone: o.middleYellow[90],
+      colorTone: o.middleYellow[80],
       // Comprobado
       backgroundColorTone: o.middleYellow[40],
       // Comprobado
@@ -199,7 +199,7 @@ const c = {
       backgroundActive: r.acid[60],
       // Comprobado
       /* tono */
-      colorTone: o.acidGreen[95],
+      colorTone: o.acidGreen[5],
       // Comprobado
       backgroundColorTone: o.acidGreen[50],
       // Comprobado
@@ -212,7 +212,7 @@ const c = {
   forest: {
     outlined: {
       /* opacidad */
-      color: o.forest[70],
+      color: o.forest[60],
       // Comprobado
       backgroundColor: r.forest[50],
       // Comprobado
@@ -232,7 +232,7 @@ const c = {
     },
     contained: {
       /* opacidad */
-      color: o.forest[90],
+      color: o.forest[80],
       // Comprobado
       backgroundColor: r.forest[20],
       // Comprobado
@@ -241,13 +241,13 @@ const c = {
       backgroundActive: r.forest[40],
       // Comprobado
       /* tono */
-      colorTone: o.forest[5],
+      colorTone: o.forest[10],
       // Comprobado
-      backgroundColorTone: o.forest[60],
+      backgroundColorTone: o.forest[50],
       // Comprobado
-      backgroundHoverTone: o.forest[50],
+      backgroundHoverTone: o.forest[40],
       // Comprobado
-      backgroundActiveTone: o.forest[70]
+      backgroundActiveTone: o.forest[60]
       // Comprobado
     }
   },
@@ -276,7 +276,7 @@ const c = {
       /* opacidad */
       color: o.crayonBlue[80],
       // Comprobado
-      backgroundColor: r.crayon[30],
+      backgroundColor: r.crayon[20],
       // Comprobado
       backgroundHover: r.crayon[40],
       // Comprobado
@@ -393,9 +393,9 @@ const c = {
       // Comprobado
       backgroundColorTone: o.candy[40],
       // Comprobado
-      backgroundHoverTone: o.candy[10],
+      backgroundHoverTone: o.candy[30],
       // Comprobado
-      backgroundActiveTone: o.candy[20]
+      backgroundActiveTone: o.candy[50]
       // Comprobado
     },
     contained: {
@@ -473,7 +473,7 @@ const c = {
       backgroundActive: r.aqua[40],
       // Comprobado
       /* tono */
-      colorTone: o.aqua[50],
+      colorTone: o.aqua[60],
       // Comprobado
       backgroundColorTone: o.aqua[40],
       // Comprobado
@@ -484,7 +484,7 @@ const c = {
     },
     contained: {
       /* opacidad */
-      color: o.aqua[80],
+      color: o.aqua[60],
       // Comprobado
       backgroundColor: r.aqua[20],
       // Comprobado
@@ -493,7 +493,7 @@ const c = {
       backgroundActive: r.aqua[40],
       // Comprobado
       /* tono */
-      colorTone: o.aqua[5],
+      colorTone: o.aqua[10],
       // Comprobado
       backgroundColorTone: o.aqua[50],
       // Comprobado
@@ -507,7 +507,7 @@ const c = {
   default: {
     outlined: {
       /* opacidad */
-      color: o.oxford[30],
+      color: o.coolGrey[20],
       // Comprobado
       backgroundColor: r.mint[40],
       // Comprobado
@@ -516,7 +516,7 @@ const c = {
       backgroundActive: r.mint[30],
       // Comprobado
       /* Tone */
-      colorTone: o.oxford[30],
+      colorTone: o.coolGrey[20],
       // Comprobado
       backgroundColorTone: o.coolGrey[70],
       // Comprobado
@@ -527,7 +527,7 @@ const c = {
     },
     contained: {
       /* opacidad */
-      color: o.oxford[30],
+      color: o.coolGrey[20],
       // Comprobado
       backgroundColor: r.mint[10],
       // Comprobado
@@ -562,23 +562,23 @@ const c = {
       // Comprobado
       backgroundColorTone: o.coolGrey[70],
       // Comprobado
-      backgroundHoverTone: o.coolGrey[80],
+      backgroundHoverTone: o.coolGrey[50],
       // Comprobado
-      backgroundActiveTone: o.coolGrey[90]
+      backgroundActiveTone: o.coolGrey[80]
       // Comprobado
     },
     contained: {
       /* opacidad */
-      color: o.coolGrey[40],
+      color: o.coolGrey[30],
       // Comprobado
-      backgroundColor: r.mint[10],
+      backgroundColor: r.oxford[10],
       // Comprobado
       backgroundHover: r.mint[30],
       // Comprobado
       backgroundActive: r.mint[50],
       // Comprobado
       /* tono */
-      colorTone: o.coolGrey[30],
+      colorTone: o.coolGrey[40],
       // Comprobado
       backgroundColorTone: o.coolGrey[80],
       // Comprobado
@@ -675,22 +675,22 @@ const c = {
   success: {
     outlined: {
       /* opacidad */
-      color: o.acidGreen[30],
+      color: o.acidGreen[40],
       // Comprobado
-      backgroundColor: r.acid[20],
+      backgroundColor: r.acid[30],
       // Comprobado
       backgroundHover: r.acid[10],
       // Comprobado
-      backgroundActive: r.acid[30],
+      backgroundActive: r.acid[50],
       // Comprobado
       /* tono */
       colorTone: o.acidGreen[40],
       // Comprobado
       backgroundColorTone: o.acidGreen[80],
       // Comprobado
-      backgroundHoverTone: o.acidGreen[90],
+      backgroundHoverTone: o.acidGreen[70],
       // Comprobado
-      backgroundActiveTone: o.acidGreen[95]
+      backgroundActiveTone: o.acidGreen[90]
       // Comprobado
     },
     contained: {
@@ -704,20 +704,20 @@ const c = {
       backgroundActive: r.acid[70],
       // Comprobado
       /* tono */
-      colorTone: o.acidGreen[95],
+      colorTone: o.acidGreen[90],
       // Comprobado
       backgroundColorTone: o.acidGreen[50],
       // Comprobado
-      backgroundHoverTone: o.acidGreen[40],
+      backgroundHoverTone: o.acidGreen[60],
       // Comprobado
-      backgroundActiveTone: o.acidGreen[60]
+      backgroundActiveTone: o.acidGreen[80]
       // Comprobado
     }
   },
   forest: {
     outlined: {
       /* opacidad */
-      color: o.forest[30],
+      color: o.forest[40],
       // Comprobado
       backgroundColor: r.forest[50],
       // Comprobado
@@ -726,18 +726,18 @@ const c = {
       backgroundActive: r.forest[40],
       // Comprobado
       /* tono */
-      colorTone: o.forest[40],
+      colorTone: o.forest[20],
       // Comprobado
-      backgroundColorTone: o.forest[70],
+      backgroundColorTone: o.forest[60],
       // Comprobado
-      backgroundHoverTone: o.forest[80],
+      backgroundHoverTone: o.forest[70],
       // Comprobado
-      backgroundActiveTone: o.forest[90]
+      backgroundActiveTone: o.forest[80]
       // Comprobado
     },
     contained: {
       /* opacidad */
-      color: o.forest[40],
+      color: o.forest[30],
       // Comprobado
       backgroundColor: r.forest[20],
       // Comprobado
@@ -746,13 +746,13 @@ const c = {
       backgroundActive: r.forest[40],
       // Comprobado
       /* tono */
-      colorTone: o.forest[5],
+      colorTone: o.forest[10],
       // Comprobado
-      backgroundColorTone: o.forest[70],
+      backgroundColorTone: o.forest[60],
       // Comprobado
-      backgroundHoverTone: o.forest[60],
+      backgroundHoverTone: o.forest[50],
       // Comprobado
-      backgroundActiveTone: o.forest[80]
+      backgroundActiveTone: o.forest[70]
       // Comprobado
     }
   },
@@ -772,9 +772,9 @@ const c = {
       // Comprobado
       backgroundColorTone: o.crayonBlue[50],
       // Comprobado
-      backgroundHoverTone: o.crayonBlue[90],
+      backgroundHoverTone: o.crayonBlue[80],
       // Comprobado
-      backgroundActiveTone: o.crayonBlue[95]
+      backgroundActiveTone: o.crayonBlue[90]
       // Comprobado
     },
     contained: {
@@ -969,7 +969,7 @@ const c = {
   aqua: {
     outlined: {
       /* opacidad */
-      color: o.aqua[30],
+      color: o.aqua[40],
       // Comprobado
       backgroundColor: r.aqua[50],
       // Comprobado
@@ -978,13 +978,13 @@ const c = {
       backgroundActive: r.aqua[40],
       // Comprobado
       /* tono */
-      colorTone: o.aqua[10],
+      colorTone: o.aqua[30],
       // Comprobado
-      backgroundColorTone: o.aqua[60],
+      backgroundColorTone: o.aqua[50],
       // Comprobado
-      backgroundHoverTone: o.aqua[70],
+      backgroundHoverTone: o.aqua[80],
       // Comprobado
-      backgroundActiveTone: o.aqua[80]
+      backgroundActiveTone: o.aqua[90]
       // Comprobado
     },
     contained: {
@@ -1002,9 +1002,9 @@ const c = {
       // Comprobado
       backgroundColorTone: o.aqua[60],
       // Comprobado
-      backgroundHoverTone: o.aqua[50],
+      backgroundHoverTone: o.aqua[70],
       // Comprobado
-      backgroundActiveTone: o.aqua[70]
+      backgroundActiveTone: o.aqua[80]
       // Comprobado
     }
   }

package/theme/palette/baseColors.js

@@ -20,7 +20,7 @@ const F = {
     // Comprobado
     90: "#1E3A8A",
     // Comprobado
-    95: "#263747"
+    95: "#1D2531"
     // Comprobado
   },
   crayonBlue: {
@@ -96,27 +96,27 @@ const F = {
     // Comprobado
   },
   forest: {
-    5: "",
+    5: "#EDFFF8",
     // No aplica
     10: "#E7FFF1",
     // Comprobado
-    20: "#E4F9DF",
+    20: "#A0FACC",
     // Comprobado
-    30: "#A0FACC",
+    30: "#63F2B1",
     // Comprobado
-    40: "#63F2B1",
+    40: "#25E293",
     // Comprobado
-    50: "#25E293",
+    50: "#00B871",
     // Comprobado
-    60: "#00B871",
+    60: "#00A465",
     // Comprobado
     70: "#008355",
     // Comprobado
-    80: "#008355",
+    80: "#006744",
     // Comprobado
-    90: "#006744",
+    90: "#005539",
     // Comprobado
-    95: "#003021"
+    95: ""
     // Comprobado
   },
   grassGreen: {
@@ -138,9 +138,9 @@ const F = {
     // Comprobado
     80: "#063723",
     // Comprobado
-    90: "#00120B",
+    90: "#27423A",
     // Comprobado
-    95: "#27423A"
+    95: "#1C2B25"
     // Comprobado
   },
   desertBeige: {
@@ -164,7 +164,7 @@ const F = {
     // Comprobado
     90: "#735133",
     // Comprobado
-    95: "#454742"
+    95: "#322D29"
     // Comprobado
   },
   turquiBlue: {
@@ -186,9 +186,9 @@ const F = {
     // Comprobado
     80: "#1B4555",
     // Comprobado
-    90: "#0F232B",
+    90: "#2E3D41",
     // Comprobado
-    95: "#2E3D41"
+    95: "#212A2E"
     // Comprobado
   },
   blazeOrange: {
@@ -212,13 +212,13 @@ const F = {
     // Comprobado
     90: "#7C2D12",
     // Comprobado
-    95: "#474638"
+    95: "#36281F"
     // Comprobado
   },
   flameRed: {
     5: "#FCDEDC",
     // Comprobado
-    10: "#FCDEDC",
+    10: "#FBD3D0",
     // Comprobado
     20: "#F9BDB9",
     // Comprobado
@@ -234,10 +234,10 @@ const F = {
     // Comprobado
     80: "#991B1B",
     // Comprobado
-    90: "",
-    // no aplica
-    95: "#3E3231"
+    90: "#3E3231",
     // Comprobado
+    95: "#3E3231"
+    // No aplica
   },
   coolGrey: {
     5: "",
@@ -284,7 +284,7 @@ const F = {
     // Comprobado
     90: "#654432",
     // Comprobado
-    95: "#43433E"
+    95: "#2A2523"
     // Comprobado
   },
   marbleLight: {
@@ -314,23 +314,23 @@ const F = {
   onyx: {
     5: "",
     // No aplica
-    10: "#364040",
+    10: "#3a3f3f",
     // Comprobado
-    20: "#323B3B",
+    20: "#343939",
     // Comprobado
-    30: "#263131",
+    30: "#292f2f",
     // Comprobado
-    40: "#252C2C",
+    40: "#262b2b",
     // Comprobado
-    50: "#232929",
+    50: "#262626",
     // Comprobado
-    60: "#1C2121",
+    60: "#202020",
     // Comprobado
-    70: "#090A0A",
+    70: "#1C1C1C",
     // Comprobado
-    80: "",
+    80: "#1A1A1A",
     // No aplica
-    90: "",
+    90: "#141414",
     // No aplica
     95: ""
     // No aplica

package/theme/palette/baseOpacityColors.js

@@ -107,10 +107,10 @@ const n = {
     10: e("#212727", 0.08),
     20: e("#212727", 0.12),
     30: e("#212727", 0.16),
-    40: e("#212727", 0.32),
-    50: e("#212727", 0.48),
-    60: e("#212727", 0.6),
-    70: e("#212727", 0.72),
+    40: e("#212727", 0.24),
+    50: e("#212727", 0.32),
+    60: e("#212727", 0.48),
+    70: e("#212727", 0.6),
     80: e(r.onyx[70], 0.72)
   },
   middle: {
@@ -137,7 +137,7 @@ const n = {
     5: e(r.forest[50], 0.04),
     10: e(r.forest[50], 0.08),
     20: e(r.forest[50], 0.12),
-    30: e(r.forest[50], 0.2),
+    30: e(r.forest[50], 0.16),
     40: e(r.forest[50], 0.32),
     50: e(r.forest[50], 0.48),
     60: e(r.forest[50], 0.6),

package/theme/palette/defaultColors.js

@@ -1,26 +1,26 @@
-import { alpha as i } from "@mui/material/styles";
+import { alpha as e } from "@mui/material/styles";
 import { B as a } from "./baseOpacityColors.js";
-import { B as e } from "./baseColors.js";
+import { B as i } from "./baseColors.js";
 const t = {
-  enabledLight: e.oxford[5],
+  enabledLight: i.marbleLight[30],
   // Comprobado
-  enabledDark: e.onyx[30],
+  enabledDark: i.onyx[30],
   // Comprobado
-  hoverLight: e.oxford[10],
+  hoverLight: i.oxford[30],
   // Comprobado
-  hoverDark: e.onyx[20],
+  hoverDark: i.onyx[20],
   // Comprobado
-  selectedLight: e.oxford[30],
+  selectedLight: i.oxford[30],
   // Comprobado
-  selectedDark: e.coolGrey[40],
+  selectedDark: i.coolGrey[40],
   // Comprobado
-  activeLight: e.oxford[30],
+  activeLight: i.oxford[30],
   // Comprobado
-  activeDark: e.coolGrey[80],
+  activeDark: i.coolGrey[80],
   // Comprobado
-  focusLight: e.oxford[40],
+  focusLight: i.oxford[40],
   // Comprobado
-  focusDark: e.onyx[50],
+  focusDark: i.onyx[50],
   // Comprobado
   enabledOpacityLight: a.oxford[5],
   // Comprobado
@@ -30,9 +30,9 @@ const t = {
   // Comprobado
   hoverOpacityDark: a.mint[10],
   // Comprobado
-  selectedOpacityLight: i("#091E42", 0.2),
+  selectedOpacityLight: e("#091E42", 0.2),
   // Comprobado
-  selectedOpacityDark: i("#8E9DB4", 0.31),
+  selectedOpacityDark: e("#8E9DB4", 0.31),
   // Comprobado
   activeOpacityLight: a.oxford[30],
   // Comprobado
@@ -42,12 +42,20 @@ const t = {
   // Comprobado
   focusOpacityDark: a.mint[40],
   // Comprobado
-  contrastText: e.onyx[20],
+  contrastText: i.onyx[20],
   // Comprobado
   mainLight: a.oxford[10],
   // Comprobado
   mainDark: a.mint[20],
   // Comprobado
+  opacityGradient1Light: e(a.oxford[20], 0.25),
+  // Comprobado
+  opacityGradient1Dark: e(a.mint[20], 0.25),
+  // Comprobado
+  opacityGradient2Light: e(a.oxford[20], 0.1),
+  // Comprobado
+  opacityGradient2Dark: e(a.mint[20], 0.1),
+  // Comprobado
   light: a.oxford[20],
   // Comprobado
   lighter: a.oxford[40],
@@ -57,11 +65,11 @@ const t = {
   darker: a.mint[50],
   // Comprobado,
   // Tone colors
-  toneOpacityLight: e.marbleLight[30],
+  toneOpacityLight: i.marbleLight[30],
   // Comprobado
-  toneOpacityDark: e.onyx[30]
+  toneOpacityDark: i.onyx[50]
   // Comprobado
-}, h = {
+}, n = {
   enabled: t.enabledLight,
   enabledOpacity: t.enabledOpacityLight,
   hover: t.hoverLight,
@@ -74,6 +82,8 @@ const t = {
   active: t.activeLight,
   activeOpacity: t.activeOpacityLight,
   opacity: t.light,
+  opacityGradient1: t.opacityGradient1Light,
+  opacityGradient2: t.opacityGradient2Light,
   toneOpacity: t.toneOpacityLight,
   //Por compatibilidad con MUI
   main: t.mainLight,
@@ -92,6 +102,8 @@ const t = {
   active: t.activeDark,
   activeOpacity: t.activeOpacityDark,
   opacity: t.dark,
+  opacityGradient1: t.opacityGradient1Dark,
+  opacityGradient2: t.opacityGradient2Dark,
   toneOpacity: t.toneOpacityDark,
   //Por compatibilidad con MUI
   main: t.mainDark,
@@ -99,6 +111,7 @@ const t = {
   dark: t.dark
 };
 export {
-  h as B,
-  y as a
+  y as B,
+  t as P,
+  n as a
 };

package/theme/palette/index.d.ts

@@ -3,3 +3,7 @@ export { BASE_OPACITY_COLORS } from './baseOpacityColors';
 export { COMMON_COLORS } from './commonColors';
 export { GREY_PALETTE } from './greyPalette';
 export { presetsOptionsMainColor } from './presetColors';
+export { BASE_TAG_OBJECT_COLORS_LIGHT, BASE_TAG_OBJECT_COLORS_DARK } from './baseChipsPalette';
+export { PRESET_DEFAULT } from './defaultColors';
+export { PRESET_SEMANTICS_COLORS } from './semanticColors';
+export { PRESET_COLORS } from './presetColors';