@telefonica/mistica 16.68.0 → 16.70.0

package/dist/generated/mistica-icons/icon-optical-fiber-regular.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,51 +135,56 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const g = (_param)=>{
-    var { color: o, size: a = 24 } = _param, l = _object_without_properties(_param, [
+const H = (_param)=>{
+    var { color: m, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), e = o !== null && o !== void 0 ? o : t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "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 l = (0, _themevariantcontext.useThemeVariant)(), s = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: c, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: r } = (0, _hooks.useTheme)(), o = r.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "M5.609 20.114a7.4 7.4 0 0 1-.838-.696c-1.736-1.675-2.616-4.17-2.616-7.417s.88-5.742 2.616-7.417c1.673-1.611 4.107-2.429 7.23-2.429s5.557.818 7.23 2.429c1.736 1.672 2.616 4.168 2.616 7.417 0 3.25-.88 5.742-2.616 7.417-1.673 1.61-4.107 2.429-7.23 2.429-2.47 0-4.509-.512-6.08-1.522a.56.56 0 0 1-.312-.211m.418-1.087 2.683-2.648-.603-.61-.605-.611-2.668 2.63a6.3 6.3 0 0 0 1.193 1.239m.962.627c1.326.712 3.004 1.072 5.012 1.072 2.824 0 4.994-.711 6.45-2.114 1.51-1.454 2.275-3.678 2.275-6.611s-.764-5.154-2.274-6.61C16.995 3.986 14.824 3.274 12 3.274s-4.994.712-6.451 2.115C4.04 6.844 3.275 9.068 3.275 12c0 1.906.323 3.51.963 4.8l2.875-2.836a.56.56 0 0 1 .793.006l.193.196c.675-1.341 1.375-3.322 1.566-5.952a1.35 1.35 0 0 1-.457-.317Q8.8 7.471 8.8 6.788q.001-.68.41-1.11a1.45 1.45 0 0 1 1.066-.436c.423 0 .793.151 1.068.437q.41.43.409 1.11c0 .45-.138.823-.41 1.108a1.36 1.36 0 0 1-.56.356c-.15 2.129-.616 3.868-1.15 5.216l4.86-4.801a1.4 1.4 0 0 1-.116-.594q.017-.589.505-1.07.487-.48 1.075-.493c.398-.011.768.14 1.067.437.3.297.457.666.446 1.064q-.018.589-.505 1.07-.487.478-1.075.493a1.4 1.4 0 0 1-.605-.117l-4.768 4.705c1.33-.51 3.023-.952 5.079-1.098a1.4 1.4 0 0 1 .355-.56c.283-.272.656-.409 1.11-.409q.683.002 1.109.412c.283.272.437.644.437 1.067s-.151.793-.437 1.07-.655.41-1.11.41c-.453 0-.823-.14-1.109-.41a1.4 1.4 0 0 1-.316-.456c-2.639.19-4.622.896-5.966 1.574l.224.227a.56.56 0 0 1-.006.792zm9.656-6.062c.003.143.048.204.093.246.025.026.103.099.333.099s.308-.073.333-.098c.045-.045.093-.11.093-.261s-.048-.216-.093-.26c-.025-.026-.103-.099-.333-.099s-.308.073-.333.099c-.045.044-.093.109-.093.257v.011q-.005.005 0 .006m-.781-5.132c.036 0 .148-.002.316-.17.16-.161.168-.26.17-.298l.001-.005c.003-.059-.011-.135-.112-.235-.1-.101-.185-.118-.25-.115-.036 0-.148.003-.316.17-.16.161-.168.26-.17.298v.005c-.004.056.008.132.109.233.109.106.187.12.252.117M10.28 7.214c.149 0 .213-.048.258-.093.025-.025.098-.1.098-.333 0-.232-.073-.308-.098-.333-.045-.045-.11-.093-.26-.093-.152 0-.216.048-.261.093-.025.025-.098.1-.098.333s.073.308.098.333c.042.045.103.09.246.093z"
         })
-    })) : i.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: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "M20.383 6.342a1.623 1.623 0 0 0-1.451 2.328l-4.782 4.832-1.388-1.402 6.934-7.008c.211.102.445.162.692.162.888 0 1.612-.731 1.612-1.63a1.62 1.62 0 0 0-1.617-1.62 1.623 1.623 0 0 0-1.451 2.329l-6.93 7.003-1.387-1.403L15.4 5.097a1.6 1.6 0 0 0 .692.161c.889 0 1.612-.73 1.612-1.629 0-.898-.724-1.629-1.612-1.629a1.623 1.623 0 0 0-1.452 2.328L9.854 9.165l-.146-.148a1.365 1.365 0 0 0-1.946 0L2 14.863 9.685 22l5.358-5.628a1.405 1.405 0 0 0 0-1.967l-.132-.135 4.785-4.837c.211.102.445.162.692.162.888 0 1.612-.73 1.612-1.629 0-.898-.728-1.624-1.617-1.624m0-3.254a.54.54 0 0 1 .536.541.54.54 0 0 1-.536.542.542.542 0 0 1 0-1.083m-3.755.541a.54.54 0 0 1-.536.542.54.54 0 0 1-.536-.542.54.54 0 0 1 .536-.541.54.54 0 0 1 .536.541M9.62 19.977l-5.556-5.16 4.672-4.74 5.253 5.313zM19.848 7.971c0-.296.242-.542.535-.542a.542.542 0 0 1 0 1.083.54.54 0 0 1-.535-.541"
         })
-    })) : i.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: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "M20.383 6.342a1.623 1.623 0 0 0-1.451 2.328l-4.782 4.832-1.388-1.402 6.934-7.008c.211.102.445.162.692.162.888 0 1.612-.731 1.612-1.63a1.62 1.62 0 0 0-1.617-1.62 1.623 1.623 0 0 0-1.451 2.329l-6.93 7.003-1.387-1.403L15.4 5.097a1.6 1.6 0 0 0 .692.161c.889 0 1.612-.73 1.612-1.629 0-.898-.724-1.629-1.612-1.629a1.623 1.623 0 0 0-1.452 2.328L9.854 9.165l-.146-.148a1.365 1.365 0 0 0-1.946 0L2 14.863 9.685 22l5.358-5.628a1.405 1.405 0 0 0 0-1.967l-.132-.135 4.785-4.837c.211.102.445.162.692.162.888 0 1.612-.73 1.612-1.629 0-.898-.728-1.624-1.617-1.624m0-3.254a.54.54 0 0 1 .536.541.54.54 0 0 1-.536.542.542.542 0 0 1 0-1.083m-3.755.541a.54.54 0 0 1-.536.542.54.54 0 0 1-.536-.542.54.54 0 0 1 .536-.541.54.54 0 0 1 .536.541M9.62 19.977l-5.556-5.16 4.672-4.74 5.253 5.313zM19.848 7.971c0-.296.242-.542.535-.542a.542.542 0 0 1 0 1.083.54.54 0 0 1-.535-.541"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "M15 3.25a2.75 2.75 0 1 1 0 5.5 2.74 2.74 0 0 1-1.667-.566A8.25 8.25 0 0 1 8.5 9.75h-.75v1.45h8.619A2.75 2.75 0 1 1 19 14.75a2.75 2.75 0 0 1-2.657-2.052L7.75 12.7v1.551h.766a7.6 7.6 0 0 1 4.717 1.644 2.75 2.75 0 1 1-.844 1.244 6.1 6.1 0 0 0-3.873-1.388h-.872a2.75 2.75 0 0 1-2.644 2H3.5c-.69 0-1.25-.56-1.25-1.25v-9c0-.69.56-1.25 1.25-1.25H5A2.75 2.75 0 0 1 7.643 8.25H8.5a6.75 6.75 0 0 0 3.934-1.266A2.75 2.75 0 0 1 15 3.25m0 13.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m-11.25-.5H5c.69 0 1.25-.56 1.25-1.25V9c0-.69-.56-1.25-1.25-1.25H3.75zM19 10.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m-4-6a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
         })
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };

package/dist/generated/mistica-icons/icon-outgoing-call-filled.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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,37 +135,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const p = (_param)=>{
-    var { color: r, size: l = 24 } = _param, o = _object_without_properties(_param, [
+const H = (_param)=>{
+    var { color: s, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), t = r !== null && r !== void 0 ? r : 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: l,
-        height: l,
+    const l = (0, _themevariantcontext.useThemeVariant)(), h = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: c } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : h), { skinName: d } = (0, _hooks.useTheme)(), a = d.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: r,
             d: "M21.84 17.894c-.013-.848-.43-1.686-1.234-2.49a4.8 4.8 0 0 0-1.003-.787c-.544-.336-1.101-.507-1.661-.507q-.235-.002-.474.04c-.717.12-1.423.523-2.095 1.195a6 6 0 0 0-.442.496.2.2 0 0 1-.118.025c-.188 0-.543-.112-1.135-.518-.882-.605-1.924-1.613-2.63-2.32l-.084-.083c-.706-.709-1.714-1.748-2.32-2.63-.52-.762-.56-1.135-.495-1.252a6 6 0 0 0 .496-.443c.672-.672 1.073-1.375 1.196-2.095s-.034-1.44-.465-2.135a5 5 0 0 0-.787-1c-.804-.804-1.642-1.218-2.49-1.235h-.054c-.86 0-1.728.415-2.582 1.23-.306.294-.6.697-.695.832q-.005.013-.011.016l-.02.026c-.795 1.154-.776 2.94.06 5.033.87 2.188 2.568 4.58 4.907 6.919l.002.001.003.002.079.078c2.339 2.34 4.73 4.037 6.919 4.908 1.072.428 2.064.641 2.93.641.826 0 1.54-.193 2.103-.582l.03-.023.012-.008q.009-.008.02-.014c.15-.11.533-.389.812-.68.83-.872 1.244-1.76 1.227-2.64m-8.246-8.683.95 1.056a.76.76 0 0 0 .614.31.75.75 0 0 0 .518-.206l2.532-2.177.557.62a.6.6 0 0 0 .451.212.6.6 0 0 0 .143-.02.59.59 0 0 0 .417-.464l.813-3.79a.633.633 0 0 0-.625-.779q-.027 0-.053.003l-3.846.3a.58.58 0 0 0-.515.355.58.58 0 0 0 .128.614l.552.613-2.52 2.219a.77.77 0 0 0-.115 1.134"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: r,
                 d: "M5.382 3.11c.504-.36.968-.422 1.367-.31.384.11.67.368.856.577l.15.186c.184.241.457.63.733 1.03.374.542.77 1.128.992 1.464.25.379.379.75.365 1.118-.015.37-.172.7-.426 1.002l-.01.011-.543.568-.02.018c-.168.144-.21.325-.158.57.057.26.216.557.415.856l.157.219c.824 1.1 2.203 2.35 3.535 3.498.3.192.596.348.855.401.25.052.434.007.577-.163l.017-.02.568-.543.01-.011c.296-.25.614-.416.974-.437s.722.101 1.103.347c.34.219.932.607 1.48.974.54.361 1.057.718 1.23.867.21.183.474.466.586.848.117.397.058.86-.3 1.365a15 15 0 0 1-1.072 1.311 24 24 0 0 1-.546.586l-.038.038-.009.01-.017.019-.063.057a2 2 0 0 1-.236.178 3 3 0 0 1-.951.399c-.86.205-2.155.178-3.967-.654-1.495-.628-3.47-2.102-5.262-3.854-1.793-1.754-3.437-3.818-4.252-5.645l-.003-.004c-.69-1.64-.804-2.86-.69-3.716.106-.81.421-1.303.65-1.492l.003-.003.01-.008.034-.035.13-.125c.112-.105.27-.253.455-.42.37-.334.857-.753 1.31-1.077"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: r,
                 d: "M19 3.25q.067 0 .132.012l.016.003.04.011q.05.012.098.03.044.021.083.045.087.047.161.119a.77.77 0 0 1 .22.53v4a.75.75 0 0 1-1.5 0V5.81l-3.72 3.72a.75.75 0 1 1-1.06-1.06l3.72-3.72H15a.75.75 0 0 1 0-1.5z"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ _react.cloneElement(a, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: c
+        }, "gradient-defs"),
+        ..._react.Children.toArray(a.props.children)
+    ]) : a;
 };

package/dist/generated/mistica-icons/icon-outgoing-call-light.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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,15 +135,14 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const p = (_param)=>{
-    var { color: r, size: l = 24 } = _param, o = _object_without_properties(_param, [
+const H = (_param)=>{
+    var { color: s, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), t = r !== null && r !== void 0 ? r : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "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: l,
-        height: l,
+    const e = (0, _themevariantcontext.useThemeVariant)(), h = e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: t, gradientDef: n } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : h), { skinName: m } = (0, _hooks.useTheme)(), a = m.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"
     }, o), {
@@ -109,8 +151,8 @@ const p = (_param)=>{
             d: "M21.841 17.642c-.017-.921-.457-1.82-1.305-2.67a5 5 0 0 0-1.037-.806c-.753-.468-1.535-.639-2.33-.504-.773.132-1.524.555-2.23 1.26a5 5 0 0 0-.336.362c-.118-.034-.359-.129-.768-.41-.815-.56-1.792-1.512-2.459-2.176l-.081-.08c-.667-.668-1.62-1.65-2.174-2.46-.28-.412-.378-.65-.409-.768q.19-.155.361-.333c.704-.706 1.13-1.457 1.261-2.233.134-.792-.034-1.577-.496-2.322A5.2 5.2 0 0 0 9.02 3.46c-.848-.848-1.748-1.288-2.67-1.305-.963-.003-1.901.415-2.814 1.289-.307.293-.59.68-.73.871l-.021.028c-.843 1.224-.84 3.072.011 5.21.857 2.145 2.516 4.487 4.796 6.767l.08.081c2.278 2.28 4.62 3.942 6.768 4.796 1.073.429 2.068.644 2.961.644.885 0 1.642-.213 2.227-.619q.037-.024.076-.053a6.4 6.4 0 0 0 .846-.709c.876-.916 1.308-1.862 1.291-2.818m-.82.017c.01.731-.345 1.482-1.065 2.236-.247.257-.614.523-.773.638-.986.68-2.583.644-4.44-.098-2.045-.812-4.289-2.409-6.496-4.616l-.084-.084c-2.196-2.2-3.787-4.443-4.602-6.482-.748-1.874-.782-3.451-.073-4.473a5 5 0 0 1 .616-.74c.737-.706 1.474-1.064 2.19-1.064h.043c.703.014 1.412.372 2.103 1.064q.407.396.698.885c.361.577.493 1.168.392 1.76-.104.602-.45 1.204-1.034 1.787a4 4 0 0 1-.44.392.4.4 0 0 0-.103.123c-.19.336-.028.871.493 1.636.594.865 1.58 1.885 2.272 2.577l.08.078c.687.69 1.704 1.675 2.575 2.272.765.524 1.297.689 1.636.496a.4.4 0 0 0 .118-.101q.185-.236.395-.443c.582-.582 1.184-.933 1.787-1.033q.891-.148 1.773.398c.32.19.613.422.874.688.692.692 1.05 1.401 1.064 2.104m-7.048-9.255s2.512-2.21 2.51-2.213a.41.41 0 0 0 .033-.582l-.549-.61c-.03-.034-.081-.107-.05-.186.03-.075.117-.095.165-.098l3.832-.291h.02a.23.23 0 0 1 .173.073.22.22 0 0 1 .045.201l-.807 3.776c-.008.037-.036.126-.12.152-.076.02-.149-.037-.18-.073l-.557-.617a.407.407 0 0 0-.571-.036l-2.541 2.185a.33.33 0 0 1-.26.09c-.101-.009-.194-.06-.28-.171l-.947-1.053a.36.36 0 0 1-.084-.283c.01-.098.061-.182.168-.264M13.28 9.5l.924 1.025c.202.269.507.44.843.467a1.12 1.12 0 0 0 .883-.3l2.218-1.907.283.322c.25.283.636.407 1.003.314a1 1 0 0 0 .711-.773l.807-3.776A1.038 1.038 0 0 0 19.931 3.6l-.087.003-3.83.297a1 1 0 0 0-.862.61c-.137.348-.059.746.204 1.04l.275.302-2.171 1.91q-.046.035-.09.074a1.18 1.18 0 0 0-.09 1.664"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -125,4 +167,10 @@ const p = (_param)=>{
             })
         ]
     }));
+    return n ? /*#__PURE__*/ _react.cloneElement(a, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: n
+        }, "gradient-defs"),
+        ..._react.Children.toArray(a.props.children)
+    ]) : a;
 };

package/dist/generated/mistica-icons/icon-outgoing-call-regular.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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,37 +135,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const p = (_param)=>{
-    var { color: o, size: l = 24 } = _param, r = _object_without_properties(_param, [
+const H = (_param)=>{
+    var { color: s, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), e = o !== null && o !== void 0 ? o : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "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: l,
-        height: l,
+    const e = (0, _themevariantcontext.useThemeVariant)(), m = e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: t, gradientDef: n } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: h } = (0, _hooks.useTheme)(), a = h.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"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M21.84 17.508c-.016-.963-.467-1.89-1.341-2.764a5.5 5.5 0 0 0-1.05-.832c-.785-.485-1.603-.662-2.435-.521-.804.137-1.58.574-2.302 1.297a5 5 0 0 0-.236.246 3.6 3.6 0 0 1-.549-.32c-.784-.537-1.73-1.456-2.37-2.095l-.08-.08c-.645-.64-1.56-1.583-2.099-2.37a3.6 3.6 0 0 1-.319-.55q.127-.11.246-.232c.726-.723 1.16-1.499 1.297-2.303.14-.829-.036-1.65-.512-2.42a5.4 5.4 0 0 0-.838-1.067c-.874-.871-1.804-1.322-2.764-1.342-.998-.014-1.975.426-2.916 1.325-.328.314-.63.731-.762.916-.869 1.26-.874 3.143-.012 5.3.838 2.11 2.454 4.398 4.673 6.63q.027.036.061.065l.076.075c2.25 2.25 4.56 3.885 6.69 4.734 1.072.429 2.072.644 2.974.644.913 0 1.697-.22 2.386-.7.152-.11.552-.4.858-.72.899-.938 1.344-1.921 1.325-2.916m-1.26.023c.014.652-.314 1.33-.975 2.022-.227.238-.571.487-.72.594-.89.616-2.383.571-4.12-.12-1.97-.785-4.135-2.326-6.266-4.454l-.045-.045-.03-.034c-2.13-2.129-3.67-4.294-4.455-6.263-.7-1.754-.745-3.219-.098-4.149q.329-.457.572-.691c.692-.661 1.375-.992 2.022-.975.625.011 1.263.339 1.894.969q.375.368.647.824c.325.523.44 1.036.35 1.56-.09.543-.41 1.09-.944 1.624a4 4 0 0 1-.412.367.6.6 0 0 0-.16.185c-.232.42-.075 1.003.496 1.838.6.874 1.569 1.874 2.244 2.546l.081.081c.678.675 1.68 1.647 2.55 2.244.834.571 1.42.728 1.834.493a.6.6 0 0 0 .185-.157q.17-.217.367-.412c.535-.535 1.084-.851 1.624-.944.519-.084 1.045.031 1.578.359.296.176.568.392.809.639.633.635.96 1.274.972 1.899M14.08 8.662l2.45-2.16.003-.002a.63.63 0 0 0 .048-.89l-.451-.505 3.597-.28.01.003-.761 3.568-.468-.515a.63.63 0 0 0-.88-.053l-2.462 2.114-.05.026c-.023.01-.046.02-.05.025-.045-.003-.073-.028-.124-.093l-.924-1.03a.12.12 0 0 1-.028-.096c.006-.03.02-.058.09-.112m-.998 1.054.888.983c.238.313.597.515.99.546.377.036.75-.09 1.027-.347l1.997-1.717.132.145c.314.35.776.493 1.207.376.434-.115.762-.471.86-.928l.79-3.689a1.25 1.25 0 0 0-.277-1.092 1.26 1.26 0 0 0-.947-.423l-.1.003-3.74.288a1.2 1.2 0 0 0-1.042.742c-.166.42-.073.9.243 1.253l.112.123-1.93 1.7q-.058.043-.109.09c-.566.51-.61 1.38-.1 1.947"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: t,
                 d: "M5.32 2.554c.535-.31 1.071-.374 1.565-.235.517.146.88.487 1.092.724.178.2.564.746.922 1.265.376.545.772 1.134.996 1.472.29.437.469.91.45 1.413-.02.508-.237.943-.543 1.306l-.016.018-.016.017-.543.567-.027.03-.03.025-.003.002c0 .013 0 .04.01.08.035.164.15.393.336.677l.15.207c.778 1.038 2.101 2.246 3.432 3.392.274.174.496.28.657.314a.4.4 0 0 0 .087.008l.005-.004.025-.03.028-.027.568-.545.016-.016.018-.014c.347-.295.764-.526 1.267-.556.5-.03.968.146 1.404.427l1.487.977c.525.352 1.076.73 1.278.906.24.207.587.568.74 1.084.145.493.084 1.03-.224 1.566l-.148.23a16 16 0 0 1-1.109 1.356 25 25 0 0 1-.557.599l-.036.037-.008.008-.027.028q-.032.034-.086.08c-.07.061-.167.139-.293.22-.253.166-.619.35-1.108.466-.986.236-2.391.185-4.277-.678-1.58-.664-3.607-2.188-5.417-3.958-1.815-1.774-3.509-3.89-4.36-5.798l-.003-.007-.003-.008c-.717-1.702-.854-3.013-.727-3.974.113-.858.45-1.477.796-1.784l.013-.013.037-.035.134-.128c.114-.109.275-.26.464-.431a16 16 0 0 1 1.356-1.111zm1.157 1.21c-.061-.018-.187-.041-.412.092l-.102.067c-.407.29-.861.68-1.222 1.005-.178.16-.329.302-.436.404l-.124.119-.032.03-.007.008-.002.002-.038.037-.043.032c.061-.045-.19.164-.28.84-.085.641-.016 1.677.616 3.183l.149.315c.786 1.591 2.247 3.414 3.89 5.02 1.646 1.61 3.39 2.92 4.695 3.536l.254.114.023.01c1.653.76 2.72.736 3.323.591a2 2 0 0 0 .638-.262c.061-.04.102-.074.123-.092l.068-.068.119-.124c.1-.107.242-.259.403-.437.325-.36.712-.814 1-1.22.205-.29.175-.44.156-.505-.033-.112-.13-.241-.282-.374-.114-.098-.566-.413-1.132-.793-.542-.363-1.13-.747-1.465-.962-.271-.175-.424-.195-.502-.19-.073.005-.19.037-.378.194l-.532.512c-.441.484-1.019.547-1.497.448-.452-.093-.882-.336-1.207-.545l-.044-.029-.039-.034c-1.41-1.214-2.993-2.642-3.878-3.919l-.004-.007-.005-.006c-.213-.321-.462-.748-.56-1.199-.105-.482-.043-1.066.449-1.51l.5-.523c.146-.175.182-.298.185-.389.004-.097-.026-.264-.2-.526-.22-.331-.61-.912-.98-1.448-.29-.42-.543-.777-.693-.976l-.113-.142c-.134-.151-.266-.247-.382-.28"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: t,
                 d: "M19 3.25q.12.002.23.04l.056.017.006.002.12.065q.064.04.118.095a.8.8 0 0 1 .128.178q.02.032.034.066l.018.056c.023.073.04.15.04.23v4a.75.75 0 0 1-1.5 0V5.81l-3.72 3.72a.75.75 0 1 1-1.06-1.06l3.72-3.72H15a.75.75 0 0 1 0-1.5z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ _react.cloneElement(a, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: n
+        }, "gradient-defs"),
+        ..._react.Children.toArray(a.props.children)
+    ]) : a;
 };

package/dist/generated/mistica-icons/icon-outlet-filled.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,27 +134,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const c = (_param)=>{
-    var { color: i, size: r = 24 } = _param, l = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: s, size: n = 24 } = _param, d = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), e = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const t = (0, _themevariantcontext.useThemeVariant)(), c = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : c), e = /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, d), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: a,
                 d: "M10 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2m4 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: a,
                 d: "M18.75 2.5a2.75 2.75 0 0 1 2.75 2.75v13.5a2.75 2.75 0 0 1-2.75 2.75H5.25a2.75 2.75 0 0 1-2.75-2.75V5.25A2.75 2.75 0 0 1 5.25 2.5zM12 5.75a6.25 6.25 0 1 0 0 12.5 6.25 6.25 0 0 0 0-12.5"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(e, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(e.props.children)
+    ]) : e;
 };