@telefonica/mistica 16.68.0 → 16.69.0

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

@@ -78,68 +78,75 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: o, size: h = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import * as m from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: t = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), c = o !== null && o !== void 0 ? o : t === "brand" || t === "media" ? i.colors.neutralHighBrand : t === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: l } = m();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const r = f(), v = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: l } = g(s !== null && s !== void 0 ? s : v), { skinName: c } = d(), o = c.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: c,
+    }, h), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M18.308 7.455c.37.53 2.555 3.557 2.83 3.924.249.325.708.944.705 1.67v2.97c0 .534-.224 1.072-.61 1.48-.392.413-.916.645-1.423.645h-.869c-.193 1.54-1.255 2.468-2.854 2.468-1.608 0-2.67-.927-2.863-2.468h-3.93c-.193 1.54-1.255 2.468-2.854 2.468-1.608 0-2.672-.927-2.871-2.468-.782-.014-1.41-.675-1.41-1.487V4.878c0-.82.642-1.49 1.432-1.49l10.622.008c.787 0 1.432.661 1.432 1.482v1.616l.82-.008h.009c.708 0 1.425.384 1.834.969m-9.03 9.437h3.963c.154-.846.563-1.49 1.199-1.885V4.878a.23.23 0 0 0-.227-.227L3.591 4.643a.23.23 0 0 0-.224.235V16.66a.237.237 0 0 0 .227.232c.258-1.445 1.294-2.308 2.846-2.308 1.543 0 2.58.863 2.838 2.308m11.364-.871v-2.96c0-.312-.283-.696-.451-.922a579 579 0 0 1-2.863-3.958 1.14 1.14 0 0 0-.854-.443l-.827.008v6.86a4 4 0 0 1 .443-.025c1.543 0 2.58.863 2.837 2.308h.886c.184 0 .403-.098.571-.274a.9.9 0 0 0 .258-.594m-4.555 3.339c1.118 0 1.69-.594 1.69-1.76 0-1.17-.572-1.764-1.69-1.764-1.126 0-1.697.594-1.697 1.768 0 1.162.571 1.756 1.697 1.756m-9.65 0c1.118 0 1.69-.594 1.69-1.756 0-1.171-.572-1.765-1.69-1.765-1.126 0-1.697.594-1.697 1.765 0 1.162.571 1.756 1.697 1.756"
         })
-    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "m22 12.607-6.848-6.971h-2.796v-.362C12.356 3.47 10.916 2 9.14 2H2.716A.727.727 0 0 0 2 2.729c0 .399.32.729.716.729h6.428c.984 0 1.784.814 1.784 1.816V18.36H2.716a.72.72 0 0 0-.716.729c0 .403.32.729.716.729h10.9C14.06 21.088 15.248 22 16.644 22s2.588-.912 3.028-2.182H22zm-5.356 7.935c-.984 0-1.784-.814-1.784-1.816 0-1.001.8-1.816 1.784-1.816s1.784.815 1.784 1.816-.8 1.816-1.784 1.816m3.192-2.182c-.18-1.633-1.544-2.907-3.192-2.907s-3.016 1.274-3.192 2.907H12.36V7.094h2.2l6.012 6.12v5.146z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M2.716 14.362h5.716a.72.72 0 0 0 .716-.73.72.72 0 0 0-.716-.728H2.716a.72.72 0 0 0-.716.729c0 .403.32.729.716.729m2.5-3.636h-2.5A.72.72 0 0 1 2 10c0-.403.32-.729.716-.733h2.5c.396 0 .716.326.716.729s-.32.729-.716.729"
             })
         ]
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "m22 12.607-6.848-6.971h-2.796v-.362C12.356 3.47 10.916 2 9.14 2H2.716A.727.727 0 0 0 2 2.729c0 .399.32.729.716.729h6.428c.984 0 1.784.814 1.784 1.816V18.36H2.716a.72.72 0 0 0-.716.729c0 .403.32.729.716.729h10.9C14.06 21.088 15.248 22 16.644 22s2.588-.912 3.028-2.182H22zm-5.356 7.935c-.984 0-1.784-.814-1.784-1.816 0-1.001.8-1.816 1.784-1.816s1.784.815 1.784 1.816-.8 1.816-1.784 1.816m3.192-2.182c-.18-1.633-1.544-2.907-3.192-2.907s-3.016 1.274-3.192 2.907H12.36V7.094h2.2l6.012 6.12v5.146z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M2.716 14.362h5.716a.72.72 0 0 0 .716-.73.72.72 0 0 0-.716-.728H2.716a.72.72 0 0 0-.716.729c0 .403.32.729.716.729m2.5-3.636h-2.5A.72.72 0 0 1 2 10c0-.403.32-.729.716-.733h2.5c.396 0 .716.326.716.729s-.32.729-.716.729"
             })
         ]
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: c,
+    }, h), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M13 4.25a.75.75 0 0 1 .75.75v.25H18c.263 0 .508.138.644.364l3 5a.75.75 0 0 1 .106.386v6a.75.75 0 0 1-.75.75h-1.356a2.747 2.747 0 0 1-5.288 0H9.644a2.748 2.748 0 0 1-5.288 0H3a.75.75 0 0 1-.75-.75V6A1.75 1.75 0 0 1 4 4.25zm-6 11.5a1.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-3.25.5h.606a2.747 2.747 0 0 1 5.288 0h.606v-4.5h-6.5zM4 5.75a.25.25 0 0 0-.25.25v10.25h.606a2.748 2.748 0 0 1 5.288 0h2.606V5.75zm9.75 4.5h5.925l-2.1-3.5H13.75z"
         })
     }));
+    return l ? /*#__PURE__*/ m.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...m.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { x as default };

package/dist-es/generated/mistica-icons/icon-tshirt-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 h } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: l, size: a = 24 } = _param, o = _object_without_properties(_param, [
+import * as c 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 V = (_param)=>{
+    var { color: s, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = c(), i = l !== null && l !== void 0 ? l : r === "brand" || r === "media" ? t.colors.neutralHighBrand : r === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: n } = h();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), h = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: i, gradientDef: l } = g(s !== null && s !== void 0 ? s : h), { skinName: d } = m(), a = d.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: i,
             d: "M21.642 5.911 15.54 2.214q-.006-.004-.012-.003a.4.4 0 0 0-.098-.036c-.022-.006-.045-.014-.07-.014-.008 0-.017-.006-.022-.006-.014 0-.028.006-.04.008a.4.4 0 0 0-.1.023c-.014.005-.023.011-.037.017a.3.3 0 0 0-.1.07l-.017.016c-.02.023-.045.04-.06.068-.008.017-.008.033-.016.047q0 .005-.003.006a.4.4 0 0 0-.03.16c0 1.907-.92 2.837-2.802 2.837-1.885 0-2.8-.927-2.8-2.84a.41.41 0 0 0-.202-.356.41.41 0 0 0-.407-.003L2.36 5.906a.41.41 0 0 0-.168.526l1.975 4.398a.404.404 0 0 0 .54.202l1.614-.773-.033 11.168c0 .109.042.215.117.294a.4.4 0 0 0 .289.12H17.56a.4.4 0 0 0 .286-.12.42.42 0 0 0 .117-.294l-.033-11.163 1.582.768a.42.42 0 0 0 .322.014.42.42 0 0 0 .23-.23l1.745-4.4a.41.41 0 0 0-.168-.505"
         })
     })) : /* @__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: i,
             d: "m15.158 3.525 6 2A.5.5 0 0 1 21.5 6v5a.5.5 0 0 1-.5.5h-2.5V19a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 19v-7.5H3a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .342-.475l6-2A.5.5 0 0 1 9.5 4a2.5 2.5 0 0 0 5 0 .5.5 0 0 1 .658-.475"
         })
     }));
+    return l ? /*#__PURE__*/ c.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...c.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { f as default };
+export { V as default };

package/dist-es/generated/mistica-icons/icon-tshirt-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 h } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import * as h from "react";
+import { useTheme as d } 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 V = (_param)=>{
+    var { color: s, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = m(), o = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? l.colors.neutralHighBrand : t === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: n } = h();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ e("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: l, gradientDef: i } = g(s !== null && s !== void 0 ? s : c), { skinName: m } = d(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: l,
             d: "m15.535 2.209 6.104 3.697a.41.41 0 0 1 .168.51l-1.745 4.398a.403.403 0 0 1-.552.218l-1.583-.767.034 11.162c0 .11-.042.213-.118.291a.4.4 0 0 1-.285.12H6.689a.4.4 0 0 1-.286-.12.4.4 0 0 1-.117-.29l.033-11.169-1.613.773a.404.404 0 0 1-.543-.202l-1.975-4.4a.413.413 0 0 1 .168-.527l6.361-3.697a.405.405 0 0 1 .608.356c0 1.91.916 2.84 2.801 2.84 1.888 0 2.804-.927 2.804-2.838q-.002-.084.03-.16s.004-.002.004-.005l.004-.014.012-.033c.01-.02.024-.033.038-.047l.021-.02.006-.007.011-.01a.5.5 0 0 1 .137-.087.4.4 0 0 1 .101-.02l.014-.004.025-.004.012.002q.005.003.01.003.038.006.07.014a.4.4 0 0 1 .099.034q.005 0 .011.003m2.16 7.028 1.776.862 1.453-3.666-5.238-3.171c-.235 1.913-1.476 2.963-3.563 2.963-2.092 0-3.339-1.05-3.571-2.977L3.076 6.43l1.652 3.68 1.821-.873a.407.407 0 0 1 .58.372l-.034 11.406H17.15L17.115 9.61c0-.143.07-.274.188-.35a.42.42 0 0 1 .392-.022"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: l,
             d: "M14.562 3.391a.75.75 0 0 1 .675-.103l6 2A.75.75 0 0 1 21.75 6v5a.75.75 0 0 1-.75.75h-2.25V19A1.75 1.75 0 0 1 17 20.75H7A1.75 1.75 0 0 1 5.25 19v-7.25H3a.75.75 0 0 1-.75-.75V6a.75.75 0 0 1 .513-.712l6-2A.75.75 0 0 1 9.75 4a2.25 2.25 0 0 0 4.5 0 .75.75 0 0 1 .312-.609m1.051 1.604A3.75 3.75 0 0 1 12 7.75a3.75 3.75 0 0 1-3.614-2.755L3.75 6.54v3.709H6a.75.75 0 0 1 .75.75v8a.25.25 0 0 0 .25.25h10a.25.25 0 0 0 .25-.25v-8a.75.75 0 0 1 .75-.75h2.25V6.54z"
         })
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { V as default };

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

@@ -79,23 +79,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as h } 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: 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 V = (_param)=>{
+    var { color: s, size: a = 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: n } = h();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const t = v(), c = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: i } = f(s !== null && s !== void 0 ? s : c), { skinName: m } = d(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: l,
             d: "m15.574 2.247 5.984 3.625c.249.15.355.467.246.74l-1.711 4.31a.593.593 0 0 1-.81.316l-1.266-.613.034 10.614a.6.6 0 0 1-.597.605H6.813a.6.6 0 0 1-.423-.177.6.6 0 0 1-.174-.428l.03-10.62-1.296.62a.58.58 0 0 1-.46.022.6.6 0 0 1-.339-.316L2.216 6.634a.61.61 0 0 1 .246-.774l6.233-3.624a.59.59 0 0 1 .594.003.6.6 0 0 1 .297.523c0 1.762.81 2.583 2.546 2.583 1.737 0 2.546-.82 2.546-2.583l.002-.007v-.007a.7.7 0 0 1 .046-.206l.01-.029.006-.017a.2.2 0 0 1 .014-.042.3.3 0 0 1 .05-.057 1 1 0 0 0 .065-.072.6.6 0 0 1 .151-.1q.023-.014.048-.023a.7.7 0 0 1 .143-.03q.017 0 .03-.006a.1.1 0 0 1 .032-.006q.015 0 .026.006l.01.003q.054.002.104.02a.7.7 0 0 1 .153.056zm2.101 6.877 1.55.753 1.282-3.232L15.77 3.77c-.341 1.779-1.618 2.784-3.638 2.784-2.062 0-3.33-.983-3.656-2.795L3.521 6.636l1.46 3.252 1.605-.767a.58.58 0 0 1 .574.036.61.61 0 0 1 .277.513l-.033 10.97h9.45l-.033-10.97a.596.596 0 0 1 .854-.546"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
@@ -103,11 +104,17 @@ const g = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: l,
             d: "M14.562 3.391a.75.75 0 0 1 .675-.103l6 2A.75.75 0 0 1 21.75 6v5a.75.75 0 0 1-.75.75h-2.25V19A1.75 1.75 0 0 1 17 20.75H7A1.75 1.75 0 0 1 5.25 19v-7.25H3a.75.75 0 0 1-.75-.75V6a.75.75 0 0 1 .513-.712l6-2A.75.75 0 0 1 9.75 4a2.25 2.25 0 0 0 4.5 0 .75.75 0 0 1 .312-.609m1.051 1.604A3.75 3.75 0 0 1 12 7.75a3.75 3.75 0 0 1-3.614-2.755L3.75 6.54v3.709H6a.75.75 0 0 1 .75.75v8a.25.25 0 0 0 .25.25h10a.25.25 0 0 0 .25-.25v-8a.75.75 0 0 1 .75-.75h2.25V6.54z"
         })
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { V as default };

package/dist-es/generated/mistica-icons/icon-tv-content-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 { jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: l, size: e = 24 } = _param, h = _object_without_properties(_param, [
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: v, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = c(), i = l !== null && l !== void 0 ? l : o === "brand" || o === "media" ? a.colors.neutralHighBrand : o === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { skinName: r } = n();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = m(), d = o === "brand" || o === "media" ? a.colors.neutralHighBrand : o === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: n, gradientDef: h } = f(v !== null && v !== void 0 ? v : d), { skinName: i } = s(), 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"
-    }, h), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M5.595 17.329H18.4c1.118 0 1.986-.311 2.58-.927.571-.589.86-1.434.86-2.51V7.895c0-2.2-1.221-3.412-3.44-3.412L5.595 4.475c-2.219 0-3.44 1.21-3.44 3.411v5.998c0 1.075.288 1.921.857 2.515.594.616 1.462.93 2.583.93m3.94 2.199h4.917c.308 0 .56-.252.56-.56a.56.56 0 0 0-.56-.56H9.536a.56.56 0 0 0-.56.56c0 .308.252.56.56.56"
         })
-    })) : r.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"
-    }, h), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M22 4.5v12.596h-7.961v1.294h2.409c.308 0 .554.247.554.555a.553.553 0 0 1-.554.555h-8.89a.553.553 0 0 1-.556-.555c0-.308.247-.555.555-.555h2.409v-1.294H2V4.5zM11.07 18.39h1.855v-1.294H11.07z"
         })
-    })) : r.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"
-    }, h), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M22 4.5v12.596h-7.961v1.294h2.409c.308 0 .554.247.554.555a.553.553 0 0 1-.554.555h-8.89a.553.553 0 0 1-.556-.555c0-.308.247-.555.555-.555h2.409v-1.294H2V4.5zM11.07 18.39h1.855v-1.294H11.07z"
         })
-    })) : /* @__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"
-    }, h), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M19 3.5A2.5 2.5 0 0 1 21.5 6v9a2.5 2.5 0 0 1-2.5 2.5h-2.44l1.97 1.97a.75.75 0 1 1-1.06 1.06l-3-3-.028-.03H9.558l-.028.03-3 3a.75.75 0 1 1-1.06-1.06l1.97-1.97H5A2.5 2.5 0 0 1 2.5 15V6A2.5 2.5 0 0 1 5 3.5z"
         })
     }));
+    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 { V as default };

package/dist-es/generated/mistica-icons/icon-tv-content-light.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 n } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: l, 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 m } from "../../hooks.js";
+import { useThemeVariant as s } 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 C = (_param)=>{
+    var { color: v, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = c(), i = l !== null && l !== void 0 ? l : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = s(), d = o === "brand" || o === "media" ? a.colors.neutralHighBrand : o === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: n, gradientDef: l } = f(v !== null && v !== void 0 ? v : d), { skinName: h } = m(), i = 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__ */ h("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M5.32 17.307c-1.043 0-1.842-.275-2.383-.815-.518-.522-.782-1.28-.782-2.25V8.156c0-.97.264-1.722.782-2.236.536-.532 1.337-.8 2.38-.8l13.366-.009c1.043 0 1.845.269 2.38.801.518.516.782 1.269.782 2.236v6.087c0 .97-.264 1.728-.782 2.25-.538.54-1.34.814-2.383.814zM18.686 5.653 5.32 5.661c-1.752 0-2.604.815-2.604 2.494v6.088c0 .825.21 1.453.625 1.871.429.432 1.093.65 1.979.65l13.366-.009c.883 0 1.55-.217 1.979-.649.415-.416.625-1.046.625-1.872V8.147c-.003-1.679-.852-2.494-2.604-2.494m-9.422 13.24h5.47c.153 0 .28-.122.28-.272a.277.277 0 0 0-.28-.271h-5.47a.277.277 0 0 0-.28.271c0 .15.126.272.28.272"
         })
-    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : h.match(/^o2-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: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M22 17.662V4H2v13.662h7.966v1.169H7.557a.57.57 0 0 0-.555.584c0 .325.247.585.555.585h8.89c.309 0 .555-.26.555-.585s-.246-.584-.554-.584h-2.41v-1.17zm-18.52-1.56V5.564h17.04v10.538zm7.59 2.734v-1.17h1.855v1.17z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ h("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"
-    }, t), {
-        children: /* @__PURE__ */ h("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M21.632 16.878a.366.366 0 0 0-.363-.374H2.726V5.249h18.185v7.13a.37.37 0 0 0 .363.375.37.37 0 0 0 .363-.375V4.5H2v12.753h8v1.498H7.456a.37.37 0 0 0-.363.374.37.37 0 0 0 .363.375h8.727a.37.37 0 0 0 .363-.375.37.37 0 0 0-.363-.374h-2.546v-1.498h7.633a.37.37 0 0 0 .363-.375M22 14.626a.74.74 0 0 1-.726.75.74.74 0 0 1-.726-.75c0-.412.326-.749.726-.749s.726.336.726.75m-11.278 2.627h2.183v1.498h-2.183z"
         })
-    })) : /* @__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: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M19 3.25A2.75 2.75 0 0 1 21.75 6v9A2.75 2.75 0 0 1 19 17.75h-2.19l1.72 1.72a.75.75 0 1 1-1.06 1.06l-2.78-2.78H9.31l-2.78 2.78a.75.75 0 1 1-1.06-1.06l1.72-1.72H5A2.75 2.75 0 0 1 2.25 15V6A2.75 2.75 0 0 1 5 3.25zM5 4.75c-.69 0-1.25.56-1.25 1.25v9c0 .69.56 1.25 1.25 1.25h14c.69 0 1.25-.56 1.25-1.25V6c0-.69-.56-1.25-1.25-1.25z"
         })
     }));
+    return l ? /*#__PURE__*/ c.cloneElement(i, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...c.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { g as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-tv-content-regular.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 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 g = (_param)=>{
-    var { color: l, size: e = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as v from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as s } 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 A = (_param)=>{
+    var { color: c, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = v(), r = l !== null && l !== void 0 ? l : a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = s(), m = o === "brand" || o === "media" ? a.colors.neutralHighBrand : o === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: n, gradientDef: l } = f(c !== null && c !== void 0 ? c : m), { skinName: h } = d(), i = 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__ */ h("path", {
-            fill: r,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M3.176 5.455c0-.71.58-1.286 1.295-1.286h15.058a1.29 1.29 0 0 1 1.294 1.286v9.35a1.29 1.29 0 0 1-1.294 1.286H4.471a1.29 1.29 0 0 1-1.295-1.286zm9.412 11.805h6.941A2.463 2.463 0 0 0 22 14.805v-9.35A2.463 2.463 0 0 0 19.53 3H4.47A2.463 2.463 0 0 0 2 5.455v9.35a2.463 2.463 0 0 0 2.47 2.455h6.942v2.571H8.235a.586.586 0 0 0-.588.585c0 .322.263.584.588.584h7.53a.586.586 0 0 0 .588-.584.586.586 0 0 0-.588-.585h-3.177z"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : h.match(/^o2-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: r,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M22 17.662V4H2v13.662h7.966v1.169H7.557a.57.57 0 0 0-.555.584c0 .325.247.585.555.585h8.89c.309 0 .555-.26.555-.585s-.246-.584-.554-.584h-2.41v-1.17zm-18.52-1.56V5.564h17.04v10.538zm7.59 2.734v-1.17h1.855v1.17z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ h("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"
-    }, t), {
-        children: /* @__PURE__ */ h("path", {
-            fill: r,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M22 17.662V4H2v13.662h7.966v1.169H7.557a.57.57 0 0 0-.555.584c0 .325.247.585.555.585h8.89c.309 0 .555-.26.555-.585s-.246-.584-.554-.584h-2.41v-1.17zm-18.52-1.56V5.564h17.04v10.538zm7.59 2.734v-1.17h1.855v1.17z"
         })
-    })) : /* @__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: r,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M19 3.25A2.75 2.75 0 0 1 21.75 6v9A2.75 2.75 0 0 1 19 17.75h-2.19l1.72 1.72a.75.75 0 1 1-1.06 1.06l-2.78-2.78H9.31l-2.78 2.78a.75.75 0 1 1-1.06-1.06l1.72-1.72H5A2.75 2.75 0 0 1 2.25 15V6A2.75 2.75 0 0 1 5 3.25zM5 4.75c-.69 0-1.25.56-1.25 1.25v9c0 .69.56 1.25 1.25 1.25h14c.69 0 1.25-.56 1.25-1.25V6c0-.69-.56-1.25-1.25-1.25z"
         })
     }));
+    return l ? /*#__PURE__*/ v.cloneElement(i, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...v.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { g as default };
+export { A as default };