feat(menu): Vertical menu

[miroslavstastny]

Menu

A vertical menu displays elements vertically.
This is the basic implementation which covers default menu only. Other variations will be handled in separate PR(s).

TODO

• Conformance test
• Minimal doc site example
• Stardust base theme
• Teams Light theme
• Teams Dark theme
• Teams Contrast theme
• Confirm RTL usage
• W3 accessibility check
• Stardust accessibility check
• Update glossary props table
• Update the CHANGELOG.md

API Proposal

Vertical

A vertical menu displays elements vertically.

<Menu vertical>
  <Menu.Item vertical name='inbox' active={activeItem === 'inbox'} onClick={this.handleItemClick}>
    Inbox
  </Menu.Item>

  <Menu.Item vertical name='spam' active={activeItem === 'spam'} onClick={this.handleItemClick}>
    Spam
  </Menu.Item>

  <Menu.Item vertical name='updates' active={activeItem === 'updates'} onClick={this.handleItemClick}>
    Updates
  </Menu.Item>
</Menu>

<button>Click</button>

[codecov]

Codecov Report

Merging #21 into master will increase coverage by 0.12%.
The diff coverage is 100%.

@@            Coverage Diff             @@
##           master      #21      +/-   ##
==========================================
+ Coverage   82.73%   82.86%   +0.12%     
==========================================
  Files          59       59              
  Lines         840      846       +6     
  Branches      180      193      +13     
==========================================
+ Hits          695      701       +6     
  Misses        141      141              
  Partials        4        4

Impacted Files	Coverage Δ
src/components/Menu/menuRules.ts	100% <100%> (ø)	⬆️
src/components/Menu/MenuItem.tsx	100% <100%> (ø)	⬆️
src/components/Menu/menuItemRules.ts	88.88% <100%> (+2.52%)	⬆️
src/components/Menu/Menu.tsx	100% <100%> (ø)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update c7b7621...c84df4e. Read the comment docs.

[mnajdova]

The primary implementation of the vertical menu is not consistent with the default:

Is this going to be implemented in separate PR? I would rather have this implemented in this PR, as the only thing not corresponding is the background color of the active and hovered ListItems.

[mnajdova]

I didn't have the latest changes localy. Looks ok, approved.