@telefonica/mistica 16.36.1 → 16.37.1

package/dist/select.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     arrowDown: function() {
-        return f;
+        return i;
     },
     iconContainer: function() {
         return y;
@@ -31,7 +31,7 @@ _export(exports, {
         return p;
     },
     selectTextVariants: function() {
-        return l;
+        return m;
     },
     selectVariants: function() {
         return e;
@@ -44,22 +44,22 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
 require("./select.css.ts.vanilla.css-mistica.js");
-var f = "v16_36_1_1sqpivvo v16_36_1_1y2v1nfin", y = "v16_36_1_1sqpivvp", a = "v16_36_1_1sqpivvr v16_36_1_1y2v1nfbi v16_36_1_1y2v1nfcr v16_36_1_1y2v1nf8u v16_36_1_1y2v1nfa3 v16_36_1_1y2v1nf2c v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nflt", s = "v16_36_1_1y2v1nf4q", r = {
-    show: "v16_36_1_1sqpivv7",
-    hide: "v16_36_1_1sqpivv8"
-}, t = "v16_36_1_1sqpivv6 v16_36_1_1y2v1nf8l v16_36_1_1y2v1nf9u v16_36_1_1y2v1nfb3 v16_36_1_1y2v1nfcc v16_36_1_1y2v1nfio v16_36_1_1y2v1nflj v16_36_1_1y2v1nf4c", p = {
-    default: "v16_36_1_1sqpivvd v16_36_1_1sqpivvc v16_36_1_1y2v1nfim v16_36_1_1y2v1nflt",
-    fullWidth: "v16_36_1_1sqpivve v16_36_1_1sqpivvc v16_36_1_1y2v1nfim v16_36_1_1y2v1nflt"
-}, l = {
-    default: "v16_36_1_1sqpivvl v16_36_1_1sqpivvk v16_36_1_1y2v1nfin v16_36_1_1y2v1nflu v16_36_1_1y2v1nfl7 v16_36_1_1y2v1nf2c",
-    disabled: "v16_36_1_1sqpivvm v16_36_1_1sqpivvk v16_36_1_1y2v1nfin v16_36_1_1y2v1nflu v16_36_1_1y2v1nfl7 v16_36_1_1y2v1nf2c"
+var i = "v16_37_1_1sqpivvo v16_37_1_1y2v1nfjn", y = "v16_37_1_1sqpivvp", a = "v16_37_1_1sqpivvr v16_37_1_1y2v1nfci v16_37_1_1y2v1nfdr v16_37_1_1y2v1nf9u v16_37_1_1y2v1nfb3 v16_37_1_1y2v1nf2n v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfk7 v16_37_1_1y2v1nfmt", s = "v16_37_1_1y2v1nf58", r = {
+    show: "v16_37_1_1sqpivv7",
+    hide: "v16_37_1_1sqpivv8"
+}, t = "v16_37_1_1sqpivv6 v16_37_1_1y2v1nf9l v16_37_1_1y2v1nfau v16_37_1_1y2v1nfc3 v16_37_1_1y2v1nfdc v16_37_1_1y2v1nfjo v16_37_1_1y2v1nfmj v16_37_1_1y2v1nf4u", p = {
+    default: "v16_37_1_1sqpivvd v16_37_1_1sqpivvc v16_37_1_1y2v1nfjm v16_37_1_1y2v1nfmt",
+    fullWidth: "v16_37_1_1sqpivve v16_37_1_1sqpivvc v16_37_1_1y2v1nfjm v16_37_1_1y2v1nfmt"
+}, m = {
+    default: "v16_37_1_1sqpivvl v16_37_1_1sqpivvk v16_37_1_1y2v1nfjn v16_37_1_1y2v1nfmu v16_37_1_1y2v1nfm7 v16_37_1_1y2v1nf2n",
+    disabled: "v16_37_1_1sqpivvm v16_37_1_1sqpivvk v16_37_1_1y2v1nfjn v16_37_1_1y2v1nfmu v16_37_1_1y2v1nfm7 v16_37_1_1y2v1nf2n"
 }, e = {
-    default: "v16_36_1_1sqpivvh v16_36_1_1sqpivvg v16_36_1_1y2v1nf8l v16_36_1_1y2v1nf9u v16_36_1_1y2v1nfla v16_36_1_1y2v1nflu v16_36_1_1y2v1nf2c v16_36_1_1y2v1nf8k v16_36_1_1y2v1nfjf v16_36_1_1y2v1nflj",
-    disabled: "v16_36_1_1sqpivvi v16_36_1_1sqpivvg v16_36_1_1y2v1nf8l v16_36_1_1y2v1nf9u v16_36_1_1y2v1nfla v16_36_1_1y2v1nflu v16_36_1_1y2v1nf2c v16_36_1_1y2v1nf8k v16_36_1_1y2v1nfjf v16_36_1_1y2v1nflj"
+    default: "v16_37_1_1sqpivvh v16_37_1_1sqpivvg v16_37_1_1y2v1nf9l v16_37_1_1y2v1nfau v16_37_1_1y2v1nfma v16_37_1_1y2v1nfmu v16_37_1_1y2v1nf2n v16_37_1_1y2v1nf9k v16_37_1_1y2v1nfkf v16_37_1_1y2v1nfmj",
+    disabled: "v16_37_1_1sqpivvi v16_37_1_1sqpivvg v16_37_1_1y2v1nf9l v16_37_1_1y2v1nfau v16_37_1_1y2v1nfma v16_37_1_1y2v1nfmu v16_37_1_1y2v1nf2n v16_37_1_1y2v1nf9k v16_37_1_1y2v1nfkf v16_37_1_1y2v1nfmj"
 }, q = {
-    top: "var(--v16_36_1_1sqpivv0)",
-    left: "var(--v16_36_1_1sqpivv1)",
-    transformOrigin: "var(--v16_36_1_1sqpivv2)",
-    minWidth: "var(--v16_36_1_1sqpivv3)",
-    maxHeight: "var(--v16_36_1_1sqpivv4)"
+    top: "var(--v16_37_1_1sqpivv0)",
+    left: "var(--v16_37_1_1sqpivv1)",
+    transformOrigin: "var(--v16_37_1_1sqpivv2)",
+    minWidth: "var(--v16_37_1_1sqpivv3)",
+    maxHeight: "var(--v16_37_1_1sqpivv4)"
 };

package/dist/select.js

@@ -129,8 +129,8 @@ function _object_spread_props(target, source) {
 const at = (param)=>{
     let { id: fe, label: u, helperText: pe, value: me, defaultValue: he, onChangeValue: C, name: i, fullWidth: M, options: d, optional: P, showOptionalLabel: Se, disabled: ve, error: ge, onBlur: D, autoFocus: z = !1, native: Te, dataAttributes: j } = param;
     var re;
-    const h = _react.useRef(null), f = _react.useRef(null), S = _react.useRef(null), v = _react.useRef(null), R = _react.useRef(/* @__PURE__ */ new Map()), [Ie, we] = _react.useState(!0), [g, Ee] = _react.useState(he), [H, K] = _react.useState(!1), [U, X] = _react.useState(!1), [J, O] = _react.useState(!1), [a, F] = _react.useState({}), [T, W] = _react.useState(), G = _react.useRef(null), xe = _react.useId(), L = fe || xe, { rawValues: Oe, setRawValue: Z, setValue: $, formStatus: ye, formErrors: Q, setFormError: Ne, register: B } = (0, _formcontext.useForm)(), { platformOverrides: Y } = (0, _hooks.useTheme)(), be = Te || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(Y) || (0, _platform.isIos)(Y), I = ve || ye === "sending", A = ge || !!Q[i], ee = Q[i] || pe, l = me !== null && me !== void 0 ? me : Oe[i], te = (e)=>{
-        C == null || C(e), Ne({
+    const h = _react.useRef(null), f = _react.useRef(null), S = _react.useRef(null), v = _react.useRef(null), R = _react.useRef(/* @__PURE__ */ new Map()), [Ie, we] = _react.useState(!0), [g, Ee] = _react.useState(he), [H, K] = _react.useState(!1), [U, X] = _react.useState(!1), [J, O] = _react.useState(!1), [a, F] = _react.useState({}), [T, W] = _react.useState(), G = _react.useRef(null), xe = _react.useId(), L = fe || xe, { rawValues: Oe, setRawValue: Z, setValue: $, formStatus: ye, formErrors: Q, setFormError: be, register: B } = (0, _formcontext.useForm)(), { platformOverrides: Y } = (0, _hooks.useTheme)(), Ne = Te || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(Y) || (0, _platform.isIos)(Y), I = ve || ye === "sending", A = ge || !!Q[i], ee = Q[i] || pe, l = me !== null && me !== void 0 ? me : Oe[i], te = (e)=>{
+        C == null || C(e), be({
             name: i,
             error: ""
         }), Z({
@@ -143,9 +143,9 @@ const at = (param)=>{
     }, w = (e)=>{
         if (e) {
             if (S != null && S.current) {
-                const s = S.current.getBoundingClientRect(), p = s.top, x = s.width, y = s.left, Ce = s.height, N = p + Ce, V = Math.min(d.length, 8) * 48 + 16;
-                if (N + V + 12 > window.innerHeight) {
-                    const Me = window.innerHeight - N;
+                const s = S.current.getBoundingClientRect(), p = s.top, x = s.width, y = s.left, Ce = s.height, b = p + Ce, V = Math.min(d.length, 8) * 48 + 16;
+                if (b + V + 12 > window.innerHeight) {
+                    const Me = window.innerHeight - b;
                     if (p > Me) {
                         const Pe = p - V;
                         F({
@@ -157,14 +157,14 @@ const at = (param)=>{
                         });
                     } else F({
                         minWidth: x,
-                        top: N,
+                        top: b,
                         left: y,
-                        maxHeight: window.innerHeight - N - 12,
+                        maxHeight: window.innerHeight - b - 12,
                         transformOrigin: "center top"
                     });
                 } else F({
                     minWidth: x,
-                    top: N,
+                    top: b,
                     left: y,
                     maxHeight: V,
                     transformOrigin: "center top"
@@ -284,7 +284,7 @@ const at = (param)=>{
     var _a_transformOrigin;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
         variant: "default",
-        children: be || Ie ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
+        children: Ne || Ie ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
             disabled: I,
             helperText: /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
                 error: A,

package/dist/sheet-action-row.css-mistica.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "sheetActionRow", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./sheet-action-row.css.ts.vanilla.css-mistica.js");
-var n = "v16_36_1_4k81wx1 v16_36_1_1y2v1nf90 v16_36_1_1y2v1nfa9 v16_36_1_1y2v1nfbi v16_36_1_1y2v1nfcr v16_36_1_1y2v1nfis v16_36_1_1y2v1nfl5 v16_36_1_1y2v1nfj7";
+var n = "v16_37_1_4k81wx1 v16_37_1_1y2v1nfa0 v16_37_1_1y2v1nfb9 v16_37_1_1y2v1nfci v16_37_1_1y2v1nfdr v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfm5 v16_37_1_1y2v1nfk7";

package/dist/sheet-common.css-mistica.js

@@ -22,42 +22,42 @@ _export(exports, {
         return e;
     },
     children: function() {
-        return i;
+        return a;
     },
     closingOverlay: function() {
-        return a;
+        return r;
     },
     closingSheet: function() {
-        return r;
+        return t;
     },
     handleBar: function() {
-        return m;
+        return o;
     },
     handleContainer: function() {
-        return t;
+        return i;
     },
     handleTouchable: function() {
-        return o;
+        return d;
     },
     modalCloseButton: function() {
-        return d;
+        return m;
     },
     overlay: function() {
         return p;
     },
     sheetTopDraggingArea: function() {
-        return l;
+        return j;
     },
     stickyButtons: function() {
-        return s;
+        return l;
     },
     stickyTitle: function() {
-        return h;
+        return s;
     },
     transitionDuration: function() {
-        return u;
+        return h;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./sheet-common.css.ts.vanilla.css-mistica.js");
-var n = "v16_36_1_pidemf6 v16_36_1_1y2v1nf4b", f = "v16_36_1_pidemf4 v16_36_1_1y2v1nfio v16_36_1_1y2v1nfmf v16_36_1_1y2v1nfmu v16_36_1_1y2v1nfn9", y = "v16_36_1_pidemf9 v16_36_1_1y2v1nf99 v16_36_1_1y2v1nfis v16_36_1_1y2v1nfiy", e = "v16_36_1_pidemfu", i = "v16_36_1_1y2v1nflz v16_36_1_1y2v1nfje v16_36_1_1y2v1nfis v16_36_1_1y2v1nfiy", a = "v16_36_1_pidemfp", r = "v16_36_1_pidemf7", m = "v16_36_1_1y2v1nf5m v16_36_1_1y2v1nfjf v16_36_1_1y2v1nfjw v16_36_1_1y2v1nfld", t = "v16_36_1_pidemfe v16_36_1_1y2v1nfir", o = "v16_36_1_1y2v1nfjo v16_36_1_1y2v1nfjz", d = "v16_36_1_pidemfj v16_36_1_1y2v1nf96 v16_36_1_1y2v1nfaf v16_36_1_1y2v1nfbo v16_36_1_1y2v1nfcx v16_36_1_1y2v1nfin v16_36_1_1y2v1nfm0 v16_36_1_1y2v1nfmu", p = "v16_36_1_pidemfo v16_36_1_1y2v1nfio v16_36_1_1y2v1nf4n v16_36_1_1y2v1nfm0 v16_36_1_1y2v1nfmf v16_36_1_1y2v1nfmu v16_36_1_1y2v1nfn9", l = "v16_36_1_pidemfc v16_36_1_1y2v1nf8u v16_36_1_1y2v1nfa3 v16_36_1_1y2v1nfin v16_36_1_1y2v1nfm0 v16_36_1_1y2v1nfk9 v16_36_1_1y2v1nfjf v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj1", s = "v16_36_1_pidemft v16_36_1_1y2v1nfiq v16_36_1_1y2v1nfn9 v16_36_1_1y2v1nf4b", h = "v16_36_1_pidemfr v16_36_1_1y2v1nfiq v16_36_1_1y2v1nfm0 v16_36_1_1y2v1nf4b", u = 400;
+var n = "v16_37_1_pidemf6 v16_37_1_1y2v1nf4t", f = "v16_37_1_pidemf4 v16_37_1_1y2v1nfjo v16_37_1_1y2v1nfnf v16_37_1_1y2v1nfnu v16_37_1_1y2v1nfo9", y = "v16_37_1_pidemf9 v16_37_1_1y2v1nfa9 v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfjy", e = "v16_37_1_pidemfu", a = "v16_37_1_1y2v1nfmz v16_37_1_1y2v1nfke v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfjy", r = "v16_37_1_pidemfp", t = "v16_37_1_pidemf7", o = "v16_37_1_1y2v1nf6f v16_37_1_1y2v1nfkf v16_37_1_1y2v1nfkw v16_37_1_1y2v1nfmd", i = "v16_37_1_pidemfe v16_37_1_1y2v1nfjr", d = "v16_37_1_1y2v1nfko v16_37_1_1y2v1nfkz", m = "v16_37_1_pidemfj v16_37_1_1y2v1nfa6 v16_37_1_1y2v1nfbf v16_37_1_1y2v1nfco v16_37_1_1y2v1nfdx v16_37_1_1y2v1nfjn v16_37_1_1y2v1nfn0 v16_37_1_1y2v1nfnu", p = "v16_37_1_pidemfo v16_37_1_1y2v1nfjo v16_37_1_1y2v1nf55 v16_37_1_1y2v1nfn0 v16_37_1_1y2v1nfnf v16_37_1_1y2v1nfnu v16_37_1_1y2v1nfo9", j = "v16_37_1_pidemfc v16_37_1_1y2v1nf9u v16_37_1_1y2v1nfb3 v16_37_1_1y2v1nfjn v16_37_1_1y2v1nfn0 v16_37_1_1y2v1nfl9 v16_37_1_1y2v1nfkf v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfk1", l = "v16_37_1_pidemft v16_37_1_1y2v1nfjq v16_37_1_1y2v1nfo9 v16_37_1_1y2v1nf4t", s = "v16_37_1_pidemfr v16_37_1_1y2v1nfjq v16_37_1_1y2v1nfn0 v16_37_1_1y2v1nf4t", h = 400;

package/dist/sheet-info.css-mistica.js

@@ -20,4 +20,4 @@ _export(exports, {
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var v = "v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfk4", n = "v16_36_1_1y2v1nfjw v16_36_1_1y2v1nfis", f = "v16_36_1_1y2v1nf90 v16_36_1_1y2v1nfa9 v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfl5";
+var v = "v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfk7 v16_37_1_1y2v1nfl4", n = "v16_37_1_1y2v1nfkw v16_37_1_1y2v1nfjs", f = "v16_37_1_1y2v1nfa0 v16_37_1_1y2v1nfb9 v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfk7 v16_37_1_1y2v1nfm5";

package/dist/skeletons.css-mistica.js

@@ -19,15 +19,15 @@ _export(exports, {
         return a;
     },
     line: function() {
-        return o;
+        return f;
     },
     row: function() {
-        return f;
+        return o;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./skeletons.css.ts.vanilla.css-mistica.js");
-var n = "v16_36_1_zopolw6 v16_36_1_1y2v1nfiu", r = {
-    default: "v16_36_1_1y2v1nf4o",
-    inverse: "v16_36_1_1y2v1nf4p"
-}, a = "v16_36_1_1y2v1nfja v16_36_1_1y2v1nfjc", o = "v16_36_1_zopolwa v16_36_1_1y2v1nfjb", f = "v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfj1";
+var n = "v16_37_1_zopolw6 v16_37_1_1y2v1nfju", r = {
+    default: "v16_37_1_1y2v1nf56",
+    inverse: "v16_37_1_1y2v1nf57"
+}, a = "v16_37_1_1y2v1nfka v16_37_1_1y2v1nfkc", f = "v16_37_1_zopolwa v16_37_1_1y2v1nfkb", o = "v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfk7 v16_37_1_1y2v1nfk1";

package/dist/skins/blau.js

@@ -93,34 +93,51 @@ const e = {
             buttonDangerBackground: e.blauRed,
             buttonDangerBackgroundPressed: e.blauRed70,
             buttonDangerBackgroundHover: e.blauRed70,
-            buttonLinkDangerBackgroundPressed: e.blauRed10,
             buttonLinkDangerBackgroundInverse: e.white,
+            buttonLinkDangerBackgroundMedia: e.white,
+            buttonLinkDangerBackgroundPressed: e.blauRed10,
             buttonLinkDangerBackgroundInversePressed: e.blauRed10,
+            buttonLinkDangerBackgroundMediaPressed: e.blauRed10,
             buttonLinkBackgroundPressed: e.blauPurple10,
             buttonLinkBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.15),
             buttonPrimaryBackground: e.blauBlueSecondary,
             buttonPrimaryBackgroundInverse: e.white,
-            buttonPrimaryBackgroundPressed: e.blauBlueSecondary60,
+            buttonPrimaryBackgroundMedia: e.white,
             buttonPrimaryBackgroundHover: e.blauBlueSecondary60,
+            buttonPrimaryBackgroundInverseHover: e.blauBluePrimary20,
+            buttonPrimaryBackgroundMediaHover: e.blauBluePrimary20,
+            buttonPrimaryBackgroundPressed: e.blauBlueSecondary60,
             buttonPrimaryBackgroundInversePressed: e.blauBluePrimary30,
+            buttonPrimaryBackgroundMediaPressed: e.blauBluePrimary30,
             buttonSecondaryBorder: e.blauBlueSecondary,
-            buttonSecondaryBorderPressed: e.blauBlueSecondary60,
             buttonSecondaryBorderInverse: e.white,
-            buttonSecondaryBackgroundHover: e.blauBlueSecondary10,
-            buttonSecondaryBackgroundPressed: e.blauBlueSecondary10,
+            buttonSecondaryBorderMedia: e.white,
+            buttonSecondaryBorderPressed: e.blauBlueSecondary60,
             buttonSecondaryBorderInversePressed: e.white,
+            buttonSecondaryBorderMediaPressed: e.white,
+            buttonSecondaryBackgroundHover: e.blauBlueSecondary10,
             buttonSecondaryBackgroundInverseHover: (0, _color.applyAlpha)(e.white, 0.2),
+            buttonSecondaryBackgroundMediaHover: (0, _color.applyAlpha)(e.white, 0.2),
+            buttonSecondaryBackgroundPressed: e.blauBlueSecondary10,
             buttonSecondaryBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.2),
+            buttonSecondaryBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.2),
             textButtonPrimary: e.white,
             textButtonPrimaryInverse: e.blauBlueSecondary,
+            textButtonPrimaryMedia: e.blauBlueSecondary,
             textButtonPrimaryInversePressed: e.blauBlueSecondary60,
+            textButtonPrimaryMediaPressed: e.blauBlueSecondary60,
             textButtonSecondary: e.blauBlueSecondary,
-            textButtonSecondaryPressed: e.blauBlueSecondary60,
             textButtonSecondaryInverse: e.white,
+            textButtonSecondaryMedia: e.white,
+            textButtonSecondaryPressed: e.blauBlueSecondary60,
             textButtonSecondaryInversePressed: e.white,
+            textButtonSecondaryMediaPressed: e.white,
             textLink: e.blauPurple,
             textLinkInverse: e.white,
+            textLinkMedia: e.white,
             textLinkDanger: e.blauRed,
+            textLinkDangerMedia: e.blauRed,
             textLinkSnackbar: e.blauPurple30,
             textActivated: e.blauBlueSecondary,
             textBrand: e.blauBlueSecondary,
@@ -212,7 +229,8 @@ const e = {
             tagBackgroundSuccessInverse: e.blauGreen10,
             tagBackgroundWarningInverse: e.blauYellow10,
             tagBackgroundErrorInverse: e.blauRed10,
-            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)`
+            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)`,
+            cardFooterOverlay: (0, _color.applyAlpha)(e.grey6, 0.7)
         },
         darkModeColors: {
             background: e.darkModeBlack,
@@ -247,34 +265,51 @@ const e = {
             buttonDangerBackground: e.blauRed,
             buttonDangerBackgroundPressed: e.blauRed70,
             buttonDangerBackgroundHover: e.blauRed70,
-            buttonLinkDangerBackgroundPressed: (0, _color.applyAlpha)(e.blauRed, 0.3),
             buttonLinkDangerBackgroundInverse: (0, _color.applyAlpha)(e.white, 0),
+            buttonLinkDangerBackgroundMedia: e.white,
+            buttonLinkDangerBackgroundPressed: (0, _color.applyAlpha)(e.blauRed, 0.3),
             buttonLinkDangerBackgroundInversePressed: (0, _color.applyAlpha)(e.blauPurple, 0.3),
+            buttonLinkDangerBackgroundMediaPressed: e.blauRed10,
             buttonLinkBackgroundPressed: (0, _color.applyAlpha)(e.blauPurple, 0.3),
             buttonLinkBackgroundInversePressed: (0, _color.applyAlpha)(e.blauPurple, 0.3),
+            buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.15),
             buttonPrimaryBackground: e.blauBlueSecondary,
             buttonPrimaryBackgroundInverse: e.blauBlueSecondary,
-            buttonPrimaryBackgroundPressed: e.blauBlueSecondary60,
+            buttonPrimaryBackgroundMedia: e.white,
             buttonPrimaryBackgroundHover: e.blauBlueSecondary60,
+            buttonPrimaryBackgroundInverseHover: e.blauBlueSecondary60,
+            buttonPrimaryBackgroundMediaHover: e.blauBluePrimary20,
+            buttonPrimaryBackgroundPressed: e.blauBlueSecondary60,
             buttonPrimaryBackgroundInversePressed: e.blauBlueSecondary60,
+            buttonPrimaryBackgroundMediaPressed: e.blauBluePrimary30,
             buttonSecondaryBorder: e.white,
-            buttonSecondaryBorderPressed: e.white,
-            buttonSecondaryBackgroundHover: (0, _color.applyAlpha)(e.white, 0.15),
-            buttonSecondaryBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.15),
             buttonSecondaryBorderInverse: e.white,
+            buttonSecondaryBorderMedia: e.white,
+            buttonSecondaryBorderPressed: e.white,
             buttonSecondaryBorderInversePressed: e.white,
+            buttonSecondaryBorderMediaPressed: e.white,
+            buttonSecondaryBackgroundHover: (0, _color.applyAlpha)(e.white, 0.15),
             buttonSecondaryBackgroundInverseHover: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundMediaHover: (0, _color.applyAlpha)(e.white, 0.2),
+            buttonSecondaryBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.15),
             buttonSecondaryBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.2),
             textButtonPrimary: e.grey2,
             textButtonPrimaryInverse: e.grey2,
+            textButtonPrimaryMedia: e.blauBlueSecondary,
             textButtonPrimaryInversePressed: e.grey2,
+            textButtonPrimaryMediaPressed: e.blauBlueSecondary60,
             textButtonSecondary: e.grey2,
-            textButtonSecondaryPressed: e.grey2,
             textButtonSecondaryInverse: e.grey2,
+            textButtonSecondaryMedia: e.white,
+            textButtonSecondaryPressed: e.grey2,
             textButtonSecondaryInversePressed: e.grey2,
+            textButtonSecondaryMediaPressed: e.white,
             textLink: e.blauPurple30,
             textLinkInverse: e.blauPurple30,
+            textLinkMedia: e.white,
             textLinkDanger: e.blauRed40,
+            textLinkDangerMedia: e.blauRed,
             textLinkSnackbar: e.blauPurple30,
             textActivated: e.blauBluePrimary,
             textBrand: e.blauBluePrimary,
@@ -366,7 +401,8 @@ const e = {
             tagBackgroundSuccessInverse: e.darkModeGrey6,
             tagBackgroundWarningInverse: e.darkModeGrey6,
             tagBackgroundErrorInverse: e.darkModeGrey6,
-            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)`
+            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)`,
+            cardFooterOverlay: (0, _color.applyAlpha)(e.grey6, 0.7)
         },
         borderRadii: {
             avatar: "50%",

package/dist/skins/esimflag.js

@@ -95,34 +95,51 @@ const e = {
             buttonDangerBackground: e.tomato55,
             buttonDangerBackgroundPressed: e.tomato65,
             buttonDangerBackgroundHover: e.tomato60,
-            buttonLinkDangerBackgroundPressed: e.tomato10,
             buttonLinkDangerBackgroundInverse: e.white,
+            buttonLinkDangerBackgroundMedia: e.white,
+            buttonLinkDangerBackgroundPressed: e.tomato10,
             buttonLinkDangerBackgroundInversePressed: e.tomato10,
+            buttonLinkDangerBackgroundMediaPressed: e.tomato10,
             buttonLinkBackgroundPressed: (0, _color.applyAlpha)(e.purple55, 0.08),
             buttonLinkBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.08),
             buttonPrimaryBackground: e.blue,
             buttonPrimaryBackgroundInverse: e.white,
-            buttonPrimaryBackgroundPressed: e.blue65,
+            buttonPrimaryBackgroundMedia: e.white,
             buttonPrimaryBackgroundHover: e.blue55,
+            buttonPrimaryBackgroundInverseHover: e.blue15,
+            buttonPrimaryBackgroundMediaHover: e.blue15,
+            buttonPrimaryBackgroundPressed: e.blue65,
             buttonPrimaryBackgroundInversePressed: e.blue15,
+            buttonPrimaryBackgroundMediaPressed: e.blue15,
             buttonSecondaryBorder: e.blue,
-            buttonSecondaryBorderPressed: e.blue55,
-            buttonSecondaryBackgroundHover: e.blue10,
-            buttonSecondaryBackgroundPressed: e.blue15,
             buttonSecondaryBorderInverse: e.white,
+            buttonSecondaryBorderMedia: e.white,
+            buttonSecondaryBorderPressed: e.blue55,
             buttonSecondaryBorderInversePressed: e.white,
+            buttonSecondaryBorderMediaPressed: e.white,
+            buttonSecondaryBackgroundHover: e.blue10,
             buttonSecondaryBackgroundInverseHover: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundMediaHover: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundPressed: e.blue15,
             buttonSecondaryBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.15),
             textButtonPrimary: e.white,
             textButtonPrimaryInverse: e.blue,
+            textButtonPrimaryMedia: e.blue,
             textButtonPrimaryInversePressed: e.blue55,
+            textButtonPrimaryMediaPressed: e.blue55,
             textButtonSecondary: e.blue,
-            textButtonSecondaryPressed: e.blue55,
             textButtonSecondaryInverse: e.white,
+            textButtonSecondaryMedia: e.white,
+            textButtonSecondaryPressed: e.blue55,
             textButtonSecondaryInversePressed: e.white,
+            textButtonSecondaryMediaPressed: e.white,
             textLink: e.purple,
             textLinkInverse: e.white,
+            textLinkMedia: e.white,
             textLinkDanger: e.tomato55,
+            textLinkDangerMedia: e.tomato55,
             textLinkSnackbar: e.blue30,
             textActivated: e.blue,
             textBrand: e.blue,
@@ -216,7 +233,8 @@ const e = {
             tagBackgroundSuccessInverse: e.grass10,
             tagBackgroundWarningInverse: e.peach10,
             tagBackgroundErrorInverse: e.tomato10,
-            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.black, 0)} 0%, ${(0, _color.applyAlpha)(e.black, 0.4)} 30%, ${(0, _color.applyAlpha)(e.black, 0.7)} 100%)`
+            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.black, 0)} 0%, ${(0, _color.applyAlpha)(e.black, 0.4)} 30%, ${(0, _color.applyAlpha)(e.black, 0.7)} 100%)`,
+            cardFooterOverlay: (0, _color.applyAlpha)(e.black, 0.7)
         },
         darkModeColors: {
             background: e.darkModeBlack,
@@ -249,34 +267,51 @@ const e = {
             buttonDangerBackground: e.tomato,
             buttonDangerBackgroundPressed: e.tomato55,
             buttonDangerBackgroundHover: e.tomato55,
-            buttonLinkDangerBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.08),
             buttonLinkDangerBackgroundInverse: (0, _color.applyAlpha)(e.white, 0),
+            buttonLinkDangerBackgroundMedia: e.white,
+            buttonLinkDangerBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.08),
             buttonLinkDangerBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonLinkDangerBackgroundMediaPressed: e.tomato10,
             buttonLinkBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.08),
             buttonLinkBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.08),
             buttonPrimaryBackground: e.blue,
             buttonPrimaryBackgroundInverse: e.blue,
-            buttonPrimaryBackgroundPressed: e.blue55,
+            buttonPrimaryBackgroundMedia: e.white,
             buttonPrimaryBackgroundHover: e.blue55,
+            buttonPrimaryBackgroundInverseHover: e.blue55,
+            buttonPrimaryBackgroundMediaHover: e.blue15,
+            buttonPrimaryBackgroundPressed: e.blue55,
             buttonPrimaryBackgroundInversePressed: e.blue55,
-            buttonSecondaryBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonPrimaryBackgroundMediaPressed: e.blue15,
             buttonSecondaryBorder: e.white,
-            buttonSecondaryBorderPressed: e.white,
             buttonSecondaryBorderInverse: e.white,
+            buttonSecondaryBorderMedia: e.white,
+            buttonSecondaryBorderPressed: e.white,
             buttonSecondaryBorderInversePressed: e.white,
+            buttonSecondaryBorderMediaPressed: e.white,
             buttonSecondaryBackgroundHover: (0, _color.applyAlpha)(e.white, 0.15),
             buttonSecondaryBackgroundInverseHover: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundMediaHover: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.15),
             buttonSecondaryBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.15),
             textButtonPrimary: e.white,
             textButtonPrimaryInverse: e.white,
+            textButtonPrimaryMedia: e.blue,
             textButtonPrimaryInversePressed: e.white,
+            textButtonPrimaryMediaPressed: e.blue55,
             textButtonSecondary: e.grey2,
-            textButtonSecondaryPressed: e.grey2,
             textButtonSecondaryInverse: e.grey2,
+            textButtonSecondaryMedia: e.white,
+            textButtonSecondaryPressed: e.grey2,
             textButtonSecondaryInversePressed: e.grey2,
+            textButtonSecondaryMediaPressed: e.white,
             textLink: e.purple30,
             textLinkInverse: e.purple30,
+            textLinkMedia: e.white,
             textLinkDanger: e.chili,
+            textLinkDangerMedia: e.tomato55,
             textLinkSnackbar: e.blue30,
             textActivated: e.blue30,
             textBrand: e.blue30,
@@ -370,7 +405,8 @@ const e = {
             tagBackgroundSuccessInverse: e.darkModeGrey6,
             tagBackgroundWarningInverse: e.darkModeGrey6,
             tagBackgroundErrorInverse: e.darkModeGrey6,
-            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.black, 0)} 0%, ${(0, _color.applyAlpha)(e.black, 0.4)} 30%, ${(0, _color.applyAlpha)(e.black, 0.7)} 100%)`
+            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.black, 0)} 0%, ${(0, _color.applyAlpha)(e.black, 0.4)} 30%, ${(0, _color.applyAlpha)(e.black, 0.7)} 100%)`,
+            cardFooterOverlay: (0, _color.applyAlpha)(e.black, 0.7)
         },
         borderRadii: {
             avatar: "50%",

package/dist/skins/movistar.js

@@ -107,34 +107,51 @@ const e = {
             buttonDangerBackground: e.pepper55,
             buttonDangerBackgroundPressed: e.pepper70,
             buttonDangerBackgroundHover: e.pepper65,
-            buttonLinkDangerBackgroundPressed: e.pepper10,
             buttonLinkDangerBackgroundInverse: e.white,
+            buttonLinkDangerBackgroundMedia: e.white,
+            buttonLinkDangerBackgroundPressed: e.pepper10,
             buttonLinkDangerBackgroundInversePressed: e.pepper10,
+            buttonLinkDangerBackgroundMediaPressed: e.pepper10,
             buttonLinkBackgroundPressed: e.movistarBlue10,
             buttonLinkBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.2),
+            buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.2),
             buttonPrimaryBackground: e.movistarBlueHC,
             buttonPrimaryBackgroundInverse: e.white,
-            buttonPrimaryBackgroundPressed: e.movistarBlueHC65,
+            buttonPrimaryBackgroundMedia: e.white,
             buttonPrimaryBackgroundHover: e.movistarBlueHC55,
+            buttonPrimaryBackgroundInverseHover: e.movistarBlue10,
+            buttonPrimaryBackgroundMediaHover: e.movistarBlue10,
+            buttonPrimaryBackgroundPressed: e.movistarBlueHC65,
             buttonPrimaryBackgroundInversePressed: e.movistarBlue10,
+            buttonPrimaryBackgroundMediaPressed: e.movistarBlue10,
             buttonSecondaryBorder: e.movistarBlueHC,
-            buttonSecondaryBorderPressed: e.movistarBlueHC65,
-            buttonSecondaryBackgroundHover: e.movistarBlue10,
-            buttonSecondaryBackgroundPressed: e.movistarBlue15,
             buttonSecondaryBorderInverse: e.white,
+            buttonSecondaryBorderMedia: e.white,
+            buttonSecondaryBorderPressed: e.movistarBlueHC65,
             buttonSecondaryBorderInversePressed: e.white,
+            buttonSecondaryBorderMediaPressed: e.white,
+            buttonSecondaryBackgroundHover: e.movistarBlue10,
             buttonSecondaryBackgroundInverseHover: (0, _color.applyAlpha)(e.white, 0.2),
+            buttonSecondaryBackgroundMediaHover: (0, _color.applyAlpha)(e.white, 0.2),
+            buttonSecondaryBackgroundPressed: e.movistarBlue15,
             buttonSecondaryBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.3),
+            buttonSecondaryBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.3),
             textButtonPrimary: e.white,
             textButtonPrimaryInverse: e.movistarBlueHC,
+            textButtonPrimaryMedia: e.movistarBlueHC,
             textButtonPrimaryInversePressed: e.movistarBlueHC,
+            textButtonPrimaryMediaPressed: e.movistarBlueHC,
             textButtonSecondary: e.movistarBlueHC,
-            textButtonSecondaryPressed: e.movistarBlueHC55,
             textButtonSecondaryInverse: e.white,
+            textButtonSecondaryMedia: e.white,
+            textButtonSecondaryPressed: e.movistarBlueHC55,
             textButtonSecondaryInversePressed: e.white,
+            textButtonSecondaryMediaPressed: e.white,
             textLink: e.movistarBlueHC,
             textLinkInverse: e.white,
+            textLinkMedia: e.white,
             textLinkDanger: e.pepper60,
+            textLinkDangerMedia: e.pepper60,
             textLinkSnackbar: e.movistarBlue30,
             textActivated: e.movistarBlueHC,
             textBrand: e.movistarBlueHC,
@@ -228,7 +245,8 @@ const e = {
             tagBackgroundSuccessInverse: e.white,
             tagBackgroundWarningInverse: e.white,
             tagBackgroundErrorInverse: e.white,
-            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.black, 0)} 0%, ${(0, _color.applyAlpha)(e.black, 0.4)} 30%, ${(0, _color.applyAlpha)(e.black, 0.7)} 100%)`
+            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.black, 0)} 0%, ${(0, _color.applyAlpha)(e.black, 0.4)} 30%, ${(0, _color.applyAlpha)(e.black, 0.7)} 100%)`,
+            cardFooterOverlay: (0, _color.applyAlpha)(e.black, 0.7)
         },
         darkModeColors: {
             background: e.darkModeBlack,
@@ -261,34 +279,51 @@ const e = {
             buttonDangerBackground: e.pepper55,
             buttonDangerBackgroundPressed: e.pepper70,
             buttonDangerBackgroundHover: e.pepper65,
-            buttonLinkDangerBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.08),
             buttonLinkDangerBackgroundInverse: (0, _color.applyAlpha)(e.white, 0),
+            buttonLinkDangerBackgroundMedia: e.white,
+            buttonLinkDangerBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.08),
             buttonLinkDangerBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonLinkDangerBackgroundMediaPressed: e.pepper10,
             buttonLinkBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.08),
             buttonLinkBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.2),
             buttonPrimaryBackground: e.movistarBlueHC,
             buttonPrimaryBackgroundInverse: e.movistarBlueHC,
-            buttonPrimaryBackgroundPressed: e.movistarBlueHC65,
+            buttonPrimaryBackgroundMedia: e.white,
             buttonPrimaryBackgroundHover: e.movistarBlueHC55,
+            buttonPrimaryBackgroundInverseHover: e.movistarBlueHC65,
+            buttonPrimaryBackgroundMediaHover: e.movistarBlue10,
+            buttonPrimaryBackgroundPressed: e.movistarBlueHC65,
             buttonPrimaryBackgroundInversePressed: e.movistarBlueHC65,
-            buttonSecondaryBackgroundHover: (0, _color.applyAlpha)(e.white, 0.15),
-            buttonSecondaryBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.25),
+            buttonPrimaryBackgroundMediaPressed: e.movistarBlue10,
             buttonSecondaryBorder: e.white,
-            buttonSecondaryBorderPressed: e.white,
             buttonSecondaryBorderInverse: e.darkModeGrey2,
+            buttonSecondaryBorderMedia: e.white,
+            buttonSecondaryBorderPressed: e.white,
             buttonSecondaryBorderInversePressed: e.darkModeGrey2,
+            buttonSecondaryBorderMediaPressed: e.white,
+            buttonSecondaryBackgroundHover: (0, _color.applyAlpha)(e.white, 0.15),
             buttonSecondaryBackgroundInverseHover: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundMediaHover: (0, _color.applyAlpha)(e.white, 0.2),
+            buttonSecondaryBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.25),
             buttonSecondaryBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.25),
+            buttonSecondaryBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.3),
             textButtonPrimary: e.white,
             textButtonPrimaryInverse: e.white,
+            textButtonPrimaryMedia: e.movistarBlueHC,
             textButtonPrimaryInversePressed: e.white,
+            textButtonPrimaryMediaPressed: e.movistarBlueHC,
             textButtonSecondary: e.darkModeGrey2,
-            textButtonSecondaryPressed: e.darkModeGrey2,
             textButtonSecondaryInverse: e.darkModeGrey2,
+            textButtonSecondaryMedia: e.white,
+            textButtonSecondaryPressed: e.darkModeGrey2,
             textButtonSecondaryInversePressed: e.darkModeGrey2,
+            textButtonSecondaryMediaPressed: e.white,
             textLink: e.movistarBlue,
             textLinkInverse: e.movistarBlue,
+            textLinkMedia: e.white,
             textLinkDanger: e.pepper45,
+            textLinkDangerMedia: e.pepper60,
             textLinkSnackbar: e.movistarBlue,
             textActivated: e.movistarBlue,
             textBrand: e.movistarBlue,
@@ -382,19 +417,20 @@ const e = {
             tagBackgroundSuccessInverse: e.darkModeGrey7,
             tagBackgroundWarningInverse: e.darkModeGrey7,
             tagBackgroundErrorInverse: e.darkModeGrey7,
-            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.black, 0)} 0%, ${(0, _color.applyAlpha)(e.black, 0.4)} 30%, ${(0, _color.applyAlpha)(e.black, 0.7)} 100%)`
+            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.black, 0)} 0%, ${(0, _color.applyAlpha)(e.black, 0.4)} 30%, ${(0, _color.applyAlpha)(e.black, 0.7)} 100%)`,
+            cardFooterOverlay: (0, _color.applyAlpha)(e.black, 0.7)
         },
         borderRadii: {
             avatar: "50%",
             bar: "999px",
             button: "4px",
-            checkbox: "2px",
-            container: "8px",
+            checkbox: "4px",
+            container: "16px",
             indicator: "999px",
-            input: "8px",
+            input: "12px",
             legacyDisplay: "16px",
             popup: "8px",
-            sheet: "8px",
+            sheet: "16px",
             mediaSmall: "8px"
         },
         textPresets: {