<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>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">When using just a couple <code class="notranslate">TextField</code>s and a <code class="notranslate">Button</code> (ie. a login page) and using the <a href="https://github.com/umidbekkarimov/babel-plugin-direct-import">babel-plugin-direct-import</a> module, I would expect that only the <code class="notranslate">TextField</code> and <code class="notranslate">Button</code> components should be bundled in the ouput.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Many other components including <code class="notranslate">List</code>, <code class="notranslate">Menu</code>, and <code class="notranslate">Popover</code> get included in the bundle.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto">I have created a <a href="https://github.com/Graham42/bug-babel-direct-import-material-ui-next">sample project</a> that just uses a TextField.</p>
<ol dir="auto">
<li><code class="notranslate">git clone https://github.com/Graham42/bug-babel-direct-import-material-ui-next</code></li>
<li><code class="notranslate">npm install</code></li>
<li>You can see the module bundle stats by running</li>
</ol>
<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="npm run build
npm run stats"><pre class="notranslate">npm run build
npm run stats</pre></div>
<h2 dir="auto">Context</h2>
    
<p dir="auto">I'm trying to minimize the bundle size of what needs to be delivered for my login page.</p>
<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>1.0.0-beta.21</td>
</tr>
<tr>
<td>React</td>
<td>16.1.1</td>
</tr>
<tr>
<td>babel-plugin-direct-import</td>
<td>0.4.0</td>
</tr>
</tbody>
</table>
<h3 dir="auto">Most components aren't semantic html. Also inline elements wrap block elements. There are empty divs that seem redundant, and too much duplicated inline styling. There appears to be no effort made for accessibility, and at the very least would be good to provide a means for micro-formats for SEO of child elements.</h3>
<h3 dir="auto">Steps to reproduce</h3>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI:</li>
</ul>