title: Add "focusVisibleClassName" globally in Material UI
body: <p>I want to disable the ripple effect since I don't want the effect when clicking on elements. Now this works but when doing this the <code>:focus-visible</code> state will also be disabled which is a bummer. Would be really nice to split this prop up into something like <code>disableClickRipple</code>, <code>disableFocusRipple</code> and so on...</p>
  <p>Anyway, according to the docs I have to add <code>focusVisibleClassName</code> in order to style my own focus state but how would I do this to all elements that is affected by the disabled ripple effect? As I understand it I have to do this manually on each and every component? Can this be done globally? To me this would need to be a global setting?</p>