mcarman
/
React_Client_App_Access
1
0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Laidieni 0 Vikivietne Aktivitāte
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
3 Revīzijas
1 Atzars
84 MiB
 
 
 
 
Atzars: master
Atzari Tagi
${ item.name }
Izveidot atzaru ${ searchTerm }
no 'master'
${ noResults }
React_Client_App_Access/node_modules/@material-ui/icons/CHANGELOG.md

510 KiB
Neapstrādāts Patstāvīgā saite Vainot Vēsture

Versions

4.9.1

Feb 2, 2020

Big thanks to the 39 contributors who made this release possible.

Here are some highlights ✨:

@material-ui/core@v4.9.1

@material-ui/icons@v4.9.1

@material-ui/system@v4.9.1

@material-ui/lab@v4.0.0-alpha.41

Framer

  • [framer] Support Framer color tokens for ThemeProvider (#19451) @iKettles

Docs

Core

4.9.0

Jan 22, 2020

Big thanks to the 43 contributors who made this release possible.

Here are some highlights ✨:

  • 🐛 Change the outlined input notch implementation to rely 100% on CSS (#17680) @eps1lon.
  • 🔍 11 patches on the Autocomplete component.
  • 📚 Simplify the usage of “copy demo” action (#19291) @theswerd.
  • 📚 Warn when defaultValue changes (#19070) @m4theushw.
  • 💅 Slight updates to better match the Material Design spec (#19277, #19342) @elmeerr.
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v4.9.0

@material-ui/styles@v4.8.0

  • [styles] Overload function signature instead of conditional (#19320) @eps1lon

@material-ui/types@v5.0.0

Breaking change

  • [types] Overload function signature instead of conditional (#19320) @eps1lon Or, And, IsAny and IsEmptyInterface have been removed.
  • [types] Remove CoerceEmptyInterface (#19259) @eps1lon

@material-ui/lab@v4.0.0-alpha.40

Docs

Core

4.8.3

Jan 6, 2020

Big thanks to the 19 contributors who made this release possible.

Here are some highlights since 4.8.0 ✨:

  • 💄 Introduce a new Alert component in the lab (#18702) @dimitropoulos.
  • 💄 Improve skeleton animation, add wave support (#18913, #19014) @bowann, @oliviertassinari.
  • 🔍 13 patches on the Autocomplete component.
  • 🌎 Add 6 new locales (ko-KR, az-AZ, cs-CZ, sk-SK, uk-UA, pt-PT).
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v4.8.3

@material-ui/lab@v4.0.0-alpha.39

Docs

Core

4.8.2

Dec 30, 2019

Big thanks to the 22 contributors who made this release possible.

@material-ui/core@v4.8.2

@material-ui/styles@v4.8.2

@material-ui/lab@v4.0.0-alpha.38

Breaking changes

  • [Skeleton] Add wave animation support (#19014) @oliviertassinari

    -<Skeleton disableAnimation />
+<Skeleton animation={false} />

Change

Docs

Core

4.8.1

Dec 24, 2019

Big thanks to the 24 contributors who made this release possible.

@material-ui/core@v4.8.1

@material-ui/lab@v4.0.0-alpha.37

Docs

Core

4.8.0

Dec 14, 2019

Big thanks to the 29 contributors who made this release possible.

Here are some highlights ✨:

@material-ui/core@v4.8.0

@material-ui/lab@v4.0.0-alpha.36

Docs

Core

4.7.2

Dec 7, 2019

Big thanks to the 18 contributors who made this release possible.

@material-ui/core@v4.7.2

@material-ui/lab@v4.0.0-alpha.35

Docs

Core

4.7.1

Dec 1, 2019

Big thanks to the 27 contributors who made this release possible.

Here are some highlights ✨:

  • 🌎 Improve localization support.
  • ✨ Export all the types from barrel index (#18306) @merceyz.
  • 🔍 8 patches on the Autocomplete component.
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v4.7.1

@material-ui/lab@v4.0.0-alpha.34

Docs

Core

3.9.4

Nov 28, 2019

@material-ui/core@v3.9.4

  • [Portal] Fix circular PortalProps Types (#18602)

    Fix TypeScript 3.7 support

4.7.0

Nov 22, 2019

Big thanks to the 27 contributors who made this release possible.

Here are some highlights ✨:

  • 🌎 Add localization support (#18219) @soltanloo.
  • 🔍 8 patches on the Autocomplete component.
  • 💄 Add tooltip arrow support (#18323) @goleary.
  • 📚 Display the demos on a white background (#18396) @oliviertassinari.
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v4.7.0

@material-ui/lab@v4.0.0-alpha.33

Docs

Core

4.6.1

Nov 12, 2019

Big thanks to the 19 contributors who made this release possible.

Here are some highlights ✨:

  • 🔍 12 patches on the Autocomplete component.
  • 👨‍🎤 Add Framer X support (#17797) @mbrookes.
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v4.6.1

@material-ui/lab@v4.0.0-alpha.32

Breaking changes

diff --git a/docs/src/pages/components/autocomplete/FixedTags.js b/docs/src/pages/components/autocomplete/FixedTags.js
index 757d66a97..a4f36edd5 100644
--- a/docs/src/pages/components/autocomplete/FixedTags.js
+++ b/docs/src/pages/components/autocomplete/FixedTags.js
@@ -11,17 +11,9 @@ export default function FixedTags() {
       options={top100Films}
       getOptionLabel={option => option.title}
       defaultValue={[top100Films[6], top100Films[13]]}
-      renderTags={(value, { className, onDelete }) =>
+      renderTags={(value, getTagProps) =>
         value.map((option, index) => (
-          <Chip
-            key={index}
-            disabled={index === 0}
-            data-tag-index={index}
-            tabIndex={-1}
-            label={option.title}
-            className={className}
-            onDelete={onDelete}
-          />
+          <Chip disabled={index === 0} label={option.title} {...getTagProps({ index })} />
         ))
       }
       style={{ width: 500 }}

Changes

Docs

Core

4.6.0

Nov 5, 2019

Big thanks to the 26 contributors who made this release possible.

Here are some highlights ✨:

  • 🔍 8 patches on the Autocomplete component that was released last week.

The positive feedback we had this early version of the component is encouraging. Developers should be able to rely on it in production within a couple of weeks (from a bug perspective). We will take more time to stabilize the API, a couple of months.

By chance, it’s the third year in a row we release on november 5th. The number of contributors involved, for a similar one-week period, has grown from 12 contributors (2017) to 16 contributors (2018) to 26 contributors (2019). We are proud of the community. Let’s keep this trend going 🚀.

@material-ui/core@v4.6.0

@material-ui/styles@v4.6.0

  • [styles] Fix props based styles callback not including defaultProps (#18125) @salmanm

@material-ui/lab@v4.0.0-alpha.31

Docs

Core

4.5.2

Oct 28, 2019

Big thanks to the 48 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v4.5.2

@material-ui/styles@v4.5.2

@material-ui/system@v4.5.2

  • [system] Support style.transform return React.CSSProperties (#18030) @yoyooyooo

@material-ui/lab@v4.0.0-alpha.30

Docs

Core

4.5.1

Oct 12, 2019

Big thanks to the 28 contributors who made this release possible!

Here are some highlights ✨:

  • 📚 Change imports from @material-ui/styles to @material-ui/core/styles (#17447) @mnemanja

    The presence of two almost identical import paths has been a source of confusion: @material-ui/styles and @material-ui/core/styles. Starting with v4.5.1, the documentation mentions @material-ui/core/styles as much as possible.

    -import { makeStyles } from '@material-ui/styles';
+import { makeStyles } from '@material-ui/core/styles';

    This change removes the need to install the @material-ui/styles package directly. It prevents the duplication of @material-ui/styles in bundles and avoids confusion. You can learn more about the difference in the documentation.

  • ♿️ Improve the accessibility of the table and select components (#17696, #17773) @adeelibr, @eps1lon.

  • 📊 Launch a developer survey as a precursor to a major DatePicker enhancement effort.

  • 💄 Add support for different slider track mode (#17714) @slipmat.

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v4.5.1

@material-ui/icons@v4.5.1

  • [icons] Introduce a new GitHub brand icon

@material-ui/lab@v4.0.0-alpha.29

  • [SpeedDial] Pass event and reason to onOpen, onClose (#17783) @lsnch

@material-ui/system@v4.5.1

  • [system] Fallback to value if theme’s value is an array and index missing (#17661) @stasiukanya

Docs

Core

4.5.0

Oct 2, 2019

Big thanks to the 20 contributors who made this release possible!

Here are some highlights ✨:

  • 💄 Add startIcon and endIcon props for the button (#17600) @mbrookes

    import DeleteIcon from '@material-ui/icons/Delete';

<Button startIcon={<DeleteIcon />}>
  Delete
</Button>

  • 🔐 Add support for Chrome autofill (#17436, #17552) @croraf

  • 💅 Adjust table styles to match spec (#17388) @kybarg

  • 💅 Adjust menu styles to match spec (#17332) @damir-sirola

  • 💅 Adjust chip styles to match spec (#17584) @oliviertassinari

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v4.5.0

@material-ui/lab@v4.0.0-alpha.28

  • [Slider] Remove from the lab (#17528) @oliviertassinari

    -import { Slider } from '@material-ui/lab';
+import { Slider } from '@material-ui/core';

@material-ui/system@v4.5.0

@material-ui/codemod@v4.5.0

@material-ui/codemod@v4.5.0

  • [codemod] Fix build importing esm version of babel/runtime (#17561) @merceyz

Docs

Core

4.4.3

Sep 22, 2019

Big thanks to the 23 contributors who made this release possible! This is a stability release.

@material-ui/core@v4.4.3

@material-ui/styles@v4.4.3

@material-ui/lab@v4.0.0-alpha.27

@material-ui/icons@v4.4.3

  • [docs] Update README.md

@material-ui/system@v4.4.3

Docs

Core

4.4.2

Sep 11, 2019

Big thanks to the 7 contributors who made this release possible! This is a quick release after v4.4.1 to solve 3 regressions.

@material-ui/core@v4.4.2

Docs

Core

4.4.1

Sep 8, 2019

Big thanks to the 21 contributors who made this release possible!

Here are some highlights ✨:

  • 💄 Introduce 10 new brand icons and 61 new official Material Design icons (#17257, #17274) @colemars and @mbrookes.
  • ⚛️ Move a few descriptions of the props to TypeScript (#17300) @merceyz. This change allows the IDEs to display the props’ descriptions in place, without having to go to the documentation.
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v4.4.1

@material-ui/icons@v4.4.1

@material-ui/styles@v4.4.1

  • [styles] Fix global classnames being disabled in deserialized themes (#17345) @eps1lon
  • [styles] Support augmenting a default theme type (#16777) @merceyz

@material-ui/lab@v4.0.0-alpha.26

Docs

Core

4.4.0

Aug 31, 2019

Big thanks to the 29 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v4.4.0

@material-ui/lab@v4.0.0-alpha.25

Docs

4.3.3

Aug 21, 2019

Big thanks to the 22 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v4.3.3

@material-ui/lab@v4.0.0-alpha.24

@material-ui/styles@v4.3.3

Docs

Core

4.3.2

Aug 10, 2019

Big thanks to the 22 contributors who made this release possible!

Here are some highlights ✨:

  • 🦴 Introduce a new Skeleton component in the lab (#16786).
  • 📦 Reduce bundle size by -10%,-20% of the small helpers like useMediaQuery, Portal, and TextareaAutosize (#16842) @NMinhNguyen.
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v4.3.2

@material-ui/lab@v4.0.0-alpha.23

@material-ui/system@v4.3.3

Docs

Core

4.3.1

Aug 03, 2019

Big thanks to the 18 contributors who made this release possible!

@material-ui/core@v4.3.1

@material-ui/lab@v4.0.0-alpha.22

Docs

4.3.0

July 28, 2019

Big thanks to the 23 contributors who made this release possible!

Here are some highlights ✨:

  • 🌳 Introduce a new Tree View component in the (#14827) @joshwooding.

    This is a first step toward a feature rich tree view component. We will keep iterate on it to add customization demos, filter, drag and drop, and checkboxes. You can find the documentation under this URL.

  • 💄 Support vertical tabs (#16628) @josephpung.

    You can learn more about it following this URL.

  • 📚 Remove the prop-types from TypeScript demos (#16521) @merceyz.

    The runtime prop-types are often redundant with the static type checks. We have removed them from the TypeScript demos.

  • ⚛️ Add two codemods to improve the imports (#16192) @jedwards1211.

    If you are not familiar with codemods, check the library out. This is a tool tool to assist you with large-scale codebase refactors. We introduce two new codemods in this release:

    • optimal-imports: Material-UI supports tree shaking for modules at 1 level depth maximum. You shouldn’t import any module at a higher level depth.
    -import createMuiTheme from '@material-ui/core/styles/createMuiTheme';
+import { createMuiTheme } from '@material-ui/core/styles';
    • top-level-imports: Converts all @material-ui/core submodule imports to the root module.
    -import createMuiTheme from '@material-ui/core/styles/createMuiTheme';
+import { createMuiTheme } from '@material-ui/core';

  • 💄 Support small switch (#16620) @darkowic.

    You can learn more about it following this URL.

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v4.3.0

@material-ui/lab@v4.0.0-alpha.21

@material-ui/styles@@4.3.0

@material-ui/codemod@v4.3.0

@material-ui/system@v4.3.2

Docs

Core

4.2.1

July 17, 2019

Big thanks to the 25 contributors who made this release possible!

Here are some highlights ✨:

  • ♿️ Improve Dialog header accessibility (#16576) @dayander.
  • ⚛️ Fix more strict mode warnings (#16525) @eps1lon.
  • 🐛 Fix menu dense support (#16510) @sumedhan.
  • ⭐️ Introduce a new Rating component in the lab.
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v4.2.1

@material-ui/styles@v4.2.1

@material-ui/system@v4.3.1

@material-ui/lab@v4.0.0-alpha.20

Docs

Core

4.2.0

July 6, 2019

Big thanks to the 24 contributors who made this release possible!

Here are some highlights ✨:

  • ♿️ Fix the persisting aria-hidden logic of the Modal (#16392) @eps1lon.
  • 💄 Move the Slider component to the core (#16416).
  • 💄 Introduce a new TextareaAutosize component (#16362).
  • ⚛️ Migrate a few components to testing-library.
  • 🚀 Remove two dependencies (react-event-listener and debounce).
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v4.2.0

@material-ui/styles@v4.2.0

@material-ui/lab@v4.0.0-alpha.19

Docs

Core

4.1.3

June 25, 2019

Big thanks to the 4 contributors who made this release possible! This is a quick release after a regression that occurred in 4.1.2.

@material-ui/core@v4.1.3

  • [core] Revert strict mode compatible transition components (#16348) @eps1lon
  • [theme] Validate fontSize in createTypography (#16321) @merceyz

@material-ui/lab@v4.0.0-alpha.18

Docs

4.1.2

June 23, 2019

Big thanks to the 30 contributors who made this release possible!

Here are some highlights ✨:

  • ♿️ Fix Select and Menu keyboard behavior (#16323).
  • 🚀 Reduce the Modal bundle size by -22% (5 kB) (#15839, #16254, #16262).
  • 💄 Remove noise from the material.io generated icons (#16258).
  • ⚛️ Extend StrictMode compatiblity to 25 more components (#16283).
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v4.1.2

@material-ui/icons@v4.2.1

@material-ui/system@v4.3.0

@material-ui/lab@v4.0.0-alpha.17

@material-ui/styles@v4.1.2

Docs

Core

4.1.1

June 13, 2019

Big thanks to the 10 contributors who made this release possible!

Here are some highlights ✨:

  • 🐛 Fix react-hot-loader regression (#16195).
  • 🐛 Fix TypeScript icons regression (#16139) @MayhemYDG.
  • 🐛 Fix withWidth regression (#16196).
  • 💄 Add Slider range support (#15703).
  • And many more 📚 improvements.

@material-ui/core@v4.1.1

@material-ui/styles@v4.1.1

@material-ui/icons@v4.2.0

@material-ui/lab@v4.0.0-alpha.16

@material-ui/system@v4.2.0

Docs

Core

4.1.0

June 10, 2019

A big thanks to the 26 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v4.1.0

@material-ui/system@v4.1.0

@material-ui/styles@v4.1.0

@material-ui/icons@v4.1.0

  • [icons] Simplify generated index.d.ts to reduce TS compile time (#16083) @phryneas

Docs

Core

4.0.2

June 3, 2019

A big thanks to the 30 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v4.0.2

@material-ui/styles@v4.0.2

  • [styles] Remove warning when component with no displayName is provided (#15913) @eps1lon
  • [styles] Fix createStyles for TypeScript v3.5 (#15990) @merceyz

@material-ui/system@v4.0.2

@material-ui/lab@v4.0.0-alpha.15

@material-ui/codemod@v4.0.2

  • [codemod] Improve theme codemod to handle destructured theme.spacing (#15916) @sviande

Docs

Core

4.0.1

May 27, 2019

A big thanks to the 23 contributors who made this release possible!

Here are some highlights ✨:

  • 🐛 A stability release after the release of v4.0.0.
  • 🤖 A new codemod to migrate the theme.spacing.unit API (#15782) @joshwooding.
  • 🐛 Fix IE 11 crash (#15856) @aditya1906.
  • 📚 Clean up the documentation after the next -> master migration.

@material-ui/core@v4.0.1

@material-ui/icons@v4.0.1

@material-ui/codemod@v4.0.1

@material-ui/styles@v4.0.1

@material-ui/lab@v4.0.0-alpha.14

Docs

Core

4.0.0

May 23, 2019

Material-UI v4 is out 🎉

Some statistics with v4 compared to the release of v1 one year ago:

  • From 300k downloads/month to 2M downloads/month on npm
  • From 90k users/month to 350k users/month on the documentation

@material-ui/lab@v4.0.0-alpha.13

@material-ui/system@v4.0.0

Docs

Core

4.0.0-rc.0

May 20, 2019

A big thanks to the 17 contributors who made this release possible!

We have done the very last breaking changes (nothing significant). The release of v4 is imminent, stay tuned!

@material-ui/core@v4.0.0-rc.0

Breaking changes

  • [ClickAwayListener] Fix scrollbar interaction (#15743) @Umerbhat

    -<ClickAwayListener />
+<ClickAwayListener mouseEvent="onMouseUp" />

    We recommend the default value since mouseup will be triggered by clicks on scrollbars.

  • [Tabs] Hide scrollbar buttons when possible (#15676) @whitneymarkov

    -<Tabs />
+<Tabs scrollButtons="desktop" />

  • [Tabs] Remove deprecated fullWidth and scrollable props (#15670) @mbrookes

    -<Tabs fullWidth scrollable />
+<Tabs variant="scrollable" />

Changes

@material-ui/icons@v4.0.0-rc.0

@material-ui/lab@v4.0.0-alpha.12

Docs

Core

  • [test] Colocate shadow root test for focus visible with implementation (#15712) @eps1lon
  • [test] Extend StrictMode tests (#15714) @eps1lon
  • [core] Add missing fontStyle type to TypographyStyle (#15733) @merceyz

4.0.0-beta.2

May 13, 2019

A big thanks to the 13 contributors who made this release possible!

This is a stability release preparing v4.

@material-ui/core@v4.0.0-beta.2

@material-ui/styles@v4.0.0-beta.2

@material-ui/system@v4.0.0-beta.2

  • [system] Fix css function rejecting certain prop types (#15611) @eps1lon

@material-ui/lab@v4.0.0-alpha.11

Docs

Core

4.0.0-beta.1

May 5, 2019

A big thanks to the 19 contributors who made this release possible!

Here are some highlights ✨:

  • 🐛 Many bug fixes based on people migrating from v3 to v4.
  • 💄 Responsive font sizes (#14573) @n-batalha.
  • 💄 AppBar scroll behavior (#15522) @cvanem.
  • ♿️ Better Button and Tooltip keyboard behavior (#15398, #15484) @eps1lon.
  • And many more 🔍 TypeScript fixes and 📚 documentation improvements.

@material-ui/core@v4.0.0-beta.1

Bug fixes / Breaking changes

  • [ListItem][ExpansionPanel] Follow the style convention (#15534) @oliviertassinari Fix a CSS override issue.
  • [Tooltip] Display only on keyboard focus (#15398) @eps1lon Fix an accessibility issue.

Changes

@material-ui/styles@v4.0.0-beta.1

@material-ui/types@v4.0.0-beta.2

@material-ui/system@v4.0.0-beta.1

@material-ui/lab@v4.0.0-alpha.10

Docs

Core

4.0.0-beta.0

Apr 28, 2019

A big thanks to the 21 contributors who made this release possible!

Here are some highlights ✨:

The library has entered the beta phase of v4. We are grateful to all the contributors that have helped us so far. We will focus or effort on the stability of the library for the next two weeks. We don’t plan more breaking changes, at the exception of changes that are required to fix bugs or that have minor impacts. We hope we can release v4 on May 15th, one year after v1.

Please try the beta out! You can find an upgrade guide to ease the transition. You will learn more about v4 in the final release blog post and our plans for the future.

@material-ui/core@v4.0.0-beta.0

Breaking changes

  • [styles] Generate global class names (#15140) @oliviertassinari Remove the dangerouslyUseGlobalCSS options (makes it the default behavior).

  • [Modal] -74% bundle size reduction when used standalone (#15466) @oliviertassinari Remove the classes customization API for the Modal component.

  • [core] Remove RootRef usage (#15347) @joshwooding The Modal and Dialog child needs to be able to hold a ref.

    class Component extends React.Component {
  render() {
    return <div />
  }
}
-const MyComponent = props => <div {...props} />
+const MyComponent = React.forwardRef((props, ref) => <div ref={ref} {...props} />);
<Modal><Component /></Modal>
<Modal><MyComponent /></Modal>
<Modal><div /></Modal>

  • [ClickAwayListener] Hide react-event-listener (#15420) @oliviertassinari

  • [Slide] Convert to function component (#15344) @joshwooding The child needs to be able to hold a ref.

    class Component extends React.Component {
  render() {
    return <div />
  }
}
-const MyComponent = props => <div {...props} />
+const MyComponent = React.forwardRef((props, ref) => <div ref={ref} {...props} />);
<Slide><Component /></Slide>
<Slide><MyComponent /></Slide>
<Slide><div /></Slide>

Changes

@material-ui/styles@v4.0.0-beta.0

Docs

Core

4.0.0-alpha.8

Apr 17, 2019

A big thanks to the 27 contributors who made this release possible!

Here are some highlights ✨:

We hope the next release can be 4.0.0-beta.0. Here are the last breaking changes we want to introduce:

  • Remove the dangerouslyUseGlobalCSS option (make it the default behavior) (#15140)
  • Require the Slide and Modal child element to be able to hold a ref (#15344, #15347)
  • Hide the EventListener dependency of ClickAwayListener (#15126)

We have done a lot of changes in the alpha phase. The beta phase will be used to stabilize the library, we might have introduced bugs. We will encourage people to try the beta out. We hope the migration will be smooth with the upgrade guide.

We hope 2-3 weeks of beta will be enough. We plan on releasing v4 stable in May.

@material-ui/core@v4.0.0-alpha.8

Breaking change

  • [Paper] Reduce the default elevation (#15243) @oliviertassinari Change the default Paper elevation to match the Card and the Expansion Panel:

    -<Paper />
+<Paper elevation={2} />

  • [List] Update to match the specification (#15339) @oliviertassinari Rework the list components to match the specification:

    • The usage of the ListItemAvatar component is required when using an avatar
    • The usage of the ListItemIcon component is required when using a left checkbox
    • The edge property should be set on the icon buttons.

  • [actions] Rename disableActionSpacing to disableSpacing (#15355) @oliviertassinari

    • [CardActions] Rename the disableActionSpacing prop disableSpacing.
    • [CardActions] Remove the disableActionSpacing CSS class.
    • [CardActions] Rename the action CSS class spacing.
    • [DialogActions] Rename the disableActionSpacing prop disableSpacing.
    • [DialogActions] Rename the action CSS class spacing.
    • [ExpansionPanelActions] Rename the action CSS class spacing.

  • [Tooltip] Convert to function component (#15291) @joshwooding The child of the Tooltip needs to be able to hold a ref

    class Component extends React.Component {
  render() {
    return <div />
  }
}
-const MyComponent = props => <div {...props} />
+const MyComponent = React.forwardRef((props, ref) => <div ref={ref} {...props} />);
<Tooltip><Component /></Tooltip>
<Tooltip><MyComponent /></Tooltip>
<Tooltip><div /></Tooltip>

Changes

@material-ui/styles@v4.0.0-alpha.8

@material-ui/system@v4.0.0-alpha.8

@material-ui/docs@v4.0.0-alpha.8

Docs

Core

4.0.0-alpha.7

Apr 8, 2019

A big thanks to the 24 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v4.0.0-alpha.7

Breaking changes

  • [Switch][Radio][Checkbox] Improve specification compliance (#15097) @oliviertassinari

    Refactore the implementation to make it easier to override the styles. Rename the class names to match the specification wording:

    -icon
-bar
+thumb
+track

  • [Snackbar] Match the new specification (#15122) @oliviertassinari

    • Change the dimensions
    • Change the default transition to from Slide to Grow.

  • [TextField] Fix height inconsistency (#15217) @gautam-relayr

    Remove the inputType class from InputBase.

Changes

@material-ui/styles@v4.0.0-alpha.7

Docs

Core

4.0.0-alpha.6

Mar 30, 2019

A big thanks to the 20 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v4.0.0-alpha.6

Breaking changes

  • [Typography] Better defaults (#15100) @oliviertassinari

    • Change the default variant from body2 to body1. A font size of 16px is a better default than 14px. Bootstrap, material.io or even our documentation use 16px as a default font size. 14px like Ant Design is understandable as Chinese users have a different alphabet. We document 12px as the default font size for Japanese.
    • Remove the default color from the typography variants. The color should inherit most of the time. It’s the default behavior of the web.
    • Rename color="default" to color="initial" following the logic of #13028. The usage of default should be avoided, it lakes semantic.

  • [Container] Move to the core (#15062) @oliviertassinari

Changes

@material-ui/styles@v4.0.0-alpha.6

@material-ui/lab@v4.0.0-alpha.6

Docs

Core

3.9.3

Mar 28, 2019

Big thanks to the 11 contributors who made this release possible!

This release fixes an important regression with TypeScript: https://github.com/mui-org/material-ui/issues/15076.

@material-ui/core@v3.9.3

Docs

Core

N/A

4.0.0-alpha.5

Mar 23, 2019

A big thanks to the 23 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v4.0.0-alpha.5

Breaking changes

  • [TextField] Prevent fullwidth textfield expanding the screen (#14988) @FMcIntosh

    Change the default box sizing model of the InputBase. It uses the following CSS now:

    box-sizing: border-box;

    It solves issues with the fullWidth prop.

  • [Modal] Ignore event.defaultPrevented (#14991) @oliviertassinari

    The new logic closes the Modal even if event.preventDefault() is called on the key down escape event. event.preventDefault() is meant to stop default behaviors like clicking a checkbox to check it, hitting a button to submit a form, and hitting left arrow to move the cursor in a text input etc. Only special HTML elements have these default behaviors. You should use event.stopPropagation() if you don’t want to trigger an onClose event on the modal.

Changes

@material-ui/styles@v4.0.0-alpha.5

  • [test] Remove test-only class wrappers for higher-order components (#15017) @eps1lon

Docs

Core

  • [core] Refactor a subset of components from classes to functions (#14854) @mbrookes
  • [benchmark] Use deterministic version tags (#14968) @eps1lon
  • [test] Remove test-only class wrappers for higher-order components (#15017) @eps1lon

4.0.0-alpha.4

Mar 17, 2019

A big thanks to the 17 contributors who made this release possible!

Here are some highlights ✨:

  • Improve the TypeScript definitions of @material-ui/styles @VincentLanglet.
  • Prepare the migration of more TypeScript demos (#14896) @eps1lon.
  • Complete the i18n support for the documentation (#14838) @oliviertassinari.
  • And many more 🐛 bug fixes and 📝 documentation improvements.

@material-ui/core@v4.0.0-alpha.4

Breaking changess

  • [ButtonBase] Require host or ref forwarding components (#13664) @eps1lon

  • [SvgIcon] Rename nativeColor -> htmlColor (#14863) @oliviertassinari

    React solved the same problem with the for HTML attribute, they have decided to call the prop htmlFor. This change follows the same reasoning.

    -<AddIcon nativeColor={secondary.contrastText} />
+<AddIcon htmlColor={secondary.contrastText} />

  • [Divider] Remove the deprecated inset prop (#14826) @joshwooding

    -<Divider inset />
+<Divider variant="inset" />

  • [Box] Remove the unstable prefix & import the right version (#14845) @pheuter

    -import { unstable_Box as Box } from '@material-ui/core/Box';
+import Box from '@material-ui/core/Box';

Changes

@material-ui/styles@v4.0.0-alpha.4

@material-ui/lab@v4.0.0-alpha.4

Docs

Core

4.0.0-alpha.3

Mar 10, 2019

A big thanks to the 14 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v4.0.0-alpha.3

Breaking changes

  • [useMediaQuery] Remove unstable prefix (#14593)

    -import { unstable_useMediaQuery as useMediaQuery } from '@material-ui/core/useMediaQuery';
+import useMediaQuery from '@material-ui/core/useMediaQuery';

  • [DialogActions] action CSS class is applied to root element if disableActionSpacing={false} instead of children (#14795)

  • [DialogContentText] Use typography variant body1 instead of subtitle1 (#14795)

  • [MenuItem] Remove fixed height (#14799) @KyruCabading Remove the fixed height of the MenuItem. The padding and line-height are used by the browser to compute the height.

Changes

@material-ui/styles@v4.0.0-alpha.3

Breaking changes

  • [styles] Remove the old styles modules (#14767) @oliviertassinari Isolation of the styling solution of the core components in a dedicated package.

    • Remove the MuiThemeProvider component:

      -import { MuiThemeProvider } from '@material-ui/core/styles';
+import { ThemeProvider } from '@material-ui/styles';

    • Remove the @material-ui/styles/install module.

      -import { install } from '@material-ui/styles';
-install();

Changes

@material-ui/lab@v4.0.0-alpha.3

  • [SpeedDial] Change actions background color (#14640) @hburrows
  • [SpeedDialAction] Pass onTouchEnd event onto called onClick handler (#14641) @hburrows

Docs

Core

4.0.0-alpha.2

Mar 3, 2019

A big thanks to the 23 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v4.0.0-alpha.2

Breaking changes

  • [Tabs] Simplify override (#14638) @oliviertassinari

    We have removed the labelContainer, label and labelWrapped class keys. We have removed 2 intermediary DOM elements. You should be able to move the custom styles to the root class key. capture d ecran 2019-02-23 a 15 46 48

  • [Table] Add dense support (#14561) @leMaik

    • We have removed the deprecated numeric property.
    -<TableCell numeric>{row.calories}</TableCell>
+<TableCell align="right">{row.calories}</TableCell>
    • We have removed the fixed height property on the table row. The cell height is computed by the browser using the padding and line-height.
    • The dense mode was promoted to a different property:
    -<TableCell padding="dense" />
+<TableCell size="small" />

  • Every component except Dialog, MenuList, Modal, Popover and Tabs forward their innerRef (#14536).

    This is implemented by using React.forwardRef. This affects the internal component tree and display name and therefore might break shallow or snapshot tests. innerRef will no longer return a ref to the instance (or nothing if the inner component is a function component) but a ref to its root component. The corresponding API docs list the root component.

Changes

@material-ui/styles@v4.0.0-alpha.2

@material-ui/lab@v4.0.0-alpha.2

@material-ui/utils@v4.0.0-alpha.2

  • [utils] Drop componentPropType in favor of PropTypes.elementType (#14602) @eps1lon

Docs

Core

4.0.0-alpha.1

Feb 20, 2019

A big thanks to the 16 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v4.0.0-alpha.1

Breaking changes

  • [Typography] Remove deprecated Typography variants (#14562) @joshwooding

    • Remove the deprecated typography variants. You can upgrade by performing the following replacements:
      • display4 => h1
      • display3 => h2
      • display2 => h3
      • display1 => h4
      • headline => h5
      • title => h6
      • subheading => subtitle1
      • body2 => body1
      • body1 (default) => body2 (default)
    • Remove the opinionated display: block default typograpghy style. You can use the new display?: 'initial' | 'inline' | 'block'; property.
    • Rename the headlineMapping property to better align with its purpose.
    -<MuiTypography headlineMapping={headlineMapping}>
+<MuiTypography variantMapping={variantMapping}>

  • [InputLabel] Remove FormLabelClasses in favor of asterisk class (#14504) @umairfarooq44

You should be able to override all the styles of the FormLabel component using the css API of the InputLabel component. We do no longer need the FormLabelClasses property.

<InputLabel
- FormLabelClasses={{ asterisk: 'bar' }}
+ classes={{ asterisk: 'bar' }}
>
  Foo
</InputLabel>
  • [TablePagination] Only raise a warning when the page is out of range (#14534) @leMaik

The TablePagination component does no longer try to fix invalid (page, count, rowsPerPage) property combinations. It raises a warning instead.

Changes

@material-ui/styles@v4.0.0-alpha.1

Breaking changes

Remove the first option argument of withTheme(). The first argument was a placeholder for a potential future option. We have never found a need for it. It’s time to remove this argument. It matches the emotion and styled-components API.

-const DeepChild = withTheme()(DeepChildRaw);
+const DeepChild = withTheme(DeepChildRaw);

Changes

@material-ui/icons@v4.0.0-alpha.1

Docs

Core

4.0.0-alpha.0

Feb 12, 2019

This is our first unstable release toward Material-UI v4.0.0. We try to release a major every 6-12 months. This gives us the opportunity to remove deprecated APIs, upgrade our peer dependencies and more importantly, keep up with the direction the community is taking.

A big thanks to the 28 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v4.0.0-alpha.0

Breaking changes

  • [core] Increase React peer dependency to v16.8.0 (#14432) @oliviertassinari

    The upgrade path to React 16.8.0 should be pretty easy for our users. Introducing this breaking change in v4 enables the following:

    • We can remove the recompose dependency and use the new React.memo() API.
    • Before or after v4 is out, we can gradually migrate the core components to use the Hook API.

  • [Grid] Use a unitless spacing API (#14099) @ifndefdeadmau5

In order to support arbitrary spacing values and to remove the need to mentally count by 8, we are changing the spacing API:

  /**
   * Defines the space between the type `item` component.
   * It can only be used on a type `container` component.
   */
-  spacing: PropTypes.oneOf([0, 8, 16, 24, 32, 40]),
+  spacing: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]),

Going forward, you can use the theme to implement a custom Grid spacing transformation function: https://material-ui.com/system/spacing/#transformation.

The theme.palette.augmentColor() method no longer performs a side effect on its input color. In order to use it correctly, you have to use the output of this function.

-const background = { main: color };
-theme.palette.augmentColor(background);
+const background = theme.palette.augmentColor({ main: color });

console.log({ background });

  • [core] Change UMD output name to ‘MaterialUI’ (#13142) @tkrotoff

    This change eases the use of Material-UI with a CDN:

    const {
  Button,
  TextField,
-} = window['material-ui'];
+} = MaterialUI;

    It’s consistent with the other projects:

    • material-ui => MaterialUI
    • react-dom => ReactDOM
    • prop-types => PropTypes

  • [Button] Remove deprecated props and styles (#14383) @mbrookes

Remove the deprecated button flat, raised and fab variants:

-<Button variant="raised" />
+<Button variant="contained" />

-<Button variant="flat" />
+<Button variant="text" />

-import Button from '@material-ui/core/Button';
-<Button variant="fab" />
+import Fab from '@material-ui/core/Fab';
+<Fab />

Deprecation

    [theme.breakpoints.up('sm')]: {
-     paddingTop: theme.spacing.unit * 12,
+     paddingTop: theme.spacing(12),
    },

Tip: you can provide more than one argument: theme.spacing(1, 2) // = '8px 16px'

Changes

@material-ui/styles@v4.0.0-alpha.0

@material-ui/system@v4.0.0-alpha.0

@material-ui/icons@v4.0.0-alpha.0

@material-ui/docs@v4.0.0-alpha.0

@material-ui/lab@v4.0.0-alpha.0

Breaking changes

-import Breadcrumbs from '@material-ui/lab/Breadcrumbs';
+import Breadcrumbs from '@material-ui/core/Breadcrumbs';

⚠️ The height has changed - it might break your layout.

Changes

Docs

Core

3.9.2

Feb 03, 2019

Big thanks to the 16 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v3.9.2

  • [Portal] Fix onRendered being called before child componentDidUpdate (#14305) @joshwooding
  • [Select] Id should not be set from name if missing (#14322) @aericson
  • [ListItem] Add alignItems prop to ListItem.d.ts (#14334) @EndiM
  • [useMediaQuery] Fix typings for options object (#14339) @johannwagner`
  • [NativeSelect] Fix option background for dark theme (#14340) @ryancogswell
  • [Button] Add color inherit to outlined variant of button component (#14332) @EndiM
  • [ListItem] Improve ListItemSecondaryAction DX (#14350) @eps1lon
  • [ExpansionPanel] Fix userAgent check (#14361) @Floriferous

@material-ui/styles@v3.0.0-alpha.10

@material-ui/lab@v3.0.0-alpha.30

Docs

Core

3.9.1

Jan 26, 2019

Big thanks to the 30 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v3.9.1

@material-ui/styles@v3.0.0-alpha.9

@material-ui/lab@v3.0.0-alpha.29

  • [Slider] Support multitouch for dragging multiple sliders (#13320) @Pajn

@material-ui/system@v3.0.0-alpha.2

Docs

Core

3.9.0

Jan 14, 2019

Big thanks to the 17 contributors who made this release possible!

Here are some highlights ✨:

  • 💄 Add a new Link component (#14093) @joshwooding
  • 💄 Important update of the Badge component (#14121) @joshwooding
  • And many more 🐛 bug fixes and 📝 documentation improvements.

@material-ui/core@v3.9.0

@material-ui/styles@v3.0.0-alpha.8

  • [styles] Add test case for class extension with classes prop (#14127) @eps1lon
  • [styles] Document the CSS prefixing strategy on the server (#14139) @eps1lon
  • [styles] Add missing dependency hoist-non-react-statics (#14164) @joglr

Docs

Core

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

Docs

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

@material-ui/icons@v3.0.2

@material-ui/lab@v3.0.0-alpha.28

@material-ui/styles@v3.0.0-alpha.7

@material-ui/system@v3.0.0-alpha.1

@material-ui/utils@v3.0.0-alpha.3

@material-ui/docs@v3.0.0-alpha.9

Docs

Core

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 ✨:

@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.

-<Tabs fullWidth>
+<Tabs variant="fullWidth">

Changes

@material-ui/system@v3.0.0-alpha.0

@material-ui/styles@v3.0.0-alpha.5

Docs

Core

3.7.1

Dec 22, 2018

Big thanks to the 15 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v3.7.1

Docs

Core

3.7.0

Dec 17, 2018

Big thanks to the 11 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v3.7.0

Deprecations

We are allowing more align variants (left, center, right, inherit, justify). Following our API guideline, 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.

-<TableCell numeric>
+<TableCell align="right">

Changes

@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

Docs

Core

3.6.2

Dec 9, 2018

Big thanks to the 20 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v3.6.2

@material-ui/lab@v3.0.0-alpha.25

@material-ui/styles@v3.0.0-alpha.3

Docs

Core

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

@material-ui/styles@v3.0.0-alpha.2

Docs

Core

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 ✨:

@material-ui/core@v3.6.0

Deprecations

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.

-import Button from '@material-ui/core/Button';
+import Fab from '@material-ui/core/Fab';

-<Button variant="fab" color="primary">
+<Fab color="primary">
  <AddIcon />
-</Button>
+</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.

import Divider from '@material-ui/core/Divider';

-<Divider inset />
+<Divider variant="inset" />

Changes

@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

@material-ui/docs@v3.0.0-alpha.8

  • Fix the @material-ui/utils require error.

Docs

Core

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. 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.

import Button from '@material-ui/core/Button';
import React from 'react';
import { makeStyles } from '@material-ui/core/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 <Button className={classes.root} {...other} />;
}

function AdaptingHook() {
  return (
    <div>
      <MyButton color="red">Red</MyButton>
      <br />
      <br />
      <MyButton color="blue">Blue</MyButton>
    </div>
  );
}

export default AdaptingHook;

Powered by JSS.

  • Remove some usages of the old React’s APIs (#13487, #13529, #13503) @eps1lon.
  • Add a language menu in the documentation and persist states between repeated visits (#13544, #13567) @mbrookes
  • And many more 🐛 bug fixes and 📝 documentation improvements.

@material-ui/core@v3.5.1

@material-ui/styles@v3.0.0-alpha.0

Docs

Core

3.5.0

Nov 12, 2018

Corrupted, to not use.

3.4.0

Nov 5, 2018

Big thanks to the 16 contributors who made this release possible!

Here are some highlights ✨:

  • ⚛️ Fix some React 16.6.0 warnings in StrictMode (#13498, #13477) @eps1lon.
  • 💅 Improve the customization of the outlined input (#13428) @oliviertassinari.
  • And many more bug fixes and documentation improvements.

@material-ui/core@v3.4.0

@material-ui/lab@v3.0.0-alpha.23

Docs

Core

3.3.2

Oct 27, 2018

Big thanks to the 17 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v3.3.2

@material-ui/lab@v3.0.0-alpha.22

  • [Slider] Improve performance of slider (#13325) @Pajn

Docs

Core

3.3.1

Oct 24, 2018

Big thanks to the 8 contributors who made this release possible!

This is a quick patch after an important regression with the Modal component.

@material-ui/core@v3.3.1

Docs

3.3.0

Oct 21, 2018

Big thanks to the 26 contributors who made this release possible!

Here are some highlights ✨:

  • 🐛 Fix some important issues with the Modal (#13082, #13310) @J-Kallunki.
  • 📝 First translations of the documentation in Chinese (#13094) @mbrookes.
  • 📦 Make the Drawer demos usable outside of the box (#13314).
  • And many more bug fixes and documentation improvements.

@material-ui/core@v3.3.0

@material-ui/lab@v3.0.0-alpha.21

@material-ui/docs@v3.0.0-alpha.7

Docs

Core

3.2.2

Oct 16, 2018

Big thanks to the 3 contributors who made this release possible! This is a quick patch after important regressions.

@material-ui/core@v3.2.2

Core

3.2.1

Oct 14, 2018

Big thanks to the 19 contributors who made this release possible!

Here are some highlights ✨:

  • 🐛 A simpler Typography upgrade story
  • 🚀 Work on the performance server-side (x10) (#13233, #13236)
  • And many more bug fixes and 📝 documentation improvements.

@material-ui/core@v3.2.1

@material-ui/lab@v3.0.0-alpha.20

Docs

Core

3.2.0

Oct 8, 2018

Big thanks to the 18 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v3.2.0

Deprecations

This is a backward compatible change. You can opt-in the usage of the new Material Design typography specification. To learn more about the upgrade path, follow https://material-ui.com/style/typography/#migration-to-typography-v2.

This change updates the variant wording to match the one used in the Material Design specification.

-<Button variant="flat" />
+<Button variant="text" />

-<Button variant="raised" />
+<Button variant="contained" />

Changes

@material-ui/lab@v3.0.0-alpha.19

  • [SpeedDial] Improve hover intent between Dial and Actions (#13018) @eps1lon
  • [Slider] Fix thumb outline not matching spec (#12967) @eps1lon
  • [SpeedDial] Fix navigation between SpeedDialActions (#12725) @eps1lon
  • [Slider] Lowest value for vertical should be at the bottom (#13090) @eps1lon

Docs

Core

3.1.2

Sep 30, 2018

Big thanks to the 16 contributors who made this release possible! It contains many bug fixes 🐛 and documentation improvements 📝.

@material-ui/core@v3.1.2

  • [FormControlLabel] Reverse margins values when labelPlacement="start” (#13007) @IvanoffDan
  • [InputBase] Fix cursor on disabled state (#13008) @itskibo
  • [InputLabel] Add variant property to InputLabel type definition (#13009) @chrislambe
  • [StepLabel] Introduce StepIconComponent property (#13003) @semos
  • [StepConnector] Customize connector based on internal states (#13023) @spirosikmd
  • [OutlinedInput] notched should be boolean type (#13038) @zheeeng
  • [TextField] Add “pointerEvents: none” to outline and filled variants (#13040) @byronluk
  • [TextField] Fix the recent regressions (#13017) @slipo
  • [Portal] container should allow being ‘null’ type (#13043) @zheeeng

@material-ui/lab@v3.0.0-alpha.18

Breaking change

  • [Slider] Replace reversed with rtl support on horizontal sliders (#12972)

@material-ui/docs@v3.0.0-alpha.6

Docs

Core

3.1.1

Sep 24, 2018

Big thanks to the 21 contributors who made this release possible! It contains many bug fixes 🐛 and documentation improvements 📝.

@material-ui/core@v3.1.1

@material-ui/lab@v3.0.0-alpha.17

Docs

Core

3.1.0

Sep 16, 2018

Big thanks to the 24 contributors who made this release possible!

Here are some highlights ✨:

  • 💅 Add outlined and filled text field variants (#12076) @enagy27.
  • ♿️ Document how to make the icons accessible (#12822).
  • 🐛 Fix a class name generation regression (#12844).
  • And many more bug fixes 🐛 and documentation improvements 📝.

@material-ui/core@v3.1.0

@material-ui/lab@v3.0.0-alpha.16

Docs

Core

3.0.3

Sep 9, 2018

Big thanks to the 13 contributors who made this release possible!

@material-ui/core@v3.0.3

@material-ui/lab@v3.0.0-alpha.15

Docs

Core

3.0.2

Sep 3, 2018

Big thanks to the 16 contributors who made this release possible!

Here are some highlights ✨:

  • A documented release strategy (#12752).
  • And many more bug fixes 🐛 and documentation improvements 📝.

@material-ui/core@v3.0.2

@material-ui/lab@v3.0.0-alpha.14

Breaking changes

-import { ToggleButtonGroup } from '@material-ui/lab/ToggleButton';
+import ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';

Component Fixes / Enhancements

Docs

Core

N/A

3.0.1

Aug 28, 2018

Big thanks to the 10 contributors who made this release possible!

We are making a quick release after v3.0.0 to patch an incorrect peer dependency. It’s also a good opportunity to upgrade to the stable release of Babel 7.

@material-ui/core@v3.0.1

@material-ui/icons@v3.0.1

@material-ui/lab@v3.0.0-alpha.13

Docs

Core

3.0.0

Aug 27, 2018

Big thanks to the 27 contributors who made this release possible!

We are upgrading the major version of @material-ui/core to match the version of @material-ui/icons. The next major release is planned for Q1, 2019.

Breaking change

  • [icons] Save 22 Megabytes from the package (#12662)

Cut the package size by half. It should make the npm installation twice as fast. It’s not OK to have some installation timeout. We have removed the /es folder.

-import AccessAlarm from '@material-ui/icons/es/AccessAlarm';
+import AccessAlarm from '@material-ui/icons/AccessAlarm';
  • [core] Drop Firefox 45 support (#12669)

Firefox 52 is the last version supported by Windows XP. The market share of Firefox 45 is 0.03%. We use the same strategy for Chrome.

Component Fixes / Enhancements

Docs

Core

Lab

1.5.1

Aug 19, 2018

Big thanks to the 22 contributors who made this release possible!

Here are some highlights ✨:

  • Upgrade Babel to v7.0.0-rc.1 (#12581).
  • Document the meta viewport (#12541).
  • And many more bug fixes 🐛 and documentation improvements 📝.

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

Lab

1.5.0

Aug 12, 2018

Big thanks to the 23 contributors who made this release possible! This is a dense release!

Here are some highlights ✨:

  • Introduce a “page layout examples” section in the documentation. Don’t miss it! (#12410) @mbrookes.
  • Add a Table Of Contents for each page of the documentation (#12368).
  • Improve the TypeScript autocomplete for CSS properties (#12456) @eps1lon.
  • And many more bug fixes 🐛 and documentation improvements 📝.

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

Lab

1.4.3

Aug 4, 2018

Big thanks to the 15 contributors who made this release possible! This release focuses on bug fixes 🐛.

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

Lab

1.4.2

Jul 29, 2018

Big thanks to the 22 contributors who made this release possible! I hope we will soon beat our previous record: 30 contributors in a single week.

Here are some highlights ✨:

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

Lab

1.4.1

Jul 22, 2018

Big thanks to the 15 contributors who made this release possible!

Here are some highlights ✨:

Name Description
root Styles applied to the root element.
label Styles applied to the span element that wraps the children.
… …

  • After many iterations, we are happy to announce @material-ui/icons v2.0.0 💃. With this version, you can take advantage of all the icons recently released by Google: https://material.io/tools/icons/. There are more than 5,000 icons. (#12016, #12036, #12170, #12111, #12225)

  • The 1.4.0 release of Material-UI has introduced a new implementation of the Tooltip and Popper component. This release fixes a lot of issues following the rewrite (#12168, #12161, #12194, #12223, #12218). Thank you for reporting all these problems 🐛. Hopefully, it’s very stable now.

  • Creative Tim has just completed their second Material-UI theme 💅. It’s an important milestone for the themability of Material-UI. We are going to keep working on adding more themes to the list.

Breaking change

@material-ui/icons@2.0.0 allows React users to take advantage of the icons revamp the Material Design Team has been recently released. Some icons have been removed, ~150 new icons have been added, and some icons have been renamed. There are also currently some issues with the size of certain icons. Please refer to #12016 for further details.

Component Fixes / Enhancements

Docs

Core

Lab

1.4.0

Jul 14, 2018

Big thanks to the 21 contributors who made this release possible. Here are some highlights ✨:

  • Rework the Tooltip implementation (#12085)

The component is -1kB gzipped smaller and much faster. You can render 100 of them on a page with no issue. It’s also introducing a new component: Popper, an abstraction on top of Popper.js.

You can now dynamically change the theme of the whole documentation site.

  • Add a new toggle buttons component (#10144) @phallguy
  • And many more bug fixes and documentation improvements.

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

Lab

1.3.1

Jul 2, 2018

Big thanks to the 13 contributors who made this release possible.

Here are some highlights ✨:

  • Document the scroll property of the Dialog (#12025).
  • Add a demo with Font Awesome (#12027).
  • And many more bug fixes and documentation improvements.

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

Lab

N/A

1.3.0

Jun 26, 2018

Big thanks to the 10 contributors who made this release possible.

Here are some highlights ✨:

  • 🔥 Add extended Floating Action Button variant (#11941) @mbrookes.
  • 🔥 Add scroll body handling for the dialog (#11974).
  • 📝 Work on SEO for the components (#11963).

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

Lab

N/A

1.2.3

Jun 20, 2018

Big thanks to the 6 contributors who made this release possible.

This release fixes some important regressions. We are making it outside of the normal schedule.

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

N/A

Lab

1.2.2

Jun 18, 2018

Big thanks to the 16 contributors who made this release possible.

Here are some highlights ✨:

  • 📝 Document the dynamic override alternatives (#11782) @adeelibr
  • 📝 Document the ClickAwayListener component (#11801).
  • And many more bug fixes 🐛 and documentation improvements 📝.

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

Labs

N/A

1.2.1

Jun 10, 2018

Big thanks to the 15 contributors who made this release possible.

Here are some highlights ✨:

  • A lot of bug fixes 🐛!
  • Add full React.createRef support ⚛️ (#11757) @t49tran.
  • Document the withWidth() helper

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

Labs

1.2.0

Jun 3, 2018

Big thanks to the 23 contributors who made this release possible.

Here are some highlights ✨:

  • Start upgrading the button component to match the new Material specification (#11497) @mbrookes.
  • Fix some regressions (#11614, #11689).
  • And many more bug fixes and documentation improvements.

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

Labs

  • [SpeedDial] Fix classes prop description (#11599) @mbrookes
  • [Slider] Misc fixes towards standard MUI patterns (#11605) @mbrookes
  • [Slider] Fire the right event on mouseDown (#11642) @acroyear
  • [SpeedDial] Add type definitions to lab, so SpeedDial can be use with TypeScript project (#11542) @TR3MIC

1.1.0

May 26, 2018

Big thanks to the 30 contributors who made this release possible.

Here are some highlights ✨:

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

Labs

1.0.0

May 17, 2018

Our first stable v1 release! 🎉

It has taken us two years to do it, but Material-UI v1 has finally arrived! We are so excited about this release, as it’s setting a new course for the project. Thank you to everyone, especially to the team, and to everyone who’s contributed code, issue triage, and support. Thank you.

Some statistics with v1 while it was in alpha and beta:

  • 304 contributors
  • 2390 commits
  • From 0 downloads/month to 300k downloads/month
  • From 0 users/month to 90k users/month

1.0.0-rc.1

May 15, 2018

Big thanks to the 10 contributors who made this release possible.

Here are some highlights ✨:

  • Thanks for trying out v1.0.0-rc.0! This release focus on fixing the reported bugs 🐛.
  • Great focus on the performance (#11358, #11360, #11364) @goto-bus-stop, @TrySound We will have more time to work on that topic post v1.

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

0.20.1

May 13, 2018

Big thanks to the 14 contributors who made this release possible.

Component Fixes / Enhancements

Docs

1.0.0-rc.0

May 13, 2018

Big thanks to the 11 contributors who made this release possible.

Here are some highlights ✨:

  • Introduce the last planned breaking changes before stable v1

Breaking change

-import { withStyles } from 'material-ui/styles';
+import { withStyles } from '@material-ui/core/styles';

Motivation

  1. It’s a simple pattern to learn. You won’t need to go back and forth in the documentation to learn the import paths 💭.
  2. Your application bundle size will decrease 🚀.
  3. In an ideal world, we would import everything from the root module and tree sharking would be taken care of for us. This change doesn’t matter in this world ☮️.
import {
  Table,
  TableBody,
  TableCell,
  TableFooter,
  TablePagination,
  TableRow,
} from 'material-ui';

The diff

-import CircularProgress from '@material-ui/core/Progress/CircularProgress';
+import CircularProgress from '@material-ui/core/CircularProgress';

-import { ListItem } from '@material-ui/core/List';
+import ListItem from '@material-ui/core/ListItem';

Upgrade path

We provide a codemod to automate the migration: https://github.com/mui-org/material-ui/tree/master/packages/material-ui-codemod#import-path. I have used it to upgrade all the demos in the documentation :).

Split the responsabilities between the different components. Help with tree-shaking.

-        <Grid item xs hidden={{ xlUp: true }}>
-          <Paper>xlUp</Paper>
-        </Grid>
+        <Hidden xlUp>
+          <Grid item xs>
+            <Paper>xlUp</Paper>
+          </Grid>
+        </Hidden>
  • [TextField] change underline approach to prevent browser zoom issue (#11181) @Jdubedition

The text underline color customization change:

   underline: {
     '&:after': {
-      backgroundColor: purple[500],
+      borderBottomColor: purple[500],
     },
   },

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.47

May 9, 2018

Big thanks to the 4 contributors who made this release possible.

Here are some highlights ✨:

  • Fix an important regression (Babel upgrade)

Breaking change

If you are using TypeScript, 2.8 or later is required.

Component Fixes / Enhancements

Docs

N/A

Core

1.0.0-beta.46

May 8, 2018

Big thanks to the 7 contributors who made this release possible.

Here are some highlights ✨:

  • Fix an important regression (npm dependency)

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.45

May 6, 2018

Big thanks to the 12 contributors who made this release possible.

Here are some highlights ✨:

  • A release date. We will release Material-UI v1 May 17th.
  • Improve the performance of withStyles by adding memoization (#11202) @CharlesStover.
  • Standardization of the component injection pattern (#11204) @oliviertassinari
  • And many more bug fixes and documentation improvements.

Breaking change

I couldn’t find a clean way to support the render props pattern. Doing such would require to greatly reduce the usage of JSX. It would really harm source code readability.

Instead, I have been focusing on standardizing our component injection story. This way, we can go back to the render props after stable v1 is released and see if source code readability worth be sacrificed for the render prop pattern.

<Tabs
- TabScrollButton={TabScrollButtonWrapped}
+ ScrollButtonComponent={TabScrollButtonWrapped}

<TablePagination
- Actions={TablePaginationActionsWrapped}
+ ActionsComponent={TablePaginationActionsWrapped}

<Dialog
- transition={Transition}
+ TransitionComponent={Transition}

<Menu
- transition={Transition}
+ TransitionComponent={Transition}

<Snackbar
- transition={Transition}
+ TransitionComponent={Transition}

<Popover
- transition={Transition}
+ TransitionComponent={Transition}

<StepContent
- transition={Transition}
+ TransitionComponent={Transition}

This change is for consistency with the other components. No need to repeat the component name in the property.

       <Snackbar
-        SnackbarContentProps={{ 'aria-describedby': 'notification-message' }}
+        ContentProps={{ 'aria-describedby': 'notification-message' }}

Makes the API consistant with LinearProgress

<CircularProgress
- min={10}
- max={20}
- value={15}
+ value={(15 - 10) / (20 - 10) * 100}
/>

The rename started with #11090. I should have taken the time to complete it in the first place. This way, we are fully consistent with the spec: https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo :)

<ButtonBase
- onKeyboardFocus={this.handleVisible}
+ onFocusVisible={this.handleVisible}

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.44

Apr 29, 2018

Big thanks to the 17 contributors who made this release possible.

Breaking change

As long as you are providing a valid URL to <CardMedia image />, it should be working. However, previously " escaped URL will no longer work.

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.43

Apr 22, 2018

Big thanks to the 8 contributors who made this release possible.

Here are some highlights ✨:

Breaking change

  • [ButtonBase] Better keyboard focused story (#11090) @oliviertassinari

    • Rename the keyboardFocused feature focusVisible in order to follow the CSS specification wording: https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo
    • Give up on the classes property to host the focus visible feature. The fact that the classes don’t cascade was making it hard to use. Instead, we rely on a focusVisibleClassName property. This is allowing any component along the rendering chain to use the feature. For instance, a Switch component: Switch > SwitchBase > IconButton > ButtonBase.
    <ButtonBase
- classes={{
-   keyboardFocused: 'my-class-name',
- }}
+ focusVisibleClassName="my-class-name"
/>

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.42

Apr 16, 2018

Big thanks to the 15 contributors who made this release possible.

Here are some highlights ✨:

  • A better CSS override story (#10961) @oliviertassinari
  • Strongly typed React.CSSProperties TypeScript definitions (#11007) @pelotom
  • And many more bug fixes and documentation improvements.

Breaking change

This breaking change is important. It might be the most painful to recover from before stable v1 (May 17th 2018). We have changed the CSS specificity rule to solve #10771 at scale.

It’s inspired by the Bootstrap approach to writing CSS. It follows two rules:

  1. A variant has one level of specificity. For instance, the color and variant properties are considered a variant. The lower the style specificity is, the simpler you can override it.
  2. We increase the specificity for a variant modifier. We already have to do it for the pseudo-classes (:hover, :focus, etc.). It allows much more control at the cost of more boilerplate. Hopefully, it’s more intuitive.

Example:

const styles = {
-  checked: {
-    color: green[500],
+  root: {
+    color: green[600],
+    '&$checked': {
+      color: green[500],
+    },
   },
+  checked: {},
};

<Checkbox
  classes={{
+   root: classes.root,
    checked: classes.checked,
  }}
/>

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.41

Apr 7, 2018

Big thanks to the 14 contributors who made this release possible.

Here are some highlights ✨:

  • An icon package ready for v1 stable (#10902, #10933, #10957).
  • An important focus on the documentation.
  • And many more bug fixes and documentation improvements.

Breaking change

-import FormatTextdirectionRToL from 'material-ui-icons/FormatTextdirectionRToL';
+import FormatTextdirectionRToL from '@material-ui/icons/FormatTextdirectionRToL';

Component Fixes / Enhancements

Docs

Core

  • [typescript] Upgrade React and JSS typings, which both make use of csstype now (#10903) @pelotom

1.0.0-beta.40

Apr 1, 2018

Big thanks to the 4 contributors who made this release possible.

Here are some highlights ✨:

  • React 16.3.0 support (#10867).
  • Many bug fixes on the Tooltip component (#10843) @shssoichiro.
  • A much better navigation experience on the docs (#10859).

Breaking change

We take advantage of the latest features of React 16.x. React is allowing us to return an array of elements in the render method. We have removed the useless root div element. Nothing has changed for people using React 15.x.

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.39

Mar 28, 2018

Big thanks to the 25 contributors who made this release possible.

Here are some highlights ✨:

Breaking change

The negative margin implementation solution currently used comes with serious limitations. Material-UI is the only library with a non-zero default spacing between the items. Having zero spacing by default will ease the usage of the component.

-<Grid />
+<Grid spacing={16} />

For consistency with the removeEventListener Web API and the Snackbar disableWindowBlurListener property.

<Tooltip
- disableTriggerFocus
- disableTriggerHover
- disableTriggerTouch
+ disableFocusListener
+ disableHoverListener
+ disableTouchListener
/>

I have made a mistake in #8108. The property isn’t applied on a FormControl but on a FormLabel component.

-<InputLabel FormControlClasses={classes} />
+<InputLabel FormLabelClasses={classes} />

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.38

Mar 17, 2018

Big thanks to the 19 contributors who made this release possible.

This release comes with important theme upgrades. Here are some highlights ✨:

  • Introduction of a Premium Themes section (#10616).
  • A props theme key to globally inject properties on components (#10671).
  • A theme option to change the font-size (#10687).
  • And many more bug fixes and documentation improvements.

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.37

Mar 11, 2018

Big thanks to the 13 contributors who made this release possible.

Here are some highlights ✨:

Breaking change

These properties were introduced before classes. Exposing a single pattern makes things more predictable and easier to work with.

-<Tabs buttonClassName="foo" indicatorClassName="bar" />
+<Tabs classes={{ scrollButtons: 'foo', indicator: 'bar' }} />

-<TextField labelClassName="foo" helperTextClassName="bar" />
+<TextField InputLabelProps={{ className: 'foo' }} FormHelperTextProps={{ className: 'bar' }} />
  • [CssBaseline] Rename from Reboot (#10605}

The new wording should clarify the purpose of the component. For instance, it’s not about adding JavaScript polyfills.

-<Reboot />
+<CssBaseline />

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.36

Mar 5, 2018

Big thanks to the 14 contributors who made this release possible.

Here are some highlights ✨:

  • We have started the effort toward supporting the async API of react@16.3.0 (#10489, #10523) @oliviertassinari.
  • Document how to use Material-UI with a CDN (#10514) @zelinf.
  • And many more bug fixes and documentation improvements.

Breaking change

Remove the fontSize property. The SvgIcon behavior is closer to the Icon behavior.

-<Icon fontSize />
-<SvgIcon fontSize />
+<Icon />
+<SvgIcon />

Now, you can use the font-size style property to changr the size of the icon.

This is an effort in order to harmonize the classes API. The best way to recover from this breaking change is to check the warnings in the console and to check the added documentation around the design rules around this API.

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.35

Feb 24, 2018

Big thanks to the 20 contributors who made this release possible.

Here are some highlights ✨:

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.34

Feb 17, 2018

Big thanks to the 21 contributors who made this release possible.

Here are some highlights ✨:

Breaking change

For consistency between the Input and the Checkbox, Switch, Radio the following small breaking changes have been done:

The usage of the inputProps property is no longer needed to apply an id to the input. The id is applied to the input instead of the root.

-<Checkbox inputProps={{ id: 'id' }} />
+<Checkbox id="id" />

The inputType property was renamed type.

-<Checkbox inputType="text" />
+<Checkbox type="text" />
  • [Checkbox, Radio, Switch] Change default color, add color prop (#10138) @mbrookes

The Material Design specification says that selection controls elements should use the application’s secondary color.

-<Checkbox />
-<Switch />
-<Radio />
+<Checkbox color="primary" />
+<Switch color="primary" />
+<Radio color="primary" />

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.33

Feb 10, 2018

Big thanks to the 16 contributors who made this release possible.

Here are some highlights ✨:

  • A documentation section on the component property (#10128) @sebald.
  • A Snackbar / FAB animation integration example (#10188) @mbrookes.
  • The Select open state can be controlled (#10205) @oliviertassinari.
  • And many more bug fixes and documentation improvements.

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.32

Feb 4, 2018

Big thanks to the 12 contributors who made this release possible.

Here are some highlights ✨:

Breaking change

These breaking changes aim at providing a systematic solution to the boolean vs enum naming problem.

We have documented our approach to solving the problem in #10023. Basically, we enforce the following rule:

  • We use a boolean when the degrees of freedom required is 2.
  • We use an enum when the degrees of freedom required is > 2.

This is what motivated the button breaking change. Unfortunately type has its own meaning in the HTML specification. You can use it on the following elements: <button>, <input>, <command>, <embed>, <object>, <script>, <source>, <style>, <menu>. We are using a more generic name to avoid the confusion: variant.

Umbrella pull request for: #10084, #10086, #10088.

<Button
- raised
+ variant="raised"

<Button
- fab
+ variant="fab"

<Typography
- type="title"
+ variant="title"

<MobileStepper
- type="dots"
+ variant="dots"

<Drawer
- type="persistent"
+ variant="persistent"

<LinearProgress
- mode="determinate"
+ variant="determinate"

<CircularProgress
- mode="determinate"
+ variant="determinate"
  • [transition] Standardize the components (#10151)
           <Zoom
             in={in}
-            enterDelay={transitionDuration.exit}
+            style={{
+              transitionDelay: in ? transitionDuration.exit : 0,
+            }}

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.31

Jan 21, 2018

Big thanks to the 14 contributors who made this release possible.

Here are some highlights ✨:

Fun facts:

  • Our first alpha release was 1 year ago: Jan 28, 2017 🎂!
  • We have done 53 pre-releases of the v1.x, one every week for a year 🛥.

Breaking change

We have removed the “magic” <Icon> wrapping logic. It should be done explicitly now. It’s making our components less biased around the svg icon vs font icon choice.

+import Icon from 'material-ui/Icon';

-      <IconButton>comment</IconButton>
+      <IconButton>
+        <Icon>comment</Icon>
+      </IconButton>

  • [theme] Further simplification & standardization (#10015) @mbrookes

    • Most component specific theme.palette.background colors have been removed. The affected components use theme.palette.grey instead. Shift the values of theme.palette.grey if you wish to lighten or darken these as a whole; this will maintain the contrast relationship between them. (Paper remains in the theme, as it is used across multiple components.)
    • theme.palette.common.fullBlack and fullWhite have been removed. Components that used these values now use theme.palette.common.black and white instead.
    • theme.palette.common.transparent has been removed. Components that used this value now use 'transparent' directly.
    • Chip has been corrected to use theme.palette.grey. If you customize the values of grey, the appearance of Chip in your app may change.

  • [core] Remove the rootRef properties as unneeded (#10025)

-import ReactDOM from 'react-dom';

<IconButton
- rootRef={node => {
-   this.button = ReactDOM.findDOMNode(node);
+ buttonRef={node => {
+   this.button = node;
  }}
>

-<Button dense>
+<Button size="small">

In order to keep the palette simple to understand. I have removed the types from the palette object. The motivation is the following. The theme & palette should only store the information needed to display one UI context. Having the types object in the palette encourage people to rely on it. No, we want people to do it the other way around.

For instance, instead of doing:

const theme = createMuiTheme({
  palette: {
    type: 'dark',
    types: {
      dark: {
        background: {
          default: '#000',
        },
      },
      light: {
        background: {
          default: '#fff',
        },
      },
    },
  },
});

We would rather see people doing:

const types = {
  dark: {
    background: {
      default: '#000',
    },
  },
  light: {
    background: {
      default: '#fff',
    },
  },
};

const theme = createMuiTheme({
  palette: {
    type: 'dark',
    ...types.dark,
  },
});

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.30

Jan 21, 2018

Big thanks to the 12 contributors who made this release possible.

Here are some highlights ✨:

  • A revamp of the palette usage. We want it to be as simple as possible (#9876, #9918, #9970). We are pretty happy with the outcome. +80% of the story has been completed.
  • A better w3c compliance, we will keep working on it in for the next release @sambhav-gore.
  • An improved breakpoints documentation section (#9949).
  • A new notification system for the documentation (#9974) @mbrookes.
  • And many more bug fixes and documentation improvements.

Breaking change

  • [palette] Keep simplifying the solution (#9876) @oliviertassinari
    • Remove the contrast color from our API. This color variation hasn’t proven itseft to be useful enough.
    -<Button color="contrast" />
+<Button />

    Instead, you can use the color="inherit" property or use the theme.palette.XXX.contrastText value.

    • Rename accent to secondary. We have removed the accent indirection to be closer to the object people are providing to customize the palette.
    -<Button color="accent" />
+<Button color="secondary" />

    <Tabs
- indicatorColor="accent"
- textColor="accent"
+ indicatorColor="secondary"
+ textColor="secondary"
>
    • Rename old secondary to textSecondary. secondary and textSecondary are two valid color value.
    -<Typography color="secondary" />
+<Typography color="textSecondary" />
  • [palette] Standardize the secondary color (#9918) @oliviertassinari

The secondary color now behaves the same way than the other colors (primary, error). We always use the main tone by default instead of the light tone. It’s unclear if this change is making the implementation follow the specification more closely. The direct win is simplicity and predictability.

  • [palette] Normalize the usage of the palette (#9970) @oliviertassinari
    • Remove theme.palette.input object.
    • Remove theme.palette.text.icon color.
    • Remove theme.palette.background.contentFrame, it was only used in the documentation.
    • Move theme.palette.text.divider to theme.palette.divider, it’s not a text color.
    • Remove theme.palette.text.lightDivider, there is no reference to is in the specification, better keep things simple.

Component Fixes / Enhancements

Docs

Core

N/A

1.0.0-beta.29

Jan 16, 2018

Big thanks to the 9 contributors who made this release possible.

We are making a release earlier than expected. The release schedule norm has been so far: one every weekend. 1.0.0-beta.28 has introduced important pain points we want to address quickly:

  • The 1.0.0-beta.28 palette change was made non-breaking (#9889) @mbrookes
  • The JSS issues have been fixed
  • The TypeScript definitions have been updated

Breaking change

N/A

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.28

Jan 14, 2018

Big thanks to the 22 contributors who made this release possible.

Here are some highlights ✨:

  • A new theme palette system (#9794) @mbrookes. It’s an important simplification.
  • More flexibile and customization friendly table components (#9852) @kgregory.
  • A new gold sponsor: Creative Tim, thank you!
  • And many more bug fixes and documentation improvements.

Breaking change

  • [core] Revise the theme.palette.primary & secondary approach (#9794) @mbrookes

It’s an important simplification of the palette system. You can now directly use the “official” Color Tool.

  • Instead of using a rich color object of 14 different keys, we rely on an object of 4 different keys: light, main, dark and contrastText.
  • Providing the full-color object used to be required. Now, we will provide a nice default to the different values using the main value.
import { createMuiTheme } from 'material-ui/styles';
import blue from 'material-ui/colors/blue';
import pink from 'material-ui/colors/pink';

const theme = createMuiTheme({
  palette: {
-   primary: blue,
-   secondary: pink,
+   primary: {
+     light: blue[300],
+     main: blue[500],
+     dark: blue[700],
+   },
+   secondary: {
+     light: pink[300],
+     main: pink[500],
+     dark: pink[700],
+   }
    type: theme.paletteType,
  },
});
  • [ListItemText] Add extra class to style secondary text (#9759) @t49tran
<ListItem
  classes={{
-   text: 'my-class',
+   textPrimary: 'my-class',
  }}
/>

Rename ListItemText classes for consitancy with the CardHeader component:

-- `textPrimary`
-- `textSecondary`
+- `primary`
+- `secondary`

TableHead, TableBody and TableFooter no longer offer a CSS API, which means their root classes are no longer available. To style the root element in these components, a className prop can be passed, as all non-API props will be spread to the root element.

Component Fixes / Enhancements

Docs

Core

  • [core] Remove contastDefaultColor (#9772) @mbrookes
  • [core] Revise theme contrastText approach, remove contrastDefaultColor (#9063) @mbrookes
  • [color] Add a warning when an invalid value is provided (#9783) @oliviertassinari
  • [typescript] Add TouchRipple typings (#9812) @msiadak
  • [test] Enforce 100% test coverage in Codecov (#9813) @leMaik
  • [typescript] Move @types/jss from devDependencies to dependencies (#9817) @pelotom
  • [core] Upgrade the dependencies 😢 (#9828)

1.0.0-beta.27

Jan 6, 2018

Big thanks to the 19 contributors who made this release possible.

Here are some highlights ✨:

  • A strong focus on the documentation.
  • Add a new Zoom component (#9693) @mbrookes.
  • Better vertical alignment of our components (#9709) @oliviertassinari.
  • And many more bug fixes and documentation improvements.

Breaking change

Remove the rootRef property from the Grow and List component. Instead, you can use the ref property in combination with findDOMNode() or a RootRef helper.

Remove the transitionClasses property of the Popover component. Instead, you can provide a transition component.

  • [BottomNavigation] Rename BottomNavigationButton to BottomNavigationAction (#9692) @mbrookes
-import BottomNavigation, { BottomNavigationButton } from 'material-ui/BottomNavigation';
+import BottomNavigation, { BottomNavigationAction } from 'material-ui/BottomNavigation';

You might be relying on the transitive dependency of Material-UI: jss-preset-default. If you do, you need to declare the dependency in your package.json. Material-UI will no longer install it for you. Alternatively, you can use our preset to save bundle size.

-import preset from 'jss-preset-default';
+import { jssPreset } from 'material-ui/styles';

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.26

Dec 30, 2017

Big thanks to the 12 contributors who made this release possible.

Here are some highlights ✨:

  • @kgregory has made the breakpoint down behavior more intuitive. As of now, it’s inclusive (#9632).
  • We have introduced a new component to kickstart an elegant, consistent, and simple baseline to build upon: Reboot (#9661).
  • The Portal and Modal components have been revamped to solve the core issues raised by the community (#9613). Those components are now documented.
  • And many more bug fixes and documentation improvements.

Breaking change

  • [Portal] Second iteration on the component (#9613)

Some properties have been renamed:

<Dialog
- ignoreBackdropClick
- ignoreEscapeKeyUp
+ disableBackdropClick
+ disableEscapeKeyDown

<Modal
- show
- disableBackdrop
- ignoreBackdropClick
- ignoreEscapeKeyUp
- modalManager
+ open
+ hideBackdrop
+ disableBackdropClick
+ disableEscapeKeyDown
+ manager

The zIndex object has been updated to match the usage.

  const zIndex = {
-  mobileStepper: 900,
-  menu: 1000,
+  mobileStepper: 1000,
   appBar: 1100,
-  drawerOverlay: 1200,
-  navDrawer: 1300,
-  dialogOverlay: 1400,
-  dialog: 1500,
-  layer: 2000,
-  popover: 2100,
-  snackbar: 2900,
-  tooltip: 3000,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500,
  };
  • [breakpoint] Down properties are now inclusive (#9632) @kgregory
    • createBreakpoints.down() is now inclusive of the specified breakpoint
    • isWidthDown() is now inclusive of the specified breakpoint by default
    • <Hidden /> will include the breakpoints associated with its Down properties regardless of whether CSS or JS is used.

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.25

Dec 22, 2017

Big thanks to the 16 contributors who made this release possible.

Here are some highlights ✨:

  • 100% test coverage. Thanks @leMaik for the last mile (#9596)!
  • The first introduction of Global CSS 😱. We have introduced a dangerouslyUseGlobalCSS option to the class name generator (#9558). We discourage people from using this option in production. However, it can be a quick escape hatch when prototyping. It’s making the class names predictable, for instance:
-c291
+MuiButton-raised
  • And many more bug fixes and documentation improvements.

Breaking change

None, merry christmas 🎄.

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.24

Dec 17, 2017

Big thanks to the 16 contributors who made this release possible.

Here are some highlights ✨:

  • We have removed Flow from the core components in (#9453). You can learn more about the motivations in the pull request. This changes two important things:
    • We have reduced the size of the bundle by ~8 kB gzipped.
    • The propTypes runtime checks are back. You might experience new warnings.
  • We have introduced 4 breaking changes.
  • You can support me on Patreon and the community on OpenCollective (#9460). Blog posts are coming.
  • And many more bug fixes and documentation improvements.

Breaking change

This change is making the js and css breakpoint utils behaving the same way. The default parameter of withWidth.isWidthDown(breakpoint, width, inclusive) changed:

-inclusive = true
+inclusive = false

You might want to update the usage of the API by increasing the breakpoing used on the Hidden component:

-<Hidden implementation="js" mdDown>
+<Hidden implementation="js" lgDown>

Or by going back to the previous behavior:

-isWidthDown(breakpoint, width)
+isWidthDown(breakpoint, width, true)

Most of our components are stateless by default. It wasn’t the case with v0.x. Let’s translate this default behavior in the property names of v1.

-onRequestClose
-onRequestOpen
-onRequestDelete
+onClose
+onOpen
+onDelete

The existing InputProps property can be used to set the className on the input element, making inputClassName redundant. Issue #9508 exposed some conflicting behavior between the two properties and it was decided that removing inputClassName would result in a cleaner API.

-  /**
-   * The CSS class name of the `input` element.
-   */
-  inputClassName: PropTypes.string,

The configuration of the wrapped Input component and its input element should be done through InputProps. To specify a className on the input element:

<TextField InputProps={{ inputProps: { className: 'foo' } }} />
  • [Stepper] “Optional” label in StepLabel should be localizable (#9489) @karaggeorge

There is no logic attached to the optional boolean property. So, we can reduce the abstraction cost. The property is provided closer to where it’s needed, and people have full control over how it should be displayed. By chance, it matches the specification.

-<Step optional>
-  <StepLabel>
+<Step>
+  <StepLabel optional={<Typography type="caption">Optional Text</Typography>}>
     Label
   </StepLabel>
 </Step>

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.23

Dec 9, 2017

Big thanks to the 26 contributors who made this release possible.

Here are some highlights ✨:

Breaking change

  • [TextField] API disamiguation/consistency (#9382) @rosskevin Some of the convenience properties exposed were confusing and have been removed (inputProps | InputClassName). For advanced configuration any Input through TextField, use TextField.InputProps to pass any property accepted by the Input.
  • [SvgIcon] Add color property (#9367) @kale5in By consistency with the other components, the color property is no longer apply to the <svg>. Instead, it’s used to apply normalized color.

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.22

Nov 28, 2017

Big thanks to the 26 contributors who made this release possible.

Here are some highlights ✨:

  • Wait, what? A new component is coming, again 🎉. @andrzejbk has been implementing the ExpansionPanel component with the help of the community. Big thanks to him!
  • Support TypeScript@2.6 (#9124) @pelotom
  • Support Flow@0.57.x (#8983) @rsolomon, @rosskevin
  • A new organization: mui-org @hai-cea
  • And many more bug fixes and documentation improvements.

Breaking change

  • [Select] Remove InputClasses (#9159) @oliviertassinari It’s a revert. I have made the unwise call of adding the InputClasses property in an unrelated refactorization pull request #8942. It was not taking the input classes property into account. It was a breaking change and not needed.
  • [core] Reduce bundle size by 2kB gzipped (#9129) @oliviertassinari We have removed some jss plugins from the default bundle:

It’s a revert. I have made the unwise call of adding the InputClasses property in an unrelated refactorization pull request #8942. It was not taking the input classes property into account. It was a breaking change and not needed.

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.21

Nov 13, 2017

Big thanks to the 18 contributors who made this release possible.

Here are some highlights ✨:

  • @alexhayes and @vladimirpekez have done an awesome job migrating the Stepper component to the v1-beta branch (#8291). Thank you!
  • @kof Has been working hard and tightly with us to improve JSS, we have upgraded the dependency to v9 (#9111).
  • And many more bug fixes and documentation improvements.

Breaking change

In the following diff SwitchBase can be a Checkbox a Radio or a Switch.

-<SwitchBase disabled disabledClassName={disabledClassName} />;
+<SwitchBase disabled classes={{ disabled: disabledClassName }} />;

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.20

Nov 5, 2017

Big thanks to the 12 contributors who made this release possible.

Here are some highlights ✨:

  • We have been addressing a lot of bug and documentation issues during the last month. We should soon be able to start porting new components.
  • The test coverage increased by 0.5% thanks to @leMaik effort (#8910, #8911). We are very close to 100%.
  • The internal ClickAwayListener component was made public (#8967).

Breaking change

  • [style] Improve the font-size situation (#8942) @oliviertassinari The Input and FormLabel component do no longer inherit the font-size. You might have to override them explicitly.
  • [Popover] Add a max-height (#8943) @oliviertassinari
-Menu.classes.root
+Menu.classes.paper

-import { withResponsiveFullScreen } from 'material-ui/Dialog';
+import { withMobileDialog } from 'material-ui/Dialog';

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.19

Oct 30, 2017

Big thanks to the 17 contributors who made this release possible.

Here are some highlights ✨:

  • We managed to do it! We have upgraded all the dependencies to react@16 🚀 (#8889). We will keep react@15 support for some time in order to help the migration from v0.x to v1.x.
  • We have fixed an important bug of withStyles() with react-hot-loader. Thanks a lot @rrousselGit for the support (#8897).
  • We have introduced 3 soft breaking changes (#8830, #8858, #8916).
  • And many more bug fixes and documentation improvements.

Breaking change

         <Grow
-          transitionDuration={{
+          timeout={{
             enter: enterDuration,
             exit: leaveDuration,
           }}
         />

-    <Dialog transition={<Slide direction="left" />} />;
+    const Transition = props => <Slide direction="left" {...props} />
+    <Dialog transition={Transition} />;

-    <Snackbar transition={<Slide direction="left" />} />;
+    const Transition = props => <Slide direction="left" {...props} />
+    <Snackbar transition={Transition} />;
  • [RTL] Make Right-to-left optional (#8916) @oliviertassinari jss-rtl needs to be installed and added to jss by the users. We do no longer do it by default.

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.18

Oct 24, 2017

Big thanks to the 14 contributors who made this release possible.

Here are some highlights ✨:

  • New InputAdornment component (#8504).
  • New Frequently asked questions documentation section
  • We have saved 1 KB gzip by removing our internal react-transition-group fork (#8785).
  • We have made one step further in order to upgrade all our development dependencies to react@16 (#8804).

Breaking change

I have noticed one inconsistency with the className property. The value should have been applied on the root of the component. We enforce this behavior now.

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.17

Oct 16, 2017

Big thanks to the 14 contributors who made this release possible.

This release is mostly about stability. We have merged many bug fixes PRs and documentation improvement PRs. We are garbage collecting all the features we have been adding lately. As this garbage collection stabilize, we will be able to add new features, like a stepper, extension panel or date/time pickers. But we are not here yet. For instance, we need to upgrade all our dev dependencies to react@16 first.

Breaking change

-        <Grid container xs={6} align="flex-end">
+        <Grid container xs={6} alignItems="flex-end">
           <Grid item>

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.16

Oct 8, 2017

Big thanks to the 18 contributors who made this release possible.

Here are some highlights ✨:

Breaking change

             <TableFooter>
-              <TablePagination
-                count={data.length}
-                rowsPerPage={rowsPerPage}
-                page={page}
-                onChangePage={this.handleChangePage}
-                onChangeRowsPerPage={this.handleChangeRowsPerPage}
-              />
+              <TableRow>
+                <TablePagination
+                  count={data.length}
+                  rowsPerPage={rowsPerPage}
+                  page={page}
+                  onChangePage={this.handleChangePage}
+                  onChangeRowsPerPage={this.handleChangeRowsPerPage}
+                />
+              </TableRow>
             </TableFooter>
  • [typescript] Fix withStyles typing for class components; remove usage as TS decorator (#8561) @pelotom We drop the TypeScript decorator support.

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.15

Oct 4, 2017

material-ui-icons

Component Fixes / Enhancements

1.0.0-beta.13

Oct 1, 2017

Big thanks to the 18 contributors who made this release possible.

Breaking change

  • [Table] Introduce padding property (#8362) @eyn
-  <TableCell checkbox>
+  <TableCell padding="checkbox">

-  withTheme,
+  withTheme(),

      <Dialog
-       enterTransitionDuration={100}
-       leaveTransitionDuration={100}
+       transitionDuration={100}
      </Dialog>

      <Dialog
-       enterTransitionDuration={100}
-       leaveTransitionDuration={200}
+       transitionDuration={{
+         enter: 100,
+         exit: 200,
+       }}
      </Dialog>

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.12

Sep 24, 2017

Big thanks to the 25 contributors who made this release possible.

Wait, what?! We have been merging 52 pull requests from 25 different people in just 6 days (and closed 60 issues). This is a new record for the project. The v1-beta version is definitely getting traction. Thanks for the support!

Here are some highlights ✨:

  • Introduction of the first codemods for the v0.x -> v1.x migration as well as a documentation page. @vividh (#8311, #8333, #8314)
  • The TypeScript definitions made an important step forward with more than 10 PRs merged. @pelotom @sebald @xaviergonz and more
  • Wondering how Material-UI compares to the other solutions out there? We have created a documentation page to stress the tradeoffs taken. (#8319)
  • material-ui@next has just crossed react-toolbox in terms of downloads on npm.

Breaking change

const muiTheme = createMuiTheme({
  breakpoints: {
-    breakpointsMap: {
+    values: {
      xs: 360,
      sm: 768,
      md: 992,
      lg: 1200,
      xl: 1440,
    },
  },
});

  paperWidthXs: {
-    maxWidth: theme.breakpoints.getWidth('xs'),
+    maxWidth: theme.breakpoints.values.xs,
  },
  • [typescript] Improve type definition for withStyles (#8320) @pelotom

@pelotom did a great job improving the withStyles typings, such that less generics are required to be written! Most notably, you no longer have to pass a map of class names to withStyles:

- withStyles<{ root: string; }>(...)
+ withStyles(...)

Also, props can now be set when applying the HOC:

- const StyledComponent = withStyles<
-   StyledComponentProps,
-   StyledComponentClassNames
- >(styles)(Component);
+ const StyledComponent = withStyles(styles)<StyledComponentProps>(
+   ({ classes, text }) => (
+     <div className={classes.root}>
+       {text}
+     </div>
+   )
+ );

When withStyles() is used as a decorator and strictNullChecks is enabled, one has to use the ! operator to access classes from within the class.

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.11

Sep 18, 2017

Big thanks to the 12 contributors who made this release possible.

Breaking change

-  <Tooltip label="Add">
+  <Tooltip title="Add">

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.10

Sep 14, 2017

This is an early release as we have been breaking the TypeScript typings with 1.0.0-beta.9. Hopefully, we are in a better state now. Here are some highlights:

  • Keeping pushing typing fixes @xaviergonz and @sebald
  • A new Tooltip component thanks to @quanglam2807 (#7909)
  • Our internal styling solution should be faster with (#8142). With the last release we fix a memory leak (#8036), so thanks for reporting those issues!

Big thanks to the 13 contributors who made this release possible.

Breaking changes

+import KeyboardArrowLeft from 'material-ui-icons/KeyboardArrowLeft';
+import KeyboardArrowRight from 'material-ui-icons/KeyboardArrowRight';

     <MobileStepper
-        onBack={this.handleBack}
-        onNext={this.handleNext}
-        disableBack={this.state.activeStep === 0}
-        disableNext={this.state.activeStep === 5}
+        nextButton={
+          <Button dense onClick={this.handleNext} disabled={this.state.activeStep === 5}>
+            Next
+            <KeyboardArrowRight />
+          </Button>
+        }
+        backButton={
+          <Button dense onClick={this.handleBack} disabled={this.state.activeStep === 0}>
+            <KeyboardArrowLeft />
+            Back
+          </Button>
+        }
      />

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.9

Sep 10, 2017

Again, this release is particularly dense! Here are some highlights:

Big thanks to the 13 contributors who made this release possible.

Breaking changes

N/A

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.8

Sep 2, 2017

Big thanks to the 8 contributors who made this release possible.

Breaking changes

N/A

Component Fixes / Enhancements

  • [typescript] Adjust typings to refactoring in styles (#7975) @sebald
  • [Drawer] Add type property, remove docked property in TypeScript definition (#7998) @jaredklewis
  • [typescript] Make createMuiTheme’s ThemeOptions recursively partial (#7993) @fathyb
  • [npm] Move “next” to the dev dependencies (#7980) @oliviertassinari

Docs

Core

1.0.0-beta.7

Aug 30, 2017

This release is particularly dense! Here are some highlights:

  • We release 4 breaking changes at the same time. This is a first for the project. We wanted to release them as soon as possible, while the v1-beta market share is still at 10% of the v0.x version. Hopefully, the frequency of the breaking changes will slow down.
  • @rosskevin has upgraded the Flow dependency. v0.53 is providing a much better typing integration with React.
  • The Drawer component has some new features. One of them is allowing the documentation to fully take advantage of the server-side rendering. We expect the documentation to render even faster with this beta.

Big thanks to the 12 contributors who made this release possible.

Breaking changes

     const theme = createMuiTheme({
-      palette: createPalette({ primary: deepOrange, accent: green }),
+      palette: createPalette({ primary: deepOrange, secondary: green }),
     });

   flatAccent: {
-    color: theme.palette.accent.A200,
+    color: theme.palette.secondary.A200,

-<Drawer docked />
+<Drawer type="persistent" />

  • [theme] Simplification of the API (#7934) @oliviertassinari

    • If you are using a direct import of material-ui/styles/theme, the path changed:
    -import createMuiTheme from 'material-ui/styles/theme';
+import createMuiTheme from 'material-ui/styles/createMuiTheme';
    • We have removed the intermediary functions, now you can provide a nested structure to override the generated theme structure inside the first argument of createMuiTheme(). Notice that you can still change the output object before providing it to the <MuiThemeProvider />.
     const theme = createMuiTheme({
-  palette: createPalette({
+  palette: {
     primary: blue,
     secondary: pink,
   }),
-  typography: createTypography(palette, {
+  typography: {
     // System font
     fontFamily:
       '-apple-system,system-ui,BlinkMacSystemFont,' +
       '"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif',
-  }),
+  },
-},
+});

  • [Input] Better support required field (#7955) @oliviertassinari

Following Bootstrap, we are now forwarding the required property down to the input component. We used to only apply aria-required. This move makes us less opinionated and should help with native form handling.

If you want to avoid the default browser required property handling, you can add a noValidate property to the parent form.

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.6

Aug 20, 2017

A big shout-out to @sebald for our first TypeScript coverage. Another notable change is the migration of the documentation to Next.js, it’s twice as fast as before 🚀.

Big thanks to the 9 contributors who made this release possible.

Breaking changes

Push #7741 initiative forward (use value and onChange as controlling properties)

-<RadioGroup selectedValue="foo">
+<RadioGroup value="foo">
// ...

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.5

Aug 15, 2017

Big thanks to the 11 contributors who made this release possible.

Breaking changes

This is an effort in the prolongation of #2957 where value/onChange is the idiomatic interface to control a component.

-<Tabs index={0}>
+<Tabs value={0}>
// ...

The primary motivation for this change is simplicity, it’s also making our interface closer to react-jss.

-import { withStyles, createStyleSheet } from 'material-ui/styles';
+import { withStyles } from 'material-ui/styles';

-const styleSheet = createStyleSheet('Button', {
+const styles = {
  root: {
    background: 'red',
  },
-});
+};

// ...

-export default withStyles(styleSheet)(AppContent);
+export default withStyles(styles, { name: 'Button' })(Button);

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.4

Aug 5, 2017

Big thanks to the 7 contributors who made this release possible.

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.3

Jul 29, 2017

Big thanks to the 8 contributors who made this release possible.

This release is full of bug fixes and documentation improvements following the major styling update of the previous release.

Component Fixes / Enhancements

Docs

Core

1.0.0-beta.2

Jul 23, 2017

Publish a new version as v1.0.0-beta.1 was already used.

1.0.0-beta.1

Jul 23, 2017

Big thanks to the 12 contributors who made this release possible.

This is the first beta release. We are proud to move to the next step after 7 months of dogfooding with the alpha releases. We have been fixing many bugs and implemented new features. The styling solution has also been greatly improved:

  • Better performance
  • Shorter class names in production, e.g. c1y
  • Better readable class names in development
  • No longer required MuiThemeProvider
  • Simpler createStyleSheet API with an optional name
  • Theme nesting
  • Reliable theme update bypassing pure component logic
  • Interoperability with react-jss

Please keep in mind that semver won’t be respected between pre-releases. In other words, the API will change if we need to.

Breaking changes

  • [core] Improve styling solution (#7461)

The styleManager is gone. The server-side rendering configuration changed, use the sheetManager instead. The documentation was updated, you can refer to it if needed.

Component Fixes / Enhancements

Docs

Core

  • [core] Ignore the package-lock.json file generated by npm (#7502) @Airblader

1.0.0-alpha.22

Jul 18, 2017

Breaking changes

<RadioGroup>
-  <LabelRadio label="Male" value="male" />
+  <FormControlLabel value="male" control={<Radio />} label="Male" />
</RadioGroup>

This change provides more flexibility.

-  <BottomNavigation index={index} onChange={this.handleChange}>
+  <BottomNavigation value={value} onChange={this.handleChange}>

Also plan to do the same for the Tabs in order to have a consistant API where we always use value/onChange for controlled components.

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.21

Jul 4, 2017

Breaking changes

  • [core] Reduce the bundle size (#7306) @oliviertassinari Change the colors location as you most likely only need 20% of them in your bundle
-import { blue, fullWhite } from 'material-ui/styles/colors'
+import blue from 'material-ui/colors/blue'
+import common from 'material-ui/colors/common'
+const { fullWhite } = common

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.20

Jun 25, 2017

Do you like playing with bleeding-edge tech? We do, we have extended the support of React to the 16.0.0-alpha.13 release (aka Fiber).

Breaking changes

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.19

Jun 19, 2017

The previous v1.0.0-alpha.18 release is corrupted.

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.18

Jun 19, 2017

Breaking changes

  • [TextField] Add a marginForm property (#7113) @oliviertassinari This change makes the extra margin of the component optional. It’s making us following less closely the specification but provides more flexibility out of the box.
  • [core] Remove some no longer needed properties (#7132) @oliviertassinari Use the classes property over the removed xxxClassName.
  • [Button] Implement the dense option over the compact one (#7147) @oliviertassinari

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.17

Jun 12, 2017

Big thanks to the 8 contributors who made this release possible.

Breaking changes

  • [core] Normalize the API (#7099) @oliviertassinari Reduce degree of freedom of the API with the color property. That’s a tradeoff between correctness and verbosity. You should be able to recover from this breaking change quite easily, as React will throw warnings. For instance:
-<Button contrast primary>Login</Button>
+<Button color="contrast">Login</Button>

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.16

Jun 1, 2017

This release is mainly about bug fixes and improving the documentation. Shout out to @kybarg for the update of the TextField in order to better follow the spec (#6566).

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.15

May 23, 2017

This release introduces an important change in the API and the implementation. Each exposed component is wrapped with a withStyles Higher-order component. This HOC has different responsibilities, the one you gonna be interested in is regarding the classes property. Now, we consider the CSS as a public API. You now have two way to customize absolutely all the CSS injected by Material-UI. Either the instance level with the classes property or the class level with the overrides theme property.

To learn more about it, have a look at the documentation.

Breaking changes

  • [core] Various fixes after using it on a real project (#6882) @oliviertassinari Apply the other properties (undocumented) on the root of the Menu.
  • [core] Add a new classes property to all the components #6911 @oliviertassinari If you where using the ref to access the internal of the component or native elements, you gonna have to change your strategy, either use innerRef or inputRef.

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.14

May 14, 2017

Breaking changes

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.13

May 8, 2017

Breaking changes

  • [lint/flow] validate imports/exports with eslint and flow (#6757) @rosskevin Change some import:
-import { List, ListItem, ListItemText } from 'material-ui/List';
+import List, { ListItem, ListItemText } from 'material-ui/List';

-import Layout from 'material-ui/Layout';
+import Grid from 'material-ui/Grid';

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.12

Apr 30, 2017

Big thanks to the 11 contributors who are pushing the next branch forward.

Breaking changes

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.11

Apr 14, 2017

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.10

Apr 6, 2017

We are continuing investing in the documentation and the test suite.

Visual regression tests are now sent to argos-ci. Thanks @agamrafaeli for increasing the test coverage of 1% since the last release (95.23%). Thanks @mbrookes for fixing the inconsistency of the API and improving the API.

Breaking changes

// Paper
-rounded
+square

// BottomNavigation
-showLabel
+showLabels

// Button, IconButton, Switch
-ripple
+disableRipple

// Modal, Dialog
-backdropVisible
+backdropInvisible

-backdrop
+disableBackdrop

-hideOnBackdropClick
+ignoreBackdropClick

-hideOnEscapeKeyUp
+ignoreEscapeKeyUp

// Backdrop
-visible
+invisible

// ListItem
-gutters
+disableGutters

// InputLabel, TextFieldLabel
-animated
+disableAnimation

// TableCell, List
-padding
+disablePadding

// Inputn
-underline
+disableUnderline

// CardAction
-actionSpacing
+disableActionSpacing

// CardHeader
-subhead
+subheader

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.9

Apr 1, 2017

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.8

Mar 25, 2017

A big thanks to @agamrafaeli for increasing the test coverage by 4%. We are now at 93.53%. That’s pretty great.

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.7

Mar 12, 2017

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.6

Feb 26, 2017

Core

1.0.0-alpha.5

Feb 26, 2017

Core

1.0.0-alpha.4

Feb 26, 2017

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.3

Feb 12, 2017

Component Fixes / Enhancements

Docs

Core

1.0.0-alpha.2

Feb 7, 2017

One year from now, we were struggling with removing all the mixins from the project. Now, it’s about rewriting all our components. We gonna try doing frequent alpha releases to keep some intertie. At least once per week would be good. As always, we are keeping the documentation up to date.

Component Fixes / Enhancements

Docs

1.0.0-alpha.1

Jan 28, 2017

This is the first public alpha release. It’s still work in progress. You will be able to start giving us feedback with this release. Please keep in mind that semver won’t be respected between pre-releases. In other words, the API will change if we need to.

0.16.7

Jan 15, 2017

A big thanks to the 20 contributors who are making this release possible.

Component Fixes / Enhancements

Docs

Core

0.16.6

Dec 25, 2016

We are releasing sooner than we use to for this special day 🎄🎁. 17 contributors are making that last release of the year possible.

2016 has been an exceptional year for Material-UI.

  • We went from 40k to 180k downloads a month. 📦
  • We went from 12k to 22k stars. ⭐

That wouldn’t have been possible without this awesome community. Thank you!

But this’s just the beginning, some exciting stuff is coming in 2017 ✨. You can preview a very early version of the next branch following this link.

Component Fixes / Enhancements

  • [IconButton] Add a hoveredStyle property (#5755)
  • [Menu] Add a dividerStyle property (#5734)
  • [Menu][DropDownMenu][SelectField] Add menuItemStyle and menuItemSelectedStyle properties (#5389)
  • [Popover] Fix ghost clicks in onRequestClose (#5749)
  • [Popover] Fix bad positioning on IOS devices (#4638)
  • [Popover] Revert the latest PR following a regression (#5797)
  • [Stepper] Allow custom step connector (#5741)
  • [Stepper] Fix content container’s height expantion (#5733)
  • [TimeDisplay] Inherit text color from theme (#5816)
  • [TouchRipple] Fix issue #5626 (#5763)

Docs

  • [AutoComplete] Add a controlled example (#5795)
  • [Slider] Add onChange callback signatures to docs (#5760)
  • [TextField] Add callback signatures to docs (#5804)
  • [docs] Add link to babel-plugin-material-ui (#5754)
  • [docs] Node is written mostly in C++, not in C (#5776)
  • [docs] Remove redundant words (#5778)
  • [docs] Add showcase item - Realty Advisors Elite (#5806)

Core

  • [core] Add support for Webpack 2/Rollup tree shaking in svg-icons sub module (#5774)

0.16.5

Dec 9, 2016

This is another release improving the stability of v0.16.x.

Component Fixes / Enhancements

  • [AutoComplete] Add an onClose callback property (#5655)
  • [AutoComplete] Fix the controlled behavior (#5685)
  • [DatePicker] Auto switch the view when a year is selected (#5700)
  • [DropDownMenu] Add an onClose callback property (#5653)
  • [DropDownMenu] Do not wrap below dropdown menu (#4755)
  • [EnhancedButton] Fix an accessibility issue (#5657)
  • [EnhancedButton] Only apply type when needed (#5728)
  • [IconMenu] Add listStyle prop (#5630)
  • [IconMenu] Fix controlled IconMenus to honor onRequestChange (#5704)
  • [MenuItem] Add right padding when there is icon (#4762)
  • [Popover] Add the missing zIndex (#5730)
  • [List] Fix padding styles object (#5661)
  • [SelectField] Scroll wheel event bubbling to parent container (#4154)
  • [StepLabel] Address a box model issue (#5690)
  • [SelectField] Add listStyle prop (#5631)
  • [TextField] Fix errorStyle priority (#5654)
  • [TextField] Add a floatingLabelShrinkStyle property (#5669)
  • [autoprefixer] Fix a style issue with user agent all and display flex (#5668)
  • [makeSelectable] Fix missing check for existence of onChange (#5589)

Docs

  • [docs] Add a Q&A section around the next branch (#5718)
  • [docs] Fix typo with sentence for AutoComplete (#5596)
  • [docs] Fix origin documentation (#5676)
  • [docs] Fix Linear Progress Prop Documentation (#5680)
  • [docs] Fix a scroll issue on (iOS) (a12dca847a)

Core

  • [core] Apply 3 different fixes (#5695)

0.16.4

Nov 17, 2016

Component Fixes / Enhancements

  • [npm] Rollback the react dependency path to v15.0.0 (417913e41f)

0.16.3

Nov 17, 2016

This release is intended to solve an issue with react-tap-event-plugin following the release of React v15.4.0.

Component Fixes / Enhancements

  • [ListItem] Fix hover on touch devices (#5566)
  • [core] include react-tap-event-plugin@^2.0.0 for react@^15.4.0 (#5572)
  • [core] Add support for Webpack 2/Rollup tree shaking (#5545)

Docs

  • [docs] Upgrade React to v15.4.0 (#5575)

0.16.2

Nov 13, 2016

This is another release improving the stability of v0.16.x while we are working on get next out of the door.

Component Fixes / Enhancements

  • [AutoComplete] Fire onUpdateInput when an item from the dropdown is selected (#5518)
  • [AutoComplete] Fix Popover’s style overriding popoverProps (#5516)
  • [Card] Add closeIcon and openIcon for customizability (#5513)
  • [FloatingActionButton] Fix regression with n children (#5468)
  • [GridList] Add the support for cellHeight="auto” (#5452)
  • [GridTitle] Add a titleStyle property (#5535)
  • [IconMenu] Change IconMenu to conditionally merge button styles (#5496)
  • [IE] Remove the unsupported initial property (#5539)
  • [MenuItem][ListItem] Allow overriding hoverColor (#5502)
  • [ListItem] Fix an issue with the controlled behavior (#5514)
  • [ListItem] Clear hover state if componet get’s disabled (#5528)
  • [Popover] Fix support for invalid anchorEl (#5444)
  • [RaisedButton] Fix hover on touch devices (#5536)
  • [Stepper] Fix children count method (#5429)
  • [Stepper] Add iconContainerStyle to StepButton and StepLabel (#5507)
  • [Tabs] Fix Firefox height issue (bf25bc1185)
  • [Table] Warning on rendering attempt of unsupported child (#5520)
  • [TextField] Add ability to style label color when a value is present (#5490)
  • [TextField] Fix wrong style behing applied to div elements (#5446)
  • [TextField] Fix floatingLabelFocusStyle when floatingLabelFixed is true (#5487)
  • [TextField] Remove the isClean logic (#5540)
  • [TimePicker] Fix autoOk closing the dialog too early (#5511)
  • [ToolbarGroup] Fix vertical alignment (#5515)
  • [ToolbarTitle] Take font family from base theme (#5434)
  • [Toggle] Fix label propTypes from string to node (#5474)

Core

Docs

  • [docs] Add one more resource around the style migration (0d375d6271)
  • [docs] Add a note regarding other properties (#5491)
  • [docs] Add redux-form in the Related projects section (3e10f203bc)
  • [docs] Add CReMa in the Related projects section (#5431)

0.16.1

Oct 18, 2016

This is a small release improving the stability of v0.16.x.

Component Fixes / Enhancements

  • [ClickAwayListener] Improve the propTypes definition (2d99b2d66f)
  • [DropDownMenu] Fix usage of null child (#5402)
  • [FloatingActionButton] Set touch flag in handleTouchEnd (#5077)
  • [FloatingActionButton] Fix overriding the style property on the children (#5246)
  • [IconMenu] Updating error message for IconButton (#5361)
  • [IconMenu] Makes the warning message more explicit (#5395)
  • [Menu] Fix the key theme used for the selectedTextColor (#5379)
  • [MenuItem] Add min-height to MenuItem to allow null options in SelectItem (11639b02e6)
  • [Popover] Making sure Popover has correct position (#4839)
  • [Popover] Add missing animated=false (#5374)
  • [RadioButtonGroup] Modifying selected initial value check to account for falsy value (#5342)
  • [RaisedButton] Add a overlayStyle property (c16147d9eb)
  • [RefreshIndicator] Fix Unknown props react warning (#5356)
  • [Tabs] Add tabTemplateStyle prop to Tabs (#5359)
  • [TableFooter] Render the children independently of adjustForCheckbox (#5406)
  • [TableRowColumn] Revert Tooltip visible with TableRowColumn (#5378)
  • [TextField] Fix a failing test with the controlled behavior (#5351)
  • [TextField] Fix leaking appearance property on a div (#5412)
  • [withWidth] Fix the SSR reconciliation (#5405)

Core

  • [GitHub] Improve ISSUE_TEMPLATE to ask for a running snippet (#5388)
  • [npm] Upgrade the dependencies (#5404)

Docs

  • [docs] Add LireLactu to the showcase (#5336)
  • [docs] Document the muiThemeable HOC (#5363)
  • [docs] Fix non-compiling example code on Themes page (#5344)

0.16.0

Oct 3, 2016

This release contains a ton of bug fixes and small improvements 💥.

We have shifted goals for v0.16.0. Across a number of issues over the last ~5 months we have been telling people that certain improvements are coming in v0.16.0 ranging from performance to component API issues and more. Those improvements are coming with the next branch ✨. We are switching in goal so we can release changes more often.

Regarding going forward, this is likely to be the last minor release using the inline-style approach. We are migrating all the components to a CSS-in-JS approach on the next branch.

For more details, you can have a look a the next milestone as well as the next project

⚠️ New features based on the master branch (inline-style) have low priority and will most likely not be reviewed nor merged.

Component Fixes / Enhancements

  • [Card] Fix unused property subtitleColor (#5314)

Core

  • [Core] Use lodash.merge/throttle for faster require() (#5308)

Docs

  • [docs] Add a single line example for GridLists (#5313)
  • [docs] Add react-dnd (7e1d9d3d1d)
  • [docs] Add Casalova to the showcase (7c0df3be32)

0.16.0-rc2

Sep 24, 2016
Breaking Changes
  • [TimePicker] Remove the call to onDismiss when already calling onAccept (#5213)

Component Fixes / Enhancements

  • [AppBar] Fix onTouchTap handler (#5245)
  • [AutoComplete] Add popoverProps to pass to Popover (#5064)
  • [DatePicker] Improve the RTL support (#5155)
  • [DatePicker] Improve the i18n support (#5187)
  • [IconButton] Remove dead code (#5226)
  • [Popover] Fix a callback leak (#5158)
  • [RaisedButton] Add a buttonStyle property (#5196)
  • [Switch] Add thumbSwitchedStyle and trackSwitchedStyle (#5106)
  • [Snackbar] Fix the element covering up 100% width of the screen (#5113)
  • [Snackbar] Add a contentStyle property (#5205)
  • [Tabs] Fix an edge case where children and value props change (#4635)
  • [Tabs] Fix onChange bubbling (#5219)
  • [TimePicker] Fix a conflict with box-sizing reset (5529138)
  • [withWidth] Compute the width as soon as possible (#5154)

Docs

  • [AppBar] Add a composition example (#5248)
  • [RaisedButton] Update file upload example (#5159)
  • [docs] Add material-ui-chip-input to related projects (#5172)
  • [docs] Add material-auto-rotating-carousel to related projects (#5244)
  • [docs] Explicit the prerequisites section to required knowledge (#5203)
  • [docs] Update the server-rendering section (#5206)

Core

  • [core] Add babel-runtime to the release (#5221)
  • [core] Use the ^15.0.0 as a dependency for React (#5207)
  • [npm] Upgrade the dependencies (#5161)

0.16.0-rc1

Sep 8, 2016
Breaking Changes
  • [Badge] Swapped primary and accent colors (#4449)
  • [CircularProgress] The API has become more flexible and straightforward. size attribute now means the outer diameter in pixels. Line thickness is variable and should be defined via the thickness attribute. Default margins are eliminated. If you’d like to upgrade your existing app without changing the actual sizes of your CircularProgress components, here are the formulas:
newSize = 59.5 * oldSize;
thickness = 3.5 * oldSize;
margin = (oldSize < 0.71) ?
  ((50 - 59.5 * oldSize) / 2) :
  (5.25 * oldSize);

Examples:

// Before:
<CircularProgress />
<CircularProgress size={2} />

// After:
<CircularProgress size={59.5} style={{margin: 5.25}} /> // Thickness is 3.5 by default
<CircularProgress size={119} thickness={7} style={{margin: 10.5}} />

(#4705)

  • [core] Wrap the propTypes definitions so they can be removed in production (#4872)
  • [core] Remove the deprecated code (#4987)
  • [List] Rename MakeSelectable to makeSelectable (#5025)

Component Fixes / Enhancements

  • [BottomNavigation] Fix SVG icon positioning (#4982)
  • [Buttons] Reset hover state when disabled prop is changed (#4951)
  • [CardHeader] Fixes warning: Unknown props titleColor (0e787c7)
  • [Checkbox] Tweak the transition to allow different shapes (#5016)
  • [DatePicker] Improve dark theme support (#4943)
  • [DatePicker] Changes opacity of disabled day-buttons (#4994)
  • [EnhancedTextarea] Guard for if scrollHeight is not present (#5015)
  • [FloatingActionButton] Reset hover state when disabled prop is changed (#4951)
  • [IconMenu] Warn when not providing an IconButton to iconButtonElement (#4990)
  • [NestedList] Prevent rendering the children when the nested list is hidden (#5024)
  • [Popover] Prevent creating multiple timeouts when popover is closing (#5010)
  • [ListItem] Fix primaryTogglesNestedList not working with checkbox (#4988)
  • [RaisedButton] Fixes warning: Unknown props on (#5067)
  • [RefreshIndicator] Passing other props to the root element (#5054)
  • [RTL] Add a new directionInvariant property (#5026)
  • [TableRowColumn] Tooltip visible with TableRowColumn (#5014)
  • [TextField] Better support for type=search (#4973)

Docs

  • [docs] Fix 404 links (#4998)
  • [examples] Move to own repositories (#4475)
  • [showcase] Add some new projects (#4978, #5119)

Core

  • [Slider] Clean up the implementation (#5036)
  • [test] Reduce the noise when running the test suite (ea2538e)

0.15.4

Aug 11, 2016

Component Fixes / Enhancements

  • [BottomNavigation] Initial implementation (#4846)
  • [DropDownMenu] Revert the commit causing a regression in 0.15.3 (#f76302e)
  • [Snackbar] Add the material fontFamily (#4892)
  • [ListItem] New property open to toggle nested list (#4850)
  • [Slider] Fix an issue where not updating when max prop changes (#4895)
  • [Slider] Fix more warnings introduced by React v15.3.0 (#4869)

Docs

  • [js] Explain the ECMAScript stage-1 dependencies of the examples (#4877)

0.15.3

Jul 31, 2016

This release is mostly about bug fixes. All the new warnings introduced by React v15.2.1 and v15.3.0 should be addressed in this version.

Breaking Changes
  • Remove a workaround regarding the context propagation as it was fixed in the React Core. Upgrade to React v15.2.1 if you are affected. (#4729)

Component Fixes / Enhancements

  • [AutoComplete] Add a textFieldStyle property (#4853)
  • [AutoComplete] Call onNewRequest once the animation is done (#4817)
  • [Card] Fix bottom padding (#4820)
  • [Chip] Fix invalid labelColor being passed (#4766)
  • [DropDownMenu] Display the first item in case there’s no one with the corresponding value (#4822)
  • [FlatButton] Merge styles prop for FontIcon node (#4754)
  • [GridList] Fix RTL alignment (#4833)
  • [List] Prefix the style properties (#1cb0617)
  • [ListItem] Trigger onNestedListToggle callback after state update (#4743)
  • [ListItem] Fix incorrect nestedLevel (#4744)
  • [Menu] TypeError: key is undefined (#4734)
  • [MenuItem] Add cursor pointer back to the menu items (#4715)
  • [Popover] Forward the animation property to this component (#4702)
  • [RadioButtonGroup] Fix propTypes to accept anything (#4807)
  • [RaisedButton] Fix the icon style override (#4f2fd22)
  • [React] Fix more invalid props warning (#4667, #4675, #4685, #4725)
  • [Snackbar] Change the action’s PropType to node (#4716)
  • [TextField] False should be a valid value (#4728)

Core

  • [dependencies] Update to the latest release version (#4669)
  • [eslint] Find new rules with ease (#4521)
  • [react] Fix the warnings of the latest release v15.3.0 (#4856)

Docs

  • [ROADMAP] Remove old addressed issues (#4745)
  • [ROADMAP] Update to what the core team is working on (#4829)
  • [docs] Replaces images on Card page with hosted images (#4748)
  • [showcase] Add https://www.spouti.com (#4806)

0.15.2

Jul 7, 2016

During the release of 0.15.1 something went teribly wrong 😅 and some commits were left out even though they were mentioned in the changelog. This release includes the missing commits and some extra.

Deperecations
  • [Buttons] Deprecate linkButton property (#4197)
General
  • [React] Upgrade React to v15.2.0 (#4603, #4605, #4607)
  • [Docs] Don’t document standard DOM events (#4433)
  • [Form Components] Set cursor:not-allowed style when disabled (#4170)
  • [Styles] Upgrade the inline-style-prefixer dependency to v2 (#4613)
  • [Styles] Check for nulls for RTL (#4496)
Browser support

Our support for IE and Safari improved in this release. Thanks @vizath, @hhaida, @nathanmarks and @aahan96 for their effort.

Component Fixes / Enhancements

  • [AppBar] Improve props checking to be more resilient (#4557)
  • [AutoComplete] Use the right dataSource key (#4642)
  • [Badge] Fixed incorrect color usage (primary/accent were swapped) (#4449)
  • [Button] Never allow a disabled button to be in a hovered state (#4626)
  • [Button] Improve the propType definition for the label (#4618)
  • [Chip] Add to the index (#4570)
  • [ClickAwayListener] Add better support for IE11 (#4537)
  • [DatePicker] Expose dialog container style (#4355)
  • [DatePicker] Fix year overflow (#4381)
  • [DropDownMenu] Remove Synthetic Event from pooling when used asynchronously (#4564)
  • [EnhancedButton] Fix href style (#4457)
  • [FlatButton] Add a condition to check for zero in the label warning (#4618)
  • [LinearProgress] Fix calculating of getRelativeValue (#4624)
  • [ListItem] Fix error with props access in state assignment for ie9/10 (#4596)
  • [ListItem] Make the dark theme follow more closely the material spec (#4530)
  • [MenuItem] Allow styles on lefticon in non-desktop mode (#4474)
  • [RadioButton] Changed the value type to any (#4510)
  • [RadioButtonGroup] Fix error with props access in state assignment for ie9/10 (#4596)
  • [RaisedButton] Fix the fullWidth regression (#4479)
  • [RenderToLayer] Fix an internal issue with React (#4548)
  • [SelectField] Make the maxHeight prop to pass down to DropDownMenu (#4645)
  • [Slider] Add a sliderStyle property (#4617)
  • [Slider] Add support for vertical/reversible sliders (#4571)
  • [Stepper] Fix transition bug in safari (#4616)
  • [SvgIcon] Add support for color attribute (#4487)
  • [SvgIcon] Add themeable color (#4621)
  • [SvgIcon] Remove unused style assignment (#4486)
  • [TextField] Keep spreading properties when children is set (#4478)
  • [TextField] Fix multi-line overflow (#4634)

0.15.1

Jun 16, 2016
Breaking Changes
  • [Avatar] Now uses img instead of div (#4365)
  • [DatePicker] className prop is now set on the root element instead of being passed down (#4250)
  • [Drawer] Changed muiTheme key name from navDrawer to drawer (#4198)
  • [SelectField] Move {...other} spread props from DropDownMenu to Textfield as part of (#4392)
New Component
  • [Chip] First implementation (#3870)
General
  • [Examples] Simplify the examples (#4262)
  • [Core] Upgrade EventListener dependency (#4162)
  • [Core] Upgrade some npm dependencies (#4306)
  • [Core] Remove react-addons-update dependency (#3946)
  • [Core] Move to the normal lodash (#4380)
  • [Docs] Use copy-webpack-plugin for dev (#4201)
  • [Icon Builder] Add muiName to generated SvgIcons (#4188, #4206)
  • [Icon Builder] Fix SvgIcon require path to icons generated with --mui-require absolute (#4204)
  • [Themes] Fix MuiThemeProvider default theme (#4229)
  • [withWidth] Accept width optional parameter (#4416)
  • [eslint] Add a mocha plugin to enforce good practices (#4424)

Component Fixes / Enhancements

  • [AppBar] Add iconStyleLeft prop (#4266)
  • [AppBar] Fix a styling regression (#4471)
  • [AutoComplete] Add text and value field keys for objects list dataSource (#4111)
  • [AutoComplete] Fix filter property leaking (#4209)
  • [AutoComplete] Fix first item selection on keyboard focus (#4193)
  • [AutoComplete] Use sublime text like search instead of Levenshtein Distance for fuzzy search (#4164)
  • [Avatar] Fix a layout regression (#4409)
  • [Avatar] Remove the border (#4365)
  • [Button] Save some bytes on the production build (#4346)
  • [DatePicker] Added className prop to DatePicker (#4250)
  • [DatePicker] Fix layout when used with border-box (#4454)
  • [DatePicker] Fix the issue about onDismiss function will fire by handleTouchTapOk (#4367)
  • [DatePicker] Fix weekTitleDayStyle (#4464)
  • [Drawer] Fix muiTheme key name (#4198)
  • [DropDownMenu] Add an animated property (#4442)
  • [DropDownMenu] Add check if there is onChange prop before calling it (#4328)
  • [EnhancedButton] Fix not setting focus when keyboardFocused prop set (#4122)
  • [FlatButton] Fix Icon color prop issue (#4160)
  • [FloatingActionButton] Fix SvgIcon fill color (#4311)
  • [FontIcon] Prevent parent components from overriding icon’s color property (#4025)
  • [IconMenu] Add an animated property (#4442)
  • [ListItem] Fix theme not propagating on update (#4372)
  • [Menu] Add basic hotkey-focusing feature (#4189)
  • [Menu] Fix theme not propagating on update (#4372)
  • [MenuItem] Fix theme not propagating on update (#4372)
  • [Picker] Disable userSelect on TimePicker and DatePicker (#4176)
  • [Pickers] Add some test regarding the expect value property (#4347)
  • [Popover] Fix typo from innerWith to innerWidth (#4332)
  • [RaisedButton] Don’t override SvgIcon color prop (#3746)
  • [RaisedButton] Respect theme fontSize (#3988)
  • [RenderToLayer] Cleanup (#4423)
  • [SelectField] Add callback signatures to docs and improve other props (#3924)
  • [SelectField] Add support for floatingLabelFixed prop (#4392)
  • [SelectField] Fix errorText position when no value selected (#4394)
  • [Snackbar] Add a new test and fix consecutive updates leading to displaying old message (#4329)
  • [Stepper] Add more tests and fix an issue with StepButton event handlers (#4203)
  • [Stepper] Fix vertical stepper on mobile (#4299)
  • [Tabs] Fixes tabindex (#4357)
  • [TextField] Fix floatingLabelText intercepting click events (#4418)
  • [Timepicker] Add explicit box-sizing to Clock component (#4386)
  • [TimePicker] Expose two TimePickerDialog style props (#4356)
  • [TimePicker] Fix auto reset of time on window resize (#4251)
  • [TimePicker] Remove some dead code (#4289)
Deperecations
  • [SelectField] Deprecate selectFieldRoot prop and replace with menuStyle (#4394)

0.15.0

May 5, 2016

Please read through the alpha and beta releases of 0.15.0 too as their changes are not listed here.

General
  • [Core] Add a withWidth HOC (#4126)
  • [Core] Use named imports for createClass, Component & PropTypes (#4058)
  • [Core] Update dependencies and remove a couple of unneeded (#4107)
  • [eslint] Use the js format instead of the yaml one (#4074)
  • [codemod] Improve the path migration (#4069)
  • [codemod] Add a babel transpilation for npm (#4115)
  • [Tests] Refactor karma tests, add JSDOM for node tests and improve coverage (#4102)
  • [Tests] Add basic README for test setup (#4106)
  • [colorManipulator] Prevent illegal color values (#3989)
  • Added the following eslint rules:
    1. Enforce jsx-first-prop-new-line (#4112)
    2. Enforce react/prefer-es6-class (#4126)

Component Fixes / Enhancements

  • [Avatar] Fix icon size issue for non-default Avatar size (#4148)
  • [Buttons] Address various browser compatibility issues (#4108)
  • [Buttons] Fixed alignment related regressions (#4130)
  • [Card] Add containerStyle prop (#4085)
  • [CircularProgress] Fix for Android (#4026)
  • [DatePicker] Add support for built-in en-US locale (#4161)
  • [Datepicker] Redesign datepicker as per material spec (#3739)
  • [Dialog] Stop mixing padding and paddingTop (#4082)
  • [EnhancedButton] Fix keyboard focus jumping (#4127)
  • [Slider] Fix Slider div style (#4087)
  • [TextField] Add floatingLabelFocusStyle property (#4043)
Deprecations
  • [styleResizable] This mixin has been deprecated in favor of withWidth HOC (#4126)

0.15.0-beta.2

Apr 21, 2016
General
  • [.gitignore] Ignore jsconfig.json - VSCode config file (#4011)
  • [Docs] Update usage docs with muiTheme instructions (#4034)
  • [Docs] Add beta installation details to the README (#4048)
  • [Examples] Update import statements (#3992)

Component Fixes / Enhancements

  • [AutoComplete] Change error, hint, floatingLabel property validators to PropTypes.node (#4019)
  • [Dialog] Add border to title and actions when content is scrollable (#4001)
  • [Dialog] Add support for the Alert (#4022)
  • [Dialog] Merge title style when title it a node (#4033)
  • [ListItem] Fix flexbox shrinking issue (#4044)
  • [Menu] Fix regression that caused nested menus to be unreachable (#3947)
  • [RaisedButton] fix hover overlay for icon only buttons, fixes #3815 (#4035)
  • [RefreshIndicator] Fix timer leaks (#3986)
  • [SelectField] Fix server-side rendering (#4004)
  • [Tab] Fix the justify content when there is only one child (#4023)
Deprecations
  • [List] Deprecate the valueLink property (#3936)

0.15.0-beta.1

Apr 13, 2016

React 15 compatibility 🎉 🎉

This release also ensures compatibility with React 15. You should update to this version if you need it.

Simplify import statements 🎉

This release changes how components are imported. You will need to update every import statement, Like:

import RaisedButton from 'material-ui/lib/raised-button';
import Tabs from 'material-ui/tabs/tabs';
import Tab from 'material-ui/tabs/tab';

to:

import RaisedButton from 'material-ui/RaisedButton';
import {Tabs, Tab} from 'material-ui/Tabs';

The exact import statements for each component can be found in their respective documentation page.

Have a ton of imports? almost had a heart attack? worry not, we also made a tool to ease your pain. checkout the readme.

Breaking Changes
  • [Core] Improve import path for published lib (#3921)
  • [Core] PascalCase component names, reorganise directory structure (#3749)
  • [Core] Remove default theme handling from components (#3820)

As of now you will need to provide theme on context, see: https://v0.material-ui.com/#/customization/themes

  • [Core] Removed redundant default export from the main library index.js.

You will probably need to turn

import Mui from 'material-ui';

into

import * as Mui from 'material-ui';

Although we discourage you to use this library like that.

  • [LeftNav] Rename to Drawer (#3799)
  • [GridList] Replace rootClass with containerElement (#3783) (rootClass was broken before this change)
  • [Core] These changes are for internal modules and will affect you only if they were directly required in your code
    1. Rename utils/children.js (#3779)
    2. Remove unused utils/keyLine.js (#3837)
    3. Remove cssEvent util (#3836)
    4. Remove utils/shallowEqual.js and replace with recompose (#3835)
    5. Move DateTime utils to component directories (#3834)
General
  • [Core] Update to React v15 (#3941) 🎉 🎉
  • [Core] Remove dependency on lodash.flowright (#3955)
  • [Core] update components to es6 classes (#3843) 🎉 🎉
  • [Core] Add a material-ui-codemod package (#3782)
  • [Core] Update export syntax, move unit tests, update test dependencies (#3785)
  • [Core] Use .js extension instead of .jsx (#3765)
  • [Themes] colorManipulator cleanup (#3966)
  • [SvgIcon] Add the new Material Icons (#3747)
  • [Docs] Add example for slider showing how to access value (#3892)
  • [Docs] Document callback signatures ( Thanks to @theosherry )
  • Added the following eslint rules:
    1. Enforce jsx-handler-names (#3408)
    2. Enforce spaced-comment (#3910)

Component Fixes / Enhancements

  • [AutoComplete] Add onKeyDown property (#3853)
  • [AutoComplete] Fix the regressions (#3858)
  • [Avatar] Use semi-transparent border (#3859)
  • [DatePicker] ok/cancel labels in date pickers should be of PropTypes.node (#3869)
  • [DropDownMenu] Fix support for autoWidth and custom width (#3823)
  • [DropDownMenu] Slightly improve performance (#3707)
  • [FloatingActionButton] fixed an error when element gets focus via tab (#3885)
  • [IconButton] Fix tooltip on hover (#3878)
  • [IconMenu] Removed props.ref call (#3913)
  • [LinearProgress] Prevent instances from sharing state (#3763)
  • [ListItem] Change color of rightIcon from grey400 to grey600 (#3938)
  • [ListItem] Fix duplicate prepareStyles with primaryText element (#3174)
  • [ListItem] Use the new icons to follow the material spec (#3899)
  • [MenuItem] Revert flex props from #3597, fixes #3845, reopens #3531 (#3928)
  • [Overlay] Split out AutoLockScrolling (#3690)
  • [Popover] Fix rendering for nested Menus (#3806)
  • [RaisedButton] Fix for Uncaught TypeError when tabbing onto button (#3897)
  • [Stepper] Refactor Stepper (#3903)
  • [Tab] Change the ripple color to follow the spec (#3857)
  • [Tab] Fix centering for label with SvgIcon (#3697)
  • [TableHeaderColumn] Remove props.key calls (#3918)
  • [TableRowColumn] Remove props.key calls (#3918)
  • [Tabs] Better type checking on Tab children (#3750)
  • [TextField] Fix incorrect state in getStyles() (#3972)
  • [TimePicker] Add disabled property with example (#3778)
  • [TimePicker] Fix label for 12AM as per material spec (#3781)
  • [TimePicker] ok/cancel labels in time pickers should be of PropTypes.node (#3869)

0.15.0-alpha.2

Mar 18, 2016
Breaking Changes
  • [Core] if you used Material-UI from npm in CommonJS environment, you need to add .default to your requires (#3648):
- const MUI = require('material-ui');
+ const MUI = require('material-ui').default;

If you used ES modules, you’re already all good:

import MUI from 'material-ui'; // no changes here :D
  • [Core] Remove uniqueId utils (#3538)
  • [Styles] RaisedButton, FlatButton, and FloatingActionButton now properly use primary/secondary colors (#3513)
  • [Menu] Remove Paper (#3559)
  • [List] Remove Paper (#3612)
  • [TextField] Remove valueLink (#3699)
New Component
General
  • [Core] Remove gulp in favour of npm scripts for linting (#3626)
  • [Core] Update package.json to prevent building the lib after install (#3632)
  • [Docs] Hide internal properties of MenuItem, Table and Tabs in docs (#3589)
  • [Docs] Document Card subcomponent properties (#3621)
  • [Docs] Add return types (#3542)
  • [Docs] Add support for multi-line function (#3570)
  • [Docs] Document callback signatures ( Thanks to @theosherry )
  • [Tests] Add mocha grep passthrough for browser tests (#3520)
  • [Tests] Add EnhancedButton unit test and tweak karma config (#3512)
  • [Tests] Add FlatButton unit test (#3541)
  • [Tests] Add Divider unit test (#3527)
  • [Tests] Add Paper unit tests (#3528)
  • [Tests] Add Slider unit tests (#3688)
  • [IconBuilder] Move to packages directory (#3680)
  • Added the following eslint rules:
    1. Enforce operator-linebreak (#3516)
    2. Enforce no-multiple-empty-lines (#3516)
    3. Enforce @ignore before comment (#3611)

Component Fixes / Enhancements

  • [AppBar] Fix the title height variation (#3509)
  • [AutoComplete] Add key support for dataSource (#3662)
  • [AutoComplete] Fix browser compatibility (#3581)
  • [AutoComplete] Fix openOnFocus and item click (#3669)
  • [AutoComplete] Proxy focus and blur calls (#3551)
  • [AutoComplete] Set canAutoPosition to false for Popover (#3620)
  • [CardHeader] Handle wide titles, allow them to wrap (#3503)
  • [CardHeader] Remove title from injected node attributes (to avoid native tooltip) (#3534)
  • [DatePicker] Add a check to fetch current system date (#3656)
  • [DatePicker] Fix cursor pointer of the header (#3598)
  • [DatePicker] Fix selectYear range (#3496)
  • [DatePicker] Use popover for the inline mode (#3532)
  • [EnhancedButton] fix onKeyboardFocus being called with nullified event object (#3616)
  • [EnhancedSwitch] Remove the uniqueId as it unused (#3592)
  • [FlatButton] Fix icon alignment when no label provided (#3529)
  • [FlatButton] Fix icon styling when no label provided (#3502)
  • [FlatButton] Fix the text align issue (#3727)
  • [IconButton] Expose disableTouchRipple (#3659)
  • [IconMenu] Add missing default iconStyle (#3514)
  • [IconMenu] Set container as anchorEl when using prop ‘open’ (#3666)
  • [ListItem] Add stopPropagation in touch ripple to avoid touch event bubbling (#3593)
  • [MenuItem] Add flex property (#3597)
  • [Popover] Avoid nested <noscript/> (#3647)
  • [RaisedButton] Account for backgroundColor prop which was previously ignored (#3515)
  • [RaisedButton] Fix styling issues (#3479)
  • [RaisedButton] Fix the text align issue (#3727)
  • [Slider] Add keyboard support (#3237)
  • [Snackbar] Make on request close optional (#3560)
  • [Tab] Fix style prop being ignored (#3608)
  • [TableRowColumn] Propagate events (#3492)
  • [TextField] Add floatingLabelFixed property (#3646)
  • [TextField] Add shouldComponentUpdate function (#3673)
  • [TextField] Add the ability to call select (#3287)
  • [TextField] Fix defaultValue overlays floatingLabelText on mount (#3450)
  • [TextField] Standardize onChange callback (#3699)
  • [TimePicker] Reinstate #3030 - Add support for custom button labels (#3148)
  • [TimePicker] Remove a useless div element (#3591)
  • [Toolbar] Fix existing design flaws by using flex (#3548)
Deprecations
  • [DatePicker] Deprecate wordings with cancelLabel and okLabel (#3412)

0.15.0-alpha.1

Feb 27, 2016

This release includes huge improvements to the implementation of components and utility modules. The most important improvement is the removal of mixins from the library, thanks to the great efforts of @newoga 👍

There are also improvements to the unit testing infrastructure. We own this great improvement to @nathanmarks, thanks a lot 👍.

Please note that raw-themes are deprecated with no warning! they will be removed from the code with the 0.16.0 release.

Breaking Changes
  • [Cleanup] Remove the deprecated API of 0.14.x. (#3108)
  • [Styles] Removed all getStyles functions from the components (#3351)
  • [Core] Remove the window-listenable mixin (#3334)
  • [Core] Remove context-pure mixin (#3331)
  • [Core] Remove click-awayable mixin (#3360)
  • [Core] Utilize keycode library and remove key-code util (#3371)
  • [FloatingActionButton] className is now set on the root element (#2310)
  • [RaisedButton] className is now set on the root element (#3122)
  • [LeftNav] className and style are now set on the root element (#3322)
  • [Colors] Removed default export in favor of singular exports (#2825)
    Note This can be temporarily worked around by changing
    import Colors from 'material-ui/lib/styles/colors';
    to
    import * as Colors from 'material-ui/lib/styles/colors';.
  • [DatePicker] Standardize for ISO8601. (#3417)
New Component
General
  • [Tests] Updates to test setup and additional testing option for unit tests (#3405)
  • [Tests] Add support for codecov (#3421)
  • [Tests] Badge unit tests (#3427) (Thanks to @pradel)
  • [Tests] AppBar unit tests (#3487) (Thanks to @pradel)
  • [Tests] GridList unit tests (#3488) (Thanks to @pradel)
  • [Tests] SvgIcon unit tests (#3489) (Thanks to @pradel)
  • [Tests] FontIcon unit tests (#3490) (Thanks to @pradel)
  • [Theme] Apply overall themeing improvements (#3267, #3316, #3340, #3399)
  • [Style] Fix the prefixer tool regression (#3136)
  • [Style] Make some unthemeable elements themeable (#3269) (Thanks to @pdf)
  • [Style] Fix tap highlight color (#3429)
  • [Core] Replace merge implementation in utils/styles with Object.assign (#3124)
  • [Core] Remove dependency on utils/styles from components (#3169)
  • [Core] Remove style-propable mixin from components (#2852)
  • [Core] Remove window-listenable mixin from components (#3305) (Thanks to @newoga)
  • [Core] Typography moved inside muitheme (#3301)
  • [Core] Update lodash version to 4.1.0 (#3324)
  • [Core] Migrate color to muiTheme (#3314)
  • [Core] Remove usage of isMounted() (#3437)
  • [Docs] Add page title (#3246)
  • [Docs] DatePicker - Add disabled dates example (#3167)
  • [Docs] Upgrade dependencies (#3343)
  • [Docs] Enable GPU rasterization (#3451)
  • [Docs] Add versions to docs site (#3383)
  • [eslint] Upgrade to v2 (#3390)
  • Added the following eslint rules:
    1. Enforce arrow-parens (#3207)
    2. Enforce prefer-template (#3208, #3242)
    3. Enforce no-unneeded-ternary (#3320)
    4. Enforce prefer-const (#3315)
    5. Enforce jsx-space-before-closing (#3397)
    6. Enforce id-blacklist and blacklist e (#3398)
    7. Enforce padded-blocks: never (#3493)

Component Fixes / Enhancements

  • [AutoComplete] Added maxSearchResults property (#3262)
  • [AutoComplete] Apply the style property only on the root component (#3243)
  • [AutoComplete] Apply various improvement (#3214) (Thanks to @oliviertassinari)
  • [Autocomplete] Disable browser default autocomplete popup (#3253)
  • [AutoComplete] Fix the focus / blur issue (#3356) (Thanks to @oliviertassinari)
  • [Card] Removed hidden overflow (#3447)
  • [Card] Support for controlled expansion (#3258) (Thanks to @cgestes)
  • [CardActions] Allow to accept false as child (#3215)
  • [Checkbox] Disabled style error fix (#3432)
  • [DatePicker] Default to ISO-8601 DateTimeFormat & firstDayOfWeek (#3417)
  • [Dialog] Fix overflow (#3460)
  • [DropDownMenu] Expose Menu listStyle property (#3294)
  • [DropDownMenu] Fix openImmediately regression (#3384)
  • [DropDownMenu] Safari select-field fix (#3175)
  • [EnhancedButton] Fix enhanced buttons containing a link instead of a button (#3303)
  • [EnhancedSwitch] Added inputStyle prop to enhanced switch (#1693)
  • [EnhancedTextArea] Provide various style fixes (#3277)
  • [FlatBotton] Fix alignment between text and icons (#3380)
  • [FloatingActionButton] Expose Paper zDepth (#3387)
  • [IconButton] Fixed tooltip for disabled component (#3458)
  • [IconButton] Fixed tooltip ripple size for IE (#3016)
  • [IconMenu] Document multiple property of Menu (#3223)
  • [IconMenu] Enable useLayerForClickAway (#3400)
  • [IconMenu] Support MenuItem nested menuItems (#3265)
  • [InkBar] remove &nbsp; (#3283)
  • [LeftNav] Add a configurable zDepth (#3495)
  • [LeftNav] Add iOS momentum scroll (#2946)
  • [List] Fix issue with styling on list related components (#3278)
  • [ListItem] Fix hardcoded secondaryTextColor (#3288)
  • [Menu] Fix _isChildSelected child not recognising first child (#3165)
  • [Menu] Fix a regression that would apply the select style to all the MenuItems (#3244)
  • [Menu] Safari select-field fix (#3175)
  • [Popover] Handle the touch event on touch enabled devices (#3389)
  • [RadioButton] Allow customising icons (#3285)
  • [RaisedButton] Customizable ripple effect style (#3368)
  • [RaisedButton] Fix alignment between text and icons (#3366)
  • [Slider] Remove style-propable mixin and react-dom (#3332) (Thanks to @felipethome)
  • [SvgIcon] Fix behavior for onMouseEnter and onMouseLeave (#3481)
  • [SvgIcon] Use stateless functional component instead of React.createClass (#3326)
  • [Table] Send event object after click, hover, hoverOut on cell (#3002)
  • [TextField] Add textareaStyle property (#3238)
  • [TextField] Fix defaultValue behavior (#3239)
  • [TextField] Fix wrong label id (#3240)
  • [TextField] Fixed a bug where clicking on floating label and typing simultaneuosly loses keypress (#3055)
  • [TextField] Fixed ie9-ie10 click focus problem (#3193)
  • [TimePicker] Update time state on new defaultTime prop (#3095)
  • [Toggle] Fixes styling issue (#3299)
  • [ToolbarTitle] Fix overflow (#3250)
  • [TouchRipple] Abort on scroll (#3407)
Deprecations
  • [Menu] Deprecated built in animated (#3216)
  • [Core] Deprecated style-propable mixin and utils/styles (#3351)
  • [Core] Deprecated ThemeDecorator in favor of MuiThemeProvider (#3267)
  • [Core] Deprecated theme-manager and raw-themes (#3267)

0.14.4

Feb 02, 2016
General
  • [CRITICAL] Fixed a regression that completely disabled the auto-prefixer (#3142)
  • [Core] Implements prepareStyles as composition of functions in muiTheme (#2986) (Thanks to @newoga)
  • [Docs] Contributing guide (#3075)
  • [Docs] Added a Related Projects section (#3102)
  • [Examples] General updates (#3078)

Component Fixes / Enhancements

  • [Tabs] Removed the calc style property (#3058)
  • [Tabs] Added icon and text (#3042)
  • [Tabs] Use FlatButtons for tabs (#3051)
  • [AutoComplete] Fixed regression of undefined muiTheme (#3069)
  • [List] Auto-expand SelectableList (#3039)
  • [DatePicker] Added disabled property (#3060)
  • [Buttons] Fixed the vertical alignment issue (#3100)
  • [RaisedButton] Fix the default value of labelPosition (#3115)
  • [FlatButton] Fix the default value of labelPosition (#3115)

0.14.3

Jan 26, 2016
Breaking Changes

Note that these are not essentially breaking changes. Unless you have used these implementation details in your code.

  • [Internal] Remove controllable.js mixin (#2889)
  • [Internal] Remove mergeAndPrefix() (#2886)
  • [Internal] Remove utils/extend.js (#2933)
  • [Internal] Remove utils/immutability-helper.js (#2907)
General
  • [Examples] Move DateTimeFormat polyfill to the example (#3024)
  • [Docs] Add title and description to code examples, thanks to @mbrookes’s hard work (#2927)
  • [Docs] Add a showcase section (#2910)
  • [Docs] Hide code examples by default (#2911)
  • [Docs] Add Cloudcraft to Showcase (#3036)
  • [Docs] Migrated the following pages to use the new documentation standard:
    1. [TimePicker] (#2849)
    2. [Table] (#2848)
    3. [Switches] (#2872)
    4. [Buttons] (#2874)
    5. [AutoComplete] (#2871)
    6. [Popover] (#2870)
    7. [IconMenu] (#2882)
  • Added the following eslint rules:
    1. Extend eslint:recommended (#2854)
    2. one-var (#2855)
    3. brace-style (#2855)
    4. react/jsx-pascal-case (#2953)
    5. react/jsx-max-props-per-line (#2953)
    6. react/jsx-closing-bracket-location (#2953)
    7. jsx-equals-spacing (#3035)
  • [Performance] Fix V8 deopt, leakage of arguments (#2876)
  • [ServerSideRendering] Make userAgent contexual (#3009)

Component Fixes / Enhancements

  • [Slider] Avoid selection when dragging (#2827)
  • [Snackbar] Execute onDimiss callback after snackbar has closed (#2881)
  • [Table] Don’t use for...of on table children (#2904)
  • [RenderToLayer] Fix leaking of event (#2935)
  • [FlatButton] Fix shared memory property modification (#2964)
  • [DatePicker] Add firstDayOfWeek and days abbreviations (#2899)
  • [ListItem] Added nestedItemStyle prop (#2990)
  • [ListItem] when disabled, className is ignored (#2723)
  • [EnhancedButton] Make keyup event respect disableKeyboardFocus (#3000)
  • [Dialog] Fix overlay scroll for nested dialogs (#2893)
  • [SvgIcons] Remove fill attributes (#3034)
  • [Paper] Allow the box shadow color to be changed (#3003)
Deprecations
  • [DropDownIcon] Will be removed with 0.15.0 (#2994)

0.14.2

Jan 08, 2016
General
  • [CRITICAL] Fix imports using require() style syntax (#2804) thanks @newoga
  • [Examples] Upgrade to babel 6 for browserify (#2795)
  • [Docs] Migrated the following pages to use the new documentation standard:
    1. [RefreshIndicator] (#2799)
    2. [Icon] (#2695)
    3. [Lists] (#2782)
    4. [Progress] (#2798)
    5. [Sliders] (#2800)
    6. [Paper] (#2797)
    7. [Menus] (#2785)
  • Added the following eslint rules:
    1. react/jsx-indent (#2808)

Component Fixes / Enhancements

  • [DatePicker] Update slide direction (#2791)
  • [AutoComplete] Add 2 extra filters for text matching (#2755)
  • [TableRow] Fix row height in IE (#2812)

0.14.1

Jan 05, 2016
General
  • Upgrade to babel v6 (#2620, #2709)
  • [Docs] Improve the performance of the production build (#2680)
  • [Docs] Improve the AppLeftNav for mobile (#2690)
  • [Docs] Use a single LeftNav (#2721)
  • [Docs] Migrated the following pages to use the new documentation standard:
    1. [DatePicker] (#2622)
    2. [GridList] (#2681)
    3. [SelectField] (#2694)
    4. [IconButton] (#2700)
  • Added the following eslint rules:
    1. react/sort-comp (#2774, #2776)

Component Fixes / Enhancements

  • [MenuItem] Fix icon position (#2661)
  • [SelectableList] Recursively extend children (#2320)
  • [SelectField] Add hintStyle (#2710)
  • [EnhancedButton] Avoid rendering <a> element (#2708)
  • [LeftNav] Only transition the transform property (#2730)
  • [TextField] Fix errorText when using multiLine (#2742)
  • [TimePicker] Update am/pm buttons (#2757)
Deprecations
  • [Dialog] Deprecate width (#2753)

0.14.0

Dec 25, 2015

The chagnes in 0.14.0-rc1 and o.14.0-rc2 are also included as part of this release. Have a look at them as well.

General
  • [Docs] Migrated the following pages to use the new documentation standard:
    1. [Tabs] (#2515)
    2. [Snackbar] (#2562)
    3. [DropDownMenu] (#2565)
    4. [Card] (#2590)
  • Added the following eslint rules:
    1. key-spacing (#2552)
  • [SvgIcon] Improved the code generation tasks (#2606)
  • [ES6] Use module everywhere (#2614)
  • Added a temporary bootstrap project for ReactNative to pave the way for ReactNative support (#2611)
  • Clean up CSS classes (#2630)

Component Fixes / Enhancements

  • [SelectField] [TextField] Fixed error styling issue (#2539)
  • [TextField] Implemented optional underline (#2476)
  • [AutoComplete] Migrated to use popover (#2634)
Deprecations
  • [DropDownMenu] [SelectField] Deprecated menuItems, these components are now composable. (#2565)

0.14.0-rc2

Dec 15, 2015
Breaking Changes
  • [Menu] Depreciation of the old menu, introduces a very small breaking change (#2443)
  • [Dialog] Removed deprecated API (#2396)
  • zIndex, rework them to be more coherent (#2444)
General
  • Decoupled Popover animation from the component to increase flexibility (#2367)
  • [Tests] Migrated tests to use the new react-addons-test-utils package (#2401)
  • [Docs] Improvements to the documentation site (#2426, #2421, #2438, #2479, #2508)
  • [Docs] Migrated the following pages to use the new documentation standard:
    1. [AppBar] (#2382) also where the new standard was introduced by @oliviertassinari
    2. [Avatar] (#2407)
    3. [Toolbars] (#2415)
    4. [Badge] (#2489)
    5. [Dialog] (#2483)
    6. [LeftNav] (#2507)
  • Added the following eslint rules:
    1. react/jsx-indent-props (#2377)
    2. max-len (#2381)
    3. wrap-multilines (#2419)

Component Fixes / Enhancements

  • [Card] Use preventDefault() when handling expansion (#2495)
  • [CardHeader] Made avatar property optional (#2397)
  • [Checkbox] Now updates it’s state when checked property changes (#2464)
  • [DatePicker] Fix year selection (#2410)
  • [Dialog] Added overlayStyle property (#2431)
  • [Dialog] Added width property (#2387)
  • [Divider] Initial implementation. Thanks to @newoga (#2473)
  • [DropDownMenu] Added menuStyle property (#2389)
  • [DropDownMenu] Now uses Popover (#2150)
  • [DropDownMenu] Now bubbles keyboard events (#2461)
  • [FlatButton] Adjusted background, hover and ripple colors (#2488)
  • [IconMenu] Added open and onRequestChange properties (#2383)
  • [ListItem] Added option to toggle nested list items on primary action (#2390)
  • [Menu] Fixed an error when children is only one child (#2402)
  • [Menu] Remove absolute positioning (#2455)
  • [Menu] Fixed issue when passed null children (#2429)
  • [SelectField] Fixed the propagation of underline styles (#2405)
  • [TableRow] Fixed a bug when unselectable rows could still be selected (#2503)
Deprecations
  • The old menu components under the material-ui/lib/menu folder (#2443)
  • The actions property of Dialog accepting a JSON is deprecated (#2483)
  • The menuItems of LeftNav and all the related properties are now deprecated in favor of composibility (#2507)

0.14.0-rc1

Dec 4, 2015
Breaking Changes
  • [IconMenu] removed openDirection prop in favor of anchorOrigin and targetOrigin (#2149)
General
  • Use ES6 import / export syntax over require (#2253, #2333, #2334)
  • Dialog render-to-layer version (#2129)
  • Add declarative props to LeftNav, deprecate methods (#2180, #2351)
  • Add linting to test files (#2273)
  • Support nested menu items using Popover (#2148)
  • [DropdownMenu] add labelMember prop (#2285)
  • Add new ESLint rules (#2293, #2314, #2319, #2348, #2360, #2365, #2366)
  • Add unit tests for Dialog (#2298)
  • [AutoComplete] Support changing searchText via props (#2306)
  • [AutoComplete] dataSource prop is of type array (#2286)
  • [AppBar] add titleStyle prop (#2324)
  • [TimePicker] update as per spec (#2358)
  • [Popover] add useLayerForClickAway prop (#2359)

Component Fixes / Enhancements

  • Fix wrong proptype for value in RadioButton (#2276)
  • Make LeftNav swipeable only from far left / right (#2263)
  • [TextField] allow rowsMax prop to equal rows prop (#2312)
  • Fix Invariant Violation error in ClickAwayable mixin (#2296)
  • [DatePicker] fix calendarTextColor context key (#2318)
  • Fix and improve examples (#2344, #2345)
  • [Dropdown][SelectField] change value PropType to React.PropTypes.any (#2352)
  • [CardActions] prevent children styles from being overridden (#2361)

0.13.4

Nov 24, 2015
General
  • Introduced SelectableEnhance HOC to wrap List with valueLink (#1976)
  • Added color prop to LinearProgress and RefreshIndicator (#2206)
  • [AutoComplete] new component! (#2187) (thanks @yongxu)
  • [Table] added wrapperStyle prop to override table wrapper’s styles (#2238)
  • Updated SVG icons (#2240)
  • [Table] added props for headerStyle, bodyStyle and footerStyle (#2246)

Component Fixes / Enhancements

  • Fixed double ripple due to compat mouse down (#2216)
  • [RenderToLayer] iframe support for clickaway (#2210)
  • [TextField] Fixed floating label element not allowing focus (#2228)
  • [SelectField] onFocus and onBlur handlers passed to underlying TextField component (#2102)

0.13.3

Nov 17, 2015
General
  • [Snackbar] add bodyStyle prop to style child div (#2104)
  • [DatePicker] add container prop to display DatePicker in-line or inside Dialog (#2120 and #2153)
  • [AppBar] add relative positioning for z-index to take effect (#1478)
  • [AppBar] add onTitleTouchTap prop to AppBar (#2125)
  • [Popover] new component! (#2043) (thanks @chrismcv)
  • Split [SelectField] and [TextField] doc pages (#2161)

Component Fixes / Enhancements

  • [SelectField] onChange triggered consistently when using value prop (#1610)
  • [Dialog] fix page scrolling behind dialog after resizing (#1946)
  • [DatePicker] fix calendar height (#2141)
  • [TimePicker] allow to set time to null (#2108)

0.13.2

Nov 9, 2015
General
  • Add tabs with slide effect (#1907)
  • Universal rendering support (#2007) (thanks @Cavitt)
  • Add labelPosition prop to buttons (#2014)
  • Add RenderToLayer component (#2042) (thanks @chrismcv)
  • Open state of of dialog now controlled through props (#1996)
    • openImmediately, show(), dismiss() deprecated
  • Update TextField docs (#2070)
  • New Badge component (#2045) (thanks @rhythnic)
  • Add import statements to components’ docs pages (#2113)

Component Fixes / Enhancements

  • Fix server-side rendering (#2021)
  • Add key to TableHeaderColumn for selectAll (#2030)
  • Fix Circular Progress transition (#2047)
  • Fix Snackbar getting stuck when receiving new props (#2024)
  • iPad enhanced textarea fix (#1720)
  • Table clickAway triggers onRowSelection (#2054)
  • Theme color fixes for Slider and Toggle (#2016)

0.13.1

Oct 29, 2015
General
  • [SVGIcons] added index.js and index-generator script (#1959)
  • [TimePicker] openDialog() function (#1939) and autoOk prop (#1940) added
  • [DatePicker] i18n support added (#1658)
  • [LeftNav] supports nested children (w/o menuItems) (#1982)
  • [Snackbar] updated for new specification (#1668)
  • [Tabs] added tabTemplate prop (#1691)

Component Fixes / Enhancements

  • [TextArea] height issue fixed (#1875)
  • [GridList] doc added (#1948) with code examples (#1988)
  • [TextField] fixed custom theme color hiding backgroundColor (#1989)
  • [TimePicker] added style and textFieldStyle props (#1949)
  • [Card] text color is now pulled from theme (#1995)

0.13.0

Oct 21, 2015
Breaking Changes
  • Material-UI for React 0.14.x

Component Fixes / Enhancements

  • FloatingActionButton now has iconStyle prop (#1575)
  • Card title and subtitle props can be any node (#1950)

0.12.5

Oct 21, 2015

v0.12.4 should have really been v0.13.0 as it breaks compatibility with React 0.13.3. This version fixes that. We reverted some commits (related to React 0.14.0 support) from v0.12.4 to bring to you v0.12.5 that works as expected.

Component Fixes / Enhancements

  • DatePicker performance has been improved (#1905)
  • Docs code now follows ESLint rules more strictly (#1778)
  • Removed duplicate keys in component definitions (#1933)

0.12.4

Oct 19, 2015

This version is not compatible with React 0.13.x. If you’re on React 0.13.x, use Material-UI v0.12.5 instead.

General
  • React 0.14 compatible

Component Fixes / Enhancements

  • ThemeDecorator supports props (#1841)
  • Full RTL support included (#1674)
  • react-draggable dependency removed for Slider (#1825)

0.12.3

Oct 7, 2015

Component Fixes / Enhancements

  • Quick-fix version until react 0.14 support is somewhat stable
    • Changed react dependency to ~0.13 in package.json (#1836)

0.12.2

Oct 6, 2015
General
  • NEW GridList component and documentation! Thanks to @igorbt (#1320)

Component Fixes / Enhancements

  • Added back canvasColor to theme palette (#1762)
  • Added hintStyle prop to TextField (#1510)
  • Add isScrollbarVisible function to table (#1539)
  • Add rowsMax prop to EnhancedTextarea (#1562)
  • Tab “item three” renamed on docs site (#1775)
  • Fixed docs server to run on Windows (#1774)
  • FlatButton now has a backgroundColor prop (#1561)
  • Fixed DropdownMenu buggy value prop check (#1768)

0.12.1

Sep 28, 2015

Component Fixes / Enhancements

  • Fix broken documentation site
    • Fix theme display switch problem in doc (#1696)
    • Fix typo in src/card-expandable.jsx (#1724)
    • Fix broken link to v0.12.0 release tag
  • Use correct require calls
  • Remove hard-coded color values from theme-manager
    • Use consistent values from raw theme (#1746)

0.12.0

Sep 25, 2015
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 and raw theme, mui theme is produced from raw theme
    • ThemeManager has been changed, no longer needs new in call
    • ThemeManager produces mui theme from raw theme. Raw themes may be user-defined.
    • Functions in ThemeManager allow to modify theme variables. Component-level styles may be overriden in the mui theme.
    • See new documentation here
  • Function names in the context-pure mixin have been changed (#1711)
    • getContextProps() has been changed to getRelevantContextKeys()
General
  • Updated dependency of react-tap-event-plugin (#1714)

Component Fixes / Enhancements

  • Dialog component (#1717)
    • actions now has id property
    • Fixed a bug in dialog where a faulty check caused an error in console
    • Text field ipad scrolling in dialog

0.11.1

Sep 15, 2015

Component Fixes / Enhancements

  • DatePicker - Updated to new design specs (#1266)
  • LeftNav - Fix sidebar position for browsers that don’t support transform3d (#1269)
  • TextField - Added props to override underlineStyle when disabled (#1493)

0.11.0

Aug 24, 2015
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.
  • Tabs can now be controlled. In order to make this work we had to change the parameters being passed back to the onChange 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 to true. If you’re mutating your theme variables after the app initializes, set this flag to false. 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 to initiallyOpen.
  • 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.

Component Fixes / Enhancements

  • Buttons - Fixed a bug that caused buttons to not gain keyboard focus in some cases (#1485, #1453, #1458)
  • Card
    • Properly merge CardAction and CardExpandable styles. (#1376)
    • Added Right-To-Left support to CardExpandable. To use this, set isRtl to true in the theme. (#1408)
  • 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
    • Fixed display glitch on Safari (#1420)
    • Fixed an error when ripples were unMounted (#1416)
  • SelectField
  • Slider
    • Fixed a bug when setting the width attr (#1368)
    • Fixed a bug with disabled sliders (#1417)
    • Fixed a focus style glitch and other style problems (#1448, #1451, #1468)
  • Snackbar - Added onShow and onDismiss (#1390)
  • Table - Ensure that the table component properly keeps track of selected rows (#1325)
  • TextField
    • Added underlineFocusStyle prop (#1422, #1419)
    • hintText can now be a string or element (#1424, #1202)
  • TimePicker
    • Fixed a bug that caused the am/pm selector to switch (#1440)
    • Fixed a bug that caused defaultTime to not be set (#1466)
  • Tooltip - Probably center tooltips when tooltip text changes (#1205)
  • Theme - Added setContentFontFamily (#1405)

0.10.4

Aug 8, 2015

Component Fixes / Enhancements

  • TouchRipple - Fixed a bug that caused onClick to not fire on the first click (#1370)

0.10.3

Aug 8, 2015
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
    • Added menuItemClassName, menuItemClassNameSubheader, menuItemClassNameLink props (#1318)
    • Fixed a display problem that cuased icons to not be the correct color (#1324)
  • ListItem - fixed incorrect styling on disabled list items (#1350)
  • SelectField
    • Fixed a bug that happened when select field was controlled and the value was undefined (#1227)
    • Fixed error text positioning (#1341, #1111)
    • Added errorStyle prop (#1341)
  • 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)

0.10.2

Jul 29, 2015
Breaking Changes (Missed in the original release notes.)
  • Changed date-picker/index.js to expose DatePicker and DatePickerDialog. Hence require('material-ui/lib/date-picker') no longer works. Use require('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
    • Allow using DatePicker as a controlled input (#1170)
    • Added valueLink support and openDialog() (#1213)
    • Fixed a bug that caused dates to get selected when switching months (#1243)
    • Avoid handling keyboard events when calendar is not active (#1245)
    • Fixed display glitch on Firefox (#1242, #1248)
  • Dialog
    • Hitting the ESC key no longer closes the window if modal is set to true (#1187, #1162)
    • The onShow event now called after all contents in the dialog have been rendered. (#1198)
  • 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
    • Added some Perf improvements (#1184)
    • Fixed a bug that caused onNavOpen to sometimes not fire (#1225)
    • Added disableSwipeToOpen prop (#1279)
  • 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)

0.10.1

Jul 13, 2015

Component Fixes / Enhancements

  • CircularProgress - Fixed animation bug in Safari (#1093, #863)
  • Dialog
    • contentClassName is now being passed down to the appropriate child (#1122)
    • Fixed max height on vertically scrollable dialogs (#1153, #1100)
  • DropDownMenu
    • Fixed display height (#1123)
    • Fixed display height when menu items change (#1145)
  • IconMenu - Added closeOnItemTouchTap prop (#1156)
  • LeftNav - Performance improvements during show/hide (#1137)
  • SelectField - errorText is now being passed down to underlying textField (#1131)
  • Table - Added static width to checkbox columns (#1128)
  • Tabs - Added inkBarStyle prop (#1154)
  • TextField - errorStyle prop is now being properly merged (#1116)

0.10.0

Jul 9, 2015
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
  • 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)

0.9.2

Jun 20, 2015
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)

0.9.1

Jun 14, 2015
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)

0.9.0

Jun 9, 2015
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)

0.8.0

May 24, 2015
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)

0.7.5

Apr 27, 2015
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)

0.7.4

Apr 21, 2015
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)

0.7.3

Apr 1, 2015
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)

0.7.2

Mar 25, 2015
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)

0.7.1

Mar 4, 2015
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)

0.7.0

Feb. 13, 2015
Breaking Changes
  • Removed Icon component - Replaced with FontIcon and SvgIcon (#318, #125, #148)
    • The main motivation here is to give developers more control over which font icons to include in their project. Instead of automatically including all material design icons in material-ui, developers can now create their own custom icon font file and just pass the icon className into the FontIcon component.
    • Upgrade path:
      • If you were using the Icon component before, you’ll need switch to either using FontIcon or SvgIcon. For FontIcon, create a custom font file and include it in your project and just pass the Icon className into the FontIcon component. For SvgIcon, create a new React component that represents that particular icon. This will allow you to package your icons inside your js files. Examples can be found here.
      • Additionally, all components that had an icon prop now take an iconClassName prop instead. These include FloatingActionButton, IconButton, Menu, MenuItem, and DropDownIcon.
General
  • All jsx files are now being compiled before publishing to npm. (#179, #215)
Components
  • Buttons
    • Fixed a bug that cause onClick to not fire in Safari (#307)
    • You can now pass down children into all buttons. This allows you to add icons to flat and raised buttons or to add a file input element. (#323, #189)
  • Menu Item
    • Fixed toggle display bug (#298)
    • Toggle props can now be passed in (#299)
  • Slider
  • Switches
    • Switches now support focusability and can be focused/changed via keyboard inputs. (#292)
    • Added focus and touch ripple animations.
    • All switches use the labelPosition prop (as opposed to labelPositionRight), including RadioButtonGroup.
    • Added innerClassName prop. (#309)
  • Tabs
    • Fixes width transition for ink bar (#280)
  • Text Field
    • Fixed a bug with using valueLink with a multiline Text Field (#311)
    • Fixed a bug with multiline defaultValues in a multiline Text Field (#296)

0.6.1

Jan. 26, 2015
Fixes
  • Checkbox & Toggle
    • Fixed a bug that caused checkboxes and toggles to not uncheck.

0.6.0

Jan. 26, 2015
General
  • Fixed dependencies to prevent multiple versions of React getting loaded on the docs site (#194)
Deprecated
  • Input - Please use TextField instead.
New
  • Radio Button Group
    • This component was created to make it easier to work with groups of radio buttons (#151)
  • Tabs
    • Added new Tabs component.
  • TextField
    • This component replaces Input. It extends the native input element and will support all of its props and events. It also supports valueLink and can be controlled or uncontrolled.
    • MultiLine text fields now grow and shrink as the user inputs data.
    • Allow for both floating labels and hint text in the same input.
    • Floating labels now generate a label element.
Fixes
  • AppBar
    • Added icon prop. (#250)
  • Checkbox
    • Checkbox styling now matches material design specs
    • This component has been revamped and can now be controlled or uncontrolled.
  • Date Picker
    • Fixed a bug with getDate() (#196)
    • Added onChange prop (#198)
  • Dialog
    • Actions can now be passed in as an array of react elements. (#241)
  • Menu Item
    • Menu Items now respond to onTouchTap
  • Radio Button
    • Radio Button styling now matches material design specs
    • This component has been revamped and can now be controlled or uncontrolled.
  • Slider
    • Fixed a css bug with slider handles (#225)
    • Added onDragStart and onDragStop props (#217)
  • Snackbar
    • Fixed Ghost hidden snackbar (#235)
  • Toggle
    • This component now extends a native input checkbox.
    • It can now be controlled or uncontrolled.
  • Toolbar
    • Fixed FlatButton positioning inside toolbar (#224)

0.5.0

Jan. 3, 2015
Breaking Changes
  • Removed lesshat dependency. Be sure to change your build process to include an autoprefixer.
Components
  • Buttons
    • Ripple animations are much faster now. The animation starts onMouseDown or onTouchStart and completes onMouseUp or onTouchEnd. Now we can spam buttons all day long. :)
    • Spacebar key up triggers button clicks. (#155)
  • Slider
    • Changed slider cursor (#187)
  • Snackbar (New)
    • Added a snackbar component.

0.4.1

Dec. 25, 2014
General
  • Updated to react 0.12.2; browserify 7.0.3
  • Fixed ripple animation on Firefox (#129)
  • Updated red, green, and blue color variables to match specs (#177)
Components
  • Buttons
    • Added secondary button colors
    • Removed underline styles on link buttons (#172)
  • Date Picker (New)
    • Added new date picker component.
    • Dialog version is implemented, inline version to follow in upcoming release.
    • Has both portrait and landscape modes.
    • Keyboard support: arrow keys advance dates, shift+arrow advances month.
  • Dialog
    • Dialog actions now generate buttons with secondary colors.
    • Added contentClassName prop. This is used to style the actual dialog window. For example, setting its width.
    • Dialog contents no longer are removed from the DOM when the dialog is dismissed.
    • Disabled scrolling when the dialog window is open.
  • Input
    • Added disabled input styles (#140)
    • Added blur() method
    • Added support for email input type (#170)
    • Fix textarea placeholder focus exception (#170)
    • Added mui-is-not-empty class when the input isn’t empty (#170)
  • Slider
    • Trigger onChange when clicking on slider (#153)

0.4.0

Dec. 15, 2014
Breaking Changes
  • Removed PaperButton - Use FlatButton, RaisedButton, or FloatingActionButton
  • Removed Roboto font import (#104) - Be sure to include the Roboto font in your project.
General
  • Added react-draggable2 dependency
Components
  • Buttons
    • Added linkButton functionality (#130)
  • Icon Buttons
    • Added tooltip functionality
  • Input
    • Added method to set focus
  • Left Nav
    • Added method to open left nav panel
  • Radio Button
    • Added defaultChecked prop
  • Slider (New)
    • Added slider component
  • Toggle
    • Updated styles to match material design specs

0.3.3

Dec. 7, 2014
General
  • Added a basic example project in /example
Components
  • Dialog
    • Actions are now real buttons
    • Added transitions
    • Prefixed classNames with mui
    • Cleaned up styles
  • Input
    • Fixed a bug that caused placeholder to not show on focus (#112)
    • Placeholders can now be displayed in-line by setting inlinePlaceholder to true.
    • The initial number of rows can now be set with the rows prop.
  • Toggle
    • Fixed alignment issue (#118)
    • The inital state of the toggle can now be set with the toggled prop.

0.3.2

Nov. 30, 2014
General
  • Upgraded dependencies: react 0.12.1, browserify 6.3.3, reactify: 0.17.1
Components
  • Dialog
    • Added key prop to dialog actions. (#99)
    • Added onDismiss event callback. (#86)
    • Dialog is now positioned onMound and onUpdate (#85)
    • Fixed a bug that cuased dialog to not be vertically centered on long pages
  • Dropdown Menu
    • Added autoWidth prop (#89)
  • Menu
    • Added autoWidth prop
  • Nested Menu
    • Fixed bug that caused some nesteed menus to not show. (#88)
  • Paper
    • Updated to use spread operator
  • Radio Button
    • Fixed radio button label styles. (#94)
  • Ripple
    • Account for page scrolling on ripple animation. (#93)

0.3.1

Nov. 28, 2014
General
  • Removed browserify react addons alias. (#68)
Components
  • FlatButton, RaisedButton, and FloatingActionButton (NEW)
    • These buttons will replace the current PaperButton which will be depreciated in v.0.4.0.
    • They generate actual button tags, are keyboard focusable and listen to onTouchTap. (#50, #61)
  • Icon Button
    • Pressing enter when the button is in focus now fires onTouchTap
    • Added dark theme ripple colors
    • Focus and click animations now use Scale Transforms to improve performance.
  • Input
    • Added support for ReactLink and use JSX spread attributes
    • Error messages are now props instead of internal states (#95)
  • LeftNav
    • Pressing ESC now closes the left nav
  • PaperButton
    • Will be depreciated in v.0.4.0.
  • Radio Button
    • Fixed toggle bug. (#70)
Mixins
  • WindowListenable is now available from Mixins.WindowListenable
Utils
  • Added KeyCodes constants

0.3.0

Nov. 17, 2014
General
  • Updated Browserify & Reactify versions
  • Enabled reactify es6 transformations
  • Removed jQuery dependency (#25)
  • Added reaact-tap-event-plugin dependency
Components
  • Dialog
    • Width is now determined by content
    • Position is centered horizontally inside parent container
    • Pressing Esc now closes the dialog (#35)
  • Dropdown Menu
    • Added underline (#39)
    • Fixed display problem on double click (#43)
  • Icon
    • Transfer all props to underlying span
  • Icon Button (New)
    • Buttons...that are icons. :)
  • Input
    • Added required, min, max and step
  • LeftNav
    • Fixed left nav style when docked (#36)
    • Transition now uses translate3d instead of left
    • Overlay now listens to onTouchTap
  • Menu Items
    • Added user select none styles (#45)
  • Paper
    • Added onMouseOver & onMouseOut props
  • Toolbar
    • Items are now passed in as children instead of groupItem prop
Mixins
  • Added WindowListenable. Allows listening to window events.
Utils
  • Added Dom and Events utility functions
  • Fixed a bug that caused CSS Events to bind twice
Less
  • Added media query variables
  • Added no-wrap mixin
  • Removed unnecessary style resets
  • Removed tab highlight color on all elements

0.2.2

Nov. 11, 2014
  • Changed project structure to be less confusing. Material-UI components/styles live in the src directory. Docs site code lives in the docs directory. This still allows us to easily test components in the docs site as we are working on them
  • Added .editorconfig to help keep code formatting consistent among contributors. See http://editorconfig.org/
  • Fixed drop down display issue in safari
  • Fixed nested menu arrow icon
  • Added hover transitions to menus
  • Improved ripple animation on buttons

0.2.1

Nov. 8, 2014
  • Fixed icon font reference. We’re now including it as part of the project instead of an npm dependency.

0.2.0

Nov. 7, 2014
  • Icon
  • PaperButton
    • Added href prop
    • Css fixes
  • Dialog
    • Added onShow event
    • Children contents of the dialog is only rendered if the dialog is opened
  • LeftNav
    • Fixed a bug that caused docked LeftNav component to close on menu click
    • Removed isInitiallyOpen prop
  • Input
    • onLineBreak event now passes back event (e) on callback

0.1.29

Nov. 5, 2014
  • css fix on paper component
  • hover transition fix on buttons
  • removed selected state on drop down icon component
  • css fix on left nav component
  • added prop on left nav component to allow left nav to be docked and hidden