Bump @material-ui/utils to ^5.0.0-alpha.1 #27539
Closed
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
![renovate[bot]](https://avatars.githubusercontent.com/in/2740?s=60&v=4){kind=small}
Renovate Ignore NotificationAs this PR has been closed unmerged, Renovate will now ignore this update (^5.0.0-alpha.1). You will still receive a PR once a newer version is released, so if you wish to permanently ignore this dependency, please add it to the If this PR was closed by mistake or you changed your mind, you can simply rename this PR and you will soon get a fresh replacement PR opened. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR contains the following updates:
5.0.0-alpha.1->5.0.0-beta.1Release Notes
mui-org/material-ui
v5.0.0-beta.1Compare Source
Jul 14, 2021
Big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
✨ We have introduced a new unstyled component: the Switch (#26688) @michaldudak
You can find two new versions of the Switch. A component without any styles:
SwitchUnstyled, and a hook:useSwitch.You can follow our progress at https://github.com/mui-org/material-ui/issues/27170.
💄 We have updated the default
infosuccesswarningcolor to be more accessible (#26817) @siriwatknp.You can find the new default values in the documentation.
@material-ui/[email protected]Breaking changes
Changes
disableRippleAPI description (#27187) @michaldudakcheckedand mark as deprecated (#27047) @siriwatknpcreateV4SpacingfromadaptV4Theme(#27072) @siriwatknpinfosuccesswarningcolor (#26817) @siriwatknp@material-ui/[email protected]@material-ui/[email protected]@material-ui/[email protected]@material-ui/[email protected]Docs
urlpackage (#27151) @eps1lonStyledEngineProvideras JSS is not used (#27133) @mnajdovaCore
All contributors of this release in alphabetical order: @eps1lon, @mbrookes, @michal-perlakowski, @michaldudak, @mnajdova, @moshfeu, @oliviertassinari, @rajzik, @renovate[bot], @sahil-blulabs, @ShirasawaSama, @siriwatknp, @vimutti77
v5.0.0-beta.0Compare Source
Jul 01, 2021
Big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
@material-ui/codemod.@material-ui/[email protected]Breaking changes
[Tabs] Remove unnecessary wrapper from Tab (#26926) @siriwatknp
spanelement that wraps children has been removed.wrapperclassKey is also removed. More details about this change.[BottomNavigation] Remove wrapper from BottomNavigationAction (#26923) @siriwatknp
spanelement that wraps children has been removed.wrapperclassKey is also removed. More details about this change.Changes
@material-ui/[email protected]@material-ui/icons@5.0.0-beta.0
@material-ui/lab@5.0.0-alpha.39
Breaking changes
[DatePicker] Remove helper text default value (#26866) @DouglasPds
Make the default rendered text field closer to the most common use cases (denser).
<DatePicker label="Helper text example" value={value} onChange={onChange} renderInput={(params) => ( - <TextField {...params} /> + <TextField {...params} helperText={params?.inputProps?.placeholder} /> )} >Changes
@material-ui/[email protected]Docs
Core
All contributors of this release in alphabetical order: @ansh-saini, @BC-M, @CarlosGomez-dev, @DouglasPds, @eps1lon, @fishyFrogFace, @michal-perlakowski, @michaldudak, @mnajdova, @oliviertassinari, @siriwatknp, @steveafrost, @varandasi
v5.0.0-alpha.36Compare Source
Jun 8, 2021
Big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
⚒️ We've introduced a new
ListItemButtoncomponent that should prevent common mistakes when using<ListItem button />and help with customization and TypeScript support (#26446) @siriwatknp.👩🎤
experimentalStyledis now available without theexperimentalprefix.We're confident that its API shouldn't receive any major changes until the stable release of v5 (#26558) @mnajdova.
📦
@material-ui/iconsonly ships ES modules and no longer CommonJS modules.This reduces the download size of the package from 1.7 MB to 1.2 MB and install size from 15.6 MB to 6.7 MB (#26310) @eps1lon.
💄 Add support for row and column spacing in the Grid component (#26559) @likitarai1.
Note that this feature was already available for CSS grid users with the
rowGapandcolumnGapprops.@material-ui/[email protected]Breaking changes
The
colorprop has no longer any effect in dark mode. The app bar uses the background color required by the elevation to follow the Material Design guidelines. UseenableColorOnDarkto restore the behavior of v4.Remove the experimental prefix, this module is going stable:
Changes
@material-ui/[email protected]Breaking changes
The
require()of@material-ui/iconsis no longer supported.This should not affect you if you're using a bundler like
webpackorsnowpackor meta frameworks likenextorgatsby.@material-ui/[email protected]Breaking changes
<DateTimePicker components={{ LeftArrowIcon: AlarmIcon, RightArrowIcon: SnoozeIcon, + OpenPickerIcon: ClockIcon, }} - openPickerIcon={<ClockIcon />}@material-ui/[email protected]Docs
Core
All contributors of this release in alphabetical order: @coder-freestyle, @eps1lon, @garfunkelvila, @itsnorbertkalacska, @likitarai1, @m4theushw, @michaldudak, @mnajdova, @onpaws, @sakura90, @sarahannnicholson, @siriwatknp, @vedadeepta, @vicasas
v5.0.0-alpha.35Compare Source
May 31, 2021
Big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
@material-ui/coreand@material-ui/lab) @siriwatknp, @mnajdova.@material-ui/styles(JSS) from the core and the lab (#26377, #26382, #26376) @mnajdova.@material-ui/[email protected]Breaking changes
[styles] Remove
makeStylesfrom@material-ui/core(#26382) @mnajdovaThe
makeStylesJSS utility is no longer exported from@material-ui/core. You can use@material-ui/stylesinstead. Make sure to add aThemeProviderat the root of your application, as thedefaultThemeis no longer available. If you are using this utility together with@material-ui/core, it's recommended you use theThemeProvidercomponent from@material-ui/coreinstead.[styles] Remove
withStylesfrom@material-ui/core(#26377) @mnajdovaThe
withStylesJSS utility is no longer exported from@material-ui/core. You can use@material-ui/stylesinstead. Make sure to add aThemeProviderat the root of your application, as thedefaultThemeis no longer available. If you are using this utility together with@material-ui/core, you should use theThemeProvidercomponent from@material-ui/coreinstead.[styles] Merge options in
experimentalStyled(#26396) @mnajdovaThe options inside the
experimentalStyledmodule are now merged under one object. In the coming weeks, we will rename ths module:styled()to signal that it's no longer experimental.[Tabs] Update
min&maxwidth and removeminWidthmedia query (#26458) @siriwatknpUpdate the implementation to better match Material Design:
minWidthchanged from72px=>90px(without media-query) according to material-design specmaxWidthchanged from264px=>360pxaccording to material-design specChanges
@material-ui/[email protected]@material-ui/[email protected][icons] Use array children instead of React fragments (#26309) @eps1lon
Reduce a bit the size of the package.
@material-ui/[email protected]We are progressively moving all modules that are relevant to styling custom design systems in this package. It's meant to be complementary with
@material-ui/unstyled.@material-ui/[email protected]options(#26339) @pasDamola@material-ui/[email protected]Breaking changes
[pickers] Remove allowKeyboardControl (#26451) @eps1lon
[ClockPicker] Rework keyboard implementation (#26400) @eps1lon
Remove the
allowKeyboardControlprop from ClockPicker (and TimePicker and variants). Keyboard navigation now works by default.Changes
Docs
experimentalStyled()(#26361) @mnajdovaCore
@material-ui/stylesdependencies from declaration files too (#26376) @mnajdovaAll contributors of this release in alphabetical order: @akshitsuri, @DanailH, @Dru89, @eps1lon, @Gautam-Arora24, @jeferson-sb, @m4theushw, @mbrookes, @mnajdova, @oliviertassinari, @pasDamola, @siriwatknp, @wolfykey
v5.0.0-alpha.33Compare Source
May 9, 2021
Big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
@material-ui/[email protected]Breaking changes
withStyles
Replace the
innerRefprop with therefprop. Refs are now automatically forwarded to the inner component.import * as React from 'react'; import { withStyles } from '@​material-ui/core/styles'; const MyComponent = withStyles({ root: { backgroundColor: 'red', }, })(({ classes }) => <div className={classes.root} />); function MyOtherComponent(props) { const ref = React.useRef(); - return <MyComponent innerRef={ref} />; + return <MyComponent ref={ref} />; }withTheme
Replace the
innerRefprop with therefprop. Refs are now automatically forwarded to the inner component.import * as React from 'react'; import { withTheme } from '@​material-ui/core/styles'; const MyComponent = withTheme(({ theme }) => <div>{props.theme.direction}</div>); function MyOtherComponent(props) { const ref = React.useRef(); - return <MyComponent innerRef={ref} />; + return <MyComponent ref={ref} />; }Developers only need one theme in their application. A prefix would suggest a second theme is needed. It's not the case.
createMuiThemewill be removed in v6.The
MuiThemeProvideris no longer exported. UseThemeProviderinstead. It was removed from the documentation during v4-beta, 2 years ago.Its behavior can be obtained using the
sxprop.Its behavior can be obtained using the
sxprop directly on the child if it's a Material-UI component. For non-Material-UI components use thesxprop in conjunction with thecomponentprop:This better matches the Material Design guidelines.
The
labelprop now fulfills the same purpose, using CSS layout instead of JavaScript measurement to render the gap in the outlined. The TextField already handles it by default.The
styledJSS utility is no longer exported from@material-ui/core/styles. You can use@material-ui/styles/styledinstead. Make sure to add aThemeProviderat the root of your application, as thedefaultThemeis no longer available. If you are using this utility together with@material-ui/core, it's recommended you use theThemeProvidercomponent from@material-ui/core/stylesinstead.For new components, you can instead use the
experimentalStyled()helper powered by emotion/sc.Removed in favor of using the
sxprop or theuseMediaQueryhook.Use the
sxprop to replaceimplementation="css":Use the
useMediaQueryhook to replaceimplementation="js":Removed in favor of the
useMediaQueryhook. You can reproduce the same functionality creating a custom hook as described here.Rename the values of the reason argument in
onChangeandonClosefor consistency:create-optiontocreateOptionselect-optiontoselectOptionremove-optiontoremoveOptionThe
withThemeutility has been removed from the@material-ui/core/stylespackage. You can use the@material-ui/styles/withThemeinstead. Make sure to add aThemeProviderat the root of your application, as thedefaultThemeis no longer available. If you are using this utility together with@material-ui/core, it's recommended you use theThemeProviderfrom@material-ui/core/stylesinstead.createGenerateClassNamemodule is no longer exported from@material-ui/core/styles. You should import it directly from@material-ui/styles.jssPresetobject is no longer exported from@material-ui/core/styles. You should import it directly from@material-ui/styles.ServerStyleSheetscomponent is no longer exported from@material-ui/core/styles. You should import it directly from@material-ui/styles.The
StylesProvidercomponent is no longer exported from@material-ui/core/styles. You should import it directly from@material-ui/styles.The
useThemeVariantshook is no longer exported from@material-ui/core/styles. You should import it directly from@material-ui/styles.[FormControlLabel] The
labelprop is now required.Changes
@material-ui/[email protected]Breaking changes
Rename the
alignprop topositionto reduce confusion.Changes
Configuration
📅 Schedule: "on sunday before 6:00am" in timezone UTC.
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by WhiteSource Renovate. View repository job log here.