@m4l/styles 7.1.33 → 7.1.34

package/package.json

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

package/theme/palette/baseChipsPalette.js

@@ -1,15 +1,15 @@
 import { B as o } from "./baseColors.js";
-import { B as r } from "./baseOpacityColors.js";
+import { B as e } from "./baseOpacityColors.js";
 const c = {
   default: {
     outlined: {
       color: o.oxford[70],
       // Comprobado
-      backgroundColor: r.oxford[50],
+      backgroundColor: e.oxford[50],
       // Comprobado
-      backgroundHover: r.oxford[20],
+      backgroundHover: e.oxford[20],
       // Comprobado
-      backgroundActive: r.oxford[30],
+      backgroundActive: e.oxford[30],
       // Comprobado
       /* Tone */
       colorTone: o.oxford[60],
@@ -24,11 +24,11 @@ const c = {
     contained: {
       color: o.oxford[70],
       // Comprobado
-      backgroundColor: r.oxford[10],
+      backgroundColor: e.oxford[10],
       // Comprobado
-      backgroundHover: r.oxford[20],
+      backgroundHover: e.oxford[20],
       // Comprobado
-      backgroundActive: r.oxford[40],
+      backgroundActive: e.oxford[40],
       // Comprobado
       /* Tono */
       colorTone: o.oxford[10],
@@ -46,11 +46,11 @@ const c = {
     outlined: {
       color: o.oxford[40],
       // Comprobado
-      backgroundColor: r.oxford[50],
+      backgroundColor: e.oxford[50],
       // Comprobado
-      backgroundHover: r.oxford[20],
+      backgroundHover: e.oxford[20],
       // Comprobado
-      backgroundActive: r.oxford[30],
+      backgroundActive: e.oxford[30],
       // Comprobado
       /* tono */
       colorTone: o.oxford[40],
@@ -66,11 +66,11 @@ const c = {
       /* opacidad */
       color: o.oxford[40],
       // Comprobado
-      backgroundColor: r.oxford[10],
+      backgroundColor: e.oxford[10],
       // Comprobado
-      backgroundHover: r.oxford[20],
+      backgroundHover: e.oxford[20],
       // Comprobado
-      backgroundActive: r.oxford[30],
+      backgroundActive: e.oxford[30],
       // Comprobado
       /* tono */
       colorTone: o.oxford[40],
@@ -88,11 +88,11 @@ const c = {
       /* opacidad */
       color: o.middleYellow[80],
       // Comprobado
-      backgroundColor: r.middle[50],
+      backgroundColor: e.middle[50],
       // Comprobado
-      backgroundHover: r.middle[30],
+      backgroundHover: e.middle[30],
       // Comprobado
-      backgroundActive: r.middle[40],
+      backgroundActive: e.middle[40],
       // Comprobado
       /* tono */
       colorTone: o.middleYellow[80],
@@ -108,11 +108,11 @@ const c = {
       /* opacidad */
       color: o.middleYellow[90],
       // Comprobado
-      backgroundColor: r.middle[20],
+      backgroundColor: e.middle[20],
       // Comprobado
-      backgroundHover: r.middle[40],
+      backgroundHover: e.middle[40],
       // Comprobado
-      backgroundActive: r.middle[60],
+      backgroundActive: e.middle[60],
       // Comprobado
       /* tono */
       colorTone: o.middleYellow[95],
@@ -130,11 +130,11 @@ const c = {
       /* opacidad */
       color: o.flameRed[60],
       // Comprobado
-      backgroundColor: r.flame[60],
+      backgroundColor: e.flame[60],
       // Comprobado
-      backgroundHover: r.flame[30],
+      backgroundHover: e.flame[30],
       // Comprobado
-      backgroundActive: r.flame[50],
+      backgroundActive: e.flame[50],
       // Comprobado
       /* tono */
       colorTone: o.flameRed[60],
@@ -150,11 +150,11 @@ const c = {
       /* opacidad */
       color: o.flameRed[60],
       // Comprobado
-      backgroundColor: r.flame[20],
+      backgroundColor: e.flame[20],
       // Comprobado
-      backgroundHover: r.flame[30],
+      backgroundHover: e.flame[30],
       // Comprobado
-      backgroundActive: r.flame[50],
+      backgroundActive: e.flame[50],
       // Comprobado
       /* tono */
       colorTone: o.flameRed[5],
@@ -172,11 +172,11 @@ const c = {
       /* opacidad */
       color: o.acidGreen[80],
       // Comprobado
-      backgroundColor: r.acid[50],
+      backgroundColor: e.acid[50],
       // Comprobado
-      backgroundHover: r.acid[10],
+      backgroundHover: e.acid[10],
       // Comprobado
-      backgroundActive: r.acid[30],
+      backgroundActive: e.acid[30],
       // Comprobado
       /* tono */
       colorTone: o.acidGreen[80],
@@ -192,11 +192,11 @@ const c = {
       /* opacidad */
       color: o.acidGreen[80],
       // Comprobado
-      backgroundColor: r.acid[20],
+      backgroundColor: e.acid[20],
       // Comprobado
-      backgroundHover: r.acid[40],
+      backgroundHover: e.acid[40],
       // Comprobado
-      backgroundActive: r.acid[60],
+      backgroundActive: e.acid[60],
       // Comprobado
       /* tono */
       colorTone: o.acidGreen[5],
@@ -214,11 +214,11 @@ const c = {
       /* opacidad */
       color: o.forest[60],
       // Comprobado
-      backgroundColor: r.forest[50],
+      backgroundColor: e.forest[50],
       // Comprobado
-      backgroundHover: r.forest[30],
+      backgroundHover: e.forest[30],
       // Comprobado
-      backgroundActive: r.forest[40],
+      backgroundActive: e.forest[40],
       // Comprobado
       /* tono */
       colorTone: o.forest[60],
@@ -234,11 +234,11 @@ const c = {
       /* opacidad */
       color: o.forest[80],
       // Comprobado
-      backgroundColor: r.forest[20],
+      backgroundColor: e.forest[20],
       // Comprobado
-      backgroundHover: r.forest[30],
+      backgroundHover: e.forest[30],
       // Comprobado
-      backgroundActive: r.forest[40],
+      backgroundActive: e.forest[40],
       // Comprobado
       /* tono */
       colorTone: o.forest[10],
@@ -256,11 +256,11 @@ const c = {
       /* opacidad */
       color: o.crayonBlue[70],
       // Comprobado
-      backgroundColor: r.crayon[60],
+      backgroundColor: e.crayon[60],
       // Comprobado
-      backgroundHover: r.crayon[10],
+      backgroundHover: e.crayon[10],
       // Comprobado
-      backgroundActive: r.crayon[30],
+      backgroundActive: e.crayon[30],
       // Comprobado
       /* tono */
       colorTone: o.crayonBlue[70],
@@ -276,11 +276,11 @@ const c = {
       /* opacidad */
       color: o.crayonBlue[80],
       // Comprobado
-      backgroundColor: r.crayon[20],
+      backgroundColor: e.crayon[20],
       // Comprobado
-      backgroundHover: r.crayon[40],
+      backgroundHover: e.crayon[40],
       // Comprobado
-      backgroundActive: r.crayon[60],
+      backgroundActive: e.crayon[60],
       // Comprobado
       /* tono */
       colorTone: o.crayonBlue[5],
@@ -298,11 +298,11 @@ const c = {
       /* opacidad */
       color: o.pink[70],
       // Comprobado
-      backgroundColor: r.pink[50],
+      backgroundColor: e.pink[50],
       // Comprobado
-      backgroundHover: r.pink[30],
+      backgroundHover: e.pink[30],
       // Comprobado
-      backgroundActive: r.pink[40],
+      backgroundActive: e.pink[40],
       // Comprobado
       /* tono */
       colorTone: o.pink[70],
@@ -318,11 +318,11 @@ const c = {
       /* opacidad */
       color: o.pink[80],
       // Comprobado
-      backgroundColor: r.pink[20],
+      backgroundColor: e.pink[20],
       // Comprobado
-      backgroundHover: r.pink[30],
+      backgroundHover: e.pink[30],
       // Comprobado
-      backgroundActive: r.pink[40],
+      backgroundActive: e.pink[40],
       // Comprobado
       /* tono */
       colorTone: o.pink[5],
@@ -340,11 +340,11 @@ const c = {
       /* opacidad */
       color: o.orange[60],
       // Comprobado
-      backgroundColor: r.orange[50],
+      backgroundColor: e.orange[50],
       // Comprobado
-      backgroundHover: r.orange[30],
+      backgroundHover: e.orange[30],
       // Comprobado
-      backgroundActive: r.orange[40],
+      backgroundActive: e.orange[40],
       // Comprobado
       /* tono */
       colorTone: o.orange[60],
@@ -360,11 +360,11 @@ const c = {
       /* opacidad */
       color: o.orange[70],
       // Comprobado
-      backgroundColor: r.orange[20],
+      backgroundColor: e.orange[20],
       // Comprobado
-      backgroundHover: r.orange[30],
+      backgroundHover: e.orange[30],
       // Comprobado
-      backgroundActive: r.orange[40],
+      backgroundActive: e.orange[40],
       // Comprobado
       /* tono */
       colorTone: o.orange[5],
@@ -382,11 +382,11 @@ const c = {
       /* opacidad */
       color: o.candy[60],
       // Comprobado
-      backgroundColor: r.candy[50],
+      backgroundColor: e.candy[50],
       // Comprobado
-      backgroundHover: r.candy[30],
+      backgroundHover: e.candy[30],
       // Comprobado
-      backgroundActive: r.candy[40],
+      backgroundActive: e.candy[40],
       // Comprobado
       /* tono */
       colorTone: o.candy[60],
@@ -402,11 +402,11 @@ const c = {
       /* opacidad */
       color: o.candy[80],
       // Comprobado
-      backgroundColor: r.candy[20],
+      backgroundColor: e.candy[20],
       // Comprobado
-      backgroundHover: r.candy[30],
+      backgroundHover: e.candy[30],
       // Comprobado
-      backgroundActive: r.candy[40],
+      backgroundActive: e.candy[40],
       // Comprobado
       /* tono */
       colorTone: o.candy[5],
@@ -424,11 +424,11 @@ const c = {
       /* opacidad */
       color: o.persianGreen[60],
       // Comprobado
-      backgroundColor: r.persianGreen[50],
+      backgroundColor: e.persianGreen[50],
       // Comprobado
-      backgroundHover: r.persianGreen[30],
+      backgroundHover: e.persianGreen[30],
       // Comprobado
-      backgroundActive: r.persianGreen[40],
+      backgroundActive: e.persianGreen[40],
       // Comprobado
       /* tono */
       colorTone: o.persianGreen[70],
@@ -444,11 +444,11 @@ const c = {
       /* opacidad */
       color: o.persianGreen[80],
       // Comprobado
-      backgroundColor: r.persianGreen[20],
+      backgroundColor: e.persianGreen[20],
       // Comprobado
-      backgroundHover: r.persianGreen[30],
+      backgroundHover: e.persianGreen[30],
       // Comprobado
-      backgroundActive: r.persianGreen[40],
+      backgroundActive: e.persianGreen[40],
       // Comprobado
       /* tono */
       colorTone: o.persianGreen[5],
@@ -466,11 +466,11 @@ const c = {
       /* opacidad */
       color: o.aqua[60],
       // Comprobado
-      backgroundColor: r.aqua[50],
+      backgroundColor: e.aqua[50],
       // Comprobado
-      backgroundHover: r.aqua[30],
+      backgroundHover: e.aqua[30],
       // Comprobado
-      backgroundActive: r.aqua[40],
+      backgroundActive: e.aqua[40],
       // Comprobado
       /* tono */
       colorTone: o.aqua[60],
@@ -486,11 +486,11 @@ const c = {
       /* opacidad */
       color: o.aqua[60],
       // Comprobado
-      backgroundColor: r.aqua[20],
+      backgroundColor: e.aqua[20],
       // Comprobado
-      backgroundHover: r.aqua[30],
+      backgroundHover: e.aqua[30],
       // Comprobado
-      backgroundActive: r.aqua[40],
+      backgroundActive: e.aqua[40],
       // Comprobado
       /* tono */
       colorTone: o.aqua[10],
@@ -502,6 +502,48 @@ const c = {
       backgroundActiveTone: o.aqua[60]
       // Comprobado
     }
+  },
+  sheetGreen: {
+    outlined: {
+      /* opacidad */
+      color: o.sheetGreen[50],
+      // Comprobado
+      backgroundColor: e.sheetGreen[50],
+      // Comprobado
+      backgroundHover: e.sheetGreen[10],
+      // Comprobado
+      backgroundActive: e.sheetGreen[30],
+      // Comprobado
+      /* tono */
+      colorTone: o.sheetGreen[50],
+      // Comprobado
+      backgroundColorTone: o.sheetGreen[40],
+      // Comprobado
+      backgroundHoverTone: o.sheetGreen[10],
+      // Comprobado
+      backgroundActiveTone: o.sheetGreen[20]
+      // Comprobado
+    },
+    contained: {
+      /* opacidad */
+      color: o.sheetGreen[80],
+      // Comprobado
+      backgroundColor: e.sheetGreen[20],
+      // Comprobado
+      backgroundHover: e.sheetGreen[30],
+      // Comprobado
+      backgroundActive: e.sheetGreen[40],
+      // Comprobado
+      /* tono */
+      colorTone: o.sheetGreen[5],
+      // Comprobado
+      backgroundColorTone: o.sheetGreen[50],
+      // Comprobado
+      backgroundHoverTone: o.sheetGreen[40],
+      // Comprobado
+      backgroundActiveTone: o.sheetGreen[70]
+      // Comprobado
+    }
   }
 }, a = {
   default: {
@@ -509,11 +551,11 @@ const c = {
       /* opacidad */
       color: o.coolGrey[20],
       // Comprobado
-      backgroundColor: r.mint[40],
+      backgroundColor: e.mint[40],
       // Comprobado
-      backgroundHover: r.mint[10],
+      backgroundHover: e.mint[10],
       // Comprobado
-      backgroundActive: r.mint[30],
+      backgroundActive: e.mint[30],
       // Comprobado
       /* Tone */
       colorTone: o.coolGrey[20],
@@ -529,11 +571,11 @@ const c = {
       /* opacidad */
       color: o.coolGrey[20],
       // Comprobado
-      backgroundColor: r.mint[10],
+      backgroundColor: e.mint[10],
       // Comprobado
-      backgroundHover: r.mint[20],
+      backgroundHover: e.mint[20],
       // Comprobado
-      backgroundActive: r.mint[30],
+      backgroundActive: e.mint[30],
       // Comprobado
       /* Tono */
       colorTone: o.oxford[20],
@@ -551,11 +593,11 @@ const c = {
       /* opacidad */
       color: o.coolGrey[40],
       // Comprobado
-      backgroundColor: r.cool[50],
+      backgroundColor: e.cool[50],
       // Comprobado
-      backgroundHover: r.mint[20],
+      backgroundHover: e.mint[20],
       // Comprobado
-      backgroundActive: r.cool[60],
+      backgroundActive: e.cool[60],
       // Comprobado
       /* tono */
       colorTone: o.coolGrey[40],
@@ -571,11 +613,11 @@ const c = {
       /* opacidad */
       color: o.coolGrey[30],
       // Comprobado
-      backgroundColor: r.oxford[10],
+      backgroundColor: e.oxford[10],
       // Comprobado
-      backgroundHover: r.mint[30],
+      backgroundHover: e.mint[30],
       // Comprobado
-      backgroundActive: r.mint[50],
+      backgroundActive: e.mint[50],
       // Comprobado
       /* tono */
       colorTone: o.coolGrey[40],
@@ -593,11 +635,11 @@ const c = {
       /* opacidad */
       color: o.middleYellow[50],
       // Comprobado
-      backgroundColor: r.middle[40],
+      backgroundColor: e.middle[40],
       // Comprobado
-      backgroundHover: r.middle[10],
+      backgroundHover: e.middle[10],
       // Comprobado
-      backgroundActive: r.middle[30],
+      backgroundActive: e.middle[30],
       // Comprobado
       /* tono */
       colorTone: o.middleYellow[50],
@@ -613,11 +655,11 @@ const c = {
       /* opacidad */
       color: o.middleYellow[40],
       // Comprobado
-      backgroundColor: r.middle[10],
+      backgroundColor: e.middle[10],
       // Comprobado
-      backgroundHover: r.middle[30],
+      backgroundHover: e.middle[30],
       // Comprobado
-      backgroundActive: r.middle[40],
+      backgroundActive: e.middle[40],
       // Comprobado
       /* tono */
       colorTone: o.middleYellow[95],
@@ -635,11 +677,11 @@ const c = {
       /* opacidad */
       color: o.flameRed[30],
       // Comprobado
-      backgroundColor: r.flame[50],
+      backgroundColor: e.flame[50],
       // Comprobado
-      backgroundHover: r.flame[10],
+      backgroundHover: e.flame[10],
       // Comprobado
-      backgroundActive: r.flame[30],
+      backgroundActive: e.flame[30],
       // Comprobado
       /* tono */
       colorTone: o.flameRed[30],
@@ -655,11 +697,11 @@ const c = {
       /* opacidad */
       color: o.flameRed[30],
       // Comprobado
-      backgroundColor: r.flame[30],
+      backgroundColor: e.flame[30],
       // Comprobado
-      backgroundHover: r.flame[40],
+      backgroundHover: e.flame[40],
       // Comprobado
-      backgroundActive: r.flame[50],
+      backgroundActive: e.flame[50],
       // Comprobado
       /* tono */
       colorTone: o.flameRed[5],
@@ -677,11 +719,11 @@ const c = {
       /* opacidad */
       color: o.acidGreen[40],
       // Comprobado
-      backgroundColor: r.acid[30],
+      backgroundColor: e.acid[30],
       // Comprobado
-      backgroundHover: r.acid[10],
+      backgroundHover: e.acid[10],
       // Comprobado
-      backgroundActive: r.acid[50],
+      backgroundActive: e.acid[50],
       // Comprobado
       /* tono */
       colorTone: o.acidGreen[40],
@@ -697,11 +739,11 @@ const c = {
       /* opacidad */
       color: o.acidGreen[20],
       // Comprobado
-      backgroundColor: r.acid[20],
+      backgroundColor: e.acid[20],
       // Comprobado
-      backgroundHover: r.acid[40],
+      backgroundHover: e.acid[40],
       // Comprobado
-      backgroundActive: r.acid[70],
+      backgroundActive: e.acid[70],
       // Comprobado
       /* tono */
       colorTone: o.acidGreen[90],
@@ -719,11 +761,11 @@ const c = {
       /* opacidad */
       color: o.forest[40],
       // Comprobado
-      backgroundColor: r.forest[50],
+      backgroundColor: e.forest[50],
       // Comprobado
-      backgroundHover: r.forest[20],
+      backgroundHover: e.forest[20],
       // Comprobado
-      backgroundActive: r.forest[40],
+      backgroundActive: e.forest[40],
       // Comprobado
       /* tono */
       colorTone: o.forest[20],
@@ -739,11 +781,11 @@ const c = {
       /* opacidad */
       color: o.forest[30],
       // Comprobado
-      backgroundColor: r.forest[20],
+      backgroundColor: e.forest[20],
       // Comprobado
-      backgroundHover: r.forest[30],
+      backgroundHover: e.forest[30],
       // Comprobado
-      backgroundActive: r.forest[40],
+      backgroundActive: e.forest[40],
       // Comprobado
       /* tono */
       colorTone: o.forest[10],
@@ -761,11 +803,11 @@ const c = {
       /* opacidad */
       color: o.crayonBlue[40],
       // Comprobado
-      backgroundColor: r.crayon[50],
+      backgroundColor: e.crayon[50],
       // Comprobado
-      backgroundHover: r.crayon[20],
+      backgroundHover: e.crayon[20],
       // Comprobado
-      backgroundActive: r.crayon[40],
+      backgroundActive: e.crayon[40],
       // Comprobado
       /* tono */
       colorTone: o.crayonBlue[40],
@@ -781,11 +823,11 @@ const c = {
       /* opacidad */
       color: o.crayonBlue[20],
       // Comprobado
-      backgroundColor: r.crayon[30],
+      backgroundColor: e.crayon[30],
       // Comprobado
-      backgroundHover: r.crayon[40],
+      backgroundHover: e.crayon[40],
       // Comprobado
-      backgroundActive: r.crayon[60],
+      backgroundActive: e.crayon[60],
       // Comprobado
       /* tono */
       colorTone: o.crayonBlue[5],
@@ -803,11 +845,11 @@ const c = {
       /* opacidad */
       color: o.pink[40],
       // Comprobado
-      backgroundColor: r.pink[50],
+      backgroundColor: e.pink[50],
       // Comprobado
-      backgroundHover: r.pink[20],
+      backgroundHover: e.pink[20],
       // Comprobado
-      backgroundActive: r.pink[40],
+      backgroundActive: e.pink[40],
       // Comprobado
       /* tono */
       colorTone: o.pink[10],
@@ -823,11 +865,11 @@ const c = {
       /* opacidad */
       color: o.pink[30],
       // Comprobado
-      backgroundColor: r.pink[20],
+      backgroundColor: e.pink[20],
       // Comprobado
-      backgroundHover: r.pink[30],
+      backgroundHover: e.pink[30],
       // Comprobado
-      backgroundActive: r.pink[40],
+      backgroundActive: e.pink[40],
       // Comprobado
       /* tono */
       colorTone: o.pink[10],
@@ -845,11 +887,11 @@ const c = {
       /* opacidad */
       color: o.orange[40],
       // Comprobado
-      backgroundColor: r.orange[50],
+      backgroundColor: e.orange[50],
       // Comprobado
-      backgroundHover: r.orange[20],
+      backgroundHover: e.orange[20],
       // Comprobado
-      backgroundActive: r.orange[40],
+      backgroundActive: e.orange[40],
       // Comprobado
       /* tono */
       colorTone: o.orange[5],
@@ -865,11 +907,11 @@ const c = {
       /* opacidad */
       color: o.orange[30],
       // Comprobado
-      backgroundColor: r.orange[20],
+      backgroundColor: e.orange[20],
       // Comprobado
-      backgroundHover: r.orange[30],
+      backgroundHover: e.orange[30],
       // Comprobado
-      backgroundActive: r.orange[40],
+      backgroundActive: e.orange[40],
       // Comprobado
       /* tono */
       colorTone: o.orange[5],
@@ -887,11 +929,11 @@ const c = {
       /* opacidad */
       color: o.candy[30],
       // Comprobado
-      backgroundColor: r.candy[50],
+      backgroundColor: e.candy[50],
       // Comprobado
-      backgroundHover: r.candy[20],
+      backgroundHover: e.candy[20],
       // Comprobado
-      backgroundActive: r.candy[40],
+      backgroundActive: e.candy[40],
       // Comprobado
       /* tono */
       colorTone: o.candy[10],
@@ -907,11 +949,11 @@ const c = {
       /* opacidad */
       color: o.candy[30],
       // Comprobado
-      backgroundColor: r.candy[20],
+      backgroundColor: e.candy[20],
       // Comprobado
-      backgroundHover: r.candy[30],
+      backgroundHover: e.candy[30],
       // Comprobado
-      backgroundActive: r.candy[40],
+      backgroundActive: e.candy[40],
       // Comprobado
       /* tono */
       colorTone: o.candy[10],
@@ -929,11 +971,11 @@ const c = {
       /* opacidad */
       color: o.persianGreen[40],
       // Comprobado
-      backgroundColor: r.persianGreen[50],
+      backgroundColor: e.persianGreen[50],
       // Comprobado
-      backgroundHover: r.persianGreen[20],
+      backgroundHover: e.persianGreen[20],
       // Comprobado
-      backgroundActive: r.persianGreen[40],
+      backgroundActive: e.persianGreen[40],
       // Comprobado
       /* tono */
       colorTone: o.persianGreen[10],
@@ -949,11 +991,11 @@ const c = {
       /* opacidad */
       color: o.persianGreen[30],
       // Comprobado
-      backgroundColor: r.persianGreen[20],
+      backgroundColor: e.persianGreen[20],
       // Comprobado
-      backgroundHover: r.persianGreen[30],
+      backgroundHover: e.persianGreen[30],
       // Comprobado
-      backgroundActive: r.persianGreen[40],
+      backgroundActive: e.persianGreen[40],
       // Comprobado
       /* tono */
       colorTone: o.persianGreen[10],
@@ -971,11 +1013,11 @@ const c = {
       /* opacidad */
       color: o.aqua[40],
       // Comprobado
-      backgroundColor: r.aqua[50],
+      backgroundColor: e.aqua[50],
       // Comprobado
-      backgroundHover: r.aqua[20],
+      backgroundHover: e.aqua[20],
       // Comprobado
-      backgroundActive: r.aqua[40],
+      backgroundActive: e.aqua[40],
       // Comprobado
       /* tono */
       colorTone: o.aqua[30],
@@ -991,11 +1033,11 @@ const c = {
       /* opacidad */
       color: o.aqua[30],
       // Comprobado
-      backgroundColor: r.aqua[20],
+      backgroundColor: e.aqua[20],
       // Comprobado
-      backgroundHover: r.aqua[30],
+      backgroundHover: e.aqua[30],
       // Comprobado
-      backgroundActive: r.aqua[40],
+      backgroundActive: e.aqua[40],
       // Comprobado
       /* tono */
       colorTone: o.aqua[10],
@@ -1007,6 +1049,48 @@ const c = {
       backgroundActiveTone: o.aqua[80]
       // Comprobado
     }
+  },
+  sheetGreen: {
+    outlined: {
+      /* opacidad */
+      color: o.sheetGreen[30],
+      // Comprobado
+      backgroundColor: e.sheetGreen[50],
+      // Comprobado
+      backgroundHover: e.sheetGreen[10],
+      // Comprobado
+      backgroundActive: e.sheetGreen[40],
+      // Comprobado
+      /* tono */
+      colorTone: o.sheetGreen[20],
+      // Comprobado
+      backgroundColorTone: o.sheetGreen[60],
+      // Comprobado
+      backgroundHoverTone: o.sheetGreen[50],
+      // Comprobado
+      backgroundActiveTone: o.sheetGreen[60]
+      // Comprobado
+    },
+    contained: {
+      /* opacidad */
+      color: o.sheetGreen[30],
+      // Comprobado
+      backgroundColor: e.sheetGreen[20],
+      // Comprobado
+      backgroundHover: e.sheetGreen[30],
+      // Comprobado
+      backgroundActive: e.sheetGreen[40],
+      // Comprobado
+      /* tono */
+      colorTone: o.sheetGreen[5],
+      // Comprobado
+      backgroundColorTone: o.sheetGreen[50],
+      // Comprobado
+      backgroundHoverTone: o.sheetGreen[50],
+      // Comprobado
+      backgroundActiveTone: o.sheetGreen[60]
+      // Comprobado
+    }
   }
 };
 export {

package/theme/palette/baseColors.js

@@ -502,6 +502,30 @@ const F = {
     // Comprobado
     95: ""
     // No aplica
+  },
+  sheetGreen: {
+    5: "#E5FFEC",
+    // Comprobado
+    10: "#A9EFB9",
+    // Comprobado
+    20: "#6FCD82",
+    // Comprobado
+    30: "#64BA76",
+    // Comprobado
+    40: "#4FB063",
+    // Comprobado
+    50: "#2E8A42",
+    // Comprobado
+    60: "#107B31",
+    // Comprobado
+    70: "#006C21",
+    // Comprobado
+    80: "#005D0F",
+    // Comprobado
+    90: "#004E00",
+    // Comprobado
+    95: "#002900"
+    // Comprobado
   }
 };
 export {

package/theme/palette/baseOpacityColors.js

@@ -1,6 +1,6 @@
 import { alpha as e } from "@mui/material/styles";
 import { B as r } from "./baseColors.js";
-const n = {
+const o = {
   patronus: {
     5: e(r.patronusBlue[50], 0.04),
     10: e(r.patronusBlue[50], 0.08),
@@ -212,8 +212,18 @@ const n = {
     50: e(r.aqua[50], 0.48),
     60: e(r.aqua[50], 0.6),
     70: e(r.aqua[50], 0.72)
+  },
+  sheetGreen: {
+    5: e(r.sheetGreen[50], 0.06),
+    10: e(r.sheetGreen[50], 0.08),
+    20: e(r.sheetGreen[50], 0.12),
+    30: e(r.sheetGreen[50], 0.16),
+    40: e(r.sheetGreen[50], 0.32),
+    50: e(r.sheetGreen[50], 0.48),
+    60: e(r.sheetGreen[50], 0.6),
+    70: e(r.sheetGreen[50], 0.72)
   }
 };
 export {
-  n as B
+  o as B
 };

package/theme/shadows.d.ts

@@ -4,6 +4,7 @@ export interface CustomShadowOptions {
     z2: string;
     z3: string;
     z4: string;
+    z5: string;
     primary?: string;
     primary2?: string;
     secondary: string;

package/theme/shadows.js

@@ -1,10 +1,10 @@
 import { alpha as p } from "@mui/material/styles";
-import { G as r } from "./palette/greyPalette.js";
+import { G as t } from "./palette/greyPalette.js";
 import { C as s } from "./palette/commonColors.js";
-import { B as o } from "./palette/baseColors.js";
-import { B as e } from "./palette/baseOpacityColors.js";
-const i = r[500], d = "#000000", a = (t) => {
-  const x = p(t, 0.2), $ = p(t, 0.14), n = p(t, 0.12);
+import { B as e } from "./palette/baseColors.js";
+import { B as o } from "./palette/baseOpacityColors.js";
+const i = t[500], d = "#000000", a = (r) => {
+  const x = p(r, 0.2), $ = p(r, 0.14), n = p(r, 0.12);
   return [
     "none",
     `0px 2px 1px -1px ${x},0px 1px 1px 0px ${$},0px 1px 3px 0px ${n}`,
@@ -32,48 +32,50 @@ const i = r[500], d = "#000000", a = (t) => {
     `0px 11px 14px -7px ${x},0px 23px 36px 3px ${$},0px 9px 44px 8px ${n}`,
     `0px 11px 15px -7px ${x},0px 24px 38px 3px ${$},0px 9px 46px 8px ${n}`
   ];
-}, h = (t) => {
+}, m = (r) => {
   const x = {
-    info: `0px 2px 8px 0px ${p(o.patronusBlue[50], 0.2)}`,
-    secondary: `0px 2px 8px 0px ${p(o.patronusBlue[50], 0.24)}`,
-    success: `0px 2px 8px 0px ${p(o.acidGreen[50], 0.2)}`,
-    warning: `0px 2px 8px 0px ${p(o.middleYellow[50], 0.2)}`,
-    error: `0px 2px 8px 0px ${p(o.flameRed[50], 0.2)}`,
+    info: `0px 2px 8px 0px ${p(e.patronusBlue[50], 0.2)}`,
+    secondary: `0px 2px 8px 0px ${p(e.patronusBlue[50], 0.24)}`,
+    success: `0px 2px 8px 0px ${p(e.acidGreen[50], 0.2)}`,
+    warning: `0px 2px 8px 0px ${p(e.middleYellow[50], 0.2)}`,
+    error: `0px 2px 8px 0px ${p(e.flameRed[50], 0.2)}`,
     //
-    card: `0 0 2px 0 ${p(r[500], 0.2)}, 0 12px 24px -4px ${p(
-      r[500],
+    card: `0 0 2px 0 ${p(t[500], 0.2)}, 0 12px 24px -4px ${p(
+      t[500],
       0.12
     )}`,
     dialog: `-40px 40px 80px -8px ${p(s.black, 0.24)}`,
-    dropdown: `0 0 2px 0 ${p(r[500], 0.24)}, -20px 20px 40px -4px ${p(
-      r[500],
+    dropdown: `0 0 2px 0 ${p(t[500], 0.24)}, -20px 20px 40px -4px ${p(
+      t[500],
       0.24
     )}`
   };
-  return t === "light" ? {
+  return r === "light" ? {
     z1: `0px 2px 3px -2px ${p("#606f85", 0.08)}, 0px 2px 8px 0px ${p("#606f85", 0.08)}`,
     z2: `0px 4px 10px -5px ${p("#566376", 0.12)}, 0px 4px 20px -2px ${p("#566376", 0.12)}`,
     z3: `0px 4px 8px -5px  ${p("#404A59", 0.16)}, 0px 8px 30px -1px ${p("#566376", 0.12)}`,
     z4: `0px 10px 24px -10px  ${p("#404A59", 0.16)}, 0px 20px 60px 1px ${p("#566376", 0.12)}`,
-    innerShadowContainer: `2px 2px 4px 1px ${p(e.onyx[80] || "#1C2121", 0.6)} inset`,
-    innerShadowOutlinedText: `2px 2px 6px 2px ${p(e.onyx[80] || "#1C2121", 0.48)} inset`,
-    innerShadowText: `2px 2px 4px 2px ${p(e.onyx[80] || "#1C2121", 0.16)} inset`,
+    z5: "box-shadow: 0 6px 14px -4px rgba(35, 40, 46, 0.13), 0 4px 40px -4px rgba(45, 54, 65, 0.12);",
+    innerShadowContainer: `2px 2px 4px 1px ${p(o.onyx[80] || "#1C2121", 0.6)} inset`,
+    innerShadowOutlinedText: `2px 2px 6px 2px ${p(o.onyx[80] || "#1C2121", 0.48)} inset`,
+    innerShadowText: `2px 2px 4px 2px ${p(o.onyx[80] || "#1C2121", 0.16)} inset`,
     ...x
   } : {
     z1: `0px 2px 3px -2px ${p("#090c0c", 0.4)}, 0px 2px 12px 0px ${p("#090c0c", 0.4)}`,
     z2: `0px 4px 10px -5px ${p("#111818", 0.84)}, 0px 4px 20px -2px ${p("#111818", 0.56)}`,
     z3: `0px 4px 8px -5px  ${p("#111818", 0.84)}, 0px 8px 30px -1px ${p("#111818", 0.56)}`,
     z4: `0px 10px 24px -10px  ${p("#111818", 0.84)}, 0px 20px 60px 1px ${p("#111818", 0.56)}`,
-    innerShadowContainer: `3px 3px 4px 1px ${p(e.onyx[80] || "#1C2121", 0.72)} inset`,
-    innerShadowOutlinedText: `3px 3px 6px 2px ${p(e.onyx[80] || "#1C2121", 0.72)} inset`,
-    innerShadowText: `2px 2px 4px 2px ${p(e.onyx[80] || "#1C2121", 0.72)} inset`,
+    z5: "box-shadow: 0 6px 14px -4px rgba(35, 40, 46, 0.13), 0 4px 40px -4px rgba(45, 54, 65, 0.12);",
+    innerShadowContainer: `3px 3px 4px 1px ${p(o.onyx[80] || "#1C2121", 0.72)} inset`,
+    innerShadowOutlinedText: `3px 3px 6px 2px ${p(o.onyx[80] || "#1C2121", 0.72)} inset`,
+    innerShadowText: `2px 2px 4px 2px ${p(o.onyx[80] || "#1C2121", 0.72)} inset`,
     ...x
   };
-}, l = {
+}, S = {
   light: a(i),
   dark: a(d)
 };
 export {
-  h as c,
-  l as s
+  m as c,
+  S as s
 };

package/theme/sizes/BaseDensity.d.ts

@@ -0,0 +1,2 @@
+import { Density } from './types';
+export declare const DENSITY: Density;

package/theme/sizes/BaseDensity.js

@@ -0,0 +1,9 @@
+const a = {
+  extraCompact: "4px",
+  compact: "8px",
+  standard: "16px",
+  comfortable: "26px"
+};
+export {
+  a as D
+};

package/theme/sizes/size.js

@@ -1,26 +1,30 @@
 import { T as o } from "../typography/typography.js";
-import { B as r } from "./baseBorder.js";
-import { B as S } from "./baseBorderRadius.js";
+import { D as r } from "./BaseDensity.js";
+import { B as S } from "./baseBorder.js";
+import { B as s } from "./baseBorderRadius.js";
 import { B as E } from "./baseSizes.js";
-import { a, P as s } from "./pointerQr.js";
-const B = {
+import { a, P as m } from "./pointerQr.js";
+const I = {
   desktop: {
-    ...s
+    ...m
   },
   mobile: {
     ...a
   },
   borderRadius: {
-    ...S
+    ...s
   },
   typography: o,
   borderStroke: {
-    ...r
+    ...S
   },
   baseSpacings: {
     ...E
+  },
+  density: {
+    ...r
   }
 };
 export {
-  B as S
+  I as S
 };

package/theme/sizes/types.d.ts

@@ -8,6 +8,15 @@ export interface BaseBorderRadius {
     r3: string;
     r4: string;
 }
+/**
+ * Conjunto de valores predeterminados utilizados para definir la densidad en los componentes de la aplicación web.
+ */
+export interface Density {
+    extraCompact: string;
+    compact: string;
+    standard: string;
+    comfortable: string;
+}
 /**
  * Conjunto de valores predeterminados utilizados para definir el tamaño y espaciados en los componentes de la aplicación web.
  */
@@ -78,4 +87,5 @@ export interface Size {
     typography: Typography;
     borderStroke: BaseBorderStroke;
     baseSpacings: BaseSpacings;
+    density: Density;
 }

package/types/types.d.ts

@@ -15,8 +15,8 @@ export type SemanticColorOptionsType = 'info' | 'success' | 'warning' | 'error';
  * Son los conjuntos de colores que se pueden usar en los componentes y corresponde al tipo PaletteColor
  */
 export type ComponentPalletColor = 'primary' | 'default' | SemanticColorOptionsType;
-export type BasePalettes = 'patronusBlue' | 'crayonBlue' | 'middleYellow' | 'acidGreen' | 'grassGreen' | 'forest' | 'desertBeige' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'brown' | 'marbleLight' | 'onyx' | 'mint' | 'oxford' | 'pink' | 'orange' | 'candy' | 'persianGreen' | 'aqua';
-export type BaseOpacityPalettes = 'patronus' | 'turqui' | 'grass' | 'brown' | 'beige' | 'blaze' | 'cool' | 'marble' | 'mint' | 'onyx' | 'oxford' | 'middle' | 'acid' | 'forest' | 'flame' | 'crayon' | 'pink' | 'orange' | 'candy' | 'persianGreen' | 'aqua';
+export type BasePalettes = 'patronusBlue' | 'crayonBlue' | 'middleYellow' | 'acidGreen' | 'grassGreen' | 'forest' | 'desertBeige' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'brown' | 'marbleLight' | 'onyx' | 'mint' | 'oxford' | 'pink' | 'orange' | 'candy' | 'persianGreen' | 'aqua' | 'sheetGreen';
+export type BaseOpacityPalettes = 'patronus' | 'turqui' | 'grass' | 'brown' | 'beige' | 'blaze' | 'cool' | 'marble' | 'mint' | 'onyx' | 'oxford' | 'middle' | 'acid' | 'forest' | 'flame' | 'crayon' | 'pink' | 'orange' | 'candy' | 'persianGreen' | 'aqua' | 'sheetGreen';
 export interface Colors {
     /**
      * ToneOpacity se usa para colorear el fondo de los celdas en el compksonente grid.
@@ -156,7 +156,7 @@ export interface ChipColor {
 /**
  * Lista de opciones de colores para pintar los chips
  */
-export type ChipColorOptions = 'default' | 'disabled' | 'warning' | 'error' | 'success' | 'forest' | 'info' | 'primary' | 'pink' | 'orange' | 'candy' | 'persianGreen' | 'aqua';
+export type ChipColorOptions = 'default' | 'disabled' | 'warning' | 'error' | 'success' | 'forest' | 'info' | 'primary' | 'pink' | 'orange' | 'candy' | 'persianGreen' | 'aqua' | 'sheetGreen';
 /**
  * Representa la definición de la lista de colores para usarse en los chips. Son los colores con los que se van a pintar el componente chip.
  */

package/utils/getPaletteByPreset.d.ts

@@ -78,6 +78,7 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly candy: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
             readonly persianGreen: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
             readonly aqua: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
+            readonly sheetGreen: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
             readonly disabled: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
             readonly primary: {
                 readonly outlined: {
@@ -283,6 +284,7 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly candy: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
             readonly persianGreen: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
             readonly aqua: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
+            readonly sheetGreen: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
             readonly disabled: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
             readonly primary: {
                 readonly outlined: {