@telefonica/mistica 16.68.0 → 16.70.0

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useThemeVariant as i } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as t } from "react/jsx-runtime";
+import * as l from "react";
+import { useThemeVariant as c } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as d } from "../../utils/icon-gradient.js";
 const H = (_param)=>{
-    var { color: o, size: l = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: i, size: a = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = i(), h = o !== null && o !== void 0 ? o : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const e = c(), s = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: m, gradientDef: n } = d(i !== null && i !== void 0 ? i : s), r = /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ e("path", {
-            fill: h,
+    }, h), {
+        children: /* @__PURE__ */ t("path", {
+            fill: m,
             d: "M18.22 5.25a1.75 1.75 0 0 1 1.657 1.185l.041.14 1.5 6a1.75 1.75 0 0 1-1.697 2.175H12.75v2.5H17a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1 0-1.5h4.25v-2.5H4.28a1.75 1.75 0 0 1-1.697-2.175l1.5-6 .041-.14A1.75 1.75 0 0 1 5.78 5.25zM4.039 12.938a.25.25 0 0 0 .045.215.25.25 0 0 0 .197.097h4.058l.312-2.5H4.585zm5.812.312h4.3l-.312-2.5h-3.676zm5.812 0h4.059a.25.25 0 0 0 .244-.198.25.25 0 0 0-.002-.112l-.547-2.19H15.35zM5.78 6.75a.25.25 0 0 0-.242.19L4.96 9.25h3.878l.312-2.5zm4.57 2.5h3.3l-.312-2.5h-2.676zm4.812 0h3.879l-.578-2.31-.033-.077a.25.25 0 0 0-.21-.113h-3.37z"
         })
     }));
+    return n ? /*#__PURE__*/ l.cloneElement(r, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...l.Children.toArray(r.props.children)
+    ]) : r;
 };
 export { H as default };

package/dist-es/generated/mistica-icons/icon-solar-panel-sun-filled.js

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useThemeVariant as i } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as l } from "react/jsx-runtime";
+import * as n from "react";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as c } from "../../utils/icon-gradient.js";
 const z = (_param)=>{
-    var { color: o, size: r = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: i, size: r = 24 } = _param, m = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = i(), m = o !== null && o !== void 0 ? o : a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const a = d(), s = a === "brand" || a === "media" ? t.colors.neutralHighBrand : a === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { fillValue: h, gradientDef: o } = c(i !== null && i !== void 0 ? i : s), e = /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ e("path", {
-            fill: m,
+    }, m), {
+        children: /* @__PURE__ */ l("path", {
+            fill: h,
             d: "M8.366 17.75a.25.25 0 0 1 .25.281l-.407 3.25a.25.25 0 0 1-.25.219H4.28a1.5 1.5 0 0 1-1.182-.577 1.5 1.5 0 0 1-.273-1.287l.425-1.697a.25.25 0 0 1 .242-.189zm5.25 0a.25.25 0 0 1 .25.219l.405 3.25a.25.25 0 0 1-.249.281H9.975a.25.25 0 0 1-.248-.281l.407-3.25a.25.25 0 0 1 .248-.219zm6.893 0a.25.25 0 0 1 .242.19l.424 1.696A1.5 1.5 0 0 1 19.72 21.5h-3.682a.25.25 0 0 1-.248-.219l-.406-3.25a.25.25 0 0 1 .248-.281zM9.021 12.5a.25.25 0 0 1 .248.277l-.014.13-.39 3.124a.25.25 0 0 1-.248.219H3.991a.25.25 0 0 1-.242-.31l.575-2.304.035-.12A1.5 1.5 0 0 1 5.78 12.5zm3.945 0a.25.25 0 0 1 .249.223l.039.36v.01l.361 2.876a.25.25 0 0 1-.248.281h-2.735a.25.25 0 0 1-.248-.281l.359-2.876.001-.01.04-.36a.25.25 0 0 1 .25-.223zm5.254 0a1.5 1.5 0 0 1 1.455 1.136l.576 2.304a.25.25 0 0 1-.242.31h-4.627a.25.25 0 0 1-.248-.219l-.391-3.124-.014-.13a.25.25 0 0 1 .248-.277zm-6.221-4.25a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75m4.67-1.58a.75.75 0 0 1 1.06 0l.707.707a.75.75 0 0 1-1.06 1.06l-.707-.707a.75.75 0 0 1 0-1.06m-10.399 0a.75.75 0 0 1 1.06 1.06l-.7.7a.75.75 0 0 1-1.06-1.06zm9.729-5.17a.5.5 0 0 1 .5.5 4.5 4.5 0 0 1-9 0 .5.5 0 0 1 .5-.5zm-11 .75a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1 0-1.5zm15 0a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1 0-1.5z"
         })
     }));
+    return o ? /*#__PURE__*/ n.cloneElement(e, {}, [
+        /* @__PURE__ */ l("defs", {
+            children: o
+        }, "gradient-defs"),
+        ...n.Children.toArray(e.props.children)
+    ]) : e;
 };
 export { z as default };

package/dist-es/generated/mistica-icons/icon-solar-panel-sun-light.js

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "react";
+import { useThemeVariant as c } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as d } from "../../utils/icon-gradient.js";
 const z = (_param)=>{
-    var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: i, size: o = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = m(), h = t !== null && t !== void 0 ? t : a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh;
-    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const a = c(), m = a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: s, gradientDef: l } = d(i !== null && i !== void 0 ? i : m), e = /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ o("path", {
-            fill: h,
+    }, h), {
+        children: /* @__PURE__ */ t("path", {
+            fill: s,
             d: "M18.22 12.25a1.75 1.75 0 0 1 1.657 1.185l.041.14 1.5 6a1.75 1.75 0 0 1-1.697 2.175H4.28a1.75 1.75 0 0 1-1.698-2.175l1.5-6 .041-.14A1.75 1.75 0 0 1 5.78 12.25zM4.039 19.939a.25.25 0 0 0 .045.214.25.25 0 0 0 .197.097h4.058l.312-2.5H4.585zm11.624.311h4.059a.25.25 0 0 0 .244-.198.25.25 0 0 0-.002-.113l-.547-2.189H15.35zm-5.812 0h4.3l-.312-2.5h-3.676zm-4.07-6.5a.25.25 0 0 0-.242.19l-.578 2.31h3.878l.312-2.5zm9.382 2.5h3.879l-.578-2.31-.033-.077a.25.25 0 0 0-.21-.113h-3.37zm-4.812 0h3.3l-.312-2.5h-2.676zm1.649-8a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75m4.67-1.58a.75.75 0 0 1 1.06 0l.707.707a.75.75 0 0 1-1.06 1.06l-.707-.707a.75.75 0 0 1 0-1.06m-10.4 0a.75.75 0 0 1 1.06 1.06l-.7.7a.75.75 0 0 1-1.06-1.06zM16 1.25a.75.75 0 0 1 .75.75 4.75 4.75 0 0 1-9.5 0 .75.75 0 0 1 1.5 0 3.25 3.25 0 0 0 6.5 0 .75.75 0 0 1 .75-.75m-11 1a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5zm15 0a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1 0-1.5z"
         })
     }));
+    return l ? /*#__PURE__*/ n.cloneElement(e, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...n.Children.toArray(e.props.children)
+    ]) : e;
 };
 export { z as default };

package/dist-es/generated/mistica-icons/icon-solar-panel-sun-regular.js

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as r } from "react/jsx-runtime";
+import * as n from "react";
+import { useThemeVariant as c } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as d } from "../../utils/icon-gradient.js";
 const z = (_param)=>{
-    var { color: o, size: r = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: i, size: l = 24 } = _param, m = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = m(), h = o !== null && o !== void 0 ? o : a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const a = c(), h = a === "brand" || a === "media" ? t.colors.neutralHighBrand : a === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { fillValue: s, gradientDef: o } = d(i !== null && i !== void 0 ? i : h), e = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ e("path", {
-            fill: h,
+    }, m), {
+        children: /* @__PURE__ */ r("path", {
+            fill: s,
             d: "M18.22 12.25a1.75 1.75 0 0 1 1.657 1.185l.041.14 1.5 6a1.75 1.75 0 0 1-1.697 2.175H4.28a1.75 1.75 0 0 1-1.698-2.175l1.5-6 .041-.14A1.75 1.75 0 0 1 5.78 12.25zM4.039 19.939a.25.25 0 0 0 .045.214.25.25 0 0 0 .197.097h4.058l.312-2.5H4.585zm11.624.311h4.059a.25.25 0 0 0 .244-.198.25.25 0 0 0-.002-.113l-.547-2.189H15.35zm-5.812 0h4.3l-.312-2.5h-3.676zm-4.07-6.5a.25.25 0 0 0-.242.19l-.578 2.31h3.878l.312-2.5zm9.382 2.5h3.879l-.578-2.31-.033-.077a.25.25 0 0 0-.21-.113h-3.37zm-4.812 0h3.3l-.312-2.5h-2.676zm1.649-8a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75m4.67-1.58a.75.75 0 0 1 1.06 0l.707.707a.75.75 0 0 1-1.06 1.06l-.707-.707a.75.75 0 0 1 0-1.06m-10.4 0a.75.75 0 0 1 1.06 1.06l-.7.7a.75.75 0 0 1-1.06-1.06zM16 1.25a.75.75 0 0 1 .75.75 4.75 4.75 0 0 1-9.5 0 .75.75 0 0 1 1.5 0 3.25 3.25 0 0 0 6.5 0 .75.75 0 0 1 .75-.75m-11 1a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5zm15 0a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1 0-1.5z"
         })
     }));
+    return o ? /*#__PURE__*/ n.cloneElement(e, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: o
+        }, "gradient-defs"),
+        ...n.Children.toArray(e.props.children)
+    ]) : e;
 };
 export { z as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: c, size: a = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as a } 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 o } 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, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), o = c !== null && c !== void 0 ? c : r === "brand" || r === "media" ? t.colors.neutralHighBrand : r === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: i } = m();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = f(), h = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: i } = g(m !== null && m !== void 0 ? m : h), { skinName: s } = d(), 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"
-    }, l), {
-        children: /* @__PURE__ */ e("path", {
-            fill: o,
+    }, n), {
+        children: /* @__PURE__ */ a("path", {
+            fill: l,
             d: "M12.755 2.155c1.65.126 3.19.655 4.518 1.504-1.272 2.003-2.034 4.695-2.13 7.563h-2.389zm0 10.513v9.162a9.7 9.7 0 0 0 4.635-1.568c-1.302-1.967-2.109-4.704-2.246-7.594zm3.834 0c.126 2.574.83 4.983 1.947 6.717 1.888-1.678 3.132-4.048 3.305-6.717zm0-1.446h5.252a9.85 9.85 0 0 0-3.411-6.706c-1.079 1.754-1.746 4.182-1.84 6.706m-5.28 0H8.813c-.095-2.86-.848-5.549-2.109-7.543a9.7 9.7 0 0 1 4.605-1.521zm-4.75 9.012a9.9 9.9 0 0 0 4.75 1.607v-9.173H8.805c-.135 2.902-.927 5.58-2.247 7.566m-4.404-7.566H7.36c-.124 2.543-.827 4.944-1.936 6.678a9.9 9.9 0 0 1-3.269-6.678m5.213-1.446c-.095-2.543-.742-4.916-1.82-6.678a9.82 9.82 0 0 0-3.382 6.678z"
         })
-    })) : /* @__PURE__ */ e("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"
-    }, l), {
-        children: /* @__PURE__ */ e("path", {
-            fill: o,
+    }, n), {
+        children: /* @__PURE__ */ a("path", {
+            fill: l,
             d: "M11 12.75a.25.25 0 0 1 .25.25v8.196a.245.245 0 0 1-.269.246 9.5 9.5 0 0 1-2.617-.665 9.5 9.5 0 0 1-2.32-1.379.245.245 0 0 1-.017-.364l.139-.14a9.75 9.75 0 0 0 2.803-5.913.256.256 0 0 1 .252-.232zm3.778 0c.13 0 .239.101.252.231a9.75 9.75 0 0 0 2.804 5.913l.14.14a.244.244 0 0 1-.018.363 9.5 9.5 0 0 1-2.32 1.38 9.5 9.5 0 0 1-2.617.665.245.245 0 0 1-.27-.246v-8.197a.25.25 0 0 1 .25-.25zm-7.564 0c.146 0 .262.126.244.272a8.25 8.25 0 0 1-2.353 4.812l-.14.14a.244.244 0 0 1-.363-.018 9.5 9.5 0 0 1-1.38-2.32 9.5 9.5 0 0 1-.665-2.617.245.245 0 0 1 .245-.27zm13.983 0c.146 0 .261.124.246.27a9.5 9.5 0 0 1-.666 2.615 9.5 9.5 0 0 1-1.38 2.32.244.244 0 0 1-.363.018l-.14-.14a8.25 8.25 0 0 1-2.351-4.811.244.244 0 0 1 .244-.273zM4.602 6.043a.244.244 0 0 1 .363-.017l.14.14a8.25 8.25 0 0 1 2.353 4.812.243.243 0 0 1-.244.271H2.802a.244.244 0 0 1-.245-.268c.097-.898.319-1.78.665-2.617a9.5 9.5 0 0 1 1.38-2.32m6.379-3.487c.145-.015.269.1.269.246V11a.25.25 0 0 1-.25.25H9.22c-.13 0-.238-.1-.252-.23a9.75 9.75 0 0 0-2.803-5.914l-.14-.14a.244.244 0 0 1 .018-.363 9.5 9.5 0 0 1 2.32-1.38 9.5 9.5 0 0 1 2.617-.665m2.04-.001c.896.097 1.777.32 2.614.666a9.5 9.5 0 0 1 2.322 1.38c.113.09.12.26.017.362l-.14.14a9.75 9.75 0 0 0-2.803 5.914.255.255 0 0 1-.252.23H13a.25.25 0 0 1-.25-.25V2.803c0-.145.124-.261.27-.246m6.013 3.47a.246.246 0 0 1 .365.016 9.5 9.5 0 0 1 2.045 4.938.245.245 0 0 1-.246.268h-4.41a.243.243 0 0 1-.244-.27 8.25 8.25 0 0 1 2.351-4.813z"
         })
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { p as default };
+export { w as default };

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

@@ -79,35 +79,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as l } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _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 M = (_param)=>{
+    var { color: m, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), h = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: m } = l();
-    return m.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: i, gradientDef: l } = g(m !== null && m !== void 0 ? m : c), { skinName: s } = d(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: h,
+            fill: i,
             d: "M2.151 11.994c0-5.431 4.412-9.843 9.843-9.843 5.432 0 9.843 4.412 9.843 9.843 0 5.429-4.411 9.843-9.843 9.843-5.431 0-9.843-4.414-9.843-9.843m6.776-.459h2.658V2.98a9 9 0 0 0-4.627 1.524c1.216 1.824 1.922 4.35 1.97 7.031m8.07-7.045a8.9 8.9 0 0 0-4.594-1.51v8.555h2.603c.056-2.697.77-5.224 1.991-7.045m.765 14.434a9.03 9.03 0 0 0 3.25-6.571h-5.186c.073 2.535.787 4.938 1.936 6.571m-5.359 2.084a8.95 8.95 0 0 0 4.709-1.59c-1.263-1.771-2.036-4.356-2.11-7.062h-2.599zm8.605-9.473a9 9 0 0 0-3.353-6.555c-1.106 1.684-1.773 4.037-1.829 6.555zm-9.425 9.473v-8.655h-2.66c-.086 2.692-.851 5.266-2.09 7.04a9 9 0 0 0 4.749 1.615m-3.48-8.652H2.979a9.03 9.03 0 0 0 3.207 6.538c1.132-1.633 1.837-4.028 1.919-6.538m-1.809-7.35a9.04 9.04 0 0 0-3.314 6.529h5.126c-.047-2.501-.697-4.84-1.812-6.53"
         })
     })) : /* @__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: h,
+            fill: i,
             d: "M12 2.25A9.753 9.753 0 0 1 21.75 12a9.75 9.75 0 0 1-2.856 6.894l-.347.331A9.76 9.76 0 0 1 8.27 21.008a9.8 9.8 0 0 1-2.816-1.783l-.347-.33A9.75 9.75 0 0 1 2.992 8.268a9.8 9.8 0 0 1 1.783-2.816l.331-.347a9.75 9.75 0 0 1 6.893-2.856m-3.01 10.5a9.74 9.74 0 0 1-2.295 5.566 8.25 8.25 0 0 0 4.556 1.899V12.75zm3.76 7.465a8.25 8.25 0 0 0 4.555-1.899 9.74 9.74 0 0 1-2.296-5.566h-2.26zM3.784 12.75a8.25 8.25 0 0 0 1.85 4.499 8.25 8.25 0 0 0 1.852-4.5zm12.728 0a8.25 8.25 0 0 0 1.85 4.499 8.25 8.25 0 0 0 1.852-4.5zM11.25 3.785a8.25 8.25 0 0 0-4.555 1.898 9.74 9.74 0 0 1 2.296 5.568h2.26zm1.5 7.466h2.26c.158-2.052.96-4 2.294-5.568a8.3 8.3 0 0 0-2.147-1.305 8.3 8.3 0 0 0-2.408-.593zm5.613-4.5a8.25 8.25 0 0 0-1.85 4.5h3.702a8.26 8.26 0 0 0-1.852-4.5M5.635 6.75a8.25 8.25 0 0 0-1.85 4.5h3.702a8.25 8.25 0 0 0-1.852-4.5"
         })
     }));
+    return l ? /*#__PURE__*/ h.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...h.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { M as default };

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

@@ -79,35 +79,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as l } from "../../hooks.js";
-import { useThemeVariant as n } 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 * as m 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 M = (_param)=>{
+    var { color: c, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), h = i !== null && i !== void 0 ? i : r === "brand" || r === "media" ? t.colors.neutralHighBrand : r === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: m } = l();
-    return m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = f(), h = a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: i, gradientDef: l } = g(c !== null && c !== void 0 ? c : h), { skinName: s } = d(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: h,
+            fill: i,
             d: "M2.155 11.998c0-5.42 4.415-9.843 9.843-9.843 5.429 0 9.843 4.423 9.843 9.843 0 5.429-4.414 9.843-9.843 9.843-5.428 0-9.843-4.414-9.843-9.843m9.24-8.552A8.44 8.44 0 0 0 7.39 4.768c1.096 1.737 1.751 4.073 1.835 6.56h2.17zM7.968 11.33c-.08-2.21-.644-4.272-1.582-5.804a8.55 8.55 0 0 0-2.939 5.804zm-4.53 1.255a8.6 8.6 0 0 0 2.838 5.804c.964-1.508 1.578-3.592 1.684-5.804zm7.959 0h-2.18c-.117 2.523-.803 4.851-1.949 6.577a8.6 8.6 0 0 0 4.129 1.397zm1.255 7.966a8.4 8.4 0 0 0 4.028-1.364c-1.132-1.712-1.835-4.09-1.952-6.602H12.65zm5.028-2.126a8.55 8.55 0 0 0 2.874-5.838h-4.566c.11 2.236.72 4.33 1.692 5.838m-5.025-7.095h2.075c.084-2.496.745-4.835 1.852-6.575a8.5 8.5 0 0 0-3.927-1.308zm7.899 0A8.57 8.57 0 0 0 17.59 5.5c-.938 1.524-1.518 3.634-1.602 5.83z"
         })
     })) : /* @__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: h,
+            fill: i,
             d: "M12 2.25A9.753 9.753 0 0 1 21.75 12a9.75 9.75 0 0 1-2.856 6.894l-.347.331A9.76 9.76 0 0 1 8.27 21.008a9.8 9.8 0 0 1-2.816-1.783l-.347-.33A9.75 9.75 0 0 1 2.992 8.268a9.8 9.8 0 0 1 1.783-2.816l.331-.347a9.75 9.75 0 0 1 6.893-2.856m-3.01 10.5a9.74 9.74 0 0 1-2.295 5.566 8.25 8.25 0 0 0 4.556 1.899V12.75zm3.76 7.465a8.25 8.25 0 0 0 4.555-1.899 9.74 9.74 0 0 1-2.296-5.566h-2.26zM3.784 12.75a8.25 8.25 0 0 0 1.85 4.499 8.25 8.25 0 0 0 1.852-4.5zm12.728 0a8.25 8.25 0 0 0 1.85 4.499 8.25 8.25 0 0 0 1.852-4.5zM11.25 3.785a8.25 8.25 0 0 0-4.555 1.898 9.74 9.74 0 0 1 2.296 5.568h2.26zm1.5 7.466h2.26c.158-2.052.96-4 2.294-5.568a8.3 8.3 0 0 0-2.147-1.305 8.3 8.3 0 0 0-2.408-.593zm5.613-4.5a8.25 8.25 0 0 0-1.85 4.5h3.702a8.26 8.26 0 0 0-1.852-4.5M5.635 6.75a8.25 8.25 0 0 0-1.85 4.5h3.702a8.25 8.25 0 0 0-1.852-4.5"
         })
     }));
+    return l ? /*#__PURE__*/ m.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...m.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { p as default };
+export { M as default };

package/dist-es/generated/mistica-icons/icon-square-arrow-up-right-filled.js

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useTheme as s } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: h, size: a = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const q = (_param)=>{
+    var { color: d, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = m(), l = h !== null && h !== void 0 ? h : r === "brand" || r === "media" ? t.colors.neutralHighBrand : r === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: n } = s();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = g(), c = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: i } = p(d !== null && d !== void 0 ? d : c), { skinName: m } = f(), l = m.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, n), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: l,
+                fill: a,
                 d: "M14.254 2c-.305.228-.504.59-.504 1 0 .69.56 1.25 1.25 1.25h2.982l-9.866 9.866a1.25 1.25 0 0 0 1.768 1.768l9.866-9.866V9a1.25 1.25 0 0 0 2.25.747V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: l,
+                fill: a,
                 d: "M15 2.5c.123-.123 5.936-.023 6.098.009h.003l.084.026.024.012a.5.5 0 0 1 .135.092l.01.007.052.065a.5.5 0 0 1 .048.084l.01.021A.5.5 0 0 1 21.5 3v6a.5.5 0 0 1-1 0V4.207L9.354 15.354a.5.5 0 0 1-.708-.707L19.793 3.5H15a.5.5 0 0 1 0-1"
             })
         ]
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, n), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: l,
+                fill: a,
                 d: "M14.836 5.5a.2.2 0 0 1 .14.342L9.41 11.409a2.25 2.25 0 0 0 0 3.182l.171.154a2.25 2.25 0 0 0 3.01-.154l5.568-5.568a.2.2 0 0 1 .342.141V18a2.5 2.5 0 0 1-2.5 2.5H6A2.5 2.5 0 0 1 3.5 18V8A2.5 2.5 0 0 1 6 5.5z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: l,
+                fill: a,
                 d: "m20.132 3.262.016.003.04.011q.05.012.098.03.044.021.083.045.087.047.161.119a.77.77 0 0 1 .22.53v5a.75.75 0 0 1-1.5 0V5.81l-7.72 7.72a.8.8 0 0 1-.218.149l-.054.023q-.038.013-.074.022l-.066.014-.07.007q-.033.004-.067.003-.038-.002-.075-.008-.032-.002-.064-.009-.033-.007-.064-.018-.036-.01-.072-.024a1 1 0 0 1-.09-.048l-.032-.018-.01-.008a.75.75 0 0 1-.104-1.146l7.719-7.719H15a.75.75 0 0 1 0-1.5h5q.067 0 .132.012"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ s.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...s.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { v as default };
+export { q as default };

package/dist-es/generated/mistica-icons/icon-square-arrow-up-right-light.js

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: h, size: a = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as m } 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 C = (_param)=>{
+    var { color: d, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = s(), t = h !== null && h !== void 0 ? h : r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: n } = v();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = m(), c = a === "brand" || a === "media" ? n.colors.neutralHighBrand : a === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: r, gradientDef: l } = g(d !== null && d !== void 0 ? d : c), { skinName: v } = f(), o = v.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M11 2.5a.5.5 0 0 1 0 1H5A1.5 1.5 0 0 0 3.5 5v14A1.5 1.5 0 0 0 5 20.5h14a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 1 1 1 0v6a2.5 2.5 0 0 1-2.5 2.5H5A2.5 2.5 0 0 1 2.5 19V5A2.5 2.5 0 0 1 5 2.5z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M15 2.5c.123-.123 5.937-.023 6.098.009h.003l.084.026.024.012a.5.5 0 0 1 .135.092l.01.007.052.065a.5.5 0 0 1 .048.084l.01.021A.5.5 0 0 1 21.5 3v6a.5.5 0 0 1-1 0V4.207L9.354 15.354a.5.5 0 0 1-.708-.707L19.793 3.5H15a.5.5 0 0 1 0-1"
             })
         ]
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M12 5.25a.75.75 0 0 1 0 1.5H6A1.25 1.25 0 0 0 4.75 8v10l.006.124A1.25 1.25 0 0 0 6 19.25h10A1.25 1.25 0 0 0 17.25 18v-6a.75.75 0 0 1 1.5 0v6A2.75 2.75 0 0 1 16 20.75H6A2.75 2.75 0 0 1 3.25 18V8A2.75 2.75 0 0 1 6 5.25z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M20 3.25q.067 0 .132.012l.016.003.04.011q.05.012.098.03.044.021.083.045.087.047.161.119a.8.8 0 0 1 .118.16q.025.04.044.083A.8.8 0 0 1 20.75 4v5a.75.75 0 0 1-1.5 0V5.81l-7.72 7.72a.75.75 0 1 1-1.06-1.06l7.72-7.72H15a.75.75 0 0 1 0-1.5z"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ s.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...s.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-square-arrow-up-right-regular.js

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as l } 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, jsxs as h } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as m } 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 V = (_param)=>{
+    var { color: c, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = s(), e = h !== null && h !== void 0 ? h : t === "brand" || t === "media" ? l.colors.neutralHighBrand : t === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: n } = v();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = f(), d = a === "brand" || a === "media" ? n.colors.neutralHighBrand : a === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: r, gradientDef: i } = g(c !== null && c !== void 0 ? c : d), { skinName: v } = m(), o = v.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, l), {
         children: [
-            /* @__PURE__ */ r("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M10.75 2a.75.75 0 0 1 0 1.5h-6c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h14c.69 0 1.25-.56 1.25-1.25v-6a.75.75 0 0 1 1.5 0v6a2.75 2.75 0 0 1-2.75 2.75h-14A2.75 2.75 0 0 1 2 18.75v-14A2.75 2.75 0 0 1 4.75 2z"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "m20.827 2.004.033.006a.8.8 0 0 1 .277.1l.055.036.019.013a1 1 0 0 1 .07.06l.016.02.014.015a.8.8 0 0 1 .12.188l.014.028q.015.042.026.086.027.096.029.194v6a.75.75 0 0 1-1.5 0V4.56L9.28 15.28a.75.75 0 1 1-1.06-1.06L18.94 3.5h-4.19a.75.75 0 0 1 0-1.5h6z"
             })
         ]
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, l), {
         children: [
-            /* @__PURE__ */ r("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 5.25a.75.75 0 0 1 0 1.5H6A1.25 1.25 0 0 0 4.75 8v10l.006.124A1.25 1.25 0 0 0 6 19.25h10A1.25 1.25 0 0 0 17.25 18v-6a.75.75 0 0 1 1.5 0v6A2.75 2.75 0 0 1 16 20.75H6A2.75 2.75 0 0 1 3.25 18V8A2.75 2.75 0 0 1 6 5.25z"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M20 3.25q.067 0 .132.012l.016.003.04.011q.05.012.098.03.044.021.083.045.087.047.161.119a.8.8 0 0 1 .118.16q.025.04.044.083A.8.8 0 0 1 20.75 4v5a.75.75 0 0 1-1.5 0V5.81l-7.72 7.72a.75.75 0 1 1-1.06-1.06l7.72-7.72H15a.75.75 0 0 1 0-1.5z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ s.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...s.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { V as default };