[Feature] Text component: Update stories

[narin]

Description of Change

Update Text component storybook stories:

• Update doc url
• Conditionally hide tone and size props when variant is 'display'
• Hide 'error' tone option in Heading story.
  • Note: Storybook only allows for 1 condition per control at the root level. Since I set the tone to be conditionally hidden for the display variant, I could not add another condition to hide the error option for tone when the variant is heading. Because of this, the error tone is only hidden on the Heading story and will still be visible if switching variants on the Docs page or other stories.

Also updates a missed requirement: bottomSpacing should only be fully customizable for Heading and Display variants. For Body, bottomSpacing should only be able to set to 'none' or left undefined to use the default.

Testing Packages

N/A

Screenshots/Video

Screen.Recording.2024-11-18.at.11.07.45.AM.mov

Testing

• Tested on Web

PR Checklist

Code reviewer validation:

• General
  • PR is linked to ticket(s)
  • PR has changelog label applied if it's to be included in the changelog
  • Acceptance criteria:
    • All satisfied or
    • Documented reason for not being performed or
    • Split to separate ticket and ticket is linked by relevant AC(s)
  • Above PR sections adequately filled out
  • 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
  • Tests are included if appropriate (or split to separate ticket)
  • New functions have proper TSDoc annotations

Publish

If changes warrant a new version per the versioning guidelines and the PR is approved and ready to merge:

• Merge main into branch
• Merge branch to main
• Verify that Check Component Integrations workflow ran successfully
• Publish new version after merging

[TimRoe]

Be a slight improvement if the options could be pulled directly from HeaderProps.tone or BaseTones so if any are ever added/removed it doesn't break the story.

[narin]

TypeScript doesn't allow you to build an array from a type, but you can do the opposite. Declared and exported an array called baseToneValues in Text.tsx and updated the type to use that. The syntax is a little weird but solves the problem of hardcoding the options.

[TimRoe]

Couple minor suggestions, but overall seems good to go.