feat(audio-player): add rh-audio-player

[nikkimk]

What I did

rh-menu

(based on Audio-player XD)

• Menu

rh-audio-player

(based on Audio-player XD)

• Audio player
• Customizations
• Prevent concurrent playback
• Detailed transcript
• Language localization
• Right-to-left
• Docs based on spec Doc

Closes #637 and #1072

[changeset-bot]

🦋 Changeset detected

Latest commit: 7956ae0

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

This PR includes changesets to release 1 package

Name	Type
@rhds/elements	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

[netlify]

✅ Deploy Preview for red-hat-design-system ready!

Name	Link
🔨 Latest commit	7956ae0
🔍 Latest deploy log	https://app.netlify.com/sites/red-hat-design-system/deploys/64944d73dc43b60008356e2a
😎 Deploy Preview	https://deploy-preview-679--red-hat-design-system.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 settings.

[bennypowers]

So far looks fantastic. comments are mostly nits. Made it as far as HeadingController

[bennypowers]

Please run stylelint on the new css files. there are errors that aren't autofixable

[bennypowers]

I want to see how much we can simplify the heading controller. @nikki drop me a line when you get online and hopefully we can merge by EoD

[bennypowers]

super almost there! I just want to get some clarity about has-accent-color - can we either remove this attribute or give it a value e.g.

<rh-audio-player accent-color="var(--rh-color-brand-red-on-light)">
<rh-audio-player accent-color="#EE0000">

I only found has-accent-color in css files and the component definition, so it looks like it was intended to be set whenever users also set certain css props, is that correct?