@telefonica/mistica 16.41.0 → 16.42.0

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

@@ -78,56 +78,66 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { useTheme as h } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: a, size: e = 24 } = _param, t = _object_without_properties(_param, [
+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: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = s(), o = a !== null && a !== void 0 ? a : n ? l.colors.inverse : l.colors.neutralHigh, { skinName: i } = h();
-    return i.match(/^blau/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    const n = c(), i = a !== null && a !== void 0 ? a : n ? o.colors.inverse : o.colors.neutralHigh, { skinName: l } = h();
+    return l.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ r("path", {
-            fill: o,
+    }, r), {
+        children: /* @__PURE__ */ t("path", {
+            fill: i,
+            d: "M9.016 20a1 1 0 0 1-.77-.353l-5.033-6.065a.916.916 0 0 1 .155-1.322 1.01 1.01 0 0 1 1.379.149L8.99 17.52 19.233 4.377a1.01 1.01 0 0 1 1.373-.19.915.915 0 0 1 .198 1.317L9.807 19.621a.99.99 0 0 1-.77.379z"
+        })
+    })) : l.match(/^blau/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: /* @__PURE__ */ t("path", {
+            fill: i,
             d: "m8.435 19.546-6.172-6.509a.93.93 0 0 1 .048-1.34.93.93 0 0 1 1.341.047l4.834 4.977 11.53-11.435a.93.93 0 0 1 1.34 0 .93.93 0 0 1 0 1.341z"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ r("path", {
-            fill: o,
+    }, r), {
+        children: /* @__PURE__ */ t("path", {
+            fill: i,
             d: "m8.552 19.5-6.284-6.713a.965.965 0 0 1 .048-1.381.937.937 0 0 1 1.364.049l4.92 5.132L20.345 4.795a.937.937 0 0 1 1.364 0 .965.965 0 0 1 0 1.381z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ r("path", {
-            fill: o,
+    }, r), {
+        children: /* @__PURE__ */ t("path", {
+            fill: i,
             d: "m8.552 19.5-6.284-6.713a.965.965 0 0 1 .048-1.381.937.937 0 0 1 1.364.049l4.92 5.132L20.345 4.795a.937.937 0 0 1 1.364 0 .965.965 0 0 1 0 1.381z"
         })
-    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ r("path", {
-            fill: o,
-            d: "M9.016 20a1 1 0 0 1-.77-.353l-5.033-6.065a.916.916 0 0 1 .155-1.322 1.01 1.01 0 0 1 1.379.149L8.99 17.52 19.233 4.377a1.01 1.01 0 0 1 1.373-.19.915.915 0 0 1 .198 1.317L9.807 19.621a.99.99 0 0 1-.77.379z"
+    }, r), {
+        children: /* @__PURE__ */ t("path", {
+            fill: i,
+            d: "M19.47 6.47a.75.75 0 1 1 1.06 1.06l-10 10a.75.75 0 0 1-1.06 0l-5-5a.75.75 0 1 1 1.06-1.06L10 15.94z"
         })
     }));
-}, v = c;
-export { v as default };
+}, p = s;
+export { p as default };

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

@@ -78,46 +78,56 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useTheme as a } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as i } from "react/jsx-runtime";
+import { useTheme as h } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const c = (_param)=>{
-    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = h(), t = n !== null && n !== void 0 ? n : s ? l.colors.inverse : l.colors.neutralHigh, { skinName: i } = a();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const n = s(), o = a !== null && a !== void 0 ? a : n ? r.colors.inverse : r.colors.neutralHigh, { skinName: t } = h();
+    return t.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
-            fill: t,
+    }, l), {
+        children: /* @__PURE__ */ i("path", {
+            fill: o,
+            d: "M11.997 1c3.495 0 6.213.912 8.081 2.71C22.018 5.58 23 8.37 23 12.004s-.984 6.418-2.922 8.286C18.21 22.088 15.492 23 11.997 23s-6.213-.912-8.078-2.71C1.98 18.42 1 15.634 1 12.002s.981-6.421 2.919-8.289C5.784 1.912 8.502 1 11.997 1m-1.138 15.62 6.458-8.638a.58.58 0 0 0-.12-.808.576.576 0 0 0-.805.116l-6.01 8.041-2.489-3.127a.577.577 0 0 0-.9.718l2.954 3.713c.11.138.276.216.451.216h.01a.57.57 0 0 0 .45-.232"
+        })
+    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, l), {
+        children: /* @__PURE__ */ i("path", {
+            fill: o,
             d: "M2 12C2 6.484 6.484 2 12 2s10 4.484 10 10-4.484 10-10 10S2 17.516 2 12m8.633 2.164-2.567-2.595a.724.724 0 0 0-1.032-.029.7.7 0 0 0-.027 1.023l3.593 3.721 7.38-7.247a.704.704 0 0 0 0-1.023.726.726 0 0 0-1.03 0z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
-            fill: t,
+    }, l), {
+        children: /* @__PURE__ */ i("path", {
+            fill: o,
             d: "M2 12C2 6.484 6.484 2 12 2s10 4.484 10 10-4.484 10-10 10S2 17.516 2 12m8.633 2.164-2.567-2.595a.724.724 0 0 0-1.032-.029.7.7 0 0 0-.027 1.023l3.593 3.721 7.38-7.247a.704.704 0 0 0 0-1.023.726.726 0 0 0-1.03 0z"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
-            fill: t,
-            d: "M11.997 1c3.495 0 6.213.912 8.081 2.71C22.018 5.58 23 8.37 23 12.004s-.984 6.418-2.922 8.286C18.21 22.088 15.492 23 11.997 23s-6.213-.912-8.078-2.71C1.98 18.42 1 15.634 1 12.002s.981-6.421 2.919-8.289C5.784 1.912 8.502 1 11.997 1m-1.138 15.62 6.458-8.638a.58.58 0 0 0-.12-.808.576.576 0 0 0-.805.116l-6.01 8.041-2.489-3.127a.577.577 0 0 0-.9.718l2.954 3.713c.11.138.276.216.451.216h.01a.57.57 0 0 0 .45-.232"
+    }, l), {
+        children: /* @__PURE__ */ i("path", {
+            fill: o,
+            d: "M12 2.25a9.75 9.75 0 1 1 0 19.502A9.75 9.75 0 0 1 12 2.25m4.505 6.695a.75.75 0 0 0-1.06.05l-4.471 4.918L8.53 11.47a.75.75 0 1 0-1.06 1.06l3 3a.75.75 0 0 0 1.085-.025l5-5.5a.75.75 0 0 0-.05-1.06"
         })
     }));
-}, v = c;
-export { v as default };
+}, p = c;
+export { p as default };

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

@@ -78,62 +78,78 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
 import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const d = (_param)=>{
-    var { color: h, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: h, size: l = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = c(), t = h !== null && h !== void 0 ? h : n ? a.colors.inverse : a.colors.neutralHigh, { skinName: l } = s();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = c(), e = h !== null && h !== void 0 ? h : n ? r.colors.inverse : r.colors.neutralHigh, { skinName: o } = s();
+    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), {
+    }, i), {
         children: [
-            /* @__PURE__ */ i("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
+                d: "M10.107 16.73c.053.072.14.116.235.116.09 0 .178-.044.235-.116l6.864-8.872a.3.3 0 0 0-.053-.416.3.3 0 0 0-.417.053l-6.63 8.565-2.652-3.466a.296.296 0 0 0-.416-.057.296.296 0 0 0-.057.417z"
+            }),
+            /* @__PURE__ */ t("path", {
+                fill: e,
+                d: "M11.998 23C4.805 23 1 19.198 1 12.002 1 4.805 4.802 1 11.998 1c3.511 0 6.233.908 8.093 2.703C22.02 5.563 23 8.356 23 12.002 23.003 19.195 19.198 23 11.998 23m0-21.374c-6.88 0-10.372 3.492-10.372 10.376 0 6.88 3.489 10.372 10.372 10.372 6.887 0 10.376-3.489 10.376-10.372.003-6.887-3.489-10.376-10.376-10.376"
+            })
+        ]
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: [
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "m10.633 14.164 6.317-6.15a.726.726 0 0 1 1.03 0 .704.704 0 0 1 0 1.023l-7.38 7.247-3.593-3.721a.7.7 0 0 1 .027-1.023.724.724 0 0 1 1.032.029z"
             }),
-            /* @__PURE__ */ i("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M12 2C6.484 2 2 6.484 2 12s4.484 10 10 10 10-4.484 10-10S17.516 2 12 2m0 18.576c-4.728 0-8.576-3.848-8.576-8.576S7.272 3.424 12 3.424 20.576 7.272 20.576 12 16.728 20.576 12 20.576"
             })
         ]
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: [
-            /* @__PURE__ */ i("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M11.998 2C6.488 2 2 6.488 2 12s4.487 10 9.998 10a9.97 9.97 0 0 0 5.33-1.544.353.353 0 0 0 .113-.496.36.36 0 0 0-.496-.112 9.26 9.26 0 0 1-4.951 1.432c-5.119 0-9.282-4.164-9.282-9.284s4.167-9.288 9.286-9.288 9.282 4.164 9.282 9.284a9.26 9.26 0 0 1-1.432 4.952.36.36 0 0 0 .608.384A9.97 9.97 0 0 0 22 11.996C21.996 6.488 17.513 2 11.998 2"
             }),
-            /* @__PURE__ */ i("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "m10.928 16-3.834-4.267a.336.336 0 0 1 0-.467.292.292 0 0 1 .44 0l3.394 3.732L17.466 8.1a.292.292 0 0 1 .44 0 .336.336 0 0 1 0 .466zM18.789 19.504a.716.716 0 1 0 0-1.432.716.716 0 0 0 0 1.432"
             })
         ]
-    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: [
-            /* @__PURE__ */ i("path", {
-                fill: t,
-                d: "M10.107 16.73c.053.072.14.116.235.116.09 0 .178-.044.235-.116l6.864-8.872a.3.3 0 0 0-.053-.416.3.3 0 0 0-.417.053l-6.63 8.565-2.652-3.466a.296.296 0 0 0-.416-.057.296.296 0 0 0-.057.417z"
+            /* @__PURE__ */ t("path", {
+                fill: e,
+                d: "M15.445 8.995a.75.75 0 0 1 1.11 1.01l-5 5.5a.75.75 0 0 1-1.085.025l-3-3a.75.75 0 1 1 1.06-1.06l2.444 2.443z"
             }),
-            /* @__PURE__ */ i("path", {
-                fill: t,
-                d: "M11.998 23C4.805 23 1 19.198 1 12.002 1 4.805 4.802 1 11.998 1c3.511 0 6.233.908 8.093 2.703C22.02 5.563 23 8.356 23 12.002 23.003 19.195 19.198 23 11.998 23m0-21.374c-6.88 0-10.372 3.492-10.372 10.376 0 6.88 3.489 10.372 10.372 10.372 6.887 0 10.376-3.489 10.376-10.372.003-6.887-3.489-10.376-10.376-10.376"
+            /* @__PURE__ */ t("path", {
+                fill: e,
+                d: "M12 2.25A9.75 9.75 0 0 1 21.75 12l-.012.48a9.75 9.75 0 0 1-9.258 9.258l-.48.012a9.75 9.75 0 0 1-9.738-9.27L2.25 12A9.75 9.75 0 0 1 12 2.25m0 1.5A8.25 8.25 0 0 0 3.75 12l.01.405A8.25 8.25 0 0 0 12 20.25l.405-.01A8.25 8.25 0 0 0 20.25 12l-.01-.405A8.25 8.25 0 0 0 12 3.75"
             })
         ]
     }));

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

@@ -78,72 +78,88 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as o } from "react/jsx-runtime";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { useTheme as c } from "../../hooks.js";
 import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const d = (_param)=>{
-    var { color: h, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: h, size: l = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = s(), t = h !== null && h !== void 0 ? h : n ? a.colors.inverse : a.colors.neutralHigh, { skinName: i } = c();
-    return i.match(/^blau/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = s(), t = h !== null && h !== void 0 ? h : n ? o.colors.inverse : o.colors.neutralHigh, { skinName: a } = c();
+    return a.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ l("path", {
+    }, i), {
+        children: [
+            /* @__PURE__ */ e("path", {
+                fill: t,
+                d: "M9.947 16.64c.11.138.276.217.451.217h.013a.57.57 0 0 0 .451-.232l6.452-8.639a.575.575 0 1 0-.922-.69l-6.01 8.044-2.489-3.128a.577.577 0 0 0-.9.718z"
+            }),
+            /* @__PURE__ */ e("path", {
+                fill: t,
+                d: "M11.997 23c-3.495 0-6.213-.912-8.078-2.711C1.98 18.424 1 15.637 1 12.005s.981-6.423 2.919-8.29C5.784 1.914 8.505 1 11.997 1c3.495 0 6.213.912 8.081 2.711C22.018 5.58 23 8.37 23 12.001c0 3.633-.984 6.42-2.922 8.288C18.21 22.088 15.492 23 11.997 23m0-20.78c-6.49 0-9.78 3.29-9.78 9.785 0 6.488 3.29 9.779 9.78 9.779 6.492 0 9.787-3.291 9.787-9.78 0-6.49-3.295-9.785-9.787-9.785"
+            })
+        ]
+    })) : a.match(/^blau/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: /* @__PURE__ */ e("path", {
             fill: t,
             d: "M12 20.637c-4.601 0-8.637-4.036-8.637-8.637S7.399 3.363 12 3.363c4.6 0 8.637 4.036 8.637 8.637 0 4.6-4.036 8.637-8.637 8.637M2 12c0 5.327 4.673 10 10 10s10-4.673 10-10S17.327 2 12 2 2 6.673 2 12m8.348 1.466-1.585-1.629a.682.682 0 0 0-.963.964l2.548 2.593 5.717-5.83a.682.682 0 0 0-.964-.964"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : a.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ e("path", {
                 fill: t,
                 d: "m10.633 14.164 6.317-6.15a.726.726 0 0 1 1.03 0 .704.704 0 0 1 0 1.023l-7.38 7.247-3.593-3.721a.7.7 0 0 1 .027-1.023.724.724 0 0 1 1.032.029z"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ e("path", {
                 fill: t,
                 d: "M12 2C6.484 2 2 6.484 2 12s4.484 10 10 10 10-4.484 10-10S17.516 2 12 2m0 18.576c-4.728 0-8.576-3.848-8.576-8.576S7.272 3.424 12 3.424 20.576 7.272 20.576 12 16.728 20.576 12 20.576"
             })
         ]
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ e("path", {
                 fill: t,
                 d: "m10.633 14.164 6.317-6.15a.726.726 0 0 1 1.03 0 .704.704 0 0 1 0 1.023l-7.38 7.247-3.593-3.721a.7.7 0 0 1 .027-1.023.724.724 0 0 1 1.032.029z"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ e("path", {
                 fill: t,
                 d: "M12 2C6.484 2 2 6.484 2 12s4.484 10 10 10 10-4.484 10-10S17.516 2 12 2m0 18.576c-4.728 0-8.576-3.848-8.576-8.576S7.272 3.424 12 3.424 20.576 7.272 20.576 12 16.728 20.576 12 20.576"
             })
         ]
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ e("path", {
                 fill: t,
-                d: "M9.947 16.64c.11.138.276.217.451.217h.013a.57.57 0 0 0 .451-.232l6.452-8.639a.575.575 0 1 0-.922-.69l-6.01 8.044-2.489-3.128a.577.577 0 0 0-.9.718z"
+                d: "M15.445 8.995a.75.75 0 0 1 1.11 1.01l-5 5.5a.75.75 0 0 1-1.085.025l-3-3a.75.75 0 1 1 1.06-1.06l2.444 2.443z"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ e("path", {
                 fill: t,
-                d: "M11.997 23c-3.495 0-6.213-.912-8.078-2.711C1.98 18.424 1 15.637 1 12.005s.981-6.423 2.919-8.29C5.784 1.914 8.505 1 11.997 1c3.495 0 6.213.912 8.081 2.711C22.018 5.58 23 8.37 23 12.001c0 3.633-.984 6.42-2.922 8.288C18.21 22.088 15.492 23 11.997 23m0-20.78c-6.49 0-9.78 3.29-9.78 9.785 0 6.488 3.29 9.779 9.78 9.779 6.492 0 9.787-3.291 9.787-9.78 0-6.49-3.295-9.785-9.787-9.785"
+                d: "M12 2.25A9.75 9.75 0 0 1 21.75 12l-.012.48a9.75 9.75 0 0 1-9.258 9.258l-.48.012a9.75 9.75 0 0 1-9.738-9.27L2.25 12A9.75 9.75 0 0 1 12 2.25m0 1.5A8.25 8.25 0 0 0 3.75 12l.01.405A8.25 8.25 0 0 0 12 20.25l.405-.01A8.25 8.25 0 0 0 20.25 12l-.01-.405A8.25 8.25 0 0 0 12 3.75"
             })
         ]
     }));

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

@@ -78,25 +78,42 @@ 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 h = (_param)=>{
-    var { color: s, size: r = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { useTheme as c } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+const m = (_param)=>{
+    var { color: t, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = l(), i = s !== null && s !== void 0 ? s : c ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const h = n(), o = t !== null && t !== void 0 ? t : h ? l.colors.inverse : l.colors.neutralHigh, { skinName: a } = c();
+    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"
-    }, t), {
-        children: /* @__PURE__ */ o("path", {
-            fill: i,
+    }, i), {
+        children: /* @__PURE__ */ r("path", {
+            fill: o,
             d: "m15.821 12.273 5.804 7.658c.27.414.286.88.067 1.274-.218.398-.65.639-1.111.639H3.328c-.42 0-.818-.224-1.02-.588a1.12 1.12 0 0 1 .018-1.16l5.837-7.832.81-1.075v-7.79h-.757a.63.63 0 0 1-.633-.622c0-.34.289-.622.633-.622h7.572c.355 0 .633.283.633.622a.626.626 0 0 1-.633.622h-.784v7.79zm-5.708-.513-.34.457c1.365.215 3.057.215 4.44.008l-.344-.465a.6.6 0 0 1-.126-.373V3.4h-3.504v7.988a.6.6 0 0 1-.126.373m4.075 7.84h.126c.723-.017 1.566-.448 1.566-1.622 0-1.165-.84-1.605-1.566-1.621h-.134c-.726 0-1.569.431-1.569 1.613 0 .597.21.992.516 1.25.302.257.7.372 1.061.38m-4.23-2.557c.53-.008 1.062-.347 1.062-1.084s-.532-1.076-1.061-1.084h-.076c-.524 0-1.053.339-1.053 1.076 0 .745.532 1.084 1.053 1.092z"
         })
+    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: [
+            /* @__PURE__ */ r("path", {
+                fill: o,
+                d: "M16 2.25a.75.75 0 0 1 0 1.5h-1.25v7.056l4.905 8.83.017.03a1.452 1.452 0 0 1-1.036 2.071 1 1 0 0 1-.136.013h-13a1 1 0 0 1-.136-.013 1.45 1.45 0 0 1-1.036-2.071l.017-.03 4.905-8.83V3.75H8a.75.75 0 0 1 0-1.5zM10.75 11a.75.75 0 0 1-.095.364L8.635 15h6.73l-2.02-3.636A.75.75 0 0 1 13.25 11V3.75h-2.5z"
+            }),
+            /* @__PURE__ */ r("path", {
+                fill: o,
+                d: "M20 3.25a.75.75 0 0 1 .65.375c.137.239.311.5.511.793.195.285.415.602.62.924.402.63.82 1.383.939 2.172a2.75 2.75 0 1 1-5.44 0c.119-.789.537-1.543.939-2.172.205-.322.425-.639.62-.924.2-.293.374-.554.512-.793l.054-.083A.75.75 0 0 1 20 3.25"
+            })
+        ]
     }));
-}, v = h;
-export { v as default };
+}, u = m;
+export { u as default };

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

@@ -78,25 +78,42 @@ 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 h } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
-    var { color: o, size: c = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as c, jsxs as i } from "react/jsx-runtime";
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+const m = (_param)=>{
+    var { color: r, size: h = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = a(), s = o !== null && o !== void 0 ? o : e ? h.colors.inverse : h.colors.neutralHigh;
-    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const t = n(), a = r !== null && r !== void 0 ? r : t ? l.colors.inverse : l.colors.neutralHigh, { skinName: o } = s();
+    return o.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: h,
+        height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ r("path", {
-            fill: s,
+    }, e), {
+        children: /* @__PURE__ */ c("path", {
+            fill: a,
             d: "M21.705 21.3c.19-.337.182-.726-.05-1.082l-6.808-8.989V3.002h1.026a.434.434 0 0 0 .431-.423.43.43 0 0 0-.431-.423H8.128a.426.426 0 0 0-.432.423c0 .23.2.423.432.423h.997v7.356a.24.24 0 0 0 0 .11v.761l-6.826 9.14a.94.94 0 0 0-.017.98c.173.306.498.49.851.49h17.633c.395 0 .748-.201.939-.54M9.898 11.617a.4.4 0 0 0 .087-.249v-.905l.002-.041a.2.2 0 0 0-.002-.068V3h4.003v8.373c0 .087.033.18.086.246l.524.695c-1.49.356-3.7.373-5.25.042zm11.059 9.27a.22.22 0 0 1-.19.111H3.132a.11.11 0 0 1-.103-.067c-.017-.028-.026-.07-.017-.095L8.797 13.1c.86.23 1.944.356 3.081.356 1.222 0 2.384-.143 3.28-.406l5.79 7.653a.18.18 0 0 1 .009.184m-6.608-1.553h-.112c-.25-.002-1.182-.092-1.182-1.238s.921-1.23 1.17-1.232h.121c.241.006 1.185.1 1.185 1.238 0 1.14-.947 1.227-1.182 1.232m2.042-1.232c0-1.406-1.02-2.062-2.025-2.084h-.146c-1.011.008-2.028.653-2.028 2.076 0 1.42 1.02 2.07 2.03 2.084h.144c1.008-.017 2.025-.667 2.025-2.076m-6.487-1.38h-.018l-.022.002h-.022c-.137-.003-.658-.053-.658-.69 0-.635.515-.683.652-.685h.065c.137.002.66.056.66.686 0 .636-.526.683-.657.686m1.515-.684c0-1.026-.776-1.516-1.499-1.533l-.067-.002h-.025c-.723.005-1.504.487-1.504 1.529 0 1.04.778 1.524 1.504 1.535h.09c.722-.011 1.501-.496 1.501-1.53"
         })
+    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: h,
+        height: h,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: [
+            /* @__PURE__ */ c("path", {
+                fill: a,
+                d: "M16 2.25a.75.75 0 0 1 0 1.5h-1.25v7.056l4.905 8.83.017.03a1.45 1.45 0 0 1-1.036 2.071 1 1 0 0 1-.136.013h-13a1 1 0 0 1-.136-.013 1.45 1.45 0 0 1-1.036-2.071l.017-.03 4.905-8.83V3.75H8a.75.75 0 0 1 0-1.5zm-10.281 18H18.28l-2.5-4.5H8.22zM10.75 11a.75.75 0 0 1-.095.364L9.052 14.25h5.896l-1.603-2.886A.75.75 0 0 1 13.25 11V3.75h-2.5z"
+            }),
+            /* @__PURE__ */ c("path", {
+                fill: a,
+                d: "M20 3.25a.75.75 0 0 1 .65.375c.137.239.311.5.511.793.195.285.415.602.62.924.402.63.82 1.383.939 2.172A2.752 2.752 0 0 1 20 10.673a2.75 2.75 0 0 1-2.72-3.16c.119-.788.537-1.542.939-2.171.205-.322.425-.639.62-.924.2-.293.374-.554.512-.793l.054-.083A.75.75 0 0 1 20 3.25m-.517 2.9c-.386.606-.65 1.133-.72 1.587a1.251 1.251 0 1 0 2.473 0c-.068-.454-.332-.981-.72-1.588-.164-.258-.338-.512-.516-.771-.177.26-.352.513-.517.771"
+            })
+        ]
     }));
-}, v = i;
-export { v as default };
+}, g = m;
+export { g as default };

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

@@ -78,25 +78,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
-    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useTheme as s } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+const m = (_param)=>{
+    var { color: h, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = h(), s = e !== null && e !== void 0 ? e : l ? o.colors.inverse : o.colors.neutralHigh;
-    return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const o = n(), r = h !== null && h !== void 0 ? h : o ? a.colors.inverse : a.colors.neutralHigh, { skinName: t } = s();
+    return t.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ c("path", {
-            fill: s,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M21.691 21.203c.219-.39.202-.86-.067-1.283l-6.62-8.74V3.4h.783a.622.622 0 0 0 0-1.244H8.212a.63.63 0 0 0-.633.62.63.63 0 0 0 .63.62h.768v6.973a.4.4 0 0 0 0 .131v.678l-6.653 8.908a1.14 1.14 0 0 0-.017 1.168c.21.356.597.588 1.02.588h17.26c.465 0 .886-.25 1.104-.638m-11.574-9.451a.6.6 0 0 0 .126-.365v-.893q0-.012-.004-.025t-.004-.025q.001-.016.005-.034l.003-.017V3.396h3.496v7.991c0 .132.045.261.126.365l.32.428c-1.306.25-3.065.258-4.413.025zM3.515 20.6l5.44-7.294c.84.205 1.86.322 2.93.322 1.156 0 2.249-.131 3.126-.372l5.577 7.344zm11.944-2.627c0 1.115-.925 1.202-1.154 1.202h-.112c-.244-.003-1.157-.093-1.157-1.213s.902-1.202 1.145-1.205h.023a1 1 0 0 1 .092.003c.238.008 1.163.1 1.163 1.213m-1.14-2.04-.112-.002-.031.003c-.989.008-1.983.641-1.983 2.033 0 1.39.997 2.026 1.986 2.04h.14c.986-.017 1.983-.656 1.983-2.034 0-1.375-.997-2.014-1.983-2.04m-4.367.69H9.89c-.134-.003-.644-.05-.644-.675 0-.622.504-.67.638-.67h.065c.132.003.647.053.647.672 0 .622-.515.67-.644.673m1.487-.67c0-1.008-.762-1.484-1.468-1.501h-.095c-.709.005-1.47.476-1.47 1.499 0 1.016.761 1.49 1.473 1.5h.087c.708-.013 1.473-.486 1.473-1.498"
         })
+    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, l), {
+        children: [
+            /* @__PURE__ */ e("path", {
+                fill: r,
+                d: "M16 2.25a.75.75 0 0 1 0 1.5h-1.25v7.056l4.905 8.83.017.03a1.452 1.452 0 0 1-1.036 2.071 1 1 0 0 1-.136.013h-13a1 1 0 0 1-.136-.013 1.45 1.45 0 0 1-1.036-2.071l.017-.03 4.905-8.83V3.75H8a.75.75 0 0 1 0-1.5zm-10.281 18H18.28l-2.5-4.5H8.22zM10.75 11a.75.75 0 0 1-.095.364L9.052 14.25h5.896l-1.603-2.886A.75.75 0 0 1 13.25 11V3.75h-2.5z"
+            }),
+            /* @__PURE__ */ e("path", {
+                fill: r,
+                d: "M20 3.25a.75.75 0 0 1 .65.375c.137.239.311.5.511.793.195.285.415.602.62.924.402.63.82 1.383.939 2.172a2.75 2.75 0 1 1-5.44 0c.119-.789.537-1.543.939-2.172.205-.322.425-.639.62-.924.2-.293.374-.554.512-.793l.054-.083A.75.75 0 0 1 20 3.25m-.517 2.9c-.387.606-.65 1.133-.72 1.587a1.25 1.25 0 1 0 2.473 0c-.068-.454-.332-.981-.72-1.588-.164-.258-.339-.512-.516-.771-.177.26-.352.513-.517.771"
+            })
+        ]
     }));
-}, v = a;
-export { v as default };
+}, u = m;
+export { u as default };