@telefonica/mistica 14.48.0 → 15.0.0

package/dist/cvv-field.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return gr;
+        return hr;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -15,7 +15,6 @@ const _hooks = require("./hooks.js");
 const _iconcvvvisamc = /*#__PURE__*/ _interop_require_default(require("./icons/icon-cvv-visa-mc.js"));
 const _iconcvvamex = /*#__PURE__*/ _interop_require_default(require("./icons/icon-cvv-amex.js"));
 const _popover = /*#__PURE__*/ _interop_require_default(require("./popover.js"));
-const _iconbutton = require("./icon-button.js");
 const _iconinformationregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-information-regular.js"));
 const _formcontext = require("./form-context.js");
 const _textfieldbase = require("./text-field-base.js");
@@ -28,6 +27,7 @@ const _text = /*#__PURE__*/ _interop_require_default(require("./text.js"));
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _css = require("./utils/css.js");
 const _textfieldbasecssmistica = require("./text-field-base.css-mistica.js");
+const _touchable = /*#__PURE__*/ _interop_require_default(require("./touchable.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -194,11 +194,11 @@ const Z = (param)=>{
         })
     });
 }, _ = (_param)=>{
-    var { disabled: e, error: i, helperText: z, name: m, optional: u, validate: c, onChange: B, onChangeValue: M, onBlur: V, acceptedCards: y = {
+    var { disabled: e, error: i, helperText: M, name: l, optional: d, validate: c, onChange: V, onChangeValue: y, onBlur: z, acceptedCards: B = {
         americanExpress: !0,
         visa: !0,
         masterCard: !0
-    }, maxLength: l = 4, value: E, autoComplete: $ = "cc-csc", defaultValue: j, dataAttributes: A } = _param, S = _object_without_properties(_param, [
+    }, maxLength: p = 4, value: E, autoComplete: $ = "cc-csc", defaultValue: j, dataAttributes: A } = _param, S = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -215,57 +215,58 @@ const Z = (param)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: n } = (0, _hooks.useTheme)(), { setFormError: O, jumpToNext: R } = (0, _formcontext.useForm)(), [p, d] = _react.useState(!1), v = (o, s)=>o ? o.length !== l ? n.formCreditCardCvvError : c == null ? void 0 : c(o, s) : u ? "" : n.formFieldErrorIsMandatory, C = (o)=>o, g = (0, _formcontext.useFieldProps)({
-        name: m,
+    const { texts: n } = (0, _hooks.useTheme)(), { setFormError: b, jumpToNext: w } = (0, _formcontext.useForm)(), [a, u] = _react.useState(!1), v = (o, s)=>o ? o.length !== p ? n.formCreditCardCvvError : c == null ? void 0 : c(o, s) : d ? "" : n.formFieldErrorIsMandatory, C = (o)=>o, h = (0, _formcontext.useFieldProps)({
+        name: l,
         value: E,
         defaultValue: j,
         processValue: C,
-        helperText: z,
-        optional: u,
+        helperText: M,
+        optional: d,
         error: i,
         disabled: e,
-        onBlur: V,
+        onBlur: z,
         validate: v,
-        onChange: B,
-        onChangeValue: M
+        onChange: V,
+        onChangeValue: y
     }), t = (0, _css.pxToRem)(16);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, S, g), {
-        maxLength: l,
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, S, h), {
+        maxLength: p,
         onChange: (o)=>{
-            g.onChange(o);
-            const s = o.currentTarget.value, h = C(s);
-            if (h.length === l) {
-                const I = v(h, s);
-                I ? O({
-                    name: m,
-                    error: I
-                }) : R(m);
+            h.onChange(o);
+            const s = o.currentTarget.value, g = C(s);
+            if (g.length === p) {
+                const x = v(g, s);
+                x ? b({
+                    name: l,
+                    error: x
+                }) : w(l);
             }
         },
         endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(_popover.default, {
             position: "top",
-            open: p,
+            open: a,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Z, {
-                acceptedCards: y
+                acceptedCards: B
             }),
-            onClose: ()=>d(!1),
+            onClose: ()=>u(!1),
             target: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     width: t,
                     height: t
                 },
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.IconButton, {
-                    size: _textfieldbasecssmistica.iconButtonSize,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
                     style: {
                         display: "flex",
                         alignItems: "center",
                         justifyContent: "center",
+                        width: _textfieldbasecssmistica.iconButtonSize,
+                        height: _textfieldbasecssmistica.iconButtonSize,
                         position: "relative",
                         left: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${t}) / 2)`,
                         top: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${t}) / 2)`
                     },
-                    onPress: ()=>d(!p),
-                    "aria-label": p ? n.formCreditCardCvvTooltipVisaMcButtonClose : n.formCreditCardCvvTooltipVisaMcButtonOpen,
+                    onPress: ()=>u(!a),
+                    "aria-label": a ? n.formCreditCardCvvTooltipVisaMcButtonClose : n.formCreditCardCvvTooltipVisaMcButtonOpen,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconinformationregular.default, {
                         size: t,
                         color: _skincontractcssmistica.vars.colors.neutralMedium
@@ -279,4 +280,4 @@ const Z = (param)=>{
             "component-name": "CvvField"
         }, A)
     }));
-}, gr = _;
+}, hr = _;

package/dist/feedback.js

@@ -11,19 +11,19 @@ function _export(target, all) {
 }
 _export(exports, {
     ErrorFeedbackScreen: function() {
-        return Xe;
+        return qe;
     },
     FeedbackScreen: function() {
-        return x;
+        return F;
     },
     InfoFeedbackScreen: function() {
-        return Je;
+        return we;
     },
     SuccessFeedback: function() {
-        return Qe;
+        return je;
     },
     SuccessFeedbackScreen: function() {
-        return Ue;
+        return $e;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -31,8 +31,8 @@ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("./hooks.js");
 const _mediaqueriescssmistica = require("./media-queries.css-mistica.js");
 const _buttonfixedfooterlayout = /*#__PURE__*/ _interop_require_default(require("./button-fixed-footer-layout.js"));
-const _overscrollcolorcontext = require("./overscroll-color-context.js");
 const _constants = require("./skins/constants.js");
+const _overscrollcolorcontext = require("./overscroll-color-context.js");
 const _iconsuccess = /*#__PURE__*/ _interop_require_default(require("./icons/icon-success.js"));
 const _iconsuccessvivo = /*#__PURE__*/ _interop_require_default(require("./icons/icon-success-vivo.js"));
 const _iconerror = /*#__PURE__*/ _interop_require_default(require("./icons/icon-error.js"));
@@ -174,10 +174,10 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
+const O = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), D = (param)=>{
     let { primaryButton: r, secondaryButton: o } = param;
     return !!r || !!o;
-}, Ie = (param)=>{
+}, be = (param)=>{
     let { isInverse: r } = param;
     const o = `@media ${_mediaqueriescssmistica.tabletOrSmaller} {
         body {background:${r ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background}; background-attachment: fixed;}
@@ -185,23 +185,23 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("style", {
         children: o
     });
-}, O = (r)=>{
+}, I = (r)=>{
     (0, _webviewbridge.isWebViewBridgeAvailable)() && (0, _webviewbridge.requestVibration)(r).catch(()=>{});
-}, W = (r)=>{
+}, E = (r)=>{
     _react.useEffect(()=>{
         let o;
-        return r === "success" && (o = setTimeout(()=>O("success"), 700)), r === "error" && (o = setTimeout(()=>O("error"), 1e3)), ()=>{
+        return r === "success" && (o = setTimeout(()=>I("success"), 700)), r === "error" && (o = setTimeout(()=>I("error"), 1e3)), ()=>{
             clearTimeout(o);
         };
     }, [
         r
     ]);
-}, L = (param, n)=>{
+}, R = (param, n)=>{
     let { icon: r, title: o, description: t, extra: c } = param;
-    const i = t && Array.isArray(t) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
+    const a = t && Array.isArray(t) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
-        children: t.map((a, m)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
-                children: a
+        children: t.map((i, m)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
+                children: i
             }, m))
     }) : t;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
@@ -222,24 +222,24 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
                             children: o
                         })
                     }),
-                    i && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(n && _feedbackcssmistica.feedbackTextAppearMedium),
-                        children: i && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+                        children: a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                             regular: !0,
                             color: _skincontractcssmistica.vars.colors.textSecondary,
-                            children: i
+                            children: a
                         })
                     }),
                     c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(n && (i ? _feedbackcssmistica.feedbackTextAppearSlow : _feedbackcssmistica.feedbackTextAppearMedium)),
+                        className: (0, _classnames.default)(n && (a ? _feedbackcssmistica.feedbackTextAppearSlow : _feedbackcssmistica.feedbackTextAppearMedium)),
                         children: c
                     })
                 ]
             })
         ]
     });
-}, q = (r, o)=>{
-    const t = R(o);
+}, W = (r, o)=>{
+    const t = D(o);
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: {
             desktop: 40,
@@ -250,7 +250,7 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
             t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, _object_spread({}, o))
         ]
     });
-}, K = (param)=>{
+}, _ = (param)=>{
     let { isInverse: r, body: o, imageFit: t, imageUrl: c, dataAttributes: n } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
         borderRadius: _skincontractcssmistica.vars.borderRadii.legacyDisplay,
@@ -285,92 +285,74 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
             ]
         })
     });
-}, Ne = ()=>((0, _overscrollcolorcontext.useSetOverscrollColor)({
+}, ke = ()=>((0, _overscrollcolorcontext.useSetOverscrollColor)({
         topColor: _skincontractcssmistica.vars.colors.backgroundBrandTop,
         bottomColor: _skincontractcssmistica.vars.colors.backgroundBrandBottom
-    }), null), x = (param)=>{
-    let { title: r, description: o, children: t, extra: c, primaryButton: n, secondaryButton: i, link: a, hapticFeedback: m, icon: f, animateText: h = !1, isInverse: d = !1, unstable_inlineInDesktop: k, imageUrl: B, imageFit: g, dataAttributes: S } = param;
-    W(m);
-    const { platformOverrides: j, isDarkMode: M, skinName: I } = (0, _hooks.useTheme)(), G = (0, _hooks.useWindowHeight)(), { isTabletOrSmaller: P } = (0, _hooks.useScreenSize)(), [U, X] = _react.useState(typeof self < "u"), [N, J] = _react.useState(0), T = U ? "100vh" : `${G - N}px`, y = R({
+    }), null), F = (param)=>{
+    let { title: r, description: o, children: t, extra: c, primaryButton: n, secondaryButton: a, link: i, hapticFeedback: m, icon: k, animateText: f = !1, isInverse: d = !1, unstable_inlineInDesktop: h, imageUrl: x, imageFit: g, dataAttributes: S } = param;
+    E(m);
+    const { platformOverrides: $, isDarkMode: q } = (0, _hooks.useTheme)(), { isTabletOrSmaller: w } = (0, _hooks.useScreenSize)(), j = D({
         primaryButton: n,
-        secondaryButton: i,
-        link: a
-    });
-    (0, _hooks.useIsomorphicLayoutEffect)(()=>{
-        X(!1);
-    }, []);
-    const C = L({
-        icon: f,
+        secondaryButton: a,
+        link: i
+    }), B = R({
+        icon: k,
         title: r,
         description: o,
         extra: c !== null && c !== void 0 ? c : t
-    }, h && D(j));
-    return !P && k ? q(C, {
+    }, f && O($));
+    return !w && h ? W(B, {
         primaryButton: n,
-        secondaryButton: i,
-        link: a
+        secondaryButton: a,
+        link: i
     }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
         style: {
             position: "relative"
         },
         children: [
-            d && /* @__PURE__ */ (0, _jsxruntime.jsx)(Ne, {}),
+            d && /* @__PURE__ */ (0, _jsxruntime.jsx)(ke, {}),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingTop: {
                         desktop: 64,
                         mobile: 0
                     },
-                    children: K({
+                    children: _({
                         isInverse: d,
                         body: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonfixedfooterlayout.default, {
-                            isFooterVisible: y,
+                            isFooterVisible: j,
                             button: n,
-                            secondaryButton: i,
-                            link: a,
-                            footerBgColor: d && !M ? _skincontractcssmistica.vars.colors.backgroundBrandBottom : void 0,
+                            secondaryButton: a,
+                            link: i,
+                            footerBgColor: d && !q ? _skincontractcssmistica.vars.colors.backgroundBrandBottom : void 0,
                             containerBgColor: "transparent",
-                            onChangeFooterHeight: J,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _feedbackcssmistica.container,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                     className: (0, _classnames.default)(_feedbackcssmistica.innerContainer, {
-                                        [_feedbackcssmistica.innerContainerWithButtons]: n || i || a
+                                        [_feedbackcssmistica.innerContainerWithButtons]: n || a || i
                                     }),
-                                    children: C
+                                    children: B
                                 })
                             })
                         }),
                         imageFit: g,
-                        imageUrl: B,
+                        imageUrl: x,
                         dataAttributes: S
                     })
                 })
             }),
-            I === _constants.O2_CLASSIC_SKIN && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                style: {
-                    position: "absolute",
-                    bottom: N,
-                    top: 0,
-                    left: 0,
-                    right: 0,
-                    // This extra height is a workaround to make sure the background div is displayed *under* the fixed footer.
-                    // Otherwise in some devices (Galaxy S20+) the background and the fixed footer are rendered with some distance between them
-                    height: y ? `calc(${T} + 1px)` : `calc(${T})`,
-                    background: d ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background
-                }
-            }),
-            I !== _constants.O2_CLASSIC_SKIN && /* @__PURE__ */ (0, _jsxruntime.jsx)(Ie, {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(be, {
                 isInverse: d
             })
         ]
     });
-}, Ue = (_param)=>{
+}, $e = (_param)=>{
     var { dataAttributes: r } = _param, o = _object_without_properties(_param, [
         "dataAttributes"
     ]);
     const { isTabletOrSmaller: t } = (0, _hooks.useScreenSize)(), { skinName: c } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread_props(_object_spread({}, o), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(F, _object_spread_props(_object_spread({}, o), {
         isInverse: !o.unstable_inlineInDesktop || t,
         hapticFeedback: "success",
         icon: c === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivo.default, {
@@ -387,13 +369,13 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
             "component-name": "SuccessFeedbackScreen"
         }, r)
     }));
-}, Xe = (_param)=>{
+}, qe = (_param)=>{
     var { children: r, errorReference: o, dataAttributes: t } = _param, c = _object_without_properties(_param, [
         "children",
         "errorReference",
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread_props(_object_spread({}, c), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(F, _object_spread_props(_object_spread({}, c), {
         hapticFeedback: "error",
         icon: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconerror.default, {
             size: "100%"
@@ -414,12 +396,12 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
             ]
         })
     }));
-}, Je = (_param)=>{
+}, we = (_param)=>{
     var { dataAttributes: r, Icon: o = _iconinfo.default } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "Icon"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(F, _object_spread({
         dataAttributes: _object_spread({
             "component-name": "InfoFeedbackScreen"
         }, r),
@@ -427,10 +409,10 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
             size: "100%"
         })
     }, t));
-}, Qe = (param)=>{
-    let { title: r, description: o, children: t, extra: c, primaryButton: n, secondaryButton: i, link: a, imageUrl: m, imageFit: f, dataAttributes: h } = param;
-    W("success");
-    const { skinName: d, platformOverrides: k } = (0, _hooks.useTheme)(), g = L({
+}, je = (param)=>{
+    let { title: r, description: o, children: t, extra: c, primaryButton: n, secondaryButton: a, link: i, imageUrl: m, imageFit: k, dataAttributes: f } = param;
+    E("success");
+    const { skinName: d, platformOverrides: h } = (0, _hooks.useTheme)(), g = R({
         icon: d === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivo.default, {
             size: "100%"
         }) : d === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
@@ -441,12 +423,12 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
         title: r,
         description: o,
         extra: c !== null && c !== void 0 ? c : t
-    }, D(k)), S = q(g, {
+    }, O(h)), S = W(g, {
         primaryButton: n,
-        secondaryButton: i,
-        link: a
+        secondaryButton: a,
+        link: i
     });
-    return K({
+    return _({
         isInverse: !0,
         body: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: _feedbackcssmistica.backgroundBrand,
@@ -466,10 +448,10 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
                 })
             })
         }),
-        imageFit: f,
+        imageFit: k,
         imageUrl: m,
         dataAttributes: _object_spread({
             "component-name": "SuccessFeedback"
-        }, h)
+        }, f)
     });
 };

package/dist/icon-button.d.ts

@@ -799,7 +799,6 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     "aria-live"?: undefined;
     iconSize?: undefined;
 }) & React.RefAttributes<TouchableElement>>;
-export declare const BaseIconButton: (props: ExclusifyUnion<DeprecatedProps | IconButtonProps>) => JSX.Element;
 type ToggleStateProps = {
     Icon: React.FC<IconProps>;
     type?: IconButtonType;

package/dist/icons/icon-error.js

@@ -43,7 +43,7 @@ function _object_spread(target) {
     }
     return target;
 }
-const h = (param)=>{
+const d = (param)=>{
     let { size: e = 48 } = param;
     const { platformOverrides: o } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
@@ -94,7 +94,7 @@ const h = (param)=>{
             ]
         })
     });
-}, f = (param)=>{
+}, h = (param)=>{
     let { size: e = 48 } = param;
     const { platformOverrides: o } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
@@ -142,7 +142,7 @@ const h = (param)=>{
             ]
         })
     });
-}, k = (e)=>{
+}, f = (e)=>{
     const { skinName: o } = (0, _hooks.useTheme)();
-    return o === _constants.O2_SKIN || o === _constants.O2_CLASSIC_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(h, _object_spread({}, e)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(f, _object_spread({}, e));
-}, w = k;
+    return o === _constants.O2_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(d, _object_spread({}, e)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(h, _object_spread({}, e));
+}, w = f;

package/dist/icons/icon-info.js

@@ -41,7 +41,7 @@ function _object_spread(target) {
     }
     return target;
 }
-const s = (param)=>{
+const l = (param)=>{
     let { size: r = 48 } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         width: r,
@@ -80,7 +80,7 @@ const s = (param)=>{
             ]
         })
     });
-}, d = (param)=>{
+}, s = (param)=>{
     let { size: r = 48 } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         width: r,
@@ -95,7 +95,7 @@ const s = (param)=>{
             })
         })
     });
-}, h = (r)=>{
+}, d = (r)=>{
     const { skinName: e } = (0, _hooks.useTheme)();
-    return e === _constants.O2_CLASSIC_SKIN || e === _constants.O2_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({}, r)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(d, _object_spread({}, r));
-}, u = h;
+    return e === _constants.O2_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(l, _object_spread({}, r)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({}, r));
+}, u = d;

package/dist/icons/icon-success.js

@@ -43,7 +43,7 @@ function _object_spread(target) {
     }
     return target;
 }
-const u = (param)=>{
+const h = (param)=>{
     let { size: t = 48, color: e, skipAnimation: r = !1 } = param;
     const n = (0, _themevariantcontext.useIsInverseVariant)(), { platformOverrides: o } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
@@ -78,7 +78,7 @@ const u = (param)=>{
             ]
         })
     });
-}, k = (param)=>{
+}, u = (param)=>{
     let { size: t = 48, color: e, skipAnimation: r = !1 } = param;
     const n = (0, _themevariantcontext.useIsInverseVariant)(), { platformOverrides: o } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
@@ -111,22 +111,21 @@ const u = (param)=>{
             ]
         })
     });
-}, I = (param)=>{
+}, k = (param)=>{
     let { size: t, color: e, skipAnimation: r } = param;
     const { skinName: n } = (0, _hooks.useTheme)();
     switch(n){
-        case _constants.O2_CLASSIC_SKIN:
         case _constants.O2_SKIN:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(u, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(h, {
                 size: t,
                 color: e,
                 skipAnimation: r
             });
         default:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(u, {
                 size: t,
                 color: e,
                 skipAnimation: r
             });
     }
-}, j = I;
+}, j = k;