@telefonica/mistica 16.68.0 → 16.69.0

package/dist/generated/mistica-icons/icon-file-mp-3-filled.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return H;
+        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 H = (_param)=>{
-    var { color: o, size: a = 24 } = _param, i = _object_without_properties(_param, [
+const w = (_param)=>{
+    var { color: v, size: e = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), h = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "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: a,
-        height: a,
+    const r = (0, _themevariantcontext.useThemeVariant)(), s = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: t, gradientDef: n } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : s), { skinName: m } = (0, _hooks.useTheme)(), l = 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: h,
+                fill: t,
                 d: "M12.334 15.121v-.582c.216.039.47.064.74.064.302 0 .482-.039.61-.123.13-.087.2-.227.2-.426 0-.193-.07-.325-.186-.406-.134-.098-.341-.129-.72-.129h-.103v-.54h.129c.339 0 .512-.042.644-.157.087-.076.146-.2.146-.378 0-.14-.04-.261-.124-.337-.109-.098-.29-.14-.582-.14-.238 0-.507.023-.723.054v-.572c.25-.053.563-.081.849-.081.465 0 .86.11 1.087.336.156.157.255.373.255.68 0 .384-.168.653-.49.816.389.14.621.431.621.913 0 .286-.087.535-.26.714-.244.255-.639.384-1.2.384a4.7 4.7 0 0 1-.893-.09m-7.91-3.683h.664l1.168 2.064 1.204-2.064h.647v3.695h-.77v-2.13L6.57 14.29h-.647l-.79-1.309v2.152h-.71zm4.487 0h1.27c.576 0 .943.081 1.181.302q.299.276.297.866 0 .591-.274.896c-.216.244-.552.356-1.037.356h-.594v1.275h-.843zm1.751 1.647q.147-.147.146-.47c0-.2-.042-.345-.14-.438-.104-.092-.26-.128-.519-.128h-.395v1.179h.418v-.003c.269 0 .384-.04.49-.14"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: t,
                 d: "M21.794 7.914a.6.6 0 0 1 .047.238v12.306c0 .75-.644 1.383-1.409 1.383H8.25c-.75 0-1.409-.647-1.409-1.384l.034-2.773H4.578a2.42 2.42 0 0 1-2.423-2.423v-4.095a2.426 2.426 0 0 1 2.42-2.426h2.266v-5.2c0-.726.673-1.384 1.41-1.384h7.414a.9.9 0 0 1 .619.252l5.291 5.123a.84.84 0 0 1 .219.384M16 3.824V5.59c0 .656.216 1.213.625 1.608.414.4.997.61 1.689.61h1.804zM4.575 16.471h9.846a1.21 1.21 0 0 0 1.207-1.21v-4.095c0-.667-.54-1.21-1.207-1.21H4.575a1.21 1.21 0 0 0-1.207 1.21v4.095c0 .667.54 1.21 1.207 1.21"
             })
         ]
     })) : /* @__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"
-    }, i), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: t,
                 d: "M2.812 14.274a.75.75 0 0 1 .843.362l1.845 3.32 1.845-3.32A.75.75 0 0 1 8.75 15v6a.75.75 0 0 1-1.5 0v-3.106l-1.095 1.97a.75.75 0 0 1-1.31 0l-1.095-1.97V21a.75.75 0 0 1-1.5 0v-6c0-.342.23-.64.562-.726M13 14.25a2.25 2.25 0 0 1 0 4.5h-1.25V21a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75zm-1.25 3H13a.75.75 0 0 0 .148-1.485L13 15.75h-1.25zm6.75-3a2.25 2.25 0 0 1 2.25 2.25l-.01.223A2.26 2.26 0 0 1 20.173 18c.369.412.577.944.577 1.5l-.01.223a2.25 2.25 0 0 1-2.24 2.027H17a.75.75 0 0 1 0-1.5h1.5a.75.75 0 0 0 .735-.602l.015-.148a.75.75 0 0 0-.75-.75H17a.75.75 0 0 1 0-1.5h1.5a.75.75 0 0 0 .735-.602l.015-.148a.75.75 0 0 0-.75-.75H17a.75.75 0 0 1 0-1.5zM12.65 2.5a.6.6 0 0 1 .6.6V7A1.75 1.75 0 0 0 15 8.75h3.9a.6.6 0 0 1 .6.6V12a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V5A2.5 2.5 0 0 1 7 2.5z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: t,
                 d: "M18.957 7.25H15a.25.25 0 0 1-.25-.25V3.043z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ _react.cloneElement(l, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: n
+        }, "gradient-defs"),
+        ..._react.Children.toArray(l.props.children)
+    ]) : l;
 };

package/dist/generated/mistica-icons/icon-file-mp-3-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,25 +135,24 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const p = (_param)=>{
-    var { color: r, size: a = 24 } = _param, t = _object_without_properties(_param, [
+const A = (_param)=>{
+    var { color: i, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useThemeVariant)(), c = 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({
+    const t = (0, _themevariantcontext.useThemeVariant)(), v = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: n } = (0, _icongradient.useIconGradient)(i !== null && i !== void 0 ? i : v), { skinName: m } = (0, _hooks.useTheme)(), h = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: r,
                 d: "M12.333 15.117v-.583c.215.04.47.065.74.065.302 0 .481-.04.61-.123.129-.087.199-.227.199-.426 0-.194-.07-.325-.185-.406-.135-.098-.342-.13-.72-.13h-.104v-.54h.13c.338 0 .512-.042.643-.157.087-.075.146-.199.146-.378 0-.14-.04-.26-.123-.336-.11-.098-.292-.14-.583-.14a5 5 0 0 0-.723.053v-.571c.25-.053.564-.082.85-.082.464 0 .86.11 1.086.337.157.157.255.372.255.68 0 .384-.168.653-.49.815.39.14.622.432.622.914 0 .285-.087.535-.26.714-.245.255-.64.384-1.2.384a4.7 4.7 0 0 1-.893-.09m-7.911-3.683h.664l1.168 2.064 1.205-2.064h.647v3.694h-.77V13l-.768 1.286h-.647l-.79-1.308v2.151h-.709zm4.488 0h1.269c.577 0 .944.08 1.182.302.199.185.297.47.297.866q-.001.59-.275.896c-.215.244-.552.356-1.036.356h-.594v1.274H8.91zm1.75 1.647q.147-.147.146-.471c0-.199-.042-.344-.14-.437-.104-.092-.26-.129-.518-.129h-.395v1.18h.417v-.003c.27 0 .384-.04.49-.14"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: r,
                 d: "M21.806 7.907q.033.075.034.162v12.563c0 .653-.563 1.205-1.23 1.205H8.173c-.655 0-1.23-.563-1.23-1.205l.037-3.036H4.422a2.27 2.27 0 0 1-2.266-2.269v-4.18A2.27 2.27 0 0 1 4.422 8.88h2.521V3.36c0-.63.586-1.205 1.23-1.205h7.572a.7.7 0 0 1 .481.194l5.41 5.235a.6.6 0 0 1 .17.322M20.61 21.01c.207 0 .403-.185.403-.379V8.75h-2.565c-.98 0-1.827-.316-2.443-.916-.622-.602-.952-1.428-.952-2.384V2.98H8.17c-.185 0-.406.204-.406.378v5.518h6.706a2.27 2.27 0 0 1 2.266 2.269v4.18a2.27 2.27 0 0 1-2.266 2.268H7.803l-.036 3.042c0 .182.204.373.406.373H20.61zM2.98 15.324c0 .796.644 1.443 1.44 1.443h10.053c.792 0 1.44-.647 1.44-1.443v-4.179c0-.795-.645-1.443-1.44-1.443H4.42c-.793 0-1.44.648-1.44 1.443zM15.879 3.16v2.289c0 .728.24 1.347.7 1.79.462.445 1.107.683 1.869.683h2.35z"
             })
         ]
@@ -119,10 +161,16 @@ const p = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: r,
             d: "M2.812 14.274a.75.75 0 0 1 .843.362l1.845 3.32 1.845-3.32A.75.75 0 0 1 8.75 15v6a.75.75 0 0 1-1.5 0v-3.106l-1.095 1.97a.75.75 0 0 1-1.31 0l-1.095-1.97V21a.75.75 0 0 1-1.5 0v-6c0-.342.23-.64.562-.726M13 14.25a2.25 2.25 0 0 1 0 4.5h-1.25V21a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75zm-1.25 3H13a.75.75 0 0 0 0-1.5h-1.25zm6.75-3A2.25 2.25 0 0 1 20.173 18a2.247 2.247 0 0 1-1.673 3.75H17a.75.75 0 0 1 0-1.5h1.5a.75.75 0 0 0 0-1.5H17a.75.75 0 0 1 0-1.5h1.5a.75.75 0 0 0 0-1.5H17a.75.75 0 0 1 0-1.5zm-4.5-12q.072 0 .14.014h.01l.041.013c.034.01.067.017.098.03q.044.02.084.046.023.011.044.024.054.037.1.082l.013.01 5 5c.136.136.22.324.22.531v4a.75.75 0 0 1-1.5 0V8.75H15A1.75 1.75 0 0 1 13.25 7V3.75H7A1.25 1.25 0 0 0 5.75 5v7a.75.75 0 0 1-1.5 0V5A2.75 2.75 0 0 1 7 2.25zM14.75 7a.25.25 0 0 0 .25.25h2.19l-2.44-2.44z"
         })
     }));
+    return n ? /*#__PURE__*/ _react.cloneElement(h, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: n
+        }, "gradient-defs"),
+        ..._react.Children.toArray(h.props.children)
+    ]) : h;
 };

package/dist/generated/mistica-icons/icon-file-mp-3-regular.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,25 +135,24 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const p = (_param)=>{
-    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
+const A = (_param)=>{
+    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useThemeVariant)(), e = t !== null && t !== void 0 ? t : l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "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({
+    const t = (0, _themevariantcontext.useThemeVariant)(), v = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: n } = (0, _icongradient.useIconGradient)(i !== null && i !== void 0 ? i : v), { skinName: m } = (0, _hooks.useTheme)(), h = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: r,
                 d: "M12.339 15.12v-.583c.216.039.47.064.74.064.302 0 .481-.04.61-.123.129-.087.199-.227.199-.426 0-.193-.07-.325-.185-.406-.134-.098-.342-.129-.72-.129h-.103v-.54h.128c.34 0 .513-.043.645-.157.087-.076.145-.2.145-.379 0-.14-.039-.26-.123-.336-.11-.098-.291-.14-.583-.14-.238 0-.507.023-.722.053v-.57c.25-.054.563-.082.849-.082.465 0 .86.11 1.086.336.157.157.255.373.255.68 0 .384-.168.653-.49.816.39.14.622.431.622.913 0 .286-.087.535-.26.714-.244.255-.64.384-1.2.384a4.7 4.7 0 0 1-.893-.09m-7.91-3.683h.664L6.26 13.5l1.204-2.064h.647v3.694h-.77v-2.128l-.768 1.285h-.647l-.79-1.308v2.152H4.43zm4.487 0h1.269c.577 0 .944.081 1.182.302.199.185.297.471.297.866q0 .591-.274.896c-.216.244-.552.356-1.037.356h-.594v1.274h-.843zm1.75 1.647q.147-.147.146-.47c0-.2-.042-.345-.14-.438-.103-.092-.26-.129-.518-.129H9.76v1.18h.418v-.003c.268 0 .383-.04.49-.14"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: r,
                 d: "M21.798 7.912q.047.11.048.238v12.306c0 .75-.644 1.383-1.409 1.383H8.255c-.75 0-1.406-.647-1.406-1.383l.033-2.774h-2.3a2.427 2.427 0 0 1-2.42-2.425v-4.093a2.427 2.427 0 0 1 2.42-2.426H6.85V3.534c0-.726.67-1.384 1.406-1.384h7.414c.23 0 .457.093.62.252l5.29 5.124a.86.86 0 0 1 .22.386m-1.361 12.712c.098 0 .193-.096.193-.168V9.02h-2.313c-1.014 0-1.891-.33-2.535-.952-.65-.63-.995-1.487-.995-2.482V3.37H8.252c-.073 0-.187.109-.193.168v5.201h6.364c1.336 0 2.42 1.09 2.42 2.426v4.093a2.427 2.427 0 0 1-2.42 2.425h-6.33l-.034 2.78c0 .05.1.159.193.159h12.185zM3.373 15.259c0 .667.54 1.21 1.207 1.21h9.846a1.21 1.21 0 0 0 1.207-1.21v-4.092c0-.667-.54-1.21-1.207-1.21H4.58a1.21 1.21 0 0 0-1.207 1.21zM16.006 3.822v1.765c0 .658.215 1.213.622 1.608.414.4.997.61 1.691.61h1.802z"
             })
         ]
@@ -119,10 +161,16 @@ const p = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: r,
             d: "M2.812 14.274a.75.75 0 0 1 .843.362l1.845 3.32 1.845-3.32A.75.75 0 0 1 8.75 15v6a.75.75 0 0 1-1.5 0v-3.106l-1.095 1.97a.75.75 0 0 1-1.31 0l-1.095-1.97V21a.75.75 0 0 1-1.5 0v-6c0-.342.23-.64.562-.726M13 14.25a2.25 2.25 0 0 1 0 4.5h-1.25V21a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75zm-1.25 3H13a.75.75 0 0 0 0-1.5h-1.25zm6.75-3A2.25 2.25 0 0 1 20.173 18a2.247 2.247 0 0 1-1.673 3.75H17a.75.75 0 0 1 0-1.5h1.5a.75.75 0 0 0 0-1.5H17a.75.75 0 0 1 0-1.5h1.5a.75.75 0 0 0 0-1.5H17a.75.75 0 0 1 0-1.5zm-4.5-12q.072 0 .14.014h.01l.041.013c.034.01.067.017.098.03q.044.02.084.046.023.011.044.024.054.037.1.082l.013.01 5 5c.136.136.22.324.22.531v4a.75.75 0 0 1-1.5 0V8.75H15A1.75 1.75 0 0 1 13.25 7V3.75H7A1.25 1.25 0 0 0 5.75 5v7a.75.75 0 0 1-1.5 0V5A2.75 2.75 0 0 1 7 2.25zM14.75 7a.25.25 0 0 0 .25.25h2.19l-2.44-2.44z"
         })
     }));
+    return n ? /*#__PURE__*/ _react.cloneElement(h, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: n
+        }, "gradient-defs"),
+        ..._react.Children.toArray(h.props.children)
+    ]) : h;
 };

package/dist/generated/mistica-icons/icon-file-mp-4-filled.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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,25 +135,24 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const p = (_param)=>{
-    var { color: o, size: a = 24 } = _param, i = _object_without_properties(_param, [
+const w = (_param)=>{
+    var { color: v, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), h = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "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({
+    const h = (0, _themevariantcontext.useThemeVariant)(), s = h === "brand" || h === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : h === "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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: t,
                 d: "M13.598 14.217h-1.62a.8.8 0 0 1-.022-.188c0-.151.028-.322.112-.56l.765-2.09h.742l-.829 2.26h.852v-.876h.77v.877h.431v.577h-.431v.846h-.77zm-9.261-2.835h.661l1.163 2.056 1.201-2.056h.647v3.68h-.77v-2.12l-.765 1.28h-.647L5.04 12.92v2.143h-.703zm4.473 0h1.264c.577 0 .941.081 1.179.302q.298.273.297.86-.001.589-.275.894c-.215.24-.549.356-1.033.356H9.65v1.269h-.84zm1.74 1.641q.147-.146.146-.467c0-.2-.042-.345-.14-.437-.101-.093-.258-.13-.516-.13h-.392v1.174h.412c.269 0 .38-.036.49-.14"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: t,
                 d: "M21.794 7.914a.6.6 0 0 1 .047.238v12.306c0 .75-.644 1.383-1.409 1.383H8.25c-.75 0-1.409-.647-1.409-1.384l.034-2.773H4.578a2.427 2.427 0 0 1-2.423-2.423V11.17a2.426 2.426 0 0 1 2.42-2.426h2.266V3.54c0-.726.673-1.384 1.41-1.384h7.414c.232 0 .448.087.613.247l5.297 5.126a.85.85 0 0 1 .219.386M16 3.824V5.59c0 .658.216 1.213.625 1.608.414.4.997.61 1.689.61h1.8zM4.575 16.471h9.846a1.21 1.21 0 0 0 1.207-1.21v-4.095c0-.667-.54-1.21-1.207-1.21H4.575c-.666 0-1.207.54-1.207 1.21v4.095c0 .667.54 1.21 1.207 1.21"
             })
         ]
@@ -119,16 +161,22 @@ const p = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: t,
                 d: "M2.812 14.274a.75.75 0 0 1 .843.362l1.845 3.32 1.845-3.32A.75.75 0 0 1 8.75 15v6a.75.75 0 0 1-1.5 0v-3.106l-1.095 1.97a.75.75 0 0 1-1.31 0l-1.095-1.97V21a.75.75 0 0 1-1.5 0v-6c0-.342.23-.64.562-.726M13 14.25a2.25 2.25 0 0 1 0 4.5h-1.25V21a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75zm-1.25 3H13a.75.75 0 0 0 .148-1.485L13 15.75h-1.25zm8.25-3a.75.75 0 0 1 .75.75v3.25h.75a.75.75 0 0 1 0 1.5h-.75V21a.75.75 0 0 1-1.5 0v-1.25H17a.75.75 0 0 1-.75-.75v-4a.75.75 0 0 1 1.5 0v3.25h1.5V15a.75.75 0 0 1 .75-.75M12.65 2.5a.6.6 0 0 1 .6.6V7A1.75 1.75 0 0 0 15 8.75h3.9a.6.6 0 0 1 .6.6V12a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V5A2.5 2.5 0 0 1 7 2.5z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: t,
                 d: "M18.957 7.25H15a.25.25 0 0 1-.25-.25V3.043z"
             })
         ]
     }));
+    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-file-mp-4-light.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        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,37 +135,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const d = (_param)=>{
-    var { color: t, size: h = 24 } = _param, c = _object_without_properties(_param, [
+const A = (_param)=>{
+    var { color: i, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useThemeVariant)(), v = t !== null && t !== void 0 ? t : l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const h = (0, _themevariantcontext.useThemeVariant)(), v = h === "brand" || h === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : h === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: n } = (0, _icongradient.useIconGradient)(i !== null && i !== void 0 ? i : v), { skinName: m } = (0, _hooks.useTheme)(), r = m.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"
-    }, c), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: v,
+                fill: a,
                 d: "M13.596 14.212h-1.619a.8.8 0 0 1-.022-.187c0-.152.028-.322.112-.56l.764-2.09h.743l-.83 2.26h.852v-.876h.77v.876h.432v.577h-.432v.846h-.77zm-9.26-2.834h.66l1.163 2.056 1.202-2.056h.647v3.68h-.77v-2.12l-.765 1.28h-.647l-.787-1.303v2.143h-.703zm4.473 0h1.263c.577 0 .941.08 1.18.302q.297.273.296.86 0 .588-.274.894c-.216.24-.55.355-1.034.355h-.59v1.27h-.841zm1.74 1.641q.145-.146.145-.468c0-.199-.042-.344-.14-.437-.1-.092-.258-.129-.515-.129h-.393v1.174h.412c.27 0 .381-.036.49-.14"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: v,
+                fill: a,
                 d: "M21.806 7.907q.033.075.034.162v12.563c0 .653-.563 1.205-1.23 1.205H8.173c-.655 0-1.23-.563-1.23-1.205l.037-3.036H4.422a2.27 2.27 0 0 1-2.266-2.269v-4.18A2.27 2.27 0 0 1 4.422 8.88h2.521V3.36c0-.63.586-1.205 1.23-1.205h7.569c.182 0 .355.07.484.194l5.41 5.235a.64.64 0 0 1 .17.322M20.61 21.01c.207 0 .406-.185.406-.379V8.75h-2.568c-.98 0-1.827-.316-2.443-.913-.622-.602-.952-1.429-.952-2.384V2.98H8.17c-.185 0-.406.204-.406.378v5.518h6.703a2.27 2.27 0 0 1 2.266 2.269v4.18a2.27 2.27 0 0 1-2.266 2.268H7.801l-.037 3.042c0 .182.205.373.406.373h12.44zM2.98 15.324c0 .796.644 1.443 1.44 1.443h10.05c.793 0 1.44-.647 1.44-1.443v-4.179c0-.795-.645-1.443-1.44-1.443H4.42c-.793 0-1.44.648-1.44 1.443zM15.879 3.16v2.29c0 .729.24 1.348.7 1.79.462.446 1.107.681 1.869.681h2.35z"
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: v,
+            fill: a,
             d: "M2.812 14.274a.75.75 0 0 1 .843.362l1.845 3.32 1.845-3.32A.75.75 0 0 1 8.75 15v6a.75.75 0 0 1-1.5 0v-3.106l-1.095 1.97a.75.75 0 0 1-1.31 0l-1.095-1.97V21a.75.75 0 0 1-1.5 0v-6c0-.342.23-.64.562-.726M13 14.25a2.25 2.25 0 0 1 0 4.5h-1.25V21a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75zm-1.25 3H13a.75.75 0 0 0 0-1.5h-1.25zm8.25-3a.75.75 0 0 1 .75.75v3.25h.75a.75.75 0 0 1 0 1.5h-.75V21a.75.75 0 0 1-1.5 0v-1.25H17a.75.75 0 0 1-.75-.75v-4a.75.75 0 0 1 1.5 0v3.25h1.5V15a.75.75 0 0 1 .75-.75m-6-12q.072 0 .14.014h.01l.041.013c.034.01.067.017.098.03q.044.02.084.046.023.011.044.024.054.037.1.082l.013.01 5 5c.136.136.22.324.22.531v4a.75.75 0 0 1-1.5 0V8.75H15A1.75 1.75 0 0 1 13.25 7V3.75H7A1.25 1.25 0 0 0 5.75 5v7a.75.75 0 0 1-1.5 0V5A2.75 2.75 0 0 1 7 2.25zM14.75 7a.25.25 0 0 0 .25.25h2.19l-2.44-2.44z"
         })
     }));
+    return n ? /*#__PURE__*/ _react.cloneElement(r, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: n
+        }, "gradient-defs"),
+        ..._react.Children.toArray(r.props.children)
+    ]) : r;
 };