@telefonica/mistica 16.68.0 → 16.70.0

package/dist/generated/mistica-icons/icon-bell-off-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: h, size: a = 24 } = _param, t = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), o = h !== null && h !== void 0 ? h : r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : m), { skinName: s } = (0, _hooks.useTheme)(), a = s.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"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: l,
             d: "m19.178 18.943 1.694 1.863.006.007.006.007a.59.59 0 0 1-.065.834.62.62 0 0 1-.868-.05l-2.42-2.661h-2.423c-.037.546-.193 1.356-.77 1.989-.552.602-1.337.907-2.337.907-1.002 0-1.79-.302-2.339-.907-.577-.636-.73-1.446-.764-1.99h-5.3a.615.615 0 0 1-.58-.4.595.595 0 0 1 .19-.67c2.043-1.63 1.858-5.055 1.855-5.089V8.95c0-1.177.196-2.21.571-3.101L3.186 3.153l-.009-.008-.005-.006a.59.59 0 0 1 .065-.835.624.624 0 0 1 .868.05l2.157 2.373c.218-.31.473-.6.753-.857 1.933-1.762 4.603-1.7 4.99-1.678.383-.025 3.052-.084 4.985 1.678 1.297 1.18 1.955 2.888 1.955 5.079v3.8c-.007.167-.157 3.517 1.855 5.124.201.16.277.428.19.67-.087.24-.32.4-.58.4zM7.848 4.758a4.2 4.2 0 0 0-.74.902l10.98 12.078h.936c-1.474-2.09-1.317-4.89-1.306-5.03l-.002-3.76c0-1.837-.524-3.246-1.555-4.19-1.605-1.466-3.967-1.367-4.108-1.362h-.007a.4.4 0 0 1-.084 0h-.006c-.142-.005-2.503-.104-4.109 1.362m-1.555 7.989c.008.106.165 2.902-1.306 4.991h11.449L6.57 6.878a7.3 7.3 0 0 0-.277 2.07zm5.706 7.888c.638 0 1.1-.166 1.411-.502.328-.352.429-.834.46-1.19h-3.74c.028.35.13.837.454 1.19.311.34.773.502 1.415.502"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: l,
             d: "M2.47 2.47a.75.75 0 0 1 1.06 0l18 18a.75.75 0 1 1-1.06 1.06l-3.78-3.78h-1.015a3.751 3.751 0 0 1-7.35 0H5.617a1.75 1.75 0 0 1-1.564-2.532l1.196-2.394V9c0-.803.141-1.575.4-2.291L2.469 3.53a.75.75 0 0 1 0-1.06m7.41 15.28a2.249 2.249 0 0 0 4.24 0zM6.86 7.92A5.3 5.3 0 0 0 6.75 9v3.855c0 .211-.05.421-.144.61L5.394 15.89a.25.25 0 0 0 .223.361h9.573zM12 2.25A6.75 6.75 0 0 1 18.75 9v4a.75.75 0 0 1-1.5 0V9a5.25 5.25 0 0 0-7.63-4.68.75.75 0 0 1-.682-1.337 6.7 6.7 0 0 1 3.061-.733"
         })
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(a, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(a.props.children)
+    ]) : a;
 };

package/dist/generated/mistica-icons/icon-bell-program-filled.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return H;
     }
 });
 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 g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+const H = (_param)=>{
+    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), t = 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: c } = (0, _hooks.useTheme)();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = (0, _themevariantcontext.useThemeVariant)(), m = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: h } = (0, _hooks.useTheme)(), r = h.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), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: n,
             d: "M21.617 17.871c.201.16.274.426.184.667a.59.59 0 0 1-.566.403H16.01c-.034.55-.185 1.359-.76 1.995-.535.602-1.31.907-2.296.907-.99 0-1.765-.305-2.3-.907-.574-.636-.72-1.449-.75-1.995h-5.23a.6.6 0 0 1-.568-.403.59.59 0 0 1 .187-.667c.412-.339.754-.779 1.037-1.302-2.03-.667-3.17-2.349-3.17-5.146 0-3.328 1.619-5.073 4.442-5.412 1.507-3.958 5.925-3.868 6.353-3.843.365-.025 3.003-.095 4.92 1.68C19.15 5.032 19.8 6.738 19.8 8.93v3.804c-.014.07-.19 3.504 1.816 5.137m-18.25-6.45c0 2.918 1.37 4.276 4.306 4.276s4.305-1.358 4.305-4.277-1.37-4.277-4.305-4.277c-2.936 0-4.306 1.358-4.306 4.277m5.574 2.265a.613.613 0 0 0 .86 0 .597.597 0 0 0 0-.851l-1.52-1.51V9.29a.604.604 0 0 0-.608-.602.604.604 0 0 0-.608.602v2.283c0 .16.064.314.179.426z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: n,
             d: "M19.001 14.75a.75.75 0 0 1 .75.75v.856c.434.124.835.353 1.164.672l.741-.427a.75.75 0 0 1 .75 1.298l-.743.428c.055.219.088.444.088.673s-.033.453-.088.67l.744.43a.75.75 0 0 1-.75 1.3l-.742-.43c-.33.32-.73.55-1.164.673v.857a.75.75 0 0 1-1.5 0v-.857a2.75 2.75 0 0 1-1.165-.672l-.741.428a.75.75 0 0 1-.75-1.298l.742-.43a2.7 2.7 0 0 1-.086-.671q.001-.344.086-.673l-.742-.428a.75.75 0 0 1 .75-1.298l.741.427q.072-.069.148-.133l.026-.02q.116-.096.242-.178l.075-.046.06-.037.112-.06q.018-.008.034-.018a3 3 0 0 1 .468-.18V15.5a.76.76 0 0 1 .331-.622.75.75 0 0 1 .419-.128m0 3a1.251 1.251 0 0 0 0 2.5 1.25 1.25 0 0 0 0-2.5m-5.237.363c.08 0 .152.05.187.121.126.26.302.497.525.695.051.046.081.114.064.18-.115.447-.573.788-.675.852a3.5 3.5 0 0 1-4.816-1.078.502.502 0 0 1 .42-.77zM12 2.75A6.25 6.25 0 0 1 18.25 9v3.846c0 .142.013.268.01.407-.003.083-.064.15-.143.176-.705.224-1.119.755-1.29 1.48-.03.124-.16.2-.283.167a2.25 2.25 0 0 0-2.398.856l-.125.193c-.128.223-.213.46-.258.698a.21.21 0 0 1-.205.177H5.667a1.25 1.25 0 0 1-1.103-1.838l1.143-2.143a.4.4 0 0 0 .043-.173V9A6.25 6.25 0 0 1 12 2.75"
         })
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(r, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(r.props.children)
+    ]) : r;
 };

package/dist/generated/mistica-icons/icon-bell-program-light.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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,28 +135,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const f = (_param)=>{
-    var { color: o, size: a = 24 } = _param, c = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), r = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = (0, _themevariantcontext.useThemeVariant)(), s = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: c } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), o = 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"
-    }, c), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: r,
             d: "M21.69 18.154c.174.14.202.398.062.572a.4.4 0 0 1-.314.15h-5.479c-.008.51-.115 1.42-.72 2.104-.507.575-1.244.86-2.174.86-.932 0-1.67-.285-2.176-.86-.614-.689-.712-1.602-.712-2.1H4.698a.406.406 0 0 1-.254-.723c.442-.37.817-.855 1.112-1.437-2.171-.642-3.401-2.367-3.401-5.308 0-3.496 1.737-5.286 4.728-5.558 1.513-3.826 5.813-3.708 6.18-3.692.255-.016 2.91-.131 4.832 1.659 1.243 1.168 1.88 2.865 1.88 5.042v3.885c-.006.062-.197 3.667 1.915 5.406m-16.011-.098h14.773c-1.675-2.095-1.504-5.19-1.496-5.336V8.86c0-1.938-.546-3.431-1.619-4.434-1.709-1.6-4.218-1.451-4.244-1.443q-.006 0-.012-.004-.006-.003-.013-.004-.015.001-.022.005l-.011.003c-.166-.017-3.78-.213-5.241 2.832 3.473.025 5.51 1.807 5.51 5.6 0 3.812-2.06 5.593-5.575 5.593q-.722.002-1.358-.106c-.194.423-.42.818-.692 1.154m8.947 2.38c.434-.484.507-1.173.515-1.556h-4.146c0 .386.073 1.075.507 1.557.345.386.874.583 1.563.583.692 0 1.216-.197 1.56-.583m-6.894-4.254c3.199 0 4.76-1.56 4.76-4.77 0-3.216-1.564-4.776-4.76-4.776s-4.759 1.557-4.759 4.776c0 3.21 1.56 4.77 4.76 4.77m1.717-2.485a.4.4 0 0 0 .286-.123.39.39 0 0 0 0-.571L8.14 11.4V9.232c0-.23-.18-.409-.409-.409-.23 0-.409.18-.409.41v2.333a.42.42 0 0 0 .123.294l1.709 1.714a.42.42 0 0 0 .294.123"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: r,
@@ -125,4 +167,10 @@ const f = (_param)=>{
             })
         ]
     }));
+    return c ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: c
+        }, "gradient-defs"),
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };

package/dist/generated/mistica-icons/icon-bell-program-regular.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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,18 +135,17 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const f = (_param)=>{
-    var { color: c, size: a = 24 } = _param, o = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: h, size: a = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), r = c !== null && c !== void 0 ? c : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: c } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), l = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: r,
             d: "M21.622 17.874c.202.16.275.426.185.667a.59.59 0 0 1-.566.4h-5.227c-.033.55-.184 1.362-.759 1.995-.535.602-1.31.907-2.3.907-.988 0-1.764-.305-2.3-.907-.573-.636-.72-1.448-.753-1.995H4.678a.59.59 0 0 1-.566-.4.58.58 0 0 1 .188-.667c.412-.339.754-.779 1.034-1.302-2.034-.67-3.174-2.35-3.174-5.149 0-3.328 1.62-5.073 4.443-5.412 1.507-3.958 5.924-3.868 6.353-3.843.364-.025 3.002-.098 4.918 1.68 1.28 1.183 1.928 2.889 1.928 5.082v3.804c-.006.073-.185 3.507 1.82 5.14m-15.577-.137h13.83c-1.449-2.093-1.295-4.896-1.286-5.042V8.93c0-1.84-.519-3.25-1.538-4.199-1.505-1.398-3.688-1.37-4.008-1.367h-.04q-.019.007-.033.002l-.009-.002-.016.002q-.015.005-.031-.002c-.146-.008-3.538-.193-4.953 2.591 3.311.087 5.235 1.84 5.235 5.468 0 3.74-2.039 5.485-5.52 5.485-.398 0-.77-.031-1.124-.073a6 6 0 0 1-.507.902m8.303 2.398c.322-.356.42-.838.45-1.19h-3.68c.025.352.12.837.445 1.198.308.33.762.499 1.393.499.63-.003 1.084-.171 1.392-.507M7.678 15.7c2.936 0 4.306-1.358 4.306-4.277.002-2.919-1.367-4.277-4.306-4.277-2.935 0-4.305 1.358-4.305 4.277S4.743 15.7 7.678 15.7M7.25 12l1.697 1.686.014.014c.125.125.42.423.717.415.334-.008.625-.168.625-.55 0-.332-.496-.733-.496-.733l-1.52-1.51V9.29a.606.606 0 0 0-.609-.603.604.604 0 0 0-.608.603v2.285c0 .16.065.314.18.426"
@@ -113,7 +155,7 @@ const f = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: r,
@@ -125,4 +167,10 @@ const f = (_param)=>{
             })
         ]
     }));
+    return c ? /*#__PURE__*/ _react.cloneElement(l, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: c
+        }, "gradient-defs"),
+        ..._react.Children.toArray(l.props.children)
+    ]) : l;
 };

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return B;
     }
 });
 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,61 +135,66 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const g = (_param)=>{
-    var { color: r, size: a = 24 } = _param, h = _object_without_properties(_param, [
+const B = (_param)=>{
+    var { color: v, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useThemeVariant)(), t = r !== null && r !== void 0 ? r : i === "brand" || i === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : i === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const o = (0, _themevariantcontext.useThemeVariant)(), m = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: l } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : m), { skinName: n } = (0, _hooks.useTheme)(), c = n.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"
-    }, h), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "M4.428 16.815a1 1 0 0 0 .95 1.31h3.52a3.126 3.126 0 0 0 6.205 0h3.518a1 1 0 0 0 .951-1.31l-.715-2.19-.695-6.994a5 5 0 0 0-4.975-4.506h-2.374a5 5 0 0 0-4.975 4.506l-.695 6.994zm1.295.06.65-1.991.709-7.13a3.75 3.75 0 0 1 3.731-3.379h2.374a3.75 3.75 0 0 1 3.731 3.38l.709 7.129.65 1.991zm4.44 1.25h3.674a1.876 1.876 0 0 1-3.675 0"
         })
-    })) : c.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "M21.43 17.643a10.1 10.1 0 0 1-2-6v-2.5C19.43 5.214 16.216 2 12.287 2S5.145 5.214 5.145 9.143v2.5c0 2.143-.715 4.286-2 6-.179.214-.179.5-.072.75s.357.393.643.393h5.75c0 .107-.036.25-.036.357A2.866 2.866 0 0 0 12.287 22a2.866 2.866 0 0 0 2.858-2.857c0-.107 0-.25-.036-.357h5.75c.286 0 .535-.143.643-.393s.107-.536-.072-.75m-7.714 1.5c0 .786-.643 1.428-1.429 1.428a1.433 1.433 0 0 1-1.428-1.428c0-.107 0-.25.036-.357h2.75c.071.107.071.25.071.357m-8.679-1.786c1-1.714 1.536-3.714 1.536-5.714v-2.5c0-3.143 2.572-5.714 5.714-5.714S18.002 6 18.002 9.143v2.5c0 2 .535 4 1.535 5.714z"
         })
-    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "M20.953 17.644a10.25 10.25 0 0 1-1.958-6v-2.5C18.995 5.216 15.847 2 12.003 2 8.158 2 5.01 5.216 5.01 9.144v2.5c0 2.144-.7 4.284-1.957 6-.177.216-.177.5-.07.752.105.252.348.392.63.392h5.63c0 .055-.01.118-.018.181a1 1 0 0 0-.018.175c0 1.572 1.257 2.856 2.796 2.856s2.795-1.284 2.795-2.856c0-.108 0-.252-.035-.356h5.626c.278 0 .525-.144.63-.392.106-.248.106-.54-.066-.752m-7.553 1.5c0 .784-.63 1.428-1.397 1.428-.768 0-1.398-.644-1.398-1.428 0-.108 0-.252.035-.356h2.69c.07.104.07.248.07.356M6.412 11.64v-2.5c0-3.144 2.517-5.716 5.595-5.716s5.59 2.576 5.59 5.72v2.5c0 2 .525 4 1.504 5.716H4.908v-.004a11.6 11.6 0 0 0 1.504-5.716"
         })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "M20.953 17.644a10.25 10.25 0 0 1-1.958-6v-2.5C18.995 5.216 15.847 2 12.003 2 8.158 2 5.01 5.216 5.01 9.144v2.5c0 2.144-.7 4.284-1.957 6-.177.216-.177.5-.07.752.105.252.348.392.63.392h5.63c0 .055-.01.118-.018.181-.01.062-.018.123-.018.175 0 1.572 1.257 2.856 2.796 2.856s2.795-1.284 2.795-2.856c0-.108 0-.252-.035-.356h5.626c.278 0 .525-.144.63-.392.106-.248.106-.54-.066-.752m-7.553 1.5c0 .784-.63 1.428-1.397 1.428-.768 0-1.398-.644-1.398-1.428 0-.108 0-.252.035-.356h2.69c.07.104.07.248.07.356M6.412 11.64v-2.5c0-3.144 2.517-5.716 5.595-5.716s5.59 2.576 5.59 5.72v2.5c0 2 .525 4 1.504 5.716H4.908v-.004a11.6 11.6 0 0 0 1.504-5.716"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "M12 2.25A6.75 6.75 0 0 1 18.75 9v3.822l1.197 2.396a1.75 1.75 0 0 1-1.566 2.532h-2.707a3.751 3.751 0 0 1-7.35 0H5.619a1.75 1.75 0 0 1-1.566-2.532l1.197-2.396V9A6.75 6.75 0 0 1 12 2.25m-2.12 15.5a2.249 2.249 0 0 0 4.238 0zm2.12-14A5.25 5.25 0 0 0 6.75 9v3.855c0 .211-.05.421-.145.61L5.394 15.89a.25.25 0 0 0 .224.361H18.38a.25.25 0 0 0 .224-.361l-1.211-2.423a1.4 1.4 0 0 1-.145-.611V9c0-2.9-2.35-5.25-5.25-5.25"
         })
     }));
+    return l ? /*#__PURE__*/ _react.cloneElement(c, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: l
+        }, "gradient-defs"),
+        ..._react.Children.toArray(c.props.children)
+    ]) : c;
 };