@telefonica/mistica 16.67.0 → 16.69.0

package/dist-es/generated/mistica-icons/icon-coffee-tea-light.js

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as i } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+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 C = (_param)=>{
+    var { color: m, size: l = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = n(), l = r !== null && r !== void 0 ? r : h === "brand" || h === "media" ? t.colors.neutralHighBrand : h === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: o } = v();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = f(), v = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: e, gradientDef: n } = g(m !== null && m !== void 0 ? m : v), { skinName: i } = d(), r = i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: l,
+    }, c), {
+        children: /* @__PURE__ */ a("path", {
+            fill: e,
             d: "M15.807 6.115c.037.075.075.188.037.264l-.226.641c-.15.377.076.83.453.98a.6.6 0 0 0 .264.039.77.77 0 0 0 .716-.49l.265-.717c0-.038 0-.038.037-.076a2.08 2.08 0 0 0-.188-1.433L16.9 4.87a.37.37 0 0 1-.038-.34l.377-.64c.151-.378.038-.83-.34-1.019-.377-.226-.83-.113-1.018.264l-.415.717c0 .037-.037.037-.037.075-.264.566-.189 1.207.113 1.735zm-5.243 0c.038.075.075.15.038.264l-.264.641a.764.764 0 0 0 .415.98c.113.039.226.039.301.039a.77.77 0 0 0 .717-.49l.264-.717c0-.038.038-.076.038-.076a2.08 2.08 0 0 0-.189-1.433l-.264-.453a.37.37 0 0 1-.038-.34l.377-.678c.19-.377.076-.83-.301-1.019s-.83-.075-1.019.302l-.377.717s-.038.037-.038.075c-.264.566-.188 1.207.114 1.735zm2.64-.34c.076.151.113.302.076.453l-.302.792a.75.75 0 0 0 .453.98.6.6 0 0 0 .264.039.77.77 0 0 0 .716-.49l.302-.83c0-.038 0-.038.038-.076a2.04 2.04 0 0 0-.227-1.622l-.34-.566c-.112-.15-.112-.377-.037-.566l.415-.792a.776.776 0 0 0-.302-1.018.776.776 0 0 0-1.018.302l-.415.83s0 .037-.038.037a2.24 2.24 0 0 0 .113 1.962zM5.962 9.17v1.509H4.831a2.27 2.27 0 0 0-2.264 2.263v3.395A2.27 2.27 0 0 0 4.832 18.6H6.3a5.26 5.26 0 0 0 4.942 3.394h4.903c2.905 0 5.28-2.376 5.28-5.28V9.17zm-1.131 7.921a.757.757 0 0 1-.755-.754v-3.395c0-.415.34-.754.755-.754h1.131v4.526c0 .113 0 .264.038.377zm15.087-.377a3.783 3.783 0 0 1-3.772 3.772h-4.903a3.783 3.783 0 0 1-3.772-3.772v-6.035h12.447z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M21.018 19.25a.784.784 0 1 0 0-1.569.784.784 0 0 0 0 1.568"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M16.313 5.683c.118.196.157.392.078.549l-.274.745c-.079.196.04.431.235.51.04 0 .079.039.118.039a.38.38 0 0 0 .353-.275l.274-.745c.118-.392.04-.823-.157-1.215l-.235-.51a.75.75 0 0 1-.04-.706l.393-.705c.118-.196.04-.432-.157-.55-.196-.078-.431-.039-.549.158l-.431.744v.04c-.196.47-.157 1.02.078 1.45zm-5.49 0c.118.157.118.392.079.588l-.274.706c-.079.196.039.431.235.51.039 0 .078.039.157.039.157 0 .313-.079.353-.235l.274-.745v-.04c.118-.392.04-.823-.157-1.176l-.274-.549c-.118-.235-.157-.51-.04-.706l.393-.745c.117-.196.039-.43-.157-.549-.196-.039-.432 0-.55.196l-.391.745a1.7 1.7 0 0 0 .078 1.451zm2.784-.353a.92.92 0 0 1 .118.784l-.314.863c-.078.196.04.431.236.51.039 0 .078.039.156.039.157 0 .314-.079.353-.235l.314-.863v-.04c.118-.47.04-.98-.196-1.372l-.353-.666a1.13 1.13 0 0 1-.078-.941l.431-.863c.118-.157.079-.392-.118-.51-.196-.078-.43-.039-.549.157l-.47.863c-.235.549-.196 1.176.118 1.647zm-7.88 3.333v1.568h-1.57c-1.098 0-1.96.863-1.96 1.96v4.314a1.94 1.94 0 0 0 1.96 1.96h1.804a5.12 5.12 0 0 0 4.862 3.53h5.881c1.255 0 2.47-.471 3.411-1.295a.42.42 0 0 0 .04-.549.42.42 0 0 0-.55-.039 4.45 4.45 0 0 1-2.901 1.098h-5.881a4.3 4.3 0 0 1-4.313-4.313v-7.45h14.507v6.666c0 .235.157.392.392.392s.392-.157.392-.392v-7.45zm.078 9.018H4.158c-.667 0-1.176-.51-1.176-1.176v-4.313c0-.667.51-1.177 1.176-1.177h1.568v5.882c0 .274.04.51.079.784"
             })
         ]
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: l,
+    }, c), {
+        children: /* @__PURE__ */ a("path", {
+            fill: e,
             d: "M17 9.25a.75.75 0 0 1 .75.75v.26q.403-.028.806.031a3.75 3.75 0 1 1-1.355 7.37 6.7 6.7 0 0 1-1.428 2.113A6.75 6.75 0 0 1 11 21.75H9A6.75 6.75 0 0 1 2.25 15v-5A.75.75 0 0 1 3 9.25zm-3.509 4.5c-1.3-.015-2.368.33-3.032.843-.993.768-2.412 1.172-3.951 1.156v.001h-.017c-.988.01-1.925-.154-2.733-.475A5.25 5.25 0 0 0 9 20.25h2A5.25 5.25 0 0 0 16.25 15v-.604c-.666-.402-1.617-.66-2.741-.646zm4.841-1.975a2.3 2.3 0 0 0-.582-.011V15q-.002.62-.113 1.219.244.04.493.026a2.25 2.25 0 0 0 .202-4.47M3.75 13.604c.666.402 1.617.66 2.741.646h.018c1.3.016 2.368-.33 3.032-.844.992-.767 2.411-1.17 3.95-1.155h.018-.001c.991-.01 1.932.154 2.742.477V10.75H3.75zM7.563 2.39a.75.75 0 0 1 .874 1.22 1.65 1.65 0 0 0-.688 1.406 1.65 1.65 0 0 0 .688 1.375.75.75 0 0 1-.874 1.219A3.15 3.15 0 0 1 6.25 4.985 3.15 3.15 0 0 1 7.563 2.39m4 0a.75.75 0 0 1 .874 1.22 1.65 1.65 0 0 0-.688 1.406 1.65 1.65 0 0 0 .688 1.375.75.75 0 0 1-.874 1.219 3.15 3.15 0 0 1-1.313-2.625 3.15 3.15 0 0 1 1.313-2.594"
         })
     }));
+    return n ? /*#__PURE__*/ h.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...h.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { C as default };

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

@@ -78,46 +78,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: o, size: a = 24 } = _param, c = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: m, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), t = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? h.colors.neutralHighBrand : e === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { skinName: r } = i();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const c = d(), s = c === "brand" || c === "media" ? o.colors.neutralHighBrand : c === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: t, gradientDef: n } = f(m !== null && m !== void 0 ? m : s), { skinName: i } = v(), r = i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ l("path", {
+    }, l), {
+        children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M15.807 6.115c.037.075.075.188.037.264l-.226.641c-.15.377.076.83.453.98a.6.6 0 0 0 .264.039.77.77 0 0 0 .716-.49l.265-.717c0-.038 0-.038.037-.076a2.08 2.08 0 0 0-.188-1.433L16.9 4.87a.37.37 0 0 1-.038-.34l.377-.64c.151-.378.038-.83-.34-1.019-.377-.226-.83-.113-1.018.264l-.415.717c0 .037-.037.037-.037.075-.264.566-.189 1.207.113 1.735zm-5.243 0c.038.075.075.15.038.264l-.264.641a.764.764 0 0 0 .415.98c.113.039.226.039.301.039a.77.77 0 0 0 .717-.49l.264-.717c0-.038.038-.076.038-.076a2.08 2.08 0 0 0-.189-1.433l-.264-.453a.37.37 0 0 1-.038-.34l.377-.678c.19-.377.076-.83-.301-1.019s-.83-.075-1.019.302l-.377.717s-.038.037-.038.075c-.264.566-.188 1.207.114 1.735zm2.64-.34c.076.151.113.302.076.453l-.302.792a.75.75 0 0 0 .453.98.6.6 0 0 0 .264.039.77.77 0 0 0 .716-.49l.302-.83c0-.038 0-.038.038-.076a2.04 2.04 0 0 0-.227-1.622l-.34-.566c-.112-.15-.112-.377-.037-.566l.415-.792a.776.776 0 0 0-.302-1.018.776.776 0 0 0-1.018.302l-.415.83s0 .037-.038.037a2.24 2.24 0 0 0 .113 1.962zM5.962 9.17v1.509H4.831a2.27 2.27 0 0 0-2.264 2.263v3.395A2.27 2.27 0 0 0 4.832 18.6H6.3a5.26 5.26 0 0 0 4.942 3.394h4.903c2.905 0 5.28-2.376 5.28-5.28V9.17zm-1.131 7.921a.757.757 0 0 1-.755-.754v-3.395c0-.415.34-.754.755-.754h1.131v4.526c0 .113 0 .264.038.377zm15.087-.377a3.783 3.783 0 0 1-3.772 3.772h-4.903a3.783 3.783 0 0 1-3.772-3.772v-6.035h12.447z"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ l("path", {
+    }, l), {
+        children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M15.807 6.115c.037.075.075.189.037.264l-.226.641c-.15.377.076.83.453.98a.6.6 0 0 0 .264.039.77.77 0 0 0 .716-.49l.265-.717c0-.038 0-.038.037-.076a2.08 2.08 0 0 0-.188-1.433L16.9 4.87a.37.37 0 0 1-.038-.34l.377-.64c.151-.378.038-.83-.34-1.019-.377-.226-.83-.113-1.018.264l-.415.717c0 .038-.037.038-.037.075-.264.566-.189 1.207.113 1.735zm-5.243 0c.038.075.075.15.038.264l-.264.641a.764.764 0 0 0 .415.98c.113.039.226.039.301.039a.77.77 0 0 0 .717-.49l.264-.717c0-.038.038-.076.038-.076a2.08 2.08 0 0 0-.189-1.433l-.264-.453a.37.37 0 0 1-.038-.34l.377-.678c.19-.377.076-.83-.301-1.019s-.83-.075-1.019.302l-.377.717s-.038.038-.038.075c-.264.566-.188 1.207.114 1.735zm2.64-.34c.076.151.113.302.076.453l-.302.792a.75.75 0 0 0 .453.98.6.6 0 0 0 .264.039.77.77 0 0 0 .716-.49l.302-.83c0-.038 0-.038.038-.076a2.04 2.04 0 0 0-.227-1.622l-.34-.566c-.112-.15-.112-.377-.037-.565l.415-.793a.776.776 0 0 0-.302-1.018.776.776 0 0 0-1.018.302l-.415.83s0 .037-.038.037a2.24 2.24 0 0 0 .113 1.962zM5.962 9.17v1.509H4.831a2.27 2.27 0 0 0-2.264 2.263v3.395A2.27 2.27 0 0 0 4.832 18.6H6.3a5.26 5.26 0 0 0 4.942 3.394h4.903c2.905 0 5.28-2.376 5.28-5.28V9.17zm-1.131 7.921a.757.757 0 0 1-.755-.754v-3.395c0-.415.34-.754.755-.754h1.131v4.526c0 .113 0 .264.038.377zm15.087-.377a3.783 3.783 0 0 1-3.772 3.772h-4.903a3.783 3.783 0 0 1-3.772-3.772v-6.035h12.447z"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ l("path", {
+    }, l), {
+        children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M17 9.25a.75.75 0 0 1 .75.75v.26q.403-.028.806.031a3.75 3.75 0 1 1-1.355 7.37 6.7 6.7 0 0 1-1.428 2.113A6.75 6.75 0 0 1 11 21.75H9A6.75 6.75 0 0 1 2.25 15v-5A.75.75 0 0 1 3 9.25zm-3.509 4.5c-1.3-.015-2.368.33-3.032.843-.993.768-2.412 1.172-3.951 1.156v.001h-.017c-.988.01-1.925-.154-2.733-.475A5.25 5.25 0 0 0 9 20.25h2A5.25 5.25 0 0 0 16.25 15v-.604c-.666-.402-1.617-.66-2.741-.646zm4.841-1.975a2.3 2.3 0 0 0-.582-.011V15q-.002.62-.113 1.219.244.04.493.026a2.25 2.25 0 0 0 .202-4.47M3.75 13.604c.666.402 1.617.66 2.741.646h.018c1.3.016 2.368-.33 3.032-.844.992-.767 2.411-1.17 3.95-1.155h.018-.001c.991-.01 1.932.154 2.742.477V10.75H3.75zM7.563 2.39a.75.75 0 0 1 .874 1.22 1.65 1.65 0 0 0-.688 1.406 1.65 1.65 0 0 0 .688 1.375.75.75 0 0 1-.874 1.219A3.15 3.15 0 0 1 6.25 4.985 3.15 3.15 0 0 1 7.563 2.39m4 0a.75.75 0 0 1 .874 1.22 1.65 1.65 0 0 0-.688 1.406 1.65 1.65 0 0 0 .688 1.375.75.75 0 0 1-.874 1.219 3.15 3.15 0 0 1-1.313-2.625 3.15 3.15 0 0 1 1.313-2.594"
         })
     }));
+    return n ? /*#__PURE__*/ h.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...h.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { f as default };
+export { w as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { useTheme as n } 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: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as v } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = s(), e = r !== null && r !== void 0 ? r : h === "brand" || h === "media" ? i.colors.neutralHighBrand : h === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const c = g(), d = c === "brand" || c === "media" ? a.colors.neutralHighBrand : c === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: r, gradientDef: i } = v(s !== null && s !== void 0 ? s : d), { skinName: l } = f(), n = l.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__ */ a("path", {
-            fill: e,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M18.298 10.144a8.15 8.15 0 0 1-8.15 8.149A8.15 8.15 0 0 1 2 10.144C2 5.645 5.65 2 10.149 2s8.149 3.645 8.149 8.144m.74 0c0-1.08-.195-2.119-.55-3.076a8.1 8.1 0 0 1 1.663 4.925 8.151 8.151 0 0 1-13.079 6.49c.958.355 1.996.55 3.077.55 4.902 0 8.888-3.987 8.888-8.889M13.85 22A8.15 8.15 0 0 0 22 13.851c0-1.853-.616-3.56-1.664-4.925.356.957.55 1.995.55 3.076 0 4.902-3.987 8.889-8.888 8.889a8.8 8.8 0 0 1-3.077-.55A8.14 8.14 0 0 0 13.851 22M12.557 8.158c0-1.124-1.223-2-2.783-2-.521 0-1.028.099-1.47.293a.554.554 0 0 0 .446 1.015c.3-.133.65-.2 1.02-.2.957 0 1.673.47 1.673.892 0 .412-.706.882-1.65.891h-.398l-.021.002-.022.003h-.109v.019a.555.555 0 0 0-.403.53c0 .252.171.465.403.532v.019h.119l.013.002.02.002h.398c.896.01 1.65.498 1.65 1.062 0 .579-.768 1.067-1.673 1.067-.437 0-.854-.114-1.176-.323a.56.56 0 0 0-.768.166.56.56 0 0 0 .166.768c.498.323 1.128.498 1.778.498 1.56 0 2.782-.958 2.782-2.176.005-.635-.332-1.2-.877-1.593.545-.365.882-.886.882-1.47"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : l.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__ */ a("path", {
-            fill: e,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M18.298 10.144a8.15 8.15 0 0 1-8.15 8.149A8.15 8.15 0 0 1 2 10.144C2 5.645 5.65 2 10.149 2s8.149 3.645 8.149 8.144m.74 0c0-1.08-.195-2.119-.55-3.076a8.1 8.1 0 0 1 1.663 4.925 8.151 8.151 0 0 1-13.079 6.49c.958.355 1.996.55 3.077.55 4.902 0 8.888-3.987 8.888-8.889M13.85 22A8.15 8.15 0 0 0 22 13.851c0-1.853-.616-3.56-1.664-4.925.356.957.55 1.995.55 3.076 0 4.902-3.987 8.889-8.888 8.889a8.8 8.8 0 0 1-3.077-.55A8.14 8.14 0 0 0 13.851 22M12.557 8.158c0-1.124-1.223-2-2.783-2-.521 0-1.028.099-1.47.293a.554.554 0 0 0 .446 1.015c.3-.133.65-.2 1.02-.2.957 0 1.673.47 1.673.892 0 .412-.706.882-1.65.891h-.398l-.021.002-.022.003h-.109v.019a.555.555 0 0 0-.403.53c0 .252.171.465.403.532v.019h.119l.013.002.02.002h.398c.896.01 1.65.498 1.65 1.062 0 .579-.768 1.067-1.673 1.067-.437 0-.854-.114-1.176-.323a.56.56 0 0 0-.768.166.56.56 0 0 0 .166.768c.498.323 1.128.498 1.778.498 1.56 0 2.782-.958 2.782-2.176.005-.635-.332-1.2-.877-1.593.545-.365.882-.886.882-1.47"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M9 16.156c0-.136.172-.206.274-.115 1.172 1.045 3.253 1.709 5.726 1.709s4.555-.664 5.726-1.709c.102-.091.274-.021.274.115V18c0 1.66-2.69 3-6 3s-6-1.34-6-3zm-6-3.171c0-.136.172-.206.274-.115.906.807 2.353 1.384 4.093 1.605.076.01.133.073.133.149v2.937c0 .09-.08.16-.169.147C4.828 17.35 3.001 16.199 3 14.83z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M15 11.765c3.144 0 5.5 1.192 5.5 2.25 0 1.057-2.356 2.25-5.5 2.25h-.184c-3.052-.049-5.316-1.202-5.316-2.25s2.264-2.202 5.316-2.25zM2.99 8.166c0-.137.173-.206.275-.115C4.435 9.096 6.517 9.76 8.99 9.76s4.555-.664 5.726-1.71c.102-.09.274-.02.274.116v1.693a.15.15 0 0 1-.15.15h-.09C12.5 10 9.1 10.94 7.99 12.46l-.27.395a.15.15 0 0 1-.14.064c-2.634-.316-4.59-1.495-4.59-2.91zM9 3.445c3.144 0 5.5 1.193 5.5 2.25 0 1.058-2.356 2.25-5.5 2.25s-5.5-1.192-5.5-2.25c0-1.057 2.356-2.25 5.5-2.25"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { p as default };
+export { x as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: h, size: c = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } 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 n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: h, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = s(), e = h !== null && h !== void 0 ? h : i === "brand" || i === "media" ? o.colors.neutralHighBrand : i === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = n();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const r = g(), m = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: c, gradientDef: i } = p(h !== null && h !== void 0 ? h : m), { skinName: l } = f(), o = l.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__ */ a("path", {
-            fill: e,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M18.526 7.632a7.9 7.9 0 0 0-2.144-2.144A7.84 7.84 0 0 0 9.858 2C5.525 2 2 5.525 2 9.858a7.85 7.85 0 0 0 3.483 6.524 7.9 7.9 0 0 0 2.144 2.144A7.85 7.85 0 0 0 14.142 22C18.475 22 22 18.475 22 14.142c.005-2.707-1.38-5.097-3.474-6.51M3.43 9.858a6.436 6.436 0 0 1 6.427-6.427 6.436 6.436 0 0 1 6.428 6.427 6.436 6.436 0 0 1-6.428 6.428c-3.543.004-6.427-2.88-6.427-6.428m14.286 0a8 8 0 0 0-.05-.891c.488.905.767 1.938.767 3.035a6.436 6.436 0 0 1-6.427 6.428 6.36 6.36 0 0 1-3.036-.768q.434.055.887.055c4.334 0 7.859-3.525 7.859-7.859m-3.57 10.716a6.4 6.4 0 0 1-3.036-.768q.439.049.891.05c4.334 0 7.858-3.525 7.858-7.858q-.001-.453-.05-.892c.49.905.768 1.939.768 3.036-.004 3.547-2.889 6.432-6.432 6.432m-4.65-7.402c1.605 0 2.862-1 2.862-2.276 0-.585-.284-1.125-.755-1.54.467-.371.75-.87.75-1.422 0-1.18-1.257-2.108-2.861-2.108a3.7 3.7 0 0 0-1.486.297.714.714 0 1 0 .576 1.308 2.25 2.25 0 0 1 .914-.179c.864 0 1.435.412 1.435.682 0 .233-.543.662-1.435.672h-.352a.714.714 0 0 0 0 1.426h.352c.823.009 1.435.462 1.435.86 0 .402-.59.85-1.435.85-.388 0-.759-.096-1.038-.28a.716.716 0 0 0-.772 1.203c.507.33 1.152.508 1.81.508"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : l.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__ */ a("path", {
-            fill: e,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M17.957 6.535a8 8 0 0 0-1.19-1.062C15.29 3.372 12.873 2 10.148 2 5.654 2 2 5.724 2 10.302a8.34 8.34 0 0 0 3.398 6.738A8.3 8.3 0 0 0 7.9 19.358C9.39 20.981 11.502 22 13.848 22a8.1 8.1 0 0 0 3.882-1 .38.38 0 0 0 .147-.512.365.365 0 0 0-.503-.15 7.3 7.3 0 0 1-3.526.909 7.2 7.2 0 0 1-3.568-.942c.554.12 1.128.188 1.72.188 4.493 0 8.147-3.724 8.147-8.302 0-1.246-.275-2.43-.758-3.492a7.58 7.58 0 0 1 1.867 4.999 7.7 7.7 0 0 1-.858 3.535.385.385 0 0 0 .152.512.37.37 0 0 0 .502-.155A8.4 8.4 0 0 0 22 13.703a8.34 8.34 0 0 0-4.043-7.168M2.744 10.297c0-4.163 3.322-7.544 7.403-7.544 4.085 0 7.403 3.386 7.403 7.544 0 4.164-3.323 7.545-7.403 7.545-4.08.004-7.403-3.381-7.403-7.544M12 19.73a7.25 7.25 0 0 1-4.54-1.599c.843.3 1.749.469 2.692.469 4.493 0 8.147-3.724 8.147-8.303 0-.96-.162-1.883-.46-2.743a7.62 7.62 0 0 1 1.564 4.632c0 4.163-3.322 7.544-7.403 7.544m.37-8.336c0 1.12-1.166 2.028-2.597 2.028-.612 0-1.209-.169-1.678-.478a.38.38 0 0 1-.11-.521.364.364 0 0 1 .513-.111c.35.231.8.357 1.275.357 1.004 0 1.857-.585 1.857-1.275s-.82-1.26-1.834-1.275h-.398a.374.374 0 0 1-.37-.377c0-.208.166-.377.37-.377h.403c.995-.01 1.83-.512 1.83-1.096 0-.594-.849-1.096-1.858-1.096-.394 0-.773.077-1.095.217a.367.367 0 0 1-.488-.193.38.38 0 0 1 .19-.498 3.5 3.5 0 0 1 1.393-.285c1.454 0 2.597.812 2.597 1.85 0 .618-.408 1.155-1.048 1.493.64.372 1.048.966 1.048 1.637m7.038 8.713a.75.75 0 0 0 .739-.754.747.747 0 0 0-.74-.753.747.747 0 0 0-.739.753c0 .416.332.754.74.754"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: c,
                 d: "M15 10.25c1.748 0 3.368.353 4.578.958 1.142.571 2.128 1.488 2.168 2.715l.004.077v4c0 1.265-1.007 2.21-2.172 2.792-1.21.605-2.83.958-4.578.958s-3.368-.353-4.578-.958C9.257 20.21 8.25 19.265 8.25 18v-4l.004-.077c.04-1.227 1.026-2.144 2.168-2.715 1.21-.605 2.83-.958 4.578-.958m5.25 6.149a6 6 0 0 1-.672.393c-1.21.605-2.83.958-4.578.958s-3.368-.353-4.578-.958a6 6 0 0 1-.672-.393V18c0 .391.337.947 1.343 1.45.96.481 2.341.8 3.907.8s2.946-.319 3.907-.8c1.006-.503 1.343-1.059 1.343-1.45zM15 11.75c-1.566 0-2.946.32-3.907.8-1.006.503-1.343 1.059-1.343 1.45 0 .392.337.947 1.343 1.45.96.481 2.341.8 3.907.8s2.946-.319 3.907-.8c1.006-.502 1.343-1.058 1.343-1.45s-.337-.947-1.343-1.45c-.96-.48-2.341-.8-3.907-.8"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: c,
                 d: "M5.792 2.682c1.992-.575 4.424-.575 6.416 0 .998.288 1.856.712 2.479 1.25.622.54 1.063 1.246 1.063 2.068s-.44 1.529-1.063 2.068-1.48.962-2.479 1.25c-1.992.576-4.424.576-6.416 0-.783-.226-1.478-.537-2.042-.92V11c0 .189.068.363.299.576.254.235.662.473 1.258.74a.75.75 0 0 1-.614 1.369 9 9 0 0 1-.943-.483V16c0 .189.068.363.299.576.254.235.662.473 1.258.74a.75.75 0 0 1-.614 1.369c-.631-.283-1.224-.601-1.663-1.007-.462-.427-.78-.978-.78-1.678V6c0-.822.44-1.528 1.063-2.067s1.48-.963 2.479-1.251m6 1.44c-1.72-.496-3.864-.496-5.584 0-.857.248-1.5.588-1.913.946-.413.357-.545.682-.545.932s.132.575.545.933c.413.357 1.056.698 1.913.945 1.72.497 3.864.497 5.584 0 .857-.247 1.5-.588 1.913-.945.413-.358.545-.683.545-.933s-.132-.575-.545-.932-1.056-.698-1.913-.946"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ s.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...s.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { x as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: l, size: c = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } 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 n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const q = (_param)=>{
+    var { color: h, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = s(), e = l !== null && l !== void 0 ? l : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const r = g(), m = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: c, gradientDef: i } = p(h !== null && h !== void 0 ? h : m), { skinName: l } = f(), o = l.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__ */ a("path", {
-            fill: e,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M18.526 7.632a7.9 7.9 0 0 0-2.144-2.144A7.84 7.84 0 0 0 9.858 2C5.525 2 2 5.525 2 9.858a7.85 7.85 0 0 0 3.483 6.524 7.9 7.9 0 0 0 2.144 2.144A7.85 7.85 0 0 0 14.142 22C18.475 22 22 18.475 22 14.142c.005-2.707-1.38-5.097-3.474-6.51M3.43 9.858a6.436 6.436 0 0 1 6.427-6.427 6.436 6.436 0 0 1 6.428 6.427 6.436 6.436 0 0 1-6.428 6.428c-3.543.004-6.427-2.88-6.427-6.428m14.286 0a8 8 0 0 0-.05-.891c.488.905.767 1.938.767 3.035a6.436 6.436 0 0 1-6.427 6.428 6.36 6.36 0 0 1-3.036-.768q.434.055.887.055c4.334 0 7.859-3.525 7.859-7.859m-3.57 10.716a6.4 6.4 0 0 1-3.036-.768q.439.049.891.05c4.334 0 7.858-3.525 7.858-7.858q-.001-.453-.05-.892c.49.905.768 1.939.768 3.036-.004 3.547-2.889 6.432-6.432 6.432m-4.65-7.402c1.605 0 2.862-1 2.862-2.276 0-.585-.284-1.125-.755-1.54.467-.371.75-.87.75-1.422 0-1.18-1.257-2.108-2.861-2.108a3.7 3.7 0 0 0-1.486.297.714.714 0 1 0 .576 1.308 2.25 2.25 0 0 1 .914-.179c.864 0 1.435.412 1.435.682 0 .233-.543.662-1.435.672h-.352a.714.714 0 0 0 0 1.426h.352c.823.009 1.435.462 1.435.86 0 .402-.59.85-1.435.85-.388 0-.759-.096-1.038-.28a.716.716 0 0 0-.772 1.203c.507.33 1.152.508 1.81.508"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : l.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__ */ a("path", {
-            fill: e,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M18.526 7.632a7.9 7.9 0 0 0-2.144-2.144A7.84 7.84 0 0 0 9.858 2C5.525 2 2 5.525 2 9.858a7.85 7.85 0 0 0 3.483 6.524 7.9 7.9 0 0 0 2.144 2.144A7.85 7.85 0 0 0 14.142 22C18.475 22 22 18.475 22 14.142c.005-2.707-1.38-5.097-3.474-6.51M3.43 9.858a6.436 6.436 0 0 1 6.427-6.427 6.436 6.436 0 0 1 6.428 6.427 6.436 6.436 0 0 1-6.428 6.428c-3.543.004-6.427-2.88-6.427-6.428m14.286 0a8 8 0 0 0-.05-.891c.488.905.767 1.938.767 3.035a6.436 6.436 0 0 1-6.427 6.428 6.36 6.36 0 0 1-3.036-.768q.434.055.887.055c4.334 0 7.859-3.525 7.859-7.859m-3.57 10.716a6.4 6.4 0 0 1-3.036-.768q.439.049.891.05c4.334 0 7.858-3.525 7.858-7.858q-.001-.453-.05-.892c.49.905.768 1.939.768 3.036-.004 3.547-2.889 6.432-6.432 6.432m-4.65-7.402c1.605 0 2.862-1 2.862-2.276 0-.585-.284-1.125-.755-1.54.467-.371.75-.87.75-1.422 0-1.18-1.257-2.108-2.861-2.108a3.7 3.7 0 0 0-1.486.297.714.714 0 1 0 .576 1.308 2.25 2.25 0 0 1 .914-.179c.864 0 1.435.412 1.435.682 0 .233-.543.662-1.435.672h-.352a.714.714 0 0 0 0 1.426h.352c.823.009 1.435.462 1.435.86 0 .402-.59.85-1.435.85-.388 0-.759-.096-1.038-.28a.716.716 0 0 0-.772 1.203c.507.33 1.152.508 1.81.508"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: c,
                 d: "M15 10.25c1.748 0 3.368.353 4.578.958 1.142.571 2.128 1.488 2.168 2.715l.004.077v4c0 1.265-1.007 2.21-2.172 2.792-1.21.605-2.83.958-4.578.958s-3.368-.353-4.578-.958C9.257 20.21 8.25 19.265 8.25 18v-4l.004-.077c.04-1.227 1.026-2.144 2.168-2.715 1.21-.605 2.83-.958 4.578-.958m5.25 6.149a6 6 0 0 1-.672.393c-1.21.605-2.83.958-4.578.958s-3.368-.353-4.578-.958a6 6 0 0 1-.672-.393V18c0 .391.337.947 1.343 1.45.96.481 2.341.8 3.907.8s2.946-.319 3.907-.8c1.006-.503 1.343-1.059 1.343-1.45zM15 11.75c-1.566 0-2.946.32-3.907.8-1.006.503-1.343 1.059-1.343 1.45 0 .392.337.947 1.343 1.45.96.481 2.341.8 3.907.8s2.946-.319 3.907-.8c1.006-.502 1.343-1.058 1.343-1.45s-.337-.947-1.343-1.45c-.96-.48-2.341-.8-3.907-.8"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: c,
                 d: "M5.792 2.682c1.992-.575 4.424-.575 6.416 0 .998.288 1.856.712 2.479 1.25.622.54 1.063 1.246 1.063 2.068s-.44 1.529-1.063 2.068-1.48.962-2.479 1.25c-1.992.576-4.424.576-6.416 0-.783-.226-1.478-.537-2.042-.92V11c0 .189.068.363.299.576.254.235.662.473 1.258.74a.75.75 0 0 1-.614 1.369 9 9 0 0 1-.943-.483V16c0 .189.068.363.299.576.254.235.662.473 1.258.74a.75.75 0 0 1-.614 1.369c-.631-.283-1.224-.601-1.663-1.007-.462-.427-.78-.978-.78-1.678V6c0-.822.44-1.528 1.063-2.067s1.48-.963 2.479-1.251m6 1.44c-1.72-.496-3.864-.496-5.584 0-.857.248-1.5.588-1.913.946-.413.357-.545.682-.545.932s.132.575.545.933c.413.357 1.056.698 1.913.945 1.72.497 3.864.497 5.584 0 .857-.247 1.5-.588 1.913-.945.413-.358.545-.683.545-.933s-.132-.575-.545-.932-1.056-.698-1.913-.946"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ s.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...s.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { q as default };

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

@@ -78,58 +78,65 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: c, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import * as d from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = v(), l = c !== null && c !== void 0 ? c : o === "brand" || o === "media" ? r.colors.neutralHighBrand : o === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: a } = n();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = f(), m = n === "brand" || n === "media" ? i.colors.neutralHighBrand : n === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: r, gradientDef: a } = g(s !== null && s !== void 0 ? s : m), { skinName: c } = v(), l = c.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 3h6.667C20.507 3 22 4.512 22 6.374v4.503c0 1.733-1.3 3.187-2.963 3.374v2.251c0 .15-.09.288-.228.346a.37.37 0 0 1-.403-.082l-2.518-2.515H12c-1.84 0-3.333-1.512-3.333-3.374V6.374C8.667 4.512 10.16 3 12 3"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12.37 18.374c1.664-.187 2.963-1.267 2.963-3h-3.328c-2.452 0-4.448-2.02-4.448-4.502V7.123H5.333C3.493 7.123 2 8.635 2 10.498V15c0 1.733 1.3 3.187 2.963 3.374v2.252c0 .148.09.288.228.345q.072.03.142.029c.095 0 .19-.038.261-.11l2.518-2.516z"
             })
         ]
-    })) : a.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12 3h6.667C20.507 3 22 4.512 22 6.374v4.503c0 1.733-1.3 3.187-2.963 3.374v2.251c0 .15-.09.288-.228.346a.37.37 0 0 1-.403-.082l-2.518-2.515H12c-1.84 0-3.333-1.512-3.333-3.374V6.374C8.667 4.512 10.16 3 12 3"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M12.37 18.374c1.664-.187 2.963-1.267 2.963-3h-3.328c-2.452 0-4.448-2.02-4.448-4.502V7.123H5.333C3.493 7.123 2 8.635 2 10.498V15c0 1.733 1.3 3.187 2.963 3.374v2.252c0 .148.09.288.228.345q.072.03.142.029c.095 0 .19-.038.261-.11l2.518-2.516z"
             })
         ]
-    })) : /* @__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"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: l,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M6 9.25a.75.75 0 0 1 0 1.5H4a.25.25 0 0 0-.25.25v8.19l1.72-1.72.114-.094A.75.75 0 0 1 6 17.25h7a.25.25 0 0 0 .25-.25v-2a.75.75 0 0 1 1.5 0v2A1.75 1.75 0 0 1 13 18.75H6.31l-2.78 2.78A.75.75 0 0 1 2.25 21V11A1.75 1.75 0 0 1 4 9.25zM20 2.5A1.5 1.5 0 0 1 21.5 4v10a.5.5 0 0 1-.854.354L17.793 11.5H11A1.5 1.5 0 0 1 9.5 10V4A1.5 1.5 0 0 1 11 2.5z"
         })
     }));
+    return a ? /*#__PURE__*/ d.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...d.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { p as default };
+export { w as default };