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

[mj12albert]

• 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 🚫 dangerJS against 2661a30

[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]

Suggested change

[siriwatknp]

Please check my comment.

[siriwatknp]

👍 Thank you for starting this. I pushed some fixes, will merge once the CIs are green.

[siriwatknp]

This work has been done in another PR.