@telefonica/mistica 16.68.0 → 16.70.0

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useThemeVariant as l } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: o, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as l from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as s } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: v, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = l(), t = o !== null && o !== void 0 ? o : c === "brand" || c === "media" ? r.colors.neutralHighBrand : c === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: i } = v();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    const n = s(), m = n === "brand" || n === "media" ? c.colors.neutralHighBrand : n === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: r, gradientDef: i } = f(v !== null && v !== void 0 ? v : m), { skinName: o } = d(), h = o.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ h("path", {
-            fill: t,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M16.704 6.262h4.535c.333 0 .602.272.605.602a.603.603 0 0 1-.602.603h-1.457v11.115c0 1.008-.305 1.812-.907 2.389-.855.818-2.02.871-2.311.871l-.056-.002H7.46c-1.036 0-1.854-.314-2.428-.928-.889-.95-.82-2.272-.815-2.356v-.003L4.214 7.467H2.757a.601.601 0 1 1 0-1.205H7.29V4.45c0-.784.23-1.39.681-1.798a2 2 0 0 1 1.485-.493l5.129-.006c.803 0 1.283.333 1.543.613.63.675.585 1.628.577 1.734zm-8.213 0h7.011v-1.8c.009-.189-.022-.628-.257-.878-.146-.154-.362-.227-.661-.227l-5.188.003h-.003c-.066-.003-.395-.02-.625.19-.184.172-.277.477-.277.9zm5.56 11.476a.6.6 0 0 0 .603-.602v-6.162a.603.603 0 0 0-1.205 0v6.162c0 .334.272.602.602.602m-3.507-.602v-6.162a.601.601 0 1 0-1.204 0v6.162a.601.601 0 1 0 1.204 0"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ h("path", {
-            fill: t,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M15.167 4.5h5.64a.713.713 0 0 1 .004 1.427H19.4v13.93c0 1.18-.952 2.143-2.117 2.143H6.704c-1.165 0-2.117-.964-2.117-2.144V5.931h-1.41a.71.71 0 0 1-.707-.716c0-.396.32-.715.707-.715h5.64v-.356c0-1.18.952-2.144 2.117-2.144h2.117c1.165 0 2.116.964 2.116 2.144zM9.524 18.96c.28 0 .529-.251.529-.535V8.07a.55.55 0 0 0-.53-.536.55.55 0 0 0-.528.536v10.354c0 .284.248.536.529.536m.703-14.46h3.53v-.356a.713.713 0 0 0-.707-.716h-2.116a.713.713 0 0 0-.707.716zm4.233 14.46c.28 0 .53-.251.53-.535V8.07a.55.55 0 0 0-.53-.536.55.55 0 0 0-.529.536v10.354c0 .284.249.536.53.536"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ h("path", {
-            fill: t,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M15.167 4.5h5.64a.713.713 0 0 1 .004 1.427H19.4v13.93c0 1.18-.952 2.143-2.117 2.143H6.704c-1.165 0-2.117-.964-2.117-2.144V5.931h-1.41a.71.71 0 0 1-.707-.716c0-.396.32-.715.707-.715h5.64v-.356c0-1.18.951-2.144 2.117-2.144h2.116c1.165 0 2.117.964 2.117 2.144zM9.524 18.96c.28 0 .529-.251.529-.535V8.07a.55.55 0 0 0-.53-.536.55.55 0 0 0-.529.536v10.354c0 .284.25.536.53.536m.703-14.46h3.53v-.356a.713.713 0 0 0-.707-.716h-2.117a.713.713 0 0 0-.706.716zm4.233 14.46c.28 0 .53-.251.53-.535V8.07a.55.55 0 0 0-.53-.536.55.55 0 0 0-.529.536v10.354c0 .284.249.536.53.536"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ h("path", {
-            fill: t,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M14 2.25A1.75 1.75 0 0 1 15.75 4v2.25H20a.75.75 0 0 1 0 1.5h-.51l-.942 11.296A2.55 2.55 0 0 1 16 21.55H8a2.55 2.55 0 0 1-2.548-2.504L4.511 7.75H4a.75.75 0 0 1 0-1.5h4.25V4A1.75 1.75 0 0 1 10 2.25zm-4 8a.75.75 0 0 0-.75.75v6a.75.75 0 0 0 1.5 0v-6a.75.75 0 0 0-.75-.75m4 0a.75.75 0 0 0-.75.75v6a.75.75 0 0 0 1.5 0v-6a.75.75 0 0 0-.75-.75m-4-6.5a.25.25 0 0 0-.25.25v2.25h4.5V4a.25.25 0 0 0-.201-.245L14 3.75z"
         })
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(h, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(h.props.children)
+    ]) : h;
 };
-export { f as default };
+export { C as default };

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

@@ -78,74 +78,81 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h, 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 l } from "../../skins/skin-contract.css-mistica.js";
-const H = (_param)=>{
-    var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import * as v from "react";
+import { useTheme as d } 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 V } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: e = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = v(), c = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? l.colors.neutralHighBrand : e === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), m = r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: t, gradientDef: l } = V(s !== null && s !== void 0 ? s : m), { skinName: c } = d(), n = c.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ h("path", {
-            fill: c,
+    }, h), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M21.813 6.783a.41.41 0 0 0-.384-.434H16.6V4.325c.004-.108.03-.997-.54-1.609q-.518-.556-1.426-.557H9.369c-.095-.005-.795-.039-1.349.45-.417.376-.622.942-.622 1.687V6.35H2.561a.41.41 0 0 0 0 .818h1.694v11.548c-.005.144-.045 1.361.78 2.24q.823.885 2.324.885h9.306c.277 0 1.4-.048 2.21-.835.574-.546.868-1.317.868-2.292V7.167h1.686a.41.41 0 0 0 .384-.384M8.219 4.296q-.006-.752.35-1.073c.283-.262.674-.25.758-.247h5.309c.367 0 .64.09.827.295.336.358.321.94.32 1.022V6.35H8.218zm10.706 14.417c0 .737-.204 1.311-.608 1.695-.646.63-1.615.615-1.698.614H7.356c-.753 0-1.333-.213-1.72-.622-.593-.62-.566-1.546-.563-1.66V7.167h13.852zM9.9 17.655a.41.41 0 0 1-.41-.41v-6.29a.41.41 0 0 1 .819 0v6.29a.41.41 0 0 1-.41.41m3.784-.41c0 .228.182.41.409.41a.41.41 0 0 0 .409-.41v-6.29a.41.41 0 0 0-.818 0z"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, h), {
         children: [
-            /* @__PURE__ */ h("path", {
-                fill: c,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M9.533 7.355a.713.713 0 0 0-.706.716v10.354c0 .392.316.716.706.716a.71.71 0 0 0 .707-.716V8.07a.716.716 0 0 0-.707-.716m4.23.716v10.355c0 .392.316.716.707.716a.71.71 0 0 0 .707-.716V8.07a.713.713 0 0 0-.707-.716.713.713 0 0 0-.707.716"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: c,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M15.177 4.5h5.64a.713.713 0 0 1 .004 1.427h-1.41v13.93c0 1.18-.952 2.143-2.117 2.143H6.714c-1.165 0-2.117-.964-2.117-2.144V5.931h-1.41a.71.71 0 0 1-.707-.716c0-.396.32-.715.707-.715h5.64v-.356c0-1.18.951-2.144 2.116-2.144h2.117c1.165 0 2.117.964 2.117 2.144zm-4.23-1.072a.713.713 0 0 0-.707.716h.004V4.5h3.527v-.356a.713.713 0 0 0-.707-.716zm7.05 16.424V5.927H6.007v13.925c0 .396.32.716.707.716H17.29a.713.713 0 0 0 .707-.716"
             })
         ]
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, h), {
         children: [
-            /* @__PURE__ */ h("path", {
-                fill: c,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M21.176 4.5h-6.35v-.716c0-1-.775-1.784-1.763-1.784h-2.118c-.988 0-1.763.784-1.763 1.784V4.5h-6.35c-.214 0-.352.145-.352.357s.142.356.352.356h1.762v15.003c0 1 .775 1.784 1.763 1.784h11.29c.988 0 1.762-.784 1.762-1.784V9.146c0-.217-.142-.357-.351-.357-.214 0-.352.144-.352.356V20.22c0 .608-.458 1.072-1.06 1.072H6.357c-.6 0-1.058-.464-1.058-1.072V5.217h15.878c.213 0 .352-.144.352-.356s-.139-.36-.352-.36m-11.29-.716c0-.608.458-1.072 1.059-1.072h2.118c.6 0 1.059.464 1.059 1.072V4.5H9.886z"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: c,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M19.77 7.001a.71.71 0 0 1-.708.716.71.71 0 0 1-.708-.716c0-.396.317-.716.708-.716s.707.32.707.716M9.182 18.431V8.073c0-.216.142-.356.352-.356s.352.14.352.356v10.358c0 .212-.143.356-.352.356-.21 0-.352-.14-.352-.356m4.94 0V8.073c0-.216.142-.356.352-.356s.351.14.351.356v10.358c0 .212-.142.356-.351.356-.21 0-.352-.14-.352-.356"
             })
         ]
-    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, h), {
         children: [
-            /* @__PURE__ */ h("path", {
-                fill: c,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M10 10.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75m4 0a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: c,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M14 2.25A1.75 1.75 0 0 1 15.75 4v2.25H20a.75.75 0 0 1 0 1.5h-.31l-.943 11.313A2.747 2.747 0 0 1 16 21.75H8a2.75 2.75 0 0 1-2.747-2.687L4.31 7.75H4a.75.75 0 0 1 0-1.5h4.25V4A1.75 1.75 0 0 1 10 2.25zM6.747 18.938q.003.03.003.062A1.25 1.25 0 0 0 8 20.25h8A1.25 1.25 0 0 0 17.25 19q0-.031.003-.062l.933-11.188H5.814zM10 3.75a.25.25 0 0 0-.25.25v2.25h4.5V4a.25.25 0 0 0-.201-.245L14 3.75z"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ v.cloneElement(n, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...v.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { H as default };
+export { x as default };

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

@@ -78,80 +78,87 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as t, jsx as l } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: v, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as a, jsxs as l } 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 w = (_param)=>{
+    var { color: m, size: e = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = n(), h = v !== null && v !== void 0 ? v : i === "brand" || i === "media" ? o.colors.neutralHighBrand : i === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = c();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), d = r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: t, gradientDef: c } = g(m !== null && m !== void 0 ? m : d), { skinName: n } = s(), o = n.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M10 10.25a.75.75 0 0 1 .743.648l.007.102v6a.75.75 0 0 1-1.493.102L9.25 17v-6a.75.75 0 0 1 .75-.75m4.743.648A.75.75 0 0 0 13.25 11v6l.007.102A.75.75 0 0 0 14.75 17v-6z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M16.745 4.447C16.667 3.23 15.702 2.25 14.5 2.25h-5l-.155.006C8.165 2.339 7.25 3.37 7.25 4.607V6.25H3l-.102.007A.75.75 0 0 0 3 7.75h1.25V18.5a3.25 3.25 0 0 0 3.25 3.25h9a3.25 3.25 0 0 0 3.25-3.25V7.75H21l.102-.007A.75.75 0 0 0 21 6.25h-4.25V4.607zM15.25 6.25h-6.5V4.607l.006-.11c.048-.43.373-.747.744-.747h5l.092.006c.361.052.658.404.658.851zm-9.5 1.5h12.5V18.5a1.75 1.75 0 0 1-1.75 1.75h-9l-.144-.006A1.75 1.75 0 0 1 5.75 18.5z"
             })
         ]
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M9.533 7.355a.713.713 0 0 0-.706.716v10.354c0 .392.316.716.706.716a.71.71 0 0 0 .707-.716V8.07a.716.716 0 0 0-.707-.716m4.23.716v10.355c0 .392.316.716.707.716a.71.71 0 0 0 .707-.716V8.07a.713.713 0 0 0-.707-.716.713.713 0 0 0-.707.716"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M15.177 4.5h5.64a.713.713 0 0 1 .004 1.427h-1.41v13.93c0 1.18-.952 2.143-2.117 2.143H6.714c-1.165 0-2.117-.964-2.117-2.144V5.931h-1.41a.71.71 0 0 1-.707-.716c0-.396.32-.715.707-.715h5.64v-.356c0-1.18.951-2.144 2.116-2.144h2.117c1.165 0 2.117.964 2.117 2.144zm-4.23-1.072a.713.713 0 0 0-.707.716h.004V4.5h3.527v-.356a.713.713 0 0 0-.707-.716zm7.05 16.424V5.927H6.007v13.925c0 .396.32.716.707.716H17.29a.713.713 0 0 0 .707-.716"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M9.534 7.355a.713.713 0 0 0-.707.716v10.354c0 .392.316.716.707.716a.71.71 0 0 0 .706-.716V8.07a.716.716 0 0 0-.707-.716m4.23.716v10.355c0 .392.316.716.707.716a.71.71 0 0 0 .707-.716V8.07a.713.713 0 0 0-.707-.716.713.713 0 0 0-.707.716"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M15.177 4.5h5.64a.713.713 0 0 1 .004 1.427h-1.41v13.93c0 1.18-.952 2.143-2.117 2.143H6.714c-1.165 0-2.117-.964-2.117-2.144V5.931h-1.41a.71.71 0 0 1-.707-.716c0-.396.32-.715.707-.715h5.64v-.356c0-1.18.951-2.144 2.116-2.144h2.117c1.165 0 2.117.964 2.117 2.144zm-4.23-1.072a.713.713 0 0 0-.707.716h.004V4.5h3.527v-.356a.713.713 0 0 0-.707-.716zm7.05 16.424V5.927H6.007v13.925c0 .396.32.716.707.716H17.29a.713.713 0 0 0 .707-.716"
             })
         ]
-    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M10 10.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75m4 0a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: h,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M14 2.25A1.75 1.75 0 0 1 15.75 4v2.25H20a.75.75 0 0 1 0 1.5h-.31l-.943 11.313A2.747 2.747 0 0 1 16 21.75H8a2.75 2.75 0 0 1-2.747-2.687L4.31 7.75H4a.75.75 0 0 1 0-1.5h4.25V4A1.75 1.75 0 0 1 10 2.25zM6.747 18.938q.003.03.003.062A1.25 1.25 0 0 0 8 20.25h8A1.25 1.25 0 0 0 17.25 19q0-.031.003-.062l.933-11.188H5.814zM10 3.75a.25.25 0 0 0-.25.25v2.25h4.5V4a.25.25 0 0 0-.201-.245L14 3.75z"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ v.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...v.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { w as default };

package/dist-es/generated/mistica-icons/icon-travel-bag-filled.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 v } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: i, size: e = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: l, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), o = i !== null && i !== void 0 ? i : r === "brand" || r === "media" ? h.colors.neutralHighBrand : r === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { skinName: c } = v();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = d(), v = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: i, gradientDef: c } = f(l !== null && l !== void 0 ? l : v), { skinName: s } = m(), o = 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), {
-        children: /* @__PURE__ */ a("path", {
-            fill: o,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: i,
             d: "M15.15 6.147h1.375c.647 0 1.213.63 1.213 1.35v12.39c0 .733-.555 1.352-1.213 1.352H15.48c-.081.549-.558.6-.686.602h-.068c-.134-.003-.605-.053-.686-.602H9.984c-.081.549-.557.6-.686.602H9.23c-.135 0-.605-.053-.687-.602h-1.08c-.66 0-1.214-.619-1.214-1.353V7.496c0-.72.569-1.35 1.213-1.35h1.375V3.038c0-.479.415-.882.91-.882h4.491c.485 0 .91.412.91.882zm-6.415 5.445h6.52s0-1.706.004-1.706c0-.6-.348-1.221-.925-1.221H9.66c-.577 0-.924.622-.924 1.221zm6.52 6.011h.004v-4.927H8.735v4.927c0 .698.398 1.221.924 1.221h4.675c.524 0 .922-.523.922-1.22M13.92 6.138V3.374h-3.85v2.764z"
         })
-    })) : /* @__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,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: i,
             d: "M18.25 16.75a.25.25 0 0 1 .25.25v1a2.5 2.5 0 0 1-2.5 2.5h-.25v.5a.75.75 0 0 1-1.5 0v-.5h-4.5v.5a.75.75 0 0 1-1.5 0v-.5H8A2.5 2.5 0 0 1 5.5 18v-1a.25.25 0 0 1 .25-.25zm0-6a.25.25 0 0 1 .25.25v4a.25.25 0 0 1-.25.25H5.75A.25.25 0 0 1 5.5 15v-4a.25.25 0 0 1 .25-.25zM13 2.25A2.75 2.75 0 0 1 15.75 5v.5H16A2.5 2.5 0 0 1 18.5 8v1a.25.25 0 0 1-.25.25H5.75A.25.25 0 0 1 5.5 9V8A2.5 2.5 0 0 1 8 5.5h.25V5A2.75 2.75 0 0 1 11 2.25zm-2 1.5A1.25 1.25 0 0 0 9.75 5v.5h4.5V5a1.25 1.25 0 0 0-1.126-1.244L13 3.75z"
         })
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { d as default };
+export { C as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useThemeVariant as l } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: e = 24 } = _param, a = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as d } 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 z = (_param)=>{
+    var { color: l, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = l(), c = o !== null && o !== void 0 ? o : r === "brand" || r === "media" ? t.colors.neutralHighBrand : r === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: i } = v();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = d(), v = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: c, gradientDef: i } = g(l !== null && l !== void 0 ? l : v), { skinName: m } = s(), o = m.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__ */ h("path", {
+        children: /* @__PURE__ */ e("path", {
             fill: c,
             d: "M16.697 6.134c.546 0 1.043.56 1.043 1.17v12.64c0 .625-.485 1.17-1.043 1.17H15.63l.001.023.002.023c0 .718-.582.775-.73.775h-.07c-.153-.003-.729-.06-.729-.78l.002-.022.001-.02H9.935q0 .012.003.022l.003.022c0 .719-.585.775-.73.775H9.14c-.154-.003-.73-.06-.73-.78l.002-.021.002-.022h-1.11c-.555 0-1.043-.548-1.043-1.17V7.307c0-.613.497-1.17 1.043-1.17H8.94v-3.38c0-.367.34-.692.733-.692h4.651c.39 0 .733.322.733.693v3.376zm-6.9-.006h4.413V2.893H9.796zm7.093 1.177c0-.181-.142-.331-.2-.345H7.307c-.051.01-.193.16-.193.342v12.64c0 .203.142.339.193.342h9.39c.05.002.194-.139.194-.34zm-2.569 10.31q0 .105-.036.209H9.724a.6.6 0 0 1-.036-.21v-5.211h4.633zM9.724 9.532h4.552a.6.6 0 0 1 .04.21v1.829H9.684v-1.83q.002-.106.039-.21m5.448.212c0-.51-.278-1.038-.745-1.038H9.579c-.467 0-.744.526-.744 1.038v7.87c0 .503.262 1.037.744 1.037h4.848c.482 0 .745-.534.745-1.038z"
         })
-    })) : /* @__PURE__ */ h("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__ */ h("path", {
+        children: /* @__PURE__ */ e("path", {
             fill: c,
             d: "M13 2.25A2.75 2.75 0 0 1 15.75 5v.25H16A2.75 2.75 0 0 1 18.75 8v10A2.75 2.75 0 0 1 16 20.75h-.25V21a.75.75 0 0 1-1.5 0v-.25h-4.5V21a.75.75 0 0 1-1.5 0v-.25H8A2.75 2.75 0 0 1 5.25 18V8A2.75 2.75 0 0 1 8 5.25h.25V5A2.75 2.75 0 0 1 11 2.25zM6.75 18l.006.124A1.25 1.25 0 0 0 8 19.25h8A1.25 1.25 0 0 0 17.25 18v-1.25H6.75zm0-2.75h10.5v-4.5H6.75zM8 6.75A1.25 1.25 0 0 0 6.75 8v1.25h10.5V8a1.25 1.25 0 0 0-1.126-1.244L16 6.75zm3-3A1.25 1.25 0 0 0 9.75 5v.25h4.5V5a1.25 1.25 0 0 0-1.126-1.244L13 3.75z"
         })
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { z as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h } 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 H = (_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 s } from "../../hooks.js";
+import { useThemeVariant as d } 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 z = (_param)=>{
+    var { color: l, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), o = i !== null && i !== void 0 ? i : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: c } = l();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = d(), v = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: h, gradientDef: i } = g(l !== null && l !== void 0 ? l : v), { skinName: m } = s(), o = m.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__ */ h("path", {
-            fill: o,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: h,
             d: "M16.53 6.152c.647 0 1.213.63 1.213 1.35v12.39c0 .733-.555 1.352-1.213 1.352h-1.045c-.081.546-.557.6-.686.602h-.068c-.134-.003-.605-.053-.686-.602H9.99c-.081.546-.557.6-.686.602h-.067c-.135-.003-.605-.053-.687-.602H7.47c-.66 0-1.21-.619-1.21-1.35V7.504c0-.72.565-1.35 1.21-1.35h1.374V3.045c0-.479.418-.882.91-.882h4.491c.485 0 .91.412.91.882v3.11h1.376zm-6.454-.009h3.849V3.38h-3.849zm6.434 1.362a.24.24 0 0 0-.05-.132H7.54a.25.25 0 0 0-.05.132V19.89a.25.25 0 0 0 .042.132l8.932.003a.2.2 0 0 0 .045-.132zM14.028 12.7v4.91H9.97V12.7zM9.97 9.888h4.058v1.594H9.97zm5.294.006c0-.6-.348-1.221-.925-1.221L9.664 8.67c-.58 0-.924.622-.924 1.221v7.72c0 .697.398 1.221.924 1.221h4.675c.527 0 .925-.526.925-1.221z"
         })
-    })) : /* @__PURE__ */ h("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__ */ h("path", {
-            fill: o,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: h,
             d: "M13 2.25A2.75 2.75 0 0 1 15.75 5v.25H16A2.75 2.75 0 0 1 18.75 8v10A2.75 2.75 0 0 1 16 20.75h-.25V21a.75.75 0 0 1-1.5 0v-.25h-4.5V21a.75.75 0 0 1-1.5 0v-.25H8A2.75 2.75 0 0 1 5.25 18V8A2.75 2.75 0 0 1 8 5.25h.25V5A2.75 2.75 0 0 1 11 2.25zM6.75 18l.006.124A1.25 1.25 0 0 0 8 19.25h8A1.25 1.25 0 0 0 17.25 18v-1.25H6.75zm0-2.75h10.5v-4.5H6.75zM8 6.75A1.25 1.25 0 0 0 6.75 8v1.25h10.5V8a1.25 1.25 0 0 0-1.126-1.244L16 6.75zm3-3A1.25 1.25 0 0 0 9.75 5v.25h4.5V5a1.25 1.25 0 0 0-1.126-1.244L13 3.75z"
         })
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { H as default };
+export { z as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as n } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as o } 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, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), r = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? t.colors.neutralHighBrand : e === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: h } = v();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = f(), c = a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: r, gradientDef: i } = g(s !== null && s !== void 0 ? s : c), { skinName: v } = m(), l = v.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__ */ l("path", {
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
             fill: r,
             d: "M17.186 5.933C15.939 2.345 11.9 2.16 11.076 2.16c-1.061 0-6.274.289-6.467 5.894-1.07.428-2.454 1.473-2.454 3.994 0 3.21 2.244 4.353 4.342 4.353h4.832v-1.51L8.93 12.465a.61.61 0 0 1 .003-.86.603.603 0 0 1 .854.003l1.54 1.558V9.59a.605.605 0 1 1 1.21 0v1.034l1.194-1.627a.605.605 0 1 1 .972.722l-2.143 2.922c-.005.008-.017.011-.022.02v3.728l-1.207.01v4.836a.605.605 0 1 0 1.21 0v-4.838l4.039-.025c2.431 0 5.266-1.378 5.266-5.26-.006-3.51-2.333-4.961-4.661-5.18"
         })
-    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ e("path", {
                 fill: r,
                 d: "M6.093 2.507A3.5 3.5 0 0 1 8 3.138a3.5 3.5 0 0 1 4.191.142 3.5 3.5 0 0 1 1.244 2.064 3.5 3.5 0 0 1-.195 1.975 3.5 3.5 0 0 1 .974 4.07 3.5 3.5 0 0 1-.753 1.102 3.5 3.5 0 0 1-.714 2.684A3.5 3.5 0 0 1 10 16.506H8.75V21a.75.75 0 0 1-1.5 0v-4.494H5.986L5.81 16.5h-.014a3.503 3.503 0 0 1-3.257-4.01 3.504 3.504 0 0 1 .22-5.172 3.5 3.5 0 0 1-.196-1.975 3.5 3.5 0 0 1 3.53-2.836M8 7.25a.75.75 0 0 0-.75.75v3.19l-.72-.72a.75.75 0 0 0-1.06 1.06l1.78 1.78v3.19h1.5v-4.19l1.78-1.78a.75.75 0 0 0-1.06-1.06l-.72.72V8A.75.75 0 0 0 8 7.25"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ e("path", {
                 fill: r,
                 d: "M15.47 4.47a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1-.195 1.201l-1.07.534 3.265 3.265a.75.75 0 0 1-.293 1.242l-1.848.616 3.141 3.142a.75.75 0 0 1-.53 1.28h-6.25V21a.75.75 0 0 1-1.5 0v-2.25H13a.75.75 0 0 1 0-1.5h7.19l-2.72-2.72a.75.75 0 0 1 .293-1.242l1.848-.616-3.142-3.141a.75.75 0 0 1 .196-1.202l1.068-.535-2.264-2.263a.75.75 0 0 1 0-1.061"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { p as default };
+export { x as default };