docs: Fixing and updating the AriaLiveRegion storybook examples

[williamjstanton]

Summary

Fixes: none

I noticed something was wrong with the styling and positioning of the AriaLiveRegion storybook examples, and then I learned the preview <TextInput> component I used in the examples was deprecated.

Release Category

Documentation

Checklist

• [ ] MDX documentation adheres to Canvas Kit's Documentation Guidelines
• [ ] Label ready for review has been added to PR

For the Reviewer

• [X] PR title is short and descriptive
• [X] PR summary describes the change (Fixes/Resolves linked correctly)
• [ ] PR Release Notes describes additional information useful to call out in a release message or removed if not applicable
• [ ] Breaking Changes provides useful information to upgrade to this code or removed if not applicable

Where Should the Reviewer Start?

modules/react/_examples/stories/AriaLiveRegions.stories.mdx modules/react/_examples/stories/examples/AriaLiveRegions/VisibleLiveRegion.tsx modules/react/_examples/stories/examples/AriaLiveRegions/HiddenLiveRegion.tsx modules/react/_examples/stories/examples/AriaLiveRegions/FilterListWithLiveStatus.tsx modules/react/_examples/stories/examples/AriaLiveRegions/TextInputWithLiveError.tsx

Areas for Feedback? (optional)

• [X] Code
• [X] Documentation
• [ ] Testing
• [ ] Codemods

Testing Manually

Screenshots or GIFs (if applicable)

No changes to components, or the examples used on the CK Design Site. The VisibleLiveRegion and HiddenLiveRegion examples are getting a fix for the positioning (alignment) of the text input and submit button.

Thank You Gif (optional)

[cypress[bot]]

Passing run #7450 ↗︎

0

974

3

0

0

Details:

Merge 360d95e0ba8da629401d0d8e2bd8210d43d7847c into cd483dc8550dde1cf57d6fe73d0f...
Project: Workday/canvas-kit	Commit: 672eeed1f3 ℹ️
Status: Passed	Duration: 05:21 💡
Started: Jul 17, 2024 4:38 PM	Ended: Jul 17, 2024 4:43 PM

Review all test suite changes for PR #2818 ↗︎