@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -6,12 +6,55 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return c;
+        return C;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+const _icongradient = require("../../utils/icon-gradient.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -91,21 +134,26 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const c = (_param)=>{
-    var { color: o, size: l = 24 } = _param, t = _object_without_properties(_param, [
+const C = (_param)=>{
+    var { color: i, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), i = o !== null && o !== void 0 ? o : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const e = (0, _themevariantcontext.useThemeVariant)(), c = e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: m, gradientDef: n } = (0, _icongradient.useIconGradient)(i !== null && i !== void 0 ? i : c), t = /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: m,
             d: "M11.47 11.47a.75.75 0 0 1 .767-.182l9 3a.75.75 0 0 1 .098 1.383l-3.776 1.888-1.888 3.776a.75.75 0 0 1-1.383-.098l-3-9a.75.75 0 0 1 .182-.767m3.669 7.574 1.19-2.379.063-.104a.75.75 0 0 1 .273-.232l2.379-1.19-5.857-1.952zM7.27 15.67a.75.75 0 0 1 1.06 1.06l-2.2 2.2a.75.75 0 0 1-1.06-1.06zM6 11.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5zm-.93-6.18a.75.75 0 0 1 1.06 0l2.2 2.2a.75.75 0 0 1-1.06 1.06l-2.2-2.2a.75.75 0 0 1 0-1.06m12.8 0a.75.75 0 0 1 1.06 1.06l-2.2 2.2a.75.75 0 0 1-1.06-1.06zM12 2.25a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0V3a.75.75 0 0 1 .75-.75"
         })
     }));
+    return n ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: n
+        }, "gradient-defs"),
+        ..._react.Children.toArray(t.props.children)
+    ]) : t;
 };

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        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,25 +135,24 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: r, size: l = 24 } = _param, i = _object_without_properties(_param, [
+const M = (_param)=>{
+    var { color: h, size: l = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), a = 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: n } = (0, _hooks.useTheme)();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useThemeVariant)(), d = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: t, gradientDef: n } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : d), { skinName: f } = (0, _hooks.useTheme)(), r = f.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M21.836 17.89c-.017-.85-.431-1.687-1.235-2.49a5 5 0 0 0-1-.788c-.695-.431-1.415-.588-2.135-.465s-1.425.524-2.098 1.196a6 6 0 0 0-.442.496c-.118.067-.49.028-1.252-.496-.88-.605-1.922-1.613-2.628-2.32l-.084-.083c-.706-.706-1.714-1.748-2.32-2.628-.52-.761-.56-1.134-.495-1.252a5 5 0 0 0 .496-.442c.672-.673 1.076-1.378 1.196-2.098s-.03-1.434-.462-2.13a5 5 0 0 0-.787-1c-.804-.803-1.642-1.22-2.49-1.234h-.05c-.864 0-1.732.411-2.586 1.226a6.3 6.3 0 0 0-.695.832l-.028.042c-.796 1.154-.776 2.942.059 5.031.87 2.185 2.568 4.577 4.907 6.916l.084.084c2.34 2.34 4.731 4.037 6.916 4.908 1.07.425 2.062.641 2.927.641.827 0 1.541-.193 2.104-.582l.025-.02.017-.011c.135-.095.54-.39.832-.695.826-.871 1.24-1.759 1.224-2.639"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M12.752 11.946a.757.757 0 0 1-.748-.93l.97-4.535a.71.71 0 0 1 .498-.558c.252-.07.518.02.712.233l.669.74 3.03-2.606a.9.9 0 0 1 .695-.244.92.92 0 0 1 .662.367l1.134 1.264c.18.201.263.467.23.733a.9.9 0 0 1-.367.625L17.22 9.691l.661.733c.196.216.252.49.154.737s-.33.406-.619.429l-4.6.355z"
             })
         ]
@@ -119,16 +161,22 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M5.382 3.11c.504-.36.968-.422 1.367-.31.384.11.67.368.857.577l.15.186c.183.241.456.63.732 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-.157.57.056.26.215.557.414.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-.01c.296-.252.614-.417.974-.438s.722.102 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.057c-.053.048-.131.11-.236.178a3 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-.002-.004c-.692-1.64-.805-2.86-.692-3.715.107-.81.422-1.304.65-1.493h.001l.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: a,
+                fill: t,
                 d: "M18.47 3.47a.75.75 0 1 1 1.06 1.06l-3.72 3.72H18a.75.75 0 0 1 0 1.5h-4a1 1 0 0 1-.132-.013q-.01 0-.017-.003l-.04-.011q-.05-.012-.098-.03a.75.75 0 0 1-.362-.324q-.025-.04-.044-.083A.8.8 0 0 1 13.25 9V5a.75.75 0 0 1 1.5 0v2.19z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ _react.cloneElement(r, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: n
+        }, "gradient-defs"),
+        ..._react.Children.toArray(r.props.children)
+    ]) : r;
 };

package/dist/generated/mistica-icons/icon-click-to-call-light.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,43 +135,48 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const g = (_param)=>{
-    var { color: r, size: l = 24 } = _param, i = _object_without_properties(_param, [
+const H = (_param)=>{
+    var { color: s, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), c = r !== null && r !== void 0 ? r : t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const t = (0, _themevariantcontext.useThemeVariant)(), m = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: e, gradientDef: n } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: d } = (0, _hooks.useTheme)(), a = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: e,
                 d: "M17.804 21.839c-.854 0-1.838-.213-2.908-.639-2.215-.885-4.644-2.61-7.025-4.991l-.087-.087c-2.38-2.381-4.106-4.81-4.989-7.025-.82-2.056-.851-3.799-.09-4.905l.006-.008.006-.009.017-.022a6 6 0 0 1 .68-.815C5.064 1.76 6.7 1.763 8.28 3.34c.297.292.555.617.765.975 1.042 1.675.19 3.098-.709 3.995a5 5 0 0 1-.518.456c-.3.356.095 1.101.482 1.664.635.927 1.689 2.014 2.423 2.748l.086.087c.737.736 1.821 1.787 2.748 2.423.566.386 1.308.781 1.664.482q.21-.274.46-.519c.899-.896 2.319-1.748 3.994-.708q.535.32.975.767c1.577 1.577 1.58 3.216.003 4.866a6.3 6.3 0 0 1-.816.68l-.022.017-.014.011c-.53.37-1.207.555-1.997.555m-9.535-6.025c2.328 2.328 4.689 4.008 6.835 4.863.957.383 1.834.582 2.605.599.722.014 1.316-.134 1.767-.445l.037-.026c.327-.235.574-.442.736-.61.703-.737 1.04-1.426 1.028-2.107-.011-.652-.347-1.3-1.022-1.975a4.3 4.3 0 0 0-.863-.68l-.008-.006c-.538-.333-1.079-.456-1.611-.367-.563.096-1.132.429-1.697.995a5 5 0 0 0-.429.487l-.03.034c-1.051.966-3.121-.827-5.205-2.91l-.087-.088c-2.079-2.08-3.871-4.154-2.905-5.201l.008-.009a.1.1 0 0 1 .026-.022q.26-.197.487-.429c.563-.565.9-1.137.994-1.697.09-.532-.033-1.073-.366-1.61l-.006-.01a4.2 4.2 0 0 0-.68-.859C7.206 3.066 6.56 2.73 5.906 2.719c-.68-.014-1.37.322-2.106 1.025a5.4 5.4 0 0 0-.639.776c-.308.45-.459 1.045-.445 1.767.014.77.216 1.647.6 2.605.857 2.146 2.537 4.507 4.862 6.835l.048.048z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: e,
                 d: "M12.291 11.724a.48.48 0 0 1-.37-.162.49.49 0 0 1-.103-.432l.969-4.535c.04-.179.146-.305.297-.344.151-.04.308.014.431.148l.846.936h.011l3.241-2.784a.62.62 0 0 1 .482-.171.65.65 0 0 1 .468.266l1.146 1.274a.647.647 0 0 1-.107.953l-3.24 2.851.85.944c.124.137.16.3.104.446-.056.145-.196.238-.38.252l-4.6.355q-.024.004-.045.003m.989-4.748-.893 4.182 4.218-.327-.658-.731a.555.555 0 0 1 .045-.79h.002l3.255-2.866.034-.025a.07.07 0 0 0 .033-.053.1.1 0 0 0-.014-.065l-.002-.003-1.157-1.285q-.014-.013-.023-.028a.1.1 0 0 0-.064-.042q-.024-.003-.045.01l-.006.006-.014.014-3.249 2.793a.57.57 0 0 1-.79-.05z"
             })
         ]
     })) : /* @__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"
-    }, i), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: e,
                 d: "M5.32 2.554c.535-.31 1.071-.374 1.564-.235.518.146.881.487 1.093.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-.238.943-.544 1.306l-.015.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.431 3.392q.415.262.658.314a.4.4 0 0 0 .086.008q.003 0 .005-.004l.026-.03.028-.027.567-.545.017-.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-.558.599l-.035.037-.008.008-.027.028-.086.08c-.07.061-.167.139-.293.22-.253.166-.619.35-1.108.466-.986.236-2.391.185-4.278-.678-1.58-.664-3.606-2.188-5.417-3.958-1.814-1.774-3.508-3.89-4.359-5.798l-.003-.007-.003-.008c-.717-1.702-.855-3.013-.727-3.974.113-.858.449-1.477.796-1.784l.013-.013.037-.035.134-.128c.114-.109.275-.26.464-.431.375-.338.878-.771 1.355-1.111zm1.157 1.21c-.061-.018-.187-.041-.412.092l-.102.067c-.407.29-.861.68-1.222 1.005-.178.16-.33.302-.436.404l-.124.119-.032.03-.007.008-.002.002-.038.037-.043.032c.06-.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.591.307-.073.515-.182.638-.262.061-.04.102-.074.123-.092l.068-.068.118-.124c.102-.107.243-.259.404-.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-.04-.034c-1.41-1.214-2.993-2.642-3.877-3.919l-.004-.007-.005-.006c-.213-.321-.462-.748-.56-1.199-.105-.482-.043-1.066.449-1.51l.5-.523c.145-.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: c,
+                fill: e,
                 d: "M18.47 3.47a.75.75 0 0 1 1.06 1.06l-3.72 3.72H18a.75.75 0 0 1 0 1.5h-4a.7.7 0 0 1-.23-.04c-.02-.007-.04-.01-.057-.018q-.036-.016-.068-.035a.7.7 0 0 1-.176-.126.76.76 0 0 1-.22-.531V5a.75.75 0 0 1 1.5 0v2.189z"
             })
         ]
     }));
+    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-click-to-call-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,43 +135,48 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const g = (_param)=>{
-    var { color: i, size: l = 24 } = _param, r = _object_without_properties(_param, [
+const H = (_param)=>{
+    var { color: h, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), c = 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: n } = (0, _hooks.useTheme)();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("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: a, gradientDef: n } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : m), { skinName: d } = (0, _hooks.useTheme)(), t = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("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: c,
+                fill: a,
                 d: "M17.634 21.841c-.868 0-1.857-.213-2.927-.641-2.185-.871-4.577-2.569-6.916-4.908l-.084-.084C5.368 13.872 3.674 11.48 2.8 9.295c-.832-2.092-.855-3.88-.056-5.034l.028-.042c.095-.134.389-.54.694-.832.871-.829 1.757-1.243 2.636-1.227.849.017 1.686.432 2.49 1.236q.46.452.787 1c.432.694.589 1.414.465 2.134s-.523 1.423-1.196 2.095a6 6 0 0 1-.495.443c-.068.118-.026.49.495 1.252.605.88 1.614 1.922 2.32 2.628l.084.084c.706.706 1.748 1.714 2.627 2.319.762.521 1.135.56 1.252.496a5 5 0 0 1 .443-.496c.672-.672 1.378-1.076 2.098-1.196s1.437.034 2.134.465a5 5 0 0 1 1 .787c.804.804 1.219 1.641 1.236 2.49.016.88-.398 1.765-1.227 2.636a6.4 6.4 0 0 1-.813.68l-.02.015-.016.01-.025.02c-.566.39-1.28.583-2.107.583m-9.047-6.339c2.23 2.233 4.49 3.84 6.535 4.656 1.7.678 3.145.745 3.972.182l.033-.023a5 5 0 0 0 .678-.56c.62-.65.93-1.269.919-1.84-.011-.555-.308-1.118-.908-1.72a3.8 3.8 0 0 0-.778-.613l-.017-.009c-.465-.291-.91-.392-1.361-.316-.485.08-.986.38-1.493.885q-.215.209-.395.448-.03.034-.06.064c-.237.222-.666.449-1.344.275-.383-.098-.815-.314-1.32-.659-.957-.655-2.047-1.714-2.786-2.45l-.084-.084c-.737-.737-1.793-1.83-2.451-2.785-.345-.504-.56-.935-.658-1.32-.171-.677.056-1.106.277-1.346a.4.4 0 0 1 .064-.06q.239-.18.448-.394c.505-.504.802-1.006.886-1.493.075-.451-.028-.897-.317-1.362l-.008-.016a4 4 0 0 0-.614-.78c-.605-.593-1.168-.89-1.722-.901-.572-.008-1.194.297-1.84.919a5 5 0 0 0-.561.678l-.025.033c-.56.827-.496 2.272.182 3.972.815 2.045 2.426 4.306 4.655 6.535l.05.05z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: a,
                 d: "M12.763 12.01a.757.757 0 0 1-.748-.93l.97-4.536a.71.71 0 0 1 .498-.557c.252-.07.518.02.712.232l.669.74 3.03-2.605a.9.9 0 0 1 .696-.244.92.92 0 0 1 .66.367l1.135 1.263c.18.202.263.468.23.734a.9.9 0 0 1-.367.625L17.23 9.752l.661.733c.193.216.252.49.154.737s-.328.406-.619.429l-4.6.355q-.034.004-.064.003m1.149-4.435-.7 3.28 3.277-.255-.28-.308a.837.837 0 0 1 .061-1.182q.004-.005.009-.006l3.14-2.764-.922-1.025-3.104 2.669a.854.854 0 0 1-1.182-.076z"
             })
         ]
     })) : /* @__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: c,
+                fill: a,
                 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: c,
+                fill: a,
                 d: "M18.47 3.47a.75.75 0 0 1 1.06 1.06l-3.72 3.72H18a.75.75 0 0 1 0 1.5h-4a.7.7 0 0 1-.23-.04c-.02-.007-.039-.01-.057-.018q-.035-.016-.068-.035a.7.7 0 0 1-.175-.126.76.76 0 0 1-.209-.4A1 1 0 0 1 13.25 9V5a.75.75 0 0 1 1.5 0v2.189z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: n
+        }, "gradient-defs"),
+        ..._react.Children.toArray(t.props.children)
+    ]) : t;
 };

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        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,41 +135,46 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: o, size: a = 24 } = _param, l = _object_without_properties(_param, [
+const V = (_param)=>{
+    var { color: s, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), c = 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: r } = (0, _hooks.useTheme)();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = (0, _themevariantcontext.useThemeVariant)(), d = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: c } = (0, _hooks.useTheme)(), l = c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: o,
             d: "M15.693 5.547a.81.81 0 0 0-.818.798l-.01 11.09c0 1.913-.914 2.804-2.87 2.804-1.957 0-2.87-.89-2.87-2.804V5.444c0-1.185.515-1.69 1.728-1.69s1.728.505 1.728 1.692l.025 11.356c0 .373-.078.448-.459.448-.38 0-.457-.075-.457-.448V6.4a.81.81 0 0 0-.817-.801.81.81 0 0 0-.818.798V16.8c0 1.264.8 2.048 2.095 2.048 1.291 0 2.095-.784 2.095-2.048L14.22 5.444c-.003-2.06-1.26-3.289-3.367-3.289s-3.364 1.23-3.364 3.289v11.991c0 2.798 1.641 4.406 4.507 4.406 2.862 0 4.504-1.605 4.504-4.403l.011-11.09a.81.81 0 0 0-.818-.8"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : c.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"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: o,
             d: "M16.53 22a3.43 3.43 0 0 1-2.459-1.043L3.89 10.506A5 5 0 0 1 2.47 6.98c0-1.33.506-2.58 1.42-3.523a4.773 4.773 0 0 1 6.864 0l10.554 10.825c.28.288.28.755 0 1.043a.705.705 0 0 1-1.016 0L9.74 4.5a3.34 3.34 0 0 0-2.417-1.028c-.914 0-1.769.363-2.417 1.028a3.52 3.52 0 0 0-1.001 2.481c0 .939.353 1.816 1.001 2.481l10.182 10.453c.795.816 2.09.816 2.885 0a2.14 2.14 0 0 0 0-2.962L7.791 6.505a.665.665 0 0 0-.933 0 .68.68 0 0 0-.193.48c0 .185.069.355.193.482l9.203 9.448c.28.288.28.755 0 1.043a.705.705 0 0 1-1.016 0L5.843 8.505a2.193 2.193 0 0 1 0-3.043 2.06 2.06 0 0 1 2.968 0l10.181 10.453c1.355 1.392 1.355 3.656 0 5.043A3.46 3.46 0 0 1 16.529 22"
         })
     })) : /* @__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"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: o,
             d: "M16.53 22a3.43 3.43 0 0 1-2.459-1.043L3.89 10.506A5 5 0 0 1 2.47 6.98c0-1.33.506-2.58 1.42-3.523a4.773 4.773 0 0 1 6.864 0l10.554 10.825c.28.288.28.755 0 1.043a.705.705 0 0 1-1.016 0L9.74 4.5a3.34 3.34 0 0 0-2.417-1.028c-.914 0-1.769.363-2.417 1.028a3.52 3.52 0 0 0-1.001 2.481c0 .939.353 1.816 1.001 2.481l10.182 10.453c.795.816 2.09.816 2.885 0a2.14 2.14 0 0 0 0-2.962L7.791 6.505a.665.665 0 0 0-.933 0 .68.68 0 0 0-.193.48c0 .185.069.355.193.482l9.203 9.448c.28.288.28.755 0 1.043a.705.705 0 0 1-1.016 0L5.843 8.505a2.193 2.193 0 0 1 0-3.043 2.06 2.06 0 0 1 2.968 0l10.181 10.453c1.355 1.392 1.355 3.656 0 5.043A3.46 3.46 0 0 1 16.529 22"
         })
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(l, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(l.props.children)
+    ]) : l;
 };