@telefonica/mistica 17.1.0 → 17.2.0

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return M;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,64 +135,80 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const M = (_param)=>{
-    var { color: s, size: t = 24 } = _param, l = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: s, size: e = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    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: r, gradientDef: h } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: c } = (0, _hooks.useTheme)(), i = c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const i = (0, _themevariantcontext.useThemeVariant)(), f = i === "brand" || i === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : i === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: d } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : f), { skinName: o } = (0, _hooks.useTheme)(), n = o.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: l,
+                d: "M16.354 9.576a.5.5 0 0 0-.708-.707l-5.202 5.202-2.09-2.091a.5.5 0 0 0-.708.707l2.445 2.444a.5.5 0 0 0 .707 0z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: l,
+                d: "M10.3 2h3.4a8.3 8.3 0 0 1 8.3 8.3v3.4a8.3 8.3 0 0 1-8.3 8.3h-3.4A8.3 8.3 0 0 1 2 13.7v-3.4A8.3 8.3 0 0 1 10.3 2M3 10.3v3.4a7.3 7.3 0 0 0 7.3 7.3h3.4a7.3 7.3 0 0 0 7.3-7.3v-3.4A7.3 7.3 0 0 0 13.7 3h-3.4A7.3 7.3 0 0 0 3 10.3"
+            })
+        ]
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, a), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: l,
                 d: "m10.633 14.164 6.317-6.15a.726.726 0 0 1 1.03 0 .704.704 0 0 1 0 1.023l-7.38 7.247-3.593-3.721a.7.7 0 0 1 .027-1.023.724.724 0 0 1 1.032.029z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: l,
                 d: "M12 2C6.484 2 2 6.484 2 12s4.484 10 10 10 10-4.484 10-10S17.516 2 12 2m0 18.576c-4.728 0-8.576-3.848-8.576-8.576S7.272 3.424 12 3.424 20.576 7.272 20.576 12 16.728 20.576 12 20.576"
             })
         ]
-    })) : c.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    })) : o.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: l,
                 d: "M10.107 16.73a.29.29 0 0 0 .235.116c.09 0 .178-.044.235-.116l6.864-8.872a.3.3 0 0 0-.053-.416.3.3 0 0 0-.417.053l-6.63 8.565-2.652-3.466a.296.296 0 0 0-.416-.057.296.296 0 0 0-.057.417z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: l,
                 d: "M11.998 23C4.805 23 1 19.198 1 12.002 1 4.805 4.802 1 11.998 1c3.511 0 6.233.908 8.093 2.703C22.02 5.563 23 8.356 23 12.002 23.003 19.195 19.198 23 11.998 23m0-21.374c-6.88 0-10.372 3.492-10.372 10.376 0 6.88 3.489 10.372 10.372 10.372 6.887 0 10.376-3.489 10.376-10.372.003-6.887-3.489-10.376-10.376-10.376"
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: l,
                 d: "M15.445 8.995a.75.75 0 0 1 1.11 1.01l-5 5.5a.75.75 0 0 1-1.085.025l-3-3a.75.75 0 1 1 1.06-1.06l2.444 2.443z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: l,
                 d: "M12 2.25A9.75 9.75 0 0 1 21.75 12l-.012.48a9.75 9.75 0 0 1-9.258 9.258l-.48.012a9.75 9.75 0 0 1-9.738-9.27L2.25 12A9.75 9.75 0 0 1 12 2.25m0 1.5A8.25 8.25 0 0 0 3.75 12l.01.405A8.25 8.25 0 0 0 12 20.25l.405-.01A8.25 8.25 0 0 0 20.25 12l-.01-.405A8.25 8.25 0 0 0 12 3.75"
             })
         ]
     }));
-    return h ? /*#__PURE__*/ _react.cloneElement(i, {}, [
+    return d ? /*#__PURE__*/ _react.cloneElement(n, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: h
+            children: d
         }, "gradient-defs"),
-        ..._react.Children.toArray(i.props.children)
-    ]) : i;
+        ..._react.Children.toArray(n.props.children)
+    ]) : n;
 };

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return M;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,27 +135,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const M = (_param)=>{
-    var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: s, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), m = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: c } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: o } = (0, _hooks.useTheme)(), i = o.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), f = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: c } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : f), { skinName: r } = (0, _hooks.useTheme)(), n = r.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"
-    }, r), {
+    }, a), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: l,
+                d: "M16.53 9.753a.75.75 0 0 0-1.06-1.061l-5.026 5.025-1.914-1.914a.75.75 0 0 0-1.06 1.06l2.444 2.445a.75.75 0 0 0 1.06 0z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: l,
+                d: "M10.25 2A8.25 8.25 0 0 0 2 10.25v3.5A8.25 8.25 0 0 0 10.25 22h3.5A8.25 8.25 0 0 0 22 13.75v-3.5A8.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.75v3.5a6.75 6.75 0 0 1-6.75 6.75h-3.5a6.75 6.75 0 0 1-6.75-6.75z"
+            })
+        ]
+    })) : r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M12 20.637c-4.601 0-8.637-4.036-8.637-8.637S7.399 3.363 12 3.363c4.6 0 8.637 4.036 8.637 8.637 0 4.6-4.036 8.637-8.637 8.637M2 12c0 5.327 4.673 10 10 10s10-4.673 10-10S17.327 2 12 2 2 6.673 2 12m8.348 1.466-1.585-1.629a.682.682 0 0 0-.963.964l2.548 2.593 5.717-5.83a.682.682 0 0 0-.964-.964"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -166,12 +182,12 @@ const M = (_param)=>{
                 d: "M12 2C6.484 2 2 6.484 2 12s4.484 10 10 10 10-4.484 10-10S17.516 2 12 2m0 18.576c-4.728 0-8.576-3.848-8.576-8.576S7.272 3.424 12 3.424 20.576 7.272 20.576 12 16.728 20.576 12 20.576"
             })
         ]
-    })) : o.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -187,7 +203,7 @@ const M = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -199,10 +215,10 @@ const M = (_param)=>{
             })
         ]
     }));
-    return c ? /*#__PURE__*/ _react.cloneElement(i, {}, [
+    return c ? /*#__PURE__*/ _react.cloneElement(n, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
             children: c
         }, "gradient-defs"),
-        ..._react.Children.toArray(i.props.children)
-    ]) : i;
+        ..._react.Children.toArray(n.props.children)
+    ]) : n;
 };

package/dist/generated/mistica-icons/icon-disable-filled.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,26 +135,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const C = (_param)=>{
-    var { color: a, size: n = 24 } = _param, s = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: s, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), c = e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: d, gradientDef: i } = (0, _icongradient.useIconGradient)(a !== null && a !== void 0 ? a : c), 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: l, gradientDef: a } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: h } = (0, _hooks.useTheme)(), o = h.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), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: d,
+            fill: l,
+            d: "M10.25 2A8.25 8.25 0 0 0 2 10.25v3.5c0 1.914.652 3.675 1.745 5.075l15.08-15.08A8.2 8.2 0 0 0 13.75 2zm9.991 3.158L5.158 20.24A8.2 8.2 0 0 0 10.25 22h3.5A8.25 8.25 0 0 0 22 13.75v-3.5a8.2 8.2 0 0 0-1.759-5.092"
+        })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("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: l,
             d: "M1 12.003C1 4.51 5.048 1 11.997 1 18.947 1 23 4.51 23 12.003S18.946 23 11.997 23C5.047 23 1 19.497 1 12.003m10.997-9.169c-6.252 0-9.163 2.915-9.163 9.17 0 2.682.542 4.748 1.65 6.235L18.207 4.515c-1.493-1.123-3.556-1.68-6.21-1.68m0 18.332c6.254 0 9.168-2.912 9.168-9.163 0-2.639-.554-4.692-1.665-6.185L5.783 19.532c1.487 1.095 3.543 1.634 6.214 1.634"
         })
     }));
-    return i ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+    return a ? /*#__PURE__*/ _react.cloneElement(o, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: i
+            children: a
         }, "gradient-defs"),
-        ..._react.Children.toArray(t.props.children)
-    ]) : t;
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };

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

@@ -136,18 +136,28 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const w = (_param)=>{
-    var { color: c, size: t = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: a } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: m } = (0, _hooks.useTheme)(), o = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    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: n, gradientDef: a } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: h } = (0, _hooks.useTheme)(), i = h.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"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: n,
+            d: "M10.3 2A8.3 8.3 0 0 0 2 10.3v3.4a8.3 8.3 0 0 0 8.3 8.3h3.4a8.3 8.3 0 0 0 8.3-8.3v-3.4A8.3 8.3 0 0 0 13.7 2zM3 10.3A7.3 7.3 0 0 1 10.3 3h3.4c1.836 0 3.513.678 4.796 1.797l-13.7 13.7A7.27 7.27 0 0 1 3 13.7zm2.504 8.903 13.7-13.7A7.27 7.27 0 0 1 21 10.3v3.4a7.3 7.3 0 0 1-7.3 7.3h-3.4a7.27 7.27 0 0 1-4.796-1.797"
+        })
+    })) : h.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), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: n,
             d: "M1 12.003C1 4.51 5.048 1 11.997 1 18.947 1 23 4.51 23 12.003S18.946 23 11.997 23C5.047 23 1 19.497 1 12.003M11.997 1.917C5.307 1.917 1.917 5.31 1.917 12c0 3.137.755 5.54 2.238 7.215l15.06-15.06c-1.674-1.483-4.078-2.238-7.218-2.238m0 20.166c6.693 0 10.086-3.39 10.086-10.08 0-3.127-.748-5.522-2.22-7.2l-15.06 15.06c1.675 1.472 4.073 2.22 7.194 2.22"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -155,16 +165,16 @@ const w = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: n,
             d: "M12 2.25A9.75 9.75 0 0 1 21.75 12l-.012.48a9.75 9.75 0 0 1-9.258 9.258l-.48.012a9.75 9.75 0 0 1-9.738-9.27L2.25 12A9.75 9.75 0 0 1 12 2.25M6.72 18.339A8.26 8.26 0 0 0 12 20.25l.405-.01A8.25 8.25 0 0 0 20.25 12l-.01-.405a8.25 8.25 0 0 0-1.9-4.875zM12 3.75A8.25 8.25 0 0 0 3.75 12l.01.405a8.25 8.25 0 0 0 1.9 4.872L17.277 5.66A8.25 8.25 0 0 0 12 3.75"
         })
     }));
-    return a ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+    return a ? /*#__PURE__*/ _react.cloneElement(i, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
             children: a
         }, "gradient-defs"),
-        ..._react.Children.toArray(o.props.children)
-    ]) : o;
+        ..._react.Children.toArray(i.props.children)
+    ]) : i;
 };

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return x;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,19 +135,29 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const x = (_param)=>{
-    var { color: c, size: t = 24 } = _param, i = _object_without_properties(_param, [
+const M = (_param)=>{
+    var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    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: l, gradientDef: a } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : m), { skinName: h } = (0, _hooks.useTheme)(), o = h.match(/^vivo/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: n, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: h } = (0, _hooks.useTheme)(), i = h.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"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: n,
+            d: "M10.25 2A8.25 8.25 0 0 0 2 10.25v3.5c0 2.205.865 4.209 2.275 5.689a.75.75 0 0 0 .286.286A8.22 8.22 0 0 0 10.25 22h3.5A8.25 8.25 0 0 0 22 13.75v-3.5a8.22 8.22 0 0 0-2.275-5.69.75.75 0 0 0-.286-.285A8.22 8.22 0 0 0 13.75 2zm7.713 2.976L4.976 17.963A6.72 6.72 0 0 1 3.5 13.75v-3.5a6.75 6.75 0 0 1 6.75-6.75h3.5a6.72 6.72 0 0 1 4.213 1.476M6.037 19.024 19.024 6.037A6.72 6.72 0 0 1 20.5 10.25v3.5a6.75 6.75 0 0 1-6.75 6.75h-3.5a6.72 6.72 0 0 1-4.213-1.476"
+        })
+    })) : h.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), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: n,
             d: "M1 12.003C1 4.51 5.048 1 11.997 1 18.947 1 23 4.51 23 12.003S18.946 23 11.997 23C5.047 23 1 19.497 1 12.003m10.997-9.629c-6.474 0-9.623 3.15-9.623 9.63 0 2.914.645 5.149 1.938 6.733L18.733 4.311c-1.584-1.293-3.818-1.938-6.736-1.938m0 19.252c6.477 0 9.629-3.15 9.629-9.62 0-2.905-.639-5.137-1.922-6.717L5.285 19.707c1.581 1.28 3.81 1.919 6.712 1.919"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -155,16 +165,16 @@ const x = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: n,
             d: "M12 2.25A9.75 9.75 0 0 1 21.75 12l-.012.48a9.75 9.75 0 0 1-9.258 9.258l-.48.012a9.75 9.75 0 0 1-9.738-9.27L2.25 12A9.75 9.75 0 0 1 12 2.25M6.72 18.339A8.26 8.26 0 0 0 12 20.25l.405-.01A8.25 8.25 0 0 0 20.25 12l-.01-.405a8.25 8.25 0 0 0-1.9-4.875zM12 3.75A8.25 8.25 0 0 0 3.75 12l.01.405a8.25 8.25 0 0 0 1.9 4.872L17.277 5.66A8.25 8.25 0 0 0 12 3.75"
         })
     }));
-    return a ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+    return l ? /*#__PURE__*/ _react.cloneElement(i, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: a
+            children: l
         }, "gradient-defs"),
-        ..._react.Children.toArray(o.props.children)
-    ]) : o;
+        ..._react.Children.toArray(i.props.children)
+    ]) : i;
 };

package/dist/generated/mistica-icons/icon-information-filled.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,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 x = (_param)=>{
+    var { color: h, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), c = e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: d, gradientDef: a } = (0, _icongradient.useIconGradient)(l !== null && l !== void 0 ? l : c), t = /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: n,
-        height: n,
+    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: a, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: c } = (0, _hooks.useTheme)(), r = c.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), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: d,
+            fill: a,
+            d: "M2 10.25A8.25 8.25 0 0 1 10.25 2h3.5A8.25 8.25 0 0 1 22 10.25v3.5A8.25 8.25 0 0 1 13.75 22h-3.5A8.25 8.25 0 0 1 2 13.75zm9.998-.613a1 1 0 0 0-1 1v5.724a1 1 0 0 0 2 0v-5.724a1 1 0 0 0-1-1m.004-.555a1 1 0 1 0 0-1.999 1 1 0 0 0 0 1.999"
+        })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("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,
             d: "M12 21.875a9.875 9.875 0 0 1-.485-19.738L12 2.125A9.877 9.877 0 0 1 21.875 12 9.875 9.875 0 0 1 12 21.875m0-12.75a1.125 1.125 0 0 0 0-2.25h-.01a1.125 1.125 0 0 0 0 2.25zm0 8c.621 0 1.125-.504 1.125-1.125v-4a1.125 1.125 0 0 0-2.25 0v4c0 .621.504 1.125 1.125 1.125"
         })
     }));
-    return a ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+    return l ? /*#__PURE__*/ _react.cloneElement(r, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: a
+            children: l
         }, "gradient-defs"),
-        ..._react.Children.toArray(t.props.children)
-    ]) : t;
+        ..._react.Children.toArray(r.props.children)
+    ]) : r;
 };

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

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return x;
+        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");
@@ -134,32 +135,48 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const x = (_param)=>{
-    var { color: s, size: n = 24 } = _param, c = _object_without_properties(_param, [
+const w = (_param)=>{
+    var { color: m, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), d = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), e = /* @__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: o, gradientDef: l } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : d), { skinName: c } = (0, _hooks.useTheme)(), a = c.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: o,
+                d: "M12 9.733a.5.5 0 0 1 .5.5v6.26a.5.5 0 0 1-1 0v-6.26a.5.5 0 0 1 .5-.5m0-1.234a.496.496 0 1 0 0-.992.496.496 0 0 0 0 .992"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: o,
+                d: "M2 10.3A8.3 8.3 0 0 1 10.3 2h3.4a8.3 8.3 0 0 1 8.3 8.3v3.4a8.3 8.3 0 0 1-8.3 8.3h-3.4A8.3 8.3 0 0 1 2 13.7zM10.3 3A7.3 7.3 0 0 0 3 10.3v3.4a7.3 7.3 0 0 0 7.3 7.3h3.4a7.3 7.3 0 0 0 7.3-7.3v-3.4A7.3 7.3 0 0 0 13.7 3z"
+            })
+        ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: o,
                 d: "M11.99 9.125a1.125 1.125 0 0 1 0-2.25H12a1.125 1.125 0 1 1 0 2.25zm.01 8A1.125 1.125 0 0 1 10.875 16v-4a1.125 1.125 0 0 1 2.25 0v4c0 .621-.504 1.125-1.125 1.125"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: o,
                 d: "M12 22.125a10.125 10.125 0 0 1-.498-20.237L12 1.875A10.126 10.126 0 0 1 22.125 12 10.125 10.125 0 0 1 12 22.125m0-2.25a7.875 7.875 0 0 0 0-15.75l-.388.01A7.875 7.875 0 0 0 12 19.875"
             })
         ]
     }));
-    return i ? /*#__PURE__*/ _react.cloneElement(e, {}, [
+    return l ? /*#__PURE__*/ _react.cloneElement(a, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: i
+            children: l
         }, "gradient-defs"),
-        ..._react.Children.toArray(e.props.children)
-    ]) : e;
+        ..._react.Children.toArray(a.props.children)
+    ]) : a;
 };

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return H;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,19 +135,35 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const H = (_param)=>{
-    var { color: m, size: t = 24 } = _param, i = _object_without_properties(_param, [
+const M = (_param)=>{
+    var { color: v, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    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: o, gradientDef: l } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : c), { skinName: h } = (0, _hooks.useTheme)(), n = h.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useThemeVariant)(), c = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: l } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : c), { skinName: h } = (0, _hooks.useTheme)(), n = h.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"
-    }, i), {
+    }, o), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: r,
+                d: "M12 9.636a.75.75 0 0 1 .75.75v6.26a.75.75 0 0 1-1.5 0v-6.26a.75.75 0 0 1 .75-.75m0-.782a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: r,
+                d: "M2 10.25A8.25 8.25 0 0 1 10.25 2h3.5A8.25 8.25 0 0 1 22 10.25v3.5A8.25 8.25 0 0 1 13.75 22h-3.5A8.25 8.25 0 0 1 2 13.75zm8.25-6.75a6.75 6.75 0 0 0-6.75 6.75v3.5a6.75 6.75 0 0 0 6.75 6.75h3.5a6.75 6.75 0 0 0 6.75-6.75v-3.5a6.75 6.75 0 0 0-6.75-6.75z"
+            })
+        ]
+    })) : h.match(/^vivo/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: o,
+            fill: r,
             d: "M12 1C5.935 1 1 5.935 1 12s4.935 11 11 11 11-4.935 11-11S18.065 1 12 1m-1.375 5.958a1.375 1.375 0 1 1 2.75 0 1.375 1.375 0 0 1-2.75 0m0 4.675c0-.809.616-1.466 1.375-1.466s1.375.657 1.375 1.466v4.4c0 .81-.616 1.467-1.375 1.467s-1.375-.656-1.375-1.467zM2.833 12A9.177 9.177 0 0 1 12 2.833 9.177 9.177 0 0 1 21.167 12 9.177 9.177 0 0 1 12 21.167 9.177 9.177 0 0 1 2.833 12"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -155,14 +171,14 @@ const H = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M11.99 9.125a1.125 1.125 0 0 1 0-2.25H12a1.125 1.125 0 0 1 0 2.25zm.01 8A1.125 1.125 0 0 1 10.875 16v-4a1.125 1.125 0 0 1 2.25 0v4c0 .621-.504 1.125-1.125 1.125"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M12 22.125a10.125 10.125 0 0 1-.498-20.237L12 1.875A10.126 10.126 0 0 1 22.125 12 10.125 10.125 0 0 1 12 22.125m0-2.25a7.875 7.875 0 0 0 0-15.75l-.388.01A7.875 7.875 0 0 0 12 19.875"
             })
         ]

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

@@ -158,7 +158,7 @@ const z = (_param)=>{
     }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
-            d: "M10.5 16.478a.5.5 0 0 1 .5.5v2.5a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-2.5a.5.5 0 0 1 .5-.5zm6.92-12.467A1.402 1.402 0 0 1 19 5.4v12.156a1.403 1.403 0 0 1-1.58 1.389 1.4 1.4 0 0 1-.716-.313l-4.385-3.654H11.5a.25.25 0 0 1-.25-.25v-6.5a.25.25 0 0 1 .25-.25h.82l4.384-3.654a1.4 1.4 0 0 1 .717-.313M9.5 7.978a.25.25 0 0 1 .25.25v6.5a.25.25 0 0 1-.25.25h-5a1.5 1.5 0 0 1-1.5-1.5v-4a1.5 1.5 0 0 1 1.5-1.5zm10.55 1.365c0-.338.396-.596.704-.342a3.247 3.247 0 0 1 0 5.017c-.308.253-.704-.006-.704-.344z"
+            d: "M10.5 16.478a.5.5 0 0 1 .5.5v2.5a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-2.5a.5.5 0 0 1 .5-.5zm6.92-12.467A1.402 1.402 0 0 1 19 5.4v12.156a1.403 1.403 0 0 1-1.58 1.389 1.4 1.4 0 0 1-.716-.312l-4.385-3.655H11.5a.25.25 0 0 1-.25-.25v-6.5a.25.25 0 0 1 .25-.25h.82l4.384-3.654a1.4 1.4 0 0 1 .717-.313M9.5 7.978a.25.25 0 0 1 .25.25v6.5a.25.25 0 0 1-.25.25h-5a1.5 1.5 0 0 1-1.5-1.5v-4a1.5 1.5 0 0 1 1.5-1.5zm10.55 1.365c0-.338.396-.596.704-.342a3.247 3.247 0 0 1 0 5.017c-.308.253-.704-.006-.704-.344z"
         })
     }));
     return i ? /*#__PURE__*/ _react.cloneElement(r, {}, [

package/dist/generated/mistica-icons/icon-panel-collapse-filled.d.ts

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

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

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

package/dist/generated/mistica-icons/icon-panel-collapse-regular.d.ts

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