@telefonica/mistica 15.20.1 → 16.1.0

package/dist/generated/mistica-icons/icon-arrow-down-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: h, size: c = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: h, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), l = h !== null && h !== void 0 ? h : n ? _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({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = h !== null && h !== void 0 ? h : i ? _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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: e,
             d: "M14.866 2c-.37 0-.675.324-.675.716v8.392h4.89c.335 0 .538.284.604.536.035.108.137.464-.101.716L12 20.036 4.42 12.36a.65.65 0 0 1-.102-.716c.102-.216.305-.536.605-.536h4.89V2.716c0-.396-.304-.716-.675-.716-.37 0-.675.324-.675.716V9.68h-3.54c-.807 0-1.549.572-1.853 1.392-.305.784-.172 1.68.406 2.252L12 22l8.527-8.644c.574-.608.71-1.464.406-2.284-.335-.824-1.046-1.392-1.854-1.392h-3.54V2.716c0-.392-.303-.716-.674-.716"
         })
-    })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: e,
             d: "M14.866 2c-.37 0-.675.324-.675.716v8.392h4.89c.335 0 .538.284.604.536.035.108.137.464-.101.716L12 20.036 4.42 12.36a.65.65 0 0 1-.102-.716c.102-.216.305-.536.605-.536h4.89V2.716c0-.396-.304-.716-.675-.716-.37 0-.675.324-.675.716V9.68h-3.54c-.807 0-1.549.572-1.853 1.392-.305.784-.172 1.68.406 2.252L12 22l8.527-8.644c.574-.608.71-1.464.406-2.284-.335-.824-1.046-1.392-1.854-1.392h-3.54V2.716c0-.392-.303-.716-.674-.716"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +123,10 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: e,
             d: "M11.95 21.859h.005c.356 0 .598-.243.69-.334l.002-.002 8.711-8.658c.434-.424.588-.905.42-1.323-.098-.243-.389-.652-1.246-.658h-.006l-3.563.006a.5.5 0 0 1-.053-.157l.003-6.72c-.009-.417-.065-1.017-.488-1.426-.42-.406-1.025-.445-1.445-.437H8.938c-.616-.017-1.07.126-1.392.443-.322.316-.476.77-.468 1.386l-.02 6.883a.2.2 0 0 1-.055.039l-3.667.003c-.499 0-.913.263-1.09.694-.201.49-.042 1.082.406 1.507l8.703 8.48a.82.82 0 0 0 .594.274M3.254 12.01a.2.2 0 0 1 .078-.014q.005 0 .006-.003l3.686-.002c.507 0 1.12-.471 1.12-1.056l.02-6.956v-.008c-.003-.207.02-.476.14-.597.123-.117.395-.134.602-.129h6.084c.345-.008.577.037.673.13.095.092.148.319.154.655l-.003 6.708c0 .437.342 1.247.994 1.247l3.712-.006q.096.001.16.012a1 1 0 0 1-.09.098l-.006.005-8.619 8.566-8.557-8.336-.006-.006c-.165-.157-.162-.288-.148-.308"
         })
     }));
-}, w = s;
+}, p = s;

package/dist/generated/mistica-icons/icon-arrow-down-right-filled.js

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

package/dist/generated/mistica-icons/icon-arrow-down-right-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 s = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), r = a !== null && a !== void 0 ? a : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = a !== null && a !== void 0 ? a : 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({
         width: l,
         height: l,
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M19.821 20.474a.64.64 0 0 0 .47-.187.67.67 0 0 0 .183-.538v-12.6c.003-.383-.188-.686-.518-.829-.36-.154-.827-.081-1.09.171L16.087 9.27a.14.14 0 0 1-.11.042.2.2 0 0 1-.134-.06l-5.168-5.237-.003-.003c-.274-.272-.848-.84-1.593-.157L4.023 8.92c-.334.33-.496.658-.502.997-.003.341.16.68.485 1.005l5.067 5.096c.04.036.059.084.062.134a.16.16 0 0 1-.042.11l-2.572 2.57c-.266.29-.341.788-.176 1.16.134.3.4.474.728.474l12.678.005a1 1 0 0 0 .07.003m-.056-.56-12.683-.006c-.076 0-.166-.016-.222-.143-.075-.168-.039-.422.073-.549l2.56-2.56a.7.7 0 0 0 .205-.523.76.76 0 0 0-.224-.513L4.4 10.527c-.219-.218-.322-.414-.32-.602q.004-.279.337-.61l5.044-5.05c.275-.25.41-.259.816.145l5.168 5.238c.137.14.319.218.512.224a.7.7 0 0 0 .524-.204l2.77-2.77c.093-.085.311-.132.48-.06.123.054.179.152.179.314v12.616l.002.028c.006.045-.002.084-.02.101-.016.017-.052.025-.1.02-.008-.003-.02-.003-.028-.003"
         })
     }));
-}, p = s;
+}, g = s;

package/dist/generated/mistica-icons/icon-arrow-down-right-regular.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");
@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: i, size: l = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: i, size: l = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), e = i !== null && i !== void 0 ? i : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = i !== null && i !== void 0 ? i : 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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
             d: "M20.304 6.668c-.77-.332-1.658-.144-2.26.476l-2.639 2.769-7.341-7.706a.665.665 0 0 0-.965 0 .75.75 0 0 0 0 1.012l7.922 8.314.121.056c.416.188.542.056 1.228-.664L19 8.165a.66.66 0 0 1 .77-.168.64.64 0 0 1 .385.616v11.963H8.826c-.377 0-.534-.292-.58-.42-.09-.236-.099-.593.153-.857l3.156-3.312.054-.129c.137-.356.16-.428-.633-1.28L3.642 6.844a.665.665 0 0 0-.965 0 .75.75 0 0 0 0 1.012l7.342 7.706-2.584 2.713c-.603.632-.778 1.588-.454 2.42.316.8 1.018 1.305 1.837 1.305h12.71V8.6c0-.864-.47-1.608-1.224-1.932"
@@ -113,7 +113,7 @@ const s = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
             d: "M20.304 6.668c-.77-.332-1.658-.144-2.26.476l-2.639 2.769-7.341-7.706a.665.665 0 0 0-.965 0 .75.75 0 0 0 0 1.012l7.922 8.314.121.056c.416.188.542.056 1.228-.664L19 8.165a.66.66 0 0 1 .77-.168.64.64 0 0 1 .385.616v11.963H8.826c-.377 0-.534-.292-.58-.42-.09-.236-.099-.593.153-.857l3.156-3.312.054-.129c.137-.356.16-.428-.633-1.28L3.642 6.844a.665.665 0 0 0-.965 0 .75.75 0 0 0 0 1.012l7.342 7.706-2.584 2.713c-.603.632-.778 1.588-.454 2.42.316.8 1.018 1.305 1.837 1.305h12.71V8.6c0-.864-.47-1.608-1.224-1.932"
@@ -123,10 +123,10 @@ const s = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
             d: "M19.486 20.49q.041.002.079.002c.249 0 .473-.09.638-.258a.9.9 0 0 0 .255-.717V7.43c.003-.476-.243-.865-.658-1.044-.445-.19-1.009-.098-1.339.218l-2.588 2.588-4.812-5.115-.014-.014c-.219-.218-.488-.448-.824-.52q-.556-.119-1.078.36l-.017.018-5.026 5.047c-.736.737-.745 1.577-.016 2.306l.005.005 4.902 4.79-2.378 2.378-.014.017c-.328.359-.42.95-.216 1.406.174.384.524.614.944.614zm-.103-1.076L7.36 19.408c-.014-.062 0-.17.031-.21l2.448-2.448a.973.973 0 0 0-.017-1.376l-.005-.005-4.972-4.857c-.107-.104-.23-.255-.227-.381.003-.101.09-.244.246-.4l5.017-5.037a.6.6 0 0 1 .129-.093c.028.011.104.054.275.222l4.88 5.184.01.012a.97.97 0 0 0 1.376.02l2.65-2.65a.24.24 0 0 1 .176-.009.2.2 0 0 1 .006.05z"
         })
     }));
-}, p = s;
+}, g = s;

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

@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,7 +104,7 @@ const a = (_param)=>{
         role: "presentation"
     }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.757 7.943a1.3 1.3 0 0 0-1.182-.711L3.452 7.08c-.524-.01-1 .27-1.196.698a1.03 1.03 0 0 0 .275 1.24l8.56 7.575a1.41 1.41 0 0 0 1.815 0l8.56-7.423c.356-.3.473-.798.291-1.227"
         })
     }));

package/dist/generated/mistica-icons/icon-arrow-drop-up-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");
@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,8 +104,8 @@ const a = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "m21.486 14.99-8.571-7.574a1.41 1.41 0 0 0-1.818 0l-8.57 7.423a1.044 1.044 0 0 0-.28 1.23c.197.423.656.703 1.174.709l17.138.15c.52 0 .986-.274 1.185-.7a1.04 1.04 0 0 0-.275-1.238z"
         })
     }));
-}, d = a;
+}, m = a;

package/dist/generated/mistica-icons/icon-arrow-left-filled.js

@@ -92,18 +92,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: n, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), l = n !== null && n !== void 0 ? n : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = n !== null && n !== void 0 ? n : c ? _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: l,
             d: "M14.14 15.677v3.682c0 .841-.428 1.612-1.287 1.965-.286.106-.573.176-.823.176-.536 0-1.072-.21-1.464-.562L2 11.994l8.57-8.907c.61-.6 1.5-.739 2.287-.423.823.349 1.287 1.124 1.287 1.964v3.683H22v7.366z"
@@ -113,7 +113,7 @@ const v = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M14.14 15.677v3.682c0 .841-.428 1.612-1.287 1.965-.286.106-.573.176-.823.176-.536 0-1.072-.21-1.464-.562L2 11.994l8.57-8.907c.61-.6 1.5-.739 2.287-.423.823.349 1.287 1.124 1.287 1.964v3.683H22v7.366z"
@@ -123,10 +123,10 @@ const v = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M11.961 2.161q.229 0 .44.084c.434.177.7.602.695 1.107l.003 3.65q.014.03.039.056l6.882.02c.616-.01 1.07.145 1.384.467s.46.776.442 1.392v6.042c.009.42-.03 1.025-.436 1.445s-1.009.482-1.426.488l-6.72-.003a.5.5 0 0 0-.157.053l.006 3.563v.003c-.006.857-.415 1.149-.659 1.247-.417.168-.899.014-1.322-.42l-8.658-8.712c-.087-.084-.336-.33-.333-.69a.82.82 0 0 1 .274-.593l8.48-8.706c.302-.32.691-.493 1.066-.493"
         })
     }));
-}, p = v;
+}, p = a;

package/dist/generated/mistica-icons/icon-arrow-left-light.js

@@ -93,14 +93,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: h, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: i, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = h !== null && h !== void 0 ? h : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = i !== null && i !== void 0 ? i : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
     return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
@@ -109,8 +109,8 @@ const a = (_param)=>{
             d: "M12.034 22c-.536 0-1.036-.224-1.428-.594L2 11.994l8.606-9.375c.608-.631 1.464-.78 2.252-.444.824.37 1.284 1.15 1.284 2.038v3.89h7.142c.396 0 .712.337.712.74s-.324.739-.712.739h-8.57V4.209c0-.37-.18-.594-.396-.668a.55.55 0 0 0-.68.112l-7.674 8.341 7.678 8.374c.252.262.572.15.68.112.216-.112.396-.336.396-.705v-5.373h8.57c.396 0 .712.336.712.74 0 .406-.324.738-.712.738h-7.146v3.89c0 .889-.428 1.703-1.284 2.039-.256.116-.54.191-.824.191"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {

package/dist/generated/mistica-icons/icon-arrow-left-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: l, size: r = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: r = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
@@ -119,4 +119,4 @@ const a = (_param)=>{
             d: "M12.034 22c-.536 0-1.036-.224-1.428-.594L2 11.994l8.606-9.375c.608-.631 1.464-.78 2.252-.444.824.37 1.284 1.15 1.284 2.038v3.89h7.142c.396 0 .712.337.712.74s-.324.739-.712.739h-8.57V4.209c0-.37-.18-.594-.396-.668a.55.55 0 0 0-.68.112l-7.674 8.341 7.678 8.374c.252.262.572.15.68.112.216-.112.396-.336.396-.705v-5.373h8.57c.396 0 .712.336.712.74 0 .406-.324.738-.712.738h-7.146v3.89c0 .889-.428 1.703-1.284 2.039-.256.116-.54.191-.824.191"
         })
     }));
-}, u = a;
+}, d = a;

package/dist/generated/mistica-icons/icon-arrow-line-down-left-light.js

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

package/dist/generated/mistica-icons/icon-arrow-line-down-left-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: n, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = n !== null && n !== void 0 ? n : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = n !== null && n !== void 0 ? n : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "m7.47 15.544.061-8.57a.69.69 0 0 0-.721-.65.684.684 0 0 0-.65.69l-.017 10.159c.002.043.02.083.027.127.009.04.012.082.028.12a.7.7 0 0 0 .146.218q.099.093.22.145c.04.018.082.021.123.027.04.009.08.028.123.03l9.974.045a.684.684 0 0 0 .705-.663v-.004a.687.687 0 0 0-.667-.705H8.439l9.22-9.22a.687.687 0 0 0-.97-.969z"
         })
     }));
-}, v = i;
+}, v = s;

package/dist/generated/mistica-icons/icon-arrow-line-down-light.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: n, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = 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: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M11.62 4.471v14.011l-6.783-6.448a.47.47 0 0 0-.829.208.48.48 0 0 0 .19.473l7.573 7.201a.13.13 0 0 0 .066.048.4.4 0 0 0 .075 0 .46.46 0 0 0 .357 0 .4.4 0 0 0 .075 0 .3.3 0 0 0 .075-.048l7.43-7.069a.45.45 0 0 0 .15-.35.46.46 0 0 0-.79-.33l-6.65 6.315V4.472a.47.47 0 0 0-.47-.472.47.47 0 0 0-.469.471q.004 0 0 0"

package/dist/generated/mistica-icons/icon-arrow-line-down-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: n, size: r = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = n !== null && n !== void 0 ? n : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = n !== null && n !== void 0 ? n : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: a,
             d: "M11.375 4.685v13.038l-6.228-5.885a.69.69 0 0 0-.97.05.684.684 0 0 0 .027.947l7.385 6.978c.032.03.073.046.11.07.033.024.065.051.104.067q.123.049.257.05h.005a.8.8 0 0 0 .253-.052c.04-.016.073-.044.107-.069.034-.022.075-.036.107-.066l7.252-6.852a.684.684 0 0 0 .03-.968q0-.001-.003-.002a.687.687 0 0 0-.97-.027l-6.095 5.76V4.684a.687.687 0 0 0-1.371 0"
         })
     }));
-}, f = i;
+}, f = s;

package/dist/generated/mistica-icons/icon-arrow-line-left-light.js

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: e, size: r = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: t, size: r = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = t !== null && t !== void 0 ? t : 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-arrow-line-left-regular.js

@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,7 +104,7 @@ const a = (_param)=>{
         role: "presentation"
     }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: l,
             d: "M19.315 11.375H6.277l5.885-6.228a.69.69 0 0 0-.05-.97.684.684 0 0 0-.947.027L4.187 11.59c-.03.032-.046.073-.07.11-.024.033-.051.065-.067.104a.7.7 0 0 0-.05.257v.005q.003.129.052.253c.016.04.044.073.069.107.022.034.036.075.066.107l6.852 7.252c.26.276.692.29.968.03q.001 0 .002-.003a.687.687 0 0 0 .027-.97l-5.76-6.095h13.039a.687.687 0 0 0 0-1.371"
         })
     }));

package/dist/generated/mistica-icons/icon-arrow-line-right-light.js

@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), s = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = i !== null && i !== void 0 ? i : 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-arrow-line-right-regular.js

@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : 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-arrow-line-up-light.js

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: e, size: r = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: t, size: r = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = t !== null && t !== void 0 ? t : 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-arrow-line-up-regular.js

@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = n !== null && n !== void 0 ? n : 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,
@@ -104,7 +104,7 @@ const a = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: l,
             d: "M12.625 19.315V6.277l6.228 5.885a.69.69 0 0 0 .97-.05.684.684 0 0 0-.027-.947L12.41 4.187c-.032-.03-.073-.046-.11-.07-.033-.024-.065-.051-.104-.067A.7.7 0 0 0 11.94 4h-.005a.8.8 0 0 0-.253.052c-.04.016-.073.044-.107.069-.034.022-.075.036-.107.066l-7.252 6.852a.684.684 0 0 0-.027.97c.26.276.694.287.97.027l6.095-5.76v13.039a.687.687 0 0 0 1.371 0"
         })
     }));

package/dist/generated/mistica-icons/icon-arrow-line-up-right-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: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), s = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -108,4 +108,4 @@ const a = (_param)=>{
             d: "m16.867 7.775.039 9.356a.47.47 0 0 0 .732.44.48.48 0 0 0 .201-.47l-.064-10.446a.13.13 0 0 0-.013-.081.4.4 0 0 0-.053-.053.46.46 0 0 0-.253-.253.4.4 0 0 0-.053-.053.3.3 0 0 0-.087-.02L7.064 6.179a.45.45 0 0 0-.355.142.46.46 0 0 0 .326.792h9.169l-9.907 9.907a.47.47 0 0 0-.002.665.47.47 0 0 0 .665-.002z"
         })
     }));
-}, g = a;
+}, g = l;

package/dist/generated/mistica-icons/icon-arrow-line-up-right-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const s = (_param)=>{
     var { color: t, size: r = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,8 +104,8 @@ const a = (_param)=>{
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: a,
             d: "m16.53 8.465-.063 8.569c.021.378.342.67.722.65a.684.684 0 0 0 .65-.689l.017-10.16c-.002-.043-.02-.083-.028-.126-.008-.04-.011-.082-.027-.121a.7.7 0 0 0-.147-.218.8.8 0 0 0-.219-.144c-.04-.018-.082-.021-.124-.028-.04-.008-.079-.027-.122-.029l-9.974-.045a.684.684 0 0 0-.705.663q-.001 0 0 .003a.687.687 0 0 0 .667.705h8.383l-9.22 9.22a.687.687 0 0 0 .97.97z"
         })
     }));
-}, g = a;
+}, g = s;

package/dist/generated/mistica-icons/icon-arrow-right-filled.js

@@ -93,27 +93,27 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: n, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), t = n !== null && n !== void 0 ? n : c ? _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 c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = n !== null && n !== void 0 ? n : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M2 15.871h7.858v3.875c0 .885.428 1.696 1.284 2.068.284.112.572.186.824.186.536 0 1.072-.223 1.464-.591L22 11.996l-8.574-9.38c-.608-.628-1.5-.777-2.284-.442-.856.368-1.284 1.183-1.284 2.068v3.875H2z"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M2 15.871h7.858v3.875c0 .885.428 1.696 1.284 2.068.284.112.572.186.824.186.536 0 1.072-.223 1.464-.591L22 11.996l-8.574-9.38c-.608-.628-1.5-.777-2.284-.442-.856.368-1.284 1.183-1.284 2.068v3.875H2z"
@@ -123,7 +123,7 @@ const a = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M12.033 21.84c-.15 0-.3-.029-.44-.085-.434-.176-.7-.602-.694-1.106l-.003-3.65q-.015-.031-.039-.056l-6.882-.02c-.617.009-1.07-.146-1.384-.468s-.46-.776-.443-1.392v-6.04C2.14 8.604 2.18 8 2.585 7.58s1.009-.48 1.426-.488l6.72.003a.5.5 0 0 0 .157-.053l-.009-3.56v-.006c.006-.857.415-1.149.659-1.247.417-.168.899-.014 1.322.42l8.658 8.712c.087.084.336.33.333.69a.82.82 0 0 1-.274.593L13.1 21.349c-.306.32-.692.49-1.068.49"