@telefonica/mistica 15.16.4 → 15.18.0

package/dist-es/skins/telefonica.js

@@ -1,4 +1,4 @@
-import { TELEFONICA_SKIN as a } from "./constants.js";
+import { TELEFONICA_SKIN as t } from "./constants.js";
 import { applyAlpha as r } from "../utils/color.js";
 const e = {
     telefonicaBlue: "#0066FF",
@@ -37,8 +37,8 @@ const e = {
     darkModeBlack: "#191919",
     darkModeGrey: "#242424",
     darkModeGrey6: "#313235"
-}, c = ()=>({
-        name: a,
+}, i = ()=>({
+        name: t,
         colors: {
             appBarBackground: e.white,
             background: e.white,
@@ -357,24 +357,112 @@ 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: "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
+                }
             }
         }
     });
-export { c as getTelefonicaSkin, e as palette };
+export { i as getTelefonicaSkin, e as palette };

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-context.js

@@ -51,7 +51,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as d, jsx as f } from "react/jsx-runtime";
+import { jsxs as m, jsx as f } from "react/jsx-runtime";
 import * as e from "react";
 import { isWebViewBridgeAvailable as C } from "@tef-novum/webview-bridge";
 const k = /*#__PURE__*/ e.createContext({
@@ -59,60 +59,61 @@ const k = /*#__PURE__*/ e.createContext({
     setSnackbars: ()=>{}
 }), p = /*#__PURE__*/ e.lazy(()=>import(/* webpackChunkName: "snackbar" */ "./snackbar.js")), R = (param)=>{
     let { children: l } = param;
-    const [s, n] = e.useState([]), o = e.useRef(null), a = e.useRef(!1), r = C();
+    const [t, n] = e.useState([]), o = e.useRef(null), a = e.useRef(!1), r = C();
     e.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 = e.useMemo(()=>({
-            snackbars: s,
+    }, S = e.useMemo(()=>({
+            snackbars: t,
             setSnackbars: n
         }), [
-        s
-    ]), t = s[0];
-    return /* @__PURE__ */ d(k.Provider, {
-        value: m,
+        t
+    ]), s = t[0];
+    return /* @__PURE__ */ m(k.Provider, {
+        value: S,
         children: [
             l,
-            !!t && /* @__PURE__ */ f(e.Suspense, {
+            !!s && /* @__PURE__ */ f(e.Suspense, {
                 fallback: null,
                 children: /* @__PURE__ */ f(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 } = e.useContext(k);
+    const { snackbars: l, setSnackbars: t } = e.useContext(k);
     return {
         openSnackbar: e.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
     };