a11y: Dropdowns

[albertfdp]

Description

This PR refactors the existing dropdown component and aligns it with Navigation Menubar, Menubar, and Menu button

• It expands keyboard support to Home, End and Character key.
• It automatically creates ids for toggle and menu when not present and uses them for aria-controls and aria-labelledby as per Menu button spec.
• It moves the aria-expanded attribute to the toggle as per spec.
• It supports also targetting role=menuitemradio, to better handle menus where there is an existing selection. It updates the templates as appropiate.

The PR also does minor updates to theme to better align with Garden styles.

Screenshots

Checklist

• 📗 all commit messages follow the conventional commits standard
• ⬅️ changes are compatible with RTL direction
• ♿ Changes to the UI are tested for accessibility and compliant with WCAG 2.1.
• 📝 changes are tested in Chrome, Firefox, Safari and Edge
• 📱 changes are responsive and tested in mobile
• 👍 PR is approved by @zendesk/vikings

[luis-almeida]

Looks good! When the required api update is ready 👍🏼

[luis-almeida]

Refactor and tests look good, so no comments there 👍🏼

A couple of points:

• Can we colocate the spec file with the source code?
• Nit: no need to check in scipt.js and style.css as these are rebuilt upon every merge.

[albertfdp]

@luis-almeida okay! I have now moved the test file next to the component

[zd-svc-github-copenhagen-theme]

🎉 This PR is included in version 3.1.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀