@m4l/styles 7.1.27 → 7.1.28

package/theme/palette/baseOpacityColors.js

@@ -1,8 +1,8 @@
 import { alpha as e } from "@mui/material/styles";
 import { B as r } from "./baseColors.js";
-const a = {
+const n = {
   patronus: {
-    5: e("#7AAEFF", 0.08),
+    5: e(r.patronusBlue[50], 0.04),
     10: e(r.patronusBlue[50], 0.08),
     20: e(r.patronusBlue[50], 0.12),
     30: e(r.patronusBlue[50], 0.16),
@@ -12,25 +12,28 @@ const a = {
     70: e(r.patronusBlue[50], 0.72)
   },
   turqui: {
-    10: e(r.turquiBlue[50], 0.08),
-    20: e(r.turquiBlue[50], 0.12),
-    30: e(r.turquiBlue[50], 0.16),
-    40: e(r.turquiBlue[50], 0.32),
-    50: e(r.turquiBlue[50], 0.48),
-    60: e(r.turquiBlue[50], 0.6),
-    70: e(r.turquiBlue[50], 0.72)
+    5: e("#2A6077", 0.04),
+    10: e("#2A6077", 0.08),
+    20: e("#2A6077", 0.12),
+    30: e("#2A6077", 0.16),
+    40: e("#2A6077", 0.32),
+    50: e("#2A6077", 0.48),
+    60: e("#2A6077", 0.6),
+    70: e("#2A6077", 0.72)
   },
   grass: {
-    10: e(r.grassGreen[50], 0.04),
-    15: e(r.grassGreen[50], 0.07),
-    20: e(r.grassGreen[50], 0.12),
-    30: e(r.grassGreen[50], 0.16),
+    5: e(r.grassGreen[50], 0.04),
+    10: e(r.grassGreen[50], 0.08),
+    15: e(r.grassGreen[50], 0.12),
+    20: e(r.grassGreen[50], 0.16),
+    30: e(r.grassGreen[50], 0.24),
     40: e(r.grassGreen[50], 0.32),
     50: e(r.grassGreen[50], 0.48),
     60: e(r.grassGreen[50], 0.6),
     70: e(r.grassGreen[50], 0.72)
   },
   brown: {
+    5: e(r.brown[50], 0.06),
     10: e(r.brown[50], 0.08),
     20: e(r.brown[50], 0.12),
     30: e(r.brown[50], 0.16),
@@ -40,6 +43,7 @@ const a = {
     70: e(r.brown[50], 0.72)
   },
   beige: {
+    5: e(r.desertBeige[50], 0.06),
     10: e(r.desertBeige[50], 0.08),
     20: e(r.desertBeige[50], 0.12),
     30: e(r.desertBeige[50], 0.16),
@@ -49,15 +53,17 @@ const a = {
     70: e(r.desertBeige[50], 0.72)
   },
   blaze: {
-    10: e(r.blazeOrange[50], 0.08),
-    20: e(r.blazeOrange[50], 0.12),
-    30: e(r.blazeOrange[50], 0.16),
-    40: e(r.blazeOrange[50], 0.32),
-    50: e(r.blazeOrange[50], 0.48),
-    60: e(r.blazeOrange[50], 0.6),
-    70: e(r.blazeOrange[50], 0.72)
+    5: e("#E59722", 0.06),
+    10: e("#E59722", 0.08),
+    20: e("#E59722", 0.12),
+    30: e("#E59722", 0.16),
+    40: e("#E59722", 0.32),
+    50: e("#E59722", 0.48),
+    60: e("#E59722", 0.6),
+    70: e("#E59722", 0.72)
   },
   cool: {
+    5: e(r.coolGrey[70], 0.04),
     10: e(r.coolGrey[70], 0.08),
     20: e(r.coolGrey[70], 0.12),
     30: e(r.coolGrey[70], 0.16),
@@ -67,6 +73,7 @@ const a = {
     70: e(r.coolGrey[70], 0.72)
   },
   marble: {
+    5: e(r.marbleLight[10], 0.04),
     10: e(r.marbleLight[10], 0.08),
     20: e(r.marbleLight[10], 0.12),
     30: e(r.marbleLight[10], 0.16),
@@ -76,34 +83,38 @@ const a = {
     70: e(r.marbleLight[10], 0.72)
   },
   oxford: {
-    10: e(r.oxford[90], 0.04),
-    20: e(r.oxford[90], 0.08),
-    30: e(r.oxford[90], 0.12),
-    40: e(r.oxford[90], 0.2),
-    50: e(r.oxford[90], 0.31),
-    60: e(r.oxford[90], 0.49),
-    70: e(r.oxford[90], 0.7)
+    5: e(r.oxford[50], 0.04),
+    10: e(r.oxford[50], 0.08),
+    20: e(r.oxford[50], 0.12),
+    30: e(r.oxford[50], 0.16),
+    40: e(r.oxford[50], 0.32),
+    50: e(r.oxford[50], 0.48),
+    60: e(r.oxford[50], 0.6),
+    70: e(r.oxford[50], 0.72)
   },
   mint: {
-    10: e(r.mint[40], 0.04),
-    20: e(r.mint[20], 0.08),
-    30: e(r.mint[50], 0.1),
-    40: e(r.mint[30], 0.14),
-    50: e(r.mint[70], 0.18),
-    60: e(r.mint[60], 0.28),
-    70: e(r.mint[10], 0.5)
+    5: e(r.mint[70], 0.04),
+    10: e(r.mint[40], 0.08),
+    20: e(r.mint[20], 0.12),
+    30: e(r.mint[50], 0.16),
+    40: e(r.mint[30], 0.32),
+    50: e(r.mint[70], 0.48),
+    60: e(r.mint[60], 0.6),
+    70: e(r.mint[10], 0.72)
   },
   onyx: {
-    10: e(r.onyx[50], 0.08),
-    20: e(r.onyx[50], 0.12),
-    30: e(r.onyx[50], 0.16),
-    40: e(r.onyx[50], 0.32),
-    50: e(r.onyx[50], 0.48),
-    60: e(r.onyx[50], 0.6),
-    70: e(r.onyx[50], 0.72),
+    5: e("#212727", 0.04),
+    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),
     80: e(r.onyx[70], 0.72)
   },
   middle: {
+    5: e(r.middleYellow[50], 0.06),
     10: e(r.middleYellow[50], 0.08),
     20: e(r.middleYellow[50], 0.12),
     30: e(r.middleYellow[50], 0.16),
@@ -113,6 +124,7 @@ const a = {
     70: e(r.middleYellow[50], 0.72)
   },
   acid: {
+    5: e(r.acidGreen[50], 0.04),
     10: e(r.acidGreen[50], 0.08),
     20: e(r.acidGreen[50], 0.12),
     30: e(r.acidGreen[50], 0.16),
@@ -122,6 +134,7 @@ const a = {
     70: e(r.acidGreen[50], 0.72)
   },
   forest: {
+    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),
@@ -131,6 +144,7 @@ const a = {
     70: e(r.forest[50], 0.72)
   },
   flame: {
+    5: e(r.flameRed[50], 0.06),
     10: e(r.flameRed[50], 0.08),
     20: e(r.flameRed[50], 0.12),
     30: e(r.flameRed[50], 0.24),
@@ -140,6 +154,7 @@ const a = {
     70: e(r.flameRed[50], 0.72)
   },
   crayon: {
+    5: e(r.crayonBlue[50], 0.04),
     10: e(r.crayonBlue[50], 0.08),
     20: e(r.crayonBlue[50], 0.12),
     30: e(r.crayonBlue[50], 0.16),
@@ -147,8 +162,58 @@ const a = {
     50: e(r.crayonBlue[50], 0.48),
     60: e(r.crayonBlue[50], 0.6),
     70: e(r.crayonBlue[50], 0.72)
+  },
+  pink: {
+    5: e(r.pink[50], 0.06),
+    10: e(r.pink[50], 0.08),
+    20: e(r.pink[50], 0.12),
+    30: e(r.pink[50], 0.16),
+    40: e(r.pink[50], 0.32),
+    50: e(r.pink[50], 0.48),
+    60: e(r.pink[50], 0.6),
+    70: e(r.pink[50], 0.72)
+  },
+  orange: {
+    5: e(r.orange[50], 0.06),
+    10: e(r.orange[50], 0.08),
+    20: e(r.orange[50], 0.12),
+    30: e(r.orange[50], 0.16),
+    40: e(r.orange[50], 0.32),
+    50: e(r.orange[50], 0.48),
+    60: e(r.orange[50], 0.6),
+    70: e(r.orange[50], 0.72)
+  },
+  candy: {
+    5: e("#DD1155", 0.06),
+    10: e("#DD1155", 0.08),
+    20: e("#DD1155", 0.12),
+    30: e("#DD1155", 0.16),
+    40: e("#DD1155", 0.32),
+    50: e("#DD1155", 0.48),
+    60: e("#DD1155", 0.6),
+    70: e("#DD1155", 0.72)
+  },
+  persianGreen: {
+    5: e(r.persianGreen[50], 0.04),
+    10: e(r.persianGreen[50], 0.08),
+    20: e(r.persianGreen[50], 0.12),
+    30: e(r.persianGreen[50], 0.16),
+    40: e(r.persianGreen[50], 0.32),
+    50: e(r.persianGreen[50], 0.48),
+    60: e(r.persianGreen[50], 0.6),
+    70: e(r.persianGreen[70], 0.72)
+  },
+  aqua: {
+    5: e(r.aqua[50], 0.04),
+    10: e(r.aqua[50], 0.08),
+    20: e(r.aqua[50], 0.12),
+    30: e(r.aqua[50], 0.16),
+    40: e(r.aqua[50], 0.32),
+    50: e(r.aqua[50], 0.48),
+    60: e(r.aqua[50], 0.6),
+    70: e(r.aqua[50], 0.72)
   }
 };
 export {
-  a as B
+  n as B
 };

package/theme/palette/defaultColors.js

@@ -1,70 +1,67 @@
-import { B as e } from "./baseOpacityColors.js";
-import { B as a } from "./baseColors.js";
+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: a.oxford[20],
+  enabledLight: e.oxford[5],
   // Comprobado
-  enabledDark: a.coolGrey[30],
+  enabledDark: e.onyx[30],
   // Comprobado
-  hoverLight: a.oxford[10],
+  hoverLight: e.oxford[10],
   // Comprobado
-  hoverDark: a.coolGrey[10],
+  hoverDark: e.onyx[20],
   // Comprobado
-  selectedLight: a.oxford[30],
+  selectedLight: e.oxford[30],
   // Comprobado
-  selectedDark: a.coolGrey[40],
+  selectedDark: e.coolGrey[40],
   // Comprobado
-  activeLight: a.oxford[30],
+  activeLight: e.oxford[30],
   // Comprobado
-  activeDark: a.coolGrey[50],
+  activeDark: e.coolGrey[80],
   // Comprobado
-  focusLight: a.oxford[20],
+  focusLight: e.oxford[40],
   // Comprobado
-  focusDark: a.coolGrey[30],
+  focusDark: e.onyx[50],
   // Comprobado
-  enabledOpacityLight: "#091E431E",
+  enabledOpacityLight: a.oxford[5],
   // Comprobado
-  enabledOpacityDark: "#8E9DB433",
+  enabledOpacityDark: a.mint[20],
   // Comprobado
-  hoverOpacityLight: "#091E4314",
+  hoverOpacityLight: a.oxford[10],
   // Comprobado
-  hoverOpacityDark: "#8E9DB414",
+  hoverOpacityDark: a.mint[10],
   // Comprobado
-  selectedOpacityLight: "#091E4333",
+  selectedOpacityLight: i("#091E42", 0.2),
   // Comprobado
-  selectedOpacityDark: "#8E9DB433",
+  selectedOpacityDark: i("#8E9DB4", 0.31),
   // Comprobado
-  activeOpacityLight: "#091E4333",
+  activeOpacityLight: a.oxford[30],
   // Comprobado
-  activeOpacityDark: "#8E9DB47C",
+  activeOpacityDark: a.mint[30],
   // Comprobado
-  focusOpacityLight: "#091E4314",
+  focusOpacityLight: a.oxford[40],
   // Comprobado
-  focusOpacityDark: "#8E9DB414",
+  focusOpacityDark: a.mint[40],
   // Comprobado
-  opacityLight: e.oxford[10],
+  contrastText: e.onyx[20],
   // Comprobado
-  opacityDark: e.mint[10],
+  mainLight: a.oxford[10],
   // Comprobado
-  contrastText: a.onyx[20],
+  mainDark: a.mint[20],
   // Comprobado
-  mainLight: a.oxford[50],
+  light: a.oxford[20],
   // Comprobado
-  mainDark: e.mint[50],
+  lighter: a.oxford[40],
   // Comprobado
-  light: e.oxford[40],
-  // Comprobado
-  lighter: e.oxford[70],
-  // Comprobado
-  dark: e.mint[30],
+  dark: a.mint[30],
   // Comprobado,
-  darker: e.mint[10],
+  darker: a.mint[50],
   // Comprobado,
   // Tone colors
-  toneOpacityLight: a.oxford[5],
+  toneOpacityLight: e.marbleLight[30],
   // Comprobado
-  toneOpacityDark: a.oxford[95]
+  toneOpacityDark: e.onyx[30]
   // Comprobado
-}, o = {
+}, h = {
   enabled: t.enabledLight,
   enabledOpacity: t.enabledOpacityLight,
   hover: t.hoverLight,
@@ -82,7 +79,7 @@ const t = {
   main: t.mainLight,
   light: t.light,
   dark: t.dark
-}, r = {
+}, y = {
   enabled: t.enabledDark,
   enabledOpacity: t.enabledOpacityDark,
   hover: t.hoverDark,
@@ -102,6 +99,6 @@ const t = {
   dark: t.dark
 };
 export {
-  o as B,
-  r as a
+  h as B,
+  y as a
 };

package/theme/typography/baseLetterSpacing.js

@@ -1,6 +1,7 @@
-const E = {
-  "0.5": "0.5px"
+const n = {
+  normal: "0.5px",
+  dens: "0.8px"
 };
 export {
-  E as B
+  n as B
 };

package/theme/typography/baseWeight.js

@@ -1,7 +1,8 @@
 const e = {
-  regular: 500,
-  dens: 700,
-  number: 0
+  regular: 520,
+  dens: 720,
+  number: 0,
+  medium: 600
 };
 export {
   e as B

package/theme/typography/types.d.ts

@@ -58,12 +58,13 @@ export interface BaseFontSize {
 /**
  * Lista de variantes semánticas en tipografía que se pueden utilizar en la aplicación web.
  */
-export type TypographyVariants = 'h1' | 'h2' | 'h3' | 'h5' | 'subtitle' | 'subtitleDens' | 'paragraph' | 'paragraphDens' | 'body' | 'bodyDens';
+export type TypographyVariants = 'h1' | 'h2' | 'h3' | 'h5' | 'subtitle' | 'subtitleDens' | 'paragraph' | 'paragraphDens' | 'caption' | 'captionDens' | 'body' | 'bodyDens';
 /**
  *  Representa los valores predefinidos para los espaciados entre caracteres en la aplicación web.
  */
 export interface BaseLetterSpacing {
-    '0.5': '0.5px';
+    normal: string;
+    dens: string;
 }
 /**
  * Lista de atributos css que se pueden aplicar a los textos en la aplicación web.
@@ -101,6 +102,7 @@ export interface BaseWeight {
     regular: number;
     dens: number;
     number: number;
+    medium: number;
 }
 /**
  * Representa el conjunto con el que los desarrolladores seleccionan el tamaño de los direntes textos en la aplicación web.

package/theme/typography/typography.js

@@ -1,14 +1,14 @@
 import { B as o } from "./baseLetterSpacing.js";
 import { B as E } from "./baseLineHeight.js";
-import { B as t } from "./baseWeight.js";
-import { T as r, a as S } from "./typographySizes.js";
-const a = {
-  mobile: r,
-  desktop: S,
+import { B as r } from "./baseWeight.js";
+import { T as t, a as m } from "./typographySizes.js";
+const _ = {
+  mobile: t,
+  desktop: m,
   lineHeight: E,
-  weight: t,
-  letterSpacing: o["0.5"]
+  weight: r,
+  letterSpacing: o.normal
 };
 export {
-  a as T
+  _ as T
 };