@telefonica/mistica 15.16.4 → 15.18.0

package/dist/skins/tu.js

@@ -379,23 +379,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/skins/types/index.d.ts

@@ -5,38 +5,46 @@ export type KnownSkinName = 'Movistar' | 'O2' | 'O2-new' | 'Vivo' | 'Vivo-new' |
 export type SkinName = KnownSkinName | string;
 export type GetKnownSkin = (variant?: SkinVariant) => KnownSkin;
 export type FontWeight = 'light' | 'regular' | 'medium' | 'bold';
-type TextTokenConfig<PossibleFontWeights = FontWeight> = {
+type TextWeightTokenConfig<PossibleFontWeights = FontWeight> = {
     weight: PossibleFontWeights;
+    size?: never;
+    lineHeight?: never;
 };
-export type TextPresetsConfig = {
-    cardTitle: TextTokenConfig;
-    button: TextTokenConfig<'regular' | 'medium'>;
-    link: TextTokenConfig<'regular' | 'medium'>;
-    title1: TextTokenConfig<'regular' | 'medium'>;
-    title2: {
-        weight: FontWeight;
-        size: {
-            mobile: number;
-            desktop: number;
-        };
-        lineHeight: {
-            mobile: number;
-            desktop: number;
-        };
+type TextSizeTokenConfig = {
+    weight?: never;
+    size: {
+        mobile: number;
+        desktop: number;
     };
-    indicator: TextTokenConfig<'regular' | 'medium'>;
-    tabsLabel: {
-        weight: FontWeight;
-        size: {
-            mobile: number;
-            desktop: number;
-        };
-        lineHeight: {
-            mobile: number;
-            desktop: number;
-        };
+    lineHeight: {
+        mobile: number;
+        desktop: number;
     };
-    navigationBar: TextTokenConfig;
+};
+type TextTokenConfig<PossibleFontWeights = FontWeight> = {
+    weight: PossibleFontWeights;
+    size: {
+        mobile: number;
+        desktop: number;
+    };
+    lineHeight: {
+        mobile: number;
+        desktop: number;
+    };
+};
+export type TextPresetsConfig = {
+    cardTitle: TextWeightTokenConfig;
+    button: TextWeightTokenConfig<'regular' | 'medium'>;
+    link: TextWeightTokenConfig<'regular' | 'medium'>;
+    title1: TextWeightTokenConfig<'regular' | 'medium'>;
+    title2: TextTokenConfig;
+    indicator: TextWeightTokenConfig<'regular' | 'medium'>;
+    tabsLabel: TextTokenConfig;
+    navigationBar: TextWeightTokenConfig;
+    text1: TextSizeTokenConfig;
+    text2: TextSizeTokenConfig;
+    text3: TextSizeTokenConfig;
+    text4: TextSizeTokenConfig;
     text5: TextTokenConfig;
     text6: TextTokenConfig;
     text7: TextTokenConfig;

package/dist/skins/vivo-new.js

@@ -171,7 +171,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,
@@ -374,23 +374,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/skins/vivo.js

@@ -374,23 +374,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/snackbar-context.js

@@ -118,60 +118,61 @@ const k = /*#__PURE__*/ _react.createContext({
     setSnackbars: ()=>{}
 }), p = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "snackbar" */ "./snackbar.js")))), R = (param)=>{
     let { children: l } = param;
-    const [s, n] = _react.useState([]), o = _react.useRef(null), a = _react.useRef(!1), r = (0, _webviewbridge.isWebViewBridgeAvailable)();
+    const [t, n] = _react.useState([]), o = _react.useRef(null), a = _react.useRef(!1), r = (0, _webviewbridge.isWebViewBridgeAvailable)();
     _react.useEffect(()=>{
         var c;
-        s.length > 1 && !a.current && (a.current = !0, r ? n((i)=>i.slice(1)) : (c = o.current) == null || c.close({
+        t.length > 1 && !a.current && (a.current = !0, r ? n((i)=>i.slice(1)) : (c = o.current) == null || c.close({
             action: "CONSECUTIVE"
         }));
     }, [
-        s,
+        t,
         r
     ]);
-    const S = (param)=>{
+    const d = (param)=>{
         let { action: c } = param;
         var i, b;
-        a.current = !1, n(r && c === "CONSECUTIVE" ? (u)=>u.slice(0) : (u)=>u.slice(1)), (b = (i = s[0]).onClose) == null || b.call(i, {
+        a.current = !1, n(r && c === "CONSECUTIVE" ? (u)=>u.slice(0) : (u)=>u.slice(1)), (b = (i = t[0]).onClose) == null || b.call(i, {
             action: c
         });
-    }, m = _react.useMemo(()=>({
-            snackbars: s,
+    }, S = _react.useMemo(()=>({
+            snackbars: t,
             setSnackbars: n
         }), [
-        s
-    ]), t = s[0];
+        t
+    ]), s = t[0];
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(k.Provider, {
-        value: m,
+        value: S,
         children: [
             l,
-            !!t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+            !!s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
                 fallback: null,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
                     ref: o,
-                    message: t.message,
-                    buttonText: t.buttonText,
-                    buttonAccessibilityLabel: t.buttonAccessibilityLabel,
-                    duration: t.duration,
-                    type: t.type,
-                    withDismiss: t.withDismiss,
-                    onClose: S
-                }, t.id)
+                    message: s.message,
+                    buttonText: s.buttonText,
+                    buttonAccessibilityLabel: s.buttonAccessibilityLabel,
+                    duration: s.duration,
+                    type: s.type,
+                    withDismiss: s.withDismiss,
+                    dataAttributes: s.dataAttributes,
+                    onClose: d
+                }, s.id)
             })
         ]
     });
 }, g = ()=>{
-    const { snackbars: l, setSnackbars: s } = _react.useContext(k);
+    const { snackbars: l, setSnackbars: t } = _react.useContext(k);
     return {
         openSnackbar: _react.useCallback((o)=>{
             const a = Date.now() + "-" + Math.random();
-            s((r)=>[
+            t((r)=>[
                     ...r,
                     _object_spread_props(_object_spread({}, o), {
                         id: a
                     })
                 ]);
         }, [
-            s
+            t
         ]),
         snackbars: l
     };

package/dist/snackbar.d.ts

@@ -9,6 +9,7 @@ export type SnackbarCloseHandler = (result: {
 export type Props = {
     buttonText?: string;
     buttonAccessibilityLabel?: string;
+    closeButtonLabel?: string;
     duration?: number;
     message: string;
     onClose?: SnackbarCloseHandler;