material-ui | Next Ecosystem Directory

material-ui -

Published by oliviertassinari over 5 years ago

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/[email protected]`

[Select] Open select when focused with enter (#14452) @oknechirik
[Tooltip] Fix children focus detection (#14496) @codeheroics
[SwipeableDrawer] Ignore open swipe if it didn't start on the swipe area (#15038) @leMaik
[Button] Narrow type for type prop (#15096) @karlbohlmark

Docs

[docs] Fix hooks codesandbox broken (#14553) @Abbo44
[docs] Fix typo in simple breadcrumbs example (#14575) @AndrewUsher
[blog] Material-UI Developer Survey 2019 (#14614) @oliviertassinari
[docs] Change Gitter to Spectrum (#14668) @mbrookes
[docs] Update link to http://cssinjs.org/jss-api/ (#14788) @monicatie
[docs] Add Algolia metadata (#14835) @oliviertassinari
[docs] Improve overrides.md wording (#14403) @i0
[docs] Grammar fix (#14960) @nateq314

Core

N/A

material-ui -

Published by oliviertassinari over 5 years ago

Mar 23, 2019

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

Here are some highlights ✨:

📝 A new ROADMAP (#14923).
📝 Many new TypeScript demos @vitkon, @cojennin, @Dudrie, @rahmatrhd, @jasondashwang.
And many more 🐛 bug fixes and 💄 improvements.

`@material-ui/[email protected]`

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.
People should use event.stopPropagation() if they don't want to trigger a onClose event on the modal.

Changes

[Popover] Correct warning for tall component (#14925) @vitkon
[List] Memoize context value (#14934) @mkermani144
[Typography] Add a custom, self-hosted font demo (#14928) @johnrichter
[RadioGroup] Warn for uncontrolled <-> controlled switch (#14878) @manonthemat
[Slide] Attach ref to child instead of Transition (#14847) @eps1lon
[Grid] Fix zeroMinWidth proptype warning (#14967) @pmacom
[TextField] Reduce the specificity (#14953) @oliviertassinari
[MenuList] Convert to a function component (#14865) @ryancogswell
[Popper] Add ClickAwayListener documentation (#14986) @charlax
[RadioGroup] Convert to a function component (#14964) @joshwooding
[Tab] Enable generic props (#15003) @caroe233
[Tooltip] Make enterTouchDelay match the specification (#15008) @devsumanmdn
[Chip] Support pressing delete to delete a chip (#14978) @keeslinp
[Box] Improve TypeScript definitions (#15024) @pheuter

`@material-ui/[email protected]`

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

Docs

[docs] Remove flow examples as outdated (#14919) @oliviertassinari
[docs] Enable German (#14927) @mbrookes
[docs] Add react-basket to related projects (#14941) @mbrn
[docs] Update the ROADMAP (#14923) @oliviertassinari
[docs] Take advantage of the default theme (#14945) @oliviertassinari
[docs] Improve the styles interpolation documentation (#14940) @oliviertassinari
[docs] Add Avatar TypeScript demos (#14954) @cojennin
[docs] Add PaperSheet TypeScript demo (#14952) @vitkon
[docs] Remove all the .hooks.js files (#14947) @oliviertassinari
[docs] Add Badge TypeScript demo (#14969) @vitkon
[docs] Grammar fix in FAQ (#14974) @rtalvarez
[docs] Document how to nest style selectors (#14957) @cojennin
[docs] BottomNavigation TypeScript docs (#14979) @vitkon
[docs] Add some Card TypeScript demos (#15011) @Dudrie
[docs] Add Badge Typescript demo for Maximum Value (#15013) @rahmatrhd
[docs] Add TypeScript demos for Simple and Spanning Table (#14985) @jasondashwang
[docs] Add note to docs README regarding translations (#15020) @mbrookes
[docs] Content's max width changed for large displays (#15014) @kenzhemir

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

material-ui -

Published by oliviertassinari over 5 years ago

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/[email protected]`

Breaking change

[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

[Grid] Adding missing 'spacing-xs-*' to TypeScript definition (#14859) @scott-martin
[Tabs] Fix an infinite loop (#14664) @caroe233
[NoSsr] Add missing defer prop to TypeScript definition (#14869) @DaleJefferson
[core] Remove dom-helpers dependency (#14877) @oliviertassinari
[TextField] Add typing for theme wide props override (#14879) @C-Rodg
[Autocomplete] Add a downshift variant demo (#14881) @ekoeditaa
[Popover][Popper] Warn when anchorEl is invalid (#13468) @Andarist
[LinearProgress] Improve customization capability (#14882) @giuliogallerini
[Popover] Fix PaperProps classname concat (#14902) @vitkon
[MenuItem] Add buttonRef (and other button props) type (#14772) @VincentLanglet
[TouchRipple] Remove findDOMNode usage (#14825) @eps1lon
[ExpansionPanelSummary] Simplify overrides (#14828) @TroySchmidt
[Popper] Use refs instead of findDOMNode (#14829) @eps1lon
[Tab] Fix alignment when using multiple children (#14844) @HaNdTriX
[TextField] Convert to function component (#14833) @eps1lon
[Table] Fix demo parse rowsPerPage value as an integer (#14848) @SimplyAhmazing

`@material-ui/[email protected]`

[styles] Change material-ui/styles folder structure (#14868) @VincentLanglet
[styles] Add WithThemeCreator typing (#14856) @VincentLanglet
[styles] Add types for defaultTheme option in makeStyles (#14862) @vitkon
[styles] Make CSSProperties public (#14802) @VincentLanglet

`@material-ui/[email protected]`

[Slider] Fix possible touchstart leak (#14837) @eps1lon

Docs

[docs] Prepare full TypeScript demos (#14896) @eps1lon
[docs] Improve documentation for new component + ref behavior (#14883) @eps1lon
[docs] Add perf section to ExpansionPanel (#14903) @eps1lon
[docs] Simplify the /examples (#14822) @oliviertassinari
[docs] Add ssr-next example (#14823) @oliviertassinari
[docs] Add missing breaking changes from #14795 (#14824) @eps1lon
[docs] Minor fixes to system demos (#14831) @jo shwooding
Complete the i18n support for the documentation] Enable the i18n search (#14838) @oliviertassinari
[docs] Fix babel generator extra line (#14849) @VincentLanglet
[docs] Remove unnecessary findDOMNode usage (#14836) @eps1lon

Core

[core] Only import from top or 2nd level (#14888) @eps1lon
[test] Leaner eslint config (#14901) @eps1lon
[core] Upgrade the dev dependencies (#14911) @oliviertassinari
[core] Stop using @types/jss (#14852) @VincentLanglet
[core] Babel plugin unwrap createStyles now handle material-ui/styles package (#14850) @VincentLanglet
[test] Fix unwrapCreateStyles tests for windows (#14832) @ryancogswell

material-ui -

Published by oliviertassinari over 5 years ago

Mar 10, 2019

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

Here are some highlights ✨:

⚛️ Increase the usage of React.forwardRef() (#14714, #14737, #14738, #14775) @eps1lon.
💅 Remove the old styles modules (#14767) @oliviertassinari.
📝 Migrate many demos to use the hooks API (#14805) @adeelibr.
And many more 🐛 bug fixes and 📝 documentation improvements.

`@material-ui/[email protected]`

Breaking change

[useMediaQuery] Remove unstable prefix (#14593)

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

[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

[Tabs] Forward refs (#14714) @eps1lon
[TextField] New filled variant override example (#14725) @oliviertassinari
[FilledInput] Simplify border overrides (#14719) @C-Rodg
[CssBaseline] Apply body2 styling to the body element (#14729) @joshwooding
[IconButton] Add a size prop (#14649) @leMaik
[Popover] Forward refs (#14737) @eps1lon
[Modal] Forward refs (#14738) @eps1lon
[createSpacing] Narrow return type (#14745) @eps1lon
[Chip] Correct Chip Typescript Definition Class Keys (#14750) @cvanem
[MenuList] Remove focus method and test dependencies on instance methods (#14757) @ryancogswell
[Dialog] Forward refs (#14775) @eps1lon
[IconButton] Implement a new edge prop (#14758) @jedwards1211
[Dialog] Add a dividers boolean prop (#14795) @oliviertassinari

`@material-ui/[email protected]`

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

[styles] Improve ref forwarding (#13676) @eps1lon
[styles] Use hoist-non-react-statics (#14722) @oliviertassinari

`@material-ui/[email protected]`

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

Docs

[docs] Fix Drawer demos accessibility (#14728) @tiagodreis
[docs] Add "Portals" to the styled components documentation (#14720) @C-Rodg
[docs] Specify PaletteIntention syntax (#14727) @ozydingo
[docs] Add button demos in ts (#14739) @eps1lon
[docs] Document the migration from v3 to v4 (#14741) @oliviertassinari
[docs] before() is Mocha; beforeEach() is Jest (#14743) @masaok
[docs] Fix IE 11 build (#14781) @oliviertassinari
[docs] Kill as many non hook demos as possible (#14805) @oliviertassinari
[docs] Prepare Google & Algolia i18n search + v3/v4 search (#14806) @oliviertassinari
[docs] Speed-up pull requests build (#14811) @oliviertassinari

Core

[test] Ignore the image load issue (#14723) @oliviertassinari
[icons] Fix builder failing on Windows (#14726) @joshwooding
[ci] Don't use -browser images (#14779) @eps1lon
[test] Increase the Codecov threshold (#14796) @oliviertassinari
[test] Disable the user sandbox security feature (#14804) @oliviertassinari
[core] Use hoist-non-react-statics (#14722) @oliviertassinari

material-ui -

Published by oliviertassinari over 5 years ago

Mar 3, 2019

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

Here are some highlights ✨:

Keep working on accessibility (#14465, #14545, #14661) @eps1lon, @oliviertassinari.
Add the Table dense support (#14561) @leMaik.
Change the bundle size tracking strategy (copy React) (#14587) @eps1lon.
Introduce a new Container component & new full layout demos (#14499) @oliviertassinari.
Start removing the need for findDOMNode() (#14536) @eps1lon.
And many more 🐛 bug fixes and 📝 documentation improvements.

`@material-ui/[email protected]`

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

[core] Improve a11y for Collapse, ExpansionPanel and Grow (#14598) @eps1lon
[Transitions] Increase minimal version of react-transition-group to 2.5.3 (#14612) @wilcoschoneveld
[ExpansionPanelSummary] Update docs (#14606) @ifndefdeadmau5
[ExpansionPanel] Add TransitionComponent prop (#14617) @ptbrowne
[Link] Color property is defined with a wrong type (#14631) @akellan
[Tooltip] Improve legibility (#14651) @leMaik
[Tabs] Fix variant missing in Tabs.d.ts (#14659) @Deturium
[Autocomplete] Improve demo (#14657) @tjmcewan
[Dialog] Support for print (#14660) @emildatcu
[TableSortLabel] Increase size and show on hover (#14650) @leMaik
[Modal] Fix autoFocus support (#14661) @oliviertassinari
[InputLabel] display: block as default (#14676) @johnloven
[InputBase] Add missing TypeScript class keys (#14684) @dmtrKovalenko
[ListItem] Fix listItem focus (#14680) @xs9627
[ExpansionPanel] Improve a11y (#14682) @eps1lon

`@material-ui/[email protected]`

[styles] Fix the theme update support (#14697) @oliviertassinari

`@material-ui/[email protected]`

[Slider] Pass current value to onDragStart/onDragEnd callback (#14475) @rejas
[Slider] Fix thumb creating scroll overflow (#14689) @xaviergonz
[Layout] New Container component (#14499) @oliviertassinari
[Container] Fix two exceptions (#14715) @oliviertassinari

`@material-ui/[email protected]`

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

Docs

[MobileStepper] Remove unused classname in example (#14597) @charlax
[docs] Update the Team (#14613) @oliviertassinari
[docs] Solve Firefox middle click issue (#14623) @paol
[docs] Update ScrollDialog Demo for 4k (#14622) @AndrewUsher
[docs] Fix broken hash link in css-in-js (#14633) @furkle
[docs] Improve demo source discoverability (#14635) @eps1lon
[docs] Improve Grid limitations description (#14637) @ryancogswell
[docs] Fix minor issues with demo action tooltips (#14652) @eps1lon
[docs] Upgrade react-docgen (#14666) @eps1lon
[docs] Update bundle size strategy (#14662) @eps1lon
[docs] Minor next adjustments (#14679) @eps1lon
[docs] A grammar modification suggestion (#14671) @mataxxx5
[docs] Link the mui-tables project in the documentation (#14701) @parkerself22
[docs] Generate unique hash (#14703) @oliviertassinari
[docs] Add simple list typescript demo (#14485) @eps1lon
[docs] Fix wrong source code URLs (#14716) @oliviertassinari

Core

[core] Fix webstorm autocompletion (#14599) @eps1lon
[ci] Use dangerJS to report bundle size changes (#14587) @eps1lon
[ci] Various size snapshot enhancements (#14620) @eps1lon
[core] Solve Babel dependency issue (#14621) @AndrewUsher
[core] Add eslint-plugin-react-hooks (#14629) @eps1lon
[test] Fix size snapshot including peer dependencies (#14636) @eps1lon
[ci] Speedup and cleanup (#14643) @eps1lon
[test] Fix how menu items are found in MenuList integration tests (#14654) @ryancogswell
[core] Add tslint deprecation rule (#14675) @eps1lon
[typescript] Add regression test for popular hoc interop (#14688) @eps1lon
[core] Fix .yarnrc syntax (#14704) @joshwooding
[core] forward innerRef for certain components (#14536) @eps1lon
[core] Use official prop-type cache invalidation (#14699) @eps1lon

material-ui -

Published by oliviertassinari over 5 years ago

Feb 20, 2019

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

Here are some highlights ✨:

Important accessibility fixes (#14465, #14545) @eps1lon, @oliviertassinari
Improve the Gatsby integration (we will continue working on it to get something awesome) (#14552)
Remove the deprecated Typography variants (#14562) @joshwooding
And many more 🐛 bug fixes and 📝 documentation improvements.

`@material-ui/[email protected]`

Breaking change

[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

[typescript] Fix theme.spacing to accept up to 4 arguments (#14539) @toshi1127
[Transition] Fix hidden children appearing in a11y tree (#14465) @eps1lon
[TablePagination] Fix style issue with rpp select (#14547) @antokara
[Modal] Improve the focus logic (#14545) @oliviertassinari

`@material-ui/[email protected]`

Breaking changes

[styles] Change the withTheme API (#14565) @oliviertassinari

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

[styles] Type ThemeProvider and getThemeProps generic (#14489) @igorbt
[styles] 100% test coverage (#14566) @oliviertassinari
[styles] Follow react docs for firstRender flag (#13607) @eps1lon
[styles] Add react-hot-loader support (#14583) @oliviertassinari
[styles] Warn if missing ThemeProvider (#14581) @oliviertassinari

`@material-ui/[email protected]`

[icons] Remove es folder (#14518) @mgansler

Docs

[docs] yarn command to add @material-ui/icons (#14502) @Inambe
[docs] Update CHANGELOG.md (#14516) @saculbr
[examples] Add lib to tsconfig (#14507) @eps1lon
[docs] Enable es, fr, pt & ru (#14537) @oliviertassinari
[docs] Add ts demos for menus, fixes ClickAwayListener onClickAway type (#14535) @eps1lon
[docs] Update the styling of the TOC (#14520) @mbrookes
[docs] Update breakpoints.md for clarity (#14527) @matthewjwhitney
[docs] Fix Horizontal Non-linear Stepper demo (#14551) @SVTerziev
[docs] Update the branch for Crowdin (#14550) @mbrookes
[docs] Fix hooks codesandbox broken (#14553) @Abbo44
[docs] Fix css anchor link (#14554) @umairfarooq44
[examples] Improve the Gastby integration (#14552) @oliviertassinari
[docs] Add examples of global class names (#14563) @n-batalha
[docs] Change Gitter to Spectrum (#14558) @mbrookes
[docs] Add sections about translation contributions (#14571) @eps1lon
[docs] Localize the table of contents (#14548) @mbrookes

Core

[core] Convert remaining classNames usage (#14506) @eps1lon
[core] Fix Prettier on next branch (#14524) @joshwooding
[core] Fix some peer dependency warnings (#14572) @eps1lon

material-ui -

Published by oliviertassinari over 5 years ago

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.

You can find the documentation following this URL: https://next.material-ui.com/.
You can track our progress following this URL: https://github.com/mui-org/material-ui/milestone/25.

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

Here are some highlights ✨:

Increase React peer dependency to v16.8.0 (#14432) @oliviertassinari
Improve the spacing API (#14099) @ifndefdeadmau5
Improve ES modules tree shake-ability (#13391) @eps1lon
Remove recompose dependency (#14479)
And many more 🐛 bug fixes and 📝 documentation improvements.

`@material-ui/[email protected]`

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

[theme] Make theme.palette.augmentColor() pure (#13899) @ryancogswell

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

[core] Drop official node 6 support (#14379) @eps1lon

Deprecation

theme.spacing.unit usage is deprecated, you can use the new API (#14099) @ifndefdeadmau5:

    [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

[ListItem] Improve phrasing of error message (#14437) @netzwerg
[styles] Replace classnames with clsx (#14152) @TrySound
[Modal] Make children property required (#14444) @erichodges
[Select] Open select when focused with enter (#14452) @oknechirik
[Popper] Add hook API demo (#14464) @oliviertassinari
[Breadcrumbs] Fix wrong aria label property (#14486) @MalignantShadow
[Tooltip] Fix children focus detection (#14496) @codeheroics
[MenuItem] Improve note about using ellipsis (#14371) @charlax
[Tabs] Fix scrollbar appearing briefly on scroller (#14384) @ekoeditaa
[Chip] Fix role prop when not clickable (#14365) @pandaiolo
[Box] Add typings (#14397) @eps1lon
[Dialog] Fix inconsistencies with scroll="body" (#14398) @TomiCake
[TextField] Allow overriding default TextField props from the theme (#14252) @janowsiany
[Drawer] Add 'root' to class declaration (#14408) @sowings13
[theme] Improve the state warning (#14412) @oliviertassinari
[InputBase] Provide input adornments with FormControlContext (#14364) @mtidei

`@material-ui/[email protected]`

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

`@material-ui/[email protected]`

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

`@material-ui/[email protected]`

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

`@material-ui/[email protected]`

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

`@material-ui/[email protected]`

Breaking changes

[Breadcrumbs] Move to the core (#14436) @oliviertassinari

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

[ToggleButton] Update styles for Material v2 (#14278) @mbrookes

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

Changes

[core] Increase React peer dependency to v16.8.0 (#14432) @oliviertassinari
[Slider] Fix a11y issues with the handle (#14461) @eps1lon

Docs

[docs] Improve overrides.md wording (#14403) @i0
[docs] Remove unneeded input from select docs (#14443) @eladmotola
[docs] Fix broken font-awesome icons in documentation (#14454) @EndiM
[docs] Reword certain phrases to improve i10n (#14457) @eps1lon
[docs] Fix IE11 crash on demo pages (#14466) @eps1lon
[docs] Add french translation (#14467) @zek0faws
[docs] Standardise compose util usage (#14472) @mbrookes
[docs] Additional tweaks to English l10n strings (#14471) @mbrookes
[examples] Improve the v3/v4 distinction (#14476) @oliviertassinari
[docs] Change interpolation library (#14481) @mbrookes
[docs] Fix showcase (#14494) @oliviertassinari
[docs] New translations (#14501) @mbrookes
[examples] Fix download link in example README (#14372) @clk1006
[docs] Revise the wrapping components guide wording (#14381) @mbrookes
[README] Fix the underscored space on hover, rearrange thanks (#14388) @mbrookes
[docs] Update use-media-query.md (#14389) @edwin32
[docs] Fix the SW cache between updates (#14390) @oliviertassinari
[docs] Add analytics to language notifications (#14402) @mbrookes
[docs] Targeted edit button URL (#14395) @mbrookes
[docs] Remove recompose/compose (#14421) @mbrookes
[docs] Generalize non-markdown I18n (#14413) @mbrookes
[docs] Fix the css-in-js styled section to match currying implementation (#14418) @gutofoletto

Core

[core] Use frozen-lockfile by default (#14433) @eps1lon
[utils] Add support for forwardRef components in getDisplayName (#14429) @eps1lon
[test] Back to 100% test coverage (#14458, #14460) @oliviertassinari
[core] Upgrade the dev dependencies (#14463, #14385) @oliviertassinari
[core] Prepare next versions (#14473) @oliviertassinari
[typescript] Enable generic props for certain components (#13868) @pelotom
[core] Remove recompose (#14479) @oliviertassinari
[typescript] Add type test for style lib interopability (#14482) @eps1lon
[core] Upgrade to Next.js 8 (#14493)
[core] Improve tree-shakeability (#13391) @eps1lon
[core] Use common copy-files script (#14406) @eps1lon
[core] Enable innerRef on ListItem and MenuItem (#14423) @eps1lon
[core] Remove typings for /es build (#14422) @eps1lon
[core] Enable innerRef on Backdrop, List, MenuList and Paper (#13722) @eps1lon

material-ui -

Published by joshwooding over 5 years ago

Feb 03, 2019

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

Here are some highlights ✨:

⚛️ Add a new Breadcrumb component to the lab (#14084) @simoami @mbrookes
https://material-ui.com/lab/breadcrumbs
📝 AppBar and Textfield demos in TypeScript (#13229) @eps1lon
📝 Prepare support for 5 new documentation languages
https://translate.material-ui.com/project/material-ui-docs
And many more 🐛 bug fixes and 📝 documentation improvements.

`@material-ui/[email protected]`

[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/[email protected]`

[styles] Export StyleRules as public type #14362 @VincentLanglet

`@material-ui/[email protected]`

[Slider] Added valueReducer prop (#12665) @aseem191
[lab] Add a Breadcrumb component (#14084) @simoami @mbrookes

Docs

[docs] Add CloudHealth to showcase, reorder based on latest pageviews (#14307) @mbrookes
[docs] New translations (#14308) @oliviertassinari
[docs] New Crowdin translations (#14315) @muibot
[docs] Fix i18n logic (#14316) @oliviertassinari
[docs] Translate the key wordings (#14317) @oliviertassinari
[docs] Add sorting to Showcase (#14312) @mbrookes
[docs] Link ignore target blank (807bab8) @oliviertassinari
[docs] Reset Table page number (#14354) @rafaelmarinids
[docs] Explain bootstrap issue for nextjs-hooks (#14353) @avetisk
[docs] Improve wrapping docs (#14351) @eps1lon
[docs] AppBar and Textfield demos in TypeScript (#13229) @eps1lon
[docs] Minor Hook Demo fixes (#14367) @joshwooding
[docs] Enable the i18n help messages (#14356) @oliviertassinari
[docs] Fix SW cache invalidation (242bff9) @oliviertassinari

Core

[README] Add all the products sponsoring open source (#14311) @oliviertassinari
[core] Disable CircleCI on l10n (#14314) @oliviertassinari
[test] Fix CDN test (#14324) @oliviertassinari
[core] Fix innerRef being considered injected with certain HOCs (#14333) @eps1lon
[test] Update test/README.md section (#14355) @Dynogic

material-ui -

Published by oliviertassinari over 5 years ago

Jan 26, 2019

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

Here are some highlights ✨:

🐛 Fix many Dialog issues (#13789, #14240, #14288) @joshwooding, @zharris6
📝 Promote material-ui-pickers (#14277)
🚀 Remove the keycode dependency (#14248)
And many more 🐛 bug fixes and 📝 documentation improvements.

`@material-ui/[email protected]`

[Tooltip] Add example using node (#14182) @Varad25
[Badge] Make badgeContent optional in ts too (#14186) @kLabz
[CircularProgress] Fix animation jumps on indeterminate variant (#14198) @rfbotto
[Textarea] Fix line height visibility issue on SSR (#14197) @rfbotto
[Link] Fix type declaration for props (#14193) @lunaryorn
[useMediaQuery] Synchronize typescript definition with js one (#14214) @sthenault
[MenuList] Add home and end key support (#14212) @dallin-christensen
[InputAdornment] Automatically inherit the variant (#14023) @joshwooding
[Dialog] Add missing PaperComponent property in the definition (#14240) @zharris6
[Dialog] Check target has not changed before closing (#13789) @joshwooding
[TextField] Fix to expose helperText for accessibility (#14266) @mlenser
[Modal] Hide the manager property (#14273) @oliviertassinari
[GridListTileBar] Add missing titleWrap key (#14275) @nroot86vml
[Pickers] Promote material-ui-pickers (#14277) @oliviertassinari
[Select] Add customization demo (#14281) @bemineni
[ExpansionPanel] Fix square support (#14282) @brandonvilla21
[Dialog] Fix scrollbar (#14288) @joshwooding
[LinearProgress] Remove dead bar2Determinate CSS class (#14298) @lmcarreiro
[Select] Help automated UI testing (#14289) @oumaima1234
[MobileStepper] Fix typo CSS API (#14300) @DenrizSusam
[Link] Add ts test and distinguish from react-router link test (#14304) @rosskevin

`@material-ui/[email protected]`

[styles] Better warning message (#14290) @oliviertassinari
[styles] Document the right react-jss version for legacy style modules (#14237) @mrmedicine

`@material-ui/[email protected]`

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

`@material-ui/[email protected]`

[system] Add fractions support (#14209) @oliviertassinari
[system] Better zindex documentation (#14229) @oliviertassinari

Docs

[docs] Update supported components page (#13905) @MidnightDesign
[docs] Fix componentPropType display (#14194) @eps1lon
[docs] Fix fade transition visual bug on codesandbox (#14200) @rfbotto
[docs] Handle missing errors more gracefully (#14210) @oliviertassinari
[docs] Fix grammar in related-projects.md (#14227) @jasonkylefrank
[docs] Add Portuguese translation notification (#14230) @mbrookes
[docs] New Crowdin translations (#14223) @muibot
[docs] Minor fix of selection control labels doc (#14238) @ccesare
[docs] Correct Bethesda.net title in app list (#14242) @sbolel
[docs] Change ponyfill to polyfill in use-media-query.md (#14215) @MathiasKandelborg
[docs] Fix typos on the links for the JSS docs (#14235) @viniciusCamargo
[docs] Improve the performance (#14250) @oliviertassinari
[docs] Notification by locale (#14256) @oliviertassinari
[docs] Add component prop and React Router usage to Typescript guide (#14170) @hedgerh
[docs] Tiny fixes (#14259) @mbrookes
[docs] Better server-side rendering example (#14269) @unalterable
[docs] Add Misheneye to the showcase (#14262) @gdub01

Core

[core] Upgrade the dependencies (#14196) @oliviertassinari
[core] Remove keycode() (#14248) @oliviertassinari
[core] Update the dev dependencies (#14261) @oliviertassinari

material-ui -

Published by oliviertassinari almost 6 years ago

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/[email protected]`

[ButtonBase] Reduce keyup timeout interval to 500ms (#14120) @rfbotto
[InputAdornment] Add disablePointerEvents prop (#14123) @rfbotto
[Chip] Fix wrong font color for default variant with secondary color (#14125) @bjm904
[IconButton] Warn when providing onClick to a child of a button (#14160) @oliviertassinari
[Link] Refinement (#14162) @oliviertassinari
[Modal] Change keydown handling to use synthetic event (#14134) @rfbotto
[Badge] Give Badge dynamic width and other improvements (#14121) @joshwooding

`@material-ui/[email protected]`

[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

[docs] Fix select multiple prop description (#13923) @AkselsLedins
[docs] Reduce by /50 the website traffic (#14122) @oliviertassinari
[docs] Handle the exactProp usage in the API generation (#14130) @tallpants
[docs] Fix minor wording/typo issues (#14142) @eps1lon
[docs] Add gadr.io in the showcase (#14128) @clabbeaf
[docs] Fix deprecated Typography variants warning in demos (#14156) @joshwooding
[docs] Add 5 sites to Showcase, simplify image paths (#14154) @mbrookes
[docs] Add polyfill suggestion to ButtonBase (#14158) @ianschmitz
[docs] Add a new site to showcase (#14163) @ValleyZw
[docs] Update Tooltip info on prop spread (#14165) @e-x-wilson
[docs] Fix typo in click-anyway-listener-zh.md (#14118) @Wu-Qijun
[docs] Update example projects with Material Sense (#14168) @alexanmtz
[docs] Icon name consistency (#14171) @harvey56
[docs] Add notes about next branch (#14151) @eps1lon
[docs] Add Yakaz to homepage, backers & readme (#14180) @mbrookes

Core

[core] Remove unnecessary plugins in .eslintrc (#14161) @WebDeg-Brian
[core] Fix the CDN release (#14172) @oliviertassinari
[core] Remove unnecessary rules in .eslintrc (#14173) @WebDeg-Brian

material-ui -

Published by oliviertassinari almost 6 years ago

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 (#14117) @eps1lon.

`@material-ui/[email protected]`

[InputBase] Fix the InputBaseComponentProps type (#14082) @franklixuefei
[core] Fix jss v10 types being used (#14117) @eps1lon

Docs

[themes] Fix typo on Onepirate Forgot Password page (#14112) @mbrookes
[docs] Fix codesandbox examples with React Hooks (#14116) @asokani

material-ui -

Published by oliviertassinari almost 6 years ago

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/[email protected]`

[TableCell] Add align to the TypeScript definition (#14046) @rfbotto
[withWidth] Add TypeScript definitions for options (#14054) @anthotsang
[Button] Fix vertical alignment of text (#14051) @joshwooding
[Tabs] Update scrollable property description (#14059) @jmcpeak
[Tabs] Add standard variant (#14067) @oliviertassinari
[RadioGroup] Support defaultValue in uncontrolled mode (#14092) @Slessi
[core] Relax @babel/runtime version to ^7.2.0 (#14096) @NMinhNguyen
[MenuList] Wrap focus by default, add disableListWrap (#14100) @dallin-christensen

`@material-ui/[email protected]`

[core] Relax @babel/runtime version to ^7.2.0 (#14096) @NMinhNguyen

`@material-ui/[email protected]`

[core] Relax @babel/runtime version to ^7.2.0 (#14096) @NMinhNguyen

`@material-ui/[email protected]`

[styles] Add a note about the backward compatibility (#14047) @oliviertassinari
[styles] Change dangerouslyUseGlobalCSS to only affect static style sheets (#14089) @joshwooding
[styles] Upgrade JSS to 10.0.0-alpha.7 (#14090) @oliviertassinari
[core] Relax @babel/runtime version to ^7.2.0 (#14096) @NMinhNguyen

`@material-ui/[email protected]`

[core] Relax @babel/runtime version to ^7.2.0 (#14096) @NMinhNguyen

`@material-ui/[email protected]`

[core] Relax @babel/runtime version to ^7.2.0 (#14096) @NMinhNguyen

`@material-ui/[email protected]`

[core] Relax @babel/runtime version to ^7.2.0 (#14096) @NMinhNguyen

Docs

[docs] Fix demo iframe styling in Firefox (#14056) @joshwooding
[docs] CSS to MUI loader documentation updated (#14060) @Kaliyani
[docs] Fix spelling mistake in Premium themes footer (#14071) @nikhilem
[docs] Update showcase with 36 new sites (#14083) @mbrookes
[docs] Update URL for @material-ui/system (#14043) @NMinhNguyen
[docs] Add complementary form building project (#14081) @skirunman
[docs] Update broken link to cssinjs.org in css-in-js (#14080) @valerieernst
[docs] Tweeper theme (#14034) @siriwatknp
[docs] Add Code Typing Tutor to Showcase (#14061) @kulakowka
[docs] Improve the system variant demo (#14091) @oliviertassinari
[docs] Add PhotoUtils to Showcase (#14098) @Maxim-Gurin
[docs] Add GovX to Showcase, move Onepixel (#14094) @mbrookes
[docs] Simplify the color documentation page (#14103) @oliviertassinari
[docs] Correct API typos (#14104) @nitayneeman
[docs] Add Tidelift security link to README (#14108) @mbrookes
[docs] Showcase, reorder based on SimilarWeb Global Rank (#14106) @mbrookes

Core

[core] Fix multiline deprecatedPropType (#14049) @joshwooding
[core] Remove opinionated will-change usage (#14036) @joshwooding
[core] Update benchmark (#14065) @GuillaumeCisco
[test] Use yarn frozen lockfile (#14050) @rosskevin

material-ui -

Published by oliviertassinari almost 6 years ago

Dec 30, 2018

`@material-ui/[email protected]`

Fix utils.chainPropTypes issue

`@material-ui/[email protected]`

Fix utils.chainPropTypes issue

`@material-ui/[email protected]`

Fix utils.chainPropTypes issue

`@material-ui/[email protected]`

Fix utils.chainPropTypes issue

material-ui -

Published by oliviertassinari almost 6 years ago

Dec 30, 2018

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

Here are some highlights ✨:

System package 💎 & Box component 🛠️ https://medium.com/material-ui/introducing-material-ui-design-system-93e921beb8df
Demos 100% powered by React hooks ⚛️ (#13497) @adeelibr
Massive speed-up of the SSR performance 🚀 https://medium.com/material-ui/optimizing-material-ui-server-side-rendering-6f6881da4c63
A new Instagram demo theme 💅 https://material-ui.com/premium-themes/instapaper/
And many more 🐛 bug fixes and 📝 documentation improvements.

`@material-ui/[email protected]`

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

[Fab] Add styles to make size property work with extended property (#13973) @rfbotto
[CardHeader] Change action element to have a fixed right margin (#13992) @inv8der
[SvgIcon] Add createSvgIcon type definition (#13994) @yifei-fu
[ExpansionPanel] Add customized demo (#13998) @rfbotto
[Button] Fix vertical text alignment by reducing padding (#13931) @adipascu
[Card] Update the action spacing to better match the spec (#14005) @oliviertassinari
[LinearProgress] Change height from 5 to 4 pixels (#14009) @almondj
[Modal] Add cross references from Modal docs to other components (#14025) @ryancogswell
[Tabs] Fix infinite loop in the scroll button logic (#14033) @joshwooding
[styles] Fix component animations (#14035) @joshwooding

`@material-ui/[email protected]`

@material-ui/system (#13632) @oliviertassinari
[system] Fix responsivePropType typo (#14011) @eps1lon
[styles] Add defaultTheme option for makeStyles (#14032) @joshwooding

`@material-ui/[email protected]`

[styles] Upgrade JSS to v10-alpha (#14006) @oliviertassinari
[styles] Hash the classnames (#14013) @oliviertassinari
[styles] Fix typescript throwing in makeStyles with no props required (#14019) @eps1lon

Docs

[examples] Add nextjs-hooks-with-typescript (#13981) @virzak
[docs] Theme usage with styled-components (#13999) @oliviertassinari
[docs] Update the emotion documentation (#14001) @oliviertassinari
[docs] Duplicate all the demos with the React Hooks API (#13497) @adeelibr
[docs] Set react-jss version in nextjs example (#14015) @goofiw
[docs] Fix fullWidth deprecation warnings (#14010) @oliviertassinari
[docs] Add note on archived components (#14000) @rudolfolah
[docs] Add Instagram theme (#14007) @siriwatknp
[docs] Removed focus outline on modal demo (#14022) @sebasrodriguez
[styles] Document withStyles defaultTheme option (#14029) @joshwooding
[docs] Update the CodeFund embed script (#14031) @oliviertassinari

Core

[core] Fix running docs:api on Windows and other minor spelling mistakes (#13989) @joshwooding
[core] Sanitize the benchmark (#14012) @oliviertassinari

material-ui -

Published by oliviertassinari almost 6 years ago

Dec 22, 2018

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

Here are some highlights ✨:

⚛️ Introduce a new useMediaQuery hook (#13867) @joshwooding
https://material-ui.com/layout/use-media-query
⛄️ Support uncontrolled RadioGroup mode (#13929) @rfbotto
And many more 🐛 bug fixes and 📝 documentation improvements.

`@material-ui/[email protected]`

[Slide] Remove direction from being passed on to children (#13930) @rfbotto
[Dialog] Allow use of custom className under PaperProps (#13935) @eladhayun
[Input] Check custom input inputRef implementation (#13934) @henrik1234
[BottomNavigation] Add component prop (#13960) @lychyi
[TextField] Add Solo Field demo (#13945) @joshwooding
[RadioGroup] Support uncontrolled mode (#13929) @rfbotto
[TextField] Reword solo textfield documentation (#13970) @joshwooding
[layout] Add new useMediaQuery hook (#13867) @joshwooding
[Tab] Remove font size change logic (#13969) @rfbotto
[Autocomplete] Update react-select demo to have isClearable set to true (#13975) @rfbotto

Docs

[docs] Fix Typo in BottomNavigationAction label (#13943) @ovidiumihaibelciug
[docs] Update album page-layout preview image album.png (#13946) @dvorwak
[docs] Add a next.js demo with hooks (#13920) @oliviertassinari
[docs] Fix select multiple prop description (91a95d38218459282b381a23653b722493392190) @AkselsLedins
[docs] Add AospExtended Download center to showcase (#13956) @ishubhamsingh
[docs] Fix i18n page transition (#13947) @unordered
[docs] Fix material-ui-pickers codesandbox demo (#13976) @rfbotto
[docs] Fix a typo, the word "the" was repeated in Layout Grid (#13983) @sgoldens
[docs] Improve demos loading (#13959) @adeelibr
[docs] Improve the service-worker logic (#13987) @oliviertassinari

Core

[CDN] Fix the UMD build (#13928) @oliviertassinari
[ci] Exit with non-zero if argos cli failed (#13954) @eps1lon
[core] Upgrade JSS to latest minor version (#13950) @doaboa

material-ui -

Published by oliviertassinari almost 6 years ago

Dec 17, 2018

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

Here are some highlights ✨:

💅 Update some components to better match the Material specification (#13788, #13827) @bdeloeste @joshwooding.
📅 Add a material-ui-pickers live demo (#13697) @dmtrKovalenko.
⚛️ A first step toward converting all the demos to React Hooks (#13873) @adeelibr.
And many more 🐛 bug fixes and 📝 documentation improvements.

`@material-ui/[email protected]`

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

[TableCell] Add align property (#13860) @rfbotto

Changes

[Card][List] Change sub-components to have fixed gutters (#13788) @joshwooding
[Button] Fix padding for Text Button variant to adhere to spec (#13827) @bdeloeste
[ButtonBase] Add stop ripple on context menu event (#13740) @joshwooding
[Menu] Add reason value and update documentation for on close reason (#13877) @rfbotto
[Dialog] Add a PaperComponent property & draggable demo (#13879) @rfbotto
[Tabs] Correct typo in error message (#13902) @timmydoza
[Tooltip] Fix hover display issue (#13911) @oliviertassinari

`@material-ui/[email protected]`

[ToggleButton] Change the classes structure to match the core components convention (#13723) @DonBrody

`@material-ui/[email protected]`

[styles] Remove hoisting of static properties in HOCs (#13698) @eps1lon

`@material-ui/[email protected]`

[utils] Add component propType (#13816) @eps1lon

Docs

[docs] Fix search suggestions on dark mode (#13874) @rfbotto
[docs] Add accessibility section to selection-controls with demo (#13896) @wyseguyonline
[docs] Add support for multiple demo variants e.g JS or Hooks (#13873) @adeelibr
[docs] Remove the withRoot HOC (#13909) @oliviertassinari
[docs] Add material-ui-pickers in pickers page (#13697) @dmtrKovalenko
[docs] Continue #13806 and port back some fix from @system (#13917) @oliviertassinari
[docs] Notify that we will do core/MuiThemeProvider -> styles/ThemeProvider (#13910) @Skn0tt
[docs] Improve the state override story (#13919) @oliviertassinari

Core

[core] 100% remove the prop types (#13859) @oliviertassinari
[core] Prefix the errors with Material-UI (#13892) @oliviertassinari

material-ui -

Published by oliviertassinari almost 6 years ago

Dec 9, 2018

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

Here are some highlights ✨:

🎨 Add a new Onepirate theme demo (#13769) @oliviertassinari
You can preview it following this link.
📝 Add virtualized table demo (#13786) @joshwooding
🚀 Avoid unnecessary Table re-rendering (#13832) @petrjaros
And many more 🐛 bug fixes and documentation improvements.

`@material-ui/[email protected]`

[Tooltip] Supress warning if button is disabled and title is empty (#13785) @rfbotto
[Dialog] Warn if className in PaperProps is set (#13797) @eps1lon
[TextField] Fix textfield label position when empty (#13791) @Studio384
[Popper] Save 7 KB gzipped (for people only using it) (#13804) @oliviertassinari
[Modal] Handle modal mount interruption (#13778) @amensouissi
[Select] Make value prop required in TypeScript (#13810) @t49tran
[Popover] Fix onEntering event propagation (#13821) @ekoeditaa
[Input] Make CSS override a bit simpler (#13825) @euharrison
[LinearProgress] Add determinate and indeterminate classes to root element (#13828) @alxsnchez
[Select] Support native multiple value (#13830) @rfbotto
[BottomNavigation] Improve action padding (#13851) @rfbotto
[Dialog] Add dialog with close button to demos (#13845) @rfbotto
[Tabs] Reduce the bundle size (#13853) @oliviertassinari
[Dialog] Add missing TypeScript style rule (#13856) @garredow
[Table] Avoid unnecessary re-rendering (#13832) @petrjaros

`@material-ui/[email protected]`

[ToggleButtonGroup] Consider nullish instead of falsy value as no selected value (#13494) @ItamarShDev
[Slider] Update SliderClassKey types (#13826) @guiihlopes
[SpeedDialAction] Add TooltipClasses prop (#13848) @mbrookes
[ToggleButton] Change ToggleButtonGroup non-exclusive default value to an empty array (#13857) @joshwooding

`@material-ui/[email protected]`

[styles] Infer optional props argument for makeStyles in TypeScript (#13815) @oliviertassinari

Docs

[docs] Add @eps1lon to the team page (#13768) @oliviertassinari
[docs] Add a new onepirate theme (#13769) @oliviertassinari
[docs] Link tags HTML vs JSX (#13775) @benbowler
[docs] Missing text in docs (#13798) @Skn0tt
[docs] Add virtualized table demo (#13786) @joshwooding
[docs] Add OpenCollective gold sponsors manually (#13806) @mbrookes
[docs] Add example of globally disabling animations (#13805) @joshwooding
[docs] Fix KeyboardIcon import name (#13822) @bryantabaird
[docs] Force common hoist-non-react-statics version (#13818) @eps1lon
[docs] Improve the theme nesting documentation (#13843) @oliviertassinari
[docs] Add more details regarding installation of material-ui/styles (#13813) @wilcoschoneveld
[docs] Fix broken link anchor (#13862) @mvasin

Core

[typescript] Add test case for List type limitations (#13764) @eps1lon
[core] Remove unused lint directives (#13766) @eps1lon
[test] Fix running tests on Windows (#13852) @joshwooding
[core] Upgrade the dependencies (#13858) @oliviertassinari

material-ui -

Published by oliviertassinari almost 6 years ago

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/[email protected]`

[Dialog] Add xl maxWidth and demo component (#13694) @dispix
[Dialog] Add missing TypeScript style rule (ddfa8e0215bfe895efcb8da69f1ea3cc3b1370ff) @oliviertassinari
[ClickAwayListener] Ignore touchend after touchmove (#13689) @hsimah
[Tooltip] Hide native title when disableHoverListener is true (#13690) @joshwooding
[withTheme] Fix typography warning (#13707) @jmcpeak
[Fab] Add Fab type declaration to index and theme (#13715) @Naturalclar
[InputBase] Remove dead disableUnderline property (#13720) @PierreCapo
[FilledInput] Fix disableUnderline property (#13719) @ekoeditaa
[SwitchBase] Fix error not being thrown when controlled state is changed (#13726) @joshwooding
[TextField] Better support select object value (#13730) @yezhi780625
[TablePagination] Support native selection (#13737) @jsdev
[Modal] Fix concurrency regression (#13743) @oliviertassinari
[LinearProgress] Remove dead code (#13749) @ekoeditaa
[typescript] Add test case for FormControl type limitations (#13754) @eps1lon
[Popover] Handle resize close concurrency issue (#13758) @oliviertassinari
[Avatar] Remove truthiness check on childrenProp (#13759) @camilleryr

`@material-ui/[email protected]`

[styles] Add options definitions for makeStyles (#13721) @eps1lon
[styles] Loosen props consistency check in styled (#13755) @eps1lon

Docs

[docs] Add support for changing react version in codesandbox demos (#13686) @joshwooding
[CHANGELOG] Add deprecation notice for Divider (#13700) @eps1lon
[docs] Add notistack demo to the snackbar page (#13685) @iamhosseindhv
[docs] Remove Grid List dead code (#13731) @akhil-gautam
[docs] Reduce the no-results rate on Algolia (#13741) @oliviertassinari
[docs] Fix concurrency with Frame demos (#13747) @oliviertassinari

Core

[test] Correct the link to the example test (#13709) @mdcanham
[styles] Fix tslint false negative with outdated local builds (#13750) @eps1lon

material-ui -

Published by oliviertassinari almost 6 years ago

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

🎨 Add a new Firebase theme demo (#13579) @siriwatknp.
You can preview it following this link.
⚛️ Introduce a new Fab component (#13573) @mbrookes.
⛏ Fix more StrictMode warnings (#13590) @eps1lon.
And many more 🐛 bug fixes and 📝 documentation improvements.

`@material-ui/[email protected]`

Deprecations

[Fab] Extract from Button as new component (#13573) @mbrookes

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

[FormControlLabel] Fix documentation warnings (#13583) @dsbrutha777
[ExpansionPanelSummary] Fix event forwarding (#13582) @jmetev1
[Button] Move deprecated variants to the end of the list (#13584) @avetisk
[FormControl] Use stable context API (#13590) @eps1lon
[TablePagination] Improve TypeScript definition (#13601) @xiaoyu-tamu
[SwipeableDrawer] Add SwipeAreaProps property (#13592) @SerhiiBilyk
[Divider] Add support for middle divider (#13574) @joshwooding
[ListItem] Add three-line support (#13553) @ntorion
[Grid] Fix the IE 11 issue in the demo (7d2070fb388295d38806ecc49717006f34393e74) @oliviertassinari
[Zoom] Correct transition delay value of the example (#13645) @t49tran
[Tabs] Improve the warning message (#13640) @oliviertassinari
[Grow] Condense the demo (#13665) @Thyix
[Tooltip] Fix the property forwarding priority (#13667) @oliviertassinari
[Modal] Fix the close jump on Windows (#13674) @oliviertassinari
[Select] Support object value (#13661) @yezhi780625
[Menu] Fix wrong condition (#13675) @dolezel

`@material-ui/[email protected]`

[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/[email protected]`

[styles] Add TypeScript declarations (#13612) @eps1lon

`@material-ui/[email protected]`

Fix the @material-ui/utils require error.

Docs

[docs] Add redirect rule for moved page layout examples (#13588) @mbrookes
[docs] Add the selfeducation.app showcase (#13620) @kulakowka
[docs] Warn about the Dynamic CSS alpha state (#13619) @WebDeg-Brian
[docs] Learn Material-UI (#13624) @oliviertassinari
[docs] Add a Firebase example in the premium-theme section (#13579) @siriwatknp
[docs] Increase clarity around the usage of font icons (#13628) @JosephMart
[docs] Add swimmy.io to showcase page (#13637) @uufish
[docs] Correct typo in comment of snackbar, children (#13651) @kobi
[docs] Improve Grid limitation description (#13668) @sshevlyagin
[docs] Fix theme menu link (#13669) @iamhosseindhv
[docs] Change &quote; to ' (#13678) @wiktoriatomzik
[docs] Restructure the demo based on usage analytics (#13684) @oliviertassinari
[docs] Fix typo in URL (#13688) @Malvineous

Core

[core] Update dev dependencies (#13626) @oliviertassinari
[test] Fix codecov failing on merge commits (#13654) @eps1lon
[core] Make prettier run programmatically (#13621) @joshwooding
[test] Run unit/integration test on Chrome 41 (#13642) @eps1lon
[core] Move unit test commands to their package (#13604) @eps1lon

material-ui -

Published by oliviertassinari almost 6 years ago

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/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/[email protected]`

[OutlinedInput] Remove Firefox workaround (#13519) @Studio384
[TextField] Fix style focus issue on mobile (#13511) @ekoeditaa
[InputBase] Remove legacy lifecycle methods (#13487) @eps1lon
[Chip] Alignment fix (#13536) @izyb
[Badge] Add invisible property (#13534) @joshwooding
[Table] Use stable context API (#13529) @eps1lon
[TablePagination] Allow more rows per pages (#13524) @oliviertassinari
[LinearProgress] Fix TypeScript definition (#13562) @AdamMcquiff
Add missing brcast dependency @oliviertassinari

`@material-ui/[email protected]`

@material-ui/styles (#13503) @oliviertassinari

Docs

[docs] Advanced filter added to the documentation (#13528) @ashkank83
[docs] Save one component in the demo (#13537) @levelingup
[docs] Make the lab > core dependency more explicit (#13542) @Robindiddams
[docs] Remove redundant text (#13547) @EbiEbiEvidence
[docs] Add language menu (#13544) @mbrookes
[docs] Misc fixes (#13555) @oliviertassinari
[docs] Add cookie for persistant colors (#13567) @mbrookes

Core

[test] Improve tests related to lists (#13517) @eps1lon
[core] Remove recompose/wrapDisplayName usage (#13525) @oliviertassinari
[core] Fix the CDN release (#13540) @oliviertassinari
[core] Pass import filename through normalizePath function (#13565) @joshwooding

Package Rankings

Top 0.08% on Npmjs.org

Top 11.43% on Repo1.maven.org

Top 3.26% on Proxy.golang.org

Related Projects

next-mui-helper

a high order component package for making a project with nextjs and material-ui easier. With layo...

24 Feb 2018 13

themeless-ui

⬜️ A React component library harnessing the power of CSS.

04 Apr 2023 2