@telefonica/mistica 16.41.0 → 16.42.0

package/dist/generated/mistica-icons/icon-file-html-regular.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return H;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,27 +92,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: c, size: h = 24 } = _param, o = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: r, size: h = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = c !== null && c !== void 0 ? c : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), v = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    return t.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: v,
                 d: "M4.001 11.705h.706v1.26h1.09v-1.26h.705V14.8h-.706v-1.303h-1.09V14.8h-.705zM6.903 12.215v-.51h2.655l-.053.51H8.57v2.582h-.706v-2.582zM10.483 11.705h-.558V14.8h.594v-1.801l.661 1.095h.544l.641-1.075V14.8h.647v-3.095h-.543l-1.009 1.728zM13.682 11.705h.705v2.582h1.37v.513h-2.075zM20.116 7.803l.003.003v-.003z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: v,
                 d: "M21.794 7.912q.046.11.047.238v12.306c0 .75-.644 1.383-1.406 1.383H8.253c-.75 0-1.409-.647-1.409-1.383l.034-2.77H4.575a2.427 2.427 0 0 1-2.42-2.427v-4.095a2.427 2.427 0 0 1 2.42-2.426h2.266V3.534c0-.726.67-1.384 1.41-1.384h7.414c.23 0 .445.087.61.244l5.3 5.132c.112.109.177.243.219.386m-1.359 12.712c.098 0 .193-.096.193-.168V9.02h-2.31c-1.015 0-1.891-.33-2.536-.952-.65-.63-.994-1.487-.994-2.482V3.37H8.253c-.073 0-.188.109-.193.168v5.201h7.014c1.333 0 2.42 1.09 2.42 2.426v4.095a2.427 2.427 0 0 1-2.42 2.426H8.096l-.033 2.779c0 .05.1.16.193.16zM3.368 15.259c0 .667.54 1.21 1.207 1.21h10.493a1.21 1.21 0 0 0 1.207-1.21v-4.095c0-.666-.54-1.21-1.207-1.21H4.575a1.21 1.21 0 0 0-1.207 1.21zm16.748-7.456L16.004 3.82v1.764c0 .659.215 1.213.622 1.608.414.4.997.61 1.691.61z"
             })
         ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: h,
+        height: h,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, l), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: v,
+            d: "M5 14.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-2.25h-1.5V21a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 1.5 0v2.25h1.5V15a.75.75 0 0 1 .75-.75M10.5 14.25a.75.75 0 0 1 0 1.5h-.75V21a.75.75 0 0 1-1.5 0v-5.25H7.5a.75.75 0 0 1 0-1.5zM16.376 14.584A.75.75 0 0 1 17.75 15v6a.75.75 0 0 1-1.5 0v-3.523l-.626.939a.75.75 0 0 1-1.248 0l-.626-.94V21a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 1.374-.416L15 16.648zM20 14.25a.75.75 0 0 1 .75.75v5.25H22a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75v-6a.75.75 0 0 1 .75-.75M14 2.25q.072 0 .14.014h.01q.02.007.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"
+        })
     }));
-}, H = a;
+}, f = s;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,18 +92,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: e, size: l = 24 } = _param, s = _object_without_properties(_param, [
+const c = (_param)=>{
+    var { color: t, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = e !== null && e !== void 0 ? e : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: r,
@@ -113,5 +114,15 @@ const a = (_param)=>{
                 d: "M21.793 7.912q.047.11.048.238v12.306c0 .75-.644 1.383-1.409 1.383H8.25c-.75 0-1.409-.647-1.409-1.383l.034-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.426h2.266V3.534c0-.726.672-1.384 1.409-1.384h7.415c.232 0 .448.09.616.25l5.297 5.126c.109.109.173.243.215.386m-5.79-4.09v1.765c0 .658.216 1.213.622 1.608.415.4.997.61 1.692.61h1.801zM4.575 16.47h9.846a1.21 1.21 0 0 0 1.207-1.21v-4.093c0-.667-.54-1.21-1.207-1.21H4.575a1.21 1.21 0 0 0-1.207 1.21v4.092c0 .667.54 1.21 1.207 1.21"
             })
         ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, a), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: r,
+            d: "M16 14.25A2.75 2.75 0 0 1 18.75 17v4a.75.75 0 0 1-1.5 0v-1.25h-2.5V21a.75.75 0 0 1-1.5 0v-4A2.75 2.75 0 0 1 16 14.25m5 0a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.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.6v3.843a.4.4 0 0 1-.08.239c-.3.404-.087.1-.254.32a.266.266 0 0 1-.385.036A4.247 4.247 0 0 0 11.75 17v4.25a.25.25 0 0 1-.25.25H7A2.5 2.5 0 0 1 4.5 19V5A2.5 2.5 0 0 1 7 2.5zM16 15.75A1.25 1.25 0 0 0 14.75 17v1.25h2.5V17A1.25 1.25 0 0 0 16 15.75m2.957-8.5H15a.25.25 0 0 1-.25-.25V3.043z"
+        })
     }));
-}, m = a;
+}, u = c;

package/dist/generated/mistica-icons/icon-file-illustrator-light.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return H;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,27 +92,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: c, size: r = 24 } = _param, h = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: a, size: l = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = c !== null && c !== void 0 ? c : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = a !== null && a !== void 0 ? a : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    return c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: h,
                 d: "M9.174 11.317h-.956L6.941 15.12h.83l.293-.955H9.3l.316.955h.93zm-.499.95.417 1.268H8.27l.395-1.269zM11 11.317h.868v3.803H11z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: h,
                 d: "M21.804 7.908c.02.05.034.106.034.162v12.563c0 .653-.564 1.204-1.23 1.204H8.17c-.656 0-1.233-.562-1.233-1.204l.037-3.036H4.417a2.27 2.27 0 0 1-2.266-2.27v-4.179A2.27 2.27 0 0 1 4.417 8.88h2.521V3.356c0-.63.586-1.205 1.233-1.205h7.571c.182 0 .353.07.485.196l5.409 5.236a.7.7 0 0 1 .168.325m-.793 12.725V8.753h-2.566c-.98 0-1.826-.316-2.442-.915-.622-.6-.953-1.426-.953-2.384V2.98H8.168c-.185 0-.406.205-.406.379v5.52h6.706a2.27 2.27 0 0 1 2.266 2.27v4.179a2.27 2.27 0 0 1-2.266 2.269H7.8l-.036 3.042c0 .182.204.372.406.372h12.437c.207 0 .403-.185.403-.378M4.417 16.767h10.054c.792 0 1.44-.647 1.44-1.442v-4.18c0-.795-.645-1.442-1.44-1.442H4.417c-.792 0-1.44.647-1.44 1.443v4.179c0 .795.645 1.442 1.44 1.442m11.46-11.316c0 .728.24 1.347.7 1.79.462.445 1.11.683 1.868.683h2.35L15.878 3.16z"
             })
         ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: h,
+                d: "M14 2.25q.072 0 .14.014h.01q.02.007.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 5v14A1.25 1.25 0 0 0 7 20.25h3a.75.75 0 0 1 0 1.5H7A2.75 2.75 0 0 1 4.25 19V5A2.75 2.75 0 0 1 7 2.25zM14.75 7a.25.25 0 0 0 .25.25h2.19l-2.44-2.44z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: h,
+                d: "M16 14.25A2.75 2.75 0 0 1 18.75 17v4a.75.75 0 0 1-1.5 0v-1.25h-2.5V21a.75.75 0 0 1-1.5 0v-4A2.75 2.75 0 0 1 16 14.25m0 1.5A1.25 1.25 0 0 0 14.75 17v1.25h2.5V17A1.25 1.25 0 0 0 16 15.75M21 14.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75"
+            })
+        ]
     }));
-}, H = a;
+}, d = n;

package/dist/generated/mistica-icons/icon-file-illustrator-regular.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "default", {
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,27 +92,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: c, size: l = 24 } = _param, t = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: t, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = c !== null && c !== void 0 ? c : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: h,
                 d: "M9.177 11.318h-.955l-1.277 3.804h.829l.294-.955h1.235l.317.955h.93zm-.498.95.417 1.269h-.823l.395-1.27zM11.004 11.318h.868v3.804h-.868z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: h,
                 d: "M21.794 7.912q.046.11.047.238v12.306c0 .75-.644 1.383-1.409 1.383H8.25c-.75 0-1.409-.647-1.409-1.383l.034-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.426h2.266V3.534c0-.726.673-1.384 1.41-1.384h7.414c.232 0 .448.09.616.25l5.297 5.126c.11.109.174.243.216.386m-1.362 12.712c.098 0 .194-.096.194-.168V9.02h-2.311c-1.014 0-1.891-.33-2.535-.952-.65-.628-.992-1.487-.992-2.482V3.37H8.253c-.073 0-.188.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.18zM3.368 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.575a1.21 1.21 0 0 0-1.207 1.21zM16.004 3.822v1.765c0 .658.215 1.213.622 1.608.414.4.997.61 1.691.61h1.802z"
             })
         ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, a), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: h,
+                d: "M14 2.25q.072 0 .14.014h.01q.02.007.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 5v14A1.25 1.25 0 0 0 7 20.25h3a.75.75 0 0 1 0 1.5H7A2.75 2.75 0 0 1 4.25 19V5A2.75 2.75 0 0 1 7 2.25zM14.75 7a.25.25 0 0 0 .25.25h2.19l-2.44-2.44z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: h,
+                d: "M16 14.25A2.75 2.75 0 0 1 18.75 17v4a.75.75 0 0 1-1.5 0v-1.25h-2.5V21a.75.75 0 0 1-1.5 0v-4A2.75 2.75 0 0 1 16 14.25m0 1.5A1.25 1.25 0 0 0 14.75 17v1.25h2.5V17A1.25 1.25 0 0 0 16 15.75M21 14.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75"
+            })
+        ]
     }));
-}, u = i;
+}, u = n;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return h;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,21 +92,41 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: r, size: e = 24 } = _param, a = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: r, size: a = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = r !== null && r !== void 0 ? r : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    return t.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: e,
             d: "M19.323 7.923q.046.11.047.238v12.28a1.4 1.4 0 0 1-1.384 1.38H6.02c-.737 0-1.384-.644-1.384-1.38V3.556c0-.723.658-1.381 1.384-1.381h7.283c.227 0 .442.086.602.246L19.11 7.54c.106.103.17.24.213.384m-1.648-.107-4.042-3.978V5.6c0 .656.21 1.21.614 1.605.406.398.98.611 1.66.611zm-9.882 2.07c-.555 0-1.022.429-1.022.933v7.815c0 .504.467.936 1.02.936h8.42c.543 0 1.019-.437 1.019-.936v-7.815c.006-.496-.473-.933-1.017-.933zm1.826 4.4a.864.864 0 0 1-.857-.87c0-.482.384-.872.857-.872.474 0 .858.39.858.871a.867.867 0 0 1-.858.872M8.465 17.55c.104.126.25.19.398.19a.5.5 0 0 0 .328-.123l2.087-1.767 1.409 1.35a.513.513 0 0 0 .73-.023.53.53 0 0 0-.022-.742l-.714-.686 1.126-.91 1.18.918a.51.51 0 0 0 .725-.098.534.534 0 0 0-.098-.737l-1.499-1.168a.506.506 0 0 0-.633.006l-1.557 1.26-.27-.257a.52.52 0 0 0-.685-.02l-2.437 2.065a.536.536 0 0 0-.068.742"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: e,
+                d: "M9.889 14.75c.229 0 .507.096.802.376l5.95 5.957a.249.249 0 0 1-.172.425C13.315 21.56 10.154 21.5 7 21.5a2.5 2.5 0 0 1-2.152-1.231.37.37 0 0 1 .051-.425l.66-.751h.002l3.53-3.973c.294-.276.57-.37.798-.37"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: e,
+                d: "M12.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.6V19a2.5 2.5 0 0 1-.732 1.768l-.013.012c-.094.093-.245.08-.335-.016l-.368-.4-6.31-6.31c-.525-.504-1.164-.804-1.853-.804s-1.329.3-1.854.805l-.04.042-3.058 3.44a.25.25 0 0 1-.437-.166V5A2.5 2.5 0 0 1 7 2.5zM14.5 11a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: e,
+                d: "M18.957 7.25H15a.25.25 0 0 1-.25-.25V3.043z"
+            })
+        ]
     }));
-}, h = s;
+}, g = m;

package/dist/generated/mistica-icons/icon-file-image-light.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,21 +92,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: e, size: c = 24 } = _param, a = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: r, size: c = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    return a.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: o,
             d: "M19.357 7.908a.4.4 0 0 1 .03.162v12.563c0 .653-.557 1.204-1.22 1.204H5.84c-.65 0-1.221-.562-1.221-1.204V3.356c0-.63.583-1.205 1.221-1.205h7.502c.179 0 .347.07.476.194L19.18 7.58a.67.67 0 0 1 .177.328m-.787 12.725V8.751h-2.544c-.972 0-1.81-.317-2.423-.916-.616-.603-.941-1.429-.941-2.384v-2.47H5.844c-.182 0-.4.204-.4.378v17.274c0 .188.201.378.4.378H18.17c.207 0 .4-.185.4-.378M13.48 3.16v2.288c0 .728.238 1.347.692 1.79.456.445 1.098.684 1.851.684h2.334zm2.986 15.571-.011-7.941c-.002.02-.024.015-.052.007q-.028-.009-.057-.01H7.67c-.05 0-.09.022-.109.04v7.96q.001-.015.014-.014.012 0 .032.006.028.009.066.01h8.67c.053 0 .109-.036.123-.058m-.123-8.773c.495 0 .93.39.93.832v7.997c0 .443-.434.832-.93.832H7.67c-.504 0-.93-.38-.93-.832V10.79c0-.451.426-.832.928-.832zm-7.317 3.274c0 .241.196.44.434.44.241 0 .434-.199.434-.44a.434.434 0 1 0-.868 0M9.46 14.5a1.26 1.26 0 0 1-1.252-1.267c0-.697.563-1.266 1.252-1.266.692 0 1.255.569 1.255 1.267 0 .697-.563 1.266-1.255 1.266m6.583.537-1.67-1.29a.416.416 0 0 0-.506.005l-1.85 1.484-.403-.383a.407.407 0 0 0-.543-.017L8.354 17.12a.42.42 0 0 0-.053.583.41.41 0 0 0 .58.053l2.437-2.05 1.677 1.596a.41.41 0 0 0 .58-.02.415.415 0 0 0-.017-.584l-.938-.891 1.507-1.21 1.417 1.095c.18.14.437.106.575-.076a.417.417 0 0 0-.076-.58"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: o,
+                d: "M14.5 11a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: o,
+                d: "M14 2.25q.072 0 .14.014h.01q.02.007.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.531v11A2.75 2.75 0 0 1 17 21.75H7A2.75 2.75 0 0 1 4.25 19V5A2.75 2.75 0 0 1 7 2.25zm-4.111 12.5c-.228 0-.504.094-.797.37L5.75 18.88V19A1.25 1.25 0 0 0 7 20.25h8.816l-5.125-5.124c-.295-.28-.573-.376-.802-.376M7 3.75A1.25 1.25 0 0 0 5.75 5v11.622l2.245-2.525.04-.042c.525-.505 1.165-.805 1.854-.805s1.328.3 1.853.805l5.97 5.97A1.25 1.25 0 0 0 18.25 19V8.75h-3.249A1.75 1.75 0 0 1 13.25 7V3.75zM14.75 7a.25.25 0 0 0 .25.25h2.19l-2.44-2.44z"
+            })
+        ]
     }));
-}, v = s;
+}, g = m;

package/dist/generated/mistica-icons/icon-file-image-regular.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,21 +92,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: l, size: r = 24 } = _param, a = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: o, size: l = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = l !== null && l !== void 0 ? l : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = o !== null && o !== void 0 ? o : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: c,
             d: "M19.387 8.152a.6.6 0 0 0-.047-.238.84.84 0 0 0-.213-.384l-5.213-5.126a.85.85 0 0 0-.605-.249h-7.3c-.725 0-1.386.658-1.386 1.384v16.919c0 .736.65 1.383 1.386 1.383h11.992c.75 0 1.386-.633 1.386-1.384zm-1.384 12.474H6.012c-.093 0-.19-.11-.19-.169V3.54c.005-.06.117-.168.19-.168h6.434v2.218c0 .995.336 1.852.978 2.482.633.622 1.495.952 2.493.952h2.277v11.435c0 .072-.095.168-.19.168M17.69 7.807l-.003-.003h.003zm-.003-.003h-1.77c-.684 0-1.258-.21-1.664-.61-.4-.396-.614-.95-.614-1.609V3.822zm-1.474 10.728L7.8 18.522v-7.585l8.415.014zm1.037-7.714c0-.499-.479-.936-1.022-.936h-8.44c-.552 0-1.023.429-1.023.936v7.832c0 .507.468.935 1.023.935h8.44c.543 0 1.022-.437 1.022-.935zm-7.633 3.473a.87.87 0 0 1-.86-.874c0-.481.384-.874.86-.874.473 0 .857.393.857.874a.866.866 0 0 1-.857.874m-1.154 3.27c.1.125.25.19.398.19.117 0 .235-.04.336-.12l2.09-1.771 1.411 1.353a.51.51 0 0 0 .731-.023.53.53 0 0 0-.022-.745l-.717-.686 1.126-.91 1.182.918a.51.51 0 0 0 .725-.098.535.535 0 0 0-.098-.74l-1.501-1.17a.506.506 0 0 0-.636.006l-1.56 1.263-.27-.258a.514.514 0 0 0-.685-.022l-2.443 2.07a.536.536 0 0 0-.067.742"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: c,
+                d: "M14.5 11a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: c,
+                d: "M14 2.25q.072 0 .14.014h.01q.02.007.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.531v11A2.75 2.75 0 0 1 17 21.75H7A2.75 2.75 0 0 1 4.25 19V5A2.75 2.75 0 0 1 7 2.25zm-4.111 12.5c-.228 0-.504.094-.797.37L5.75 18.88V19A1.25 1.25 0 0 0 7 20.25h8.816l-5.125-5.124c-.295-.28-.573-.376-.802-.376M7 3.75A1.25 1.25 0 0 0 5.75 5v11.622l2.245-2.525.04-.042c.525-.505 1.165-.805 1.854-.805s1.328.3 1.853.805l5.97 5.97A1.25 1.25 0 0 0 18.25 19V8.75h-3.249A1.75 1.75 0 0 1 13.25 7V3.75zM14.75 7a.25.25 0 0 0 .25.25h2.19l-2.44-2.44z"
+            })
+        ]
     }));
-}, v = s;
+}, g = m;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,27 +92,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const t = (_param)=>{
-    var { color: o, size: c = 24 } = _param, r = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: i, size: h = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = o !== null && o !== void 0 ? o : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = i !== null && i !== void 0 ? i : o ? _skincontractcssmistica.vars.colors.inverse : _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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, v), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: a,
                 d: "M11.984 13.267c0-1.014.535-1.703 1.642-1.703.322 0 .706.067.916.157l-.096.54a3 3 0 0 0-.767-.117c-.656 0-.925.39-.925 1.095 0 .364.048.664.19.863.119.165.315.26.628.26.118 0 .28-.014.395-.033v-.684h-.456v-.532h1.19v1.655a4.5 4.5 0 0 1-1.157.166c-1.165.003-1.56-.639-1.56-1.667M4.194 14.329l.053.566c.233.03.34.042.5.042.366 0 .601-.068.75-.21.165-.166.232-.384.232-.788v-2.313h-.74v2.297c0 .36-.097.445-.411.445-.07 0-.235-.011-.384-.04M7.533 11.626H6.421v3.246h.74v-1.12h.52c.426 0 .72-.101.911-.314q.24-.268.24-.787c0-.348-.083-.597-.26-.76-.21-.195-.532-.265-1.039-.265m-.011 1.568h-.367v-1.033h.347c.23 0 .367.033.457.114q.124.121.123.384-.002.284-.129.412c-.095.09-.193.123-.431.123M11.544 11.626h-2.19v3.24h2.216v-.534h-1.477v-.83h1.115v-.554h-1.115v-.787h1.395z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: a,
                 d: "M21.794 7.914a.6.6 0 0 1 .047.238v12.306c0 .75-.644 1.383-1.409 1.383H8.253c-.75 0-1.409-.647-1.409-1.384l.034-2.773h-2.3a2.427 2.427 0 0 1-2.423-2.423V11.17a2.43 2.43 0 0 1 2.42-2.426h2.266V3.54c0-.726.673-1.384 1.41-1.384h7.414c.23 0 .445.087.61.244l5.3 5.131c.11.104.174.241.219.384M16 3.824V5.59c0 .658.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.204-1.21H4.575c-.666 0-1.207.54-1.207 1.21v4.095c0 .667.54 1.21 1.207 1.21"
             })
         ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: h,
+        height: h,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, v), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M8 14.25a.75.75 0 0 1 .75.75v4.5a2.25 2.25 0 0 1-4.5 0 .75.75 0 0 1 1.5 0 .75.75 0 0 0 1.5 0v-3.75H5a.75.75 0 0 1 0-1.5zM12.5 14.25a2.25 2.25 0 0 1 0 4.5h-.75V21a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75zm-.75 3h.75a.75.75 0 0 0 .148-1.485l-.148-.015h-.75zM19.5 14.25a.75.75 0 0 1 0 1.5h-1A1.25 1.25 0 0 0 17.25 17v2a1.25 1.25 0 0 0 1.25 1.25h.25V18a.75.75 0 0 1 1.5 0v3a.75.75 0 0 1-.75.75h-1A2.75 2.75 0 0 1 15.75 19v-2a2.75 2.75 0 0 1 2.75-2.75zM12.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: a,
+                d: "M18.957 7.25H15a.25.25 0 0 1-.25-.25V3.043z"
+            })
+        ]
     }));
-}, d = t;
+}, f = s;

package/dist/generated/mistica-icons/icon-file-jpeg-light.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -92,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: o, size: h = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), v = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), v = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: v,
@@ -113,5 +114,15 @@ const s = (_param)=>{
                 d: "M21.804 7.907q.034.075.034.162v12.563c0 .653-.564 1.205-1.23 1.205H8.17c-.656 0-1.233-.563-1.233-1.205l.037-3.036H4.417a2.27 2.27 0 0 1-2.266-2.269v-4.18A2.27 2.27 0 0 1 4.417 8.88h2.521V3.36c0-.63.586-1.205 1.233-1.205h7.571c.18 0 .35.07.482.194l5.409 5.238c.09.084.14.199.17.319m-1.196 13.106c.207 0 .403-.185.403-.378V8.755h-2.566c-.98 0-1.826-.316-2.442-.915-.622-.603-.953-1.429-.953-2.384V2.983H8.168c-.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.8l-.036 3.042c0 .182.204.373.406.373h12.437zm-17.63-5.686c0 .796.644 1.443 1.44 1.443H14.47c.792 0 1.44-.647 1.44-1.443v-4.18c0-.795-.645-1.442-1.44-1.442H4.417c-.792 0-1.44.647-1.44 1.443zM15.877 3.162v2.291c0 .728.24 1.348.7 1.79.462.445 1.11.684 1.868.684h2.35z"
             })
         ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: h,
+        height: h,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, a), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: v,
+            d: "M8 14.25a.75.75 0 0 1 .75.75v4.5a2.25 2.25 0 0 1-4.5 0 .75.75 0 0 1 1.5 0 .75.75 0 0 0 1.5 0v-3.75H5a.75.75 0 0 1 0-1.5zM12.5 14.25a2.25 2.25 0 0 1 0 4.5h-.75V21a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75zm-.75 3h.75a.75.75 0 0 0 0-1.5h-.75zM19.5 14.25a.75.75 0 0 1 0 1.5h-1A1.25 1.25 0 0 0 17.25 17v2a1.25 1.25 0 0 0 1.25 1.25h.25V18a.75.75 0 0 1 1.5 0v3a.75.75 0 0 1-.75.75h-1A2.75 2.75 0 0 1 15.75 19v-2a2.75 2.75 0 0 1 2.75-2.75zM14 2.25q.072 0 .14.014h.01q.02.007.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"
+        })
     }));
-}, m = s;
+}, f = s;

package/dist/generated/mistica-icons/icon-file-jpeg-regular.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,27 +92,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const t = (_param)=>{
-    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: l, size: h = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = e !== null && e !== void 0 ? e : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = l !== null && l !== void 0 ? l : r ? _skincontractcssmistica.vars.colors.inverse : _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: h,
+        height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, v), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: c,
                 d: "M11.984 13.265c0-1.014.535-1.703 1.642-1.703.322 0 .705.067.915.157l-.095.54a3 3 0 0 0-.767-.117c-.656 0-.925.39-.925 1.095 0 .364.048.664.19.863.118.165.315.26.628.26.118 0 .28-.014.395-.033v-.684h-.456v-.532h1.19v1.655a4.5 4.5 0 0 1-1.157.166c-1.165.002-1.56-.639-1.56-1.667M4.194 14.327l.053.566c.233.03.34.041.5.041.366 0 .601-.067.75-.21.165-.165.232-.383.232-.787v-2.313h-.74v2.297c0 .36-.097.445-.411.445-.07 0-.235-.011-.384-.04M7.533 11.624H6.421v3.246h.74v-1.12h.52c.426 0 .72-.101.911-.314q.24-.268.24-.787c0-.348-.083-.597-.26-.76-.21-.195-.532-.265-1.039-.265m-.011 1.568h-.367V12.16h.347c.23 0 .367.033.457.114q.125.121.123.384-.002.284-.129.412c-.095.09-.193.123-.431.123M11.544 11.624h-2.19v3.24h2.216v-.535h-1.477V13.5h1.115v-.554h-1.115v-.787h1.395zM20.116 7.803l.003.003v-.003z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: c,
                 d: "M21.794 7.912q.046.11.047.238v12.306c0 .75-.644 1.383-1.409 1.383H8.25c-.75 0-1.409-.647-1.409-1.383l.034-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.426h2.266V3.534c0-.726.673-1.384 1.41-1.384h7.414c.23 0 .445.087.61.244l5.3 5.132c.11.106.174.243.219.386m-1.362 12.712c.098 0 .194-.096.194-.168V9.02h-2.314c-1.014 0-1.888-.33-2.532-.952-.65-.63-.995-1.487-.995-2.482V3.37H8.25c-.073 0-.187.109-.193.168v5.201h6.364c1.336 0 2.42 1.09 2.42 2.426v4.093a2.426 2.426 0 0 1-2.42 2.425h-6.33l-.034 2.78c0 .05.1.159.193.159h12.182zM3.368 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.575a1.21 1.21 0 0 0-1.207 1.21zm16.748-7.456L16.004 3.82v1.764c0 .659.215 1.213.622 1.608.414.4.997.61 1.689.61z"
             })
         ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: h,
+        height: h,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, v), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: c,
+            d: "M8 14.25a.75.75 0 0 1 .75.75v4.5a2.25 2.25 0 0 1-4.5 0 .75.75 0 0 1 1.5 0 .75.75 0 0 0 1.5 0v-3.75H5a.75.75 0 0 1 0-1.5zM12.5 14.25a2.25 2.25 0 0 1 0 4.5h-.75V21a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75zm-.75 3h.75a.75.75 0 0 0 0-1.5h-.75zM19.5 14.25a.75.75 0 0 1 0 1.5h-1A1.25 1.25 0 0 0 17.25 17v2a1.25 1.25 0 0 0 1.25 1.25h.25V18a.75.75 0 0 1 1.5 0v3a.75.75 0 0 1-.75.75h-1A2.75 2.75 0 0 1 15.75 19v-2a2.75 2.75 0 0 1 2.75-2.75zM14 2.25q.072 0 .14.014h.01q.02.007.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"
+        })
     }));
-}, p = t;
+}, f = s;

package/dist/generated/mistica-icons/icon-file-light.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconFileLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconFileLight;