@telefonica/mistica 16.68.0 → 16.69.0

package/dist-es/generated/mistica-icons/icon-folder-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 c } from "../../hooks.js";
-import { useThemeVariant as n } 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 v } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: a, size: e = 24 } = _param, t = _object_without_properties(_param, [
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: d, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = n(), r = a !== null && a !== void 0 ? a : i === "brand" || i === "media" ? l.colors.neutralHighBrand : i === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: o } = c();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = v(), m = n === "brand" || n === "media" ? l.colors.neutralHighBrand : n === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: o, gradientDef: a } = f(d !== null && d !== void 0 ? d : m), { skinName: i } = s(), h = i.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: o,
             d: "M3.62 20.207h16.76c.806 0 1.461-.656 1.461-1.463V7.46c0-.807-.655-1.462-1.462-1.462h-8.154v-.732c0-.806-.658-1.462-1.465-1.462H3.62c-.81 0-1.465.656-1.465 1.462v13.477c0 .81.658 1.465 1.465 1.465M3.432 5.265c0-.106.082-.187.188-.187h7.14c.107 0 .188.081.188.187v1.37c0 .353.285.639.638.639h8.793c.107 0 .188.081.188.188v11.282a.19.19 0 0 1-.188.188H3.62a.184.184 0 0 1-.188-.187z"
         })
-    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ h("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"
-    }, t), {
-        children: /* @__PURE__ */ h("path", {
-            fill: r,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M2 21h20V7.92c0-1.239-1-2.251-2.224-2.251h-8.294a.73.73 0 0 1-.52-.227l-1.74-1.766A2.07 2.07 0 0 0 7.668 3H4.224C3 3 2 4.012 2 5.252zm18.516-1.498H3.48V5.215a.75.75 0 0 1 .744-.75h3.479c.188 0 .372.078.52.228l1.74 1.761c.407.45.963.676 1.555.676h8.258c.408 0 .74.337.74.75z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ h("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"
-    }, t), {
-        children: /* @__PURE__ */ h("path", {
-            fill: r,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M2 21h20V7.92c0-1.239-1-2.251-2.224-2.251h-8.294a.73.73 0 0 1-.52-.227l-1.74-1.766A2.07 2.07 0 0 0 7.668 3H4.224C3 3 2 4.012 2 5.252zm18.516-1.498H3.48V5.215a.75.75 0 0 1 .744-.75h3.479c.188 0 .372.078.52.228l1.74 1.761c.407.45.963.676 1.555.676h8.258c.408 0 .74.337.74.75z"
         })
-    })) : /* @__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: o,
             d: "M9 3.25c.199 0 .39.08.53.22l2.78 2.78H19A2.75 2.75 0 0 1 21.75 9v8A2.75 2.75 0 0 1 19 19.75H5A2.75 2.75 0 0 1 2.25 17V6A2.75 2.75 0 0 1 5 3.25zm-4 1.5A1.25 1.25 0 0 0 3.75 6v11A1.25 1.25 0 0 0 5 18.25h14A1.25 1.25 0 0 0 20.25 17V9A1.25 1.25 0 0 0 19 7.75h-7a.75.75 0 0 1-.53-.22L8.69 4.75z"
         })
     }));
+    return a ? /*#__PURE__*/ c.cloneElement(h, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...c.Children.toArray(h.props.children)
+    ]) : h;
 };
-export { s as default };
+export { V as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useTheme as r } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: o, size: l = 24 } = _param, c = _object_without_properties(_param, [
+import { jsx as l } from "react/jsx-runtime";
+import * as m from "react";
+import { useTheme as s } 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 M = (_param)=>{
+    var { color: h, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = h(), e = o !== null && o !== void 0 ? o : t === "brand" || t === "media" ? i.colors.neutralHighBrand : t === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: m } = r();
-    return m.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const c = f(), d = c === "brand" || c === "media" ? n.colors.neutralHighBrand : c === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: i } = g(h !== null && h !== void 0 ? h : d), { skinName: r } = s(), o = r.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ l("path", {
+            fill: t,
             d: "m12.299 2.156.15.002c1.975.028 9.392.742 9.392 9.874 0 9.115-7.347 9.793-9.322 9.81h-.199c-.249 0-.51-.003-.734-.01-1.93-.047-9.431-.809-9.431-9.859 0-9.073 7.515-9.779 9.392-9.812.182-.003.39-.006.597-.006zm.315 4.15V7.74c.264.07.516.18.731.342l2.18 1.583c.227.16.409.358.557.58l1.154-.485a2.2 2.2 0 0 1 .104-.851l.832-2.56c.07-.222.18-.426.31-.611a7.1 7.1 0 0 0-2.604-1.709l-.029.031c-.1.111-.202.224-.327.314L13.34 5.959c-.213.16-.462.274-.726.347M8.472 4.371a2.2 2.2 0 0 1-.345-.336c-.916.353-1.832.89-2.616 1.705.109.169.204.348.266.541l.832 2.566c.092.269.123.563.1.857l1.194.552c.151-.227.339-.434.571-.6l2.182-1.585c.21-.16.46-.269.726-.339V6.303a2.2 2.2 0 0 1-.734-.352zm-.423 11.907.66-1-.022-.03-.022-.031h-.05l-.975-3.003a2.2 2.2 0 0 1-.11-.773l-1.23-.569c-.145.205-.321.39-.526.532l-2.176 1.583q-.048.03-.098.056l-.062.034c.1 1.22.364 2.24.742 3.1q.189-.035.387-.036H7.28c.26-.003.521.048.768.137m8.523-.095h2.732c.179 0 .355.028.532.067.367-.851.624-1.865.722-3.081q-.043-.026-.087-.048a1 1 0 0 1-.12-.07l-2.182-1.588a2.1 2.1 0 0 1-.53-.543l-1.173.493c.008.266-.023.537-.11.8l-.834 2.567a2.4 2.4 0 0 1-.277.56l.596.972c.236-.081.482-.129.731-.129m-2.986 4.143.835-2.566c.081-.266.227-.515.41-.734l-.536-.874c-.291.132-.61.21-.947.21h-2.734c-.353 0-.683-.095-.983-.246l-.582.88c.176.218.316.464.4.73l.832 2.564q.018.058.026.118l.016.086c.482.067.925.1 1.291.11.216.005.465.008.706.008h.185c.303-.003.653-.02 1.037-.06l.016-.09q.01-.07.028-.136"
         })
-    })) : m.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ l("path", {
+            fill: t,
             d: "M9.05 7.992 7.352 6.214l.383-3.158A9.14 9.14 0 0 1 11.99 2c.426 0 .84.032 1.25.087l1.563 2.916L13.74 7.2zm5.518-5.617 1.14 2.13 2.095-.42a9.3 9.3 0 0 0-3.235-1.71M6.355 5.976l.274-2.235A9.8 9.8 0 0 0 4.064 6.47zm12.907 6.554 2.1-2.33a10.17 10.17 0 0 0-2.592-5.22l-3.114.626-1.006 2.08 2.165 4.442zm-3.405-.018L13.793 8.28l-4.473.75-.7 4.698 4.04 2.152zM4.508 18.17a10.2 10.2 0 0 1-1.642-3.318l1.925.923zm16.444-2.774a10.4 10.4 0 0 0 .557-3.798l-1.485 1.65zm-12.895-.763 4.216 2.244.213 2.687-2.077 2.29c-1.92-.338-3.65-1.284-5-2.642l.401-3.377zm3.641 7.357 1.48-1.63 2.052 1.046a9.1 9.1 0 0 1-3.236.594q-.142 0-.284-.009zm4.956-8.802 2.39.393 1.35 3.122c-.897 1.755-2.277 3.2-3.95 4.132l-2.956-1.504-.205-2.591zM5.366 14.87l2.23-1.197.736-4.927L6.664 7l-3.27.708a10.3 10.3 0 0 0-.924 4.287c0 .522.04 1.038.113 1.54z"
         })
-    })) : m.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ l("path", {
+            fill: t,
             d: "M9.05 7.992 7.352 6.214l.383-3.158A9.14 9.14 0 0 1 11.99 2c.426 0 .84.032 1.25.087l1.563 2.916L13.74 7.2zm5.518-5.617 1.14 2.13 2.095-.42a9.3 9.3 0 0 0-3.235-1.71M6.355 5.976l.274-2.235A9.8 9.8 0 0 0 4.064 6.47zm12.907 6.554 2.1-2.33a10.17 10.17 0 0 0-2.592-5.22l-3.114.626-1.006 2.08 2.165 4.442zm-3.405-.018L13.793 8.28l-4.473.75-.7 4.698 4.04 2.152zM4.508 18.17a10.2 10.2 0 0 1-1.642-3.318l1.925.923zm16.444-2.774a10.4 10.4 0 0 0 .557-3.798l-1.485 1.65zm-12.895-.763 4.216 2.244.213 2.687-2.077 2.29c-1.92-.338-3.65-1.284-5-2.642l.401-3.377zm3.641 7.357 1.48-1.63 2.052 1.046a9.1 9.1 0 0 1-3.236.594q-.142 0-.284-.009zm4.956-8.802 2.39.393 1.35 3.122c-.897 1.755-2.277 3.2-3.95 4.132l-2.956-1.504-.205-2.591zM5.366 14.87l2.23-1.197.736-4.927L6.664 7l-3.27.708a10.3 10.3 0 0 0-.924 4.287c0 .522.04 1.038.113 1.54z"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ l("path", {
+            fill: t,
             d: "M14.552 16.75q.029.002.049.024l2.342 2.812a.386.386 0 0 1-.092.581 9.4 9.4 0 0 1-4.384 1.321L12 21.5a9.5 9.5 0 0 1-4.843-1.328.386.386 0 0 1-.088-.587l2.384-2.746a.24.24 0 0 1 .176-.089zm6.222-6.977a.386.386 0 0 1 .522.276c.135.64.204 1.294.204 1.951l-.012.467a9.5 9.5 0 0 1-2.77 6.25.383.383 0 0 1-.569-.04c-.711-.885-1.46-1.745-2.189-2.616a.4.4 0 0 1-.074-.377l1.395-4.396a.4.4 0 0 1 .237-.252zm-18.071.276a.386.386 0 0 1 .522-.276l3.257 1.264a.4.4 0 0 1 .237.252l1.422 4.482a.4.4 0 0 1-.08.382c-.735.84-1.505 1.663-2.211 2.527a.384.384 0 0 1-.568.038 9.5 9.5 0 0 1-2.77-6.251L2.5 12c0-.657.069-1.311.203-1.951m9.063-1.953a.4.4 0 0 1 .468 0l3.414 2.474a.4.4 0 0 1 .146.445L14.54 14.97a.4.4 0 0 1-.382.279H9.842a.4.4 0 0 1-.382-.28l-1.255-3.955a.4.4 0 0 1 .147-.446zm-.946-5.519a.387.387 0 0 1 .43.389v3.447a.4.4 0 0 1-.165.324L7.239 9.523a.4.4 0 0 1-.38.05l-3.171-1.23a.39.39 0 0 1-.214-.53 9.5 9.5 0 0 1 4.89-4.59 9.5 9.5 0 0 1 2.455-.646m2.361 0a9.47 9.47 0 0 1 7.345 5.236.39.39 0 0 1-.213.53l-3.172 1.23a.4.4 0 0 1-.38-.05l-3.845-2.787a.4.4 0 0 1-.165-.324V2.966c0-.233.2-.418.43-.389"
         })
     }));
+    return i ? /*#__PURE__*/ m.cloneElement(o, {}, [
+        /* @__PURE__ */ l("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...m.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { v as default };
+export { M as default };

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

@@ -78,62 +78,69 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useTheme as r } 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: h, size: l = 24 } = _param, m = _object_without_properties(_param, [
+import { jsx as l, jsxs as d } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as m } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as z } from "../../utils/icon-gradient.js";
+const A = (_param)=>{
+    var { color: h, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), c = h !== null && h !== void 0 ? h : e === "brand" || e === "media" ? i.colors.neutralHighBrand : e === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: t } = r();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const c = g(), s = c === "brand" || c === "media" ? m.colors.neutralHighBrand : c === "negative" ? m.colors.neutralHighNegative : m.colors.neutralHigh, { fillValue: e, gradientDef: n } = z(h !== null && h !== void 0 ? h : s), { skinName: r } = f(), o = r.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, m), {
-        children: /* @__PURE__ */ a("path", {
-            fill: c,
+    }, t), {
+        children: /* @__PURE__ */ l("path", {
+            fill: e,
             d: "M11.546 2.156q.45-.008.9-.003c1.977.028 9.391.742 9.391 9.871 0 9.118-7.344 9.796-9.322 9.813h-.196c-.252 0-.512-.003-.736-.009-1.928-.047-9.432-.81-9.432-9.86 0-9.073 7.516-9.779 9.395-9.812m.885.818a30 30 0 0 0-.874.003c-.899.02-1.792.15-2.66.392.053.059.106.117.17.165l2.188 1.591c.42.314 1.064.311 1.473.003l2.19-1.591c.056-.04.1-.088.145-.137l.038-.04a11 11 0 0 0-2.67-.386m-4.358.66c-1.017.385-2.067.99-2.95 1.936.205.219.362.482.454.768l.835 2.569c.098.29.123.607.081.921l1.485.686a2.1 2.1 0 0 1 .61-.694l2.185-1.586c.241-.176.518-.291.812-.341V6.139a2.1 2.1 0 0 1-.815-.356L8.588 4.198a2 2 0 0 1-.515-.563M4.795 6.59a1.3 1.3 0 0 0-.198-.38c-.964 1.316-1.625 3.162-1.625 5.753q0 .05.004.098.003.047.004.095l.005-.003.004-.003 2.187-1.588a1.25 1.25 0 0 0 .457-1.398zm7.524 14.426h.188c.272-.003.686-.025 1.177-.084.008-.185.039-.37.095-.546l.829-2.566a2.04 2.04 0 0 1 .468-.785l-.712-1.16a2.07 2.07 0 0 1-1.022.275H10.61a2 2 0 0 1-1.06-.302l-.764 1.157c.213.22.37.487.462.778l.835 2.563q.081.257.095.527a11 11 0 0 0 1.423.134c.219.006.474.009.717.009m2.205-.219c.913-.187 1.969-.526 2.955-1.148a6.9 6.9 0 0 0 2.28-2.342 1.2 1.2 0 0 0-.46-.098H16.59a1.34 1.34 0 0 0-.74.238c-.22.157-.38.378-.456.622l-.838 2.574q-.014.05-.023.102zm-10.275-3.59a7.1 7.1 0 0 0 2.334 2.372c.913.574 1.882.913 2.745 1.12l-.008-.042q-.003-.029-.012-.056L8.47 18.03a1.24 1.24 0 0 0-.457-.63c-.218-.157-.485-.216-.734-.238H4.574c-.123 0-.227.02-.325.044M18.882 5.572a7 7 0 0 0-1.434-1.199 8.3 8.3 0 0 0-1.524-.748c-.14.219-.305.423-.524.578l-2.18 1.586a2 2 0 0 1-.81.353v1.753c.294.05.574.168.815.345l2.18 1.583c.243.179.447.406.593.672l1.451-.61a2 2 0 0 1 .084-.917l.835-2.563c.1-.314.28-.6.515-.832m-9.526 8.61.092.284c.174.524.667.89 1.19.86h2.71c.545 0 1.027-.353 1.195-.871l.838-2.566a1.25 1.25 0 0 0-.46-1.406l-2.187-1.589c-.423-.313-1.067-.31-1.473-.002l-2.191 1.59a1.25 1.25 0 0 0-.46 1.407l.743 2.294zm-1.233 2.343s.835-1.264.838-1.264l-.06-.083c-.041-.055-.082-.11-.114-.174h-.025l-.93-2.86a2.1 2.1 0 0 1-.09-.835l-1.524-.703a2.05 2.05 0 0 1-.565.625l-2.18 1.585c-.14.1-.294.182-.453.246.098 1.289.375 2.435.834 3.423.233-.086.477-.137.723-.142h2.697c.278-.017.575.053.85.182m6.871-1.196.76 1.238c.266-.11.551-.171.843-.188h2.705c.295 0 .583.064.852.188.448-.986.72-2.132.818-3.426a2 2 0 0 1-.504-.263l-2.185-1.586a2 2 0 0 1-.569-.636l-1.47.62c.03.285.008.582-.087.868l-.835 2.566a2.1 2.1 0 0 1-.328.619m6.014-3.079.004-.076q.004-.074.005-.148c0-2.4-.55-4.333-1.616-5.807a1.3 1.3 0 0 0-.258.437l-.835 2.572a1.23 1.23 0 0 0 0 .776c.081.252.238.47.454.624l2.19 1.588q.019.015.04.025z"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, m), {
-        children: /* @__PURE__ */ a("path", {
-            fill: c,
+    }, t), {
+        children: /* @__PURE__ */ l("path", {
+            fill: e,
             d: "M2 12C2 6.488 6.488 2 12 2s10 4.488 10 10-4.488 10-10 10S2 17.512 2 12m17.67 1.147.557 1.243q.302-1.035.338-2.166zm.813-2.372a8.57 8.57 0 0 0-2.55-4.95l-2.414.48-.928 1.824 2.02 3.949 2.263.356zm-14.25 4.721-.275 2.574a8.55 8.55 0 0 0 4.968 2.43l1.499-1.676-.197-2.386-3.93-1.997zM3.91 14.83a8.7 8.7 0 0 0 1.093 2.107l.16-1.5zm10.6 5.366-1.34-.599-.86.964a8.5 8.5 0 0 0 2.2-.365m-1.875-4.758 2.962-2.975-1.91-3.739-4.15.663-.65 4.15zm4.223-10.494a8.4 8.4 0 0 0-1.974-1.014l.68 1.275zm-3.39-1.384a8 8 0 0 0-1.463-.124 8.54 8.54 0 0 0-4 .992l-.31 2.363 1.563 1.558 4.378-.704.983-1.937zM6.643 6.552l.178-1.376a8.8 8.8 0 0 0-1.696 1.71zm-2.3 1.609A8.4 8.4 0 0 0 3.436 12c0 .503.046.992.128 1.467l2.203 1.07 2.052-1.052.686-4.378L6.973 7.58zm9.141 10.402 2.4 1.07a8.64 8.64 0 0 0 3.802-3.844l-1.042-2.308-2.198-.348-3.149 3.159z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, m), {
+    }, t), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ l("path", {
+                fill: e,
                 d: "M21.959 11.152q.015.06.009.114c.018.243.032.485.032.732 0 1.897-.535 3.74-1.54 5.335a.36.36 0 0 1-.494.11.36.36 0 0 1-.11-.494 9 9 0 0 0 .663-1.258l-.997-2.276-2.688-.42-3.661 3.675.228 2.775 2.286 1.07h.003l.001.002.005.002q.647-.282 1.253-.658a.355.355 0 0 1 .493.11.354.354 0 0 1-.11.493A10 10 0 0 1 12.003 22q-.309-.002-.612-.023l-.008.002-.008.002-.008.002q-.02.007-.04.008a.3.3 0 0 1-.133-.028C6.055 21.547 2 17.241 2 11.998a10 10 0 0 1 4.617-8.42.36.36 0 0 1 .178-.115A9.9 9.9 0 0 1 11.998 2c.772 0 1.527.087 2.249.256a.4.4 0 0 1 .137.032c4.1 1.006 7.214 4.549 7.575 8.864m-2.263 1.568 1.545-1.61a9.3 9.3 0 0 0-3.159-6.12l-2.354.457-1.138 2.24 2.354 4.603zm-3.867-8.023 1.504-.297a9.4 9.4 0 0 0-2.355-1.198l.81 1.463q.02.013.04.032m-.677.297-1.138-2.061a9.5 9.5 0 0 0-2.02-.22 9.2 9.2 0 0 0-4.787 1.33l-.274 2.231 1.91 1.902 5.107-.814zm-8.727-.42a9.5 9.5 0 0 0-1.87 1.87l1.678-.325zm.032 2.23-2.455.476a9.24 9.24 0 0 0-1.047 6.811l2.09.974L7.54 13.79l.8-5.107zM4.418 17.352l.206-1.692-1.413-.658c.293.846.7 1.632 1.207 2.35m.92-1.632-.298 2.418a9.23 9.23 0 0 0 6.149 3.104l1.504-1.609-.238-2.875-4.594-2.332zm6.806 5.559a9.3 9.3 0 0 0 2.61-.416l-1.545-.723zm-3.886-7.452 4.471 2.268 3.543-3.548-2.286-4.466-4.95.79zm11.955-.612.662 1.513a9.4 9.4 0 0 0 .407-2.624z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ l("path", {
+                fill: e,
                 d: "M18.782 19.495a.713.713 0 1 0 0-1.426.713.713 0 0 0 0 1.426"
             })
         ]
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, m), {
-        children: /* @__PURE__ */ a("path", {
-            fill: c,
+    }, t), {
+        children: /* @__PURE__ */ l("path", {
+            fill: e,
             d: "M12 2.25a9.75 9.75 0 0 1 9.008 6.019q.068.169.13.34a1 1 0 0 1 .061.12 1 1 0 0 1 .041.17c.335.999.51 2.045.51 3.101l-.012.48a9.75 9.75 0 0 1-9.258 9.258l-.48.012a9.75 9.75 0 0 1-9.738-9.27L2.25 12a9.7 9.7 0 0 1 .509-3.1.75.75 0 0 1 .101-.292q.064-.17.132-.34A9.75 9.75 0 0 1 12 2.25m-2.555 14.5-1.901 2.19c.411.264.845.494 1.299.682A8.3 8.3 0 0 0 12 20.25l.405-.01a8.3 8.3 0 0 0 2.752-.618q.687-.287 1.31-.69l-1.819-2.182zM3.996 9.997A8.3 8.3 0 0 0 3.75 12l.01.405a8.25 8.25 0 0 0 2.406 5.429q.096.094.193.184l1.827-2.106-1.552-4.892zm13.37 1.022-1.527 4.816 1.81 2.173q.094-.085.185-.174A8.25 8.25 0 0 0 20.25 12l-.01-.405a8.3 8.3 0 0 0-.239-1.598zm-9.248-.28 1.43 4.511h4.903l1.43-4.51L12 7.925zm3.132-6.954a8.25 8.25 0 0 0-5.084 2.381A8.3 8.3 0 0 0 4.493 8.58L7.13 9.603l4.12-2.986zm1.5 2.831 4.12 2.987 2.636-1.023a8.25 8.25 0 0 0-4.349-4.202 8.3 8.3 0 0 0-2.407-.593z"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(o, {}, [
+        /* @__PURE__ */ l("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { A as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: r, size: l = 24 } = _param, c = _object_without_properties(_param, [
+import { jsx as l } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as z } from "../../theme-variant-context.js";
+import { vars as m } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: h, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = h(), m = r !== null && r !== void 0 ? r : e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: t } = i();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const c = z(), d = c === "brand" || c === "media" ? m.colors.neutralHighBrand : c === "negative" ? m.colors.neutralHighNegative : m.colors.neutralHigh, { fillValue: t, gradientDef: n } = f(h !== null && h !== void 0 ? h : d), { skinName: r } = s(), o = r.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ a("path", {
-            fill: m,
+    }, e), {
+        children: /* @__PURE__ */ l("path", {
+            fill: t,
             d: "M12.142 2.155q.154 0 .305.003c1.978.028 9.392.742 9.39 9.874 0 9.115-7.345 9.793-9.323 9.81h-.196c-.252 0-.51-.003-.736-.01-1.928-.044-9.432-.806-9.432-9.86 0-9.072 7.516-9.775 9.395-9.811.18-.003.387-.006.597-.006m0 1.23c-.2 0-.398.003-.572.005-.549.012-1.263.07-2.036.233l1.846 1.339c.353.266.89.26 1.227.005l1.863-1.353a11 11 0 0 0-2.043-.226zm.179 17.224h.185c.302 0 .652-.017 1.034-.056l.016-.085q.012-.073.031-.142l.835-2.566c.081-.266.227-.515.409-.74l-.535-.873c-.291.134-.61.213-.947.213h-2.734c-.353 0-.68-.096-.983-.247l-.583.88c.177.218.317.465.4.73l.833 2.564a1 1 0 0 1 .026.12l.016.084c.482.067.924.101 1.291.11.216.005.465.008.706.008m3.272-2.476-.712 2.185c1.51-.37 3.194-1.177 4.342-2.902H16.59a1.13 1.13 0 0 0-.62.198 1 1 0 0 0-.377.519m-10.768-.76c1.107 1.608 2.68 2.424 4.137 2.835l-.683-2.106a1.02 1.02 0 0 0-.381-.527 1.02 1.02 0 0 0-.597-.201zm4.82-2.963c.141.431.533.72.981.723h2.723c.457 0 .86-.294 1.003-.731l.835-2.566a1.04 1.04 0 0 0-.384-1.177l-2.188-1.59a1.07 1.07 0 0 0-1.23-.006l-2.193 1.593a1.045 1.045 0 0 0-.384 1.177l.698 2.154zm9.236-3.947 1.715 1.247c-.048-2.126-.541-3.717-1.28-4.908l-.807 2.49c-.073.21-.073.437-.003.65.07.216.204.4.375.521M15.876 4.03l-.027.03a2 2 0 0 1-.332.315L13.335 5.96c-.21.16-.46.274-.726.347v1.432c.267.067.516.179.734.341l2.18 1.583c.227.16.409.361.557.58l1.154-.485c-.02-.288.011-.577.104-.848l.832-2.56c.07-.222.179-.424.31-.611a7.1 7.1 0 0 0-2.604-1.709m-7.72.038-.028-.032c-.919.35-1.835.89-2.617 1.703.11.168.205.347.267.54l.832 2.566c.092.272.123.566.1.86l1.194.552c.15-.227.339-.434.571-.6l2.182-1.585c.213-.16.462-.269.726-.339v-1.43a2.2 2.2 0 0 1-.734-.352L8.472 4.37c-.12-.087-.218-.197-.315-.304m-3.493 2.77c-.726 1.16-1.21 2.711-1.26 4.776l1.655-1.205a1.05 1.05 0 0 0 .38-.526c.07-.216.073-.443.003-.642zm-.485 9.341q.189-.035.387-.036v.003H7.28c.263-.003.524.047.77.137l.664-1.003-.024-.03-.023-.031h-.05l-.976-3.003a2.2 2.2 0 0 1-.109-.773l-1.23-.569a2.3 2.3 0 0 1-.526.532l-2.177 1.583a1 1 0 0 1-.094.054q-.035.017-.065.036c.098 1.22.361 2.24.74 3.1m15.123.006c.18 0 .356.028.527.07.367-.851.627-1.866.726-3.081l-.076-.04c-.045-.024-.09-.047-.132-.078l-2.182-1.588a2.2 2.2 0 0 1-.53-.543l-1.17.492c.008.267-.023.536-.11.802l-.834 2.566a2.2 2.2 0 0 1-.277.56l.596.969c.236-.081.485-.129.731-.129z"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ a("path", {
-            fill: m,
+    }, e), {
+        children: /* @__PURE__ */ l("path", {
+            fill: t,
             d: "M2 12C2 6.488 6.488 2 12 2s10 4.488 10 10-4.488 10-10 10S2 17.512 2 12m17.67 1.147.557 1.243q.302-1.035.338-2.166zm.813-2.372a8.57 8.57 0 0 0-2.55-4.95l-2.414.48-.928 1.824 2.02 3.949 2.263.356zm-14.25 4.721-.275 2.574a8.55 8.55 0 0 0 4.968 2.43l1.499-1.676-.197-2.386-3.93-1.997zM3.91 14.83a8.7 8.7 0 0 0 1.093 2.107l.16-1.5zm10.6 5.366-1.34-.599-.86.964a8.5 8.5 0 0 0 2.2-.365m-1.875-4.758 2.962-2.975-1.91-3.739-4.15.663-.65 4.15zm4.223-10.494a8.4 8.4 0 0 0-1.974-1.014l.68 1.275zm-3.39-1.384a8 8 0 0 0-1.463-.124 8.54 8.54 0 0 0-4 .992l-.31 2.363 1.563 1.558 4.378-.704.983-1.937zM6.643 6.552l.178-1.376a8.8 8.8 0 0 0-1.696 1.71zm-2.3 1.609A8.4 8.4 0 0 0 3.436 12c0 .503.046.992.128 1.467l2.203 1.07 2.052-1.052.686-4.378L6.973 7.58zm9.141 10.402 2.4 1.07a8.64 8.64 0 0 0 3.802-3.844l-1.042-2.308-2.198-.348-3.149 3.159z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ a("path", {
-            fill: m,
+    }, e), {
+        children: /* @__PURE__ */ l("path", {
+            fill: t,
             d: "M2 12C2 6.488 6.488 2 12 2s10 4.488 10 10-4.488 10-10 10S2 17.512 2 12m17.67 1.147.557 1.243q.302-1.035.338-2.166zm.813-2.372a8.57 8.57 0 0 0-2.55-4.95l-2.414.48-.928 1.824 2.02 3.949 2.263.356zm-14.25 4.721-.275 2.574a8.55 8.55 0 0 0 4.968 2.43l1.499-1.676-.197-2.386-3.93-1.997zM3.91 14.83a8.7 8.7 0 0 0 1.093 2.107l.16-1.5zm10.6 5.366-1.34-.599-.86.964a8.5 8.5 0 0 0 2.2-.365m-1.875-4.758 2.962-2.975-1.91-3.739-4.15.663-.65 4.15zm4.223-10.494a8.4 8.4 0 0 0-1.974-1.014l.68 1.275zm-3.39-1.384a8 8 0 0 0-1.463-.124 8.54 8.54 0 0 0-4 .992l-.31 2.363 1.563 1.558 4.378-.704.983-1.937zM6.643 6.552l.178-1.376a8.8 8.8 0 0 0-1.696 1.71zm-2.3 1.609A8.4 8.4 0 0 0 3.436 12c0 .503.046.992.128 1.467l2.203 1.07 2.052-1.052.686-4.378L6.973 7.58zm9.141 10.402 2.4 1.07a8.64 8.64 0 0 0 3.802-3.844l-1.042-2.308-2.198-.348-3.149 3.159z"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ a("path", {
-            fill: m,
+    }, e), {
+        children: /* @__PURE__ */ l("path", {
+            fill: t,
             d: "M12 2.25a9.75 9.75 0 0 1 9.008 6.019q.068.169.13.34a1 1 0 0 1 .061.12 1 1 0 0 1 .041.17c.335.999.51 2.045.51 3.101l-.012.48a9.75 9.75 0 0 1-9.258 9.258l-.48.012a9.75 9.75 0 0 1-9.738-9.27L2.25 12a9.7 9.7 0 0 1 .509-3.1.75.75 0 0 1 .101-.292q.064-.17.132-.34A9.75 9.75 0 0 1 12 2.25m-2.555 14.5-1.901 2.19c.411.264.845.494 1.299.682A8.3 8.3 0 0 0 12 20.25l.405-.01a8.3 8.3 0 0 0 2.752-.618q.687-.287 1.31-.69l-1.819-2.182zM3.996 9.997A8.3 8.3 0 0 0 3.75 12l.01.405a8.25 8.25 0 0 0 2.406 5.429q.096.094.193.184l1.827-2.106-1.552-4.892zm13.37 1.022-1.527 4.816 1.81 2.173q.094-.085.185-.174A8.25 8.25 0 0 0 20.25 12l-.01-.405a8.3 8.3 0 0 0-.239-1.598zm-9.248-.28 1.43 4.511h4.903l1.43-4.51L12 7.925zm3.132-6.954a8.25 8.25 0 0 0-5.084 2.381A8.3 8.3 0 0 0 4.493 8.58L7.13 9.603l4.12-2.986zm1.5 2.831 4.12 2.987 2.636-1.023a8.25 8.25 0 0 0-4.349-4.202 8.3 8.3 0 0 0-2.407-.593z"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(o, {}, [
+        /* @__PURE__ */ l("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { v as default };
+export { M as default };

package/dist-es/generated/mistica-icons/icon-forwad-arrow-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 n } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: t, size: o = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as t } from "react/jsx-runtime";
+import * as l from "react";
+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 C = (_param)=>{
+    var { color: i, size: n = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), i = t !== null && t !== void 0 ? t : r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const e = f(), c = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: d, gradientDef: a } = g(i !== null && i !== void 0 ? i : c), r = /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ e("path", {
-            fill: i,
+    }, s), {
+        children: /* @__PURE__ */ t("path", {
+            fill: d,
             d: "M12.794 3.545a.5.5 0 0 1 .535.08l8 7a.5.5 0 0 1 0 .751l-8 7a.5.5 0 0 1-.83-.376v-3.467c-.9.097-1.848.424-2.79.897-1.116.56-2.196 1.307-3.144 2.055a33 33 0 0 0-2.322 2.032c-.286.274-.507.492-.665.645a6 6 0 0 1-.194.182 1 1 0 0 1-.113.085.5.5 0 0 1-.307.075.503.503 0 0 1-.457-.593l.001-.004.097-.494C3.634 14.394 6.115 8.8 12.5 7.58V4a.5.5 0 0 1 .293-.455"
         })
     }));
+    return a ? /*#__PURE__*/ l.cloneElement(r, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...l.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { d as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-forwad-arrow-light.js

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const m = (_param)=>{
-    var { color: e, size: o = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as g } 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: l, size: n = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), l = e !== null && e !== void 0 ? e : r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh;
-    return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const r = g(), s = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: d, gradientDef: a } = f(l !== null && l !== void 0 ? l : s), t = /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: l,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: d,
             d: "M12.69 3.318a.75.75 0 0 1 .804.118l8 7a.75.75 0 0 1 0 1.129l-8 7A.75.75 0 0 1 12.25 18v-3.184c-.78.125-1.6.422-2.43.838-1.095.55-2.16 1.285-3.1 2.027a33 33 0 0 0-2.304 2.017c-.286.273-.504.488-.664.644a6 6 0 0 1-.204.19 1 1 0 0 1-.148.11.76.76 0 0 1-.454.11.753.753 0 0 1-.685-.885l.001-.005c.96-5.107 3.383-11.117 9.988-12.488V4a.75.75 0 0 1 .44-.682M13.75 8a.75.75 0 0 1-.634.741c-5.133.803-7.601 4.719-8.826 9.03.44-.396.947-.83 1.5-1.268.988-.779 2.14-1.58 3.358-2.19 1.212-.608 2.534-1.052 3.846-1.063a.75.75 0 0 1 .756.75v2.347L19.86 11l-6.11-5.347z"
         })
     }));
+    return a ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { m as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-forwad-arrow-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 n } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const m = (_param)=>{
-    var { color: t, size: o = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as t } from "react/jsx-runtime";
+import * as l from "react";
+import { useThemeVariant as g } 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: n = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), i = t !== null && t !== void 0 ? t : r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const r = g(), s = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: d, gradientDef: a } = f(i !== null && i !== void 0 ? i : s), e = /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ e("path", {
-            fill: i,
+    }, c), {
+        children: /* @__PURE__ */ t("path", {
+            fill: d,
             d: "M12.69 3.318a.75.75 0 0 1 .804.118l8 7a.75.75 0 0 1 0 1.129l-8 7A.75.75 0 0 1 12.249 18v-3.184c-.78.125-1.6.422-2.428.838-1.096.55-2.162 1.285-3.102 2.027a33 33 0 0 0-2.304 2.017c-.285.273-.503.488-.664.644a6 6 0 0 1-.203.19 1 1 0 0 1-.148.11.76.76 0 0 1-.454.11.753.753 0 0 1-.685-.885l.001-.005c.96-5.107 3.383-11.117 9.988-12.488V4a.75.75 0 0 1 .44-.682M13.75 8a.75.75 0 0 1-.634.741c-5.133.803-7.601 4.719-8.826 9.03.44-.396.946-.83 1.5-1.268.988-.779 2.14-1.58 3.358-2.19 1.212-.608 2.534-1.052 3.846-1.063a.75.75 0 0 1 .755.75v2.347L19.86 11l-6.11-5.347z"
         })
     }));
+    return a ? /*#__PURE__*/ l.cloneElement(e, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...l.Children.toArray(e.props.children)
+    ]) : e;
 };
-export { m as default };
+export { C as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const m = (_param)=>{
-    var { color: t, size: a = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as m } 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 A = (_param)=>{
+    var { color: c, size: l = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = c(), e = t !== null && t !== void 0 ? t : r === "brand" || r === "media" ? l.colors.neutralHighBrand : r === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const e = m(), d = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: n, gradientDef: a } = g(c !== null && c !== void 0 ? c : d), r = /* @__PURE__ */ f("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, s), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: e,
+            /* @__PURE__ */ t("path", {
+                fill: n,
                 d: "M17.212 11.253a1 1 0 0 1 0 1.494l-3.248 2.887c-.645.573-1.664.115-1.664-.747v-2.582a1 1 0 0 1-.288.442l-3.248 2.887c-.645.573-1.664.115-1.664-.747V9.113c0-.862 1.019-1.32 1.664-.747l3.248 2.887c.14.124.235.278.288.442V9.113c0-.862 1.019-1.32 1.664-.747z"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: e,
+            /* @__PURE__ */ t("path", {
+                fill: n,
                 d: "M21.75 12A9.75 9.75 0 0 1 12 21.75l-.483-.012a9.75 9.75 0 0 1-9.255-9.255L2.25 12a9.75 9.75 0 1 1 19.5 0m-1.5 0A8.25 8.25 0 0 0 12 3.75l-.41.01A8.25 8.25 0 0 0 3.75 12l.01.41A8.25 8.25 0 0 0 12 20.25l.41-.01A8.25 8.25 0 0 0 20.25 12"
             })
         ]
     }));
+    return a ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { m as default };
+export { A as default };