@telefonica/mistica 15.20.1 → 16.1.0

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

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

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

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

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

package/dist/generated/mistica-icons/icon-heart-bubble-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: o, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), c = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M5.292 2.982h13.412c1.731 0 3.137 1.355 3.14 3.022v8.96c0 1.67-1.409 3.026-3.137 3.026h-9.91l-1.99 2.462c-.296.378-.686.574-1.156.574-.756 0-1.398-.602-1.398-1.319v-1.863a2.98 2.98 0 0 1-2.098-2.88v-8.96c0-1.667 1.409-3.022 3.137-3.022m9.168 9.003c.55-.824.925-1.642 1.118-2.429.21-.857.04-1.569-.482-2.008-.305-.255-.723-.407-1.17-.429q-.061-.004-.121-.003l-.027.003-.026.003c-.194.005-.39.028-.583.078l-.032.01-.032.01a3 3 0 0 0-.776.336q-.15.082-.314.176a.1.1 0 0 1-.056.014.1.1 0 0 1-.056-.014l-.144-.08-.346-.191a3 3 0 0 0-.603-.238l-.025-.009-.036-.011a2.6 2.6 0 0 0-.583-.078l-.026-.003-.027-.003q-.06 0-.12.003c-.449.022-.863.173-1.169.428-.526.437-.7 1.149-.49 2.006.196.787.572 1.605 1.118 2.429a9.8 9.8 0 0 0 1.406 1.696c.077.074.255.246.41.354a1.3 1.3 0 0 0 .632.232h.006a.2.2 0 0 0 .044.003h.014l.025-.001.02-.002h.006a1.346 1.346 0 0 0 .63-.232c.153-.106.325-.273.405-.35l.027-.025.014-.014a9.8 9.8 0 0 0 1.37-1.662"
         })
     }));
-}, m = i;
+}, d = s;

package/dist/generated/mistica-icons/icon-heart-bubble-light.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), a = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = 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), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: l,
             d: "M21.838 6.004c0-1.67-1.41-3.025-3.138-3.025H5.29c-1.729 0-3.138 1.356-3.138 3.025v8.958c0 1.345.846 2.487 2.098 2.88v1.862c0 .715.639 1.32 1.395 1.32.474 0 .866-.194 1.157-.575l1.992-2.462H18.7c1.729 0 3.137-1.358 3.137-3.025zm-.821 0v8.958c0 1.23-1.04 2.23-2.32 2.232H8.589a.42.42 0 0 0-.325.152l-2.117 2.622c-.205.263-.407.263-.505.263-.296 0-.574-.258-.574-.527v-2.168a.4.4 0 0 0-.328-.39c-1.042-.207-1.77-1.106-1.77-2.184V6.004c0-1.23 1.042-2.233 2.32-2.233H18.7c1.278 0 2.317 1.003 2.317 2.233m-6.241 3.364c-.171.7-.51 1.434-1.011 2.185a9 9 0 0 1-1.27 1.54l-.027.029-.003.005a3 3 0 0 1-.303.263.5.5 0 0 1-.207.082l-.033-.006h-.009a.5.5 0 0 1-.174-.078 3 3 0 0 1-.322-.283 9 9 0 0 1-1.283-1.555c-.495-.748-.837-1.482-1.008-2.182-.076-.32-.151-.905.227-1.218.165-.14.414-.224.678-.238l.078-.003c.297 0 .608.084.902.24.149.082.3.166.482.27.14.078.3.117.462.117.157 0 .311-.039.474-.126q.246-.143.467-.26c.292-.157.605-.241.902-.241l.076.003c.269.014.512.1.68.238.376.313.3.899.222 1.218m.314-1.82c-.306-.253-.723-.404-1.171-.426q-.064-.004-.115-.003c-.437 0-.885.117-1.3.342-.157.084-.316.173-.49.271a.14.14 0 0 1-.056.014.13.13 0 0 1-.059-.014l-.116-.065q-.194-.112-.371-.206a2.7 2.7 0 0 0-1.3-.342q-.06 0-.12.003c-.451.02-.866.173-1.171.425-.524.435-.7 1.149-.488 2.003.194.79.569 1.608 1.115 2.429a9.7 9.7 0 0 0 1.384 1.678c.059.059.26.257.431.375.149.1.317.177.482.21q.072.014.151.02h.003c.017.002.028.002.045.002h.017q.024 0 .045-.002h.005a1 1 0 0 0 .151-.02 1.3 1.3 0 0 0 .48-.21 3.5 3.5 0 0 0 .445-.39 9.6 9.6 0 0 0 1.372-1.663c.547-.824.925-1.642 1.118-2.429.21-.854.04-1.566-.487-2.003"
         })
     }));
-}, m = i;
+}, m = s;

package/dist/generated/mistica-icons/icon-heart-bubble-regular.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: e, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: l, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = l !== null && l !== void 0 ? l : o ? _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"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M21.841 6.147c0-1.745-1.476-3.165-3.285-3.165H5.44c-1.81 0-3.286 1.42-3.286 3.165v8.748c0 1.353.824 2.51 2.053 2.96v1.673c0 .812.723 1.499 1.583 1.499.66 0 1.076-.353 1.3-.642l1.88-2.325h9.585c1.812 0 3.285-1.417 3.285-3.162zm-1.235 0v8.748c0 1.087-.919 1.97-2.048 1.97H8.67c-.19 0-.37.086-.487.229L6.11 19.66c-.134.173-.246.173-.32.173-.17 0-.346-.151-.346-.302v-2.118a.6.6 0 0 0-.496-.585c-.916-.182-1.558-.975-1.558-1.93V6.147c0-1.087.92-1.972 2.05-1.972h13.116c1.131 0 2.05.885 2.05 1.972M14.39 9.295c-.16.659-.484 1.353-.952 2.065a8.7 8.7 0 0 1-1.224 1.482l-.042.039-.003.005a3 3 0 0 1-.207.185 5 5 0 0 1-.241-.218 8.6 8.6 0 0 1-1.238-1.496c-.474-.711-.796-1.406-.958-2.064-.045-.185-.13-.645.092-.827a.76.76 0 0 1 .434-.143l.056-.002c.23 0 .474.067.706.193.146.076.294.16.482.266.202.112.431.17.664.17.227 0 .45-.052.65-.159l.02-.008.016-.011q.243-.139.46-.255c.232-.126.476-.194.703-.194l.059.003a.76.76 0 0 1 .434.143c.218.182.137.639.09.826m.715-1.733c-.306-.255-.726-.407-1.174-.429a1 1 0 0 1-.115-.008c-.437 0-.885.114-1.305.339-.157.084-.317.173-.49.274a.1.1 0 0 1-.057.014.1.1 0 0 1-.056-.014 26 26 0 0 0-.49-.272 2.8 2.8 0 0 0-1.305-.339l-.058.002-.062.001c-.454.023-.872.174-1.177.429-.527.437-.703 1.151-.49 2.011.193.79.571 1.61 1.12 2.434.44.661.79 1.087 1.39 1.684l.014.013c.073.07.261.25.42.362.148.104.314.174.482.21q.071.014.15.02h.113q.08-.005.151-.02a1.4 1.4 0 0 0 .482-.21 3.5 3.5 0 0 0 .434-.375l.014-.014a10 10 0 0 0 1.376-1.667c.551-.826.927-1.644 1.123-2.434.213-.86.039-1.572-.49-2.011"

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

@@ -97,35 +97,35 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), o = n !== null && n !== void 0 ? n : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = n !== null && n !== void 0 ? n : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.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"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M3 9.31C3 6.45 4.846 3.5 8.01 3.5c1.526 0 2.639.781 3.36 1.802.258.366.468.765.63 1.173.162-.408.372-.807.63-1.173.721-1.02 1.834-1.802 3.36-1.802C19.154 3.5 21 6.45 21 9.31c0 2.986-1.381 5.163-3.19 6.905-1.288 1.24-2.786 2.258-4.151 3.185l-.014.01c-.192.13-.41.27-.626.41l-.093.06c-.247.16-.485.314-.681.453l-.245.172-.245-.172a22 22 0 0 0-.681-.453l-.093-.06c-.216-.14-.434-.28-.626-.41l-.014-.01c-1.365-.927-2.863-1.945-4.151-3.185C4.38 14.473 3 12.296 3 9.31"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M17.252 2c-2.02 0-3.372.769-5.256 3.08C10.14 2.824 8.656 2 6.58 2 3.572 2 2 4.354 2 6.685c0 4.764 6.404 11.52 9.48 14.767L12 22l.52-.549c.88-.925 1.904-2.018 2.96-3.21l2.66-3.232C20.736 11.582 22 8.859 22 6.685 22 4.355 20.368 2 17.252 2"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M17.252 2c-2.02 0-3.372.769-5.256 3.08C10.14 2.824 8.656 2 6.58 2 3.572 2 2 4.354 2 6.685c0 4.764 6.404 11.52 9.48 14.767L12 22l.52-.549c.88-.925 1.904-2.018 2.96-3.21l2.66-3.232C20.736 11.582 22 8.859 22 6.685 22 4.355 20.368 2 17.252 2"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -135,7 +135,7 @@ const s = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M12.016 21.809H12q-.075 0-.137-.003h-.017a2.4 2.4 0 0 1-.4-.056c-.46-.104-.896-.3-1.277-.574-.457-.33-.995-.874-1.149-1.031-1.588-1.639-2.515-2.801-3.678-4.605-1.454-2.258-2.454-4.501-2.969-6.667-.56-2.353-.098-4.305 1.297-5.504.81-.692 1.916-1.11 3.11-1.17 1.257-.065 2.562.254 3.772.926.412.227.835.474 1.297.745.093.05.205.05.3 0 .462-.274.885-.518 1.3-.747 1.207-.67 2.512-.99 3.77-.925 1.196.062 2.3.48 3.11 1.174 1.394 1.196 1.856 3.151 1.296 5.504-.515 2.163-1.512 4.403-2.97 6.664-1.15 1.79-2.075 2.947-3.638 4.563l-.036.042c-.154.16-.692.7-1.146 1.028a3.4 3.4 0 0 1-1.277.574q-.198.047-.4.056h-.018q-.06.007-.123.006"
         })
     }));

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

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const d = (_param)=>{
-    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, t = _object_without_properties(_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 h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = o !== null && o !== void 0 ? o : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -105,7 +105,7 @@ const d = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M3 9.31C3 6.45 4.846 3.5 8.01 3.5c1.526 0 2.639.781 3.36 1.802.258.366.468.765.63 1.173.162-.408.372-.807.63-1.173.721-1.02 1.834-1.802 3.36-1.802C19.154 3.5 21 6.45 21 9.31c0 2.986-1.381 5.163-3.19 6.905-1.288 1.24-2.786 2.258-4.151 3.185l-.014.01c-.192.13-.41.27-.626.41l-.093.06c-.247.16-.485.314-.681.453l-.245.172-.245-.172a22 22 0 0 0-.681-.453l-.093-.06c-.216-.14-.434-.28-.626-.41l-.014-.01c-1.365-.927-2.863-1.945-4.151-3.185C4.38 14.473 3 12.296 3 9.31m9.425-.72h-.85c0-.851-.293-1.938-.9-2.798-.596-.844-1.47-1.442-2.665-1.442-2.516 0-4.16 2.368-4.16 4.96 0 2.682 1.226 4.652 2.93 6.293 1.23 1.186 2.674 2.167 4.052 3.103.183.124.393.26.609.399l.559.365a34 34 0 0 1 .559-.365c.216-.14.426-.275.609-.399 1.378-.936 2.821-1.917 4.053-3.103 1.703-1.64 2.929-3.61 2.929-6.293 0-2.592-1.644-4.96-4.16-4.96-1.195 0-2.069.598-2.665 1.442-.607.86-.9 1.947-.9 2.798"
         })
     })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const d = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M11.497 21.772c.13.144.308.228.499.228a.66.66 0 0 0 .495-.232c.7-.787 1.756-1.981 2.818-3.268l.008-.01.008-.01 2.502-3.244.007-.012.008-.012c2.472-3.488 3.676-6.256 3.676-8.462 0-1.438-.492-2.66-1.425-3.54A4.5 4.5 0 0 0 16.997 2c-1.105 0-1.966.26-2.792.835-.678.471-1.375 1.19-2.213 2.29C10.225 2.834 8.812 2 6.83 2c-1.162 0-2.24.435-3.028 1.227-.872.866-1.333 2.089-1.333 3.523 0 2.13 1.112 4.77 3.397 8.075 1.909 2.752 4.236 5.377 5.63 6.947M3.83 6.75c0-2.293 1.508-3.32 3.001-3.32 1.508 0 2.636.508 4.624 3.296.13.18.331.288.544.288a.68.68 0 0 0 .545-.288c2.011-2.816 3.002-3.292 4.46-3.292 1.52 0 3.158 1.039 3.158 3.32 0 1.858-1.143 4.415-3.398 7.6l-2.487 3.223c-.819.987-1.634 1.922-2.281 2.657-1.387-1.566-3.379-3.871-5.024-6.248C4.885 10.977 3.83 8.54 3.83 6.75"
         })
     })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -126,11 +126,11 @@ const d = (_param)=>{
     }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: l,
                 d: "M11.756 21.884a.33.33 0 0 0 .248.116.3.3 0 0 0 .229-.104.364.364 0 0 0 .018-.504C9.299 18.064 3.159 11.136 3.159 6.544c0-2.636 1.803-3.836 3.48-3.836 1.646 0 2.946.572 5.091 3.572a.34.34 0 0 0 .275.144.33.33 0 0 0 .274-.144c2.18-3.056 3.281-3.572 4.924-3.572 1.81 0 3.643 1.32 3.643 3.84 0 2.02-1.211 4.756-3.605 8.128l-2.527 3.28a.373.373 0 0 0 .05.504c.149.124.362.1.48-.052l2.53-3.284.005-.006.003-.006c2.523-3.552 3.747-6.352 3.747-8.56C21.528 3.564 19.352 2 17.202 2c-1.993 0-3.247.824-5.198 3.48C10.087 2.888 8.696 2 6.642 2c-1.113 0-2.138.416-2.893 1.168-.83.828-1.269 2-1.269 3.384 0 2.124 1.132 4.792 3.464 8.156 1.96 2.832 4.372 5.552 5.812 7.176"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: l,
                 d: "M13.7 20.572c.377 0 .682-.324.682-.716a.704.704 0 0 0-.682-.716c-.378 0-.682.32-.682.716s.304.716.682.716"
             })
         ]
@@ -141,7 +141,7 @@ const d = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M11.984 21.817h.02q.071 0 .129-.003h.014q.185-.011.367-.053a3.3 3.3 0 0 0 1.207-.546c.359-.255.826-.698 1.143-1.025l.012-.016.013-.015c1.602-1.655 2.546-2.838 3.726-4.67 1.481-2.302 2.498-4.582 3.022-6.778.549-2.314.11-4.224-1.24-5.381-.788-.672-1.86-1.079-3.029-1.137-1.24-.062-2.532.254-3.728.921-.426.235-.863.485-1.336.768a.63.63 0 0 1-.605-.003c-.477-.28-.91-.532-1.334-.765-1.199-.667-2.487-.983-3.728-.921-1.168.061-2.244.465-3.028 1.14C2.256 4.489 1.816 6.4 2.365 8.71c.524 2.199 1.54 4.482 3.025 6.778 1.185 1.844 2.132 3.028 3.754 4.7.32.328.784.768 1.143 1.026.361.263.773.448 1.207.546q.181.044.367.053h.014q.05.004.11.003M6.665 2.756q.142-.009.286-.009c1.047 0 2.129.294 3.14.857.417.233.849.48 1.32.76l.002.002c.358.205.804.208 1.165.003l.006-.003c.47-.28.905-.53 1.325-.762 1.106-.613 2.291-.907 3.428-.848 1.045.053 2 .409 2.692 1.002.6.513.994 1.196 1.171 2.028.174.818.137 1.76-.11 2.796-.509 2.134-1.5 4.356-2.949 6.605-1.18 1.83-2.073 2.95-3.686 4.613q-.012.013-.025.028c-.3.309-.723.704-1.04.933-.3.216-.638.37-1 .451l-.008.003q-.136.032-.274.04h-.012q-.04.002-.095.002h-.003q-.03 0-.056-.002h-.047a1.5 1.5 0 0 1-.275-.04l-.008-.003a2.65 2.65 0 0 1-1-.45c-.328-.236-.768-.65-1.067-.962-1.611-1.663-2.507-2.784-3.684-4.613-1.445-2.247-2.437-4.468-2.947-6.605-.246-1.037-.283-1.978-.109-2.796.177-.832.569-1.515 1.168-2.028.692-.593 1.65-.95 2.692-1.002"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-high-priority-filled.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: i, size: r = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: i, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), l = i !== null && i !== void 0 ? i : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = i !== null && i !== void 0 ? i : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M8.989 6.173a.47.47 0 0 1 .707-.026l2.007 2.051-2.007 2.051a.47.47 0 0 1-.707-.025.58.58 0 0 1 .023-.77l.694-.71H6.12c-.255 0-.542.134-.772.37C5.115 9.35 5 9.629 5 9.85v5.95c0 .221.115.5.348.738.231.236.519.37.771.37h5.015c.276 0 .5.244.5.546 0 .3-.224.545-.5.545H6.119c-.556 0-1.078-.28-1.455-.665-.374-.382-.664-.93-.664-1.533v-5.95c0-.603.289-1.152.663-1.534.377-.385.899-.665 1.456-.665h3.587l-.694-.71a.58.58 0 0 1-.023-.77m3.377 2.025c0-.301.224-.545.5-.545H19.5c.276 0 .5.244.5.545s-.224.546-.5.546h-6.633c-.277 0-.5-.244-.5-.546m0 4.628c0-.301.224-.545.5-.545H19.5c.276 0 .5.244.5.545s-.224.546-.5.546h-6.633c-.277 0-.5-.245-.5-.546m0 4.628c0-.3.224-.545.5-.545H19.5c.276 0 .5.244.5.546 0 .3-.224.545-.5.545h-6.633c-.277 0-.5-.244-.5-.546"

package/dist/generated/mistica-icons/icon-high-priority-light.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), h = i !== null && i !== void 0 ? i : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = i !== null && i !== void 0 ? i : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: e,
             d: "M9.052 6.107a.345.345 0 0 1 .5 0l1.9 1.966-1.9 1.966a.345.345 0 0 1-.5 0 .375.375 0 0 1 0-.517L10.1 8.439H6.004c-.299 0-.626.158-.886.427s-.411.607-.411.914v6.147c0 .306.152.644.412.914s.588.427.885.427h5.113a.36.36 0 0 1 .353.366.36.36 0 0 1-.353.366H6.004c-.527 0-1.025-.27-1.384-.642-.36-.372-.62-.887-.62-1.431V9.78c0-.544.26-1.06.618-1.431.36-.372.857-.642 1.386-.642H10.1L9.051 6.624a.375.375 0 0 1 0-.517m3.478 1.966a.36.36 0 0 1 .353-.366h6.764a.36.36 0 0 1 .353.366.36.36 0 0 1-.353.366h-6.764a.36.36 0 0 1-.353-.366m0 4.78a.36.36 0 0 1 .353-.365h6.764a.36.36 0 0 1 .353.366.36.36 0 0 1-.353.365h-6.764a.36.36 0 0 1-.353-.365m0 4.781a.36.36 0 0 1 .353-.366h6.764a.36.36 0 0 1 .353.366.36.36 0 0 1-.353.366h-6.764a.36.36 0 0 1-.353-.366"
         })
     }));

package/dist/generated/mistica-icons/icon-high-priority-regular.js

@@ -96,7 +96,7 @@ const h = (_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 e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = c !== null && c !== void 0 ? c : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,7 +104,7 @@ const h = (_param)=>{
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M8.994 6.156a.51.51 0 0 1 .733 0l1.98 2.033-1.98 2.034a.51.51 0 0 1-.733 0 .543.543 0 0 1 0-.753l.728-.748H6.134c-.237 0-.515.126-.745.362s-.352.522-.352.762v5.965c0 .239.123.524.353.761s.51.363.744.363h5.002c.286 0 .518.239.518.533a.526.526 0 0 1-.518.532H6.134c-.573 0-1.102-.29-1.477-.675S4 16.397 4 15.811V9.846c0-.586.28-1.129.655-1.514.376-.386.905-.675 1.479-.675h3.588l-.728-.748a.54.54 0 0 1 0-.753m3.352 2.033c0-.294.232-.532.518-.532h6.617c.287 0 .519.238.519.532a.526.526 0 0 1-.519.533h-6.617a.526.526 0 0 1-.518-.533m0 4.64c0-.295.232-.533.518-.533h6.617c.287 0 .519.238.519.532a.526.526 0 0 1-.519.533h-6.617a.526.526 0 0 1-.518-.533m0 4.639c0-.294.232-.533.518-.533h6.617c.287 0 .519.239.519.533a.526.526 0 0 1-.519.532h-6.617a.526.526 0 0 1-.518-.532"
         })
     }));

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

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

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

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

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

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

@@ -92,40 +92,40 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const v = (_param)=>{
     var { color: l, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    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(/^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), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M19.572 20.225c0 .888-.79 1.61-1.76 1.61H6.058c-.97 0-1.76-.722-1.76-1.607v-6.933h-.386c-.723 0-1.367-.398-1.633-1.014-.255-.583-.123-1.232.347-1.69l8.081-7.951c.662-.653 1.91-.653 2.575 0l8.08 7.95c.469.459.603 1.106.348 1.688-.266.617-.91 1.014-1.633 1.014h-.504z"
         })
-    })) : i.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"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M21.443 12.284 12.012 2 2.584 12.284a.34.34 0 0 0-.068.396q.102.216.308.216h1.7V22h5.444v-6.428h4.083V22h5.444v-9.108h1.7c.137 0 .27-.072.309-.216.038-.14.038-.284-.061-.392"
         })
-    })) : i.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"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M21.443 12.284 12.012 2 2.584 12.284a.34.34 0 0 0-.068.396q.102.216.308.216h1.7V22h5.444v-6.428h4.083V22h5.444v-9.108h1.7c.137 0 .27-.072.309-.216.038-.14.038-.284-.061-.392"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -135,8 +135,8 @@ const a = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "m21.423 10.71-8.258-8.115c-.596-.586-1.725-.586-2.324 0l-8.258 8.117a1.33 1.33 0 0 0-.311 1.502c.24.552.818.907 1.47.907h.611v7.283c0 .793.709 1.437 1.583 1.437h3.109c.23.006.423-.18.426-.409v-4.045h5.112v4.045a.42.42 0 0 0 .425.412h2.939c.874 0 1.582-.644 1.582-1.437v-7.283h.729c.652 0 1.232-.356 1.47-.907.23-.521.112-1.099-.305-1.507"
         })
     }));
-}, p = a;
+}, p = v;

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

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

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

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

package/dist/generated/mistica-icons/icon-home-wifi-filled.js

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

package/dist/generated/mistica-icons/icon-home-wifi-light.js

@@ -97,8 +97,8 @@ const m = (_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: t } = (0, _hooks.useTheme)();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.match(/^vivo-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-home-wifi-regular.js

@@ -97,8 +97,8 @@ const m = (_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)();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    return h.match(/^vivo-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-homespot-filled.js

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

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: t, size: o = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: s, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), r = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = s !== null && s !== void 0 ? s : 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: o,
         height: o,
         viewBox: "0 0 24 24",
@@ -119,4 +119,4 @@ const l = (_param)=>{
             d: "M13.819 1c4.035 0 7.317 3.364 7.317 7.5a.705.705 0 0 1-.7.708.705.705 0 0 1-.696-.713c0-3.345-2.657-6.069-5.921-6.069a.705.705 0 0 1-.696-.713c0-.393.313-.713.696-.713m4.878 7.5c0-2.756-2.19-5-4.878-5a.705.705 0 0 0-.696.713c0 .393.313.713.696.713 1.922 0 3.482 1.6 3.482 3.57 0 .392.312.712.696.712s.7-.315.7-.708M9.81 10.639c0 .886.704 1.609 1.57 1.609.864 0 1.569-.718 1.569-1.605 0-.886-.705-1.608-1.57-1.608s-1.57.717-1.57 1.604m1.047.004c0-.292.232-.534.522-.534s.522.242.522.534a.53.53 0 0 1-.522.535.53.53 0 0 1-.522-.535M15.91 21H6.85V8.857c0-1.18.936-2.144 2.091-2.144h4.878c1.15 0 2.091.96 2.091 2.144zm-1.395-1.43V8.857a.705.705 0 0 0-.696-.713H8.941a.705.705 0 0 0-.695.713V19.57z"
         })
     }));
-}, v = l;
+}, u = l;

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : h ? _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), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: i,
             d: "M21.846 6.357c0-.787-.288-1.254-.776-1.254L18.796 5.1V3.528c0-.72-.628-1.378-1.32-1.378H6.541c-.692 0-1.32.658-1.32 1.378v1.575h-2.28c-.487 0-.778.467-.778 1.254v14.227c0 .788.29 1.255.778 1.255h18.13c.484 0 .775-.47.775-1.255zm-8.017 14.278h-3.647V14.69h3.647zM6.417 3.53c0-.067.085-.162.12-.174h10.925c.045.012.132.107.132.174v17.104h-2.566v-6.546a.6.6 0 0 0-.6-.603H9.584a.6.6 0 0 0-.6.603v6.546H6.417zM8.381 8.79c0 .291.277.535.602.535h1.751v1.756c0 .322.25.605.532.605h1.48c.288 0 .531-.277.531-.605l-.005-1.756h1.75c.32 0 .608-.255.608-.535V7.304c0-.28-.291-.535-.607-.535h-1.751V5.02c0-.32-.255-.611-.532-.611h-1.474c-.283 0-.532.286-.532.61v1.757h-1.75c-.323 0-.603.25-.603.532z"
         })
     }));
-}, p = i;
+}, p = s;

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: l, size: c = 24 } = _param, r = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), a = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = 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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
             d: "M21.838 6.24c0-.251-.043-1.075-.589-1.075h-2.526V3.353c0-.63-.544-1.202-1.143-1.202H6.415c-.6 0-1.143.572-1.143 1.202v1.812H2.739c-.546 0-.588.824-.588 1.076v14.524c0 .325.056 1.075.588 1.075h18.51c.533 0 .588-.75.588-1.075zm-3.933-2.884V21.02h-3.026v-6.888a.41.41 0 0 0-.408-.41H9.524a.41.41 0 0 0-.41.41v6.888H6.088V3.356c0-.182.19-.381.325-.381h11.165c.137 0 .328.196.328.38m3.117 17.406c0 .098-.01.183-.018.25l-.001.005H18.72V6.238q.001-.149.02-.255H21q.021.106.022.255zm-6.96.255H9.93v-6.48h4.132zm-11.096-.255h-.002V6.24c0-.098.01-.185.022-.255h2.26q.019.107.02.255v13.745l.001.004.002.007v1.02H2.986a1.6 1.6 0 0 1-.02-.255m12.11-12.009v-.008H13.19a.409.409 0 0 0-.409.412l.006 1.896c0 .043-.02.078-.029.094l-.004.01-1.493.003c-.014-.006-.05-.048-.05-.107V9.157a.41.41 0 0 0-.41-.41H8.913a.2.2 0 0 1-.093-.025l-.01-.005-.003-1.496c.005-.014.047-.05.106-.05h1.888a.41.41 0 0 0 .41-.41V4.867c0-.039.015-.073.024-.093q.007-.014.006-.017l1.482-.003c.016.009.056.06.056.115v1.894a.41.41 0 0 0 .409.409h1.89c.05 0 .093.03.11.05l.002 1.474c-.008.02-.058.058-.114.058M16 7.202c0-.451-.431-.852-.924-.852h-1.482V4.868c0-.495-.398-.93-.849-.93h-1.504c-.462 0-.849.426-.849.93v1.485H8.913c-.498 0-.921.39-.921.851v1.513c0 .462.423.852.921.852h1.48v1.487c0 .501.388.924.848.924h1.51c.46 0 .848-.423.848-.924l-.002-1.485h1.479c.493 0 .924-.397.924-.851z"
         })
     }));
-}, H = v;
+}, H = s;