@telefonica/mistica 15.20.0 → 16.0.0

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

@@ -96,7 +96,7 @@ const s = (_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: c,
         height: c,
@@ -104,7 +104,7 @@ const s = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M15.306 3.673h1.79c.807 0 1.465.636 1.465 1.412v1.88q0 .067-.017.134c-.117 1.832-1.291 2.868-3.238 2.868-.616 0-1.145-.112-1.596-.31a12.2 12.2 0 0 0-.827 2.238h3.639c.81 0 1.465.635 1.465 1.414v1.454c0 .697-.527 1.274-1.213 1.39l-.513 4.495c.003.63-.58 1.193-1.296 1.193H9.029c-.717 0-1.3-.563-1.3-1.257l-.51-4.429c-.686-.115-1.213-.692-1.213-1.39v-1.453c0-.779.656-1.415 1.463-1.415h3.616c-.154-1.622-.468-2.829-.84-3.728-.454.196-.964.3-1.55.3-1.96 0-3.14-1.05-3.246-2.885a.7.7 0 0 1-.014-.13v-1.87c0-.79.661-1.429 1.47-1.429h1.796c2.073 0 3.26 1.151 3.263 3.157 0 .829-.212 1.524-.638 2.062q-.008.007-.014.016l-.014.017-.028.034c.336.745.63 1.683.837 2.84q.257-.703.605-1.364l-.131-.163c-.362-.551-.53-1.187-.53-1.935 0-2 1.185-3.146 3.255-3.146m-6.61 3.6c.397.002.73-.06 1.014-.168-.762-1.21-1.533-1.46-1.547-1.463-.319-.095-.512-.423-.42-.733a.617.617 0 0 1 .742-.418c.076.02 1.107.303 2.093 1.72.095-.258.148-.555.148-.896 0-1.34-.644-1.964-2.025-1.964H6.906a.234.234 0 0 0-.236.233v1.792a.5.5 0 0 1 .012.11c.05 1.212.691 1.787 2.014 1.787m8.63-.384V5.085a.225.225 0 0 0-.23-.221h-1.79c-1.378 0-2.02.619-2.02 1.952-.002.32.057.636.172.933.618-.793 1.394-1.42 2.378-1.698a.623.623 0 0 1 .769.412v.006a.596.596 0 0 1-.422.728c-.76.216-1.367.754-1.857 1.426.316.11.647.16.98.154 1.317 0 1.958-.574 2.009-1.804q.003-.042.01-.084m-.577 6.42a.225.225 0 0 0-.227-.221H7.469a.225.225 0 0 0-.23.221v1.454a.227.227 0 0 0 .23.221h9.05c.126 0 .23-.098.23-.221zm-7.723 7.339h5.936c.036 0 .067-.028.064-.064l.499-4.407H8.46l.496 4.34c.003.1.034.131.07.131"
         })
     }));

package/dist/generated/mistica-icons/icon-play-circle-filled.js

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

package/dist/generated/mistica-icons/icon-play-circle-light.js

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

package/dist/generated/mistica-icons/icon-play-circle-regular.js

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

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

@@ -97,8 +97,8 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), t = n !== null && n !== void 0 ? n : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = n !== null && n !== void 0 ? n : a ? _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,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const s = (_param)=>{
             fill: t,
             d: "M7.023 22c-.37 0-.743-.108-1.08-.32-.607-.356-.943-1-.943-1.716v-15.9c0-.716.37-1.392 1.012-1.752.671-.392 1.449-.428 2.09-.032l12.909 7.928c.54.32.91.892.978 1.572.067.644-.17 1.32-.642 1.752-.034.036-.068.072-.102.072L8.069 21.716A2.13 2.13 0 0 1 7.023 22"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

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

@@ -93,14 +93,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: i, size: t = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), o = i !== null && i !== void 0 ? i : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = a !== null && a !== void 0 ? a : c ? _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: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
@@ -109,8 +109,8 @@ const v = (_param)=>{
             d: "M4.444 21.68c.336.212.71.32 1.08.32.369 0 .739-.108 1.045-.284l13.176-8.112c.034 0 .068-.036.102-.072.472-.432.71-1.108.642-1.752a2.04 2.04 0 0 0-.978-1.572L6.603 2.28c-.642-.396-1.42-.36-2.091.032A2 2 0 0 0 3.5 4.064v15.9c0 .716.336 1.36.944 1.716m.743-18.152a.85.85 0 0 1 .404-.108c.098 0 .2.036.302.072l12.98 7.932a.64.64 0 0 1 .302.5.9.9 0 0 1-.17.5l-13.112 8.04c-.268.144-.57.072-.774-.036-.098-.072-.268-.212-.268-.464v-15.9c0-.284.234-.464.336-.536"
         })
     })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
@@ -125,8 +125,8 @@ const v = (_param)=>{
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: a, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), r = a !== null && a !== void 0 ? a : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = a !== null && a !== void 0 ? a : i ? _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"
-    }, o), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M4.444 21.68c.336.212.71.32 1.08.32.369 0 .739-.108 1.045-.284l13.176-8.112c.034 0 .068-.036.102-.072.472-.432.71-1.108.642-1.752a2.04 2.04 0 0 0-.978-1.572L6.603 2.28c-.642-.396-1.42-.36-2.091.032A2 2 0 0 0 3.5 4.064v15.9c0 .716.336 1.36.944 1.716m.743-18.152a.85.85 0 0 1 .404-.108c.098 0 .2.036.302.072l12.98 7.932a.64.64 0 0 1 .302.5.9.9 0 0 1-.17.5l-13.112 8.04c-.268.144-.57.072-.774-.036-.098-.072-.268-.212-.268-.464v-15.9c0-.284.234-.464.336-.536"
         })
     })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M4.444 21.68c.336.212.71.32 1.08.32.369 0 .739-.108 1.045-.284l13.176-8.112c.034 0 .068-.036.102-.072.472-.432.71-1.108.642-1.752a2.04 2.04 0 0 0-.978-1.572L6.603 2.28c-.642-.396-1.42-.36-2.091.032A2 2 0 0 0 3.5 4.064v15.9c0 .716.336 1.36.944 1.716m.743-18.152a.85.85 0 0 1 .404-.108c.098 0 .2.036.302.072l12.98 7.932a.64.64 0 0 1 .302.5.9.9 0 0 1-.17.5l-13.112 8.04c-.268.144-.57.072-.774-.036-.098-.072-.268-.212-.268-.464v-15.9c0-.284.234-.464.336-.536"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +123,10 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M6.368 1.983c-1.166-.667-2.618.176-2.618 1.52v16.553c0 1.344 1.452 2.186 2.618 1.52l14.485-8.277c1.175-.672 1.175-2.368 0-3.04zM5.25 3.503a.25.25 0 0 1 .374-.218l14.484 8.277a.25.25 0 0 1 0 .434L5.624 20.273a.25.25 0 0 1-.374-.217z"
         })
     }));
-}, d = s;
+}, p = s;

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: c = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = r !== null && r !== void 0 ? r : 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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: h,
             d: "M17.553 5.074c2.443 0 4.443 2.077 4.443 4.614L22 16.995c0 .42-.332.768-.74.768-.404 0-.74-.344-.74-.768V9.688c0-1.694-1.331-3.077-2.963-3.077s-2.963 1.387-2.963 3.077v7.697c0 2.5-2.112 4.615-4.632 4.615-2.443 0-4.443-2.077-4.443-4.615v-1.923C3.484 15.076 2 13.232 2 11.038V5.846h1.664V2.768c0-.423.34-.768.744-.768s.74.345.74.768v3.078H7.37V2.768c0-.423.332-.768.744-.768.404 0 .74.345.74.768v3.074h1.663v5.192c0 2.193-1.483 4.038-3.519 4.424v1.923c0 1.695 1.336 3.078 2.963 3.078 1.664 0 3.148-1.425 3.148-3.078V9.688c0-2.537 2-4.614 4.443-4.614M3.483 7.379v3.655c0 1.579 1.264 2.883 2.78 2.883s2.776-1.304 2.776-2.883V7.38z"
         })
     })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const n = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: h,
             d: "M20.892 14.66c0 .23.148.382.372.382s.372-.152.372-.381V9.72c0-2.318-1.816-4.18-4.075-4.18s-4.075 1.862-4.075 4.18v7.598c0 1.9-1.484 3.422-3.336 3.422s-3.335-1.522-3.335-3.422v-1.936c2.26-.189 4.075-2.166 4.075-4.521v-4.94H8.667v-3.04c0-.23-.148-.382-.372-.382s-.372.152-.372.382v3.04h-2.96v-3.04c0-.23-.148-.382-.372-.382-.223 0-.371.152-.371.382v3.04H2v4.94c0 2.396 1.816 4.332 4.075 4.52v1.937c0 2.318 1.816 4.181 4.075 4.181s4.076-1.863 4.076-4.18v-7.6c0-1.899 1.483-3.42 3.335-3.42s3.335 1.521 3.335 3.42zM2.74 10.862v-4.18h7.406v4.18c0 2.089-1.663 3.8-3.703 3.8S2.74 12.95 2.74 10.86M21.26 17.697a.75.75 0 0 0 .74-.76.75.75 0 0 0-.74-.758.75.75 0 0 0-.74.759c0 .419.332.759.74.759"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +123,10 @@ const n = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: h,
             d: "M17.155 7.533h-.84v-3.95c0-.787-.647-1.428-1.448-1.428-.796 0-1.446.639-1.446 1.429v3.95l-3.008-.004V3.584c0-.788-.647-1.429-1.448-1.429-.798 0-1.445.639-1.445 1.429V7.53h-.687c-.546 0-.991.437-.991 1.02 0 2.82 1.227 4.288 2.336 5.04v1.27c0 .64.21 1.158.6 1.494.366.333.882.501 1.534.501h.02v4.227c0 .418.344.76.77.76h1.787a.764.764 0 0 0 .77-.76v-4.227h.045c.647 0 1.16-.168 1.524-.501.384-.342.586-.86.586-1.496v-1.28c1.109-.753 2.336-2.213 2.336-5v-.07a.99.99 0 0 0-.995-.975m.146 1.048c0 2.061-.72 3.552-2.137 4.423a.41.41 0 0 0-.2.353v1.504q0 .6-.31.882c-.204.188-.527.283-.955.283h-3.39q-.645 0-.969-.288c-.213-.185-.32-.48-.32-.874v-1.499a.41.41 0 0 0-.198-.353c-1.414-.865-2.134-2.367-2.134-4.504 0-.078.064-.146.148-.146l10.322.006c.081 0 .149.064.149.146-.006-.003-.006.067-.006.067m-4.487 12.428h-1.642v-4.154h1.642zM8.363 3.584c0-.328.271-.597.602-.597.333 0 .605.269.605.597V7.53H8.363zm6.504-.597c.333 0 .605.269.605.597v3.95h-1.205l-.002-3.95c0-.328.271-.597.602-.597"
         })
     }));
-}, p = n;
+}, g = n;

package/dist/generated/mistica-icons/icon-plug-regular.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");
@@ -92,30 +92,30 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: t, size: c = 24 } = _param, v = _object_without_properties(_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: r } = (0, _hooks.useTheme)();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = 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({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, v), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M17.553 5.074c2.443 0 4.443 2.077 4.443 4.614L22 16.995c0 .42-.332.768-.74.768-.404 0-.74-.344-.74-.768V9.688c0-1.694-1.331-3.077-2.963-3.077s-2.963 1.387-2.963 3.077v7.697c0 2.5-2.112 4.615-4.632 4.615-2.443 0-4.443-2.077-4.443-4.615v-1.923C3.484 15.076 2 13.232 2 11.038V5.846h1.664V2.768c0-.423.34-.768.744-.768s.74.345.74.768v3.078H7.37V2.768c0-.423.332-.768.744-.768.404 0 .74.345.74.768v3.074h1.663v5.192c0 2.193-1.483 4.038-3.519 4.424v1.923c0 1.695 1.336 3.078 2.963 3.078 1.664 0 3.148-1.425 3.148-3.078V9.688c0-2.537 2-4.614 4.443-4.614M3.483 7.379v3.655c0 1.579 1.264 2.883 2.78 2.883s2.776-1.304 2.776-2.883V7.38z"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, v), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M17.553 5.074c2.443 0 4.443 2.077 4.443 4.614L22 16.995c0 .42-.332.768-.74.768-.404 0-.74-.344-.74-.768V9.688c0-1.694-1.331-3.077-2.963-3.077s-2.963 1.387-2.963 3.077v7.697c0 2.5-2.112 4.615-4.632 4.615-2.443 0-4.443-2.077-4.443-4.615v-1.923C3.484 15.076 2 13.232 2 11.038V5.846h1.664V2.768c0-.423.34-.768.744-.768s.74.345.74.768v3.078H7.37V2.768c0-.423.332-.768.744-.768.404 0 .74.345.74.768v3.074h1.663v5.192c0 2.193-1.483 4.038-3.519 4.424v1.923c0 1.695 1.336 3.078 2.963 3.078 1.664 0 3.148-1.425 3.148-3.078V9.688c0-2.537 2-4.614 4.443-4.614M3.483 7.379v3.655c0 1.579 1.264 2.883 2.78 2.883s2.776-1.304 2.776-2.883V7.38z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +123,10 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, v), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M16.983 7.421h-.608V3.754a1.603 1.603 0 0 0-3.204 0v3.664l-2.502-.002V3.754a1.603 1.603 0 0 0-3.204 0v3.662h-.46c-.638 0-1.162.52-1.162 1.204 0 2.776 1.168 4.26 2.258 5.04v1.14c0 .865.355 1.358.647 1.613.356.327.843.501 1.437.532v3.95a.95.95 0 0 0 .95.946h1.728a.947.947 0 0 0 .946-.947v-3.95c.6-.027 1.093-.2 1.449-.531.288-.26.633-.754.633-1.614v-1.145c1.09-.785 2.257-2.264 2.257-5.003v-.07a1.17 1.17 0 0 0-1.165-1.16m-.062 1.23c0 1.944-.66 3.344-1.969 4.157a.61.61 0 0 0-.288.518v1.47c0 .331-.079.572-.236.715-.198.182-.537.221-.787.221h-3.28q-.547.001-.804-.232-.24-.211-.24-.703V13.33a.61.61 0 0 0-.292-.52c-1.294-.802-1.955-2.191-1.97-4.177l9.858.006v.01zM12.583 20.62h-1.18v-3.661h1.18zM8.686 3.754c0-.204.174-.378.381-.378.204 0 .378.174.378.378v3.661h-.759zm6.087-.378c.204 0 .378.174.378.378v3.667h-.759V3.754c0-.204.174-.378.381-.378"
         })
     }));
-}, g = s;
+}, f = a;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return h;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -104,8 +104,8 @@ const s = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: a,
             d: "m8.819 6.051.683.695-.157.997a1.28 1.28 0 0 0 .516 1.252 1.24 1.24 0 0 0 1.305.076l.605-.333.21-.115.21.115.608.333a1.24 1.24 0 0 0 1.572-.333c.215-.275.31-.63.252-.995l-.163-.991.684-.698c.338-.344.453-.843.302-1.308a1.25 1.25 0 0 0-1-.849l-.921-.137-.42-.885a1.24 1.24 0 0 0-1.124-.72 1.24 1.24 0 0 0-1.126.72l-.417.882-.922.14c-.462.07-.846.395-.994.846-.157.462-.042.961.297 1.308m2.075-1.123a.64.64 0 0 0 .516-.361l.585-1.168.558 1.179c.09.18.271.316.47.344l1.244.267-.877.89a.68.68 0 0 0-.193.575l.196 1.333q-.005.004-.006.003l-.003-.003-1.084-.594a.62.62 0 0 0-.621-.014l-1.13.557.21-1.282a.67.67 0 0 0-.173-.558l-.888-.986zm4.796 6.882c0-.549-.502-1.028-1.073-1.028v.006H9.382c-.572 0-1.073.479-1.073 1.025v10.028h7.38zM2.155 14.715c0-.554.557-.899 1.073-.899h3.851v8.02H3.228c-.591 0-1.073-.423-1.073-.92zm18.613 1.48c.622 0 1.073.335 1.073.797v4.023c0 .47-.443.82-1.076.82h-3.851v-5.64z"
         })
     }));
-}, h = s;
+}, d = s;

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

@@ -96,7 +96,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), i = 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: l,
         height: l,

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: c, size: o = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), t = c !== null && c !== void 0 ? c : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = 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: o,
         height: o,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "m8.819 6.054.683.695-.16.989c-.078.487.118.966.519 1.252.216.151.462.23.714.23.202 0 .406-.051.591-.155l.815-.445.818.448c.41.224.925.193 1.306-.075.397-.283.596-.762.518-1.253l-.163-.991.684-.695c.339-.344.454-.846.302-1.308a1.25 1.25 0 0 0-1-.849l-.921-.137-.42-.885a1.24 1.24 0 0 0-1.124-.72c-.484 0-.916.277-1.126.72l-.417.882-.922.14c-.465.07-.848.395-.997.85a1.28 1.28 0 0 0 .3 1.307m4.568 1.941-.002-.002-1.084-.597a.65.65 0 0 0-.622-.011l-1.129.554.21-1.283a.67.67 0 0 0-.174-.557l-.888-.986 1.197-.182a.65.65 0 0 0 .515-.361l.585-1.168.558 1.182a.65.65 0 0 0 .47.344l1.244.266-.877.891a.67.67 0 0 0-.193.574l.193 1.334q-.001.002-.003.002m2.3 12.6V17.43h4.927v3.165zm-12.305 0V15.05h4.924v5.544zm11.078-8.58v8.6H9.536V14.72l-.001-.01-.001-.004v-2.692zm-11.232 9.83h11.39v-.004h6.15c.63 0 1.073-.347 1.073-.818v-4.025c0-.462-.448-.798-1.07-.798H15.69v-4.387c0-.549-.501-1.028-1.073-1.028H9.38c-.569 0-1.07.482-1.07 1.028v2.009H3.228c-.516 0-1.073.344-1.073.899v6.204c0 .496.482.92 1.073.92"
         })
     }));
-}, h = i;
+}, h = s;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: o, size: a = 24 } = _param, q = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), e = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M16.736 6.71c1.179.583 1.823 1.776 1.823 3.398l-.008 7.924c0 2.384-1.41 3.807-3.76 3.807h-5.57c-1.158 0-2.08-.327-2.74-.966-.692-.672-1.045-1.622-1.045-2.838v-7.927c0-1.207.35-2.157 1.053-2.832.208-.207.454-.367.717-.512a1.6 1.6 0 0 1-.022-.264V3.573c0-.784.63-1.423 1.409-1.423h6.742c.782 0 1.42.639 1.42 1.423V6.5a2 2 0 0 1-.02.21m-8.359-.207c0 .12.095.224.216.224h6.742a.223.223 0 0 0 .224-.224V3.576a.223.223 0 0 0-.224-.224H8.593a.22.22 0 0 0-.216.224zm.434-.947a.598.598 0 1 0 1.194 0V4.458c0-.33-.266-.6-.597-.6a.6.6 0 0 0-.597.6zm2.149 5.645c-.843.257-1.866.955-1.866 2.826 0 .924.255 1.569.61 2.008l.043.05.042.048c.16.177.336.317.518.429v.216q0 .117.02.218.036.19.14.322.036.047.081.084.228.207.644.208h1.754c.28 0 .493-.073.647-.208a.5.5 0 0 0 .067-.067c.112-.134.165-.325.165-.555v-.215c.645-.4 1.21-1.143 1.21-2.519 0-1.033-.322-1.71-.753-2.153a2.4 2.4 0 0 0-.238-.213c-.686-.538-1.53-.611-1.854-.617l-.016-.001-.015-.001c-.079-.006-.168-.006-.247-.006a3.4 3.4 0 0 0-.905.134q-.028.002-.047.012m-1.104 3.745q.051.027.107.042a.4.4 0 0 0 .078.01h.003a.4.4 0 0 0 .21-.07h.003l.024-.014q.026-.012.046-.033l.325-.328.325.328q.014.014.032.023.012.006.024.014l.01.007.01.007a.4.4 0 0 0 .207.067.3.3 0 0 0 .091-.013l.004-.001a.5.5 0 0 0 .095-.042l.01-.006a.4.4 0 0 0 .082-.053.4.4 0 0 0 .098-.204l.005-.016.004-.015a.2.2 0 0 0 .008-.053q0-.027-.002-.054a.4.4 0 0 0-.11-.227l-.328-.327.328-.328c.07-.07.104-.16.11-.255v-.011q0-.024-.003-.045l-.003-.015-.003-.016a.4.4 0 0 0-.1-.227.43.43 0 0 0-.323-.112.4.4 0 0 0-.244.112l-.327.328-.328-.328a.4.4 0 0 0-.364-.103.43.43 0 0 0-.202.106.4.4 0 0 0-.106.21.3.3 0 0 0-.009.07l-.001.003-.001.003q0 .031.005.061c.011.082.048.16.11.222l.327.328-.328.327a.4.4 0 0 0-.112.258v.025l.003.013.003.012q.002.04.011.079a.4.4 0 0 0 .095.18c.031.027.065.044.101.06m.188.053a.4.4 0 0 0 .207-.07l.003-.003-.291.062q.036.007.08.01m2.134.23-.03.02-.048.036-.023-.018a.4.4 0 0 0-.072-.047q-.03-.011-.065-.02a.4.4 0 0 0-.221.015q-.005.003-.014.002h-.003l-.003.002-.002.001a.4.4 0 0 0-.216.207l-.11.27-.005.016-.006.011-.001.005-.001.002v.002a.4.4 0 0 0-.02.221q.012.05.036.095l.026.042.01.02q.014.025.034.048l.006.004.006.004.02.013.01.007q.017.01.031.022l.031.022.028.014h.008l.012.004.015.005.027.008q.044.014.095.014c.067 0 .137-.02.199-.056l.008-.005.009-.006.025-.017.002-.001.002-.002.004-.002a.37.37 0 0 0 .118-.157l.005-.009.003-.003.006.014a.36.36 0 0 0 .098.14q.025.023.053.04a.406.406 0 0 0 .218.067.398.398 0 0 0 .395-.4.4.4 0 0 0-.03-.157l-.12-.28v-.003l-.006-.009-.003-.002a.1.1 0 0 0-.021-.035l-.013-.016a.4.4 0 0 0-.12-.129.3.3 0 0 0-.062-.033H12.5a1 1 0 0 0-.067-.02.38.38 0 0 0-.249.03zm-1.064-9.073a.6.6 0 0 1-.597-.6V4.458a.6.6 0 0 1 .597-.6c.33 0 .596.27.596.6v1.098c0 .33-.266.6-.596.6m1.11-.6a.598.598 0 1 0 1.192 0V4.458a.598.598 0 1 0-1.193 0zm2.304.6a.6.6 0 0 1-.596-.6V4.458a.598.598 0 1 1 1.193 0v1.098a.6.6 0 0 1-.597.6m2.79 3.353c-.129-.894-.557-1.496-1.274-1.782a1.4 1.4 0 0 1-.709.2H8.593c-.238 0-.454-.074-.653-.177a2.1 2.1 0 0 0-.627.392q-.51.492-.633 1.367zM14.792 20.64c1.305 0 2.112-.518 2.423-1.543H6.783q.167.551.527.913c.429.415 1.076.63 1.91.63zm-2.266-7.263a.4.4 0 0 0 .114.283l.323.322-.328.328a.4.4 0 0 0-.115.283l.003.012.003.013a.44.44 0 0 0 .109.26c.03.028.064.045.1.062q.09.052.186.053a.4.4 0 0 0 .213-.07.3.3 0 0 0 .067-.042l.327-.328.328.328q.015.013.034.021l.022.013c.07.05.146.081.227.081a.4.4 0 0 0 .193-.059l.01-.005a.4.4 0 0 0 .083-.05.4.4 0 0 0 .095-.183q.022-.07.014-.14a.38.38 0 0 0-.106-.246l-.328-.328.328-.328a.4.4 0 0 0 .103-.221.44.44 0 0 0-.104-.344.41.41 0 0 0-.565 0l-.328.327-.328-.328a.41.41 0 0 0-.566 0 .43.43 0 0 0-.112.28v.003q-.003.002-.002.003"
         })
     }));
-}, v = i;
+}, v = s;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const e = (_param)=>{
     var { color: l, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const n = (_param)=>{
             d: "M16.6 6.645c1.226.544 1.9 1.73 1.9 3.398l-.008 8.22c0 2.374-1.327 3.737-3.644 3.737H9.163c-1.13 0-2.026-.319-2.664-.948-.663-.654-.999-1.594-.999-2.789v-8.217c0-1.198.339-2.137 1.007-2.792.239-.233.527-.41.841-.558a1.3 1.3 0 0 1-.07-.395V3.267c0-.7.558-1.267 1.244-1.267h6.89c.685 0 1.243.57 1.243 1.267V6.3c-.003.116-.025.23-.056.344M8.088 3.26v3.034c0 .242.194.438.43.438h6.89c.236 0 .43-.196.43-.438V3.26a.435.435 0 0 0-.43-.438h-6.89a.435.435 0 0 0-.43.438M6.352 9.437h11.293c-.136-1.073-.649-1.779-1.531-2.1-.2.142-.444.224-.705.224h-6.89c-.244 0-.469-.074-.66-.199a2.4 2.4 0 0 0-.791.484c-.391.384-.627.92-.716 1.591m11.171 9.953H6.468c.122.427.317.788.597 1.064.483.473 1.188.715 2.098.715h5.685c1.438 0 2.34-.615 2.675-1.779m-11.2-.94.01.112h11.324q.003-.06.01-.12.01-.086.012-.182l.008-7.992H6.313v7.992q.001.099.01.19M8.942 5.745c0 .23.183.415.408.415a.41.41 0 0 0 .408-.415V3.81a.41.41 0 0 0-.408-.415.413.413 0 0 0-.408.415zm2.15.415a.41.41 0 0 1-.408-.415V3.81c0-.228.184-.415.408-.415.225 0 .408.185.408.415v1.936c0 .23-.183.415-.408.415m1.338-.415c0 .23.183.415.408.415a.413.413 0 0 0 .408-.415V3.81a.41.41 0 0 0-.408-.415.413.413 0 0 0-.408.415zm2.15.415a.41.41 0 0 1-.408-.415V3.81c0-.228.183-.415.408-.415s.408.185.408.415v1.936c0 .23-.183.415-.408.415m-.005 7.992c0-2.271-1.682-2.553-2.403-2.57l-.27-.003c-.71.003-2.364.26-2.364 2.556 0 1.033.336 1.768 1 2.18l.193.123v.45c0 .15.034.258.098.315q.114.103.369.103h1.731c.117 0 .272-.017.358-.097.08-.074.097-.214.097-.322v-.45l.189-.122c.663-.418 1.002-1.147 1.002-2.163m-2.384-3.401c.533.011 3.197.233 3.197 3.398 0 1.483-.61 2.297-1.194 2.735 0 .498-.197.783-.363.934q-.335.312-.907.313H11.19c-.38 0-.688-.105-.913-.316-.164-.148-.366-.432-.366-.928-.583-.435-1.193-1.252-1.193-2.755 0-3.21 2.644-3.384 3.174-3.387zm-.846 4.306c.105 0 .208-.04.288-.122a.416.416 0 0 0-.005-.586l-.239-.242.239-.242a.42.42 0 0 0 0-.587.4.4 0 0 0-.575 0l-.238.242-.236-.242a.4.4 0 0 0-.574 0 .42.42 0 0 0 0 .587l.235.242-.236.242a.42.42 0 0 0 0 .586.4.4 0 0 0 .578 0l.236-.242.238.242c.08.082.186.122.289.122m2.555-.95.239.242a.42.42 0 0 1 0 .586.402.402 0 0 1-.577 0l-.239-.242-.238.242a.402.402 0 0 1-.577 0 .42.42 0 0 1 0-.586l.238-.242-.239-.242a.42.42 0 0 1 0-.587.4.4 0 0 1 .575 0l.238.242.24-.242a.4.4 0 0 1 .573 0 .42.42 0 0 1 0 .587zm-1.134 1.719-.123-.293a.41.41 0 0 0-.535-.223.3.3 0 0 0-.046.032l-.026.02-.018-.015a.2.2 0 0 0-.054-.037.4.4 0 0 0-.533.223l-.122.293a.42.42 0 0 0 .219.543q.079.031.158.032c.147 0 .28-.091.352-.228.073.14.206.228.353.228a.4.4 0 0 0 .158-.032.42.42 0 0 0 .216-.543"
         })
     }));
-}, v = n;
+}, v = e;

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

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

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

@@ -92,24 +92,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: t, size: o = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: t, size: o = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: r,
                 d: "M4.47 18.664c1.494 1.446 3.673 2.18 6.474 2.18 1.902 0 3.527-.34 4.835-1.009a.56.56 0 0 0-.513-.997c-1.145.588-2.599.888-4.322.888-2.501 0-4.417-.628-5.694-1.863-1.323-1.283-1.995-3.252-1.995-5.86s.672-4.58 1.995-5.86C6.527 4.908 8.443 4.28 10.944 4.28s4.418.628 5.695 1.863c1.318 1.28 1.99 3.24 1.994 5.837V12q0 .733-.072 1.402c-.231-.258-.57-.651-1.012-1.164l-.344-.4a.56.56 0 1 0-.849.73l.345.402.075.086c.638.741 1.028 1.194 1.244 1.41.317.316.658.476 1.003.476.347 0 .697-.163 1.025-.485.238-.236.517-.562.792-.884l.068-.08c.277-.327.566-.666.79-.89a.561.561 0 0 0-.793-.793c-.247.247-.54.59-.826.925l-.025.03-.03.034-.315.367a15 15 0 0 0 .045-1.163c0-2.921-.787-5.165-2.336-6.664-1.493-1.445-3.673-2.179-6.474-2.179-2.8 0-4.98.734-6.473 2.18-1.55 1.498-2.336 3.742-2.336 6.663s.787 5.163 2.336 6.661"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: r,
                 d: "M14.51 6.028c-.263-.277-.74-.61-1.53-.61H9.522c-.3 0-.588.12-.798.333L6.549 7.958a1.12 1.12 0 0 0-.322.787v7.239c0 .733.291 1.196.535 1.456.263.277.74.61 1.53.61h4.691c.787 0 1.266-.33 1.53-.61.244-.26.535-.723.535-1.457V7.486c-.003-.734-.294-1.196-.538-1.457m-5.799 7.617V12.56h3.81v1.085zM11.622 12v-1.103h.9V12zm-.563 0h-.896v-1.103h.896zm-2.35 0v-1.103h.894V12zm.002 2.205h.894v1.076h-.894zm2.348 0v1.076h-.896v-1.076zm.56 0h.9v1.076h-.9z"
             })
         ]

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

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

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const v = (_param)=>{
     var { color: l, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), c = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -105,17 +105,17 @@ const i = (_param)=>{
     }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: r,
                 d: "M4.471 18.664c1.493 1.446 3.672 2.18 6.474 2.18 1.902 0 3.526-.34 4.834-1.009a.56.56 0 0 0-.512-.997c-1.146.588-2.6.888-4.322.888-2.502 0-4.418-.628-5.695-1.863-1.322-1.283-1.995-3.252-1.995-5.86s.673-4.58 1.995-5.86C6.527 4.908 8.443 4.28 10.945 4.28c2.5 0 4.417.628 5.694 1.863 1.322 1.283 1.995 3.252 1.995 5.86v.01q0 .726-.072 1.39a93 93 0 0 1-1.012-1.165l-.345-.4a.56.56 0 1 0-.849.731l.345.4.075.088c.639.74 1.028 1.193 1.244 1.408.317.317.658.476 1.003.476.347 0 .697-.162 1.025-.484.238-.236.517-.562.792-.884l.068-.08c.277-.327.566-.666.79-.89a.561.561 0 0 0-.793-.793c-.247.247-.54.59-.825.925l-.026.03-.03.034-.314.366q.045-.565.044-1.165v-.01c-.002-2.915-.79-5.154-2.336-6.65-1.493-1.446-3.672-2.18-6.473-2.18-2.802 0-4.98.734-6.474 2.18-1.549 1.498-2.336 3.742-2.336 6.663s.787 5.163 2.336 6.661"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: r,
                 d: "M12.802 15.84h-4.37a.28.28 0 0 1-.28-.28v-4.943c0-.154.126-.28.28-.28h4.37c.154 0 .28.126.28.28v4.944a.28.28 0 0 1-.28.28m-.28-2.195V12.56h-3.81v1.084zm-.902.56v1.076h.902v-1.076zm-.56 0h-.897v1.076h.896zm-1.457 0h-.891v1.076h.89zM8.712 12h.89v-1.103h-.89zm1.451 0h.896v-1.103h-.896zm1.457 0h.902v-1.103h-.902z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: r,
                 d: "M12.98 5.42H9.523c-.3 0-.589.121-.799.334L6.55 7.96a1.12 1.12 0 0 0-.323.787v7.238c0 .734.292 1.196.535 1.457.264.277.74.61 1.53.61h4.692c.787 0 1.266-.33 1.53-.61.243-.26.534-.723.534-1.457V7.485c0-.734-.291-1.199-.535-1.457-.266-.277-.742-.607-1.532-.607m0 1.121c.645 0 .945.373.945.947v8.501c0 .574-.3.947-.944.947H8.29c-.643 0-.943-.373-.943-.947V8.75L9.522 6.54z"
             })
         ]
     }));
-}, f = i;
+}, f = v;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: c, size: o = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: c, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = c !== null && c !== void 0 ? c : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "m20.176 8.049-2.731-2.732a.56.56 0 0 0-.396-.165h-.26c-.045-.938-.314-1.644-.815-2.154-.563-.566-1.37-.843-2.468-.843H6.951c-1.109 0-1.915.269-2.47.826-.555.558-.82 1.362-.82 2.465v13.11c0 1.114.27 1.927.825 2.479.552.546 1.359.812 2.465.812h6.555c1.107 0 1.913-.266 2.465-.812.558-.552.826-1.365.826-2.48v-2.45h2.67c.524 0 .874-.353.874-.877V8.443a.55.55 0 0 0-.166-.394m-1.468.114h-.286c-.39 0-.67-.08-.832-.246q-.244-.248-.246-.832v-.286zM13.24 6.27h2.983v.812c0 1.398.801 2.199 2.199 2.199h.798v5.7c-1.056.003-4.946.003-5.98 0zm5.053 4.092a.42.42 0 0 1-.42.42h-3.286a.42.42 0 1 1 0-.84h3.286a.42.42 0 0 1 .42.42m-.42 2.06a.42.42 0 1 0 0-.841h-3.286a.42.42 0 1 0 0 .84zm.42 1.217a.42.42 0 0 1-.42.42h-3.286a.42.42 0 1 1 0-.84h3.286a.42.42 0 0 1 .42.42m-8.885 5.57q-.289-.3-.288-.81c0-.698.414-1.115 1.112-1.115.697 0 1.112.417 1.112 1.115q-.001.513-.289.81c-.19.195-.485.305-.826.305-.342 0-.628-.107-.82-.306"

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

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