@telefonica/mistica 15.16.3 → 15.17.0

package/dist-es/skins/tu.js

@@ -361,23 +361,111 @@ const e = {
             navigationBar: {
                 weight: "medium"
             },
+            text1: {
+                size: {
+                    mobile: 12,
+                    desktop: 14
+                },
+                lineHeight: {
+                    mobile: 16,
+                    desktop: 20
+                }
+            },
+            text2: {
+                size: {
+                    mobile: 14,
+                    desktop: 16
+                },
+                lineHeight: {
+                    mobile: 20,
+                    desktop: 24
+                }
+            },
+            text3: {
+                size: {
+                    mobile: 16,
+                    desktop: 18
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 24
+                }
+            },
+            text4: {
+                size: {
+                    mobile: 18,
+                    desktop: 20
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 28
+                }
+            },
             text5: {
-                weight: "medium"
+                weight: "medium",
+                size: {
+                    mobile: 20,
+                    desktop: 28
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 32
+                }
             },
             text6: {
-                weight: "medium"
+                weight: "medium",
+                size: {
+                    mobile: 24,
+                    desktop: 32
+                },
+                lineHeight: {
+                    mobile: 32,
+                    desktop: 40
+                }
             },
             text7: {
-                weight: "medium"
+                weight: "medium",
+                size: {
+                    mobile: 28,
+                    desktop: 40
+                },
+                lineHeight: {
+                    mobile: 32,
+                    desktop: 48
+                }
             },
             text8: {
-                weight: "medium"
+                weight: "medium",
+                size: {
+                    mobile: 32,
+                    desktop: 48
+                },
+                lineHeight: {
+                    mobile: 40,
+                    desktop: 56
+                }
             },
             text9: {
-                weight: "medium"
+                weight: "medium",
+                size: {
+                    mobile: 40,
+                    desktop: 56
+                },
+                lineHeight: {
+                    mobile: 48,
+                    desktop: 64
+                }
             },
             text10: {
-                weight: "medium"
+                weight: "medium",
+                size: {
+                    mobile: 48,
+                    desktop: 64
+                },
+                lineHeight: {
+                    mobile: 56,
+                    desktop: 72
+                }
             }
         }
     });

package/dist-es/skins/vivo-new.js

@@ -153,7 +153,7 @@ const e = {
             textNavigationBarSecondary: e.vivoPurpleLight50,
             textNavigationSearchBarHint: e.vivoPurpleLight50,
             textNavigationSearchBarText: e.white,
-            textAppBar: e.grey4,
+            textAppBar: e.grey5,
             textAppBarSelected: e.vivoPurple,
             customTabsBackground: e.white,
             tagTextPromo: e.vivoPurple,
@@ -356,23 +356,111 @@ const e = {
             navigationBar: {
                 weight: "regular"
             },
+            text1: {
+                size: {
+                    mobile: 12,
+                    desktop: 14
+                },
+                lineHeight: {
+                    mobile: 16,
+                    desktop: 20
+                }
+            },
+            text2: {
+                size: {
+                    mobile: 14,
+                    desktop: 16
+                },
+                lineHeight: {
+                    mobile: 20,
+                    desktop: 24
+                }
+            },
+            text3: {
+                size: {
+                    mobile: 16,
+                    desktop: 18
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 24
+                }
+            },
+            text4: {
+                size: {
+                    mobile: 18,
+                    desktop: 20
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 28
+                }
+            },
             text5: {
-                weight: "regular"
+                weight: "regular",
+                size: {
+                    mobile: 20,
+                    desktop: 28
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 32
+                }
             },
             text6: {
-                weight: "regular"
+                weight: "regular",
+                size: {
+                    mobile: 24,
+                    desktop: 32
+                },
+                lineHeight: {
+                    mobile: 32,
+                    desktop: 40
+                }
             },
             text7: {
-                weight: "regular"
+                weight: "regular",
+                size: {
+                    mobile: 28,
+                    desktop: 40
+                },
+                lineHeight: {
+                    mobile: 32,
+                    desktop: 48
+                }
             },
             text8: {
-                weight: "regular"
+                weight: "regular",
+                size: {
+                    mobile: 32,
+                    desktop: 48
+                },
+                lineHeight: {
+                    mobile: 40,
+                    desktop: 56
+                }
             },
             text9: {
-                weight: "regular"
+                weight: "regular",
+                size: {
+                    mobile: 40,
+                    desktop: 56
+                },
+                lineHeight: {
+                    mobile: 48,
+                    desktop: 64
+                }
             },
             text10: {
-                weight: "regular"
+                weight: "regular",
+                size: {
+                    mobile: 48,
+                    desktop: 64
+                },
+                lineHeight: {
+                    mobile: 56,
+                    desktop: 72
+                }
             }
         }
     });

package/dist-es/skins/vivo.js

@@ -356,23 +356,111 @@ const e = {
             navigationBar: {
                 weight: "medium"
             },
+            text1: {
+                size: {
+                    mobile: 12,
+                    desktop: 14
+                },
+                lineHeight: {
+                    mobile: 16,
+                    desktop: 20
+                }
+            },
+            text2: {
+                size: {
+                    mobile: 14,
+                    desktop: 16
+                },
+                lineHeight: {
+                    mobile: 20,
+                    desktop: 24
+                }
+            },
+            text3: {
+                size: {
+                    mobile: 16,
+                    desktop: 18
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 24
+                }
+            },
+            text4: {
+                size: {
+                    mobile: 18,
+                    desktop: 20
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 28
+                }
+            },
             text5: {
-                weight: "light"
+                weight: "light",
+                size: {
+                    mobile: 20,
+                    desktop: 28
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 32
+                }
             },
             text6: {
-                weight: "light"
+                weight: "light",
+                size: {
+                    mobile: 24,
+                    desktop: 32
+                },
+                lineHeight: {
+                    mobile: 32,
+                    desktop: 40
+                }
             },
             text7: {
-                weight: "light"
+                weight: "light",
+                size: {
+                    mobile: 28,
+                    desktop: 40
+                },
+                lineHeight: {
+                    mobile: 32,
+                    desktop: 48
+                }
             },
             text8: {
-                weight: "light"
+                weight: "light",
+                size: {
+                    mobile: 32,
+                    desktop: 48
+                },
+                lineHeight: {
+                    mobile: 40,
+                    desktop: 56
+                }
             },
             text9: {
-                weight: "light"
+                weight: "light",
+                size: {
+                    mobile: 40,
+                    desktop: 56
+                },
+                lineHeight: {
+                    mobile: 48,
+                    desktop: 64
+                }
             },
             text10: {
-                weight: "light"
+                weight: "light",
+                size: {
+                    mobile: 48,
+                    desktop: 64
+                },
+                lineHeight: {
+                    mobile: 56,
+                    desktop: 72
+                }
             }
         }
     });

package/dist-es/snackbar.js

@@ -51,15 +51,15 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as r, jsxs as E } from "react/jsx-runtime";
+import { jsx as r, jsxs as B } from "react/jsx-runtime";
 import * as e from "react";
 import U, { BaseTouchable as b } from "./touchable.js";
 import S from "classnames";
 import { isWebViewBridgeAvailable as C, nativeMessage as M } from "@tef-novum/webview-bridge";
 import { useTheme as _, useElementDimensions as w, useScreenSize as A } from "./hooks.js";
 import { Text2 as x, Text3 as L } from "./text.js";
-import { TRANSITION_TIME_IN_MS as W, snackbarContainer as P, snackbar as y, snackbarOpen as V, wrapper as z, wrapperCritical as F, wrapperInfo as H, wrapperOpen as j, content as X, button as Y, longButton as $, dismissButton as q, dismissIcon as G } from "./snackbar.css-mistica.js";
-import { sprinkles as B } from "./sprinkles.css-mistica.js";
+import { TRANSITION_TIME_IN_MS as W, snackbarContainer as y, snackbar as P, snackbarOpen as V, wrapper as z, wrapperCritical as F, wrapperInfo as H, wrapperOpen as j, content as X, button as Y, longButton as $, dismissButton as q, dismissIcon as G } from "./snackbar.css-mistica.js";
+import { sprinkles as k } from "./sprinkles.css-mistica.js";
 import { vars as N } from "./skins/skin-contract.css-mistica.js";
 import { getPrefixedDataAttributes as J } from "./utils/dom.js";
 import { Portal as K } from "./portal.js";
@@ -70,60 +70,60 @@ const Z = [
     "CONSECUTIVE",
     "BUTTON"
 ], ee = 5e3, re = 1e4, te = /*#__PURE__*/ e.forwardRef((param, I)=>{
-    let { message: m, buttonText: n, buttonAccessibilityLabel: f, duration: t, onClose: o, type: a, withDismiss: u = !1, dataAttributes: g } = param;
-    const { texts: d } = _(), [s, T] = e.useState(!1), { width: i, ref: k } = w(), { isDesktopOrBigger: D } = A(), c = i > (D ? 160 : 128), R = e.useRef(null), v = t === 1 / 0 && !n || u, p = e.useRef(o);
+    let { message: m, buttonText: n, buttonAccessibilityLabel: u, duration: t, onClose: o, type: i, withDismiss: d = !1, dataAttributes: O } = param;
+    const { texts: p } = _(), [s, a] = e.useState(!1), { width: R, ref: c } = w(), { isDesktopOrBigger: D } = A(), l = R > (D ? 160 : 128), E = e.useRef(null), g = t === 1 / 0 && !n || d, T = e.useRef(o);
     e.useEffect(()=>{
-        p.current = o;
+        T.current = o;
     }, [
         o
     ]);
-    const l = e.useCallback((O)=>{
-        T(!1), setTimeout(()=>{
+    const f = e.useCallback((v)=>{
+        a(!1), setTimeout(()=>{
             var h;
-            (h = p.current) == null || h.call(p, O);
+            (h = T.current) == null || h.call(T, v);
         }, process.env.NODE_ENV === "test" ? 0 : W);
     }, []);
-    return e.useImperativeHandle(I, ()=>_object_spread_props(_object_spread({}, R), {
-            close: l
+    return e.useImperativeHandle(I, ()=>_object_spread_props(_object_spread({}, E), {
+            close: f
         }), [
-        l
+        f
     ]), e.useEffect(()=>{
-        const O = setTimeout(()=>{
-            T(!0);
-        }, 50), h = t !== 1 / 0 ? setTimeout(()=>l({
+        const v = setTimeout(()=>{
+            a(!0);
+        }, 50), h = t !== 1 / 0 ? setTimeout(()=>f({
                 action: "TIMEOUT"
             }), t) : void 0;
         return ()=>{
-            clearTimeout(O), clearTimeout(h);
+            clearTimeout(v), clearTimeout(h);
         };
     }, [
-        l,
+        f,
         t
     ]), /* @__PURE__ */ r(K, {
-        className: P,
+        className: y,
         children: /* @__PURE__ */ r("div", {
-            ref: R,
-            className: S(y, {
+            ref: E,
+            className: S(P, {
                 [V]: s
             }),
-            children: /* @__PURE__ */ E("div", _object_spread_props(_object_spread({
+            children: /* @__PURE__ */ B("div", _object_spread_props(_object_spread({
                 role: "alert",
-                className: S(z, a === "CRITICAL" ? F : H, {
+                className: S(z, i === "CRITICAL" ? F : H, {
                     [j]: s
                 })
-            }, J(g, "SnackBar")), {
+            }, J(O, "SnackBar")), {
                 children: [
-                    /* @__PURE__ */ E("div", {
-                        className: S(X, B({
-                            flexDirection: c ? "column" : "row",
-                            alignItems: c ? void 0 : "center"
+                    /* @__PURE__ */ B("div", {
+                        className: S(X, k({
+                            flexDirection: l ? "column" : "row",
+                            alignItems: l ? void 0 : "center"
                         })),
-                        style: v && !c ? {
+                        style: g && !l ? {
                             paddingRight: 32
                         } : void 0,
                         children: [
                             /* @__PURE__ */ r("div", {
-                                style: v && c ? {
+                                style: g && l ? {
                                     paddingRight: 32
                                 } : void 0,
                                 children: /* @__PURE__ */ r(x, {
@@ -134,42 +134,42 @@ const Z = [
                             }),
                             n && /* @__PURE__ */ r("div", {
                                 className: S(Y, {
-                                    [$]: c
+                                    [$]: l
                                 }),
                                 children: /* @__PURE__ */ r(b, {
-                                    className: B({
+                                    className: k({
                                         paddingY: 4,
                                         paddingX: 8,
                                         border: "none",
                                         padding: 0,
                                         background: "transparent"
                                     }),
-                                    ref: k,
+                                    ref: c,
                                     onPress: ()=>{
-                                        l({
+                                        f({
                                             action: "BUTTON"
                                         });
                                     },
-                                    "aria-label": f,
+                                    "aria-label": u,
                                     children: /* @__PURE__ */ r(L, {
                                         medium: !0,
                                         forceMobileSizes: !0,
                                         truncate: !0,
-                                        color: a === "CRITICAL" ? N.colors.textPrimaryInverse : N.colors.textLinkSnackbar,
+                                        color: i === "CRITICAL" ? N.colors.textPrimaryInverse : N.colors.textLinkSnackbar,
                                         children: n
                                     })
                                 })
                             })
                         ]
                     }),
-                    v ? /* @__PURE__ */ r(U, {
+                    g ? /* @__PURE__ */ r(U, {
                         onPress: ()=>{
-                            l({
+                            f({
                                 action: "DISMISS"
                             });
                         },
-                        "aria-label": d.closeButtonLabel,
-                        className: q[c ? "topRight" : "centered"],
+                        "aria-label": p.closeButtonLabel,
+                        className: q[l ? "topRight" : "centered"],
                         style: {
                             display: "flex",
                             width: 32,
@@ -187,49 +187,51 @@ const Z = [
             }))
         })
     });
-}), ne = /*#__PURE__*/ e.forwardRef((param, g)=>{
-    let { message: m, buttonText: n, buttonAccessibilityLabel: f, duration: t, onClose: o = ()=>{}, type: a = "INFORMATIVE", withDismiss: u } = param;
+}), ne = /*#__PURE__*/ e.forwardRef((param, O)=>{
+    let { message: m, buttonText: n, buttonAccessibilityLabel: u, duration: t, onClose: o = ()=>{}, type: i = "INFORMATIVE", withDismiss: d } = param;
     const I = n ? re : ee;
     t = Math.max(t !== null && t !== void 0 ? t : I, I);
-    const d = C(), s = e.useRef(o);
+    const p = C(), s = e.useRef(o), a = e.useRef(!1);
     return e.useEffect(()=>{
         s.current = o;
     }, [
         o
     ]), e.useEffect(()=>{
-        d && M({
+        p && !a.current && (a.current = !0, M({
             message: m,
             // @ts-expect-error duration can be 'PERSISTENT' in new webview-bridge lib versions, and old apps will ignore it
             duration: t === 1 / 0 ? "PERSISTENT" : void 0,
             buttonText: n,
-            buttonAccessibilityLabel: f,
-            type: a,
-            withDismiss: u
-        }).then((T)=>{
-            const i = T;
-            i != null && i.action && Z.includes(i.action) ? s.current({
-                action: i.action
+            buttonAccessibilityLabel: u,
+            type: i,
+            withDismiss: d
+        }).then((R)=>{
+            const c = R;
+            c != null && c.action && Z.includes(c.action) ? s.current({
+                action: c.action
             }) : s.current({
                 action: "DISMISS"
             });
-        });
+        }).finally(()=>{
+            a.current = !1;
+        }));
     }, [
-        f,
+        u,
         n,
         t,
         m,
-        d,
-        a,
-        u
-    ]), d ? null : /* @__PURE__ */ r(te, {
-        ref: g,
+        p,
+        i,
+        d
+    ]), p ? null : /* @__PURE__ */ r(te, {
+        ref: O,
         message: m,
         duration: t,
         buttonText: n,
-        buttonAccessibilityLabel: f,
-        type: a,
+        buttonAccessibilityLabel: u,
+        type: i,
         onClose: s.current,
-        withDismiss: u
+        withDismiss: d
     });
 }), he = ne;
 export { he as default };