npm - @telefonica/mistica - Versions diffs - 16.68.0 → 16.69.0 - Mend

@telefonica/mistica 16.68.0 → 16.69.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4611) hide show

package/dist-es/generated/mistica-icons/icon-cat-filled.js CHANGED Viewed

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as h, jsx as l } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as a, jsxs as d } 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 o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: h, size: l = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = v(), t = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: c } = n();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const e = f(), s = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: t, gradientDef: i } = g(h !== null && h !== void 0 ? h : s), { skinName: m } = v(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: t,
                 d: "M14.69 12.246q-.224.217-.644.217-.419 0-.644-.217-.232-.227-.233-.665 0-.44.233-.666.225-.217.644-.218.42.001.645.218.232.226.232.666 0 .438-.232.665m-4.738.217q.42 0 .645-.217.232-.227.232-.665 0-.44-.232-.666-.226-.217-.645-.218-.419.001-.644.218-.233.227-.233.666.001.438.233.665.225.217.644.217"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: t,
                 d: "M19.267 3.037c-.585-.24-2.607.716-3.633 1.992l-.036.046c-1.036-.372-2.238-.559-3.596-.559-1.361 0-2.564.187-3.6.559l-.037-.046C7.339 3.753 5.317 2.796 4.732 3.037c-.176.07-.49.267-.614.756-.506 1.658-.304 4.032.202 5.48q-.506 1.518-.506 3.486v.054l-.115-.023a.589.589 0 0 0-.228 1.155l.4.08q.154 1.64.717 2.911l-.304.061a.588.588 0 0 0 .228 1.155l.676-.135q.354.519.8.951C7.378 20.316 9.4 21 12.002 21s4.624-.684 6.012-2.032q.446-.432.8-.95l.674.134a.589.589 0 0 0 .228-1.155l-.303-.06q.563-1.27.716-2.912l.4-.08a.589.589 0 0 0-.228-1.155l-.115.023v-.052q0-1.968-.507-3.487c.507-1.448.709-3.823.203-5.48-.125-.49-.438-.686-.615-.757m-1.73 14.725a5 5 0 0 1-.334.358h-.001c-1.012.983-2.518 1.595-4.618 1.69v-2.916q.062-.029.076-.037h.002l.002-.002h.002a3 3 0 0 0 .46-.291l.006-.005a1.75 1.75 0 0 0 .514-.611l.002-.005a1.05 1.05 0 0 0 .008-.9 1.1 1.1 0 0 0-.564-.534l-.013-.006a1.6 1.6 0 0 0-.601-.12 20 20 0 0 0-.936-.001h-.044a1.6 1.6 0 0 0-.581.122l-.043.02a1.1 1.1 0 0 0-.531.52 1.05 1.05 0 0 0 .004.89l.014.029c.128.261.328.457.51.598a2.7 2.7 0 0 0 .544.333v2.915c-2.097-.095-3.602-.706-4.616-1.689a5 5 0 0 1-.334-.359l1.775-.355a.588.588 0 0 0-.229-1.155l-2.24.448c-.34-.68-.577-1.486-.698-2.433l2.699.54A.588.588 0 0 0 8 13.652l-3.014-.603-.003-.29c0-2.517.673-4.254 1.816-5.362 1.106-1.073 2.797-1.703 5.203-1.703 2.403 0 4.096.633 5.2 1.704 1.142 1.109 1.814 2.846 1.814 5.364q0 .146-.003.287L16 13.652a.589.589 0 0 0 .229 1.155l2.699-.541c-.12.947-.358 1.755-.697 2.434l-2.242-.45a.588.588 0 0 0-.228 1.155z"
             })
         ]
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ l("path", {
+    }, n), {
+        children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M17.974 2.626c.398-.067.85-.059 1.264.147l.175.1.004.004c.546.366.801 1.007.934 1.574.14.598.185 1.296.183 1.985-.003 1.29-.177 2.675-.315 3.595a8.67 8.67 0 0 1-.095 6.219H21a.75.75 0 0 1 0 1.5h-1.652a9 9 0 0 1-.654.884l1.836 1.835a.75.75 0 0 1-1.06 1.061l-1.837-1.837a8.7 8.7 0 0 1-4.58 1.991.386.386 0 0 1-.428-.388V17.26l.817-.818A.626.626 0 0 0 13 15.375h-2a.625.625 0 0 0-.442 1.067l.817.818v4.036a.386.386 0 0 1-.428.388 8.7 8.7 0 0 1-4.58-1.99L4.53 21.53a.75.75 0 0 1-1.06-1.06l1.835-1.836a9 9 0 0 1-.653-.884H3a.75.75 0 0 1 0-1.5h.876a8.67 8.67 0 0 1-.095-6.218c-.142-.923-.316-2.308-.318-3.597-.001-.689.045-1.387.185-1.985.134-.567.39-1.208.935-1.573l.004-.003c.46-.303.986-.324 1.44-.246.456.077.925.265 1.364.49.755.39 1.535.949 2.202 1.476a8.5 8.5 0 0 1 4.807.002c.67-.531 1.452-1.092 2.21-1.481.44-.225.908-.413 1.364-.49M9 11.25a.75.75 0 0 0-.75.75v1a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-.75-.75m6 0a.75.75 0 0 0-.75.75v1a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-.75-.75"
         })
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { p as default };
+export { H as default };

package/dist-es/generated/mistica-icons/icon-cat-light.js CHANGED Viewed

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as r, jsx as c } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: i, size: a = 24 } = _param, h = _object_without_properties(_param, [
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: l = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = m(), l = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? e.colors.neutralHighBrand : t === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const e = f(), m = e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: t, gradientDef: n } = g(s !== null && s !== void 0 ? s : m), { skinName: d } = v(), c = d.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, o), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M14.675 12.246q-.223.217-.64.217c-.277 0-.493-.073-.64-.217q-.232-.227-.232-.665 0-.44.231-.666c.148-.144.364-.218.64-.218q.418.001.641.218.231.226.232.666 0 .438-.232.665m-4.71.217c.277 0 .493-.073.64-.217q.231-.227.232-.665 0-.44-.232-.666-.223-.217-.64-.218-.417.001-.64.218-.232.227-.232.666 0 .438.231.665.225.217.641.217"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M19.226 3.037c-.582-.24-2.592.716-3.612 1.992l-.036.046c-1.03-.372-2.225-.559-3.576-.559q-2.033 0-3.58.559l-.036-.046c-1.02-1.276-3.03-2.233-3.612-1.992-.176.07-.488.267-.612.756-.502 1.658-.302 4.032.201 5.48q-.502 1.518-.503 3.486 0 .167.004.332l-.517-.104a.294.294 0 0 0-.113.577l.657.132q.136 2.024.865 3.51l-.658.132a.294.294 0 0 0 .113.577l.841-.17q.414.68.97 1.223C7.405 20.316 9.416 21 12.002 21s4.597-.684 5.978-2.032q.556-.542.97-1.222l.838.17a.294.294 0 0 0 .113-.577l-.655-.133c.485-.988.774-2.161.863-3.51l.656-.132a.294.294 0 0 0-.113-.577l-.516.104q.003-.164.003-.33 0-1.968-.503-3.487c.503-1.448.704-3.823.201-5.48-.124-.49-.436-.686-.611-.757M6.022 6.547a6.4 6.4 0 0 0-1.306 1.845 10 10 0 0 1-.212-1.303c-.107-1.096-.053-2.242.214-3.123l.004-.013.004-.014a.6.6 0 0 1 .138-.268.4.4 0 0 1 .112-.082h.05q.091.003.267.048c.234.062.53.18.855.35.616.323 1.262.797 1.707 1.318a6.4 6.4 0 0 0-1.833 1.242m13.262 1.846A6.4 6.4 0 0 0 17.98 6.55a6.4 6.4 0 0 0-1.836-1.245c.446-.521 1.091-.995 1.708-1.318.324-.17.62-.288.854-.35q.176-.045.268-.048h.05a.4.4 0 0 1 .112.082.6.6 0 0 1 .138.268l.003.014.004.013c.267.88.322 2.027.214 3.123-.046.468-.12.91-.211 1.304m-1.708 10.151c-1.19 1.163-2.941 1.815-5.286 1.864v-3.414q.083-.018.169-.049c.093-.034.181-.08.197-.088l.004-.002h.002c.177-.093.306-.173.457-.291l.007-.005c.182-.144.384-.343.51-.611l.003-.005c.108-.231.165-.563.008-.9a1.1 1.1 0 0 0-.56-.534l-.014-.006a1.6 1.6 0 0 0-.598-.12 19 19 0 0 0-.93-.001h-.044c-.186.006-.39.041-.578.122l-.043.02c-.17.08-.395.235-.528.52a1.06 1.06 0 0 0 .004.89l.014.029c.128.261.327.457.507.598a2.7 2.7 0 0 0 .665.384q.084.031.167.05v3.413c-2.342-.05-4.092-.702-5.283-1.864a5.6 5.6 0 0 1-.76-.922l2.822-.568a.294.294 0 0 0-.114-.578l-3.025.61c-.47-.898-.764-1.986-.867-3.27l3.599.724a.294.294 0 0 0 .113-.577l-3.745-.755a14 14 0 0 1-.007-.45c0-2.62.697-4.533 1.983-5.787 1.241-1.21 3.088-1.866 5.577-1.866 2.487 0 4.335.659 5.574 1.868 1.284 1.254 1.982 3.168 1.982 5.788q0 .227-.007.447l-3.746.755a.294.294 0 0 0 .114.577l3.598-.725c-.101 1.286-.395 2.374-.864 3.271l-3.028-.61a.294.294 0 0 0-.113.577l2.825.57q-.337.51-.761.921m-5.658-2.11-.001-.001a.8.8 0 0 1-.261-.076l-.052-.026-.007-.004-.005-.002-.004-.003a2 2 0 0 1-.355-.226 1.2 1.2 0 0 1-.34-.391l-.01-.022a.46.46 0 0 1-.005-.387.5.5 0 0 1 .245-.237l.032-.015a1 1 0 0 1 .36-.073h.04c.443-.008.453-.007.91 0 .134.002.268.026.38.074l.01.004c.1.044.207.12.266.247a.46.46 0 0 1-.007.395l-.002.003a1.2 1.2 0 0 1-.343.4l-.006.004a2 2 0 0 1-.368.233l-.003.002-.05.024-.082.035a.8.8 0 0 1-.23.045h-.06z"
             })
         ]
-    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, o), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M9 11.25a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-1.5 0v-1a.75.75 0 0 1 .75-.75m6 0a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-1.5 0v-1a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M17.974 2.625c.398-.067.85-.058 1.264.148l.175.1.004.003c.547.366.801 1.007.934 1.574.14.598.185 1.297.183 1.986-.003 1.29-.177 2.675-.315 3.595a8.67 8.67 0 0 1-.095 6.22H21a.75.75 0 0 1 0 1.5h-1.653q-.3.461-.654.882l1.837 1.837a.75.75 0 0 1-1.06 1.06l-1.837-1.836a8.7 8.7 0 0 1-5.597 2.054L12 21.75l-.037-.002a8.7 8.7 0 0 1-5.597-2.054L4.53 21.53a.75.75 0 0 1-1.06-1.061l1.836-1.837a9 9 0 0 1-.653-.883H3a.75.75 0 0 1 0-1.5h.876a8.66 8.66 0 0 1-.095-6.219c-.142-.922-.316-2.307-.318-3.596-.001-.69.045-1.388.185-1.986.134-.567.389-1.207.935-1.573l.004-.003c.46-.303.986-.323 1.44-.246.456.078.925.266 1.364.491.755.389 1.535.948 2.202 1.475a8.5 8.5 0 0 1 4.807.003c.67-.532 1.452-1.093 2.21-1.481.44-.226.908-.413 1.364-.49m.249 1.48c-.244.04-.558.155-.928.344-.738.379-1.558.981-2.258 1.56a.75.75 0 0 1-.714.132A7.3 7.3 0 0 0 12 5.749a7 7 0 0 0-2.312.389.75.75 0 0 1-.723-.128c-.702-.574-1.521-1.177-2.26-1.557-.37-.19-.685-.306-.929-.347-.233-.04-.329 0-.359.017l-.058.056c-.069.085-.168.264-.25.613-.103.436-.147 1.003-.146 1.64.002 1.268.184 2.673.327 3.558a.75.75 0 0 1-.041.391 7.2 7.2 0 0 0 .27 5.87H8a.75.75 0 0 1 .53 1.28l-1.098 1.097a7.2 7.2 0 0 0 3.818 1.582v-2.9l-.78-.78a.75.75 0 0 1 .53-1.28h2a.75.75 0 0 1 .53 1.28l-.78.78v2.9a7.2 7.2 0 0 0 3.817-1.582L15.47 17.53a.75.75 0 0 1 .53-1.28h2.48a7.2 7.2 0 0 0 .27-5.87.75.75 0 0 1-.041-.386c.138-.889.322-2.295.325-3.563.002-.637-.043-1.204-.144-1.64-.11-.465-.248-.628-.307-.668-.032-.019-.128-.057-.36-.018"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ h.cloneElement(c, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...h.Children.toArray(c.props.children)
+    ]) : c;
 };
-export { f as default };
+export { x as default };

package/dist-es/generated/mistica-icons/icon-cat-regular.js CHANGED Viewed

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as h, jsx as c } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: l = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = m(), l = o !== null && o !== void 0 ? o : t === "brand" || t === "media" ? e.colors.neutralHighBrand : t === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = f(), m = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: e, gradientDef: c } = g(s !== null && s !== void 0 ? s : m), { skinName: v } = d(), r = v.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M14.046 12.463q.42 0 .645-.217.232-.227.232-.665 0-.44-.232-.666-.226-.217-.645-.218-.419.001-.644.218-.233.227-.233.666.001.438.233.665.225.217.644.217m-3.448-.217q-.226.217-.645.217t-.644-.217q-.232-.227-.233-.665 0-.44.233-.666.225-.217.644-.218.42.001.645.218.232.226.232.666 0 .438-.232.665"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M19.267 3.037c-.585-.24-2.607.716-3.633 1.992l-.036.046c-1.036-.372-2.238-.559-3.596-.559-1.361 0-2.564.187-3.6.559l-.037-.046C7.339 3.753 5.317 2.796 4.732 3.037c-.176.07-.49.267-.614.756-.506 1.658-.304 4.032.202 5.48q-.506 1.518-.506 3.486v.054l-.115-.023a.589.589 0 0 0-.228 1.155l.4.08q.154 1.64.717 2.911l-.304.061a.588.588 0 0 0 .228 1.155l.676-.135q.354.519.8.951C7.378 20.316 9.4 21 12.002 21s4.624-.684 6.012-2.032q.446-.432.8-.95l.674.134a.589.589 0 0 0 .228-1.155l-.303-.06q.563-1.27.716-2.912l.4-.08a.589.589 0 0 0-.228-1.155l-.115.023v-.052q0-1.968-.507-3.487c.507-1.448.709-3.823.203-5.48-.125-.49-.438-.686-.615-.757m-.34 11.229c-.12.947-.358 1.755-.697 2.434l-2.242-.45a.588.588 0 0 0-.228 1.155l1.777.357a5 5 0 0 1-.334.358h-.001c-1.012.983-2.518 1.595-4.618 1.69v-2.916c.04-.018.068-.033.076-.037l.004-.002h.002a3 3 0 0 0 .46-.291l.006-.005a1.75 1.75 0 0 0 .514-.611l.002-.005a1.05 1.05 0 0 0 .008-.9 1.1 1.1 0 0 0-.564-.534l-.013-.006a1.6 1.6 0 0 0-.601-.12 20 20 0 0 0-.936-.001h-.044a1.6 1.6 0 0 0-.581.122l-.043.02a1.1 1.1 0 0 0-.531.52 1.05 1.05 0 0 0 .004.89l.014.029c.128.261.328.457.51.598a2.7 2.7 0 0 0 .544.333v2.915c-2.097-.095-3.602-.706-4.616-1.689a5 5 0 0 1-.334-.359l1.775-.355a.588.588 0 0 0-.229-1.155l-2.24.448c-.34-.68-.577-1.486-.698-2.433l2.699.54A.588.588 0 0 0 8 13.652l-3.014-.603-.003-.29c0-2.517.673-4.254 1.816-5.363 1.106-1.072 2.797-1.702 5.203-1.702 2.403 0 4.097.633 5.2 1.704 1.142 1.109 1.814 2.846 1.814 5.364q0 .146-.003.287L16 13.652a.589.589 0 0 0 .229 1.155zM5.987 6.547a6.2 6.2 0 0 0-.87 1.058 10 10 0 0 1-.074-.574c-.1-1.007-.05-2.025.164-2.795.172.054.391.145.639.274A5.6 5.6 0 0 1 7.29 5.58a6.3 6.3 0 0 0-1.302.967m12.896 1.058A6.2 6.2 0 0 0 16.71 5.58c.384-.41.919-.795 1.445-1.07.247-.128.466-.219.638-.273.214.77.263 1.788.164 2.795q-.03.299-.073.574m-6.472 8.027a1.6 1.6 0 0 1-.28.175l-.003.001-.052.025-.014.005a.2.2 0 0 1-.046.01h-.035a.2.2 0 0 1-.044-.01h-.002l-.013-.006-.051-.024-.007-.003-.01-.005a1.6 1.6 0 0 1-.348-.24h.057c.437-.008.442-.008.893 0h.038q-.035.034-.08.07z"
             })
         ]
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M9 11.25a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-1.5 0v-1a.75.75 0 0 1 .75-.75m6 0a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-1.5 0v-1a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M17.974 2.625c.398-.067.85-.058 1.264.148l.175.1.004.003c.547.366.801 1.007.934 1.574.14.598.185 1.297.183 1.986-.003 1.29-.177 2.675-.315 3.595a8.67 8.67 0 0 1-.095 6.22H21a.75.75 0 0 1 0 1.5h-1.653q-.3.461-.654.882l1.837 1.837a.75.75 0 0 1-1.06 1.06l-1.837-1.836a8.7 8.7 0 0 1-5.597 2.054L12 21.75l-.037-.002a8.7 8.7 0 0 1-5.597-2.054L4.53 21.53a.75.75 0 0 1-1.06-1.061l1.836-1.837a9 9 0 0 1-.653-.883H3a.75.75 0 0 1 0-1.5h.876a8.66 8.66 0 0 1-.095-6.219c-.142-.922-.316-2.307-.318-3.596-.001-.69.045-1.388.185-1.986.134-.567.389-1.207.935-1.573l.004-.003c.46-.303.986-.323 1.44-.246.456.078.925.266 1.364.491.755.389 1.535.948 2.202 1.475a8.5 8.5 0 0 1 4.807.003c.67-.532 1.452-1.093 2.21-1.481.44-.226.908-.413 1.364-.49m.249 1.48c-.244.04-.558.155-.928.344-.738.379-1.558.981-2.258 1.56a.75.75 0 0 1-.714.132A7.3 7.3 0 0 0 12 5.749a7 7 0 0 0-2.312.389.75.75 0 0 1-.723-.128c-.702-.574-1.521-1.177-2.26-1.557-.37-.19-.685-.306-.929-.347-.233-.04-.329 0-.359.017l-.058.056c-.069.085-.168.264-.25.613-.103.436-.147 1.003-.146 1.64.002 1.268.184 2.673.327 3.558a.75.75 0 0 1-.041.391 7.2 7.2 0 0 0 .27 5.87H8a.75.75 0 0 1 .53 1.28l-1.098 1.097a7.2 7.2 0 0 0 3.818 1.582v-2.9l-.78-.78a.75.75 0 0 1 .53-1.28h2a.75.75 0 0 1 .53 1.28l-.78.78v2.9a7.2 7.2 0 0 0 3.817-1.582L15.47 17.53a.75.75 0 0 1 .53-1.28h2.48a7.2 7.2 0 0 0 .27-5.87.75.75 0 0 1-.041-.386c.138-.889.322-2.295.325-3.563.002-.637-.043-1.204-.144-1.64-.11-.465-.248-.628-.307-.668-.032-.019-.128-.057-.36-.018"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { f as default };
+export { x as default };

package/dist-es/generated/mistica-icons/icon-certificate-filled.js CHANGED Viewed

@@ -78,46 +78,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: c, size: l = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = m(), e = c !== null && c !== void 0 ? c : t === "brand" || t === "media" ? i.colors.neutralHighBrand : t === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const l = g(), s = l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: i } = p(h !== null && h !== void 0 ? h : s), { skinName: m } = f(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ a("path", {
-            fill: e,
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M19.34 7.914q.046.11.047.238v12.305c0 .751-.636 1.384-1.386 1.384H6.009c-.737 0-1.386-.647-1.386-1.384l.039-3.297-.04-7.971v-5.65c0-.726.662-1.384 1.387-1.384h7.3c.227 0 .448.092.608.252l5.21 5.123a.83.83 0 0 1 .213.384m-1.65-.106-.003-.003h.003zm-.003-.003-4.05-3.983v1.764c0 .659.212 1.213.613 1.608.406.4.983.61 1.664.61zm-2.91 5.042c0-1.77-.776-2.56-2.516-2.56s-2.515.79-2.515 2.56c0 1.767.776 2.557 2.515 2.557s2.516-.787 2.516-2.557m.367 2.008-.013-.019-.007-.009c.291-.512.45-1.165.45-1.977 0-2.294-1.22-3.37-3.313-3.37s-3.31 1.076-3.31 3.37c0 .691.123 1.257.333 1.73l-.015.019a.3.3 0 0 0-.047.069l-1.538 3.395a.61.61 0 0 0 .079.638c.142.182.375.263.647.196l.935-.35.37 1a.6.6 0 0 0 .53.325h.016a.6.6 0 0 0 .53-.353l1.35-2.983 1.35 2.983c.095.21.3.347.53.353h.016c.221 0 .426-.123.55-.372l.35-.953.982.367a.6.6 0 0 0 .597-.213.61.61 0 0 0 .079-.639zm-4.194-1.014.076-.465-.32-.327a.68.68 0 0 1-.153-.684.65.65 0 0 1 .515-.445l.42-.065.19-.409c.213-.462.942-.465 1.16 0l.194.415.42.064a.64.64 0 0 1 .515.443.67.67 0 0 1-.154.683l-.314.325.076.462a.68.68 0 0 1-.266.656.63.63 0 0 1-.675.04l-.37-.208-.373.207a.63.63 0 0 1-.678-.04.67.67 0 0 1-.263-.652"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M6.004 10.25a3.77 3.77 0 0 1 2.895 1.371l.003.003q.054.064.103.132c.48.644.749 1.434.749 2.244 0 .99-.4 1.95-1.1 2.65-.12.12-.25.21-.38.31l1.47 4.82a.759.759 0 0 1-1.06.89l-2.67-1.33-2.67 1.33c-.27.13-.59.09-.82-.1a.72.72 0 0 1-.24-.79l1.45-4.81c-.13-.1-.26-.19-.38-.31a3.78 3.78 0 0 1-1.1-2.47c0-1.065.334-2.074 1.1-2.84.7-.7 1.66-1.1 2.65-1.1M6 11.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 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.5h-5.484a.4.4 0 0 1-.384-.287l-1.085-3.583a.42.42 0 0 1 .075-.381A5.26 5.26 0 0 0 11.254 14a5.26 5.26 0 0 0-1.54-3.71 5.27 5.27 0 0 0-3.71-1.54q-.602 0-1.179.135a.263.263 0 0 1-.325-.25V5A2.5 2.5 0 0 1 7 2.5z"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M18.957 7.25H15a.25.25 0 0 1-.25-.25V3.043z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { p as default };
+export { H as default };

package/dist-es/generated/mistica-icons/icon-certificate-light.js CHANGED Viewed

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as h } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as v } 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 w = (_param)=>{
+    var { color: h, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), t = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? c.colors.neutralHighBrand : e === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { skinName: o } = m();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const l = v(), m = l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: t, gradientDef: i } = g(h !== null && h !== void 0 ? h : m), { skinName: s } = f(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ l("path", {
+    }, n), {
+        children: /* @__PURE__ */ a("path", {
             fill: t,
             d: "M19.387 8.07a.4.4 0 0 0-.034-.162.7.7 0 0 0-.17-.328l-5.36-5.235a.7.7 0 0 0-.478-.194H5.843c-.635 0-1.218.574-1.218 1.205v5.77l.042 8.143-.042 3.364c0 .642.569 1.204 1.218 1.204h12.325c.662 0 1.219-.551 1.219-1.204zm-1.221 12.941v-.003H5.84c-.2 0-.4-.19-.4-.372l.041-3.367L5.44 9.12V3.36c0-.174.219-.379.4-.379h6.819v2.474c0 .955.324 1.781.94 2.384.614.599 1.452.915 2.424.915h2.543v11.88c0 .193-.193.378-.4.378m.187-13.087H16.02c-.753 0-1.395-.238-1.852-.683-.453-.443-.691-1.062-.691-1.79V3.16zm-3.65 10.028a.516.516 0 0 0-.66.306l-.334.91-1.31-2.88c.803-.072 1.461-.319 1.943-.759l1.255 2.754zm-3.551-1.68-1.32 2.893-.333-.91a.517.517 0 0 0-.658-.303l-.897.336 1.34-2.938q.672.754 1.868.922m.742-6.208c1.905 0 2.79.897 2.79 2.821 0 1.922-.885 2.818-2.79 2.818s-2.79-.893-2.79-2.818c0-1.924.888-2.82 2.79-2.82m4.361 8.185-1.473-3.238c.339-.535.518-1.24.518-2.12 0-2.342-1.252-3.44-3.403-3.44-2.152 0-3.404 1.095-3.404 3.44 0 .756.146 1.37.395 1.87q-.003.006-.009.011l-.013.018-1.58 3.465a.52.52 0 0 0 .067.543.51.51 0 0 0 .55.168l1.055-.392.412 1.107a.52.52 0 0 0 .454.274h.014a.52.52 0 0 0 .45-.302l1.483-3.252 1.481 3.249a.51.51 0 0 0 .454.302h.014c.188 0 .362-.106.468-.313l.395-1.07 1.095.403a.517.517 0 0 0 .577-.723m-4.921-5.74c.12 0 .232-.075.28-.181l.283-.583.274.588c.045.09.138.16.236.174l.613.126-.44.451a.34.34 0 0 0-.09.283l.099.661-.594-.325a.3.3 0 0 0-.25.022l-.551.283.103-.641a.34.34 0 0 0-.087-.283l-.44-.485zm-1.003.561.336.345-.078.493a.64.64 0 0 0 .257.627.62.62 0 0 0 .653.04l.4-.225.401.221c.199.11.457.096.65-.039a.64.64 0 0 0 .258-.627l-.082-.49.337-.348a.65.65 0 0 0 .148-.655.63.63 0 0 0-.496-.426l-.454-.067-.207-.443c-.21-.445-.91-.442-1.118 0l-.204.44-.454.07a.62.62 0 0 0-.496.426.65.65 0 0 0 .149.658"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: t,
                 d: "M6 10.25a3.75 3.75 0 0 1 2.276 6.727l1.442 4.807a.751.751 0 0 1-1.053.887L6 21.338 3.335 22.67a.75.75 0 0 1-1.054-.887l1.441-4.806q-.196-.15-.374-.327A3.75 3.75 0 0 1 6 10.25m.907 7.388a3.75 3.75 0 0 1-1.816 0l-.875 2.915 1.449-.724.08-.034a.75.75 0 0 1 .59.034l1.447.724zM6 11.75a2.25 2.25 0 1 0 0 4.501 2.25 2.25 0 0 0 0-4.501"
             }),
-            /* @__PURE__ */ l("path", {
+            /* @__PURE__ */ a("path", {
                 fill: t,
                 d: "M14 2.25q.072 0 .14.014h.01l.041.013c.033.01.066.017.098.03a.8.8 0 0 1 .228.152l.013.01 5 5c.136.136.22.324.22.531v11A2.75 2.75 0 0 1 17 21.75h-5a.75.75 0 0 1 0-1.5h5A1.25 1.25 0 0 0 18.25 19V8.75H15A1.75 1.75 0 0 1 13.25 7V3.75H7A1.25 1.25 0 0 0 5.75 5v3a.75.75 0 1 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__*/ c.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { w as default };

package/dist-es/generated/mistica-icons/icon-certificate-regular.js CHANGED Viewed

@@ -78,32 +78,33 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as h } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, c = _object_without_properties(_param, [
+import { jsx as l, jsxs as d } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as v } 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 M = (_param)=>{
+    var { color: h, size: a = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), t = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: o } = m();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const e = v(), m = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: t, gradientDef: c } = g(h !== null && h !== void 0 ? h : m), { skinName: s } = f(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, n), {
         children: /* @__PURE__ */ l("path", {
             fill: t,
             d: "M19.387 8.152v12.306c0 .75-.636 1.383-1.386 1.383H6.009c-.737 0-1.386-.647-1.386-1.384l.039-3.296-.04-7.972v-5.65c0-.726.662-1.384 1.387-1.384h7.3c.227 0 .448.092.608.252l5.21 5.123a.83.83 0 0 1 .213.384.6.6 0 0 1 .047.238m-1.384 12.474c.096 0 .191-.096.191-.169V9.024h-2.277c-.998 0-1.86-.33-2.493-.952-.639-.63-.978-1.487-.978-2.482V3.371H6.012c-.073 0-.185.109-.19.168v5.647l.039 7.977-.04 3.3c0 .05.098.16.19.16h11.993zM17.69 7.808l-.003-.003h.003zm-.003-.003-4.05-3.983v1.764c0 .659.212 1.213.613 1.608.406.4.983.61 1.664.61zm-2.661 9.91a.605.605 0 0 0-.77.356l-.241.664-1.16-2.563c.692-.079 1.263-.3 1.703-.673l1.112 2.457zm-3.588-1.568-1.174 2.59-.244-.663a.6.6 0 0 0-.767-.356l-.647.244 1.182-2.61c.412.422.969.683 1.65.795m.823-5.86c1.74 0 2.516.79 2.516 2.56 0 1.767-.776 2.557-2.516 2.557s-2.515-.787-2.515-2.557.776-2.56 2.515-2.56m4.334 7.776-1.451-3.208-.013-.019-.007-.009c.291-.512.45-1.165.45-1.977 0-2.294-1.22-3.37-3.313-3.37s-3.31 1.076-3.31 3.37c0 .689.12 1.257.333 1.73l-.022.029a.2.2 0 0 0-.04.059l-1.538 3.395a.61.61 0 0 0 .079.638c.142.18.375.26.647.196l.935-.35.37 1a.6.6 0 0 0 .53.325h.016a.6.6 0 0 0 .53-.353l1.35-2.983 1.35 2.983a.6.6 0 0 0 .53.353h.016c.221 0 .423-.123.55-.372l.35-.953.982.367a.6.6 0 0 0 .597-.213.61.61 0 0 0 .079-.638m-4.88-5.541a.35.35 0 0 0 .31-.204l.203-.572.268.577a.36.36 0 0 0 .258.19l.574.057-.428.442a.4.4 0 0 0-.098.314l.11.58-.46-.255a.33.33 0 0 0-.356-.017l-.003.003-.02.014q-.008.008-.02.014l-.436.288.1-.627a.38.38 0 0 0-.094-.311l-.451-.406zm-1.003.532.314.322-.07.47a.66.66 0 0 0 .263.653.63.63 0 0 0 .678.04l.373-.207.37.207a.63.63 0 0 0 .674-.04.68.68 0 0 0 .267-.655l-.076-.462.314-.325a.68.68 0 0 0 .154-.684.65.65 0 0 0-.516-.442l-.42-.064-.193-.415c-.219-.465-.947-.465-1.16 0l-.19.409-.42.064a.65.65 0 0 0-.516.446.68.68 0 0 0 .154.683"
         })
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, n), {
         children: [
             /* @__PURE__ */ l("path", {
                 fill: t,
@@ -115,5 +116,11 @@ const g = (_param)=>{
             })
         ]
     }));
+    return c ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ l("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { M as default };

package/dist-es/generated/mistica-icons/icon-change-plan-filled.js CHANGED Viewed

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: t, size: a = 24 } = _param, c = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: i, size: a = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = n(), r = t !== null && t !== void 0 ? t : h === "brand" || h === "media" ? e.colors.neutralHighBrand : h === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: o } = i();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const l = d(), m = l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: o, gradientDef: c } = f(i !== null && i !== void 0 ? i : m), { skinName: v } = s(), t = v.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ l("path", {
-            fill: r,
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M21.836 8.34q.005.021.006.042l.002.018q0 .018.006.035v10.98c0 .21-.02.482-.182.709-.12.165-.353.364-.793.364h-9.162c-.675-.003-1.095-.423-1.095-1.1v-14.8c0-.667.42-1.081 1.092-1.081h5.21l.033.001.023.002q.021 0 .042.005l.011.003.007.001.041.01h.006l.023.009.024.008h.003l.042.02.006.002.036.023.009.005.044.034a.3.3 0 0 1 .042.037l4.37 4.37q.018.016.036.038l.005.006.004.006.025.033.002.006.001.002.003.003q.013.017.022.037l.003.008.01.021.01.021.002.006.017.048v.005l.006.024.005.024zM4.63 10.23a.42.42 0 0 0 .42-.42v-.832c0-.714.168-1.238.504-1.56.322-.31.835-.468 1.521-.468h.729c-.1.088-.208.18-.315.272l-.12.104a.418.418 0 1 0 .54.641l.003-.001.001-.001.003-.003c.137-.118.826-.71.95-.835.369-.37.366-.832-.006-1.207a23 23 0 0 0-.893-.797l-.054-.047a.42.42 0 0 0-.591.048.42.42 0 0 0 .047.591l.024.02c.063.054.243.209.427.372h-.748c-.91 0-1.619.236-2.103.703-.504.488-.762 1.216-.762 2.166v.832c.003.235.19.422.423.422m4.484 2.97-2.426-2.43a.56.56 0 0 0-.395-.165H3c-.501.003-.851.353-.851.851v8.157c0 .51.342.855.851.855h5.437c.493 0 .84-.348.84-.84v-6.034a.55.55 0 0 0-.165-.395m-4.94 5.434a.42.42 0 1 1 0-.84h3.095a.42.42 0 1 1-.003.84zm3.092-1.457H4.172a.42.42 0 1 1 0-.84h3.096a.42.42 0 1 1-.003.84M4.172 15.72a.42.42 0 1 1 0-.84h3.096a.42.42 0 1 1-.003.84zm3.27-2.238c-.737 0-1.037-.3-1.037-1.037v-.372l1.409 1.409zm11.691 3.714c.308 0 .56-.252.56-.56a.56.56 0 0 0-.56-.56h-5.81a.56.56 0 0 0-.56.56c0 .308.252.56.56.56zm-5.81-2.754h5.81c.308 0 .56-.252.56-.56a.56.56 0 0 0-.56-.56h-5.81a.56.56 0 0 0-.56.56c0 .308.252.56.56.56m5.81-2.733c.308 0 .56-.253.56-.56a.56.56 0 0 0-.56-.561h-5.81a.56.56 0 0 0-.56.56c0 .308.252.56.56.56zm-1.244-4.25c.275.275.692.418 1.21.418h.832L17.475 5.42v.832c0 .518.14.933.414 1.207"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ l("path", {
-            fill: r,
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M15 2.25q.073 0 .143.014h.004q.039.01.074.022.034.009.068.022.044.02.084.045l.044.024q.055.037.1.082l.013.01 5 5c.136.136.22.324.22.531v11A2.75 2.75 0 0 1 18 21.75H8A2.75 2.75 0 0 1 5.25 19v-5.19l-1.72 1.72a.75.75 0 0 1-1.06-1.06l3-3 .056-.052q.016-.012.033-.022a.7.7 0 0 1 .26-.122l.06-.014.034-.005L6 11.25l.025.001.02.001a.7.7 0 0 1 .212.046l.038.012.055.03q.036.017.07.039a1 1 0 0 1 .11.09l3 3a.75.75 0 0 1-1.06 1.061l-1.72-1.72V19l.006.124A1.25 1.25 0 0 0 8 20.25h10A1.25 1.25 0 0 0 19.25 19V8.75H16A1.75 1.75 0 0 1 14.25 7V3.75H8A1.25 1.25 0 0 0 6.75 5v3a.75.75 0 0 1-1.5 0V5A2.75 2.75 0 0 1 8 2.25z"
         })
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(t, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { g as default };
+export { C as default };

package/dist-es/generated/mistica-icons/icon-change-plan-light.js CHANGED Viewed

@@ -78,46 +78,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import { useTheme as m } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: r, size: h = 24 } = _param, c = _object_without_properties(_param, [
+import { jsx as a, jsxs as v } 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 l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const q = (_param)=>{
+    var { color: i, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), l = r !== null && r !== void 0 ? r : e === "brand" || e === "media" ? t.colors.neutralHighBrand : e === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: i } = m();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const r = f(), m = r === "brand" || r === "media" ? l.colors.neutralHighBrand : r === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: t, gradientDef: o } = g(i !== null && i !== void 0 ? i : m), { skinName: s } = d(), h = s.match(/^vivo-new/i) ? /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, n), {
         children: [
             /* @__PURE__ */ a("path", {
-                fill: l,
+                fill: t,
                 d: "M19.403 11.434h-6.076a.28.28 0 0 1-.28-.28.28.28 0 0 1 .28-.28h6.076c.154 0 .28.126.28.28s-.126.28-.28.28m0 2.736h-6.076a.28.28 0 0 1-.28-.28.28.28 0 0 1 .28-.28h6.076a.28.28 0 0 1 0 .56m-6.076 2.754h6.076a.28.28 0 0 0 .28-.28.28.28 0 0 0-.28-.28h-6.076a.28.28 0 0 0-.28.28c0 .154.126.28.28.28"
             }),
             /* @__PURE__ */ a("path", {
-                fill: l,
+                fill: t,
                 d: "M11.708 20.216c-.518 0-.815-.3-.815-.821V4.596c0-.51.297-.8.812-.804.472-.002 4.63 0 5.366 0h.11a.3.3 0 0 1 .2.082l4.37 4.37a.3.3 0 0 1 .05.07.3.3 0 0 1 .03.17V19.42c0 .18-.014.386-.131.549q-.177.244-.563.246zm9.563-11.49H19.37c-1.52 0-2.465-.945-2.465-2.466V4.356h-5.196c-.218 0-.252.058-.252.243v14.799c0 .212.045.26.255.26.655-.003 6.773-.003 7.445-.003h1.98a.3.3 0 0 0 .11-.014.6.6 0 0 0 .025-.221zm-.395-.561-3.412-3.414v1.51c0 1.21.695 1.904 1.905 1.904zm-13.51-.23a.28.28 0 0 1-.182-.493c.217-.186.519-.449.718-.624H6.798c-.726 0-1.27.17-1.62.507-.36.347-.546.907-.546 1.66v.833a.277.277 0 0 1-.277.28.28.28 0 0 1-.28-.28v-.832c0-.91.24-1.605.717-2.065.457-.44 1.132-.664 2.006-.664h1.11a31 31 0 0 0-.724-.633.28.28 0 1 1 .364-.425l.055.047c.17.146.678.582.884.787.322.323.325.692.005 1.009-.123.123-.86.756-.944.826a.3.3 0 0 1-.182.067m-3.467 7.653h3.095a.28.28 0 0 0 .28-.28.28.28 0 0 0-.28-.28H3.899a.28.28 0 0 0-.28.28c0 .154.125.28.28.28m0 1.457h3.095a.28.28 0 0 0 .28-.28.28.28 0 0 0-.28-.28H3.899a.28.28 0 0 0-.28.28c0 .154.125.28.28.28m3.095 1.456H3.899a.28.28 0 0 1-.28-.28.28.28 0 0 1 .28-.28h3.095a.28.28 0 0 1 .28.28.28.28 0 0 1-.28.28"
             }),
             /* @__PURE__ */ a("path", {
-                fill: l,
+                fill: t,
                 d: "M5.49 20.196H2.728c-.353 0-.572-.221-.572-.577v-8.157c0-.35.219-.569.572-.569h3.288q.057 0 .107.021a.3.3 0 0 1 .092.06l2.429 2.43a.28.28 0 0 1 .08.198v6.03c0 .34-.218.561-.56.561zm2.675-6.314h-.692c-.56 0-.995-.151-1.292-.445-.296-.294-.445-.731-.445-1.292v-.689h-3.02v8.18h5.449zm-.398-.56-1.47-1.47v.293c0 .813.363 1.177 1.176 1.177z"
             })
         ]
     })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, n), {
         children: /* @__PURE__ */ a("path", {
-            fill: l,
+            fill: t,
             d: "m15.076 2.254.067.01h.005q.037.01.073.022.035.009.068.022.044.02.084.045.023.011.044.024.055.037.1.082l.013.01 5 5c.136.136.22.324.22.531v11A2.75 2.75 0 0 1 18 21.75H8A2.75 2.75 0 0 1 5.25 19v-5.19l-1.72 1.72a.75.75 0 0 1-1.06-1.06l3-3 .056-.052q.016-.012.033-.022a.7.7 0 0 1 .26-.122l.061-.014.033-.005L6 11.25l.025.001.021.001a.7.7 0 0 1 .21.046q.02.005.039.012.028.014.055.03.036.017.07.039a1 1 0 0 1 .11.09l3 3a.75.75 0 0 1-1.06 1.061l-1.72-1.72V19A1.25 1.25 0 0 0 8 20.25h10A1.25 1.25 0 0 0 19.25 19V8.75H16A1.75 1.75 0 0 1 14.25 7V3.75H8A1.25 1.25 0 0 0 6.75 5v3a.75.75 0 0 1-1.5 0V5A2.75 2.75 0 0 1 8 2.25h7zM15.75 7a.25.25 0 0 0 .25.25h2.19l-2.44-2.44z"
         })
     }));
+    return o ? /*#__PURE__*/ c.cloneElement(h, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: o
+        }, "gradient-defs"),
+        ...c.Children.toArray(h.props.children)
+    ]) : h;
 };
-export { f as default };
+export { q as default };