@telefonica/mistica 16.67.0 → 16.69.0

package/dist-es/generated/mistica-icons/icon-battery-vertical-charging-regular.js

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: h, size: t = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
+import * as l from "react";
+import { useThemeVariant as d } 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 A = (_param)=>{
+    var { color: c, size: o = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), e = h !== null && h !== void 0 ? h : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const t = d(), s = t === "brand" || t === "media" ? a.colors.neutralHighBrand : t === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: n, gradientDef: i } = g(c !== null && c !== void 0 ? c : s), e = /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, h), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: e,
+            /* @__PURE__ */ r("path", {
+                fill: n,
                 d: "M11 11.25a.75.75 0 0 1 .75.75v.25h1.75a.75.75 0 0 1 0 1.5h-1.75v2.5h1.75a.75.75 0 0 1 0 1.5h-1.75V18a.75.75 0 0 1-.75.75H9A2.75 2.75 0 0 1 6.25 16v-.25H4a.75.75 0 0 1 0-1.5h2.25V14A2.75 2.75 0 0 1 9 11.25zm-2 1.5A1.25 1.25 0 0 0 7.75 14v2A1.25 1.25 0 0 0 9 17.25h1.25v-4.5z"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: e,
+            /* @__PURE__ */ r("path", {
+                fill: n,
                 d: "M18 6.25A2.75 2.75 0 0 1 20.75 9v.275c.57.116 1 .62 1 1.225v3a1.25 1.25 0 0 1-1 1.225V15A2.75 2.75 0 0 1 18 17.75h-1a.75.75 0 0 1 0-1.5h1c.69 0 1.25-.56 1.25-1.25v-.5c0-.605.43-1.109 1-1.225v-2.55c-.57-.116-1-.62-1-1.225V9c0-.69-.56-1.25-1.25-1.25H7c-.69 0-1.25.56-1.25 1.25v1a.75.75 0 0 1-1.5 0V9A2.75 2.75 0 0 1 7 6.25z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(e, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(e.props.children)
+    ]) : e;
 };
-export { g as default };
+export { A as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: e = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const B = (_param)=>{
+    var { color: s, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = m(), r = i !== null && i !== void 0 ? i : l === "brand" || l === "media" ? t.colors.neutralHighBrand : l === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: n } = h();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = g(), m = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: o, gradientDef: i } = p(s !== null && s !== void 0 ? s : m), { skinName: h } = f(), l = h.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ a("path", {
-            fill: r,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M21.429 5.678a.38.38 0 0 0-.101-.291c-1.454-1.569-3.084-2.577-4.846-3-1.555-.373-3.21-.294-4.941.221 2.218.263 5.134 1.305 7.994 4.356l1.698-1.003a.4.4 0 0 0 .196-.283M18.306 7.69l-5.169 3.053L9.08 3.975c1.647-.221 5.462-.18 9.226 3.714M7.921 4.79c-.939 1.485-2.42 4.849-.583 9.378l4.583-2.706zm-1.81 10.101c-1.655-3.888-1.12-7.059-.269-9.134-1.641 1.406-2.683 2.988-3.084 4.73-.397 1.693-.185 3.536.636 5.477a.4.4 0 0 0 .252.216c.198.053.257.018.335-.03l.021-.012zm1.7-10.244-.372-.622a.67.67 0 0 1 .266-.93.735.735 0 0 1 .975.255l.35.586zm11.356 16.174-6.025-10.053-1.218.714 6.005 10.017a.72.72 0 0 0 .62.342q.182 0 .352-.09a.666.666 0 0 0 .266-.93"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: r,
+            /* @__PURE__ */ e("path", {
+                fill: o,
                 d: "M17.119 4.158c.024.045.079.175.088.486.014.452-.075 1.087-.277 1.856-.401 1.528-1.197 3.428-2.194 5.154l-.376.649-.843-.487-2.957 5.121a10.02 10.02 0 0 1 6.37 2.908.75.75 0 0 1-1.06 1.06 8.524 8.524 0 0 0-12.053 0 .75.75 0 0 1-1.06-1.06 10.02 10.02 0 0 1 6.071-2.884 1 1 0 0 1 .056-.12l3.334-5.775-.842-.486.375-.648c.994-1.722 2.257-3.35 3.396-4.452.573-.553 1.085-.944 1.49-1.156.284-.148.429-.165.482-.166"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: r,
+            /* @__PURE__ */ e("path", {
+                fill: o,
                 d: "M18.707 4.725a8.166 8.166 0 0 1 1.61 10.152.75.75 0 0 1-1.025.274l-3.634-2.097.377-.65c1.052-1.822 1.905-3.846 2.345-5.524.205-.781.329-1.525.327-2.155M11.13 2.903a8.17 8.17 0 0 1 4.711.147c-.556.309-1.15.785-1.736 1.352-1.252 1.21-2.598 2.953-3.652 4.78l-.375.649-3.634-2.098a.75.75 0 0 1-.275-1.024 8.17 8.17 0 0 1 4.96-3.806"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { g as default };
+export { B as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: i, size: e = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const B = (_param)=>{
+    var { color: m, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = m(), o = i !== null && i !== void 0 ? i : l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: c } = n();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = f(), s = r === "brand" || r === "media" ? l.colors.neutralHighBrand : r === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: a, gradientDef: i } = g(m !== null && m !== void 0 ? m : s), { skinName: h } = d(), o = h.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: o,
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M16.426 1.981c1.854.456 3.552 1.52 5.046 3.166.28.307.412.72.363 1.135-.068.435-.316.81-.693 1.038l-7.724 4.654 5.675 9.656.004.007.004.007a.42.42 0 0 1-.17.57.44.44 0 0 1-.602-.157l-5.656-9.633-7.505 4.522a1.54 1.54 0 0 1-.786.217c-.143 0-.29-.024-.459-.073-.436-.147-.76-.445-.918-.825-.845-2.037-1.061-3.996-.643-5.812.579-2.552 2.356-4.762 5.288-6.568l-.453-.775-.004-.007-.005-.008a.42.42 0 0 1 .17-.57c.21-.12.48-.05.602.158l.442.754c2.835-1.573 5.53-2.06 8.024-1.456m4.251 4.608a.58.58 0 0 0 .284-.418.58.58 0 0 0-.146-.45c-1.378-1.518-2.924-2.494-4.602-2.906-1.777-.433-3.68-.24-5.677.558 2.099.032 5.297.79 8.413 4.256zM8.948 4.364l4.032 6.864 5.21-3.137c-3.874-4.227-7.868-3.978-9.242-3.727m-.713.514c-.871 1.27-2.684 4.774-.655 9.604l4.651-2.804zM4.706 16.215l2.114-1.274c-1.83-4.245-.85-7.624.1-9.507-2.006 1.505-3.254 3.25-3.696 5.206-.38 1.646-.178 3.43.6 5.307.07.157.204.277.368.327.172.058.36.038.514-.059"
         })
-    })) : /* @__PURE__ */ a("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"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: o,
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M11.13 2.904a8.17 8.17 0 0 1 9.187 11.973.75.75 0 0 1-1.025.275l-4.272-2.467-.012-.006-.01-.007-1.481-.855-2.957 5.12a10.02 10.02 0 0 1 6.37 2.908.75.75 0 0 1-1.06 1.06 8.524 8.524 0 0 0-12.053 0 .75.75 0 0 1-1.06-1.06 10.02 10.02 0 0 1 6.071-2.885 1 1 0 0 1 .056-.118l3.334-5.775-1.486-.858-.006-.003q-.003 0-.006-.004L6.444 7.734a.75.75 0 0 1-.275-1.025 8.17 8.17 0 0 1 4.96-3.805m7.118 3.486a8 8 0 0 1-.134.886c-.267 1.306-.86 2.872-1.716 4.472l2.956 1.707c.6-1.376.722-2.923.33-4.387a6.7 6.7 0 0 0-1.436-2.678m-1.672-1.371c-.014-.008-.134-.065-.472.07-.333.133-.762.41-1.256.849-.858.76-1.82 1.922-2.711 3.35l2.96 1.71c.792-1.487 1.318-2.9 1.548-4.023.132-.648.158-1.157.106-1.512-.053-.365-.163-.438-.175-.444m-2.024-.762A6.67 6.67 0 0 0 7.88 6.831l2.957 1.707c.958-1.541 2.018-2.838 3.016-3.722a8 8 0 0 1 .699-.559"
         })
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { B as default };

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

@@ -79,35 +79,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import * as c from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } 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 B = (_param)=>{
+    var { color: m, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = m(), o = i !== null && i !== void 0 ? i : l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: c } = n();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), s = r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: n, gradientDef: i } = g(m !== null && m !== void 0 ? m : s), { skinName: h } = d(), o = h.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: n,
             d: "M16.197 2.398c1.778.437 3.406 1.46 4.834 3.033.303.331.443.776.393 1.222-.07.476-.342.876-.745 1.123l-7.07 4.266 5.22 8.89.01.018a.596.596 0 0 1-.242.81.626.626 0 0 1-.846-.225l-5.196-8.86-6.849 4.135a1.7 1.7 0 0 1-.845.232q-.232 0-.49-.076c-.468-.16-.821-.481-.99-.893-.809-1.955-1.013-3.832-.61-5.574.538-2.398 2.185-4.48 4.88-6.185L7.32 3.75l-.004-.007-.004-.007a.6.6 0 0 1 .238-.81.627.627 0 0 1 .846.224l.313.538c2.639-1.423 5.152-1.863 7.488-1.291m3.826 4.35a.35.35 0 0 0 .17-.252.35.35 0 0 0-.086-.258c-1.266-1.392-2.68-2.288-4.21-2.664-1.353-.33-2.79-.26-4.294.196 1.93.233 4.462 1.157 6.947 3.869zM9.466 4.983s3.526 6.009 3.523 6.009l4.49-2.709c-3.268-3.46-6.582-3.496-8.013-3.3m-1.003.72c-.818 1.322-2.104 4.305-.507 8.328 0 0 3.983-2.404 3.98-2.404zM5.059 15.782l1.83-1.107c-1.437-3.45-.972-6.263-.233-8.11-1.426 1.247-2.33 2.654-2.678 4.2-.347 1.504-.16 3.137.552 4.86a.34.34 0 0 0 .219.193c.173.05.224.017.293-.026z"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: n,
             d: "M11.129 2.904a8.17 8.17 0 0 1 9.188 11.973.75.75 0 0 1-1.025.275l-4.272-2.467-.012-.006-.01-.007-1.481-.855-2.957 5.12a10.02 10.02 0 0 1 6.37 2.908.75.75 0 0 1-1.06 1.06 8.524 8.524 0 0 0-12.053 0 .75.75 0 0 1-1.061-1.06 10.02 10.02 0 0 1 6.072-2.885 1 1 0 0 1 .056-.118l3.334-5.775-1.486-.858-.006-.003q-.003 0-.006-.004L6.443 7.734a.75.75 0 0 1-.274-1.025 8.17 8.17 0 0 1 4.96-3.805m7.12 3.486a8 8 0 0 1-.135.886c-.267 1.306-.86 2.872-1.716 4.472l2.956 1.707c.6-1.376.722-2.923.33-4.387a6.7 6.7 0 0 0-1.436-2.678m-1.673-1.371c-.014-.008-.134-.065-.472.07-.333.133-.762.41-1.256.849-.858.76-1.82 1.922-2.711 3.35l2.96 1.71c.792-1.487 1.318-2.9 1.548-4.023.132-.648.157-1.157.106-1.512-.053-.365-.163-.438-.175-.444m-2.024-.762A6.67 6.67 0 0 0 7.88 6.831l2.957 1.707c.958-1.541 2.018-2.838 3.016-3.722a8 8 0 0 1 .699-.559"
         })
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { B as default };

package/dist-es/generated/mistica-icons/icon-bell-add-more-filled.js

@@ -79,35 +79,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: h, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import * as h from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: c, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = c(), i = h !== null && h !== void 0 ? h : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: l } = n();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = v(), s = r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: i, gradientDef: l } = f(c !== null && c !== void 0 ? c : s), { skinName: d } = m(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
             fill: i,
             d: "M21.623 17.87a.62.62 0 0 1 .187.677.61.61 0 0 1-.577.395h-5.24c-.04.546-.197 1.359-.763 1.994-.543.603-1.325.908-2.305.908-.992 0-1.77-.305-2.314-.908-.568-.635-.722-1.448-.753-1.994H4.62a.602.602 0 0 1-.392-1.07c.462-.37.846-.885 1.145-1.496-1.512-.543-3.218-1.854-3.218-5.087 0-4.198 2.843-5.148 4.42-5.347 1.532-3.885 5.927-3.807 6.35-3.781.373-.017 3.014-.09 4.93 1.68 1.283 1.182 1.933 2.897 1.933 5.093v3.819c-.01.26-.125 3.534 1.835 5.116m-18.25-6.58c0 3.635 2.518 4.215 4.02 4.23h.456c1.51-.023 4.028-.611 4.028-4.2 0-3.594-2.54-4.19-4.053-4.23h-.479c-1.487.009-3.972.572-3.972 4.2m4.247 3.313A.607.607 0 0 0 8.23 14h.003v-2.104h2.12a.61.61 0 0 0 .608-.605.607.607 0 0 0-.607-.605h-2.12V8.612a.607.607 0 0 0-.611-.603.606.606 0 0 0-.608.603v2.075H4.897a.604.604 0 1 0 0 1.208h2.115V14a.61.61 0 0 0 .608.602"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
             fill: i,
             d: "M19 15.25a.8.8 0 0 1 .308.067.75.75 0 0 1 .442.683v2.25H22a.75.75 0 0 1 0 1.5h-2.25V22a.75.75 0 0 1-1.5 0v-2.25H16a.75.75 0 0 1 0-1.5h2.25V16a.75.75 0 0 1 .75-.75m-5.448 2.863c.18 0 .26.14.26.36v1.191c0 .286 0 .343-.26.472a3.5 3.5 0 0 1-4.503-1.253.502.502 0 0 1 .42-.77zM12 2.75A6.25 6.25 0 0 1 18.25 9v3.846c0 .228.01.457.007.691-.002.12-.093.214-.21.243-.945.235-1.297 1.154-1.297 2.22v.75a.25.25 0 0 1-.25.25H5.667a1.25 1.25 0 0 1-1.103-1.838l1.143-2.143a.4.4 0 0 0 .043-.173V9A6.25 6.25 0 0 1 12 2.75"
         })
     }));
+    return l ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { w as default };

package/dist-es/generated/mistica-icons/icon-bell-add-more-light.js

@@ -79,35 +79,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as l } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import * as h from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: l, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = n(), o = i !== null && i !== void 0 ? i : h === "brand" || h === "media" ? r.colors.neutralHighBrand : h === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: c } = l();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = v(), m = a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: i, gradientDef: c } = f(l !== null && l !== void 0 ? l : m), { skinName: s } = d(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: i,
             d: "M21.69 18.145a.42.42 0 0 1 .122.459.4.4 0 0 1-.383.272h-5.496c0 .51-.107 1.412-.723 2.103-.51.566-1.238.86-2.182.86-.936 0-1.672-.294-2.182-.86-.608-.689-.714-1.6-.714-2.1H4.636a.41.41 0 0 1-.255-.729c.493-.409.902-.96 1.213-1.624-1.563-.499-3.443-1.813-3.443-5.258 0-4.499 3.182-5.342 4.709-5.482 1.544-3.738 5.786-3.636 6.164-3.627h.004c.255-.017 2.922-.132 4.849 1.664 1.246 1.165 1.888 2.857 1.888 5.039v3.88c-.012.06-.2 3.663 1.924 5.403m-1.239-.093c-1.69-2.092-1.518-5.185-1.51-5.333V8.865c0-1.947-.549-3.44-1.624-4.44-1.677-1.562-4.103-1.452-4.249-1.446h-.032l-.008.002a.03.03 0 0 1-.025-.002c-.165-.008-3.75-.2-5.233 2.782h.14c1.084.025 5.3.45 5.3 5.54 0 5.104-4.216 5.5-5.274 5.513-.098.009-.213.009-.337.009h-.17a8 8 0 0 1-1.017-.107 6 6 0 0 1-.79 1.336zm-5.857 2.381c.434-.493.515-1.174.515-1.557h-4.157c0 .378.073 1.067.516 1.557.344.387.868.583 1.557.583.7 0 1.227-.196 1.569-.583m-7.151-4.428h.156c.115 0 .222 0 .32-.009 1.344-.025 4.47-.524 4.47-4.694 0-4.163-3.143-4.687-4.495-4.72-.124-.009-.264-.009-.401-.009h-.098c-1.33.017-4.423.493-4.423 4.695 0 4.21 3.126 4.711 4.47 4.737m2.994-4.328c.23 0 .409-.18.409-.41a.41.41 0 0 0-.409-.41H8.09V8.533a.415.415 0 0 0-.41-.409.41.41 0 0 0-.408.409v2.325H4.924a.413.413 0 0 0-.409.409c0 .23.188.409.41.409h2.347v2.356a.41.41 0 0 0 .818 0v-2.356z"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: i,
             d: "M19 15.25a.75.75 0 0 1 .75.75v2.25H22a.75.75 0 0 1 0 1.5h-2.25V22a.75.75 0 0 1-1.5 0v-2.25H16a.75.75 0 0 1 0-1.5h2.25V16a.75.75 0 0 1 .75-.75m-7-13A6.75 6.75 0 0 1 18.75 9v3a.75.75 0 0 1-1.5 0V9a5.25 5.25 0 1 0-10.5 0v3.855c0 .211-.05.421-.145.61L5.394 15.89a.25.25 0 0 0 .224.361h6.881a.75.75 0 0 1 0 1.5H9.88a2.25 2.25 0 0 0 2.12 1.5l.256.003h.183a.75.75 0 1 1 .121 1.494 4 4 0 0 1-.316.005L12 20.75a3.75 3.75 0 0 1-3.674-3H5.618a1.75 1.75 0 0 1-1.566-2.532l1.197-2.396V9A6.75 6.75 0 0 1 12 2.25"
         })
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { w as default };

package/dist-es/generated/mistica-icons/icon-bell-add-more-regular.js

@@ -79,35 +79,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+import * as h from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: c, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = n(), t = i !== null && i !== void 0 ? i : h === "brand" || h === "media" ? r.colors.neutralHighBrand : h === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: l } = c();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = v(), m = a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: i, gradientDef: l } = f(c !== null && c !== void 0 ? c : m), { skinName: s } = d(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: i,
             d: "M21.623 17.87a.62.62 0 0 1 .188.677.61.61 0 0 1-.578.395h-5.24c-.04.546-.194 1.359-.762 1.994-.544.603-1.325.908-2.306.908-.991 0-1.77-.305-2.313-.908-.569-.635-.723-1.448-.757-1.994H4.617a.602.602 0 0 1-.392-1.07c.462-.37.846-.885 1.146-1.496-1.51-.543-3.216-1.854-3.216-5.087 0-4.198 2.843-5.148 4.417-5.347 1.535-3.885 5.93-3.807 6.353-3.781.373-.017 3.014-.09 4.93 1.68 1.283 1.182 1.933 2.897 1.933 5.093v3.819c-.01.26-.124 3.532 1.835 5.116m-15.636-.138h13.871c-1.454-2.092-1.3-4.9-1.291-5.036V8.934c0-1.843-.518-3.258-1.535-4.2-1.591-1.473-3.922-1.372-4.064-1.366h-.006l-.02-.004q-.008-.004-.022-.005-.012.001-.025.005l-.014.004c-.158-.009-3.517-.192-4.953 2.524 1.177.042 5.165.549 5.165 5.431 0 4.994-4.176 5.39-5.22 5.403h-.505c-.185 0-.462-.016-.787-.064a6 6 0 0 1-.594 1.07m8.333 2.395c.317-.353.423-.838.448-1.19h-3.697c.034.352.132.845.457 1.198.3.34.753.499 1.397.499.633 0 1.087-.16 1.395-.507m-6.927-4.608h.457c1.51-.022 4.028-.61 4.028-4.199 0-3.594-2.54-4.19-4.054-4.23h-.478c-1.488.009-3.972.572-3.972 4.2 0 3.635 2.518 4.215 4.02 4.23m.227-.916a.607.607 0 0 0 .61-.602h.003v-2.104h2.12a.61.61 0 0 0 .609-.605.607.607 0 0 0-.608-.605h-2.12V8.612a.607.607 0 0 0-.611-.603.606.606 0 0 0-.608.603v2.075H4.897a.604.604 0 1 0 0 1.208h2.115V14a.61.61 0 0 0 .608.602"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: i,
             d: "M19 15.25a.75.75 0 0 1 .75.75v2.25H22a.75.75 0 0 1 0 1.5h-2.25V22a.75.75 0 0 1-1.5 0v-2.25H16a.75.75 0 0 1 0-1.5h2.25V16a.75.75 0 0 1 .75-.75m-7-13A6.75 6.75 0 0 1 18.75 9v3a.75.75 0 0 1-1.5 0V9a5.25 5.25 0 1 0-10.5 0v3.855c0 .211-.05.421-.145.61L5.394 15.89a.25.25 0 0 0 .224.361h6.881a.75.75 0 0 1 0 1.5H9.88a2.25 2.25 0 0 0 2.12 1.5l.256.003h.183a.75.75 0 1 1 .121 1.494 4 4 0 0 1-.316.005L12 20.75a3.75 3.75 0 0 1-3.674-3H5.618a1.75 1.75 0 0 1-1.566-2.532l1.197-2.396V9A6.75 6.75 0 0 1 12 2.25"
         })
     }));
+    return l ? /*#__PURE__*/ h.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...h.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { w as default };

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

@@ -78,56 +78,63 @@ 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 c } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: h, size: e = 24 } = _param, i = _object_without_properties(_param, [
+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";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: d, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = c(), a = h !== null && h !== void 0 ? h : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: l } = n();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = f(), s = n === "brand" || n === "media" ? a.colors.neutralHighBrand : n === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: o, gradientDef: h } = g(d !== null && d !== void 0 ? d : s), { skinName: i } = m(), l = i.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: a,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M4.428 16.815a1 1 0 0 0 .95 1.31h3.52a3.126 3.126 0 0 0 6.205 0h3.518a1 1 0 0 0 .951-1.31l-.715-2.19-.695-6.994a5 5 0 0 0-4.975-4.506h-2.374a5 5 0 0 0-4.975 4.506l-.695 6.994zm5.734 1.31h3.675a1.876 1.876 0 0 1-3.675 0"
         })
-    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : i.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__ */ t("path", {
-            fill: a,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M18.993 11.644c0 2.144.7 4.284 1.957 6 .173.212.177.504.07.752-.105.248-.351.392-.63.392H3.613c-.282 0-.524-.14-.63-.392s-.106-.536.07-.752a10.25 10.25 0 0 0 1.958-6v-2.5C5.01 5.216 8.157 2 12 2c3.845 0 6.992 3.216 6.992 7.144zM12.006 22c-1.296 0-2.38-.928-2.694-2.144H14.7C14.382 21.072 13.3 22 12.006 22"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : i.match(/^o2/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: a,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M18.993 11.644c0 2.144.7 4.284 1.957 6 .173.212.177.504.07.752-.105.248-.351.392-.63.392H3.613c-.282 0-.524-.14-.63-.392s-.106-.536.07-.752a10.25 10.25 0 0 0 1.958-6v-2.5C5.01 5.216 8.157 2 12 2c3.845 0 6.992 3.216 6.992 7.144zM12.006 22c-1.296 0-2.38-.928-2.694-2.144H14.7C14.382 21.072 13.3 22 12.006 22"
         })
-    })) : /* @__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: a,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M14.53 18.112a.502.502 0 0 1 .421.77 3.498 3.498 0 0 1-5.902 0 .502.502 0 0 1 .42-.77zM12 2.75A6.25 6.25 0 0 1 18.25 9v3.846q0 .092.043.173l1.144 2.143A1.25 1.25 0 0 1 18.333 17H5.667a1.25 1.25 0 0 1-1.103-1.838l1.143-2.143a.4.4 0 0 0 .043-.173V9A6.25 6.25 0 0 1 12 2.75"
         })
     }));
+    return h ? /*#__PURE__*/ c.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...c.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { f as default };
+export { M as default };