CED-1754 Create v3 EsFormRadioCards

[tomleo]

🔗 Linked issue

• https://energysage.atlassian.net/browse/CED-1754

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

• Refactored es-radio-button and es-radio-button-group to use the native input element, and reverted es-ds-styles back to what they were previously. This fixes styling issues when apply shared styles to the card components.
• The cards markup wrap is essentially <label><input /></lable> whereas the button markup is basically <label for="" /><input />. Implementing es-form-radio-card and es-form-radio-cards components also using the native input element greatly simplifies things.
• Added disabled styling per figma https://www.figma.com/design/G3Zq89yg3vek9b4JrnlSYn/ESDS-2.0?node-id=16626-2752&node-type=frame&t=H4B3RvLBrv6G7Dad-0

🥼 Testing

Manual

🧐 Feedback Requested / Focus Areas

• The previous implementation allowed for v-model to be set in the wrapping component when also adding radio-cards as slots. I could not figure out how to make this work (aside from a provide/inject implementation that broke other things). It seems like a reasonable trade-off to define a v-model on input fields when you define them, or use v-model on the group component when passing in an options array.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.
• I have documented testing approach

[swarmia]

✅  Linked to Task CED-1754 · Create v3 EsFormRadioCards
➡️  Part of Epic CED-1339 · Build Vue 3 design system [MC]

[nathanielwarner]

@tomleo could you resolve merge conflicts and apply the prism fix?

[nathanielwarner]

👀

[nathanielwarner]

Looking pretty good! My comments are mostly geared towards cleaning up the code and setting up downstream repos for success.

[nathanielwarner]

Almost there! mainly should just address the focus state of the radio cards

[tomleo]

Almost there! mainly should just address the focus state of the radio cards

Yes! Done via 1c3d672

[nathanielwarner]

LGTM! 🚀