cds-radio-panel checked visual doesn't change when another panel in the same group is selected

[ashleyryan]

Describe the bug

When rendering multiple radio-panels inside of a cds-radio-group, the other panels don't switch to an unchecked display visually when another panel is checked.

How to reproduce

https://stackblitz.com/edit/clarity-cdn-nlgyj2?file=index.html

Steps to reproduce the behavior:

1. Notice how clicking "My Radio 1" and then "My Radio 2" unchecks "My Radio 1"
2. When repeating the same behavior with the radio panel

Expected behavior

A clear and concise description of what you expected to happen.

Versions

Clarity project:

• Clarity Core

Clarity version:

• v3.x
• v4.x
• v5.x
• v6.x

Framework:

• Angular
• React
• Vue
• Other: Vanilla JS

Device:

• Browser: Chrome
• Version 100.0.4896.88

[github-actions]

🎉 This issue has been resolved in version 5.7.2 🎉

The release is available on:

• GitHub release
• v5.7.2

Your semantic-release bot 📦🚀

[github-actions]

🎉 This issue has been resolved in version 6.0.0-beta.4 🎉

The release is available on:

• GitHub release
• v6.0.0-beta.4

Your semantic-release bot 📦🚀

[github-actions]

🎉 This issue has been resolved in version 6.0.0 🎉

The release is available on:

• GitHub release
• v6.0.0

Your semantic-release bot 📦🚀

[github-actions]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.