@telefonica/mistica 15.20.1 → 16.1.0

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;

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

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
+const a = (_param)=>{
     var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = n !== null && n !== void 0 ? n : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = n !== null && n !== void 0 ? n : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
     return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -119,4 +119,4 @@ const h = (_param)=>{
             d: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2m0 15.535A5.54 5.54 0 0 1 6.465 12 5.54 5.54 0 0 1 12 6.465 5.54 5.54 0 0 1 17.535 12 5.54 5.54 0 0 1 12 17.535m0-1.07A4.47 4.47 0 0 0 16.465 12 4.47 4.47 0 0 0 12 7.535 4.47 4.47 0 0 0 7.535 12 4.47 4.47 0 0 0 12 16.465"
         })
     }));
-}, v = h;
+}, v = a;

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

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

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: i, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: n, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = i !== null && i !== void 0 ? i : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = n !== null && n !== void 0 ? n : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
     return c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12m1.43 0c0-4.726 3.844-8.57 8.57-8.57s8.57 3.844 8.57 8.57-3.844 8.57-8.57 8.57S3.43 16.725 3.43 12M12 17.357A5.364 5.364 0 0 1 6.644 12 5.364 5.364 0 0 1 12 6.644 5.364 5.364 0 0 1 17.357 12 5.364 5.364 0 0 1 12 17.357M8.074 12A3.934 3.934 0 0 0 12 15.926 3.934 3.934 0 0 0 15.926 12 3.93 3.93 0 0 0 12 8.074 3.93 3.93 0 0 0 8.074 12"
@@ -113,7 +113,7 @@ const h = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12m1.43 0c0-4.726 3.844-8.57 8.57-8.57s8.57 3.844 8.57 8.57-3.844 8.57-8.57 8.57S3.43 16.725 3.43 12M12 17.357A5.364 5.364 0 0 1 6.644 12 5.364 5.364 0 0 1 12 6.644 5.364 5.364 0 0 1 17.357 12 5.364 5.364 0 0 1 12 17.357M8.074 12A3.934 3.934 0 0 0 12 15.926 3.934 3.934 0 0 0 15.926 12 3.93 3.93 0 0 0 12 8.074 3.93 3.93 0 0 0 8.074 12"

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -119,4 +119,4 @@ const h = (_param)=>{
             d: "M7.248 7.628a.35.35 0 0 1-.175-.048.36.36 0 0 1-.124-.492l1.752-3.136C9.39 2.728 10.63 2 12.006 2s2.611.728 3.305 1.956l1.356 2.4.53-2.052a.334.334 0 0 1 .415-.248.35.35 0 0 1 .24.428l-.724 2.8a.35.35 0 0 1-.039.152l-.07.264-.255-.072c-.05 0-.101-.016-.148-.04l-2.712-.752a.347.347 0 0 1-.24-.428.334.334 0 0 1 .415-.248l1.976.548-1.352-2.392a3.07 3.07 0 0 0-2.701-1.596c-1.128 0-2.135.596-2.7 1.596L7.55 7.448a.35.35 0 0 1-.302.18M6.306 19.184h3.658a.35.35 0 0 1 .345.36c0 .2-.155.36-.35.36H6.303c-1.39 0-2.63-.736-3.316-1.972a3.95 3.95 0 0 1 .011-3.888l2.519-4.46-1.976.548a.34.34 0 0 1-.415-.248.35.35 0 0 1 .24-.428l2.716-.752a.3.3 0 0 1 .14-.04l.256-.072.066.248a.37.37 0 0 1 .046.18l.725 2.788a.35.35 0 0 1-.24.428.345.345 0 0 1-.418-.248L6.123 9.94l-2.518 4.464a3.21 3.21 0 0 0-.012 3.168c.562 1.008 1.577 1.612 2.712 1.612M21.01 14.044 18.16 8.996l-.09-.156a.34.34 0 0 0-.476-.128c-.167.1-.22.32-.124.492l.089.152 2.852 5.048a3.21 3.21 0 0 1 .008 3.164c-.562 1.012-1.578 1.616-2.717 1.616h-2.828l1.449-1.496a.36.36 0 0 0 0-.496.334.334 0 0 0-.48 0l-1.984 2.048a.4.4 0 0 0-.109.112l-.186.192.186.192a.4.4 0 0 0 .109.112l1.984 2.048a.34.34 0 0 0 .24.104.34.34 0 0 0 .24-.104.36.36 0 0 0 0-.496l-1.45-1.496h2.83c1.39 0 2.63-.74 3.32-1.976a3.94 3.94 0 0 0-.012-3.884M12.006 20.244a.69.69 0 0 0 .678-.7.69.69 0 0 0-.678-.7.69.69 0 0 0-.678.7c0 .387.303.7.678.7"
         })
     }));
-}, d = h;
+}, v = h;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: r, size: a = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: o, size: a = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -119,4 +119,4 @@ const h = (_param)=>{
             d: "m14.314 4.765.678 1.205-1.089-.3a.677.677 0 0 0-.833.496.703.703 0 0 0 .48.86l2.655.736.027.008.027.008.636.176.891-3.453a.706.706 0 0 0-.48-.86.68.68 0 0 0-.834.496l-.294 1.144-.69-1.224C14.76 2.768 13.458 2 12.004 2c-1.453 0-2.755.768-3.484 2.06L7.106 6.595a.72.72 0 0 0 .248.96c.326.192.74.08.93-.256l1.41-2.533c.485-.852 1.345-1.364 2.31-1.364s1.826.512 2.31 1.364m-3.922 13.81H6.51c-.972 0-1.837-.517-2.317-1.377a2.74 2.74 0 0 1 .008-2.701l1.449-2.573.294 1.136c.082.313.357.52.655.52a.7.7 0 0 0 .175-.023.703.703 0 0 0 .48-.86l-.891-3.454-3.344.924a.703.703 0 0 0-.48.86.676.676 0 0 0 .832.497l1.097-.304-1.445 2.565a4.2 4.2 0 0 0-.008 4.113c.724 1.305 2.03 2.081 3.495 2.081h3.883a.69.69 0 0 0 .678-.7c0-.384-.302-.704-.678-.704m8.394-8.664 2.193 3.882a4.15 4.15 0 0 1 .016 4.097c-.725 1.3-2.03 2.081-3.496 2.081h-1.887l.806.832a.714.714 0 0 1 0 .993.666.666 0 0 1-.96 0l-2.446-2.525 2.445-2.525a.66.66 0 0 1 .961 0 .714.714 0 0 1 0 .992l-.806.833H17.5c.973 0 1.837-.513 2.318-1.377a2.73 2.73 0 0 0-.008-2.697l-2.197-3.878a.713.713 0 0 1 .244-.96.667.667 0 0 1 .93.252"
         })
     }));
-}, v = h;
+}, u = h;

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

@@ -97,7 +97,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -105,7 +105,7 @@ const h = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.209 17.378a.71.71 0 0 1 .784.619.73.73 0 0 1-.584.823l-3.717.56-.536-3.89a.72.72 0 0 1 .592-.82.71.71 0 0 1 .784.619l.212 1.546a8.77 8.77 0 0 0 1.44-4.83c0-4.715-3.668-8.547-8.18-8.547a7.8 7.8 0 0 0-3.5.82.69.69 0 0 1-.932-.347c-.16-.364-.016-.807.332-.974A9.2 9.2 0 0 1 12 2c5.28 0 9.573 4.484 9.573 10 0 2.014-.569 3.932-1.62 5.566zM12 20.542c1.24 0 2.432-.276 3.54-.836a.67.67 0 0 1 .912.338.744.744 0 0 1-.324.974 9.1 9.1 0 0 1-4.136.982c-5.28 0-9.573-4.484-9.573-10 0-2.006.576-3.932 1.629-5.575l-1.257.188c-.38.059-.728-.221-.784-.618a.725.725 0 0 1 .592-.823l3.72-.56.537 3.89a.72.72 0 0 1-.592.82q-.048.01-.096.008a.71.71 0 0 1-.688-.627l-.212-1.546a8.76 8.76 0 0 0-1.448 4.839c0 4.714 3.668 8.546 8.18 8.546"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const h = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.209 17.378a.71.71 0 0 1 .784.619.73.73 0 0 1-.584.823l-3.717.56-.536-3.89a.72.72 0 0 1 .592-.82.71.71 0 0 1 .784.619l.212 1.546a8.77 8.77 0 0 0 1.44-4.83c0-4.715-3.668-8.547-8.18-8.547a7.8 7.8 0 0 0-3.5.82.69.69 0 0 1-.932-.347c-.16-.364-.016-.807.332-.974A9.2 9.2 0 0 1 12 2c5.28 0 9.573 4.484 9.573 10 0 2.014-.569 3.932-1.62 5.566zM12 20.542c1.24 0 2.432-.276 3.54-.836a.67.67 0 0 1 .912.338.744.744 0 0 1-.324.974 9.1 9.1 0 0 1-4.136.982c-5.28 0-9.573-4.484-9.573-10 0-2.006.576-3.932 1.629-5.575l-1.257.188c-.38.059-.728-.221-.784-.618a.725.725 0 0 1 .592-.823l3.72-.56.537 3.89a.72.72 0 0 1-.592.82q-.048.01-.096.008a.71.71 0 0 1-.688-.627l-.212-1.546a8.76 8.76 0 0 0-1.448 4.839c0 4.714 3.668 8.546 8.18 8.546"
         })
     }));

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

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

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

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

package/dist/generated/mistica-icons/icon-renovate-device-change-mobile-filled.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: i, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: h, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), a = i !== null && i !== void 0 ? i : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = h !== null && h !== void 0 ? h : 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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: l,
             d: "M21.992 17.992a.7.7 0 0 0-.79-.615l-1.252.191A10.26 10.26 0 0 0 21.57 12c0-5.517-4.298-10-9.576-10a9.15 9.15 0 0 0-4.097.959.74.74 0 0 0-.33.968c.165.363.58.517.927.345a7.8 7.8 0 0 1 3.5-.82c4.511 0 8.185 3.837 8.185 8.548 0 1.75-.509 3.422-1.44 4.832l-.214-1.55a.7.7 0 0 0-.79-.614c-.378.056-.646.428-.588.824l.535 3.887 3.723-.559a.73.73 0 0 0 .588-.828m-5.528 2.053a.746.746 0 0 1-.325.973 9.15 9.15 0 0 1-4.142.982c-5.282 0-9.575-4.488-9.575-10 0-2.007.57-3.939 1.627-5.577l-1.253.19c-.379.061-.736-.218-.79-.614-.053-.396.21-.768.59-.824l3.722-.559.535 3.888c.053.395-.21.768-.589.824l-.012.001q-.045.007-.086.008a.705.705 0 0 1-.686-.624l-.223-1.56a8.77 8.77 0 0 0-1.45 4.842c0 4.712 3.674 8.548 8.186 8.548a7.86 7.86 0 0 0 3.54-.838.687.687 0 0 1 .931.34m-.637-5.322H8.163V9.267h7.664zm-7.664 1.64c0 1 .78 1.82 1.743 1.82h4.182c.959 0 1.743-.815 1.743-1.82v-.55H8.163zm1.739-10.55h4.182c.958 0 1.738.815 1.738 1.82v.545H8.16v-.545c0-1.005.785-1.82 1.743-1.82"
         })
     })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: l,
             d: "M21.992 17.992a.7.7 0 0 0-.79-.615l-1.252.191A10.26 10.26 0 0 0 21.57 12c0-5.517-4.298-10-9.576-10a9.15 9.15 0 0 0-4.097.959.74.74 0 0 0-.33.968c.165.363.58.517.927.345a7.8 7.8 0 0 1 3.5-.82c4.511 0 8.185 3.837 8.185 8.548 0 1.75-.509 3.422-1.44 4.832l-.214-1.55a.7.7 0 0 0-.79-.614c-.378.056-.646.428-.588.824l.535 3.887 3.723-.559a.73.73 0 0 0 .588-.828m-5.528 2.053a.746.746 0 0 1-.325.973 9.15 9.15 0 0 1-4.142.982c-5.282 0-9.575-4.488-9.575-10 0-2.007.57-3.939 1.627-5.577l-1.253.19c-.379.061-.736-.218-.79-.614-.053-.396.21-.768.59-.824l3.722-.559.535 3.888c.053.395-.21.768-.589.824l-.012.001q-.045.007-.086.008a.705.705 0 0 1-.686-.624l-.223-1.56a8.77 8.77 0 0 0-1.45 4.842c0 4.712 3.674 8.548 8.186 8.548a7.86 7.86 0 0 0 3.54-.838.687.687 0 0 1 .931.34m-.637-5.322H8.163V9.267h7.664zm-7.664 1.64c0 1 .78 1.82 1.743 1.82h4.182c.959 0 1.743-.815 1.743-1.82v-.55H8.163zm1.739-10.55h4.182c.958 0 1.738.815 1.738 1.82v.545H8.16v-.545c0-1.005.785-1.82 1.743-1.82"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: l,
             d: "M21.04 4.002c-.51-.493-1.238-.742-2.16-.742h-6.14c-.921 0-1.647.25-2.16.742-.531.513-.8 1.258-.8 2.219v11.56c0 .958.269 1.706.8 2.219.51.492 1.239.742 2.16.742h6.143c.922 0 1.647-.25 2.16-.742.532-.513.801-1.258.801-2.219V6.221c-.003-.958-.272-1.703-.804-2.219M4.514 10.114c.271 0 .49-.218.49-.49v-.639c0-1.366.636-2.002 2.003-2.002h.064l-.286.246a.492.492 0 0 0 .63.754l.009-.009c.137-.117.826-.711.955-.837.4-.4.398-.902-.005-1.306-.25-.249-.922-.823-.95-.846a.49.49 0 0 0-.692.057.49.49 0 0 0 .056.691c.07.06.188.16.317.275h-.096c-.932 0-1.666.252-2.179.745-.535.515-.804 1.269-.804 2.238v.639a.484.484 0 0 0 .488.484m11.282 8.552c-.198 0-.36-.053-.473-.165-.1-.104-.16-.255-.16-.462 0-.429.25-.628.633-.628.384 0 .634.2.634.628 0 .204-.06.358-.16.462-.112.112-.275.165-.473.165m-8.851-7.482h-3.02c-1.109 0-1.77.661-1.77 1.77v5.992c0 1.11.661 1.77 1.77 1.77h3.02c1.11 0 1.77-.66 1.77-1.77v-5.991c-.003-1.11-.664-1.77-1.77-1.77M5.55 18.96a.4.4 0 0 1-.283-.098q-.094-.093-.095-.274c0-.255.148-.373.375-.373s.378.118.378.373a.37.37 0 0 1-.092.274c-.067.068-.163.098-.283.098"
         })
     }));

package/dist/generated/mistica-icons/icon-renovate-device-change-mobile-light.js

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