@mui/lab 6.0.0-alpha.9 → 6.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/Alert/Alert.js +7 -4
  2. package/AlertTitle/AlertTitle.js +7 -4
  3. package/Autocomplete/Autocomplete.js +7 -4
  4. package/AvatarGroup/AvatarGroup.js +7 -4
  5. package/CHANGELOG.md +331 -3
  6. package/LoadingButton/LoadingButton.d.ts +4 -4
  7. package/LoadingButton/LoadingButton.js +8 -4
  8. package/Masonry/Masonry.d.ts +2 -2
  9. package/Pagination/Pagination.js +7 -4
  10. package/PaginationItem/PaginationItem.js +7 -4
  11. package/Rating/Rating.js +7 -4
  12. package/Skeleton/Skeleton.js +7 -4
  13. package/SpeedDial/SpeedDial.js +7 -4
  14. package/SpeedDialAction/SpeedDialAction.js +7 -4
  15. package/SpeedDialIcon/SpeedDialIcon.js +7 -4
  16. package/TabContext/TabContext.d.ts +2 -2
  17. package/TabList/TabList.d.ts +3 -3
  18. package/TabPanel/TabPanel.d.ts +2 -2
  19. package/Timeline/Timeline.d.ts +2 -2
  20. package/Timeline/Timeline.js +2 -2
  21. package/TimelineConnector/TimelineConnector.d.ts +2 -2
  22. package/TimelineContent/TimelineContent.d.ts +3 -3
  23. package/TimelineDot/TimelineDot.d.ts +2 -2
  24. package/TimelineItem/TimelineItem.d.ts +2 -2
  25. package/TimelineOppositeContent/TimelineOppositeContent.d.ts +3 -3
  26. package/TimelineSeparator/TimelineSeparator.d.ts +2 -2
  27. package/ToggleButton/ToggleButton.js +7 -4
  28. package/ToggleButtonGroup/ToggleButtonGroup.js +7 -4
  29. package/index.js +1 -1
  30. package/modern/Alert/Alert.js +7 -4
  31. package/modern/AlertTitle/AlertTitle.js +7 -4
  32. package/modern/Autocomplete/Autocomplete.js +7 -4
  33. package/modern/AvatarGroup/AvatarGroup.js +7 -4
  34. package/modern/LoadingButton/LoadingButton.js +8 -4
  35. package/modern/Pagination/Pagination.js +7 -4
  36. package/modern/PaginationItem/PaginationItem.js +7 -4
  37. package/modern/Rating/Rating.js +7 -4
  38. package/modern/Skeleton/Skeleton.js +7 -4
  39. package/modern/SpeedDial/SpeedDial.js +7 -4
  40. package/modern/SpeedDialAction/SpeedDialAction.js +7 -4
  41. package/modern/SpeedDialIcon/SpeedDialIcon.js +7 -4
  42. package/modern/Timeline/Timeline.js +2 -2
  43. package/modern/ToggleButton/ToggleButton.js +7 -4
  44. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +7 -4
  45. package/modern/index.js +1 -1
  46. package/modern/zero-styled/index.js +2 -7
  47. package/node/Alert/Alert.js +7 -4
  48. package/node/AlertTitle/AlertTitle.js +7 -4
  49. package/node/Autocomplete/Autocomplete.js +7 -4
  50. package/node/AvatarGroup/AvatarGroup.js +7 -4
  51. package/node/LoadingButton/LoadingButton.js +7 -3
  52. package/node/Pagination/Pagination.js +7 -4
  53. package/node/PaginationItem/PaginationItem.js +7 -4
  54. package/node/Rating/Rating.js +7 -4
  55. package/node/Skeleton/Skeleton.js +7 -4
  56. package/node/SpeedDial/SpeedDial.js +7 -4
  57. package/node/SpeedDialAction/SpeedDialAction.js +7 -4
  58. package/node/SpeedDialIcon/SpeedDialIcon.js +7 -4
  59. package/node/Timeline/Timeline.js +2 -2
  60. package/node/ToggleButton/ToggleButton.js +7 -4
  61. package/node/ToggleButtonGroup/ToggleButtonGroup.js +7 -4
  62. package/node/index.js +1 -1
  63. package/node/zero-styled/index.js +1 -6
  64. package/package.json +11 -7
  65. package/zero-styled/index.d.ts +0 -2
  66. package/zero-styled/index.js +2 -7
package/Alert/Alert.js CHANGED
@@ -4,15 +4,18 @@ import * as React from 'react';
4
4
  import Alert from '@mui/material/Alert';
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
6
  let warnedOnce = false;
7
+ const warn = () => {
8
+ if (!warnedOnce) {
9
+ console.warn(['MUI: The Alert component was moved from the lab to the core.', '', "You should use `import { Alert } from '@mui/material'`", "or `import Alert from '@mui/material/Alert'`"].join('\n'));
10
+ warnedOnce = true;
11
+ }
12
+ };
7
13
 
8
14
  /**
9
15
  * @ignore - do not document.
10
16
  */
11
17
  export default /*#__PURE__*/React.forwardRef(function DeprecatedAlert(props, ref) {
12
- if (!warnedOnce) {
13
- console.warn(['MUI: The Alert component was moved from the lab to the core.', '', "You should use `import { Alert } from '@mui/material'`", "or `import Alert from '@mui/material/Alert'`"].join('\n'));
14
- warnedOnce = true;
15
- }
18
+ warn();
16
19
  return /*#__PURE__*/_jsx(Alert, {
17
20
  ref: ref,
18
21
  ...props
@@ -4,15 +4,18 @@ import * as React from 'react';
4
4
  import AlertTitle from '@mui/material/AlertTitle';
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
6
  let warnedOnce = false;
7
+ const warn = () => {
8
+ if (!warnedOnce) {
9
+ console.warn(['MUI: The AlertTitle component was moved from the lab to the core.', '', "You should use `import { AlertTitle } from '@mui/material'`", "or `import AlertTitle from '@mui/material/AlertTitle'`"].join('\n'));
10
+ warnedOnce = true;
11
+ }
12
+ };
7
13
 
8
14
  /**
9
15
  * @ignore - do not document.
10
16
  */
11
17
  export default /*#__PURE__*/React.forwardRef(function DeprecatedAlertTitle(props, ref) {
12
- if (!warnedOnce) {
13
- console.warn(['MUI: The AlertTitle component was moved from the lab to the core.', '', "You should use `import { AlertTitle } from '@mui/material'`", "or `import AlertTitle from '@mui/material/AlertTitle'`"].join('\n'));
14
- warnedOnce = true;
15
- }
18
+ warn();
16
19
  return /*#__PURE__*/_jsx(AlertTitle, {
17
20
  ref: ref,
18
21
  ...props
@@ -4,15 +4,18 @@ import * as React from 'react';
4
4
  import Autocomplete from '@mui/material/Autocomplete';
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
6
  let warnedOnce = false;
7
+ const warn = () => {
8
+ if (!warnedOnce) {
9
+ console.warn(['MUI: The Autocomplete component was moved from the lab to the core.', '', "You should use `import { Autocomplete } from '@mui/material'`", "or `import Autocomplete from '@mui/material/Autocomplete'`"].join('\n'));
10
+ warnedOnce = true;
11
+ }
12
+ };
7
13
 
8
14
  /**
9
15
  * @ignore - do not document.
10
16
  */
11
17
  export default /*#__PURE__*/React.forwardRef(function DeprecatedAutocomplete(props, ref) {
12
- if (!warnedOnce) {
13
- console.warn(['MUI: The Autocomplete component was moved from the lab to the core.', '', "You should use `import { Autocomplete } from '@mui/material'`", "or `import Autocomplete from '@mui/material/Autocomplete'`"].join('\n'));
14
- warnedOnce = true;
15
- }
18
+ warn();
16
19
  return /*#__PURE__*/_jsx(Autocomplete, {
17
20
  ref: ref,
18
21
  ...props
@@ -4,15 +4,18 @@ import * as React from 'react';
4
4
  import AvatarGroup from '@mui/material/AvatarGroup';
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
6
  let warnedOnce = false;
7
+ const warn = () => {
8
+ if (!warnedOnce) {
9
+ console.warn(['MUI: The AvatarGroup component was moved from the lab to the core.', '', "You should use `import { AvatarGroup } from '@mui/material'`", "or `import AvatarGroup from '@mui/material/AvatarGroup'`"].join('\n'));
10
+ warnedOnce = true;
11
+ }
12
+ };
7
13
 
8
14
  /**
9
15
  * @ignore - do not document.
10
16
  */
11
17
  export default /*#__PURE__*/React.forwardRef(function DeprecatedAvatarGroup(props, ref) {
12
- if (!warnedOnce) {
13
- console.warn(['MUI: The AvatarGroup component was moved from the lab to the core.', '', "You should use `import { AvatarGroup } from '@mui/material'`", "or `import AvatarGroup from '@mui/material/AvatarGroup'`"].join('\n'));
14
- warnedOnce = true;
15
- }
18
+ warn();
16
19
  return /*#__PURE__*/_jsx(AvatarGroup, {
17
20
  ref: ref,
18
21
  ...props
package/CHANGELOG.md CHANGED
@@ -1,5 +1,333 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## v6.0.0-beta.0
4
+
5
+ <!-- generated comparing v6.0.0-alpha.14..next -->
6
+
7
+ _Jul 11, 2024_
8
+
9
+ A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - 🎉 This is the first v6 beta release! A huge thanks to everyone who helped to make this happen! The target date for a stable release is the 28th of July. The next month will be used to polish v6, and ease the migration from v5. You can follow the [v6 stable milestone](https://github.com/mui/material-ui/milestone/42) for more details.
12
+ - 🚀 All planned breaking changes are completed.
13
+
14
+ ### `@mui/material@v6.0.0-beta.0`
15
+
16
+ - Revert deprecation warnings for `*Components` and `*Props` for v6 (#42466) @lhilgert9
17
+ - Performance: lazy Ripple (#41061) @romgrk
18
+ - [AppBar] Fix inherit color is inconsistent between ThemeProvider and CssVarsProvider (#42714) @ZeeshanTamboli
19
+ - [Autocomplete] Add new AutocompleteInputChangeReason (#37301) @binh1298
20
+
21
+ ### `@mui/material-pigment-css@v6.0.0-beta.0`
22
+
23
+ - Create a wrapper package over Pigment CSS (#42819) @brijeshb42
24
+
25
+ ### `@mui/base@5.0.0-beta.53`
26
+
27
+ - [Autocomplete] Add new AutocompleteInputChangeReason (#37301) @binh1298
28
+
29
+ ### Docs
30
+
31
+ - Replace v6 "alpha" mentions with "beta" (#42895) @DiegoAndai
32
+ - Fix typos (#42862) @omahs
33
+ - Fix issues reported by react compiler in docs folder (#42881) @sai6855
34
+ - Fix 301 @oliviertassinari
35
+ - [LinearProgress] Fix buffer demo (#42858) @mbrookes
36
+ - Adjust site to add Toolpad on the homepage (#38604) @bharatkashyap
37
+
38
+ ### Core
39
+
40
+ - Fix imports in `Demo` component (#42857) @LukasTy
41
+ - Use @mui/docs/HighlightedCodeWithTabs in markdown (#42841) @Janpot
42
+ - Simpler pnpm dedupe error message to act on @oliviertassinari
43
+ - Fix split infinitive use in tests @oliviertassinari
44
+ - [lab] Fix issues reported by react-compiler in mui-lab (#42880) @sai6855
45
+
46
+ All contributors of this release in alphabetical order: @bharatkashyap, @brijeshb42, @DiegoAndai, @Janpot, @lhilgert9, @LukasTy, @mbrookes, @oliviertassinari, @omahs, @romgrk, @sai6855, @ZeeshanTamboli
47
+
48
+ ## v6.0.0-alpha.14
49
+
50
+ <!-- generated comparing v6.0.0-alpha.13..next -->
51
+
52
+ _Jul 3, 2024_
53
+
54
+ A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
55
+
56
+ - ✨ Updated Grid v2 to match PigmentGrid (#42742) @DiegoAndai
57
+
58
+ ### `@mui/material@v6.0.0-alpha.14`
59
+
60
+ #### BREAKING CHANGES
61
+
62
+ - [Grid] Update Grid props to match PigmentGrid (#42742) @DiegoAndai
63
+
64
+ Use the codemod below to migrate the props:
65
+
66
+ ```bash
67
+ npx @mui/codemod@next v6.0.0/grid-v2-props /path/to/folder
68
+ ```
69
+
70
+ #### Changes
71
+
72
+ - [Alert] Add ability to override slot props (#42787) @alexey-kozlenkov
73
+ - [Dialog] Revert incorrect textAlign style removal (#42778) @DiegoAndai
74
+ - [theme] Support `CssVarsTheme` in `responsiveFontSizes` return type (#42786) @jxdp
75
+
76
+ ### Docs
77
+
78
+ - [material-ui] Add some writing tweaks to v6 migration page (#42623) @danilo-leal
79
+ - [material-ui] Fix issues reported by react-compiler in docs folder (#42830) @sai6855
80
+ - [material-ui] Add some writing tweaks to v6 migration page (#42623) @danilo-leal
81
+ - [base-ui] Fix wrong description for `UseTabParameters.onChange` (#42749) @ohgree
82
+ - Fix 301 MDN redirections @oliviertassinari
83
+
84
+ ### Core
85
+
86
+ - [core] Bump React to 18.3.1 (#42047) @renovate[bot]
87
+ - [core] Revert lint for `useThemeProps` (#42817) @siriwatknp
88
+ - [core] Remove useIsFocusVisible util (#42467) @DiegoAndai
89
+ - [core] Remove react-test-renderer (#42784) @aarongarciah
90
+ - [core][mui-utils] Remove remaining IE11 references (#42777) @DiegoAndai
91
+ - [code-infra] Move `HighlightedCode` test into `@mui/docs` package (#42835) @LukasTy
92
+ - [code-infra] Cleanup `@mui/docs` usage and legacy re-exports (#42833) @LukasTy
93
+ - [docs-infra] Fix React Compiler ESLint issues in website components (#42566) @aarongarciah
94
+ - [docs-infra] Add batch of design polish (#42823) @danilo-leal
95
+ - [test][mui-utils] Remove usages of deprecated react-dom APIs (#42780) @aarongarciah
96
+ - [test][joy-ui][Autocomplete] Fix spread key error in test (#42775) @aarongarciah
97
+
98
+ All contributors of this release in alphabetical order: @aarongarciah, @alexey-kozlenkov, @danilo-leal, @DiegoAndai, @Janpot, @jxdp, @LukasTy, @ohgree, @oliviertassinari, @renovate[bot], @sai6855, @siriwatknp
99
+
100
+ ## v6.0.0-alpha.13
101
+
102
+ <!-- generated comparing v6.0.0-alpha.12..next -->
103
+
104
+ _Jun 27, 2024_
105
+
106
+ A big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
107
+
108
+ - 🚀 Added layout components for Pigment CSS integration (#42693) @siriwatknp
109
+
110
+ ### `@mui/material@6.0.0-alpha.13`
111
+
112
+ - [Autocomplete] Fix more React 18.3 key spread warnings in demos (#42639) @wbt
113
+ - [Container][Grid][Stack][Hidden] Export Pigment CSS layout components (#42693) @siriwatknp
114
+ - [Text Field] when click password visibility button, text caret position change to very front. (#42595) @appleSimple
115
+ - [Modal] migrate useSlotProps to useSLot (#42150) @sai6855
116
+
117
+ ### `@mui/styles@6.0.0-alpha.13`
118
+
119
+ - [withStyles] Expect React defaultProps warning in test (#42752) @aarongarciah
120
+
121
+ ### Docs
122
+
123
+ - Fix link in CONTRIBUTING.md (#42755) @Janpot
124
+ - Add documentation on migrating JSS's alternative, array-based syntax to syntax supported by Emotion (#42053) @cjl750
125
+ - Fix type error in virtualized table demo (#42757) @aarongarciah
126
+ - Add first batch of v6 migration (#42242) @siriwatknp
127
+ - Fix quotes on font-family dedeclaration in the Landing Page template theme (#42748) @joetats
128
+
129
+ ### Core
130
+
131
+ - [code-infra] Refactor eslint `import/no-cycle` rule (#42705) @LukasTy
132
+ - [core] Target direct version for prerelease (#42768) @siriwatknp
133
+ - [test] Remove enzyme (#42706) @aarongarciah
134
+ - [test] Remove createMount test util (#42703) @aarongarciah
135
+ - [website] Add Ale to team (#42764) @alelthomas
136
+
137
+ All contributors of this release in alphabetical order: @aarongarciah, @alelthomas, @appleSimple, @cjl750, @Janpot, @joetats, @LukasTy, @sai6855, @siriwatknp, @wbt
138
+
139
+ ## v6.0.0-alpha.12
140
+
141
+ <!-- generated comparing v6.0.0-alpha.11..next -->
142
+
143
+ _Jun 24, 2024_
144
+
145
+ A big thanks to the 17 contributors who made this release possible.
146
+
147
+ ### `@mui/material@6.0.0-alpha.12`
148
+
149
+ - Add `InitColorSchemeScript` for Next.js App Router (#42247) @siriwatknp
150
+ - [Autocomplete] Fix renderOption props type (#42689) @DiegoAndai
151
+ - [Autocomplete] Fix React 18.3 key spread warnings in Autocomplete demos (#42691) @aarongarciah
152
+ - Support Pigment CSS for `CssBaseline`, `ScopedCssBaseline` and `Popper` (#42640) @siriwatknp
153
+ - Add `DefaultPropsProvider` for Pigment CSS integration (#42638) @siriwatknp
154
+ - [Stepper] Generate class for nonLinear prop (#42620) @alexismo
155
+ - [Tab] Fix failing test (#42686) @aarongarciah
156
+ - [Tab] Deprecate iconWrapper class for icon class (#42647) @sai6855
157
+ - [TableSortLabel] Deprecate composed classes (#42281) @sai6855
158
+ - [usePagination] Update pagination `siblingsEnd` calculation logic (#42667) @Mini-ghost
159
+
160
+ ### `@mui/codemod@6.0.0-alpha.12`
161
+
162
+ - Support dynamic props styled transformation (#42683) @siriwatknp
163
+
164
+ ### `@mui/system@6.0.0-alpha.12`
165
+
166
+ - Fix issues reported by react compiler in `mui-system` package (#42637) @sai6855
167
+ - [useMediaQuery] Remove deprecated types (#42560) @aarongarciah
168
+
169
+ ### `@mui/joy@5.0.0-beta.45`
170
+
171
+ - Fix issues reported by the React Compiler (#42671) @anuujj
172
+ - [Autocomplete] Fix React spread key warning (#42741) @aarongarciah
173
+
174
+ ### `@mui/lab@6.0.0-alpha.12`
175
+
176
+ - [LoadingButton] Apply wrapping element to prevent React crash on Google page translation (#35198) @BartJanvanAssen
177
+
178
+ ### Docs
179
+
180
+ - Fix git diff format in migration to v6 (#42711) @oliviertassinari
181
+ - Use new email for sponsoring @oliviertassinari
182
+ - Fix 301 links (#42697) @alexfauquette
183
+ - Normalize the capitalization of Design Kit @oliviertassinari
184
+ - Recommend setting HTML attribute instead of DOM property for RTL (#42599) @aarongarciah
185
+ - [material-ui][Select] Fix the `SelectAutoWidth` demo menu item value (#42648) @Danielkhakbaz
186
+
187
+ ### Core
188
+
189
+ - [code-infra] Try disabling animations when taking screenshots (#42537) @Janpot
190
+ - [code-infra] Fix benchmark package (#42553) @Janpot
191
+ - [core] Replace enzyme in describeConformance (#42447) @DiegoAndai
192
+ - [docs-infra] Fix layout shift demo toolbar (#42743) @oliviertassinari
193
+ - [docs-infra] Fix visual look of in-house ad (#42735) @oliviertassinari
194
+ - [docs-infra] Add stray design polish (#42646) @danilo-leal
195
+ - [docs-infra] Fix wrong migration (#42675) @siriwatknp
196
+ - [docs-infra] Fine tune markdown elements design (#42643) @danilo-leal
197
+ - [docs-infra] Revamp the product switcher design (#42603) @danilo-leal
198
+ - [docs-infra] Allow Link component to receive the `role` attribute (#42629) @danilo-leal
199
+ - [infra] Add support donation button (#42499) @oliviertassinari
200
+ - [infra] Raise `tsconfig`/`tsc` target to `es2022` (#42645) @LukasTy
201
+ - [test] Fix tests on CI (#42670) @michaldudak
202
+ - [test] Fix issues reported by react-compiler in test packages (#42626) @sai6855
203
+ - [website] Add Armin to the team members (#42679) @arminmeh
204
+ - [website] Open Staff Engineer role for Pigment CSS (#42531) @mnajdova
205
+
206
+ All contributors of this release in alphabetical order: @aarongarciah, @alexfauquette, @alexismo, @anuujj, @arminmeh, @BartJanvanAssen, @Danielkhakbaz, @danilo-leal, @DiegoAndai, @Janpot, @LukasTy, @michaldudak, @Mini-ghost, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp
207
+
208
+ ## v6.0.0-alpha.11
209
+
210
+ <!-- generated comparing v6.0.0-alpha.10..next -->
211
+
212
+ _Jun 11, 2024_
213
+
214
+ A big thanks to the 18 contributors who made this release possible.
215
+
216
+ ### `@mui/material@6.0.0-alpha.11`
217
+
218
+ - &#8203;<!-- 38 -->[Autocomplete] Shouldn't resize when hovering (#42452) @ZeeshanTamboli
219
+ - &#8203;<!-- 37 -->[Chip] Fix focus issue related with the Escape event (#41578) @shrilsharma
220
+ - &#8203;<!-- 12 -->[Grid] Fix support for CSS variables (#42574) @oliviertassinari
221
+ - &#8203;<!-- 11 -->[InputBase] Use `globalCss` for Pigment integration (#42431) @siriwatknp
222
+ - &#8203;<!-- 10 -->Change React.ReactElement type from `any` to `unknown` (#42473) @sai6855
223
+ - &#8203;<!-- 09 -->Integrate `extendSxProp` adapter (#42543) @siriwatknp
224
+ - &#8203;<!-- 08 -->[Tab] Fix applying `iconWrapper` styles from theme and update its description (#42549) @sai6855
225
+ - &#8203;<!-- 08 -->[pigment-css] Add `stringifyTheme` for Pigment CSS integration (#42476) @siriwatknp
226
+
227
+ ### `@mui/system@6.0.0-alpha.11`
228
+
229
+ - &#8203;<!-- 11 -->[Grid] Remove `disableEqualOverflow` by using `gap` (#42526) @DiegoAndai
230
+ - &#8203;<!-- 07 -->[useMediaQuery] Drop Safari < 14 support (#42464) @aarongarciah
231
+
232
+ ### `@mui/utils@6.0.0-alpha.11`
233
+
234
+ - &#8203;<!-- 04 -->Allow passing `NaN` as `defaultValue` to `useControlled` (#41559) @iammminzzy
235
+
236
+ ### `@mui/codemod@6.0.0-alpha.11`
237
+
238
+ - &#8203;<!-- 39 -->Improve styled and sx prop transformation (#42598) @siriwatknp
239
+ - &#8203;<!-- 36 -->Support more cases for sx-prop transformation (#42527) @siriwatknp
240
+
241
+ ### `@mui/private-theming@6.0.0-alpha.11`
242
+
243
+ - &#8203;<!-- 09 -->Fix issues reported by react compiler in `mui-private-theming` components (#42619) @sai6855
244
+
245
+ ### Docs
246
+
247
+ - &#8203;<!-- 31 -->Add `theme.applyStyles` and migrate docs (#42498) @siriwatknp
248
+ - &#8203;<!-- 29 -->Fix dashboard template console error (#42594) @oliviertassinari
249
+ - &#8203;<!-- 28 -->Migrate system props to `sx` prop (#42475) @siriwatknp
250
+ - &#8203;<!-- 27 -->[material-ui]Fix duplicated sentence (#42521) @alexfauquette
251
+ - &#8203;<!-- 22 -->[Grid] Fix docs spacing (#42573) @oliviertassinari
252
+ - &#8203;<!-- 21 -->[joy-ui] Add Next.js App Router instructions on how to prevent flickering (#42514) @devnyxie
253
+ - &#8203;<!-- 20 -->[joy-ui] Fix HTML tag without preformatting (#42525) @jacobmoshipco
254
+ - &#8203;<!-- 19 -->[material-ui] Add docs for complementary stepper components (#41900) @anle9650
255
+ - &#8203;<!-- 18 -->[material-ui] Fix typo on Sign-in/Sign-up templates (#42605) @zanivan
256
+ - &#8203;<!-- 17 -->[material-ui] Add container queries docs (#42434) @siriwatknp
257
+ - &#8203;<!-- 16 -->[material-ui] Fix ESLint error in Stepper demo (#42559) @aarongarciah
258
+ - &#8203;<!-- 15 -->[material-ui] Shorten useMediaQuery subheading (#42561) @aarongarciah
259
+ - &#8203;<!-- 14 -->[material-ui] Add a Refine example project (#42461) @necatiozmen
260
+
261
+ ### Core
262
+
263
+ - &#8203;<!-- 39 -->[website] Move the `React Engineer - X` role to future roles (#42532) @DanailH
264
+ - &#8203;<!-- 35 -->[core] Allow `for..of` loops (#42600) @michaldudak
265
+ - &#8203;<!-- 34 -->[core] Add comment about Object.js @oliviertassinari
266
+ - &#8203;<!-- 33 -->[core] Disable eslint-plugin-react-compiler for Base (#42563) @aarongarciah
267
+ - &#8203;<!-- 33 -->[core] Group Pigment CSS dependencies (#42174) @siriwatknp
268
+ - &#8203;<!-- 32 -->[core] Configure eslint-plugin-react-compiler (#42555) @aarongarciah
269
+ - &#8203;<!-- 31 -->[core] Skip charts animation for visual regression test (#42530) @alexfauquette
270
+ - &#8203;<!-- 26 -->[docs-infra] Simplify click header (#42593) @oliviertassinari
271
+ - &#8203;<!-- 25 -->[docs-infra] Add configurable jsdoc host variable (#42472) @tonygravell
272
+ - &#8203;<!-- 25 -->[docs-infra] Add the Base UI logo with copy functionality (#42446) @danilo-leal
273
+ - &#8203;<!-- 24 -->[docs-infra] Prevent link anchor when selecting text (#41994) @alexfauquette
274
+ - &#8203;<!-- 23 -->[docs-infra] Add the Base UI logo with copy functionality (#42446) @danilo-leal
275
+ - &#8203;<!-- 13 -->[examples] Remove Pigment CSS examples (#42471) @sai6855
276
+ - &#8203;<!-- 06 -->[test] Restore pnpm tc command (#42572) @oliviertassinari
277
+ - &#8203;<!-- 05 -->[test] Restore testing internal packages (#42519) @michaldudak
278
+ - &#8203;<!-- 03 -->[website] Close Developer Advocate / Content Engineer role @oliviertassinari
279
+ - &#8203;<!-- 02 -->[website] Remove blank line @oliviertassinari
280
+ - &#8203;<!-- 01 -->[website] Fix mobile layout shift @oliviertassinari
281
+
282
+ All contributors of this release in alphabetical order: @aarongarciah, @alexfauquette, @anle9650, @DanailH, @danilo-leal, @devnyxie, @DiegoAndai, @iammminzzy, @jacobmoshipco, @michaldudak, @necatiozmen, @oliviertassinari, @sai6855, @shrilsharma, @siriwatknp, @tonygravell, @zanivan, @ZeeshanTamboli
283
+
284
+ ## v6.0.0-alpha.10
285
+
286
+ <!-- generated comparing v6.0.0-alpha.9..next -->
287
+
288
+ _Jun 4, 2024_
289
+
290
+ A big thanks to the 7 contributors who made this release possible.
291
+
292
+ ### `@mui/material@6.0.0-alpha.10`
293
+
294
+ - &#8203;<!-- 26 -->[Backdrop] Deprecate `components` and `componentsProps` (#42468) @DiegoAndai
295
+ - &#8203;<!-- 25 -->[Collapse] Bound max transition time (#42390) @oliviertassinari
296
+ - &#8203;<!-- 12 -->[FilledInput] Remove unapplied classes from filledInputClasses interface and add missing classes to root (#42082) @sai6855
297
+ - &#8203;<!-- 11 -->[InputBase] Deprecate components and componentProps props for v6 (#42093) @ChronicusUA
298
+ - &#8203;<!-- 10 -->Remove remaining IE11 code (#42283) @DiegoAndai
299
+ - &#8203;<!-- 09 -->[Modal] Deprecate `components` and `componentsProps` (#42469) @DiegoAndai
300
+ - &#8203;<!-- 08 -->[Popover] Migrate useSlotProps to useSlot (#42369) @sai6855
301
+ - &#8203;<!-- 07 -->[useMediaQuery] Remove unused useMediaQueryTheme (#42367) @aarongarciah
302
+
303
+ ### `@mui/system@6.0.0-alpha.10`
304
+
305
+ - &#8203;<!-- 06 -->Remove IE11 code (#42436) @DiegoAndai
306
+
307
+ ### Docs
308
+
309
+ - &#8203;<!-- 23 -->Reflect Base UI and MUI System in a different repository @oliviertassinari
310
+ - &#8203;<!-- 22 -->Update twitter.com to x.com @oliviertassinari
311
+ - &#8203;<!-- 21 -->Simplify Example projects page @oliviertassinari
312
+ - &#8203;<!-- 17 -->[icons] Update README and docs page (#41938) @danilo-leal
313
+ - &#8203;<!-- 16 -->[material-ui] Add changelog section to the design kits page (#42449) @danilo-leal
314
+ - &#8203;<!-- 15 -->[material-ui] Fix sentence in the All components page (#42336) @danilo-leal
315
+ - &#8203;<!-- 14 -->[material-ui] Update Figma design kit doc redirect link (#42448) @danilo-leal
316
+ - &#8203;<!-- 13 -->[system] Add "dynamic values" section to sx prop page (#42239) @aarongarciah
317
+
318
+ ### Core
319
+
320
+ - &#8203;<!-- 20 -->[docs-infra] Update the OG card image design (#42470) @danilo-leal
321
+ - &#8203;<!-- 19 -->[docs-infra] Add small design polish (#42455) @danilo-leal
322
+ - &#8203;<!-- 18 -->[docs-infra] Update the Material logo + add copy functionality (#42435) @danilo-leal
323
+ - &#8203;<!-- 05 -->[website] Update DoiT description and link in Sponsors section (#42505) @erezstmn-doit
324
+ - &#8203;<!-- 04 -->[website] Clean up the docs-infra job ad (#42504) @danilo-leal
325
+ - &#8203;<!-- 03 -->[website] Fix FlashCode position (#42139) @oliviertassinari
326
+ - &#8203;<!-- 02 -->[website] Open Docs-infra engineer role (#42101) @danilo-leal
327
+ - &#8203;<!-- 01 -->[website] Fix locationCountry in about page @oliviertassinari
328
+
329
+ All contributors of this release in alphabetical order: @aarongarciah, @ChronicusUA, @danilo-leal, @DiegoAndai, @erezstmn-doit, @oliviertassinari, @sai6855
330
+
3
331
  ## v6.0.0-alpha.9
4
332
 
5
333
  <!-- generated comparing v6.0.0-alpha.8..next -->
@@ -94,7 +422,7 @@ This release was mostly about 🐛 bug fixes and 📚 documentation improvements
94
422
  ### Docs
95
423
 
96
424
  - &#8203;<!-- 08 -->[docs] Remove Base UI from the README (#42307) @danilo-leal
97
- - &#8203;<!-- 07 -->[docs][material-ui] Fix typo in style interoperability with Tailwind CSS docs (#42279) @ZeeshanTamboli
425
+ - &#8203;<!-- 07 -->[docs][material-ui] Fix typo in style interoperability with Tailwind CSS docs (#42279) @ZeeshanTamboli
98
426
  - &#8203;<!-- 06 -->[docs][material-ui] Add supported browsers section to migration guide (#42194) @DiegoAndai
99
427
  - &#8203;<!-- 05 -->[docs][material-ui][Pagination] Clarify pagination `page` prop API (#42220) @Mandar-Pandya
100
428
 
@@ -8806,7 +9134,7 @@ A big thanks to the 15 contributors who made this release possible. Here are som
8806
9134
 
8807
9135
  - &#8203;<!-- 27 -->[core] Rename mui/core to mui/base (#29585) @michaldudak
8808
9136
 
8809
- Based on the results of the [poll](https://twitter.com/michaldudak/status/1452630484706635779) and our internal discussions, we decided to rename the `@mui/core` package to `@mui/base`. The main rationale for this is the fact that we use the term "Core" to refer to the core components product family, the one that includes Material Design components, unstyled components, System utilities, etc. Therefore, @mui/core was effectively a subset of MUI Core. This was confusing.
9137
+ Based on the results of the [poll](https://x.com/michaldudak/status/1452630484706635779) and our internal discussions, we decided to rename the `@mui/core` package to `@mui/base`. The main rationale for this is the fact that we use the term "Core" to refer to the core components product family, the one that includes Material Design components, unstyled components, System utilities, etc. Therefore, @mui/core was effectively a subset of MUI Core. This was confusing.
8810
9138
 
8811
9139
  The new name better reflects the purpose of the package: it contains unstyled components, hooks, and utilities that serve as a **base** to build on.
8812
9140
 
@@ -13223,7 +13551,7 @@ A big thanks to the 34 contributors who made this release possible. Here are som
13223
13551
  ```
13224
13552
 
13225
13553
  - [Autocomplete] Remove `debug` in favor of `open` and dev tools (#23377) @eps1lon
13226
- There are a couple of simpler alternatives: `open={true}`, Chrome devtools ["Emulate focused"](https://twitter.com/sulco/status/1305841873945272321), or React devtools props.
13554
+ There are a couple of simpler alternatives: `open={true}`, Chrome devtools ["Emulate focused"](https://x.com/sulco/status/1305841873945272321), or React devtools props.
13227
13555
 
13228
13556
  #### Changes
13229
13557
 
@@ -60,13 +60,13 @@ export type LoadingButtonTypeMap<
60
60
  *
61
61
  * Demos:
62
62
  *
63
- * - [Button Group](https://mui.com/material-ui/react-button-group/)
64
- * - [Button](https://mui.com/material-ui/react-button/)
63
+ * - [Button Group](https://next.mui.com/material-ui/react-button-group/)
64
+ * - [Button](https://next.mui.com/material-ui/react-button/)
65
65
  *
66
66
  * API:
67
67
  *
68
- * - [LoadingButton API](https://mui.com/material-ui/api/loading-button/)
69
- * - inherits [Button API](https://mui.com/material-ui/api/button/)
68
+ * - [LoadingButton API](https://next.mui.com/material-ui/api/loading-button/)
69
+ * - inherits [Button API](https://next.mui.com/material-ui/api/button/)
70
70
  */
71
71
  declare const LoadingButton: ExtendButton<LoadingButtonTypeMap>;
72
72
 
@@ -5,14 +5,14 @@ import PropTypes from 'prop-types';
5
5
  import { chainPropTypes } from '@mui/utils';
6
6
  import { capitalize, unstable_useId as useId } from '@mui/material/utils';
7
7
  import { unstable_composeClasses as composeClasses } from '@mui/base';
8
+ import { useDefaultProps } from '@mui/material/DefaultPropsProvider';
8
9
  import Button from '@mui/material/Button';
9
10
  import { ButtonGroupContext } from '@mui/material/ButtonGroup';
10
11
  import CircularProgress from '@mui/material/CircularProgress';
11
12
  import resolveProps from '@mui/utils/resolveProps';
12
- import { styled, createUseThemeProps } from '../zero-styled';
13
+ import { styled } from '../zero-styled';
13
14
  import loadingButtonClasses, { getLoadingButtonUtilityClass } from './loadingButtonClasses';
14
15
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
15
- const useThemeProps = createUseThemeProps('MuiLoadingButton');
16
16
  const useUtilityClasses = ownerState => {
17
17
  const {
18
18
  loading,
@@ -188,7 +188,7 @@ const LoadingButtonLoadingIndicator = styled('span', {
188
188
  const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps, ref) {
189
189
  const contextProps = React.useContext(ButtonGroupContext);
190
190
  const resolvedProps = resolveProps(contextProps, inProps);
191
- const props = useThemeProps({
191
+ const props = useDefaultProps({
192
192
  props: resolvedProps,
193
193
  name: 'MuiLoadingButton'
194
194
  });
@@ -230,7 +230,11 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
230
230
  variant: variant,
231
231
  classes: classes,
232
232
  ownerState: ownerState,
233
- children: [ownerState.loadingPosition === 'end' ? children : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : children]
233
+ children: [ownerState.loadingPosition === 'end' ? /*#__PURE__*/_jsx("span", {
234
+ children: children
235
+ }) : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : /*#__PURE__*/_jsx("span", {
236
+ children: children
237
+ })]
234
238
  });
235
239
  });
236
240
  process.env.NODE_ENV !== "production" ? LoadingButton.propTypes /* remove-proptypes */ = {
@@ -56,11 +56,11 @@ export interface MasonryTypeMap<
56
56
  *
57
57
  * Demos:
58
58
  *
59
- * - [Masonry](https://mui.com/material-ui/react-masonry/)
59
+ * - [Masonry](https://next.mui.com/material-ui/react-masonry/)
60
60
  *
61
61
  * API:
62
62
  *
63
- * - [Masonry API](https://mui.com/material-ui/api/masonry/)
63
+ * - [Masonry API](https://next.mui.com/material-ui/api/masonry/)
64
64
  */
65
65
  declare const Masonry: OverridableComponent<MasonryTypeMap>;
66
66
 
@@ -4,15 +4,18 @@ import * as React from 'react';
4
4
  import Pagination from '@mui/material/Pagination';
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
6
  let warnedOnce = false;
7
+ const warn = () => {
8
+ if (!warnedOnce) {
9
+ console.warn(['MUI: The Pagination component was moved from the lab to the core.', '', "You should use `import { Pagination } from '@mui/material'`", "or `import Pagination from '@mui/material/Pagination'`"].join('\n'));
10
+ warnedOnce = true;
11
+ }
12
+ };
7
13
 
8
14
  /**
9
15
  * @ignore - do not document.
10
16
  */
11
17
  export default /*#__PURE__*/React.forwardRef(function DeprecatedPagination(props, ref) {
12
- if (!warnedOnce) {
13
- console.warn(['MUI: The Pagination component was moved from the lab to the core.', '', "You should use `import { Pagination } from '@mui/material'`", "or `import Pagination from '@mui/material/Pagination'`"].join('\n'));
14
- warnedOnce = true;
15
- }
18
+ warn();
16
19
  return /*#__PURE__*/_jsx(Pagination, {
17
20
  ref: ref,
18
21
  ...props
@@ -4,15 +4,18 @@ import * as React from 'react';
4
4
  import PaginationItem from '@mui/material/PaginationItem';
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
6
  let warnedOnce = false;
7
+ const warn = () => {
8
+ if (!warnedOnce) {
9
+ console.warn(['MUI: The PaginationItem component was moved from the lab to the core.', '', "You should use `import { PaginationItem } from '@mui/material'`", "or `import PaginationItem from '@mui/material/PaginationItem'`"].join('\n'));
10
+ warnedOnce = true;
11
+ }
12
+ };
7
13
 
8
14
  /**
9
15
  * @ignore - do not document.
10
16
  */
11
17
  export default /*#__PURE__*/React.forwardRef(function DeprecatedPaginationItem(props, ref) {
12
- if (!warnedOnce) {
13
- console.warn(['MUI: The PaginationItem component was moved from the lab to the core.', '', "You should use `import { PaginationItem } from '@mui/material'`", "or `import PaginationItem from '@mui/material/PaginationItem'`"].join('\n'));
14
- warnedOnce = true;
15
- }
18
+ warn();
16
19
  return /*#__PURE__*/_jsx(PaginationItem, {
17
20
  ref: ref,
18
21
  ...props
package/Rating/Rating.js CHANGED
@@ -4,15 +4,18 @@ import * as React from 'react';
4
4
  import Rating from '@mui/material/Rating';
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
6
  let warnedOnce = false;
7
+ const warn = () => {
8
+ if (!warnedOnce) {
9
+ console.warn(['MUI: The Rating component was moved from the lab to the core.', '', "You should use `import { Rating } from '@mui/material'`", "or `import Rating from '@mui/material/Rating'`"].join('\n'));
10
+ warnedOnce = true;
11
+ }
12
+ };
7
13
 
8
14
  /**
9
15
  * @ignore - do not document.
10
16
  */
11
17
  export default /*#__PURE__*/React.forwardRef(function DeprecatedRating(props, ref) {
12
- if (!warnedOnce) {
13
- console.warn(['MUI: The Rating component was moved from the lab to the core.', '', "You should use `import { Rating } from '@mui/material'`", "or `import Rating from '@mui/material/Rating'`"].join('\n'));
14
- warnedOnce = true;
15
- }
18
+ warn();
16
19
  return /*#__PURE__*/_jsx(Rating, {
17
20
  ref: ref,
18
21
  ...props
@@ -4,15 +4,18 @@ import * as React from 'react';
4
4
  import Skeleton from '@mui/material/Skeleton';
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
6
  let warnedOnce = false;
7
+ const warn = () => {
8
+ if (!warnedOnce) {
9
+ console.warn(['MUI: The Skeleton component was moved from the lab to the core.', '', "You should use `import { Skeleton } from '@mui/material'`", "or `import Skeleton from '@mui/material/Skeleton'`"].join('\n'));
10
+ warnedOnce = true;
11
+ }
12
+ };
7
13
 
8
14
  /**
9
15
  * @ignore - do not document.
10
16
  */
11
17
  export default /*#__PURE__*/React.forwardRef(function DeprecatedSkeleton(props, ref) {
12
- if (!warnedOnce) {
13
- console.warn(['MUI: The Skeleton component was moved from the lab to the core.', '', "You should use `import { Skeleton } from '@mui/material'`", "or `import Skeleton from '@mui/material/Skeleton'`"].join('\n'));
14
- warnedOnce = true;
15
- }
18
+ warn();
16
19
  return /*#__PURE__*/_jsx(Skeleton, {
17
20
  ref: ref,
18
21
  ...props
@@ -4,15 +4,18 @@ import * as React from 'react';
4
4
  import SpeedDial from '@mui/material/SpeedDial';
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
6
  let warnedOnce = false;
7
+ const warn = () => {
8
+ if (!warnedOnce) {
9
+ console.warn(['MUI: The SpeedDial component was moved from the lab to the core.', '', "You should use `import { SpeedDial } from '@mui/material'`", "or `import SpeedDial from '@mui/material/SpeedDial'`"].join('\n'));
10
+ warnedOnce = true;
11
+ }
12
+ };
7
13
 
8
14
  /**
9
15
  * @ignore - do not document.
10
16
  */
11
17
  export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDial(props, ref) {
12
- if (!warnedOnce) {
13
- console.warn(['MUI: The SpeedDial component was moved from the lab to the core.', '', "You should use `import { SpeedDial } from '@mui/material'`", "or `import SpeedDial from '@mui/material/SpeedDial'`"].join('\n'));
14
- warnedOnce = true;
15
- }
18
+ warn();
16
19
  return /*#__PURE__*/_jsx(SpeedDial, {
17
20
  ref: ref,
18
21
  ...props