@telefonica/mistica 17.0.0 → 17.1.0

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return A;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
+const A = (_param)=>{
     var { color: m, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), s = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: h } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: c } = (0, _hooks.useTheme)(), r = c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useThemeVariant)(), s = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: h } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: c } = (0, _hooks.useTheme)(), r = c.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

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

@@ -136,16 +136,16 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const M = (_param)=>{
-    var { color: c, size: e = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: c, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : s), { skinName: v } = (0, _hooks.useTheme)(), o = v.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : s), { skinName: v } = (0, _hooks.useTheme)(), o = v.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: r,
             d: "M4 2.84c-.64 0-1.16.52-1.16 1.16v16c0 .64.52 1.16 1.16 1.16h16c.64 0 1.16-.52 1.16-1.16V4c0-.64-.52-1.16-1.16-1.16zM2 4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm8.42 3v3a.42.42 0 0 1-.84 0V6.84H7a.16.16 0 0 0-.16.16v8c0 .088.072.16.16.16h3a.84.84 0 0 1 .84.84v1c0 .088.072.16.16.16h2a.16.16 0 0 0 .16-.16v-1a.84.84 0 0 1 .84-.84h3a.16.16 0 0 0 .16-.16V7a.16.16 0 0 0-.16-.16h-2.58V10a.42.42 0 1 1-.84 0V6.84h-1.16V10a.42.42 0 1 1-.84 0V6.84h-1.16zM6 15V7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-3v1a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-1H7a1 1 0 0 1-1-1"
@@ -155,7 +155,7 @@ const M = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: r,

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

@@ -140,7 +140,7 @@ const M = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : s), { skinName: v } = (0, _hooks.useTheme)(), o = v.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : s), { skinName: v } = (0, _hooks.useTheme)(), o = v.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-euro-symbol-circle-filled.js

@@ -140,7 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    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: o, gradientDef: c } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: l } = (0, _hooks.useTheme)(), n = l.match(/^vivo-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: o, gradientDef: c } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: l } = (0, _hooks.useTheme)(), n = l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -148,9 +148,9 @@ const x = (_param)=>{
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
-            d: "M2.155 12c0-6.442 3.404-9.845 9.84-9.845 6.443 0 9.847 3.403 9.847 9.846 0 6.437-3.404 9.84-9.846 9.84-6.437 0-9.84-3.4-9.84-9.84m11.12 5.715c1.208 0 2.256-.204 3.118-.61a.603.603 0 0 0-.518-1.09c-.7.328-1.577.496-2.602.496-2.46 0-3.95-.916-4.527-2.773h3.56a.603.603 0 0 0 0-1.205H8.526l-.002-.015a8 8 0 0 1-.054-.808c0-.074.007-.141.013-.209q.008-.073.012-.15h3.813a.603.603 0 0 0 0-1.205H8.643c.467-2.165 1.983-3.24 4.633-3.24 1.017 0 1.882.162 2.577.484a.603.603 0 1 0 .507-1.095c-.855-.395-1.894-.597-3.084-.597-3.317 0-5.353 1.566-5.874 4.446H6.377a.603.603 0 0 0 0 1.204h.902l-.005.086q-.009.134-.01.273c0 .285.017.557.04.823h-.927a.603.603 0 0 0 0 1.205h1.12c.647 2.582 2.642 3.98 5.779 3.98"
+            d: "M2 12C2 6.5 6.5 2 12 2s10 4.5 10 10c0 5.536-4.5 10-10 10-5.536 0-10-4.5-10-10m11.072-1.072a.55.55 0 0 0-.536-.536s-3 0-2.996.008a3.41 3.41 0 0 1 3-1.784c.572 0 1.18.18 1.68.464a.527.527 0 0 0 .752-.18.527.527 0 0 0-.18-.752 4.55 4.55 0 0 0-2.252-.608 4.47 4.47 0 0 0-4.18 2.856h-.824a.55.55 0 0 0-.536.536c0 .284.252.536.536.536h.572c-.036.18-.036.36-.036.536s0 .356.036.5h-.572A.55.55 0 0 0 7 13.04c0 .284.252.536.536.536h.824c.68 1.676 2.288 2.856 4.18 2.856.748 0 1.532-.212 2.212-.608a.52.52 0 0 0 .18-.716.52.52 0 0 0-.716-.18c-.5.32-1.072.464-1.68.464a3.4 3.4 0 0 1-3-1.784h3a.55.55 0 0 0 .536-.536.55.55 0 0 0-.536-.536H9.18c-.036-.18-.036-.356-.036-.536s0-.356.036-.536h3.356a.55.55 0 0 0 .536-.536"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -158,7 +158,7 @@ const x = (_param)=>{
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
-            d: "M2 12C2 6.5 6.5 2 12 2s10 4.5 10 10c0 5.536-4.5 10-10 10-5.536 0-10-4.5-10-10m11.072-1.072a.55.55 0 0 0-.536-.536s-3 0-2.996.008a3.41 3.41 0 0 1 3-1.784c.572 0 1.18.18 1.68.464a.527.527 0 0 0 .752-.18.527.527 0 0 0-.18-.752 4.55 4.55 0 0 0-2.252-.608 4.47 4.47 0 0 0-4.18 2.856h-.824a.55.55 0 0 0-.536.536c0 .284.252.536.536.536h.572c-.036.18-.036.36-.036.536s0 .356.036.5h-.572A.55.55 0 0 0 7 13.04c0 .284.252.536.536.536h.824c.68 1.676 2.288 2.856 4.18 2.856.748 0 1.532-.212 2.212-.608a.52.52 0 0 0 .18-.716.52.52 0 0 0-.716-.18c-.5.32-1.072.464-1.68.464a3.4 3.4 0 0 1-3-1.784h3a.55.55 0 0 0 .536-.536.55.55 0 0 0-.536-.536H9.18c-.036-.18-.036-.356-.036-.536s0-.356.036-.536h3.356a.55.55 0 0 0 .536-.536"
+            d: "M2.155 12c0-6.442 3.404-9.845 9.84-9.845 6.443 0 9.847 3.403 9.847 9.846 0 6.437-3.404 9.84-9.846 9.84-6.437 0-9.84-3.4-9.84-9.84m11.12 5.715c1.208 0 2.256-.204 3.118-.61a.603.603 0 0 0-.518-1.09c-.7.328-1.577.496-2.602.496-2.46 0-3.95-.916-4.527-2.773h3.56a.603.603 0 0 0 0-1.205H8.526l-.002-.015a8 8 0 0 1-.054-.808c0-.074.007-.141.013-.209q.008-.073.012-.15h3.813a.603.603 0 0 0 0-1.205H8.643c.467-2.165 1.983-3.24 4.633-3.24 1.017 0 1.882.162 2.577.484a.603.603 0 1 0 .507-1.095c-.855-.395-1.894-.597-3.084-.597-3.317 0-5.353 1.566-5.874 4.446H6.377a.603.603 0 0 0 0 1.204h.902l-.005.086q-.009.134-.01.273c0 .285.017.557.04.823h-.927a.603.603 0 0 0 0 1.205h1.12c.647 2.582 2.642 3.98 5.779 3.98"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,

package/dist/generated/mistica-icons/icon-euro-symbol-circle-light.js

@@ -140,17 +140,7 @@ const x = (_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: a, gradientDef: l } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : d), { skinName: c } = (0, _hooks.useTheme)(), n = 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: a,
-            d: "M11.992 2.151c6.442 0 9.845 3.406 9.845 9.846 0 6.437-3.403 9.84-9.845 9.84-6.437 0-9.84-3.403-9.84-9.84 0-6.44 3.403-9.846 9.84-9.846m0 18.866c5.988 0 9.022-3.034 9.022-9.02 0-5.989-3.034-9.022-9.022-9.022-5.986 0-9.02 3.036-9.02 9.022s3.036 9.02 9.02 9.02m4.523-4.216a.41.41 0 0 0-.535-.224c-.742.35-1.664.527-2.748.524-2.689 0-4.31-1.101-4.87-3.244h3.882a.412.412 0 0 0 0-.823h-4.05c-.04-.33-.07-.676-.07-1.045 0-.127.01-.245.021-.362q.01-.104.017-.21h4.087a.412.412 0 0 0 0-.823H8.255c.434-2.46 2.095-3.717 4.98-3.717 1.068 0 1.984.173 2.72.515a.407.407 0 0 0 .513-.188.41.41 0 0 0-.168-.557c-.846-.392-1.877-.591-3.065-.591-3.327 0-5.355 1.6-5.823 4.54H6.193a.412.412 0 0 0 0 .824h1.132q-.018.278-.02.572.004.524.062 1.044H6.193a.412.412 0 0 0 0 .824h1.303c.588 2.664 2.54 4.064 5.74 4.064 1.204 0 2.246-.204 3.095-.605a.41.41 0 0 0 .184-.518"
-        })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("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: l } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : d), { skinName: c } = (0, _hooks.useTheme)(), i = c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -166,6 +156,16 @@ const x = (_param)=>{
                 d: "M12 2C6.5 2 2 6.5 2 12s4.464 10 10 10c5.5 0 10-4.464 10-10 0-5.5-4.5-10-10-10m0 18.568A8.55 8.55 0 0 1 3.428 12 8.55 8.55 0 0 1 12 3.428c4.752 0 8.572 3.856 8.572 8.572A8.55 8.55 0 0 1 12 20.568"
             })
         ]
+    })) : c.match(/^vivo/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: a,
+            d: "M11.992 2.151c6.442 0 9.845 3.406 9.845 9.846 0 6.437-3.403 9.84-9.845 9.84-6.437 0-9.84-3.403-9.84-9.84 0-6.44 3.403-9.846 9.84-9.846m0 18.866c5.988 0 9.022-3.034 9.022-9.02 0-5.989-3.034-9.022-9.022-9.022-5.986 0-9.02 3.036-9.02 9.022s3.036 9.02 9.02 9.02m4.523-4.216a.41.41 0 0 0-.535-.224c-.742.35-1.664.527-2.748.524-2.689 0-4.31-1.101-4.87-3.244h3.882a.412.412 0 0 0 0-.823h-4.05c-.04-.33-.07-.676-.07-1.045 0-.127.01-.245.021-.362q.01-.104.017-.21h4.087a.412.412 0 0 0 0-.823H8.255c.434-2.46 2.095-3.717 4.98-3.717 1.068 0 1.984.173 2.72.515a.407.407 0 0 0 .513-.188.41.41 0 0 0-.168-.557c-.846-.392-1.877-.591-3.065-.591-3.327 0-5.355 1.6-5.823 4.54H6.193a.412.412 0 0 0 0 .824h1.132q-.018.278-.02.572.004.524.062 1.044H6.193a.412.412 0 0 0 0 .824h1.303c.588 2.664 2.54 4.064 5.74 4.064 1.204 0 2.246-.204 3.095-.605a.41.41 0 0 0 .184-.518"
+        })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
@@ -183,10 +183,10 @@ const x = (_param)=>{
             })
         ]
     }));
-    return l ? /*#__PURE__*/ _react.cloneElement(n, {}, [
+    return l ? /*#__PURE__*/ _react.cloneElement(i, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
             children: l
         }, "gradient-defs"),
-        ..._react.Children.toArray(n.props.children)
-    ]) : n;
+        ..._react.Children.toArray(i.props.children)
+    ]) : i;
 };

package/dist/generated/mistica-icons/icon-euro-symbol-circle-regular.js

@@ -140,17 +140,7 @@ const x = (_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: a, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : d), { skinName: c } = (0, _hooks.useTheme)(), l = 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: a,
-            d: "M11.995 2.155c6.44 0 9.846 3.403 9.846 9.846 0 6.437-3.403 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84 0-6.443 3.403-9.846 9.84-9.846m0 18.479c5.732 0 8.639-2.905 8.639-8.633 0-5.734-2.905-8.639-8.639-8.639-5.728 0-8.633 2.905-8.633 8.639 0 5.728 2.905 8.633 8.633 8.633m4.684-4.339a.6.6 0 0 0-.801-.283c-.7.33-1.575.499-2.603.496-2.459 0-3.95-.916-4.526-2.773h3.563a.604.604 0 1 0 0-1.21H8.528l-.007-.066c-.023-.241-.047-.485-.047-.755q.002-.114.012-.217.007-.071.01-.144h3.81a.601.601 0 1 0 0-1.205H8.642C9.107 7.976 10.626 6.9 13.276 6.9c1.014 0 1.882.163 2.576.485a.603.603 0 1 0 .508-1.096c-.855-.397-1.894-.596-3.085-.596-3.316 0-5.352 1.566-5.873 4.445H6.374a.602.602 0 0 0 0 1.205h.901l-.004.09q-.009.134-.01.271.003.41.04.82h-.927a.604.604 0 1 0 0 1.21h1.12c.65 2.583 2.644 3.981 5.779 3.981 1.207 0 2.255-.204 3.117-.61h.003a.603.603 0 0 0 .289-.804z"
-        })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("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)(m !== null && m !== void 0 ? m : d), { skinName: c } = (0, _hooks.useTheme)(), l = c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -166,6 +156,16 @@ const x = (_param)=>{
                 d: "M12 2C6.5 2 2 6.5 2 12s4.464 10 10 10c5.5 0 10-4.464 10-10 0-5.5-4.5-10-10-10m0 18.568A8.55 8.55 0 0 1 3.428 12 8.55 8.55 0 0 1 12 3.428c4.752 0 8.572 3.856 8.572 8.572A8.55 8.55 0 0 1 12 20.568"
             })
         ]
+    })) : c.match(/^vivo/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: a,
+            d: "M11.995 2.155c6.44 0 9.846 3.403 9.846 9.846 0 6.437-3.403 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84 0-6.443 3.403-9.846 9.84-9.846m0 18.479c5.732 0 8.639-2.905 8.639-8.633 0-5.734-2.905-8.639-8.639-8.639-5.728 0-8.633 2.905-8.633 8.639 0 5.728 2.905 8.633 8.633 8.633m4.684-4.339a.6.6 0 0 0-.801-.283c-.7.33-1.575.499-2.603.496-2.459 0-3.95-.916-4.526-2.773h3.563a.604.604 0 1 0 0-1.21H8.528l-.007-.066c-.023-.241-.047-.485-.047-.755q.002-.114.012-.217.007-.071.01-.144h3.81a.601.601 0 1 0 0-1.205H8.642C9.107 7.976 10.626 6.9 13.276 6.9c1.014 0 1.882.163 2.576.485a.603.603 0 1 0 .508-1.096c-.855-.397-1.894-.596-3.085-.596-3.316 0-5.352 1.566-5.873 4.445H6.374a.602.602 0 0 0 0 1.205h.901l-.004.09q-.009.134-.01.271.003.41.04.82h-.927a.604.604 0 1 0 0 1.21h1.12c.65 2.583 2.644 3.981 5.779 3.981 1.207 0 2.255-.204 3.117-.61h.003a.603.603 0 0 0 .289-.804z"
+        })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,

package/dist/generated/mistica-icons/icon-euro-symbol-light.js

@@ -140,7 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), s = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: c } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useThemeVariant)(), s = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: c } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-euro-symbol-regular.js

@@ -140,17 +140,7 @@ const B = (_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: c } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: l } = (0, _hooks.useTheme)(), n = l.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), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
-            d: "M19.167 19.036c-1.084.538-2.443.81-4.034.81-3.812 0-6.126-1.494-7.02-4.527h5.519c.515 0 .935-.44.935-.986 0-.544-.417-.986-.935-.986H7.766c-.04-.434-.081-.863-.081-1.342 0-.207.028-.386.036-.588h5.91c.516 0 .936-.44.936-.986s-.417-.986-.935-.986H7.95c.723-3.53 3.073-5.286 7.182-5.286 1.574 0 2.916.266 3.995.79.47.23 1.025.014 1.243-.479.216-.493.014-1.078-.456-1.308-1.325-.647-2.936-.972-4.782-.972-5.143 0-8.3 2.557-9.106 7.255h-1.59c-.516 0-.936.44-.936.986s.42.986.936.986h1.397c-.005.196-.02.386-.02.588 0 .465.023.908.06 1.342H4.436c-.516 0-.936.44-.936.986 0 .543.42.986.936.986h1.736c1.006 4.216 4.098 6.496 8.958 6.496 1.871 0 3.496-.337 4.832-.998.468-.232.67-.817.448-1.31-.218-.494-.773-.706-1.243-.471"
-        })
-    })) : l.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("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: c } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: l } = (0, _hooks.useTheme)(), n = l.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -166,6 +156,16 @@ const B = (_param)=>{
                 d: "M1.976 12c0-5.327 4.673-10 10-10s10 4.673 10 10-4.673 10-10 10-10-4.673-10-10m1.358 0c0 4.604 4.038 8.642 8.642 8.642s8.642-4.038 8.642-8.642-4.038-8.643-8.642-8.643S3.334 7.396 3.334 12"
             })
         ]
+    })) : l.match(/^vivo/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: r,
+            d: "M19.167 19.036c-1.084.538-2.443.81-4.034.81-3.812 0-6.126-1.494-7.02-4.527h5.519c.515 0 .935-.44.935-.986 0-.544-.417-.986-.935-.986H7.766c-.04-.434-.081-.863-.081-1.342 0-.207.028-.386.036-.588h5.91c.516 0 .936-.44.936-.986s-.417-.986-.935-.986H7.95c.723-3.53 3.073-5.286 7.182-5.286 1.574 0 2.916.266 3.995.79.47.23 1.025.014 1.243-.479.216-.493.014-1.078-.456-1.308-1.325-.647-2.936-.972-4.782-.972-5.143 0-8.3 2.557-9.106 7.255h-1.59c-.516 0-.936.44-.936.986s.42.986.936.986h1.397c-.005.196-.02.386-.02.588 0 .465.023.908.06 1.342H4.436c-.516 0-.936.44-.936.986 0 .543.42.986.936.986h1.736c1.006 4.216 4.098 6.496 8.958 6.496 1.871 0 3.496-.337 4.832-.998.468-.232.67-.817.448-1.31-.218-.494-.773-.706-1.243-.471"
+        })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
+const x = (_param)=>{
     var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useThemeVariant)(), h = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : h), { skinName: m } = (0, _hooks.useTheme)(), a = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useThemeVariant)(), h = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : h), { skinName: m } = (0, _hooks.useTheme)(), a = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

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

@@ -140,7 +140,7 @@ const V = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), s = e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: c } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), t = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const e = (0, _themevariantcontext.useThemeVariant)(), s = e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: c } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), t = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
+const x = (_param)=>{
     var { color: s, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useThemeVariant)(), h = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: c } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : h), { skinName: m } = (0, _hooks.useTheme)(), t = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useThemeVariant)(), h = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: c } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : h), { skinName: m } = (0, _hooks.useTheme)(), t = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-exit-fullscreen-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
+const x = (_param)=>{
     var { color: c, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), m = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : m), { skinName: s } = (0, _hooks.useTheme)(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useThemeVariant)(), m = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : m), { skinName: s } = (0, _hooks.useTheme)(), r = s.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-exit-fullscreen-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
+const x = (_param)=>{
     var { color: c, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), m = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : m), { skinName: s } = (0, _hooks.useTheme)(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useThemeVariant)(), m = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : m), { skinName: s } = (0, _hooks.useTheme)(), r = s.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return A;
+        return H;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,14 +135,14 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const A = (_param)=>{
-    var { color: h, size: t = 24 } = _param, l = _object_without_properties(_param, [
+const H = (_param)=>{
+    var { color: h, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), c = 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)(h !== null && h !== void 0 ? h : c), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const r = (0, _themevariantcontext.useThemeVariant)(), c = 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)(h !== null && h !== void 0 ? h : c), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
@@ -151,8 +151,8 @@ const A = (_param)=>{
             d: "M11.838 2.201a.8.8 0 0 0-.185.126L5.755 8.222a.583.583 0 0 0 .824.823l4.897-4.91v12.08a.581.581 0 0 0 1.16 0V4.134l4.805 4.807a.583.583 0 0 0 .824-.824l-5.792-5.79a1 1 0 0 0-.196-.127.55.55 0 0 0-.44 0m10.007 14.86a.58.58 0 0 0-.58-.58.577.577 0 0 0-.577.58v3.624H3.315V17.06a.581.581 0 0 0-1.16 0v4.205c0 .32.26.58.58.58h18.53c.32 0 .58-.26.58-.58z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return A;
+        return H;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const A = (_param)=>{
+const H = (_param)=>{
     var { color: h, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), c = 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)(h !== null && h !== void 0 ? h : c), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), c = 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)(h !== null && h !== void 0 ? h : c), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

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

@@ -140,17 +140,7 @@ const q = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useThemeVariant)(), m = n === "brand" || n === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : n === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: l } = (0, _icongradient.useIconGradient)(d !== null && d !== void 0 ? d : m), { skinName: c } = (0, _hooks.useTheme)(), a = 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"
-    }, o), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
-            d: "M21.905 11.747a.39.39 0 0 1 .002.508c-.199.235-4.945 5.745-9.88 5.745-4.931 0-9.729-5.507-9.931-5.742a.39.39 0 0 1 0-.51C2.296 11.511 7.067 6 12.002 6c4.928.003 9.7 5.512 9.903 5.747M12.027 17.2c3.967 0 8.014-4.12 9.004-5.196-.993-1.076-5.065-5.198-9.03-5.198-3.966 0-8.033 4.12-9.028 5.198.998 1.074 5.09 5.196 9.054 5.196m2.547-5.114c0-2.273-1.96-2.464-2.467-2.475a4 4 0 0 0-.247 0c-.516.003-2.44.172-2.44 2.461 0 2.292 1.941 2.473 2.46 2.478a4 4 0 0 0 .236 0c.492-.011 2.458-.189 2.458-2.464"
-        })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useThemeVariant)(), m = 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)(d !== null && d !== void 0 ? d : m), { skinName: c } = (0, _hooks.useTheme)(), n = c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -166,6 +156,16 @@ const q = (_param)=>{
                 d: "M22 12.146v-.37q0-.022-.003-.034a.1.1 0 0 0-.033-.04v-.038C20.104 7.504 16.383 5 11.982 5S3.86 7.504 2.036 11.701v.037q0 .022-.003.034a.1.1 0 0 1-.033.04v.445q0 .022.003.034c.004.01.012.02.033.04v.038C3.86 16.496 7.581 19 11.982 19s8.122-2.504 9.946-6.706v-.037q0-.021.003-.033a.1.1 0 0 1 .033-.04s0-.038.036-.038m-10.018 5.375c-3.72 0-6.87-2.063-8.514-5.523 1.645-3.464 4.793-5.523 8.514-5.523s6.87 2.059 8.514 5.523c-1.645 3.464-4.793 5.523-8.514 5.523"
             })
         ]
+    })) : c.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, o), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: r,
+            d: "M21.905 11.747a.39.39 0 0 1 .002.508c-.199.235-4.945 5.745-9.88 5.745-4.931 0-9.729-5.507-9.931-5.742a.39.39 0 0 1 0-.51C2.296 11.511 7.067 6 12.002 6c4.928.003 9.7 5.512 9.903 5.747M12.027 17.2c3.967 0 8.014-4.12 9.004-5.196-.993-1.076-5.065-5.198-9.03-5.198-3.966 0-8.033 4.12-9.028 5.198.998 1.074 5.09 5.196 9.054 5.196m2.547-5.114c0-2.273-1.96-2.464-2.467-2.475a4 4 0 0 0-.247 0c-.516.003-2.44.172-2.44 2.461 0 2.292 1.941 2.473 2.46 2.478a4 4 0 0 0 .236 0c.492-.011 2.458-.189 2.458-2.464"
+        })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
@@ -183,10 +183,10 @@ const q = (_param)=>{
             })
         ]
     }));
-    return l ? /*#__PURE__*/ _react.cloneElement(a, {}, [
+    return l ? /*#__PURE__*/ _react.cloneElement(n, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
             children: l
         }, "gradient-defs"),
-        ..._react.Children.toArray(a.props.children)
-    ]) : a;
+        ..._react.Children.toArray(n.props.children)
+    ]) : n;
 };

package/dist/generated/mistica-icons/icon-eye-off-filled.js

@@ -140,17 +140,7 @@ const q = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useThemeVariant)(), m = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: i } = (0, _hooks.useTheme)(), n = i.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), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
-            d: "M16.774 15.984c1.65-.795 3.286-2 4.894-3.608a.56.56 0 0 0 0-.792c-3.132-3.138-6.376-4.726-9.642-4.726q-1.854 0-3.694.68L3.13 2.34a.56.56 0 0 0-.79 0 .56.56 0 0 0 0 .793l4.882 4.882c-1.652.795-3.288 2-4.896 3.608a.57.57 0 0 0-.165.398.55.55 0 0 0 .165.394c3.134 3.135 6.378 4.723 9.644 4.723q1.854 0 3.695-.68l5.199 5.198a.56.56 0 0 0 .79 0 .56.56 0 0 0 0-.792zm-3.468-3.468L11.47 10.68c.16-.062.322-.067.504-.067.846 0 1.392.546 1.392 1.395 0 .17-.005.341-.059.51m1.079 1.079q.285-.614.285-1.496c0-.955-.252-1.68-.75-2.154-.474-.451-1.168-.678-2.065-.678-.588 0-1.092.098-1.501.294l-.622-.622c.572-.341 1.283-.515 2.123-.515 2.325 0 3.659 1.339 3.659 3.675q-.006 1.259-.507 2.118z"
-        })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), m = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: n } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: i } = (0, _hooks.useTheme)(), c = i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -166,6 +156,16 @@ const q = (_param)=>{
                 d: "M13.397 16.028c-.442.144-.884.252-1.395.252-2.244 0-4.08-1.928-4.084-4.284 0-.536.103-1 .24-1.463z"
             })
         ]
+    })) : i.match(/^vivo/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: r,
+            d: "M16.774 15.984c1.65-.795 3.286-2 4.894-3.608a.56.56 0 0 0 0-.792c-3.132-3.138-6.376-4.726-9.642-4.726q-1.854 0-3.694.68L3.13 2.34a.56.56 0 0 0-.79 0 .56.56 0 0 0 0 .793l4.882 4.882c-1.652.795-3.288 2-4.896 3.608a.57.57 0 0 0-.165.398.55.55 0 0 0 .165.394c3.134 3.135 6.378 4.723 9.644 4.723q1.854 0 3.695-.68l5.199 5.198a.56.56 0 0 0 .79 0 .56.56 0 0 0 0-.792zm-3.468-3.468L11.47 10.68c.16-.062.322-.067.504-.067.846 0 1.392.546 1.392 1.395 0 .17-.005.341-.059.51m1.079 1.079q.285-.614.285-1.496c0-.955-.252-1.68-.75-2.154-.474-.451-1.168-.678-2.065-.678-.588 0-1.092.098-1.501.294l-.622-.622c.572-.341 1.283-.515 2.123-.515 2.325 0 3.659 1.339 3.659 3.675q-.006 1.259-.507 2.118z"
+        })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
@@ -177,10 +177,10 @@ const q = (_param)=>{
             d: "M2.47 2.47c.29-.29.77-.29 1.06 0l18 18c.29.29.29.77 0 1.06-.15.15-.34.22-.53.22s-.38-.07-.53-.22l-4.12-4.12c-1.33.7-2.79 1.09-4.3 1.09h-.06c-3.44 0-6.39-1.75-8.76-5.21-.53-.78-.53-1.82 0-2.59.94-1.37 1.99-2.47 3.11-3.3L2.47 3.53a.755.755 0 0 1 0-1.06m6.89 7.95c-.05.09-.11.18-.15.28-.14.33-.21.69-.21 1.05s.07.72.21 1.05.34.63.6.89c.25.26.56.46.89.6s.69.21 1.05.21.72-.07 1.05-.21c.1-.04.19-.1.28-.15zM12 5.49c3.44 0 6.39 1.76 8.76 5.21.53.78.53 1.82 0 2.59-.49.71-1.01 1.35-1.54 1.92a.5.5 0 0 1-.36.16.5.5 0 0 1-.35-.15h-.01L9.82 6.53a.53.53 0 0 1-.12-.5c.05-.18.2-.31.38-.35.63-.13 1.28-.19 1.92-.19"
         })
     }));
-    return l ? /*#__PURE__*/ _react.cloneElement(n, {}, [
+    return n ? /*#__PURE__*/ _react.cloneElement(c, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: l
+            children: n
         }, "gradient-defs"),
-        ..._react.Children.toArray(n.props.children)
-    ]) : n;
+        ..._react.Children.toArray(c.props.children)
+    ]) : c;
 };

package/dist/generated/mistica-icons/icon-eye-off-light.js

@@ -140,7 +140,7 @@ const L = (_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: l, gradientDef: c } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: i } = (0, _hooks.useTheme)(), o = i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    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: l, gradientDef: n } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: i } = (0, _hooks.useTheme)(), o = i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -148,9 +148,9 @@ const L = (_param)=>{
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
-            d: "m16.394 16.004 5.322 5.322a.27.27 0 0 1 .002.392.3.3 0 0 1-.198.081.28.28 0 0 1-.2-.081l-5.487-5.488q-1.93.749-3.868.748c-3.269 0-6.532-1.602-9.692-4.762a.28.28 0 0 1 0-.398c1.75-1.75 3.53-3.027 5.322-3.823L2.273 2.673a.279.279 0 1 1 .395-.395l5.488 5.49q1.929-.748 3.868-.748c3.269 0 6.532 1.603 9.692 4.762.05.054.081.126.081.2a.28.28 0 0 1-.081.198c-1.751 1.75-3.53 3.028-5.322 3.824m4.728-4.028c-2.989-2.92-6.048-4.4-9.098-4.4-1.143 0-2.289.21-3.432.62l.874.875c.622-.507 1.457-.762 2.49-.762 1.127 0 2.02.305 2.653.908.67.635 1.009 1.568 1.009 2.773 0 1.033-.252 1.868-.748 2.487l1.098 1.095c1.728-.73 3.45-1.932 5.154-3.596m-9.151-.804c.504 0 .832.263.829.837q-.001.202-.054.353l1.72 1.72c.393-.513.589-1.213.589-2.087 0-2.577-1.687-3.117-3.101-3.117-.874 0-1.574.201-2.09.599l1.75 1.75a1 1 0 0 1 .357-.055m-9.104.848c2.989 2.92 6.048 4.401 9.098 4.401q1.716 0 3.431-.622L8.021 8.424c-1.728.73-3.45 1.933-5.154 3.597"
+            d: "m17.649 16.924 3.672 3.856a.72.72 0 0 1 .004 1.004.65.65 0 0 1-.476.216.8.8 0 0 1-.476-.18l-3.948-4.144a9.84 9.84 0 0 1-4.423 1.036c-4.046 0-7.757-2.536-9.418-6.42a.82.82 0 0 1 0-.572c.579-1.355 1.394-2.571 2.45-3.535a.64.64 0 0 1 .952.036.717.717 0 0 1-.034 1 8.4 8.4 0 0 0-2.008 2.784c1.497 3.211 4.625 5.283 8.062 5.283a8.45 8.45 0 0 0 3.402-.716l-.78-.82a4.25 4.25 0 0 1-2.622.892c-2.45 0-4.423-2.072-4.423-4.643a4.75 4.75 0 0 1 .85-2.752l-5.75-6.036a.717.717 0 0 1 0-1 .64.64 0 0 1 .952 0L7.58 6.317a9.94 9.94 0 0 1 4.423-1.036c4.08 0 7.757 2.536 9.422 6.428a.82.82 0 0 1 0 .572c-.85 1.927-2.141 3.535-3.776 4.643m-8.71-4.927c0 1.787 1.364 3.215 3.063 3.215a2.83 2.83 0 0 0 1.63-.504l-4.217-4.427a3.24 3.24 0 0 0-.476 1.715m5.65 1.715a3.24 3.24 0 0 0 .476-1.716c0-1.787-1.364-3.215-3.063-3.215-.613 0-1.158.18-1.634.5zm1.836-1.716a4.76 4.76 0 0 1-.85 2.752l1.121 1.136a9.15 9.15 0 0 0 3.368-3.892C18.567 8.782 15.44 6.71 12.002 6.71c-1.192 0-2.313.252-3.402.716l.78.82a4.25 4.25 0 0 1 2.622-.892c2.45 0 4.423 2.072 4.423 4.643"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -158,7 +158,7 @@ const L = (_param)=>{
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
-            d: "m17.649 16.924 3.672 3.856a.72.72 0 0 1 .004 1.004.65.65 0 0 1-.476.216.8.8 0 0 1-.476-.18l-3.948-4.144a9.84 9.84 0 0 1-4.423 1.036c-4.046 0-7.757-2.536-9.418-6.42a.82.82 0 0 1 0-.572c.579-1.355 1.394-2.571 2.45-3.535a.64.64 0 0 1 .952.036.717.717 0 0 1-.034 1 8.4 8.4 0 0 0-2.008 2.784c1.497 3.211 4.625 5.283 8.062 5.283a8.45 8.45 0 0 0 3.402-.716l-.78-.82a4.25 4.25 0 0 1-2.622.892c-2.45 0-4.423-2.072-4.423-4.643a4.75 4.75 0 0 1 .85-2.752l-5.75-6.036a.717.717 0 0 1 0-1 .64.64 0 0 1 .952 0L7.58 6.317a9.94 9.94 0 0 1 4.423-1.036c4.08 0 7.757 2.536 9.422 6.428a.82.82 0 0 1 0 .572c-.85 1.927-2.141 3.535-3.776 4.643m-8.71-4.927c0 1.787 1.364 3.215 3.063 3.215a2.83 2.83 0 0 0 1.63-.504l-4.217-4.427a3.24 3.24 0 0 0-.476 1.715m5.65 1.715a3.24 3.24 0 0 0 .476-1.716c0-1.787-1.364-3.215-3.063-3.215-.613 0-1.158.18-1.634.5zm1.836-1.716a4.76 4.76 0 0 1-.85 2.752l1.121 1.136a9.15 9.15 0 0 0 3.368-3.892C18.567 8.782 15.44 6.71 12.002 6.71c-1.192 0-2.313.252-3.402.716l.78.82a4.25 4.25 0 0 1 2.622-.892c2.45 0 4.423 2.072 4.423 4.643"
+            d: "m16.394 16.004 5.322 5.322a.27.27 0 0 1 .002.392.3.3 0 0 1-.198.081.28.28 0 0 1-.2-.081l-5.487-5.488q-1.93.749-3.868.748c-3.269 0-6.532-1.602-9.692-4.762a.28.28 0 0 1 0-.398c1.75-1.75 3.53-3.027 5.322-3.823L2.273 2.673a.279.279 0 1 1 .395-.395l5.488 5.49q1.929-.748 3.868-.748c3.269 0 6.532 1.603 9.692 4.762.05.054.081.126.081.2a.28.28 0 0 1-.081.198c-1.751 1.75-3.53 3.028-5.322 3.824m4.728-4.028c-2.989-2.92-6.048-4.4-9.098-4.4-1.143 0-2.289.21-3.432.62l.874.875c.622-.507 1.457-.762 2.49-.762 1.127 0 2.02.305 2.653.908.67.635 1.009 1.568 1.009 2.773 0 1.033-.252 1.868-.748 2.487l1.098 1.095c1.728-.73 3.45-1.932 5.154-3.596m-9.151-.804c.504 0 .832.263.829.837q-.001.202-.054.353l1.72 1.72c.393-.513.589-1.213.589-2.087 0-2.577-1.687-3.117-3.101-3.117-.874 0-1.574.201-2.09.599l1.75 1.75a1 1 0 0 1 .357-.055m-9.104.848c2.989 2.92 6.048 4.401 9.098 4.401q1.716 0 3.431-.622L8.021 8.424c-1.728.73-3.45 1.933-5.154 3.597"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
@@ -171,9 +171,9 @@ const L = (_param)=>{
             d: "M2.47 2.47a.75.75 0 0 1 1.06 0l13.634 13.634a1 1 0 0 1 .106.105l4.26 4.26a.75.75 0 1 1-1.06 1.061l-3.917-3.917A9.5 9.5 0 0 1 12 18.75h-.003l-.002.001c-3.585-.002-6.577-1.84-8.965-5.314a2.535 2.535 0 0 1 0-2.87c.943-1.375 1.984-2.497 3.124-3.351L2.47 3.53a.75.75 0 0 1 0-1.06m4.758 5.818c-1.051.75-2.04 1.785-2.961 3.126a1.035 1.035 0 0 0 0 1.172C6.448 15.761 9.022 17.25 12 17.25h.005a8 8 0 0 0 3.43-.754L13.09 14.15q-.138.078-.286.141a2.752 2.752 0 0 1-3.594-3.594q.063-.147.14-.287zM12 5.25c3.588 0 6.581 1.838 8.97 5.316a2.53 2.53 0 0 1 0 2.869q-.741 1.08-1.563 1.95a.75.75 0 1 1-1.09-1.03q.734-.775 1.418-1.77a1.03 1.03 0 0 0-.002-1.17C17.554 8.238 14.979 6.75 12 6.75h-.002a8.3 8.3 0 0 0-1.669.165.75.75 0 0 1-.298-1.47 10 10 0 0 1 1.97-.195"
         })
     }));
-    return c ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+    return n ? /*#__PURE__*/ _react.cloneElement(o, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: c
+            children: n
         }, "gradient-defs"),
         ..._react.Children.toArray(o.props.children)
     ]) : o;