@telefonica/mistica 15.20.1 → 16.0.0

package/dist/generated/mistica-icons/icon-mast-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,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_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 l = (0, _themevariantcontext.useIsInverseVariant)(), r = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : i ? _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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M14.862 2.739 12.005 2l-2.858.739v12.233h2.144v6.29c0 .407.32.738.713.738a.727.727 0 0 0 .714-.739v-6.29h2.144zm-9.56 1.075a6.73 6.73 0 0 0-1.87 4.684c0 1.596.552 3.14 1.554 4.352a.755.755 0 0 1-.073 1.042.7.7 0 0 1-.467.18.7.7 0 0 1-.54-.256A8.32 8.32 0 0 1 2 8.498c0-2.155.81-4.192 2.286-5.726a.694.694 0 0 1 1.01-.005.755.755 0 0 1 .005 1.047m14.416-1.042a.7.7 0 0 0-1.01-.005.764.764 0 0 0-.005 1.047 6.72 6.72 0 0 1 1.87 4.684 6.8 6.8 0 0 1-1.559 4.352.76.76 0 0 0 .073 1.042c.133.118.302.18.467.18a.69.69 0 0 0 .54-.256A8.32 8.32 0 0 0 22 8.498a8.17 8.17 0 0 0-2.282-5.726m-.21 5.636a5.63 5.63 0 0 1-1.893 4.229.7.7 0 0 1-.462.175.71.71 0 0 1-.544-.26.755.755 0 0 1 .082-1.042 4.13 4.13 0 0 0 1.39-3.102c0-1.293-.58-2.487-1.59-3.263a.76.76 0 0 1-.147-1.037.7.7 0 0 1 1.001-.152c1.372 1.06 2.163 2.685 2.163 4.452M6.668 3.956c-1.376 1.06-2.167 2.68-2.167 4.452 0 1.629.69 3.168 1.893 4.229a.7.7 0 0 0 .462.175.71.71 0 0 0 .544-.26.755.755 0 0 0-.082-1.042 4.12 4.12 0 0 1-1.39-3.102c0-1.298.58-2.487 1.591-3.263a.76.76 0 0 0 .146-1.037.7.7 0 0 0-.997-.152m3.91 9.538v-9.6l.892-.232v9.832zm1.962-9.832.891.232v9.596h-.891z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +113,10 @@ const s = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M14.862 2.739 12.005 2l-2.858.739v12.233h2.144v6.29c0 .407.32.738.713.738a.727.727 0 0 0 .714-.739v-6.29h2.144zm-9.56 1.075a6.73 6.73 0 0 0-1.87 4.684c0 1.596.552 3.14 1.554 4.352a.755.755 0 0 1-.073 1.042.7.7 0 0 1-.467.18.7.7 0 0 1-.54-.256A8.32 8.32 0 0 1 2 8.498c0-2.155.81-4.192 2.286-5.726a.694.694 0 0 1 1.01-.005.755.755 0 0 1 .005 1.047m14.416-1.042a.7.7 0 0 0-1.01-.005.764.764 0 0 0-.005 1.047 6.72 6.72 0 0 1 1.87 4.684 6.8 6.8 0 0 1-1.559 4.352.76.76 0 0 0 .073 1.042c.133.118.302.18.467.18a.69.69 0 0 0 .54-.256A8.32 8.32 0 0 0 22 8.498a8.17 8.17 0 0 0-2.282-5.726m-.21 5.636a5.63 5.63 0 0 1-1.893 4.229.7.7 0 0 1-.462.175.71.71 0 0 1-.544-.26.755.755 0 0 1 .082-1.042 4.13 4.13 0 0 0 1.39-3.102c0-1.293-.58-2.487-1.59-3.263a.76.76 0 0 1-.147-1.037.7.7 0 0 1 1.001-.152c1.372 1.06 2.163 2.685 2.163 4.452M6.668 3.956c-1.376 1.06-2.167 2.68-2.167 4.452 0 1.629.69 3.168 1.893 4.229a.7.7 0 0 0 .462.175.71.71 0 0 0 .544-.26.755.755 0 0 0-.082-1.042 4.12 4.12 0 0 1-1.39-3.102c0-1.298.58-2.487 1.591-3.263a.76.76 0 0 0 .146-1.037.7.7 0 0 0-.997-.152m3.91 9.538v-9.6l.892-.232v9.832zm1.962-9.832.891.232v9.596h-.891z"
         })
     }));
-}, u = s;
+}, d = s;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const c = (_param)=>{
+const a = (_param)=>{
     var { color: l, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -108,4 +108,4 @@ const c = (_param)=>{
             d: "M16.745 12.314c0-1.277 1.1-2.314 2.459-2.314 1.36 0 2.456 1.037 2.456 2.314s-1.1 2.312-2.459 2.312c-1.36 0-2.456-1.035-2.456-2.312m-7.374 0c0-1.277 1.1-2.314 2.459-2.314 1.36 0 2.459 1.035 2.459 2.314 0 1.277-1.1 2.312-2.459 2.312-1.36 0-2.459-1.035-2.459-2.312M4.456 10C3.1 10 2 11.037 2 12.314s1.097 2.312 2.456 2.312c1.36 0 2.459-1.035 2.459-2.312 0-1.28-1.102-2.314-2.459-2.314"
         })
     }));
-}, f = c;
+}, f = a;

package/dist/generated/mistica-icons/icon-medical-history-filled.js

@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), c = 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)(), c = i !== null && i !== void 0 ? i : 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: h,
         height: h,

package/dist/generated/mistica-icons/icon-medical-history-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 n = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), a = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = t !== null && t !== void 0 ? t : i ? _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,
@@ -129,4 +129,4 @@ const n = (_param)=>{
             d: "M19.382 4.746c0-.591-.686-1.132-1.443-1.132h-3.154c-.32-.717-1.064-1.459-2.781-1.459-1.412 0-2.367.513-2.787 1.457H6.063c-.754 0-1.443.54-1.443 1.134V20.71c0 .613.661 1.131 1.443 1.131h11.876c.782 0 1.443-.515 1.443-1.131zM12 2.956c1.17 0 1.86.381 2.106 1.168q.102.338.11.692v.132c-.012.344-.031.818-2.219.818S9.794 5.292 9.78 4.9l.005-.154c.06-1.221.76-1.79 2.216-1.79m6.571 17.754c0 .109-.274.33-.63.33H6.065c-.355 0-.63-.218-.63-.33V4.746c0-.078.26-.33.63-.33h2.95l-.013.086q-.017.09-.02.188l-.006.092v.194c.047 1.32 1.246 1.59 3.03 1.59 1.785 0 2.984-.268 3.029-1.573l.002-.093-.008-.19a3 3 0 0 0-.03-.294h2.943c.37 0 .63.249.63.33zM11.1 5.088a.405.405 0 0 1-.406-.4c0-.222.182-.401.406-.401H12.9c.224 0 .406.179.406.4s-.182.4-.406.4zm7.036 9.07c0-.221-.182-.4-.406-.4l-2.577.002-.815-2.291a.4.4 0 0 0-.395-.266.4.4 0 0 0-.378.285l-.675 2.272h-.664a.41.41 0 0 0-.39.283l-.268.874-1.02-5.028a.4.4 0 0 0-.378-.322.39.39 0 0 0-.409.28l-1.21 3.857H6.273a.4.4 0 0 0-.407.4.403.403 0 0 0 .407.401H8.85c.179 0 .336-.115.389-.283l.826-2.633 1.023 5.042a.4.4 0 0 0 .378.322h.02c.179 0 .336-.114.389-.283l.653-2.112h.666a.4.4 0 0 0 .39-.285l.406-1.367.493 1.386a.41.41 0 0 0 .383.266h2.863c.224 0 .406-.179.406-.4"
         })
     }));
-}, d = n;
+}, V = n;

package/dist/generated/mistica-icons/icon-medical-history-regular.js

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

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: s, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), c = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = s !== null && s !== void 0 ? s : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: i,
             d: "M2.735 5.752a.575.575 0 0 1-.58-.568c0-.314.26-.569.58-.569h18.53c.319 0 .58.255.58.569s-.261.568-.58.568zm18.527 5.678c.319 0 .58.255.58.569s-.261.568-.58.568H2.735a.575.575 0 0 1-.58-.568c0-.314.26-.569.58-.569zm.58 7.384a.575.575 0 0 0-.58-.569H2.735c-.32 0-.58.255-.58.569s.26.569.58.569h18.527c.319 0 .58-.255.58-.57"
         })
     }));

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

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

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

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: r, size: h = 24 } = _param, v = _object_without_properties(_param, [
+const e = (_param)=>{
+    var { color: c, size: h = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), i = r !== null && r !== void 0 ? r : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = 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: h,
         height: h,
@@ -108,4 +108,4 @@ const s = (_param)=>{
             d: "M21.839 12.006a.41.41 0 0 1-.412.412l-2.827-.003v1.65h2.835a.414.414 0 0 1 0 .826h-2.829v2.647c0 .572-.53 1.073-1.132 1.073h-2.582v2.82a.412.412 0 0 1-.824 0v-2.82h-1.65v2.82a.412.412 0 0 1-.823 0v-2.82h-1.65v2.82a.414.414 0 0 1-.826 0v-2.82H6.536c-.602 0-1.132-.501-1.132-1.073v-2.647H2.567a.412.412 0 0 1 0-.823h2.837v-1.65H2.567a.412.412 0 0 1 0-.824h2.837v-1.65H2.567a.412.412 0 0 1 0-.826h2.835V6.496c0-.566.54-1.081 1.131-1.081h2.583V2.572a.412.412 0 0 1 .826 0v2.843h1.65V2.572a.412.412 0 0 1 .823 0v2.843h1.65V2.572c0-.227.185-.412.412-.412s.412.185.41.412v2.846h2.582c.594 0 1.131.515 1.131 1.08v2.623h2.83a.412.412 0 0 1 0 .823H18.6v1.65h2.827c.227 0 .412.185.412.412m-4.37 5.781c.154 0 .305-.14.305-.246V6.499c0-.1-.162-.255-.305-.255H6.536c-.143 0-.305.154-.305.255V17.54c0 .11.143.246.305.246z"
         })
     }));
-}, p = s;
+}, p = e;

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

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

@@ -97,8 +97,8 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), i = c !== null && c !== void 0 ? c : 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({
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = c !== null && c !== void 0 ? c : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const s = (_param)=>{
             fill: i,
             d: "M8.52 5.518v8.52c0 1.973 1.53 3.52 3.485 3.52s3.485-1.547 3.485-3.52v-8.52C15.49 3.546 13.959 2 12.005 2S8.52 3.546 8.52 5.518M16.044 22a.74.74 0 0 0-.014-1.48h-3.302v-.796c2.691-.365 4.772-2.688 4.772-5.5a.737.737 0 0 0-.733-.74.737.737 0 0 0-.732.74c0 2.243-1.813 4.073-4.035 4.073s-4.035-1.826-4.035-4.073a.737.737 0 0 0-.732-.74.737.737 0 0 0-.733.74c0 2.812 2.085 5.135 4.772 5.5v.797H7.97a.737.737 0 0 0-.733.74c0 .407.33.739.733.739z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-microphone-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 v = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), r = s !== null && s !== void 0 ? s : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = s !== null && s !== void 0 ? s : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const v = (_param)=>{
             d: "M11.998 2.155c2.79 0 4.325 1.555 4.325 4.375v6.79c0 2.821-1.535 4.376-4.328 4.376-2.79 0-4.325-1.555-4.325-4.376V6.53c0-2.82 1.538-4.375 4.328-4.375m3.51 11.162V6.53c0-2.355-1.183-3.549-3.51-3.549s-3.51 1.194-3.51 3.55v6.79c0 2.352 1.182 3.548 3.51 3.548s3.51-1.196 3.51-3.552m-2.533 7.558a.96.96 0 0 0-.955-.966.96.96 0 0 0-.955.966.96.96 0 0 0 .955.966.96.96 0 0 0 .955-.966m2.373-1.933a.96.96 0 0 1 .955.966.96.96 0 0 1-.955.967.96.96 0 0 1-.955-.966.96.96 0 0 1 .955-.967m3.627-1.336a.96.96 0 0 0-.955-.966.96.96 0 0 0-.955.966.96.96 0 0 0 .955.966.96.96 0 0 0 .955-.966m0-4.255a.82.82 0 0 1 .815.824.82.82 0 0 1-.815.826.82.82 0 0 1-.815-.826.82.82 0 0 1 .815-.824M9.6 19.908a.96.96 0 0 0-.955-.966.96.96 0 0 0-.955.966.96.96 0 0 0 .955.967.96.96 0 0 0 .955-.966M5.975 16.64a.96.96 0 0 1 .955.966.96.96 0 0 1-.955.966.96.96 0 0 1-.955-.966c0-.532.429-.966.955-.966M5.02 15a.82.82 0 0 0 .815-.825.82.82 0 0 0-.815-.824.82.82 0 0 0-.815.824.82.82 0 0 0 .815.826"
         })
     }));
-}, d = v;
+}, f = v;

package/dist/generated/mistica-icons/icon-microphone-regular.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 h = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), r = a !== null && a !== void 0 ? a : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = a !== null && a !== void 0 ? a : 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: c,
         height: c,
@@ -129,4 +129,4 @@ const h = (_param)=>{
             d: "M11.998 2.155c2.921 0 4.529 1.61 4.529 4.532v6.72c0 2.922-1.608 4.532-4.53 4.532-2.921 0-4.529-1.61-4.529-4.532v-6.72c0-2.921 1.608-4.532 4.53-4.532m3.308 11.252v-6.72c0-2.227-1.082-3.31-3.308-3.31s-3.309 1.08-3.309 3.31v6.72c0 2.227 1.082 3.311 3.309 3.311 2.226 0 3.308-1.084 3.308-3.31m-2.33 7.48a.957.957 0 0 0-.956-.959.957.957 0 0 0 0 1.913.956.956 0 0 0 .955-.955m2.372-1.914a.956.956 0 1 1-.003 1.913.956.956 0 0 1 .003-1.913m3.627-1.325a.956.956 0 0 0-1.91 0 .956.956 0 0 0 1.91 0m0-4.21a.814.814 0 1 1 0 1.63.814.814 0 1 1 0-1.63m-9.372 6.49a.956.956 0 1 0-1.913.002.956.956 0 0 0 1.913-.002m-3.628-3.235a.956.956 0 0 1 0 1.91.956.956 0 0 1 0-1.91M5.02 15.07a.814.814 0 0 0 .815-.815.814.814 0 1 0-.815.815"
         })
     }));
-}, d = h;
+}, f = h;

package/dist/generated/mistica-icons/{icon-millenials-regular.d.ts → icon-millennials-filled.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconMillenialsRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
-export default IconMillenialsRegular;
+declare const IconMillennialsFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconMillennialsFilled;

package/dist/generated/mistica-icons/{icon-millenials-filled.js → icon-millennials-filled.js}

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

package/dist/generated/mistica-icons/{icon-smiley-happy-light.d.ts → icon-millennials-light.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconSmileyHappyLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
-export default IconSmileyHappyLight;
+declare const IconMillennialsLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconMillennialsLight;

package/dist/generated/mistica-icons/{icon-millenials-light.js → icon-millennials-light.js}

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const h = (_param)=>{
     var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), l = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -135,4 +135,4 @@ const n = (_param)=>{
             d: "M18.819 5.48a.42.42 0 0 0 .036-.613c-2.725-2.918-6.77-2.722-6.921-2.708-4.37.047-6.695 2.45-6.79 2.552a.42.42 0 0 0 .03.613c.182.16.468.146.64-.03v-.002c.053-.053 2.202-2.223 6.15-2.268h.007c.183-.006 3.827-.123 6.206 2.423a.48.48 0 0 0 .642.034m-6.827 5.133c.927 0 1.653.232 2.152.697.523.482.787 1.193.787 2.115s-.266 1.633-.79 2.112c-.499.46-1.224.695-2.151.695-.925 0-1.65-.236-2.149-.695-.518-.48-.781-1.188-.781-2.112s.263-1.636.781-2.115c.504-.465 1.227-.697 2.151-.697m1.524 4.297c.336-.309.507-.81.507-1.485 0-.678-.173-1.177-.51-1.49-.325-.303-.837-.454-1.52-.454q-1.026 0-1.519.454c-.336.31-.504.812-.504 1.49s.168 1.176.504 1.484c.325.3.835.451 1.518.451.687.003 1.2-.15 1.524-.45m2.784 5.672c0-.664-.204-1.219-.59-1.605-.426-.423-1.093-.647-1.928-.647h-3.577c-.832 0-1.496.224-1.921.647-.384.383-.586.938-.586 1.605v.383h8.603zm-2.518-3.12c1.087 0 1.978.316 2.58.915.555.55.846 1.311.846 2.205v.935c0 .177-.148.32-.333.32H7.12a.326.326 0 0 1-.333-.32v-.935c0-.897.291-1.658.837-2.205.6-.6 1.493-.916 2.577-.916zM11.94 5.015c.129-.008 3.33-.11 5.37 2.076a.42.42 0 0 1-.037.613.47.47 0 0 1-.638-.034c-1.748-1.874-4.642-1.792-4.67-1.787-2.787.03-4.482 1.7-4.596 1.812l-.006.006a.47.47 0 0 1-.641.031.42.42 0 0 1-.034-.613l.006-.007c.143-.144 2.035-2.061 5.246-2.097m2.866 4.868c.165.18.454.196.638.037a.423.423 0 0 0 .04-.614c-1.285-1.375-3.262-1.365-3.502-1.364h-.022c-2.138.023-3.39 1.328-3.443 1.384a.42.42 0 0 0 .034.613c.087.073.193.11.302.11a.45.45 0 0 0 .34-.143c.008-.012 1.03-1.079 2.792-1.096h.002c.073-.001 1.783-.034 2.819 1.073"
         })
     }));
-}, M = n;
+}, M = h;

package/dist/generated/mistica-icons/{icon-smiley-happy-regular.d.ts → icon-millennials-regular.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconSmileyHappyRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
-export default IconSmileyHappyRegular;
+declare const IconMillennialsRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconMillennialsRegular;

package/dist/generated/mistica-icons/{icon-millenials-regular.js → icon-millennials-regular.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return M;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), e = i !== null && i !== void 0 ? i : s ? _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({
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = i !== null && i !== void 0 ? i : s ? _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,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const v = (_param)=>{
             fill: e,
             d: "M18.704 8.531A3.88 3.88 0 0 0 19.816 5.8c0-.376-.052-.745-.152-1.088l1.824-.51a.73.73 0 0 0 .488-.887c-.1-.385-.48-.615-.848-.51l-2.132.598C18.328 2.548 17.316 2 16.18 2c-2.004 0-3.632 1.703-3.632 3.8 0 1.1.448 2.091 1.168 2.786a5 5 0 0 0-.372.15.74.74 0 0 0-.364.95.68.68 0 0 0 .908.38c.684-.304 1.516-.468 2.4-.468 2.508 0 4.324 1.297 4.324 3.084v6.059c0 .401.308.723.692.723s.692-.322.692-.723v-6.059c.004-1.929-1.292-3.469-3.292-4.15M18.432 5.8c0 1.297-1.008 2.352-2.248 2.352-1.076 0-1.976-.795-2.196-1.85l4.34-1.217q.103.339.104.715m-1.004-1.958-3.256.912c.368-.774 1.132-1.305 2.012-1.305.46 0 .888.146 1.244.393m-6.592 7.255a3.88 3.88 0 0 0 1.144-2.765c0-2.097-1.628-3.8-3.632-3.8-.436 0-.856.08-1.244.23-.028-1.158-.94-2.092-2.056-2.092-1.132 0-2.056.967-2.056 2.151v2.218H2l.476 1.037c.036.084.388.808 1.18 1.046.136.042.3.071.492.071.188 0 .404-.029.644-.108a3.84 3.84 0 0 0 1.064 2.008c-1.96.695-3.228 2.222-3.228 4.13v6c0 .401.308.724.692.724s.692-.323.692-.724v-6.004c0-1.063.612-1.754 1.12-2.143.788-.606 1.928-.941 3.2-.941 2.508 0 4.324 1.297 4.324 3.084v6.058c0 .402.308.724.692.724s.692-.322.692-.724v-6.058c0-1.9-1.256-3.423-3.204-4.122m-.24-2.761c0 1.297-1.008 2.351-2.248 2.351a2.2 2.2 0 0 1-1.656-.761c.6-1.172 1.604-1.996 2.98-2.444l.696-.18c.148.314.228.661.228 1.034M9.152 6.134C7.688 6.636 6.728 7.456 6.1 8.255c.036-1.263 1.032-2.28 2.248-2.28.284.004.556.058.804.159m-4.772.979V4.816c0-.39.3-.703.672-.703s.672.314.672.703v.653c0 .07.012.142.028.209a3.85 3.85 0 0 0-.94 1.79q-.059.026-.112.06c-.12.079-.268.162-.416.196.1-.251.1-.49.096-.611"
         })
-    })) : o.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: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -129,4 +129,4 @@ const v = (_param)=>{
             d: "M18.754 5.827a.64.64 0 0 0 .053-.914C16.12 1.975 12.14 2.151 11.945 2.16h-.004c-4.328.047-6.644 2.49-6.74 2.594a.633.633 0 0 0 .046.91.676.676 0 0 0 .932-.045c.017-.02 2.017-2.129 5.804-2.17.037-.009 3.566-.166 5.84 2.324a.668.668 0 0 0 .93.053M12 10.743c.896 0 1.597.232 2.084.688.504.474.762 1.18.762 2.09 0 .913-.258 1.616-.762 2.09-.484.454-1.185.686-2.081.686-.9 0-1.597-.232-2.081-.686-.505-.474-.76-1.177-.76-2.09 0-.91.255-1.616.76-2.09.481-.459 1.179-.688 2.078-.688m1.17 3.938q.355-.333.357-1.16c0-.546-.118-.938-.359-1.162-.232-.222-.624-.33-1.168-.33s-.935.108-1.165.327c-.238.224-.356.616-.356 1.165q.001.826.356 1.163c.285.269.79.325 1.165.325s.882-.056 1.17-.328m2.561 5.871c-.005-.375-.092-.877-.448-1.238-.415-.423-1.073-.51-1.552-.51H10.27c-.476 0-1.135.087-1.543.507-.356.361-.443.866-.449 1.241zm-2-3.036c1.053 0 1.919.31 2.502.904.534.544.817 1.297.817 2.182v.925a.32.32 0 0 1-.322.313H7.283a.317.317 0 0 1-.322-.313v-.925c0-.885.28-1.641.815-2.182.58-.594 1.443-.904 2.496-.904zM11.944 4.992c.118-.006 3.32-.115 5.367 2.123a.636.636 0 0 1-.053.91.67.67 0 0 1-.933-.05c-1.592-1.746-4.23-1.697-4.344-1.695h-.003c-2.684.028-4.289 1.712-4.303 1.729a.673.673 0 0 1-.933.045.633.633 0 0 1-.047-.908c.08-.087 1.989-2.12 5.249-2.154m2.613 5.173a.67.67 0 0 0 .933.05.636.636 0 0 0 .05-.91c-1.309-1.432-3.323-1.421-3.556-1.42h-.02c-2.166.023-3.44 1.381-3.493 1.44a.635.635 0 0 0 .044.908.68.68 0 0 0 .93-.042l.003-.003c.067-.067.984-.995 2.55-1.014h.001c.066-.001 1.632-.02 2.558.991"
         })
     }));
-}, M = v;
+}, f = v;

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

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

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

@@ -97,8 +97,8 @@ const n = (_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: s } = (0, _hooks.useTheme)();
-    return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = r !== null && r !== void 0 ? r : v ? _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: c,
         height: c,
         viewBox: "0 0 24 24",

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

@@ -97,7 +97,7 @@ const h = (_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: v } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = s !== null && s !== void 0 ? s : t ? _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: a,
         height: a,

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

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

package/dist/generated/mistica-icons/icon-mobile-add-user-light.js

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

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

@@ -97,7 +97,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), o = s !== null && s !== void 0 ? s : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = s !== null && s !== void 0 ? s : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -105,7 +105,7 @@ const n = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.5 7.712c0-1.951-1.445-3.555-3.282-3.733C17.641 2.768 16.456 2 15.134 2H8.941C7.04 2 5.5 3.6 5.5 5.569V18.43C5.5 20.401 7.042 22 8.94 22h6.194c1.899 0 3.44-1.6 3.44-3.569V11.39c1.666-.334 2.926-1.855 2.926-3.678M8.94 3.43h6.194c.617 0 1.177.284 1.56.75a3.64 3.64 0 0 0-1.502 1.041q-.016 0-.031-.004l-.031-.005H6.905C7.073 4.202 7.92 3.43 8.941 3.43M6.906 18.78H17.17c-.168 1.014-1.014 1.786-2.036 1.786H8.941c-1.022 0-1.868-.772-2.036-1.786m-.03-1.43V6.641h7.55a3.9 3.9 0 0 0-.154 1.07c0 1.823 1.26 3.344 2.93 3.678v5.958zm13.594-9.637c0 1.476-1.158 2.677-2.581 2.677s-2.582-1.201-2.582-2.677 1.159-2.678 2.582-2.678 2.581 1.202 2.581 2.678m-.348 0a.523.523 0 0 1-.515.534h-1.203v1.248c0 .297-.229.534-.515.534a.523.523 0 0 1-.516-.534V8.25H16.17a.523.523 0 0 1-.516-.535c0-.297.23-.534.516-.534h1.202V5.934c0-.297.23-.534.516-.534s.515.237.515.534v1.248h1.203a.52.52 0 0 1 .515.53m-5.506 4.016c0 .759-.309 1.444-.798 1.933 1.132.462 1.833 1.375 1.824 2.527 0 .297-.23.535-.515.535a.523.523 0 0 1-.516-.535c0-1.051-1.061-1.787-2.581-1.787-1.498 0-2.582.754-2.582 1.787 0 .297-.229.535-.515.535a.523.523 0 0 1-.516-.535c0-1.133.718-2.056 1.842-2.522a2.71 2.71 0 0 1-.806-1.938c0-1.476 1.158-2.677 2.581-2.677s2.582 1.201 2.582 2.677m-2.578-1.608c-.854 0-1.55.722-1.55 1.608s.696 1.608 1.55 1.608c.85 0 1.551-.721 1.551-1.608 0-.886-.696-1.608-1.55-1.608"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const n = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.5 7.712c0-1.951-1.445-3.555-3.282-3.733C17.641 2.768 16.456 2 15.134 2H8.941C7.04 2 5.5 3.6 5.5 5.569V18.43C5.5 20.401 7.042 22 8.94 22h6.194c1.899 0 3.44-1.6 3.44-3.569V11.39c1.666-.334 2.926-1.855 2.926-3.678M8.94 3.43h6.194c.617 0 1.177.284 1.56.75a3.64 3.64 0 0 0-1.502 1.041q-.016 0-.031-.004l-.031-.005H6.905C7.073 4.202 7.92 3.43 8.941 3.43M6.906 18.78H17.17c-.168 1.014-1.014 1.786-2.036 1.786H8.941c-1.022 0-1.868-.772-2.036-1.786m-.03-1.43V6.641h7.55a3.9 3.9 0 0 0-.154 1.07c0 1.823 1.26 3.344 2.93 3.678v5.958zm13.594-9.637c0 1.476-1.158 2.677-2.581 2.677s-2.582-1.201-2.582-2.677 1.159-2.678 2.582-2.678 2.581 1.202 2.581 2.678m-.348 0a.523.523 0 0 1-.515.534h-1.203v1.248c0 .297-.229.534-.515.534a.523.523 0 0 1-.516-.534V8.25H16.17a.523.523 0 0 1-.516-.535c0-.297.23-.534.516-.534h1.202V5.934c0-.297.23-.534.516-.534s.515.237.515.534v1.248h1.203a.52.52 0 0 1 .515.53m-5.506 4.016c0 .759-.309 1.444-.798 1.933 1.132.462 1.833 1.375 1.824 2.527 0 .297-.23.535-.515.535a.523.523 0 0 1-.516-.535c0-1.051-1.061-1.787-2.581-1.787-1.498 0-2.582.754-2.582 1.787 0 .297-.229.535-.515.535a.523.523 0 0 1-.516-.535c0-1.133.718-2.056 1.842-2.522a2.71 2.71 0 0 1-.806-1.938c0-1.476 1.158-2.677 2.581-2.677s2.582 1.201 2.582 2.677m-2.578-1.608c-.854 0-1.55.722-1.55 1.608s.696 1.608 1.55 1.608c.85 0 1.551-.721 1.551-1.608 0-.886-.696-1.608-1.55-1.608"
         })
     }));

package/dist/generated/mistica-icons/icon-mobile-coverage-filled.js

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

package/dist/generated/mistica-icons/icon-mobile-coverage-light.js

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

package/dist/generated/mistica-icons/icon-mobile-coverage-regular.js

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

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

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

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

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

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

@@ -93,37 +93,37 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: h, size: e = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: h, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), o = h !== null && h !== void 0 ? h : l ? _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({
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = h !== null && h !== void 0 ? h : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    return t.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M15 2H8.571A3.58 3.58 0 0 0 5 5.571V18.43A3.58 3.58 0 0 0 8.571 22H15a3.58 3.58 0 0 0 3.571-3.571V5.57A3.58 3.58 0 0 0 15 2M6.429 17.357V6.643h10.714v10.714zM8.57 3.43H15c1.071 0 1.929.785 2.107 1.785H6.464c.179-1 1.036-1.785 2.107-1.785M15 20.57H8.571c-1.071 0-1.928-.785-2.107-1.785h10.643c-.178 1-1.036 1.785-2.107 1.785"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : t.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"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M8.784 2h6.432a3.575 3.575 0 0 1 3.568 3.572v12.856A3.58 3.58 0 0 1 15.212 22H8.784a3.58 3.58 0 0 1-3.572-3.572V5.572A3.58 3.58 0 0 1 8.784 2m-2.14 4.644V17.36H17.36V6.644zm2.14-3.216c-1.06 0-1.94.776-2.112 1.784h10.652a2.145 2.145 0 0 0-2.112-1.784zm0 17.144h6.432c1.06 0 1.94-.776 2.108-1.784H6.672a2.145 2.145 0 0 0 2.112 1.784"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M8.784 2h6.432a3.575 3.575 0 0 1 3.568 3.572v12.856A3.58 3.58 0 0 1 15.212 22H8.784a3.58 3.58 0 0 1-3.572-3.572V5.572A3.58 3.58 0 0 1 8.784 2m-2.14 4.644V17.36H17.36V6.644zm2.14-3.216c-1.06 0-1.94.776-2.112 1.784h10.652a2.145 2.145 0 0 0-2.112-1.784zm0 17.144h6.432c1.06 0 1.94-.776 2.108-1.784H6.672a2.145 2.145 0 0 0 2.112 1.784"
@@ -133,7 +133,7 @@ const m = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: o,