@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return w;
     }
 });
 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 w = (_param)=>{
+    var { color: c, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useThemeVariant)(), t = i !== null && i !== void 0 ? i : h === "brand" || h === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : h === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
-    return l.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: i, gradientDef: l } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : m), { skinName: s } = (0, _hooks.useTheme)(), r = 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"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M21.623 17.87a.62.62 0 0 1 .188.677.61.61 0 0 1-.578.395h-5.24c-.04.546-.194 1.359-.762 1.994-.544.603-1.325.908-2.306.908-.991 0-1.77-.305-2.313-.908-.569-.635-.723-1.448-.757-1.994H4.617a.602.602 0 0 1-.392-1.07c.462-.37.846-.885 1.146-1.496-1.51-.543-3.216-1.854-3.216-5.087 0-4.198 2.843-5.148 4.417-5.347 1.535-3.885 5.93-3.807 6.353-3.781.373-.017 3.014-.09 4.93 1.68 1.283 1.182 1.933 2.897 1.933 5.093v3.819c-.01.26-.124 3.532 1.835 5.116m-15.636-.138h13.871c-1.454-2.092-1.3-4.9-1.291-5.036V8.934c0-1.843-.518-3.258-1.535-4.2-1.591-1.473-3.922-1.372-4.064-1.366h-.006l-.02-.004q-.008-.004-.022-.005-.012.001-.025.005l-.014.004c-.158-.009-3.517-.192-4.953 2.524 1.177.042 5.165.549 5.165 5.431 0 4.994-4.176 5.39-5.22 5.403h-.505c-.185 0-.462-.016-.787-.064a6 6 0 0 1-.594 1.07m8.333 2.395c.317-.353.423-.838.448-1.19h-3.697c.034.352.132.845.457 1.198.3.34.753.499 1.397.499.633 0 1.087-.16 1.395-.507m-6.927-4.608h.457c1.51-.022 4.028-.61 4.028-4.199 0-3.594-2.54-4.19-4.054-4.23h-.478c-1.488.009-3.972.572-3.972 4.2 0 3.635 2.518 4.215 4.02 4.23m.227-.916a.607.607 0 0 0 .61-.602h.003v-2.104h2.12a.61.61 0 0 0 .609-.605.607.607 0 0 0-.608-.605h-2.12V8.612a.607.607 0 0 0-.611-.603.606.606 0 0 0-.608.603v2.075H4.897a.604.604 0 1 0 0 1.208h2.115V14a.61.61 0 0 0 .608.602"
         })
     })) : /* @__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), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M19 15.25a.75.75 0 0 1 .75.75v2.25H22a.75.75 0 0 1 0 1.5h-2.25V22a.75.75 0 0 1-1.5 0v-2.25H16a.75.75 0 0 1 0-1.5h2.25V16a.75.75 0 0 1 .75-.75m-7-13A6.75 6.75 0 0 1 18.75 9v3a.75.75 0 0 1-1.5 0V9a5.25 5.25 0 1 0-10.5 0v3.855c0 .211-.05.421-.145.61L5.394 15.89a.25.25 0 0 0 .224.361h6.881a.75.75 0 0 1 0 1.5H9.88a2.25 2.25 0 0 0 2.12 1.5l.256.003h.183a.75.75 0 1 1 .121 1.494 4 4 0 0 1-.316.005L12 20.75a3.75 3.75 0 0 1-3.674-3H5.618a1.75 1.75 0 0 1-1.566-2.532l1.197-2.396V9A6.75 6.75 0 0 1 12 2.25"
         })
     }));
+    return l ? /*#__PURE__*/ _react.cloneElement(r, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: l
+        }, "gradient-defs"),
+        ..._react.Children.toArray(r.props.children)
+    ]) : r;
 };

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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 f = (_param)=>{
-    var { color: h, size: e = 24 } = _param, i = _object_without_properties(_param, [
+const M = (_param)=>{
+    var { color: d, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), a = 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: l } = (0, _hooks.useTheme)();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = (0, _themevariantcontext.useThemeVariant)(), s = n === "brand" || n === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : n === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: h } = (0, _icongradient.useIconGradient)(d !== null && d !== void 0 ? d : s), { skinName: i } = (0, _hooks.useTheme)(), l = i.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), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: o,
             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.994zm5.734 1.31h3.675a1.876 1.876 0 0 1-3.675 0"
         })
-    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : i.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"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: o,
             d: "M18.993 11.644c0 2.144.7 4.284 1.957 6 .173.212.177.504.07.752-.105.248-.351.392-.63.392H3.613c-.282 0-.524-.14-.63-.392s-.106-.536.07-.752a10.25 10.25 0 0 0 1.958-6v-2.5C5.01 5.216 8.157 2 12 2c3.845 0 6.992 3.216 6.992 7.144zM12.006 22c-1.296 0-2.38-.928-2.694-2.144H14.7C14.382 21.072 13.3 22 12.006 22"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: o,
             d: "M18.993 11.644c0 2.144.7 4.284 1.957 6 .173.212.177.504.07.752-.105.248-.351.392-.63.392H3.613c-.282 0-.524-.14-.63-.392s-.106-.536.07-.752a10.25 10.25 0 0 0 1.958-6v-2.5C5.01 5.216 8.157 2 12 2c3.845 0 6.992 3.216 6.992 7.144zM12.006 22c-1.296 0-2.38-.928-2.694-2.144H14.7C14.382 21.072 13.3 22 12.006 22"
         })
     })) : /* @__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), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: o,
             d: "M14.53 18.112a.502.502 0 0 1 .421.77 3.498 3.498 0 0 1-5.902 0 .502.502 0 0 1 .42-.77zM12 2.75A6.25 6.25 0 0 1 18.25 9v3.846q0 .092.043.173l1.144 2.143A1.25 1.25 0 0 1 18.333 17H5.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 h ? /*#__PURE__*/ _react.cloneElement(l, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: h
+        }, "gradient-defs"),
+        ..._react.Children.toArray(l.props.children)
+    ]) : l;
 };

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return V;
     }
 });
 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,57 +135,62 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const g = (_param)=>{
-    var { color: o, size: a = 24 } = _param, h = _object_without_properties(_param, [
+const V = (_param)=>{
+    var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useThemeVariant)(), t = o !== null && o !== void 0 ? o : l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "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 o = (0, _themevariantcontext.useThemeVariant)(), m = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: c } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: n } = (0, _hooks.useTheme)(), l = 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), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: a,
             d: "m4.618 16.877.722-2.21.697-7.017a4.8 4.8 0 0 1 4.776-4.325h2.374a4.8 4.8 0 0 1 4.776 4.325l.697 7.016.722 2.21a.8.8 0 0 1-.76 1.049h-3.697l-.02.176a2.925 2.925 0 0 1-5.81 0l-.02-.176H5.378a.8.8 0 0 1-.76-1.048m13.935.198-.73-2.233-.706-7.108a3.95 3.95 0 0 0-3.93-3.559h-2.374a3.95 3.95 0 0 0-3.93 3.56l-.707 7.107-.729 2.233zm-4.47.85H9.917l.048.24a2.076 2.076 0 0 0 4.068 0z"
         })
-    })) : i.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), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: a,
             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"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: a,
                 d: "M20.73 17.924H3.968a11.64 11.64 0 0 0 1.854-6.296V9.036c0-3.48 2.764-6.296 6.18-6.296s6.18 2.816 6.18 6.296v2.592c0 .816.11 1.628.255 2.48a.38.38 0 0 0 .436.296c.18-.036.326-.26.29-.444a10.7 10.7 0 0 1-.254-2.332V9.036C18.913 5.148 15.822 2 12.002 2S5.095 5.148 5.095 9.036v2.592c0 2.296-.762 4.592-2.108 6.444-.075.112-.11.26-.036.372s.18.224.326.224h6.29c-.074.26-.11.48-.11.74 0 1.444 1.127 2.592 2.545 2.592s2.544-1.148 2.544-2.592c0-.26-.035-.48-.11-.74h6.29c.22 0 .366-.148.366-.372s-.145-.372-.361-.372m-6.91 1.484c0 1.036-.801 1.852-1.818 1.852s-1.818-.816-1.818-1.852c0-.26.075-.52.145-.74h3.31c.11.22.18.48.18.74"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: a,
                 d: "M19.639 16.816a.733.733 0 0 0 .726-.74.733.733 0 0 0-.726-.74.733.733 0 0 0-.726.74c0 .409.325.74.726.74"
             })
         ]
     })) : /* @__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), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: a,
             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.25 2.25 0 0 0 2.12 1.5 2.25 2.25 0 0 0 2.119-1.5zm2.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.423c-.095-.19-.144-.4-.144-.611V9a5.25 5.25 0 0 0-5.25-5.25"
         })
     }));
+    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-off-filled.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return L;
     }
 });
 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,20 +135,19 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const p = (_param)=>{
-    var { color: i, size: l = 24 } = _param, o = _object_without_properties(_param, [
+const L = (_param)=>{
+    var { color: c, size: l = 24 } = _param, n = _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: h } = (0, _hooks.useTheme)();
-    return h.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: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : s), { skinName: m } = (0, _hooks.useTheme)(), a = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "m4.1 2.355 16.767 18.45a.593.593 0 0 1-.036.838l-.014.014a.623.623 0 0 1-.868-.05l-2.42-2.661h-2.424c-.036.543-.193 1.355-.77 1.988-.549.603-1.336.908-2.336.908-1.003 0-1.79-.305-2.339-.907-.577-.633-.731-1.446-.765-1.99H3.593a.615.615 0 0 1-.58-.4.59.59 0 0 1 .19-.667c2.051-1.641 1.858-5.055 1.855-5.092l-.003-3.835q.002-.531.059-1.022l.034-.263.011-.103q.008-.077.02-.152l.013.017c.084-.541.23-1.07.435-1.578L3.18 3.153a.593.593 0 0 1 .037-.838l.014-.014a.63.63 0 0 1 .868.054m7.896 18.28c.639 0 1.101-.166 1.412-.502.325-.352.429-.837.46-1.19h-3.74c.028.35.129.837.454 1.19.31.34.773.502 1.414.502m8.99-2.093a.595.595 0 0 0-.191-.67c-2.013-1.606-1.863-4.956-1.855-5.123v-3.8c0-2.191-.658-3.9-1.955-5.079-1.933-1.759-4.6-1.697-4.986-1.678-.375-.02-2.885-.073-4.798 1.518l13.658 15.028a.6.6 0 0 0 .126-.196"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -113,16 +155,22 @@ const p = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: r,
                 d: "M2.47 2.47a.75.75 0 0 1 1.06 0l18 18a.75.75 0 1 1-1.06 1.06l-4.28-4.28H5.67a1.5 1.5 0 0 1-1.322-2.205L5.49 12.9a.1.1 0 0 0 .014-.053V9c0-.495.14-1.15.264-1.643.038-.15.079-.29.114-.414L2.47 3.53a.75.75 0 0 1 0-1.06"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: r,
                 d: "M14.535 18.112a.501.501 0 0 1 .422.77 3.52 3.52 0 0 1-2.055 1.502 3.51 3.51 0 0 1-3.85-1.502.5.5 0 0 1 .424-.77zM12.005 2.5a6.5 6.5 0 0 1 6.5 6.5v4.25a.5.5 0 0 1-.853.355l-.053-.054-.055-.054-.053-.053-.054-.052-.156-.157-.052-.05-.05-.051-.102-.1-.147-.147-.05-.048-.095-.096-.048-.047-.047-.046-.047-.046-.181-.182-.045-.044-.088-.088-.044-.043-.043-.043-.043-.042-.084-.084-.042-.04-.122-.123-.04-.04-.04-.039-.04-.04-.153-.152-.038-.037-.038-.038-.037-.036-.036-.037-.036-.035-.106-.106-.036-.035-.068-.068-.034-.033-.066-.067-.034-.032-.128-.128-.03-.03-.062-.062-.03-.029-.03-.03-.03-.03-.058-.057-.03-.028-.11-.112-.028-.026-.026-.027-.027-.027-.103-.102-.025-.025-.074-.073-.024-.023-.093-.093-.022-.022-.044-.044-.022-.022-.021-.02-.022-.022-.021-.02-.1-.101-.02-.019-.019-.02-.018-.018-.02-.018-.018-.019-.018-.017-.053-.053-.017-.017-.114-.113-.015-.015-.015-.014-.015-.016-.014-.014-.057-.056-.014-.013-.012-.014-.014-.012-.038-.038-.012-.013-.012-.012-.046-.046-.012-.01-.032-.033-.01-.01-.01-.01-.084-.083-.009-.008-.007-.009-.01-.008-.015-.015-.007-.008-.007-.007-.007-.008-.008-.007-.04-.039-.006-.006-.012-.011-.005-.006-.005-.006-.006-.005-.005-.005-.005-.006-.015-.014-.005-.004-.008-.009-.004-.005-.005-.004-.058-.057-.003-.002-.006-.006v-.002l-.005-.004-.001-.001L13.015 9h-.002l-.001-.003h-.001l-.002-.002-.002-.002-.001-.002-.002-.002h-.002L13 8.985h-.002l-.003-.004V8.98l-.009-.008-.002-.001-.004-.005-.002-.001-.002-.002v-.002l-.002-.001-.001-.002h-.002l-.001-.003h-.002l-.014-.015-.002-.002-.003-.002-.002-.003-.003-.002-.035-.035-.004-.003-.008-.008-.003-.005-.004-.004-.005-.004-.004-.005-.025-.024-.005-.005-.005-.006-.006-.005-.024-.023-.005-.007-.007-.006-.02-.02-.008-.006-.006-.008-.015-.015-.008-.007-.016-.015-.007-.009-.01-.008-.08-.08-.011-.01-.01-.011-.01-.01-.01-.01-.011-.012-.012-.01-.045-.045-.012-.012-.012-.013-.037-.037-.014-.013-.026-.026-.013-.014-.015-.013-.07-.072-.017-.014-.014-.016-.031-.031-.017-.016-.049-.049-.017-.016-.017-.018-.018-.016-.053-.054-.019-.018-.018-.018-.019-.02-.02-.018-.058-.059-.02-.02-.127-.125-.022-.022-.021-.022-.023-.023-.023-.022-.046-.046-.025-.024-.023-.024-.025-.023-.125-.125-.026-.026-.106-.106-.028-.027-.028-.028-.028-.027-.086-.086-.03-.028-.029-.03-.03-.03-.03-.03-.03-.03-.062-.062-.033-.031-.095-.096-.033-.032-.067-.067-.034-.033-.104-.103-.035-.035-.107-.107-.037-.036-.112-.111-.038-.038-.038-.038-.039-.038-.118-.118-.04-.039-.04-.041-.041-.04-.041-.041-.042-.041-.127-.127-.043-.042-.044-.044-.044-.043-.089-.089-.045-.044-.045-.046-.045-.045-.047-.045-.046-.046-.048-.047-.143-.143-.048-.048-.05-.049-.05-.048-.15-.15-.05-.05-.052-.052-.052-.051-.053-.053-.052-.052-.107-.106-.053-.053-.055-.054a.5.5 0 0 1 .076-.771A6.47 6.47 0 0 1 12.005 2.5"
             })
         ]
     }));
+    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-off-light.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return w;
     }
 });
 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: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+const w = (_param)=>{
+    var { color: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), l = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "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 r = (0, _themevariantcontext.useThemeVariant)(), s = 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 : 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"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "m18.872 18.885 2.042 2.24.005.007q.003.003.003.005a.403.403 0 0 1-.044.566.426.426 0 0 1-.594-.034l-2.538-2.787H14.97c-.006.51-.115 1.414-.745 2.1-.521.57-1.272.858-2.233.858-.963 0-1.714-.289-2.235-.86-.63-.69-.734-1.597-.737-2.098H3.393a.42.42 0 0 1-.395-.272.4.4 0 0 1 .129-.456c2.173-1.734 1.977-5.331 1.975-5.367v-3.9c0-1.224.215-2.29.624-3.201L3.13 2.837l-.009-.008a.404.404 0 0 1 .042-.57.43.43 0 0 1 .594.035l2.387 2.619a5.5 5.5 0 0 1 .893-1.056c1.939-1.76 4.628-1.678 4.961-1.659.333-.02 3.022-.103 4.955 1.656 1.283 1.165 1.936 2.86 1.936 5.036v3.877c-.006.125-.179 3.672 1.974 5.39a.41.41 0 0 1 .13.456.42.42 0 0 1-.396.272zM7.606 4.459c-.35.316-.636.686-.874 1.098l11.395 12.507h1.47c-1.726-2.088-1.552-5.171-1.543-5.325V8.89c0-1.938-.56-3.428-1.661-4.431-1.754-1.597-4.339-1.446-4.364-1.443a.2.2 0 0 1-.059 0c-.025-.003-2.61-.154-4.364 1.443m-1.664 8.305c.011.123.185 3.21-1.543 5.3L17 18.067 6.343 6.369c-.264.731-.401 1.572-.401 2.521zm6.053 8.26c.712 0 1.25-.198 1.605-.585.44-.484.521-1.168.53-1.552H9.864c.005.378.078 1.07.526 1.558.356.384.894.58 1.605.58"
         })
     })) : /* @__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), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M2.47 2.47a.75.75 0 0 1 1.06 0l18 18a.75.75 0 0 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.06M9.88 17.75a2.248 2.248 0 0 0 4.238 0zM6.86 7.92A5.3 5.3 0 0 0 6.748 9v3.855c0 .211-.049.421-.143.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 1 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(o, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };