@telefonica/mistica 16.68.0 → 16.69.0

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return A;
     }
 });
 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 p = (_param)=>{
-    var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
+const A = (_param)=>{
+    var { color: s, size: e = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), a = 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: o } = (0, _hooks.useTheme)();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const l = (0, _themevariantcontext.useThemeVariant)(), m = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: t, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: v } = (0, _hooks.useTheme)(), r = v.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M4.465 18.637c1.479 1.432 3.65 2.157 6.451 2.157 1.697 0 3.176-.269 4.395-.795a.28.28 0 1 0-.224-.516c-1.149.499-2.552.75-4.171.75-2.65 0-4.69-.671-6.062-2-1.423-1.374-2.143-3.472-2.143-6.237s.72-4.866 2.143-6.238c1.37-1.328 3.412-2 6.062-2s4.692.672 6.062 2C18.4 7.133 19.12 9.23 19.12 11.996c0 .736-.051 1.43-.152 2.071a1.3 1.3 0 0 1-.172-.147c-.19-.19-.584-.646-1.173-1.33l-.138-.16-.356-.415a.28.28 0 0 0-.395-.028.28.28 0 0 0-.028.395l.356.412c.697.81 1.12 1.3 1.341 1.521q.407.404.824.404c.283 0 .566-.138.837-.415a18 18 0 0 0 .869-.975l.027-.031c.282-.332.571-.67.802-.902a.28.28 0 1 0-.395-.395 17 17 0 0 0-.86.967L20.48 13c-.286.334-.577.675-.81.909a2 2 0 0 1-.13.117 14 14 0 0 0 .14-2.03c0-2.922-.778-5.157-2.313-6.642-1.48-1.431-3.65-2.156-6.451-2.156s-4.972.725-6.451 2.156C2.93 6.84 2.151 9.074 2.151 11.996c0 2.921.779 5.157 2.314 6.641"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M12.804 15.833h-4.37a.28.28 0 0 1-.28-.28V10.61a.28.28 0 0 1 .28-.28h4.37a.28.28 0 0 1 .28.28v4.944a.28.28 0 0 1-.28.28m-.28-2.196v-1.084h-3.81v1.084zm-.902.56v1.076h.902v-1.075zm-.56 0h-.897v1.076h.897zm-1.457 0h-.89v1.076h.89zm-.89-2.204h.89V10.89h-.89zm1.45 0h.897V10.89h-.897zm1.457 0h.902V10.89h-.902z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M9.524 5.973h3.46c.587 0 .932.236 1.12.432.252.266.383.636.383 1.073v8.501c0 .437-.134.807-.383 1.073-.185.199-.533.434-1.12.434H8.29c-.588 0-.932-.235-1.12-.434-.252-.266-.384-.636-.384-1.073V8.741a.57.57 0 0 1 .163-.392L9.123 6.14a.57.57 0 0 1 .4-.168m3.46.56H9.52l-2.173 2.21v7.24c0 .575.3.948.944.948h4.692c.644 0 .944-.373.944-.947V7.48c0-.574-.3-.946-.944-.946"
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M19.47 13.47a.75.75 0 0 1 1.06 0l2 2a1 1 0 0 1 .067.078l.011.015a1 1 0 0 1 .073.127l.018.042a1 1 0 0 1 .034.117l.004.027q.01.053.011.11v.034a1 1 0 0 1-.01.103l-.006.032a1 1 0 0 1-.039.132 1 1 0 0 1-.063.118q-.022.035-.048.069l-.016.016-.036.04-2 2a.75.75 0 1 1-1.06-1.06l.72-.72H19a2.25 2.25 0 1 0 1.5 3.927.75.75 0 0 1 1 1.118A3.75 3.75 0 1 1 19 15.25h1.19l-.72-.72a.75.75 0 0 1 0-1.06"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M17 2.25A2.75 2.75 0 0 1 19.75 5v5.5a.75.75 0 0 1-1.5 0V5A1.25 1.25 0 0 0 17 3.75h-6.172c-.29 0-.57.101-.792.283l-.092.083-3.828 3.828a1.25 1.25 0 0 0-.366.884V19A1.25 1.25 0 0 0 7 20.25h6a.75.75 0 0 1 0 1.5H7A2.75 2.75 0 0 1 4.25 19V8.828c0-.73.29-1.429.806-1.944l3.828-3.828a2.75 2.75 0 0 1 1.944-.806z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M14.5 10.25a2.25 2.25 0 0 1 2.25 2.25v1a.75.75 0 0 1-1.5 0v-1a.75.75 0 0 0-.75-.75h-5a.75.75 0 0 0-.75.75v4c0 .414.336.75.75.75H12a.75.75 0 0 1 0 1.5H9.5a2.25 2.25 0 0 1-2.25-2.25v-4a2.25 2.25 0 0 1 2.25-2.25z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(r, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(r.props.children)
+    ]) : r;
 };

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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 p = (_param)=>{
-    var { color: o, size: h = 24 } = _param, i = _object_without_properties(_param, [
+const M = (_param)=>{
+    var { color: v, size: e = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), a = 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: v } = (0, _hooks.useTheme)();
-    return v.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    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: t, gradientDef: n } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M4.471 18.664c1.493 1.446 3.672 2.18 6.474 2.18 1.902 0 3.526-.34 4.834-1.009a.56.56 0 0 0-.512-.997c-1.146.588-2.6.888-4.322.888-2.502 0-4.418-.628-5.695-1.863-1.322-1.283-1.995-3.252-1.995-5.86s.673-4.58 1.995-5.86C6.527 4.908 8.443 4.28 10.945 4.28c2.5 0 4.417.628 5.694 1.863 1.322 1.283 1.995 3.252 1.995 5.86v.01q0 .726-.072 1.39a93 93 0 0 1-1.012-1.165l-.345-.4a.56.56 0 1 0-.849.731l.345.4.075.088c.639.74 1.028 1.193 1.244 1.408.317.317.658.476 1.003.476.347 0 .697-.162 1.025-.484.238-.236.517-.562.792-.884l.068-.08c.277-.327.566-.666.79-.89a.561.561 0 0 0-.793-.793c-.247.247-.54.59-.825.925l-.026.03-.03.034-.314.366q.045-.565.044-1.165v-.01c-.002-2.915-.79-5.154-2.336-6.65-1.493-1.446-3.672-2.18-6.473-2.18-2.802 0-4.98.734-6.474 2.18-1.549 1.498-2.336 3.742-2.336 6.663s.787 5.163 2.336 6.661"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M12.802 15.84h-4.37a.28.28 0 0 1-.28-.28v-4.943a.28.28 0 0 1 .28-.28h4.37a.28.28 0 0 1 .28.28v4.944a.28.28 0 0 1-.28.28m-.28-2.195V12.56h-3.81v1.084zm-.902.56v1.076h.902v-1.076zm-.56 0h-.897v1.076h.896zm-1.457 0h-.891v1.076h.89zM8.712 12h.89v-1.103h-.89zm1.451 0h.896v-1.103h-.896zm1.457 0h.902v-1.103h-.902z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M12.98 5.42H9.523c-.3 0-.589.121-.799.334L6.55 7.96a1.12 1.12 0 0 0-.323.787v7.238c0 .734.292 1.196.535 1.457.264.277.74.61 1.53.61h4.692c.787 0 1.266-.33 1.53-.61.243-.26.534-.723.534-1.457v-8.5c0-.734-.291-1.199-.535-1.457-.266-.277-.742-.607-1.532-.607m0 1.121c.645 0 .945.373.945.947v8.501c0 .574-.3.947-.944.947H8.29c-.643 0-.943-.373-.943-.947V8.75l2.175-2.21z"
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M19.47 13.47a.75.75 0 0 1 1.06 0l2 2a1 1 0 0 1 .067.078l.011.015a1 1 0 0 1 .073.127l.018.042a1 1 0 0 1 .034.117l.004.027q.01.053.011.11v.034a1 1 0 0 1-.01.103l-.006.032a1 1 0 0 1-.039.132 1 1 0 0 1-.063.118q-.022.035-.048.069l-.016.016-.036.04-2 2a.75.75 0 1 1-1.06-1.06l.72-.72H19a2.25 2.25 0 1 0 1.5 3.927.75.75 0 0 1 1 1.118A3.75 3.75 0 1 1 19 15.25h1.19l-.72-.72a.75.75 0 0 1 0-1.06"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M17 2.25A2.75 2.75 0 0 1 19.75 5v5.5a.75.75 0 0 1-1.5 0V5A1.25 1.25 0 0 0 17 3.75h-6.172c-.29 0-.57.101-.792.283l-.092.083-3.828 3.828a1.25 1.25 0 0 0-.366.884V19A1.25 1.25 0 0 0 7 20.25h6a.75.75 0 0 1 0 1.5H7A2.75 2.75 0 0 1 4.25 19V8.828c0-.73.29-1.429.806-1.944l3.828-3.828a2.75 2.75 0 0 1 1.944-.806z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: t,
                 d: "M14.5 10.25a2.25 2.25 0 0 1 2.25 2.25v1a.75.75 0 0 1-1.5 0v-1a.75.75 0 0 0-.75-.75h-5a.75.75 0 0 0-.75.75v4c0 .414.336.75.75.75H12a.75.75 0 0 1 0 1.5H9.5a2.25 2.25 0 0 1-2.25-2.25v-4a2.25 2.25 0 0 1 2.25-2.25z"
             })
         ]
     }));
+    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-postpay-filled.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+const _icongradient = require("../../utils/icon-gradient.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -92,28 +135,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const p = (_param)=>{
-    var { color: r, size: a = 24 } = _param, o = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: c, size: e = 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: 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: t, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : s), { skinName: m } = (0, _hooks.useTheme)(), r = m.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"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "m20.175 8.049-2.73-2.732a.56.56 0 0 0-.396-.165h-.26c-.045-.938-.314-1.644-.815-2.154-.563-.566-1.37-.843-2.468-.843H6.95c-1.109 0-1.916.269-2.47.826-.555.558-.821 1.362-.821 2.465v13.11c0 1.114.272 1.927.826 2.479.552.546 1.359.812 2.465.812h6.555c1.106 0 1.913-.266 2.465-.812.557-.552.826-1.365.826-2.48v-2.45h2.67c.523 0 .874-.353.874-.877V8.443a.55.55 0 0 0-.166-.394m-1.468.114h-.285q-.587.002-.832-.246-.246-.248-.247-.832v-.286zM13.24 6.27h2.983v.812c0 1.398.801 2.199 2.199 2.199h.798v5.7c-1.056.003-4.947.003-5.98 0zm5.053 4.092a.42.42 0 0 1-.42.42h-3.286a.42.42 0 1 1 0-.84h3.286a.42.42 0 0 1 .42.42m-.42 2.06a.42.42 0 1 0 0-.841h-3.286a.42.42 0 1 0 0 .84zm.42 1.217a.42.42 0 0 1-.42.42h-3.286a.42.42 0 1 1 0-.84h3.286a.42.42 0 0 1 .42.42m-8.885 5.57q-.29-.3-.289-.81c0-.698.415-1.115 1.112-1.115s1.112.417 1.112 1.115q-.002.513-.288.81c-.19.195-.485.305-.826.305-.342 0-.628-.107-.821-.306"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: t,
@@ -125,4 +167,10 @@ const p = (_param)=>{
             })
         ]
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(r, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(r.props.children)
+    ]) : r;
 };

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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,43 +135,48 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const f = (_param)=>{
-    var { color: r, size: a = 24 } = _param, c = _object_without_properties(_param, [
+const w = (_param)=>{
+    var { color: s, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useThemeVariant)(), h = r !== null && r !== void 0 ? r : 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.jsxs)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: c } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: v } = (0, _hooks.useTheme)(), o = v.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: a,
                 d: "M18.421 10.644a.28.28 0 0 0 .28-.28.28.28 0 0 0-.28-.28h-3.823a.28.28 0 0 0-.28.28c0 .154.126.28.28.28zm0 1.638a.28.28 0 0 0 .28-.28.28.28 0 0 0-.28-.28h-3.823a.28.28 0 0 0-.28.28c0 .154.126.28.28.28zm-3.823 1.639a.28.28 0 0 1-.28-.28.28.28 0 0 1 .28-.28h3.823c.154 0 .28.126.28.28s-.126.28-.28.28zm-4.375 3.905c.504 0 .831.266.831.834 0 .275-.075.477-.21.614-.145.148-.358.221-.621.221-.264 0-.477-.073-.622-.221-.135-.137-.21-.342-.21-.614 0-.568.327-.834.832-.834"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: a,
                 d: "M13.777 21.834h-7.1c-1.029 0-1.771-.238-2.267-.731-.501-.499-.745-1.244-.745-2.28V5.167c0-1.028.24-1.767.74-2.266.498-.498 1.24-.745 2.271-.745h7.101c1.02 0 1.762.25 2.269.762.499.507.742 1.241.742 2.25v.266h.535q.057 0 .107.02a.3.3 0 0 1 .092.06l2.731 2.732a.28.28 0 0 1 .081.199v6.784c0 .367-.226.597-.593.597h-2.953v2.997c0 1.036-.243 1.781-.745 2.28-.496.493-1.238.731-2.266.731m5.602-13.67-1.776-1.773v.415c0 .938.42 1.359 1.359 1.359zm-2.336-2.17h-3.762q-.022 0-.045.003l-.002.042v9.173q0 .026.002.05.022.004.045.003h6.457l.034-.002.002-.034V8.725h-.812q-.934 0-1.429-.493c-.327-.328-.49-.807-.49-1.426zm-.815-.827c0-.854-.19-1.462-.583-1.857-.397-.4-1.008-.594-1.87-.594h-7.1c-.874 0-1.487.19-1.877.58s-.574 1-.574 1.871v13.656c0 1.742.709 2.45 2.451 2.45h7.101c1.74 0 2.451-.708 2.451-2.45v-2.997H13.28c-.38 0-.608-.23-.608-.614V6.04c0-.373.233-.605.608-.605h2.947z"
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: a,
                 d: "M19.47 13.47a.75.75 0 0 1 1.06 0l2 2a1 1 0 0 1 .067.078l.011.015a1 1 0 0 1 .073.127l.018.042a1 1 0 0 1 .034.117l.004.027q.01.053.011.11v.034a1 1 0 0 1-.01.101q-.002.018-.006.034a1 1 0 0 1-.039.132 1 1 0 0 1-.063.118q-.022.035-.048.069l-.016.016-.036.04-2 2a.75.75 0 1 1-1.06-1.06l.72-.72H19a2.25 2.25 0 1 0 1.5 3.927.75.75 0 0 1 1 1.118A3.75 3.75 0 1 1 19 15.25h1.19l-.72-.72a.75.75 0 0 1 0-1.06M16 2.25A2.75 2.75 0 0 1 18.75 5v6a.75.75 0 0 1-1.5 0V5c0-.69-.56-1.25-1.25-1.25H8c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h4a.75.75 0 0 1 0 1.5H8A2.75 2.75 0 0 1 5.25 19V5A2.75 2.75 0 0 1 8 2.25z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: a,
                 d: "M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: c
+        }, "gradient-defs"),
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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,43 +135,48 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const f = (_param)=>{
-    var { color: c, size: a = 24 } = _param, r = _object_without_properties(_param, [
+const w = (_param)=>{
+    var { color: s, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useThemeVariant)(), h = c !== null && c !== void 0 ? c : 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.jsxs)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: h } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: v } = (0, _hooks.useTheme)(), o = v.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: a,
                 d: "M9.408 19.208c.193.2.479.306.82.306.342 0 .636-.11.827-.306q.287-.295.288-.81c0-.697-.414-1.114-1.112-1.114-.697 0-1.112.417-1.112 1.115q0 .51.289.81m5.179-8.426h3.286a.42.42 0 1 0 0-.84h-3.286a.42.42 0 1 0 0 .84m0 1.638h3.286a.42.42 0 1 0 0-.84h-3.286a.42.42 0 1 0 0 .84m3.286 1.639h-3.286a.42.42 0 1 1 0-.84h3.286a.42.42 0 1 1 0 .84"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: a,
                 d: "M6.951 21.847h6.555c1.106 0 1.91-.266 2.465-.812.555-.552.826-1.365.826-2.48v-2.45l1.113-.001h1.56c.523 0 .873-.352.873-.876V8.444a.55.55 0 0 0-.165-.395l-2.731-2.732a.55.55 0 0 0-.395-.165h-.262c-.045-.939-.313-1.645-.816-2.154-.563-.566-1.37-.843-2.468-.843H6.95c-1.109 0-1.919.272-2.47.826-.552.555-.821 1.362-.821 2.465v13.11c0 1.114.269 1.924.826 2.479.552.546 1.359.812 2.465.812m8.717-16.695h-2.66c-.533 0-.889.356-.889.885v9.177c0 .532.356.89.888.89h2.67v2.452c0 1.582-.588 2.17-2.171 2.17H6.95c-1.582 0-2.17-.588-2.17-2.17V5.446c0-.792.159-1.341.492-1.675.334-.333.883-.496 1.678-.496h6.555c1.438 0 2.083.55 2.162 1.877m-2.428 9.83v-8.71h2.983v.813c0 1.398.801 2.199 2.199 2.199h.798v5.697zm4.103-8.183 1.364 1.364h-.285q-.587-.001-.832-.246-.246-.247-.247-.832z"
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: a,
                 d: "M19.47 13.47a.75.75 0 0 1 1.06 0l2 2a1 1 0 0 1 .067.078l.011.015a1 1 0 0 1 .073.127l.018.042a1 1 0 0 1 .034.117l.004.027q.01.053.011.11v.034a1 1 0 0 1-.01.101q-.002.018-.006.034a1 1 0 0 1-.039.132 1 1 0 0 1-.063.118q-.022.035-.048.069l-.016.016-.036.04-2 2a.75.75 0 1 1-1.06-1.06l.72-.72H19a2.25 2.25 0 1 0 1.5 3.927.75.75 0 0 1 1 1.118A3.75 3.75 0 1 1 19 15.25h1.19l-.72-.72a.75.75 0 0 1 0-1.06M16 2.25A2.75 2.75 0 0 1 18.75 5v6a.75.75 0 0 1-1.5 0V5c0-.69-.56-1.25-1.25-1.25H8c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h4a.75.75 0 0 1 0 1.5H8A2.75 2.75 0 0 1 5.25 19V5A2.75 2.75 0 0 1 8 2.25z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: a,
                 d: "M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: h
+        }, "gradient-defs"),
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };