@telefonica/mistica 16.68.0 → 16.69.0

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

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h } from "react/jsx-runtime";
-import { useTheme as l } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: o, size: a = 24 } = _param, c = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: l, size: a = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), t = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: i } = l();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    const t = d(), v = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: h, gradientDef: c } = f(l !== null && l !== void 0 ? l : v), { skinName: s } = m(), r = s.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__ */ h("path", {
-            fill: t,
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
+            fill: h,
             d: "M3.609 21.43h12.568c.799 0 1.449-.669 1.449-1.492v-2.216a3.3 3.3 0 0 0 .703.022c1.619-.022 3.512-1.014 3.512-3.734 0-2.689-1.815-3.7-3.512-3.75h-.3a3 3 0 0 0-.403.022V8.375c0-.821-.648-1.49-1.446-1.49h-2.664q.03-.274.031-.57c0-2.694-1.818-3.702-3.532-3.75h-.291c-1.687.022-3.49 1.014-3.49 3.734q0 .303.03.588H3.61c-.801 0-1.454.667-1.454 1.49v2.541c0 .182.073.353.205.473a.6.6 0 0 0 .478.157c.098-.012.182-.015.24-.018l.027-.001h.274c.12.006.455.023.832.156.983.309 1.479 1.093 1.479 2.328 0 1.233-.499 2.014-1.49 2.33a2.8 2.8 0 0 1-.857.14c-.05.006-.11.006-.163.006h-.036a4 4 0 0 1-.297-.025.6.6 0 0 0-.485.154.65.65 0 0 0-.207.477v2.845c0 .821.653 1.49 1.454 1.49m-.216-1.492v-2.19c.006 0 .009 0 .017.005.221 0 .67-.026 1.17-.196.878-.28 2.35-1.112 2.35-3.541 0-2.437-1.472-3.263-2.33-3.535a4 4 0 0 0-1.198-.219l-.006-1.885a.22.22 0 0 1 .216-.224h3.414a.62.62 0 0 0 .499-.26.65.65 0 0 0 .09-.566 3.5 3.5 0 0 1-.143-1.03c0-2.118 1.42-2.455 2.26-2.466h.266c.863.023 2.311.378 2.311 2.485 0 .372-.047.703-.143 1.011a.64.64 0 0 0 .09.566c.115.165.3.26.498.26h3.423c.115 0 .208.101.208.224v2.687a.63.63 0 0 0 .252.512.61.61 0 0 0 .554.093c.376-.124.71-.138.835-.138h.275c.862.026 2.302.387 2.302 2.482 0 2.196-1.605 2.457-2.347 2.47-.062.006-.137.006-.19.006a3 3 0 0 1-.863-.15.6.6 0 0 0-.56.083.64.64 0 0 0-.258.516v3c0 .12-.093.22-.208.22H3.61a.217.217 0 0 1-.216-.22"
         })
-    })) : /* @__PURE__ */ h("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__ */ h("path", {
-            fill: t,
+    }, n), {
+        children: /* @__PURE__ */ e("path", {
+            fill: h,
             d: "M10 2.25A2.75 2.75 0 0 1 12.75 5v1a.25.25 0 0 0 .25.25h3A1.75 1.75 0 0 1 17.75 8v3a.25.25 0 0 0 .25.25h1a2.75 2.75 0 0 1 0 5.5h-1a.25.25 0 0 0-.25.25v3A1.75 1.75 0 0 1 16 21.75H4A1.75 1.75 0 0 1 2.25 20v-3A1.75 1.75 0 0 1 4 15.25h1a1.25 1.25 0 0 0 0-2.5H4A1.75 1.75 0 0 1 2.25 11V8A1.75 1.75 0 0 1 4 6.25h3A.25.25 0 0 0 7.25 6V5A2.75 2.75 0 0 1 10 2.25m0 1.5A1.25 1.25 0 0 0 8.75 5v1A1.75 1.75 0 0 1 7 7.75H4a.25.25 0 0 0-.25.25v3a.25.25 0 0 0 .25.25h1a2.75 2.75 0 0 1 0 5.5H4a.25.25 0 0 0-.25.25v3a.25.25 0 0 0 .25.25h12a.25.25 0 0 0 .25-.25v-3A1.75 1.75 0 0 1 18 15.25h1a1.25 1.25 0 0 0 0-2.5h-1A1.75 1.75 0 0 1 16.25 11V8a.25.25 0 0 0-.25-.25h-3A1.75 1.75 0 0 1 11.25 6V5A1.25 1.25 0 0 0 10 3.75"
         })
     }));
+    return c ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { d as default };
+export { C as default };

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

@@ -78,36 +78,43 @@ 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 n } from "../../theme-variant-context.js";
+import { jsx as a } from "react/jsx-runtime";
+import * as m from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as c } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: h, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = n(), l = i !== null && i !== void 0 ? i : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: m } = h();
-    return m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = c(), s = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: i } = f(h !== null && h !== void 0 ? h : s), { skinName: v } = d(), r = v.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ e("path", {
+    }, n), {
+        children: /* @__PURE__ */ a("path", {
             fill: l,
             d: "M4.4 3A1.4 1.4 0 0 0 3 4.4v2.53a1.4 1.4 0 0 0 1.4 1.4h2.53a1.4 1.4 0 0 0 1.4-1.4V4.4A1.4 1.4 0 0 0 6.93 3zm7.774 1.112a.666.666 0 1 0-.991-.892l-.015.017a.666.666 0 1 0 .991.892zm0 3.998a.666.666 0 1 0-.991-.892l-.015.016a.666.666 0 1 0 .991.892zm0 4a.667.667 0 0 0-.99-.892l-.015.016a.666.666 0 1 0 .99.893zm7.998 0a.666.666 0 0 0-.99-.892l-.015.016a.666.666 0 1 0 .99.893zM3.666 10.998a.666.666 0 0 0 0 1.333h4a.666.666 0 0 0 0-1.333zm12.664.666a.666.666 0 1 0-1.333 0v4a.666.666 0 1 0 1.333 0zm-4.156 4.446a.667.667 0 0 0-.99-.892l-.015.016a.666.666 0 0 0 .99.892zm7.998 0a.666.666 0 0 0-.99-.893l-.015.017a.667.667 0 0 0 .99.892zm0 3.997a.666.666 0 1 0-.99-.892l-.015.016a.666.666 0 0 0 .99.892zm-8.508-1.113a.666.666 0 1 0 0 1.333h3.999a.666.666 0 1 0 0-1.333zM3 16.4A1.4 1.4 0 0 1 4.4 15h2.53a1.4 1.4 0 0 1 1.4 1.4v2.53a1.4 1.4 0 0 1-1.4 1.4H4.4a1.4 1.4 0 0 1-1.4-1.4zM16.4 3A1.4 1.4 0 0 0 15 4.4v2.53a1.4 1.4 0 0 0 1.4 1.4h2.53a1.4 1.4 0 0 0 1.4-1.4V4.4a1.4 1.4 0 0 0-1.4-1.4z"
         })
-    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ e("path", {
+    }, n), {
+        children: /* @__PURE__ */ a("path", {
             fill: l,
             d: "M17 19.25a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5zm3-3a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-2.25H17a.75.75 0 0 1 0-1.5zM9 13.5a1.5 1.5 0 0 1 1.5 1.5v4A1.5 1.5 0 0 1 9 20.5H5A1.5 1.5 0 0 1 3.5 19v-4A1.5 1.5 0 0 1 5 13.5zM7 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2m10-2.75a.75.75 0 0 1 0 1.5h-2.25V17a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 .75-.75zM9 3.5A1.5 1.5 0 0 1 10.5 5v4A1.5 1.5 0 0 1 9 10.5H5A1.5 1.5 0 0 1 3.5 9V5A1.5 1.5 0 0 1 5 3.5zM7 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2m12-2.5A1.5 1.5 0 0 1 20.5 5v4a1.5 1.5 0 0 1-1.5 1.5h-4A1.5 1.5 0 0 1 13.5 9V5A1.5 1.5 0 0 1 15 3.5zM17 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
         })
     }));
+    return i ? /*#__PURE__*/ m.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...m.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { d as default };
+export { V as default };

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

@@ -78,50 +78,57 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const z = (_param)=>{
-    var { color: r, size: l = 24 } = _param, m = _object_without_properties(_param, [
+import { jsx as a, 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 l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: m, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = c(), h = r !== null && r !== void 0 ? r : t === "brand" || t === "media" ? e.colors.neutralHighBrand : t === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: v } = o();
-    return v.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const r = f(), c = r === "brand" || r === "media" ? l.colors.neutralHighBrand : r === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: e, gradientDef: h } = g(m !== null && m !== void 0 ? m : c), { skinName: v } = d(), o = v.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, m), {
+    }, n), {
         children: /* @__PURE__ */ a("path", {
-            fill: h,
+            fill: e,
             d: "M12.389 4.339a.507.507 0 0 0-.753-.678l-.015.016a.507.507 0 0 0 .753.678zm-.768 3.336.015-.017a.506.506 0 1 1 .753.678l-.015.016a.506.506 0 1 1-.753-.677m.015 3.984-.015.016a.506.506 0 1 0 .753.678l.015-.016a.506.506 0 1 0-.753-.678m0 3.999-.015.016a.506.506 0 1 0 .753.678l.015-.016a.506.506 0 1 0-.753-.678M3.494 4.8c0-.722.585-1.307 1.306-1.307h2.4c.72 0 1.306.585 1.306 1.307v2.399c0 .721-.585 1.306-1.307 1.306H4.8A1.306 1.306 0 0 1 3.494 7.2zM4.8 4.506a.293.293 0 0 0-.293.294v2.399c0 .162.131.293.293.293h2.4a.293.293 0 0 0 .293-.293v-2.4a.293.293 0 0 0-.294-.293zm10.69.294c0-.722.585-1.307 1.307-1.307h2.4c.72 0 1.306.585 1.306 1.307v2.399c0 .721-.585 1.306-1.307 1.306h-2.4A1.306 1.306 0 0 1 15.492 7.2zm1.307-.294a.293.293 0 0 0-.293.294v2.399c0 .162.13.293.293.293h2.4a.293.293 0 0 0 .293-.293v-2.4a.293.293 0 0 0-.294-.293zm3.553 7.115a.507.507 0 0 1 .037.716l-.015.016a.506.506 0 1 1-.752-.678l.014-.016a.506.506 0 0 1 .716-.038m-16.856.377c0-.28.227-.507.506-.507h4a.506.506 0 1 1 0 1.013H4a.507.507 0 0 1-.506-.506m12.503-.507c.28 0 .507.227.507.507v3.999a.507.507 0 0 1-1.013 0v-4c0-.28.226-.506.506-.506m4.353 4.129a.507.507 0 0 1 .037.716l-.015.016a.507.507 0 0 1-.752-.678l.014-.016a.507.507 0 0 1 .716-.037M3.494 16.797c0-.722.585-1.306 1.306-1.306h2.4c.72 0 1.306.584 1.306 1.306v2.4c0 .72-.585 1.306-1.306 1.306H4.8a1.306 1.306 0 0 1-1.306-1.307zm1.306-.293a.293.293 0 0 0-.293.293v2.4c0 .161.131.293.293.293h2.4a.293.293 0 0 0 .293-.294v-2.4a.293.293 0 0 0-.293-.292zm15.55 3.114a.507.507 0 0 1 .037.715l-.015.017a.506.506 0 1 1-.752-.678l.014-.017a.506.506 0 0 1 .716-.037m-8.859.376c0-.28.227-.506.507-.506h3.999a.506.506 0 1 1 0 1.013h-4a.506.506 0 0 1-.506-.507"
         })
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, m), {
+    }, n), {
         children: [
             /* @__PURE__ */ a("path", {
-                fill: h,
+                fill: e,
                 d: "M7 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             }),
             /* @__PURE__ */ a("path", {
-                fill: h,
+                fill: e,
                 d: "M9 13.25A1.75 1.75 0 0 1 10.75 15v4A1.75 1.75 0 0 1 9 20.75H5A1.75 1.75 0 0 1 3.25 19v-4A1.75 1.75 0 0 1 5 13.25zm-4 1.5a.25.25 0 0 0-.25.25v4a.25.25 0 0 0 .25.25h4a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25zm12 4.5a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5zm3-3a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-2.25H17a.75.75 0 0 1 0-1.5zm-3-3a.75.75 0 0 1 0 1.5h-2.25V17a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 .75-.75zM7 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             }),
             /* @__PURE__ */ a("path", {
-                fill: h,
+                fill: e,
                 d: "M9 3.25A1.75 1.75 0 0 1 10.75 5v4A1.75 1.75 0 0 1 9 10.75H5A1.75 1.75 0 0 1 3.25 9V5A1.75 1.75 0 0 1 5 3.25zm-4 1.5a.25.25 0 0 0-.25.25v4a.25.25 0 0 0 .25.25h4A.25.25 0 0 0 9.25 9V5A.25.25 0 0 0 9 4.75zM17 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             }),
             /* @__PURE__ */ a("path", {
-                fill: h,
+                fill: e,
                 d: "M19 3.25A1.75 1.75 0 0 1 20.75 5v4A1.75 1.75 0 0 1 19 10.75h-4A1.75 1.75 0 0 1 13.25 9V5A1.75 1.75 0 0 1 15 3.25zm-4 1.5a.25.25 0 0 0-.25.25v4a.25.25 0 0 0 .25.25h4a.25.25 0 0 0 .25-.25V5a.25.25 0 0 0-.25-.25z"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ i.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...i.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { z as default };
+export { V as default };

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

@@ -78,50 +78,57 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as v } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as i } 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 s } 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 V = (_param)=>{
+    var { color: i, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = i(), l = r !== null && r !== void 0 ? r : e === "brand" || e === "media" ? t.colors.neutralHighBrand : e === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: m } = o();
-    return m.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const l = f(), m = l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: e, gradientDef: c } = g(i !== null && i !== void 0 ? i : m), { skinName: v } = d(), r = v.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, n), {
         children: /* @__PURE__ */ a("path", {
-            fill: l,
+            fill: e,
             d: "M12.458 3.505a.667.667 0 0 1 .05.94l-.015.017a.666.666 0 1 1-.99-.892l.014-.016a.667.667 0 0 1 .941-.05M4.8 4.666a.133.133 0 0 0-.133.134v2.399c0 .074.06.133.133.133h2.4c.073 0 .133-.06.133-.133v-2.4a.133.133 0 0 0-.134-.133zM3.334 4.8c0-.81.656-1.467 1.466-1.467h2.4c.81 0 1.466.657 1.466 1.467v2.399c0 .81-.657 1.466-1.467 1.466H4.8c-.81 0-1.466-.656-1.466-1.466zm13.463-.134a.133.133 0 0 0-.133.134v2.399c0 .074.06.133.133.133h2.4c.073 0 .133-.06.133-.133v-2.4a.133.133 0 0 0-.134-.133zM15.33 4.8c0-.81.656-1.467 1.466-1.467h2.4c.81 0 1.466.657 1.466 1.467v2.399c0 .81-.657 1.466-1.467 1.466h-2.4a1.465 1.465 0 0 1-1.465-1.466zm-2.873 2.702a.667.667 0 0 1 .05.941l-.015.016a.666.666 0 1 1-.99-.891l.014-.017a.667.667 0 0 1 .941-.05m0 4a.666.666 0 0 1 .05.942l-.015.016a.666.666 0 0 1-.99-.892l.014-.016a.666.666 0 0 1 .941-.05m7.999 0a.666.666 0 0 1 .049.942l-.015.016a.666.666 0 1 1-.99-.892l.014-.016a.666.666 0 0 1 .942-.05m-17.123.496c0-.368.298-.667.666-.667h4a.666.666 0 0 1 0 1.333H4a.666.666 0 0 1-.666-.666m12.663-.667c.368 0 .667.299.667.667v3.999a.666.666 0 1 1-1.333 0v-4c0-.367.298-.666.666-.666m-3.539 4.171a.666.666 0 0 1 .05.941l-.015.016a.666.666 0 1 1-.99-.892l.014-.016a.667.667 0 0 1 .941-.049m7.999 0a.666.666 0 0 1 .049.941l-.015.017a.667.667 0 0 1-.99-.893l.014-.016a.667.667 0 0 1 .942-.049M4.8 16.664a.133.133 0 0 0-.133.133v2.4c0 .073.06.133.133.133h2.4c.073 0 .133-.06.133-.134v-2.4a.133.133 0 0 0-.133-.132zm-1.466.133c0-.81.656-1.466 1.466-1.466h2.4c.81 0 1.466.656 1.466 1.466v2.4c0 .81-.657 1.466-1.466 1.466H4.8c-.81 0-1.466-.657-1.466-1.467zm17.123 2.702a.667.667 0 0 1 .049.942l-.015.016a.667.667 0 0 1-.99-.892l.014-.017a.666.666 0 0 1 .942-.049m-9.126.495c0-.368.299-.666.667-.666h3.999a.666.666 0 0 1 0 1.333h-4a.666.666 0 0 1-.666-.667"
         })
-    })) : /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, n), {
         children: [
             /* @__PURE__ */ a("path", {
-                fill: l,
+                fill: e,
                 d: "M7 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             }),
             /* @__PURE__ */ a("path", {
-                fill: l,
+                fill: e,
                 d: "M9 13.25A1.75 1.75 0 0 1 10.75 15v4A1.75 1.75 0 0 1 9 20.75H5A1.75 1.75 0 0 1 3.25 19v-4A1.75 1.75 0 0 1 5 13.25zm-4 1.5a.25.25 0 0 0-.25.25v4a.25.25 0 0 0 .25.25h4a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25zm12 4.5a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5zm3-3a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-2.25H17a.75.75 0 0 1 0-1.5zm-3-3a.75.75 0 0 1 0 1.5h-2.25V17a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 .75-.75zM7 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             }),
             /* @__PURE__ */ a("path", {
-                fill: l,
+                fill: e,
                 d: "M9 3.25A1.75 1.75 0 0 1 10.75 5v4A1.75 1.75 0 0 1 9 10.75H5A1.75 1.75 0 0 1 3.25 9V5A1.75 1.75 0 0 1 5 3.25zm-4 1.5a.25.25 0 0 0-.25.25v4a.25.25 0 0 0 .25.25h4A.25.25 0 0 0 9.25 9V5A.25.25 0 0 0 9 4.75zM17 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             }),
             /* @__PURE__ */ a("path", {
-                fill: l,
+                fill: e,
                 d: "M19 3.25A1.75 1.75 0 0 1 20.75 5v4A1.75 1.75 0 0 1 19 10.75h-4A1.75 1.75 0 0 1 13.25 9V5A1.75 1.75 0 0 1 15 3.25zm-4 1.5a.25.25 0 0 0-.25.25v4a.25.25 0 0 0 .25.25h4a.25.25 0 0 0 .25-.25V5a.25.25 0 0 0-.25-.25z"
             })
         ]
     }));
+    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 { V as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as c } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: n, size: e = 24 } = _param, t = _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 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 B = (_param)=>{
+    var { color: m, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = c(), i = n !== null && n !== void 0 ? n : l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: o } = h();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const a = f(), s = a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: o, gradientDef: c } = g(m !== null && m !== void 0 ? m : s), { skinName: n } = d(), i = n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "m12.309 2.163.094.002c1.577.037 9.443.69 9.44 9.86 0 9.177-7.837 9.785-9.409 9.812-.173.003-.375.006-.58.006-.092 0-.19 0-.283-.003-1.571-.022-9.411-.605-9.411-9.87s7.787-9.8 9.35-9.813c.258-.005.546.001.799.006m1.243 9.904c1.168-1.38 1.68-2.115 1.683-3.347 0-1.009-.327-1.72-1.025-2.233-.543-.409-1.294-.619-2.235-.619-.894 0-1.818.185-2.196.364a.4.4 0 0 0-.222.437l.065.345a.4.4 0 0 0 .49.317 6.5 6.5 0 0 1 1.667-.219c1.033 0 1.412.199 1.627.37.375.3.535.664.535 1.221 0 .787-.266 1.25-1.672 2.913l-.163.196c-.854 1.028-1.235 1.67-1.235 2.754 0 .243.017.434.056.633.034.19.199.325.392.325h.443a.4.4 0 0 0 .4-.4c0-1.446.05-1.508 1.39-3.057m-1.955 6.216c.504 0 .843-.33.843-.89 0-.497-.345-.844-.874-.844-.496 0-.843.347-.843.843v.065c0 .493.339.826.874.826"
         })
-    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m0 15.536a.715.715 0 1 1-.001-1.433.715.715 0 0 1 .001 1.433m1.464-5.284a3.13 3.13 0 0 0-.928 2.252.55.55 0 0 1-.536.536.55.55 0 0 1-.536-.536c0-1.144.428-2.216 1.252-3l1.036-1.036c.464-.464.392-1.464 0-1.964a2.05 2.05 0 0 0-1.572-.784H12c-.644 0-1.216.32-1.536.892-.144.252-.464.356-.716.18-.252-.144-.356-.464-.18-.716a2.84 2.84 0 0 1 2.464-1.428h.18c.928 0 1.82.428 2.392 1.18.68.888.788 2.492-.104 3.388z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m0 15.536a.715.715 0 1 1-.001-1.433.715.715 0 0 1 .001 1.433m1.464-5.284a3.13 3.13 0 0 0-.928 2.252.55.55 0 0 1-.536.536.55.55 0 0 1-.536-.536c0-1.144.428-2.216 1.252-3l1.036-1.036c.464-.464.392-1.464 0-1.964a2.05 2.05 0 0 0-1.572-.784H12c-.644 0-1.216.32-1.536.892-.144.252-.464.356-.716.18-.252-.144-.356-.464-.18-.716a2.84 2.84 0 0 1 2.464-1.428h.18c.928 0 1.82.428 2.392 1.18.68.888.788 2.492-.104 3.388z"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ a("path", {
-            fill: i,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: o,
             d: "M12 2.5a9.5 9.5 0 0 1 9.5 9.5l-.012.467a9.5 9.5 0 0 1-9.021 9.021L12 21.5a9.5 9.5 0 0 1-9.488-9.033L2.5 12A9.5 9.5 0 0 1 12 2.5M12 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2m.081-9.778a3.35 3.35 0 0 0-2.679 1.325.75.75 0 0 0 1.196.906 1.852 1.852 0 0 1 2.954.009 1.85 1.85 0 0 1-.624 2.75l-.196.088a2.25 2.25 0 0 0-1.481 2.243.75.75 0 0 0 1.498-.085.75.75 0 0 1 .5-.75l.019-.007a3.35 3.35 0 0 0 2.022-2.2 3.352 3.352 0 0 0-3.209-4.28"
         })
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(i, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { f as default };
+export { B as default };

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

@@ -78,74 +78,81 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, 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 o } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: m, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = m(), t = r !== null && r !== void 0 ? r : c === "brand" || c === "media" ? o.colors.neutralHighBrand : c === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = g(), d = r === "brand" || r === "media" ? c.colors.neutralHighBrand : r === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: l, gradientDef: h } = p(m !== null && m !== void 0 ? m : d), { skinName: o } = f(), i = o.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: l,
             d: "M21.841 12.023c0-9.162-7.86-9.818-9.442-9.86-.188-.008-.418-.008-.63-.008h-.272c-8.891.081-9.342 8.188-9.342 9.81s.46 9.745 9.409 9.868q.137.01.286.008.16 0 .314-.004l.277-.004c1.566-.03 9.4-.639 9.4-9.81m-.82 0c0 8.197-6.58 8.947-8.597 8.99h-.26c-.191.003-.396.005-.592 0-2.016-.023-8.596-.763-8.596-9.048 0-8.27 6.532-8.972 8.532-8.99.286 0 .605 0 .877.01 2.025.047 8.636.842 8.636 9.038m-9.432 4.827c.395 0 .647.255.647.655v.065c0 .383-.255.638-.647.638-.434 0-.689-.255-.689-.638v-.065c0-.4.255-.655.647-.655zm3.502-8.196c0-.975-.306-1.63-.97-2.115-.515-.392-1.238-.591-2.15-.597-.864 0-1.788.18-2.15.345a.21.21 0 0 0-.123.23l.065.352c.017.05.047.098.09.132a.19.19 0 0 0 .165.025c.655-.157 1.179-.23 1.753-.23 1.107 0 1.54.23 1.787.426.435.345.622.773.622 1.412 0 .86-.294 1.387-1.745 3.098l-.17.205c-.942 1.123-1.214 1.73-1.214 2.68 0 .238.017.429.05.608a.21.21 0 0 0 .205.165h.449a.204.204 0 0 0 .204-.204c0-1.558.106-1.69 1.468-3.255 1.179-1.4 1.664-2.09 1.664-3.277"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, a), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: l,
                 d: "M12 15.216a.72.72 0 0 1-.716-.716c0-1.18.464-2.284 1.284-3.144l1.036-1.036c.392-.392.32-1.284 0-1.716a1.81 1.81 0 0 0-1.428-.716H12c-.572 0-1.108.32-1.392.784-.216.356-.644.464-.964.252-.356-.216-.464-.644-.252-.964A3.02 3.02 0 0 1 12 6.46h.18c1 0 1.928.464 2.536 1.252.716.928.82 2.644-.108 3.608l-1.036 1.036c-.536.608-.856 1.356-.856 2.144a.72.72 0 0 1-.716.716m.784 1.604a.784.784 0 1 1-1.568 0 .784.784 0 0 1 1.568 0"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: l,
                 d: "M12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10m0-18.572c-4.716 0-8.572 3.856-8.572 8.572S7.284 20.572 12 20.572s8.572-3.856 8.572-8.572S16.716 3.428 12 3.428"
             })
         ]
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, a), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: l,
                 d: "M2 12c0 5.5 4.5 10 10 10a10.14 10.14 0 0 0 5.356-1.536c.18-.108.216-.32.108-.5s-.32-.216-.5-.108A9.43 9.43 0 0 1 12 21.284c-5.108 0-9.284-4.176-9.284-9.284S6.896 2.716 12 2.716s9.284 4.176 9.284 9.248c0 1.784-.5 3.5-1.428 4.964-.108.18-.072.392.108.5s.392.072.5-.108A9.93 9.93 0 0 0 22 12c0-5.5-4.5-10-10-10S2 6.5 2 12"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: l,
                 d: "M18.784 19.5a.716.716 0 1 0 0-1.432.716.716 0 0 0 0 1.432m-6.248-2.68a.536.536 0 1 1-1.072 0 .536.536 0 0 1 1.072 0m-.892-2.32c0 .212.14.356.356.356s.356-.14.352-.352c0-.892.356-1.748.928-2.392l1.036-1.036c.86-.824.716-2.324.108-3.144a2.87 2.87 0 0 0-2.248-1.108h-.18c-.964 0-1.856.5-2.32 1.32-.072.18-.036.392.144.5.18.072.392.036.5-.144.36-.608 1-.964 1.68-.964h.18c.68 0 1.324.32 1.716.856.428.572.5 1.68-.036 2.216l-1.036 1.036a4.04 4.04 0 0 0-1.18 2.856"
             })
         ]
-    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, a), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: l,
                 d: "M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2m.081-9.778a3.35 3.35 0 0 1 1.168 6.486.75.75 0 0 0-.5.75.75.75 0 0 1-1.498.085 2.25 2.25 0 0 1 1.481-2.243l.196-.088a1.852 1.852 0 0 0-.027-3.294 1.85 1.85 0 0 0-2.303.535.75.75 0 0 1-1.196-.906 3.35 3.35 0 0 1 2.68-1.325"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: l,
                 d: "M12 2.25A9.75 9.75 0 0 1 21.75 12l-.012.48a9.75 9.75 0 0 1-9.258 9.258l-.48.012a9.75 9.75 0 0 1-9.738-9.27L2.25 12A9.75 9.75 0 0 1 12 2.25m0 1.5A8.25 8.25 0 0 0 3.75 12l.01.405A8.25 8.25 0 0 0 12 20.25l.405-.01A8.25 8.25 0 0 0 20.25 12l-.01-.405A8.25 8.25 0 0 0 12 3.75"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ s.cloneElement(i, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...s.Children.toArray(i.props.children)
+    ]) : i;
 };
-export { v as default };
+export { M as default };