Material UI uses UPPERCASE for all their tabs by default. Let's overwrite that behavior using our BLUI themes. Whether the tabs are rendered as ALL CAPS or lowercases or Title Case should be completely up to each individual adopter.
The design side already reflects this flexibility. So does our Angular theme.
Suggested implementation details
In both blueTheme.ts and blueDarkTheme.ts, add an additional textTransform: 'initial' to MuiTabroot
Describe the desired feature/functionality
Material UI uses UPPERCASE for all their tabs by default. Let's overwrite that behavior using our BLUI themes. Whether the tabs are rendered as ALL CAPS or lowercases or Title Case should be completely up to each individual adopter.
The design side already reflects this flexibility. So does our Angular theme.
Suggested implementation details
In both
blueTheme.tsandblueDarkTheme.ts, add an additionaltextTransform: 'initial'toMuiTabroothttps://github.com/etn-ccis/blui-react-themes/blob/abeab25ac3f6d6cf4a1173e7dd189609374e33cd/src/blueDarkTheme.ts#L863-L870