@telefonica/mistica 15.20.1 → 16.0.0

package/dist/generated/mistica-icons/icon-wait-clock-regular.js

@@ -97,7 +97,7 @@ const f = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), o = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -106,11 +106,11 @@ const f = (_param)=>{
     }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: a,
                 d: "M21.17 17.383a.747.747 0 0 1 .819.62.68.68 0 0 1-.61.799l-3.805.582-.533-3.89c-.069-.403.212-.763.605-.837a.747.747 0 0 1 .818.619l.217 1.562A8.86 8.86 0 0 0 20.14 12c0-4.727-3.742-8.549-8.361-8.549S3.423 7.273 3.423 12s3.738 8.549 8.353 8.508c1.243 0 2.454-.255 3.557-.8a.754.754 0 0 1 .962.36c.144.366 0 .804-.353.985A9.7 9.7 0 0 1 11.78 22C6.375 22 2 17.531 2 12S6.37 2 11.78 2s9.784 4.469 9.784 10c0 2-.606 3.928-1.672 5.564z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: a,
                 d: "M11.066 5.456c0-.401.32-.73.714-.73a.71.71 0 0 1 .706.726v6.253l2.634 2.694a.71.71 0 0 1 0 1.016.7.7 0 0 1-.497.222.7.7 0 0 1-.497-.222l-2.843-2.907a.73.73 0 0 1-.217-.508z"
             })
         ]
@@ -122,11 +122,11 @@ const f = (_param)=>{
     }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: a,
                 d: "M21.17 17.383a.747.747 0 0 1 .819.62.68.68 0 0 1-.61.799l-3.805.582-.533-3.89c-.069-.403.212-.763.605-.837a.747.747 0 0 1 .818.619l.217 1.562A8.86 8.86 0 0 0 20.14 12c0-4.727-3.742-8.549-8.361-8.549S3.423 7.273 3.423 12s3.738 8.549 8.353 8.508c1.243 0 2.454-.255 3.557-.8a.754.754 0 0 1 .962.36c.144.366 0 .804-.353.985A9.7 9.7 0 0 1 11.78 22C6.375 22 2 17.531 2 12S6.37 2 11.78 2s9.784 4.469 9.784 10c0 2-.606 3.928-1.672 5.564z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: a,
                 d: "M11.066 5.456c0-.401.32-.73.714-.73a.71.71 0 0 1 .706.726v6.253l2.634 2.694a.71.71 0 0 1 0 1.016.7.7 0 0 1-.497.222.7.7 0 0 1-.497-.222l-2.843-2.907a.73.73 0 0 1-.217-.508z"
             })
         ]

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return H;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), h = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
-    return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = o !== null && o !== void 0 ? o : r ? _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,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const s = (_param)=>{
             fill: h,
             d: "M19.857 6.733H16.6l-4.286-4.285a1.246 1.246 0 0 0-1.768 0L6.261 6.733H4.143A2.143 2.143 0 0 0 2 8.876V19.77a2.143 2.143 0 0 0 2.143 2.143h15.714A2.143 2.143 0 0 0 22 19.769V8.876a2.143 2.143 0 0 0-2.143-2.143m0 1.429a.714.714 0 0 1 .714.714v1.761h-.064L18.03 8.162zm-13.396-.1 4.85-4.85a.18.18 0 0 1 .253 0l7.429 7.425h-1.968l-.036-.05-1.893-1.89a.358.358 0 1 0-.507.508l1.429 1.428H14.41s-.018-.032-.032-.05l-.522-.528a.358.358 0 1 0-.507.507l.079.075h-1.833a2.52 2.52 0 0 0 .097-2.171q.176.035.357.035a1.714 1.714 0 1 0-1.71-1.714q-.003.18.031.357a2.525 2.525 0 0 0-2.767.536.357.357 0 1 0 .503.507 1.804 1.804 0 0 1 2.632 2.464H8.786L6.46 8.33a.18.18 0 0 1 0-.268m4.578-1.275a1 1 0 0 1 1.383-.922q.186.076.328.218a.98.98 0 0 1 .293.715 1 1 0 0 1-.293.714 1.025 1.025 0 0 1-1.41 0 1 1 0 0 1-.3-.725m8.818 13.696H4.143a.715.715 0 0 1-.714-.714V8.876a.714.714 0 0 1 .714-.714h1.196a1.25 1.25 0 0 0 .357.91l1.565 1.565H4.857a.536.536 0 1 0 0 1.071h15.714v8.061a.714.714 0 0 1-.714.714"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -135,4 +135,4 @@ const s = (_param)=>{
             d: "M21.837 12.953c0-.711-.563-1.291-1.255-1.291v-.003h-.308l-.003-1.723c.036-.725-.163-1.35-.577-1.804a2.1 2.1 0 0 0-.958-.582V5.917c0-.687-.524-1.25-1.21-1.32V2.99a.43.43 0 0 0-.132-.308.4.4 0 0 0-.308-.112l-12.61.891c-.622 0-1.202.25-1.642.7a2.4 2.4 0 0 0-.678 1.687v13.075c-.04.72.163 1.342.577 1.796.42.456 1.034.711 1.737.717l13.501-.006c1.28 0 2.32-1.07 2.32-2.386l-.003-1.846h.294c.692 0 1.255-.58 1.255-1.292zM2.977 5.88v-.033c0-.412.154-.799.44-1.087a1.5 1.5 0 0 1 1.086-.451l12.2-.86v1.187l-11.667.838A1.33 1.33 0 0 0 3.71 6.807V7.2a1.5 1.5 0 0 1-.294-.23 1.54 1.54 0 0 1-.44-1.089m16.49 13.163c0 .848-.672 1.54-1.496 1.535l-13.498.005c-.474-.005-.877-.165-1.14-.45-.258-.284-.381-.687-.356-1.194V7.684c.417.37.938.58 1.496.58v.008l13.495-.005c.474.005.86.157 1.12.442.261.283.382.69.357 1.205l.002 1.745h-7.002c-1.429 0-2.589 1.193-2.589 2.66v.22c0 1.464 1.163 2.658 2.589 2.658h7.02zm1.115-2.69h-8.137c-.975 0-1.765-.812-1.765-1.812v-.218c0-1.003.793-1.815 1.765-1.815h8.134c.24 0 .434.199.434.445v2.952a.443.443 0 0 1-.431.449M17.91 5.918v1.51L4.53 7.42v-.617c0-.268.227-.49.533-.49L17.11 5.45h.003l.291-.023a.5.5 0 0 1 .505.49m-5.27 9.327a.806.806 0 0 1-.792-.815c0-.448.356-.815.793-.815s.792.364.792.815-.355.815-.792.815m1.614-.815c0-.916-.723-1.66-1.613-1.66-.891 0-1.617.744-1.617 1.66s.726 1.661 1.617 1.661c.888 0 1.613-.745 1.613-1.66"
         })
     }));
-}, d = s;
+}, H = s;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: r, size: a = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: o, size: a = 24 } = _param, c = _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: h } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : t ? _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,
@@ -129,4 +129,4 @@ const v = (_param)=>{
             d: "M20.41 11.461c.79 0 1.431.659 1.431 1.47v2.889c0 .81-.644 1.47-1.431 1.47h-.087l.003 1.6c0 .678-.255 1.316-.723 1.795a2.42 2.42 0 0 1-1.75.745l-13.225.003c-.745-.005-1.4-.28-1.846-.767-.445-.488-.66-1.146-.621-1.908V5.98c0-.678.257-1.317.722-1.796a2.42 2.42 0 0 1 1.75-.745l12.337-.871a.6.6 0 0 1 .454.165c.123.118.19.28.19.454v1.395c.69.157 1.185.753 1.185 1.468v1.442c.342.129.645.322.885.583.446.487.659 1.148.62 1.919l.002 1.467zM3.368 5.98v.033c0 .317.115.616.32.854A1.505 1.505 0 0 1 5.18 5.406L16.407 4.6v-.746L4.673 4.68a1.28 1.28 0 0 0-.935.38c-.239.247-.37.572-.37.92m15.745 11.31H12.44c-1.507 0-2.737-1.26-2.737-2.806v-.213c0-1.55 1.227-2.807 2.737-2.807h6.658l-.003-1.498c.023-.457-.078-.802-.291-1.037-.216-.238-.546-.364-.953-.367l-13.218.003v-.008c-.454 0-.885-.135-1.266-.367v10.605c-.023.448.078.792.294 1.025.218.24.563.372.972.375l13.218-.003c.34 0 .656-.134.894-.38a1.32 1.32 0 0 0 .37-.922zm1.52-4.358c0-.129-.1-.23-.223-.23h-7.97c-.842 0-1.526.703-1.526 1.566v.213c0 .863.686 1.566 1.527 1.566h7.969c.123.003.224-.101.224-.227zM5.224 6.646c-.203.003-.334.123-.334.272v.339a.1.1 0 0 1-.006.035l-.005.024 12.711.002V6.052c0-.148-.131-.271-.291-.271l-.286.02h-.003zm8.383 7.813c0-.552-.437-1-.975-1s-.972.448-.972 1c0 .551.434 1 .972 1a.99.99 0 0 0 .975-1"
         })
     }));
-}, p = v;
+}, f = v;

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), i = 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)(), i = 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.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10m.536-14.644A.55.55 0 0 0 12 6.82a.55.55 0 0 0-.536.536v6.788c0 .284.252.536.536.536a.55.55 0 0 0 .536-.536zm-1.252 9.468c0 .392.32.716.716.716.392 0 .716-.32.716-.716a.72.72 0 0 0-.716-.716.72.72 0 0 0-.716.716"
@@ -113,7 +113,7 @@ const h = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10m.536-14.644A.55.55 0 0 0 12 6.82a.55.55 0 0 0-.536.536v6.788c0 .284.252.536.536.536a.55.55 0 0 0 .536-.536zm-1.252 9.468c0 .392.32.716.716.716.392 0 .716-.32.716-.716a.72.72 0 0 0-.716-.716.72.72 0 0 0-.716.716"
@@ -123,7 +123,7 @@ const h = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M11.621 1c.285 0 .582.006.84.013C14.613 1.063 23 1.914 23 12.028c0 10.14-8.396 10.928-10.496 10.966-.2.003-.432.006-.664.006q-.174 0-.344-.003C9.286 22.966 1 22.164 1 11.962 1 1.776 9.208 1.02 11.418 1zm-.313 4.72v9.498a.689.689 0 1 0 1.377 0V5.721a.689.689 0 0 0-1.377 0m.689 12.69c.432 0 .783-.35.783-.785a.784.784 0 1 0-1.566 0c0 .435.35.786.783.786"

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: a, size: t = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: n, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), i = a !== null && a !== void 0 ? a : l ? _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({
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = n !== null && n !== void 0 ? n : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: i,
@@ -114,12 +114,12 @@ const m = (_param)=>{
                 d: "M2 12C2 6.5 6.5 2 12 2s10 4.5 10 10-4.5 10-10 10S2 17.5 2 12m1.428 0c0 4.716 3.856 8.572 8.572 8.572s8.572-3.856 8.572-8.572S16.716 3.428 12 3.428 3.428 7.284 3.428 12"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: i,
@@ -135,7 +135,7 @@ const m = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M23 12.028C23 1.911 14.614 1.06 12.46 1.01c-.253-.006-.548-.009-.83-.009h-.212C9.21 1.019 1 1.776 1 11.966c0 10.201 8.286 11 10.496 11.03q.17.005.344.004c.232 0 .464-.003.664-.006C14.604 22.956 23 22.167 23 12.028m-.917 0c0 9.16-7.347 10.008-9.598 10.049a20 20 0 0 1-.645.009l-.328-.003c-.961-.013-3.431-.194-5.604-1.562-2.648-1.672-3.99-4.546-3.99-8.555 0-4.004 1.326-6.872 3.95-8.521 2.153-1.356 4.604-1.518 5.56-1.528h.203c.275 0 .56.003.807.01.961.025 3.428.225 5.613 1.596 2.676 1.678 4.032 4.539 4.032 8.505m-10.086 3.65a.46.46 0 0 1-.457-.457V5.724a.458.458 0 0 1 .914 0v9.497a.46.46 0 0 1-.457.457m.72 1.885a.717.717 0 1 0-1.434 0 .717.717 0 0 0 1.434 0"

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

@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), r = n !== null && n !== void 0 ? n : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = n !== null && n !== void 0 ? n : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
     return a.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -106,11 +106,11 @@ const m = (_param)=>{
     }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: t,
                 d: "M11.992 17.86a1.2 1.2 0 0 1 0-2.4 1.2 1.2 0 0 1 0 2.4M11.324 6.068h1.356V14h-1.356z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: t,
                 d: "M12 2c5.328 0 10 4.672 10 10s-4.672 10-10 10S2 17.328 2 12 6.672 2 12 2m0 18.644c4.604 0 8.644-4.04 8.644-8.644S16.604 3.356 12 3.356 3.356 7.396 3.356 12s4.04 8.644 8.644 8.644"
             })
         ]
@@ -122,11 +122,11 @@ const m = (_param)=>{
     }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: t,
                 d: "M12 6.644a.72.72 0 0 0-.716.716v6.784c0 .392.32.716.716.716.392 0 .716-.32.716-.716V7.36A.72.72 0 0 0 12 6.644M12 15.928a.892.892 0 1 1 0 1.784.892.892 0 0 1 0-1.784"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: t,
                 d: "M2 12C2 6.5 6.5 2 12 2s10 4.5 10 10-4.5 10-10 10S2 17.5 2 12m1.428 0c0 4.716 3.856 8.572 8.572 8.572s8.572-3.856 8.572-8.572S16.716 3.428 12 3.428 3.428 7.284 3.428 12"
             })
         ]
@@ -138,11 +138,11 @@ const m = (_param)=>{
     }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: t,
                 d: "M12 6.644a.72.72 0 0 0-.716.716v6.784c0 .392.32.716.716.716.392 0 .716-.32.716-.716V7.36A.72.72 0 0 0 12 6.644M12 15.928a.892.892 0 1 1 0 1.784.892.892 0 0 1 0-1.784"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: t,
                 d: "M2 12C2 6.5 6.5 2 12 2s10 4.5 10 10-4.5 10-10 10S2 17.5 2 12m1.428 0c0 4.716 3.856 8.572 8.572 8.572s8.572-3.856 8.572-8.572S16.716 3.428 12 3.428 3.428 7.284 3.428 12"
             })
         ]
@@ -153,7 +153,7 @@ const m = (_param)=>{
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: t,
             d: "M23 12.03C23 1.914 14.617 1.063 12.46 1.013c-.257-.01-.554-.013-.842-.013h-.2C9.21 1.019 1 1.776 1 11.964c0 10.2 8.29 10.998 10.496 11.033a12 12 0 0 1 .344.003c.232 0 .464-.003.664-.006C14.601 22.954 23 22.167 23 12.03m-1.374-.003c0 8.5-6.396 9.536-9.147 9.587-.194.003-.416.006-.645.006l-.322-.003c-2.749-.038-9.14-1.058-9.14-9.656 0-8.58 6.332-9.562 9.055-9.587h.191c.276 0 .56.003.808.01 2.767.065 9.2 1.139 9.2 9.643m-9.63 3.878a.69.69 0 0 1-.688-.689V5.72a.689.689 0 0 1 1.377 0v9.496a.693.693 0 0 1-.688.689m.787 1.718a.787.787 0 0 0-.786-.783.784.784 0 0 0 0 1.568H12a.79.79 0 0 0 .783-.785"
         })
     }));

package/dist/generated/mistica-icons/icon-water-drop-filled.js

@@ -93,27 +93,27 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: c, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: c, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = c !== null && c !== void 0 ? c : i ? _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({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    return a.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), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M6.246 17.713a5.85 5.85 0 0 0 4.187 1.787c1.567 0 3.067-.644 4.179-1.75l.035-.037c1.116-1.143 1.71-2.642 1.71-4.25 0-2.002-1.393-4.324-2.509-6.18l-2.826-4.927A.67.67 0 0 0 10.43 2c-.246 0-.456.142-.594.356 0 0-2.58 4.534-2.826 4.927C5.893 9.107 4.5 11.424 4.5 13.426c0 1.645.63 3.144 1.746 4.287m11.339 0h1.393a.545.545 0 0 0 .522-.535.545.545 0 0 0-.522-.535h-1.393a.545.545 0 0 0-.523.535c0 .284.246.535.523.535m-.281 2.751a.53.53 0 0 1-.384-.141l-.942-.965a.525.525 0 0 1 0-.75.496.496 0 0 1 .732 0l.942.965c.21.215.21.535 0 .75-.072.105-.21.141-.348.141m-3.384 1.001c0 .284.245.535.522.535a.54.54 0 0 0 .522-.54v-1.42a.544.544 0 0 0-.522-.535.545.545 0 0 0-.522.534z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M6.246 17.713a5.85 5.85 0 0 0 4.187 1.787c1.567 0 3.067-.644 4.179-1.75l.035-.037c1.116-1.143 1.71-2.642 1.71-4.25 0-2.002-1.393-4.324-2.509-6.18l-2.826-4.927A.67.67 0 0 0 10.43 2c-.246 0-.456.142-.594.356 0 0-2.58 4.534-2.826 4.927C5.893 9.107 4.5 11.424 4.5 13.426c0 1.645.63 3.144 1.746 4.287m11.339 0h1.393a.545.545 0 0 0 .522-.535.545.545 0 0 0-.522-.535h-1.393a.545.545 0 0 0-.523.535c0 .284.246.535.523.535m-.281 2.751a.53.53 0 0 1-.384-.141l-.942-.965a.525.525 0 0 1 0-.75.496.496 0 0 1 .732 0l.942.965c.21.215.21.535 0 .75-.072.105-.21.141-.348.141m-3.384 1.001c0 .284.245.535.522.535a.54.54 0 0 0 .522-.54v-1.42a.544.544 0 0 0-.522-.535.545.545 0 0 0-.522.534z"
@@ -123,7 +123,7 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M12.269 2.276a.407.407 0 0 0-.575-.003l-.003.002c-1.358 1.367-6.672 8.247-6.658 12.57.006 2.173.647 3.957 1.852 5.164 1.199 1.2 2.966 1.835 5.106 1.835h.034c4.367-.014 6.963-2.644 6.95-7.042-.009-4.28-5.345-11.157-6.707-12.526"

package/dist/generated/mistica-icons/icon-water-drop-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: l, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: i, size: e = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = i !== null && i !== void 0 ? i : 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), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: o,
             d: "M14.65 17.717c1.117-1.143 1.71-2.643 1.71-4.252 0-1.973-1.352-4.22-2.46-6.061l-.049-.083c-.174-.32-1.92-3.392-2.827-4.964-.138-.215-.348-.357-.594-.357a.67.67 0 0 0-.594.357c-.33.574-.77 1.35-1.203 2.115-.753 1.33-1.49 2.633-1.623 2.813-1.117 1.856-2.51 4.178-2.51 6.18 0 1.61.63 3.14 1.746 4.288a5.82 5.82 0 0 0 4.189 1.751 6.15 6.15 0 0 0 4.215-1.787m-1.045-.965a4.43 4.43 0 0 1-3.175 1.321 4.42 4.42 0 0 1-3.21-1.358c-.871-.859-1.327-2.034-1.327-3.25 0-1.582 1.247-3.645 2.252-5.308l.053-.086c.174-.284 1.464-2.537 2.232-3.927a199 199 0 0 0 2.233 3.927l.133.224c.99 1.671 2.171 3.665 2.171 5.17a4.74 4.74 0 0 1-1.362 3.287m3.98-.105h1.392c.277 0 .523.251.523.535a.545.545 0 0 1-.523.535h-1.393a.545.545 0 0 1-.522-.535c0-.284.245-.535.522-.535m-.84 1.929a.496.496 0 0 0-.733 0 .525.525 0 0 0 0 .75l.943.964a.52.52 0 0 0 .384.142.53.53 0 0 0 .384-.142.525.525 0 0 0 0-.75zm-2.827 1.463c0-.284.246-.535.523-.535.28 0 .522.247.522.535v1.426a.545.545 0 0 1-.522.535.545.545 0 0 1-.523-.535z"
         })
-    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: o,
             d: "M5 13.72c0 3.332 2.679 6.045 5.969 6.045s5.968-2.713 5.968-6.049q.001-1.391-.611-2.667l-2.989-5.23a.35.35 0 0 0-.48-.127.36.36 0 0 0-.127.487l2.976 5.207c.35.732.53 1.515.53 2.335 0 2.94-2.364 5.334-5.267 5.334S5.7 16.661 5.7 13.721c0-.82.175-1.603.517-2.313l5.052-8.875a.364.364 0 0 0-.13-.487.354.354 0 0 0-.482.132l-5.056 8.898A6 6 0 0 0 5 13.721m7.155-8.606a.707.707 0 0 0 .701-.71.707.707 0 0 0-.7-.71.707.707 0 0 0-.702.71c0 .39.314.71.701.71M18.65 17.38h-1.402c-.211 0-.35.141-.35.355s.139.355.35.355h1.402c.212 0 .351-.14.351-.355s-.14-.355-.35-.355m-2.21 1.53a.336.336 0 0 0-.49 0 .347.347 0 0 0 0 .496l.984.996a.37.37 0 0 0 .247.105.4.4 0 0 0 .247-.105.347.347 0 0 0 0-.496zm-2 1.315c0-.214.139-.355.35-.355s.35.14.35.355v1.42c0 .214-.139.355-.35.355s-.35-.141-.35-.355z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +123,10 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: o,
             d: "M11.977 2.151a.4.4 0 0 1 .288.12c1.362 1.373 6.698 8.25 6.706 12.527.014 4.398-2.585 7.028-6.95 7.042h-.033c-2.143 0-3.908-.636-5.106-1.834-1.205-1.208-1.846-2.995-1.852-5.166-.014-4.325 5.3-11.201 6.658-12.568a.42.42 0 0 1 .289-.12m.011 18.866h.034c3.969-.011 6.148-2.221 6.14-6.216-.011-3.753-4.633-9.89-6.185-11.639-1.546 1.746-6.143 7.88-6.132 11.676.009 1.977.55 3.52 1.614 4.585 1.056 1.056 2.582 1.594 4.529 1.594"
         })
     }));
-}, d = s;
+}, f = s;

package/dist/generated/mistica-icons/icon-water-drop-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const m = (_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: o } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = l !== null && l !== void 0 ? l : 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 m = (_param)=>{
             d: "M11.536 2.332a.626.626 0 0 1 .871 0c.815.829 6.546 7.792 6.563 12.403.011 4.437-2.588 7.092-6.952 7.106h-.034c-2.132 0-3.893-.641-5.098-1.857-1.21-1.224-1.854-3.022-1.86-5.207-.014-4.291 5.182-11.095 6.51-12.445m.443 18.257h.033c3.7-.011 5.734-2.09 5.72-5.851-.011-3.488-4.148-9.14-5.767-11.04-1.776 2.07-5.723 7.751-5.712 11.076.006 1.871.51 3.325 1.496 4.322.983.992 2.406 1.493 4.23 1.493"
         })
     }));
-}, d = m;
+}, f = m;

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

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), l = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,

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

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

package/dist/generated/mistica-icons/icon-wearable-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");
@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: i, size: l = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: i, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), a = i !== null && i !== void 0 ? i : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = i !== null && i !== void 0 ? i : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("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: a,
@@ -127,7 +127,7 @@ const m = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -151,7 +151,7 @@ const m = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -163,4 +163,4 @@ const m = (_param)=>{
             })
         ]
     }));
-}, d = m;
+}, p = m;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = a !== null && a !== void 0 ? a : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M21.841 5.993c0-.759-.641-1.378-1.428-1.378H3.583c-.79 0-1.428.62-1.428 1.378v12.011c0 .76.639 1.376 1.429 1.376h16.829c.787 0 1.428-.62 1.428-1.378zm-16.498.83a.55.55 0 0 1-.56.537.55.55 0 0 1-.558-.538.55.55 0 0 1 .557-.537h.003a.55.55 0 0 1 .558.537m15.294 11.179c0 .12-.101.215-.224.215H3.583a.22.22 0 0 1-.223-.215V8.338h17.277zM6.81 10.447l2.729 2.384a.57.57 0 0 1 .006.857l-2.729 2.428a.6.6 0 0 1-.409.155.6.6 0 0 1-.442-.188.566.566 0 0 1 .01-.801l.012-.01.011-.01 2.244-1.997-2.238-1.958a.567.567 0 0 1-.052-.81l.01-.01a.615.615 0 0 1 .848-.04m10.681 2.255c.334 0 .605.26.605.58s-.271.58-.602.58h-6.468a.596.596 0 0 1-.605-.58c0-.32.272-.583.605-.583zM6.463 6.285a.55.55 0 0 1 .558.537.55.55 0 0 1-.56.538.55.55 0 0 1-.558-.538.55.55 0 0 1 .557-.537zm2.235.537a.55.55 0 0 1-.56.538.55.55 0 0 1-.557-.538.55.55 0 0 1 .557-.537h.003a.55.55 0 0 1 .557.537"
         })
     }));
-}, v = i;
+}, d = i;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: t, size: o = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M20.725 4.5c.703 0 1.275.555 1.275 1.235v12.53c0 .68-.572 1.235-1.275 1.235H3.275C2.572 19.5 2 18.945 2 18.265V5.735c0-.68.572-1.235 1.275-1.235zM2.834 5.735v2.04h18.332v-2.04a.433.433 0 0 0-.44-.427H3.274a.437.437 0 0 0-.441.427m18.332 12.527V8.584H2.834v9.678c0 .236.196.427.44.427h17.451c.242 0 .441-.19.441-.427M9.308 13.017 6.479 10.53a.43.43 0 0 0-.592.029.395.395 0 0 0 .029.572l2.49 2.19-2.493 2.235a.397.397 0 0 0-.023.572.428.428 0 0 0 .592.02l2.829-2.533a.4.4 0 0 0 .134-.299.4.4 0 0 0-.137-.299m8.39-.082c.23 0 .418.182.418.404a.41.41 0 0 1-.419.404h-6.704a.41.41 0 0 1-.419-.404.41.41 0 0 1 .419-.404zM5.676 6.603c0 .307.259.56.58.56.322 0 .58-.253.58-.56a.57.57 0 0 0-.58-.563.57.57 0 0 0-.58.563m2.322.56a.57.57 0 0 1-.58-.56c0-.31.258-.563.58-.563s.578.25.578.563a.57.57 0 0 1-.578.56m-4.061-.56c0 .307.259.56.58.56.322 0 .581-.253.581-.56a.57.57 0 0 0-.58-.563.57.57 0 0 0-.581.563"

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

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: s, size: r = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: a, size: r = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), n = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = a !== null && a !== void 0 ? a : 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"
-    }, a), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
             d: "M12 2.235c-4.29 0-7.767 3.485-7.767 7.783S7.71 17.8 12 17.8s7.767-3.484 7.767-7.782S16.29 2.235 12 2.235m-9 7.783C3 5.038 7.03 1 12 1s9 4.037 9 9.018c0 4.98-4.03 9.017-9 9.017s-9-4.037-9-9.017m9-2.533a2.53 2.53 0 0 1 2.527 2.533A2.53 2.53 0 0 1 12 12.55a2.53 2.53 0 0 1-2.527-2.532A2.53 2.53 0 0 1 12 7.485m-3.76 2.533A3.764 3.764 0 0 0 12 13.785a3.764 3.764 0 0 0 3.76-3.767A3.764 3.764 0 0 0 12 6.25a3.764 3.764 0 0 0-3.76 3.768m-.802 11.364c0-.34.276-.617.617-.617h7.89a.617.617 0 0 1 0 1.235h-7.89a.617.617 0 0 1-.617-.618"