@telefonica/mistica 16.68.0 → 16.69.0

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

@@ -78,68 +78,75 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: o, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import * as d from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = v(), l = o !== null && o !== void 0 ? o : h === "brand" || h === "media" ? c.colors.neutralHighBrand : h === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { skinName: a } = n();
-    return a.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const l = m(), v = l === "brand" || l === "media" ? a.colors.neutralHighBrand : l === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: r, gradientDef: c } = g(s !== null && s !== void 0 ? s : v), { skinName: n } = f(), i = n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: l,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M18.987 2.73H5.007A2.82 2.82 0 0 0 2.18 5.542v9.65c0 1.383.925 2.507 2.188 2.759v2.35c0 .51.482.975 1.008.975.518 0 .77-.336.855-.448l2.207-2.824h10.549a2.82 2.82 0 0 0 2.823-2.812V5.539a2.82 2.82 0 0 0-2.823-2.81m-1.031 6.036H6.023a.56.56 0 0 1-.56-.56c0-.308.252-.56.56-.56h11.933c.308 0 .56.252.56.56s-.252.56-.56.56m-11.933 4.37a.56.56 0 0 1-.56-.56c0-.309.252-.56.56-.56h8.11a.561.561 0 0 1 0 1.12z"
         })
-    })) : a.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 3h6.667C20.507 3 22 4.512 22 6.374v4.503c0 1.733-1.3 3.187-2.963 3.374v2.251c0 .15-.09.288-.228.346a.37.37 0 0 1-.403-.082l-2.518-2.515H12c-1.84 0-3.333-1.512-3.333-3.374V6.374C8.667 4.512 10.16 3 12 3"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12.37 18.374c1.664-.187 2.963-1.267 2.963-3h-3.328c-2.452 0-4.448-2.02-4.448-4.502V7.123H5.333C3.493 7.123 2 8.635 2 10.498V15c0 1.733 1.3 3.187 2.963 3.374v2.252c0 .148.09.288.228.345q.072.03.142.029c.095 0 .19-.038.261-.11l2.518-2.516z"
             })
         ]
-    })) : a.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 3h6.667C20.507 3 22 4.512 22 6.374v4.503c0 1.733-1.3 3.187-2.963 3.374v2.251c0 .15-.09.288-.228.346a.37.37 0 0 1-.403-.082l-2.518-2.515H12c-1.84 0-3.333-1.512-3.333-3.374V6.374C8.667 4.512 10.16 3 12 3"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12.37 18.374c1.664-.187 2.963-1.267 2.963-3h-3.328c-2.452 0-4.448-2.02-4.448-4.502V7.123H5.333C3.493 7.123 2 8.635 2 10.498V15c0 1.733 1.3 3.187 2.963 3.374v2.252c0 .148.09.288.228.345q.072.03.142.029c.095 0 .19-.038.261-.11l2.518-2.516z"
             })
         ]
-    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: l,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M6.11 5.319c3.71-2.632 9.027-2.42 12.46.507 3.454 2.948 3.935 7.746 1.09 11.199-2.787 3.381-7.893 4.412-12.018 2.499l-4.538.966a.502.502 0 0 1-.579-.648l1.224-3.674c-2.31-3.646-1.3-8.251 2.361-10.85"
         })
     }));
+    return c ? /*#__PURE__*/ d.cloneElement(i, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...d.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { p as default };
+export { x as default };

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

@@ -78,62 +78,69 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as r, jsx as c } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: v, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as l from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const B = (_param)=>{
+    var { color: v, size: t = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), h = v !== null && v !== void 0 ? v : t === "brand" || t === "media" ? l.colors.neutralHighBrand : t === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: i } = o();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), m = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: i } = g(v !== null && v !== void 0 ? v : m), { skinName: h } = s(), o = h.match(/^vivo-new/i) ? /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: h,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M18.246 8.178H5.753a.28.28 0 0 1-.28-.28.28.28 0 0 1 .28-.28h12.493a.28.28 0 0 1 .28.28.28.28 0 0 1-.28.28m-3.823 4.369h-8.67a.28.28 0 0 1-.28-.28.28.28 0 0 1 .28-.28h8.67a.28.28 0 0 1 .28.28.28.28 0 0 1-.28.28"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: h,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M5.117 21.276c-.411 0-.77-.342-.77-.729v-3.109a2.32 2.32 0 0 1-1.501-.767c-.432-.482-.67-1.14-.67-1.852v-9.46a2.64 2.64 0 0 1 2.639-2.635h14.372A2.64 2.64 0 0 1 21.82 5.36v9.459a2.64 2.64 0 0 1-2.635 2.636H8.1c-.418.622-2.219 3.291-2.328 3.45-.21.306-.473.37-.656.37m-.302-17.99a2.08 2.08 0 0 0-2.079 2.076v9.457c0 1.202.793 2.076 1.888 2.076a.28.28 0 0 1 .28.28v3.372c0 .065.099.168.21.168.054 0 .118-.014.194-.126.12-.176 2.386-3.537 2.409-3.571a.28.28 0 0 1 .232-.123h11.239a2.076 2.076 0 0 0 2.072-2.076v-9.46c0-1.145-.93-2.072-2.075-2.075z"
             })
         ]
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: h,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M18.364 2.5h-5.82c-2.006 0-3.635 1.703-3.635 3.799v.38H5.636C3.629 6.678 2 8.38 2 10.476v3.8c0 1.833 1.252 3.37 2.91 3.726v2.738a.76.76 0 0 0 .447.7.7.7 0 0 0 .796-.165L9.21 18.08h2.244c2.007 0 3.636-1.702 3.636-3.799v-.063l2.761 2.885c.14.146.326.223.512.223q.14 0 .28-.058a.76.76 0 0 0 .446-.7v-2.739c1.658-.355 2.91-1.887 2.91-3.726v-3.8c0-2.1-1.63-3.803-3.636-3.803m-4.73 11.781c0 1.255-.978 2.282-2.183 2.282H8.904a.7.7 0 0 0-.512.224l-2.03 2.12v-1.585c0-.419-.326-.76-.726-.76-1.201 0-2.183-1.02-2.183-2.28v-3.8c0-1.255.977-2.281 2.183-2.281h3.273v1.902c0 2.096 1.63 3.799 3.636 3.799h1.09zm4.73-1.897c-.4 0-.726.34-.726.76v1.585l-2.03-2.121a.72.72 0 0 0-.512-.224h-2.547c-1.2 0-2.183-1.021-2.183-2.281v-3.8c0-1.254.978-2.28 2.183-2.28h5.82c1.2 0 2.183 1.021 2.183 2.28v3.8h-.005c0 1.255-.977 2.281-2.183 2.281"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: h,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M20.906 10.877a.37.37 0 0 1 .363-.375c.2 0 .363.164.363.37 0 1.738-1.275 3.168-2.909 3.355v2.27a.364.364 0 0 1-.363.374.36.36 0 0 1-.256-.11l-2.439-2.515h-3.849c-1.806 0-3.272-1.512-3.272-3.374v-3H5.272c-1.406 0-2.546 1.176-2.546 2.626V15c0 1.45 1.14 2.626 2.546 2.626.2 0 .363.168.363.374v1.718l1.922-1.982a.34.34 0 0 1 .256-.11h3.999c1.056 0 2.01-.687 2.383-1.704a.364.364 0 0 1 .47-.221c.19.077.284.293.214.485-.475 1.31-1.704 2.188-3.063 2.188h-3.85L5.529 20.89a.36.36 0 0 1-.396.081.37.37 0 0 1-.223-.345v-2.27C3.275 18.162 2 16.732 2 15v-4.502c0-1.863 1.466-3.375 3.272-3.375h3.272v-.749C8.544 4.512 10.01 3 11.816 3h6.544c1.806 0 3.272 1.512 3.272 3.374a.37.37 0 0 1-.363.375.37.37 0 0 1-.363-.375c0-1.45-1.14-2.625-2.546-2.625h-6.544c-1.405 0-2.546 1.176-2.546 2.625v4.503c0 1.45 1.14 2.625 2.546 2.625h3.998a.36.36 0 0 1 .26.11l1.923 1.983v-1.718a.37.37 0 0 1 .363-.375c1.406 0 2.546-1.176 2.546-2.625m.368-1.503c.4 0 .726-.336.726-.748a.74.74 0 0 0-.726-.75.74.74 0 0 0-.726.75c0 .412.326.748.726.748"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: h,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M6.327 4.87c3.779-2.436 8.994-2.143 12.404.765 3.556 3.034 4.057 7.987 1.121 11.55-2.847 3.454-8.033 4.51-12.24 2.6l-4.456.949a.752.752 0 0 1-.868-.97l1.186-3.561C1.17 12.453 2.237 7.76 5.966 5.115zm11.43 1.906c-2.99-2.55-7.673-2.743-10.923-.438h-.001C3.617 8.62 2.84 12.603 4.92 15.68a.75.75 0 0 1 .09.657l-.885 2.657 3.418-.727.123-.017a.75.75 0 0 1 .36.076c3.67 1.781 8.238.853 10.668-2.096 2.397-2.908 2.017-6.934-.937-9.454"
         })
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { B as default };

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

@@ -78,78 +78,85 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as v } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as c, jsxs as o } from "react/jsx-runtime";
+import * as v from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: m, size: e = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), h = r !== null && r !== void 0 ? r : t === "brand" || t === "media" ? v.colors.neutralHighBrand : t === "negative" ? v.colors.neutralHighNegative : v.colors.neutralHigh, { skinName: e } = o();
-    return e.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const h = f(), d = h === "brand" || h === "media" ? i.colors.neutralHighBrand : h === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: t, gradientDef: n } = g(m !== null && m !== void 0 ? m : d), { skinName: l } = s(), r = l.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: h,
+            /* @__PURE__ */ c("path", {
+                fill: t,
                 d: "M17.965 8.769H6.032a.56.56 0 0 1-.56-.56c0-.308.252-.56.56-.56h11.933c.308 0 .56.252.56.56s-.252.56-.56.56m-3.824 4.37h-8.11a.56.56 0 0 1-.56-.56c0-.309.253-.56.56-.56h8.11a.561.561 0 0 1 0 1.12"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: h,
+            /* @__PURE__ */ c("path", {
+                fill: t,
                 d: "M5.382 21.293c-.546 0-1.028-.465-1.028-.995v-2.336c-1.263-.258-2.188-1.384-2.188-2.773V5.542c0-1.56 1.278-2.83 2.846-2.83h13.983a2.84 2.84 0 0 1 2.843 2.83v9.65a2.84 2.84 0 0 1-2.843 2.829H8.452L6.25 20.839c-.341.454-.74.454-.868.454m-.373-17.46c-.95 0-1.722.768-1.722 1.709v9.65c0 .975.7 1.709 1.627 1.709.308 0 .56.252.56.56v2.552l2.264-2.894a.57.57 0 0 1 .442-.216h10.813c.95 0 1.722-.767 1.722-1.708V5.542c0-.944-.773-1.709-1.722-1.709z"
             })
         ]
-    })) : e.match(/^blau/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : l.match(/^blau/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: h,
+            /* @__PURE__ */ c("path", {
+                fill: t,
                 d: "m12 14.512-.4-.296C7.38 11.12 7.344 8.728 7.372 8.284a2.656 2.656 0 0 1 2.652-2.616c.828 0 1.524.448 1.972.836.448-.388 1.144-.836 1.972-.836a2.65 2.65 0 0 1 2.652 2.616c.036.448 0 2.84-4.22 5.932zm-1.972-7.488c-.712 0-1.292.58-1.292 1.292l-.004.084S8.648 10.22 12 12.816c3.313-2.566 3.27-4.373 3.268-4.435V8.38l-.004-.068c0-.712-.58-1.292-1.292-1.292-.616 0-1.26.644-1.436.868L12 8.572l-.536-.68c-.188-.24-.824-.868-1.436-.868"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: h,
+            /* @__PURE__ */ c("path", {
+                fill: t,
                 d: "M2.68 3h18.64a.68.68 0 0 1 .68.68v12.644a.68.68 0 0 1-.68.68H10.528L6.512 21.44a.69.69 0 0 1-.748.18.675.675 0 0 1-.436-.632v-3.98H2.68a.68.68 0 0 1-.68-.68V3.68A.68.68 0 0 1 2.68 3m7.548 12.652H20.64V4.36H3.36v11.288h2.648a.68.68 0 0 1 .68.68v2.9l3.036-3.352a.67.67 0 0 1 .504-.224"
             })
         ]
-    })) : e.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ a("path", {
-            fill: h,
+    }, a), {
+        children: /* @__PURE__ */ c("path", {
+            fill: t,
             d: "M18.364 2.5h-5.82c-2.006 0-3.635 1.703-3.635 3.799v.38H5.636C3.629 6.678 2 8.38 2 10.476v3.8c0 1.833 1.252 3.37 2.91 3.726v2.738a.76.76 0 0 0 .447.7.7.7 0 0 0 .796-.165L9.21 18.08h2.244c2.007 0 3.636-1.702 3.636-3.799v-.063l2.761 2.885c.14.146.326.223.512.223q.14 0 .28-.058a.76.76 0 0 0 .446-.7v-2.739c1.658-.355 2.91-1.887 2.91-3.726v-3.8c0-2.1-1.63-3.803-3.636-3.803m-4.73 11.781c0 1.255-.978 2.282-2.183 2.282H8.904a.7.7 0 0 0-.512.224l-2.03 2.12v-1.585c0-.419-.326-.76-.726-.76-1.201 0-2.183-1.02-2.183-2.28v-3.8c0-1.255.977-2.281 2.183-2.281h3.273v1.902c0 2.096 1.63 3.799 3.636 3.799h1.09zm4.73-1.897c-.4 0-.726.34-.726.76v1.585l-2.03-2.121a.72.72 0 0 0-.512-.224h-2.547c-1.2 0-2.183-1.021-2.183-2.281v-3.8c0-1.254.978-2.28 2.183-2.28h5.82c1.2 0 2.183 1.021 2.183 2.28v3.8h-.005c0 1.255-.977 2.281-2.183 2.281"
         })
-    })) : e.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ a("path", {
-            fill: h,
+    }, a), {
+        children: /* @__PURE__ */ c("path", {
+            fill: t,
             d: "M18.364 2.5h-5.82c-2.006 0-3.635 1.703-3.635 3.799v.38H5.636C3.629 6.678 2 8.38 2 10.476v3.8c0 1.833 1.252 3.37 2.91 3.726v2.738a.76.76 0 0 0 .447.7.7.7 0 0 0 .796-.165L9.21 18.08h2.244c2.007 0 3.636-1.702 3.636-3.799v-.063l2.761 2.885c.14.146.326.223.512.223q.14 0 .28-.058a.76.76 0 0 0 .446-.7v-2.739c1.658-.355 2.91-1.887 2.91-3.726v-3.8c0-2.1-1.63-3.803-3.636-3.803m-4.73 11.781c0 1.255-.978 2.282-2.183 2.282H8.904a.7.7 0 0 0-.512.224l-2.03 2.12v-1.585c0-.419-.326-.76-.726-.76-1.201 0-2.183-1.02-2.183-2.28v-3.8c0-1.255.977-2.281 2.183-2.281h3.273v1.902c0 2.096 1.63 3.799 3.636 3.799h1.09zm4.73-1.897c-.4 0-.726.34-.726.76v1.585l-2.03-2.121a.72.72 0 0 0-.512-.224h-2.547c-1.2 0-2.183-1.021-2.183-2.281v-3.8c0-1.254.978-2.28 2.183-2.28h5.82c1.2 0 2.183 1.021 2.183 2.28v3.8h-.005c0 1.255-.977 2.281-2.183 2.281"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ a("path", {
-            fill: h,
+    }, a), {
+        children: /* @__PURE__ */ c("path", {
+            fill: t,
             d: "M6.327 4.87c3.779-2.436 8.994-2.143 12.404.765 3.556 3.034 4.056 7.987 1.121 11.55-2.847 3.454-8.033 4.51-12.24 2.6l-4.456.949a.752.752 0 0 1-.868-.97l1.186-3.561C1.17 12.453 2.237 7.76 5.966 5.115zm11.43 1.906c-2.99-2.55-7.673-2.743-10.923-.438h-.001C3.617 8.62 2.84 12.603 4.92 15.68a.75.75 0 0 1 .09.657l-.885 2.657 3.418-.727.123-.017a.75.75 0 0 1 .36.076c3.67 1.781 8.238.853 10.668-2.096 2.397-2.908 2.017-6.934-.937-9.454"
         })
     }));
+    return n ? /*#__PURE__*/ v.cloneElement(r, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...v.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { s as default };
+export { V as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as r } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: l, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const B = (_param)=>{
+    var { color: h, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = m(), a = l !== null && l !== void 0 ? l : t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: n } = h();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = f(), m = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: l } = g(h !== null && h !== void 0 ? h : m), { skinName: c } = d(), o = c.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
-        children: /* @__PURE__ */ r("path", {
+        children: /* @__PURE__ */ e("path", {
             fill: a,
             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({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
-        children: /* @__PURE__ */ r("path", {
+        children: /* @__PURE__ */ e("path", {
             fill: a,
             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"
         })
     }));
+    return l ? /*#__PURE__*/ s.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...s.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { B as default };

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

@@ -78,46 +78,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
+import { jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const L = (_param)=>{
+    var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = c(), i = n !== null && n !== void 0 ? n : o === "brand" || o === "media" ? a.colors.neutralHighBrand : o === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { skinName: l } = h();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = f(), d = o === "brand" || o === "media" ? a.colors.neutralHighBrand : o === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: n, gradientDef: l } = g(s !== null && s !== void 0 ? s : d), { skinName: h } = m(), i = h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             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"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M21 6.568c.552 0 1-.463 1-1.034S21.552 4.5 21 4.5s-1 .463-1 1.034.448 1.034 1 1.034M2.15 12.877l6.1 6.623L19.351 7.963c.2-.207.2-.518 0-.724a.47.47 0 0 0-.7 0L8.25 17.945l-5.4-5.792a.47.47 0 0 0-.699 0c-.2.207-.2.517 0 .724"
         })
-    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             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"
         })
     }));
+    return l ? /*#__PURE__*/ c.cloneElement(i, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...c.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { f as default };
+export { L as default };

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

@@ -78,66 +78,73 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: h, size: e = 24 } = _param, a = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as d from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as s } from "../../utils/icon-gradient.js";
+const B = (_param)=>{
+    var { color: c, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = m(), i = h !== null && h !== void 0 ? h : l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = n();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const i = g(), m = i === "brand" || i === "media" ? l.colors.neutralHighBrand : i === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: n, gradientDef: h } = s(c !== null && c !== void 0 ? c : m), { skinName: o } = f(), a = o.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             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.match(/^blau/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : o.match(/^blau/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             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"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             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"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             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__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             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"
         })
     }));
+    return h ? /*#__PURE__*/ d.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...d.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { p as default };
+export { B as default };