@telefonica/mistica 16.68.0 → 16.69.0

package/dist/generated/mistica-icons/icon-lightbulb-regular.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+const _icongradient = require("../../utils/icon-gradient.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -92,51 +135,56 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, h = _object_without_properties(_param, [
+const M = (_param)=>{
+    var { color: m, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), l = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const l = (0, _themevariantcontext.useThemeVariant)(), v = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: t, gradientDef: n } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : v), { skinName: r } = (0, _hooks.useTheme)(), h = r.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: t,
             d: "M7.754 16.548v2.981c0 1.365 1.079 2.471 2.41 2.471h3.672c1.331 0 2.41-1.106 2.41-2.47v-2.982c0-1.023.54-2 1.265-2.946A7.26 7.26 0 0 0 19 9.176C19 5.213 15.866 2 12 2S5 5.213 5 9.176a7.26 7.26 0 0 0 1.49 4.426c.723.947 1.264 1.922 1.264 2.946M12 3.176c3.232 0 5.852 2.687 5.852 6 0 1.397-.464 2.68-1.244 3.7-.758.99-1.51 2.234-1.51 3.672v.51h-2.524v-3.176a.58.58 0 0 0-.574-.588.58.58 0 0 0-.574.588v3.177H8.902v-.511c0-1.438-.752-2.681-1.51-3.672a6.07 6.07 0 0 1-1.244-3.7c0-3.313 2.62-6 5.852-6m-3.098 15.06h6.196v1.293c0 .715-.565 1.294-1.262 1.294h-3.672c-.697 0-1.262-.579-1.262-1.294z"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: t,
             d: "M11.309 3.402V2.7c0-.387.31-.701.691-.701s.691.314.691.7v.702c0 .386-.31.7-.691.7a.697.697 0 0 1-.691-.7m9 7.017h-.519a.697.697 0 0 0-.691.7c0 .387.31.701.691.701h.519a.697.697 0 0 0 .691-.7.697.697 0 0 0-.691-.701m-16.618 0h.519c.38 0 .691.314.691.7 0 .387-.31.701-.691.701h-.52a.697.697 0 0 1-.691-.7c0-.387.31-.701.691-.701m2.08-3.755-.616-.36a.684.684 0 0 0-.944.257.704.704 0 0 0 .252.957l.616.359a.683.683 0 0 0 .944-.256.71.71 0 0 0-.252-.957m2.42-1.527a.69.69 0 0 1-.6-.35l-.345-.607a.705.705 0 0 1 .253-.957.685.685 0 0 1 .944.256l.345.606c.19.333.08.764-.252.957a.7.7 0 0 1-.346.095m7.262-.072a.683.683 0 0 0 .944-.256l.354-.625a.71.71 0 0 0-.252-.957.684.684 0 0 0-.944.256l-.355.625c-.19.332-.08.76.253.957m3.399 1.24a.685.685 0 0 1 .944.256c.19.337.08.763-.253.957l-.616.359a.69.69 0 0 1-.944-.256.705.705 0 0 1 .253-.957zm-.793 4.995c0 2.13-1.055 4.061-2.828 5.193-.066.04-.16.122-.221.176a1.75 1.75 0 0 1 .443 2.524c.217.292.354.656.354 1.052 0 .97-.775 1.756-1.732 1.756H9.917a1.744 1.744 0 0 1-1.732-1.756c0-.396.133-.76.354-1.052a1.746 1.746 0 0 1 .448-2.525 3 3 0 0 0-.222-.175C6.993 15.36 5.938 13.43 5.938 11.3c0-3.387 2.716-6.14 6.058-6.14 3.345 0 6.062 2.753 6.062 6.14m-3.98 8.599H9.922a.35.35 0 0 0-.346.35c0 .193.155.35.346.35h4.156c.19 0 .346-.157.346-.35a.35.35 0 0 0-.346-.35m.346-1.757a.35.35 0 0 0-.346-.35H9.922a.35.35 0 0 0-.346.35c0 .193.155.35.346.35h4.156c.19 0 .346-.157.346-.35M12 6.56c-2.579 0-4.675 2.125-4.675 4.74a4.72 4.72 0 0 0 2.179 4.007c.08.052.76.501 1.003 1.082h2.982c.242-.58.923-1.03 1.003-1.082l.007-.005a4.73 4.73 0 0 0 2.176-4.003c0-2.614-2.096-4.74-4.675-4.74"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: t,
             d: "M11.309 3.402V2.7c0-.387.31-.701.691-.701s.691.314.691.7v.702c0 .386-.31.7-.691.7a.697.697 0 0 1-.691-.7m9 7.017h-.519a.697.697 0 0 0-.691.7c0 .387.31.701.691.701h.519a.697.697 0 0 0 .691-.7.697.697 0 0 0-.691-.701m-16.618 0h.519c.38 0 .691.314.691.7 0 .387-.31.701-.691.701h-.52a.697.697 0 0 1-.691-.7c0-.387.31-.701.691-.701m2.08-3.755-.616-.36a.684.684 0 0 0-.944.257.704.704 0 0 0 .252.957l.616.359a.683.683 0 0 0 .944-.256.71.71 0 0 0-.252-.957m2.42-1.527a.69.69 0 0 1-.6-.35l-.345-.607a.705.705 0 0 1 .253-.957.685.685 0 0 1 .944.256l.345.606c.19.333.08.764-.252.957a.7.7 0 0 1-.346.095m7.262-.072a.683.683 0 0 0 .944-.256l.354-.625a.71.71 0 0 0-.252-.957.684.684 0 0 0-.944.256l-.355.625c-.19.332-.08.76.253.957m3.399 1.24a.685.685 0 0 1 .944.256c.19.337.08.763-.253.957l-.616.359a.69.69 0 0 1-.944-.256.705.705 0 0 1 .253-.957zm-.793 4.995c0 2.13-1.055 4.061-2.828 5.193-.066.04-.16.122-.221.176a1.75 1.75 0 0 1 .443 2.524c.217.292.354.656.354 1.052 0 .97-.775 1.756-1.732 1.756H9.917a1.744 1.744 0 0 1-1.732-1.756c0-.396.133-.76.354-1.052a1.746 1.746 0 0 1 .448-2.525 3 3 0 0 0-.222-.175C6.993 15.36 5.938 13.43 5.938 11.3c0-3.387 2.716-6.14 6.058-6.14 3.345 0 6.062 2.753 6.062 6.14m-3.98 8.599H9.922a.35.35 0 0 0-.346.35c0 .193.155.35.346.35h4.156c.19 0 .346-.157.346-.35a.35.35 0 0 0-.346-.35m.346-1.757a.35.35 0 0 0-.346-.35H9.922a.35.35 0 0 0-.346.35c0 .193.155.35.346.35h4.156c.19 0 .346-.157.346-.35M12 6.56c-2.579 0-4.675 2.125-4.675 4.74a4.72 4.72 0 0 0 2.179 4.007c.08.052.76.501 1.003 1.082h2.982c.242-.58.923-1.03 1.003-1.082l.007-.005a4.73 4.73 0 0 0 2.176-4.003c0-2.614-2.096-4.74-4.675-4.74"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: t,
             d: "M12 6.25a5.75 5.75 0 0 1 5.488 7.465 5.75 5.75 0 0 1-1.984 2.842 2.75 2.75 0 0 0-.762 2.334 1 1 0 0 1 .008.109 2.75 2.75 0 0 1-5.5 0q0-.055.008-.11a2.75 2.75 0 0 0-.218-1.54 2.8 2.8 0 0 0-.545-.794A5.748 5.748 0 0 1 12 6.25m-1.28 11.5c.075.422.086.853.031 1.28a1.249 1.249 0 0 0 2.497 0 4.3 4.3 0 0 1 .031-1.28zm1.28-10a4.25 4.25 0 0 0-2.809 7.44l.26.21.076.067c.24.236.448.5.623.783h3.7q.264-.428.623-.783l.077-.067A4.251 4.251 0 0 0 12 7.75m-8 3.5a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5zm17 0a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1 0-1.5zM5.07 5.07a.75.75 0 0 1 1.06 0l.7.7a.75.75 0 1 1-1.06 1.06l-.7-.7a.75.75 0 0 1 0-1.06m12.8 0a.75.75 0 0 1 1.06 1.06l-.7.7a.75.75 0 1 1-1.06-1.06zM12 2.25a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-1.5 0V3a.75.75 0 0 1 .75-.75"
         })
     }));
+    return n ? /*#__PURE__*/ _react.cloneElement(h, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: n
+        }, "gradient-defs"),
+        ..._react.Children.toArray(h.props.children)
+    ]) : h;
 };

package/dist/generated/mistica-icons/icon-lightning-filled.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+const _icongradient = require("../../utils/icon-gradient.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -92,31 +135,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: l, size: e = 24 } = _param, o = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: h, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), a = l !== null && l !== void 0 ? l : r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = (0, _themevariantcontext.useThemeVariant)(), d = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : d), { skinName: c } = (0, _hooks.useTheme)(), n = c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
             d: "M18.131 11.45a.6.6 0 0 0-.434-.428l-4.504-1.11 2.723-6.904a.625.625 0 0 0-.23-.745.58.58 0 0 0-.754.092l-8.916 9.569a.63.63 0 0 0-.142.597.6.6 0 0 0 .43.422l4.113 1.017-2.697 7.05a.62.62 0 0 0 .23.737.58.58 0 0 0 .747-.08l9.286-9.617a.63.63 0 0 0 .148-.6"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
             d: "M12.596 2.706A.5.5 0 0 1 13.5 3v6.5H19a.5.5 0 0 1 .404.794l-8 11A.5.5 0 0 1 10.5 21v-6.5H5a.5.5 0 0 1-.404-.794z"
         })
     }));
+    return l ? /*#__PURE__*/ _react.cloneElement(n, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: l
+        }, "gradient-defs"),
+        ..._react.Children.toArray(n.props.children)
+    ]) : n;
 };

package/dist/generated/mistica-icons/icon-lightning-light.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+const _icongradient = require("../../utils/icon-gradient.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -92,31 +135,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const d = (_param)=>{
-    var { color: l, size: e = 24 } = _param, i = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: h, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), o = l !== null && l !== void 0 ? l : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : c), { skinName: m } = (0, _hooks.useTheme)(), n = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: i,
             d: "M17.832 11.208a.41.41 0 0 1 .3.292.41.41 0 0 1-.104.406L8.437 21.72a.405.405 0 0 1-.516.056.42.42 0 0 1-.156-.502l2.874-7.417-4.477-1.095a.41.41 0 0 1-.297-.289.43.43 0 0 1 .098-.406l9.21-9.77a.405.405 0 0 1 .519-.062c.165.11.23.322.157.507l-2.9 7.275zm-6.258 2.513-2.316 5.983 7.678-7.854-4.636-1.13a.42.42 0 0 1-.286-.563l2.274-5.708-7.235 7.678 4.238 1.037a.41.41 0 0 1 .266.212.42.42 0 0 1 .017.345"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: i,
             d: "M12.394 2.559A.75.75 0 0 1 13.75 3v6.25H19a.75.75 0 0 1 .607 1.192l-8 11A.75.75 0 0 1 10.25 21v-6.25H5a.75.75 0 0 1-.606-1.191zM6.473 13.25H11a.75.75 0 0 1 .75.75v4.694l5.778-7.944H13a.75.75 0 0 1-.75-.75V5.306z"
         })
     }));
+    return l ? /*#__PURE__*/ _react.cloneElement(n, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: l
+        }, "gradient-defs"),
+        ..._react.Children.toArray(n.props.children)
+    ]) : n;
 };

package/dist/generated/mistica-icons/icon-lightning-regular.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+const _icongradient = require("../../utils/icon-gradient.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -92,31 +135,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const d = (_param)=>{
-    var { color: l, size: e = 24 } = _param, o = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: c, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), i = l !== null && l !== void 0 ? l : r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: m } = (0, _hooks.useTheme)(), n = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M17.697 11.023c.21.053.375.216.434.428a.63.63 0 0 1-.151.6L8.694 21.67a.584.584 0 0 1-.748.078.62.62 0 0 1-.23-.736l2.701-7.05-4.112-1.018a.6.6 0 0 1-.431-.423.63.63 0 0 1 .142-.596l8.916-9.572a.58.58 0 0 1 .754-.09c.24.16.336.474.23.746l-2.72 6.905zm-5.919 2.731-1.893 4.944 6.504-6.74-4.146-1.022a.6.6 0 0 1-.389-.316.63.63 0 0 1-.022-.51l1.815-4.605L7.597 12l3.767.932a.6.6 0 0 1 .39.314.64.64 0 0 1 .024.507"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M12.394 2.559A.75.75 0 0 1 13.75 3v6.25H19a.75.75 0 0 1 .607 1.192l-8 11A.75.75 0 0 1 10.25 21v-6.25H5a.75.75 0 0 1-.606-1.191zM6.473 13.25H11a.75.75 0 0 1 .75.75v4.694l5.778-7.944H13a.75.75 0 0 1-.75-.75V5.306z"
         })
     }));
+    return l ? /*#__PURE__*/ _react.cloneElement(n, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: l
+        }, "gradient-defs"),
+        ..._react.Children.toArray(n.props.children)
+    ]) : n;
 };

package/dist/generated/mistica-icons/icon-link-filled.js

@@ -6,12 +6,55 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return C;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+const _icongradient = require("../../utils/icon-gradient.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -91,21 +134,26 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const m = (_param)=>{
-    var { color: t, size: e = 24 } = _param, i = _object_without_properties(_param, [
+const C = (_param)=>{
+    var { color: l, size: n = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), c = t !== null && t !== void 0 ? t : r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const e = (0, _themevariantcontext.useThemeVariant)(), s = e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: d, gradientDef: a } = (0, _icongradient.useIconGradient)(l !== null && l !== void 0 ? l : s), t = /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: d,
             d: "M21.714 8.055c.392-1.53-.081-2.941-1.446-4.314-1.367-1.372-2.77-1.848-4.29-1.45-1.295.336-2.69 1.308-4.525 3.15a30 30 0 0 0-.896.942c-.3.33-.277.846.053 1.146.33.302.84.28 1.14-.054q.39-.428.843-.885c1.6-1.605 2.802-2.47 3.788-2.728.638-.168 1.526-.199 2.745 1.028s1.187 2.118 1.022 2.759c-.255.992-1.118 2.202-2.714 3.807-1.597 1.605-2.799 2.473-3.785 2.728-.638.165-1.526.196-2.745-1.028-.495-.501-.815-.966-.977-1.426a.808.808 0 1 0-1.521.544c.246.692.689 1.355 1.358 2.028 1.056 1.061 2.135 1.585 3.275 1.585q.5 0 1.017-.134c1.29-.337 2.689-1.309 4.52-3.152 1.835-1.843 2.802-3.246 3.138-4.546m-8.4 8.499a.806.806 0 0 0-1.14.039c-.261.283-.536.571-.771.798-3.476 3.493-4.927 3.314-6.532 1.7-1.605-1.613-1.785-3.072 1.692-6.565s4.927-3.314 6.529-1.7c.54.543.874 1.05 1.02 1.548a.81.81 0 1 0 1.552-.457c-.225-.764-.69-1.498-1.426-2.237-2.955-2.972-5.659-1.468-8.813 1.7-1.834 1.843-2.8 3.247-3.137 4.546-.392 1.53.079 2.941 1.445 4.314 1.115 1.118 2.19 1.602 3.272 1.602 1.787 0 3.577-1.327 5.544-3.302.24-.238.529-.544.803-.84a.813.813 0 0 0-.039-1.146"
         })
     }));
+    return a ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: a
+        }, "gradient-defs"),
+        ..._react.Children.toArray(t.props.children)
+    ]) : t;
 };

package/dist/generated/mistica-icons/icon-link-light.js

@@ -6,12 +6,55 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return c;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+const _icongradient = require("../../utils/icon-gradient.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -91,31 +134,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const c = (_param)=>{
-    var { color: e, size: o = 24 } = _param, i = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: s, size: l = 24 } = _param, d = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), l = e !== null && e !== void 0 ? e : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const e = (0, _themevariantcontext.useThemeVariant)(), c = e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: n } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : c), o = /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, d), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: r,
                 d: "M5.504 10.437a.75.75 0 0 1 .993 1.125l-.505.445A4.224 4.224 0 0 0 6.004 18a4.32 4.32 0 0 0 6.034.034l.36-.483a.75.75 0 0 1 1.203.895l-.396.534a1 1 0 0 1-.074.086 5.82 5.82 0 0 1-8.182 0 5.73 5.73 0 0 1-1.7-4.07 5.72 5.72 0 0 1 1.7-4.068l.03-.028z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: r,
                 d: "M14.47 8.47a.75.75 0 0 1 1.06 1.06l-6 6a.75.75 0 1 1-1.06-1.06z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: r,
                 d: "M14.999 3.25a5.75 5.75 0 0 1 4.065 9.816l-.038.036-.534.464a.75.75 0 0 1-.984-1.132l.512-.447a4.25 4.25 0 0 0-6.018-6.002l-.435.505a.75.75 0 1 1-1.135-.98l.463-.537.037-.04A5.75 5.75 0 0 1 15 3.25"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: n
+        }, "gradient-defs"),
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };