@telefonica/mistica 17.8.0 → 17.10.0

package/dist/double-field.css-mistica.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "variants", {
     enumerable: true,
     get: function() {
-        return i;
+        return t;
     }
 });
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                        */ var i = {
-    default: "v17_8_skrulh1 v17_8_skrulh0 v17_8_1y2v1nfre v17_8_1y2v1nfrj v17_8_1y2v1nfs1",
-    fullWidth: "v17_8_skrulh2 v17_8_skrulh0 v17_8_1y2v1nfre v17_8_1y2v1nfrj v17_8_1y2v1nfs1"
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                        */ var t = {
+    default: "v17_10_skrulh1 v17_10_skrulh0 v17_10_1y2v1nfry v17_10_1y2v1nfs3 v17_10_1y2v1nfsl",
+    fullWidth: "v17_10_skrulh2 v17_10_skrulh0 v17_10_1y2v1nfry v17_10_1y2v1nfs3 v17_10_1y2v1nfsl"
 };

package/dist/drawer.css-mistica.js

@@ -16,19 +16,19 @@ _export(exports, {
         return l;
     },
     get buttonsLayoutContainer () {
-        return d;
+        return s;
     },
     get closeButtonContainer () {
-        return t;
+        return e;
     },
     get closed () {
-        return o;
+        return f;
     },
     get container () {
-        return r;
+        return w;
     },
     get drawer () {
-        return w;
+        return r;
     },
     get horizontalPadding () {
         return i;
@@ -37,19 +37,19 @@ _export(exports, {
         return c;
     },
     get overlay () {
-        return f;
+        return o;
     },
     get overlayClosed () {
         return g;
     },
     get overlayOpen () {
-        return e;
+        return t;
     },
     get scrollableSection () {
-        return y;
+        return a;
     },
     get titleContainer () {
-        return a;
+        return y;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var n = 350, r = "v17_8_c4ngww1 v17_8_c4ngww0 v17_8_1y2v1nfra v17_8_1y2v1nfre v17_8_1y2v1nf8l v17_8_1y2v1nfuo v17_8_1y2v1nfvi v17_8_1y2v1nfvx v17_8_1y2v1nfui", w = "v17_8_c4ngww3 v17_8_c4ngww2 v17_8_1y2v1nfre v17_8_1y2v1nfrk v17_8_1y2v1nfrz", a = "v17_8_c4ngww5 v17_8_c4ngww4 v17_8_1y2v1nfrw v17_8_1y2v1nfry", y = "v17_8_c4ngww7 v17_8_c4ngww6 v17_8_1y2v1nfrz v17_8_1y2v1nfun", c = "v17_8_c4ngww8", o = "v17_8_c4ngww9", f = "v17_8_c4ngwwb v17_8_c4ngwwa v17_8_1y2v1nfra v17_8_1y2v1nfuo v17_8_1y2v1nfv3 v17_8_1y2v1nfvi v17_8_1y2v1nfvx v17_8_1y2v1nf9c", g = "v17_8_c4ngwwc", e = "v17_8_c4ngwwd", t = "v17_8_c4ngwwe v17_8_1y2v1nfr9 v17_8_1y2v1nfur v17_8_1y2v1nfvl", i = "v17_8_c4ngwwf", l = "v17_8_c4ngwwg", d = "v17_8_c4ngwwh";
+/* empty css                                     */ /* empty css                                  */ var n = 350, w = "v17_10_c4ngww1 v17_10_c4ngww0 v17_10_1y2v1nfru v17_10_1y2v1nfry v17_10_1y2v1nf8v v17_10_1y2v1nfv8 v17_10_1y2v1nfw2 v17_10_1y2v1nfwh v17_10_1y2v1nfv2", r = "v17_10_c4ngww3 v17_10_c4ngww2 v17_10_1y2v1nfry v17_10_1y2v1nfs4 v17_10_1y2v1nfsj", y = "v17_10_c4ngww5 v17_10_c4ngww4 v17_10_1y2v1nfsg v17_10_1y2v1nfsi", a = "v17_10_c4ngww7 v17_10_c4ngww6 v17_10_1y2v1nfsj v17_10_1y2v1nfv7", c = "v17_10_c4ngww8", f = "v17_10_c4ngww9", o = "v17_10_c4ngwwb v17_10_c4ngwwa v17_10_1y2v1nfru v17_10_1y2v1nfv8 v17_10_1y2v1nfvn v17_10_1y2v1nfw2 v17_10_1y2v1nfwh v17_10_1y2v1nf9m", g = "v17_10_c4ngwwc", t = "v17_10_c4ngwwd", e = "v17_10_c4ngwwe v17_10_1y2v1nfrt v17_10_1y2v1nfvb v17_10_1y2v1nfw5", i = "v17_10_c4ngwwf", l = "v17_10_c4ngwwg", s = "v17_10_c4ngwwh";

package/dist/empty-state-card.css-mistica.js

@@ -19,4 +19,4 @@ _export(exports, {
         return a;
     }
 });
-/* empty css                                     */ /* empty css                                            */ var r = "v17_8_1azor6p0", a = "v17_8_1azor6p2 v17_8_1azor6p1 v17_8_1y2v1nfrg v17_8_1y2v1nfsv", o = "v17_8_1azor6p4 v17_8_1azor6p3 v17_8_1y2v1nfsd v17_8_1y2v1nfst";
+/* empty css                                     */ /* empty css                                            */ var r = "v17_10_1azor6p0", a = "v17_10_1azor6p2 v17_10_1azor6p1 v17_10_1y2v1nfs0 v17_10_1y2v1nftf", o = "v17_10_1azor6p4 v17_10_1azor6p3 v17_10_1y2v1nfsx v17_10_1y2v1nftd";

package/dist/empty-state.css-mistica.js

@@ -13,33 +13,33 @@ _export(exports, {
         return u;
     },
     get border () {
-        return o;
+        return t;
     },
     get borderOverBrand () {
-        return t;
+        return o;
     },
     get container () {
-        return _;
+        return v;
     },
     get contentVariants () {
         return f;
     },
     get largeImage () {
-        return n;
+        return e;
     },
     get largeImageContainer () {
-        return e;
+        return n;
     },
     get smallImage () {
         return z;
     },
     get vars () {
-        return v;
+        return _;
     }
 });
-/* empty css                                     */ /* empty css                                       */ var v = {
-    backgroundColor: "var(--v17_8_13fzrua0)"
-}, _ = "v17_8_13fzrua2 v17_8_13fzrua1 v17_8_1y2v1nfre v17_8_1y2v1nfh6", f = {
-    default: "v17_8_13fzrua3",
-    largeImage: "v17_8_13fzrua4"
-}, e = "v17_8_13fzrua5", n = "v17_8_13fzrua7 v17_8_13fzrua6 v17_8_1y2v1nfsi", u = "v17_8_13fzrua9 v17_8_13fzrua8 v17_8_1y2v1nfsf v17_8_1y2v1nfsv", z = "v17_8_13fzruab v17_8_13fzruaa v17_8_1y2v1nfrg", o = "v17_8_13fzruac v17_8_1y2v1nftv", t = "v17_8_13fzruad";
+/* empty css                                     */ /* empty css                                       */ var _ = {
+    backgroundColor: "var(--v17_10_13fzrua0)"
+}, v = "v17_10_13fzrua2 v17_10_13fzrua1 v17_10_1y2v1nfry v17_10_1y2v1nfhq", f = {
+    default: "v17_10_13fzrua3",
+    largeImage: "v17_10_13fzrua4"
+}, n = "v17_10_13fzrua5", e = "v17_10_13fzrua7 v17_10_13fzrua6 v17_10_1y2v1nft2", u = "v17_10_13fzrua9 v17_10_13fzrua8 v17_10_1y2v1nfsz v17_10_1y2v1nftf", z = "v17_10_13fzruab v17_10_13fzruaa v17_10_1y2v1nfs0", t = "v17_10_13fzruac v17_10_1y2v1nfuf", o = "v17_10_13fzruad";

package/dist/fade-in.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "wrapper", {
         return p;
     }
 });
-/* empty css                                   */ var p = "v17_8_kq227n1";
+/* empty css                                   */ var p = "v17_10_kq227n1";

package/dist/fade-out.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "wrapper", {
         return p;
     }
 });
-/* empty css                                    */ var p = "v17_8_1momtlt1";
+/* empty css                                    */ var p = "v17_10_1momtlt1";

package/dist/feedback.css-mistica.js

@@ -28,7 +28,7 @@ _export(exports, {
         return r;
     },
     get feedbackData () {
-        return d;
+        return s;
     },
     get feedbackTextAppearFast () {
         return h;
@@ -37,7 +37,7 @@ _export(exports, {
         return o;
     },
     get feedbackTextAppearSlow () {
-        return s;
+        return d;
     },
     get innerContainer () {
         return t;
@@ -49,4 +49,4 @@ _export(exports, {
         return p;
     }
 });
-/* empty css                                     */ /* empty css                                    */ var v = "v17_8_gx6h6a0", e = "v17_8_gx6h6a1", r = "v17_8_gx6h6a2", n = "v17_8_gx6h6a4 v17_8_gx6h6a3 v17_8_1y2v1nfre v17_8_1y2v1nfsi v17_8_1y2v1nfs1 v17_8_1y2v1nfrk", t = "v17_8_gx6h6a5", x = "v17_8_gx6h6a6", g = "v17_8_gx6h6a7 v17_8_1y2v1nfsd v17_8_1y2v1nfst", h = "v17_8_gx6h6ab v17_8_gx6h6aa", o = "v17_8_gx6h6ac v17_8_gx6h6aa", s = "v17_8_gx6h6ad v17_8_gx6h6aa", d = "v17_8_gx6h6ae", i = "v17_8_gx6h6af", p = "v17_8_gx6h6ag";
+/* empty css                                     */ /* empty css                                    */ var v = "v17_10_gx6h6a0", e = "v17_10_gx6h6a1", r = "v17_10_gx6h6a2", n = "v17_10_gx6h6a4 v17_10_gx6h6a3 v17_10_1y2v1nfry v17_10_1y2v1nft2 v17_10_1y2v1nfsl v17_10_1y2v1nfs4", t = "v17_10_gx6h6a5", x = "v17_10_gx6h6a6", g = "v17_10_gx6h6a7 v17_10_1y2v1nfsx v17_10_1y2v1nftd", h = "v17_10_gx6h6ab v17_10_gx6h6aa", o = "v17_10_gx6h6ac v17_10_gx6h6aa", d = "v17_10_gx6h6ad v17_10_gx6h6aa", s = "v17_10_gx6h6ae", i = "v17_10_gx6h6af", p = "v17_10_gx6h6ag";

package/dist/feedback.js

@@ -11,26 +11,25 @@ function _export(target, all) {
 }
 _export(exports, {
     get ErrorFeedbackScreen () {
-        return Le;
+        return Ee;
     },
     get FeedbackScreen () {
-        return B;
+        return x;
     },
     get InfoFeedbackScreen () {
-        return _e;
+        return Pe;
     },
     get SuccessFeedback () {
         return qe;
     },
     get SuccessFeedbackScreen () {
-        return Ee;
+        return We;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("./hooks.js");
 const _buttonfixedfooterlayout = /*#__PURE__*/ _interop_require_default(require("./button-fixed-footer-layout.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 _iconerror = /*#__PURE__*/ _interop_require_default(require("./icons/icon-error.js"));
@@ -46,7 +45,7 @@ const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames")
 const _buttongroup = /*#__PURE__*/ _interop_require_default(require("./button-group.js"));
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _feedbackcssmistica = require("./feedback.css-mistica.js");
-const _iconsuccessvivonew = /*#__PURE__*/ _interop_require_default(require("./icons/icon-success-vivo-new.js"));
+const _themevariantcontext = require("./theme-variant-context.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -172,35 +171,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
-    let { primaryButton: r, secondaryButton: t } = param;
-    return !!r || !!t;
-}, V = (r)=>{
-    (0, _webviewbridge.isWebViewBridgeAvailable)() && (0, _webviewbridge.requestVibration)(r).catch(()=>{});
-}, L = (r)=>{
+const z = (t)=>!(0, _platform.isRunningAcceptanceTest)(t), O = (param)=>{
+    let { primaryButton: t, secondaryButton: r } = param;
+    return !!t || !!r;
+}, R = /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
+    size: "100%"
+}), N = (t)=>{
+    (0, _webviewbridge.isWebViewBridgeAvailable)() && (0, _webviewbridge.requestVibration)(t).catch(()=>{});
+}, D = (t)=>{
     _react.useEffect(()=>{
-        let t;
-        return r === "success" && (t = setTimeout(()=>V("success"), 700)), r === "error" && (t = setTimeout(()=>V("error"), 1e3)), ()=>{
-            clearTimeout(t);
+        let r;
+        return t === "success" && (r = setTimeout(()=>N("success"), 700)), t === "error" && (r = setTimeout(()=>N("error"), 1e3)), ()=>{
+            clearTimeout(r);
         };
     }, [
-        r
+        t
     ]);
-}, _ = (param, a)=>{
-    let { asset: r, title: t, description: o, slot: s } = param;
-    const c = o && Array.isArray(o) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
+}, W = (param, a, param1)=>{
+    let { asset: t, title: r, description: s, slot: o } = param, { feedbackScreenTitle: n, feedbackScreenDescription: l } = param1;
+    const c = s && Array.isArray(s) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
-        children: o.map((d, l)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
-                children: d
-            }, l))
-    }) : o;
+        children: s.map((m, u)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
+                children: m
+            }, u))
+    }) : s;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
-        space: 24,
+        space: 40,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _feedbackcssmistica.assetContainer,
                 "data-testid": "icon",
-                children: r
+                children: t
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                 space: 16,
@@ -209,63 +210,66 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
                     /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(a && _feedbackcssmistica.feedbackTextAppearFast),
                         "data-testid": "title",
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text6, {
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, (0, _text.getTextSizesWithWeight)({
+                            textPreset: n
+                        })), {
                             as: "h1",
-                            children: t
-                        })
+                            children: r
+                        }))
                     }),
                     c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(a && _feedbackcssmistica.feedbackTextAppearMedium),
                         "data-testid": "description",
-                        children: c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
-                            regular: !0,
+                        children: c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, (0, _text.getTextSizesWithWeight)({
+                            textPreset: l
+                        })), {
                             color: _skincontractcssmistica.vars.colors.textSecondary,
                             children: c
-                        })
+                        }))
                     }),
-                    s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: (0, _classnames.default)(a && (c ? _feedbackcssmistica.feedbackTextAppearSlow : _feedbackcssmistica.feedbackTextAppearMedium)),
                         "data-testid": "slot",
-                        children: s
+                        children: o
                     })
                 ]
             })
         ]
     });
-}, q = (r, t)=>{
-    const o = E(t);
+}, E = (t, r)=>{
+    const s = O(r);
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: {
             desktop: 32,
             mobile: 24
         },
         children: [
-            r,
-            o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, _object_spread({}, t))
+            t,
+            s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, _object_spread({}, r))
         ]
     });
-}, w = (param)=>{
-    let { isBrandVariant: r, body: t, imageFit: o, imageUrl: s, dataAttributes: a } = param;
+}, P = (param)=>{
+    let { isBrandVariant: t, body: r, imageFit: s, imageUrl: o, dataAttributes: a } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
         borderRadius: _skincontractcssmistica.vars.borderRadii.container,
         desktopOnly: !0,
-        variant: r ? "brand" : "default",
+        variant: t ? "brand" : "default",
         dataAttributes: a,
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
             className: _feedbackcssmistica.desktopContainer,
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _feedbackcssmistica.desktopContent,
-                    children: t
+                    children: r
                 }),
-                s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _feedbackcssmistica.desktopImage,
                     "data-testid": "image",
                     style: {
-                        backgroundImage: `url(${s})`,
-                        backgroundPosition: o === "fit" ? "bottom right" : "center right",
+                        backgroundImage: `url(${o})`,
+                        backgroundPosition: s === "fit" ? "bottom right" : "center right",
                         backgroundRepeat: "no-repeat",
-                        backgroundSize: o === "fit" ? "contain" : "cover",
+                        backgroundSize: s === "fit" ? "contain" : "cover",
                         flex: 1,
                         maxWidth: 600
                     }
@@ -273,98 +277,94 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
             ]
         })
     });
-}, pe = ()=>((0, _overscrollcolorcontext.useSetOverscrollColor)({
+}, ke = ()=>((0, _overscrollcolorcontext.useSetOverscrollColor)({
         topColor: _skincontractcssmistica.vars.colors.backgroundBrandTop,
         bottomColor: "transparent"
-    }), null), B = (param)=>{
-    let { title: r, description: t, slot: o, primaryButton: s, secondaryButton: a, link: c, hapticFeedback: d, asset: l, animateText: h = !1, variant: b = "default", unstable_inlineInDesktop: v, imageUrl: p, imageFit: I, dataAttributes: F } = param;
-    L(d);
-    const { platformOverrides: S, isDarkMode: k } = (0, _hooks.useTheme)(), { isTabletOrSmaller: W } = (0, _hooks.useScreenSize)(), j = E({
-        primaryButton: s,
+    }), null), x = (param)=>{
+    let { title: t, description: r, slot: s, primaryButton: o, secondaryButton: a, link: n, hapticFeedback: l, asset: c, animateText: m = !1, variant: u = "default", unstable_inlineInDesktop: k, imageUrl: v, imageFit: F, dataAttributes: S } = param;
+    D(l);
+    const { platformOverrides: f, isDarkMode: q, textPresets: L } = (0, _hooks.useTheme)(), { isTabletOrSmaller: j } = (0, _hooks.useScreenSize)(), w = O({
+        primaryButton: o,
         secondaryButton: a
-    }), N = _({
-        asset: l,
-        title: r,
-        description: t,
-        slot: o
-    }, h && D(S));
-    if (!W && v) return q(N, {
-        primaryButton: s,
+    }), B = W({
+        asset: c,
+        title: t,
+        description: r,
+        slot: s
+    }, m && z(f), L);
+    if (!j && k) return E(B, {
+        primaryButton: o,
         secondaryButton: a,
-        link: c
+        link: n
     });
-    const f = b === "brand";
+    const h = u === "brand";
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
             position: "relative"
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_responsivelayout.default, {
             children: [
-                f && /* @__PURE__ */ (0, _jsxruntime.jsx)(pe, {}),
+                h && /* @__PURE__ */ (0, _jsxruntime.jsx)(ke, {}),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingTop: {
                         desktop: 64,
                         mobile: 0
                     },
-                    children: w({
-                        isBrandVariant: f,
+                    children: P({
+                        isBrandVariant: h,
                         body: // doesn't expand when nested in mobile. This can cause double margin when footer is not fixed
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.ResetResponsiveLayout, {
                             skipDesktop: !0,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonfixedfooterlayout.default, {
-                                isFooterVisible: j,
-                                button: s,
+                                isFooterVisible: w,
+                                button: o,
                                 secondaryButton: a,
-                                link: c,
-                                footerBgColor: f && !k ? _skincontractcssmistica.vars.colors.backgroundBrandBottom : void 0,
-                                containerBgColor: f ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background,
+                                link: n,
+                                footerBgColor: h && !q ? _skincontractcssmistica.vars.colors.backgroundBrandBottom : void 0,
+                                containerBgColor: h ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
                                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                         className: _feedbackcssmistica.container,
                                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                             className: (0, _classnames.default)(_feedbackcssmistica.innerContainer, {
-                                                [_feedbackcssmistica.innerContainerWithButtons]: s || a || c
+                                                [_feedbackcssmistica.innerContainerWithButtons]: o || a || n
                                             }),
-                                            children: N
+                                            children: B
                                         })
                                     })
                                 })
                             })
                         }),
-                        imageFit: I,
-                        imageUrl: p,
-                        dataAttributes: F
+                        imageFit: F,
+                        imageUrl: v,
+                        dataAttributes: S
                     })
                 })
             ]
         })
     });
-}, Ee = (_param)=>{
-    var { dataAttributes: r } = _param, t = _object_without_properties(_param, [
+}, We = (_param)=>{
+    var { dataAttributes: t } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    const { isTabletOrSmaller: o } = (0, _hooks.useScreenSize)(), { skinName: s, themeVariants: a } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(B, _object_spread_props(_object_spread({}, t), {
-        variant: (a.successFeedback === "brand" || a.successFeedback === "inverse") && (!t.unstable_inlineInDesktop || o) ? "brand" : "default",
+    const { isTabletOrSmaller: s } = (0, _hooks.useScreenSize)(), { themeVariants: o } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread_props(_object_spread({}, r), {
+        variant: (o.successFeedback === "brand" || o.successFeedback === "inverse") && (!r.unstable_inlineInDesktop || s) ? "brand" : "default",
         hapticFeedback: "success",
-        asset: s === _constants.VIVO_SKIN || s === _constants.VIVO_EVOLUTION_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
-            size: "100%"
-        }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
-            size: "100%"
-        }),
+        asset: R,
         animateText: !0,
-        imageUrl: t.imageUrl,
-        imageFit: t.imageFit,
+        imageUrl: r.imageUrl,
+        imageFit: r.imageFit,
         dataAttributes: _object_spread({
             testid: "SuccessFeedbackScreen"
-        }, r)
+        }, t)
     }));
-}, Le = (_param)=>{
-    var { errorReference: r, dataAttributes: t } = _param, o = _object_without_properties(_param, [
+}, Ee = (_param)=>{
+    var { errorReference: t, dataAttributes: r } = _param, s = _object_without_properties(_param, [
         "errorReference",
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(B, _object_spread_props(_object_spread({}, o), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread_props(_object_spread({}, s), {
         hapticFeedback: "error",
         asset: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconerror.default, {
             size: "100%"
@@ -372,54 +372,54 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
         animateText: !0,
         dataAttributes: _object_spread({
             testid: "ErrorFeedbackScreen"
-        }, t),
+        }, r),
         slot: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
             space: 16,
             children: [
-                o.slot,
-                r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                s.slot,
+                t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     color: _skincontractcssmistica.vars.colors.textSecondary,
                     regular: !0,
-                    children: r
+                    children: t
                 })
             ]
         })
     }));
-}, _e = (_param)=>{
-    var { dataAttributes: r, Icon: t = _iconinfo.default } = _param, o = _object_without_properties(_param, [
+}, Pe = (_param)=>{
+    var { dataAttributes: t, Icon: r = _iconinfo.default } = _param, s = _object_without_properties(_param, [
         "dataAttributes",
         "Icon"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(B, _object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread({
         dataAttributes: _object_spread({
             testid: "InfoFeedbackScreen"
-        }, r),
-        asset: /* @__PURE__ */ (0, _jsxruntime.jsx)(t, {
-            size: "100%",
-            color: _skincontractcssmistica.vars.colors.brand
+        }, t),
+        asset: /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
+            variant: o,
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(r, {
+                size: "100%",
+                color: _skincontractcssmistica.vars.colors.brand
+            })
         })
-    }, o));
+    }, s));
 }, qe = (param)=>{
-    let { title: r, description: t, slot: o, primaryButton: s, secondaryButton: a, link: c, imageUrl: d, imageFit: l, dataAttributes: h } = param;
-    L("success");
-    const { skinName: b, platformOverrides: v, themeVariants: p } = (0, _hooks.useTheme)(), F = _({
-        asset: b === _constants.VIVO_SKIN || b === _constants.VIVO_EVOLUTION_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
-            size: "100%"
-        }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
-            size: "100%"
-        }),
-        title: r,
-        description: t,
-        slot: o
-    }, D(v)), S = q(F, {
-        primaryButton: s,
+    let { title: t, description: r, slot: s, primaryButton: o, secondaryButton: a, link: n, imageUrl: l, imageFit: c, dataAttributes: m } = param;
+    D("success");
+    const { platformOverrides: u, themeVariants: k, textPresets: v } = (0, _hooks.useTheme)(), F = W({
+        asset: R,
+        title: t,
+        description: r,
+        slot: s
+    }, z(u), v), S = E(F, {
+        primaryButton: o,
         secondaryButton: a,
-        link: c
-    }), k = p.successFeedback === "inverse" || p.successFeedback === "brand";
-    return w({
-        isBrandVariant: k,
+        link: n
+    }), f = k.successFeedback === "inverse" || k.successFeedback === "brand";
+    return P({
+        isBrandVariant: f,
         body: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-            className: k ? _feedbackcssmistica.backgroundBrand : void 0,
+            className: f ? _feedbackcssmistica.backgroundBrand : void 0,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingX: {
                     mobile: 16,
@@ -436,10 +436,10 @@ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), E = (param)=>{
                 })
             })
         }),
-        imageFit: l,
-        imageUrl: d,
+        imageFit: c,
+        imageUrl: l,
         dataAttributes: _object_spread({
             testid: "SuccessFeedback"
-        }, h)
+        }, m)
     });
 };

package/dist/file-upload.css-mistica.js

@@ -13,28 +13,28 @@ _export(exports, {
         return s;
     },
     get centeredButton () {
-        return o;
+        return j;
     },
     get disabled () {
-        return a;
+        return y;
     },
     get dropZoneActive () {
         return t;
     },
     get dropZoneButton () {
-        return j;
+        return o;
     },
     get dropZoneContainerBase () {
-        return n;
+        return a;
     },
     get dropZoneVariant () {
-        return y;
+        return n;
     }
 });
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var a = "v17_8_1isvxjy0", n = "v17_8_1isvxjy9 v17_8_1isvxjy2 v17_8_1isvxjy1 v17_8_1y2v1nfka v17_8_1y2v1nflj v17_8_1y2v1nfhv v17_8_1y2v1nfj4 v17_8_1y2v1nfu6", y = {
-    default: "v17_8_1isvxjya",
-    alternative: "v17_8_1isvxjyb",
-    brand: "v17_8_1isvxjyc",
-    negative: "v17_8_1isvxjyd",
-    media: "v17_8_1isvxjye"
-}, t = "v17_8_1isvxjyf", s = "v17_8_1isvxjyh", j = "v17_8_1isvxjyi", o = "v17_8_1isvxjyk v17_8_1isvxjyj v17_8_1y2v1nfre v17_8_1y2v1nfrn";
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var y = "v17_10_1isvxjy0", a = "v17_10_1isvxjy9 v17_10_1isvxjy2 v17_10_1isvxjy1 v17_10_1y2v1nfku v17_10_1y2v1nfm3 v17_10_1y2v1nfif v17_10_1y2v1nfjo v17_10_1y2v1nfuq", n = {
+    default: "v17_10_1isvxjya",
+    alternative: "v17_10_1isvxjyb",
+    brand: "v17_10_1isvxjyc",
+    negative: "v17_10_1isvxjyd",
+    media: "v17_10_1isvxjye"
+}, t = "v17_10_1isvxjyf", s = "v17_10_1isvxjyh", o = "v17_10_1isvxjyi", j = "v17_10_1isvxjyk v17_10_1isvxjyj v17_10_1y2v1nfry v17_10_1y2v1nfs7";