@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const m = (_param)=>{
-    var { color: a, size: o = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as h } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const A = (_param)=>{
+    var { color: a, size: n = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), i = a !== null && a !== void 0 ? a : r === "brand" || r === "media" ? e.colors.neutralHighBrand : r === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh;
-    return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const e = h(), c = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: d, gradientDef: l } = g(a !== null && a !== void 0 ? a : c), t = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, s), {
+        children: /* @__PURE__ */ r("path", {
+            fill: d,
             d: "M14 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.531v11A2.75 2.75 0 0 1 17 21.75H7A2.75 2.75 0 0 1 4.25 19V5A2.75 2.75 0 0 1 7 2.25zm-7 1.5A1.25 1.25 0 0 0 5.75 5v14A1.25 1.25 0 0 0 7 20.25h10A1.25 1.25 0 0 0 18.25 19V8.75H15A1.75 1.75 0 0 1 13.25 7V3.75zM14.75 7a.25.25 0 0 0 .25.25h2.19l-2.44-2.44z"
         })
     }));
+    return l ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { m as default };
+export { A as default };

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as r } from "react/jsx-runtime";
-import { useThemeVariant as i } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const q = (_param)=>{
-    var { color: t, size: e = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as l } from "react/jsx-runtime";
+import * as n from "react";
+import { useThemeVariant as s } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as d } from "../../utils/icon-gradient.js";
+const v = (_param)=>{
+    var { color: i, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = i(), h = t !== null && t !== void 0 ? t : l === "brand" || l === "media" ? a.colors.neutralHighBrand : l === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh;
-    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const e = s(), h = e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: m, gradientDef: a } = d(i !== null && i !== void 0 ? i : h), t = /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ r("path", {
-            fill: h,
+    }, c), {
+        children: /* @__PURE__ */ l("path", {
+            fill: m,
             d: "M19.337 7.914a.6.6 0 0 1 .045.238v12.306c0 .75-.636 1.383-1.387 1.383H6.001c-.737 0-1.387-.647-1.387-1.384V3.54c0-.726.662-1.384 1.387-1.384h7.3c.23 0 .442.087.605.25l5.213 5.125c.114.11.176.244.218.384m-1.652-.106L13.63 3.824V5.59c0 .658.213 1.213.614 1.608.406.398.98.61 1.664.61zm-2.558 4.08-.339.987h.838zm-.67 1.959h1.015L13.53 16.56zm-3.93 2.756-.94-2.756h-1.05zm-.433-4.23-.42-1.23h1.38zm2.876-1.23.978 1.233.423-1.232zm-2.047 1.732 1.09-1.39 1.1 1.39zm1.095 5.137 1.426-4.165h-2.85zM8.91 11.87l.345 1.006H8.39zm7.926 1.276-.001-.007-1.364-2.692-.003-.01q-.003-.007-.008-.01l-.003-.002a.45.45 0 0 0-.2-.19l-.027-.017q-.014-.01-.028-.017a.4.4 0 0 0-.092-.016l-.037-.004-.015-.004q-.007-.004-.016-.004h-6.04l-.015.004-.015.004-.021.002a.4.4 0 0 0-.105.015q-.02.01-.04.024l-.013.01a.5.5 0 0 0-.193.18l-.01.009-.01.01-1.41 2.703v.008q0 .005-.002.008a.5.5 0 0 0-.049.22l.002.01q0 .015.006.03l.005.02q.013.1.064.183.004.008.006.018l.005.018 4.429 6.132h.003a.45.45 0 0 0 .148.128q.021.012.042.02a.45.45 0 0 0 .193.048h.003c.068 0 .132-.02.19-.048l.022-.011.02-.011a.5.5 0 0 0 .15-.13h.001l.001-.002 4.39-6.132q.005-.008.006-.018.002-.009.007-.018a.5.5 0 0 0 .062-.174l.005-.023a.1.1 0 0 0 .006-.033q0-.006.003-.01l.003-.012a.6.6 0 0 0-.053-.202q-.003-.004-.002-.007"
         })
     }));
+    return a ? /*#__PURE__*/ n.cloneElement(t, {}, [
+        /* @__PURE__ */ l("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...n.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { q as default };
+export { v as default };

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

@@ -79,24 +79,31 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as t } from "react/jsx-runtime";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const q = (_param)=>{
-    var { color: e, size: r = 24 } = _param, o = _object_without_properties(_param, [
+import * as n from "react";
+import { useThemeVariant as s } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as d } from "../../utils/icon-gradient.js";
+const p = (_param)=>{
+    var { color: i, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = h(), c = e !== null && e !== void 0 ? e : l === "brand" || l === "media" ? a.colors.neutralHighBrand : l === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh;
-    return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const l = s(), m = l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: h, gradientDef: a } = d(i !== null && i !== void 0 ? i : m), e = /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, c), {
         children: /* @__PURE__ */ t("path", {
-            fill: c,
+            fill: h,
             d: "M19.352 7.911a.4.4 0 0 1 .03.163v12.563c0 .652-.557 1.204-1.22 1.204H5.835c-.65 0-1.221-.563-1.221-1.204V3.36c0-.63.583-1.205 1.221-1.205h7.502c.179 0 .353.07.479.193l5.358 5.236c.095.09.146.204.177.327m-.787 12.726V8.757H16.02c-.972 0-1.81-.316-2.42-.916-.616-.602-.944-1.428-.944-2.383V2.984H5.839c-.182 0-.4.205-.4.378v17.275c0 .188.201.378.4.378h12.325c.207 0 .4-.185.4-.378m-5.09-17.474v2.292c0 .728.24 1.347.695 1.79.456.445 1.098.683 1.851.683h2.33zm2.387 9.813h-1.11l.448-1.3zm-1.396.829h1.261l-2.412 3.347zm-6.187 0h1.3l1.165 3.39zm1.734-1.258-.518-1.504H11.2zm4.017.006-1.205-1.51h1.726zm-3.309.423 1.289-1.633 1.305 1.633zm-.277.829H13.6l-1.58 4.585zM8.84 11.662l.454 1.314H8.15zm8.1 1.728a.4.4 0 0 0-.041-.179q0-.006-.003-.008L15.49 10.44l-.006-.007-.005-.007a.35.35 0 0 0-.118-.13q-.026-.019-.05-.03l-.02-.013q-.014-.012-.03-.018a.3.3 0 0 0-.083-.012l-.021-.002-.016-.004-.015-.004H8.918l-.016.004q-.008.004-.015.004l-.022.002a.3.3 0 0 0-.082.012q-.016.007-.03.016l-.018.012q-.022.01-.039.024l-.011.007a.4.4 0 0 0-.122.132l-.007.008-1.448 2.762-.001.005-.002.006a.45.45 0 0 0-.045.182l.002.009.001.008q.001.016.005.029l.004.013q.01.087.056.157l.005.014q.002.008.006.014l4.552 6.258a.2.2 0 0 0 .043.04l.024.019.016.014q.015.016.034.028a.4.4 0 0 0 .213.07.4.4 0 0 0 .213-.07.4.4 0 0 0 .05-.045l.024-.019a.2.2 0 0 0 .044-.04l4.51-6.258q.005-.007.007-.016 0-.006.004-.012a.4.4 0 0 0 .056-.151l.003-.013a.1.1 0 0 0 .005-.032l.002-.008z"
         })
     }));
+    return a ? /*#__PURE__*/ n.cloneElement(e, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...n.Children.toArray(e.props.children)
+    ]) : e;
 };
-export { q as default };
+export { p as default };

package/dist-es/generated/mistica-icons/icon-file-sketch-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 c } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: h, size: r = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "react";
+import { useThemeVariant as s } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as d } from "../../utils/icon-gradient.js";
+const v = (_param)=>{
+    var { color: i, size: a = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = c(), o = h !== null && h !== void 0 ? h : l === "brand" || l === "media" ? a.colors.neutralHighBrand : l === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const e = s(), h = e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: m, gradientDef: o } = d(i !== null && i !== void 0 ? i : h), l = /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ e("path", {
-            fill: o,
+    }, c), {
+        children: /* @__PURE__ */ t("path", {
+            fill: m,
             d: "M19.342 7.92q.046.112.045.234V20.46A1.4 1.4 0 0 1 18 21.843H6.01c-.74 0-1.387-.647-1.387-1.383V3.54c0-.722.662-1.38 1.387-1.38h7.3c.227 0 .442.087.605.246l5.213 5.127a.9.9 0 0 1 .215.386m-1.148 12.542V9.028h-2.277c-1 0-1.86-.33-2.493-.952-.64-.63-.978-1.487-.978-2.482V3.376H6.009c-.07 0-.185.112-.19.168v16.918c0 .06.098.169.19.169h11.994c.098 0 .19-.096.19-.169M13.639 3.83v1.765c0 .658.213 1.213.616 1.608.407.398.98.61 1.664.61h1.77zm1.992 9.05h-.838l.34-.988zm-1.171.97h1.017l-1.941 2.714zm-5.919 0h1.05l.942 2.76zm1.558-1.473s-.42-1.227-.418-1.23h1.381zm4.277-1.227-.423 1.232-.978-1.232zm-3.448 1.73 1.09-1.388 1.1 1.389zm-.325.97h2.846l-1.423 4.165zm-1.686-1.975.341 1.006h-.865zm7.977 1.49a.5.5 0 0 0-.052-.212q.001-.004-.007-.009l-1.364-2.692-.003-.01-.008-.01-.003-.002a.5.5 0 0 0-.14-.157l-.028-.017-.053-.032a.1.1 0 0 0-.031-.018c-.038-.015-.075-.017-.11-.019h-.019q-.008-.001-.015-.005t-.016-.004H9.006q-.009.001-.018.005-.006.005-.013.006l-.02.001a.4.4 0 0 0-.106.016l-.026.017q-.013.01-.027.016a.46.46 0 0 0-.193.18l-.01.009q-.006.004-.01.01L7.174 13.14l-.001.009-.002.008a.5.5 0 0 0-.05.21l.001.008.002.012q0 .015.006.03l.005.02a.4.4 0 0 0 .064.18q.004.007.005.015 0 .011.007.02l4.425 6.135h.003q.06.08.149.13l.042.019c.059.03.126.045.193.047h.003a.5.5 0 0 0 .193-.047l.042-.02a.44.44 0 0 0 .149-.129l.002-.002 4.39-6.135q.005-.008.007-.018l.007-.018a.5.5 0 0 0 .061-.174l.006-.023a.1.1 0 0 0 .006-.033l.005-.02"
         })
     }));
+    return o ? /*#__PURE__*/ n.cloneElement(l, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: o
+        }, "gradient-defs"),
+        ...n.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { s as default };
+export { v as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: i, size: r = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import * as l from "react";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: s, size: a = 24 } = _param, d = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), t = i !== null && i !== void 0 ? i : a === "brand" || a === "media" ? e.colors.neutralHighBrand : a === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const e = m(), h = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: n, gradientDef: i } = f(s !== null && s !== void 0 ? s : h), t = /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, d), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: t,
+            /* @__PURE__ */ r("path", {
+                fill: n,
                 d: "M12.65 2.5a.6.6 0 0 1 .6.6V7A1.75 1.75 0 0 0 15 8.75h3.9a.6.6 0 0 1 .6.6V19a2.5 2.5 0 0 1-2.5 2.5H7A2.5 2.5 0 0 1 4.5 19V5A2.5 2.5 0 0 1 7 2.5zM9 16.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zm0-4a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zm0-4a.75.75 0 0 0 0 1.5h1a.75.75 0 0 0 0-1.5z"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: t,
+            /* @__PURE__ */ r("path", {
+                fill: n,
                 d: "M18.957 7.25H15a.25.25 0 0 1-.25-.25V3.043z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { c as default };
+export { C as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: i, size: r = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import * as l from "react";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: s, size: n = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), e = i !== null && i !== void 0 ? i : a === "brand" || a === "media" ? t.colors.neutralHighBrand : a === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const t = m(), h = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: i } = f(s !== null && s !== void 0 ? s : h), e = /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: e,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M15 16.25a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5zm0-4a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5zm-5-4a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5z"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: e,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M14 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.531v11A2.75 2.75 0 0 1 17 21.75H7A2.75 2.75 0 0 1 4.25 19V5A2.75 2.75 0 0 1 7 2.25zm-7 1.5A1.25 1.25 0 0 0 5.75 5v14A1.25 1.25 0 0 0 7 20.25h10A1.25 1.25 0 0 0 18.25 19V8.75H15A1.75 1.75 0 0 1 13.25 7V3.75zM14.75 7a.25.25 0 0 0 .25.25h2.19l-2.44-2.44z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(e, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(e.props.children)
+    ]) : e;
 };
-export { d as default };
+export { H as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: l, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: s, size: n = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), t = l !== null && l !== void 0 ? l : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const e = m(), d = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: l } = f(s !== null && s !== void 0 ? s : d), t = /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: t,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M15 16.25a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5zm0-4a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5zm-5-4a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5z"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: t,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M14 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.531v11A2.75 2.75 0 0 1 17 21.75H7A2.75 2.75 0 0 1 4.25 19V5A2.75 2.75 0 0 1 7 2.25zm-7 1.5A1.25 1.25 0 0 0 5.75 5v14A1.25 1.25 0 0 0 7 20.25h10A1.25 1.25 0 0 0 18.25 19V8.75H15A1.75 1.75 0 0 1 13.25 7V3.75zM14.75 7a.25.25 0 0 0 .25.25h2.19l-2.44-2.44z"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { d as default };
+export { H as default };

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

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: o, size: a = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: m, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = v(), h = o !== null && o !== void 0 ? o : t === "brand" || t === "media" ? i.colors.neutralHighBrand : t === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: c } = n();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: l } = g(m !== null && m !== void 0 ? m : s), { skinName: v } = d(), o = v.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: a,
                 d: "M8.942 11.41h.846v3.703h-.846zm-3.459 3.207 1.798-2.582H5.536v-.622H8.32v.518l-1.77 2.56h1.781v.622H5.483zm6.387-3.207h-1.278v3.703h.846v-1.277h.597c.487 0 .823-.115 1.039-.359.185-.207.277-.504.277-.899s-.095-.68-.297-.866c-.238-.22-.605-.302-1.185-.302m-.01 1.793v.002h-.416v-1.182h.394c.261 0 .418.037.522.13.098.092.14.24.14.439q0 .324-.146.47c-.11.101-.221.14-.493.14"
             }),
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: a,
                 d: "M21.578 7.53c.17.171.263.39.263.625V20.46c0 .751-.644 1.384-1.409 1.384H8.253c-.75 0-1.409-.647-1.409-1.384l.034-2.773h-2.3a2.43 2.43 0 0 1-2.423-2.426V11.17a2.426 2.426 0 0 1 2.42-2.426h2.266V3.54c0-.726.673-1.384 1.41-1.384h7.414c.23 0 .445.087.61.244zm-5.577-3.706V5.59c0 .658.216 1.213.622 1.608.414.4.997.61 1.692.61h1.804zM4.575 16.471h9.846a1.21 1.21 0 0 0 1.207-1.21v-4.095c0-.667-.54-1.21-1.207-1.21H4.575c-.666 0-1.207.54-1.207 1.21v4.095c0 .667.54 1.21 1.207 1.21"
             })
         ]
-    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: a,
                 d: "M8 14.25a.75.75 0 0 1 .67 1.085L6.215 20.25H8a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.67-1.085l2.456-4.915H5a.75.75 0 0 1 0-1.5zm4 0a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75m5.5 0a2.25 2.25 0 0 1 0 4.5h-.75V21a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75zm-.75 3h.75a.75.75 0 0 0 .148-1.485l-.148-.015h-.75zM12.65 2.5a.6.6 0 0 1 .6.6V7A1.75 1.75 0 0 0 15 8.75h3.9a.6.6 0 0 1 .6.6V12a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V5A2.5 2.5 0 0 1 7 2.5z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: a,
                 d: "M18.957 7.25H15a.25.25 0 0 1-.25-.25V3.043z"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ c.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...c.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { M as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as o, jsx as h } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: l, size: a = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import * as l from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: c, size: t = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), t = l !== null && l !== void 0 ? l : e === "brand" || e === "media" ? c.colors.neutralHighBrand : e === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { skinName: r } = v();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), v = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: i } = g(c !== null && c !== void 0 ? c : v), { skinName: m } = d(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, h), {
         children: [
-            /* @__PURE__ */ h("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M8.913 11.49h.845v3.703h-.845zm-3.46 3.207 1.798-2.583H5.506v-.622h2.785v.519l-1.77 2.56H8.3v.622H5.454zm6.387-3.207h-1.278v3.703h.846v-1.278h.597c.487 0 .823-.114 1.04-.358.184-.207.277-.504.277-.9 0-.394-.096-.68-.297-.865-.239-.221-.605-.302-1.185-.302m-.009 1.792v.003h-.417v-1.182h.395c.26 0 .417.036.52.129.099.092.141.24.141.44q0 .323-.146.47c-.109.101-.221.14-.493.14"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M21.806 7.907q.033.075.034.162v12.563c0 .653-.563 1.205-1.23 1.205H8.173c-.655 0-1.23-.563-1.23-1.205l.037-3.036H4.422a2.27 2.27 0 0 1-2.266-2.269v-4.18A2.27 2.27 0 0 1 4.422 8.88h2.521V3.36c0-.63.586-1.205 1.23-1.205h7.572c.179 0 .355.07.484.194l5.406 5.235c.09.087.143.202.171.322M20.61 21.01c.207 0 .406-.185.406-.379V8.75h-2.568c-.98 0-1.827-.316-2.443-.916-.622-.602-.952-1.426-.952-2.384V2.977H8.17c-.185 0-.403.204-.403.378v5.518h6.703a2.27 2.27 0 0 1 2.266 2.27v4.179a2.27 2.27 0 0 1-2.266 2.268H7.803l-.036 3.042c0 .182.204.373.403.373h12.44zM2.98 15.324c0 .796.644 1.443 1.44 1.443h10.053c.792 0 1.44-.647 1.44-1.443v-4.179c0-.795-.645-1.443-1.44-1.443H4.42c-.793 0-1.44.648-1.44 1.443zM15.879 3.16v2.29c0 .729.24 1.348.7 1.79.46.446 1.107.684 1.869.684h2.35V7.92z"
             })
         ]
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ h("path", {
-            fill: t,
+    }, h), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M8 14.25a.75.75 0 0 1 .67 1.085L6.215 20.25H8a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.67-1.085l2.456-4.915H5a.75.75 0 0 1 0-1.5zm4 0a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75m5.5 0a2.25 2.25 0 0 1 0 4.5h-.75V21a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75zm-.75 3h.75a.75.75 0 0 0 0-1.5h-.75zM14 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.531v4a.75.75 0 0 1-1.5 0V8.75H15A1.75 1.75 0 0 1 13.25 7V3.75H7A1.25 1.25 0 0 0 5.75 5v7a.75.75 0 0 1-1.5 0V5A2.75 2.75 0 0 1 7 2.25zM14.75 7a.25.25 0 0 0 .25.25h2.19l-2.44-2.44z"
         })
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { C as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as o, jsx as h } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: c, size: a = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: c, size: t = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), r = c !== null && c !== void 0 ? c : e === "brand" || e === "media" ? t.colors.neutralHighBrand : e === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: i } = v();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = f(), v = a === "brand" || a === "media" ? n.colors.neutralHighBrand : a === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: r, gradientDef: l } = g(c !== null && c !== void 0 ? c : v), { skinName: m } = d(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, h), {
         children: [
-            /* @__PURE__ */ h("path", {
+            /* @__PURE__ */ e("path", {
                 fill: r,
                 d: "M8.942 11.408h.846v3.703h-.846zm-3.459 3.207 1.798-2.582H5.536v-.622H8.32v.518l-1.77 2.56h1.781v.622H5.483zm6.387-3.207h-1.278v3.703h.846v-1.277h.596c.488 0 .824-.115 1.04-.359.185-.207.277-.504.277-.9 0-.394-.095-.68-.297-.865-.238-.22-.605-.302-1.185-.302m-.01 1.793v.002h-.416v-1.182h.394c.261 0 .418.037.522.13.098.092.14.24.14.439q0 .324-.146.47c-.11.101-.221.14-.493.14"
             }),
-            /* @__PURE__ */ h("path", {
+            /* @__PURE__ */ e("path", {
                 fill: r,
                 d: "M21.578 7.528c.17.168.263.39.263.622v12.306c0 .75-.644 1.383-1.409 1.383H8.25c-.75 0-1.409-.647-1.409-1.383l.034-2.774h-2.3a2.427 2.427 0 0 1-2.42-2.425V11.16a2.427 2.427 0 0 1 2.42-2.425h2.266V3.534c0-.726.673-1.384 1.41-1.384h7.414c.23 0 .445.087.61.244zm-1.146 13.096c.098 0 .194-.096.194-.168V9.02h-2.311c-1.014 0-1.891-.33-2.535-.952-.65-.628-.992-1.487-.992-2.482V3.37H8.253c-.073 0-.188.109-.193.168v5.201h6.364c1.336 0 2.42 1.09 2.42 2.426v4.095a2.427 2.427 0 0 1-2.42 2.426h-6.33l-.034 2.779c0 .05.1.16.193.16zM3.368 15.259c0 .667.54 1.21 1.207 1.21h9.846a1.21 1.21 0 0 0 1.207-1.21v-4.095c0-.666-.54-1.21-1.207-1.21H4.575a1.21 1.21 0 0 0-1.207 1.21zM16.004 3.822v1.765c0 .658.215 1.213.622 1.608.414.4.997.61 1.691.61h1.802z"
             })
         ]
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
-        children: /* @__PURE__ */ h("path", {
+    }, h), {
+        children: /* @__PURE__ */ e("path", {
             fill: r,
             d: "M8 14.25a.75.75 0 0 1 .67 1.085L6.215 20.25H8a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.67-1.085l2.456-4.915H5a.75.75 0 0 1 0-1.5zm4 0a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75m5.5 0a2.25 2.25 0 0 1 0 4.5h-.75V21a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75zm-.75 3h.75a.75.75 0 0 0 0-1.5h-.75zM14 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.531v4a.75.75 0 0 1-1.5 0V8.75H15A1.75 1.75 0 0 1 13.25 7V3.75H7A1.25 1.25 0 0 0 5.75 5v7a.75.75 0 0 1-1.5 0V5A2.75 2.75 0 0 1 7 2.25zM14.75 7a.25.25 0 0 0 .25.25h2.19l-2.44-2.44z"
         })
     }));
+    return l ? /*#__PURE__*/ i.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...i.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { C as default };