@telefonica/mistica 15.20.0 → 16.0.0

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

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: i, size: l = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: s, size: l = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), a = i !== null && i !== void 0 ? i : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = s !== null && s !== void 0 ? s : o ? _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: l,
         height: l,

package/dist/generated/mistica-icons/icon-view-360-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = r !== null && r !== void 0 ? r : t ? _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({
         width: c,
         height: c,
@@ -105,7 +105,7 @@ const m = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: a,
             d: "M18.993 11.283c0-2.004-.822-3.22-2.182-3.22s-2.182 1.216-2.182 3.22c0 2.003.823 3.22 2.182 3.22 1.324 0 2.182-1.252 2.182-3.22m-2.182 2.146c-1.073 0-1.109-1.788-1.109-2.146 0-.644.107-2.147 1.11-2.147 1.037 0 1.108 1.646 1.108 2.147 0 1.002-.286 2.146-1.109 2.146m-8.014-2.146a1.87 1.87 0 0 1-1.288 3.22c-1.287 0-1.824-.466-1.931-.573a.52.52 0 0 1 0-.751.52.52 0 0 1 .75 0s.323.25 1.181.25c.43 0 .788-.357.788-.787a.794.794 0 0 0-.788-.787h-.93a.55.55 0 0 1-.536-.536.55.55 0 0 1 .536-.537h.93c.43 0 .788-.358.788-.787a.794.794 0 0 0-.788-.787c-.858 0-1.18.25-1.18.286a.52.52 0 0 1-.751 0c-.215-.215-.215-.572 0-.751.107-.108.644-.573 1.931-.573a1.87 1.87 0 0 1 1.86 1.86c-.035.43-.25.895-.572 1.253m3.005-2.04c.43-.178.966.036 1.145.144.25.143.573.035.716-.215s.036-.572-.215-.715c-.107-.072-1.073-.573-2.039-.18-.608.251-1.038.788-1.252 1.575-.322 1.073-.143 2.468-.107 2.647.035 1.11.93 2.04 2.039 2.04s2.039-.93 2.039-2.076c0-1.144-.93-2.075-2.04-2.075-.357 0-.679.108-.965.25.036-.142.036-.321.107-.464.072-.537.286-.823.572-.93m.25 2.147c.538 0 .967.465.967 1.002 0 .572-.43 1.002-.966 1.002-.537 0-.966-.466-.966-1.002 0-.573.43-1.002.966-1.002m9.338 7.477-3.9.573-.572-3.9c-.071-.393.215-.751.609-.823.393-.071.75.215.822.608l.25 1.682a8.36 8.36 0 0 0 1.682-5.009c-.035-4.65-3.792-8.407-8.443-8.407a8.4 8.4 0 0 0-8.407 8.407 8.4 8.4 0 0 0 8.407 8.408c1.18 0 2.326-.25 3.435-.716a.68.68 0 0 1 .93.358.68.68 0 0 1-.358.93 9.6 9.6 0 0 1-4.007.859A9.833 9.833 0 0 1 2 11.998C2 6.56 6.4 2.16 11.838 2.16s9.839 4.4 9.839 9.838c0 2.04-.609 4.007-1.79 5.617l1.289-.179c.393-.071.751.215.823.608a.75.75 0 0 1-.609.823"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,8 +115,8 @@ const m = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: a,
             d: "M18.101 11.996c0-1.93-.765-3.095-2.04-3.095s-2.04 1.165-2.04 3.095c0 1.894.802 3.096 2.04 3.096 1.239 0 2.04-1.202 2.04-3.096m-3.35 0c0-.728.145-2.367 1.31-2.367 1.239 0 1.311 1.821 1.311 2.367 0 1.093-.327 2.368-1.31 2.368-1.203 0-1.312-1.821-1.312-2.368m-6.484 0c.4.328.692.802.692 1.384 0 .947-.765 1.749-1.748 1.749-1.275 0-1.785-.474-1.821-.51a.35.35 0 0 1 0-.51.35.35 0 0 1 .51 0s.364.328 1.31.328c.547 0 1.02-.474 1.02-1.02s-.436-1.02-1.02-1.02h-.946c-.219 0-.364-.146-.364-.364 0-.219.145-.364.364-.364h.947c.546 0 1.02-.437 1.02-1.02 0-.546-.474-1.02-1.02-1.02-.947 0-1.311.328-1.311.328-.146.145-.365.109-.51 0a.35.35 0 0 1 0-.51c.036-.037.546-.51 1.82-.51.948 0 1.75.765 1.75 1.748-.037.51-.292.984-.693 1.311m2.914-2.258c.583-.255 1.311.146 1.311.146.182.11.4.036.51-.146s.036-.4-.146-.51c-.036-.036-1.02-.546-1.93-.182-.546.219-.947.729-1.202 1.494-.328 1.092-.11 2.586-.11 2.622.037 1.056.875 1.894 1.895 1.894 1.056 0 1.894-.874 1.894-1.93s-.838-1.93-1.894-1.93c-.474 0-.91.181-1.239.473.037-.292.073-.62.146-.911.182-.546.437-.874.765-1.02m.328 2.186c.655 0 1.165.546 1.165 1.202s-.51 1.201-1.165 1.201c-.656 0-1.166-.546-1.166-1.201 0-.656.51-1.202 1.166-1.202m5.79 8.559a.765.765 0 0 1-.837.619c-.4-.037-.656-.437-.62-.838s.438-.655.838-.619c.401.036.692.437.62.838M22 18.26c.036.182-.11.4-.292.4l-3.606.547-.546-3.606c-.037-.182.109-.4.291-.4.182-.037.4.109.4.29l.365 2.55c1.53-1.675 2.33-3.788 2.33-6.046 0-5.026-4.078-9.105-9.105-9.105-5.026 0-9.105 4.08-9.105 9.105 0 5.027 4.08 9.106 9.105 9.106.874 0 1.749-.11 2.586-.364.182-.073.401.036.437.255a.323.323 0 0 1-.255.437c-.91.255-1.82.4-2.768.4-5.426 0-9.833-4.407-9.833-9.834s4.407-9.834 9.833-9.834 9.834 4.408 9.834 9.834a9.72 9.72 0 0 1-2.258 6.265l2.186-.328c.182 0 .364.11.4.328"
         })
     }));
-}, d = m;
+}, v = m;

package/dist/generated/mistica-icons/icon-view-360-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = s !== null && s !== void 0 ? s : t ? _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({
         width: c,
         height: c,
@@ -105,7 +105,7 @@ const m = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M18.993 11.283c0-2.004-.822-3.22-2.182-3.22s-2.182 1.216-2.182 3.22c0 2.003.823 3.22 2.182 3.22 1.324 0 2.182-1.252 2.182-3.22m-2.182 2.146c-1.073 0-1.109-1.788-1.109-2.146 0-.644.107-2.147 1.11-2.147 1.037 0 1.108 1.646 1.108 2.147 0 1.002-.286 2.146-1.109 2.146m-8.014-2.146a1.87 1.87 0 0 1-1.288 3.22c-1.287 0-1.824-.466-1.931-.573a.52.52 0 0 1 0-.751.52.52 0 0 1 .75 0s.323.25 1.181.25c.43 0 .788-.357.788-.787a.794.794 0 0 0-.788-.787h-.93a.55.55 0 0 1-.536-.536.55.55 0 0 1 .536-.537h.93c.43 0 .788-.358.788-.787a.794.794 0 0 0-.788-.787c-.858 0-1.18.25-1.18.286a.52.52 0 0 1-.751 0c-.215-.215-.215-.572 0-.751.107-.108.644-.573 1.931-.573a1.87 1.87 0 0 1 1.86 1.86c-.035.43-.25.895-.572 1.253m3.005-2.04c.43-.178.966.036 1.145.144.25.143.573.035.716-.215s.036-.572-.215-.715c-.107-.072-1.073-.573-2.039-.18-.608.251-1.038.788-1.252 1.575-.322 1.073-.143 2.468-.107 2.647.035 1.11.93 2.04 2.039 2.04s2.039-.93 2.039-2.076c0-1.144-.93-2.075-2.04-2.075-.357 0-.679.108-.965.25.036-.142.036-.321.107-.464.072-.537.286-.823.572-.93m.25 2.147c.538 0 .967.465.967 1.002 0 .572-.43 1.002-.966 1.002-.537 0-.966-.466-.966-1.002 0-.573.43-1.002.966-1.002m9.338 7.477-3.9.573-.572-3.9c-.071-.393.215-.751.609-.823.393-.071.75.215.822.608l.25 1.682a8.36 8.36 0 0 0 1.682-5.009c-.035-4.65-3.792-8.407-8.443-8.407a8.4 8.4 0 0 0-8.407 8.407 8.4 8.4 0 0 0 8.407 8.408c1.18 0 2.326-.25 3.435-.716a.68.68 0 0 1 .93.358.68.68 0 0 1-.358.93 9.6 9.6 0 0 1-4.007.859A9.833 9.833 0 0 1 2 11.998C2 6.56 6.4 2.16 11.838 2.16s9.839 4.4 9.839 9.838c0 2.04-.609 4.007-1.79 5.617l1.289-.179c.393-.071.751.215.823.608a.75.75 0 0 1-.609.823"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,8 +115,8 @@ const m = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M18.993 11.283c0-2.004-.822-3.22-2.182-3.22s-2.182 1.216-2.182 3.22c0 2.003.823 3.22 2.182 3.22 1.324 0 2.182-1.252 2.182-3.22m-2.182 2.146c-1.073 0-1.109-1.788-1.109-2.146 0-.644.107-2.147 1.11-2.147 1.037 0 1.108 1.646 1.108 2.147 0 1.002-.286 2.146-1.109 2.146m-8.014-2.146a1.87 1.87 0 0 1-1.288 3.22c-1.287 0-1.824-.466-1.931-.573a.52.52 0 0 1 0-.751.52.52 0 0 1 .75 0s.323.25 1.181.25c.43 0 .788-.357.788-.787a.794.794 0 0 0-.788-.787h-.93a.55.55 0 0 1-.536-.536.55.55 0 0 1 .536-.537h.93c.43 0 .788-.358.788-.787a.794.794 0 0 0-.788-.787c-.858 0-1.18.25-1.18.286a.52.52 0 0 1-.751 0c-.215-.215-.215-.572 0-.751.107-.108.644-.573 1.931-.573a1.87 1.87 0 0 1 1.86 1.86c-.035.43-.25.895-.572 1.253m3.005-2.04c.43-.178.966.036 1.145.144.25.143.573.035.716-.215s.036-.572-.215-.715c-.107-.072-1.073-.573-2.039-.18-.608.251-1.038.788-1.252 1.575-.322 1.073-.143 2.468-.107 2.647.035 1.11.93 2.04 2.039 2.04s2.039-.93 2.039-2.076c0-1.144-.93-2.075-2.04-2.075-.357 0-.679.108-.965.25.036-.142.036-.321.107-.464.072-.537.286-.823.572-.93m.25 2.147c.538 0 .967.465.967 1.002 0 .572-.43 1.002-.966 1.002-.537 0-.966-.466-.966-1.002 0-.573.43-1.002.966-1.002m9.338 7.477-3.9.573-.572-3.9c-.071-.393.215-.751.609-.823.393-.071.75.215.822.608l.25 1.682a8.36 8.36 0 0 0 1.682-5.009c-.035-4.65-3.792-8.407-8.443-8.407a8.4 8.4 0 0 0-8.407 8.407 8.4 8.4 0 0 0 8.407 8.408c1.18 0 2.326-.25 3.435-.716a.68.68 0 0 1 .93.358.68.68 0 0 1-.358.93 9.6 9.6 0 0 1-4.007.859A9.833 9.833 0 0 1 2 11.998C2 6.56 6.4 2.16 11.838 2.16s9.839 4.4 9.839 9.838c0 2.04-.609 4.007-1.79 5.617l1.289-.179c.393-.071.751.215.823.608a.75.75 0 0 1-.609.823"
         })
     }));
-}, v = m;
+}, u = m;

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

@@ -96,7 +96,7 @@ const t = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = 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: l,
         height: l,
@@ -104,7 +104,7 @@ const t = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.821 14.951a.624.624 0 0 0-.412-.773l-.938-.3a4 4 0 0 0-.297-1.29l.636-.082a.614.614 0 0 0 .535-.692.617.617 0 0 0-.683-.535l-1.096.14a12 12 0 0 0-.792-1.12l.857-.429a.615.615 0 0 0 .28-.823.63.63 0 0 0-.835-.28l-1.112.557a40 40 0 0 0-1.17-1.25l.84-.84a.606.606 0 0 0 0-.87.624.624 0 0 0-.874 0l-.84.848c-.438-.434-.858-.82-1.253-1.168l.56-1.11a.624.624 0 0 0-.271-.831.61.61 0 0 0-.832.271l-.437.863c-.387-.302-.76-.569-1.112-.781l.14-1.101a.627.627 0 0 0-.538-.692.627.627 0 0 0-.692.535l-.081.65-.07-.026a3 3 0 0 0-.26-.09 3.6 3.6 0 0 0-.956-.164l-.305-.986a.626.626 0 0 0-.776-.404.614.614 0 0 0-.406.773l.263.85a3.2 3.2 0 0 0-.734.436l-.652-.65a.624.624 0 0 0-.874 0 .62.62 0 0 0 0 .871l.644.65c-.165.205-.33.451-.446.731l-.831-.252a.614.614 0 0 0-.776.404c-.101.327.072.672.403.773l.955.302c.009.297.059.625.174.98l.019.059c.027.083.055.17.096.255l-.628.082a.616.616 0 0 0 .073 1.226h.081l1.065-.131a11 11 0 0 0 .67.968q.057.07.111.144l-.823.42a.617.617 0 0 0 .28 1.168.54.54 0 0 0 .272-.064l1.08-.544c.356.404.743.824 1.18 1.266l-.818.816a.62.62 0 0 0 0 .87c.115.116.28.183.437.183a.65.65 0 0 0 .437-.182l.815-.816c.437.43.866.824 1.26 1.169l-.546 1.078a.617.617 0 0 0 .552.9.62.62 0 0 0 .552-.337l.42-.832c.395.314.765.577 1.12.798l-.13 1.054c-.051.339.195.65.534.692h.073a.607.607 0 0 0 .61-.535l.073-.617.04.017c.111.044.214.085.316.115.345.115.667.165.955.174l.297.93a.61.61 0 0 0 .586.425.7.7 0 0 0 .19-.025.623.623 0 0 0 .404-.773l-.247-.798c.288-.118.546-.28.76-.454l.618.616a.65.65 0 0 0 .437.182.65.65 0 0 0 .437-.182.62.62 0 0 0 0-.871l-.627-.628a3 3 0 0 0 .445-.764l.815.255a.5.5 0 0 0 .18.033c.263 0 .51-.173.593-.437M10.748 16.23a.62.62 0 0 0-.775-.412l-.93.297a2.8 2.8 0 0 0-.645-.883l.42-.798a.63.63 0 0 0-.254-.84.63.63 0 0 0-.84.263l-.43.815a3 3 0 0 0-.618-.073c-.174 0-.323.017-.463.034l-.288-.947a.626.626 0 0 0-.776-.403.613.613 0 0 0-.412.765l.289.938a2.9 2.9 0 0 0-.883.641l-.8-.428a.616.616 0 0 0-.833.263.606.606 0 0 0 .255.832l.799.429a2.9 2.9 0 0 0-.009 1.078q-.005.005-.008.004-.002-.001-.009.005l-.94.288a.617.617 0 0 0 .181 1.21.5.5 0 0 0 .182-.034l.942-.288c.008 0 .008-.008.008-.008.182.378.398.666.636.88l-.429.814a.622.622 0 0 0 .546.905.62.62 0 0 0 .544-.33l.437-.816c.215.048.428.073.627.073.166 0 .314-.017.454-.033l.289.938a.63.63 0 0 0 .775.412.623.623 0 0 0 .412-.773l-.288-.939c.263-.14.594-.347.874-.641l.806.425c.09.051.19.068.289.068a.6.6 0 0 0 .543-.33.606.606 0 0 0-.255-.833l-.792-.42c.075-.314.092-.675.025-1.095l.933-.289a.61.61 0 0 0 .411-.764"
         })
     }));

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

@@ -96,7 +96,7 @@ const e = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -104,7 +104,7 @@ const e = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.982 14.999a.44.44 0 0 0-.282-.538l-1.158-.358c.008-.512-.12-1.067-.393-1.673l.95-.11a.43.43 0 0 0 .367-.479.417.417 0 0 0-.47-.375l-1.283.162a13 13 0 0 0-1.036-1.45l1.13-.573a.416.416 0 0 0 .188-.571.43.43 0 0 0-.572-.188l-1.31.657a29 29 0 0 0-1.454-1.562l1.028-1.024a.44.44 0 0 0 0-.606.44.44 0 0 0-.606 0l-1.028 1.024a33 33 0 0 0-1.565-1.45l.649-1.306a.416.416 0 0 0-.188-.572.42.42 0 0 0-.572.188l-.564 1.126c-.523-.41-1.01-.76-1.463-1.024l.163-1.289a.42.42 0 0 0-.37-.469.423.423 0 0 0-.479.367l-.119.964c-.606-.264-1.155-.384-1.668-.375L9.507 2.3a.43.43 0 0 0-.538-.282.427.427 0 0 0-.273.538L9.03 3.64a3.5 3.5 0 0 0-1.044.597l-.814-.81a.43.43 0 0 0-.598 0 .42.42 0 0 0 0 .605l.814.811c-.29.333-.495.683-.623 1.041l-1.07-.332a.43.43 0 0 0-.533.281c-.077.23.054.47.276.538l1.164.358c-.008.512.111 1.067.376 1.673l-.934.12a.42.42 0 0 0-.367.477.424.424 0 0 0 .419.376q.01 0 .024-.004t.035-.005l1.241-.153c.274.452.627.947 1.036 1.468l-1.095.546a.423.423 0 0 0-.188.572.42.42 0 0 0 .384.239c.06 0 .128-.017.188-.052l1.275-.64q.642.744 1.463 1.58l-1.002.998a.428.428 0 0 0 .307.725.41.41 0 0 0 .3-.128l1.001-.99a34 34 0 0 0 1.574 1.46l-.643 1.271a.43.43 0 0 0 .188.572.4.4 0 0 0 .196.043.44.44 0 0 0 .384-.23l.547-1.093c.523.41 1.01.76 1.471 1.032l-.162 1.238a.426.426 0 0 0 .375.478q.027.01.052.008a.44.44 0 0 0 .427-.375l.11-.93c.59.264 1.13.41 1.634.41q.013-.001.026-.005l.026-.004.358 1.135c.054.179.225.299.404.299a.3.3 0 0 0 .128-.026.42.42 0 0 0 .282-.53l-.324-1.04a3.4 3.4 0 0 0 1.061-.623l.789.785a.43.43 0 0 0 .307.128.41.41 0 0 0 .299-.128.41.41 0 0 0 0-.598l-.789-.785c.29-.341.487-.7.615-1.067l1.045.325c.042.017.085.017.128.017.18 0 .35-.111.41-.299m-3.097.754c-1.164 1.158-2.61 1.79-7.522-3.11-4.91-4.895-4.27-6.338-3.114-7.498.444-.444.94-.811 1.66-.811 1.138 0 2.851.922 5.854 3.926 4.91 4.899 4.278 6.34 3.122 7.493m-8.396.691a.427.427 0 0 0-.53-.281l-.956.298c-.239-.58-.566-.981-.916-1.254l.418-.794a.425.425 0 0 0-.179-.572.43.43 0 0 0-.583.18l-.419.802a2.9 2.9 0 0 0-.865-.128q-.403.002-.686.068l-.29-.956a.425.425 0 0 0-.538-.282.426.426 0 0 0-.282.53l.29.947c-.35.145-.873.427-1.258.922l-.788-.419a.42.42 0 0 0-.572.18.43.43 0 0 0 .18.58l.788.41c-.137.418-.171.93-.034 1.544l-.968.299a.429.429 0 0 0 .12.836q.063-.002.127-.017l.974-.298c.239.571.558.973.908 1.246l-.427.802a.415.415 0 0 0 .18.572c.059.034.127.05.196.05a.43.43 0 0 0 .378-.23l.427-.793c.299.094.59.128.857.128.273 0 .503-.034.691-.069l.29.948c.06.188.231.307.41.307a.3.3 0 0 0 .128-.026.426.426 0 0 0 .282-.529l-.299-.947a3.2 3.2 0 0 0 1.258-.922l.797.418q.092.052.197.052a.43.43 0 0 0 .378-.23.416.416 0 0 0-.18-.573l-.779-.418c.137-.418.18-.93.051-1.553l.942-.29a.43.43 0 0 0 .282-.538m-2.146.674c.55 1.756-.589 2.421-1.318 2.66l-.122.04q-.061.02-.12.04c-.136.043-.41.102-.742.102-.917 0-1.523-.52-1.856-1.587-.52-1.69.418-2.373 1.3-2.654l.12-.039.12-.038c.14-.034.412-.094.737-.094.94 0 1.557.512 1.881 1.57"
         })
     }));

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

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    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: l,
         height: l,

package/dist/generated/mistica-icons/icon-virus-scan-filled.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,

package/dist/generated/mistica-icons/icon-virus-scan-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const e = (_param)=>{
     var { color: r, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -104,8 +104,8 @@ const n = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.725 21.714a.407.407 0 0 0-.006-.574l-5.87-5.824a7.76 7.76 0 0 0 2.12-5.327c0-4.328-3.538-7.838-7.905-7.838S2.156 5.661 2.156 9.99c0 4.327 3.54 7.837 7.908 7.837a7.9 7.9 0 0 0 5.196-1.938l5.877 5.832c.162.16.423.16.582 0zM17.145 9.99c0 3.87-3.176 7.02-7.081 7.02-3.905.002-7.081-3.15-7.081-7.02 0-3.871 3.176-7.02 7.08-7.02 3.906 0 7.082 3.149 7.082 7.02m-7.081 3.476c1.557 0 2.008-.591 2.008-2.639 0-1.28-.193-1.972-.647-2.31-.294-.22-.74-.326-1.358-.326-.628 0-1.076.11-1.367.331-.449.342-.639 1.03-.639 2.305-.006 2.048.448 2.639 2.003 2.639M8.68 7.42q.001.105.014.185c.373-.151.82-.232 1.367-.232.549 0 1 .08 1.375.232q.014-.079.014-.188c.003-.389.003-.728-1.383-.728-1.387 0-1.387.339-1.387.731m4.947 2.636a.41.41 0 0 1 .412.409v.756a.41.41 0 0 1-.412.41.41.41 0 0 1-.412-.41v-.347h-.32c-.002.661-.064 1.244-.212 1.737l.818.246c.18.053.3.224.291.412l-.062 1.137a.41.41 0 0 1-.411.387h-.023a.41.41 0 0 1-.39-.429l.046-.82-.614-.186c-.417.586-1.117.925-2.271.925-1.16 0-1.86-.339-2.278-.927l-.63.19.045.82a.41.41 0 0 1-.39.43h-.022a.41.41 0 0 1-.412-.387l-.061-1.137a.404.404 0 0 1 .291-.412l.838-.252c-.146-.493-.208-1.073-.21-1.731h-.323v.347a.41.41 0 0 1-.411.409.41.41 0 0 1-.412-.409v-.756a.41.41 0 0 1 .412-.41h.759c.039-.512.14-1.008.347-1.436l-1-.305a.404.404 0 0 1-.291-.412l.061-1.138c.012-.226.216-.414.435-.386a.41.41 0 0 1 .389.429l-.045.817.75.227a2 2 0 0 1-.052-.434c0-.969.585-1.33 1.198-1.465l-.072-.073a.407.407 0 0 1-.003-.574l.003-.003c.162-.16.42-.16.582 0l.378.373a.4.4 0 0 1 .101.196h.009a.37.37 0 0 1 .103-.196l.376-.373c.162-.16.42-.16.582 0 .16.157.163.415.006.575l-.073.072c.625.13 1.23.485 1.23 1.471 0 .154-.02.294-.05.426l.722-.219-.045-.818a.41.41 0 0 1 .39-.428c.235-.028.422.16.434.386l.061 1.138a.404.404 0 0 1-.291.411l-.98.294c.21.429.31.93.35 1.443zm-3.182-.434a.41.41 0 0 0-.412-.41.41.41 0 0 0-.412.41v2.829a.41.41 0 0 0 .412.409.41.41 0 0 0 .412-.409z"
         })
     }));
-}, m = n;
+}, m = e;

package/dist/generated/mistica-icons/icon-virus-scan-regular.js

@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const t = (_param)=>{
-    var { color: r, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    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,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
-            d: "M21.667 21.66a.604.604 0 0 0 0-.857l-5.818-5.77a7.7 7.7 0 0 0 1.96-5.126c0-4.283-3.504-7.757-7.823-7.757S2.163 5.624 2.163 9.907c0 4.285 3.501 7.759 7.823 7.759 1.9 0 3.636-.67 4.992-1.782l5.826 5.776a.613.613 0 0 0 .863 0M16.586 9.91c0 3.61-2.964 6.546-6.603 6.546s-6.6-2.936-6.602-6.547c0-3.607 2.964-6.543 6.602-6.543 3.642 0 6.603 2.936 6.603 6.543M9.983 12.8c1.462 0 1.863-.535 1.863-2.49 0-1.227-.176-1.88-.591-2.19-.269-.2-.683-.297-1.272-.297-.59 0-1.008.098-1.277.302-.409.311-.585.966-.585 2.185 0 1.955.4 2.49 1.862 2.49M8.74 6.937v.014c.353-.117.759-.182 1.243-.182.488 0 .897.065 1.252.182l.002-.01.001-.006c0-.348 0-.6-1.25-.6-1.248 0-1.248.252-1.248.602m4.77 2.488c.294 0 .532.235.532.526v.748a.53.53 0 0 1-.532.527.527.527 0 0 1-.53-.527v-.221h-.072c-.006.535-.048 1.053-.174 1.518l.686.207c.233.07.39.289.376.53l-.062 1.126a.53.53 0 0 1-.53.499h-.027a.526.526 0 0 1-.502-.552l.04-.717-.438-.132c-.428.549-1.134.896-2.294.896-1.162 0-1.868-.35-2.297-.902l-.453.135.039.714a.53.53 0 0 1-.502.555h-.028a.53.53 0 0 1-.529-.499l-.062-1.126a.53.53 0 0 1 .376-.532l.703-.213c-.12-.462-.165-.98-.171-1.513h-.073v.222a.53.53 0 0 1-.53.526.53.53 0 0 1-.532-.526v-.748c0-.292.239-.527.533-.527h.638a4.1 4.1 0 0 1 .283-1.227l-.851-.257a.52.52 0 0 1-.376-.533l.062-1.126c.017-.291.283-.501.557-.495a.53.53 0 0 1 .502.554l-.04.714.466.14-.008-.07c-.007-.06-.015-.122-.015-.187 0-1.653 1.62-1.653 2.311-1.653.692 0 2.311 0 2.311 1.653q-.002.105-.014.202l-.006.047.437-.132-.039-.717a.525.525 0 0 1 .502-.551c.288.016.543.207.557.498l.062 1.126a.53.53 0 0 1-.376.53l-.834.249c.162.378.246.798.285 1.232h.639zm-3.025-.308a.527.527 0 0 0-.53-.527.525.525 0 0 0-.53.527v2.8c0 .292.236.527.53.527.292 0 .53-.235.53-.526z"
+            fill: s,
+            d: "M21.667 21.66a.604.604 0 0 0 0-.857l-5.818-5.77a7.7 7.7 0 0 0 1.96-5.126c0-4.283-3.503-7.757-7.823-7.757S2.163 5.624 2.163 9.907c0 4.285 3.501 7.759 7.823 7.759 1.9 0 3.636-.67 4.992-1.782l5.826 5.776a.613.613 0 0 0 .863 0M16.586 9.91c0 3.61-2.964 6.546-6.603 6.546S3.384 13.52 3.381 9.909c0-3.607 2.964-6.543 6.602-6.543 3.642 0 6.603 2.936 6.603 6.543M9.983 12.8c1.463 0 1.863-.535 1.863-2.49 0-1.227-.176-1.88-.59-2.19-.27-.2-.684-.297-1.273-.297-.59 0-1.008.098-1.277.302-.409.311-.585.966-.585 2.185 0 1.955.4 2.49 1.862 2.49M8.74 6.937v.014c.353-.117.759-.182 1.243-.182.488 0 .897.065 1.252.182l.002-.01.001-.006c0-.348 0-.6-1.249-.6s-1.25.252-1.25.602m4.77 2.488c.294 0 .532.235.532.526v.748a.53.53 0 0 1-.532.527.527.527 0 0 1-.53-.527v-.221h-.072c-.006.535-.048 1.053-.174 1.518l.686.207c.233.07.39.289.376.53l-.062 1.126a.53.53 0 0 1-.53.499h-.027a.526.526 0 0 1-.502-.552l.04-.717-.437-.132c-.429.549-1.135.896-2.295.896-1.162 0-1.868-.35-2.296-.902l-.454.135.039.714a.53.53 0 0 1-.501.555h-.028a.53.53 0 0 1-.53-.499l-.061-1.126a.53.53 0 0 1 .375-.532l.703-.213c-.12-.462-.165-.98-.17-1.513h-.074v.222a.53.53 0 0 1-.53.526.53.53 0 0 1-.531-.526v-.748c0-.292.238-.527.532-.527h.638a4.1 4.1 0 0 1 .283-1.227l-.851-.257a.52.52 0 0 1-.375-.533l.061-1.126c.017-.291.283-.501.558-.495a.53.53 0 0 1 .501.554l-.04.714.466.14-.008-.07c-.007-.06-.015-.122-.015-.187 0-1.653 1.62-1.653 2.311-1.653.692 0 2.311 0 2.311 1.653q-.002.105-.014.202l-.005.047.436-.132-.039-.717a.525.525 0 0 1 .502-.551c.288.016.543.207.557.498l.062 1.126a.53.53 0 0 1-.376.53l-.834.249c.162.378.246.798.285 1.232h.64zm-3.025-.308a.527.527 0 0 0-.53-.527.525.525 0 0 0-.529.527v2.8c0 .292.235.527.53.527.29 0 .529-.235.529-.526z"
         })
     }));
 }, m = t;

package/dist/generated/mistica-icons/icon-vivo-valoriza-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return h;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const s = (_param)=>{
             d: "M10.97 2.04c.56.116 1.035.46 1.411 1.024.384.577.516 1.152.394 1.71q-.079.364-.297.681h7.631c1.005.014 1.871.776 1.89 1.797v12.927c-.018 1.022-.885 1.784-1.89 1.797H3.891C2.885 21.963 2.019 21.201 2 20.18V7.252c.016-.84.603-1.503 1.37-1.721a1.9 1.9 0 0 1-.35-.754c-.121-.554.015-1.145.395-1.711.324-.485.9-1.063 1.805-1.063.432 0 .87.14 1.305.415.397.251.767.693 1.132 1.352q.12.22.24.466.117-.247.24-.469c.365-.658.735-1.1 1.132-1.351.574-.364 1.146-.49 1.7-.375M9.913 3.432c-.27.172-.595.629-.914 1.287a10 10 0 0 0-.304.702c.25.015.516.02.765.016.767-.013 1.34-.115 1.61-.286q.456-.289.53-.633.076-.341-.218-.784c-.394-.59-.861-.685-1.47-.302m-4.69-.23c-.305 0-.569.176-.806.531q-.294.443-.22.785.076.343.53.632c.272.17.844.273 1.611.286.25.004.515 0 .766-.016a9 9 0 0 0-.305-.702c-.319-.658-.643-1.115-.914-1.287q-.36-.229-.662-.229M16.55 8.265a2.37 2.37 0 0 0-1.682-.172 2.34 2.34 0 0 0-1.291.899c-.646.882-.48 2.218.355 2.928.088.082.188.147.288.213.103.067.206.134.295.218.175.196-.055.526-.31.436-.383-.077-.765-.168-1.146-.258-.299-.071-.598-.143-.898-.207a.87.87 0 0 0-.593.093.83.83 0 0 0-.38.452c-.068.237-.13.475-.176.717a.82.82 0 0 0 .14.577c.118.17.295.29.498.342q.466.114.935.223.464.107.926.22c.219.055.447.204.478.44.05.22-.076.424-.214.588l-.573.695q-.68.822-1.354 1.647c-.302.351-.226.937.156 1.204.072.05.142.108.211.166.194.162.39.326.653.343a.9.9 0 0 0 .456-.072.87.87 0 0 0 .354-.289q.315-.381.632-.761.386-.464.77-.929a.75.75 0 0 1 .324-.248c.182-.046.343.084.451.211q.284.34.567.681.469.572.95 1.133c.288.34.86.372 1.195.08q.098-.083.204-.16c.206-.155.414-.311.497-.558a.82.82 0 0 0-.152-.812l-1.93-2.345c-.13-.158-.254-.356-.206-.566.037-.233.252-.391.474-.445q.456-.114.918-.22.496-.112.986-.237a.83.83 0 0 0 .593-.967l-.045-.19a5 5 0 0 0-.142-.527.84.84 0 0 0-.396-.41.87.87 0 0 0-.573-.072q-.483.11-.962.224-.453.108-.907.212l-.081.015c-.097.02-.197.04-.287-.008-.17-.066-.223-.318-.077-.435a3 3 0 0 1 .293-.214c.138-.092.275-.183.389-.305.583-.6.793-1.53.503-2.31a2.28 2.28 0 0 0-1.116-1.24"
         })
     }));
-}, h = s;
+}, d = s;

package/dist/generated/mistica-icons/icon-vivo-valoriza-light.js

@@ -96,7 +96,7 @@ const e = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), l = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

package/dist/generated/mistica-icons/icon-vivo-valoriza-regular.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

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

@@ -97,7 +97,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), l = s !== null && s !== void 0 ? s : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = s !== null && s !== void 0 ? s : a ? _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: c,
         height: c,
@@ -105,7 +105,7 @@ const n = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: r,
             d: "M21.518 3.853v16.294c0 1.019-.79 1.853-1.765 1.853H4.235c-.97 0-1.765-.83-1.765-1.853V3.853C2.47 2.834 3.26 2 4.235 2h15.522c.97.005 1.76.834 1.76 1.853m-9.878 9.905c.875 0 1.589-.872 1.589-1.943 0-1.07-.714-1.943-1.59-1.943-.875 0-1.589.872-1.589 1.943s.714 1.943 1.59 1.943m4.415-3.796h.88c.876 0 1.59.825 1.59 1.848s-.714 1.853-1.59 1.853h-.88zm-8.253-.753-1.269 3.464L5.265 9.21a.52.52 0 0 0-.682-.318.56.56 0 0 0-.303.716l1.757 4.815.002.005.002.004a.4.4 0 0 0 .09.152.6.6 0 0 0 .109.1.5.5 0 0 0 .104.056q.005-.001.018.005a.5.5 0 0 0 .171.033.5.5 0 0 0 .172-.033q.005.001.018-.005a.5.5 0 0 0 .117-.066c.03-.019.052-.044.076-.07l.02-.02c.008-.01.013-.014.017-.024a.6.6 0 0 0 .072-.128q.002-.004.003-.004l.002-.005 1.765-4.815c.095-.285-.04-.607-.311-.716a.52.52 0 0 0-.682.318m6.488 2.606c0-1.682-1.188-3.057-2.646-3.057s-2.646 1.37-2.646 3.057 1.188 3.057 2.646 3.057 2.646-1.374 2.646-3.057m2.645-2.962h-1.941v5.924h1.941c1.459 0 2.646-1.327 2.646-2.962s-1.187-2.962-2.646-2.962"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const n = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: r,
             d: "M21.518 3.853v16.294c0 1.019-.79 1.853-1.765 1.853H4.235c-.97 0-1.765-.83-1.765-1.853V3.853C2.47 2.834 3.26 2 4.235 2h15.522c.97.005 1.76.834 1.76 1.853m-9.878 9.905c.875 0 1.589-.872 1.589-1.943 0-1.07-.713-1.943-1.59-1.943-.875 0-1.589.872-1.589 1.943s.714 1.943 1.59 1.943m4.415-3.796h.88c.876 0 1.59.825 1.59 1.848s-.714 1.853-1.59 1.853h-.88zm-8.253-.753-1.269 3.464L5.265 9.21a.52.52 0 0 0-.682-.318.56.56 0 0 0-.302.716l1.756 4.815.002.005.002.004a.4.4 0 0 0 .073.128q.003.008.009.012l.009.012a.6.6 0 0 0 .108.1.5.5 0 0 0 .104.056q.005-.001.018.005a.5.5 0 0 0 .171.033.5.5 0 0 0 .172-.033q.007.001.018-.005a.5.5 0 0 0 .117-.066c.03-.019.052-.044.077-.07l.018-.02c.01-.01.014-.014.018-.024a.6.6 0 0 0 .073-.128l.002-.004.002-.005 1.765-4.815c.095-.285-.04-.607-.311-.716a.52.52 0 0 0-.682.318m6.488 2.606c0-1.682-1.188-3.057-2.646-3.057S9 10.128 9 11.815s1.187 3.057 2.645 3.057 2.646-1.374 2.646-3.057m2.645-2.962h-1.941v5.924h1.941c1.459 0 2.646-1.327 2.646-2.962s-1.187-2.962-2.646-2.962"
         })
     }));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return q;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: e, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: h, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = h !== null && h !== void 0 ? h : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -119,4 +119,4 @@ const m = (_param)=>{
             d: "M4.245 2h15.518c.97 0 1.76.815 1.765 1.816V19.82c0 .824-.547 1.55-1.327 1.755a.35.35 0 0 1-.43-.26.36.36 0 0 1 .254-.443c.469-.125.794-.558.794-1.052V3.816c0-.6-.474-1.09-1.056-1.09H4.245c-.582 0-1.056.49-1.056 1.09V19.83c0 .601.474 1.09 1.056 1.09H15.88c.194 0 .352.163.352.363s-.158.363-.352.363H4.245c-.975 0-1.765-.82-1.765-1.82V3.82C2.48 2.815 3.274 2 4.245 2m7.407 6.816c1.363 0 2.469 1.266 2.469 2.816s-1.106 2.817-2.47 2.817c-1.362 0-2.468-1.266-2.468-2.817 0-1.55 1.106-2.816 2.469-2.816m-3.223.116c.18.075.27.284.203.47l-1.765 4.73q-.001.005-.002.005t-.002.005q-.007.013-.018.028a.3.3 0 0 1-.054.079l-.028.028a.24.24 0 0 1-.08.05q-.013.008-.019.015h-.009a.3.3 0 0 1-.117.023.4.4 0 0 1-.118-.023h-.009q-.012-.008-.018-.014a1 1 0 0 1-.08-.051l-.028-.028a.3.3 0 0 1-.04-.056l-.014-.023q-.004-.008-.01-.014l-.008-.014q-.001-.005-.002-.005t-.003-.005l-1.76-4.73a.37.37 0 0 1 .203-.47c.18-.07.384.023.456.21l1.435 3.845 1.436-3.845a.346.346 0 0 1 .451-.21m1.458 2.705c0 1.154.79 2.09 1.765 2.09s1.765-.936 1.765-2.09c-.005-1.155-.795-2.09-1.765-2.09s-1.765.94-1.765 2.09m9.524 0c0 1.504-1.106 2.728-2.47 2.728h-1.764V8.909h1.765c1.358 0 2.469 1.224 2.469 2.728m-2.474-2.002h-1.056v4h1.056c.975.004 1.765-.895 1.765-1.998s-.79-2.002-1.765-2.002m1.06 10.913a.716.716 0 0 0-.703.726c0 .4.316.726.704.726a.716.716 0 0 0 .704-.726c0-.4-.316-.727-.704-.727"
         })
     }));
-}, d = m;
+}, q = m;

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

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const l = (_param)=>{
     var { color: h, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), r = h !== null && h !== void 0 ? h : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = h !== null && h !== void 0 ? h : s ? _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: a,
         height: a,
@@ -119,4 +119,4 @@ const n = (_param)=>{
             d: "M22 4.223v15.554A2.226 2.226 0 0 1 19.777 22H4.223A2.226 2.226 0 0 1 2 19.777V4.223C2 3 2.995 2 4.223 2h15.554A2.23 2.23 0 0 1 22 4.223m-7.59 7.595c0 1.683-1.246 3.057-2.777 3.057s-2.778-1.37-2.778-3.057c0-1.688 1.246-3.058 2.778-3.058 1.53 0 2.778 1.375 2.778 3.058m-5.593-2.21-1.854 4.817-.002.005-.002.004a.4.4 0 0 1-.095.152.6.6 0 0 1-.1.09q-.008.009-.014.01a.5.5 0 0 1-.11.056q-.005-.001-.018.005a.6.6 0 0 1-.18.033.6.6 0 0 1-.18-.033q-.006.001-.02-.005a.5.5 0 0 1-.123-.066.5.5 0 0 1-.1-.09c-.009-.01-.013-.014-.018-.024a.6.6 0 0 1-.076-.128l-.002-.004q-.002-.001-.003-.005L4.076 9.608A.554.554 0 1 1 5.11 9.21l1.333 3.465L7.774 9.21a.55.55 0 0 1 .716-.317.55.55 0 0 1 .327.715m2.81.266c-.919 0-1.668.872-1.668 1.944 0 1.071.75 1.943 1.669 1.943.92 0 1.668-.872 1.668-1.943s-.748-1.944-1.668-1.944m8.34 1.944c0 1.635-1.247 2.962-2.779 2.962H15.15V8.855h2.038c1.532 0 2.778 1.327 2.778 2.963m-2.783-1.854h-.925v3.702h.925c.924.005 1.668-.83 1.668-1.849s-.749-1.853-1.668-1.853m2.598-6.48H4.223a.74.74 0 0 0-.74.74v15.553c0 .407.333.74.74.74h15.554a.74.74 0 0 0 .74-.74V4.223h.004a.74.74 0 0 0-.74-.74"
         })
     }));
-}, p = n;
+}, p = l;

package/dist/generated/mistica-icons/icon-voice-assistant-regular.js

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), a = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = 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: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: c,
             d: "M3.299 13.044a9 9 0 0 0 .045.897.3.3 0 0 0 .11.195 11.22 11.22 0 0 0 6.988 2.43c4.238 0 7.933-2.345 9.866-5.815a.3.3 0 0 0 .03-.216c-.988-3.316-3.884-5.805-7.408-6.181a9 9 0 0 0-.93-.05c-4.806 0-8.701 3.913-8.701 8.74m-1.299 0C2 7.497 6.477 3 12 3s10 4.497 10 10.044a10.04 10.04 0 0 1-3.413 7.557c-.307.27-.695.399-1.077.399H6.49c-.382 0-.77-.13-1.077-.4A10.04 10.04 0 0 1 2 13.044m18.69-.466c-2.286 3.203-6.024 5.292-10.248 5.292-2.438 0-4.715-.696-6.644-1.9a8.75 8.75 0 0 0 2.47 3.65c.052.044.128.076.222.076h11.02c.094 0 .17-.032.221-.077a8.73 8.73 0 0 0 2.958-7.041"
         })
     }));

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

@@ -97,7 +97,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,

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

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: t, size: c = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

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

@@ -97,7 +97,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : t ? _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: c,
         height: c,

package/dist/generated/mistica-icons/icon-volume-down-filled.js

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: n, size: o = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: i, size: o = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = n !== null && n !== void 0 ? n : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
     return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,

package/dist/generated/mistica-icons/icon-volume-down-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : n ? _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)(), 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,
         viewBox: "0 0 24 24",
@@ -119,4 +119,4 @@ const m = (_param)=>{
             d: "M15.703 2.368V21.63a.37.37 0 0 1-.185.323.363.363 0 0 1-.37-.005l-1.384-.811a.372.372 0 0 1 .375-.64l.83.483V3.012l-9.636 5.6a.36.36 0 0 1-.185.053H2.74v6.668h2.408q.1 0 .185.052l4.993 2.892a.37.37 0 1 1-.374.64l-4.908-2.845H2.37a.37.37 0 0 1-.37-.37V8.295a.37.37 0 0 1 .37-.37h2.679l10.1-5.875a.37.37 0 0 1 .37 0 .36.36 0 0 1 .184.318M12 19.036a.74.74 0 0 0 0 1.48.74.74 0 0 0 0-1.48m5.183-7.407h4.447a.37.37 0 0 1 0 .74h-4.447a.37.37 0 0 1 0-.74"
         })
     }));
-}, u = m;
+}, d = m;

package/dist/generated/mistica-icons/icon-volume-down-regular.js

@@ -97,7 +97,7 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), r = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : n ? _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({
         width: o,
         height: o,

package/dist/generated/mistica-icons/icon-volume-up-filled.js

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: l, size: e = 24 } = _param, r = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: i, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), c = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = i !== null && i !== void 0 ? i : l ? _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,
@@ -119,4 +119,4 @@ const a = (_param)=>{
             d: "M15.455 21.63V2.389a.39.39 0 0 0-.182-.333.33.33 0 0 0-.364 0L4.982 7.938H2.364c-.219 0-.364.148-.364.37v7.4c0 .223.145.37.364.37h2.618l9.927 5.884c.073.037.11.037.182.037.073 0 .109 0 .182-.037a.39.39 0 0 0 .181-.333M20 11.27h1.273c.4 0 .727.332.727.74 0 .406-.327.74-.727.74H20v1.294c0 .407-.327.74-.727.74a.736.736 0 0 1-.727-.74V12.75h-1.273a.736.736 0 0 1-.727-.74c0-.407.327-.74.727-.74h1.273V9.974c0-.407.327-.74.727-.74s.727.333.727.74z"
         })
     }));
-}, f = a;
+}, f = s;

package/dist/generated/mistica-icons/icon-volume-up-light.js

@@ -97,7 +97,7 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), r = l !== null && l !== void 0 ? l : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = l !== null && l !== void 0 ? l : h ? _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({
         width: a,
         height: a,

package/dist/generated/mistica-icons/icon-volume-up-regular.js

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const h = (_param)=>{
     var { color: c, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), a = c !== null && c !== void 0 ? c : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = c !== null && c !== void 0 ? c : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -119,4 +119,4 @@ const i = (_param)=>{
             d: "M15.451 2.1a.71.71 0 0 0-.726 0L5.44 7.554H2.726c-.4 0-.726.332-.726.74v7.408c0 .408.326.74.726.74H5.44l9.285 5.458a.71.71 0 0 0 .726 0 .74.74 0 0 0 .363-.64V2.74a.73.73 0 0 0-.363-.64m-1.089 17.885-8.364-4.919a.7.7 0 0 0-.363-.1H3.452V9.039h2.183a.7.7 0 0 0 .363-.1l8.364-4.917zm6.912-7.243c.4 0 .726-.332.726-.74a.74.74 0 0 0-.726-.744h-1.27V9.963a.734.734 0 0 0-.727-.74c-.4 0-.726.332-.726.74v1.304h-1.27c-.4 0-.727.332-.727.74s.326.74.726.74h1.271v1.295c0 .408.326.74.726.74s.726-.332.726-.74v-1.3z"
         })
     }));
-}, f = i;
+}, f = h;

package/dist/generated/mistica-icons/icon-wait-clock-filled.js

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const d = (_param)=>{
-    var { color: r, size: l = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: r, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), o = r !== null && r !== void 0 ? r : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = r !== null && r !== void 0 ? r : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: o,
@@ -119,7 +119,7 @@ const d = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: o,

package/dist/generated/mistica-icons/icon-wait-clock-light.js

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: i, size: o = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: r, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), t = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: t,
@@ -119,7 +119,7 @@ const m = (_param)=>{
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: t,