@telefonica/mistica 16.71.0 → 17.0.0

package/dist/icon-button.css-mistica.js

@@ -19,31 +19,31 @@ _export(exports, {
         return i;
     },
     get button () {
-        return y;
+        return _;
     },
     get buttonContainer () {
         return q;
     },
     get disabled () {
-        return a;
+        return v;
     },
     get icon () {
         return b;
     },
     get iconButtonTokens () {
-        return t;
+        return a;
     },
     get iconContainer () {
         return s;
     },
     get iconContainerSize () {
-        return o;
+        return y;
     },
     get iconSize () {
-        return r;
+        return o;
     },
     get isLoading () {
-        return v;
+        return n;
     },
     get minimumInteractiveArea () {
         return d;
@@ -52,70 +52,70 @@ _export(exports, {
         return u;
     },
     get overlayContainer () {
-        return n;
+        return r;
     },
     get spinner () {
         return g;
     }
 });
-/* empty css                                     */ /* empty css                                       */ var t = {
-    "brand-solid-default": "v16_71_yqt1oe4",
-    "brand-solid-brand": "v16_71_yqt1oe5",
-    "brand-solid-negative": "v16_71_yqt1oe6",
-    "brand-solid-alternative": "v16_71_yqt1oe7",
-    "brand-soft-default": "v16_71_yqt1oe8",
-    "brand-soft-brand": "v16_71_yqt1oe9",
-    "brand-soft-negative": "v16_71_yqt1oea",
-    "brand-soft-alternative": "v16_71_yqt1oeb",
-    "brand-transparent-default": "v16_71_yqt1oec",
-    "brand-transparent-brand": "v16_71_yqt1oed",
-    "brand-transparent-negative": "v16_71_yqt1oee",
-    "brand-transparent-alternative": "v16_71_yqt1oef",
-    "neutral-solid-default": "v16_71_yqt1oeg",
-    "neutral-solid-brand": "v16_71_yqt1oeh",
-    "neutral-solid-negative": "v16_71_yqt1oei",
-    "neutral-solid-alternative": "v16_71_yqt1oej",
-    "neutral-soft-default": "v16_71_yqt1oek",
-    "neutral-soft-brand": "v16_71_yqt1oel",
-    "neutral-soft-negative": "v16_71_yqt1oem",
-    "neutral-soft-alternative": "v16_71_yqt1oen",
-    "neutral-transparent-default": "v16_71_yqt1oeo",
-    "neutral-transparent-brand": "v16_71_yqt1oep",
-    "neutral-transparent-negative": "v16_71_yqt1oeq",
-    "neutral-transparent-alternative": "v16_71_yqt1oer",
-    "danger-solid-default": "v16_71_yqt1oes",
-    "danger-solid-brand": "v16_71_yqt1oet",
-    "danger-solid-negative": "v16_71_yqt1oeu",
-    "danger-solid-alternative": "v16_71_yqt1oev",
-    "danger-soft-default": "v16_71_yqt1oew",
-    "danger-soft-brand": "v16_71_yqt1oex",
-    "danger-soft-negative": "v16_71_yqt1oey",
-    "danger-soft-alternative": "v16_71_yqt1oez",
-    "danger-transparent-default": "v16_71_yqt1oe10",
-    "danger-transparent-brand": "v16_71_yqt1oe11",
-    "danger-transparent-negative": "v16_71_yqt1oe12",
-    "danger-transparent-alternative": "v16_71_yqt1oe13",
-    "brand-media": "v16_71_yqt1oe14",
-    "neutral-media": "v16_71_yqt1oe15",
-    "danger-media": "v16_71_yqt1oe16"
-}, a = "v16_71_yqt1oe17", v = "v16_71_yqt1oe18", n = "v16_71_yqt1oe19", r = {
+/* empty css                                     */ /* empty css                                       */ var a = {
+    "brand-solid-default": "v17_yqt1oe4",
+    "brand-solid-brand": "v17_yqt1oe5",
+    "brand-solid-negative": "v17_yqt1oe6",
+    "brand-solid-alternative": "v17_yqt1oe7",
+    "brand-soft-default": "v17_yqt1oe8",
+    "brand-soft-brand": "v17_yqt1oe9",
+    "brand-soft-negative": "v17_yqt1oea",
+    "brand-soft-alternative": "v17_yqt1oeb",
+    "brand-transparent-default": "v17_yqt1oec",
+    "brand-transparent-brand": "v17_yqt1oed",
+    "brand-transparent-negative": "v17_yqt1oee",
+    "brand-transparent-alternative": "v17_yqt1oef",
+    "neutral-solid-default": "v17_yqt1oeg",
+    "neutral-solid-brand": "v17_yqt1oeh",
+    "neutral-solid-negative": "v17_yqt1oei",
+    "neutral-solid-alternative": "v17_yqt1oej",
+    "neutral-soft-default": "v17_yqt1oek",
+    "neutral-soft-brand": "v17_yqt1oel",
+    "neutral-soft-negative": "v17_yqt1oem",
+    "neutral-soft-alternative": "v17_yqt1oen",
+    "neutral-transparent-default": "v17_yqt1oeo",
+    "neutral-transparent-brand": "v17_yqt1oep",
+    "neutral-transparent-negative": "v17_yqt1oeq",
+    "neutral-transparent-alternative": "v17_yqt1oer",
+    "danger-solid-default": "v17_yqt1oes",
+    "danger-solid-brand": "v17_yqt1oet",
+    "danger-solid-negative": "v17_yqt1oeu",
+    "danger-solid-alternative": "v17_yqt1oev",
+    "danger-soft-default": "v17_yqt1oew",
+    "danger-soft-brand": "v17_yqt1oex",
+    "danger-soft-negative": "v17_yqt1oey",
+    "danger-soft-alternative": "v17_yqt1oez",
+    "danger-transparent-default": "v17_yqt1oe10",
+    "danger-transparent-brand": "v17_yqt1oe11",
+    "danger-transparent-negative": "v17_yqt1oe12",
+    "danger-transparent-alternative": "v17_yqt1oe13",
+    "brand-media": "v17_yqt1oe14",
+    "neutral-media": "v17_yqt1oe15",
+    "danger-media": "v17_yqt1oe16"
+}, v = "v17_yqt1oe17", n = "v17_yqt1oe18", r = "v17_yqt1oe19", o = {
     default: "1.5rem",
     small: "1.25rem"
-}, o = {
+}, y = {
     small: "calc(1.25rem + 12px)"
-}, y = "v16_71_yqt1oe1a v16_71_1y2v1nffx v16_71_1y2v1nfh6 v16_71_1y2v1nfif v16_71_1y2v1nfjo v16_71_1y2v1nfsm v16_71_1y2v1nffw v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd", q = {
-    default: "v16_71_yqt1oe1c v16_71_yqt1oe1b",
-    small: "v16_71_yqt1oe1d v16_71_yqt1oe1b"
-}, d = "v16_71_yqt1oe1f", l = {
-    default: "v16_71_yqt1oe1g",
-    small: "v16_71_yqt1oe1h"
+}, _ = "v17_yqt1oe1a v17_1y2v1nffx v17_1y2v1nfh6 v17_1y2v1nfif v17_1y2v1nfjo v17_1y2v1nfsm v17_1y2v1nffw v17_1y2v1nfq4 v17_1y2v1nfqj v17_1y2v1nfqd", q = {
+    default: "v17_yqt1oe1c v17_yqt1oe1b",
+    small: "v17_yqt1oe1d v17_yqt1oe1b"
+}, d = "v17_yqt1oe1f", l = {
+    default: "v17_yqt1oe1g",
+    small: "v17_yqt1oe1h"
 }, f = {
-    default: "v16_71_yqt1oe1i",
-    small: "v16_71_yqt1oe1j"
+    default: "v17_yqt1oe1i",
+    small: "v17_yqt1oe1j"
 }, i = {
-    default: "v16_71_yqt1oe1k",
-    small: "v16_71_yqt1oe1l"
+    default: "v17_yqt1oe1k",
+    small: "v17_yqt1oe1l"
 }, s = {
-    default: "v16_71_yqt1oe1o v16_71_yqt1oe1n v16_71_yqt1oe1m v16_71_1y2v1nfso v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft8 v16_71_1y2v1nfpy",
-    small: "v16_71_yqt1oe1p v16_71_yqt1oe1n v16_71_yqt1oe1m v16_71_1y2v1nfso v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft8 v16_71_1y2v1nfpy"
-}, u = "v16_71_yqt1oe1q", b = "v16_71_yqt1oe1s v16_71_yqt1oe1r v16_71_1y2v1nfpy v16_71_1y2v1nfq5", g = "v16_71_yqt1oe1u v16_71_yqt1oe1t v16_71_1y2v1nfpz";
+    default: "v17_yqt1oe1o v17_yqt1oe1n v17_yqt1oe1m v17_1y2v1nfso v17_1y2v1nfq4 v17_1y2v1nfqj v17_1y2v1nfqd v17_1y2v1nft7 v17_1y2v1nfpy",
+    small: "v17_yqt1oe1p v17_yqt1oe1n v17_yqt1oe1m v17_1y2v1nfso v17_1y2v1nfq4 v17_1y2v1nfqj v17_1y2v1nfqd v17_1y2v1nft7 v17_1y2v1nfpy"
+}, u = "v17_yqt1oe1q", b = "v17_yqt1oe1s v17_yqt1oe1r v17_1y2v1nfpy v17_1y2v1nfq5", g = "v17_yqt1oe1u v17_yqt1oe1t v17_1y2v1nfpz";

package/dist/icon-button.js

@@ -159,7 +159,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const C = /*#__PURE__*/ _react.forwardRef((_param, N)=>{
-    var { disabled: e, trackingEvent: o, role: p, dataAttributes: h, type: i = "neutral", backgroundType: g = "transparent", hasOverlay: v = !0, small: I, Icon: l, bleedLeft: a, bleedRight: m, bleedY: c, showSpinner: d, "aria-disabled": S } = _param, u = _object_without_properties(_param, [
+    var { disabled: e, trackingEvent: o, role: h, dataAttributes: p, type: i = "neutral", backgroundType: v = "transparent", hasOverlay: S = !0, small: g, Icon: l, bleedLeft: a, bleedRight: m, bleedY: c, showSpinner: d, "aria-disabled": R } = _param, u = _object_without_properties(_param, [
         "disabled",
         "trackingEvent",
         "role",
@@ -175,26 +175,25 @@ const C = /*#__PURE__*/ _react.forwardRef((_param, N)=>{
         "showSpinner",
         "aria-disabled"
     ]);
-    const B = (0, _themevariantcontext.useThemeVariant)(), [y, b] = _react.useState(!1), t = d || y, [f, T] = _react.useState(!!t);
+    const b = (0, _themevariantcontext.useThemeVariant)(), [y, B] = _react.useState(!1), t = d || y, [f, w] = _react.useState(!!t);
     _react.useEffect(()=>{
-        t && !f && T(!0);
+        t && !f && w(!0);
     }, [
         t,
         f
     ]);
-    const s = I ? "small" : "default", z = B === "media" ? `${i}-media` : `${i}-${g}-${B}`, x = {
+    const s = g ? "small" : "default", z = b === "media" ? `${i}-media` : `${i}-${v}-${b}`, x = {
         disabled: e || t,
-        "aria-disabled": S,
+        "aria-disabled": R,
         ref: N,
         trackingEvent: o,
-        role: p,
+        role: h,
         dataAttributes: _object_spread({
-            "component-name": "IconButton",
             testid: "IconButton"
-        }, h),
+        }, p),
         className: (0, _classnames.default)(_iconbuttoncssmistica.button, _iconbuttoncssmistica.iconButtonTokens[z], _iconbuttoncssmistica.minimumInteractiveArea, {
-            [_iconbuttoncssmistica.disabled]: e || S,
-            [_iconbuttoncssmistica.overlayContainer]: !e && !t && !S
+            [_iconbuttoncssmistica.disabled]: e || R,
+            [_iconbuttoncssmistica.overlayContainer]: !e && !t && !R
         }),
         resetMargin: !a && !m && !c
     }, A = /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
@@ -202,7 +201,7 @@ const C = /*#__PURE__*/ _react.forwardRef((_param, N)=>{
             [_iconbuttoncssmistica.isLoading]: t
         }),
         children: [
-            v && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            S && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _iconbuttoncssmistica.overlay
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -217,7 +216,7 @@ const C = /*#__PURE__*/ _react.forwardRef((_param, N)=>{
                 "aria-hidden": t ? void 0 : !0,
                 className: _iconbuttoncssmistica.spinner,
                 onTransitionEnd: ()=>{
-                    t !== f && T(t);
+                    t !== f && w(t);
                 },
                 children: f && /* @__PURE__ */ (0, _jsxruntime.jsx)(_spinner.default, {
                     size: _iconbuttoncssmistica.iconSize[s],
@@ -230,8 +229,8 @@ const C = /*#__PURE__*/ _react.forwardRef((_param, N)=>{
     if (u.onPress) {
         const O = u.onPress;
         u.onPress = (j)=>{
-            const w = O(j);
-            w && (b(!0), w.finally(()=>b(!1)));
+            const T = O(j);
+            T && (B(!0), T.finally(()=>B(!1)));
         };
     }
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -249,8 +248,8 @@ const C = /*#__PURE__*/ _react.forwardRef((_param, N)=>{
         ref: o
     }, e))), ie = /*#__PURE__*/ _react.forwardRef((e, o)=>/* @__PURE__ */ (0, _jsxruntime.jsx)($, _object_spread({
         ref: o
-    }, e))), D = /*#__PURE__*/ _react.forwardRef((_param, I)=>{
-    var { checked: e, defaultChecked: o, checkedProps: p, uncheckedProps: h, onChange: i, dataAttributes: g } = _param, v = _object_without_properties(_param, [
+    }, e))), D = /*#__PURE__*/ _react.forwardRef((_param, g)=>{
+    var { checked: e, defaultChecked: o, checkedProps: h, uncheckedProps: p, onChange: i, dataAttributes: v } = _param, S = _object_without_properties(_param, [
         "checked",
         "defaultChecked",
         "checkedProps",
@@ -266,12 +265,11 @@ const C = /*#__PURE__*/ _react.forwardRef((_param, N)=>{
         } else return i === null || i === void 0 ? void 0 : i(!e);
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(C, _object_spread_props(_object_spread({
-        ref: I
-    }, v, (e !== null && e !== void 0 ? e : l) ? p : h), {
+        ref: g
+    }, S, (e !== null && e !== void 0 ? e : l) ? h : p), {
         dataAttributes: _object_spread({
-            "component-name": "ToggleIconButton",
             testid: "ToggleIconButton"
-        }, g),
+        }, v),
         onPress: m
     }));
 }), ae = /*#__PURE__*/ _react.forwardRef((e, o)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(D, _object_spread({

package/dist/icons/icon-chevron.css-mistica.js

@@ -20,5 +20,5 @@ _export(exports, {
     }
 });
 /* empty css                                        */ var o = {
-    transitionDuration: "var(--v16_71_77bqcx0)"
-}, a = "v16_71_77bqcx1", v = "v16_71_77bqcx2";
+    transitionDuration: "var(--v17_77bqcx0)"
+}, a = "v17_77bqcx1", v = "v17_77bqcx2";

package/dist/icons/icon-chevron.js

@@ -122,7 +122,7 @@ const L = (param)=>{
         style: e
     };
     switch(p){
-        case _constants.O2_NEW_SKIN:
+        case _constants.O2_SKIN:
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(N, _object_spread({}, i));
         case _constants.BLAU_SKIN:
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(w, _object_spread({}, i));

package/dist/icons/icon-error.css-mistica.js

@@ -16,4 +16,4 @@ _export(exports, {
         return a;
     }
 });
-/* empty css                                      */ var a = "v16_71_1ao3f5e1", i = "v16_71_1ao3f5e2";
+/* empty css                                      */ var a = "v17_1ao3f5e1", i = "v17_1ao3f5e2";

package/dist/icons/icon-error.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return W;
+        return N;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -44,58 +44,6 @@ function _object_spread(target) {
     return target;
 }
 const f = (param)=>{
-    let { size: o = 48 } = param;
-    const { platformOverrides: e } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
-        role: "presentation",
-        width: o,
-        height: o,
-        viewBox: "0 0 64 64",
-        overflow: "visible",
-        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
-            stroke: _skincontractcssmistica.vars.colors.error,
-            fill: _skincontractcssmistica.vars.colors.error,
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-                /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
-                    className: _iconerrorcssmistica.outerAnimation,
-                    children: [
-                        /* @__PURE__ */ (0, _jsxruntime.jsx)("path", _object_spread({
-                            strokeWidth: "2",
-                            fill: "none",
-                            d: "M48.24,57.99c-4.71,2.95-10.27,4.65-16.24,4.65C15.08,62.64,1.36,48.92,1.36,32S15.08,1.36,32,1.36 S62.64,15.08,62.64,32c0,6.11-1.79,11.8-4.87,16.58"
-                        }, (0, _animation.getAnimateDrawLineProps)("202", "0.3s", e))),
-                        /* @__PURE__ */ (0, _jsxruntime.jsx)("circle", _object_spread({
-                            cx: "53.64",
-                            cy: "53.54",
-                            r: "1.06"
-                        }, (0, _animation.getAnimateFadeInProps)("0.2s", e)))
-                    ]
-                }),
-                /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
-                    className: _iconerrorcssmistica.innerAnimation,
-                    children: [
-                        /* @__PURE__ */ (0, _jsxruntime.jsx)("line", _object_spread({
-                            strokeWidth: "2",
-                            fill: "none",
-                            x1: "32",
-                            y1: "14.86",
-                            x2: "32",
-                            y2: "39.08"
-                        }, (0, _animation.getAnimateDrawLineProps)("110", "0.6s", e))),
-                        /* @__PURE__ */ (0, _jsxruntime.jsx)("circle", _object_spread({
-                            strokeWidth: "0",
-                            cx: "32",
-                            cy: "46.25",
-                            r: "1.72"
-                        }, (0, _animation.getAnimateFadeInProps)("0.8s", e)))
-                    ]
-                })
-            ]
-        })
-    });
-}, k = (param)=>{
     let { size: o = 48 } = param;
     const { platformOverrides: e } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
@@ -142,7 +90,7 @@ const f = (param)=>{
             ]
         })
     });
-}, g = (param)=>{
+}, k = (param)=>{
     let { size: o = 48 } = param;
     const { platformOverrides: e } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
@@ -191,7 +139,7 @@ const f = (param)=>{
             ]
         })
     });
-}, v = (param)=>{
+}, g = (param)=>{
     let { size: o = 48 } = param;
     const { platformOverrides: e } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
@@ -235,16 +183,15 @@ const f = (param)=>{
             ]
         })
     });
-}, W = (o)=>{
+}, N = (o)=>{
     const { skinName: e } = (0, _hooks.useTheme)();
     switch(e){
         case _constants.O2_SKIN:
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(f, _object_spread({}, o));
-        case _constants.O2_NEW_SKIN:
+        case _constants.VIVO_SKIN:
+        case _constants.VIVO_EVOLUTION_SKIN:
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread({}, o));
-        case _constants.VIVO_NEW_SKIN:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(g, _object_spread({}, o));
         default:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(v, _object_spread({}, o));
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(g, _object_spread({}, o));
     }
 };

package/dist/icons/icon-info.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -42,51 +42,11 @@ function _object_spread(target) {
     return target;
 }
 const h = (param)=>{
-    let { size: e = 48 } = param;
+    let { size: t = 48 } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         role: "presentation",
-        width: e,
-        height: e,
-        viewBox: "0 0 64 64",
-        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
-            stroke: _skincontractcssmistica.vars.colors.brand,
-            fill: _skincontractcssmistica.vars.colors.brand,
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-                /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                    fill: "none",
-                    strokeWidth: "2",
-                    d: "M48.24,57.99c-4.71,2.95-10.27,4.65-16.24,4.65C15.08,62.64,1.36,48.92,1.36,32S15.08,1.36,32,1.36 S62.64,15.08,62.64,32c0,6.11-1.79,11.8-4.87,16.58"
-                }),
-                /* @__PURE__ */ (0, _jsxruntime.jsx)("line", {
-                    fill: "none",
-                    strokeWidth: "2",
-                    x1: "32",
-                    y1: "47.96",
-                    x2: "32",
-                    y2: "23.74"
-                }),
-                /* @__PURE__ */ (0, _jsxruntime.jsx)("circle", {
-                    cx: "53.64",
-                    cy: "53.54",
-                    r: "1.06"
-                }),
-                /* @__PURE__ */ (0, _jsxruntime.jsx)("circle", {
-                    strokeWidth: "0",
-                    cx: "32",
-                    cy: "16.58",
-                    r: "1.72"
-                })
-            ]
-        })
-    });
-}, d = (param)=>{
-    let { size: e = 48 } = param;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
-        role: "presentation",
-        width: e,
-        height: e,
+        width: t,
+        height: t,
         viewBox: "0 0 48 48",
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
             fill: _skincontractcssmistica.vars.colors.brand,
@@ -103,12 +63,12 @@ const h = (param)=>{
             ]
         })
     });
-}, a = (param)=>{
-    let { size: e = 48 } = param;
+}, l = (param)=>{
+    let { size: t = 48 } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         role: "presentation",
-        width: e,
-        height: e,
+        width: t,
+        height: t,
         viewBox: "0 0 64 64",
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("g", {
             fill: _skincontractcssmistica.vars.colors.brand,
@@ -119,12 +79,12 @@ const h = (param)=>{
             })
         })
     });
-}, s = (param)=>{
-    let { size: e = 48 } = param;
+}, d = (param)=>{
+    let { size: t = 48 } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         role: "presentation",
-        width: e,
-        height: e,
+        width: t,
+        height: t,
         viewBox: "0 0 64 64",
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
             fill: _skincontractcssmistica.vars.colors.brand,
@@ -141,16 +101,15 @@ const h = (param)=>{
             ]
         })
     });
-}, m = (e)=>{
-    const { skinName: n } = (0, _hooks.useTheme)();
-    switch(n){
+}, p = (t)=>{
+    const { skinName: e } = (0, _hooks.useTheme)();
+    switch(e){
         case _constants.O2_SKIN:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(h, _object_spread({}, e));
-        case _constants.O2_NEW_SKIN:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(d, _object_spread({}, e));
-        case _constants.VIVO_NEW_SKIN:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(a, _object_spread({}, e));
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(h, _object_spread({}, t));
+        case _constants.VIVO_SKIN:
+        case _constants.VIVO_EVOLUTION_SKIN:
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(l, _object_spread({}, t));
         default:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({}, e));
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(d, _object_spread({}, t));
     }
 };