Skip to content

/ material-ui

Pre-release
v5.0.0-alpha.26
Pre-release

@oliviertassinari oliviertassinari released this Feb 27, 2021 · 41 commits to next since this release

Feb 27, 2021

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

@material-ui/core@5.0.0-alpha.26

Breaking changes

  • [Tabs] Change the default indicatorColor and textColor prop values to "primary" (#25063) @Dripcoding

    This is done to match the most common use cases with Material Design. You can restore the previous behavior with:

    -<Tabs />
+<Tabs indicatorColor="primary" textColor="inherit" />

Changes

@material-ui/unstyled@5.0.0-alpha.26

@material-ui/lab@5.0.0-alpha.26

@material-ui/icons@5.0.0-alpha.26

  • [icons] Synchronize icons (#25055) @eps1lon

    The icons were synchronized with https://material.io/resources/icons/. This change increases the number of supported icons from 1,349 to 1,781 per theme (we support 5 themes). The breaking changes:

    // AmpStories -> Download
-AmpStories
+Download
-AmpStoriesOutlined
+DownloadOutlined
-AmpStoriesRounded
+DownloadRounded
-AmpStoriesSharp
+DownloadSharp
-AmpStoriesTwoTone
+DownloadTwoTone
// Outbond -> Outbound
-Outbond
+Outbound
-OutbondOutlined
+OutboundOutlined
-OutbondRounded
+OutboundRounded
-OutbondSharp
+OutboundSharp
-OutbondTwoTone
+OutboundTwoTone

    We are getting closer to the maximum number of icons our infrastructure can support. In the future, we might remove the least popular icons in favor of the most frequently used ones.

@material-ui/system@5.0.0-alpha.26

@material-ui/utils@5.0.0-alpha.26

Docs

Core

All contributors of this release in alphabetical order: @DanailH, @dborstelmann, @Dripcoding, @duganbrett, @eps1lon, @glocore, @hxqlin, @joemaffei, @jony89, @kevbarns, @klyburke, @koistya, @m4theushw, @manziEric, @mngu, @natac13, @NekoApocalypse, @oliviertassinari, @povilass, @praveenkumar-kalidass, @remyoudemans, @silver-snoopy, @vinyldarkscratch, @xs9627, @ydubinskyi

Assets 2
Pre-release
v5.0.0-alpha.25
Pre-release

@oliviertassinari oliviertassinari released this Feb 11, 2021 · 185 commits to next since this release

Feb 11, 2021

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

  • 👩‍🎤 Convert 32 components to emotion. Around 64% of the components have been migrated so far, thanks to the help of the community. We aim to migrate them all before the end of Q1 2021.
    The podium of the most active community members in the migration 🏆:

    1. @natac13 x17
    2. @vicasas x5
    3. @kodai3 x4

  • 📐 Add a subset of the system as flattened props on Typography (#24496) @mnajdova.
    Now, you can do:

    <Typography padding={2} color="text.secondary" />

  • 📅 Focus on the date pickers, 5 fixes and 3 docs improvements.

  • 💅 Provide a new darkScrollbar() CSS utility to improve the native scrollbar in dark mode. The documentation uses it.

@material-ui/core@5.0.0-alpha.25

Breaking changes

  • Increase the minimum version of TypeScript supported from v3.2 to v3.5. (#24795) @petyosi

    We try to align with types released from DefinitelyTyped (i.e. packages published on npm under the @types namespace).
    We will not change the minimum supported version in a major version of Material-UI.
    However, we generally recommend to not use a TypeScript version older than the lowest supported version of DefinitelyTyped.

Changes

@material-ui/system@5.0.0-alpha.25

Breaking changes

  • [system] Use spacing unit in `gap`, `rowGap`, and `columnGap` (#24794) @ruppysuppy

    If you were using a number previously, you need to provide the value in px to bypass the new transformation with theme.spacing. The change was done for consistency with the Grid spacing prop and the other system spacing properties, e.g. <Box padding={2}>.

    <Box
- gap={2}
+ gap="2px"
>

@material-ui/styled-engine@5.0.0-alpha.25

  • [styled-engine] Fix GlobalStyles not to throw when no theme is available (#24671) @mnajdova

@material-ui/types@5.0.0-alpha.25

Breaking changes

  • [types] Rename the exported `Omit` type in `@material-ui/types`. (#24795) @petyosi The module is now called DistributiveOmit. The change removes the confusion with the built-in Omit helper introduced in TypeScript v3.5. The built-in Omit, while similar, is non-distributive. This leads to differences when applied to union types. See this StackOverflow answer for further details.
-import { Omit } from '@material-ui/types';
+import { DistributiveOmit } from '@material-ui/types';

Changes

  • [types] Remove implicit children from PropInjector (#24746) @eps1lon

@material-ui/lab@5.0.0-alpha.25

Docs

Core

All contributors of this release in alphabetical order: @anthonyraymond, @ArnaultNouvel, @DanailH, @dborstelmann, @dtassone, @duganbrett, @EkaterinaMozheiko, @eps1lon, @fulin426, @hallzac2, @idanrozin, @KarimOurrai, @kodai3, @Lagicrus, @mbrookes, @mirefly, @mnajdova, @natac13, @oliviertassinari, @petyosi, @plug-n-play, @praveenkumar-kalidass, @ruppysuppy, @SCollinA, @silviot, @sumarlidason, @Tejaswiangotu123, @vicasas, @xiaoyu-tamu, @ydubinskyi

Assets 2
Pre-release
5.0.0-alpha.24
Pre-release

@eps1lon eps1lon released this Jan 26, 2021 · 315 commits to next since this release

Jan 26, 2021

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

  • 👩‍🎤 Convert 31 components to emotion. Around 40% of the components have been migrated so far thanks to the help of the community. See #24405 for more details.

  • 🐛 Fix two long-standing issues with the Grid. Solve the horizontal scrollbar as well as dimensions when nesting (#24332) @greguintow.

  • 📚 Fix various display issues on API documentation pages (#24526, #24503, #24504. #24517, #24417).

  • 📐 Add a subset of the system as flatten props on the CSS utility components (Grid and Box so far, Typography and Stack coming later) (#24485, #24499) @mnajdova.

    <Box m={2}>

@material-ui/core@5.0.0-alpha.24

@material-ui/lab@5.0.0-alpha.24

@material-ui/styled-engine@5.0.0-alpha.24

  • [styled-engine] Rename StylesProvider to StyledEngineProvider (#24429) @mnajdova

@material-ui/system@5.0.0-alpha.24

@material-ui/unstyled@5.0.0-alpha.24

@material-ui/utils@5.0.0-alpha.24

  • [utils] `useEventCallback` `args` defaults to `unknown[]` (#24564) @eps1lon
  • [utils] Fix requirePropFactory to merge validators (#24423) @mnajdova

Docs

Core

All contributors of this release in alphabetical order: @artola, @CyanoFresh, @d3mp, @duganbrett, @eladmotola, @eps1lon, @ewldev, @greguintow, @KarimMokhtar, @kutnickclose, @lukaselmer, @mbrookes, @mnajdova, @mxsph, @natac13, @oliviertassinari, @povilass, @praveenkumar-kalidass, @TimonPllkrn, @tonysepia, @vicasas, @vinyldarkscratch, @xs9627

Assets 2
Pre-release
v4.11.3-deprecations.1
Pre-release

@oliviertassinari oliviertassinari released this Jan 25, 2021 · 4320 commits to next since this release

Jan 26, 2021

Fix a version resolution issue reported in #24620.

You can install this release with the npm tag:

  "@material-ui/core": "deprecations"

or the pre-release semver:

  "@material-ui/core": "^4.11.3-deprecations.1"
Assets 2
Latest release
v4.11.3
Latest release

@oliviertassinari oliviertassinari released this Jan 24, 2021 · 4320 commits to next since this release

Jan 24, 2021

This release fixes an important issue with Chrome 88. The usage of NaN as a CSS property's value with JSS throws an exception.

Those wanting to anticipate the breaking changes coming in v5, on top of benefiting from this release, can install 4.11.3-deprecations.0. This pre-release includes deprecations with an upgrade path.

@material-ui/core@v4.11.3

@material-ui/styles@v4.11.3

@material-ui/system@v4.11.3

Docs

Core

Assets 2
Pre-release
v4.11.3-deprecations.0
Pre-release

@oliviertassinari oliviertassinari released this Jan 24, 2021 · 4320 commits to next since this release

Jan 24, 2021

This release is intended to help prepare the migration to Material-UI v5. ⏫.

We have started to add deprecations in anticipation of v5. We plan to add a deprecation for any breaking change in v5 that allows it. Each warning comes with a simple message that explains how to handle the deprecation. If no warnings are reported in the console, you are set for this first batch.
Please report issues with the deprecations on #22074 (wrong instructions, false-positives, floods in the console, etc.).

You can expect similar pre-releases like this one in the coming months. Once v5 reaches the beta phase (no more breaking changes), the below deprecations will be included in the v4 stable release.

You can install this release with the npm tag:

  "@material-ui/core": "deprecations"

or the pre-release semver:

  "@material-ui/core": "^4.11.3-deprecations.1"

Deprecations

Assets 2
Pre-release
v5.0.0-alpha.23
Pre-release

@mnajdova mnajdova released this Jan 14, 2021 · 439 commits to next since this release

Jan 14, 2021

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

@material-ui/core@v5.0.0-alpha.23/@material-ui/unstyled@v5.0.0-alpha.23

@material-ui/lab@v5.0.0-alpha.23

Breaking changes

  • [DateRangePicker] Remove DateRangDelimiter (#24298) @huzaima

    You can migrate away from it with:

    diff --git a/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx b/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx
index 72a89f9a11..2742fa6811 100644
--- a/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx
+++ b/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx
@@ -3,7 +3,7 @@ import TextField from '@material-ui/core/TextField';
import DateRangePicker, { DateRange } from '@material-ui/lab/DateRangePicker';
import AdapterDateFns from '@material-ui/lab/AdapterDateFns';
import LocalizationProvider from '@material-ui/lab/LocalizationProvider';
-import DateRangeDelimiter from '@material-ui/lab/DateRangeDelimiter';
+import Box from '@material-ui/core/Box';

export default function BasicDateRangePicker() {
  const [value, setValue] = React.useState<DateRange<Date>>([null, null]);
@@ -20,7 +20,7 @@ export default function BasicDateRangePicker() {
        renderInput={(startProps, endProps) => (
          <React.Fragment>
            <TextField {...startProps} variant="standard" />
-            <DateRangeDelimiter> to </DateRangeDelimiter>
+            <Box sx={{ mx: 2 }}>to</Box>
            <TextField {...endProps} variant="standard" />
          </React.Fragment>
        )}

Changes

@material-ui/styled-engine@v5.0.0-alpha.23/@material-ui/styled-engine-sc@v5.0.0-alpha.23

Docs

Core

Assets 2
Pre-release
v5.0.0-alpha.22
Pre-release

@oliviertassinari oliviertassinari released this Jan 4, 2021 · 517 commits to next since this release

Jan 4, 2021

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

  • ♿️ Fix major accessibility issue with the Autocomplete (#24213) @inform880
  • 👩‍🎤 Migrate the Container to emotion (#24227) @oliviertassinari
  • 🐛 Fix Next.js regression and other cross-platform issues with the build (#24200, #24223)
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v5.0.0-alpha.22/@material-ui/unstyled@v5.0.0-alpha.22

@material-ui/lab@v5.0.0-alpha.22

Docs

Core

Assets 2
Pre-release
v5.0.0-alpha.21
Pre-release

@mnajdova mnajdova released this Dec 30, 2020 · 559 commits to next since this release

Dec 30, 2020

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

  • 👩‍🎤 Migrate the Avatar to emotion (#24114) @oliviertassinari
  • 👩‍🎤 Migrate the Button to emotion (#24107, #24100) @mnajdova
  • ♿️ Improve TrapFocus behavior, ignore the container as a tabbable element (#23364) @gregnb
    In rare cases, an element might not longer be tabbable when looping, e.g. overflow container in Firefox.
    You can work around the problem by adding a tabIndex={0} or customizing the getTabbable prop.
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v5.0.0-alpha.21/@material-ui/unstyled@v5.0.0-alpha.21

@material-ui/system@v5.0.0-alpha.21

  • [system] Fix sx prop typings to support grid gap props (#24093) @mnajdova
  • [system] Improve the SxProp typings structure, by splitting them in a separate module. (#24090) @mnajdova
  • [system] Replace grid gap properties (#24094) @mnajdova

@material-ui/lab@v5.0.0-alpha.21

@material-ui/styles@v5.0.0-alpha.21

  • [styles] Fix for supporting non string props in propsToClassKey (#24101) @mnajdova

@material-ui/styled-engine@v5.0.0-alpha.21/@material-ui/styled-engine-sc@v5.0.0-alpha.21

  • [styled-engine] Fix StylesProvider injectFirst with sc (#24104) @mnajdova

Docs

Core

Assets 2
Pre-release
v5.0.0-alpha.20
Pre-release

@oliviertassinari oliviertassinari released this Dec 21, 2020 · 612 commits to next since this release

Dec 21, 2020

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

  • 👩‍🎤 Migrate the Typography to emotion (#23841) @DanailH

    This change allows to add typography variants in the theme and to use them directly:

    const theme = createMuiTheme({
  typography: {
    poster: {
      color: 'red',
    },
  },
});
<Typography variant="poster">poster</Typography>;

    A full demo

  • 📚 Add a shortcut to open the Algolia search (#23959) @hmaddisb.

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v5.0.0-alpha.20/@material-ui/unstyled@v5.0.0-alpha.20

Breaking changes

  • [CssBaseline] Change body font size to body1 (1rem) (#24018) @mbrookes

    The new default matches the variant used by the Typography component. To return to the previous size, you can override it in the theme:

    const theme = createMuiTheme({
  typography: {
    body1: {
      fontSize: '0.875rem',
    },
  },
});

Changes

@material-ui/styled-engine@v5.0.0-alpha.20/@material-ui/styled-engine-sc@v5.0.0-alpha.20

@material-ui/system@v5.0.0-alpha.20

Docs

Core

Assets 2