@telefonica/mistica 15.20.1 → 16.0.0

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"
         })
     }));

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

@@ -96,7 +96,7 @@ const v = (_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 v = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M12.389 4.339a.507.507 0 0 0-.753-.678l-.015.016a.507.507 0 0 0 .753.678zM11.621 7.675l.015-.017a.506.506 0 0 1 .753.678l-.015.016a.506.506 0 1 1-.753-.677M11.636 11.659l-.015.016a.506.506 0 1 0 .753.678l.015-.016a.506.506 0 1 0-.753-.678M11.636 15.658l-.015.016a.506.506 0 1 0 .753.678l.015-.016a.506.506 0 1 0-.753-.678M3.494 4.8c0-.722.585-1.307 1.306-1.307h2.4c.721 0 1.306.585 1.306 1.307v2.399c0 .721-.585 1.306-1.306 1.306H4.8A1.306 1.306 0 0 1 3.494 7.2zM4.8 4.506a.293.293 0 0 0-.293.294v2.399c0 .162.131.293.293.293h2.4a.293.293 0 0 0 .293-.293v-2.4a.293.293 0 0 0-.293-.293zM15.49 4.8c0-.722.585-1.307 1.307-1.307h2.4c.72 0 1.306.585 1.306 1.307v2.399c0 .721-.585 1.306-1.307 1.306h-2.4A1.306 1.306 0 0 1 15.492 7.2zm1.307-.294a.293.293 0 0 0-.293.294v2.399c0 .162.13.293.293.293h2.4a.293.293 0 0 0 .293-.293v-2.4a.293.293 0 0 0-.294-.293zM20.35 11.621a.506.506 0 0 1 .037.716l-.015.016a.506.506 0 1 1-.752-.678l.014-.016a.506.506 0 0 1 .716-.038M3.494 11.998c0-.28.227-.507.506-.507h4a.506.506 0 1 1 0 1.013H4a.507.507 0 0 1-.506-.506M15.997 11.491c.28 0 .507.227.507.507v3.999a.506.506 0 1 1-1.013 0v-4c0-.28.226-.506.506-.506M20.35 15.62a.507.507 0 0 1 .037.716l-.015.016a.507.507 0 0 1-.752-.678l.014-.016a.507.507 0 0 1 .716-.037M3.494 16.797c0-.722.585-1.306 1.306-1.306h2.4c.721 0 1.306.584 1.306 1.306v2.4c0 .72-.585 1.306-1.306 1.306H4.8a1.306 1.306 0 0 1-1.306-1.307zm1.306-.293a.293.293 0 0 0-.293.293v2.4c0 .161.131.293.293.293h2.4a.293.293 0 0 0 .293-.294v-2.4a.293.293 0 0 0-.293-.292zM20.35 19.618a.506.506 0 0 1 .037.715l-.015.017a.506.506 0 1 1-.752-.678l.014-.017a.506.506 0 0 1 .716-.037M11.491 19.994c0-.28.227-.506.507-.506h3.999a.506.506 0 1 1 0 1.013h-4a.507.507 0 0 1-.506-.507"
         })
     }));

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

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

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

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

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

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

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

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

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: a, size: t = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: a, size: t = 24 } = _param, i = _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: h } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = a !== null && a !== void 0 ? a : c ? _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: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: e,
@@ -123,7 +123,7 @@ const v = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: e,

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

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

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

@@ -97,15 +97,15 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : s ? _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 s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : s ? _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",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M8.643 9.89c.214-.322.143-.786-.179-1a2.3 2.3 0 0 0-.5-.286c.5-.5.786-1.214.786-1.964a2.866 2.866 0 0 0-2.857-2.857A2.866 2.866 0 0 0 3.036 6.64c0 .75.285 1.428.75 1.928C2.714 9.14 2 10.104 2 11.283v5.357c0 .392.321.714.714.714a.716.716 0 0 0 .715-.714v-5.357c0-.858.964-1.786 2.5-1.786.75 0 1.357.321 1.75.571.321.25.75.143.964-.178M4.5 6.64c0-.786.643-1.429 1.429-1.429.785 0 1.428.643 1.428 1.429 0 .785-.643 1.428-1.428 1.428A1.433 1.433 0 0 1 4.5 6.64m10.214 4.678c.215-.321.143-.785-.178-1a2.3 2.3 0 0 0-.5-.285c.5-.5.785-1.215.785-1.965a2.866 2.866 0 0 0-2.857-2.857 2.866 2.866 0 0 0-2.857 2.857c0 .75.286 1.429.75 1.929-1.071.571-1.786 1.536-1.786 2.714v5.357c0 .393.322.714.715.714a.716.716 0 0 0 .714-.714v-5.357c0-.857.964-1.786 2.5-1.786.75 0 1.357.322 1.75.572.321.25.75.143.964-.179M12 6.64c.786 0 1.429.643 1.429 1.428 0 .786-.643 1.429-1.429 1.429a1.433 1.433 0 0 1-1.429-1.429c0-.785.643-1.428 1.429-1.428m8.179 4.785c.464-.5.75-1.178.75-1.928A2.866 2.866 0 0 0 18.07 6.64a2.866 2.866 0 0 0-2.857 2.857c0 .75.286 1.428.75 1.928-1.107.572-1.821 1.536-1.821 2.715v5.357c0 .393.321.714.714.714a.716.716 0 0 0 .714-.714V14.14c0-.857.965-1.786 2.5-1.786s2.5.929 2.5 1.786v5.357c0 .393.322.714.715.714a.716.716 0 0 0 .714-.714V14.14c0-1.179-.714-2.143-1.821-2.715M18.07 8.068c.786 0 1.429.643 1.429 1.429s-.643 1.428-1.429 1.428a1.433 1.433 0 0 1-1.428-1.428c0-.786.643-1.429 1.428-1.429"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const l = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M8.643 9.89c.214-.322.143-.786-.179-1a2.3 2.3 0 0 0-.5-.286c.5-.5.786-1.214.786-1.964a2.866 2.866 0 0 0-2.857-2.857A2.866 2.866 0 0 0 3.036 6.64c0 .75.285 1.428.75 1.928C2.714 9.14 2 10.104 2 11.283v5.357c0 .392.321.714.714.714a.716.716 0 0 0 .715-.714v-5.357c0-.858.964-1.786 2.5-1.786.75 0 1.357.321 1.75.571.321.25.75.143.964-.178M4.5 6.64c0-.786.643-1.429 1.429-1.429.785 0 1.428.643 1.428 1.429 0 .785-.643 1.428-1.428 1.428A1.433 1.433 0 0 1 4.5 6.64m10.214 4.678c.215-.321.143-.785-.178-1a2.3 2.3 0 0 0-.5-.285c.5-.5.785-1.215.785-1.965a2.866 2.866 0 0 0-2.857-2.857 2.866 2.866 0 0 0-2.857 2.857c0 .75.286 1.429.75 1.929-1.071.571-1.786 1.536-1.786 2.714v5.357c0 .393.322.714.715.714a.716.716 0 0 0 .714-.714v-5.357c0-.857.964-1.786 2.5-1.786.75 0 1.357.322 1.75.572.321.25.75.143.964-.179M12 6.64c.786 0 1.429.643 1.429 1.428 0 .786-.643 1.429-1.429 1.429a1.433 1.433 0 0 1-1.429-1.429c0-.785.643-1.428 1.429-1.428m8.179 4.785c.464-.5.75-1.178.75-1.928A2.866 2.866 0 0 0 18.07 6.64a2.866 2.866 0 0 0-2.857 2.857c0 .75.286 1.428.75 1.928-1.107.572-1.821 1.536-1.821 2.715v5.357c0 .393.321.714.714.714a.716.716 0 0 0 .714-.714V14.14c0-.857.965-1.786 2.5-1.786s2.5.929 2.5 1.786v5.357c0 .393.322.714.715.714a.716.716 0 0 0 .714-.714V14.14c0-1.179-.714-2.143-1.821-2.715M18.07 8.068c.786 0 1.429.643 1.429 1.429s-.643 1.428-1.429 1.428a1.433 1.433 0 0 1-1.428-1.428c0-.786.643-1.429 1.428-1.429"
         })
     }));

package/dist/generated/mistica-icons/icon-rain-regular.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");
@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const n = (_param)=>{
     var { color: e, size: r = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), a = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -114,4 +114,4 @@ const i = (_param)=>{
             })
         ]
     }));
-}, p = i;
+}, f = n;

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: i, size: l = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: i, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), e = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = i !== null && i !== void 0 ? i : r ? _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"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "M18.5 5.214v.179h-13v-.179C5.5 3.44 6.956 2 8.75 2h6.5c1.794 0 3.25 1.44 3.25 3.214m-13 1.249h13v11.074h-13zm13 12.144v.179C18.5 20.56 17.044 22 15.25 22h-6.5c-1.794 0-3.25-1.44-3.25-3.214v-.179zM7.4 11.314l1.993 1.733-.546 2.684a.535.535 0 0 0 .532.64.56.56 0 0 0 .268-.068l2.358-1.317 2.353 1.317a.538.538 0 0 0 .795-.572l-.546-2.688L16.6 11.31a.53.53 0 0 0 .157-.567.54.54 0 0 0-.458-.37l-2.722-.284-1.078-2.442a.54.54 0 0 0-.989 0l-1.077 2.442-2.723.283a.56.56 0 0 0-.467.375.54.54 0 0 0 .157.567m3.116 1.642-.374 1.842 1.59-.891a.56.56 0 0 1 .536 0l1.59.891-.374-1.842a.53.53 0 0 1 .176-.508l1.299-1.13-1.808-.187a.54.54 0 0 1-.44-.32L12 9.206l-.707 1.605a.54.54 0 0 1-.44.32l-1.807.188 1.299 1.13a.54.54 0 0 1 .171.507"
         })
     })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const m = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "M18.5 5.214v.179h-13v-.179C5.5 3.44 6.956 2 8.75 2h6.5c1.794 0 3.25 1.44 3.25 3.214m-13 1.249h13v11.074h-13zm13 12.144v.179C18.5 20.56 17.044 22 15.25 22h-6.5c-1.794 0-3.25-1.44-3.25-3.214v-.179zM7.4 11.314l1.993 1.733-.546 2.684a.535.535 0 0 0 .532.64.56.56 0 0 0 .268-.068l2.358-1.317 2.353 1.317a.538.538 0 0 0 .795-.572l-.546-2.688L16.6 11.31a.53.53 0 0 0 .157-.567.54.54 0 0 0-.458-.37l-2.722-.284-1.078-2.442a.54.54 0 0 0-.989 0l-1.077 2.442-2.723.283a.56.56 0 0 0-.467.375.54.54 0 0 0 .157.567m3.116 1.642-.374 1.842 1.59-.891a.56.56 0 0 1 .536 0l1.59.891-.374-1.842a.53.53 0 0 1 .176-.508l1.299-1.13-1.808-.187a.54.54 0 0 1-.44-.32L12 9.206l-.707 1.605a.54.54 0 0 1-.44.32l-1.807.188 1.299 1.13a.54.54 0 0 1 .171.507"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const m = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "M20.41 4.617c.787 0 1.431.617 1.431 1.379v12.01c0 .76-.641 1.379-1.431 1.379H3.584c-.79 0-1.429-.616-1.429-1.378V5.996c0-.76.641-1.379 1.429-1.379zM4.782 6.29c-.31 0-.56.24-.56.538 0 .296.25.537.56.537s.56-.24.56-.537c0-.3-.249-.538-.56-.538m15.852 11.717V8.343H3.362v9.664c0 .117.101.215.224.215H20.41a.22.22 0 0 0 .224-.215M7.021 6.827c0-.3-.25-.537-.558-.537-.31 0-.56.24-.56.538 0 .296.25.537.56.537.308 0 .558-.24.558-.537m1.117-.537c-.31 0-.56.24-.56.538 0 .296.25.537.56.537s.56-.24.56-.537c0-.3-.249-.538-.56-.538m6.12 6.227a.51.51 0 0 0-.408-.34l-1-.145q-.008 0-.011-.008l-.446-.908a.513.513 0 0 0-.921 0l-.446.908q-.006.008-.011.008l-.997.146a.51.51 0 0 0-.283.868l.723.706c.002.003.005.014.005.02l-.17.997c-.034.196.05.389.215.504.157.11.361.12.53.03l.893-.47q.005-.005.008 0l.891.47a.516.516 0 0 0 .53-.03.5.5 0 0 0 .215-.504l-.17-.998q-.004-.01.005-.02l.723-.705a.5.5 0 0 0 .126-.53m5.222-.34c.19.029.347.158.409.34a.5.5 0 0 1-.126.529l-.723.706q-.008.01-.005.02l.17.997a.5.5 0 0 1-.215.504.52.52 0 0 1-.53.03l-.89-.47q-.005-.005-.009 0l-.893.47a.51.51 0 0 1-.53-.03.51.51 0 0 1-.216-.504l.171-.998c0-.005-.002-.016-.005-.02l-.723-.705a.51.51 0 0 1 .283-.868l.997-.146q.006 0 .011-.008l.446-.908a.513.513 0 0 1 .921 0l.446.908q.003.008.01.008zm-10.854.34a.51.51 0 0 0-.41-.34l-1.002-.145q-.009 0-.011-.008l-.446-.908a.513.513 0 0 0-.921 0l-.446.908c-.002.005-.008.008-.01.008l-.998.146a.51.51 0 0 0-.283.868l.723.706c.002.003.005.014.005.02l-.17.997c-.034.196.05.389.215.504.157.11.361.12.53.03l.893-.47q.005-.005.008 0l.894.47a.516.516 0 0 0 .53-.03.5.5 0 0 0 .215-.504l-.17-.998q-.004-.01.005-.02l.723-.705a.5.5 0 0 0 .126-.53"
         })
     }));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: h, size: l = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: i, size: l = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = h !== null && h !== void 0 ? h : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = i !== null && i !== void 0 ? i : r ? _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: l,
         height: l,
@@ -129,4 +129,4 @@ const m = (_param)=>{
             d: "M20.725 4.5c.703 0 1.275.555 1.275 1.235v12.53c0 .68-.572 1.235-1.275 1.235H3.275C2.572 19.503 2 18.948 2 18.268V5.738c0-.683.572-1.235 1.275-1.235 0-.003 17.45-.003 17.45-.003M2.834 5.738v2.04h18.332v-2.04a.435.435 0 0 0-.44-.427H3.274a.435.435 0 0 0-.441.427m18.332 12.527V8.587H2.834v9.68c0 .237.199.428.44.428l17.451-.003c.242 0 .441-.19.441-.427M5.676 6.603c.006.316.265.57.581.563.322 0 .58-.253.58-.563a.57.57 0 0 0-.58-.563.57.57 0 0 0-.58.563M8 7.166a.57.57 0 0 1-.58-.56v-.003c0-.31.258-.563.58-.563s.58.25.58.563c0 .31-.259.563-.58.563m-4.061-.563c.006.316.265.57.58.563.322 0 .581-.253.581-.563a.57.57 0 0 0-.58-.563.57.57 0 0 0-.581.563m9.118 6.77a.69.69 0 0 0-.19.578l.136.794-.692-.367a.69.69 0 0 0-.637.005l-.68.362.133-.794a.68.68 0 0 0-.187-.58l-.592-.584.796-.117a.69.69 0 0 0 .518-.373L12 11.61l.339.694a.7.7 0 0 0 .512.367l.8.117zm1.354-.837a.53.53 0 0 0-.424-.352l-1.027-.151q-.006-.001-.01-.006l-.001-.003-.464-.947a.53.53 0 0 0-.956 0l-.464.947-.002.003q-.004.005-.01.006l-1.035.15a.53.53 0 0 0-.425.353.53.53 0 0 0 .129.553l.748.736q.005.006.006.02l-.177 1.042a.53.53 0 0 0 .222.527c.086.062.19.093.299.093a.54.54 0 0 0 .25-.062l.928-.492v-.002l.001-.001H12l.003.001q0 .001.003.002l.925.492a.52.52 0 0 0 .549-.031.53.53 0 0 0 .222-.527l-.177-1.042q0-.014.006-.02l.751-.736a.53.53 0 0 0 .128-.553m4.485.837a.69.69 0 0 0-.185.578l.134.794-.692-.367a.69.69 0 0 0-.637.005l-.68.362.134-.794a.67.67 0 0 0-.188-.58l-.592-.584.797-.117a.69.69 0 0 0 .518-.373l.335-.688.34.694a.7.7 0 0 0 .511.367l.8.117zm1.358-.837a.53.53 0 0 0-.427-.352l-1.025-.151q-.006-.001-.009-.006l-.002-.003-.464-.947a.53.53 0 0 0-.956 0l-.464.947-.002.003q-.003.005-.01.006l-1.035.15a.53.53 0 0 0-.424.353.53.53 0 0 0 .128.553l.748.736q.005.006.006.02l-.176 1.042a.53.53 0 0 0 .222.527c.085.062.19.093.298.093a.55.55 0 0 0 .25-.062l.926-.492v-.003h.003l.005.003.928.492a.52.52 0 0 0 .55-.031.52.52 0 0 0 .221-.527l-.176-1.042q.001-.014.005-.02l.752-.736a.53.53 0 0 0 .128-.553m-13.037.837a.7.7 0 0 0-.193.578l.136.794-.691-.367a.69.69 0 0 0-.638.005l-.68.362.137-.794a.67.67 0 0 0-.188-.58l-.592-.584.797-.117a.69.69 0 0 0 .518-.373l.338-.688.34.694a.7.7 0 0 0 .511.367l.8.117zm1.355-.837a.53.53 0 0 0-.424-.352s-1.036-.151-1.03-.148q-.006-.001-.01-.007l-.002-.002-.464-.948a.53.53 0 0 0-.956 0l-.464.948q0 .001-.002.002-.003.006-.009.007l-1.036.15a.53.53 0 0 0-.424.353.53.53 0 0 0 .128.552l.749.737q.004.006.005.02l-.176 1.042a.531.531 0 0 0 .774.558l.928-.493v-.002h.005q.002.003.003.002l.925.493a.52.52 0 0 0 .55-.032.52.52 0 0 0 .221-.526l-.176-1.042q-.004-.014.006-.02l.75-.74a.53.53 0 0 0 .129-.552"
         })
     }));
-}, g = m;
+}, f = m;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), c = 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)(), c = 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: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const m = (_param)=>{
             fill: c,
             d: "M15.61 2H8.39C6.793 2 5.5 3.28 5.5 4.857v14.286C5.5 20.72 6.794 22 8.39 22h7.22c1.596 0 2.89-1.28 2.89-2.857V4.862C18.5 3.285 17.206 2 15.61 2M9.394 13.05 7.4 11.316a.51.51 0 0 1-.148-.572.54.54 0 0 1 .458-.37l2.723-.284 1.077-2.44a.543.543 0 0 1 .99 0l1.076 2.44 2.723.284a.534.534 0 0 1 .3.937l-1.992 1.733.546 2.688a.538.538 0 0 1-.795.571l-2.353-1.317-2.358 1.317a.56.56 0 0 1-.587-.032.53.53 0 0 1-.213-.54zm1.9-2.24a.54.54 0 0 1-.44.32l-1.812.191 1.3 1.125a.54.54 0 0 1 .17.507l-.374 1.842 1.59-.891a.56.56 0 0 1 .537 0l1.59.891-.375-1.842a.53.53 0 0 1 .176-.507l1.3-1.13-1.809-.187a.54.54 0 0 1-.439-.32L12 9.205zm4.318-7.38c.795 0 1.442.64 1.442 1.427v.357H6.943v-.357c0-.786.647-1.426 1.446-1.426zm1.447 3.215V17.36H6.942V6.645zM6.947 19.147v-.356h10.115v.356a1.444 1.444 0 0 1-1.451 1.427H8.389c-.795 0-1.442-.64-1.442-1.427"
         })
-    })) : 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: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -129,4 +129,4 @@ const m = (_param)=>{
             d: "M20.385 4.622c.804 0 1.456.63 1.456 1.404v11.958c0 .773-.652 1.403-1.456 1.403H3.612c-.804 0-1.457-.63-1.457-1.403V6.026c0-.773.653-1.404 1.457-1.404zm-17 1.404v1.73h17.227v-1.73c0-.12-.101-.219-.227-.219H3.612a.22.22 0 0 0-.227.219m17.227 11.96V8.943H3.385v9.042c0 .12.1.218.227.218h16.773v.003a.22.22 0 0 0 .227-.218M5.757 6.702a.56.56 0 0 0 .569.549.56.56 0 0 0 .569-.55.56.56 0 0 0-.57-.548.56.56 0 0 0-.568.549m2.28.549a.56.56 0 0 1-.568-.55.56.56 0 0 1 .568-.548c.317 0 .569.246.569.549a.56.56 0 0 1-.569.549M4.05 6.7c0 .303.252.55.568.55a.56.56 0 0 0 .569-.55.56.56 0 0 0-.569-.548.56.56 0 0 0-.568.549m8.899 6.53a.78.78 0 0 0-.219.67l.093.535-.462-.244a.8.8 0 0 0-.74.008l-.445.233.092-.535a.77.77 0 0 0-.218-.67l-.415-.403.54-.078a.81.81 0 0 0 .603-.432l.221-.448.222.454a.81.81 0 0 0 .596.426l.546.078zm1.42-.734a.52.52 0 0 0-.418-.344l-1.022-.149q-.006 0-.009-.006l-.002-.002-.454-.924a.52.52 0 0 0-.468-.292.52.52 0 0 0-.467.292l-.457.924q-.005.006-.011.008l-1.017.149a.52.52 0 0 0-.291.885l.736.72q.01.007.006.02l-.174 1.016c-.033.202.048.4.219.516a.54.54 0 0 0 .543.03l.91-.479.004-.002h.002l.003.001q0 .001.003.002l.91.478a.55.55 0 0 0 .247.06.519.519 0 0 0 .513-.605l-.174-1.017q-.004-.01.005-.02l.737-.72a.52.52 0 0 0 .126-.54m4.188.734a.78.78 0 0 0-.219.67l.093.535-.463-.244a.813.813 0 0 0-.742.008l-.445.233.092-.535a.78.78 0 0 0-.218-.67l-.415-.403.54-.078a.81.81 0 0 0 .603-.432l.221-.448.219.443a.81.81 0 0 0 .602.437l.546.078zm1.42-.734a.52.52 0 0 0-.418-.344l-1.02-.149q-.005 0-.008-.006l-.002-.002-.454-.924a.523.523 0 0 0-.939 0l-.453.924q-.006.006-.012.008l-1.016.149a.52.52 0 0 0-.292.885l.737.72q.009.007.006.02l-.174 1.016c-.034.202.048.4.218.516a.54.54 0 0 0 .544.03l.91-.479q0-.003.003-.002l.003.001q0 .001.003.002l.91.478a.55.55 0 0 0 .247.06.519.519 0 0 0 .513-.605l-.175-1.017q-.003-.01.006-.02l.737-.72a.52.52 0 0 0 .126-.54M7.34 13.23a.77.77 0 0 0-.216.67l.093.535-.463-.244a.813.813 0 0 0-.742.008l-.445.233.09-.535a.78.78 0 0 0-.22-.67l-.414-.403.544-.078a.81.81 0 0 0 .602-.432l.221-.448.222.454a.81.81 0 0 0 .596.426l.546.078zm1.42-.734a.52.52 0 0 0-.417-.344l-1.026-.149q-.005 0-.009-.006l-.002-.002-.453-.924a.523.523 0 0 0-.939 0l-.454.924c-.002.003-.008.008-.01.008l-1.018.149a.52.52 0 0 0-.291.885l.737.72q.006.007.005.02l-.173 1.016c-.034.202.047.4.218.516a.54.54 0 0 0 .544.03l.91-.479v-.002h.003l.003.001q0 .001.002.002l.91.478a.55.55 0 0 0 .247.06.516.516 0 0 0 .515-.605l-.173-1.017q-.004-.01.006-.02l.736-.72a.52.52 0 0 0 .13-.54"
         })
     }));
-}, f = m;
+}, d = m;

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

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
+const i = (_param)=>{
     var { color: o, size: a = 24 } = _param, m = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -104,8 +104,8 @@ const v = (_param)=>{
         role: "presentation"
     }, m), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "M16.945 4.01c0-.22.179-.4.4-.4h2.66a.4.4 0 0 1 .4.4v2.65a.4.4 0 1 1-.8 0V4.41h-2.26a.4.4 0 0 1-.4-.4m-12.94-.39a.4.4 0 0 0-.4.4v2.66a.4.4 0 0 0 .8 0V4.42h2.25a.4.4 0 0 0 0-.8zm-1.48 7.98a.4.4 0 0 0 0 .8h11.76v2.28a.4.4 0 0 0 .8 0V12.4h6.39a.4.4 0 0 0 0-.8zm1.48 5.33a.4.4 0 0 0-.4.4v2.65c0 .22.18.4.4.4h2.66a.4.4 0 0 0 0-.8h-2.26v-2.25a.4.4 0 0 0-.4-.4m16.4.4a.4.4 0 1 0-.8 0v2.26h-2.26a.4.4 0 0 0 0 .8h2.66a.4.4 0 0 0 .4-.4zM7.065 7.22a.14.14 0 0 1 .14-.14h1.59a.14.14 0 0 1 .14.14v1.59a.14.14 0 0 1-.14.14h-1.59a.14.14 0 0 1-.14-.14zm.14-.94a.94.94 0 0 0-.94.94v1.59c0 .52.42.94.94.94h1.59c.52 0 .94-.42.94-.94V7.22a.94.94 0 0 0-.94-.94zm8.01.8a.14.14 0 0 0-.14.14v1.59c0 .077.063.14.14.14h1.59a.14.14 0 0 0 .14-.14V7.22a.14.14 0 0 0-.14-.14zm-.94.14c0-.52.42-.94.94-.94h1.59c.52 0 .94.42.94.94v1.59c0 .52-.42.94-.94.94h-1.59a.94.94 0 0 1-.94-.94zm-7.2 7.98a.14.14 0 0 1 .14-.14h1.59a.14.14 0 0 1 .14.14v1.59a.14.14 0 0 1-.14.14h-1.59a.14.14 0 0 1-.14-.14zm.14-.94a.94.94 0 0 0-.94.94v1.59c0 .52.42.94.94.94h1.59c.52 0 .94-.42.94-.94V15.2a.94.94 0 0 0-.94-.94zm4.39 3.08c0-.22.18-.4.4-.4h2.67a.4.4 0 0 1 0 .8h-2.67a.4.4 0 0 1-.4-.4m.81-10.66a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0m-.41 3.06a.4.4 0 1 0 0-.8.4.4 0 0 0 0 .8m.4 4.92a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0m4.94.42a.4.4 0 1 0 0-.8.4.4 0 0 0 0 .8m.4 2.26a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0"
         })
     }));
-}, l = v;
+}, l = i;

package/dist/generated/mistica-icons/icon-reading-qr-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return i;
+        return s;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -96,7 +96,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), e = l !== null && l !== void 0 ? l : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = l !== null && l !== void 0 ? l : o ? _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 v = (_param)=>{
             d: "M3.5 4a.5.5 0 0 1 .5-.5h2.666a.5.5 0 0 1 0 1H4.5v2.166a.5.5 0 0 1-1 0zm13.333 0a.5.5 0 0 1 .5-.5H20a.5.5 0 0 1 .5.5v2.666a.5.5 0 0 1-1 0V4.5h-2.167a.5.5 0 0 1-.5-.5m-4.49 2.295a.5.5 0 0 1 .038.706l-.01.011a.5.5 0 1 1-.743-.669l.01-.01a.5.5 0 0 1 .706-.038M7.2 7.167a.033.033 0 0 0-.033.033v1.6c0 .018.015.033.033.033h1.6a.033.033 0 0 0 .033-.033V7.2a.033.033 0 0 0-.033-.033zM6.167 7.2c0-.57.462-1.033 1.033-1.033h1.6c.57 0 1.033.462 1.033 1.033v1.6c0 .57-.462 1.033-1.033 1.033H7.2c-.57 0-1.033-.462-1.033-1.033zm9.033-.033a.033.033 0 0 0-.034.033v1.6c0 .018.015.033.034.033h1.6a.033.033 0 0 0 .033-.033V7.2a.033.033 0 0 0-.033-.033zm-1.033.033c0-.57.462-1.033 1.033-1.033h1.6c.57 0 1.033.462 1.033 1.033v1.6c0 .57-.462 1.033-1.033 1.033h-1.6c-.57 0-1.033-.462-1.033-1.033zm-1.823 1.761a.5.5 0 0 1 .037.706l-.01.011a.5.5 0 1 1-.743-.669l.01-.01a.5.5 0 0 1 .706-.038m-.448 3.539c.068.014.14.014.207 0h2.063v2.166a.5.5 0 0 0 1 0V12.5h2.063q.105.021.208 0h4.062a.5.5 0 1 0 0-1h-19a.5.5 0 0 0 0 1zm.448 1.795a.5.5 0 0 1 .037.706l-.01.011a.5.5 0 1 1-.743-.67l.01-.01a.5.5 0 0 1 .706-.037m5.333 0a.5.5 0 0 1 .037.706l-.01.011a.5.5 0 1 1-.743-.67l.01-.01a.5.5 0 0 1 .706-.037M7.2 15.166a.033.033 0 0 0-.033.034v1.6c0 .018.015.033.033.033h1.6a.033.033 0 0 0 .033-.033v-1.6a.033.033 0 0 0-.033-.034zm-1.033.034c0-.57.462-1.033 1.033-1.033h1.6c.57 0 1.033.462 1.033 1.033v1.6c0 .57-.462 1.033-1.033 1.033H7.2c-.57 0-1.033-.462-1.033-1.033zm11.51 1.76a.5.5 0 0 1 .037.707l-.01.01a.5.5 0 1 1-.743-.668l.01-.011a.5.5 0 0 1 .706-.037M4 16.833a.5.5 0 0 1 .5.5V19.5h2.166a.5.5 0 1 1 0 1H4a.5.5 0 0 1-.5-.5v-2.667a.5.5 0 0 1 .5-.5m7.5.5a.5.5 0 0 1 .5-.5h2.666a.5.5 0 1 1 0 1H12a.5.5 0 0 1-.5-.5m8.5-.5a.5.5 0 0 1 .5.5V20a.5.5 0 0 1-.5.5h-2.667a.5.5 0 1 1 0-1H19.5v-2.167a.5.5 0 0 1 .5-.5"
         })
     }));
-}, i = v;
+}, s = v;