@telefonica/mistica 16.41.0 → 16.42.0

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

@@ -78,46 +78,56 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
 import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: i, size: l = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: c, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), e = i !== null && i !== void 0 ? i : a ? t.colors.inverse : t.colors.neutralHigh, { skinName: c } = n();
-    return c.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    const i = h(), r = c !== null && c !== void 0 ? c : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: o } = n();
+    return o.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ r("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: r,
+            d: "M19.486 20.49q.041.002.079.002c.249 0 .473-.09.638-.258a.9.9 0 0 0 .255-.717V7.43c.003-.476-.243-.865-.658-1.044-.445-.19-1.009-.098-1.339.218l-2.588 2.588-4.812-5.115-.014-.014c-.219-.218-.488-.448-.824-.52q-.556-.119-1.078.36l-.017.018-5.026 5.047c-.736.737-.745 1.577-.016 2.306l.005.005 4.902 4.79-2.378 2.378-.014.017c-.328.359-.42.95-.216 1.406.174.384.524.614.944.614zm-.103-1.076L7.36 19.408c-.014-.062 0-.17.031-.21l2.448-2.448a.973.973 0 0 0-.017-1.376l-.005-.005-4.972-4.857c-.107-.104-.23-.255-.227-.381.003-.101.09-.244.246-.4l5.017-5.037a.6.6 0 0 1 .129-.093c.028.011.104.054.275.222l4.88 5.184.01.012a.97.97 0 0 0 1.376.02l2.65-2.65a.24.24 0 0 1 .176-.009.2.2 0 0 1 .006.05z"
+        })
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: r,
             d: "M20.304 6.668c-.77-.332-1.658-.144-2.26.476l-2.639 2.769-7.341-7.706a.665.665 0 0 0-.965 0 .75.75 0 0 0 0 1.012l7.922 8.314.121.056c.416.188.542.056 1.228-.664L19 8.165a.66.66 0 0 1 .77-.168.64.64 0 0 1 .385.616v11.963H8.826c-.377 0-.534-.292-.58-.42-.09-.236-.099-.593.153-.857l3.156-3.312.054-.129c.137-.356.16-.428-.633-1.28L3.642 6.844a.665.665 0 0 0-.965 0 .75.75 0 0 0 0 1.012l7.342 7.706-2.584 2.713c-.603.632-.778 1.588-.454 2.42.316.8 1.018 1.305 1.837 1.305h12.71V8.6c0-.864-.47-1.608-1.224-1.932"
         })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ r("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: r,
             d: "M20.304 6.668c-.77-.332-1.658-.144-2.26.476l-2.639 2.769-7.341-7.706a.665.665 0 0 0-.965 0 .75.75 0 0 0 0 1.012l7.922 8.314.121.056c.416.188.542.056 1.228-.664L19 8.165a.66.66 0 0 1 .77-.168.64.64 0 0 1 .385.616v11.963H8.826c-.377 0-.534-.292-.58-.42-.09-.236-.099-.593.153-.857l3.156-3.312.054-.129c.137-.356.16-.428-.633-1.28L3.642 6.844a.665.665 0 0 0-.965 0 .75.75 0 0 0 0 1.012l7.342 7.706-2.584 2.713c-.603.632-.778 1.588-.454 2.42.316.8 1.018 1.305 1.837 1.305h12.71V8.6c0-.864-.47-1.608-1.224-1.932"
         })
-    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ r("path", {
-            fill: e,
-            d: "M19.486 20.49q.041.002.079.002c.249 0 .473-.09.638-.258a.9.9 0 0 0 .255-.717V7.43c.003-.476-.243-.865-.658-1.044-.445-.19-1.009-.098-1.339.218l-2.588 2.588-4.812-5.115-.014-.014c-.219-.218-.488-.448-.824-.52q-.556-.119-1.078.36l-.017.018-5.026 5.047c-.736.737-.745 1.577-.016 2.306l.005.005 4.902 4.79-2.378 2.378-.014.017c-.328.359-.42.95-.216 1.406.174.384.524.614.944.614zm-.103-1.076L7.36 19.408c-.014-.062 0-.17.031-.21l2.448-2.448a.973.973 0 0 0-.017-1.376l-.005-.005-4.972-4.857c-.107-.104-.23-.255-.227-.381.003-.101.09-.244.246-.4l5.017-5.037a.6.6 0 0 1 .129-.093c.028.011.104.054.275.222l4.88 5.184.01.012a.97.97 0 0 0 1.376.02l2.65-2.65a.24.24 0 0 1 .176-.009.2.2 0 0 1 .006.05z"
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: r,
+            d: "M7.322 3.533c.464 0 .91.184 1.238.512l5.125 5.127 2.006-2.005a1.753 1.753 0 0 1 2.694.265c.192.287.294.626.294.972v9.314a1.75 1.75 0 0 1-1.75 1.75H7.615l-.13-.005a1.75 1.75 0 0 1-1.196-2.887l.088-.096 2.006-2.005L3.256 9.35a1.75 1.75 0 0 1 0-2.475l2.829-2.83a1.75 1.75 0 0 1 1.237-.51m0 1.5a.25.25 0 0 0-.176.073l-2.83 2.828a.25.25 0 0 0 0 .354l5.658 5.657a.75.75 0 0 1 0 1.06l-2.536 2.536a.25.25 0 0 0-.069.128.252.252 0 0 0 .246.299h9.314a.25.25 0 0 0 .25-.25V8.404a.25.25 0 0 0-.427-.177l-2.536 2.536a.75.75 0 0 1-1.06 0L7.498 5.106a.25.25 0 0 0-.177-.073"
         })
     }));
-}, g = s;
-export { g as default };
+}, f = s;
+export { f as default };

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

@@ -79,24 +79,35 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } 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: l, size: o = 24 } = _param, n = _object_without_properties(_param, [
+import { useTheme as a } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+const h = (_param)=>{
+    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = s(), i = l !== null && l !== void 0 ? l : t ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    const n = c(), i = t !== null && t !== void 0 ? t : n ? l.colors.inverse : l.colors.neutralHigh, { skinName: s } = a();
+    return s.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, e), {
         children: /* @__PURE__ */ r("path", {
             fill: i,
             d: "M21.757 7.943a1.3 1.3 0 0 0-1.182-.711L3.452 7.08c-.524-.01-1 .27-1.196.698a1.03 1.03 0 0 0 .275 1.24l8.56 7.575a1.41 1.41 0 0 0 1.815 0l8.56-7.423c.356-.3.473-.798.291-1.227"
         })
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: /* @__PURE__ */ r("path", {
+            fill: i,
+            d: "M18 9c.852 0 1.297.986.783 1.623l-.076.084-6 6a1 1 0 0 1-1.32.083l-.094-.083-6-6-.083-.094-.054-.077-.054-.096-.017-.036-.027-.067-.032-.108-.01-.053-.01-.06-.004-.057V9.94l.005-.058.009-.06.01-.052.032-.108.027-.067.07-.132.065-.09.073-.081.094-.083.077-.054.096-.054.036-.017.067-.027.108-.032.053-.01.06-.01.057-.004z"
+        })
     }));
-}, f = a;
+}, f = h;
 export { f as default };

package/dist-es/generated/mistica-icons/icon-arrow-drop-up-filled.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 n } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
-    var { color: l, size: r = 24 } = _param, t = _object_without_properties(_param, [
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+const h = (_param)=>{
+    var { color: l, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = n(), s = l !== null && l !== void 0 ? l : i ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const n = c(), 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"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ o("path", {
-            fill: s,
+            fill: i,
             d: "m21.486 14.99-8.571-7.574a1.41 1.41 0 0 0-1.818 0l-8.57 7.423a1.044 1.044 0 0 0-.28 1.23c.197.423.656.703 1.174.709l17.138.15c.52 0 .986-.274 1.185-.7a1.04 1.04 0 0 0-.275-1.238z"
         })
+    })) : /* @__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 8.47a.75.75 0 0 1 1.06 0l6 6a.751.751 0 0 1-.53 1.28H6a.751.751 0 0 1-.53-1.28z"
+        })
     }));
-}, m = a;
-export { m as default };
+}, f = h;
+export { f as default };

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

@@ -78,46 +78,56 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-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 { jsx as l } from "react/jsx-runtime";
+import { useTheme as h } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
 import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
-    var { color: n, size: e = 24 } = _param, o = _object_without_properties(_param, [
+const v = (_param)=>{
+    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = h(), l = n !== null && n !== void 0 ? n : c ? i.colors.inverse : i.colors.neutralHigh, { skinName: t } = s();
-    return t.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    const c = a(), o = n !== null && n !== void 0 ? n : c ? i.colors.inverse : i.colors.neutralHigh, { skinName: t } = h();
+    return t.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ r("path", {
-            fill: l,
+    }, r), {
+        children: /* @__PURE__ */ l("path", {
+            fill: o,
+            d: "M11.961 2.161q.229 0 .44.084c.434.177.7.602.695 1.107l.003 3.65q.014.03.039.056l6.882.02c.616-.01 1.07.145 1.384.467s.46.776.442 1.392v6.042c.009.42-.03 1.025-.436 1.445s-1.009.482-1.426.488l-6.72-.003a.5.5 0 0 0-.157.053l.006 3.563v.003c-.006.857-.415 1.149-.659 1.247-.417.168-.899.014-1.322-.42l-8.658-8.712c-.087-.084-.336-.33-.333-.69a.82.82 0 0 1 .274-.593l8.48-8.706c.302-.32.691-.493 1.066-.493"
+        })
+    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: /* @__PURE__ */ l("path", {
+            fill: o,
             d: "M14.14 15.677v3.682c0 .841-.428 1.612-1.287 1.965-.286.106-.573.176-.823.176-.536 0-1.072-.21-1.464-.562L2 11.994l8.57-8.907c.61-.6 1.5-.739 2.287-.423.823.349 1.287 1.124 1.287 1.964v3.683H22v7.366z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ r("path", {
-            fill: l,
+    }, r), {
+        children: /* @__PURE__ */ l("path", {
+            fill: o,
             d: "M14.14 15.677v3.682c0 .841-.428 1.612-1.287 1.965-.286.106-.573.176-.823.176-.536 0-1.072-.21-1.464-.562L2 11.994l8.57-8.907c.61-.6 1.5-.739 2.287-.423.823.349 1.287 1.124 1.287 1.964v3.683H22v7.366z"
         })
-    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ r("path", {
-            fill: l,
-            d: "M11.961 2.161q.229 0 .44.084c.434.177.7.602.695 1.107l.003 3.65q.014.03.039.056l6.882.02c.616-.01 1.07.145 1.384.467s.46.776.442 1.392v6.042c.009.42-.03 1.025-.436 1.445s-1.009.482-1.426.488l-6.72-.003a.5.5 0 0 0-.157.053l.006 3.563v.003c-.006.857-.415 1.149-.659 1.247-.417.168-.899.014-1.322-.42l-8.658-8.712c-.087-.084-.336-.33-.333-.69a.82.82 0 0 1 .274-.593l8.48-8.706c.302-.32.691-.493 1.066-.493"
+    }, r), {
+        children: /* @__PURE__ */ l("path", {
+            fill: o,
+            d: "M10.707 3.942A1.503 1.503 0 0 1 12.5 5.414V8.5H20a1.5 1.5 0 0 1 1.5 1.5v4a1.5 1.5 0 0 1-1.5 1.5h-7.5v3.086l-.004.111a1.502 1.502 0 0 1-1.789 1.36 1.5 1.5 0 0 1-.768-.41L3.354 13.06a1.5 1.5 0 0 1 0-2.12l6.585-6.587c.21-.21.477-.353.768-.41"
         })
     }));
-}, p = a;
+}, p = v;
 export { p as default };

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

@@ -78,36 +78,46 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useTheme as s } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
-    var { color: i, size: r = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import { useTheme as l } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as h } from "../../skins/skin-contract.css-mistica.js";
+const s = (_param)=>{
+    var { color: a, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = l(), t = i !== null && i !== void 0 ? i : h ? c.colors.inverse : c.colors.neutralHigh, { skinName: n } = s();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const i = n(), t = a !== null && a !== void 0 ? a : i ? h.colors.inverse : h.colors.neutralHigh, { skinName: c } = l();
+    return c.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: t,
             d: "M12.034 22c-.536 0-1.036-.224-1.428-.594L2 11.994l8.606-9.375c.608-.631 1.464-.78 2.252-.444.824.37 1.284 1.15 1.284 2.038v3.89h7.142c.396 0 .712.337.712.74s-.324.739-.712.739h-8.57V4.209c0-.37-.18-.594-.396-.668a.55.55 0 0 0-.68.112l-7.674 8.341 7.678 8.374c.252.262.572.15.68.112.216-.112.396-.336.396-.705v-5.373h8.57c.396 0 .712.336.712.74 0 .406-.324.738-.712.738h-7.146v3.89c0 .889-.428 1.703-1.284 2.039-.256.116-.54.191-.824.191"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ o("path", {
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
             fill: t,
             d: "M22 15.32c0 .41-.32.74-.716.74a.73.73 0 0 1-.716-.74c0-.408.32-.74.716-.74s.716.332.716.74M12.248 22c-.464 0-.896-.186-1.252-.517L2 12.002l9.036-9.482c.5-.517 1.252-.666 1.964-.368a1.87 1.87 0 0 1 1.144 1.736v4.427h7.5c.216 0 .356.148.356.367 0 .224-.144.368-.356.368h-8.216V3.884c0-.554-.356-.926-.716-1.07a1.04 1.04 0 0 0-1.18.222L3 12.002l8.536 8.965c.356.367.856.367 1.18.223.356-.149.716-.517.716-1.07v-5.167h5.712c.216 0 .356.149.356.368 0 .223-.144.367-.356.367h-5v4.427c0 .777-.464 1.439-1.144 1.736-.252.116-.5.149-.752.149"
         })
+    })) : /* @__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: "M10.658 3.697a1.75 1.75 0 0 1 1.797.744c.192.288.295.627.295.973V8.25H20A1.75 1.75 0 0 1 21.75 10v4A1.75 1.75 0 0 1 20 15.75h-7.25v2.836l-.005.13a1.75 1.75 0 0 1-2.887 1.195l-.095-.088-6.586-6.586a1.75 1.75 0 0 1 0-2.475l6.586-6.585c.245-.245.556-.412.895-.48m.293 1.472a.25.25 0 0 0-.128.068l-6.586 6.586a.25.25 0 0 0 0 .354l6.586 6.586a.25.25 0 0 0 .427-.177V15a.75.75 0 0 1 .75-.75h8a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25h-8a.75.75 0 0 1-.75-.75V5.414a.25.25 0 0 0-.154-.232.25.25 0 0 0-.145-.013"
+        })
     }));
-}, d = a;
-export { d as default };
+}, p = s;
+export { p as default };

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

@@ -78,36 +78,46 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
-    var { color: i, size: r = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import { useTheme as i } 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: c, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = s(), t = i !== null && i !== void 0 ? i : l ? c.colors.inverse : c.colors.neutralHigh, { skinName: n } = h();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const h = n(), t = c !== null && c !== void 0 ? c : h ? a.colors.inverse : a.colors.neutralHigh, { skinName: l } = i();
+    return l.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
-        children: /* @__PURE__ */ e("path", {
+        children: /* @__PURE__ */ r("path", {
             fill: t,
             d: "M12.034 22c-.536 0-1.036-.224-1.428-.594L2 11.994l8.606-9.375c.608-.631 1.464-.78 2.252-.444.824.37 1.284 1.15 1.284 2.038v3.89h7.142c.396 0 .712.337.712.74s-.324.739-.712.739h-8.57V4.209c0-.37-.18-.594-.396-.668a.55.55 0 0 0-.68.112l-7.674 8.341 7.678 8.374c.252.262.572.15.68.112.216-.112.396-.336.396-.705v-5.373h8.57c.396 0 .712.336.712.74 0 .406-.324.738-.712.738h-7.146v3.89c0 .889-.428 1.703-1.284 2.039-.256.116-.54.191-.824.191"
         })
-    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
-        children: /* @__PURE__ */ e("path", {
+        children: /* @__PURE__ */ r("path", {
             fill: t,
             d: "M12.034 22c-.536 0-1.036-.224-1.428-.594L2 11.994l8.606-9.375c.608-.631 1.464-.78 2.252-.444.824.37 1.284 1.15 1.284 2.038v3.89h7.142c.396 0 .712.337.712.74s-.324.739-.712.739h-8.57V4.209c0-.37-.18-.594-.396-.668a.55.55 0 0 0-.68.112l-7.674 8.341 7.678 8.374c.252.262.572.15.68.112.216-.112.396-.336.396-.705v-5.373h8.57c.396 0 .712.336.712.74 0 .406-.324.738-.712.738h-7.146v3.89c0 .889-.428 1.703-1.284 2.039-.256.116-.54.191-.824.191"
         })
+    })) : /* @__PURE__ */ 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: "M10.658 3.697a1.75 1.75 0 0 1 1.797.744c.193.288.295.627.295.973V8.25H20A1.75 1.75 0 0 1 21.75 10v4A1.75 1.75 0 0 1 20 15.75h-7.25v2.836l-.005.13a1.752 1.752 0 0 1-2.887 1.195l-.095-.088-6.586-6.586a1.75 1.75 0 0 1 0-2.475l6.586-6.585c.245-.245.556-.412.895-.48m.293 1.472a.25.25 0 0 0-.128.068l-6.585 6.586a.25.25 0 0 0 0 .354l6.585 6.586a.25.25 0 0 0 .385-.039.25.25 0 0 0 .042-.138V15a.75.75 0 0 1 .75-.75h8a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25h-8a.75.75 0 0 1-.75-.75V5.414a.25.25 0 0 0-.154-.232.25.25 0 0 0-.145-.013"
+        })
     }));
-}, d = a;
-export { d as default };
+}, p = s;
+export { p as default };

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

@@ -78,25 +78,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const l = (_param)=>{
-    var { color: t, size: o = 24 } = _param, n = _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 i } from "../../skins/skin-contract.css-mistica.js";
+const c = (_param)=>{
+    var { color: n, size: o = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = a(), s = t !== null && t !== void 0 ? t : i ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    const a = h(), t = n !== null && n !== void 0 ? n : a ? i.colors.inverse : i.colors.neutralHigh, { skinName: l } = s();
+    return l.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
-        children: /* @__PURE__ */ r("path", {
-            fill: s,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: t,
             d: "M7.132 16.224 7.094 6.87a.47.47 0 0 0-.733-.44.48.48 0 0 0-.2.469l.064 10.447a.13.13 0 0 0 .012.08q.024.03.053.053a.46.46 0 0 0 .253.253q.024.03.053.053a.3.3 0 0 0 .087.02l10.253.017a.45.45 0 0 0 .354-.141.46.46 0 0 0-.325-.792h-9.17l9.908-9.907a.47.47 0 0 0 .001-.665.47.47 0 0 0-.664.001z"
         })
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: t,
+            d: "M16.47 6.47a.75.75 0 1 1 1.06 1.06l-8.72 8.72H16a.75.75 0 0 1 0 1.5H7l-.077-.004q-.028-.003-.056-.009l-.016-.003q-.02-.005-.04-.011-.05-.012-.098-.03-.044-.02-.083-.045a.8.8 0 0 1-.16-.118.75.75 0 0 1-.22-.53V8a.75.75 0 0 1 1.5 0v7.19z"
+        })
     }));
-}, m = l;
-export { m as default };
+}, w = c;
+export { w as default };

package/dist-es/generated/mistica-icons/icon-arrow-line-down-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 l } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: n, size: r = 24 } = _param, t = _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 n } from "../../skins/skin-contract.css-mistica.js";
+const h = (_param)=>{
+    var { color: i, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = l(), i = n !== null && n !== void 0 ? n : a ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const a = c(), t = i !== null && i !== void 0 ? i : a ? n.colors.inverse : n.colors.neutralHigh, { skinName: l } = s();
+    return l.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ o("path", {
-            fill: i,
+    }, o), {
+        children: /* @__PURE__ */ r("path", {
+            fill: t,
             d: "m7.47 15.544.061-8.57a.69.69 0 0 0-.721-.65.684.684 0 0 0-.65.69l-.017 10.159c.002.043.02.083.027.127.009.04.012.082.028.12a.7.7 0 0 0 .146.218q.099.093.22.145c.04.018.082.021.123.027.04.009.08.028.123.03l9.974.045a.684.684 0 0 0 .705-.663v-.004a.687.687 0 0 0-.667-.705H8.439l9.22-9.22a.687.687 0 0 0-.97-.969z"
         })
+    })) : /* @__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: "M16.47 6.47a.75.75 0 1 1 1.06 1.06l-8.72 8.72H16a.75.75 0 0 1 0 1.5H7l-.077-.004q-.028-.003-.056-.009l-.016-.003q-.02-.005-.04-.011-.05-.012-.098-.03-.044-.02-.083-.045a.8.8 0 0 1-.16-.118.75.75 0 0 1-.22-.53V8a.75.75 0 0 1 1.5 0v7.19z"
+        })
     }));
-}, v = s;
-export { v as default };
+}, w = h;
+export { w as default };

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

@@ -79,24 +79,35 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } 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: n, size: o = 24 } = _param, t = _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: n, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = l(), s = n !== null && n !== void 0 ? n : i ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ r("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__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ r("path", {
-            fill: s,
+            fill: i,
             d: "M11.62 4.471v14.011l-6.783-6.448a.47.47 0 0 0-.829.208.48.48 0 0 0 .19.473l7.573 7.201a.13.13 0 0 0 .066.048.4.4 0 0 0 .075 0 .46.46 0 0 0 .357 0 .4.4 0 0 0 .075 0 .3.3 0 0 0 .075-.048l7.43-7.069a.45.45 0 0 0 .15-.35.46.46 0 0 0-.79-.33l-6.65 6.315V4.472a.47.47 0 0 0-.47-.472.47.47 0 0 0-.469.471q.004 0 0 0"
         })
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: /* @__PURE__ */ r("path", {
+            fill: i,
+            d: "M12 4.25a.75.75 0 0 1 .75.75v12.19l4.72-4.72a.75.75 0 1 1 1.06 1.06l-6 6-.056.052q-.025.019-.05.034a.7.7 0 0 1-.273.118q-.011.002-.024.003a1 1 0 0 1-.127.013 1 1 0 0 1-.133-.013q-.01 0-.017-.003-.01-.002-.02-.006a1 1 0 0 1-.119-.037q-.034-.016-.066-.035a.7.7 0 0 1-.175-.126l-6-6a.75.75 0 1 1 1.06-1.06l4.72 4.72V5a.75.75 0 0 1 .75-.75"
+        })
     }));
-}, f = a;
-export { f as default };
+}, w = c;
+export { w as default };

package/dist-es/generated/mistica-icons/icon-arrow-line-down-regular.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 i } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: n, size: r = 24 } = _param, l = _object_without_properties(_param, [
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+const h = (_param)=>{
+    var { color: n, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = i(), a = n !== null && n !== void 0 ? n : t ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const i = c(), a = n !== null && n !== void 0 ? n : i ? l.colors.inverse : l.colors.neutralHigh, { skinName: t } = s();
+    return t.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ o("path", {
             fill: a,
             d: "M11.375 4.685v13.038l-6.228-5.885a.69.69 0 0 0-.97.05.684.684 0 0 0 .027.947l7.385 6.978c.032.03.073.046.11.07.033.024.065.051.104.067q.123.049.257.05h.005a.8.8 0 0 0 .253-.052c.04-.016.073-.044.107-.069.034-.022.075-.036.107-.066l7.252-6.852a.684.684 0 0 0 .03-.968q0-.001-.003-.002a.687.687 0 0 0-.97-.027l-6.095 5.76V4.684a.687.687 0 0 0-1.371 0"
         })
+    })) : /* @__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: a,
+            d: "M12 4.25a.75.75 0 0 1 .75.75v12.19l4.72-4.72a.75.75 0 1 1 1.06 1.06l-6 6-.056.052q-.025.019-.05.034a.75.75 0 0 1-.273.118q-.011.002-.024.003a1 1 0 0 1-.127.013 1 1 0 0 1-.133-.013q-.01 0-.017-.003-.01-.002-.02-.006a1 1 0 0 1-.12-.037q-.033-.016-.066-.035a.7.7 0 0 1-.174-.126l-6-6a.75.75 0 1 1 1.06-1.06l4.72 4.72V5a.75.75 0 0 1 .75-.75"
+        })
     }));
-}, f = s;
-export { f as default };
+}, w = h;
+export { w as default };