@telefonica/mistica 15.20.0 → 16.0.0

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
+const i = (_param)=>{
     var { color: s, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), n = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = s !== null && s !== void 0 ? s : 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 l = (_param)=>{
             d: "M19.886 6.433c-1.807-1.812-4.17-1.82-4.252-1.818H4.449c-.577 0-1.16.255-1.6.698-.442.442-.694 1.03-.694 1.613v8.451c0 .58.252 1.168.695 1.614.355.358.804.577 1.308.658.445 1.09 1.448 1.73 2.84 1.73 1.376 0 2.367-.626 2.82-1.691h3.866c.454 1.065 1.446 1.692 2.821 1.692s2.367-.627 2.82-1.692h.225c.577 0 1.16-.255 1.602-.7.44-.443.692-1.031.692-1.614v-3.38c-.003-2.387-.661-4.258-1.958-5.56m.412 9.698a1.1 1.1 0 0 1-.709.338q.003-.05.009-.098.007-.058.008-.12c0-1.927-1.188-3.126-3.1-3.126-1.914 0-3.104 1.199-3.104 3.126q.001.073.01.14l.01.084h-3.34q.003-.05.008-.098.008-.06.009-.126c0-1.927-1.188-3.126-3.1-3.126-1.914 0-3.102 1.199-3.102 3.126v.008q-.031-.02-.065-.038a.5.5 0 0 1-.13-.09c-.22-.219-.342-.493-.342-.754v-3.91h11.72c.177-.005 4.19-.099 5.557 2.694v1.216c0 .26-.123.535-.34.754m-5.695.123c0-1.27.639-1.913 1.9-1.913s1.898.644 1.898 1.913-.638 1.913-1.899 1.913c-1.26 0-1.899-.644-1.899-1.913m-7.608 1.913c-1.26 0-1.899-.644-1.899-1.913s.639-1.913 1.9-1.913 1.899.644 1.899 1.913-.64 1.913-1.9 1.913M4.45 5.825h3.336v4.429H3.36v-3.33c0-.256.126-.538.341-.754.216-.219.49-.345.748-.345m4.538 4.429V5.825h4.39v4.429zm11.65 1.888c-2.112-2.023-5.448-1.897-5.594-1.888h-.465V5.825h1.053c.205.003 5.006.087 5.006 6.171z"
         })
     }));
-}, m = l;
+}, m = i;

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

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : t ? _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,
@@ -104,7 +104,7 @@ const i = (_param)=>{
         role: "presentation"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M21.269 6.788a.557.557 0 0 1 .543.7l-.404 1.616-.004.015-.348 1.397a687 687 0 0 1-.883 3.53c-.266 1.022-.652 1.778-1.182 2.308-.56.557-1.263.84-2.092.84h-6.255c-.838 0-1.583-.28-2.148-.815-.594-.56-.975-1.364-1.138-2.39-.14-.89-1.484-8.68-1.636-9.526-.12-.67-.82-1.176-1.633-1.176H2.736a.56.56 0 0 1-.56-.56c0-.309.252-.56.56-.56h1.35c1.37 0 2.519.882 2.737 2.1.05.272.224 1.266.44 2.521h3.255v-1.19c0-.477.42-.846 1.252-1.096.653-.196 1.516-.305 2.423-.305.908 0 1.77.11 2.423.305.832.25 1.252.62 1.252 1.096v1.19zM10.636 18.533q-.755.001-1.194.423-.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.23-.001-.786-.46-1.229c-.291-.28-.692-.423-1.193-.423m5.462 0q-.755.001-1.193.423-.46.442-.46 1.23 0 .786.46 1.23c.29.28.694.422 1.193.422.498 0 .902-.143 1.193-.423.303-.294.46-.706.46-1.23q-.001-.786-.46-1.229c-.291-.28-.692-.423-1.193-.423M12.179 5.26c-.513.131-.72.269-.798.33l.005.006.009.005.003.003.01.009.012.008.003.003.01.008.004.003.01.008.007.003.01.009.003.002.02.013.014.01.006.003.014.008.008.003.014.008.009.006.022.011.025.011.006.003.02.008.008.006.056.028.022.008.009.003.033.014.011.003.026.008.014.006.022.008.014.006.025.008.014.006.031.011.011.003.042.014.014.006.031.008.017.006.03.008.02.006.034.008.017.006.053.014c.555.143 1.269.221 2.011.221s1.457-.078 2.011-.221l.054-.014.016-.006.034-.008.02-.006.03-.008.017-.006.031-.008.014-.006.042-.014.011-.003.031-.011.014-.006.025-.008.014-.006.023-.008.014-.006.025-.008.011-.003.034-.014.008-.003.023-.008.01-.006.018.003.028-.014.008-.005.02-.012.05-.025.008-.005.015-.009.008-.003.014-.008.006-.003.033-.022.003-.003.011-.008.006-.003.01-.009.004-.002.01-.009.004-.003.022-.016.003-.003.008-.006.006-.005c-.076-.068-.283-.208-.796-.34-.554-.142-1.269-.22-2.01-.22-.743 0-1.457.078-2.012.22m4.022 8.495c.614-.16.79-.327.827-.37l-.003-1.624-.011.006-.028.011-.042.017-.023.008-.044.017-.045.017-.012.002-.042.014-.042.014-.025.009-.054.017-.044.014c-.652.196-1.518.302-2.426.302-.907 0-1.77-.11-2.422-.305l-.079-.024-.02-.007-.025-.008q-.042-.012-.084-.028l-.011-.003-.09-.034-.022-.008-.015-.005q-.027-.01-.055-.023l-.011-.006v1.628c.039.045.213.213.826.37.555.142 1.269.22 2.011.22s1.457-.078 2.011-.22m.827-2.974-.003-1.625-.011.006-.028.011-.042.017-.023.008-.044.017-.045.017-.012.002-.042.014-.042.014-.025.009-.054.017-.044.014c-.652.196-1.51.302-2.42.302s-1.773-.11-2.426-.305q-.04-.01-.078-.024l-.02-.007-.025-.008q-.042-.012-.084-.028l-.011-.003-.09-.034-.022-.008-.015-.006-.055-.022-.012-.006v1.63l.009.009v.003l.042.042.008.005.006.003.008.006.006.002.008.006.006.006.017.01.011.006.008.006.012.006.008.005.067.034.07.028.014.008.014.006.017.008.017.006.017.008.016.006.02.008.017.006.02.008.02.006.021.008.02.009.023.008.02.008.021.009.02.005.025.009.023.005.028.009.025.008.028.009.112.028c.555.143 1.269.221 2.011.221s1.457-.078 2.011-.221l.113-.028.027-.009.026-.008.056-.017.025-.008.02-.006.022-.008.02-.009.022-.008.02-.008.022-.009.02-.005.02-.009.016-.005.02-.009.016-.005.017-.009.017-.005.017-.009.014-.006.014-.008.07-.028.045-.022.008-.006.011-.005.009-.006.01-.006.035-.022.005-.006.009-.005.005-.003.008-.006.006-.003.008-.005.006-.003.04-.04v-.002zm0-2.605.005-1.63-.01.005-.029.011-.042.017-.022.008-.045.017-.045.017-.011.003-.042.014-.042.014-.025.008-.055.017-.043.014c-.653.196-1.513.305-2.423.305s-1.774-.109-2.426-.305q-.04-.01-.078-.024l-.02-.007-.025-.008q-.042-.013-.084-.028l-.012-.003-.09-.034-.022-.008-.035-.014-.035-.014-.01-.006v1.63l.008.009v.003l.042.042.008.005.005.003.009.006.006.003.008.005.005.006.017.011.012.006.008.005.011.006.009.005.067.034.07.028.014.008.014.006.017.008.016.006.017.008.017.006.02.008.016.006.02.008.02.006.022.008.02.009.022.008.02.009.022.008.02.006.025.008.022.006.028.008.026.009.028.008.112.028c.554.143 1.268.221 2.01.221.743 0 1.457-.078 2.012-.221l.112-.028.028-.008.025-.009.028-.008.023-.006.025-.008.02-.006.022-.008.02-.009.022-.008.02-.009.022-.008.02-.006.02-.008.016-.006.02-.008.016-.006.017-.008.017-.006.017-.008.014-.006.014-.008.07-.028.045-.022.008-.006.011-.006.009-.005.01-.006.035-.022.005-.006.009-.005.005-.003.008-.006.006-.003.008-.005.006-.003.04-.04v-.002z"
         })
     }));

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

@@ -96,7 +96,7 @@ const n = (_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 = 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: c,
         height: c,

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

@@ -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: c,
         height: c,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M16.974 17.285H10.61c-.852 0-1.607-.288-2.185-.83-.602-.566-.992-1.384-1.157-2.43-.131-.834-1.476-8.638-1.664-9.689-.123-.684-.835-1.196-1.661-1.196H2.57A.57.57 0 0 1 2 2.57c0-.314.256-.57.57-.57h1.376c1.39 0 2.561.897 2.783 2.137.05.277.226 1.289.446 2.564h3.304V5.49q-.001-.032.002-.063c.034-.455.46-.81 1.271-1.054.664-.2 1.541-.31 2.464-.31.924 0 1.801.11 2.465.31.765.23 1.188.56 1.262.978a.4.4 0 0 1 .017.139v1.214h3.459a.57.57 0 0 1 .552.71l-.443 1.77-.67 2.684c-.253 1.02-.47 1.89-.556 2.215-.27 1.042-.664 1.809-1.202 2.347-.567.567-1.282.855-2.126.855m.986-9.442v5.596c0 .484-.427.86-1.273 1.114-.664.202-1.542.31-2.468.31s-1.8-.11-2.467-.31c-.846-.254-1.273-.63-1.273-1.114V7.84H7.372c.435 2.524.942 5.476 1.027 6.009q.188 1.187.812 1.778c.364.345.837.521 1.402.521h6.361c.695 0 1.681-.242 2.225-2.35.078-.3.273-1.08.506-2.013l.392-1.569.143-.572c.166-.67.323-1.298.45-1.8zm-.886-2.356c-.077-.068-.288-.208-.809-.345-.564-.145-1.29-.225-2.046-.225s-1.481.08-2.045.225c-.522.137-.732.277-.81.345.058.051.19.143.47.243q.142.05.34.102c.564.145 1.29.225 2.045.225s1.482-.08 2.046-.225c.522-.135.733-.277.809-.345m-5.735.967-.006 1.651c.034.043.211.214.84.376.565.146 1.291.226 2.046.226s1.482-.08 2.046-.226c.63-.162.806-.336.84-.376V6.453a4 4 0 0 1-.418.151c-.664.2-1.542.31-2.465.31s-1.8-.11-2.464-.31a4 4 0 0 1-.419-.15m.413 2.8a4 4 0 0 1-.416-.15l-.003 1.651c.034.043.211.214.84.376.565.145 1.291.225 2.046.225s1.482-.08 2.046-.225c.63-.162.806-.336.84-.376V9.104a4 4 0 0 1-.418.15 6 6 0 0 1-.259.07c-.625.155-1.398.24-2.206.24h-.003c-.926 0-1.8-.111-2.467-.31m-.419 4.156c.037.043.217.214.84.376.565.146 1.291.225 2.046.225s1.482-.08 2.046-.225c.624-.16.803-.33.84-.376v-1.655a4 4 0 0 1-.418.151c-.664.2-1.542.31-2.465.31s-1.8-.11-2.467-.31a4 4 0 0 1-.419-.151zM10.61 22c-.51 0-.918-.145-1.214-.43q-.466-.451-.467-1.25 0-.802.467-1.252c.296-.285.707-.43 1.214-.43s.917.145 1.213.43q.466.45.468 1.251 0 .801-.468 1.25c-.293.286-.703.431-1.213.431m0-2.222c-.416 0-.542.125-.542.541s.126.541.542.541.541-.125.541-.54c0-.417-.125-.542-.541-.542M16.165 22q-.767-.001-1.213-.43-.467-.451-.468-1.25 0-.802.468-1.252c.296-.285.706-.43 1.213-.43s.918.145 1.214.43c.308.3.467.718.467 1.251q-.001.801-.467 1.25c-.294.286-.704.431-1.214.431m0-2.222c-.416 0-.541.125-.541.541s.125.541.541.541.542-.125.542-.54c0-.417-.126-.542-.542-.542"
         })
     }));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: t, size: c = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const m = (_param)=>{
             fill: e,
             d: "M5.509 5.388C5.6 3.504 7.094 2 8.92 2h6.158c1.827 0 3.32 1.504 3.412 3.388zm0 13.224C5.6 20.496 7.094 22 8.92 22h6.158c1.827 0 3.32-1.504 3.412-3.388zm4.095-3.576c-.11 0-.228-.091-.236-.123l-.82-3.453h6.903l-.814 3.439c-.013.046-.132.137-.241.137zM18.5 6.458v11.084h-13V6.458zm-3.706 3.932-.972-1.865a.5.5 0 0 0-.696-.215.547.547 0 0 0-.206.727l.705 1.349h-3.25l.705-1.349a.547.547 0 0 0-.206-.727.5.5 0 0 0-.696.215l-.972 1.865H7.239l1.134 4.792c.14.526.666.924 1.231.924h4.792c.56 0 1.09-.398 1.235-.937l1.13-4.779z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -135,4 +135,4 @@ const m = (_param)=>{
             })
         ]
     }));
-}, u = m;
+}, M = m;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: i, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), l = 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)(), l = 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: c,
         height: c,
@@ -135,4 +135,4 @@ const m = (_param)=>{
             })
         ]
     }));
-}, d = m;
+}, p = m;

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

@@ -97,8 +97,8 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = 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,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const m = (_param)=>{
             fill: l,
             d: "M8.92 2h6.16c1.887 0 3.42 1.605 3.42 3.576v12.853c0 1.97-1.533 3.571-3.42 3.571H8.92c-1.887 0-3.42-1.6-3.42-3.571V5.57C5.5 3.601 7.033 2 8.92 2M6.868 6.646v10.717h10.266V6.646zM8.92 3.43c-1.016 0-1.857.773-2.024 1.788h10.206c-.167-1.015-1.008-1.788-2.024-1.788zm0 17.147h6.158c1.016 0 1.857-.773 2.024-1.788H6.897c.167 1.015 1.008 1.788 2.024 1.788m5.633-10.183-.719-1.65a.503.503 0 0 0-.679-.266.543.543 0 0 0-.254.709l.526 1.207h-2.856l.526-1.207a.543.543 0 0 0-.254-.709.503.503 0 0 0-.68.265l-.718 1.651H7.594l.998 4.595c.136.522.666.942 1.183.942h4.45c.513 0 1.043-.425 1.187-.969l.994-4.568zm-.329 4.467h-4.45c-.057-.004-.175-.1-.188-.132l-.71-3.26h6.242l-.701 3.237c-.018.06-.136.155-.193.155"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-buy-home-products-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");
@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M16.899 17.2H10.64c-.837 0-1.58-.284-2.148-.816-.591-.557-.975-1.361-1.137-2.39-.14-.89-1.485-8.683-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.439 2.521h3.0500000000000003l3.472-3.65a.56.56 0 0 1 .406-.173c.154 0 .3.064.406.173l.939.989v-.056c0-.308.252-.56.56-.56h1.638c.308 0 .56.252.56.56v2.752a.6.6 0 0 1 .18-.03h2.793a.562.562 0 0 1 .543.698l-.392 1.569-.002.006-.362 1.453a618 618 0 0 1-.883 3.53c-.266 1.025-.652 1.778-1.182 2.308-.56.554-1.263.837-2.092.837m.277-4.399v-3.81c0-.307.252-.56.56-.56h.337l-.743-.78a.56.56 0 0 1-.154-.387V4.636h-.518v.902a.562.562 0 0 1-.966.387l-1.499-1.58-3.89 4.09h.333c.308 0 .56.252.56.56V12.8zM9.448 21.412c.291.28.692.423 1.193.423s.905-.143 1.194-.423q.458-.443.459-1.23 0-.786-.46-1.23c-.29-.28-.694-.422-1.193-.422-.498 0-.902.142-1.193.423q-.459.442-.46 1.23.001.786.46 1.229M14.91 21.412c.291.28.692.423 1.193.423s.905-.143 1.194-.423q.458-.443.459-1.23c0-.523-.157-.935-.46-1.23-.29-.28-.694-.422-1.193-.422-.498 0-.902.142-1.193.423q-.459.442-.46 1.23.001.786.46 1.229"
         })
     }));
-}, m = i;
+}, d = i;

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"
             })
         ]