### [Versions](https://material-ui.com/versions/) ## 3.8.3 ###### *Jan 9, 2019* Big thanks to the 5 contributors who made this release possible! We are making a quick release to fix an important TypeScript regression. ### `@material-ui/core@v3.8.3` - [InputBase] Fix the `InputBaseComponentProps` type (#14082) @franklixuefei - [Link] Add a Link component (#14093) @joshwooding - [core] Fix jss v10 types being used (#14117) @eps1lon ### Docs - [themes] Fix typo on Onepirate Forgot Password page (#14112) @mbrookes - [docs] Fix codesandbox examples with React Hooks (#14116) @asokani ## 3.8.2 ###### *Jan 7, 2019* Big thanks to the 20 contributors who made this release possible! Here are some highlights ✨: - 📝 Add 36 new sites in the showcase (#14083) @mbrookes. - And many more 🐛 bug fixes and 📝 documentation improvements. ### `@material-ui/core@v3.8.2` - [TableCell] Add align to the TypeScript definition (#14046) @rfbotto - [withWidth] Add TypeScript definitions for options (#14054) @anthotsang - [Button] Fix vertical alignment of text (#14051) @joshwooding - [Tabs] Update scrollable property description (#14059) @jmcpeak - [Tabs] Add standard variant (#14067) @oliviertassinari - [RadioGroup] Support defaultValue in uncontrolled mode (#14092) @Slessi - [core] Relax @babel/runtime version to ^7.2.0 (#14096) @NMinhNguyen - [MenuList] Wrap focus by default, add disableListWrap (#14100) @dallin-christensen ### `@material-ui/icons@v3.0.2` - [core] Relax @babel/runtime version to ^7.2.0 (#14096) @NMinhNguyen ### `@material-ui/lab@v3.0.0-alpha.28` - [core] Relax @babel/runtime version to ^7.2.0 (#14096) @NMinhNguyen ### `@material-ui/styles@v3.0.0-alpha.7` - [styles] Add a note about the backward compatibility (#14047) @oliviertassinari - [styles] Change dangerouslyUseGlobalCSS to only affect static style sheets (#14089) @joshwooding - [styles] Upgrade JSS to 10.0.0-alpha.7 (#14090) @oliviertassinari - [core] Relax @babel/runtime version to ^7.2.0 (#14096) @NMinhNguyen ### `@material-ui/system@v3.0.0-alpha.1` - [core] Relax @babel/runtime version to ^7.2.0 (#14096) @NMinhNguyen ### `@material-ui/utils@v3.0.0-alpha.3` - [core] Relax @babel/runtime version to ^7.2.0 (#14096) @NMinhNguyen ### `@material-ui/docs@v3.0.0-alpha.9` - [core] Relax @babel/runtime version to ^7.2.0 (#14096) @NMinhNguyen ### Docs - [docs] Fix demo iframe styling in Firefox (#14056) @joshwooding - [docs] CSS to MUI loader documentation updated (#14060) @Kaliyani - [docs] Fix spelling mistake in Premium themes footer (#14071) @nikhilem - [docs] Update showcase with 36 new sites (#14083) @mbrookes - [docs] Update URL for @material-ui/system (#14043) @NMinhNguyen - [docs] Add complementary form building project (#14081) @skirunman - [docs] Update broken link to cssinjs.org in css-in-js (#14080) @valerieernst - [docs] Tweeper theme (#14034) @siriwatknp - [docs] Add Code Typing Tutor to Showcase (#14061) @kulakowka - [docs] Improve the system variant demo (#14091) @oliviertassinari - [docs] Add PhotoUtils to Showcase (#14098) @Maxim-Gurin - [docs] Add GovX to Showcase, move Onepixel (#14094) @mbrookes - [docs] Simplify the color documentation page (#14103) @oliviertassinari - [docs] Correct API typos (#14104) @nitayneeman - [docs] Add Tidelift security link to README (#14108) @mbrookes - [docs] Showcase, reorder based on SimilarWeb Global Rank (#14106) @mbrookes ### Core - [core] Fix multiline deprecatedPropType (#14049) @joshwooding - [core] Remove opinionated will-change usage (#14036) @joshwooding - [core] Update benchmark (#14065) @GuillaumeCisco - [test] Use yarn frozen lockfile (#14050) @rosskevin ## 3.8.1 ###### *Dec 30, 2018* ### `@material-ui/core@v3.8.1` - Fix utils.chainPropTypes issue ### `@material-ui/styles@v3.0.0-alpha.6` - Fix utils.chainPropTypes issue ### `@material-ui/lab@v3.0.0-alpha.27` - Fix utils.chainPropTypes issue ### `@material-ui/utils@v3.0.0-alpha.2` - Fix utils.chainPropTypes issue ## 3.8.0 ###### *Dec 30, 2018* Big thanks to the 15 contributors who made this release possible! Here are some highlights ✨: - System package 💎 & Box component 🛠️ - Demos 100% powered by React hooks ⚛️ (#13497) @adeelibr - Massive speed-up of the SSR performance 🚀 - A new Instagram demo theme 💅 https://material-ui.com/premium-themes/instapaper/ - And many more 🐛 bug fixes and 📝 documentation improvements. ### `@material-ui/core@v3.8.0` #### Deprecations - [Tabs] Add variant prop and deprecate fullWidth and scrollable props (#13980) The Tabs `fullWidth` and `scrollable` properties can't be used at the same time. The API change prevents any awkward usage. ```diff - + ``` #### Changes - [Fab] Add styles to make size property work with extended property (#13973) @rfbotto - [CardHeader] Change action element to have a fixed right margin (#13992) @inv8der - [SvgIcon] Add createSvgIcon type definition (#13994) @yifei-fu - [ExpansionPanel] Add customized demo (#13998) @rfbotto - [Button] Fix vertical text alignment by reducing padding (#13931) @adipascu - [Card] Update the action spacing to better match the spec (#14005) @oliviertassinari - [LinearProgress] Change height from 5 to 4 pixels (#14009) @almondj - [Modal] Add cross references from Modal docs to other components (#14025) @ryancogswell - [Tabs] Fix infinite loop in the scroll button logic (#14033) @joshwooding - [styles] Fix component animations (#14035) @joshwooding ### `@material-ui/system@v3.0.0-alpha.0` - @material-ui/system (#13632) @oliviertassinari - [system] Fix responsivePropType typo (#14011) @eps1lon - [styles] Add defaultTheme option for makeStyles (#14032) @joshwooding ### `@material-ui/styles@v3.0.0-alpha.5` - [styles] Upgrade JSS to v10-alpha (#14006) @oliviertassinari - [styles] Hash the classnames (#14013) @oliviertassinari - [styles] Fix typescript throwing in makeStyles with no props required (#14019) @eps1lon ### Docs - [examples] Add nextjs-hooks-with-typescript (#13981) @virzak - [docs] Theme usage with styled-components (#13999) @oliviertassinari - [docs] Update the emotion documentation (#14001) @oliviertassinari - [docs] Duplicate all the demos with the React Hooks API (#13497) @adeelibr - [docs] Set react-jss version in nextjs example (#14015) @goofiw - [docs] Fix fullWidth deprecation warnings (#14010) @oliviertassinari - [docs] Add note on archived components (#14000) @rudolfolah - [docs] Add Instagram theme (#14007) @siriwatknp - [docs] Removed focus outline on modal demo (#14022) @sebasrodriguez - [styles] Document withStyles defaultTheme option (#14029) @joshwooding - [docs] Update the CodeFund embed script (#14031) @oliviertassinari ### Core - [core] Fix running docs:api on Windows and other minor spelling mistakes (#13989) @joshwooding - [core] Sanitize the benchmark (#14012) @oliviertassinari ## 3.7.1 ###### *Dec 22, 2018* Big thanks to the 15 contributors who made this release possible! Here are some highlights ✨: - ⚛️ Introduce a new useMediaQuery hook (#13867) @joshwooding https://material-ui.com/layout/use-media-query - ⛄️ Support uncontrolled RadioGroup mode (#13929) @rfbotto - And many more 🐛 bug fixes and 📝 documentation improvements. ### `@material-ui/core@v3.7.1` - [Slide] Remove direction from being passed on to children (#13930) @rfbotto - [Dialog] Allow use of custom className under PaperProps (#13935) @eladhayun - [Input] Check custom input inputRef implementation (#13934) @henrik1234 - [BottomNavigation] Add component prop (#13960) @lychyi - [TextField] Add Solo Field demo (#13945) @joshwooding - [RadioGroup] Support uncontrolled mode (#13929) @rfbotto - [TextField] Reword solo textfield documentation (#13970) @joshwooding - [layout] Add new useMediaQuery hook (#13867) @joshwooding - [Tab] Remove font size change logic (#13969) @rfbotto - [Autocomplete] Update react-select demo to have isClearable set to true (#13975) @rfbotto ### Docs - [docs] Fix Typo in BottomNavigationAction label (#13943) @ovidiumihaibelciug - [docs] Update album page-layout preview image album.png (#13946) @dvorwak - [docs] Add a next.js demo with hooks (#13920) @oliviertassinari - [docs] Fix select multiple prop description (91a95d38218459282b381a23653b722493392190) @AkselsLedins - [docs] Add AospExtended Download center to showcase (#13956) @ishubhamsingh - [docs] Fix i18n page transition (#13947) @unordered - [docs] Fix material-ui-pickers codesandbox demo (#13976) @rfbotto - [docs] Fix a typo, the word "the" was repeated in Layout Grid (#13983) @sgoldens - [docs] Improve demos loading (#13959) @adeelibr - [docs] Improve the service-worker logic (#13987) @oliviertassinari ### Core - [CDN] Fix the UMD build (#13928) @oliviertassinari - [ci] Exit with non-zero if argos cli failed (#13954) @eps1lon - [core] Upgrade JSS to latest minor version (#13950) @doaboa ## 3.7.0 ###### *Dec 17, 2018* Big thanks to the 11 contributors who made this release possible! Here are some highlights ✨: - 💅 Update some components to better match the Material specification (#13788, #13827) @bdeloeste @joshwooding. - 📅 Add a material-ui-pickers live demo (#13697) @dmtrKovalenko. - ⚛️ A first step toward converting all the demos to React Hooks (#13873) @adeelibr. - And many more 🐛 bug fixes and 📝 documentation improvements. ### `@material-ui/core@v3.7.0` #### Deprecations We are allowing more align variants (left, center, right, inherit, justify). Following our [API guideline](https://material-ui.com/guides/api/), we are using an enum over a boolean. Keep in mind that monetary or generally number fields **should be right aligned** as that allows you to add them up quickly in your head without having to worry about decimals. ```diff - + ``` - [TableCell] Add align property (#13860) @rfbotto #### Changes - [Card][List] Change sub-components to have fixed gutters (#13788) @joshwooding - [Button] Fix padding for Text Button variant to adhere to spec (#13827) @bdeloeste - [ButtonBase] Add stop ripple on context menu event (#13740) @joshwooding - [Menu] Add reason value and update documentation for on close reason (#13877) @rfbotto - [Dialog] Add a `PaperComponent ` property & draggable demo (#13879) @rfbotto - [Tabs] Correct typo in error message (#13902) @timmydoza - [Tooltip] Fix hover display issue (#13911) @oliviertassinari ### `@material-ui/lab@v3.0.0-alpha.26` - [ToggleButton] Change the classes structure to match the core components convention (#13723) @DonBrody ### `@material-ui/styles@v3.0.0-alpha.4` - [styles] Remove hoisting of static properties in HOCs (#13698) @eps1lon ### `@material-ui/utils@v3.0.0-alpha.1` - [utils] Add component propType (#13816) @eps1lon ### Docs - [docs] Fix search suggestions on dark mode (#13874) @rfbotto - [docs] Add accessibility section to selection-controls with demo (#13896) @wyseguyonline - [docs] Add support for multiple demo variants e.g JS or Hooks (#13873) @adeelibr - [docs] Remove the withRoot HOC (#13909) @oliviertassinari - [docs] Add material-ui-pickers in pickers page (#13697) @dmtrKovalenko - [docs] Continue #13806 and port back some fix from @system (#13917) @oliviertassinari - [docs] Notify that we will do core/MuiThemeProvider -> styles/ThemeProvider (#13910) @Skn0tt - [docs] Improve the state override story (#13919) @oliviertassinari ### Core - [core] 100% remove the prop types (#13859) @oliviertassinari - [core] Prefix the errors with Material-UI (#13892) @oliviertassinari ## 3.6.2 ###### *Dec 9, 2018* Big thanks to the 20 contributors who made this release possible! Here are some highlights ✨: - 🎨 Add a new Onepirate theme demo (#13769) @oliviertassinari You can preview it following [this link](https://material-ui.com/premium-themes/paperbase/). - 📝 Add virtualized table demo (#13786) @joshwooding - 🚀 Avoid unnecessary Table re-rendering (#13832) @petrjaros - And many more 🐛 bug fixes and documentation improvements. ### `@material-ui/core@v3.6.2` - [Tooltip] Supress warning if button is disabled and title is empty (#13785) @rfbotto - [Dialog] Warn if className in PaperProps is set (#13797) @eps1lon - [TextField] Fix textfield label position when empty (#13791) @Studio384 - [Popper] Save 7 KB gzipped (for people only using it) (#13804) @oliviertassinari - [Modal] Handle modal mount interruption (#13778) @amensouissi - [Select] Make value prop required in TypeScript (#13810) @t49tran - [Popover] Fix onEntering event propagation (#13821) @ekoeditaa - [Input] Make CSS override a bit simpler (#13825) @euharrison - [LinearProgress] Add determinate and indeterminate classes to root element (#13828) @alxsnchez - [Select] Support native multiple value (#13830) @rfbotto - [BottomNavigation] Improve action padding (#13851) @rfbotto - [Dialog] Add dialog with close button to demos (#13845) @rfbotto - [Tabs] Reduce the bundle size (#13853) @oliviertassinari - [Dialog] Add missing TypeScript style rule (#13856) @garredow - [Table] Avoid unnecessary re-rendering (#13832) @petrjaros ### `@material-ui/lab@v3.0.0-alpha.25` - [ToggleButtonGroup] Consider nullish instead of falsy value as no selected value (#13494) @ItamarShDev - [Slider] Update SliderClassKey types (#13826) @guiihlopes - [SpeedDialAction] Add TooltipClasses prop (#13848) @mbrookes - [ToggleButton] Change ToggleButtonGroup non-exclusive default value to an empty array (#13857) @joshwooding ### `@material-ui/styles@v3.0.0-alpha.3` - [styles] Infer optional props argument for makeStyles in TypeScript (#13815) @oliviertassinari ### Docs - [docs] Add @eps1lon to the team page (#13768) @oliviertassinari - [docs] Add a new onepirate theme (#13769) @oliviertassinari - [docs] Link tags HTML vs JSX (#13775) @benbowler - [docs] Missing text in docs (#13798) @Skn0tt - [docs] Add virtualized table demo (#13786) @joshwooding - [docs] Add OpenCollective gold sponsors manually (#13806) @mbrookes - [docs] Add example of globally disabling animations (#13805) @joshwooding - [docs] Fix KeyboardIcon import name (#13822) @bryantabaird - [docs] Force common hoist-non-react-statics version (#13818) @eps1lon - [docs] Improve the theme nesting documentation (#13843) @oliviertassinari - [docs] Add more details regarding installation of material-ui/styles (#13813) @wilcoschoneveld - [docs] Fix broken link anchor (#13862) @mvasin ### Core - [typescript] Add test case for List type limitations (#13764) @eps1lon - [core] Remove unused lint directives (#13766) @eps1lon - [test] Fix running tests on Windows (#13852) @joshwooding - [core] Upgrade the dependencies (#13858) @oliviertassinari ## 3.6.1 ###### *Dec 1, 2018* Big thanks to the 15 contributors who made this release possible! There are no fundamental changes in this version. It's a stability release after v3.6.0. It contains tons of bug fixes 🐛. ### `@material-ui/core@v3.6.1` - [Dialog] Add xl maxWidth and demo component (#13694) @dispix - [Dialog] Add missing TypeScript style rule (ddfa8e0215bfe895efcb8da69f1ea3cc3b1370ff) @oliviertassinari - [ClickAwayListener] Ignore touchend after touchmove (#13689) @hsimah - [Tooltip] Hide native title when disableHoverListener is true (#13690) @joshwooding - [withTheme] Fix typography warning (#13707) @jmcpeak - [Fab] Add Fab type declaration to index and theme (#13715) @Naturalclar - [InputBase] Remove dead disableUnderline property (#13720) @PierreCapo - [FilledInput] Fix disableUnderline property (#13719) @ekoeditaa - [SwitchBase] Fix error not being thrown when controlled state is changed (#13726) @joshwooding - [TextField] Better support select object value (#13730) @yezhi780625 - [TablePagination] Support native selection (#13737) @jsdev - [Modal] Fix concurrency regression (#13743) @oliviertassinari - [LinearProgress] Remove dead code (#13749) @ekoeditaa - [typescript] Add test case for FormControl type limitations (#13754) @eps1lon - [Popover] Handle resize close concurrency issue (#13758) @oliviertassinari - [Avatar] Remove truthiness check on childrenProp (#13759) @camilleryr ### `@material-ui/styles@v3.0.0-alpha.2` - [styles] Add options definitions for makeStyles (#13721) @eps1lon - [styles] Loosen props consistency check in styled (#13755) @eps1lon ### Docs - [docs] Add support for changing react version in codesandbox demos (#13686) @joshwooding - [CHANGELOG] Add deprecation notice for Divider (#13700) @eps1lon - [docs] Add notistack demo to the snackbar page (#13685) @iamhosseindhv - [docs] Remove Grid List dead code (#13731) @akhil-gautam - [docs] Reduce the no-results rate on Algolia (#13741) @oliviertassinari - [docs] Fix concurrency with Frame demos (#13747) @oliviertassinari ### Core - [test] Correct the link to the example test (#13709) @mdcanham - [styles] Fix tslint false negative with outdated local builds (#13750) @eps1lon ## 3.6.0 ###### *Nov 26, 2018* Big thanks to the 28 contributors who made this release possible! The last release was two weeks ago. Last weekend, we have missed the release train 🚃. As a consequence, this is a dense release. Here are some highlights ✨: - 🎨 Add a new Firebase theme demo (#13579) @siriwatknp. You can preview it following [this link](https://material-ui.com/premium-themes/paperbase/). - ⚛️ Introduce a new Fab component (#13573) @mbrookes. - ⛏ Fix more StrictMode warnings (#13590) @eps1lon. - And many more 🐛 bug fixes and 📝 documentation improvements. ### `@material-ui/core@v3.6.0` #### Deprecations - [Fab] Extract from Button as new component (#13573) @mbrookes The floating action button doesn't share many styles with the default button component. We are extracting the variant into its own component. This way, we better isolate the concerns. We will remove the FAB styles from the button in v4, making the `Button` component more lightweight, a win for people overriding our styles. ```diff -import Button from '@material-ui/core/Button'; +import Fab from '@material-ui/core/Fab'; - + ``` - [Divider] Add support for middle divider by introducing a `variant` prop (#13574) @joshwooding We are introducing a new variant to the divider component: middle. Following our API guideline, we can no longer use a boolean property, it needs to be an enum, hence the introduction of the variant property. ```diff import Divider from '@material-ui/core/Divider'; - + ``` #### Changes - [FormControlLabel] Fix documentation warnings (#13583) @dsbrutha777 - [ExpansionPanelSummary] Fix event forwarding (#13582) @jmetev1 - [Button] Move deprecated variants to the end of the list (#13584) @avetisk - [FormControl] Use stable context API (#13590) @eps1lon - [TablePagination] Improve TypeScript definition (#13601) @xiaoyu-tamu - [SwipeableDrawer] Add `SwipeAreaProps` property (#13592) @SerhiiBilyk - [ListItem] Add three-line support (#13553) @ntorion - [Grid] Fix the IE 11 issue in the demo (7d2070fb388295d38806ecc49717006f34393e74) @oliviertassinari - [Zoom] Correct transition delay value of the example (#13645) @t49tran - [Tabs] Improve the warning message (#13640) @oliviertassinari - [Grow] Condense the demo (#13665) @Thyix - [Tooltip] Fix the property forwarding priority (#13667) @oliviertassinari - [Modal] Fix the close jump on Windows (#13674) @oliviertassinari - [Select] Support object value (#13661) @yezhi780625 - [Menu] Fix wrong condition (#13675) @dolezel ### `@material-ui/lab@v3.0.0-alpha.24` - [Slider] Fix sticky slider when mousing off the window then back in (#13479) @gkjohnson - [Slider] Fix visual hover state on disabled slider (#13638) @eps1lon - [Slider] Add missing thumb TypeScript definition (#13650) @dhiroll ### `@material-ui/styles@v3.0.0-alpha.1` - [styles] Add TypeScript declarations (#13612) @eps1lon ### `@material-ui/docs@v3.0.0-alpha.8` - Fix the @material-ui/utils require error. ### Docs - [docs] Add redirect rule for moved page layout examples (#13588) @mbrookes - [docs] Add the selfeducation.app showcase (#13620) @kulakowka - [docs] Warn about the Dynamic CSS alpha state (#13619) @WebDeg-Brian - [docs] Learn Material-UI (#13624) @oliviertassinari - [docs] Add a Firebase example in the premium-theme section (#13579) @siriwatknp - [docs] Increase clarity around the usage of font icons (#13628) @JosephMart - [docs] Add swimmy.io to showcase page (#13637) @uufish - [docs] Correct typo in comment of snackbar, children (#13651) @kobi - [docs] Improve Grid limitation description (#13668) @sshevlyagin - [docs] Fix theme menu link (#13669) @iamhosseindhv - [docs] Change "e; to ' (#13678) @wiktoriatomzik - [docs] Restructure the demo based on usage analytics (#13684) @oliviertassinari - [docs] Fix typo in URL (#13688) @Malvineous ### Core - [core] Update dev dependencies (#13626) @oliviertassinari - [test] Fix codecov failing on merge commits (#13654) @eps1lon - [core] Make prettier run programmatically (#13621) @joshwooding - [test] Run unit/integration test on Chrome 41 (#13642) @eps1lon - [core] Move unit test commands to their package (#13604) @eps1lon ## 3.5.1 ###### *Nov 13, 2018* Big thanks to the 13 contributors who made this release possible! Here are some highlights ✨: - Introduce a new `@material-ui/styles` package 💅 (#13503). The Material-UI's styling solution has pretty much stayed the same [for the last 12 months](https://github.com/oliviertassinari/a-journey-toward-better-style). Some interesting CSS-in-JS libraries like styled-components, emotion or linaria have emerged. This new package is a significant step forward. Some of the key features: - Supports 4 different APIs: hooks, styled-components, higher-order components and render props. - Allow accessing the component's props from within the style object. - Replace the usage of the old React APIs with the new ones. - 15.0 KB gzipped. Here is an example: https://codesandbox.io/s/vjzn5z4k77. ```jsx import Button from '@material-ui/core/Button'; import React from 'react'; import { makeStyles } from '@material-ui/styles'; // Like https://github.com/brunobertolini/styled-by const styledBy = (property, mapping) => props => mapping[props[property]]; const useStyles = makeStyles({ root: { background: styledBy('color', { red: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)', blue: 'linear-gradient(45deg, #2196F3 30%, #21CBF3 90%)', }), border: 0, borderRadius: 3, boxShadow: styledBy('color', { red: '0 3px 5px 2px rgba(255, 105, 135, .3)', blue: '0 3px 5px 2px rgba(33, 203, 243, .3)', }), color: 'white', height: 48, padding: '0 30px', }, }); function MyButton(props) { const { color, ...other } = props; const classes = useStyles(props); return