[material-ui][FilledInput] Convert to support CSS extraction

[mj12albert]

• [x] I have followed (at least) the PR section of the contributing guide.

[mui-bot]

Netlify deploy preview

https://deploy-preview-41663--material-ui.netlify.app/

packages/material-ui/material-ui.production.min.js: parsed: +0.15% , gzip: +0.06% TextField: parsed: +0.46% , gzip: +0.36% FilledInput: parsed: +0.89% , gzip: +0.61% @material-ui/core: parsed: +0.12% , gzip: +0.07%

Bundle size report

Details of bundle changes (Toolpad) Details of bundle changes

Generated by :no_entry_sign: dangerJS against 2661a30a5c659a2e701d87025c3923a2c72fc022

[mj12albert]

@siriwatknp At the "Render demos" step, I found that there is no docs/pages/material-ui/react-filled-input, only react-text-field

Would all the components that compose TextField need to be converted first to progress this? 🤔

[siriwatknp]

@siriwatknp At the "Render demos" step, I found that there is no docs/pages/material-ui/react-filled-input, only react-text-field

Would all the components that compose TextField need to be converted first to progress this? 🤔

No need, you can use the react-text-field and check if FilledInput styles has been converted to Pigment, that all. The rest of TextFields will be emotion which should work along side with Pigment

[siriwatknp]

This work has been done in another PR.