@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -93,24 +93,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: o, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), h = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
     return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: a,
                 d: "M17.857 3.714A3.49 3.49 0 0 0 14.853 2H8.517C6.577 2 5 3.6 5 5.569V18.43C5 20.401 6.576 22 8.517 22h6.332c1.94 0 3.517-1.6 3.517-3.569v-6.858A4.115 4.115 0 0 0 21 7.743v-.031a4.09 4.09 0 0 0-3.143-3.998m-9.34-.284h6.332c.396 0 .774.11 1.094.311a4.07 4.07 0 0 0-2.207 1.476H6.441C6.608 4.202 7.477 3.43 8.517 3.43m0 17.135c-1.045 0-1.91-.772-2.08-1.786h10.492c-.167 1.014-1.036 1.786-2.076 1.786zm8.444-3.212H6.41V6.643h6.633a4.12 4.12 0 0 0 .162 2.66l-.802 3.037 2.995-.818c.495.21 1.018.316 1.554.316h.009zm-.01-6.59c-.445 0-.878-.1-1.287-.291l-.176-.083-1.594.434.428-1.617-.081-.178a3 3 0 0 1-.289-1.307c0-1.677 1.347-3.043 3.013-3.043 1.64 0 2.977 1.347 2.99 3.006v.069h-.004c-.018 1.663-1.356 3.01-3 3.01"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: a,
                 d: "M16.96 5.395a.53.53 0 0 0-.526.535v1.247h-.878a.53.53 0 0 0-.527.535c0 .297.234.534.527.534h1.405a.53.53 0 0 0 .527-.534V5.925a.53.53 0 0 0-.527-.53"
             })
         ]
@@ -119,14 +119,14 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: a,
                 d: "M17.188 3.788C16.676 2.732 15.616 2 14.388 2H8.13C6.403 2 5 3.44 5 5.214v13.572C5 20.56 6.403 22 8.13 22h6.262c1.727 0 3.13-1.44 3.13-3.214V13.07a.35.35 0 0 0-.347-.357.353.353 0 0 0-.348.357v5.716c0 1.38-1.09 2.5-2.435 2.5H8.13c-1.345 0-2.436-1.12-2.436-2.5v-.353h7.307c.192 0 .348-.16.348-.356a.353.353 0 0 0-.348-.357H5.695V6.284h7.904a4 4 0 0 0-.272 1.44q.001.819.316 1.57l-.73 2.797 2.726-.754c.485.215.997.325 1.527.325 2.11 0 3.83-1.76 3.834-3.928V7.71c0-2.154-1.701-3.91-3.812-3.923M5.695 5.219c0-1.38 1.09-2.501 2.436-2.501h6.26c.856 0 1.608.457 2.045 1.148a3.83 3.83 0 0 0-2.476 1.71H5.695zm11.47 5.73a3.1 3.1 0 0 1-1.348-.312l-.116-.054-1.804.498.481-1.852-.053-.119c-.2-.434-.303-.9-.303-1.385 0-1.779 1.412-3.224 3.153-3.224 1.719 0 3.121 1.431 3.13 3.196v.05c-.013 1.77-1.416 3.201-3.14 3.201"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: a,
                 d: "M17.175 5.576a.35.35 0 0 0-.348.356V7.36h-1.042a.35.35 0 0 0-.347.356c0 .197.156.357.347.357h1.39c.191 0 .347-.16.347-.356V5.927a.35.35 0 0 0-.347-.352"
             })
         ]

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

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

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

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

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

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

package/dist/generated/mistica-icons/icon-alarm-clock-regular.js

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

package/dist/generated/mistica-icons/icon-alarm-light-cross-filled.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const t = (_param)=>{
+const e = (_param)=>{
     var { color: h, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), v = h !== null && h !== void 0 ? h : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), v = h !== null && h !== void 0 ? h : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const t = (_param)=>{
             d: "M11.435 4.236c0 .336.272.608.605.608a.61.61 0 0 0 .605-.608V2.763a.607.607 0 0 0-.605-.608.607.607 0 0 0-.605.608zm7.115 13.196c.74 0 1.383.547 1.383 1.171v2.07c0 .625-.647 1.171-1.383 1.171H5.53c-.75 0-1.384-.535-1.384-1.17v-2.07c0-.634.633-1.169 1.384-1.169h.151v-5.728c0-4.118 2.258-6.387 6.356-6.387 4.101 0 6.359 2.27 6.359 6.387v5.725zm.173 3.14v-1.874a.33.33 0 0 0-.173-.053H5.53a.35.35 0 0 0-.174.048v1.888q.081.044.174.044h13.02c.061 0 .123-.02.173-.053m-5.84-8.078h1.476v-.695h-1.476a.525.525 0 0 1-.524-.526V9.79h-.692v1.482a.524.524 0 0 1-.523.526H9.667v.695h1.477c.288 0 .523.238.523.527v1.481h.692V13.02c0-.288.236-.526.524-.526m1.695-1.748h-1.174V9.57c0-.451-.35-.832-.765-.832h-1.255c-.414 0-.767.38-.767.832v1.179h-1.17c-.45 0-.83.353-.83.767v1.264c0 .414.378.767.826.767h1.174v1.177c0 .45.353.832.767.832h1.255c.415 0 .768-.381.768-.832v-1.18h1.17c.449 0 .83-.353.83-.77v-1.263c0-.412-.378-.765-.83-.765M4.83 9.566a.61.61 0 0 1-.605.609H2.76a.609.609 0 0 1 0-1.216h1.468c.333 0 .605.272.602.608m17.011.029a.607.607 0 0 0-.605-.608h-1.468a.607.607 0 0 0-.605.608c0 .336.272.608.605.608h1.468a.607.607 0 0 0 .605-.608M5.671 5.962 4.633 4.92a.607.607 0 0 1 .851-.863l.003.003 1.037 1.042a.61.61 0 0 1-.43 1.039.62.62 0 0 1-.425-.18m10.92-.558a.607.607 0 0 0 .603.614c.16 0 .314-.065.428-.18l1.037-1.042a.61.61 0 0 0 0-.857l-.003-.002a.6.6 0 0 0-.851.002l-1.037 1.042a.6.6 0 0 0-.176.423"
         })
     }));
-}, m = t;
+}, m = e;

package/dist/generated/mistica-icons/icon-alarm-light-cross-light.js

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

package/dist/generated/mistica-icons/icon-alarm-light-cross-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const e = (_param)=>{
+const t = (_param)=>{
     var { color: o, size: a = 24 } = _param, h = _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;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -104,8 +104,8 @@ const e = (_param)=>{
         role: "presentation"
     }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: e,
             d: "M11.435 4.236c0 .336.272.608.605.608a.61.61 0 0 0 .605-.608V2.763a.607.607 0 0 0-.605-.608.607.607 0 0 0-.605.608zm7.115 13.196c.74 0 1.383.547 1.383 1.168v2.07c0 .625-.647 1.171-1.383 1.171H5.53c-.75 0-1.384-.535-1.384-1.17V18.6c0-.634.633-1.169 1.384-1.169h.151v-5.725c0-4.118 2.258-6.387 6.356-6.387 4.101 0 6.359 2.27 6.359 6.387v5.725zM6.89 17.41h10.297v-5.703c0-3.48-1.683-5.171-5.15-5.171-3.463 0-5.147 1.692-5.147 5.17zm11.832 1.288a.32.32 0 0 0-.173-.053H5.53a.35.35 0 0 0-.174.048v1.888q.082.045.174.045h13.02c.061 0 .123-.02.173-.054zM4.83 9.567a.61.61 0 0 1-.605.608H2.76a.608.608 0 0 1 0-1.216h1.468c.333 0 .605.272.602.608m17.011.028a.607.607 0 0 0-.605-.608h-1.468a.607.607 0 0 0-.605.608c0 .336.272.608.605.608h1.468a.607.607 0 0 0 .605-.608M5.671 5.962 4.633 4.92a.607.607 0 0 1 .851-.863l.003.003 1.037 1.042a.61.61 0 0 1-.429 1.039.62.62 0 0 1-.426-.18m10.92-.558a.607.607 0 0 0 .603.614c.16 0 .314-.065.429-.18l1.036-1.042a.61.61 0 0 0 0-.857l-.003-.002a.6.6 0 0 0-.851.002l-1.037 1.042a.6.6 0 0 0-.176.423m-2.232 7.09H12.88a.525.525 0 0 0-.524.527v1.481h-.691V13.02a.525.525 0 0 0-.524-.526H9.665v-.695h1.476a.525.525 0 0 0 .524-.526V9.79h.692v1.482c0 .288.235.526.523.526h1.48zm1.05-.98c0-.415-.38-.768-.828-.768 0 0-1.177 0-1.174-.006V9.564c0-.451-.353-.832-.768-.832h-1.255c-.414 0-.767.384-.767.835v1.179h-1.17c-.45 0-.83.35-.83.768v1.263c0 .417.38.77.83.77h1.173v1.177c0 .45.353.832.767.832h1.255c.418 0 .768-.381.768-.832v-1.18h1.17c.449 0 .83-.353.83-.767z"
         })
     }));
-}, m = e;
+}, m = t;

package/dist/generated/mistica-icons/icon-alarm-light-filled.js

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: l, size: a = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: l, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), e = l !== null && l !== void 0 ? l : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "M11.37 3.326c0 .375.304.679.677.679a.68.68 0 0 0 .676-.68V1.68A.68.68 0 0 0 12.047 1a.68.68 0 0 0-.676.68zm7.952 14.744c.826 0 1.546.61 1.546 1.309v2.313c0 .698-.723 1.308-1.546 1.308H4.772c-.839 0-1.546-.598-1.546-1.308v-2.313c0-.708.707-1.305 1.546-1.305h.17v-6.401c0-4.601 2.522-7.136 7.102-7.136 4.583 0 7.106 2.535 7.106 7.136v6.397zm.194 3.509v-2.094a.36.36 0 0 0-.194-.06H4.772a.4.4 0 0 0-.194.054v2.11q.09.05.194.05h14.55a.35.35 0 0 0 .194-.06M3.989 9.282a.68.68 0 0 1-.676.679H1.676a.68.68 0 0 1 0-1.359h1.64c.373 0 .677.304.673.68M23 9.313a.68.68 0 0 0-.676-.68h-1.64a.68.68 0 0 0-.677.68c0 .376.304.68.677.68h1.64a.68.68 0 0 0 .676-.68M4.929 5.253 3.77 4.09a.678.678 0 0 1 .952-.964l.003.003 1.158 1.165a.682.682 0 0 1-.479 1.16.7.7 0 0 1-.475-.2m12.205-.622a.68.68 0 0 0 .673.685c.178 0 .35-.072.479-.2l1.158-1.165a.68.68 0 0 0 0-.957l-.003-.003a.673.673 0 0 0-.952.003l-1.158 1.164a.67.67 0 0 0-.197.473"
         })
     }));

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

@@ -96,7 +96,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), i = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,7 +104,7 @@ const h = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: l,
             d: "M11.587 3.139a.461.461 0 1 0 .92.003V1.46a.461.461 0 0 0-.92 0zm7.885 15.293c.72 0 1.35.513 1.35 1.102v2.364c0 .585-.633 1.102-1.35 1.102H4.622c-.733 0-1.35-.504-1.35-1.102v-2.364c0-.598.62-1.102 1.35-1.102h.404v-6.767c0-4.615 2.429-7.058 7.021-7.058 4.595 0 7.024 2.44 7.024 7.058v6.763h.401zm-13.53-.025h12.206v-6.739c0-4.07-2.053-6.134-6.104-6.134-4.048 0-6.101 2.064-6.101 6.134zm13.962 3.466-.003-2.34c-.022-.037-.21-.178-.429-.178H4.622c-.232 0-.404.132-.43.188v2.355c.017.04.192.178.43.178h14.85c.22 0 .41-.14.432-.203M3.595 9.226c0 .253-.207.46-.46.463H1.46A.464.464 0 0 1 1 9.226v-.003c0-.257.207-.464.46-.464h1.672c.253.003.46.21.463.467M23 9.254a.46.46 0 0 0-.46-.46l-1.675-.007c-.253 0-.46.21-.46.464v.003c0 .254.207.46.46.46h1.675c.253 0 .46-.206.46-.46M4.941 4.945 3.758 3.76a.467.467 0 0 1 0-.655.46.46 0 0 1 .648-.003l.003.003 1.183 1.187a.47.47 0 0 1-.006.657.459.459 0 0 1-.645-.003m12.518-.463a.464.464 0 0 0 .79.326l1.182-1.19a.467.467 0 0 0 0-.655l-.003-.003a.46.46 0 0 0-.648.003l-1.183 1.19a.47.47 0 0 0-.138.329"
         })
     }));

package/dist/generated/mistica-icons/icon-alarm-light-regular.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: c, size: a = 24 } = _param, l = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: c, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = c !== null && c !== void 0 ? c : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M11.37 3.326c0 .375.304.68.677.68a.68.68 0 0 0 .676-.68V1.679A.68.68 0 0 0 12.047 1a.68.68 0 0 0-.676.68zm7.952 14.747c.826 0 1.546.61 1.546 1.305v2.314c0 .698-.723 1.308-1.546 1.308H4.772c-.839 0-1.546-.598-1.546-1.308v-2.314c0-.707.707-1.305 1.546-1.305h.17v-6.399c0-4.601 2.522-7.137 7.102-7.137 4.583 0 7.106 2.536 7.106 7.137v6.399zm-13.029-.025h11.508v-6.374c0-3.887-1.882-5.778-5.757-5.778-3.87 0-5.75 1.89-5.75 5.778zm13.223 1.44a.36.36 0 0 0-.194-.06H4.772a.4.4 0 0 0-.194.053v2.11q.09.051.194.05h14.55a.36.36 0 0 0 .194-.059zM3.989 9.283a.68.68 0 0 1-.676.68H1.676a.68.68 0 0 1 0-1.36h1.64c.373 0 .677.304.673.68M23 9.314a.68.68 0 0 0-.676-.68h-1.64a.68.68 0 0 0-.677.68c0 .376.304.68.677.68h1.64a.68.68 0 0 0 .676-.68M4.929 5.254 3.77 4.09a.678.678 0 0 1 .952-.964l.003.003 1.158 1.164a.682.682 0 0 1-.479 1.161.7.7 0 0 1-.475-.2m12.205-.623a.68.68 0 0 0 .673.686c.178 0 .35-.072.479-.2l1.158-1.165a.68.68 0 0 0 0-.958l-.003-.003a.673.673 0 0 0-.952.003l-1.158 1.165a.67.67 0 0 0-.197.472"
         })
     }));
-}, v = i;
+}, v = s;

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

@@ -93,39 +93,39 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: l, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: l, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), r = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: i,
             d: "M10.536 4.14c.646-1.134 2.281-1.134 2.927 0l8.003 14.054a1.684 1.684 0 0 1-1.463 2.517H3.996a1.684 1.684 0 0 1-1.463-2.517zm.814 5.626v4.25a.625.625 0 0 0 1.25 0v-4.25a.625.625 0 1 0-1.25 0m.625 7.365a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25"
         })
-    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: i,
             d: "M21.892 19.877 12.656 3.375A.8.8 0 0 0 12 3c-.256 0-.545.149-.656.374L2.108 19.877a.7.7 0 0 0 0 .75c.145.225.363.374.62.374h18.545a.7.7 0 0 0 .619-.375c.144-.22.144-.484 0-.748M11.455 9.227c0-.297.256-.561.545-.561s.545.264.545.561v5.776c0 .298-.256.562-.545.562s-.545-.264-.545-.562zm-.363 8.44c0-.522.4-.935.908-.935.507 0 .908.413.908.936s-.4.936-.908.936c-.507 0-.908-.413-.908-.936"
         })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: i,
             d: "M21.892 19.877 12.656 3.375A.8.8 0 0 0 12 3c-.256 0-.545.149-.656.374L2.108 19.877a.7.7 0 0 0 0 .75c.145.225.363.374.62.374h18.545a.7.7 0 0 0 .619-.375c.144-.22.144-.484 0-.748M11.455 9.227c0-.297.256-.561.545-.561s.545.264.545.561v5.776c0 .298-.256.562-.545.562s-.545-.264-.545-.562zm-.363 8.44c0-.522.4-.935.908-.935.507 0 .908.413.908.936s-.4.936-.908.936c-.507 0-.908-.413-.908-.936"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -133,9 +133,9 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: i,
             d: "M22.886 22.628a.8.8 0 0 0 .019-.79L12.582 1.452C12.438 1.17 12.178 1 11.887 1c-.292 0-.552.172-.693.456L1.091 21.837a.8.8 0 0 0 .025.788c.145.231.41.375.709.375h20.353a.82.82 0 0 0 .708-.372m-11.507-3.317c0-.393.226-.619.62-.619.395 0 .621.226.621.62 0 .393-.229.618-.62.618-.392 0-.62-.225-.62-.619m1.25-2.363c0 .341-.275.616-.617.616a.616.616 0 0 1-.617-.616V8.34c0-.341.276-.616.617-.616.342 0 .617.275.617.616z"
         })
     }));

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

@@ -93,14 +93,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: c, size: t = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: c, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), a = c !== null && c !== void 0 ? c : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = c !== null && c !== void 0 ? c : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
     return l.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
@@ -115,8 +115,8 @@ const m = (_param)=>{
             })
         ]
     })) : l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
@@ -125,8 +125,8 @@ const m = (_param)=>{
             d: "M12.608 3.367C12.466 3.146 12.251 3 12 3a.69.69 0 0 0-.608.367L2.106 19.899a.69.69 0 0 0 0 .734c.142.221.357.367.608.367h18.572a.69.69 0 0 0 .608-.367.69.69 0 0 0 0-.734zM12 5.2l6.25 11.133 1.788 3.198H3.963zm0 3.49a.725.725 0 0 0-.713.734v5.696c0 .404.32.733.713.733s.713-.329.713-.733V9.43c0-.405-.32-.739-.713-.739m-.713 9.003c0-.405.32-.734.713-.734s.713.329.713.733c0 .405-.32.734-.713.734a.725.725 0 0 1-.713-.733"
         })
     })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
@@ -135,8 +135,8 @@ const m = (_param)=>{
             d: "M12.011 4.1 3.02 20.267h18.625c.214 0 .356.146.356.367s-.142.367-.356.367H2.374a.43.43 0 0 1-.32-.183.33.33 0 0 1 0-.367l9.638-17.267a.37.37 0 0 1 .32-.183c.141 0 .246.075.32.183l7.133 12.789c.073.184.037.405-.141.513-.179.075-.393.037-.498-.146zm.357 4.408c0-.221-.142-.367-.357-.367-.214 0-.356.146-.356.367v7.902c0 .22.142.366.356.366.215 0 .357-.145.357-.366zm7.92 10.512c.392 0 .712-.33.712-.734a.724.724 0 0 0-.713-.734.724.724 0 0 0-.712.734c0 .405.324.734.712.734m-8.277-.038c-.283 0-.534-.258-.534-.55 0-.334.251-.55.534-.55s.535.258.535.55-.251.55-.535.55"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {

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

@@ -93,24 +93,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: i, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: l, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = l !== null && l !== void 0 ? l : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: r,
                 d: "M11.35 9.766v4.25a.625.625 0 1 0 1.25 0v-4.25a.625.625 0 1 0-1.25 0M11.975 17.131a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: r,
                 d: "M13.463 4.14c-.646-1.134-2.28-1.134-2.927 0L2.533 18.195a1.684 1.684 0 0 0 1.463 2.517h16.007a1.684 1.684 0 0 0 1.463-2.517zm6.917 14.672a.434.434 0 0 1-.377.65H3.996a.434.434 0 0 1-.377-.65L11.623 4.76a.434.434 0 0 1 .754 0z"
             })
         ]
@@ -119,9 +119,9 @@ const m = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "M12.608 3.367C12.466 3.146 12.251 3 12 3a.69.69 0 0 0-.608.367L2.106 19.899a.69.69 0 0 0 0 .734c.142.221.357.367.608.367h18.572a.69.69 0 0 0 .608-.367.69.69 0 0 0 0-.734zM12 5.2l6.25 11.133 1.788 3.198H3.963zm0 3.49a.725.725 0 0 0-.713.734v5.696c0 .404.32.733.713.733s.713-.329.713-.733V9.43c0-.405-.32-.739-.713-.739m-.713 9.003c0-.405.32-.734.713-.734s.713.329.713.733c0 .405-.32.734-.713.734a.725.725 0 0 1-.713-.733"
         })
     })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -129,9 +129,9 @@ const m = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "M12.608 3.367C12.466 3.146 12.251 3 12 3a.69.69 0 0 0-.608.367L2.106 19.899a.69.69 0 0 0 0 .734c.142.221.357.367.608.367h18.572a.69.69 0 0 0 .608-.367.69.69 0 0 0 0-.734zM12 5.2l6.25 11.133 1.788 3.198H3.963zm0 3.49a.725.725 0 0 0-.713.734v5.696c0 .404.32.733.713.733s.713-.329.713-.733V9.43c0-.405-.32-.739-.713-.739m-.713 9.003c0-.405.32-.734.713-.734s.713.329.713.733c0 .405-.32.734-.713.734a.725.725 0 0 1-.713-.733"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -139,9 +139,9 @@ const m = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "M22.182 23H1.817a.81.81 0 0 1-.702-.372.82.82 0 0 1-.025-.794L11.2 1.456c.144-.287.401-.456.69-.456s.545.169.689.453l10.325 20.378q0 .002.003.003a.8.8 0 0 1-.022.794.82.82 0 0 1-.702.372M11.4 16.946a.614.614 0 0 0 1.228 0V8.339a.614.614 0 0 0-1.228 0zm-.007 2.363c0 .394.23.619.62.619.393 0 .621-.225.621-.62 0-.393-.225-.618-.62-.618s-.62.225-.62.619M21.5 21.775l-9.604-18.96-9.404 18.96z"
         })
     }));

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

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

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const i = (_param)=>{
+    var { color: l, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), h = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
             d: "M21.838 12.985c-.009-.65-.426-1.202-.684-1.535-.291-.373-2.527-3.331-2.905-3.858-.355-.498-.983-.815-1.608-.848V5.06c0-.692-.599-1.257-1.333-1.257H3.485c-.734 0-1.334.557-1.334 1.249v11.473c0 .692.6 1.258 1.33 1.255h.043c.131 1.527 1.126 2.426 2.734 2.426 1.619 0 2.61-.9 2.745-2.423l4.395.008c.134 1.516 1.126 2.415 2.745 2.415 1.61 0 2.602-.9 2.734-2.415l1.075-.008c.468 0 .95-.207 1.311-.566.367-.367.574-.84.574-1.316zm-6.029 1.722c-1.358.12-2.226.927-2.394 2.252 0 0-4.426-.01-4.426-.008-.185-1.426-1.168-2.266-2.729-2.266-1.551 0-2.535.843-2.717 2.266h-.058c-.275 0-.499-.193-.499-.426V5.052c0-.224.224-.418.499-.418h11.823c.275 0 .502.194.502.426zm5.194 1.193c0 .25-.118.516-.33.723-.21.207-.477.325-.726.325l-1.084.011c-.165-1.268-.958-2.067-2.224-2.235V7.576c.358.036.733.227.935.501.372.528 2.59 3.448 2.911 3.872l.008.01c.193.25.501.659.51 1.023zm-4.86 3.474c-1.27 0-1.936-.667-1.936-1.924 0-1.267.667-1.933 1.936-1.933 1.258 0 1.924.666 1.924 1.933 0 1.257-.666 1.924-1.924 1.924m-9.883 0c-1.257 0-1.924-.667-1.924-1.924 0-1.267.667-1.933 1.924-1.933 1.27 0 1.936.666 1.936 1.933 0 1.257-.667 1.924-1.936 1.924m6.463-8.664h-2.194a.4.4 0 0 0-.29.123.4.4 0 0 0-.127.294v2.19H8.678v-2.19a.417.417 0 0 0-.418-.417H6.07V9.284l2.19-.008c.23 0 .418-.188.418-.417l.008-2.185h1.426v2.193c.003.23.19.412.417.409h2.194zm.832-1.532c0-.392-.381-.734-.816-.734h-1.792V6.65c0-.434-.342-.81-.734-.81H8.58c-.392 0-.734.376-.734.81v1.793l-1.793.008c-.442 0-.818.336-.818.726v1.641c0 .392.376.734.818.734l1.793-.008v1.79c0 .442.333.818.734.818h1.633c.4 0 .734-.376.734-.818v-1.79h1.793c.43 0 .815-.342.815-.734z"
         })
     }));
-}, a = s;
+}, a = i;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const t = (_param)=>{
-    var { color: s, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), a = s !== null && s !== void 0 ? s : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
             d: "m21.84 15.801-.01-2.846c0-.708-.455-1.299-.702-1.618a339 339 0 0 1-2.84-3.763c-.35-.479-.93-.804-1.536-.885V5.227c0-.79-.677-1.431-1.518-1.431H3.668c-.84 0-1.518.633-1.518 1.423v11.187c0 .74.605 1.342 1.373 1.415.196 1.479 1.249 2.38 2.865 2.38 1.608 0 2.661-.893 2.866-2.363h3.933c.204 1.47 1.257 2.364 2.865 2.364s2.661-.894 2.874-2.364h.857a2.07 2.07 0 0 0 1.437-.617c.39-.389.62-.91.62-1.42m-6.312-1.353c-1.255.171-2.098.961-2.316 2.171v-.003H9.237c-.26-1.38-1.3-2.21-2.849-2.21-1.532 0-2.563.821-2.832 2.171-.098-.033-.179-.098-.179-.17V5.218c0-.101.123-.205.294-.205h11.563c.171 0 .294.115.294.213zm4.827 1.91c-.166.163-.376.261-.572.258h-.882c-.21-1.15-.986-1.924-2.146-2.142v-6.55c.213.062.4.188.538.365a538 538 0 0 0 2.866 3.795c.17.21.448.577.448.869l.008 2.846c0 .187-.098.397-.26.56m-4.303 2.625c-1.117 0-1.68-.56-1.68-1.672s.563-1.68 1.68-1.68c1.118 0 1.69.568 1.69 1.68s-.572 1.672-1.69 1.672m-9.664 0c-1.117 0-1.68-.56-1.68-1.672s.563-1.68 1.68-1.68c1.118 0 1.69.568 1.69 1.68s-.572 1.672-1.69 1.672m6.115-9.445v.997H10.56a.61.61 0 0 0-.61.61l.002 1.934h-.994l-.003-1.933a.61.61 0 0 0-.61-.608H6.398v-.989l1.942-.003c.336 0 .61-.274.61-.61V7.003h.997V8.93c.003.34.278.61.614.61zm1.224-.3c0-.496-.456-.916-1-.916h-1.546V6.78c0-.54-.423-.997-.922-.997H8.657c-.498 0-.921.456-.921.997v1.546H6.184c-.54 0-1 .42-1 .916v1.597c0 .498.46.916 1 .916h1.554v1.543c0 .54.42.997.92.997h1.601c.496 0 .92-.456.92-.997v-1.546h1.548c.54 0 1-.42 1-.916z"

package/dist/generated/mistica-icons/icon-amplifier-signal-filled.js

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

package/dist/generated/mistica-icons/icon-amplifier-signal-light.js

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

package/dist/generated/mistica-icons/icon-amplifier-signal-regular.js

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

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

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