@m4l/styles 7.1.28 → 7.1.29

package/index.js

@@ -1,55 +1,63 @@
 import { D as e, g as s, m as a } from "./config.js";
-import { c as p, s as m } from "./theme/shadows.js";
-import { f as S } from "./theme/overrides/index.js";
-import { B as x } from "./theme/palette/baseColors.js";
-import { B as O } from "./theme/palette/baseOpacityColors.js";
+import { c as E, s as S } from "./theme/shadows.js";
+import { f as _ } from "./theme/overrides/index.js";
+import { B as O } from "./theme/palette/baseColors.js";
+import { B as f } from "./theme/palette/baseOpacityColors.js";
 import { C as P } from "./theme/palette/commonColors.js";
-import { G as R } from "./theme/palette/greyPalette.js";
-import { p as A } from "./theme/palette/presetColors.js";
-import { B as g } from "./theme/typography/baseFontSize.js";
-import { B as l } from "./theme/typography/baseLetterSpacing.js";
-import { B as L } from "./theme/typography/baseLineHeight.js";
-import { B as Y } from "./theme/typography/baseWeight.js";
-import { T as u } from "./theme/typography/typography.js";
-import { a as H, T as N } from "./theme/typography/typographySizes.js";
-import { t as M } from "./theme/typographyOld.js";
-import { P as F, a as v } from "./theme/sizes/pointerQr.js";
-import { u as U } from "./utils/useResponsive.js";
-import { D as w, d as z, g as K } from "./utils/getColorPresets.js";
-import { p as b, r as k, a as V } from "./utils/getFontValue.js";
-import { g as j } from "./utils/getColorState.js";
-import { g as J } from "./utils/getPaletteByPreset.js";
-import { g as $ } from "./utils/getUserThemeOptions.js";
+import { G as A } from "./theme/palette/greyPalette.js";
+import { P as C, p as I } from "./theme/palette/presetColors.js";
+import { a as g, B as G } from "./theme/palette/baseChipsPalette.js";
+import { P as l } from "./theme/palette/defaultColors.js";
+import { P as D } from "./theme/palette/semanticColors.js";
+import { B as H } from "./theme/typography/baseFontSize.js";
+import { B as d } from "./theme/typography/baseLetterSpacing.js";
+import { B as M } from "./theme/typography/baseLineHeight.js";
+import { B as F } from "./theme/typography/baseWeight.js";
+import { T as U } from "./theme/typography/typography.js";
+import { a as y, T as K } from "./theme/typography/typographySizes.js";
+import { t as w } from "./theme/typographyOld.js";
+import { P as J, a as Q } from "./theme/sizes/pointerQr.js";
+import { u as k } from "./utils/useResponsive.js";
+import { D as W, d as j, g as q } from "./utils/getColorPresets.js";
+import { p as $, r as oo, a as ro } from "./utils/getFontValue.js";
+import { g as so } from "./utils/getColorState.js";
+import { g as to } from "./utils/getPaletteByPreset.js";
+import { g as So } from "./utils/getUserThemeOptions.js";
 export {
-  x as BASE_COLORS,
-  g as BASE_FONT_SIZE,
-  l as BASE_LETTER_SPACING,
-  L as BASE_LINE_HEIGHT,
-  O as BASE_OPACITY_COLORS,
-  Y as BASE_WEIGHT,
+  O as BASE_COLORS,
+  H as BASE_FONT_SIZE,
+  d as BASE_LETTER_SPACING,
+  M as BASE_LINE_HEIGHT,
+  f as BASE_OPACITY_COLORS,
+  g as BASE_TAG_OBJECT_COLORS_DARK,
+  G as BASE_TAG_OBJECT_COLORS_LIGHT,
+  F as BASE_WEIGHT,
   P as COMMON_COLORS,
-  w as DEFAULT_PRESET,
+  W as DEFAULT_PRESET,
   e as DEFAULT_SIZE,
-  R as GREY_PALETTE,
-  F as POINTER_QR_DESKTOP_SIZES,
-  v as POINTER_QR_MOBILE_SIZES,
-  u as TYPOGRAPHY,
-  H as TYPOGRAPHY_SIZES_DESKTOP,
-  N as TYPOGRAPHY_SIZES_MOBILE,
-  p as createCustomShadows,
-  z as defaultPresetColors,
-  S as fnComponentsOverrides,
-  K as getColorPresets,
-  j as getColorState,
-  J as getPaletteByPreset,
-  $ as getUserThemeOptions,
+  A as GREY_PALETTE,
+  J as POINTER_QR_DESKTOP_SIZES,
+  Q as POINTER_QR_MOBILE_SIZES,
+  C as PRESET_COLORS,
+  l as PRESET_DEFAULT,
+  D as PRESET_SEMANTICS_COLORS,
+  U as TYPOGRAPHY,
+  y as TYPOGRAPHY_SIZES_DESKTOP,
+  K as TYPOGRAPHY_SIZES_MOBILE,
+  E as createCustomShadows,
+  j as defaultPresetColors,
+  _ as fnComponentsOverrides,
+  q as getColorPresets,
+  so as getColorState,
+  to as getPaletteByPreset,
+  So as getUserThemeOptions,
   s as globalRemSize,
   a as muiBreakpointsValues,
-  A as presetsOptionsMainColor,
-  b as pxToRem,
-  k as remToPx,
-  V as responsiveFontSizes,
-  m as shadows,
-  M as typographyOld,
-  U as useResponsive
+  I as presetsOptionsMainColor,
+  $ as pxToRem,
+  oo as remToPx,
+  ro as responsiveFontSizes,
+  S as shadows,
+  w as typographyOld,
+  k as useResponsive
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "7.1.28",
+  "version": "7.1.29",
   "license": "UNLICENSED",
   "author": "m4l team",
   "publishConfig": {

package/theme/overrides/MUIComponents/ControlLabel.d.ts

@@ -6,7 +6,7 @@ export default function ControlLabel(theme: Omit<Theme, 'palette' | 'applyStyles
     MuiFormControlLabel: {
         styleOverrides: {
             label: {
-                [x: string]: unknown;
+                [k: string]: unknown;
                 '@font-face'?: import('@mui/material/styles/createTypography').Fontface | import('@mui/material/styles/createTypography').Fontface[];
                 accentColor?: import("csstype").Property.AccentColor | undefined;
                 alignContent?: import("csstype").Property.AlignContent | undefined;

package/theme/overrides/MUIComponents/TreeView.d.ts

@@ -13,7 +13,7 @@ export default function TreeView(theme: Omit<Theme, 'palette' | 'applyStyles'> &
     MuiTreeItem: {
         styleOverrides: {
             label: {
-                [x: string]: unknown;
+                [k: string]: unknown;
                 '@font-face'?: import('@mui/material/styles/createTypography').Fontface | import('@mui/material/styles/createTypography').Fontface[];
                 accentColor?: import("csstype").Property.AccentColor | undefined;
                 alignContent?: import("csstype").Property.AlignContent | undefined;

package/theme/palette/baseChipsPalette.js

@@ -12,7 +12,7 @@ const c = {
       backgroundActive: r.oxford[30],
       // Comprobado
       /* Tone */
-      colorTone: o.oxford[70],
+      colorTone: o.oxford[60],
       // Comprobado
       backgroundColorTone: o.oxford[40],
       // Comprobado
@@ -44,7 +44,7 @@ const c = {
   },
   disabled: {
     outlined: {
-      color: o.oxford[60],
+      color: o.oxford[40],
       // Comprobado
       backgroundColor: r.oxford[50],
       // Comprobado
@@ -53,7 +53,7 @@ const c = {
       backgroundActive: r.oxford[30],
       // Comprobado
       /* tono */
-      colorTone: o.oxford[50],
+      colorTone: o.oxford[40],
       // Comprobado
       backgroundColorTone: o.oxford[40],
       // Comprobado
@@ -64,29 +64,29 @@ const c = {
     },
     contained: {
       /* opacidad */
-      color: o.oxford[60],
+      color: o.oxford[40],
       // Comprobado
       backgroundColor: r.oxford[10],
       // Comprobado
       backgroundHover: r.oxford[20],
       // Comprobado
-      backgroundActive: r.oxford[40],
+      backgroundActive: r.oxford[30],
       // Comprobado
       /* tono */
-      colorTone: o.oxford[50],
+      colorTone: o.oxford[40],
       // Comprobado
       backgroundColorTone: o.oxford[10],
       // Comprobado
-      backgroundHoverTone: o.oxford[20],
+      backgroundHoverTone: o.oxford[40],
       // Comprobado
-      backgroundActiveTone: o.oxford[30]
+      backgroundActiveTone: o.oxford[20]
       // Comprobado
     }
   },
   warning: {
     outlined: {
       /* opacidad */
-      color: o.middleYellow[90],
+      color: o.middleYellow[80],
       // Comprobado
       backgroundColor: r.middle[50],
       // Comprobado
@@ -95,7 +95,7 @@ const c = {
       backgroundActive: r.middle[40],
       // Comprobado
       /* tono */
-      colorTone: o.middleYellow[90],
+      colorTone: o.middleYellow[80],
       // Comprobado
       backgroundColorTone: o.middleYellow[40],
       // Comprobado
@@ -199,7 +199,7 @@ const c = {
       backgroundActive: r.acid[60],
       // Comprobado
       /* tono */
-      colorTone: o.acidGreen[95],
+      colorTone: o.acidGreen[5],
       // Comprobado
       backgroundColorTone: o.acidGreen[50],
       // Comprobado
@@ -212,7 +212,7 @@ const c = {
   forest: {
     outlined: {
       /* opacidad */
-      color: o.forest[70],
+      color: o.forest[60],
       // Comprobado
       backgroundColor: r.forest[50],
       // Comprobado
@@ -232,7 +232,7 @@ const c = {
     },
     contained: {
       /* opacidad */
-      color: o.forest[90],
+      color: o.forest[80],
       // Comprobado
       backgroundColor: r.forest[20],
       // Comprobado
@@ -241,13 +241,13 @@ const c = {
       backgroundActive: r.forest[40],
       // Comprobado
       /* tono */
-      colorTone: o.forest[5],
+      colorTone: o.forest[10],
       // Comprobado
-      backgroundColorTone: o.forest[60],
+      backgroundColorTone: o.forest[50],
       // Comprobado
-      backgroundHoverTone: o.forest[50],
+      backgroundHoverTone: o.forest[40],
       // Comprobado
-      backgroundActiveTone: o.forest[70]
+      backgroundActiveTone: o.forest[60]
       // Comprobado
     }
   },
@@ -276,7 +276,7 @@ const c = {
       /* opacidad */
       color: o.crayonBlue[80],
       // Comprobado
-      backgroundColor: r.crayon[30],
+      backgroundColor: r.crayon[20],
       // Comprobado
       backgroundHover: r.crayon[40],
       // Comprobado
@@ -393,9 +393,9 @@ const c = {
       // Comprobado
       backgroundColorTone: o.candy[40],
       // Comprobado
-      backgroundHoverTone: o.candy[10],
+      backgroundHoverTone: o.candy[30],
       // Comprobado
-      backgroundActiveTone: o.candy[20]
+      backgroundActiveTone: o.candy[50]
       // Comprobado
     },
     contained: {
@@ -473,7 +473,7 @@ const c = {
       backgroundActive: r.aqua[40],
       // Comprobado
       /* tono */
-      colorTone: o.aqua[50],
+      colorTone: o.aqua[60],
       // Comprobado
       backgroundColorTone: o.aqua[40],
       // Comprobado
@@ -484,7 +484,7 @@ const c = {
     },
     contained: {
       /* opacidad */
-      color: o.aqua[80],
+      color: o.aqua[60],
       // Comprobado
       backgroundColor: r.aqua[20],
       // Comprobado
@@ -493,7 +493,7 @@ const c = {
       backgroundActive: r.aqua[40],
       // Comprobado
       /* tono */
-      colorTone: o.aqua[5],
+      colorTone: o.aqua[10],
       // Comprobado
       backgroundColorTone: o.aqua[50],
       // Comprobado
@@ -562,23 +562,23 @@ const c = {
       // Comprobado
       backgroundColorTone: o.coolGrey[70],
       // Comprobado
-      backgroundHoverTone: o.coolGrey[80],
+      backgroundHoverTone: o.coolGrey[50],
       // Comprobado
-      backgroundActiveTone: o.coolGrey[90]
+      backgroundActiveTone: o.coolGrey[80]
       // Comprobado
     },
     contained: {
       /* opacidad */
-      color: o.coolGrey[40],
+      color: o.coolGrey[30],
       // Comprobado
-      backgroundColor: r.mint[10],
+      backgroundColor: r.oxford[10],
       // Comprobado
       backgroundHover: r.mint[30],
       // Comprobado
       backgroundActive: r.mint[50],
       // Comprobado
       /* tono */
-      colorTone: o.coolGrey[30],
+      colorTone: o.coolGrey[40],
       // Comprobado
       backgroundColorTone: o.coolGrey[80],
       // Comprobado
@@ -675,22 +675,22 @@ const c = {
   success: {
     outlined: {
       /* opacidad */
-      color: o.acidGreen[30],
+      color: o.acidGreen[40],
       // Comprobado
-      backgroundColor: r.acid[20],
+      backgroundColor: r.acid[30],
       // Comprobado
       backgroundHover: r.acid[10],
       // Comprobado
-      backgroundActive: r.acid[30],
+      backgroundActive: r.acid[50],
       // Comprobado
       /* tono */
       colorTone: o.acidGreen[40],
       // Comprobado
       backgroundColorTone: o.acidGreen[80],
       // Comprobado
-      backgroundHoverTone: o.acidGreen[90],
+      backgroundHoverTone: o.acidGreen[70],
       // Comprobado
-      backgroundActiveTone: o.acidGreen[95]
+      backgroundActiveTone: o.acidGreen[90]
       // Comprobado
     },
     contained: {
@@ -704,20 +704,20 @@ const c = {
       backgroundActive: r.acid[70],
       // Comprobado
       /* tono */
-      colorTone: o.acidGreen[95],
+      colorTone: o.acidGreen[90],
       // Comprobado
       backgroundColorTone: o.acidGreen[50],
       // Comprobado
-      backgroundHoverTone: o.acidGreen[40],
+      backgroundHoverTone: o.acidGreen[60],
       // Comprobado
-      backgroundActiveTone: o.acidGreen[60]
+      backgroundActiveTone: o.acidGreen[80]
       // Comprobado
     }
   },
   forest: {
     outlined: {
       /* opacidad */
-      color: o.forest[30],
+      color: o.forest[40],
       // Comprobado
       backgroundColor: r.forest[50],
       // Comprobado
@@ -726,18 +726,18 @@ const c = {
       backgroundActive: r.forest[40],
       // Comprobado
       /* tono */
-      colorTone: o.forest[40],
+      colorTone: o.forest[20],
       // Comprobado
-      backgroundColorTone: o.forest[70],
+      backgroundColorTone: o.forest[60],
       // Comprobado
-      backgroundHoverTone: o.forest[80],
+      backgroundHoverTone: o.forest[70],
       // Comprobado
-      backgroundActiveTone: o.forest[90]
+      backgroundActiveTone: o.forest[80]
       // Comprobado
     },
     contained: {
       /* opacidad */
-      color: o.forest[40],
+      color: o.forest[30],
       // Comprobado
       backgroundColor: r.forest[20],
       // Comprobado
@@ -746,13 +746,13 @@ const c = {
       backgroundActive: r.forest[40],
       // Comprobado
       /* tono */
-      colorTone: o.forest[5],
+      colorTone: o.forest[10],
       // Comprobado
-      backgroundColorTone: o.forest[70],
+      backgroundColorTone: o.forest[60],
       // Comprobado
-      backgroundHoverTone: o.forest[60],
+      backgroundHoverTone: o.forest[50],
       // Comprobado
-      backgroundActiveTone: o.forest[80]
+      backgroundActiveTone: o.forest[70]
       // Comprobado
     }
   },
@@ -772,9 +772,9 @@ const c = {
       // Comprobado
       backgroundColorTone: o.crayonBlue[50],
       // Comprobado
-      backgroundHoverTone: o.crayonBlue[90],
+      backgroundHoverTone: o.crayonBlue[80],
       // Comprobado
-      backgroundActiveTone: o.crayonBlue[95]
+      backgroundActiveTone: o.crayonBlue[90]
       // Comprobado
     },
     contained: {
@@ -969,7 +969,7 @@ const c = {
   aqua: {
     outlined: {
       /* opacidad */
-      color: o.aqua[30],
+      color: o.aqua[40],
       // Comprobado
       backgroundColor: r.aqua[50],
       // Comprobado
@@ -978,13 +978,13 @@ const c = {
       backgroundActive: r.aqua[40],
       // Comprobado
       /* tono */
-      colorTone: o.aqua[10],
+      colorTone: o.aqua[30],
       // Comprobado
-      backgroundColorTone: o.aqua[60],
+      backgroundColorTone: o.aqua[50],
       // Comprobado
-      backgroundHoverTone: o.aqua[70],
+      backgroundHoverTone: o.aqua[80],
       // Comprobado
-      backgroundActiveTone: o.aqua[80]
+      backgroundActiveTone: o.aqua[90]
       // Comprobado
     },
     contained: {
@@ -1002,9 +1002,9 @@ const c = {
       // Comprobado
       backgroundColorTone: o.aqua[60],
       // Comprobado
-      backgroundHoverTone: o.aqua[50],
+      backgroundHoverTone: o.aqua[70],
       // Comprobado
-      backgroundActiveTone: o.aqua[70]
+      backgroundActiveTone: o.aqua[80]
       // Comprobado
     }
   }

package/theme/palette/baseColors.js

@@ -96,27 +96,27 @@ const F = {
     // Comprobado
   },
   forest: {
-    5: "",
+    5: "#EDFFF8",
     // No aplica
     10: "#E7FFF1",
     // Comprobado
-    20: "#E4F9DF",
+    20: "#A0FACC",
     // Comprobado
-    30: "#A0FACC",
+    30: "#63F2B1",
     // Comprobado
-    40: "#63F2B1",
+    40: "#25E293",
     // Comprobado
-    50: "#25E293",
+    50: "#00B871",
     // Comprobado
-    60: "#00B871",
+    60: "#00A465",
     // Comprobado
     70: "#008355",
     // Comprobado
-    80: "#008355",
+    80: "#006744",
     // Comprobado
-    90: "#006744",
+    90: "#005539",
     // Comprobado
-    95: "#003021"
+    95: ""
     // Comprobado
   },
   grassGreen: {
@@ -138,9 +138,9 @@ const F = {
     // Comprobado
     80: "#063723",
     // Comprobado
-    90: "#00120B",
+    90: "#27423A",
     // Comprobado
-    95: "#27423A"
+    95: "#233329"
     // Comprobado
   },
   desertBeige: {
@@ -186,9 +186,9 @@ const F = {
     // Comprobado
     80: "#1B4555",
     // Comprobado
-    90: "#0F232B",
+    90: "#2E3D41",
     // Comprobado
-    95: "#2E3D41"
+    95: "#0F232B"
     // Comprobado
   },
   blazeOrange: {
@@ -218,7 +218,7 @@ const F = {
   flameRed: {
     5: "#FCDEDC",
     // Comprobado
-    10: "#FCDEDC",
+    10: "#FBD3D0",
     // Comprobado
     20: "#F9BDB9",
     // Comprobado
@@ -234,10 +234,10 @@ const F = {
     // Comprobado
     80: "#991B1B",
     // Comprobado
-    90: "",
-    // no aplica
-    95: "#3E3231"
+    90: "#3E3231",
     // Comprobado
+    95: ""
+    // No aplica
   },
   coolGrey: {
     5: "",

package/theme/palette/baseOpacityColors.js

@@ -107,10 +107,10 @@ const n = {
     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),
+    40: e("#212727", 0.24),
+    50: e("#212727", 0.32),
+    60: e("#212727", 0.48),
+    70: e("#212727", 0.6),
     80: e(r.onyx[70], 0.72)
   },
   middle: {
@@ -137,7 +137,7 @@ const n = {
     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),
+    30: e(r.forest[50], 0.16),
     40: e(r.forest[50], 0.32),
     50: e(r.forest[50], 0.48),
     60: e(r.forest[50], 0.6),