@telefonica/mistica 15.20.0 → 16.0.0

package/dist/generated/mistica-icons/icon-credit-card-filled.js

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: h, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: h, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), o = h !== null && h !== void 0 ? h : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = h !== null && h !== void 0 ? h : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M21.992 8.97V6.938c0-1.073-.8-1.938-1.788-1.938H3.788C2.8 5 2 5.865 2 6.938V8.97zM2 10.102v6.96C2 18.135 2.8 19 3.788 19h16.424C21.2 19 22 18.135 22 17.062v-6.96zm2.5 3.406c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h5.002c.3 0 .536.259.536.568-.008.319-.244.569-.545.569zm9.642 0h-2.504c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h2.5c.3 0 .537.259.537.568 0 .319-.245.569-.533.569m2.137 0c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h3.212c.3 0 .537.259.537.568-.004.319-.236.569-.537.569z"
@@ -113,7 +113,7 @@ const m = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M21.992 8.97V6.938c0-1.073-.8-1.938-1.788-1.938H3.788C2.8 5 2 5.865 2 6.938V8.97zM2 10.102v6.96C2 18.135 2.8 19 3.788 19h16.424C21.2 19 22 18.135 22 17.062v-6.96zm2.5 3.406c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h5.002c.3 0 .536.259.536.568-.008.319-.244.569-.545.569zm9.642 0h-2.504c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h2.5c.3 0 .537.259.537.568 0 .319-.245.569-.533.569m2.137 0c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h3.212c.3 0 .537.259.537.568-.004.319-.236.569-.537.569z"
@@ -123,7 +123,7 @@ const m = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M21.83 8.98q.009.022.01.048v3.764a.2.2 0 0 1-.01.049l-.008.035v4.642c0 .804-.666 1.46-1.484 1.46H3.648c-.82 0-1.487-.656-1.487-1.46v-4.675q-.001-.01-.005-.02-.005-.013-.006-.028V9.028q0-.015.006-.028l.005-.02V6.493c0-.807.667-1.46 1.488-1.46h16.689c.818 0 1.484.653 1.484 1.46v2.45zM3.65 6.265c-.13 0-.233.1-.233.227V8.41H20.57V6.493a.23.23 0 0 0-.232-.227zm16.689 11.479c.126 0 .23-.101.232-.227V13.41H3.416v4.107c0 .126.104.227.233.227z"

package/dist/generated/mistica-icons/icon-credit-card-light.js

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

package/dist/generated/mistica-icons/icon-credit-card-regular.js

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: o, size: h = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: o, size: h = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), e = o !== null && o !== void 0 ? o : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    return t.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: e,
@@ -114,12 +114,12 @@ const s = (_param)=>{
                 d: "M2 5v13.344h20V5zm18.64 1.36v2.636H3.36V6.36zM3.36 16.984v-6.632h17.28v6.632z"
             })
         ]
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: e,
@@ -130,12 +130,12 @@ const s = (_param)=>{
                 d: "M4.144 5h15.704c1.18 0 2.144 1.017 2.152 2.272v9.456c0 1.25-.964 2.272-2.144 2.272H4.144C2.964 19 2 17.979 2 16.728V7.272C2 6.022 2.964 5 4.144 5m15.712 1.509H4.144c-.396 0-.72.343-.72.763v1.5h17.144V7.263c0-.41-.316-.754-.712-.754m-.008 10.974c.396 0 .72-.344.72-.755v-6.43H3.432v6.43c0 .411.316.755.712.755z"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: e,
@@ -151,7 +151,7 @@ const s = (_param)=>{
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
             d: "M21.84 12.79V9.023q-.001-.026-.01-.049l-.008-.035V6.488c0-.807-.666-1.46-1.484-1.46H3.648c-.82 0-1.487.653-1.487 1.46v2.487l-.005.02q-.005.013-.006.028v3.767q0 .015.006.028l.005.02v4.678c0 .804.667 1.46 1.488 1.46h16.689c.818 0 1.484-.656 1.484-1.46v-4.642l.009-.038q.007-.021.008-.046m-1.27 4.723a.233.233 0 0 1-.232.227s-16.69 0-16.69.003a.23.23 0 0 1-.232-.227v-4.11H20.57zM3.65 6.26h16.686c.129 0 .232.1.232.227v1.918H3.418V6.488c0-.126.106-.23.232-.227m16.918 5.913H3.418V9.639h17.15z"

package/dist/generated/mistica-icons/icon-credit-card-visa-filled.js

@@ -93,19 +93,19 @@ 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: t, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), r = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = t !== null && t !== void 0 ? t : a ? _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",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: h,
             d: "M21.992 8.97V6.938c0-1.073-.8-1.938-1.788-1.938H3.788C2.8 5 2 5.865 2 6.938V8.97zM2 10.102v6.96C2 18.135 2.8 19 3.788 19h16.424C21.2 19 22 18.135 22 17.062v-6.96zm2.5 3.406c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h5.002c.3 0 .536.259.536.568-.008.319-.244.569-.545.569zm9.642 0h-2.504c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h2.5c.3 0 .537.259.537.568 0 .319-.245.569-.533.569m2.137 0c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h3.212c.3 0 .537.259.537.568-.004.319-.236.569-.537.569z"
         })
     })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: h,
             d: "M21.992 8.97V6.938c0-1.073-.8-1.938-1.788-1.938H3.788C2.8 5 2 5.865 2 6.938V8.97zM2 10.102v6.96C2 18.135 2.8 19 3.788 19h16.424C21.2 19 22 18.135 22 17.062v-6.96zm2.5 3.406c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h5.002c.3 0 .536.259.536.568-.008.319-.244.569-.545.569zm9.642 0h-2.504c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h2.5c.3 0 .537.259.537.568 0 .319-.245.569-.533.569m2.137 0c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h3.212c.3 0 .537.259.537.568-.004.319-.236.569-.537.569z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: h,
             d: "M21.841 11.208q-.001.024-.008.047-.006.019-.008.037v6.272a1.42 1.42 0 0 1-1.43 1.406h-16.8a1.42 1.42 0 0 1-1.429-1.406v-6.305l-.005-.02q-.005-.014-.006-.03V8.216q0-.017.007-.032l.004-.016V6.432a1.42 1.42 0 0 1 1.429-1.406h16.8c.788 0 1.43.63 1.43 1.406v1.703q.001.015.007.032.009.023.01.05zm-18.246-5a.22.22 0 0 0-.224.221v1.194h17.246V6.429c0-.12-.1-.22-.221-.22zm16.8 11.574a.22.22 0 0 0 .222-.218v-5.762H3.371v5.762c0 .12.1.218.224.218zm-5.733-1.747-.143.002c-.51-.008-1.12-.218-1.12-1.179 0-.958.602-1.165 1.106-1.168h.146c.518.014 1.134.227 1.134 1.176 0 .95-.61 1.16-1.123 1.169m5.017-1.166c0-1.59-1.16-2.182-2.149-2.204a4 4 0 0 0-.184-.006c-.216.003-.83.048-1.35.431a2.4 2.4 0 0 0-1.32-.428q-.086-.004-.185-.003c-.986.009-2.14.588-2.14 2.196s1.16 2.194 2.151 2.207h.174a2.37 2.37 0 0 0 1.333-.428c.499.37 1.076.428 1.345.431h.174c.991-.017 2.15-.602 2.15-2.196"
         })
     }));

package/dist/generated/mistica-icons/icon-credit-card-visa-light.js

@@ -97,7 +97,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : a ? _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-credit-card-visa-regular.js

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

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M15.177 15.243a1.99 1.99 0 0 0-1.412 1.9c0 1.097.895 1.987 2 1.987s2-.89 2-1.987a1.99 1.99 0 0 0-1.412-1.9V13.52h3.53v6.311H4.117V13.52h11.059zm5.882 4.588V5.455A2.463 2.463 0 0 0 18.589 3H5.411a2.463 2.463 0 0 0-2.47 2.455V19.83h-.354a.586.586 0 0 0-.588.585c0 .322.263.584.588.584h18.824a.586.586 0 0 0 .588-.584.586.586 0 0 0-.588-.585zm-1.177-7.48h-3.53V8.844h3.53zm0-6.896v2.22h-3.53V4.17h2.236a1.29 1.29 0 0 1 1.294 1.286M4.118 12.35V8.844h11.059v3.507zm0-6.896c0-.71.579-1.286 1.294-1.286h9.765v3.506H4.117zM14.94 17.143a.82.82 0 0 1 .824-.818.82.82 0 0 1 .823.818.82.82 0 0 1-.823.818.82.82 0 0 1-.824-.818"

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: s, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: s, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), l = s !== null && s !== void 0 ? s : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = 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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M21.843 18.151c0-2.52-1.403-3.697-3.826-3.697-.37 0-.706.039-1.03.09l-2.113-2.02 4.709-4.533c.933-.899 1.496-1.809 1.68-2.708.227-1.079-.117-2.101-1-2.944a.634.634 0 0 0-.89 0l-7.544 7.274L4.21 2.33a.64.64 0 0 0-.89.009c-.883.843-1.227 1.865-1 2.944.184.899.753 1.81 1.68 2.708l4.76 4.583-1.883 1.81a.1.1 0 0 0-.017.028q-.005.015-.017.028a7 7 0 0 0-.848-.056c-2.423 0-3.835 1.185-3.835 3.697s1.412 3.69 3.835 3.69c2.411 0 3.826-1.177 3.826-3.69 0-.689-.11-1.263-.311-1.759q0-.006.004-.008.004-.004.004-.009c.48-.916.958-1.507 1.513-1.857.16-.098.345-.18.521-.235 1.219.16 2.16 1.045 2.807 2.65-.101.38-.177.803-.177 1.288 0 2.513 1.412 3.69 3.835 3.69s3.826-1.175 3.826-3.69m-10.148-6.31c0 .333-.182.49-.496.49-.328 0-.51-.157-.507-.49 0-.323.182-.48.507-.48.314 0 .496.157.496.48m6.322 8.784c-1.823 0-2.574-.723-2.574-2.474 0-1.762.75-2.482 2.574-2.482 1.826 0 2.566.723 2.566 2.482 0 1.75-.742 2.474-2.566 2.474M7.731 18.13c0-1.103-.619-1.621-1.68-1.621-1.062 0-1.681.515-1.681 1.621 0 1.104.619 1.622 1.68 1.622 1.062 0 1.681-.518 1.681-1.622m12.034.04c0-1.104-.622-1.622-1.684-1.622-1.064 0-1.68.515-1.68 1.622 0 1.106.619 1.622 1.68 1.622 1.065 0 1.684-.519 1.684-1.622m-.84 0c0 .613-.205.81-.844.81-.635 0-.84-.197-.84-.81 0-.614.205-.813.84-.813.64 0 .844.2.844.813m-12.874.77c-.636 0-.84-.196-.84-.81 0-.616.204-.812.84-.812s.84.2.84.813-.204.809-.84.809m-.06 1.61c-1.823 0-2.573-.714-2.573-2.473 0-1.762.748-2.481 2.574-2.481s2.566.722 2.566 2.481c0 1.76-.743 2.474-2.566 2.474"

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

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_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 l = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = 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,

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

@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: t, size: l = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: t, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = 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({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: r,
             d: "m21.84 5.507-2.57 2.57a.55.55 0 0 1-.39.16h-2.338l-6.444 6.449a.55.55 0 0 1-.39.16.55.55 0 0 1-.39-.94l6.444-6.445v-2.34a.55.55 0 0 1 .16-.39l2.569-2.569a.54.54 0 0 1 .601-.117.55.55 0 0 1 .338.507v2.02h2.02c.22 0 .423.136.507.338a.54.54 0 0 1-.117.597m-4.425 8.784a7.68 7.68 0 0 0-1.32-4.307l-2.414 2.414c.273.573.433 1.217.433 1.893a4.41 4.41 0 0 1-4.406 4.407 4.41 4.41 0 0 1-4.406-4.407 4.41 4.41 0 0 1 4.406-4.406c.676 0 1.32.155 1.893.432l2.414-2.414a7.66 7.66 0 0 0-4.307-1.32C5.457 6.583 2 10.04 2 14.29S5.457 22 9.708 22c4.25 0 7.707-3.457 7.707-7.709M8.67 15.33a1.466 1.466 0 0 0 2.076.005l2.09-2.095a3.304 3.304 0 0 1-3.128 4.355 3.304 3.304 0 0 1-3.302-3.303 3.304 3.304 0 0 1 4.354-3.128l-2.09 2.09a1.47 1.47 0 0 0 0 2.076m10.21-9.658a.547.547 0 0 1-.549-.55v-1.24l-1.465 1.466v1.79h1.79L20.12 5.67z"
         })
-    })) : o.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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: r,
             d: "m21.84 5.507-2.57 2.57a.55.55 0 0 1-.39.16h-2.338l-6.444 6.449a.55.55 0 0 1-.39.16.55.55 0 0 1-.39-.94l6.444-6.445v-2.34a.55.55 0 0 1 .16-.39l2.569-2.569a.54.54 0 0 1 .601-.117.55.55 0 0 1 .338.507v2.02h2.02c.22 0 .423.136.507.338a.54.54 0 0 1-.117.597m-4.425 8.784a7.68 7.68 0 0 0-1.32-4.307l-2.414 2.414c.273.573.433 1.217.433 1.893a4.41 4.41 0 0 1-4.406 4.407 4.41 4.41 0 0 1-4.406-4.407 4.41 4.41 0 0 1 4.406-4.406c.676 0 1.32.155 1.893.432l2.414-2.414a7.66 7.66 0 0 0-4.307-1.32C5.457 6.583 2 10.04 2 14.29S5.457 22 9.708 22c4.25 0 7.707-3.457 7.707-7.709M8.67 15.33a1.466 1.466 0 0 0 2.076.005l2.09-2.095a3.304 3.304 0 0 1-3.128 4.355 3.304 3.304 0 0 1-3.302-3.303 3.304 3.304 0 0 1 4.354-3.128l-2.09 2.09a1.47 1.47 0 0 0 0 2.076m10.21-9.658a.547.547 0 0 1-.549-.55v-1.24l-1.465 1.466v1.79h1.79L20.12 5.67z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const m = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: r,
             d: "M16.055 9.063c.899 1.14 1.535 2.756 1.535 5.078 0 7.115-5.891 7.67-7.364 7.695-.14.002-.297.005-.457.005q-.127 0-.25-.003c-1.548-.022-7.363-.582-7.363-7.745 0-7.15 5.761-7.68 7.31-7.694h.16c.196 0 .398.002.572.008.874.02 3.212.238 5.028 1.79l.974-.975V4.068a.6.6 0 0 1 .088-.298l.005-.007a.6.6 0 0 1 .129-.154l.005-.008.011-.012 1.569-1.252q.01-.009.026-.013l.024-.012a.6.6 0 0 1 .401-.157c.33 0 .602.269.602.602v1.644a.594.594 0 0 1 .734.076c.168.168.21.41.137.62l1.314.013a.6.6 0 0 1 .594.608.3.3 0 0 1-.015.076l-.01.039a.5.5 0 0 1-.06.165l-.014.036q-.008.026-.021.048L20.58 7.73l-.01.009q-.005.003-.01.008a.6.6 0 0 1-.481.263h-2.972zm-1.821 1.817 1.82-1.817-.831-.866-2.314 2.314c-.62-.474-1.51-.801-2.796-.832-.16-.003-.619-.006-.619-.006-4.067.037-4.067 3.34-4.067 4.423 0 1.093 0 4.415 4.137 4.474l.19.002.415-.002c4.152-.073 4.152-3.35 4.152-4.426 0-.566-.006-1.731-.608-2.731zm6.042-4.747-1.277-.014-.84.84h1.448zm-2.272-.723V3.844l-.753.661v1.658zm-9.291 7.709a.6.6 0 0 1 .546-.65c.35-.02.625.215.65.546l.04.448 2.095-2.095c-.457-.297-1.087-.47-1.967-.49l-.588-.006c-2.381.023-2.869 1.305-2.869 3.221 0 1.939.502 3.238 2.953 3.272l.185.003.392-.003c2.457-.045 2.96-1.322 2.96-3.224 0-.714-.07-1.339-.29-1.849l-1.93 1.93.526.009a.6.6 0 0 1-.011 1.201h-.011L9.452 15.4q-.01 0-.02-.004l-.019-.005-.022-.002c-.046-.005-.091-.009-.135-.026l-.01-.005-.012-.006-.03-.015-.018-.01a.6.6 0 0 1-.129-.09l-.003-.003c-.016-.013-.028-.023-.041-.039a.7.7 0 0 1-.101-.157l-.009-.017a.7.7 0 0 1-.039-.168z"
         })
     }));

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

@@ -97,25 +97,25 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), o = e !== null && e !== void 0 ? e : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = e !== null && e !== void 0 ? e : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.488 4.906a.52.52 0 0 0-.483-.338h-1.924v-2.02c0-.22-.13-.422-.322-.506a.51.51 0 0 0-.572.117L15.74 4.728a.56.56 0 0 0-.152.39v2.338l-.962 1.01a7.2 7.2 0 0 0-2.671-1.55 6.98 6.98 0 0 0-5.592.578c-1.731.967-2.997 2.587-3.566 4.555-1.176 4.067 1.02 8.378 4.89 9.613A7 7 0 0 0 9.83 22a7 7 0 0 0 3.45-.911c1.73-.967 2.996-2.588 3.565-4.555a8.04 8.04 0 0 0-.38-5.513c-.166-.367-.582-.526-.931-.353a.75.75 0 0 0-.336.977c.627 1.4.734 2.982.309 4.461-.46 1.592-1.485 2.903-2.886 3.691a5.66 5.66 0 0 1-4.527.465c-3.136-1.005-4.912-4.494-3.963-7.786.46-1.592 1.485-2.902 2.885-3.69a5.66 5.66 0 0 1 4.527-.466 5.8 5.8 0 0 1 2.08 1.193l-1.239 1.3a4.04 4.04 0 0 0-2.567-.929c-2.313 0-4.197 1.977-4.197 4.405s1.884 4.405 4.197 4.405c2.312 0 4.196-1.977 4.196-4.405a4.5 4.5 0 0 0-.886-2.696l3.199-3.357h2.227a.51.51 0 0 0 .372-.16l2.447-2.569a.57.57 0 0 0 .116-.6m-8.875 9.383c0 1.62-1.253 2.935-2.796 2.935-1.544 0-2.796-1.315-2.796-2.935s1.252-2.935 2.796-2.935c.581 0 1.122.188 1.57.507L9.445 13.9a.57.57 0 0 0 0 .78.51.51 0 0 0 .743 0l1.941-2.038c.305.47.484 1.037.484 1.648m4.021-7.157v-1.79l1.396-1.464v1.24c0 .305.233.549.523.549h1.181L18.34 7.132z"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "m21.42 5.232-2.465 2.592a.34.34 0 0 1-.248.109H16.38l-3.39 3.56c.591.739.953 1.691.953 2.734 0 2.346-1.82 4.256-4.055 4.256s-4.054-1.91-4.054-4.256 1.82-4.256 4.054-4.256c.993 0 1.9.374 2.605 1l1.874-1.967c-1.233-1.166-2.808-1.81-4.479-1.81-3.693 0-6.7 3.156-6.7 7.033s3.007 7.034 6.7 7.034c1.25 0 2.474-.365 3.53-1.057a.343.343 0 0 1 .488.118.38.38 0 0 1-.113.512A7.13 7.13 0 0 1 9.89 22c-4.086 0-7.409-3.488-7.409-7.778s3.323-7.777 7.409-7.777c1.856 0 3.612.72 4.976 2.028l1.02-1.07V4.96c0-.1.036-.194.104-.26l2.47-2.593a.34.34 0 0 1 .383-.08c.131.056.217.194.217.34v2.224h2.117c.145 0 .271.09.326.227a.39.39 0 0 1-.082.412m-5.54 13.806c0 .407-.316.74-.704.74s-.704-.333-.704-.74c0-.408.316-.74.704-.74s.704.332.704.74m-5.743-4.55a.34.34 0 0 1-.248.109.34.34 0 0 1-.248-.11.376.376 0 0 1 0-.52l2.352-2.47a3.25 3.25 0 0 0-2.104-.782c-1.847 0-3.35 1.578-3.35 3.517s1.503 3.517 3.35 3.517 3.35-1.579 3.35-3.517a3.64 3.64 0 0 0-.75-2.213zM20.323 5.34h-1.968V3.274l-1.766 1.853v2.067h1.969zm-4.52 5.583a.38.38 0 0 1 .145-.503.344.344 0 0 1 .479.157 8.1 8.1 0 0 1 .867 3.654c0 1.08-.208 2.128-.619 3.109a.35.35 0 0 1-.325.223.3.3 0 0 1-.14-.033.38.38 0 0 1-.18-.489 7.4 7.4 0 0 0 .555-2.815 7.3 7.3 0 0 0-.781-3.303"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -125,7 +125,7 @@ const n = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.429 5.16a.41.41 0 0 1 .36.22.4.4 0 0 1-.027.42l-1.185 1.725a.4.4 0 0 1-.339.18h-3.134l-.88.873c1.034 1.171 1.779 2.88 1.779 5.415 0 7.252-6.05 7.815-7.563 7.843l-.218.001-.253.002q-.127 0-.255-.003c-1.59-.022-7.563-.594-7.563-7.893 0-7.289 5.919-7.83 7.507-7.844l.16-.002q.294 0 .588.008c.91.022 3.361.252 5.238 1.89l.813-.806V3.892a.42.42 0 0 1 .156-.32l1.7-1.333a.413.413 0 0 1 .667.32v2.129l.233-.233c.162-.16.42-.16.582 0l.003.003a.407.407 0 0 1-.002.574l-.11.11zm-4.146-1.07v2.284l.877-.869V3.402zm.647 2.796h2.092s.63-.918.633-.918l-1.781-.017zm-7.644 4.219c.787.017 1.367.157 1.784.44l1.21-1.196c-.709-.58-1.678-.897-2.95-.928l-.644-.005C6.868 9.44 5.5 10.923 5.5 13.943c0 3.036 1.395 4.534 4.266 4.574l.201.003.423-.003c2.874-.048 4.275-1.532 4.275-4.527 0-1.3-.283-2.302-.824-3.042l-1.215 1.204c.238.443.341 1.043.341 1.838 0 2.092-.66 2.81-2.613 2.843l-.398.003-.185-.003c-1.666-.022-2.577-.49-2.577-2.89 0-2.373.883-2.83 2.51-2.844h.01c.068 0 .436.003.573.006m1.857 2.882c0-.532-.05-.916-.151-1.213l-1.435 1.423.633-.01h.006a.41.41 0 0 1 .412.4c0 .227-.18.412-.406.414l-1.647.026h-.006a.41.41 0 0 1-.347-.205.4.4 0 0 1-.062-.196v-.006l-.003-1.641v-.003c0-.224.182-.406.41-.406h.005a.41.41 0 0 1 .409.406l.003.658 1.52-1.51c-.285-.145-.683-.193-1.215-.207-.135-.002-.513-.002-.563-.002-1.174.008-1.69.098-1.69 2.025 0 1.963.575 2.059 1.765 2.075l.18.003.38-.003c1.415-.025 1.802-.28 1.802-2.028m2.213 5.939c1.877-1.157 2.826-3.157 2.826-5.939 0-2.039-.518-3.658-1.532-4.837l-1.207 1.199c.633.815 1.042 1.98 1.042 3.641 0 4.342-2.768 5.303-5.09 5.342l-.44.005-.207-.002c-2.314-.034-5.076-.995-5.076-5.392 0-4.381 2.723-5.323 5.011-5.342l.664.005c1.205.028 2.527.306 3.527 1.152l1.199-1.188a6 6 0 0 0-.717-.532c-1.54-.961-3.286-1.101-3.964-1.118-.17-.003-.372-.006-.566-.006H9.67c-.675.003-2.406.12-3.921 1.068-1.84 1.148-2.773 3.154-2.773 5.958 0 2.81.941 4.823 2.8 5.986 1.533.955 3.275 1.08 3.953 1.09l.244.002c.16 0 .317 0 .454-.003.67-.01 2.397-.143 3.93-1.09"
         })
     }));

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

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

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

@@ -97,8 +97,8 @@ const s = (_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)();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = 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",

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return H;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), o = e !== null && e !== void 0 ? e : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: m } = (0, _hooks.useTheme)();
-    return m.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = 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: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -119,4 +119,4 @@ const l = (_param)=>{
             d: "M19.673 19.5a.716.716 0 0 1-.714.714.716.716 0 0 1-.715-.714c0-.393.322-.714.715-.714s.714.321.714.714m-.714 1.786H5.03V3.82c0-.607.5-1.107 1.072-1.107h7.5c.285 0 .607.143.82.322l3.822 3.821c.215.214.358.5.358.75v9.75c0 .214.142.357.357.357.214 0 .357-.143.357-.357v-9.75c0-.428-.214-.893-.572-1.25l-3.821-3.821C14.6 2.214 14.066 2 13.6 2h-7.5c-1 0-1.785.821-1.785 1.821V22h14.643c.214 0 .357-.143.357-.357s-.143-.357-.357-.357M12.887 12c-1.107 0-1.786-1.036-1.786-2.679 0-1.678.68-2.678 1.786-2.678 1.107 0 1.786 1.036 1.786 2.678 0 1.643-.714 2.679-1.786 2.679m0-.714c.786 0 1.072-1.072 1.072-1.965 0-.464-.072-1.964-1.072-1.964-.964 0-1.071 1.357-1.071 1.964 0 .965.285 1.965 1.071 1.965m-6.071 4.107a2.7 2.7 0 0 0 2.678 2.678 2.7 2.7 0 0 0 2.679-2.678c0-.214-.143-.357-.357-.357H9.852c-.215 0-.358.143-.358.357s.143.357.358.357h1.57a1.955 1.955 0 0 1-1.928 1.607 1.98 1.98 0 0 1-1.964-1.964c0-1.072.893-1.964 1.964-1.964.465 0 .893.142 1.215.428.143.107.393.107.5-.071.107-.143.107-.393-.072-.5-.464-.393-1.071-.572-1.678-.572-1.429 0-2.643 1.215-2.643 2.679M10.03 12c.214 0 .357-.143.357-.357V7c0-.107-.071-.214-.143-.286a.35.35 0 0 0-.321-.035l-.893.357c-.178.071-.286.285-.214.464s.286.286.464.214l.393-.178v4.107c0 .214.143.357.357.357m2.857 5.714v-4.643c0-.214.143-.357.357-.357h1.858c.75.072 1.357.75 1.357 1.5 0 .393-.143.75-.393 1 .464.25.75.75.75 1.322 0 .821-.679 1.5-1.5 1.5h-2.072c-.214.035-.357-.107-.357-.322m2.429-1.964H13.6v1.607h1.715a.793.793 0 0 0 .786-.786c0-.428-.358-.821-.786-.821m-1.715-.714h1.358a.793.793 0 0 0 .785-.786c0-.429-.321-.786-.75-.786h-1.393z"
         })
     }));
-}, H = l;
+}, d = l;

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

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const n = (_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: m } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: m } = (0, _hooks.useTheme)();
     return m.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -105,7 +105,7 @@ const i = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: r,
             d: "m19.213 6.429-3.786-3.786C15.036 2.214 14.464 2 13.893 2H6.285a2.15 2.15 0 0 0-2.143 2.143V22h15.714V7.964c0-.571-.214-1.143-.643-1.535m-.786 14.142H5.57V4.143c0-.393.322-.714.715-.714h7.607c.178 0 .357.071.5.214l3.821 3.821a.7.7 0 0 1 .214.5zM13.25 12.18c1.178 0 1.964-1.108 1.964-2.858s-.75-2.857-1.964-2.857-1.964 1.072-1.964 2.857c0 1.75.75 2.858 1.964 2.858m0-4.643c.821 0 .893 1.357.893 1.785 0 .893-.286 1.786-.893 1.786-.857 0-.893-1.5-.893-1.786 0-.535.072-1.785.893-1.785m-.893 8.214A2.866 2.866 0 0 1 9.5 18.607a2.866 2.866 0 0 1-2.857-2.857 2.866 2.866 0 0 1 2.857-2.857c.643 0 1.286.214 1.786.643.214.178.285.535.071.75-.178.214-.536.285-.75.071a1.82 1.82 0 0 0-1.107-.393c-1 0-1.786.786-1.786 1.786S8.5 17.536 9.5 17.536c.786 0 1.464-.536 1.714-1.25H9.856a.55.55 0 0 1-.536-.536.55.55 0 0 1 .536-.536h1.964a.55.55 0 0 1 .536.536M8.463 7.571a.53.53 0 0 1 .286-.678l.893-.357a.5.5 0 0 1 .5.071c.143.107.25.25.25.429v4.643a.55.55 0 0 1-.536.535.55.55 0 0 1-.536-.535V7.786l-.143.071c-.285.107-.607-.036-.714-.286m8.215 8q.32-.428.32-.964c0-.928-.75-1.714-1.713-1.714H13.57a.55.55 0 0 0-.535.536v4.642c0 .286.25.536.535.536h2.072c.928 0 1.714-.75 1.714-1.714 0-.536-.25-1-.679-1.322m-2.536-1.607h1.143a.64.64 0 0 1 .643.643c0 .357-.286.607-.643.607h-1.143zm1.5 3.572h-1.5v-1.25h1.5a.64.64 0 0 1 .643.643c0 .357-.286.607-.643.607"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,8 +115,8 @@ const i = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: r,
             d: "m19.213 6.429-3.786-3.786C15.036 2.214 14.464 2 13.893 2H6.285a2.15 2.15 0 0 0-2.143 2.143V22h15.714V7.964c0-.571-.214-1.143-.643-1.535m-.786 14.142H5.57V4.143c0-.393.322-.714.715-.714h7.607c.178 0 .357.071.5.214l3.821 3.821a.7.7 0 0 1 .214.5zM13.25 12.18c1.178 0 1.964-1.108 1.964-2.858s-.75-2.857-1.964-2.857-1.964 1.072-1.964 2.857c0 1.75.75 2.858 1.964 2.858m0-4.643c.821 0 .893 1.357.893 1.785 0 .893-.286 1.786-.893 1.786-.857 0-.893-1.5-.893-1.786 0-.535.072-1.785.893-1.785m-.893 8.214A2.866 2.866 0 0 1 9.5 18.607a2.866 2.866 0 0 1-2.857-2.857 2.866 2.866 0 0 1 2.857-2.857c.643 0 1.286.214 1.786.643.214.178.285.535.071.75-.178.214-.536.285-.75.071a1.82 1.82 0 0 0-1.107-.393c-1 0-1.786.786-1.786 1.786S8.5 17.536 9.5 17.536c.786 0 1.464-.536 1.714-1.25H9.856a.55.55 0 0 1-.536-.536.55.55 0 0 1 .536-.536h1.964a.55.55 0 0 1 .536.536M8.463 7.571a.53.53 0 0 1 .286-.678l.893-.357a.5.5 0 0 1 .5.071c.143.107.25.25.25.429v4.643a.55.55 0 0 1-.536.535.55.55 0 0 1-.536-.535V7.786l-.143.071c-.285.107-.607-.036-.714-.286m8.215 8q.32-.428.32-.964c0-.928-.75-1.714-1.713-1.714H13.57a.55.55 0 0 0-.535.536v4.642c0 .286.25.536.535.536h2.072c.928 0 1.714-.75 1.714-1.714 0-.536-.25-1-.679-1.322m-2.536-1.607h1.143a.64.64 0 0 1 .643.643c0 .357-.286.607-.643.607h-1.143zm1.5 3.572h-1.5v-1.25h1.5a.64.64 0 0 1 .643.643c0 .357-.286.607-.643.607"
         })
     }));
-}, H = i;
+}, H = n;

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

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

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

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: s, size: c = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), o = s !== null && s !== void 0 ? s : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: m } = (0, _hooks.useTheme)();
-    return m.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = e !== null && e !== void 0 ? e : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    return s.match(/^o2-new/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-data-100-gb-regular.js

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const i = (_param)=>{
     var { color: h, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const m = (0, _themevariantcontext.useIsInverseVariant)(), o = h !== null && h !== void 0 ? h : m ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const m = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = h !== null && h !== void 0 ? h : m ? _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,
@@ -105,7 +105,7 @@ const n = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M19.216 6.429 15.43 2.643C15.037 2.214 14.466 2 13.894 2H6.287a2.15 2.15 0 0 0-2.143 2.143V22H19.86V7.964c0-.571-.215-1.143-.643-1.535M18.43 20.57H5.573V4.143c0-.393.321-.714.714-.714h7.607c.179 0 .357.071.5.214l3.822 3.821a.7.7 0 0 1 .214.5zm-6.071-4.821A2.866 2.866 0 0 1 9.5 18.607a2.866 2.866 0 0 1-2.857-2.857 2.866 2.866 0 0 1 2.857-2.857c.643 0 1.286.214 1.786.643.214.178.286.535.072.75-.179.214-.536.285-.75.071a1.82 1.82 0 0 0-1.108-.393c-1 0-1.785.786-1.785 1.786S8.5 17.536 9.5 17.536c.786 0 1.465-.536 1.715-1.25H9.859a.55.55 0 0 1-.536-.536.55.55 0 0 1 .536-.536h1.964a.55.55 0 0 1 .536.536M10.93 6.464c-1.214 0-1.964 1.072-1.964 2.857 0 1.75.75 2.858 1.964 2.858 1.179 0 1.964-1.108 1.964-2.858s-.75-2.857-1.964-2.857m0 4.643c-.857 0-.893-1.5-.893-1.786 0-.535.072-1.785.893-1.785s.893 1.357.893 1.785c0 .893-.286 1.786-.893 1.786m4.643-4.643c-1.214 0-1.964 1.072-1.964 2.857 0 1.75.75 2.858 1.964 2.858 1.178 0 1.964-1.108 1.964-2.858s-.75-2.857-1.964-2.857m0 4.643c-.857 0-.893-1.5-.893-1.786 0-.535.071-1.785.893-1.785.821 0 .893 1.357.893 1.785 0 .893-.286 1.786-.893 1.786m-9.25-3.536a.53.53 0 0 1 .286-.678l.892-.357a.5.5 0 0 1 .5.071c.143.107.25.25.25.429v4.643a.55.55 0 0 1-.535.535.55.55 0 0 1-.536-.535V7.786l-.143.071c-.286.107-.607-.036-.714-.286m10.357 8q.321-.428.321-.964c0-.928-.75-1.714-1.714-1.714h-1.714a.55.55 0 0 0-.536.536v4.642c0 .286.25.536.536.536h2.071c.929 0 1.715-.75 1.715-1.714 0-.536-.25-1-.679-1.322m-1.393-1.607a.64.64 0 0 1 .643.643c0 .357-.286.607-.643.607h-1.143v-1.25zm.357 3.572h-1.5v-1.25h1.5a.64.64 0 0 1 .643.643c0 .357-.286.607-.643.607"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,8 +115,8 @@ const n = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M19.216 6.429 15.43 2.643C15.037 2.214 14.466 2 13.894 2H6.287a2.15 2.15 0 0 0-2.143 2.143V22H19.86V7.964c0-.571-.215-1.143-.643-1.535M18.43 20.57H5.573V4.143c0-.393.321-.714.714-.714h7.607c.179 0 .357.071.5.214l3.822 3.821a.7.7 0 0 1 .214.5zm-6.071-4.821A2.866 2.866 0 0 1 9.5 18.607a2.866 2.866 0 0 1-2.857-2.857 2.866 2.866 0 0 1 2.857-2.857c.643 0 1.286.214 1.786.643.214.178.286.535.071.75-.178.214-.535.285-.75.071a1.82 1.82 0 0 0-1.107-.393c-1 0-1.785.786-1.785 1.786S8.5 17.536 9.5 17.536c.786 0 1.465-.536 1.715-1.25H9.859a.55.55 0 0 1-.536-.536.55.55 0 0 1 .536-.536h1.964a.55.55 0 0 1 .535.536M10.93 6.464c-1.214 0-1.964 1.072-1.964 2.857 0 1.75.75 2.858 1.964 2.858 1.178 0 1.964-1.108 1.964-2.858s-.75-2.857-1.964-2.857m0 4.643c-.857 0-.893-1.5-.893-1.786 0-.535.071-1.785.893-1.785.821 0 .893 1.357.893 1.785 0 .893-.286 1.786-.893 1.786m4.643-4.643c-1.215 0-1.965 1.072-1.965 2.857 0 1.75.75 2.858 1.965 2.858 1.178 0 1.964-1.108 1.964-2.858s-.75-2.857-1.964-2.857m0 4.643c-.857 0-.893-1.5-.893-1.786 0-.535.071-1.785.893-1.785.821 0 .893 1.357.893 1.785 0 .893-.286 1.786-.893 1.786m-9.25-3.536a.53.53 0 0 1 .286-.678l.892-.357a.5.5 0 0 1 .5.071c.143.107.25.25.25.429v4.643a.55.55 0 0 1-.535.535.55.55 0 0 1-.536-.535V7.786l-.143.071c-.286.107-.607-.036-.714-.286m10.357 8q.321-.428.321-.964c0-.928-.75-1.714-1.714-1.714h-1.714a.55.55 0 0 0-.536.536v4.642c0 .286.25.536.536.536h2.071c.929 0 1.714-.75 1.714-1.714 0-.536-.25-1-.678-1.322m-1.393-1.607a.64.64 0 0 1 .643.643c0 .357-.286.607-.643.607h-1.143v-1.25zm.357 3.572h-1.5v-1.25h1.5a.64.64 0 0 1 .643.643c0 .357-.286.607-.643.607"
         })
     }));
-}, H = n;
+}, H = i;

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

@@ -97,7 +97,7 @@ const n = (_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: m } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: m } = (0, _hooks.useTheme)();
     return m.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return H;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), o = e !== null && e !== void 0 ? e : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: m } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = e !== null && e !== void 0 ? e : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: m } = (0, _hooks.useTheme)();
     return m.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -119,4 +119,4 @@ const n = (_param)=>{
             d: "M19.674 19.5a.716.716 0 0 1-.714.714.716.716 0 0 1-.715-.714c0-.393.322-.714.715-.714s.714.321.714.714m-.714 1.786H5.03V3.82c0-.607.5-1.107 1.071-1.107h7.5c.286 0 .608.143.822.322l3.821 3.821c.215.214.357.5.357.75v9.75c0 .214.143.357.358.357.214 0 .357-.143.357-.357v-9.75c0-.428-.215-.893-.572-1.25l-3.821-3.821C14.602 2.214 14.067 2 13.602 2h-7.5c-1 0-1.785.821-1.785 1.821V22H18.96c.214 0 .357-.143.357-.357s-.143-.357-.357-.357M6.817 15.393a2.7 2.7 0 0 0 2.678 2.678 2.7 2.7 0 0 0 2.679-2.678c0-.214-.143-.357-.357-.357H9.852c-.214 0-.357.143-.357.357s.143.357.357.357h1.572a1.955 1.955 0 0 1-1.929 1.607 1.98 1.98 0 0 1-1.964-1.964c0-1.072.893-1.964 1.964-1.964.465 0 .893.142 1.215.428.142.107.392.107.5-.071.107-.143.107-.393-.072-.5-.464-.393-1.071-.572-1.678-.572-1.429 0-2.643 1.215-2.643 2.679m5-6.072c0-1.678.678-2.678 1.785-2.678 1.108 0 1.786 1.036 1.786 2.678 0 1.643-.714 2.679-1.786 2.679-1.107 0-1.785-1.036-1.785-2.679m.714 0c0 .965.286 1.965 1.071 1.965.786 0 1.072-1.072 1.072-1.965 0-.464-.072-1.964-1.072-1.964-.964 0-1.07 1.357-1.07 1.964m-2.929 1.965c-.785 0-1.07-.25-1.07-.25a.345.345 0 0 0-.5 0 .345.345 0 0 0 0 .5c.035.035.5.464 1.606.464.822 0 1.5-.679 1.5-1.5a1.46 1.46 0 0 0-.536-1.143c.322-.286.536-.678.536-1.143 0-.821-.678-1.5-1.5-1.5-1.107 0-1.536.429-1.607.465a.345.345 0 0 0 0 .5.38.38 0 0 0 .5.035s.286-.25 1.107-.25c.429 0 .786.357.786.786a.793.793 0 0 1-.786.786h-.786c-.214 0-.357.143-.357.357s.143.357.357.357h.786c.429 0 .786.357.786.786a.85.85 0 0 1-.822.75m3.286 6.428v-4.643c0-.214.143-.357.357-.357h1.858c.75.072 1.357.75 1.357 1.5 0 .393-.143.75-.393 1 .464.25.75.75.75 1.322 0 .821-.679 1.5-1.5 1.5h-2.072c-.214.035-.357-.107-.357-.322m2.429-1.964h-1.715v1.607h1.715a.793.793 0 0 0 .785-.786c0-.428-.357-.821-.785-.821m-1.715-.714h1.358a.793.793 0 0 0 .785-.786c0-.429-.321-.786-.75-.786h-1.393z"
         })
     }));
-}, H = n;
+}, d = n;

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

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

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: o, size: r = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: o, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), a = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = 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: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
             d: "M8.662 4.117v.007c.191.546.889 1.02 2.043 1.37 1.218.375 2.823.583 4.526.583 1.712 0 3.308-.208 4.527-.583 1.129-.339 1.82-.796 2.025-1.32 0-.008.008-.025.008-.025-.148-.571-.831-1.053-2.041-1.42-1.21-.372-2.816-.571-4.527-.571-1.703 0-3.317.199-4.535.571-1.146.348-1.843.83-2.034 1.378q.007.006.008.01m6.567 7.226c-1.704 0-3.309-.2-4.527-.566a10 10 0 0 1-.591-.216l.552 1.12c1.266.36 2.87.558 4.566.558 1.792 0 3.498-.216 4.781-.613.734-.216 1.35-.524 1.83-.888v3.986c-.225.414-.883.972-2.085 1.347-1.21.364-2.815.571-4.526.571-.765 0-1.5-.05-2.19-.131l.467.955c.56.042 1.137.075 1.72.075 1.792 0 3.498-.215 4.781-.613.734-.216 1.35-.524 1.83-.896v3.546c0 .697-.71 1.272-2.093 1.695-1.219.364-2.832.574-4.527.574q-.446 0-.888-.025a1 1 0 0 1-.213.025h-.025l-10.977-.042c-.241-.025-.488-.093-.667-.275a.93.93 0 0 1-.297-.68c0-.157.034-.325.107-.465L7.794 9.379a.96.96 0 0 1 .552-.49c.062-.02.125-.024.192-.029l.063-.005v-3.39c.443.36 1.053.665 1.843.897 1.3.398 2.997.614 4.782.614 1.787 0 3.49-.216 4.781-.614q1.16-.347 1.83-.88V9.43c-.225.423-.883.98-2.085 1.353-1.204.362-2.81.56-4.523.56m-6.295-.373-.271-.557-5.104 10.142 9.737.043h.386l-1.638-3.314-.502-1.023zm-.319 7.168A.62.62 0 0 1 8 17.516v-4.022a.62.62 0 0 1 .616-.622c.339 0 .616.28.616.622v4.022a.62.62 0 0 1-.616.622m0 .35a.63.63 0 0 1 .628.633.63.63 0 0 1-.628.633.63.63 0 0 1-.627-.633c0-.35.28-.633.627-.633"
         })
     }));
-}, h = i;
+}, h = s;