@telefonica/mistica 15.20.1 → 16.0.0

package/dist/generated/mistica-icons/icon-pay-as-you-go-euro-filled.js

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

package/dist/generated/mistica-icons/icon-pay-as-you-go-euro-light.js

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

package/dist/generated/mistica-icons/icon-pay-as-you-go-euro-regular.js

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

package/dist/generated/mistica-icons/icon-pay-as-you-go-pound-filled.js

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

package/dist/generated/mistica-icons/icon-pay-as-you-go-pound-light.js

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

package/dist/generated/mistica-icons/icon-pay-as-you-go-pound-regular.js

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

package/dist/generated/mistica-icons/icon-pay-invoice-filled.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: i, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), h = i !== null && i !== void 0 ? i : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = i !== null && i !== void 0 ? i : r ? _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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: e,
             d: "M6.644 2H17.36c1.18 0 2.145.965 2.14 2.144V22h-15V4.144C4.5 2.96 5.465 2 6.644 2m4.983 4.823h-.365a.533.533 0 0 0-.535.535c0 .297.237.535.535.535h.365a2.68 2.68 0 0 0 2.625 2.144q.638 0 1.22-.302a.534.534 0 0 0 .233-.722.534.534 0 0 0-.722-.234 1.53 1.53 0 0 1-.727.183c-.7 0-1.284-.448-1.508-1.07h1.673a.533.533 0 0 0 .535-.534.533.533 0 0 0-.535-.535h-1.673c.224-.622.809-1.07 1.508-1.07.247 0 .494.064.727.183a.54.54 0 0 0 .722-.233.54.54 0 0 0-.233-.722 2.63 2.63 0 0 0-1.22-.302 2.68 2.68 0 0 0-2.625 2.144m4.302 11.072c.298 0 .54-.238.54-.535a.533.533 0 0 0-.535-.535H8.075a.533.533 0 0 0-.535.535c0 .297.238.535.535.535zm-7.854-3.57h7.854c.298 0 .54-.238.54-.535a.533.533 0 0 0-.535-.535H8.075a.533.533 0 0 0-.535.535c0 .297.238.535.535.535"
         })
     })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: e,
             d: "M6.644 2H17.36c1.18 0 2.145.965 2.14 2.144V22h-15V4.144C4.5 2.96 5.465 2 6.644 2m4.983 4.823h-.365a.533.533 0 0 0-.535.535c0 .297.237.535.535.535h.365a2.68 2.68 0 0 0 2.625 2.144q.638 0 1.22-.302a.534.534 0 0 0 .233-.722.534.534 0 0 0-.722-.234 1.53 1.53 0 0 1-.727.183c-.7 0-1.284-.448-1.508-1.07h1.673a.533.533 0 0 0 .535-.534.533.533 0 0 0-.535-.535h-1.673c.224-.622.809-1.07 1.508-1.07.247 0 .494.064.727.183a.54.54 0 0 0 .722-.233.54.54 0 0 0-.233-.722 2.63 2.63 0 0 0-1.22-.302 2.68 2.68 0 0 0-2.625 2.144m4.302 11.072c.298 0 .54-.238.54-.535a.533.533 0 0 0-.535-.535H8.075a.533.533 0 0 0-.535.535c0 .297.238.535.535.535zm-7.854-3.57h7.854c.298 0 .54-.238.54-.535a.533.533 0 0 0-.535-.535H8.075a.533.533 0 0 0-.535.535c0 .297.238.535.535.535"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -123,14 +123,14 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: e,
                 d: "M7.76 7.345V8.83c1.196.202 1.453.913 1.448 1.485 0 .476-.174.876-.502 1.162-.243.21-.568.35-.952.41v.383a.42.42 0 1 1-.84 0v-.378a2.9 2.9 0 0 1-1.227-.48.41.41 0 0 1-.19-.352.4.4 0 0 1 .403-.398c.095.003.185.03.26.084.23.16.488.274.756.345V9.519C5.852 9.292 5.62 8.626 5.62 8.082c0-.815.495-1.38 1.296-1.526V6.07a.42.42 0 1 1 .84 0v.476c.35.048.676.16.94.322.198.123.229.283.229.367 0 .216-.174.39-.39.39a.5.5 0 0 1-.23-.065L8.3 7.558a2.2 2.2 0 0 0-.54-.213m-.84.012c-.32.106-.5.347-.5.689 0 .232.07.479.5.63zm.84 2.3v1.44c.411-.104.655-.373.655-.754 0-.275-.09-.544-.655-.687"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: e,
                 d: "M21.84 7.9v-.008q0-.02-.002-.04v-.014l-.008-.05-.007-.026-.005-.019-.003-.01-.002-.004q-.003-.011-.01-.024l-.004-.012-.006-.011-.022-.045v-.003l-.025-.042-.009-.011-.01-.016-.012-.015-.009-.011q-.016-.02-.033-.037L16.49 2.32l-.037-.033-.01-.009-.032-.022-.01-.009-.043-.025-.022-.011-.023-.011-.011-.006a.1.1 0 0 0-.036-.011l-.014-.003a.2.2 0 0 0-.048-.011l-.05-.008h-.015q-.02-.005-.041-.006h-.009l-4.028.002c-1.723.001-3.194.002-3.56.004-.726 0-1.177.45-1.177 1.17v.748c-1.627.003-2.902.435-3.781 1.283-.919.883-1.384 2.196-1.384 3.897s.465 3.01 1.384 3.896c.88.849 2.151 1.28 3.781 1.283v6.227c0 .364.107.658.314.868s.499.317.866.317H20.69c.708 0 1.15-.446 1.154-1.157-.002-.227-.002-2.303-.002-4.884zm-14.5 5.448c-2.754 0-4.09-1.339-4.09-4.092 0-2.754 1.339-4.093 4.09-4.093 1.44 0 2.459.317 3.114.972.656.656.975 1.675.975 3.12 0 2.757-1.339 4.093-4.09 4.093m3.067 4.944a.56.56 0 0 1-.56-.56c0-.308.252-.56.56-.56h8.036a.56.56 0 0 1 .003 1.12zm8.039-3.277h-6.737a.56.56 0 0 1-.56-.56c0-.308.252-.56.56-.56h6.737c.308 0 .56.252.56.56s-.252.56-.56.56m-4.552-3.277a.56.56 0 0 1-.56-.56c0-.309.252-.56.56-.56h4.552c.308 0 .56.251.56.56 0 .307-.252.56-.56.56zm4.207-4.398c-.479-.003-.829-.16-1.067-.485s-.37-.815-.372-1.414V4.07l3.266 3.269z"
             })
         ]

package/dist/generated/mistica-icons/icon-pay-invoice-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return V;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), h = 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)(), h = 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: c,
         height: c,
@@ -135,4 +135,4 @@ const m = (_param)=>{
             })
         ]
     }));
-}, V = m;
+}, p = m;

package/dist/generated/mistica-icons/icon-pay-invoice-pound-filled.js

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: t, size: o = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: a, size: o = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), n = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = a !== null && a !== void 0 ? a : t ? _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,
@@ -105,7 +105,7 @@ const v = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: i,
             d: "M19.695 2v20H4.31V8.254h6.117V2zM9.38 7.18H4.547L9.38 2.241zm4.806 9.645H11.3q.088-.253.09-.535v-1.609h1.574c.291 0 .524-.238.524-.535a.527.527 0 0 0-.524-.535H11.39v-1.426c0-.59.47-1.07 1.047-1.07.242 0 .47.083.658.238.224.188.555.151.739-.078a.545.545 0 0 0-.076-.754 2.08 2.08 0 0 0-1.32-.475c-1.155 0-2.1.96-2.1 2.144v1.426h-.17a.527.527 0 0 0-.523.535c0 .297.233.535.524.535h.174v1.609a.52.52 0 0 1-.523.535.527.527 0 0 0-.524.535c0 .297.233.534.524.534h4.372a.533.533 0 0 0 .519-.539.527.527 0 0 0-.524-.535"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const v = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: i,
             d: "M19.695 2v20H4.31V8.254h6.117V2zM9.38 7.18H4.547L9.38 2.241zm4.806 9.645H11.3q.088-.253.09-.535v-1.609h1.574c.291 0 .524-.238.524-.535a.527.527 0 0 0-.524-.535H11.39v-1.426c0-.59.47-1.07 1.047-1.07.242 0 .47.083.658.238.224.188.555.151.739-.078a.545.545 0 0 0-.076-.754 2.08 2.08 0 0 0-1.32-.475c-1.155 0-2.1.96-2.1 2.144v1.426h-.17a.527.527 0 0 0-.523.535c0 .297.233.535.524.535h.174v1.609a.52.52 0 0 1-.523.535.527.527 0 0 0-.524.535c0 .297.233.534.524.534h4.372a.533.533 0 0 0 .519-.539.527.527 0 0 0-.524-.535"
         })
     }));

package/dist/generated/mistica-icons/icon-pay-invoice-pound-light.js

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

package/dist/generated/mistica-icons/icon-pay-invoice-pound-regular.js

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

package/dist/generated/mistica-icons/icon-pay-invoice-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -135,4 +135,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, d = v;
+}, p = v;

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = i !== null && i !== void 0 ? i : 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: l,
         height: l,
@@ -135,4 +135,4 @@ const m = (_param)=>{
             d: "m20.543 3.522.083.084c.448.465 2.552 2.922-.117 5.566L9.024 20.587l-.007.003q-.004 0-.007.002l-.006.01-.008.013a.42.42 0 0 1-.294.12l-.021-.004q-.01-.004-.021-.004L2.64 21.83a.41.41 0 0 1-.485-.465l.959-6.224q.001-.007.005-.012l.006-.01a.37.37 0 0 1 .104-.205L14.783 3.486c2.093-2.07 4.26-1.426 5.591-.132q.087.084.169.168M19.09 9.416l.83-.824c2.016-1.997.745-3.756.106-4.42l-.11-.11q-.06-.064-.123-.125c-.652-.633-2.386-1.885-4.423.126l-.846.837zM4.335 20.685l-1.073-1.062-.199 1.294zm1.79-3.49 9.83-9.723-2.015-1.995L4.111 15.2zm-2.709 1.42 1.905 1.888 2.515-.462-4.025-3.98zm5.286 1.129 9.807-9.746-1.97-1.946-9.829 9.722z"
         })
     }));
-}, g = m;
+}, M = m;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -139,4 +139,4 @@ const s = (_param)=>{
             d: "M20.342 3.399q.127.122.249.249c1.339 1.39 2.011 3.622-.115 5.731L9.232 20.556l-.01.008-.01.008-.003.006-.005.006q-.026.024-.06.041l-.03.017-.021.014-.015.009a.6.6 0 0 1-.305.095q-.008 0-.015-.003l-.016-.003-5.868 1.079a.62.62 0 0 1-.532-.16.59.59 0 0 1-.18-.524l.942-6.1a.3.3 0 0 1 .016-.05l.012-.035a1 1 0 0 1 .02-.067.5.5 0 0 1 .122-.179l11.309-11.19c2.154-2.132 4.386-1.463 5.759-.13M18.944 9.19l.666-.663c1.85-1.83.687-3.44.104-4.048-.067-.07-.148-.151-.221-.224-.6-.58-2.185-1.726-4.048.12l-.683.678zM4.639 20.284l-.967-.958-.182 1.168zm1.61-3.473 9.336-9.239-1.683-1.666-9.34 9.238zM3.9 17.85l2.19 2.168 1.415-.26L4.12 16.41zm4.871 1.456s9.314-9.26 9.311-9.26l-1.639-1.622-9.336 9.238z"
         })
     }));
-}, v = s;
+}, M = s;

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return a;
+        return m;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: c, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), n = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = 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: r,
         height: r,
@@ -108,4 +108,4 @@ const s = (_param)=>{
             d: "M21.838 9.609c-.017-.908-.734-1.642-1.597-1.642h-.77l.002.003h-.952c-.123-.966-.919-1.711-1.88-1.711h-9.26c-3.373.109-5.23 2.145-5.23 5.734 0 3.582 1.857 5.624 5.241 5.75h9.26c.978 0 1.785-.77 1.889-1.756h1.714c.871 0 1.582-.742 1.582-1.65zm-4.11 6.16c0 .621-.482 1.126-1.075 1.126H7.406c-2.944-.11-4.434-1.76-4.434-4.902 0-3.146 1.493-4.79 4.42-4.886h9.247c.594 0 1.075.502 1.075 1.124v7.33h.014zm3.289-6.152v4.72c0 .443-.342.801-.762.801h-1.717v-6.32H20.3c.392.032.708.382.717.8m-13.9 2.602c0-.58-.324-.848-.828-.848-.502 0-.832.269-.832.848 0 .278.075.485.21.625.143.151.358.224.619.224.263 0 .476-.073.622-.224.134-.14.21-.344.21-.624"
         })
     }));
-}, a = s;
+}, m = s;

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

@@ -96,7 +96,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = c !== null && c !== void 0 ? c : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = c !== null && c !== void 0 ? c : 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-people-network-filled.js

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

package/dist/generated/mistica-icons/icon-people-network-light.js

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const v = (_param)=>{
     var { color: l, size: c = 24 } = _param, m = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), e = l !== null && l !== void 0 ? l : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = l !== null && l !== void 0 ? l : 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: c,
         height: c,
@@ -135,4 +135,4 @@ const i = (_param)=>{
             d: "M11.992 6.577c-.698 0-1.241-.185-1.617-.546-.392-.378-.59-.936-.59-1.664s.198-1.289.59-1.667c.376-.364.92-.549 1.617-.549s1.243.185 1.621.55c.393.377.591.94.591 1.666 0 .725-.198 1.286-.59 1.664-.379.361-.925.546-1.622.546M10.952 3.3c-.224.215-.336.574-.336 1.067q0 .74.334 1.064.325.313 1.042.314.716-.001 1.044-.314c.225-.213.337-.571.337-1.061 0-.493-.115-.852-.34-1.067-.218-.21-.568-.317-1.041-.317-.474 0-.824.106-1.04.314m-2.047 6.857h6.182v-.154c0-.336-.07-.813-.403-1.16-.37-.386-.936-.465-1.342-.465h-2.695c-.409 0-.972.081-1.342.465-.333.345-.4.824-.4 1.16zm-.583.835a.253.253 0 0 1-.252-.253v-.736c0-.703.219-1.306.633-1.737.451-.47 1.123-.72 1.941-.72h2.695c.818 0 1.49.25 1.944.72.415.434.636 1.034.636 1.737v.736c0 .138-.112.25-.25.253zM4.7 15.212q0 .742.334 1.065c.215.208.565.314 1.042.314.476 0 .826-.104 1.042-.314q.336-.324.336-1.061c0-.49-.112-.85-.336-1.065q-.33-.316-1.042-.316-.718-.002-1.042.31c-.222.216-.334.575-.334 1.068m1.373 2.211c-.698 0-1.241-.185-1.62-.546-.391-.378-.587-.936-.587-1.664 0-.726.198-1.286.588-1.664.375-.364.921-.549 1.619-.549.697 0 1.244.185 1.619.549.392.378.59.941.59 1.667 0 .725-.198 1.285-.59 1.664-.375.358-.919.543-1.62.543m3.095 3.426c0-.336-.07-.813-.403-1.157-.37-.384-.936-.465-1.345-.465H4.728c-.409 0-.975.081-1.339.465-.333.347-.4.82-.4 1.16v.154c-.003-.003 6.179-.003 6.179-.003zM7.42 18.392c.82 0 1.493.25 1.944.72.417.434.636 1.036.636 1.737v.736c0 .14-.112.252-.252.252H2.403a.25.25 0 0 1-.252-.252v-.736c0-.703.219-1.303.633-1.737.451-.47 1.124-.723 1.941-.723zm9.118-3.185q0 .741.333 1.062c.216.207.566.314 1.04.314q.715-.002 1.044-.314.336-.325.336-1.062 0-.74-.336-1.067-.328-.312-1.045-.314c-.473 0-.823.107-1.039.314q-.332.326-.333 1.067m-.247 1.664q-.588-.569-.588-1.664c0-.728.196-1.288.588-1.666.376-.364.922-.55 1.616-.55.698 0 1.244.186 1.622.55.395.378.591.938.591 1.666 0 .726-.198 1.286-.59 1.664q-.57.544-1.623.546c-.694 0-1.24-.184-1.616-.546m4.715 3.972c0-.336-.07-.812-.404-1.157-.37-.384-.935-.465-1.344-.465h-2.692c-.41 0-.972.081-1.34.465-.333.348-.4.821-.4 1.16V21h6.18zm.193-1.737c.417.435.638 1.034.638 1.737v.737c0 .14-.111.252-.252.252h-7.344a.25.25 0 0 1-.252-.252v-.737c0-.703.218-1.305.633-1.737.45-.47 1.123-.72 1.941-.72h2.695c.818 0 1.49.25 1.94.72m-7.297-2.585a.418.418 0 0 0 .437-.712l-1.941-1.187v-2.258a.418.418 0 0 0-.835 0v2.258l-1.944 1.19a.414.414 0 0 0-.137.572.414.414 0 0 0 .571.137l1.925-1.177z"
         })
     }));
-}, q = i;
+}, q = v;

package/dist/generated/mistica-icons/icon-people-network-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = s !== null && s !== void 0 ? s : 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,
@@ -129,4 +129,4 @@ const h = (_param)=>{
             d: "M11.995 6.58c-.697 0-1.24-.181-1.616-.545q-.588-.57-.588-1.664c0-.726.196-1.289.588-1.664.373-.367.919-.552 1.616-.552s1.244.185 1.622.55c.392.377.591.94.591 1.666 0 .725-.199 1.285-.59 1.664-.379.364-.925.546-1.623.546m-.75-2.977c-.171.165-.208.51-.208.768 0 .21.026.588.208.762.176.17.546.196.75.196.205 0 .577-.026.757-.2.17-.164.207-.503.207-.758 0-.258-.037-.6-.21-.768-.171-.165-.504-.199-.757-.199-.201.003-.568.028-.747.2m-1.902 6.14h5.313c-.03-.21-.103-.434-.269-.605-.266-.28-.714-.336-1.044-.336H10.65c-.33 0-.776.056-1.042.333-.163.171-.238.398-.266.608m-1.02 1.252a.25.25 0 0 1-.25-.252v-.736c0-.704.22-1.306.634-1.737.45-.474 1.123-.72 1.941-.72h2.692c.82 0 1.49.25 1.944.72.417.431.638 1.033.638 1.737v.736a.25.25 0 0 1-.249.252zM5.12 15.22c0 .258.036.597.207.762.176.171.546.196.75.196.205 0 .578-.025.757-.198.17-.166.207-.505.207-.76 0-.257-.036-.599-.21-.767-.17-.165-.504-.199-.753-.199-.205 0-.572.025-.751.199-.171.165-.207.51-.207.767m.958 2.208c-.698 0-1.241-.185-1.617-.546-.392-.376-.588-.936-.588-1.664 0-.726.196-1.289.588-1.667.378-.364.922-.55 1.62-.55.697 0 1.243.186 1.621.55.392.38.591.941.591 1.667 0 .725-.199 1.285-.594 1.664-.378.364-.924.546-1.621.546m2.658 3.162a1.1 1.1 0 0 0-.27-.608c-.268-.28-.716-.336-1.044-.336H4.73c-.327 0-.773.059-1.039.336-.165.171-.238.398-.269.608zm-1.311-2.193c.818 0 1.49.25 1.944.72.417.434.636 1.036.636 1.74v.733a.25.25 0 0 1-.25.252H2.407a.253.253 0 0 1-.252-.252v-.736c0-.704.219-1.306.63-1.737.451-.47 1.124-.723 1.941-.723zm9.535-3.185c0 .21.025.588.207.762.177.17.546.196.75.196.205 0 .578-.025.757-.199.171-.165.208-.504.208-.759 0-.258-.037-.6-.21-.768-.171-.165-.505-.198-.754-.198-.207.002-.574.028-.75.199-.172.168-.208.51-.208.767m-.664 1.664c-.392-.378-.588-.936-.588-1.664s.196-1.289.588-1.664c.375-.367.922-.552 1.62-.552.697 0 1.243.185 1.621.55.392.377.591.94.591 1.666s-.199 1.286-.594 1.664c-.375.364-.921.546-1.619.546-.697 0-1.24-.185-1.619-.546m4.28 3.709a1.1 1.1 0 0 0-.269-.608c-.269-.28-.717-.336-1.045-.336h-2.694c-.328 0-.773.058-1.04.336-.165.17-.237.398-.266.608zm.63-1.474c.418.434.636 1.037.636 1.737v.737a.25.25 0 0 1-.249.252h-7.35a.25.25 0 0 1-.25-.252v-.737c0-.703.219-1.303.63-1.737.452-.47 1.124-.72 1.942-.72h2.695c.823 0 1.493.25 1.946.72m-7.411-2.409a.626.626 0 1 0 .65-1.067L12.6 14.505v-2.14a.625.625 0 0 0-1.249 0v2.14l-1.843 1.129a.627.627 0 0 0-.205.863c.18.291.563.384.858.204l1.818-1.112z"
         })
     }));
-}, d = h;
+}, f = h;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const c = (_param)=>{
     var { color: t, size: r = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), n = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M21.841 12c0-6.705-3.627-9.845-9.846-9.845-6.218 0-9.84 3.14-9.84 9.846s3.622 9.84 9.84 9.84c6.219 0 9.846-3.134 9.846-9.84m-6.014-4.946a.575.575 0 0 1 .1.807l-6.946 8.927a.57.57 0 0 1-.804.1.57.57 0 0 1-.1-.806l6.943-8.927a.57.57 0 0 1 .807-.1m.149 7.779c0 1.129-.611 1.655-1.656 1.655-1.048 0-1.655-.526-1.655-1.655s.61-1.656 1.655-1.656 1.656.527 1.656 1.656m-6.3-7.202c1.045 0 1.655.527 1.655 1.656 0 1.126-.61 1.655-1.655 1.655-1.048 0-1.656-.53-1.656-1.655S8.628 7.63 9.676 7.63"
         })
     }));
-}, f = i;
+}, f = c;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: s, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), n = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = s !== null && s !== void 0 ? s : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
             d: "M11.997 2.155c6.22 0 9.848 3.14 9.848 9.848 0 6.707-3.628 9.842-9.848 9.842s-9.842-3.135-9.842-9.842 3.623-9.848 9.842-9.848m0 18.87c5.99 0 9.027-3.035 9.027-9.022 0-5.99-3.037-9.027-9.027-9.027-5.987 0-9.021 3.037-9.021 9.027 0 5.987 3.034 9.021 9.021 9.021m3.163-6.164c0-.634-.204-.838-.837-.838-.634 0-.835.204-.835.838 0 .633.201.834.835.834s.837-.204.837-.835m-.837-1.656c1.045 0 1.658.53 1.658 1.658s-.61 1.656-1.658 1.656c-1.045 0-1.656-.53-1.656-1.656s.608-1.658 1.656-1.658m-5.48-3.889c0 .63.204.835.834.835.634 0 .838-.202.838-.835-.003-.636-.207-.838-.838-.838-.63 0-.834.205-.834.838m.834 1.653c-1.045 0-1.655-.527-1.655-1.656s.61-1.658 1.655-1.658c1.046 0 1.659.53 1.659 1.658 0 1.13-.614 1.656-1.659 1.656m6.125-3.183a.41.41 0 0 0-.073-.574l-.006-.006a.407.407 0 0 0-.571.076l-6.943 8.935a.41.41 0 0 0 .073.574.41.41 0 0 0 .575-.073z"

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

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

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

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

package/dist/generated/mistica-icons/icon-person-light.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,14 +93,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
@@ -109,8 +109,8 @@ const n = (_param)=>{
             d: "M14.472 6.58A3.39 3.39 0 0 1 16.5 9.676v6.61h-1.438v4.997a.717.717 0 0 1-.719.713.717.717 0 0 1-.719-.713v-6.427h1.438v-5.18c0-1.065-.908-1.965-1.981-1.965h-2.162c-1.073 0-1.981.9-1.981 1.965v5.18h1.438v6.432a.717.717 0 0 1-.72.713.717.717 0 0 1-.718-.713v-5.001H7.5V9.68c0-1.486.968-2.747 2.309-3.205a2.85 2.85 0 0 1-.507-1.618C9.302 3.28 10.592 2 12.182 2s2.88 1.28 2.88 2.857c0 .65-.221 1.244-.59 1.724m-.857-1.727a1.44 1.44 0 0 0-2.88 0c0 .781.64 1.421 1.433 1.426.802 0 1.447-.64 1.447-1.426"
         })
     })) : h.match(/^o2/i) ? /* @__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"
     }, e), {
@@ -119,8 +119,8 @@ const n = (_param)=>{
             d: "M13.819 6.754a2.7 2.7 0 0 0 .961-2.075C14.78 3.202 13.61 2 12.171 2c-1.438 0-2.608 1.202-2.608 2.679 0 .8.347 1.518.894 2.011C9.064 6.933 8 8.18 8 9.68v6.25h1.389v5.713c0 .197.156.357.347.357.192 0 .348-.16.348-.357v-6.427h-1.39V9.68c0-1.257 1.038-2.322 2.262-2.322h2.088c1.224 0 2.262 1.065 2.262 2.322v5.536h-1.39v3.927c0 .196.156.356.348.356s.347-.16.347-.356v-3.214H16V9.68c-.005-1.394-.926-2.574-2.181-2.926M10.257 4.68c0-1.084.86-1.966 1.914-1.966 1.056 0 1.915.882 1.915 1.966 0 1.083-.86 1.966-1.92 1.966-1.054-.005-1.909-.883-1.909-1.966M14.26 22c.383 0 .695-.32.695-.713a.705.705 0 0 0-.695-.713.705.705 0 0 0-.694.713c0 .393.312.713.694.713"
         })
     })) : /* @__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"
     }, e), {
@@ -129,4 +129,4 @@ const n = (_param)=>{
             d: "M9.35 4.479c0 1.473.872 2.32 2.387 2.32 1.518 0 2.39-.847 2.39-2.32 0-.75-.22-1.336-.65-1.74-.415-.389-1-.588-1.74-.588-.742 0-1.328.2-1.74.588-.428.404-.647.99-.647 1.74m.844 0c0-.521.128-.908.389-1.151q.379-.355 1.157-.356.774 0 1.154.359c.26.243.392.63.392 1.148 0 1.025-.493 1.501-1.549 1.501-1.053 0-1.543-.479-1.543-1.501m5.887 10.507a.53.53 0 0 1-.4-.05.5.5 0 0 1-.24-.278l-.539-2.893c-.039-.21-.224-.345-.45-.336a.416.416 0 0 0-.384.409v8.655a.53.53 0 0 1-.53.527.53.53 0 0 1-.532-.527v-5.16a.42.42 0 0 0-.423-.409h-1.188a.414.414 0 0 0-.42.41v5.156a.53.53 0 0 1-1.062 0v-8.655a.414.414 0 0 0-.383-.41c-.23-.01-.415.127-.454.337l-.532 2.865a.5.5 0 0 1-.247.309.52.52 0 0 1-.406.05h-.006a.523.523 0 0 1-.372-.636l1.21-4.336a.3.3 0 0 0 .034-.092l.004-.015.007-.022c.182-.865.977-1.493 1.888-1.493h2.664c.913 0 1.708.628 1.888 1.493l.016.056q.018.06.042.115l1.196 4.289q.004.003.003.008a.526.526 0 0 1-.384.633m.241.787a1.34 1.34 0 0 0 .956-1.641l-1.185-4.264a1 1 0 0 0-.056-.17c-.27-1.233-1.404-2.127-2.706-2.127h-2.664c-1.303 0-2.44.894-2.709 2.132a1 1 0 0 0-.047.14l-1.2 4.294-.002.009a1.34 1.34 0 0 0 .97 1.63 1.39 1.39 0 0 0 1.403-.41v5.127c0 .742.616 1.347 1.372 1.347s1.373-.605 1.373-1.347v-4.75h.336v4.747a1.36 1.36 0 0 0 1.372 1.348c.757 0 1.373-.605 1.373-1.348v-5.123a1.4 1.4 0 0 0 1.414.406"
         })
     }));
-}, d = n;
+}, p = n;