@m4l/styles 7.1.29-beta.1 → 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.29-beta.1",
+  "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[20],
+      colorTone: o.oxford[60],
       // Comprobado
       backgroundColorTone: o.oxford[40],
       // Comprobado

package/theme/palette/baseColors.js

@@ -140,7 +140,7 @@ const F = {
     // Comprobado
     90: "#27423A",
     // Comprobado
-    95: "#00120B"
+    95: "#233329"
     // Comprobado
   },
   desertBeige: {

package/theme/palette/defaultColors.js

@@ -1,26 +1,26 @@
-import { alpha as i } from "@mui/material/styles";
+import { alpha as e } from "@mui/material/styles";
 import { B as a } from "./baseOpacityColors.js";
-import { B as e } from "./baseColors.js";
+import { B as i } from "./baseColors.js";
 const t = {
-  enabledLight: e.oxford[10],
+  enabledLight: i.marbleLight[30],
   // Comprobado
-  enabledDark: e.onyx[30],
+  enabledDark: i.onyx[30],
   // Comprobado
-  hoverLight: e.oxford[20],
+  hoverLight: i.oxford[30],
   // Comprobado
-  hoverDark: e.onyx[20],
+  hoverDark: i.onyx[20],
   // Comprobado
-  selectedLight: e.oxford[30],
+  selectedLight: i.oxford[30],
   // Comprobado
-  selectedDark: e.coolGrey[40],
+  selectedDark: i.coolGrey[40],
   // Comprobado
-  activeLight: e.oxford[30],
+  activeLight: i.oxford[30],
   // Comprobado
-  activeDark: e.coolGrey[80],
+  activeDark: i.coolGrey[80],
   // Comprobado
-  focusLight: e.oxford[40],
+  focusLight: i.oxford[40],
   // Comprobado
-  focusDark: e.onyx[50],
+  focusDark: i.onyx[50],
   // Comprobado
   enabledOpacityLight: a.oxford[5],
   // Comprobado
@@ -30,9 +30,9 @@ const t = {
   // Comprobado
   hoverOpacityDark: a.mint[10],
   // Comprobado
-  selectedOpacityLight: i("#091E42", 0.2),
+  selectedOpacityLight: e("#091E42", 0.2),
   // Comprobado
-  selectedOpacityDark: i("#8E9DB4", 0.31),
+  selectedOpacityDark: e("#8E9DB4", 0.31),
   // Comprobado
   activeOpacityLight: a.oxford[30],
   // Comprobado
@@ -42,7 +42,7 @@ const t = {
   // Comprobado
   focusOpacityDark: a.mint[40],
   // Comprobado
-  contrastText: e.onyx[20],
+  contrastText: i.onyx[20],
   // Comprobado
   mainLight: a.oxford[10],
   // Comprobado
@@ -57,11 +57,11 @@ const t = {
   darker: a.mint[50],
   // Comprobado,
   // Tone colors
-  toneOpacityLight: e.marbleLight[30],
+  toneOpacityLight: i.marbleLight[30],
   // Comprobado
-  toneOpacityDark: e.onyx[30]
+  toneOpacityDark: i.onyx[30]
   // Comprobado
-}, h = {
+}, y = {
   enabled: t.enabledLight,
   enabledOpacity: t.enabledOpacityLight,
   hover: t.hoverLight,
@@ -74,12 +74,14 @@ const t = {
   active: t.activeLight,
   activeOpacity: t.activeOpacityLight,
   opacity: t.light,
+  opacityGradient1: e(t.light, 0.25),
+  opacityGradient2: e(t.light, 0.1),
   toneOpacity: t.toneOpacityLight,
   //Por compatibilidad con MUI
   main: t.mainLight,
   light: t.light,
   dark: t.dark
-}, y = {
+}, d = {
   enabled: t.enabledDark,
   enabledOpacity: t.enabledOpacityDark,
   hover: t.hoverDark,
@@ -92,6 +94,8 @@ const t = {
   active: t.activeDark,
   activeOpacity: t.activeOpacityDark,
   opacity: t.dark,
+  opacityGradient1: e(t.dark, 0.25),
+  opacityGradient2: e(t.dark, 0.1),
   toneOpacity: t.toneOpacityDark,
   //Por compatibilidad con MUI
   main: t.mainDark,
@@ -99,6 +103,7 @@ const t = {
   dark: t.dark
 };
 export {
-  h as B,
+  d as B,
+  t as P,
   y as a
 };

package/theme/palette/index.d.ts

@@ -3,3 +3,7 @@ export { BASE_OPACITY_COLORS } from './baseOpacityColors';
 export { COMMON_COLORS } from './commonColors';
 export { GREY_PALETTE } from './greyPalette';
 export { presetsOptionsMainColor } from './presetColors';
+export { BASE_TAG_OBJECT_COLORS_LIGHT, BASE_TAG_OBJECT_COLORS_DARK } from './baseChipsPalette';
+export { PRESET_DEFAULT } from './defaultColors';
+export { PRESET_SEMANTICS_COLORS } from './semanticColors';
+export { PRESET_COLORS } from './presetColors';

package/theme/palette/presetColors.js

@@ -1,3 +1,4 @@
+import { alpha as i } from "@mui/material";
 import { B as t } from "./baseColors.js";
 import { B as e } from "./baseOpacityColors.js";
 const a = {
@@ -68,7 +69,7 @@ const a = {
     toneOpacityDark: t.patronusBlue[95],
     // comprobado,
     // border
-    borderMainLight: e.patronus[40],
+    borderMainLight: e.patronus[50],
     // comprobado,
     borderMainDark: e.patronus[40]
     // comprobado,
@@ -140,7 +141,7 @@ const a = {
     toneOpacityDark: t.grassGreen[95],
     // comprobado,
     // border
-    borderMainLight: e.grass[40],
+    borderMainLight: e.grass[50],
     // comprobado,
     borderMainDark: e.grass[40]
     // comprobado,
@@ -212,7 +213,7 @@ const a = {
     toneOpacityDark: t.turquiBlue[95],
     // comprobado,
     // border
-    borderMainLight: e.turqui[40],
+    borderMainLight: e.turqui[50],
     // comprobado,
     borderMainDark: e.turqui[40]
     // comprobado,
@@ -356,12 +357,12 @@ const a = {
     toneOpacityDark: t.blazeOrange[95],
     // comprobado,
     // border
-    borderMainLight: e.blaze[40],
+    borderMainLight: e.blaze[50],
     // comprobado,
     borderMainDark: e.blaze[40]
     // comprobado,
   }
-}, o = {
+}, u = {
   patronus: {
     enabled: a.patronus.enabledLight,
     enabledOpacity: a.patronus.enabledOpacityLight,
@@ -375,6 +376,8 @@ const a = {
     active: a.patronus.activeLight,
     activeOpacity: a.patronus.activeOpacityLight,
     opacity: a.patronus.opacityLight,
+    opacityGradient1: i(a.patronus.opacityLight, 0.25),
+    opacityGradient2: i(a.patronus.opacityLight, 0.1),
     toneOpacity: a.patronus.toneOpacityLight,
     contrastText: a.patronus.contrastText,
     semanticText: a.patronus.semanticTextLight,
@@ -396,6 +399,8 @@ const a = {
     active: a.blaze.activeLight,
     activeOpacity: a.blaze.activeOpacityLight,
     opacity: a.blaze.opacityLight,
+    opacityGradient1: i(a.blaze.opacityLight, 0.25),
+    opacityGradient2: i(a.blaze.opacityLight, 0.1),
     toneOpacity: a.blaze.toneOpacityLight,
     contrastText: a.blaze.contrastText,
     semanticText: a.blaze.semanticTextLight,
@@ -417,6 +422,8 @@ const a = {
     active: a.brown.activeLight,
     activeOpacity: a.brown.activeOpacityLight,
     opacity: a.brown.opacityLight,
+    opacityGradient1: i(a.brown.opacityLight, 0.25),
+    opacityGradient2: i(a.brown.opacityLight, 0.1),
     toneOpacity: a.brown.toneOpacityLight,
     contrastText: a.brown.contrastText,
     semanticText: a.brown.semanticTextLight,
@@ -438,6 +445,8 @@ const a = {
     active: a.grass.activeLight,
     activeOpacity: a.grass.activeOpacityLight,
     opacity: a.grass.opacityLight,
+    opacityGradient1: i(a.grass.opacityLight, 0.25),
+    opacityGradient2: i(a.grass.opacityLight, 0.1),
     toneOpacity: a.grass.toneOpacityLight,
     contrastText: a.grass.contrastText,
     semanticText: a.grass.semanticTextLight,
@@ -459,6 +468,8 @@ const a = {
     active: a.turqui.activeLight,
     activeOpacity: a.turqui.activeOpacityLight,
     opacity: a.turqui.opacityLight,
+    opacityGradient1: i(a.turqui.opacityLight, 0.25),
+    opacityGradient2: i(a.turqui.opacityLight, 0.1),
     toneOpacity: a.turqui.toneOpacityLight,
     contrastText: a.turqui.contrastText,
     semanticText: a.turqui.semanticTextLight,
@@ -467,7 +478,7 @@ const a = {
     light: a.turqui.light,
     dark: a.turqui.dark
   }
-}, n = {
+}, p = {
   patronus: {
     enabled: a.patronus.enabledDark,
     enabledOpacity: a.patronus.enabledOpacityDark,
@@ -481,6 +492,8 @@ const a = {
     active: a.patronus.activeDark,
     activeOpacity: a.patronus.activeOpacityDark,
     opacity: a.patronus.opacityDark,
+    opacityGradient1: i(a.patronus.opacityDark, 0.25),
+    opacityGradient2: i(a.patronus.opacityDark, 0.1),
     toneOpacity: a.patronus.toneOpacityDark,
     contrastText: a.patronus.contrastText,
     semanticText: a.patronus.semanticTextDark,
@@ -502,6 +515,8 @@ const a = {
     active: a.blaze.activeDark,
     activeOpacity: a.blaze.activeOpacityDark,
     opacity: a.blaze.opacityDark,
+    opacityGradient1: i(a.blaze.opacityDark, 0.25),
+    opacityGradient2: i(a.blaze.opacityDark, 0.1),
     toneOpacity: a.blaze.toneOpacityDark,
     contrastText: a.blaze.contrastText,
     semanticText: a.blaze.semanticTextDark,
@@ -523,6 +538,8 @@ const a = {
     active: a.brown.activeDark,
     activeOpacity: a.brown.activeOpacityDark,
     opacity: a.brown.opacityDark,
+    opacityGradient1: i(a.brown.opacityDark, 0.25),
+    opacityGradient2: i(a.brown.opacityDark, 0.1),
     toneOpacity: a.brown.toneOpacityDark,
     contrastText: a.brown.contrastText,
     semanticText: a.brown.semanticTextDark,
@@ -544,6 +561,8 @@ const a = {
     active: a.grass.activeDark,
     activeOpacity: a.grass.activeOpacityDark,
     opacity: a.grass.opacityDark,
+    opacityGradient1: i(a.grass.opacityDark, 0.25),
+    opacityGradient2: i(a.grass.opacityDark, 0.1),
     toneOpacity: a.grass.toneOpacityDark,
     contrastText: a.grass.contrastText,
     semanticText: a.grass.semanticTextDark,
@@ -565,6 +584,8 @@ const a = {
     active: a.turqui.activeDark,
     activeOpacity: a.turqui.activeOpacityDark,
     opacity: a.turqui.opacityDark,
+    opacityGradient1: i(a.turqui.opacityDark, 0.25),
+    opacityGradient2: i(a.turqui.opacityDark, 0.1),
     toneOpacity: a.turqui.toneOpacityDark,
     contrastText: a.turqui.contrastText,
     semanticText: a.turqui.semanticTextDark,
@@ -573,13 +594,13 @@ const a = {
     light: a.turqui.light,
     dark: a.turqui.dark
   }
-}, i = Object.keys(a), u = i.map((r) => ({
+}, c = Object.keys(a), l = c.map((r) => ({
   name: r,
   value: a[r].main
 }));
 export {
   a as P,
-  o as a,
-  n as b,
-  u as p
+  p as a,
+  u as b,
+  l as p
 };