<ul dir="auto">
<li>[x ] 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">importing parts of material-ui should be available from the top level folder</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">The following list produces a typescript error ".../material-ui/index has no exported member "</p>
<p dir="auto">InputAdornment (I believe this has already been resolved) <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="270630019" data-permission-text="Title is private" data-url="https://github.com/mui/material-ui/issues/8959" data-hovercard-type="pull_request" data-hovercard-url="/mui/material-ui/pull/8959/hovercard" href="https://github.com/mui/material-ui/pull/8959">#8959</a><br>
Theme<br>
StyleRulesCallback<br>
TableFooter<br>
TablePagination## Your Environment</p>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td><a class="user-mention notranslate" data-hovercard-type="organization" data-hovercard-url="/orgs/next/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/next">@next</a></td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
</tbody>
</table>
<p dir="auto">For each color palette (<code class="notranslate">primary</code>, <code class="notranslate">accent</code>, <code class="notranslate">error</code>, etc.), we have to either use default material design hues or provide our own. This requires a set of 15 hues. It is not clear to me (and so far haven't been able to find it here or in the docs, or on material.io) which hue is used in which context.</p>
<p dir="auto">For example, why is A400 used <a href="https://github.com/callemall/material-ui/blob/353f64d896eca71399c1e97a5c02d3ed5d78050c/src/Input/Input.js#L89">here</a> ?</p>
<p dir="auto">It would be helpful to understand why and where hues are used, to make customization easier.</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/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>next</td>
</tr>
</tbody>
</table>