@telefonica/mistica 13.6.0 → 14.0.0

package/dist/theme-context-provider.js

@@ -9,8 +9,8 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    default: ()=>ut,
-    useIsOsDarkModeEnabled: ()=>Q
+    default: ()=>pt,
+    useIsOsDarkModeEnabled: ()=>U
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _dynamic = require("@vanilla-extract/dynamic");
@@ -101,16 +101,16 @@ function _objectSpread(target) {
     }
     return target;
 }
-const K = "(prefers-color-scheme: dark)", Q = ()=>{
+const Q = "(prefers-color-scheme: dark)", U = ()=>{
     const [t, c] = _react.useState(!1);
     return (0, _hooksJs.useIsomorphicLayoutEffect)(()=>{
         if (!window.matchMedia) return;
-        const r = window.matchMedia(K), s = ()=>{
-            c(r.matches);
+        const o = window.matchMedia(Q), i = ()=>{
+            c(o.matches);
         };
-        return r.addListener(s), s(), ()=>r.removeListener(s);
+        return o.addListener(i), i(), ()=>o.removeListener(i);
     }, []), t;
-}, U = ()=>(t)=>t, o = {
+}, X = ()=>(t)=>t, r = {
     text5: {
         weight: "light"
     },
@@ -128,14 +128,17 @@ const K = "(prefers-color-scheme: dark)", Q = ()=>{
     },
     text10: {
         weight: "light"
+    },
+    cardTitle: {
+        weight: "regular"
     }
-}, X = (t)=>({
+}, Y = (t)=>({
         headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? _themeJs.NAVBAR_HEIGHT_MOBILE : t == null ? void 0 : t.headerMobileHeight
-    }), ut = (param)=>{
-    let { theme: t , children: c , as: r  } = param;
+    }), pt = (param)=>{
+    let { theme: t , children: c , as: o  } = param;
     var v;
-    const s = _react.useRef(1), D = _react.useCallback(()=>`aria-id-hook-${s.current++}`, []), C = Q(), u = (v = t.colorScheme) != null ? v : "auto", I = t.skin.colors, w = _objectSpread({}, t.skin.colors, t.skin.darkModeColors), f = u === "auto" && C || u === "dark", p = f ? w : I, g = _react.useMemo(()=>{
-        var i, n, d, x, m, h, M, P;
+    const i = _react.useRef(1), D = _react.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 = _react.useMemo(()=>{
+        var s, n, d, x, m, h, P, M, b;
         const l = _objectSpread({
             platform: (0, _platformJs.getPlatform)(),
             insideNovumNativeApp: (0, _platformJs.isInsideNovumNativeApp)()
@@ -149,29 +152,30 @@ const K = "(prefers-color-scheme: dark)", Q = ()=>{
                 logEvent: ()=>Promise.resolve(),
                 eventFormat: "universal-analytics"
             }, t.analytics),
-            dimensions: _objectSpread({}, _themeJs.dimensions, X(t.dimensions)),
+            dimensions: _objectSpread({}, _themeJs.dimensions, Y(t.dimensions)),
             textPresets: {
-                text5: _objectSpread({}, o.text5, (i = t.skin.textPresets) == null ? void 0 : i.text5),
-                text6: _objectSpread({}, o.text6, (n = t.skin.textPresets) == null ? void 0 : n.text6),
-                text7: _objectSpread({}, o.text7, (d = t.skin.textPresets) == null ? void 0 : d.text7),
-                text8: _objectSpread({}, o.text8, (x = t.skin.textPresets) == null ? void 0 : x.text8),
-                text9: _objectSpread({}, o.text9, (m = t.skin.textPresets) == null ? void 0 : m.text9),
-                text10: _objectSpread({}, o.text10, (h = t.skin.textPresets) == null ? void 0 : h.text10)
+                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)
             },
             Link: (M = t.Link) != null ? M : _themeJs.AnchorLink,
             isDarkMode: f,
             isIos: (0, _platformJs.getPlatform)(l) === "ios",
-            useHrefDecorator: (P = t.useHrefDecorator) != null ? P : U,
+            useHrefDecorator: (b = t.useHrefDecorator) != null ? b : X,
             useId: t.useId
         };
     }, [
         t,
         f
     ]), E = Object.fromEntries(Object.entries(p).map((param)=>{
-        let [l, i] = param;
+        let [l, s] = param;
         let n = "";
-        if (i.startsWith("#")) {
-            const [d, x, m] = (0, _colorJs.fromHexToRgb)(i);
+        if (s.startsWith("#")) {
+            const [d, x, m] = (0, _colorJs.fromHexToRgb)(s);
             n = `${d}, ${x}, ${m}`;
         }
         return [
@@ -195,7 +199,7 @@ const K = "(prefers-color-scheme: dark)", Q = ()=>{
                                 value: D,
                                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_screenSizeContextProviderJs.default, {
                                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_dialogJs.default, {
-                                        children: r ? /*#__PURE__*/ _react.createElement(r, {
+                                        children: o ? /*#__PURE__*/ _react.createElement(o, {
                                             style: k
                                         }, c) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
                                             children: [

package/dist/video.d.ts

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import type { DataAttributes } from './utils/types';
-export type AspectRatio = '1:1' | '16:9' | '12:5' | '4:3';
+export type AspectRatio = '1:1' | '16:9' | '4:3';
 export declare const RATIO: {
     '1:1': number;
     '16:9': number;
-    '12:5': number;
     '4:3': number;
 };
 type VideoSource = {

package/dist/video.js

@@ -141,7 +141,6 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 const C = {
     "1:1": 1,
     "16:9": 16 / 9,
-    "12:5": 12 / 5,
     "4:3": 4 / 3
 }, F = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", j = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
     var { src: t , poster: i , autoPlay: o = !(0, _platformJs.isRunningAcceptanceTest)() , muted: c = !0 , loop: m = !0 , preload: u = "none" , aspectRatio: A = "1:1" , dataAttributes: f  } = _param, n = _objectWithoutProperties(_param, [