Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update mui monorepo to v5.0.0-beta.1 - autoclosed #20

Closed
wants to merge 1 commit into from

Conversation

renovate[bot]
Copy link

@renovate renovate bot commented May 31, 2021

WhiteSource Renovate

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
@material-ui/core (source) 5.0.0-alpha.25 -> 5.0.0-beta.1 age adoption passing confidence
@material-ui/icons 5.0.0-alpha.24 -> 5.0.0-beta.1 age adoption passing confidence

Release Notes

mui-org/material-ui

v5.0.0-beta.1

Compare Source

Jul 14, 2021

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

@material-ui/[email protected]
Breaking changes
Changes
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
@material-ui/[email protected]
Docs
Core

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

Compare Source

Jul 01, 2021

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

  • 🎉 This is the first beta release of v5! A huge thanks to everyone who helped to make this happen! We're targeting the 1st of September for a stable release, and will use the next two months to polish v5, and ease the migration from v4. You can follow the v5 stable milestone for more details. We now encourage any new projects to start on v5.
  • 🚀 We have completed all the planned breaking changes.
  • ⚒️ We added the codemod CLI to simplify migration to v5 (#​26941) @​eps1lon. You can find it at @material-ui/codemod.
  • 🐛 The majority of other changes in this release were bug fixes, test utilities and docs.
@material-ui/[email protected]
Breaking changes
  • [Tabs] Remove unnecessary wrapper from Tab (#​26926) @​siriwatknp

    span element that wraps children has been removed. wrapper classKey is also removed. More details about this change.

    <button class="MuiTab-root">
    - <span class="MuiTab-wrapper">
        {icon}
        {label}
    - </span>
    </button>
  • [BottomNavigation] Remove wrapper from BottomNavigationAction (#​26923) @​siriwatknp

    span element that wraps children has been removed. wrapper classKey is also removed. More details about this change.

    <button class="MuiBottomNavigationAction-root">
    - <span class="MuiBottomNavigationAction-wrapper">
        {icon}
        <span class="MuiBottomNavigationAction-label">
          {label}
        </span>
    - </span>
    </button>
Changes
  • [Box] Fix TypeScript error on maxWidth prop (#​26859) @​ansh-saini
  • [Dialog] Automatically label by its DialogTitle (#​26814) @​eps1lon
  • [Hidden] Bring back and mark as deprecated (#​26908) @​siriwatknp
  • [List] Add button runtime deprecation warning (#​26743) @​siriwatknp
  • [Modal] Type BackdropProps according to styled version (#​26836) @​eps1lon
  • [Radio] Fix `defaultValue` to match the other value types (#​26945) @​oliviertassinari
  • [Stepper] Add completed to global pseudo-classes (#​26953) @​michal-perlakowski
  • [Stepper] Fix support for no connectors (#​26874) @​varandasi
  • [TextField] Prevent `hiddenLabel` from spreading to DOM (#​26864) @​siriwatknp
  • [TextField] Fix label disappearing when focusing a button (#​26933) @​michal-perlakowski
@material-ui/[email protected]
  • [codemod] Add CLI (#​26941) @​eps1lon
@​material-ui/icons@​5.0.0-beta.0
  • [icons] Regenerate transpiled files (#​26985) @​eps1lon
@​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
  • [lab] Fix missing dependency on unstyled (#​26937) @​fishyFrogFace
  • [pickers] Consider TDate in ToolbarComponent types (#​27035) @​michal-perlakowski
@material-ui/[email protected]
  • [system] Support array overridesResolver (#​26824) @​siriwatknp
Docs
  • [docs] Add notes to Table demo about stableSort (#​27025) @​CarlosGomez-dev
  • [docs] Add gold sponsor (#​26968) @​oliviertassinari
  • [docs] Update unstyled demos to not depend on `@material-ui/core` (#​26869) @​mnajdova
  • [docs] Fix demo paths in windows (#​27004) @​eps1lon
  • [docs] Export all locales (#​27002) @​eps1lon
  • [docs] Misc CONTRIBUTING.md changes (#​26925) @​eps1lon
  • [docs] Fix /components/hidden merge conflict (#​26997) @​eps1lon
  • [docs] Fix 404 links (#​26963) @​oliviertassinari
  • [docs] Remove link that points to v4 blog post (#​26960) @​steveafrost
  • [docs] Use custom webpack loader for markdown (#​26774) @​eps1lon
  • [docs] Fix 301 links (#​26942) @​oliviertassinari
  • [docs] Add page for the `sx` prop (#​26769) @​mnajdova
  • [docs] pre-fill issue when a demo crashes (#​27034) @​eps1lon
  • [docs] Move styled page under system (#​26818)
Core
  • [core] Inline rollup-plugin-size-snapshot (#​26986) @​eps1lon
  • [core] Remove unused props clone (#​26992) @​oliviertassinari
  • [core] Fix tests on Windows (#​26931) @​michaldudak
  • [core] Fix merge conflict between #​26954 and #​26874 @​oliviertassinari
  • [core] Upgrade issues-helper to v2 (#​26955) @​michal-perlakowski
  • [core] Fix merge conflict (#​26928) @​eps1lon
  • [test] Convert HiddenCSS tests to testing-library (#​27019) @​eps1lon
  • [test] Convert NativeSelectInput tests to testing-library (#​26952) @​eps1lon
  • [test] Add a default mount implementation to conformance tests (#​26949) @​eps1lon
  • [test] Update tests to pass react@next (#​26967) @​eps1lon
  • [test] Add types to describeConformanceV5 (#​26954) @​eps1lon
  • [test] Use createPickerMount where appropriate (#​26951) @​eps1lon
  • [test] Convert SwipeableDrawer tests to testing-library (#​26916) @​eps1lon
  • [test] Convert Menu tests to testing-library (#​26915) @​eps1lon
  • [test] Convert Popover tests to testing-library (#​26913) @​eps1lon
  • [test] Convert Modal tests to testing-library (#​26912) @​eps1lon
  • [test] Make remaining testing-library tests StrictMode compatible (#​26924) @​eps1lon
  • [test] Only allow wrapping enzyme mount not creating (#​27018) @​eps1lon
  • [typescript] Disallow spreading TransitionHandlerProps (#​26927) @​eps1lon

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

Compare Source

Jun 23, 2021

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

  • 🚀 We have only 2 left in the breaking changes. The plan to release 5.0.0-beta.0 is on July 1st and will start to promote its usage over v4.

  • 🎨 We have updated Slider to match current Material Design guidelines.

  • 💡 IconButton now supports 3 sizes (small, medium, large). See demo.

  • ♿️ We have improved the default style of the Link to be more accessible (#​26145) @​ahmed-28

@material-ui/[email protected]
Breaking changes
  • [Menu] Use ButtonBase in MenuItem (#​26591) @​siriwatknp
    • Change the default value of anchorOrigin.vertical to follow the Material Design guidelines. The menu now displays below the anchor instead of on top of it. You can restore the previous behavior with:

       <Menu
      +  anchorOrigin={{
      +    vertical: 'top',
      +    horizontal: 'left',
      +  }}
    • The MenuItem component inherits the ButtonBase component instead of ListItem. The class names related to "MuiListItem-*" are removed and theming ListItem is no longer affecting MenuItem.

      -<li className="MuiButtonBase-root MuiMenuItem-root MuiListItem-root">
      +<li className="MuiButtonBase-root MuiMenuItem-root">
    • The prop listItemClasses was removed, you can use classes instead.

      -<MenuItem listItemClasses={{...}}>
      +<MenuItem classes={{...}}>
  • [theme] Improve default breakpoints (#​26746) @​siriwatknp

    The default breakpoints were changed to better match the common use cases. They also better match the Material Design guidelines. Read more about the change.

    {
      xs: 0,
      sm: 600,
    - md: 960,
    + md: 900,
    - lg: 1280,
    + lg: 1200,
    - xl: 1920,
    + xl: 1536,
    }

    If you prefer the old breakpoint values, use the snippet below.

    import { createTheme } from '@&#8203;material-ui/core/styles';
    
    const theme = createTheme({
      breakpoints: {
        values: {
          xs: 0,
          sm: 600,
          md: 960,
          lg: 1280,
          xl: 1920,
        },
      },
    });
  • [IconButton] Add size `large` and update styles (#​26748) @​siriwatknp

    The default size's padding is reduced to 8px which makes the default IconButton size of 40px. To get the old default size (48px), use size="large". The change was done to better match Google's products when Material Design stopped documenting the icon button pattern.

    - <IconButton>
    + <IconButton size="large">
  • [Slider] Adjust css to match the specification (#​26632) @​siriwatknp

    Rework the CSS to match the latest Material Design guidelines and make custom styles more intuitive. See documentation.

    You can reduce the density of the slider, closer to v4 with the size="small" prop.

  • [IconButton] Remove label span (#​26801) @​siriwatknp

    span element that wraps children has been removed. label classKey is also removed. More details about this change.

    <button class="MuiIconButton-root">
    - <span class="MuiIconButton-label">
        <svg />
    - </span>
    </button>
  • [core] Remove `unstable_` prefix on the `useThemeProps` hook (#​26777) @​mnajdova

    The following utilities were renamed to not contain the unstable_ prefix:

    • @material-ui/sytstem
     import {
    -  unstable_useThemeProps,
    +  useThemeProps,
     } from '@&#8203;material-ui/system';
    • @material-ui/core
     import {
    -  unstable_useThemeProps,
    +  useThemeProps,
     } from '@&#8203;material-ui/core/styles';
Changes
  • [Alert] Add support for custom colors (#​26831) @​varandasi
  • [Button] Fix loading text invisible when disabled (#​26857) @​DanielBretzigheimer
  • [ButtonBase] Consider as a link with a custom component and `to` prop (#​26576) @​shadab14meb346
  • [ButtonBase] Derive state on render instead of in layout effects (#​26762) @​eps1lon
  • [Drawer] Fix incorrect z-index (#​26791) @​michal-perlakowski
  • [Drawer] Remove incorrect transition handler props (#​26835) @​eps1lon
  • [Link] Improve accessibility support (#​26145) @​ahmed-28
  • [Modal] Fix calculating scrollbar size when using custom scrollbar (#​26816) @​michal-perlakowski
  • [Rating] Make input ids less predictable (#​26493) @​eps1lon
  • [Stepper] Add componentsProps.label to StepLabel (#​26807) @​michal-perlakowski
  • [Tabs] Show error when Tab has display: none (#​26783) @​michal-perlakowski
  • [theme] Add base color palette type to components (#​26697) @​siriwatknp
@material-ui/[email protected]
Breaking Changes
  • [system] Normalize api for `createBox` (#​26820) @​mnajdova
     import { createBox } from '@&#8203;material-ui/system';
    
    -const styled = createBox(defaultTheme);
    +const styled = createBox({ defaultTheme });
Changes
  • [system] Add ThemeProvider component (#​26787) @​mnajdova
Docs
  • [docs] Fix misspelling of the word Typography (#​26898) @​dmrqx
  • [docs] Instruct users to install @​material-ui/icons with the next tag (#​26873) @​michal-perlakowski
  • [docs] Sync translations (#​26828) @​l10nbot
  • [docs] Improve grammar of autocomplete/autofill section (#​26798) @​dijonkitchen
  • [docs] Explain "inherited props" better in the props table (#​26778) @​eps1lon
  • [docs] Fix documentation for upgrading to v5 (#​26812) @​tungdt-90
  • [docs] Improve notification color (#​26796) @​mnajdova
  • [docs] Fix various a11y issues with /customization/color (#​26757) @​eps1lon
  • [docs] Move custom theme to frame (#​26744) @​siriwatknp
  • [docs] Fix small PT typo fix: inciar -> iniciar (#​26775) @​brunocavalcante
  • [I10n] Add Chinese (Hong Kong) (zh-HK) locale (#​26637) @​kshuiroy
  • [l10n] Add sinhalese (siLK) locale (#​26875) @​pavinduLakshan
  • [examples] Rename nextjs typescript theme from tsx to ts (#​26862) @​Izhaki
Core
  • [test] Fix Drawer test API @​oliviertassinari
  • [test] Adjust expected useAutocomplete error messages for React 18 (#​26858) @​eps1lon
  • [test] Convert Drawer tests to testing-library (#​26837) @​eps1lon
  • [test] Convert remaining enzyme tests to testing-library (#​26832) @​eps1lon
  • [test] Ignore ReactDOM.hydrate deprecation warnings (#​26815) @​eps1lon
  • [test] Reduce flakiness (#​26761) @​eps1lon
  • [useId] Reduce likelyhood of collisions (#​26758) @​eps1lon
  • yarn deduplicate @​oliviertassinari
  • Fix running framer's prettier under pwsh (#​26819) @​michaldudak
  • [core] Update babel-plugin-optimize-clsx (#​26861) @​oliviertassinari
  • [core] Assume no document.all at runtime (#​26821) @​eps1lon
  • [core] Remove dependency on `@material-ui/private-theming` (#​26793) @​mnajdova
  • [core] Remove dependency on `@material-ui/styled-engine` (#​26792) @​mnajdova

All contributors of this release in alphabetical order: @​ahmed-28, @​brunocavalcante, @​DanielBretzigheimer, @​dijonkitchen, @​dmrqx, @​eps1lon, @​Izhaki, @​kshuiroy, @​l10nbot, @​michal-perlakowski, @​michaldudak, @​mnajdova, @​oliviertassinari, @​pavinduLakshan, @​shadab14meb346, @​siriwatknp, @​tungdt-90, @​varandasi

v5.0.0-alpha.37

Compare Source

Jun 15, 2021

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

  • 💄 Add support for responsive props on the Grid component (#​26590) @​likitarai1.
    This fixes a longstanding issue. You can now specify different values for each breakpoint.

    <Grid container spacing={{ xs: 2, md: 3 }} columns={{ xs: 1, sm: 2, md: 3 }}>
      <Grid item xs={2} sm={4} md={4} />
      <Grid item xs={2} sm={4} md={4} />
      <Grid item xs={2} sm={4} md={4} />
    </Grid>

    Head to the documentation for more details.

  • ⚒️ We've introduced a new useTheme and useThemeProps hooks in the @material-ui/system package.
    We believe that this package can be used as a standalone styling solution for building custom design systems (#​26649) @​mnajdova.

  • 💥 Made progress with the breaking changes. We have done 105 of the 109 changes planned. We are getting closer to our goal of releasing 5.0.0-beta.0 on July 1st and start to promote its usage over v4. You can also follow our milestone for more details.

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/[email protected]
Breaking changes
  • [Button] Remove label span (#​26666) @​siriwatknp

    The span element that wraps children has been removed. label classKey is also removed. The nested span was required for fixing a flexbox issue with iOS < 11.0.

    <button class="MuiButton-root">
    - <span class="MuiButton-label">
        children
    - </span>
    </button>
Changes
  • [Button] Add missing color type (#​26593) @​sakura90
  • [Grid] Add responsive direction and spacing props (#​26590) @​likitarai1
  • [List] Add ListItemButton export to index (#​26667) @​chadmuro
  • [theme] Fix missing exported Breakpoints types (#​26684) @​robphoenix
@material-ui/[email protected]
Breaking changes
  • [system] Remove `theme` & `isRtl` from `useThemeProps` (#​26701) @​mnajdova

    The isRtl and theme props are no longer added by the useThemeProps hook. You can use the useTheme hook for this.

    -import { unstable_useThemeProps as useThemeProps } from '@&#8203;material-ui/core/styles';
    +import { unstable_useThemeProps as useThemeProps, useTheme } from '@&#8203;material-ui/core/styles';
    
     const Component = (inProps) => {
    -  const { isRtl, theme, ...props } = useThemeProps({ props: inProps, name: 'MuiComponent' });
    +  const props = useThemeProps({ props: inProps, name: 'MuiComponent' });
    
    +  const theme = useTheme();
    +  const isRtl = theme.direction === 'rtl';
       //.. rest of the code
    }
Changes
  • [system] Add useThemeProps & useTheme hooks (#​26649) @​mnajdova
  • [system] Add color manipulators (#​26668) @​mnajdova
  • [system] Fix support of custom shape in createTheme (#​26673) @​varandasi
@material-ui/[email protected]
  • [Slider] Improve TS definition (#​26642) @​mnajdova
  • [TrapFocus] Capture nodeToRestore via relatedTarget (#​26696) @​eps1lon
@material-ui/[email protected]
  • Revert "[icons] Only ship ES modules (#​26310)" (#​26656) @​eps1lon

    The changes that we have tried in #​26310 were breaking the integration with Next.js.

@material-ui/[email protected]
  • [core] Remove unused useKeyDown (#​26765) @​eps1lon
  • [DateTimePicker] Fix not visible selected tab icon (#​26624) @​nikitabobers
Docs
  • [blog] Michał Dudak joins Material-UI (#​26700) @​oliviertassinari
  • [docs] Migrate onepirate premium template to emotion part2 (#​26707) @​vicasas
  • [docs] Fix TextField demo layout (#​26710) @​vicasas
  • [docs] Improve Paperbase demo (#​26711) @​oliviertassinari
  • [docs] Migrate onepirate premium template to emotion part1 (#​26671) @​vicasas
  • [docs] Migrate paperbase premium template to emotion (#​26658) @​vicasas
  • [List] Fix demo to have correct semantic (#​26742) @​siriwatknp
Core
  • [core] Monitore size of key system modules (#​26712) @​oliviertassinari
  • [core] Batch small changes (#​26738) @​oliviertassinari
  • [core] Batch small changes (#​26628) @​oliviertassinari
  • [test] Ignore ReactDOM.render deprecation warning (#​26683) @​eps1lon
  • [test] Run e2e test with React 18 on a schedule (#​26690) @​eps1lon
  • [test] Count profiler renders not passive effects (#​26678) @​eps1lon
  • [test] Bundling fixtures should not override source build with published build (#​26657) @​eps1lon
  • [test] Make tests oblivious to StrictMode (#​26654) @​eps1lon

All contributors of this release in alphabetical order: @​chadmuro, @​eps1lon, @​likitarai1, @​mnajdova, @​nikitabobers, @​oliviertassinari, @​robphoenix, @​sakura90, @​siriwatknp, @​varandasi, @​vicasas

v5.0.0-alpha.36

Compare Source

Jun 8, 2021

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

  • ⚒️ We've introduced a new ListItemButton component that should prevent common mistakes when using <ListItem button /> and help with customization and TypeScript support (#​26446) @​siriwatknp.

  • 👩‍🎤 experimentalStyled is now available without the experimental prefix.
    We're confident that its API shouldn't receive any major changes until the stable release of v5 (#​26558) @​mnajdova.

  • 📦 @material-ui/icons only 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. grid spacing demo

    Note that this feature was already available for CSS grid users with the rowGap and columnGap props.

@material-ui/[email protected]
Breaking changes
  • [AppBar] Fix background color on dark mode (#​26545) @​siriwatknp

    The color prop 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. Use enableColorOnDark to restore the behavior of v4.

    <AppBar enableColorOnDark />
  • [core] Rename `experimentalStyled` to `styled` (#​26558) @​mnajdova

    Remove the experimental prefix, this module is going stable:

    -import { experimentalStyled as styled } from '@&#8203;material-ui/core/styles';
    +import { styled } from '@&#8203;material-ui/core/styles';
  • [SwitchBase] Replace IconButton with ButtonBase (#​26460) @​siriwatknp
  • [theme] Improve default `primary`, `secondary` and `error` theme palette (#​26555) @​siriwatknp
Changes
  • [Box] Fix module 'clsx' not found in system (#​26553) @​coder-freestyle
  • [Box] Fix runtime error when using styled-components without ThemeProvider (#​26548) @​mnajdova
  • [Radio][Checkbox] Don't forward `color` to DOM elements (#​26625) @​siriwatknp
  • [Dialog] Flatten DialogTitle DOM structure, remove `disableTypography` (#​26323) @​eps1lon
  • [Grid] Add rowSpacing and columnSpacing props (#​26559) @​likitarai1
  • [List] extract button from ListItem to ListItemButton (#​26446) @​siriwatknp
  • [Popover] Fix PaperProps.ref breaking positioning (#​26560) @​vedadeepta
  • [Rating] onChangeActive shouldn't be fired on blur/focus (#​26584) @​coder-freestyle
  • [Select] Fix custom font size centering arrow (#​26570) @​sarahannnicholson
  • [styled] Convert implicit styleProps to explicit (#​26461) @​mnajdova@siriwatknp
  • [Tabs] Fix RTL indicator (#​26470) @​siriwatknp
  • [Tabs] Fix arrow rotation in vertical & RTL (#​26527) @​siriwatknp
  • [TextField] Fix support for custom `size` prop value (#​26585) @​coder-freestyle
  • [Tooltip] Finish exiting once started (#​26535) @​eps1lon
@material-ui/[email protected]
Breaking changes
  • [icons] Only ship ES modules (#​26310) @​eps1lon

    The require() of @material-ui/icons is no longer supported.
    This should not affect you if you're using a bundler like webpack or snowpack or meta frameworks like next or gatsby.

@material-ui/[email protected]
Breaking changes
  • [pickers] Remove `openPickerIcon` prop in favor of `components.OpenPickerIcon` (#​26223) @​vedadeepta
    <DateTimePicker
      components={{
        LeftArrowIcon: AlarmIcon,
        RightArrowIcon: SnoozeIcon,
    +   OpenPickerIcon: ClockIcon,
      }}
    - openPickerIcon={<ClockIcon />}
@material-ui/[email protected]
  • [system] Add createTheme util (#​26490) @​mnajdova
Docs
  • [docs] Migrate templates to emotion (#​26604) @​vicasas
  • [docs] Remove custom primary & secondary color (#​26541) @​siriwatknp
  • [docs] Don't escape prop descriptions for markdown table context (#​26579) @​eps1lon
  • [docs] Prepare for data grid auto-generated docs (#​26477) @​m4theushw
  • [docs] Fix typo sx !== xs (#​26596) @​onpaws
  • [docs] Multiple select demos moving when selecting values (#​26539) @​itsnorbertkalacska
  • [docs] Improve migration guide for `@material-ui/styles` (#​26552) @​mnajdova
  • [docs] `Rating` `value` is nullable in `onChange` (#​26542) @​sakura90
  • [example] Remove the dependency on @​material-ui/styles (#​26567) @​garfunkelvila
Core
  • [core] Ignore latest prettier run in git-blame @​eps1lon
  • [core] Format @​eps1lon
  • [test] Add bundle fixtures (#​23166) @​eps1lon
  • [website] Add Michał to the About Us page (#​26557) @​michaldudak

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

Compare Source

May 31, 2021

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

@material-ui/[email protected]
Breaking changes
  • [styles] Remove makeStyles from @material-ui/core (#​26382) @​mnajdova

    The makeStyles JSS utility is no longer exported from @material-ui/core. You can use @material-ui/styles instead. Make sure to add a ThemeProvider at the root of your application, as the defaultTheme is no longer available. If you are using this utility together with @material-ui/core, it's recommended you use the ThemeProvider component from @material-ui/core instead.

    -import { makeStyles } from '@&#8203;material-ui/core/styles';
    +import { makeStyles } from '@&#8203;material-ui/styles';
    +import { createTheme, ThemeProvider } from '@&#8203;material-ui/core/styles';
    
    +const theme = createTheme();
     const useStyles = makeStyles((theme) => ({
       background: theme.palette.primary.main,
     }));
     function Component() {
       const classes = useStyles();
       return <div className={classes.root} />
     }
    
     // In the root of your app
     function App(props) {
    -  return <Component />;
    +  return <ThemeProvider theme={theme}><Component {...props} /></ThemeProvider>;
     }
  • [styles] Remove withStyles from @material-ui/core (#​26377) @​mnajdova

    The withStyles JSS utility is no longer exported from @material-ui/core. You can use @material-ui/styles instead. Make sure to add a ThemeProvider at the root of your application, as the defaultTheme is no longer available. If you are using this utility together with @material-ui/core, you should use the ThemeProvider component from @material-ui/core instead.

    -import { withStyles } from '@&#8203;material-ui/core/styles';
    +import { withStyles } from '@&#8203;material-ui/styles';
    +import { createTheme, ThemeProvider } from '@&#8203;material-ui/core/styles';
    
    +const defaultTheme = createTheme();
     const MyComponent = withStyles((props) => {
       const { classes, className, ...other } = props;
       return <div className={clsx(className, classes.root)} {...other} />
     })(({ theme }) => ({ root: { background: theme.palette.primary.main }}));
    
     function App() {
    -  return <MyComponent />;
    +  return <ThemeProvider theme={defaultTheme}><MyComponent /></ThemeProvider>;
     }
  • [styles] Merge options in experimentalStyled (#​26396) @​mnajdova

    The options inside the experimentalStyled module are now merged under one object. In the coming weeks, we will rename ths module: styled() to signal that it's no longer experimental.

    -experimentalStyled(Button, { shouldForwardProp: (prop) => prop !== 'something' }, { skipSx: true })(...);
    +experimentalStyled(Button, { shouldForwardProp: (prop) => prop !== 'something', skipSx: true })(...);
  • [Tabs] Update min & max width and remove minWidth media query (#​26458) @​siriwatknp

    Update the implementation to better match Material Design:

Changes
@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]
@material-ui/[email protected]
Breaking changes
  • [pickers] Remove allowKeyboardControl (#​26451) @​eps1lon

  • [ClockPicker] Rework keyboard implementation (#​26400) @​eps1lon

    Remove the allowKeyboardControl prop from ClockPicker (and TimePicker and variants). Keyboard navigation now works by default.

Changes

Configuration

📅 Schedule: At any time (no schedule defined).

🚦 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 these updates again.


  • If you want to rebase/retry this PR, check this box.

This PR has been generated by WhiteSource Renovate. View repository job log here.

@renovate renovate bot changed the title Update mui monorepo to v5.0.0-alpha.35 Update mui monorepo to v5.0.0-alpha.36 Jun 8, 2021
@renovate renovate bot changed the title Update mui monorepo to v5.0.0-alpha.36 Update mui monorepo to v5.0.0-alpha.37 Jun 15, 2021
@renovate renovate bot changed the title Update mui monorepo to v5.0.0-alpha.37 Update mui monorepo Jun 24, 2021
@renovate renovate bot changed the title Update mui monorepo Update mui monorepo to v5.0.0-beta.0 Jul 1, 2021
@renovate renovate bot changed the title Update mui monorepo to v5.0.0-beta.0 Update mui monorepo to v5.0.0-beta.1 Jul 14, 2021
@renovate renovate bot changed the title Update mui monorepo to v5.0.0-beta.1 Update mui monorepo to v5.0.0-beta.1 - autoclosed Oct 18, 2021
@renovate renovate bot closed this Oct 18, 2021
@renovate renovate bot deleted the renovate/mui-monorepo branch October 18, 2021 20:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant