refactor(react-radio): integration with react-aria radio

[tianenpang]

📝 Description

Refactor Radio and integration with react-aria/radio.

🚀 New behavior

Usage

• Radio needs to be wrapped in the Radio.Group.

Styles

• The border-radius will be the same as the Checkbox when isSquared.
• Keeps RadioPoint disabled style when isChecked, isDisabled and hovered.

Keyboard Accessibility

• Tab key to navigate to the group.
• Arrow keys to navigate and select within the group.

Radio Props

OLD APIs	NEW APIs
textColor	labelColor
checked	-
animated	disableAnimation
squared	isSquared
disabled	isDisabled
preventDefault	-
onChange	-
...	-

Radio Group Props

OLD APIs	NEW APIs
textColor	labelColor
value: string, number	value: string
initialValue: string, number	defaultValue: string
row	isRow
disabled	isDisabled
onChange: (e:RadioEvent) => void	onChange: (value: T) => void
...	-

Radio Desc Props

NEW APIs
as
css

Radio Types

OLD Types	NEW Types
RadioEvent	-
RadioEventTarget	-

💣 Is this a breaking change (Yes/No):

Yes

[codecov-commenter]

Codecov Report

Merging #491 (3ada8bb) into main (3aa92a9) will increase coverage by 0.06%.
The diff coverage is 100.00%.

@@            Coverage Diff             @@
##             main     #491      +/-   ##
==========================================
+ Coverage   74.95%   75.01%   +0.06%     
==========================================
  Files         183      186       +3     
  Lines        2831     2830       -1     
  Branches      843      847       +4     
==========================================
+ Hits         2122     2123       +1     
+ Misses        698      696       -2     
  Partials       11       11              

Impacted Files	Coverage Δ
packages/react/src/radio/index.ts	100.00% <100.00%> (ø)
packages/react/src/radio/radio-context.ts	100.00% <100.00%> (ø)
packages/react/src/radio/radio-desc.tsx	100.00% <100.00%> (ø)
packages/react/src/radio/radio-group.tsx	100.00% <100.00%> (ø)
packages/react/src/radio/radio.styles.ts	100.00% <100.00%> (ø)
packages/react/src/radio/radio.tsx	100.00% <100.00%> (+4.65%)	⬆️
packages/react/src/radio/use-radio-group.ts	100.00% <100.00%> (ø)
packages/react/src/radio/use-radio.ts	100.00% <100.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 3aa92a9...3ada8bb. Read the comment docs.

[jrgarciadev]

Thanks a lot @tianenpang 🙏🏻 , excellent job!