@telefonica/mistica 17.7.0 → 17.9.0

package/dist-es/feedback.js

@@ -78,121 +78,125 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import * as H from "react";
-import { useTheme as g, useScreenSize as A } from "./hooks.js";
-import K from "./button-fixed-footer-layout.js";
-import { VIVO_SKIN as C, VIVO_EVOLUTION_SKIN as O } from "./skins/constants.js";
-import { useSetOverscrollColor as M } from "./overscroll-color-context.js";
-import y from "./icons/icon-success.js";
+import { useTheme as g, useScreenSize as V } from "./hooks.js";
+import M from "./button-fixed-footer-layout.js";
+import { useSetOverscrollColor as $ } from "./overscroll-color-context.js";
+import G from "./icons/icon-success.js";
 import U from "./icons/icon-error.js";
-import $ from "./icons/icon-info.js";
-import { isWebViewBridgeAvailable as G, requestVibration as X } from "@tef-novum/webview-bridge";
-import { isRunningAcceptanceTest as J } from "./utils/platform.js";
-import { Text2 as P, Text6 as Q, Text3 as Y } from "./text.js";
-import z from "./box.js";
-import { InternalBoxed as Z } from "./boxed.js";
-import x, { ResetResponsiveLayout as ee } from "./responsive-layout.js";
-import u from "./stack.js";
-import m from "classnames";
-import re from "./button-group.js";
+import X from "./icons/icon-info.js";
+import { isWebViewBridgeAvailable as _, requestVibration as J } from "@tef-novum/webview-bridge";
+import { isRunningAcceptanceTest as K } from "./utils/platform.js";
+import { Text2 as Q, Text as T, getTextSizesWithWeight as A } from "./text.js";
+import y from "./box.js";
+import { InternalBoxed as Y } from "./boxed.js";
+import C, { ResetResponsiveLayout as Z } from "./responsive-layout.js";
+import p from "./stack.js";
+import b from "classnames";
+import ee from "./button-group.js";
 import { vars as i } from "./skins/skin-contract.css-mistica.js";
-import { container as te, innerContainer as oe, innerContainerWithButtons as se, assetContainer as ae, feedbackTextAppearFast as ce, feedbackTextAppearMedium as T, feedbackTextAppearSlow as ie, feedbackData as ne, desktopContainer as de, desktopContent as le, desktopImage as me, backgroundBrand as ue, successFeedbackContainer as be } from "./feedback.css-mistica.js";
-import R from "./icons/icon-success-vivo-new.js";
-const D = (r)=>!J(r), E = (param)=>{
-    let { primaryButton: r, secondaryButton: t } = param;
-    return !!r || !!t;
-}, V = (r)=>{
-    G() && X(r).catch(()=>{});
-}, L = (r)=>{
+import { container as te, innerContainer as re, innerContainerWithButtons as se, assetContainer as oe, feedbackTextAppearFast as ae, feedbackTextAppearMedium as I, feedbackTextAppearSlow as ce, feedbackData as ie, desktopContainer as ne, desktopContent as de, desktopImage as le, backgroundBrand as me, successFeedbackContainer as ue } from "./feedback.css-mistica.js";
+import { useThemeVariant as be, ThemeVariant as pe } from "./theme-variant-context.js";
+const z = (t)=>!K(t), O = (param)=>{
+    let { primaryButton: t, secondaryButton: r } = param;
+    return !!t || !!r;
+}, R = /* @__PURE__ */ e(G, {
+    size: "100%"
+}), N = (t)=>{
+    _() && J(t).catch(()=>{});
+}, D = (t)=>{
     H.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__ */ e(u, {
+}, 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__ */ e(p, {
         space: 16,
-        children: o.map((d, l)=>/* @__PURE__ */ e("p", {
-                children: d
-            }, l))
-    }) : o;
-    return /* @__PURE__ */ n(u, {
-        space: 24,
+        children: s.map((m, u)=>/* @__PURE__ */ e("p", {
+                children: m
+            }, u))
+    }) : s;
+    return /* @__PURE__ */ d(p, {
+        space: 40,
         children: [
             /* @__PURE__ */ e("div", {
-                className: ae,
+                className: oe,
                 "data-testid": "icon",
-                children: r
+                children: t
             }),
-            /* @__PURE__ */ n(u, {
+            /* @__PURE__ */ d(p, {
                 space: 16,
-                className: m(ne),
+                className: b(ie),
                 children: [
                     /* @__PURE__ */ e("div", {
-                        className: m(a && ce),
+                        className: b(a && ae),
                         "data-testid": "title",
-                        children: /* @__PURE__ */ e(Q, {
+                        children: /* @__PURE__ */ e(T, _object_spread_props(_object_spread({}, A({
+                            textPreset: n
+                        })), {
                             as: "h1",
-                            children: t
-                        })
+                            children: r
+                        }))
                     }),
                     c && /* @__PURE__ */ e("div", {
-                        className: m(a && T),
+                        className: b(a && I),
                         "data-testid": "description",
-                        children: c && /* @__PURE__ */ e(Y, {
-                            regular: !0,
+                        children: c && /* @__PURE__ */ e(T, _object_spread_props(_object_spread({}, A({
+                            textPreset: l
+                        })), {
                             color: i.colors.textSecondary,
                             children: c
-                        })
+                        }))
                     }),
-                    s && /* @__PURE__ */ e("div", {
-                        className: m(a && (c ? ie : T)),
+                    o && /* @__PURE__ */ e("div", {
+                        className: b(a && (c ? ce : I)),
                         "data-testid": "slot",
-                        children: s
+                        children: o
                     })
                 ]
             })
         ]
     });
-}, q = (r, t)=>{
-    const o = E(t);
-    return /* @__PURE__ */ n(u, {
+}, E = (t, r)=>{
+    const s = O(r);
+    return /* @__PURE__ */ d(p, {
         space: {
             desktop: 32,
             mobile: 24
         },
         children: [
-            r,
-            o && /* @__PURE__ */ e(re, _object_spread({}, t))
+            t,
+            s && /* @__PURE__ */ e(ee, _object_spread({}, r))
         ]
     });
-}, w = (param)=>{
-    let { isBrandVariant: r, body: t, imageFit: o, imageUrl: s, dataAttributes: a } = param;
-    return /* @__PURE__ */ e(Z, {
+}, P = (param)=>{
+    let { isBrandVariant: t, body: r, imageFit: s, imageUrl: o, dataAttributes: a } = param;
+    return /* @__PURE__ */ e(Y, {
         borderRadius: i.borderRadii.container,
         desktopOnly: !0,
-        variant: r ? "brand" : "default",
+        variant: t ? "brand" : "default",
         dataAttributes: a,
-        children: /* @__PURE__ */ n("div", {
-            className: de,
+        children: /* @__PURE__ */ d("div", {
+            className: ne,
             children: [
                 /* @__PURE__ */ e("div", {
-                    className: le,
-                    children: t
+                    className: de,
+                    children: r
                 }),
-                s && /* @__PURE__ */ e("div", {
-                    className: me,
+                o && /* @__PURE__ */ e("div", {
+                    className: le,
                     "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
                     }
@@ -200,99 +204,95 @@ const D = (r)=>!J(r), E = (param)=>{
             ]
         })
     });
-}, pe = ()=>(M({
+}, ke = ()=>($({
         topColor: i.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 } = g(), { isTabletOrSmaller: W } = A(), 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 } = g(), { isTabletOrSmaller: j } = V(), 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__ */ e("div", {
         style: {
             position: "relative"
         },
-        children: /* @__PURE__ */ n(x, {
+        children: /* @__PURE__ */ d(C, {
             children: [
-                f && /* @__PURE__ */ e(pe, {}),
-                /* @__PURE__ */ e(z, {
+                h && /* @__PURE__ */ e(ke, {}),
+                /* @__PURE__ */ e(y, {
                     paddingTop: {
                         desktop: 64,
                         mobile: 0
                     },
-                    children: w({
-                        isBrandVariant: f,
+                    children: P({
+                        isBrandVariant: h,
                         body: // We need this reset because the ButtonFixedFooterLayout adds a ResponsiveLayout that
                         // doesn't expand when nested in mobile. This can cause double margin when footer is not fixed
-                        /* @__PURE__ */ e(ee, {
+                        /* @__PURE__ */ e(Z, {
                             skipDesktop: !0,
-                            children: /* @__PURE__ */ e(K, {
-                                isFooterVisible: j,
-                                button: s,
+                            children: /* @__PURE__ */ e(M, {
+                                isFooterVisible: w,
+                                button: o,
                                 secondaryButton: a,
-                                link: c,
-                                footerBgColor: f && !k ? i.colors.backgroundBrandBottom : void 0,
-                                containerBgColor: f ? i.colors.backgroundBrand : i.colors.background,
-                                children: /* @__PURE__ */ e(x, {
+                                link: n,
+                                footerBgColor: h && !q ? i.colors.backgroundBrandBottom : void 0,
+                                containerBgColor: h ? i.colors.backgroundBrand : i.colors.background,
+                                children: /* @__PURE__ */ e(C, {
                                     children: /* @__PURE__ */ e("div", {
                                         className: te,
                                         children: /* @__PURE__ */ e("div", {
-                                            className: m(oe, {
-                                                [se]: s || a || c
+                                            className: b(re, {
+                                                [se]: 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 } = A(), { skinName: s, themeVariants: a } = g();
-    return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({}, t), {
-        variant: (a.successFeedback === "brand" || a.successFeedback === "inverse") && (!t.unstable_inlineInDesktop || o) ? "brand" : "default",
+    const { isTabletOrSmaller: s } = V(), { themeVariants: o } = g();
+    return /* @__PURE__ */ e(x, _object_spread_props(_object_spread({}, r), {
+        variant: (o.successFeedback === "brand" || o.successFeedback === "inverse") && (!r.unstable_inlineInDesktop || s) ? "brand" : "default",
         hapticFeedback: "success",
-        asset: s === C || s === O ? /* @__PURE__ */ e(R, {
-            size: "100%"
-        }) : /* @__PURE__ */ e(y, {
-            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__ */ e(B, _object_spread_props(_object_spread({}, o), {
+    return /* @__PURE__ */ e(x, _object_spread_props(_object_spread({}, s), {
         hapticFeedback: "error",
         asset: /* @__PURE__ */ e(U, {
             size: "100%"
@@ -300,55 +300,55 @@ const D = (r)=>!J(r), E = (param)=>{
         animateText: !0,
         dataAttributes: _object_spread({
             testid: "ErrorFeedbackScreen"
-        }, t),
-        slot: /* @__PURE__ */ n(u, {
+        }, r),
+        slot: /* @__PURE__ */ d(p, {
             space: 16,
             children: [
-                o.slot,
-                r && /* @__PURE__ */ e(P, {
+                s.slot,
+                t && /* @__PURE__ */ e(Q, {
                     color: i.colors.textSecondary,
                     regular: !0,
-                    children: r
+                    children: t
                 })
             ]
         })
     }));
-}, _e = (_param)=>{
-    var { dataAttributes: r, Icon: t = $ } = _param, o = _object_without_properties(_param, [
+}, Pe = (_param)=>{
+    var { dataAttributes: t, Icon: r = X } = _param, s = _object_without_properties(_param, [
         "dataAttributes",
         "Icon"
     ]);
-    return /* @__PURE__ */ e(B, _object_spread({
+    const o = be();
+    return /* @__PURE__ */ e(x, _object_spread({
         dataAttributes: _object_spread({
             testid: "InfoFeedbackScreen"
-        }, r),
-        asset: /* @__PURE__ */ e(t, {
-            size: "100%",
-            color: i.colors.brand
+        }, t),
+        asset: /* @__PURE__ */ e(pe, {
+            variant: o,
+            children: /* @__PURE__ */ e(r, {
+                size: "100%",
+                color: i.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 } = g(), F = _({
-        asset: b === C || b === O ? /* @__PURE__ */ e(R, {
-            size: "100%"
-        }) : /* @__PURE__ */ e(y, {
-            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 } = g(), 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__ */ e("div", {
-            className: k ? ue : void 0,
-            children: /* @__PURE__ */ e(z, {
+            className: f ? me : void 0,
+            children: /* @__PURE__ */ e(y, {
                 paddingX: {
                     mobile: 16,
                     tablet: 24,
@@ -359,16 +359,16 @@ const D = (r)=>!J(r), E = (param)=>{
                     mobile: 48
                 },
                 children: /* @__PURE__ */ e("div", {
-                    className: be,
+                    className: ue,
                     children: S
                 })
             })
         }),
-        imageFit: l,
-        imageUrl: d,
+        imageFit: c,
+        imageUrl: l,
         dataAttributes: _object_spread({
             testid: "SuccessFeedback"
-        }, h)
+        }, m)
     });
 };
-export { Le as ErrorFeedbackScreen, B as FeedbackScreen, _e as InfoFeedbackScreen, qe as SuccessFeedback, Ee as SuccessFeedbackScreen };
+export { Ee as ErrorFeedbackScreen, x as FeedbackScreen, Pe as InfoFeedbackScreen, qe as SuccessFeedback, We as SuccessFeedbackScreen };

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

@@ -1,8 +1,8 @@
-/* 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";
 export { s as assetScaleActive, o as centeredButton, a as disabled, t as dropZoneActive, j as dropZoneButton, n as dropZoneContainerBase, y as dropZoneVariant };

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

@@ -1,4 +1,4 @@
 /* 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";
 export { e as absoluteBackgroundLayer, o as container, f as elevated, y as fixedBackgroundLayer, a as fixedFooter, j as footer, p as portal, r as vars, n as withoutFooter };

package/dist-es/form.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                */ var p = "v17_7_1dycpqb0 v17_7_1y2v1nfs1";
+/* empty css                                     */ /* empty css                                */ var p = "v17_9_1dycpqb0 v17_9_1y2v1nfs1";
 export { p as form };

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

@@ -78,55 +78,75 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import * as h from "react";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as f } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-import { useIconGradient as g } from "../../utils/icon-gradient.js";
-const x = (_param)=>{
-    var { color: s, size: a = 24 } = _param, n = _object_without_properties(_param, [
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: d, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = f(), d = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: t, gradientDef: i } = g(s !== null && s !== void 0 ? s : d), { skinName: v } = m(), l = v.match(/^vivo/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = m(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: e, gradientDef: h } = p(d !== null && d !== void 0 ? d : s), { skinName: v } = f(), o = v.match(/^vivo-evolution/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, l), {
         children: [
-            /* @__PURE__ */ e("path", {
-                fill: t,
+            /* @__PURE__ */ a("path", {
+                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__ */ a("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__ */ a("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__ */ i("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, l), {
+        children: [
+            /* @__PURE__ */ a("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__ */ e("path", {
-                fill: t,
+            /* @__PURE__ */ a("path", {
+                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__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, l), {
         children: [
-            /* @__PURE__ */ e("path", {
-                fill: t,
+            /* @__PURE__ */ a("path", {
+                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__ */ e("path", {
-                fill: t,
+            /* @__PURE__ */ a("path", {
+                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__*/ h.cloneElement(l, {}, [
-        /* @__PURE__ */ e("defs", {
-            children: i
+    return h ? /*#__PURE__*/ c.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: h
         }, "gradient-defs"),
-        ...h.Children.toArray(l.props.children)
-    ]) : l;
+        ...c.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { x as default };
+export { w as default };