@telefonica/mistica 15.20.0 → 16.0.0

package/dist/generated/mistica-icons/icon-search-money-regular.js

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

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

@@ -97,8 +97,8 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), o = a !== null && a !== void 0 ? a : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
-    return l.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = a !== null && a !== void 0 ? a : 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: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const s = (_param)=>{
             fill: o,
             d: "m21.786 20.786-5.893-5.893a7.84 7.84 0 0 0 1.821-5.036C17.714 5.536 14.18 2 9.857 2 5.536 2 2 5.536 2 9.857c0 4.322 3.536 7.857 7.857 7.857a7.84 7.84 0 0 0 5.036-1.821l5.893 5.893a.7.7 0 0 0 .5.214.7.7 0 0 0 .5-.214.69.69 0 0 0 0-1M3.429 9.857c0-3.536 2.892-6.428 6.428-6.428s6.429 2.892 6.429 6.428-2.893 6.429-6.429 6.429S3.43 13.393 3.43 9.857"
         })
-    })) : l.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 s = (_param)=>{
             fill: o,
             d: "m15.702 14.884 5.619 5.896a.744.744 0 0 1-.004 1.012.66.66 0 0 1-.96 0l-5.62-5.9c-1.299 1.136-2.967 1.82-4.785 1.82-4.126 0-7.482-3.524-7.482-7.856S5.826 2 9.952 2s7.487 3.524 7.483 7.86c0 1.908-.651 3.66-1.733 5.024M9.952 3.428c-3.375 0-6.122 2.884-6.122 6.428s2.747 6.428 6.122 6.428 6.123-2.884 6.123-6.428-2.747-6.428-6.123-6.428"
         })
-    })) : l.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-send-euro-filled.js

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

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: l, size: c = 24 } = _param, o = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: l, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), r = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
     return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M12.074 2c-.553 0-1.045.348-1.258.882a1.48 1.48 0 0 0 .296 1.56l2.06 2.162-2.674 2.813a.74.74 0 0 0 0 1.01.66.66 0 0 0 .962 0l3.637-3.823-3.023-3.173h8.089v8.491L17.14 8.75l-3.78 3.969a.74.74 0 0 0 0 1.01.654.654 0 0 0 .958 0l2.818-2.958 2.06 2.163c.392.411.971.53 1.481.31.51-.223.84-.74.84-1.32V2zM8.934 12.718c.714 0 1.411.215 2.017.622a.663.663 0 0 0 .94-.215.74.74 0 0 0-.204-.988 4.9 4.9 0 0 0-2.749-.846c-2.217 0-4.103 1.495-4.808 3.571h-.98c-.375 0-.68.32-.68.714s.305.713.68.713h.696a5 5 0 0 0-.017.357c0 .119.009.237.017.356H3.15c-.375 0-.68.32-.68.714s.305.713.68.713h.98C4.83 20.505 6.717 22 8.938 22c.976 0 1.925-.293 2.749-.846a.733.733 0 0 0 .205-.988.66.66 0 0 0-.941-.214 3.6 3.6 0 0 1-2.017.621c-1.45 0-2.71-.873-3.332-2.144H8.59c.374 0 .68-.32.68-.713 0-.394-.306-.714-.68-.714H5.205c-.008-.119-.017-.237-.017-.356 0-.12.009-.238.017-.357H8.59c.374 0 .68-.32.68-.713 0-.394-.306-.714-.68-.714H5.602c.623-1.27 1.881-2.144 3.332-2.144"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +113,10 @@ const i = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M12.074 2c-.553 0-1.045.348-1.258.882a1.48 1.48 0 0 0 .296 1.56l2.06 2.162-2.674 2.813a.74.74 0 0 0 0 1.01.66.66 0 0 0 .962 0l3.637-3.823-3.023-3.173h8.089v8.491L17.14 8.75l-3.78 3.969a.74.74 0 0 0 0 1.01.654.654 0 0 0 .958 0l2.818-2.958 2.06 2.163c.392.411.971.53 1.481.31.51-.223.84-.74.84-1.32V2zM8.934 12.718c.714 0 1.411.215 2.017.622a.663.663 0 0 0 .94-.215.74.74 0 0 0-.204-.988 4.9 4.9 0 0 0-2.749-.846c-2.217 0-4.103 1.495-4.808 3.571h-.98c-.375 0-.68.32-.68.714s.305.713.68.713h.696a5 5 0 0 0-.017.357c0 .119.009.237.017.356H3.15c-.375 0-.68.32-.68.714s.305.713.68.713h.98C4.83 20.505 6.717 22 8.938 22c.976 0 1.925-.293 2.749-.846a.733.733 0 0 0 .205-.988.66.66 0 0 0-.941-.214 3.6 3.6 0 0 1-2.017.621c-1.45 0-2.71-.873-3.332-2.144H8.59c.374 0 .68-.32.68-.713 0-.394-.306-.714-.68-.714H5.205c-.008-.119-.017-.237-.017-.356 0-.12.009-.238.017-.357H8.59c.374 0 .68-.32.68-.713 0-.394-.306-.714-.68-.714H5.602c.623-1.27 1.881-2.144 3.332-2.144"
         })
     }));
-}, d = i;
+}, v = h;

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const c = (_param)=>{
-    var { color: a, size: e = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), r = a !== null && a !== void 0 ? a : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = a !== null && a !== void 0 ? a : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: l,
             d: "M20.328 2.217a.68.68 0 0 1 .998 0 .76.76 0 0 1 .194.62c-.005.025-4.945 18.893-4.945 18.893a.36.36 0 0 1-.311.27h-.027a.35.35 0 0 1-.321-.213l-3.866-8.79-.962 1.01a.67.67 0 0 1-.496.218.67.67 0 0 1-.497-.218.767.767 0 0 1 0-1.048zM2.685 7.892l7.378 3.574 8.264-8.675L2.743 7.195a.37.37 0 0 0-.262.327.37.37 0 0 0 .204.37"
         })
     })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const c = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: l,
             d: "M20.328 2.217a.68.68 0 0 1 .998 0 .76.76 0 0 1 .194.62c-.005.025-4.945 18.893-4.945 18.893a.36.36 0 0 1-.311.27h-.027a.35.35 0 0 1-.321-.213l-3.866-8.79-.962 1.01a.67.67 0 0 1-.496.218.67.67 0 0 1-.497-.218.767.767 0 0 1 0-1.048zM2.685 7.892l7.378 3.574 8.264-8.675L2.743 7.195a.37.37 0 0 0-.262.327.37.37 0 0 0 .204.37"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const c = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: l,
             d: "M21.383 11.215 3.34 2.245a.82.82 0 0 0-1.168.908l1.866 8.782-1.835 8.924a.823.823 0 0 0 1.177.9l18.008-9.074a.82.82 0 0 0-.006-1.47"
         })
     }));

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

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

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

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

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: h, size: l = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: h, size: l = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), a = h !== null && h !== void 0 ? h : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = h !== null && h !== void 0 ? h : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: o,
             d: "M21.518 12.193V2h-9.889c-.578 0-1.098.352-1.317.907-.218.554-.1 1.178.31 1.601l2.156 2.222L9.98 9.619a.75.75 0 0 0 0 1.038.697.697 0 0 0 1.007 0l3.805-3.927-3.163-3.26h8.467v8.723l-3.163-3.26-3.955 4.077a.75.75 0 0 0 0 1.038.69.69 0 0 0 1.003 0l2.948-3.04 2.16 2.223c.405.422 1.016.55 1.55.319.532-.23.879-.76.879-1.357M4.753 20.9h4.302a.54.54 0 0 1 .533.55.54.54 0 0 1-.533.55H3.003a.54.54 0 0 1-.533-.55.54.54 0 0 1 .533-.55c.497 0 .902-.418.902-.93l-.004-2.372h-.542a.54.54 0 0 1-.534-.55.54.54 0 0 1 .534-.55H3.9l-.005-2.385c0-1.517 1.199-2.753 2.67-2.753.67 0 1.286.24 1.778.69.218.203.237.55.04.776a.52.52 0 0 1-.751.047 1.55 1.55 0 0 0-1.071-.414c-.902 0-1.604.728-1.604 1.654l.005 2.386h2.31a.54.54 0 0 1 .533.55.54.54 0 0 1-.533.549H4.967l.005 2.372c0 .333-.078.653-.22.93"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: o,
             d: "M19.646 12.906c.212.217.49.333.772.333q.22 0 .428-.092c.423-.179.682-.58.682-1.048V2h-9.835c-.456 0-.846.27-1.02.7s-.08.903.24 1.232l2.483 2.55L9.883 10.1a.377.377 0 0 0 0 .53c.14.15.371.15.517 0l4.035-4.148-3-3.081a.38.38 0 0 1-.08-.41.37.37 0 0 1 .338-.233h9.1v9.346a.37.37 0 0 1-.225.348.35.35 0 0 1-.4-.082l-3-3.082-2.45 2.516a.38.38 0 0 0 0 .532c.14.15.371.15.517 0l1.928-1.98zm-6.203 1.545a.745.745 0 0 1-.734-.753c0-.416.33-.754.734-.754s.734.338.734.754c0 .415-.33.753-.734.753M9.45 21.623a.37.37 0 0 0-.367-.377H4.314c.235-.318.376-.714.376-1.144l-.004-2.628h2.558a.373.373 0 0 0 .372-.376.37.37 0 0 0-.367-.377H4.685l-.004-2.642c0-1.058.809-1.888 1.839-1.888.466 0 .889.164 1.227.468.151.14.386.126.518-.029a.38.38 0 0 0-.028-.531 2.5 2.5 0 0 0-1.712-.662c-1.42 0-2.573 1.184-2.573 2.642l.004 2.642h-.752a.37.37 0 0 0-.367.377c0 .207.165.376.367.376h.753l.004 2.628c0 .633-.498 1.145-1.114 1.145a.37.37 0 0 0-.367.376c0 .208.165.377.367.377h6.246a.37.37 0 0 0 .357-.377m-5.493-4.149h.73l-.002-.753h-.729z"
         })
     }));

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

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

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

@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: n, size: l = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: i, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), o = n !== null && n !== void 0 ? n : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : n ? _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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.513 2.831q.006-.058.005-.109v-.024a1 1 0 0 0-.023-.137v-.01q-.008-.013-.009-.028a.5.5 0 0 0-.054-.137l-.04-.071a.717.717 0 0 0-.086-.104l-.019-.017q-.007-.01-.018-.017a.704.704 0 0 0-.298-.156q-.007-.004-.015-.005l-.016-.005a.6.6 0 0 0-.22-.002l-.02.002-.034.005q-.016.001-.033.005L2.99 7.03a.74.74 0 0 0-.519.654.75.75 0 0 0 .406.734l7.898 3.815-.696.73a.767.767 0 0 0 0 1.047c.276.29.723.29.998 0l.696-.73 3.634 8.289a.7.7 0 0 0 .642.431q.029.001.058-.005a.71.71 0 0 0 .623-.545l4.764-18.51.005-.028q0-.015.004-.029l.002-.01q.006-.02.007-.042m-3.066 1.35-6.606 6.934-6.601-3.19zm-5.608 7.981 6.606-6.933-3.567 13.861z"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.513 2.831q.006-.058.005-.109v-.024a1 1 0 0 0-.023-.137v-.01q-.008-.013-.009-.028a.5.5 0 0 0-.054-.137l-.04-.071a.717.717 0 0 0-.086-.104l-.019-.017q-.007-.01-.018-.017a.704.704 0 0 0-.298-.156q-.007-.004-.015-.005l-.016-.005a.6.6 0 0 0-.22-.002l-.02.002-.034.005q-.016.001-.033.005L2.99 7.03a.74.74 0 0 0-.519.654.75.75 0 0 0 .406.734l7.898 3.815-.696.73a.767.767 0 0 0 0 1.047c.276.29.723.29.998 0l.696-.73 3.634 8.289a.7.7 0 0 0 .642.431q.029.001.058-.005a.71.71 0 0 0 .623-.545l4.764-18.51.005-.028q0-.015.004-.029l.002-.01q.006-.02.007-.042m-3.066 1.35-6.606 6.934-6.601-3.19zm-5.608 7.981 6.606-6.933-3.567 13.861z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -125,7 +125,7 @@ const m = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M3 3.901a.904.904 0 0 1 1.308-.807l15.591 7.755a.907.907 0 0 1 .004 1.618L4.34 20.302a.906.906 0 0 1-1.292-.99l1.576-7.67-1.602-7.547A.8.8 0 0 1 3 3.901m1.186.366 1.567 7.37-1.54 7.492 14.836-7.472z"
         })
     }));

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: l = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M21.841 13.854c0-4.216-3.28-4.922-4.697-5.028-1.177-3.608-5.26-3.793-6.084-3.793-1.059 0-6.292.286-6.404 5.877-1.05.384-2.501 1.364-2.501 3.885 0 3.084 2.185 4.182 4.23 4.182l10.285-.056c.866 0 5.171-.246 5.171-5.067m-5.624-1.064a.695.695 0 0 1-.698.692h-.484a3 3 0 0 1-.143.459l.395.395a.696.696 0 0 1-.003.986l-.437.434a.71.71 0 0 1-.997 0l-.395-.395c-.149.062-.3.11-.462.146v.482a.696.696 0 0 1-.698.691h-.597a.695.695 0 0 1-.697-.691v-.482a3 3 0 0 1-.462-.143l-.395.392a.7.7 0 0 1-.496.204h-.003a.7.7 0 0 1-.498-.204l-.437-.434-.006-.006a.69.69 0 0 1 .006-.983l.392-.39a3 3 0 0 1-.14-.461h-.485a.697.697 0 0 1-.7-.692v-.597a.7.7 0 0 1 .7-.695h.485q.05-.235.14-.462l-.392-.39-.006-.005a.69.69 0 0 1 .006-.983l.442-.431a.7.7 0 0 1 .499-.205h.003c.184 0 .364.073.495.205l.395.392q.228-.09.463-.143v-.482c0-.384.313-.692.697-.692h.597a.695.695 0 0 1 .697.692v.482q.235.054.462.143l.395-.392a.71.71 0 0 1 .997 0l.438.434.005.005a.695.695 0 0 1-.008.984l-.395.392q.088.222.143.456h.484c.384 0 .695.311.698.695zm-4.219-2.126c1.151 0 1.84.683 1.84 1.826 0 1.146-.686 1.826-1.84 1.826s-1.84-.683-1.84-1.826.689-1.826 1.84-1.826"

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
+const i = (_param)=>{
     var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), s = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -108,4 +108,4 @@ const h = (_param)=>{
             d: "M21.838 13.852c0-4.216-3.28-4.922-4.698-5.028-1.176-3.605-5.26-3.793-6.084-3.793-1.059 0-6.291.286-6.403 5.877-1.05.381-2.502 1.364-2.502 3.885 0 3.084 2.185 4.182 4.23 4.182l10.286-.056c.862 0 5.17-.244 5.17-5.067m-.824-.003c0 3.947-3.328 4.252-4.35 4.252l-10.291.056c-1.023 0-3.404-.327-3.404-3.367 0-1.705.742-2.781 2.207-3.196.18-.047.3-.21.3-.392l-.005-.112c0-4.865 4.271-5.244 5.582-5.244.74 0 4.485.168 5.376 3.474a.41.41 0 0 0 .386.302c1.263.034 4.199.518 4.199 4.227m-9.02-.246c-.764 0-1.12-.356-1.12-1.112 0-.762.356-1.115 1.12-1.115s1.12.356 1.12 1.115-.355 1.112-1.12 1.112m1.942-1.115c0-1.207-.726-1.93-1.942-1.93s-1.94.723-1.94 1.93.725 1.93 1.94 1.93c1.216 0 1.942-.723 1.942-1.93m.843.277a.42.42 0 0 0-.412.345c-.045.269-.118.51-.221.714a.405.405 0 0 0 .078.47l.546.522-.414.434-.546-.54a.42.42 0 0 0-.474-.08c-.221.107-.45.18-.723.222a.41.41 0 0 0-.347.403v.72l-.557.02v-.731a.41.41 0 0 0-.348-.404 2.5 2.5 0 0 1-.72-.22.414.414 0 0 0-.473.078l-.521.54-.437-.412.543-.54a.41.41 0 0 0 .068-.49c-.082-.143-.166-.426-.21-.7a.41.41 0 0 0-.407-.345l-.714.02-.02-.575h.737a.41.41 0 0 0 .406-.342c.045-.277.132-.557.21-.7a.4.4 0 0 0-.067-.49l-.543-.518.414-.434.547.54a.41.41 0 0 0 .473.079c.207-.101.448-.177.72-.219a.41.41 0 0 0 .347-.403l-.02-.712.578-.022v.73a.41.41 0 0 0 .347.404c.272.042.501.112.723.222.16.075.35.044.473-.079l.524-.54.437.411-.546.54a.405.405 0 0 0-.079.472c.104.204.177.445.222.714a.41.41 0 0 0 .406.344l.714-.022.022.574zm1.538-.574a.8.8 0 0 0-.802-.796v-.005h-.403a4 4 0 0 0-.106-.33l.347-.345a.797.797 0 0 0 0-1.132l-.437-.434a.81.81 0 0 0-1.14 0l-.347.344a3 3 0 0 0-.334-.106v-.4a.8.8 0 0 0-.8-.796h-.598a.8.8 0 0 0-.8.795v.401a3 3 0 0 0-.334.104l-.347-.345a.8.8 0 0 0-.569-.235h-.003a.8.8 0 0 0-.571.235l-.437.434a.797.797 0 0 0 0 1.132l.344.342a3 3 0 0 0-.1.336h-.404a.8.8 0 0 0-.801.795v.594a.8.8 0 0 0 .801.796h.404a3 3 0 0 0 .1.336l-.341.341a.797.797 0 0 0-.003 1.135l.437.434a.8.8 0 0 0 .571.236h.003a.8.8 0 0 0 .569-.236l.347-.344q.16.057.333.103v.4c0 .44.359.796.801.796h.597a.8.8 0 0 0 .801-.795v-.398a3 3 0 0 0 .334-.106l.347.344a.81.81 0 0 0 1.14 0l.437-.434a.797.797 0 0 0 0-1.132l-.347-.344q.061-.158.106-.33h.403a.8.8 0 0 0 .802-.796z"
         })
     }));
-}, m = h;
+}, m = i;

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

@@ -96,7 +96,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -104,7 +104,7 @@ const h = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M21.83 13.798c0-3.434-2.325-4.852-4.647-5.064-1.244-3.507-5.278-3.69-6.101-3.69-1.06 0-6.264.283-6.457 5.762-1.07.42-2.45 1.44-2.45 3.905 0 3.137 2.24 4.255 4.338 4.255l10.059-.056c2.426 0 5.258-1.339 5.258-5.112m-1.205 0c0 3.641-3.1 3.924-4.056 3.924l-10.059.053c-.941 0-3.129-.3-3.129-3.067 0-1.554.678-2.532 2.014-2.907a.59.59 0 0 0 .44-.583l-.005-.095c0-4.535 4.022-4.888 5.257-4.888.698 0 4.227.154 5.062 3.221.07.252.3.432.566.44 1.176.034 3.91.479 3.91 3.902m-8.622-.283c-.72 0-1.056-.33-1.056-1.04 0-.708.336-1.038 1.056-1.038.723 0 1.056.33 1.056 1.039s-.336 1.039-1.056 1.039m1.941-1.04c0-1.195-.725-1.91-1.94-1.91-1.216 0-1.94.715-1.94 1.91 0 1.197.723 1.911 1.94 1.911 1.215 0 1.94-.714 1.94-1.91m1.4.189h-.618a.484.484 0 0 0-.476.4c-.042.252-.11.468-.21.675a.47.47 0 0 0 .092.543l.465.46-.291.286-.465-.46a.49.49 0 0 0-.558-.09 2.4 2.4 0 0 1-.683.208.48.48 0 0 0-.406.47v.611h-.384v-.61a.476.476 0 0 0-.406-.471 2.5 2.5 0 0 1-.68-.207.495.495 0 0 0-.558.09l-.465.459-.292-.286.465-.46a.47.47 0 0 0 .093-.543c-.101-.204-.168-.42-.21-.675a.48.48 0 0 0-.476-.4h-.62v-.379h.62c.235 0 .436-.17.476-.4q.06-.378.207-.672a.47.47 0 0 0-.09-.547l-.465-.46.292-.285.465.457a.48.48 0 0 0 .577.078c.129-.073.403-.154.66-.193a.48.48 0 0 0 .407-.47v-.611h.384v.61c0 .236.17.432.406.47.258.043.53.121.66.194a.48.48 0 0 0 .578-.078l.465-.457.291.286-.465.46a.47.47 0 0 0-.09.546c.096.193.169.42.21.675.04.23.242.397.477.397h.619zm.964-.477a.857.857 0 0 0-.862-.851v-.003h-.325a4 4 0 0 0-.073-.224l.303-.297a.84.84 0 0 0 .254-.605c0-.23-.09-.443-.255-.605l-.425-.42a.903.903 0 0 0-1.23 0l-.302.297a5 5 0 0 0-.23-.068v-.327a.857.857 0 0 0-.863-.852h-.585a.857.857 0 0 0-.863.852v.327q-.113.03-.23.068l-.302-.297a.903.903 0 0 0-1.23 0l-.429.42a.83.83 0 0 0-.254.605c0 .23.09.445.252.605l.305.3q-.04.111-.073.224h-.333a.857.857 0 0 0-.863.851v.577c0 .47.387.852.863.852h.333q.035.116.073.224l-.303.3a.847.847 0 0 0 0 1.21l.429.42a.903.903 0 0 0 1.23 0l.302-.3q.11.037.227.07v.328c0 .47.387.851.863.851h.585c.476 0 .863-.38.863-.851v-.328q.118-.031.227-.07l.305.3a.903.903 0 0 0 1.23 0l.426-.42a.847.847 0 0 0 0-1.21l-.306-.3q.04-.11.073-.224h.33a.857.857 0 0 0 .863-.852z"
         })
     }));

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

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

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

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

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

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: o, size: a = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), l = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
-    return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -114,7 +114,7 @@ const s = (_param)=>{
                 d: "M13.357 22H10.63c-.377 0-.678-.316-.678-.712V20.3a7.9 7.9 0 0 1-2.108-.916l-.664.696a.665.665 0 0 1-.964 0l-1.929-2.016a.73.73 0 0 1 0-1.008l.664-.696a8.7 8.7 0 0 1-.873-2.212h-.93c-.378-.008-.679-.332-.679-.728v-2.86c0-.388.301-.712.679-.712h.941a8.7 8.7 0 0 1 .873-2.212l-.667-.688a.73.73 0 0 1 0-1.008l1.929-2.02a.66.66 0 0 1 .48-.212c.18 0 .354.072.48.212l.664.696A8.2 8.2 0 0 1 9.956 3.7v-.988c0-.396.31-.712.687-.712h2.725c.377 0 .678.316.678.712V3.7c.74.204 1.453.504 2.108.916l.66-.696a.66.66 0 0 1 .48-.212c.18 0 .355.072.48.212l1.922 2.024a.75.75 0 0 1 0 1.012l-.664.696c.393.688.679 1.432.873 2.212h.934c.378 0 .679.316.679.712v2.86c0 .396-.302.712-.679.712h-.934a8.7 8.7 0 0 1-.873 2.212l.664.696a.75.75 0 0 1 0 1.012l-1.918 2.012a.665.665 0 0 1-.964 0l-.663-.696a7.8 7.8 0 0 1-2.108.916v.988a.7.7 0 0 1-.686.712m-2.036-1.424h1.353v-.844c0-.348.233-.64.557-.704a6.6 6.6 0 0 0 2.615-1.14.66.66 0 0 1 .865.08l.572.6.964-1.012-.572-.6a.736.736 0 0 1-.076-.908 7.3 7.3 0 0 0 1.087-2.744.69.69 0 0 1 .67-.584h.805v-1.424h-.805a.69.69 0 0 1-.67-.584 7.3 7.3 0 0 0-1.087-2.744.74.74 0 0 1 .076-.908l.572-.6-.964-1.012-.572.6a.653.653 0 0 1-.865.08 6.6 6.6 0 0 0-2.615-1.14.704.704 0 0 1-.557-.704v-.86h-1.357v.852c0 .348-.232.64-.556.704-.95.188-1.83.568-2.615 1.14a.66.66 0 0 1-.865-.08l-.572-.6-.972 1.004.572.6a.736.736 0 0 1 .076.908 7.1 7.1 0 0 0-1.079 2.752.69.69 0 0 1-.67.584h-.809v1.424h.812c.332 0 .61.244.67.584a7.3 7.3 0 0 0 1.087 2.744.74.74 0 0 1-.076.908l-.572.6.965 1.012.571-.6a.653.653 0 0 1 .866-.08 6.6 6.6 0 0 0 2.614 1.14.704.704 0 0 1 .557.704z"
             })
         ]
-    })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-settings-web-filled.js

@@ -92,14 +92,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: e, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: e, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__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"
     }, o), {

package/dist/generated/mistica-icons/icon-settings-web-light.js

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

package/dist/generated/mistica-icons/icon-settings-web-regular.js

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

package/dist/generated/mistica-icons/icon-share-devices-filled.js

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

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

package/dist/generated/mistica-icons/icon-share-devices-regular.js

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: a, size: c = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), h = o !== null && o !== void 0 ? o : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: m } = (0, _hooks.useTheme)();
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = a !== null && a !== void 0 ? a : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: m } = (0, _hooks.useTheme)();
     return m.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), {
+    }, v), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
             d: "M19.044 2h-4.41c-1.286 0-2.293 1.097-2.293 2.5H4.587c-1.128 0-2.117 1-2.117 2.144v13.213c0 1.142.989 2.143 2.117 2.143h10.052c1.128 0 2.117-1 2.117-2.143v-3.748h2.293c1.385 0 2.469-1.02 2.469-2.322V4.5C21.513 3.147 20.385 2 19.044 2M14.64 3.43h4.41c.555 0 1.056.512 1.056 1.07v.178h-6.346V4.5c0-.53.302-1.07.88-1.07m5.466 2.322v6.605h-6.346V5.752zM4.587 5.93h7.759v1.248H3.883v-.535c0-.36.352-.713.704-.713m0 14.64c-.357 0-.704-.352-.704-.714v-.534h11.46v.534c0 .361-.348.713-.704.713zm10.756-2.322H3.883V8.252h8.463v5.535c0 1.344.966 2.322 2.293 2.322h.704zm-.709-3.57c-.56 0-.88-.324-.88-.891v-.357H20.1v.357c.005.585-.528.891-1.056.891zm4.121-6.412-2.74-1.604a.78.78 0 0 0-.798 0 .81.81 0 0 0-.402.7v3.203a.806.806 0 0 0 .803.809q.212 0 .402-.11l2.79-1.64.085-.065a.82.82 0 0 0 .262-.685.83.83 0 0 0-.402-.608m-2.884-.448 1.963 1.147-1.963 1.152zm-4.635 4.552-2.799-1.6a.81.81 0 0 0-.808.005.8.8 0 0 0-.397.7v3.199c0 .288.149.548.397.699a.81.81 0 0 0 .808.005l2.848-1.637.086-.06a.81.81 0 0 0 .266-.69.8.8 0 0 0-.402-.62m-2.943-.452 2.017 1.156-2.017 1.156z"
@@ -113,7 +113,7 @@ const l = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, v), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
             d: "M19.044 2h-4.41c-1.286 0-2.293 1.097-2.293 2.5H4.587c-1.128 0-2.117 1-2.117 2.144v13.213c0 1.142.989 2.143 2.117 2.143h10.052c1.128 0 2.117-1 2.117-2.143v-3.748h2.293c1.385 0 2.469-1.02 2.469-2.322V4.5C21.513 3.147 20.385 2 19.044 2M14.64 3.43h4.41c.555 0 1.056.512 1.056 1.07v.178h-6.346V4.5c0-.53.302-1.07.88-1.07m5.466 2.322v6.605h-6.346V5.752zM4.587 5.93h7.759v1.248H3.883v-.535c0-.36.352-.713.704-.713m0 14.64c-.357 0-.704-.352-.704-.714v-.534h11.46v.534c0 .361-.348.713-.704.713zm10.756-2.322H3.883V8.252h8.463v5.535c0 1.344.966 2.322 2.293 2.322h.704zm-.709-3.57c-.56 0-.88-.324-.88-.891v-.357H20.1v.357c.005.585-.528.891-1.056.891zm4.121-6.412-2.74-1.604a.78.78 0 0 0-.798 0 .81.81 0 0 0-.402.7v3.203a.806.806 0 0 0 .803.809q.212 0 .402-.11l2.79-1.64.085-.065a.82.82 0 0 0 .262-.685.83.83 0 0 0-.402-.608m-2.884-.448 1.963 1.147-1.963 1.152zm-4.635 4.552-2.799-1.6a.81.81 0 0 0-.808.005.8.8 0 0 0-.397.7v3.199c0 .288.149.548.397.699a.81.81 0 0 0 .808.005l2.848-1.637.086-.06a.81.81 0 0 0 .266-.69.8.8 0 0 0-.402-.62m-2.943-.452 2.017 1.156-2.017 1.156z"

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

@@ -93,39 +93,39 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: i, size: e = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: t, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), o = i !== null && i !== void 0 ? i : a ? _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 a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : 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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M17.625 3.003c.589.014 2.875.246 2.875 3.005 0 2.765-2.29 2.98-2.863 2.99L17.46 9h-.098c-.435-.007-1.738-.123-2.426-1.24l-5.557 3.242c.077.291.121.624.121 1.006 0 .376-.042.704-.117.992l5.544 3.233c.68-1.12 1.977-1.23 2.414-1.233h.06c.077 0 .156 0 .224.003.589.014 2.875.246 2.875 3.005 0 2.765-2.29 2.98-2.863 2.99L17.46 21h-.098c-.602-.01-2.862-.227-2.862-3.01q0-.288.03-.54L8.8 14.107c-.722.793-1.796.884-2.163.891L6.46 15h-.097c-.603-.01-2.863-.227-2.863-3.01C3.5 9.213 5.738 9.006 6.341 9h.06c.077 0 .156 0 .224.003.376.009 1.444.107 2.167.895l5.741-3.35a5 5 0 0 1-.033-.557c0-2.78 2.238-2.986 2.841-2.991h.06c.077 0 .156 0 .224.003"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M18 14.856a3.5 3.5 0 0 0-2.741 1.328L9.38 13.032a3.608 3.608 0 0 0-.036-2.176L15.247 7.8a3.5 3.5 0 0 0 2.75 1.344c1.943 0 3.527-1.604 3.527-3.572S19.944 2 18 2s-3.527 1.604-3.527 3.572c0 .332.051.652.13.956l-5.973 3.1a3.47 3.47 0 0 0-2.623-1.2C4.064 8.428 2.48 10.032 2.48 12s1.584 3.572 3.527 3.572a3.51 3.51 0 0 0 2.702-1.28l5.902 3.164a3.6 3.6 0 0 0-.138.972C14.473 20.396 16.057 22 18 22s3.528-1.604 3.528-3.572-1.584-3.572-3.528-3.572"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M18 14.856a3.5 3.5 0 0 0-2.741 1.328L9.38 13.032a3.608 3.608 0 0 0-.036-2.176L15.247 7.8a3.5 3.5 0 0 0 2.75 1.344c1.943 0 3.527-1.604 3.527-3.572S19.944 2 18 2s-3.527 1.604-3.527 3.572c0 .332.051.652.13.956l-5.973 3.1a3.47 3.47 0 0 0-2.623-1.2C4.064 8.428 2.48 10.032 2.48 12s1.584 3.572 3.527 3.572a3.51 3.51 0 0 0 2.702-1.28l5.902 3.164a3.6 3.6 0 0 0-.138.972C14.473 20.396 16.057 22 18 22s3.528-1.604 3.528-3.572-1.584-3.572-3.528-3.572"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -135,7 +135,7 @@ const s = (_param)=>{
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M2.172 11.998c0-6.72 3.594-9.823 9.826-9.823 6.23 0 9.827 3.103 9.827 9.823s-3.594 9.827-9.827 9.827c-6.232 0-9.826-3.107-9.826-9.827m8.431.608q.052-.284.053-.608c0-.213-.016-.412-.064-.596l2.647-1.325q.08.107.174.204c.42.431 1.033.658 1.776.658.742 0 1.355-.226 1.776-.658.414-.423.624-1.011.624-1.75 0-.77-.227-1.379-.675-1.805-.415-.394-1.014-.605-1.723-.605-.708 0-1.305.21-1.722.605-.448.426-.675 1.034-.675 1.804q.001.264.036.502l-2.692 1.344a2 2 0 0 0-.165-.179c-.415-.395-1.014-.605-1.723-.605-.708 0-1.305.21-1.722.605-.449.426-.675 1.034-.675 1.804 0 .737.21 1.328.624 1.75.42.432 1.034.659 1.776.659s1.356-.227 1.776-.658q.06-.06.11-.124l2.694 1.348a3 3 0 0 0-.037.495c0 .737.21 1.328.625 1.751.42.432 1.034.659 1.776.659s1.356-.227 1.776-.659c.415-.423.625-1.011.625-1.75 0-.77-.227-1.379-.675-1.804-.415-.395-1.014-.605-1.723-.605s-1.305.21-1.723.605c-.084.078-.16.168-.23.26z"
         })
     }));

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

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

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

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