Implementation of a new Text component that displays text based on our typography tokens
Supports the following variants: body, heading, display, and navigation
Allows for different size props for body and heading: xs, sm, md, lg
Defaults to body medium if no variant or size is provided
Has bottomSpacing prop that accepts different spacing tokens when something other than the default paragraph spacing is desired
Includes a11y override and color override
Testing Packages
components 0.27.1-alpha.0
Screenshots/Video
Web
https://github.com/user-attachments/assets/36ae606e-94e1-40f8-989f-cad3b45f6262
iOS
https://github.com/user-attachments/assets/b4f7308a-fe10-44bf-8d94-57367d974c42
Android
https://github.com/user-attachments/assets/f6f70ca6-d332-4ae8-b85d-c9528c7ad7aa
iOS Voiceover
https://github.com/user-attachments/assets/d85cebdd-0e62-4002-b673-42d99cad50d4
Android Talkback
https://github.com/user-attachments/assets/45601cd7-7488-4071-a091-02961e96f903
In-app test
![Simulator Screenshot - iPhone 16 - 2024-11-12 at 11 14 34](https://github.com/user-attachments/assets/6715c754-cf43-4134-9711-9199ce0f9781)
Testing
[x] Tested on iOS
[x] Tested on Android
[x] Tested on Web
PR Checklist
Code reviewer validation:
General
[x] PR is linked to ticket(s)
[x] PR has changelog label applied if it's to be included in the changelog
[x] Acceptance criteria:
All satisfied or
Documented reason for not being performed or
Split to separate ticket and ticket is linked by relevant AC(s)
[x] Above PR sections adequately filled out
[x] If any breaking changes, in accordance with the pre-1.0.0 versioning guidelines: a CU ticket has been created for the VA Mobile App detailing necessary adjustments with the package version that will be published by this ticket
Code
[x] Tests are included if appropriate (or split to separate ticket)
Description of Change
Implementation of a new Text component that displays text based on our typography tokens
Testing Packages
Screenshots/Video
Web
https://github.com/user-attachments/assets/36ae606e-94e1-40f8-989f-cad3b45f6262iOS
https://github.com/user-attachments/assets/b4f7308a-fe10-44bf-8d94-57367d974c42Android
https://github.com/user-attachments/assets/f6f70ca6-d332-4ae8-b85d-c9528c7ad7aaiOS Voiceover
https://github.com/user-attachments/assets/d85cebdd-0e62-4002-b673-42d99cad50d4Android Talkback
https://github.com/user-attachments/assets/45601cd7-7488-4071-a091-02961e96f903In-app test
![Simulator Screenshot - iPhone 16 - 2024-11-12 at 11 14 34](https://github.com/user-attachments/assets/6715c754-cf43-4134-9711-9199ce0f9781)Testing
PR Checklist
Code reviewer validation:
changelog
label applied if it's to be included in the changelogPublish
If changes warrant a new version per the versioning guidelines and the PR is approved and ready to merge:
main
into branchmain