@telefonica/mistica 15.16.4 → 15.18.0

package/dist-es/skins/blau.js

@@ -38,7 +38,7 @@ const e = {
     darkModeBlack: "#191919",
     darkModeGrey: "#242424",
     darkModeGrey6: "#313235"
-}, u = ()=>({
+}, d = ()=>({
         name: a,
         colors: {
             backgroundBrand: e.blauBluePrimary,
@@ -358,24 +358,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: "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
+                }
             }
         }
     });
-export { u as getBlauSkin, e as palette };
+export { d as getBlauSkin, e as palette };

package/dist-es/skins/defaults.js

@@ -1,21 +1,109 @@
-const t = {
+const e = {
+    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
+        }
     },
     cardTitle: {
         weight: "regular"
@@ -57,7 +145,7 @@ const t = {
             desktop: 24
         }
     }
-}, e = {
+}, i = {
     button: "4px",
     input: "8px",
     container: "8px",
@@ -70,4 +158,4 @@ const t = {
     avatar: "50%",
     mediaSmall: "8px"
 };
-export { e as defaultBorderRadiiConfig, t as defaultTextPresetsConfig };
+export { i as defaultBorderRadiiConfig, e as defaultTextPresetsConfig };

package/dist-es/skins/movistar.js

@@ -376,23 +376,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: "bold"
+                weight: "bold",
+                size: {
+                    mobile: 20,
+                    desktop: 28
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 32
+                }
             },
             text6: {
-                weight: "bold"
+                weight: "bold",
+                size: {
+                    mobile: 24,
+                    desktop: 32
+                },
+                lineHeight: {
+                    mobile: 32,
+                    desktop: 40
+                }
             },
             text7: {
-                weight: "bold"
+                weight: "bold",
+                size: {
+                    mobile: 28,
+                    desktop: 40
+                },
+                lineHeight: {
+                    mobile: 32,
+                    desktop: 48
+                }
             },
             text8: {
-                weight: "bold"
+                weight: "bold",
+                size: {
+                    mobile: 32,
+                    desktop: 48
+                },
+                lineHeight: {
+                    mobile: 40,
+                    desktop: 56
+                }
             },
             text9: {
-                weight: "bold"
+                weight: "bold",
+                size: {
+                    mobile: 40,
+                    desktop: 56
+                },
+                lineHeight: {
+                    mobile: 48,
+                    desktop: 64
+                }
             },
             text10: {
-                weight: "bold"
+                weight: "bold",
+                size: {
+                    mobile: 48,
+                    desktop: 64
+                },
+                lineHeight: {
+                    mobile: 56,
+                    desktop: 72
+                }
             }
         }
     });

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

@@ -123,7 +123,7 @@ const e = {
             iosControlKnob: e.white,
             divider: e.grey30,
             dividerInverse: r(e.white, 0.2),
-            navigationBarDivider: e.beyondBlue,
+            navigationBarDivider: e.darkBlue,
             badge: e.o2Red65,
             feedbackErrorBackground: e.o2Red60,
             feedbackInfoBackground: e.black,
@@ -366,23 +366,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: "bold"
+                weight: "bold",
+                size: {
+                    mobile: 20,
+                    desktop: 28
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 32
+                }
             },
             text6: {
-                weight: "bold"
+                weight: "bold",
+                size: {
+                    mobile: 24,
+                    desktop: 32
+                },
+                lineHeight: {
+                    mobile: 32,
+                    desktop: 40
+                }
             },
             text7: {
-                weight: "bold"
+                weight: "bold",
+                size: {
+                    mobile: 28,
+                    desktop: 40
+                },
+                lineHeight: {
+                    mobile: 32,
+                    desktop: 48
+                }
             },
             text8: {
-                weight: "bold"
+                weight: "bold",
+                size: {
+                    mobile: 32,
+                    desktop: 48
+                },
+                lineHeight: {
+                    mobile: 40,
+                    desktop: 56
+                }
             },
             text9: {
-                weight: "bold"
+                weight: "bold",
+                size: {
+                    mobile: 40,
+                    desktop: 56
+                },
+                lineHeight: {
+                    mobile: 48,
+                    desktop: 64
+                }
             },
             text10: {
-                weight: "bold"
+                weight: "bold",
+                size: {
+                    mobile: 48,
+                    desktop: 64
+                },
+                lineHeight: {
+                    mobile: 56,
+                    desktop: 72
+                }
             }
         }
     });

package/dist-es/skins/o2.js

@@ -363,23 +363,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/skins/skin-contract.css-mistica.js

@@ -290,34 +290,66 @@ var r = {
             weight: "var(--_1vqcj1i7m)"
         },
         title2: {
-            weight: "var(--_1vqcj1i7n)"
+            weight: "var(--_1vqcj1i7n)",
+            size: "var(--_1vqcj1i7o)",
+            lineHeight: "var(--_1vqcj1i7p)"
         },
         indicator: {
-            weight: "var(--_1vqcj1i7o)"
+            weight: "var(--_1vqcj1i7q)"
         },
         tabsLabel: {
-            weight: "var(--_1vqcj1i7p)"
+            weight: "var(--_1vqcj1i7r)",
+            size: "var(--_1vqcj1i7s)",
+            lineHeight: "var(--_1vqcj1i7t)"
         },
         navigationBar: {
-            weight: "var(--_1vqcj1i7q)"
+            weight: "var(--_1vqcj1i7u)"
+        },
+        text1: {
+            size: "var(--_1vqcj1i7v)",
+            lineHeight: "var(--_1vqcj1i7w)"
+        },
+        text2: {
+            size: "var(--_1vqcj1i7x)",
+            lineHeight: "var(--_1vqcj1i7y)"
+        },
+        text3: {
+            size: "var(--_1vqcj1i7z)",
+            lineHeight: "var(--_1vqcj1i80)"
+        },
+        text4: {
+            size: "var(--_1vqcj1i81)",
+            lineHeight: "var(--_1vqcj1i82)"
         },
         text5: {
-            weight: "var(--_1vqcj1i7r)"
+            weight: "var(--_1vqcj1i83)",
+            size: "var(--_1vqcj1i84)",
+            lineHeight: "var(--_1vqcj1i85)"
         },
         text6: {
-            weight: "var(--_1vqcj1i7s)"
+            weight: "var(--_1vqcj1i86)",
+            size: "var(--_1vqcj1i87)",
+            lineHeight: "var(--_1vqcj1i88)"
         },
         text7: {
-            weight: "var(--_1vqcj1i7t)"
+            weight: "var(--_1vqcj1i89)",
+            size: "var(--_1vqcj1i8a)",
+            lineHeight: "var(--_1vqcj1i8b)"
         },
         text8: {
-            weight: "var(--_1vqcj1i7u)"
+            weight: "var(--_1vqcj1i8c)",
+            size: "var(--_1vqcj1i8d)",
+            lineHeight: "var(--_1vqcj1i8e)"
         },
         text9: {
-            weight: "var(--_1vqcj1i7v)"
+            weight: "var(--_1vqcj1i8f)",
+            size: "var(--_1vqcj1i8g)",
+            lineHeight: "var(--_1vqcj1i8h)"
         },
         text10: {
-            weight: "var(--_1vqcj1i7w)"
+            weight: "var(--_1vqcj1i8i)",
+            size: "var(--_1vqcj1i8j)",
+            lineHeight: "var(--_1vqcj1i8k)"
         }
     }
 };