@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -78,82 +78,89 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import * as m from "react";
+import { useTheme as H } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: o, size: h = 24 } = _param, e = _object_without_properties(_param, [
+import { useIconGradient as s } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: v, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = n(), c = o !== null && o !== void 0 ? o : i === "brand" || i === "media" ? l.colors.neutralHighBrand : i === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: t } = m();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const r = f(), d = r === "brand" || r === "media" ? l.colors.neutralHighBrand : r === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: t, gradientDef: n } = s(v !== null && v !== void 0 ? v : d), { skinName: h } = H(), i = h.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: [
             /* @__PURE__ */ a("path", {
-                fill: c,
+                fill: t,
                 d: "M10.62 18.31h8.194a.56.56 0 1 0 0-1.12H10.62a.56.56 0 0 0-.56.56c0 .309.251.56.56.56m8.194-3.276h-7.101a.56.56 0 0 1-.56-.56c0-.309.252-.56.56-.56h7.1a.56.56 0 1 1 0 1.12m-4.915-3.824h4.916a.56.56 0 1 0 0-1.12h-4.916a.56.56 0 0 0-.56.56c0 .308.252.56.56.56m-6.135.708v.37a.42.42 0 1 1-.84 0v-.364a2.9 2.9 0 0 1-1.235-.484.43.43 0 0 1-.196-.364.415.415 0 0 1 .417-.412c.095.003.188.03.266.084q.373.249.748.34v-1.54c-1.075-.23-1.31-.905-1.31-1.45 0-.823.501-1.396 1.31-1.54v-.471a.42.42 0 1 1 .84 0v.463c.353.049.68.16.947.324.205.126.235.291.235.378a.405.405 0 0 1-.403.403.54.54 0 0 1-.238-.064l-.006-.003a2 2 0 0 0-.535-.211v1.456c1.208.201 1.468.92 1.468 1.497 0 .48-.176.886-.507 1.174-.245.212-.572.353-.96.414m0-2.234v1.412c.404-.102.642-.365.642-.738 0-.268-.087-.533-.642-.674m-.84-2.295a.67.67 0 0 0-.485.673c0 .153 0 .442.485.615z"
             }),
             /* @__PURE__ */ a("path", {
-                fill: c,
+                fill: t,
                 d: "M7.962 21.854H14.5c2.933 0 5.815 0 6.193.003.712-.003 1.154-.445 1.154-1.157V7.92a.56.56 0 0 0-.162-.395l-5.205-5.22a.56.56 0 0 0-.397-.165c-2.76 0-7.404 0-8.124.006-.725 0-1.176.448-1.176 1.17V4.1c-1.373.09-2.465.516-3.247 1.27-.918.889-1.386 2.205-1.386 3.908s.468 3.02 1.386 3.908c.782.754 1.874 1.181 3.247 1.27v6.212q.001.549.314.868.313.32.865.32m-.059-18.54.002-.03.001-.02q.022-.004.056-.003c.67-.002 4.773-.003 7.56-.003v2.202c.003.857.2 1.558.583 2.079.451.613 1.143.938 2 .938h2.62v12.258H7.964l-.059-.003q-.004-.033-.003-.065v-6.213c1.375-.09 2.465-.517 3.25-1.271.918-.888 1.386-2.202 1.386-3.908 0-1.753-.425-3.03-1.3-3.902-.777-.775-1.872-1.195-3.336-1.278zm8.74.74 3.288 3.3h-1.826c-.501 0-.86-.163-1.098-.482-.238-.32-.364-.81-.364-1.418zm-6.196 2.112c.653.653.969 1.67.969 3.11 0 2.742-1.333 4.075-4.073 4.075S3.27 12.02 3.27 9.277c0-2.724 1.316-4.058 4.019-4.075a1 1 0 0 0 .109 0c1.408.008 2.404.322 3.049.966"
             })
         ]
-    })) : t.match(/^blau/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : h.match(/^blau/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ a("path", {
-            fill: c,
+            fill: t,
             d: "M17.36 2H6.644C5.464 2 4.5 2.96 4.5 4.144V22h15V4.144A2.143 2.143 0 0 0 17.36 2m.714 18.574H5.93V4.144c0-.393.32-.713.713-.713H17.36c.394 0 .714.32.714.713zm-2.14-2.68a.536.536 0 0 0 0-1.07H8.075a.533.533 0 0 0-.535.536c0 .297.238.535.535.535zm.535-4.104a.533.533 0 0 1-.535.535H8.075a.533.533 0 0 1-.535-.535c0-.297.238-.535.535-.535h7.859a.533.533 0 0 1 .535.535m-5.207-6.967a.533.533 0 0 0-.535.535c0 .297.237.54.535.535h.365a2.68 2.68 0 0 0 2.625 2.144q.638 0 1.22-.302a.534.534 0 0 0 .233-.722.534.534 0 0 0-.722-.234 1.5 1.5 0 0 1-.727.183c-.7 0-1.284-.448-1.508-1.07h1.673a.533.533 0 0 0 .535-.534.533.533 0 0 0-.535-.535h-1.673a1.6 1.6 0 0 1 1.508-1.07c.247 0 .494.064.727.183a.54.54 0 0 0 .722-.233.54.54 0 0 0-.233-.722 2.6 2.6 0 0 0-1.22-.302 2.68 2.68 0 0 0-2.625 2.144z"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : h.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ a("path", {
-            fill: c,
+            fill: t,
             d: "M17.36 2H6.644C5.464 2 4.5 2.96 4.5 4.144V22h15V4.144A2.143 2.143 0 0 0 17.36 2m.714 18.574H5.93V4.144c0-.393.32-.713.713-.713H17.36c.394 0 .714.32.714.713zm-2.14-2.68a.536.536 0 0 0 0-1.07H8.075a.533.533 0 0 0-.535.536c0 .297.238.535.535.535zm.535-4.104a.533.533 0 0 1-.535.535H8.075a.533.533 0 0 1-.535-.535c0-.297.238-.535.535-.535h7.859a.533.533 0 0 1 .535.535m-5.207-6.967a.533.533 0 0 0-.535.535c0 .297.237.54.535.535h.365a2.68 2.68 0 0 0 2.625 2.144q.638 0 1.22-.302a.534.534 0 0 0 .233-.722.534.534 0 0 0-.722-.234 1.5 1.5 0 0 1-.727.183c-.7 0-1.284-.448-1.508-1.07h1.673a.533.533 0 0 0 .535-.534.533.533 0 0 0-.535-.535h-1.673a1.6 1.6 0 0 1 1.508-1.07c.247 0 .494.064.727.183a.54.54 0 0 0 .722-.233.54.54 0 0 0-.233-.722 2.6 2.6 0 0 0-1.22-.302 2.68 2.68 0 0 0-2.625 2.144z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ a("path", {
-            fill: c,
+            fill: t,
             d: "M17.36 2H6.644C5.464 2 4.5 2.96 4.5 4.144V22h15V4.144A2.143 2.143 0 0 0 17.36 2m.714 18.574H5.93V4.144c0-.393.32-.713.713-.713H17.36c.394 0 .714.32.714.713zm-2.14-2.68a.536.536 0 0 0 0-1.07H8.075a.533.533 0 0 0-.535.536c0 .297.238.535.535.535zm.535-4.104a.533.533 0 0 1-.535.535H8.075a.533.533 0 0 1-.535-.535c0-.297.238-.535.535-.535h7.859a.533.533 0 0 1 .535.535m-5.207-6.967a.533.533 0 0 0-.535.535c0 .297.237.54.535.535h.365a2.68 2.68 0 0 0 2.625 2.144q.638 0 1.22-.302a.534.534 0 0 0 .233-.722.534.534 0 0 0-.722-.234 1.5 1.5 0 0 1-.727.183c-.7 0-1.284-.448-1.508-1.07h1.673a.533.533 0 0 0 .535-.534.533.533 0 0 0-.535-.535h-1.673a1.6 1.6 0 0 1 1.508-1.07c.247 0 .494.064.727.183a.54.54 0 0 0 .722-.233.54.54 0 0 0-.233-.722 2.6 2.6 0 0 0-1.22-.302 2.68 2.68 0 0 0-2.625 2.144z"
         })
-    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: [
             /* @__PURE__ */ a("path", {
-                fill: c,
+                fill: t,
                 d: "M18.485 15.285c.595-.082 1.2-.02 1.766.18a.75.75 0 0 1-.501 1.414 2.25 2.25 0 0 0-2.871 1.371H18a.75.75 0 0 1 0 1.5h-1.121q.05.146.122.284a2.25 2.25 0 0 0 2.749 1.087.75.75 0 0 1 .501 1.414 3.75 3.75 0 0 1-4.582-1.81 3.8 3.8 0 0 1-.343-.975H15a.75.75 0 0 1 0-1.5h.326a3.75 3.75 0 0 1 3.16-2.965"
             }),
             /* @__PURE__ */ a("path", {
-                fill: c,
+                fill: t,
                 d: "M13 2.25q.072 0 .14.014h.01l.041.013c.034.01.067.017.098.03q.044.02.084.046.023.011.044.024.054.037.1.082l.013.01 5 5c.136.136.22.324.22.531v5a.75.75 0 0 1-1.5 0V8.75H14a1.746 1.746 0 0 1-1.75-1.752V3.75H6A1.25 1.25 0 0 0 4.75 5v14A1.25 1.25 0 0 0 6 20.25h6a.75.75 0 0 1 0 1.5H6A2.75 2.75 0 0 1 3.25 19V5A2.75 2.75 0 0 1 6 2.25zm.75 4.752a.25.25 0 0 0 .152.23q.046.018.096.018h2.191L13.75 4.81z"
             }),
             /* @__PURE__ */ a("path", {
-                fill: c,
+                fill: t,
                 d: "M10 16.25a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1 0-1.5zm2-4a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1 0-1.5zm-3-6a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1 0-1.5z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ m.cloneElement(i, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...m.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { p as default };
+export { C as default };

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

@@ -79,55 +79,62 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: n, size: l = 24 } = _param, a = _object_without_properties(_param, [
+import * as m from "react";
+import { useTheme as s } 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 B = (_param)=>{
+    var { color: c, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = m(), t = n !== null && n !== void 0 ? n : i === "brand" || i === "media" ? o.colors.neutralHighBrand : i === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = h();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const n = f(), d = n === "brand" || n === "media" ? i.colors.neutralHighBrand : n === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: r, gradientDef: h } = g(c !== null && c !== void 0 ? c : d), { skinName: o } = s(), a = o.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, l), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: r,
             d: "M20.348 3.404c.08.078.173.17.249.249 1.339 1.392 2.011 3.625-.12 5.728L9.234 20.558l-.01.007-.01.007q-.003.002-.005.007l-.005.007q-.031.028-.067.046l-.034.02-.007.006q-.007.006-.016.009a.6.6 0 0 1-.308.095l-.017-.003-.016-.002-5.866 1.075a.61.61 0 0 1-.535-.157.6.6 0 0 1-.176-.524l.94-6.095a.3.3 0 0 1 .017-.052q.007-.014.012-.032l.022-.067a.6.6 0 0 1 .123-.182l11.311-11.19c2.154-2.132 4.39-1.465 5.76-.13M13.905 5.91l-9.336 9.24 1.686 1.667 9.336-9.238zM7.112 17.667l1.664 1.644 9.314-9.26-1.639-1.622zm-3.37 1.221 1.373 1.342 2.398-.468-3.384-3.347z"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, l), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: r,
             d: "m20.14 8.805.323-.34c1.406-1.477 1.406-3.881 0-5.358a3.493 3.493 0 0 0-5.102 0l-.324.34zm-15.597 5.66 9.762-10.25 5.101 5.355-9.762 10.25zm-2.05 6.627 1.455-5.718 4.832 5.07-5.445 1.532a.67.67 0 0 1-.663-.188.75.75 0 0 1-.18-.696"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, l), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: r,
             d: "m20.14 8.805.323-.34c1.406-1.477 1.406-3.881 0-5.358a3.493 3.493 0 0 0-5.102 0l-.324.34zm-15.597 5.66 9.762-10.25 5.101 5.355-9.762 10.25zm-2.05 6.627 1.455-5.718 4.832 5.07-5.445 1.532a.67.67 0 0 1-.663-.188.75.75 0 0 1-.18-.696"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, l), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: r,
             d: "M12.44 6.854a.25.25 0 0 1 .353 0l4.354 4.353a.25.25 0 0 1 0 .353l-6.793 6.795-.006.003-.994.995a.5.5 0 0 1-.256.137l-5 1a.5.5 0 0 1-.588-.588l1-5 .02-.07a.5.5 0 0 1 .117-.186zm-6.98 8.392-.37 1.845 1.817 1.816 1.846-.368.54-.539-3.294-3.293zM16.5 4.17a3.3 3.3 0 0 1 1.849.562 3.33 3.33 0 0 1 1.226 4.042 3.3 3.3 0 0 1-.721 1.08l-.293.293a.25.25 0 0 1-.354 0l-4.353-4.354a.25.25 0 0 1 0-.354l.293-.293a3.33 3.33 0 0 1 2.353-.975"
         })
     }));
+    return h ? /*#__PURE__*/ m.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...m.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { g as default };
+export { B as default };

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

@@ -78,62 +78,69 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: l = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as l, jsxs as s } from "react/jsx-runtime";
+import * as c 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 L = (_param)=>{
+    var { color: m, size: e = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = c(), e = o !== null && o !== void 0 ? o : i === "brand" || i === "media" ? r.colors.neutralHighBrand : i === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: h } = m();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const r = f(), d = r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: t, gradientDef: h } = g(m !== null && m !== void 0 ? m : d), { skinName: n } = v(), o = n.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, a), {
+        children: /* @__PURE__ */ l("path", {
+            fill: t,
             d: "m20.543 3.522.083.084c.448.465 2.552 2.922-.117 5.566L9.024 20.587l-.007.003q-.004 0-.007.002l-.006.01-.008.013a.42.42 0 0 1-.294.12l-.021-.004q-.01-.004-.021-.004L2.64 21.83a.41.41 0 0 1-.485-.465l.959-6.224q.001-.007.005-.012l.006-.01a.37.37 0 0 1 .104-.205L14.783 3.486c2.093-2.07 4.26-1.426 5.591-.132q.087.084.169.168M19.09 9.416l.83-.824c2.016-1.997.745-3.756.106-4.42l-.11-.11q-.06-.064-.123-.125c-.652-.633-2.386-1.885-4.423.126l-.846.837zM4.335 20.685l-1.073-1.062-.199 1.294zm1.79-3.49 9.83-9.723-2.015-1.995L4.111 15.2zm-2.709 1.42 1.905 1.888 2.515-.462-4.025-3.98zm5.286 1.129 9.807-9.746-1.97-1.946-9.829 9.722z"
         })
-    })) : h.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, a), {
+        children: /* @__PURE__ */ l("path", {
+            fill: t,
             d: "M15.533 3.107a3.79 3.79 0 0 1 5.364 5.353L9.157 20.205a.73.73 0 0 1-.388.2l-5.856 1.572a.723.723 0 0 1-.888-.884l1.588-5.926a.7.7 0 0 1 .228-.364zM4.681 16.751l-.936 3.505 3.5-.94zm3.964 1.916 9.992-9.994-3.312-3.313-9.992 9.994zM19.657 7.652l.212-.212c.912-.912.912-2.4 0-3.312a2.346 2.346 0 0 0-3.312 0l-.212.212z"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ l("path", {
+                fill: t,
                 d: "M15.96 3.001a3.157 3.157 0 0 1 4.614 0c1.271 1.336 1.271 3.509 0 4.844l-9.116 9.572a.35.35 0 0 1-.245.104.33.33 0 0 1-.244-.104.373.373 0 0 1 0-.51l8.188-8.589-3.643-3.825L4.82 15.721l3.887 4.078a.39.39 0 0 1 .088.349.36.36 0 0 1-.244.256l-5.64 1.584a.34.34 0 0 1-.332-.092.39.39 0 0 1-.089-.35l1.512-5.922v-.004l.008-.02.008-.02v-.004a.1.1 0 0 1 .015-.036q.002-.001.004-.008l.01-.014q.003-.008.009-.014l.007-.008q.011-.016.027-.032zM4.512 16.418 3.308 21.13l4.488-1.263zM20.09 7.336c1.004-1.055 1.004-2.77 0-3.825a2.493 2.493 0 0 0-3.643 0l-.444.465L19.647 7.8z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ l("path", {
+                fill: t,
                 d: "M9.839 19.33c.38 0 .687-.324.687-.722 0-.399-.308-.722-.687-.722s-.688.323-.688.722.308.721.688.721"
             })
         ]
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, a), {
+        children: /* @__PURE__ */ l("path", {
+            fill: t,
             d: "M16.5 3.922a3.58 3.58 0 0 1 2.53 6.108l-9.5 9.5a.75.75 0 0 1-.382.205l-5 1a.75.75 0 0 1-.883-.882l1-5 .03-.106a.75.75 0 0 1 .175-.277l9.5-9.5a3.58 3.58 0 0 1 2.53-1.048M4.956 19.044l.023-.005-.01-.01-.004-.003-.005-.005zm.735-3.675-.377 1.884.082.082.005.004.004.005.061.061.004.003.003.004.058.059.004.002.012.012.002.003.015.015.003.002.002.003.048.048.003.002.002.003.006.006.003.002.002.003.023.024h.002l.001.002.042.042.002.001.001.002.004.004.002.001.001.002.005.005.002.001.001.002.006.006h.002v.003l.004.003h.002v.003l.005.004h.001l.001.002.007.007.002.001.001.001.001.002.059.059h.002v.002l.002.002.007.006.002.002v.002l.004.003.002.001.001.002.003.003.002.001.001.002.006.006.002.001.001.002.005.005h.002v.003l.005.004h.002v.003l.043.042h.002v.002l.024.024.003.002.002.003.006.006.003.002.002.003.048.048.003.002.002.003.015.015.003.002.012.012.003.003.058.06.004.002.003.004.061.062.005.003.004.005.174.174.006.005.005.006.017.017.006.005.006.006.005.006.007.006.006.006.006.007.017.017.007.006.006.007.006.006.007.006.005.006.007.006.006.007.067.067a.8.8 0 0 1 .154.227l1.945-.389.309-.31-2.94-2.939zm1.369-1.37 2.94 2.94 6.439-6.44-2.94-2.94zm9.44-8.577a2.08 2.08 0 0 0-1.47.608l-.47.469 2.94 2.94.47-.47a2.079 2.079 0 0 0-1.47-3.547"
         })
     }));
+    return h ? /*#__PURE__*/ c.cloneElement(o, {}, [
+        /* @__PURE__ */ l("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...c.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { L as default };

package/dist-es/generated/mistica-icons/icon-pen-regular.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 r } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: o, size: l = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as l } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as s } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: m, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = m(), t = o !== null && o !== void 0 ? o : h === "brand" || h === "media" ? r.colors.neutralHighBrand : h === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const n = s(), d = n === "brand" || n === "media" ? i.colors.neutralHighBrand : n === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: a, gradientDef: h } = f(m !== null && m !== void 0 ? m : d), { skinName: r } = v(), o = r.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, t), {
+        children: /* @__PURE__ */ l("path", {
+            fill: a,
             d: "M20.342 3.399q.127.122.249.249c1.339 1.39 2.011 3.622-.115 5.731L9.232 20.556l-.01.008-.01.008-.003.006-.005.006q-.026.024-.06.041l-.03.017-.021.014-.015.009a.6.6 0 0 1-.305.095q-.008 0-.015-.003l-.016-.003-5.868 1.079a.62.62 0 0 1-.532-.16.59.59 0 0 1-.18-.524l.942-6.1a.3.3 0 0 1 .016-.05l.012-.035.02-.067a.5.5 0 0 1 .122-.179l11.309-11.19c2.154-2.132 4.386-1.463 5.759-.13M18.944 9.19l.666-.663c1.85-1.83.687-3.44.104-4.048-.067-.07-.148-.151-.221-.224-.6-.58-2.185-1.726-4.048.12l-.683.678zM4.639 20.284l-.967-.958-.182 1.168zm1.61-3.473 9.336-9.239-1.683-1.666-9.34 9.238zM3.9 17.85l2.19 2.168 1.415-.26L4.12 16.41zm4.871 1.456s9.314-9.26 9.311-9.26l-1.639-1.622-9.336 9.238z"
         })
-    })) : i.match(/^blau/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : r.match(/^blau/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, t), {
+        children: /* @__PURE__ */ l("path", {
+            fill: a,
             d: "m20.37 5.633-1.456 1.453-2.033-2.03 1.455-1.453a.84.84 0 0 1 1.154 0l.88.878a.815.815 0 0 1 0 1.152M8.411 17.57l-2.033-2.03 9.535-9.518 2.033 2.03zM4.35 19.624 5.504 16.6l1.865 1.863zm16.988-16.11-.879-.877A2.17 2.17 0 0 0 18.914 2c-.585 0-1.134.226-1.546.637L4.443 15.542 1.976 22l6.435-2.496L21.337 6.599a2.18 2.18 0 0 0 0-3.085"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, t), {
+        children: /* @__PURE__ */ l("path", {
+            fill: a,
             d: "M15.533 3.107a3.79 3.79 0 0 1 5.364 5.353L9.157 20.205a.73.73 0 0 1-.388.2l-5.856 1.572a.723.723 0 0 1-.888-.884l1.588-5.926a.7.7 0 0 1 .228-.364zM4.681 16.751l-.936 3.505 3.5-.94zm3.964 1.916 9.992-9.994-3.312-3.313-9.992 9.994zM19.657 7.652l.212-.212c.912-.912.912-2.4 0-3.312a2.346 2.346 0 0 0-3.312 0l-.212.212z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, t), {
+        children: /* @__PURE__ */ l("path", {
+            fill: a,
             d: "M15.533 3.107a3.79 3.79 0 0 1 5.364 5.353L9.157 20.205a.73.73 0 0 1-.388.2l-5.856 1.572a.723.723 0 0 1-.888-.884l1.588-5.926a.7.7 0 0 1 .228-.364zM4.681 16.751l-.936 3.505 3.5-.94zm3.964 1.916 9.992-9.994-3.312-3.313-9.992 9.994zM19.657 7.652l.212-.212c.912-.912.912-2.4 0-3.312a2.346 2.346 0 0 0-3.312 0l-.212.212z"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, t), {
+        children: /* @__PURE__ */ l("path", {
+            fill: a,
             d: "M16.5 3.922a3.58 3.58 0 0 1 2.53 6.108l-9.5 9.5a.75.75 0 0 1-.382.205l-5 1a.75.75 0 0 1-.883-.882l1-5 .03-.106a.75.75 0 0 1 .175-.277l9.5-9.5a3.58 3.58 0 0 1 2.53-1.048M4.956 19.044l.023-.005-.01-.01-.004-.003-.005-.005zm.735-3.675-.377 1.884.082.082.005.004.004.005.061.061.004.003.003.004.059.059.004.002.011.012.002.003.015.015.003.002.002.003.049.048.002.002.002.003.006.006.003.002.002.003.024.024h.002v.002l.043.042.001.001.001.002.004.004.002.001.001.002.005.005.002.001.001.002.006.006h.002v.003l.004.003h.002v.003l.005.004h.002v.002l.007.007.002.001.001.001.001.002.059.059h.002v.002l.002.002.007.006.002.002v.002l.004.003.002.001.001.002.003.003.002.001.001.002.006.006.002.001.001.002.005.005h.002v.003l.005.004h.002v.003l.043.042h.002v.002l.024.024.003.002.002.003.006.006.003.002.002.003.049.048.002.002.002.003.015.015.003.002.012.012.003.003.058.06.004.002.003.004.062.062.004.003.004.005.174.174.006.005.005.006.018.017.005.005.006.006.005.006.007.006.006.006.006.007.017.017.007.006.006.007.006.006.007.006.006.006.006.006.006.007.067.067a.8.8 0 0 1 .154.227l1.945-.389.309-.31-2.94-2.939zm1.369-1.37 2.94 2.94 6.439-6.44-2.94-2.94zm9.44-8.577a2.08 2.08 0 0 0-1.47.608l-.47.469 2.94 2.94.47-.47a2.079 2.079 0 0 0-1.47-3.547"
         })
     }));
+    return h ? /*#__PURE__*/ c.cloneElement(o, {}, [
+        /* @__PURE__ */ l("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...c.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { x as default };

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as r } from "react/jsx-runtime";
-import { useTheme as l } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: h, size: e = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as h 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 V = (_param)=>{
+    var { color: c, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = c(), i = h !== null && h !== void 0 ? h : t === "brand" || t === "media" ? a.colors.neutralHighBrand : t === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { skinName: n } = l();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = v(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: l } = f(c !== null && c !== void 0 ? c : s), { skinName: m } = d(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ r("path", {
-            fill: i,
+    }, i), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M20.077 7.904c.952 0 1.745.799 1.764 1.782v4.566c0 .988-.784 1.795-1.75 1.795h-1.51c-.188.964-1.022 1.695-2.02 1.695h-9.07c-3.448-.126-5.336-2.168-5.336-5.748 0-3.588 1.888-5.625 5.317-5.734h9.075c.984 0 1.807.709 2.012 1.65h.677v-.003h.84zm.557 6.35V9.703a.58.58 0 0 0-.51-.566H18.61v5.686h1.482a.56.56 0 0 0 .543-.569m-15.039-2.15c0 .304.084.529.233.683.162.165.397.246.686.246.288 0 .526-.081.686-.246.149-.155.233-.379.233-.684.002-.633-.362-.927-.92-.927-.557 0-.918.294-.918.927"
         })
-    })) : /* @__PURE__ */ r("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"
-    }, o), {
-        children: /* @__PURE__ */ r("path", {
-            fill: i,
+    }, i), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M16 6.5a.5.5 0 0 1 .5.5v1.25H21a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75h-4.5V17a.5.5 0 0 1-.5.5H8a5.5 5.5 0 0 1 0-11zm.5 7.75h3.75v-4.5H16.5zM7 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
         })
     }));
+    return l ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { V as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { useTheme as l } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: o, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as l 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 V = (_param)=>{
+    var { color: c, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = m(), r = o !== null && o !== void 0 ? o : h === "brand" || h === "media" ? a.colors.neutralHighBrand : h === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { skinName: n } = l();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = f(), s = r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: o, gradientDef: h } = g(c !== null && c !== void 0 ? c : s), { skinName: m } = v(), n = m.match(/^vivo-new/i) ? /* @__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: r,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M21.838 9.609c-.017-.908-.734-1.642-1.597-1.642h-.77l.002.003h-.952c-.123-.966-.919-1.711-1.88-1.711h-9.26c-3.373.109-5.23 2.145-5.23 5.734 0 3.582 1.857 5.624 5.241 5.75h9.26c.978 0 1.785-.77 1.889-1.756h1.714c.871 0 1.582-.742 1.582-1.65zm-4.11 6.16c0 .621-.482 1.126-1.075 1.126H7.406c-2.944-.11-4.434-1.76-4.434-4.902 0-3.146 1.493-4.79 4.42-4.886h9.247c.594 0 1.075.502 1.075 1.124v7.33h.014zm3.289-6.152v4.72c0 .443-.342.801-.762.801h-1.717v-6.32H20.3c.392.032.708.382.717.8m-13.9 2.602c0-.58-.324-.848-.828-.848-.502 0-.832.269-.832.848 0 .278.075.485.21.625.143.151.358.224.619.224.263 0 .476-.073.622-.224.134-.14.21-.344.21-.624"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: r,
+            /* @__PURE__ */ e("path", {
+                fill: o,
                 d: "M7 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: r,
+            /* @__PURE__ */ e("path", {
+                fill: o,
                 d: "M16 6.25a.75.75 0 0 1 .75.75v1.25H21a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75h-4.25V17a.75.75 0 0 1-.75.75H8a5.75 5.75 0 0 1 0-11.5zm-8 1.5a4.25 4.25 0 0 0 0 8.5h7.25v-8.5zm8.75 6.5h3.5v-4.5h-3.5z"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ l.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...l.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { g as default };
+export { V as default };