@telefonica/mistica 14.11.0 → 14.13.0

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

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) {
+function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -11,7 +11,7 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _objectSpread(target) {
+function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -21,111 +21,112 @@ function _objectSpread(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
+            _define_property(target, key, source[key]);
         });
     }
     return target;
 }
-import * as n from "react";
-import { assignInlineVars as S } from "@vanilla-extract/dynamic";
-import h from "./dialog.js";
-import y from "./screen-size-context-provider.js";
-import N from "./aria-id-getter-context.js";
-import { getTexts as O, dimensions as L, AnchorLink as w, NAVBAR_HEIGHT_MOBILE as F } from "./theme.js";
-import { getPlatform as D, isInsideNovumNativeApp as V } from "./utils/platform.js";
-import $ from "./theme-context.js";
-import { useIsomorphicLayoutEffect as j } from "./hooks.js";
-import _ from "./tab-focus.js";
-import B from "./modal-context-provider.js";
-import { DocumentVisibilityProvider as z } from "./utils/document-visibility.js";
-import { AspectRatioSupportProvider as G } from "./utils/aspect-ratio-support.js";
-import { TrackingConfig as q } from "./utils/analytics.js";
-import { vars as W } from "./skins/skin-contract.css-mistica.js";
-import { fromHexToRgb as J } from "./utils/color.js";
-import { defaultTextPresetsConfig as e, defaultBorderRadiiConfig as K } from "./skins/defaults.js";
-import { jsx as r, jsxs as Q, Fragment as U } from "./_virtual/jsx-runtime.js";
-const X = "(prefers-color-scheme: dark)", Y = ()=>{
-    const [t, c] = n.useState(!1);
-    return j(()=>{
+import { jsx as e, jsxs as E, Fragment as R } from "react/jsx-runtime";
+import * as a from "react";
+import { assignInlineVars as h } from "@vanilla-extract/dynamic";
+import A from "./dialog.js";
+import H from "./screen-size-context-provider.js";
+import S from "./aria-id-getter-context.js";
+import { getTexts as y, dimensions as N, AnchorLink as O, NAVBAR_HEIGHT_MOBILE as L } from "./theme.js";
+import { getPlatform as g, isInsideNovumNativeApp as w } from "./utils/platform.js";
+import F from "./theme-context.js";
+import { useIsomorphicLayoutEffect as $ } from "./hooks.js";
+import V from "./tab-focus.js";
+import j from "./modal-context-provider.js";
+import { DocumentVisibilityProvider as _ } from "./utils/document-visibility.js";
+import { AspectRatioSupportProvider as B } from "./utils/aspect-ratio-support.js";
+import { TrackingConfig as z } from "./utils/analytics.js";
+import { vars as G } from "./skins/skin-contract.css-mistica.js";
+import { fromHexToRgb as q } from "./utils/color.js";
+import { defaultTextPresetsConfig as r, defaultBorderRadiiConfig as W } from "./skins/defaults.js";
+const J = "(prefers-color-scheme: dark)", K = ()=>{
+    const [t, c] = a.useState(!1);
+    return $(()=>{
         if (!window.matchMedia) return;
-        const o = window.matchMedia(X), s = ()=>{
+        const o = window.matchMedia(J), s = ()=>{
             c(o.matches);
         };
         return o.addListener(s), s(), ()=>o.removeListener(s);
     }, []), t;
-}, Z = ()=>(t)=>t, tt = (t)=>({
-        headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? F : t == null ? void 0 : t.headerMobileHeight
-    }), bt = (param)=>{
+}, Q = ()=>(t)=>t, U = (t)=>({
+        headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? L : t == null ? void 0 : t.headerMobileHeight
+    }), X = (param)=>{
     let { theme: t , children: c , as: o  } = param;
-    var b, P;
-    const s = n.useRef(1), I = n.useCallback(()=>`aria-id-hook-${s.current++}`, []), E = Y(), u = (b = t.colorScheme) != null ? b : "auto", R = t.skin.colors, A = _objectSpread({}, t.skin.colors, t.skin.darkModeColors), x = u === "auto" && E || u === "dark", p = x ? A : R, k = n.useMemo(()=>{
-        var i, a, d, f, m, g, M, T, C;
-        const l = _objectSpread({
-            platform: D(),
-            insideNovumNativeApp: V()
+    var _t_colorScheme, _t_skin_borderRadii;
+    const s = a.useRef(1), M = a.useCallback(()=>`aria-id-hook-${s.current++}`, []), T = K(), u = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", C = t.skin.colors, D = _object_spread({}, t.skin.colors, t.skin.darkModeColors), f = u === "auto" && T || u === "dark", p = f ? D : C, k = a.useMemo(()=>{
+        var i, n, l, m, x, P, b;
+        const d = _object_spread({
+            platform: g(),
+            insideNovumNativeApp: w()
         }, t.platformOverrides);
+        var _t_Link, _t_useHrefDecorator;
         return {
             skinName: t.skin.name,
             i18n: t.i18n,
-            platformOverrides: l,
-            texts: _objectSpread({}, O(t.i18n.locale), t.texts),
-            analytics: _objectSpread({
+            platformOverrides: d,
+            texts: _object_spread({}, y(t.i18n.locale), t.texts),
+            analytics: _object_spread({
                 logEvent: ()=>Promise.resolve(),
                 eventFormat: "universal-analytics"
             }, t.analytics),
-            dimensions: _objectSpread({}, L, tt(t.dimensions)),
+            dimensions: _object_spread({}, N, U(t.dimensions)),
             textPresets: {
-                text5: _objectSpread({}, e.text5, (i = t.skin.textPresets) == null ? void 0 : i.text5),
-                text6: _objectSpread({}, e.text6, (a = t.skin.textPresets) == null ? void 0 : a.text6),
-                text7: _objectSpread({}, e.text7, (d = t.skin.textPresets) == null ? void 0 : d.text7),
-                text8: _objectSpread({}, e.text8, (f = t.skin.textPresets) == null ? void 0 : f.text8),
-                text9: _objectSpread({}, e.text9, (m = t.skin.textPresets) == null ? void 0 : m.text9),
-                text10: _objectSpread({}, e.text10, (g = t.skin.textPresets) == null ? void 0 : g.text10),
-                cardTitle: _objectSpread({}, e.cardTitle, (M = t.skin.textPresets) == null ? void 0 : M.cardTitle)
+                text5: _object_spread({}, r.text5, (i = t.skin.textPresets) == null ? void 0 : i.text5),
+                text6: _object_spread({}, r.text6, (n = t.skin.textPresets) == null ? void 0 : n.text6),
+                text7: _object_spread({}, r.text7, (l = t.skin.textPresets) == null ? void 0 : l.text7),
+                text8: _object_spread({}, r.text8, (m = t.skin.textPresets) == null ? void 0 : m.text8),
+                text9: _object_spread({}, r.text9, (x = t.skin.textPresets) == null ? void 0 : x.text9),
+                text10: _object_spread({}, r.text10, (P = t.skin.textPresets) == null ? void 0 : P.text10),
+                cardTitle: _object_spread({}, r.cardTitle, (b = t.skin.textPresets) == null ? void 0 : b.cardTitle)
             },
-            Link: (T = t.Link) != null ? T : w,
-            isDarkMode: x,
-            isIos: D(l) === "ios",
-            useHrefDecorator: (C = t.useHrefDecorator) != null ? C : Z,
+            Link: (_t_Link = t.Link) !== null && _t_Link !== void 0 ? _t_Link : O,
+            isDarkMode: f,
+            isIos: g(d) === "ios",
+            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : Q,
             useId: t.useId
         };
     }, [
         t,
-        x
-    ]), H = Object.fromEntries(Object.entries(p).map((param)=>{
-        let [l, i] = param;
-        let a = "";
+        f
+    ]), I = Object.fromEntries(Object.entries(p).map((param)=>{
+        let [d, i] = param;
+        let n = "";
         if (i.startsWith("#")) {
-            const [d, f, m] = J(i);
-            a = `${d}, ${f}, ${m}`;
+            const [l, m, x] = q(i);
+            n = `${l}, ${m}, ${x}`;
         }
         return [
-            l,
-            a
+            d,
+            n
         ];
-    })), v = S(W, {
+    })), v = h(G, {
         colors: p,
-        rawColors: H,
-        borderRadii: (P = t.skin.borderRadii) != null ? P : K
+        rawColors: I,
+        borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : W
     });
-    return /* @__PURE__ */ r(_, {
+    return /* @__PURE__ */ e(V, {
         disabled: !t.enableTabFocus,
-        children: /* @__PURE__ */ r(B, {
-            children: /* @__PURE__ */ r($.Provider, {
+        children: /* @__PURE__ */ e(j, {
+            children: /* @__PURE__ */ e(F.Provider, {
                 value: k,
-                children: /* @__PURE__ */ r(q, {
+                children: /* @__PURE__ */ e(z, {
                     eventFormat: k.analytics.eventFormat,
-                    children: /* @__PURE__ */ r(G, {
-                        children: /* @__PURE__ */ r(z, {
-                            children: /* @__PURE__ */ r(N.Provider, {
-                                value: I,
-                                children: /* @__PURE__ */ r(y, {
-                                    children: /* @__PURE__ */ r(h, {
-                                        children: o ? /*#__PURE__*/ n.createElement(o, {
+                    children: /* @__PURE__ */ e(B, {
+                        children: /* @__PURE__ */ e(_, {
+                            children: /* @__PURE__ */ e(S.Provider, {
+                                value: M,
+                                children: /* @__PURE__ */ e(H, {
+                                    children: /* @__PURE__ */ e(A, {
+                                        children: o ? /*#__PURE__*/ a.createElement(o, {
                                             style: v
-                                        }, c) : /* @__PURE__ */ Q(U, {
+                                        }, c) : /* @__PURE__ */ E(R, {
                                             children: [
-                                                (process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ r("style", {
+                                                (process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ e("style", {
                                                     children: `:root {${v}}`
                                                 }),
                                                 c
@@ -140,5 +141,5 @@ const X = "(prefers-color-scheme: dark)", Y = ()=>{
             })
         })
     });
-};
-export { bt as default, Y as useIsOsDarkModeEnabled };
+}, pt = X;
+export { pt as default, K as useIsOsDarkModeEnabled };

package/dist-es/theme-context.js

@@ -1,3 +1,3 @@
 import * as t from "react";
-const e = /*#__PURE__*/ t.createContext(null);
-export { e as default };
+const e = /*#__PURE__*/ t.createContext(null), o = e;
+export { o as default };

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

@@ -1,10 +1,10 @@
-import * as t from "react";
-import { jsx as n } from "./_virtual/jsx-runtime.js";
-const o = /*#__PURE__*/ t.createContext("default"), c = (param)=>/* @__PURE__ */ {
-    let { isInverse: s , variant: e , children: r  } = param;
-    return n(o.Provider, {
-        value: e != null ? e : s ? "inverse" : "default",
-        children: r
+import { jsx as o } from "react/jsx-runtime";
+import * as e from "react";
+const t = /*#__PURE__*/ e.createContext("default"), m = (param)=>/* @__PURE__ */ {
+    let { isInverse: r , variant: a , children: n  } = param;
+    return o(t.Provider, {
+        value: a !== null && a !== void 0 ? a : r ? "inverse" : "default",
+        children: n
     });
-}, m = ()=>t.useContext(o), u = ()=>m() === "inverse";
-export { c as ThemeVariant, u as useIsInverseVariant, m as useThemeVariant };
+}, s = ()=>e.useContext(t), c = ()=>s() === "inverse";
+export { m as ThemeVariant, c as useIsInverseVariant, s as useThemeVariant };

package/dist-es/theme.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) {
+function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -11,7 +11,7 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _objectSpread(target) {
+function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -21,7 +21,7 @@ function _objectSpread(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
+            _define_property(target, key, source[key]);
         });
     }
     return target;
@@ -39,7 +39,7 @@ function ownKeys(object, enumerableOnly) {
     }
     return keys;
 }
-function _objectSpreadProps(target, source) {
+function _object_spread_props(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
@@ -50,9 +50,9 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-function _objectWithoutProperties(source, excluded) {
+function _object_without_properties(source, excluded) {
     if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var target = _object_without_properties_loose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -65,7 +65,7 @@ function _objectWithoutProperties(source, excluded) {
     }
     return target;
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
+function _object_without_properties_loose(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -77,7 +77,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { jsx as i } from "./_virtual/jsx-runtime.js";
+import { jsx as i } from "react/jsx-runtime";
 const t = {
     expirationDatePlaceholder: "MM/AA",
     togglePasswordVisibilityLabel: "Mostrar u ocultar contrase\xf1a",
@@ -202,7 +202,7 @@ const t = {
     clearButton: "Apagar",
     carouselNextButton: "pr\xf3ximo",
     carouselPrevButton: "anterior"
-}, c = (r)=>{
+}, C = (r)=>{
     switch(r.toLocaleLowerCase().split(/[-_]/)[0]){
         case "es":
             return t;
@@ -219,15 +219,15 @@ const t = {
     headerMobileHeight: d,
     headerDesktopHeight: s
 }, u = (_param)=>/* @__PURE__ */ {
-    var { to: r , innerRef: e  } = _param, a = _objectWithoutProperties(_param, [
+    var { to: r , innerRef: e  } = _param, a = _object_without_properties(_param, [
         "to",
         "innerRef"
     ]);
-    return i("a", _objectSpreadProps(_objectSpread({
+    return i("a", _object_spread_props(_object_spread({
         ref: e,
         href: typeof r == "string" ? r : r == null ? void 0 : r.pathname
     }, a), {
         children: a.children
     }));
 };
-export { u as AnchorLink, s as NAVBAR_HEIGHT_DESKTOP, d as NAVBAR_HEIGHT_MOBILE, m as dimensions, c as getTexts };
+export { u as AnchorLink, s as NAVBAR_HEIGHT_DESKTOP, d as NAVBAR_HEIGHT_MOBILE, m as dimensions, C as getTexts };

package/dist-es/title.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) {
+function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -11,7 +11,7 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _objectSpread(target) {
+function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -21,26 +21,26 @@ function _objectSpread(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
+            _define_property(target, key, source[key]);
         });
     }
     return target;
 }
-import { Text1 as m, Text5 as l, Text2 as s } from "./text.js";
-import c from "./inline.js";
-import p from "./box.js";
-import { vars as u } from "./skins/skin-contract.css-mistica.js";
-import { jsx as r, jsxs as d } from "./_virtual/jsx-runtime.js";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { Text1 as l, Text5 as s, Text2 as c } from "./text.js";
+import p from "./inline.js";
+import u from "./box.js";
+import { vars as d } from "./skins/skin-contract.css-mistica.js";
 const a = (param)=>{
     let { title: e , right: t  } = param;
-    return t ? /* @__PURE__ */ d(c, {
+    return t ? /* @__PURE__ */ m(p, {
         space: "between",
         alignItems: "baseline",
         children: [
             e,
-            /* @__PURE__ */ r(p, {
+            /* @__PURE__ */ r(u, {
                 paddingLeft: 16,
-                children: /* @__PURE__ */ r(s, {
+                children: /* @__PURE__ */ r(c, {
                     regular: !0,
                     children: t
                 })
@@ -50,13 +50,13 @@ const a = (param)=>{
 }, g = (param)=>/* @__PURE__ */ {
     let { children: e , as: t = "h3" , id: o , right: n , dataAttributes: i  } = param;
     return r(a, {
-        title: /* @__PURE__ */ r(m, {
-            color: u.colors.textSecondary,
+        title: /* @__PURE__ */ r(l, {
+            color: d.colors.textSecondary,
             transform: "uppercase",
             medium: !0,
             as: t,
             id: o,
-            dataAttributes: _objectSpread({
+            dataAttributes: _object_spread({
                 "component-name": "Title1"
             }, i),
             wordBreak: !1,
@@ -67,10 +67,10 @@ const a = (param)=>{
 }, j = (param)=>/* @__PURE__ */ {
     let { children: e , as: t = "h3" , id: o , right: n , dataAttributes: i  } = param;
     return r(a, {
-        title: /* @__PURE__ */ r(l, {
+        title: /* @__PURE__ */ r(s, {
             as: t,
             id: o,
-            dataAttributes: _objectSpread({
+            dataAttributes: _object_spread({
                 "component-name": "Title2"
             }, i),
             children: e

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

@@ -1,5 +1,5 @@
-import "./sprinkles.css.ts.vanilla.js";
-import "./tooltip.css.ts.vanilla.js";
+import "./sprinkles.css.ts.vanilla.css-mistica.js";
+import "./tooltip.css.ts.vanilla.css-mistica.js";
 var v = "_1xhatbpb _1y2v1nf60 _1y2v1nfam _1y2v1nf8h _1y2v1nf8w _1y2v1nfa4 _1y2v1nf31 _1y2v1nfa1", t = "_1xhatbpe", _ = "_1xhatbpf", n = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf60 _1y2v1nf8j _1y2v1nf8w _1y2v1nfak _1y2v1nf2", p = "_1xhatbpj _1y2v1nf6u _1y2v1nf78 _1y2v1nf7m _1y2v1nf80 _1y2v1nf60 _1y2v1nfb5 _1y2v1nf8c _1y2v1nfad _1y2v1nfa1", o = "_1xhatbpk", h = "_1xhatbpl", x = "_1xhatbpm", y = "_1xhatbpn", b = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", w = "_1xhatbp8", s = {
     shadowAlpha: "var(--_1xhatbp0)",
     enterTransform: "var(--_1xhatbp1)",