@telefonica/mistica 14.48.0 → 15.1.0

package/dist/select.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return wt;
+        return xt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -125,11 +125,11 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const rt = (param)=>{
-    let { id: le, label: w, helperText: ue, value: fe, onChangeValue: V, name: i, fullWidth: P, options: u, optional: D, disabled: de, error: pe, onBlur: M, autoFocus: q = !1, native: me } = param;
+const st = (param)=>{
+    let { id: le, label: w, helperText: ue, value: fe, defaultValue: de, onChangeValue: V, name: i, fullWidth: P, options: f, optional: D, disabled: pe, error: me, onBlur: M, autoFocus: z = !1, native: he } = param;
     var te;
-    const h = _react.useRef(null), f = _react.useRef(null), S = _react.useRef(null), g = _react.useRef(null), y = _react.useRef(/* @__PURE__ */ new Map()), [he, Se] = _react.useState(!0), [d, ge] = _react.useState(), [H, z] = _react.useState(!1), [j, K] = _react.useState(!1), [U, x] = _react.useState(!1), [l, F] = _react.useState({}), [v, W] = _react.useState(), G = _react.useRef(null), L = (0, _hooks.useAriaId)(le), { rawValues: ve, setRawValue: Z, setValue: $, formStatus: Te, formErrors: X, setFormError: Ie, register: B } = (0, _formcontext.useForm)(), { platformOverrides: J } = (0, _hooks.useTheme)(), Ee = me || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(J) || (0, _platform.isIos)(J), T = de || Te === "sending", R = pe || !!X[i], Q = X[i] || ue, a = fe !== null && fe !== void 0 ? fe : ve[i], A = (e)=>{
-        V == null || V(e), Ie({
+    const h = _react.useRef(null), d = _react.useRef(null), S = _react.useRef(null), v = _react.useRef(null), y = _react.useRef(/* @__PURE__ */ new Map()), [Se, ve] = _react.useState(!0), [l, ge] = _react.useState(de), [H, j] = _react.useState(!1), [K, U] = _react.useState(!1), [X, x] = _react.useState(!1), [u, F] = _react.useState({}), [g, W] = _react.useState(), G = _react.useRef(null), L = (0, _hooks.useAriaId)(le), { rawValues: Te, setRawValue: Z, setValue: $, formStatus: Ie, formErrors: J, setFormError: Ee, register: B } = (0, _formcontext.useForm)(), { platformOverrides: Q } = (0, _hooks.useTheme)(), we = he || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(Q) || (0, _platform.isIos)(Q), T = pe || Ie === "sending", R = me || !!J[i], Y = J[i] || ue, a = fe !== null && fe !== void 0 ? fe : Te[i], A = (e)=>{
+        V == null || V(e), Ee({
             name: i,
             error: ""
         }), Z({
@@ -142,15 +142,15 @@ const rt = (param)=>{
     }, I = (e)=>{
         if (e) {
             if (S != null && S.current) {
-                const o = S.current.getBoundingClientRect(), p = o.top, E = o.width, O = o.left, ye = o.height, N = p + ye, _ = Math.min(u.length, 8) * 48 + 16;
+                const o = S.current.getBoundingClientRect(), p = o.top, E = o.width, O = o.left, Re = o.height, N = p + Re, _ = Math.min(f.length, 8) * 48 + 16;
                 if (N + _ + 12 > window.innerHeight) {
-                    const Re = window.innerHeight - N;
-                    if (p > Re) {
-                        const Ae = p - _;
+                    const Ae = window.innerHeight - N;
+                    if (p > Ae) {
+                        const _e = p - _;
                         F({
                             minWidth: E,
                             left: O,
-                            top: Math.max(Ae, 12),
+                            top: Math.max(_e, 12),
                             maxHeight: Math.min(p - 12, _),
                             transformOrigin: "center bottom"
                         });
@@ -169,16 +169,16 @@ const rt = (param)=>{
                     transformOrigin: "center top"
                 });
             }
-            z(!0), requestAnimationFrame(()=>{
-                G.current && g.current && "scrollTop" in g.current && (g.current.scrollTop = G.current), K(!0);
-            }), W(d !== null && d !== void 0 ? d : a);
-        } else K(!1), z(!1), W(void 0);
-    }, Y = (e)=>{
+            j(!0), requestAnimationFrame(()=>{
+                G.current && v.current && "scrollTop" in v.current && (v.current.scrollTop = G.current), U(!0);
+            }), W(l !== null && l !== void 0 ? l : a);
+        } else U(!1), j(!1), W(void 0);
+    }, q = (e)=>{
         var t;
-        G.current = (t = g.current) == null ? void 0 : t.scrollTop, I(!1), A && typeof e == "string" && A(e), typeof a > "u" && ge(e);
-    }, we = (e)=>{
+        G.current = (t = v.current) == null ? void 0 : t.scrollTop, I(!1), A && typeof e == "string" && A(e), typeof a > "u" && ge(e);
+    }, xe = (e)=>{
         var s;
-        const t = (s = g.current) == null ? void 0 : s.getBoundingClientRect();
+        const t = (s = v.current) == null ? void 0 : s.getBoundingClientRect();
         if (t && e && y.current.has(e)) {
             const c = y.current.get(e), o = c == null ? void 0 : c.getBoundingClientRect();
             if (o && o.top + o.height / 2 >= t.top + t.height) {
@@ -187,7 +187,7 @@ const rt = (param)=>{
             }
             o && o.top + o.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
         }
-    }, xe = f.current, Oe = h.current;
+    }, Oe = d.current, Ne = h.current;
     _react.useEffect(()=>{
         Z({
             name: i,
@@ -203,7 +203,7 @@ const rt = (param)=>{
         a
     ]), _react.useEffect(()=>(B(i, {
             input: h.current,
-            focusableElement: f.current
+            focusableElement: d.current
         }), ()=>{
             B(i, {
                 input: null,
@@ -212,10 +212,10 @@ const rt = (param)=>{
         }), [
         i,
         B,
-        f,
+        d,
         h,
-        xe,
-        Oe
+        Oe,
+        Ne
     ]), _react.useEffect(()=>{
         const e = (s)=>{
             var p;
@@ -226,11 +226,11 @@ const rt = (param)=>{
             if (o) {
                 (0, _dom.cancelEvent)(s);
                 var _ref;
-                const E = (_ref = (p = u[u.findIndex((param)=>{
+                const E = (_ref = (p = f[f.findIndex((param)=>{
                     let { value: O } = param;
-                    return O === v;
-                }) + o]) == null ? void 0 : p.value) !== null && _ref !== void 0 ? _ref : v;
-                W(E), we(E);
+                    return O === g;
+                }) + o]) == null ? void 0 : p.value) !== null && _ref !== void 0 ? _ref : g;
+                W(E), xe(E);
             }
         }, t = (s)=>{
             if (H) switch(s.key){
@@ -242,31 +242,31 @@ const rt = (param)=>{
                     break;
                 case _keys.ENTER:
                 case _keys.SPACE:
-                    (0, _dom.cancelEvent)(s), u.findIndex((param)=>{
+                    (0, _dom.cancelEvent)(s), f.findIndex((param)=>{
                         let { value: c } = param;
-                        return c === v;
-                    }) !== -1 && v !== d && Y(v), I(!1);
+                        return c === g;
+                    }) !== -1 && g !== l && q(g), I(!1);
                     break;
             }
-            j && e(s);
+            K && e(s);
         };
         return document.addEventListener("keydown", t, !1), ()=>{
             document.removeEventListener("keydown", t, !1);
         };
     }), _react.useEffect(()=>{
-        q && f.current && f.current.focus();
+        z && d.current && d.current.focus();
     }, [
-        q
+        z
     ]), _react.useEffect(()=>{
-        Se(!1);
+        ve(!1);
     }, []);
-    const Ne = (e)=>{
+    const be = (e)=>{
         var t;
-        return e ? (t = u.find((param)=>{
+        return e ? (t = f.find((param)=>{
             let { value: s } = param;
             return s === e;
         })) == null ? void 0 : t.text : "";
-    }, be = {
+    }, ye = {
         tabIndex: 0,
         onFocus: ()=>x(!0),
         onBlur: ()=>x(!1),
@@ -277,14 +277,14 @@ const rt = (param)=>{
             !H && (e.key === _keys.SPACE || e.key === _keys.ENTER) && ((0, _dom.cancelEvent)(e), I(!0));
         }
     }, ee = (0, _css.pxToRem)(20);
-    var _ref, _l_transformOrigin;
+    var _ref, _u_transformOrigin;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
         isInverse: !1,
-        children: Ee || he ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
+        children: we || Se ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
             disabled: T,
             helperText: /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
                 error: R,
-                leftText: Q
+                leftText: Y
             }),
             fieldRef: S,
             fullWidth: P,
@@ -292,7 +292,7 @@ const rt = (param)=>{
                 w && /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
                     error: R,
                     forId: L,
-                    inputState: U ? "focused" : ((_ref = a !== null && a !== void 0 ? a : d) !== null && _ref !== void 0 ? _ref : (te = h.current) == null ? void 0 : te.value) ? "filled" : "default",
+                    inputState: X ? "focused" : ((_ref = a !== null && a !== void 0 ? a : l) !== null && _ref !== void 0 ? _ref : (te = h.current) == null ? void 0 : te.value) ? "filled" : "default",
                     optional: D,
                     children: w
                 }),
@@ -300,11 +300,11 @@ const rt = (param)=>{
                     className: (0, _classnames.default)(_selectcssmistica.selectVariants[T ? "disabled" : "default"], w ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
                     id: L,
                     "aria-invalid": !!R,
-                    value: a,
+                    value: a !== null && a !== void 0 ? a : l,
                     required: !D,
                     disabled: T,
                     onChange: (e)=>{
-                        A && A(e.target.value);
+                        q(e.target.value), A && A(e.target.value);
                     },
                     onFocus: ()=>x(!0),
                     onBlur: (e)=>{
@@ -313,7 +313,7 @@ const rt = (param)=>{
                     ref: (e)=>{
                         [
                             h,
-                            f
+                            d
                         ].forEach((t)=>{
                             t.current = e;
                         });
@@ -324,7 +324,7 @@ const rt = (param)=>{
                         opacity: 1
                     },
                     children: [
-                        u.every((param)=>{
+                        f.every((param)=>{
                             let { value: e } = param;
                             return !!e;
                         }) && // if no "empty" option exists, insert a dummy empty option
@@ -335,7 +335,7 @@ const rt = (param)=>{
                                 display: "none"
                             }
                         }),
-                        u.map((param)=>{
+                        f.map((param)=>{
                             let { value: e, text: t } = param;
                             return /* @__PURE__ */ (0, _jsxruntime.jsx)("option", {
                                 value: e,
@@ -361,8 +361,8 @@ const rt = (param)=>{
                     className: _selectcssmistica.selectContainerVariants[P ? "fullWidth" : "default"],
                     role: "button",
                     "aria-haspopup": "listbox",
-                    ref: f
-                }, !T && be), {
+                    ref: d
+                }, !T && ye), {
                     children: [
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, {
                             style: {
@@ -375,12 +375,12 @@ const rt = (param)=>{
                                     size: ee
                                 })
                             }),
-                            focus: U,
+                            focus: X,
                             label: w,
-                            value: a,
-                            shrinkLabel: !!(a || d),
+                            value: a !== null && a !== void 0 ? a : l,
+                            shrinkLabel: !!(a || l),
                             name: i,
-                            helperText: Q,
+                            helperText: Y,
                             required: !D,
                             disabled: T,
                             id: L,
@@ -390,7 +390,7 @@ const rt = (param)=>{
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                             className: (0, _classnames.default)(_selectcssmistica.selectTextVariants[T ? "disabled" : "default"], w ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
-                            children: Ne(a !== null && a !== void 0 ? a : d)
+                            children: be(a !== null && a !== void 0 ? a : l)
                         })
                     ]
                 })),
@@ -402,27 +402,27 @@ const rt = (param)=>{
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("ul", {
                             style: (0, _css.applyCssVars)({
-                                [_selectcssmistica.vars.top]: l.top ? `${l.top}px` : "",
-                                [_selectcssmistica.vars.left]: l.left ? `${l.left}px` : "",
-                                [_selectcssmistica.vars.maxHeight]: l.maxHeight ? `${l.maxHeight}px` : "",
-                                [_selectcssmistica.vars.minWidth]: l.minWidth ? `${l.minWidth}px` : "",
-                                [_selectcssmistica.vars.transformOrigin]: (_l_transformOrigin = l.transformOrigin) !== null && _l_transformOrigin !== void 0 ? _l_transformOrigin : ""
+                                [_selectcssmistica.vars.top]: u.top ? `${u.top}px` : "",
+                                [_selectcssmistica.vars.left]: u.left ? `${u.left}px` : "",
+                                [_selectcssmistica.vars.maxHeight]: u.maxHeight ? `${u.maxHeight}px` : "",
+                                [_selectcssmistica.vars.minWidth]: u.minWidth ? `${u.minWidth}px` : "",
+                                [_selectcssmistica.vars.transformOrigin]: (_u_transformOrigin = u.transformOrigin) !== null && _u_transformOrigin !== void 0 ? _u_transformOrigin : ""
                             }),
                             onPointerDown: _dom.cancelEvent,
-                            className: (0, _classnames.default)(_selectcssmistica.optionsContainer, j ? _selectcssmistica.optionsAnimationsVariants.show : _selectcssmistica.optionsAnimationsVariants.hide),
+                            className: (0, _classnames.default)(_selectcssmistica.optionsContainer, K ? _selectcssmistica.optionsAnimationsVariants.show : _selectcssmistica.optionsAnimationsVariants.hide),
                             role: "listbox",
-                            ref: g,
-                            children: u.map((param)=>{
+                            ref: v,
+                            children: f.map((param)=>{
                                 let { value: e, text: t } = param;
                                 return /* @__PURE__ */ (0, _jsxruntime.jsx)("li", {
                                     role: "option",
-                                    "aria-selected": e === (d !== null && d !== void 0 ? d : a),
+                                    "aria-selected": e === (l !== null && l !== void 0 ? l : a),
                                     "data-value": e,
                                     className: (0, _classnames.default)(_selectcssmistica.menuItem, {
-                                        [_selectcssmistica.menuItemSelected]: e === v || e === (d !== null && d !== void 0 ? d : a)
+                                        [_selectcssmistica.menuItemSelected]: e === g || e === (l !== null && l !== void 0 ? l : a)
                                     }),
                                     onPointerDown: _dom.cancelEvent,
-                                    onClick: ()=>Y(e),
+                                    onClick: ()=>q(e),
                                     ref: (s)=>{
                                         s ? y.current.set(e, s) : y.current.delete(e);
                                     },
@@ -438,4 +438,4 @@ const rt = (param)=>{
             ]
         })
     });
-}, wt = rt;
+}, xt = st;

package/dist/sheet.css-mistica.js

@@ -19,22 +19,22 @@ _export(exports, {
         return _;
     },
     bodyContent: function() {
-        return l;
+        return a;
     },
     children: function() {
-        return a;
+        return h;
     },
     closingOverlay: function() {
-        return h;
+        return r;
     },
     closingSheet: function() {
-        return r;
+        return l;
     },
     handle: function() {
-        return e;
+        return t;
     },
     handleContainer: function() {
-        return t;
+        return e;
     },
     infoItemIcon: function() {
         return o;
@@ -55,9 +55,9 @@ _export(exports, {
         return s;
     },
     transitionDuration: function() {
-        return u;
+        return b;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./sheet.css.ts.vanilla.css-mistica.js");
-var y = "cylz3v6 _1y2v1nf3j", f = "cylz3v4 _1y2v1nfh4 _1y2v1nfku _1y2v1nfl9 _1y2v1nflo", _ = "cylz3v9 _1y2v1nf7p _1y2v1nfh8 _1y2v1nfhe", l = "cylz3vo", a = "_1y2v1nfke _1y2v1nfhu _1y2v1nfh8 _1y2v1nfhe", h = "cylz3vl", r = "cylz3v7", e = "_1y2v1nf4r _1y2v1nfi4 _1y2v1nfif _1y2v1nfjs", t = "cylz3vc _1y2v1nf7a _1y2v1nf8j _1y2v1nfh3 _1y2v1nfkf _1y2v1nfip _1y2v1nfhv _1y2v1nfh8 _1y2v1nfhh", o = "_1y2v1nfh8 _1y2v1nfhn _1y2v1nfik", i = "cylz3vf _1y2v1nf7m _1y2v1nf8v _1y2v1nfa4 _1y2v1nfbd _1y2v1nfh3 _1y2v1nfkf _1y2v1nfl9", c = "cylz3vk _1y2v1nfh4 _1y2v1nf3u _1y2v1nfkf _1y2v1nfku _1y2v1nfl9 _1y2v1nflo", k = "cylz3vq _1y2v1nf7g _1y2v1nf8p _1y2v1nf9y _1y2v1nfb7 _1y2v1nfh8 _1y2v1nfjl _1y2v1nfhn", z = "_1y2v1nfh6 _1y2v1nflo _1y2v1nf3j", s = "_1y2v1nfh6 _1y2v1nfkf _1y2v1nf3j", u = 400;
+var y = "cylz3v6 _1y2v1nf3k", f = "cylz3v4 _1y2v1nfh6 _1y2v1nfkw _1y2v1nflb _1y2v1nflq", _ = "cylz3v9 _1y2v1nf7r _1y2v1nfha _1y2v1nfhg", a = "cylz3vo", h = "_1y2v1nfkg _1y2v1nfhw _1y2v1nfha _1y2v1nfhg", r = "cylz3vl", l = "cylz3v7", t = "_1y2v1nf4s _1y2v1nfi6 _1y2v1nfih _1y2v1nfju", e = "cylz3vc _1y2v1nf7c _1y2v1nf8l _1y2v1nfh5 _1y2v1nfkh _1y2v1nfir _1y2v1nfhx _1y2v1nfha _1y2v1nfhj", o = "_1y2v1nfha _1y2v1nfhp _1y2v1nfim", i = "cylz3vf _1y2v1nf7o _1y2v1nf8x _1y2v1nfa6 _1y2v1nfbf _1y2v1nfh5 _1y2v1nfkh _1y2v1nflb", c = "cylz3vk _1y2v1nfh6 _1y2v1nf3v _1y2v1nfkh _1y2v1nfkw _1y2v1nflb _1y2v1nflq", k = "cylz3vq _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfha _1y2v1nfjn _1y2v1nfhp", z = "_1y2v1nfh8 _1y2v1nflq _1y2v1nf3k", s = "_1y2v1nfh8 _1y2v1nfkh _1y2v1nf3k", b = 400;

package/dist/skeletons.css-mistica.js

@@ -10,18 +10,18 @@ function _export(target, all) {
 }
 _export(exports, {
     animation: function() {
-        return r;
+        return o;
     },
     circle: function() {
-        return o;
+        return r;
     },
     line: function() {
-        return h;
+        return a;
     },
     row: function() {
-        return a;
+        return f;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./skeletons.css.ts.vanilla.css-mistica.js");
-var r = "zopolw2 _1y2v1nfha", o = "_1y2v1nfhq _1y2v1nfhs", h = "zopolw6 _1y2v1nfhr", a = "_1y2v1nfh8 _1y2v1nfhn _1y2v1nfhh";
+var o = "zopolw2 _1y2v1nfhc", r = "_1y2v1nfhs _1y2v1nfhu", a = "zopolw6 _1y2v1nfht", f = "_1y2v1nfha _1y2v1nfhp _1y2v1nfhj";

package/dist/skins/blau.js

@@ -179,10 +179,11 @@ const e = {
             tagTextError: e.blauRed70,
             tagBackgroundPromo: e.blauPurple10,
             tagBackgroundActive: e.blauBlueSecondary10,
-            tagBackgroundInactive: e.grey2,
+            tagBackgroundInactive: e.grey1,
             tagBackgroundSuccess: e.blauGreen10,
             tagBackgroundWarning: e.blauYellow10,
-            tagBackgroundError: e.blauRed10
+            tagBackgroundError: 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%)`
         },
         darkModeColors: {
             background: e.darkModeBlack,
@@ -308,7 +309,8 @@ const e = {
             tagBackgroundInactive: e.darkModeGrey6,
             tagBackgroundSuccess: e.darkModeGrey6,
             tagBackgroundWarning: e.darkModeGrey6,
-            tagBackgroundError: e.darkModeGrey6
+            tagBackgroundError: 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%)`
         },
         borderRadii: {
             avatar: "50%",

package/dist/skins/constants.d.ts

@@ -1,7 +1,6 @@
 export declare const MOVISTAR_SKIN = "Movistar";
-export declare const MOVISTAR_LEGACY_SKIN = "Movistar";
 export declare const O2_SKIN = "O2";
-export declare const O2_CLASSIC_SKIN = "O2-classic";
+export declare const O2_NEW_SKIN = "O2-new";
 export declare const VIVO_SKIN = "Vivo";
 export declare const VIVO_NEW_SKIN = "Vivo-new";
 export declare const TELEFONICA_SKIN = "Telefonica";

package/dist/skins/constants.js

@@ -10,31 +10,28 @@ function _export(target, all) {
 }
 _export(exports, {
     BLAU_SKIN: function() {
-        return n;
-    },
-    MOVISTAR_LEGACY_SKIN: function() {
-        return I;
+        return c;
     },
     MOVISTAR_SKIN: function() {
         return o;
     },
-    O2_CLASSIC_SKIN: function() {
-        return S;
+    O2_NEW_SKIN: function() {
+        return n;
     },
     O2_SKIN: function() {
-        return s;
+        return I;
     },
     TELEFONICA_SKIN: function() {
         return _;
     },
     TU_SKIN: function() {
-        return N;
+        return s;
     },
     VIVO_NEW_SKIN: function() {
         return t;
     },
     VIVO_SKIN: function() {
-        return c;
+        return N;
     }
 });
-const o = "Movistar", I = "Movistar", s = "O2", S = "O2-classic", c = "Vivo", t = "Vivo-new", _ = "Telefonica", n = "Blau", N = "Tu";
+const o = "Movistar", I = "O2", n = "O2-new", N = "Vivo", t = "Vivo-new", _ = "Telefonica", c = "Blau", s = "Tu";

package/dist/skins/movistar.d.ts

@@ -33,6 +33,7 @@ export declare const palette: {
     grey5: string;
     grey6: string;
     white: string;
+    black: string;
     movistarBlueDark: string;
     darkModeBlack: string;
     darkModeGrey: string;

package/dist/skins/movistar.js

@@ -52,6 +52,7 @@ const e = {
     grey5: "#86888C",
     grey6: "#313235",
     white: "#FFFFFF",
+    black: "#000000",
     movistarBlueDark: "#0B2739",
     darkModeBlack: "#061824",
     darkModeGrey: "#081F2E",
@@ -183,10 +184,11 @@ const e = {
             tagTextError: e.pepper70,
             tagBackgroundPromo: e.purple10,
             tagBackgroundActive: e.movistarBlue10,
-            tagBackgroundInactive: e.grey2,
+            tagBackgroundInactive: e.grey1,
             tagBackgroundSuccess: e.movistarGreen10,
             tagBackgroundWarning: e.egg10,
-            tagBackgroundError: e.pepper10
+            tagBackgroundError: e.pepper10,
+            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%)`
         },
         darkModeColors: {
             background: e.darkModeBlack,
@@ -312,7 +314,8 @@ const e = {
             tagBackgroundInactive: e.movistarBlueDark,
             tagBackgroundSuccess: e.movistarBlueDark,
             tagBackgroundWarning: e.movistarBlueDark,
-            tagBackgroundError: e.movistarBlueDark
+            tagBackgroundError: e.movistarBlueDark,
+            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%)`
         },
         borderRadii: {
             avatar: "50%",

package/dist/skins/o2-new.d.ts

@@ -0,0 +1,50 @@
+import type { GetKnownSkin } from './types';
+export declare const palette: {
+    beyondBlue: string;
+    beyondBlue10: string;
+    beyondBlue15: string;
+    beyondBlue30: string;
+    beyondBlue40: string;
+    beyondBlue45: string;
+    beyondBlue55: string;
+    beyondBlue70: string;
+    beyondBlue90: string;
+    darkBlue: string;
+    o2BlueLight: string;
+    o2BlueLight30: string;
+    o2BlueLight35: string;
+    o2Green: string;
+    o2Green10: string;
+    o2Green40: string;
+    o2Green80: string;
+    o2Yellow: string;
+    o2Orange: string;
+    o2Orange10: string;
+    o2Orange40: string;
+    o2Orange75: string;
+    o2Pink: string;
+    o2Pink15: string;
+    o2Pink30: string;
+    o2Pink80: string;
+    o2Red: string;
+    o2Red10: string;
+    o2Red20: string;
+    o2Red40: string;
+    o2Red45: string;
+    o2Red60: string;
+    o2Red65: string;
+    grey20: string;
+    grey30: string;
+    grey40: string;
+    grey45: string;
+    grey60: string;
+    grey80: string;
+    black: string;
+    white: string;
+    darkModeBlack: string;
+    darkModeGrey: string;
+    darkModeGrey6: string;
+    darkModeBeyondBlue: string;
+    darkModeBeyondBlueDark: string;
+};
+export declare const getO2NewSkin: GetKnownSkin;