@telefonica/mistica 15.20.0 → 16.0.0

package/dist/generated/mistica-icons/icon-support-agent-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : 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({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const l = (_param)=>{
             d: "M16.415 10.302h-.365a3.5 3.5 0 0 1-.798 1.196c-.745.717-1.832 1.081-3.232 1.081-1.398 0-2.488-.364-3.233-1.084-.773-.745-1.165-1.863-1.165-3.316 0-1.454.392-2.572 1.165-3.317.748-.717 1.835-1.081 3.233-1.081s2.487.364 3.232 1.084c.773.748 1.165 1.863 1.165 3.316q0 .861-.182 1.56h.18q.497 0 .75-.249c.168-.165.255-.428.255-.773v-.005l.009-.547c0-3.616-1.835-5.45-5.454-5.45-3.247 0-5.062 1.484-5.398 4.408a.28.28 0 0 1-.554-.064c.184-1.63.806-2.88 1.845-3.706 1-.795 2.381-1.199 4.107-1.199 1.919 0 3.406.499 4.423 1.48 1.056 1.016 1.59 2.543 1.59 4.537v.006l-.008.546c0 .498-.142.893-.42 1.168q-.416.41-1.145.409m-1.623-.56h.862q.203-.682.203-1.56c0-1.297-.336-2.278-.994-2.914-.636-.616-1.594-.927-2.843-.927-1.25 0-2.205.311-2.843.927-.661.636-.995 1.617-.995 2.913 0 1.297.336 2.278.995 2.914.638.616 1.593.927 2.843.927s2.204-.311 2.843-.927a2.8 2.8 0 0 0 .573-.793h-.642a.5.5 0 0 1-.124.204c-.115.115-.283.171-.49.171s-.376-.056-.49-.17c-.107-.107-.166-.267-.166-.48 0-.445.26-.652.658-.652.3 0 .52.118.61.367M3.535 21.834h16.933a.28.28 0 0 0 .28-.28v-1.639c0-1.493-.462-2.764-1.342-3.677-.958-.995-2.39-1.521-4.137-1.521H8.734c-1.75 0-3.18.526-4.137 1.52-.877.914-1.342 2.185-1.342 3.678v1.639c0 .154.126.28.28.28m.28-.56v-1.359c0-1.344.41-2.481 1.185-3.288.863-.894 2.118-1.347 3.734-1.347h6.535c1.616 0 2.871.453 3.734 1.347.776.807 1.185 1.944 1.185 3.288v1.359z"
         })
     }));
-}, g = l;
+}, f = l;

package/dist/generated/mistica-icons/icon-support-agent-premium-filled.js

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: h, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: a, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), l = h !== null && h !== void 0 ? h : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = a !== null && a !== void 0 ? a : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -119,7 +119,7 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,

package/dist/generated/mistica-icons/icon-support-agent-premium-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: r, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -119,7 +119,7 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -131,4 +131,4 @@ const m = (_param)=>{
             })
         ]
     }));
-}, d = m;
+}, u = m;

package/dist/generated/mistica-icons/icon-support-agent-premium-regular.js

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

package/dist/generated/mistica-icons/icon-support-agent-regular.js

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), n = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -108,4 +108,4 @@ const s = (_param)=>{
             d: "m19.009 2.332 2.658 2.678a.61.61 0 0 1-.006.868.61.61 0 0 1-.442.183.6.6 0 0 1-.289-.082l-2.246 2.266 1.204 1.216a.627.627 0 0 1 0 .877.64.64 0 0 1-.434.182.65.65 0 0 1-.434-.182l-.18-.182-8.204 8.266a.61.61 0 0 1-.434.182.65.65 0 0 1-.434-.182l-.927-.933-.009.013-.008.012-1.059 1.067a.611.611 0 0 1-.868 0l-.32-.322-3.364 3.398a.6.6 0 0 1-.434.182.58.58 0 0 1-.434-.182.61.61 0 0 1 0-.877l3.361-3.392-.246-.249a.61.61 0 0 1 0-.877l1.059-1.075.012-.009q.007-.003.013-.008l-.779-.784a.62.62 0 0 1-.18-.437c0-.166.065-.323.18-.437l1.05-1.068 6.541-6.58v-.008l.608-.61-.157-.157a.627.627 0 0 1 0-.877.6.6 0 0 1 .871 0l1.101 1.106 2.247-2.274a.62.62 0 0 1 .106-.712c.247-.24.63-.24.877 0m-1.19 5.042 2.224-2.24-1.174-1.183-2.224 2.241zM15.35 8.607a.536.536 0 0 0-.003-.76l-1.706-1.694-.754.76 1.706 1.702a.57.57 0 0 0 .379.149c.14 0 .28-.05.378-.157m-1.48 3.14a.58.58 0 0 0 .379-.157.544.544 0 0 0-.003-.76l-2.625-2.643-.753.759 2.624 2.644c.101.098.239.157.379.157m-2.484 1.008a.54.54 0 0 0 0-.759L9.606 10.22l-.757.76 1.782 1.784a.58.58 0 0 0 .378.157c.14 0 .28-.06.378-.166m-1.493 2.563c.137 0 .269-.05.375-.157a.52.52 0 0 0 0-.753l-2.411-2.431-.754.761 2.412 2.423a.54.54 0 0 0 .378.157M7.956 16.64l.01-.007q.007-.004.015-.012l-.574-.586q-.007.007-.009.013l-.008.013-.625.635.566.572z"
         })
     }));
-}, d = s;
+}, v = s;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: a, size: l = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: o, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), i = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "m19 2.271 2.716 2.734c.16.17.16.44.009.602a.43.43 0 0 1-.303.126.4.4 0 0 1-.294-.126l-.025-.025-2.566 2.591 1.375 1.384a.42.42 0 0 1 0 .6.407.407 0 0 1-.588 0l-.336-.34-8.524 8.594a.43.43 0 0 1-.302.126.4.4 0 0 1-.294-.126l-1.09-1.098-1.258 1.258a.4.4 0 0 1-.294.126.41.41 0 0 1-.302-.126l-.47-.474-3.59 3.614a.43.43 0 0 1-.302.126.42.42 0 0 1-.291-.717l3.588-3.622-.403-.406a.43.43 0 0 1-.126-.294c0-.12.05-.222.126-.306l1.255-1.255-.947-.955a.435.435 0 0 1 0-.6L14.299 5.1l-.31-.314a.42.42 0 0 1 .584-.599l1.275 1.283 2.566-2.583-.009-.017a.42.42 0 0 1 0-.599.43.43 0 0 1 .594 0m-2.555 3.798 1.493 1.502 2.566-2.583-1.494-1.51zm-9.79 7.916 3.504 3.53 8.235-8.292-3.504-3.529-.863.868 1.3 1.283a.417.417 0 0 1-.294.717.44.44 0 0 1-.294-.117l-1.3-1.292-1.485 1.485q.024.012.034.025l2.213 2.221c.16.168.16.44 0 .6a.43.43 0 0 1-.303.126.4.4 0 0 1-.294-.126L11.4 9.265l-.013-.016-.012-.017-1.477 1.484 1.376 1.37c.168.16.168.431.008.6a.43.43 0 0 1-.302.126.4.4 0 0 1-.294-.126l-1.384-1.367-1.476 1.484 2.022 2.025a.42.42 0 0 1 0 .6.4.4 0 0 1-.294.126.43.43 0 0 1-.303-.126l-2.01-2.034zm.568 3.69.956-.964-.88-.885-.955.972z"

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: o, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "m18.998 2.332 2.658 2.678c.247.241.247.636.003.869a.586.586 0 0 1-.723.1l-2.249 2.266 1.205 1.216a.627.627 0 0 1 0 .877.65.65 0 0 1-.434.182.65.65 0 0 1-.435-.182l-.179-.182-8.204 8.266a.63.63 0 0 1-.434.182.65.65 0 0 1-.438-.182l-.927-.933-.008.013q-.003.006-.008.012l-1.06 1.068a.6.6 0 0 1-.433.182.6.6 0 0 1-.437-.182l-.32-.323-3.372 3.398a.612.612 0 0 1-.868 0 .627.627 0 0 1 0-.877l3.37-3.389-.247-.25a.61.61 0 0 1 0-.876l1.058-1.076.013-.008.013-.008-.78-.785a.61.61 0 0 1 0-.876l8.197-8.267-.157-.156a.627.627 0 0 1 0-.877.6.6 0 0 1 .871 0l1.101 1.106 2.25-2.274a.62.62 0 0 1 .106-.712c.246-.24.63-.24.868 0m-2.356 3.86 1.174 1.182 2.224-2.24-1.174-1.183zm-9.574 7.754 3.135 3.165 7.77-7.824-3.143-3.165-.608.62 1.126 1.106a.54.54 0 0 1 0 .762.5.5 0 0 1-.378.156.57.57 0 0 1-.378-.148l-1.123-1.123-1.272 1.28 2.045 2.059a.53.53 0 0 1 0 .759.54.54 0 0 1-.378.157.58.58 0 0 1-.378-.157l-2.034-2.059-1.272 1.272 1.207 1.19a.54.54 0 0 1 0 .76.52.52 0 0 1-.378.165.57.57 0 0 1-.375-.157l-1.207-1.2-.986 1 1.832 1.844a.54.54 0 0 1 0 .753.52.52 0 0 1-.378.157.52.52 0 0 1-.379-.157l-1.832-1.843zm.885 2.694.012-.008.016-.011-.574-.586-.008.013q-.002.006-.009.013l-.624.635.566.572z"
         })
     }));
-}, f = i;
+}, f = s;

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

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

package/dist/generated/mistica-icons/icon-tablet-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");
@@ -97,7 +97,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), o = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = i !== null && i !== void 0 ? i : l ? _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: e,
         height: e,
@@ -129,4 +129,4 @@ const a = (_param)=>{
             d: "M19.379 5.764s.313-3.606-3.492-3.609c-3.807 0-7.755.003-7.755.003s-.045-.003-.124-.003c-.622 0-3.379.193-3.379 3.623v11.821l-.003.015q-.005.012-.005.024 0 .014.005.025l.003.015v.526s-.437 3.64 3.522 3.64c3.96 0 7.717-.003 7.717-.003s.056.006.157.006c.684 0 3.36-.219 3.36-3.645 0-3.929-.006-12.438-.006-12.438m-13.954.014c0-1.163.35-1.947 1.07-2.396.611-.378 1.314-.406 1.516-.403h.07q.025.004.054.003l7.752-.003c.942 0 1.642.252 2.088.75.68.761.616 1.912.614 1.963v.002q-.004.034-.003.073s.005 7.26.005 11.463H5.425zm13.166 12.424c0 2.457-1.605 2.824-2.563 2.824q-.085 0-.096-.003-.031-.004-.061-.003l-7.717.003c-1 0-1.734-.26-2.183-.779-.653-.754-.557-1.876-.552-1.936v-.003q.005-.05.006-.1v-.155h13.166zm-5.859 1.423c0-.476-.274-.76-.73-.76-.46 0-.732.284-.732.76q0 .35.19.552c.13.137.317.207.541.207s.412-.07.541-.207q.19-.203.19-.552"
         })
     }));
-}, d = a;
+}, p = a;

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

@@ -97,35 +97,35 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), c = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    return c.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: r,
             d: "M18.692 20v-2H5.333v2c0 .368.299.667.667.667h12.026a.667.667 0 0 0 .666-.667M5.333 4v12.667h13.359V4a.667.667 0 0 0-.666-.667H6A.667.667 0 0 0 5.333 4m14.692 0v16c0 1.103-.897 2-1.999 2H6c-1.103 0-2-.897-2-2V4c0-1.103.897-2 2-2h12.026c1.102 0 1.999.897 1.999 2m-8.666 16h1.333v-1.334h-1.333z"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: r,
             d: "M6.087 2h11.826C19.062 2 20 2.964 20 4.143v15.714c0 1.18-.938 2.143-2.087 2.143H6.087C4.938 22 4 21.036 4 19.857V4.143C4 2.963 4.938 2 6.087 2m11.826 1.427H6.087a.71.71 0 0 0-.693.716V4.5H18.61v-.356a.71.71 0 0 0-.697-.716m.693 2.5H5.394V18.07h13.212zM6.087 20.568h11.826c.381 0 .693-.32.693-.716v-.356H5.39v.356c0 .392.312.716.697.716"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: r,
             d: "M6.087 2h11.826C19.062 2 20 2.964 20 4.143v15.714c0 1.18-.938 2.143-2.087 2.143H6.087C4.938 22 4 21.036 4 19.857V4.143C4 2.963 4.938 2 6.087 2m11.826 1.427H6.087a.71.71 0 0 0-.693.716V4.5H18.61v-.356a.71.71 0 0 0-.697-.716m.693 2.5H5.394V18.07h13.212zM6.087 20.568h11.826c.381 0 .693-.32.693-.716v-.356H5.39v.356c0 .392.312.716.697.716"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -135,7 +135,7 @@ const v = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: r,
             d: "M19.377 5.768s.005 8.507.005 12.431c0 3.426-2.675 3.644-3.358 3.644-.101 0-.157-.002-.157-.002s-3.757.002-7.715.002-3.52-3.641-3.52-3.641V5.782C4.633 2.353 7.387 2.16 8.01 2.16c.078 0 .123.003.123.003l7.75-.003c3.81.003 3.494 3.608 3.494 3.608m-13.552.014v11.157h12.37c0-4.236-.006-11.168-.006-11.168q0-.05.005-.105V5.66s.062-1.014-.512-1.653c-.37-.406-.975-.613-1.796-.613h-7.75l-.04-.002-.042-.001h-.042c-.176 0-.79.025-1.308.35-.218.134-.88.546-.88 2.042m12.37 12.42v-.034H5.825v.034q0 .075-.009.151s-.092.99.457 1.62c.37.422 1.003.638 1.882.638l7.715-.003q.045 0 .095.003l.061.006c.99 0 2.169-.42 2.169-2.415m-5.463 1.221c0-.476-.274-.759-.73-.759-.457 0-.732.283-.732.76q.001.349.19.551c.13.137.314.207.541.207s.412-.072.54-.207q.19-.203.191-.552"
         })
     }));

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

@@ -93,27 +93,27 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, l = _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: c } = (0, _hooks.useTheme)();
-    return c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = 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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "m7.667 19.352.677.648h-4.79l-.105-.181A10.73 10.73 0 0 1 2 14.419C2 8.676 6.484 4 12 4a9.7 9.7 0 0 1 5.58 1.776l-3.72 2.229a6.2 6.2 0 0 0-1.86-.29c-3.542 0-6.426 3.004-6.426 6.695a6.85 6.85 0 0 0 2.093 4.942M20.291 8.605l-2.14 3.876c.179.614.28 1.267.28 1.938a6.84 6.84 0 0 1-2.094 4.933l-.68.648h4.79l.104-.181a10.73 10.73 0 0 0 1.449-5.4c0-2.152-.63-4.152-1.71-5.814m.013-3.6a.52.52 0 0 1 .645.09c.169.176.205.453.082.667L14.99 16.7a.3.3 0 0 1-.032.052A3.62 3.62 0 0 1 12 18.285c-.95 0-1.901-.375-2.628-1.133-1.449-1.51-1.449-3.966 0-5.476q.184-.193.384-.343a.3.3 0 0 1 .05-.033z"
         })
-    })) : c.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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "m7.667 19.352.677.648h-4.79l-.105-.181A10.73 10.73 0 0 1 2 14.419C2 8.676 6.484 4 12 4a9.7 9.7 0 0 1 5.58 1.776l-3.72 2.229a6.2 6.2 0 0 0-1.86-.29c-3.542 0-6.426 3.004-6.426 6.695a6.85 6.85 0 0 0 2.093 4.942M20.291 8.605l-2.14 3.876c.179.614.28 1.267.28 1.938a6.84 6.84 0 0 1-2.094 4.933l-.68.648h4.79l.104-.181a10.73 10.73 0 0 0 1.449-5.4c0-2.152-.63-4.152-1.71-5.814m.013-3.6a.52.52 0 0 1 .645.09c.169.176.205.453.082.667L14.99 16.7a.3.3 0 0 1-.032.052A3.62 3.62 0 0 1 12 18.285c-.95 0-1.901-.375-2.628-1.133-1.449-1.51-1.449-3.966 0-5.476q.184-.193.384-.343a.3.3 0 0 1 .05-.033z"
@@ -123,7 +123,7 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M2.155 14.686c0-6.314 3.403-9.653 9.84-9.653 6.443 0 9.846 3.34 9.846 9.653 0 1.42-.18 2.709-.53 3.83a1 1 0 0 1-.036.086l-.02.042c-.1.202-.31.33-.54.33H3.272a.6.6 0 0 1-.577-.414c-.358-1.132-.54-2.434-.54-3.874m9.829-7.18a.597.597 0 0 0-.602.592v.8c0 .326.269.592.602.592.33 0 .602-.263.602-.591v-.801a.597.597 0 0 0-.602-.591M7.547 10.86c.157 0 .31-.06.429-.174a.58.58 0 0 0 0-.838l-.578-.565a.61.61 0 0 0-.854 0 .585.585 0 0 0 0 .837l.577.566a.6.6 0 0 0 .426.174m5.678 5.117 6.375-1.832a.59.59 0 0 0 .41-.736.6.6 0 0 0-.749-.4l-6.38 1.834a1.26 1.26 0 0 0-.883-.356c-.692 0-1.255.55-1.255 1.23s.56 1.232 1.255 1.232a1.25 1.25 0 0 0 1.227-.972m-7.27-1.347a.597.597 0 0 0 .603-.591.597.597 0 0 0-.602-.591h-.818a.6.6 0 0 0-.602.59c0 .326.269.592.602.592zM15.988 9.85a.583.583 0 0 0 .002.838.61.61 0 0 0 .852 0l.577-.566a.585.585 0 0 0 0-.838.61.61 0 0 0-.854 0z"

package/dist/generated/mistica-icons/icon-tachometer-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");
@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : 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({
         width: a,
         height: a,
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M22 14.77C22 8.378 18.54 5 11.997 5 5.457 5 2 8.38 2 14.77c0 1.468.185 2.796.552 3.943A.42.42 0 0 0 2.95 19h18.091c.16 0 .305-.087.376-.228l.022-.045a.4.4 0 0 0 .023-.059c.356-1.136.538-2.45.538-3.898m-.834 0c0 1.263-.145 2.41-.43 3.414H3.264c-.282-1.004-.427-2.151-.427-3.414 0-5.942 3.082-8.954 9.163-8.954s9.166 3.012 9.166 8.954M12 16.702a.875.875 0 0 1-.885-.866c0-.475.396-.863.885-.863a.88.88 0 0 1 .626.253l-.703.202h-.003a.41.41 0 0 0-.281.506.42.42 0 0 0 .518.276l.691-.197a.87.87 0 0 1-.848.69m1.474-1.712c-.31-.515-.87-.83-1.474-.83-.948 0-1.719.754-1.719 1.679s.768 1.676 1.716 1.676 1.719-.754 1.719-1.679q0-.02-.005-.037-.004-.017-.004-.033l6.116-1.752h.006a.403.403 0 0 0 .279-.504v-.003a.414.414 0 0 0-.515-.272zm-1.488-6.61a.414.414 0 0 1-.419-.407v-.827c0-.225.188-.408.416-.408.23 0 .418.183.418.408v.827a.41.41 0 0 1-.415.407M7.304 9.491l-.6-.585a.426.426 0 0 0-.589 0l-.006.006a.4.4 0 0 0 .006.57l.6.586a.426.426 0 0 0 .59 0l.005-.006a.4.4 0 0 0-.005-.57M4.9 13.693c.23 0 .415.183.415.408a.413.413 0 0 1-.415.408h-.848a.413.413 0 0 1-.416-.408c0-.225.188-.408.416-.408zm11.838-3.586a.43.43 0 0 0 .592 0l.598-.585.005-.005a.4.4 0 0 0-.005-.571.42.42 0 0 0-.59 0l-.6.585-.003.003c-.159.16-.159.416.003.573"
         })
     }));
-}, d = s;
+}, p = s;

package/dist/generated/mistica-icons/icon-tachometer-regular.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");
@@ -92,13 +92,13 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
+const m = (_param)=>{
     var { color: t, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: 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)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const s = (_param)=>{
             fill: e,
             d: "M21.195 5.862 19.952 8.11A10.6 10.6 0 0 1 22 14.419c0 1.771-.485 3.433-1.532 5.224a.72.72 0 0 1-.612.357.7.7 0 0 1-.37-.11.766.766 0 0 1-.238-1.023c.905-1.553 1.326-2.967 1.326-4.453a9.14 9.14 0 0 0-1.408-4.89l-4.019 7.267-.02.033q-.01.015-.02.033-.157.223-.348.424a3.8 3.8 0 0 1-2.757 1.186 3.8 3.8 0 0 1-2.756-1.186c-1.518-1.581-1.518-4.157 0-5.738.132-.133.27-.257.407-.362q.027-.021.064-.043l4.187-2.514a5.5 5.5 0 0 0-1.902-.348c-3.15 0-5.714 2.753-5.714 6.138 0 1.634.645 3.077 1.91 4.286.293.281.312.748.047 1.052a.696.696 0 0 1-1.01.048c-1.55-1.481-2.373-3.343-2.373-5.386 0-4.21 3.2-7.628 7.14-7.628 1.216 0 2.377.328 3.41.933l1.28-.767a8.3 8.3 0 0 0-4.694-1.466c-4.727 0-8.572 4.004-8.572 8.928 0 1.49.42 2.905 1.326 4.453.206.352.1.81-.238 1.023a.7.7 0 0 1-.983-.247C2.49 17.848 2 16.19 2 14.419 2 8.671 6.49 4 12.002 4c2.277 0 4.375.8 6.057 2.138l2.163-1.29a.69.69 0 0 1 .86.119.77.77 0 0 1 .113.895m-7.451 10.371a2 2 0 0 0 .187-.219l4.7-8.5-8.16 4.89a2 2 0 0 0-.215.196c-.96 1-.96 2.633 0 3.633s2.523 1 3.488 0"
         })
-    })) : 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: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -126,7 +126,7 @@ const s = (_param)=>{
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
-            d: "M11.998 5.044c6.432 0 9.83 3.334 9.83 9.64 0 1.417-.177 2.702-.53 3.823q-.013.044-.036.086l-.02.043a.6.6 0 0 1-.54.33H3.29a.6.6 0 0 1-.577-.415c-.356-1.131-.538-2.43-.538-3.868 0-6.305 3.398-9.639 9.823-9.639m8.258 12.74c.244-.919.367-1.96.367-3.1 0-5.612-2.902-8.457-8.622-8.457S3.382 9.07 3.382 14.683c0 1.143.123 2.185.364 3.1zm-7.375-2.944a1.26 1.26 0 0 0-.88-.356c-.692.003-1.252.552-1.25 1.23 0 .68.561 1.23 1.253 1.23.585.002 1.095-.401 1.224-.972l6.364-1.83h.004l.003-.002h.002c.31-.093.49-.42.4-.731a.6.6 0 0 0-.748-.401zm-.894-5.347a.595.595 0 0 1-.602-.591v-.799c0-.325.269-.59.602-.59s.602.265.602.59v.799a.595.595 0 0 1-.602.59m-4 .361-.577-.566a.616.616 0 0 0-.854 0l-.011.011c-.225.23-.219.6.01.824l.58.569a.607.607 0 0 0 .852 0l.014-.014a.586.586 0 0 0-.014-.824M5.97 13.445c.334 0 .603.263.603.591a.597.597 0 0 1-.603.591h-.815a.597.597 0 0 1-.602-.591c0-.328.269-.591.602-.591zm10.012-2.756a.6.6 0 0 0 .851-.003l.577-.566.011-.011a.583.583 0 0 0-.01-.824.61.61 0 0 0-.852 0l-.578.566-.014.014a.586.586 0 0 0 .014.824"
+            d: "M11.999 5.044c6.43 0 9.829 3.334 9.829 9.64 0 1.417-.177 2.702-.53 3.823q-.013.044-.036.086l-.02.043a.6.6 0 0 1-.54.33H3.29a.6.6 0 0 1-.577-.415c-.356-1.131-.538-2.43-.538-3.868 0-6.305 3.398-9.639 9.824-9.639m8.257 12.74c.244-.919.367-1.96.367-3.1 0-5.612-2.902-8.457-8.622-8.457S3.382 9.07 3.382 14.683c0 1.143.123 2.185.364 3.1zm-7.375-2.944a1.26 1.26 0 0 0-.88-.356c-.692.003-1.252.552-1.249 1.23 0 .68.56 1.23 1.252 1.23.585.002 1.095-.401 1.224-.972l6.364-1.83h.005l.002-.002h.002c.31-.093.49-.42.4-.731a.6.6 0 0 0-.748-.401zm-.894-5.347a.595.595 0 0 1-.602-.591v-.799c0-.325.269-.59.602-.59.334 0 .602.265.602.59v.799a.595.595 0 0 1-.602.59m-4 .361-.577-.566a.616.616 0 0 0-.854 0l-.011.011c-.224.23-.219.6.01.824l.58.569a.607.607 0 0 0 .852 0l.014-.014a.586.586 0 0 0-.014-.824M5.97 13.445c.334 0 .603.263.603.591a.597.597 0 0 1-.603.591h-.815a.597.597 0 0 1-.602-.591c0-.328.269-.591.602-.591zm10.012-2.756a.6.6 0 0 0 .851-.003l.577-.566.011-.011a.583.583 0 0 0-.01-.824.61.61 0 0 0-.852 0l-.577.566-.014.014a.586.586 0 0 0 .014.824"
         })
     }));
-}, d = s;
+}, p = m;

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: t, size: a = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M21.314 2.213a.674.674 0 0 0-.983 0l-1.189 1.242h-8.055a.68.68 0 0 0-.503.224l-7.503 8.167a2.254 2.254 0 0 0 0 3.085l6.146 6.427a2.019 2.019 0 0 0 2.946.01l7.744-7.94a.75.75 0 0 0 .209-.521V4.484l1.188-1.243a.75.75 0 0 0 0-1.028M9 12.363H7.26a.53.53 0 0 1-.52-.545.53.53 0 0 1 .52-.544H9c.29 0 .52.242.52.544a.53.53 0 0 1-.52.544m5.736-.545a.53.53 0 0 1-.52.544h-1.651c.222.736.872 1.27 1.65 1.27.281 0 .553-.069.802-.204a.51.51 0 0 1 .703.233.555.555 0 0 1-.223.735c-.4.219-.832.33-1.286.33-1.357 0-2.488-1.019-2.732-2.364h-.4a.53.53 0 0 1-.522-.544.53.53 0 0 1 .521-.545h.4c.245-1.344 1.376-2.364 2.733-2.364q.676.001 1.287.33a.56.56 0 0 1 .222.736.516.516 0 0 1-.703.233 1.7 1.7 0 0 0-.801-.205c-.775 0-1.429.54-1.651 1.27h1.65c.29 0 .521.242.521.545"
         })
     })) : /* @__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"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M21.314 2.213a.674.674 0 0 0-.983 0l-1.189 1.242h-8.055a.68.68 0 0 0-.503.224l-7.503 8.167a2.254 2.254 0 0 0 0 3.085l6.146 6.427a2.019 2.019 0 0 0 2.946.01l7.744-7.94a.75.75 0 0 0 .209-.521V4.484l1.188-1.243a.75.75 0 0 0 0-1.028M9 12.363H7.26a.53.53 0 0 1-.52-.545.53.53 0 0 1 .52-.544H9c.29 0 .52.242.52.544a.53.53 0 0 1-.52.544m5.736-.545a.53.53 0 0 1-.52.544h-1.651c.222.736.872 1.27 1.65 1.27.281 0 .553-.069.802-.204a.51.51 0 0 1 .703.233.555.555 0 0 1-.223.735c-.4.219-.832.33-1.286.33-1.357 0-2.488-1.019-2.732-2.364h-.4a.53.53 0 0 1-.522-.544.53.53 0 0 1 .521-.545h.4c.245-1.344 1.376-2.364 2.733-2.364q.676.001 1.287.33a.56.56 0 0 1 .222.736.516.516 0 0 1-.703.233 1.7 1.7 0 0 0-.801-.205c-.775 0-1.429.54-1.651 1.27h1.65c.29 0 .521.242.521.545"
         })
     }));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: r, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), l = r !== null && r !== void 0 ? r : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -125,4 +125,4 @@ const m = (_param)=>{
             d: "m20.082 4.049 1.34-1.4a.393.393 0 0 0 0-.537.344.344 0 0 0-.508 0l-1.34 1.4h-8.515a.36.36 0 0 0-.258.117l-7.794 8.485a1.95 1.95 0 0 0 0 2.666l6.38 6.67a1.754 1.754 0 0 0 2.55 0 .387.387 0 0 0 0-.532.344.344 0 0 0-.508 0c-.42.44-1.109.44-1.53 0l-6.38-6.67a1.18 1.18 0 0 1 .005-1.607l7.692-8.37h7.642L17.31 5.889a.38.38 0 0 0 0 .531c.07.073.162.111.254.111a.35.35 0 0 0 .254-.11l1.548-1.619v7.988l-4.948 5.173a.387.387 0 0 0 0 .53c.139.15.365.15.508 0l5.05-5.278a.37.37 0 0 0 .106-.265zM12.718 20.27a.78.78 0 0 1 0-1.067.7.7 0 0 1 1.02 0 .78.78 0 0 1 0 1.067.7.7 0 0 1-1.02 0m-2.014-7.515a.37.37 0 0 0 .36.377h.767c.42 1 1.372 1.7 2.48 1.7q.662 0 1.253-.319a.385.385 0 0 0 .152-.507.35.35 0 0 0-.485-.16 1.9 1.9 0 0 1-.915.238 1.97 1.97 0 0 1-1.663-.942h1.663a.37.37 0 0 0 .36-.377.37.37 0 0 0-.36-.377h-1.95a2 2 0 0 1-.032-.376c0-.13.014-.256.033-.377h1.95a.37.37 0 0 0 .36-.377.37.37 0 0 0-.36-.376h-1.664c.356-.565.966-.942 1.663-.942q.486-.001.915.236a.35.35 0 0 0 .485-.159.385.385 0 0 0-.152-.507 2.6 2.6 0 0 0-1.252-.319c-1.11 0-2.06.7-2.481 1.7h-.767a.37.37 0 0 0-.36.377.37.37 0 0 0 .36.377h.568a2.58 2.58 0 0 0 0 .753h-.568c-.203-.02-.36.15-.36.357m-3.974-.753a.37.37 0 0 1 .36-.377h1.807c.199 0 .36.17.36.377a.37.37 0 0 1-.36.377H7.091a.37.37 0 0 1-.36-.377"
         })
     }));
-}, g = m;
+}, d = m;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: t, size: a = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_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: c } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
     return c.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"
-    }, h), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -119,7 +119,7 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -131,4 +131,4 @@ const m = (_param)=>{
             })
         ]
     }));
-}, d = m;
+}, v = m;

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: r, size: a = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M21.324 2.213a.674.674 0 0 0-.984 0l-1.188 1.242h-8.055c-.191 0-.37.08-.503.224l-7.503 8.167a2.254 2.254 0 0 0 0 3.085l6.146 6.427a2.019 2.019 0 0 0 2.946.01l7.744-7.94a.75.75 0 0 0 .209-.521V4.484l1.188-1.243a.75.75 0 0 0 0-1.028M9.01 12.363H7.27a.53.53 0 0 1-.521-.545.53.53 0 0 1 .52-.544h1.74c.29 0 .521.242.521.544a.53.53 0 0 1-.52.544m2.26 2.182a.53.53 0 0 1-.52-.544.53.53 0 0 1 .52-.545c.098 0 .174-.08.174-.181v-.908a.53.53 0 0 1-.52-.544.53.53 0 0 1 .52-.545v-.907c0-.903.703-1.638 1.567-1.638.431 0 .845.186 1.139.516a.567.567 0 0 1-.022.773.51.51 0 0 1-.739-.024.5.5 0 0 0-.378-.172c-.29 0-.521.247-.521.545v.907h.868c.29 0 .52.242.52.545a.53.53 0 0 1-.52.544h-.868v.907q0 .092-.013.182h1.749c.289 0 .52.242.52.545a.534.534 0 0 1-.52.544z"
         })
     })) : /* @__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"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M21.324 2.213a.674.674 0 0 0-.984 0l-1.188 1.242h-8.055c-.191 0-.37.08-.503.224l-7.503 8.167a2.254 2.254 0 0 0 0 3.085l6.146 6.427a2.019 2.019 0 0 0 2.946.01l7.744-7.94a.75.75 0 0 0 .209-.521V4.484l1.188-1.243a.75.75 0 0 0 0-1.028M9.01 12.363H7.27a.53.53 0 0 1-.521-.545.53.53 0 0 1 .52-.544h1.74c.29 0 .521.242.521.544a.53.53 0 0 1-.52.544m2.26 2.182a.53.53 0 0 1-.52-.544.53.53 0 0 1 .52-.545c.098 0 .174-.08.174-.181v-.908a.53.53 0 0 1-.52-.544.53.53 0 0 1 .52-.545v-.907c0-.903.703-1.638 1.567-1.638.431 0 .845.186 1.139.516a.567.567 0 0 1-.022.773.51.51 0 0 1-.739-.024.5.5 0 0 0-.378-.172c-.29 0-.521.247-.521.545v.907h.868c.29 0 .52.242.52.545a.53.53 0 0 1-.52.544h-.868v.907q0 .092-.013.182h1.749c.289 0 .52.242.52.545a.534.534 0 0 1-.52.544z"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-tag-discount-pound-regular.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: h } = (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: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,

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

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

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

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