@telefonica/mistica 16.41.0 → 16.42.0

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return h;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,21 +92,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: e, size: c = 24 } = _param, s = _object_without_properties(_param, [
+const v = (_param)=>{
+    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    return s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: o,
             d: "M21.84 9.536c0-4.756-2.63-7.381-7.39-7.381-3.44 0-5.776 1.375-6.798 3.941H5.198c-.986 0-1.723.266-2.263.807-.527.535-.785 1.266-.785 2.24v9.648c0 1 .258 1.74.793 2.266.535.527 1.269.784 2.255.784h4.843c.986 0 1.728-.26 2.255-.784.535-.527.793-1.266.793-2.266v-1.975c.434.05.885.084 1.361.084 4.76 0 7.39-2.616 7.39-7.364m-10.003-.392v9.647c0 .641-.132 1.1-.426 1.383-.286.275-.734.418-1.37.418H5.198c-.636 0-1.087-.143-1.37-.418-.291-.282-.426-.742-.426-1.383V9.144c0-.625.135-1.073.426-1.364.294-.292.737-.435 1.37-.435h4.843c.644 0 1.095.143 1.378.426s.418.731.418 1.373m4.459 3.092-2.084-2.075a.63.63 0 0 1-.185-.443V6.903a.628.628 0 0 1 1.255 0v2.554l1.9 1.894a.627.627 0 0 1 0 .885.63.63 0 0 1-.886 0m-7.857 6.44c0-.515-.305-.82-.818-.82s-.818.304-.818.82q0 .377.213.597c.143.145.353.224.605.224s.462-.079.605-.224q.214-.219.213-.597"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, l), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: o,
+                d: "M20.47 17.47a.75.75 0 0 1 1.06 1.06L20.06 20l1.47 1.47a.75.75 0 0 1-1.06 1.06L19 21.06l-1.47 1.47a.75.75 0 0 1-1.06-1.06l.017-.02L17.94 20l-1.47-1.47a.8.8 0 0 1-.165-.248A.752.752 0 0 1 17 17.25q.131.001.256.047.152.054.274.173L19 18.94z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: o,
+                d: "M16 2.5c1.38 0 2.5 1.12 2.5 2.5v10.767c0 .216-.267.341-.459.24a2.25 2.25 0 0 0-2.632 3.583l.233.233a.25.25 0 0 1 0 .354l-.233.232c-.26.26-.442.57-.548.899a.27.27 0 0 1-.252.192H8c-1.38 0-2.5-1.12-2.5-2.5V5c0-1.38 1.12-2.5 2.5-2.5zM12 16c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1"
+            })
+        ]
     }));
-}, h = l;
+}, u = v;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,21 +92,41 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const v = (_param)=>{
+    var { color: r, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    return a.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: t,
             d: "M14.501 2.156c4.804 0 7.336 2.535 7.336 7.32 0 4.792-2.532 7.319-7.336 7.319-.563 0-1.09-.045-1.593-.12v2.263c0 .96-.247 1.666-.751 2.162-.496.502-1.205.74-2.157.74H5.059c-.947 0-1.656-.241-2.16-.74-.501-.493-.748-1.207-.748-2.16V9.084c0-.935.247-1.633.751-2.134.504-.521 1.213-.768 2.16-.768h2.644c.977-2.63 3.316-4.025 6.795-4.025m0 13.79c4.306 0 6.482-2.17 6.482-6.47 0-4.292-2.176-6.468-6.482-6.468-2.994 0-4.955 1.081-5.868 3.173H10c.955 0 1.664.247 2.165.751.505.502.743 1.199.743 2.151v6.74c.495.078 1.03.123 1.593.123M7.53 17.983c.524 0 .838.313.838.837 0 .255-.073.462-.216.61-.148.152-.361.23-.619.23s-.47-.078-.619-.23q-.218-.223-.218-.61c0-.526.31-.837.834-.837m4.524-8.9c0-.714-.162-1.224-.496-1.557-.333-.33-.846-.493-1.56-.493H5.06c-.709 0-1.213.17-1.555.51-.33.342-.501.843-.501 1.54v9.858c0 .714.162 1.224.501 1.557.334.33.838.493 1.555.493h4.938c.717 0 1.23-.163 1.563-.493.33-.333.493-.843.493-1.557zm2.149.886 2.129 2.123a.427.427 0 0 0 .599.003.43.43 0 0 0 0-.603l-2.003-2V6.795a.426.426 0 1 0-.851 0v2.871c0 .115.044.221.126.303"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M20.47 17.47a.75.75 0 1 1 1.06 1.06L20.06 20l1.47 1.47a.75.75 0 1 1-1.06 1.06L19 21.06l-1.47 1.47a.75.75 0 1 1-1.06-1.06L17.94 20l-1.47-1.47a.75.75 0 1 1 1.06-1.06L19 18.94z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M16 2.25A2.75 2.75 0 0 1 18.75 5v9.5a.75.75 0 0 1-1.5 0V5c0-.69-.56-1.25-1.25-1.25H8c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h5.5a.75.75 0 0 1 0 1.5H8A2.75 2.75 0 0 1 5.25 19V5A2.75 2.75 0 0 1 8 2.25z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
+            })
+        ]
     }));
-}, m = l;
+}, g = v;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return h;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,21 +92,41 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: e, size: c = 24 } = _param, s = _object_without_properties(_param, [
+const v = (_param)=>{
+    var { color: i, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = i !== null && i !== void 0 ? i : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    return l.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"
-    }, s), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: o,
             d: "M21.841 9.536c0-4.756-2.63-7.381-7.39-7.381-3.436 0-5.775 1.375-6.795 3.941H5.203c-.986 0-1.723.27-2.264.81-.523.532-.784 1.263-.784 2.238v9.65c0 1 .26 1.74.793 2.266.535.526 1.269.784 2.255.784h4.84c.986 0 1.731-.26 2.255-.784.535-.527.793-1.266.793-2.266v-1.978c.434.05.885.084 1.36.084 4.76 0 7.39-2.616 7.39-7.364m-7.39 6.115c-.484 0-.924-.034-1.358-.087V9.147c0-.992-.26-1.726-.784-2.258-.535-.535-1.269-.793-2.263-.793H9.018c.919-1.781 2.74-2.692 5.437-2.692 4.064 0 6.134 2.065 6.134 6.132 0 4.056-2.07 6.115-6.137 6.115m-2.613 3.143c0 .641-.131 1.098-.422 1.383-.286.275-.734.418-1.37.418H5.203c-.636 0-1.087-.143-1.37-.418-.291-.285-.426-.742-.426-1.383v-9.65c0-.625.135-1.073.426-1.364.294-.294.734-.435 1.37-.435h4.84c.644 0 1.095.143 1.378.426s.418.734.418 1.373zm-4.215-.939c.512 0 .818.308.818.82q0 .38-.213.598c-.143.145-.353.224-.605.224s-.462-.079-.605-.224q-.214-.219-.213-.597c0-.515.305-.82.818-.82m6.594-7.694 2.08 2.075a.64.64 0 0 0 .446.185.61.61 0 0 0 .448-.185.626.626 0 0 0-.005-.882l-1.9-1.894V6.906a.628.628 0 0 0-1.254 0v2.812c0 .168.067.325.185.443"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: o,
+                d: "M20.47 17.47a.75.75 0 1 1 1.06 1.06L20.06 20l1.47 1.47a.75.75 0 1 1-1.06 1.06L19 21.06l-1.47 1.47a.75.75 0 1 1-1.06-1.06L17.94 20l-1.47-1.47a.75.75 0 1 1 1.06-1.06L19 18.94z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: o,
+                d: "M16 2.25A2.75 2.75 0 0 1 18.75 5v9.5a.75.75 0 0 1-1.5 0V5c0-.69-.56-1.25-1.25-1.25H8c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h5.5a.75.75 0 0 1 0 1.5H8A2.75 2.75 0 0 1 5.25 19V5A2.75 2.75 0 0 1 8 2.25z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: o,
+                d: "M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
+            })
+        ]
     }));
-}, h = l;
+}, u = v;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,30 +93,40 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: i, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: l = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = i !== null && i !== void 0 ? i : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: o,
             d: "m18.7 17.692 3.087 3.088a.703.703 0 0 1 0 1.008.7.7 0 0 1-.504.212.74.74 0 0 1-.508-.208L2.21 3.222A.715.715 0 1 1 3.222 2.21l2.375 2.376a9.24 9.24 0 0 1 6.392-2.564c5.115 0 9.274 4.164 9.274 9.277 0 2.476-.98 4.728-2.564 6.393M2.718 11.295c0-1.732.484-3.352 1.316-4.74l12.69 12.697a9.2 9.2 0 0 1-4.74 1.316 9.3 9.3 0 0 1-3.859-.836l-5.683 1.52a.336.336 0 0 1-.408-.412l1.524-5.685a9.2 9.2 0 0 1-.84-3.86"
         })
-    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: o,
             d: "m18.7 17.692 3.087 3.088a.703.703 0 0 1 0 1.008.7.7 0 0 1-.504.212.74.74 0 0 1-.508-.208L2.21 3.222A.715.715 0 1 1 3.222 2.21l2.375 2.376a9.24 9.24 0 0 1 6.392-2.564c5.115 0 9.274 4.164 9.274 9.277 0 2.476-.98 4.728-2.564 6.393M2.718 11.295c0-1.732.484-3.352 1.316-4.74l12.69 12.697a9.2 9.2 0 0 1-4.74 1.316 9.3 9.3 0 0 1-3.859-.836l-5.683 1.52a.336.336 0 0 1-.408-.412l1.524-5.685a9.2 9.2 0 0 1-.84-3.86"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: o,
+            d: "M2.47 2.47a.75.75 0 0 1 1.06 0l18 18a.75.75 0 1 1-1.06 1.06l-2.751-2.75c-2.863 1.921-6.779 2.274-10.078.743l-4.537.966a.502.502 0 0 1-.579-.646l1.224-3.674c-2.078-3.28-1.47-7.341 1.345-10.015L2.47 3.53a.75.75 0 0 1 0-1.06M8.424 4.107c3.38-1.233 7.374-.645 10.145 1.72l.29.258c2.912 2.705 3.482 6.797 1.446 10.048a.5.5 0 0 1-.778.088L8.241 4.93a.5.5 0 0 1 .183-.824"
+        })
     }));
-}, u = h;
+}, v = h;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,31 +92,41 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
-    var { color: e, size: a = 24 } = _param, l = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
-    return c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = i !== null && i !== void 0 ? i : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: e,
             d: "m18.695 18.012 2.636 2.768a.744.744 0 0 1-.004 1.012.66.66 0 0 1-.96 0l-2.69-2.824a8.7 8.7 0 0 1-5.504 1.96c-1.291 0-2.548-.264-3.65-.768l-5.188 1.456a.66.66 0 0 1-.655-.184.74.74 0 0 1-.175-.688l1.39-5.463c-.484-1.168-.731-2.448-.731-3.812 0-1.436.274-2.784.819-4.008a.665.665 0 0 1 .903-.344c.339.164.487.592.327.948-.457 1.032-.69 2.176-.69 3.404 0 1.244.24 2.404.71 3.444a.74.74 0 0 1 .041.488l-1.15 4.52 4.282-1.205a.66.66 0 0 1 .468.044c.972.484 2.114.74 3.3.74 1.69 0 3.256-.58 4.525-1.56L2.68 3.222a.74.74 0 0 1 0-1.012.66.66 0 0 1 .964 0l2.29 2.404c1.672-1.668 3.912-2.612 6.243-2.612 2.411 0 4.674.984 6.377 2.768 1.699 1.784 2.636 4.163 2.636 6.695 0 2.464-.884 4.78-2.495 6.547m1.135-6.547c0-4.432-3.432-8.035-7.653-8.035a7.5 7.5 0 0 0-5.28 2.196l10.826 11.366a8.2 8.2 0 0 0 2.107-5.527"
         })
-    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: e,
             d: "M22 21.284a.716.716 0 1 1-1.432 0 .716.716 0 0 1 1.432 0M18.497 17.92l-.037.036 1.468 1.468a.355.355 0 0 1-.252.608.36.36 0 0 1-.252-.104l-1.496-1.496a9.2 9.2 0 0 1-5.927 2.136c-1.38 0-2.68-.272-3.872-.816l-5.68 1.52a.357.357 0 0 1-.344-.092.36.36 0 0 1-.092-.344l1.52-5.68a9.3 9.3 0 0 1-.816-3.872c0-1.687.416-3.263 1.244-4.675a.354.354 0 0 1 .488-.128c.172.1.228.316.128.488-.76 1.3-1.148 2.752-1.148 4.315 0 1.32.268 2.56.804 3.688.04.076.044.164.024.244l-1.392 5.208 5.204-1.396a.37.37 0 0 1 .244.024 8.6 8.6 0 0 0 3.688.804 8.53 8.53 0 0 0 5.415-1.936L2.105 2.61a.355.355 0 0 1 0-.504c.14-.14.364-.14.504 0l2.716 2.716A9.34 9.34 0 0 1 12 2c2.483 0 4.815.964 6.563 2.716a9.22 9.22 0 0 1 2.716 6.568 9.22 9.22 0 0 1-2.716 6.567q-.032.035-.067.069M12 2.718a8.63 8.63 0 0 0-6.172 2.608l12.123 12.123a8.54 8.54 0 0 0 2.62-6.16c0-4.727-3.844-8.571-8.571-8.571"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, t), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: e,
+            d: "M2.47 2.47a.75.75 0 0 1 1.06 0l18 18a.75.75 0 1 1-1.06 1.06l-2.573-2.572c-2.917 1.98-6.907 2.36-10.285.827l-4.456.948a.751.751 0 0 1-.868-.97l1.186-3.56C1.404 12.835 2.053 8.7 4.916 5.976L2.47 3.53a.75.75 0 0 1 0-1.06m3.507 4.568c-2.48 2.335-2.94 5.857-1.056 8.642a.75.75 0 0 1 .09.657l-.885 2.655 3.418-.726.123-.016a.75.75 0 0 1 .36.075c2.856 1.386 6.267 1.133 8.786-.451zM8.338 3.872c3.458-1.262 7.548-.663 10.393 1.764 3.254 2.774 3.955 7.164 1.785 10.629a.75.75 0 0 1-1.271-.796c1.76-2.81 1.224-6.38-1.486-8.692-2.405-2.052-5.92-2.585-8.907-1.496a.75.75 0 0 1-.514-1.409"
+        })
     }));
-}, u = h;
+}, v = s;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,31 +92,41 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const m = (_param)=>{
-    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: c, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: r,
             d: "m18.695 18.012 2.636 2.768a.744.744 0 0 1-.004 1.012.66.66 0 0 1-.96 0l-2.69-2.824a8.7 8.7 0 0 1-5.504 1.96c-1.291 0-2.548-.264-3.65-.768l-5.188 1.456a.66.66 0 0 1-.655-.184.74.74 0 0 1-.175-.688l1.39-5.463c-.484-1.168-.731-2.448-.731-3.812 0-1.436.274-2.784.819-4.008a.665.665 0 0 1 .903-.344c.339.164.487.592.327.948-.457 1.032-.69 2.176-.69 3.404 0 1.244.24 2.404.71 3.444a.74.74 0 0 1 .041.488l-1.15 4.52 4.282-1.205a.66.66 0 0 1 .468.044c.972.484 2.114.74 3.3.74 1.69 0 3.256-.58 4.525-1.56L2.68 3.222a.74.74 0 0 1 0-1.012.66.66 0 0 1 .964 0l2.29 2.404c1.672-1.668 3.912-2.612 6.243-2.612 2.411 0 4.674.984 6.377 2.768 1.699 1.784 2.636 4.163 2.636 6.695 0 2.464-.884 4.78-2.495 6.547m1.135-6.547c0-4.432-3.432-8.035-7.653-8.035a7.5 7.5 0 0 0-5.28 2.196l10.826 11.366a8.2 8.2 0 0 0 2.107-5.527"
         })
-    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: r,
             d: "m18.695 18.012 2.636 2.768a.744.744 0 0 1-.004 1.012.66.66 0 0 1-.96 0l-2.69-2.824a8.7 8.7 0 0 1-5.504 1.96c-1.291 0-2.548-.264-3.65-.768l-5.188 1.456a.66.66 0 0 1-.655-.184.74.74 0 0 1-.175-.688l1.39-5.463c-.484-1.168-.731-2.448-.731-3.812 0-1.436.274-2.784.819-4.008a.665.665 0 0 1 .903-.344c.339.164.487.592.327.948-.457 1.032-.69 2.176-.69 3.404 0 1.244.24 2.404.71 3.444a.74.74 0 0 1 .041.488l-1.15 4.52 4.282-1.205a.66.66 0 0 1 .468.044c.972.484 2.114.74 3.3.74 1.69 0 3.256-.58 4.525-1.56L2.68 3.222a.74.74 0 0 1 0-1.012.66.66 0 0 1 .964 0l2.29 2.404c1.672-1.668 3.912-2.612 6.243-2.612 2.411 0 4.674.984 6.377 2.768 1.699 1.784 2.636 4.163 2.636 6.695 0 2.464-.884 4.78-2.495 6.547m1.135-6.547c0-4.432-3.432-8.035-7.653-8.035a7.5 7.5 0 0 0-5.28 2.196l10.826 11.366a8.2 8.2 0 0 0 2.107-5.527"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: r,
+            d: "M2.47 2.47a.75.75 0 0 1 1.06 0l18 18a.75.75 0 1 1-1.06 1.06l-2.573-2.572c-2.917 1.98-6.907 2.36-10.285.827l-4.456.948a.751.751 0 0 1-.868-.97l1.187-3.56C1.405 12.835 2.053 8.7 4.915 5.976L2.47 3.53a.75.75 0 0 1 0-1.06m3.507 4.568c-2.48 2.335-2.939 5.857-1.056 8.642a.75.75 0 0 1 .09.657l-.885 2.655 3.418-.726.123-.016a.75.75 0 0 1 .36.075c2.856 1.386 6.267 1.133 8.786-.451zM8.338 3.872c3.458-1.262 7.548-.663 10.393 1.764 3.254 2.774 3.956 7.164 1.785 10.629a.75.75 0 0 1-1.271-.796c1.76-2.81 1.224-6.38-1.486-8.692-2.405-2.052-5.92-2.585-8.907-1.496a.75.75 0 0 1-.514-1.409"
+        })
     }));
-}, d = m;
+}, u = h;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,21 +92,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const c = (_param)=>{
-    var { color: e, size: o = 24 } = _param, n = _object_without_properties(_param, [
+const l = (_param)=>{
+    var { color: i, size: o = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = i !== null && i !== void 0 ? i : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    return n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: a,
             d: "M12.853 7.412C14.74 8.5 16.51 9.72 16.51 11.997s-1.77 3.497-3.66 4.588c1.887 1.089 3.657 2.308 3.657 4.586 0 .226-.201.412-.45.412-.25 0-.451-.186-.451-.412 0-1.98-1.72-3.03-3.607-4.1-1.885 1.07-3.607 2.12-3.607 4.1 0 .226-.202.412-.451.412-.25 0-.451-.186-.451-.412 0-2.275 1.773-3.497 3.66-4.586-.904-.523-1.773-1.08-2.442-1.764a.42.42 0 0 1-.17-.191c-.628-.707-1.045-1.544-1.045-2.633 0-2.274 1.772-3.497 3.66-4.585-1.89-1.088-3.66-2.307-3.66-4.585 0-.227.201-.412.45-.412.25 0 .452.185.452.412 0 1.98 1.722 3.03 3.606 4.1 1.885-1.07 3.607-2.12 3.607-4.1 0-.227.202-.412.451-.412.25 0 .451.185.451.412 0 2.275-1.77 3.497-3.657 4.585m-2.795 1.713h3.881c-.571-.436-1.243-.832-1.94-1.227-.695.392-1.367.788-1.941 1.227m-.882.824a3.15 3.15 0 0 0-.74 1.65h7.127a3.1 3.1 0 0 0-.739-1.65zm2.823 6.148c.683-.387 1.344-.772 1.91-1.2h-3.817c.565.425 1.226.813 1.907 1.2M9.2 14.073h5.598a3.14 3.14 0 0 0 .759-1.647H8.442c.087.635.353 1.175.759 1.647"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: a,
+            d: "M17 2.25a.75.75 0 0 1 .75.75v1.002c-.01 3.258-1.477 5.907-4.275 7.932a1 1 0 0 1-.043.073 1 1 0 0 1 .042.072c2.799 2.025 4.266 4.675 4.276 7.933v1.002a.75.75 0 0 1-1.5 0v-.264H7.742v.264a.75.75 0 0 1-1.5 0v-1.001l.006-.342c.107-3.125 1.59-5.675 4.327-7.634l.014-.031q-.007-.014-.014-.03C7.739 9.946 6.25 7.283 6.242 4.002V3a.75.75 0 0 1 1.5 0v.25h8.508V3a.75.75 0 0 1 .75-.75m-8.573 14.5a7.6 7.6 0 0 0-.65 2.5h8.438a7.6 7.6 0 0 0-.65-2.5zm3.568-3.865c-1.107.71-1.99 1.499-2.658 2.365h5.317c-.669-.866-1.552-1.655-2.66-2.365M9.325 8.75q1.003 1.306 2.67 2.377c1.113-.714 1.999-1.506 2.669-2.377zm-1.55-4q.115 1.33.646 2.5h7.15q.529-1.17.645-2.5z"
+        })
     }));
-}, f = c;
+}, d = l;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,21 +92,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: e, size: r = 24 } = _param, s = _object_without_properties(_param, [
+const l = (_param)=>{
+    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: o,
             d: "M13.21 7.393c1.689 1.056 3.302 2.347 3.302 4.61s-1.613 3.555-3.305 4.608c1.69 1.056 3.303 2.347 3.303 4.61a.633.633 0 0 1-.645.622.634.634 0 0 1-.644-.621c0-1.838-1.46-2.821-3.221-3.877-1.76 1.056-3.221 2.036-3.221 3.877a.633.633 0 0 1-.645.621.635.635 0 0 1-.644-.621c0-2.264 1.613-3.555 3.303-4.611-.757-.47-1.493-.994-2.082-1.628a.6.6 0 0 1-.148-.16c-.642-.75-1.07-1.655-1.07-2.82 0-2.26 1.613-3.554 3.302-4.61-1.689-1.057-3.302-2.348-3.302-4.611 0-.345.288-.622.644-.622s.644.28.644.622c0 1.84 1.46 2.82 3.222 3.877 1.761-1.054 3.22-2.037 3.22-3.877 0-.345.29-.622.645-.622s.644.28.644.622c0 2.263-1.613 3.554-3.302 4.61m-1.21.73q-.652.391-1.224.785h2.45A21 21 0 0 0 12 8.124m-2.574 5.76h5.15c.28-.37.483-.776.578-1.244H8.849c.095.468.294.877.577 1.244m3.762 1.243h-2.373c.367.255.767.505 1.185.757q.631-.376 1.188-.757m1.411-4.974H9.403a3 3 0 0 0-.557 1.243h6.31a3 3 0 0 0-.557-1.243"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: o,
+            d: "M17 2.25a.75.75 0 0 1 .75.75v1.002c-.01 3.258-1.477 5.907-4.275 7.932a1 1 0 0 1-.043.073 1 1 0 0 1 .042.072c2.799 2.025 4.266 4.675 4.276 7.933v1.002a.75.75 0 0 1-1.5 0v-.264H7.742v.264a.75.75 0 0 1-1.5 0v-1.001l.006-.342c.107-3.125 1.59-5.675 4.327-7.634l.014-.031q-.007-.014-.014-.03C7.739 9.946 6.25 7.283 6.242 4.002V3a.75.75 0 0 1 1.5 0v.25h8.508V3a.75.75 0 0 1 .75-.75m-8.573 14.5a7.6 7.6 0 0 0-.65 2.5h8.438a7.6 7.6 0 0 0-.65-2.5zm3.568-3.865c-1.107.71-1.99 1.499-2.658 2.365h5.317c-.669-.866-1.552-1.655-2.66-2.365M9.325 8.75q1.003 1.306 2.67 2.377c1.113-.714 1.999-1.506 2.669-2.377zm-1.55-4q.115 1.33.646 2.5h7.15q.529-1.17.645-2.5z"
+        })
     }));
-}, f = i;
+}, d = l;

package/dist/generated/mistica-icons/icon-document-other-filled.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return h;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,21 +92,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: t, size: o = 24 } = _param, c = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: i, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    return n.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"
-    }, c), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: r,
             d: "M19.337 7.911a.6.6 0 0 1 .048.244v12.308c0 .745-.63 1.378-1.387 1.378H6.007c-.734 0-1.387-.641-1.387-1.378l.042-3.3-.042-7.977V3.533c0-.723.661-1.378 1.387-1.378h7.3c.232 0 .453.09.613.252l5.21 5.123a.85.85 0 0 1 .207.381m-5.694-4.087v1.76c0 .666.207 1.215.613 1.613s.98.608 1.667.608h1.767zM11.85 14.357a.913.913 0 0 0-.916.932v.017a.91.91 0 0 0 .924.925c.51 0 .908-.407.908-.942a.915.915 0 0 0-.916-.932m4.022.932a.915.915 0 0 0-.916-.932.913.913 0 0 0-.916.932v.017a.91.91 0 0 0 .925.925c.51 0 .907-.407.907-.942m-7.14-.932c-.51 0-.907.411-.907.932v.017c0 .518.397.925.916.925.518 0 .916-.407.916-.942a.917.917 0 0 0-.925-.932"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, t), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: r,
+                d: "M12.65 2.5a.6.6 0 0 1 .6.6V7A1.75 1.75 0 0 0 15 8.75h3.9a.6.6 0 0 1 .6.6V19a2.5 2.5 0 0 1-2.5 2.5H7A2.5 2.5 0 0 1 4.5 19V5A2.5 2.5 0 0 1 7 2.5zM9 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2m3 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m3 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: r,
+                d: "M18.957 7.25H15a.25.25 0 0 1-.25-.25V3.043z"
+            })
+        ]
     }));
-}, h = s;
+}, u = m;

package/dist/generated/mistica-icons/icon-document-other-light.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,21 +92,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: i, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = i !== null && i !== void 0 ? i : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    return l.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"
-    }, e), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: c,
             d: "m19.348 7.907.007.024a.5.5 0 0 1 .026.141v12.56c0 .653-.566 1.208-1.218 1.208H5.838c-.647 0-1.219-.563-1.219-1.208l.042-3.358L4.62 9.13V3.364c0-.63.583-1.208 1.219-1.208h7.504a.68.68 0 0 1 .473.2l5.362 5.229c.087.09.137.207.17.322m-.787.854h-2.547c-.974 0-1.81-.322-2.423-.918-.613-.606-.94-1.423-.94-2.384V2.985H5.834c-.18 0-.4.208-.4.381v5.76l.042 8.15-.042 3.368c0 .182.204.372.4.372H18.16c.204 0 .4-.182.4-.38zm-5.09-3.305c0 .728.238 1.35.697 1.787.451.445 1.098.686 1.85.686h2.321l-4.868-4.764zm1.014 10.76c.417 0 .728-.315.728-.754a.74.74 0 0 0-.745-.745.73.73 0 0 0-.728.745v.016c0 .423.31.737.745.737m-2.014-.754c0 .44-.32.753-.737.753a.72.72 0 0 1-.745-.737v-.016c0-.415.32-.745.737-.745.42.002.745.333.745.745m-3.485.753c.418 0 .737-.314.737-.753a.74.74 0 0 0-.745-.745.74.74 0 0 0-.737.745v.016c0 .423.32.737.745.737"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, o), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: c,
+                d: "M9 13a1 1 0 1 1 0 2 1 1 0 0 1 0-2M12 13a1 1 0 1 1 0 2 1 1 0 0 1 0-2M15 13a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: c,
+                d: "M14 2.25q.072 0 .14.014h.01q.02.007.041.013c.034.01.067.017.098.03q.044.02.084.046.023.011.044.024.054.037.1.082l.013.01 5 5c.136.136.22.324.22.531v11A2.75 2.75 0 0 1 17 21.75H7A2.75 2.75 0 0 1 4.25 19V5A2.75 2.75 0 0 1 7 2.25zm-7 1.5A1.25 1.25 0 0 0 5.75 5v14A1.25 1.25 0 0 0 7 20.25h10A1.25 1.25 0 0 0 18.25 19V8.75H15A1.75 1.75 0 0 1 13.25 7V3.75zM14.75 7a.25.25 0 0 0 .25.25h2.19l-2.44-2.44z"
+            })
+        ]
     }));
-}, v = l;
+}, u = m;