@telefonica/mistica 17.7.0 → 17.9.0

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

@@ -31,10 +31,10 @@ _export(exports, {
         return y;
     }
 });
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var a = "v17_7_1isvxjy0", n = "v17_7_1isvxjy9 v17_7_1isvxjy2 v17_7_1isvxjy1 v17_7_1y2v1nfka v17_7_1y2v1nflj v17_7_1y2v1nfhv v17_7_1y2v1nfj4 v17_7_1y2v1nfu6", y = {
-    default: "v17_7_1isvxjya",
-    alternative: "v17_7_1isvxjyb",
-    brand: "v17_7_1isvxjyc",
-    negative: "v17_7_1isvxjyd",
-    media: "v17_7_1isvxjye"
-}, t = "v17_7_1isvxjyf", s = "v17_7_1isvxjyh", j = "v17_7_1isvxjyi", o = "v17_7_1isvxjyk v17_7_1isvxjyj v17_7_1y2v1nfre v17_7_1y2v1nfrn";
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                       */ var a = "v17_9_1isvxjy0", n = "v17_9_1isvxjy9 v17_9_1isvxjy2 v17_9_1isvxjy1 v17_9_1y2v1nfka v17_9_1y2v1nflj v17_9_1y2v1nfhv v17_9_1y2v1nfj4 v17_9_1y2v1nfu6", y = {
+    default: "v17_9_1isvxjya",
+    alternative: "v17_9_1isvxjyb",
+    brand: "v17_9_1isvxjyc",
+    negative: "v17_9_1isvxjyd",
+    media: "v17_9_1isvxjye"
+}, t = "v17_9_1isvxjyf", s = "v17_9_1isvxjyh", j = "v17_9_1isvxjyi", o = "v17_9_1isvxjyk v17_9_1isvxjyj v17_9_1y2v1nfre v17_9_1y2v1nfrn";

package/dist/fixed-footer-layout.css-mistica.js

@@ -38,5 +38,5 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                               */ var r = {
-    footerHeight: "var(--v17_7_p5j8j50)"
-}, j = "v17_7_p5j8j53 v17_7_p5j8j52 v17_7_1y2v1nfs1", a = "v17_7_p5j8j54", f = "v17_7_p5j8j55", n = "v17_7_p5j8j56 v17_7_1y2v1nfrd", o = "v17_7_p5j8j57", p = "v17_7_p5j8j59 v17_7_p5j8j58 v17_7_1y2v1nfuo v17_7_1y2v1nfv3 v17_7_1y2v1nfvi v17_7_1y2v1nfvx v17_7_1y2v1nfra", y = "v17_7_p5j8j5b v17_7_p5j8j5a v17_7_1y2v1nfuo v17_7_1y2v1nfv3 v17_7_1y2v1nfvi v17_7_1y2v1nfvx v17_7_1y2v1nfra", e = "v17_7_p5j8j5d v17_7_p5j8j5c v17_7_1y2v1nfv3 v17_7_1y2v1nfvi v17_7_1y2v1nfr9";
+    footerHeight: "var(--v17_9_p5j8j50)"
+}, j = "v17_9_p5j8j53 v17_9_p5j8j52 v17_9_1y2v1nfs1", a = "v17_9_p5j8j54", f = "v17_9_p5j8j55", n = "v17_9_p5j8j56 v17_9_1y2v1nfrd", o = "v17_9_p5j8j57", p = "v17_9_p5j8j59 v17_9_p5j8j58 v17_9_1y2v1nfuo v17_9_1y2v1nfv3 v17_9_1y2v1nfvi v17_9_1y2v1nfvx v17_9_1y2v1nfra", y = "v17_9_p5j8j5b v17_9_p5j8j5a v17_9_1y2v1nfuo v17_9_1y2v1nfv3 v17_9_1y2v1nfvi v17_9_1y2v1nfvx v17_9_1y2v1nfra", e = "v17_9_p5j8j5d v17_9_p5j8j5c v17_9_1y2v1nfv3 v17_9_1y2v1nfvi v17_9_1y2v1nfr9";

package/dist/form.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "form", {
         return p;
     }
 });
-/* empty css                                     */ /* empty css                                */ var p = "v17_7_1dycpqb0 v17_7_1y2v1nfs1";
+/* empty css                                     */ /* empty css                                */ var p = "v17_9_1dycpqb0 v17_9_1y2v1nfs1";

package/dist/generated/mistica-icons/icon-add-user-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return x;
+        return w;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,48 +135,68 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const x = (_param)=>{
-    var { color: s, size: a = 24 } = _param, n = _object_without_properties(_param, [
+const w = (_param)=>{
+    var { color: d, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), d = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: t, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: v } = (0, _hooks.useTheme)(), l = v.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = (0, _themevariantcontext.useThemeVariant)(), s = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: e, gradientDef: h } = (0, _icongradient.useIconGradient)(d !== null && d !== void 0 ? d : s), { skinName: v } = (0, _hooks.useTheme)(), o = v.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: e,
+                d: "M9.031 14.628a6 6 0 0 0-.031.62v1.5A6.24 6.24 0 0 0 11.862 22H2.75a.75.75 0 0 1-.75-.75v-2.872a3.75 3.75 0 0 1 3.751-3.75z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: e,
+                d: "M16.75 10c2.9 0 5.25 2.35 5.25 5.25v1.5A5.25 5.25 0 0 1 16.75 22h-1.5A5.25 5.25 0 0 1 10 16.75v-1.5c0-2.9 2.35-5.25 5.25-5.25zM16 12.995a.75.75 0 0 0-.75.75v1.5h-1.5a.75.75 0 0 0 0 1.5h1.5v1.5a.75.75 0 0 0 1.5 0v-1.5h1.5a.75.75 0 0 0 0-1.5h-1.5v-1.5a.75.75 0 0 0-.75-.75"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: e,
+                d: "M10.67 2a4.35 4.35 0 0 1 4.35 4.35v1.79q0 .445-.087.865a6.25 6.25 0 0 0-5.292 3.486h-.764a4.35 4.35 0 0 1-4.35-4.35V6.35A4.35 4.35 0 0 1 8.877 2z"
+            })
+        ]
+    })) : v.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, l), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: e,
                 d: "M7.994 15.305a.5.5 0 0 1 .5.5v.69h.7a.5.5 0 0 1 0 1h-.7v.698a.5.5 0 0 1-1 0v-.698h-.69a.5.5 0 1 1 0-1h.69v-.69a.5.5 0 0 1 .5-.5"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "M14.54 3.361c2.624 0 4.682 2.208 4.683 4.875 0 .4-.077.791-.136 1.096l-.001-.001c-.113.663-.461 1.298-.625 1.546-.259.45-.611.851-.977 1.167l-.017.016-.018.013q-.409.31-.861.527a7.7 7.7 0 0 1 2.056.83c.615.369 1.157.83 1.561 1.388a3.9 3.9 0 0 1 .751 2.243c.012.627.018 1.157.02 1.606.009 1.347-.015 1.963-.01 2.274H9.21q-.572.132-1.211.131c-1.156 0-2.175-.311-2.915-1.01-.744-.703-1.105-1.7-1.139-2.865v-.01l-.003-.16v-.021l.002-.16.001-.01c.034-1.164.395-2.163 1.139-2.865.74-.7 1.759-1.011 2.915-1.011.918 0 1.748.198 2.422.629l1.325-.774c.197-.06.43-.142.729-.222a5 5 0 0 1-.841-.52l-.015-.011-.014-.012a4.99 4.99 0 0 1-1.748-3.814c0-2.663 2.06-4.875 4.683-4.875M7.999 14.46c-.896 0-1.5.24-1.885.601-.38.36-.644.936-.67 1.818l-.002.148.002.127.02.317c.073.705.317 1.186.65 1.5.384.363.99.601 1.885.601.919 0 1.53-.25 1.914-.63.382-.378.642-.989.642-1.925 0-.937-.26-1.548-.642-1.926-.383-.38-.995-.631-1.914-.631"
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "M16.5 14.25a.25.25 0 0 1 .25.25v1a.25.25 0 0 1-.25.25H16a2.25 2.25 0 0 0 0 4.5h.5a.25.25 0 0 1 .25.25v1a.25.25 0 0 1-.25.25H5A2.75 2.75 0 0 1 2.25 19c0-1.3.604-2.519 1.629-3.397 1.021-.876 2.386-1.353 3.788-1.353z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "M19 14.25a.75.75 0 0 1 .385.11l.049.03q.034.025.065.054l.041.037q.029.032.055.067.017.02.033.044.022.035.04.074l.025.05q.014.036.024.074.032.1.033.21v2.25H22a.75.75 0 0 1 0 1.5h-2.25V21a.75.75 0 0 1-1.5 0v-2.25H16a.75.75 0 0 1 0-1.5h2.25V15a.75.75 0 0 1 .75-.75M10 2.5a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9m5.273.314a.75.75 0 0 1 .913-.54 4.75 4.75 0 0 1 3.572 4.601l-.004.197a4.75 4.75 0 0 1-3.568 4.405.75.75 0 0 1-.371-1.453 3.25 3.25 0 0 0 2.432-2.88l.01-.269a3.25 3.25 0 0 0-2.443-3.148.75.75 0 0 1-.54-.913"
             })
         ]
     }));
-    return i ? /*#__PURE__*/ _react.cloneElement(l, {}, [
+    return h ? /*#__PURE__*/ _react.cloneElement(o, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: i
+            children: h
         }, "gradient-defs"),
-        ..._react.Children.toArray(l.props.children)
-    ]) : l;
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };