material-ui 0.10.0

v0.10.0

on Node.js Yarn

Breaking Changes

• Removed input.jsx file. This component was deprecated long ago, but was never removed from the project.
• Buttons now default to a type of button instead of the browser's default of submit. We found that
  most of the buttons in our apps were not submit buttons and it was more intuitive to default to button.
  If you need a submit button, be sure to pass in a type of submit. (#1017)
• The DialogWindow component was refactored into Dialog. DialogWindow was never documented and was just
  a lower level component that was used by Dialog. It was, however, exposed on the main index.js and has
  since been removed. If you were using DialogWindow before, you should be able to safely use
  Dialog instead.

New Components

• SvgIcons & Icon Builder
  • We've created SvgIcon versions of all the
    material-design-icons. These SvgIcon
    components can be found in the /lib/svg-icons directory and were not added to the main index.js
    file. To use these icons, require them directly: require('material-ui/lib/svg-icons/action/face').
    These icons were created using a script that crawls the icon repo and generates the
    appropriate js and jsx files and can be found in the /icon-builder directory.
• Menu, MenuItem, MenuDivider
  • This is a new implementation of menus and menu items. With it comes:
    • better composability
    • scrollable menus
    • better transitions
    • better keyboard access
    • selectable with value and valueLink
  • We're working on migrating some of our other components to use this new implementation. Until that's
    thats done, require these components directly if you'd like to use them:
    require('material-ui/lib/menus/menu').
• IconMenu
  • This component replaces DropDownIcon and has all of the new menu features mentioned above.

Component Fixes / Enhancements

• AppBar
  • IconButton styles are now being properly merged (#967)
  • FlatButtons are now being properly styled (#967)
• AppCanvas - AppBar child styles can now be overridable (#903)
• Avatar - Added size prop (#945)
• CardMedia - Styles are now being properly merged using the mediaStyle prop (#1004)
• CircularProgress - Added color and innerStyle prop (#928)
• DatePicker
  • Prevent root styles from propagating to child input (#991)
  • Fixed DatePicker year/month navigation buttons (#1081, #1075)
• Dialog
  • Window scrolling is now enabled on unmount as well (#946)
  • Allow dialog window to scroll for long content (#1045, #525)
  • Drastically improved dialog performance (#1059)
  • Dialogs now honor modal property. (#1092)
  • Fixed vertical centering on smaller screen sizes (#1095)
• FloatingActionButton - Now accepts FontIcon and SvgIcon as children (#967, #894)
• FontIcon - Now supports material-icon ligatures (#952, #1007)
• IconButton
  • Added tooltipPosition prop (#921)
  • Added tooltipStyles prop (#1010, #1005)
  • Pass iconStyle props to every children (#967)
  • Now supports material-icon ligatures (#1024, #1013)
• LeftNav - Fixed swipe gesture to open / close (#868, #848, #998, #997)
• List - Added zDepth prop.
• ListItem
  • Fixed display glitch on touch devices (#858)
  • List items can now be keyboard focused
  • Allow drop downs to be displayed inside a list item (#978)
  • Fixed a bug that caused rightIconButton events to not propagate (#1055)
  • List Items can now be nested (#918)
  • Added primaryText prop (#1073)
• Menu
  • Fixed a bug that caused closed menu to be selectable (#913)
  • Fixed menu height and width when menu items change (#1012, #805, #1014)
  • Subheader styles are now being properly merged (#950)
• MenuItems now properly renders icons (#956)
• Overlay
  • Added to main index.js (#955)
  • Fix issue where Overlay can prevent the body from scrolling (#1058, #897)
• RaisedButton
  • Fixed a display glitch when changing the button's height (#937, #765)
  • Added backgroundColor, labelColor, disabledBackgroundColor, disabledLabelColor props (#965)
  • Added fullWidth prop (#989)
• SelectField
  • Fixed menu and error text display glitches (#922)
  • Added hint text functionality (#966)
  • Fixed display problem when floatingLabelText is set (#976)
  • Fixed font size (#1027)
• Slider
  • className can now be set (#938, #713)
  • Added min/max prop validation (#1070, #899)
• Snackbar
  • Root styles are not being merged properly (#925)
  • Added autoHideDuration prop (#1050, #958)
  • Clicking slider track advances the slider knob. (#1089, #1074)
• Table
  • Fixed displayRowCheckbox prop (#935)
  • Table rows can be selected in the rowData configuration (#1023)
  • Removed duplicate table calls and support multiple tables (#954, #1087, #1084)
• Tab - Added contentContainerStyle prop (#953)
• Tabs - Fixed a bug that caused inkbar to not display properly (#1015, #940)
• TextField
  • Fix error when setting the value of the textfield input. (#959)
  • Style fixes for floating label (#980)
  • Fixed display glitch for long hint text and error text (#987, #438, #439)
  • Fixed display problem when value is 0 (#1090)
  • Added errorStyle prop (#1079)
• TimePicker - Fixed key warnings (#1018)
• Toolbar
  • Fixed display glitch with DropDownIcons (#917, #904)
  • Styles are now being properly merged for DropDownMenu, DropDownIcon, RaisedButton, FontIcon (#965)