@telefonica/mistica 15.20.1 → 16.1.0

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,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: n, size: e = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), r = n !== null && n !== void 0 ? n : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = a !== null && a !== void 0 ? a : 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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: c,
             d: "M16.898 3.669c0 1.588-4.078 1.668-4.895 1.668S7.11 5.257 7.11 3.67 11.187 2 12.003 2c.817 0 4.895.08 4.895 1.669m-1.239 0c-.468-.237-1.73-.555-3.656-.555-1.925 0-3.187.318-3.656.555.469.237 1.73.554 3.656.554s3.188-.317 3.656-.554m-.622 11.737a5.22 5.22 0 0 0 2.042-4.148c0-2.858-2.278-5.186-5.076-5.186S6.928 8.4 6.928 11.258c0 1.697.802 3.2 2.041 4.148-3.025.91-5.182 3.143-5.298 5.821a.735.735 0 0 0 .691.773h.032a.735.735 0 0 0 .724-.706c.116-2.674 3.201-4.845 6.885-4.845 3.68 0 6.77 2.176 6.885 4.845a.73.73 0 0 0 .724.706h.033a.735.735 0 0 0 .69-.773c-.115-2.678-2.273-4.91-5.298-5.821m-3.034-7.845c2 0 3.624 1.659 3.624 3.702s-1.624 3.702-3.624 3.702-3.623-1.664-3.623-3.702c0-2.043 1.624-3.702 3.623-3.702"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +113,10 @@ const h = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: c,
             d: "M7.268 3.453c0-1.15 2.97-1.453 4.73-1.453 1.755 0 4.73.307 4.73 1.453 0 1.145-2.975 1.457-4.73 1.457s-4.73-.308-4.73-1.457M20 21.273a.727.727 0 0 1-1.452 0 .727.727 0 0 1 1.452 0M11.998 4.18c2.35 0 3.784-.452 3.99-.727-.206-.274-1.64-.726-3.99-.726s-3.785.452-3.99.726c.205.275 1.639.727 3.99.727m6.578 15.07c-1.225-1.863-3.804-3.064-6.578-3.064-4.013 0-7.272 2.365-7.272 5.275a.364.364 0 0 1-.726 0c0-2.742 2.463-5.056 5.819-5.773a5.09 5.09 0 0 1-2.91-4.595A5.1 5.1 0 0 1 12.003 6a5.1 5.1 0 0 1 5.093 5.093c0 2.03-1.196 3.78-2.919 4.6 2.142.465 3.995 1.606 5.014 3.156a.36.36 0 0 1-.102.503.37.37 0 0 1-.512-.102m-2.212-8.161a4.373 4.373 0 0 0-4.366-4.367 4.373 4.373 0 0 0-4.367 4.367 4.37 4.37 0 0 0 4.367 4.366 4.373 4.373 0 0 0 4.366-4.366"
         })
     }));
-}, v = h;
+}, d = h;

package/dist/generated/mistica-icons/icon-angel-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 h = (_param)=>{
-    var { color: a, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: e = 24 } = _param, r = _object_without_properties(_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: s } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : 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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M16.898 3.669c0 1.588-4.078 1.668-4.895 1.668S7.11 5.257 7.11 3.67 11.187 2 12.003 2c.817 0 4.895.08 4.895 1.669m-1.239 0c-.468-.237-1.73-.555-3.656-.555-1.925 0-3.187.318-3.656.555.469.237 1.73.554 3.656.554s3.188-.317 3.656-.554m-.622 11.737a5.22 5.22 0 0 0 2.042-4.148c0-2.858-2.278-5.186-5.076-5.186S6.928 8.4 6.928 11.258c0 1.697.802 3.2 2.041 4.148-3.025.91-5.182 3.143-5.298 5.821a.735.735 0 0 0 .691.773h.033a.735.735 0 0 0 .723-.706c.116-2.674 3.202-4.845 6.885-4.845 3.68 0 6.77 2.176 6.885 4.845a.73.73 0 0 0 .724.706h.033a.735.735 0 0 0 .69-.773c-.115-2.678-2.273-4.91-5.298-5.821m-3.034-7.845c2 0 3.624 1.659 3.624 3.702s-1.624 3.702-3.624 3.702-3.623-1.664-3.623-3.702c0-2.043 1.624-3.702 3.623-3.702"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +113,10 @@ const h = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M16.898 3.669c0 1.588-4.078 1.668-4.895 1.668S7.11 5.257 7.11 3.67 11.187 2 12.003 2c.817 0 4.895.08 4.895 1.669m-1.239 0c-.468-.237-1.73-.555-3.656-.555-1.925 0-3.187.318-3.656.555.469.237 1.73.554 3.656.554s3.188-.317 3.656-.554m-.622 11.737a5.22 5.22 0 0 0 2.042-4.148c0-2.858-2.278-5.186-5.076-5.186S6.928 8.4 6.928 11.258c0 1.697.802 3.2 2.041 4.148-3.025.91-5.182 3.143-5.298 5.821a.735.735 0 0 0 .691.773h.033a.735.735 0 0 0 .723-.706c.116-2.674 3.202-4.845 6.885-4.845 3.68 0 6.77 2.176 6.885 4.845a.73.73 0 0 0 .724.706h.033a.735.735 0 0 0 .69-.773c-.115-2.678-2.273-4.91-5.298-5.821m-3.034-7.845c2 0 3.624 1.659 3.624 3.702s-1.624 3.702-3.624 3.702-3.623-1.664-3.623-3.702c0-2.043 1.624-3.702 3.623-3.702"
         })
     }));
-}, u = h;
+}, d = h;

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), a = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = 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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: s,
             d: "M20.41 2.337c.95.961 1.431 2.35 1.431 4.135 0 1.781-.482 3.17-1.431 4.129a.593.593 0 0 1-.871-.017.665.665 0 0 1 .017-.913c.697-.706 1.053-1.782 1.053-3.2 0-1.42-.356-2.498-1.053-3.207a.665.665 0 0 1-.014-.913.593.593 0 0 1 .868-.014M4.444 9.671a.67.67 0 0 1 .016.915.6.6 0 0 1-.874.014c-.95-.958-1.431-2.347-1.431-4.128S2.637 3.3 3.586 2.337a.597.597 0 0 1 .874.017.665.665 0 0 1-.014.913c-.697.709-1.053 1.787-1.053 3.205-.003 1.417.353 2.493 1.05 3.199m14.96 8.756a.633.633 0 0 0-.619-.647v.002h-1.372L13.878 7.85q.317-.545.319-1.376c0-.759-.199-1.344-.594-1.742-.378-.38-.924-.574-1.622-.574-.697 0-1.24.193-1.619.574-.389.395-.588.98-.588 1.74q.001.832.317 1.375L6.556 17.78H5.228c-.342 0-.62.291-.62.647v2.77c0 .359.278.647.62.647h13.557c.342 0 .62-.291.62-.647zM11.22 5.657c.17-.174.51-.21.761-.213.252 0 .591.036.765.212.176.18.213.541.213.813s-.037.633-.213.807c-.176.176-.513.212-.767.212-.208 0-.58-.028-.762-.21-.174-.176-.21-.537-.21-.81 0-.27.036-.632.213-.812m.103 9.44.664-1.88.675 1.88zm-.457 1.293h2.255l.499 1.39h-.868l-.177.002-.176-.002H11.6l-.187.002-.196-.002h-.84zm7.303 4.16H5.847v-1.479h5.37c.067 0 .19-.003.19-.003s.126.003.193.003h.799c.061 0 .173-.003.173-.003s.118.003.18.003h5.417zM6.388 9.211c.12.123.274.182.428.182a.63.63 0 0 0 .448-.196.67.67 0 0 0-.017-.913c-.386-.39-.582-1-.582-1.815s.196-1.426.582-1.818a.665.665 0 0 0 .014-.913.6.6 0 0 0-.873-.017c-.64.644-.961 1.569-.961 2.745 0 1.18.322 2.104.96 2.745m10.333-.927a.667.667 0 0 0-.017.913.62.62 0 0 0 .443.199.6.6 0 0 0 .431-.18c.636-.644.96-1.565.96-2.744 0-1.177-.321-2.101-.96-2.745a.597.597 0 0 0-.874.014.67.67 0 0 0 .017.915c.386.39.582 1.003.582 1.816 0 .812-.196 1.423-.582 1.812"
         })
     }));

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const e = (_param)=>{
-    var { color: o, size: a = 24 } = _param, n = _object_without_properties(_param, [
+    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : n ? _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"
-    }, n), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M2.992 6.348c0 1.513.383 2.664 1.14 3.432a.45.45 0 0 1 .01.621.41.41 0 0 1-.593.012c-.927-.936-1.398-2.303-1.398-4.065s.47-3.129 1.398-4.067a.404.404 0 0 1 .594.011.45.45 0 0 1-.011.622c-.757.768-1.14 1.922-1.14 3.434M19.347 18.57c0-.241-.187-.44-.42-.44v.003h-1.549L13.765 7.964c.31-.397.476-.93.476-1.613 0-.773-.202-1.373-.605-1.779-.387-.39-.944-.588-1.658-.588-.715 0-1.27.199-1.656.588-.4.404-.602 1.003-.602 1.779 0 .683.165 1.218.476 1.613L6.583 18.13H5.078a.43.43 0 0 0-.42.44V21.4c0 .244.188.44.42.44h13.85a.43.43 0 0 0 .42-.44zm-8.44-13.367c.222-.225.583-.34 1.07-.345.49 0 .852.115 1.076.342.23.232.347.619.347 1.145 0 .365-.061.656-.17.883a1 1 0 0 1-.177.26 1 1 0 0 1-.26.177q-.314.16-.815.162-.496 0-.81-.16a.9.9 0 0 1-.26-.176.9.9 0 0 1-.174-.26q-.17-.337-.171-.883c0-.526.115-.916.345-1.145M7.483 18.13l3.42-9.625c.305.132.661.205 1.078.202.418 0 .774-.076 1.082-.208l3.423 9.628h-1.628l-2.479-6.93-.004-.007-.004-.007a.3.3 0 0 0-.035-.06l-.013-.018-.02-.03q-.01-.018-.025-.035-.021-.018-.044-.032l-.017-.013-.023-.016q-.023-.02-.05-.031l-.007-.006-.007-.006q-.017-.005-.035-.007l-.027-.004-.033-.005q-.026-.005-.05-.006-.034.002-.066.009l-.044.007q-.02-.002-.04.006l-.002.002-.004.003-.007.004q-.045.023-.082.053l-.056.042a1 1 0 0 0-.044.07l-.009.013a.3.3 0 0 0-.036.063l-.004.007-.002.002-.003.005-2.448 6.93zm5.493-2.74h-1.972l.98-2.773zm5.532 3.622v1.952H5.501v-1.952zm-5.219-2.742.664 1.86h-3.921l.658-1.86zm-6.88-7.275a.4.4 0 0 0 .292.124.42.42 0 0 0 .303-.135.45.45 0 0 0-.011-.622c-.437-.442-.659-1.12-.659-2.014s.222-1.574.661-2.017a.455.455 0 0 0 .009-.621.406.406 0 0 0-.594-.009c-.608.614-.916 1.507-.916 2.647 0 1.143.308 2.034.916 2.647M20.44 2.281c.927.938 1.397 2.308 1.397 4.067s-.47 3.13-1.397 4.065a.42.42 0 0 1-.292.123.41.41 0 0 1-.302-.135.455.455 0 0 1 .011-.621c.756-.765 1.14-1.916 1.14-3.432 0-1.512-.384-2.666-1.14-3.434a.455.455 0 0 1-.011-.622.41.41 0 0 1 .594-.011m-3.48 6.078a.455.455 0 0 0-.01.622.4.4 0 0 0 .3.135c.103 0 .21-.04.29-.12.611-.617.92-1.505.92-2.648s-.309-2.033-.917-2.65a.406.406 0 0 0-.593.012.455.455 0 0 0 .01.621q.661.67.662 2.017c0 .894-.224 1.572-.661 2.011"

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

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -104,7 +104,7 @@ const s = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: n,
             d: "M20.41 2.337c.95.961 1.431 2.35 1.431 4.135 0 1.781-.482 3.17-1.431 4.129a.6.6 0 0 1-.429.181.6.6 0 0 1-.445-.198.665.665 0 0 1 .017-.913c.7-.706 1.053-1.782 1.053-3.2 0-1.42-.353-2.498-1.053-3.207a.665.665 0 0 1-.014-.913.596.596 0 0 1 .87-.014M4.444 9.671a.67.67 0 0 1 .016.915.6.6 0 0 1-.445.197.6.6 0 0 1-.429-.182c-.95-.959-1.431-2.348-1.431-4.13 0-1.78.482-3.17 1.431-4.134a.597.597 0 0 1 .874.017.667.667 0 0 1-.014.913c-.7.709-1.053 1.787-1.053 3.205-.003 1.417.353 2.493 1.05 3.199m14.963 8.756a.633.633 0 0 0-.619-.647v.002h-1.38L13.871 7.85c.21-.364.32-.821.32-1.376 0-.759-.197-1.344-.592-1.742-.378-.38-.924-.574-1.621-.574-.698 0-1.241.193-1.62.574-.389.395-.588.98-.588 1.74 0 .554.11 1.014.32 1.375L6.556 17.78H5.228c-.342 0-.62.291-.62.647v2.77c0 .359.278.647.62.647h13.56c.342 0 .62-.291.62-.647zM11.22 5.657c.17-.174.51-.21.761-.213.252 0 .591.036.765.212.176.18.213.541.213.813s-.037.633-.213.807c-.174.176-.513.212-.767.212-.208 0-.58-.028-.762-.21-.174-.176-.21-.537-.21-.81 0-.27.039-.632.213-.812m-3.345 12.12 3.246-9.123a2.8 2.8 0 0 0 .858.126c.322 0 .61-.048.865-.126l3.252 9.123h-1.154l-2.375-6.639-.006-.01q-.003-.003-.005-.01-.02-.048-.05-.087l-.02-.03q-.013-.017-.024-.036-.018-.031-.04-.056a.3.3 0 0 0-.052-.04l-.036-.025-.037-.025q-.037-.03-.078-.048l-.01-.005-.01-.006q-.026-.01-.053-.011-.02 0-.039-.006a.4.4 0 0 0-.12-.02c-.045 0-.088.01-.133.021l-.007.002-.03.004a.2.2 0 0 0-.049.01l-.006.005q-.003.004-.01.006-.051.026-.095.06l-.015.01-.01.009-.033.023a.2.2 0 0 0-.049.038 1 1 0 0 0-.055.078l-.01.015a.5.5 0 0 0-.075.127l-.006.01-2.347 6.636zm3.448-2.68.664-1.88.675 1.88zm6.846 3.974v1.48H5.844v-1.48zM13.62 17.78h-3.244l.49-1.39h2.255zM6.388 9.21c.12.123.274.182.428.182a.62.62 0 0 0 .448-.196.67.67 0 0 0-.017-.913c-.386-.39-.582-1-.582-1.815s.196-1.426.582-1.818a.667.667 0 0 0 .014-.913.6.6 0 0 0-.873-.017c-.64.644-.961 1.569-.961 2.745 0 1.18.322 2.104.96 2.745m10.33-.927a.667.667 0 0 0-.017.913.63.63 0 0 0 .446.199.6.6 0 0 0 .428-.18c.639-.644.964-1.565.964-2.744 0-1.177-.322-2.101-.961-2.745a.597.597 0 0 0-.874.014.67.67 0 0 0 .014.915c.39.39.585 1.003.585 1.816 0 .812-.198 1.423-.585 1.812"
         })
     }));

package/dist/generated/mistica-icons/icon-apartment-building-filled.js

@@ -97,8 +97,8 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), i = a !== null && a !== void 0 ? a : n ? _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 n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = a !== null && a !== void 0 ? a : n ? _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: h,
         height: h,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const c = (_param)=>{
             fill: i,
             d: "M5 2h13.623c.203 0 .368.169.377.377v19.618h-7.735v-6.414H6.843V22H5zm1.838 10.94h4.422V9.92H6.838zm4.422-5.284V4.642H6.838v3.014zM12.73 18.6h4.422V15.58h-4.421zm4.422-5.66V9.92h-4.421v3.02zm-4.421-5.284h4.421V4.642h-4.421z"
         })
-    })) : 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: h,
         height: h,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-apartment-building-light.js

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

@@ -97,25 +97,25 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), V = t !== null && t !== void 0 ? t : o ? _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({
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : 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: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, v), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: V,
+            fill: e,
             d: "M5.348 2h13.297c.4 0 .717.326.722.73V22h-9.345v-5.454H8.223v5.45H4.63V2.725c0-.4.322-.726.718-.726m6.11 18.544h6.469V3.456H6.066v17.088h.717V15.09h4.675zm-4.675-7.455h4.675V9.818H6.783zm3.594-2.178V12H7.86v-1.089zm2.157 2.178h4.675V9.818h-4.675zm3.594-2.178V12H13.61v-1.089zm-3.594 7.45h4.675V15.09h-4.675zm3.594-2.182v1.089H13.61v-1.09zM6.783 8.003h4.675V4.727H6.783zm3.594-2.183v1.09H7.86V5.82zm2.157 2.183h4.675V4.727h-4.675zm3.594-2.183v1.09H13.61V5.82z"
         })
-    })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : V.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, v), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: V,
+            fill: e,
             d: "M5.348 2h13.297c.4 0 .717.326.722.73V22h-9.345v-5.454H8.223v5.45H4.63V2.725c0-.4.322-.726.718-.726m6.11 18.544h6.469V3.456H6.066v17.088h.717V15.09h4.675zm-4.675-7.455h4.675V9.818H6.783zm3.594-2.178V12H7.86v-1.089zm2.157 2.178h4.675V9.818h-4.675zm3.594-2.178V12H13.61v-1.089zm-3.594 7.45h4.675V15.09h-4.675zm3.594-2.182v1.089H13.61v-1.09zM6.783 8.003h4.675V4.727H6.783zm3.594-2.183v1.09H7.86V5.82zm2.157 2.183h4.675V4.727h-4.675zm3.594-2.183v1.09H13.61V5.82z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -125,7 +125,7 @@ const i = (_param)=>{
         role: "presentation"
     }, v), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: V,
+            fill: e,
             d: "M17.999 21.846H5.996c-.737 0-1.38-.644-1.38-1.378V3.541c0-.723.658-1.378 1.38-1.378H18c.723 0 1.38.658 1.38 1.378v16.927c-.002.734-.646 1.378-1.38 1.378m-8.258-1.204V16.25c0-.334.266-.603.591-.603h3.328c.328 0 .591.27.591.603v4.389h3.745c.098 0 .196-.112.196-.174V3.538c-.005-.059-.123-.174-.196-.174H5.993c-.075 0-.193.113-.196.174v16.927c0 .062.101.174.196.174zm3.328-.031v-3.76h-2.143v3.76zM8.817 7.269V5.911h1.336v1.358zm-.591 1.205h2.52a.597.597 0 0 0 .592-.603V5.308a.595.595 0 0 0-.591-.602H8.226a.597.597 0 0 0-.591.602v2.563c0 .334.263.603.59.603m5.571-1.205V5.911h1.336v1.358zm-.59 1.205h2.52a.597.597 0 0 0 .591-.603V5.308a.595.595 0 0 0-.59-.602h-2.522a.597.597 0 0 0-.59.602v2.563c0 .334.263.603.59.603M8.816 12.3v-1.359h1.336V12.3zm-.591 1.204h2.52a.597.597 0 0 0 .592-.602V10.34a.595.595 0 0 0-.591-.602H8.226a.597.597 0 0 0-.591.602v2.563c0 .334.263.603.59.603m5.571-1.204v-1.359h1.336V12.3zm-.59 1.204h2.52a.597.597 0 0 0 .591-.602V10.34a.595.595 0 0 0-.59-.602h-2.522a.597.597 0 0 0-.59.602v2.563c0 .334.263.603.59.603"
         })
     }));

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

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

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

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