@m4l/styles 7.1.13 → 7.1.14-beta.4

package/theme/palette/defaultColors.js

@@ -1,97 +1,99 @@
-import { B as a } from "./baseOpacityColors.js";
-import { B as i } from "./baseColors.js";
-const t = {
-  enabledLight: i.oxford[20],
+import { B as BASE_OPACITY_COLORS } from "./baseOpacityColors.js";
+import { B as BASE_COLORS } from "./baseColors.js";
+const PRESET_DEFAULT = {
+  enabledLight: BASE_COLORS.oxford["20"],
   // Comprobado
-  enabledDark: i.onyx[30],
+  enabledDark: BASE_COLORS.onyx["30"],
   // Comprobado
-  hoverLight: i.oxford[10],
+  hoverLight: BASE_COLORS.oxford["10"],
   // Comprobado
-  hoverDark: i.onyx[10],
+  hoverDark: BASE_COLORS.onyx["10"],
   // Comprobado
-  activeLight: i.oxford[30],
+  activeLight: BASE_COLORS.oxford["30"],
   // Comprobado
-  activeDark: i.onyx[40],
+  activeDark: BASE_COLORS.onyx["40"],
   // Comprobado
-  focusLight: i.oxford[40],
+  focusLight: BASE_COLORS.oxford["40"],
   // Comprobado
-  focusDark: i.oxford[50],
+  focusDark: BASE_COLORS.oxford["50"],
   // Comprobado
-  enabledOpacityLight: a.oxford[20],
+  enabledOpacityLight: BASE_OPACITY_COLORS.oxford["20"],
   // Comprobado
-  enabledOpacityDark: a.mint[20],
+  enabledOpacityDark: BASE_OPACITY_COLORS.mint["20"],
   // Comprobado
-  hoverOpacityLight: a.oxford[10],
+  hoverOpacityLight: BASE_OPACITY_COLORS.oxford["10"],
   // Comprobado
-  hoverOpacityDark: a.mint[10],
+  hoverOpacityDark: BASE_OPACITY_COLORS.mint["10"],
   // Comprobado
-  activeOpacityLight: a.oxford[30],
+  activeOpacityLight: BASE_OPACITY_COLORS.oxford["30"],
   // Comprobado
-  activeOpacityDark: a.mint[30],
+  activeOpacityDark: BASE_OPACITY_COLORS.mint["30"],
   // Comprobado
-  focusOpacityLight: a.oxford[40],
+  focusOpacityLight: BASE_OPACITY_COLORS.oxford["40"],
   // Comprobado
-  focusOpacityDark: a.mint[40],
+  focusOpacityDark: BASE_OPACITY_COLORS.mint["40"],
   // Comprobado
-  opacityLight: a.oxford[10],
+  opacityLight: BASE_OPACITY_COLORS.oxford["10"],
   // Comprobado
-  opacityDark: a.mint[10],
+  opacityDark: BASE_OPACITY_COLORS.mint["10"],
   // Comprobado
-  semanticTextLight: i.oxford[30],
+  semanticTextLight: BASE_COLORS.oxford["30"],
   // Comprobado
-  semanticTextDark: i.oxford[10],
+  semanticTextDark: BASE_COLORS.oxford["10"],
   // Comprobado
-  mainLight: i.oxford[10],
+  mainLight: BASE_COLORS.oxford["10"],
   // Comprobado
-  mainDark: a.mint[20],
+  mainDark: BASE_OPACITY_COLORS.mint["20"],
   // Comprobado
-  lighter: a.oxford[40],
+  lighter: BASE_OPACITY_COLORS.oxford["40"],
   // Comprobado
-  light: a.oxford[20],
+  light: BASE_OPACITY_COLORS.oxford["20"],
   // Comprobado
-  dark: a.mint[30],
+  dark: BASE_OPACITY_COLORS.mint["30"],
   // Comprobado,
-  darker: a.mint[50],
+  darker: BASE_OPACITY_COLORS.mint["50"],
   // Comprobado,
   // Tone colors
-  toneOpacityLight: i.oxford[5],
-  // Comprobado
-  toneOpacityDark: i.oxford[95]
-  // Comprobado
-}, c = {
-  enabled: t.enabledLight,
-  enabledOpacity: t.enabledOpacityLight,
-  hover: t.hoverLight,
-  hoverOpacity: t.hoverOpacityLight,
-  focus: t.focusLight,
-  focusOpacity: t.focusOpacityLight,
-  active: t.activeLight,
-  activeOpacity: t.activeOpacityLight,
-  opacity: t.light,
-  toneOpacity: t.toneOpacityLight,
-  semanticText: t.semanticTextLight,
+  toneOpacityLight: BASE_COLORS.oxford["5"],
+  // Comprobado
+  toneOpacityDark: BASE_COLORS.oxford["95"]
+  // Comprobado
+};
+const BASE_DEFAULT_COLOR_LIGHT = {
+  enabled: PRESET_DEFAULT.enabledLight,
+  enabledOpacity: PRESET_DEFAULT.enabledOpacityLight,
+  hover: PRESET_DEFAULT.hoverLight,
+  hoverOpacity: PRESET_DEFAULT.hoverOpacityLight,
+  focus: PRESET_DEFAULT.focusLight,
+  focusOpacity: PRESET_DEFAULT.focusOpacityLight,
+  active: PRESET_DEFAULT.activeLight,
+  activeOpacity: PRESET_DEFAULT.activeOpacityLight,
+  opacity: PRESET_DEFAULT.light,
+  toneOpacity: PRESET_DEFAULT.toneOpacityLight,
+  semanticText: PRESET_DEFAULT.semanticTextLight,
   //Por compatibilidad con MUI
-  main: t.mainLight,
-  light: t.light,
-  dark: t.dark
-}, r = {
-  enabled: t.enabledDark,
-  enabledOpacity: t.enabledOpacityDark,
-  hover: t.hoverDark,
-  hoverOpacity: t.hoverOpacityDark,
-  focus: t.focusDark,
-  focusOpacity: t.focusOpacityDark,
-  active: t.activeDark,
-  activeOpacity: t.activeOpacityDark,
-  opacity: t.dark,
-  toneOpacity: t.toneOpacityDark,
-  semanticText: t.semanticTextDark,
+  main: PRESET_DEFAULT.mainLight,
+  light: PRESET_DEFAULT.light,
+  dark: PRESET_DEFAULT.dark
+};
+const BASE_DEFAULT_COLOR_DARK = {
+  enabled: PRESET_DEFAULT.enabledDark,
+  enabledOpacity: PRESET_DEFAULT.enabledOpacityDark,
+  hover: PRESET_DEFAULT.hoverDark,
+  hoverOpacity: PRESET_DEFAULT.hoverOpacityDark,
+  focus: PRESET_DEFAULT.focusDark,
+  focusOpacity: PRESET_DEFAULT.focusOpacityDark,
+  active: PRESET_DEFAULT.activeDark,
+  activeOpacity: PRESET_DEFAULT.activeOpacityDark,
+  opacity: PRESET_DEFAULT.dark,
+  toneOpacity: PRESET_DEFAULT.toneOpacityDark,
+  semanticText: PRESET_DEFAULT.semanticTextDark,
   //Por compatibilidad con MUI
-  main: t.mainDark,
-  light: t.light,
-  dark: t.dark
+  main: PRESET_DEFAULT.mainDark,
+  light: PRESET_DEFAULT.light,
+  dark: PRESET_DEFAULT.dark
 };
 export {
-  c as B,
-  r as a
+  BASE_DEFAULT_COLOR_LIGHT as B,
+  BASE_DEFAULT_COLOR_DARK as a
 };

package/theme/palette/greyPalette.js

@@ -1,5 +1,5 @@
-import { alpha as A } from "@mui/material/styles";
-const F = {
+import { alpha } from "@mui/material/styles";
+const GREY_PALETTE = {
   0: "#FFFFFF",
   100: "#F9FAFB",
   200: "#F4F6F8",
@@ -10,14 +10,14 @@ const F = {
   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),
+  5008: alpha("#919EAB", 0.08),
+  50012: alpha("#919EAB", 0.12),
+  50016: alpha("#919EAB", 0.16),
+  50024: alpha("#919EAB", 0.24),
+  50032: alpha("#919EAB", 0.32),
+  50048: alpha("#919EAB", 0.48),
+  50056: alpha("#919EAB", 0.56),
+  50080: alpha("#919EAB", 0.8),
   50: "",
   A100: "",
   A200: "",
@@ -25,5 +25,5 @@ const F = {
   A700: ""
 };
 export {
-  F as G
+  GREY_PALETTE as G
 };