@telefonica/mistica 16.41.0 → 16.42.0

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return p;
     }
 });
 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 n = (_param)=>{
-    var { color: a, size: o = 24 } = _param, c = _object_without_properties(_param, [
+const l = (_param)=>{
+    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    return h.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"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: e,
             d: "M20.457 19.92a.64.64 0 0 0-.863-.325c-1.171.577-2.63.868-4.336.868-4.25 0-6.81-1.823-7.695-5.372h6.134a.666.666 0 0 0 .65-.681.664.664 0 0 0-.65-.68h-6.4a15 15 0 0 1-.112-1.732c0-.336.042-.63.061-.95h6.449a.664.664 0 0 0 .65-.677v-.003a.664.664 0 0 0-.65-.68H7.387c.689-4.076 3.316-6.16 7.87-6.16 1.687 0 3.13.288 4.295.851a.637.637 0 0 0 .863-.33.7.7 0 0 0-.317-.905c-1.339-.65-2.966-.978-4.84-.978-5.26 0-8.46 2.65-9.202 7.521H4.129a.666.666 0 0 0-.65.68c0 .376.291.682.65.682h1.79c-.017.308-.034.622-.034.95 0 .607.04 1.176.098 1.73H4.13a.666.666 0 0 0-.65.681c0 .375.291.68.65.68h2.059c.927 4.418 4.01 6.735 9.067 6.735 1.899 0 3.546-.337 4.888-1a.693.693 0 0 0 .313-.905"
         })
+    })) : /* @__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: e,
+            d: "M10.347 4.873a5.96 5.96 0 0 1 3.942-.48c1.329.296 2.535 1.039 3.476 2.113a.75.75 0 0 1-1.13.988c-.747-.854-1.68-1.416-2.672-1.637a4.46 4.46 0 0 0-2.956.363c-.942.462-1.765 1.248-2.352 2.277a7 7 0 0 0-.366.753H13a.75.75 0 0 1 0 1.5H7.86A7.4 7.4 0 0 0 7.751 12q.002.636.11 1.25H13a.75.75 0 0 1 0 1.5H8.29q.16.39.365.753c.587 1.03 1.41 1.816 2.352 2.278.94.46 1.966.583 2.956.363.992-.221 1.925-.783 2.673-1.638a.75.75 0 0 1 1.129.988c-.94 1.075-2.148 1.818-3.476 2.114a5.96 5.96 0 0 1-3.942-.48c-1.237-.607-2.274-1.616-2.995-2.883a8.2 8.2 0 0 1-.663-1.495H5a.75.75 0 0 1 0-1.5h1.34a8.9 8.9 0 0 1 0-2.5H5a.75.75 0 0 1 0-1.5h1.69a8.2 8.2 0 0 1 .662-1.495c.72-1.266 1.758-2.275 2.995-2.882"
+        })
     }));
-}, v = n;
+}, p = l;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,37 +92,47 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const m = (_param)=>{
-    var { color: c, size: o = 24 } = _param, s = _object_without_properties(_param, [
+const v = (_param)=>{
+    var { color: h, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = c !== null && c !== void 0 ? c : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
-    return h.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = h !== null && h !== void 0 ? h : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    return c.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: o,
+            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.255H4.436c-.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"
+        })
+    })) : c.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("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: e,
+                fill: o,
                 d: "M8.931 13.976a3.98 3.98 0 0 0 3.469 2.032 3.97 3.97 0 0 0 3.08-1.458l1.049.86a5.32 5.32 0 0 1-4.129 1.955 5.34 5.34 0 0 1-4.966-3.39h-1.39v-1.357h1.051a6 6 0 0 1-.035-.592q.002-.3.035-.592H6.044v-1.358h1.39a5.34 5.34 0 0 1 4.966-3.39c1.583 0 3.074.697 4.092 1.911l-1.04.872a3.98 3.98 0 0 0-6.52.607h4.739v1.358H8.467c-.029.193-.049.39-.049.592s.02.398.049.592h5.204v1.358z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: o,
                 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"
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
-            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.255H4.436c-.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"
+            fill: o,
+            d: "M10.347 4.873a5.96 5.96 0 0 1 3.942-.48c1.329.296 2.535 1.039 3.476 2.113a.75.75 0 0 1-1.13.988c-.747-.854-1.68-1.416-2.672-1.637a4.46 4.46 0 0 0-2.956.363c-.942.462-1.765 1.248-2.352 2.277a7 7 0 0 0-.366.753H13a.75.75 0 0 1 0 1.5H7.86A7.4 7.4 0 0 0 7.751 12q.002.636.11 1.25H13a.75.75 0 0 1 0 1.5H8.29q.16.39.365.753c.587 1.03 1.41 1.816 2.352 2.278.94.46 1.966.583 2.956.363.992-.221 1.925-.783 2.673-1.638a.75.75 0 0 1 1.129.988c-.94 1.075-2.148 1.818-3.476 2.114a5.96 5.96 0 0 1-3.942-.48c-1.237-.607-2.274-1.616-2.995-2.883a8.2 8.2 0 0 1-.663-1.495H5a.75.75 0 0 1 0-1.5h1.34a8.9 8.9 0 0 1 0-2.5H5a.75.75 0 0 1 0-1.5h1.69a8.2 8.2 0 0 1 .662-1.495c.72-1.266 1.758-2.275 2.995-2.882"
         })
     }));
-}, d = m;
+}, p = v;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 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 t = (_param)=>{
-    var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: c, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = r !== null && r !== void 0 ? r : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    return t.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: o,
             d: "m19.145 4.002 2.574 2.605a.53.53 0 0 1 .059.575.53.53 0 0 1-.482.308l-1.025.008c-.132 1.048-.642 3.216-2.591 4.852 3.79 2.092 3.834 6.213 3.834 6.255 0 .882-.711 1.596-1.588 1.596a1.595 1.595 0 0 1-1.588-1.585c-.003-.384-.202-3.482-4.283-4.123l-.045.058c-.037.05-.073.098-.117.14-.446.429-1.085.645-1.905.645-.818 0-1.457-.216-1.9-.645-.042-.04-.078-.09-.113-.138l-.054-.072c-4.197.617-4.393 3.748-4.398 4.14a1.6 1.6 0 0 1-1.588 1.575 1.597 1.597 0 0 1-1.589-1.591c0-.043.048-4.2 3.91-6.28-1.918-1.65-2.417-3.86-2.543-4.827l-1.03-.005a.53.53 0 0 1-.48-.309.55.55 0 0 1 .073-.582l2.6-2.636a.5.5 0 0 1 .322-.163c.14-.02.28.023.392.112l.087.09 2.53 2.569c.159.193.187.423.097.613a.53.53 0 0 1-.482.308l-.918.006c.173.938.818 2.583 3.154 3.308l.014-.018q.005-.01.014-.018c.442-.429 1.084-.647 1.902-.647.82 0 1.46.218 1.905.647l.009.01q.006.01.016.018c2.344-.74 2.986-2.426 3.16-3.3l-.917-.006a.53.53 0 0 1-.476-.305.56.56 0 0 1 .067-.583l2.591-2.638c.286-.233.62-.194.802.033m-5.818 10.104q.196-.2.305-.499.136-.364.137-.862c0-.404-.07-.731-.196-.998a1.2 1.2 0 0 0-.25-.37 1.4 1.4 0 0 0-.54-.308 2.6 2.6 0 0 0-.792-.109q-.458 0-.796.11-.323.104-.532.305c-.104.1-.182.23-.25.372-.123.267-.193.594-.193.998 0 .336.048.624.135.862.072.2.17.37.305.502.126.12.291.213.482.28.235.084.518.132.849.132s.607-.048.845-.132q.297-.1.49-.283"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: o,
+            d: "M19.247 3.513a2.5 2.5 0 0 1 1.52 4.255 2.5 2.5 0 0 1-1.017.613v4.62l-.007.284A5.75 5.75 0 0 1 14 18.75h-1.19l1.72 1.72a.75.75 0 0 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H14A4.25 4.25 0 0 0 18.25 13V8.383A2.5 2.5 0 0 1 16.5 6 2.5 2.5 0 0 1 19 3.5zM9.47 2.47a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 0 1-1.06-1.06l1.72-1.72H10A4.25 4.25 0 0 0 5.75 11v4.618A2.5 2.5 0 0 1 7.5 18l-.013.247a2.5 2.5 0 0 1-4.974 0L2.5 18a2.5 2.5 0 0 1 1.75-2.384V11A5.75 5.75 0 0 1 10 5.25h1.19L9.47 3.53a.75.75 0 0 1 0-1.06"
+        })
     }));
-}, d = t;
+}, p = h;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return p;
     }
 });
 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 s = (_param)=>{
-    var { color: o, size: c = 24 } = _param, r = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: r, size: l = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : t ? _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: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "m19.148 3.994 2.574 2.603a.56.56 0 0 1 .065.585.53.53 0 0 1-.482.308l-1.025.011c-.132 1.048-.642 3.213-2.591 4.852 3.79 2.09 3.834 6.21 3.834 6.255 0 .877-.711 1.594-1.588 1.594a1.595 1.595 0 0 1-1.588-1.586c-.006-.383-.202-3.482-4.283-4.123l-.045.059c-.037.049-.073.098-.117.14-.446.426-1.084.641-1.905.641s-1.46-.215-1.902-.641a1 1 0 0 1-.114-.139l-.054-.071c-4.196.619-4.392 3.75-4.398 4.14a1.6 1.6 0 0 1-1.588 1.574 1.596 1.596 0 0 1-1.588-1.591c0-.045.044-4.202 3.907-6.289-1.919-1.65-2.417-3.86-2.543-4.826l-1.031-.008a.53.53 0 0 1-.48-.308.55.55 0 0 1 .074-.583l2.6-2.633c.055-.078.181-.146.321-.163.14-.016.28.023.392.113l.087.09 2.53 2.568c.16.193.187.426.098.613a.53.53 0 0 1-.482.308l-.919.009c.174.938.818 2.582 3.154 3.308q.009-.009.014-.018l.014-.018c.443-.432 1.084-.648 1.902-.648.82 0 1.462.216 1.905.648l.01.011.015.017c2.348-.743 2.986-2.426 3.16-3.3l-.916-.009a.53.53 0 0 1-.476-.305.56.56 0 0 1 .067-.583l2.59-2.638c.287-.233.62-.194.802.033M4.705 18.608c.009-.46.225-4.104 4.835-4.902a3.5 3.5 0 0 1-.134-.975c0-.468.075-.877.215-1.224-3.165-1.104-3.54-3.77-3.585-4.39l-.03-.44 1.153-.005-1.896-1.927L3.36 6.672l1.053.011.084.381c.034.533.334 3.28 2.773 5.006l.597.423-.67.291c-3.938 1.717-4.025 5.782-4.025 5.824 0 .417.342.762.76.764a.777.777 0 0 0 .772-.764M19.501 7.062l.025-.387 1.11-.003-1.905-1.927-1.891 1.927 1.11.011.016.437c-.042.62-.417 3.286-3.588 4.39.14.347.218.753.218 1.224 0 .367-.05.692-.137.986 4.487.826 4.703 4.431 4.711 4.888.003.426.348.77.768.77a.77.77 0 0 0 .768-.77v-.006c-.008-.18-.158-4.101-3.956-5.798l-.666-.3.599-.417c2.479-1.726 2.782-4.49 2.818-5.025m-8.353 7.313q.353.131.849.132.49-.002.846-.129c.196-.07.361-.16.49-.286.132-.128.232-.296.305-.495.087-.241.137-.53.137-.869 0-.403-.07-.734-.196-.997a1.3 1.3 0 0 0-.249-.37 1.4 1.4 0 0 0-.54-.308 2.6 2.6 0 0 0-.793-.11 2.6 2.6 0 0 0-.796.11q-.322.105-.532.305c-.104.101-.182.23-.25.373-.123.263-.193.594-.193.997 0 .34.048.625.135.863.073.202.17.373.305.501a1.3 1.3 0 0 0 .482.283"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, c), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: e,
+            d: "M19.272 3.264a2.75 2.75 0 0 1 .478 5.38V13l-.007.285A5.75 5.75 0 0 1 14 18.75h-1.19l1.72 1.72a.75.75 0 0 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H14A4.25 4.25 0 0 0 18.25 13V8.643a2.75 2.75 0 0 1-1.194-.699A2.75 2.75 0 0 1 19 3.25zM19 4.75a1.25 1.25 0 0 0 0 2.5l.124-.006a1.25 1.25 0 0 0 0-2.488zM9.47 2.47a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 0 1-1.06-1.06l1.72-1.72H10A4.25 4.25 0 0 0 5.75 11v4.355a2.75 2.75 0 0 1 2 2.645l-.014.271a2.75 2.75 0 0 1-5.472 0L2.25 18a2.75 2.75 0 0 1 2-2.643V11A5.75 5.75 0 0 1 10 5.25h1.19L9.47 3.53a.75.75 0 0 1 0-1.06M5 16.75A1.25 1.25 0 0 0 3.75 18l.006.124A1.25 1.25 0 0 0 6.25 18l-.006-.124a1.25 1.25 0 0 0-1.12-1.12z"
+        })
     }));
-}, g = s;
+}, p = h;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return p;
     }
 });
 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 t = (_param)=>{
-    var { color: r, size: c = 24 } = _param, o = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: o, size: a = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : t ? _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: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: e,
             d: "m19.148 4.075 2.518 2.535a.77.77 0 0 1 .107.787.72.72 0 0 1-.662.42l-.823.009c-.16 1.006-.68 2.947-2.359 4.482 3.56 2.134 3.603 6.09 3.603 6.131 0 .972-.793 1.765-1.765 1.765a1.77 1.77 0 0 1-1.765-1.753c-.008-.583-.277-3.3-4.137-3.832l-.002.002-.004.006c-.434.415-1.061.625-1.862.625s-1.429-.21-1.86-.628q-.006-.004-.008-.01l-.004-.004c-4.056.538-4.243 3.485-4.249 3.849A1.774 1.774 0 0 1 4.111 20.2a1.77 1.77 0 0 1-1.764-1.759c0-.045.045-4.033 3.675-6.16-1.639-1.518-2.154-3.406-2.314-4.456l-.826-.006a.72.72 0 0 1-.653-.417.75.75 0 0 1 .093-.79l2.56-2.585c.075-.101.246-.2.44-.222a.73.73 0 0 1 .537.154l.12.12 2.46 2.485c.219.27.255.577.132.838a.73.73 0 0 1-.661.417l-.636.006c.23.905.93 2.255 3.02 2.854.422-.328.983-.504 1.694-.504.712 0 1.277.176 1.7.507 2.09-.6 2.79-1.952 3.023-2.857l-.642-.006a.72.72 0 0 1-.652-.414.75.75 0 0 1 .09-.79l2.627-2.658a.73.73 0 0 1 1.014.117m-.025 3.107.036-.572.787-.003-1.364-1.375-1.356 1.375.815.009-.002.647c-.045.63-.429 3.344-3.65 4.46a3.537 3.537 0 0 1 .059 1.756c4.549.832 4.764 4.498 4.77 4.963a.542.542 0 1 0 1.081.003c-.003-.151-.095-3.838-3.745-5.465l-.994-.44.896-.619c2.35-1.63 2.633-4.235 2.667-4.74M4.1 18.982c.297 0 .538-.24.544-.537.005-.468.227-4.17 4.885-4.98a3.6 3.6 0 0 1-.081-.746c0-.372.053-.7.145-.997-3.224-1.117-3.605-3.829-3.65-4.456L5.9 6.613l.86-.003-1.362-1.375L4.036 6.61l.728.006.095.566c.031.504.32 3.098 2.625 4.722l.89.628-.996.434c-3.72 1.613-3.813 5.328-3.816 5.485 0 .288.241.529.538.532m9.208-6.263c0-.28-.037-.504-.107-.689a.9.9 0 0 0-.202-.339c-.246-.238-.689-.288-1.014-.288s-.764.05-1.01.288a.85.85 0 0 0-.202.34 2 2 0 0 0-.104.691q0 .36.075.614.075.266.23.414c.244.236.686.283 1.011.283.328 0 .768-.047 1.017-.285a.9.9 0 0 0 .23-.412 2.2 2.2 0 0 0 .075-.617"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, c), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: e,
+            d: "M19.272 3.264a2.75 2.75 0 0 1 .478 5.38V13l-.007.285A5.75 5.75 0 0 1 14 18.75h-1.19l1.72 1.72a.75.75 0 0 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H14A4.25 4.25 0 0 0 18.25 13V8.643a2.75 2.75 0 0 1-1.194-.699A2.75 2.75 0 0 1 19 3.25zM19 4.75a1.25 1.25 0 0 0 0 2.5l.124-.006a1.25 1.25 0 0 0 0-2.488zM9.47 2.47a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 0 1-1.06-1.06l1.72-1.72H10A4.25 4.25 0 0 0 5.75 11v4.355a2.75 2.75 0 0 1 2 2.645l-.014.271a2.75 2.75 0 0 1-5.472 0L2.25 18a2.75 2.75 0 0 1 2-2.643V11A5.75 5.75 0 0 1 10 5.25h1.19L9.47 3.53a.75.75 0 0 1 0-1.06M5 16.75A1.25 1.25 0 0 0 3.75 18l.006.124A1.25 1.25 0 0 0 6.25 18l-.006-.124a1.25 1.25 0 0 0-1.12-1.12z"
+        })
     }));
-}, g = t;
+}, p = h;

package/dist/generated/mistica-icons/icon-exit-door-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return x;
+        return H;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const d = (_param)=>{
-    var { color: a, size: t = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: r, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = a !== null && a !== void 0 ? a : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -118,12 +118,12 @@ const d = (_param)=>{
                 d: "M12.679 11.345H5.116L6.16 10.3a.63.63 0 0 0 0-.912.63.63 0 0 0-.913 0L2.64 11.997l2.65 2.65c.131.131.305.175.479.175a.65.65 0 0 0 .478-.174.63.63 0 0 0 0-.913l-1.043-1.043h7.476a.67.67 0 0 0 .652-.652c0-.348-.305-.695-.652-.695"
             })
         ]
-    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -138,5 +138,21 @@ const d = (_param)=>{
                 d: "M12.679 11.345H5.116L6.16 10.3a.63.63 0 0 0 0-.912.63.63 0 0 0-.912 0l-2.608 2.608 2.651 2.65c.13.131.304.175.478.175a.65.65 0 0 0 .478-.174.63.63 0 0 0 0-.913l-1.043-1.043h7.476a.67.67 0 0 0 .652-.652c0-.348-.304-.695-.652-.695"
             })
         ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: l,
+                d: "M15.537 2.5c.199 0 .33.23.273.42-.139.46-.127 1.02-.025 1.49.037.169-.085.34-.258.34H14a2.25 2.25 0 0 0-2.238 2.02L11.75 7l.012.23A2.25 2.25 0 0 0 14 9.25h1.527c.173 0 .294.171.263.34a2.244 2.244 0 0 0 1.518 2.549.27.27 0 0 1 .192.252v7.859H21a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5h1.5V5A2.5 2.5 0 0 1 7 2.5zM13 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: l,
+                d: "M17.47 3.47a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 0 1-1.06 0l-.052-.056a.8.8 0 0 1-.154-.33.75.75 0 0 1 .206-.674l1.72-1.72H14a.8.8 0 0 1-.255-.048q-.03-.01-.061-.024a1 1 0 0 1-.07-.038l-.049-.03q-.034-.026-.065-.055l-.041-.037a1 1 0 0 1-.055-.067q-.016-.02-.033-.044-.02-.032-.037-.067-.016-.029-.03-.059-.014-.041-.025-.085A.8.8 0 0 1 13.25 7q.002-.103.03-.197.01-.044.025-.085.013-.03.029-.059.017-.035.037-.067.016-.023.033-.044a1 1 0 0 1 .055-.067l.041-.037q.031-.03.065-.054.026-.017.053-.033.032-.019.066-.036a1 1 0 0 1 .136-.048.8.8 0 0 1 .18-.023h5.19l-1.72-1.72a.75.75 0 0 1-.176-.282q-.01-.03-.017-.059a.7.7 0 0 1-.022-.246V3.93a.74.74 0 0 1 .215-.46"
+            })
+        ]
     }));
-}, x = d;
+}, H = d;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return V;
+        return H;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,36 +93,52 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const c = (_param)=>{
-    var { color: a, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    return e.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), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: o,
             d: "M8.751 2v7.679H6.894l.572-.572a.69.69 0 0 0 0-1 .69.69 0 0 0-1 0L4.18 10.393l2.286 2.286a.7.7 0 0 0 .5.214.7.7 0 0 0 .5-.214.69.69 0 0 0 0-1l-.572-.572h6.5a.716.716 0 0 0 .714-.714.716.716 0 0 0-.714-.714H10.18v-6.25h7.214l-2 2a.7.7 0 0 0-.214.5V17h-5v-4.107a.716.716 0 0 0-.714-.714.716.716 0 0 0-.715.714v5.536h6.429v2.857c0 .285.178.535.428.643.108.071.18.071.286.071a.7.7 0 0 0 .5-.214l3.215-3.215a.7.7 0 0 0 .214-.5V2zm9.643 15.786L16.61 19.57V6.214l1.785-1.785z"
         })
-    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: o,
                 d: "m18.424 17.821-2.964 2.965V5.714l2.857-2.857v10.929c0 .214.143.357.357.357s.357-.143.357-.357V2H7.96v7.857h-2L7.138 8.68a.345.345 0 0 0 0-.5.345.345 0 0 0-.5 0l-2.036 2.035 2.036 2.036a.4.4 0 0 0 .25.107.4.4 0 0 0 .25-.107.345.345 0 0 0 0-.5L5.96 10.571h7c.214 0 .357-.142.357-.357 0-.214-.143-.357-.357-.357H8.674V2.714h8.786l-2.608 2.607a.32.32 0 0 0-.107.25v12.143H8.674V12c0-.214-.143-.357-.357-.357-.215 0-.357.143-.357.357v6.429h6.785v3.214c0 .143.072.286.215.321.035.036.107.036.142.036a.32.32 0 0 0 .25-.107l3.572-3.572a.345.345 0 0 0 0-.5.345.345 0 0 0-.5 0"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: o,
                 d: "M18.674 16.643a.714.714 0 1 0 0-1.429.714.714 0 0 0 0 1.429"
             })
         ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("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: o,
+                d: "M14.5 2.25a.75.75 0 0 1 0 1.5H7A1.25 1.25 0 0 0 5.75 5v15.25h10.5V13.5a.75.75 0 0 1 1.5 0v6.75H21a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5h1.25V5A2.75 2.75 0 0 1 7 2.25z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: o,
+                d: "M13 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2M17.47 3.47a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H14a.75.75 0 0 1 0-1.5h5.19l-1.72-1.72a.75.75 0 0 1 0-1.06"
+            })
+        ]
     }));
-}, V = c;
+}, H = c;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,31 +92,47 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
+const c = (_param)=>{
+    var { color: h, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : i ? _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: o,
-        height: o,
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = h !== null && h !== void 0 ? h : i ? _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"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: o,
             d: "M8.751 2v7.679H6.894l.572-.572a.69.69 0 0 0 0-1 .69.69 0 0 0-1 0L4.18 10.393l2.286 2.286a.7.7 0 0 0 .5.214.7.7 0 0 0 .5-.214.69.69 0 0 0 0-1l-.572-.572h6.5a.716.716 0 0 0 .714-.714.716.716 0 0 0-.714-.714H10.18v-6.25h7.214l-2 2a.7.7 0 0 0-.214.5V17h-5v-4.107a.716.716 0 0 0-.714-.714.716.716 0 0 0-.715.714v5.536h6.429v2.857c0 .285.178.535.428.643.108.071.18.071.286.071a.7.7 0 0 0 .5-.214l3.215-3.215a.7.7 0 0 0 .214-.5V2zm9.643 15.786L16.61 19.57V6.214l1.785-1.785z"
         })
-    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    })) : 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"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: o,
             d: "M8.751 2v7.679H6.894l.572-.572a.69.69 0 0 0 0-1 .69.69 0 0 0-1 0L4.18 10.393l2.286 2.286a.7.7 0 0 0 .5.214.7.7 0 0 0 .5-.214.69.69 0 0 0 0-1l-.572-.572h6.5a.716.716 0 0 0 .714-.714.716.716 0 0 0-.714-.714H10.18v-6.25h7.214l-2 2a.7.7 0 0 0-.214.5V17h-5v-4.107a.716.716 0 0 0-.714-.714.716.716 0 0 0-.715.714v5.536h6.429v2.857c0 .285.178.535.428.643.108.071.18.071.286.071a.7.7 0 0 0 .5-.214l3.215-3.215a.7.7 0 0 0 .214-.5V2zm9.643 15.786L16.61 19.57V6.214l1.785-1.785z"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("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: o,
+                d: "M14.5 2.25a.75.75 0 0 1 0 1.5H7A1.25 1.25 0 0 0 5.75 5v15.25h10.5V13.5a.75.75 0 0 1 1.5 0v6.75H21a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5h1.25V5A2.75 2.75 0 0 1 7 2.25z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: o,
+                d: "M13 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2M17.47 3.47a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H14a.75.75 0 0 1 0-1.5h5.19l-1.72-1.72a.75.75 0 0 1 0-1.06"
+            })
+        ]
     }));
-}, d = v;
+}, g = c;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        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 a = (_param)=>{
-    var { color: t, size: r = 24 } = _param, c = _object_without_properties(_param, [
+const l = (_param)=>{
+    var { color: i, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = 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: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: o,
             d: "M8.245 2.155c.319 0 .58.258.58.577v5.513a.59.59 0 0 1-.578.58H2.735a.579.579 0 1 1 0-1.157h4.933V2.735c0-.322.257-.58.577-.58m.58 13.594c0-.32-.261-.577-.58-.577 0 0-5.51 0-5.51-.003a.58.58 0 1 0 0 1.16h4.93v4.933a.581.581 0 0 0 1.16 0zm13.016.003c0-.32-.26-.58-.58-.58h-5.515c-.32 0-.577.26-.577.58v5.512a.581.581 0 0 0 1.16 0v-4.933h4.932c.32 0 .58-.26.58-.58m-6.67-7.505c0 .32.261.578.58.578v.002h5.51a.581.581 0 0 0 0-1.16H16.33V2.736a.579.579 0 1 0-1.157 0z"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("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: "M8.5 14.25c.69 0 1.25.56 1.25 1.25V19a.75.75 0 0 1-1.5 0v-3.25H5a.75.75 0 0 1 0-1.5zM19 14.25a.75.75 0 0 1 0 1.5h-3.25V19a.75.75 0 0 1-1.5 0v-3.5c0-.69.56-1.25 1.25-1.25zM9 4.25a.75.75 0 0 1 .75.75v3.5c0 .69-.56 1.25-1.25 1.25H5a.75.75 0 0 1 0-1.5h3.25V5A.75.75 0 0 1 9 4.25M15 4.25a.75.75 0 0 1 .75.75v3.25H19a.75.75 0 0 1 0 1.5h-3.5a1.25 1.25 0 0 1-1.25-1.25V5a.75.75 0 0 1 .75-.75"
+        })
     }));
-}, m = a;
+}, d = l;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return p;
     }
 });
 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: o, size: r = 24 } = _param, t = _object_without_properties(_param, [
+const c = (_param)=>{
+    var { color: i, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = o !== null && o !== void 0 ? o : s ? _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 = i !== null && i !== void 0 ? i : n ? _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: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: o,
             d: "M8.366 2.155c.465 0 .843.378.843.843v5.353a.844.844 0 0 1-.843.843H3.013a.845.845 0 0 1 0-1.689H7.52V2.998c0-.465.378-.843.846-.843m.843 13.49a.844.844 0 0 0-.843-.843H3.013a.845.845 0 0 0-.812.812.84.84 0 0 0 .812.874h4.51v4.51a.845.845 0 0 0 1.686 0zm12.614.034a.845.845 0 0 0-.813-.877h-5.353a.84.84 0 0 0-.843.843v5.356a.844.844 0 0 0 1.69 0v-4.51h4.506a.846.846 0 0 0 .813-.812M14.817 8.35c0 .465.378.843.843.843h5.353a.846.846 0 0 0 0-1.689h-4.51V2.998a.845.845 0 0 0-1.686 0z"
         })
+    })) : /* @__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: "M8.5 14.25c.69 0 1.25.56 1.25 1.25V19a.75.75 0 0 1-1.5 0v-3.25H5a.75.75 0 0 1 0-1.5zM19 14.25a.75.75 0 0 1 0 1.5h-3.25V19a.75.75 0 0 1-1.5 0v-3.5c0-.69.56-1.25 1.25-1.25zM9 4.25a.75.75 0 0 1 .75.75v3.5c0 .69-.56 1.25-1.25 1.25H5a.75.75 0 0 1 0-1.5h3.25V5A.75.75 0 0 1 9 4.25M15 4.25a.75.75 0 0 1 .75.75v3.25H19a.75.75 0 0 1 0 1.5h-3.5a1.25 1.25 0 0 1-1.25-1.25V5a.75.75 0 0 1 .75-.75"
+        })
     }));
-}, m = i;
+}, p = c;