@telefonica/mistica 14.6.0 → 14.7.0

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

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

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

@@ -1,10 +1,10 @@
-import * as e from "react";
-import { jsx as a } from "./_virtual/jsx-runtime.js";
-const t = /*#__PURE__*/ e.createContext(!1), n = (param)=>/* @__PURE__ */ {
-    let { isInverse: r , children: s  } = param;
-    return a(t.Provider, {
-        value: !!r,
-        children: s
+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
     });
-}, i = ()=>e.useContext(t);
-export { n as ThemeVariant, i as useIsInverseVariant };
+}, m = ()=>t.useContext(o), u = ()=>m() === "inverse";
+export { c as ThemeVariant, u as useIsInverseVariant, m as useThemeVariant };

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

@@ -1,11 +1,11 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./tooltip.css.ts.vanilla.js";
-var v = "_1xhatbpb _1y2v1nf5e _1y2v1nf9q _1y2v1nf7v _1y2v1nf8a _1y2v1nf9i _1y2v1nf2q _1y2v1nf9f", t = "_1xhatbpe", _ = "_1xhatbpf", n = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf5e _1y2v1nf7x _1y2v1nf8a _1y2v1nf9o _1y2v1nf2", p = "_1xhatbpj _1y2v1nf68 _1y2v1nf6m _1y2v1nf70 _1y2v1nf7e _1y2v1nf5e _1y2v1nfa9 _1y2v1nf7q _1y2v1nf9k _1y2v1nf9f", o = "_1xhatbpk", x = "_1xhatbpl", y = "_1xhatbpm", h = "_1xhatbpn", b = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", w = "_1xhatbp8", s = {
+var v = "_1xhatbpb _1y2v1nf5k _1y2v1nfa6 _1y2v1nf81 _1y2v1nf8g _1y2v1nf9o _1y2v1nf2t _1y2v1nf9l", t = "_1xhatbpe", _ = "_1xhatbpf", n = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf5k _1y2v1nf83 _1y2v1nf8g _1y2v1nfa4 _1y2v1nf2", p = "_1xhatbpj _1y2v1nf6e _1y2v1nf6s _1y2v1nf76 _1y2v1nf7k _1y2v1nf5k _1y2v1nfap _1y2v1nf7w _1y2v1nf9x _1y2v1nf9l", o = "_1xhatbpk", x = "_1xhatbpl", y = "_1xhatbpm", h = "_1xhatbpn", b = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", w = "_1xhatbp8", s = {
     shadowAlpha: "var(--_1xhatbp0)",
     enterTransform: "var(--_1xhatbp1)",
     enterDoneTransform: "var(--_1xhatbp2)",
     exitTransform: "var(--_1xhatbp3)",
     enterActiveAnimationName: "var(--_1xhatbp4)",
     arrowBoxShadow: "var(--_1xhatbp5)"
-}, d = "_1y2v1nf5m";
+}, d = "_1y2v1nf5s";
 export { v as arrow, t as arrowBottom, _ as arrowLeft, n as arrowRight, e as arrowTop, f as arrowWrapper, p as container, o as enter, x as enterActive, y as enterDone, h as exit, b as exitActive, m as fadeInBottomKeyframes, i as fadeInTopKeyframes, w as fadeInXKeyframes, s as vars, d as wrapper };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./touchable.css.ts.vanilla.js";
-var f = "mhti6u1 _1y2v1nf9n", y = "mhti6u4", _ = "mhti6u1 _1y2v1nf9n _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf7p _1y2v1nf2n _1y2v1nf5c _1y2v1nf9p";
+var f = "mhti6u1 _1y2v1nfa3", y = "mhti6u4", _ = "mhti6u1 _1y2v1nfa3 _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5q _1y2v1nf9m _1y2v1nf7v _1y2v1nf2q _1y2v1nf5i _1y2v1nfa5";
 export { f as base, y as notTouchable, _ as touchable };

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

@@ -1,6 +1,6 @@
 import "../sprinkles.css.ts.vanilla.js";
 import "./aspect-ratio-support.css.ts.vanilla.js";
-var a = "yqswj62", n = "_1y2v1nf7p _1y2v1nf85 _1y2v1nf9q _1y2v1nfa4", y = {
+var v = "yqswj62", n = "_1y2v1nf7v _1y2v1nf8b _1y2v1nfa6 _1y2v1nfak", y = {
     aspectRatio: "var(--yqswj60)"
-}, p = "_1y2v1nf9o _1y2v1nf9d _1y2v1nf9e _1y2v1nf5d";
-export { a as container, n as containerWithWrapper, y as vars, p as wrapper };
+}, f = "_1y2v1nfa4 _1y2v1nf9j _1y2v1nf9k _1y2v1nf5j";
+export { v as container, n as containerWithWrapper, y as vars, f as wrapper };

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.js";
-var f = "_1y2v1nf5k _1y2v1nf7p _1y2v1nf85 _1y2v1nf5c _1y2v1nf9d _1y2v1nf9e _1y2v1nfba";
+var f = "_1y2v1nf5q _1y2v1nf7v _1y2v1nf8b _1y2v1nf5i _1y2v1nf9j _1y2v1nf9k _1y2v1nfbq";
 export { f as video };

package/dist-es/video.js

@@ -77,20 +77,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import * as s from "react";
+import * as n from "react";
 import { useMediaBorderRadius as v } from "./image.js";
 import { AspectRatioElement as E } from "./utils/aspect-ratio-support.js";
 import { combineRefs as y } from "./utils/common.js";
 import { getPrefixedDataAttributes as S } from "./utils/dom.js";
 import { isSafari as I, isRunningAcceptanceTest as k } from "./utils/platform.js";
 import { video as w } from "./video.css-mistica.js";
+import { vars as C } from "./skins/skin-contract.css-mistica.js";
 import { jsx as r } from "./_virtual/jsx-runtime.js";
-const C = {
+const F = {
     "1:1": 1,
     "16:9": 16 / 9,
     "4:3": 4 / 3
-}, F = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", j = /*#__PURE__*/ s.forwardRef((_param, l)=>{
-    var { src: t , poster: i , autoPlay: o = !k() , muted: c = !0 , loop: m = !0 , preload: u = "none" , aspectRatio: A = "1:1" , dataAttributes: f  } = _param, n = _objectWithoutProperties(_param, [
+}, N = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", O = /*#__PURE__*/ n.forwardRef((_param, R)=>{
+    var { src: t , poster: i , autoPlay: o = !k() , muted: c = !0 , loop: m = !0 , preload: u = "none" , aspectRatio: A = "1:1" , dataAttributes: f  } = _param, s = _objectWithoutProperties(_param, [
         "src",
         "poster",
         "autoPlay",
@@ -100,9 +101,9 @@ const C = {
         "aspectRatio",
         "dataAttributes"
     ]);
-    const R = v(), p = typeof A == "number" ? A : C[A], d = s.useRef(null);
-    s.useEffect(()=>{
-        const e = d.current;
+    const l = v(), p = typeof A == "number" ? A : F[A], a = n.useRef(null);
+    n.useEffect(()=>{
+        const e = a.current;
         e && o && e.paused && e.play();
     }, [
         o
@@ -111,8 +112,8 @@ const C = {
         t
     ]).map((e)=>typeof e == "string" ? {
             src: e
-        } : e), a = /* @__PURE__ */ r("video", _objectSpreadProps(_objectSpread({
-        ref: y(l, d),
+        } : e), d = /* @__PURE__ */ r("video", _objectSpreadProps(_objectSpread({
+        ref: y(R, a),
         playsInline: !0,
         disablePictureInPicture: !0,
         disableRemotePlayback: !0,
@@ -121,10 +122,10 @@ const C = {
         loop: m,
         className: w,
         preload: u,
-        poster: i || F
+        poster: i || N
     }, S(f)), {
         style: {
-            borderRadius: R ? 8 : 0
+            borderRadius: l ? C.borderRadii.container : 0
         },
         children: g.map((param, b)=>/* @__PURE__ */ {
             let { src: e , type: h  } = param;
@@ -136,8 +137,8 @@ const C = {
     }));
     return /* @__PURE__ */ r(E, {
         aspectRatio: p,
-        width: n.width,
-        height: n.height,
+        width: s.width,
+        height: s.height,
         children: I() ? /* @__PURE__ */ r("div", {
             style: {
                 width: "100%",
@@ -146,8 +147,8 @@ const C = {
                 backgroundSize: "cover",
                 backgroundPosition: "50% 50%"
             },
-            children: a
-        }) : a
+            children: d
+        }) : d
     });
 });
-export { C as RATIO, j as default };
+export { F as RATIO, O as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "14.6.0",
+    "version": "14.7.0",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -81,7 +81,7 @@
         "@swc/core": "^1.3.11",
         "@swc/jest": "^0.2.23",
         "@telefonica/acceptance-testing": "2.13.0",
-        "@telefonica/eslint-config": "^1.0.7",
+        "@telefonica/eslint-config": "^1.3.0",
         "@telefonica/prettier-config": "^1.1.0",
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^13.4.0",
@@ -132,7 +132,7 @@
         "react-router-dom": "^6.6.2",
         "rimraf": "3.0.2",
         "semantic-release": "^19.0.2",
-        "static-server": "^2.2.1",
+        "serve-handler": "^6.1.5",
         "swc-loader": "^0.1.15",
         "typescript": "^4.6.3",
         "vite": "^3.1.8",