for-ui fix(deps): update material-ui monorepo

This PR contains the following updates:

Package	Change	Age	Confidence
@mui/base (source)	`5.0.0-alpha.126` -> `5.0.0-beta.70`
@mui/lab (source)	`5.0.0-alpha.127` -> `5.0.0-alpha.177`
@mui/material (source)	`5.12.1` -> `5.18.0`
@mui/types (source)	`7.2.4` -> `7.4.8`

Release Notes

mui/material-ui (@mui/base)

`v5.0.0-beta.5`

Compare Source

Aug 24, 2021

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

🐛 Fixed a lot of bugs and regressions to get us closer to the v5 stable release milestone
📚 Improved the docs and the migration guide for upgrading to v5

`@material-ui/[email protected]`

Breaking changes

[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)
[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 '@&#8203;material-ui/core/useAutocomplete';
+import { AutocompleteValue } from '@&#8203;material-ui/core/useAutocomplete';
```

Changes

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

`@material-ui/[email protected]`

Breaking changes

[system] Rename `styleProps` to `ownerState` (#27830) @mnajdova
The change was done in order to better reflect what they are, not what we think they will be used for.
```
 <SomeSlotComponent
-  styleProps={propsAndState}
+  ownerState={propsAndState}
 />
```

Changes

[system] Remove dependency on `overridesResolver` for the `variants` (#27859) @mnajdova
[system] Forward `classes` prop if no slot specified in the options (#27795) @mnajdova
[system] Fix pseudo class overridden in variants (#27847) @hbjORbj

`@material-ui/[email protected]`

[icons] Improve GitHub size (#27740) @oliviertassinari

`@material-ui/[email protected]`

[styled-engine] Remove unecessary aliases (#27779) @oliviertassinari
[styled-engine] Drop withComponent support (#27780) @oliviertassinari

`@material-ui/[email protected]`

[core] Utilize `CSS.supports` in `SliderUnstyled` component (#27724) @DanailH

`@material-ui/[email protected]`

[DatePicker] Fix click-away logic requiring second click in some cases (#24877) @eps1lon
[lab] Use the public API for module augmentation (#27735) @oliviertassinari
[Timeline] Fix color="inherit" on TimelineDot (#27794) @mnajdova

Docs

[docs] Redesign on markdown page (#27860) @mnajdova
[docs] Split changelog into current and old (#27942) @eps1lon
[docs] Migration, emphasize theme structure change (#27935) @oliviertassinari
[docs] Fix missing `href` for AppDrawerNavItems (#27936) @eps1lon
[docs] Pass window of iframe to framed demos (#27924) @eps1lon
[docs] Simplify Select Chip demo styling (#27864) @LorenzHenk
[docs] Move from Redux to React Context (#27828) @eps1lon
[docs] Correct the useAutocomplete import path (#27805) @michaldudak
[docs] Fix Tooltip flicker when hovering between code icon and demo (#27841) @eps1lon
[docs] Don't log if a request was aborted in ServerRequestDatePicker demo (#27843) @eps1lon
[docs] Fix false-positive useToolbar warning when using the demo toolbar menu (#27842) @eps1lon
[docs] Add missing import (#27850) @nguyenyou
[docs] Fix circular integration demo (#27856) @LorenzHenk
[docs] A few examples is enough (#27874) @mekouar-mehdi
[docs] Improve README.md (#27852) @surajkumar016
[docs] Fix rtl issue on the demos (#27865) @mnajdova
[docs] Apply the new branding theme and do the AppBar redesign (#27789) @mnajdova
[docs] Improve grammar in 'Align list items' section (#27730) @atorenherrinton
[docs] Make API documentation tables horizontally scrollable (#27787) @jakeanq
[docs] Fix typo on "Customized dialogs" section (#27827) @nomanoff
[docs] Fix Autocomplete country layout shift (#27814) @oliviertassinari
[docs] Improve accessible labels for Card demos (#27675) @eps1lon
[docs] Run in StrictMode by default (#27693) @eps1lon
[docs] Display TypeScript code of demo if requested (#27691) @eps1lon
[docs] Use country image instead of emoji (#27723) @qiweiii
[docs] Zero runtime themeAugmentation documentation (#27706) @eps1lon
[docs] Fix MobileTextStepper example to match description (#27682) @nolastemgarden
[docs] Document the transfer-list limitations (#27783) @oliviertassinari
[docs] Move TypeScript docs in context (#27782) @oliviertassinari
[docs] Prefer linking API source TypeScript (#27781) @oliviertassinari
[docs] Improve the Modal onClose migration (#27775) @oliviertassinari
[docs] Fix outdated styled-engine docs (#27778) @oliviertassinari
[docs] Improve right to left guide (#27713) @mnajdova
[docs] Consistent line break (#27728) @oliviertassinari
[docs] Don't dispatch ignored "reset code variant" actions (#27712) @eps1lon
[docs] Fix sentence to be more grammatically correct (#27733) @atorenherrinton
[examples] Add code sandbox config with node version (#27798) @qiweiii
Revert "[examples] Fix nextjs with styled-components example (#27583)" (#27921) @mnajdova
Revert "[examples] Update create-react-app examples with styled-components to use package aliases (#27591)" (#27917) @mnajdova
[I10n] Add Khmer (kh-KH) locale support (#27915) @teachhay
[website] Add templates & design-kits page (#27811) @siriwatknp
[website] Improve rebranding homepage performance (#27838) @siriwatknp
[website] Honest a11y value proposition (#27826) @eps1lon
[website] Improve homepage rebranding (#27663) @siriwatknp
[website] A few polish (#27741) @oliviertassinari
[website] Polish homepage (#27930) @oliviertassinari

Core

[core] Fix various flip: false regressions (#27920) @mnajdova
[core] Fix typo in code comment (#27818) @hamidreza-nateghi
[core] Fix typos in repository (#27785) @JEONGJIHUN
[test] Current behavior when disabling components variants (#27376) @noviicee
[tests Improve test for checking if classes is forwarded to any DOM element (#27815) @mnajdova
[tests] Replace legacy `describeConformance` with `describeConformanceV5` (#27817) @mnajdova

All contributors of this release in alphabetical order: @aaronlademann-wf, @alexile, @atorenherrinton, @benny0642, @DanailH, @eps1lon, @hamidreza-nateghi, @hbjORbj, @jakeanq, @JEONGJIHUN, @LorenzHenk, @mekouar-mehdi, @michaldudak, @mnajdova, @nguyenyou, @nolastemgarden, @nomanoff, @noviicee, @oliviertassinari, @pvdstel, @qiweiii, @siriwatknp, @surajkumar016, @teachhay, @vedadeepta, @will-amaral

`v5.0.0-beta.4`

Compare Source

Aug 13, 2021

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

🐛 Grid's "auto" behavior has been fixed (#27514) @aaronlademann-wf
♿ An important bug with the keyboard navigation in MenuList was fixed (#27526) @ryancogswell

`@material-ui/[email protected]`

Breaking changes

[Grid] Fix "auto" behavior to match natural width of its content (#27514) @aaronlademann-wf

Changes

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

`@material-ui/[email protected]`

[codemod] Fix filename case sensitive duplicate @oliviertassinari

`@material-ui/[email protected]`

[StyledEngineProvider] Remove unnecessary emotion cache export (#27680) @garronej
[system] Fix missing filterProps in compose type (#27618) @R-Bower

`@material-ui/[email protected]`

[CalendarPicker] Improve contrast between enabled and disabled days (#27603) @nikitabobers
[PickersDay] Render `children` if specified (#27462) @abriginets
[TreeView] Fix TreeItem label overflow (#27585) @LorenzHenk

Docs

[docs] Update guides for @material-ui/styled-engine-sc installation (#27602) @mnajdova
[docs] Document that @material-ui/styles is not strict mode compatible (#27639) @oliviertassinari
[docs] Link to "Customization of Theme" from relevant theme interfaces (#27689) @eps1lon
[docs] Update CSP page (#27627) @mnajdova
[docs] Reorder and rename "enforce value" ToggleButton demo (#27678) @LorenzHenk
[docs] Fix missing dependency in the DataGrid demo (#27597) @m4theushw
[docs] img should have a src attribute (#27632) @oliviertassinari
[docs] Add badges to Transfer List (#27634) @oliviertassinari
[docs] Recommend the `direct-import` babel plugin over `transform-import` (#27335) @umidbekk
[docs] Remove unused code (#27711) @eps1lon
[docs] Improve virtualization demo (#27340) @vedadeepta
[examples] Include a follow-up on the example (#27620) @matiasherranz
[website] Add about page (#27599) @siriwatknp
[website] Add pricing page (#27598) @siriwatknp

Core

[core] Batch small changes (#27636) @oliviertassinari
[core] Change range strategy to bump (#27652) @oliviertassinari
[core] Fix visual regression example images (#27660) @eps1lon
[core] Remove diff when running yarn docs:dev (#27720) @eps1lon
[core] Remove mocks of require.context in markdown loader (#27406) @eps1lon
[core] Reduce use CSS when Checkbox disableRipple is set (#27568) @oliviertassinari
[test] Add coverage for jss-to-styled prefix from filename (#27522) @eps1lon
[test] Add current behavior for a11y name vs visible name for PickersDay (#27661) @eps1lon
[test] Dodge double logging in dev mode (#27653) @oliviertassinari
[test] Enable skipped test fixed by upstream React fix (#27615) @eps1lon
[theme] Add missed variants in Components interface (#27453) @nikitabobers

All contributors of this release in alphabetical order: @aaronlademann-wf, @abriginets, @DouglasPds, @eps1lon, @garronej, @kylegach, @LorenzHenk, @m4theushw, @matiasherranz, @mnajdova, @nikitabobers, @oliviertassinari, @R-Bower, @ryancogswell, @siriwatknp, @tonextone, @umidbekk, @vedadeepta, @YassinHussein

`v5.0.0-beta.3`

Compare Source

Aug 9, 2021

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

✨ jss-to-styled codemod has been improved to support createStyles (TypeScript) and <React.Fragment> use (#27578) @mnajdova
🦴 Isolate useAutocomplete into the unstyled package (#27485) @michaldudak

`@material-ui/[email protected]`

[Modal] Restore `overflowX` and `overflowY` styles (#27487) @PCOffline
[Modal] Remove unnecessary check for children.props.tabIndex (#27374) @noviicee
[Select] Fix regression for icon not rotating (#27511) @mnajdova

`@material-ui/[email protected]`

[system] Added top, left, right and bottom border color CSS properties to system (#27580) @R-Bower

`@material-ui/[email protected]`

[codemod] Add support for `createStyles` use in `jss-to-styled` (#27578) @mnajdova
[codemod] Fix `jss-to-styled` PREFIX generation on Windows (#27491) @mnajdova
[codemod] Fix `jss-to-styled` codemod to handle React.Fragment as root (#27495) @mnajdova

`@material-ui/[email protected]`

[FormControl] Create FormControlUnstyled (#27240) @michaldudak
[Autocomplete] Move useAutocomplete to the Unstyled package (#27485) @michaldudak

Docs

[docs] Fix layout shift when opening hash anchor (#27619) @oliviertassinari
[docs] Add TypeScript guide for the `sx` prop (#27417) @mnajdova
[docs] Hardcode listed colors in /customization/color/#playground (#27446) @eps1lon
[docs] Bring back Select#onChange signature API (#27443) @eps1lon
[docs] Remove backticks in the title (#27567) @oliviertassinari
[docs] Fix 404 links (#27566) @oliviertassinari
[docs] Use the same h2 for the customization demos (#27569) @oliviertassinari
[docs] Fix syntax error in v5 migration `styled` api example (#27518) @kimbaudi
[docs] Improve SSR configuration with emotion (#27496) @frandiox
[docs] Change "pseudo-classes" to "state classes" (#27570) @michaldudak
[docs] Add StackBlitz edit demo integration (#27391) @sulco
[docs] Remove unnecessary generic argument (#27516) @bezpalko
[docs] Add customization demos (#27411) @siriwatknp
[docs] Restore initial descriptionRegExp logic (#27436) @oliviertassinari
[docs] Polish jss-to-styled docs (#27457) @oliviertassinari
[examples] Fix nextjs with styled-components example (#27583) @mnajdova
[examples] Update create-react-app examples with styled-components to use package aliases (#27591) @mnajdova
[examples] Improve integration examples with Next.js (#27331) @Harshita-Kanal
[website] Add spicefactory as gold sponsor @oliviertassinari
[website] Homepage rebranding (#27488) @siriwatknp
[website] Add Flavien to team and about pages (#27575) @flaviendelangle
[website] Add Ryan to Community contributors for Stack Overflow contributions (#27529) @ryancogswell
[website] Add references section to home (#27444) @siriwatknp

Core

[core] rebaseWhen=auto does not seem to work (#27565) @oliviertassinari
[core] Improve instructions for the @material-ui/styles migration (#27466) @mnajdova
[core] Batch small changes (#27435) @oliviertassinari
[core] Receive patch and minor dependency updates (#27455) @eps1lon
[test] Update coverage to include all @material-ui packages (#27521) @eps1lon
[test] Lint codemod tests (#27519) @eps1lon
[test] Allow tests to run for 6s before timeout (#27456) @oliviertassinari

All contributors of this release in alphabetical order: @bezpalko, @eps1lon, @flaviendelangle, @frandiox, @Harshita-Kanal, @kimbaudi, @michaldudak, @mnajdova, @noviicee, @oliviertassinari, @PCOffline, @R-Bower, @ryancogswell, @siriwatknp, @sulco

`v5.0.0-beta.2`

Compare Source

Jul 26, 2021

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

✨ We introduced a new codemod for converting JSS styles to emotion (#27292) @siriwatknp It should help the adoption of v5, by making possible the removal of JSS sooner.
🐛 The majority of other changes in this release were bug fixes, test utilities, and docs.

`@material-ui/[email protected]`

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

`@material-ui/[email protected]`

[codemod] Add `optimal-imports` for v5 (#27404) @mnajdova
[codemod] Add jss to emotion codemod (#27292) @siriwatknp
[codemod] Fix running codemod CLI on Windows (#27395) @michaldudak
[codemod] Fix published version (#27384) @eps1lon
[codemod] Improve README.md (#27257) @mnajdova

`@material-ui/[email protected]`

[NoSsr] Move NoSsr to the Unstyled package (#27356) @michaldudak

`@material-ui/[email protected]`

[utils] Convert createChainedFunction to TypeScript (#27386) @eps1lon

`@material-ui/[email protected]`

[system] Compute display name of `styled` component if `name` isn't set (#27401) @eps1lon
[system] Adds missing type for `shouldForwardProp` (#27310) @KLubin1

`@material-ui/[email protected]`

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

Docs

[docs] Display Popper arrow correctly (#27339) @Patil2099
[docs] Focus pickers introduction on Material-UI (#27394) @eps1lon
[docs] Fix wrong import path in @material-ui/styles section (#27427) @WeldonTan
[docs] Update color imports (#27321) @siriwatknp
[docs] Sync params of callbacks between types and JSDoc description (#27366) @eps1lon
[docs] Add migration note for synthetic native events in onChange (#27368) @eps1lon
[docs] Improve unstyled docs (#27382) @oliviertassinari
[docs] Update `Transitions` page (#27319) @siriwatknp
[docs] Add Unstyled components docs page (#27158) @michaldudak
[docs] Fix app bar regression (#27373) @mnajdova
[docs] Update migration guide to have a section on nested classes (#27354) @mnajdova
[docs] Convert App* components to emotion (#27150) @eps1lon
[docs] Fix duplicate "Theme" header (#27353) @eps1lon
[docs] Remove horizontal scrollbar in MiniDrawer (#27055) @AlvesJorge
[docs] Add `makeStyles` explanation in troubleshooting (#27322) @siriwatknp
[docs] Fix ExpansionPanel migration notes (#27352) @eps1lon
[docs] Transpile markdown files (#27349) @eps1lon
[docs] Fix typo in the word typography (#27329) @tudi2d
[docs] Use actual symbol of kilogram (#27332) @getsnoopy
[docs] Make migration doc easier to follow (#26948) @siriwatknp
[examples] Cleanup `gatsby` examples (#27375) @mnajdova
[examples] Create nextjs example using styled-components (#27088) @hboylan
[examples] Update gatsby example to use custom plugin (#27357) @mnajdova

Core

[core] Remove obsolete styles documentation (#27350) @eps1lon
[core] Fix GitHub language detection (#27298) @oliviertassinari
[test] Include coverage report of browser tests (#27389) @eps1lon
[test] Add current behavior for getDisplayName with context components (#27402) @eps1lon
[test] Enable skipped picker tests (#27268) @eps1lon
[website] Add hero section to homepage (#27364) @siriwatknp

All contributors of this release in alphabetical order: @AlvesJorge, @Aubrey-Li, @eps1lon, @faan234, @florianbepunkt, @g etsnoopy, @Goodiec, @hboylan, @KLubin1, @michaldudak, @mnajdova, @newsiberian, @oliviertassinari, @Patil2099, @ruppysupp y, @sashkopavlenko, @siriwatknp, @tudi2d, @turtleseason, @WeldonTan

`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 ✨:

✨ 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 mui-org#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.

`@material-ui/[email protected]`

Breaking changes

[Fab] Remove no longer necessary span wrapper (#27112) @siriwatknp
[ToggleButton] Remove no longer necessary span wrapper (#27111) @siriwatknp

Changes

[Autocomplete] Add componentsProps (#27183) @michal-perlakowski
[Avatar] Fix support for crossOrigin (#27013) @ShirasawaSama
[ButtonBase] Correct disableRipple API description (#27187) @michaldudak
[ButtonGroup] Add color palette types (#27215) @ShirasawaSama
[SwitchBase] Bring back checked and mark as deprecated (#27047) @siriwatknp
[TextField] Remove redundant useFormControl implementation (#27197) @michaldudak
[theme] Add missing MuiRating types to components.d.ts (#27086) @rajzik
[theme] Remove createV4Spacing from adaptV4Theme (#27072) @siriwatknp
[theme] Update default info success warning color (#26817) @siriwatknp
[ToggleButton] Add color palette types (#27046) @ShirasawaSama
[ToggleButton] Fix the api page (#27164) @oliviertassinari

`@material-ui/[email protected]`

[Switch] Create SwitchUnstyled and useSwitch (#26688) @michaldudak

`@material-ui/[email protected]`

[codemod] Add v5 important migration (#27032) @siriwatknp
[codemod] Fix v5 codemods on Windows (#27254) @michaldudak

`@material-ui/[email protected]`

[Box] Add breakpoint value support to maxWidth prop (#26984) @ansh-saini

`@material-ui/[email protected]`

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

Docs

[blog] Q2 2021 Update (#27089) @oliviertassinari
[docs] Add information that the label prop in FormControlLabel is now @michal-perlakowski
[docs] Don't crash page if an Ad crashes (#27178) @eps1lon
[docs] Fix alt description of movavi backer @oliviertassinari
[docs] Fix import source of hidden component (#27116) @vimutti77
[docs] Fix layout regression (#27272) @oliviertassinari
[docs] Fix syntax error in /styles/api markdown (#27176) @sahil-blulabs
[docs] Fix the link for the sx props page (#27202) @mnajdova
[docs] Fix theme context example code (#27053) @moshfeu
[docs] Fix typo in CONTRIBUTING.md (#27218) Ayush Dubey
[docs] Fix typos (#27074) @michaldudak
[docs] Improve nav semantics (#27138) @eps1lon
[docs] Migrate Ad* components to emotion (#27159) @mnajdova
[docs] Migrate rest of the docs to emotion (#27184) @mnajdova
[docs] Move versions from _app PageContext to page-specific context (#27078) @eps1lon
[docs] Only bundle one version of the demos in production (#27020) @eps1lon
[docs] Reduce layout shift on landing page (#27251) @eps1lon
[docs] Remove Ethical Ads (#27173) @mbrookes
[docs] Remove unused fs polyfill (#27069) @eps1lon
[docs] Remove usage of url package (#27151) @eps1lon
[docs] Replace react-text-mask with react-imask in integration example (#27071) @michal-perlakowski
[docs] Sort the size in a more logical order (#27186) @oliviertassinari
[docs] Use actual link to paperbase (#27063) @eps1lon
[docs] Use custom markdown loader for landing page (#27065) @eps1lon
[docs] Use webpack 5 (#27077) @eps1lon
[examples] Fix CDN warning (#27229) @oliviertassinari
[examples] Remove StyledEngineProvider as JSS is not used (#27133) @mnajdova
[examples] Remove forgotten StyledEngineProvider (#27163) @oliviertassinari

Core

[core] Batch small changes (#26970) @oliviertassinari
[core] Configure Renovate (#27003) @renovate[bot]
[core] Migrate remaining mentions of Dependabot to Renovate (#27118) @eps1lon
[core] Run yarn deduplicate on Renovate updates (#27115) @eps1lon
[test] Document broken React 18 behavior of Autocomplete (#27242) @eps1lon
[test] Increase BS timeout to 6min (#27179) @oliviertassinari
[test] Migrate regressions to emotion (#27010) @vicasas
[test] Narrow down React 18 compat issues (#27134) @eps1lon
[test] Remove StyledEngineProvider usage from regressions and e2e test @mnajdova
[test] Run React 18 integration tests with new createRoot API (#26672) @eps1lon
[test] Update tests with latest state of StrictMode compatibility (#27042) @eps1lon
[test] Use DOM events instead of mocked, partial events (#27198) @eps1lon
[website] Open 4 new roles (#27123) @oliviertassinari
[blog] Danilo Leal joins Material-UI (#27231) @oliviertassinari

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/[email protected]`

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

This PR was generated by Mend Renovate. View the repository job log.

Apr 09 '24 02:04 renovate[bot]

⚠️ No Changeset found

Latest commit: 9cddf9d484a10f71dded7d5e586b039a26f65ad7

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

Apr 09 '24 02:04 changeset-bot[bot]

Deploying for-ui with Cloudflare Pages

Latest commit:	`9cddf9d`
Status:	🚫 Build failed.

View logs

May 01 '24 15:05 cloudflare-workers-and-pages[bot]

[!IMPORTANT]

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Walkthrough

この変更は、Next.jsアプリケーション、Viteアプリケーション、およびUIライブラリの依存関係を更新することに焦点を当てています。具体的には、@mui/base、@mui/lab、@mui/material、および@mui/typesのバージョンが変更され、より安定したリリースが反映されています。これにより、アプリケーションの機能やパフォーマンスが向上します。

Changes

ファイル	変更の概要
example/nextjs-app/package.json, example/vite-app/package.json, packages/for-ui/package.json	`@mui/base`: `5.0.0-alpha.126` から `5.0.0-beta.40` へ、`@mui/lab`: `5.0.0-alpha.127` から `5.0.0-alpha.173` へ、`@mui/material`: `5.12.1` から `5.16.7` へ、`@mui/types`: `7.2.4` から `7.2.15` へバージョンが更新されました。

Sequence Diagram(s)

sequenceDiagram
    participant A as ユーザー
    participant B as アプリケーション
    participant C as ライブラリ

    A->>B: アプリを起動
    B->>C: 最新のライブラリを使用
    C-->>B: 更新された機能を返す
    B-->>A: 改良されたUIを表示

Poem

🐇
うさぎの耳で風を感じ、
新しい依存関係に心躍る。
安定したバージョン、
機能が増えて、
嬉しい変化に跳ねる！
さあ、みんなで楽しもう🎉
🐰

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

Review comments: Directly reply to a review comment made by CodeRabbit. Example:
- I pushed a fix in commit <commit_id>, please review it.
- Generate unit testing code for this file.
- Open a follow-up GitHub issue for this discussion.
Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
- @coderabbitai generate unit testing code for this file.
- @coderabbitai modularize this function.
PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
- @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
- @coderabbitai read src/utils.ts and generate unit testing code.
- @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
- @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

@coderabbitai pause to pause the reviews on a PR.
@coderabbitai resume to resume the paused reviews.
@coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
@coderabbitai full review to do a full review from scratch and review all the files again.
@coderabbitai summary to regenerate the summary of the PR.
@coderabbitai resolve resolve all the CodeRabbit review comments.
@coderabbitai configuration to show the current CodeRabbit configuration for the repository.
@coderabbitai help to get help.

Other keywords and placeholders

Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
Add @coderabbitai anywhere in the PR title to generate the title automatically.

Documentation and Community

Visit our Documentation for detailed information on how to use CodeRabbit.
Join our Discord Community to get help, request features, and share feedback.
Follow us on X/Twitter for updates and announcements.

May 29 '24 13:05 coderabbitai[bot]

PR-Agent was enabled for this repository. To continue using it, please link your git user with your CodiumAI identity here.

CI Failure Feedback 🧐

Action: build-nextjs

Failed stage: Run npm run build [❌]

Failure summary:

The action failed due to TypeScript compilation errors:

Error TS2307: Cannot find module '@mui/base/ButtonUnstyled' or its corresponding type declarations
in src/button/Button.tsx.

Error TS2604: JSX element type 'TextareaAutosize' does not have any construct or call signatures in
src/textArea/TextArea.tsx.

Error TS2786: 'TextareaAutosize' cannot be used as a JSX component in src/textArea/TextArea.tsx. Its
type is not a valid JSX element type.
These errors caused the build:types lifecycle script to fail,
resulting in the overall failure of the build process.

Relevant error logs:

1:  ##[group]Operating System
2:  Ubuntu
...

410:  > tsc -p tsconfig.build.json
411:  [36mvite v4.0.4 [32mbuilding for production...[36m[39m
412:  transforming...
413:  [32m✓[39m 107 modules transformed.
414:  rendering chunks...
415:  computing gzip size...
416:  [2mdist/commonjs/[22m[36mfor-ui.js  [39m[1m[2m86.04 kB[22m[1m[22m[2m │ gzip: 25.16 kB[22m
417:  [2mdist/esm/[22m[36mfor-ui.esm.js  [39m[1m[2m148.77 kB[22m[1m[22m[2m │ gzip: 32.28 kB[22m
418:  ##[error]src/button/Button.tsx(2,66): error TS2307: Cannot find module '@mui/base/ButtonUnstyled' or its corresponding type declarations.
419:  ##[error]src/textArea/TextArea.tsx(136,12): error TS2604: JSX element type 'TextareaAutosize' does not have any construct or call signatures.
420:  ##[error]src/textArea/TextArea.tsx(136,12): error TS2786: 'TextareaAutosize' cannot be used as a JSX component.
421:  Its type 'typeof import("/home/runner/work/for-ui/for-ui/node_modules/@mui/base/TextareaAutosize/index")' is not a valid JSX element type.
422:  npm ERR! Lifecycle script `build:types` failed with error: 
423:  npm ERR! Error: command failed 
424:  npm ERR!   in workspace: @4design/[email protected] 
425:  npm ERR!   at location: /home/runner/work/for-ui/for-ui/packages/for-ui 
426:  ERROR: "build:types" exited with 1.
427:  npm ERR! Lifecycle script `build` failed with error: 
428:  npm ERR! Error: command failed 
429:  npm ERR!   in workspace: @4design/[email protected] 
430:  npm ERR!   at location: /home/runner/work/for-ui/for-ui/packages/for-ui 
431:  ##[error]Process completed with exit code 1.

✨ CI feedback usage guide:

The CI feedback tool (/checks) automatically triggers when a PR has a failed check. The tool analyzes the failed checks and provides several feedbacks:

Failed stage
Failed test name
Failure summary
Relevant error logs

In addition to being automatically triggered, the tool can also be invoked manually by commenting on a PR:

/checks "https://github.com/{repo_name}/actions/runs/{run_number}/job/{job_number}"

where {repo_name} is the name of the repository, {run_number} is the run number of the failed check, and {job_number} is the job number of the failed check.

Configuration options

enable_auto_checks_feedback - if set to true, the tool will automatically provide feedback when a check is failed. Default is true.
excluded_checks_list - a list of checks to exclude from the feedback, for example: ["check1", "check2"]. Default is an empty list.
enable_help_text - if set to true, the tool will provide a help message with the feedback. Default is true.
persistent_comment - if set to true, the tool will overwrite a previous checks comment with the new feedback. Default is true.
final_update_message - if persistent_comment is true and updating a previous checks message, the tool will also create a new message: "Persistent checks updated to latest commit". Default is true.

See more information about the checks tool in the docs.

Oct 09 '24 14:10 qodo-code-review[bot]

PR-Agent was enabled for this repository. To continue using it, please link your git user with your CodiumAI identity here.

CI Failure Feedback 🧐

Action: build-vite

Failed stage: Run npm run build [❌]

Failure summary:

The action failed due to TypeScript compilation errors:

Error TS2307: Cannot find module '@mui/base/ButtonUnstyled' or its corresponding type declarations
in src/button/Button.tsx.

Error TS2604: JSX element type 'TextareaAutosize' does not have any construct or call signatures in
src/textArea/TextArea.tsx.

Error TS2786: 'TextareaAutosize' cannot be used as a JSX component in src/textArea/TextArea.tsx. Its
type is not a valid JSX element type.
These errors caused the build:types lifecycle script to fail,
which in turn caused the build script to fail.

Relevant error logs:

1:  ##[group]Operating System
2:  Ubuntu
...

410:  > tsc -p tsconfig.build.json
411:  [36mvite v4.0.4 [32mbuilding for production...[36m[39m
412:  transforming...
413:  [32m✓[39m 107 modules transformed.
414:  rendering chunks...
415:  computing gzip size...
416:  [2mdist/commonjs/[22m[36mfor-ui.js  [39m[1m[2m86.04 kB[22m[1m[22m[2m │ gzip: 25.16 kB[22m
417:  [2mdist/esm/[22m[36mfor-ui.esm.js  [39m[1m[2m148.77 kB[22m[1m[22m[2m │ gzip: 32.28 kB[22m
418:  ##[error]src/button/Button.tsx(2,66): error TS2307: Cannot find module '@mui/base/ButtonUnstyled' or its corresponding type declarations.
419:  ##[error]src/textArea/TextArea.tsx(136,12): error TS2604: JSX element type 'TextareaAutosize' does not have any construct or call signatures.
420:  ##[error]src/textArea/TextArea.tsx(136,12): error TS2786: 'TextareaAutosize' cannot be used as a JSX component.
421:  Its type 'typeof import("/home/runner/work/for-ui/for-ui/node_modules/@mui/base/TextareaAutosize/index")' is not a valid JSX element type.
422:  npm ERR! Lifecycle script `build:types` failed with error: 
423:  npm ERR! Error: command failed 
424:  npm ERR!   in workspace: @4design/[email protected] 
425:  npm ERR!   at location: /home/runner/work/for-ui/for-ui/packages/for-ui 
426:  ERROR: "build:types" exited with 1.
427:  npm ERR! Lifecycle script `build` failed with error: 
428:  npm ERR! Error: command failed 
429:  npm ERR!   in workspace: @4design/[email protected] 
430:  npm ERR!   at location: /home/runner/work/for-ui/for-ui/packages/for-ui 
431:  ##[error]Process completed with exit code 1.

✨ CI feedback usage guide:

The CI feedback tool (/checks) automatically triggers when a PR has a failed check. The tool analyzes the failed checks and provides several feedbacks:

Failed stage
Failed test name
Failure summary
Relevant error logs

In addition to being automatically triggered, the tool can also be invoked manually by commenting on a PR:

/checks "https://github.com/{repo_name}/actions/runs/{run_number}/job/{job_number}"

where {repo_name} is the name of the repository, {run_number} is the run number of the failed check, and {job_number} is the job number of the failed check.

Configuration options

enable_auto_checks_feedback - if set to true, the tool will automatically provide feedback when a check is failed. Default is true.
excluded_checks_list - a list of checks to exclude from the feedback, for example: ["check1", "check2"]. Default is an empty list.
enable_help_text - if set to true, the tool will provide a help message with the feedback. Default is true.
persistent_comment - if set to true, the tool will overwrite a previous checks comment with the new feedback. Default is true.
final_update_message - if persistent_comment is true and updating a previous checks message, the tool will also create a new message: "Persistent checks updated to latest commit". Default is true.

See more information about the checks tool in the docs.

Oct 09 '24 14:10 qodo-code-review[bot]