@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), e = i !== null && i !== void 0 ? i : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = i !== null && i !== void 0 ? i : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
     return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const n = (_param)=>{
             d: "M17.937 3.614c.756 0 1.445.541 1.445 1.132V20.71c0 .613-.661 1.131-1.443 1.131H6.063c-.782 0-1.443-.518-1.443-1.131V4.746c0-.591.69-1.132 1.443-1.132h3.15c.418-.946 1.376-1.459 2.785-1.459 1.717 0 2.462.74 2.782 1.46zM9.785 4.746 9.78 4.9c.014.392.03.863 2.22.863s2.208-.474 2.22-.818v-.132a2.7 2.7 0 0 0-.11-.694c-.252-.782-.941-1.163-2.112-1.163-1.454 0-2.157.569-2.213 1.79m8.785 0c0-.081-.264-.33-.63-.33h-2.945l.01.084c.01.069.02.138.021.21l.006.19-.003.093c-.045 1.302-1.244 1.574-3.03 1.574s-2.984-.272-3.032-1.591v-.194l.006-.092c.002-.072.013-.136.024-.201q.007-.036.012-.074H6.06c-.369 0-.63.253-.63.331V20.71c0 .112.275.33.63.33h11.877c.359 0 .634-.221.634-.33zm-7.88-.059c0-.221.182-.4.406-.4h1.801c.224 0 .406.179.406.4s-.182.4-.406.4h-1.8a.405.405 0 0 1-.407-.4"
         })
     }));
-}, p = n;
+}, d = n;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : 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({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const m = (_param)=>{
             fill: e,
             d: "M15.94 3.074h1.795c1.185 0 2.155.965 2.155 2.144V22H4.1V5.214c0-1.18.969-2.144 2.154-2.144H8.05V2h7.89zM7.87 8.075h8.249c.29 0 .542.252.542.535a.55.55 0 0 1-.538.535H7.871a.55.55 0 0 1-.538-.535c0-.283.253-.535.538-.535m8.249 2.858H7.87a.55.55 0 0 0-.538.534c0 .284.253.535.538.535h8.253a.55.55 0 0 0 .537-.535.553.553 0 0 0-.542-.534m0 2.857H7.87a.55.55 0 0 0-.538.535c0 .283.253.534.538.534h8.253a.55.55 0 0 0 .537-.534.553.553 0 0 0-.542-.535m0 2.857H7.87a.55.55 0 0 0-.538.535c0 .283.253.535.538.535h8.253a.55.55 0 0 0 .537-.535.553.553 0 0 0-.542-.535M9.088 3.074v1.788h5.777V3.074zm-3.55 17.5h12.914V5.214a.716.716 0 0 0-.717-.713h-1.79v1.43H8.05V4.505H6.254a.716.716 0 0 0-.717.713z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -129,4 +129,4 @@ const m = (_param)=>{
             d: "M17.783 3.586c.854 0 1.602.611 1.602 1.306v15.644c0 .709-.734 1.305-1.602 1.305H6.223c-.869 0-1.603-.6-1.603-1.305V4.889c0-.695.75-1.305 1.602-1.305h2.956c.47-.914 1.442-1.429 2.826-1.429 1.686 0 2.468.709 2.829 1.431zm-7.737 1.317-.006.14v.002c.012.269.028.65 1.964.65 1.938 0 1.952-.382 1.96-.612v-.118a2.4 2.4 0 0 0-.098-.629c-.078-.25-.315-1.002-1.862-1.002-1.672 0-1.924.838-1.958 1.569m8.162 15.588-.008-15.6q-.001.005-.035-.014c-.066-.035-.216-.114-.382-.114h-2.648l.006.038.006.046.002.078.003.115-.002.107c-.05 1.51-1.544 1.722-3.146 1.722S8.91 6.656 8.855 5.121v-.08l.003-.127.006-.1q0-.018.004-.034l.004-.02h-2.65c-.215 0-.397.132-.428.185l.011 15.588q.005 0 .024.013a.8.8 0 0 0 .393.116h11.56c.233 0 .401-.126.426-.17M10.755 4.738a.55.55 0 0 0 .551.549H12.7a.553.553 0 0 0 .554-.55.553.553 0 0 0-.555-.548h-1.392a.55.55 0 0 0-.551.549"
         })
     }));
-}, p = m;
+}, d = m;

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

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

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: i, size: o = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: i, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), e = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
     return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "m21.378 16.799-8.662-6.587V9.39c1.038-.322 1.79-1.253 1.79-2.398A2.49 2.49 0 0 0 12 4.485a2.49 2.49 0 0 0-2.506 2.506c0 .393.322.716.716.716a.72.72 0 0 0 .716-.716c0-.609.465-1.074 1.074-1.074.608 0 1.074.465 1.074 1.074 0 .608-.466 1.074-1.074 1.074a.72.72 0 0 0-.716.716v1.431L2.62 16.8c-.537.394-.752 1.11-.537 1.754.215.573.716.966 1.325.966H20.59c.608 0 1.11-.393 1.324-.966.215-.645 0-1.36-.537-1.754m-.823 1.288H3.445c0-.035 0-.107.035-.143L12 11.465l8.52 6.48c.035.035.035.107.035.142"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const h = (_param)=>{
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "M21.938 18.273a.99.99 0 0 1-.968.718h-1.076c-.215 0-.359-.144-.359-.359s.144-.359.359-.359h1.076c.179 0 .287-.143.287-.25a.46.46 0 0 0-.144-.538l-9.108-6.67-9.108 6.67c-.179.143-.215.394-.143.537 0 .108.108.251.287.251h12.55c.215 0 .359.144.359.359s-.144.359-.359.359H3.041c-.466 0-.825-.287-.968-.718-.18-.502 0-1.04.394-1.362l9.18-6.706V8.592c0-.215.143-.359.358-.359.79 0 1.435-.645 1.435-1.434s-.646-1.434-1.435-1.434-1.434.645-1.434 1.434c0 .215-.143.359-.359.359-.215 0-.358-.144-.358-.359 0-1.183.968-2.152 2.151-2.152 1.184 0 2.152.969 2.152 2.152 0 1.076-.79 1.936-1.793 2.116v1.29l9.18 6.706c.394.287.573.86.394 1.362m-4.195-.358a.72.72 0 0 0-.718.717.72.72 0 0 0 .718.717.72.72 0 0 0 .717-.717.72.72 0 0 0-.718-.717"
         })
     }));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), c = a !== null && a !== void 0 ? a : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = a !== null && a !== void 0 ? a : i ? _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: o,
         height: o,
         viewBox: "0 0 24 24",
@@ -119,4 +119,4 @@ const m = (_param)=>{
             d: "m21.378 16.799-8.662-6.587V9.39c1.038-.322 1.79-1.253 1.79-2.398A2.49 2.49 0 0 0 12 4.485a2.49 2.49 0 0 0-2.506 2.506c0 .393.322.716.716.716a.72.72 0 0 0 .716-.716c0-.609.465-1.074 1.074-1.074.608 0 1.074.465 1.074 1.074 0 .608-.466 1.074-1.074 1.074a.72.72 0 0 0-.716.716v1.431L2.62 16.8c-.537.394-.752 1.11-.537 1.754.215.573.716.966 1.325.966H20.59c.608 0 1.11-.393 1.324-.966.215-.645 0-1.36-.537-1.754m-.823 1.288H3.445c0-.035 0-.107.035-.143L12 11.465l8.52 6.48c.035.035.035.107.035.142"
         })
     }));
-}, u = m;
+}, d = m;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return L;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,25 +97,25 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = 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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: a,
             d: "M6.345 5.23a.788.788 0 1 0-1.114 1.115L10.885 12l-5.654 5.655a.788.788 0 0 0 1.114 1.114L12 13.115l5.655 5.654a.788.788 0 0 0 1.114-1.114L13.115 12l5.654-5.655a.788.788 0 0 0-1.114-1.114L12 10.885z"
         })
-    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: a,
             d: "M17.653 17.141a.364.364 0 0 1-.514.514L12 12.511 5.62 18.893a.363.363 0 1 1-.514-.514l6.379-6.382L5.112 5.62a.364.364 0 0 1 .513-.514l6.373 6.377 6.374-6.377a.363.363 0 1 1 .513.514l-6.373 6.377zM18.455 19a.545.545 0 1 0 0-1.09.545.545 0 0 0 0 1.09"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -125,8 +125,8 @@ const c = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: a,
             d: "m12.569 12 5.31-5.319a.384.384 0 0 0 .017-.543l-.017-.017a.384.384 0 0 0-.543-.017q-.01.008-.017.017L12 11.431l-5.319-5.31a.384.384 0 0 0-.543-.017l-.017.017a.384.384 0 0 0-.017.543q.008.01.017.017L11.431 12l-5.31 5.319a.383.383 0 0 0-.017.543l.017.017a.38.38 0 0 0 .28.12.38.38 0 0 0 .28-.12L12 12.569l5.319 5.31a.383.383 0 0 0 .543.017l.017-.017a.384.384 0 0 0 .017-.543l-.017-.017z"
         })
     }));
-}, d = c;
+}, L = c;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -129,4 +129,4 @@ const c = (_param)=>{
             d: "M16.841 17.853a.722.722 0 0 0 .948-1.086L13.022 12l4.766-4.767.065-.074a.722.722 0 0 0-1.086-.947L12 10.978 7.233 6.211l-.074-.064a.722.722 0 0 0-.947 1.086L10.979 12 6.21 16.767l-.064.074a.722.722 0 0 0 1.086.947L12 13.022l4.767 4.767z"
         })
     }));
-}, d = c;
+}, p = c;

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

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

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

@@ -97,7 +97,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), s = i !== null && i !== void 0 ? i : r ? _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(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: i, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = i !== null && i !== void 0 ? i : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M14.16 18.887h7.295c.299 0 .545.272.545.568s-.26.557-.555.557H14.15c-.26.854-1.038 1.488-1.963 1.488-.924 0-1.702-.63-1.962-1.488H6c-.26.854-1.038 1.488-1.963 1.488C2.924 21.5 2 20.57 2 19.45s.93-2.05 2.038-2.05c.925 0 1.702.629 1.963 1.487h4.224c.185-.672.74-1.23 1.408-1.416v-2.307H7.598c-2.479 0-4.48-2.05-4.48-4.544S5.12 6.114 7.566 6.114A4.465 4.465 0 0 1 11.974 2.5c2.185 0 4 1.569 4.409 3.652 2.44.072 4.517 2.084 4.517 4.506 0 2.455-2.114 4.506-4.631 4.506H12.75v2.307a2.07 2.07 0 0 1 1.408 1.416m-6.557-5.211h3.67v.005h.364v-1.192c-.848-.263-1.479-1.045-1.479-1.974 0-1.12.925-2.05 2.039-2.05s2.038.934 2.038 2.05c0 .93-.626 1.711-1.479 1.974v1.192h3.517c1.702 0 3.148-1.378 3.148-3.018 0-1.602-1.37-2.942-3-3.018l-.01.059a2.8 2.8 0 0 1-.138.575.74.74 0 0 1-.701.52c-.076 0-.147 0-.223-.039-.408-.11-.592-.558-.483-.93.07-.262.109-.486.109-.82a2.995 2.995 0 0 0-3.001-3.018c-1.446 0-2.631.968-2.925 2.346.375.148.744.296 1.076.52s.408.71.185 1.044-.706.41-1.038.186a3.1 3.1 0 0 0-1.669-.486c-1.668 0-3 1.34-3 3.018 0 1.716 1.332 3.056 3 3.056M4.048 20.38c.521 0 .924-.41.924-.93a.92.92 0 0 0-.924-.93.92.92 0 0 0-.925.93c0 .52.408.93.925.93m7.224-.93c0 .52.408.93.925.93a.92.92 0 0 0 .924-.93.92.92 0 0 0-.924-.93.92.92 0 0 0-.925.93"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const h = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M14.16 18.887h7.295c.299 0 .545.272.545.568s-.26.557-.555.557H14.15c-.26.854-1.038 1.488-1.963 1.488-.924 0-1.702-.63-1.962-1.488H6c-.26.854-1.038 1.488-1.963 1.488C2.924 21.5 2 20.57 2 19.45s.93-2.05 2.038-2.05c.925 0 1.702.629 1.963 1.487h4.224c.185-.672.74-1.23 1.408-1.416v-2.307H7.598c-2.479 0-4.48-2.05-4.48-4.544S5.12 6.114 7.566 6.114A4.465 4.465 0 0 1 11.974 2.5c2.185 0 4 1.569 4.409 3.652 2.44.072 4.517 2.084 4.517 4.506 0 2.455-2.114 4.506-4.631 4.506H12.75v2.307a2.07 2.07 0 0 1 1.408 1.416m-6.557-5.211h3.67v.005h.364v-1.192c-.848-.263-1.479-1.045-1.479-1.974 0-1.12.925-2.05 2.039-2.05s2.038.934 2.038 2.05c0 .93-.626 1.711-1.479 1.974v1.192h3.517c1.702 0 3.148-1.378 3.148-3.018 0-1.602-1.37-2.942-3-3.018l-.01.059a2.8 2.8 0 0 1-.138.575.74.74 0 0 1-.701.52c-.076 0-.147 0-.223-.039-.408-.11-.592-.558-.483-.93.07-.262.109-.486.109-.82a2.995 2.995 0 0 0-3.001-3.018c-1.446 0-2.631.968-2.925 2.346.375.148.744.296 1.076.52s.408.71.185 1.044-.706.41-1.038.186a3.1 3.1 0 0 0-1.669-.486c-1.668 0-3 1.34-3 3.018 0 1.716 1.332 3.056 3 3.056M4.048 20.38c.521 0 .924-.41.924-.93a.92.92 0 0 0-.924-.93.92.92 0 0 0-.925.93c0 .52.408.93.925.93m7.224-.93c0 .52.408.93.925.93a.92.92 0 0 0 .924-.93.92.92 0 0 0-.924-.93.92.92 0 0 0-.925.93"
         })
     }));

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

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

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

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

@@ -93,12 +93,12 @@ 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: t, size: c = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), o = 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.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const n = (_param)=>{
             fill: o,
             d: "M17.763 16.639c.28-.603.87-1.07 1.56-1.07.936 0 1.699.823 1.677 1.787 0 .75-.413 1.326-1.038 1.61v2.321c0 .393-.31.713-.692.713a.703.703 0 0 1-.691-.713v-2.322a1.85 1.85 0 0 1-.834-.891h-4.19a1.77 1.77 0 0 1-.864.891v2.322c0 .393-.31.713-.691.713a.703.703 0 0 1-.692-.713v-2.322a1.85 1.85 0 0 1-.833-.891h-4.19a1.77 1.77 0 0 1-.864.891v2.322c0 .393-.31.713-.692.713a.703.703 0 0 1-.692-.713v-2.322C3.452 18.677 3 18.07 3 17.357c0-.965.798-1.787 1.733-1.787.696 0 1.286.425 1.561 1.069h4.159c.172-.393.483-.713.864-.891v-1.61H7.89c-2.319 0-4.19-1.964-4.19-4.318S5.571 5.537 7.86 5.5c.381-2 2.08-3.5 4.123-3.5 2.008 0 3.742 1.504 4.123 3.5 2.283.033 4.225 1.998 4.225 4.32 0 2.39-1.87 4.319-4.158 4.319h-3.463v1.572c.412.178.692.535.865.928zM5.088 9.819c0 1.573 1.21 2.857 2.771 2.894v.005h8.313c1.56 0 2.806-1.248 2.806-2.857 0-1.536-1.281-2.82-2.806-2.893a4 4 0 0 1-.138.608.676.676 0 0 1-.656.498c-.07 0-.137 0-.208-.037-.382-.105-.586-.498-.484-.89.067-.289.102-.54.102-.823 0-1.61-1.245-2.893-2.806-2.893a2.78 2.78 0 0 0-2.735 2.248c.345.142.66.284.97.498.346.215.417.681.209 1.001a.677.677 0 0 1-.971.215 3.2 3.2 0 0 0-1.144-.43c-.142-.036-.28-.036-.417-.036-1.56 0-2.806 1.284-2.806 2.893"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : e.match(/^o2/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-cloud-filled.js

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

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

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

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

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

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

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

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

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

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

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const n = (_param)=>{
     var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,8 +104,8 @@ const a = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M11.057 3.385c.82 0 4.91.193 6.087 3.924 1.414.112 4.697.85 4.697 5.213 0 4.992-4.31 5.247-5.174 5.247l-1.58.008v2.081c0 .415-.364.754-.798.754H9.7c-.438 0-.8-.34-.8-.762v-2.04l-2.515.018c-2.05 0-4.23-1.143-4.23-4.331 0-2.613 1.449-3.63 2.502-4.02.107-5.795 5.34-6.092 6.4-6.092m5.193 11.658a.34.34 0 0 0 .302-.201.36.36 0 0 0-.067-.367l-4.204-4.46a.37.37 0 0 0-.238-.1.31.31 0 0 0-.233.1L7.508 14.56a.32.32 0 0 0-.065.364.31.31 0 0 0 .294.204l1.869.009a.12.12 0 0 1 .123.117v2.529l-.008.01v1.963l4.543.008V15.17c.006-.075.056-.126.132-.126z"
         })
     }));
-}, p = a;
+}, p = n;

package/dist/generated/mistica-icons/icon-cloud-upload-light.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");
@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: t, size: o = 24 } = _param, a = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: a, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = 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"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "M11.063 3.385c.82 0 4.908.196 6.084 3.953 1.415.109 4.695.851 4.698 5.244 0 5.025-4.311 5.28-5.174 5.28l-2.098.008-.008 2.087a.64.64 0 0 1-.633.656h-3.875a.645.645 0 0 1-.633-.656v-2.053l-3.042.017c-2.04 0-4.227-1.152-4.227-4.362 0-2.63 1.454-3.653 2.507-4.053.11-5.824 5.34-6.121 6.401-6.121m5.608 13.625c1.02 0 4.35-.322 4.356-4.431 0-3.866-2.936-4.37-4.202-4.412a.404.404 0 0 1-.386-.314c-.888-3.44-4.63-3.62-5.37-3.62-1.309 0-5.586.393-5.586 5.469l.008.12a.43.43 0 0 1-.297.41c-1.465.425-2.213 1.548-2.213 3.33 0 3.168 2.384 3.51 3.404 3.51l3.042-.017v-1.524H7.75a.63.63 0 0 1-.583-.409.65.65 0 0 1 .132-.706l4.3-4.574a.6.6 0 0 1 .451-.196c.17 0 .336.067.46.196l4.201 4.487a.67.67 0 0 1 .124.706.63.63 0 0 1-.583.401h-1.67l-.008 1.583zm-2.93 2.751.017-4.521a.65.65 0 0 1 .633-.656h1.415l-3.76-4.011-3.857 4.104h1.423c.345 0 .633.291.633.655v4.43z"
         })
     }));
-}, d = i;
+}, v = s;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: a, size: o = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: a, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), t = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M11.079 3.39c.832 0 4.868.19 6.109 3.863 2.33.227 4.658 1.714 4.655 5.31 0 3.964-2.834 5.368-5.268 5.368l-1.855.008v1.83c0 .464-.37.845-.82.845h-3.796a.83.83 0 0 1-.82-.846v-1.804l-2.78.017c-2.103 0-4.344-1.174-4.344-4.462 0-2.583 1.384-3.647 2.456-4.087.185-5.75 5.407-6.042 6.463-6.042m5.498 13.297c.958 0 4.06-.3 4.062-4.123 0-3.591-2.74-4.056-3.916-4.09a.605.605 0 0 1-.563-.465c-.838-3.216-4.376-3.372-5.076-3.372-1.235 0-5.263.364-5.263 5.126l.008.1a.64.64 0 0 1-.442.617c-1.336.392-2.014 1.411-2.014 3.042 0 2.907 2.19 3.215 3.134 3.215l2.779-.016v-1.073H7.843a.82.82 0 0 1-.764-.516.88.88 0 0 1 .168-.921l4.221-4.465a.837.837 0 0 1 1.177 0l4.117 4.38c.224.242.297.606.168.922a.83.83 0 0 1-.756.516H14.73v1.131zm-3.064 2.683.011-4.204c.008-.473.378-.849.83-.849h.901l-3.199-3.406-3.305 3.49.91.009c.46 0 .83.383.83.848v4.112z"

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

@@ -96,7 +96,7 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,7 +104,7 @@ const c = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M15.688 19.736c1.684 1.35 3.566 2.109 5.213 2.109q.114 0 .224-.006a.9.9 0 0 0 .44-.143.59.59 0 0 0 .162-.849.66.66 0 0 0-.756-.224c-1.333.04-2.977-.63-4.462-1.823l-.067-.053a10.5 10.5 0 0 1-2.123-2.325c.215.188.43.353.652.482.885.52 1.765.787 2.544.787.437 0 .843-.084 1.201-.255.54-.258 1.205-.826 1.392-2.07.956-.866 1.06-1.712.967-2.28-.168-1.048-1.123-1.998-2.62-2.603-.845-.344-2.052-.423-3.234-.383.991-.62 1.93-1.35 2.406-2.096.854-1.319 1.056-2.621.557-3.568-.272-.516-.865-1.149-2.174-1.328-.91-.913-1.795-1.011-2.392-.921-1.098.16-2.092 1.072-2.728 2.498-.361.804-.443 1.955-.4 3.084-.65-.944-1.418-1.84-2.2-2.294-1.386-.812-2.75-1.008-3.745-.532-.54.258-1.204.826-1.392 2.07-.955.865-1.058 1.711-.966 2.28.168 1.048 1.126 1.994 2.619 2.6.714.29 1.692.394 2.695.394q.272-.001.543-.01c-.992.618-1.933 1.352-2.409 2.097-.854 1.32-1.056 2.622-.557 3.569.271.515.868 1.148 2.173 1.325.745.748 1.474.947 2.042.947.124 0 .244-.009.35-.026 1.101-.16 2.096-1.073 2.729-2.498.182-.404.291-.9.353-1.429a11.7 11.7 0 0 0 2.899 3.418"
         })
     }));

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: l, size: o = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: l, size: o = 24 } = _param, e = _object_without_properties(_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 t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.088 21.84c-1.63 0-3.501-.759-5.185-2.106l-.061-.056a11.7 11.7 0 0 1-3.26-4.15c-.026.824-.138 1.608-.404 2.198-.619 1.387-1.574 2.274-2.621 2.425-.101.014-.21.026-.325.026-.546 0-1.255-.2-1.983-.955-1.294-.154-1.874-.76-2.132-1.25-.476-.9-.272-2.155.56-3.44.589-.914 1.871-1.807 3.095-2.498-.448.036-.91.058-1.37.058-.994 0-1.963-.1-2.669-.392-1.459-.588-2.389-1.498-2.548-2.495-.087-.543.016-1.355.977-2.195.163-1.232.798-1.784 1.314-2.03.944-.454 2.263-.258 3.613.534.958.558 1.896 1.779 2.622 2.94-.118-1.346-.093-2.858.35-3.841.619-1.39 1.574-2.274 2.621-2.428.569-.087 1.42.014 2.306.93 1.294.156 1.873.761 2.131 1.251.476.902.272 2.157-.56 3.442-.585.913-1.871 1.806-3.092 2.498 1.417-.11 3.005-.087 4.039.333 1.456.59 2.386 1.5 2.546 2.498.087.543-.017 1.355-.978 2.195-.162 1.232-.798 1.784-1.314 2.03-.336.16-.717.238-1.131.238-.754 0-1.613-.26-2.485-.773-.655-.38-1.296-1.072-1.87-1.842a10.84 10.84 0 0 0 3.123 4.058l.07.056c1.574 1.262 3.302 1.957 4.75 1.91.235-.018.426-.029.549.145a.4.4 0 0 1-.12.574.7.7 0 0 1-.337.106 6 6 0 0 1-.22.006M13.814 3.003c-.731.106-1.46.829-1.952 1.932-.642 1.428-.233 4.458.042 5.701 1.227-.504 4.058-1.94 4.907-3.262.661-1.022.857-2.005.527-2.635-.247-.47-.788-.745-1.605-.815l-.177-.017-.115-.129c-.47-.523-.952-.79-1.434-.79q-.096-.001-.193.015m-8.744 7.93c1.495.61 4.68.224 5.988-.045-.53-1.165-2.04-3.861-3.428-4.67-.729-.426-1.44-.65-2.028-.65-.278 0-.53.05-.74.15-.493.236-.781.751-.854 1.53l-.017.168-.134.11c-.625.506-.9 1.027-.815 1.548.109.697.868 1.391 2.028 1.859m6.299 6.469c.641-1.426.235-4.456-.045-5.699-1.224.504-4.059 1.94-4.907 3.262-.658 1.023-.855 2.005-.524 2.635.246.47.787.745 1.605.815l.176.014.115.13c.532.596 1.079.853 1.628.775.73-.11 1.459-.83 1.952-1.932m6.792-5.999c-1.496-.613-4.678-.224-5.988.04.03.066.072.153.111.234l.012.023.006.009c.607 1.268 1.997 3.654 3.296 4.407 1.073.63 2.106.818 2.768.502.495-.236.784-.75.857-1.53l.016-.167.138-.11c.622-.506.896-1.027.812-1.548-.112-.695-.871-1.39-2.028-1.86"
         })
     }));

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const n = (_param)=>{
     var { color: c, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -108,4 +108,4 @@ const a = (_param)=>{
             d: "M20.902 21.843c-1.648 0-3.53-.76-5.213-2.11l-.065-.056a11.7 11.7 0 0 1-2.899-3.417c-.062.53-.17 1.025-.353 1.428-.633 1.426-1.63 2.337-2.728 2.5q-.163.024-.35.024c-.569 0-1.297-.199-2.042-.947-1.306-.176-1.902-.809-2.174-1.324-.499-.947-.297-2.25.557-3.569.477-.745 1.418-1.476 2.41-2.098q-.275.01-.544.011c-1.003 0-1.98-.104-2.695-.395-1.493-.605-2.45-1.554-2.619-2.602-.092-.569.009-1.412.967-2.28.187-1.244.851-1.81 1.392-2.07.994-.476 2.358-.28 3.745.532.784.454 1.546 1.35 2.199 2.294-.042-1.129.039-2.28.4-3.084.636-1.426 1.63-2.336 2.728-2.499.597-.09 1.485.009 2.393.925 1.308.18 1.902.812 2.173 1.328.499.946.294 2.249-.56 3.568-.476.745-1.414 1.476-2.406 2.095 1.182-.039 2.39.04 3.235.384 1.499.605 2.454 1.555 2.622 2.603.093.568-.011 1.411-.966 2.28-.188 1.243-.852 1.812-1.392 2.07-.359.17-.765.255-1.202.255-.779 0-1.658-.267-2.543-.788a4.3 4.3 0 0 1-.653-.481 10.5 10.5 0 0 0 2.123 2.324l.07.054c1.485 1.193 3.129 1.863 4.462 1.823a.67.67 0 0 1 .757.224l.01.017.012.017a.59.59 0 0 1-.185.815.9.9 0 0 1-.443.143 6 6 0 0 1-.224.006m-7.09-18.457c-.63.095-1.3.773-1.745 1.773-.56 1.25-.25 3.908.005 5.213 1.266-.557 3.72-1.854 4.46-3.011.6-.927.792-1.84.507-2.387-.208-.392-.678-.624-1.4-.686l-.261-.022-.168-.188q-.629-.703-1.244-.703-.077.001-.154.011m-8.504 7.38c1.31.536 4.1.242 5.465-.002-.583-1.207-1.944-3.546-3.157-4.252-.675-.398-1.342-.608-1.88-.608-.235 0-.448.042-.622.126-.411.196-.655.644-.72 1.334l-.022.246-.199.163c-.549.448-.793.896-.723 1.33.099.602.81 1.241 1.858 1.664m5.885 6.446c.563-1.249.252-3.91-.006-5.213-1.266.558-3.72 1.855-4.462 3.012-.6.924-.793 1.837-.507 2.383.207.395.678.625 1.4.687l.261.022.168.188c.47.526.947.756 1.4.692.63-.093 1.3-.77 1.746-1.77m6.759-5.61c-1.308-.535-4.098-.238-5.47 0 .582 1.21 1.943 3.549 3.156 4.255.972.574 1.933.756 2.502.484.414-.199.655-.647.72-1.333l.025-.25.198-.16c.552-.447.796-.896.726-1.333-.095-.602-.81-1.24-1.857-1.663"
         })
     }));
-}, f = a;
+}, f = n;