@telefonica/mistica 15.20.0 → 16.0.0

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: l, size: r = 24 } = _param, n = _object_without_properties(_param, [
+    var { color: a, size: r = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), a = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: t,
             d: "M21.841 5.63v3.577c0 .327-.28.599-.622.599a.61.61 0 0 1-.622-.6V7.384l-5.47 7.54a.62.62 0 0 1-.754.208l-7.199-3.062-3.86 6.603a.61.61 0 0 1-.537.302.7.7 0 0 1-.308-.073.59.59 0 0 1-.244-.8q.007-.015.014-.023l4.132-7.065a.625.625 0 0 1 .787-.255l7.246 3.079 5.524-7.602h-2.353a.61.61 0 0 1-.622-.6v-.003c0-.336.275-.602.622-.602h3.644a.61.61 0 0 1 .622.6"
         })
     }));

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: t, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), a = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (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: e } = (0, _hooks.useTheme)();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: o,
             d: "M19.857 3.07h-.892v-.357A.714.714 0 0 0 18.252 2h-12.5a.714.714 0 0 0-.713.713v.357h-.895C2.983 3.07 2 4.053 2 5.214v2.68c0 2.067 1.357 3.59 3.268 3.736.722 2.77 3.103 4.879 6.014 5.176v.553H9.856c-.27 0-.516.15-.64.393l-1.604 3.215A.713.713 0 0 0 8.252 22h7.496a.72.72 0 0 0 .608-.338.72.72 0 0 0 .032-.695l-1.61-3.215a.71.71 0 0 0-.64-.393h-1.425v-.553a6.99 6.99 0 0 0 5.923-4.824C20.551 11.794 22 10.222 22 8.25V5.036c0-1.102-.942-1.966-2.143-1.966M14.59 20.573H9.404l.891-1.787h3.4zM3.431 5.214c0-.365.347-.713.713-.713h.89v5.377q.002.09.009.18l.005.1c-.973-.234-1.617-1.098-1.617-2.264zM12 15.416a5.54 5.54 0 0 1-5.535-5.538V3.427h11.07v6.451A5.544 5.544 0 0 1 12 15.416m6.933-4.939q.03-.295.032-.599V4.497h.892c.287 0 .713.141.713.535V8.25c0 1.083-.668 1.947-1.637 2.226"
         })
     })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const n = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: o,
             d: "M18.79 3.07h1.427c.983 0 1.788.8 1.783 1.787v3.214c0 1.929-1.54 3.502-3.456 3.566a7.1 7.1 0 0 1-1.157 2.29.356.356 0 0 1-.498.073.35.35 0 0 1-.073-.498c.535-.727 1.193-1.888 1.257-3.305V2.713H5.931v7.205c0 3.314 2.725 6.011 6.071 6.011q.75 0 1.518-.201a.357.357 0 0 1 .178.69c-.448.115-.9.188-1.344.21v1.44h1.788c.128 0 .247.07.31.183l1.788 3.214c.06.114.06.247-.005.357a.35.35 0 0 1-.306.178H8.071a.36.36 0 0 1-.311-.535l1.787-3.214a.35.35 0 0 1 .311-.182h1.788v-1.445c-3.113-.165-5.678-2.405-6.29-5.349A3.57 3.57 0 0 1 2 7.715V4.856A1.79 1.79 0 0 1 3.787 3.07h1.431v-.713c0-.197.16-.357.357-.357h12.86c.196 0 .356.16.356.357zm-3.464 18.212-1.39-2.5h-3.867l-1.39 2.5zM5.246 10.558a7 7 0 0 1-.032-.636V3.787H3.787c-.59 0-1.07.48-1.07 1.07V7.71a2.87 2.87 0 0 0 2.529 2.848m13.463.356a2.86 2.86 0 0 0 2.578-2.843h-.005V4.853c0-.59-.48-1.07-1.07-1.07h-1.426v6.432a6 6 0 0 1-.078.7m-3.136 3.584a.714.714 0 0 1 0 1.427.714.714 0 0 1 0-1.427"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +123,10 @@ const n = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: o,
             d: "M17.983 2.563v.381c1.874.036 3.854 1.118 3.86 4.056 0 2.966-2.036 4.056-3.938 4.084h-.11c-.086 0-.17 0-.243-.003a4 4 0 0 1-.7-.081.3.3 0 0 1-.051-.023l-.028-.013c-.829 1.428-2.196 2.285-4.358 2.417v3.924c2.417.152 3.756 1.589 3.756 4.118v.003a.414.414 0 0 1-.417.412H8.238a.414.414 0 0 1-.417-.415c0-2.527 1.336-3.964 3.756-4.118v-3.907c-2.35-.056-3.807-.888-4.68-2.359-.342.04-.653.045-.765.045H6.09C4.185 11.056 2.15 9.966 2.15 7c0-2.76 1.748-3.871 3.513-4.028v-.409c0-.23.188-.415.417-.412H17.57a.41.41 0 0 1 .414.412m-5.961 10.01.006.001c3.717-.075 5.064-2.221 5.12-8.092.003-.09.003-.967.003-1.504H6.501V4.29c.026 6.118 1.418 8.289 5.322 8.289q.03 0 .057-.002l.061-.001.02-.005q.015-.005.03-.006.015.001.027.005zm5.866-2.315c.935-.014 3.115-.362 3.115-3.258 0-2.83-2.062-3.207-3.02-3.232v.717c-.022 2.28-.23 4.23-.849 5.725q.214.037.432.045c.092.003.213.005.322.003M8.667 21.01h6.655c-.131-1.955-1.224-2.907-3.328-2.907-2.106 0-3.196.952-3.327 2.907M6.1 10.258l.056-.002c.068-.001.193-.003.342-.012-.625-1.521-.824-3.535-.835-5.95V3.79C4.627 3.9 2.986 4.473 2.986 7c0 2.896 2.176 3.244 3.115 3.258"
         })
     }));
-}, f = n;
+}, d = n;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return M;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,25 +97,25 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = a !== null && a !== void 0 ? a : t ? _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({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M19.857 3.07h-.892v-.357A.714.714 0 0 0 18.252 2h-12.5a.714.714 0 0 0-.713.713v.357h-.895C2.983 3.07 2 4.053 2 5.214v2.68c0 2.067 1.357 3.59 3.268 3.736.722 2.77 3.103 4.879 6.014 5.176v.553H9.856c-.27 0-.516.15-.64.393l-1.604 3.215A.713.713 0 0 0 8.252 22h7.496a.72.72 0 0 0 .608-.338.72.72 0 0 0 .032-.695l-1.61-3.215a.71.71 0 0 0-.64-.393h-1.425v-.553a6.99 6.99 0 0 0 5.923-4.824C20.551 11.794 22 10.222 22 8.25V5.036c0-1.102-.942-1.966-2.143-1.966M14.59 20.573H9.404l.891-1.787h3.4zM3.431 5.214c0-.365.347-.713.713-.713h.89v5.377q.002.09.009.18l.005.1c-.973-.234-1.617-1.098-1.617-2.264zM12 15.416a5.54 5.54 0 0 1-5.535-5.538V3.427h11.07v6.451A5.544 5.544 0 0 1 12 15.416m6.933-4.939q.03-.295.032-.599V4.497h.892c.287 0 .713.141.713.535V8.25c0 1.083-.668 1.947-1.637 2.226"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M19.857 3.07h-.892v-.357A.714.714 0 0 0 18.252 2h-12.5a.714.714 0 0 0-.713.713v.357h-.895C2.983 3.07 2 4.053 2 5.214v2.68c0 2.067 1.357 3.59 3.268 3.736.722 2.77 3.103 4.879 6.014 5.176v.553H9.856c-.27 0-.516.15-.64.393l-1.604 3.215A.713.713 0 0 0 8.252 22h7.496a.72.72 0 0 0 .608-.338.72.72 0 0 0 .032-.695l-1.61-3.215a.71.71 0 0 0-.64-.393h-1.425v-.553a6.99 6.99 0 0 0 5.923-4.824C20.551 11.794 22 10.222 22 8.25V5.036c0-1.102-.942-1.966-2.143-1.966M14.59 20.573H9.404l.891-1.787h3.4zM3.431 5.214c0-.365.347-.713.713-.713h.89v5.377q.002.09.009.18l.005.1c-.973-.234-1.617-1.098-1.617-2.264zM12 15.416a5.54 5.54 0 0 1-5.535-5.538V3.427h11.07v6.451A5.544 5.544 0 0 1 12 15.416m6.933-4.939q.03-.295.032-.599V4.497h.892c.287 0 .713.141.713.535V8.25c0 1.083-.668 1.947-1.637 2.226"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -125,8 +125,8 @@ const n = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M18.079 2.785v.16c1.87.114 3.767 1.257 3.764 4.176 0 3.059-2.1 4.182-4.067 4.21h-.129q-.121 0-.227-.003a5 5 0 0 1-.512-.04l-.135-.024c-.82 1.33-2.114 2.137-4.145 2.305v3.426c2.367.224 3.675 1.692 3.675 4.23 0 .341-.28.621-.628.621H8.328a.626.626 0 0 1-.63-.622c0-2.537 1.308-4.008 3.675-4.23v-3.411c-2.18-.104-3.572-.913-4.44-2.277a4 4 0 0 1-.359.022c-.064.003-.14.003-.218.003h-.129c-1.966-.028-4.067-1.149-4.067-4.21 0-2.745 1.678-3.916 3.434-4.143v-.193c0-.342.28-.622.628-.622h11.23c.344 0 .627.277.627.622m-1.26 1.87c.002-.078.002-.736 0-1.251h-9.97V4.47c.028 5.896 1.286 7.888 4.986 7.888l.087-.003c.051-.002.105-.004.112-.003 3.515-.072 4.731-2.044 4.784-7.697m.94 5.432c.852-.014 2.83-.328 2.83-2.969 0-2.37-1.58-2.852-2.51-2.93v.479c-.02 2.123-.208 3.96-.737 5.412a5.68 5.68 0 0 0 .417.008M8.99 20.603h6.025c-.185-1.639-1.157-2.41-3.014-2.41-1.854 0-2.826.771-3.011 2.41M6.247 10.087l.046-.001.046-.002c-.549-1.495-.734-3.4-.745-5.61v-.241c-.93.168-2.176.784-2.176 2.888 0 2.641 1.977 2.955 2.829 2.966"
         })
     }));
-}, M = n;
+}, d = n;

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

@@ -93,24 +93,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), o = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: h,
                 d: "M8.072 2.356H2v7.32h3.216a.536.536 0 0 1 0 1.072H2v2.5h6.428a.536.536 0 0 1 0 1.072H2v5.536h9.284V5.572a3.23 3.23 0 0 0-3.212-3.216M15.152 5.928h-2.796v13.928h1.428a1.3 1.3 0 0 1-.004-.234q.004-.06.004-.122A3.22 3.22 0 0 1 17 16.284a3.22 3.22 0 0 1 3.216 3.216c0 .124-.012.252-.024.372H22v-7.136z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: h,
                 d: "M19.144 19.5a2.144 2.144 0 1 0-4.288 0 2.144 2.144 0 0 0 4.288 0"
             })
         ]
@@ -119,14 +119,14 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: h,
                 d: "M8.072 2.356H2v7.32h3.216a.536.536 0 0 1 0 1.072H2v2.5h6.428a.536.536 0 0 1 0 1.072H2v5.536h9.284V5.572a3.23 3.23 0 0 0-3.212-3.216M15.152 5.928h-2.796v13.928h1.428a1.3 1.3 0 0 1-.004-.234q.004-.06.004-.122A3.22 3.22 0 0 1 17 16.284a3.22 3.22 0 0 1 3.216 3.216c0 .124-.012.252-.024.372H22v-7.136z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: h,
                 d: "M19.144 19.5a2.144 2.144 0 1 0-4.288 0 2.144 2.144 0 0 0 4.288 0"
             })
         ]
@@ -135,9 +135,9 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: h,
             d: "M18.299 7.455c.37.527 2.557 3.555 2.832 3.922.249.327.708.946.706 1.675v2.969c0 .538-.224 1.07-.611 1.482-.395.411-.916.644-1.423.644h-.868c-.194 1.538-1.255 2.468-2.855 2.468-1.607 0-2.67-.927-2.862-2.468H9.282c-.193 1.538-1.255 2.468-2.854 2.468-1.608 0-2.67-.927-2.871-2.468-.78-.014-1.407-.678-1.407-1.487V4.88c0-.82.642-1.49 1.432-1.49l10.622.009c.787 0 1.43.661 1.43 1.482v1.613l.822-.008h.008c.709 0 1.426.384 1.835.969M6.43 19.36c1.118 0 1.69-.594 1.69-1.757 0-1.17-.572-1.764-1.69-1.764-1.126 0-1.697.594-1.697 1.764 0 1.163.571 1.757 1.697 1.757m9.65 0c1.118 0 1.69-.594 1.69-1.757 0-1.17-.572-1.764-1.69-1.764-1.126 0-1.697.594-1.697 1.764 0 1.163.571 1.757 1.697 1.757"
         })
     }));

package/dist/generated/mistica-icons/icon-truck-light.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");
@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: l, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -114,7 +114,7 @@ const m = (_param)=>{
                 d: "M2.716 14.362h5.716a.72.72 0 0 0 .716-.73.72.72 0 0 0-.716-.728H2.716a.72.72 0 0 0-.716.729c0 .403.32.729.716.729M5.216 10.726h-2.5A.72.72 0 0 1 2 10c0-.403.32-.729.716-.733h2.5c.396 0 .716.326.716.729s-.32.729-.716.729"
             })
         ]
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -141,4 +141,4 @@ const m = (_param)=>{
             d: "M21.154 11.52c.24.302.675.874.675 1.518l.008 2.89c0 .471-.204.947-.565 1.306a1.89 1.89 0 0 1-1.314.563h-1.076c-.123 1.51-1.115 2.409-2.725 2.409-1.608 0-2.594-.9-2.726-2.41h-4.4c-.123 1.51-1.115 2.41-2.726 2.41-1.608 0-2.6-.9-2.725-2.41h-.174a1.253 1.253 0 0 1-1.255-1.248V5.052c0-.686.558-1.25 1.258-1.25l10.832.006c.697 0 1.258.563 1.258 1.25V6.83h1.05c.656 0 1.328.333 1.706.857.398.532 2.619 3.47 2.899 3.832M9.022 16.982h4.418c.115-.891.549-1.544 1.24-1.91V5.06a.433.433 0 0 0-.436-.434L3.406 4.618a.436.436 0 0 0-.434.434V16.55a.44.44 0 0 0 .437.432h.188c.179-1.412 1.16-2.247 2.708-2.247 1.552 0 2.538.835 2.717 2.247m11.667-.328c.204-.204.328-.473.325-.726l-.008-2.89c0-.364-.309-.77-.497-1.017l-.005-.006a546 546 0 0 1-2.913-3.851c-.221-.305-.647-.516-1.042-.516h-1.048v7.146q.31-.061.656-.059c1.552 0 2.538.835 2.717 2.247h1.084c.255 0 .518-.115.731-.328m-4.532 2.737c1.263 0 1.93-.661 1.93-1.919s-.664-1.919-1.93-1.919-1.93.661-1.93 1.919.666 1.919 1.93 1.919m-9.852 0c1.264 0 1.93-.661 1.93-1.919s-.664-1.919-1.93-1.919-1.93.661-1.93 1.919.667 1.919 1.93 1.919"
         })
     }));
-}, d = m;
+}, p = m;

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

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

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const c = (_param)=>{
-    var { color: a, size: r = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: l, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.642 5.911 15.54 2.214q-.006-.004-.011-.003a.4.4 0 0 0-.098-.036c-.023-.006-.045-.014-.07-.014-.009 0-.017-.006-.023-.006-.014 0-.028.006-.04.008a.4.4 0 0 0-.1.023c-.014.005-.022.011-.036.017a.3.3 0 0 0-.101.07l-.017.016c-.02.023-.045.04-.059.068-.008.017-.008.033-.017.047q0 .005-.002.006a.4.4 0 0 0-.031.16c0 1.907-.919 2.837-2.801 2.837-1.885 0-2.801-.927-2.801-2.84a.41.41 0 0 0-.202-.356.41.41 0 0 0-.406-.003L2.36 5.906a.413.413 0 0 0-.168.526l1.974 4.398a.404.404 0 0 0 .54.202l1.614-.773-.033 11.168c0 .109.042.215.117.294a.4.4 0 0 0 .289.12H17.56a.4.4 0 0 0 .286-.12.42.42 0 0 0 .118-.294l-.034-11.163 1.583.768c.1.047.218.053.322.014a.42.42 0 0 0 .23-.23l1.745-4.4a.41.41 0 0 0-.169-.505"
         })
     }));

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

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

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: o, size: r = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: o, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "m15.574 2.247 5.984 3.625c.249.15.355.467.246.74l-1.711 4.31a.593.593 0 0 1-.81.316l-1.266-.613.034 10.614a.598.598 0 0 1-.597.605H6.813a.59.59 0 0 1-.423-.177.61.61 0 0 1-.174-.428l.03-10.62-1.296.62a.58.58 0 0 1-.46.022.6.6 0 0 1-.339-.316L2.216 6.634a.61.61 0 0 1 .246-.774l6.233-3.624a.59.59 0 0 1 .594.003c.185.109.297.308.297.523 0 1.762.81 2.583 2.546 2.583 1.737 0 2.546-.82 2.546-2.583q0-.003.002-.007v-.007a.7.7 0 0 1 .046-.206l.01-.029.006-.017a.2.2 0 0 1 .014-.042.3.3 0 0 1 .05-.057 1 1 0 0 0 .065-.072.6.6 0 0 1 .151-.1q.023-.014.048-.023a.7.7 0 0 1 .143-.03q.017 0 .03-.006a.1.1 0 0 1 .032-.006q.015 0 .026.006l.01.003q.054.002.104.02a.7.7 0 0 1 .153.056zm2.101 6.877 1.55.753 1.282-3.232L15.77 3.77c-.341 1.779-1.618 2.784-3.638 2.784-2.062 0-3.33-.983-3.656-2.795L3.521 6.636l1.46 3.252 1.605-.767a.58.58 0 0 1 .574.036.61.61 0 0 1 .277.513l-.033 10.97h9.45l-.033-10.97a.596.596 0 0 1 .854-.546"

package/dist/generated/mistica-icons/icon-tv-content-filled.js

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

package/dist/generated/mistica-icons/icon-tv-content-light.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");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: i, size: t = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: n, size: t = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), o = i !== null && i !== void 0 ? i : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = n !== null && n !== void 0 ? n : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
     return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
@@ -129,4 +129,4 @@ const l = (_param)=>{
             d: "M5.32 17.307c-1.043 0-1.842-.275-2.383-.815-.518-.522-.782-1.28-.782-2.25V8.156c0-.97.264-1.722.782-2.236.536-.532 1.337-.8 2.38-.8l13.366-.009c1.043 0 1.845.269 2.38.801.518.516.782 1.269.782 2.236v6.087c0 .97-.264 1.728-.782 2.25-.538.54-1.34.814-2.383.814zM18.686 5.653 5.32 5.661c-1.752 0-2.604.815-2.604 2.494v6.088c0 .825.21 1.453.625 1.871.429.432 1.093.65 1.979.65l13.366-.009c.883 0 1.55-.217 1.979-.649.415-.416.625-1.046.625-1.872V8.147c-.003-1.679-.852-2.494-2.604-2.494m-9.422 13.24h5.47c.153 0 .28-.122.28-.272a.277.277 0 0 0-.28-.271h-5.47a.277.277 0 0 0-.28.271c0 .15.126.272.28.272"
         })
     }));
-}, d = l;
+}, p = l;

package/dist/generated/mistica-icons/icon-tv-content-regular.js

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

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const a = (_param)=>{
     var { color: e, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -104,8 +104,8 @@ const n = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "m11.436 3.334.003.017h1.227l.003-.012q.004-.011.002-.024v-.55a.616.616 0 0 0-.619-.61.616.616 0 0 0-.619.61v.553zm10.38 7.516c.074.417-.041.86-.316 1.204a1.58 1.58 0 0 1-1.198.558l-1.527-.003q.022-.094.014-.19c-.804-6.382-4.706-8.583-6.104-9.068 2.913.126 5.196 1.011 6.804 2.653 1.205 1.23 1.989 2.863 2.328 4.846m-4.257 1.717c-.644-5.115-3.49-7.275-4.877-7.897 0 0-.002 7.922-.005 7.92l4.893.013q0-.009-.005-.019-.004-.007-.006-.017M11.422 4.7c-1.443.734-4.39 3.101-5.154 7.874l5.16.014zM5.01 12.567c.9-6.104 5.05-8.639 6.406-9.213-2.932.095-5.246.966-6.87 2.605-1.22 1.218-2.018 2.843-2.37 4.826-.079.429.041.874.344 1.241.104.12.224.227.361.311.247.149.527.227.815.233l1.314.002zm10.348 6.423a.616.616 0 0 1 .618.61c0 1.236-1.02 2.241-2.271 2.241-1.235 0-2.247-.977-2.272-2.19l-.003-.042v-7.02h1.238V19.6c0 .56.463 1.02 1.034 1.02.569 0 1.03-.457 1.03-1.02a.624.624 0 0 1 .626-.61"
         })
     }));
-}, h = n;
+}, h = a;

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: l, size: r = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: l, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), a = l !== null && l !== void 0 ? l : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
             d: "M19.499 6.025c1.201 1.23 1.983 2.857 2.322 4.84.067.37-.037.76-.286 1.068-.266.313-.65.49-1.059.49L12.5 12.4v7.36c0 .685.568 1.246 1.266 1.246.697 0 1.266-.56 1.266-1.247 0-.23.19-.417.423-.417a.42.42 0 0 1 .423.417c0 1.146-.947 2.078-2.11 2.078-1.16 0-2.103-.924-2.111-2.064v-7.378l-8.14-.02a1.4 1.4 0 0 1-.72-.204 1.343 1.343 0 0 1-.625-1.367c.353-1.983 1.148-3.608 2.364-4.82 1.664-1.684 4.064-2.558 7.12-2.611v-.804c0-.23.191-.418.423-.418a.42.42 0 0 1 .423.418v.798c3.009.092 5.359.986 6.998 2.658M3.244 11.462a.6.6 0 0 0 .28.081l2.014.006c.664-4.028 2.955-6.188 4.6-7.235-2.099.269-3.78 1.017-5 2.249-1.093 1.092-1.813 2.569-2.135 4.384a.52.52 0 0 0 .24.515m17.641-.056a.53.53 0 0 0 .107-.4c-.314-1.818-1.017-3.3-2.098-4.404-1.177-1.199-2.782-1.947-4.776-2.252 1.593 1.02 3.65 3.112 4.339 7.233l2.025.005c.16 0 .302-.064.403-.182m-8.384-6.963v7.123l5.096.014c-.872-4.922-3.827-6.628-5.096-7.137m-.843-.017c-1.23.532-4.428 2.361-5.263 7.126l5.263.011z"
         })
     }));
-}, h = i;
+}, h = s;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: c, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), t = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M19.496 6.012c1.205 1.23 1.989 2.863 2.328 4.846.075.417-.04.857-.314 1.205a1.57 1.57 0 0 1-1.196.557l-7.605-.02v7.003c0 .56.465 1.017 1.034 1.017.568 0 1.033-.457 1.033-1.017 0-.336.277-.61.62-.61.34 0 .618.274.618.61 0 1.235-1.02 2.241-2.271 2.241-1.236 0-2.247-.978-2.272-2.19q-.004-.021-.003-.042v-7.014l-7.762-.023a1.6 1.6 0 0 1-.815-.232 1.6 1.6 0 0 1-.361-.308c-.303-.37-.42-.813-.345-1.239.353-1.983 1.151-3.607 2.37-4.829 1.63-1.647 3.96-2.52 6.913-2.607v-.594c0-.336.277-.611.62-.611.34 0 .618.275.618.61v.595c2.905.128 5.185 1.014 6.79 2.652M3.544 11.306a.34.34 0 0 0 .168.045l1.795.006c.597-3.35 2.286-5.364 3.779-6.521-1.577.339-2.871 1-3.849 1.986-1.042 1.042-1.725 2.45-2.033 4.187a.3.3 0 0 0 .07.236c.028.03.053.05.066.059zm17.002-.016a.3.3 0 0 0 .06-.225c-.298-1.742-.97-3.156-1.998-4.207-.936-.955-2.165-1.608-3.658-1.97 1.414 1.141 2.947 3.127 3.549 6.502l1.812.006c.065 0 .16-.02.235-.107m-7.84-6.373v6.462l4.535.011c-.823-4.207-3.244-5.874-4.535-6.473m-1.24-.008c-1.298.633-3.906 2.389-4.704 6.453l4.703.014z"

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

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_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: s } = (0, _hooks.useTheme)();
-    return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    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,
         viewBox: "0 0 24 24",

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

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

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

@@ -97,8 +97,8 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = n !== null && n !== void 0 ? n : i ? _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({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = n !== null && n !== void 0 ? n : i ? _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,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-unlimited-calls-sms-filled.js

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

package/dist/generated/mistica-icons/icon-unlimited-calls-sms-light.js

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

package/dist/generated/mistica-icons/icon-unlimited-calls-sms-regular.js

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: r, size: l = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: o, size: l = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = 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)(), e = o !== null && o !== void 0 ? o : 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: l,
         height: l,

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

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

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

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: o, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), a = o !== null && o !== void 0 ? o : r ? _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({
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = r !== null && r !== void 0 ? r : o ? _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,
         viewBox: "0 0 24 24",