feat: new component SelectableCardOptionGroup

[matthprost]

Summary

Type

• Feature

New component SelectableCardOptionGroup ✨

• <Popup />: fix when there is no animation to not add a setTimeout to close the popup. This will improve the behavior of <SelectInputV2 /> and make the testing less random.
• <SelectableCard />: remove pointer events on the radio. We were already doing it with the checkbox version. Also improved tabulation to be more accessible.
• <Label />: improve component to accept as prop that can take either label or legend. It also accept sentiment and disabled props now. The mouse pointer will be a pointer as well when htmlFor is passed.
• <SelectInputV2 />: improve the focusable elements and fix a visual bug to double click to open the dropdown. Also when there is no space in the input the text will be ellipsis.
• New component <SelectableCardOptionGroup />
• New component <SelectableCardOptionGroupField />

Relevant logs and/or screenshots

[changeset-bot]

🦋 Changeset detected

Latest commit: ec628b1

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
@ultraviolet/icons	Patch
@ultraviolet/plus	Patch
@ultraviolet/ui	Minor
@ultraviolet/form	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[codecov]

Codecov Report

Attention: Patch coverage is 92.00000% with 10 lines in your changes missing coverage. Please review.

Project coverage is 89.26%. Comparing base (c231fb2) to head (ec628b1).
Report is 39 commits behind head on main.

Files with missing lines	Patch %	Lines
...omponents/SelectableCardOptionGroupField/index.tsx	64.70%	6 Missing ⚠️
...c/components/SelectableCardOptionGroup/Provider.ts	62.50%	3 Missing ⚠️
packages/ui/src/components/Radio/index.tsx	66.66%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #4798      +/-   ##
==========================================
+ Coverage   89.19%   89.26%   +0.06%     
==========================================
  Files         230      235       +5     
  Lines        8009     8120     +111     
  Branches     3680     3684       +4     
==========================================
+ Hits         7144     7248     +104     
- Misses        865      872       +7     

Files with missing lines	Coverage Δ
packages/ui/src/components/Label/index.tsx	100.00% <100.00%> (ø)
packages/ui/src/components/Notification/index.tsx	100.00% <100.00%> (ø)
packages/ui/src/components/Popup/index.tsx	89.04% <100.00%> (+0.49%)	⬆️
...kages/ui/src/components/SelectInputV2/Dropdown.tsx	41.58% <100.00%> (+0.19%)	⬆️
...ages/ui/src/components/SelectInputV2/SelectBar.tsx	64.28% <100.00%> (+0.71%)	⬆️
packages/ui/src/components/SelectInputV2/index.tsx	81.57% <100.00%> (ø)
...ackages/ui/src/components/SelectableCard/index.tsx	92.15% <100.00%> (+0.15%)	⬆️
...nts/SelectableCardOptionGroup/components/Image.tsx	100.00% <100.00%> (ø)
...ts/SelectableCardOptionGroup/components/Option.tsx	100.00% <100.00%> (ø)
...src/components/SelectableCardOptionGroup/index.tsx	100.00% <100.00%> (ø)
... and 5 more

... and 11 files with indirect coverage changes

---

Continue to review full report in Codecov by Sentry.

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

[mhervouet]

Should the label in disabled state use disabled text ?

[matthprost]

Should the label in disabled state use disabled text ?

It's fixed !