material-ui
material-ui copied to clipboard
Button `color="inherit"` prop regression for `variant="contained"`
Steps to reproduce
Link to live example: (required)
https://stackblitz.com/edit/github-rerofp?file=src%2FApp.js
Current behavior
Text in contained button is black.
Expected behavior
Text in contained button is hot-pink.
Context
Was upgrading to v6.0.0 and noticed this regression. I don't think it was documented anywhere, but I believe that is should if it was intentional.
Also FYI it looks like assigning color="" appears to give me the desired behavior, but definitely not an ideal workaround.
Thanks for taking a look!
Your environment
npx @mui/envinfo
Used crhome
```
System:
OS: macOS 13.4.1
Binaries:
Node: 20.11.0 - /usr/local/bin/node
npm: 10.2.4 - /usr/local/bin/npm
pnpm: Not Found
Browsers:
Chrome: 128.0.6613.138
Edge: Not Found
Safari: 16.5.1
npmPackages:
@emotion/react: 11.13.3
@emotion/styled: 11.13.0
@mui/base: 5.0.0-beta.58
@mui/core-downloads-tracker: 6.0.2
@mui/icons-material: 6.0.0
@mui/lab: 5.0.0-alpha.166
@mui/material: 6.0.0
@mui/private-theming: 6.0.2
@mui/styled-engine: 6.0.2
@mui/styles: 6.0.0
@mui/system: 6.0.0
@mui/types: 7.2.16
@mui/utils: 5.15.11
@mui/x-data-grid: 6.20.4
@mui/x-data-grid-pro: 6.20.4
@mui/x-date-pickers: 6.20.2
@mui/x-license-pro: 6.10.2 => 6.10.2
@types/react: 18.3.5
react: 18.3.1
react-dom: 18.3.1
typescript: 5.4.5 => 5.4.5
```
Search keywords: color, button, inherit, variant