Adds registered custom properties to the dropdown menus, which can be set in another stylesheet at any level (either on the direct element or on an ancestor) or use the default values given.
Adds the `disabled` attribute to a menu-item button if it's disabled, not just as a className. Styling changes centered on that as well.
Also changes the `beta` class to `status` because it is used for both `beta` and `disabled` indicators. Styling changes for that.
The styling in the dropdown.less file targeting `.menu-wrapper` was not doing anything. Double checked on old firefox, too, in case it was needed for oddbird polyfill.
The snippets are a `menubar` in terms of role, and is a list of items (`menitem`, `li`).
Note for myself: submenus are `menu` roles that immediately follow their triggering `menuitem` and are direct children of the parent `menu`, per WCAG. This is done in this commit.
commit e02ce4f898 unintentionally undid some changes for v4 by dbolack, I'm not really sure how. It's evidently not possible to directly "revert" those changes without having a conflicted file, i think something was borked in the process.
manually reverting the changes here, hopefully it works out.
to decrease the width used for the snippet bar triggers, removed the down arrows (for the top level triggers only). And, reduced the padding on the icons in the snippetbar while retaining it inside the menus.
The icons still align between the menu list and the menu trigger, but the text labels do not.
revert commit 1fe19578c2 which changed `anchor()` values to `position-area`.
I'm not sure what compelled me to do that change initially, except the easier to understand syntax. Hopefully it wasn't important.
But oddbird polyfill expects `anchor()` values, which it converts to pixel values for positioning.
This updates the position try results by using a different method of setting the area of the anchored element. Rather than using the inset properties with `anchor()`, it uses `position-area`.
Víctor Losada Hernández