@telefonica/mistica 14.34.0 → 14.35.0

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

@@ -31,42 +31,43 @@ import { jsx as r, jsxs as O, Fragment as H } from "react/jsx-runtime";
 import * as a from "react";
 import { assignInlineVars as y } from "@vanilla-extract/dynamic";
 import V from "./dialog.js";
-import B from "./screen-size-context-provider.js";
-import F from "./aria-id-getter-context.js";
-import { getTexts as $, dimensions as h, getMisticaLinkComponent as j, NAVBAR_HEIGHT_MOBILE as G } from "./theme.js";
+import h from "./screen-size-context-provider.js";
+import B from "./aria-id-getter-context.js";
+import { getTexts as F, dimensions as $, getMisticaLinkComponent as j, NAVBAR_HEIGHT_MOBILE as G } from "./theme.js";
 import { getPlatform as w, isInsideNovumNativeApp as z } from "./utils/platform.js";
 import q from "./theme-context.js";
 import { useIsomorphicLayoutEffect as K } from "./hooks.js";
 import W from "./tab-focus.js";
 import J from "./modal-context-provider.js";
-import { DocumentVisibilityProvider as Q } from "./utils/document-visibility.js";
-import { AspectRatioSupportProvider as U } from "./utils/aspect-ratio-support.js";
-import { TrackingConfig as X } from "./utils/analytics.js";
-import { vars as Y } from "./skins/skin-contract.css-mistica.js";
-import { fromHexToRgb as Z } from "./utils/color.js";
-import { defaultTextPresetsConfig as e, defaultBorderRadiiConfig as tt } from "./skins/defaults.js";
-import { isClientSide as et } from "./utils/environment.js";
+import Q from "./tooltip-context-provider.js";
+import { DocumentVisibilityProvider as U } from "./utils/document-visibility.js";
+import { AspectRatioSupportProvider as X } from "./utils/aspect-ratio-support.js";
+import { TrackingConfig as Y } from "./utils/analytics.js";
+import { vars as Z } from "./skins/skin-contract.css-mistica.js";
+import { fromHexToRgb as tt } from "./utils/color.js";
+import { defaultTextPresetsConfig as e, defaultBorderRadiiConfig as et } from "./skins/defaults.js";
+import { isClientSide as rt } from "./utils/environment.js";
 import { PACKAGE_VERSION as I } from "./package-version.js";
-if (process.env.NODE_ENV !== "production" && et()) {
+if (process.env.NODE_ENV !== "production" && rt()) {
     if (window.__mistica_version__ && window.__mistica_version__ !== I) throw new Error("There is more than one version of @telefonica/mistica running on the same page");
     window.__mistica_version__ = I;
 }
-const rt = "(prefers-color-scheme: dark)", ot = ()=>{
+const ot = "(prefers-color-scheme: dark)", it = ()=>{
     const [t, c] = a.useState(!1);
     return K(()=>{
         if (!window.matchMedia) return;
-        const o = window.matchMedia(rt), i = ()=>{
+        const o = window.matchMedia(ot), i = ()=>{
             c(o.matches);
         };
         return o.addListener(i), i(), ()=>o.removeListener(i);
     }, []), t;
-}, it = ()=>(t)=>t, st = (t)=>({
+}, st = ()=>(t)=>t, nt = (t)=>({
         headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? G : t == null ? void 0 : t.headerMobileHeight
-    }), nt = (param)=>{
+    }), at = (param)=>{
     let { theme: t, children: c, as: o } = param;
     var _t_colorScheme, _t_skin_borderRadii;
-    const i = a.useRef(1), N = a.useCallback(()=>`aria-id-hook-${i.current++}`, []), R = ot(), u = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", S = t.skin.colors, A = _object_spread({}, t.skin.colors, t.skin.darkModeColors), m = u === "auto" && R || u === "dark", k = m ? A : S, p = a.useMemo(()=>{
-        var s, n, d, x, f, b, P, g, _, C, M, E, T, D;
+    const i = a.useRef(1), N = a.useCallback(()=>`aria-id-hook-${i.current++}`, []), R = it(), p = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", S = t.skin.colors, A = _object_spread({}, t.skin.colors, t.skin.darkModeColors), m = p === "auto" && R || p === "dark", u = m ? A : S, k = a.useMemo(()=>{
+        var s, n, d, x, f, P, b, g, _, C, M, T, E, D;
         const l = _object_spread({
             platform: w(),
             insideNovumNativeApp: z()
@@ -76,75 +77,77 @@ const rt = "(prefers-color-scheme: dark)", ot = ()=>{
             skinName: t.skin.name,
             i18n: t.i18n,
             platformOverrides: l,
-            texts: _object_spread({}, $(t.i18n.locale), t.texts),
+            texts: _object_spread({}, F(t.i18n.locale), t.texts),
             analytics: _object_spread({
                 logEvent: ()=>Promise.resolve(),
                 eventFormat: "universal-analytics"
             }, t.analytics),
-            dimensions: _object_spread({}, h, st(t.dimensions)),
+            dimensions: _object_spread({}, $, nt(t.dimensions)),
             textPresets: {
                 text5: _object_spread({}, e.text5, (s = t.skin.textPresets) == null ? void 0 : s.text5),
                 text6: _object_spread({}, e.text6, (n = t.skin.textPresets) == null ? void 0 : n.text6),
                 text7: _object_spread({}, e.text7, (d = t.skin.textPresets) == null ? void 0 : d.text7),
                 text8: _object_spread({}, e.text8, (x = t.skin.textPresets) == null ? void 0 : x.text8),
                 text9: _object_spread({}, e.text9, (f = t.skin.textPresets) == null ? void 0 : f.text9),
-                text10: _object_spread({}, e.text10, (b = t.skin.textPresets) == null ? void 0 : b.text10),
-                cardTitle: _object_spread({}, e.cardTitle, (P = t.skin.textPresets) == null ? void 0 : P.cardTitle),
+                text10: _object_spread({}, e.text10, (P = t.skin.textPresets) == null ? void 0 : P.text10),
+                cardTitle: _object_spread({}, e.cardTitle, (b = t.skin.textPresets) == null ? void 0 : b.cardTitle),
                 button: _object_spread({}, e.button, (g = t.skin.textPresets) == null ? void 0 : g.button),
                 link: _object_spread({}, e.link, (_ = t.skin.textPresets) == null ? void 0 : _.link),
                 title1: _object_spread({}, e.title1, (C = t.skin.textPresets) == null ? void 0 : C.title1),
                 title2: _object_spread({}, e.title2, (M = t.skin.textPresets) == null ? void 0 : M.title2),
-                navigationBar: _object_spread({}, e.navigationBar, (E = t.skin.textPresets) == null ? void 0 : E.navigationBar),
-                indicator: _object_spread({}, e.indicator, (T = t.skin.textPresets) == null ? void 0 : T.indicator),
+                navigationBar: _object_spread({}, e.navigationBar, (T = t.skin.textPresets) == null ? void 0 : T.navigationBar),
+                indicator: _object_spread({}, e.indicator, (E = t.skin.textPresets) == null ? void 0 : E.indicator),
                 tabsLabel: _object_spread({}, e.tabsLabel, (D = t.skin.textPresets) == null ? void 0 : D.tabsLabel)
             },
             Link: j(t.Link),
             isDarkMode: m,
             isIos: w(l) === "ios",
-            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : it,
+            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : st,
             useId: t.useId
         };
     }, [
         t,
         m
-    ]), L = Object.fromEntries(Object.entries(k).map((param)=>{
+    ]), L = Object.fromEntries(Object.entries(u).map((param)=>{
         let [l, s] = param;
         let n = "";
         if (s.startsWith("#")) {
-            const [d, x, f] = Z(s);
+            const [d, x, f] = tt(s);
             n = `${d}, ${x}, ${f}`;
         }
         return [
             l,
             n
         ];
-    })), v = y(Y, {
-        colors: k,
+    })), v = y(Z, {
+        colors: u,
         rawColors: L,
-        borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : tt
+        borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : et
     });
     return /* @__PURE__ */ r(W, {
         disabled: !t.enableTabFocus,
         children: /* @__PURE__ */ r(J, {
-            children: /* @__PURE__ */ r(q.Provider, {
-                value: p,
-                children: /* @__PURE__ */ r(X, {
-                    eventFormat: p.analytics.eventFormat,
-                    children: /* @__PURE__ */ r(U, {
-                        children: /* @__PURE__ */ r(Q, {
-                            children: /* @__PURE__ */ r(F.Provider, {
-                                value: N,
-                                children: /* @__PURE__ */ r(B, {
-                                    children: /* @__PURE__ */ r(V, {
-                                        children: o ? /*#__PURE__*/ a.createElement(o, {
-                                            style: v
-                                        }, c) : /* @__PURE__ */ O(H, {
-                                            children: [
-                                                (process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ r("style", {
-                                                    children: `:root {${v}}`
-                                                }),
-                                                c
-                                            ]
+            children: /* @__PURE__ */ r(Q, {
+                children: /* @__PURE__ */ r(q.Provider, {
+                    value: k,
+                    children: /* @__PURE__ */ r(Y, {
+                        eventFormat: k.analytics.eventFormat,
+                        children: /* @__PURE__ */ r(X, {
+                            children: /* @__PURE__ */ r(U, {
+                                children: /* @__PURE__ */ r(B.Provider, {
+                                    value: N,
+                                    children: /* @__PURE__ */ r(h, {
+                                        children: /* @__PURE__ */ r(V, {
+                                            children: o ? /*#__PURE__*/ a.createElement(o, {
+                                                style: v
+                                            }, c) : /* @__PURE__ */ O(H, {
+                                                children: [
+                                                    (process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ r("style", {
+                                                        children: `:root {${v}}`
+                                                    }),
+                                                    c
+                                                ]
+                                            })
                                         })
                                     })
                                 })
@@ -155,5 +158,5 @@ const rt = "(prefers-color-scheme: dark)", ot = ()=>{
             })
         })
     });
-}, Dt = nt;
-export { Dt as default, ot as useIsOsDarkModeEnabled };
+}, It = at;
+export { It as default, it as useIsOsDarkModeEnabled };

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

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import * as t from "react";
+const r = /*#__PURE__*/ t.createContext({
+    openTooltipId: null
+}), s = /*#__PURE__*/ t.createContext({
+    openTooltip: ()=>{},
+    closeTooltip: ()=>{}
+}), a = (param)=>{
+    let { children: c } = param;
+    const [p, n] = t.useState(null), e = t.useRef(null), i = t.useCallback((o)=>{
+        e.current = o, n(o);
+    }, []), u = t.useCallback((o)=>{
+        e.current === o && (e.current = null, n(null));
+    }, []);
+    return /* @__PURE__ */ l(r.Provider, {
+        value: {
+            openTooltipId: p
+        },
+        children: /* @__PURE__ */ l(s.Provider, {
+            value: {
+                openTooltip: i,
+                closeTooltip: u
+            },
+            children: c
+        })
+    });
+}, x = ()=>t.useContext(r), C = ()=>t.useContext(s), d = a;
+export { d as default, C as useSetTooltipState, x as useTooltipState };

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

@@ -1,11 +1,18 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./tooltip.css.ts.vanilla.css-mistica.js";
-var v = "_1xhatbpb _1y2v1nfb5 _1y2v1nfeg _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdu _1y2v1nf33 _1y2v1nfdr", t = "_1xhatbpe", _ = "_1xhatbpf", e = "_1xhatbpd", n = "_1xhatbpc", f = "_1y2v1nfb5 _1y2v1nfc6 _1y2v1nfcj _1y2v1nfea _1y2v1nf2", p = "_1xhatbpj _1y2v1nf6c _1y2v1nf7l _1y2v1nf8u _1y2v1nfa3 _1y2v1nfb5 _1y2v1nff0 _1y2v1nfby _1y2v1nfe3 _1y2v1nfdr", b = "_1xhatbpm", x = "_1xhatbpn", o = "_1xhatbpo", h = "_1xhatbpp", y = "_1xhatbpq", i = "_1xhatbp6", m = "_1xhatbp7", c = "_1xhatbp8", w = "_1xhatbpk", d = "_1xhatbpl", s = {
-    shadowAlpha: "var(--_1xhatbp0)",
-    enterTransform: "var(--_1xhatbp1)",
-    enterDoneTransform: "var(--_1xhatbp2)",
-    exitTransform: "var(--_1xhatbp3)",
-    enterActiveAnimationName: "var(--_1xhatbp4)",
-    arrowBoxShadow: "var(--_1xhatbp5)"
-}, A = "_1y2v1nfbb";
-export { v as arrow, t as arrowBottom, _ as arrowLeft, e as arrowRight, n as arrowTop, f as arrowWrapper, p as container, b as enter, x as enterActive, o as enterDone, h as exit, y as exitActive, i as fadeInBottomKeyframes, m as fadeInTopKeyframes, c as fadeInXKeyframes, w as textAlign, d as textCenter, s as vars, A as wrapper };
+var v = "_1xhatbpa _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb5 _1y2v1nfeh _1y2v1nf33", a = "_1xhatbp8 _1y2v1nfb5 _1y2v1nfc5 _1y2v1nfeb", _ = "_1xhatbp1 _1y2v1nfb5", y = "_1xhatbp5 _1y2v1nfb4 _1y2v1nfd4 _1y2v1nfeb", e = "_1xhatbp3 _1y2v1nfb4 _1y2v1nfe3 _1y2v1nf33", o = "_1y2v1nfba _1y2v1nfbg _1y2v1nfbp", r = {
+    entering: {
+        opacity: 1
+    },
+    entered: {
+        opacity: 1
+    },
+    exiting: {
+        opacity: 0
+    },
+    exited: {
+        opacity: 0
+    },
+    unmounted: {}
+};
+export { v as arrow, a as arrowContainer, _ as container, y as content, e as tooltip, o as tooltipCenter, r as tooltipTransitionClasses };