chore: Radio Styles Refactor

[josh-bagwell]

Summary

Refactors styles in Radio and RadioGroup using new style utilities.

Fixes: #2396

Release Category

Components

Release Note

Radio and RadioGroup now use Canvas Tokens and our new styling utilities. The component now supports the cs prop, but otherwise the API has not changed. It should behave identically as it did in previous versions however, there may be some slight visual changes.

BREAKING CHANGES

There may be slight visual changes.

---

For the Reviewer

• PR title is short and descriptive
• 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/preview-react/radio/lib/RadioGroup.tsx
/modules/preview-react/radio/lib/Radio.tsx

[cypress]

Passing run #6805 ↗︎

0	905	3	0	0
⚠️ You've recorded test results over your free plan limit. Upgrade your plan to view test results.

Details:

Merge 68a3298 into 61dca4f...
Project: canvas-kit	Commit: d84fe80c6b ℹ️
Status: Passed	Duration: 15:51 💡
Started: Feb 5, 2024 7:25 PM	Ended: Feb 5, 2024 7:41 PM

Review all test suite changes for PR #2546 ↗︎

[josh-bagwell]

UI Tests show the update to the disabled border color (from soap600 to licorice100) and the update to the alert ring for themed option.

[alanbsmith]

This is a good start. Thanks for working on this, @josh-bagwell! A few main notes:

• If the component is already supporting style props, use mergeStyles instead of handleCSProp for backwards compatibility.
• Let's go ahead and move everything to rem while we're refactoring
• Use the calc functions – I made them for you. 😄
• Maybe consolidate common styles