@m4l/styles 7.1.28 → 7.1.29-16062025.beta.1

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 = {
@@ -38,9 +39,17 @@ const a = {
     // comprobado,
     activeOpacityDark: e.patronus[50],
     // comprobado,
-    focusOpacityLight: e.patronus[5] || "#fff",
+    focusOpacityLight: e.patronus[10] || "#fff",
     // comprobado,
-    focusOpacityDark: e.patronus[10],
+    focusOpacityDark: e.patronus[20],
+    // comprobado,
+    opacityGradient1Light: i(e.patronus[10], 0.35),
+    // comprobado,
+    opacityGradient2Light: i(e.patronus[10], 0.15),
+    // comprobado,
+    opacityGradient1Dark: i(e.patronus[10], 0.45),
+    // comprobado,
+    opacityGradient2Dark: i(e.patronus[10], 0.25),
     // comprobado,
     opacityLight: e.patronus[10],
     // comprobado,
@@ -54,13 +63,13 @@ const a = {
     // comprobado,,
     dark: t.patronusBlue[30],
     // comprobado,,
-    darker: t.patronusBlue[30],
+    darker: t.patronusBlue[10],
     // comprobado,,
     contrastText: t.marbleLight[30],
     // comprobado,
     semanticTextLight: t.patronusBlue[70],
     // comprobado,
-    semanticTextDark: t.patronusBlue[40],
+    semanticTextDark: t.patronusBlue[30],
     // comprobado,
     // Tone colors
     toneOpacityLight: t.patronusBlue[5],
@@ -68,9 +77,89 @@ const a = {
     toneOpacityDark: t.patronusBlue[95],
     // comprobado,
     // border
-    borderMainDark: e.patronus[50],
+    borderMainLight: e.patronus[50],
     // comprobado,
-    borderMainLight: e.patronus[50]
+    borderMainDark: e.patronus[40]
+    // comprobado,
+  },
+  grass: {
+    enabledLight: t.grassGreen[50],
+    // comprobado
+    enabledDark: t.grassGreen[50],
+    // comprobado
+    hoverLight: t.grassGreen[40],
+    // comprobado,
+    hoverDark: t.grassGreen[40],
+    // comprobado,
+    selectedLight: t.grassGreen[60],
+    // comprobado,
+    selectedDark: t.grassGreen[60],
+    // comprobado,
+    activeLight: t.grassGreen[70],
+    // comprobado,
+    activeDark: t.grassGreen[70],
+    // comprobado,
+    focusLight: t.grassGreen[40],
+    // comprobado,
+    focusDark: t.grassGreen[60],
+    // comprobado,
+    enabledOpacityLight: e.grass[30],
+    // comprobado
+    enabledOpacityDark: e.grass[30],
+    // comprobado,
+    hoverOpacityLight: e.grass[20],
+    // comprobado,
+    hoverOpacityDark: e.grass[20],
+    // comprobado,
+    selectedOpacityLight: e.grass[30],
+    // comprobado,
+    selectedOpacityDark: e.grass[40],
+    // comprobado,
+    activeOpacityLight: e.grass[40],
+    // comprobado,
+    activeOpacityDark: e.grass[50],
+    // comprobado,
+    focusOpacityLight: e.grass[10],
+    // comprobado,
+    focusOpacityDark: e.grass[15] || "#fff",
+    // comprobado,
+    opacityGradient1Light: i(e.grass[10], 0.35),
+    // comprobado,
+    opacityGradient2Light: i(e.grass[10], 0.15),
+    // comprobado,
+    opacityGradient1Dark: i(e.grass[10], 0.45),
+    // comprobado,
+    opacityGradient2Dark: i(e.grass[10], 0.25),
+    // comprobado,
+    opacityLight: e.grass[10],
+    // comprobado,
+    opacityDark: e.grass[10],
+    // comprobado,
+    main: t.grassGreen[50],
+    // comprobado,,
+    light: t.grassGreen[30],
+    // comprobado,,
+    lighter: t.grassGreen[70],
+    // comprobado,,
+    dark: t.grassGreen[20],
+    // comprobado,,
+    darker: t.grassGreen[10],
+    // comprobado,,
+    contrastText: t.marbleLight[30],
+    // comprobado,
+    semanticTextLight: t.grassGreen[60],
+    // comprobado,
+    semanticTextDark: t.grassGreen[30],
+    // comprobado,
+    // Tone colors
+    toneOpacityLight: t.grassGreen[5],
+    // comprobado,
+    toneOpacityDark: t.grassGreen[95],
+    // comprobado,
+    // border
+    borderMainLight: e.grass[50],
+    // comprobado,
+    borderMainDark: e.grass[40]
     // comprobado,
   },
   turqui: {
@@ -114,6 +203,14 @@ const a = {
     // comprobado,
     focusOpacityDark: e.turqui[20],
     // comprobado,
+    opacityGradient1Light: i(e.turqui[10], 0.35),
+    // comprobado,
+    opacityGradient2Light: i(e.turqui[10], 0.15),
+    // comprobado,
+    opacityGradient1Dark: i(e.turqui[10], 0.45),
+    // comprobado,
+    opacityGradient2Dark: i(e.turqui[10], 0.25),
+    // comprobado,
     opacityLight: e.turqui[10],
     // comprobado,
     opacityDark: e.turqui[10],
@@ -132,7 +229,7 @@ const a = {
     // comprobado,
     semanticTextLight: t.turquiBlue[50],
     // comprobado,
-    semanticTextDark: t.turquiBlue[40],
+    semanticTextDark: t.turquiBlue[20],
     // comprobado,
     // Tone colors
     toneOpacityLight: t.turquiBlue[5],
@@ -140,9 +237,9 @@ const a = {
     toneOpacityDark: t.turquiBlue[95],
     // comprobado,
     // border
-    borderMainDark: e.turqui[50],
+    borderMainLight: e.turqui[50],
     // comprobado,
-    borderMainLight: e.turqui[50]
+    borderMainDark: e.turqui[40]
     // comprobado,
   },
   brown: {
@@ -180,7 +277,7 @@ const a = {
     // comprobado,
     activeOpacityLight: e.brown[40],
     // comprobado,
-    activeOpacityDark: e.brown[40],
+    activeOpacityDark: e.brown[50],
     // comprobado,
     focusOpacityLight: e.brown[10],
     // comprobado,
@@ -188,6 +285,14 @@ const a = {
     // comprobado,
     opacityLight: e.brown[10],
     // comprobado,
+    opacityGradient1Light: i(e.brown[10], 0.35),
+    // comprobado,
+    opacityGradient2Light: i(e.brown[10], 0.15),
+    // comprobado,
+    opacityGradient1Dark: i(e.brown[10], 0.45),
+    // comprobado,
+    opacityGradient2Dark: i(e.brown[10], 0.25),
+    // comprobado,
     opacityDark: e.brown[10],
     // comprobado,
     main: t.brown[40],
@@ -204,7 +309,7 @@ const a = {
     // comprobado,
     semanticTextLight: t.brown[50],
     // comprobado,
-    semanticTextDark: t.brown[40],
+    semanticTextDark: t.brown[10],
     // comprobado,
     // Tone colors
     toneOpacityLight: t.brown[5],
@@ -212,9 +317,9 @@ const a = {
     toneOpacityDark: t.brown[95],
     // comprobado,
     // border
-    borderMainDark: e.brown[50],
+    borderMainDark: e.brown[40],
     // comprobado,
-    borderMainLight: e.brown[50]
+    borderMainLight: e.brown[40]
     // comprobado,
   },
   blaze: {
@@ -260,6 +365,14 @@ const a = {
     // comprobado,
     opacityLight: e.blaze[10],
     // comprobado,
+    opacityGradient1Light: i(e.blaze[10], 0.35),
+    // comprobado,
+    opacityGradient2Light: i(e.blaze[10], 0.15),
+    // comprobado,
+    opacityGradient1Dark: i(e.blaze[10], 0.45),
+    // comprobado,
+    opacityGradient2Dark: i(e.blaze[10], 0.25),
+    // comprobado,
     opacityDark: e.blaze[10],
     // comprobado,
     main: t.blazeOrange[50],
@@ -284,84 +397,12 @@ const a = {
     toneOpacityDark: t.blazeOrange[95],
     // comprobado,
     // border
-    borderMainDark: e.blaze[50],
-    // comprobado,
-    borderMainLight: e.blaze[50]
-    // comprobado,
-  },
-  grass: {
-    enabledLight: t.grassGreen[50],
-    // comprobado
-    enabledDark: t.grassGreen[50],
-    // comprobado
-    hoverLight: t.grassGreen[40],
-    // comprobado,
-    hoverDark: t.grassGreen[40],
-    // comprobado,
-    selectedLight: t.grassGreen[60],
-    // comprobado,
-    selectedDark: t.grassGreen[60],
-    // comprobado,
-    activeLight: t.grassGreen[70],
-    // comprobado,
-    activeDark: t.grassGreen[70],
-    // comprobado,
-    focusLight: t.grassGreen[40],
-    // comprobado,
-    focusDark: t.grassGreen[60],
-    // comprobado,
-    enabledOpacityLight: e.grass[30],
-    // comprobado
-    enabledOpacityDark: e.grass[30],
-    // comprobado,
-    hoverOpacityLight: e.grass[20],
-    // comprobado,
-    hoverOpacityDark: e.grass[20],
-    // comprobado,
-    selectedOpacityLight: e.grass[30],
-    // comprobado,
-    selectedOpacityDark: e.grass[40],
-    // comprobado,
-    activeOpacityLight: e.grass[40],
-    // comprobado,
-    activeOpacityDark: e.grass[50],
-    // comprobado,
-    focusOpacityLight: e.grass[10],
-    // comprobado,
-    focusOpacityDark: e.grass[15] || "#fff",
-    // comprobado,
-    opacityLight: e.grass[10],
-    // comprobado,
-    opacityDark: e.grass[10],
-    // comprobado,
-    main: t.grassGreen[50],
-    // comprobado,,
-    light: t.grassGreen[30],
-    // comprobado,,
-    lighter: t.grassGreen[70],
-    // comprobado,,
-    dark: t.grassGreen[20],
-    // comprobado,,
-    darker: t.grassGreen[10],
-    // comprobado,,
-    contrastText: t.marbleLight[30],
-    // comprobado,
-    semanticTextLight: t.grassGreen[60],
-    // comprobado,
-    semanticTextDark: t.grassGreen[40],
-    // comprobado,
-    // Tone colors
-    toneOpacityLight: t.grassGreen[5],
-    // comprobado,
-    toneOpacityDark: t.grassGreen[95],
-    // comprobado,
-    // border
-    borderMainDark: e.grass[50],
+    borderMainLight: e.blaze[50],
     // comprobado,
-    borderMainLight: e.grass[50]
+    borderMainDark: e.blaze[40]
     // comprobado,
   }
-}, o = {
+}, p = {
   patronus: {
     enabled: a.patronus.enabledLight,
     enabledOpacity: a.patronus.enabledOpacityLight,
@@ -375,6 +416,8 @@ const a = {
     active: a.patronus.activeLight,
     activeOpacity: a.patronus.activeOpacityLight,
     opacity: a.patronus.opacityLight,
+    opacityGradient1: a.patronus.opacityGradient1Light,
+    opacityGradient2: a.patronus.opacityGradient2Light,
     toneOpacity: a.patronus.toneOpacityLight,
     contrastText: a.patronus.contrastText,
     semanticText: a.patronus.semanticTextLight,
@@ -396,6 +439,8 @@ const a = {
     active: a.blaze.activeLight,
     activeOpacity: a.blaze.activeOpacityLight,
     opacity: a.blaze.opacityLight,
+    opacityGradient1: a.blaze.opacityGradient1Light,
+    opacityGradient2: a.blaze.opacityGradient2Light,
     toneOpacity: a.blaze.toneOpacityLight,
     contrastText: a.blaze.contrastText,
     semanticText: a.blaze.semanticTextLight,
@@ -417,6 +462,8 @@ const a = {
     active: a.brown.activeLight,
     activeOpacity: a.brown.activeOpacityLight,
     opacity: a.brown.opacityLight,
+    opacityGradient1: a.brown.opacityGradient1Light,
+    opacityGradient2: a.brown.opacityGradient2Light,
     toneOpacity: a.brown.toneOpacityLight,
     contrastText: a.brown.contrastText,
     semanticText: a.brown.semanticTextLight,
@@ -438,6 +485,8 @@ const a = {
     active: a.grass.activeLight,
     activeOpacity: a.grass.activeOpacityLight,
     opacity: a.grass.opacityLight,
+    opacityGradient1: a.grass.opacityGradient1Light,
+    opacityGradient2: a.grass.opacityGradient2Light,
     toneOpacity: a.grass.toneOpacityLight,
     contrastText: a.grass.contrastText,
     semanticText: a.grass.semanticTextLight,
@@ -459,6 +508,8 @@ const a = {
     active: a.turqui.activeLight,
     activeOpacity: a.turqui.activeOpacityLight,
     opacity: a.turqui.opacityLight,
+    opacityGradient1: a.turqui.opacityGradient1Light,
+    opacityGradient2: a.turqui.opacityGradient2Light,
     toneOpacity: a.turqui.toneOpacityLight,
     contrastText: a.turqui.contrastText,
     semanticText: a.turqui.semanticTextLight,
@@ -467,7 +518,7 @@ const a = {
     light: a.turqui.light,
     dark: a.turqui.dark
   }
-}, n = {
+}, u = {
   patronus: {
     enabled: a.patronus.enabledDark,
     enabledOpacity: a.patronus.enabledOpacityDark,
@@ -481,6 +532,8 @@ const a = {
     active: a.patronus.activeDark,
     activeOpacity: a.patronus.activeOpacityDark,
     opacity: a.patronus.opacityDark,
+    opacityGradient1: a.patronus.opacityGradient1Dark,
+    opacityGradient2: a.patronus.opacityGradient2Dark,
     toneOpacity: a.patronus.toneOpacityDark,
     contrastText: a.patronus.contrastText,
     semanticText: a.patronus.semanticTextDark,
@@ -502,6 +555,8 @@ const a = {
     active: a.blaze.activeDark,
     activeOpacity: a.blaze.activeOpacityDark,
     opacity: a.blaze.opacityDark,
+    opacityGradient1: a.blaze.opacityGradient1Dark,
+    opacityGradient2: a.blaze.opacityGradient2Dark,
     toneOpacity: a.blaze.toneOpacityDark,
     contrastText: a.blaze.contrastText,
     semanticText: a.blaze.semanticTextDark,
@@ -523,6 +578,8 @@ const a = {
     active: a.brown.activeDark,
     activeOpacity: a.brown.activeOpacityDark,
     opacity: a.brown.opacityDark,
+    opacityGradient1: a.brown.opacityGradient1Dark,
+    opacityGradient2: a.brown.opacityGradient2Dark,
     toneOpacity: a.brown.toneOpacityDark,
     contrastText: a.brown.contrastText,
     semanticText: a.brown.semanticTextDark,
@@ -544,6 +601,8 @@ const a = {
     active: a.grass.activeDark,
     activeOpacity: a.grass.activeOpacityDark,
     opacity: a.grass.opacityDark,
+    opacityGradient1: a.grass.opacityGradient1Dark,
+    opacityGradient2: a.grass.opacityGradient2Dark,
     toneOpacity: a.grass.toneOpacityDark,
     contrastText: a.grass.contrastText,
     semanticText: a.grass.semanticTextDark,
@@ -565,6 +624,8 @@ const a = {
     active: a.turqui.activeDark,
     activeOpacity: a.turqui.activeOpacityDark,
     opacity: a.turqui.opacityDark,
+    opacityGradient1: a.turqui.opacityGradient1Dark,
+    opacityGradient2: a.turqui.opacityGradient2Dark,
     toneOpacity: a.turqui.toneOpacityDark,
     contrastText: a.turqui.contrastText,
     semanticText: a.turqui.semanticTextDark,
@@ -573,13 +634,13 @@ const a = {
     light: a.turqui.light,
     dark: a.turqui.dark
   }
-}, i = Object.keys(a), u = i.map((r) => ({
+}, c = Object.keys(a), g = c.map((r) => ({
   name: r,
   value: a[r].main
 }));
 export {
   a as P,
-  o as a,
-  n as b,
-  u as p
+  u as a,
+  p as b,
+  g as p
 };