@telefonica/mistica 14.12.0 → 14.14.0

package/dist-es/fixed-footer-layout.js

@@ -4,15 +4,16 @@ import z from "classnames";
 import N from "lodash/debounce";
 import { isRunningAcceptanceTest as P } from "./utils/platform.js";
 import { useScreenSize as $, useTheme as j, useElementDimensions as B, useWindowHeight as _, useScreenHeight as H, useIsomorphicLayoutEffect as V, useIsWithinIFrame as q } from "./hooks.js";
-import { getScrollableParentElement as p, addPassiveEventListener as v, removePassiveEventListener as h, hasScroll as E, getScrollDistanceToBottom as G } from "./utils/dom.js";
-import { container as J, vars as S, footer as K, withoutFooter as M, elevated as Q, fixedFooter as U } from "./fixed-footer-layout.css-mistica.js";
-import { assignInlineVars as X } from "@vanilla-extract/dynamic";
-const Y = 2, Z = (e)=>e === document.documentElement ? window : e, C = (e)=>{
+import { getScrollableParentElement as p, addPassiveEventListener as v, removePassiveEventListener as h, hasScroll as E, getScrollDistanceToBottom as C } from "./utils/dom.js";
+import { container as G, vars as S, footer as J, withoutFooter as K, elevated as M, fixedFooter as Q } from "./fixed-footer-layout.css-mistica.js";
+import { assignInlineVars as U } from "@vanilla-extract/dynamic";
+import { isClientSide as X } from "./utils/environment.js";
+const Y = 2, Z = (e)=>e === document.documentElement ? window : e, ee = (e)=>{
     const n = setTimeout(e, 0);
     return {
         cancel: ()=>clearTimeout(n)
     };
-}, ee = (param)=>{
+}, te = (param)=>{
     let { isFooterVisible: e = !0 , footer: n , footerHeight: x = "auto" , footerBgColor: T , containerBgColor: g , children: y , onChangeFooterHeight: o  } = param;
     const [w, F] = m.useState(!1), i = m.useRef(null), { isTabletOrSmaller: b  } = $(), { platformOverrides: u  } = j(), { height: r , ref: I  } = B(), R = q(), d = _(), A = H(), a = d - r > (R ? d : A) / Y;
     V(()=>{
@@ -21,12 +22,12 @@ const Y = 2, Z = (e)=>e === document.documentElement ? window : e, C = (e)=>{
         o,
         r
     ]), m.useEffect(()=>{
-        const c = p(i.current), L = ()=>P(u) || !a ? !1 : E(c) ? G(c) > 1 : !1, t = N(()=>{
+        const c = p(i.current), L = ()=>P(u) || !a ? !1 : E(c) ? C(c) > 1 : !1, t = N(()=>{
             F(L());
         }, 50, {
             leading: !0,
             maxWait: 200
-        }), O = C(t), s = Z(c);
+        }), O = ee(t), s = Z(c);
         return v(s, "resize", t), v(s, "scroll", t), ()=>{
             t.cancel(), h(s, "scroll", t), h(s, "resize", t), O.cancel();
         };
@@ -34,24 +35,23 @@ const Y = 2, Z = (e)=>e === document.documentElement ? window : e, C = (e)=>{
         a,
         u
     ]);
-    const D = E(p(i.current)), f = a || !D;
+    const D = X() && E(p(i.current)), f = a || !D;
     return /* @__PURE__ */ W(k, {
         children: [
             /* @__PURE__ */ l("div", {
                 ref: i,
-                className: J,
-                style: X({
+                className: G,
+                style: U({
                     [S.backgroundColor]: g !== null && g !== void 0 ? g : "",
                     [S.footerHeight]: f ? `${r}px` : "0px"
                 }),
                 children: y
             }),
             /* @__PURE__ */ l("div", {
-                ref: I,
-                className: z(K, {
-                    [M]: !e,
-                    [Q]: w,
-                    [U]: f
+                className: z(J, {
+                    [K]: !e,
+                    [M]: w,
+                    [Q]: f
                 }),
                 style: {
                     background: b ? T : void 0
@@ -59,6 +59,7 @@ const Y = 2, Z = (e)=>e === document.documentElement ? window : e, C = (e)=>{
                 "data-testid": `fixed-footer${e ? "-visible" : "-hidden"}`,
                 "data-position-fixed": "bottom",
                 children: e && /* @__PURE__ */ l("aside", {
+                    ref: I,
                     "data-component-name": "FixedFooter",
                     style: {
                         height: x,
@@ -69,5 +70,5 @@ const Y = 2, Z = (e)=>e === document.documentElement ? window : e, C = (e)=>{
             })
         ]
     });
-}, le = ee;
-export { le as default };
+}, ue = te;
+export { ue as default };

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

@@ -78,16 +78,26 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useTheme as a } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const h = (_param)=>{
-    var { color: l , size: e = 24  } = _param, r = _object_without_properties(_param, [
+import { useTheme as c } from "../../hooks.js";
+import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+const s = (_param)=>{
+    var { color: a , size: e = 24  } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = s(), t = l !== null && l !== void 0 ? l : c ? i.colors.inverse : i.colors.neutralHigh, { skinName: n  } = a();
-    return n.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const n = h(), t = a !== null && a !== void 0 ? a : n ? l.colors.inverse : l.colors.neutralHigh, { skinName: i  } = c();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: /* @__PURE__ */ o("path", {
+            fill: t,
+            d: "M10.536 4.14c.646-1.134 2.281-1.134 2.927 0l8.003 14.054a1.684 1.684 0 01-1.463 2.517H3.996a1.684 1.684 0 01-1.463-2.517L10.536 4.14zm.814 5.626v4.25a.625.625 0 001.25 0v-4.25a.625.625 0 10-1.25 0zm.625 7.365a.625.625 0 100-1.25.625.625 0 000 1.25z"
+        })
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -108,5 +118,5 @@ const h = (_param)=>{
             d: "M22.886 22.628a.799.799 0 00.019-.79L12.582 1.452C12.438 1.17 12.178 1 11.887 1c-.292 0-.552.172-.693.456L1.091 21.837a.8.8 0 00.025.788c.145.231.41.375.709.375h20.353a.82.82 0 00.708-.372zm-11.507-3.317c0-.393.226-.619.62-.619.395 0 .621.226.621.62 0 .393-.229.618-.62.618-.392 0-.62-.225-.62-.619zm1.25-2.363a.615.615 0 01-.617.616.616.616 0 01-.617-.616V8.34a.616.616 0 111.234 0v8.608z"
         })
     }));
-}, p = h;
+}, p = s;
 export { p as default };

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

@@ -77,39 +77,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseVariant as s } from "../../theme-variant-context.js";
 import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: l , size: t = 24  } = _param, e = _object_without_properties(_param, [
+    var { color: c , size: t = 24  } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = h(), r = l !== null && l !== void 0 ? l : c ? i.colors.inverse : i.colors.neutralHigh, { skinName: a  } = n();
-    return a.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const h = s(), a = c !== null && c !== void 0 ? c : h ? i.colors.inverse : i.colors.neutralHigh, { skinName: o  } = n();
+    return o.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ o("path", {
-            fill: r,
+    }, l), {
+        children: [
+            /* @__PURE__ */ e("path", {
+                fill: a,
+                d: "M11.35 9.566a.425.425 0 01.85 0v4.65a.425.425 0 01-.85 0v-4.65zm.425 7.165a.425.425 0 100-.85.425.425 0 000 .85z"
+            }),
+            /* @__PURE__ */ e("path", {
+                fill: a,
+                d: "M13.463 4.14c-.646-1.134-2.28-1.134-2.927 0L2.533 18.195a1.684 1.684 0 001.463 2.517h16.007a1.684 1.684 0 001.463-2.517L13.463 4.14zm7.264 14.475a.834.834 0 01-.724 1.246H3.996a.834.834 0 01-.724-1.247l8.003-14.053a.834.834 0 011.45 0l8.002 14.053z"
+            })
+        ]
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M12.011 4.1L3.02 20.267h18.625c.214 0 .356.146.356.367s-.142.367-.356.367H2.374a.432.432 0 01-.32-.183.334.334 0 010-.367l9.638-17.267a.372.372 0 01.32-.183.38.38 0 01.32.183l7.133 12.789c.073.184.037.405-.141.513-.179.075-.393.037-.498-.146L12.01 4.1zm.357 4.408c0-.221-.142-.367-.357-.367-.214 0-.356.146-.356.367v7.902c0 .22.142.366.356.366.215 0 .357-.145.357-.366V8.508zm7.92 10.512c.392 0 .712-.33.712-.734a.724.724 0 00-.713-.734.724.724 0 00-.712.734c0 .405.324.734.712.734zm-8.277-.038c-.283 0-.534-.258-.534-.55a.53.53 0 01.534-.55c.284 0 .535.258.535.55 0 .292-.251.55-.535.55z"
         })
-    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: r,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M12.025 17.517a.314.314 0 01-.314-.313V8.03a.314.314 0 01.628 0v9.174a.312.312 0 01-.314.313zm-.022 2.469c-.216 0-.339-.125-.339-.338 0-.213.126-.339.34-.339.212 0 .338.126.338.339 0 .213-.122.338-.339.338z"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: r,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M22.496 23H1.507a.499.499 0 01-.44-.226.499.499 0 01-.005-.492l10.53-21C11.68 1.103 11.831 1 12 1c.17 0 .32.103.41.282l10.528 21a.499.499 0 01-.006.492c-.085.145-.245.226-.436.226zm-20.82-.602h20.648L12.004 1.805 1.675 22.398z"
             })
         ]

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

@@ -77,36 +77,52 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useTheme as s } from "../../hooks.js";
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { useTheme as h } from "../../hooks.js";
 import { useIsInverseVariant as c } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const h = (_param)=>{
-    var { color: l , size: r = 24  } = _param, o = _object_without_properties(_param, [
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+const m = (_param)=>{
+    var { color: i , size: e = 24  } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = c(), t = l !== null && l !== void 0 ? l : i ? a.colors.inverse : a.colors.neutralHigh, { skinName: n  } = s();
-    return n.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const n = c(), r = i !== null && i !== void 0 ? i : n ? l.colors.inverse : l.colors.neutralHigh, { skinName: o  } = h();
+    return o.match(/^vivo-new/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ e("path", {
-            fill: t,
+    }, t), {
+        children: [
+            /* @__PURE__ */ a("path", {
+                fill: r,
+                d: "M11.35 9.766a.625.625 0 111.25 0v4.25a.625.625 0 11-1.25 0v-4.25zm.625 7.365a.625.625 0 100-1.25.625.625 0 000 1.25z"
+            }),
+            /* @__PURE__ */ a("path", {
+                fill: r,
+                d: "M13.463 4.14c-.646-1.134-2.28-1.134-2.927 0L2.533 18.195a1.684 1.684 0 001.463 2.517h16.007a1.684 1.684 0 001.463-2.517L13.463 4.14zm6.917 14.672a.434.434 0 01-.377.65H3.996a.434.434 0 01-.377-.65L11.623 4.76a.434.434 0 01.754 0l8.003 14.053z"
+            })
+        ]
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: r,
             d: "M12.608 3.367C12.466 3.146 12.251 3 12 3a.69.69 0 00-.608.367L2.106 19.899a.686.686 0 000 .734c.142.221.357.367.608.367h18.572a.69.69 0 00.608-.367.686.686 0 000-.734L12.608 3.367zM12 5.2l6.25 11.133 1.788 3.198H3.963L12 5.202zm0 3.49a.725.725 0 00-.713.734v5.696c0 .404.32.733.713.733a.724.724 0 00.713-.733V9.43c0-.405-.32-.739-.713-.739zm-.713 9.002c0-.404.32-.733.713-.733.393 0 .713.329.713.733 0 .405-.32.734-.713.734a.725.725 0 01-.713-.733z"
         })
-    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ e("path", {
-            fill: t,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: r,
             d: "M22.182 23H1.817a.81.81 0 01-.702-.372.82.82 0 01-.025-.794L11.2 1.456c.144-.287.401-.456.69-.456.288 0 .545.169.689.453l10.325 20.378s0 .003.003.003a.804.804 0 01-.022.794.817.817 0 01-.702.372zM11.4 16.946a.614.614 0 001.228 0V8.339a.614.614 0 00-1.228 0v8.607zm-.007 2.363c0 .394.23.619.62.619.393 0 .621-.225.621-.62 0-.393-.225-.618-.62-.618s-.62.225-.62.619zM21.5 21.775l-9.604-18.96-9.404 18.96H21.5z"
         })
     }));
-}, u = h;
-export { u as default };
+}, g = m;
+export { g as default };

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

@@ -77,36 +77,46 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o } from "react/jsx-runtime";
-import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const h = (_param)=>{
-    var { color: i , size: e = 24  } = _param, r = _object_without_properties(_param, [
+import { jsx as l } from "react/jsx-runtime";
+import { useTheme as n } from "../../hooks.js";
+import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+const s = (_param)=>{
+    var { color: a , size: e = 24  } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = a(), l = i !== null && i !== void 0 ? i : c ? t.colors.inverse : t.colors.neutralHigh, { skinName: n  } = s();
-    return n.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const h = c(), r = a !== null && a !== void 0 ? a : h ? i.colors.inverse : i.colors.neutralHigh, { skinName: t  } = n();
+    return t.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
-            fill: l,
+    }, o), {
+        children: /* @__PURE__ */ l("path", {
+            fill: r,
+            d: "M4.428 16.815a1 1 0 00.95 1.31h3.52a3.126 3.126 0 006.205 0h3.518a1 1 0 00.951-1.31l-.715-2.19-.695-6.994a5 5 0 00-4.975-4.506h-2.374a5 5 0 00-4.975 4.506l-.695 6.994-.715 2.19zm5.734 1.31h3.675a1.876 1.876 0 01-3.675 0z"
+        })
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, o), {
+        children: /* @__PURE__ */ l("path", {
+            fill: r,
             d: "M18.993 11.644c0 2.144.7 4.284 1.957 6 .173.212.177.504.07.752-.105.248-.351.392-.63.392H3.613c-.282 0-.524-.14-.63-.392-.106-.252-.106-.536.07-.752a10.251 10.251 0 001.958-6v-2.5C5.01 5.216 8.157 2 12 2c3.845 0 6.992 3.216 6.992 7.144v2.5zM12.006 22c-1.296 0-2.38-.928-2.694-2.144H14.7C14.382 21.072 13.3 22 12.005 22z"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ o("path", {
-            fill: l,
+    }, o), {
+        children: /* @__PURE__ */ l("path", {
+            fill: r,
             d: "M7.045 3.84c1.938-1.759 4.627-1.678 4.96-1.658.334-.02 3.023-.104 4.956 1.655 1.283 1.166 1.935 2.86 1.935 5.037v3.874c-.003.061-.199 3.658 1.975 5.392a.407.407 0 01.129.456.42.42 0 01-.395.272h-1.726l-1.126-.003h-2.776c-.005.51-.114 1.415-.745 2.101-.52.569-1.271.857-2.232.857-.964 0-1.714-.288-2.235-.86-.63-.689-.734-1.596-.737-2.098H3.4a.421.421 0 01-.395-.271.4.4 0 01.13-.457c1.762-1.406 1.966-4.036 1.979-5v-.17a4.172 4.172 0 00-.005-.197v-3.9c0-1.223.216-2.29.625-3.2l.417-.774a5.46 5.46 0 01.894-1.056zm6.828 15.123h-3.74c.028.35.129.837.454 1.19.31.34.773.502 1.414.502.639 0 1.101-.166 1.412-.502.325-.352.429-.837.46-1.19z"
         })
     }));
-}, p = h;
+}, p = s;
 export { p as default };

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

@@ -77,17 +77,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as s, jsx as c } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as c, jsxs as r } from "react/jsx-runtime";
+import { useTheme as n } from "../../hooks.js";
+import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: r , size: l = 24  } = _param, e = _object_without_properties(_param, [
+    var { color: h , size: l = 24  } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), o = r !== null && r !== void 0 ? r : a ? t.colors.inverse : t.colors.neutralHigh, { skinName: i  } = h();
-    return i.match(/^o2/i) ? /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+    const i = s(), a = h !== null && h !== void 0 ? h : i ? o.colors.inverse : o.colors.neutralHigh, { skinName: t  } = n();
+    return t.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: /* @__PURE__ */ c("path", {
+            fill: a,
+            d: "M4.618 16.877l.722-2.21.697-7.017a4.8 4.8 0 014.776-4.325h2.373a4.8 4.8 0 014.777 4.325l.697 7.016.722 2.21a.8.8 0 01-.76 1.049h-3.697l-.02.176a2.925 2.925 0 01-5.81 0l-.02-.176H5.378a.8.8 0 01-.76-1.048zm13.935.198l-.73-2.233-.706-7.108a3.95 3.95 0 00-3.93-3.559h-2.374a3.95 3.95 0 00-3.93 3.56l-.707 7.107-.729 2.233h13.106zm-4.47.85H9.917l.048.24a2.076 2.076 0 004.068 0l.048-.24z"
+        })
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -95,11 +105,11 @@ const m = (_param)=>{
     }, e), {
         children: [
             /* @__PURE__ */ c("path", {
-                fill: o,
+                fill: a,
                 d: "M20.73 17.924H3.968a11.642 11.642 0 001.854-6.296V9.036c0-3.48 2.764-6.296 6.18-6.296s6.18 2.816 6.18 6.296v2.592c0 .816.11 1.628.255 2.48a.38.38 0 00.436.296c.18-.036.326-.26.29-.444a10.734 10.734 0 01-.254-2.332V9.036C18.913 5.148 15.822 2 12.002 2S5.095 5.148 5.095 9.036v2.592c0 2.296-.762 4.592-2.108 6.444-.075.112-.11.26-.036.372.075.112.18.224.326.224h6.29c-.074.26-.11.48-.11.74 0 1.444 1.127 2.592 2.545 2.592 1.417 0 2.544-1.148 2.544-2.592 0-.26-.035-.48-.11-.74h6.29c.22 0 .366-.148.366-.372s-.145-.372-.361-.372zm-6.91 1.484c0 1.036-.801 1.852-1.818 1.852s-1.818-.816-1.818-1.852c0-.26.075-.52.145-.74h3.31c.11.22.18.48.18.74z"
             }),
             /* @__PURE__ */ c("path", {
-                fill: o,
+                fill: a,
                 d: "M19.639 16.816a.733.733 0 00.726-.74.733.733 0 00-.726-.74.733.733 0 00-.726.74c0 .409.325.74.726.74z"
             })
         ]
@@ -110,7 +120,7 @@ const m = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: o,
+            fill: a,
             d: "M12.002 21.746c-1.558 0-2.764-.918-2.875-2.66l.001-.146H3.4a.421.421 0 01-.395-.271.4.4 0 01.13-.457c1.37-1.093 1.798-2.928 1.927-4.143l.03-.329.015-.288.007-.24-.002-.29-.003-.077v-3.9c0-1.1.175-2.075.508-2.923l.117-.278.417-.773a5.46 5.46 0 01.894-1.056c1.15-1.044 2.566-1.44 3.596-1.585l.312-.038.281-.024.247-.013.295-.005.23.007.229-.007.186.002.228.008.264.018.297.03c1.04.125 2.543.505 3.75 1.604 1.22 1.107 1.87 2.692 1.931 4.714l.005.323-.003 3.955-.003.204.007.31.013.255.023.29.016.155.042.331c.176 1.197.646 2.782 1.88 3.766a.407.407 0 01-.192.721l-.074.007h-1.726l-1.126-.003h-2.856l-.004.079c-.145 1.746-1.346 2.727-2.891 2.727zm0-.8c1.147 0 1.967-.617 2.082-1.897l.009-.109H9.934l.003.052c.086 1.281.905 1.954 2.065 1.954zm-.044-17.89a6.772 6.772 0 00-1.67.146c-.932.193-1.78.553-2.478 1.112l-.228.193-.166.16a4.748 4.748 0 00-.44.512l-.121.172-.392.721c-.325.723-.51 1.562-.547 2.512l-.007.362-.002 3.838.006.18.001.258c-.024 1.807-.441 3.564-1.519 4.865l-.046.053h13.406l1.908.003-.086-.103a6.044 6.044 0 01-.862-1.512l-.107-.284a9.14 9.14 0 01-.463-2.12 9.967 9.967 0 01-.055-1.04l.006-.261V8.949c0-1.963-.568-3.44-1.674-4.445-.736-.67-1.665-1.09-2.7-1.303a7.143 7.143 0 00-1.764-.146z"
         })
     }));

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

@@ -80,31 +80,41 @@ function _object_without_properties_loose(source, excluded) {
 import { jsx as c } from "react/jsx-runtime";
 import { useTheme as i } from "../../hooks.js";
 import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
-    var { color: h , size: l = 24  } = _param, e = _object_without_properties(_param, [
+    var { color: t , size: l = 24  } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), r = h !== null && h !== void 0 ? h : t ? a.colors.inverse : a.colors.neutralHigh, { skinName: o  } = i();
-    return o.match(/^blau/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const o = n(), a = t !== null && t !== void 0 ? t : o ? r.colors.inverse : r.colors.neutralHigh, { skinName: h  } = i();
+    return h.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: r,
+            fill: a,
+            d: "M4.428 16.815a1 1 0 00.95 1.31h3.52a3.126 3.126 0 006.205 0h3.518a1 1 0 00.951-1.31l-.715-2.19-.695-6.994a5 5 0 00-4.975-4.506h-2.374a5 5 0 00-4.975 4.506l-.695 6.994-.715 2.19zm1.295.06l.65-1.991.709-7.13a3.75 3.75 0 013.731-3.379h2.373a3.75 3.75 0 013.732 3.38l.709 7.129.65 1.991H5.723zm4.44 1.25h3.674a1.876 1.876 0 01-3.675 0z"
+        })
+    })) : h.match(/^blau/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: /* @__PURE__ */ c("path", {
+            fill: a,
             d: "M21.43 17.643a10.092 10.092 0 01-2-6v-2.5C19.43 5.214 16.216 2 12.287 2 8.36 2 5.145 5.214 5.145 9.143v2.5c0 2.143-.715 4.286-2 6-.179.214-.179.5-.072.75s.357.393.643.393h5.75c0 .107-.036.25-.036.357A2.866 2.866 0 0012.287 22a2.866 2.866 0 002.857-2.857c0-.107 0-.25-.035-.357h5.75c.286 0 .535-.143.643-.393.107-.25.107-.536-.072-.75zm-7.714 1.5c0 .786-.643 1.428-1.429 1.428a1.433 1.433 0 01-1.428-1.428c0-.107 0-.25.036-.357h2.75c.071.107.071.25.071.357zm-8.679-1.786c1-1.714 1.536-3.714 1.536-5.714v-2.5c0-3.143 2.572-5.714 5.714-5.714 3.143 0 5.715 2.571 5.715 5.714v2.5c0 2 .535 4 1.535 5.714h-14.5z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: r,
+            fill: a,
             d: "M20.953 17.644a10.25 10.25 0 01-1.958-6v-2.5C18.995 5.216 15.847 2 12.003 2 8.158 2 5.01 5.216 5.01 9.144v2.5c0 2.144-.7 4.284-1.957 6-.177.216-.177.5-.07.752.105.252.348.392.63.392h5.63c0 .055-.01.118-.018.181-.01.062-.018.123-.018.175 0 1.572 1.257 2.856 2.796 2.856 1.538 0 2.795-1.284 2.795-2.856 0-.108 0-.252-.035-.356h5.626c.278 0 .525-.144.63-.392.106-.248.106-.54-.066-.752zm-7.553 1.5c0 .784-.63 1.428-1.397 1.428-.768 0-1.398-.644-1.398-1.428 0-.108 0-.252.035-.356h2.69c.07.104.07.248.07.356zM6.412 11.64v-2.5c0-3.144 2.517-5.716 5.595-5.716 3.077 0 5.59 2.576 5.59 5.72v2.5c0 2 .525 4 1.504 5.716H4.908v-.004a11.62 11.62 0 001.504-5.716z"
         })
     })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
@@ -114,9 +124,9 @@ const v = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ c("path", {
-            fill: r,
+            fill: a,
             d: "M12.002 21.82c-1.633 0-2.911-.973-3.025-2.805l-.006-.15h-5.57a.421.421 0 01-.396-.272.4.4 0 01.13-.456c1.37-1.094 1.798-2.928 1.927-4.143l.03-.329.015-.288.007-.24-.002-.29-.003-.077v-3.9c0-1.101.175-2.076.508-2.923l.117-.278.417-.773a5.46 5.46 0 01.894-1.056C8.195 2.795 9.61 2.4 10.64 2.255l.312-.038.281-.024.247-.013.295-.005.23.007.229-.007.186.001.228.009.264.018.297.03c1.04.125 2.543.505 3.75 1.604 1.22 1.107 1.87 2.692 1.931 4.714l.005.323-.003 3.955-.003.204.007.31.013.255.023.29.016.155.042.331c.176 1.197.646 2.781 1.88 3.766a.408.408 0 01-.192.721l-.074.007h-1.726l-1.126-.003H15.04l-.008.16c-.149 1.829-1.412 2.796-3.031 2.796zm0-1.1c1.073 0 1.823-.56 1.932-1.755l.006-.1h-3.868l.005.11c.085 1.182.842 1.746 1.925 1.746zm.22-17.346l-.146.006h-.141a6.34 6.34 0 00-1.566.139c-.874.18-1.663.515-2.308 1.03l-.21.18-.188.183a4.236 4.236 0 00-.348.412l-.139.199-.348.638c-.303.675-.477 1.464-.512 2.366l-.007.344-.003 3.807.007.203v.271c-.02 1.519-.303 3.002-1.008 4.243l-.163.27h12.614l1.126.003-.037-.057a6.873 6.873 0 01-.51-1.032l-.104-.277a9.54 9.54 0 01-.484-2.213c-.042-.405-.058-.77-.057-1.082l.006-.283v-3.85c0-1.856-.527-3.226-1.543-4.15-.678-.616-1.542-1.007-2.511-1.206a6.68 6.68 0 00-1.42-.144z"
         })
     }));
-}, d = v;
-export { d as default };
+}, p = v;
+export { p as default };

package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-light.js

@@ -77,31 +77,48 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
-import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const n = (_param)=>{
-    var { color: t , size: o = 24  } = _param, s = _object_without_properties(_param, [
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { useTheme as n } from "../../hooks.js";
+import { useIsInverseVariant as v } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+const h = (_param)=>{
+    var { color: i , size: l = 24  } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = a(), r = t !== null && t !== void 0 ? t : e ? c.colors.inverse : c.colors.neutralHigh;
-    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const a = v(), c = i !== null && i !== void 0 ? i : a ? t.colors.inverse : t.colors.neutralHigh, { skinName: s  } = n();
+    return s.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, r), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: r,
+            /* @__PURE__ */ o("path", {
+                fill: c,
+                d: "M11.997 18.349a.362.362 0 01-.36-.36v-.929l-.183-.015a5.433 5.433 0 01-2.597-.937c-.175-.123-.248-.265-.248-.45 0-.26.216-.479.491-.48a.672.672 0 01.347.112c.643.428 1.3.699 1.96.799l.23.035-.001-3.754-.168-.027c-1.111-.182-1.758-.594-2.13-1.066-.374-.473-.49-1.032-.49-1.546 0-.784.253-1.43.697-1.9.445-.473 1.095-.784 1.912-.875l.178-.02v-.933c0-.198.162-.36.36-.36.197 0 .36.162.36.36v.936l.18.018c.744.074 1.427.293 1.966.625.215.132.308.301.308.468a.463.463 0 01-.464.464.713.713 0 01-.309-.088l-.005-.003-.008-.005a4.431 4.431 0 00-1.436-.508l-.232-.038.001 3.599.174.023c.954.127 1.663.424 2.132.865.472.444.72 1.05.72 1.818 0 .86-.312 1.574-.894 2.078-.475.414-1.139.68-1.953.773l-.178.02v.94a.36.36 0 01-.36.361zm.598-5.847l-.239-.047.001 3.669.23-.036c.548-.085 1.003-.29 1.324-.61.323-.323.496-.75.496-1.245 0-.326-.055-.694-.331-1.019-.274-.32-.736-.566-1.481-.712zm-.96-1.127V7.862l-.233.04c-.41.068-.766.222-1.037.464-.358.32-.542.773-.542 1.292 0 .49.149.869.486 1.16.26.224.627.386 1.08.497l.247.06z"
+            }),
+            /* @__PURE__ */ o("path", {
+                fill: c,
+                d: "M19.087 4.723c1.685 1.622 2.555 4.058 2.555 7.273 0 3.214-.87 5.647-2.555 7.273-1.624 1.564-4.001 2.373-7.091 2.373s-5.467-.809-7.09-2.373C3.22 17.644 2.35 15.208 2.35 11.996c0-3.212.87-5.648 2.555-7.273C6.53 3.159 8.906 2.35 11.996 2.35s5.467.809 7.09 2.373zm-.59 13.934c1.468-1.415 2.295-3.595 2.295-6.661 0-3.067-.828-5.249-2.295-6.661C17.08 3.97 14.944 3.2 11.996 3.2c-2.947 0-5.084.77-6.5 2.134C4.026 6.75 3.2 8.932 3.2 11.996s.827 5.246 2.295 6.661c1.417 1.365 3.554 2.135 6.501 2.135 2.947 0 5.084-.77 6.5-2.135z"
+            })
+        ]
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: [
+            /* @__PURE__ */ o("path", {
+                fill: c,
                 d: "M8.904 16.044c-.143-.1-.213-.213-.213-.383a.412.412 0 01.412-.398c.106.005.21.039.3.1.586.39 1.387.778 2.313.843v-3.91h-.005c-1.896-.24-2.779-1.154-2.779-2.566 0-1.601 1.087-2.623 2.782-2.715v-1.01a.28.28 0 01.28-.28.28.28 0 01.28.28v1.01c.893.049 1.651.302 2.188.634.184.115.271.258.271.4 0 .21-.168.385-.38.385h-.003a.642.642 0 01-.286-.087c-.561-.305-1.142-.506-1.79-.558l.001 3.752.195.024c1.924.241 2.837 1.154 2.837 2.608 0 1.542-1.033 2.667-3.03 2.795v1.023a.28.28 0 01-.28.28.28.28 0 01-.28-.28v-1.013a5.295 5.295 0 01-2.813-.934zm3.372.161c1.38-.095 2.214-.865 2.214-1.97 0-.95-.52-1.625-2.215-1.868l.001 3.838zm-.561-4.743v-3.68c-1.267.08-1.968.838-1.968 1.876 0 .932.536 1.553 1.968 1.804z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: r,
+            /* @__PURE__ */ o("path", {
+                fill: c,
                 d: "M2.156 12c0 6.434 3.404 9.834 9.838 9.834 6.437 0 9.84-3.4 9.84-9.837 0-3.26-.877-5.76-2.602-7.423-1.664-1.605-4.098-2.418-7.238-2.418-6.434 0-9.838 3.41-9.838 9.843zm2.989-7.023c1.555-1.499 3.86-2.26 6.849-2.26 2.989 0 5.294.761 6.851 2.263 1.614 1.554 2.432 3.919 2.432 7.02 0 3.1-.818 5.462-2.432 7.016-1.557 1.499-3.862 2.258-6.851 2.258s-5.294-.76-6.849-2.258c-1.61-1.552-2.429-3.916-2.429-7.02 0-3.103.818-5.464 2.429-7.019z"
             })
         ]
     }));
-}, f = n;
-export { f as default };
+}, g = h;
+export { g as default };

package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-regular.js

@@ -77,31 +77,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as t, jsx as c } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const n = (_param)=>{
-    var { color: s , size: r = 24  } = _param, e = _object_without_properties(_param, [
+import { jsx as l, jsxs as i } from "react/jsx-runtime";
+import { useTheme as n } from "../../hooks.js";
+import { useIsInverseVariant as m } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+const v = (_param)=>{
+    var { color: a , size: c = 24  } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = i(), o = s !== null && s !== void 0 ? s : a ? l.colors.inverse : l.colors.neutralHigh;
-    return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const s = m(), o = a !== null && a !== void 0 ? a : s ? e.colors.inverse : e.colors.neutralHigh, { skinName: t  } = n();
+    return t.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, r), {
+        children: /* @__PURE__ */ l("path", {
+            fill: o,
+            d: "M11.996 2.15c-3.123 0-5.557.818-7.23 2.429C3.03 6.254 2.15 8.749 2.15 11.996c0 3.246.88 5.742 2.616 7.417 1.673 1.61 4.107 2.429 7.23 2.429s5.557-.818 7.23-2.429c1.736-1.675 2.616-4.168 2.616-7.417 0-3.25-.88-5.745-2.616-7.417-1.673-1.611-4.107-2.429-7.23-2.429zm8.596 9.846c0 3.032-.817 5.151-2.234 6.518-1.369 1.317-3.449 2.078-6.362 2.078-2.914 0-4.994-.76-6.362-2.078-1.417-1.367-2.234-3.49-2.234-6.518 0-3.029.817-5.15 2.234-6.517C7.002 4.16 9.082 3.4 11.996 3.4s4.994.761 6.362 2.079c1.416 1.363 2.234 3.485 2.234 6.517zm-9.156 5.994a.56.56 0 101.12 0v-.762c.844-.095 1.549-.374 2.062-.82.63-.547.963-1.317.963-2.23 0-.815-.266-1.476-.784-1.964-.509-.478-1.263-.787-2.242-.917l-.001-3.189a4.23 4.23 0 011.372.487l.008.006c.107.053.25.115.41.115a.663.663 0 00.663-.664c0-.252-.143-.48-.403-.639-.568-.351-1.281-.577-2.05-.654v-.755a.562.562 0 00-.561-.56.562.562 0 00-.56.56v.754c-1.71.19-2.787 1.316-2.787 2.974 0 1.085.493 2.434 2.788 2.81l.001 3.35c-.626-.095-1.256-.353-1.879-.767a.872.872 0 00-.454-.146.688.688 0 00-.694.68c0 .256.109.457.333.614.78.545 1.74.89 2.694.972v.745zm1.119-5.29c1.444.282 1.65.928 1.65 1.534 0 .892-.617 1.498-1.65 1.658V12.7zm-2.058-4.183c.236-.212.555-.353.936-.417l.001 3.022c-.436-.107-.769-.258-.996-.454-.285-.246-.417-.566-.417-1.008 0-.47.165-.866.476-1.143z"
+        })
+    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
         children: [
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ l("path", {
                 fill: o,
                 d: "M12 18.555a.562.562 0 01-.56-.56v-.745a5.632 5.632 0 01-2.694-.972c-.224-.157-.333-.358-.333-.613 0-.376.31-.68.694-.68a.87.87 0 01.454.145c.623.414 1.253.673 1.88.768l-.002-3.352c-2.295-.375-2.788-1.724-2.788-2.808 0-1.659 1.077-2.784 2.787-2.975V6.01c0-.308.252-.56.56-.56.308 0 .56.252.56.56v.755c.77.077 1.483.303 2.05.654.261.16.404.387.404.639a.663.663 0 01-.664.664.925.925 0 01-.409-.115l-.008-.006a4.232 4.232 0 00-1.372-.486v3.188c.98.13 1.734.439 2.243.917.518.488.784 1.149.784 1.964 0 .913-.333 1.684-.963 2.23-.513.446-1.218.725-2.062.82v.762a.56.56 0 01-.56.56zm2.211-4.316c0-.606-.207-1.252-1.651-1.534v3.192c1.033-.16 1.651-.766 1.651-1.658zm-2.773-6.134c-.381.064-.7.205-.936.417-.31.277-.476.672-.476 1.143 0 .442.132.762.418 1.008.226.196.56.348.995.454V8.105z"
             }),
-            /* @__PURE__ */ c("path", {
+            /* @__PURE__ */ l("path", {
                 fill: o,
                 d: "M12 21.847c-3.122 0-5.556-.818-7.229-2.429-1.736-1.675-2.616-4.17-2.616-7.417s.88-5.742 2.616-7.417c1.673-1.611 4.107-2.429 7.23-2.429s5.557.818 7.23 2.429c1.736 1.672 2.616 4.168 2.616 7.417 0 3.25-.88 5.742-2.616 7.417-1.673 1.61-4.107 2.429-7.23 2.429zm0-18.572c-2.823 0-4.993.712-6.45 2.115C4.04 6.844 3.275 9.068 3.275 12c0 2.934.765 5.155 2.275 6.611 1.457 1.404 3.627 2.115 6.45 2.115 2.824 0 4.995-.711 6.452-2.114 1.51-1.454 2.274-3.678 2.274-6.611s-.764-5.154-2.274-6.61C16.995 3.986 14.824 3.274 12 3.274z"
             })
         ]
     }));
-}, h = n;
-export { h as default };
+}, u = v;
+export { u as default };