@telefonica/mistica 15.20.1 → 16.1.0

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

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

package/dist/generated/mistica-icons/icon-add-more-location-filled.js

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

package/dist/generated/mistica-icons/icon-add-more-location-regular.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");
@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M19.965 4.043c1.232 1.23 1.885 3.028 1.876 5.216-.008 4.61-5.93 11.58-6.767 12.406a.6.6 0 0 1-.432.176.6.6 0 0 1-.43-.176c-.424-.41-1.37-1.51-2.471-3.037-1.272 1.617-3.353 1.802-4.037 1.807-.098.009-.213.009-.32.009h-.17c-1.062-.017-5.059-.395-5.059-5.247 0-4.837 3.955-5.199 5.014-5.207h.367a5 5 0 0 1-.05-.779c0-2.176.66-3.978 1.907-5.199 1.25-1.221 3.09-1.849 5.294-1.857 2.213.008 4.04.658 5.278 1.888m.652 5.207c.009-1.88-.507-3.341-1.526-4.353-1.017-1.014-2.502-1.526-4.41-1.538-1.884 0-3.391.507-4.42 1.513C9.234 5.875 8.71 7.337 8.71 9.22c-.009.275.033.589.09.908 1.573.322 3.954 1.415 3.954 5.1 0 .878-.14 1.609-.367 2.21q1.05 1.517 2.253 2.911c1.663-1.88 5.969-7.585 5.977-11.098m-9.084 5.98c0-3.422-2.437-3.994-3.89-4.033h-.457c-1.429.017-3.81.549-3.81 4.003 0 3.47 2.415 4.017 3.85 4.042h.153l.076-.002c.077-.002.154-.003.221-.01 1.434-.022 3.857-.576 3.857-4M13.2 8.82c0 .97.479 1.442 1.465 1.442s1.465-.473 1.465-1.442c0-.97-.482-1.443-1.465-1.443-.986 0-1.465.474-1.465 1.443m1.465 2.653c-1.658 0-2.69-1.017-2.69-2.65s1.032-2.65 2.69-2.65 2.689 1.017 2.689 2.65c-.003 1.633-1.03 2.65-2.69 2.65M10.707 15.2a.605.605 0 0 0-.61-.602v.002H8.062v-1.977a.605.605 0 0 0-.611-.602.605.605 0 0 0-.61.602V14.6H4.812a.607.607 0 0 0-.61.603.605.605 0 0 0 .61.602h2.031v2.008a.605.605 0 0 0 .61.603.605.605 0 0 0 .611-.603v-2.01h2.031a.605.605 0 0 0 .61-.603"
         })
     }));
-}, m = i;
+}, d = i;

package/dist/generated/mistica-icons/icon-add-more-query-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return h;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -96,7 +96,7 @@ const t = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = o !== null && o !== void 0 ? o : e ? _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: "M8.324 4.132c.193.549.913 1.022 2.098 1.373 1.25.366 2.89.574 4.641.574s3.393-.208 4.642-.574c1.157-.342 1.868-.799 2.078-1.328 0-.009.009-.017.009-.017-.157-.574-.858-1.059-2.098-1.426-1.241-.367-2.891-.574-4.642-.574-1.75 0-3.4.207-4.65.574-1.176.35-1.896.835-2.087 1.381q.007.006.008.01zm3.428 9.6a.61.61 0 0 0-.616-.606H8.761v-2.308a.61.61 0 0 0-.616-.605.61.61 0 0 0-.617.605v2.308h-2.37a.61.61 0 0 0-.616.605c0 .334.278.605.617.605h2.37v2.342c0 .334.277.605.616.605a.61.61 0 0 0 .616-.605v-2.342h2.375a.61.61 0 0 0 .616-.605m1.04-1.188a7.476 7.476 0 0 1 .067.412l.003.023q.008.044.01.086a5 5 0 0 1 .029.33q0 .024.003.045.008.174.008.322c0 .659-.104 1.731-.65 2.684a3.7 3.7 0 0 1-.619.812q-.045.045-.098.088l-.034.03-.038.034q-.074.065-.152.125-.08.06-.16.115-.109.075-.23.146l-.052.031q-.052.033-.107.061a4 4 0 0 1-.426.196l-.066.023-.035.011a4 4 0 0 1-.47.14q-.062.016-.123.028-.198.046-.412.076a5.975 5.975 0 0 1-.843.073c-.042.002-.093.002-.138.002q-.095.004-.198.003H7.89c-4.068-.056-4.507-3.31-4.507-4.706 0-4.03 2.792-4.655 4.456-4.67 0 0 .252.004.42.004l.067.001.04.001q.4.01.753.06.066.007.125.021.045.01.091.017.237.037.454.09.077.021.149.046l.064.021.073.024q.158.049.302.105.065.028.129.06l.05.024c.115.053.23.107.334.168q.072.043.14.09.16.1.305.213l.1.084q.152.125.281.263l.032.034.032.033a4 4 0 0 1 .279.346l.007.01q.13.188.235.381a4.8 4.8 0 0 1 .49 1.384m.95-1.244q.645.043 1.321.045c1.751 0 3.4-.199 4.633-.569 1.233-.367 1.908-.924 2.135-1.344V5.488c-.457.358-1.076.647-1.869.88-1.33.394-3.072.61-4.904.61s-3.575-.216-4.905-.61c-.81-.233-1.44-.539-1.896-.9v2.384q-.075 0-.152-.002h-.277c-1.204.007-5.678.414-5.678 5.879 0 5.473 4.516 5.902 5.72 5.918h.188l.107-.001.103-.001c.05.666.762 1.218 2.134 1.624 1.258.37 2.908.575 4.65.575s3.392-.208 4.642-.575c1.422-.42 2.142-.994 2.142-1.694V16.03c-.481.37-1.12.684-1.868.9-1.322.392-3.064.607-4.905.607-.678 0-1.33-.04-1.96-.098.182-.252.341-.54.484-.854q.713.055 1.473.056c1.751 0 3.401-.207 4.642-.574 1.232-.367 1.907-.925 2.134-1.345v-3.98c-.481.367-1.12.672-1.868.888-1.322.394-3.064.61-4.905.61q-.546 0-1.075-.03a6 6 0 0 0-.247-.91"
         })
     }));
-}, h = t;
+}, d = t;

package/dist/generated/mistica-icons/icon-add-more-query-light.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");
@@ -92,14 +92,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), h = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
@@ -108,4 +108,4 @@ const n = (_param)=>{
             d: "M21.838 5.05c0-1.05-.846-1.837-2.516-2.339-1.193-.36-2.762-.56-4.417-.56-1.653 0-3.219.2-4.415.563-1.39.418-2.213 1.042-2.445 1.852l-.003.003a1.7 1.7 0 0 0-.067.481v2.698h-.149c-1.201.011-5.675.423-5.675 5.989 0 5.571 4.513 6.008 5.72 6.025h.317c.347.655 1.098 1.154 2.302 1.518 1.205.359 2.77.557 4.415.557 1.647 0 3.215-.198 4.42-.56 1.667-.501 2.512-1.288 2.512-2.339zM10.725 3.496c1.12-.336 2.605-.524 4.179-.524 1.577 0 3.061.188 4.182.524 1.11.333 1.742.77 1.893 1.3l-.007.009-.01.013c-.184.487-.831.907-1.868 1.221-1.12.336-2.605.524-4.179.524s-3.059-.188-4.18-.524c-1.064-.322-1.716-.756-1.882-1.257l-.007-.014-.004-.006c.165-.507.812-.944 1.883-1.266M8.059 18.94h-.177c-1.476-.022-4.91-.571-4.907-5.204 0-4.625 3.4-5.152 4.863-5.166h.103c.149 0 .303.003.434.006 1.485.034 4.942.613 4.942 5.196 0 1.19-.356 5.081-4.914 5.165-.103.003-.224.003-.344.003m.493-2.199a.41.41 0 0 1-.818 0v-2.59H5.16a.412.412 0 0 1 0-.824h2.574V10.77a.41.41 0 0 1 .818 0v2.558h2.58a.412.412 0 0 1 0 .823h-2.58zm10.535 3.748c-1.129.34-2.614.527-4.18.524-1.565 0-3.05-.188-4.179-.524-.717-.215-1.243-.484-1.563-.79 1.205-.154 3.188-.714 4.252-2.689.496.037 1 .056 1.502.056 1.65 0 3.218-.196 4.414-.557.675-.205 1.244-.49 1.684-.827v3.255c0 .645-.65 1.166-1.93 1.552m-4.95-6.72c0-.588-.061-1.106-.157-1.585.303.022.653.03.939.028 1.65 0 3.215-.196 4.414-.557.675-.205 1.247-.49 1.684-.827v3.658c-.207.387-.81.902-1.919 1.236-1.4.42-3.4.602-5.339.484.233-.678.378-1.476.378-2.437M8.796 6.003q.62.495 1.705.826c1.194.359 2.762.558 4.415.558s3.221-.197 4.415-.558q1.07-.325 1.686-.81v3.617c-.207.386-.807.899-1.919 1.235-1.123.336-2.608.524-4.18.524-.529 0-.935-.02-1.148-.056q-.003-.002-.008 0h-.003c-.992-2.88-3.695-3.457-4.963-3.563z"
         })
     }));
-}, m = n;
+}, d = n;

package/dist/generated/mistica-icons/icon-add-more-query-regular.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");
@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), l = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const n = (_param)=>{
             d: "M21.841 5.192c0-1.126-.885-1.963-2.633-2.484-1.201-.359-2.776-.555-4.434-.558-1.653 0-3.227.196-4.428.555C8.9 3.139 8.04 3.795 7.788 4.66v.003q-.073.255-.073.53v2.54q.001.032.013.062l.01.039c-1.236.016-5.583.462-5.583 5.865 0 5.46 4.468 5.888 5.658 5.905h.093l.004.02q0 .016.007.028c.358.717 1.154 1.249 2.431 1.63 1.21.358 2.782.555 4.429.555s3.221-.197 4.431-.555c1.748-.521 2.633-1.359 2.633-2.485zM10.698 3.864c1.09-.324 2.538-.504 4.076-.507 1.54 0 2.992.18 4.081.505.692.204 1.49.549 1.706 1.061-.176.398-.77.768-1.697 1.045-1.09.325-2.538.504-4.079.504-1.537 0-2.986-.179-4.075-.504-.939-.28-1.533-.655-1.7-1.059.179-.397.758-.767 1.688-1.045M7.83 18.397c-4.022-.056-4.456-3.303-4.456-4.695 0-4.02 2.761-4.644 4.406-4.661h.109c.14 0 .286.003.414.006 4.057.095 4.493 3.308 4.493 4.686s-.434 4.588-4.464 4.66c-.101.004-.219.004-.334.004zm.863-1.751a.607.607 0 0 1-.608.605.607.607 0 0 1-.608-.605V14.31H5.133a.607.607 0 0 1-.608-.605c0-.334.271-.605.608-.605h2.344v-2.303a.607.607 0 0 1 1.216 0V13.1h2.35c.336 0 .608.271.608.605a.607.607 0 0 1-.608.605h-2.35zm10.165 3.479c-1.098.328-2.549.507-4.081.501-1.532 0-2.98-.179-4.079-.504-.672-.199-1.084-.417-1.341-.619 1.16-.19 2.843-.765 3.837-2.42l.04.012a.2.2 0 0 0 .053.013c.493.037 1 .056 1.501.056 1.653 0 3.227-.196 4.429-.554a5.9 5.9 0 0 0 1.406-.62v2.807c0 .661-.961 1.087-1.765 1.328m-4.84-6.387c0-.498-.05-.94-.12-1.358.28.022.585.034.893.036 1.655 0 3.227-.196 4.429-.554a5.8 5.8 0 0 0 1.406-.62v3.143c-.202.325-.757.776-1.757 1.073-1.35.404-3.283.58-5.165.47a7.3 7.3 0 0 0 .314-2.19M8.934 7.736V6.514c.386.238.857.446 1.426.614 1.201.361 2.773.557 4.428.557 1.656 0 3.23-.199 4.429-.557a6.1 6.1 0 0 0 1.406-.597V9.63c-.2.325-.754.773-1.757 1.073-1.092.325-2.54.504-4.078.504-.266 0-.714 0-.986-.045a.6.6 0 0 0-.221.003c-.98-2.538-3.39-3.143-4.675-3.283l.01-.04c.009-.036.018-.069.018-.105"
         })
     }));
-}, m = n;
+}, d = n;

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

@@ -97,35 +97,35 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), l = i !== null && i !== void 0 ? i : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
-    return t.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = i !== null && i !== void 0 ? i : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    return l.match(/^blau/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: l,
+            fill: a,
             d: "M21.321 11.321h-8.643V2.68a.679.679 0 1 0-1.357 0v8.642H2.679a.679.679 0 1 0 0 1.357h8.642v8.643a.679.679 0 0 0 1.357 0v-8.643h8.643a.679.679 0 1 0 0-1.357"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : l.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: l,
+            fill: a,
             d: "M11.42 2.72a.72.72 0 0 1 .716-.716.72.72 0 0 1 .716.716l.003 8.064 8.426.003a.72.72 0 0 1 .716.716.84.84 0 0 1-.22.552c-.127.127-.3.16-.493.16l-8.432.003v9.073a.703.703 0 0 1-.713.712.72.72 0 0 1-.715-.715v-9.072l-8.712.005a.72.72 0 0 1-.716-.715.72.72 0 0 1 .716-.716l8.712-.006z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : l.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: l,
+            fill: a,
             d: "M11.42 2.72a.72.72 0 0 1 .716-.716.72.72 0 0 1 .716.716l.003 8.064 8.426.003a.72.72 0 0 1 .716.716.84.84 0 0 1-.22.552c-.127.127-.3.16-.493.16l-8.432.003v9.073a.703.703 0 0 1-.713.712.72.72 0 0 1-.715-.715v-9.072l-8.712.005a.72.72 0 0 1-.716-.715.72.72 0 0 1 .716-.716l8.712-.006z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -135,7 +135,7 @@ const c = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: a,
             d: "M20.169 11.123H12.8V3.829c0-.395-.301-.798-.805-.798a.8.8 0 0 0-.802.798v7.361H3.829c-.485.026-.853.376-.828.857.023.446.382.737.828.76h7.296v7.365a.876.876 0 0 0 1.75 0v-7.297h7.297a.876.876 0 0 0-.003-1.752"
         })
     }));

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

@@ -97,8 +97,8 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), l = s !== null && s !== void 0 ? s : t ? _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)(), l = 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: c,
         height: c,
         viewBox: "0 0 24 24",

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

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

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

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

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: t, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: t, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), c = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
     return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: c,
             d: "M16.956 2.896h.005q.054 0 .108.004.054.005.108.005A3.46 3.46 0 0 0 14.849 2H8.517C6.639 2 5.104 3.504 5.009 5.387h7.777c.81-1.481 2.373-2.491 4.17-2.491m1.41 14.639v-5.201c-.446.141-.924.219-1.414.214q-.825-.002-1.595-.278l-1.886.516-2.063.562 1.054-4.008a4.8 4.8 0 0 1-.104-2.875H5v11.07zM14.849 22H8.517c-1.878 0-3.413-1.508-3.508-3.387h13.348C18.262 20.496 16.727 22 14.849 22m2.098-10.16a4 4 0 0 1-1.553-.315l-2.99.818.796-3.04a4.1 4.1 0 0 1-.31-1.58c0-2.268 1.819-4.114 4.057-4.114S21 5.45 21 7.713v.032c-.009 2.262-1.824 4.095-4.053 4.095m3.004-4.154c-.014-1.66-1.351-3.008-2.986-3.008-1.666 0-3.013 1.367-3.013 3.044 0 .457.095.896.289 1.307l.08.178-.427 1.618 1.594-.434.176.082c.41.192.842.293 1.288.293 1.643 0 2.98-1.348 2.999-3.012zM16.434 5.93a.528.528 0 1 1 1.054-.005v1.787a.53.53 0 0 1-.527.535h-1.405a.53.53 0 0 1-.527-.535c0-.297.234-.535.527-.535h.878z"
@@ -113,7 +113,7 @@ const m = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: c,
             d: "M16.956 2.896h.005q.054 0 .108.004.054.005.108.005A3.46 3.46 0 0 0 14.849 2H8.517C6.639 2 5.104 3.504 5.009 5.387h7.777c.81-1.481 2.373-2.491 4.17-2.491m1.41 14.639v-5.201c-.446.141-.924.219-1.414.214q-.825-.002-1.595-.278l-1.886.516-2.063.562 1.054-4.008a4.8 4.8 0 0 1-.104-2.875H5v11.07zM14.849 22H8.517c-1.878 0-3.413-1.508-3.508-3.387h13.348C18.262 20.496 16.727 22 14.849 22m2.098-10.16a4 4 0 0 1-1.553-.315l-2.99.818.796-3.04a4.1 4.1 0 0 1-.31-1.58c0-2.268 1.819-4.114 4.057-4.114S21 5.45 21 7.713v.032c-.009 2.262-1.824 4.095-4.053 4.095m3.004-4.154c-.014-1.66-1.351-3.008-2.986-3.008-1.666 0-3.013 1.367-3.013 3.044 0 .457.095.896.289 1.307l.08.178-.427 1.618 1.594-.434.176.082c.41.192.842.293 1.288.293 1.643 0 2.98-1.348 2.999-3.012zM16.434 5.93a.528.528 0 1 1 1.054-.005v1.787a.53.53 0 0 1-.527.535h-1.405a.53.53 0 0 1-.527-.535c0-.297.234-.535.527-.535h.878z"

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;