Skip to content

Commit

Permalink
WEB-2082 feat(vivo-type): added medium weight
Browse files Browse the repository at this point in the history
  • Loading branch information
@atabel
atabel committed Nov 11, 2024
1 parent 007f4f8 commit 240b822
Show file tree
Hide file tree
Showing 14 changed files with 176 additions and 188 deletions.
Binary file modified .storybook/css/fonts/vivo-type-bold.woff2
View file
Binary file not shown.
Binary file modified .storybook/css/fonts/vivo-type-light.woff2
View file
Binary file not shown.
Binary file added .storybook/css/fonts/vivo-type-medium.woff2
View file
Binary file not shown.
Binary file modified .storybook/css/fonts/vivo-type-regular.woff2
View file
Binary file not shown.
2 changes: 1 addition & 1 deletion .storybook/css/vivo-font.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 */
Expand Down
22 changes: 11 additions & 11 deletions css/vivo-new.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -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;
}

Expand Down
34 changes: 17 additions & 17 deletions src/skins/blau.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
34 changes: 17 additions & 17 deletions src/skins/movistar.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
34 changes: 17 additions & 17 deletions src/skins/o2-new.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
34 changes: 17 additions & 17 deletions src/skins/o2.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
58 changes: 29 additions & 29 deletions src/skins/telefonica.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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},
},
},
};
Expand Down
Loading

0 comments on commit 240b822

Please sign in to comment.