@telefonica/mistica 15.20.1 → 16.1.0

package/dist/generated/mistica-icons/{icon-millenials-regular.d.ts → icon-millennials-filled.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconMillenialsRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
-export default IconMillenialsRegular;
+declare const IconMillennialsFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconMillennialsFilled;

package/dist/generated/mistica-icons/{icon-millenials-filled.js → icon-millennials-filled.js}

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

package/dist/generated/mistica-icons/{icon-smiley-happy-light.d.ts → icon-millennials-light.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconSmileyHappyLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
-export default IconSmileyHappyLight;
+declare const IconMillennialsLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconMillennialsLight;

package/dist/generated/mistica-icons/{icon-millenials-light.js → icon-millennials-light.js}

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const h = (_param)=>{
     var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), l = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = o !== null && o !== void 0 ? o : r ? _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,
@@ -135,4 +135,4 @@ const n = (_param)=>{
             d: "M18.819 5.48a.42.42 0 0 0 .036-.613c-2.725-2.918-6.77-2.722-6.921-2.708-4.37.047-6.695 2.45-6.79 2.552a.42.42 0 0 0 .03.613c.182.16.468.146.64-.03v-.002c.053-.053 2.202-2.223 6.15-2.268h.007c.183-.006 3.827-.123 6.206 2.423a.48.48 0 0 0 .642.034m-6.827 5.133c.927 0 1.653.232 2.152.697.523.482.787 1.193.787 2.115s-.266 1.633-.79 2.112c-.499.46-1.224.695-2.151.695-.925 0-1.65-.236-2.149-.695-.518-.48-.781-1.188-.781-2.112s.263-1.636.781-2.115c.504-.465 1.227-.697 2.151-.697m1.524 4.297c.336-.309.507-.81.507-1.485 0-.678-.173-1.177-.51-1.49-.325-.303-.837-.454-1.52-.454q-1.026 0-1.519.454c-.336.31-.504.812-.504 1.49s.168 1.176.504 1.484c.325.3.835.451 1.518.451.687.003 1.2-.15 1.524-.45m2.784 5.672c0-.664-.204-1.219-.59-1.605-.426-.423-1.093-.647-1.928-.647h-3.577c-.832 0-1.496.224-1.921.647-.384.383-.586.938-.586 1.605v.383h8.603zm-2.518-3.12c1.087 0 1.978.316 2.58.915.555.55.846 1.311.846 2.205v.935c0 .177-.148.32-.333.32H7.12a.326.326 0 0 1-.333-.32v-.935c0-.897.291-1.658.837-2.205.6-.6 1.493-.916 2.577-.916zM11.94 5.015c.129-.008 3.33-.11 5.37 2.076a.42.42 0 0 1-.037.613.47.47 0 0 1-.638-.034c-1.748-1.874-4.642-1.792-4.67-1.787-2.787.03-4.482 1.7-4.596 1.812l-.006.006a.47.47 0 0 1-.641.031.42.42 0 0 1-.034-.613l.006-.007c.143-.144 2.035-2.061 5.246-2.097m2.866 4.868c.165.18.454.196.638.037a.423.423 0 0 0 .04-.614c-1.285-1.375-3.262-1.365-3.502-1.364h-.022c-2.138.023-3.39 1.328-3.443 1.384a.42.42 0 0 0 .034.613c.087.073.193.11.302.11a.45.45 0 0 0 .34-.143c.008-.012 1.03-1.079 2.792-1.096h.002c.073-.001 1.783-.034 2.819 1.073"
         })
     }));
-}, M = n;
+}, M = h;

package/dist/generated/mistica-icons/{icon-smiley-happy-regular.d.ts → icon-millennials-regular.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconSmileyHappyRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
-export default IconSmileyHappyRegular;
+declare const IconMillennialsRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconMillennialsRegular;

package/dist/generated/mistica-icons/{icon-millenials-regular.js → icon-millennials-regular.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return M;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), e = i !== null && i !== void 0 ? i : 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({
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = i !== null && i !== void 0 ? i : 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,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const v = (_param)=>{
             fill: e,
             d: "M18.704 8.531A3.88 3.88 0 0 0 19.816 5.8c0-.376-.052-.745-.152-1.088l1.824-.51a.73.73 0 0 0 .488-.887c-.1-.385-.48-.615-.848-.51l-2.132.598C18.328 2.548 17.316 2 16.18 2c-2.004 0-3.632 1.703-3.632 3.8 0 1.1.448 2.091 1.168 2.786a5 5 0 0 0-.372.15.74.74 0 0 0-.364.95.68.68 0 0 0 .908.38c.684-.304 1.516-.468 2.4-.468 2.508 0 4.324 1.297 4.324 3.084v6.059c0 .401.308.723.692.723s.692-.322.692-.723v-6.059c.004-1.929-1.292-3.469-3.292-4.15M18.432 5.8c0 1.297-1.008 2.352-2.248 2.352-1.076 0-1.976-.795-2.196-1.85l4.34-1.217q.103.339.104.715m-1.004-1.958-3.256.912c.368-.774 1.132-1.305 2.012-1.305.46 0 .888.146 1.244.393m-6.592 7.255a3.88 3.88 0 0 0 1.144-2.765c0-2.097-1.628-3.8-3.632-3.8-.436 0-.856.08-1.244.23-.028-1.158-.94-2.092-2.056-2.092-1.132 0-2.056.967-2.056 2.151v2.218H2l.476 1.037c.036.084.388.808 1.18 1.046.136.042.3.071.492.071.188 0 .404-.029.644-.108a3.84 3.84 0 0 0 1.064 2.008c-1.96.695-3.228 2.222-3.228 4.13v6c0 .401.308.724.692.724s.692-.323.692-.724v-6.004c0-1.063.612-1.754 1.12-2.143.788-.606 1.928-.941 3.2-.941 2.508 0 4.324 1.297 4.324 3.084v6.058c0 .402.308.724.692.724s.692-.322.692-.724v-6.058c0-1.9-1.256-3.423-3.204-4.122m-.24-2.761c0 1.297-1.008 2.351-2.248 2.351a2.2 2.2 0 0 1-1.656-.761c.6-1.172 1.604-1.996 2.98-2.444l.696-.18c.148.314.228.661.228 1.034M9.152 6.134C7.688 6.636 6.728 7.456 6.1 8.255c.036-1.263 1.032-2.28 2.248-2.28.284.004.556.058.804.159m-4.772.979V4.816c0-.39.3-.703.672-.703s.672.314.672.703v.653c0 .07.012.142.028.209a3.85 3.85 0 0 0-.94 1.79q-.059.026-.112.06c-.12.079-.268.162-.416.196.1-.251.1-.49.096-.611"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -129,4 +129,4 @@ const v = (_param)=>{
             d: "M18.754 5.827a.64.64 0 0 0 .053-.914C16.12 1.975 12.14 2.151 11.945 2.16h-.004c-4.328.047-6.644 2.49-6.74 2.594a.633.633 0 0 0 .046.91.676.676 0 0 0 .932-.045c.017-.02 2.017-2.129 5.804-2.17.037-.009 3.566-.166 5.84 2.324a.668.668 0 0 0 .93.053M12 10.743c.896 0 1.597.232 2.084.688.504.474.762 1.18.762 2.09 0 .913-.258 1.616-.762 2.09-.484.454-1.185.686-2.081.686-.9 0-1.597-.232-2.081-.686-.505-.474-.76-1.177-.76-2.09 0-.91.255-1.616.76-2.09.481-.459 1.179-.688 2.078-.688m1.17 3.938q.355-.333.357-1.16c0-.546-.118-.938-.359-1.162-.232-.222-.624-.33-1.168-.33s-.935.108-1.165.327c-.238.224-.356.616-.356 1.165q.001.826.356 1.163c.285.269.79.325 1.165.325s.882-.056 1.17-.328m2.561 5.871c-.005-.375-.092-.877-.448-1.238-.415-.423-1.073-.51-1.552-.51H10.27c-.476 0-1.135.087-1.543.507-.356.361-.443.866-.449 1.241zm-2-3.036c1.053 0 1.919.31 2.502.904.534.544.817 1.297.817 2.182v.925a.32.32 0 0 1-.322.313H7.283a.317.317 0 0 1-.322-.313v-.925c0-.885.28-1.641.815-2.182.58-.594 1.443-.904 2.496-.904zM11.944 4.992c.118-.006 3.32-.115 5.367 2.123a.636.636 0 0 1-.053.91.67.67 0 0 1-.933-.05c-1.592-1.746-4.23-1.697-4.344-1.695h-.003c-2.684.028-4.289 1.712-4.303 1.729a.673.673 0 0 1-.933.045.633.633 0 0 1-.047-.908c.08-.087 1.989-2.12 5.249-2.154m2.613 5.173a.67.67 0 0 0 .933.05.636.636 0 0 0 .05-.91c-1.309-1.432-3.323-1.421-3.556-1.42h-.02c-2.166.023-3.44 1.381-3.493 1.44a.635.635 0 0 0 .044.908.68.68 0 0 0 .93-.042l.003-.003c.067-.067.984-.995 2.55-1.014h.001c.066-.001 1.632-.02 2.558.991"
         })
     }));
-}, M = v;
+}, f = v;

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

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

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

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

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

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

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

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

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

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

@@ -97,7 +97,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), o = s !== null && s !== void 0 ? s : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = s !== null && s !== void 0 ? s : h ? _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,
@@ -105,7 +105,7 @@ const n = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.5 7.712c0-1.951-1.445-3.555-3.282-3.733C17.641 2.768 16.456 2 15.134 2H8.941C7.04 2 5.5 3.6 5.5 5.569V18.43C5.5 20.401 7.042 22 8.94 22h6.194c1.899 0 3.44-1.6 3.44-3.569V11.39c1.666-.334 2.926-1.855 2.926-3.678M8.94 3.43h6.194c.617 0 1.177.284 1.56.75a3.64 3.64 0 0 0-1.502 1.041q-.016 0-.031-.004l-.031-.005H6.905C7.073 4.202 7.92 3.43 8.941 3.43M6.906 18.78H17.17c-.168 1.014-1.014 1.786-2.036 1.786H8.941c-1.022 0-1.868-.772-2.036-1.786m-.03-1.43V6.641h7.55a3.9 3.9 0 0 0-.154 1.07c0 1.823 1.26 3.344 2.93 3.678v5.958zm13.594-9.637c0 1.476-1.158 2.677-2.581 2.677s-2.582-1.201-2.582-2.677 1.159-2.678 2.582-2.678 2.581 1.202 2.581 2.678m-.348 0a.523.523 0 0 1-.515.534h-1.203v1.248c0 .297-.229.534-.515.534a.523.523 0 0 1-.516-.534V8.25H16.17a.523.523 0 0 1-.516-.535c0-.297.23-.534.516-.534h1.202V5.934c0-.297.23-.534.516-.534s.515.237.515.534v1.248h1.203a.52.52 0 0 1 .515.53m-5.506 4.016c0 .759-.309 1.444-.798 1.933 1.132.462 1.833 1.375 1.824 2.527 0 .297-.23.535-.515.535a.523.523 0 0 1-.516-.535c0-1.051-1.061-1.787-2.581-1.787-1.498 0-2.582.754-2.582 1.787 0 .297-.229.535-.515.535a.523.523 0 0 1-.516-.535c0-1.133.718-2.056 1.842-2.522a2.71 2.71 0 0 1-.806-1.938c0-1.476 1.158-2.677 2.581-2.677s2.582 1.201 2.582 2.677m-2.578-1.608c-.854 0-1.55.722-1.55 1.608s.696 1.608 1.55 1.608c.85 0 1.551-.721 1.551-1.608 0-.886-.696-1.608-1.55-1.608"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const n = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.5 7.712c0-1.951-1.445-3.555-3.282-3.733C17.641 2.768 16.456 2 15.134 2H8.941C7.04 2 5.5 3.6 5.5 5.569V18.43C5.5 20.401 7.042 22 8.94 22h6.194c1.899 0 3.44-1.6 3.44-3.569V11.39c1.666-.334 2.926-1.855 2.926-3.678M8.94 3.43h6.194c.617 0 1.177.284 1.56.75a3.64 3.64 0 0 0-1.502 1.041q-.016 0-.031-.004l-.031-.005H6.905C7.073 4.202 7.92 3.43 8.941 3.43M6.906 18.78H17.17c-.168 1.014-1.014 1.786-2.036 1.786H8.941c-1.022 0-1.868-.772-2.036-1.786m-.03-1.43V6.641h7.55a3.9 3.9 0 0 0-.154 1.07c0 1.823 1.26 3.344 2.93 3.678v5.958zm13.594-9.637c0 1.476-1.158 2.677-2.581 2.677s-2.582-1.201-2.582-2.677 1.159-2.678 2.582-2.678 2.581 1.202 2.581 2.678m-.348 0a.523.523 0 0 1-.515.534h-1.203v1.248c0 .297-.229.534-.515.534a.523.523 0 0 1-.516-.534V8.25H16.17a.523.523 0 0 1-.516-.535c0-.297.23-.534.516-.534h1.202V5.934c0-.297.23-.534.516-.534s.515.237.515.534v1.248h1.203a.52.52 0 0 1 .515.53m-5.506 4.016c0 .759-.309 1.444-.798 1.933 1.132.462 1.833 1.375 1.824 2.527 0 .297-.23.535-.515.535a.523.523 0 0 1-.516-.535c0-1.051-1.061-1.787-2.581-1.787-1.498 0-2.582.754-2.582 1.787 0 .297-.229.535-.515.535a.523.523 0 0 1-.516-.535c0-1.133.718-2.056 1.842-2.522a2.71 2.71 0 0 1-.806-1.938c0-1.476 1.158-2.677 2.581-2.677s2.582 1.201 2.582 2.677m-2.578-1.608c-.854 0-1.55.722-1.55 1.608s.696 1.608 1.55 1.608c.85 0 1.551-.721 1.551-1.608 0-.886-.696-1.608-1.55-1.608"
         })
     }));

package/dist/generated/mistica-icons/icon-mobile-coverage-filled.js

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: t, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), s = 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)(), s = 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: e,
         height: e,

package/dist/generated/mistica-icons/icon-mobile-coverage-light.js

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

package/dist/generated/mistica-icons/icon-mobile-coverage-regular.js

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

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

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

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

@@ -93,37 +93,37 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: h, size: e = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: h, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), o = h !== null && h !== void 0 ? h : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = h !== null && h !== void 0 ? h : l ? _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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M15 2H8.571A3.58 3.58 0 0 0 5 5.571V18.43A3.58 3.58 0 0 0 8.571 22H15a3.58 3.58 0 0 0 3.571-3.571V5.57A3.58 3.58 0 0 0 15 2M6.429 17.357V6.643h10.714v10.714zM8.57 3.43H15c1.071 0 1.929.785 2.107 1.785H6.464c.179-1 1.036-1.785 2.107-1.785M15 20.57H8.571c-1.071 0-1.928-.785-2.107-1.785h10.643c-.178 1-1.036 1.785-2.107 1.785"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : t.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"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M8.784 2h6.432a3.575 3.575 0 0 1 3.568 3.572v12.856A3.58 3.58 0 0 1 15.212 22H8.784a3.58 3.58 0 0 1-3.572-3.572V5.572A3.58 3.58 0 0 1 8.784 2m-2.14 4.644V17.36H17.36V6.644zm2.14-3.216c-1.06 0-1.94.776-2.112 1.784h10.652a2.145 2.145 0 0 0-2.112-1.784zm0 17.144h6.432c1.06 0 1.94-.776 2.108-1.784H6.672a2.145 2.145 0 0 0 2.112 1.784"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M8.784 2h6.432a3.575 3.575 0 0 1 3.568 3.572v12.856A3.58 3.58 0 0 1 15.212 22H8.784a3.58 3.58 0 0 1-3.572-3.572V5.572A3.58 3.58 0 0 1 8.784 2m-2.14 4.644V17.36H17.36V6.644zm2.14-3.216c-1.06 0-1.94.776-2.112 1.784h10.652a2.145 2.145 0 0 0-2.112-1.784zm0 17.144h6.432c1.06 0 1.94-.776 2.108-1.784H6.672a2.145 2.145 0 0 0 2.112 1.784"
@@ -133,7 +133,7 @@ const m = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: o,

package/dist/generated/mistica-icons/icon-mobile-euro-filled.js

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

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

package/dist/generated/mistica-icons/icon-mobile-euro-regular.js

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

package/dist/generated/mistica-icons/icon-mobile-pause-filled.js

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: o = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: c, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), i = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = 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: o,
         height: o,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: l,
             d: "M20.889 3.11c.641.639.955 1.535.955 2.737v12.305c0 1.216-.314 2.115-.963 2.754-.645.63-1.55.938-2.765.938h-6.21c-1.219 0-2.12-.308-2.762-.938-.577-.566-.888-1.34-.953-2.359v-.549q-.026 0-.053.002h-.059c-3.742 0-5.924-1.87-5.924-5.867 0-4 2.182-5.872 5.924-5.872l.05.002.051.001v-.417c0-1.185.314-2.076.955-2.72.653-.653 1.558-.972 2.77-.972h6.21c1.222.003 2.13.314 2.774.955M8.082 16.796c3.213 0 4.709-1.481 4.709-4.663s-1.496-4.667-4.709-4.667c-3.21 0-4.706 1.482-4.706 4.667 0 3.182 1.496 4.663 4.706 4.663m5.877 1.208c0 .319.092.577.274.759.185.188.454.285.78.285.324 0 .593-.097.778-.285q.273-.279.274-.76c0-.655-.392-1.047-1.053-1.047-.658 0-1.053.392-1.053 1.048M6.261 9.3c.337 0 .608.269.608.602v4.711a.607.607 0 0 1-.608.605.605.605 0 0 1-.607-.605V9.906c0-.334.274-.605.607-.605m4.06.588a.606.606 0 0 0-.609-.602.604.604 0 0 0-.607.602V14.6a.607.607 0 0 0 1.216 0z"
         })
     }));

package/dist/generated/mistica-icons/icon-mobile-pause-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const n = (_param)=>{
     var { color: e, size: c = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), i = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : t ? _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 a = (_param)=>{
             d: "M20.94 3.065c.607.617.901 1.48.901 2.653v12.56c0 1.182-.294 2.062-.91 2.667-.608.608-1.476.896-2.65.896h-6.274c-1.174 0-2.034-.288-2.65-.896-.54-.54-.838-1.289-.894-2.275l-.008-.549c-.107.009-.205.009-.311.009-3.782 0-5.989-1.913-5.989-5.992 0-4.09 2.207-6.003 5.989-6.003.098 0 .204 0 .302.009v-.426c0-1.148.294-2.011.91-2.636s1.485-.927 2.65-.927h6.275c1.182 0 2.05.294 2.658.91m.08 2.653c0-.944-.212-1.625-.663-2.07-.443-.451-1.123-.672-2.076-.672h-6.274c-.936 0-1.617.221-2.068.689-.45.45-.672 1.126-.672 2.053v.485c3.093.353 4.866 2.274 4.866 5.935 0 3.653-1.773 5.574-4.858 5.927v.583c.048.756.27 1.322.664 1.717.443.443 1.124.658 2.068.658h6.274c.953 0 1.625-.213 2.076-.658.45-.454.664-1.134.664-2.087zm-7.708 6.42c0-3.479-1.692-5.182-5.168-5.182-3.48 0-5.168 1.7-5.168 5.182s1.689 5.171 5.168 5.171c3.476 0 5.168-1.692 5.168-5.17m2.894 5.992c0-.672-.396-1.067-1.06-1.067-.663 0-1.064.395-1.067 1.067 0 .322.101.585.28.773.188.196.46.294.788.294.327 0 .6-.098.787-.294.182-.19.272-.454.272-.773M6.332 9.4a.41.41 0 0 1 .408.41v4.812a.41.41 0 0 1-.817 0v-4.81c0-.227.184-.412.409-.412m3.896.395a.41.41 0 0 0-.41-.411.41.41 0 0 0-.408.411v4.81a.41.41 0 0 0 .818 0z"
         })
     }));
-}, m = a;
+}, m = n;

package/dist/generated/mistica-icons/icon-mobile-pause-regular.js

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = 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: c,
         height: c,
@@ -104,7 +104,7 @@ const i = (_param)=>{
         role: "presentation"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: l,
             d: "M20.886 3.107c.642.639.955 1.535.955 2.737v12.305c0 1.216-.313 2.118-.963 2.754-.645.63-1.55.938-2.765.938h-6.207c-1.219 0-2.12-.308-2.762-.938-.577-.566-.888-1.34-.953-2.359v-.549l-.053.002-.059.001c-3.742.003-5.924-1.868-5.924-5.865 0-4 2.182-5.872 5.924-5.872l.05.002.051.001v-.417c0-1.185.314-2.076.955-2.72.653-.656 1.558-.972 2.77-.972h6.21c1.22 0 2.127.31 2.771.952m-.263 2.74c0-.868-.196-1.488-.6-1.888-.406-.403-1.03-.597-1.91-.597h-6.207c-.869 0-1.493.2-1.905.61-.406.41-.605 1.02-.605 1.875v.501c2.933.41 4.61 2.283 4.61 5.785 0 3.501-1.672 5.37-4.602 5.781v.594c.045.675.238 1.19.594 1.538.4.395 1.025.588 1.905.588h6.21c.88 0 1.501-.193 1.905-.588.409-.398.605-1.02.605-1.897zm-7.835 6.283c0-3.182-1.496-4.667-4.709-4.667-3.21 0-4.705 1.482-4.705 4.667 0 3.182 1.495 4.664 4.705 4.664 3.213 0 4.71-1.482 4.71-4.664M16.06 18c0-.655-.392-1.047-1.05-1.047-.659 0-1.051.392-1.057 1.048q.001.48.275.759c.185.188.454.286.779.286s.593-.098.778-.286c.182-.182.275-.44.275-.76M6.259 9.299c.336 0 .608.269.608.602v4.712a.607.607 0 0 1-1.216 0v-4.71a.61.61 0 0 1 .608-.604m4.059.585a.606.606 0 0 0-.608-.602.607.607 0 0 0-.608.605v4.709a.608.608 0 0 0 1.216 0z"
         })
     }));

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: c, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), s = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : i ? _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"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M20.895 3.105c.641.644.95 1.535.95 2.742v12.302c0 1.213-.317 2.115-.967 2.751-.642.636-1.544.941-2.762.941h-6.21c-1.219 0-2.118-.305-2.768-.933-.574-.571-.885-1.341-.95-2.364v-.546l-.055.004q-.028.004-.06.005c-3.742 0-5.918-1.874-5.918-5.872 0-4.005 2.177-5.88 5.919-5.88q.03.001.057.005l.05.004v-.417c0-1.19.307-2.076.957-2.726.65-.652 1.552-.966 2.768-.966h6.21c1.218 0 2.129.314 2.779.95m-8.101 9.03c0-3.185-1.502-4.672-4.717-4.672-3.208 0-4.7 1.487-4.7 4.672 0 3.177 1.492 4.664 4.7 4.664 3.215 0 4.717-1.487 4.717-4.664m-1.44-.526L6.648 8.917a.6.6 0 0 0-.608 0 .6.6 0 0 0-.305.52v5.385c0 .215.115.414.305.52a.6.6 0 0 0 .306.082q.16.002.305-.081l4.706-2.692a.6.6 0 0 0 .305-.524.61.61 0 0 0-.308-.518m-4.4 2.17v-3.296l2.879 1.647zm8.058 5.27c.325 0 .594-.098.779-.286q.273-.279.274-.76c0-.655-.395-1.047-1.053-1.047s-1.053.392-1.053 1.048c0 .316.092.574.274.759.185.188.454.285.78.285"

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: s, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), i = s !== null && s !== void 0 ? s : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M20.94 3.08c.607.607.901 1.476.901 2.65v12.557c0 1.182-.294 2.05-.91 2.658-.608.608-1.476.905-2.65.905h-6.274c-1.174 0-2.034-.297-2.65-.902-.54-.532-.838-1.28-.902-2.266v-.558q-.08 0-.156.004l-.155.005c-3.782-.003-5.989-1.908-5.989-5.995 0-4.078 2.207-5.991 5.989-5.991q.08 0 .157.004.074.004.145.004v-.429c0-1.156.294-2.02.91-2.635.617-.622 1.485-.936 2.65-.936h6.275c1.182.006 2.05.308 2.658.924m.08 2.65c0-.945-.212-1.625-.663-2.076s-1.123-.673-2.076-.673h-6.274c-.936 0-1.617.23-2.068.69-.45.459-.672 1.131-.672 2.058v.485c3.093.361 4.866 2.274 4.866 5.924s-1.773 5.563-4.858 5.925v.582c.048.754.261 1.33.664 1.714.443.451 1.124.667 2.068.667h6.274c.953 0 1.625-.213 2.076-.667.45-.442.664-1.123.664-2.072zm-7.708 6.408c0-3.479-1.692-5.17-5.168-5.17-3.48 0-5.168 1.691-5.168 5.17s1.689 5.171 5.168 5.171c3.476 0 5.168-1.692 5.168-5.17m-2.992.003-3.524-2.037v4.073zm1.028-.356a.41.41 0 0 1 0 .709l-4.756 2.748a.41.41 0 0 1-.613-.356v-5.49a.41.41 0 0 1 .613-.353c0-.003 4.756 2.742 4.756 2.742m2.734 6.345q0 .493.277.776c.188.193.46.294.788.291.327 0 .6-.1.787-.291q.277-.283.277-.776c0-.667-.398-1.067-1.064-1.067-.667 0-1.065.397-1.065 1.067"

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

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : s ? _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 i = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: a,
             d: "M20.892 3.105c.641.644.95 1.535.95 2.742v12.302c0 1.213-.317 2.115-.967 2.751-.642.636-1.544.941-2.762.941h-6.207c-1.219 0-2.12-.305-2.77-.933-.575-.571-.886-1.341-.95-2.364v-.546q-.032 0-.058.004l-.054.005c-3.745 0-5.919-1.874-5.919-5.872 0-4.005 2.177-5.88 5.919-5.88q.033.001.059.005l.047.004v-.42c0-1.19.308-2.076.958-2.725.647-.65 1.55-.964 2.768-.964h6.21c1.218 0 2.126.314 2.776.95m-.27 15.044V5.847c0-.868-.192-1.488-.599-1.888s-1.03-.597-1.907-.597h-6.21c-.869 0-1.496.202-1.908.61-.406.41-.6 1.023-.6 1.875v.498c2.93.41 4.611 2.283 4.611 5.79 0 3.499-1.672 5.365-4.602 5.782v.596c.042.667.235 1.183.591 1.535.406.396 1.031.589 1.908.589h6.21c.877 0 1.501-.194 1.907-.588.407-.404.6-1.02.6-1.9m-8.966-6.016a.61.61 0 0 0-.305-.524L6.645 8.917a.61.61 0 0 0-.913.521v5.39a.6.6 0 0 0 .305.52c.188.11.42.11.608 0l4.706-2.692a.61.61 0 0 0 .305-.523m-1.826 0L6.95 13.78v-3.297zm2.96.002c0-3.185-1.5-4.672-4.716-4.672-3.207 0-4.7 1.49-4.7 4.672 0 3.177 1.493 4.664 4.7 4.664 3.216 0 4.717-1.487 4.717-4.664m1.166 5.869q.001.48.275.759c.184.188.453.285.778.285s.594-.1.78-.285q.273-.279.274-.76c0-.655-.395-1.047-1.054-1.047-.658 0-1.053.392-1.053 1.048"
         })
     }));

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

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

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: s, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), i = s !== null && s !== void 0 ? s : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M20.94 3.074c.607.608.901 1.476.901 2.641v12.566c0 1.182-.294 2.05-.91 2.658-.608.608-1.476.905-2.65.905h-6.274c-1.174 0-2.037-.297-2.65-.902-.54-.54-.835-1.28-.902-2.272v-.549l-.156.005-.155.004c-3.785-.006-5.989-1.91-5.989-5.997 0-4.079 2.204-5.992 5.989-5.992q.08 0 .157.004.074.003.145.004v-.434c0-1.148.294-2.011.91-2.627.614-.63 1.485-.933 2.65-.933h6.275c1.182 0 2.05.302 2.658.919m.08 15.207V5.715c0-.944-.212-1.616-.663-2.067s-1.124-.672-2.076-.672h-6.274c-.936 0-1.617.23-2.068.689-.45.46-.672 1.123-.672 2.05v.493c3.093.362 4.866 2.275 4.866 5.925s-1.773 5.563-4.858 5.924v.583c.05.753.264 1.322.664 1.714.443.442 1.124.666 2.068.666h6.274c.944 0 1.625-.224 2.076-.666.45-.443.663-1.123.663-2.073M9.88 10.315c0-.611-.196-1.04-.619-1.35-.327-.25-.781-.376-1.344-.379-.532 0-1.09.112-1.32.222a.27.27 0 0 0-.148.291l.04.204v.006l.002.006a.27.27 0 0 0 .325.196c.356-.09.65-.13.983-.13.608 0 .83.113.953.214.215.173.308.383.308.706 0 .459-.157.73-.989 1.717l-.098.117c-.513.62-.742 1.003-.742 1.659q-.005.193.033.383a.264.264 0 0 0 .26.216h.264a.264.264 0 0 0 .266-.266c0-.852.028-.885.82-1.801.698-.83 1.006-1.27 1.006-2.011M8.22 15.48c0-.311-.22-.53-.55-.53-.31 0-.529.219-.529.53v.036c0 .311.213.521.549.521.317 0 .53-.21.53-.557m5.092-3.347c0-3.48-1.69-5.171-5.168-5.171-3.48 0-5.168 1.692-5.168 5.17 0 3.48 1.689 5.171 5.168 5.171s5.168-1.691 5.168-5.17m.77 5.991q0 .493.277.776c.188.19.46.294.788.294.327 0 .599-.1.787-.294q.277-.283.277-.776c0-.666-.398-1.067-1.064-1.067-.667 0-1.065.398-1.065 1.067"

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

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

package/dist/generated/mistica-icons/icon-mobile-shield-filled.js

@@ -97,7 +97,7 @@ const d = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), l = c !== null && c !== void 0 ? c : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = c !== null && c !== void 0 ? c : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: i,
         height: i,
@@ -106,15 +106,15 @@ const d = (_param)=>{
     }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M18.087 5.244s-1.188 1.07-2.797 1.07v3.565c0 1.64 1.609 2.816 2.797 3.208 1.19-.392 2.798-1.568 2.798-3.208V6.314c-1.609 0-2.798-1.07-2.798-1.07"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M17.703 14.264c-1.748-.57-3.637-2.21-3.637-4.385V6.136H5.5V17.9h12.587v-3.493zM5.5 18.97C5.605 20.645 6.969 22 8.647 22h6.294c1.678 0 3.042-1.355 3.146-3.03zM15.29 5.03c1.084 0 1.923-.713 1.993-.748l.49-.428C17.283 2.784 16.199 2 14.94 2H8.647C6.969 2 5.605 3.355 5.5 5.03z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M18.087 5.244s-1.188 1.07-2.797 1.07v3.565c0 1.64 1.609 2.816 2.797 3.208 1.19-.392 2.798-1.568 2.798-3.208V6.314c-1.609 0-2.798-1.07-2.798-1.07"
             })
         ]
@@ -126,15 +126,15 @@ const d = (_param)=>{
     }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M18.087 5.244s-1.188 1.07-2.797 1.07v3.565c0 1.64 1.609 2.816 2.797 3.208 1.19-.392 2.798-1.568 2.798-3.208V6.314c-1.609 0-2.798-1.07-2.798-1.07"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M17.703 14.264c-1.748-.57-3.637-2.21-3.637-4.385V6.136H5.5V17.9h12.587v-3.493zM5.5 18.97C5.605 20.645 6.969 22 8.647 22h6.294c1.678 0 3.042-1.355 3.146-3.03zM15.29 5.03c1.084 0 1.923-.713 1.993-.748l.49-.428C17.283 2.784 16.199 2 14.94 2H8.647C6.969 2 5.605 3.355 5.5 5.03z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M18.087 5.244s-1.188 1.07-2.797 1.07v3.565c0 1.64 1.609 2.816 2.797 3.208 1.19-.392 2.798-1.568 2.798-3.208V6.314c-1.609 0-2.798-1.07-2.798-1.07"
             })
         ]