@telefonica/mistica 15.20.1 → 16.1.0

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

@@ -93,50 +93,50 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const d = (_param)=>{
-    var { color: n, size: t = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: n, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), o = n !== null && n !== void 0 ? n : c ? _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({
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = n !== null && n !== void 0 ? n : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M12 1.375c.345 0 .625.28.625.625v10a.625.625 0 1 1-1.25 0V2c0-.345.28-.625.625-.625M6.072 6.198a.625.625 0 0 1 0 .884 8.375 8.375 0 1 0 11.846 0 .625.625 0 1 1 .884-.884 9.625 9.625 0 1 1-13.614 0 .625.625 0 0 1 .884 0"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M11.215 12.668c0 .416.35.761.777.761a.773.773 0 0 0 .776-.761V2.762A.773.773 0 0 0 11.992 2a.773.773 0 0 0-.777.762z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M2.47 12.668C2.47 17.81 6.749 22 11.992 22c5.247 0 9.522-4.193 9.526-9.332 0-4.037-2.645-7.621-6.57-8.876-.388-.116-.857.112-.973.493-.115.38.116.842.504.954 3.268 1.066 5.482 4.037 5.482 7.429 0 4.305-3.575 7.809-7.97 7.809-4.393 0-7.968-3.504-7.968-7.81 0-3.391 2.218-6.366 5.486-7.428.426-.116.618-.573.503-.954-.115-.417-.584-.605-.972-.493-3.93 1.255-6.57 4.835-6.57 8.876"
             })
         ]
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M11.215 12.668c0 .416.35.761.777.761a.773.773 0 0 0 .776-.761V2.762A.773.773 0 0 0 11.992 2a.773.773 0 0 0-.777.762z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M2.47 12.668C2.47 17.81 6.749 22 11.992 22c5.247 0 9.522-4.193 9.526-9.332 0-4.037-2.645-7.621-6.57-8.876-.388-.116-.857.112-.973.493-.115.38.116.842.504.954 3.268 1.066 5.482 4.037 5.482 7.429 0 4.305-3.575 7.809-7.97 7.809-4.393 0-7.968-3.504-7.968-7.81 0-3.391 2.218-6.366 5.486-7.428.426-.116.618-.573.503-.954-.115-.417-.584-.605-.972-.493-3.93 1.255-6.57 4.835-6.57 8.876"
             })
         ]
@@ -145,18 +145,18 @@ const d = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M12.077 18.097c-1.919 0-3.417-.507-4.454-1.507-1.075-1.037-1.622-2.577-1.622-4.572 0-1.658.379-3.005 1.126-4.008.737-.989 1.821-1.633 3.219-1.91a.559.559 0 1 1 .219 1.098c-2.32.462-3.446 2.039-3.446 4.82 0 1.681.431 2.947 1.28 3.765.82.79 2.059 1.19 3.678 1.19 1.62 0 2.857-.4 3.678-1.193.849-.818 1.28-2.084 1.28-3.764 0-2.821-1.16-4.404-3.543-4.84a.56.56 0 1 1 .201-1.104c1.435.263 2.544.899 3.303 1.89.77 1.009 1.16 2.37 1.16 4.05 0 1.995-.547 3.536-1.625 4.572-1.037 1.006-2.535 1.513-4.454 1.513"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M11.489 8.985c0 .308.252.56.56.56s.56-.252.56-.56V4.887a.56.56 0 0 0-.56-.56.56.56 0 0 0-.56.56z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M4.763 19.425c1.673 1.61 4.107 2.428 7.236 2.428s5.563-.815 7.238-2.426c1.736-1.672 2.616-4.17 2.616-7.423 0-3.255-.88-5.75-2.616-7.425-1.675-1.611-4.11-2.429-7.238-2.429-3.13 0-5.563.818-7.236 2.426C3.03 6.25 2.15 8.749 2.15 12.002c0 3.255.88 5.75 2.613 7.422m-1.523-7.42c0-5.816 2.946-8.765 8.759-8.765 5.815 0 8.762 2.95 8.764 8.764 0 5.813-2.95 8.76-8.764 8.76s-8.76-2.947-8.76-8.76"
             })
         ]

package/dist/generated/mistica-icons/icon-pre-order-filled.js

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

package/dist/generated/mistica-icons/icon-pre-order-light.js

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

package/dist/generated/mistica-icons/icon-pre-order-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), c = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = 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.jsxs)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -139,4 +139,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, u = v;
+}, M = v;

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

@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: i, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), h = i !== null && i !== void 0 ? i : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: r,
             d: "M5.509 5.387H18.49C18.4 3.504 16.906 1.995 15.08 2H8.921C7.094 2 5.6 3.504 5.509 5.387M15.079 22H8.921c-1.827 0-3.32-1.509-3.412-3.387H18.49C18.4 20.496 16.906 22 15.08 22M18.5 6.457v11.081h-13V6.458zm-4.275 8.398H11.4q.087-.255.088-.535v-1.61h1.541a.52.52 0 0 0 .513-.534.52.52 0 0 0-.513-.535h-1.541v-1.426c0-.59.46-1.07 1.024-1.07.237 0 .46.082.644.238a.5.5 0 0 0 .723-.078.553.553 0 0 0-.074-.754 2 2 0 0 0-1.293-.476c-1.13 0-2.054.96-2.054 2.144v1.427h-.17a.52.52 0 0 0-.513.535c0 .297.228.534.512.534h.171v1.61a.516.516 0 0 1-.512.534.52.52 0 0 0-.513.535c0 .297.228.535.513.535h4.28a.53.53 0 0 0 .511-.54.52.52 0 0 0-.512-.534"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: r,
             d: "M5.509 5.387H18.49C18.4 3.504 16.906 1.995 15.08 2H8.921C7.094 2 5.6 3.504 5.509 5.387M15.079 22H8.921c-1.827 0-3.32-1.509-3.412-3.387H18.49C18.4 20.496 16.906 22 15.08 22M18.5 6.457v11.081h-13V6.458zm-4.275 8.398H11.4q.087-.255.088-.535v-1.61h1.541a.52.52 0 0 0 .513-.534.52.52 0 0 0-.513-.535h-1.541v-1.426c0-.59.46-1.07 1.024-1.07.237 0 .46.082.644.238a.5.5 0 0 0 .723-.078.553.553 0 0 0-.074-.754 2 2 0 0 0-1.293-.476c-1.13 0-2.054.96-2.054 2.144v1.427h-.17a.52.52 0 0 0-.513.535c0 .297.228.534.512.534h.171v1.61a.516.516 0 0 1-.512.534.52.52 0 0 0-.513.535c0 .297.228.535.513.535h4.28a.53.53 0 0 0 .511-.54.52.52 0 0 0-.512-.534"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -123,14 +123,14 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: r,
                 d: "M8.53 8.22v1.453c1.25.188 1.518.916 1.516 1.502 0 .479-.177.885-.507 1.17-.255.222-.6.365-1.009.42v.328a.35.35 0 0 1-.7 0v-.319a2.9 2.9 0 0 1-1.32-.493.43.43 0 0 1-.196-.364.415.415 0 0 1 .418-.41c.095.004.187.032.266.085.274.185.555.303.832.358v-1.537c-1.146-.21-1.395-.905-1.395-1.465 0-.852.538-1.435 1.395-1.552v-.311a.35.35 0 0 1 .7 0v.31c.373.046.717.16.995.331.204.126.235.292.235.379a.403.403 0 0 1-.404.403.54.54 0 0 1-.235-.065l-.005-.002q-.278-.153-.586-.222m-1.269.691c0 .163 0 .474.569.642v-1.34c-.362.09-.569.337-.569.698m1.27 3.04c.433-.093.688-.362.688-.746 0-.277-.09-.546-.689-.683z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: r,
                 d: "M17.463 2.155c1.11 0 1.919.269 2.473.826.552.555.818 1.362.818 2.462v13.11c0 1.114-.269 1.927-.826 2.479-.552.546-1.359.812-2.465.812h-6.555c-1.106 0-1.913-.266-2.465-.812-.554-.552-.826-1.364-.826-2.48V14.99c-1.289-.09-2.314-.493-3.05-1.202-.874-.843-1.317-2.09-1.317-3.709s.443-2.865 1.317-3.708c.736-.712 1.764-1.112 3.056-1.202.042-.947.31-1.658.817-2.17.563-.567 1.37-.844 2.468-.844zM8.18 13.892c1.255 0 2.21-.306 2.835-.908.647-.622.974-1.6.974-2.902s-.327-2.28-.974-2.902c-.625-.602-1.58-.907-2.835-.907s-2.21.305-2.835.907c-.647.622-.975 1.6-.975 2.902s.328 2.28.975 2.902c.625.602 1.58.908 2.835.908m6.83 5.316q.285-.3.293-.81c0-.697-.414-1.114-1.112-1.114-.697 0-1.112.417-1.112 1.115 0 .339.093.61.289.81.196.198.479.305.82.305.342 0 .625-.107.821-.306"
             })
         ]

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

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: r, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : v ? _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 o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = i !== null && i !== void 0 ? i : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const l = (_param)=>{
             fill: e,
             d: "M15.08 2H8.92C7.034 2 5.5 3.6 5.5 5.571V18.43C5.5 20.399 7.033 22 8.92 22h6.16c1.887 0 3.42-1.6 3.42-3.571V5.576C18.5 3.605 16.967 2 15.08 2M6.866 17.363V6.646h10.266v10.717zm8.212-13.932c1.016 0 1.857.773 2.024 1.788H6.897c.167-1.015 1.008-1.788 2.024-1.788zm0 17.147H8.921c-1.016 0-1.857-.773-2.024-1.788h10.206c-.167 1.015-1.008 1.788-2.024 1.788m-.854-4.646a.52.52 0 0 0 .513-.535.53.53 0 0 0-.513-.54H11.4q.087-.253.088-.534v-1.61h1.541a.52.52 0 0 0 .513-.535.52.52 0 0 0-.513-.535h-1.541v-1.426c0-.59.46-1.07 1.024-1.07.237 0 .46.082.644.238a.5.5 0 0 0 .723-.078.553.553 0 0 0-.074-.755 2 2 0 0 0-1.293-.475c-1.134 0-2.054.965-2.054 2.144v1.427h-.17a.52.52 0 0 0-.513.535c0 .297.228.535.512.535h.171v1.61a.516.516 0 0 1-.512.534.52.52 0 0 0-.513.535c0 .298.228.535.513.535z"
         })
-    })) : t.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: c,
         height: c,
         viewBox: "0 0 24 24",

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

@@ -97,7 +97,7 @@ const v = (_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: a } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
     return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -105,7 +105,7 @@ const v = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: h,
             d: "M15.08 2H8.92C7.034 2 5.5 3.6 5.5 5.571V18.43C5.5 20.399 7.033 22 8.92 22h6.16c1.887 0 3.42-1.6 3.42-3.571V5.576C18.5 3.605 16.967 2 15.08 2M6.866 17.363V6.646h10.266v10.717zm8.212-13.932c1.016 0 1.857.773 2.024 1.788H6.897c.167-1.015 1.008-1.788 2.024-1.788zm0 17.147H8.921c-1.016 0-1.857-.773-2.024-1.788h10.206c-.167 1.015-1.008 1.788-2.024 1.788m-.854-4.646a.52.52 0 0 0 .513-.535.53.53 0 0 0-.513-.54H11.4q.087-.253.088-.534v-1.61h1.541a.52.52 0 0 0 .513-.535.52.52 0 0 0-.513-.535h-1.541v-1.426c0-.59.46-1.07 1.024-1.07.237 0 .46.082.644.238a.5.5 0 0 0 .723-.078.553.553 0 0 0-.074-.755 2 2 0 0 0-1.293-.475c-1.134 0-2.054.965-2.054 2.144v1.427h-.17a.52.52 0 0 0-.513.535c0 .297.228.535.512.535h.171v1.61a.516.516 0 0 1-.512.534.52.52 0 0 0-.513.535c0 .298.228.535.513.535z"
         })
     })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const v = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: h,
             d: "M15.08 2H8.92C7.034 2 5.5 3.6 5.5 5.571V18.43C5.5 20.399 7.033 22 8.92 22h6.16c1.887 0 3.42-1.6 3.42-3.571V5.576C18.5 3.605 16.967 2 15.08 2M6.866 17.363V6.646h10.266v10.717zm8.212-13.932c1.016 0 1.857.773 2.024 1.788H6.897c.167-1.015 1.008-1.788 2.024-1.788zm0 17.147H8.921c-1.016 0-1.857-.773-2.024-1.788h10.206c-.167 1.015-1.008 1.788-2.024 1.788m-.854-4.646a.52.52 0 0 0 .513-.535.53.53 0 0 0-.513-.54H11.4q.087-.253.088-.534v-1.61h1.541a.52.52 0 0 0 .513-.535.52.52 0 0 0-.513-.535h-1.541v-1.426c0-.59.46-1.07 1.024-1.07.237 0 .46.082.644.238a.5.5 0 0 0 .723-.078.553.553 0 0 0-.074-.755 2 2 0 0 0-1.293-.475c-1.134 0-2.054.965-2.054 2.144v1.427h-.17a.52.52 0 0 0-.513.535c0 .297.228.535.512.535h.171v1.61a.516.516 0 0 1-.512.534.52.52 0 0 0-.513.535c0 .298.228.535.513.535z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -126,11 +126,11 @@ const v = (_param)=>{
     }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: h,
                 d: "M14.186 19.514c-.342 0-.628-.107-.821-.306q-.29-.3-.289-.81c0-.697.415-1.114 1.112-1.114s1.112.417 1.112 1.115q-.002.513-.288.81c-.19.195-.482.305-.826.305M7.83 13.093a.35.35 0 0 0 .7 0v-.328c.41-.056.754-.198 1.011-.42.33-.288.507-.691.507-1.17 0-.587-.267-1.315-1.518-1.504V8.218c.196.041.389.114.588.223l.006.003q.107.059.235.064c.224 0 .404-.18.404-.403 0-.087-.031-.252-.236-.379a2.5 2.5 0 0 0-.997-.33v-.311a.35.35 0 0 0-.7 0v.311c-.857.12-1.395.703-1.395 1.552 0 .56.248 1.254 1.395 1.464v1.538a2.3 2.3 0 0 1-.832-.358.5.5 0 0 0-.266-.084.41.41 0 0 0-.418.409q0 .226.197.364c.394.272.847.44 1.319.492zm0-3.541c-.566-.168-.566-.479-.566-.64 0-.36.206-.606.566-.695zm.7.967c.6.137.69.407.69.684 0 .385-.257.654-.69.746z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: h,
                 d: "M8.443 21.035c.552.546 1.359.812 2.465.812h6.555c1.106 0 1.913-.266 2.465-.812.555-.552.826-1.365.826-2.48V5.447c0-1.103-.266-1.907-.82-2.465-.555-.557-1.362-.826-2.471-.826h-6.555c-1.098 0-1.904.277-2.468.843-.506.514-.774 1.225-.817 2.173-1.293.088-2.32.492-3.056 1.203-.874.843-1.317 2.09-1.317 3.708 0 1.62.443 2.866 1.317 3.709.736.71 1.76 1.113 3.05 1.202v3.563c0 1.114.269 1.927.826 2.479m.294-6.041c1.293-.089 2.32-.493 3.056-1.203.874-.843 1.317-2.09 1.317-3.709s-.443-2.865-1.317-3.708c-.735-.71-1.76-1.113-3.048-1.203.074-1.34.718-1.896 2.163-1.896h6.555c.795 0 1.347.163 1.678.496.33.334.493.883.493 1.675v13.11c0 1.582-.588 2.17-2.171 2.17h-6.555c-1.582 0-2.17-.588-2.17-2.17zM5.345 7.18c.625-.602 1.577-.907 2.835-.907s2.21.305 2.835.907c.647.622.974 1.6.974 2.902s-.327 2.28-.974 2.902c-.625.602-1.58.908-2.835.908s-2.21-.306-2.835-.908c-.647-.622-.975-1.6-.975-2.902s.328-2.28.975-2.902"
             })
         ]

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
+const i = (_param)=>{
     var { color: o, size: l = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : e ? _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: l,
         height: l,
@@ -108,4 +108,4 @@ const s = (_param)=>{
             d: "M20.74 6.152c.18.16.277.378.286.602l-.009.689c0 .395-.294.714-.759.865l.007.037c.007.04.015.086.015.129l-.008 8.384c0 .644-.594 1.176-1.33 1.176l-6.379-.008v1.403c.415.168.737.546.737 1.157 0 .849-.63 1.244-1.255 1.258h-.098c-.616-.009-1.25-.401-1.25-1.267 0-.619.323-.988.74-1.157v-1.394H5.098c-.52.02-.834-.177-1.016-.342a1.1 1.1 0 0 1-.362-.82V8.476q.001-.057.01-.114l.004-.038a1.3 1.3 0 0 1-.482-.263.83.83 0 0 1-.277-.61v-.69c0-.56.594-.966 1.406-.966H7.02l3.725-1.992a1.5 1.5 0 0 1-.053-.386c0-.857.63-1.25 1.255-1.258v.008h.098c.616.006 1.25.407 1.25 1.258q0 .197-.045.35l3.479 2.025h2.834c.505-.02.92.11 1.177.35m-9.067-2.734c0 .16.022.32.294.32.353-.01.353-.189.353-.312 0-.118 0-.314-.3-.32l-.062-.002c-.263.008-.285.151-.285.314m-.13 1.199L9.346 5.793l5.193.008L12.493 4.6a1.3 1.3 0 0 1-.45.081h-.085c-.134 0-.277-.022-.414-.064m8.354 2.297a1.2 1.2 0 0 0-.317-.023L4.384 6.883a.8.8 0 0 0-.28.045v.364c.062.014.165.028.308.022h.518q.036 0 .067-.004l.054-.004 13.848.008a.3.3 0 0 1 .092.002l.051.004h.566a.8.8 0 0 0 .28-.042zM12.32 20.589c0-.118 0-.314-.3-.32h-.059c-.263 0-.286.152-.286.311-.002.126-.002.314.292.32.353-.009.353-.188.353-.311m-3.832-5.656 1.165-1.767 2.527.946a.45.45 0 0 0 .473-.123l1.826-2.224.045.289c.03.196.21.341.406.341l.034-.004.034-.004a.413.413 0 0 0 .347-.46l-.18-1.162a.41.41 0 0 0-.414-.333h-1.333a.407.407 0 0 0-.415.392c0 .224.188.398.415.398h.442l-1.664 2.03L9.64 12.3a.41.41 0 0 0-.496.154l-1.196 1.818v-3.79a.4.4 0 0 0-.412-.398h-.002a.4.4 0 0 0-.415.387v4.86c0 .218.18.4.415.4h7.89a.41.41 0 0 0 .415-.4.404.404 0 0 0-.412-.398z"
         })
     }));
-}, m = s;
+}, m = i;

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: l, size: c = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), h = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = 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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: e,
             d: "M20.802 6.202a.69.69 0 0 1 .222.484v.692c0 .367-.331.647-.821.75a1 1 0 0 1 .062.295v8.479c0 .557-.521 1.005-1.169 1.005H12.39v1.664c.463.127.83.485.83 1.104 0 .787-.591 1.154-1.166 1.162h-.1c-.578-.008-1.168-.366-1.168-1.162 0-.639.383-1 .837-1.118V17.91l-6.667-.008c-.445.03-.745-.146-.899-.286a.97.97 0 0 1-.316-.706V8.43c0-.104.03-.208.061-.295-.246-.05-.453-.131-.59-.263a.7.7 0 0 1-.233-.484l.008-.692c0-.463.524-.793 1.247-.793h2.742l3.91-2.081a1.3 1.3 0 0 1-.1-.507c0-.796.59-1.154 1.176-1.163h.092c.577.017 1.166.384 1.166 1.168 0 .177-.031.34-.093.48l3.65 2.103h2.958c.468-.017.835.092 1.067.3M11.55 3.31c0 .12 0 .426.423.434.476-.006.476-.314.476-.426 0-.117 0-.425-.423-.434.003-.003-.067-.003-.067-.003-.409 0-.409.308-.409.429m-.106 1.05L8.556 5.9h6.737l-2.698-1.552a1.4 1.4 0 0 1-.546.132h-.084a1.4 1.4 0 0 1-.521-.118m8.826 2.95s.07-.011.07-.286c0-.26-.092-.333-.092-.333-.042-.034-.138-.056-.451-.056H4.126c-.212-.002-.274-.003-.374.092-.003 0-.067.07-.065.328.003.24.115.308.115.308l.007.005c.057.042.097.07.4.07h15.57c.292-.002.469-.092.491-.128m-.776 9.588V8.431a.23.23 0 0 0-.07-.176c-.053-.05-.151-.065-.269-.081H4.83c-.176.03-.322.131-.322.257v8.48c0 .064.023.125.079.167.07.065.193.087.353.087l14.16.009c.204 0 .394-.126.394-.275m-3.602-1.543a.38.38 0 0 0-.384-.367h-7.16l1.258-1.869 2.605.97c.154.056.33.01.437-.118l1.927-2.317.06.381c.024.177.193.309.377.309h.054c.215-.037.36-.222.322-.418l-.185-1.185a.38.38 0 0 0-.378-.308h-1.367a.37.37 0 0 0-.384.367v.008c.006.205.18.365.384.36h.53l-1.768 2.13-2.636-.977a.38.38 0 0 0-.462.149l-1.297 1.935v-3.955a.377.377 0 0 0-.384-.367.38.38 0 0 0-.384.367v4.905c.006.207.177.37.384.367h8.067a.375.375 0 0 0 .384-.367m-3.443 5.316c0-.117 0-.42-.423-.425h-.07c-.409 0-.409.308-.409.425 0 .11 0 .426.415.426.487-.006.487-.308.487-.426"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-price-drop-filled.js

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

package/dist/generated/mistica-icons/icon-price-drop-light.js

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

package/dist/generated/mistica-icons/icon-price-drop-regular.js

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

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

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

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

@@ -93,34 +93,34 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: i, size: h = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: i, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
     return v.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "M19.856 5.705c1.18 0 2.144 1 2.144 2.223v9.629h-4.64V22H6.644v-4.443H2V7.928c0-1.224.964-2.223 2.144-2.223h2.5V2h10.712v3.705zM15.928 3.48H8.072v2.224h7.856zm0 17.042v-7.41H8.072v7.41zm1.428-4.447h3.22V7.928a.73.73 0 0 0-.716-.742H4.144c-.396 0-.716.336-.716.742v8.148h3.216v-4.443h10.712z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "M22 14.483c0 .403-.314.73-.701.73a.716.716 0 0 1-.702-.73c0-.402.314-.729.701-.729.388 0 .702.327.702.73"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "M21.335 16.383h-4.57V12H6.919v4.383H2.702V7.98c0-.62.457-1.096 1.054-1.096h16.167c.598 0 1.055.475 1.055 1.096v4.384c0 .22.14.366.352.366.213 0 .353-.146.353-.366V7.979c0-1.025-.773-1.825-1.756-1.825h-3.162V2.5H6.919v3.654H3.756C2.774 6.154 2 6.958 2 7.98v9.134h4.923V21.5h9.842v-4.383h4.57c.212 0 .352-.146.352-.367a.36.36 0 0 0-.353-.367M7.624 3.23h8.438v2.925H7.624zm0 17.542v-8.042h8.438v8.042z"
             })
         ]

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

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

package/dist/generated/mistica-icons/icon-process-loading-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), m = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), m = c !== null && c !== void 0 ? c : 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({
         width: a,
         height: a,
@@ -129,4 +129,4 @@ const n = (_param)=>{
             d: "M2.155 12.001c0-6.443 3.403-9.846 9.84-9.846 6.443 0 9.846 3.403 9.846 9.846 0 6.437-3.406 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84m10.49-4.174V4.802a.604.604 0 1 0-1.21 0v3.025a.604.604 0 1 0 1.21 0m3.527 4.818h3.022a.604.604 0 1 0 0-1.21h-3.022a.604.604 0 1 0 0 1.21m.46 4.902a.6.6 0 0 0 .85-.003.604.604 0 0 0 0-.857l-2.136-2.137a.605.605 0 0 0-.855.854zM11.955 19.8a.604.604 0 0 0 .605-.605V16.17a.604.604 0 1 0-1.21 0v3.025c0 .336.269.605.605.605m-2.512-4.453a.6.6 0 0 0 0-.83.606.606 0 0 0-.855-.022L6.452 16.63a.605.605 0 0 0 .854.854zM4.802 11.35a.606.606 0 0 0 0 1.21h3.025a.604.604 0 1 0 0-1.21zm9.75-2.7a.61.61 0 0 0-.002.854.605.605 0 0 0 .854 0l2.14-2.137a.605.605 0 0 0-.854-.854z"
         })
     }));
-}, p = n;
+}, f = n;

package/dist/generated/mistica-icons/icon-process-loading-light.js

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

package/dist/generated/mistica-icons/icon-process-loading-regular.js

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

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

@@ -96,7 +96,7 @@ const n = (_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)(), i = 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: o,
         height: o,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M16.177 21.43H3.61c-.801 0-1.454-.669-1.454-1.49v-2.846a.65.65 0 0 1 .207-.476.6.6 0 0 1 .485-.154c.12.014.224.023.297.025h.036c.053 0 .112 0 .163-.005.179-.003.495-.017.857-.14.991-.317 1.49-1.098 1.49-2.33 0-1.236-.496-2.02-1.479-2.328-.387-.138-.728-.152-.84-.157h-.266c-.056.002-.152.005-.267.02a.6.6 0 0 1-.478-.158.64.64 0 0 1-.205-.473v-2.54c0-.824.653-1.49 1.454-1.49h2.655q-.03-.286-.03-.59c0-2.719 1.803-3.71 3.49-3.733h.291c1.714.048 3.532 1.056 3.532 3.75q0 .295-.03.57h2.663c.799 0 1.446.669 1.446 1.49v1.907a3 3 0 0 1 .403-.022h.3c1.697.05 3.512 1.061 3.512 3.75 0 2.72-1.893 3.712-3.512 3.734a3.3 3.3 0 0 1-.703-.022v2.216c0 .823-.65 1.493-1.449 1.493"
         })
     }));

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), h = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = 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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
             d: "M3.44 21.43h12.829c.697 0 1.266-.586 1.266-1.311v-2.513q.317.055.638.064c.115 0 .227 0 .286-.008 1.558-.022 3.378-.98 3.378-3.602 0-2.597-1.748-3.572-3.38-3.62h-.3c-.135 0-.356.012-.622.057V8.3c0-.723-.569-1.309-1.266-1.309H13.31q.06-.378.061-.798c0-2.6-1.748-3.574-3.392-3.619h-.294c-1.622.02-3.356.98-3.356 3.6q.001.41.065.817H3.442c-.703 0-1.274.589-1.274 1.309v2.596c0 .123.05.238.14.322.087.082.204.12.325.11.123-.012.227-.017.294-.02h.277c.137.006.504.022.913.168 1.101.347 1.659 1.216 1.659 2.585 0 1.365-.558 2.236-1.664 2.589a3 3 0 0 1-.92.151c-.072.008-.156.008-.229.008a3 3 0 0 1-.325-.025.42.42 0 0 0-.33.107.44.44 0 0 0-.143.322v2.907c0 .72.571 1.308 1.274 1.308m-.432-1.309v-2.448q.114.004.224-.008a3.6 3.6 0 0 0 1.135-.188c.843-.269 2.252-1.067 2.252-3.412 0-2.347-1.412-3.143-2.238-3.406a4 4 0 0 0-1.154-.21h-.219V8.306a.44.44 0 0 1 .431-.442h3.485a.42.42 0 0 0 .339-.177.44.44 0 0 0 .062-.386 3.9 3.9 0 0 1-.154-1.118c0-2.44 1.764-2.726 2.518-2.737h.277c.77.02 2.563.33 2.563 2.754 0 .406-.05.764-.154 1.1a.44.44 0 0 0 .062.387.42.42 0 0 0 .339.177h3.493a.434.434 0 0 1 .423.442v2.745a.43.43 0 0 0 .17.35c.11.082.25.107.379.065a3 3 0 0 1 .916-.151h.282c.776.025 2.558.341 2.558 2.753 0 2.507-1.953 2.728-2.586 2.74-.07.005-.156.005-.224.005a3.2 3.2 0 0 1-.94-.165.4.4 0 0 0-.382.056.43.43 0 0 0-.176.35v3.067a.434.434 0 0 1-.423.443H3.439a.44.44 0 0 1-.431-.443"
         })
     }));
-}, m = i;
+}, m = s;

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

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

package/dist/generated/mistica-icons/icon-qr-code-filled.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = l !== null && l !== void 0 ? l : t ? _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: a,
         height: a,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M4.4 3A1.4 1.4 0 0 0 3 4.4v2.53a1.4 1.4 0 0 0 1.4 1.4h2.53a1.4 1.4 0 0 0 1.4-1.4V4.4A1.4 1.4 0 0 0 6.93 3zM12.174 4.112a.666.666 0 1 0-.991-.892l-.015.017a.666.666 0 1 0 .991.892zM12.174 8.11a.666.666 0 1 0-.991-.892l-.015.016a.666.666 0 1 0 .991.892zM12.174 12.11a.667.667 0 0 0-.99-.892l-.015.016a.666.666 0 1 0 .99.893zM20.172 12.11a.666.666 0 0 0-.99-.892l-.015.016a.666.666 0 1 0 .99.893zM3.666 10.998a.666.666 0 0 0 0 1.333h4a.666.666 0 0 0 0-1.333zM16.33 11.664a.666.666 0 1 0-1.333 0v4a.666.666 0 1 0 1.333 0zM12.174 16.11a.667.667 0 0 0-.99-.892l-.015.016a.666.666 0 0 0 .99.892zM20.172 16.11a.666.666 0 0 0-.99-.893l-.015.017a.667.667 0 0 0 .99.892zM20.172 20.107a.666.666 0 1 0-.99-.892l-.015.016a.666.666 0 0 0 .99.892zM11.664 18.994a.666.666 0 1 0 0 1.333h3.999a.666.666 0 1 0 0-1.333zM3 16.4A1.4 1.4 0 0 1 4.4 15h2.53a1.4 1.4 0 0 1 1.4 1.4v2.53a1.4 1.4 0 0 1-1.4 1.4H4.4a1.4 1.4 0 0 1-1.4-1.4zM16.4 3A1.4 1.4 0 0 0 15 4.4v2.53a1.4 1.4 0 0 0 1.4 1.4h2.53a1.4 1.4 0 0 0 1.4-1.4V4.4a1.4 1.4 0 0 0-1.4-1.4z"
         })
     }));