@telefonica/mistica 15.20.1 → 16.0.0

package/dist/generated/mistica-icons/icon-optical-fiber-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: o, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), e = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : o ? _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,
@@ -129,4 +129,4 @@ const h = (_param)=>{
             d: "M11.994 21.834c-6.434 0-9.838-3.4-9.838-9.835 0-6.434 3.404-9.843 9.838-9.843 3.14 0 5.574.813 7.238 2.418 1.725 1.663 2.602 4.162 2.602 7.423 0 6.437-3.403 9.837-9.84 9.837m0-19.118c-2.989 0-5.294.762-6.849 2.261-1.61 1.555-2.429 3.916-2.429 7.02 0 2.22.42 4.062 1.247 5.5a.3.3 0 0 1 .04-.05l.005-.005 3.325-3.283a.28.28 0 0 1 .395.003l.465.47c.751-1.389 1.594-3.571 1.786-6.561a1.15 1.15 0 0 1-.61-.338c-.227-.238-.347-.56-.347-.95s.117-.71.347-.949c.23-.238.538-.367.905-.367q.551 0 .905.367c.235.244.347.56.347.95s-.118.711-.347.95c-.172.178-.39.295-.642.342-.187 2.988-1.01 5.205-1.767 6.657l6.04-5.963a1.14 1.14 0 0 1-.206-.692c.009-.33.155-.639.435-.913q.42-.414.921-.429.511-.013.902.373.39.386.378.896c-.008.33-.157.639-.434.913-.277.275-.588.42-.922.429h-.036q-.347 0-.637-.187L9.257 15.04c1.449-.738 3.616-1.517 6.508-1.703q.064-.396.35-.672c.243-.235.56-.347.949-.347.39 0 .711.117.95.347.238.23.366.538.366.905q0 .552-.367.905c-.243.235-.557.347-.95.347-.391 0-.71-.118-.949-.347a1.16 1.16 0 0 1-.331-.584c-2.985.195-5.16 1.038-6.548 1.79l.49.497c.11.109.106.288-.003.395L6.33 19.928c1.461.894 3.36 1.346 5.665 1.346 2.989 0 5.294-.76 6.851-2.258C20.46 17.462 21.277 15.1 21.277 12c0-3.1-.818-5.465-2.432-7.02-1.557-1.5-3.862-2.263-6.851-2.263M5.858 19.614l.03-.035 3.243-3.201-.801-.813-.272-.274-.53-.538L4.4 17.84a.6.6 0 0 1-.147.117 6.7 6.7 0 0 0 1.605 1.657m10.716-5.617q.167.163.49.162.322 0 .49-.162a.55.55 0 0 0 .163-.423c0-.182-.05-.32-.163-.423-.112-.104-.274-.163-.49-.163q-.323-.001-.49.163c-.112.109-.163.24-.163.425v.014a.54.54 0 0 0 .163.407M9.85 6.29c-.104.109-.163.274-.163.49q0 .323.163.49c.104.107.232.16.406.163h.017a.55.55 0 0 0 .423-.163q.16-.165.162-.49 0-.323-.162-.49a.55.55 0 0 0-.423-.163.55.55 0 0 0-.423.163m6.014 2.39c.16-.004.314-.082.47-.236q.235-.23.239-.46c.005-.15-.054-.28-.183-.406a.55.55 0 0 0-.417-.18c-.16.004-.313.082-.473.236s-.236.306-.238.46c0 .15.056.28.185.406.128.126.26.185.417.18"
         })
     }));
-}, d = h;
+}, v = h;

package/dist/generated/mistica-icons/icon-optical-fiber-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const m = (_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: c,
         height: c,
@@ -129,4 +129,4 @@ const m = (_param)=>{
             d: "M5.609 20.114a7.4 7.4 0 0 1-.838-.696c-1.736-1.675-2.616-4.17-2.616-7.417s.88-5.742 2.616-7.417c1.673-1.611 4.107-2.429 7.23-2.429s5.557.818 7.23 2.429c1.736 1.672 2.616 4.168 2.616 7.417 0 3.25-.88 5.742-2.616 7.417-1.673 1.61-4.107 2.429-7.23 2.429-2.47 0-4.509-.512-6.08-1.522a.56.56 0 0 1-.312-.211m.418-1.087 2.683-2.648-.603-.61-.605-.611-2.668 2.63a6.3 6.3 0 0 0 1.193 1.239m.962.627c1.326.712 3.004 1.072 5.012 1.072 2.824 0 4.994-.711 6.45-2.114 1.51-1.454 2.275-3.678 2.275-6.611s-.764-5.154-2.274-6.61C16.995 3.986 14.824 3.274 12 3.274c-2.824 0-4.994.712-6.451 2.115C4.04 6.844 3.275 9.068 3.275 12c0 1.906.323 3.51.963 4.8l2.875-2.836a.56.56 0 0 1 .793.006l.193.196c.675-1.341 1.375-3.322 1.566-5.952a1.35 1.35 0 0 1-.457-.317Q8.8 7.471 8.8 6.788q.001-.68.41-1.11a1.45 1.45 0 0 1 1.066-.436c.423 0 .793.151 1.068.437q.41.43.409 1.11c0 .45-.138.823-.41 1.108a1.36 1.36 0 0 1-.56.356c-.15 2.129-.616 3.868-1.15 5.216l4.86-4.801a1.36 1.36 0 0 1-.116-.594q.017-.589.505-1.07.487-.48 1.075-.493c.398-.011.768.14 1.067.437.3.297.457.666.446 1.064q-.018.589-.505 1.07-.487.478-1.075.493a1.4 1.4 0 0 1-.605-.117l-4.768 4.705c1.33-.51 3.023-.952 5.079-1.098a1.4 1.4 0 0 1 .355-.56c.283-.272.656-.409 1.11-.409q.683.002 1.109.412c.283.272.437.644.437 1.067s-.151.793-.437 1.07-.655.41-1.11.41c-.453 0-.823-.14-1.109-.41a1.4 1.4 0 0 1-.316-.456c-2.639.19-4.622.896-5.966 1.574l.224.227a.56.56 0 0 1-.006.792zm9.656-6.062c.003.143.048.204.093.246.025.026.103.099.333.099s.308-.073.333-.098c.045-.045.093-.11.093-.261s-.048-.216-.093-.26c-.025-.026-.103-.099-.333-.099s-.308.073-.333.099c-.045.044-.093.109-.093.257v.011q-.005.005 0 .006m-.781-5.132c.036 0 .148-.002.316-.17.16-.161.168-.26.17-.298l.001-.005c.003-.059-.011-.135-.112-.235-.1-.101-.185-.118-.25-.115-.036 0-.148.003-.316.17-.16.161-.168.26-.17.298v.005c-.004.056.008.132.109.233.109.106.187.12.252.117M10.28 7.214c.149 0 .213-.048.258-.093.025-.025.098-.1.098-.333 0-.232-.073-.308-.098-.333-.045-.045-.11-.093-.26-.093-.152 0-.216.048-.261.093-.025.025-.098.1-.098.333s.073.308.098.333c.042.045.103.09.246.093z"
         })
     }));
-}, d = m;
+}, f = m;

package/dist/generated/mistica-icons/icon-outgoing-call-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return h;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : e ? _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"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M21.84 17.894c-.013-.848-.43-1.686-1.235-2.49a4.8 4.8 0 0 0-1.002-.787c-.544-.336-1.101-.507-1.662-.507q-.233-.002-.473.04c-.717.12-1.423.523-2.095 1.195a6 6 0 0 0-.443.496.2.2 0 0 1-.117.025c-.188 0-.544-.112-1.135-.518-.882-.605-1.924-1.613-2.63-2.32l-.084-.083c-.706-.709-1.714-1.748-2.32-2.63-.52-.762-.56-1.135-.495-1.252a6 6 0 0 0 .496-.443c.672-.672 1.072-1.375 1.196-2.095s-.034-1.44-.465-2.135a5 5 0 0 0-.787-1c-.804-.804-1.642-1.218-2.49-1.235h-.054c-.86 0-1.728.415-2.582 1.23-.306.294-.6.697-.695.832q-.006.013-.011.016-.012.013-.02.026c-.795 1.154-.776 2.94.059 5.033.871 2.188 2.569 4.58 4.907 6.919l.003.001.003.002.078.078c2.34 2.34 4.732 4.037 6.92 4.908 1.072.428 2.064.641 2.93.641.825 0 1.54-.193 2.103-.582a.2.2 0 0 1 .03-.023l.012-.008.019-.014c.15-.11.534-.389.813-.68.829-.872 1.244-1.76 1.227-2.64m-8.246-8.683.95 1.056a.76.76 0 0 0 .613.31.75.75 0 0 0 .518-.206l2.533-2.177.557.62a.6.6 0 0 0 .451.212.6.6 0 0 0 .143-.02.59.59 0 0 0 .417-.464l.813-3.79a.633.633 0 0 0-.625-.779q-.027 0-.053.003l-3.846.3a.58.58 0 0 0-.516.355.58.58 0 0 0 .13.614l.551.613-2.521 2.219a.771.771 0 0 0-.115 1.134"
         })
     }));
-}, m = n;
+}, h = n;

package/dist/generated/mistica-icons/icon-outgoing-call-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: a, size: c = 24 } = _param, r = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: o, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), i = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = 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: c,
         height: c,
@@ -108,4 +108,4 @@ const s = (_param)=>{
             d: "M21.84 17.642c-.016-.921-.456-1.82-1.304-2.67a5 5 0 0 0-1.037-.806c-.753-.468-1.535-.639-2.33-.504-.773.132-1.524.555-2.23 1.26a5 5 0 0 0-.336.362c-.118-.034-.359-.129-.768-.41-.815-.56-1.792-1.512-2.46-2.176l-.08-.08c-.667-.668-1.62-1.65-2.174-2.46-.28-.412-.378-.65-.409-.768q.19-.155.361-.333c.704-.706 1.13-1.457 1.26-2.233.135-.792-.033-1.577-.495-2.322A5.2 5.2 0 0 0 9.02 3.46c-.849-.848-1.748-1.288-2.67-1.305-.963-.003-1.901.415-2.814 1.289-.307.293-.59.68-.73.871l-.021.028c-.843 1.224-.84 3.072.011 5.21.857 2.145 2.516 4.487 4.796 6.767l.08.081c2.278 2.28 4.62 3.942 6.768 4.796 1.073.429 2.068.644 2.961.644.885 0 1.642-.213 2.227-.619q.037-.024.076-.053c.148-.107.546-.395.846-.709.876-.916 1.308-1.862 1.29-2.818m-.82.017c.011.731-.344 1.482-1.064 2.236-.247.257-.614.523-.773.638-.986.68-2.583.644-4.44-.098-2.045-.812-4.289-2.409-6.496-4.616l-.084-.084c-2.196-2.2-3.787-4.443-4.602-6.482-.748-1.874-.782-3.451-.073-4.473a5 5 0 0 1 .616-.74c.737-.706 1.474-1.064 2.19-1.064h.043c.703.014 1.412.372 2.103 1.064q.407.396.698.885c.361.577.493 1.168.392 1.76-.104.602-.451 1.204-1.034 1.787-.154.154-.257.249-.44.392a.4.4 0 0 0-.103.123c-.19.336-.028.871.493 1.636.594.865 1.58 1.885 2.272 2.577l.08.078c.687.69 1.704 1.675 2.575 2.272.765.524 1.297.689 1.636.496a.4.4 0 0 0 .118-.101q.185-.236.395-.443c.582-.582 1.184-.933 1.787-1.033q.891-.148 1.773.398c.32.19.613.422.874.688.692.692 1.05 1.401 1.064 2.104m-7.047-9.255s2.512-2.21 2.51-2.213a.41.41 0 0 0 .033-.582l-.549-.61c-.03-.034-.081-.107-.05-.186.03-.075.117-.095.165-.098l3.832-.291h.02a.23.23 0 0 1 .173.073.22.22 0 0 1 .045.201l-.807 3.776c-.008.037-.036.126-.12.152-.076.02-.149-.037-.18-.073l-.557-.617a.407.407 0 0 0-.571-.036l-2.541 2.185a.33.33 0 0 1-.26.09c-.101-.009-.194-.06-.28-.171l-.947-1.053a.36.36 0 0 1-.084-.283c.01-.098.061-.182.168-.264M13.28 9.5l.924 1.025c.202.269.507.44.843.467.325.034.647-.078.883-.3l2.218-1.907.283.322c.25.283.636.407 1.003.314a1 1 0 0 0 .711-.773l.807-3.776A1.038 1.038 0 0 0 19.931 3.6l-.087.003-3.83.297a1 1 0 0 0-.862.61c-.137.348-.059.746.204 1.04l.275.302-2.171 1.91q-.046.035-.09.074a1.18 1.18 0 0 0-.09 1.664"
         })
     }));
-}, m = s;
+}, m = n;

package/dist/generated/mistica-icons/icon-outgoing-call-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
+const i = (_param)=>{
     var { color: o, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,8 +104,8 @@ const s = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M21.84 17.508c-.016-.963-.467-1.89-1.341-2.764a5.5 5.5 0 0 0-1.05-.832c-.785-.485-1.603-.662-2.435-.521-.804.137-1.58.574-2.302 1.297-.093.09-.165.168-.236.246a3.6 3.6 0 0 1-.549-.32c-.784-.537-1.73-1.456-2.37-2.095l-.08-.08c-.645-.64-1.56-1.583-2.099-2.37a3.6 3.6 0 0 1-.319-.55q.127-.11.247-.232c.725-.723 1.16-1.499 1.297-2.303.14-.829-.037-1.65-.513-2.42a5.4 5.4 0 0 0-.838-1.067c-.874-.871-1.804-1.322-2.764-1.342-.998-.014-1.975.426-2.916 1.325-.328.314-.63.731-.762.916-.869 1.26-.874 3.143-.011 5.3.837 2.11 2.453 4.398 4.672 6.63q.027.036.061.065l.076.075c2.25 2.25 4.56 3.885 6.69 4.734 1.072.429 2.072.644 2.974.644.913 0 1.698-.22 2.387-.7.15-.11.551-.4.857-.72.899-.938 1.344-1.921 1.325-2.916m-1.26.023c.014.652-.314 1.33-.975 2.022-.227.238-.571.487-.72.594-.89.616-2.383.571-4.12-.12-1.97-.785-4.135-2.326-6.266-4.454l-.045-.045-.03-.034c-2.13-2.129-3.67-4.294-4.455-6.263-.7-1.754-.745-3.219-.098-4.149q.329-.457.572-.691c.692-.661 1.375-.992 2.022-.975.625.011 1.264.339 1.894.969q.377.368.647.824c.325.523.44 1.036.35 1.56-.09.543-.409 1.09-.944 1.624-.146.146-.24.233-.412.367a.6.6 0 0 0-.16.185c-.232.42-.075 1.003.496 1.838.6.874 1.569 1.874 2.244 2.546l.081.081c.678.675 1.681 1.647 2.55 2.244.834.571 1.42.728 1.834.493a.6.6 0 0 0 .185-.157q.17-.217.367-.412c.535-.535 1.084-.851 1.625-.944.518-.084 1.044.031 1.577.359.297.176.568.392.81.639.632.635.96 1.274.971 1.899M14.08 8.662l2.45-2.16.003-.002a.63.63 0 0 0 .048-.89l-.45-.505 3.596-.28.011.003-.762 3.568-.468-.515a.63.63 0 0 0-.88-.053l-2.461 2.114a.4.4 0 0 1-.05.026c-.024.01-.047.02-.051.025-.045-.003-.073-.028-.123-.093l-.925-1.03a.12.12 0 0 1-.028-.096c.006-.03.02-.058.09-.112m-.998 1.054.889.983c.238.313.596.515.988.546.378.036.751-.09 1.028-.347l1.997-1.717.132.145c.314.35.776.493 1.207.376.435-.115.762-.471.86-.928l.79-3.689a1.25 1.25 0 0 0-.277-1.092 1.26 1.26 0 0 0-.947-.423l-.1.003-3.74.288a1.2 1.2 0 0 0-1.042.742c-.165.42-.073.9.244 1.253l.112.123-1.93 1.7q-.06.043-.11.09c-.566.51-.61 1.38-.1 1.947"
         })
     }));
-}, u = s;
+}, u = i;

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

@@ -96,7 +96,7 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -105,11 +105,11 @@ const c = (_param)=>{
     }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: r,
                 d: "M16.105 9.746a1.026 1.026 0 1 0 0 2.052 1.026 1.026 0 0 0 0-2.052M6.87 10.772a1.026 1.026 0 1 1 2.052 0 1.026 1.026 0 0 1-2.053 0M12 11.798a1.026 1.026 0 1 0 0 2.052 1.026 1.026 0 0 0 0-2.052"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: r,
                 d: "M7.285 18.596h9.43a3.72 3.72 0 0 0 2.858-1.338l2.565-3.079a3.72 3.72 0 0 0 0-4.762l-2.565-3.079A3.72 3.72 0 0 0 16.715 5h-9.43a3.72 3.72 0 0 0-2.857 1.338L1.862 9.417a3.72 3.72 0 0 0 0 4.762l2.566 3.079a3.72 3.72 0 0 0 2.857 1.338m9.43-1.282h-9.43c-.723 0-1.41-.322-1.872-.877l-2.565-3.079a2.44 2.44 0 0 1 0-3.12L5.413 7.16a2.44 2.44 0 0 1 1.872-.877h9.43c.723 0 1.41.32 1.872.877l2.566 3.078a2.44 2.44 0 0 1 0 3.12l-2.566 3.079a2.44 2.44 0 0 1-1.872.877"
             })
         ]

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

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

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

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,7 +104,7 @@ const s = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "m18.321 10.3.017.022c.415.538.636 1.252.633 2.143 0 .893-.221 1.605-.636 2.143q-.01.01-.018.024-.008.012-.018.023a2 2 0 0 1-.154.168.7.7 0 0 1-.151.127c-.286.249-.611.456-.961.63l-.017 1.266c-.02 2.409-1.347 4.98-5.003 4.991h-.022c-3.656-.014-4.98-2.582-5.003-4.991l-.017-1.266a4.6 4.6 0 0 1-.963-.63c-.062-.037-.107-.082-.152-.127l-.04-.04c-.04-.041-.073-.076-.114-.128q-.01-.01-.018-.023l-.018-.024c-.415-.538-.636-1.252-.636-2.143 0-.894.221-1.605.636-2.143l.017-.022a.04.04 0 0 0 .01-.014 1.34 1.34 0 0 1 .114-.131l.035-.037c.042-.042.107-.104.163-.14.767-.661 1.762-1.054 2.93-1.152-.499-.67-.768-1.552-.768-2.655 0-1.3.35-2.311 1.04-3.009.66-.666 1.596-1.005 2.781-1.01h.022c1.185.002 2.12.344 2.782 1.01.689.698 1.04 1.712 1.04 3.009 0 1.1-.267 1.986-.766 2.655 1.168.098 2.163.49 2.928 1.152.058.036.123.098.165.14.062.061.087.086.14.154q.01.01.011.014.002.004.011.014M9.772 3.765c-.53.535-.795 1.344-.804 2.406 0 .983.238 1.737.692 2.266l.04.054q.029.045.064.08.015.018.028.036l.022.029c.053.04.086.08.124.123l.047.053c.01.008.014.018.02.028a.1.1 0 0 0 .014.023c.098.145.064.361.045.417l-.146.364c-.09.289-.137.614-.137.992 0 .781.196 1.375.58 1.762.37.372.921.557 1.635.56.717-.003 1.27-.188 1.636-.56.387-.387.58-.98.58-1.762 0-.375-.047-.703-.134-.992l-.146-.364c-.02-.056-.053-.272.045-.417l.01-.018a.2.2 0 0 1 .023-.033l.042-.046c.04-.046.076-.086.13-.13l.025-.033.025-.032q.032-.034.059-.075.02-.03.044-.059c.451-.53.69-1.283.69-2.266 0-1.065-.264-1.871-.793-2.406-.507-.513-1.258-.773-2.23-.773-.975.002-1.726.263-2.23.773m7.961 10.291c.283-.386.434-.913.437-1.588 0-.675-.151-1.205-.434-1.591-.672-.712-1.644-1.11-2.818-1.194.064.295.11.606.11.956 0 1.016-.278 1.815-.827 2.367-.521.526-1.258.79-2.185.795v.003h-.022V13.8c-.93-.005-1.664-.272-2.185-.795-.55-.55-.827-1.348-.827-2.367 0-.348.045-.661.11-.956-1.171.084-2.143.482-2.815 1.194-.283.386-.435.913-.435 1.59 0 .679.152 1.205.435 1.592.285.3.635.535 1.016.725q.034.014.073.04a.4.4 0 0 0 .056.03c.075.029.126.054.189.084l.1.048c.47.17 1.002.258 1.574.283q.025 0 .048.003l.044.002c.054.003.098.006.149.012h4.958q.069-.001.133-.01.053-.008.108-.01c.571-.025 1.103-.112 1.574-.283.114-.043.218-.098.323-.152l.094-.05a3.7 3.7 0 0 0 1.017-.725m-5.731 4.728c1.975-.008 2.204-1.526 2.207-2.185l.006-.473H9.786l.006.473c.006.659.235 2.177 2.21 2.185m0 2.21c3.868-.005 4.199-3.182 4.207-4.157l.017-.946a6.2 6.2 0 0 1-1.199.213l-.005.504c-.012 1.45-.81 3.003-3.006 3.014v.003h-.022v-.003c-2.194-.011-2.992-1.563-3.006-3.014l-.008-.504a6 6 0 0 1-1.197-.213l.012.946c.008.975.339 4.149 4.207 4.157"
         })
     }));

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const t = (_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 e = (0, _themevariantcontext.useIsInverseVariant)(), a = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = o !== null && o !== void 0 ? o : s ? _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"
-    }, s), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
             d: "m18.663 10.205.013.017c.465.566.712 1.311.709 2.241 0 .93-.25 1.675-.715 2.241l-.042.05a4 4 0 0 1-.336.309 5 5 0 0 1-.904.582l-.017 1.107c-.02 2.462-1.443 5.09-5.37 5.09s-5.35-2.628-5.37-5.09l-.016-1.107a4.7 4.7 0 0 1-1.241-.89l-.042-.051c-.463-.566-.712-1.31-.712-2.24s.25-1.676.712-2.242l.02-.025.022-.025c.04-.048.074-.08.113-.115q.025-.022.052-.048c.05-.05.106-.106.17-.148.737-.6 1.67-.978 2.751-1.12-.406-.65-.613-1.466-.613-2.44 0-1.33.381-2.373 1.132-3.096.72-.697 1.736-1.05 3.022-1.05s2.303.353 3.025 1.05c.751.723 1.132 1.765 1.132 3.096 0 .974-.21 1.79-.614 2.44 1.082.142 2.017.52 2.751 1.12.065.045.12.098.171.148l.045.04c.043.039.08.072.123.123q.016.016.029.033M9.85 4.093c-.502.482-.754 1.224-.754 2.208 0 .798.177 1.428.507 1.896l.013.018c.071.1.144.203.234.287 0 0 .042.031.095.079.17.087.305.238.339.44a.6.6 0 0 1-.076.389q-.02.064-.039.098a1.5 1.5 0 0 0-.146.398 3 3 0 0 0-.098.764c0 .71.18 1.241.533 1.578.339.327.86.493 1.546.493s1.207-.166 1.549-.493c.35-.337.53-.866.53-1.578 0-.285-.037-.535-.096-.764a1.4 1.4 0 0 0-.146-.398.5.5 0 0 1-.036-.098.6.6 0 0 1-.076-.39.61.61 0 0 1 .34-.44c.052-.047.095-.078.095-.078.092-.09.17-.199.246-.305.33-.468.507-1.098.507-1.896 0-.984-.255-1.726-.753-2.208-.482-.462-1.208-.7-2.157-.7-.947 0-1.675.235-2.157.7m7.905 9.785c.255-.34.389-.807.395-1.415 0-.605-.138-1.075-.393-1.417-.602-.605-1.453-.964-2.479-1.084q.053.339.054.711c0 1.06-.306 1.888-.91 2.468-.58.555-1.39.838-2.413.838-1.02 0-1.832-.283-2.411-.838-.605-.58-.913-1.409-.913-2.468 0-.252.022-.484.056-.711-1.026.117-1.88.479-2.48 1.084-.254.344-.392.812-.392 1.417 0 .608.135 1.076.39 1.415.26.263.577.465.924.638.174.087.347.171.54.236.44.143.936.221 1.471.243q.064.003.123.01.072.009.146.01h5.087c.059 0 .112-.005.167-.01q.05-.006.102-.01a5.4 5.4 0 0 0 1.47-.243c.194-.065.367-.149.541-.236.348-.173.664-.378.925-.638m-3.673 2.375H9.931l.003.255c.005.726.286 1.936 2.073 1.936s2.067-1.21 2.073-1.936zm-2.075 4.356c3.691 0 4.115-2.703 4.126-3.869l.005-.663q-.391.088-.812.131l-.006.311c-.01 1.46-.888 3.157-3.316 3.157-2.426-.003-3.303-1.7-3.317-3.157l-.005-.31a7 7 0 0 1-.813-.132l.012.663c.01 1.166.431 3.869 4.126 3.869"

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), t = r !== null && r !== void 0 ? r : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "m12.231 17.525 7.68-1.33c.331-.068.642.167.693.515.056.344-.16.67-.49.72l-7.737 1.347c-.04 1.591-1.003 2.703-2.667 2.997a4 4 0 0 1-.7.067c-.667 0-1.26-.184-1.742-.543-.645-.476-1.062-1.255-1.222-2.252-.291-1.801.48-3.157 2.023-3.667L6.352 4.645l-2.477-.487c-.322-.059-.537-.384-.481-.728.064-.342.386-.569.708-.502l2.885.56c.25.048.443.258.482.519l1.793 11.16a3 3 0 0 1 .753.058l-.787-4.924a1.3 1.3 0 0 1 .04-.586 1.2 1.2 0 0 1-.208-.476l-.778-4.865c-.096-.594.266-1.146.795-1.247l5.544-.96a.97.97 0 0 1 .77.215c.201.168.33.409.378.686l.756 4.706 1.045-.185c.28-.05.569.02.81.202.257.193.434.493.49.83l.907 5.657c.048.345-.025.687-.21.955-.17.253-.42.418-.7.468l-6.86 1.188c.087.202.16.409.224.636M9.491 4.332l.72 4.532 5.118-.888-.73-4.53-1.438.253.224 1.38c.031.227-.112.443-.33.477l-1.446.252c-.025.008-.039.008-.064.008a.37.37 0 0 1-.233-.075.5.5 0 0 1-.168-.278l-.215-1.38zm6.074 7.4-1.939.336c-.022.009-.04.009-.064.009a.4.4 0 0 1-.233-.076.43.43 0 0 1-.16-.277l-.327-2.042-2.42.425.899 5.628 7.255-1.263-.9-5.628-2.111.362.33 2.05a.416.416 0 0 1-.33.476"
         })
     }));
-}, f = i;
+}, f = s;

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

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

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

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

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

@@ -92,18 +92,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: n, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), c = n !== null && n !== void 0 ? n : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = n !== null && n !== void 0 ? n : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: c,
             d: "M21.528 3.853v16.294c0 1.019-.79 1.853-1.766 1.853H4.245c-.97 0-1.765-.83-1.765-1.853V3.853C2.48 2.834 3.27 2 4.245 2h15.522c.97 0 1.76.83 1.76 1.853m-6.172 5.588c0 1.53-1.187 2.777-2.646 2.777H9.713V6.664h2.997c1.459 0 2.646 1.246 2.646 2.777m-2.641-3.887H8.66v12.403a.54.54 0 0 0 .528.555.54.54 0 0 0 .528-.555v-4.63h2.998c2.04 0 3.702-1.744 3.702-3.886s-1.662-3.887-3.702-3.887"
@@ -113,7 +113,7 @@ const a = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: c,
             d: "M21.528 3.853v16.294c0 1.019-.79 1.853-1.766 1.853H4.245c-.97 0-1.765-.83-1.765-1.853V3.853C2.48 2.834 3.27 2 4.245 2h15.522c.97 0 1.76.83 1.76 1.853m-6.172 5.588c0 1.53-1.187 2.777-2.646 2.777H9.713V6.664h2.997c1.459 0 2.646 1.246 2.646 2.777m-2.641-3.887H8.66v12.403a.54.54 0 0 0 .528.555.54.54 0 0 0 .528-.555v-4.63h2.998c2.04 0 3.702-1.744 3.702-3.886s-1.662-3.887-3.702-3.887"
@@ -123,10 +123,10 @@ const a = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: c,
             d: "M15.166 2.522c1.037.263 1.891.711 2.541 1.333 1.112 1.05 1.675 2.675 1.678 4.821 0 2.118-.513 3.776-1.524 4.927-.602.7-1.39 1.221-2.33 1.55-.889.31-1.975.467-3.23.467h-2.028v5.392c0 .457-.364.83-.813.83H5.432a.82.82 0 0 1-.812-.83V2.984c0-.46.364-.829.812-.829H11.5c1.47 0 2.703.123 3.666.367m-1.96 8.658c.246-.073.459-.201.655-.4.367-.373.557-1.093.557-2.079 0-.624-.086-1.454-.512-1.871-.154-.143-.398-.263-.709-.339-.403-.098-.95-.148-1.622-.148H10.27v4.974h1.431c.846 0 1.286-.072 1.505-.137"
         })
     }));
-}, p = a;
+}, p = s;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: h, size: a = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: i, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), o = h !== null && h !== void 0 ? h : 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 h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M19.782 22H4.223A2.226 2.226 0 0 1 2 19.777V4.223C2 3 2.995 2 4.223 2h15.554C21 2 22 2.995 22 4.223v15.554A2.22 2.22 0 0 1 19.782 22M8.3 17.928c0 .408.332.74.74.74.407 0 .74-.332.744-.74V13.48h2.963a4.08 4.08 0 0 0 4.072-4.072 4.08 4.08 0 0 0-4.072-4.072H8.3zm4.442-5.926H9.779V6.816h2.963a2.594 2.594 0 0 1 0 5.186M3.484 4.223v15.554c0 .407.332.74.74.74h15.553a.74.74 0 0 0 .74-.74V4.223a.74.74 0 0 0-.74-.74H4.223a.74.74 0 0 0-.74.74"
         })
-    })) : 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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M15.889 20.91c.194 0 .352.164.352.364s-.158.363-.357.368H4.245c-.975 0-1.765-.82-1.765-1.82V3.82C2.48 2.815 3.275 2 4.245 2h15.517c.976 0 1.766.82 1.766 1.82v16.002c0 .824-.542 1.55-1.323 1.754a.35.35 0 0 1-.43-.26.36.36 0 0 1 .254-.442 1.08 1.08 0 0 0 .794-1.052V3.82c0-.6-.474-1.09-1.056-1.09H4.245c-.582 0-1.056.49-1.056 1.09v16.002c0 .6.474 1.089 1.056 1.089zM18.002 22a.716.716 0 0 0 .704-.726c0-.4-.316-.726-.704-.726a.716.716 0 0 0-.705.726c0 .4.316.726.705.726m-8.466-4.361v-4.73h3.174c1.946 0 3.526-1.628 3.526-3.634S14.656 5.64 12.71 5.64H8.832v11.999c0 .2.158.363.352.363a.36.36 0 0 0 .352-.363M12.71 6.366c1.558 0 2.822 1.303 2.822 2.909s-1.264 2.909-2.822 2.909H9.536V6.366z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -125,8 +125,8 @@ const s = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M19.366 8.525c.017-2.11-.538-3.7-1.622-4.726a5.5 5.5 0 0 0-2.535-1.266 16 16 0 0 0-3.748-.37H5.024a.41.41 0 0 0-.409.41v18.86a.41.41 0 0 0 .409.408h4.274a.41.41 0 0 0 .41-.409v-6.1h2.607a10.3 10.3 0 0 0 3.26-.46 5.27 5.27 0 0 0 2.284-1.493 7.1 7.1 0 0 0 1.507-4.854m-.799-.009a6.35 6.35 0 0 1-1.297 4.305 4.4 4.4 0 0 1-1.94 1.267 9.4 9.4 0 0 1-3.015.417H9.301a.407.407 0 0 0-.406.409v6.112H5.43V2.98h6.03c1.205-.025 2.41.09 3.586.345a4.76 4.76 0 0 1 2.143 1.09c.913.82 1.378 2.237 1.378 4.1M13.01 5.44c.454.09.874.3 1.221.608.605.698.9 1.614.815 2.535a3.7 3.7 0 0 1-.888 2.69c-.31.316-.697.548-1.123.672a6.7 6.7 0 0 1-1.63.165H9.3a.405.405 0 0 1-.406-.409V5.687c0-.227.182-.409.406-.409H11.3a7.6 7.6 0 0 1 1.71.162m1.216 3.166a2.63 2.63 0 0 0-.586-1.936 1.7 1.7 0 0 0-.815-.409 7 7 0 0 0-1.524-.165H9.713v5.193h1.658c.485.014.97-.03 1.443-.14.294-.081.557-.24.767-.46a2.92 2.92 0 0 0 .645-2.083"
         })
     }));
-}, g = s;
+}, f = s;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: c, size: a = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: i, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), o = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = i !== null && i !== void 0 ? i : c ? _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: a,
         height: a,
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M19.385 8.595c0-2.13-.558-3.731-1.656-4.762-.641-.61-1.487-1.05-2.518-1.311-.975-.241-2.23-.367-3.73-.367H5.213a.6.6 0 0 0-.594.602V21.24c-.003.33.263.6.594.602h4.162a.6.6 0 0 0 .594-.602v-5.773h2.34c1.268 0 2.363-.157 3.257-.465.933-.32 1.709-.832 2.305-1.518 1.003-1.138 1.513-2.782 1.513-4.888m-1.19 0c0 1.8-.407 3.176-1.213 4.087-.46.529-1.065.924-1.799 1.176-.767.266-1.734.4-2.874.4H9.376a.6.6 0 0 0-.596.603v5.776H5.808V3.359h5.672c1.403 0 2.563.115 3.445.334.83.21 1.5.552 1.992 1.02.849.795 1.277 2.103 1.277 3.882m-4.76 1.977a1.5 1.5 0 0 1-.66.4c-.2.06-.597.127-1.345.127H9.97V6.413h1.353c.586 0 1.07.044 1.434.131.306.073.547.194.712.348.342.33.513.921.513 1.753 0 .913-.185 1.56-.547 1.927m.849-4.554q-.485-.459-1.252-.645c-.454-.109-1.028-.165-1.712-.165H9.374a.6.6 0 0 0-.594.602v5.891c-.003.33.263.6.594.602h2.053c.723 0 1.269-.056 1.67-.17a2.7 2.7 0 0 0 1.179-.706c.593-.603.893-1.535.893-2.779 0-1.17-.297-2.053-.885-2.63"
         })
     }));
-}, f = s;
+}, d = s;

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: l, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: l, size: e = 24 } = _param, o = _object_without_properties(_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 a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2m-1.965 14.465A.53.53 0 0 1 9.5 17a.533.533 0 0 1-.535-.535v-8.93c0-.297.238-.535.535-.535s.535.238.535.535zM14.5 17a.53.53 0 0 1-.535-.535v-8.93c0-.297.238-.535.535-.535s.535.238.535.535v8.93A.53.53 0 0 1 14.5 17"
@@ -113,7 +113,7 @@ const h = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2m-1.965 14.465A.53.53 0 0 1 9.5 17a.533.533 0 0 1-.535-.535v-8.93c0-.297.238-.535.535-.535s.535.238.535.535zM14.5 17a.53.53 0 0 1-.535-.535v-8.93c0-.297.238-.535.535-.535s.535.238.535.535v8.93A.53.53 0 0 1 14.5 17"
@@ -123,7 +123,7 @@ const h = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M19.218 4.593c-1.67-1.608-4.098-2.423-7.222-2.423-3.123 0-5.552.815-7.218 2.426-1.731 1.67-2.608 4.162-2.608 7.409s.877 5.736 2.608 7.406c1.666 1.608 4.095 2.423 7.218 2.423s5.552-.815 7.222-2.423c1.73-1.67 2.61-4.16 2.61-7.406 0-3.247-.88-5.743-2.61-7.412M8.503 8.412a.8.8 0 1 1 1.6 0v7.177a.8.8 0 1 1-1.6 0zm5.437 0a.8.8 0 1 1 1.6 0v7.177a.8.8 0 1 1-1.6 0z"

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

@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: c, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), o = a !== null && a !== void 0 ? a : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
-    return c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = c !== null && c !== void 0 ? c : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: t,
             d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12m1.43 0c0-4.726 3.844-8.57 8.57-8.57s8.57 3.844 8.57 8.57-3.844 8.57-8.57 8.57S3.43 16.726 3.43 12m6.783-4.287a.714.714 0 0 0-1.426 0v8.57a.714.714 0 0 0 1.426.004zM14.5 7c.393 0 .713.32.713.713v8.574a.714.714 0 0 1-1.426-.005V7.713c0-.393.32-.713.713-.713"
         })
-    })) : c.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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: t,
             d: "M2 12c0 5.517 4.488 10 10 10a9.97 9.97 0 0 0 5.334-1.545.36.36 0 0 0 .11-.493.36.36 0 0 0-.494-.11 9.25 9.25 0 0 1-4.95 1.43c-5.119 0-9.282-4.163-9.282-9.282S6.88 2.718 12 2.718s9.282 4.163 9.287 9.277a9.25 9.25 0 0 1-1.43 4.95.36.36 0 0 0 .11.494.36.36 0 0 0 .493-.11A10 10 0 0 0 22 12c0-5.512-4.488-10-10-10S2 6.484 2 12m16.787 6.07a.714.714 0 0 1 0 1.425.714.714 0 0 1 0-1.425M9.857 7.356a.357.357 0 0 0-.713 0v9.283a.357.357 0 0 0 .712.005zM14.5 7c.197 0 .357.16.357.356v9.287a.357.357 0 0 1-.713-.005V7.357c0-.196.16-.356.356-.356"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -123,14 +123,14 @@ const m = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: t,
                 d: "M14.998 16.423a.28.28 0 0 1-.28-.28V7.81a.28.28 0 0 1 .28-.28c.154 0 .28.126.28.28v8.333c0 .154-.126.28-.28.28M8.953 16.451a.28.28 0 0 1-.28-.28V7.838a.28.28 0 0 1 .28-.28.28.28 0 0 1 .28.28v8.333c0 .154-.126.28-.28.28"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: t,
                 d: "M11.998 21.838c-6.435 0-9.838-3.4-9.838-9.838s3.4-9.84 9.838-9.84c3.14 0 5.574.812 7.238 2.417C20.96 6.241 21.838 8.74 21.838 12c.003 6.435-3.4 9.838-9.84 9.838m0-19.118C5.844 2.72 2.72 5.843 2.72 12c0 6.154 3.12 9.278 9.278 9.278 6.16 0 9.28-3.12 9.28-9.278.003-6.16-3.12-9.28-9.28-9.28"
             })
         ]

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

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

package/dist/generated/mistica-icons/icon-pause-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 l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = n !== null && n !== void 0 ? n : l ? _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-pause-light.js

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: n, size: c = 24 } = _param, o = _object_without_properties(_param, [
+const v = (_param)=>{
+    var { color: n, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), r = n !== null && n !== void 0 ? n : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = n !== null && n !== void 0 ? n : s ? _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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M8.11 4.5c1.465 0 2.61 1.204 2.61 2.63v9.748A2.615 2.615 0 0 1 8.11 19.5c-1.466 0-2.61-1.204-2.61-2.63V7.13c0-1.426 1.144-2.63 2.61-2.63m7.78 0c1.466 0 2.61 1.204 2.61 2.63v9.748a2.615 2.615 0 0 1-2.61 2.622c-1.465 0-2.61-1.204-2.61-2.63V7.13c0-1.426 1.145-2.63 2.61-2.63M8.11 6C7.498 6 7 6.507 7 7.13v9.74c0 .623.498 1.13 1.11 1.13.611 0 1.11-.5 1.11-1.122V7.129C9.22 6.507 8.72 6 8.11 6M17 7.13C17 6.506 16.502 6 15.89 6c-.611 0-1.11.507-1.11 1.13v9.74c0 .623.499 1.13 1.11 1.13S17 17.5 17 16.878z"
         })
     })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const a = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M8.11 4.5c1.465 0 2.61 1.204 2.61 2.63v9.748A2.615 2.615 0 0 1 8.11 19.5c-1.466 0-2.61-1.204-2.61-2.63V7.13c0-1.426 1.144-2.63 2.61-2.63m7.78 0c1.466 0 2.61 1.204 2.61 2.63v9.748a2.615 2.615 0 0 1-2.61 2.622c-1.465 0-2.61-1.204-2.61-2.63V7.13c0-1.426 1.145-2.63 2.61-2.63M8.11 6C7.498 6 7 6.507 7 7.13v9.74c0 .623.498 1.13 1.11 1.13.611 0 1.11-.5 1.11-1.122V7.129C9.22 6.507 8.72 6 8.11 6M17 7.13C17 6.506 16.502 6 15.89 6c-.611 0-1.11.507-1.11 1.13v9.74c0 .623.499 1.13 1.11 1.13S17 17.5 17 16.878z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +123,10 @@ const a = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M6.5 2C5.1 2 4 3.162 4 4.55v14.4c0 1.388 1.1 2.55 2.5 2.55S9 20.338 9 18.95V4.55C9 3.162 7.9 2 6.5 2m-1 2.55c0-.6.467-1.05 1-1.05s1 .45 1 1.05v14.4c0 .6-.467 1.05-1 1.05s-1-.45-1-1.05zM17 2c-1.4 0-2.5 1.162-2.5 2.55v14.4c0 1.388 1.1 2.55 2.5 2.55s2.5-1.162 2.5-2.55V4.55C19.5 3.162 18.4 2 17 2m-1 2.55c0-.6.467-1.05 1-1.05s1 .45 1 1.05v14.4c0 .6-.467 1.05-1 1.05s-1-.45-1-1.05z"
         })
     }));
-}, u = a;
+}, p = v;