@telefonica/mistica 15.20.1 → 16.0.0

package/dist-es/generated/mistica-icons/icon-escalator-light.js

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as o } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
+import { vars as h } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: t, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = i(), h = t !== null && t !== void 0 ? t : e ? r.colors.inverse : r.colors.neutralHigh, { skinName: a } = s();
+    const e = i(), r = t !== null && t !== void 0 ? t : e ? h.colors.inverse : h.colors.neutralHigh, { skinName: a } = s();
     return a.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -95,7 +95,7 @@ const n = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ o("path", {
-            fill: h,
+            fill: r,
             d: "M15.928 6.494h3.214c1.55 0 2.863 1.316 2.858 2.873a2.87 2.87 0 0 1-.841 2.017c-.494.508-1.23.804-2.017.804H17.3l-8.047 8.408a1.8 1.8 0 0 1-1.18.404H4.858C3.308 21 2 19.707 2 18.179c0-.748.302-1.463.846-2.018a2.84 2.84 0 0 1 2.012-.855h1.664l.114-.118V9.245c0-.692.32-1.298.828-1.698a2.8 2.8 0 0 1-.65-1.792C6.815 4.237 8.018 3 9.495 3s2.68 1.237 2.68 2.755c0 .687-.243 1.312-.65 1.797.513.4.833 1.006.833 1.693v.108l2.172-2.215c.42-.433.877-.644 1.399-.644m-5.18-.739c0-.705-.559-1.283-1.25-1.283-.69 0-1.247.578-1.247 1.283 0 .706.557 1.284 1.243 1.284.69 0 1.253-.578 1.253-1.284M8.071 9.25v4.486l2.858-2.92V9.249c0-.46-.466-.733-.915-.733H8.965c-.43 0-.892.258-.892.733m11.075 1.472c.393 0 .777-.146 1.001-.376.27-.278.425-.635.425-.978 0-.748-.667-1.401-1.426-1.401h-3.215c-.087 0-.196.014-.393.216l-8.422 8.6h-2.26c-.36 0-.754.165-1 .423-.275.278-.426.63-.426.978 0 .734.654 1.355 1.427 1.355h3.21c.132 0 .196-.02.283-.08l8.354-8.737z"
         })
     })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
@@ -105,7 +105,7 @@ const n = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ o("path", {
-            fill: h,
+            fill: r,
             d: "M16.112 6.524h3.392c1.376 0 2.5 1.164 2.496 2.598 0 .698-.26 1.349-.736 1.838-.466.49-1.093.76-1.765.76h-1.993l-5.627 5.846h-.146a.365.365 0 0 1-.362-.37c0-.119.05-.223.133-.29l5.71-5.922h2.285c.48 0 .928-.19 1.262-.542.338-.347.526-.812.526-1.31 0-1.026-.805-1.858-1.788-1.858h-3.392c-.27 0-.484.105-.699.328l-8.617 8.953H4.5c-.48 0-.928.19-1.262.541a1.86 1.86 0 0 0-.526 1.31c0 1.027.805 1.858 1.788 1.858h3.332c.233 0 .453-.076.64-.223a.35.35 0 0 1 .498.07.38.38 0 0 1-.068.519c-.306.242-.681.37-1.07.37H4.501C3.12 21 2 19.836 2 18.402c0-.698.26-1.349.736-1.838a2.42 2.42 0 0 1 1.765-.76h1.997l.864-.897V9.122c0-.788.435-1.477 1.07-1.814a2.45 2.45 0 0 1-.891-1.895C7.54 4.083 8.583 3 9.863 3s2.322 1.083 2.322 2.413c0 .77-.352 1.453-.891 1.895a2.05 2.05 0 0 1 1.07 1.814v.589l2.546-2.646c.352-.365.745-.541 1.202-.541m-4.645-1.111c0-.922-.722-1.672-1.609-1.672s-1.604.75-1.604 1.672.717 1.667 1.6 1.671c.891 0 1.613-.75 1.613-1.671M8.075 9.122h-.004v5.044l3.57-3.71V9.123c0-.712-.558-1.297-1.248-1.297h-1.07c-.685 0-1.248.58-1.248 1.297m2.144 10.387c.394 0 .714-.333.714-.741 0-.409-.32-.741-.714-.741s-.713.332-.713.74c0 .41.32.742.713.742"
         })
     }));

package/dist-es/generated/mistica-icons/icon-escalator-regular.js

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as l } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
-    var { color: t, size: c = 24 } = _param, o = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: a, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), r = t !== null && t !== void 0 ? t : a ? e.colors.inverse : e.colors.neutralHigh, { skinName: h } = s();
+    const t = i(), o = a !== null && a !== void 0 ? a : t ? e.colors.inverse : e.colors.neutralHigh, { skinName: h } = s();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ l("path", {
-            fill: r,
+            fill: o,
             d: "M15.928 6.494h3.214c1.55 0 2.863 1.316 2.858 2.873a2.87 2.87 0 0 1-.841 2.017c-.494.508-1.23.804-2.017.804H17.3l-8.047 8.408a1.8 1.8 0 0 1-1.18.404H4.858C3.308 21 2 19.707 2 18.179c0-.748.302-1.463.846-2.018a2.84 2.84 0 0 1 2.012-.855h1.664l.114-.118V9.245c0-.692.32-1.298.828-1.698a2.8 2.8 0 0 1-.65-1.792C6.815 4.237 8.018 3 9.495 3s2.68 1.237 2.68 2.755c0 .687-.243 1.312-.65 1.797.513.4.833 1.006.833 1.693v.108l2.172-2.215c.42-.433.877-.644 1.399-.644m-5.18-.739c0-.705-.559-1.283-1.25-1.283-.69 0-1.247.578-1.247 1.283 0 .706.557 1.284 1.243 1.284.69 0 1.253-.578 1.253-1.284M8.071 9.25v4.486l2.858-2.92V9.249c0-.46-.466-.733-.915-.733H8.965c-.43 0-.892.258-.892.733m11.075 1.472c.393 0 .777-.146 1.001-.376.27-.278.425-.635.425-.978 0-.748-.667-1.401-1.426-1.401h-3.215c-.087 0-.196.014-.393.216l-8.422 8.6h-2.26c-.36 0-.754.165-1 .423-.275.278-.426.63-.426.978 0 .734.654 1.355 1.427 1.355h3.21c.132 0 .196-.02.283-.08l8.354-8.737z"
         })
     })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
@@ -103,11 +103,11 @@ const i = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ l("path", {
-            fill: r,
+            fill: o,
             d: "M15.928 6.494h3.214c1.55 0 2.863 1.316 2.858 2.873a2.87 2.87 0 0 1-.841 2.017c-.494.508-1.23.804-2.017.804H17.3l-8.047 8.408a1.8 1.8 0 0 1-1.18.404H4.858C3.308 21 2 19.707 2 18.179c0-.748.302-1.463.846-2.018a2.84 2.84 0 0 1 2.012-.855h1.664l.114-.118V9.245c0-.692.32-1.298.828-1.698a2.8 2.8 0 0 1-.65-1.792C6.815 4.237 8.018 3 9.495 3s2.68 1.237 2.68 2.755c0 .687-.243 1.312-.65 1.797.513.4.833 1.006.833 1.693v.108l2.172-2.215c.42-.433.877-.644 1.399-.644m-5.18-.739c0-.705-.559-1.283-1.25-1.283-.69 0-1.247.578-1.247 1.283 0 .706.557 1.284 1.243 1.284.69 0 1.253-.578 1.253-1.284M8.071 9.25v4.486l2.858-2.92V9.249c0-.46-.466-.733-.915-.733H8.965c-.43 0-.892.258-.892.733m11.075 1.472c.393 0 .777-.146 1.001-.376.27-.278.425-.635.425-.978 0-.748-.667-1.401-1.426-1.401h-3.215c-.087 0-.196.014-.393.216l-8.422 8.6h-2.26c-.36 0-.754.165-1 .423-.275.278-.426.63-.426.978 0 .734.654 1.355 1.427 1.355h3.21c.132 0 .196-.02.283-.08l8.354-8.737z"
         })
     }));
-}, u = i;
-export { u as default };
+}, d = n;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-esim-filled.js

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as l, jsx as h } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
     var { color: o, size: a = 24 } = _param, i = _object_without_properties(_param, [
@@ -149,5 +149,5 @@ const v = (_param)=>{
             })
         ]
     }));
-}, g = v;
-export { g as default };
+}, M = v;
+export { M as default };

package/dist-es/generated/mistica-icons/icon-esim-light.js

@@ -78,22 +78,22 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as a, jsx as h } from "react/jsx-runtime";
+import { jsxs as t, jsx as h } from "react/jsx-runtime";
 import { useTheme as v } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: o, size: l = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: o, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
     const r = n(), c = o !== null && o !== void 0 ? o : r ? e.colors.inverse : e.colors.neutralHigh, { skinName: i } = v();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: [
             /* @__PURE__ */ h("path", {
                 fill: c,
@@ -108,12 +108,12 @@ const s = (_param)=>{
                 d: "M8.553 9.68h6.892c.757 0 1.378.64 1.378 1.428v8.212H7.176v-8.212c0-.784.62-1.428 1.377-1.428m0 8.212h6.892v-6.784H8.553z"
             })
         ]
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: [
             /* @__PURE__ */ h("path", {
                 fill: c,
@@ -132,12 +132,12 @@ const s = (_param)=>{
                 d: "M7.358 11.288c0-.608.448-1.072 1.034-1.072v-.004h6.887c.586 0 1.034.464 1.034 1.072v7.86H7.358zm8.268 7.14v-7.144c0-.212-.139-.356-.347-.356h-6.89c-.205 0-.344.14-.344.356v7.144z"
             })
         ]
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: [
             /* @__PURE__ */ h("path", {
                 fill: c,

package/dist-es/generated/mistica-icons/icon-esim-regular.js

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as t, jsx as h } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as v } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
 import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: o, size: a = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = v(), c = o !== null && o !== void 0 ? o : r ? i.colors.inverse : i.colors.neutralHigh, { skinName: e } = n();
+    const o = v(), c = r !== null && r !== void 0 ? r : o ? i.colors.inverse : i.colors.neutralHigh, { skinName: e } = n();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -149,5 +149,5 @@ const s = (_param)=>{
             })
         ]
     }));
-}, H = s;
-export { H as default };
+}, M = s;
+export { M as default };

package/dist-es/generated/mistica-icons/icon-ethernet-filled.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = s(), h = o !== null && o !== void 0 ? o : n ? e.colors.inverse : e.colors.neutralHigh;
+    const n = i(), h = o !== null && o !== void 0 ? o : n ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -98,5 +98,5 @@ const i = (_param)=>{
             d: "M4 3.25a.75.75 0 0 0-.75.75v16c0 .414.336.75.75.75h16a.75.75 0 0 0 .75-.75V4a.75.75 0 0 0-.75-.75zM2 4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm4 3v8a1 1 0 0 0 1 1h3v1a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1h3a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1m4.625 3.86a.625.625 0 0 1-1.25 0V7.235h1.25zm2 0a.625.625 0 0 1-1.25 0V7.235h1.25zm2 0a.625.625 0 0 1-1.25 0V7.235h1.25z"
         })
     }));
-}, m = i;
+}, m = s;
 export { m as default };

package/dist-es/generated/mistica-icons/icon-ethernet-light.js

@@ -79,24 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: o, size: a = 24 } = _param, h = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: o, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), n = o !== null && o !== void 0 ? o : e ? t.colors.inverse : t.colors.neutralHigh;
+    const h = i(), n = o !== null && o !== void 0 ? o : h ? t.colors.inverse : t.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ r("path", {
             fill: n,
             d: "M4 2.84c-.64 0-1.16.52-1.16 1.16v16c0 .64.52 1.16 1.16 1.16h16c.64 0 1.16-.52 1.16-1.16V4c0-.64-.52-1.16-1.16-1.16zM2 4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm8.42 3v3a.42.42 0 0 1-.84 0V6.84H7a.16.16 0 0 0-.16.16v8c0 .088.072.16.16.16h3a.84.84 0 0 1 .84.84v1c0 .088.072.16.16.16h2a.16.16 0 0 0 .16-.16v-1a.84.84 0 0 1 .84-.84h3a.16.16 0 0 0 .16-.16V7a.16.16 0 0 0-.16-.16h-2.58V10a.42.42 0 1 1-.84 0V6.84h-1.16V10a.42.42 0 1 1-.84 0V6.84h-1.16zM6 15V7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-3v1a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-1H7a1 1 0 0 1-1-1"
         })
     }));
-}, V = c;
+}, V = s;
 export { V as default };

package/dist-es/generated/mistica-icons/icon-ethernet-regular.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const c = (_param)=>{
     var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-euro-symbol-circle-filled.js

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as a } from "react/jsx-runtime";
 import { useTheme as t } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: i, size: c = 24 } = _param, e = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-euro-symbol-circle-light.js

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as r, jsx as h } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
     var { color: i, size: c = 24 } = _param, a = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-euro-symbol-circle-regular.js

@@ -80,43 +80,43 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: l, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = s(), h = l !== null && l !== void 0 ? l : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: r } = n();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const l = s(), r = i !== null && i !== void 0 ? i : l ? t.colors.inverse : t.colors.neutralHigh, { skinName: o } = n();
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, h), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: r,
                 d: "M7.536 13.788a.72.72 0 0 1-.716-.716c0-.396.32-.716.72-.724h.356c-.036-.104-.036-.252-.036-.356 0-.052.009-.113.018-.175.009-.063.018-.127.018-.181H7.54a.72.72 0 0 1-.716-.716c0-.392.32-.716.716-.716h.716c.712-1.676 2.356-2.856 4.284-2.856.824 0 1.608.248 2.324.644a.69.69 0 0 1 .252.964.69.69 0 0 1-.964.252 3.2 3.2 0 0 0-1.608-.428 3.24 3.24 0 0 0-2.68 1.428h2.68c.392 0 .716.32.716.716 0 .392-.32.716-.716.716h-3.18c-.036.104-.036.252-.036.356 0 .051.009.113.018.175.009.063.018.127.018.181h3.176c.392 0 .716.32.716.716 0 .392-.32.716-.716.716H9.86a3.24 3.24 0 0 0 2.68 1.428q.858-.001 1.608-.428c.32-.212.748-.104.964.252.212.32.104.748-.252.964-.716.428-1.5.644-2.324.644-1.928 0-3.568-1.176-4.284-2.856z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: r,
                 d: "M12 2C6.5 2 2 6.5 2 12s4.464 10 10 10c5.5 0 10-4.464 10-10 0-5.5-4.5-10-10-10m0 18.568A8.55 8.55 0 0 1 3.428 12 8.55 8.55 0 0 1 12 3.428c4.752 0 8.572 3.856 8.572 8.572A8.55 8.55 0 0 1 12 20.568"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, h), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: r,
                 d: "M7.536 13.788a.72.72 0 0 1-.716-.716c0-.396.32-.716.72-.724h.356c-.036-.104-.036-.252-.036-.356 0-.052.009-.113.018-.175.009-.063.018-.127.018-.181H7.54a.72.72 0 0 1-.716-.716c0-.392.32-.716.716-.716h.716c.712-1.676 2.356-2.856 4.284-2.856.824 0 1.608.248 2.324.644a.69.69 0 0 1 .252.964.69.69 0 0 1-.964.252 3.2 3.2 0 0 0-1.608-.428 3.24 3.24 0 0 0-2.68 1.428h2.68c.392 0 .716.32.716.716 0 .392-.32.716-.716.716h-3.18c-.036.104-.036.252-.036.356 0 .051.009.113.018.175.009.063.018.127.018.181h3.176c.392 0 .716.32.716.716 0 .392-.32.716-.716.716H9.86a3.24 3.24 0 0 0 2.68 1.428q.858-.001 1.608-.428c.32-.212.748-.104.964.252.212.32.104.748-.252.964-.716.428-1.5.644-2.324.644-1.928 0-3.568-1.176-4.284-2.856z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: r,
                 d: "M12 2C6.5 2 2 6.5 2 12s4.464 10 10 10c5.5 0 10-4.464 10-10 0-5.5-4.5-10-10-10m0 18.568A8.55 8.55 0 0 1 3.428 12 8.55 8.55 0 0 1 12 3.428c4.752 0 8.572 3.856 8.572 8.572A8.55 8.55 0 0 1 12 20.568"
             })
         ]
@@ -125,9 +125,9 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, h), {
         children: /* @__PURE__ */ e("path", {
-            fill: h,
+            fill: r,
             d: "M11.995 2.155c6.44 0 9.846 3.403 9.846 9.846 0 6.437-3.403 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84 0-6.443 3.403-9.846 9.84-9.846m0 18.479c5.732 0 8.639-2.905 8.639-8.633 0-5.734-2.905-8.639-8.639-8.639-5.728 0-8.633 2.905-8.633 8.639 0 5.728 2.905 8.633 8.633 8.633m4.684-4.339a.6.6 0 0 0-.801-.283c-.7.33-1.575.499-2.603.496-2.459 0-3.95-.916-4.526-2.773h3.563a.604.604 0 1 0 0-1.21H8.528l-.007-.066c-.023-.241-.047-.485-.047-.755q.002-.114.012-.217.007-.071.01-.144h3.81a.601.601 0 1 0 0-1.205H8.642C9.107 7.976 10.626 6.9 13.276 6.9c1.014 0 1.882.163 2.576.485a.603.603 0 1 0 .508-1.096c-.855-.397-1.894-.596-3.085-.596-3.316 0-5.352 1.566-5.873 4.445H6.374a.602.602 0 0 0 0 1.205h.901q-.001.045-.004.09-.009.134-.01.271.003.41.04.82h-.927a.604.604 0 1 0 0 1.21h1.12c.65 2.583 2.644 3.981 5.779 3.981 1.207 0 2.255-.204 3.117-.61h.003a.603.603 0 0 0 .289-.804z"
         })
     }));

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
-    var { color: e, 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 = i(), t = e !== null && e !== void 0 ? e : l ? c.colors.inverse : c.colors.neutralHigh;
+    const l = i(), t = c !== null && c !== void 0 ? c : l ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,

package/dist-es/generated/mistica-icons/icon-euro-symbol-light.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: a, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = i(), s = a !== null && a !== void 0 ? a : e ? t.colors.inverse : t.colors.neutralHigh;
+    const e = s(), i = a !== null && a !== void 0 ? a : e ? t.colors.inverse : t.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -94,7 +94,7 @@ const n = (_param)=>{
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ r("path", {
-            fill: s,
+            fill: i,
             d: "M20.457 19.92a.64.64 0 0 0-.863-.325c-1.171.577-2.63.868-4.336.868-4.25 0-6.81-1.823-7.695-5.372h6.134a.666.666 0 0 0 .65-.681.664.664 0 0 0-.65-.68h-6.4a15 15 0 0 1-.112-1.732c0-.336.042-.63.061-.95h6.449a.664.664 0 0 0 .65-.677v-.003a.664.664 0 0 0-.65-.68H7.387c.689-4.076 3.316-6.16 7.87-6.16 1.687 0 3.13.288 4.295.851a.637.637 0 0 0 .863-.33.7.7 0 0 0-.317-.905c-1.339-.65-2.966-.978-4.84-.978-5.26 0-8.46 2.65-9.202 7.521H4.129a.666.666 0 0 0-.65.68c0 .376.291.682.65.682h1.79c-.017.308-.034.622-.034.95 0 .607.04 1.176.098 1.73H4.13a.666.666 0 0 0-.65.681c0 .375.291.68.65.68h2.059c.927 4.418 4.01 6.735 9.067 6.735 1.899 0 3.546-.337 4.888-1a.693.693 0 0 0 .313-.905"
         })
     }));

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

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { useTheme as a } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
     var { color: c, size: o = 24 } = _param, s = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-exchange-filled.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as c } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const t = (_param)=>{
     var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-exchange-light.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: o, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), e = o !== null && o !== void 0 ? o : t ? a.colors.inverse : a.colors.neutralHigh;
+    const e = n(), t = o !== null && o !== void 0 ? o : e ? a.colors.inverse : a.colors.neutralHigh;
     return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,7 +94,7 @@ const s = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ l("path", {
-            fill: e,
+            fill: t,
             d: "m19.148 3.994 2.574 2.603a.56.56 0 0 1 .065.585.53.53 0 0 1-.482.308l-1.025.011c-.132 1.048-.642 3.213-2.591 4.852 3.79 2.09 3.834 6.21 3.834 6.255 0 .877-.711 1.594-1.588 1.594a1.595 1.595 0 0 1-1.588-1.586c-.006-.383-.202-3.482-4.283-4.123l-.045.059c-.037.049-.073.098-.117.14-.446.426-1.084.641-1.905.641s-1.46-.215-1.902-.641a1 1 0 0 1-.114-.139l-.054-.071c-4.196.619-4.392 3.75-4.398 4.14a1.6 1.6 0 0 1-1.588 1.574 1.596 1.596 0 0 1-1.588-1.591c0-.045.044-4.202 3.907-6.289-1.919-1.65-2.417-3.86-2.543-4.826l-1.031-.008a.53.53 0 0 1-.48-.308.55.55 0 0 1 .074-.583l2.6-2.633c.055-.078.181-.146.321-.163.14-.016.28.023.392.113l.087.09 2.53 2.568c.16.193.187.426.098.613a.53.53 0 0 1-.482.308l-.919.009c.174.938.818 2.582 3.154 3.308q.009-.009.014-.018l.014-.018c.443-.432 1.084-.648 1.902-.648.82 0 1.462.216 1.905.648l.01.011.015.017c2.348-.743 2.986-2.426 3.16-3.3l-.916-.009a.53.53 0 0 1-.476-.305.56.56 0 0 1 .067-.583l2.59-2.638c.287-.233.62-.194.802.033M4.705 18.608c.009-.46.225-4.104 4.835-4.902a3.5 3.5 0 0 1-.134-.975c0-.468.075-.877.215-1.224-3.165-1.104-3.54-3.77-3.585-4.39l-.03-.44 1.153-.005-1.896-1.927L3.36 6.672l1.053.011.084.381c.034.533.334 3.28 2.773 5.006l.597.423-.67.291c-3.938 1.717-4.025 5.782-4.025 5.824 0 .417.342.762.76.764a.777.777 0 0 0 .772-.764M19.501 7.062l.025-.387 1.11-.003-1.905-1.927-1.891 1.927 1.11.011.016.437c-.042.62-.417 3.286-3.588 4.39.14.347.218.753.218 1.224 0 .367-.05.692-.137.986 4.487.826 4.703 4.431 4.711 4.888.003.426.348.77.768.77a.77.77 0 0 0 .768-.77v-.006c-.008-.18-.158-4.101-3.956-5.798l-.666-.3.599-.417c2.479-1.726 2.782-4.49 2.818-5.025m-8.353 7.313q.353.131.849.132.49-.002.846-.129c.196-.07.361-.16.49-.286.132-.128.232-.296.305-.495.087-.241.137-.53.137-.869 0-.403-.07-.734-.196-.997a1.3 1.3 0 0 0-.249-.37 1.4 1.4 0 0 0-.54-.308 2.6 2.6 0 0 0-.793-.11 2.6 2.6 0 0 0-.796.11q-.322.105-.532.305c-.104.101-.182.23-.25.373-.123.263-.193.594-.193.997 0 .34.048.625.135.863.073.202.17.373.305.501a1.3 1.3 0 0 0 .482.283"
         })
     }));

package/dist-es/generated/mistica-icons/icon-exchange-regular.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as a } from "react/jsx-runtime";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const t = (_param)=>{
     var { color: r, size: c = 24 } = _param, o = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-exit-door-filled.js

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const d = (_param)=>{
-    var { color: h, size: t = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: a, size: t = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = c(), l = h !== null && h !== void 0 ? h : a ? r.colors.inverse : r.colors.neutralHigh, { skinName: n } = s();
+    const h = c(), l = a !== null && a !== void 0 ? a : h ? r.colors.inverse : r.colors.neutralHigh, { skinName: n } = s();
     return n.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,

package/dist-es/generated/mistica-icons/icon-exit-door-light.js

@@ -78,24 +78,24 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as v } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const c = (_param)=>{
-    var { color: a, size: o = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: a, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = v(), r = a !== null && a !== void 0 ? a : i ? e.colors.inverse : e.colors.neutralHigh, { skinName: h } = s();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+    const i = v(), t = a !== null && a !== void 0 ? a : i ? l.colors.inverse : l.colors.neutralHigh, { skinName: h } = s();
+    return h.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ t("path", {
-            fill: r,
+    }, e), {
+        children: /* @__PURE__ */ r("path", {
+            fill: t,
             d: "M8.751 2v7.679H6.894l.572-.572a.69.69 0 0 0 0-1 .69.69 0 0 0-1 0L4.18 10.393l2.286 2.286a.7.7 0 0 0 .5.214.7.7 0 0 0 .5-.214.69.69 0 0 0 0-1l-.572-.572h6.5a.716.716 0 0 0 .714-.714.716.716 0 0 0-.714-.714H10.18v-6.25h7.214l-2 2a.7.7 0 0 0-.214.5V17h-5v-4.107a.716.716 0 0 0-.714-.714.716.716 0 0 0-.715.714v5.536h6.429v2.857c0 .285.178.535.428.643.108.071.18.071.286.071a.7.7 0 0 0 .5-.214l3.215-3.215a.7.7 0 0 0 .214-.5V2zm9.643 15.786L16.61 19.57V6.214l1.785-1.785z"
         })
     })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
@@ -103,14 +103,14 @@ const c = (_param)=>{
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: t,
                 d: "m18.424 17.821-2.964 2.965V5.714l2.857-2.857v10.929c0 .214.143.357.357.357s.357-.143.357-.357V2H7.96v7.857h-2L7.138 8.68a.345.345 0 0 0 0-.5.345.345 0 0 0-.5 0l-2.036 2.035 2.036 2.036a.4.4 0 0 0 .25.107.4.4 0 0 0 .25-.107.345.345 0 0 0 0-.5L5.96 10.571h7c.214 0 .357-.142.357-.357 0-.214-.143-.357-.357-.357H8.674V2.714h8.786l-2.608 2.607a.32.32 0 0 0-.107.25v12.143H8.674V12c0-.214-.143-.357-.357-.357-.215 0-.357.143-.357.357v6.429h6.785v3.214c0 .143.072.286.215.321.035.036.107.036.142.036a.32.32 0 0 0 .25-.107l3.572-3.572a.345.345 0 0 0 0-.5.345.345 0 0 0-.5 0"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: t,
                 d: "M18.674 16.643a.714.714 0 1 0 0-1.429.714.714 0 0 0 0 1.429"
             })
         ]

package/dist-es/generated/mistica-icons/icon-exit-door-regular.js

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as r } from "react/jsx-runtime";
 import { useTheme as h } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
-    var { color: t, size: o = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = s(), e = t !== null && t !== void 0 ? t : i ? a.colors.inverse : a.colors.neutralHigh, { skinName: n } = h();
+    const i = s(), l = t !== null && t !== void 0 ? t : i ? a.colors.inverse : a.colors.neutralHigh, { skinName: n } = h();
     return n.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ r("path", {
-            fill: e,
+            fill: l,
             d: "M8.751 2v7.679H6.894l.572-.572a.69.69 0 0 0 0-1 .69.69 0 0 0-1 0L4.18 10.393l2.286 2.286a.7.7 0 0 0 .5.214.7.7 0 0 0 .5-.214.69.69 0 0 0 0-1l-.572-.572h6.5a.716.716 0 0 0 .714-.714.716.716 0 0 0-.714-.714H10.18v-6.25h7.214l-2 2a.7.7 0 0 0-.214.5V17h-5v-4.107a.716.716 0 0 0-.714-.714.716.716 0 0 0-.715.714v5.536h6.429v2.857c0 .285.178.535.428.643.108.071.18.071.286.071a.7.7 0 0 0 .5-.214l3.215-3.215a.7.7 0 0 0 .214-.5V2zm9.643 15.786L16.61 19.57V6.214l1.785-1.785z"
         })
     })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
@@ -103,11 +103,11 @@ const v = (_param)=>{
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ r("path", {
-            fill: e,
+            fill: l,
             d: "M8.751 2v7.679H6.894l.572-.572a.69.69 0 0 0 0-1 .69.69 0 0 0-1 0L4.18 10.393l2.286 2.286a.7.7 0 0 0 .5.214.7.7 0 0 0 .5-.214.69.69 0 0 0 0-1l-.572-.572h6.5a.716.716 0 0 0 .714-.714.716.716 0 0 0-.714-.714H10.18v-6.25h7.214l-2 2a.7.7 0 0 0-.214.5V17h-5v-4.107a.716.716 0 0 0-.714-.714.716.716 0 0 0-.715.714v5.536h6.429v2.857c0 .285.178.535.428.643.108.071.18.071.286.071a.7.7 0 0 0 .5-.214l3.215-3.215a.7.7 0 0 0 .214-.5V2zm9.643 15.786L16.61 19.57V6.214l1.785-1.785z"
         })
     }));
-}, u = v;
-export { u as default };
+}, d = v;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-exit-fullscreen-light.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const a = (_param)=>{
-    var { color: e, size: r = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: t, size: r = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = n(), i = e !== null && e !== void 0 ? e : s ? t.colors.inverse : t.colors.neutralHigh;
+    const i = n(), s = t !== null && t !== void 0 ? t : i ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -94,7 +94,7 @@ const a = (_param)=>{
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ o("path", {
-            fill: i,
+            fill: s,
             d: "M8.245 2.155c.319 0 .58.258.58.577v5.513a.59.59 0 0 1-.578.58H2.735a.579.579 0 1 1 0-1.157h4.933V2.735c0-.322.257-.58.577-.58m.58 13.594c0-.32-.261-.577-.58-.577 0 0-5.51 0-5.51-.003a.58.58 0 1 0 0 1.16h4.93v4.933a.581.581 0 0 0 1.16 0zm13.016.003c0-.32-.26-.58-.58-.58h-5.515c-.32 0-.577.26-.577.58v5.512a.581.581 0 0 0 1.16 0v-4.933h4.932c.32 0 .58-.26.58-.58m-6.67-7.505c0 .32.261.578.58.578v.002h5.51a.581.581 0 0 0 0-1.16H16.33V2.736a.579.579 0 1 0-1.157 0z"
         })
     }));