@telefonica/mistica 15.20.1 → 16.0.0

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

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

@@ -93,40 +93,40 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: t, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: t, size: l = 24 } = _param, c = _object_without_properties(_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: o } = (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: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
             d: "m18.598 6.406 3.194-3.194a.715.715 0 0 0 .004-1.004.71.71 0 0 0-1.004 0l-3.194 3.194a.71.71 0 0 0 .5 1.213.7.7 0 0 0 .5-.209m-1.759.754c.336.332.782.518 1.254.518.473 0 .922-.181 1.25-.518l1.23-1.23v7.555c0 .568-.217 1.1-.622 1.504l-6.388 6.389A2.12 2.12 0 0 1 12.06 22c-.545 0-1.09-.209-1.504-.622l-7.933-7.934c-.4-.4-.622-.936-.622-1.504s.218-1.1.622-1.504l6.393-6.392c.4-.4.936-.623 1.504-.623h7.551l-1.23 1.231a1.78 1.78 0 0 0 0 2.508m-4.248 9.57c0-2.404 1.754-4.08 4.262-4.08a.532.532 0 0 0 0-1.064c-2.39 0-4.262-1.95-4.262-4.44a.53.53 0 0 0-.532-.53.53.53 0 0 0-.531.53c0 2.49-1.872 4.44-4.262 4.44a.53.53 0 0 0-.532.532.53.53 0 0 0 .532.531c2.508 0 4.262 1.677 4.262 4.08a.53.53 0 0 0 .531.532.53.53 0 0 0 .532-.532m1.863-4.649a4.88 4.88 0 0 0-2.395 2.295 4.88 4.88 0 0 0-2.394-2.295 5.3 5.3 0 0 0 2.394-2.494 5.3 5.3 0 0 0 2.395 2.494"
         })
     })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
             d: "m18.598 6.406 3.194-3.194a.715.715 0 0 0 .004-1.004.71.71 0 0 0-1.004 0l-3.194 3.194a.71.71 0 0 0 .5 1.213.7.7 0 0 0 .5-.209m-1.759.754c.336.332.782.518 1.254.518.473 0 .922-.181 1.25-.518l1.23-1.23v7.555c0 .568-.217 1.1-.622 1.504l-6.388 6.389A2.12 2.12 0 0 1 12.06 22c-.545 0-1.09-.209-1.504-.622l-7.933-7.934c-.4-.4-.622-.936-.622-1.504s.218-1.1.622-1.504l6.393-6.392c.4-.4.936-.623 1.504-.623h7.551l-1.23 1.231a1.78 1.78 0 0 0 0 2.508m-4.248 9.57c0-2.404 1.754-4.08 4.262-4.08a.532.532 0 0 0 0-1.064c-2.39 0-4.262-1.95-4.262-4.44a.53.53 0 0 0-.532-.53.53.53 0 0 0-.531.53c0 2.49-1.872 4.44-4.262 4.44a.53.53 0 0 0-.532.532.53.53 0 0 0 .532.531c2.508 0 4.262 1.677 4.262 4.08a.53.53 0 0 0 .531.532.53.53 0 0 0 .532-.532m1.863-4.649a4.88 4.88 0 0 0-2.395 2.295 4.88 4.88 0 0 0-2.394-2.295 5.3 5.3 0 0 0 2.394-2.494 5.3 5.3 0 0 0 2.395 2.494"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
-            d: "M20.505 2.155c.74.003 1.336.602 1.341 1.339v.003h-.005v8.308c-.076.42-.28.804-.588 1.1l-8.328 8.27c-.275.327-.647.56-1.062.66a1.5 1.5 0 0 1-.274 0 1.13 1.13 0 0 1-.83-.33l-8.288-8.269a1.553 1.553 0 0 1 .291-2.157L11.1 2.752a2.13 2.13 0 0 1 1.061-.597zM15.82 5.71c-.32.277-.515.672-.546 1.092v.022c.034.432.235.835.563 1.118.291.325.697.521 1.135.546a1.6 1.6 0 0 0 1.117-.546c.32-.274.513-.664.538-1.084a1.66 1.66 0 0 0-.563-1.132 1.65 1.65 0 0 0-1.135-.554c-.428.02-.829.213-1.109.538"
+            d: "M20.505 2.155c.739.003 1.336.602 1.341 1.339v.003h-.005v8.308c-.076.42-.28.804-.589 1.1l-8.327 8.27c-.275.327-.647.56-1.062.66a1.5 1.5 0 0 1-.274 0 1.13 1.13 0 0 1-.83-.33l-8.288-8.269a1.553 1.553 0 0 1 .291-2.157l8.336-8.327a2.13 2.13 0 0 1 1.062-.597zM15.82 5.71c-.32.277-.515.672-.546 1.092v.022c.033.432.235.835.563 1.118.291.325.697.521 1.134.546a1.6 1.6 0 0 0 1.118-.546c.32-.274.512-.664.538-1.084a1.66 1.66 0 0 0-.563-1.132 1.65 1.65 0 0 0-1.135-.554c-.428.02-.829.213-1.109.538"
         })
     }));
 }, p = s;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const m = (_param)=>{
             d: "M21.83 3.498h.008c0-.742-.602-1.342-1.342-1.342h-8.344a2.1 2.1 0 0 0-1.062.58l-8.336 8.35a1.555 1.555 0 0 0-.291 2.163l8.288 8.277c.224.21.521.325.83.314.51-.034.988-.264 1.333-.645l8.327-8.277c.309-.297.513-.68.589-1.1zm-.821 0v8.196a1.15 1.15 0 0 1-.347.622l-8.345 8.328c-.356.353-.829.445-.994.28l-8.289-8.28c-.165-.163-.081-.62.283-.983l8.362-8.32c.168-.176.383-.302.621-.356h8.196c.283 0 .513.23.513.513m-4.076.843c.645.05 1.247.35 1.673.838.493.437.79 1.05.829 1.706a2.39 2.39 0 0 1-.787 1.714c-.429.47-1.023.75-1.659.787a2.5 2.5 0 0 1-1.717-.83 2.5 2.5 0 0 1-.829-1.713 2.4 2.4 0 0 1 .787-1.715 2.44 2.44 0 0 1 1.703-.787m1.681 2.527a1.66 1.66 0 0 0-.563-1.135 1.67 1.67 0 0 0-1.126-.563c-.429.025-.83.222-1.112.546-.322.28-.518.676-.546 1.101.03.437.232.846.563 1.135.291.325.7.52 1.134.546.429-.04.827-.233 1.12-.546.317-.275.51-.667.53-1.084"
         })
     }));
-}, p = m;
+}, g = m;

package/dist/generated/mistica-icons/icon-tag-pound-filled.js

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

package/dist/generated/mistica-icons/icon-tag-pound-light.js

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

package/dist/generated/mistica-icons/icon-tag-pound-regular.js

@@ -97,7 +97,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), c = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = s !== null && s !== void 0 ? s : t ? _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: l,
         height: l,
@@ -106,11 +106,11 @@ const v = (_param)=>{
     }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
-                d: "M20.364 2.208a.654.654 0 0 1 .956 0 .73.73 0 0 1-.004 1.004L20.16 4.425v9.06c0 .568-.208 1.1-.593 1.504l-6.085 6.389a1.97 1.97 0 0 1-1.432.622c-.52 0-1.039-.209-1.433-.622l-7.555-7.934c-.38-.4-.593-.936-.593-1.504s.208-1.1.593-1.504l6.089-6.392c.38-.4.891-.623 1.432-.623h8.624zM18.61 13.985c.13-.136.2-.314.2-.504V5.847l-.875.918a.65.65 0 0 1-.952 0 .736.736 0 0 1 0-1.004l.87-.922H10.58a.66.66 0 0 0-.476.209l-6.085 6.388a.73.73 0 0 0 0 1.004l7.551 7.933a.654.654 0 0 0 .957 0z"
+                fill: a,
+                d: "M20.364 2.208a.654.654 0 0 1 .956 0 .73.73 0 0 1-.004 1.004L20.16 4.425v9.06c0 .568-.207 1.1-.592 1.504l-6.085 6.389a1.97 1.97 0 0 1-1.432.622c-.52 0-1.039-.209-1.433-.622l-7.555-7.934c-.381-.4-.593-.936-.593-1.504s.208-1.1.593-1.504l6.089-6.392c.38-.4.891-.623 1.432-.623h8.624zM18.61 13.985a.72.72 0 0 0 .2-.504V5.847l-.875.918a.65.65 0 0 1-.952 0 .736.736 0 0 1 0-1.004l.87-.922H10.58a.66.66 0 0 0-.476.209l-6.085 6.388a.73.73 0 0 0 0 1.004l7.551 7.933a.654.654 0 0 0 .957 0z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: a,
                 d: "M14.163 14.071h-2.57c.02-.113.034-.231.034-.354v-1.418h1.35c.372 0 .675-.318.675-.708 0-.391-.303-.71-.675-.71h-1.35v-1.24c0-.49.38-.886.844-.886.194 0 .38.069.532.196.29.245.714.2.952-.105a.74.74 0 0 0-.1-1 2.13 2.13 0 0 0-1.38-.513c-1.212 0-2.198 1.036-2.198 2.308v1.24c-.373 0-.675.319-.675.71s.302.708.675.708v1.418c0 .2-.147.354-.338.354-.372 0-.675.319-.675.71s.303.708.675.708h4.228c.372 0 .675-.318.675-.709s-.303-.709-.68-.709"
             })
         ]
@@ -122,11 +122,11 @@ const v = (_param)=>{
     }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: a,
                 d: "M20.364 2.208a.654.654 0 0 1 .956 0 .73.73 0 0 1-.004 1.004L20.16 4.425v9.06c0 .568-.207 1.1-.592 1.504l-6.085 6.389a1.97 1.97 0 0 1-1.432.622c-.52 0-1.039-.209-1.433-.622l-7.555-7.934c-.381-.4-.593-.936-.593-1.504s.208-1.1.593-1.504l6.089-6.392c.38-.4.891-.623 1.432-.623h8.624zM18.61 13.985a.72.72 0 0 0 .2-.504V5.847l-.875.918a.65.65 0 0 1-.952 0 .736.736 0 0 1 0-1.004l.87-.922H10.58a.66.66 0 0 0-.476.209l-6.085 6.388a.73.73 0 0 0 0 1.004l7.551 7.933a.654.654 0 0 0 .957 0z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: a,
                 d: "M14.163 14.071h-2.57c.02-.113.034-.231.034-.354v-1.418h1.35c.372 0 .675-.318.675-.708 0-.391-.303-.71-.675-.71h-1.35v-1.24c0-.49.38-.886.844-.886.194 0 .38.069.532.196.29.245.714.2.952-.105a.74.74 0 0 0-.1-1 2.13 2.13 0 0 0-1.38-.513c-1.212 0-2.198 1.036-2.198 2.308v1.24c-.373 0-.675.319-.675.71s.302.708.675.708v1.418c0 .2-.147.354-.338.354-.372 0-.675.319-.675.71s.303.708.675.708h4.228c.372 0 .675-.318.675-.709s-.303-.709-.68-.709"
             })
         ]

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

@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
     return r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -116,7 +116,7 @@ const m = (_param)=>{
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
-            d: "M20.364 2.208a.654.654 0 0 1 .956 0 .73.73 0 0 1-.004 1.004L20.16 4.425v9.06c0 .568-.208 1.1-.593 1.504l-6.085 6.389a1.97 1.97 0 0 1-1.432.622c-.52 0-1.039-.209-1.433-.622l-7.555-7.934c-.38-.4-.593-.936-.593-1.504s.208-1.1.593-1.504l6.089-6.392c.38-.4.891-.623 1.432-.623h8.624zM18.61 13.985a.72.72 0 0 0 .2-.504V5.847l-.875.918a.65.65 0 0 1-.952 0 .736.736 0 0 1 0-1.004l.87-.922H10.58a.66.66 0 0 0-.476.209l-6.085 6.388a.73.73 0 0 0 0 1.004l7.552 7.933a.654.654 0 0 0 .956 0zm-1.995-2.399c-2.276 0-4.059-1.95-4.059-4.44a.517.517 0 0 0-.506-.53.517.517 0 0 0-.506.53c0 2.49-1.783 4.44-4.06 4.44a.517.517 0 0 0-.506.532c0 .295.225.531.506.531 2.39 0 4.06 1.677 4.06 4.08 0 .296.225.532.506.532a.517.517 0 0 0 .506-.532c0-2.403 1.67-4.08 4.06-4.08a.517.517 0 0 0 .506-.531.52.52 0 0 0-.507-.532m-6.846.495c.996-.531 1.796-1.408 2.28-2.494.486 1.086 1.286 1.963 2.281 2.494a4.76 4.76 0 0 0-2.28 2.295 4.76 4.76 0 0 0-2.28-2.295"
+            d: "M20.364 2.208a.654.654 0 0 1 .956 0 .73.73 0 0 1-.004 1.004L20.16 4.425v9.06c0 .568-.207 1.1-.592 1.504l-6.085 6.389a1.97 1.97 0 0 1-1.432.622c-.52 0-1.039-.209-1.433-.622l-7.555-7.934c-.381-.4-.593-.936-.593-1.504s.208-1.1.593-1.504l6.089-6.392c.38-.4.891-.623 1.432-.623h8.624zM18.61 13.985c.13-.136.2-.313.2-.504V5.847l-.875.918a.65.65 0 0 1-.952 0 .736.736 0 0 1 0-1.004l.87-.922H10.58a.66.66 0 0 0-.476.209l-6.085 6.388a.73.73 0 0 0 0 1.004l7.551 7.933a.654.654 0 0 0 .957 0zm-1.995-2.399c-2.276 0-4.059-1.95-4.059-4.44a.517.517 0 0 0-.506-.53.517.517 0 0 0-.506.53c0 2.49-1.783 4.44-4.06 4.44a.517.517 0 0 0-.506.532c0 .295.225.531.506.531 2.39 0 4.06 1.677 4.06 4.08 0 .296.225.532.506.532a.517.517 0 0 0 .506-.532c0-2.403 1.67-4.08 4.06-4.08a.517.517 0 0 0 .506-.531.52.52 0 0 0-.507-.532m-6.846.495c.996-.531 1.796-1.408 2.28-2.494.486 1.086 1.286 1.963 2.281 2.494a4.76 4.76 0 0 0-2.28 2.295 4.76 4.76 0 0 0-2.28-2.295"
         })
     })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,

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

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), l = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -105,7 +105,7 @@ const i = (_param)=>{
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
-            d: "M20.309 2.15h-6.006q-.108 0-.212.014h-.225c-.89 0-1.613.723-1.613 1.613V7.68c0 .92.658 1.614 1.53 1.614h.109v1.557c0 .426.336.824.75.888a1 1 0 0 0 .112.009c.376 0 .79-.27 1.082-.715.131-.198.795-1.243 1.109-1.74h3.288c.891 0 1.614-.722 1.614-1.613V3.777q0-.161-.03-.313a1.52 1.52 0 0 0-1.508-1.314m-5.446 4.118a.545.545 0 1 1 0-1.093.547.547 0 0 1 0 1.093m1.64-.547a.547.547 0 1 1 1.093.002.547.547 0 0 1-1.094-.002m2.73.547a.545.545 0 1 1 0-1.093.547.547 0 0 1 0 1.093M5.908 14.248c.656.695 1.603 1.045 2.818 1.045 1.213 0 2.163-.353 2.818-1.045.616-.653.93-1.563.93-2.703s-.314-2.05-.93-2.703c-.655-.692-1.602-1.045-2.818-1.045s-2.162.35-2.818 1.045c-.616.653-.93 1.563-.93 2.703s.311 2.05.93 2.703M14.735 21.848H2.715a.56.56 0 0 1-.56-.56v-1.04c0-1.344.356-2.384 1.059-3.09s1.74-1.067 3.075-1.067h4.871c1.34 0 2.373.359 3.076 1.067.703.71 1.059 1.745 1.059 3.09v1.04a.56.56 0 0 1-.56.56"
+            d: "M20.31 2.15h-6.006q-.108 0-.213.014h-.224c-.891 0-1.614.723-1.614 1.613V7.68c0 .92.658 1.614 1.53 1.614h.109v1.557c0 .426.336.824.75.888a1 1 0 0 0 .113.009c.375 0 .79-.27 1.08-.715.132-.198.796-1.243 1.11-1.74h3.288c.891 0 1.614-.722 1.614-1.613V3.777q0-.161-.03-.313a1.52 1.52 0 0 0-1.508-1.314m-5.446 4.118a.545.545 0 1 1 0-1.093.547.547 0 0 1 0 1.093m1.638-.547a.547.547 0 1 1 1.094.002.547.547 0 0 1-1.094-.002m2.732.547a.545.545 0 1 1 0-1.093.547.547 0 0 1 0 1.093M5.909 14.248c.655.695 1.602 1.045 2.817 1.045 1.213 0 2.163-.353 2.818-1.045.617-.653.93-1.563.93-2.703s-.313-2.05-.93-2.703c-.655-.692-1.602-1.045-2.818-1.045s-2.162.35-2.817 1.045c-.617.653-.93 1.563-.93 2.703s.31 2.05.93 2.703M14.735 21.848H2.715a.56.56 0 0 1-.56-.56v-1.04c0-1.344.356-2.384 1.059-3.09s1.74-1.067 3.075-1.067h4.872c1.339 0 2.372.359 3.075 1.067.703.71 1.06 1.745 1.06 3.09v1.04a.56.56 0 0 1-.561.56"
         })
     }));
 }, v = i;

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

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -105,11 +105,11 @@ const n = (_param)=>{
     }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: s,
+                fill: a,
                 d: "M15 6.274a.826.826 0 1 1-.001-1.652.826.826 0 0 1 0 1.652m0-1.093a.27.27 0 0 0-.267.267c0 .145.12.266.266.266s.266-.12.266-.266A.27.27 0 0 0 15 5.18M16.358 5.448a.826.826 0 1 0 1.652 0 .826.826 0 0 0-1.652 0m.56 0c0-.146.12-.267.266-.267s.266.12.266.267c0 .145-.12.266-.266.266a.27.27 0 0 1-.266-.266M19.37 6.274a.826.826 0 1 1-.001-1.652.826.826 0 0 1 0 1.652m0-1.093a.27.27 0 0 0-.267.267c0 .145.12.266.266.266s.266-.12.266-.266a.27.27 0 0 0-.266-.267"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: s,
+                fill: a,
                 d: "M14.66 10.646a.5.5 0 0 1-.092-.008c-.395-.07-.395-.434-.395-.555V8.725h-.39c-.71 0-1.249-.574-1.249-1.333V3.49c0-.737.6-1.334 1.334-1.334H20.5c.736 0 1.333.597 1.333 1.334v3.902c0 .736-.596 1.333-1.333 1.333h-4.258c-.33.493-.97 1.45-1.005 1.51l-.005.006c-.08.121-.27.405-.573.405m-.792-7.93a.773.773 0 0 0-.773.774v3.902c0 .456.282.773.689.773h.67c.153 0 .28.126.28.28v1.532l.016-.025.014-.02a417 417 0 0 1 1.095-1.641.27.27 0 0 1 .233-.124H20.5a.775.775 0 0 0 .773-.773V3.49a.775.775 0 0 0-.773-.774zM6.008 14.691c.6.636 1.479.958 2.613.958 1.135 0 2.014-.322 2.614-.955.566-.602.854-1.445.854-2.513s-.289-1.913-.854-2.512c-.6-.636-1.48-.958-2.614-.958s-2.014.322-2.613.958c-.566.602-.855 1.445-.855 2.512 0 1.068.286 1.91.855 2.51m2.613-5.42c2.404 0 2.908 1.585 2.908 2.91s-.504 2.908-2.908 2.908c-1.325 0-2.907-.504-2.907-2.908 0-1.327.504-2.91 2.907-2.91M2.156 21.554c0 .154.126.28.28.28h12.37a.28.28 0 0 0 .28-.277v-1.042c0-1.27-.33-2.238-.977-2.894-.647-.655-1.617-.986-2.877-.986H6.01c-1.26 0-2.227.33-2.877.983s-.978 1.628-.978 2.894zm12.37-.28H2.716v-.762c0-1.112.272-1.955.813-2.499.54-.543 1.375-.818 2.482-.818h5.22c1.107 0 1.945.275 2.483.818.537.544.812 1.384.812 2.499z"
             })
         ]

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
+const n = (_param)=>{
     var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), a = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -114,4 +114,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, f = v;
+}, f = n;

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

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: a = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: o, size: a = 24 } = _param, l = _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: h } = (0, _hooks.useTheme)();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : 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({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const n = (_param)=>{
             fill: e,
             d: "m21.84 5.507-2.57 2.57a.55.55 0 0 1-.39.16h-2.338l-6.444 6.449a.55.55 0 0 1-.39.16.55.55 0 0 1-.39-.94l6.444-6.445v-2.34a.55.55 0 0 1 .16-.39l2.569-2.569a.54.54 0 0 1 .601-.117.55.55 0 0 1 .338.507v2.02h2.02c.22 0 .423.136.507.338a.54.54 0 0 1-.117.597m-4.425 8.784a7.68 7.68 0 0 0-1.32-4.307l-2.414 2.414c.273.573.433 1.217.433 1.893a4.41 4.41 0 0 1-4.406 4.407 4.41 4.41 0 0 1-4.406-4.407 4.41 4.41 0 0 1 4.406-4.406c.676 0 1.32.155 1.893.432l2.414-2.414a7.66 7.66 0 0 0-4.307-1.32C5.457 6.583 2 10.04 2 14.29S5.457 22 9.708 22c4.25 0 7.707-3.457 7.707-7.709M8.67 15.33a1.466 1.466 0 0 0 2.076.005l2.09-2.095a3.304 3.304 0 0 1-3.128 4.355 3.304 3.304 0 0 1-3.302-3.303 3.304 3.304 0 0 1 4.354-3.128l-2.09 2.09a1.47 1.47 0 0 0 0 2.076m10.21-9.658a.547.547 0 0 1-.549-.55v-1.24l-1.465 1.466v1.79h1.79L20.12 5.67z"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: o, size: c = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), e = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = r !== null && r !== void 0 ? r : o ? _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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: h,
             d: "M21.478 4.906a.52.52 0 0 0-.483-.338h-1.924v-2.02c0-.22-.13-.422-.322-.506a.51.51 0 0 0-.572.117L15.73 4.728a.56.56 0 0 0-.152.39v2.338l-.962 1.01a7.2 7.2 0 0 0-2.671-1.55 6.98 6.98 0 0 0-5.592.578c-1.731.967-2.997 2.587-3.566 4.555-1.176 4.067 1.02 8.378 4.89 9.613A7 7 0 0 0 9.82 22a7 7 0 0 0 3.45-.911c1.73-.967 2.996-2.588 3.564-4.555a8.04 8.04 0 0 0-.38-5.513c-.165-.367-.581-.526-.93-.353a.75.75 0 0 0-.336.977 6.52 6.52 0 0 1 .309 4.461c-.46 1.592-1.485 2.903-2.886 3.691a5.66 5.66 0 0 1-4.527.465c-3.136-1.005-4.912-4.494-3.963-7.786.46-1.592 1.485-2.902 2.885-3.69a5.66 5.66 0 0 1 4.527-.466 5.8 5.8 0 0 1 2.08 1.193l-1.239 1.3a4.04 4.04 0 0 0-2.567-.929c-2.313 0-4.197 1.977-4.197 4.405s1.884 4.405 4.197 4.405c2.312 0 4.196-1.977 4.196-4.405a4.5 4.5 0 0 0-.886-2.696l3.199-3.357h2.228a.51.51 0 0 0 .37-.16l2.448-2.569a.57.57 0 0 0 .116-.6m-8.876 9.383c0 1.62-1.252 2.935-2.795 2.935-1.544 0-2.796-1.315-2.796-2.935s1.252-2.935 2.796-2.935c.581 0 1.122.188 1.57.507L9.435 13.9a.57.57 0 0 0 0 .78.51.51 0 0 0 .743 0l1.941-2.038c.305.47.483 1.037.483 1.648m4.022-7.157v-1.79l1.396-1.464v1.24c0 .305.233.549.524.549h1.18L18.33 7.132z"
         })
     })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: h,
             d: "M21.42 5.232a.39.39 0 0 0 .081-.413.35.35 0 0 0-.325-.227H19.06V2.369a.37.37 0 0 0-.217-.341.34.34 0 0 0-.384.08l-2.47 2.593a.36.36 0 0 0-.103.26v2.441l-1.02 1.071c-1.364-1.308-3.12-2.028-4.976-2.028-4.086 0-7.409 3.488-7.409 7.777C2.48 18.512 5.803 22 9.889 22a7.13 7.13 0 0 0 3.906-1.166.38.38 0 0 0 .112-.512.343.343 0 0 0-.487-.118 6.44 6.44 0 0 1-3.531 1.057c-3.693 0-6.7-3.157-6.7-7.034s3.007-7.033 6.7-7.033c1.67 0 3.246.644 4.479 1.81l-1.874 1.967a3.9 3.9 0 0 0-2.605-1c-2.235 0-4.054 1.91-4.054 4.256s1.82 4.256 4.054 4.256 4.055-1.91 4.055-4.256a4.37 4.37 0 0 0-.953-2.735l3.39-3.559h2.326q.144-.001.248-.109zm-5.54 13.806c0 .407-.316.74-.704.74s-.704-.333-.704-.74c0-.408.316-.74.704-.74s.704.332.704.74m-5.743-4.55 2.353-2.47c.465.602.745 1.37.75 2.214 0 1.938-1.504 3.517-3.351 3.517s-3.35-1.579-3.35-3.517c0-1.939 1.503-3.517 3.35-3.517a3.25 3.25 0 0 1 2.104.782l-2.352 2.47a.376.376 0 0 0 0 .52.34.34 0 0 0 .248.11c.09 0 .18-.038.248-.11M20.323 5.34l-1.765 1.853h-1.969V5.127l1.766-1.853v2.067zm-4.52 5.583a.38.38 0 0 1 .145-.503.344.344 0 0 1 .479.157 8.1 8.1 0 0 1 .867 3.654c0 1.08-.208 2.128-.619 3.109a.35.35 0 0 1-.325.223.3.3 0 0 1-.14-.033.38.38 0 0 1-.18-.489 7.4 7.4 0 0 0 .555-2.815 7.3 7.3 0 0 0-.781-3.303"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +123,10 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: h,
             d: "M21.845 12a.41.41 0 0 0-.41-.41H19.67c-.202-6.638-5.78-7.347-7.27-7.415v-1.62a.41.41 0 0 0-.408-.41.41.41 0 0 0-.41.41v1.61h-.05c-1.218.008-7.18.434-7.36 7.428H2.546a.408.408 0 0 0 0 .816h1.64c.29 6.809 6.185 7.266 7.39 7.28h.003v1.756c0 .227.183.41.41.41s.41-.183.41-.41v-1.761c1.438-.054 7.002-.699 7.262-7.275h1.776a.41.41 0 0 0 .409-.41m-3 .409c-.242 5.693-4.799 6.394-6.445 6.456v-.69a.41.41 0 0 0-.41-.41.41.41 0 0 0-.409.41v.698c-1.517-.022-6.313-.583-6.582-6.464h.813a.41.41 0 0 0 0-.819h-.821c.168-6.066 5.034-6.599 6.545-6.613h.045v.847c0 .228.182.41.41.41s.409-.182.409-.41v-.83c1.69.076 6.262.836 6.45 6.596h-.684a.41.41 0 0 0 0 .819zM10.9 8.719c.21-.202.555-.309 1.02-.309.466 0 .81.107 1.024.311.219.21.328.561.328 1.043 0 .48-.11.83-.328 1.04-.213.206-.558.31-1.026.31-.463 0-.808-.102-1.018-.306-.22-.21-.328-.561-.328-1.043q0-.725.328-1.047m-.57 2.678c.37.356.903.535 1.588.535.687 0 1.222-.18 1.592-.535.385-.373.58-.923.58-1.633 0-.709-.195-1.259-.58-1.632q-.56-.538-1.592-.538c-.685 0-1.217.182-1.588.538-.384.373-.577.923-.577 1.635 0 .713.193 1.26.577 1.63m4.627 4.044H8.89v-.152c0-.328.07-.796.395-1.136.36-.375.914-.454 1.316-.454h2.641c.401 0 .957.079 1.321.454.325.34.396.805.396 1.136zm.194-1.854c-.446-.463-1.105-.707-1.91-.707l-2.644-.003c-.802 0-1.461.244-1.904.707-.407.426-.623 1.015-.623 1.702v.724c0 .137.11.247.247.247h7.213c.137 0 .246-.11.246-.247v-.72c0-.688-.216-1.277-.625-1.703"
         })
     }));
-}, p = v;
+}, g = v;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), l = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = o !== null && o !== void 0 ? o : 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({
         width: a,
         height: a,
@@ -106,7 +106,7 @@ const n = (_param)=>{
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
-            d: "M21.478 4.906a.52.52 0 0 0-.483-.338h-1.924v-2.02c0-.22-.13-.422-.322-.506a.51.51 0 0 0-.572.117L15.73 4.728a.56.56 0 0 0-.152.39v2.338l-.962 1.01a7.2 7.2 0 0 0-2.671-1.55 6.98 6.98 0 0 0-5.592.578c-1.731.967-2.997 2.587-3.565 4.555-1.177 4.067 1.02 8.378 4.89 9.613A7 7 0 0 0 9.82 22a7 7 0 0 0 3.45-.911c1.73-.967 2.997-2.588 3.565-4.555a8.04 8.04 0 0 0-.38-5.513c-.166-.367-.582-.526-.931-.353a.75.75 0 0 0-.336.977 6.52 6.52 0 0 1 .309 4.461c-.46 1.592-1.485 2.903-2.886 3.691a5.66 5.66 0 0 1-4.527.465c-3.136-1.005-4.912-4.494-3.963-7.786.46-1.592 1.485-2.902 2.885-3.69a5.66 5.66 0 0 1 4.527-.466 5.8 5.8 0 0 1 2.08 1.193l-1.239 1.3a4.04 4.04 0 0 0-2.567-.929c-2.313 0-4.197 1.977-4.197 4.405s1.884 4.405 4.197 4.405c2.312 0 4.196-1.977 4.196-4.405a4.5 4.5 0 0 0-.886-2.696l3.199-3.357h2.228a.51.51 0 0 0 .37-.16l2.448-2.569a.57.57 0 0 0 .116-.6m-8.875 9.383c0 1.62-1.253 2.935-2.796 2.935-1.544 0-2.796-1.315-2.796-2.935s1.252-2.935 2.796-2.935c.581 0 1.123.188 1.57.507L9.435 13.9a.57.57 0 0 0 0 .78.51.51 0 0 0 .743 0l1.941-2.038c.305.47.484 1.037.484 1.648m4.021-7.157v-1.79l1.396-1.464v1.24c0 .305.233.549.524.549h1.18L18.33 7.132z"
+            d: "M21.478 4.906a.52.52 0 0 0-.483-.338h-1.924v-2.02c0-.22-.13-.422-.322-.506a.51.51 0 0 0-.572.117L15.73 4.728a.56.56 0 0 0-.152.39v2.338l-.962 1.01a7.2 7.2 0 0 0-2.671-1.55 6.98 6.98 0 0 0-5.592.578c-1.731.967-2.997 2.587-3.566 4.555-1.176 4.067 1.02 8.378 4.89 9.613A7 7 0 0 0 9.82 22a7 7 0 0 0 3.45-.911c1.73-.967 2.996-2.588 3.565-4.555a8.04 8.04 0 0 0-.38-5.513c-.166-.367-.582-.526-.931-.353a.75.75 0 0 0-.336.977 6.52 6.52 0 0 1 .309 4.461c-.46 1.592-1.485 2.903-2.886 3.691a5.66 5.66 0 0 1-4.527.465c-3.136-1.005-4.912-4.494-3.963-7.786.46-1.592 1.485-2.902 2.885-3.69a5.66 5.66 0 0 1 4.527-.466 5.8 5.8 0 0 1 2.08 1.193l-1.239 1.3a4.04 4.04 0 0 0-2.567-.929c-2.313 0-4.197 1.977-4.197 4.405s1.884 4.405 4.197 4.405c2.312 0 4.196-1.977 4.196-4.405a4.5 4.5 0 0 0-.886-2.696l3.199-3.357h2.228a.51.51 0 0 0 .37-.16l2.448-2.569a.57.57 0 0 0 .116-.6m-8.875 9.383c0 1.62-1.253 2.935-2.796 2.935-1.544 0-2.796-1.315-2.796-2.935s1.252-2.935 2.796-2.935c.581 0 1.122.188 1.57.507L9.435 13.9a.57.57 0 0 0 0 .78.51.51 0 0 0 .743 0l1.941-2.038c.305.47.484 1.037.484 1.648m4.021-7.157v-1.79l1.396-1.464v1.24c0 .305.233.549.524.549h1.18L18.33 7.132z"
         })
     })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
@@ -129,4 +129,4 @@ const n = (_param)=>{
             d: "M21.853 12.026a.6.6 0 0 0-.58-.625l-1.546.003c-.294-6.241-5.398-7.149-7.126-7.27V2.732a.6.6 0 0 0-.569-.568.6.6 0 0 0-.633.568v1.381c-1.46.042-6.983.656-7.26 7.289h-1.41a.602.602 0 0 0 0 1.204h1.423c.373 6.384 5.723 7.079 7.25 7.14v1.53a.6.6 0 0 0 .568.568.6.6 0 0 0 .633-.568v-1.538c1.69-.104 6.774-.955 7.118-7.132h1.552a.6.6 0 0 0 .58-.58m-3.33.58c-.323 5.005-4.228 5.817-5.92 5.926v-.465a.6.6 0 0 0-.568-.568.6.6 0 0 0-.633.569v.476c-1.603-.067-5.703-.765-6.05-5.936h.588a.602.602 0 0 0 0-1.204h-.597c.258-5.395 4.493-6.04 6.059-6.087v.625a.6.6 0 0 0 .568.568.6.6 0 0 0 .633-.568v-.603c1.732.126 5.65.995 5.925 6.062h-.462a.602.602 0 0 0 0 1.204zm-7.424-3.648c.202-.196.563-.238.832-.238s.636.042.838.238q.252.241.252.852c0 .403-.084.689-.25.849-.204.193-.568.235-.84.235-.269 0-.633-.042-.835-.235-.204-.197-.246-.569-.246-.85 0-.276.045-.652.25-.85m-.725 2.454c.361.347.885.524 1.557.524s1.199-.177 1.563-.524c.381-.364.572-.902.572-1.602 0-.698-.194-1.238-.572-1.602-.367-.35-.89-.53-1.563-.53-.67 0-1.196.18-1.557.53-.378.364-.569.902-.569 1.602s.19 1.238.569 1.602M9.2 15.14c.011-.269.081-.61.32-.857.296-.308.77-.372 1.117-.372h2.594c.347 0 .823.067 1.12.375.238.247.308.585.32.854zm5.902-1.58c-.437-.453-1.084-.691-1.874-.691l-2.594-.003c-.787 0-1.434.24-1.87.694-.399.418-.609.995-.609 1.673v.708c0 .132.107.241.241.241h7.079a.24.24 0 0 0 .24-.24v-.71c0-.677-.212-1.254-.613-1.671"
         })
     }));
-}, p = n;
+}, g = n;

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

@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), l = 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)(), l = 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.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

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

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

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

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

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

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

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

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

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

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: o, 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)(), a = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = r !== null && r !== void 0 ? r : o ? _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: c,
         height: c,

package/dist/generated/mistica-icons/icon-tech-service-filled.js

@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: t, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), r = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
-    return c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : a ? _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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "m21.035 6.752-.374-1.004-4.791 5.02a.61.61 0 0 1-.882 0l-1.833-1.92a.66.66 0 0 1-.183-.46c0-.172.065-.34.183-.46l4.792-5.02-.959-.392c-2.645-1.084-5.654-.428-7.662 1.676C7.42 6.188 6.76 9.116 7.577 11.78L2.48 17.124 7.054 22l5.139-5.384c2.539.856 5.341.164 7.243-1.832 2.008-2.108 2.634-5.256 1.6-8.032"
         })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "m21.035 6.752-.374-1.004-4.791 5.02a.61.61 0 0 1-.882 0l-1.833-1.92a.66.66 0 0 1-.183-.46c0-.172.065-.34.183-.46l4.792-5.02-.959-.392c-2.645-1.084-5.654-.428-7.662 1.676C7.42 6.188 6.76 9.116 7.577 11.78L2.48 17.124 7.054 22l5.139-5.384c2.539.856 5.341.164 7.243-1.832 2.008-2.108 2.634-5.256 1.6-8.032"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M18.404 2.415a6.3 6.3 0 0 0-1.079.11c-.812.15-1.44.442-1.862.865-.426.426-.72 1.064-.872 1.89a6.3 6.3 0 0 0-.1 1.029.3.3 0 0 1-.023.056L6.362 14.47a.3.3 0 0 1-.056.022 6.3 6.3 0 0 0-1.056.107c-.816.151-1.44.443-1.863.865-.426.426-.72 1.065-.871 1.891q-.097.522-.101 1.053c-.003.202.05.398.151.572.168.28.47.45.796.45.187 0 .47-.055.74-.327l.669-.67.692.099.098.691-.667.67q-.169.166-.258.381a.936.936 0 0 0 .502 1.218c.142.062.297.093.45.09h.006a6.6 6.6 0 0 0 1.076-.106c.815-.152 1.44-.443 1.863-.866.425-.426.72-1.064.87-1.89q.093-.51.102-1.029a.3.3 0 0 1 .022-.056l8.106-8.106a.3.3 0 0 1 .056-.023 6.3 6.3 0 0 0 1.056-.106c.813-.151 1.44-.443 1.863-.866.426-.425.72-1.064.871-1.89q.097-.523.101-1.053a1.1 1.1 0 0 0-.154-.572.93.93 0 0 0-.795-.45c-.188 0-.471.055-.74.327l-.67.67-.691-.099-.098-.692.672-.67q.169-.164.258-.38a.937.937 0 0 0-.502-1.219 1.1 1.1 0 0 0-.45-.09z"
         })
     }));

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: o, size: l = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: o, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = o !== null && o !== void 0 ? o : 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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "M4.577 6.937c.109-2.395.91-4.275 2.032-4.937A5.57 5.57 0 0 0 2 6.937zM13.052 6.937h-2.577c-.11-2.395-.91-4.275-2.032-4.937a5.57 5.57 0 0 1 4.609 4.937M6.97 3.105c-.626.557-1.185 1.999-1.28 3.832h1.28zM21.735 9.465l-.213-.51-2.07 2.08a.37.37 0 0 1-.517.01l-.54-.514a.37.37 0 0 1-.113-.266q0-.159.108-.267l2.085-2.095-.507-.214a3.32 3.32 0 0 0-3.657.714 3.36 3.36 0 0 0-.91 3.019l-3.931 3.951a3.32 3.32 0 0 0-3.004.914 3.35 3.35 0 0 0-.71 3.675l.213.51 2.07-2.08a.37.37 0 0 1 .516-.01l.54.51a.37.37 0 0 1 .005.532L9.016 21.52l.507.214a3.31 3.31 0 0 0 3.652-.714 3.36 3.36 0 0 0 .91-3.018l3.931-3.952a3.33 3.33 0 0 0 3.004-.914 3.34 3.34 0 0 0 .715-3.67M6.97 8.056v3.832c-.621-.557-1.18-1.995-1.28-3.832zM8.082 8.056v3.832c.626-.562 1.185-2 1.28-3.832zM10.475 8.056c-.11 2.394-.91 4.275-2.032 4.937a5.57 5.57 0 0 0 4.609-4.937zM2.005 8.056h2.572c.109 2.394.91 4.275 2.037 4.937a5.57 5.57 0 0 1-4.61-4.937M8.082 6.937V3.104c.621.558 1.18 1.995 1.28 3.833z"
         })
     })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "M4.577 6.937c.109-2.395.91-4.275 2.032-4.937A5.57 5.57 0 0 0 2 6.937zM13.052 6.937h-2.577c-.11-2.395-.91-4.275-2.032-4.937a5.57 5.57 0 0 1 4.609 4.937M6.97 3.105c-.626.557-1.185 1.999-1.28 3.832h1.28zM21.735 9.465l-.213-.51-2.07 2.08a.37.37 0 0 1-.517.01l-.54-.514a.37.37 0 0 1-.113-.266q0-.159.108-.267l2.085-2.095-.507-.214a3.32 3.32 0 0 0-3.657.714 3.36 3.36 0 0 0-.91 3.019l-3.931 3.951a3.32 3.32 0 0 0-3.004.914 3.35 3.35 0 0 0-.71 3.675l.213.51 2.07-2.08a.37.37 0 0 1 .516-.01l.54.51a.37.37 0 0 1 .005.532L9.016 21.52l.507.214a3.31 3.31 0 0 0 3.652-.714 3.36 3.36 0 0 0 .91-3.018l3.931-3.952a3.33 3.33 0 0 0 3.004-.914 3.34 3.34 0 0 0 .715-3.67M6.97 8.056v3.832c-.621-.557-1.18-1.995-1.28-3.832zM8.082 8.056v3.832c.626-.562 1.185-2 1.28-3.832zM10.475 8.056c-.11 2.394-.91 4.275-2.032 4.937a5.57 5.57 0 0 0 4.609-4.937zM2.005 8.056h2.572c.109 2.394.91 4.275 2.037 4.937a5.57 5.57 0 0 1-4.61-4.937M8.082 6.937V3.104c.621.558 1.18 1.995 1.28 3.833z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const s = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "M21.847 8.44v4.938c0 1.115-.267 1.983-.788 2.583-.562.644-1.403.972-2.504.972H5.446c-1.098 0-1.941-.328-2.504-.97-.521-.602-.787-1.47-.787-2.585V8.44c0-1.115.266-1.984.787-2.583.563-.644 1.403-.972 2.504-.972h13.11c1.097 0 1.94.328 2.503.972.521.6.788 1.468.788 2.583m-.594 10.678H2.749a.56.56 0 0 1-.56-.56c0-.309.252-.561.56-.561h18.504c.308 0 .56.252.56.56s-.252.56-.56.56m-10.807-6.572 3.82-1.781a.6.6 0 0 1 .401-.017s.914.336 1.482.073c.566-.264.896-1.182.896-1.182.04-.113-.014-.163-.123-.113l-.552.258a.49.49 0 0 1-.386-.011l-.552-.294a.3.3 0 0 1-.146-.314l.13-.61a.5.5 0 0 1 .24-.303l.552-.258c.11-.05.106-.126-.008-.165 0 0-.914-.336-1.482-.073-.569.263-.897 1.182-.897 1.182a.6.6 0 0 1-.268.294l-3.824 1.782a.6.6 0 0 1-.4.017s-.914-.337-1.482-.073c-.569.263-.897 1.182-.897 1.182-.039.112.014.162.124.112l.551-.258a.49.49 0 0 1 .387.011l.549.295c.11.064.168.19.146.313l-.13.61a.5.5 0 0 1-.24.303l-.552.258c-.11.05-.106.126.008.168 0 0 .914.336 1.482.073.569-.263.902-1.182.902-1.182a.6.6 0 0 1 .27-.297"
         })
     }));