@telefonica/mistica 15.20.1 → 16.1.0

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

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

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

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

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

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

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

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: s, size: c = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: s, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), o = s !== null && s !== void 0 ? s : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = s !== null && s !== void 0 ? s : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M11.996 2.15c-3.123 0-5.557.818-7.23 2.429C3.03 6.254 2.15 8.749 2.15 11.996s.88 5.742 2.616 7.417c1.673 1.61 4.107 2.429 7.23 2.429s5.557-.818 7.23-2.429c1.736-1.675 2.616-4.168 2.616-7.417 0-3.25-.88-5.745-2.616-7.417-1.673-1.611-4.107-2.429-7.23-2.429m8.596 9.846c0 3.032-.817 5.151-2.234 6.518-1.369 1.317-3.449 2.078-6.362 2.078s-4.994-.76-6.362-2.078C4.217 17.147 3.4 15.024 3.4 11.996c0-3.029.817-5.15 2.234-6.517C7.002 4.16 9.082 3.4 11.996 3.4s4.994.761 6.362 2.079c1.416 1.363 2.234 3.485 2.234 6.517m-9.156 5.994a.56.56 0 1 0 1.12 0v-.762c.844-.095 1.549-.374 2.062-.82.63-.547.963-1.317.963-2.23 0-.815-.266-1.476-.784-1.964-.509-.478-1.263-.787-2.242-.917l-.001-3.189a4.2 4.2 0 0 1 1.372.487l.008.006c.107.053.25.115.41.115a.663.663 0 0 0 .663-.664c0-.252-.143-.48-.403-.639-.568-.351-1.281-.577-2.05-.654v-.755a.56.56 0 0 0-.561-.56.56.56 0 0 0-.56.56v.754c-1.71.19-2.787 1.316-2.787 2.974 0 1.085.493 2.434 2.788 2.81l.001 3.35c-.626-.095-1.256-.353-1.879-.767a.87.87 0 0 0-.454-.146.69.69 0 0 0-.694.68c0 .256.109.457.333.614.78.545 1.74.89 2.694.972zm1.119-5.29c1.444.282 1.65.928 1.65 1.534 0 .892-.617 1.498-1.65 1.658zm-2.058-4.183c.236-.212.555-.353.936-.417l.001 3.022q-.655-.16-.996-.454c-.285-.246-.417-.566-.417-1.008 0-.47.165-.866.476-1.143"
         })
     })) : /* @__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"
-    }, r), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M12 18.556a.56.56 0 0 1-.56-.56v-.746a5.63 5.63 0 0 1-2.694-.972c-.224-.157-.333-.358-.333-.613 0-.376.31-.68.694-.68.163.005.32.055.454.145.623.414 1.253.673 1.88.768l-.002-3.352c-2.295-.375-2.788-1.724-2.788-2.808 0-1.659 1.077-2.784 2.787-2.975V6.01c0-.308.252-.56.56-.56s.56.252.56.56v.755c.77.077 1.483.303 2.05.654.261.16.404.387.404.639a.663.663 0 0 1-.664.664.9.9 0 0 1-.409-.115l-.008-.006a4.2 4.2 0 0 0-1.372-.486v3.188c.98.13 1.734.439 2.243.917.518.488.784 1.149.784 1.964 0 .913-.333 1.683-.963 2.23-.513.446-1.218.725-2.062.82v.762a.56.56 0 0 1-.56.56m2.211-4.317c0-.606-.207-1.251-1.651-1.534v3.192c1.033-.16 1.651-.766 1.651-1.658m-2.773-6.134c-.381.064-.7.205-.936.417-.31.277-.476.672-.476 1.143 0 .442.132.762.418 1.008q.34.294.995.454z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M12 21.847c-3.122 0-5.556-.818-7.229-2.429-1.736-1.675-2.616-4.17-2.616-7.417s.88-5.742 2.616-7.417c1.673-1.611 4.107-2.429 7.23-2.429s5.557.818 7.23 2.429c1.736 1.672 2.616 4.168 2.616 7.417 0 3.25-.88 5.742-2.616 7.417-1.673 1.61-4.107 2.429-7.23 2.429m0-18.572c-2.823 0-4.993.712-6.45 2.115C4.04 6.844 3.275 9.068 3.275 12c0 2.934.765 5.155 2.275 6.611 1.457 1.404 3.627 2.115 6.45 2.115s4.995-.711 6.452-2.114c1.51-1.454 2.274-3.678 2.274-6.611s-.764-5.154-2.274-6.61C16.995 3.986 14.824 3.274 12 3.274"
             })
         ]

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: c, size: o = 24 } = _param, e = _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;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M14.878 11.344a4.22 4.22 0 0 1 2.305 3.12 4.99 4.99 0 0 1-1.29 4.205 5.1 5.1 0 0 1-2.704 1.523v.378c0 .695-.53 1.258-1.185 1.258-.658 0-1.187-.563-1.187-1.258v-.333a8.3 8.3 0 0 1-3.55-1.512c-.537-.398-.669-1.18-.294-1.751l.054-.076a1.14 1.14 0 0 1 1.599-.235 6.05 6.05 0 0 0 2.188 1.022v-4.68c-.961-.194-1.933-.544-2.743-1.437-.804-.883-1.173-2.067-1.039-3.328.157-1.457.98-2.866 2.154-3.678a4.9 4.9 0 0 1 1.63-.725v-.41c0-.694.533-1.257 1.188-1.257.656 0 1.185.563 1.185 1.258v.344c1.132.202 2.19.7 3.07 1.443a1.31 1.31 0 0 1 .17 1.77c-.015.024-.036.048-.054.069l-.004.004a1.14 1.14 0 0 1-1.608.106 4.1 4.1 0 0 0-1.571-.826v4.493c.566.1 1.134.241 1.686.513m-5.09-1.521c.272.3.622.479 1.034.6V6.486l-.067.033c-.09.044-.18.088-.263.146-.589.406-1.017 1.137-1.096 1.854-.053.518.079.958.392 1.303m4.42 7.078c.51-.546.757-1.31.636-1.994-.07-.4-.29-.947-.966-1.28-.202-.101-.443-.16-.686-.219v4.165a2.76 2.76 0 0 0 1.017-.672"
         })
     }));
-}, d = i;
+}, d = s;

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: c, size: o = 24 } = _param, l = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: a, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), e = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = 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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M12.666 11.312c.774.104 1.558.24 2.286.58 1.202.557 1.992 1.566 2.216 2.837.25 1.381-.224 2.84-1.263 3.897-.908.921-2.042 1.38-3.239 1.52v1.043a.668.668 0 1 1-1.336-.06v-.963a8.87 8.87 0 0 1-4.28-1.557.675.675 0 0 1-.165-.936v-.002a.67.67 0 0 1 .93-.166 7.56 7.56 0 0 0 3.515 1.317v-6.334c-1.148-.168-2.35-.465-3.274-1.428-.765-.801-1.118-1.871-.986-3.014.151-1.356.966-2.675 2.123-3.434a5.2 5.2 0 0 1 2.14-.782V2.84a.668.668 0 1 1 1.336-.003v.952c1.387.115 2.726.672 3.7 1.47.286.236.331.656.096.945a.66.66 0 0 1-.939.098c-.745-.61-1.784-1.05-2.86-1.166zM9.02 10.124c.597.625 1.415.86 2.311 1.006V5.175c-.501.09-.98.277-1.406.554-.82.54-1.42 1.507-1.526 2.465-.06.521 0 1.28.621 1.93m5.936 7.558c.737-.745 1.073-1.76.9-2.717-.152-.827-.67-1.488-1.469-1.858-.512-.24-1.095-.358-1.72-.445v6.12c.86-.123 1.659-.459 2.289-1.1"
         })
     }));
-}, h = i;
+}, h = s;

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

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

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

package/dist/generated/mistica-icons/icon-download-app-filled.js

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

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

package/dist/generated/mistica-icons/icon-download-app-regular.js

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

package/dist/generated/mistica-icons/icon-download-cloud-filled.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: e, size: o = 24 } = _param, n = _object_without_properties(_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)(), a = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: a,
             d: "M10.948 2.5c.917 0 5.488.216 6.802 4.332 1.581.124 5.25.927 5.25 5.741 0 5.519-4.818 5.79-5.782 5.79l-1.37.01-3.19 2.904a1 1 0 0 1-.636.223.96.96 0 0 1-.617-.213l-3.133-2.865-2.545.01C3.435 18.432 1 17.18 1 13.652c0-2.877 1.618-3.999 2.795-4.438C3.924 2.828 9.762 2.5 10.948 2.5m5.607 13.988.46-.476a.39.39 0 0 0 .075-.405.355.355 0 0 0-.341-.222h-2.07a.137.137 0 0 1-.137-.139l-.019-5.173v-.003c0-.2-.163-.361-.366-.361H9.834c-.2 0-.366.167-.366.364v5.068a.144.144 0 0 1-.138.142H7.25a.36.36 0 0 0-.338.235.35.35 0 0 0 .072.392l.56.587 4.467 4.082z"
         })
     }));
-}, h = i;
+}, h = s;

package/dist/generated/mistica-icons/icon-download-cloud-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const i = (_param)=>{
     var { color: t, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = t !== null && t !== void 0 ? t : 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,8 +104,8 @@ const a = (_param)=>{
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: n,
             d: "M10.947 2.5c.92 0 5.486.213 6.801 4.356 1.58.12 5.249.93 5.252 5.777 0 5.552-4.817 5.824-5.784 5.824l-1.984.018-2.667 2.8a.7.7 0 0 1-.504.225.72.72 0 0 1-.516-.226l-2.639-2.77-3.18.018C3.438 18.522 1 17.264 1 13.715c0-2.892 1.618-4.02 2.795-4.461C3.914 2.827 9.761 2.5 10.947 2.5m6.266 15.015c1.142 0 4.864-.35 4.86-4.879 0-4.266-3.28-4.82-4.688-4.856a.454.454 0 0 1-.432-.346c-1.001-3.803-5.186-3.992-6.012-3.992-1.462 0-6.232.436-6.232 6.03 0 .205-.125.517-.329.572-1.634.48-2.463 1.721-2.463 3.674 0 3.49 2.657 3.868 3.797 3.868l2.297-.01-1.277-1.334a.75.75 0 0 1-.147-.791.71.71 0 0 1 .654-.442h1.875v-4.894c0-.395.322-.722.717-.722h4.319c.397 0 .707.327.716.722l.01 4.987h1.865c.288 0 .545.179.655.442a.75.75 0 0 1-.138.787l-1.14 1.193zm-5.155 2.95 4.188-4.424h-1.571a.717.717 0 0 1-.717-.723l-.01-4.986h-3.915v4.893c0 .396-.31.723-.707.723h-1.59z"
         })
     }));
-}, m = a;
+}, m = i;

package/dist/generated/mistica-icons/icon-download-cloud-regular.js

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

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

@@ -96,7 +96,7 @@ const a = (_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: o,
         height: o,
@@ -104,7 +104,7 @@ const a = (_param)=>{
         role: "presentation"
     }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M11.99 21.824a.95.95 0 0 1-.726-.336l-8.84-9.143q-.016-.016-.032-.033a1.01 1.01 0 0 1-.128-1.079.96.96 0 0 1 .87-.56h3.934V4.077c0-1.05.854-1.905 1.904-1.905h6.031c1.053 0 1.905.851 1.905 1.905l-.003 6.596h3.96c.376 0 .718.219.875.56.17.353.12.776-.13 1.079q-.013.017-.03.033l-8.863 9.143a.96.96 0 0 1-.728.336"
         })
     }));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
+const i = (_param)=>{
     var { color: c, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), a = c !== null && c !== void 0 ? c : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,8 +104,8 @@ const s = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: e,
             d: "M11.44 21.576a.698.698 0 0 0 1.08 0l9.131-9.417.017-.017a.76.76 0 0 0 .098-.813.71.71 0 0 0-.644-.417h-4.196c-.09 0-.16-.081-.16-.185l.003-6.885c0-.927-.754-1.68-1.681-1.68h-6.21c-.927 0-1.68.753-1.68 1.68v6.888c0 .1-.074.185-.16.185H2.867a.71.71 0 0 0-.645.414.76.76 0 0 0 .096.813l.016.017zm.413-.381L2.749 11.78a.21.21 0 0 1-.02-.213.15.15 0 0 1 .14-.095h4.169c.397 0 .72-.333.72-.745v-6.88c0-.619.5-1.12 1.12-1.12h6.207c.62 0 1.12.501 1.12 1.12l-.002 6.883c0 .409.322.745.72.745h4.199c.061 0 .117.04.14.095a.21.21 0 0 1-.02.21l-9.126 9.415-.017.017a.15.15 0 0 1-.115.058.16.16 0 0 1-.114-.058z"
         })
     }));
-}, m = s;
+}, d = i;

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

@@ -93,24 +93,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: t, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), r = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: e,
                 d: "M6.143 13.214 12 19.071l5.857-5.857c.464-.464.607-1.214.357-1.857-.25-.607-.785-.964-1.393-.964H14.68V2.714A.716.716 0 0 0 13.964 2a.716.716 0 0 0-.714.714v9.107h3.571s.036 0 .072.072c.036.107.036.25-.036.321L12 17.071l-4.857-4.857c-.072-.071-.072-.214-.036-.321.036-.072.072-.072.072-.072h3.571V2.714A.716.716 0 0 0 10.036 2a.716.716 0 0 0-.715.714v7.679H7.18c-.608 0-1.143.357-1.393.964-.25.643-.107 1.393.357 1.857"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: e,
                 d: "M4.143 22h15.714A2.15 2.15 0 0 0 22 19.857V12a.716.716 0 0 0-.714-.714.716.716 0 0 0-.715.714v7.857a.716.716 0 0 1-.714.714H4.143a.716.716 0 0 1-.714-.714V12a.716.716 0 0 0-.715-.714A.716.716 0 0 0 2 12v7.857A2.15 2.15 0 0 0 4.143 22"
             })
         ]
@@ -119,9 +119,9 @@ const v = (_param)=>{
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: e,
             d: "M11.264 21.488c.179.213.445.336.725.336s.546-.123.728-.336l8.863-9.143q.018-.016.03-.033c.25-.303.3-.726.13-1.079a.96.96 0 0 0-.874-.56h-3.961l.003-6.596a1.903 1.903 0 0 0-1.905-1.905h-6.03c-1.051 0-1.905.854-1.905 1.905v6.596H3.135a.96.96 0 0 0-.871.56 1.01 1.01 0 0 0 .144 1.096l.015.016zm.728-.812-8.62-8.913v-.003h3.816c.535 0 .972-.448.972-.997V4.077c0-.449.364-.816.815-.816h6.03c.452 0 .816.367.816.818l-.003 6.687c0 .549.437.997.972.997h3.843z"
         })
     }));

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

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

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
+const a = (_param)=>{
     var { color: o, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), n = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = 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,8 +104,8 @@ const h = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: e,
             d: "M19.948 5.13a.407.407 0 0 0-.162-.558l-3.676-2.02a.415.415 0 0 0-.61.262l-.647 2.667h-9.6c-.693 0-1.256.554-1.253 1.281l1.628 13.505c0 .681.563 1.233 1.257 1.233h8.238c.692 0 1.254-.552 1.252-1.184L18.014 6.71c0-.679-.566-1.233-1.257-1.233h-1.049l.475-1.95 3.196 1.758c.202.11.454.04.569-.157M5.25 6.296h9.403l-.675 2.774H5.115l-.287-2.36c0-.23.19-.414.423-.414m10.258 0h1.245c.235 0 .424.187.426.365l-.29 2.41h-2.059zm1.284 3.593-1.249 10.383a.42.42 0 0 1-.423.413H6.885c-.233 0-.424-.186-.426-.462L5.213 9.89h8.561l-2.22 9.12v.003a.41.41 0 0 0 .308.489h.002a.415.415 0 0 0 .5-.303l2.268-9.309zm-7.819 3.742c-.303.298-.592.398-.841.395-.39 0-.686-.243-.787-.343l-.079-.079c-.158-.162-.727-.849.05-1.611.297-.292.584-.39.832-.39.4 0 .702.252.8.344l.077.075c.167.168.73.844-.052 1.61m.588.576c.978-.96.737-2.074.063-2.755-.03-.03-.066-.065-.099-.092-.183-.173-.683-.573-1.38-.573-.357 0-.893.108-1.423.63-.967.949-.726 2.066-.062 2.752q.03.032.062.063l.033.032c.183.176.678.581 1.374.581.358 0 .896-.11 1.432-.638m1.229 1.893-.068-.068a1.5 1.5 0 0 0-1.017-.41c-.267 0-.669.078-1.051.456-.71.698-.522 1.547-.041 2.039l.063.062c.278.268.65.424 1.019.424.27 0 .669-.078 1.057-.46.718-.705.521-1.554.038-2.043m-.626 1.462c-.169.165-.33.222-.47.222a.67.67 0 0 1-.437-.192l-.043-.043c-.085-.09-.402-.473.03-.895.164-.165.325-.219.461-.219.224 0 .391.14.446.192.013.01.03.027.043.04.093.092.405.468-.03.895"
         })
     }));
-}, v = h;
+}, v = a;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
+const i = (_param)=>{
     var { color: o, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = o !== null && o !== void 0 ? o : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -104,8 +104,8 @@ const s = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: n,
             d: "M20.125 5.127a.62.62 0 0 0-.24-.843l-3.676-2.05a.62.62 0 0 0-.555-.026.61.61 0 0 0-.355.423l-.608 2.546H5.259c-.806 0-1.462.653-1.459 1.53l1.63 13.678a1.46 1.46 0 0 0 1.462 1.456h8.227c.81 0 1.463-.652 1.46-1.384l1.638-13.823c0-.804-.658-1.457-1.465-1.457h-.781l.35-1.456 2.955 1.647.003.001.003.002c.3.168.678.058.843-.241zM5.259 6.421h9.13l-.578 2.4H5.307l-.26-2.187c0-.118.095-.213.212-.213m10.415 0h1.081c.118 0 .216.095.222.14l-.27 2.26h-1.61zm.885 3.641-1.224 10.323a.21.21 0 0 1-.213.21h-8.23c-.117 0-.215-.095-.218-.286L5.453 10.062h8.058l-2.156 8.992a.625.625 0 0 0 1.215.291l2.227-9.282zm-7.58 3.589c-.302.302-.594.403-.84.406-.392 0-.683-.25-.787-.35l-.079-.079c-.156-.168-.725-.862.05-1.636.3-.296.586-.395.836-.395.397 0 .697.253.798.348l.076.075c.165.169.728.852-.054 1.63m.589.585c.977-.975.736-2.106.061-2.795l-.066-.067-.029-.029c-.182-.173-.678-.58-1.375-.58-.356 0-.894.113-1.423.64-.967.963-.729 2.095-.065 2.792l.098.098c.18.177.673.585 1.37.585.356 0 .894-.109 1.429-.644m.602 3.4c-.171.169-.33.228-.468.228a.66.66 0 0 1-.468-.227l-.014-.014c-.087-.093-.403-.48.028-.908.168-.165.328-.221.465-.221.222 0 .387.14.443.193l.042.042c.092.095.406.474-.028.908m.627-1.481-.064-.065c-.135-.126-.499-.425-1.02-.422-.269 0-.67.08-1.053.462-.711.708-.518 1.566-.042 2.067l.064.064c.28.272.653.432 1.02.432.269 0 .667-.081 1.056-.468.717-.714.524-1.574.04-2.07"
         })
     }));
-}, f = s;
+}, f = i;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const h = (_param)=>{
     var { color: e, size: o = 24 } = _param, l = _object_without_properties(_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: o,
         height: o,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M8.2 9.59V6.775c0-.74-.574-1.339-1.28-1.336H5.822c-.692 0-1.255.577-1.275 1.297v10.532c.02.717.583 1.294 1.275 1.294H6.92c.708 0 1.28-.596 1.28-1.336v-2.815h.014V9.59zM20.56 6.887c.706 0 1.28.6 1.28 1.336v7.55c0 .739-.574 1.335-1.28 1.335h-.24V6.884h.24zM2.155 8.227c0-.74.571-1.337 1.28-1.337h.26v10.224h-.26c-.706 0-1.28-.6-1.28-1.336zm6.91 5.792v-4.04h5.894v4.04zm10.4-7.132v-.112c0-.74-.57-1.339-1.28-1.336h-1.097c-.709 0-1.28.597-1.28 1.336v10.448c0 .737.574 1.336 1.28 1.336h1.098c.706 0 1.28-.596 1.28-1.336v-.112h.003V6.887z"
         })
     }));
-}, a = i;
+}, a = h;

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: h, size: o = 24 } = _param, t = _object_without_properties(_param, [
+const i = (_param)=>{
+    var { color: e, size: o = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), l = h !== null && h !== void 0 ? h : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M20.902 6.99h-1.207v-.6a.95.95 0 0 0-.936-.957h-1.204a.95.95 0 0 0-.936.957v3.513l-.035-.008q-.02-.008-.043-.009H7.448a.2.2 0 0 0-.046.009l-.038.008V6.39a.95.95 0 0 0-.936-.957H5.224a.95.95 0 0 0-.936.957v.6H3.087a.945.945 0 0 0-.936.955v8.1c0 .53.418.956.936.956h1.201v.6c0 .529.42.957.936.957h1.204a.95.95 0 0 0 .936-.957v-3.513q.02.002.038.008a.2.2 0 0 0 .046.009h9.093q.023-.001.045-.01l.033-.007v3.513c0 .529.42.957.936.957h1.204a.95.95 0 0 0 .936-.957V17h1.207a.945.945 0 0 0 .935-.955V7.948a.946.946 0 0 0-.935-.958M7.448 13.147v-2.303h9.093v2.303zm10.11 4.454V6.39h1.204V17.6zM4.294 7.945v8.098H3.091V7.945zm15.403 8.101V7.948h1.204v8.098zM5.195 17.605V6.395h1.202v11.21z"
         })
     }));
-}, m = s;
+}, m = i;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: c, size: l = 24 } = _param, v = _object_without_properties(_param, [
+    var { color: c, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), h = c !== null && c !== void 0 ? c : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = c !== null && c !== void 0 ? c : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
             d: "M19.474 6.887h1.095c.706 0 1.28.6 1.28 1.336v7.55c0 .736-.574 1.335-1.28 1.335h-1.095v.112c0 .737-.574 1.337-1.28 1.337h-1.098c-.709 0-1.28-.597-1.28-1.337v-2.812H8.202v2.812c0 .737-.574 1.337-1.28 1.337H5.824c-.706 0-1.28-.597-1.28-1.337v-.114H4.54l-.007.002H3.435c-.709 0-1.28-.596-1.28-1.336V8.223c0-.736.574-1.336 1.28-1.336h1.098l.003.001.008.002v-.115c0-.737.574-1.336 1.28-1.336h1.098c.706 0 1.28.597 1.28 1.336V9.59h7.614V6.775c0-.737.574-1.336 1.28-1.336h1.098c.706 0 1.28.597 1.28 1.336zm1.098 8.885V8.223h-1.095v7.55zm-3.473-2.68v4.134h1.098V15.8l-.002-.012-.001-.013V8.226l.001-.014.002-.011V6.775h-1.098v4.142q.002.003.002.01v2.145l-.001.01zm-1.278-.02v-2.146H8.208v2.146zM5.83 17.22h1.098v-4l-.004-.032q-.009-.057-.01-.116v-2.146a1 1 0 0 1 .014-.148V6.775H5.83zM4.54 15.772V8.223H3.443v7.55z"

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

@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: l, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: l, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.438 20.842c-.468.635-1.182 1.018-2.128 1.132q-.22.026-.429.025c-1.382 0-2.306-.846-2.728-1.696-.007-.011-.01-.025-.018-.036-1.157-2.757-2.067-3.371-3.032-4.021-.367-.246-.746-.504-1.139-.871-1.221-1.147-1.878-3.01-1.72-4.864.16-1.86 1.088-3.439 2.613-4.446 2.136-1.41 4.003-1.207 5.192-.79 1.818.64 3.168 2.19 3.446 3.065a.63.63 0 0 1-.41.785.63.63 0 0 1-.79-.407c-.135-.425-1.124-1.717-2.667-2.26-1.34-.472-2.71-.25-4.082.653-1.2.793-1.932 2.04-2.057 3.514-.128 1.482.382 2.957 1.332 3.846.318.297.64.514.979.746 1.021.69 2.178 1.468 3.478 4.553.146.286.675 1.115 1.875.968.582-.071 1.007-.278 1.26-.621.447-.6.3-1.46.3-1.471a.624.624 0 0 1 .507-.725c.34-.061.665.16.729.496.018.054.257 1.382-.51 2.425m-3.396-5.45a.625.625 0 0 0-.2.861.63.63 0 0 0 .864.197c.861-.536 1.293-1.047 1.357-1.607.072-.647-.36-1.079-.65-1.365l-.05-.046c-.328-.329-.507-1.2-.392-1.907.025-.16.132-.31.253-.49.254-.367.725-1.053.01-1.895-1.695-1.947-3.763-1.754-5.06-.697-1.31 1.068-1.956 3.171-.57 4.96a.626.626 0 0 0 .992-.76c-.91-1.179-.503-2.518.371-3.228.804-.654 2.097-.854 3.31.539.054.064.072.1.076.103-.014.054-.107.19-.168.279-.164.236-.386.56-.457.996a4 4 0 0 0-.043.443c-.56-.018-1.3.096-1.814.753a2.1 2.1 0 0 0-.44 1.64c.087.55.383 1.05.797 1.332a.63.63 0 0 0 .871-.16.62.62 0 0 0-.164-.869c-.103-.071-.228-.253-.268-.49a.86.86 0 0 1 .19-.678c.21-.271.575-.3.95-.26.125.5.335.964.66 1.289l.054.05c.096.096.271.271.289.335.007-.007-.043.226-.768.675m-10.78-3.224H2.63a.63.63 0 0 0-.629.625v3.6c0 .346.282.624.629.624H7.26a2.34 2.34 0 0 0 2.34-2.332V14.5a2.34 2.34 0 0 0-2.34-2.332M8.346 5.61a3.26 3.26 0 0 0-.56 2.593.63.63 0 0 0 .746.482.626.626 0 0 0 .485-.74 2 2 0 0 1 1.757-2.402.625.625 0 0 0 .56-.686.63.63 0 0 0-.688-.557 3.27 3.27 0 0 0-2.3 1.31m-2.5 2.418q.048-.001.097-.007a.626.626 0 0 0 .525-.714 3.52 3.52 0 0 1 .65-2.646 3.57 3.57 0 0 1 2.356-1.418.625.625 0 1 0-.185-1.236 4.8 4.8 0 0 0-3.186 1.914 4.77 4.77 0 0 0-.878 3.575c.05.31.318.532.621.532"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.438 20.842c-.468.635-1.182 1.018-2.128 1.132q-.22.026-.429.025c-1.382 0-2.306-.846-2.728-1.696-.007-.011-.01-.025-.018-.036-1.157-2.757-2.067-3.371-3.032-4.021-.367-.246-.746-.504-1.139-.871-1.221-1.147-1.878-3.01-1.72-4.864.16-1.86 1.088-3.439 2.613-4.446 2.136-1.41 4.003-1.207 5.192-.79 1.818.64 3.168 2.19 3.446 3.065a.63.63 0 0 1-.41.785.63.63 0 0 1-.79-.407c-.135-.425-1.124-1.717-2.667-2.26-1.34-.472-2.71-.25-4.082.653-1.2.793-1.932 2.04-2.057 3.514-.128 1.482.382 2.957 1.332 3.846.318.297.64.514.979.746 1.021.69 2.178 1.468 3.478 4.553.146.286.675 1.115 1.875.968.582-.071 1.007-.278 1.26-.621.447-.6.3-1.46.3-1.471a.624.624 0 0 1 .507-.725c.34-.061.665.16.729.496.018.054.257 1.382-.51 2.425m-3.396-5.45a.625.625 0 0 0-.2.861.63.63 0 0 0 .864.196c.861-.535 1.293-1.046 1.357-1.607.072-.646-.36-1.078-.65-1.364l-.05-.046c-.328-.329-.507-1.2-.392-1.907.025-.16.132-.31.253-.49.254-.367.725-1.053.01-1.895-1.695-1.947-3.763-1.754-5.06-.697-1.31 1.068-1.956 3.171-.57 4.96a.626.626 0 0 0 .992-.76c-.91-1.179-.503-2.518.371-3.228.804-.654 2.097-.854 3.31.539.054.064.072.1.076.103-.014.054-.107.19-.168.279-.164.236-.386.56-.457.996q-.033.212-.043.443c-.56-.018-1.3.096-1.814.753a2.1 2.1 0 0 0-.44 1.64c.087.55.383 1.05.797 1.332a.631.631 0 0 0 .871-.16.62.62 0 0 0-.164-.869c-.103-.071-.228-.253-.268-.49a.86.86 0 0 1 .19-.678c.21-.271.575-.3.95-.26.125.5.335.964.66 1.289l.054.05c.096.096.271.271.289.335.007-.007-.043.226-.768.675m-10.78-3.224H2.63a.63.63 0 0 0-.629.625v3.6c0 .346.282.624.629.624H7.26a2.34 2.34 0 0 0 2.34-2.332V14.5a2.34 2.34 0 0 0-2.34-2.332M8.346 5.61a3.26 3.26 0 0 0-.56 2.593.63.63 0 0 0 .746.482.626.626 0 0 0 .485-.74 2 2 0 0 1 1.757-2.402.625.625 0 0 0 .56-.686.63.63 0 0 0-.688-.557 3.27 3.27 0 0 0-2.3 1.31m-2.5 2.418q.048-.001.097-.007a.626.626 0 0 0 .525-.714 3.52 3.52 0 0 1 .65-2.646 3.57 3.57 0 0 1 2.356-1.418.625.625 0 1 0-.185-1.236 4.8 4.8 0 0 0-3.186 1.914 4.77 4.77 0 0 0-.878 3.575c.05.31.318.532.621.532"
         })
     }));