@telefonica/mistica 15.20.1 → 16.1.0

package/dist/generated/mistica-icons/icon-coffee-tea-filled.js

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

package/dist/generated/mistica-icons/icon-coffee-tea-light.js

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

package/dist/generated/mistica-icons/icon-coffee-tea-regular.js

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const h = (_param)=>{
     var { color: r, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -119,4 +119,4 @@ const i = (_param)=>{
             d: "M15.807 6.115c.037.075.075.189.037.264l-.226.641c-.15.377.076.83.453.98a.64.64 0 0 0 .264.039.77.77 0 0 0 .716-.49l.265-.717c0-.038 0-.038.037-.076a2.08 2.08 0 0 0-.188-1.433L16.9 4.87a.37.37 0 0 1-.038-.34l.377-.64c.151-.378.038-.83-.34-1.019-.377-.226-.83-.113-1.018.264l-.415.717c0 .038-.037.038-.037.075-.264.566-.189 1.207.113 1.735zm-5.243 0c.038.075.075.15.038.264l-.264.641c-.151.377.037.83.415.98.113.039.226.039.301.039a.77.77 0 0 0 .717-.49l.264-.717c0-.038.038-.076.038-.076a2.08 2.08 0 0 0-.189-1.433l-.264-.453a.37.37 0 0 1-.038-.34l.377-.678c.19-.377.076-.83-.301-1.019s-.83-.075-1.019.302l-.377.717s-.038.038-.038.075c-.264.566-.188 1.207.114 1.735zm2.64-.34c.076.151.113.302.076.453l-.302.792c-.151.377.038.83.453.98a.64.64 0 0 0 .264.039.77.77 0 0 0 .716-.49l.302-.83c0-.038 0-.038.038-.076a2.04 2.04 0 0 0-.227-1.622l-.34-.566c-.112-.15-.112-.377-.037-.565l.415-.793a.776.776 0 0 0-.302-1.018.776.776 0 0 0-1.018.302l-.415.83s0 .037-.038.037a2.24 2.24 0 0 0 .113 1.962zM5.962 9.17v1.509H4.831a2.27 2.27 0 0 0-2.264 2.263v3.395A2.27 2.27 0 0 0 4.832 18.6H6.3a5.26 5.26 0 0 0 4.942 3.394h4.903c2.905 0 5.28-2.376 5.28-5.28V9.17zm-1.131 7.921a.757.757 0 0 1-.755-.754v-3.395c0-.415.34-.754.755-.754h1.131v4.526c0 .113 0 .264.038.377zm15.087-.377a3.783 3.783 0 0 1-3.772 3.772h-4.903a3.783 3.783 0 0 1-3.772-3.772v-6.035h12.447z"
         })
     }));
-}, z = i;
+}, z = h;

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const l = (_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: n } = (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: n } = (0, _hooks.useTheme)();
     return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -119,4 +119,4 @@ const l = (_param)=>{
             d: "M17.957 6.535a8 8 0 0 0-1.19-1.062C15.29 3.372 12.873 2 10.148 2 5.654 2 2 5.724 2 10.302a8.34 8.34 0 0 0 3.398 6.738A8.3 8.3 0 0 0 7.9 19.358C9.39 20.981 11.502 22 13.848 22a8.1 8.1 0 0 0 3.882-1 .38.38 0 0 0 .147-.512.365.365 0 0 0-.503-.15 7.3 7.3 0 0 1-3.526.909 7.2 7.2 0 0 1-3.568-.942c.554.12 1.128.188 1.72.188 4.493 0 8.147-3.724 8.147-8.302 0-1.246-.275-2.43-.758-3.492a7.58 7.58 0 0 1 1.867 4.999 7.7 7.7 0 0 1-.858 3.535.385.385 0 0 0 .152.512.37.37 0 0 0 .502-.155c.621-1.188.948-2.53.948-3.887a8.34 8.34 0 0 0-4.043-7.168M2.744 10.297c0-4.163 3.322-7.544 7.403-7.544 4.085 0 7.403 3.386 7.403 7.544 0 4.164-3.323 7.545-7.403 7.545-4.08.004-7.403-3.381-7.403-7.544M12 19.73c-1.71 0-3.29-.599-4.54-1.599.843.3 1.749.469 2.692.469 4.493 0 8.147-3.724 8.147-8.303 0-.96-.162-1.883-.46-2.743a7.62 7.62 0 0 1 1.564 4.632c0 4.163-3.322 7.544-7.403 7.544m.37-8.336c0 1.12-1.166 2.028-2.597 2.028-.612 0-1.209-.169-1.678-.478a.38.38 0 0 1-.11-.521.364.364 0 0 1 .513-.111c.35.231.8.357 1.275.357 1.004 0 1.857-.585 1.857-1.275s-.82-1.26-1.834-1.275h-.398a.374.374 0 0 1-.37-.377c0-.208.166-.377.37-.377h.403c.995-.01 1.83-.512 1.83-1.096 0-.594-.849-1.096-1.858-1.096-.394 0-.773.077-1.095.217a.367.367 0 0 1-.488-.193.38.38 0 0 1 .19-.498 3.5 3.5 0 0 1 1.393-.285c1.454 0 2.597.812 2.597 1.85 0 .618-.408 1.155-1.048 1.493.64.372 1.048.966 1.048 1.637m7.038 8.713c.407 0 .739-.338.739-.754a.747.747 0 0 0-.74-.753.747.747 0 0 0-.739.753c0 .416.332.754.74.754"
         })
     }));
-}, d = l;
+}, v = l;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -119,4 +119,4 @@ const h = (_param)=>{
             d: "M18.526 7.632a7.9 7.9 0 0 0-2.144-2.144A7.84 7.84 0 0 0 9.858 2C5.525 2 2 5.525 2 9.858a7.85 7.85 0 0 0 3.483 6.524 7.9 7.9 0 0 0 2.144 2.144A7.85 7.85 0 0 0 14.142 22C18.475 22 22 18.475 22 14.142c.005-2.707-1.38-5.097-3.474-6.51M3.43 9.858a6.436 6.436 0 0 1 6.427-6.427 6.436 6.436 0 0 1 6.428 6.427 6.436 6.436 0 0 1-6.428 6.428c-3.543.004-6.427-2.88-6.427-6.428m14.286 0a8 8 0 0 0-.05-.891c.488.905.767 1.938.767 3.035a6.436 6.436 0 0 1-6.427 6.428 6.36 6.36 0 0 1-3.036-.768q.434.055.887.055c4.334 0 7.859-3.525 7.859-7.859m-3.57 10.716a6.37 6.37 0 0 1-3.036-.768q.439.049.891.05c4.334 0 7.858-3.525 7.858-7.858q-.001-.453-.05-.892c.49.905.768 1.939.768 3.036-.004 3.547-2.889 6.432-6.432 6.432m-4.65-7.402c1.605 0 2.862-1 2.862-2.276 0-.585-.284-1.125-.755-1.54.467-.371.75-.87.75-1.422 0-1.18-1.257-2.108-2.861-2.108a3.7 3.7 0 0 0-1.486.297.714.714 0 1 0 .576 1.308 2.25 2.25 0 0 1 .914-.179c.864 0 1.435.412 1.435.682 0 .233-.543.662-1.435.672h-.352a.714.714 0 0 0 0 1.426h.352c.823.009 1.435.462 1.435.86 0 .402-.59.85-1.435.85-.388 0-.759-.096-1.038-.28a.716.716 0 0 0-.772 1.203c.507.33 1.152.508 1.81.508"
         })
     }));
-}, v = h;
+}, u = h;

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

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

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: h, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: h, size: c = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = h !== null && h !== void 0 ? h : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = h !== null && h !== void 0 ? h : t ? _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"
-    }, e), {
+    }, v), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M18.364 2.5h-5.82c-2.006 0-3.635 1.703-3.635 3.799v.38H5.636C3.629 6.678 2 8.38 2 10.476v3.8c0 1.833 1.252 3.37 2.91 3.726v2.738a.76.76 0 0 0 .447.7.7.7 0 0 0 .796-.165L9.21 18.08h2.244c2.007 0 3.636-1.702 3.636-3.799v-.063l2.761 2.885c.14.146.326.223.512.223q.14 0 .28-.058a.76.76 0 0 0 .446-.7v-2.739c1.658-.355 2.91-1.887 2.91-3.726v-3.8c0-2.1-1.63-3.803-3.636-3.803m-4.73 11.781c0 1.255-.978 2.282-2.183 2.282H8.904a.7.7 0 0 0-.512.224l-2.03 2.12v-1.585c0-.419-.326-.76-.726-.76-1.201 0-2.183-1.02-2.183-2.28v-3.8c0-1.255.977-2.281 2.183-2.281h3.273v1.902c0 2.096 1.63 3.799 3.636 3.799h1.09zm4.73-1.897c-.4 0-.726.34-.726.76v1.585l-2.03-2.121a.72.72 0 0 0-.512-.224h-2.547c-1.2 0-2.183-1.021-2.183-2.281v-3.8c0-1.254.978-2.28 2.183-2.28h5.82c1.2 0 2.183 1.021 2.183 2.28v3.8h-.005c0 1.255-.977 2.281-2.183 2.281"
@@ -113,10 +113,10 @@ const i = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, v), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M18.364 2.5h-5.82c-2.006 0-3.635 1.703-3.635 3.799v.38H5.636C3.629 6.678 2 8.38 2 10.476v3.8c0 1.833 1.252 3.37 2.91 3.726v2.738a.76.76 0 0 0 .447.7.7.7 0 0 0 .796-.165L9.21 18.08h2.244c2.007 0 3.636-1.702 3.636-3.799v-.063l2.761 2.885c.14.146.326.223.512.223q.14 0 .28-.058a.76.76 0 0 0 .446-.7v-2.739c1.658-.355 2.91-1.887 2.91-3.726v-3.8c0-2.1-1.63-3.803-3.636-3.803m-4.73 11.781c0 1.255-.978 2.282-2.183 2.282H8.904a.7.7 0 0 0-.512.224l-2.03 2.12v-1.585c0-.419-.326-.76-.726-.76-1.201 0-2.183-1.02-2.183-2.28v-3.8c0-1.255.977-2.281 2.183-2.281h3.273v1.902c0 2.096 1.63 3.799 3.636 3.799h1.09zm4.73-1.897c-.4 0-.726.34-.726.76v1.585l-2.03-2.121a.72.72 0 0 0-.512-.224h-2.547c-1.2 0-2.183-1.021-2.183-2.281v-3.8c0-1.254.978-2.28 2.183-2.28h5.82c1.2 0 2.183 1.021 2.183 2.28v3.8h-.005c0 1.255-.977 2.281-2.183 2.281"
         })
     }));
-}, u = i;
+}, d = i;

package/dist/generated/mistica-icons/icon-computer-academic-filled.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");
@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: r, size: o = 24 } = _param, e = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: e, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), i = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M21.841 16.996a.604.604 0 0 0-.602-.608h-8.636v-.482l6.263-.002c.95 0 1.684-.266 2.185-.79.485-.504.729-1.227.729-2.149V7.528c0-.918-.244-1.638-.729-2.137-.498-.512-1.232-.776-2.182-.776l-11.453.006c-.95 0-1.684.26-2.183.776-.481.496-.728 1.218-.728 2.137v3.092L7.36 9.343q.381-.168.792-.168c.275 0 .54.06.79.171l4.86 2.185a1.94 1.94 0 0 1 1.154 1.793c0 .776-.454 1.479-1.154 1.793l-4.857 2.182a1.93 1.93 0 0 1-1.583 0l-3.566-1.605v1.156c0 .594.42 1.101 1 1.205.748.134 1.796.42 2.55 1.02.254.201.557.302.86.302s.604-.1.86-.302c.753-.6 1.803-.886 2.548-1.02.3-.053.555-.221.734-.451h8.891a.604.604 0 0 0 .602-.608M7.69 16.56q.223.1.465.101c.157 0 .317-.034.462-.104l4.86-2.185c.412-.182.678-.596.678-1.05 0-.462-.26-.865-.678-1.053l-4.86-2.185a1.14 1.14 0 0 0-.927 0l-4.86 2.188a1.14 1.14 0 0 0-.675 1.05c0 .462.26.863.678 1.053z"
         })
     }));
-}, d = a;
+}, v = s;

package/dist/generated/mistica-icons/icon-computer-academic-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), a = e !== null && e !== void 0 ? e : t ? _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: c,
         height: c,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: t,
             d: "M12.617 16.39h8.627c.33 0 .602.272.6.614a.606.606 0 0 1-.603.608h-8.89a1.2 1.2 0 0 1-.735.45c-.747.135-1.795.42-2.549 1.02-.5.4-1.215.4-1.72 0-.756-.6-1.803-.885-2.548-1.02a1.22 1.22 0 0 1-.998-1.204v-2.045l-.963-.437a1.15 1.15 0 0 1-.678-1.05c0-.46.258-.863.678-1.053l1.678-.757V7.533c0-.919.243-1.639.728-2.137.499-.513 1.232-.776 2.185-.776h11.454c.95 0 1.683.26 2.182.776.481.498.728 1.218.728 2.137v5.434c0 .92-.244 1.645-.726 2.149-.501.524-1.238.79-2.184.79l-6.266.002zm.865-4.115c.417.185.684.597.675 1.054 0 .453-.266.865-.678 1.05l-.73.328 6.13-.003c.614 0 1.062-.143 1.331-.423.26-.272.392-.714.392-1.314V7.53c0-.593-.131-1.03-.389-1.297-.269-.274-.717-.414-1.333-.414l-11.454.005c-.619 0-1.067.14-1.333.415-.258.266-.39.703-.39 1.297v3.448l1.992-.893c.294-.132.633-.132.927 0zm-.622 1.05-4.725-2.122-4.675 2.123 4.725 2.123zm-4.767 4.796a.18.18 0 0 0 .23 0c.952-.756 2.201-1.1 3.083-1.26l.003-1.55-2.787 1.253a1.13 1.13 0 0 1-.927 0l-2.69-1.21v1.501c.886.163 2.135.51 3.088 1.266"
         })
     }));
-}, h = i;
+}, h = s;

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), t = h !== null && h !== void 0 ? h : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = h !== null && h !== void 0 ? h : l ? _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,
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M5.319 17.462c-1.042 0-1.84-.283-2.381-.84-.518-.538-.782-1.32-.782-2.32V8.025c0-1 .264-1.776.782-2.305.535-.55 1.336-.827 2.378-.827l13.356-.008c1.042 0 1.843.277 2.378.826.518.533.781 1.308.781 2.306v6.277c0 1-.263 1.782-.781 2.32-.538.557-1.34.84-2.381.84zM18.675 5.445l-13.356.009c-1.751 0-2.603.84-2.603 2.571v6.277c0 .852.21 1.499.625 1.93.429.446 1.093.67 1.978.67l13.356-.009c.882 0 1.549-.224 1.977-.67.415-.428.625-1.077.625-1.929V8.017c-.003-1.731-.855-2.572-2.603-2.572M2.156 18.83c0 .154.126.28.28.28l19.118-.008a.28.28 0 0 0 .28-.28.28.28 0 0 0-.28-.28l-19.118.008a.28.28 0 0 0-.28.28"
         })
     }));
-}, d = s;
+}, f = s;

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

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const v = (_param)=>{
     var { color: l, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), c = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -139,4 +139,4 @@ const a = (_param)=>{
             d: "m18.402 17.462-12.804-.008c-1.12 0-1.99-.311-2.58-.927-.574-.591-.863-1.437-.863-2.513V7.737c0-2.202 1.221-3.412 3.44-3.412l12.807.008c2.218 0 3.44 1.213 3.44 3.412v6.278c0 1.075-.29 1.921-.86 2.512-.594.616-1.463.927-2.58.927M5.594 5.445c-.807 0-1.406.194-1.779.575-.358.367-.54.944-.54 1.717v6.277c0 1.583.736 2.32 2.319 2.32l12.804.008c1.582 0 2.32-.737 2.32-2.32V7.746c0-.773-.183-1.35-.544-1.717-.373-.38-.97-.574-1.78-.574zm-2.88 14.222 18.566.008c.308 0 .56-.252.56-.56a.56.56 0 0 0-.56-.56l-18.566-.009a.56.56 0 0 0-.56.56c0 .309.252.56.56.56"
         })
     }));
-}, f = a;
+}, f = v;

package/dist/generated/mistica-icons/icon-computer-user-filled.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), l = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = e !== null && e !== void 0 ? e : t ? _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-computer-user-light.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_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 = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M9.932 11.263c-1.418 0-2.535-.383-3.32-1.137C5.794 9.339 5.38 8.19 5.38 6.714S5.794 4.09 6.61 3.3c.784-.762 1.904-1.149 3.322-1.149 1.417 0 2.537.387 3.325 1.143.82.79 1.235 1.941 1.235 3.417 0 1.477-.415 2.625-1.238 3.412-.785.757-1.902 1.14-3.322 1.14M6.198 6.711c0 1.247.33 2.197.98 2.821.628.605 1.555.91 2.754.91 1.201 0 2.128-.305 2.759-.91.655-.624.986-1.577.986-2.82 0-1.244-.33-2.2-.986-2.827-.63-.608-1.558-.916-2.76-.916-1.198 0-2.125.308-2.753.916-.65.63-.98 1.58-.98 2.826m15.63 14.737a.41.41 0 0 0-.39-.428H8.865a.41.41 0 0 0-.409.409c0 .226.182.409.41.409h12.574a.406.406 0 0 0 .389-.39M3.04 18.714a.06.06 0 0 1-.062-.061l.003-1.381c0-1.21.373-2.238 1.076-2.972.767-.801 1.924-1.224 3.347-1.224h1.151c-.061.224-.098.47-.098.747v4.261q0 .32.067.63zm7.563-6.196s9.064-.005 9.059-.003q.72 0 1.028.314.3.305.3.992v4.255c0 .459-.101.798-.3 1.005q-.313.32-1.028.32l-9.065.005q-.716 0-1.025-.32c-.199-.206-.3-.543-.3-1.002v-4.26c0-.309.05-.555.14-.748h.02v-.045a.8.8 0 0 1 .14-.2c.207-.206.552-.313 1.03-.313m-1.76 7.014v-.064q.027.035.05.07.044.063.088.117c.367.379.91.572 1.616.572l9.065-.006c.708 0 1.252-.193 1.616-.571.35-.364.53-.894.53-1.572v-4.26c0-.675-.177-1.205-.53-1.563-.364-.373-.908-.56-1.613-.56L10.6 11.7c-.706 0-1.25.188-1.613.56H7.399c-1.65 0-3.01.51-3.938 1.477-.849.888-1.3 2.112-1.3 3.537v1.379c0 .484.395.88.883.88z"
         })
     }));
-}, m = l;
+}, m = a;

package/dist/generated/mistica-icons/icon-computer-user-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const n = (_param)=>{
     var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), l = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -108,4 +108,4 @@ const a = (_param)=>{
             d: "M9.962 11.475c-1.443 0-2.58-.392-3.39-1.17-.843-.81-1.266-1.981-1.266-3.488 0-1.502.423-2.678 1.266-3.488.81-.784 1.947-1.179 3.39-1.179 1.442 0 2.59.392 3.4 1.18.849.809 1.275 1.988 1.275 3.487 0 1.507-.426 2.678-1.275 3.487-.81.779-1.95 1.171-3.4 1.171M6.508 6.817c0 1.168.305 2.05.896 2.622.577.552 1.434.834 2.558.834q1.699-.002 2.566-.834c.602-.577.907-1.46.907-2.622 0-1.165-.305-2.045-.907-2.622-.578-.56-1.443-.84-2.566-.84-1.112 0-1.978.28-2.558.84-.59.577-.896 1.46-.896 2.622m4.12 13.244c-.641 0-1.131-.16-1.49-.482H3.222a1.065 1.065 0 0 1-1.067-1.06v-1.352c0-1.451.457-2.695 1.33-3.6.947-.994 2.334-1.515 4-1.515h1.813c.336-.224.776-.344 1.33-.344l8.874-.009c.698 0 1.227.185 1.577.552q.52.531.521 1.532v4.177c0 .666-.168 1.179-.512 1.537-.362.37-.9.564-1.586.564zm-.907-2.101c0 .336.064.585.185.706.16.168.52.193.72.193H19.5c.198 0 .551-.025.72-.193.111-.12.176-.376.176-.706v-4.177c0-.33-.065-.577-.177-.689-.12-.12-.378-.193-.72-.193l-8.873.008c-.353 0-.608.065-.72.185-.118.12-.185.37-.185.698zm-1.171.417a4 4 0 0 1-.034-.417v-4.168c0-.194.026-.37.05-.538H7.484c-1.33 0-2.42.395-3.135 1.137-.65.68-.994 1.644-.994 2.773l.003 1.213zm12.689 3.462a.601.601 0 1 0 0-1.204H8.919a.601.601 0 1 0 0 1.204z"
         })
     }));
-}, p = a;
+}, p = n;

package/dist/generated/mistica-icons/icon-conference-call-filled.js

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
+const l = (_param)=>{
     var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), o = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: m } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: m } = (0, _hooks.useTheme)();
     return m.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -119,4 +119,4 @@ const h = (_param)=>{
             d: "M21.528 3.853v16.294c0 1.019-.79 1.853-1.766 1.853H4.245c-.97 0-1.765-.83-1.765-1.853V3.853C2.48 2.834 3.27 2 4.245 2h15.522c.97.005 1.76.834 1.76 1.853M7.419 4.967c-.677 0-1.232.578-1.232 1.294 0 .715.555 1.293 1.232 1.293s1.233-.578 1.233-1.293c0-.711-.551-1.294-1.233-1.294m8.04 10.971c0-.658.511-1.194 1.139-1.194.627 0 1.137.536 1.137 1.194 0 .66-.51 1.195-1.137 1.195-.628 0-1.138-.536-1.138-1.195m-8.04-1.346c-.682 0-1.232.583-1.232 1.299s.555 1.294 1.232 1.294c.682 0 1.233-.583 1.233-1.294.004-.716-.551-1.299-1.233-1.299M17.83 6.261c0 .71-.555 1.293-1.237 1.293s-1.237-.578-1.232-1.293c0-.711.55-1.294 1.232-1.294s1.237.578 1.237 1.294m-3.707 4.075a.537.537 0 0 0 .524-.492c.077-.702.858-1.176 1.941-1.176 1.088 0 1.87.474 1.942 1.176.031.303.298.526.587.488.289-.034.496-.308.465-.616-.086-.797-.578-1.432-1.332-1.801a2.47 2.47 0 0 0 .632-1.654c0-1.327-1.03-2.408-2.294-2.408s-2.293 1.08-2.293 2.408c0 .64.24 1.222.632 1.654-.754.37-1.246 1.004-1.332 1.8a.556.556 0 0 0 .528.621m-9.232-.004a.537.537 0 0 0 .587-.488c.077-.702.858-1.176 1.941-1.176 1.088 0 1.865.474 1.941 1.176a.54.54 0 0 0 .587.488c.29-.034.497-.308.465-.616-.085-.797-.578-1.432-1.332-1.801a2.47 2.47 0 0 0 .633-1.654c0-1.327-1.03-2.408-2.294-2.408s-2.293 1.08-2.293 2.408c0 .64.239 1.222.632 1.654-.75.37-1.246 1.004-1.332 1.8a.556.556 0 0 0 .465.617m4.194 7.208a2.47 2.47 0 0 0 .632-1.654c0-1.327-1.03-2.407-2.293-2.407-1.265 0-2.294 1.08-2.294 2.407 0 .64.24 1.223.632 1.654-.754.37-1.246 1.005-1.332 1.801a.556.556 0 0 0 .529.621.537.537 0 0 0 .523-.493c.077-.701.858-1.175 1.942-1.175 1.088 0 1.864.474 1.941 1.175a.54.54 0 0 0 .587.488c.289-.033.496-.312.465-.616-.086-.796-.578-1.431-1.332-1.8m10.501 1.801c-.09-.815-.605-1.464-1.386-1.83a2.35 2.35 0 0 0 .596-1.573c0-1.27-.984-2.308-2.198-2.308-1.215 0-2.2 1.034-2.2 2.308 0 .607.227 1.157.592 1.57-.79.364-1.305 1.013-1.395 1.828a.556.556 0 0 0 .528.621.537.537 0 0 0 .524-.493c.077-.701.858-1.175 1.941-1.175 1.088 0 1.87.474 1.942 1.175.031.304.298.527.587.489.293-.029.5-.308.47-.612m-.171-7.896h-6.88V4.223a.54.54 0 0 0-.529-.555.54.54 0 0 0-.528.555v7.218h-6.88a.54.54 0 0 0-.529.554.54.54 0 0 0 .528.555h6.876v7.218a.54.54 0 0 0 .528.554.54.54 0 0 0 .529-.554v-7.213h6.876a.544.544 0 0 0 .537-.555.54.54 0 0 0-.528-.555"
         })
     }));
-}, p = h;
+}, p = l;

package/dist/generated/mistica-icons/icon-conference-call-light.js

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return q;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const l = (_param)=>{
     var { color: m, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), o = m !== null && m !== void 0 ? m : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = m !== null && m !== void 0 ? m : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -105,7 +105,7 @@ const i = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M4.593 2h14.81A2.6 2.6 0 0 1 22 4.593v14.814A2.594 2.594 0 0 1 19.407 22H4.593A2.594 2.594 0 0 1 2 19.407V4.593A2.594 2.594 0 0 1 4.593 2m.488 8.699a.56.56 0 0 0 .617-.489c.08-.71.81-1.175 1.853-1.175 1.086 0 1.963.507 2.038 1.175a.56.56 0 0 0 .55.493q.03.001.067-.004a.556.556 0 0 0 .488-.617c-.09-.786-.65-1.44-1.47-1.815.342-.389.546-.9.546-1.455a2.226 2.226 0 0 0-2.224-2.224 2.226 2.226 0 0 0-2.223 2.224c0 .568.218 1.085.569 1.479-.73.37-1.214 1-1.304 1.791a.57.57 0 0 0 .493.617m2.47-4.997a1.11 1.11 0 0 1 0 2.219 1.11 1.11 0 0 1-1.11-1.11c0-.61.499-1.109 1.11-1.109m6.85 4.509a.56.56 0 0 1-.616.488.57.57 0 0 1-.493-.617c.09-.791.573-1.422 1.303-1.791a2.22 2.22 0 0 1-.569-1.48 2.223 2.223 0 1 1 3.902 1.456c.82.374 1.38 1.029 1.47 1.816a.556.556 0 0 1-.489.616q-.036.006-.066.005a.557.557 0 0 1-.55-.494c-.076-.668-.953-1.175-2.038-1.175-1.043 0-1.773.46-1.854 1.175m.744-3.4a1.11 1.11 0 0 0 2.219 0 1.11 1.11 0 0 0-1.11-1.109 1.11 1.11 0 0 0-1.109 1.11M9.775 15.7a2.2 2.2 0 0 1-.546 1.455c.82.375 1.38 1.029 1.465 1.816a.556.556 0 0 1-.488.616q-.037.006-.067.005a.56.56 0 0 1-.55-.493c-.075-.669-.952-1.176-2.038-1.176-1.043 0-1.773.465-1.853 1.176a.56.56 0 0 1-.617.488.56.56 0 0 1-.488-.616c.09-.792.574-1.422 1.304-1.792a2.22 2.22 0 0 1-.57-1.48c0-1.227 1.001-2.222 2.224-2.222 1.228 0 2.223 1 2.223 2.223M7.55 14.59a1.11 1.11 0 0 0-1.11 1.11 1.11 1.11 0 0 0 2.219 0 1.11 1.11 0 0 0-1.109-1.11m10.927 1.11a2.2 2.2 0 0 1-.545 1.455c.82.375 1.38 1.029 1.465 1.816a.556.556 0 0 1-.489.616q-.036.006-.066.005a.56.56 0 0 1-.55-.493c-.076-.669-.953-1.176-2.038-1.176-1.043 0-1.773.465-1.854 1.176a.56.56 0 0 1-.616.488.56.56 0 0 1-.489-.616c.09-.792.574-1.422 1.304-1.792a2.22 2.22 0 0 1-.569-1.48 2.223 2.223 0 0 1 4.447 0m-3.333 0a1.11 1.11 0 0 0 2.219 0 1.11 1.11 0 0 0-1.11-1.11 1.11 1.11 0 0 0-1.109 1.11m5.371 3.702V4.593a1.11 1.11 0 0 0-1.109-1.11H4.593a1.11 1.11 0 0 0-1.11 1.11v14.81c0 .61.499 1.109 1.11 1.109h14.814a1.11 1.11 0 0 0 1.11-1.11m-1.479-6.85a.55.55 0 0 0 .555-.554.556.556 0 0 0-.56-.555h-6.48v-6.48a.55.55 0 0 0-.554-.555.55.55 0 0 0-.555.555v6.48h-6.48a.55.55 0 0 0-.555.555c0 .308.247.554.555.554h6.48v6.48c0 .309.247.555.555.555a.55.55 0 0 0 .554-.555v-6.48z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,8 +115,8 @@ const i = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M4.593 2h14.81A2.6 2.6 0 0 1 22 4.593v14.814A2.594 2.594 0 0 1 19.407 22H4.593A2.594 2.594 0 0 1 2 19.407V4.593A2.594 2.594 0 0 1 4.593 2m.488 8.699a.56.56 0 0 0 .617-.489c.08-.71.81-1.175 1.853-1.175 1.086 0 1.963.507 2.038 1.175a.56.56 0 0 0 .55.493q.03.001.067-.004a.556.556 0 0 0 .488-.617c-.09-.786-.65-1.44-1.47-1.815.342-.389.546-.9.546-1.455a2.226 2.226 0 0 0-2.224-2.224 2.226 2.226 0 0 0-2.223 2.224c0 .568.218 1.085.569 1.479-.73.37-1.214 1-1.304 1.791a.57.57 0 0 0 .493.617m2.47-4.997a1.11 1.11 0 0 1 0 2.219 1.11 1.11 0 0 1-1.11-1.11c0-.61.499-1.109 1.11-1.109m6.85 4.509a.56.56 0 0 1-.616.488.57.57 0 0 1-.493-.617c.09-.791.573-1.422 1.303-1.791a2.22 2.22 0 0 1-.569-1.48 2.223 2.223 0 1 1 3.902 1.456c.82.374 1.38 1.029 1.47 1.816a.556.556 0 0 1-.489.616q-.036.006-.066.005a.557.557 0 0 1-.55-.494c-.076-.668-.953-1.175-2.038-1.175-1.043 0-1.773.46-1.854 1.175m.744-3.4a1.11 1.11 0 0 0 2.219 0 1.11 1.11 0 0 0-1.11-1.109 1.11 1.11 0 0 0-1.109 1.11M9.775 15.7a2.2 2.2 0 0 1-.546 1.455c.82.375 1.38 1.029 1.465 1.816a.556.556 0 0 1-.488.616q-.037.006-.067.005a.56.56 0 0 1-.55-.493c-.075-.669-.952-1.176-2.038-1.176-1.043 0-1.773.465-1.853 1.176a.56.56 0 0 1-.617.488.56.56 0 0 1-.488-.616c.09-.792.574-1.422 1.304-1.792a2.22 2.22 0 0 1-.57-1.48c0-1.227 1.001-2.222 2.224-2.222 1.228 0 2.223 1 2.223 2.223M7.55 14.59a1.11 1.11 0 0 0-1.11 1.11 1.11 1.11 0 0 0 2.219 0 1.11 1.11 0 0 0-1.109-1.11m10.927 1.11a2.2 2.2 0 0 1-.545 1.455c.82.375 1.38 1.029 1.465 1.816a.556.556 0 0 1-.489.616q-.036.006-.066.005a.56.56 0 0 1-.55-.493c-.076-.669-.953-1.176-2.038-1.176-1.043 0-1.773.465-1.854 1.176a.56.56 0 0 1-.616.488.56.56 0 0 1-.489-.616c.09-.792.574-1.422 1.304-1.792a2.22 2.22 0 0 1-.569-1.48 2.223 2.223 0 0 1 4.447 0m-3.333 0a1.11 1.11 0 0 0 2.219 0 1.11 1.11 0 0 0-1.11-1.11 1.11 1.11 0 0 0-1.109 1.11m5.371 3.702V4.593a1.11 1.11 0 0 0-1.109-1.11H4.593a1.11 1.11 0 0 0-1.11 1.11v14.81c0 .61.499 1.109 1.11 1.109h14.814a1.11 1.11 0 0 0 1.11-1.11m-1.479-6.85a.55.55 0 0 0 .555-.554.556.556 0 0 0-.56-.555h-6.48v-6.48a.55.55 0 0 0-.554-.555.55.55 0 0 0-.555.555v6.48h-6.48a.55.55 0 0 0-.555.555c0 .308.247.554.555.554h6.48v6.48c0 .309.247.555.555.555a.55.55 0 0 0 .554-.555v-6.48z"
         })
     }));
-}, q = i;
+}, d = l;

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

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const n = (_param)=>{
     var { color: c, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), h = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = c !== null && c !== void 0 ? c : 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: l,
         height: l,
@@ -129,4 +129,4 @@ const i = (_param)=>{
             d: "M20.205 7.404c0-.684-.513-1.235-1.146-1.235V6.16h-2.801v-.67c0-.109-.04-.212-.112-.29l-.63-.678a.86.86 0 0 0-.006-1.155l-.9-.969a.74.74 0 0 0-.54-.24.74.74 0 0 0-.54.24l-.55.591a.87.87 0 0 0 0 1.163l.9.966a.727.727 0 0 0 1.081 0l.014-.014.515.558v.498H8.51v-.498l.513-.552.01.011a.727.727 0 0 0 1.081 0l.9-.966a.87.87 0 0 0 0-1.163l-.546-.59a.74.74 0 0 0-.54-.242.74.74 0 0 0-.541.241l-.9.97a.85.85 0 0 0-.224.582.85.85 0 0 0 .222.58l-.625.672a.43.43 0 0 0-.112.291v.67H4.941c-.633 0-1.145.552-1.145 1.235v1.093c0 .683.512 1.235 1.145 1.235h.381v.003h13.356v-.003h.38c.634 0 1.146-.552 1.146-1.235zM5.322 10.387v.303c0 .68.513 1.235 1.143 1.235H7.62v.003h8.76v-.003h1.153c.633 0 1.146-.555 1.146-1.235v-.303zM7.62 17.87v-5.286h8.76v5.286zm11.037 1.89c0-.683-.513-1.235-1.146-1.235h-.835v.003H6.465c-.622.011-1.123.557-1.123 1.233v.857c0 .683.512 1.235 1.146 1.235H17.51c.633 0 1.145-.552 1.145-1.235z"
         })
     }));
-}, p = i;
+}, p = n;

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

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const c = (_param)=>{
     var { color: t, size: a = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -129,4 +129,4 @@ const i = (_param)=>{
             d: "M19.38 6.552h-2.804V5.465a.4.4 0 0 0-.12-.289l-.678-.675a.82.82 0 0 0 .235-.568.81.81 0 0 0-.24-.577l-.967-.964a.818.818 0 0 0-1.16 0l-.59.588a.82.82 0 0 0 0 1.157l.966.961a.82.82 0 0 0 1.16 0l.016-.017.557.555v.919H8.244v-.92l.552-.548.01.011a.82.82 0 0 0 1.16 0l.967-.96a.82.82 0 0 0 0-1.158l-.588-.588a.823.823 0 0 0-1.163 0l-.966.964a.814.814 0 0 0-.003 1.151l-.672.67a.4.4 0 0 0-.12.288v1.087H4.617a.82.82 0 0 0-.82.818v1.364c0 .45.37.818.82.818h.785v1.252a.82.82 0 0 0 .82.818H7.52v7.37H6.246a.82.82 0 0 0-.821.817v1.213a.82.82 0 0 0 .82.818h11.513c.454 0 .821-.364.821-.818V19.81a.82.82 0 0 0-.82-.818h-1.275v-7.37h1.297c.454 0 .82-.364.82-.818V9.552h.782a.82.82 0 0 0 .82-.818V7.37a.824.824 0 0 0-.823-.818m0 2.182h-1.585q-.005 0-.009-.002H6.215l-.011.002H4.618V7.37H19.38zM17.778 10.8H6.223V9.55h11.555zm-9.44 8.188v-7.367h7.322v7.367zm-2.095 2.03v-1.212h11.513v1.213zm3.52-18.05.59.588-.967.961-.589-.585zm4.46-.003.967.964-.589.585-.966-.96z"
         })
     }));
-}, V = i;
+}, V = c;

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

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

package/dist/generated/mistica-icons/icon-configure-device-filled.js

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

package/dist/generated/mistica-icons/icon-configure-device-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return H;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -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: i, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), a = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = i !== null && i !== void 0 ? i : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
     return v.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -135,4 +135,4 @@ const n = (_param)=>{
             })
         ]
     }));
-}, H = n;
+}, p = n;

package/dist/generated/mistica-icons/icon-configure-device-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: o, size: l = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: r, size: l = 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: v } = (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: v } = (0, _hooks.useTheme)();
     return v.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -135,4 +135,4 @@ const m = (_param)=>{
             })
         ]
     }));
-}, d = m;
+}, p = m;

package/dist/generated/mistica-icons/icon-configure-modem-filled.js

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