@mui/private-theming 5.12.0 → 5.12.3
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.
- package/CHANGELOG.md +262 -0
- package/index.js +1 -1
- package/legacy/index.js +1 -1
- package/modern/index.js +1 -1
- package/node/index.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,267 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.12.3
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.12.2..master -->
|
|
6
|
+
|
|
7
|
+
_May 2, 2023_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
|
|
10
|
+
|
|
11
|
+
- all planned breaking changes for Base UI are done. The first beta release should come next week 🎉
|
|
12
|
+
- 🐛 bug fixes and 📚 documentation improvements.
|
|
13
|
+
|
|
14
|
+
### `@mui/material@5.12.3`
|
|
15
|
+
|
|
16
|
+
- ​<!-- 43 -->[Accordion] Add missing `component` type (#37111) @sai6855
|
|
17
|
+
- ​<!-- 23 -->[ButtonGroup] Should not retain divider color when it is disabled and variant is `text` (#36967) @DavidBoyer11
|
|
18
|
+
- ​<!-- 21 -->[Divider] Fix styles on dividers with text (#35072) @maxdestors
|
|
19
|
+
- ​<!-- 04 -->[TextField] Improve IntelliSense support for props (#36737) @sai6855
|
|
20
|
+
- ​<!-- 03 -->[TextField] Fix running click event on disabled (#36892) @sai6855
|
|
21
|
+
|
|
22
|
+
### `@mui/joy@5.0.0-alpha.78`
|
|
23
|
+
|
|
24
|
+
- ​<!-- 09 -->[Joy] Miscellaneous fixes and docs improvement (#37026) @siriwatknp
|
|
25
|
+
|
|
26
|
+
### `@mui/base@5.0.0-alpha.128`
|
|
27
|
+
|
|
28
|
+
#### Breaking changes
|
|
29
|
+
|
|
30
|
+
- The `component` prop is no longer supported because it can be replaced with the slots API. This is how the transformation will look like:
|
|
31
|
+
|
|
32
|
+
```diff
|
|
33
|
+
<Button
|
|
34
|
+
- component="span"
|
|
35
|
+
+ slots={{ root: "span" }}
|
|
36
|
+
/>
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
If using TypeScript, the custom component type should be added as a generic on the `Button` component.
|
|
40
|
+
|
|
41
|
+
```diff
|
|
42
|
+
-<Button
|
|
43
|
+
+<Button<typeof CustomComponent>
|
|
44
|
+
slots={{ root: CustomComponent }}
|
|
45
|
+
customProp="foo"
|
|
46
|
+
/>
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
There is codemod that you can run in your project to do the transformation:
|
|
50
|
+
|
|
51
|
+
```sh
|
|
52
|
+
npx @mui/codemod v5.0.0/base-remove-component-prop <path>
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
The full documentation about the codemod can be found [here](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/README.md#base-remove-component-prop).
|
|
56
|
+
|
|
57
|
+
This is the list of PR related to this change:
|
|
58
|
+
|
|
59
|
+
- ​<!-- 40 -->[Button][base] Drop `component` prop (#36677) @mnajdova
|
|
60
|
+
- ​<!-- 42 -->[Badge][base] Drop `component` prop (#37028) @hbjORbj
|
|
61
|
+
- ​<!-- 37 -->[FormControl][base] Drop component prop (#37031) @hbjORbj
|
|
62
|
+
- ​<!-- 35 -->[Input][base] Drop component prop (#37057) @hbjORbj
|
|
63
|
+
- ​<!-- 34 -->[Menu][base] Drop component prop (#37033) @hbjORbj
|
|
64
|
+
- ​<!-- 33 -->[MenuItem][base] Drop component prop (#37032) @hbjORbj
|
|
65
|
+
- ​<!-- 32 -->[Modal][base] Drop component prop (#37058) @hbjORbj
|
|
66
|
+
- ​<!-- 31 -->[Option][base] Drop component prop (#37052) @hbjORbj
|
|
67
|
+
- ​<!-- 30 -->[OptionGroup][base] Drop component prop (#37055) @hbjORbj
|
|
68
|
+
- ​<!-- 31 -->[Popper][base] Drop component prop (#37084) @hbjORbj
|
|
69
|
+
- ​<!-- 29 -->[Select][base] Drop component prop (#37035) @hbjORbj
|
|
70
|
+
- ​<!-- 28 -->[Slider][base] Drop component prop (#37056) @hbjORbj
|
|
71
|
+
- ​<!-- 27 -->[Snackbar][base] Drop component prop (#37041) @nicolas-ot
|
|
72
|
+
- ​<!-- 26 -->[Switch][base] Drop component prop (#37053) @hbjORbj
|
|
73
|
+
- ​<!-- 25 -->[Tab][base] Drop component prop (#36768) @sai6855
|
|
74
|
+
- ​<!-- 24 -->[Tabs][base] Drop component prop (#36770) @sai6855
|
|
75
|
+
- ​<!-- 08 -->[TablePagination][base] Drop component prop (#37059) @sai6855
|
|
76
|
+
- ​<!-- 07 -->[TabPanel][base] Drop component prop (#37054) @sai6855
|
|
77
|
+
- ​<!-- 06 -->[TabsList][base] Drop component prop (#37042) @sai6855
|
|
78
|
+
|
|
79
|
+
- ​<!-- 41 -->[base] Improve API consistency (#36970) @michaldudak
|
|
80
|
+
|
|
81
|
+
Brought consistency to Base UI components and hooks' parameters and return values:
|
|
82
|
+
|
|
83
|
+
1. Whenever a hook needs a ref, it's now called `<slot_name>Ref`, which matches the `get<slot_name>Props` in the return value.
|
|
84
|
+
2. All hooks that accept external refs now return merged refs, making combining multiple hooks on one element easier. This was proven necessary in several compound components (like menuItem being both a button and a list item). The type of this value is `React.RefCallback` as using the more general `React.Ref` caused variance issues.
|
|
85
|
+
3. Type of accepted refs is standardized to `React.Ref<Element>`
|
|
86
|
+
4. Naming and typing of the forwarded ref in unstyled components were standardized - it's forwardedRef: React.ForwardedRef<Element> (unless a more specific type is needed).
|
|
87
|
+
5. The shape of the definition of unstyled components was standardized - it's React.forwardRef(function Component(props: Props, forwardedRef: React.Ref<Element>) { ... });. Specifically, the generic parameters of forwardRef were removed as they are specified in function arguments.
|
|
88
|
+
|
|
89
|
+
#### Changes
|
|
90
|
+
|
|
91
|
+
- ​<!-- 36 -->[FormControl][base] Do not use optional fields in useFormControlContext's return value (#37037) @michaldudak
|
|
92
|
+
|
|
93
|
+
### Docs
|
|
94
|
+
|
|
95
|
+
- ​<!-- 39 -->[base][docs] Add Base UI Quickstart Guide (#36717) @mj12albert
|
|
96
|
+
- ​<!-- 20 -->[docs] Fix Material UI's API linking to Base UI (#37121) @mnajdova
|
|
97
|
+
- ​<!-- 19 -->[docs] Fix pagination in the DataGrid demo (#37114) @cherniavskii
|
|
98
|
+
- ​<!-- 18 -->[docs] Add notification to the release of the new Time Picker UI (#37065) @joserodolfofreitas
|
|
99
|
+
- ​<!-- 17 -->[docs] Specify "Material UI" (not "MUI") where appropriate throughout the docs (#37066) @samuelsycamore
|
|
100
|
+
- ​<!-- 16 -->[docs] Use focus-visible instead of focus for Menu demos (#36847) @michaldudak
|
|
101
|
+
- ​<!-- 15 -->[docs] Fix small regressions API pages (#36972) @oliviertassinari
|
|
102
|
+
- ​<!-- 14 -->[docs] Handle a few docs-feedback (#36977) @oliviertassinari
|
|
103
|
+
- ​<!-- 13 -->[docs] Fix anchor link in customization (#37004) @oliviertassinari
|
|
104
|
+
- ​<!-- 12 -->[docs] Add a note about minimal required version for theme merging to the guides (#36973) @jakub-stastny
|
|
105
|
+
- ​<!-- 11 -->[docs] smooth scrolling added for `back to top` (#37011) @PunitSoniME
|
|
106
|
+
- ​<!-- 10 -->[docs] Remove `useFormControl` return values from demos page (#37036) @ZeeshanTamboli
|
|
107
|
+
- ​<!-- 47 --> [docs][base] Move styles to the bottom of demos code for `SwitchUnstyled` (#36720) @varunmulay22
|
|
108
|
+
- ​<!-- 46 --> [docs][base] Move styles to the bottom of demos code for `InputUnstyled` (#36724) @varunmulay22
|
|
109
|
+
- ​<!-- 45 --> [docs][base] Move styles to the bottom of demos code for `SliderUnstyled` (#36721) @varunmulay22
|
|
110
|
+
- ​<!-- 44 --> [docs][base] Move styles to the bottom of demos code for `Snackbar` (#36719) @varunmulay22
|
|
111
|
+
- ​<!-- 38 -->[docs][base] Move styles to the bottom of demos code for `SelectUnstyled` (#36718) @varunmulay22
|
|
112
|
+
- ​<!-- 05 -->[templates] Image not displayed in blog layout of React template. (#36991) @navedqb
|
|
113
|
+
- ​<!-- 02 -->[website] Take the design role offline @oliviertassinari
|
|
114
|
+
- ​<!-- 01 -->[website] Fix URL convention @oliviertassinari
|
|
115
|
+
- ​<!-- 21 -->[docs] Turn off job banner on docs (#36080) @joserodolfofreitas
|
|
116
|
+
|
|
117
|
+
### Core
|
|
118
|
+
|
|
119
|
+
- ​<!-- 22 -->[core] Allow type alias as well in hooks API docs generation (#37034) @ZeeshanTamboli
|
|
120
|
+
|
|
121
|
+
All contributors of this release in alphabetical order: @cherniavskii, @DavidBoyer11, @hbjORbj, @jakub-stastny, @joserodolfofreitas, @maxdestors, @michaldudak, @mj12albert, @mnajdova, @navedqb, @nicolas-ot, @oliviertassinari, @PunitSoniME, @sai6855, @samuelsycamore, @siriwatknp, @varunmulay22, @ZeeshanTamboli
|
|
122
|
+
|
|
123
|
+
## 5.12.2
|
|
124
|
+
|
|
125
|
+
<!-- generated comparing v5.12.1..master -->
|
|
126
|
+
|
|
127
|
+
_Apr 25, 2023_
|
|
128
|
+
|
|
129
|
+
A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
|
|
130
|
+
|
|
131
|
+
- ⚠️ **[BREAKING CHANGE]** The `Unstyled` suffix has been removed from Base UI component names, including names of types and other related identifiers – a codemod script is provided to assist with the change.
|
|
132
|
+
- 🐛 bug fixes and 📚 documentation improvements.
|
|
133
|
+
|
|
134
|
+
### `@mui/material@5.12.2`
|
|
135
|
+
|
|
136
|
+
- ​<!-- 10 -->[FormControl] Fix `filled` when value is set through `inputProps` (#36741) @sai6855
|
|
137
|
+
- ​<!-- 07 -->[Slider] `onChange` handler should be called only when value has changed (#36706) @gitstart
|
|
138
|
+
- ​<!-- 06 -->[Table] Fix `Sorting & Selecting` tables (#36898) @oliviertassinari
|
|
139
|
+
|
|
140
|
+
### `@mui/base@5.0.0-alpha.127`
|
|
141
|
+
|
|
142
|
+
#### Breaking changes
|
|
143
|
+
|
|
144
|
+
- ​<!-- 27 -->[base] Remove unstyled suffix from Base components + Codemod script (#36873) @hbjORbj
|
|
145
|
+
|
|
146
|
+
The `Unstyled` suffix has been removed from all Base UI component names, including names of types and other related identifiers.
|
|
147
|
+
|
|
148
|
+
You can use this [codemod](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/src/v5.0.0/base-remove-unstyled-suffix.js) to help with the migration:
|
|
149
|
+
|
|
150
|
+
```sh
|
|
151
|
+
npx @mui/codemod v5.0.0/base-remove-unstyled-suffix <path>
|
|
152
|
+
```
|
|
153
|
+
|
|
154
|
+
#### Changes
|
|
155
|
+
|
|
156
|
+
- ​<!-- 26 -->[codemod][base] Improve the removal of `component` prop codemod script (#36952) @hbjORbj
|
|
157
|
+
- ​<!-- 25 -->[codemod][base] Write a migration script for removal of `component` prop from components (#36831) @hbjORbj
|
|
158
|
+
- ​<!-- 24 -->[Base][useButton] Allow useButton params to be completely optional (#36922) @mj12albert
|
|
159
|
+
|
|
160
|
+
### `@mui/joy@5.0.0-alpha.77`
|
|
161
|
+
|
|
162
|
+
- ​<!-- 23 -->[Joy][Chip] Chip button not showing up in Firefox browser (#36930) @TakhyunKim
|
|
163
|
+
- ​<!-- 09 -->[Joy] Add `invertedColors` to Menu and Alert (#36975) @siriwatknp
|
|
164
|
+
- ​<!-- 08 -->[joy][Select] Set focus visible on select options when navigating with arrow keys (#36689) @gitstart
|
|
165
|
+
|
|
166
|
+
### Docs
|
|
167
|
+
|
|
168
|
+
- ​<!-- 21 -->[docs] Fix console error introduced by #36408 (#36980) @alexfauquette
|
|
169
|
+
- ​<!-- 20 -->[docs] Add stray Joy UI documentation improvements (#36921) @danilo-leal
|
|
170
|
+
- ​<!-- 19 -->[docs] Add Joy profile dashboard template (#36931) @siriwatknp
|
|
171
|
+
- ​<!-- 18 -->[docs] Fix 404 links (#36969) @oliviertassinari
|
|
172
|
+
- ​<!-- 17 -->[docs] Clarify when bundle size optimization is needed (#36823) @oliviertassinari
|
|
173
|
+
- ​<!-- 16 -->[docs] Fix Chakra UI theme scoping typo (#36950) @mj12albert
|
|
174
|
+
- ​<!-- 15 -->[docs] Add snackbar example using sonner (#36926) @PupoSDC
|
|
175
|
+
- ​<!-- 14 -->[docs] Adjust the Material Icons page design and formatting (#36937) @danilo-leal
|
|
176
|
+
- ​<!-- 13 -->[docs] Allows to customize menu with any icon (#36408) @alexfauquette
|
|
177
|
+
- ​<!-- 12 -->[docs] Add info about passing ref to input element (#36913) @tomaskebrle
|
|
178
|
+
- ​<!-- 11 -->[docs][material] Tabs API section cleanup (#36942) @mnajdova
|
|
179
|
+
|
|
180
|
+
### Core
|
|
181
|
+
|
|
182
|
+
- ​<!-- 22 -->[core] Fix CI failure on `master` (#37016) @hbjORbj
|
|
183
|
+
- ​<!-- 05 -->[typescript] Add the missing explicit component return types (#36924) @michaldudak
|
|
184
|
+
- ​<!-- 04 -->[website] Update main data grid demo on X landing page (#37001) @cherniavskii
|
|
185
|
+
- ​<!-- 03 -->[website] Design role updates (#36997) @danilo-leal
|
|
186
|
+
- ​<!-- 02 -->[website] X component section improvements (#36598) @danilo-leal
|
|
187
|
+
- ​<!-- 01 -->[website] Developer Advocate role filled @oliviertassinari
|
|
188
|
+
|
|
189
|
+
All contributors of this release in alphabetical order: @alexfauquette, @cherniavskii, @danilo-leal, @gitstart, @hbjORbj, @michaldudak, @mj12albert, @mnajdova, @oliviertassinari, @PupoSDC, @sai6855, @siriwatknp, @TakhyunKim, @tomaskebrle
|
|
190
|
+
|
|
191
|
+
## 5.12.1
|
|
192
|
+
|
|
193
|
+
<!-- generated comparing v5.12.0..master -->
|
|
194
|
+
|
|
195
|
+
_Apr 17, 2023_
|
|
196
|
+
|
|
197
|
+
A big thanks to the 16 contributors who made this release possible. This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
|
|
198
|
+
|
|
199
|
+
### `@mui/material@5.12.1`
|
|
200
|
+
|
|
201
|
+
- ​<!-- 24 -->[Autocomplete] Fix autocomplete left padding (#36649) @mj12albert
|
|
202
|
+
- ​<!-- 17 -->[Button] Fix contained with inherit prop not adapting on dark mode (#34508) @jesrodri
|
|
203
|
+
- ​<!-- 07 -->[FormControlLabel] Add `required` prop (#34207) @emlai
|
|
204
|
+
- ​<!-- 04 -->[Tabs] Fix null reference in ScrollbarSize after unmounting (#36485) @rkdrnf
|
|
205
|
+
- ​<!-- 03 -->[TextField] Fix type error when using `inputTypeSearch` class for `outlined` and `filled` inputs (#36740) @sai6855
|
|
206
|
+
- ​<!-- 02 -->[ThemeProvider] Fix theme proptypes (#36852) @siriwatknp
|
|
207
|
+
|
|
208
|
+
### `@mui/system@5.12.1`
|
|
209
|
+
|
|
210
|
+
#### Breaking changes
|
|
211
|
+
|
|
212
|
+
- ​<!-- 06 -->[Grid2] Replace context with `cloneElement` (#36399) @siriwatknp
|
|
213
|
+
|
|
214
|
+
`Grid2` now uses `React.cloneElement` instead of React context for passing the spacing and columns to the next container. The change is close to how CSS flexbox behaves.
|
|
215
|
+
|
|
216
|
+
#### Changes
|
|
217
|
+
|
|
218
|
+
- ​<!-- 14 -->[CssVarsProvider] Always generate new `css` object (#36853) @siriwatknp
|
|
219
|
+
|
|
220
|
+
### `@mui/base@5.0.0-alpha.126`
|
|
221
|
+
|
|
222
|
+
#### Breaking changes
|
|
223
|
+
|
|
224
|
+
- ​<!-- 23 -->[base] Refactor the compound components building blocks (#36400) @michaldudak
|
|
225
|
+
Components affected by the changes are:
|
|
226
|
+
- Menu
|
|
227
|
+
- `MenuUnstyledContext` is replaced by `MenuProvider`. The value to pass to the provider is returned by the `useMenu` hook.
|
|
228
|
+
- MenuUnstyled's `onClose` prop is replaced by `onOpenChange`. It has the `open` parameter and is called when a menu is opened or closed
|
|
229
|
+
- Select
|
|
230
|
+
- `SelectUnstyledContext` is replaced by `SelectProvider`. The value to pass to the provider is returned by the `useSelect` hook.
|
|
231
|
+
- `SelectUnstyled`'s popup is permanently mounted.
|
|
232
|
+
- The `defaultOpen` prop was added to the SelectUnstyled. The open/close state can now be controlled or uncontrolled, as a `value`.
|
|
233
|
+
- Tabs
|
|
234
|
+
- `TabsContext` is replaced by `TabsProvider`. The value to pass to the provider is returned by the `useTabs` hook.
|
|
235
|
+
- To deselect all tabs, pass in `null` to Tabs' `value` prop, instead of `false`. This is consistent with how Select works.
|
|
236
|
+
- The `value` prop is still technically not mandatory on TabUnstyled and TabPanel, but when omitted, the contents of the selected tab panel will not be rendered during SSR.
|
|
237
|
+
|
|
238
|
+
### `@mui/joy@5.0.0-alpha.76`
|
|
239
|
+
|
|
240
|
+
- ​<!-- 05 -->[Table][Joy] Replace uses of css selector `*-child` to `*-of-type` (#36839) @keyvanm
|
|
241
|
+
|
|
242
|
+
### Docs
|
|
243
|
+
|
|
244
|
+
- ​<!-- 25 --> [docs][base] Move styles to the bottom of demos code for `BadgeUnstyled` (#36723) @varunmulay22
|
|
245
|
+
- ​<!-- 22 -->[docs][base] Mention that the hook does not accept any parameters in the `Parameters` section of the API docs (#36773) @ZeeshanTamboli
|
|
246
|
+
- ​<!-- 21 -->[docs][base] Move styles to the bottom of demos code for `ModalUnstyled` (#36580) @gitstart
|
|
247
|
+
- ​<!-- 20 -->[docs][base] Move styles to the bottom of demos code for `Tabs` (#36577) @gitstart
|
|
248
|
+
- ​<!-- 19 -->[docs][base] Move styles to the bottom of demos code for `Popper` (#36578) @gitstart
|
|
249
|
+
- ​<!-- 18 -->[docs][base] Move styles to the bottom of demos code for `TablePagination` (#36593) @gitstart
|
|
250
|
+
- ​<!-- 13 -->[docs] Remove the incorrect info about useButton's ref parameter (#36883) @michaldudak
|
|
251
|
+
- ​<!-- 12 -->[docs] Sync <Stack> between projects (#36785) @oliviertassinari
|
|
252
|
+
- ​<!-- 11 -->[docs] Add guides to overriding component structure in Base UI and Joy UI docs (#34990) @samuelsycamore
|
|
253
|
+
- ​<!-- 10 -->[docs] Content changed from 'row' to 'orientation=horizontal' (#36858) @navedqb
|
|
254
|
+
- ​<!-- 09 -->[docs][Joy] `component`, `slots`, `slotProps` must be visible in Prop table in API docs (#36666) @hbjORbj
|
|
255
|
+
- ​<!-- 08 -->[docs][Select] Fix duplicate ID in small size Select demo (#36792) @sai6855
|
|
256
|
+
|
|
257
|
+
### Core
|
|
258
|
+
|
|
259
|
+
- ​<!-- 16 -->[core] Use glob to find the test files in parseTest (#36305) @flaviendelangle
|
|
260
|
+
- ​<!-- 15 -->[core] Fix minor SEO issues @oliviertassinari
|
|
261
|
+
- ​<!-- 01 -->[website] Fix visual bug appbar (#36875) @oliviertassinari
|
|
262
|
+
|
|
263
|
+
All contributors of this release in alphabetical order: @emlai, @flaviendelangle, @gitstart, @hbjORbj, @jesrodri, @keyvanm, @michaldudak, @mj12albert, @navedqb, @oliviertassinari, @rkdrnf, @sai6855, @samuelsycamore, @siriwatknp, @varunmulay22, @ZeeshanTamboli
|
|
264
|
+
|
|
3
265
|
## 5.12.0
|
|
4
266
|
|
|
5
267
|
<!-- generated comparing v5.11.16..master -->
|
package/index.js
CHANGED
package/legacy/index.js
CHANGED
package/modern/index.js
CHANGED
package/node/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/private-theming",
|
|
3
|
-
"version": "5.12.
|
|
3
|
+
"version": "5.12.3",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"description": "Private - The React theme context to be shared between `@mui/styles` and `@mui/material`.",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@babel/runtime": "^7.21.0",
|
|
39
|
-
"@mui/utils": "^5.12.
|
|
39
|
+
"@mui/utils": "^5.12.3",
|
|
40
40
|
"prop-types": "^15.8.1"
|
|
41
41
|
},
|
|
42
42
|
"sideEffects": false,
|