<p dir="auto">Palette and PaletteOptions ts defintions (probably others) are not in sync with the changes made on <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="286903021" data-permission-text="Title is private" data-url="https://github.com/mui/material-ui/issues/9794" data-hovercard-type="pull_request" data-hovercard-url="/mui/material-ui/pull/9794/hovercard" href="https://github.com/mui/material-ui/pull/9794">#9794</a></p>


<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">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>latest beta</td>
</tr>
<tr>
<td>React</td>
<td>16</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 63</td>
</tr>
<tr>
<td>etc</td>
<td>TS 2.6.2</td>
</tr>
</tbody>
</table>
<p dir="auto">Visit <a href="http://www.material-ui.com/#/components/flat-button" rel="nofollow">http://www.material-ui.com/#/components/flat-button</a></p>
<p dir="auto">Scroll down to bottom of the page. The content seem to be broken.</p>