diff --git a/.changeset/beige-glasses-swim.md b/.changeset/beige-glasses-swim.md new file mode 100644 index 0000000000..9360bd5fdf --- /dev/null +++ b/.changeset/beige-glasses-swim.md @@ -0,0 +1,5 @@ +--- +'@backstage/core-components': patch +--- + +Enabled select component to be enabled by keyboard diff --git a/packages/core-components/src/components/Select/Select.tsx b/packages/core-components/src/components/Select/Select.tsx index 022df0a7ad..31097d8aab 100644 --- a/packages/core-components/src/components/Select/Select.tsx +++ b/packages/core-components/src/components/Select/Select.tsx @@ -19,6 +19,7 @@ import Chip from '@material-ui/core/Chip'; import ClickAwayListener from '@material-ui/core/ClickAwayListener'; import FormControl from '@material-ui/core/FormControl'; import InputBase from '@material-ui/core/InputBase'; +import InputLabel from '@material-ui/core/InputLabel'; import MenuItem from '@material-ui/core/MenuItem'; import Select from '@material-ui/core/Select'; import { @@ -87,6 +88,16 @@ const useStyles = makeStyles( color: theme.palette.text.primary, }, }, + formLabel: { + transform: 'initial', + fontWeight: 'bold', + fontSize: 14, + fontFamily: theme.typography.fontFamily, + color: theme.palette.text.primary, + '&.Mui-focused': { + color: theme.palette.text.primary, + }, + }, chips: { display: 'flex', flexWrap: 'wrap', @@ -184,9 +195,9 @@ export function SelectComponent(props: SelectProps) { return (
- {label} + {label}