@m4l/styles 7.1.22 → 7.1.24

package/theme/palette/semanticColors.js

@@ -1,383 +1,415 @@
-import { B as e } from "./baseColors.js";
+import { B as a } from "./baseColors.js";
 import { B as i } from "./baseOpacityColors.js";
-const a = {
+const e = {
   info: {
-    enabledLight: e.crayonBlue[50],
+    enabledLight: a.crayonBlue[50],
     // comprobado
-    enabledDark: e.crayonBlue[50],
+    enabledDark: a.crayonBlue[50],
     // comprobado
-    hoverLight: e.crayonBlue[40],
+    hoverLight: a.crayonBlue[40],
     // comprobado,
-    hoverDark: e.crayonBlue[40],
+    hoverDark: a.crayonBlue[40],
     // comprobado,
-    activeLight: e.crayonBlue[70],
+    selectedLight: a.crayonBlue[60],
+    // comprobado
+    selectedDark: a.crayonBlue[60],
+    // comprobado
+    activeLight: a.crayonBlue[70],
     // comprobado,
-    activeDark: e.crayonBlue[70],
+    activeDark: a.crayonBlue[70],
     // comprobado,
-    focusLight: e.crayonBlue[80],
+    focusLight: a.crayonBlue[40],
     // comprobado,
-    focusDark: e.crayonBlue[80],
+    focusDark: a.crayonBlue[60],
     // comprobado,
-    enabledOpacityLight: i.crayon[20],
+    enabledOpacityLight: i.crayon[30],
     // comprobado
-    enabledOpacityDark: i.crayon[20],
+    enabledOpacityDark: i.crayon[30],
     // comprobado,
-    hoverOpacityLight: i.crayon[10],
+    hoverOpacityLight: i.crayon[20],
     // comprobado,
-    hoverOpacityDark: i.crayon[10],
+    hoverOpacityDark: i.crayon[20],
     // comprobado,
-    activeOpacityLight: i.crayon[40],
+    selectedOpacityLight: i.crayon[40],
+    // comprobado
+    selectedOpacityDark: i.crayon[40],
+    // comprobado
+    activeOpacityLight: i.crayon[50],
     // comprobado,
-    activeOpacityDark: i.crayon[40],
+    activeOpacityDark: i.crayon[50],
     // comprobado,
-    focusOpacityLight: i.crayon[50],
+    focusOpacityLight: i.crayon[10],
     // comprobado,
-    focusOpacityDark: i.crayon[50],
+    focusOpacityDark: i.crayon[10],
     // comprobado,
     opacityLight: i.crayon[10],
     // comprobado,
     opacityDark: i.crayon[10],
     // comprobado,
-    main: e.crayonBlue[50],
-    // comprobado,,
-    lighter: e.crayonBlue[70],
+    main: a.crayonBlue[60],
     // comprobado,,
-    light: e.crayonBlue[40],
+    light: a.crayonBlue[40],
     // comprobado,
-    dark: e.crayonBlue[30],
+    lighter: a.crayonBlue[70],
+    // comprobado,,
+    dark: a.crayonBlue[30],
     // comprobado,
-    darker: e.crayonBlue[10],
+    darker: a.crayonBlue[10],
     // comprobado,,
-    contrastText: e.marbleLight[30],
+    contrastText: a.marbleLight[30],
     // comprobado,
-    semanticTextLight: e.crayonBlue[90],
+    semanticTextLight: a.crayonBlue[70],
     // comprobado,
-    semanticTextDark: e.crayonBlue[20],
+    semanticTextDark: a.crayonBlue[40],
     // comprobado,
     // Tone colors
-    toneOpacityLight: e.crayonBlue[5],
+    toneOpacityLight: a.crayonBlue[5],
     // comprobado,
-    toneOpacityDark: e.crayonBlue[95]
+    toneOpacityDark: a.crayonBlue[95]
   },
   warning: {
-    enabledLight: e.middleYellow[50],
+    enabledLight: a.middleYellow[50],
     // comprobado
-    enabledDark: e.middleYellow[50],
+    enabledDark: a.middleYellow[50],
     // comprobado
-    hoverLight: e.middleYellow[40],
+    hoverLight: a.middleYellow[40],
     // comprobado,
-    hoverDark: e.middleYellow[40],
+    hoverDark: a.middleYellow[40],
     // comprobado,
-    activeLight: e.middleYellow[70],
+    selectedLight: a.middleYellow[60],
+    // comprobado
+    selectedDark: a.middleYellow[60],
+    // comprobado
+    activeLight: a.middleYellow[70],
     // comprobado,
-    activeDark: e.middleYellow[70],
+    activeDark: a.middleYellow[70],
     // comprobado,
-    focusLight: e.middleYellow[80],
+    focusLight: a.middleYellow[40],
     // comprobado,
-    focusDark: e.middleYellow[80],
+    focusDark: a.middleYellow[60],
     // comprobado,
-    enabledOpacityLight: i.middle[20],
+    enabledOpacityLight: i.middle[30],
     // comprobado
-    enabledOpacityDark: i.middle[20],
+    enabledOpacityDark: i.middle[30],
+    // comprobado,
+    hoverOpacityLight: i.middle[20],
+    // comprobado,
+    hoverOpacityDark: i.middle[20],
     // comprobado,
-    hoverOpacityLight: i.middle[10],
+    selectedOpacityLight: i.middle[40],
     // comprobado,
-    hoverOpacityDark: i.middle[10],
+    selectedOpacityDark: i.middle[40],
     // comprobado,
-    activeOpacityLight: i.middle[40],
+    activeOpacityLight: i.middle[50],
     // comprobado,
-    activeOpacityDark: i.middle[40],
+    activeOpacityDark: i.middle[50],
     // comprobado,
-    focusOpacityLight: i.middle[50],
+    focusOpacityLight: i.middle[10],
     // comprobado,
-    focusOpacityDark: i.middle[50],
+    focusOpacityDark: i.middle[10],
     // comprobado,
     opacityLight: i.middle[10],
     // comprobado,
     opacityDark: i.middle[10],
     // comprobado,
-    main: e.middleYellow[50],
+    main: a.middleYellow[60],
     // comprobado,,
-    lighter: e.middleYellow[70],
+    light: a.middleYellow[40],
     // comprobado,,
-    light: e.middleYellow[40],
+    lighter: a.middleYellow[70],
     // comprobado,,
-    dark: e.middleYellow[30],
+    dark: a.middleYellow[30],
     // comprobado,,
-    darker: e.middleYellow[10],
+    darker: a.middleYellow[10],
     // comprobado,,
-    contrastText: e.onyx[20],
+    contrastText: a.onyx[20],
     // comprobado,
-    semanticTextLight: e.middleYellow[90],
+    semanticTextLight: a.middleYellow[70],
     // comprobado,
-    semanticTextDark: e.middleYellow[30],
+    semanticTextDark: a.middleYellow[40],
     // comprobado,
     // Tone colors
-    toneOpacityLight: e.middleYellow[5],
+    toneOpacityLight: a.middleYellow[5],
     // comprobado,
-    toneOpacityDark: e.middleYellow[95]
+    toneOpacityDark: a.middleYellow[95]
   },
   error: {
-    enabledLight: e.flameRed[50],
+    enabledLight: a.flameRed[50],
     // comprobado
-    enabledDark: e.flameRed[50],
+    enabledDark: a.flameRed[50],
     // comprobado
-    hoverLight: e.flameRed[40],
+    hoverLight: a.flameRed[40],
     // comprobado,
-    hoverDark: e.flameRed[40],
+    hoverDark: a.flameRed[40],
     // comprobado,
-    activeLight: e.flameRed[70],
+    selectedLight: a.flameRed[60],
+    // comprobado
+    selectedDark: a.flameRed[60],
+    // comprobado
+    activeLight: a.flameRed[70],
     // comprobado,
-    activeDark: e.flameRed[70],
+    activeDark: a.flameRed[70],
     // comprobado,
-    focusLight: e.flameRed[80],
+    focusLight: a.flameRed[40],
     // comprobado,
-    focusDark: e.flameRed[80],
+    focusDark: a.flameRed[60],
     // comprobado,
-    enabledOpacityLight: i.flame[20],
+    enabledOpacityLight: i.flame[30],
     // comprobado
-    enabledOpacityDark: i.flame[20],
+    enabledOpacityDark: i.flame[30],
+    // comprobado,
+    hoverOpacityLight: i.flame[20],
     // comprobado,
-    hoverOpacityLight: i.flame[10],
+    hoverOpacityDark: i.flame[20],
     // comprobado,
-    hoverOpacityDark: i.flame[10],
+    selectedOpacityLight: i.flame[40],
     // comprobado,
-    activeOpacityLight: i.flame[40],
+    selectedOpacityDark: i.flame[40],
     // comprobado,
-    activeOpacityDark: i.flame[40],
+    activeOpacityLight: i.flame[50],
     // comprobado,
-    focusOpacityLight: i.flame[50],
+    activeOpacityDark: i.flame[50],
     // comprobado,
-    focusOpacityDark: i.flame[50],
+    focusOpacityLight: i.flame[10],
+    // comprobado,
+    focusOpacityDark: i.flame[10],
     // comprobado,
     opacityLight: i.flame[10],
     // comprobado,
     opacityDark: i.flame[10],
     // comprobado,
-    main: e.flameRed[50],
+    main: a.flameRed[60],
     // comprobado,,
-    lighter: e.flameRed[70],
+    light: a.flameRed[40],
     // comprobado,,
-    light: e.flameRed[40],
+    lighter: a.flameRed[70],
     // comprobado,,
-    dark: e.flameRed[30],
+    dark: a.flameRed[30],
     // comprobado,,
-    darker: e.flameRed[10],
+    darker: a.flameRed[10],
     // comprobado,,
-    contrastText: e.marbleLight[30],
+    contrastText: a.marbleLight[30],
     // comprobado,
-    semanticTextLight: e.flameRed[80],
+    semanticTextLight: a.flameRed[70],
     // comprobado,
-    semanticTextDark: e.flameRed[20],
+    semanticTextDark: a.flameRed[40],
     // comprobado,
     // Tone colors
-    toneOpacityLight: e.flameRed[5],
+    toneOpacityLight: a.flameRed[5],
     // comprobado,
-    toneOpacityDark: e.flameRed[95]
+    toneOpacityDark: a.flameRed[95]
   },
   success: {
-    enabledLight: e.acidGreen[50],
+    enabledLight: a.acidGreen[50],
     // comprobado
-    enabledDark: e.acidGreen[50],
+    enabledDark: a.acidGreen[50],
     // comprobado
-    hoverLight: e.acidGreen[40],
+    hoverLight: a.acidGreen[40],
     // comprobado,
-    hoverDark: e.acidGreen[40],
+    hoverDark: a.acidGreen[40],
     // comprobado,
-    activeLight: e.acidGreen[70],
+    selectedLight: a.acidGreen[60],
+    // comprobado
+    selectedDark: a.acidGreen[60],
+    // comprobado
+    activeLight: a.acidGreen[70],
     // comprobado,
-    activeDark: e.acidGreen[70],
+    activeDark: a.acidGreen[70],
     // comprobado,
-    focusLight: e.acidGreen[80],
+    focusLight: a.acidGreen[40],
     // comprobado,
-    focusDark: e.acidGreen[80],
+    focusDark: a.acidGreen[60],
     // comprobado,
-    enabledOpacityLight: i.acid[20],
+    enabledOpacityLight: i.acid[30],
     // comprobado
-    enabledOpacityDark: i.acid[20],
+    enabledOpacityDark: i.acid[30],
+    // comprobado,
+    hoverOpacityLight: i.acid[20],
+    // comprobado,
+    hoverOpacityDark: i.acid[20],
     // comprobado,
-    hoverOpacityLight: i.acid[10],
+    selectedOpacityLight: i.acid[40],
     // comprobado,
-    hoverOpacityDark: i.acid[10],
+    selectedOpacityDark: i.acid[40],
     // comprobado,
     activeOpacityLight: i.acid[40],
     // comprobado,
-    activeOpacityDark: i.acid[40],
+    activeOpacityDark: i.acid[50],
     // comprobado,
-    focusOpacityLight: i.acid[50],
+    focusOpacityLight: i.acid[10],
     // comprobado,
-    focusOpacityDark: i.acid[50],
+    focusOpacityDark: i.acid[10],
     // comprobado,
     opacityLight: i.acid[10],
     // comprobado,
     opacityDark: i.acid[10],
     // comprobado,
-    main: e.acidGreen[50],
+    main: a.acidGreen[60],
     // comprobado,,
-    lighter: e.acidGreen[70],
-    // comprobado,
-    light: e.acidGreen[40],
+    light: a.acidGreen[40],
     // comprobado,,
-    dark: e.acidGreen[30],
+    lighter: a.acidGreen[70],
+    // comprobado,
+    dark: a.acidGreen[30],
     // comprobado,
-    darker: e.acidGreen[10],
+    darker: a.acidGreen[10],
     // comprobado,
-    contrastText: e.marbleLight[30],
+    contrastText: a.onyx[20],
     // comprobado,
-    semanticTextLight: e.acidGreen[80],
+    semanticTextLight: a.acidGreen[70],
     // comprobado,
-    semanticTextDark: e.acidGreen[20],
+    semanticTextDark: a.acidGreen[40],
     // comprobado,
     // Tone colors
-    toneOpacityLight: e.acidGreen[5],
+    toneOpacityLight: a.acidGreen[5],
     // comprobado,
-    toneOpacityDark: e.acidGreen[95]
+    toneOpacityDark: a.acidGreen[95]
   }
 }, r = {
   info: {
-    enabled: a.info.enabledLight,
-    enabledOpacity: a.info.enabledOpacityLight,
-    hover: a.info.hoverLight,
-    hoverOpacity: a.info.hoverOpacityLight,
-    focus: a.info.focusLight,
-    focusOpacity: a.info.focusOpacityLight,
-    active: a.info.activeLight,
-    activeOpacity: a.info.activeOpacityLight,
-    opacity: a.info.opacityLight,
-    toneOpacity: a.info.toneOpacityLight,
-    contrastText: a.info.contrastText,
-    semanticText: a.info.semanticTextLight,
+    enabled: e.info.enabledLight,
+    enabledOpacity: e.info.enabledOpacityLight,
+    hover: e.info.hoverLight,
+    hoverOpacity: e.info.hoverOpacityLight,
+    focus: e.info.focusLight,
+    focusOpacity: e.info.focusOpacityLight,
+    active: e.info.activeLight,
+    activeOpacity: e.info.activeOpacityLight,
+    opacity: e.info.opacityLight,
+    toneOpacity: e.info.toneOpacityLight,
+    contrastText: e.info.contrastText,
+    semanticText: e.info.semanticTextLight,
     //Por compatibilidad con MUI
-    main: a.info.main,
-    light: a.info.light,
-    dark: a.info.dark
+    main: e.info.main,
+    light: e.info.light,
+    dark: e.info.dark
   },
   success: {
-    enabled: a.success.enabledLight,
-    enabledOpacity: a.success.enabledOpacityLight,
-    hover: a.success.hoverLight,
-    hoverOpacity: a.success.hoverOpacityLight,
-    focus: a.success.focusLight,
-    focusOpacity: a.success.focusOpacityLight,
-    active: a.success.activeLight,
-    activeOpacity: a.success.activeOpacityLight,
-    opacity: a.success.opacityLight,
-    toneOpacity: a.success.toneOpacityLight,
-    contrastText: a.success.contrastText,
-    semanticText: a.success.semanticTextLight,
-    main: a.success.main,
+    enabled: e.success.enabledLight,
+    enabledOpacity: e.success.enabledOpacityLight,
+    hover: e.success.hoverLight,
+    hoverOpacity: e.success.hoverOpacityLight,
+    focus: e.success.focusLight,
+    focusOpacity: e.success.focusOpacityLight,
+    active: e.success.activeLight,
+    activeOpacity: e.success.activeOpacityLight,
+    opacity: e.success.opacityLight,
+    toneOpacity: e.success.toneOpacityLight,
+    contrastText: e.success.contrastText,
+    semanticText: e.success.semanticTextLight,
+    main: e.success.main,
     //Por compatibilidad con MUI
-    light: a.success.light,
-    dark: a.success.dark
+    light: e.success.light,
+    dark: e.success.dark
   },
   warning: {
-    enabled: a.warning.enabledLight,
-    enabledOpacity: a.warning.enabledOpacityLight,
-    hover: a.warning.hoverLight,
-    hoverOpacity: a.warning.hoverOpacityLight,
-    focus: a.warning.focusLight,
-    focusOpacity: a.warning.focusOpacityLight,
-    active: a.warning.activeLight,
-    activeOpacity: a.warning.activeOpacityLight,
-    opacity: a.warning.opacityLight,
-    toneOpacity: a.warning.toneOpacityLight,
-    contrastText: a.warning.contrastText,
-    semanticText: a.warning.semanticTextLight,
-    main: a.warning.main,
+    enabled: e.warning.enabledLight,
+    enabledOpacity: e.warning.enabledOpacityLight,
+    hover: e.warning.hoverLight,
+    hoverOpacity: e.warning.hoverOpacityLight,
+    focus: e.warning.focusLight,
+    focusOpacity: e.warning.focusOpacityLight,
+    active: e.warning.activeLight,
+    activeOpacity: e.warning.activeOpacityLight,
+    opacity: e.warning.opacityLight,
+    toneOpacity: e.warning.toneOpacityLight,
+    contrastText: e.warning.contrastText,
+    semanticText: e.warning.semanticTextLight,
+    main: e.warning.main,
     //Por compatibilidad con MUI
-    light: a.warning.light,
-    dark: a.warning.dark
+    light: e.warning.light,
+    dark: e.warning.dark
   },
   error: {
-    enabled: a.error.enabledLight,
-    enabledOpacity: a.error.enabledOpacityLight,
-    hover: a.error.hoverLight,
-    hoverOpacity: a.error.hoverOpacityLight,
-    focus: a.error.focusLight,
-    focusOpacity: a.error.focusOpacityLight,
-    active: a.error.activeLight,
-    activeOpacity: a.error.activeOpacityLight,
-    opacity: a.error.opacityLight,
-    toneOpacity: a.error.toneOpacityLight,
-    contrastText: a.error.contrastText,
-    semanticText: a.error.semanticTextLight,
-    main: a.error.main,
+    enabled: e.error.enabledLight,
+    enabledOpacity: e.error.enabledOpacityLight,
+    hover: e.error.hoverLight,
+    hoverOpacity: e.error.hoverOpacityLight,
+    focus: e.error.focusLight,
+    focusOpacity: e.error.focusOpacityLight,
+    active: e.error.activeLight,
+    activeOpacity: e.error.activeOpacityLight,
+    opacity: e.error.opacityLight,
+    toneOpacity: e.error.toneOpacityLight,
+    contrastText: e.error.contrastText,
+    semanticText: e.error.semanticTextLight,
+    main: e.error.main,
     //Por compatibilidad con MUI
-    light: a.error.light,
-    dark: a.error.dark
+    light: e.error.light,
+    dark: e.error.dark
   }
 }, n = {
   info: {
-    enabled: a.info.enabledDark,
-    enabledOpacity: a.info.enabledOpacityDark,
-    hover: a.info.hoverDark,
-    hoverOpacity: a.info.hoverOpacityDark,
-    focus: a.info.focusDark,
-    focusOpacity: a.info.focusOpacityDark,
-    active: a.info.activeDark,
-    activeOpacity: a.info.activeOpacityDark,
-    opacity: a.info.opacityDark,
-    toneOpacity: a.info.toneOpacityDark,
-    contrastText: a.info.contrastText,
-    semanticText: a.info.semanticTextDark,
-    main: a.info.main,
+    enabled: e.info.enabledDark,
+    enabledOpacity: e.info.enabledOpacityDark,
+    hover: e.info.hoverDark,
+    hoverOpacity: e.info.hoverOpacityDark,
+    focus: e.info.focusDark,
+    focusOpacity: e.info.focusOpacityDark,
+    active: e.info.activeDark,
+    activeOpacity: e.info.activeOpacityDark,
+    opacity: e.info.opacityDark,
+    toneOpacity: e.info.toneOpacityDark,
+    contrastText: e.info.contrastText,
+    semanticText: e.info.semanticTextDark,
+    main: e.info.main,
     //Por compatibilidad con MUI
-    light: a.info.light,
-    dark: a.info.dark
+    light: e.info.light,
+    dark: e.info.dark
   },
   success: {
-    enabled: a.success.enabledDark,
-    enabledOpacity: a.success.enabledOpacityDark,
-    hover: a.success.hoverDark,
-    hoverOpacity: a.success.hoverOpacityDark,
-    focus: a.success.focusDark,
-    focusOpacity: a.success.focusOpacityDark,
-    active: a.success.activeDark,
-    activeOpacity: a.success.activeOpacityDark,
-    opacity: a.success.opacityDark,
-    toneOpacity: a.success.toneOpacityDark,
-    contrastText: a.success.contrastText,
-    semanticText: a.success.semanticTextDark,
-    main: a.success.main,
+    enabled: e.success.enabledDark,
+    enabledOpacity: e.success.enabledOpacityDark,
+    hover: e.success.hoverDark,
+    hoverOpacity: e.success.hoverOpacityDark,
+    focus: e.success.focusDark,
+    focusOpacity: e.success.focusOpacityDark,
+    active: e.success.activeDark,
+    activeOpacity: e.success.activeOpacityDark,
+    opacity: e.success.opacityDark,
+    toneOpacity: e.success.toneOpacityDark,
+    contrastText: e.success.contrastText,
+    semanticText: e.success.semanticTextDark,
+    main: e.success.main,
     //Por compatibilidad con MUI
-    light: a.success.light,
-    dark: a.success.dark
+    light: e.success.light,
+    dark: e.success.dark
   },
   warning: {
-    enabled: a.warning.enabledDark,
-    enabledOpacity: a.warning.enabledOpacityDark,
-    hover: a.warning.hoverDark,
-    hoverOpacity: a.warning.hoverOpacityDark,
-    focus: a.warning.focusDark,
-    focusOpacity: a.warning.focusOpacityDark,
-    active: a.warning.activeDark,
-    activeOpacity: a.warning.activeOpacityDark,
-    opacity: a.warning.opacityDark,
-    toneOpacity: a.warning.toneOpacityDark,
-    contrastText: a.warning.contrastText,
-    semanticText: a.warning.semanticTextDark,
-    main: a.warning.main,
+    enabled: e.warning.enabledDark,
+    enabledOpacity: e.warning.enabledOpacityDark,
+    hover: e.warning.hoverDark,
+    hoverOpacity: e.warning.hoverOpacityDark,
+    focus: e.warning.focusDark,
+    focusOpacity: e.warning.focusOpacityDark,
+    active: e.warning.activeDark,
+    activeOpacity: e.warning.activeOpacityDark,
+    opacity: e.warning.opacityDark,
+    toneOpacity: e.warning.toneOpacityDark,
+    contrastText: e.warning.contrastText,
+    semanticText: e.warning.semanticTextDark,
+    main: e.warning.main,
     //Por compatibilidad con MUI
-    light: a.warning.light,
-    dark: a.warning.dark
+    light: e.warning.light,
+    dark: e.warning.dark
   },
   error: {
-    enabled: a.error.enabledDark,
-    enabledOpacity: a.error.enabledOpacityDark,
-    hover: a.error.hoverDark,
-    hoverOpacity: a.error.hoverOpacityDark,
-    focus: a.error.focusDark,
-    focusOpacity: a.error.focusOpacityDark,
-    active: a.error.activeDark,
-    activeOpacity: a.error.activeOpacityDark,
-    opacity: a.error.opacityDark,
-    toneOpacity: a.error.toneOpacityDark,
-    contrastText: a.error.contrastText,
-    semanticText: a.error.semanticTextDark,
-    main: a.error.main,
+    enabled: e.error.enabledDark,
+    enabledOpacity: e.error.enabledOpacityDark,
+    hover: e.error.hoverDark,
+    hoverOpacity: e.error.hoverOpacityDark,
+    focus: e.error.focusDark,
+    focusOpacity: e.error.focusOpacityDark,
+    active: e.error.activeDark,
+    activeOpacity: e.error.activeOpacityDark,
+    opacity: e.error.opacityDark,
+    toneOpacity: e.error.toneOpacityDark,
+    contrastText: e.error.contrastText,
+    semanticText: e.error.semanticTextDark,
+    main: e.error.main,
     //Por compatibilidad con MUI
-    light: a.error.light,
-    dark: a.error.dark
+    light: e.error.light,
+    dark: e.error.dark
   }
 };
 export {