diff --git a/tools/theme/text-styles.ts b/tools/theme/text-styles.ts index 6af4be67..0dddadcd 100644 --- a/tools/theme/text-styles.ts +++ b/tools/theme/text-styles.ts @@ -3,20 +3,30 @@ */ const textStyles = { 'display-xlarge': { - fontSize: '48px', + fontSize: '40px', fontWeight: 'semibold', lineHeight: '140%', }, 'display-large': { - fontSize: '36px', + fontSize: '28px', fontWeight: 'semibold', lineHeight: '140%', }, + 'display-medium-bold': { + fontSize: '26px', + fontWeight: 'bold', + lineHeight: '140%', + }, 'display-medium': { - fontSize: '28px', + fontSize: '26px', fontWeight: 'normal', lineHeight: '140%', }, + 'display-small-semibold': { + fontSize: '24px', + fontWeight: 'semibold', + lineHeight: '150%', + }, 'display-small': { fontSize: '24px', fontWeight: 'normal', @@ -33,6 +43,16 @@ const textStyles = { lineHeight: '130%', textTransform: 'uppercase', }, + 'button-semibold': { + fontSize: '18px', + fontWeight: 'semibold', + lineHeight: '24px', + }, + 'button-regular': { + fontSize: '18px', + fontWeight: 'normal', + lineHeight: '24px', + }, 'body-regular': { fontSize: '18px', fontWeight: 'normal', @@ -48,10 +68,15 @@ const textStyles = { fontWeight: 'normal', lineHeight: '150%', }, + 'xsmall-medium': { + fontSize: '14px', + fontWeight: 'medium', + lineHeight: '150%', + }, xsmall: { fontSize: '14px', fontWeight: 'normal', - lineHeight: '120%', + lineHeight: '150%', }, };