material-ui

Material UI: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

MIT License

Downloads
174M
Stars
91.4K
Committers
3.2K
material-ui -

Published by oliviertassinari over 6 years ago

Jul 22, 2018

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

Here are some highlights ✨:

  • The CSS API is now fully documented (#12174) @mbrookes.
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/[email protected] 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

  • [Tab] Fix maxWidth issue with fullWidth mode (#12158) @chenop
  • [Popper] Update TypeScript definitions (#12161) @Slessi
  • [CardHeader] Add typography/props controls like in ListItemText (#12166) @chenop
  • [Tooltip] Fix some new issues (#12168) @oliviertassinari
  • [icons] New iteration (#12170) @oliviertassinari
  • [icons] Remove fill attribute from some icons (#12111) @ChristiaanScheermeijer
  • [Popper] Fix the transition in the demos (#12194) @oliviertassinari
  • [Modal] Ignore if the event prevent default is called (#12202) @oliviertassinari
  • [Grid] Add "space-evenly" value for justify prop (#12213) @iain-b
  • [Grow] Fix scroll on entered (#12199) @stephenway
  • [Popper] Fix update logic (#12218) @oliviertassinari
  • [Badge] Increase readability (#12221) @oliviertassinari
  • [styles] Increase the class name lenght limit before raising (#12222) @oliviertassinari
  • [icons] Fix SVG path precision issue (#12225) @ChristiaanScheermeijer
  • [Popper] Typing and documentation (#12223) @dispix
  • [Select] Simpler onChange event.target logic (#12231) @oliviertassinari
  • [input] Forward required, readOnly and autoFocus (#12234) @sakulstra
  • [HOC] Add innerRef to withWidth and withTheme (#12236) @itelo
  • [Textarea] Simplification of the code (#12238) @oliviertassinari
  • [Tabs] Small changes investigating #11624 (#12239) @oliviertassinari

Docs

  • [docs] Add Toggle Selection Control to 'Migration From v0.x' Document (#12149) @shabareesh
  • [docs] Add Menu Item to 'Migration From v0.x' Document (#12150) @shabareesh
  • [docs] New ISSUE_TEMPLATE (#12148) @oliviertassinari
  • [docs] Add Font Icon to 'Migration From v0.x' Document (#12151) @shabareesh
  • [docs] copyedit: typo in testing.md (#12155) @cldellow
  • [docs] Document the CSS API (#12174) @mbrookes
  • [docs] An iteration on the SSR Troubleshooting section (#12229) @oliviertassinari

Core

  • [core] Upgrade dev dependencies (#12156) @oliviertassinari
  • [core] Add missing unwrap export to test-utils type definition (#12184) @kallebornemark
  • [test] Conditional tests (#12191) @oliviertassinari
  • [core] Fix babel plugin name (#12209) @oliviertassinari
  • [core] Upgrade the dev dependencies (#12220) @oliviertassinari
  • [core] Rename node to ref (#12235) @oliviertassinari

Lab

  • [Slider] Fix typescript typings (#12173) @eps1lon
  • [SpeedDial] Fix SpeedDialAction dark theme (#12230) @mbrookes
  • [lab] Build and export fixes (#12233) @goto-bus-stop
material-ui -

Published by oliviertassinari over 6 years ago

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.

  • Add color selector (#12053) @mbrookes

People can now dynamically change the theme of the whole documentation.

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

Breaking change

N/A

Component Fixes / Enhancements

  • [Icons] Misc fixes and optimizations (#12036) @mbrookes
  • [Tooltip] Rework the implementation (#12085) @oliviertassinari
  • [Snackbar] Fix SnackbarOrigin TypeScript definition (#12083) @tzfrs
  • [Dialog] Fix action width issue (#12081) @mim-Armand
  • [theme] Use isPlainObject to avoid dropping prototypes (#12100) @kivlor
  • [Popper] Add a modifiers property (#12108) @oliviertassinari
  • [Button] Fix IE11 support of CSS 'width:initial' (#12119) @koshea
  • [FormControlLabel] Add a failing test case and fix it (#12141) @oliviertassinari
  • [Toolbar] Add dense variant (#12075) @srilman
  • [Typography] Fix display2 cuts off the bottom of a 'g' (#12146) @Skaronator

Docs

  • [docs] Fix typo (#12046) @AlexanderLukin
  • [docs] Fix wrong icon names (#12042) @AlexanderLukin
  • [docs] Fix typo (#12050) @AlexanderLukin
  • [docs] Fix Typo (#12064) @johnjacobkenny
  • [docs] Add known issues/limitations for progress animations (#12062) @HRK44
  • [docs] Correct the normalize-function (#12066) @fauskanger
  • [docs] Add react-media-material-ui in the related projects (#12068) @jedwards1211
  • [docs] Fix SSR example to support production mode (#12080)
  • [docs] Fix Theme nesting demo in codesandbox (#12097) @oliviertassinari
  • [docs] Use the de-structured "children" variable (#12104) @jzhang729
  • [docs] Add Tidelift banner (#12099) @oliviertassinari
  • [docs] Fix some broken links (#12107) @oliviertassinari
  • [docs] Preconnect to load the fonts (#12113) @oliviertassinari
  • [docs] Improve grid demo descriptions (#12112) @mbrookes
  • [docs] Add color selector (#12053) @mbrookes
  • [docs] Add Tentu in the showcase (#12122) @urkopineda
  • [docs] Add Subheader to v0.x migration guide (#12144) @shabareesh
  • [docs] Add a comment that React 16.3.0 is a peer dependency (#12145) @chenop
  • [Table] Document the CSS API (#12147) @chenop

Core

  • [core] Upgrade the dev dependencies (#12049) @oliviertassinari
  • [core] Improve the prop-types of shape (#12098) @oliviertassinari
  • [core] Upgrade dev dependencies (#12117) @oliviertassinari
  • [core] Error typo fix (#12118) @TheRusskiy
  • [test] Fix Argos-CI flakyness (#12142) @oliviertassinari

Lab

  • [ToggleButtons] Add toggle buttons (#10144) @phallguy
  • [Slider] Make interaction easier, fix thumb overflow (#11889) @ValentinH
  • [SpeedDial] Inline the Add icon (#12128) @mbrookes
material-ui -

Published by oliviertassinari over 6 years ago

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

  • [Select] Fix some W3C issues (#11983) @oliviertassinari
  • [Icon] Add a fontSize prop which accepts default and inherit (#11986) @sakulstra
  • [Menu] Add prop to disable auto focus (#11984) @th317erd
  • [SvgIcon] Add component property (#11987) @stephenway
  • [GridList] Clean the rendering logic (#11998) @oliviertassinari
  • [Snackbar] Add check for autoHideDuration if equals 0 (#12002) @C-Rodg
  • [Menu] Fix scrolling issue (#12003) @stephenway
  • [Stepper] Merge StepPositionIcon in StepIcon (#12026) @bousejin
  • [Input] Add read only demo (#12024) @oliviertassinari
  • [ExpansionPanelSummary] Add IconButtonProps property (#12035) @dakotamurphyucf
  • [Dialog] Document the scroll property (#12025) @oliviertassinari

Docs

  • [docs] Use _app.js instead of wrapping every page by withRoot() (#11989) @NikitaVlaznev
  • [docs] Link RootRef in the FAQ (#12005) @scottastrophic
  • [docs] Add Core UI (#12015) @oliviertassinari
  • [docs] Switch autosuggest highlighting (#12019) @TheRusskiy
  • [docs] Small spelling fix (#12028) @danh293
  • [docs] Add a demo with Font Awesome (#12027) @oliviertassinari

Core

  • [typescript] [createMuiTheme] Fix typings & deepmerge shape (#11993) @franklixuefei
  • [core] Warn about Children.map & Fragment (#12021) @oliviertassinari
  • [core] Remove usage of theme.spacing.unit (#12022) @oliviertassinari

Lab

N/A

material-ui -

Published by oliviertassinari over 6 years ago

Jun 26, 2018

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

Here are some highlights ✨:

  • 🔥 Support the 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

  • [FormControl] Correct minor typo in text (#11931) @FluentSynergyDW
  • [Grid] Add auto to TypeScript definitions (#11933) @woobianca
  • [styles] Safer prefix logic (#11943) @oliviertassinari
  • [Button] Add extended FAB variant (#11941) @mbrookes
  • [styles] Warn when the first argument is wrong (#11953) @oliviertassinari
  • [ClickAwayListener] Handle null child (#11955) @oliviertassinari
  • [theme] Add border-radius to the theme (#11847) @itelo
  • [Dialog] Add a scroll property (#11974) @oliviertassinari

Docs

  • [Showcase] Add posters galore (react-admin) (#11939) @fzaninotto
  • [docs] Update ts example (#11949) @kevinhughes27
  • [docs] Add Outline docs (#11960) @tomasdev
  • [docs] Do SEO for the components (#11963) @oliviertassinari
  • [docs] Better API wording (#11973) @oliviertassinari
  • [docs] In Typescript doc, add missing createStyles to import (#11975) @Sylphony

Core

  • [typescript] Fix Typings for disableTouchRipple and allVariants (#11944) @franklixuefei
  • [core] Upgrade the dev dependencies (#11954) @oliviertassinari
  • [core] Upgrade eslint (#11957) @oliviertassinari
  • [core] Upgrade preval (#11958) @oliviertassinari
  • [core] Use Chrome Headless for the tests over PhantomJS (#11961) @oliviertassinari

Lab

N/A

material-ui -

Published by oliviertassinari over 6 years ago

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

  • [ButtonBase] Fix exception (#11905) @oliviertassinari
  • [NoSSR] Add a fallback property (#11907) @oliviertassinari
  • [Dialog] Add max-height back (#11914) @oliviertassinari
  • [Tooltip] Revert update react-popper (#11920) @oliviertassinari
  • [Select] Fix classes merge issue (#11904) @C-Rodg

Docs

  • [docs] Document jss-nested rule reference feature (#11901) @i8ramin
  • [docs] Correct markdown example from svg icon (#11922) @GabrielDuarteM
  • [docs] TS decorating reword (#11923) @swpease

Core

N/A

Lab

  • [Slider] Add TypeScript definitions (#11747) @epodivilov
material-ui -

Published by oliviertassinari over 6 years ago

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

  • [ClickAwayListener] Add a demo (#11801) @oliviertassinari
  • [Grid] Add support a auto value (#11804) @oliviertassinari
  • [StepButton] Fix IE 11 flexbox (#11814) @paulnta
  • [styles] Re-add default parameter of string for WithStyles (#11808) @pelotom
  • [SwipeableDrawer] Allow custom style (#11805) @Johann-S
  • [ButtonBase] Corrected the type definitions for the TouchRipple classes (#11818) @C-Rodg
  • [RootRef] Updated main index.js to include RootRef export (#11817) @C-Rodg
  • [typography] Add a allVariants key in the theme (#11802) @oliviertassinari
  • [ButtonBase] Add a disableTouchRipple property (#11820) @oliviertassinari
  • [Tabs] Fix calculating tab indicator position (#11825) @ljani
  • [Tabs] Fix IE11 support (#11832) @oliviertassinari
  • [withWidth] Reading initialWidth from the theme (#11831) @kleyson
  • [Tabs] Add support for a component property (#11844) @C-Rodg
  • [ListItemText] Detect and avoid re-wrapping Typography (#11849) @jedwards1211
  • [ListItemText] Add primaryTypographyProps and secondaryTypographyProps (#11858) @jedwards1211
  • [Tooltip] Update react-popper (#11862) @oliviertassinari
  • [TableCell] Fix property name (#11870) @marutanm
  • [Modal] Fix removeEventListener (#11875) @DominikSerafin
  • [CircularProgress] Fix wobble (#11886) @oliviertassinari
  • [CircularProgress] End of line shape: use butt (#11888) @Modestas
  • [Select] Fix reflow in render (#11891) @oliviertassinari

Docs

  • [docs] Add structured data (#11798) @oliviertassinari
  • [docs] Add a link to a CSS-in-JS egghead.io course (98168a2c749d8da2376d6a997145e3622df71bff) @kof
  • [Table] Derive sorted rows from state at render time in demo (#11828) @charlax
  • [docs] Document the dynamic override alternatives (#11782) @adeelibr
  • [docs] Add a Select required example (#11838) @oliviertassinari
  • [docs] Better class names conflict FAQ (#11846) @oliviertassinari
  • [docs] Add a link toward dx-react-chart-material-ui (#11859) @Krijovnick
  • [docs] Fix the Gatsby example (d7fe8c79dc097105fd1c6035b76a4d30666e9080) @oliviertassinari
  • [docs] Update npm downloads badge to point to @material-ui/core (#11590) @davidcalhoun
  • [examples] Add Server Rendering implementation (#11880) @oliviertassinari
  • [docs] Update react-swipeable-views to fix a warning (#11890) @oliviertassinari

Core

  • [core] Misc (#11797) @oliviertassinari
  • [core] Better component prop types (#11863) @jedwards1211
  • [core] Remove some unneeded code (#11873) @oliviertassinari
  • [core] Fix the UMD release (#11878) @oliviertassinari
  • [core] Document the non supported children properties (#11879) @oliviertassinari

Labs

N/A

material-ui -

Published by oliviertassinari over 6 years ago

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

  • [Select] Add a placeholder demo (#11706) @oliviertassinari
  • [RootRef] Update RootRef.d.ts (#11708) @franklixuefei
  • [ButtonBase] Document the type property (#11728) @C-Rodg
  • [Popover] Fix default value (#11729) @oliviertassinari
  • [withWidth] Second iteration on the component (#11730) @oliviertassinari
  • [transition] Fix IE11 issue in dev mode (#11743) @adeelibr
  • [Tabs] Better flex layout (#11748) @adeelibr
  • [core] Add React.createRef support (#11757) @t49tran
  • [Grid] Improve the dev warnings (#11765) @oliviertassinari
  • [CircularProgress] Fix centering (#11781) @adeelibr
  • [TextField] Bind the focus/blur explicitly (#11789) @oliviertassinari
  • [RadioGroup] Fix onChange chaining (#11793) @oliviertassinari

Docs

  • [docs] Property !== attribute (#11694) @adeelibr
  • [docs] Add Trafikito.com to showcase (#11716) @liesislukas
  • [docs] Update meetingku image (#11724) @liganok
  • [docs] Improve docs:dev init by ~2 s and HMR by ~200 ms (#11752) @tal952
  • [docs] Change app bar to button on the getting started (#11756) @Simperfit
  • [docs] Add React Most Wanted to related projects (#11753) @TarikHuber
  • [docs] Error in example in Migration From v0.x Guide (#11771) @AkselsLedins
  • [docs] Simple Grammar Fix (#11785) @jeff-kilbride
  • [docs] Fix typo (#11787) @BenDiuguid
  • [docs] Better troubleshooting action for the hydration mismatch (#11792) @oliviertassinari

Core

  • [core] Remove parser specification to fix JSON issue (#11763) @ryanpcmcquen
  • [core] Throw if react >= 16.3.0 requirement isn't matched (#11779) @oliviertassinari
  • [core] Better warnings for class names duplicates (#11788) @oliviertassinari
  • [core] Remove dead code (#11791) @oliviertassinari

Labs

  • [Slider] Fix for IE11 (#11727) @epodivilov
  • [Slider] Value can still be updated while disabled (#11744) @epodivilov
material-ui -

Published by oliviertassinari over 6 years ago

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

  • [Snackbar] Add customization example (#11597) @mbrn
  • [Menu] Fix a regression on Edge (#11614) @oliviertassinari
  • [TextField] Replace underline content text with nbsp (#11617) @Jdubedition
  • [TextField] Fix grammar for docs (#11633) @RobBednark
  • [ListItem] Fix typings for ListItem (#11645) @franklixuefei
  • [Button] Add text and contained variants (#11497) @mbrookes
  • [Chip] Add clickable property (#11613) @vilvaathibanpb
  • [Popover] Add timeout prop to TransitionComponent (#11657) @C-Rodg
  • [styles] Better class name conflict warning (#11685) @oliviertassinari
  • [Grid] Better support for theme.props (#11688) @oliviertassinari
  • [ListItemText] Fix primary={0} display (#11686) @helfi92
  • [SwipeableDrawer] Fix a regression introduced in React 16.4.0 (#11689) @oliviertassinari
  • [RootRef] Allow using React.createRef api with RootRef component (#11681) @TrySound

Docs

  • [docs] Better API spread section (#11598) @oliviertassinari
  • [docs] Update Wertarbyte components link (#11603) @leMaik
  • [docs] Add a changelog page (#11604) @oliviertassinari
  • [docs] Keep the current version into account (#11595) @oliviertassinari
  • [ROADMAP] Update the roadmap (#11606) @oliviertassinari
  • [example] Fix missing brackets typescript (#11623) @Ilaiwi
  • [docs] Update overrides.md (#11630) @risafletcher
  • [docs] Styled API Example (5 lines) (#11620) @mssngr
  • [docs] Mention view port size in SVGIcon documentation (#11639) @JesusCrow
  • [docs] Update README for codemod (#11647) @sacdallago
  • [docs] Update link to flow-typed definitions (#11674) @jessrosenfield
  • [docs] Minor grammitcal error (#11691) @NeuTrix

Core

  • [typescript] Depend directly on CSSType (#11608) @pelotom
  • [core] Upgrade dependencies (#11616) @oliviertassinari
  • [typescript] createStyles and improved WithStyles helpers (#11609) @pelotom
  • [core] Add cross-env back (#11638) @lookfirst
  • [typescript] Fix keyof for [email protected] (#11669) @mctep
  • [core] Some fixes looking into issues (#11676) @oliviertassinari
  • [core] Upgrade dependencies (#11684) @oliviertassinari

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
material-ui -

Published by oliviertassinari over 6 years ago

May 26, 2018

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

Here are some highlights ✨:

  • A smaller bundle, saved 5 kB gzipped (#11511, #11492, #11521, #11523) @TrySound.
  • A new Slider component in the lab (#11040) @epodivilov.
  • And many more bug fixes and documentation improvements.

Breaking change

N/A

Component Fixes / Enhancements

  • [ListSubheader] Fix demo import path (#11468) @Hocdoc
  • [Backdrop] Fix export paths (#11481) @brandonhall
  • [ListItem] Take the focusVisibleClassName property into account (#11451) @rdemirov
  • [Grid] Allow shrink in items so text will wrap by default (#11411) @ShaneMcX
  • [StepLabel] Allow StepIcon customization (#11446) @jargot
  • [StepConnector] Exposes the component (#11478) @racingrebel
  • [Tabs] Fix TabIndicatorProps merge (#11494) @adeelibr
  • [ButtonBase] Fix React propTypes buttonRef warning (#11519) @t49tran
  • [ListItemText] Shouldn't be a heading by default (#11544) @adeelibr
  • [GridListTileBar] Add missing title and subtitle keys (#11570) @ljani
  • [TableCell] Fix padding for last TableCell if checkbox (#11568) @gfpacheco
  • [Button][ButtonBase] Take advantage of defaultProps for component prop (#11574) @cherniavskii
  • [StepConnector] Add to default export from @material-ui/core (#11583) @OsipovIgor
  • [ButtonBase] Improve enter & space handling (#11585) @TheBear44

Docs

  • [examples] Fix imports for Dialog (#11469) @sboles
  • [docs] Add v0 subdirectory redirects (#11470) @mbrookes
  • [docs] Remove trailing slash on progress-indicators link (#11473) @srt32
  • [docs] Add HSTS header (#11475) @mbrookes
  • [docs] Add missing word to documentation (#11476) @Skn0tt
  • [docs] Specify correct corner to locate directional toggle (#11479) @jacquesporveau
  • [examples] Fix create-react-app-with-jss theme object (#11485) @Dror88
  • [docs] Add Snippets Chrome extension to showcase (#11487) @richardscarrott
  • [docs] Fix hyphen for iOS (#11490) @mbrookes
  • [docs] Prevent content-type: application/octet-stream (#11501) @oliviertassinari
  • [docs] Add Customized Switches section (#11505) @mbrookes
  • [docs] Remove Firebase config file & deploy script (#11516) @mbrookes
  • [docs] Pull versions from github API (#11522) @mbrookes
  • [docs] Removed references to Grid's hidden property (#11529) @lfalke
  • [docs] Remove background grid from Typography variants demo (#11562) @mbrookes
  • [docs] Finish incomplete list-item-text.md documentation (#11559) @codeheroics
  • [docs] Add outlined buttons to ButtonSizes demo (#11509) @mbrookes
  • [docs] Add a Troubleshooting section for SSR (#11579) @oliviertassinari
  • [docs] Fix a little typo in typescript docs (#11580) @saculbr
  • [docs] Add react-admin to related projects (#11582) @fzaninotto
  • [docs] Update the showcase (#11578) @mbrookes

Core

  • [typescript] Make TypographyStyle assignable to CSSProperties, misc other typing fixes (#11456) @pelotom
  • [core] Cut the head of the snake 🐍 (#11477) @oliviertassinari
  • [core] Add esm bundle to start tracking treeshakability (#11489) @TrySound
  • [core] More aggressive transpilation (#11492) @oliviertassinari
  • [core] Enable loose mode for staged featues (#11511) @TrySound
  • [core] Simplify the babel docs config (#11514) @oliviertassinari
  • [core] Remove lodash 💃 (#11521) @oliviertassinari
  • [core] Internalize ScrollbarSize (#11523) @oliviertassinari
  • [typescript] Add sample with return types (#11512) @yacut

Labs

  • [SpeedDial] Clean up SpeedDialIcon transition (#11513) @mbrookes
  • [Slider] Port component (#11040) @epodivilov
material-ui -

Published by oliviertassinari over 6 years ago

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
  • 2,390 commits
  • From 0 downloads/month to 300k downloads/month
  • From 0 users/month to 90k users/month

The blog post.

material-ui -

Published by oliviertassinari over 6 years ago

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

  • [codemod] Revert the codemod inception on the tests (#11376) @oliviertassinari
  • [typescript] Fix DialogContent export (#11378) @ljvanschie
  • [Dialog] Fix content export (#11393) @stefensuhat
  • [icons] Remove deadcode (#11400) @oliviertassinari
  • [NativeSelect] New component (#11364) @oliviertassinari
  • [Popover] Fix max height issue in some mobile browsers (#11349) @gaborcs

Docs

  • [docs] Update notifications for v1.0.0-rc.0 (#11351) @simsim0709
  • [Snackbar] Fix transition directions demo (#11391) @serendipity1004
  • [docs] Remove react@15 message (#11399) @deltaskelta
  • [docs] Better netlify cache control (#11404) @oliviertassinari

Core

  • [core] Do not include polyfills in the ES modules build (#11358) @goto-bus-stop
  • [core] Workaround a Babel regression (#11398) @oliviertassinari
  • [core] Fix size-limit for the new Next path (#11401) @oliviertassinari
  • [core] Require node >=8.0.0 to work on the project (#11407) @netdeamon
  • [core] Bundle UMD with rollup (#11360) @TrySound
material-ui -

Published by oliviertassinari over 6 years ago

May 13, 2018

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

Component Fixes / Enhancements

  • [Tabs] Add support for inline style override for parent container of InkBar (#9598) @PharaohMaster
  • Popover does not listen to events unless it is open at the moment (#9482) @romanzenka
  • [EnhancedButton] Fix onClick event being fired twice on "Enter Key" press (#9439) @karaggeorge
  • [Slider] Fix handle case where ref is null (#10006) @jony89
  • [RaisedButton] Conditionally apply overlay backgroundColor (#9811) @walwoodr
  • [Snackbar] Static properties for reason string constants (#10300) @RavenHursT
  • [TextField] Fix caret position issue (#10214) @MaratFaskhiev
  • Add sideEffects: false for webpack 4 (#11167) @matthoffner

Docs

  • [docs] Adding smpl to showcase (#9386) @Bonitis
  • [docs] Remove HEAD in versions list (#9391) @HZooly
  • Add Governance Document (#9423) @hai-cea
  • [docs] Add v1 recommendation to home page (#9727) @mbrookes
  • [docs] Remove BrainBOK from showcase (#11292) @brainbok
material-ui -

Published by oliviertassinari over 6 years ago

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

  • [core] Move material-ui to @material-ui/core (#11310) @oliviertassinari
-import { withStyles } from 'material-ui/styles';
+import { withStyles } from '@material-ui/core/styles';
  • [core] Flatten the import path (#11330) @oliviertassinari

Motivation

  1. It's a simple pattern to learn. People won't need to go back and forth with the documentation to learn the import paths 💭.
  2. People 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 :).

  • [core] Require React 16.3.0 or greater (#11347, #11361) @oliviertassinari
  • [Grid] Remove the hidden property (#11348) @oliviertassinari

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

  • [CircularProgress] Add transition for static variant (#11313) @oliviertassinari
  • [createTypography] Add primary text color to 'button' typography variant (#11322) @ValentineStone
  • [styles] Fix typings for FontStyle (#11326) @vkentta
  • [Grid] Add 32px gutter to grid spacing (#11338) @abnersajr
  • [Button] Add outlined variant (#11346) @leMaik

Docs

  • [docs] v0 redirect (#11303) @mbrookes
  • [docs] Add a new premium-theme (#11300) @oliviertassinari
  • [docs] Prepare the v1 release (#11317) @oliviertassinari
  • [docs] Add HIJUP.com to the showcase site (#11328) @fikriauliya
  • [docs] Update material.io URLs (#11334) @mbrookes
  • [docs] Make the button examples consistent (#11352) @mbrookes
  • [docs] Eradicate 'Useful to' (#11353) @mbrookes
  • [docs] Move v1-beta to master (#11354) @oliviertassinari
  • [docs] Install with yarn (#11357) @Xakher

Core

  • [typescript] Add CreateMuiTheme props Typescript definition (#11296) @abnersajr
  • [typescript] Fix color type in augmentColor function (#11302) @AiusDa
  • Make WithStylesOptions extend the options argument of createStyleSheet (#11325) @pelotom
  • [core] Update the dev dependencies (#11355) @oliviertassinari
material-ui -

Published by oliviertassinari over 6 years ago

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

  • [typescript] Fix withStyles edge cases (#11280) @pelotom

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

Component Fixes / Enhancements

  • [withStyles] Support createRef() (#11293) @rolandjitsu
  • [InputLabel] Remove the width style property (#11297) @C-Rodg

Docs

N/A

Core

  • [core] Add @babel/runtime as a dependency (#11298) @oliviertassinari
material-ui -

Published by oliviertassinari over 6 years ago

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

  • [Table] Add table-footer-group CSS (#11264) @t49tran
  • [ButtonBase] Add a focusVisible action (#9712) @tkvw
  • [ButtonBase] Better performance (#11277) @oliviertassinari
  • [Tabs] Add a TabIndicatorProps property (#11254) @adeelibr

Docs

  • [docs] Improve the table examples' accessibility (#11256) @mbrookes
  • [docs] Add Pilcro to showcase apps (#11274) @hugowoodhead

Core

  • [typescript] Fix type definitions for Snackbar and CircularProgress (#11265) @franklixuefei
  • [core] Upgrade Babel 6 to Babel 7 (#10964) @oliviertassinari
  • [core] npm shouldn't be a dependency (#11263) @oliviertassinari
material-ui -

Published by oliviertassinari over 6 years ago

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

  • [core] Standardize the component injection pattern (#11204) @oliviertassinari

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}
  • [Snackbar] Rename SnackbarContentProps (#11203) @oliviertassinari

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' }}
  • [CircularProgress] Remove min & max props (#11211) @mbrookes

Makes the API consistant with LinearProgress

<CircularProgress
- min={10}
- max={20}
- value={15}
+ value={(15 - 10) / (20 - 10) * 100}
/>
  • [ButtonBase] Complete the focusVisible rename (#11188) @oliviertassinari

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

  • [ButtonBase] Update TypeScript to sync with the implementation (#11189) @franklixuefei
  • [styles] Simpler outline reset (#11199) @oliviertassinari
  • [Transition] Add a TransitionProps (#11201) @oliviertassinari
  • [TablePagination] Allow the MenuItem customization (#11200) @oliviertassinari
  • [ListItemIcon] Take advantage of CSS inheritance (#11206) @xiaoyu-tamu
  • [StepButton] Allow null to be assigned to icon prop (#11221) @franklixuefei
  • [TextField] Increase shrunk label width to match 100% input width (#11215) @pandaiolo
  • [Select] Add IconComponent property (#11136) @sepehr1313
  • [withStyles] Memoization the classes property (#11202) @CharlesStover
  • [NProgress] Better RTL support and closer to YouTube version (#11246) @oliviertassinari
  • [Stepper] Swipeable demo integration (#11241) @Klynger
  • [codemod] Prepare the import path breaking change (#11249) @oliviertassinari
  • [codemod] Support the private and direct imports (#11253) @oliviertassinari
  • [Table] Fix Typescript classes support (#11255) @t49tran

Docs

  • [docs] Fix typo in comparison.md (#11185) @morleytatro
  • [docs] Fix dark theme display (#11194) @oliviertassinari
  • [example] Revert wrong change (#11195) @oliviertassinari
  • [docs] Improve server-rendering, replace render by hydrate (#11210) @Mystraht
  • [docs] Update notification (#11213) @simsim0709
  • [docs] Clarify the difference with enzyme (#11228) @oliviertassinari
  • [docs] Add a note on the override of internal states (#11227) @oliviertassinari
  • [docs] Misc fixes (#11239) @mbrookes
  • [docs] Document the theme.props feature (#11245) @oliviertassinari
  • [docs] Speedup a bit the homepage (#11248) @oliviertassinari

Core

  • [test] Fix the CI (#11187) @oliviertassinari
  • [core] Update dependencies (#11240) @oliviertassinari
material-ui -

Published by oliviertassinari over 6 years ago

Apr 29, 2018

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

Breaking change

  • [CardMedia] Escape background image url (#11126) @Bennit

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

  • [SwipeableDrawer] Prevent interaction with the drawer content if not opened (#11091) @leMaik
  • [Icon] Prevent shrinking when inside a flex container (#11097) @ValentinH
  • [Grid] Fix TypeScript definitions of class keys (#11102) @nmchaves
  • [Portal] Revert "Global option to disable the portal" (#11116) @oliviertassinari
  • [ButtonBase] Simpler global focus visible style override (#11130) @oliviertassinari
  • [Modal] Prevent IE11 from crashing on modal close (#11115) @JonAbrams
  • [Input] Fix infinite rendering loop (#11159) @oliviertassinari
  • [lab] Fix the tests (#11160) @oliviertassinari
  • [Snackbar] Add a consecutive demo (#11111) @simoami
  • [Tabs] Better Ant Design demo (#11095) @theiliad
  • [Popover] Improve the demos (#11175) @oliviertassinari

Docs

  • [docs] Add npm-registry-browser into showcase (#11114) @topheman
  • [docs] Fix the flow example (#11118) @prastut
  • [docs] Add showcase for Local Insights (#11131) @hrdymchl
  • [docs] Add iOS momentum scrolling (#11140) @cherniavskii
  • [docs] Add a CSS modules example (#11171) @oliviertassinari
  • [docs] Fix typo in themes.md (#11149) @zhuangya
  • [docs] Make sure next@6 is working (#11168) @oliviertassinari
  • [docs] Correct spelling error in FormDialog.js example (#11176) @weldon0405

Core

  • [core] Reduce the size of the npm package (#11144) @oliviertassinari
  • [typescript] allow pseudos on any theme mixins (#11145) @rosskevin
  • [core] Upgrade dev dependencies (#11146) @oliviertassinari
  • [styles] Fix constraint on withStyles P parameter to allow StyledComponentProps (#11156) @pelotom
material-ui -

Published by oliviertassinari over 6 years ago

Apr 22, 2018

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

Here are some highlights ✨:

  • A better keyboard focused customization story (#11090) @oliviertassinari
  • Various TypeScript fixes

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

  • [typescript] Constrain props type param appropriately in withStyles, withTheme, withWidth HOCs (#11003) @estaub
  • [typescript] make Select's onChange prop optional (#11041) @nmchaves
  • [Table] Remove overflow (#11062) @oliviertassinari
  • [TablePagination] Allow the override of the action buttons (#11058) @lukePeavey
  • [Popover] Add option to disable Menu auto positioning (#11050) @nicoffee
  • [Input] Allow div props on InputAdornment in TypeScript (#11077) @mtandersson
  • [Dialog] Fix iOS momentum scroll (#11066) @greenwombat
  • [Portal] Global option to disable the portal (#11086) @oliviertassinari
  • [ExpansionPanel] Fix display on IE11 and Edge (#11087) @oliviertassinari
  • [CardActions] Fix CSS override (#11092) @oliviertassinari

Docs

  • [docs] Fix broken link (#11042) @imrobinized
  • [CONTRIBUTING] Update the docs (#11078) @oliviertassinari

Core

  • [core] Better distinction between the private and public components (#11051) @oliviertassinari
  • [core] Upgrade dev dependencies (#11096) @oliviertassinari
material-ui -

Published by oliviertassinari over 6 years ago

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

  • [styles] Change the CSS specificity (#10961) @oliviertassinari

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

  • [lab] No side effect (7c379fa7ba4ed2a3eb8abc841a9a4376014b6145) @oliviertassinari
  • [Card] Hide overflow to maintain round corners with CardMedia (#10946) @mbrookes
  • [ButtonBase] More robust button keyboard accessibility (#10965) @oliviertassinari
  • [Tooltip] Remove title from chldrenProps (#10977) @mbrookes
  • [theme] Expose augmentColor for colors outside the palette (#10985) @AiusDa
  • [Select] Update onChange props definition to match with SelectInput (#11012) @t49tran
  • [lab] Bump version for @material-ui/icons dependency (#10992) @mbrookes
  • [Drawer] Improve the "Mini variant drawer" demo (#11010) @andriyor
  • [Step] Remove private modules from the export (#11020) @oliviertassinari
  • [Grid] Update propTypes to accept false (#11022) @oliviertassinari
  • [Chip] only transition the CSS properties we need (#11023) @oliviertassinari
  • [CssBaseline] Add key to theme overrides type definition (#11025) @roosmaa
  • [Tabs] Add a customization demo (#10999) @cherniavskii
  • [theme] Use a single theme variable for the hover effects of Button, IconButton and ListItem (#10952) @SebastianSchmidt
  • [Dialog] Fix BackdropProps propagation (#11029) @sepehr1313
  • [ButtonBase] Fix wrong touchMove wiring (#11026) @mbrookes
  • [SwipeableDrawer] Simplify isSwiping logic (#11032) @leMaik
  • [SwipeableDrawer] Add a blocking div to the edge of the screen (#11031) @leMaik

Docs

  • [docs] Fix typo (#10990) @jleeohsu
  • [docs] Better private/public API description (#11024) @oliviertassinari
  • [Collapse] Fix typo in comment (#11035) @mknet

Core

  • [core] Add fallback to ownerWindow (#10978) @richardscarrott
  • [typescript] Remove unnecessary Partial<> for style prop (#10994) @franklixuefei
  • [core] Export all the style modules (#11021) @oliviertassinari
  • [typescript] Upgrade types, use string index fallback for CSSProperties to allow nested pseudos (#11007) @pelotom
  • [core] Upgrade the dependencies (#11030) @oliviertassinari
  • [core] Move to the packages structure (#11033) @oliviertassinari
material-ui -

Published by oliviertassinari over 6 years ago

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

  • Move the icon package from material-ui-icons to @material-ui/icons (#10957) @oliviertassinari
-import FormatTextdirectionRToL from 'material-ui-icons/FormatTextdirectionRToL';
+import FormatTextdirectionRToL from '@material-ui/icons/FormatTextdirectionRToL';

Component Fixes / Enhancements

  • [icons] Reduce code duplication (#10902) @cherniavskii
  • [icons] Check if global is defined before trying to use it (#10933) @joliss
  • [Table] Fix EnhancedTable example to not scroll TablePagination (#10878) @mbrookes
  • [Zoom] Export Zoom in the TypeScript definitions (#10897) @Klynger
  • [IconButton] Add hover effect to IconButton (#10871) @SebastianSchmidt
  • [TextField] Add an icon example (#10899) @oliviertassinari
  • [SwipeableDrawer] Disable swiping on iOS by default (#10877) @leMaik
  • [SwipeableDrawer] Fix crash when swiping during an update (#10906) @leMaik
  • [ListItemText] Fix invalid ListItemText 'children' proptype (#10948) @kendallroth
  • [BottomNavigationAction] Use default childIndex value only if value undefined (#10937) @peterbartos
  • [styles] Add a warning to prevent a memory leak (#10953) @oliviertassinari
  • [Select] Fix width update (#10956) @oliviertassinari

Docs

  • [docs] Add hideHeader option to Demo component (#10887) @mbrookes
  • [docs] Document the /es folder (#10888) @oliviertassinari
  • [docs] More transparent exportPathMap method (#10894) @oliviertassinari
  • [docs] Dodge issue with hoist-non-react-statics (#10896) @oliviertassinari
  • [docs] Add missing apostrophe (#10911) @davidgilbertson
  • [docs] Improve the search experience (#10905) @oliviertassinari
  • [docs] Improve the layout for premium themes (#10901) @mbrookes
  • [docs] Fix example in TypeScript docs (#10924) @piotros
  • [docs] Atomic state update in the Stepper demo (#10936) @iceveda06
  • [docs] Add versions page (#10883) @mbrookes
  • [docs] Fix npm urls (#10949) @sujeetkrjaiswal
  • [docs] Add "Do I have to use JSS?" to FAQ (#10954) @mbrookes

Core

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