title: Change hover color of <TextField /> in createMuiTheme()
body: <p>How do I change the <code>borderColor</code> on <code>hover</code> of the <em>outlined</em> <code>&lt;TextField /&gt;</code> Component in the <code>createMuiTheme()</code>? Doing it for the underlined <code>&lt;Input /&gt;</code> is rather easy</p>
  
  <pre><code>export default createMuiTheme({   
      MuiInput: {
          '&amp;:hover:not($disabled):not($focused):not($error):before': {
              borderBottom: '2px solid red',
          },
      }
  });
  </code></pre>
  
  <p>But how do I access the <em>outlined</em> <code>&lt;TextField /&gt;</code> Component (<code>variant='outlined'</code>).? </p>
  
  <p>Generally: I really miss a good documentation on the <code>props</code> of the <code>JSON</code> passed to <code>createMuiTheme()</code>... Is there somewhere a place where I can see the whole object, with all possible/available props?!</p>