@telefonica/mistica 16.23.0 → 16.25.0

package/dist/select.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return yt;
+        return bt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -27,6 +27,7 @@ const _textfieldbasecssmistica = require("./text-field-base.css-mistica.js");
 const _portal = require("./portal.js");
 const _css = require("./utils/css.js");
 const _themevariantcontext = require("./theme-variant-context.js");
+const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -125,11 +126,11 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const it = (param)=>{
-    let { id: ue, label: u, helperText: de, value: fe, defaultValue: pe, onChangeValue: C, name: i, fullWidth: P, options: d, optional: D, showOptionalLabel: me, disabled: he, error: Se, onBlur: M, autoFocus: z = !1, native: ve } = param;
+const ct = (param)=>{
+    let { id: de, label: u, helperText: fe, value: pe, defaultValue: me, onChangeValue: C, name: i, fullWidth: M, options: d, optional: P, showOptionalLabel: he, disabled: Se, error: ve, onBlur: D, autoFocus: z = !1, native: ge } = param;
     var ne;
-    const h = _react.useRef(null), f = _react.useRef(null), S = _react.useRef(null), v = _react.useRef(null), R = _react.useRef(/* @__PURE__ */ new Map()), [ge, Te] = _react.useState(!0), [g, Ie] = _react.useState(pe), [H, j] = _react.useState(!1), [K, U] = _react.useState(!1), [X, O] = _react.useState(!1), [a, F] = _react.useState({}), [T, W] = _react.useState(), G = _react.useRef(null), we = _react.useId(), L = ue || we, { rawValues: Ee, setRawValue: Z, setValue: $, formStatus: xe, formErrors: J, setFormError: Oe, register: B } = (0, _formcontext.useForm)(), { platformOverrides: Q } = (0, _hooks.useTheme)(), ye = ve || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(Q) || (0, _platform.isIos)(Q), I = he || xe === "sending", A = Se || !!J[i], Y = J[i] || de, l = fe !== null && fe !== void 0 ? fe : Ee[i], ee = (e)=>{
-        C == null || C(e), Oe({
+    const h = _react.useRef(null), f = _react.useRef(null), S = _react.useRef(null), v = _react.useRef(null), R = _react.useRef(/* @__PURE__ */ new Map()), [Te, Ie] = _react.useState(!0), [g, we] = _react.useState(me), [H, j] = _react.useState(!1), [K, U] = _react.useState(!1), [X, O] = _react.useState(!1), [a, F] = _react.useState({}), [T, W] = _react.useState(), G = _react.useRef(null), Ee = _react.useId(), L = de || Ee, { rawValues: xe, setRawValue: Z, setValue: $, formStatus: Oe, formErrors: J, setFormError: ye, register: B } = (0, _formcontext.useForm)(), { platformOverrides: Q } = (0, _hooks.useTheme)(), Ne = ge || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(Q) || (0, _platform.isIos)(Q), I = Se || Oe === "sending", A = ve || !!J[i], Y = J[i] || fe, l = pe !== null && pe !== void 0 ? pe : xe[i], ee = (e)=>{
+        C == null || C(e), ye({
             name: i,
             error: ""
         }), Z({
@@ -142,15 +143,15 @@ const it = (param)=>{
     }, w = (e)=>{
         if (e) {
             if (S != null && S.current) {
-                const o = S.current.getBoundingClientRect(), p = o.top, x = o.width, y = o.left, _e = o.height, N = p + _e, V = Math.min(d.length, 8) * 48 + 16;
+                const s = S.current.getBoundingClientRect(), p = s.top, x = s.width, y = s.left, ke = s.height, N = p + ke, V = Math.min(d.length, 8) * 48 + 16;
                 if (N + V + 12 > window.innerHeight) {
-                    const ke = window.innerHeight - N;
-                    if (p > ke) {
-                        const Ce = p - V;
+                    const Ce = window.innerHeight - N;
+                    if (p > Ce) {
+                        const Me = p - V;
                         F({
                             minWidth: x,
                             left: y,
-                            top: Math.max(Ce, 12),
+                            top: Math.max(Me, 12),
                             maxHeight: Math.min(p - 12, V),
                             transformOrigin: "center bottom"
                         });
@@ -175,19 +176,19 @@ const it = (param)=>{
         } else U(!1), j(!1), W(void 0);
     }, q = (e)=>{
         var t;
-        G.current = (t = v.current) == null ? void 0 : t.scrollTop, w(!1), ee && typeof e == "string" && ee(e), typeof l > "u" && Ie(e);
-    }, Ne = (e)=>{
-        var s;
-        const t = (s = v.current) == null ? void 0 : s.getBoundingClientRect();
+        G.current = (t = v.current) == null ? void 0 : t.scrollTop, w(!1), ee && typeof e == "string" && ee(e), typeof l > "u" && we(e);
+    }, be = (e)=>{
+        var o;
+        const t = (o = v.current) == null ? void 0 : o.getBoundingClientRect();
         if (t && e && R.current.has(e)) {
-            const c = R.current.get(e), o = c == null ? void 0 : c.getBoundingClientRect();
-            if (o && o.top + o.height / 2 >= t.top + t.height) {
+            const c = R.current.get(e), s = c == null ? void 0 : c.getBoundingClientRect();
+            if (s && s.top + s.height / 2 >= t.top + t.height) {
                 c == null || c.scrollIntoView();
                 return;
             }
-            o && o.top + o.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
+            s && s.top + s.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
         }
-    }, be = f.current, Re = h.current;
+    }, Re = f.current, Ae = h.current;
     _react.useEffect(()=>{
         Z({
             name: i,
@@ -216,42 +217,42 @@ const it = (param)=>{
         B,
         f,
         h,
-        be,
         Re,
+        Ae,
         u
     ]), _react.useEffect(()=>{
-        const e = (s)=>{
+        const e = (o)=>{
             var p;
-            const o = {
+            const s = {
                 [_keys.UP]: -1,
                 [_keys.DOWN]: 1
-            }[s.key];
-            if (o) {
-                (0, _dom.cancelEvent)(s);
+            }[o.key];
+            if (s) {
+                (0, _dom.cancelEvent)(o);
                 var _ref;
                 const x = (_ref = (p = d[d.findIndex((param)=>{
                     let { value: y } = param;
                     return y === T;
-                }) + o]) == null ? void 0 : p.value) !== null && _ref !== void 0 ? _ref : T;
-                W(x), Ne(x);
+                }) + s]) == null ? void 0 : p.value) !== null && _ref !== void 0 ? _ref : T;
+                W(x), be(x);
             }
-        }, t = (s)=>{
-            if (H) switch(s.key){
+        }, t = (o)=>{
+            if (H) switch(o.key){
                 case _keys.TAB:
-                    (0, _dom.cancelEvent)(s);
+                    (0, _dom.cancelEvent)(o);
                     break;
                 case _keys.ESC:
                     w(!1);
                     break;
                 case _keys.ENTER:
                 case _keys.SPACE:
-                    (0, _dom.cancelEvent)(s), d.findIndex((param)=>{
+                    (0, _dom.cancelEvent)(o), d.findIndex((param)=>{
                         let { value: c } = param;
                         return c === T;
                     }) !== -1 && T !== g && q(T), w(!1);
                     break;
             }
-            K && e(s);
+            K && e(o);
         };
         return document.addEventListener("keydown", t, !1), ()=>{
             document.removeEventListener("keydown", t, !1);
@@ -261,15 +262,15 @@ const it = (param)=>{
     }, [
         z
     ]), _react.useEffect(()=>{
-        Te(!1);
+        Ie(!1);
     }, []);
-    const Ae = (e)=>{
+    const Ve = (e)=>{
         var t;
         return e ? (t = d.find((param)=>{
-            let { value: s } = param;
-            return s === e;
+            let { value: o } = param;
+            return o === e;
         })) == null ? void 0 : t.text : "";
-    }, Ve = {
+    }, _e = {
         tabIndex: 0,
         onFocus: ()=>O(!0),
         onBlur: ()=>O(!1),
@@ -283,20 +284,20 @@ const it = (param)=>{
     var _a_transformOrigin;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
         isInverse: !1,
-        children: ye || ge ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
+        children: Ne || Te ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
             disabled: I,
             helperText: /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
                 error: A,
                 leftText: Y
             }),
             fieldRef: S,
-            fullWidth: P,
+            fullWidth: M,
             children: [
                 u && /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
                     error: A,
                     forId: L,
                     inputState: X ? "focused" : (E !== null && E !== void 0 ? E : (ne = h.current) == null ? void 0 : ne.value) ? "filled" : "default",
-                    showOptional: D && me,
+                    showOptional: P && he,
                     children: u
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsxs)("select", {
@@ -304,14 +305,14 @@ const it = (param)=>{
                     id: L,
                     "aria-invalid": !!A,
                     value: E,
-                    required: !D,
+                    required: !P,
                     disabled: I,
                     onChange: (e)=>{
                         q(e.target.value);
                     },
                     onFocus: ()=>O(!0),
                     onBlur: (e)=>{
-                        O(!1), M == null || M(e);
+                        O(!1), D == null || D(e);
                     },
                     ref: (e)=>{
                         [
@@ -366,7 +367,8 @@ const it = (param)=>{
                         className: _selectcssmistica.iconContainer,
                         "data-testid": "endIcon",
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevrondownregular.default, {
-                            size: te
+                            size: te,
+                            color: _skincontractcssmistica.vars.colors.neutralMedium
                         })
                     })
                 })
@@ -374,21 +376,22 @@ const it = (param)=>{
         }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
-                    className: _selectcssmistica.selectContainerVariants[P ? "fullWidth" : "default"],
+                    className: _selectcssmistica.selectContainerVariants[M ? "fullWidth" : "default"],
                     role: "button",
                     "aria-haspopup": "listbox",
                     ref: f
-                }, !I && Ve), {
+                }, !I && _e), {
                     children: [
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, {
                             style: {
                                 visibility: "hidden"
                             },
-                            fullWidth: P,
+                            fullWidth: M,
                             endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _selectcssmistica.iconContainer,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevrondownregular.default, {
-                                    size: te
+                                    size: te,
+                                    color: _skincontractcssmistica.vars.colors.neutralMedium
                                 })
                             }),
                             focus: X,
@@ -397,7 +400,7 @@ const it = (param)=>{
                             shrinkLabel: !!(l || g),
                             name: i,
                             helperText: Y,
-                            required: !D,
+                            required: !P,
                             disabled: I,
                             id: L,
                             error: A,
@@ -406,7 +409,7 @@ const it = (param)=>{
                         }),
                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                             className: (0, _classnames.default)(_selectcssmistica.selectTextVariants[I ? "disabled" : "default"], u ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
-                            children: Ae(E)
+                            children: Ve(E)
                         })
                     ]
                 })),
@@ -439,8 +442,8 @@ const it = (param)=>{
                                     }),
                                     onPointerDown: _dom.cancelEvent,
                                     onClick: ()=>q(e),
-                                    ref: (s)=>{
-                                        s ? R.current.set(e, s) : R.current.delete(e);
+                                    ref: (o)=>{
+                                        o ? R.current.set(e, o) : R.current.delete(e);
                                     },
                                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                                         regular: !0,
@@ -454,4 +457,4 @@ const it = (param)=>{
             ]
         })
     });
-}, yt = it;
+}, bt = ct;

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_23_4k81wx1 v16_23_1y2v1nf8s v16_23_1y2v1nfa1 v16_23_1y2v1nfba v16_23_1y2v1nfcj v16_23_1y2v1nfik v16_23_1y2v1nfkx v16_23_1y2v1nfiz";
+var n = "v16_25_4k81wx1 v16_25_1y2v1nf8u v16_25_1y2v1nfa3 v16_25_1y2v1nfbc v16_25_1y2v1nfcl v16_25_1y2v1nfim v16_25_1y2v1nfkz v16_25_1y2v1nfj1";

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

@@ -25,22 +25,22 @@ _export(exports, {
         return e;
     },
     closingOverlay: function() {
-        return r;
+        return a;
     },
     closingSheet: function() {
-        return a;
+        return r;
     },
     handleBar: function() {
         return t;
     },
     handleContainer: function() {
-        return l;
+        return o;
     },
     handleTouchable: function() {
         return m;
     },
     modalCloseButton: function() {
-        return o;
+        return l;
     },
     overlay: function() {
         return d;
@@ -49,15 +49,15 @@ _export(exports, {
         return p;
     },
     stickyButtons: function() {
-        return g;
+        return h;
     },
     stickyTitle: function() {
-        return h;
+        return s;
     },
     transitionDuration: function() {
-        return j;
+        return u;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./sheet-common.css.ts.vanilla.css-mistica.js");
-var n = "v16_23_pidemf6 v16_23_1y2v1nf47", f = "v16_23_pidemf4 v16_23_1y2v1nfig v16_23_1y2v1nfm6 v16_23_1y2v1nfml v16_23_1y2v1nfn0", y = "v16_23_pidemf9 v16_23_1y2v1nf91 v16_23_1y2v1nfik v16_23_1y2v1nfiq", i = "v16_23_pidemfu", e = "v16_23_1y2v1nflq v16_23_1y2v1nfj6 v16_23_1y2v1nfik v16_23_1y2v1nfiq", r = "v16_23_pidemfp", a = "v16_23_pidemf7", t = "v16_23_1y2v1nf5g v16_23_1y2v1nfj7 v16_23_1y2v1nfjo v16_23_1y2v1nfl4", l = "v16_23_pidemfe v16_23_1y2v1nfij", m = "v16_23_1y2v1nfjg v16_23_1y2v1nfjr", o = "v16_23_pidemfj v16_23_1y2v1nf8y v16_23_1y2v1nfa7 v16_23_1y2v1nfbg v16_23_1y2v1nfcp v16_23_1y2v1nfif v16_23_1y2v1nflr v16_23_1y2v1nfml", d = "v16_23_pidemfo v16_23_1y2v1nfig v16_23_1y2v1nf4j v16_23_1y2v1nflr v16_23_1y2v1nfm6 v16_23_1y2v1nfml v16_23_1y2v1nfn0", p = "v16_23_pidemfc v16_23_1y2v1nf8m v16_23_1y2v1nf9v v16_23_1y2v1nfif v16_23_1y2v1nflr v16_23_1y2v1nfk1 v16_23_1y2v1nfj7 v16_23_1y2v1nfik v16_23_1y2v1nfit", g = "v16_23_pidemft v16_23_1y2v1nfii v16_23_1y2v1nfn0 v16_23_1y2v1nf47", h = "v16_23_pidemfr v16_23_1y2v1nfii v16_23_1y2v1nflr v16_23_1y2v1nf47", j = 400;
+var n = "v16_25_pidemf6 v16_25_1y2v1nf48", f = "v16_25_pidemf4 v16_25_1y2v1nfii v16_25_1y2v1nfm9 v16_25_1y2v1nfmo v16_25_1y2v1nfn3", y = "v16_25_pidemf9 v16_25_1y2v1nf93 v16_25_1y2v1nfim v16_25_1y2v1nfis", i = "v16_25_pidemfu", e = "v16_25_1y2v1nflt v16_25_1y2v1nfj8 v16_25_1y2v1nfim v16_25_1y2v1nfis", a = "v16_25_pidemfp", r = "v16_25_pidemf7", t = "v16_25_1y2v1nf5i v16_25_1y2v1nfj9 v16_25_1y2v1nfjq v16_25_1y2v1nfl7", o = "v16_25_pidemfe v16_25_1y2v1nfil", m = "v16_25_1y2v1nfji v16_25_1y2v1nfjt", l = "v16_25_pidemfj v16_25_1y2v1nf90 v16_25_1y2v1nfa9 v16_25_1y2v1nfbi v16_25_1y2v1nfcr v16_25_1y2v1nfih v16_25_1y2v1nflu v16_25_1y2v1nfmo", d = "v16_25_pidemfo v16_25_1y2v1nfii v16_25_1y2v1nf4k v16_25_1y2v1nflu v16_25_1y2v1nfm9 v16_25_1y2v1nfmo v16_25_1y2v1nfn3", p = "v16_25_pidemfc v16_25_1y2v1nf8o v16_25_1y2v1nf9x v16_25_1y2v1nfih v16_25_1y2v1nflu v16_25_1y2v1nfk3 v16_25_1y2v1nfj9 v16_25_1y2v1nfim v16_25_1y2v1nfiv", h = "v16_25_pidemft v16_25_1y2v1nfik v16_25_1y2v1nfn3 v16_25_1y2v1nf48", s = "v16_25_pidemfr v16_25_1y2v1nfik v16_25_1y2v1nflu v16_25_1y2v1nf48", u = 400;

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

@@ -20,4 +20,4 @@ _export(exports, {
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var _ = "v16_23_1y2v1nfik v16_23_1y2v1nfiz v16_23_1y2v1nfjw", n = "v16_23_1y2v1nfjo v16_23_1y2v1nfik", f = "v16_23_1y2v1nf8s v16_23_1y2v1nfa1 v16_23_1y2v1nfik v16_23_1y2v1nfiz v16_23_1y2v1nfkx";
+var _ = "v16_25_1y2v1nfim v16_25_1y2v1nfj1 v16_25_1y2v1nfjy", n = "v16_25_1y2v1nfjq v16_25_1y2v1nfim", f = "v16_25_1y2v1nf8u v16_25_1y2v1nfa3 v16_25_1y2v1nfim v16_25_1y2v1nfj1 v16_25_1y2v1nfkz";

package/dist/skeletons.css-mistica.js

@@ -16,7 +16,7 @@ _export(exports, {
         return r;
     },
     circle: function() {
-        return i;
+        return o;
     },
     line: function() {
         return a;
@@ -27,7 +27,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./skeletons.css.ts.vanilla.css-mistica.js");
-var n = "v16_23_zopolw6 v16_23_1y2v1nfim", r = {
-    default: "v16_23_1y2v1nf4k",
-    inverse: "v16_23_1y2v1nf4l"
-}, i = "v16_23_1y2v1nfj2 v16_23_1y2v1nfj4", a = "v16_23_zopolwa v16_23_1y2v1nfj3", f = "v16_23_1y2v1nfik v16_23_1y2v1nfiz v16_23_1y2v1nfit";
+var n = "v16_25_zopolw6 v16_25_1y2v1nfio", r = {
+    default: "v16_25_1y2v1nf4l",
+    inverse: "v16_25_1y2v1nf4m"
+}, o = "v16_25_1y2v1nfj4 v16_25_1y2v1nfj6", a = "v16_25_zopolwa v16_25_1y2v1nfj5", f = "v16_25_1y2v1nfim v16_25_1y2v1nfj1 v16_25_1y2v1nfiv";

package/dist/skins/blau.js

@@ -120,6 +120,7 @@ const e = {
             textLinkSnackbar: e.blauPurple30,
             textActivated: e.blauBlueSecondary,
             textBrand: e.blauBluePrimary,
+            inputBorder: e.grey5,
             control: e.grey5,
             controlActivated: e.blauBlueSecondary,
             controlInverse: e.blauBluePrimary30,
@@ -270,6 +271,7 @@ const e = {
             textLinkSnackbar: e.blauPurple30,
             textActivated: e.blauBlueSecondary,
             textBrand: e.blauBluePrimary,
+            inputBorder: e.grey5,
             control: e.darkModeGrey6,
             controlActivated: e.blauBlueSecondary,
             controlInverse: e.darkModeGrey6,

package/dist/skins/esimflag.d.ts

@@ -21,6 +21,7 @@ export declare const palette: {
     purple10: string;
     purple55: string;
     blush: string;
+    blush20: string;
     teal: string;
     teal10: string;
     teal75: string;

package/dist/skins/esimflag.js

@@ -40,6 +40,7 @@ const e = {
     purple10: "#FCEFFC",
     purple55: "#8B3AA8",
     blush: "#FFD2E3",
+    blush20: "#FFF1F7",
     teal: "#2FDDEA",
     teal10: "#D5F8FB",
     teal75: "#197980",
@@ -52,7 +53,7 @@ const e = {
     grey1: "#F1F7FF",
     grey2: "#E3EEFF",
     grey3: "#CCD6E5",
-    grey4: "#9FA7B2",
+    grey4: "#828D9B",
     grey5: "#666B73",
     grey6: "#393C40",
     black: "#00091A",
@@ -125,6 +126,7 @@ const e = {
             textLinkSnackbar: e.blue30,
             textActivated: e.blue,
             textBrand: e.blue,
+            inputBorder: e.grey4,
             control: e.grey4,
             controlActivated: e.blue,
             controlInverse: e.blue20,
@@ -162,7 +164,7 @@ const e = {
             textError: e.tomato55,
             textErrorInverse: e.white,
             promo: e.purple,
-            highlight: e.teal,
+            highlight: e.teal75,
             successLow: e.grass10,
             warningLow: e.peach10,
             errorLow: e.tomato10,
@@ -193,7 +195,7 @@ const e = {
             tagBackgroundPromo: e.blush,
             tagBackgroundActive: e.teal,
             tagBackgroundInactive: e.grey2,
-            tagBackgroundInfo: e.purple,
+            tagBackgroundInfo: e.purple30,
             tagBackgroundSuccess: e.grass,
             tagBackgroundWarning: e.peach,
             tagBackgroundError: e.chili,
@@ -204,7 +206,7 @@ const e = {
             tagTextSuccessInverse: e.grass75,
             tagTextWarningInverse: e.peach75,
             tagTextErrorInverse: e.tomato65,
-            tagBackgroundPromoInverse: e.purple10,
+            tagBackgroundPromoInverse: e.blush,
             tagBackgroundActiveInverse: e.teal10,
             tagBackgroundInactiveInverse: e.grey2,
             tagBackgroundInfoInverse: e.purple10,
@@ -275,6 +277,7 @@ const e = {
             textLinkSnackbar: e.blue30,
             textActivated: e.blue30,
             textBrand: e.blue30,
+            inputBorder: e.grey4,
             control: e.grey4,
             controlActivated: e.blue,
             controlInverse: e.grey4,

package/dist/skins/movistar.js

@@ -70,7 +70,7 @@ const e = {
     darkModeGrey: "#081F2E",
     darkModeGrey2: "#EAEBEE",
     darkModeGrey3: "#CED4D7",
-    darkModeGrey4: "#85939C",
+    darkModeGrey4: "#89969F",
     darkModeGrey5: "#6D7D88",
     darkModeGrey6: "#3C5261",
     darkModeGrey7: "#032F46"
@@ -138,6 +138,7 @@ const e = {
             textLinkSnackbar: e.movistarBlue30,
             textActivated: e.movistarBlueHC,
             textBrand: e.movistarBlueHC,
+            inputBorder: e.grey4,
             control: e.grey4,
             controlActivated: e.movistarBlue,
             controlInverse: e.movistarBlue20,
@@ -288,6 +289,7 @@ const e = {
             textLinkSnackbar: e.movistarBlue,
             textActivated: e.movistarBlue,
             textBrand: e.movistarBlue,
+            inputBorder: e.darkModeGrey4,
             control: e.darkModeGrey4,
             controlActivated: e.movistarBlue,
             controlInverse: e.darkModeGrey4,
@@ -313,8 +315,8 @@ const e = {
             neutralHigh: e.darkModeGrey2,
             neutralMedium: e.darkModeGrey5,
             neutralMediumInverse: e.grey5,
-            neutralLow: e.darkModeGrey6,
-            neutralLowAlternative: e.darkModeGrey6,
+            neutralLow: e.darkModeGrey7,
+            neutralLowAlternative: e.darkModeGrey7,
             textPrimary: e.darkModeGrey2,
             textPrimaryInverse: e.darkModeGrey2,
             textSecondary: e.darkModeGrey4,

package/dist/skins/o2-new.js

@@ -56,7 +56,7 @@ const e = {
     grey20: "#F3F3F5",
     grey30: "#D9D9DD",
     grey40: "#B4B4BE",
-    grey45: "#8C8C9A",
+    grey45: "#8A8A98",
     grey60: "#6E6E77",
     grey80: "#3C3C46",
     black: "#00001E",
@@ -129,6 +129,7 @@ const e = {
             textLinkSnackbar: e.beyondBlue30,
             textActivated: e.beyondBlue,
             textBrand: e.beyondBlue,
+            inputBorder: e.grey45,
             control: e.grey45,
             controlActivated: e.beyondBlue,
             controlInverse: e.white,
@@ -279,6 +280,7 @@ const e = {
             textLinkSnackbar: e.beyondBlue30,
             textActivated: e.beyondBlue30,
             textBrand: e.beyondBlue30,
+            inputBorder: e.grey45,
             control: e.grey45,
             controlActivated: e.darkModeBeyondBlue,
             controlInverse: e.grey45,
@@ -304,8 +306,8 @@ const e = {
             neutralHigh: e.grey30,
             neutralMedium: e.grey60,
             neutralMediumInverse: e.grey60,
-            neutralLow: e.grey80,
-            neutralLowAlternative: e.grey80,
+            neutralLow: e.darkModeGrey6,
+            neutralLowAlternative: e.darkModeGrey6,
             textPrimary: e.grey30,
             textPrimaryInverse: e.grey30,
             textSecondary: e.grey45,

package/dist/skins/o2.js

@@ -125,6 +125,7 @@ const e = {
             textLinkSnackbar: e.o2BluePrimary30,
             textActivated: e.o2BluePrimary,
             textBrand: e.o2BluePrimary,
+            inputBorder: e.grey3,
             control: e.grey3,
             controlActivated: e.o2BluePrimary,
             controlInverse: e.o2BluePrimary30,
@@ -275,6 +276,7 @@ const e = {
             textLinkSnackbar: e.o2BluePrimary30,
             textActivated: e.o2BluePrimary30,
             textBrand: e.o2BluePrimary30,
+            inputBorder: e.darkModeGrey6,
             control: e.darkModeGrey6,
             controlActivated: e.o2BluePrimary30,
             controlInverse: e.darkModeGrey6,