@m4l/styles 7.1.26 → 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.d.ts

@@ -7,8 +7,8 @@ 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 BASE_DEFAULT_COLOR_LIGHT: Omit<PaletteColor, 'focusVisible' | 'selected' | 'selectedOpacity' | 'contrastText'>;
+export declare const BASE_DEFAULT_COLOR_LIGHT: Omit<PaletteColor, 'focusVisible' | 'semanticText'>;
 /**
  * Opción de paleta default en modo dark, se usa para colorear componentes con la variante semántica de tipo default
  */
-export declare const BASE_DEFAULT_COLOR_DARK: Omit<PaletteColor, 'focusVisible' | 'selected' | 'selectedOpacity' | 'contrastText'>;
+export declare const BASE_DEFAULT_COLOR_DARK: Omit<PaletteColor, 'focusVisible' | 'semanticText'>;

package/theme/palette/defaultColors.js

@@ -1,105 +1,104 @@
-import { B as i } 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: i.oxford[10],
+  contrastText: e.onyx[20],
   // Comprobado
-  opacityDark: i.mint[10],
+  mainLight: a.oxford[10],
   // Comprobado
-  semanticTextLight: a.onyx[20],
+  mainDark: a.mint[20],
   // Comprobado
-  semanticTextDark: a.marbleLight[30],
+  light: a.oxford[20],
   // Comprobado
-  mainLight: a.oxford[50],
+  lighter: a.oxford[40],
   // Comprobado
-  mainDark: i.mint[50],
-  // Comprobado
-  light: i.oxford[40],
-  // Comprobado
-  lighter: i.oxford[70],
-  // Comprobado
-  dark: i.mint[30],
+  dark: a.mint[30],
   // Comprobado,
-  darker: i.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,
   hoverOpacity: t.hoverOpacityLight,
+  contrastText: t.contrastText,
+  selected: t.selectedLight,
+  selectedOpacity: t.selectedOpacityLight,
   focus: t.focusLight,
   focusOpacity: t.focusOpacityLight,
   active: t.activeLight,
   activeOpacity: t.activeOpacityLight,
   opacity: t.light,
   toneOpacity: t.toneOpacityLight,
-  semanticText: t.semanticTextLight,
   //Por compatibilidad con MUI
   main: t.mainLight,
   light: t.light,
   dark: t.dark
-}, r = {
+}, y = {
   enabled: t.enabledDark,
   enabledOpacity: t.enabledOpacityDark,
   hover: t.hoverDark,
   hoverOpacity: t.hoverOpacityDark,
+  contrastText: t.contrastText,
+  selected: t.selectedDark,
+  selectedOpacity: t.selectedOpacityDark,
   focus: t.focusDark,
   focusOpacity: t.focusOpacityDark,
   active: t.activeDark,
   activeOpacity: t.activeOpacityDark,
   opacity: t.dark,
   toneOpacity: t.toneOpacityDark,
-  semanticText: t.semanticTextDark,
   //Por compatibilidad con MUI
   main: t.mainDark,
   light: t.light,
   dark: t.dark
 };
 export {
-  o as B,
-  r as a
+  h as B,
+  y as a
 };

package/theme/palette/semanticColors.js

@@ -1,5 +1,5 @@
 import { B as a } from "./baseColors.js";
-import { B as i } from "./baseOpacityColors.js";
+import { B as t } from "./baseOpacityColors.js";
 const e = {
   info: {
     enabledLight: a.crayonBlue[50],
@@ -22,29 +22,29 @@ const e = {
     // comprobado,
     focusDark: a.crayonBlue[60],
     // comprobado,
-    enabledOpacityLight: i.crayon[30],
+    enabledOpacityLight: t.crayon[30],
     // comprobado
-    enabledOpacityDark: i.crayon[30],
+    enabledOpacityDark: t.crayon[30],
     // comprobado,
-    hoverOpacityLight: i.crayon[20],
+    hoverOpacityLight: t.crayon[20],
     // comprobado,
-    hoverOpacityDark: i.crayon[20],
+    hoverOpacityDark: t.crayon[20],
     // comprobado,
-    selectedOpacityLight: i.crayon[40],
+    selectedOpacityLight: t.crayon[40],
     // comprobado
-    selectedOpacityDark: i.crayon[40],
+    selectedOpacityDark: t.crayon[40],
     // comprobado
-    activeOpacityLight: i.crayon[50],
+    activeOpacityLight: t.crayon[50],
     // comprobado,
-    activeOpacityDark: i.crayon[50],
+    activeOpacityDark: t.crayon[50],
     // comprobado,
-    focusOpacityLight: i.crayon[10],
+    focusOpacityLight: t.crayon[10],
     // comprobado,
-    focusOpacityDark: i.crayon[10],
+    focusOpacityDark: t.crayon[10],
     // comprobado,
-    opacityLight: i.crayon[10],
+    opacityLight: t.crayon[10],
     // comprobado,
-    opacityDark: i.crayon[10],
+    opacityDark: t.crayon[10],
     // comprobado,
     main: a.crayonBlue[60],
     // comprobado,,
@@ -88,29 +88,29 @@ const e = {
     // comprobado,
     focusDark: a.middleYellow[60],
     // comprobado,
-    enabledOpacityLight: i.middle[30],
+    enabledOpacityLight: t.middle[30],
     // comprobado
-    enabledOpacityDark: i.middle[30],
+    enabledOpacityDark: t.middle[30],
     // comprobado,
-    hoverOpacityLight: i.middle[20],
+    hoverOpacityLight: t.middle[20],
     // comprobado,
-    hoverOpacityDark: i.middle[20],
+    hoverOpacityDark: t.middle[20],
     // comprobado,
-    selectedOpacityLight: i.middle[40],
+    selectedOpacityLight: t.middle[40],
     // comprobado,
-    selectedOpacityDark: i.middle[40],
+    selectedOpacityDark: t.middle[40],
     // comprobado,
-    activeOpacityLight: i.middle[50],
+    activeOpacityLight: t.middle[50],
     // comprobado,
-    activeOpacityDark: i.middle[50],
+    activeOpacityDark: t.middle[50],
     // comprobado,
-    focusOpacityLight: i.middle[10],
+    focusOpacityLight: t.middle[10],
     // comprobado,
-    focusOpacityDark: i.middle[10],
+    focusOpacityDark: t.middle[10],
     // comprobado,
-    opacityLight: i.middle[10],
+    opacityLight: t.middle[10],
     // comprobado,
-    opacityDark: i.middle[10],
+    opacityDark: t.middle[10],
     // comprobado,
     main: a.middleYellow[60],
     // comprobado,,
@@ -154,29 +154,29 @@ const e = {
     // comprobado,
     focusDark: a.flameRed[60],
     // comprobado,
-    enabledOpacityLight: i.flame[30],
+    enabledOpacityLight: t.flame[30],
     // comprobado
-    enabledOpacityDark: i.flame[30],
+    enabledOpacityDark: t.flame[30],
     // comprobado,
-    hoverOpacityLight: i.flame[20],
+    hoverOpacityLight: t.flame[20],
     // comprobado,
-    hoverOpacityDark: i.flame[20],
+    hoverOpacityDark: t.flame[20],
     // comprobado,
-    selectedOpacityLight: i.flame[40],
+    selectedOpacityLight: t.flame[40],
     // comprobado,
-    selectedOpacityDark: i.flame[40],
+    selectedOpacityDark: t.flame[40],
     // comprobado,
-    activeOpacityLight: i.flame[50],
+    activeOpacityLight: t.flame[50],
     // comprobado,
-    activeOpacityDark: i.flame[50],
+    activeOpacityDark: t.flame[50],
     // comprobado,
-    focusOpacityLight: i.flame[10],
+    focusOpacityLight: t.flame[10],
     // comprobado,
-    focusOpacityDark: i.flame[10],
+    focusOpacityDark: t.flame[10],
     // comprobado,
-    opacityLight: i.flame[10],
+    opacityLight: t.flame[10],
     // comprobado,
-    opacityDark: i.flame[10],
+    opacityDark: t.flame[10],
     // comprobado,
     main: a.flameRed[60],
     // comprobado,,
@@ -220,29 +220,29 @@ const e = {
     // comprobado,
     focusDark: a.acidGreen[60],
     // comprobado,
-    enabledOpacityLight: i.acid[30],
+    enabledOpacityLight: t.acid[30],
     // comprobado
-    enabledOpacityDark: i.acid[30],
+    enabledOpacityDark: t.acid[30],
     // comprobado,
-    hoverOpacityLight: i.acid[20],
+    hoverOpacityLight: t.acid[20],
     // comprobado,
-    hoverOpacityDark: i.acid[20],
+    hoverOpacityDark: t.acid[20],
     // comprobado,
-    selectedOpacityLight: i.acid[40],
+    selectedOpacityLight: t.acid[40],
     // comprobado,
-    selectedOpacityDark: i.acid[40],
+    selectedOpacityDark: t.acid[40],
     // comprobado,
-    activeOpacityLight: i.acid[40],
+    activeOpacityLight: t.acid[40],
     // comprobado,
-    activeOpacityDark: i.acid[50],
+    activeOpacityDark: t.acid[50],
     // comprobado,
-    focusOpacityLight: i.acid[10],
+    focusOpacityLight: t.acid[10],
     // comprobado,
-    focusOpacityDark: i.acid[10],
+    focusOpacityDark: t.acid[10],
     // comprobado,
-    opacityLight: i.acid[10],
+    opacityLight: t.acid[10],
     // comprobado,
-    opacityDark: i.acid[10],
+    opacityDark: t.acid[10],
     // comprobado,
     main: a.acidGreen[60],
     // comprobado,,
@@ -271,6 +271,8 @@ const e = {
     enabledOpacity: e.info.enabledOpacityLight,
     hover: e.info.hoverLight,
     hoverOpacity: e.info.hoverOpacityLight,
+    selected: e.info.selectedLight,
+    selectedOpacity: e.info.selectedOpacityLight,
     focus: e.info.focusLight,
     focusOpacity: e.info.focusOpacityLight,
     active: e.info.activeLight,
@@ -289,6 +291,8 @@ const e = {
     enabledOpacity: e.success.enabledOpacityLight,
     hover: e.success.hoverLight,
     hoverOpacity: e.success.hoverOpacityLight,
+    selected: e.success.selectedLight,
+    selectedOpacity: e.success.selectedOpacityLight,
     focus: e.success.focusLight,
     focusOpacity: e.success.focusOpacityLight,
     active: e.success.activeLight,
@@ -307,6 +311,8 @@ const e = {
     enabledOpacity: e.warning.enabledOpacityLight,
     hover: e.warning.hoverLight,
     hoverOpacity: e.warning.hoverOpacityLight,
+    selected: e.warning.selectedLight,
+    selectedOpacity: e.warning.selectedOpacityLight,
     focus: e.warning.focusLight,
     focusOpacity: e.warning.focusOpacityLight,
     active: e.warning.activeLight,
@@ -325,6 +331,8 @@ const e = {
     enabledOpacity: e.error.enabledOpacityLight,
     hover: e.error.hoverLight,
     hoverOpacity: e.error.hoverOpacityLight,
+    selected: e.error.selectedLight,
+    selectedOpacity: e.error.selectedOpacityLight,
     focus: e.error.focusLight,
     focusOpacity: e.error.focusOpacityLight,
     active: e.error.activeLight,
@@ -344,6 +352,8 @@ const e = {
     enabledOpacity: e.info.enabledOpacityDark,
     hover: e.info.hoverDark,
     hoverOpacity: e.info.hoverOpacityDark,
+    selected: e.info.selectedDark,
+    selectedOpacity: e.info.selectedOpacityDark,
     focus: e.info.focusDark,
     focusOpacity: e.info.focusOpacityDark,
     active: e.info.activeDark,
@@ -362,6 +372,8 @@ const e = {
     enabledOpacity: e.success.enabledOpacityDark,
     hover: e.success.hoverDark,
     hoverOpacity: e.success.hoverOpacityDark,
+    selected: e.success.selectedDark,
+    selectedOpacity: e.success.selectedOpacityDark,
     focus: e.success.focusDark,
     focusOpacity: e.success.focusOpacityDark,
     active: e.success.activeDark,
@@ -380,6 +392,8 @@ const e = {
     enabledOpacity: e.warning.enabledOpacityDark,
     hover: e.warning.hoverDark,
     hoverOpacity: e.warning.hoverOpacityDark,
+    selected: e.warning.selectedDark,
+    selectedOpacity: e.warning.selectedOpacityDark,
     focus: e.warning.focusDark,
     focusOpacity: e.warning.focusOpacityDark,
     active: e.warning.activeDark,
@@ -398,6 +412,8 @@ const e = {
     enabledOpacity: e.error.enabledOpacityDark,
     hover: e.error.hoverDark,
     hoverOpacity: e.error.hoverOpacityDark,
+    selected: e.error.selectedDark,
+    selectedOpacity: e.error.selectedOpacityDark,
     focus: e.error.focusDark,
     focusOpacity: e.error.focusOpacityDark,
     active: e.error.activeDark,

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