<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">The Grid component lacks the API to modify the <code class="notranslate">align-content</code> CSS property. I believe this property is important for layout configurations.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Through the Grid API, the <code class="notranslate">justify-content</code> and the <code class="notranslate">align-items</code> CSS props can be set. However <code class="notranslate">align-content</code> is missing.</p>
<ul dir="auto">
<li>[ x ] 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">I can bundle Material-UI fine with <a href="https://github.com/rollup/rollup">rollup</a></p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">While bundling, this error is thrown and rollup aborts:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[!] Error: 'default' is not exported by node_modules/material-ui/styles/MuiThemeProvider.js
https://github.com/rollup/rollup/wiki/Troubleshooting#name-is-not-exported-by-module
src/index.js (702:7)
702: import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'"><pre class="notranslate"><code class="notranslate">[!] Error: 'default' is not exported by node_modules/material-ui/styles/MuiThemeProvider.js
https://github.com/rollup/rollup/wiki/Troubleshooting#name-is-not-exported-by-module
src/index.js (702:7)
702: import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'
</code></pre></div>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<ol dir="auto">
<li>git clone <a href="https://github.com/binarykitchen/8b8698a5dc0ec165f948676d59c2c495.git">https://github.com/binarykitchen/8b8698a5dc0ec165f948676d59c2c495.git</a></li>
<li>yarn</li>
<li>yarn start</li>
<li>Booom!</li>
</ol>
<h2 dir="auto">Context</h2>
<p dir="auto">I think it has to do with the way how you are exporting stuff within MuiThemeProvider maybe?</p>
<p dir="auto">Already tried to fix that with the commonjs plugin like that</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="    commonjs({
      namedExports: {
        'node_modules/material-ui/styles/MuiThemeProvider.js': ['MuiThemeProvider']
      }
    }),"><pre class="notranslate">    <span class="pl-en">commonjs</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
      <span class="pl-c1">namedExports</span>: <span class="pl-kos">{</span>
        <span class="pl-s">'node_modules/material-ui/styles/MuiThemeProvider.js'</span>: <span class="pl-kos">[</span><span class="pl-s">'MuiThemeProvider'</span><span class="pl-kos">]</span>
      <span class="pl-kos">}</span>
    <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">,</span></pre></div>
<p dir="auto">but doesnt make a difference. Must be something else.</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>0.19.1</td>
</tr>
<tr>
<td>React</td>
<td>15.6.1</td>
</tr>
<tr>
<td>browser</td>
<td>Latest Chrome</td>
</tr>
</tbody>
</table>