v0.10.0

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)

v0.9.2

New Components

• SelectField (#846)
• Card, CardActions, CardHeader, CardMedia, CardText, CardTitle (#857)
• Table (#890)

Components

• AppBar - Long AppBar titles now render ellipses (#875)
• Buttons
  • Added containerElement prop (#850)
  • Fixed styling for disabled link buttons
• DropDownMenu - Added keyboard functionality (#846)
• FontIcon - Added color and hoverColor props
• ListItem
  • Fixed display problem with Single line checkboxes (#854)
  • Added rightIconButton prop
• Slider - Added step functionality (#860)
• Switches - Added labelStyle prop (#871)
• SvgIcon - Added color and hoverColor props
• TextField - Made element styles overridable (#864)
• TimePicker
  • Fixed clock functionality for various browsers (#840)
  • Fixed clock numbers positioning for Safari (#870)
  • Fixed clock handles on Android Chrome (#873)
• Toggle
  • Made element styles overridable (#855)
  • Fixed style bug on IE 10, 11 (#885)
• Toolbar - Fixed error when a child element is null (#847)

Theming

• Theme spacing can now be overriden (#879)

v0.9.1

General

The following components have been modified to allow for style overrides:
Radio Button Group, Radio Button, Enhanced Switch Label, Text Field, Toggle, Checkbox (#807)

New Components

• List, ListItem, ListDivider, Avatar (#836)

Components

• Checkbox - Added checkedIcon and unCheckedIcon props. This is useful to create icon toggles.
• Dialog - Fixed a bug with the open immediately flag (#810)
• DropDownIcon - Added support for icon ligature (#806)
• Menu - Fixed a style problem (#843)
• RadioButtonGroup - Fixed a bug with mapping Radio children (#820)
• Slider - Fixed a glitch that happened when click on the slider handle (#833)
• TextField - Added fullWidth prop (#827)
• TimePicker
  • Fixed a bug with the defaultTime setting (#822)
  • Fixed clock handles on Firefox (#825)

v0.9.0

Breaking

We've cleaned up some of our click/tap events. (#771) Upgrade should be straight forward, please see below:

• DropDownIcon - closeOnMenuItemClick has been replaced with closeOnMenuItemTouchTap.
• Menu - onItemClick has been removed; use onItemTap instead.
• MenuItem - onClick event has been removed; use onTouchTap instead.

General

• ClickAwayable is now bound to onTouchTap instead of onClick (#766)

Components

• AppBar will now render its children (#725)
• DatePicker will now properly handle defaultDate prop changes (#722)
• Dialog actions now respond to onTouchTap (#752)
• LeftNav
  • Fixed line height style bug (#742)
  • Fixed a bug that caused the LeftNav to immediately close on iOS full screen mode (#751, #366)
• Menu
  • Will now adjust its height when props change (#544, #203)
  • MenuItemStyle prop is now passed down to nested menus (#802)
• RadioButtonGroup can now have its styles overridden (#768)
• RaisedButtons - Fixed a bug that caused incorrect transitions (#731, #702)
• SvgIcon - ViewBox can now be passed in as a prop (#747)
• Tabs - Components inside tabs now keep their state when switching between tabs (#700, #450)
• TextField
  • Multi-line text fields can now be initialized with a certain number of rows (#693)
  • Fixed style bug that caused width to not be set on disabled text-fields
  • Fixed style bug that caused focus underline to be black
  • Fixed style problem that caused text to jump on multi-line inputs
• Theme (New)
  • This is a high order component that can be used to set your theme overrides (#797)

v0.8.0

Breaking Changes

• Refactored all CSS into Javascript (#30, #316)
  • All Material-UI components now have their styles defined inline. This solves
    many problems with CSS as mentions in @vjeux's presentation
    such as polluting the global namespace with classes that really should be
    component specific. In addition to the benefits mentioned in the
    presentation, inline styles allow Material-UI to become CSS preprocessor
    agnostic and make Themeing much more dynamic and simple.
    Read our CSS in JS discussion
  • Upgrade path:
    • If you are overriding component CSS classes: Redefine your overrides as
      an object following React's inline styles format,
      then pass it into the material-ui component via the style prop. These
      changes are applied to the root element of the component. If you are
      overriding a nested element of the component, check the component's
      documentation and see if there is a style prop available for that nested
      element. If a style prop does not exist for the component's nested element
      that you are trying to override, submit an issue
      requesting to have it added.
    • If you are using any of Material-UI's Less files: These files have been
      refactored into their own javascript files
      and can be accessed like so var FILENAME = require('material-ui').Styles.FILENAME;.
      Material-UI has moved away from being a CSS Framework to being simply a
      set of React components.
• Paper component no longer generates nested divs (#601)
  • This allowed us to simplify styling of paper containers. As a result, styling the inner div is no longer necessary.

General

• Themes have been added (#202)
• Requiring individual components is now supported (#363)
  • An example would be: var SvgIcon = require('material-ui/lib/svg-icon);
  • The /lib folder in Material-UI contains the file structure needed when referencing individual components.

Components

• Date Picker
  • Added AutoOK Prop (#658)
  • Added ability to specify min and max dates (#658)
  • Added Year Selector (#658)
• Dialog now repositions on screen resize (#597)
• Left Nav will now close with a swipe gesture (#614)
• Linear and Circular Progress Indicators - NEW (#632)
• TimePicker - NEW (#589)

v0.7.5

General

• Removed deprecation warnings by replacing this.getDOMNode() with React.findDOMNode() (#558)
• Replaced process.NODE_ENV with process.env.NODE_ENV (#573)

Components

• DropDownMenu
  • Fixed props is not defined error when onChange is invoked (#556)
• Floating Action Button
  • Fixed alignment bug on Chrome when using FAB as a link (#574)

v0.7.4

General

• Updated to react v0.13

Components

• AppBar
  • Fixed IE toString.Call() issue (#518, #468)
• Buttons
  • Button events now do not fire on disabled buttons (#512)
  • Fixed rapid keyboard tabbing issue (#528)
• DatePicker
  • Added autoOk, minDate, and maxDate props (#538)
• Dialog
  • Fixed IE toString.Call() issue (#518, #468)
  • Added modal prop (#523)
  • Fixed warnings caused by overwriting props (#500)
  • Added ability to give an action button autofocus (#552)
• DropDownMenu
  • Handle selectIndex less than 0 (#480)
  • Fixed issue of using this component outside strict mode (#533)
• LeftNav
  • Added onNavOpen & onNavClose events (#495)
• Switches
  • Fixed errors on disabled switches on mobile (#476)

v0.7.3

General

• Updated mui to use peer dependency changes (#471)
• Replaced DOMIdable with UniqueId (#490)

Components

• Dialog
  • Changed title prop to accept node types instead of just strings (#474)
• Link Menu Item
  • Fixed anchor attribute name (#493)
• Menu
  • Nested menus expand when hovered (#475)

v0.7.2

General

• Updated react-draggable2 dependency (#391)
• Updated react and peer dependecies to React v0.13 (#452)

Components

• Date Picker
  • Added onShow and onDismiss props (#399)
• Dialog
  • Fixed scrolling issue when opened immediately (#406)
  • onShow is now called when opened immediately (#453)
• Flat Button
  • Disabled primary buttons use disabled styling over primary (#432)
• Floating Action Button
  • Fixed zdepth to update when disabled prop changes (#390)
  • Disabled secondary buttons use disabled styling over secondary (#432)
• Left Nav
  • Scrolling is prevented when displayed (#406)
• Menu
  • Menu and menu-related components have been moved into js/menu/* (#402)
  • Added LinkMenuItem component (#402)
• Menu Item
  • Added disable prop (#402)
• Overlay
  • Now control scroll un/locking. (#406)
• Paper
  • Added innerStyle prop (#418)
• Raised Button
  • Disabled primary buttons use disabled styling over primary (#432)
• Tabs
  • Added initialSelectedIndex prop (#389)

v0.7.1

General

• Allow removal of debug code in production builds (#349)

Components

• AppBar
  • Fixed a styling bug that caused icons not to show (#336)
  • Title prop can now be an element (#361)
  • Added iconClassNameLeft, iconElementLeft, iconElementRight props (#367)
• Date Picker
  • Fixed a bug that caused the date picker dialog window to ghost on small screen widths (#342)
• Dialog Window
  • Window no longer loses scroll position after opening a dialog window. (#386)
• DropDown Icon
  • Added closeOnMenuItemClick prop (#376)
• Flat Buttons
  • Fixed a styling bug with touch ripples.
• Icon Buttons
  • Fixed a styling bug with touch ripples. (#341)
• Menu Item
  • Link targets can now be set on menu items. (#350)
• Slider
  • Fixed percentage calculation in getInitialState (#382)
• Tabs
  • The onChange event now passed in the tabIndex, and tab to the callBack (#384)
• Text Field
  • Added onEnterKeyDown prop. (#328)
  • Fixed a bug with setting multiLine values (#356, #357)