@telefonica/mistica 16.71.0 → 17.0.0

package/dist/generated/mistica-icons/icon-import-light.js

@@ -136,26 +136,26 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const x = (_param)=>{
-    var { color: d, size: e = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: s, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    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: a, gradientDef: c } = (0, _icongradient.useIconGradient)(d !== null && d !== void 0 ? d : s), { skinName: o } = (0, _hooks.useTheme)(), i = o.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), d = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: h } = (0, _hooks.useTheme)(), l = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
             d: "m5.753 10.72 5.894 5.893a.7.7 0 0 0 .188.13c.14.06.3.06.44 0a.8.8 0 0 0 .196-.13l5.79-5.79a.58.58 0 0 0-.82-.82l-4.808 4.807V2.73a.58.58 0 0 0-.58-.58c-.322 0-.58.26-.582.58v12.076l-4.9-4.91-.027-.029-.015-.014a.58.58 0 1 0-.776.866m16.084 6.333a.58.58 0 0 0-.58-.577.573.573 0 0 0-.574.58v3.625H3.311v-3.625a.581.581 0 0 0-1.16 0v4.204c0 .32.258.577.577.577h18.533c.319 0 .576-.26.576-.58z"
         })
-    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -166,28 +166,12 @@ const x = (_param)=>{
                 d: "M4.143 22h15.702c1.18 0 2.143-.964 2.155-2.144V12a.715.715 0 1 0-1.431 0v7.856a.72.72 0 0 1-.716.716H4.147a.72.72 0 0 1-.716-.716V12A.715.715 0 1 0 2 12v7.856C2 21.036 2.963 22 4.143 22"
             })
         ]
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, l), {
-        children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
-                d: "M11.82 19.555 6.108 13.74c-.4-.408-.509-1-.292-1.519a1.17 1.17 0 0 1 1.09-.78h2.549V2.372c0-.22.144-.371.365-.371.216 0 .364.147.364.371v9.813H6.91a.406.406 0 0 0-.401.298c-.072.22-.072.518.108.738l5.203 5.298 5.198-5.293a.64.64 0 0 0 .108-.74.41.41 0 0 0-.4-.297H13.45V2.37c0-.22.144-.371.365-.371.216 0 .364.147.364.371v9.074h2.546c.472 0 .873.298 1.09.78.216.518.108 1.146-.293 1.518zM22 12.371a.73.73 0 0 1-.726.74c-.4 0-.725-.332-.725-.74s.325-.738.726-.738.725.33.725.738"
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
-                d: "M3.82 22h16c1.018 0 1.815-.816 1.82-1.853v-5.555c0-.225-.149-.372-.366-.372-.22 0-.364.151-.364.372v5.555c0 .629-.473 1.11-1.09 1.11h-16c-.618 0-1.09-.482-1.09-1.11V12c0-.225-.145-.371-.365-.371S2 11.779 2 12v8.147C2 21.184 2.802 22 3.82 22"
-            })
-        ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -199,10 +183,10 @@ const x = (_param)=>{
             })
         ]
     }));
-    return c ? /*#__PURE__*/ _react.cloneElement(i, {}, [
+    return i ? /*#__PURE__*/ _react.cloneElement(l, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: c
+            children: i
         }, "gradient-defs"),
-        ..._react.Children.toArray(i.props.children)
-    ]) : i;
+        ..._react.Children.toArray(l.props.children)
+    ]) : l;
 };

package/dist/generated/mistica-icons/icon-import-regular.js

@@ -136,42 +136,26 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const x = (_param)=>{
-    var { color: d, size: t = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    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: a, gradientDef: v } = (0, _icongradient.useIconGradient)(d !== null && d !== void 0 ? d : s), { skinName: o } = (0, _hooks.useTheme)(), n = o.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useThemeVariant)(), d = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: h } = (0, _hooks.useTheme)(), o = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
             d: "m5.74 10.956 5.72 5.728a.853.853 0 0 0 1.196 0l5.647-5.655.01-.008.013-.014a.845.845 0 0 0-1.216-1.171l-4.207 4.213V2.999a.844.844 0 0 0-1.69 0v11.05l-4.28-4.286a.844.844 0 0 0-1.193 1.193m16.101 5.955a.844.844 0 0 0-.843-.843.84.84 0 0 0-.84.843v3.244H3.844v-3.244a.845.845 0 0 0-1.689 0v4.087c0 .465.378.843.843.843h18a.844.844 0 0 0 .843-.843z"
         })
-    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : h.match(/^o2/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: a,
-                d: "m6.142 13.216 5.852 5.856 5.857-5.856c.463-.464.607-1.212.355-1.856-.248-.608-.783-.964-1.39-.964h-2.144v-7.68a.715.715 0 1 0-1.43 0v9.108h3.57s.035 0 .071.072c.036.104.036.248-.036.32l-4.853 4.856-4.853-4.856c-.072-.068-.072-.212-.036-.32.036-.072.072-.072.072-.072h3.57V2.716a.717.717 0 0 0-1.431-.004v7.68H7.173c-.608 0-1.14.356-1.391.964-.248.644-.104 1.396.36 1.86"
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
-                d: "M4.143 22h15.702c1.18 0 2.143-.964 2.155-2.144V12a.715.715 0 1 0-1.431 0v7.856a.72.72 0 0 1-.716.716H4.147a.72.72 0 0 1-.716-.716V12A.715.715 0 1 0 2 12v7.856C2 21.036 2.963 22 4.143 22"
-            })
-        ]
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, l), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -187,7 +171,7 @@ const x = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -199,10 +183,10 @@ const x = (_param)=>{
             })
         ]
     }));
-    return v ? /*#__PURE__*/ _react.cloneElement(n, {}, [
+    return i ? /*#__PURE__*/ _react.cloneElement(o, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: v
+            children: i
         }, "gradient-defs"),
-        ..._react.Children.toArray(n.props.children)
-    ]) : n;
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };

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

@@ -140,34 +140,24 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useThemeVariant)(), s = n === "brand" || n === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : n === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: h } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: i } = (0, _hooks.useTheme)(), a = i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), s = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: l } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: c } = (0, _hooks.useTheme)(), i = c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: n,
             d: "M12.16 1q.174 0 .344.003C14.711 1.034 23 1.833 23 12.04 23 22.224 14.79 22.981 12.582 23h-.21c-.284 0-.579-.006-.832-.012C9.386 22.934 1 22.083 1 11.97 1 1.833 9.399 1.044 11.496 1.006c.2-.003.432-.006.664-.006m-.148 7.355a.733.733 0 1 0-.732-.732c0 .404.329.732.732.732m.68 8.748V9.951a.689.689 0 0 0-1.377 0v7.152a.689.689 0 0 0 1.377 0"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
-            d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m.536 14.644a.55.55 0 0 1-.536.536.55.55 0 0 1-.536-.536V9.856c0-.284.252-.536.536-.536s.536.252.536.536zm-1.252-9.468c0-.392.32-.716.716-.716.392 0 .716.32.716.716a.72.72 0 0 1-.716.716.72.72 0 0 1-.716-.716"
-        })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: n,
             d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m.536 14.644a.55.55 0 0 1-.536.536.55.55 0 0 1-.536-.536V9.856c0-.284.252-.536.536-.536s.536.252.536.536zm-1.252-9.468c0-.392.32-.716.716-.716.392 0 .716.32.716.716a.72.72 0 0 1-.716.716.72.72 0 0 1-.716-.716"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -177,14 +167,14 @@ const x = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: n,
             d: "M12 21.5a9.5 9.5 0 0 1-.467-18.988L12 2.5a9.5 9.5 0 1 1 0 19M12 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 7.75a.75.75 0 0 0 .75-.75v-4.241a.75.75 0 0 0-1.5 0V16c0 .414.336.75.75.75"
         })
     }));
-    return h ? /*#__PURE__*/ _react.cloneElement(a, {}, [
+    return l ? /*#__PURE__*/ _react.cloneElement(i, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: h
+            children: l
         }, "gradient-defs"),
-        ..._react.Children.toArray(a.props.children)
-    ]) : a;
+        ..._react.Children.toArray(i.props.children)
+    ]) : i;
 };

package/dist/generated/mistica-icons/icon-information-user-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return x;
+        return V;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,27 +135,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const x = (_param)=>{
-    var { color: m, size: t = 24 } = _param, a = _object_without_properties(_param, [
+const V = (_param)=>{
+    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useThemeVariant)(), d = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: h } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : d), { skinName: n } = (0, _hooks.useTheme)(), i = n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useThemeVariant)(), d = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: h } = (0, _hooks.useTheme)(), n = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: r,
             d: "M23 12.037C23 1.832 14.71 1.033 12.5 1.002a36 36 0 0 0-1.004.003C9.396 1.043 1 1.832 1 11.971c0 10.115 8.386 10.966 10.543 11.02.254.006.548.009.83.009h.21C14.788 22.981 23 22.224 23 12.037m-.917 0c0 4-1.33 6.868-3.954 8.518-2.15 1.352-4.601 1.518-5.556 1.528h-.204c-.275 0-.56-.003-.807-.01-.958-.025-3.428-.225-5.613-1.596-2.676-1.675-4.032-4.54-4.032-8.506 0-9.16 7.344-10.008 9.595-10.049q.487-.008.976-.003c.961.013 3.431.194 5.604 1.562 2.648 1.669 3.99 4.549 3.99 8.556M12.006 9.495c.254 0 .457.207.457.457v7.15a.458.458 0 0 1-.914 0V9.955a.456.456 0 0 1 .457-.46m.708-1.884a.713.713 0 1 0-1.427-.001.713.713 0 0 0 1.427 0"
         })
-    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: r,
@@ -166,28 +166,12 @@ const x = (_param)=>{
                 d: "M2 12c0 5.5 4.5 10 10 10s10-4.5 10-10S17.5 2 12 2 2 6.5 2 12m1.428 0c0-4.716 3.856-8.572 8.572-8.572S20.572 7.284 20.572 12 16.716 20.572 12 20.572 3.428 16.716 3.428 12"
             })
         ]
-    })) : n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, a), {
-        children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
-                d: "M2 12c0 5.5 4.5 10 10 10a10.14 10.14 0 0 0 5.356-1.536c.18-.108.216-.32.108-.5s-.32-.216-.5-.108A9.43 9.43 0 0 1 12 21.284c-5.108 0-9.284-4.176-9.284-9.284S6.896 2.716 12 2.716s9.284 4.176 9.284 9.248c0 1.784-.5 3.5-1.428 4.964-.108.18-.072.392.108.5s.392.072.5-.108A9.93 9.93 0 0 0 22 12c0-5.5-4.5-10-10-10S2 6.5 2 12"
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
-                d: "M18.784 19.5a.716.716 0 1 0 0-1.432.716.716 0 0 0 0 1.432M12 17.356c-.216 0-.356-.144-.356-.356V9.5c0-.216.144-.356.356-.356.216 0 .356.144.356.356V17c0 .216-.14.356-.356.356m0-9.64a.536.536 0 1 0 0-1.072.536.536 0 0 0 0 1.072"
-            })
-        ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: r,
@@ -199,10 +183,10 @@ const x = (_param)=>{
             })
         ]
     }));
-    return h ? /*#__PURE__*/ _react.cloneElement(i, {}, [
+    return l ? /*#__PURE__*/ _react.cloneElement(n, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: h
+            children: l
         }, "gradient-defs"),
-        ..._react.Children.toArray(i.props.children)
-    ]) : i;
+        ..._react.Children.toArray(n.props.children)
+    ]) : n;
 };

package/dist/generated/mistica-icons/icon-information-user-regular.js

@@ -136,11 +136,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const S = (_param)=>{
-    var { color: d, size: t = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: s, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useThemeVariant)(), s = n === "brand" || n === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : n === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: c } = (0, _icongradient.useIconGradient)(d !== null && d !== void 0 ? d : s), { skinName: i } = (0, _hooks.useTheme)(), o = i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), d = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: h } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: n } = (0, _hooks.useTheme)(), i = n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -150,7 +150,7 @@ const S = (_param)=>{
             fill: r,
             d: "M23 12.034C23 1.833 14.714 1.031 12.504 1q-.504-.002-1.008.006C9.396 1.044 1 1.833 1 11.97c0 10.117 8.386 10.968 10.543 11.019.254.009.548.012.83.012h.21C14.788 22.981 23 22.224 23 12.034m-1.374 0c0 8.584-6.333 9.567-9.056 9.592 0 0-.197 0-.197-.003-.273 0-.555-.004-.799-.01-2.767-.066-9.2-1.14-9.2-9.644 0-8.502 6.395-9.538 9.147-9.589q.481-.008.961-.003c2.752.038 9.144 1.058 9.144 9.657m-9.62-2.77c.379 0 .689.307.689.689v7.15a.689.689 0 1 1-1.377 0v-7.15a.69.69 0 0 1 .688-.689M12.77 7.6a.73.73 0 0 0-.758-.708.74.74 0 0 0-.71.708.736.736 0 0 0 .707.757h.054a.73.73 0 0 0 .707-.757"
         })
-    })) : i.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : n.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -160,23 +160,7 @@ const S = (_param)=>{
             fill: r,
             d: "M12 3.355c-4.606 0-8.645 4.04-8.645 8.645 0 4.606 4.04 8.645 8.645 8.645s8.645-4.04 8.645-8.645S16.605 3.355 12 3.355M12 22C6.673 22 2 17.327 2 12S6.673 2 12 2s10 4.673 10 10-4.673 10-10 10m.007-15.861a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4m-.685 5.013h1.355v6.78h-1.355z"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, a), {
-        children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
-                d: "M12 17.356a.72.72 0 0 1-.716-.716V9.856c0-.392.32-.716.716-.716.392 0 .716.32.716.716v6.784a.72.72 0 0 1-.716.716m0-9.284a.892.892 0 1 0 0-1.784.892.892 0 0 0 0 1.784"
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
-                d: "M2 12c0 5.5 4.5 10 10 10s10-4.5 10-10S17.5 2 12 2 2 6.5 2 12m1.428 0c0-4.716 3.856-8.572 8.572-8.572S20.572 7.284 20.572 12 16.716 20.572 12 20.572 3.428 16.716 3.428 12"
-            })
-        ]
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -209,10 +193,10 @@ const S = (_param)=>{
             })
         ]
     }));
-    return c ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+    return h ? /*#__PURE__*/ _react.cloneElement(i, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: c
+            children: h
         }, "gradient-defs"),
-        ..._react.Children.toArray(o.props.children)
-    ]) : o;
+        ..._react.Children.toArray(i.props.children)
+    ]) : i;
 };

package/dist/generated/mistica-icons/icon-internet-device-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return V;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
+const V = (_param)=>{
     var { color: m, size: t = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), l = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : l), { skinName: s } = (0, _hooks.useTheme)(), n = s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), l = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : l), { skinName: s } = (0, _hooks.useTheme)(), o = s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -161,10 +161,10 @@ const w = (_param)=>{
             d: "M5.8 5.393h7.974c.7-1.326 1.986-2.268 3.493-2.46A3.02 3.02 0 0 0 15.091 2H8.897C7.187 2 5.8 3.44 5.8 5.214zm12.388 7.124v5.02H5.8V6.463h7.56a5 5 0 0 0-.163 1.248c0 2.666 2.083 4.824 4.647 4.824.115 0 .23-.01.344-.018M5.8 18.607v.179C5.8 20.56 7.188 22 8.897 22h6.194c1.709 0 3.097-1.44 3.097-3.214v-.179zm12.044-6.79c2.18 0 3.956-1.843 3.956-4.106s-1.775-4.106-3.956-4.106-3.956 1.843-3.956 4.106 1.776 4.106 3.956 4.106m1.335-6.804a3.04 3.04 0 0 1 1.542 2.163h-1.172c-.04-.777-.159-1.54-.37-2.163M17.17 8.251h1.348c-.08 1.513-.48 2.354-.674 2.492-.194-.138-.595-.979-.674-2.492m1.348-1.075H17.17c.08-1.513.48-2.36.674-2.492.194.137.595.979.674 2.492m-2.379 0h-1.171a3.04 3.04 0 0 1 1.541-2.163c-.211.622-.33 1.39-.37 2.163m.37 3.237a3.04 3.04 0 0 1-1.542-2.162h1.172c.04.777.159 1.54.37 2.162m3.04-2.162h1.172a3.04 3.04 0 0 1-1.542 2.162c.211-.622.33-1.39.37-2.162"
         })
     }));
-    return i ? /*#__PURE__*/ _react.cloneElement(n, {}, [
+    return i ? /*#__PURE__*/ _react.cloneElement(o, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
             children: i
         }, "gradient-defs"),
-        ..._react.Children.toArray(n.props.children)
-    ]) : n;
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };

package/dist/generated/mistica-icons/icon-internet-device-light.js

@@ -136,45 +136,35 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const w = (_param)=>{
-    var { color: m, size: t = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    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: c, gradientDef: l } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: h } = (0, _hooks.useTheme)(), n = h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : m), { skinName: s } = (0, _hooks.useTheme)(), a = s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: l,
             d: "M18.036 3.623c2.098.146 3.764 1.924 3.764 4.091 0 2.025-1.445 3.703-3.34 4.041v7.031c0 1.774-1.42 3.214-3.165 3.214h-6.33C7.218 22 5.8 20.56 5.8 18.786V5.214C5.8 3.44 7.218 2 8.965 2h6.33a3.15 3.15 0 0 1 2.741 1.623M19.5 7.179h1.198a3.05 3.05 0 0 0-1.576-2.162c.216.622.338 1.39.379 2.162m-1.053 1.075H17.07c.081 1.513.491 2.354.69 2.491.197-.137.607-.978.688-2.491m-.689-3.566c-.198.137-.608.978-.689 2.491h1.378c-.081-1.513-.49-2.358-.689-2.491m-10.552.53v.174h7.216a4.07 4.07 0 0 1 1.99-1.545 1.72 1.72 0 0 0-1.116-.416h-6.33c-.973 0-1.76.804-1.76 1.787m7.612 1.961h1.198c.036-.772.162-1.536.378-2.162a3.04 3.04 0 0 0-1.576 2.162m1.576 3.237c-.216-.626-.342-1.39-.378-2.162h-1.198a3.04 3.04 0 0 0 1.576 2.162m-1.098 10.158c.972 0 1.76-.805 1.76-1.788v-.178h-9.85v.178c0 .988.792 1.788 1.76 1.788zm-8.09-3.036h9.845v-5.783c-1.895-.338-3.34-2.02-3.34-4.04 0-.435.067-.856.193-1.249h-6.7zM19.5 8.254c-.041.777-.163 1.54-.379 2.162a3.05 3.05 0 0 0 1.576-2.162z"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
-            d: "M21.8 7.714c0-2.162-1.71-3.917-3.812-3.927C17.476 2.731 16.416 2 15.192 2H8.93C7.203 2 5.8 3.44 5.8 5.214v13.572C5.8 20.56 7.203 22 8.93 22h6.262c1.727 0 3.13-1.44 3.13-3.214v-5.714a.35.35 0 0 0-.347-.357.353.353 0 0 0-.348.357v5.714c0 1.38-1.09 2.5-2.435 2.5H8.93c-1.345 0-2.436-1.12-2.436-2.5v-.356h7.307c.192 0 .348-.16.348-.357a.353.353 0 0 0-.348-.356H6.495V6.288h7.917a4 4 0 0 0-.267 1.426c0 2.167 1.719 3.927 3.825 3.927 2.107 0 3.83-1.76 3.83-3.927m-.717-.356h-1.55c-.035-1.015-.213-1.998-.53-2.675a3.2 3.2 0 0 1 2.08 2.675m0 .717c-.134 1.244-.966 2.277-2.08 2.675.317-.681.495-1.664.53-2.675zm-2.244-.717H17.11c.062-1.783.574-2.857.864-2.857s.801 1.078.864 2.857M6.495 5.218c0-1.38 1.09-2.5 2.436-2.5h6.26c.856 0 1.608.457 2.045 1.147a3.82 3.82 0 0 0-2.463 1.71H6.495zm8.367 2.857h1.55c.035 1.015.213 1.998.53 2.675a3.22 3.22 0 0 1-2.08-2.675m.005-.717a3.2 3.2 0 0 1 2.08-2.675c-.317.682-.5 1.664-.53 2.675zm3.972.717c-.063 1.783-.575 2.858-.864 2.858s-.802-1.08-.864-2.858zm-2.258 9.998a.705.705 0 0 0-.695-.713.705.705 0 0 0-.694.713c0 .393.311.713.694.713s.695-.32.695-.713"
-        })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: l,
             d: "M8 11.25a.75.75 0 0 1 .75.75v6.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.8.8 0 0 1-.244.162q-.048.02-.098.03-.02.008-.04.012l-.017.003a.8.8 0 0 1-.264 0l-.016-.003-.04-.011q-.05-.012-.098-.03-.044-.02-.083-.045a.8.8 0 0 1-.16-.118l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72V12a.75.75 0 0 1 .75-.75m8.026-7.999a.8.8 0 0 1 .23.047q.02.004.039.012.028.013.055.03.036.017.07.039a1 1 0 0 1 .11.09l3 3a.75.75 0 1 1-1.06 1.061l-1.72-1.72V12a.75.75 0 0 1-1.5 0V5.81l-1.72 1.72a.75.75 0 1 1-1.06-1.06l3-3 .056-.052q.016-.012.033-.022a.7.7 0 0 1 .26-.122l.06-.014.034-.005L16 3.25z"
         })
     }));
-    return l ? /*#__PURE__*/ _react.cloneElement(n, {}, [
+    return i ? /*#__PURE__*/ _react.cloneElement(a, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: l
+            children: i
         }, "gradient-defs"),
-        ..._react.Children.toArray(n.props.children)
-    ]) : n;
+        ..._react.Children.toArray(a.props.children)
+    ]) : a;
 };

package/dist/generated/mistica-icons/icon-internet-device-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return M;
+        return q;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,46 +135,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const M = (_param)=>{
-    var { color: m, size: t = 24 } = _param, a = _object_without_properties(_param, [
+const q = (_param)=>{
+    var { color: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), v = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: c, gradientDef: h } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : v), { skinName: l } = (0, _hooks.useTheme)(), n = l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : m), { skinName: s } = (0, _hooks.useTheme)(), a = s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: l,
             d: "M18.036 3.623c2.098.146 3.764 1.924 3.764 4.091 0 2.025-1.445 3.703-3.34 4.041v7.031c0 1.774-1.42 3.214-3.165 3.214h-6.33C7.218 22 5.8 20.56 5.8 18.786V5.214C5.8 3.44 7.218 2 8.965 2h6.33a3.15 3.15 0 0 1 2.741 1.623M19.5 7.179h1.198a3.05 3.05 0 0 0-1.576-2.162c.216.622.338 1.39.379 2.162m-1.053 1.075H17.07c.081 1.513.491 2.354.69 2.491.197-.137.607-.978.688-2.491m-.689-3.566c-.198.137-.608.978-.689 2.491h1.378c-.081-1.513-.49-2.358-.689-2.491m-10.552.53v.174h7.216a4.07 4.07 0 0 1 1.99-1.545 1.72 1.72 0 0 0-1.116-.416h-6.33c-.972 0-1.76.804-1.76 1.787m7.613 1.961h1.197c.036-.772.162-1.536.378-2.162a3.04 3.04 0 0 0-1.575 2.162m1.575 3.237c-.216-.626-.342-1.39-.378-2.162H14.82c.166.941.76 1.737 1.575 2.162m-1.098 10.158c.972 0 1.76-.805 1.76-1.788v-.178h-9.85v.178c0 .988.792 1.788 1.76 1.788zm-8.09-3.036h9.846v-5.783c-1.896-.338-3.341-2.02-3.341-4.04 0-.435.067-.856.194-1.249h-6.7zM19.5 8.254c-.041.777-.163 1.54-.379 2.162a3.05 3.05 0 0 0 1.576-2.162z"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
-            d: "M18.036 3.623c2.098.146 3.764 1.924 3.764 4.091 0 2.025-1.445 3.703-3.34 4.041v7.031c0 1.774-1.42 3.214-3.165 3.214h-6.33C7.218 22 5.8 20.56 5.8 18.786V5.214C5.8 3.44 7.218 2 8.965 2h6.33a3.15 3.15 0 0 1 2.741 1.623M19.5 7.179h1.198a3.05 3.05 0 0 0-1.576-2.162c.216.622.338 1.39.379 2.162m-1.053 1.075H17.07c.081 1.513.491 2.354.69 2.491.197-.137.607-.978.688-2.491m-.689-3.566c-.198.137-.608.978-.689 2.491h1.378c-.081-1.513-.49-2.358-.689-2.491m-10.552.53v.174h7.216a4.07 4.07 0 0 1 1.99-1.545 1.72 1.72 0 0 0-1.116-.416h-6.33c-.973 0-1.76.804-1.76 1.787m7.612 1.961h1.198c.036-.772.162-1.536.378-2.162a3.04 3.04 0 0 0-1.576 2.162m1.576 3.237c-.216-.626-.342-1.39-.378-2.162h-1.198a3.04 3.04 0 0 0 1.576 2.162m-1.098 10.158c.972 0 1.76-.805 1.76-1.788v-.178h-9.85v.178c0 .988.792 1.788 1.76 1.788zm-8.09-3.036h9.845v-5.783c-1.895-.338-3.34-2.02-3.34-4.04 0-.435.067-.856.193-1.249h-6.7zM19.5 8.254c-.041.777-.163 1.54-.379 2.162a3.05 3.05 0 0 0 1.576-2.162z"
-        })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: l,
             d: "M8 11.25a.75.75 0 0 1 .75.75v6.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.8.8 0 0 1-.244.162q-.048.02-.099.03-.019.008-.039.012l-.017.003a.8.8 0 0 1-.264 0l-.016-.003-.04-.011q-.05-.012-.098-.03-.044-.02-.083-.045a.8.8 0 0 1-.16-.118l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72V12a.75.75 0 0 1 .75-.75m8.025-7.999a.7.7 0 0 1 .232.047q.019.004.038.012.027.013.055.03.036.017.07.039a1 1 0 0 1 .11.09l3 3a.75.75 0 1 1-1.06 1.061l-1.72-1.72V12a.75.75 0 0 1-1.5 0V5.81l-1.72 1.72a.75.75 0 1 1-1.06-1.06l3-3 .056-.052q.016-.012.033-.022a.8.8 0 0 1 .26-.122l.06-.014.034-.005L16 3.25z"
         })
     }));
-    return h ? /*#__PURE__*/ _react.cloneElement(n, {}, [
+    return i ? /*#__PURE__*/ _react.cloneElement(a, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: h
+            children: i
         }, "gradient-defs"),
-        ..._react.Children.toArray(n.props.children)
-    ]) : n;
+        ..._react.Children.toArray(a.props.children)
+    ]) : a;
 };

package/dist/generated/mistica-icons/icon-internet-filled.js

@@ -136,61 +136,51 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const M = (_param)=>{
-    var { color: l, size: c = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: l, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), v = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: t, gradientDef: m } = (0, _icongradient.useIconGradient)(l !== null && l !== void 0 ? l : v), { skinName: n } = (0, _hooks.useTheme)(), o = n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    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: c, gradientDef: i } = (0, _icongradient.useIconGradient)(l !== null && l !== void 0 ? l : s), { skinName: m } = (0, _hooks.useTheme)(), n = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: c,
                 d: "M14.195 2.98c-.535-.41-1.1-.67-1.686-.782h-.003v-.056c2.888.087 5.154.899 6.737 2.426.977.946 1.686 2.15 2.117 3.607h-4.215c-.27-1.114-.656-2.14-1.152-3.028-.512-.924-1.117-1.652-1.798-2.168M7.691 5.147c-.496.888-.882 1.914-1.151 3.028h-3.9c.432-1.456 1.138-2.663 2.118-3.607 1.563-1.507 3.793-2.323 6.633-2.423v.02c-.66.086-1.3.358-1.902.814-.678.516-1.283 1.247-1.798 2.168m13.826 10.096q.349-1.47.348-3.244 0-1.454-.236-2.706h-4.257a17.1 17.1 0 0 1-.096 5.95z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: c,
                 d: "M7.694 8.175c.238-.91.566-1.748.972-2.476.762-1.367 1.714-2.199 2.722-2.392v4.868zm8.117 8.269q-.305.963-.792 1.852c-.709 1.269-1.58 2.075-2.51 2.342v-4.194zm-4.423 4.241v-4.243H7.876c.202.64.468 1.263.793 1.851.759 1.367 1.711 2.202 2.72 2.392M6.313 9.293a17 17 0 0 0-.213 2.703c-.003 1.09.1 2.177.31 3.247H2.488q-.349-1.47-.348-3.244c.003-.972.081-1.871.235-2.706zm5.075.003H7.45q-.23 1.34-.23 2.703c-.002 1.09.11 2.18.337 3.246h3.831zm1.121-5.939c.93.264 1.801 1.073 2.51 2.342.406.728.734 1.566.972 2.476h-3.482zm3.725 5.939H12.51v5.947h3.619a15.4 15.4 0 0 0 .336-3.247 15.6 15.6 0 0 0-.23-2.7m-6.749 11.72c.603.456 1.241.73 1.902.815v.017c-2.837-.101-5.067-.913-6.63-2.42-.837-.805-1.473-1.805-1.91-2.986h3.854c.255.876.586 1.686.986 2.406.516.921 1.12 1.652 1.798 2.168m7.494-4.574a11.6 11.6 0 0 1-.987 2.406c-.512.921-1.12 1.652-1.798 2.168-.538.406-1.1.67-1.686.781v.056c2.888-.084 5.151-.899 6.734-2.423.835-.806 1.476-1.804 1.913-2.986H16.98z"
             })
         ]
-    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : m.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
-            d: "M2 11.46C2.256 6.579 5.975 2.61 10.72 2c-2.38 1-4.132 4.767-4.26 9.46zm20 0h-4.46C17.416 6.768 15.664 3 13.28 2c4.745.613 8.464 4.578 8.72 9.46m-9.456 1.08v8.575c2.095-.544 3.793-4.205 3.92-8.576zm4.996 0c-.124 4.693-1.876 8.46-4.26 9.46 4.745-.609 8.464-4.578 8.72-9.46zm-4.996-1.084v-8.57c2.095.543 3.793 4.204 3.92 8.57zm-1.084 9.659v-8.576H7.54c.128 4.371 1.825 8.032 3.92 8.576M2 12.539c.256 4.883 3.975 8.848 8.72 9.461-2.384-1-4.132-4.767-4.26-9.46zm9.46-1.078H7.535c.133-4.371 1.83-8.032 3.925-8.576z"
-        })
-    })) : n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: c,
             d: "M2 11.46C2.256 6.579 5.975 2.61 10.72 2c-2.38 1-4.132 4.767-4.26 9.46zm20 0h-4.46C17.416 6.768 15.664 3 13.28 2c4.745.613 8.464 4.578 8.72 9.46m-9.456 1.08v8.575c2.095-.544 3.793-4.205 3.92-8.576zm4.996 0c-.124 4.693-1.876 8.46-4.26 9.46 4.745-.609 8.464-4.578 8.72-9.46zm-4.996-1.084v-8.57c2.095.543 3.793 4.204 3.92 8.57zm-1.084 9.659v-8.576H7.54c.128 4.371 1.825 8.032 3.92 8.576M2 12.539c.256 4.883 3.975 8.848 8.72 9.461-2.384-1-4.132-4.767-4.26-9.46zm9.46-1.078H7.535c.133-4.371 1.83-8.032 3.925-8.576z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: c,
             d: "M8.371 15.75c.118 0 .22.082.246.197.388 1.714 1.017 3.513 1.961 5.019.115.183-.031.422-.244.384a9.45 9.45 0 0 1-5.052-2.632 9.5 9.5 0 0 1-1.852-2.622.243.243 0 0 1 .223-.346zm11.976 0c.18 0 .3.184.223.346a9.5 9.5 0 0 1-4.934 4.681 9.4 9.4 0 0 1-1.97.573c-.213.038-.359-.201-.244-.384.945-1.506 1.573-3.305 1.96-5.019a.25.25 0 0 1 .247-.197zm-6.777 0c.162 0 .28.15.24.306a16.3 16.3 0 0 1-1.601 3.96.24.24 0 0 1-.42 0 16.3 16.3 0 0 1-1.601-3.96.246.246 0 0 1 .24-.306zm-5.536-6c.15 0 .267.132.25.282A18 18 0 0 0 8.172 12q.001.99.112 1.968c.017.15-.1.282-.25.282H2.968a.246.246 0 0 1-.241-.191 9.5 9.5 0 0 1 0-4.118.246.246 0 0 1 .24-.191zm5.92 0c.125 0 .23.092.246.216a16.3 16.3 0 0 1 0 4.068.25.25 0 0 1-.246.216h-3.906a.25.25 0 0 1-.246-.216 16 16 0 0 1-.12-1.465l-.01-.57q0-1.023.129-2.033a.25.25 0 0 1 .246-.216zm7.078 0c.116 0 .216.079.241.191a9.5 9.5 0 0 1 0 4.118.246.246 0 0 1-.24.19h-5.066a.253.253 0 0 1-.25-.281 17.6 17.6 0 0 0 0-3.936.253.253 0 0 1 .25-.282zm-10.698-7.1c.213-.037.358.201.243.384-.944 1.506-1.572 3.305-1.96 5.019a.25.25 0 0 1-.246.197H3.653a.243.243 0 0 1-.223-.346 9.49 9.49 0 0 1 6.904-5.254m1.456 1.332a.24.24 0 0 1 .419 0 16.3 16.3 0 0 1 1.601 3.961.246.246 0 0 1-.24.307h-3.14a.246.246 0 0 1-.24-.307 16.2 16.2 0 0 1 1.6-3.96m1.876-1.333a9.49 9.49 0 0 1 6.904 5.254.243.243 0 0 1-.223.346h-4.718a.25.25 0 0 1-.246-.197c-.387-1.714-1.016-3.514-1.961-5.019-.115-.183.031-.422.244-.384"
         })
     }));
-    return m ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+    return i ? /*#__PURE__*/ _react.cloneElement(n, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: m
+            children: i
         }, "gradient-defs"),
-        ..._react.Children.toArray(o.props.children)
-    ]) : o;
+        ..._react.Children.toArray(n.props.children)
+    ]) : n;
 };