FORNO-1690: Add toggle-group component

[aswasif007]

Description

Add toggle group component.
Click for design.

Checklist

• This PR has good automated test coverage
• The storybook for the component has been updated

Steps to Test

1. Pull down PR.
2. npm run dev.
3. Open Storybook.
4. Eat cookies.
5. Verify cookies are delicious.

[netlify]

✅ Deploy Preview for vip-design-system-components ready!

Name	Link
🔨 Latest commit	f25ad0f
🔍 Latest deploy log	https://app.netlify.com/sites/vip-design-system-components/deploys/668693866177dd0008c949ad
😎 Deploy Preview	https://deploy-preview-415--vip-design-system-components.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[djalmaaraujo]

Thanks for bringing this to the vip-design-system, I really appreciate!

It looks like the implementation of this component is very similar to the RadioBoxGroup. Also, there are some concerning accessibility issues with the tabIndex implemented.

Can you check how much work would take to improve RadioBoxGroup and make this a variant of that component? Maybe a chip variant. I am not the best for names, but I can see a big future on extending RadioBoxGroup.

Thank you!

[djalmaaraujo]

@aswasif007 Can you check Storybook A11Y issues?

Ps: This is a "radio" choice, so it must have a "radio" input under the hood. You should be able to navigate the keyboard keys left and right. Could you check the original RadioBoxGroup and navigate using the arrow keys?

[djalmaaraujo]

I left comments in the existing threads.

[t-wright]

Thanks for working on this 🎉 LGTM

[aswasif007]

Thanks Todd!

Djalma is on vacation so merging without his approval.