@telefonica/mistica 16.37.5 → 16.38.0

package/dist-es/theme-context-provider.js

@@ -29,8 +29,8 @@ function _object_spread(target) {
 }
 import { jsxs as b, Fragment as x, jsx as s } from "react/jsx-runtime";
 import * as l from "react";
-import { assignInlineVars as g } from "@vanilla-extract/dynamic";
-import { DialogRoot as y } from "./dialog-context.js";
+import { assignInlineVars as h } from "@vanilla-extract/dynamic";
+import { DialogRoot as I } from "./dialog-context.js";
 import F from "./screen-size-context-provider.js";
 import { dimensions as N, getMisticaLinkComponent as j, NAVBAR_HEIGHT_MOBILE as z } from "./theme.js";
 import { getPlatform as E, isInsideNovumNativeApp as L } from "./utils/platform.js";
@@ -60,27 +60,27 @@ const re = "(prefers-color-scheme: dark)", te = ()=>{
     const [e, c] = l.useState(!1);
     return H(()=>{
         if (!window.matchMedia) return;
-        const i = window.matchMedia(re), t = ()=>{
+        const i = window.matchMedia(re), o = ()=>{
             c(i.matches);
         };
-        return i.addEventListener("change", t), t(), ()=>{
-            i.removeEventListener("change", t);
+        return i.addEventListener("change", o), o(), ()=>{
+            i.removeEventListener("change", o);
         };
     }, []), e;
 }, oe = ()=>(e)=>e, se = (e)=>({
         headerMobileHeight: (e == null ? void 0 : e.headerMobileHeight) === "mistica" ? z : e == null ? void 0 : e.headerMobileHeight
     }), ie = ()=>{
-    const e = l.useRef(null), [c, i] = l.useState(!1), [t, p] = l.useState(!0);
+    const e = l.useRef(null), [c, i] = l.useState(!1), [o, u] = l.useState(!0);
     return H(()=>{
         var n;
-        if (t) p(!1);
+        if (o) u(!1);
         else {
             const d = (n = e.current) == null ? void 0 : n.parentElement;
             d && (d.style.isolation = "isolate", i(!0));
         }
     }, [
-        t
-    ]), c || !V() || t ? null : /* @__PURE__ */ s("div", {
+        o
+    ]), c || !V() || o ? null : /* @__PURE__ */ s("div", {
         ref: e,
         style: {
             display: "none"
@@ -88,45 +88,45 @@ const re = "(prefers-color-scheme: dark)", te = ()=>{
     });
 }, O = (e)=>Object.fromEntries(Object.entries(e).map((param)=>{
         let [c, i] = param;
-        let t = "";
+        let o = "";
         if (i.startsWith("#")) {
-            const [p, n, d] = J(i);
-            t = `${p}, ${n}, ${d}`;
+            const [u, n, d] = J(i);
+            o = `${u}, ${n}, ${d}`;
         }
         return [
             c,
-            t
+            o
         ];
     })), ne = (param)=>{
-    let { theme: e, children: c, as: i, withoutStyles: t = !1 } = param;
+    let { theme: e, children: c, as: i, withoutStyles: o = !1 } = param;
     var _e_colorScheme;
-    const p = te(), n = (_e_colorScheme = e.colorScheme) !== null && _e_colorScheme !== void 0 ? _e_colorScheme : "auto", d = e.skin.colors, f = _object_spread({}, e.skin.colors, e.skin.darkModeColors), k = n === "auto" && p || n === "dark", w = k ? f : d, M = ee(e.i18n.locale), R = l.useCallback(function(o) {
+    const u = te(), n = (_e_colorScheme = e.colorScheme) !== null && _e_colorScheme !== void 0 ? _e_colorScheme : "auto", d = e.skin.colors, f = _object_spread({}, e.skin.colors, e.skin.darkModeColors), k = n === "auto" && u || n === "dark", w = k ? f : d, M = ee(e.i18n.locale), R = l.useCallback(function(t) {
         for(var _len = arguments.length, a = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
             a[_key - 1] = arguments[_key];
         }
-        const r = o[M] || o.en;
+        const r = typeof t == "string" ? t : t[M] || t.en;
         return a.length ? r.replace(/\d+\$s/g, (m)=>{
             var _a_;
             return String((_a_ = a[parseInt(m) - 1]) !== null && _a_ !== void 0 ? _a_ : m);
         }) : r;
     }, [
         M
-    ]), u = l.useMemo(()=>{
-        const o = _object_spread({
+    ]), p = l.useMemo(()=>{
+        const t = _object_spread({
             platform: E(),
             insideNovumNativeApp: L()
         }, e.platformOverrides), a = Object.entries(U).map((param)=>{
             let [m, C] = param;
-            var h;
+            var g;
             return {
-                [m]: _object_spread({}, C, (h = e.skin.textPresets) == null ? void 0 : h[m])
+                [m]: _object_spread({}, C, (g = e.skin.textPresets) == null ? void 0 : g[m])
             };
         }), r = Object.assign({}, ...a);
         var _e_skin_borderRadii, _e_skin_themeVariants, _e_useHrefDecorator, _e_preventCopyInFormFields;
         return {
             skinName: e.skin.name,
             i18n: _object_spread({}, e.i18n),
-            platformOverrides: o,
+            platformOverrides: t,
             texts: _object_spread({}, e.texts),
             analytics: _object_spread({
                 logEvent: ()=>Promise.resolve(),
@@ -139,7 +139,7 @@ const re = "(prefers-color-scheme: dark)", te = ()=>{
             themeVariants: (_e_skin_themeVariants = e.skin.themeVariants) !== null && _e_skin_themeVariants !== void 0 ? _e_skin_themeVariants : X,
             Link: j(e.Link),
             isDarkMode: k,
-            isIos: E(o) === "ios",
+            isIos: E(t) === "ios",
             useHrefDecorator: (_e_useHrefDecorator = e.useHrefDecorator) !== null && _e_useHrefDecorator !== void 0 ? _e_useHrefDecorator : oe,
             t: R,
             preventCopyInFormFields: (_e_preventCopyInFormFields = e.preventCopyInFormFields) !== null && _e_preventCopyInFormFields !== void 0 ? _e_preventCopyInFormFields : !1
@@ -149,8 +149,8 @@ const re = "(prefers-color-scheme: dark)", te = ()=>{
         e,
         k,
         R
-    ]), D = l.useMemo(()=>{
-        const o = Object.entries(u.textPresets).map((param)=>{
+    ]), y = l.useMemo(()=>{
+        const t = Object.entries(p.textPresets).map((param)=>{
             let [a, r] = param;
             return {
                 [a]: _object_spread({}, r.weight && {
@@ -162,11 +162,11 @@ const re = "(prefers-color-scheme: dark)", te = ()=>{
                 })
             };
         });
-        return Object.assign({}, ...o);
+        return Object.assign({}, ...t);
     }, [
-        u
-    ]), I = l.useMemo(()=>{
-        const o = Object.entries(u.textPresets).map((param)=>{
+        p
+    ]), D = l.useMemo(()=>{
+        const t = Object.entries(p.textPresets).map((param)=>{
             let [a, r] = param;
             return {
                 [a]: _object_spread({}, r.weight && {
@@ -178,40 +178,40 @@ const re = "(prefers-color-scheme: dark)", te = ()=>{
                 })
             };
         });
-        return Object.assign({}, ...o);
+        return Object.assign({}, ...t);
     }, [
-        u
-    ]), _ = (o)=>{
-        if (t || process.env.NODE_ENV === "test" && !process.env.SSR_TEST) return null;
+        p
+    ]), _ = (t)=>{
+        if (o || process.env.NODE_ENV === "test" && !process.env.SSR_TEST) return null;
         const a = O(d), r = O(f), [m, C] = n === "auto" || n === "light" ? [
             d,
             a
         ] : [
             f,
             r
-        ], h = n === "auto" ? `@media (prefers-color-scheme: dark) {
-                    ${o} {
-                        ${g(v.colors, f)};
-                        ${g(v.rawColors, r)}
+        ], g = n === "auto" ? `@media (prefers-color-scheme: dark) {
+                    ${t} {
+                        ${h(v.colors, f)};
+                        ${h(v.rawColors, r)}
                     }
                 }` : "";
         var _e_skin_borderRadii;
         return /* @__PURE__ */ s("style", {
             children: `
-                ${o} {
-                    ${g(v, {
+                ${t} {
+                    ${h(v, {
                 colors: m,
                 rawColors: C,
-                textPresets: D,
+                textPresets: y,
                 borderRadii: (_e_skin_borderRadii = e.skin.borderRadii) !== null && _e_skin_borderRadii !== void 0 ? _e_skin_borderRadii : P
             })}
                 }
                 @media ${Z} {
-                    ${o} {
-                        ${g(v.textPresets, I)}
+                    ${t} {
+                        ${h(v.textPresets, D)}
                     }
                 }
-                ${h}
+                ${g}
             `
         });
     };
@@ -222,13 +222,13 @@ const re = "(prefers-color-scheme: dark)", te = ()=>{
                 children: /* @__PURE__ */ s(G, {
                     children: /* @__PURE__ */ s(W, {
                         children: /* @__PURE__ */ s(A.Provider, {
-                            value: u,
+                            value: p,
                             children: /* @__PURE__ */ s(Q, {
-                                eventFormat: u.analytics.eventFormat,
+                                eventFormat: p.analytics.eventFormat,
                                 children: /* @__PURE__ */ s(K, {
                                     children: /* @__PURE__ */ s(q, {
                                         children: /* @__PURE__ */ s(F, {
-                                            children: /* @__PURE__ */ s(y, {
+                                            children: /* @__PURE__ */ s(I, {
                                                 children: /* @__PURE__ */ s(Y, {
                                                     children: i ? /* @__PURE__ */ b(x, {
                                                         children: [
@@ -237,7 +237,7 @@ const re = "(prefers-color-scheme: dark)", te = ()=>{
                                                                 style: {
                                                                     isolation: "isolate"
                                                                 },
-                                                                className: t ? void 0 : T
+                                                                className: o ? void 0 : T
                                                             }, c)
                                                         ]
                                                     }) : /* @__PURE__ */ b(x, {

package/dist-es/theme-context.css-mistica.js

@@ -1,3 +1,3 @@
 import "./theme-context.css.ts.vanilla.css-mistica.js";
-var a = "v16_37_5_pa0wjc0";
+var a = "v16_38_pa0wjc0";
 export { a as themeVars };

package/dist-es/timeline.css-mistica.js

@@ -1,14 +1,14 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./timeline.css.ts.vanilla.css-mistica.js";
-var t = "v16_37_5_w6pat2b", a = "v16_37_5_w6pat2d v16_37_5_1y2v1nfkp v16_37_5_1y2v1nfl5 v16_37_5_1y2v1nfmc v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nf4u", e = "v16_37_5_w6pat25 v16_37_5_1y2v1nfke v16_37_5_1y2v1nfm5 v16_37_5_1y2v1nfb3", n = {
-    default: "v16_37_5_w6pat2g v16_37_5_w6pat2f v16_37_5_1y2v1nfke",
-    inverse: "v16_37_5_w6pat2h v16_37_5_w6pat2f v16_37_5_1y2v1nfke"
-}, f = "v16_37_5_w6pat2a v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7", i = {
-    vertical: "v16_37_5_w6pat20",
-    horizontal: "v16_37_5_w6pat21"
-}, p = "v16_37_5_w6pat23 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk5", r = {
-    active: "v16_37_5_w6pat26",
-    inactive: "v16_37_5_w6pat27",
-    completed: "v16_37_5_w6pat28"
+var t = "v16_38_w6pat2b", a = "v16_38_w6pat2d v16_38_1y2v1nfkp v16_38_1y2v1nfl5 v16_38_1y2v1nfmc v16_38_1y2v1nfjs v16_38_1y2v1nfk7 v16_38_1y2v1nfk1 v16_38_1y2v1nf4u", e = "v16_38_w6pat25 v16_38_1y2v1nfke v16_38_1y2v1nfm5 v16_38_1y2v1nfb3", n = {
+    default: "v16_38_w6pat2g v16_38_w6pat2f v16_38_1y2v1nfke",
+    inverse: "v16_38_w6pat2h v16_38_w6pat2f v16_38_1y2v1nfke"
+}, f = "v16_38_w6pat2a v16_38_1y2v1nfjs v16_38_1y2v1nfk7", i = {
+    vertical: "v16_38_w6pat20",
+    horizontal: "v16_38_w6pat21"
+}, p = "v16_38_w6pat23 v16_38_1y2v1nfjs v16_38_1y2v1nfk5", r = {
+    active: "v16_38_w6pat26",
+    inactive: "v16_38_w6pat27",
+    completed: "v16_38_w6pat28"
 };
 export { t as asset, a as assetNumberContainer, e as itemContent, n as line, f as lineContainer, i as timeline, p as timelineItem, r as timelineItemState };

package/dist-es/timer.css-mistica.js

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./timer.css.ts.vanilla.css-mistica.js";
-var y = "v16_37_5_18fye848", f = {
-    default: "v16_37_5_18fye84a v16_37_5_1y2v1nfc9 v16_37_5_1y2v1nfdi v16_37_5_1y2v1nf9u v16_37_5_1y2v1nfb3 v16_37_5_1y2v1nfmk v16_37_5_1y2v1nf8c",
-    inverse: "v16_37_5_18fye84a v16_37_5_1y2v1nfc9 v16_37_5_1y2v1nfdi v16_37_5_1y2v1nf9u v16_37_5_1y2v1nfb3 v16_37_5_1y2v1nfmk v16_37_5_1y2v1nf4u",
-    alternative: "v16_37_5_18fye84a v16_37_5_1y2v1nfc9 v16_37_5_1y2v1nfdi v16_37_5_1y2v1nf9u v16_37_5_1y2v1nfb3 v16_37_5_1y2v1nfmk v16_37_5_1y2v1nf4u",
-    media: "v16_37_5_18fye84a v16_37_5_1y2v1nfc9 v16_37_5_1y2v1nfdi v16_37_5_1y2v1nf9u v16_37_5_1y2v1nfb3 v16_37_5_1y2v1nfmk v16_37_5_18fye84e"
-}, n = "v16_37_5_18fye841", e = "v16_37_5_18fye841 v16_37_5_1y2v1nfjw", a = "v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjy v16_37_5_1y2v1nfk7", r = "v16_37_5_1y2v1nfjw", i = "v16_37_5_18fye841 v16_37_5_1y2v1nfjt v16_37_5_1y2v1nfk1";
+var y = "v16_38_18fye848", f = {
+    default: "v16_38_18fye84a v16_38_1y2v1nfc9 v16_38_1y2v1nfdi v16_38_1y2v1nf9u v16_38_1y2v1nfb3 v16_38_1y2v1nfmk v16_38_1y2v1nf8c",
+    inverse: "v16_38_18fye84a v16_38_1y2v1nfc9 v16_38_1y2v1nfdi v16_38_1y2v1nf9u v16_38_1y2v1nfb3 v16_38_1y2v1nfmk v16_38_1y2v1nf4u",
+    alternative: "v16_38_18fye84a v16_38_1y2v1nfc9 v16_38_1y2v1nfdi v16_38_1y2v1nf9u v16_38_1y2v1nfb3 v16_38_1y2v1nfmk v16_38_1y2v1nf4u",
+    media: "v16_38_18fye84a v16_38_1y2v1nfc9 v16_38_1y2v1nfdi v16_38_1y2v1nf9u v16_38_1y2v1nfb3 v16_38_1y2v1nfmk v16_38_18fye84e"
+}, n = "v16_38_18fye841", e = "v16_38_18fye841 v16_38_1y2v1nfjw", a = "v16_38_1y2v1nfjs v16_38_1y2v1nfjy v16_38_1y2v1nfk7", r = "v16_38_1y2v1nfjw", i = "v16_38_18fye841 v16_38_1y2v1nfjt v16_38_1y2v1nfk1";
 export { y as boxedTimerDisplayValue, f as boxedTimerValueContainer, n as inlineText, e as shortLabelText, a as timerDisplayValue, r as timerWrapper, i as unitContainer };

package/dist-es/tooltip.css-mistica.js

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./tooltip.css.ts.vanilla.css-mistica.js";
-var n = 40, t = "v16_37_5_1xhatbpb v16_37_5_1y2v1nfkl v16_37_5_1y2v1nfl1 v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nf4u", a = "v16_37_5_1xhatbp9 v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfkn v16_37_5_1y2v1nfmu", o = "v16_37_5_1xhatbpd v16_37_5_1y2v1nfjn", r = "v16_37_5_1xhatbp1 v16_37_5_1y2v1nfjn", y = "v16_37_5_1xhatbp6", e = "v16_37_5_1xhatbp5 v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfmu", f = "v16_37_5_1xhatbp3 v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfmm v16_37_5_1y2v1nf4u", i = "v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjy v16_37_5_1y2v1nfk7", p = {
+var n = 40, t = "v16_38_1xhatbpb v16_38_1y2v1nfkl v16_38_1y2v1nfl1 v16_38_1y2v1nfjn v16_38_1y2v1nfn0 v16_38_1y2v1nf4u", a = "v16_38_1xhatbp9 v16_38_1y2v1nfjn v16_38_1y2v1nfkn v16_38_1y2v1nfmu", o = "v16_38_1xhatbpd v16_38_1y2v1nfjn", r = "v16_38_1xhatbp1 v16_38_1y2v1nfjn", y = "v16_38_1xhatbp6", e = "v16_38_1xhatbp5 v16_38_1y2v1nfjm v16_38_1y2v1nfmu", f = "v16_38_1xhatbp3 v16_38_1y2v1nfjm v16_38_1y2v1nfmm v16_38_1y2v1nf4u", i = "v16_38_1y2v1nfjs v16_38_1y2v1nfjy v16_38_1y2v1nfk7", p = {
     entering: {
         opacity: 1
     },

package/dist-es/touchable.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./touchable.css.ts.vanilla.css-mistica.js";
-var n = "v16_37_5_mhti6u2 v16_37_5_1y2v1nfmt", f = "v16_37_5_mhti6u0", t = "v16_37_5_mhti6u5", y = "v16_37_5_mhti6u2 v16_37_5_1y2v1nfmt v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfju v16_37_5_1y2v1nfma v16_37_5_1y2v1nfkf v16_37_5_1y2v1nf4r v16_37_5_1y2v1nf9k v16_37_5_1y2v1nfmv";
+var n = "v16_38_mhti6u2 v16_38_1y2v1nfmt", f = "v16_38_mhti6u0", t = "v16_38_mhti6u5", y = "v16_38_mhti6u2 v16_38_1y2v1nfmt v16_38_1y2v1nf9l v16_38_1y2v1nfau v16_38_1y2v1nfc3 v16_38_1y2v1nfdc v16_38_1y2v1nfju v16_38_1y2v1nfma v16_38_1y2v1nfkf v16_38_1y2v1nf4r v16_38_1y2v1nf9k v16_38_1y2v1nfmv";
 export { n as base, f as marginReset, t as notTouchable, y as touchable };

package/dist-es/utils/aspect-ratio-support.css-mistica.js

@@ -1,6 +1,6 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "./aspect-ratio-support.css.ts.vanilla.css-mistica.js";
-var r = "v16_37_5_yqswj62", n = "v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfkw v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nfnf", a = {
-    aspectRatio: "var(--v16_37_5_yqswj60)"
-}, f = "v16_37_5_1y2v1nfmu v16_37_5_1y2v1nfm7 v16_37_5_1y2v1nfm8 v16_37_5_1y2v1nfjm";
+var r = "v16_38_yqswj62", n = "v16_38_1y2v1nfkf v16_38_1y2v1nfkw v16_38_1y2v1nfn0 v16_38_1y2v1nfnf", a = {
+    aspectRatio: "var(--v16_38_yqswj60)"
+}, f = "v16_38_1y2v1nfmu v16_38_1y2v1nfm7 v16_38_1y2v1nfm8 v16_38_1y2v1nfjm";
 export { r as container, n as containerWithWrapper, a as vars, f as wrapper };

package/dist-es/video.css-mistica.js

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var v = "v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nfnf v16_37_5_1y2v1nfju v16_37_5_1y2v1nf9k v16_37_5_1y2v1nfm7 v16_37_5_1y2v1nfm8 v16_37_5_1y2v1nfoo";
-export { v as video };
+var _ = "v16_38_1y2v1nfn0 v16_38_1y2v1nfnf v16_38_1y2v1nfju v16_38_1y2v1nf9k v16_38_1y2v1nfm7 v16_38_1y2v1nfm8 v16_38_1y2v1nfoo";
+export { _ as video };

package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js

@@ -1,3 +1,3 @@
 import "./vivinho-loading-animation.css.ts.vanilla.css-mistica.js";
-var _ = "v16_37_5_1ezqdj90", a = "v16_37_5_1ezqdj91";
-export { _ as container, a as waveFadeOut };
+var a = "v16_38_1ezqdj90", r = "v16_38_1ezqdj91";
+export { a as container, r as waveFadeOut };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "16.37.5",
+    "version": "16.38.0",
     "license": "MIT",
     "repository": {
         "type": "git",