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

Changelog History
Page 8

  • v5.0.0-rc.1 Changes

    • ​<!-- 46 -->[Autocomplete] Fix virtualization regression (#28129) @oliviertassinari
    • 💅 ​<!-- 45 -->[Button] Use deeper imports from unstyled, correct docs (#28074) @michaldudak
    • ​<!-- 44 -->[ButtonBase] Fix ripple persisting on blur (#28186) @michaldudak
    • ​<!-- 14 -->[Link] Infer ref type from component (#28101) @eps1lon
    • ​<!-- 11 -->[Popper] Fix bundle size regression (#27910) @oliviertassinari
    • 🔀 ​<!-- 10 -->[Select] Merge ref of Select and input element (#28054) @DouglasPds
    • ​<!-- 07 -->[Tabs] Improve error message formatting for invalid value (#28172) @eps1lon

  • v5.0.0-rc.0 Changes

    💥 Breaking changes

    • 📦 ​<!-- 33 -->[core] Rename packages (#28049) @mnajdova

    replace @material-ui/* prefix with @mui/*:

      @material-ui/system -> @mui/system
  @material-ui/styles -> @mui/styles
  @material-ui/lab -> @mui/lab
  @material-ui/types -> @mui/types
  @material-ui/styled-engine -> @mui/styled-engine
  @material-ui/styled-engine-sc ->@mui/styled-engine-sc
  @material-ui/private-theming -> @mui/private-theming
  @material-ui/codemod -> @mui/codemod

    except these 3 packages that are renamed.

      @material-ui/core => @mui/material        // represents Material Design components.
  @material-ui/icons => @mui/icons-material // represents Material Design icons.
  @material-ui/unstyled => @mui/base        // fully functional components with minimum styles.

    Note: @mui/base (previously @material-ui/unstyled) is not the same as @material-ui/core.

    We encourage you to use the codemod for smooth migration.

    🔄 Changes

    • ⚡️ ​<!-- 39 -->[Autocomplete] Update warning for value prop (#27977) @vedadeepta
    • ⚡️ ​<!-- 37 -->[ButtonGroup] Update PropTypes to match augmentable interface (#27944) @aaronlademann-wf
    • ​<!-- 36 -->[CardMedia] Add image role if image prop is specified but no image component is specified (#27676) @eps1lon
    • ​<!-- 10 -->[InputBase] Fix autofill issue (#28070) @mnajdova
    • ​<!-- 08 -->[Tabs] Fix indicator position when tab size changes (ResizeObserver) (#27791) @hbjORbj
    • 🔀 ​<!-- 06 -->[TextareaAutosize] Sync height when the width of the textarea changes (#27840) @hbjORbj
    • ​<!-- 05 -->[ToggleButtonGroup] Add "disabled" prop (#27998) @chetas411
    • ​<!-- 34 -->[core] Export types for module augmentation (#28078) @m4theushw

  • v5.0.0-beta.5 Changes

    💥 Breaking changes

    • ⚡️ ​<!-- 36 --> [core] Update .browserslistrc file (#27788) @DanailH

    The targets of the default bundle have changed:

    • Chrome 90 (up from 84)
    • Edge 91 (up from 85)
    • Safari 14 (macOS) (up from 13.1) and 12.4 (iOS) (up from 12.2)

    • Opera 76 (up from 70)

      • ​<!-- 43 --> [Autocomplete] Rename Value type to AutocompleteValue (#27804) @michaldudak

    The useAutocomplete hook used a type called Value. It was a very generic name for a type specific to the Autocomplete control, so it was removed to AutocompleteValue.

      -import { Value } from '@material-ui/core/useAutocomplete';
  +import { AutocompleteValue } from '@material-ui/core/useAutocomplete';

    🔄 Changes

    • ​<!-- 42 --> [AppBar] Fix transparency issue on dark mode (#27281) @will-amaral
    • ⏪ ​<!-- 29 --> Revert "[BottomNavigation] onClick does not fire if tapped while scrolling (#22524)" (#27690) @eps1lon
    • ⚠ ​<!-- 68 --> [Autocomplete] Add verbose warning for defaultValue (#27925) @vedadeepta
    • ​<!-- 78 --> [Badge] Add missing classes to exported class object (#27943) @pvdstel
    • ​<!-- 41 --> [ButtonGroup] Allow size customization via module augmentation (#27834) @aaronlademann-wf
    • ​<!-- 67 --> [InputBase] Preserve host state when changing rows from undefined to defined (#27683) @eps1lon
    • ​<!-- 18 --> [InputLabel] Apply asterisk class when required (#27738) @alexile
    • ​<!-- 26 --> [Select] Fix NativeSelect propagating classes to the DOM element (#27797) @mnajdova
    • ​<!-- 28 --> [Stack] Match the customization standard (#27777) @oliviertassinari
    • ​<!-- 70 --> [SvgIcon] Apply custom color if defined in the theme (#27923) @eps1lon
    • 💅 ​<!-- 65 --> [Switch] Add optional track slot to SwitchUnstyled (#27916) @michaldudak
    • ​<!-- 52 --> [Tooltip] Fix broken arrow position in rtl (#27868) @mnajdova
    • ​<!-- 02 --> [transitions] Allow to run Slide into a custom container (#26623) @benny0642

  • v5.0.0-beta.4 Changes

    💥 Breaking changes

    • ​<!-- 07 -->[Grid] Fix "auto" behavior to match natural width of its content (#27514) @aaronlademann-wf

    🔄 Changes

    • ​<!-- 30 -->[ButtonBase] Fix tabIndex type (#27684) @kylegach
    • ​<!-- 13 -->[MenuList] Fix text navigation (#27526) @ryancogswell
    • ​<!-- 01 -->[l10n] Add Arabic Sudan (ar-SD) locale (#27588) @YassinHussein
    • ​<!-- 23 -->[Radio] Fix size prop forwarding with custom icons (#27656) @DouglasPds
    • ​<!-- 10 -->[TextField] Password visibility icons ( "visibility" ⇔ "visibility-off" ) should be reversed (#27507) @tonextone
    • ​<!-- 18 -->[ToggleButton] Fix handling of color prop (#27635) @oliviertassinari

  • v5.0.0-beta.3 Changes

    • 💅 ​<!-- 28 -->[codemod] Add support for createStyles usage in jss-to-styled (#27578) @mnajdova
    • 💅 ​<!-- 11 -->[codemod] Fix jss-to-styled PREFIX generation on Windows (#27491) @mnajdova
    • 💅 ​<!-- 39 -->[codemod] Fix jss-to-styled codemod to handle React.Fragment as root (#27495) @mnajdova

  • v5.0.0-beta.2 Changes

    • ​<!-- 54 -->[Autocomplete] Explain how the loading prop works (#27416) @michaldudak
    • ⚡️ ​<!-- 49 -->[Autocomplete] Update input value when the input changes (#27313) @turtleseason
    • ​<!-- 09 -->[Autocomplete] Popper is not closing when the Autocomplete is disabled (#27312) @Goodiec
    • 💅 ​<!-- 42 -->[Checkbox] Skip default hover styles with disableRipple (#27314) @faan234
    • 💅 ​<!-- 50 -->[Dialog] Fix override paper styles (#27423) @newsiberian
    • 🚚 ​<!-- 17 -->[Grid] Remove width prop for rowSpacing (#27326) @sashkopavlenko
    • 🔀 ​<!-- 33 -->[Input] Merge componentsProps correctly (#27371) @mnajdova
    • 🛠 ​<!-- 55 -->[Pagination] Fixed usePagination requires @emotion in development mode (#27348) @ruppysuppy
    • ​<!-- 07 -->[Pagination] Fix :hover effect on previous/next button (#27304) @Aubrey-Li
    • ​<!-- 03 -->[Popper] Consistent timing of popper instance creation (#27233) @eps1lon
    • ​<!-- 45 -->[Select] Add SelectChangeEvent for accurate types for event in onChange prop (#27370) @eps1lon
    • ​<!-- 18 -->[Tabs] Use theme transition duration for the Tab animation (#27303) @florianbepunkt
    • ​<!-- 35 -->[TextField] Allow custom colors in FormLabel (#27337) @oliviertassinari
    • ​<!-- 14 -->[TextField] Fix name of componentsProps (#27338) @oliviertassinari
    • 💅 ​<!-- 04 -->[transitions] Make sure inline styles used for transition values if declared (#27140) @eps1lon

  • v5.0.0-beta.1 Changes

    <!-- generated comparing v5.0.0-beta.0..next -->

    Jul 14, 2021

    🚀 A 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 info success warning color to be more accessible (#26817) @siriwatknp. You can find the new default values in the documentation.

  • v5.0.0-beta.0 Changes

    💥 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

    • ​<!-- 19 -->[Box] Fix TypeScript error on maxWidth prop (#26859) @ansh-saini
    • ​<!-- 04 -->[Dialog] Automatically label by its DialogTitle (#26814) @eps1lon
    • 🗄 ​<!-- 32 -->[Hidden] Bring back and mark as deprecated (#26908) @siriwatknp
    • 🗄 ​<!-- 53 -->[List] Add button runtime deprecation warning (#26743) @siriwatknp
    • 💅 ​<!-- 03 -->[Modal] Type BackdropProps according to styled version (#26836) @eps1lon
    • 0️⃣ ​<!-- 21 -->[Radio] Fix defaultValue to match the other value types (#26945) @oliviertassinari
    • ​<!-- 48 -->[Stepper] Add completed to global pseudo-classes (#26953) @michal-perlakowski
    • 👍 ​<!-- 25 -->[Stepper] Fix support for no connectors (#26874) @varandasi
    • ​<!-- 20 -->[TextField] Prevent hiddenLabel from spreading to DOM (#26864) @siriwatknp
    • ​<!-- 18 -->[TextField] Fix label disappearing when focusing a button (#26933) @michal-perlakowski

  • v5.0.0-alpha.99 Changes

    💥 Breaking changes

    • [TrapFocus] Rename TrapFocus to FocusTrap (#34216) @kabernardes
      - import TrapFocus from ‘@mui/base/TrapFocus’;
  + import FocusTrap from ‘@mui/base/FocusTrap’;

    🔄 Changes

    • [MultiSelect] Require a single tap to select an item on mobile Chrome (#33932) @michaldudak

  • v5.0.0-alpha.98 Changes

    💥 Breaking changes

    • [Select][base] Add event parameter to the onChange callback (#34158) @michaldudak

    The SelectUnstyled and MultiSelectUnstyled onChange callbacks did not have event as the first parameter, leading to inconsistency with other components and native HTML elements. This PR adds the event parameter as the first one and moves the newly selected value to the second position. Because of this, it's a breaking change. This also affects Select from Joy UI.

      // before
  <SelectUnstyled onChange={(newValue) => { /* ... */ }} />

  // after
  <SelectUnstyled onChange={(event, newValue) => { /* ... */ }} />