[Typography] color prop is not documented but it works

[socketpair]

https://mui.com/material-ui/api/typography/

color= property is missing.

For example, color="primary" and color="primary.dark" both work as expected.

[danilo-leal]

Hey @socketpair, thanks for the heads up! Do you want to open a PR for it?!

[hbjORbj]

If we decide to document color prop, we will need to document all of these system properties.

I presume that is why we inserted this explanation instead:

As a CSS utility, the Typography component also supports all system properties. You can use them as props directly on the component.

[socketpair]

It would much more noticeable if the phrase about system props can be inserted in the table. like this:

If you are agree, I think it should be changed in all other places where system props are mentioned

[danilo-leal]

Thanks for the heads up @hbjORbj! I think @socketpair's suggestion is indeed a clearer way to transmit this information!

[hbjORbj]

I agree! Will you be willing to work on this? @socketpair

[socketpair]

I think yes.

[socketpair]

@hbjORbj Sorry, I can't :(

[Baribj]

Definitely agree with @socketpair, this confused me for a good little while.

[zavarka]

Just wanted to add that, currently, TypeScript is not aware that you can pass the colors defined in the theme. The following values are not listed in the auto-completion suggestions:

primary
primary.main
textPrimary
text.primary
secondary
secondary.main
textSecondary
text.secondary
error
error.main

It would be helpful to have these included in the color prop type.

[emlai]

It's also weird that error color works, but not warning, success, etc. (PR)