Add the new typography setting in the theme file. Currently, the typography is in the CustomText component(/component/ui/CustomText.tsx), move it to the theme file to facilitate accessibility anywhere.
The new typography settings are:
sm: font-size/line-height of 13/20
base: font-size/line-height of 15/24
lg: font-size/line-height of 20/28
All the 15 and 16 in the Figma design become 15/24
All 13 in the Figma design become 13/20
Change the font-size/line-height of the input component located in /components/ui/input.tsx to use the new typography.
Move the configurations for the font-family and fontStyle from the CustomText component to the theme file as well. These are
fontWeightMap and fontStyleMap
Acceptance Criteria:
The theme file has the new typography, fontWeightMap, and also the fontStyleMap
The CustomText component is updated with the new typography
The input component is updated to use typography from the theme file
Objective:
Update the typography
Description:
Add the new typography setting in the theme file. Currently, the typography is in the CustomText component(
/component/ui/CustomText.tsx
), move it to the theme file to facilitate accessibility anywhere.The new typography settings are:
All the 15 and 16 in the Figma design become 15/24
All 13 in the Figma design become 13/20
Change the font-size/line-height of the input component located in
/components/ui/input.tsx
to use the new typography.Move the configurations for the font-family and fontStyle from the CustomText component to the theme file as well. These are
fontWeightMap
andfontStyleMap
Acceptance Criteria:
Design
Figma: https://www.figma.com/design/ZcPlin9PqvfVKaeM8VfUov/SocialApp?node-id=1454-1285&t=qDlypNkyZeFT6RbS-4