All Versions
Latest Version
Avg Release Cycle
9 days
Latest Release

Changelog History
Page 39

  • v1.0.0-beta.37 Changes

    Mar 11, 2018

    ๐Ÿš€ Big thanks to the 13 contributors who made this release possible.

    Here are some highlights โœจ:

    • An important fix of the focus/blur logic of the Select (#10538) @oliviertassinari.
    • A multiple selection downshift example (#10550) @oliviertassinari.
    • A new parcel example (#10575) @oliviertassinari.
    • ๐Ÿ“š And many more bug fixes and documentation improvements.

    ๐Ÿ’ฅ Breaking change

    • ๐Ÿšš [classes] Move the XXXClassName to the classes property (#10600) @oliviertassinari

    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
    • [Select] Fix wrong onBlur onFocus logic (#10538) @oliviertassinari
    • [ExpansionPanel] Fix controlled behavior (#10546) @oliviertassinari
    • [Autocomplete] Add multiple downshift example (#10550) @oliviertassinari
    • [Autocomplete] selectedItem can be null (#10565) @caub
    • ๐Ÿ‘ [core] Improve IE11 support (#10568) @oliviertassinari
    • ๐Ÿ‘ [TextField] Better inputComponent demo (#10573) @oliviertassinari
    • โœ… [typescript] Add a test case for ListItemIcon (#10593) @oliviertassinari
    • [ListItemText] Make the children an alias of the primary property (#10591) @caub
    • [Button] Fix Button variant prop description (#10578) @teekwak
    • [Table] Fix table pagination example empty row height (#10588) @amcgee
    • [Icon] Fix a bug in Chrome 64.0 (#10594) @caub
    • [List] use theme for margin in ListItemText (#10597) @caub
    • [StepIcon] enable CSS modifications of active step (#10599) @vkentta
    • [Tooltip] Add enterTouchDelay and leaveTouchDelay props (#10577) @petegivens
    ๐Ÿ“„ Docs
    • ๐Ÿ“„ [docs] Simplify the CDN example (6e4cc723689961582ede16db421cbdf24ac7c4b9) @oliviertassinari
    • ๐Ÿ“„ [docs] Add showcase to readme - componofy (#10541) @DalerAsrorov
    • ๐Ÿ“„ [docs] Add Cryptoverview to the showcase (#10545) @leMaik
    • ๐Ÿ“„ [docs] Add menu Collapse example (#10548) @oliviertassinari
    • ๐Ÿ“„ [docs] Add PersonalBlog Gatsby starter to Showcase (#10566) @greglobinski
    • ๐Ÿ“„ [docs] Add parcel example (#10575) @oliviertassinari
    • ๐Ÿ“„ [docs] Fix typo in contributing readme (#10586) @chiragmongia
    • ๐Ÿ’… [docs] Fix next.js example to enable styled-jsx with material-ui (#10580) @shibukawa
    • โœ… [docs] Add the latest backers (#10602) @oliviertassinari
    • ๐Ÿ“„ [docs] Add Planalyze to Showcase (#10603) @dancastellon
    • ๐Ÿ“š [docs] Improve the htmlFontSize documentation (#10604) @oliviertassinari
    • [core] Fix type definitions (#10553) @stefanorie
    • ๐Ÿ”€ [core] Better overrides merge support (#10606) @oliviertassinari
  • v1.0.0-beta.36 Changes

    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 [email protected] (#10489, #10523) @oliviertassinari.
    • ๐Ÿ’ป Document how to use Material-UI with a CDN (#10514) @zelinf.
    • ๐Ÿ“š And many more bug fixes and documentation improvements.

    ๐Ÿ’ฅ Breaking change

    • [SvgIcon] Allow changing the width with the font-size (#10446) @oliviertassinari

    โœ‚ 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.

    • [classes] Normalize the classes names (#10457) @oliviertassinari

    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
    • ๐Ÿ’… [Table] Default display style for all table components (#10447) @caub
    • [Collapse] Fix description (#10454) @onurkose
    • [ButtonBase] Add a TouchRippleProps property (#10470) @christophediprima
    • [Select] Ensure label is shrinked when using startAdornment (#10474) @carab
    • ๐Ÿ“ฑ [Card][list] Implement responsive gutters (#10477) @lukePeavey
    • ๐Ÿ’ป [icon] Add "side-effects": false to material-ui-icons (#10482) @b1f6c1c4
    • [IconButton] Fix theme.spacing.unit size dependency (#10486) @oliviertassinari
    • [ListItem] Avoid li > li issue (#10484) @oliviertassinari
    • [ListItem] Fix ContainerProps.className propagation (#10488) @oliviertassinari
    • [Textarea] Prepare React 16.3.0 (#10489) @oliviertassinari
    • ๐Ÿ— [icon] Add build:es for material-ui-icons (#10497) @b1f6c1c4
    • [ButtonBase] Fix the ripple on Edge (#10512) @oliviertassinari
    • โšก๏ธ [Autocomplete] Update the demos so people can stack the components (#10524) @oliviertassinari
    • ๐Ÿ‘ [Button] Add override support for sizeLarge and sizeSmall (#10526) @wenduzer
    • [Modal] Use prototype functions in ModalManager (#10528) @ianschmitz
    ๐Ÿ“„ Docs
    • ๐Ÿ“„ [docs] Fix Roadmap docs formatting (#10501) @cherniavskii
    • ๐Ÿ“„ [docs] EnhancedTable Demo (#10491) @kgregory
    • ๐Ÿ“„ [docs] Add new Showcase project (#10509) @chriswardo
    • [Select] Document when the value is required (#10505) @MichaelArnoldOwens
    • [Select] Document the renderValue signature (#10513) @oliviertassinari
    • ๐Ÿ“„ [docs] Add a CDN example (#10514) @oliviertassinari
    • ๐Ÿ“„ [docs] Fix SSR rendering in Gatsby example (#10536) @LegNeato
    • [core] Prepare the async API (#10523) @oliviertassinari
    • โฌ†๏ธ [core] Upgrade the dev dependencies (#10456) @oliviertassinari
    • โฌ†๏ธ [core] Upgrade the dev dependencies (#10515) @oliviertassinari
  • v1.0.0-beta.35 Changes

    Feb 24, 2018

    ๐Ÿš€ Big thanks to the 20 contributors who made this release possible.

    Here are some highlights โœจ:

    • ๐Ÿ“ฆ A new lab npm package (#10288) @mbrookes.
    • A breaking changes ROADMAP before v1 (#10348) @oliviertassinari.
    • ๐Ÿ“š And many more bug fixes and documentation improvements.

    ๐Ÿ’ฅ Breaking change


    ๐Ÿ›  Component Fixes / Enhancements
    • ๐Ÿ’… [Stepper] Add style override types (#10334) @vkentta
    • [Input] Reset the line-height (#10346) @oliviertassinari
    • โช [Select] Revert #9964 (#10347) @oliviertassinari
    • ๐Ÿ“ฆ [lab] Create lab package, add SpeedDial (#10288) @mbrookes
    • โšก๏ธ [Button] Update Button mini description (#10355) @lorensr
    • [SpeedDial] Fix onClick target element (#10368) @mbrookes
    • [IconButton] Fix class key types (#10374) @vkentta
    • [Chip] Ignore events generated by descendants (#10372) @maxdubrinsky
    • [CardHeader] Add missing "action" classes key definition (#10379) @chubbsMcfly
    • [Dialog] Consistent description (#10377) @oliviertassinari
    • [Select] Fix the vertical-align (#10380) @oliviertassinari
    • [Snackbar] Disable pausing of auto hide when window loses focus (#10390) @SebastianSchmidt
    • [Select] Add SelectDisplayProps prop (#10408) @noah-potter
    • [SelectInput] Add tabIndex prop (#10345) @keenondrums
    • [Select] Make 'type' prop able to be overwritten (#10361) @fabijanski
    • [Select] Set type undefined rather than null (#10430) @caub
    • [ButtonBase] Fix accessibility (#10434) @oliviertassinari
    • 0๏ธโƒฃ [SwitchBase] Fix defaultChecked issue (#10444) @tanmayrajani
    • 0๏ธโƒฃ [SwitchBase] Prevent defaultChecked regression (#10445) @oliviertassinari
    ๐Ÿ“„ Docs
    • ๐Ÿ’… [Transitions] Document transition style prop handling (#10322) @AdamGorkoz
    • [Drawer] Add clipped navigation drawer demo (#10330) @AdamGorkoz
    • ๐Ÿ“„ [docs] Fix demo links for new util components (#10337) @jprince
    • ๐Ÿ“„ [docs] Add react-final-form to Related Projects (#10352) @mbrookes
    • 0๏ธโƒฃ [docs] rename theme-default to default-theme (#10356) @mbrookes
    • ๐Ÿ“„ [docs] Fix modal page link (#10360) @tanmayrajani
    • ๐Ÿ“„ [docs] Plan the breaking changes before v1 (#10348) @oliviertassinari
    • โš  [docs] Fix IE 11 and W3C warnings (#10394) @oliviertassinari
    • ๐Ÿ“„ [docs] Sort the pages by path and ignore dashes (#10396) @leMaik
    • ๐Ÿ“„ [docs] Autocomplete migration (#10397) @oliviertassinari
    • ๐Ÿ“„ [docs] Add AudioNodes to the showcase (#10407) @JohnWeisz
    • ๐Ÿ“„ [docs] Breaking changes feedback notification (#10413) @mbrookes
    • ๐Ÿ“„ [docs] Improve readability (#10412) @oliviertassinari
    • ๐Ÿ’ป [docs] Add material-ui-autosuggest to related projects (#10415) @tgrowden
    • โšก๏ธ [docs] Update (#10417) @caub
    • ๐Ÿ“„ [docs] Fix minor typo in breaking-changes notification (#10418) @phazor
    • ๐Ÿ“„ [docs] Description of how component will render (#10432) @oliviertassinari
    • ๐Ÿ“„ [docs] Add CSSGrid comparison example (#10433) @caub
    • โฌ†๏ธ [core] Upgrade some dependency to start looking into React 16.3 (#10338) @oliviertassinari
    • ๐Ÿšš [core] Remove direct references to window/document objects (#10328) @ianschmitz
    • [core] Use tabIndex as number (#10431) @oliviertassinari
  • v1.0.0-beta.34 Changes

    Feb 17, 2018

    ๐Ÿš€ Big thanks to the 21 contributors who made this release possible.

    Here are some highlights โœจ:

    • โšก๏ธ Checkbox, Radio, Switch update to follow the spec and be consistent with the Input (#10196, #10138) @phsantiago, @mbrookes.
    • ๐Ÿ“š The documentation works offline (#10267) @msiadak.
    • ๐Ÿ‘ Better styled-components documentation (#10266) @rocketraman.
    • ๐Ÿ“š And many more bug fixes and documentation improvements.

    ๐Ÿ’ฅ Breaking change

    • [Checkbox, Radio, Switch] Fix id in internal input (#10196) @phsantiago

    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" />
    • 0๏ธโƒฃ [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
    • [Input] Fix infinite loop (#10229) @oliviertassinari
    • [CircularProgress] Add static variant (#10228) @oliviertassinari
    • [Transition] Add the missing teardown logic (#10244) @oliviertassinari
    • [Avatar] Use theme.spacing.unit (#10268) @cherniavskii
    • ๐Ÿ“„ [InputLabel] Add inheritance docs (#10282) @oliviertassinari
    • ๐Ÿšš [Input][expansionpane] Remove the use of legacy easing-curve (#10290) @strayiker
    • [TableCell] Add "scope" attribute for th (#10277) @z-ax
    • ๐Ÿ’… [styles] Fix typo (#10303) @strayiker
    • [Button] Add fullWidth to ButtonClassKey (#10310) @stefanorie
    • [TextField] Fix wrong SSR height of the textarea (#10315) @oliviertassinari
    • [ClickAwayListener] Fix interaction with SVGElement (#10318) @KEMBL
    • [Icon] Add fontSize to typings (#10317) @clentfort
    • [Slide] Work with SVG too (#10325) @oliviertassinari
    ๐Ÿ“„ Docs
    • โšก๏ธ [docs] Update links on (#10227) @klyburke
    • ๐Ÿšš [docs] Remove dead code in Drawers (#10230) @oliviertassinari
    • ๐Ÿ“„ [docs] Add utils section, document transitions (#10239) @mbrookes
    • ๐Ÿ“„ [docs] Fix small issues (#10245) @oliviertassinari
    • โฑ [docs] Add transform-origin and timeout to Grow demo #10246 @mbrookes
    • ๐Ÿ“„ [docs] Add to showcase (#10247) @mweiss
    • ๐Ÿ“„ [docs] Better API generator (#10249) @oliviertassinari
    • ๐Ÿ“„ [docs] Use non-breaking space (#10252) @oliviertassinari
    • [example] TypeScript instructions (a81e5f9e54fdcc4648ffe6bdc08eaa596fb0a9bc) @oliviertassinari
    • ๐Ÿ“„ [docs] Fix the migration guide doc page (#10257) @nicolasiensen
    • โšก๏ธ [docs] Update example in (#10259) @nikoladev
    • ๐Ÿ“„ [docs] Fix typo in button component demo (#10260) @bmuenzenmeyer
    • ๐Ÿ’… [docs] styled components non-root components (#10266) @rocketraman
    • [Selection Control] Symmetry between the demos (#10279) @oliviertassinari
    • ๐Ÿšš [docs] Remove StepConnector from Steppers demo (#10301) @jdupont
    • ๐Ÿ— [docs] Add precaching Service Worker to exported docs builds (#10267) @msiadak
    • ๐Ÿ“„ [docs] Add missing rel=noopener (#10307) @oliviertassinari
    • ๐Ÿ“„ [docs] Add the average response time (#10308) @oliviertassinari
    • โšก๏ธ [docs] Update TextFields.js (#10313) @Primajin
    • ๐Ÿ“„ [docs] Add toggling with react-popper (#10302) @caub
    • โœ… [docs] Add the latest backers โ™ฅ (#10323) @oliviertassinari
    • ๐Ÿ“„ [docs] Expose the theme as a global object (#10326) @oliviertassinari
    • ๐ŸŒ [docs] Add an example with Google Web Fonts (#10332) @oliviertassinari
    • [core] Fix the es distribution (#10254) @NMinhNguyen
    • [typescript] Add missing exports in index.d.ts (#10295) @Andy4ward
    • โฌ†๏ธ [core] Upgrade react-popper (#10299) @oliviertassinari
  • v1.0.0-beta.33 Changes

    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


    ๐Ÿ›  Component Fixes / Enhancements
    • [typescript] Use Partial props in TypeScript definitions (#10170) @ianschmitz
    • [GridList] Allow null children in GridListTile (#10179) @caub
    • ๐ŸŽ [Grid] Small performance improvement (#10180) @oliviertassinari
    • [TextField] Correct typo in TypeScript export declaration (#10186) @caghand
    • [Switch] Increase the box shadow when checked (#10187) @leMaik
    • [Stepper] Mobile Stepper variant determinate (#10190) @KeKs0r
    • ๐Ÿ‘ [MenuItem] Better :hover and .selected logic (#10199) @oliviertassinari
    • [LinearProgress] Property definition grammar fix (#10201) @madison-kerndt
    • [MuiThemeProvider] Forward the options when nested (#10176) @Aetherall
    • [Select] Simpler controlled open property (#10205) @oliviertassinari
    • [typescript] Use types from react-transition-group/Transition (#10129) @sebald
    • [typescript] Export WithTheme from index (#10209) @clekili
    • [Stepper] Increase StepButton space for click (#10204) @AlbertLucianto
    • [ButtonBase] Use parent Window of ButtonBase when listening for keyboard events (#10224) @ianschmitz
    • ๐Ÿ’… [StepLabel] Give more flexibility to the style of span surrounding label (#10218) @seanchambo
    • [ButtonBase] Save one line of code (#10225) @oliviertassinari
    ๐Ÿ“„ Docs
    • [examples] Rename type to variant (#10167) @oliviertassinari
    • ๐Ÿ“„ [docs] Using "component" prop to customize rendering (#10128) @sebald
    • โช [docs] Fix the restore focus logic of the Popover demo (#10184) @oliviertassinari
    • ๐Ÿ“„ [docs] Fix react-select chip on mobile (#10185) @oliviertassinari
    • ๐Ÿ“„ [docs] Add Snackbar / FAB animation integration example (#10188) @mbrookes
    • ๐Ÿ“„ [docs] Add LocalMonero to showcase (#10195) @mbrookes
    • ๐Ÿ“„ [docs] Fix typo Selet to Select (#10207) @Justkant
    • ๐Ÿ“„ [docs] Change negative to positive (#10211) @harvitronix
    • ๐Ÿ“„ [docs] Add project to showcase (#10217) @klyburke
    • โฌ†๏ธ [core] Upgrade Next.js (#10181) @oliviertassinari
    • ๐Ÿšš [test] Remove the mockPortal workaround (#10208) @leMaik
  • v1.0.0-beta.32 Changes

    Feb 4, 2018

    ๐Ÿš€ Big thanks to the 12 contributors who made this release possible.

    Here are some highlights โœจ:

    • ๐Ÿ“‡ Rename the type property to variant (#10088, #10086, #10084, #10101) @mbrookes.
    • Simplify the implementation of the transitions (#10137, #10151) @oliviertassinari.
    • โž• Add support for position="sticky" with the AppBar (#10090) @scottastrophic.
    • ๐Ÿ“š And many more bug fixes and documentation improvements.

    ๐Ÿ’ฅ Breaking change

    • [API] Complete type to variant migration (#10101) @mbrookes

    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.

    - raised
    + variant="raised"
    - fab
    + variant="fab"
    - type="title"
    + variant="title"
    - type="dots"
    + variant="dots"
    - type="persistent"
    + variant="persistent"
    - mode="determinate"
    + variant="determinate"
    - mode="determinate"
    + variant="determinate"
    • [transition] Standardize the components (#10151)
    -            enterDelay={transitionDuration.exit}
    +            style={{
    +              transitionDelay: in ? transitionDuration.exit : 0,
    +            }}
    ๐Ÿ›  Component Fixes / Enhancements
    • ๐Ÿšš [AppBar] Remove one dead CSS property (#10096) @oliviertassinari
    • ๐Ÿ‘ [AppBar] Add support for position="sticky" (#10090) @scottastrophic
    • โšก๏ธ [CircularProgress] Improve animation & update example (#10079) @mbrookes
    • [API] Rename type prop to variant (#10088) @mbrookes
    • ๐Ÿšš [Button] Move bool props to variant (#10086) @mbrookes
    • [Progress] Rename mode prop to variant (#10084) @mbrookes
    • [Drawer] Add PaperProps property (#10118) @oliviertassinari
    • [TextField] Small refinement (#10117) @oliviertassinari
    • [Stepper] Add StepIcon to Stepper exports (#10119) @melissanoelle
    • [ButtonBase] Fix keyDown handled (#10136) @strayiker
    • [Fade] Simplify implementation (#10137) @oliviertassinari
    • ๐Ÿ’… [typescript] Add missing ExpansionPanel style overrides (#10142) @simonvizzini
    • [Dialog] PaperProps TypeScript definition (#10143) @daniel-rabe
    • ๐Ÿšš [InputAdornment] Remove hack (#10157) @oliviertassinari
    • [Hidden] css implementation handle custom className (#10165) @Vincz
    ๐Ÿ“„ Docs
    • ๐Ÿ“„ [docs] Minor CSP edit (#10089) @oliviertassinari
    • ๐Ÿ“„ [docs] Avoid anchor id conflict in Progress (#10095) @oliviertassinari
    • ๐Ÿšš [docs] Remove last flow annotations (#10099) @oliviertassinari
    • ๐Ÿ“„ [docs] Alternative APIs theme (#10100) @oliviertassinari
    • ๐Ÿ™‹ [docs] Add How do I use react-router? in FAQ (#10103) @oliviertassinari
    • โšก๏ธ [examples] Update README for CRA with JSS (#10105) @kgregory
    • ๐Ÿ“„ [docs] Add more examples for the Badge (#10114) @oliviertassinari
    • ๐Ÿ“„ [docs] Rename IntegrationAutosuggest to IntegrationDownshift (#10116) @kentcdodds
    • ๐Ÿ“„ [docs] Better color prop description (#10133) @mbrookes
    • ๐Ÿ“„ [docs] Fix duplicated id issue (#10135) @oliviertassinari
    • ๐Ÿ“„ [docs] Document approach for progress indicator delay (#10145) @mbrookes
    • ๐Ÿ“„ [docs] Simplify delayed progress indicator example (#10147) @mbrookes
    • ๐ŸŽ [docs] Improve the performance of the homepage (#10152) @oliviertassinari
    • ๐Ÿ“„ [docs] Allow Demo to specify only required deps (#10150) @caub
    • ๐Ÿ“„ [docs] Add mui-downshift (#10156) @oliviertassinari
    • ๐Ÿ“„ [docs] Demo codesandbox deps (#10158) @caub
    • ๐Ÿš€ [core] Add the license in the release (#10102) @oliviertassinari
    • โœ… [test] Fix AppBar test assert messages (#10109) @cherniavskii
  • v1.0.0-beta.31 Changes

    Jan 21, 2018

    ๐Ÿš€ Big thanks to the 14 contributors who made this release possible.

    Here are some highlights โœจ:

    • Further simplification & standardization with the palette (#10015) @mbrookes.
    • ๐Ÿ”’ A Content Security Policy Guide (#10074) @dav-is.
    • ๐Ÿ’… Document the withStyles alternative APIs (#9981) @oliviertassinari.
    • A react-select integration example (#10070) @oliviertassinari.
    • ๐Ÿ“š And many more bug fixes and documentation improvements.

    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

    • ๐Ÿšš [Icon] Remove icon ligature "magic" support (#9983) @mbrookes

    ๐Ÿšš 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 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';
    - rootRef={node => {
    -   this.button = ReactDOM.findDOMNode(node);
    + buttonRef={node => {
    +   this.button = node;
    • [Button] Add size property (#10009) @oliviertassinari
    -<Button dense>
    +<Button size="small">
    • ๐Ÿšš [palette] Remove the palette.types from the theme (#10040) @oliviertassinari

    ๐Ÿšš 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',
    ๐Ÿ›  Component Fixes / Enhancements
    • โšก๏ธ [Input] Make sure our previous or updated context is available (#9986) @yoiang
    • [Dialog] Add PaperProps property (#9985) @nbdaaron
    • [FormControl] Fix w3c issue (#9996) @oliviertassinari
    • [typescript] Add divider to palette type defs (#10008) @xaviergonz
    • [Badge] Add error as a palette option (#10004) @t49tran
    • 0๏ธโƒฃ [Tab] Add textColor inherit default props to Tab (#10005) @x0fma
    • [Menu] Fix dark selected color (#10026) @oliviertassinari
    • [SnackbarContent] Change backgroundColor approach (#10027) @mbrookes
    • ๐Ÿšš [Backdrop] Allow setting of onTouchMove (#10001) @daniel-rabe
    • 0๏ธโƒฃ [Popover] Should default to use anchorEl's parent body (#10049) @ianschmitz
    • [Popover] Respect anchorEl's parent window when calculating position (#10048) @ianschmitz
    • [TableCell] Add sortDirection TypeScript definition (#10057) @cvanem
    • 0๏ธโƒฃ [palette] Fix error color defaults (#10058) @pelotom
    • [ButtonBase] Avoid race condition with react-router (#10061) @oliviertassinari
    • ๐Ÿšš [Modal] Remove dead logic (#10062) @oliviertassinari
    • [List] Fix w3c issues (#10050) @oliviertassinari
    • [jss] Fix the last w3c issue I'm aware of (#10063) @oliviertassinari
    • [LinearProgress] Add ARIA role & fix bugs (#10069) @mbrookes
    • [ButtonBase] Add buttonRef property (#10082) @oliviertassinari
    ๐Ÿ“„ Docs
    • ๐Ÿ“„ [docs] Edit css injection order docs for create-react-app users (#9990) @PTaylour
    • ๐Ÿ’… [docs] withStyles alternative APIs (#9981) @oliviertassinari
    • ๐Ÿ’ป [docs] Switch the Lightbulb UI (#9995) @oliviertassinari
    • ๐Ÿ“„ [docs] Use Simple over Basic (#10024) @oliviertassinari
    • ๐Ÿ“„ [docs] boolean vs enum API (#10023) @oliviertassinari
    • ๐Ÿ“„ [docs] Improve the typeface-roboto npm instructions (#10039) @oliviertassinari
    • ๐Ÿ“„ [docs] Add zero click example of Wrapping components (#10041) @oliviertassinari
    • ๐Ÿ“„ [docs] Reach the AA contrast ratio level (#10053) @oliviertassinari
    • ๐Ÿ›  [docs] Misc fixes (#10055) @mbrookes
    • [examples] Add missing TypeScript dependency (#10031) @QuantumInformation
    • ๐Ÿ”’ [docs] Add Content Security Policy Guide (#10074) @dav-is
    • ๐Ÿ“„ [docs] Add react-select example (#10070) @oliviertassinari
    • ๐Ÿ›  [core] Two small fixes looking at #10005 (#10014) @oliviertassinari
    • ๐Ÿ“ฆ [core] Use the official react-docgen package (#10054) @oliviertassinari
    • โฌ†๏ธ [core] Upgrade the dependencies (#10060) @oliviertassinari
  • v1.0.0-beta.30 Changes

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

    0๏ธโƒฃ 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
    • [Button] Fix secondary contrastText color (#9913) @ValentinH
    • [FormTextHelper] Add component prop (#9917) @sambhav-gore
    • [core] Fix some w3c validation errors (#9906) @oliviertassinari
    • [TableCell] Fix TypeScript definition (#9926) @ljvanschie
    • [Divider] Add component property (#9927) @oliviertassinari
    • [FormControl] Fix alternating focus change bug (#9909) @dapetcu21
    • [CircularProgress] Fix animation on Edge 16 and below (#9938) @oliviertassinari
    • โšก๏ธ [ListItemText] Update Typings for primary and secondary text class keys (#9946) @spallister
    • โšก๏ธ [palette] ShadeBackground interface updated (#9955) @daniel-rabe
    • [TableCell] Fix TypeScript definition (#9959) @ljvanschie
    • [Select] Fix a small vertical alignement issue (#9964) @oliviertassinari
    • ๐Ÿ‘ [IconButton] Better follow the spec (#9967) @oliviertassinari
    • [Select] Add inputProps property (#9979) @oliviertassinari
    • ๐Ÿ›  [typescript] Palette typing fixes and error augmentation (#9973) @pelotom
    • [Grid] minWidth for type item (#9972) @sambhav-gore
    ๐Ÿ“„ Docs
    • โœ… [docs] Add a section about how to test changes locally (#9935) @nicolasiensen
    • ๐Ÿ’… [docs] Style Library Interoperability v2 (#9939) @oliviertassinari
    • ๐Ÿ“„ [docs] Fix markdown list (#9948) @yuchi
    • ๐Ÿšš [docs] Remove one DOM element in the Card actions (#9952) @maprihoda
    • ๐Ÿ“š [docs] Improve the documentation on the breakpoints (#9949) @oliviertassinari
    • ๐Ÿ“„ [docs] Apply Matt's requested changes (#9963) @oliviertassinari
    • ๐Ÿ’… [docs] Using TypeScript & withStyles for class component w/union props (#9975) @nmchaves
    • ๐Ÿ“„ [docs] Add notifications (#9974) @mbrookes


  • v1.0.0-beta.3 Changes

    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
    • [Drawer] Fix docked not inheriting props (#7590) @foreggs
    • ๐Ÿ‘ [Dialog] Better fullscreen fix (4deee4b5e3465682996d4dce35e5c60fd040502b) @oliviertassinari
    • [List] Fix padding issue (#7529) @markselby9
    • ๐Ÿšš [test] Remove dead code (4e2cf38ae3181cf38a5796179bfb2887c402b4ac) @oliviertassinari
    • [flow] Fix wrong import (5a88d950bb3e9c7105cfa6b45c796d167827f1d7) @oliviertassinari
    • [Tabs] Fix Scroll button visibility state when child tab items are modified (#7576) @shawnmcknight
    • [TextField] Forward the id to the label & more (#7584) @oliviertassinari
    • ๐Ÿ’… [ios] Fix some style issue with Safari iOS (#7588) @oliviertassinari
    ๐Ÿ“„ Docs
    • ๐Ÿ“„ [docs] Add example with Create React App (#7485) @akshaynaik404
    • ๐Ÿ“„ [docs] Minor tweaks to grammar of CSS in JS page (#7530) @mbrookes
    • ๐Ÿ“„ [docs] Server-side fix docs (91a30ee2276d8d06776f6fba831930568974dacc) @oliviertassinari
    • ๐Ÿ“„ [docs] Fix 'colors' path in imports (#7519) @burnoo
    • โฌ†๏ธ [docs] Some fixes after the latest upgrade (#7528) @oliviertassinari
    • โšก๏ธ [docs] Update for supported components (#7586) @skirunman
    • ๐Ÿ“„ [docs] Fix small issues I have noticed (#7591) @oliviertassinari
    • ๐Ÿ’… [docs] Optional style sheet name (#7594) @oliviertassinari
    • ๐Ÿ“„ [docs] Use flow weak on the demos as we can't expect users to have flow (cd25e63a214c37ed7945e31aa9b08f02baa17351) @oliviertassinari
    • ๐Ÿ‘ [core] Support [email protected] (#7561) @oliviertassinari
    • ๐Ÿ›  [core] Small fixes of the styling solution (#7572) @oliviertassinari
    • ๐Ÿ‘ [core] Better themingEnabled logic (#7533) @oliviertassinari
    • โฌ†๏ธ [core] Upgrade dependencies and build for the supported targets (#7575) @oliviertassinari
    • โฌ†๏ธ [core] Upgrade dependencies (#7539) @oliviertassinari
    • [flow] Increase coverage (6f4b2b3b3773ace568de54aaefbca963ab408b40) @oliviertassinari
  • v1.0.0-beta.29 Changes

    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


    ๐Ÿ›  Component Fixes / Enhancements
    • [TextField] Add fullWidth propagation to Input (#9888) @enbyted
    • [Chip] Add component property (#9890) @caub
    • โšก๏ธ [palette] Update the TypeScript definitions (#9896) @oliviertassinari
    ๐Ÿ“„ Docs
    • โšก๏ธ [examples] Update for revised theme approach (#9878) @mbrookes
    • โšก๏ธ [examples] Update Gatsby example to work (#9877) @magicmark
    • ๐Ÿ“„ [docs] Additional corrections to palette code sample (#9883) @mbrookes
    • โšก๏ธ [docs] Update (#9894) @gerges-beshay
    • [core] Fix w3c validation errors (#9899) @sambhav-gore
    • [core] Make palette change non-breaking (#9889) @mbrookes
    • [core] Fix some w3c issues (#9872) @oliviertassinari
    • โฌ†๏ธ [core] Upgrade jss to 9.5.0 (#9885) @cesardeazevedo
    • [core] Fix some w3c validation errors (#9895) @sambhav-gore
    • ๐Ÿšš [typescript] Remove JSS stub module declaration (#9898) @pelotom
    • ๐Ÿšš [typescript] Move @types/react-transition-group from devDependencies to dependencies (#9897) @pelotom
    • ๐Ÿšš [typescript] Remove generic object and function types (#9822) @pelotom
    • [core] Go back to jss-vendor-prefixer@7 (#9904) @oliviertassinari