@telefonica/mistica 16.68.0 → 16.69.0

package/dist-es/generated/mistica-icons/icon-connection-dot-square-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 m } from "../../theme-variant-context.js";
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: e, size: r = 24 } = _param, i = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: l, size: n = 24 } = _param, m = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = m(), n = e !== null && e !== void 0 ? e : a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh;
-    return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const t = d(), s = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: c, gradientDef: a } = g(l !== null && l !== void 0 ? l : s), e = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: n,
+    }, m), {
+        children: /* @__PURE__ */ r("path", {
+            fill: c,
             d: "M12 17.25a2.75 2.75 0 1 1 0 5.499 2.75 2.75 0 0 1 0-5.499m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5M8 15a1 1 0 1 1 0 2 1 1 0 0 1 0-2m8 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2M4 9.25a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m16-1.5a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5M8 7a1 1 0 1 1 0 2 1 1 0 0 1 0-2m8 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-4-5.75a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
         })
     }));
+    return a ? /*#__PURE__*/ i.cloneElement(e, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...i.Children.toArray(e.props.children)
+    ]) : e;
 };
-export { c as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-connection-dot-square-regular.js

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: t, size: o = 24 } = _param, n = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as d } 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: l, size: a = 24 } = _param, m = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = m(), i = t !== null && t !== void 0 ? t : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const e = d(), s = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: c, gradientDef: n } = g(l !== null && l !== void 0 ? l : s), t = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
-        children: /* @__PURE__ */ e("path", {
-            fill: i,
+    }, m), {
+        children: /* @__PURE__ */ r("path", {
+            fill: c,
             d: "M12 17.25a2.75 2.75 0 1 1 0 5.499 2.75 2.75 0 0 1 0-5.499m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5M8 15a1 1 0 1 1 0 2 1 1 0 0 1 0-2m8 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2M4 9.25a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m16-1.5a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5M8 7a1 1 0 1 1 0 2 1 1 0 0 1 0-2m8 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-4-5.75a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { c as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-connection-dot-triangle-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 l } from "../../theme-variant-context.js";
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: t, size: r = 24 } = _param, i = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: l, size: n = 24 } = _param, m = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = l(), n = t !== null && t !== void 0 ? t : a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const e = d(), s = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: c, gradientDef: a } = g(l !== null && l !== void 0 ? l : s), t = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ e("path", {
-            fill: n,
+    }, m), {
+        children: /* @__PURE__ */ r("path", {
+            fill: c,
             d: "M14.513 18.753A2.5 2.5 0 0 1 17 16.5l.247.013a2.5 2.5 0 0 1 0 4.974L17 21.5a2.5 2.5 0 0 1-2.5-2.5zm0-14A2.5 2.5 0 1 1 14.5 5zm-12 7a2.5 2.5 0 0 1 4.974 0L7.5 12a2.5 2.5 0 0 1-5 0zM18 10a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-4.67-5.768a1 1 0 1 1-1-1.732 1 1 0 0 1 1 1.732m-3.464 2a1 1 0 1 1-1-1.732 1 1 0 0 1 1 1.732M13.33 15.5a1 1 0 1 0-1 1.732 1 1 0 0 0 1-1.732m-3.464-2a1 1 0 1 0-1 1.732 1 1 0 0 0 1-1.732"
         })
     }));
+    return a ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { c as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-connection-dot-triangle-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 l } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: e, size: r = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: l, size: o = 24 } = _param, m = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = l(), n = e !== null && e !== void 0 ? e : a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh;
-    return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const t = d(), s = t === "brand" || t === "media" ? a.colors.neutralHighBrand : t === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: c, gradientDef: n } = g(l !== null && l !== void 0 ? l : s), e = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ t("path", {
-            fill: n,
+    }, m), {
+        children: /* @__PURE__ */ r("path", {
+            fill: c,
             d: "M14.25 5a2.75 2.75 0 1 0 .014-.271zm1.506-.124A1.25 1.25 0 1 1 15.75 5zM14.25 19A2.75 2.75 0 0 0 17 21.75l.271-.014a2.749 2.749 0 0 0 0-5.472L17 16.25a2.75 2.75 0 0 0-2.736 2.479zm1.506-.124a1.25 1.25 0 0 1 1.12-1.12L17 17.75a1.25 1.25 0 0 1 .124 2.494L17 20.25A1.25 1.25 0 0 1 15.75 19zM16 10a1 1 0 1 0 2 0 1 1 0 0 0-2 0m0 4a1 1 0 1 0 2 0 1 1 0 0 0-2 0m-3.67-7.5a1 1 0 1 0 1 1.733 1 1 0 0 0-1-1.733m-.365 9.366a1 1 0 1 0 1.731 1.001 1 1 0 0 0-1.731-1M8.866 8.5a1 1 0 1 0 1 1.733 1 1 0 0 0-1-1.733M8.5 13.866a1 1 0 1 0 1.733 1 1 1 0 0 0-1.733-1M2.25 12a2.75 2.75 0 0 0 5.5 0l-.014-.271a2.75 2.75 0 0 0-5.472 0zm1.506-.124a1.25 1.25 0 0 1 2.488 0L6.25 12a1.25 1.25 0 0 1-2.5 0z"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(e, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(e.props.children)
+    ]) : e;
 };
-export { c as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-connection-dot-triangle-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 l } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: t, size: o = 24 } = _param, n = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: l, size: o = 24 } = _param, m = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = l(), i = t !== null && t !== void 0 ? t : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const e = d(), s = e === "brand" || e === "media" ? a.colors.neutralHighBrand : e === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: c, gradientDef: n } = g(l !== null && l !== void 0 ? l : s), t = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
-        children: /* @__PURE__ */ e("path", {
-            fill: i,
+    }, m), {
+        children: /* @__PURE__ */ r("path", {
+            fill: c,
             d: "M14.25 5a2.75 2.75 0 1 0 .014-.271zm1.506-.124A1.25 1.25 0 1 1 15.75 5zM14.25 19A2.75 2.75 0 0 0 17 21.75l.271-.014a2.749 2.749 0 0 0 0-5.472L17 16.25a2.75 2.75 0 0 0-2.736 2.479zm1.506-.124a1.25 1.25 0 0 1 1.12-1.12L17 17.75a1.25 1.25 0 0 1 .124 2.494L17 20.25A1.25 1.25 0 0 1 15.75 19zM16 10a1 1 0 1 0 2 0 1 1 0 0 0-2 0m0 4a1 1 0 1 0 2 0 1 1 0 0 0-2 0m-3.67-7.5a1 1 0 1 0 1 1.733 1 1 0 0 0-1-1.733m-.365 9.366a1 1 0 1 0 1.731 1.001 1 1 0 0 0-1.731-1M8.866 8.5a1 1 0 1 0 1 1.733 1 1 0 0 0-1-1.733M8.5 13.866a1 1 0 1 0 1.733 1 1 1 0 0 0-1.733-1M2.25 12a2.75 2.75 0 0 0 5.5 0l-.014-.271a2.75 2.75 0 0 0-5.472 0zm1.506-.124a1.25 1.25 0 0 1 2.488 0L6.25 12a1.25 1.25 0 0 1-2.5 0z"
         })
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { c as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-connections-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 n } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
+import { jsx as c } 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";
-const g = (_param)=>{
-    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const B = (_param)=>{
+    var { color: s, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = h(), e = r !== null && r !== void 0 ? r : t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const t = f(), m = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: i } = g(s !== null && s !== void 0 ? s : m), { skinName: r } = d(), n = r.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ c("path", {
+            fill: l,
             d: "M18.026 12.078c-.927 0-1.765.345-2.423.894l-1.524-1.336c.44-.61.709-1.356.709-2.165 0-.096-.023-.185-.028-.278l2.4-.708a2.45 2.45 0 0 0 2.093 1.182 2.46 2.46 0 0 0 2.46-2.46 2.463 2.463 0 0 0-2.46-2.46 2.465 2.465 0 0 0-2.462 2.46c0 .023.005.04.005.062l-2.339.689a3.72 3.72 0 0 0-3.389-2.205c-1.03 0-1.96.42-2.636 1.098l-1.49-1.277c.182-.328.297-.703.297-1.106a2.307 2.307 0 0 0-4.613 0A2.307 2.307 0 0 0 4.93 6.773c.406 0 .781-.112 1.112-.297L7.71 7.902a3.7 3.7 0 0 0-.359 1.566c0 .792.255 1.526.68 2.131l-1.355 1.328a2.75 2.75 0 0 0-1.742-.633 2.78 2.78 0 0 0-2.776 2.773 2.776 2.776 0 0 0 5.552 0c0-.403-.093-.787-.25-1.134l1.47-1.437a3.69 3.69 0 0 0 4.247.028l1.597 1.4a3.76 3.76 0 0 0-.557 1.958c0 .496.1.964.274 1.398l-1.661.765a2.3 2.3 0 0 0-1.742-.81 2.31 2.31 0 0 0-2.308 2.306 2.307 2.307 0 0 0 4.613 0c0-.118-.017-.23-.034-.342l1.804-.83c.7.805 1.72 1.326 2.866 1.326a3.817 3.817 0 0 0 3.815-3.81 3.82 3.82 0 0 0-3.818-3.807"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ c("path", {
+            fill: l,
             d: "M17.13 12.716c-.172 0-.378 0-.546.036l-1.5-2.747c.855-.856 1.363-2.035 1.363-3.359C16.447 4.071 14.47 2 12.017 2 9.563 2 7.583 4.071 7.583 6.642c0 1.324.546 2.5 1.362 3.359l-1.534 2.75c-.137-.035-.34-.035-.51-.035-2.454 0-4.43 2.07-4.43 4.642C2.47 19.928 4.442 22 6.895 22c2.217 0 4.056-1.715 4.362-3.93h1.469c.34 2.215 2.148 3.93 4.36 3.93 2.454 0 4.43-2.071 4.43-4.642s-1.934-4.642-4.387-4.642m-5.113-9.289c1.706 0 3.068 1.428 3.068 3.215 0 .716-.24 1.396-.615 1.927a2.1 2.1 0 0 0-.988-1.071c.271-.324.408-.752.408-1.216 0-1.071-.854-1.967-1.877-1.967-1.022 0-1.877.896-1.877 1.967 0 .464.172.896.408 1.252-.477.252-.816.608-.988 1.071a3.6 3.6 0 0 1-.614-1.967c.003-1.78 1.365-3.21 3.075-3.21m-.004 7.861c.68 0 1.362-.18 1.942-.463l1.294 2.359c-1.294.643-2.251 1.927-2.488 3.466h-1.465c-.24-1.535-1.194-2.823-2.488-3.466l1.263-2.36c.58.284 1.263.464 1.942.464m-2.66 8.001a2.1 2.1 0 0 0-.988-1.072c.271-.323.409-.751.409-1.215 0-1.072-.855-1.967-1.878-1.967s-1.873.895-1.873 1.967c0 .464.172.896.408 1.252-.477.251-.816.607-.988 1.071a3.6 3.6 0 0 1-.614-1.963c0-1.787 1.362-3.215 3.067-3.215s3.068 1.428 3.068 3.215a3.35 3.35 0 0 1-.61 1.927m9.242-1.072c.271-.323.408-.751.408-1.215 0-1.072-.854-1.967-1.877-1.967s-1.877.895-1.877 1.967c0 .464.172.896.408 1.252-.477.251-.816.607-.988 1.071a3.6 3.6 0 0 1-.614-1.967c0-1.787 1.362-3.215 3.067-3.215s3.068 1.428 3.068 3.215a3.37 3.37 0 0 1-.607 1.931 2.1 2.1 0 0 0-.988-1.072"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ c("path", {
+            fill: l,
             d: "M17.13 12.716c-.172 0-.378 0-.546.036l-1.5-2.747c.855-.856 1.363-2.035 1.363-3.359C16.447 4.071 14.47 2 12.017 2 9.563 2 7.583 4.071 7.583 6.642c0 1.324.546 2.5 1.362 3.359l-1.534 2.75c-.137-.035-.34-.035-.51-.035-2.454 0-4.43 2.07-4.43 4.642C2.47 19.928 4.442 22 6.895 22c2.217 0 4.056-1.715 4.362-3.93h1.469c.34 2.215 2.148 3.93 4.36 3.93 2.454 0 4.43-2.071 4.43-4.642s-1.934-4.642-4.387-4.642m-5.113-9.289c1.706 0 3.068 1.428 3.068 3.215 0 .716-.24 1.396-.615 1.927a2.1 2.1 0 0 0-.988-1.071c.271-.324.408-.752.408-1.216 0-1.071-.854-1.967-1.877-1.967-1.022 0-1.877.896-1.877 1.967 0 .464.172.896.408 1.252-.477.252-.816.608-.988 1.071a3.6 3.6 0 0 1-.614-1.967c.003-1.78 1.365-3.21 3.075-3.21m-.004 7.861c.68 0 1.362-.18 1.942-.463l1.294 2.359c-1.294.643-2.251 1.927-2.488 3.466h-1.465c-.24-1.535-1.194-2.823-2.488-3.466l1.263-2.36c.58.284 1.263.464 1.942.464m-2.66 8.001a2.1 2.1 0 0 0-.988-1.072c.271-.323.409-.751.409-1.215 0-1.072-.855-1.967-1.878-1.967s-1.873.895-1.873 1.967c0 .464.172.896.408 1.252-.477.251-.816.607-.988 1.071a3.6 3.6 0 0 1-.614-1.963c0-1.787 1.362-3.215 3.067-3.215s3.068 1.428 3.068 3.215a3.35 3.35 0 0 1-.61 1.927m9.242-1.072c.271-.323.408-.751.408-1.215 0-1.072-.854-1.967-1.877-1.967s-1.877.895-1.877 1.967c0 .464.172.896.408 1.252-.477.251-.816.607-.988 1.071a3.6 3.6 0 0 1-.614-1.967c0-1.787 1.362-3.215 3.067-3.215s3.068 1.428 3.068 3.215a3.37 3.37 0 0 1-.607 1.931 2.1 2.1 0 0 0-.988-1.072"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ c("path", {
+            fill: l,
             d: "M4.5 2.5a2 2 0 0 1 1.848 2.766l-.029.058a.8.8 0 0 1 .211.146l2.723 2.722A4 4 0 0 1 11.5 7.5a4 4 0 0 1 3.284 1.72l2.43-1.001a.8.8 0 0 1 .294-.057 2.002 2.002 0 0 1 2.758-2.01 2 2 0 1 1-2.18 3.262l-.018-.02a.74.74 0 0 1-.283.211l-2.391.986q.105.447.106.909a4 4 0 0 1-.693 2.246l1.172 1.172q.179-.107.373-.19a3.003 3.003 0 0 1 3.92 1.624 3.003 3.003 0 0 1-1.624 3.92 3 3 0 0 1-3.27-.65 3 3 0 0 1-.254-.296l-2.632 1.316a2 2 0 0 1-.144.624 2 2 0 0 1-2.614 1.082 2.002 2.002 0 0 1-.648-3.262 2 2 0 0 1 2.828 0q.054.056.105.115l2.517-1.259a3 3 0 0 1-.036-.442c0-.394.078-.785.229-1.148a3 3 0 0 1 .189-.373l-1.172-1.172a4 4 0 0 1-5.562-1.07l-1.687.722.003.041a2.001 2.001 0 1 1-.593-1.42l1.687-.723a4 4 0 0 1 .598-3.104L5.47 6.53a.8.8 0 0 1-.146-.21l-.058.028a2.001 2.001 0 0 1-2.614-2.614A2 2 0 0 1 4.5 2.5"
         })
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(n, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { g as default };
+export { B as default };

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

@@ -78,62 +78,69 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as r } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as a, jsxs as v } from "react/jsx-runtime";
+import * as m from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: h, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), l = o !== null && o !== void 0 ? o : t === "brand" || t === "media" ? i.colors.neutralHighBrand : t === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: m } = h();
-    return m.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = f(), s = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: i } = g(h !== null && h !== void 0 ? h : s), { skinName: r } = d(), n = r.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
+    }, c), {
+        children: /* @__PURE__ */ a("path", {
             fill: l,
             d: "M15.68 13.311a3.63 3.63 0 0 1 2.485-.994s.008-.031.005-.034a3.674 3.674 0 0 1 3.67 3.672 3.67 3.67 0 0 1-3.67 3.673 3.63 3.63 0 0 1-2.865-1.41l-2.171.995q.054.244.059.496a2.12 2.12 0 0 1-4.137.664 2.121 2.121 0 0 1 3.733-1.905l2.07-.961a3.66 3.66 0 0 1 .283-3.605l-1.921-1.658a3.6 3.6 0 0 1-2.163.745 3.5 3.5 0 0 1-2.204-.83l-1.782 1.749c.202.37.308.781.308 1.201a2.61 2.61 0 0 1-4.454 1.857 2.6 2.6 0 0 1-.77-1.851 2.61 2.61 0 0 1 2.614-2.608 2.58 2.58 0 0 1 1.806.728l1.656-1.655a3.46 3.46 0 0 1-.347-3.863L5.938 6.06A2.13 2.13 0 0 1 2.63 4.275a2.128 2.128 0 1 1 4.255.016 2.1 2.1 0 0 1-.365 1.185l1.832 1.642a3.548 3.548 0 0 1 6 1.078l2.785-.829a3 3 0 0 1 0-.233 2.271 2.271 0 0 1 4.456-.691 2.27 2.27 0 0 1-4.182 1.686l-2.823.829c.028.148.039.297.042.448a3.55 3.55 0 0 1-.83 2.247zm5.202-6.216a1.458 1.458 0 1 0-2.916-.003 1.458 1.458 0 0 0 2.916.003M4.758 5.588q.005 0 .009-.003a1.29 1.29 0 0 0 1.294-1.29v-.006c0-.718-.583-1.303-1.3-1.303s-1.302.583-1.302 1.3.582 1.302 1.3 1.302m4.995 14.157a1.303 1.303 0 0 0 1.31 1.291 1.29 1.29 0 0 0 1.292-1.294v-.017a1.303 1.303 0 0 0-1.31-1.29 1.303 1.303 0 0 0-1.292 1.31m-4.995-6.372a1.782 1.782 0 1 0 .002 3.564 1.782 1.782 0 0 0-.002-3.564m6.289-6.698a2.741 2.741 0 1 0 0 5.485 2.74 2.74 0 0 0 2.742-2.743 2.74 2.74 0 0 0-2.742-2.742m7.12 6.474a2.843 2.843 0 0 0-.002 5.683 2.843 2.843 0 0 0 .003-5.683"
         })
-    })) : m.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
+    }, c), {
+        children: /* @__PURE__ */ a("path", {
             fill: l,
             d: "M17.367 12.708c-.196 0-.38.016-.568.04l-1.588-2.753a4.62 4.62 0 0 0 1.44-3.353A4.645 4.645 0 0 0 12.01 2a4.63 4.63 0 0 0-4.649 4.63c0 1.32.56 2.513 1.44 3.353l-1.588 2.753a4 4 0 0 0-.568-.04A4.665 4.665 0 0 0 2 17.358 4.64 4.64 0 0 0 6.64 22c2.317 0 4.238-1.709 4.586-3.93h1.548c.348 2.221 2.269 3.93 4.585 3.93A4.644 4.644 0 0 0 22 17.358c0-2.56-2.072-4.65-4.633-4.65m-6.981-3.297v-.12c0-.608.68-1.044 1.62-1.044s1.644.444 1.644 1.044v.104a3.14 3.14 0 0 1-1.644.452 3.26 3.26 0 0 1-1.62-.436m1.62-4.03c.496 0 .892.397.892.893a.89.89 0 0 1-.892.892.883.883 0 0 1-.892-.892c0-.496.396-.893.892-.893m0-1.968a3.22 3.22 0 0 1 3.217 3.217c0 .72-.244 1.392-.649 1.929-.187-.445-.552-.809-1.036-1.053.276-.34.436-.76.436-1.232a1.97 1.97 0 0 0-1.968-1.969 1.97 1.97 0 0 0-1.968 1.969c0 .468.16.9.436 1.232-.484.252-.844.616-1.029 1.069a3.2 3.2 0 0 1-.664-1.945 3.237 3.237 0 0 1 3.225-3.217m-.004 7.867c.728 0 1.408-.172 2.024-.468l1.353 2.349a4.66 4.66 0 0 0-2.609 3.485h-1.548a4.66 4.66 0 0 0-2.609-3.485l1.365-2.35a4.6 4.6 0 0 0 2.024.469m-6.981 8.847v-.12c0-.608.68-1.044 1.62-1.044s1.644.444 1.644 1.044v.104a3.14 3.14 0 0 1-1.644.452 3.1 3.1 0 0 1-1.62-.436m1.62-4.017c.496 0 .892.396.892.892a.89.89 0 0 1-.892.892.896.896 0 0 1-.892-.892c0-.496.396-.892.892-.892m2.568 3.177c-.188-.444-.552-.808-1.036-1.052.276-.34.436-.76.436-1.233a1.97 1.97 0 0 0-1.968-1.969 1.97 1.97 0 0 0-1.968 1.969c0 .468.16.9.436 1.233-.484.252-.845.616-1.029 1.068a3.2 3.2 0 0 1-.664-1.945 3.22 3.22 0 0 1 6.442 0 3.22 3.22 0 0 1-.649 1.929m6.53.72c0-.608.68-1.044 1.62-1.044s1.644.444 1.644 1.044v.104a3.14 3.14 0 0 1-1.644.452 3.1 3.1 0 0 1-1.62-.436zm.728-3.005c0-.496.396-.892.892-.892s.892.396.892.892a.89.89 0 0 1-.892.892.904.904 0 0 1-.892-.892m2.432 1.233c.276-.34.436-.76.436-1.233a1.97 1.97 0 0 0-1.968-1.969 1.97 1.97 0 0 0-1.968 1.969c0 .468.16.9.436 1.233-.484.252-.844.616-1.028 1.068a3.2 3.2 0 0 1-.665-1.945 3.217 3.217 0 1 1 6.433 0 3.17 3.17 0 0 1-.64 1.929c-.187-.444-.551-.808-1.036-1.052"
         })
-    })) : m.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: [
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ a("path", {
                 fill: l,
                 d: "M21.176 14.98a.37.37 0 0 0-.52-.088.37.37 0 0 0-.087.52 3.71 3.71 0 0 1-.404 4.76c-.056-.736-.568-1.336-1.352-1.644.356-.34.576-.808.576-1.336 0-1.02-.836-1.856-1.855-1.856s-1.855.836-1.855 1.856c0 .528.227 1.004.583 1.344-.775.308-1.28.916-1.327 1.66a3.7 3.7 0 0 1-1.1-2.632c0-2.04 1.66-3.7 3.699-3.7.204 0 .372-.16.372-.372a.364.364 0 0 0-.372-.372c-.268 0-.536.024-.792.072l-.009-.028q-.001-.013-.007-.028l-1.895-3.28A4.445 4.445 0 0 0 11.98 2C9.545 2 7.554 3.992 7.554 6.444c0 1.368.624 2.592 1.595 3.408l-1.895 3.28q-.007.013-.009.028l-.007.028A4.436 4.436 0 0 0 2 17.556 4.444 4.444 0 0 0 6.446 22a4.45 4.45 0 0 0 4.427-4.072h2.259A4.44 4.44 0 0 0 17.558 22 4.446 4.446 0 0 0 22 17.556a4.5 4.5 0 0 0-.824-2.576M10.888 6.072a1.11 1.11 0 0 1 1.108-1.108c.608 0 1.108.504 1.108 1.108a1.11 1.11 0 0 1-1.108 1.108 1.103 1.103 0 0 1-1.108-1.108m1.108 4.084c-.68 0-1.32-.188-1.863-.512V9.2c0-.736.783-1.272 1.863-1.272 1.092 0 1.887.536 1.887 1.272v.428c-.551.332-1.2.528-1.887.528M8.297 6.444c0-2.04 1.66-3.7 3.699-3.7a3.703 3.703 0 0 1 2.615 6.316c-.056-.736-.568-1.336-1.352-1.644.356-.34.576-.808.576-1.336 0-1.02-.835-1.856-1.855-1.856s-1.855.836-1.855 1.856c0 .528.228 1.004.584 1.344-.76.3-1.264.908-1.312 1.652a3.7 3.7 0 0 1-1.1-2.632M12 10.892a4.43 4.43 0 0 0 2.243-.616l1.795 3.108a4.45 4.45 0 0 0-2.906 3.796h-2.26a4.42 4.42 0 0 0-2.906-3.796l1.79-3.108a4.4 4.4 0 0 0 2.244.616m-7.425 9.86v-.444c0-.736.784-1.272 1.863-1.272 1.092 0 1.887.536 1.887 1.272v.428a3.66 3.66 0 0 1-1.887.528 3.76 3.76 0 0 1-1.863-.512m1.867-4.676c.604 0 1.108.504 1.108 1.108s-.504 1.108-1.108 1.108a1.113 1.113 0 0 1-1.107-1.108 1.11 1.11 0 0 1 1.107-1.108m2.627 4.096c-.056-.736-.568-1.336-1.351-1.644.356-.34.575-.808.575-1.336 0-1.02-.835-1.856-1.855-1.856a1.846 1.846 0 0 0-1.263 3.192c-.776.308-1.28.916-1.328 1.66a3.7 3.7 0 0 1-1.1-2.632c0-2.04 1.66-3.7 3.7-3.7a3.704 3.704 0 0 1 2.622 6.316m8.48-4.096c.605 0 1.108.504 1.108 1.108s-.503 1.108-1.107 1.108a1.113 1.113 0 0 1-1.108-1.108 1.11 1.11 0 0 1 1.108-1.108m-1.858 4.676v-.444c0-.736.783-1.272 1.863-1.272 1.091 0 1.887.536 1.887 1.272v.428a3.66 3.66 0 0 1-1.887.528 3.7 3.7 0 0 1-1.863-.512"
             }),
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ a("path", {
                 fill: l,
                 d: "M19.405 14.592a.736.736 0 1 0 0-1.472.736.736 0 0 0 0 1.472"
             })
         ]
-    })) : /* @__PURE__ */ c("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"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
+    }, c), {
+        children: /* @__PURE__ */ a("path", {
             fill: l,
             d: "M4.5 2.25a2.25 2.25 0 0 1 2.08 3.111q-.025.054-.052.107l2.544 2.544a4.24 4.24 0 0 1 4.054-.439 4.25 4.25 0 0 1 1.896 1.55l2.192-.904.046-.017a2.23 2.23 0 0 1 .65-1.793 2.25 2.25 0 1 1 1.59 3.841 2.25 2.25 0 0 1-1.59-.66l-.031-.032a1 1 0 0 1-.094.047l-2.157.888a4.25 4.25 0 0 1-.201 2.633q-.177.425-.44.8l.807.807q.22-.136.462-.236a3.25 3.25 0 1 1-1.362 4.944l-2.145 1.072a2.248 2.248 0 0 1-4.328.848 2.251 2.251 0 0 1 3.828-2.275l2.05-1.025a3.26 3.26 0 0 1 .198-1.805 3 3 0 0 1 .236-.462l-.806-.807q-.376.264-.801.44a4.25 4.25 0 0 1-5.176-1.591l-1.208.518q.006.073.008.146a2.25 2.25 0 0 1-3.111 2.08 2.25 2.25 0 1 1 2.452-3.67q.03.031.06.066l1.21-.518a4.25 4.25 0 0 1 .212-2.584q.176-.426.439-.802L5.468 6.528q-.053.027-.107.051A2.251 2.251 0 1 1 4.5 2.25m6 17.5a.75.75 0 0 0-.693.463.75.75 0 1 0 .693-.463m7-4a1.75 1.75 0 0 0-1.617 2.42 1.751 1.751 0 0 0 3.234-1.34 1.75 1.75 0 0 0-1.617-1.08m-13-2a.75.75 0 0 0-.693.463.75.75 0 1 0 .693-.463m7-5a2.75 2.75 0 0 0-2.541 3.803A2.75 2.75 0 1 0 11.5 8.75m8-1.5a.75.75 0 1 0-.002 1.5.75.75 0 0 0 .002-1.5m-15-3.5a.75.75 0 1 0-.002 1.5.75.75 0 0 0 .002-1.5"
         })
     }));
+    return i ? /*#__PURE__*/ m.cloneElement(n, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...m.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { g as default };
+export { C as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c } 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 g = (_param)=>{
-    var { color: o, size: a = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as a } from "react/jsx-runtime";
+import * as i 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 C = (_param)=>{
+    var { color: h, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const m = n(), e = o !== null && o !== void 0 ? o : m === "brand" || m === "media" ? i.colors.neutralHighBrand : m === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: t } = r();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = d(), s = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: m } = f(h !== null && h !== void 0 ? h : s), { skinName: r } = v(), n = r.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: l,
             d: "M15.611 12.94a3.78 3.78 0 0 1 2.423-.894 3.815 3.815 0 0 1 3.813 3.815 3.817 3.817 0 0 1-3.816 3.812 3.8 3.8 0 0 1-2.865-1.325l-1.804.83c.017.111.034.223.034.341a2.306 2.306 0 1 1-2.306-2.305 2.3 2.3 0 0 1 1.742.81l1.662-.765a3.7 3.7 0 0 1-.275-1.398c0-.717.21-1.384.558-1.955l-1.597-1.404a3.69 3.69 0 0 1-4.247-.03l-1.47 1.437c.154.344.246.728.246 1.131a2.777 2.777 0 0 1-2.776 2.776 2.78 2.78 0 0 1-2.776-2.776 2.78 2.78 0 0 1 2.776-2.77c.639 0 1.255.224 1.745.63l1.359-1.328a3.7 3.7 0 0 1-.68-2.131 3.7 3.7 0 0 1 .358-1.566L6.048 6.446c-.33.185-.706.3-1.112.3a2.31 2.31 0 0 1-2.305-2.305 2.308 2.308 0 0 1 4.616-.003c0 .403-.115.776-.297 1.106l1.49 1.278a3.7 3.7 0 0 1 2.636-1.098 3.72 3.72 0 0 1 3.39 2.204l2.341-.692-.003-.033-.002-.028a2.46 2.46 0 0 1 4.921 0 2.46 2.46 0 0 1-2.46 2.459 2.45 2.45 0 0 1-2.091-1.182l-2.401.709q.004.058.013.117c.007.052.015.105.015.16 0 .779-.25 1.535-.709 2.165zM3.903 4.44a1.04 1.04 0 0 0 1.036 1.037 1.04 1.04 0 0 0 1.04-1.036 1.038 1.038 0 0 0-2.076 0m4.725 4.998a2.451 2.451 0 0 0 4.902 0 2.451 2.451 0 0 0-4.902 0m9.406 8.963a2.55 2.55 0 0 0 2.546-2.543 2.547 2.547 0 0 0-2.546-2.543c-1.4 0-2.543 1.14-2.543 2.543a2.545 2.545 0 0 0 2.543 2.543M3.432 15.037a1.505 1.505 0 1 0 3.011 0 1.507 1.507 0 0 0-3.011 0m7.658 5.516a1.038 1.038 0 1 0-1.036-1.036c0 .57.465 1.036 1.036 1.036m8.174-14.569a1.19 1.19 0 1 0 0 2.381 1.191 1.191 0 0 0 0-2.38"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: l,
             d: "M17.367 12.708c-.196 0-.38.016-.568.04l-1.588-2.753a4.62 4.62 0 0 0 1.44-3.353A4.645 4.645 0 0 0 12.01 2a4.63 4.63 0 0 0-4.649 4.63c0 1.32.56 2.513 1.44 3.353l-1.588 2.753a4 4 0 0 0-.568-.04A4.665 4.665 0 0 0 2 17.358 4.64 4.64 0 0 0 6.64 22c2.317 0 4.238-1.709 4.586-3.93h1.548c.348 2.221 2.269 3.93 4.585 3.93A4.644 4.644 0 0 0 22 17.358c0-2.56-2.072-4.65-4.633-4.65m-6.981-3.297v-.12c0-.608.68-1.044 1.62-1.044s1.644.444 1.644 1.044v.104a3.14 3.14 0 0 1-1.644.452 3.26 3.26 0 0 1-1.62-.436m1.62-4.03c.496 0 .892.397.892.893a.89.89 0 0 1-.892.892.883.883 0 0 1-.892-.892c0-.496.396-.893.892-.893m0-1.968a3.22 3.22 0 0 1 3.217 3.217c0 .72-.244 1.392-.649 1.929-.187-.445-.552-.809-1.036-1.053.276-.34.436-.76.436-1.232a1.97 1.97 0 0 0-1.968-1.969 1.97 1.97 0 0 0-1.968 1.969c0 .468.16.9.436 1.232-.484.252-.844.616-1.029 1.069a3.2 3.2 0 0 1-.664-1.945 3.237 3.237 0 0 1 3.225-3.217m-.004 7.867c.728 0 1.408-.172 2.024-.468l1.353 2.349a4.66 4.66 0 0 0-2.609 3.485h-1.548a4.66 4.66 0 0 0-2.609-3.485l1.365-2.35a4.6 4.6 0 0 0 2.024.469m-6.981 8.847v-.12c0-.608.68-1.044 1.62-1.044s1.644.444 1.644 1.044v.104a3.14 3.14 0 0 1-1.644.452 3.1 3.1 0 0 1-1.62-.436m1.62-4.017c.496 0 .892.396.892.892a.89.89 0 0 1-.892.892.896.896 0 0 1-.892-.892c0-.496.396-.892.892-.892m2.568 3.177c-.188-.444-.552-.808-1.036-1.052.276-.34.436-.76.436-1.233a1.97 1.97 0 0 0-1.968-1.969 1.97 1.97 0 0 0-1.968 1.969c0 .468.16.9.436 1.233-.484.252-.845.616-1.029 1.068a3.2 3.2 0 0 1-.664-1.945 3.22 3.22 0 0 1 6.442 0 3.22 3.22 0 0 1-.649 1.929m6.53.72c0-.608.68-1.044 1.62-1.044s1.644.444 1.644 1.044v.104a3.14 3.14 0 0 1-1.644.452 3.1 3.1 0 0 1-1.62-.436zm.728-3.005c0-.496.396-.892.892-.892s.892.396.892.892a.89.89 0 0 1-.892.892.904.904 0 0 1-.892-.892m2.432 1.233c.276-.34.436-.76.436-1.233a1.97 1.97 0 0 0-1.968-1.969 1.97 1.97 0 0 0-1.968 1.969c0 .468.16.9.436 1.233-.484.252-.844.616-1.028 1.068a3.2 3.2 0 0 1-.665-1.945 3.217 3.217 0 1 1 6.433 0 3.17 3.17 0 0 1-.64 1.929c-.187-.444-.551-.808-1.036-1.052"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: l,
             d: "M17.367 12.708c-.196 0-.38.016-.568.04l-1.588-2.753a4.62 4.62 0 0 0 1.44-3.353A4.645 4.645 0 0 0 12.01 2a4.63 4.63 0 0 0-4.649 4.63c0 1.32.56 2.513 1.44 3.353l-1.588 2.753a4 4 0 0 0-.568-.04A4.665 4.665 0 0 0 2 17.358 4.64 4.64 0 0 0 6.64 22c2.317 0 4.238-1.709 4.586-3.93h1.548c.348 2.221 2.269 3.93 4.585 3.93A4.644 4.644 0 0 0 22 17.358c0-2.56-2.072-4.65-4.633-4.65m-6.981-3.297v-.12c0-.608.68-1.044 1.62-1.044s1.644.444 1.644 1.044v.104a3.14 3.14 0 0 1-1.644.452 3.26 3.26 0 0 1-1.62-.436m1.62-4.03c.496 0 .892.397.892.893a.89.89 0 0 1-.892.892.883.883 0 0 1-.892-.892c0-.496.396-.893.892-.893m0-1.968a3.22 3.22 0 0 1 3.217 3.217c0 .72-.244 1.392-.649 1.929-.187-.445-.552-.809-1.036-1.053.276-.34.436-.76.436-1.232a1.97 1.97 0 0 0-1.968-1.969 1.97 1.97 0 0 0-1.968 1.969c0 .468.16.9.436 1.232-.484.252-.844.616-1.029 1.069a3.2 3.2 0 0 1-.664-1.945 3.237 3.237 0 0 1 3.225-3.217m-.004 7.867c.728 0 1.408-.172 2.024-.468l1.353 2.349a4.66 4.66 0 0 0-2.609 3.485h-1.548a4.66 4.66 0 0 0-2.609-3.485l1.365-2.35a4.6 4.6 0 0 0 2.024.469m-6.981 8.847v-.12c0-.608.68-1.044 1.62-1.044s1.644.444 1.644 1.044v.104a3.14 3.14 0 0 1-1.644.452 3.1 3.1 0 0 1-1.62-.436m1.62-4.017c.496 0 .892.396.892.892a.89.89 0 0 1-.892.892.896.896 0 0 1-.892-.892c0-.496.396-.892.892-.892m2.568 3.177c-.188-.444-.552-.808-1.036-1.052.276-.34.436-.76.436-1.233a1.97 1.97 0 0 0-1.968-1.969 1.97 1.97 0 0 0-1.968 1.969c0 .468.16.9.436 1.233-.484.252-.845.616-1.029 1.068a3.2 3.2 0 0 1-.664-1.945 3.22 3.22 0 0 1 6.442 0 3.22 3.22 0 0 1-.649 1.929m6.53.72c0-.608.68-1.044 1.62-1.044s1.644.444 1.644 1.044v.104a3.14 3.14 0 0 1-1.644.452 3.1 3.1 0 0 1-1.62-.436zm.728-3.005c0-.496.396-.892.892-.892s.892.396.892.892a.89.89 0 0 1-.892.892.904.904 0 0 1-.892-.892m2.432 1.233c.276-.34.436-.76.436-1.233a1.97 1.97 0 0 0-1.968-1.969 1.97 1.97 0 0 0-1.968 1.969c0 .468.16.9.436 1.233-.484.252-.844.616-1.028 1.068a3.2 3.2 0 0 1-.665-1.945 3.217 3.217 0 1 1 6.433 0 3.17 3.17 0 0 1-.64 1.929c-.187-.444-.551-.808-1.036-1.052"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+    }, e), {
+        children: /* @__PURE__ */ a("path", {
+            fill: l,
             d: "M4.5 2.25a2.25 2.25 0 0 1 2.08 3.111q-.025.054-.052.107l2.544 2.544a4.24 4.24 0 0 1 4.054-.439 4.25 4.25 0 0 1 1.896 1.55l2.192-.904.046-.017a2.23 2.23 0 0 1 .65-1.793 2.25 2.25 0 1 1 1.59 3.841 2.25 2.25 0 0 1-1.59-.66l-.031-.032a1 1 0 0 1-.094.047l-2.157.888a4.25 4.25 0 0 1-.201 2.633q-.177.425-.44.8l.807.807q.22-.136.462-.236a3.25 3.25 0 1 1-1.362 4.944l-2.145 1.072a2.248 2.248 0 0 1-4.328.848 2.251 2.251 0 0 1 3.828-2.275l2.05-1.025a3.26 3.26 0 0 1 .198-1.805 3 3 0 0 1 .236-.462l-.806-.807q-.376.264-.801.44a4.25 4.25 0 0 1-5.176-1.591l-1.208.518q.006.073.008.146a2.25 2.25 0 0 1-3.111 2.08 2.25 2.25 0 1 1 2.452-3.67q.03.031.06.066l1.21-.518a4.25 4.25 0 0 1 .212-2.584q.176-.426.439-.802L5.468 6.528q-.053.027-.107.051A2.251 2.251 0 1 1 4.5 2.25m6 17.5a.75.75 0 0 0-.693.463.75.75 0 1 0 .693-.463m7-4a1.75 1.75 0 0 0-1.617 2.42 1.751 1.751 0 0 0 3.234-1.34 1.75 1.75 0 0 0-1.617-1.08m-13-2a.75.75 0 0 0-.693.463.75.75 0 1 0 .693-.463m7-5a2.75 2.75 0 0 0-2.541 3.803A2.75 2.75 0 1 0 11.5 8.75m8-1.5a.75.75 0 1 0-.002 1.5.75.75 0 0 0 .002-1.5m-15-3.5a.75.75 0 1 0-.002 1.5.75.75 0 0 0 .002-1.5"
         })
     }));
+    return m ? /*#__PURE__*/ i.cloneElement(n, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: m
+        }, "gradient-defs"),
+        ...i.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { g as default };
+export { C as default };

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

@@ -79,35 +79,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as l } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: h, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import * as c from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: h, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = l(), i = h !== null && h !== void 0 ? h : o === "brand" || o === "media" ? t.colors.neutralHighBrand : o === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: n } = c();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const o = v(), m = o === "brand" || o === "media" ? n.colors.neutralHighBrand : o === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: i, gradientDef: l } = f(h !== null && h !== void 0 ? h : m), { skinName: s } = d(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
             fill: i,
             d: "M16.442 21.813h-8.7q-.465-.002-.885-.137a2.7 2.7 0 0 1-1.892-1.894 2.9 2.9 0 0 1-.137-.883V4.825c0-.337.063-.664.182-.968a2.46 2.46 0 0 1 1.43-1.473 2.6 2.6 0 0 1 1.031-.207h8.97a2.74 2.74 0 0 1 2.736 2.737v14.165a2.74 2.74 0 0 1-2.736 2.734m1.596-13.306V4.914c0-.428-.168-.816-.442-1.102v4.695zm-.442 5.835h.442V9.65h-.442zm0 1.143v4.695c.274-.286.442-.674.442-1.101v-3.594zm-6.34-8.412c-1.54 0-2.425.89-2.425 2.434s.88 2.426 2.426 2.426 2.434-.88 2.434-2.426-.888-2.434-2.434-2.434m3.068 9.457c.26 0 .473-.247.473-.55l-.003-.89c0-.728-.204-1.353-.593-1.807-.418-.487-1.026-.745-1.76-.745h-2.364c-.733 0-1.341.258-1.759.745-.386.457-.594 1.082-.594 1.807v.89c0 .303.213.55.474.55z"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
             fill: i,
             d: "M17.5 2.5a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3v-1.75H4a.75.75 0 0 1 0-1.5h1.5v-6.5H4a.75.75 0 0 1 0-1.5h1.5V5.5a3 3 0 0 1 3-3zm-4.505 11.25c-1.774 0-2.638.515-3.009 1.264-.177.359-.227.745-.235 1.09-.004.173.002.34.009.492q.012.229.014.404a.25.25 0 0 0 .25.25h5.942a.25.25 0 0 0 .25-.244c.003-.12.013-.252.021-.408.009-.152.016-.32.012-.493-.007-.346-.057-.732-.236-1.091-.375-.749-1.244-1.264-3.018-1.264m.005-7a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5"
         })
     }));
+    return l ? /*#__PURE__*/ c.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...c.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { f as default };
+export { H as default };