Releases: mui/material-ui
Releases · mui/material-ui
V0.12.1
Component Fixes / Enhancements
- Fix broken documentation site
- Use correct require calls
- Remove hard-coded color values from theme-manager
- Use consistent values from raw theme (#1746)
v0.12.0
Breaking Changes
- Theming has been re-done so that material-ui components can be used without having to worry about passing a theme (all components implement a default theme) (#1662)
- There's now a concept of
mui theme
andraw theme
,mui theme
is produced fromraw theme
ThemeManager
has been changed, no longer needsnew
in callThemeManager
producesmui theme
fromraw theme
. Raw themes may be user-defined.- Functions in
ThemeManager
allow to modify theme variables. Component-level styles may be overriden in themui theme
. - See new documentation here
- There's now a concept of
- Function names in the context-pure mixin have been changed (#1711)
getContextProps()
has been changed togetRelevantContextKeys()
General
- Updated dependency of
react-tap-event-plugin
(#1714)
Component Fixes / Enhancements
- Dialog component (#1717)
actions
now hasid
property- Fixed a bug in dialog where a faulty check caused an error in console
- Text field ipad scrolling in dialog
v0.11.1
v0.11.0
Breaking Changes
- The Table component is now composable. (#1199)
- JSON objects to create the table and the table component will no longer generate the table for you.
The docs site provides a complete example of how a table might look: http://material-ui.com/#/components/table. The example also includes a 'super header' and 'super footer' row. - Upgrade Path: Instead of passing in the raw JSON data, you'll need to generate the appropriate
TableHeader/TableRow/TableHeaderColumn components and pass them in as children. The same should be applied
to the rowData and the footer.
- JSON objects to create the table and the table component will no longer generate the table for you.
- Tabs can now be controlled. In order to make this work we had to change the parameters being passed back to
theonChange
event to:onChange(value, e, tab)
. Where value is the value of the tab that it was changed
to, e is the event, and tab is the actual tab component. (#1232, #1235) - Added a new
static
flag to the ThemeManager that defaults totrue
. If you're mutating your theme variables
after the app initializes, set this flag tofalse
. This will allow us to perform some optimizations to
components that require theme variables. (#1397) - ListItem (#1438, #1105)
- Nested list items should no longer be passed in as children. Use the
nestedItems
prop instead. - The
open
prop has been renamed toinitiallyOpen
.
- Nested list items should no longer be passed in as children. Use the
- Removed classable mixin
- This mixin was no longer used in the library. Removing it allowed us to get rid of the
classnames
dependency. If you were using this mixin in your own projects, you'll need to pull the source and manually include it.
- This mixin was no longer used in the library. Removing it allowed us to get rid of the
Component Fixes / Enhancements
- Buttons - Fixed a bug that caused buttons to not gain keyboard focus in some cases (#1485, #1453, #1458)
- Card
- DatePicker - Fixed an error that occurred when using valueLink (#1400)
- DropDownMenu - Added
disabled
prop (#1406) - FlatButton - Added
labelPosition
prop. (#1286) - InkBar - Added color prop and inkBar.backgroundColor to theme variables. (#1244)
- Ripple
- SelectField
- Slider
- Snackbar - Added onShow and onDismiss (#1390)
- Table - Ensure that the table component properly keeps track of selected rows (#1325)
- TextField
- TimePicker
- Tooltip - Probably center tooltips when tooltip text changes (#1205)
- Theme - Added
setContentFontFamily
(#1405)
v0.10.4
v0.10.3
General
- We've set up the project to perform automated tests - now we just need to increase our test coverage. :) (#1331)
- The style auto-prefixer now caches browser test results so that it only has to perform them once.
New Components
- RefreshIndicator (#1312)
Component Fixes / Enhancements
- AppBar - showMenuIconButton now only affects the icon next to the title (#1295, #1182)
- CardMedia - CardMedia children styles are now being properly merged (#1306)
- Dialog - fixed a bug that caused the dialog height to be incorrect on window resize (#1305)
- FloatingActionButton - Added backgroundColor and disabledColor props (#1329)
- FocusRipples now only get rendered when needed.
- IconMenu - Added isOpen() (#1288)
- LeftNav
- ListItem - fixed incorrect styling on disabled list items (#1350)
- SelectField
- Snackbar - Clickaway is now properly bound when openOnMount is true (#1327)
- Tabs - Added contentContainerClassName prop (#1285)
- TextField - Added underlineStyle prop (#1343)
- TimePicker - Added pedantic prop (#1275, #1173)
v0.10.2
Breaking Changes (This was missed in the original release notes.)
- Changed
date-picker/index.js
to expose DatePicker and DatePickerDialog. Hencerequire('material-ui/lib/date-picker')
no longer works. Userequire('material-ui/lib/date-picker/date-picker')
instead.
General
- Replaced onMouseOver / onMouseOut with onMouseEnter / onMouseLeave to achieve hover affects.
This prevented extra unnecessary renders from happening. (#1190) - All svg icons inside the /svg-icons folder now uses the PureRenderMixin.
Icon Builder
Component Fixes / Enhancements
- AppBar - Fixed a styling bug in Safari (#1226)
- Cards can now expand and collapse (#1060)
- DatePicker
- Dialog
- DropDownMenu - Clicking away no longer triggers other click events to happen (#1177, #1174)
- FocusRipples now only render when actually shown.
- IconMenu
- Fixed a bug that caused a scrollable menu to jump after selecting an item.
- Fixed keyboard focus when user hits ESC.
- LeftNav
- Menu
- Performance improvements when opening a menu.
- Added animated prop.
- RaisedButton - Fixed a bug that caused rounded corners not to round (#1048)
- SelectField - Now passes the index and payload back in the onChange callback (#1193, #1194)
- Slider - Fixed a bug that caused value to not be set correctly (#1251)
- Snackbar - Extra props are now being passed down to the root (#1260)
- SvgIcon - Added code to remove some unnecessary renders on hover.
- Toolbar - Fixed display glitch on Firefox (#839, #1248)
v0.10.1
Component Fixes / Enhancements
- CircularProgress - Fixed animation bug in Safari (#1093, #863)
- Dialog
- DropDownMenu
- IconMenu - Added
closeOnItemTouchTap
prop (#1156) - LeftNav - Performance improvements during show/hide (#1137)
- SelectField -
errorText
is now being passed down to underlyingtextField
(#1131) - Table - Added static width to checkbox columns (#1128)
- Tabs - Added
inkBarStyle
prop (#1154) - TextField -
errorStyle
prop is now being properly merged (#1116)
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 ofsubmit
. We found that
most of the buttons in our apps were not submit buttons and it was more intuitive to default tobutton
.
If you need a submit button, be sure to pass in a type ofsubmit
. (#1017) - The
DialogWindow
component was refactored intoDialog
.DialogWindow
was never documented and was just
a lower level component that was used byDialog
. It was, however, exposed on the mainindex.js
and has
since been removed. If you were usingDialogWindow
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 mainindex.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
appropriatejs
andjsx
files and can be found in the/icon-builder
directory.
- We've created SvgIcon versions of all the
- 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')
.
- This is a new implementation of menus and menu items. With it comes:
- IconMenu
- This component replaces
DropDownIcon
and has all of the new menu features mentioned above.
- This component replaces
Component Fixes / Enhancements
- AppBar
- 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
andinnerStyle
prop (#928) - DatePicker
- Dialog
- FloatingActionButton - Now accepts
FontIcon
andSvgIcon
as children (#967, #894) - FontIcon - Now supports
material-icon
ligatures (#952, #1007) - IconButton
- LeftNav - Fixed swipe gesture to open / close (#868, #848, #998, #997)
- List - Added
zDepth
prop. - ListItem
- Menu
- MenuItems now properly renders icons (#956)
- Overlay
- RaisedButton
- SelectField
- Slider
- Snackbar
- Table
- Tab - Added
contentContainerStyle
prop (#953) - Tabs - Fixed a bug that caused inkbar to not display properly (#1015, #940)
- TextField
- TimePicker - Fixed key warnings (#1018)
- Toolbar
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
- Toggle
- Toolbar - Fixed error when a child element is null (#847)
Theming
- Theme spacing can now be overriden (#879)