@telefonica/mistica 15.20.1 → 16.0.0

package/dist/generated/mistica-icons/{icon-adn-filled.d.ts → icon-dna-filled.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconAdnFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
-export default IconAdnFilled;
+declare const IconDnaFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconDnaFilled;

package/dist/generated/mistica-icons/{icon-adn-filled.js → icon-dna-filled.js}

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: c, size: o = 24 } = _param, n = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: a, size: o = 24 } = _param, c = _object_without_properties(_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 n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : 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), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: t,
             d: "M16.512 12.003c0-2.263-1.613-3.554-3.302-4.61 1.689-1.057 3.302-2.348 3.302-4.611a.634.634 0 0 0-.644-.622.633.633 0 0 0-.644.622c0 1.84-1.46 2.823-3.221 3.877C10.24 5.603 8.78 4.622 8.78 2.782a.634.634 0 0 0-.644-.622.633.633 0 0 0-.644.622c0 2.263 1.613 3.554 3.302 4.61-1.689 1.057-3.302 2.35-3.302 4.611 0 1.165.428 2.07 1.07 2.82q.06.094.148.16c.589.634 1.325 1.157 2.082 1.628-1.69 1.056-3.303 2.347-3.303 4.61 0 .342.289.622.644.622a.633.633 0 0 0 .645-.621c0-1.84 1.462-2.821 3.22-3.877 1.76 1.056 3.222 2.04 3.222 3.877 0 .341.289.621.644.621a.633.633 0 0 0 .645-.621c0-2.264-1.614-3.555-3.303-4.611 1.692-1.053 3.305-2.345 3.305-4.608m-7.086 1.88a3 3 0 0 1-.577-1.244h6.305a3.04 3.04 0 0 1-.577 1.244zM12 8.123c.434.261.846.519 1.227.785h-2.451c.38-.263.792-.524 1.224-.784"
         })
     }));
-}, m = l;
+}, m = s;

package/dist/generated/mistica-icons/{icon-adn-light.d.ts → icon-dna-light.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconAdnLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
-export default IconAdnLight;
+declare const IconDnaLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconDnaLight;

package/dist/generated/mistica-icons/{icon-adn-light.js → icon-dna-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");
@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: n, size: o = 24 } = _param, s = _object_without_properties(_param, [
+const c = (_param)=>{
+    var { color: e, size: o = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), c = n !== null && n !== void 0 ? n : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : 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), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: i,
             d: "M12.853 7.412C14.74 8.5 16.51 9.72 16.51 11.997s-1.77 3.497-3.66 4.588c1.887 1.089 3.657 2.308 3.657 4.586 0 .226-.201.412-.45.412-.25 0-.451-.186-.451-.412 0-1.98-1.72-3.03-3.607-4.1-1.885 1.07-3.607 2.12-3.607 4.1 0 .226-.202.412-.451.412-.25 0-.451-.186-.451-.412 0-2.275 1.773-3.497 3.66-4.586-.904-.523-1.773-1.08-2.442-1.765a.42.42 0 0 1-.17-.19c-.628-.707-1.045-1.544-1.045-2.633 0-2.275 1.772-3.497 3.66-4.585-1.89-1.088-3.66-2.307-3.66-4.585 0-.227.201-.412.45-.412.25 0 .452.185.452.412 0 1.98 1.722 3.03 3.606 4.1 1.885-1.07 3.607-2.12 3.607-4.1 0-.227.202-.412.451-.412.25 0 .451.185.451.412 0 2.275-1.77 3.497-3.657 4.585m-2.795 1.713h3.881c-.571-.436-1.243-.832-1.94-1.227-.695.392-1.367.788-1.941 1.227m-.882.824a3.15 3.15 0 0 0-.74 1.65h7.127a3.1 3.1 0 0 0-.739-1.65zm2.823 6.148c.683-.387 1.344-.772 1.91-1.2H10.09c.566.425 1.227.813 1.908 1.2M9.2 14.073h5.598a3.14 3.14 0 0 0 .759-1.647H8.442c.087.635.353 1.175.759 1.647"
         })
     }));
-}, d = a;
+}, f = c;

package/dist/generated/mistica-icons/{icon-adn-regular.d.ts → icon-dna-regular.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconAdnRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
-export default IconAdnRegular;
+declare const IconDnaRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconDnaRegular;

package/dist/generated/mistica-icons/{icon-adn-regular.js → icon-dna-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");
@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: s, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, s = _object_without_properties(_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 a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = e !== null && e !== void 0 ? e : a ? _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), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: n,
             d: "M13.21 7.392c1.689 1.057 3.302 2.348 3.302 4.611s-1.613 3.555-3.305 4.608c1.69 1.056 3.303 2.347 3.303 4.61a.633.633 0 0 1-.645.622.634.634 0 0 1-.644-.621c0-1.838-1.46-2.821-3.221-3.877-1.76 1.056-3.221 2.036-3.221 3.877a.633.633 0 0 1-.645.621.635.635 0 0 1-.644-.621c0-2.264 1.613-3.555 3.303-4.611-.757-.47-1.493-.994-2.082-1.628a.6.6 0 0 1-.148-.16c-.642-.75-1.07-1.655-1.07-2.82 0-2.26 1.613-3.554 3.302-4.61-1.689-1.057-3.302-2.348-3.302-4.611 0-.345.288-.622.644-.622s.644.28.644.622c0 1.84 1.46 2.82 3.222 3.877 1.761-1.054 3.22-2.037 3.22-3.877 0-.345.29-.622.645-.622s.644.28.644.622c0 2.263-1.613 3.554-3.302 4.61M12 8.124q-.652.389-1.224.784h2.45A21 21 0 0 0 12 8.124m-2.574 5.759h5.15c.28-.37.483-.776.578-1.244H8.849c.095.468.294.877.577 1.244m3.762 1.243h-2.373c.367.255.767.505 1.185.757q.631-.376 1.188-.757m1.411-4.974H9.403a3 3 0 0 0-.557 1.243h6.31a3 3 0 0 0-.557-1.243"
         })
     }));
-}, d = i;
+}, f = i;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const s = (_param)=>{
     var { color: t, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), n = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,8 +104,8 @@ const a = (_param)=>{
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: l,
             d: "M19.337 7.911a.6.6 0 0 1 .048.244v12.308c0 .745-.63 1.378-1.387 1.378H6.007c-.734 0-1.387-.641-1.387-1.378l.042-3.3-.042-7.977V3.533c0-.723.661-1.378 1.387-1.378h7.3c.232 0 .453.09.613.252l5.21 5.123a.85.85 0 0 1 .207.381m-5.694-4.087v1.76c0 .666.207 1.215.613 1.613s.98.608 1.667.608h1.767zM11.85 14.357a.913.913 0 0 0-.916.932v.017a.91.91 0 0 0 .924.925c.51 0 .908-.407.908-.942a.915.915 0 0 0-.916-.932m4.022.932a.915.915 0 0 0-.916-.932.913.913 0 0 0-.916.932v.017a.91.91 0 0 0 .925.925c.51 0 .907-.407.907-.942m-7.14-.932c-.51 0-.907.411-.907.932v.017c0 .518.397.925.916.925.518 0 .916-.407.916-.942a.917.917 0 0 0-.925-.932"
         })
     }));
-}, h = a;
+}, h = s;

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

@@ -96,7 +96,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = 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: c,
         height: c,
@@ -104,7 +104,7 @@ const l = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "m19.348 7.907.007.024a.5.5 0 0 1 .026.141v12.56c0 .653-.566 1.208-1.218 1.208H5.838c-.647 0-1.219-.563-1.219-1.208l.042-3.358L4.62 9.13V3.364c0-.63.583-1.208 1.219-1.208h7.504a.68.68 0 0 1 .473.2l5.362 5.229c.087.09.137.207.17.322m-.787.854h-2.547c-.974 0-1.81-.322-2.423-.918-.613-.606-.94-1.423-.94-2.384V2.985H5.834c-.18 0-.4.208-.4.381v5.76l.042 8.15-.043 3.368c0 .182.205.372.401.372H18.16c.204 0 .4-.182.4-.38zm-5.09-3.305c0 .728.238 1.35.697 1.787.451.445 1.098.686 1.85.686h2.321l-4.868-4.764zm1.014 10.76c.417 0 .728-.315.728-.754a.74.74 0 0 0-.745-.745.73.73 0 0 0-.728.745v.016c0 .423.31.737.745.737m-2.014-.754c0 .44-.32.753-.737.753a.72.72 0 0 1-.745-.737v-.016c0-.415.32-.745.737-.745.42.002.745.333.745.745m-3.485.753c.418 0 .737-.314.737-.753a.74.74 0 0 0-.745-.745.74.74 0 0 0-.737.745v.016c0 .423.32.737.745.737"
         })
     }));

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return a;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const l = (_param)=>{
     var { color: c, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), n = c !== null && c !== void 0 ? c : s ? _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,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M20.77 9.892c.1.099.17.223.207.358q.047.12.048.247v10.08c0 .687-.583 1.264-1.277 1.264H9.802c-.694 0-1.28-.577-1.28-1.263v-2.613h-4.29c-.668 0-1.253-.58-1.253-1.239V3.396c0-.672.574-1.241 1.255-1.241h9.563c.68 0 1.255.569 1.255 1.24v2.057h.804a.84.84 0 0 1 .588.238zm-6.97-4.44V3.396l-9.568.017-.003 13.313 4.294-.016V6.715c0-.672.597-1.263 1.28-1.263zm4.216 4.633h1.152L16.26 7.259v1.137c0 .501.16.927.468 1.224.31.305.756.465 1.288.465"
         })
     }));
-}, a = i;
+}, v = l;

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

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

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

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

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

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

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), c = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = o !== null && o !== void 0 ? o : t ? _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-dog-regular.js

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

package/dist/generated/mistica-icons/icon-dollar-symbol-circle-filled.js

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

package/dist/generated/mistica-icons/icon-dollar-symbol-circle-light.js

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

package/dist/generated/mistica-icons/icon-dollar-symbol-circle-regular.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: s, size: c = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: s, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), o = s !== null && s !== void 0 ? s : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = s !== null && s !== void 0 ? s : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^vivo-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: o,
+            fill: r,
             d: "M11.996 2.15c-3.123 0-5.557.818-7.23 2.429C3.03 6.254 2.15 8.749 2.15 11.996s.88 5.742 2.616 7.417c1.673 1.61 4.107 2.429 7.23 2.429s5.557-.818 7.23-2.429c1.736-1.675 2.616-4.168 2.616-7.417 0-3.25-.88-5.745-2.616-7.417-1.673-1.611-4.107-2.429-7.23-2.429m8.596 9.846c0 3.032-.817 5.151-2.234 6.518-1.369 1.317-3.449 2.078-6.362 2.078s-4.994-.76-6.362-2.078C4.217 17.147 3.4 15.024 3.4 11.996c0-3.029.817-5.15 2.234-6.517C7.002 4.16 9.082 3.4 11.996 3.4s4.994.761 6.362 2.079c1.416 1.363 2.234 3.485 2.234 6.517m-9.156 5.994a.56.56 0 1 0 1.12 0v-.762c.844-.095 1.549-.374 2.062-.82.63-.547.963-1.317.963-2.23 0-.815-.266-1.476-.784-1.964-.509-.478-1.263-.787-2.242-.917l-.001-3.189a4.2 4.2 0 0 1 1.372.487l.008.006c.107.053.25.115.41.115a.663.663 0 0 0 .663-.664c0-.252-.143-.48-.403-.639-.568-.351-1.281-.577-2.05-.654v-.755a.56.56 0 0 0-.561-.56.56.56 0 0 0-.56.56v.754c-1.71.19-2.787 1.316-2.787 2.974 0 1.085.493 2.434 2.788 2.81l.001 3.35c-.626-.095-1.256-.353-1.879-.767a.87.87 0 0 0-.454-.146.69.69 0 0 0-.694.68c0 .256.109.457.333.614.78.545 1.74.89 2.694.972zm1.119-5.29c1.444.282 1.65.928 1.65 1.534 0 .892-.617 1.498-1.65 1.658zm-2.058-4.183c.236-.212.555-.353.936-.417l.001 3.022q-.655-.16-.996-.454c-.285-.246-.417-.566-.417-1.008 0-.47.165-.866.476-1.143"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -113,14 +113,14 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M12 18.556a.56.56 0 0 1-.56-.56v-.746a5.63 5.63 0 0 1-2.694-.972c-.224-.157-.333-.358-.333-.613 0-.376.31-.68.694-.68.163.005.32.055.454.145.623.414 1.253.673 1.88.768l-.002-3.352c-2.295-.375-2.788-1.724-2.788-2.808 0-1.659 1.077-2.784 2.787-2.975V6.01c0-.308.252-.56.56-.56s.56.252.56.56v.755c.77.077 1.483.303 2.05.654.261.16.404.387.404.639a.663.663 0 0 1-.664.664.9.9 0 0 1-.409-.115l-.008-.006a4.2 4.2 0 0 0-1.372-.486v3.188c.98.13 1.734.439 2.243.917.518.488.784 1.149.784 1.964 0 .913-.333 1.683-.963 2.23-.513.446-1.218.725-2.062.82v.762a.56.56 0 0 1-.56.56m2.211-4.317c0-.606-.207-1.251-1.651-1.534v3.192c1.033-.16 1.651-.766 1.651-1.658m-2.773-6.134c-.381.064-.7.205-.936.417-.31.277-.476.672-.476 1.143 0 .442.132.762.418 1.008q.34.294.995.454z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M12 21.847c-3.122 0-5.556-.818-7.229-2.429-1.736-1.675-2.616-4.17-2.616-7.417s.88-5.742 2.616-7.417c1.673-1.611 4.107-2.429 7.23-2.429s5.557.818 7.23 2.429c1.736 1.672 2.616 4.168 2.616 7.417 0 3.25-.88 5.742-2.616 7.417-1.673 1.61-4.107 2.429-7.23 2.429m0-18.572c-2.823 0-4.993.712-6.45 2.115C4.04 6.844 3.275 9.068 3.275 12c0 2.934.765 5.155 2.275 6.611 1.457 1.404 3.627 2.115 6.45 2.115s4.995-.711 6.452-2.114c1.51-1.454 2.274-3.678 2.274-6.611s-.764-5.154-2.274-6.61C16.995 3.986 14.824 3.274 12 3.274"
             })
         ]

package/dist/generated/mistica-icons/icon-dollar-symbol-filled.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: c, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), t = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = c !== null && c !== void 0 ? c : a ? _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: "M14.878 11.344a4.22 4.22 0 0 1 2.305 3.12 4.99 4.99 0 0 1-1.29 4.205 5.1 5.1 0 0 1-2.704 1.523v.378c0 .695-.53 1.258-1.185 1.258-.658 0-1.187-.563-1.187-1.258v-.333a8.3 8.3 0 0 1-3.55-1.512c-.537-.398-.669-1.18-.294-1.751l.054-.076a1.14 1.14 0 0 1 1.599-.235 6.05 6.05 0 0 0 2.188 1.022v-4.68c-.961-.194-1.933-.544-2.743-1.437-.804-.883-1.173-2.067-1.039-3.328.157-1.457.98-2.866 2.154-3.678a4.9 4.9 0 0 1 1.63-.725v-.41c0-.694.533-1.257 1.188-1.257.656 0 1.185.563 1.185 1.258v.344c1.132.202 2.19.7 3.07 1.443a1.31 1.31 0 0 1 .17 1.77c-.015.024-.036.048-.054.069l-.004.004a1.14 1.14 0 0 1-1.608.106 4.1 4.1 0 0 0-1.571-.826v4.493c.566.1 1.134.241 1.686.513m-5.09-1.521c.272.3.622.479 1.034.6V6.486l-.067.033c-.09.044-.18.088-.263.146-.589.406-1.017 1.137-1.096 1.854-.053.518.079.958.392 1.303m4.42 7.078c.51-.546.757-1.31.636-1.994-.07-.4-.29-.947-.966-1.28-.202-.101-.443-.16-.686-.219v4.165a2.76 2.76 0 0 0 1.017-.672"
         })
     }));
-}, d = i;
+}, d = s;

package/dist/generated/mistica-icons/icon-dollar-symbol-light.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: c, size: o = 24 } = _param, l = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: a, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), e = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = a !== null && a !== void 0 ? a : e ? _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"
-    }, l), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M12.666 11.312c.774.104 1.558.24 2.286.58 1.202.557 1.992 1.566 2.216 2.837.25 1.381-.224 2.84-1.263 3.897-.908.921-2.042 1.38-3.239 1.52v1.043a.668.668 0 1 1-1.336-.06v-.963a8.87 8.87 0 0 1-4.28-1.557.675.675 0 0 1-.165-.936v-.002a.67.67 0 0 1 .93-.166 7.56 7.56 0 0 0 3.515 1.317v-6.334c-1.148-.168-2.35-.465-3.274-1.428-.765-.801-1.118-1.871-.986-3.014.151-1.356.966-2.675 2.123-3.434a5.2 5.2 0 0 1 2.14-.782V2.84a.668.668 0 1 1 1.336-.003v.952c1.387.115 2.726.672 3.7 1.47.286.236.331.656.096.945a.66.66 0 0 1-.939.098c-.745-.61-1.784-1.05-2.86-1.166zM9.02 10.124c.597.625 1.415.86 2.311 1.006V5.175c-.501.09-.98.277-1.406.554-.82.54-1.42 1.507-1.526 2.465-.06.521 0 1.28.621 1.93m5.936 7.558c.737-.745 1.073-1.76.9-2.717-.152-.827-.67-1.488-1.469-1.858-.512-.24-1.095-.358-1.72-.445v6.12c.86-.123 1.659-.459 2.289-1.1"
         })
     }));
-}, h = i;
+}, h = s;

package/dist/generated/mistica-icons/icon-dollar-symbol-regular.js

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

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), c = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = e !== null && e !== void 0 ? e : s ? _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-download-app-filled.js

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

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

package/dist/generated/mistica-icons/icon-download-app-regular.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: l, size: o = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: e, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), r = l !== null && l !== void 0 ? l : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = 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: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: r,

package/dist/generated/mistica-icons/icon-download-cloud-filled.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: e, size: o = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : 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,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: a,
             d: "M10.948 2.5c.917 0 5.488.216 6.802 4.332 1.581.124 5.25.927 5.25 5.741 0 5.519-4.818 5.79-5.782 5.79l-1.37.01-3.19 2.904a1 1 0 0 1-.636.223.96.96 0 0 1-.617-.213l-3.133-2.865-2.545.01C3.435 18.432 1 17.18 1 13.652c0-2.877 1.618-3.999 2.795-4.438C3.924 2.828 9.762 2.5 10.948 2.5m5.607 13.988.46-.476a.39.39 0 0 0 .075-.405.355.355 0 0 0-.341-.222h-2.07a.137.137 0 0 1-.137-.139l-.019-5.173v-.003c0-.2-.163-.361-.366-.361H9.834c-.2 0-.366.167-.366.364v5.068a.144.144 0 0 1-.138.142H7.25a.36.36 0 0 0-.338.235.35.35 0 0 0 .072.392l.56.587 4.467 4.082z"
         })
     }));
-}, h = i;
+}, h = s;

package/dist/generated/mistica-icons/icon-download-cloud-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const i = (_param)=>{
     var { color: t, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,8 +104,8 @@ const a = (_param)=>{
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: n,
             d: "M10.947 2.5c.92 0 5.486.213 6.801 4.356 1.58.12 5.249.93 5.252 5.777 0 5.552-4.817 5.824-5.784 5.824l-1.984.018-2.667 2.8a.7.7 0 0 1-.504.225.72.72 0 0 1-.516-.226l-2.639-2.77-3.18.018C3.438 18.522 1 17.264 1 13.715c0-2.892 1.618-4.02 2.795-4.461C3.914 2.827 9.761 2.5 10.947 2.5m6.266 15.015c1.142 0 4.864-.35 4.86-4.879 0-4.266-3.28-4.82-4.688-4.856a.454.454 0 0 1-.432-.346c-1.001-3.803-5.186-3.992-6.012-3.992-1.462 0-6.232.436-6.232 6.03 0 .205-.125.517-.329.572-1.634.48-2.463 1.721-2.463 3.674 0 3.49 2.657 3.868 3.797 3.868l2.297-.01-1.277-1.334a.75.75 0 0 1-.147-.791.71.71 0 0 1 .654-.442h1.875v-4.894c0-.395.322-.722.717-.722h4.319c.397 0 .707.327.716.722l.01 4.987h1.865c.288 0 .545.179.655.442a.75.75 0 0 1-.138.787l-1.14 1.193zm-5.155 2.95 4.188-4.424h-1.571a.717.717 0 0 1-.717-.723l-.01-4.986h-3.915v4.893c0 .396-.31.723-.707.723h-1.59z"
         })
     }));
-}, m = a;
+}, m = i;

package/dist/generated/mistica-icons/icon-download-cloud-regular.js

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

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

@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : 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: "M11.99 21.824a.95.95 0 0 1-.726-.336l-8.84-9.143q-.016-.016-.032-.033a1.01 1.01 0 0 1-.128-1.079.96.96 0 0 1 .87-.56h3.934V4.077c0-1.05.854-1.905 1.904-1.905h6.031c1.053 0 1.905.851 1.905 1.905l-.003 6.596h3.96c.376 0 .718.219.875.56.17.353.12.776-.13 1.079q-.013.017-.03.033l-8.863 9.143a.96.96 0 0 1-.728.336"
         })
     }));