@telefonica/mistica 16.68.0 → 16.70.0

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

@@ -6,12 +6,55 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return V;
     }
 });
 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 m = (_param)=>{
-    var { color: i, size: t = 24 } = _param, l = _object_without_properties(_param, [
+const V = (_param)=>{
+    var { color: c, size: n = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), e = i !== null && i !== void 0 ? i : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const e = (0, _themevariantcontext.useThemeVariant)(), d = e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : d), t = /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: a,
                 d: "M8 7.75a.75.75 0 0 1 .75.75v7.8a.75.75 0 0 1-1.5 0V8.5A.75.75 0 0 1 8 7.75m6-.214a2.75 2.75 0 0 1 2.75 2.75v6a.75.75 0 1 1-1.5 0v-2.25h-2.5v2.25a.75.75 0 1 1-1.5 0v-6A2.75 2.75 0 0 1 14 7.536m0 1.5a1.25 1.25 0 0 0-1.25 1.25v2.25h2.5v-2.25A1.25 1.25 0 0 0 14 9.036"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: a,
                 d: "M19 2.536c.799 0 1.513.41 2.006 1.043.49.629.744 1.45.744 2.278v12.857c0 .829-.255 1.65-.744 2.279-.493.633-1.207 1.043-2.006 1.043H5c-.799 0-1.513-.41-2.006-1.043-.49-.63-.744-1.45-.744-2.279V5.857c0-.828.255-1.65.744-2.278C3.487 2.945 4.201 2.536 5 2.536zm-14 1.5c-.262 0-.565.133-.822.464-.26.335-.428.821-.428 1.357v12.857c0 .536.167 1.023.428 1.358.257.33.56.464.822.464h14c.262 0 .565-.133.822-.464.26-.335.428-.822.428-1.358V5.857c0-.536-.167-1.022-.428-1.357-.257-.331-.56-.464-.822-.464z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(t.props.children)
+    ]) : t;
 };

package/dist/generated/mistica-icons/icon-id-card-filled.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,31 +135,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const f = (_param)=>{
-    var { color: c, size: a = 24 } = _param, o = _object_without_properties(_param, [
+const w = (_param)=>{
+    var { color: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), i = c !== null && c !== void 0 ? c : r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        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: i, gradientDef: c } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : m), { skinName: s } = (0, _hooks.useTheme)(), o = s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M20.41 19.38H3.586c-.79 0-1.431-.67-1.431-1.49V6.103c0-.821.641-1.488 1.431-1.488h16.827c.79 0 1.431.667 1.431 1.488V17.89c-.003.82-.644 1.49-1.434 1.49m-9.392-4.986c.333 0 .602-.28.602-.627a.616.616 0 0 0-.602-.628H4.777a.614.614 0 0 0-.602.628c0 .347.271.627.602.627zm-1.4-3.978a.617.617 0 0 0-.606-.627H4.777a.617.617 0 0 0-.605.627c0 .348.272.628.605.628h4.235c.334 0 .605-.28.605-.628m6.652-2.243c-.569 0-1.014.157-1.32.465-.319.319-.478.795-.478 1.411 0 .617.16 1.09.479 1.41.305.308.75.462 1.319.462q.858-.002 1.322-.463c.32-.319.482-.795.482-1.411q-.002-.927-.482-1.412-.463-.462-1.322-.462m-1.098 4.568c-.667 0-1.216.213-1.583.61-.339.368-.515.878-.515 1.474v.625a.21.21 0 0 0 .204.213h5.992a.21.21 0 0 0 .204-.213v-.625c0-.596-.179-1.106-.518-1.473-.372-.398-.919-.61-1.585-.61z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M18 4.5A3.5 3.5 0 0 1 21.5 8v8a3.5 3.5 0 0 1-3.5 3.5H6A3.5 3.5 0 0 1 2.5 16V8A3.5 3.5 0 0 1 6 4.5zM8.995 13c-2.166 0-2.766 1.047-2.932 2.004-.093.544.385.996.937.996h4c.539 0 1.008-.431.927-.964C11.779 14.07 11.185 13 8.995 13M14 14.25a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5zm0-3a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5zM9 8a2 2 0 1 0 0 4 2 2 0 0 0 0-4m5 .25a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5z"
         })
     }));
+    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-id-card-light.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        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,37 +135,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+const M = (_param)=>{
+    var { color: l, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), h = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = (0, _themevariantcontext.useThemeVariant)(), 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)(l !== null && l !== void 0 ? l : m), { skinName: s } = (0, _hooks.useTheme)(), o = s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: a,
             d: "M21.838 5.935c0-.725-.564-1.316-1.255-1.316H3.406c-.692 0-1.255.59-1.255 1.316V18.07c0 .725.563 1.316 1.258 1.316h17.174c.692 0 1.255-.59 1.255-1.316zm-.821 0V18.07a.446.446 0 0 1-.434.453H3.406a.444.444 0 0 1-.434-.453V5.935a.44.44 0 0 1 .434-.453h17.177c.246.005.44.21.434.453m-10.025 7.46a.42.42 0 0 1 .408.431.42.42 0 0 1-.408.431H4.328a.42.42 0 0 1-.412-.43.42.42 0 0 1 .409-.432zm-7.073-3.017a.42.42 0 0 0 .409.431h4.52a.42.42 0 0 0 .41-.431.42.42 0 0 0-.41-.431h-4.52a.42.42 0 0 0-.41.43m11.952-.995c.154-.156.434-.19.644-.19s.49.034.647.193q.194.197.194.69c0 .327-.068.557-.194.686-.154.154-.436.187-.647.187-.21 0-.49-.033-.644-.187-.157-.16-.19-.463-.19-.687 0-.227.033-.529.19-.692m-.571 1.995c.28.286.689.431 1.213.431.523 0 .932-.143 1.215-.431.297-.294.446-.734.446-1.305 0-.572-.152-1.014-.446-1.311-.283-.286-.692-.432-1.215-.432-.521 0-.933.146-1.213.432-.294.297-.443.74-.443 1.31 0 .572.149 1.012.443 1.306m3.336 3.042h-4.241c.011-.219.067-.49.244-.684.224-.246.594-.3.862-.3h2.023c.269 0 .636.051.865.3.182.196.236.465.247.684m.344-1.283c-.339-.37-.843-.566-1.456-.566h-2.02c-.613 0-1.117.193-1.456.566-.311.342-.477.812-.477 1.367v.577a.194.194 0 0 0 .188.199h5.513a.194.194 0 0 0 .187-.199v-.577c0-.555-.165-1.025-.479-1.367"
         })
     })) : /* @__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"
-    }, o), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: a,
                 d: "M8.995 13c2.19 0 2.784 1.07 2.932 2.036.081.533-.388.964-.927.964H7c-.552 0-1.03-.452-.937-.996C6.23 14.047 6.83 13 8.995 13M16 14.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5zm0-3a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5zM9 8a2 2 0 1 1 0 4 2 2 0 0 1 0-4m8 .25a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: a,
                 d: "M18 4.25A3.75 3.75 0 0 1 21.75 8v8A3.75 3.75 0 0 1 18 19.75H6A3.75 3.75 0 0 1 2.25 16V8A3.75 3.75 0 0 1 6 4.25zM6 5.75A2.25 2.25 0 0 0 3.75 8v8A2.25 2.25 0 0 0 6 18.25h12A2.25 2.25 0 0 0 20.25 16V8A2.25 2.25 0 0 0 18 5.75z"
             })
         ]
     }));
+    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-id-card-regular.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        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,37 +135,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const g = (_param)=>{
-    var { color: h, size: a = 24 } = _param, c = _object_without_properties(_param, [
+const M = (_param)=>{
+    var { color: h, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), t = h !== null && h !== void 0 ? h : r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = (0, _themevariantcontext.useThemeVariant)(), m = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: c } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : m), { skinName: s } = (0, _hooks.useTheme)(), o = s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: r,
             d: "M3.586 19.38H20.41c.79 0 1.431-.67 1.434-1.49V6.103c0-.821-.641-1.488-1.431-1.488H3.586c-.79 0-1.431.667-1.431 1.488V17.89c0 .82.641 1.49 1.431 1.49M3.362 6.103a.23.23 0 0 1 .224-.233h16.827a.23.23 0 0 1 .224.233V17.89a.23.23 0 0 1-.224.232H3.586a.23.23 0 0 1-.224-.232zm7.656 8.29H4.777a.614.614 0 0 1-.602-.626c0-.348.271-.628.602-.628h6.24c.334 0 .603.28.603.628a.616.616 0 0 1-.602.627m-6.241-3.35h4.235a.62.62 0 0 0 .605-.627.617.617 0 0 0-.605-.627H4.777a.617.617 0 0 0-.605.627c0 .348.272.628.605.628m11.493-2.87c.569 0 1.014.157 1.322.465.32.319.482.795.482 1.411q-.002.927-.482 1.412c-.308.308-.753.462-1.322.462s-1.014-.156-1.32-.462q-.478-.482-.478-1.412c0-.616.16-1.09.479-1.409.308-.313.753-.467 1.319-.467m-.591 1.246c-.14.14-.163.457-.163.63 0 .174.023.488.16.625.104.104.314.16.594.16.283 0 .496-.056.6-.16.14-.14.159-.45.159-.625 0-.173-.02-.487-.163-.627-.14-.14-.43-.163-.596-.163-.163 0-.454.02-.591.16m1.692 3.322c.666 0 1.215.213 1.585.61.34.368.518.878.518 1.474v.625a.21.21 0 0 1-.204.213h-5.992a.205.205 0 0 1-.204-.21v-.628c0-.596.18-1.106.515-1.473.367-.398.916-.61 1.583-.61zm-2.2 1.09c-.262 0-.618.048-.828.277a.9.9 0 0 0-.208.468h4.27a.9.9 0 0 0-.208-.468c-.207-.23-.566-.277-.826-.277z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: r,
                 d: "M8.995 13c2.19 0 2.784 1.07 2.932 2.036.081.533-.388.964-.927.964H7c-.552 0-1.03-.452-.937-.996C6.23 14.047 6.83 13 8.995 13M16 14.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5zm0-3a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5zM9 8a2 2 0 1 1 0 4 2 2 0 0 1 0-4m8 .25a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: r,
                 d: "M18 4.25A3.75 3.75 0 0 1 21.75 8v8A3.75 3.75 0 0 1 18 19.75H6A3.75 3.75 0 0 1 2.25 16V8A3.75 3.75 0 0 1 6 4.25zM6 5.75A2.25 2.25 0 0 0 3.75 8v8A2.25 2.25 0 0 0 6 18.25h12A2.25 2.25 0 0 0 20.25 16V8A2.25 2.25 0 0 0 18 5.75z"
             })
         ]
     }));
+    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-image-filled.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return H;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+const _icongradient = require("../../utils/icon-gradient.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -92,37 +135,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+const H = (_param)=>{
+    var { color: s, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useThemeVariant)(), t = i !== null && i !== void 0 ? i : l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.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: h } = (0, _hooks.useTheme)(), a = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: o,
             d: "M20.423 4.622c.743 0 1.42.583 1.42 1.224v12.317c0 .641-.677 1.224-1.42 1.224H3.577c-.756 0-1.417-.574-1.417-1.224l.003-12.317c0-.652.664-1.224 1.417-1.224zM4.801 8.984a2.267 2.267 0 0 0 2.255 2.277c1.244 0 2.255-1.022 2.255-2.277S8.3 6.706 7.056 6.706 4.801 7.73 4.801 8.984m14.933 3.652-3.246-2.507a.61.61 0 0 0-.757.009l-3.711 2.977-.896-.854a.61.61 0 0 0-.816-.025l-5.277 4.44a.627.627 0 0 0-.078.876.61.61 0 0 0 .865.082l4.86-4.087 3.378 3.213a.61.61 0 0 0 .869-.026.63.63 0 0 0-.026-.88l-1.969-1.873 3.196-2.566 2.866 2.213a.61.61 0 0 0 .857-.12.626.626 0 0 0-.115-.872M6.031 8.986c0 .57.46 1.034 1.025 1.034a1.035 1.035 0 0 0 0-2.067 1.03 1.03 0 0 0-1.025 1.034"
         })
     })) : /* @__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"
-    }, o), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: o,
                 d: "M8.883 11.71c.232.001.514.098.813.387l8.005 8.005c.14.139.069.373-.128.388q-.12.01-.24.01H6.667a3.17 3.17 0 0 1-2.24-.928c-.628-.629-.894-1.433-.924-2.295a.38.38 0 0 1 .114-.283l.907-.907.03-.032 3.532-3.974c.293-.276.57-.37.797-.37"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: o,
                 d: "M17.333 3.5A3.17 3.17 0 0 1 20.5 6.667v10.666a3.18 3.18 0 0 1-.903 2.21.236.236 0 0 1-.336-.003l-8.525-8.524c-.525-.505-1.164-.805-1.853-.805s-1.329.3-1.854.805l-.04.042-3.314 3.727a.1.1 0 0 1-.175-.066V6.667A3.17 3.17 0 0 1 6.667 3.5zM15.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(a, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(a.props.children)
+    ]) : a;
 };