Error color for buttons, chips and possibly other components

[alirezamirian]

It's so typical and common use case for buttons (and some other components like Chip) to have error (so-called danger) color and MUI theme supports error color. I'm wondering why this is not supported.
I couldn't find anything in Material Design docs that deprecate the use of error color for buttons, and other implementations like @angular/material also support it.
I shouldn't be the first one to bring this up for sure, but I couldn't find any issue or anything in docs about this.

• I have searched the issues of this repository and it seems that this is not a duplicate.

Summary 💡

color prop in Button and Chip should support error too.

Right now, one solution is to create a custom button which renders a theme in which the primary color is changed to error color and render a button with primary color. This is a lot of work. A lot of hack, in fact!

Examples 🌈

<Button color="error">Delete everything in the world!</Button>

Motivation 🔦

For Button: Buttons for dangerous actions usually have error color
For Chip: One use case is when it's used along with a text input to add a list of things and the user might enter an invalid input and the corresponding chip should have error state to communicate it.

[eps1lon]

Closing in favor of #13875