feat(accordion): new component

[saiponnada]

Fixes #2476

• This PR contains CSS changes
• This PR does not contain CSS changes

Description

• Added new accordion component that uses details under the hood.

Notes

• The auto-collapse feature on the skin uses an attribute name that does not support our full browser policy. This configuration will be implemented using JavaScript (on eBay UI).

Screenshots

Checklist

• I verify the build is in a non-broken state
• I verify all changes are within scope of the linked issue

• I regenerated all CSS files under dist folder
• I tested the UI in all supported browsers
• I did a visual regression check of the components impacted by doing a Percy build and approved the build
• I tested the UI in dark mode and RTL mode
• I added/updated/removed Storybook coverage as appropriate

[changeset-bot]

🦋 Changeset detected

Latest commit: 51ba760

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

This PR includes changesets to release 1 package

Name	Type
@ebay/skin	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

[ArtBlue]

Some initial thoughts...

[ianmcburnie]

Why details-group and not accordion? We should name it according to its MIND pattern counterpart: https://opensource.ebay.com/mindpatterns/disclosure/accordion/index.html

[ArtBlue]

Looking good. A couple of more minor things...

[ianmcburnie]

Regarding role=list it appears there might be a different way to solve this issue now, see: #2499 (comment)

[ianmcburnie]

Just some tone of voice edits to better match with Skin and MIND patterns.

[ArtBlue]

Looks good!