[material-ui] Components with design & DX improvements waiting for a major release

[danilo-leal]

This is an umbrella issue to gather all of the issues & PRs around components with potential design & DX improvement opportunities that can only be released together with a new major version due to breaking changes. They can also be seen on the Material UI v7 milestone.

Input components

Autocomplete

• [Autocomplete][material-ui] fullwidth=true always passed to inner component #36841
• [Autocomplete][material-next] Add Autocomplete component #39963
• [Autocomplete] The value provided to Autocomplete is invalid. (with the installed isOptionEqualToValue)  #29727
• [Autocomplete] display inconsistent with other form controls #35710
• [material-ui] Autocomplete right click triggers open #36075

Button (and variations)

• [material-ui][Button] Provide an accessible focus alternative when disableRipple prop is set #35843
• [ButtonBase] Ensure that onClick propagates when non-native button is clicked #30145
• [material-ui][ButtonGroup] Disabled styles should be improved #35045
• [material-ui][Button] Height is at 36.5px instead of 36px  #34072
• [Button] small button text not vertically centered with Roboto #29965
• Button ripple not using MuiTouchRipple styles from custom theme #28551
• [IconButton][material-next] Add IconButton component #39943
• [material-ui][Button] Focus visible a11y issue #28543

Others

• [FormControl][material-next] New internal form control state hook #39286
• [TextField] Make fullWidth the default on form element? #37310
• [material-ui] Styles does not apply in same order #36211
• [InputLabel] Change size prop option from normal to medium #36188
• [Select] Can't fire a click event inside #35488
• FormControlLabel has a default margin-right, is this intended? #34039
• [docs] Undocumented 'default' color #33006
• [TextField] Clipped label when used as first child in DialogContent #29892
• [link] Support extending theme color with color prop #29596
• [Switch] Use role="switch" #23216
• [TextField][InputAdornment] InputLabel should not start shrunken if TextField has an InputAdornment #13898
• [material-ui][Switch] Failing on color contrast checks #39134
• [material-ui][Form Control] Native HTML attribute is not supported #38932
• [material-ui][Rating] Failing on color contrast checks #39135
• [material-ui][Radio] Large size shows warning in console #40143
• [material-ui][Select] No visible highlight when focus is on another Element #39497
• [link] Link component adds additional class with custom styles without any reason #30139

Data display

• [RFC] Chip markup #20470
• [Tooltip] Not being placed correctly when used with FormControlLabel checkbox because of default margin-left style #38012
• [typescript] Typography in theme typed as unknown #30678

Feedback components

• [material-ui][Snackbar] Disabled button are hard to read #38595
• [material-ui] Dialog Title overrides the Dialog Content padding #27851
• [Dialog] Remove disableEscapeKeyDown prop, in favor of using the onClose callback #27306
• [Dialog] DialogTitle overrides DialogContent className #26795
• [material-ui][Backdrop] aria-hidden is set by default #33146
• [material-ui][CircularProgress] Wobbly on Safari #40185
• [material-ui][Alert] Potential accessibility issues #40198

Surfaces

• [Card] Fix CardActions spacing for different button components #31885
• [Paper][material-next] Add Paper component #39964

Navigation

• SwipeableDrawer: transition equal to 0 hangs application #37253
• [material-ui][Menu] Update icons to behave consistently in light & dark mode #35589
• [Menu] ARIA APG: Disabled menu items should be focusable with keyboard navigation #33603
• [material-ui][Tabs] Implement without cloneElement #28064
• [Tabs] Update to match the specification #15324

Util components

• [Popper][material-next] Add Popper component #39965