@telefonica/mistica 15.20.1 → 16.1.0

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), l = e !== null && e !== void 0 ? e : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: m } = (0, _hooks.useTheme)();
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = e !== null && e !== void 0 ? e : o ? _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,
@@ -129,4 +129,4 @@ const n = (_param)=>{
             d: "M11.5 4.03c0 .23.187.415.42.415.23 0 .42-.185.42-.414V2.566a.417.417 0 0 0-.42-.415.417.417 0 0 0-.42.415zm6.25 6.953c0-5.246-4.415-5.692-5.547-5.717-.174-.006-.37-.006-.55-.006-1.162.006-5.484.401-5.484 5.692 0 2.67 1.112 4.104 2.362 4.858v1.512c0 .524.154.933.465 1.202.29.26.74.395 1.935.395h2.045c1.224 0 1.67-.135 1.96-.395.303-.27.452-.678.452-1.202v-1.518c1.249-.762 2.361-2.182 2.361-4.82m-.841 0c0 1.939-.661 3.322-1.964 4.118l-.398.243v1.978c0 .196-.03.457-.179.588-.132.12-.6.18-1.395.18h-2.045c-.966 0-1.277-.096-1.38-.188-.15-.129-.18-.387-.18-.58v-1.975l-.4-.243c-1.3-.787-1.961-2.185-1.961-4.152 0-4.367 3.25-4.857 4.647-4.865h.028c.162 0 .339 0 .501.005 4.387.096 4.726 3.768 4.726 4.891m-4.975-3.779c.641.014 3.866.27 4.056 3.855a.415.415 0 0 1-.398.434h-.022a.42.42 0 0 1-.42-.392C15 8.317 12.63 8.048 11.909 8.03c-.112-.003-.238-.003-.353-.003a.417.417 0 0 1-.42-.415c0-.23.187-.414.42-.414l.189.003zm3.238 12.7a.417.417 0 0 0-.42-.414h-5.42a.417.417 0 0 0-.42.415c0 .23.187.414.42.414h5.42c.232 0 .42-.185.42-.414m-1.151 1.107c.232 0 .42.185.42.415s-.188.414-.42.414H9.898a.417.417 0 0 1-.42-.414c0-.23.187-.415.42-.415zm3.882-16.624a.423.423 0 0 1 .594 0 .413.413 0 0 1 0 .585l-1.053 1.036a.42.42 0 0 1-.297.12.412.412 0 0 1-.297-.706zm-12.641.767L6.315 6.19a.42.42 0 0 0 .297.12.413.413 0 0 0 .297-.706L5.856 4.57a.423.423 0 0 0-.594 0 .413.413 0 0 0 0 .585m-.376 5.126c.233 0 .42.185.42.415s-.187.414-.42.414H3.4a.417.417 0 0 1-.42-.414c0-.23.187-.415.42-.415zm16.138.336a.417.417 0 0 0-.42-.414h-1.488a.417.417 0 0 0-.42.414c0 .23.188.415.42.415h1.487c.233 0 .42-.185.42-.415"
         })
     }));
-}, p = n;
+}, g = n;

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: l, size: o = 24 } = _param, n = _object_without_properties(_param, [
+    var { color: e, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = 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: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M18.131 11.45a.6.6 0 0 0-.434-.428l-4.504-1.11 2.723-6.904a.625.625 0 0 0-.23-.745.58.58 0 0 0-.754.092l-8.916 9.569a.63.63 0 0 0-.142.597.6.6 0 0 0 .43.422l4.113 1.017-2.697 7.05a.62.62 0 0 0 .23.737.58.58 0 0 0 .747-.08l9.286-9.617a.63.63 0 0 0 .148-.6"
         })
     }));
-}, d = a;
+}, g = a;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const l = (_param)=>{
     var { color: i, size: o = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = i !== null && i !== void 0 ? i : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = i !== null && i !== void 0 ? i : e ? _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 a = (_param)=>{
             d: "M17.832 11.208a.41.41 0 0 1 .3.292.41.41 0 0 1-.104.406L8.437 21.72a.405.405 0 0 1-.516.056.42.42 0 0 1-.156-.502l2.874-7.417-4.477-1.095a.41.41 0 0 1-.297-.289.43.43 0 0 1 .098-.406l9.21-9.77a.405.405 0 0 1 .519-.062c.165.11.23.322.157.507l-2.9 7.275zm-6.258 2.513-2.316 5.983 7.678-7.854-4.636-1.13a.419.419 0 0 1-.286-.563l2.274-5.708-7.235 7.678 4.238 1.037c.115.027.21.106.266.212a.42.42 0 0 1 .017.345"
         })
     }));
-}, m = a;
+}, m = l;

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: n, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), i = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = n !== null && n !== void 0 ? n : i ? _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: i,
+            fill: l,
             d: "M17.697 11.023c.21.053.375.216.434.428a.63.63 0 0 1-.151.6L8.694 21.67a.584.584 0 0 1-.748.078.62.62 0 0 1-.23-.736l2.701-7.05-4.112-1.018a.6.6 0 0 1-.431-.423.63.63 0 0 1 .142-.596l8.916-9.572a.58.58 0 0 1 .754-.09c.24.16.336.474.23.746l-2.72 6.905zm-5.919 2.731-1.893 4.944 6.504-6.74-4.146-1.022a.6.6 0 0 1-.389-.316.63.63 0 0 1-.022-.51l1.815-4.605L7.597 12l3.767.932a.6.6 0 0 1 .39.314.64.64 0 0 1 .024.507"
         })
     }));

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: e, size: o = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: c, size: o = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), n = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = c !== null && c !== void 0 ? c : s ? _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"
-    }, s), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
             d: "M21.714 8.055c.392-1.53-.081-2.941-1.445-4.314-1.367-1.372-2.77-1.848-4.292-1.45-1.294.336-2.689 1.308-4.523 3.15q-.485.489-.897.942c-.3.33-.277.846.053 1.146.331.302.84.28 1.14-.054q.39-.428.844-.885c1.6-1.605 2.8-2.47 3.787-2.728.638-.168 1.526-.199 2.745 1.028 1.221 1.227 1.188 2.118 1.022 2.759-.255.992-1.117 2.202-2.714 3.807s-2.798 2.473-3.784 2.728c-.639.165-1.527.196-2.745-1.028-.496-.501-.816-.966-.978-1.426a.808.808 0 1 0-1.521.544c.246.692.689 1.355 1.358 2.028 1.056 1.061 2.135 1.585 3.275 1.585q.5 0 1.017-.134c1.291-.337 2.689-1.309 4.52-3.152 1.835-1.843 2.802-3.246 3.138-4.546m-8.4 8.499a.806.806 0 0 0-1.14.039c-.261.283-.536.571-.77.798-3.477 3.493-4.928 3.314-6.533 1.7-1.605-1.613-1.784-3.072 1.692-6.565s4.927-3.314 6.53-1.7c.54.543.873 1.05 1.019 1.548a.81.81 0 1 0 1.552-.457c-.224-.764-.69-1.498-1.426-2.237-2.955-2.972-5.658-1.468-8.812 1.7-1.835 1.843-2.802 3.247-3.138 4.546-.392 1.53.079 2.941 1.446 4.314 1.115 1.118 2.19 1.602 3.271 1.602 1.788 0 3.577-1.327 5.544-3.302.24-.238.53-.544.804-.84a.813.813 0 0 0-.04-1.146"

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

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

package/dist/generated/mistica-icons/icon-list-document-filled.js

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

package/dist/generated/mistica-icons/icon-list-document-light.js

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: i, size: a = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: h, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), l = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
-    return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = h !== null && h !== void 0 ? h : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    return c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -114,12 +114,12 @@ const m = (_param)=>{
                 d: "M5 22V4.223C5 3.02 6.014 2 7.212 2h9.577C17.986 2 19 3.02 19 4.223V22zm1.471-1.479h11.053V4.223c0-.374-.363-.74-.736-.74H7.208c-.373 0-.736.366-.736.74z"
             })
         ]
-    })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -135,7 +135,7 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M19.39 3.571c0-.742-.586-1.42-1.224-1.42H5.846c-.638 0-1.224.678-1.221 1.42v16.846c0 .757.571 1.418 1.224 1.418l12.317.002c.652 0 1.224-.66 1.224-1.417zm-.821 0v16.85c0 .34-.24.596-.398.599l-12.33-.003c-.157 0-.398-.258-.398-.6V3.571c0-.327.263-.599.398-.599h12.33c.135 0 .398.272.398.6M7.745 8.714a.82.82 0 1 1 0-1.64.82.82 0 0 1 0 1.64m.821 3.28a.82.82 0 1 0-1.64 0 .82.82 0 0 0 1.64 0m2.056-3.28a.41.41 0 0 1-.414-.409.41.41 0 0 1 .414-.409h5.731c.23 0 .415.185.415.41a.41.41 0 0 1-.415.408zm6.146 3.69a.41.41 0 0 0-.415-.41h-5.73a.41.41 0 0 0-.415.41c0 .226.187.408.414.408h5.731c.23 0 .415-.185.415-.409m-9.023 2.873a.82.82 0 1 1 .002 1.64.82.82 0 0 1-.002-1.64m9.023 1.227a.413.413 0 0 0-.415-.409h-5.73a.41.41 0 0 0-.415.41c0 .226.187.408.414.408h5.731a.41.41 0 0 0 .415-.409"

package/dist/generated/mistica-icons/icon-list-document-regular.js

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: c, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), e = i !== null && i !== void 0 ? i : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = c !== null && c !== void 0 ? c : h ? _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: a,
         height: a,
@@ -106,11 +106,11 @@ const s = (_param)=>{
     }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: l,
                 d: "m7.424 7.527 2.178 2.19 4.022-4.043a.744.744 0 0 0 0-1.048.734.734 0 0 0-1.042 0l-2.98 2.996L8.466 6.48a.734.734 0 0 0-1.042 0 .744.744 0 0 0 0 1.047M9.602 14.828l-2.178-2.19a.744.744 0 0 1 0-1.048.734.734 0 0 1 1.042 0l1.136 1.142 2.98-2.996a.734.734 0 0 1 1.042 0 .744.744 0 0 1 0 1.048zM7.424 17.895l2.178 2.19 4.022-4.044a.744.744 0 0 0 0-1.047.734.734 0 0 0-1.042 0l-2.98 2.996-1.136-1.143a.734.734 0 0 0-1.042 0 .744.744 0 0 0 0 1.048"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: l,
                 d: "M5 22V4.223C5 3.02 6.014 2 7.212 2h9.577C17.986 2 19 3.02 19 4.223V22zm1.471-1.479h11.053V4.223c0-.374-.363-.74-.736-.74H7.208c-.373 0-.736.366-.736.74z"
             })
         ]
@@ -122,11 +122,11 @@ const s = (_param)=>{
     }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: l,
                 d: "m7.424 7.527 2.178 2.19 4.022-4.043a.744.744 0 0 0 0-1.048.734.734 0 0 0-1.042 0l-2.98 2.996L8.466 6.48a.734.734 0 0 0-1.042 0 .744.744 0 0 0 0 1.047M9.602 14.828l-2.178-2.19a.744.744 0 0 1 0-1.048.734.734 0 0 1 1.042 0l1.136 1.142 2.98-2.996a.734.734 0 0 1 1.042 0 .744.744 0 0 1 0 1.048zM7.424 17.895l2.178 2.19 4.022-4.044a.744.744 0 0 0 0-1.047.734.734 0 0 0-1.042 0l-2.98 2.996-1.136-1.143a.734.734 0 0 0-1.042 0 .744.744 0 0 0 0 1.048"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: l,
                 d: "M5 22V4.223C5 3.02 6.014 2 7.212 2h9.577C17.986 2 19 3.02 19 4.223V22zm1.471-1.479h11.053V4.223c0-.374-.363-.74-.736-.74H7.208c-.373 0-.736.366-.736.74z"
             })
         ]
@@ -137,7 +137,7 @@ const s = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M19.385 3.746c0-.832-.664-1.591-1.392-1.591H6.013c-.729 0-1.393.76-1.393 1.591V20.25c0 .863.636 1.591 1.392 1.591h11.98c.754 0 1.393-.728 1.393-1.59zm-1.21 16.504c0 .219-.137.373-.182.387H6.018c-.059-.023-.19-.182-.19-.387V3.746c0-.193.145-.367.184-.387l11.956-.002c.061.022.207.196.207.389zM7.413 7.953a.805.805 0 0 0 1.608 0 .8.8 0 0 0-.804-.8.8.8 0 0 0-.804.8m1.613 4.081a.8.8 0 0 0-.804-.8.802.802 0 1 0 0 1.602.8.8 0 0 0 .804-.802m1.922-3.428a.604.604 0 0 1-.605-.602c0-.334.271-.603.605-.603h5.563a.604.604 0 1 1 0 1.204zm6.25 3.428a.604.604 0 0 0-.606-.602H11.03a.604.604 0 0 0-.605.602c0 .334.272.603.605.603h5.563a.604.604 0 0 0 .605-.603m-8.976 3.21a.802.802 0 1 1 0 1.603.802.802 0 1 1 0-1.602m8.975.802a.604.604 0 0 0-.605-.602H11.03a.604.604 0 0 0-.605.602c0 .333.272.602.605.602h5.563a.604.604 0 0 0 .605-.602"
         })
     }));

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

@@ -97,8 +97,8 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : s ? _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 a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : a ? _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: e,
         height: e,
         viewBox: "0 0 24 24",

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: i, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), e = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const h = (_param)=>{
             d: "M2.155 6.788c0 .519.426.939.95.939.523 0 .95-.423.95-.939a.944.944 0 0 0-.95-.938c-.524 0-.95.42-.95.938m2.801-.002c0 .31.26.56.58.56H21.26c.32 0 .58-.252.58-.56a.57.57 0 0 0-.58-.56H5.536a.58.58 0 0 0-.58.56m16.305 4.652c.32 0 .58.25.58.56s-.26.56-.58.56H5.536a.57.57 0 0 1-.58-.56c0-.31.26-.56.58-.56zm-19.106.56c0 .519.426.939.95.939.523 0 .95-.42.95-.938a.944.944 0 0 0-.95-.939c-.524 0-.95.42-.95.938m19.106 4.653c.155 0 .3.059.41.163.109.103.17.246.17.395 0 .308-.26.56-.58.56H5.536a.58.58 0 0 1-.58-.56c0-.308.26-.56.58-.56H21.26zm-19.106.56c0 .519.426.939.95.939.523 0 .95-.42.95-.939a.944.944 0 0 0-.95-.938c-.524 0-.95.42-.95.938"
         })
     }));
-}, d = h;
+}, p = h;

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

@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: a, size: c = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: a, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), o = a !== null && a !== void 0 ? a : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = a !== null && a !== void 0 ? a : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: s,
             d: "M6.287 4.694c0-1.207-.96-2.194-2.143-2.194C2.96 2.5 2 3.482 2 4.694s.96 2.193 2.144 2.193c1.183 0 2.143-.986 2.143-2.193m14.995.365H7.713A.72.72 0 0 1 7 4.329c0-.402.32-.73.713-.73h13.57c.392 0 .712.328.712.73a.72.72 0 0 1-.713.73M22 12c0-.402-.32-.73-.713-.73H7.713A.72.72 0 0 0 7 12c0 .402.32.73.713.73h13.57A.723.723 0 0 0 22 12m-.713 6.946c.393 0 .713.327.713.73s-.32.73-.718.73H7.713a.72.72 0 0 1-.713-.73c0-.402.32-.73.713-.73zM6.287 12c0-1.207-.96-2.194-2.143-2.194C2.96 9.806 2 10.79 2 12s.96 2.194 2.144 2.194c1.183 0 2.143-.987 2.143-2.194m-2.139.73a.72.72 0 0 1-.713-.73c0-.402.32-.73.713-.73s.713.328.713.73-.32.73-.713.73m2.139 6.576c0-1.207-.96-2.193-2.143-2.193-1.184 0-2.144.982-2.144 2.193S2.96 21.5 4.144 21.5c1.183 0 2.143-.982 2.143-2.194m-2.139.73a.72.72 0 0 1-.713-.73c0-.402.32-.73.713-.73s.713.328.713.73-.32.73-.713.73m0-14.613a.72.72 0 0 1-.713-.73c0-.402.32-.729.713-.729a.72.72 0 0 1 .713.73c0 .402-.32.73-.713.73"
         })
-    })) : 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"
-    }, s), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: s,
             d: "M6.287 4.694c0-1.207-.96-2.194-2.143-2.194C2.96 2.5 2 3.482 2 4.694s.96 2.193 2.144 2.193c1.183 0 2.143-.986 2.143-2.193m14.995.365H7.713A.72.72 0 0 1 7 4.329c0-.402.32-.73.713-.73h13.57c.392 0 .712.328.712.73a.72.72 0 0 1-.713.73M22 12c0-.402-.32-.73-.713-.73H7.713A.72.72 0 0 0 7 12c0 .402.32.73.713.73h13.57A.723.723 0 0 0 22 12m-.713 6.946c.393 0 .713.327.713.73s-.32.73-.718.73H7.713a.72.72 0 0 1-.713-.73c0-.402.32-.73.713-.73zM6.287 12c0-1.207-.96-2.194-2.143-2.194C2.96 9.806 2 10.79 2 12s.96 2.194 2.144 2.194c1.183 0 2.143-.987 2.143-2.194m-2.139.73a.72.72 0 0 1-.713-.73c0-.402.32-.73.713-.73s.713.328.713.73-.32.73-.713.73m2.139 6.576c0-1.207-.96-2.193-2.143-2.193-1.184 0-2.144.982-2.144 2.193S2.96 21.5 4.144 21.5c1.183 0 2.143-.982 2.143-2.194m-2.139.73a.72.72 0 0 1-.713-.73c0-.402.32-.73.713-.73s.713.328.713.73-.32.73-.713.73m0-14.613a.72.72 0 0 1-.713-.73c0-.402.32-.729.713-.729a.72.72 0 0 1 .713.73c0 .402-.32.73-.713.73"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const h = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: s,
             d: "M4.46 6.957c0-.613-.515-1.112-1.15-1.112-.64 0-1.155.499-1.155 1.112s.515 1.11 1.154 1.112c.636 0 1.151-.498 1.151-1.112m.98-.003c0 .41.36.74.8.74h14.803c.443 0 .798-.33.798-.74 0-.409-.358-.74-.798-.74H6.239c-.443 0-.798.331-.798.74m15.603 4.303c.44 0 .798.33.798.74 0 .408-.355.739-.798.739H6.239c-.44 0-.798-.33-.798-.74 0-.409.355-.74.798-.74zm-16.583.74c0-.614-.515-1.113-1.15-1.113-.64 0-1.155.499-1.155 1.112s.515 1.112 1.154 1.112c.636 0 1.151-.498 1.151-1.112m16.583 4.302c.44 0 .798.33.798.74 0 .406-.355.739-.798.739H6.239c-.44 0-.798-.333-.798-.74s.355-.74.798-.74zm-16.583.74c0-.614-.515-1.113-1.15-1.113-.64 0-1.155.496-1.155 1.112 0 .611.515 1.11 1.154 1.112.636 0 1.151-.501 1.151-1.112"
         })
     }));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return m;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,18 +91,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: l, size: c = 24 } = _param, s = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), a = l !== null && l !== void 0 ? l : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -114,4 +114,4 @@ const i = (_param)=>{
             })
         ]
     }));
-}, d = i;
+}, m = n;

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

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

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

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

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

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

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

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

package/dist/generated/mistica-icons/icon-location-map-filled.js

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

package/dist/generated/mistica-icons/icon-location-map-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");
@@ -97,7 +97,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), h = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const l = (_param)=>{
             d: "m21.83 21.321-2.343-8.192a.42.42 0 0 0-.232-.263.42.42 0 0 0-.348.008l-2.823 1.41-.505-.163c1.241-2.003 2.331-4.29 2.337-6.049.011-3.692-2.188-5.906-5.877-5.917h-.028c-1.81 0-3.303.532-4.32 1.544-1.02 1.014-1.563 2.513-1.57 4.337-.002 1.753 1.046 4.006 2.256 5.992l-.664.194-2.364-1.337a.412.412 0 0 0-.594.233l-2.58 8.192a.41.41 0 0 0 .554.501l4.399-1.91 4.664 1.905.115.028a.44.44 0 0 0 .246-.02l4.782-1.916 4.334 1.91q.137.059.277.02a.41.41 0 0 0 .283-.507M6.942 8.038c.003-1.624.45-2.888 1.328-3.76.868-.865 2.126-1.302 3.737-1.302h.025c3.275.008 5.073 1.815 5.062 5.093-.008 3.057-3.76 8.044-5.098 9.562-1.334-1.515-5.065-6.5-5.054-9.593m13.856 12.67-3.5-1.544-.705-4.116-.017-.092 2.255-1.127zm-17.57-.009 2.156-6.853 1.838 1.04-.496 4.295zm8.38-2.278-.019 2.424-4.04-1.656.466-4.068.016-.14.799-.23c1.095 1.69 2.221 3.085 2.779 3.67m4.15-3.381.711 4.163-4.059 1.625.017-2.454c.563-.6 1.636-1.93 2.692-3.536zm-5.065-7.338c0-.88.448-1.325 1.325-1.325.88 0 1.325.446 1.325 1.325 0 .88-.445 1.325-1.325 1.325s-1.325-.445-1.325-1.325m1.325 2.146c1.322 0 2.146-.823 2.146-2.146s-.824-2.146-2.146-2.146-2.143.821-2.143 2.146.82 2.146 2.143 2.146"
         })
     }));
-}, d = l;
+}, f = l;

package/dist/generated/mistica-icons/icon-location-map-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 s = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), a = h !== null && h !== void 0 ? h : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = h !== null && h !== void 0 ? h : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
     return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M21.636 21.692a.61.61 0 0 0 .182-.619l-2.291-8.02a.6.6 0 0 0-.337-.386.6.6 0 0 0-.512.011l-2.695 1.345-.168-.053c1.165-1.9 2.174-4.056 2.18-5.813.01-3.745-2.216-5.986-5.959-5.997h-.028C8.28 2.16 6.05 4.387 6.04 8.12c-.005 1.687.964 3.83 2.107 5.749l-.322.092-2.244-1.269a.6.6 0 0 0-.871.342l-2.527 8.025a.61.61 0 0 0 .171.63.61.61 0 0 0 .644.104l4.23-1.837 4.429 1.815q.041.016.09.028l.111.025a.58.58 0 0 0 .364-.025l4.605-1.846 4.168 1.837a.604.604 0 0 0 .642-.098M7.244 8.118c.011-3.07 1.7-4.76 4.762-4.76h.025c3.076.01 4.765 1.71 4.756 4.788-.008 2.84-3.395 7.429-4.795 9.064-1.521-1.764-4.757-6.378-4.748-9.092m13.061 12.048-2.938-1.294-.667-3.869 1.863-.93zm-16.577-.009 1.908-6.056 1.468.83-.457 3.957zm7.687-1.793-.014 1.998-3.544-1.454.437-3.83.516-.15c1.02 1.557 2.05 2.843 2.605 3.436m1.204-.047c.476-.53 1.496-1.773 2.521-3.3l.364.115.65 3.793-3.549 1.42zM10.92 7.79c0-.75.35-1.098 1.095-1.098.748 0 1.098.35 1.098 1.098s-.35 1.096-1.098 1.096-1.095-.348-1.095-1.096m1.098 2.303c1.42 0 2.302-.883 2.302-2.303s-.882-2.302-2.302-2.302-2.303.882-2.303 2.302.883 2.303 2.303 2.303"
         })
     }));
-}, d = s;
+}, f = s;

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

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

package/dist/generated/mistica-icons/icon-lock-closed-filled.js

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

package/dist/generated/mistica-icons/icon-lock-closed-light.js

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