@telefonica/mistica 15.20.1 → 16.1.0

package/dist/generated/mistica-icons/icon-truck-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,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: l, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = 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.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -114,7 +114,7 @@ const m = (_param)=>{
                 d: "M2.716 14.362h5.716a.72.72 0 0 0 .716-.73.72.72 0 0 0-.716-.728H2.716a.72.72 0 0 0-.716.729c0 .403.32.729.716.729M5.216 10.726h-2.5A.72.72 0 0 1 2 10c0-.403.32-.729.716-.733h2.5c.396 0 .716.326.716.729s-.32.729-.716.729"
             })
         ]
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -141,4 +141,4 @@ const m = (_param)=>{
             d: "M21.154 11.52c.24.302.675.874.675 1.518l.008 2.89c0 .471-.204.947-.565 1.306a1.89 1.89 0 0 1-1.314.563h-1.076c-.123 1.51-1.115 2.409-2.725 2.409-1.608 0-2.594-.9-2.726-2.41h-4.4c-.123 1.51-1.115 2.41-2.726 2.41-1.608 0-2.6-.9-2.725-2.41h-.174a1.253 1.253 0 0 1-1.255-1.248V5.052c0-.686.558-1.25 1.258-1.25l10.832.006c.697 0 1.258.563 1.258 1.25V6.83h1.05c.656 0 1.328.333 1.706.857.398.532 2.619 3.47 2.899 3.832M9.022 16.982h4.418c.115-.891.549-1.544 1.24-1.91V5.06a.433.433 0 0 0-.436-.434L3.406 4.618a.436.436 0 0 0-.434.434V16.55a.44.44 0 0 0 .437.432h.188c.179-1.412 1.16-2.247 2.708-2.247 1.552 0 2.538.835 2.717 2.247m11.667-.328c.204-.204.328-.473.325-.726l-.008-2.89c0-.364-.309-.77-.497-1.017l-.005-.006a546 546 0 0 1-2.913-3.851c-.221-.305-.647-.516-1.042-.516h-1.048v7.146q.31-.061.656-.059c1.552 0 2.538.835 2.717 2.247h1.084c.255 0 .518-.115.731-.328m-4.532 2.737c1.263 0 1.93-.661 1.93-1.919s-.664-1.919-1.93-1.919-1.93.661-1.93 1.919.666 1.919 1.93 1.919m-9.852 0c1.264 0 1.93-.661 1.93-1.919s-.664-1.919-1.93-1.919-1.93.661-1.93 1.919.667 1.919 1.93 1.919"
         })
     }));
-}, d = m;
+}, p = m;

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

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

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const c = (_param)=>{
-    var { color: a, size: r = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: l, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.642 5.911 15.54 2.214q-.006-.004-.011-.003a.4.4 0 0 0-.098-.036c-.023-.006-.045-.014-.07-.014-.009 0-.017-.006-.023-.006-.014 0-.028.006-.04.008a.4.4 0 0 0-.1.023c-.014.005-.022.011-.036.017a.3.3 0 0 0-.101.07l-.017.016c-.02.023-.045.04-.059.068-.008.017-.008.033-.017.047q0 .005-.002.006a.4.4 0 0 0-.031.16c0 1.907-.919 2.837-2.801 2.837-1.885 0-2.801-.927-2.801-2.84a.41.41 0 0 0-.202-.356.41.41 0 0 0-.406-.003L2.36 5.906a.413.413 0 0 0-.168.526l1.974 4.398a.404.404 0 0 0 .54.202l1.614-.773-.033 11.168c0 .109.042.215.117.294a.4.4 0 0 0 .289.12H17.56a.4.4 0 0 0 .286-.12.42.42 0 0 0 .118-.294l-.034-11.163 1.583.768c.1.047.218.053.322.014a.42.42 0 0 0 .23-.23l1.745-4.4a.41.41 0 0 0-.169-.505"
         })
     }));

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

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: o, size: r = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: o, size: r = 24 } = _param, e = _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 t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = o !== null && o !== void 0 ? o : t ? _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"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "m15.574 2.247 5.984 3.625c.249.15.355.467.246.74l-1.711 4.31a.593.593 0 0 1-.81.316l-1.266-.613.034 10.614a.598.598 0 0 1-.597.605H6.813a.59.59 0 0 1-.423-.177.61.61 0 0 1-.174-.428l.03-10.62-1.296.62a.58.58 0 0 1-.46.022.6.6 0 0 1-.339-.316L2.216 6.634a.61.61 0 0 1 .246-.774l6.233-3.624a.59.59 0 0 1 .594.003c.185.109.297.308.297.523 0 1.762.81 2.583 2.546 2.583 1.737 0 2.546-.82 2.546-2.583q0-.003.002-.007v-.007a.7.7 0 0 1 .046-.206l.01-.029.006-.017a.2.2 0 0 1 .014-.042.3.3 0 0 1 .05-.057 1 1 0 0 0 .065-.072.6.6 0 0 1 .151-.1q.023-.014.048-.023a.7.7 0 0 1 .143-.03q.017 0 .03-.006a.1.1 0 0 1 .032-.006q.015 0 .026.006l.01.003q.054.002.104.02a.7.7 0 0 1 .153.056zm2.101 6.877 1.55.753 1.282-3.232L15.77 3.77c-.341 1.779-1.618 2.784-3.638 2.784-2.062 0-3.33-.983-3.656-2.795L3.521 6.636l1.46 3.252 1.605-.767a.58.58 0 0 1 .574.036.61.61 0 0 1 .277.513l-.033 10.97h9.45l-.033-10.97a.596.596 0 0 1 .854-.546"

package/dist/generated/mistica-icons/icon-tv-content-filled.js

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: i, size: e = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: n, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = n !== null && n !== void 0 ? n : l ? _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: e,
         height: e,

package/dist/generated/mistica-icons/icon-tv-content-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,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: i, size: t = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: n, size: t = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), o = i !== null && i !== void 0 ? i : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = n !== null && n !== void 0 ? n : 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,
@@ -129,4 +129,4 @@ const l = (_param)=>{
             d: "M5.32 17.307c-1.043 0-1.842-.275-2.383-.815-.518-.522-.782-1.28-.782-2.25V8.156c0-.97.264-1.722.782-2.236.536-.532 1.337-.8 2.38-.8l13.366-.009c1.043 0 1.845.269 2.38.801.518.516.782 1.269.782 2.236v6.087c0 .97-.264 1.728-.782 2.25-.538.54-1.34.814-2.383.814zM18.686 5.653 5.32 5.661c-1.752 0-2.604.815-2.604 2.494v6.088c0 .825.21 1.453.625 1.871.429.432 1.093.65 1.979.65l13.366-.009c.883 0 1.55-.217 1.979-.649.415-.416.625-1.046.625-1.872V8.147c-.003-1.679-.852-2.494-2.604-2.494m-9.422 13.24h5.47c.153 0 .28-.122.28-.272a.277.277 0 0 0-.28-.271h-5.47a.277.277 0 0 0-.28.271c0 .15.126.272.28.272"
         })
     }));
-}, d = l;
+}, p = l;

package/dist/generated/mistica-icons/icon-tv-content-regular.js

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: i, size: e = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: n, size: e = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), o = i !== null && i !== void 0 ? i : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = n !== null && n !== void 0 ? n : v ? _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: e,
         height: e,

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const a = (_param)=>{
     var { color: e, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : c ? _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 n = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "m11.436 3.334.003.017h1.227l.003-.012q.004-.011.002-.024v-.55a.616.616 0 0 0-.619-.61.616.616 0 0 0-.619.61v.553zm10.38 7.516c.074.417-.041.86-.316 1.204a1.58 1.58 0 0 1-1.198.558l-1.527-.003q.022-.094.014-.19c-.804-6.382-4.706-8.583-6.104-9.068 2.913.126 5.196 1.011 6.804 2.653 1.205 1.23 1.989 2.863 2.328 4.846m-4.257 1.717c-.644-5.115-3.49-7.275-4.877-7.897 0 0-.002 7.922-.005 7.92l4.893.013q0-.009-.005-.019-.004-.007-.006-.017M11.422 4.7c-1.443.734-4.39 3.101-5.154 7.874l5.16.014zM5.01 12.567c.9-6.104 5.05-8.639 6.406-9.213-2.932.095-5.246.966-6.87 2.605-1.22 1.218-2.018 2.843-2.37 4.826-.079.429.041.874.344 1.241.104.12.224.227.361.311.247.149.527.227.815.233l1.314.002zm10.348 6.423a.616.616 0 0 1 .618.61c0 1.236-1.02 2.241-2.271 2.241-1.235 0-2.247-.977-2.272-2.19l-.003-.042v-7.02h1.238V19.6c0 .56.463 1.02 1.034 1.02.569 0 1.03-.457 1.03-1.02a.624.624 0 0 1 .626-.61"
         })
     }));
-}, h = n;
+}, h = a;

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: l, size: r = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: l, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), a = l !== null && l !== void 0 ? l : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
             d: "M19.499 6.025c1.201 1.23 1.983 2.857 2.322 4.84.067.37-.037.76-.286 1.068-.266.313-.65.49-1.059.49L12.5 12.4v7.36c0 .685.568 1.246 1.266 1.246.697 0 1.266-.56 1.266-1.247 0-.23.19-.417.423-.417a.42.42 0 0 1 .423.417c0 1.146-.947 2.078-2.11 2.078-1.16 0-2.103-.924-2.111-2.064v-7.378l-8.14-.02a1.4 1.4 0 0 1-.72-.204 1.343 1.343 0 0 1-.625-1.367c.353-1.983 1.148-3.608 2.364-4.82 1.664-1.684 4.064-2.558 7.12-2.611v-.804c0-.23.191-.418.423-.418a.42.42 0 0 1 .423.418v.798c3.009.092 5.359.986 6.998 2.658M3.244 11.462a.6.6 0 0 0 .28.081l2.014.006c.664-4.028 2.955-6.188 4.6-7.235-2.099.269-3.78 1.017-5 2.249-1.093 1.092-1.813 2.569-2.135 4.384a.52.52 0 0 0 .24.515m17.641-.056a.53.53 0 0 0 .107-.4c-.314-1.818-1.017-3.3-2.098-4.404-1.177-1.199-2.782-1.947-4.776-2.252 1.593 1.02 3.65 3.112 4.339 7.233l2.025.005c.16 0 .302-.064.403-.182m-8.384-6.963v7.123l5.096.014c-.872-4.922-3.827-6.628-5.096-7.137m-.843-.017c-1.23.532-4.428 2.361-5.263 7.126l5.263.011z"
         })
     }));
-}, h = i;
+}, h = s;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: c, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), t = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : a ? _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), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M19.496 6.012c1.205 1.23 1.989 2.863 2.328 4.846.075.417-.04.857-.314 1.205a1.57 1.57 0 0 1-1.196.557l-7.605-.02v7.003c0 .56.465 1.017 1.034 1.017.568 0 1.033-.457 1.033-1.017 0-.336.277-.61.62-.61.34 0 .618.274.618.61 0 1.235-1.02 2.241-2.271 2.241-1.236 0-2.247-.978-2.272-2.19q-.004-.021-.003-.042v-7.014l-7.762-.023a1.6 1.6 0 0 1-.815-.232 1.6 1.6 0 0 1-.361-.308c-.303-.37-.42-.813-.345-1.239.353-1.983 1.151-3.607 2.37-4.829 1.63-1.647 3.96-2.52 6.913-2.607v-.594c0-.336.277-.611.62-.611.34 0 .618.275.618.61v.595c2.905.128 5.185 1.014 6.79 2.652M3.544 11.306a.34.34 0 0 0 .168.045l1.795.006c.597-3.35 2.286-5.364 3.779-6.521-1.577.339-2.871 1-3.849 1.986-1.042 1.042-1.725 2.45-2.033 4.187a.3.3 0 0 0 .07.236c.028.03.053.05.066.059zm17.002-.016a.3.3 0 0 0 .06-.225c-.298-1.742-.97-3.156-1.998-4.207-.936-.955-2.165-1.608-3.658-1.97 1.414 1.141 2.947 3.127 3.549 6.502l1.812.006c.065 0 .16-.02.235-.107m-7.84-6.373v6.462l4.535.011c-.823-4.207-3.244-5.874-4.535-6.473m-1.24-.008c-1.298.633-3.906 2.389-4.704 6.453l4.703.014z"

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

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

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

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: i, size: o = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: n, size: o = 24 } = _param, r = _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: l } = (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: l } = (0, _hooks.useTheme)();
     return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,

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

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

package/dist/generated/mistica-icons/icon-unlimited-calls-sms-filled.js

@@ -97,7 +97,7 @@ const m = (_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: t } = (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: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

package/dist/generated/mistica-icons/icon-unlimited-calls-sms-light.js

@@ -97,7 +97,7 @@ const s = (_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: r } = (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: r } = (0, _hooks.useTheme)();
     return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,

package/dist/generated/mistica-icons/icon-unlimited-calls-sms-regular.js

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: r, size: l = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: o, size: l = 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: i } = (0, _hooks.useTheme)();
+    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: l,
         height: l,

package/dist/generated/mistica-icons/icon-unlimited-internet-filled.js

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

package/dist/generated/mistica-icons/icon-unlimited-internet-light.js

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: o, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), a = o !== null && o !== void 0 ? o : r ? _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 o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = r !== null && r !== void 0 ? r : o ? _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",

package/dist/generated/mistica-icons/icon-unlimited-internet-regular.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: a, size: c = 24 } = _param, m = _object_without_properties(_param, [
+    var { color: t, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), r = a !== null && a !== void 0 ? a : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = t !== null && t !== void 0 ? t : o ? _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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, m), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: a,
             d: "M12.715 2.5C8.3 2.5 4.597 5.674 3.664 9.91c-.384.08-.754.271-1.051.58A2.15 2.15 0 0 0 2 12c0 .57.22 1.108.613 1.51.297.304.667.496 1.051.58.933 4.236 4.63 7.41 9.051 7.41 5.12 0 9.285-4.26 9.285-9.495.005-5.246-4.165-9.505-9.285-9.505M9.342 4.74c-.855 1.332-1.454 3.179-1.687 5.296a2.1 2.1 0 0 0-.65.445l-.717.738-.718-.734a2 2 0 0 0-.489-.36 8.02 8.02 0 0 1 4.26-5.386m-2.295 7.255.718-.734a1 1 0 0 1 1.44 0c.192.197.297.459.297.734 0 .276-.105.538-.297.734a1 1 0 0 1-1.44 0zm-3.973 0c0-.275.105-.537.297-.734a1.003 1.003 0 0 1 1.436 0l.718.734-.718.734a1 1 0 0 1-1.44 0 1.06 1.06 0 0 1-.293-.734m2.496 1.51.718-.734.718.734c.192.197.411.342.649.445.233 2.117.832 3.969 1.687 5.297-2.112-1.029-3.708-3.002-4.26-5.382.173-.098.342-.21.488-.36m6.432 6.359c-1.303-.59-2.528-2.74-2.907-5.835a2.06 2.06 0 0 0 1.353-1.304h1.554zm-1.554-8.598a2.058 2.058 0 0 0-1.353-1.304c.384-3.095 1.604-5.246 2.907-5.84v7.144zm10.094 0h-2.66c-.106-2.637-.773-4.942-1.788-6.527 2.44 1.193 4.192 3.642 4.448 6.527m-4.096 0h-3.017V4.127c1.476.669 2.857 3.347 3.017 7.139m-3.017 8.598v-7.14h3.017c-.156 3.792-1.536 6.471-3.017 7.14m4.448-7.14h2.66c-.251 2.885-2.002 5.335-4.448 6.527 1.015-1.585 1.682-3.89 1.788-6.526"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const h = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, m), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: a,
             d: "M12.715 2.5C8.3 2.5 4.597 5.674 3.664 9.91c-.384.08-.754.271-1.051.58A2.15 2.15 0 0 0 2 12c0 .57.22 1.108.613 1.51.297.304.667.496 1.051.58.933 4.236 4.63 7.41 9.051 7.41 5.12 0 9.285-4.26 9.285-9.495.005-5.246-4.165-9.505-9.285-9.505M9.342 4.74c-.855 1.332-1.454 3.179-1.687 5.296a2.1 2.1 0 0 0-.65.445l-.717.738-.718-.734a2 2 0 0 0-.489-.36 8.02 8.02 0 0 1 4.26-5.386m-2.295 7.255.718-.734a1 1 0 0 1 1.44 0c.192.197.297.459.297.734 0 .276-.105.538-.297.734a1 1 0 0 1-1.44 0zm-3.973 0c0-.275.105-.537.297-.734a1.003 1.003 0 0 1 1.436 0l.718.734-.718.734a1 1 0 0 1-1.44 0 1.06 1.06 0 0 1-.293-.734m2.496 1.51.718-.734.718.734c.192.197.411.342.649.445.233 2.117.832 3.969 1.687 5.297-2.112-1.029-3.708-3.002-4.26-5.382.173-.098.342-.21.488-.36m6.432 6.359c-1.303-.59-2.528-2.74-2.907-5.835a2.06 2.06 0 0 0 1.353-1.304h1.554zm-1.554-8.598a2.058 2.058 0 0 0-1.353-1.304c.384-3.095 1.604-5.246 2.907-5.84v7.144zm10.094 0h-2.66c-.106-2.637-.773-4.942-1.788-6.527 2.44 1.193 4.192 3.642 4.448 6.527m-4.096 0h-3.017V4.127c1.476.669 2.857 3.347 3.017 7.139m-3.017 8.598v-7.14h3.017c-.156 3.792-1.536 6.471-3.017 7.14m4.448-7.14h2.66c-.251 2.885-2.002 5.335-4.448 6.527 1.015-1.585 1.682-3.89 1.788-6.526"
         })
     }));

package/dist/generated/mistica-icons/icon-user-account-filled.js

@@ -97,7 +97,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), t = n !== null && n !== void 0 ? n : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (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: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -126,7 +126,7 @@ const a = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
-            d: "M8.391 10.797c.84.809 2.053 1.218 3.61 1.218 1.558 0 2.774-.409 3.614-1.219.877-.84 1.322-2.086 1.322-3.705s-.442-2.869-1.319-3.712c-.843-.812-2.059-1.224-3.616-1.224-1.558 0-2.77.412-3.61 1.224-.872.843-1.315 2.093-1.315 3.712s.443 2.865 1.314 3.706M3.81 21.847h16.386c.308 0 .56-.252.56-.56v-1.639c0-1.569-.49-2.905-1.42-3.871-1.008-1.05-2.51-1.605-4.336-1.605H8.991c-1.827 0-3.323.557-4.33 1.608-.925.963-1.413 2.3-1.413 3.868v1.639c0 .308.252.56.56.56"
+            d: "M8.39 10.797c.841.809 2.054 1.218 3.611 1.218s2.774-.409 3.614-1.219c.877-.84 1.322-2.086 1.322-3.705s-.443-2.869-1.32-3.712c-.842-.812-2.058-1.224-3.616-1.224-1.557 0-2.77.412-3.61 1.224-.871.843-1.314 2.093-1.314 3.712s.443 2.865 1.314 3.706m-4.582 11.05h16.387c.308 0 .56-.252.56-.56v-1.639c0-1.569-.49-2.905-1.42-3.871-1.009-1.05-2.51-1.605-4.336-1.605H8.99c-1.826 0-3.322.557-4.33 1.608-.925.963-1.412 2.3-1.412 3.868v1.639c0 .308.252.56.56.56"
         })
     }));
 }, p = a;

package/dist/generated/mistica-icons/icon-user-account-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");
@@ -97,7 +97,7 @@ const l = (_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: r } = (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: r } = (0, _hooks.useTheme)();
     return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const l = (_param)=>{
             d: "M11.999 12.007c-3.162 0-4.834-1.642-4.834-4.747 0-1.577.43-2.783 1.278-3.589.818-.776 2.013-1.171 3.556-1.171 1.542 0 2.74.395 3.563 1.171.854.806 1.284 2.015 1.284 3.59 0 3.104-1.675 4.746-4.847 4.746M3.675 21.5h16.65a.273.273 0 0 0 .275-.268v-2.11c0-1.44-.455-2.669-1.32-3.55-.941-.96-2.349-1.47-4.067-1.47H8.787c-1.718 0-3.126.51-4.068 1.467-.862.882-1.319 2.11-1.319 3.55v2.11c0 .15.124.271.275.271m16.374-.54H3.951v-1.84c0-1.301.402-2.396 1.165-3.175.848-.863 2.082-1.301 3.671-1.301h6.426c1.589 0 2.823.438 3.671 1.3.763.78 1.165 1.878 1.165 3.176zM8.826 4.06c-.736.701-1.11 1.778-1.11 3.2s.374 2.497 1.11 3.192c.71.673 1.779 1.011 3.173 1.011 1.393 0 2.467-.34 3.18-1.014.742-.698 1.116-1.772 1.116-3.192s-.374-2.499-1.115-3.2c-.716-.673-1.785-1.016-3.181-1.016-1.394 0-2.463.343-3.173 1.02"
         })
     }));
-}, d = l;
+}, p = l;

package/dist/generated/mistica-icons/icon-user-account-regular.js

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

package/dist/generated/mistica-icons/icon-user-support-filled.js

@@ -92,30 +92,30 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: a, size: c = 24 } = _param, l = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: t, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), o = a !== null && a !== void 0 ? a : 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)(), l = 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"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: l,
             d: "M12.352 2c-5.086 0-9.188 4.297-9.188 9.63 0 1.443.282 2.779.847 3.998l-1.518 5.928c-.034.112 0 .26.073.332a.31.31 0 0 0 .248.112h.072l5.646-1.591a8.76 8.76 0 0 0 3.812.851c5.086 0 9.184-4.297 9.184-9.63S17.438 2 12.352 2m0 15.075c-.355 0-.637-.296-.637-.668 0-.371.282-.667.637-.667.354 0 .636.296.636.667-.003.372-.286.668-.636.668m1.444-5.369a3.33 3.33 0 0 0-.918 2.335c0 .296-.248.555-.53.555s-.53-.26-.53-.555c0-1.184.423-2.295 1.235-3.11l1.026-1.076c.457-.48.388-1.519 0-2.034a1.9 1.9 0 0 0-1.556-.816h-.175c-.637 0-1.201.332-1.517.927-.141.26-.458.372-.706.184a.52.52 0 0 1-.175-.74c.496-.887 1.449-1.482 2.436-1.482h.175c.92 0 1.8.443 2.368 1.223.67.92.777 2.586-.107 3.514z"
         })
-    })) : 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"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: l,
             d: "M12.352 2c-5.086 0-9.188 4.297-9.188 9.63 0 1.443.282 2.779.847 3.998l-1.518 5.928c-.034.112 0 .26.073.332a.31.31 0 0 0 .248.112h.072l5.646-1.591a8.76 8.76 0 0 0 3.812.851c5.086 0 9.184-4.297 9.184-9.63S17.438 2 12.352 2m0 15.075c-.355 0-.637-.296-.637-.668 0-.371.282-.667.637-.667.354 0 .636.296.636.667-.003.372-.286.668-.636.668m1.444-5.369a3.33 3.33 0 0 0-.918 2.335c0 .296-.248.555-.53.555s-.53-.26-.53-.555c0-1.184.423-2.295 1.235-3.11l1.026-1.076c.457-.48.388-1.519 0-2.034a1.9 1.9 0 0 0-1.556-.816h-.175c-.637 0-1.201.332-1.517.927-.141.26-.458.372-.706.184a.52.52 0 0 1-.175-.74c.496-.887 1.449-1.482 2.436-1.482h.175c.92 0 1.8.443 2.368 1.223.67.92.777 2.586-.107 3.514z"
         })
     })) : /* @__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"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
-            d: "M20.168 2.155h-6.582a1.664 1.664 0 0 0-1.67 1.658V7.85c0 .952.68 1.67 1.583 1.67h.557v1.383q0 .094-.004.184c-.01.322-.02.599.298.65.353.058.634-.283.854-.55l.048-.057c.098-.118.274-.306.49-.538.282-.304.634-.682.973-1.073l3.453.009c.922 0 1.667-.748 1.67-1.67V3.825a1.67 1.67 0 0 0-1.67-1.67m-3.12 6.28a.526.526 0 1 1-.001-1.052.526.526 0 0 1 0 1.052m.804-2.716c-.125.108-.305.265-.305.447v.208a.503.503 0 0 1-.502.512.503.503 0 0 1-.501-.512v-.208c0-.516.322-.826.556-1.05l.03-.028q.025-.025.063-.056c.107-.091.261-.222.261-.398 0-.137-.078-.434-.412-.434s-.501.269-.501.428a.5.5 0 0 1-1 .026V4.63c0-.837.582-1.38 1.501-1.38.86 0 1.437.716 1.437 1.386.005.49-.222.703-.443.91l-.106.101q-.03.03-.078.07m-9.227 9.943c1.134 0 2.014-.322 2.613-.958.566-.6.855-1.445.855-2.513s-.289-1.91-.855-2.512c-.6-.636-1.479-.958-2.613-.958-1.135 0-2.014.322-2.614.958-.565.6-.854 1.445-.854 2.512 0 1.068.289 1.91.854 2.513.6.636 1.48.958 2.614.958m-5.487 1.972c.647-.655 1.616-.986 2.876-.986h5.222c1.26 0 2.226.33 2.876.983s.978 1.628.978 2.894v1.042a.28.28 0 0 1-.28.28H2.44a.28.28 0 0 1-.28-.28v-1.042c0-1.266.33-2.235.978-2.891"
+            fill: l,
+            d: "M20.169 2.155h-6.583a1.664 1.664 0 0 0-1.67 1.658V7.85c0 .952.681 1.67 1.583 1.67h.557v1.383q0 .094-.004.184c-.01.322-.02.599.299.65.352.058.633-.283.854-.55l.048-.057c.098-.118.273-.306.489-.538.282-.304.634-.682.973-1.073l3.454.009c.921 0 1.666-.748 1.669-1.67V3.825a1.67 1.67 0 0 0-1.67-1.67m-3.12 6.28a.526.526 0 1 1-.002-1.052.526.526 0 0 1 .001 1.052m.803-2.716c-.125.108-.305.265-.305.447v.208a.503.503 0 0 1-.502.512.503.503 0 0 1-.501-.512v-.208c0-.516.322-.826.556-1.05l.03-.028q.026-.025.063-.056c.107-.091.261-.222.261-.398 0-.137-.078-.434-.412-.434s-.5.269-.5.428a.5.5 0 0 1-1 .026V4.63c0-.837.582-1.38 1.5-1.38.86 0 1.438.716 1.438 1.386.004.49-.223.703-.444.91l-.106.101q-.03.03-.078.07m-9.227 9.943c1.135 0 2.014-.322 2.614-.958.565-.6.854-1.445.854-2.513s-.289-1.91-.854-2.512c-.6-.636-1.48-.958-2.614-.958s-2.014.322-2.613.958c-.566.6-.855 1.445-.855 2.512 0 1.068.289 1.91.855 2.513.6.636 1.479.958 2.613.958m-5.487 1.972c.647-.655 1.616-.986 2.877-.986h5.22c1.261 0 2.228.33 2.878.983s.977 1.628.977 2.894v1.042a.28.28 0 0 1-.28.28H2.44a.28.28 0 0 1-.28-.28v-1.042c0-1.266.33-2.235.978-2.891"
         })
     }));
-}, f = s;
+}, f = n;

package/dist/generated/mistica-icons/icon-user-support-light.js

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const p = (_param)=>{
-    var { color: r, size: c = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), a = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = o !== null && o !== void 0 ? o : i ? _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-user-support-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: o, size: c = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), l = o !== null && o !== void 0 ? o : h ? _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({
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = o !== null && o !== void 0 ? o : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    return s.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"
-    }, s), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -114,12 +114,12 @@ const v = (_param)=>{
                 d: "M3.165 22a.66.66 0 0 1-.484-.216.72.72 0 0 1-.175-.692l1.455-5.565a9.95 9.95 0 0 1-.796-3.89C3.165 6.326 7.287 2 12.346 2c5.06 0 9.182 4.326 9.182 9.636s-4.122 9.636-9.182 9.636c-1.283 0-2.53-.292-3.706-.8l-5.303 1.492C3.302 22 3.234 22 3.165 22m9.178-18.545c-4.298 0-7.795 3.675-7.795 8.181 0 1.236.244 2.4.762 3.49.069.145.069.329.034.508l-1.211 4.623 4.362-1.24c.175-.036.347-.036.484.036 1.04.508 2.183.8 3.326.8 4.331-.036 7.828-3.707 7.828-8.217s-3.497-8.18-7.79-8.18"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -135,7 +135,7 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -147,4 +147,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, u = v;
+}, M = v;