Updates to / unification of Floating Menu

[americanrefugee]

Figma document

• Floating Menu component

Storybook pages

• ContextMenu
• FloatingMenu

Platform

• Web

Updates requested

There should just be 1 component with the following variants:

• Account
• Nav List
• Filter List
• Sort List
• SM Nav List
• SM Options List

[robintown]

Some notes to myself:

The fact that a single menu can contain multiple headers (the sort list example), and these headers can contain arbitrary content (the account example) suggests that I should extract out a separate header component in the implementation. And when the menu header disappears in the bottom sheet version, we can implement this by saying that the menu component has an inherent (optional) header slot.

I need to think a bit harder about how to get keyboard navigation to behave correctly in each of these variants, and what the best way would be to provide shortcut components for creating nav lists and option lists.

[americanrefugee]

I also noticed that the margins are incorrect in the current implementation...

• There should be 8px margin on the left and right of each menu item (currently full width)
• There should be 8px between the last normal menu item, separator, and destructive menu item
• There should be 4px between menu items