@material-ui/styles RTL support

Does the new ThemeProvider have full RTL support?

• This is not a v0.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 🤔

With RTL enabled TextFileds, including labels and placeholders, should be right aligned.

Current Behavior 😯

TextFileds seem left aligned

Steps to Reproduce 🕹

https://codesandbox.io/s/wq787oxnml

Your Environment 🌎

Tech	Version
Material-UI	v3.9.0
Material-UI styles	3.0.0-alpha.8
React	16.8.0-alpha.1

[oliviertassinari]

@mbrevda Yes, it does:

import React from "react";
import ReactDOM from "react-dom";
import { createMuiTheme } from "@material-ui/core/styles";
import { StylesProvider, ThemeProvider, jssPreset } from "@material-ui/styles";
import { create } from "jss";
import rtl from "jss-rtl";
import Demo from "./demo";

const jss = create({ plugins: [...jssPreset().plugins, rtl()] });
const theme = createMuiTheme({
  direction: "rtl"
});

ReactDOM.render(
  <StylesProvider jss={jss}>
    <ThemeProvider theme={theme}>
      <Demo />
    </ThemeProvider>
  </StylesProvider>,
  document.querySelector("#root")
);

https://codesandbox.io/s/material-demo-3uhoj

~We will have to upgrade the RTL guide documentation with v4.~

[aminesi]

Hi @oliviertassinari did you test your solution with typescript cause i get this error:

Argument of type ‘{ plugins: (Plugin | { onProcessStyle(style: any, rule: any, sheet: any): any; })[]; }’ is not assignable to parameter of type ‘Partial<JSSOptions>’. Types of property ‘plugins’ are incompatible. Type ‘(Plugin | { onProcessStyle(style: any, rule: any, sheet: any): any; })[]’ is not assignable to type ‘readonly JSSPlugin[]’. Type ‘Plugin | { onProcessStyle(style: any, rule: any, sheet: any): any; }’ is not assignable to type ‘JSSPlugin’. Type ‘Plugin’ is not assignable to type ‘JSSPlugin’. Index signature is missing in type ‘Plugin’

when i try to declare jss const. thanks