@m4l/styles 7.1.28 → 7.1.29-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "7.1.28",
+  "version": "7.1.29-beta.1",
   "license": "UNLICENSED",
   "author": "m4l team",
   "publishConfig": {

package/theme/palette/baseChipsPalette.js

@@ -12,7 +12,7 @@ const c = {
       backgroundActive: r.oxford[30],
       // Comprobado
       /* Tone */
-      colorTone: o.oxford[70],
+      colorTone: o.oxford[20],
       // 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
@@ -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

@@ -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: "#00120B"
     // Comprobado
   },
   desertBeige: {
@@ -186,9 +186,9 @@ const F = {
     // Comprobado
     80: "#1B4555",
     // Comprobado
-    90: "#0F232B",
+    90: "#2E3D41",
     // Comprobado
-    95: "#2E3D41"
+    95: "#0F232B"
     // Comprobado
   },
   blazeOrange: {
@@ -218,7 +218,7 @@ const F = {
   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: ""
+    // No aplica
   },
   coolGrey: {
     5: "",

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

@@ -2,11 +2,11 @@ import { alpha as i } from "@mui/material/styles";
 import { B as a } from "./baseOpacityColors.js";
 import { B as e } from "./baseColors.js";
 const t = {
-  enabledLight: e.oxford[5],
+  enabledLight: e.oxford[10],
   // Comprobado
   enabledDark: e.onyx[30],
   // Comprobado
-  hoverLight: e.oxford[10],
+  hoverLight: e.oxford[20],
   // Comprobado
   hoverDark: e.onyx[20],
   // Comprobado

package/theme/palette/presetColors.js

@@ -38,9 +38,9 @@ const a = {
     // comprobado,
     activeOpacityDark: e.patronus[50],
     // comprobado,
-    focusOpacityLight: e.patronus[5] || "#fff",
+    focusOpacityLight: e.patronus[10] || "#fff",
     // comprobado,
-    focusOpacityDark: e.patronus[10],
+    focusOpacityDark: e.patronus[20],
     // comprobado,
     opacityLight: e.patronus[10],
     // comprobado,
@@ -54,13 +54,13 @@ const a = {
     // comprobado,,
     dark: t.patronusBlue[30],
     // comprobado,,
-    darker: t.patronusBlue[30],
+    darker: t.patronusBlue[10],
     // comprobado,,
     contrastText: t.marbleLight[30],
     // comprobado,
     semanticTextLight: t.patronusBlue[70],
     // comprobado,
-    semanticTextDark: t.patronusBlue[40],
+    semanticTextDark: t.patronusBlue[30],
     // comprobado,
     // Tone colors
     toneOpacityLight: t.patronusBlue[5],
@@ -68,9 +68,81 @@ const a = {
     toneOpacityDark: t.patronusBlue[95],
     // comprobado,
     // border
-    borderMainDark: e.patronus[50],
+    borderMainLight: e.patronus[40],
     // comprobado,
-    borderMainLight: e.patronus[50]
+    borderMainDark: e.patronus[40]
+    // comprobado,
+  },
+  grass: {
+    enabledLight: t.grassGreen[50],
+    // comprobado
+    enabledDark: t.grassGreen[50],
+    // comprobado
+    hoverLight: t.grassGreen[40],
+    // comprobado,
+    hoverDark: t.grassGreen[40],
+    // comprobado,
+    selectedLight: t.grassGreen[60],
+    // comprobado,
+    selectedDark: t.grassGreen[60],
+    // comprobado,
+    activeLight: t.grassGreen[70],
+    // comprobado,
+    activeDark: t.grassGreen[70],
+    // comprobado,
+    focusLight: t.grassGreen[40],
+    // comprobado,
+    focusDark: t.grassGreen[60],
+    // comprobado,
+    enabledOpacityLight: e.grass[30],
+    // comprobado
+    enabledOpacityDark: e.grass[30],
+    // comprobado,
+    hoverOpacityLight: e.grass[20],
+    // comprobado,
+    hoverOpacityDark: e.grass[20],
+    // comprobado,
+    selectedOpacityLight: e.grass[30],
+    // comprobado,
+    selectedOpacityDark: e.grass[40],
+    // comprobado,
+    activeOpacityLight: e.grass[40],
+    // comprobado,
+    activeOpacityDark: e.grass[50],
+    // comprobado,
+    focusOpacityLight: e.grass[10],
+    // comprobado,
+    focusOpacityDark: e.grass[15] || "#fff",
+    // comprobado,
+    opacityLight: e.grass[10],
+    // comprobado,
+    opacityDark: e.grass[10],
+    // comprobado,
+    main: t.grassGreen[50],
+    // comprobado,,
+    light: t.grassGreen[30],
+    // comprobado,,
+    lighter: t.grassGreen[70],
+    // comprobado,,
+    dark: t.grassGreen[20],
+    // comprobado,,
+    darker: t.grassGreen[10],
+    // comprobado,,
+    contrastText: t.marbleLight[30],
+    // comprobado,
+    semanticTextLight: t.grassGreen[60],
+    // comprobado,
+    semanticTextDark: t.grassGreen[30],
+    // comprobado,
+    // Tone colors
+    toneOpacityLight: t.grassGreen[5],
+    // comprobado,
+    toneOpacityDark: t.grassGreen[95],
+    // comprobado,
+    // border
+    borderMainLight: e.grass[40],
+    // comprobado,
+    borderMainDark: e.grass[40]
     // comprobado,
   },
   turqui: {
@@ -132,7 +204,7 @@ const a = {
     // comprobado,
     semanticTextLight: t.turquiBlue[50],
     // comprobado,
-    semanticTextDark: t.turquiBlue[40],
+    semanticTextDark: t.turquiBlue[20],
     // comprobado,
     // Tone colors
     toneOpacityLight: t.turquiBlue[5],
@@ -140,9 +212,9 @@ const a = {
     toneOpacityDark: t.turquiBlue[95],
     // comprobado,
     // border
-    borderMainDark: e.turqui[50],
+    borderMainLight: e.turqui[40],
     // comprobado,
-    borderMainLight: e.turqui[50]
+    borderMainDark: e.turqui[40]
     // comprobado,
   },
   brown: {
@@ -180,7 +252,7 @@ const a = {
     // comprobado,
     activeOpacityLight: e.brown[40],
     // comprobado,
-    activeOpacityDark: e.brown[40],
+    activeOpacityDark: e.brown[50],
     // comprobado,
     focusOpacityLight: e.brown[10],
     // comprobado,
@@ -204,7 +276,7 @@ const a = {
     // comprobado,
     semanticTextLight: t.brown[50],
     // comprobado,
-    semanticTextDark: t.brown[40],
+    semanticTextDark: t.brown[10],
     // comprobado,
     // Tone colors
     toneOpacityLight: t.brown[5],
@@ -212,9 +284,9 @@ const a = {
     toneOpacityDark: t.brown[95],
     // comprobado,
     // border
-    borderMainDark: e.brown[50],
+    borderMainDark: e.brown[40],
     // comprobado,
-    borderMainLight: e.brown[50]
+    borderMainLight: e.brown[40]
     // comprobado,
   },
   blaze: {
@@ -284,81 +356,9 @@ const a = {
     toneOpacityDark: t.blazeOrange[95],
     // comprobado,
     // border
-    borderMainDark: e.blaze[50],
-    // comprobado,
-    borderMainLight: e.blaze[50]
-    // comprobado,
-  },
-  grass: {
-    enabledLight: t.grassGreen[50],
-    // comprobado
-    enabledDark: t.grassGreen[50],
-    // comprobado
-    hoverLight: t.grassGreen[40],
-    // comprobado,
-    hoverDark: t.grassGreen[40],
-    // comprobado,
-    selectedLight: t.grassGreen[60],
-    // comprobado,
-    selectedDark: t.grassGreen[60],
-    // comprobado,
-    activeLight: t.grassGreen[70],
-    // comprobado,
-    activeDark: t.grassGreen[70],
-    // comprobado,
-    focusLight: t.grassGreen[40],
-    // comprobado,
-    focusDark: t.grassGreen[60],
-    // comprobado,
-    enabledOpacityLight: e.grass[30],
-    // comprobado
-    enabledOpacityDark: e.grass[30],
-    // comprobado,
-    hoverOpacityLight: e.grass[20],
-    // comprobado,
-    hoverOpacityDark: e.grass[20],
-    // comprobado,
-    selectedOpacityLight: e.grass[30],
-    // comprobado,
-    selectedOpacityDark: e.grass[40],
-    // comprobado,
-    activeOpacityLight: e.grass[40],
-    // comprobado,
-    activeOpacityDark: e.grass[50],
-    // comprobado,
-    focusOpacityLight: e.grass[10],
-    // comprobado,
-    focusOpacityDark: e.grass[15] || "#fff",
-    // comprobado,
-    opacityLight: e.grass[10],
-    // comprobado,
-    opacityDark: e.grass[10],
-    // comprobado,
-    main: t.grassGreen[50],
-    // comprobado,,
-    light: t.grassGreen[30],
-    // comprobado,,
-    lighter: t.grassGreen[70],
-    // comprobado,,
-    dark: t.grassGreen[20],
-    // comprobado,,
-    darker: t.grassGreen[10],
-    // comprobado,,
-    contrastText: t.marbleLight[30],
-    // comprobado,
-    semanticTextLight: t.grassGreen[60],
-    // comprobado,
-    semanticTextDark: t.grassGreen[40],
-    // comprobado,
-    // Tone colors
-    toneOpacityLight: t.grassGreen[5],
-    // comprobado,
-    toneOpacityDark: t.grassGreen[95],
-    // comprobado,
-    // border
-    borderMainDark: e.grass[50],
+    borderMainLight: e.blaze[40],
     // comprobado,
-    borderMainLight: e.grass[50]
+    borderMainDark: e.blaze[40]
     // comprobado,
   }
 }, o = {

package/theme/palette/semanticColors.js

@@ -197,7 +197,7 @@ const e = {
     // Tone colors
     toneOpacityLight: a.flameRed[5],
     // comprobado,
-    toneOpacityDark: a.flameRed[95]
+    toneOpacityDark: a.flameRed[90]
   },
   success: {
     enabledLight: a.acidGreen[50],
@@ -232,7 +232,7 @@ const e = {
     // comprobado,
     selectedOpacityDark: t.acid[40],
     // comprobado,
-    activeOpacityLight: t.acid[40],
+    activeOpacityLight: t.acid[50],
     // comprobado,
     activeOpacityDark: t.acid[50],
     // comprobado,

package/theme/typography/typographySizes.js

@@ -29,49 +29,49 @@ const g = {
       letterSpacing: t.normal
     },
     subtitle: {
-      fontSize: e.pt17,
+      fontSize: e.pt15,
       fontWeight: i.regular,
       lineHeight: n.normal,
       letterSpacing: t.normal
     },
     subtitleDens: {
-      fontSize: e.pt17,
+      fontSize: e.pt15,
       fontWeight: i.dens,
       lineHeight: n.normal,
       letterSpacing: t.dens
     },
     paragraph: {
-      fontSize: e.pt14,
+      fontSize: e.pt13,
       fontWeight: i.regular,
       lineHeight: n.normal,
       letterSpacing: t.normal
     },
     paragraphDens: {
-      fontSize: e.pt14,
+      fontSize: e.pt13,
       fontWeight: i.dens,
       lineHeight: n.normal,
       letterSpacing: t.dens
     },
     body: {
-      fontSize: e.pt12,
+      fontSize: e.pt11,
       fontWeight: i.regular,
       lineHeight: n.normal,
       letterSpacing: t.normal
     },
     bodyDens: {
-      fontSize: e.pt12,
+      fontSize: e.pt11,
       fontWeight: i.dens,
       lineHeight: n.normal,
       letterSpacing: t.dens
     },
     caption: {
-      fontSize: e.pt14,
+      fontSize: e.pt13,
       fontWeight: i.regular,
       lineHeight: n.normal,
       letterSpacing: t.normal
     },
     captionDens: {
-      fontSize: e.pt14,
+      fontSize: e.pt13,
       fontWeight: i.dens,
       lineHeight: n.normal,
       letterSpacing: t.dens
@@ -139,13 +139,13 @@ const g = {
       letterSpacing: t.dens
     },
     caption: {
-      fontSize: e.pt14,
+      fontSize: e.pt13,
       fontWeight: i.regular,
       lineHeight: n.normal,
       letterSpacing: t.normal
     },
     captionDens: {
-      fontSize: e.pt14,
+      fontSize: e.pt13,
       fontWeight: i.dens,
       lineHeight: n.normal,
       letterSpacing: t.dens

package/utils/getPaletteByPreset.d.ts

@@ -60,7 +60,7 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly backdrop: string;
             readonly base: string;
             readonly blur: string;
-            readonly paper: "#000";
+            readonly paper: "#fff";
         };
         readonly chips: {
             readonly info: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
@@ -294,7 +294,7 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
         readonly border: {
             readonly main: string;
             readonly dens: string;
-            readonly default: string | undefined;
+            readonly default: string;
             readonly secondary: string;
             readonly disabled: string;
             readonly error: string;

package/utils/getPaletteByPreset.js

@@ -1,11 +1,11 @@
-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 { P as s, a as g, 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 { B as f, a as y } from "../theme/palette/baseChipsPalette.js";
+import { B as y, a as m } from "../theme/palette/baseChipsPalette.js";
 const t = {
   light: {
     scrollBar: "#5663763D",
@@ -15,85 +15,85 @@ const t = {
     scrollBar: "#5663765D",
     gridHover: "#282E2E"
   }
-}, L = (n) => {
-  const o = g?.[n], r = m?.[n];
+}, _ = (n) => {
+  const r = g?.[n], e = f?.[n];
   return {
     light: {
       mode: "light",
       common: l,
       primary: {
-        ...o
+        ...r
       },
       default: {
         ...b,
-        semanticText: e.onyx[20],
-        focusVisible: o.focusVisible
+        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[10]
       },
       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: b.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: r.semanticText,
             // 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: r.contrastText,
             // Comprobado
-            backgroundColorTone: o.enabled,
+            backgroundColorTone: r.enabled,
             // Comprobado
-            backgroundHoverTone: o.hover,
+            backgroundHoverTone: r.hover,
             // Comprobado
-            backgroundActiveTone: o.active
+            backgroundActiveTone: r.active
             // Comprobado
           }
           /* opacidad */
         },
-        ...f
+        ...y
       },
       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
@@ -109,19 +109,19 @@ const t = {
       },
       info: {
         ...i.info,
-        focusVisible: o.focusVisible
+        focusVisible: r.focusVisible
       },
       success: {
         ...i.success,
-        focusVisible: o.focusVisible
+        focusVisible: r.focusVisible
       },
       warning: {
         ...i.warning,
-        focusVisible: o.focusVisible
+        focusVisible: r.focusVisible
       },
       error: {
         ...i.error,
-        focusVisible: o.focusVisible
+        focusVisible: r.focusVisible
       }
     },
     dark: {
@@ -129,26 +129,26 @@ const t = {
       common: l,
       // no definido en figma
       primary: {
-        ...r
+        ...e
       },
       default: {
         ...u,
-        semanticText: e.marbleLight[30],
-        focusVisible: r?.focusVisible
+        semanticText: o.marbleLight[30],
+        focusVisible: e?.focusVisible
       },
       text: {
-        primary: e.marbleLight[70],
-        secondary: e.coolGrey[20],
-        disabled: e.coolGrey[50]
+        primary: o.marbleLight[70],
+        secondary: o.coolGrey[20],
+        disabled: o.coolGrey[50]
       },
-      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[40],
+        neutral: o.onyx[50],
+        surface: o.onyx[60],
+        hover: u.hover,
+        backdrop: a.onyx[30],
+        base: o.onyx[50],
         blur: a.onyx[60],
         //por compatibilidad de mui
         paper: "#000"
@@ -156,53 +156,53 @@ 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: e.enabled,
             // 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: e.contrastText,
             // Comprobado
-            backgroundColorTone: r.enabled,
+            backgroundColorTone: e.enabled,
             // Comprobado
-            backgroundHoverTone: r.hover,
+            backgroundHoverTone: e.hover,
             // Comprobado
-            backgroundActiveTone: r.active
+            backgroundActiveTone: e.active
             // Comprobado
           }
           /* opacidad */
         },
-        ...y
+        ...m
       },
       border: {
         main: s[n]?.borderMainDark,
-        dens: a.mint[70],
-        default: a.mint[80],
-        secondary: a.mint[20],
-        disabled: a.mint[30],
+        dens: o.coolGrey[70],
+        default: o.coolGrey[80],
+        secondary: o.onyx[20],
+        disabled: o.onyx[30],
         error: c.error.main
       },
       general: {
@@ -218,23 +218,23 @@ const t = {
       },
       info: {
         ...c.info,
-        focusVisible: r.focusVisible
+        focusVisible: e.focusVisible
       },
       success: {
         ...c.success,
-        focusVisible: r.focusVisible
+        focusVisible: e.focusVisible
       },
       warning: {
         ...c.warning,
-        focusVisible: r.focusVisible
+        focusVisible: e.focusVisible
       },
       error: {
         ...c.error,
-        focusVisible: r.focusVisible
+        focusVisible: e.focusVisible
       }
     }
   };
 };
 export {
-  L as g
+  _ as g
 };