@telefonica/mistica 15.20.1 → 16.1.0

package/dist/generated/mistica-icons/icon-buy-home-products-light.js

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: s, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: s, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), t = s !== null && s !== void 0 ? s : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = s !== null && s !== void 0 ? s : l ? _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"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: a,
             d: "M16.899 17.2h-6.258c-.837 0-1.58-.284-2.148-.816-.591-.557-.975-1.361-1.137-2.39-.13-.82-1.451-8.492-1.636-9.526-.12-.672-.821-1.176-1.633-1.176h-1.35a.56.56 0 0 1-.56-.56c0-.309.251-.56.56-.56h1.352c1.367 0 2.519.882 2.737 2.1.049.273.222 1.267.438 2.521h3.051l3.472-3.65a.56.56 0 0 1 .406-.173c.154 0 .3.064.406.173l.939.989v-.056c0-.308.252-.56.56-.56h1.639c.308 0 .56.252.56.56v2.75a.6.6 0 0 1 .182-.03h2.79a.562.562 0 0 1 .543.697l-.435 1.741v.001l-.321 1.284-.346 1.385v.001c-.246.99-.456 1.833-.54 2.146-.265 1.025-.652 1.778-1.181 2.308-.558.557-1.26.84-2.09.84m2.229-9.284.653.69a.561.561 0 0 1-.406.946h-1.078v3.264c0 .68-.426 1.106-1.107 1.106h-6.008c-.684 0-1.107-.423-1.107-1.107V9.553H8.997a.562.562 0 0 1-.406-.947l.658-.692H7.458c.428 2.482.926 5.384 1.01 5.908q.184 1.166.798 1.748c.358.339.823.513 1.378.513H16.9c.683 0 1.653-.239 2.188-2.311.08-.31.288-1.143.533-2.125v-.002l.349-1.397.116-.466c.173-.695.336-1.349.467-1.865zm-7.932 4.886h5.98v-3.81c0-.308.252-.56.56-.56h.337l-.743-.782a.56.56 0 0 1-.154-.386V4.636h-.518v.902a.562.562 0 0 1-.966.387l-1.499-1.58-3.89 4.09h.333c.308 0 .56.252.56.56zM10.641 21.835c-.501 0-.902-.143-1.193-.423q-.459-.442-.46-1.23.001-.786.46-1.23c.291-.28.695-.422 1.193-.422s.902.143 1.194.423q.458.443.459 1.23 0 .786-.46 1.23c-.288.28-.691.422-1.193.422m-.532-1.653c0 .41.123.533.532.533s.533-.124.533-.533-.124-.532-.533-.532-.532.123-.532.532M16.103 21.835c-.501 0-.902-.143-1.193-.423q-.459-.442-.46-1.23.001-.786.46-1.23c.291-.28.695-.422 1.193-.422s.902.143 1.194.423c.302.294.46.706.46 1.23q-.001.786-.46 1.23c-.289.28-.692.422-1.194.422m-.532-1.653c0 .41.123.533.532.533s.533-.124.533-.533-.124-.532-.533-.532-.532.123-.532.532"
         })
     }));

package/dist/generated/mistica-icons/icon-buy-plans-filled.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: o, size: c = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), h = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = 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,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
             d: "M21.07 10.508c.308-1.241.6-2.412.753-3.02l-.01-.002a.562.562 0 0 0-.543-.697h-3.39V5.555a.2.2 0 0 0-.006-.037v-.003l-.011-.044-.012-.034-.016-.034v-.003l-.017-.03-.006-.009-.008-.01-.009-.012-.005-.009-.013-.014-.012-.014-3.012-3.014-.014-.012-.014-.013-.008-.005-.011-.009-.011-.008-.009-.006-.03-.02h-.004L14.62 2.2l-.034-.011-.045-.012s-.025-.005-.036-.005h-.011c-.008-.003-.02-.003-.028-.003h-4.006c-.479 0-.787.308-.787.784v3.838H7.263a365 365 0 0 0-.44-2.535c-.218-1.219-1.37-2.101-2.736-2.101H2.739a.56.56 0 0 0-.56.56c0 .308.252.56.56.56h1.35c.813 0 1.513.505 1.634 1.177.179 1.017 1.501 8.689 1.633 9.54.162 1.028.546 1.832 1.137 2.39.569.532 1.31.815 2.148.815h6.27c.828 0 1.531-.283 2.092-.84.532-.533.916-1.286 1.182-2.311.092-.357.35-1.39.638-2.546zm-4.807-3.163a.42.42 0 0 1-.42.42h-4.37a.42.42 0 1 1 0-.84h4.37a.42.42 0 0 1 .42.42M12.288 20.19q0-.788-.459-1.23c-.291-.28-.695-.423-1.193-.423s-.902.143-1.194.423q-.458.442-.459 1.23 0 .786.46 1.23c.29.28.694.422 1.193.422.498 0 .902-.143 1.193-.423q.459-.442.46-1.23m2.617-1.23c.291-.28.692-.423 1.193-.423s.902.143 1.193.423q.459.442.46 1.23c0 .523-.157.935-.46 1.23-.291.28-.695.422-1.193.422s-.902-.143-1.193-.423q-.46-.442-.46-1.23 0-.786.46-1.23m.938-9.283a.42.42 0 1 0 0-.84h-4.37a.42.42 0 1 0 0 .84zm.42 1.493a.42.42 0 0 1-.42.42h-4.37a.42.42 0 1 1 0-.84h4.37a.42.42 0 0 1 .42.42m.784-5.146c0 2.468 0 6.306.003 6.905h-6.538V3.012h3.527v1.219c.003.532.107.935.317 1.235.179.252.532.555 1.193.557zM14.88 3.606l1.575 1.577h-.902c-.353 0-.67-.076-.673-.955z"

package/dist/generated/mistica-icons/icon-buy-plans-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const e = (_param)=>{
+const i = (_param)=>{
     var { color: o, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), a = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -114,4 +114,4 @@ const e = (_param)=>{
             })
         ]
     }));
-}, f = e;
+}, f = i;

package/dist/generated/mistica-icons/icon-buy-plans-regular.js

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: h, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), a = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = h !== null && h !== void 0 ? h : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

package/dist/generated/mistica-icons/icon-cafe-filled.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 a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = 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"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: s,
             d: "M7.607 5.75c0-.21-.081-.336-.235-.563-.166-.236-.37-.53-.373-.953s.202-.706.356-.918l.008-.012c.149-.201.247-.336.244-.619a.54.54 0 0 1 .546-.535h.006c.302 0 .549.236.552.524.005.625-.267.997-.449 1.244-.123.165-.162.227-.16.308 0 .1.065.196.186.37l.001.002c.18.257.424.61.422 1.152a.54.54 0 0 1-.552.529.54.54 0 0 1-.552-.53m14.232 7.77c0-4.291-3.411-5.017-4.75-5.137h-.003V7.374a.626.626 0 0 0-.636-.613H2.786a.626.626 0 0 0-.636.613v10.558c0 1.288.342 2.243 1.048 2.916.7.666 1.683.991 3.011.991h6.818c1.328 0 2.311-.325 3.011-.991.566-.541.888-1.275.997-2.205 1.286-.095 4.804-.756 4.804-5.123m-1.268 0c0 3.126-2.194 3.779-3.482 3.893V9.61c1.3.126 3.482.798 3.482 3.91M10.153 5.47c.059.09.171.26.188.327a.55.55 0 0 0 .566.489l.02-.001a.537.537 0 0 0 .512-.566c-.02-.301-.199-.576-.346-.8l-.01-.015-.067-.101.084-.123.004-.006c.16-.229.354-.51.338-.84-.014-.294-.286-.524-.575-.533-.302.014-.535.236-.52.53-.012.042-.08.14-.133.218l-.027.04-.002.002c-.148.213-.318.455-.306.74.005.227.13.42.265.624z"
         })
     }));

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = 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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: i,
             d: "M7.714 5.655c0-.168-.112-.347-.243-.552l-.009-.013c-.168-.268-.358-.57-.361-.962-.003-.403.193-.717.367-.994.131-.21.246-.395.246-.566a.42.42 0 0 1 .426-.412c.235 0 .429.185.429.41 0 .399-.195.712-.366.985l-.001.003-.008.013c-.129.207-.239.385-.239.553.003.17.115.347.247.552l.01.016c.168.267.36.571.36.964a.42.42 0 0 1-.43.409.417.417 0 0 1-.428-.406m9.227 12.933c1.05-.045 4.897-.513 4.897-5.034 0-4.437-3.729-4.986-4.86-5.053V7.27a.42.42 0 0 0-.429-.409H2.577a.42.42 0 0 0-.426.412V18.06c0 1.258.328 2.182 1.009 2.826.67.642 1.624.953 2.918.953h6.975c1.294 0 2.25-.311 2.919-.95.574-.552.885-1.32.97-2.302m-.818-.527c0 1.025-.246 1.76-.753 2.24-.504.483-1.26.715-2.32.715H6.078c-1.058 0-1.815-.235-2.319-.714-.507-.482-.753-1.216-.753-2.244V7.683h13.117zm.855-.297V9.327c1.156.07 4.005.614 4.005 4.23 0 3.638-2.868 4.151-4.005 4.207m-6.64-12.31c.053.068.127.166.127.2.006.23.196.413.428.413a.42.42 0 0 0 .43-.41c0-.313-.186-.551-.32-.722-.056-.07-.149-.188-.149-.227 0-.042.096-.168.149-.235l.008-.01c.138-.184.308-.408.308-.716v-.003a.42.42 0 0 0-.428-.408.42.42 0 0 0-.426.411c0 .042-.092.163-.149.236-.142.184-.319.417-.316.73.003.31.177.533.317.712l.002.003z"
         })
     }));
-}, f = i;
+}, f = s;

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

@@ -92,14 +92,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: e, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, a), {

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: n, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), r = 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({
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = i !== null && i !== void 0 ? i : n ? _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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M8.787 6.283v-3.57a.714.714 0 0 0-1.426 0v3.57a.714.714 0 0 0 1.426 0m11.07-2.144C21.04 4.14 22 5.1 22 6.283v3.214H2V6.283C2 5.1 2.96 4.14 4.144 4.14h2.143v2.144a1.787 1.787 0 1 0 3.574 0V4.14h4.287v2.144a1.787 1.787 0 1 0 3.574 0V4.14zm-3.213-1.426v3.57a.714.714 0 0 1-1.426 0v-3.57a.714.714 0 0 1 1.425 0M22 10.572V22H2V10.572zm-11.909 4.987a2.851 2.851 0 0 1 4.23-1.93.53.53 0 0 0 .732-.196.537.537 0 0 0-.197-.731 3.9 3.9 0 0 0-1.965-.53 3.93 3.93 0 0 0-3.885 3.391h-.575a.533.533 0 0 0-.535.535c0 .297.237.535.535.535h.575a3.93 3.93 0 0 0 3.885 3.392c.686 0 1.367-.183 1.966-.53a.536.536 0 0 0-.535-.928 2.85 2.85 0 0 1-4.232-1.938h2.984a.533.533 0 0 0 .535-.535.533.533 0 0 0-.535-.535z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M8.787 6.283v-3.57a.714.714 0 0 0-1.426 0v3.57a.714.714 0 0 0 1.426 0m11.07-2.144C21.04 4.14 22 5.1 22 6.283v3.214H2V6.283C2 5.1 2.96 4.14 4.144 4.14h2.143v2.144a1.787 1.787 0 1 0 3.574 0V4.14h4.287v2.144a1.787 1.787 0 1 0 3.574 0V4.14zm-3.213-1.426v3.57a.714.714 0 0 1-1.426 0v-3.57a.714.714 0 0 1 1.425 0M22 10.572V22H2V10.572zm-11.909 4.987a2.851 2.851 0 0 1 4.23-1.93.53.53 0 0 0 .732-.196.537.537 0 0 0-.197-.731 3.9 3.9 0 0 0-1.965-.53 3.93 3.93 0 0 0-3.885 3.391h-.575a.533.533 0 0 0-.535.535c0 .297.237.535.535.535h.575a3.93 3.93 0 0 0 3.885 3.392c.686 0 1.367-.183 1.966-.53a.536.536 0 0 0-.535-.928 2.85 2.85 0 0 1-4.232-1.938h2.984a.533.533 0 0 0 .535-.535.533.533 0 0 0-.535-.535z"
         })
     }));

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

@@ -93,24 +93,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
     return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M19.86 4.14h-3.213V2.712a.714.714 0 0 0-1.426 0V4.14H8.789V2.713a.714.714 0 0 0-1.427 0V4.14H4.144C2.964 4.14 2 5.1 2 6.283V22h20V6.283a2.143 2.143 0 0 0-2.14-2.144m.714 16.43H3.43V10.21h17.143zM3.43 8.783v-2.5c0-.394.32-.714.713-.714h3.214v1.427a.714.714 0 0 0 1.426 0V5.57h6.427v1.427a.714.714 0 0 0 1.427 0V5.57h3.213c.393 0 .713.32.713.713v2.501z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M8.34 16.103h.426a4.11 4.11 0 0 0 4.04 3.392c.719 0 1.427-.192 2.053-.553a.712.712 0 1 0-.713-1.235 2.675 2.675 0 0 1-3.918-1.604h2.757a.714.714 0 0 0 0-1.426H10.23a2.685 2.685 0 0 1 2.578-1.966c.466 0 .928.123 1.34.361a.717.717 0 0 0 .717-1.239 4.1 4.1 0 0 0-2.053-.553 4.11 4.11 0 0 0-4.04 3.392h-.426a.714.714 0 0 0-.713.713c0 .393.315.718.709.718"
             })
         ]
@@ -119,9 +119,9 @@ const v = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.27 22a.364.364 0 0 0 0-.726H2.725V9.998h18.18v7.281a.364.364 0 0 0 .726 0V6.004c0-1.006-.819-1.82-1.82-1.82h-3.635v-1.82a.364.364 0 0 0-.726 0v1.82h-7.27v-1.82a.364.364 0 0 0-.726 0v1.815H3.82c-1.005 0-1.82.82-1.82 1.82V22zm.004-1.82a.727.727 0 0 0 0-1.453.727.727 0 0 0 0 1.453M2.726 9.272V5.999c0-.6.489-1.09 1.09-1.09h3.639V6.73a.364.364 0 0 0 .726 0V4.91h7.275v1.82a.364.364 0 0 0 .726 0V4.91h3.635c.6 0 1.09.489 1.09 1.09v3.272zm11.455 3.692a3.07 3.07 0 0 0-1.546-.42 3.11 3.11 0 0 0-2.82 1.821h2.997a.364.364 0 0 1 0 .726h-3.22a3 3 0 0 0-.052.545q.001.09.01.182h3.262a.364.364 0 0 1 0 .726H9.675a3.1 3.1 0 0 0 2.956 2.183c.54 0 1.075-.144 1.545-.419a.365.365 0 0 1 .368.629 3.8 3.8 0 0 1-1.909.516 3.82 3.82 0 0 1-3.705-2.91h-.828a.364.364 0 0 1 0-.725h.735a2 2 0 0 1-.009-.182q0-.28.042-.545h-.773a.364.364 0 0 1 0-.726h.95a3.82 3.82 0 0 1 3.593-2.547c.666 0 1.326.182 1.908.517a.365.365 0 0 1-.367.629"
         })
     }));

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

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const V = (_param)=>{
-    var { color: l, size: a = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: i, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), h = l !== null && l !== void 0 ? l : 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({
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -106,11 +106,11 @@ const V = (_param)=>{
     }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: r,
                 d: "M19.86 4.14h-3.213V2.712a.714.714 0 0 0-1.426 0V4.14H8.789V2.713a.714.714 0 0 0-1.427 0V4.14H4.144C2.964 4.14 2 5.1 2 6.283V22h20V6.283a2.143 2.143 0 0 0-2.14-2.144m.714 16.43H3.43V10.21h17.143zM3.43 8.783v-2.5c0-.394.32-.714.713-.714h3.214v1.427a.714.714 0 0 0 1.426 0V5.57h6.427v1.427a.714.714 0 0 0 1.427 0V5.57h3.213c.393 0 .713.32.713.713v2.501z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: r,
                 d: "M8.34 16.103h.426a4.11 4.11 0 0 0 4.04 3.392c.719 0 1.427-.192 2.053-.553a.712.712 0 1 0-.713-1.235 2.675 2.675 0 0 1-3.918-1.604h2.757a.714.714 0 0 0 0-1.426H10.23a2.685 2.685 0 0 1 2.578-1.966c.466 0 .928.123 1.34.361a.717.717 0 0 0 .717-1.239 4.1 4.1 0 0 0-2.053-.553 4.11 4.11 0 0 0-4.04 3.392h-.426a.714.714 0 0 0-.713.713c0 .393.315.718.709.718"
             })
         ]
@@ -122,11 +122,11 @@ const V = (_param)=>{
     }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: r,
                 d: "M19.86 4.14h-3.213V2.712a.714.714 0 0 0-1.426 0V4.14H8.789V2.713a.714.714 0 0 0-1.427 0V4.14H4.144C2.964 4.14 2 5.1 2 6.283V22h20V6.283a2.143 2.143 0 0 0-2.14-2.144m.714 16.43H3.43V10.21h17.143zM3.43 8.783v-2.5c0-.394.32-.714.713-.714h3.214v1.427a.714.714 0 0 0 1.426 0V5.57h6.427v1.427a.714.714 0 0 0 1.427 0V5.57h3.213c.393 0 .713.32.713.713v2.501z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: r,
                 d: "M8.34 16.103h.426a4.11 4.11 0 0 0 4.04 3.392c.719 0 1.427-.192 2.053-.553a.712.712 0 1 0-.713-1.235 2.675 2.675 0 0 1-3.918-1.604h2.757a.714.714 0 0 0 0-1.426H10.23a2.685 2.685 0 0 1 2.578-1.966c.466 0 .928.123 1.34.361a.717.717 0 0 0 .717-1.239 4.1 4.1 0 0 0-2.053-.553 4.11 4.11 0 0 0-4.04 3.392h-.426a.714.714 0 0 0-.713.713c0 .393.315.718.709.718"
             })
         ]

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

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

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

@@ -93,56 +93,56 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: i, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), a = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = i !== null && i !== void 0 ? i : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
     return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M9.644 11.252H9c-.428 0-1.284.18-1.752.536a.7.7 0 0 0-.108 1c.252.32.716.356 1.036.144.108-.072.572-.216.82-.216h.644c.5 0 .928.428.928.964s-.392.964-.928.964h-.96a.756.756 0 0 0-.752.752c0 .432.32.748.752.748h.964c.5 0 .928.428.928.964s-.392.964-.928.964H9c-.252 0-.716-.144-.82-.216a.73.73 0 0 0-1.036.108A.73.73 0 0 0 7.252 19c.464.356 1.32.536 1.752.536h.644c1.32 0 2.392-1.108 2.392-2.428 0-.644-.252-1.252-.68-1.716.428-.428.68-1.036.68-1.716-.004-1.32-1.076-2.424-2.396-2.424M15.572 11.392a.65.65 0 0 0-.716 0l-1.64.928a.675.675 0 0 0-.252.964c.18.356.644.464.964.252l.572-.32v5.572a.715.715 0 1 0 1.432 0V12a.71.71 0 0 0-.36-.608"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M16.64 4.144h3.216c1.18 0 2.144.964 2.144 2.14V22H2V6.284c0-1.176.964-2.14 2.144-2.14h3.208V2.716c0-.396.324-.716.716-.716.396 0 .716.324.716.716v1.428h6.428V2.716c0-.396.324-.716.716-.716s.716.32.712.716zM7.36 5.572H4.144a.715.715 0 0 0-.716.716v2.5h17.156v-2.5a.72.72 0 0 0-.716-.716h-3.216V7a.715.715 0 1 1-1.432 0V5.572H8.792V7a.72.72 0 0 1-.716.716A.72.72 0 0 1 7.36 7zm-3.932 15h17.144V10.216H3.428z"
             })
         ]
     })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M3.189 21.284h17.619c.204 0 .344.144.344.36 0 .212-.136.356-.344.356H2.5V5.928c0-1 .758-1.784 1.726-1.788h3.458V2.356c0-.212.14-.356.345-.356s.344.14.344.356V4.14h6.906V2.356c0-.212.14-.356.344-.356.205 0 .345.14.345.356v1.788h3.454c.968 0 1.726.784 1.726 1.784v11.428c0 .212-.136.356-.344.356-.205 0-.345-.14-.345-.356v-7.5H3.19zM7.68 4.856H4.226c-.589 0-1.037.464-1.037 1.072v3.216h17.27V5.928c0-.608-.448-1.072-1.037-1.072h-3.455V6.64c0 .212-.139.356-.344.356s-.344-.14-.344-.356V4.856h-6.91V6.64c0 .212-.14.356-.344.356-.205 0-.345-.14-.345-.356z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M21.5 19.5c0 .395-.31.716-.692.716a.705.705 0 0 1-.693-.716c0-.395.31-.716.693-.716s.692.32.692.716M14.935 18.784c.208 0 .344-.144.344-.356V12a.37.37 0 0 0-.174-.32.3.3 0 0 0-.345 0l-1.59.928c-.174.108-.209.32-.139.5.104.18.31.216.484.144l1.071-.644v5.82c.004.216.14.356.348.356M11.48 13.608c0-1.072-.863-1.964-1.935-1.964h-.623c-.379 0-1.071.144-1.45.428-.14.108-.175.356-.07.5s.344.18.483.072c.175-.144.693-.284 1.037-.284h.623a1.25 1.25 0 0 1 0 2.5h-.932c-.21 0-.345.144-.345.356 0 .216.14.356.345.356h.932a1.253 1.253 0 0 1 0 2.504h-.623c-.31 0-.862-.144-1.037-.284-.139-.108-.379-.072-.483.072-.105.144-.07.392.07.5.344.284 1.071.428 1.45.428h.623c1.072 0 1.935-.892 1.935-1.964 0-.68-.31-1.252-.828-1.608.518-.364.828-.936.828-1.612"
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M10.24 16.723q-.001-.18.07-.333.071-.15.277-.403l1.364-1.667q.522-.641.729-1.047.209-.405.207-.804 0-.54-.322-.768-.32-.23-.956-.23a6 6 0 0 0-1.249.132v-.566q.659-.165 1.356-.165.99.001 1.476.434.45.399.451 1.129 0 .366-.104.672a2.8 2.8 0 0 1-.347.664 12 12 0 0 1-.703.902l-1.426 1.678h2.684v.574h-3.474a.7.7 0 0 1-.033-.202M7.595 6.533a.54.54 0 0 1-.4-.148.55.55 0 0 1-.14-.395c0-.342.201-.547.543-.547s.544.205.544.547c0 .165-.048.3-.14.395a.57.57 0 0 1-.407.148M16.349 6.533a.54.54 0 0 1-.4-.148.55.55 0 0 1-.14-.395c0-.342.201-.547.543-.547.16 0 .294.048.39.138q.152.147.153.409c0 .165-.047.3-.14.395a.57.57 0 0 1-.406.148"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M19.349 20.191H4.556a2.397 2.397 0 0 1-2.395-2.395v-11.6a2.397 2.397 0 0 1 2.395-2.394h14.877a2.397 2.397 0 0 1 2.395 2.395v1.657a.3.3 0 0 1 0 .08v9.778a2.48 2.48 0 0 1-2.48 2.48m1.927-12.02H2.713v9.625c0 1.017.826 1.843 1.843 1.843H19.35a1.93 1.93 0 0 0 1.927-1.927zm0-.554v-1.42a1.845 1.845 0 0 0-1.843-1.843H4.556a1.845 1.845 0 0 0-1.843 1.843v1.42z"
             })
         ]

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

@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), h = v !== null && v !== void 0 ? v : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = v !== null && v !== void 0 ? v : 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: a,
         height: a,
@@ -105,7 +105,7 @@ const s = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: r,
             d: "M8.787 6.283v-3.57a.714.714 0 0 0-1.426 0v3.57a.714.714 0 0 0 1.426 0m11.07-2.144C21.04 4.14 22 5.1 22 6.283v3.214H2V6.283C2 5.1 2.96 4.14 4.144 4.14h2.143v2.144a1.787 1.787 0 1 0 3.574 0V4.14h4.287v2.144a1.787 1.787 0 1 0 3.574 0V4.14zm-3.213-1.426v3.57a.714.714 0 0 1-1.426 0v-3.57a.714.714 0 0 1 1.425 0M22 10.571V22H2V10.571zm-7.77 8.394h-2.948q.091-.255.092-.535v-1.61h1.609a.533.533 0 0 0 .534-.534.537.537 0 0 0-.534-.54h-1.61V14.32a1.07 1.07 0 0 1 1.742-.832.537.537 0 0 0 .677-.832 2.147 2.147 0 0 0-3.492 1.669v1.421h-.174a.533.533 0 0 0-.535.535c0 .297.238.535.535.535h.178v1.61a.527.527 0 0 1-.534.534.533.533 0 0 0-.535.535c0 .297.238.535.535.535h4.465a.533.533 0 0 0-.005-1.065"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const s = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: r,
             d: "M8.787 6.283v-3.57a.714.714 0 0 0-1.426 0v3.57a.714.714 0 0 0 1.426 0m11.07-2.144C21.04 4.14 22 5.1 22 6.283v3.214H2V6.283C2 5.1 2.96 4.14 4.144 4.14h2.143v2.144a1.787 1.787 0 1 0 3.574 0V4.14h4.287v2.144a1.787 1.787 0 1 0 3.574 0V4.14zm-3.213-1.426v3.57a.714.714 0 0 1-1.426 0v-3.57a.714.714 0 0 1 1.425 0M22 10.571V22H2V10.571zm-7.77 8.394h-2.948q.091-.255.092-.535v-1.61h1.609a.533.533 0 0 0 .534-.534.537.537 0 0 0-.534-.54h-1.61V14.32a1.07 1.07 0 0 1 1.742-.832.537.537 0 0 0 .677-.832 2.147 2.147 0 0 0-3.492 1.669v1.421h-.174a.533.533 0 0 0-.535.535c0 .297.238.535.535.535h.178v1.61a.527.527 0 0 1-.534.534.533.533 0 0 0-.535.535c0 .297.238.535.535.535h4.465a.533.533 0 0 0-.005-1.065"
         })
     }));

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

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

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: n, size: a = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: n, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = n !== null && n !== void 0 ? n : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = n !== null && n !== void 0 ? n : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
     return v.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"
-    }, h), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: h,
             d: "M16.647 4.14h3.214c1.179 0 2.143.964 2.139 2.143V22H2V6.283C2 5.1 2.965 4.14 4.144 4.14h3.218V2.713a.714.714 0 0 1 1.427 0V4.14h6.432V2.713a.714.714 0 0 1 1.426 0zM3.43 20.57h17.143V10.21H3.43zM20.564 8.783v-2.5a.714.714 0 0 0-.713-.714h-3.213v1.427a.714.714 0 0 1-1.427 0V5.57H8.784v1.427a.714.714 0 0 1-1.426 0V5.57H4.144a.714.714 0 0 0-.713.713v2.501zM9.859 18.069a.714.714 0 0 0-.004 1.426h4.466a.714.714 0 0 0 0-1.426h-2.715q.035-.172.036-.357v-1.426h1.426a.714.714 0 0 0 0-1.427h-1.426v-1.248a.893.893 0 0 1 1.454-.694.717.717 0 0 0 1.006-.106.717.717 0 0 0-.106-1.005 2.32 2.32 0 0 0-1.458-.517 2.326 2.326 0 0 0-2.322 2.322v1.248a.714.714 0 0 0 0 1.427v1.426a.35.35 0 0 1-.357.357"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: h,
             d: "M16.647 4.14h3.214c1.179 0 2.143.964 2.139 2.143V22H2V6.283C2 5.1 2.965 4.14 4.144 4.14h3.218V2.713a.714.714 0 0 1 1.427 0V4.14h6.432V2.713a.714.714 0 0 1 1.426 0zM3.43 20.57h17.143V10.21H3.43zM20.564 8.783v-2.5a.714.714 0 0 0-.713-.714h-3.213v1.427a.714.714 0 0 1-1.427 0V5.57H8.784v1.427a.714.714 0 0 1-1.426 0V5.57H4.144a.714.714 0 0 0-.713.713v2.501zM9.859 18.069a.714.714 0 0 0-.004 1.426h4.466a.714.714 0 0 0 0-1.426h-2.715q.035-.172.036-.357v-1.426h1.426a.714.714 0 0 0 0-1.427h-1.426v-1.248a.893.893 0 0 1 1.454-.694.717.717 0 0 0 1.006-.106.717.717 0 0 0-.106-1.005 2.32 2.32 0 0 0-1.458-.517 2.326 2.326 0 0 0-2.322 2.322v1.248a.714.714 0 0 0 0 1.427v1.426a.35.35 0 0 1-.357.357"
         })
     }));

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -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 t = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = r !== null && r !== void 0 ? r : t ? _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 i = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: a,
             d: "M21.293 7.491 15.83 2.31a.56.56 0 0 0-.383-.154H8.066c-.569 0-1.107.538-1.107 1.106v1.507c-.417-.26-.846-.395-1.277-.403-.712-.014-1.423.317-2.115.978-.234.223-.456.527-.54.642l-.009.013-.008.011L3 6.021l-.008.01c-.636.922-.625 2.337.03 3.984.676 1.695 1.99 3.543 3.796 5.35l.006.006.053.056.006.005.068.067.069.068a.6.6 0 0 0-.062.252v4.921c0 .589.518 1.107 1.107 1.107h12.297c.588 0 1.106-.518 1.106-1.107V7.897a.56.56 0 0 0-.176-.406m-1.213.392h-2.182c-.653 0-1.2-.204-1.583-.588-.384-.384-.588-.933-.588-1.583V3.754zM3.912 6.68l.016-.025c.202-.28.337-.429.415-.502.93-.888 1.67-.89 2.549-.008q.261.256.451.568l.008.017c.267.426.513 1.101-.417 2.028a3 3 0 0 1-.333.292l-.065.058c-.19.208-.389.577-.24 1.154.078.311.249.656.523 1.054.392.574.978 1.238 1.897 2.157l.064.064c.919.919 1.583 1.501 2.157 1.896.398.275.742.446 1.053.524.577.146.947-.05 1.154-.24a.4.4 0 0 0 .059-.065q.135-.178.294-.334c.927-.927 1.602-.683 2.028-.417l.017.008c.207.127.4.278.568.452.883.882.88 1.619-.008 2.549-.073.075-.218.21-.501.414l-.026.017c-.602.406-1.666.35-2.927-.154-1.96-.782-3.784-2.359-4.969-3.544l-.04-.039-.03-.028c-1.185-1.187-2.762-3.011-3.543-4.972-.504-1.26-.56-2.325-.154-2.924"
         })
     }));
-}, m = i;
+}, d = s;

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

@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = 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: c,
         height: c,
@@ -104,7 +104,7 @@ const a = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.324 7.9v13.108c0 .44-.387.826-.826.826H7.935c-.432 0-.827-.395-.827-.826v-5.462q0-.068.03-.124l-.186-.184-.003-.003-.062-.06-.003-.002c-1.778-1.781-3.07-3.6-3.73-5.258-.623-1.557-.642-2.876-.062-3.72l.01-.014.012-.016c.073-.101.291-.404.515-.617 1.179-1.126 2.348-1.199 3.48-.224V2.983c0-.418.408-.827.826-.827h7.647q.056 0 .106.021a.3.3 0 0 1 .093.06L21.243 7.7c.052.052.08.12.081.193V7.9m-6.022-5.184H7.935c-.107 0-.266.16-.266.267v2.73q-.001.08-.04.143.168.206.306.435c.442.711.706 1.82-.538 3.064q-.18.183-.387.342c-.196.246.146.823.367 1.148.47.687 1.252 1.49 1.799 2.037l.064.064c.546.546 1.35 1.328 2.037 1.796.324.224.901.563 1.148.367q.157-.207.342-.387c1.243-1.244 2.35-.98 3.064-.538q.407.243.74.583c1.207 1.207 1.21 2.462.002 3.723a5 5 0 0 1-.586.493l-.03.022-.017.011-.014.011c-.406.28-.927.423-1.53.423-.643 0-1.386-.16-2.19-.481-1.435-.573-2.991-1.618-4.537-3.043v5.082c0 .12.145.266.266.266h12.563c.129 0 .266-.137.266-.266V8.178h-2.451c-.88 0-1.633-.288-2.18-.831-.546-.544-.831-1.297-.831-2.18zm5.067 4.902-4.507-4.504v2.053c0 1.488.96 2.451 2.45 2.451zM7.347 14.84c3.658 3.658 6.918 4.644 8.257 3.73l.025-.019q.36-.26.541-.448c.994-1.042.997-1.95.006-2.941a3.2 3.2 0 0 0-.628-.496l-.008-.005c-.796-.496-1.572-.348-2.376.456q-.17.167-.313.359l-.031.033c-.602.555-1.55-.092-1.857-.305-.726-.496-1.555-1.303-2.118-1.863l-.064-.064c-.563-.563-1.367-1.392-1.863-2.118l-.002-.003c-.216-.315-.859-1.254-.303-1.854l.033-.03q.19-.145.359-.315c.8-.8.952-1.58.456-2.375l-.005-.008a3 3 0 0 0-.496-.628c-.992-.991-1.9-.989-2.941.006-.123.117-.275.3-.448.54l-.02.026c-.913 1.336.073 4.599 3.728 8.257l.037.037z"
         })
     }));

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

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

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

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

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

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

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

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