@telefonica/mistica 16.43.0 → 16.44.0

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

@@ -78,24 +78,24 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as r } from "react/jsx-runtime";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: o, size: h = 24 } = _param, e = _object_without_properties(_param, [
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+const d = (_param)=>{
+    var { color: l, size: h = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = v(), t = o !== null && o !== void 0 ? o : l ? a.colors.inverse : a.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const a = v(), c = l !== null && l !== void 0 ? l : a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = n();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: t,
+        children: /* @__PURE__ */ t("path", {
+            fill: c,
             d: "M21.648 12.791V8.982a.3.3 0 0 0-.003-.088v-2.51a1.2 1.2 0 0 0-.368-.865 1.24 1.24 0 0 0-.876-.354H3.59a1.233 1.233 0 0 0-1.239 1.22v11.234c.008.676.555 1.22 1.23 1.22h16.821c.332 0 .648-.13.884-.36.234-.233.366-.55.363-.876v-4.724a.5.5 0 0 0 0-.088m-18.493-.39V9.39h17.691V12.4zm.434-6.429h16.815c.233 0 .425.19.425.423v2.2H3.153v-2.2a.427.427 0 0 1 .437-.423m17.128 11.944a.43.43 0 0 1-.313.118H3.59a.427.427 0 0 1-.436-.423v-4.413h17.691v4.413a.42.42 0 0 1-.13.305"
         })
     })) : i.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
@@ -105,12 +105,12 @@ const s = (_param)=>{
         role: "presentation"
     }, e), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: c,
                 d: "M4.857 12.184h4.636c.397 0 .713.344.713.755 0 .42-.316.754-.713.754H4.857c-.397 0-.713-.335-.713-.754 0-.42.316-.755.713-.755M11.638 12.184h2.504c.389 0 .713.344.709.755 0 .42-.317.754-.713.754h-2.5c-.396 0-.712-.335-.712-.754 0-.42.316-.755.712-.755M19.135 12.184H16.28c-.396 0-.712.335-.712.755s.316.754.712.754h2.856c.396 0 .713-.335.713-.754 0-.411-.316-.755-.713-.755"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: c,
                 d: "M4.144 5h15.704c1.18 0 2.144 1.017 2.152 2.272v9.456c0 1.25-.964 2.272-2.144 2.272H4.144C2.964 19 2 17.979 2 16.728V7.272C2 6.022 2.964 5 4.144 5m15.712 1.509H4.144c-.396 0-.72.343-.72.763v1.5h17.144V7.263c0-.41-.316-.754-.712-.754m-.008 10.974c.396 0 .72-.344.72-.755v-6.43H3.432v6.43c0 .411.316.755.712.755z"
             })
         ]
@@ -121,12 +121,12 @@ const s = (_param)=>{
         role: "presentation"
     }, e), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: c,
                 d: "M3.789 5h16.406c.989 0 1.789.843 1.805 1.888v9.856c0 1.045-.8 1.888-1.789 1.888a.363.363 0 0 1-.356-.367c0-.203.16-.368.356-.368.593 0 1.069-.517 1.069-1.153V9.785H2.72v6.963c0 .636.476 1.153 1.069 1.153h12.137c.196 0 .356.165.356.368s-.16.367-.356.367H3.789C2.8 18.636 2 17.793 2 16.748v-9.86C2 5.843 2.8 5 3.789 5M2.712 6.884V9.05h18.552V6.884c0-.636-.476-1.153-1.069-1.153H3.781c-.593 0-1.069.517-1.069 1.153"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: c,
                 d: "M18.77 18.265a.724.724 0 0 1-.712.735.724.724 0 0 1-.712-.735c0-.407.319-.736.712-.736.394 0 .713.33.713.736M4.145 12.868c0-.276.16-.5.356-.5h4.998c.196 0 .356.224.356.5 0 .275-.16.5-.356.5H4.501c-.196 0-.356-.225-.356-.5M11.28 12.868c0-.276.16-.5.356-.5h2.5c.197 0 .357.224.357.5 0 .275-.16.5-.356.5h-2.501c-.196 0-.356-.225-.356-.5M19.483 12.368H16.27c-.196 0-.356.224-.356.5 0 .275.16.5.356.5h3.213c.196 0 .356-.225.356-.5 0-.276-.152-.5-.356-.5"
             })
         ]
@@ -137,15 +137,15 @@ const s = (_param)=>{
         role: "presentation"
     }, e), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: c,
                 d: "M10 14.25a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1 0-1.5z"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: c,
                 d: "M18 4.25A3.75 3.75 0 0 1 21.75 8v8A3.75 3.75 0 0 1 18 19.75H6A3.75 3.75 0 0 1 2.25 16V8A3.75 3.75 0 0 1 6 4.25zM3.75 16A2.25 2.25 0 0 0 6 18.25h12l.223-.01a2.25 2.25 0 0 0 2.016-2.017L20.25 16V9.75H3.75zM6 5.75A2.25 2.25 0 0 0 3.75 8v.25h16.5V8A2.25 2.25 0 0 0 18 5.75z"
             })
         ]
     }));
-}, p = s;
+}, p = d;
 export { p as default };

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

@@ -78,32 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useTheme as a } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useTheme as n } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 const d = (_param)=>{
-    var { color: o, size: h = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: o, size: h = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = n(), t = o !== null && o !== void 0 ? o : v ? r.colors.inverse : r.colors.neutralHigh, { skinName: i } = a();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const r = v(), t = o !== null && o !== void 0 ? o : r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { skinName: l } = n();
+    return l.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, i), {
         children: /* @__PURE__ */ e("path", {
             fill: t,
             d: "M21.84 12.79V9.023q-.001-.026-.01-.049l-.008-.035V6.488c0-.807-.666-1.46-1.484-1.46H3.648c-.82 0-1.487.653-1.487 1.46v2.487l-.005.02q-.005.013-.006.028v3.767q0 .015.006.028l.005.02v4.678c0 .804.667 1.46 1.488 1.46h16.689c.818 0 1.484-.656 1.484-1.46v-4.642l.009-.038q.007-.021.008-.046m-1.27 4.723a.233.233 0 0 1-.232.227s-16.69 0-16.69.003a.23.23 0 0 1-.232-.227v-4.11H20.57zM3.65 6.26h16.686c.129 0 .232.1.232.227v1.918H3.418V6.488c0-.126.106-.23.232-.227m16.918 5.913H3.418V9.639h17.15z"
         })
-    })) : i.match(/^blau/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^blau/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: t,
@@ -114,12 +114,12 @@ const d = (_param)=>{
                 d: "M2 5v13.344h20V5zm18.64 1.36v2.636H3.36V6.36zM3.36 16.984v-6.632h17.28v6.632z"
             })
         ]
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: t,
@@ -130,12 +130,12 @@ const d = (_param)=>{
                 d: "M4.144 5h15.704c1.18 0 2.144 1.017 2.152 2.272v9.456c0 1.25-.964 2.272-2.144 2.272H4.144C2.964 19 2 17.979 2 16.728V7.272C2 6.022 2.964 5 4.144 5m15.712 1.509H4.144c-.396 0-.72.343-.72.763v1.5h17.144V7.263c0-.41-.316-.754-.712-.754m-.008 10.974c.396 0 .72-.344.72-.755v-6.43H3.432v6.43c0 .411.316.755.712.755z"
             })
         ]
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: t,
@@ -146,12 +146,12 @@ const d = (_param)=>{
                 d: "M4.144 5h15.704c1.18 0 2.144 1.017 2.152 2.272v9.456c0 1.25-.964 2.272-2.144 2.272H4.144C2.964 19 2 17.979 2 16.728V7.272C2 6.022 2.964 5 4.144 5m15.712 1.509H4.144c-.396 0-.72.343-.72.763v1.5h17.144V7.263c0-.41-.316-.754-.712-.754m-.008 10.974c.396 0 .72-.344.72-.755v-6.43H3.432v6.43c0 .411.316.755.712.755z"
             })
         ]
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: t,

package/dist-es/generated/mistica-icons/icon-credit-card-visa-filled.js

@@ -78,62 +78,62 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: t, size: e = 24 } = _param, i = _object_without_properties(_param, [
+const v = (_param)=>{
+    var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = v(), h = t !== null && t !== void 0 ? t : o ? r.colors.inverse : r.colors.neutralHigh, { skinName: a } = n();
-    return a.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const c = m(), h = o !== null && o !== void 0 ? o : c === "brand" || c === "media" ? r.colors.neutralHighBrand : c === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: i } = n();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ c("path", {
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
             fill: h,
             d: "M21.841 11.208q-.001.024-.008.047-.006.019-.008.037v6.272a1.42 1.42 0 0 1-1.43 1.406h-16.8a1.42 1.42 0 0 1-1.429-1.406v-6.305l-.005-.02q-.005-.014-.006-.03V8.216q0-.017.007-.032l.004-.016V6.432a1.42 1.42 0 0 1 1.429-1.406h16.8c.788 0 1.43.63 1.43 1.406v1.703q.001.015.007.032.009.023.01.05zm-18.246-5a.22.22 0 0 0-.224.221v1.194h17.246V6.429c0-.12-.1-.22-.221-.22zm16.8 11.574a.22.22 0 0 0 .222-.218v-5.762H3.371v5.762c0 .12.1.218.224.218zm-5.733-1.747-.143.002c-.51-.008-1.12-.218-1.12-1.179 0-.958.602-1.165 1.106-1.168h.146c.518.014 1.134.227 1.134 1.176 0 .95-.61 1.16-1.123 1.169m5.017-1.166c0-1.59-1.16-2.182-2.149-2.204a4 4 0 0 0-.184-.006c-.216.003-.83.048-1.35.431a2.4 2.4 0 0 0-1.32-.428q-.086-.004-.185-.003c-.986.009-2.14.588-2.14 2.196s1.16 2.194 2.151 2.207h.174a2.37 2.37 0 0 0 1.333-.428c.499.37 1.076.428 1.345.431h.174c.991-.017 2.15-.602 2.15-2.196"
         })
-    })) : a.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ c("path", {
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
             fill: h,
             d: "M21.992 8.97V6.938c0-1.073-.8-1.938-1.788-1.938H3.788C2.8 5 2 5.865 2 6.938V8.97zM2 10.102v6.96C2 18.135 2.8 19 3.788 19h16.424C21.2 19 22 18.135 22 17.062v-6.96zm2.5 3.406c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h5.002c.3 0 .536.259.536.568-.008.319-.244.569-.545.569zm9.642 0h-2.504c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h2.5c.3 0 .537.259.537.568 0 .319-.245.569-.533.569m2.137 0c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h3.212c.3 0 .537.259.537.568-.004.319-.236.569-.537.569z"
         })
-    })) : a.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ c("path", {
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
             fill: h,
             d: "M21.992 8.97V6.938c0-1.073-.8-1.938-1.788-1.938H3.788C2.8 5 2 5.865 2 6.938V8.97zM2 10.102v6.96C2 18.135 2.8 19 3.788 19h16.424C21.2 19 22 18.135 22 17.062v-6.96zm2.5 3.406c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h5.002c.3 0 .536.259.536.568-.008.319-.244.569-.545.569zm9.642 0h-2.504c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h2.5c.3 0 .537.259.537.568 0 .319-.245.569-.533.569m2.137 0c-.3 0-.536-.259-.536-.569 0-.318.244-.568.536-.568h3.212c.3 0 .537.259.537.568-.004.319-.236.569-.537.569z"
         })
     })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: [
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ e("path", {
                 fill: h,
                 d: "M13 12.5a1.5 1.5 0 1 1 0 2.999 1.5 1.5 0 0 1 0-2.999M16 12.5a1.5 1.5 0 1 1-.633 2.86c-.119-.056-.15-.203-.096-.322a2.48 2.48 0 0 0 0-2.077c-.054-.12-.023-.266.096-.321.196-.091.412-.14.633-.14"
             }),
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ e("path", {
                 fill: h,
                 d: "M21.25 9.75a.25.25 0 0 1 .25.25v6a3.5 3.5 0 0 1-3.5 3.5H6A3.5 3.5 0 0 1 2.5 16v-6a.25.25 0 0 1 .25-.25zM16 11.5c-.481 0-.947.14-1.346.396a.29.29 0 0 1-.308 0 2.49 2.49 0 0 0-3.114.336A2.5 2.5 0 0 0 13 16.5c.482 0 .947-.141 1.346-.398a.29.29 0 0 1 .308 0 2.49 2.49 0 0 0 3.114-.334A2.5 2.5 0 0 0 16 11.5M18 4.5A3.5 3.5 0 0 1 21.5 8a.25.25 0 0 1-.25.25H2.75A.25.25 0 0 1 2.5 8 3.5 3.5 0 0 1 6 4.5z"
             })
         ]
     }));
-}, C = s;
-export { C as default };
+}, g = v;
+export { g as default };

package/dist-es/generated/mistica-icons/icon-credit-card-visa-light.js

@@ -80,53 +80,53 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as h, jsxs as l } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: a, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: o, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = v(), i = a !== null && a !== void 0 ? a : o ? r.colors.inverse : r.colors.neutralHigh, { skinName: e } = n();
-    return e.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    const e = v(), t = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: i } = n();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ h("path", {
-            fill: i,
+            fill: t,
             d: "M22 8.094v3.093a.2.2 0 0 1-.01.059l-.007.023v6.482c0 .69-.572 1.249-1.272 1.249H3.283a1.26 1.26 0 0 1-1.272-1.249v-6.513l-.005-.02a.1.1 0 0 1-.006-.03V8.093q0-.015.006-.03l.005-.021V6.249c0-.69.572-1.249 1.272-1.249h17.425c.703 0 1.272.56 1.272 1.249v1.763l.004.01a.2.2 0 0 1 .016.072M3.283 5.816a.44.44 0 0 0-.44.43v1.437h18.303V6.246c0-.24-.199-.433-.44-.43zm17.425 12.368a.44.44 0 0 0 .441-.43v-6.159H2.845v6.156c0 .24.197.43.441.43h17.422zm.444-7.407V8.5H2.845v2.276zm-1.927 4.097c0 1.184-.842 1.378-1.343 1.387l-.156.003c-.148-.003-.604-.054-.937-.343.134-.287.217-.63.217-1.047 0-.422-.086-.77-.225-1.06.33-.293.78-.338.928-.34l.162.002c.506.012 1.354.211 1.354 1.398m-4.4 1.387h-.156c-.5-.009-1.343-.2-1.343-1.4 0-1.196.831-1.382 1.326-1.387l.163.002c.506.012 1.354.211 1.354 1.398 0 1.184-.842 1.378-1.343 1.387m5.234-1.39c0-1.594-1.167-2.188-2.171-2.213l-.185-.003c-.29.003-.928.07-1.443.498-.413-.332-.939-.484-1.429-.495l-.184-.003c-.994.009-2.155.59-2.155 2.205 0 1.612 1.167 2.2 2.166 2.216h.182c.492-.008 1.022-.157 1.434-.495.518.422 1.153.49 1.44.495h.182c1-.02 2.163-.607 2.163-2.205"
         })
-    })) : e.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: [
             /* @__PURE__ */ h("path", {
-                fill: i,
+                fill: t,
                 d: "M4.857 12.184h4.636c.397 0 .713.344.713.755 0 .42-.316.754-.713.754H4.857c-.397 0-.713-.335-.713-.754 0-.42.316-.755.713-.755M11.638 12.184h2.504c.389 0 .713.344.709.755 0 .42-.317.754-.713.754h-2.5c-.396 0-.712-.335-.712-.754 0-.42.316-.755.712-.755M19.135 12.184H16.28c-.396 0-.712.335-.712.755s.316.754.712.754h2.856c.396 0 .713-.335.713-.754 0-.411-.316-.755-.713-.755"
             }),
             /* @__PURE__ */ h("path", {
-                fill: i,
+                fill: t,
                 d: "M4.144 5h15.704c1.18 0 2.144 1.017 2.152 2.272v9.456c0 1.25-.964 2.272-2.144 2.272H4.144C2.964 19 2 17.979 2 16.728V7.272C2 6.022 2.964 5 4.144 5m15.712 1.509H4.144c-.396 0-.72.343-.72.763v1.5h17.144V7.263c0-.41-.316-.754-.712-.754m-.008 10.974c.396 0 .72-.344.72-.755v-6.43H3.432v6.43c0 .411.316.755.712.755z"
             })
         ]
-    })) : e.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: [
             /* @__PURE__ */ h("path", {
-                fill: i,
+                fill: t,
                 d: "M3.789 5h16.406c.989 0 1.789.843 1.805 1.888v9.856c0 1.045-.8 1.888-1.789 1.888a.363.363 0 0 1-.356-.367c0-.203.16-.368.356-.368.593 0 1.069-.517 1.069-1.153V9.785H2.72v6.963c0 .636.476 1.153 1.069 1.153h12.137c.196 0 .356.165.356.368s-.16.367-.356.367H3.789C2.8 18.636 2 17.793 2 16.748v-9.86C2 5.843 2.8 5 3.789 5M2.712 6.884V9.05h18.552V6.884c0-.636-.476-1.153-1.069-1.153H3.781c-.593 0-1.069.517-1.069 1.153"
             }),
             /* @__PURE__ */ h("path", {
-                fill: i,
+                fill: t,
                 d: "M18.77 18.265a.724.724 0 0 1-.712.735.724.724 0 0 1-.712-.735c0-.407.319-.736.712-.736.394 0 .713.33.713.736M4.145 12.868c0-.276.16-.5.356-.5h4.998c.196 0 .356.224.356.5 0 .275-.16.5-.356.5H4.501c-.196 0-.356-.225-.356-.5M11.28 12.868c0-.276.16-.5.356-.5h2.5c.197 0 .357.224.357.5 0 .275-.16.5-.356.5h-2.501c-.196 0-.356-.225-.356-.5M19.483 12.368H16.27c-.196 0-.356.224-.356.5 0 .275.16.5.356.5h3.213c.196 0 .356-.225.356-.5 0-.276-.152-.5-.356-.5"
             })
         ]
@@ -135,17 +135,17 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: [
             /* @__PURE__ */ h("path", {
-                fill: i,
+                fill: t,
                 d: "M16 11.25a2.75 2.75 0 1 1-1.5 5.053A2.747 2.747 0 0 1 10.25 14a2.75 2.75 0 0 1 4.25-2.304 2.75 2.75 0 0 1 1.5-.446m-3 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m3 0c-.175 0-.346.036-.503.105.163.357.253.746.253 1.145s-.09.788-.253 1.144a1.248 1.248 0 0 0 1.387-2.028A1.25 1.25 0 0 0 16 12.75"
             }),
             /* @__PURE__ */ h("path", {
-                fill: i,
+                fill: t,
                 d: "M18 4.25A3.75 3.75 0 0 1 21.75 8v8A3.75 3.75 0 0 1 18 19.75H6A3.75 3.75 0 0 1 2.25 16V8A3.75 3.75 0 0 1 6 4.25zM3.75 16A2.25 2.25 0 0 0 6 18.25h12l.223-.01a2.25 2.25 0 0 0 2.016-2.017L20.25 16V9.75H3.75zM6 5.75A2.25 2.25 0 0 0 3.75 8v.25h16.5V8A2.25 2.25 0 0 0 18 5.75z"
             })
         ]
     }));
-}, p = s;
+}, p = m;
 export { p as default };

package/dist-es/generated/mistica-icons/icon-credit-card-visa-regular.js

@@ -78,74 +78,74 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h, jsxs as t } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: l, size: c = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as h, jsxs as r } from "react/jsx-runtime";
+import { useTheme as n } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+const m = (_param)=>{
+    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = n(), e = l !== null && l !== void 0 ? l : o ? a.colors.inverse : a.colors.neutralHigh, { skinName: r } = v();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    const t = v(), a = o !== null && o !== void 0 ? o : t === "brand" || t === "media" ? l.colors.neutralHighBrand : t === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: i } = n();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, e), {
         children: /* @__PURE__ */ h("path", {
-            fill: e,
+            fill: a,
             d: "M21.841 8.22v2.991q0 .026-.009.049l-.008.035v6.272c0 .776-.638 1.406-1.428 1.406H3.595a1.42 1.42 0 0 1-1.429-1.406v-6.308l-.004-.016a.1.1 0 0 1-.007-.032V8.22q0-.015.006-.03l.005-.02V6.432a1.42 1.42 0 0 1 1.429-1.41h16.8c.788 0 1.43.63 1.43 1.407v1.706l.007.035q.009.023.01.049M3.595 6.21a.22.22 0 0 0-.224.222v1.193H20.62V6.433a.22.22 0 0 0-.221-.222zm16.8 11.574c.121 0 .222-.098.222-.218v-5.762H3.371v5.762c0 .123.1.221.224.218zm.225-7.168V8.813H3.37v1.804zm-1.986 4.252c0 .95-.61 1.16-1.123 1.169h-.137c-.115 0-.449-.028-.718-.219.107-.269.174-.58.174-.95 0-.375-.07-.691-.182-.963.263-.188.591-.213.712-.213h.14c.518.011 1.134.227 1.134 1.177m-3.972 1.169s-.143 0-.14.002c-.51-.008-1.12-.218-1.12-1.179 0-.96.599-1.165 1.103-1.168h.146c.518.011 1.134.227 1.134 1.177s-.61 1.16-1.123 1.168m5.017-1.166c0-1.59-1.16-2.182-2.149-2.204a1.4 1.4 0 0 0-.184 0c-.216 0-.83.045-1.35.428a2.37 2.37 0 0 0-1.32-.428q-.092-.004-.185-.003c-.986.008-2.14.588-2.14 2.196s1.16 2.193 2.151 2.207h.174a2.34 2.34 0 0 0 1.333-.428c.499.367 1.079.426 1.345.428h.174c.991-.016 2.15-.602 2.15-2.196"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, e), {
         children: [
             /* @__PURE__ */ h("path", {
-                fill: e,
+                fill: a,
                 d: "M4.857 12.184h4.636c.397 0 .713.344.713.755 0 .42-.316.754-.713.754H4.857c-.397 0-.713-.335-.713-.754 0-.42.316-.755.713-.755M11.638 12.184h2.504c.389 0 .713.344.709.755 0 .42-.317.754-.713.754h-2.5c-.396 0-.712-.335-.712-.754 0-.42.316-.755.712-.755M19.135 12.184H16.28c-.396 0-.712.335-.712.755s.316.754.712.754h2.856c.396 0 .713-.335.713-.754 0-.411-.316-.755-.713-.755"
             }),
             /* @__PURE__ */ h("path", {
-                fill: e,
+                fill: a,
                 d: "M4.144 5h15.704c1.18 0 2.144 1.017 2.152 2.272v9.456c0 1.25-.964 2.272-2.144 2.272H4.144C2.964 19 2 17.979 2 16.728V7.272C2 6.022 2.964 5 4.144 5m15.712 1.509H4.144c-.396 0-.72.343-.72.763v1.5h17.144V7.263c0-.41-.316-.754-.712-.754m-.008 10.974c.396 0 .72-.344.72-.755v-6.43H3.432v6.43c0 .411.316.755.712.755z"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, e), {
         children: [
             /* @__PURE__ */ h("path", {
-                fill: e,
+                fill: a,
                 d: "M4.857 12.184h4.636c.397 0 .713.344.713.755 0 .42-.316.754-.713.754H4.857c-.397 0-.713-.335-.713-.754 0-.42.316-.755.713-.755M11.638 12.184h2.504c.389 0 .713.344.709.755 0 .42-.317.754-.713.754h-2.5c-.396 0-.712-.335-.712-.754 0-.42.316-.755.712-.755M19.135 12.184H16.28c-.396 0-.712.335-.712.755s.316.754.712.754h2.856c.396 0 .713-.335.713-.754 0-.411-.316-.755-.713-.755"
             }),
             /* @__PURE__ */ h("path", {
-                fill: e,
+                fill: a,
                 d: "M4.144 5h15.704c1.18 0 2.144 1.017 2.152 2.272v9.456c0 1.25-.964 2.272-2.144 2.272H4.144C2.964 19 2 17.979 2 16.728V7.272C2 6.022 2.964 5 4.144 5m15.712 1.509H4.144c-.396 0-.72.343-.72.763v1.5h17.144V7.263c0-.41-.316-.754-.712-.754m-.008 10.974c.396 0 .72-.344.72-.755v-6.43H3.432v6.43c0 .411.316.755.712.755z"
             })
         ]
-    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, e), {
         children: [
             /* @__PURE__ */ h("path", {
-                fill: e,
+                fill: a,
                 d: "M16 11.25a2.75 2.75 0 1 1-1.5 5.053A2.747 2.747 0 0 1 10.25 14a2.75 2.75 0 0 1 4.25-2.304 2.75 2.75 0 0 1 1.5-.446m-3 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m3 0c-.175 0-.346.036-.503.105.163.357.253.746.253 1.145s-.09.788-.253 1.144a1.248 1.248 0 0 0 1.387-2.028A1.25 1.25 0 0 0 16 12.75"
             }),
             /* @__PURE__ */ h("path", {
-                fill: e,
+                fill: a,
                 d: "M18 4.25A3.75 3.75 0 0 1 21.75 8v8A3.75 3.75 0 0 1 18 19.75H6A3.75 3.75 0 0 1 2.25 16V8A3.75 3.75 0 0 1 6 4.25zM3.75 16A2.25 2.25 0 0 0 6 18.25h12l.223-.01a2.25 2.25 0 0 0 2.016-2.017L20.25 16V9.75H3.75zM6 5.75A2.25 2.25 0 0 0 3.75 8v.25h16.5V8A2.25 2.25 0 0 0 18 5.75z"
             })
         ]
     }));
-}, p = s;
+}, p = m;
 export { p as default };

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

@@ -78,25 +78,25 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useThemeVariant as h } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const l = (_param)=>{
-    var { color: t, size: r = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: e, size: o = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = a(), s = t !== null && t !== void 0 ? t : n ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const r = h(), n = e !== null && e !== void 0 ? e : r === "brand" || r === "media" ? t.colors.neutralHighBrand : r === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh;
+    return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
-        children: /* @__PURE__ */ o("path", {
-            fill: s,
+        children: /* @__PURE__ */ a("path", {
+            fill: n,
             d: "M18 2.25A2.75 2.75 0 0 1 20.75 5v15A1.75 1.75 0 0 1 19 21.75h-6a.25.25 0 0 1-.25-.25v-8.75h-1.5v8.75a.25.25 0 0 1-.25.25H5A1.75 1.75 0 0 1 3.25 20V5A2.75 2.75 0 0 1 6 2.25zm-2.75 12.92a1.749 1.749 0 1 0 2.5 1.58c0-.698-.41-1.3-1-1.58v-2.42h-1.5zm-10.5-3.92h10.5v-2.5H4.75zm12 0h2.5v-2.5h-2.5zM6 3.75c-.69 0-1.25.56-1.25 1.25v2.25h10.5V4c0-.088.018-.172.046-.25zm10.704 0a.7.7 0 0 1 .046.25v3.25h2.5V5c0-.69-.56-1.25-1.25-1.25z"
         })
     }));
-}, m = l;
-export { m as default };
+}, s = l;
+export { s as default };

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

@@ -79,24 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const h = (_param)=>{
-    var { color: i, size: r = 24 } = _param, e = _object_without_properties(_param, [
+import { useThemeVariant as n } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+const v = (_param)=>{
+    var { color: e, size: a = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = a(), v = i !== null && i !== void 0 ? i : n ? t.colors.inverse : t.colors.neutralHigh;
+    const t = n(), h = e !== null && e !== void 0 ? e : t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
     return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, i), {
         children: /* @__PURE__ */ o("path", {
-            fill: v,
+            fill: h,
             d: "M18 2.25A2.75 2.75 0 0 1 20.75 5v15A1.75 1.75 0 0 1 19 21.75H5A1.75 1.75 0 0 1 3.25 20V5A2.75 2.75 0 0 1 6 2.25zM4.75 20c0 .138.112.25.25.25h6.296a.7.7 0 0 1-.046-.25v-7.25h-6.5zm8 0a.7.7 0 0 1-.046.25H19a.25.25 0 0 0 .25-.25v-7.25h-2.5v2.42a1.749 1.749 0 1 1-2.5 1.58c0-.698.41-1.3 1-1.58v-2.42h-2.5zm-8-11.25v2.5h10.5v-2.5zm12 0v2.5h2.5v-2.5zM6 3.75c-.69 0-1.25.56-1.25 1.25v2.25h10.5V4c0-.088.018-.172.046-.25zm10.704 0a.7.7 0 0 1 .046.25v3.25h2.5V5c0-.69-.56-1.25-1.25-1.25z"
         })
     }));
-}, m = h;
-export { m as default };
+}, s = v;
+export { s as default };

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

@@ -79,35 +79,35 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as h } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+const c = (_param)=>{
+    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = c(), a = t !== null && t !== void 0 ? t : i ? o.colors.inverse : o.colors.neutralHigh, { skinName: v } = n();
-    return v.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const e = m(), o = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: n } = v();
+    return n.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ h("path", {
-            fill: a,
+            fill: o,
             d: "M15.177 15.243a1.99 1.99 0 0 0-1.412 1.9c0 1.097.895 1.987 2 1.987s2-.89 2-1.987a1.99 1.99 0 0 0-1.412-1.9V13.52h3.53v6.311H4.117V13.52h11.059zm5.882 4.588V5.455A2.463 2.463 0 0 0 18.589 3H5.411a2.463 2.463 0 0 0-2.47 2.455V19.83h-.354a.586.586 0 0 0-.588.585c0 .322.263.584.588.584h18.824a.586.586 0 0 0 .588-.584.586.586 0 0 0-.588-.585zm-1.177-7.48h-3.53V8.844h3.53zm0-6.896v2.22h-3.53V4.17h2.236a1.29 1.29 0 0 1 1.294 1.286M4.118 12.35V8.844h11.059v3.507zm0-6.896c0-.71.579-1.286 1.294-1.286h9.765v3.506H4.117zM14.94 17.143a.82.82 0 0 1 .824-.818.82.82 0 0 1 .823.818.82.82 0 0 1-.823.818.82.82 0 0 1-.824-.818"
         })
     })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ h("path", {
-            fill: a,
+            fill: o,
             d: "M18 2.25A2.75 2.75 0 0 1 20.75 5v15A1.75 1.75 0 0 1 19 21.75H5A1.75 1.75 0 0 1 3.25 20V5A2.75 2.75 0 0 1 6 2.25zM4.75 20c0 .138.112.25.25.25h6.296a.7.7 0 0 1-.046-.25v-7.25h-6.5zm8 0a.7.7 0 0 1-.046.25H19a.25.25 0 0 0 .25-.25v-7.25h-2.5v2.42a1.749 1.749 0 1 1-2.5 1.58c0-.698.41-1.3 1-1.58v-2.42h-2.5zm-8-11.25v2.5h10.5v-2.5zm12 0v2.5h2.5v-2.5zM6 3.75c-.69 0-1.25.56-1.25 1.25v2.25h10.5V4c0-.088.018-.172.046-.25zm10.704 0a.7.7 0 0 1 .046.25v3.25h2.5V5c0-.69-.56-1.25-1.25-1.25z"
         })
     }));
-}, f = s;
-export { f as default };
+}, g = c;
+export { g as default };