@telefonica/mistica 16.68.0 → 16.69.0

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: t, size: c = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as r } 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, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), r = t !== null && t !== void 0 ? t : a === "brand" || a === "media" ? e.colors.neutralHighBrand : a === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const l = f(), s = l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: o, gradientDef: n } = g(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), c = m.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", {
-            fill: r,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M15.476 21.85h.115c.149 0 .27-.04.373-.085.274-.11.518-.297.717-.552.165-.204.33-.482.428-.65l.06-.1c.601-1.09.952-1.858 1.389-3.04.28-.74.512-1.487.714-2.282a17 17 0 0 0 .154-.617l.025-.098c1.023-1.787 1.75-3.554 2.16-5.26.582-2.44.078-4.485-1.418-5.757-.86-.739-2.025-1.179-3.28-1.243-1.297-.07-2.644.255-3.88.94-.324.183-.657.37-1.03.59a59 59 0 0 0-1.03-.592c-1.236-.686-2.58-1.008-3.875-.938-1.258.064-2.423.504-3.28 1.24-1.498 1.272-2.003 3.32-1.42 5.76.409 1.706 1.134 3.476 2.16 5.26l.028.115.048.194c.037.149.07.285.1.397.205.81.44 1.557.714 2.289.44 1.187.79 1.955 1.406 3.07l.045.075c.098.168.264.448.423.645.205.263.448.45.754.57.073.026.19.065.347.065h.112c.149 0 .266-.039.37-.075.274-.11.518-.297.717-.552.204-.25.429-.639.49-.754l.073-.134.008-.04c.073-.162.168-.408.314-.795l.014-.035c.274-.722 1.013-2.665 1.48-3.178.473.521 1.232 2.519 1.495 3.213.148.392.244.642.316.804l.076.165c.062.115.286.505.485.748.207.264.45.451.756.572.073.025.19.064.347.064m-.148-1.39a5 5 0 0 1-.305-.46l-.073-.137a9 9 0 0 1-.26-.647l-.054-.143C13.588 16.313 12.927 15 12.003 15c-.922 0-1.583 1.313-2.63 4.072l-.055.143c-.11.289-.218.575-.259.647L8.983 20v.009a5 5 0 0 1-.308.462c-.033.043-.068.08-.096.108-.03.032-.05.054-.05.063l-.033.011a.6.6 0 0 1-.221-.19 5 5 0 0 1-.328-.505l-.042-.07a19 19 0 0 1-1.317-2.882c-.26-.692-.481-1.4-.677-2.17a31 31 0 0 1-.143-.572l-.048-.2-.064-.159c-.99-1.711-1.687-3.397-2.076-5.011-.47-1.978-.106-3.594 1.03-4.56.656-.563 1.561-.902 2.553-.953 1.072-.064 2.184.213 3.218.788a63 63 0 0 1 1.213.697c.07.041.21.123.415.123a.77.77 0 0 0 .411-.126c.432-.257.824-.479 1.208-.694 1.033-.575 2.145-.846 3.22-.788.99.05 1.894.39 2.553.956 1.134.963 1.498 2.582 1.028 4.557-.39 1.616-1.087 3.303-2.076 5.011l-.11.342-.016.07q-.07.293-.132.524a20 20 0 0 1-.677 2.168 19 19 0 0 1-1.3 2.854l-.056.093-.01.015a5 5 0 0 1-.324.497 1 1 0 0 1-.095.108c-.03.032-.052.054-.05.063l-.034.011a.6.6 0 0 1-.221-.19"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ l("path", {
-            fill: r,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M16 3.25c1.195 0 2.415.363 3.33 1.333.911.966 1.42 2.426 1.42 4.417 0 4.988-1.072 8.683-2.823 10.99-.5.664-1.305.819-1.958.741-.66-.078-1.355-.406-1.796-.967-.483-.613-.934-1.646-1.375-2.998a2.5 2.5 0 0 0-.477-.787c-.203-.217-.322-.229-.321-.229h-.005c-.002 0-.117.011-.317.224a2.5 2.5 0 0 0-.475.785c-.442 1.355-.892 2.393-1.376 3.007-.44.559-1.134.887-1.793.965-.614.073-1.359-.06-1.863-.623l-.098-.118C4.322 17.683 3.25 13.987 3.25 9c0-1.996.506-3.457 1.417-4.422C5.583 3.608 6.804 3.25 8 3.25c.86 0 1.702.275 2.43.594.568.249 1.113.548 1.569.8a19 19 0 0 1 1.571-.801c.728-.32 1.568-.593 2.43-.593m0 1.5c-.561 0-1.18.182-1.827.466a11 11 0 0 0-.547.259l1.709.854a.75.75 0 0 1-.67 1.342l-3-1.5-.013-.008-.011-.005c-.56-.305-1.164-.656-1.814-.941C9.178 4.932 8.557 4.75 8 4.75c-.903 0-1.683.265-2.242.857C5.194 6.204 4.75 7.243 4.75 9c0 4.81 1.04 8.136 2.519 10.083.07.094.253.198.588.158.332-.04.637-.206.792-.404.31-.392.697-1.214 1.138-2.57l.012-.033c.175-.462.446-.927.786-1.289.324-.345.811-.697 1.415-.695.602 0 1.09.356 1.413.7.298.315.544.709.718 1.11l.07.173.012.035c.44 1.355.829 2.176 1.138 2.568.155.198.461.367.794.406.338.04.516-.065.584-.155l.002-.004C18.21 17.136 19.25 13.812 19.25 9c0-1.749-.445-2.788-1.01-3.388-.562-.595-1.343-.862-2.24-.862"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(c, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(c.props.children)
+    ]) : c;
 };
-export { v as default };
+export { B as default };

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

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: h, size: e = 24 } = _param, a = _object_without_properties(_param, [
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as p } 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 x = (_param)=>{
+    var { color: s, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = m(), t = h !== null && h !== void 0 ? h : o === "brand" || o === "media" ? r.colors.neutralHighBrand : o === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: n } = c();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = p(), d = o === "brand" || o === "media" ? l.colors.neutralHighBrand : o === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: r, gradientDef: a } = g(s !== null && s !== void 0 ? s : d), { skinName: m } = f(), n = m.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M18.673 5.393C18.571 3.5 17.026 2 15.166 2H8.85C6.99 2 5.445 3.5 5.343 5.393zm-6.142 16.603h2.635c1.86 0 3.405-1.5 3.507-3.393h-6.142z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M5.34 17.535V6.465h13.333v11.07h-6.142V9.357l1.888 1.929c.11.108.247.144.389.144a.53.53 0 0 0 .39-.144.524.524 0 0 0 0-.752l-3.193-3.18-3.158 3.18a.524.524 0 0 0 0 .752.503.503 0 0 0 .74 0l1.895-1.929V22H8.847c-1.895 0-3.401-1.5-3.507-3.393H9.9c.28 0 .528-.252.528-.536a.55.55 0 0 0-.527-.536z"
             })
         ]
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M18.673 5.393C18.571 3.5 17.026 2 15.166 2H8.85C6.99 2 5.445 3.5 5.343 5.393zm-6.142 16.603h2.635c1.86 0 3.405-1.5 3.507-3.393h-6.142z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M5.34 17.535V6.465h13.333v11.07h-6.142V9.357l1.888 1.929c.11.108.247.144.389.144a.53.53 0 0 0 .39-.144.524.524 0 0 0 0-.752l-3.193-3.18-3.158 3.18a.524.524 0 0 0 0 .752.503.503 0 0 0 .74 0l1.895-1.929V22H8.847c-1.895 0-3.401-1.5-3.507-3.393H9.9c.28 0 .528-.252.528-.536a.55.55 0 0 0-.527-.536z"
             })
         ]
     }));
+    return a ? /*#__PURE__*/ c.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...c.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { g as default };
+export { x as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: i, size: h = 24 } = _param, a = _object_without_properties(_param, [
+import { jsx as e, jsxs as v } 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 a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: m, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = v(), t = i !== null && i !== void 0 ? i : l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = n();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const n = f(), s = n === "brand" || n === "media" ? a.colors.neutralHighBrand : n === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: r, gradientDef: i } = g(m !== null && m !== void 0 ? m : s), { skinName: h } = d(), l = h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, o), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: r,
             d: "M8.848 2h6.313c1.93 0 3.508 1.608 3.512 3.571V18.43c0 1.963-1.579 3.571-3.508 3.571H8.848C6.92 22 5.34 20.392 5.34 18.429V5.57C5.34 3.608 6.92 2 8.848 2m6.317 1.428H8.848c-1.057 0-1.897.788-2.074 1.783h10.462c-.177-1-1.018-1.783-2.07-1.783M6.774 18.785c.177 1 1.017 1.787 2.074 1.787h2.455v-10.43L9.69 11.786a.673.673 0 0 1-.982 0 .7.7 0 0 1 0-1l3.296-3.427 3.3 3.431a.7.7 0 0 1 0 1 .7.7 0 0 1-.491.216.7.7 0 0 1-.492-.216l-1.614-1.644v7.21h4.56V6.644H6.743v10.71h2.805c.385 0 .704.32.704.716a.71.71 0 0 1-.704.716zm5.932 1.787h2.455c1.053 0 1.894-.788 2.07-1.783h-4.525z"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, o), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "m14.37 11.18-2.197-2.25v8.784h5.929v1.071c0 1.788-1.397 3.215-3.138 3.215H8.688c-1.745 0-3.138-1.431-3.138-3.215V5.215C5.55 3.427 6.947 2 8.688 2h6.276c1.74 0 3.134 1.431 3.138 3.215v8.568c0 .212-.14.356-.347.356s-.348-.14-.348-.356v-7.5H6.257v11.435h3.485c.207 0 .347.144.347.356 0 .211-.136.355-.347.355H6.256v.356c0 1.392 1.078 2.5 2.44 2.5h2.787V8.928L9.285 11.18a.33.33 0 0 1-.488 0 .35.35 0 0 1 0-.5l3.033-3.142 3.033 3.143a.35.35 0 0 1 0 .5.38.38 0 0 1-.246.107.38.38 0 0 1-.246-.108m.594-8.464H8.688c-1.358 0-2.44 1.107-2.44 2.499v.356h11.155v-.356c0-1.392-1.077-2.5-2.439-2.5m2.44 15.71h-5.227v2.854h2.787c1.358 0 2.44-1.103 2.44-2.499z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M17.755 16.642c.386 0 .698-.32.698-.716a.707.707 0 0 0-.698-.715.707.707 0 0 0-.699.715c0 .396.313.716.699.716"
             })
         ]
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, o), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: r,
             d: "M12 9.25q.068 0 .132.012l.016.003.04.011q.05.012.098.03.044.021.083.045.087.047.161.119l4 4a.75.75 0 1 1-1.06 1.06l-2.72-2.72V20a.75.75 0 0 1-1.5 0v-8.19l-2.72 2.72a.75.75 0 1 1-1.06-1.06l4-4a.8.8 0 0 1 .16-.12q.037-.023.078-.041l.01-.004q.045-.018.094-.029l.039-.011.016-.003A1 1 0 0 1 12 9.25m8-6a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5z"
         })
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { f as default };
+export { x as default };

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

@@ -78,46 +78,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } 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 p = (_param)=>{
-    var { color: i, size: e = 24 } = _param, h = _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 a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: m, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = n(), t = i !== null && i !== void 0 ? i : l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: o } = c();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = f(), s = o === "brand" || o === "media" ? a.colors.neutralHighBrand : o === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: n, gradientDef: i } = g(m !== null && m !== void 0 ? m : s), { skinName: h } = d(), l = h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M8.848 2h6.313c1.929 0 3.508 1.608 3.512 3.571V18.43c0 1.963-1.58 3.571-3.508 3.571H8.848c-1.929 0-3.508-1.608-3.508-3.571V5.57C5.34 3.608 6.92 2 8.848 2m6.317 1.428H8.848c-1.057 0-1.897.788-2.074 1.783h10.461c-.176-1-1.017-1.783-2.07-1.783M6.774 18.785c.177 1 1.017 1.787 2.074 1.787h2.455v-10.43L9.69 11.786a.673.673 0 0 1-.982 0 .7.7 0 0 1 0-1l3.296-3.427 3.3 3.431a.7.7 0 0 1 0 1 .7.7 0 0 1-.492.216.7.7 0 0 1-.49-.216l-1.615-1.644v7.21h4.56V6.644H6.743v10.71h2.805c.385 0 .704.32.704.716a.71.71 0 0 1-.704.716zm5.932 1.787h2.455c1.053 0 1.894-.788 2.07-1.783h-4.525z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("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"
-    }, h), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M8.848 2h6.313c1.93 0 3.508 1.608 3.512 3.571V18.43c0 1.963-1.579 3.571-3.508 3.571H8.848C6.92 22 5.34 20.392 5.34 18.429V5.57C5.34 3.608 6.92 2 8.848 2m6.317 1.428H8.848c-1.057 0-1.897.788-2.074 1.783h10.462c-.177-1-1.018-1.783-2.07-1.783M6.774 18.785c.177 1 1.017 1.787 2.074 1.787h2.455v-10.43L9.69 11.786a.673.673 0 0 1-.982 0 .7.7 0 0 1 0-1l3.296-3.427 3.3 3.431a.7.7 0 0 1 0 1 .7.7 0 0 1-.491.216.7.7 0 0 1-.492-.216l-1.614-1.644v7.21h4.56V6.644H6.743v10.71h2.805c.385 0 .704.32.704.716a.71.71 0 0 1-.704.716zm5.932 1.787h2.455c1.053 0 1.894-.788 2.07-1.783h-4.525z"
         })
-    })) : /* @__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"
-    }, h), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M12 9.25q.068 0 .132.012l.016.003.04.011q.05.012.098.03.044.021.083.045.087.047.161.119l4 4a.75.75 0 1 1-1.06 1.06l-2.72-2.72V20a.75.75 0 0 1-1.5 0v-8.19l-2.72 2.72a.75.75 0 1 1-1.06-1.06l4-4a.8.8 0 0 1 .16-.12q.037-.023.078-.041l.01-.004q.045-.018.094-.029l.039-.011.016-.003A1 1 0 0 1 12 9.25m8-6a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5z"
         })
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { p as default };
+export { w as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: h, size: a = 24 } = _param, o = _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 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 C = (_param)=>{
+    var { color: h, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), t = h !== null && h !== void 0 ? h : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: c } = i();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = v(), s = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: n, gradientDef: i } = f(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), a = m.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", {
-            fill: t,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M17.717 6.241c.437.605 2.997 3.992 3.333 4.426.28.361.804 1.04.796 1.829v3.342c0 .571-.252 1.154-.695 1.594-.44.44-1.025.692-1.6.692h-.223c-.454 1.05-1.446 1.669-2.821 1.669s-2.367-.616-2.82-1.67h-3.86c-.455 1.05-1.446 1.67-2.822 1.67-1.392 0-2.394-.63-2.84-1.709a2.34 2.34 0 0 1-1.308-.652c-.443-.44-.695-1.02-.695-1.594v-4.4a.6.6 0 0 1 .603-.6h4.154L5.154 7.286 5.15 8.975c.006.028.04.69-.4 1.165-.182.2-.521.44-1.076.443H3.66c-.583 0-.927-.247-1.115-.457-.45-.501-.384-1.201-.375-1.28a.604.604 0 0 1 1.199.14c-.009.093.01.27.075.34.027.028.068.032.117.037.032.004.067.007.105.018q.148 0 .198-.053c.076-.081.087-.269.084-.311l.009-4.196c0-.238.143-.437.342-.535l.01-.008q.065-.024.132-.034l.05-.016a.3.3 0 0 1 .107-.023h.006l1.443.01a.6.6 0 0 1 .492.261l4.2 6.079v-4.76a.6.6 0 0 1 .602-.599h4.302c.801 0 1.616.41 2.073 1.045M7.011 18.59c1.258 0 1.896-.636 1.896-1.891s-.638-1.891-1.896-1.891-1.896.636-1.896 1.89c0 1.256.638 1.892 1.896 1.892m9.504 0c1.258 0 1.897-.636 1.897-1.891s-.639-1.891-1.897-1.891c-1.257 0-1.896.636-1.896 1.89 0 1.256.639 1.892 1.896 1.892"
         })
-    })) : /* @__PURE__ */ l("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"
-    }, o), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M21.877 2.26a.75.75 0 0 1 .873.74v2a.75.75 0 0 1-1.5 0V3.886L6.398 6.36l1.937.97A.75.75 0 0 1 8.75 8v3.25h2.5V7a.75.75 0 0 1 .75-.75h4A5.75 5.75 0 0 1 21.75 12v6a.75.75 0 0 1-.75.75h-1.88a2.75 2.75 0 0 1-4.24 0H9.62a2.75 2.75 0 0 1-4.24 0H3a.75.75 0 0 1-.75-.75v-6a.75.75 0 0 1 .75-.75h.25V6l.002-.03q0-.022.004-.046l.006-.059.01-.044.012-.046.01-.03.035-.08.008-.016.012-.019.038-.06.015-.023q.011-.014.024-.026a1 1 0 0 1 .075-.079l.025-.022a1 1 0 0 1 .086-.06l.027-.016a.8.8 0 0 1 .238-.084zM7.5 15.75A1.25 1.25 0 0 0 6.25 17l.006.124A1.25 1.25 0 0 0 8.75 17l-.006-.124A1.25 1.25 0 0 0 7.5 15.75m9.5 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m-12.25-4.5h2.5V8.463l-2.5-1.25zm12.309 0h3.124a4.25 4.25 0 0 0-4.175-3.5z"
         })
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { f as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-tow-truck-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 i } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as d } 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 C = (_param)=>{
+    var { color: i, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = n(), t = o !== null && o !== void 0 ? o : l === "brand" || l === "media" ? e.colors.neutralHighBrand : l === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: c } = i();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = d(), m = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: n, gradientDef: h } = f(i !== null && i !== void 0 ? i : m), { skinName: s } = v(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ h("path", {
-            fill: t,
+    }, l), {
+        children: /* @__PURE__ */ a("path", {
+            fill: n,
             d: "M21.062 10.844a494 494 0 0 1-3.407-4.501c-.428-.594-1.196-.975-1.95-.975h-4.394a.407.407 0 0 0-.41.406v5.294L6.267 4.39a.41.41 0 0 0-.336-.176l-1.47-.011h-.003a.4.4 0 0 0-.163.042.4.4 0 0 0-.286.38L4 8.872c.006.056-.006.322-.14.468l-.002.002c-.03.03-.115.115-.351.118h-.006c-.26 0-.344-.092-.372-.123-.132-.146-.137-.423-.129-.504a.405.405 0 0 0-.356-.451h-.003a.404.404 0 0 0-.453.35v.006c-.009.07-.07.697.33 1.14.165.182.468.395.986.395h.011c.493-.003.788-.21.95-.381.392-.423.361-1.014.356-1.048l.005-2.58 2.412 4.832H2.56a.407.407 0 0 0-.409.406v4.47c0 .53.236 1.068.647 1.477.353.35.807.555 1.322.616.395 1.098 1.367 1.726 2.765 1.726 1.39 0 2.359-.617 2.76-1.698h4.187c.4 1.084 1.37 1.698 2.759 1.698 1.39 0 2.359-.617 2.76-1.698h.35c.534 0 1.078-.232 1.487-.641.411-.41.65-.947.65-1.476v-3.398c0-.725-.48-1.348-.769-1.724zM5.118 5.02l.593.006 4.096 5.902-1.74-.003zm15.902 7.56c-.003-.002-.003 3.393-.003 3.393 0 .313-.149.644-.41.899-.26.258-.59.406-.907.406h-.179l.01-.092a3 3 0 0 0 .024-.334c0-1.84-1.107-2.935-2.964-2.935-1.854 0-2.964 1.098-2.964 2.935 0 .118.012.225.024.332l.01.094H9.818l.01-.092c.012-.11.024-.218.024-.334 0-1.84-1.107-2.935-2.964-2.935-1.854 0-2.96 1.098-2.96 2.935 0 .093.009.18.018.268l.01.088a1.35 1.35 0 0 1-.575-.333c-.258-.258-.409-.586-.409-.9v-4.067h8.339a.407.407 0 0 0 .409-.406V6.18h3.983c.485 0 1.011.263 1.286.639.45.619 3.078 4.078 3.423 4.524.227.29.608.781.608 1.238m-6.572 4.272c0-1.389.742-2.123 2.143-2.123s2.143.734 2.143 2.123-.742 2.124-2.143 2.124-2.143-.734-2.143-2.124m-7.56 2.124c-1.4 0-2.14-.734-2.14-2.124 0-1.389.74-2.123 2.14-2.123 1.403 0 2.143.734 2.143 2.123s-.74 2.124-2.143 2.124"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ h("path", {
-            fill: t,
+    }, l), {
+        children: /* @__PURE__ */ a("path", {
+            fill: n,
             d: "M21.877 2.26a.75.75 0 0 1 .873.74v2a.75.75 0 0 1-1.5 0V3.886L6.398 6.36l1.937.969a.75.75 0 0 1 .415.67v3.25h2.5V7a.75.75 0 0 1 .75-.75h4A5.75 5.75 0 0 1 21.75 12v6a.75.75 0 0 1-.75.75h-1.879a2.75 2.75 0 0 1-4.242 0H9.12a2.75 2.75 0 0 1-4.242 0H3a.75.75 0 0 1-.75-.75v-6a.75.75 0 0 1 .75-.75h.25V6l.002-.028q0-.024.004-.047a.8.8 0 0 1 .073-.26l.015-.026a.75.75 0 0 1 .415-.348l.021-.006a1 1 0 0 1 .097-.024zM7 15.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m10 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m-13.25 1.5h.513a2.75 2.75 0 1 1 5.475 0h1.512v-4.5h-7.5zm9 0h1.513a2.75 2.75 0 1 1 5.475 0h.512v-4.5H16.5a.75.75 0 0 1-.719-.534l-1.34-4.466H12.75zm4.309-6h3.124a4.25 4.25 0 0 0-4.175-3.5zm-12.309 0h2.5V8.463l-2.5-1.25z"
         })
     }));
+    return h ? /*#__PURE__*/ c.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...c.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-tow-truck-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 i } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: a = 24 } = _param, c = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as d } 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: i, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = n(), r = o !== null && o !== void 0 ? o : l === "brand" || l === "media" ? e.colors.neutralHighBrand : l === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: t } = i();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = d(), s = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: n, gradientDef: c } = f(i !== null && i !== void 0 ? i : s), { skinName: m } = v(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ h("path", {
-            fill: r,
+    }, l), {
+        children: /* @__PURE__ */ a("path", {
+            fill: n,
             d: "M17.707 6.243c.437.605 2.997 3.992 3.333 4.426l.013.017c.28.368.788 1.034.788 1.812v3.336c0 .575-.252 1.154-.695 1.594s-1.025.692-1.599.692h-.224c-.454 1.053-1.445 1.672-2.82 1.672-1.376 0-2.368-.619-2.821-1.672H9.819c-.454 1.053-1.446 1.672-2.82 1.672-1.393 0-2.396-.633-2.841-1.709-.504-.08-.95-.3-1.306-.652-.442-.44-.694-1.02-.694-1.594v-4.4a.6.6 0 0 1 .602-.6h4.151L5.147 7.285l-.003 1.692c.005.028.042.69-.4 1.165-.186.2-.522.44-1.076.443h-.014c-.583 0-.928-.25-1.115-.457-.451-.501-.384-1.201-.376-1.283a.604.604 0 0 1 1.2.14c-.01.096.01.272.075.342.026.028.065.032.112.037q.05.003.11.02c.097-.004.164-.02.198-.057.073-.081.087-.269.084-.31l.006-4.197a.59.59 0 0 1 .353-.538.4.4 0 0 1 .131-.033l.05-.016a.3.3 0 0 1 .107-.023h.006l1.442.01c.2 0 .381.099.493.261l4.2 6.079V5.798a.6.6 0 0 1 .601-.6h4.303c.801 0 1.613.41 2.073 1.045M5.712 5.42l-.15-.003 2.685 5.409 1.2.003zm14.925 10.42v-3.345c0-.378-.345-.826-.552-1.095a485 485 0 0 1-3.361-4.454c-.233-.322-.684-.546-1.096-.546h-3.7v5.04a.6.6 0 0 1-.602.599h-7.97v3.798c0 .258.124.53.342.745a.6.6 0 0 0 .127.087q.034.019.067.04v-.006c0-1.905 1.19-3.09 3.103-3.09s3.104 1.182 3.104 3.09q-.002.062-.009.123-.005.047-.008.095h3.33l-.007-.094q-.009-.059-.01-.124c0-1.905 1.191-3.09 3.105-3.09s3.103 1.182 3.103 3.09q0 .062-.009.12l-.008.095c.247-.01.502-.129.709-.333.218-.216.342-.488.342-.745m-4.135 2.756c1.258 0 1.9-.636 1.9-1.89s-.642-1.891-1.9-1.891c-1.257 0-1.896.636-1.896 1.89s.639 1.891 1.896 1.891m-11.4-1.89c0 1.254.638 1.89 1.896 1.89 1.26 0 1.9-.636 1.896-1.89 0-1.255-.638-1.891-1.896-1.891s-1.896.636-1.896 1.89"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ h("path", {
-            fill: r,
+    }, l), {
+        children: /* @__PURE__ */ a("path", {
+            fill: n,
             d: "M21.877 2.26a.75.75 0 0 1 .873.74v2a.75.75 0 0 1-1.5 0V3.886L6.398 6.36l1.937.969a.75.75 0 0 1 .415.67v3.25h2.5V7a.75.75 0 0 1 .75-.75h4A5.75 5.75 0 0 1 21.75 12v6a.75.75 0 0 1-.75.75h-1.879a2.75 2.75 0 0 1-4.242 0H9.12a2.75 2.75 0 0 1-4.242 0H3a.75.75 0 0 1-.75-.75v-6a.75.75 0 0 1 .75-.75h.25V6l.002-.028q0-.024.004-.047a.8.8 0 0 1 .073-.26l.015-.026a.75.75 0 0 1 .415-.348l.021-.006a1 1 0 0 1 .097-.024zM7 15.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m10 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m-13.25 1.5h.513a2.75 2.75 0 1 1 5.475 0h1.512v-4.5h-7.5zm9 0h1.513a2.75 2.75 0 1 1 5.475 0h.512v-4.5H16.5a.75.75 0 0 1-.719-.534l-1.34-4.466H12.75zm4.309-6h3.124a4.25 4.25 0 0 0-4.175-3.5zm-12.309 0h2.5V8.463l-2.5-1.25z"
         })
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { w as default };