<h3 dir="auto">Problem description</h3>
<p dir="auto">When we display a list of MenuItems, hovering the mouse results in whatever the mouse landing on being highlighted.  From that state, keyboard controls (assuming the list is receiving them) change what is selected, and therefore the highlighting, but the hover highlight does not go away.  Moving the mouse between menu items replaces both highlightings.</p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">create a paper element<br>
create a series of menuitem elements inside the paper element<br>
hover mouse over a menu item<br>
press the down arrow</p>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: 1.0.0-beta.4</li>
<li>React: 15.6.1</li>
<li>Browser: IE11, chrome 60.0.3112.90</li>
</ul>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/mui-org/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">When using the latest beta26 under TypeScript, I expect to be able to leverage the changes to zIndex, namely theme.zIndex.drawer.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">The TypeScript typings were not updated with the changes, and reference removed keys as well as lacking the newer (e.g., drawer, etc) keys.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<ol dir="auto">
<li>Look at: <a href="https://github.com/mui-org/material-ui/blob/bd42549ee464bce03743f7ee18964066f9d3907d/src/styles/zIndex.js">https://github.com/mui-org/material-ui/blob/bd42549ee464bce03743f7ee18964066f9d3907d/src/styles/zIndex.js</a></li>
<li>Then look at the type definition: <a href="https://github.com/mui-org/material-ui/blob/bd42549ee464bce03743f7ee18964066f9d3907d/src/styles/zIndex.d.ts">https://github.com/mui-org/material-ui/blob/bd42549ee464bce03743f7ee18964066f9d3907d/src/styles/zIndex.d.ts</a></li>
<li>Note the differences in keys defined for zIndex (also noted in the Changelog: <a href="https://github.com/mui-org/material-ui/releases/tag/v1.0.0-beta.26">https://github.com/mui-org/material-ui/releases/tag/v1.0.0-beta.26</a>)</li>
</ol>
<h2 dir="auto">Context</h2>
<p dir="auto">I was previously using theme.zIndex.navDrawer, and on upgrading to beta26 noticed that I had styling issues -- further investigation revealed the zIndex wasn't being set at all, but this wasn't caught by the TypeScript compiler (because the types hadn't been updated).</p>
<h2 dir="auto">Your Environment</h2>
<p dir="auto">TypeScript 2.6.2, NodeJS 8.9.1, OSX High Sierra</p>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>1.0.0-beta26</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 63.0.3239.84 (Official Build) (64-bit) OSX</td>
</tr>
</tbody>
</table>