feat(vivo-type): added medium weight (#1291)

WEB-2082
Telefonica · Nov 18, 2024 · 8a38d2c · 8a38d2c · github-actions · Nov 18, 2024
1 parent 3973ead
commit 8a38d2c
Show file tree

Hide file tree

Showing 53 changed files with 176 additions and 188 deletions.
diff --git a/.storybook/css/fonts/vivo-type-bold.woff2 b/.storybook/css/fonts/vivo-type-bold.woff2
diff --git a/.storybook/css/fonts/vivo-type-light.woff2 b/.storybook/css/fonts/vivo-type-light.woff2
diff --git a/.storybook/css/fonts/vivo-type-medium.woff2 b/.storybook/css/fonts/vivo-type-medium.woff2
diff --git a/.storybook/css/fonts/vivo-type-regular.woff2 b/.storybook/css/fonts/vivo-type-regular.woff2
diff --git a/.storybook/css/vivo-font.css b/.storybook/css/vivo-font.css
@@ -19,7 +19,7 @@
     font-family: 'Vivo Type';
     font-style: normal;
     font-weight: 500;
-    src: url('./fonts/vivo-type-bold.woff2') format('woff2');
+    src: url('./fonts/vivo-type-medium.woff2') format('woff2');
 }
 
 /* Bold */

diff --git a/css/vivo-new.css b/css/vivo-new.css
@@ -200,13 +200,13 @@
     --mistica-line-height-4: 1.5rem;
     --mistica-font-size-5: 1.25rem;
     --mistica-line-height-5: 1.5rem;
-    --mistica-font-weight-5: 400;
+    --mistica-font-weight-5: 500;
     --mistica-font-size-6: 1.5rem;
     --mistica-line-height-6: 2rem;
-    --mistica-font-weight-6: 400;
+    --mistica-font-weight-6: 500;
     --mistica-font-size-7: 1.75rem;
     --mistica-line-height-7: 2rem;
-    --mistica-font-weight-7: 400;
+    --mistica-font-weight-7: 500;
     --mistica-font-size-8: 2rem;
     --mistica-line-height-8: 2.5rem;
     --mistica-font-weight-8: 400;
@@ -218,18 +218,18 @@
     --mistica-font-weight-10: 400;
     --mistica-font-size-cardTitle: 1.25rem;
     --mistica-line-height-cardTitle: 1.5rem;
-    --mistica-font-weight-cardTitle: 400;
-    --mistica-font-weight-button: 400;
+    --mistica-font-weight-cardTitle: 500;
+    --mistica-font-weight-button: 500;
     --mistica-font-size-tabsLabel: 1.125rem;
     --mistica-line-height-tabsLabel: 1.5rem;
-    --mistica-font-weight-tabsLabel: 400;
-    --mistica-font-weight-link: 400;
-    --mistica-font-weight-title1: 400;
-    --mistica-font-weight-title2: 400;
+    --mistica-font-weight-tabsLabel: 500;
+    --mistica-font-weight-link: 500;
+    --mistica-font-weight-title1: 500;
+    --mistica-font-weight-title2: 500;
     --mistica-font-size-title3: 1.125rem;
     --mistica-line-height-title3: 1.5rem;
-    --mistica-font-weight-title3: 400;
-    --mistica-font-weight-indicator: 400;
+    --mistica-font-weight-title3: 500;
+    --mistica-font-weight-indicator: 500;
     --mistica-font-weight-navigationBar: 400;
 }
 

diff --git a/...-test-tsx-buttons-link-button-with-chevron-and-big-font-size-in-vivo-1-snap.png b/...-test-tsx-buttons-link-button-with-chevron-and-big-font-size-in-vivo-1-snap.png
diff --git a/.../button-screenshot-test-tsx-buttons-link-button-with-chevron-in-vivo-1-snap.png b/.../button-screenshot-test-tsx-buttons-link-button-with-chevron-in-vivo-1-snap.png
diff --git a/...snapshots__/carousel-screenshot-test-tsx-carousel-mobile-in-vivo-new-1-snap.png b/...snapshots__/carousel-screenshot-test-tsx-carousel-mobile-in-vivo-new-1-snap.png
diff --git a/...snapshots__/carousel-screenshot-test-tsx-carousel-mobile-in-vivo-new-2-snap.png b/...snapshots__/carousel-screenshot-test-tsx-carousel-mobile-in-vivo-new-2-snap.png
diff --git a/...x-counter-min-0-max-4-default-value-0-removable-false-disabled-false-1-snap.png b/...x-counter-min-0-max-4-default-value-0-removable-false-disabled-false-1-snap.png
diff --git a/...sx-counter-min-0-max-4-default-value-0-removable-false-disabled-true-1-snap.png b/...sx-counter-min-0-max-4-default-value-0-removable-false-disabled-true-1-snap.png
diff --git a/...sx-counter-min-0-max-4-default-value-0-removable-true-disabled-false-1-snap.png b/...sx-counter-min-0-max-4-default-value-0-removable-true-disabled-false-1-snap.png
diff --git a/...x-counter-min-3-max-4-default-value-3-removable-false-disabled-false-1-snap.png b/...x-counter-min-3-max-4-default-value-3-removable-false-disabled-false-1-snap.png
diff --git a/...sx-counter-min-3-max-4-default-value-3-removable-false-disabled-true-1-snap.png b/...sx-counter-min-3-max-4-default-value-3-removable-false-disabled-true-1-snap.png
diff --git a/...tsx-counter-min-3-max-4-default-value-3-removable-true-disabled-true-1-snap.png b/...tsx-counter-min-3-max-4-default-value-3-removable-true-disabled-true-1-snap.png
diff --git a/...ccess-feedback-screen-appears-properly-with-vivo-new-skin-on-desktop-1-snap.png b/...ccess-feedback-screen-appears-properly-with-vivo-new-skin-on-desktop-1-snap.png
diff --git a/...ss-feedback-screen-appears-properly-with-vivo-new-skin-on-mobile-ios-1-snap.png b/...ss-feedback-screen-appears-properly-with-vivo-new-skin-on-mobile-ios-1-snap.png
diff --git a/...in-components-screenshot-test-tsx-components-in-movistar-alternative-1-snap.png b/...in-components-screenshot-test-tsx-components-in-movistar-alternative-1-snap.png
diff --git a/...e-skin-components-screenshot-test-tsx-components-in-movistar-inverse-1-snap.png b/...e-skin-components-screenshot-test-tsx-components-in-movistar-inverse-1-snap.png
diff --git a/..._/private-skin-components-screenshot-test-tsx-components-in-vivo-new-1-snap.png b/..._/private-skin-components-screenshot-test-tsx-components-in-vivo-new-1-snap.png
diff --git a/..._/private-skin-components-screenshot-test-tsx-components-in-vivo-new-2-snap.png b/..._/private-skin-components-screenshot-test-tsx-components-in-vivo-new-2-snap.png
diff --git a/..._/private-skin-components-screenshot-test-tsx-components-in-vivo-new-3-snap.png b/..._/private-skin-components-screenshot-test-tsx-components-in-vivo-new-3-snap.png
diff --git a/..._/private-skin-components-screenshot-test-tsx-components-in-vivo-new-4-snap.png b/..._/private-skin-components-screenshot-test-tsx-components-in-vivo-new-4-snap.png
diff --git a/...in-components-screenshot-test-tsx-components-in-vivo-new-alternative-1-snap.png b/...in-components-screenshot-test-tsx-components-in-vivo-new-alternative-1-snap.png
diff --git a/...in-components-screenshot-test-tsx-components-in-vivo-new-alternative-2-snap.png b/...in-components-screenshot-test-tsx-components-in-vivo-new-alternative-2-snap.png
diff --git a/...in-components-screenshot-test-tsx-components-in-vivo-new-alternative-3-snap.png b/...in-components-screenshot-test-tsx-components-in-vivo-new-alternative-3-snap.png
diff --git a/...in-components-screenshot-test-tsx-components-in-vivo-new-alternative-4-snap.png b/...in-components-screenshot-test-tsx-components-in-vivo-new-alternative-4-snap.png
diff --git a/...skin-components-screenshot-test-tsx-components-in-vivo-new-dark-mode-1-snap.png b/...skin-components-screenshot-test-tsx-components-in-vivo-new-dark-mode-1-snap.png
diff --git a/...skin-components-screenshot-test-tsx-components-in-vivo-new-dark-mode-2-snap.png b/...skin-components-screenshot-test-tsx-components-in-vivo-new-dark-mode-2-snap.png
diff --git a/...skin-components-screenshot-test-tsx-components-in-vivo-new-dark-mode-3-snap.png b/...skin-components-screenshot-test-tsx-components-in-vivo-new-dark-mode-3-snap.png
diff --git a/...skin-components-screenshot-test-tsx-components-in-vivo-new-dark-mode-4-snap.png b/...skin-components-screenshot-test-tsx-components-in-vivo-new-dark-mode-4-snap.png
diff --git a/...e-skin-components-screenshot-test-tsx-components-in-vivo-new-inverse-1-snap.png b/...e-skin-components-screenshot-test-tsx-components-in-vivo-new-inverse-1-snap.png
diff --git a/...e-skin-components-screenshot-test-tsx-components-in-vivo-new-inverse-2-snap.png b/...e-skin-components-screenshot-test-tsx-components-in-vivo-new-inverse-2-snap.png
diff --git a/...e-skin-components-screenshot-test-tsx-components-in-vivo-new-inverse-3-snap.png b/...e-skin-components-screenshot-test-tsx-components-in-vivo-new-inverse-3-snap.png
diff --git a/...e-skin-components-screenshot-test-tsx-components-in-vivo-new-inverse-4-snap.png b/...e-skin-components-screenshot-test-tsx-components-in-vivo-new-inverse-4-snap.png
diff --git a/...nts-screenshot-test-tsx-components-in-vivo-new-inverse-and-dark-mode-1-snap.png b/...nts-screenshot-test-tsx-components-in-vivo-new-inverse-and-dark-mode-1-snap.png
diff --git a/...nts-screenshot-test-tsx-components-in-vivo-new-inverse-and-dark-mode-2-snap.png b/...nts-screenshot-test-tsx-components-in-vivo-new-inverse-and-dark-mode-2-snap.png
diff --git a/...nts-screenshot-test-tsx-components-in-vivo-new-inverse-and-dark-mode-3-snap.png b/...nts-screenshot-test-tsx-components-in-vivo-new-inverse-and-dark-mode-3-snap.png
diff --git a/...nts-screenshot-test-tsx-components-in-vivo-new-inverse-and-dark-mode-4-snap.png b/...nts-screenshot-test-tsx-components-in-vivo-new-inverse-and-dark-mode-4-snap.png
diff --git a/...ars-screenshot-test-tsx-text-presets-as-css-vars-in-vivo-new-desktop-1-snap.png b/...ars-screenshot-test-tsx-text-presets-as-css-vars-in-vivo-new-desktop-1-snap.png
diff --git a/...-screenshot-test-tsx-text-presets-as-css-vars-in-vivo-new-mobile-ios-1-snap.png b/...-screenshot-test-tsx-text-presets-as-css-vars-in-vivo-new-mobile-ios-1-snap.png
diff --git a/...ss-feedback-component-appears-properly-with-vivo-new-skin-on-desktop-1-snap.png b/...ss-feedback-component-appears-properly-with-vivo-new-skin-on-desktop-1-snap.png
diff --git a/...feedback-component-appears-properly-with-vivo-new-skin-on-mobile-ios-1-snap.png b/...feedback-component-appears-properly-with-vivo-new-skin-on-mobile-ios-1-snap.png
diff --git a/...ars-properly-in-vivo-new-skin-when-target-is-close-to-viewport-edges-1-snap.png b/...ars-properly-in-vivo-new-skin-when-target-is-close-to-viewport-edges-1-snap.png
diff --git a/src/skins/blau.tsx b/src/skins/blau.tsx
@@ -328,29 +328,29 @@ export const getBlauSkin: GetKnownSkin = () => {
             mediaSmall: '8px',
         },
         textPresets: {
-            cardTitle: {weight: 'regular'},
             button: {weight: 'medium'},
+            cardTitle: {weight: 'regular'},
+            indicator: {weight: 'medium'},
+            link: {weight: 'medium'},
+            navigationBar: {weight: 'medium'},
             tabsLabel: {
+                lineHeight: {desktop: 24, mobile: 24},
+                size: {desktop: 18, mobile: 16},
                 weight: 'medium',
-                size: {mobile: 16, desktop: 18},
-                lineHeight: {mobile: 24, desktop: 24},
             },
-            link: {weight: 'medium'},
+            text1: {lineHeight: {desktop: 20, mobile: 16}, size: {desktop: 14, mobile: 12}},
+            text2: {lineHeight: {desktop: 24, mobile: 20}, size: {desktop: 16, mobile: 14}},
+            text3: {lineHeight: {desktop: 24, mobile: 24}, size: {desktop: 18, mobile: 16}},
+            text4: {lineHeight: {desktop: 28, mobile: 24}, size: {desktop: 20, mobile: 18}},
+            text5: {lineHeight: {desktop: 32, mobile: 24}, size: {desktop: 28, mobile: 20}, weight: 'light'},
+            text6: {lineHeight: {desktop: 40, mobile: 32}, size: {desktop: 32, mobile: 24}, weight: 'light'},
+            text7: {lineHeight: {desktop: 48, mobile: 32}, size: {desktop: 40, mobile: 28}, weight: 'light'},
+            text8: {lineHeight: {desktop: 56, mobile: 40}, size: {desktop: 48, mobile: 32}, weight: 'light'},
+            text9: {lineHeight: {desktop: 64, mobile: 48}, size: {desktop: 56, mobile: 40}, weight: 'light'},
+            text10: {lineHeight: {desktop: 72, mobile: 56}, size: {desktop: 64, mobile: 48}, weight: 'light'},
             title1: {weight: 'medium'},
             title2: {weight: 'light'},
-            title3: {weight: 'light', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}},
-            indicator: {weight: 'medium'},
-            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', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}},
-            text6: {weight: 'light', size: {mobile: 24, desktop: 32}, lineHeight: {mobile: 32, desktop: 40}},
-            text7: {weight: 'light', size: {mobile: 28, desktop: 40}, lineHeight: {mobile: 32, desktop: 48}},
-            text8: {weight: 'light', size: {mobile: 32, desktop: 48}, lineHeight: {mobile: 40, desktop: 56}},
-            text9: {weight: 'light', size: {mobile: 40, desktop: 56}, lineHeight: {mobile: 48, desktop: 64}},
-            text10: {weight: 'light', size: {mobile: 48, desktop: 64}, lineHeight: {mobile: 56, desktop: 72}},
+            title3: {lineHeight: {desktop: 32, mobile: 24}, size: {desktop: 28, mobile: 20}, weight: 'light'},
         },
     };
     return skin;

diff --git a/src/skins/movistar.tsx b/src/skins/movistar.tsx
@@ -346,29 +346,29 @@ export const getMovistarSkin: GetKnownSkin = () => {
             mediaSmall: '8px',
         },
         textPresets: {
-            cardTitle: {weight: 'bold'},
             button: {weight: 'medium'},
+            cardTitle: {weight: 'bold'},
+            indicator: {weight: 'medium'},
+            link: {weight: 'medium'},
+            navigationBar: {weight: 'medium'},
             tabsLabel: {
+                lineHeight: {desktop: 24, mobile: 24},
+                size: {desktop: 18, mobile: 16},
                 weight: 'medium',
-                size: {mobile: 16, desktop: 18},
-                lineHeight: {mobile: 24, desktop: 24},
             },
-            link: {weight: 'medium'},
+            text1: {lineHeight: {desktop: 20, mobile: 16}, size: {desktop: 14, mobile: 12}},
+            text2: {lineHeight: {desktop: 24, mobile: 20}, size: {desktop: 16, mobile: 14}},
+            text3: {lineHeight: {desktop: 24, mobile: 24}, size: {desktop: 18, mobile: 16}},
+            text4: {lineHeight: {desktop: 28, mobile: 24}, size: {desktop: 20, mobile: 18}},
+            text5: {lineHeight: {desktop: 32, mobile: 24}, size: {desktop: 28, mobile: 20}, weight: 'bold'},
+            text6: {lineHeight: {desktop: 40, mobile: 32}, size: {desktop: 32, mobile: 24}, weight: 'bold'},
+            text7: {lineHeight: {desktop: 48, mobile: 32}, size: {desktop: 40, mobile: 28}, weight: 'bold'},
+            text8: {lineHeight: {desktop: 56, mobile: 40}, size: {desktop: 48, mobile: 32}, weight: 'bold'},
+            text9: {lineHeight: {desktop: 64, mobile: 48}, size: {desktop: 56, mobile: 40}, weight: 'bold'},
+            text10: {lineHeight: {desktop: 72, mobile: 56}, size: {desktop: 64, mobile: 48}, weight: 'bold'},
             title1: {weight: 'medium'},
             title2: {weight: 'bold'},
-            title3: {weight: 'bold', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}},
-            indicator: {weight: 'medium'},
-            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', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}},
-            text6: {weight: 'bold', size: {mobile: 24, desktop: 32}, lineHeight: {mobile: 32, desktop: 40}},
-            text7: {weight: 'bold', size: {mobile: 28, desktop: 40}, lineHeight: {mobile: 32, desktop: 48}},
-            text8: {weight: 'bold', size: {mobile: 32, desktop: 48}, lineHeight: {mobile: 40, desktop: 56}},
-            text9: {weight: 'bold', size: {mobile: 40, desktop: 56}, lineHeight: {mobile: 48, desktop: 64}},
-            text10: {weight: 'bold', size: {mobile: 48, desktop: 64}, lineHeight: {mobile: 56, desktop: 72}},
+            title3: {lineHeight: {desktop: 32, mobile: 24}, size: {desktop: 28, mobile: 20}, weight: 'bold'},
         },
     };
     return skin;

diff --git a/src/skins/o2-new.tsx b/src/skins/o2-new.tsx
@@ -336,29 +336,29 @@ export const getO2NewSkin: GetKnownSkin = () => {
             mediaSmall: '8px',
         },
         textPresets: {
-            cardTitle: {weight: 'medium'},
             button: {weight: 'medium'},
+            cardTitle: {weight: 'medium'},
+            indicator: {weight: 'medium'},
+            link: {weight: 'medium'},
+            navigationBar: {weight: 'medium'},
             tabsLabel: {
+                lineHeight: {desktop: 24, mobile: 24},
+                size: {desktop: 18, mobile: 16},
                 weight: 'medium',
-                size: {mobile: 16, desktop: 18},
-                lineHeight: {mobile: 24, desktop: 24},
             },
-            link: {weight: 'medium'},
+            text1: {lineHeight: {desktop: 20, mobile: 16}, size: {desktop: 14, mobile: 12}},
+            text2: {lineHeight: {desktop: 24, mobile: 20}, size: {desktop: 16, mobile: 14}},
+            text3: {lineHeight: {desktop: 24, mobile: 24}, size: {desktop: 18, mobile: 16}},
+            text4: {lineHeight: {desktop: 28, mobile: 24}, size: {desktop: 20, mobile: 18}},
+            text5: {lineHeight: {desktop: 32, mobile: 24}, size: {desktop: 28, mobile: 20}, weight: 'bold'},
+            text6: {lineHeight: {desktop: 40, mobile: 32}, size: {desktop: 32, mobile: 24}, weight: 'bold'},
+            text7: {lineHeight: {desktop: 48, mobile: 32}, size: {desktop: 40, mobile: 28}, weight: 'bold'},
+            text8: {lineHeight: {desktop: 56, mobile: 40}, size: {desktop: 48, mobile: 32}, weight: 'bold'},
+            text9: {lineHeight: {desktop: 64, mobile: 48}, size: {desktop: 56, mobile: 40}, weight: 'bold'},
+            text10: {lineHeight: {desktop: 72, mobile: 56}, size: {desktop: 64, mobile: 48}, weight: 'bold'},
             title1: {weight: 'medium'},
             title2: {weight: 'bold'},
-            title3: {weight: 'bold', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}},
-            indicator: {weight: 'medium'},
-            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', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}},
-            text6: {weight: 'bold', size: {mobile: 24, desktop: 32}, lineHeight: {mobile: 32, desktop: 40}},
-            text7: {weight: 'bold', size: {mobile: 28, desktop: 40}, lineHeight: {mobile: 32, desktop: 48}},
-            text8: {weight: 'bold', size: {mobile: 32, desktop: 48}, lineHeight: {mobile: 40, desktop: 56}},
-            text9: {weight: 'bold', size: {mobile: 40, desktop: 56}, lineHeight: {mobile: 48, desktop: 64}},
-            text10: {weight: 'bold', size: {mobile: 48, desktop: 64}, lineHeight: {mobile: 56, desktop: 72}},
+            title3: {lineHeight: {desktop: 32, mobile: 24}, size: {desktop: 28, mobile: 20}, weight: 'bold'},
         },
     };
     return skin;

diff --git a/src/skins/o2.tsx b/src/skins/o2.tsx
@@ -333,29 +333,29 @@ export const getO2Skin: GetKnownSkin = () => {
             mediaSmall: '8px',
         },
         textPresets: {
-            cardTitle: {weight: 'regular'},
             button: {weight: 'medium'},
+            cardTitle: {weight: 'regular'},
+            indicator: {weight: 'medium'},
+            link: {weight: 'medium'},
+            navigationBar: {weight: 'medium'},
             tabsLabel: {
+                lineHeight: {desktop: 24, mobile: 24},
+                size: {desktop: 18, mobile: 16},
                 weight: 'medium',
-                size: {mobile: 16, desktop: 18},
-                lineHeight: {mobile: 24, desktop: 24},
             },
-            link: {weight: 'medium'},
+            text1: {lineHeight: {desktop: 20, mobile: 16}, size: {desktop: 14, mobile: 12}},
+            text2: {lineHeight: {desktop: 24, mobile: 20}, size: {desktop: 16, mobile: 14}},
+            text3: {lineHeight: {desktop: 24, mobile: 24}, size: {desktop: 18, mobile: 16}},
+            text4: {lineHeight: {desktop: 28, mobile: 24}, size: {desktop: 20, mobile: 18}},
+            text5: {lineHeight: {desktop: 32, mobile: 24}, size: {desktop: 28, mobile: 20}, weight: 'light'},
+            text6: {lineHeight: {desktop: 40, mobile: 32}, size: {desktop: 32, mobile: 24}, weight: 'light'},
+            text7: {lineHeight: {desktop: 48, mobile: 32}, size: {desktop: 40, mobile: 28}, weight: 'light'},
+            text8: {lineHeight: {desktop: 56, mobile: 40}, size: {desktop: 48, mobile: 32}, weight: 'light'},
+            text9: {lineHeight: {desktop: 64, mobile: 48}, size: {desktop: 56, mobile: 40}, weight: 'light'},
+            text10: {lineHeight: {desktop: 72, mobile: 56}, size: {desktop: 64, mobile: 48}, weight: 'light'},
             title1: {weight: 'medium'},
             title2: {weight: 'light'},
-            title3: {weight: 'light', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}},
-            indicator: {weight: 'medium'},
-            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', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}},
-            text6: {weight: 'light', size: {mobile: 24, desktop: 32}, lineHeight: {mobile: 32, desktop: 40}},
-            text7: {weight: 'light', size: {mobile: 28, desktop: 40}, lineHeight: {mobile: 32, desktop: 48}},
-            text8: {weight: 'light', size: {mobile: 32, desktop: 48}, lineHeight: {mobile: 40, desktop: 56}},
-            text9: {weight: 'light', size: {mobile: 40, desktop: 56}, lineHeight: {mobile: 48, desktop: 64}},
-            text10: {weight: 'light', size: {mobile: 48, desktop: 64}, lineHeight: {mobile: 56, desktop: 72}},
+            title3: {lineHeight: {desktop: 32, mobile: 24}, size: {desktop: 28, mobile: 20}, weight: 'light'},
         },
     };
     return skin;

diff --git a/src/skins/telefonica.tsx b/src/skins/telefonica.tsx
@@ -327,56 +327,56 @@ export const getTelefonicaSkin: GetKnownSkin = () => {
             mediaSmall: '0px',
         },
         textPresets: {
-            cardTitle: {weight: 'regular'},
             button: {weight: 'medium'},
+            cardTitle: {weight: 'regular'},
+            indicator: {weight: 'medium'},
+            link: {weight: 'medium'},
+            navigationBar: {weight: 'medium'},
             tabsLabel: {
+                lineHeight: {desktop: 24, mobile: 24},
+                size: {desktop: 18, mobile: 16},
                 weight: 'medium',
-                size: {mobile: 16, desktop: 18},
-                lineHeight: {mobile: 24, desktop: 24},
-            },
-            link: {weight: 'medium'},
-            title1: {weight: 'medium'},
-            title2: {weight: 'regular'},
-            title3: {
-                weight: 'regular',
-                size: {mobile: 20, desktop: 28},
-                lineHeight: {mobile: 24, desktop: 32},
             },
-            indicator: {weight: 'medium'},
-            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}},
+            text1: {lineHeight: {desktop: 20, mobile: 16}, size: {desktop: 14, mobile: 12}},
+            text2: {lineHeight: {desktop: 24, mobile: 20}, size: {desktop: 16, mobile: 14}},
+            text3: {lineHeight: {desktop: 24, mobile: 24}, size: {desktop: 18, mobile: 16}},
+            text4: {lineHeight: {desktop: 28, mobile: 24}, size: {desktop: 20, mobile: 18}},
             text5: {
+                lineHeight: {desktop: 32, mobile: 24},
+                size: {desktop: 28, mobile: 20},
                 weight: 'regular',
-                size: {mobile: 20, desktop: 28},
-                lineHeight: {mobile: 24, desktop: 32},
             },
             text6: {
+                lineHeight: {desktop: 40, mobile: 32},
+                size: {desktop: 32, mobile: 24},
                 weight: 'regular',
-                size: {mobile: 24, desktop: 32},
-                lineHeight: {mobile: 32, desktop: 40},
             },
             text7: {
+                lineHeight: {desktop: 48, mobile: 32},
+                size: {desktop: 40, mobile: 28},
                 weight: 'regular',
-                size: {mobile: 28, desktop: 40},
-                lineHeight: {mobile: 32, desktop: 48},
             },
             text8: {
+                lineHeight: {desktop: 56, mobile: 40},
+                size: {desktop: 48, mobile: 32},
                 weight: 'regular',
-                size: {mobile: 32, desktop: 48},
-                lineHeight: {mobile: 40, desktop: 56},
             },
             text9: {
+                lineHeight: {desktop: 64, mobile: 48},
+                size: {desktop: 56, mobile: 40},
                 weight: 'regular',
-                size: {mobile: 40, desktop: 56},
-                lineHeight: {mobile: 48, desktop: 64},
             },
             text10: {
+                lineHeight: {desktop: 72, mobile: 56},
+                size: {desktop: 64, mobile: 48},
+                weight: 'regular',
+            },
+            title1: {weight: 'medium'},
+            title2: {weight: 'regular'},
+            title3: {
+                lineHeight: {desktop: 32, mobile: 24},
+                size: {desktop: 28, mobile: 20},
                 weight: 'regular',
-                size: {mobile: 48, desktop: 64},
-                lineHeight: {mobile: 56, desktop: 72},
             },
         },
     };