@telefonica/mistica 17.3.0 → 17.5.0

package/dist/generated/mistica-icons/icon-lock-closed-regular.js

@@ -136,49 +136,65 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const w = (_param)=>{
-    var { color: m, size: t = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: d, size: t = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useThemeVariant)(), d = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: c } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : d), { skinName: a } = (0, _hooks.useTheme)(), h = a.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useThemeVariant)(), m = i === "brand" || i === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : i === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: v } = (0, _icongradient.useIconGradient)(d !== null && d !== void 0 ? d : m), { skinName: l } = (0, _hooks.useTheme)(), o = l.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, h), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M11.673 13.68a2.05 2.05 0 0 0-2.05 2.05v.562a2.05 2.05 0 0 0 2.05 2.05h.655a2.05 2.05 0 0 0 2.05-2.05v-.562a2.05 2.05 0 0 0-2.05-2.05zm-.55 2.05a.55.55 0 0 1 .55-.55h.655a.55.55 0 0 1 .55.55v.562a.55.55 0 0 1-.55.55h-.655a.55.55 0 0 1-.55-.55z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M8.27 7.27v.872h7.562a3.75 3.75 0 0 1 3.75 3.75v6.357a3.75 3.75 0 0 1-3.75 3.75H8.169a3.75 3.75 0 0 1-3.75-3.75v-6.357a3.75 3.75 0 0 1 2.35-3.48V7.27c.002-2.93 2.53-5.269 5.318-5.269 2.208 0 4.104 1.453 4.828 3.457a.75.75 0 0 1-1.411.51C14.979 4.515 13.619 3.5 12.087 3.5c-2.002 0-3.817 1.708-3.817 3.77m-.101 2.372a2.25 2.25 0 0 0-2.25 2.25v6.357a2.25 2.25 0 0 0 2.25 2.25h7.663a2.25 2.25 0 0 0 2.25-2.25v-6.357a2.25 2.25 0 0 0-2.25-2.25z"
+            })
+        ]
+    })) : l.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: a,
             d: "M14.058 14.692v3.2h-3.2v-3.2zm.095-11.34a4.415 4.415 0 0 1 4.41 4.41v2.714h-8.82V7.762a4.415 4.415 0 0 1 4.41-4.41m3.39 17.296H7.373a1.02 1.02 0 0 1-1.02-1.02v-7.8h12.21v7.8a1.02 1.02 0 0 1-1.018 1.02M8.392 7.762v2.714H5v9.152A2.374 2.374 0 0 0 7.373 22h10.172a2.374 2.374 0 0 0 2.37-2.371V7.762A5.77 5.77 0 0 0 14.155 2 5.77 5.77 0 0 0 8.39 7.762"
         })
-    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: a,
                 d: "m10.956 17.057 4.031-4.135a.68.68 0 0 1 .982 0 .73.73 0 0 1 0 1.012l-5.013 5.147-2.232-2.292a.73.73 0 0 1 0-1.012.683.683 0 0 1 .986 0z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: a,
                 d: "M17.912 8.07v1.428c1.15 0 2.088.96 2.088 2.144v8.214C20 21.04 19.061 22 17.912 22H6.088C4.935 22 4 21.036 4 19.856v-8.214C4 10.458 4.939 9.5 6.088 9.5V8.07C6.088 4.723 8.74 2 12 2s5.912 2.723 5.912 6.07M12 3.429c-2.493 0-4.522 2.083-4.522 4.643V9.5h9.044V8.07c0-2.56-2.03-4.643-4.522-4.643m6.606 16.424h.003v-8.21a.71.71 0 0 0-.697-.716H6.088a.71.71 0 0 0-.698.716v8.21a.71.71 0 0 0 .698.716h11.82a.71.71 0 0 0 .698-.716"
             })
         ]
-    })) : a.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: a,
                 d: "M14 16.31c0 1.845-1.526 1.987-1.908 1.995h-.183c-.402-.007-1.91-.15-1.91-2.007 0-1.85 1.493-1.99 1.894-1.993h.04q.081 0 .152.002c.392.01 1.915.165 1.915 2.003m-1.92 1.096c1.022-.019 1.022-.802 1.022-1.096 0-.267 0-1.08-1.037-1.105l-.062-.002h-.097c-1.004.01-1.004.799-1.004 1.095 0 .298 0 1.095 1.023 1.108z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: a,
                 d: "M17.142 6.602C17.024 4.017 14.758 1.975 12 1.975c-2.833 0-5.147 2.154-5.147 4.837v1.533c-.455.07-1.042.252-1.52.7-.552.514-.834 1.243-.834 2.162l.003 7.863c-.003.056-.074 1.21.715 2.07.54.59 1.323.887 2.325.887l8.857-.006h.002c.078.005 1.373.08 2.272-.77.55-.519.825-1.24.825-2.152l-.001-4.883v-.003c0-1.635 0-2.946-.002-2.946v-.004c.006-.094.073-1.219-.7-2.07-.41-.452-.964-.735-1.65-.847V6.812zm-1.33 1.69c-2.278.001-6.103.006-7.623.009V6.812l.005-.185C8.3 4.788 9.955 3.31 12.002 3.31c2.115 0 3.81 1.579 3.81 3.502zm2.091 1.725c.427.462.39 1.139.386 1.198 0 0-.003 5.285.003 7.887 0 .56-.142.97-.435 1.252-.493.472-1.284.45-1.399.447h-.012l-8.9.006c-.649 0-1.13-.166-1.432-.49-.435-.467-.404-1.153-.4-1.198v-7.91c-.001-.56.147-.984.438-1.257.415-.39 1.035-.427 1.257-.427.04 0 .069.001.079.002h.003a.2.2 0 0 0 .046.003H8.78c1.955-.003 5.75-.007 7.663-.007.663 0 1.155.165 1.46.495"
             })
         ]
@@ -187,22 +203,22 @@ const w = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: a,
                 d: "M12 14.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: a,
                 d: "M12 2.25A4.75 4.75 0 0 1 16.75 7v3.25H17A2.75 2.75 0 0 1 19.75 13v6A2.75 2.75 0 0 1 17 21.75H7A2.75 2.75 0 0 1 4.25 19v-6A2.75 2.75 0 0 1 7 10.25h.25V7A4.75 4.75 0 0 1 12 2.25m-5 9.5A1.25 1.25 0 0 0 5.75 13v6A1.25 1.25 0 0 0 7 20.25h10A1.25 1.25 0 0 0 18.25 19v-6A1.25 1.25 0 0 0 17 11.75zm5-8A3.25 3.25 0 0 0 8.75 7v3.25h6.5V7A3.25 3.25 0 0 0 12 3.75"
             })
         ]
     }));
-    return c ? /*#__PURE__*/ _react.cloneElement(h, {}, [
+    return v ? /*#__PURE__*/ _react.cloneElement(o, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: c
+            children: v
         }, "gradient-defs"),
-        ..._react.Children.toArray(h.props.children)
-    ]) : h;
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };

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

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return C;
+        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");
@@ -134,26 +135,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const C = (_param)=>{
-    var { color: l, size: n = 24 } = _param, s = _object_without_properties(_param, [
+const M = (_param)=>{
+    var { color: s, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    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: c, gradientDef: a } = (0, _icongradient.useIconGradient)(l !== null && l !== void 0 ? l : d), t = /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: n,
-        height: n,
+    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: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: i,
+            d: "M10.25 2A8.25 8.25 0 0 0 2 10.25v9.443a2.307 2.307 0 0 0 3.846 1.718l2.51-2.172h5.394a8.25 8.25 0 0 0 8.25-8.25v-.739A8.25 8.25 0 0 0 13.75 2zM8.543 6.33h6.916a.75.75 0 0 1 0 1.5H8.543a.75.75 0 1 1 0-1.5m-.75 4.25a.75.75 0 0 1 .75-.75h6.916a.75.75 0 1 1 0 1.5H8.543a.75.75 0 0 1-.75-.75m.75 2.75h6.916a.75.75 0 1 1 0 1.5H8.543a.75.75 0 0 1 0-1.5"
+        })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, n), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: i,
             d: "M18 3.5A3.5 3.5 0 0 1 21.5 7v8a3.5 3.5 0 0 1-3.5 3.5h-4.862l-4.881 2.929A.5.5 0 0 1 7.5 21v-2.5H6A3.5 3.5 0 0 1 2.5 15V7A3.5 3.5 0 0 1 6 3.5zM8 12.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zm0-4a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5z"
         })
     }));
-    return a ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+    return l ? /*#__PURE__*/ _react.cloneElement(o, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: a
+            children: l
         }, "gradient-defs"),
-        ..._react.Children.toArray(t.props.children)
-    ]) : t;
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };

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

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return C;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 const _icongradient = require("../../utils/icon-gradient.js");
@@ -134,17 +135,33 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const C = (_param)=>{
-    var { color: s, size: n = 24 } = _param, h = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: m, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    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)(s !== null && s !== void 0 ? s : d), t = /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: n,
-        height: n,
+    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: l } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : c), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, i), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M8.306 7.105a.5.5 0 0 0 0 1h7.39a.5.5 0 0 0 0-1zm-.5 3.5a.5.5 0 0 1 .5-.5h7.39a.5.5 0 0 1 0 1h-7.39a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 0 0 0 1h7.39a.5.5 0 1 0 0-1z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M10.203 2a8.204 8.204 0 0 0-8.204 8.203v9.625c0 1.225 1.04 2.173 2.266 2.173.563 0 1.081-.197 1.48-.527l2.61-2.251h5.442c4.536 0 8.204-3.736 8.204-8.262v-.758a8.204 8.204 0 0 0-8.204-8.204zm-7.204 8.203a7.204 7.204 0 0 1 7.204-7.204h3.595A7.204 7.204 0 0 1 21 10.203v.758c0 3.983-3.23 7.262-7.204 7.262H8.17a.5.5 0 0 0-.326.121l-2.739 2.362a1.32 1.32 0 0 1-.839.295C3.54 21 3 20.45 3 19.828z"
+            })
+        ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -156,10 +173,10 @@ const C = (_param)=>{
             })
         ]
     }));
-    return i ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+    return l ? /*#__PURE__*/ _react.cloneElement(o, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: i
+            children: l
         }, "gradient-defs"),
-        ..._react.Children.toArray(t.props.children)
-    ]) : t;
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };

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

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return C;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 const _icongradient = require("../../utils/icon-gradient.js");
@@ -134,17 +135,33 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const C = (_param)=>{
-    var { color: s, size: n = 24 } = _param, d = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: m, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), h = e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : h), t = /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: n,
-        height: n,
+    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: a, gradientDef: l } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : d), { skinName: v } = (0, _hooks.useTheme)(), o = v.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, d), {
+    }, i), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M8.543 6.863a.75.75 0 1 0 0 1.5h6.916a.75.75 0 0 0 0-1.5zm-.75 3.75a.75.75 0 0 1 .75-.75h6.916a.75.75 0 0 1 0 1.5H8.543a.75.75 0 0 1-.75-.75m.75 2.25a.75.75 0 0 0 0 1.5h6.916a.75.75 0 0 0 0-1.5z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M10.25 2A8.25 8.25 0 0 0 2 10.25v9.443a2.307 2.307 0 0 0 3.846 1.718l2.51-2.172h5.394a8.25 8.25 0 0 0 8.25-8.25v-.739A8.25 8.25 0 0 0 13.75 2zM3.5 10.25a6.75 6.75 0 0 1 6.75-6.75h3.5a6.75 6.75 0 0 1 6.75 6.75v.739a6.75 6.75 0 0 1-6.75 6.75H8.077a.75.75 0 0 0-.491.183l-2.727 2.36-.012.01a.807.807 0 0 1-1.347-.599z"
+            })
+        ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -156,10 +173,10 @@ const C = (_param)=>{
             })
         ]
     }));
-    return l ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+    return l ? /*#__PURE__*/ _react.cloneElement(o, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
             children: l
         }, "gradient-defs"),
-        ..._react.Children.toArray(t.props.children)
-    ]) : t;
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };

package/dist/generated/mistica-icons/icon-mobile-device-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return V;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,29 +135,39 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const V = (_param)=>{
-    var { color: d, size: t = 24 } = _param, r = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: d, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useThemeVariant)(), s = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: a } = (0, _icongradient.useIconGradient)(d !== null && d !== void 0 ? d : s), { skinName: c } = (0, _hooks.useTheme)(), i = c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useThemeVariant)(), m = i === "brand" || i === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : i === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: h } = (0, _icongradient.useIconGradient)(d !== null && d !== void 0 ? d : m), { skinName: n } = (0, _hooks.useTheme)(), l = n.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: r,
+            d: "M14.463 2.002a3.75 3.75 0 0 1 3.75 3.75v12.496a3.75 3.75 0 0 1-3.75 3.75H9.537a3.75 3.75 0 0 1-3.75-3.75l.001-12.496a3.75 3.75 0 0 1 3.75-3.75zm-4.211 2.994a.75.75 0 1 0 0 1.5h3.5a.75.75 0 0 0 0-1.5z"
+        })
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, o), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: r,
             d: "M18.489 5.388C18.397 3.504 16.902 2 15.078 2h-6.16C7.094 2 5.6 3.504 5.508 5.388zM5.5 6.46h13v11.08h-13zM8.918 22c-1.828 0-3.322-1.504-3.41-3.388h12.977C18.397 20.496 16.902 22 15.075 22z"
         })
-    })) : c.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : n.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: r,
             d: "M15.321 2.155c1.11 0 1.91.272 2.454.832.535.549.795 1.353.795 2.46V18.55c0 2.216-1.061 3.291-3.249 3.291H8.682c-2.187 0-3.249-1.075-3.249-3.291V5.446c0-2.185 1.093-3.291 3.25-3.291zm-3.314 17.359c.342 0 .625-.107.821-.306q.287-.3.291-.81c0-.697-.411-1.114-1.109-1.114-.697 0-1.112.417-1.112 1.115q-.001.51.289.81c.193.198.479.305.82.305"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -165,16 +175,16 @@ const V = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: r,
             d: "M16 2.5A2.5 2.5 0 0 1 18.5 5v14a2.5 2.5 0 0 1-2.5 2.5H8A2.5 2.5 0 0 1 5.5 19V5A2.5 2.5 0 0 1 8 2.5zM12 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
         })
     }));
-    return a ? /*#__PURE__*/ _react.cloneElement(i, {}, [
+    return h ? /*#__PURE__*/ _react.cloneElement(l, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: a
+            children: h
         }, "gradient-defs"),
-        ..._react.Children.toArray(i.props.children)
-    ]) : i;
+        ..._react.Children.toArray(l.props.children)
+    ]) : l;
 };

package/dist/generated/mistica-icons/icon-mobile-device-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return A;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,22 +135,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
-    var { color: d, size: t = 24 } = _param, o = _object_without_properties(_param, [
+const A = (_param)=>{
+    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useThemeVariant)(), m = i === "brand" || i === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : i === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: c } = (0, _icongradient.useIconGradient)(d !== null && d !== void 0 ? d : m), { skinName: l } = (0, _hooks.useTheme)(), n = l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), v = 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)(s !== null && s !== void 0 ? s : v), { skinName: a } = (0, _hooks.useTheme)(), n = a.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, o), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: i,
+                d: "M13.744 5.244a.5.5 0 1 1 0 1h-3.5a.5.5 0 0 1 0-1z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: i,
+                d: "M14.463 1.999a3.75 3.75 0 0 1 3.75 3.75v12.503a3.75 3.75 0 0 1-3.75 3.75H9.537a3.75 3.75 0 0 1-3.75-3.75V5.75a3.75 3.75 0 0 1 3.75-3.751zm-4.926 1a2.75 2.75 0 0 0-2.75 2.75v12.503a2.75 2.75 0 0 0 2.75 2.75h4.926a2.75 2.75 0 0 0 2.75-2.75V5.75A2.75 2.75 0 0 0 14.463 3z"
+            })
+        ]
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: i,
             d: "M8.784 2h6.432a3.575 3.575 0 0 1 3.568 3.572v12.856A3.58 3.58 0 0 1 15.212 22H8.784a3.58 3.58 0 0 1-3.572-3.572V5.572A3.58 3.58 0 0 1 8.784 2m-2.14 4.644V17.36H17.36V6.644zm2.14-3.216c-1.06 0-1.94.776-2.112 1.784h10.652a2.145 2.145 0 0 0-2.112-1.784zm0 17.144h6.432c1.06 0 1.94-.776 2.108-1.784H6.672a2.145 2.145 0 0 0 2.112 1.784"
         })
-    })) : l.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -158,11 +174,11 @@ const w = (_param)=>{
     }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: i,
                 d: "M11.174 18.66c0-.568.328-.834.832-.834s.83.266.83.834c0 .275-.074.477-.208.614-.146.148-.359.221-.622.221s-.476-.073-.622-.221c-.134-.137-.21-.339-.21-.614"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: i,
                 d: "M15.55 21.834H8.449c-1.028 0-1.77-.238-2.266-.731-.502-.496-.745-1.244-.745-2.28V5.167c0-1.008.243-1.745.742-2.249.507-.512 1.25-.762 2.269-.762h7.1c1.031 0 1.774.244 2.272.745.499.502.74 1.241.74 2.266v13.656c0 1.036-.244 1.781-.745 2.28-.496.493-1.238.731-2.266.731M8.449 2.716c-.863 0-1.474.194-1.871.594-.393.395-.583 1.003-.583 1.857v13.656c0 1.742.711 2.45 2.45 2.45h7.102c1.742 0 2.45-.708 2.45-2.45V5.167c0-.87-.187-1.484-.573-1.87-.387-.387-1-.58-1.874-.58z"
             })
         ]
@@ -174,11 +190,11 @@ const w = (_param)=>{
     }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: i,
                 d: "M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: i,
                 d: "M16 2.25A2.75 2.75 0 0 1 18.75 5v14A2.75 2.75 0 0 1 16 21.75H8A2.75 2.75 0 0 1 5.25 19V5A2.75 2.75 0 0 1 8 2.25zm-8 1.5c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h8c.69 0 1.25-.56 1.25-1.25V5c0-.69-.56-1.25-1.25-1.25z"
             })
         ]

package/dist/generated/mistica-icons/icon-mobile-device-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return A;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,44 +135,60 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
-    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
+const A = (_param)=>{
+    var { color: v, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useThemeVariant)(), m = i === "brand" || i === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : i === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: c } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: n } = (0, _hooks.useTheme)(), l = n.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), m = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: c } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : m), { skinName: a } = (0, _hooks.useTheme)(), l = a.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: i,
+                d: "M13.752 4.992a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 1 1 0-1.5z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: i,
+                d: "M14.463 2.002a3.75 3.75 0 0 1 3.75 3.75v12.496a3.75 3.75 0 0 1-3.75 3.75H9.537a3.75 3.75 0 0 1-3.75-3.75l.001-12.496a3.75 3.75 0 0 1 3.75-3.75zm-4.925 1.5a2.25 2.25 0 0 0-2.25 2.25v12.496a2.25 2.25 0 0 0 2.25 2.25h4.925a2.25 2.25 0 0 0 2.25-2.25V5.752a2.25 2.25 0 0 0-2.25-2.25z"
+            })
+        ]
+    })) : a.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: i,
             d: "M15 2H8.571A3.58 3.58 0 0 0 5 5.571V18.43A3.58 3.58 0 0 0 8.571 22H15a3.58 3.58 0 0 0 3.571-3.571V5.57A3.58 3.58 0 0 0 15 2M6.429 17.357V6.643h10.714v10.714zM8.57 3.43H15c1.071 0 1.929.785 2.107 1.785H6.464c.179-1 1.036-1.785 2.107-1.785M15 20.57H8.571c-1.071 0-1.928-.785-2.107-1.785h10.643c-.178 1-1.036 1.785-2.107 1.785"
         })
-    })) : n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: i,
             d: "M8.784 2h6.432a3.575 3.575 0 0 1 3.568 3.572v12.856A3.58 3.58 0 0 1 15.212 22H8.784a3.58 3.58 0 0 1-3.572-3.572V5.572A3.58 3.58 0 0 1 8.784 2m-2.14 4.644V17.36H17.36V6.644zm2.14-3.216c-1.06 0-1.94.776-2.112 1.784h10.652a2.145 2.145 0 0 0-2.112-1.784zm0 17.144h6.432c1.06 0 1.94-.776 2.108-1.784H6.672a2.145 2.145 0 0 0 2.112 1.784"
         })
-    })) : n.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: i,
                 d: "M11.39 19.862q.18.05.388.05c.353 0 .653-.112.85-.315q.297-.305.298-.835c0-.72-.425-1.15-1.145-1.15s-1.148.43-1.148 1.15q0 .526.298.835.184.188.46.265"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: i,
                 d: "M8.396 22.32c-1.141 0-1.974-.275-2.543-.838-.575-.57-.853-1.408-.853-2.558V5.396c0-1.121.278-1.945.85-2.526C6.428 2.286 7.26 2 8.396 2h6.764c1.145 0 1.977.277 2.55.853.572.575.846 1.404.846 2.543v13.528c0 1.15-.28 1.988-.852 2.558-.573.563-1.402.838-2.544.838zm0-19.164c-1.59 0-2.24.65-2.24 2.24v13.528c0 1.633.607 2.24 2.24 2.24h6.764c1.633 0 2.24-.607 2.24-2.24V5.396c0-.818-.168-1.384-.509-1.728s-.91-.512-1.731-.512z"
             })
         ]
@@ -181,14 +197,14 @@ const w = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: i,
                 d: "M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: i,
                 d: "M16 2.25A2.75 2.75 0 0 1 18.75 5v14A2.75 2.75 0 0 1 16 21.75H8A2.75 2.75 0 0 1 5.25 19V5A2.75 2.75 0 0 1 8 2.25zm-8 1.5c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h8c.69 0 1.25-.56 1.25-1.25V5c0-.69-.56-1.25-1.25-1.25z"
             })
         ]

package/dist/generated/mistica-icons/icon-mobile-information-filled.d.ts

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

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

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

package/dist/generated/mistica-icons/icon-mobile-information-regular.d.ts

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