@telefonica/mistica 15.20.1 → 16.1.0

package/dist/generated/mistica-icons/icon-ear-plug-regular.js

@@ -97,8 +97,8 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : l ? _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 l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : l ? _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-eco-filled.js

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

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: i, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
     return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "M11.68 2.054a.86.86 0 0 1 .6 0c.245.108 5.716 2.752 5.72 9.579 0 3.608-1.59 5.648-2.929 6.72a7 7 0 0 1-2.364 1.323v1.608A.713.713 0 0 1 12 22a.713.713 0 0 1-.707-.716v-1.608C9.81 19.176 6 17.281 6 11.633c0-6.735 5.32-9.399 5.669-9.573zm1.023 5.647v10.44c1.377-.573 3.88-2.216 3.884-6.504 0-5.075-3.53-7.507-4.587-8.115-1.058.604-4.587 3.004-4.59 8.115 0 4.288 2.502 5.931 3.88 6.503V7.701c0-.392.32-.715.706-.715.387 0 .707.32.707.715"
         })
     })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -113,14 +113,14 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "M11.787 2.054c.142-.072.284-.072.39 0 .25.14 5.827 3.752 5.823 10.297 0 2.324-.707 4.216-2.082 5.649a.336.336 0 0 1-.493 0 .346.346 0 0 1 0-.5c1.232-1.289 1.868-3.04 1.868-5.149 0-5.509-4.341-8.9-5.293-9.58-.952.68-5.293 4.075-5.293 9.58 0 5.108 3.673 6.645 4.942 7.04v-12.4c0-.213.138-.357.351-.357.21 0 .351.14.351.356v14.654c0 .212-.138.356-.351.356-.21 0-.351-.14-.351-.356V20.14C10.448 19.784 6 18.136 6 12.347c0-6.455 5.432-10.058 5.776-10.286z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "M14.121 19.856c.39 0 .707-.32.707-.716a.71.71 0 0 0-.707-.716c-.39 0-.707.32-.707.716s.317.716.707.716"
             })
         ]
@@ -129,9 +129,9 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "M3.437 3.002c-.79.003-1.434.65-1.437 1.44v3.265q0 .03.006.059c.053 1.318.447 2.341 1.177 3.043.756.727 1.856 1.097 3.267 1.097 1.38 0 2.459-.351 3.21-1.045q.417.82.728 1.812c.718 2.295.858 4.773.95 6.412l.002.043c.036.621.064 1.113.117 1.437a.27.27 0 0 0 .228.225q.02.004.043.003a.27.27 0 0 0 .265-.228c.332-2.039.973-4.861 2.165-7.133q.07.075.144.148c.753.727 1.85 1.095 3.259 1.095 1.411 0 2.506-.368 3.256-1.095.725-.696 1.118-1.709 1.173-3.016a.3.3 0 0 0 .01-.075V7.225c0-.784-.642-1.423-1.425-1.426H17.56c-1.408 0-2.506.368-3.259 1.095-.781.756-1.177 1.879-1.177 3.344 0 1.108.227 2.023.677 2.729q-.38.69-.714 1.49c-.59 1.414-.985 2.86-1.243 4.011-.131-2.182-.42-5.452-1.794-8.036.562-.736.844-1.734.844-2.973 0-1.472-.399-2.598-1.183-3.356-.755-.73-1.851-1.1-3.26-1.1-1.5-.004-2.06-.004-3.015 0m-.872 4.454V4.442a.88.88 0 0 1 .872-.875h3.01c2.578 0 3.884 1.309 3.884 3.889q0 1.506-.592 2.431c-.801-1.294-1.916-2.365-3.477-2.962a.272.272 0 0 0-.194.508c1.368.522 2.474 1.497 3.309 2.91q-.975.998-2.93.999c-2.577 0-3.883-1.309-3.883-3.886m11.096 2.782c0-2.591 1.311-3.903 3.9-3.903h3.016a.9.9 0 0 1 .89.89v2.958a.3.3 0 0 0-.006.055c0 2.59-1.311 3.9-3.9 3.9q-2.159-.001-3.125-1.207c.972-1.662 2.274-2.946 4.015-3.263a.27.27 0 0 0-.098-.53c-1.197.216-2.283.864-3.23 1.924a9.7 9.7 0 0 0-1.01 1.37q-.452-.875-.452-2.194"
         })
     }));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
     return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M2.184 4.89v2.52h1.075l-1.072.003c0 2.902 1.602 4.844 4.515 4.844 1.229 0 2.225-.285 2.965-.833q.295.636.525 1.374c.675 2.16.807 4.504.894 6.053l.002.037c.035.604.063 1.082.115 1.406a.54.54 0 0 0 .526.453h.01a.54.54 0 0 0 .531-.453c.13-.804.527-3.244 1.499-5.569q.177-.423.365-.808c.757.65 1.825.99 3.173.99 2.8 0 4.39-1.466 4.508-4.137a1 1 0 0 0 .007-.087V7.61c0-.896-.736-1.624-1.641-1.624h-2.876c-2.909 0-4.51 1.586-4.51 4.462 0 1.022.202 1.88.593 2.562q-.325.608-.613 1.3a21 21 0 0 0-.776 2.217c-.187-1.858-.578-4.063-1.532-5.936.492-.725.747-1.676.747-2.835 0-2.905-1.602-4.504-4.512-4.504v1.075c2.314 0 3.437 1.12 3.437 3.426q0 1.045-.31 1.768C9.06 8.413 8.022 7.5 6.624 6.966a.54.54 0 0 0-.387 1.008c1.185.454 2.159 1.286 2.91 2.486q-.849.72-2.445.719c-2.314 0-3.44-1.464-3.44-3.769H3.26V4.893a.57.57 0 0 1 .566-.566H6.7V3.252H3.825c-.902 0-1.638.734-1.641 1.638m15.124 2.166h2.876c.313 0 .568.249.568.554v2.866c-.01 2.256-1.139 3.355-3.445 3.355-1.194 0-2.071-.293-2.642-.89.989-1.622 2.174-2.568 3.535-2.815a.538.538 0 1 0-.193-1.062c-1.204.219-2.294.868-3.24 1.927a9 9 0 0 0-.704.903q-.2-.623-.199-1.449c0-2.28 1.127-3.39 3.443-3.39z"
         })
     }));
-}, d = s;
+}, p = s;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: e, size: o = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: t, size: o = 24 } = _param, i = _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;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M20.923 6.586c.58.583.924 1.418.921 2.233-.003.818-.325 1.568-.936 2.168-.126.126-.733.675-1.61 1.457v5.271c0 1.23-.345 2.224-1.028 2.953-.728.778-1.762 1.173-3.065 1.173H6.247c-1.305 0-2.333-.395-3.061-1.173-.686-.729-1.031-1.723-1.031-2.953V6.331c0-2.577 1.569-4.176 4.092-4.176h8.958c2.303 0 3.81 1.361 4.045 3.569a3.2 3.2 0 0 1 1.672.862M12.683 16.71c4.44-3.933 7.132-6.334 7.381-6.58.376-.37.575-.824.575-1.317a1.97 1.97 0 0 0-.569-1.375 1.96 1.96 0 0 0-1.367-.569c-.46 0-.93.171-1.328.569-.325.325-4.916 4.392-7.397 6.585a.64.64 0 0 0-.169.25L8.567 17.62l-.005.012c-.025.071-.106.3.036.444.14.142.38.071.46.048l.019-.005 3.417-1.255z"

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

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = 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: o,
         height: o,
@@ -104,7 +104,7 @@ const s = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: e,
             d: "M20.959 6.616c.555.558.885 1.353.882 2.135-.003.778-.31 1.495-.89 2.07-.132.129-.78.714-1.71 1.543l.003.01v5.458c0 1.202-.335 2.168-.997 2.874-.703.75-1.706 1.131-2.977 1.131H6.127c-1.275 0-2.275-.38-2.978-1.131-.658-.706-.994-1.672-.994-2.874V6.21c0-2.504 1.521-4.059 3.972-4.059h9.14c2.288 0 3.77 1.384 3.944 3.62a3.04 3.04 0 0 1 1.748.845m-2.535 11.219h-.003v-4.74a2487 2487 0 0 1-5.022 4.46l-.174.154a1.2 1.2 0 0 1-.403.232l-3.838 1.27a1.15 1.15 0 0 1-1.185-.284 1.16 1.16 0 0 1-.277-1.187l1.286-3.838c.067-.196.182-.367.333-.502 3.499-3.092 7.359-6.518 7.622-6.781a2.93 2.93 0 0 1 1.63-.846c-.16-1.776-1.277-2.798-3.123-2.798H6.127c-2.003 0-3.151 1.179-3.151 3.238v11.622c0 .986.26 1.764.773 2.313.54.58 1.342.874 2.378.874h9.143c1.036 0 1.837-.294 2.38-.874.513-.549.774-1.327.774-2.313m-5.566-.897c6.19-5.484 7.364-6.551 7.515-6.703.423-.417.647-.932.65-1.487a2.23 2.23 0 0 0-.641-1.552 2.22 2.22 0 0 0-1.448-.639q-.047-.003-.098-.002c-.41 0-.972.12-1.493.641-.334.336-5.154 4.608-7.659 6.818a.34.34 0 0 0-.098.148l-1.285 3.835a.34.34 0 0 0 .428.432l3.838-1.27a.3.3 0 0 0 .117-.067z"
         })
     }));

package/dist/generated/mistica-icons/icon-edit-paper-light.js

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

package/dist/generated/mistica-icons/icon-edit-paper-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const a = (_param)=>{
     var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -108,4 +108,4 @@ const n = (_param)=>{
             d: "M20.979 3.016c.549.557.857 1.302.862 2.084a2.81 2.81 0 0 1-.874 2.033c-.1.098-.537.49-1.137 1.026l.009 9.644c0 1.21-.381 2.188-1.13 2.91-.775.748-1.86 1.126-3.218 1.126H6.502c-1.361 0-2.442-.378-3.218-1.129-.75-.72-1.129-1.7-1.129-2.907V7.48c0-2.482 1.706-4.084 4.345-4.087h8.988q.47 0 .939.017c.238-.213.392-.353.434-.395 1.291-1.286 3.106-1.011 4.118 0m-4.422 5.8c1.511-1.344 3.057-2.719 3.225-2.884.236-.216.37-.518.37-.835.003-.32-.14-.655-.367-.885-.333-.333-1.1-.628-1.73 0-.302.298-4.384 3.899-5.769 5.12l-.4.353-.865 2.58 2.65-.874c.4-.366 1.632-1.46 2.886-2.575m1.59 8.987s0-8.146.002-8.143c-1.167 1.034-2.39 2.115-3.017 2.669l-.001.001-.424.375c-.14.126-.311.224-.496.286l-3.112 1.025a1.447 1.447 0 0 1-1.83-1.838l1.04-3.09c.081-.243.224-.459.415-.627 1.33-1.17 2.711-2.39 3.826-3.378H6.5c-1.213 0-2.659.417-2.659 2.398v10.325c0 .742.202 1.297.614 1.694.448.434 1.137.653 2.045.653h8.988c.908 0 1.597-.218 2.045-.653.415-.4.614-.955.614-1.697"
         })
     }));
-}, p = n;
+}, p = a;

package/dist/generated/mistica-icons/icon-edit-pencil-light.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: l, size: e = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: l, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), c = l !== null && l !== void 0 ? l : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = l !== null && l !== void 0 ? l : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
     return a.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: t,
             d: "M19.102 4.479c-1.38-1.472-3.617-1.472-4.996 0L5.12 14.04l-.004.004c-.38.413-.624.928-.694 1.483v.002l-.537 4.018v.002a.97.97 0 0 0 .242.805.9.9 0 0 0 .798.259h.002l3.775-.579h.003a2.33 2.33 0 0 0 1.414-.764L19.1 9.713c1.366-1.447 1.364-3.78 0-5.234m-4.376.58c1.043-1.112 2.712-1.112 3.755 0 1.059 1.13 1.057 2.953.002 4.07l-.001.001-.286.304-3.988-3.824zm-1.1 1.17 3.988 3.824-8.119 8.64-.007.008a1.48 1.48 0 0 1-.905.493l-3.783.58a.1.1 0 0 1-.051-.002l-.008-.004s-.006-.006-.01-.022a.2.2 0 0 1-.003-.088l.536-4.019v-.003c.048-.374.213-.727.477-1.015z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const h = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: t,
             d: "M4.891 19.42c-.387 0-.753-.165-1.022-.45a1.61 1.61 0 0 1-.345-1.553l1.524-4.837c.09-.26.24-.493.445-.672 4.19-3.958 8.692-8.264 9.003-8.589a3.35 3.35 0 0 1 2.434-1.168 3.52 3.52 0 0 1 2.566 1.157 4.13 4.13 0 0 1 1.112 2.731A3.85 3.85 0 0 1 19.496 8.7c-.555.625-9.025 8.645-9.112 8.726-.143.14-.314.244-.501.3l-4.535 1.607c-.149.065-.303.09-.457.087m15.157 1.263c.308 0 .555.258.555.58 0 .32-.25.58-.555.58H3.936a.565.565 0 0 1-.555-.58c0-.319.25-.58.555-.58zM4.67 18.16c.081.09.207.126.322.092L9.527 16.7a.3.3 0 0 0 .112-.07c1.4-1.33 8.591-8.17 9.067-8.68a2.72 2.72 0 0 0 .756-1.91 2.92 2.92 0 0 0-.745-1.934 2.44 2.44 0 0 0-1.767-.787 2.36 2.36 0 0 0-1.712.787c-.355.39-5.062 4.865-7.868 7.534l-1.168 1.11a.35.35 0 0 0-.1.152L4.58 17.767a.39.39 0 0 0 .09.393"
         })
     }));

package/dist/generated/mistica-icons/icon-edit-pencil-regular.js

@@ -93,34 +93,34 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: c, size: l = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: a, size: l = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = c !== null && c !== void 0 ? c : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    return t.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M19.071 4.519c-1.426-1.525-3.747-1.525-5.174-.001l-8.753 9.33-.005.005a2.84 2.84 0 0 0-.73 1.562l-.523 3.921v.004c-.044.34.042.694.293.957.254.266.611.366.96.315h.004l3.678-.565a2.48 2.48 0 0 0 1.502-.812l8.747-9.322c1.407-1.493 1.405-3.895.001-5.394m-4.262.854c.933-.997 2.417-.997 3.35 0 .956 1.021.953 2.673.001 3.682v.002l-.275.292-3.583-3.436zm-1.363 1.452 3.583 3.436L9.4 18.392l-.005.007a1.23 1.23 0 0 1-.753.41l-3.496.537.503-3.768v-.005c.04-.32.181-.623.41-.873zm-8.493 12.55.016.103-.012-.103z"
         })
-    })) : r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: i,
                 d: "M7.968 16.9H4.933v-1.36h3.035z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: i,
                 d: "M18.809 3.536a1.833 1.833 0 0 1 2.591 2.59l-6.68 6.681v7.888H1.976V4.155H14.72v3.47zM3.336 19.335H13.36v-5.168l-.414.414-4.782 2.031 2.202-4.634 2.994-2.993V5.516H3.336z"
             })
         ]
@@ -129,9 +129,9 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M3.971 18.933c.311.333.743.526 1.182.526q.274.001.527-.095l4.373-1.557c.215-.076.411-.196.576-.359.082-.075 8.247-7.86 8.799-8.448a3.99 3.99 0 0 0 1.106-2.765 4.25 4.25 0 0 0-1.092-2.843c-.7-.753-1.672-1.187-2.664-1.187-.972 0-1.896.423-2.608 1.19-.291.314-4.678 4.507-8.653 8.291a1.74 1.74 0 0 0-.47.76l-1.465 4.702a1.82 1.82 0 0 0 .39 1.785m2.625-6.003c.336-.32 8.252-7.851 8.734-8.367.409-.442.913-.678 1.45-.678.575.011 1.121.255 1.51.678a2.54 2.54 0 0 1 .64 1.672 2.27 2.27 0 0 1-.645 1.594c-.42.446-6.639 6.387-8.75 8.395l-4.373 1.558h-.006l-.045-.115zm13.17 7.188c.443 0 .805.375.805.837 0 .465-.362.84-.804.84H4.232c-.443 0-.804-.375-.804-.84 0-.462.361-.837.804-.837z"
         })
     }));

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: a,
             d: "M20.92 6.586c.58.583.924 1.418.921 2.233-.003.818-.325 1.568-.933 2.168-.126.126-.736.675-1.61 1.457v5.271c0 1.23-.347 2.224-1.03 2.953-.73.778-1.763 1.173-3.065 1.173H6.245c-1.306 0-2.334-.395-3.062-1.173-.683-.729-1.028-1.723-1.028-2.953V6.331c0-2.577 1.569-4.176 4.092-4.176h8.956c2.302 0 3.81 1.361 4.044 3.569a3.2 3.2 0 0 1 1.673.862m-2.827 11.13h.003v-4.197l-.002.002a3108 3108 0 0 1-4.611 4.093l-.143.126c-.135.12-.297.213-.468.27l-3.759 1.243a1.34 1.34 0 0 1-1.367-.325 1.33 1.33 0 0 1-.32-1.37L8.688 13.8c.076-.224.208-.423.384-.577 3.423-3.028 7.202-6.38 7.457-6.636.43-.431.96-.708 1.52-.837-.198-1.538-1.187-2.39-2.843-2.39H6.247c-1.862 0-2.887 1.057-2.887 2.972v11.384c0 .916.235 1.63.703 2.13.493.526 1.226.792 2.184.792h8.958c.958 0 1.692-.266 2.185-.793.465-.498.703-1.216.703-2.129m1.97-7.586c.375-.37.574-.824.574-1.314a1.97 1.97 0 0 0-.569-1.375 1.96 1.96 0 0 0-1.367-.569c-.46 0-.93.171-1.328.569-.33.33-5.058 4.518-7.512 6.686l-1.297 3.815a.13.13 0 0 0 .03.135c.034.033.085.044.138.03l3.76-1.243.19-.154c4.44-3.933 7.131-6.334 7.38-6.58"
         })
     }));
-}, m = i;
+}, m = s;

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

@@ -97,25 +97,25 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), h = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = 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"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: r,
             d: "M11.994 5.128C13.759 2.763 15.044 2 16.982 2c2.252 0 4.54 1.634 4.536 4.761 0 2.183-1.215 4.948-3.707 8.439l-2.527 3.272v.037a70 70 0 0 1-2.807 3.272c-.102.145-.31.219-.483.219a.67.67 0 0 1-.483-.219c-2.944-3.309-9.04-10.184-9.04-15.02C2.47 3.49 4.717 2 6.832 2c1.973 0 3.396.833 5.161 3.128m.523 7.051h3.636c.275 0 .519-.256.519-.544s-.244-.545-.52-.545h-3.635V7.273c0-.288-.244-.544-.518-.544-.275 0-.52.256-.52.544v3.817H7.845c-.275 0-.519.256-.519.545 0 .288.244.544.519.544h3.636v3.817c0 .288.244.544.518.544.275 0 .52-.256.52-.544z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: r,
             d: "M11.994 5.128C13.759 2.763 15.044 2 16.982 2c2.252 0 4.54 1.634 4.536 4.761 0 2.183-1.215 4.948-3.707 8.439l-2.527 3.272v.037a70 70 0 0 1-2.807 3.272c-.102.145-.31.219-.483.219a.67.67 0 0 1-.483-.219c-2.944-3.309-9.04-10.184-9.04-15.02C2.47 3.49 4.717 2 6.832 2c1.973 0 3.396.833 5.161 3.128m.523 7.051h3.636c.275 0 .519-.256.519-.544s-.244-.545-.52-.545h-3.635V7.273c0-.288-.244-.544-.518-.544-.275 0-.52.256-.52.544v3.817H7.845c-.275 0-.519.256-.519.545 0 .288.244.544.519.544h3.636v3.817c0 .288.244.544.518.544.275 0 .52-.256.52-.544z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -125,7 +125,7 @@ const s = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: r,
             d: "m6.253 12.46 1.852-6.055a.6.6 0 0 1 .613-.434c.28.014.515.218.569.495l1.563 7.922.423-1.4a.61.61 0 0 1 .585-.44h1.022l1.037-3.57a.61.61 0 0 1 .571-.444h.017c.26 0 .493.168.577.414l1.247 3.602h3.238l-.614 1.236h2.275a.613.613 0 0 0 .613-.62.616.616 0 0 0-.613-.618s-1.584 0-1.656-.003c.537-1.155.953-2.296 1.216-3.415.51-2.162.093-3.96-1.176-5.061-.737-.64-1.74-1.023-2.824-1.079a5 5 0 0 0-.291-.008c-1.05 0-2.13.297-3.135.86-.375.213-.762.437-1.182.689a.28.28 0 0 1-.271-.003c-.42-.252-.807-.476-1.18-.686-1.008-.566-2.084-.86-3.137-.86q-.142 0-.288.008c-1.085.056-2.087.44-2.824 1.079-1.266 1.1-1.686 2.899-1.176 5.061.254 1.093.658 2.205 1.173 3.33H2.768a.616.616 0 0 0-.613.62.617.617 0 0 0 .613.622h2.314q.429.795.916 1.557c1.053 1.658 1.897 2.728 3.34 4.232.14.146.627.648 1.041.947a3.1 3.1 0 0 0 1.16.53q.179.043.364.053h.017l.049.001.057.002h.034q.055 0 .109-.003h.017q.191-.012.364-.053c.4-.087.804-.27 1.16-.53.414-.302.902-.8 1.042-.947l.033-.036c1.42-1.484 2.258-2.549 3.306-4.196q.454-.72.862-1.47h-3.058a.61.61 0 0 1-.577-.415l-.765-2.199-.628 2.165a.61.61 0 0 1-.588.446h-1.025l-1 3.316a.61.61 0 0 1-1.185-.059l-1.566-7.94-1.272 4.162a.615.615 0 0 1-.585.437H5.085l-.608-1.241zm13.32.085h-.003l-.003.005h.003z"
         })
     }));

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

@@ -97,25 +97,25 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), l = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    return l.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"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: r,
             d: "M17.007 2c-1.938 0-3.196.786-4.999 3.145C10.24 2.823 8.842 2 6.87 2 4.762 2 2.48 3.5 2.48 6.75c0 4.8 5.951 11.557 8.914 14.921l.1.114a.68.68 0 0 0 .51.215.68.68 0 0 0 .51-.215c.748-.86 2.821-3.287 2.821-3.323l2.517-3.287c2.482-3.465 3.675-6.213 3.675-8.43.01-3.1-2.273-4.745-4.52-4.745m-.235 12.361-2.482 3.25-.338.399c-.695.82-1.354 1.598-1.94 2.244-2.79-3.177-8.165-9.463-8.165-13.5 0-2.285 1.533-3.323 3.027-3.323s2.621.498 4.625 3.287a.688.688 0 0 0 1.088 0c1.973-2.82 2.962-3.287 4.425-3.287 1.533 0 3.166 1.038 3.166 3.323-.005 1.856-1.163 4.425-3.406 7.607m-4.084-2.715h2.381c.375 0 .68.32.68.713s-.305.713-.68.713h-2.382v2.5c0 .394-.304.714-.679.714-.374 0-.68-.32-.68-.713v-2.501H8.948c-.375 0-.68-.32-.68-.713s.305-.713.68-.713h2.382v-2.5c0-.394.305-.714.68-.714.374 0 .678.32.678.713z"
         })
-    })) : o.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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: r,
             d: "M17.46 2c-2.107 0-3.391.824-5.462 3.471C9.995 2.898 8.533 2 6.357 2 4.249 2 2 3.429 2 6.543c0 4.869 6.574 11.949 9.75 15.352a.38.38 0 0 0 .252.105.4.4 0 0 0 .252-.105.385.385 0 0 0 .036-.5c-3.108-3.292-9.572-10.23-9.572-14.847 0-1.823 1.143-3.829 3.643-3.829 1.714 0 3.109.573 5.358 3.577a.33.33 0 0 0 .283.142.32.32 0 0 0 .284-.142c2.285-3.078 3.428-3.577 5.18-3.577 1.892 0 3.82 1.324 3.82 3.865 0 2.038-1.284 4.759-3.784 8.12l-2.643 3.293c-.105.142-.105.394.037.5s.393.105.498-.037l2.68-3.293C20.714 11.627 22 8.797 22 6.58 22 3.575 19.714 2 17.46 2m-5.462 14.317c.215 0 .356-.143.356-.358v-3.577h3.57c.215 0 .357-.142.357-.357s-.142-.357-.356-.357h-3.57V8.091c0-.215-.142-.357-.357-.357s-.357.142-.357.357v3.577h-3.57c-.215 0-.357.142-.357.357s.142.357.357.357h3.57v3.577c0 .21.142.358.357.358m1.074 3.572c0-.394.32-.715.713-.715a.715.715 0 0 1 0 1.43.715.715 0 0 1-.713-.715"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -125,7 +125,7 @@ const s = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: r,
             d: "M19.625 12.744h1.798a.41.41 0 0 1 .417.412c0 .23-.187.415-.417.415h-2.21c-.303.557-.63 1.117-.995 1.68-1.07 1.645-1.924 2.709-3.375 4.196l-.034.037c-.142.145-.64.644-1.064.947-.364.26-.773.445-1.185.529a2 2 0 0 1-.372.053h-.009l-.008.003q-.05.004-.112.003h-.034l-.109-.003-.008-.003h-.009a2 2 0 0 1-.372-.053 3.2 3.2 0 0 1-1.185-.53c-.423-.302-.922-.8-1.065-.946-1.47-1.504-2.333-2.574-3.409-4.233a24 24 0 0 1-1.036-1.764H2.569a.416.416 0 0 1-.418-.415.42.42 0 0 1 .418-.414h1.848C3.84 11.46 3.395 10.277 3.115 9.12c-.518-2.163-.09-3.961 1.204-5.062.754-.641 1.779-1.022 2.885-1.078q.148-.009.295-.009c1.075 0 2.176.297 3.204.86.403.221.807.451 1.202.692a.3.3 0 0 0 .277 0 46 46 0 0 1 1.204-.689c1.026-.566 2.127-.86 3.202-.86.098 0 .2.003.297.008 1.11.056 2.135.44 2.885 1.079 1.294 1.1 1.72 2.899 1.202 5.062-.286 1.182-.748 2.395-1.347 3.621M3.927 8.93c.294 1.216.782 2.465 1.423 3.734h.936L8.22 6.461c.056-.182.238-.322.418-.29.19.008.35.142.389.33l1.76 8.725.671-2.185a.42.42 0 0 1 .4-.294h1.2l1.1-3.717a.42.42 0 0 1 .39-.297.4.4 0 0 1 .403.277l1.322 3.737h2.424c.663-1.294 1.165-2.574 1.465-3.815.442-1.849.109-3.356-.936-4.244-.61-.52-1.46-.834-2.384-.882q-.126-.005-.252-.006c-.933 0-1.9.264-2.798.757q-.596.326-1.182.675a1.132 1.132 0 0 1-1.115.006c-.437-.258-.82-.477-1.196-.684-.9-.493-1.869-.756-2.799-.756q-.126 0-.252.005c-.927.048-1.773.362-2.386.883-1.048.89-1.378 2.397-.936 4.243m13.591 5.874c.266-.412.504-.823.742-1.235h-2.28a.42.42 0 0 1-.392-.277l-.991-2.802-.824 2.782a.42.42 0 0 1-.4.297H12.17l-1.065 3.462a.42.42 0 0 1-.4.294.42.42 0 0 1-.41-.333L8.536 8.25 6.992 13.19a.415.415 0 0 1-.398.291h-.81q.375.67.79 1.317c1.045 1.607 1.88 2.644 3.308 4.106.093.098.575.583.953.852.26.19.557.325.87.395q.124.029.247.036h.014l.065.003.092-.003h.023c.078-.003.156-.014.226-.03.317-.068.62-.203.891-.396.289-.207.681-.577.95-.851l.025-.031.008-.006c1.407-1.442 2.233-2.47 3.272-4.07"
         })
     }));

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

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

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

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const m = (_param)=>{
+const d = (_param)=>{
     var { color: n, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), i = n !== null && n !== void 0 ? n : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = n !== null && n !== void 0 ? n : h ? _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: e,
         height: e,
@@ -141,4 +141,4 @@ const m = (_param)=>{
             d: "M10.876 11.491c.065.045.93.636 1.896.006l8.855-5.393a1.69 1.69 0 0 0-1.505-1.061L3.903 5.04c-.485 0-.9.168-1.202.487-.168.177-.28.381-.359.583zm10.543 6.793c.457-.55.418-1.222.393-1.437l.014-9.465-8.41 5.123a2.8 2.8 0 0 1-1.562.485 3.04 3.04 0 0 1-1.659-.51L2.17 7.42v9.468c0 .68.196 1.213.577 1.585.49.476 1.09.482 1.151.48h1.053c2.015.004 6.486.01 10.023.01 2.364 0 4.311-.002 4.83-.01.887-.018 1.369-.373 1.615-.67"
         })
     }));
-}, g = m;
+}, g = d;

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

@@ -93,45 +93,45 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: r, size: t = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: r, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), l = r !== null && r !== void 0 ? r : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
-    return c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = r !== null && r !== void 0 ? r : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: i,
             d: "M21.26 5H2.74a.754.754 0 0 0-.74.766v12.468c0 .422.332.766.74.766h18.52c.408 0 .74-.344.74-.766V5.766A.754.754 0 0 0 21.26 5m-2.114 1.532L12 10.824 4.854 6.532zM3.479 7.48l8.146 4.896a.72.72 0 0 0 .74 0l8.156-4.896v9.983H3.479z"
         })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: i,
                 d: "M2.726 18.223V6.45l8.91 5.501c.057.035.122.05.182.05.061 0 .126-.015.182-.05l8.91-5.496v7.493c0 .214.164.388.364.388s.363-.174.363-.388V5.388c0-.214-.163-.388-.363-.388H2.364C2.162 5 2 5.174 2 5.388v13.224c0 .214.163.388.363.388h18.91c.2 0 .364-.174.364-.388s-.163-.389-.363-.389zm9.092-7.06L3.09 5.778h17.458z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: i,
                 d: "M21.274 17.053c.4 0 .726-.347.726-.776s-.325-.777-.726-.777-.727.348-.727.777.326.776.727.776"
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: i,
             d: "m21.835 6.939-.015 10.098c.009.008.118.734-.355 1.305-.325.395-.83.602-1.496.614-.521.008-2.504.01-4.919.01-4.18 0-9.644-.008-11.013-.01h-.32a1.54 1.54 0 0 1-1.034-.435c-.35-.341-.53-.843-.53-1.487V6.947c-.005-.073-.041-.93.483-1.484.269-.286.644-.437 1.078-.437L20.3 5.03c.524.02 1.494.37 1.536 1.908M3.715 5.846c-.208 0-.365.06-.48.177-.174.182-.235.484-.255.703l7.757 4.922h.001c.075.051 1.057.723 2.158.002l8.095-4.918c-.098-.818-.588-.88-.692-.883zm17.114 11.98c.235-.278.18-.69.177-.72v-.002l.008-9.426-7.678 4.664c-.53.35-1.045.468-1.493.468-.857 0-1.482-.428-1.562-.483l-.007-.004-7.3-4.63v9.344q.001.623.284.902a.76.76 0 0 0 .45.199h.337c2.203.004 14.498.023 15.91 0 .412-.006.706-.112.874-.311"
         })
     }));

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

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: c, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), t = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
-    return o.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const m = (_param)=>{
             fill: t,
             d: "M3.355 17.984V6.291l7.068 7.087c.42.42.98.653 1.577.654h.002c.596 0 1.156-.232 1.576-.651l7.067-7.063v11.666zm16.338-12.63-7.073 7.069a.87.87 0 0 1-.618.254h-.001a.87.87 0 0 1-.619-.255L4.334 5.355zM2 19.34h20V4H2z"
         })
-    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -118,7 +118,7 @@ const m = (_param)=>{
             fill: t,
             d: "M21.26 5H2.74a.754.754 0 0 0-.74.766v12.468c0 .422.332.766.74.766h18.52c.408 0 .74-.344.74-.766V5.766A.754.754 0 0 0 21.26 5m-2.114 1.532L12 10.824 4.854 6.532zM3.479 7.48l8.146 4.896a.72.72 0 0 0 .74 0l8.156-4.896v9.983H3.479z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-email-send-filled.js

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

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

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

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: i, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = n !== null && n !== void 0 ? n : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "m11.204 2.5-7.3 7.664L14.7 21.5l7.3-7.664zm7.615 10.188-5.141-1.45-1.381-5.398zM10.93 4.969l1.763 6.892a.57.57 0 0 0 .39.411l6.565 1.85-4.948 5.196-8.718-9.154zm.274 14.28c0 .425-.33.772-.736.772H4.945c-.405 0-.735-.347-.735-.772s.33-.772.735-.772h5.523c.406 0 .736.346.736.772m-8.469-2.32h4.048c.406 0 .735-.347.735-.773 0-.425-.33-.772-.735-.772H2.735c-.405 0-.735.347-.735.772s.33.772.735.772"
@@ -113,7 +113,7 @@ const a = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "m11.204 2.5-7.3 7.664L14.7 21.5l7.3-7.664zm7.615 10.188-5.141-1.45-1.381-5.398zM10.93 4.969l1.763 6.892a.57.57 0 0 0 .39.411l6.565 1.85-4.948 5.196-8.718-9.154zm.274 14.28c0 .425-.33.772-.736.772H4.945c-.405 0-.735-.347-.735-.772s.33-.772.735-.772h5.523c.406 0 .736.346.736.772m-8.469-2.32h4.048c.406 0 .735-.347.735-.773 0-.425-.33-.772-.735-.772H2.735c-.405 0-.735.347-.735.772s.33.772.735.772"

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

@@ -96,7 +96,7 @@ const t = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = 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: l,
         height: l,
@@ -104,7 +104,7 @@ const t = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M21.452 18.956c.431-.519.403-1.157.378-1.365l.009-9.025c-.023-.935-.415-1.412-.768-1.66l-6.779-4.278a2.82 2.82 0 0 0-3.075-.02L4.51 6.838l-.129.084c-.325.235-.72.709-.74 1.658v.89c-.761.973-1.296 2.25-1.445 3.906q-.042.474-.042.994c0 7.014 5.975 7.457 7.171 7.473q.329.003.653-.002c.851-.014 3.566-.236 5.403-2.239 1.916 0 4.168-.002 4.544-.008.837-.017 1.29-.356 1.526-.639M11.89 3.608l.003-.002c.036-.022.384-.242.854-.242.308.006.61.096.869.261l6.697 4.224.078.05c.127.093.205.297.227.57l-4.092 2.55C15.307 8.147 12.5 7.007 9.956 6.945c-.207-.005-.453-.008-.672-.005-1.507.014-3.095.417-4.392 1.341.036-.176.095-.305.174-.36zm3.037 14.642c-1.468 2.162-4.174 2.375-4.97 2.389-.182.003-.403.006-.61.003-1.404-.02-5.98-.532-5.98-6.272q0-.463.039-.888C3.839 8.57 8.02 8.154 9.298 8.14h.149c.162 0 .333.003.481.006 1.258.034 5.412.496 5.953 5.176.039.342.059.71.059 1.087 0 1.56-.342 2.852-1.014 3.84m-1.085-3.723a.52.52 0 0 0-.523-.524s-.687 0-.687.006a4.3 4.3 0 0 0-.308-1.311l.894-.266a.525.525 0 0 0 .372-.53l-.064-1.165c-.014-.289-.252-.476-.552-.493a.523.523 0 0 0-.496.549l.042.754-.51.15c.012-.092.023-.187.023-.288 0-1.689-1.664-1.689-2.375-1.689s-2.376 0-2.376 1.69q0 .147.026.296l-.541-.162.042-.757a.525.525 0 0 0-.496-.549c-.291.017-.535.205-.552.493l-.064 1.166c-.011.24.143.459.375.526l.91.275c-.173.397-.263.846-.305 1.305H5.99a.525.525 0 0 0-.524.524v.773c0 .288.235.521.524.521a.52.52 0 0 0 .524-.521v-.252h.129c.005.566.05 1.112.182 1.602l-.754.227a.52.52 0 0 0-.372.527l.064 1.165a.525.525 0 0 0 .524.493h.03a.523.523 0 0 0 .497-.55l-.042-.755.51-.155c.44.575 1.17.939 2.375.939 1.198 0 1.927-.361 2.37-.933l.492.149-.042.756a.523.523 0 0 0 .496.549h.028a.525.525 0 0 0 .524-.493l.064-1.165a.52.52 0 0 0-.372-.527l-.737-.221c.135-.49.18-1.04.185-1.608h.129v.252c0 .288.235.521.524.521a.52.52 0 0 0 .524-.521zm-5.51-3.118c0-.358 0-.644 1.326-.644 1.325 0 1.325.286 1.325.644l-.002.025-.001.026c-.373-.132-.807-.202-1.325-.202-.516 0-.947.07-1.32.199v-.024q-.003-.011-.002-.024m1.29 1.731a.52.52 0 0 1 .523.521v2.897a.52.52 0 0 1-.524.52.52.52 0 0 1-.524-.52V13.66c0-.288.236-.52.524-.52"
         })
     }));