@telefonica/mistica 15.20.1 → 16.1.0

package/dist/generated/mistica-icons/icon-email-virus-light.js

@@ -96,7 +96,7 @@ const t = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), h = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = r !== null && r !== void 0 ? r : 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 t = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: s,
             d: "M21.488 18.967c.448-.537.345-1.218.34-1.224l.005-9.246c-.02-.877-.375-1.308-.686-1.53l-6.93-4.375-.003-.002c-.051-.035-.64-.435-1.465-.435a2.7 2.7 0 0 0-1.44.426L4.466 6.9l-.12.078c-.297.21-.653.641-.673 1.526v.983c-.778.97-1.327 2.255-1.476 3.928-.025.316-.042.65-.042.997 0 6.969 5.93 7.409 7.12 7.428h.219c.151 0 .305 0 .437-.003.857-.014 3.608-.238 5.429-2.285l.542-.001c1.841-.003 3.831-.005 4.183-.01.622-.012 1.095-.205 1.403-.575M4.81 7.657s6.961-4.398 6.964-4.396c.003-.002.412-.283.989-.283.56 0 .975.28.994.295l6.835 4.316.09.056c.207.146.316.446.327.86l-.025.009-4.476 2.79c-1.157-3.012-4.017-4.202-6.605-4.264a18 18 0 0 0-.678-.005c-1.641.014-3.38.495-4.725 1.619v-.138c.008-.425.12-.725.31-.86m10.345 10.831c-1.555 2.289-4.403 2.516-5.24 2.53-.186.002-.418.002-.628.002-1.482-.022-6.308-.562-6.308-6.607q0-.463.039-.925c.46-5.187 4.874-5.627 6.215-5.638h.155q.249-.001.498.005c1.328.034 5.703.521 6.275 5.465.042.359.064.74.064 1.132 0 1.633-.361 2.989-1.07 4.036m5.698-.044q-.225.267-.782.28c-.347.005-2.294.008-4.115.008.717-1.151 1.093-2.583 1.093-4.277 0-.426-.023-.838-.068-1.227a8 8 0 0 0-.213-1.12l4.244-2.645-.003 8.347v.002c.004.028.046.388-.157.631m-7.508-4.28c.227 0 .412.184.412.408v.79a.41.41 0 0 1-.412.41h-.002a.41.41 0 0 1-.412-.41v-.383h-.378c-.003.703-.067 1.322-.227 1.843l.877.263a.41.41 0 0 1 .294.415l-.065 1.19a.41.41 0 0 1-.411.386h-.023a.41.41 0 0 1-.39-.43l.048-.87-.675-.2c-.434.615-1.168.968-2.378.968-1.215 0-1.95-.355-2.384-.972l-.691.208.044.868a.41.41 0 0 1-.389.431h-.022a.41.41 0 0 1-.412-.386l-.065-1.19a.406.406 0 0 1 .292-.415l.896-.27c-.16-.52-.224-1.136-.227-1.837h-.372v.381a.41.41 0 0 1-.412.41h-.003a.41.41 0 0 1-.412-.41v-.793a.41.41 0 0 1 .412-.408h.818c.042-.547.146-1.076.373-1.53l-1.07-.32a.405.405 0 0 1-.292-.414l.065-1.19a.406.406 0 0 1 .417-.39h.017a.41.41 0 0 1 .39.432l-.046.868.838.252a1.9 1.9 0 0 1-.062-.482c0-1.599 1.555-1.599 2.303-1.599.745 0 2.3 0 2.3 1.6 0 .173-.023.327-.06.47l.807-.24-.047-.87a.41.41 0 0 1 .39-.43c.262-.012.422.16.433.386l.065 1.19a.41.41 0 0 1-.294.415l-1.05.314c.226.454.333.986.375 1.535 0 .005.817.005.817.005m-5.215-2.77q0 .125.017.218c.395-.163.87-.25 1.456-.25.588 0 1.067.087 1.462.252a1.3 1.3 0 0 0 .017-.22c0-.488-.098-.782-1.476-.782s-1.476.294-1.476.781m3.602 3.56c0-1.345-.204-2.074-.686-2.43-.314-.232-.784-.344-1.443-.344-.664 0-1.137.115-1.448.35-.476.362-.678 1.084-.678 2.423-.003 2.152.474 2.773 2.126 2.773 1.65 0 2.13-.621 2.13-2.773m-1.75-1.261a.412.412 0 0 0-.824 0v2.955a.41.41 0 0 0 .412.409h.002a.41.41 0 0 0 .41-.409z"
         })
     }));

package/dist/generated/mistica-icons/icon-email-virus-regular.js

@@ -96,7 +96,7 @@ const t = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = 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: c,
         height: c,
@@ -104,7 +104,7 @@ const t = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: s,
             d: "M21.452 18.959c.431-.518.403-1.157.378-1.364l.003-9.031c-.023-.936-.415-1.412-.768-1.661l-6.778-4.28a2.84 2.84 0 0 0-1.558-.468 2.8 2.8 0 0 0-1.515.448L4.51 6.836l-.13.084c-.324.235-.716.708-.739 1.658v.89c-.762.973-1.3 2.25-1.445 3.906q-.042.473-.042.994c0 7.017 5.975 7.456 7.174 7.476q.108.004.218.003c.151 0 .303-.003.431-.006.852-.014 3.566-.235 5.404-2.238 1.916 0 4.17-.003 4.543-.008.838-.014 1.291-.353 1.527-.636M11.889 3.612l.003-.002c.036-.023.384-.242.857-.245.479 0 .837.24.865.26l6.698 4.227.078.05c.13.093.205.298.227.57l-4.092 2.551C15.306 8.15 12.499 7.01 9.956 6.948c-.207-.006-.454-.009-.672-.006-1.507.014-3.098.417-4.392 1.342.036-.177.095-.306.173-.362zm3.036 14.641c-1.468 2.163-4.174 2.375-4.969 2.39-.182.002-.403.005-.608 0-1.403-.02-5.98-.533-5.98-6.272q0-.463.039-.888c.437-4.913 4.62-5.328 5.89-5.34h.15c.162 0 .333.004.481.006 1.26.034 5.412.496 5.952 5.177q.06.517.06 1.087c0 1.56-.342 2.851-1.015 3.84m-1.608-4.246c.292 0 .524.232.524.523v.773a.52.52 0 0 1-.524.521.52.52 0 0 1-.523-.52v-.253h-.13c-.005.569-.05 1.118-.184 1.608l.736.222c.233.07.387.285.373.526l-.062 1.165a.523.523 0 0 1-.523.493h-.028a.525.525 0 0 1-.496-.549l.042-.756-.493-.148c-.44.568-1.171.932-2.373.932-1.204 0-1.935-.364-2.375-.938l-.513.154.042.756a.523.523 0 0 1-.495.55h-.028a.523.523 0 0 1-.524-.494L5.7 17.407a.516.516 0 0 1 .373-.526l.756-.227c-.134-.49-.176-1.037-.182-1.603h-.129v.252a.52.52 0 0 1-.524.521.52.52 0 0 1-.524-.52v-.774c0-.288.236-.523.524-.523h.687c.042-.46.134-.905.305-1.306l-.91-.271a.52.52 0 0 1-.373-.53l.062-1.165c.014-.289.26-.476.551-.493a.52.52 0 0 1 .496.549l-.042.756.54.163a2 2 0 0 1-.024-.297c0-1.69 1.666-1.69 2.375-1.69.711 0 2.375 0 2.375 1.69q-.002.15-.022.288l.51-.151-.042-.756a.523.523 0 0 1 .495-.55c.3.017.538.205.552.494l.062 1.165c.014.24-.14.46-.373.53l-.893.265c.173.398.266.85.308 1.311h.683zm-4.986-2.594.002.025.001.022a4 4 0 0 1 1.32-.199c.518 0 .952.07 1.324.202l.002-.025.001-.025c0-.359 0-.645-1.325-.645s-1.325.286-1.325.645m3.286 3.49c0-1.275-.188-1.958-.625-2.283-.285-.21-.722-.314-1.338-.314-.622 0-1.062.104-1.348.32-.434.327-.619 1.008-.619 2.277 0 2.04.423 2.597 1.967 2.597 1.54 0 1.963-.558 1.963-2.597m-1.473-1.238a.52.52 0 0 0-.524-.521.52.52 0 0 0-.524.52v2.897c0 .289.235.521.524.521a.52.52 0 0 0 .524-.52zm10.37 4.532c-.132.154-.407.193-.611.19-.317.006-2.009.009-3.684.009.603-1.107.927-2.434.927-3.989 0-.42-.022-.835-.067-1.224a9 9 0 0 0-.176-.98l3.72-2.317-.006 7.745.008.095v.002c.003.024.031.302-.111.469"
         })
     }));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return h;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), n = s !== null && s !== void 0 ? s : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = s !== null && s !== void 0 ? s : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "m20.432 8.731-5.168.003-.003-5.162c0-.737-.574-1.41-1.204-1.41l-4.13-.002c-.63 0-1.204.672-1.204 1.409l.003 5.165-5.162.003c-.751 0-1.41.563-1.41 1.204v4.13c0 .64.66 1.204 1.41 1.204l5.168-.003.003 5.163c0 .75.563 1.408 1.204 1.408h4.129c.641 0 1.204-.658 1.204-1.408l-.002-5.169 5.162-.002c.737 0 1.409-.575 1.409-1.205V9.93c0-.627-.672-1.199-1.409-1.199"
         })
     }));
-}, v = i;
+}, h = i;

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

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

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const t = (_param)=>{
     var { color: o, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), n = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = 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: r,
         height: r,
@@ -104,8 +104,8 @@ const a = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: a,
             d: "m15.397 8.595 4.86-.003c.829 0 1.582.658 1.582 1.384v4.045c0 .722-.756 1.38-1.582 1.38l-4.858.003.003 4.86c0 .857-.633 1.583-1.38 1.583H9.975c-.747 0-1.38-.726-1.38-1.583l-.003-4.857-4.86.003c-.86 0-1.583-.633-1.583-1.381l.003-4.045c0-.748.725-1.38 1.583-1.38L8.59 8.6l-.003-4.86c0-.829.658-1.582 1.381-1.582h4.045c.723 0 1.38.756 1.38 1.582zm-.6 5.6 5.46-.004c.187 0 .358-.142.383-.207l-.003-4.017a.55.55 0 0 0-.378-.176l-5.465.003a.605.605 0 0 1-.602-.603l-.003-5.456c0-.188-.14-.359-.201-.378L9.97 3.36a.55.55 0 0 0-.177.378L9.797 9.2a.6.6 0 0 1-.602.602l-5.457.003c-.207 0-.361.134-.378.188v4.033c.014.04.168.174.376.174l5.462-.003a.605.605 0 0 1 .602.602l.003 5.46c0 .21.131.361.187.378h4.031c.042-.017.177-.168.177-.378l-.003-5.462a.605.605 0 0 1 .602-.603"
         })
     }));
-}, v = a;
+}, v = t;

package/dist/generated/mistica-icons/icon-emergency-cross-with-circle-filled.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = o !== null && o !== void 0 ? o : 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 n = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M12.415 2.166c1.927.045 9.432.807 9.432 9.86 0 9.07-7.513 9.776-9.393 9.81-.176.005-.378.005-.58.005q-.161 0-.319-.003c-1.977-.028-9.392-.742-9.392-9.87 0-9.116 7.347-9.793 9.322-9.81q.045 0 .086-.002l.09-.001c.256 0 .524.006.754.011m4.855 11.27h-3.222a.617.617 0 0 0-.616.615l.008 3.219c0 .151-.103.252-.137.258H10.73c-.036-.009-.14-.107-.14-.258v-3.221a.616.616 0 0 0-.616-.617H6.75c-.157 0-.255-.103-.26-.137v-2.566c.008-.036.106-.14.26-.14h3.222a.616.616 0 0 0 .616-.616V6.752c0-.14.1-.255.137-.266l2.557-.003c.045.014.149.129.149.269V9.97c0 .339.274.616.616.616h3.222c.134 0 .249.098.266.146l.002 2.555c-.014.044-.128.148-.268.148m-2.608-4.08V6.76c0-.798-.639-1.496-1.367-1.496h-2.569c-.742 0-1.367.687-1.367 1.496v2.605H6.754c-.81 0-1.49.625-1.49 1.367v2.569c0 .74.68 1.367 1.49 1.367H9.36v2.605c0 .806.628 1.487 1.367 1.487h2.577c.742 0 1.367-.68 1.367-1.49l-.005-2.602h2.605c.798 0 1.498-.64 1.498-1.367v-2.577c0-.729-.7-1.367-1.498-1.367z"
         })
     }));

package/dist/generated/mistica-icons/icon-emergency-cross-with-circle-light.js

@@ -96,7 +96,7 @@ const n = (_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)(), i = 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: c,
         height: c,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.838 12.02c0-9.054-7.505-9.815-9.432-9.86a13 13 0 0 0-.756-.006h-.177c-1.974.014-9.322.695-9.322 9.81 0 9.129 7.415 9.843 9.392 9.87q.152.005.309.004c.21 0 .414-.003.593-.006 1.877-.036 9.392-.74 9.392-9.812m-.821-.003c0 8.196-6.572 8.955-8.586 8.992-.176.002-.375.005-.58.005q-.15 0-.296-.003c-.86-.01-3.07-.173-5.014-1.398-2.37-1.492-3.572-4.067-3.572-7.655 0-3.583 1.19-6.148 3.538-7.625 1.927-1.212 4.12-1.358 4.972-1.367h.17c.253 0 .513.003.738.009.86.022 3.067.202 5.022 1.428 2.392 1.502 3.608 4.065 3.608 7.614m-2.869 1.353c0 .174-.252.392-.535.39h-3.445a.409.409 0 0 0-.409.412l.008 3.444c0 .292-.215.524-.394.524h-2.757c-.179 0-.395-.232-.395-.524v-3.445a.41.41 0 0 0-.409-.409H6.367c-.294 0-.524-.21-.524-.392v-2.748c0-.177.233-.392.524-.392h3.445a.41.41 0 0 0 .41-.41V6.376c0-.288.218-.535.394-.535h2.748c.174 0 .395.253.395.535v3.437c0 .227.182.41.41.41h3.447c.28 0 .532.218.532.392zm.821-2.756c0-.645-.63-1.213-1.353-1.213H14.58V6.375c0-.72-.569-1.352-1.216-1.352h-2.748c-.65 0-1.215.633-1.215 1.352V9.41H6.364c-.728 0-1.344.557-1.344 1.213v2.748c0 .658.616 1.213 1.344 1.213h3.037v3.033c0 .729.557 1.345 1.215 1.345h2.757c.658 0 1.215-.616 1.215-1.345l-.008-3.033h3.036c.72 0 1.353-.566 1.353-1.213z"
         })
     }));

package/dist/generated/mistica-icons/icon-emergency-cross-with-circle-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const h = (_param)=>{
     var { color: o, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = 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: c,
         height: c,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M21.846 12.026c0-9.053-7.504-9.815-9.431-9.86-.23-.005-.499-.011-.754-.011l-.09.001-.086.002c-1.975.017-9.322.695-9.322 9.81 0 9.128 7.414 9.842 9.392 9.87.103.003.213.003.32.003.2 0 .402 0 .579-.005 1.88-.034 9.392-.74 9.392-9.81m-1.233 0c0 7.608-5.722 8.535-8.184 8.58a34 34 0 0 1-.558.006c-.1 0-.204 0-.302-.003-2.46-.034-8.18-.947-8.18-8.642 0-7.678 5.667-8.56 8.101-8.58l.168-.002c.247 0 .505.005.726.01 2.473.06 8.23 1.02 8.23 8.631m-3.344 1.41v.005h-3.221a.615.615 0 0 0-.616.616l.008 3.218c0 .152-.104.25-.137.258h-2.575c-.036-.006-.14-.106-.14-.258v-3.22a.616.616 0 0 0-.616-.617H6.751c-.157 0-.258-.104-.26-.137v-2.566c.008-.037.109-.14.26-.14h3.221a.616.616 0 0 0 .616-.616V6.757c0-.14.101-.255.138-.266l2.557-.003c.045.014.149.13.149.27V9.97c0 .342.277.616.616.616h3.221c.135 0 .25.098.266.146l.003 2.555c-.014.044-.129.148-.269.148m1.499-2.712c0-.729-.7-1.367-1.499-1.367h-2.608V6.76c0-.795-.638-1.496-1.367-1.496h-2.568c-.74 0-1.367.684-1.367 1.496v2.605H6.754c-.81 0-1.49.628-1.49 1.367v2.569c0 .742.68 1.367 1.49 1.367h2.605v2.605c0 .806.624 1.487 1.367 1.487h2.577c.74 0 1.367-.68 1.367-1.49l-.006-2.602h2.605c.798 0 1.499-.639 1.499-1.367z"
         })
     }));
-}, m = i;
+}, m = h;

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: e, size: r = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), c = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = 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: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: c,
             d: "M21.847 8.04a.8.8 0 0 0-.034-.182c-.008-.008-.017-.025-.011-.028l-.007-.016a.636.636 0 0 0-.15-.216l-4.97-4.832-.417-.412h-.008a.6.6 0 0 0-.196-.14h-.017c0-.009-.008-.009-.017-.009a.7.7 0 0 0-.246-.05H8.228c-.64 0-1.219.577-1.219 1.21V8.19l-4.731 9.364c-.073.148-.115.31-.115.484.008.544.451.98.983.98h.009l3.854.01v1.613c0 .641.571 1.201 1.219 1.201H20.62c.66 0 1.227-.552 1.227-1.201zm-1.031-.106h-2.35c-.762 0-1.41-.241-1.866-.681-.448-.445-.695-1.064-.695-1.795V3.16zm-11.63 7.09a.616.616 0 0 1-.614-.617V9.934a.614.614 0 1 1 1.227 0v4.473a.614.614 0 0 1-.614.616m.005 1.607a.644.644 0 0 1 0-1.288.644.644 0 0 1 0 1.288m-1.793 1.16h-.392l-3.462-.009L9.16 6.64l5.533 11.185z"
         })
     }));
-}, v = i;
+}, v = s;

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

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), s = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = a !== null && a !== void 0 ? a : c ? _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 i = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: e,
             d: "M21.838 8.167a.85.85 0 0 0-.25-.591l-5.173-4.99c-.306-.302-.653-.45-1.056-.433l-7.166.008c-.742 0-1.353.608-1.353 1.347V8.61l-4.596 9.014a.9.9 0 0 0-.093.378c.009.437.364.815.801.782l3.897.017v1.619c-.017.403.1.756.347 1.02.238.251.594.4.997.4l12.381-.017c.695 0 1.255-.569 1.255-1.258zm-.827.577-.008 11.823a.43.43 0 0 1-.432.434L8.2 21.018c-.123 0-.294-.025-.404-.148-.09-.093-.131-.233-.123-.429v-1.644l7.28.025h.028a.77.77 0 0 0 .751-.557.76.76 0 0 0-.05-.583L9.72 5.763a.73.73 0 0 0-.361-.361L9.353 5.4l-.006-.004a.78.78 0 0 0-1.047.359l-.636 1.24V3.512a.533.533 0 0 1 .535-.527l6.75-.008.034 2.465v.003c0 .1-.004 1.489.925 2.437.554.56 1.297.837 2.23.846zM7.672 17.993H2.983l3.855-7.63.826-1.628 1.322-2.613 5.983 11.88zm8.166-14.82s4.918 4.747 4.921 4.747l-2.616-.017c-.692 0-1.244-.204-1.633-.6-.687-.691-.695-1.792-.695-1.865l-.034-2.316q.031.02.056.05M9.028 14.8a.416.416 0 0 1-.412-.412v-4.47a.412.412 0 0 1 .824 0v4.47a.416.416 0 0 1-.412.412m-.639 1.165a.645.645 0 0 0 1.289 0 .644.644 0 0 0-1.289 0"
         })
     }));

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

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), t = c !== null && c !== void 0 ? c : e ? _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,

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

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

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

@@ -97,7 +97,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), h = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : e ? _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: c,
         height: c,
@@ -105,7 +105,7 @@ const n = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: r,
             d: "M15.928 6.494h3.214c1.55 0 2.863 1.316 2.858 2.873a2.87 2.87 0 0 1-.841 2.017c-.494.508-1.23.804-2.017.804H17.3l-8.047 8.408a1.8 1.8 0 0 1-1.18.404H4.858C3.308 21 2 19.707 2 18.179c0-.748.302-1.463.846-2.018a2.84 2.84 0 0 1 2.012-.855h1.664l.114-.118V9.245c0-.692.32-1.298.828-1.698a2.8 2.8 0 0 1-.65-1.792C6.815 4.237 8.018 3 9.495 3s2.68 1.237 2.68 2.755c0 .687-.243 1.312-.65 1.797.513.4.833 1.006.833 1.693v.108l2.172-2.215c.42-.433.877-.644 1.399-.644m-5.18-.739c0-.705-.559-1.283-1.25-1.283-.69 0-1.247.578-1.247 1.283 0 .706.557 1.284 1.243 1.284.69 0 1.253-.578 1.253-1.284M8.071 9.25v4.486l2.858-2.92V9.249c0-.46-.466-.733-.915-.733H8.965c-.43 0-.892.258-.892.733m11.075 1.472c.393 0 .777-.146 1.001-.376.27-.278.425-.635.425-.978 0-.748-.667-1.401-1.426-1.401h-3.215c-.087 0-.196.014-.393.216l-8.422 8.6h-2.26c-.36 0-.754.165-1 .423-.275.278-.426.63-.426.978 0 .734.654 1.355 1.427 1.355h3.21c.132 0 .196-.02.283-.08l8.354-8.737z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const n = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: r,
             d: "M16.112 6.524h3.392c1.376 0 2.5 1.164 2.496 2.598 0 .698-.26 1.349-.736 1.838-.466.49-1.093.76-1.765.76h-1.993l-5.627 5.846h-.146a.365.365 0 0 1-.362-.37c0-.119.05-.223.133-.29l5.71-5.922h2.285c.48 0 .928-.19 1.262-.542.338-.347.526-.812.526-1.31 0-1.026-.805-1.858-1.788-1.858h-3.392c-.27 0-.484.105-.699.328l-8.617 8.953H4.5c-.48 0-.928.19-1.262.541a1.86 1.86 0 0 0-.526 1.31c0 1.027.805 1.858 1.788 1.858h3.332c.233 0 .453-.076.64-.223a.35.35 0 0 1 .498.07.38.38 0 0 1-.068.519c-.306.242-.681.37-1.07.37H4.501C3.12 21 2 19.836 2 18.402c0-.698.26-1.349.736-1.838a2.42 2.42 0 0 1 1.765-.76h1.997l.864-.897V9.122c0-.788.435-1.477 1.07-1.814a2.45 2.45 0 0 1-.891-1.895C7.54 4.083 8.583 3 9.863 3s2.322 1.083 2.322 2.413c0 .77-.352 1.453-.891 1.895a2.05 2.05 0 0 1 1.07 1.814v.589l2.546-2.646c.352-.365.745-.541 1.202-.541m-4.645-1.111c0-.922-.722-1.672-1.609-1.672s-1.604.75-1.604 1.672.717 1.667 1.6 1.671c.891 0 1.613-.75 1.613-1.671M8.075 9.122h-.004v5.044l3.57-3.71V9.123c0-.712-.558-1.297-1.248-1.297h-1.07c-.685 0-1.248.58-1.248 1.297m2.144 10.387c.394 0 .714-.333.714-.741 0-.409-.32-.741-.714-.741s-.713.332-.713.74c0 .41.32.742.713.742"
         })
     }));

package/dist/generated/mistica-icons/icon-escalator-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");
@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: t, size: c = 24 } = _param, o = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: a, size: c = 24 } = _param, r = _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: h } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M15.928 6.494h3.214c1.55 0 2.863 1.316 2.858 2.873a2.87 2.87 0 0 1-.841 2.017c-.494.508-1.23.804-2.017.804H17.3l-8.047 8.408a1.8 1.8 0 0 1-1.18.404H4.858C3.308 21 2 19.707 2 18.179c0-.748.302-1.463.846-2.018a2.84 2.84 0 0 1 2.012-.855h1.664l.114-.118V9.245c0-.692.32-1.298.828-1.698a2.8 2.8 0 0 1-.65-1.792C6.815 4.237 8.018 3 9.495 3s2.68 1.237 2.68 2.755c0 .687-.243 1.312-.65 1.797.513.4.833 1.006.833 1.693v.108l2.172-2.215c.42-.433.877-.644 1.399-.644m-5.18-.739c0-.705-.559-1.283-1.25-1.283-.69 0-1.247.578-1.247 1.283 0 .706.557 1.284 1.243 1.284.69 0 1.253-.578 1.253-1.284M8.071 9.25v4.486l2.858-2.92V9.249c0-.46-.466-.733-.915-.733H8.965c-.43 0-.892.258-.892.733m11.075 1.472c.393 0 .777-.146 1.001-.376.27-.278.425-.635.425-.978 0-.748-.667-1.401-1.426-1.401h-3.215c-.087 0-.196.014-.393.216l-8.422 8.6h-2.26c-.36 0-.754.165-1 .423-.275.278-.426.63-.426.978 0 .734.654 1.355 1.427 1.355h3.21c.132 0 .196-.02.283-.08l8.354-8.737z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +113,10 @@ const i = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M15.928 6.494h3.214c1.55 0 2.863 1.316 2.858 2.873a2.87 2.87 0 0 1-.841 2.017c-.494.508-1.23.804-2.017.804H17.3l-8.047 8.408a1.8 1.8 0 0 1-1.18.404H4.858C3.308 21 2 19.707 2 18.179c0-.748.302-1.463.846-2.018a2.84 2.84 0 0 1 2.012-.855h1.664l.114-.118V9.245c0-.692.32-1.298.828-1.698a2.8 2.8 0 0 1-.65-1.792C6.815 4.237 8.018 3 9.495 3s2.68 1.237 2.68 2.755c0 .687-.243 1.312-.65 1.797.513.4.833 1.006.833 1.693v.108l2.172-2.215c.42-.433.877-.644 1.399-.644m-5.18-.739c0-.705-.559-1.283-1.25-1.283-.69 0-1.247.578-1.247 1.283 0 .706.557 1.284 1.243 1.284.69 0 1.253-.578 1.253-1.284M8.071 9.25v4.486l2.858-2.92V9.249c0-.46-.466-.733-.915-.733H8.965c-.43 0-.892.258-.892.733m11.075 1.472c.393 0 .777-.146 1.001-.376.27-.278.425-.635.425-.978 0-.748-.667-1.401-1.426-1.401h-3.215c-.087 0-.196.014-.393.216l-8.422 8.6h-2.26c-.36 0-.754.165-1 .423-.275.278-.426.63-.426.978 0 .734.654 1.355 1.427 1.355h3.21c.132 0 .196-.02.283-.08l8.354-8.737z"
         })
     }));
-}, u = i;
+}, d = n;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), c = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -159,4 +159,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, g = v;
+}, M = v;

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

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

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

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

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), h = o !== null && o !== void 0 ? o : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = 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,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M4 3.25a.75.75 0 0 0-.75.75v16c0 .414.336.75.75.75h16a.75.75 0 0 0 .75-.75V4a.75.75 0 0 0-.75-.75zM2 4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm4 3v8a1 1 0 0 0 1 1h3v1a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1h3a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1m4.625 3.86a.625.625 0 0 1-1.25 0V7.235h1.25zm2 0a.625.625 0 0 1-1.25 0V7.235h1.25zm2 0a.625.625 0 0 1-1.25 0V7.235h1.25z"
         })
     }));
-}, m = i;
+}, m = s;

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const c = (_param)=>{
-    var { color: o, size: a = 24 } = _param, h = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: o, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), n = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = o !== null && o !== void 0 ? o : h ? _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"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
             d: "M4 2.84c-.64 0-1.16.52-1.16 1.16v16c0 .64.52 1.16 1.16 1.16h16c.64 0 1.16-.52 1.16-1.16V4c0-.64-.52-1.16-1.16-1.16zM2 4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm8.42 3v3a.42.42 0 0 1-.84 0V6.84H7a.16.16 0 0 0-.16.16v8c0 .088.072.16.16.16h3a.84.84 0 0 1 .84.84v1c0 .088.072.16.16.16h2a.16.16 0 0 0 .16-.16v-1a.84.84 0 0 1 .84-.84h3a.16.16 0 0 0 .16-.16V7a.16.16 0 0 0-.16-.16h-2.58V10a.42.42 0 1 1-.84 0V6.84h-1.16V10a.42.42 0 1 1-.84 0V6.84h-1.16zM6 15V7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-3v1a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-1H7a1 1 0 0 1-1-1"
         })
     }));
-}, V = c;
+}, V = s;

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

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

package/dist/generated/mistica-icons/icon-euro-symbol-circle-filled.js

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

package/dist/generated/mistica-icons/icon-euro-symbol-circle-light.js

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

package/dist/generated/mistica-icons/icon-euro-symbol-circle-regular.js

@@ -93,40 +93,40 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: l, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), h = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.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"
-    }, o), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: r,
                 d: "M7.536 13.788a.72.72 0 0 1-.716-.716c0-.396.32-.716.72-.724h.356c-.036-.104-.036-.252-.036-.356 0-.052.009-.113.018-.175.009-.063.018-.127.018-.181H7.54a.72.72 0 0 1-.716-.716c0-.392.32-.716.716-.716h.716c.712-1.676 2.356-2.856 4.284-2.856.824 0 1.608.248 2.324.644a.69.69 0 0 1 .252.964.69.69 0 0 1-.964.252 3.2 3.2 0 0 0-1.608-.428 3.24 3.24 0 0 0-2.68 1.428h2.68c.392 0 .716.32.716.716 0 .392-.32.716-.716.716h-3.18c-.036.104-.036.252-.036.356 0 .051.009.113.018.175.009.063.018.127.018.181h3.176c.392 0 .716.32.716.716 0 .392-.32.716-.716.716H9.86a3.24 3.24 0 0 0 2.68 1.428q.858-.001 1.608-.428c.32-.212.748-.104.964.252.212.32.104.748-.252.964-.716.428-1.5.644-2.324.644-1.928 0-3.568-1.176-4.284-2.856z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: r,
                 d: "M12 2C6.5 2 2 6.5 2 12s4.464 10 10 10c5.5 0 10-4.464 10-10 0-5.5-4.5-10-10-10m0 18.568A8.55 8.55 0 0 1 3.428 12 8.55 8.55 0 0 1 12 3.428c4.752 0 8.572 3.856 8.572 8.572A8.55 8.55 0 0 1 12 20.568"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: r,
                 d: "M7.536 13.788a.72.72 0 0 1-.716-.716c0-.396.32-.716.72-.724h.356c-.036-.104-.036-.252-.036-.356 0-.052.009-.113.018-.175.009-.063.018-.127.018-.181H7.54a.72.72 0 0 1-.716-.716c0-.392.32-.716.716-.716h.716c.712-1.676 2.356-2.856 4.284-2.856.824 0 1.608.248 2.324.644a.69.69 0 0 1 .252.964.69.69 0 0 1-.964.252 3.2 3.2 0 0 0-1.608-.428 3.24 3.24 0 0 0-2.68 1.428h2.68c.392 0 .716.32.716.716 0 .392-.32.716-.716.716h-3.18c-.036.104-.036.252-.036.356 0 .051.009.113.018.175.009.063.018.127.018.181h3.176c.392 0 .716.32.716.716 0 .392-.32.716-.716.716H9.86a3.24 3.24 0 0 0 2.68 1.428q.858-.001 1.608-.428c.32-.212.748-.104.964.252.212.32.104.748-.252.964-.716.428-1.5.644-2.324.644-1.928 0-3.568-1.176-4.284-2.856z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: r,
                 d: "M12 2C6.5 2 2 6.5 2 12s4.464 10 10 10c5.5 0 10-4.464 10-10 0-5.5-4.5-10-10-10m0 18.568A8.55 8.55 0 0 1 3.428 12 8.55 8.55 0 0 1 12 3.428c4.752 0 8.572 3.856 8.572 8.572A8.55 8.55 0 0 1 12 20.568"
             })
         ]
@@ -135,9 +135,9 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: r,
             d: "M11.995 2.155c6.44 0 9.846 3.403 9.846 9.846 0 6.437-3.403 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84 0-6.443 3.403-9.846 9.84-9.846m0 18.479c5.732 0 8.639-2.905 8.639-8.633 0-5.734-2.905-8.639-8.639-8.639-5.728 0-8.633 2.905-8.633 8.639 0 5.728 2.905 8.633 8.633 8.633m4.684-4.339a.6.6 0 0 0-.801-.283c-.7.33-1.575.499-2.603.496-2.459 0-3.95-.916-4.526-2.773h3.563a.604.604 0 1 0 0-1.21H8.528l-.007-.066c-.023-.241-.047-.485-.047-.755q.002-.114.012-.217.007-.071.01-.144h3.81a.601.601 0 1 0 0-1.205H8.642C9.107 7.976 10.626 6.9 13.276 6.9c1.014 0 1.882.163 2.576.485a.603.603 0 1 0 .508-1.096c-.855-.397-1.894-.596-3.085-.596-3.316 0-5.352 1.566-5.873 4.445H6.374a.602.602 0 0 0 0 1.205h.901q-.001.045-.004.09-.009.134-.01.271.003.41.04.82h-.927a.604.604 0 1 0 0 1.21h1.12c.65 2.583 2.644 3.981 5.779 3.981 1.207 0 2.255-.204 3.117-.61h.003a.603.603 0 0 0 .289-.804z"
         })
     }));

package/dist/generated/mistica-icons/icon-euro-symbol-filled.js

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: e, size: o = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: c, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : l ? _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: o,
         height: o,

package/dist/generated/mistica-icons/icon-euro-symbol-light.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M20.457 19.92a.64.64 0 0 0-.863-.325c-1.171.577-2.63.868-4.336.868-4.25 0-6.81-1.823-7.695-5.372h6.134a.666.666 0 0 0 .65-.681.664.664 0 0 0-.65-.68h-6.4a15 15 0 0 1-.112-1.732c0-.336.042-.63.061-.95h6.449a.664.664 0 0 0 .65-.677v-.003a.664.664 0 0 0-.65-.68H7.387c.689-4.076 3.316-6.16 7.87-6.16 1.687 0 3.13.288 4.295.851a.637.637 0 0 0 .863-.33.7.7 0 0 0-.317-.905c-1.339-.65-2.966-.978-4.84-.978-5.26 0-8.46 2.65-9.202 7.521H4.129a.666.666 0 0 0-.65.68c0 .376.291.682.65.682h1.79c-.017.308-.034.622-.034.95 0 .607.04 1.176.098 1.73H4.13a.666.666 0 0 0-.65.681c0 .375.291.68.65.68h2.059c.927 4.418 4.01 6.735 9.067 6.735 1.899 0 3.546-.337 4.888-1a.693.693 0 0 0 .313-.905"
         })
     }));

package/dist/generated/mistica-icons/icon-euro-symbol-regular.js

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