@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-dog-filled.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: a, size: c = 24 } = _param, e = _object_without_properties(_param, [

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

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { useIsInverseVariant as e } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as e } from "../../theme-variant-context.js";
 import { vars as h } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: o, size: l = 24 } = _param, r = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-dog-regular.js

@@ -79,9 +79,9 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as s, jsx as c } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const n = (_param)=>{
+const i = (_param)=>{
     var { color: o, size: l = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
@@ -104,5 +104,5 @@ const n = (_param)=>{
             })
         ]
     }));
-}, v = n;
+}, v = i;
 export { v as default };

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

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const a = (_param)=>{
     var { color: c, size: o = 24 } = _param, e = _object_without_properties(_param, [

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

@@ -78,22 +78,22 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as v } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 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 = v(), l = t !== null && t !== void 0 ? t : i ? e.colors.inverse : e.colors.neutralHigh, { skinName: a } = n();
-    return a.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    const t = v(), l = i !== null && i !== void 0 ? i : t ? e.colors.inverse : e.colors.neutralHigh, { skinName: a } = n();
+    return a.match(/^vivo-new/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, r), {
         children: [
             /* @__PURE__ */ o("path", {
                 fill: l,
@@ -104,12 +104,12 @@ const h = (_param)=>{
                 d: "M19.087 4.723c1.685 1.622 2.555 4.058 2.555 7.273s-.87 5.647-2.555 7.273c-1.624 1.564-4.001 2.373-7.091 2.373s-5.467-.809-7.09-2.373C3.22 17.644 2.35 15.208 2.35 11.996s.87-5.648 2.555-7.273C6.53 3.159 8.906 2.35 11.996 2.35s5.467.809 7.09 2.373m-.59 13.935c1.468-1.416 2.295-3.596 2.295-6.662 0-3.067-.828-5.249-2.295-6.661C17.08 3.97 14.944 3.2 11.996 3.2c-2.947 0-5.084.77-6.5 2.134C4.026 6.75 3.2 8.932 3.2 11.996s.827 5.246 2.295 6.661c1.417 1.365 3.554 2.135 6.501 2.135s5.084-.77 6.5-2.135"
             })
         ]
-    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, r), {
         children: [
             /* @__PURE__ */ o("path", {
                 fill: l,

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

@@ -78,39 +78,39 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as i } from "react/jsx-runtime";
+import { jsx as l, jsxs as t } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as m } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as m } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 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 = m(), o = s !== null && s !== void 0 ? s : a ? e.colors.inverse : e.colors.neutralHigh, { skinName: t } = n();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const a = m(), r = s !== null && s !== void 0 ? s : a ? e.colors.inverse : e.colors.neutralHigh, { skinName: i } = n();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ l("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__ */ i("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
             /* @__PURE__ */ l("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__ */ l("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-es/generated/mistica-icons/icon-dollar-symbol-filled.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: c, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = s(), t = c !== null && c !== void 0 ? c : a ? r.colors.inverse : r.colors.neutralHigh;
+    const a = i(), t = c !== null && c !== void 0 ? c : a ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -98,5 +98,5 @@ 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;
 export { d as default };

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

@@ -79,24 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-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 = s(), e = c !== null && c !== void 0 ? c : a ? t.colors.inverse : t.colors.neutralHigh;
+    const e = i(), l = a !== null && a !== void 0 ? a : e ? t.colors.inverse : t.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: /* @__PURE__ */ r("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;
 export { h as default };

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

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: l, size: o = 24 } = _param, c = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-door-lock-regular.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as m } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as m } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
     var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [

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

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
     var { color: l, size: o = 24 } = _param, c = _object_without_properties(_param, [

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

@@ -78,16 +78,16 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as e } from "../../theme-variant-context.js";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as s } from "../../skins/skin-contract.css-mistica.js";
-const h = (_param)=>{
+const n = (_param)=>{
     var { color: t, size: o = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = e(), c = t !== null && t !== void 0 ? t : l ? s.colors.inverse : s.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+    const e = l(), c = t !== null && t !== void 0 ? t : e ? s.colors.inverse : s.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
@@ -104,5 +104,5 @@ const h = (_param)=>{
             })
         ]
     }));
-}, d = h;
+}, d = n;
 export { d as default };

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

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 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 = n(), r = l !== null && l !== void 0 ? l : e ? c.colors.inverse : c.colors.neutralHigh;
+    const s = n(), r = e !== null && e !== void 0 ? e : s ? c.colors.inverse : c.colors.neutralHigh;
     return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, l), {
         children: [
             /* @__PURE__ */ a("path", {
                 fill: r,

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: e, size: o = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = a(), s = e !== null && e !== void 0 ? e : t ? r.colors.inverse : r.colors.neutralHigh;
+    const t = i(), a = e !== null && e !== void 0 ? e : t ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -94,9 +94,9 @@ const i = (_param)=>{
         role: "presentation"
     }, n), {
         children: /* @__PURE__ */ l("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;
 export { h as default };

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

@@ -78,25 +78,25 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
+import { jsx as r } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+const i = (_param)=>{
     var { color: t, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = s(), e = t !== null && t !== void 0 ? t : n ? r.colors.inverse : r.colors.neutralHigh;
-    return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const e = a(), n = t !== null && t !== void 0 ? t : e ? l.colors.inverse : l.colors.neutralHigh;
+    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
-        children: /* @__PURE__ */ l("path", {
-            fill: e,
+        children: /* @__PURE__ */ r("path", {
+            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;
 export { m as default };

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

@@ -79,16 +79,16 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { useTheme as h } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: t, size: o = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = c(), r = t !== null && t !== void 0 ? t : n ? e.colors.inverse : e.colors.neutralHigh, { skinName: h } = i();
-    return h.match(/^blau/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const n = c(), r = t !== null && t !== void 0 ? t : n ? e.colors.inverse : e.colors.neutralHigh, { skinName: i } = h();
+    return i.match(/^blau/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 const a = (_param)=>{
     var { color: e, size: o = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = i(), s = e !== null && e !== void 0 ? e : t ? l.colors.inverse : l.colors.neutralHigh;
+    const t = s(), i = e !== null && e !== void 0 ? e : t ? l.colors.inverse : l.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -94,7 +94,7 @@ const a = (_param)=>{
         role: "presentation"
     }, n), {
         children: /* @__PURE__ */ r("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"
         })
     }));

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as e } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
+const i = (_param)=>{
     var { color: c, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = e(), a = c !== null && c !== void 0 ? c : n ? t.colors.inverse : t.colors.neutralHigh;
+    const a = n(), e = c !== null && c !== void 0 ? c : a ? t.colors.inverse : t.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -94,9 +94,9 @@ const s = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ r("path", {
-            fill: a,
+            fill: e,
             d: "M11.44 21.576a.698.698 0 0 0 1.08 0l9.131-9.417.017-.017a.76.76 0 0 0 .098-.813.71.71 0 0 0-.644-.417h-4.196c-.09 0-.16-.081-.16-.185l.003-6.885c0-.927-.754-1.68-1.681-1.68h-6.21c-.927 0-1.68.753-1.68 1.68v6.888c0 .1-.074.185-.16.185H2.867a.71.71 0 0 0-.645.414.76.76 0 0 0 .096.813l.016.017zm.413-.381L2.749 11.78a.21.21 0 0 1-.02-.213.15.15 0 0 1 .14-.095h4.169c.397 0 .72-.333.72-.745v-6.88c0-.619.5-1.12 1.12-1.12h6.207c.62 0 1.12.501 1.12 1.12l-.002 6.883c0 .409.322.745.72.745h4.199c.061 0 .117.04.14.095a.21.21 0 0 1-.02.21l-9.126 9.415-.017.017a.15.15 0 0 1-.115.058.16.16 0 0 1-.114-.058z"
         })
     }));
-}, m = s;
-export { m as default };
+}, d = i;
+export { d as default };

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

@@ -78,40 +78,40 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
-    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: t, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = i(), r = t !== null && t !== void 0 ? t : c ? a.colors.inverse : a.colors.neutralHigh, { skinName: n } = h();
-    return n.match(/^blau/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+    const c = h(), e = t !== null && t !== void 0 ? t : c ? a.colors.inverse : a.colors.neutralHigh, { skinName: i } = s();
+    return i.match(/^blau/i) ? /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: e,
                 d: "M6.143 13.214 12 19.071l5.857-5.857c.464-.464.607-1.214.357-1.857-.25-.607-.785-.964-1.393-.964H14.68V2.714A.716.716 0 0 0 13.964 2a.716.716 0 0 0-.714.714v9.107h3.571s.036 0 .072.072c.036.107.036.25-.036.321L12 17.071l-4.857-4.857c-.072-.071-.072-.214-.036-.321.036-.072.072-.072.072-.072h3.571V2.714A.716.716 0 0 0 10.036 2a.716.716 0 0 0-.715.714v7.679H7.18c-.608 0-1.143.357-1.393.964-.25.643-.107 1.393.357 1.857"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: r,
+            /* @__PURE__ */ r("path", {
+                fill: e,
                 d: "M4.143 22h15.714A2.15 2.15 0 0 0 22 19.857V12a.716.716 0 0 0-.714-.714.716.716 0 0 0-.715.714v7.857a.716.716 0 0 1-.714.714H4.143a.716.716 0 0 1-.714-.714V12a.716.716 0 0 0-.715-.714A.716.716 0 0 0 2 12v7.857A2.15 2.15 0 0 0 4.143 22"
             })
         ]
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: r,
+    }, l), {
+        children: /* @__PURE__ */ r("path", {
+            fill: e,
             d: "M11.264 21.488c.179.213.445.336.725.336s.546-.123.728-.336l8.863-9.143q.018-.016.03-.033c.25-.303.3-.726.13-1.079a.96.96 0 0 0-.874-.56h-3.961l.003-6.596a1.903 1.903 0 0 0-1.905-1.905h-6.03c-1.051 0-1.905.854-1.905 1.905v6.596H3.135a.96.96 0 0 0-.871.56 1.01 1.01 0 0 0 .144 1.096l.015.016zm.728-.812-8.62-8.913v-.003h3.816c.535 0 .972-.448.972-.997V4.077c0-.449.364-.816.815-.816h6.03c.452 0 .816.367.816.818l-.003 6.687c0 .549.437.997.972.997h3.843z"
         })
     }));

package/dist-es/generated/mistica-icons/icon-drink-filled.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as t } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: c, size: l = 24 } = _param, e = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-drink-light.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as e } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const h = (_param)=>{
+const a = (_param)=>{
     var { color: o, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = e(), n = o !== null && o !== void 0 ? o : i ? r.colors.inverse : r.colors.neutralHigh;
+    const i = n(), e = o !== null && o !== void 0 ? o : i ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,9 +94,9 @@ const h = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ l("path", {
-            fill: n,
+            fill: e,
             d: "M19.948 5.13a.407.407 0 0 0-.162-.558l-3.676-2.02a.415.415 0 0 0-.61.262l-.647 2.667h-9.6c-.693 0-1.256.554-1.253 1.281l1.628 13.505c0 .681.563 1.233 1.257 1.233h8.238c.692 0 1.254-.552 1.252-1.184L18.014 6.71c0-.679-.566-1.233-1.257-1.233h-1.049l.475-1.95 3.196 1.758c.202.11.454.04.569-.157M5.25 6.296h9.403l-.675 2.774H5.115l-.287-2.36c0-.23.19-.414.423-.414m10.258 0h1.245c.235 0 .424.187.426.365l-.29 2.41h-2.059zm1.284 3.593-1.249 10.383a.42.42 0 0 1-.423.413H6.885c-.233 0-.424-.186-.426-.462L5.213 9.89h8.561l-2.22 9.12v.003a.41.41 0 0 0 .308.489h.002a.415.415 0 0 0 .5-.303l2.268-9.309zm-7.819 3.742c-.303.298-.592.398-.841.395-.39 0-.686-.243-.787-.343l-.079-.079c-.158-.162-.727-.849.05-1.611.297-.292.584-.39.832-.39.4 0 .702.252.8.344l.077.075c.167.168.73.844-.052 1.61m.588.576c.978-.96.737-2.074.063-2.755-.03-.03-.066-.065-.099-.092-.183-.173-.683-.573-1.38-.573-.357 0-.893.108-1.423.63-.967.949-.726 2.066-.062 2.752q.03.032.062.063l.033.032c.183.176.678.581 1.374.581.358 0 .896-.11 1.432-.638m1.229 1.893-.068-.068a1.5 1.5 0 0 0-1.017-.41c-.267 0-.669.078-1.051.456-.71.698-.522 1.547-.041 2.039l.063.062c.278.268.65.424 1.019.424.27 0 .669-.078 1.057-.46.718-.705.521-1.554.038-2.043m-.626 1.462c-.169.165-.33.222-.47.222a.67.67 0 0 1-.437-.192l-.043-.043c-.085-.09-.402-.473.03-.895.164-.165.325-.219.461-.219.224 0 .391.14.446.192.013.01.03.027.043.04.093.092.405.468-.03.895"
         })
     }));
-}, v = h;
+}, v = a;
 export { v as default };

package/dist-es/generated/mistica-icons/icon-drink-regular.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as c } from "react/jsx-runtime";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as t } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
+const i = (_param)=>{
     var { color: o, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = a(), t = o !== null && o !== void 0 ? o : n ? r.colors.inverse : r.colors.neutralHigh;
+    const a = t(), n = o !== null && o !== void 0 ? o : a ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -94,9 +94,9 @@ const s = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: t,
+            fill: n,
             d: "M20.125 5.127a.62.62 0 0 0-.24-.843l-3.676-2.05a.62.62 0 0 0-.555-.026.61.61 0 0 0-.355.423l-.608 2.546H5.259c-.806 0-1.462.653-1.459 1.53l1.63 13.678a1.46 1.46 0 0 0 1.462 1.456h8.227c.81 0 1.463-.652 1.46-1.384l1.638-13.823c0-.804-.658-1.457-1.465-1.457h-.781l.35-1.456 2.955 1.647.003.001.003.002c.3.168.678.058.843-.241zM5.259 6.421h9.13l-.578 2.4H5.307l-.26-2.187c0-.118.095-.213.212-.213m10.415 0h1.081c.118 0 .216.095.222.14l-.27 2.26h-1.61zm.885 3.641-1.224 10.323a.21.21 0 0 1-.213.21h-8.23c-.117 0-.215-.095-.218-.286L5.453 10.062h8.058l-2.156 8.992a.625.625 0 0 0 1.215.291l2.227-9.282zm-7.58 3.589c-.302.302-.594.403-.84.406-.392 0-.683-.25-.787-.35l-.079-.079c-.156-.168-.725-.862.05-1.636.3-.296.586-.395.836-.395.397 0 .697.253.798.348l.076.075c.165.169.728.852-.054 1.63m.589.585c.977-.975.736-2.106.061-2.795l-.066-.067-.029-.029c-.182-.173-.678-.58-1.375-.58-.356 0-.894.113-1.423.64-.967.963-.729 2.095-.065 2.792l.098.098c.18.177.673.585 1.37.585.356 0 .894-.109 1.429-.644m.602 3.4c-.171.169-.33.228-.468.228a.66.66 0 0 1-.468-.227l-.014-.014c-.087-.093-.403-.48.028-.908.168-.165.328-.221.465-.221.222 0 .387.14.443.193l.042.042c.092.095.406.474-.028.908m.627-1.481-.064-.065c-.135-.126-.499-.425-1.02-.422-.269 0-.67.08-1.053.462-.711.708-.518 1.566-.042 2.067l.064.064c.28.272.653.432 1.02.432.269 0 .667-.081 1.056-.468.717-.714.524-1.574.04-2.07"
         })
     }));
-}, f = s;
+}, f = i;
 export { f as default };