All Versions
500
Latest Version
Avg Release Cycle
9 days
Latest Release
-

Changelog History
Page 14

  • v5.0.0-alpha.45 Changes

    • 💻 ​<!-- 20 -->[Joy UI] Add CircularProgress component (#33869) @hbjORbj
    • 💻 ​<!-- 19 -->[Joy UI] Add FormControl component (#34187) @siriwatknp
    • 💻 ​<!-- 18 -->[Joy UI] Add ListSubheader component (#34191) @siriwatknp
    • 💻 ​<!-- 17 -->[Joy UI] Add Modal component (#34043) @siriwatknp
    • ​<!-- 10 -->[Joy] Fix list value of false or 0 (zero) text is incorrectly grey (#34255) @kushagra010
    • ​<!-- 09 -->[Joy] Adjust typography decorator margin (#34257) @siriwatknp
    • 🛠 ​<!-- 08 -->[Joy] Miscellaneous fixes (#34193) @siriwatknp
    • ​<!-- 07 -->[Radio][joy] Integrate with form control (#34277) @siriwatknp
    • ​<!-- 06 -->[Joy][textarea] Pass textarea props from componentsProps (#34223) @HexM7

  • v5.0.0-alpha.44 Changes

    • ​<!-- 23 -->[Alert][joy] Add Alert component (#33859) @hbjORbj
    • ​<!-- 08 -->[Joy] Make the description of componentsProps generic (#34140) @hbjORbj
    • ✅ ​<!-- 07 -->[Joy] Add tests / classes for Breadcrumbs component (#33860) @hbjORbj
    • ​<!-- 06 -->[Select][joy] Fix forwarding listbox component prop (#34172) @siriwatknp

  • v5.0.0-alpha.43 Changes

    • [Joy] Fix role proptypes (#34119) @siriwatknp
    • [Joy] Refine componentsProps for all components (#34077) @siriwatknp
    • 👍 [Radio][joy] support componentsProps as a function (#34022) @siriwatknp
    • [Select][joy] Improve the a11y on the select field demo (#34073) @mnajdova
    • [Textarea][joy] Add Textarea component (#33975) @siriwatknp

  • v5.0.0-alpha.42 Changes

    • ​<!-- 27 -->[CalendarPicker] Improve contrast between enabled and disabled days (#27603) @nikitabobers
    • ​<!-- 32 -->[PickersDay] Render children if specified (#27462) @abriginets
    • ​<!-- 05 -->[TreeView] Fix TreeItem label overflow (#27585) @LorenzHenk

  • v5.0.0-alpha.41 Changes

    • ​<!-- 58 -->[pickers] Only accept dates from adapters in min/max props (#27392) @eps1lon
    • ​<!-- 15 -->[pickers] Fallback to today if all possible dates are disabled (#27294) @eps1lon
    • ​<!-- 06 -->[pickers] Minify error when LocalizationProvider is missing (#27295) @eps1lon
    • ​<!-- 01 -->[pickers] Fix Fade animation behavior change (#27283) @oliviertassinari

  • v5.0.0-alpha.40 Changes

    • [CalendarPicker] Fix slide transition regression (#27273) @eps1lon
    • [CalendarPicker] Use transition components from core instead of a custom implementation (#27043) @eps1lon
    • 0️⃣ [pickers] Fix default value of text keys (#26990) @oliviertassinari
    • 0️⃣ [TimePicker] Change default minutes and seconds to zero (#27037) @michal-perlakowski

  • v5.0.0-alpha.4 Changes

    July 19, 2020
    July 19, 2020

    🚀 Big thanks to the 11 contributors who made this release possible.

    💻 @material-ui/[email protected]

    💥 Breaking changes

    • 💻 [core] Drop support for non-ref-forwarding class components (#21811) @eps1lon
      👌 Support for non-ref-forwarding class components in the component prop or as an immediate children has been dropped. If you were using unstable_createStrictModeTheme or didn't see any warnings related to findDOMNode in React.StrictMode then you don't need to do anything.
      💻 Otherwise check out the "Caveat with refs" section in our composition guide to find out how to migrate.
      This change affects almost all components where you're using the component prop or passing children to components that require children to be elements (e.g. <MenuList><CustomMenuItem /></MenuList>)
    • 💻 [Stepper] Use context API (#21613) @baterson
      👯 Rely on the context over the React.cloneElement() API.
      This change makes composition easier.

    💻 @material-ui/[email protected]

    📄 Docs

    Core

  • v5.0.0-alpha.39 Changes

    💥 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

    • 💅 ​<!-- 12 -->[lab] Fix missing dependency on unstyled (#26937) @fishyFrogFace
    • ​<!-- 50 -->[pickers] Consider TDate in ToolbarComponent types (#27035) @michal-perlakowski

  • v5.0.0-alpha.38 Changes

    💥 Breaking changes

    • ​<!-- 05 -->[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={{...}}>

    • 0️⃣ ​<!-- 09 -->[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 '@material-ui/core/styles';

  const theme = createTheme({
    breakpoints: {
      values: {
        xs: 0,
        sm: 600,
        md: 960,
        lg: 1280,
        xl: 1920,
      },
    },
  });
    • 💅 ​<!-- 10 -->[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">
    • ​<!-- 08 -->[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.

    • 🚚 ​<!-- 14 -->[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>
    • 🚚 ​<!-- 19 -->[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 '@material-ui/system';
    • @material-ui/core
       import {
  -  unstable_useThemeProps,
  +  useThemeProps,
   } from '@material-ui/core/styles';

    🔄 Changes

    • 👍 ​<!-- 33 -->[Alert] Add support for custom colors (#26831) @varandasi
    • ​<!-- 32 -->[Button] Fix loading text invisible when disabled (#26857) @DanielBretzigheimer
    • ​<!-- 43 -->[ButtonBase] Consider as a link with a custom component and to prop (#26576) @shadab14meb346
    • ​<!-- 17 -->[ButtonBase] Derive state on render instead of in layout effects (#26762) @eps1lon
    • ​<!-- 37 --> [Drawer] Fix incorrect z-index (#26791) @michal-perlakowski
    • 🚚 ​<!-- 28 -->[Drawer] Remove incorrect transition handler props (#26835) @eps1lon
    • 👍 ​<!-- 01 -->[Link] Improve accessibility support (#26145) @ahmed-28
    • ​<!-- 41 -->[Modal] Fix calculating scrollbar size when using custom scrollbar (#26816) @michal-perlakowski
    • ​<!-- 29 -->[Rating] Make input ids less predictable (#26493) @eps1lon
    • ​<!-- 27 -->[Stepper] Add componentsProps.label to StepLabel (#26807) @michal-perlakowski
    • ​<!-- 36 -->[Tabs] Show error when Tab has display: none (#26783) @michal-perlakowski
    • ​<!-- 46 -->[theme] Add base color palette type to components (#26697) @siriwatknp

  • v5.0.0-alpha.37 Changes

    <!-- generated comparing v5.0.0-alpha.36..next -->

    Jun 15, 2021

    🚀 A 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.