@m4l/styles 6.4.0 → 6.4.1

package/theme/palette/baseOpacityColors.js

@@ -0,0 +1,133 @@
+import { alpha as e } from "@mui/material/styles";
+import { B as r } from "./baseColors.js";
+const a = {
+  patronus: {
+    10: e(r.patronusBlue[50], 0.08),
+    20: e(r.patronusBlue[50], 0.12),
+    30: e(r.patronusBlue[50], 0.16),
+    40: e(r.patronusBlue[50], 0.32),
+    50: e(r.patronusBlue[50], 0.48),
+    60: e(r.patronusBlue[50], 0.6),
+    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)
+  },
+  grass: {
+    10: e(r.grassGreen[50], 0.08),
+    20: e(r.grassGreen[50], 0.12),
+    30: e(r.grassGreen[50], 0.16),
+    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: {
+    10: e(r.brown[50], 0.08),
+    20: e(r.brown[50], 0.12),
+    30: e(r.brown[50], 0.16),
+    40: e(r.brown[50], 0.32),
+    50: e(r.brown[50], 0.48),
+    60: e(r.brown[50], 0.6),
+    70: e(r.brown[50], 0.72)
+  },
+  beige: {
+    10: e(r.desertBeige[50], 0.08),
+    20: e(r.desertBeige[50], 0.12),
+    30: e(r.desertBeige[50], 0.16),
+    40: e(r.desertBeige[50], 0.32),
+    50: e(r.desertBeige[50], 0.48),
+    60: e(r.desertBeige[50], 0.6),
+    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)
+  },
+  cool: {
+    10: e(r.coolGrey[70], 0.08),
+    20: e(r.coolGrey[70], 0.12),
+    30: e(r.coolGrey[70], 0.16),
+    40: e(r.coolGrey[70], 0.32),
+    50: e(r.coolGrey[70], 0.48),
+    60: e(r.coolGrey[70], 0.6),
+    70: e(r.coolGrey[70], 0.72)
+  },
+  marble: {
+    10: e(r.marbleLight[10], 0.08),
+    20: e(r.marbleLight[10], 0.16),
+    30: e(r.marbleLight[10], 0.12),
+    40: e(r.marbleLight[10], 0.32),
+    50: e(r.marbleLight[10], 0.48),
+    60: e(r.marbleLight[10], 0.6),
+    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)
+  },
+  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)
+  },
+  middle: {
+    10: e(r.middleYellow[50], 0.08),
+    20: e(r.middleYellow[50], 0.12),
+    30: e(r.middleYellow[50], 0.16),
+    40: e(r.middleYellow[50], 0.32),
+    50: e(r.middleYellow[50], 0.48),
+    60: e(r.middleYellow[50], 0.6),
+    70: e(r.middleYellow[50], 0.72)
+  },
+  acid: {
+    10: e(r.acidGreen[50], 0.08),
+    20: e(r.acidGreen[50], 0.12),
+    30: e(r.acidGreen[50], 0.16),
+    40: e(r.acidGreen[50], 0.32),
+    50: e(r.acidGreen[50], 0.48),
+    60: e(r.acidGreen[50], 0.6),
+    70: e(r.acidGreen[50], 0.72)
+  },
+  flame: {
+    10: e(r.flameRed[50], 0.08),
+    20: e(r.flameRed[50], 0.12),
+    30: e(r.flameRed[50], 0.16),
+    40: e(r.flameRed[50], 0.32),
+    50: e(r.flameRed[50], 0.48),
+    60: e(r.flameRed[50], 0.6),
+    70: e(r.flameRed[50], 0.72)
+  },
+  crayon: {
+    10: e(r.crayonBlue[50], 0.08),
+    20: e(r.crayonBlue[50], 0.12),
+    30: e(r.crayonBlue[50], 0.16),
+    40: e(r.crayonBlue[50], 0.32),
+    50: e(r.crayonBlue[50], 0.48),
+    60: e(r.crayonBlue[50], 0.6),
+    70: e(r.crayonBlue[50], 0.72)
+  }
+};
+export {
+  a as B
+};

package/theme/palette/commonColors.js

@@ -0,0 +1,7 @@
+const O = {
+  black: "#000",
+  white: "#fff"
+};
+export {
+  O as C
+};

package/theme/palette/defaultColors.d.ts

@@ -1,14 +1,14 @@
-import { PaletteColor } from "@mui/material/styles";
-import { DefaultPresetColor } from "../../types";
+import { PaletteColor } from '@mui/material/styles';
+import { DefaultPresetColor } from '../../types';
 /**
  * Opción de paleta default, se usa para construir la opcion de variable semántica default
-*/
+ */
 export declare const PRESET_DEFAULT: DefaultPresetColor;
 /**
  * Opción de paleta default en modo light, se usa para colorear componentes con la variante semántica de tipo default
-*/
+ */
 export declare const DEFAULT_COLOR_LIGHT: Omit<PaletteColor, 'focusVisible' | 'contrastText'>;
 /**
  * Opción de paleta default en modo dark, se usa para colorear componentes con la variante semántica de tipo default
-*/
+ */
 export declare const DEFAULT_COLOR_DARK: Omit<PaletteColor, 'focusVisible' | 'contrastText'>;

package/theme/palette/defaultColors.js

@@ -0,0 +1,38 @@
+import { B as i } from "./baseOpacityColors.js";
+import { B as o } from "./baseColors.js";
+const t = {
+  mainLight: i.oxford[10],
+  mainDark: i.mint[20],
+  lighter: i.oxford[40],
+  light: i.oxford[20],
+  dark: i.mint[30],
+  darker: i.mint[50],
+  toneOpacityLight: o.oxford.toneOpacity10,
+  toneOpacityDark: o.oxford.toneOpacity20,
+  opacityLight: i.oxford[30],
+  opacityDark: i.oxford[30]
+}, c = {
+  main: t.mainLight,
+  focusActive: t.lighter,
+  hover: t.light,
+  opacity: t.toneOpacityLight,
+  toneOpacity: t.toneOpacityLight,
+  hoverOpacity: t.opacityLight,
+  //Por compatibilidad con MUI
+  light: t.light,
+  dark: t.dark
+}, n = {
+  main: t.mainLight,
+  focusActive: t.lighter,
+  hover: t.dark,
+  opacity: t.toneOpacityDark,
+  toneOpacity: t.toneOpacityDark,
+  hoverOpacity: t.opacityDark,
+  //Por compatibilidad con MUI
+  light: t.light,
+  dark: t.dark
+};
+export {
+  c as D,
+  n as a
+};

package/theme/palette/greyPalette.js

@@ -0,0 +1,29 @@
+import { alpha as A } from "@mui/material/styles";
+const F = {
+  0: "#FFFFFF",
+  100: "#F9FAFB",
+  200: "#F4F6F8",
+  300: "#DFE3E8",
+  400: "#C4CDD5",
+  500: "#919EAB",
+  600: "#637381",
+  700: "#454F5B",
+  800: "#212B36",
+  900: "#161C24",
+  5008: A("#919EAB", 0.08),
+  50012: A("#919EAB", 0.12),
+  50016: A("#919EAB", 0.16),
+  50024: A("#919EAB", 0.24),
+  50032: A("#919EAB", 0.32),
+  50048: A("#919EAB", 0.48),
+  50056: A("#919EAB", 0.56),
+  50080: A("#919EAB", 0.8),
+  50: "",
+  A100: "",
+  A200: "",
+  A400: "",
+  A700: ""
+};
+export {
+  F as G
+};

package/theme/palette/index.js

@@ -0,0 +1 @@
+

package/theme/palette/presetColors.d.ts

@@ -2,18 +2,18 @@ import { ThemePaletteColors, ThemePaletteColors as OursColorPalette, ThemePreset
 /**
  * Conjunto de paletas de colores usados para construir el tema seleccionado por el usario en la aplación.
  * Sus opciones pueden ser patronus, turqui, grass, brown y blaze.
-*/
+ */
 export declare const PRESET_COLORS: ThemePresetColors;
 /**
  * Colección de temas de color en modo light, se usan para aportar el color en los componentes de la apliación web.
  * Se tiene en cuanta cuando la variable semántica aplicada al componente es de tipo primary.
  * Sus opciones pueden ser patronus, turqui, grass, brown y blaze.
-*/
+ */
 export declare const PRIMARY_COLORS_LIGHT: ThemePaletteColors;
 /**
  * Colección de temas de color en modo dark, se usan para aportar el color en los componentes de la apliación web.
  * Se tiene en cuanta cuando la variable semántica aplicada al componente es de tipo primary.
  * Sus opciones pueden ser patronus, turqui, grass, brown y blaze.
-*/
+ */
 export declare const PRIMARY_COLORS_DARK: OursColorPalette;
 export declare const presetsOptions: PresetsOptions;

package/theme/palette/presetColors.js

@@ -0,0 +1,225 @@
+import { B as a } from "./baseColors.js";
+import { B as r } from "./baseOpacityColors.js";
+const t = {
+  patronus: {
+    main: a.patronusBlue[50],
+    lighter: a.patronusBlue[70],
+    light: a.patronusBlue[40],
+    dark: a.patronusBlue[30],
+    darker: a.patronusBlue[10],
+    contrastText: a.marbleLight[30],
+    toneOpacityLight: a.patronusBlue.toneOpacity10,
+    toneOpacityDark: a.patronusBlue.toneOpacity20,
+    opacityLight: r.patronus[10],
+    opacityDark: r.patronus[20],
+    borderMainDark: r.patronus[50],
+    borderMainLight: r.patronus[50]
+  },
+  turqui: {
+    lighter: a.turquiBlue[70],
+    light: a.turquiBlue[40],
+    main: a.turquiBlue[50],
+    dark: a.turquiBlue[30],
+    darker: a.turquiBlue[10],
+    contrastText: a.marbleLight[30],
+    toneOpacityLight: a.marbleLight.toneOpacity10,
+    toneOpacityDark: a.marbleLight.toneOpacity20,
+    opacityLight: r.turqui[10],
+    opacityDark: r.turqui[20],
+    borderMainDark: r.turqui[50],
+    borderMainLight: r.turqui[50]
+  },
+  grass: {
+    lighter: a.grassGreen[70],
+    light: a.grassGreen[40],
+    main: a.grassGreen[50],
+    dark: a.grassGreen[30],
+    darker: a.grassGreen[10],
+    contrastText: a.marbleLight[30],
+    toneOpacityLight: a.grassGreen.toneOpacity10,
+    toneOpacityDark: a.grassGreen.toneOpacity20,
+    opacityLight: r.turqui[10],
+    opacityDark: r.turqui[20],
+    borderMainDark: r.turqui[50],
+    borderMainLight: r.turqui[50]
+  },
+  brown: {
+    lighter: a.brown[70],
+    light: a.brown[40],
+    main: a.brown[50],
+    dark: a.brown[30],
+    darker: a.brown[10],
+    contrastText: a.marbleLight[30],
+    toneOpacityLight: a.brown.toneOpacity10,
+    toneOpacityDark: a.brown.toneOpacity20,
+    opacityLight: r.turqui[10],
+    opacityDark: r.turqui[20],
+    borderMainDark: r.turqui[50],
+    borderMainLight: r.turqui[50]
+  },
+  blaze: {
+    lighter: a.blazeOrange[70],
+    light: a.blazeOrange[40],
+    main: a.blazeOrange[50],
+    dark: a.blazeOrange[30],
+    darker: a.blazeOrange[10],
+    contrastText: a.marbleLight[30],
+    toneOpacityLight: a.blazeOrange.toneOpacity10,
+    toneOpacityDark: a.blazeOrange.toneOpacity20,
+    opacityLight: r.blaze[10],
+    opacityDark: r.blaze[20],
+    borderMainDark: r.blaze[50],
+    borderMainLight: r.blaze[50]
+  }
+}, s = {
+  patronus: {
+    main: t.patronus.main,
+    focusVisible: t.patronus.light,
+    focusActive: t.patronus.lighter,
+    hover: t.patronus.light,
+    opacity: t.patronus.opacityLight,
+    toneOpacity: t.patronus.toneOpacityLight,
+    contrastText: t.patronus.contrastText,
+    //Por compatibilidad con MUI
+    hoverOpacity: t.patronus.opacityLight,
+    light: t.patronus.light,
+    dark: t.patronus.dark
+  },
+  blaze: {
+    main: t.blaze.main,
+    focusVisible: t.blaze.light,
+    focusActive: t.blaze.lighter,
+    hover: t.blaze.light,
+    opacity: t.blaze.opacityLight,
+    toneOpacity: t.blaze.toneOpacityLight,
+    contrastText: t.blaze.contrastText,
+    hoverOpacity: t.blaze.opacityLight,
+    //Por compatibilidad con MUI
+    light: t.blaze.light,
+    dark: t.blaze.dark
+  },
+  brown: {
+    main: t.brown.main,
+    focusVisible: t.brown.light,
+    focusActive: t.brown.lighter,
+    hover: t.brown.light,
+    opacity: t.brown.opacityLight,
+    toneOpacity: t.brown.toneOpacityLight,
+    contrastText: t.brown.contrastText,
+    hoverOpacity: t.brown.opacityLight,
+    //Por compatibilidad con MUI
+    light: t.brown.light,
+    dark: t.brown.dark
+  },
+  grass: {
+    main: t.grass.main,
+    focusVisible: t.grass.light,
+    focusActive: t.grass.lighter,
+    hover: t.grass.light,
+    opacity: t.grass.opacityLight,
+    toneOpacity: t.grass.toneOpacityLight,
+    contrastText: t.grass.contrastText,
+    hoverOpacity: t.grass.opacityLight,
+    //Por compatibilidad con MUI
+    light: t.grass.light,
+    dark: t.grass.dark
+  },
+  turqui: {
+    main: t.turqui.main,
+    focusVisible: t.turqui.light,
+    focusActive: t.turqui.lighter,
+    hover: t.turqui.light,
+    opacity: t.turqui.opacityLight,
+    toneOpacity: t.turqui.toneOpacityLight,
+    contrastText: t.turqui.contrastText,
+    hoverOpacity: t.turqui.opacityLight,
+    //Por compatibilidad con MUI
+    light: t.turqui.light,
+    dark: t.turqui.dark
+  }
+}, c = {
+  patronus: {
+    main: t.patronus.main,
+    focusVisible: t.patronus.light,
+    // validar para dark
+    focusActive: t.patronus.lighter,
+    // validar para dark
+    hover: t.patronus.dark,
+    opacity: t.patronus.opacityDark,
+    toneOpacity: t.patronus.toneOpacityDark,
+    contrastText: t.patronus.contrastText,
+    hoverOpacity: t.patronus.opacityDark,
+    //Por compatibilidad con MUI
+    light: t.patronus.light,
+    dark: t.patronus.dark
+  },
+  blaze: {
+    main: t.blaze.main,
+    focusVisible: t.blaze.light,
+    // validar para dark
+    focusActive: t.blaze.lighter,
+    // validar para dark
+    hover: t.blaze.dark,
+    opacity: t.blaze.opacityDark,
+    toneOpacity: t.blaze.toneOpacityDark,
+    contrastText: t.blaze.contrastText,
+    hoverOpacity: t.blaze.opacityDark,
+    //Por compatibilidad con MUI
+    light: t.blaze.light,
+    dark: t.blaze.dark
+  },
+  brown: {
+    main: t.brown.main,
+    focusVisible: t.brown.light,
+    // validar para dark
+    focusActive: t.brown.lighter,
+    // validar para dark
+    hover: t.brown.dark,
+    opacity: t.brown.opacityDark,
+    toneOpacity: t.brown.toneOpacityDark,
+    contrastText: t.brown.contrastText,
+    hoverOpacity: t.brown.opacityDark,
+    //Por compatibilidad con MUI
+    light: t.brown.light,
+    dark: t.brown.dark
+  },
+  grass: {
+    main: t.grass.main,
+    focusVisible: t.grass.light,
+    // validar para dark
+    focusActive: t.grass.lighter,
+    // validar para dark
+    hover: t.grass.dark,
+    opacity: t.grass.opacityDark,
+    toneOpacity: t.grass.toneOpacityDark,
+    contrastText: t.grass.contrastText,
+    hoverOpacity: t.grass.opacityDark,
+    //Por compatibilidad con MUI
+    light: t.grass.light,
+    dark: t.grass.dark
+  },
+  turqui: {
+    main: t.turqui.main,
+    focusVisible: t.turqui.light,
+    // validar para dark
+    focusActive: t.turqui.lighter,
+    // validar para dark
+    hover: t.turqui.dark,
+    opacity: t.turqui.opacityDark,
+    toneOpacity: t.turqui.toneOpacityDark,
+    contrastText: t.turqui.contrastText,
+    hoverOpacity: t.turqui.opacityDark,
+    //Por compatibilidad con MUI
+    light: t.turqui.light,
+    dark: t.turqui.dark
+  }
+}, o = Object.keys(t), u = o.map((i) => ({
+  name: i,
+  value: t[i].main
+}));
+export {
+  t as P,
+  s as a,
+  c as b,
+  u as p
+};

package/theme/palette/semanticColors.d.ts

@@ -1,16 +1,16 @@
-import type { SemanticPresetColors, SemanticsPaletteColors } from '../../types';
+import { SemanticPresetColors, SemanticsPaletteColors } from '../../types';
 /**
  * Paleta semántica predefinida, se usa para construir las opciones de variable semántica.
  * Puden ser de tipo success, error, warning, info
-*/
+ */
 export declare const PRESET_SEMANTICS_COLORS: SemanticPresetColors;
 /**
  * Opciones de paleta semántica en modo light, se usan para aportar el color en los componentes de la apliación web.
  * Se tiene en cuanta cuando la variable semántica aplicada al componente es de tipo warning, error, success o info.
-*/
+ */
 export declare const SEMANTIC_COLORS_LIGHT: SemanticsPaletteColors;
 /**
  * Opciones de paleta semántica en modo dark, se usan para aportar el color en los componentes de la apliación web.
  * Se tiene en cuanta cuando la variable semántica aplicada al componente es de tipo warning, error, success o info.
-*/
+ */
 export declare const SEMANTIC_COLORS_DARK: SemanticsPaletteColors;

package/theme/palette/semanticColors.js

@@ -0,0 +1,161 @@
+import { B as r } from "./baseColors.js";
+const a = {
+  info: {
+    main: r.crayonBlue[50],
+    lighter: r.crayonBlue[70],
+    light: r.crayonBlue[60],
+    dark: r.crayonBlue[40],
+    darker: r.crayonBlue[20],
+    contrastText: r.marbleLight[30],
+    toneOpacityLight: r.crayonBlue.toneOpacity20,
+    toneOpacityDark: r.crayonBlue.toneOpacity10,
+    opacityLight: r.crayonBlue[10],
+    opacityDark: r.crayonBlue[40],
+    borderMainLight: r.crayonBlue[50],
+    borderMainDark: r.crayonBlue[50]
+  },
+  warning: {
+    main: r.middleYellow[50],
+    lighter: r.middleYellow[90],
+    light: r.middleYellow[70],
+    dark: r.middleYellow[30],
+    darker: r.middleYellow[20],
+    contrastText: r.onyx[20],
+    toneOpacityLight: r.middleYellow.toneOpacity10,
+    toneOpacityDark: r.middleYellow.toneOpacity20,
+    opacityLight: r.middleYellow[10],
+    opacityDark: r.middleYellow[20],
+    borderMainLight: r.middleYellow[50],
+    borderMainDark: r.middleYellow[50]
+  },
+  error: {
+    main: r.flameRed[50],
+    lighter: r.flameRed[70],
+    light: r.flameRed[60],
+    dark: r.flameRed[30],
+    darker: r.flameRed[20],
+    contrastText: r.marbleLight[30],
+    toneOpacityLight: r.flameRed.toneOpacity10,
+    toneOpacityDark: r.flameRed.toneOpacity20,
+    opacityLight: r.flameRed[10],
+    opacityDark: r.flameRed[20],
+    borderMainLight: r.flameRed[50],
+    borderMainDark: r.flameRed[50]
+  },
+  success: {
+    main: r.acidGreen[50],
+    lighter: r.acidGreen[70],
+    light: r.acidGreen[60],
+    dark: r.acidGreen[30],
+    darker: r.acidGreen[20],
+    contrastText: r.marbleLight[20],
+    toneOpacityLight: r.acidGreen.toneOpacity10,
+    toneOpacityDark: r.acidGreen.toneOpacity20,
+    opacityLight: r.acidGreen[10],
+    opacityDark: r.acidGreen[20],
+    borderMainLight: r.acidGreen[50],
+    borderMainDark: r.acidGreen[50]
+  }
+}, i = {
+  info: {
+    main: a.info.main,
+    focusActive: a.info.lighter,
+    hover: a.info.light,
+    opacity: a.info.opacityLight,
+    toneOpacity: a.info.toneOpacityLight,
+    contrastText: a.info.contrastText,
+    hoverOpacity: a.info.opacityLight,
+    //Por compatibilidad con MUI
+    light: a.info.light,
+    dark: a.info.dark
+  },
+  success: {
+    main: a.success.main,
+    focusActive: a.success.lighter,
+    hover: a.success.light,
+    opacity: a.success.opacityLight,
+    toneOpacity: a.success.toneOpacityLight,
+    contrastText: a.success.contrastText,
+    hoverOpacity: a.success.opacityLight,
+    //Por compatibilidad con MUI
+    light: a.success.light,
+    dark: a.success.dark
+  },
+  warning: {
+    main: a.warning.main,
+    focusActive: a.warning.lighter,
+    hover: a.warning.light,
+    opacity: a.warning.opacityLight,
+    toneOpacity: a.warning.toneOpacityLight,
+    contrastText: a.warning.contrastText,
+    hoverOpacity: a.warning.opacityLight,
+    //Por compatibilidad con MUI
+    light: a.warning.light,
+    dark: a.warning.dark
+  },
+  error: {
+    main: a.error.main,
+    focusActive: a.error.lighter,
+    hover: a.error.light,
+    opacity: a.error.opacityLight,
+    toneOpacity: a.error.toneOpacityLight,
+    contrastText: a.error.contrastText,
+    hoverOpacity: a.error.opacityLight,
+    //Por compatibilidad con MUI
+    light: a.error.light,
+    dark: a.error.dark
+  }
+}, e = {
+  info: {
+    main: a.info.main,
+    focusActive: a.info.darker,
+    hover: a.info.dark,
+    opacity: a.info.opacityDark,
+    toneOpacity: a.info.toneOpacityDark,
+    contrastText: a.info.contrastText,
+    hoverOpacity: a.info.opacityDark,
+    //Por compatibilidad con MUI
+    light: a.info.light,
+    dark: a.info.dark
+  },
+  success: {
+    main: a.success.main,
+    focusActive: a.success.darker,
+    hover: a.success.dark,
+    opacity: a.success.opacityDark,
+    toneOpacity: a.success.toneOpacityDark,
+    contrastText: a.success.contrastText,
+    hoverOpacity: a.success.opacityDark,
+    //Por compatibilidad con MUI
+    light: a.success.light,
+    dark: a.success.dark
+  },
+  warning: {
+    main: a.warning.main,
+    focusActive: a.warning.darker,
+    hover: a.warning.dark,
+    opacity: a.warning.opacityDark,
+    toneOpacity: a.warning.toneOpacityDark,
+    contrastText: a.warning.contrastText,
+    hoverOpacity: a.warning.opacityDark,
+    //Por compatibilidad con MUI
+    light: a.warning.light,
+    dark: a.warning.dark
+  },
+  error: {
+    main: a.error.main,
+    focusActive: a.error.darker,
+    hover: a.error.dark,
+    opacity: a.error.opacityDark,
+    toneOpacity: a.error.toneOpacityDark,
+    contrastText: a.error.contrastText,
+    hoverOpacity: a.error.opacityDark,
+    //Por compatibilidad con MUI
+    light: a.error.light,
+    dark: a.error.dark
+  }
+};
+export {
+  i as S,
+  e as a
+};

package/theme/shadows.d.ts

@@ -14,7 +14,7 @@ export interface CustomShadowOptions {
     dialog: string;
     dropdown: string;
 }
-export declare const createCustomShadows: (mode: 'light' | 'dark') => CustomShadowOptions;
+export declare const createCustomShadows: (mode: "light" | "dark") => CustomShadowOptions;
 export declare const shadows: {
     light: Shadows;
     dark: Shadows;