@mui/styled-engine-sc 5.14.12 → 6.0.0-alpha.10

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 (8) hide show
  1. package/CHANGELOG.md +692 -10
  2. package/GlobalStyles/GlobalStyles.d.ts +6 -4
  3. package/index.d.ts +268 -27
  4. package/index.js +1 -1
  5. package/legacy/index.js +1 -1
  6. package/modern/index.js +1 -1
  7. package/node/index.js +3 -3
  8. package/package.json +5 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,686 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.15.2
4
+
5
+ <!-- generated comparing v5.15.1..master -->
6
+
7
+ _Dec 25, 2023_
8
+
9
+ A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - 🚀 Added support for callbacks in the [variant's props definition](https://mui.com/material-ui/customization/theme-components/#creating-new-component-variants) (#40094) @mnajdova
12
+ - 💫 Published a [blogpost](https://mui.com/blog/2023-material-ui-v6-and-beyond/) for the 2024's plan about Material UI
13
+
14
+ ### `@mui/material@5.15.1`
15
+
16
+ - &#8203;<!-- 31 -->[Badge] Use the variants API in the styled call (#40213) @mnajdova
17
+ - &#8203;<!-- 04 -->[Paper] Add missing Paper classes descriptions (#40300) @sai6855
18
+
19
+ ### `@mui/system@5.15.1`
20
+
21
+ - &#8203;<!-- 03 -->Support props callback in the variant's definition (#40094) @mnajdova
22
+
23
+ ### `@mui/base@5.0.0-beta.29`
24
+
25
+ - &#8203;<!-- 29 -->[Popup] Use context-based transition API (#39326) @michaldudak
26
+ - &#8203;<!-- 28 -->[Popup] Popup no longer opens outside viewport (#39827) @adamhylander
27
+ - &#8203;<!-- 27 -->[useSelect] Refactor to use DOM focus management instead of active descendant (#39675) @DiegoAndai
28
+
29
+ ### `@mui/material-next@6.0.0-alpha.115`
30
+
31
+ - &#8203;<!-- 15 -->[material-next][Divider]Divider ts support (#40307) @sai6855
32
+
33
+ ### Docs
34
+
35
+ - &#8203;<!-- 30 -->[base-ui] Fix form submission Select demo (#40014) @ZeeshanTamboli
36
+ - &#8203;<!-- 24 -->[blog] Add Material UI v6 and beyond blog post (#40242) @mnajdova
37
+ - &#8203;<!-- 10 -->[material-ui] Fix broken links in the All components page (#40303) @muazaqdas
38
+ - &#8203;<!-- 09 -->[material-ui] Fix broken links on the All components page (#40279) @danilo-leal
39
+ - &#8203;<!-- 08 -->[material-ui] Add aria-current for nav tabs demo (#39594) @Kimzify
40
+ - &#8203;<!-- 07 -->[material-ui] Add an "All components" page (#40256) @danilo-leal
41
+ - &#8203;<!-- 06 -->[material-ui][Tooltip] Add demo to show how to change distance between tooltip and its anchor (#40087) @anle9650
42
+
43
+ ### Core
44
+
45
+ - &#8203;<!-- 26 -->[blog] Fix 301 redirection @oliviertassinari
46
+ - &#8203;<!-- 25 -->[blog] Reduce max image size @oliviertassinari
47
+ - &#8203;<!-- 23 -->[code-infra] Extract Babel macro from mui-utils (#40262) @michaldudak
48
+ - &#8203;<!-- 22 -->[core] Simplify a bit the release instructions @oliviertassinari
49
+ - &#8203;<!-- 21 -->[core] Push force to deploy is not unexpected @oliviertassinari
50
+ - &#8203;<!-- 20 -->[core] Fix CSS2 vs. CSS3 ::after syntax @oliviertassinari
51
+ - &#8203;<!-- 19 -->[core] Fix CSS2 vs. CSS3 ::before syntax @oliviertassinari
52
+ - &#8203;<!-- 05 -->[core] Use direct import from utils package (#40254) @siriwatknp
53
+ - &#8203;<!-- 18 -->[core] Yaml format match most common convention @oliviertassinari
54
+ - &#8203;<!-- 17 -->[core] Polish docs-feedback issue template @oliviertassinari
55
+ - &#8203;<!-- 16 -->[core] Pin Node version on GitHub Actions to 18.18 (#40187) @michaldudak
56
+ - &#8203;<!-- 14 -->[docs] Fix SEO regression (#40306) @oliviertassinari
57
+ - &#8203;<!-- 13 -->[docs] Fix docs redirections @oliviertassinari
58
+ - &#8203;<!-- 12 -->[docs] Update the Contributing guide to give more guidance on documentation (#40274) @samuelsycamore
59
+ - &#8203;<!-- 11 -->[docs-infra] Add polish to the inline code block (#40260) @danilo-leal
60
+ - &#8203;<!-- 02 -->[website] Update Gold sponsors: add RxDB, standardize formatting (#40273) @samuelsycamore
61
+ - &#8203;<!-- 01 -->[website] Revert change to homepage SEO attributes @oliviertassinari
62
+
63
+ All contributors of this release in alphabetical order: @adamhylander, @anle9650, @danilo-leal, @DiegoAndai, @Kimzify, @michaldudak, @mnajdova, @muazaqdas, @oliviertassinari, @sai6855, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
64
+
65
+ ## 5.15.1
66
+
67
+ <!-- generated comparing v5.15.0..master -->
68
+
69
+ _Dec 19, 2023_
70
+
71
+ A big thanks to the 15 contributors who made this release possible.
72
+ This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
73
+
74
+ ### `@mui/material@5.15.1`
75
+
76
+ - &#8203;<!-- 13 -->[CardActions][DialogActions] Apply margin for all children except for 1st child (#40168) @sai6855
77
+ - &#8203;<!-- 03 -->[TablePagination] Add ability to change icons in TablePaginationActions using `slots` and `slotProps` (#33797) @pratikkarad
78
+ - &#8203;<!-- 13 -->[CssVarsProvider] Fix HSL breaking button styles (#39869) @gitstart
79
+
80
+ ### `@mui/joy@5.0.0-beta.19`
81
+
82
+ - &#8203;<!-- 05 -->[FormControl] Fix issue with the conditional setting of `htmlFor` and `id` attributes not functioning properly for form labels (#40180) @ReaZzy
83
+ - &#8203;<!-- 04 -->[typescript] Address TypeScript issue with custom zIndex not functioning (#40133) @qiweiii
84
+
85
+ ### `@mui/styled-engine-sc@6.0.0-alpha.9`
86
+
87
+ - &#8203;<!-- 02 -->[typescript] Fix `theme` being of type any (#40200) @mnajdova
88
+
89
+ ### Docs
90
+
91
+ - &#8203;<!-- 09 -->[joy-ui] Fix typo in the CSS baseline page (#40222) @possibilities
92
+ - &#8203;<!-- 08 -->[joy-ui] Document missing Autocomplete props (#39979) @ZeeshanTamboli
93
+ - &#8203;<!-- 10 -->[joy-ui] Fix typo about Typography levels (#40230) @zanivan
94
+ - &#8203;<!-- 07 -->[material-ui] Update the related projects page to list `mui-tiptap` for rich text (#40216) @sjdemartini
95
+ - &#8203;<!-- 06 -->[material-ui] Fix typo in the Next.js integration page (#40209) @s8990
96
+
97
+ ### Core
98
+
99
+ - &#8203;<!-- 14 -->[blog] Fix access to Notion without an account @oliviertassinari
100
+ - &#8203;<!-- 12 -->[core] Update workflows and issue templates to reflect the updated label (#40197) @MBilalShafi
101
+ - &#8203;<!-- 11 -->[docs] Replace Twitter with X (#40193) @mbrookes
102
+ - &#8203;<!-- 10 -->[docs-infra] Uplift the Algolia search modal design (#40186) @danilo-leal
103
+ - &#8203;<!-- 01 -->[website] Update product descriptions and social preview images (#32181) @danilo-leal
104
+
105
+ All contributors of this release in alphabetical order: @danilo-leal, @gitstart, @MBilalShafi, @mbrookes, @mnajdova, @oliviertassinari, @possibilities, @pratikkarad, @qiweiii, @ReaZzy, @s8990, @sai6855, @sjdemartini, @zanivan, @ZeeshanTamboli
106
+
107
+ ## 5.15.0
108
+
109
+ <!-- generated comparing v5.14.20..master -->
110
+
111
+ _Dec 11, 2023_
112
+
113
+ A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
114
+
115
+ - 🚀 Added [a new package for a better Material UI integration with Next.js](https://mui.com/material-ui/guides/nextjs) (#39947) @siriwatknp
116
+
117
+ ### `@mui/material@5.15.0`
118
+
119
+ - &#8203;<!-- 12 -->Revert "[Select][material-ui] Add name to hidden input element" (#40174) @mj12albert
120
+ - &#8203;<!-- 02 -->[material-ui] Refactor ComponentsVariants type into a generic (#39623) @blakenetz
121
+
122
+ ### `@mui/material-nextjs@5.15.0`
123
+
124
+ - &#8203;<!-- 01 -->[material-ui] Add new Next.js integration package (#39947) @siriwatknp
125
+
126
+ ### `@mui/material-next@6.0.0-alpha.113`
127
+
128
+ - &#8203;<!-- 11 -->[Badge][material-next] Apply new OwnerState type to Badge (#40119) @lhilgert9
129
+ - &#8203;<!-- 06 -->[material-next][ButtonGroup] Change `ButtonGroup` files to ts (#39794) @lhilgert9
130
+
131
+ ### `@mui/icons-material@5.15.0`
132
+
133
+ - &#8203;<!-- 05 -->[icons] Add X logo (#38811) @abreel
134
+
135
+ ### `@mui/base@5.0.0-beta.27`
136
+
137
+ - &#8203;<!-- 10 -->[base-ui] useControllableReducer warns when controlled props become uncontrolled (and vice versa) (#39096) @mj12albert
138
+
139
+ ### `@mui/joy@5.0.0-beta.18`
140
+
141
+ - &#8203;<!-- 04 -->[joy-ui][Radio][Input] Fix inheritance of disabled prop (#39934) @sai6855
142
+
143
+ ### `@mui/lab@5.0.0-alpha.156`
144
+
145
+ - &#8203;<!-- 03 -->[lab][LoadingButton] LoadingButton now inherits props from ButtonGroup (#39679) @lhilgert9
146
+
147
+ ### Docs
148
+
149
+ - &#8203;<!-- 09 -->[docs] Fix reference to non-existent checkmark in supported-components.md (#40056) @mbrookes
150
+ - &#8203;<!-- 09 -->[docs][base-ui] Add copy button & primary color picker to the component gallery page (#39884) @mnajdova
151
+ - &#8203;<!-- 08 -->[docs-infra] Update CodeSandbox links (#39992) @anle9650
152
+ - &#8203;<!-- 04 -->[material-ui][docs] Fix wrong root element for emotion styles in shadow DOM (#35326) @EloB
153
+ - &#8203;<!-- 03 -->[material-ui][docs] Move the responsive font charts from recharts to MUI X (#40097) @alexfauquette
154
+ - &#8203;<!-- 02 -->[joy-ui][templates] Remove outdated code (#40095) @zanivan
155
+ - &#8203;<!-- 05 -->[material-ui][docs][Popper] Update Positioned Popper demo styles (#40170) @sai6855
156
+
157
+ ### Core
158
+
159
+ - &#8203;<!-- 08 -->[blog] Add a Phuket retreat blog post (#40055) @mikailaread
160
+ - &#8203;<!-- 07 -->[blog] Adjust the latest MUI X blog post (#40046) @danilo-leal
161
+ - &#8203;<!-- 05 -->[core] Migrate from tslint to eslint (#40020) @ZeeshanTamboli
162
+
163
+ All contributors of this release in alphabetical order: @abreel, @alexfauquette, @anle9650, @blakenetz, @danilo-leal, @EloB, @lhilgert9, @mbrookes, @mikailaread, @mj12albert, @mnajdova, @sai6855, @siriwatknp, @zanivan, @ZeeshanTamboli
164
+
165
+ ## 5.14.20
166
+
167
+ <!-- generated comparing v5.14.19..master -->
168
+
169
+ _Dec 5, 2023_
170
+
171
+ A big thanks to the 14 contributors who made this release possible.
172
+ This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
173
+
174
+ ### `@mui/material-next@6.0.0-alpha.112`
175
+
176
+ - &#8203;<!-- 07 -->[Menu] Enable again the usage of the autoFocus prop (#39960) @mnajdova
177
+ - &#8203;<!-- 06 -->[ProgressIndicator] Apply MD3 style to `CircularProgress` (#39825) @lhilgert9
178
+
179
+ ### Docs
180
+
181
+ - &#8203;<!-- 15 -->Remove outdated showcase (#40063) @oliviertassinari
182
+ - &#8203;<!-- 14 -->Support yaml as prism language (#40044) @Janpot
183
+ - &#8203;<!-- 12 -->[material-ui] Fix SearchAppBar width on `sm` screens (#40049) @DiegoAndai
184
+ - &#8203;<!-- 11 -->[material-ui] Update the basic Grid section copy (#40035) @REX500
185
+ - &#8203;<!-- 10 -->[material-ui] Add a react-admin example project (#39972) @fzaninotto
186
+ - &#8203;<!-- 09 -->[material-ui][TextField] Add a performance section (#39692) @anle9650
187
+ - &#8203;<!-- 05 -->[material-ui][tabs] Refine scrollable tabs description (#40037) @zanivan
188
+ - &#8203;<!-- 08 -->[system] Fix typo on the CSS theme variables page (#40040) @caweidmann
189
+
190
+ ### Core
191
+
192
+ - &#8203;<!-- 17 -->[blog] Fix scrollbar on mobile (#40057) @oliviertassinari
193
+ - &#8203;<!-- 16 -->[blog] Fix link to charts getting started page (#40043) @alexfauquette
194
+ - &#8203;<!-- 13 -->[docs-infra] Simplify CSS classes extraction in API docs generator (#39808) @michaldudak
195
+ - &#8203;<!-- 04 -->[website] Polish dark mode colors (#40052) @danilo-leal
196
+ - &#8203;<!-- 03 -->[website] Add why Design Engineer for data grid (#40016) @oliviertassinari
197
+ - &#8203;<!-- 02 -->[website] Add stray fixes to the Base UI page (#40051) @danilo-leal
198
+ - &#8203;<!-- 01 -->[website] Revise the Developer Advocate job posting (#39210) @samuelsycamore
199
+
200
+ All contributors of this release in alphabetical order: @alexfauquette, @anle9650, @caweidmann, @danilo-leal, @DiegoAndai, @fzaninotto, @Janpot, @lhilgert9, @michaldudak, @mnajdova, @oliviertassinari, @REX500, @samuelsycamore, @zanivan
201
+
202
+ ## 5.14.19
203
+
204
+ <!-- generated comparing v5.14.18..master -->
205
+
206
+ _Nov 29, 2023_
207
+
208
+ A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
209
+
210
+ - 🐛 Fix Material UI Autocomplete behavior when there are duplicate labels (#36426) @islandryu
211
+ - 🚀 Added Material You Linear Progress to `material-next` package (#39807) @lhilgert9
212
+
213
+ ### `@mui/material@5.14.19`
214
+
215
+ - &#8203;<!-- 44 -->[Autocomplete] Fix behavior when there are duplicate labels (#36426) @islandryu
216
+ - &#8203;<!-- 37 -->[Box] Added boxClasses (#39889) @sadik-malik
217
+ - &#8203;<!-- 18 -->[FilledInput] Fix slot props deepmerge order (#38922) @dhaub-exelixis
218
+ - &#8203;<!-- 12 -->[Select] Add id to hidden input element (#39414) @DarhkVoyd
219
+ - &#8203;<!-- 11 -->[Select] Remove unnecessary picking of `onChange` type from SelectInputProps (#39891) @ZeeshanTamboli
220
+
221
+ ### `@mui/base@5.0.0-beta.25`
222
+
223
+ - &#8203;<!-- 46 -->[Menu] Fix navigation of items when 1st item is disabled (#39828) @sai6855
224
+ - &#8203;<!-- 42 -->[Modal] Refine demos (#39824) @zanivan
225
+ - &#8203;<!-- 41 -->[NumberInput] Implement `numberInputReducer` (#38723) @mj12albert
226
+ - &#8203;<!-- 40 -->[useNumberInput] Fix change handlers passed through slotProps (#39407) @mj12albert
227
+
228
+ ### `@mui/joy@5.0.0-beta.16`
229
+
230
+ - &#8203;<!-- 38 -->[Box] Added boxClasses (#39895) @sadik-malik
231
+
232
+ ### `@mui/system@5.14.19`
233
+
234
+ - &#8203;<!-- 36 -->[Box] Added boxClasses (#39896) @sadik-malik
235
+ - &#8203;<!-- 09 -->Add outlineColor to defaultSxConfig (#39962) @brijeshb42
236
+
237
+ ### `@mui/types@7.2.10`
238
+
239
+ - &#8203;<!-- 08 -->Add `PartiallyRequired` type (#39939) @lhilgert9
240
+
241
+ ### `@mui/material-next@6.0.0-alpha.111`
242
+
243
+ - &#8203;<!-- 47 -->[ProgressIndicator] Apply MD3 style to `LinearProgress` (#39807) @lhilgert9
244
+ - &#8203;<!-- 17 -->[FormHelperText] Add FormHelperText component (#39503) @mj12albert
245
+ - &#8203;<!-- 16 -->[IconButton] Copy IconButton to material-next (#39945) @mj12albert
246
+ - &#8203;<!-- 13 -->[Switch] Copy `Switch` to material next (#39887) @lhilgert9
247
+
248
+ ### Docs
249
+
250
+ - &#8203;<!-- 19 -->[material-ui] Fix theme prop in v5 migration guide (#39976) @sai6855
251
+ - &#8203;<!-- 43 -->[base-ui] Improve Next.js Link docs (#39838) @oliviertassinari
252
+ - &#8203;<!-- 39 -->[base-ui] Export Base UI theme in stylesheet (#39694) @mnajdova
253
+ - &#8203;<!-- 52 -->[joy-ui] Fix the date min & max slot props values on the Input demo (#40018) @avikalpg
254
+ - &#8203;<!-- 35 -->[joy-ui][ButtonGroup] Fix orientation prop description (#39876) @sai6855
255
+ - &#8203;<!-- 25 -->[joy-ui] Update gif from the Dark Mode Optimization page (#39726) @danilo-leal
256
+ - &#8203;<!-- 24 -->[joy-ui] Fix h1 template (#40017) @oliviertassinari
257
+ - &#8203;<!-- 23 -->[joy-ui] Fix wrong product id @oliviertassinari
258
+ - &#8203;<!-- 22 -->[joy-ui] Fixes in theme scoping documentation (#39899) @ZeeshanTamboli
259
+ - &#8203;<!-- 21 -->[joy-ui] Refine the Email, Teams and Files templates (#39579) @zanivan
260
+ - &#8203;<!-- 15 -->[joy-ui][templates] Fix layout shift on Profile template (#40022) @zanivan
261
+ - &#8203;<!-- 14 -->[joy-ui][Templates] Update thumbnails (#39938) @zanivan
262
+ - &#8203;<!-- 20 -->[material-next] Add contributing guide (#39944) @mj12albert
263
+ - &#8203;<!-- 51 -->End v6 blogpost notification (#39879) @joserodolfofreitas
264
+ - &#8203;<!-- 31 -->Fix nested CSS warning (#39932) @mnajdova
265
+ - &#8203;<!-- 30 -->Make integration searchable (#39967) @oliviertassinari
266
+ - &#8203;<!-- 29 -->Fix use of quote in markdown (#39953) @oliviertassinari
267
+ - &#8203;<!-- 28 -->Show design links on Joy UI (#39955) @oliviertassinari
268
+ - &#8203;<!-- 27 -->Restore Algolia results when searching for "Figma" (#39956) @oliviertassinari
269
+ - &#8203;<!-- 26 -->Fix two tone icon dark mode color (#39868) @mnajdova
270
+
271
+ ### Core
272
+
273
+ - &#8203;<!-- 45 -->Improve lerna's renovate package rules (#40029) @DiegoAndai
274
+ - &#8203;<!-- 34 -->Downgrade lerna to 7.2.0 (#40026) @DiegoAndai
275
+ - &#8203;<!-- 32 -->Rename OpenCollective @oliviertassinari
276
+ - &#8203;<!-- 48 -->[docs-infra] Env variables should be string (#39991) @oliviertassinari
277
+ - &#8203;<!-- 10 -->[Portal] Improve docs for container prop (#39180) @oliviertassinari
278
+ - &#8203;<!-- 50 -->[website] Update pricing table (#40023) @cherniavskii
279
+ - &#8203;<!-- 49 -->[website][docs] Update the product identifier menu and X page (#39832) @danilo-leal
280
+ - &#8203;<!-- 07 -->[website] Mark TreeView and Charts as stable (#39975) @flaviendelangle
281
+ - &#8203;<!-- 06 -->[website] Update career page (#40015) @oliviertassinari
282
+ - &#8203;<!-- 05 -->[website] Sync about dataset @oliviertassinari
283
+ - &#8203;<!-- 04 -->[website] Fix 301 redirection to X tree-view @oliviertassinari
284
+ - &#8203;<!-- 03 -->[website] Change redirection prefixes @oliviertassinari
285
+ - &#8203;<!-- 02 -->[website] Fix 301 link @oliviertassinari
286
+ - &#8203;<!-- 01 -->[website] Fix modal not being closed with the escape key on the Base UI page (#39880) @ZeeshanTamboli
287
+
288
+ All contributors of this release in alphabetical order: @avikalpg, @brijeshb42, @cherniavskii, @danilo-leal, @DarhkVoyd, @dhaub-exelixis, @DiegoAndai, @flaviendelangle, @islandryu, @joserodolfofreitas, @lhilgert9, @mj12albert, @mnajdova, @oliviertassinari, @sadik-malik, @sai6855, @zanivan, @ZeeshanTamboli
289
+
290
+ ## 5.14.18
291
+
292
+ <!-- generated comparing v5.14.17..master -->
293
+
294
+ _Nov 14, 2023_
295
+
296
+ A big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
297
+
298
+ - 💫 Introduced new [Stepper](https://mui.com/joy-ui/react-stepper/) component in Joy UI (#39688) @siriwatknp
299
+ - other 🐛 bug fixes and 📚 documentation improvements
300
+
301
+ ### `@mui/material@5.14.18`
302
+
303
+ - &#8203;<!-- 32 -->[Autocomplete] Add `defaultMuiPrevented` to onKeyDown type (#39820) @sai6855
304
+ - &#8203;<!-- 31 -->[Autocomplete] Fix React key warning in Next.js (#39795) @mj12albert
305
+ - &#8203;<!-- 24 -->[Checkbox] Asterisk placement aligned correctly (#39721) @axelbostrom
306
+ - &#8203;<!-- 04 -->[Rating] Fix the hover highlighting for spaced icons (#39775) @ZeeshanTamboli
307
+ - &#8203;<!-- 03 -->[TablePagination] Implement `slotProps` pattern for the actions and the select slots (#39353) @anle9650
308
+ - &#8203;<!-- 02 -->[TextField] Fix padding on small filled multiline TextField (#39769) @mj12albert
309
+
310
+ ### `@mui/joy@5.0.0-beta.15`
311
+
312
+ - &#8203;<!-- 11 -->[Stepper] Add new `Stepper` component (#39688) @siriwatknp
313
+ - &#8203;<!-- 12 -->[Select] Fix displaying placeholder when multiple is true (#39806) @sai6855
314
+
315
+ ### `@mui/material-next@6.0.0-alpha.110`
316
+
317
+ - &#8203;<!-- 26 -->[ButtonGroup] Copy `ButtonGroup` to material next (#39739) @lhilgert9
318
+ - &#8203;<!-- 09 -->[ProgressIndicator] Change `CircularProgress` files to ts (#39791) @lhilgert9
319
+ - &#8203;<!-- 08 -->[ProgressIndicator] Change `LinearProgress` files to ts (#39793) @lhilgert9
320
+ - &#8203;<!-- 07 -->[ProgressIndicator] Copy `LinearProgress` to material next (#39779) @lhilgert9
321
+ - &#8203;<!-- 06 -->[ProgressIndicator] Copy `CircularProgress` to material next (#39780) @lhilgert9
322
+ - &#8203;<!-- 05 -->[TextField] Add FormLabel and InputLabel components (#39483) @mj12albert
323
+
324
+ ## Docs
325
+
326
+ - &#8203;<!-- 30 -->[base-ui][NumberInput] Fix inconsistent demo component names (#39786) @mnajdova
327
+ - &#8203;<!-- 29 -->[base-ui][Menu] Refine demos (#39823) @zanivan
328
+ - &#8203;<!-- 28 -->[base-ui][Switch] Refine demos (#39822) @zanivan
329
+ - &#8203;<!-- 16 -->[joy-ui] Fix API generation for Grid (#39861) @oliviertassinari
330
+ - &#8203;<!-- 15 -->[joy-ui] Fix menu in color inversion header demo (#39785) @sai6855
331
+ - &#8203;<!-- 14 -->[joy-ui] Change the design kit link on the Overview page (#39725) @danilo-leal
332
+ - &#8203;<!-- 13 -->[joy-ui] Add `CssBaseline` to integration with Material UI page (#39790) @swillianc
333
+ - &#8203;<!-- 10 -->[joy-ui][Tabs] Add wordBreak style to demo (#39821) @sai6855
334
+
335
+ ## Core
336
+
337
+ - &#8203;<!-- 27 -->[blog] MUI X late v6 blog post (#39700) @joserodolfofreitas
338
+ - &#8203;<!-- 25 -->[CHANGELOG] Correct the Joy UI version in the changelog (#39788) @michaldudak
339
+ - &#8203;<!-- 23 -->[core] Remove legacy docs files (#39860) @oliviertassinari
340
+ - &#8203;<!-- 22 -->[core] Fix GitHub title tag consistency @oliviertassinari
341
+ - &#8203;<!-- 21 -->[core] Make the API docs builder configurable per project (#39772) @michaldudak
342
+ - &#8203;<!-- 20 -->[docs] Fix the default theme viewer font family (#39782) @danilo-leal
343
+ - &#8203;<!-- 19 -->[docs-infra] Fix hydration api (#39706) @oliviertassinari
344
+ - &#8203;<!-- 18 -->[docs-infra] Adjust the website & docs footer (#39810) @danilo-leal
345
+ - &#8203;<!-- 17 -->[docs-infra] Fix bug on API prop copy experience (#39707) @oliviertassinari
346
+ - &#8203;<!-- 01 -->[website] Change roadmap link destination (#39639) @danilo-leal
347
+
348
+ All contributors of this release in alphabetical order: @anle9650, @axelbostrom, @danilo-leal, @joserodolfofreitas, @lhilgert9, @michaldudak, @mj12albert, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp, @swillianc, @zanivan, @ZeeshanTamboli
349
+
350
+ ## 5.14.17
351
+
352
+ <!-- generated comparing v5.14.16..master -->
353
+
354
+ _Nov 6, 2023_
355
+
356
+ A big thanks to the 12 contributors who made this release possible.
357
+ This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
358
+
359
+ ### `@mui/material@5.14.17`
360
+
361
+ - [Dialog] Should not close until the IME is cancelled (#39713) @megos
362
+ - [InputBase] Add `sx` type to `input` and `root` slot (#39569) @sai6855
363
+
364
+ ### `@mui/joy@5.0.0-beta.14`
365
+
366
+ - [ModalDialog] Remove redundant code (#39719) @sai6855
367
+ - [ToggleButtonGroup] Fix toggling button state when `Button` is not immediate children (#39571) @sai6855
368
+
369
+ ### `@mui/base@5.0.0-beta.23`
370
+
371
+ - Make list components more reliable (#39380) @michaldudak
372
+
373
+ ### `@mui/material-next@6.0.0-alpha.109`
374
+
375
+ - [InputBase] InputBase slotProps accepts sx type (#39714) @mj12albert
376
+ - [OutlinedInput] Copy v5 OutlinedInput (#39698) @mj12albert
377
+
378
+ ### `@mui/lab@5.0.0-alpha.152`
379
+
380
+ - [TreeView] Remove tree view import from @mui/lab (#39685) @alexfauquette
381
+
382
+ ### Docs
383
+
384
+ - Update Taiwan country name in demos (#39729) @chiahao
385
+ - Update release doc for unchanged packages (#39487) @brijeshb42
386
+ - [joy-ui] Make code readable to set next color in color inversion demos (#39669) @ZeeshanTamboli
387
+ - [material-ui] Remove numeric input workaround from TextField docs (#39629) @mj12albert
388
+ - [material-ui] Add comment about code to be removed from Drawer demo (#39678) @samuelsycamore
389
+
390
+ ### Core
391
+
392
+ - [docs-infra] Fix path bloat client-side (#39708) @oliviertassinari
393
+ - [docs-infra] Render footer in SSR (#39710) @oliviertassinari
394
+ - [docs-infra] Simplify footer (#39709) @oliviertassinari
395
+ - [docs-infra] Fix dark theme color (#39720) @alexfauquette
396
+ - [docs-infra] Remove the design feedback alert (#39691) @danilo-leal
397
+ - [docs-infra] Bring back scroll gradient in API page with table (#39689) @alexfauquette
398
+ - [docs-infra] Clarify the content of the ads @oliviertassinari
399
+ - [docs-infra] Link to ScaffoldHub v2 @oliviertassinari
400
+ - [docs-infra] Improve access to the component demos via the API page (#39690) @danilo-leal
401
+ - [docs-infra] Add appropriate aria-label to docs buttons (#39638) @danilo-leal
402
+ - [docs-infra] Fix crawler on API pages (#39490) @alexfauquette
403
+ - [docs–infra] Small polish on API toggle (#39704) @oliviertassinari
404
+ - [core] Speed up the CI by removing the second build (#39684) @michaldudak
405
+ - [core][docs] Fix broken MUI System link in README.md (#39734) @samuelsycamore
406
+ - [website] List benefits for sponsors (#39640) @oliviertassinari
407
+ - [website] Add Vadym teamMember card to 'About' (#39701) @hasdfa
408
+ - [test] Fix flaky screenshot (#39711) @oliviertassinari
409
+
410
+ All contributors of this release in alphabetical order: @alexfauquette, @brijeshb42, @chiahao, @danilo-leal, @hasdfa, @megos, @michaldudak, @mj12albert, @oliviertassinari, @sai6855, @samuelsycamore, @ZeeshanTamboli
411
+
412
+ ## 5.14.16
413
+
414
+ <!-- generated comparing v5.14.15..master -->
415
+
416
+ _Oct 31, 2023_
417
+
418
+ A big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:
419
+
420
+ - ✨ New highly requested Joy UI component: [Snackbar](https://mui.com/joy-ui/react-snackbar) (#38801) @ZeeshanTamboli
421
+
422
+ ### `@mui/material@5.14.16`
423
+
424
+ - &#8203;<!-- 03 -->Fix ownerstate being propagated to DOM node when using styled-components v6 (#39586) @mnajdova
425
+
426
+ ### `@mui/base@5.0.0-beta.22`
427
+
428
+ - &#8203;<!-- 28 -->[Autocomplete] Standardize box shadow on demos (#39519) @zanivan
429
+ - &#8203;<!-- 27 -->[useSelect] Support browser autofill (#39595) @DiegoAndai
430
+ - &#8203;<!-- 30 -->[base-ui] Fix mergeSlotProps className join order (#39616) @mj12albert
431
+
432
+ ### `@mui/joy@5.0.0-beta.13`
433
+
434
+ - &#8203;<!-- 29 -->[Accordion] Add type button to accordion
435
+ - &#8203;<!-- 28 -->[Card] Fix CardOverflow in nested cards (#39668) @siriwatknp summary (#39532) @Popppins
436
+ - &#8203;<!-- 08 -->[Menu] Fix closing of listbox in `MenuList` demo (#39459) @sai6855
437
+ - &#8203;<!-- 07 -->[Progress] Revamp Linear and Circular progress variants (#39492) @zanivan
438
+ - &#8203;<!-- 06 -->[Select] Support selection of `multiple` options (#39454) @sai6855
439
+ - &#8203;<!-- 05 -->[Textarea] Add ref usage instructions (#39615) @danilo-leal
440
+ - &#8203;<!-- 10 --> Fix sticky hover media query issue on mobile (#37467) @gitstart
441
+ - &#8203;<!-- 09 --> Add Snackbar component (#38801) @ZeeshanTamboli
442
+
443
+ ### `@mui/material-next@6.0.0-alpha.108`
444
+
445
+ - &#8203;<!-- 04 -->[theme] Update Material You typescale tokens (#39514) @mj12albert
446
+
447
+ ### Docs
448
+
449
+ - &#8203;<!-- 22 -->Fix 301 link to Primer design system @oliviertassinari
450
+ - &#8203;<!-- 19 -->[joy-ui] Revise the CSS vars page (#39335) @danilo-leal
451
+ - &#8203;<!-- 18 -->[joy-ui] Add docs for changing styles based on states (#39597) @siriwatknp
452
+ - &#8203;<!-- 17 -->[joy-ui] Fix wrong messages (#39602) @siriwatknp
453
+ - &#8203;<!-- 16 -->[material-ui] Include link to bundler how-to for Styled Components users (#39620) @jcoyle37
454
+ - &#8203;<!-- 15 -->[material-ui] Improve Dialog demos (#39642) @ZeeshanTamboli
455
+ - &#8203;<!-- 14 -->[material-ui] Add stray design fine-tuning to the example collection (#39581) @danilo-leal
456
+ - &#8203;<!-- 13 -->[system] Clean up `@mui/styles` docs and discourage users from installing it (#39644) @samuelsycamore
457
+ - &#8203;<!-- 12 -->[examples] Upgrade Remix to v2 (#39229) @Nkzn
458
+ - &#8203;<!-- 11 -->[examples][material-ui] Remove hardcoded `color="black"` from Next.js App Router layout (#39577) @samuelsycamore
459
+
460
+ ### Core
461
+
462
+ - &#8203;<!-- 26 -->[core] Setup vale for enforcing style guides (#39633) @alexfauquette
463
+ - &#8203;<!-- 25 -->[core] Remove unused use client (#38967) @oliviertassinari
464
+ - &#8203;<!-- 24 -->[core] Remove duplicate export (#39346) @oliviertassinari
465
+ - &#8203;<!-- 23 -->[core] Remove not used `@types/loader-utils` package from `zero-next-plugin` (#39609) @ZeeshanTamboli
466
+ - &#8203;<!-- 21 -->[docs-infra] Add meta charset in codesandbox examples (#39424) @Janpot
467
+ - &#8203;<!-- 20 -->[docs-infra] Fix settings drawer accessibility issues (#39589) @emamoah
468
+ - &#8203;<!-- 02 -->[website] Add stray adjustments and clean-ups (#39673) @danilo-leal
469
+ - &#8203;<!-- 01 -->[website] Open the `Design Engineer - xGrid` role (#39375) @DanailH
470
+
471
+ All contributors of this release in alphabetical order: @alexfauquette, @Best-Sardar, @DanailH, @danilo-leal, @DiegoAndai, @emamoah, @gitstart, @Janpot, @jcoyle37, @mj12albert, @mnajdova, @Nkzn, @oliviertassinari, @Popppins, @sai6855, @samuelsycamore, @siriwatknp, @zanivan, @ZeeshanTamboli
472
+
473
+ ## 5.14.15
474
+
475
+ <!-- generated comparing v5.14.14..master -->
476
+
477
+ _Oct 24, 2023_
478
+
479
+ A big thanks to the 17 contributors who made this release possible.
480
+
481
+ ### `@mui/material@5.14.15`
482
+
483
+ - &#8203;<!-- 24 -->[Checkbox][Radio] Fix theme style overrides not working for different sizes (#39377) @gitstart
484
+ - &#8203;<!-- 12 -->[InputLabel] InputLabel supports ownerState.focused for styleOverrides (#39470) @mj12albert
485
+ - &#8203;<!-- 07 -->[ToggleButton] Add `fullWidth` to `toggleButtonClasses` and `toggleButtonGroupClasses` (#39536) @Semigradsky
486
+
487
+ ### `@mui/base@5.0.0-beta.21`
488
+
489
+ - &#8203;<!-- 29 -->[useAutocomplete] Correct keyboard navigation with multiple disabled options (#38788) @VadimZvf
490
+ - &#8203;<!-- 28 -->[Select] Standardize box shadow on demos (#39509) @zanivan
491
+ - &#8203;<!-- 27 -->[Slider] Refine demos (#39526) @zanivan
492
+ - &#8203;<!-- 34 -->[Input] Update and port additional tests from material-ui (#39584) @mj12albert
493
+
494
+ ### `@mui/material-next@6.0.0-alpha.107`
495
+
496
+ - &#8203;<!-- 16 -->[FilledInput] Add FilledInput component (#39307) @mj12albert
497
+ - &#8203;<!-- 13 -->[InputAdornment] Fix unstable_capitalize import (#39510) @DiegoAndai
498
+ - &#8203;<!-- 08 -->[Snackbar] copy files to mui-material-next (#39232) @Best-Sardar
499
+ - &#8203;<!-- 33 -->[Menu] Use useMenu hook (#38934) @mnajdova
500
+
501
+ ### `@mui/joy@5.0.0-beta.12`
502
+
503
+ - &#8203;<!-- 26 -->[Button] Fix button size being a decorator (#39529) @siriwatknp
504
+ - &#8203;<!-- 25 -->[CardOverflow] Remove conditional CSS to support Next.js App dir (#39101) @siriwatknp
505
+ - &#8203;<!-- 11 -->[Link] Apply `userSelect: none` only when it's a button (#39486) @mwskwong
506
+
507
+ ### `@mui/lab@5.0.0-alpha.150`
508
+
509
+ - &#8203;<!-- 09 -->Update peer dep of @mui/material (#39398) @brijeshb42
510
+
511
+ ### `@mui/zero-runtime@0.0.1-alpha.0`
512
+
513
+ - &#8203;<!-- 06 -->Implement typings for public runtime API (#39215) @brijeshb42
514
+
515
+ ### `@mui/zero-vite-plugin@0.0.1-alpha.0`
516
+
517
+ - &#8203;<!-- 05 -->Modify plugin to transform node_modules (#39517) @brijeshb42
518
+
519
+ ### Docs
520
+
521
+ - &#8203;<!-- 31 -->[base-ui] Standardize grey palette across demos (#39504) @zanivan
522
+ - &#8203;<!-- 30 -->[base-ui] Overall demos design review (#38820) @zanivan
523
+ - &#8203;<!-- 19 -->[joy-ui] Adjust the responsiveness of the template card (#39534) @danilo-leal
524
+ - &#8203;<!-- 18 -->[material-ui] Typo fixes in overview page (#39540) @Evan151
525
+ - &#8203;<!-- 35 -->[material-ui] Add stray design tweaks to the templates collection (#39583) @danilo-leal
526
+ - &#8203;<!-- 17 -->[system] Revise the Box page (#39159) @danilo-leal
527
+ - &#8203;<!-- 22 -->Fix git diff format @oliviertassinari
528
+ - &#8203;<!-- 15 -->[I10n] Add Norwegian (nynorsk) (nn-NO) locale (#39481) @hjalti-lifekeys
529
+ - &#8203;<!-- 10 -->[l10n] Fix double space typo in ar-EG @oliviertassinari
530
+ - &#8203;<!-- 14 -->[I10n] Additions to Icelandic (is-IS) locale (#39480) @hjalti-lifekeys
531
+
532
+ ### Core
533
+
534
+ - &#8203;<!-- 23 -->[core] Replace a `useCallback` by `useRef` in useEventCallback (#39078) @romgrk
535
+ - &#8203;<!-- 21 -->[docs-infra] Prevent docs crash (#39214) @alexfauquette
536
+ - &#8203;<!-- 20 -->[docs-infra] Fix no-op autoprefixer warning (#39385) @oliviertassinari
537
+ - &#8203;<!-- 32 -->[docs-infra] Refine the API page design (#39520) @alexfauquette
538
+ - &#8203;<!-- 25 -->[docs-infra] Fix cut-off sponsors (#39572) @oliviertassinari
539
+ - &#8203;<!-- 04 -->[website] Add missing h1 on page @oliviertassinari
540
+ - &#8203;<!-- 03 -->[website] Fix unrecognized prop warning @oliviertassinari
541
+ - &#8203;<!-- 02 -->[website] Store Engineer role filled @oliviertassinari
542
+ - &#8203;<!-- 01 -->[website] Add stray design adjustments (#39496) @danilo-leal
543
+
544
+ All contributors of this release in alphabetical order: @alexfauquette, @Best-Sardar, @brijeshb42, @danilo-leal, @DiegoAndai, @Evan151, @gitstart, @hjalti-lifekeys, @mj12albert, @mnajdova, @mwskwong, @oliviertassinari, @romgrk, @Semigradsky, @siriwatknp, @VadimZvf, @zanivan
545
+
546
+ ## 5.14.14
547
+
548
+ <!-- generated comparing v5.14.13..master -->
549
+
550
+ _Oct 17, 2023_
551
+
552
+ A big thanks to the 24 contributors who made this release possible. Here are some highlights ✨:
553
+ This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
554
+
555
+ ### `@mui/material@5.14.14`
556
+
557
+ - &#8203;<!-- 29 -->[material-ui][AppBar] Support all default palette colors in TypeScript (#39389) @BreakBB
558
+ - &#8203;<!-- 28 -->[material-ui][AvatarGroup] Add `renderSurplus` prop (#39283) @uuxxx
559
+ - &#8203;<!-- 25 -->[material-ui][Box] Fix system properties has incorrect `Theme` interface when applied directly (#39404) @Semigradsky
560
+ - &#8203;<!-- 04 -->[material-ui][Pagination] Update `type` parameter of `getItemAriaLabel` prop (#39390) @Simer13
561
+ - &#8203;<!-- 06 -->[material][tab] Show/hide scroll buttons for dynamically added children (#39415) @brijeshb42
562
+
563
+ ### `@mui/base@5.0.0-beta.20`
564
+
565
+ - &#8203;<!-- 26 -->[base-ui][Menu] Do not reopen the menu after clicking on a trigger in Safari (#39393) @michaldudak
566
+
567
+ ### `@mui/material-next@6.0.0-alpha.106`
568
+
569
+ - &#8203;<!-- 23 -->[Divider][material-next] Add Divider component (#39179) @Best-Sardar
570
+
571
+ ### `@mui/joy@5.0.0-beta.11`
572
+
573
+ - &#8203;<!-- 08 -->[joy-ui][List] Add the `marker` prop (#39313) @siriwatknp
574
+ - &#8203;<!-- 07 -->[joy-ui][Skeleton] Fix semi-transparent scenario when with surface components and color inversion (#39400) @TheNatkat
575
+ - &#8203;<!-- 06 -->[joy-ui][Textarea] Fix focus ring for error state (#39391) @vineetjk
576
+
577
+ ### `@mui/icons-material@5.14.14`
578
+
579
+ - &#8203;<!-- 09 -->[icons] Fix VoiceChatOutlined showing the wrong icon (#39418) @devuser200
580
+
581
+ ### `@mui/system@5.14.14`
582
+
583
+ - &#8203;<!-- 03 -->[mui-system][style] bug fix for style value check color in nullable object (#39457) @DarhkVoyd
584
+
585
+ ### `@mui/styled-engine-sc@6.0.0-alpha.2`
586
+
587
+ - &#8203;<!-- 05 -->[styled-engine-sc] Fix TS issues because of missing types (#39395) @mnajdova
588
+
589
+ ### Docs
590
+
591
+ - &#8203;<!-- 27 -->[docs][base-ui] Renaming demos to BaseXxx (#39104) @christophermorin
592
+ - &#8203;<!-- 26 -->[docs] Accessibility in Base UI (#39264) @michaldudak
593
+ - &#8203;<!-- 22 -->[docs] Fix 301 redirection @oliviertassinari
594
+ - &#8203;<!-- 21 -->[docs] Improve Base UI table of contents for APIs (#39412) @ZeeshanTamboli
595
+ - &#8203;<!-- 20 -->[docs] Adjust design kits-related content (#39367) @danilo-leal
596
+ - &#8203;<!-- 19 -->[docs] Revise the Contributing Guide (#39190) @samuelsycamore
597
+ - &#8203;<!-- 12 -->[docs][joy-ui] Fix row hover prop name in the Table page (#39431) @adrienbrault
598
+ - &#8203;<!-- 11 -->[docs][joy-ui] Fix color inversion demos (#39403) @danilo-leal
599
+ - &#8203;<!-- 10 -->[docs][material-ui] Remove irrelevant TODO from Snackbar demo (#39396) @ZeeshanTamboli
600
+ - &#8203;<!-- 06 -->[docs][material-ui][Table] Bug in "Sorting & Selecting" demo (#39426) @codewithrabeeh
601
+ - &#8203;<!-- 05 -->[docs][joy-ui][typography] Update docs after lineHeight changes (#39366) @zanivan
602
+
603
+ ### Core
604
+
605
+ - &#8203;<!-- 24 -->[core] Fix multiple typos across the repo (#39422) @parikshitadhikari
606
+ - &#8203;<!-- 18 -->[docs-infra] Add refinements to the API content design (#39425) @danilo-leal
607
+ - &#8203;<!-- 17 -->[docs-infra] Add a min height to the layout component (#39416) @danilo-leal
608
+ - &#8203;<!-- 16 -->[docs-infra] Prevent horizontal scroll in the TOC (#39417) @danilo-leal
609
+ - &#8203;<!-- 15 -->[docs-infra] Add a collapsible list & table views to the API content display (#38265) @alexfauquette
610
+ - &#8203;<!-- 14 -->[docs-infra] Adjust the `kbd` tag styles (#39397) @danilo-leal
611
+ - &#8203;<!-- 13 -->[docs-infra] Fix strong style regression (#39384) @oliviertassinari
612
+ - &#8203;<!-- 04 -->[website] Add the LinkedIn profile to the contributors section on the About page (#39455) @chhawinder
613
+ - &#8203;<!-- 03 -->[website] Update new role template (#39386) @oliviertassinari
614
+ - &#8203;<!-- 02 -->[website] Add stray design fine-tunning to the Pricing page (#39472) @danilo-leal
615
+ - &#8203;<!-- 01 -->[website] Fix career anchor link to perks & benefits @oliviertassinari
616
+
617
+ All contributors of this release in alphabetical order: @adrienbrault, @alexfauquette, @Best-Sardar, @BreakBB, @brijeshb42, @chhawinder, @christophermorin, @codewithrabeeh, @danilo-leal, @DarhkVoyd, @devuser200, @michaldudak, @mnajdova, @oliviertassinari, @parikshitadhikari, @samuelsycamore, @Semigradsky, @Simer13, @siriwatknp, @TheNatkat, @uuxxx, @vineetjk, @zanivan, @ZeeshanTamboli
618
+
619
+ ## 5.14.13
620
+
621
+ <!-- generated comparing v5.14.12..master -->
622
+
623
+ _Oct 10, 2023_
624
+
625
+ A big thanks to the 22 contributors who made this release possible. Here are some highlights ✨:
626
+
627
+ - 🚀 Added support for `styled-components` v6 (#39042) @mnajdova
628
+
629
+ ### `@mui/material@5.14.13`
630
+
631
+ - [Checkbox] Fix checkbox hover bg with extendTheme (#39319) @brijeshb42
632
+ - [Chip] Outlined Chip variant is wider than the Filled counterpart (#39342) @chirag3003
633
+ - [Select] Add notice about select's a11y improvement on v5.14.12 changelog (#39310) @DiegoAndai
634
+ - [Typography] Color prop check for primitive type (#39071) @DarhkVoyd
635
+ - [Pagination] Fix background color on hover and keyboard focus when using CSS theme variables (#39220) @ValkonX33
636
+ - [Popper] Add missing `styleOverrides` Popper type in theme (#39154) @axelbostrom
637
+ - [Slider] Support all default palette colors in TypeScript (#39058) @gugudwt
638
+
639
+ ### `@mui/base@5.0.0-beta.19`
640
+
641
+ - [Menu] Add the anchor prop (#39297) @michaldudak
642
+
643
+ ### `@mui/material-next@6.0.0-alpha.105`
644
+
645
+ - [Menu] Copy v5 Menu components (#39301) @mnajdova
646
+
647
+ ### `@mui/joy@5.0.0-beta.10`
648
+
649
+ - [Autocomplete] Add `type=button` to clear button (#39263) @brijeshb42
650
+ - [Button] Fix the text wrap issue (#38696) @atharva3333
651
+ - [Drawer] Apply color inversion to content slot instead (#39312) @siriwatknp
652
+ - [Switch] Fix missing class name (#39327) @Bestwebdesign
653
+
654
+ ### `@mui/styled-engine-sc@6.0.0-alpha.1`
655
+
656
+ - &#8203;<!-- 03 -->[system] Add support for `styled-components` v6 (#39042) @mnajdova
657
+
658
+ ### Docs
659
+
660
+ - [joy-ui] Adjust the templates page card design (#39369) @danilo-leal
661
+ - Rename the Data Grid "Quick filter" to "Search" (#37724) @alexfauquette
662
+ - Remove obsolete translations (#39221) @mbrookes
663
+ - Update link to add custom color in palette (#39359) @ZeeshanTamboli
664
+ - Denser code demo @oliviertassinari
665
+ - Set up MD3 experiments pages (#39323) @mj12albert
666
+ - [Drawer] Fix right anchored persistent drawer intercepts click when it is closed (#39318) @ZeeshanTamboli
667
+ - [joy-ui] Revise the Color Inversion page (#39306) @danilo-leal
668
+ - [joy-ui] Remove redundant `error` prop from input validation demo (#39280) @sai6855
669
+ - [material-ui] Rename themed components doc, fix typos (#39368) @samuelsycamore
670
+ - [material-ui] Adjust the Material You Chip section (#39325) @danilo-leal
671
+ - [system] Add documentation on how to augment custom theme types for the `sx` prop callback (#39259) @3xp10it3r
672
+ - [joy-ui][Input] Add debounce input demo (#39300) @sai6855
673
+
674
+ ### Core
675
+
676
+ - [docs-infra] Improve the open diamond sponsor spot callout (#39332) @danilo-leal
677
+ - [docs-infra] Fix Code Sandbox download issue (#39317) @ARJ2160
678
+ - [docs-infra] Remove overflow: hidden for demo gradient bg (#39225) @oliviertassinari
679
+ - [website] Fix footer responsiveness (#39355) @danilo-leal
680
+ - [website] Host Figma redirections in the store for now @oliviertassinari
681
+
682
+ All contributors of this release in alphabetical order: @3xp10it3r, @alexfauquette, @ARJ2160, @atharva3333, @axelbostrom, @Bestwebdesign, @brijeshb42, @chirag3003, @danilo-leal, @DarhkVoyd, @DiegoAndai, @gugudwt, @mbrookes, @michaldudak, @mj12albert, @mnajdova, @oliviertassinari, @sai6855, @samuelsycamore, @siriwatknp, @ValkonX33, @ZeeshanTamboli
683
+
3
684
  ## 5.14.12
4
685
 
5
686
  <!-- generated comparing v5.14.11..master -->
@@ -10,6 +691,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
10
691
 
11
692
  - 🎨 Introduced color inversion utilities to Joy UI (#38916) @siriwatknp
12
693
  - 🚀 Added Chip and related TextField components to Material You @DiegoAndai, @mj12albert
694
+ - 🏗️ Improve the Select's component a11y by adding the combobox role and aria-controls attribute (#38785) @xulingzhihou. If your tests require selecting the trigger element by the "button" role, then you'll have to change it to use the "combobox" role instead
13
695
 
14
696
  ### `@mui/material@5.14.12`
15
697
 
@@ -541,7 +1223,7 @@ A big thanks to the 21 contributors who made this release possible. Here are som
541
1223
 
542
1224
  ### Core
543
1225
 
544
- - [CHANGELOG] Fix issues in highlight @oliviertassinari
1226
+ - [changelog] Fix issues in highlight @oliviertassinari
545
1227
  - [core] Remove redundant `@material-ui/` aliases from regression test webpack config (#38574) @ZeeshanTamboli
546
1228
  - [core] Fix CI error @oliviertassinari
547
1229
  - [core] Remove unnecessary Box (#38461) @oliviertassinari
@@ -1200,7 +1882,7 @@ A big thanks to the 25 contributors who made this release possible. Here are som
1200
1882
  - &#8203;<!-- 20 -->[docs-infra] Fix demos border radius (#37658) @oliviertassinari
1201
1883
  - &#8203;<!-- 19 -->[docs-infra] Add analyticsTags to Algolia (#37600) @Janpot
1202
1884
  - &#8203;<!-- 18 -->[docs-infra] Simplify product id handling (#37593) @oliviertassinari
1203
- - &#8203;<!-- 35 -->[CHANGELOG] Add missing release date for v5.13.5 @oliviertassinari
1885
+ - &#8203;<!-- 35 -->[changelog] Add missing release date for v5.13.5 @oliviertassinari
1204
1886
  - &#8203;<!-- 16 -->[examples] Shell command fix in the readme file of material-next-ts example (#37675) @bablukpik
1205
1887
  - &#8203;<!-- 15 -->[examples] Next.js v13 app router with Material UI (#37315) @smo043
1206
1888
 
@@ -2947,7 +3629,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
2947
3629
  - [docs] Improve line-height readability (#35387) @oliviertassinari
2948
3630
  - [docs] Improve a bit the Composition docs (#35329) @oliviertassinari
2949
3631
  - [docs] Refactor `ToggleButtonSizes` demo (#35375) @Armanio
2950
- - [docs] Standardize the usage of callouts in the MUI Core docs (#35361) @samuelsycamore
3632
+ - [docs] Standardize the usage of callouts in the docs (#35361) @samuelsycamore
2951
3633
  - [docs] Format feedback to add a link to the commented section (#35381) @alexfauquette
2952
3634
  - [docs] Direct users from Material UI to Base UI for duplicated components (#35293) @samuelsycamore
2953
3635
  - [docs] Fix typo in FormControl API docs (#35449) @Spanishiwa
@@ -3313,7 +3995,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som
3313
3995
  - &#8203;<!-- 16 -->[docs] Fix typo in docs title (#34926) @PunitSoniME
3314
3996
  - &#8203;<!-- 25 -->[docs] Fix missing emotion prefixes (#34958) @oliviertassinari
3315
3997
  - &#8203;<!-- 26 -->[docs] Improve UI display for copy code (#34950) @oliviertassinari
3316
- - &#8203;<!-- 15 -->[docs] Standardize all MUI Core "Usage" pages (#34183) @samuelsycamore
3998
+ - &#8203;<!-- 15 -->[docs] Standardize all "Usage" pages (#34183) @samuelsycamore
3317
3999
  - &#8203;<!-- 14 -->[docs] Update templates' readme files to include required dependencies (#34757) @michaldudak
3318
4000
  - &#8203;<!-- 13 -->[docs] Fix inconsistent theme colors when applying custom colors in playground (#34866) @cherniavskii
3319
4001
  - &#8203;<!-- 12 -->[docs] Fix typo in bottom-navigation.md (#34884) @RoodyCode
@@ -3679,7 +4361,7 @@ A big thanks to the 21 contributors who made this release possible. Here are som
3679
4361
  - [docs] Update the guide for migrating to TSS (#34417) @garronej
3680
4362
  - [docs] Fix typo in `Grid` docs (#34475) @Dustin-Digitar
3681
4363
  - [docs] Fix typo in `Back to top` section in AppBar docs (#34479) @Dustin-Digitar
3682
- - [docs] Standardize all MUI Core "Installation" pages (#34168) @samuelsycamore
4364
+ - [docs] Standardize all "Installation" pages (#34168) @samuelsycamore
3683
4365
  - [docs] Fix webpack file name to the standard: `webpack.config.js` (#34446) @CodingItWrong
3684
4366
  - [docs] Fix Select `onChange` call (#34408) @siriwatknp
3685
4367
  - [docs] Notification for pickers blog - v5 stable (#34400) @joserodolfofreitas
@@ -6543,7 +7225,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
6543
7225
 
6544
7226
  - [blog] MUI X v5 blog post (#29590) @DanailH
6545
7227
  - [blog] Polish the Benny Joo joins MUI post (#29697) @oliviertassinari
6546
- - [CHANGELOG] Explain why we do breaking changes @oliviertassinari
7228
+ - [changelog] Explain why we do breaking changes @oliviertassinari
6547
7229
  - [core] Update latest issue template for codesandbox CI (#29783) @eps1lon
6548
7230
  - [core] Ensure `@mui/core` is an alias for `@mui/base` (#29762) @eps1lon
6549
7231
  - [docs] Fix broken Next and Previous links (#29711) @scallaway
@@ -9786,7 +10468,7 @@ The prop didn't solve any important problem better than any of its alternatives
9786
10468
 
9787
10469
  ### Core
9788
10470
 
9789
- - &#8203;<!-- 01 -->[CHANGELOG] Better document breaking changes @oliviertassinari
10471
+ - &#8203;<!-- 01 -->[changelog] Better document breaking changes @oliviertassinari
9790
10472
  - &#8203;<!-- 05 -->[core] Modernize icons `builder:src` (#25137) @eps1lon
9791
10473
  - &#8203;<!-- 04 -->[core] Properly use BABEL_ENV test and development (#25139) @eps1lon
9792
10474
  - &#8203;<!-- 15 -->[test] Add (manual) visual regression test for icons (#25160) @eps1lon
@@ -9809,7 +10491,7 @@ A big thanks to the 26 contributors who made this release possible. Here are som
9809
10491
  This is a follow-up effort after we have merged `material-ui-pickers`. The components are written in TypeScript which required us to upgrade our infra.
9810
10492
  - 👌 Improve the Slider thumb and track animation (#24968) @remyoudemans.
9811
10493
  The thumb is now moving with a light transition between different values unless it's dragged.
9812
- <img src="https://user-images.githubusercontent.com/3165635/109394906-b7405a00-7929-11eb-829a-3b5246c30c08.gif" width="412" height="110" />
10494
+ <img src="https://user-images.githubusercontent.com/3165635/109394906-b7405a00-7929-11eb-829a-3b5246c30c08.gif" width="412" height="110" alt="thumb-animation" />
9813
10495
  - 💅 Convert 5 components with custom colors support (#25099, #25088) @mngu.
9814
10496
  This change makes it easier to leverage custom palettes
9815
10497
  - And many more 🐛 bug fixes and 📚 improvements.
@@ -10536,7 +11218,7 @@ A big thanks to the 13 contributors who made this release possible. Here are som
10536
11218
  <Typography variant="poster">poster</Typography>;
10537
11219
  ```
10538
11220
 
10539
- [A full demo](https://codesandbox.io/s/fontsizetheme-material-demo-forked-l9u05?file=/demo.tsx:725-773)
11221
+ [A full demo](https://codesandbox.io/p/sandbox/fontsizetheme-material-demo-forked-l9u05?file=/demo.tsx:725-773)
10540
11222
 
10541
11223
  - 📚 Add a shortcut to open the Algolia search (#23959) @hmaddisb.
10542
11224
  - And many more 🐛 bug fixes and 📚 improvements.
@@ -11730,7 +12412,7 @@ Here are some highlights ✨:
11730
12412
 
11731
12413
  You can find a [new version](https://mui.com/components/slider-styled/) of the slider in the lab powered by [emotion](https://emotion.sh/).
11732
12414
 
11733
- In the event that you are already using styled-components in your application, you can swap emotion for styled-components 💅. Check [this CodeSandbox](https://codesandbox.io/s/sliderstyled-with-styled-components-forked-olc27?file=/package.json) for a demo. It relies on aliases to prevent any bundle size overhead.
12415
+ In the event that you are already using styled-components in your application, you can swap emotion for styled-components 💅. Check [this CodeSandbox](https://codesandbox.io/p/sandbox/sliderstyled-with-styled-components-forked-olc27?file=/package.json) for a demo. It relies on aliases to prevent any bundle size overhead.
11734
12416
 
11735
12417
  The new styling solution saves 2kB gzipped in the bundle compared to JSS, and about 14 kB gzipped if you were already using emotion or styled-components.
11736
12418
 
package/GlobalStyles/GlobalStyles.d.ts CHANGED
@@ -1,9 +1,11 @@
1
1
  import * as React from 'react';
2
- import { CSSObject, InterpolationFunction } from 'styled-components';
2
+ import { CSSObject, StyleFunction } from 'styled-components';
3
3
 
4
- export interface GlobalStylesProps<Theme = {}> {
4
+ export interface GlobalStylesProps<Theme extends object = {}> {
5
5
  defaultTheme?: object;
6
- styles: string | CSSObject | InterpolationFunction<Theme>;
6
+ styles: string | CSSObject | StyleFunction<Theme>;
7
7
  }
8
8
 
9
- export default function Global<Theme = {}>(props: GlobalStylesProps<Theme>): React.ReactElement;
9
+ export default function Global<Theme extends object = {}>(
10
+ props: GlobalStylesProps<Theme>,
11
+ ): React.ReactElement;
package/index.d.ts CHANGED
@@ -1,17 +1,68 @@
1
1
  import * as React from 'react';
2
2
  import * as CSS from 'csstype';
3
- import {
4
- AnyStyledComponent,
5
- StyledConfig,
6
- StyledComponent,
7
- StyledComponentPropsWithRef,
8
- StyledComponentInnerComponent,
9
- StyledComponentInnerOtherProps,
10
- StyledComponentInnerAttrs,
11
- ThemedStyledProps,
12
- StyledComponentBase,
13
- Keyframes,
14
- } from 'styled-components';
3
+ import * as hoistNonReactStatics from 'hoist-non-react-statics';
4
+
5
+ type WithOptionalTheme<P extends { theme?: T | undefined }, T> = OmitU<P, 'theme'> & {
6
+ theme?: T | undefined;
7
+ };
8
+
9
+ // Helper type operators
10
+ // Pick that distributes over union types
11
+ export type PickU<T, K extends keyof T> = T extends any ? { [P in K]: T[P] } : never;
12
+ export type OmitU<T, K extends keyof T> = T extends any ? PickU<T, Exclude<keyof T, K>> : never;
13
+
14
+ // Any prop that has a default prop becomes optional, but its type is unchanged
15
+ // Undeclared default props are augmented into the resulting allowable attributes
16
+ // If declared props have indexed properties, ignore default props entirely as keyof gets widened
17
+ // Wrap in an outer-level conditional type to allow distribution over props that are unions
18
+ type Defaultize<P, D> = P extends any
19
+ ? string extends keyof P
20
+ ? P
21
+ : PickU<P, Exclude<keyof P, keyof D>> &
22
+ Partial<PickU<P, Extract<keyof P, keyof D>>> &
23
+ Partial<PickU<D, Exclude<keyof D, keyof P>>>
24
+ : never;
25
+
26
+ export type IntrinsicElementsKeys = keyof JSX.IntrinsicElements;
27
+ type ReactDefaultizedProps<C, P> = C extends { defaultProps: infer D } ? Defaultize<P, D> : P;
28
+
29
+ type MakeAttrsOptional<
30
+ C extends string | React.ComponentType<any>,
31
+ O extends object,
32
+ A extends keyof P,
33
+ P = React.ComponentPropsWithRef<
34
+ C extends IntrinsicElementsKeys | React.ComponentType<any> ? C : never
35
+ >,
36
+ > =
37
+ // Distribute unions early to avoid quadratic expansion
38
+ P extends any ? OmitU<ReactDefaultizedProps<C, P> & O, A> & Partial<PickU<P & O, A>> : never;
39
+
40
+ export type StyledComponentProps<
41
+ // The Component from whose props are derived
42
+ C extends string | React.ComponentType<any>,
43
+ // The Theme from the current context
44
+ T extends object,
45
+ // The other props added by the template
46
+ O extends object,
47
+ // The props that are made optional by .attrs
48
+ A extends keyof any,
49
+ // The Component passed with "forwardedAs" prop
50
+ FAsC extends string | React.ComponentType<any> = C,
51
+ > =
52
+ // Distribute O if O is a union type
53
+ O extends object
54
+ ? WithOptionalTheme<MakeAttrsOptional<C, O, A> & MakeAttrsOptional<FAsC, O, A>, T>
55
+ : never;
56
+
57
+ export interface ThemeProps<T> {
58
+ theme: T;
59
+ }
60
+
61
+ export type ThemedStyledProps<P, T> = P & ThemeProps<T>;
62
+
63
+ export interface Keyframes {
64
+ getName(): string;
65
+ }
15
66
 
16
67
  export * from 'styled-components';
17
68
  export { default } from 'styled-components';
@@ -57,7 +108,7 @@ export interface CSSObject
57
108
  Omit<CSSOthersObject, 'variants'> {}
58
109
 
59
110
  interface CSSObjectWithVariants<Props> extends Omit<CSSObject, 'variants'> {
60
- variants: Array<{ props: Props; variants: CSSObject }>;
111
+ variants: Array<{ props: Props; style: CSSObject }>;
61
112
  }
62
113
 
63
114
  export type FalseyValue = undefined | null | false;
@@ -83,6 +134,101 @@ export type FlattenSimpleInterpolation = ReadonlyArray<SimpleInterpolation>;
83
134
 
84
135
  export type InterpolationFunction<P> = (props: P) => Interpolation<P>;
85
136
 
137
+ // abuse Pick to strip the call signature from ForwardRefExoticComponent
138
+ type ForwardRefExoticBase<P> = PickU<
139
+ React.ForwardRefExoticComponent<P>,
140
+ keyof React.ForwardRefExoticComponent<any>
141
+ >;
142
+
143
+ type StyledComponentPropsWithAs<
144
+ C extends string | React.ComponentType<any>,
145
+ T extends object,
146
+ O extends object,
147
+ A extends keyof any,
148
+ AsC extends string | React.ComponentType<any> = C,
149
+ FAsC extends string | React.ComponentType<any> = C,
150
+ > = StyledComponentProps<C, T, O, A, FAsC> & {
151
+ as?: AsC | undefined;
152
+ forwardedAs?: FAsC | undefined;
153
+ };
154
+
155
+ export type StyledComponent<
156
+ C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
157
+ T extends object = {},
158
+ O extends object = {},
159
+ A extends keyof any = never,
160
+ > = // the "string" allows this to be used as an object key
161
+ // I really want to avoid this if possible but it's the only way to use nesting with object styles...
162
+ string &
163
+ StyledComponentBase<C, T, O, A> &
164
+ hoistNonReactStatics.NonReactStatics<C extends React.ComponentType<any> ? C : never>;
165
+
166
+ // any doesn't count as assignable to never in the extends clause, and we default A to never
167
+ export type AnyStyledComponent =
168
+ | StyledComponent<any, any, any, any>
169
+ | StyledComponent<any, any, any>
170
+ | React.FunctionComponent<any>
171
+ | React.ComponentType<any>;
172
+
173
+ export type StyledComponentInnerComponent<C extends AnyStyledComponent> = C extends StyledComponent<
174
+ infer I,
175
+ any,
176
+ any,
177
+ any
178
+ >
179
+ ? I
180
+ : C extends StyledComponent<infer I, any, any>
181
+ ? I
182
+ : C;
183
+
184
+ export type StyledComponentInnerOtherProps<C extends AnyStyledComponent> =
185
+ C extends StyledComponent<any, any, infer O, any>
186
+ ? O
187
+ : C extends StyledComponent<any, any, infer O>
188
+ ? O
189
+ : never;
190
+ export type StyledComponentInnerAttrs<C extends AnyStyledComponent> = C extends StyledComponent<
191
+ any,
192
+ any,
193
+ any,
194
+ infer A
195
+ >
196
+ ? A
197
+ : never;
198
+
199
+ export interface StyledComponentBase<
200
+ C extends string | React.ComponentType<any>,
201
+ T extends object,
202
+ O extends object = {},
203
+ A extends keyof any = never,
204
+ > extends ForwardRefExoticBase<StyledComponentProps<C, T, O, A>> {
205
+ // add our own fake call signature to implement the polymorphic 'as' prop
206
+ (
207
+ props: StyledComponentProps<C, T, O, A> & {
208
+ as?: never | undefined;
209
+ forwardedAs?: never | undefined;
210
+ },
211
+ ): React.ReactElement<StyledComponentProps<C, T, O, A>>;
212
+ <
213
+ AsC extends string | React.ComponentType<any> = C,
214
+ FAsC extends string | React.ComponentType<any> = AsC,
215
+ >(
216
+ props: StyledComponentPropsWithAs<AsC, T, O, A, AsC, FAsC>,
217
+ ): React.ReactElement<StyledComponentPropsWithAs<AsC, T, O, A, AsC, FAsC>>;
218
+
219
+ withComponent<WithC extends AnyStyledComponent>(
220
+ component: WithC,
221
+ ): StyledComponent<
222
+ StyledComponentInnerComponent<WithC>,
223
+ T,
224
+ O & StyledComponentInnerOtherProps<WithC>,
225
+ A | StyledComponentInnerAttrs<WithC>
226
+ >;
227
+ withComponent<WithC extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(
228
+ component: WithC,
229
+ ): StyledComponent<WithC, T, O, A>;
230
+ }
231
+
86
232
  // remove the call signature from StyledComponent so Interpolation can still infer InterpolationFunction
87
233
  type StyledComponentInterpolation =
88
234
  | Pick<StyledComponentBase<any, any, any, any>, keyof StyledComponentBase<any, any>>
@@ -96,6 +242,12 @@ type ThemedStyledComponentFactories<T extends object> = {
96
242
  [TTag in keyof JSX.IntrinsicElements]: ThemedStyledFunctionBase<TTag, T>;
97
243
  };
98
244
 
245
+ export type StyledComponentPropsWithRef<
246
+ C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
247
+ > = C extends AnyStyledComponent
248
+ ? React.ComponentPropsWithRef<StyledComponentInnerComponent<C>>
249
+ : React.ComponentPropsWithRef<C>;
250
+
99
251
  // Same as in styled-components, but copied here so that it would use the Interpolation & CSS typings from above
100
252
  export interface ThemedStyledFunctionBase<
101
253
  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
@@ -128,27 +280,97 @@ export interface ThemedStyledFunction<
128
280
  A extends keyof any = never,
129
281
  > extends ThemedStyledFunctionBase<C, T, O, A> {}
130
282
 
283
+ export type CreateStyledComponent<
284
+ ComponentProps extends {},
285
+ SpecificComponentProps extends {} = {},
286
+ JSXProps extends {} = {},
287
+ T extends object = {},
288
+ > = ThemedStyledFunction<React.ComponentType<ComponentProps>, T, SpecificComponentProps & JSXProps>;
289
+
290
+ // Config to be used with withConfig
291
+ export interface StyledConfig<O extends object = {}> {
292
+ // TODO: Add all types from the original StyledComponentWrapperProperties
293
+ componentId?: string;
294
+ displayName?: string;
295
+ label?: string;
296
+ target?: string;
297
+ shouldForwardProp?:
298
+ | ((prop: keyof O, defaultValidatorFn: (prop: keyof O) => boolean) => boolean)
299
+ | undefined;
300
+ }
301
+
302
+ /** Same as StyledConfig but shouldForwardProp must be a type guard */
303
+ export interface FilteringStyledOptions<Props, ForwardedProps extends keyof Props = keyof Props> {
304
+ componentId?: string;
305
+ displayName?: string;
306
+ label?: string;
307
+ shouldForwardProp?(propName: PropertyKey): propName is ForwardedProps;
308
+ target?: string;
309
+ }
310
+
131
311
  // same as ThemedBaseStyledInterface in styled-components, but with added options & common props for MUI components
132
312
  export interface ThemedBaseStyledInterface<
133
313
  MUIStyledCommonProps extends object,
134
314
  MuiStyledOptions extends object,
135
- T extends object,
136
- > extends ThemedStyledComponentFactories<T> {
137
- <C extends AnyStyledComponent>(
315
+ Theme extends object,
316
+ > extends ThemedStyledComponentFactories<Theme> {
317
+ <
318
+ C extends React.ComponentClass<React.ComponentProps<C>>,
319
+ ForwardedProps extends keyof React.ComponentProps<C> = keyof React.ComponentProps<C>,
320
+ >(
138
321
  component: C,
139
- options?: StyledConfig<any> & MuiStyledOptions,
140
- ): ThemedStyledFunction<
141
- StyledComponentInnerComponent<C>,
142
- T,
143
- StyledComponentInnerOtherProps<C> & MUIStyledCommonProps,
144
- StyledComponentInnerAttrs<C>
322
+ options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps> & MuiStyledOptions,
323
+ ): CreateStyledComponent<
324
+ Pick<PropsOf<C>, ForwardedProps> & MUIStyledCommonProps,
325
+ {},
326
+ {
327
+ ref?: React.Ref<InstanceType<C>>;
328
+ },
329
+ Theme
145
330
  >;
146
- <C extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(
147
- // unfortunately using a conditional type to validate that it can receive a `theme?: Theme`
148
- // causes tests to fail in TS 3.1
331
+
332
+ <C extends React.ComponentClass<React.ComponentProps<C>>>(
333
+ component: C,
334
+ options?: StyledConfig<PropsOf<C> & MUIStyledCommonProps> & MuiStyledOptions,
335
+ ): CreateStyledComponent<
336
+ PropsOf<C> & MUIStyledCommonProps,
337
+ {},
338
+ {
339
+ ref?: React.Ref<InstanceType<C>>;
340
+ },
341
+ Theme
342
+ >;
343
+
344
+ <
345
+ C extends React.JSXElementConstructor<React.ComponentProps<C>>,
346
+ ForwardedProps extends keyof React.ComponentProps<C> = keyof React.ComponentProps<C>,
347
+ >(
149
348
  component: C,
150
- options?: StyledConfig<any> & MuiStyledOptions,
151
- ): ThemedStyledFunction<C, T, MUIStyledCommonProps>;
349
+ options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps> & MuiStyledOptions,
350
+ ): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & MUIStyledCommonProps, {}, {}, Theme>;
351
+
352
+ <C extends React.JSXElementConstructor<React.ComponentProps<C>>>(
353
+ component: C,
354
+ options?: StyledConfig<PropsOf<C> & MUIStyledCommonProps> & MuiStyledOptions,
355
+ ): CreateStyledComponent<PropsOf<C> & MUIStyledCommonProps, {}, {}, Theme>;
356
+
357
+ <
358
+ Tag extends keyof JSX.IntrinsicElements,
359
+ ForwardedProps extends keyof JSX.IntrinsicElements[Tag] = keyof JSX.IntrinsicElements[Tag],
360
+ >(
361
+ tag: Tag,
362
+ options: FilteringStyledOptions<JSX.IntrinsicElements[Tag], ForwardedProps> & MuiStyledOptions,
363
+ ): CreateStyledComponent<
364
+ MUIStyledCommonProps,
365
+ Pick<JSX.IntrinsicElements[Tag], ForwardedProps>,
366
+ {},
367
+ Theme
368
+ >;
369
+
370
+ <Tag extends keyof JSX.IntrinsicElements>(
371
+ tag: Tag,
372
+ options?: StyledConfig<MUIStyledCommonProps> & MuiStyledOptions,
373
+ ): CreateStyledComponent<MUIStyledCommonProps, JSX.IntrinsicElements[Tag], {}, Theme>;
152
374
  }
153
375
 
154
376
  export type CreateMUIStyled<
@@ -156,3 +378,22 @@ export type CreateMUIStyled<
156
378
  MuiStyledOptions extends object = {},
157
379
  T extends object = {},
158
380
  > = ThemedBaseStyledInterface<MUIStyledCommonProps, MuiStyledOptions, AnyIfEmpty<T>>;
381
+
382
+ export type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>> =
383
+ JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>;
384
+
385
+ export interface MUIStyledComponent<
386
+ ComponentProps extends {},
387
+ SpecificComponentProps extends {} = {},
388
+ JSXProps extends {} = {},
389
+ > extends React.FC<ComponentProps & SpecificComponentProps & JSXProps> {
390
+ withComponent<C extends React.ComponentClass<React.ComponentProps<C>>>(
391
+ component: C,
392
+ ): MUIStyledComponent<ComponentProps & PropsOf<C>, {}, { ref?: React.Ref<InstanceType<C>> }>;
393
+ withComponent<C extends React.ComponentType<React.ComponentProps<C>>>(
394
+ component: C,
395
+ ): MUIStyledComponent<ComponentProps & PropsOf<C>>;
396
+ withComponent<Tag extends keyof JSX.IntrinsicElements>(
397
+ tag: Tag,
398
+ ): MUIStyledComponent<ComponentProps, JSX.IntrinsicElements[Tag]>;
399
+ }
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/styled-engine-sc v5.14.12
2
+ * @mui/styled-engine-sc v6.0.0-alpha.10
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/legacy/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/styled-engine-sc v5.14.12
2
+ * @mui/styled-engine-sc v6.0.0-alpha.10
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/styled-engine-sc v5.14.12
2
+ * @mui/styled-engine-sc v6.0.0-alpha.10
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/styled-engine-sc v5.14.12
2
+ * @mui/styled-engine-sc v6.0.0-alpha.10
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -46,8 +46,8 @@ Object.defineProperty(exports, "keyframes", {
46
46
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
47
47
  var _StyledEngineProvider = _interopRequireDefault(require("./StyledEngineProvider"));
48
48
  var _GlobalStyles = _interopRequireDefault(require("./GlobalStyles"));
49
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
50
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
49
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
50
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
51
51
  function styled(tag, options) {
52
52
  let stylesFactory;
53
53
  if (options) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/styled-engine-sc",
3
- "version": "5.14.12",
3
+ "version": "6.0.0-alpha.10",
4
4
  "private": false,
5
5
  "author": "MUI Team",
6
6
  "description": "styled() API wrapper package for styled-components.",
@@ -23,21 +23,16 @@
23
23
  "homepage": "https://mui.com/material-ui/guides/styled-components/",
24
24
  "funding": {
25
25
  "type": "opencollective",
26
- "url": "https://opencollective.com/mui"
26
+ "url": "https://opencollective.com/mui-org"
27
27
  },
28
28
  "dependencies": {
29
- "@babel/runtime": "^7.23.1",
29
+ "@babel/runtime": "^7.23.6",
30
30
  "csstype": "^3.1.2",
31
+ "hoist-non-react-statics": "^3.3.2",
31
32
  "prop-types": "^15.8.1"
32
33
  },
33
34
  "peerDependencies": {
34
- "@types/styled-components": "^5.1.14",
35
- "styled-components": "^5.3.1"
36
- },
37
- "peerDependenciesMeta": {
38
- "@types/styled-components": {
39
- "optional": true
40
- }
35
+ "styled-components": "^6.0.0"
41
36
  },
42
37
  "sideEffects": false,
43
38
  "publishConfig": {