@telefonica/mistica 16.41.0 → 16.42.0

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

@@ -78,25 +78,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
-    var { color: t, size: r = 24 } = _param, i = _object_without_properties(_param, [
+import { 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 i } from "../../skins/skin-contract.css-mistica.js";
+const c = (_param)=>{
+    var { color: n, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = l(), 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 l = h(), t = n !== null && n !== void 0 ? n : l ? i.colors.inverse : i.colors.neutralHigh, { skinName: a } = s();
+    return a.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ o("path", {
-            fill: s,
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
+            fill: t,
             d: "M19.529 11.62H5.518l6.448-6.783a.47.47 0 0 0-.208-.829.48.48 0 0 0-.473.19L4.084 11.77a.13.13 0 0 0-.048.066.4.4 0 0 0 0 .075.46.46 0 0 0 0 .357.4.4 0 0 0 0 .075.3.3 0 0 0 .048.075l7.069 7.43a.45.45 0 0 0 .35.15.46.46 0 0 0 .33-.79l-6.315-6.65h14.01a.47.47 0 0 0 .472-.47.47.47 0 0 0-.471-.469q0 .004 0 0"
         })
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
+            fill: t,
+            d: "M11.47 4.47a.75.75 0 1 1 1.06 1.06l-5.72 5.72H19a.75.75 0 0 1 0 1.5H6.81l5.72 5.72a.75.75 0 0 1-1.06 1.06l-7-7a.75.75 0 0 1-.22-.53.8.8 0 0 1 .055-.282l.004-.01q.018-.04.042-.078a.8.8 0 0 1 .119-.16z"
+        })
     }));
-}, L = a;
-export { L as default };
+}, d = c;
+export { d as default };

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

@@ -78,25 +78,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
-    var { color: t, size: r = 24 } = _param, n = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+const h = (_param)=>{
+    var { color: l, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = s(), l = t !== null && t !== void 0 ? t : i ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const a = c(), t = l !== null && l !== void 0 ? l : a ? i.colors.inverse : i.colors.neutralHigh, { skinName: n } = s();
+    return n.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
-        children: /* @__PURE__ */ o("path", {
-            fill: l,
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
+            fill: t,
             d: "M19.315 11.375H6.277l5.885-6.228a.69.69 0 0 0-.05-.97.684.684 0 0 0-.947.027L4.187 11.59c-.03.032-.046.073-.07.11-.024.033-.051.065-.067.104a.7.7 0 0 0-.05.257v.005q.003.129.052.253c.016.04.044.073.069.107.022.034.036.075.066.107l6.852 7.252c.26.276.692.29.968.03q.001 0 .002-.003a.687.687 0 0 0 .027-.97l-5.76-6.095h13.039a.687.687 0 0 0 0-1.371"
         })
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
+            fill: t,
+            d: "M11.47 4.47a.75.75 0 1 1 1.06 1.06l-5.72 5.72H19a.75.75 0 0 1 0 1.5H6.81l5.72 5.72a.75.75 0 0 1-1.06 1.06l-7-7a.75.75 0 0 1-.22-.53.8.8 0 0 1 .055-.282l.004-.01q.018-.04.042-.078a.8.8 0 0 1 .119-.16z"
+        })
     }));
-}, v = a;
-export { v as default };
+}, d = h;
+export { d as default };

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

@@ -79,24 +79,35 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { useTheme as h } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
-    var { color: i, size: r = 24 } = _param, e = _object_without_properties(_param, [
+const c = (_param)=>{
+    var { color: l, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = l(), s = i !== null && i !== void 0 ? i : n ? t.colors.inverse : t.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const n = s(), i = l !== null && l !== void 0 ? l : n ? t.colors.inverse : t.colors.neutralHigh, { skinName: a } = h();
+    return a.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: s,
+            fill: i,
             d: "M4.471 12.38h14.011l-6.448 6.783a.47.47 0 0 0 .208.829.48.48 0 0 0 .473-.19l7.201-7.573a.13.13 0 0 0 .048-.066.4.4 0 0 0 0-.075.46.46 0 0 0 0-.357.4.4 0 0 0 0-.075.3.3 0 0 0-.048-.075l-7.069-7.43a.45.45 0 0 0-.35-.15.46.46 0 0 0-.33.79l6.315 6.65H4.472a.47.47 0 0 0-.472.47c0 .257.212.469.471.469q0-.004 0 0"
         })
+    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: /* @__PURE__ */ o("path", {
+            fill: i,
+            d: "M11.47 4.47a.75.75 0 0 1 1.06 0l7 7a.8.8 0 0 1 .118.16q.025.04.044.083a.75.75 0 0 1-.078.715 1 1 0 0 1-.084.102l-7 7a.75.75 0 0 1-1.06-1.06l5.72-5.72H5a.75.75 0 0 1 0-1.5h12.19l-5.72-5.72a.75.75 0 0 1 0-1.06"
+        })
     }));
-}, f = a;
-export { f as default };
+}, p = c;
+export { p as default };

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

@@ -78,25 +78,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
-    var { color: t, size: r = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+const c = (_param)=>{
+    var { color: a, size: r = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = s(), l = t !== null && t !== void 0 ? t : n ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const l = h(), i = a !== null && a !== void 0 ? a : l ? t.colors.inverse : t.colors.neutralHigh, { skinName: n } = s();
+    return n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ o("path", {
-            fill: l,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: i,
             d: "M19.949 12.195a.68.68 0 0 0 0-.517c-.016-.041-.046-.07-.066-.105-.023-.036-.04-.075-.071-.11L12.95 4.216a.686.686 0 1 0-.999.943l5.768 6.09H4.662a.688.688 0 0 0 0 1.375h13.057l-5.893 6.22a.69.69 0 0 0 .025.97.69.69 0 0 0 .972-.025l6.989-7.382c.032-.032.046-.073.07-.109.021-.034.05-.064.067-.103"
         })
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: i,
+            d: "M11.47 4.47a.75.75 0 0 1 1.06 0l7 7a.8.8 0 0 1 .118.16q.025.04.044.083a.75.75 0 0 1-.078.715 1 1 0 0 1-.084.102l-7 7a.75.75 0 0 1-1.06-1.06l5.72-5.72H5a.75.75 0 0 1 0-1.5h12.19l-5.72-5.72a.75.75 0 0 1 0-1.06"
+        })
     }));
-}, f = a;
-export { f as default };
+}, p = c;
+export { p as default };

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

@@ -79,24 +79,35 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
-    var { color: t, size: r = 24 } = _param, i = _object_without_properties(_param, [
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+const c = (_param)=>{
+    var { color: l, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = l(), s = t !== null && t !== void 0 ? t : n ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const n = h(), i = l !== null && l !== void 0 ? l : n ? t.colors.inverse : t.colors.neutralHigh, { skinName: a } = s();
+    return a.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: s,
+            fill: i,
             d: "M12.38 19.529V5.518l6.783 6.448a.47.47 0 0 0 .829-.208.48.48 0 0 0-.19-.473L12.23 4.084a.13.13 0 0 0-.066-.048.4.4 0 0 0-.075 0 .46.46 0 0 0-.357 0 .4.4 0 0 0-.075 0 .3.3 0 0 0-.075.048l-7.43 7.069a.45.45 0 0 0-.15.35.46.46 0 0 0 .79.33l6.65-6.315v14.01c0 .26.21.472.47.472a.47.47 0 0 0 .469-.471q-.004 0 0 0"
         })
+    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: /* @__PURE__ */ o("path", {
+            fill: i,
+            d: "m12 4.25.076.004.055.008.018.003q.02.005.039.011.05.012.098.03a.8.8 0 0 1 .244.164l6 6a.75.75 0 1 1-1.06 1.06l-4.72-4.72V19a.75.75 0 0 1-1.5 0V6.81l-4.72 4.72a.75.75 0 0 1-1.06-1.06l6-6a.8.8 0 0 1 .16-.12q.037-.023.078-.041l.01-.004q.046-.018.094-.029.019-.006.039-.011l.016-.003A1 1 0 0 1 12 4.25"
+        })
     }));
-}, v = a;
-export { v as default };
+}, d = c;
+export { d as default };

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

@@ -78,25 +78,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
-    var { color: n, size: r = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+const h = (_param)=>{
+    var { color: t, size: r = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = s(), l = n !== null && n !== void 0 ? n : i ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const a = c(), l = t !== null && t !== void 0 ? t : a ? i.colors.inverse : i.colors.neutralHigh, { skinName: n } = s();
+    return n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
             fill: l,
             d: "M12.625 19.315V6.277l6.228 5.885a.69.69 0 0 0 .97-.05.684.684 0 0 0-.027-.947L12.41 4.187c-.032-.03-.073-.046-.11-.07-.033-.024-.065-.051-.104-.067A.7.7 0 0 0 11.94 4h-.005a.8.8 0 0 0-.253.052c-.04.016-.073.044-.107.069-.034.022-.075.036-.107.066l-7.252 6.852a.684.684 0 0 0-.027.97c.26.276.694.287.97.027l6.095-5.76v13.039a.687.687 0 0 0 1.371 0"
         })
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: l,
+            d: "m12 4.25.076.004.055.008q.01 0 .017.003.02.005.04.011.05.012.098.03a.8.8 0 0 1 .244.164l6 6a.75.75 0 1 1-1.06 1.06l-4.72-4.72V19a.75.75 0 0 1-1.5 0V6.81l-4.72 4.72a.75.75 0 0 1-1.06-1.06l6-6a.8.8 0 0 1 .16-.12q.037-.023.078-.041l.01-.004q.045-.018.094-.029.019-.006.039-.011l.016-.003A1 1 0 0 1 12 4.25"
+        })
     }));
-}, v = a;
-export { v as default };
+}, d = h;
+export { d as default };

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

@@ -79,24 +79,35 @@ 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 { useTheme as s } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const l = (_param)=>{
-    var { color: i, size: r = 24 } = _param, e = _object_without_properties(_param, [
+const c = (_param)=>{
+    var { color: n, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = a(), s = i !== null && i !== void 0 ? i : n ? t.colors.inverse : t.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const a = h(), i = n !== null && n !== void 0 ? n : a ? t.colors.inverse : t.colors.neutralHigh, { skinName: l } = s();
+    return l.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: s,
+            fill: i,
             d: "m16.867 7.775.039 9.356a.47.47 0 0 0 .732.44.48.48 0 0 0 .201-.47l-.064-10.446a.13.13 0 0 0-.013-.081.4.4 0 0 0-.053-.053.46.46 0 0 0-.253-.253.4.4 0 0 0-.053-.053.3.3 0 0 0-.087-.02L7.064 6.179a.45.45 0 0 0-.355.142.46.46 0 0 0 .326.792h9.169l-9.907 9.907a.47.47 0 0 0-.002.665.47.47 0 0 0 .665-.002z"
         })
+    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: /* @__PURE__ */ o("path", {
+            fill: i,
+            d: "M16.95 6.3a.75.75 0 0 1 0 1.5H8.86l8.62 8.62a.75.75 0 0 1-1.06 1.06L7.8 8.86v8.09a.75.75 0 1 1-1.5 0v-9.9c0-.08.016-.158.04-.23q.007-.027.015-.052l.004-.01.032-.06a.8.8 0 0 1 .13-.178.8.8 0 0 1 .176-.128q.03-.018.062-.033l.01-.004q.024-.008.05-.015a.8.8 0 0 1 .232-.04z"
+        })
     }));
-}, g = l;
+}, g = c;
 export { g as default };

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

@@ -78,25 +78,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: t, size: r = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+const c = (_param)=>{
+    var { color: l, size: r = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = l(), a = t !== null && t !== void 0 ? t : n ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const a = h(), i = l !== null && l !== void 0 ? l : a ? t.colors.inverse : t.colors.neutralHigh, { skinName: n } = s();
+    return n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ o("path", {
-            fill: a,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: i,
             d: "m16.53 8.465-.063 8.569c.021.378.342.67.722.65a.684.684 0 0 0 .65-.689l.017-10.16c-.002-.043-.02-.083-.028-.126-.008-.04-.011-.082-.027-.121a.7.7 0 0 0-.147-.218.8.8 0 0 0-.219-.144c-.04-.018-.082-.021-.124-.028-.04-.008-.079-.027-.122-.029l-9.974-.045a.684.684 0 0 0-.705.663q-.001 0 0 .003a.687.687 0 0 0 .667.705h8.383l-9.22 9.22a.687.687 0 0 0 .97.97z"
         })
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: i,
+            d: "M17.7 16.95a.75.75 0 0 1-1.5 0V8.86l-8.62 8.62a.75.75 0 0 1-1.06-1.06l8.62-8.62H7.05a.75.75 0 1 1 0-1.5h9.9q.12.002.231.04.026.007.051.015l.01.004q.031.016.061.033a.8.8 0 0 1 .177.128.7.7 0 0 1 .13.177q.016.03.031.062l.004.01q.009.024.016.05.038.11.039.232z"
+        })
     }));
-}, g = s;
+}, g = c;
 export { g as default };

package/dist-es/generated/mistica-icons/icon-arrow-return-lock-filled.js

@@ -78,31 +78,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { useTheme as h } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const c = (_param)=>{
-    var { color: t, size: r = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: i, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = n(), o = t !== null && t !== void 0 ? t : s ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const l = v(), o = i !== null && i !== void 0 ? i : l ? t.colors.inverse : t.colors.neutralHigh, { skinName: n } = h();
+    return n.match(/^vivo-new/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: [
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ r("path", {
                 fill: o,
                 d: "M13.077 3C18 2.996 22 7.03 22 11.998 22 16.967 18 21 13.073 21a.722.722 0 0 1 0-1.444c4.14 0 7.5-3.384 7.5-7.562s-3.356-7.558-7.5-7.558c-4.035 0-7.32 3.238-7.5 7.235l.893-.9a.69.69 0 0 1 .999 0 .704.704 0 0 1 0 1.01L4.82 14.445 2.178 11.78a.733.733 0 0 1 .044-1.004.69.69 0 0 1 1 0l.927.936C4.293 6.888 8.258 3 13.077 3"
             }),
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ r("path", {
                 fill: o,
                 d: "M13 8a2 2 0 0 1 2 2v1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1v-1a2 2 0 0 1 2-2m.05 5a.85.85 0 1 0 0 1.7.85.85 0 0 0 0-1.7M13 9a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1"
             })
         ]
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: /* @__PURE__ */ r("path", {
+            fill: o,
+            d: "M18.272 12.264A2.75 2.75 0 0 1 20.75 15v1.5H21a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-6a1.5 1.5 0 0 1-1.492-1.352L13.5 21v-3a1.5 1.5 0 0 1 1.5-1.5h.25V15A2.75 2.75 0 0 1 18 12.25zM18 13.75A1.25 1.25 0 0 0 16.75 15v1.5h2.5V15a1.25 1.25 0 0 0-1.126-1.244zM3.97 12.298a.75.75 0 0 1 .842.646 7.25 7.25 0 0 0 5.88 6.189.75.75 0 0 1-.271 1.474 8.76 8.76 0 0 1-5.27-3.16 8.75 8.75 0 0 1-1.827-4.307.75.75 0 0 1 .647-.842M4.751 7.063c2.034-3.003 5.79-4.469 9.429-3.536a8.75 8.75 0 0 1 6.327 6.424.751.751 0 0 1-1.46.352 7.25 7.25 0 0 0-5.24-5.324c-3.163-.81-6.415.558-8.034 3.271h3.228a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75V4a.75.75 0 1 1 1.5 0z"
+        })
     }));
-}, f = c;
-export { f as default };
+}, u = c;
+export { u as default };

package/dist-es/generated/mistica-icons/icon-arrow-return-lock-light.js

@@ -78,35 +78,46 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const n = (_param)=>{
-    var { color: c, size: o = 24 } = _param, t = _object_without_properties(_param, [
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { useTheme as v } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+const s = (_param)=>{
+    var { color: e, size: l = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), l = c !== null && c !== void 0 ? c : e ? a.colors.inverse : a.colors.neutralHigh;
-    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const c = n(), r = e !== null && e !== void 0 ? e : c ? t.colors.inverse : t.colors.neutralHigh, { skinName: h } = v();
+    return h.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: [
-            /* @__PURE__ */ r("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: r,
                 d: "M12.789 3c5.094 0 9.21 3.598 9.21 8.974 0 4.714-4.065 8.917-8.77 9.026l-.457-.002-.101-.014a.501.501 0 0 1 .135-.986l.402.002c4.142-.098 7.786-3.838 7.786-8.026C20.994 7.199 17.378 4 12.789 4c-4.114 0-7.73 3.477-7.73 7.974v.225l.214-.213c.016-.015.005-.006.02-.021.02-.019.004-.002.022-.02l.118-.118.005-.006.006-.005.194-.193.01-.01.006-.006.005-.005.021-.02.054-.055.005-.005.006-.005.49-.488.004-.005.005-.003.01-.01a.505.505 0 0 1 .71 0 .5.5 0 0 1 0 .707l-.276.275-.005.006-.006.005-.286.284c-.027.027.008-.007-.02.022l-.01.01-.855.849-.004.005-.005.004-.014.013-.004.005-.01.01-.086.085c-.013.012.005-.004-.008.009l-.005.004-.338.336-.002.003-.003.002-.03.03-.008.009-.008.006-.022.023-.001.002h-.002l-.4.398-.355-.353-.004-.004-.01-.01-.018-.018-.201-.2c-.02-.019.006.008-.014-.012l-.006-.007-.048-.048-.015-.014-.06-.06-.015-.015-.068-.068-.005-.004-.008-.009-.025-.025-.005-.004-.004-.005-.089-.088-.01-.009-.008-.01-.037-.037-.005-.004-.004-.005-.01-.01-.01-.008-.004-.005-.024-.024-.01-.01-.005-.004-.246-.245-.084-.083-.343-.342-.054-.054c-.02-.019.01.011-.011-.01l-.005-.005-.006-.005-.021-.022-.01-.01-.043-.043-.006-.005-.005-.006-.01-.01-.023-.021c-.01-.01 0-.002-.01-.011l-.079-.08q-.003 0-.006-.004c-.005-.005-.004-.006-.01-.01l-.021-.021c-.024-.024.014.013-.01-.011l-.02-.02-.006-.005-.005-.006-.117-.116-.006-.005-.01-.011-.165-.164-.065-.078a.5.5 0 0 1 .065-.63.506.506 0 0 1 .632-.064l.08.065.164.164.01.01.006.005.387.385.004.006.011.01.205.204.005.006.006.005.193.191.01.01.006.006.067.067.005.006.006.005.11.108v-.225C4.053 6.939 8.105 3 12.788 3"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: r,
                 d: "M13 13a.6.6 0 1 1 0 1.2.6.6 0 0 1 0-1.2"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: r,
                 d: "M13 8a2 2 0 0 1 2 2v1.005c.56.05 1 .521 1 1.095v2.8a1.1 1.1 0 0 1-1.1 1.1h-3.8a1.1 1.1 0 0 1-1.1-1.1v-2.8a1.1 1.1 0 0 1 1-1.095V10a2 2 0 0 1 2-2m-1.939 4.008A.1.1 0 0 0 11 12.1v2.8l.008.038q.017.038.053.054L11.1 15H14.9l.038-.008a.1.1 0 0 0 .054-.054L15 14.9v-2.8a.1.1 0 0 0-.062-.092L14.9 12h-3.8zM13 9a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1"
             })
         ]
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, o), {
+        children: /* @__PURE__ */ a("path", {
+            fill: r,
+            d: "M18.272 12.264A2.75 2.75 0 0 1 20.75 15v1.25H21A1.75 1.75 0 0 1 22.75 18v3A1.75 1.75 0 0 1 21 22.75h-6a1.75 1.75 0 0 1-1.741-1.577L13.25 21v-3A1.75 1.75 0 0 1 15 16.25h.25V15A2.75 2.75 0 0 1 18 12.25zM15 17.75a.25.25 0 0 0-.25.25v3a.25.25 0 0 0 .25.25h6a.25.25 0 0 0 .25-.25v-3a.25.25 0 0 0-.25-.25zm3-4A1.25 1.25 0 0 0 16.75 15v1.25h2.5V15a1.25 1.25 0 0 0-1.126-1.244zM3.97 12.298a.75.75 0 0 1 .842.646 7.25 7.25 0 0 0 5.88 6.189.75.75 0 1 1-.271 1.474 8.75 8.75 0 0 1-7.097-7.467.75.75 0 0 1 .647-.842M4.751 7.064c2.034-3.004 5.79-4.47 9.429-3.537a8.75 8.75 0 0 1 6.327 6.424.75.75 0 0 1-1.46.352 7.25 7.25 0 0 0-5.24-5.324c-3.163-.81-6.414.558-8.034 3.27h3.228a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75V4a.75.75 0 0 1 1.5 0z"
+        })
     }));
-}, p = n;
-export { p as default };
+}, A = s;
+export { A as default };

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

@@ -79,34 +79,45 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const c = (_param)=>{
-    var { color: l, size: o = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: l, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = i(), r = l !== null && l !== void 0 ? l : s ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const h = v(), o = l !== null && l !== void 0 ? l : h ? t.colors.inverse : t.colors.neutralHigh, { skinName: i } = s();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: [
             /* @__PURE__ */ a("path", {
-                fill: r,
+                fill: o,
                 d: "M13.077 3C18 2.996 22 7.03 22 11.998 22 16.967 18 21 13.073 21a.722.722 0 0 1 0-1.444c4.14 0 7.5-3.384 7.5-7.562s-3.356-7.558-7.5-7.558c-4.035 0-7.32 3.238-7.5 7.235l.893-.9a.69.69 0 0 1 .999 0 .704.704 0 0 1 0 1.01L4.82 14.445 2.178 11.78a.733.733 0 0 1 .044-1.004.69.69 0 0 1 1 0l.927.936C4.293 6.888 8.258 3 13.077 3"
             }),
             /* @__PURE__ */ a("path", {
-                fill: r,
+                fill: o,
                 d: "M13.014 12.856a.75.75 0 1 1-.001 1.501.75.75 0 0 1 0-1.5"
             }),
             /* @__PURE__ */ a("path", {
-                fill: r,
+                fill: o,
                 d: "M13 8a2 2 0 0 1 2 2v.805a1.3 1.3 0 0 1 1.2 1.295v2.8a1.3 1.3 0 0 1-1.3 1.3h-3.8a1.3 1.3 0 0 1-1.3-1.3v-2.8a1.3 1.3 0 0 1 1.2-1.295V10a2 2 0 0 1 2-2m-1.938 4.008A.1.1 0 0 0 11 12.1v2.8l.008.038a.1.1 0 0 0 .054.054L11.1 15h3.8l.038-.008a.1.1 0 0 0 .054-.054L15 14.9v-2.8a.1.1 0 0 0-.062-.092L14.9 12h-3.8zM13 9a1 1 0 0 0-1 1v.8h2V10a1 1 0 0 0-1-1"
             })
         ]
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: o,
+            d: "M18.272 12.264A2.75 2.75 0 0 1 20.75 15v1.25H21A1.75 1.75 0 0 1 22.75 18v3A1.75 1.75 0 0 1 21 22.75h-6a1.75 1.75 0 0 1-1.741-1.577L13.25 21v-3A1.75 1.75 0 0 1 15 16.25h.25V15A2.75 2.75 0 0 1 18 12.25zM15 17.75a.25.25 0 0 0-.25.25v3a.25.25 0 0 0 .25.25h6a.25.25 0 0 0 .25-.25v-3a.25.25 0 0 0-.25-.25zm3-4A1.25 1.25 0 0 0 16.75 15v1.25h2.5V15a1.25 1.25 0 0 0-1.126-1.244zM3.97 12.298a.75.75 0 0 1 .842.646 7.25 7.25 0 0 0 5.88 6.189.75.75 0 1 1-.271 1.474 8.75 8.75 0 0 1-7.097-7.467.75.75 0 0 1 .647-.842M4.751 7.064c2.034-3.004 5.79-4.47 9.429-3.537a8.75 8.75 0 0 1 6.327 6.424.75.75 0 0 1-1.46.352 7.25 7.25 0 0 0-5.24-5.324c-3.163-.81-6.414.558-8.034 3.27h3.228a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75V4a.75.75 0 0 1 1.5 0z"
+        })
     }));
-}, p = c;
-export { p as default };
+}, u = c;
+export { u as default };