@telefonica/mistica 17.0.0 → 17.2.0

package/dist-es/generated/mistica-icons/icon-on-filled.js

@@ -89,7 +89,7 @@ const H = (_param)=>{
         "color",
         "size"
     ]);
-    const r = f(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: i, gradientDef: l } = g(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const r = f(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: i, gradientDef: l } = g(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), o = m.match(/^vivo/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist-es/generated/mistica-icons/icon-on-light.js

@@ -78,52 +78,52 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import * as h from "react";
 import { useTheme as f } from "../../hooks.js";
 import { useThemeVariant as g } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as p } from "../../utils/icon-gradient.js";
 const H = (_param)=>{
-    var { color: s, size: t = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: s, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = g(), m = o === "brand" || o === "media" ? a.colors.neutralHighBrand : o === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: r, gradientDef: l } = p(s !== null && s !== void 0 ? s : m), { skinName: d } = f(), n = d.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const o = g(), m = o === "brand" || o === "media" ? a.colors.neutralHighBrand : o === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: r, gradientDef: l } = p(s !== null && s !== void 0 ? s : m), { skinName: d } = f(), n = d.match(/^vivo/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: [
-            /* @__PURE__ */ e("path", {
+            /* @__PURE__ */ t("path", {
                 fill: r,
                 d: "M6.257 11.998c0-3.134 1.451-3.798 2.698-3.798 1.238 0 2.748.664 2.748 3.798s-1.476 3.798-2.714 3.798c-1.813 0-2.732-1.28-2.732-3.798m.902.017c0 2.552.975 2.88 1.796 2.88.826 0 1.787-.303 1.787-2.88S9.792 9.11 8.955 9.11c-.835 0-1.796.353-1.796 2.905m10.037-3.684h.3c.162.003.29.14.285.303v6.737a.3.3 0 0 1-.302.302h-.23a.3.3 0 0 1-.255-.14l-3.487-5.283v5.11c0 .17-.14.31-.311.31h-.28a.31.31 0 0 1-.303-.31V8.634c0-.165.135-.303.303-.303h.221c.1 0 .196.048.255.132l3.524 5.289V8.634c0-.157.123-.289.28-.303"
             }),
-            /* @__PURE__ */ e("path", {
+            /* @__PURE__ */ t("path", {
                 fill: r,
                 d: "M11.496 2.155h.91c1.577.05 9.434.63 9.434 9.843s-7.826 9.843-9.4 9.843h-.877c-8.958-.115-9.41-8.201-9.41-9.843s.452-9.762 9.343-9.843m.09 18.866h.845c2.028 0 8.588-.821 8.588-9.023s-6.563-8.966-8.63-9.022h-.885c-1.97 0-8.532.753-8.532 9.022s6.563 9.022 8.613 9.022"
             })
         ]
     })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: [
-            /* @__PURE__ */ e("path", {
+            /* @__PURE__ */ t("path", {
                 fill: r,
                 d: "M16 9.25a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5"
             }),
-            /* @__PURE__ */ e("path", {
+            /* @__PURE__ */ t("path", {
                 fill: r,
                 d: "M16 5.25a6.75 6.75 0 1 1 0 13.5H8a6.75 6.75 0 1 1 0-13.5zm-8 1.5a5.25 5.25 0 0 0 0 10.5h8a5.25 5.25 0 0 0 0-10.5z"
             })
         ]
     }));
     return l ? /*#__PURE__*/ h.cloneElement(n, {}, [
-        /* @__PURE__ */ e("defs", {
+        /* @__PURE__ */ t("defs", {
             children: l
         }, "gradient-defs"),
         ...h.Children.toArray(n.props.children)

package/dist-es/generated/mistica-icons/icon-on-regular.js

@@ -89,7 +89,7 @@ const H = (_param)=>{
         "color",
         "size"
     ]);
-    const r = g(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: l } = v(h !== null && h !== void 0 ? h : s), { skinName: m } = f(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const r = g(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: l } = v(h !== null && h !== void 0 ? h : s), { skinName: m } = f(), o = m.match(/^vivo/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist-es/generated/mistica-icons/icon-online-offer-filled.js

@@ -82,19 +82,19 @@ import { jsx as c, jsxs as d } from "react/jsx-runtime";
 import * as i from "react";
 import { useTheme as f } from "../../hooks.js";
 import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as g } from "../../utils/icon-gradient.js";
-const H = (_param)=>{
-    var { color: s, size: e = 24 } = _param, o = _object_without_properties(_param, [
+const V = (_param)=>{
+    var { color: s, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = v(), h = t === "brand" || t === "media" ? n.colors.neutralHighBrand : t === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: l } = g(s !== null && s !== void 0 ? s : h), { skinName: m } = f(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+    const t = v(), h = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: n } = g(s !== null && s !== void 0 ? s : h), { skinName: m } = f(), r = m.match(/^vivo/i) ? /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, l), {
         children: [
             /* @__PURE__ */ c("path", {
                 fill: a,
@@ -110,17 +110,17 @@ const H = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, l), {
         children: /* @__PURE__ */ c("path", {
             fill: a,
             d: "M19 3.5A2.5 2.5 0 0 1 21.5 6v10c0 .456-.125.882-.338 1.25.879.01 1.588.726 1.588 1.607a2.893 2.893 0 0 1-2.893 2.893H4.143a2.893 2.893 0 0 1-2.893-2.893c0-.88.709-1.596 1.587-1.607A2.5 2.5 0 0 1 2.5 16V6A2.5 2.5 0 0 1 5 3.5zM2.857 18.75a.11.11 0 0 0-.107.107c0 .77.624 1.393 1.393 1.393h15.714c.77 0 1.393-.623 1.393-1.393a.11.11 0 0 0-.107-.107zM14.5 12.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2m.53-4.53a.75.75 0 0 0-1.06 0l-5 5a.75.75 0 1 0 1.06 1.06l5-5a.75.75 0 0 0 0-1.06M9.5 7.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
         })
     }));
-    return l ? /*#__PURE__*/ i.cloneElement(r, {}, [
+    return n ? /*#__PURE__*/ i.cloneElement(r, {}, [
         /* @__PURE__ */ c("defs", {
-            children: l
+            children: n
         }, "gradient-defs"),
         ...i.Children.toArray(r.props.children)
     ]) : r;
 };
-export { H as default };
+export { V as default };

package/dist-es/generated/mistica-icons/icon-online-offer-light.js

@@ -84,17 +84,17 @@ import { useTheme as d } from "../../hooks.js";
 import { useThemeVariant as f } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as g } from "../../utils/icon-gradient.js";
-const w = (_param)=>{
-    var { color: s, size: a = 24 } = _param, n = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: s, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = f(), v = t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: e, gradientDef: o } = g(s !== null && s !== void 0 ? s : v), { skinName: m } = d(), l = m.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    const t = f(), v = t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: e, gradientDef: n } = g(s !== null && s !== void 0 ? s : v), { skinName: m } = d(), l = m.match(/^vivo/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, o), {
         children: [
             /* @__PURE__ */ c("path", {
                 fill: e,
@@ -110,7 +110,7 @@ const w = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, o), {
         children: [
             /* @__PURE__ */ c("path", {
                 fill: e,
@@ -122,11 +122,11 @@ const w = (_param)=>{
             })
         ]
     }));
-    return o ? /*#__PURE__*/ h.cloneElement(l, {}, [
+    return n ? /*#__PURE__*/ h.cloneElement(l, {}, [
         /* @__PURE__ */ c("defs", {
-            children: o
+            children: n
         }, "gradient-defs"),
         ...h.Children.toArray(l.props.children)
     ]) : l;
 };
-export { w as default };
+export { x as default };

package/dist-es/generated/mistica-icons/icon-online-offer-regular.js

@@ -84,17 +84,17 @@ import { useTheme as d } from "../../hooks.js";
 import { useThemeVariant as f } from "../../theme-variant-context.js";
 import { vars as l } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as g } from "../../utils/icon-gradient.js";
-const x = (_param)=>{
-    var { color: h, size: a = 24 } = _param, n = _object_without_properties(_param, [
+const H = (_param)=>{
+    var { color: h, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = f(), m = t === "brand" || t === "media" ? l.colors.neutralHighBrand : t === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: e, gradientDef: o } = g(h !== null && h !== void 0 ? h : m), { skinName: v } = d(), r = v.match(/^vivo-new/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+    const t = f(), m = t === "brand" || t === "media" ? l.colors.neutralHighBrand : t === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: e, gradientDef: n } = g(h !== null && h !== void 0 ? h : m), { skinName: v } = d(), r = v.match(/^vivo/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, o), {
         children: [
             /* @__PURE__ */ c("path", {
                 fill: e,
@@ -110,7 +110,7 @@ const x = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, o), {
         children: [
             /* @__PURE__ */ c("path", {
                 fill: e,
@@ -122,11 +122,11 @@ const x = (_param)=>{
             })
         ]
     }));
-    return o ? /*#__PURE__*/ i.cloneElement(r, {}, [
+    return n ? /*#__PURE__*/ i.cloneElement(r, {}, [
         /* @__PURE__ */ c("defs", {
-            children: o
+            children: n
         }, "gradient-defs"),
         ...i.Children.toArray(r.props.children)
     ]) : r;
 };
-export { x as default };
+export { H as default };

package/dist-es/generated/mistica-icons/icon-online-reload-filled.js

@@ -84,12 +84,12 @@ import { useTheme as d } from "../../hooks.js";
 import { useThemeVariant as f } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as v } from "../../utils/icon-gradient.js";
-const w = (_param)=>{
+const A = (_param)=>{
     var { color: h, size: a = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = f(), s = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: c } = v(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), r = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const t = f(), s = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: c } = v(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), r = m.match(/^vivo/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -117,4 +117,4 @@ const w = (_param)=>{
         ...i.Children.toArray(r.props.children)
     ]) : r;
 };
-export { w as default };
+export { A as default };

package/dist-es/generated/mistica-icons/icon-online-reload-light.js

@@ -82,19 +82,19 @@ import { jsx as a, jsxs as i } from "react/jsx-runtime";
 import * as h from "react";
 import { useTheme as v } from "../../hooks.js";
 import { useThemeVariant as f } from "../../theme-variant-context.js";
-import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as g } from "../../utils/icon-gradient.js";
-const w = (_param)=>{
-    var { color: s, size: e = 24 } = _param, c = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: s, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = f(), d = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: l } = g(s !== null && s !== void 0 ? s : d), { skinName: m } = v(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    const r = f(), d = r === "brand" || r === "media" ? c.colors.neutralHighBrand : r === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: t, gradientDef: l } = g(s !== null && s !== void 0 ? s : d), { skinName: m } = v(), o = m.match(/^vivo/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, n), {
         children: [
             /* @__PURE__ */ a("path", {
                 fill: t,
@@ -110,7 +110,7 @@ const w = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, n), {
         children: [
             /* @__PURE__ */ a("path", {
                 fill: t,
@@ -129,4 +129,4 @@ const w = (_param)=>{
         ...h.Children.toArray(o.props.children)
     ]) : o;
 };
-export { w as default };
+export { x as default };

package/dist-es/generated/mistica-icons/icon-online-reload-regular.js

@@ -78,52 +78,52 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
 import * as h from "react";
 import { useTheme as v } from "../../hooks.js";
 import { useThemeVariant as f } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as g } from "../../utils/icon-gradient.js";
 const C = (_param)=>{
-    var { color: s, size: a = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: s, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = f(), d = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: t, gradientDef: n } = g(s !== null && s !== void 0 ? s : d), { skinName: m } = v(), l = m.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), d = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: t, gradientDef: n } = g(s !== null && s !== void 0 ? s : d), { skinName: m } = v(), l = m.match(/^vivo/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
         children: [
-            /* @__PURE__ */ e("path", {
+            /* @__PURE__ */ a("path", {
                 fill: t,
                 d: "M10.81 14.456a5.4 5.4 0 0 0 1.236.135c2.395 0 3.714-1.289 3.711-3.63q0-1.1-.377-1.883l.032.009.236.064a.422.422 0 0 0 .224-.812l-.235-.065-.236-.064c-.32-.089-.525-.145-.644-.168-.485-.098-.854.143-.958.627a6 6 0 0 0-.076.474l-.014.103a6 6 0 0 1-.075.505.42.42 0 0 0 .818.182 7 7 0 0 0 .09-.575l.007-.057q.37.646.37 1.66c0 1.876-.94 2.79-2.873 2.79a4.5 4.5 0 0 1-1.04-.112.42.42 0 1 0-.196.818m-2.203-1.748q-.376-.782-.377-1.883c0-2.342 1.32-3.63 3.715-3.63a5.3 5.3 0 0 1 1.246.137.422.422 0 1 1-.185.82l-.01-.002a4.6 4.6 0 0 0-1.051-.112c-1.933 0-2.874.913-2.874 2.79q0 1.007.366 1.651l.006-.052a7 7 0 0 1 .09-.574.423.423 0 0 1 .496-.327.423.423 0 0 1 .328.495q0 .005-.003.006c-.028.129-.054.32-.076.504l-.014.103c-.023.17-.045.339-.076.474-.092.423-.372.658-.753.658q-.104 0-.207-.022a11 11 0 0 1-.67-.175l-.207-.058-.235-.064a.422.422 0 0 1 .224-.812l.235.064z"
             }),
-            /* @__PURE__ */ e("path", {
+            /* @__PURE__ */ a("path", {
                 fill: t,
                 d: "M5.446 16.933h13.11c1.097 0 1.94-.328 2.503-.972.521-.6.788-1.468.788-2.583V8.44c0-1.115-.264-1.984-.788-2.583-.562-.644-1.406-.972-2.504-.972H5.446c-1.1 0-1.941.328-2.504.972-.521.6-.787 1.468-.787 2.583v4.938c0 1.115.266 1.983.787 2.585.563.642 1.406.97 2.504.97M3.788 6.596c.344-.394.885-.588 1.658-.588l13.11-.003c.77 0 1.313.194 1.658.589.338.39.512 1.01.512 1.846v4.938c0 .835-.174 1.457-.512 1.846-.345.395-.888.588-1.659.588H5.446c-.77 0-1.314-.193-1.658-.588-.34-.39-.513-1.011-.513-1.846V8.44c0-.835.174-1.457.513-1.844m17.465 12.522H2.749a.56.56 0 0 1-.56-.56c0-.309.252-.561.56-.561h18.504c.308 0 .56.252.56.56s-.252.56-.56.56"
             })
         ]
     })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
         children: [
-            /* @__PURE__ */ e("path", {
+            /* @__PURE__ */ a("path", {
                 fill: t,
                 d: "M8.788 11.48a.75.75 0 0 1 .932.507 2.25 2.25 0 0 0 3.572 1.112h-.414a.75.75 0 0 1 0-1.5h2a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-.003a3.73 3.73 0 0 1-2.25.753 3.75 3.75 0 0 1-3.597-2.687.75.75 0 0 1 .507-.932M12 6.95a3.75 3.75 0 0 1 3.597 2.687.75.75 0 0 1-1.439.425 2.25 2.25 0 0 0-3.571-1.112H11a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75v-2a.75.75 0 1 1 1.5 0v.002A3.73 3.73 0 0 1 12 6.95"
             }),
-            /* @__PURE__ */ e("path", {
+            /* @__PURE__ */ a("path", {
                 fill: t,
                 d: "M19 3.25A2.75 2.75 0 0 1 21.75 6v10c0 .462-.116.895-.316 1.277a1.61 1.61 0 0 1 1.316 1.58 2.893 2.893 0 0 1-2.893 2.893H4.143a2.893 2.893 0 0 1-2.893-2.893c0-.787.567-1.442 1.315-1.58A2.74 2.74 0 0 1 2.25 16V6A2.75 2.75 0 0 1 5 3.25zM2.857 18.75a.11.11 0 0 0-.107.107c0 .77.624 1.393 1.393 1.393h15.714c.77 0 1.393-.623 1.393-1.393a.11.11 0 0 0-.107-.107zM5 4.75c-.69 0-1.25.56-1.25 1.25v10c0 .69.56 1.25 1.25 1.25h14c.69 0 1.25-.56 1.25-1.25V6c0-.69-.56-1.25-1.25-1.25z"
             })
         ]
     }));
     return n ? /*#__PURE__*/ h.cloneElement(l, {}, [
-        /* @__PURE__ */ e("defs", {
+        /* @__PURE__ */ a("defs", {
             children: n
         }, "gradient-defs"),
         ...h.Children.toArray(l.props.children)

package/dist-es/generated/mistica-icons/icon-open-email-filled.js

@@ -89,7 +89,7 @@ const B = (_param)=>{
         "color",
         "size"
     ]);
-    const l = g(), m = l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: r, gradientDef: i } = p(s !== null && s !== void 0 ? s : m), { skinName: d } = f(), a = d.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const l = g(), m = l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: r, gradientDef: i } = p(s !== null && s !== void 0 ? s : m), { skinName: d } = f(), a = d.match(/^vivo/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist-es/generated/mistica-icons/icon-open-email-light.js

@@ -89,7 +89,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const l = v(), h = l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: i } = f(m !== null && m !== void 0 ? m : h), { skinName: s } = d(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const l = v(), h = l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: i } = f(m !== null && m !== void 0 ? m : h), { skinName: s } = d(), r = s.match(/^vivo/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist-es/generated/mistica-icons/icon-open-email-regular.js

@@ -85,18 +85,18 @@ import { useThemeVariant as f } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as g } from "../../utils/icon-gradient.js";
 const x = (_param)=>{
-    var { color: m, size: t = 24 } = _param, n = _object_without_properties(_param, [
+    var { color: m, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = f(), s = l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: i } = g(m !== null && m !== void 0 ? m : s), { skinName: h } = d(), r = h.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const l = f(), s = l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: n, gradientDef: i } = g(m !== null && m !== void 0 ? m : s), { skinName: h } = d(), r = h.match(/^vivo/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: a,
+            fill: n,
             d: "M21.02 7.71c.376.263.793.77.816 1.773 0 0-.009 9.8-.006 9.804.025.218.059.899-.403 1.456-.25.3-.734.661-1.628.678-.745.012-4.333.012-6.521.011H9.654c-2.633 0-4.95-.003-5.454-.011-.896-.02-1.381-.378-1.63-.678-.463-.557-.426-1.238-.4-1.456l-.01-9.788c.023-1.016.443-1.523.788-1.773l7.417-4.683c.042-.034.698-.482 1.625-.482a3.07 3.07 0 0 1 1.67.502zm-9.966-3.645L3.645 8.746c-.143.104-.238.38-.246.767v.003l7.512 4.734.002.001c.044.03.438.293.96.293.327-.003.646-.103.918-.288l7.795-4.86c-.022-.32-.112-.56-.263-.667l-7.358-4.647a1.8 1.8 0 0 0-.961-.288 1.84 1.84 0 0 0-.95.271m8.723 16.124c.232-.006.543-.048.695-.233.161-.194.128-.502.126-.528v-.001l-.009-.104.009-8.482-7.138 4.448a2.87 2.87 0 0 1-1.588.485 3 3 0 0 1-1.66-.51l-6.813-4.291.005 8.403-.008.05s-.04.334.132.536c.154.179.462.224.694.227.664.01 4.577.01 8.157.01h.042c4.084.004 6.765 0 7.356-.01"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
@@ -104,9 +104,9 @@ const x = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: a,
+            fill: n,
             d: "M11.682 2.322a.75.75 0 0 1 .734.054l9 6a.8.8 0 0 1 .2.197l.016.026a1 1 0 0 1 .049.09l.013.03a.7.7 0 0 1 .045.162l.005.032.006.087v10A2.75 2.75 0 0 1 19 21.75H5A2.75 2.75 0 0 1 2.25 19V9q0-.043.005-.087l.005-.032a1 1 0 0 1 .045-.163l.013-.03a1 1 0 0 1 .05-.089l.01-.019.009-.011a.8.8 0 0 1 .197-.193l9-6zm.734 13.302a.75.75 0 0 1-.832 0l-2.49-1.659-5.312 5.313A1.25 1.25 0 0 0 5 20.25h14a1.25 1.25 0 0 0 1.217-.972l-5.313-5.313zM3.75 17.19l4.072-4.073-4.072-2.715zm12.427-4.073 4.073 4.073v-6.788zM4.352 9l5.053 3.369.022.014L12 14.1 19.648 9 12 3.902z"
         })
     }));

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

@@ -84,12 +84,12 @@ import { useTheme as m } from "../../hooks.js";
 import { useThemeVariant as f } from "../../theme-variant-context.js";
 import { vars as n } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as g } from "../../utils/icon-gradient.js";
-const V = (_param)=>{
+const w = (_param)=>{
     var { color: h, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = f(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: l, gradientDef: i } = g(h !== null && h !== void 0 ? h : s), { skinName: d } = m(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const r = f(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: l, gradientDef: i } = g(h !== null && h !== void 0 ? h : s), { skinName: d } = m(), o = d.match(/^vivo/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -117,4 +117,4 @@ const V = (_param)=>{
         ...c.Children.toArray(o.props.children)
     ]) : o;
 };
-export { V as default };
+export { w as default };

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

@@ -89,7 +89,7 @@ const V = (_param)=>{
         "color",
         "size"
     ]);
-    const r = f(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: i, gradientDef: l } = g(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const r = f(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: i, gradientDef: l } = g(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), o = m.match(/^vivo/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

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

@@ -89,7 +89,7 @@ const V = (_param)=>{
         "color",
         "size"
     ]);
-    const r = f(), s = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: i } = g(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), a = m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const r = f(), s = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: i } = g(h !== null && h !== void 0 ? h : s), { skinName: m } = d(), a = m.match(/^vivo/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist-es/generated/mistica-icons/icon-open-filled.js

@@ -89,7 +89,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const t = d(), m = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: n, gradientDef: h } = f(c !== null && c !== void 0 ? c : m), { skinName: s } = v(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const t = d(), m = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: n, gradientDef: h } = f(c !== null && c !== void 0 ? c : m), { skinName: s } = v(), r = s.match(/^vivo/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

package/dist-es/generated/mistica-icons/icon-open-light.js

@@ -84,12 +84,12 @@ import { useTheme as d } from "../../hooks.js";
 import { useThemeVariant as f } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as g } from "../../utils/icon-gradient.js";
-const H = (_param)=>{
+const M = (_param)=>{
     var { color: i, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = f(), m = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: n } = g(i !== null && i !== void 0 ? i : m), { skinName: s } = d(), r = s.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const t = f(), m = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: n } = g(i !== null && i !== void 0 ? i : m), { skinName: s } = d(), r = s.match(/^vivo/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -123,4 +123,4 @@ const H = (_param)=>{
         ...h.Children.toArray(r.props.children)
     ]) : r;
 };
-export { H as default };
+export { M as default };

package/dist-es/generated/mistica-icons/icon-open-regular.js

@@ -84,12 +84,12 @@ import { useTheme as d } from "../../hooks.js";
 import { useThemeVariant as f } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as g } from "../../utils/icon-gradient.js";
-const H = (_param)=>{
+const w = (_param)=>{
     var { color: i, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = f(), m = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: c } = g(i !== null && i !== void 0 ? i : m), { skinName: v } = d(), r = v.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const t = f(), m = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: c } = g(i !== null && i !== void 0 ? i : m), { skinName: v } = d(), r = v.match(/^vivo/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -123,4 +123,4 @@ const H = (_param)=>{
         ...h.Children.toArray(r.props.children)
     ]) : r;
 };
-export { H as default };
+export { w as default };

package/dist-es/generated/mistica-icons/icon-optical-fiber-filled.js

@@ -82,14 +82,24 @@ import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import * as h from "react";
 import { useTheme as f } from "../../hooks.js";
 import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 import { useIconGradient as g } from "../../utils/icon-gradient.js";
 const C = (_param)=>{
     var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = v(), d = l === "brand" || l === "media" ? n.colors.neutralHighBrand : l === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: c } = g(s !== null && s !== void 0 ? s : d), { skinName: i } = f(), o = i.match(/^vivo-new/i) ? /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+    const l = v(), d = l === "brand" || l === "media" ? c.colors.neutralHighBrand : l === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: a, gradientDef: i } = g(s !== null && s !== void 0 ? s : d), { skinName: n } = f(), o = n.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
+            d: "M20.532 6.405a1.47 1.47 0 0 0-1.35 2.042l-5.062 5.059-1.426-1.426 7.264-7.261A1.47 1.47 0 0 0 22 3.469 1.47 1.47 0 0 0 20.532 2a1.47 1.47 0 0 0-1.35 2.042l-7.264 7.262-1.426-1.426 5.053-5.06a1.47 1.47 0 0 0 2.042-1.35A1.47 1.47 0 0 0 16.119 2a1.47 1.47 0 0 0-1.35 2.042L9.71 9.096l-.376-.376c-.419-.419-1.144-.419-1.558 0L2 14.494 9.504 22l5.773-5.774a1.105 1.105 0 0 0 0-1.558l-.377-.376 5.058-5.06c.174.076.372.119.574.119A1.47 1.47 0 0 0 22 7.882c0-.81-.659-1.477-1.468-1.477"
+        })
+    })) : n.match(/^vivo/i) ? /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -105,16 +115,6 @@ const C = (_param)=>{
                 d: "M10.018 7.121c.042.045.103.09.246.093h.017c.149 0 .213-.048.258-.093.025-.025.098-.1.098-.333 0-.232-.073-.308-.098-.333-.045-.045-.11-.093-.26-.093-.152 0-.216.048-.261.093-.025.025-.098.1-.098.333s.073.308.098.333m6.162 1.166c-.168.168-.28.17-.316.17-.065.003-.143-.008-.247-.112l-.003-.002c-.1-.101-.114-.177-.112-.236v-.005c.003-.037.01-.137.171-.297.168-.168.28-.171.317-.171.064-.003.148.014.25.115.1.1.114.176.111.235v.005c-.003.038-.01.137-.17.298m.887 5.65c-.23 0-.308-.073-.333-.098-.042-.043-.09-.104-.093-.25v-.014c0-.148.048-.213.093-.257.025-.026.104-.098.333-.098s.308.072.333.098c.045.044.093.109.093.26s-.048.216-.093.26c-.025.026-.103.099-.333.099"
             })
         ]
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ e("path", {
-            fill: a,
-            d: "M20.532 6.405a1.47 1.47 0 0 0-1.35 2.042l-5.062 5.059-1.426-1.426 7.264-7.261A1.47 1.47 0 0 0 22 3.469 1.47 1.47 0 0 0 20.532 2a1.47 1.47 0 0 0-1.35 2.042l-7.264 7.262-1.426-1.426 5.053-5.06a1.47 1.47 0 0 0 2.042-1.35A1.47 1.47 0 0 0 16.119 2a1.47 1.47 0 0 0-1.35 2.042L9.71 9.096l-.376-.376c-.419-.419-1.144-.419-1.558 0L2 14.494 9.504 22l5.773-5.774a1.105 1.105 0 0 0 0-1.558l-.377-.376 5.058-5.06c.174.076.372.119.574.119A1.47 1.47 0 0 0 22 7.882c0-.81-.659-1.477-1.468-1.477"
-        })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
@@ -126,9 +126,9 @@ const C = (_param)=>{
             d: "M15 3.5a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1-1.464-.478 1 1 0 0 1-.087.079A8.25 8.25 0 0 1 8.5 9.75h-1v1.45h8.843q.143.002.27.052A2.502 2.502 0 0 1 21.5 12a2.5 2.5 0 0 1-4.911.654.8.8 0 0 1-.246.045H7.5v1.551h1.016a7.6 7.6 0 0 1 4.915 1.806 2.5 2.5 0 1 1-.823 1.22.7.7 0 0 1-.181-.108 6.1 6.1 0 0 0-3.911-1.418H7.385A2.5 2.5 0 0 1 5 17.5H3.5a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1H5a2.5 2.5 0 0 1 2.385 1.75H8.5c1.46 0 2.882-.473 4.05-1.35a1 1 0 0 1 .098-.061A2.5 2.5 0 0 1 15 3.5"
         })
     }));
-    return c ? /*#__PURE__*/ h.cloneElement(o, {}, [
+    return i ? /*#__PURE__*/ h.cloneElement(o, {}, [
         /* @__PURE__ */ e("defs", {
-            children: c
+            children: i
         }, "gradient-defs"),
         ...h.Children.toArray(o.props.children)
     ]) : o;