@telefonica/mistica 16.68.0 → 16.69.0

package/dist-es/generated/mistica-icons/icon-face-slightly-sad-regular.js

@@ -79,67 +79,74 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: n, size: a = 24 } = _param, i = _object_without_properties(_param, [
+import * as s from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const S = (_param)=>{
+    var { color: m, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = m(), t = n !== null && n !== void 0 ? n : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: l } = c();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const n = g(), d = n === "brand" || n === "media" ? l.colors.neutralHighBrand : n === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: a, gradientDef: c } = p(m !== null && m !== void 0 ? m : d), { skinName: o } = f(), i = o.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: a,
             d: "M12 2c5.52 0 10 4.48 10 9.998 0 5.52-4.48 10-10 10s-10-4.48-10-10C2 6.48 6.48 2 12 2m0 1.333c-4.784 0-8.667 3.883-8.667 8.665 0 4.784 3.883 8.667 8.667 8.667s8.667-3.883 8.667-8.667c0-4.782-3.884-8.665-8.667-8.665M7.998 8.532a1.335 1.335 0 1 1-.002 2.669 1.335 1.335 0 0 1 .002-2.67m8.004 0A1.334 1.334 0 1 1 16 11.2a1.334 1.334 0 0 1 .002-2.668m-7.006 6.33a.667.667 0 0 1-1.136-.697s1-1.762 4.149-1.75c3.106.012 4.126 1.74 4.126 1.74a.667.667 0 1 1-1.126.714s-.78-1.112-3.005-1.119c-2.242-.01-3.008 1.111-3.008 1.111"
         })
-    })) : l.match(/^blau/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^blau/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: a,
             d: "M12 2c5.52 0 10 4.48 10 9.998 0 5.52-4.48 10-10 10s-10-4.48-10-10C2 6.48 6.48 2 12 2m0 1.333c-4.784 0-8.667 3.883-8.667 8.665 0 4.784 3.883 8.667 8.667 8.667s8.667-3.883 8.667-8.667c0-4.782-3.884-8.665-8.667-8.665M7.998 8.532a1.335 1.335 0 1 1-.002 2.669 1.335 1.335 0 0 1 .002-2.67m8.004 0A1.334 1.334 0 1 1 16 11.2a1.334 1.334 0 0 1 .002-2.668m-7.006 6.33a.667.667 0 0 1-1.136-.697s1-1.762 4.149-1.75c3.106.012 4.126 1.74 4.126 1.74a.667.667 0 1 1-1.126.714s-.78-1.112-3.005-1.119c-2.242-.01-3.008 1.111-3.008 1.111"
         })
-    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: a,
                 d: "M12 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10m0-18.75c-4.825 0-8.75 3.925-8.75 8.75s3.925 8.75 8.75 8.75 8.75-3.925 8.75-8.75S16.825 3.25 12 3.25m-3.393 5a.982.982 0 1 0-.001 1.963.982.982 0 0 0 .001-1.963m6.697 0a.982.982 0 1 0-.002 1.963.982.982 0 0 0 .002-1.963"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: a,
                 d: "M7.957 15.264a.624.624 0 0 1-.09-.878c.98-1.204 2.472-1.893 4.097-1.886 1.622 0 3.115.686 4.093 1.882a.624.624 0 1 1-.968.79c-.728-.893-1.896-1.426-3.125-1.426-1.228 0-2.4.533-3.128 1.429a.624.624 0 0 1-.879.09"
             })
         ]
     })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: a,
                 d: "M12 13.45a4.25 4.25 0 0 1 3.036 1.275.75.75 0 0 1-1.072 1.05 2.75 2.75 0 0 0-3.928 0 .75.75 0 0 1-1.072-1.05A4.25 4.25 0 0 1 12 13.449M9 9a1 1 0 1 1 0 2 1 1 0 0 1 0-2m6 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: a,
                 d: "M12 2.25a9.75 9.75 0 1 1 0 19.502A9.75 9.75 0 0 1 12 2.25m0 1.5a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ s.cloneElement(i, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...s.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { p as default };
+export { S as default };

package/dist-es/generated/mistica-icons/icon-face-super-happy-filled.js

@@ -78,66 +78,73 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: l, size: e = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const S = (_param)=>{
+    var { color: m, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = m(), i = l !== null && l !== void 0 ? l : o === "brand" || o === "media" ? h.colors.neutralHighBrand : o === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { skinName: r } = n();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = f(), d = o === "brand" || o === "media" ? l.colors.neutralHighBrand : o === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: a, gradientDef: h } = g(m !== null && m !== void 0 ? m : d), { skinName: n } = s(), i = n.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__ */ a("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2m4.005 6.54a1.335 1.335 0 1 0 0 2.67 1.335 1.335 0 0 0 0-2.67m-8.01 0a1.334 1.334 0 1 0 0 2.668 1.334 1.334 0 0 0 0-2.669m9.565 4.571a.67.67 0 0 0-.667-.686H7.107a.67.67 0 0 0-.666.674s.043 5.468 5.519 5.439c5.46-.03 5.6-5.427 5.6-5.427"
         })
-    })) : r.match(/^blau/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : n.match(/^blau/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: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2m4.005 6.54a1.335 1.335 0 1 0 0 2.67 1.335 1.335 0 0 0 0-2.67m-8.01 0a1.334 1.334 0 1 0 0 2.668 1.334 1.334 0 0 0 0-2.669m9.565 4.571a.67.67 0 0 0-.667-.686H7.107a.67.67 0 0 0-.666.674s.043 5.468 5.519 5.439c5.46-.03 5.6-5.427 5.6-5.427"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : n.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: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12s4.48 10 10 10 10-4.48 10-10m-4.63.627c.126.13.195.304.19.484 0 0-.14 5.398-5.6 5.427-5.476.03-5.52-5.44-5.52-5.44a.67.67 0 0 1 .667-.673h9.786c.18 0 .352.073.478.202M8.608 8.25a.982.982 0 1 1 .001 1.963.982.982 0 0 1 0-1.963m6.697 0a.982.982 0 1 1 0 1.963.982.982 0 0 1 0-1.963"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : n.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: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12s4.48 10 10 10 10-4.48 10-10m-4.63.627c.126.13.195.304.19.484 0 0-.14 5.398-5.6 5.427-5.476.03-5.52-5.44-5.52-5.44a.67.67 0 0 1 .667-.673h9.786c.18 0 .352.073.478.202M8.608 8.25a.982.982 0 1 1 .001 1.963.982.982 0 0 1 0-1.963m6.697 0a.982.982 0 1 1 0 1.963.982.982 0 0 1 0-1.963"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M12 2.5a9.501 9.501 0 0 1 3.636 18.277 9.5 9.5 0 0 1-10.354-2.06A9.501 9.501 0 0 1 12 2.5m-4 10a.5.5 0 0 0-.5.5 4.5 4.5 0 0 0 9 0 .5.5 0 0 0-.5-.5zM9 8a1 1 0 1 0 0 2 1 1 0 0 0 0-2m6 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
         })
     }));
+    return h ? /*#__PURE__*/ c.cloneElement(i, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...c.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { f as default };
+export { S as default };

package/dist-es/generated/mistica-icons/icon-face-super-happy-light.js

@@ -78,74 +78,81 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import * as m from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as p } from "../../theme-variant-context.js";
 import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: n, size: a = 24 } = _param, i = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = m(), t = n !== null && n !== void 0 ? n : r === "brand" || r === "media" ? h.colors.neutralHighBrand : r === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { skinName: l } = c();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const o = p(), d = o === "brand" || o === "media" ? h.colors.neutralHighBrand : o === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { fillValue: a, gradientDef: c } = g(s !== null && s !== void 0 ? s : d), { skinName: i } = f(), n = i.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: a,
             d: "M12 21.15a9.15 9.15 0 1 1 0-18.3 9.15 9.15 0 0 1 0 18.3m0 .85c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10M8 11a1 1 0 1 0 0-2 1 1 0 0 0 0 2m8 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m1.373 1.627c.125.13.194.304.188.483 0 0-.048 1.85-1.183 3.39-.804 1.09-2.154 2.026-4.418 2.038-2.1.011-3.402-.787-4.208-1.776-1.295-1.587-1.311-3.664-1.311-3.664a.666.666 0 0 1 .667-.673h9.787c.18 0 .352.074.478.202M7.3 13.275c.086 1.05.44 2.128 1.11 2.95.64.786 1.697 1.473 3.545 1.463 1.988-.01 3.089-.812 3.738-1.692.577-.783.905-1.757 1.003-2.721z"
         })
-    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: a,
                 d: "M12 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10m0-18.75c-4.825 0-8.75 3.925-8.75 8.75s3.925 8.75 8.75 8.75 8.75-3.925 8.75-8.75S16.825 3.25 12 3.25m-3.393 5a.982.982 0 1 0-.001 1.963.982.982 0 0 0 .001-1.963m6.697 0a.982.982 0 1 0-.002 1.963.982.982 0 0 0 .002-1.963"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: a,
                 d: "M17.56 13.111a.67.67 0 0 0-.667-.686H7.107a.67.67 0 0 0-.666.674s.043 5.468 5.519 5.439c5.46-.03 5.6-5.427 5.6-5.427m-5.607 4.227c-1.159.006-1.951-.276-2.507-.64-.563-.37-.955-.874-1.23-1.414a5.5 5.5 0 0 1-.521-1.659h8.598l-.018.1c-.083.429-.24.984-.528 1.526a3.8 3.8 0 0 1-1.265 1.422c-.569.372-1.371.659-2.529.665"
             })
         ]
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: a,
                 d: "M12 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10m0-18.75c-4.825 0-8.75 3.925-8.75 8.75s3.925 8.75 8.75 8.75 8.75-3.925 8.75-8.75S16.825 3.25 12 3.25m-3.393 5a.982.982 0 1 0-.001 1.963.982.982 0 0 0 .001-1.963m6.697 0a.982.982 0 1 0-.002 1.963.982.982 0 0 0 .002-1.963"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: a,
                 d: "M17.56 13.111a.67.67 0 0 0-.667-.686H7.107a.67.67 0 0 0-.666.674s.043 5.468 5.519 5.439c5.46-.03 5.6-5.427 5.6-5.427m-5.607 4.227c-1.159.006-1.951-.276-2.507-.64-.563-.37-.955-.874-1.23-1.414a5.5 5.5 0 0 1-.521-1.659h8.598l-.018.1c-.083.429-.24.984-.528 1.526a3.8 3.8 0 0 1-1.265 1.422c-.569.372-1.371.659-2.529.665"
             })
         ]
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: a,
                 d: "M16 12.25a.75.75 0 0 1 .75.75 4.75 4.75 0 0 1-9.5 0 .75.75 0 0 1 .75-.75zm-7.161 1.5a3.249 3.249 0 0 0 6.322 0zM9 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2m6 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: a,
                 d: "M12 2.25a9.75 9.75 0 1 1 0 19.502A9.75 9.75 0 0 1 12 2.25m0 1.5a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ m.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...m.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { g as default };
+export { x as default };

package/dist-es/generated/mistica-icons/icon-face-super-happy-regular.js

@@ -78,68 +78,75 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: m, size: a = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as p } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = c(), t = m !== null && m !== void 0 ? m : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: l } = n();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const n = p(), d = n === "brand" || n === "media" ? l.colors.neutralHighBrand : n === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: a, gradientDef: m } = g(s !== null && s !== void 0 ? s : d), { skinName: o } = f(), i = o.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: a,
             d: "M12.001 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.482 2 12.001 2m0 1.334c-4.783 0-8.666 3.882-8.666 8.666S7.218 20.666 12 20.666s8.666-3.882 8.666-8.666S16.783 3.334 12 3.334m4.006 5.204a1.335 1.335 0 1 1-.001 2.67 1.335 1.335 0 0 1 0-2.67m-8.011 0a1.336 1.336 0 1 1-.003 2.672 1.336 1.336 0 0 1 .003-2.672m9.565 4.572s-.14 5.399-5.6 5.428c-5.476.029-5.52-5.44-5.52-5.44a.666.666 0 0 1 .667-.673h9.787a.67.67 0 0 1 .666.685m-1.425.651H7.85c.21 1.17 1.019 3.46 4.103 3.443 3.082-.017 3.944-2.275 4.183-3.443"
         })
-    })) : l.match(/^blau/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^blau/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: a,
             d: "M12.001 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.482 2 12.001 2m0 1.334c-4.783 0-8.666 3.882-8.666 8.666S7.218 20.666 12 20.666s8.666-3.882 8.666-8.666S16.783 3.334 12 3.334m4.006 5.204a1.335 1.335 0 1 1-.001 2.67 1.335 1.335 0 0 1 0-2.67m-8.011 0a1.336 1.336 0 1 1-.003 2.672 1.336 1.336 0 0 1 .003-2.672m9.565 4.572s-.14 5.399-5.6 5.428c-5.476.029-5.52-5.44-5.52-5.44a.666.666 0 0 1 .667-.673h9.787a.67.67 0 0 1 .666.685m-1.425.651H7.85c.21 1.17 1.019 3.46 4.103 3.443 3.082-.017 3.944-2.275 4.183-3.443"
         })
-    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: a,
                 d: "M12 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10m0-18.75c-4.825 0-8.75 3.925-8.75 8.75s3.925 8.75 8.75 8.75 8.75-3.925 8.75-8.75S16.825 3.25 12 3.25m-3.393 5a.982.982 0 1 0-.001 1.963.982.982 0 0 0 .001-1.963m6.697 0a.982.982 0 1 0-.002 1.963.982.982 0 0 0 .002-1.963"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: a,
                 d: "M17.56 13.111a.67.67 0 0 0-.667-.686H7.107a.67.67 0 0 0-.666.674s.043 5.468 5.519 5.439c5.46-.03 5.6-5.427 5.6-5.427m-5.607 4.227c-1.159.006-1.951-.276-2.507-.64-.563-.37-.955-.874-1.23-1.414a5.5 5.5 0 0 1-.521-1.659h8.598l-.018.1c-.083.429-.24.984-.528 1.526a3.8 3.8 0 0 1-1.265 1.422c-.569.372-1.371.659-2.529.665"
             })
         ]
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: a,
                 d: "M16 12.25a.75.75 0 0 1 .75.75 4.75 4.75 0 0 1-9.5 0 .75.75 0 0 1 .75-.75zm-7.161 1.5a3.249 3.249 0 0 0 6.322 0zM9 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2m6 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: a,
                 d: "M12 2.25a9.75 9.75 0 1 1 0 19.502A9.75 9.75 0 0 1 12 2.25m0 1.5a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5"
             })
         ]
     }));
+    return m ? /*#__PURE__*/ h.cloneElement(i, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: m
+        }, "gradient-defs"),
+        ...h.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { g as default };
+export { H as default };

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

@@ -78,63 +78,64 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as r } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: o, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as c, jsxs as h } from "react/jsx-runtime";
+import * as s 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 p } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: m, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = v(), l = o !== null && o !== void 0 ? o : t === "brand" || t === "media" ? h.colors.neutralHighBrand : t === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const l = f(), v = l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: e, gradientDef: n } = p(m !== null && m !== void 0 ? m : v), { skinName: r } = d(), i = r.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ c("path", {
-            fill: l,
+            fill: e,
             d: "M10.335 5.52c.288.454.521.748.919 1.16l.015.015c.051.052.168.17.27.242a.8.8 0 0 0 .32.146q.046.012.098.017h.081a.4.4 0 0 0 .098-.017.8.8 0 0 0 .32-.146 2.5 2.5 0 0 0 .296-.269c.39-.406.62-.7.908-1.148.364-.571.613-1.135.742-1.68.14-.595.026-1.088-.325-1.39a1.3 1.3 0 0 0-.776-.297 1.76 1.76 0 0 0-.94.235l-.062.035q-.126.07-.264.153a.1.1 0 0 1-.036.011.06.06 0 0 1-.04-.011 6 6 0 0 0-.324-.188 1.76 1.76 0 0 0-.941-.235c-.297.017-.575.12-.78.297-.346.3-.464.793-.324 1.39.132.545.38 1.109.745 1.68m-3.263 6.815c-.874 0-1.558-.232-2.031-.689-.49-.473-.737-1.18-.737-2.092 0-.914.25-1.62.737-2.096.473-.462 1.157-.692 2.03-.692.875 0 1.558.233 2.034.692.49.48.743 1.185.743 2.098 0 .914-.252 1.62-.743 2.096-.476.45-1.16.683-2.033.683m7.812-.689c.473.457 1.157.69 2.03.69.875 0 1.558-.233 2.034-.684.49-.477.743-1.182.743-2.096 0-.913-.252-1.619-.742-2.098-.477-.46-1.16-.692-2.034-.692s-1.558.23-2.031.692c-.487.476-.737 1.182-.737 2.096 0 .913.247 1.619.737 2.092m-2.871-1.521c.571 0 1.02.151 1.328.454q.485.472.487 1.372c0 .597-.162 1.06-.487 1.37-.308.297-.76.448-1.328.448-.572 0-1.02-.151-1.328-.45-.322-.309-.482-.771-.482-1.37s.16-1.06.482-1.37q.468-.454 1.328-.454m-1.807 4.653a3.9 3.9 0 0 0-1.445-.258v.003H5.38c-1.028 0-1.869.313-2.437.907-.518.544-.793 1.3-.793 2.185v4.146a.08.08 0 0 0 .079.078h5.747v-4.283c0-.795.258-1.49.748-2 .384-.403.891-.663 1.482-.778m2.91.753c.673 0 1.225.205 1.594.594.342.356.524.852.524 1.431v4.283H8.797v-4.283c0-.58.18-1.075.518-1.428.37-.39.922-.594 1.594-.594h2.207zm8.723 2.084c0-.888-.277-1.641-.798-2.187-.569-.594-1.412-.908-2.44-.905h-3.378c-.527 0-1.006.087-1.426.249.6.112 1.115.375 1.507.781.49.513.75 1.205.75 2.003v4.28h5.707a.076.076 0 0 0 .078-.075z"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: [
             /* @__PURE__ */ c("path", {
-                fill: l,
+                fill: e,
                 d: "M18.79 5.518a3.55 3.55 0 0 1-1.627 2.997c2.259.526 3.767 2.063 3.772 4.03v.014a2.98 2.98 0 0 0-2.322-1.123c-1.674 0-3.036 1.413-3.036 3.148 0 .593.156 1.138.43 1.612-.69.432-1.175 1.053-1.385 1.797l-.053-.038a2 2 0 0 0-.135-.094c.27-.47.43-1.015.43-1.603a3.18 3.18 0 0 0-1.317-2.594c-.438-1.261-1.44-2.27-2.816-2.883a4.3 4.3 0 0 0 .677-1.251c.603-.465 1.358-.816 2.222-1.015a3.54 3.54 0 0 1-1.628-2.997C12.002 3.58 13.53 2 15.4 2s3.392 1.579 3.392 3.518"
             }),
             /* @__PURE__ */ c("path", {
-                fill: l,
+                fill: e,
                 d: "M7.714 20.52v1.461H2v-6.852c0-1.967 1.5-3.504 3.744-4.035a3.54 3.54 0 0 1-1.6-2.982c0-1.94 1.522-3.518 3.392-3.518s3.392 1.579 3.392 3.518c0 1.256-.64 2.361-1.6 2.982 1.44.342 2.57 1.09 3.195 2.106a2.8 2.8 0 0 0-.699-.09c-1.673 0-3.035 1.413-3.035 3.148 0 .593.155 1.138.43 1.612-.942.588-1.505 1.522-1.505 2.65m12.348-4.053a2.45 2.45 0 0 0 .868-1.873c0-1.328-1.042-2.41-2.322-2.41s-2.322 1.082-2.322 2.41c0 .758.343 1.436.873 1.877-1.102.346-1.81 1.105-1.92 2.106a3 3 0 0 1 .69 1.944V22H22v-3.148c.005-1.143-.736-2.01-1.938-2.385"
             }),
             /* @__PURE__ */ c("path", {
-                fill: l,
+                fill: e,
                 d: "M14.146 16.263a2.45 2.45 0 0 1-.868 1.873c1.197.374 1.938 1.242 1.938 2.385V22H8.432v-1.48c0-1.137.74-2 1.943-2.38a2.44 2.44 0 0 1-.873-1.877c0-1.328 1.042-2.409 2.322-2.409s2.322 1.081 2.322 2.409"
             })
         ]
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: [
             /* @__PURE__ */ c("path", {
-                fill: l,
+                fill: e,
                 d: "M18.79 5.518a3.55 3.55 0 0 1-1.627 2.997c2.259.526 3.767 2.063 3.772 4.03v.014a2.98 2.98 0 0 0-2.322-1.123c-1.674 0-3.036 1.413-3.036 3.148 0 .593.156 1.138.43 1.612-.69.432-1.175 1.053-1.385 1.797l-.053-.038a2 2 0 0 0-.135-.094c.27-.47.43-1.015.43-1.603a3.18 3.18 0 0 0-1.317-2.594c-.438-1.261-1.44-2.27-2.816-2.883a4.3 4.3 0 0 0 .677-1.251c.603-.465 1.358-.816 2.222-1.015a3.54 3.54 0 0 1-1.628-2.997C12.002 3.58 13.53 2 15.4 2s3.392 1.579 3.392 3.518"
             }),
             /* @__PURE__ */ c("path", {
-                fill: l,
+                fill: e,
                 d: "M7.714 20.52v1.461H2v-6.852c0-1.967 1.5-3.504 3.744-4.035a3.54 3.54 0 0 1-1.6-2.982c0-1.94 1.522-3.518 3.392-3.518s3.392 1.579 3.392 3.518c0 1.256-.64 2.361-1.6 2.982 1.44.342 2.57 1.09 3.195 2.106a2.8 2.8 0 0 0-.699-.09c-1.673 0-3.035 1.413-3.035 3.148 0 .593.155 1.138.43 1.612-.942.588-1.505 1.522-1.505 2.65m12.348-4.053a2.45 2.45 0 0 0 .868-1.873c0-1.328-1.042-2.41-2.322-2.41s-2.322 1.082-2.322 2.41c0 .758.343 1.436.873 1.877-1.102.346-1.81 1.105-1.92 2.106a3 3 0 0 1 .69 1.944V22H22v-3.148c.005-1.143-.736-2.01-1.938-2.385"
             }),
             /* @__PURE__ */ c("path", {
-                fill: l,
+                fill: e,
                 d: "M14.146 16.263a2.45 2.45 0 0 1-.868 1.873c1.197.374 1.938 1.242 1.938 2.385V22H8.432v-1.48c0-1.137.74-2 1.943-2.38a2.44 2.44 0 0 1-.873-1.877c0-1.328 1.042-2.409 2.322-2.409s2.322 1.081 2.322 2.409"
             })
         ]
@@ -143,11 +144,17 @@ const p = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ c("path", {
-            fill: l,
+            fill: e,
             d: "M5.99 14.49c1.2 0 2.06.28 2.62.85l.015.015c.111.116.057.31-.085.386a4.6 4.6 0 0 0-1.75 1.64h-.01c-.84 1.349-.81 2.9-.79 3.66q.001.07.008.14c.017.163-.1.32-.263.32H3.01c-.28 0-.5-.22-.5-.5 0-.42-.01-.821-.01-1.2-.03-1.96-.06-3.511.87-4.46.56-.57 1.42-.85 2.62-.85M12 16.5c1.95 0 3.28.57 3.96 1.68.36.58.54 1.31.54 2.21v.63c-.01.27-.23.48-.5.48H8.01c-.27 0-.5-.22-.5-.5-.02-.65-.04-1.86.56-2.83.69-1.11 2.01-1.67 3.93-1.67m6-2c1.2 0 2.06.28 2.62.85l-.01-.02c.93.95.9 2.5.87 4.46-.01.39-.01.78-.01 1.2 0 .28-.22.5-.5.5h-2.719c-.166 0-.284-.16-.262-.324q.008-.061.011-.126v-.66c-.02-1.2-.27-2.17-.77-2.99a4.56 4.56 0 0 0-1.77-1.653c-.142-.075-.198-.266-.087-.38l.007-.007c.56-.57 1.42-.85 2.62-.85m-6-5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5M6 7a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m12 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m-5.64-4.55c.6-.6 1.58-.6 2.18 0h.01c.6.6.6 1.57 0 2.16L12.44 6.7c-.24.24-.63.24-.87 0L9.46 4.61c-.6-.6-.6-1.57 0-2.16.6-.6 1.58-.6 2.18 0l.36.36z"
         })
     }));
+    return n ? /*#__PURE__*/ s.cloneElement(i, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...s.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { p as default };
+export { x as default };