@mui/system 5.14.0 → 5.14.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.
Files changed (23) hide show
  1. package/Box/Box.d.ts +1 -6
  2. package/CHANGELOG.md +246 -4
  3. package/Stack/createStack.js +5 -1
  4. package/Unstable_Grid/Grid.js +23 -0
  5. package/createStyled.js +2 -2
  6. package/esm/Stack/createStack.js +5 -1
  7. package/esm/Unstable_Grid/Grid.js +23 -0
  8. package/esm/createStyled.js +2 -2
  9. package/esm/sizing.js +2 -2
  10. package/esm/styleFunctionSx/extendSxProp.js +1 -1
  11. package/index.js +1 -1
  12. package/legacy/Stack/createStack.js +5 -2
  13. package/legacy/Unstable_Grid/Grid.js +23 -0
  14. package/legacy/createStyled.js +2 -2
  15. package/legacy/index.js +1 -1
  16. package/legacy/sizing.js +2 -2
  17. package/legacy/styleFunctionSx/extendSxProp.js +1 -1
  18. package/modern/Stack/createStack.js +5 -1
  19. package/modern/Unstable_Grid/Grid.js +23 -0
  20. package/modern/index.js +1 -1
  21. package/package.json +4 -4
  22. package/sizing.js +2 -2
  23. package/styleFunctionSx/extendSxProp.js +1 -1
package/Box/Box.d.ts CHANGED
@@ -174,11 +174,6 @@ export interface BoxTypeMap<P = {}, D extends React.ElementType = 'div', T exten
174
174
  props: P &
175
175
  SystemProps<T> & {
176
176
  children?: React.ReactNode;
177
- /**
178
- * The component used for the root node.
179
- * Either a string to use a HTML element or a component.
180
- */
181
- component?: React.ElementType;
182
177
  ref?: React.Ref<unknown>;
183
178
  /**
184
179
  * The system prop that allows defining system overrides as well as additional CSS styles.
@@ -203,6 +198,6 @@ declare const Box: OverridableComponent<BoxTypeMap>;
203
198
  export type BoxProps<
204
199
  D extends React.ElementType = BoxTypeMap['defaultComponent'],
205
200
  P = {},
206
- > = OverrideProps<BoxTypeMap<P, D>, D>;
201
+ > = OverrideProps<BoxTypeMap<P, D>, D> & { component?: React.ElementType };
207
202
 
208
203
  export default Box;
package/CHANGELOG.md CHANGED
@@ -1,5 +1,247 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.14.3
4
+
5
+ <!-- generated comparing v5.14.2..master -->
6
+
7
+ _Jul 31, 2023_
8
+
9
+ A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - 🚀 [Joy UI](https://mui.com/joy-ui/getting-started/) is now in Beta
12
+ - ✨ Refine [Joy UI](https://mui.com/joy-ui/getting-started/)'s default theme @siriwatknp @zanivan
13
+ - 🎉 Added Dropdown higher-level menu component [Base UI](https://mui.com/base-ui/getting-started/) @michaldudak
14
+ - 💫 Added Material You [Badge](https://mui.com/material-ui/react-badge/#material-you-version) to `material-next` (#37850) @DiegoAndai
15
+
16
+ ### `@mui/material@5.14.3`
17
+
18
+ - &#8203;<!-- 36 -->[Autocomplete][material][joy] Add default `getOptionLabel` prop in ownerState (#38100) @DSK9012
19
+ - &#8203;<!-- 26 -->[Menu][Divider][material] Do not allow focus on Divider when inside Menu list (#38102) @divyammadhok
20
+ - &#8203;<!-- 06 -->[typescript][material] Rename one letter type parameters (#38155) @michaldudak
21
+ - &#8203;<!-- 08 -->[Menu][material] Fixes slots and slotProps overriding defaults completely (#37902) @gitstart
22
+ - &#8203;<!-- 07 -->[Theme][material] Add missing styleOverrides type for theme MuiStack (#38189) @DiegoAndai
23
+ - &#8203;<!-- 04 -->[typescript][material] Add `component` field to `*Props` types (#38084) @michaldudak
24
+
25
+ ### `@mui/base@5.0.0-beta.9`
26
+
27
+ #### Breaking changes
28
+
29
+ - &#8203;<!-- 11 -->[Dropdown][base][joy] Introduce higher-level menu component (#37667) @michaldudak
30
+
31
+ #### Other changes
32
+
33
+ - &#8203;<!-- 33 -->[typescript][base] Rename one letter type parameters (#38171) @michaldudak
34
+
35
+ ### `@mui/joy@5.0.0-beta.0`
36
+
37
+ - &#8203;<!-- 10 -->[joy] Refine the default theme (#36843) @siriwatknp
38
+
39
+ ### `@mui/material-next@6.0.0-alpha.95`
40
+
41
+ - &#8203;<!-- 35 -->[Badge][material-next] Add Badge component (#37850) @DiegoAndai
42
+ - &#8203;<!-- 30 -->[Chip][material-next] Copy chip component from material (#38053) @DiegoAndai
43
+ - &#8203;<!-- 09 -->[typescript][material-next] Rename one letter type parameters (#38172) @michaldudak
44
+
45
+ ### `@mui/system@5.14.3`
46
+
47
+ - &#8203;<!-- 32 -->[Box][system] Remove `component` from TypeMap (#38168) @michaldudak
48
+ - &#8203;<!-- 05 -->[Stack][system] Fix CSS selector (#37525) @sai6855
49
+
50
+ ### Docs
51
+
52
+ - &#8203;<!-- 49 -->[docs] Update Joy UI's package README (#38262) @ZeeshanTamboli
53
+ - &#8203;<!-- 48 -->[docs][base-ui] Add new batch of coming soon pages (#38025) @danilo-leal
54
+ - &#8203;<!-- 44 -->[docs] fix links to standardized examples (#38193) @emmanuel-ferdman
55
+ - &#8203;<!-- 43 -->[docs-infra] Small design polish to the Diamond Sponsor container (#38257) @danilo-leal
56
+ - &#8203;<!-- 42 -->[docs-infra] Show props in the table of content (#38173) @alexfauquette
57
+ - &#8203;<!-- 41 -->[docs-infra] Polish API page design (#38196) @oliviertassinari
58
+ - &#8203;<!-- 40 -->[docs-infra] Search with productCategory when product is missing (#38239) @oliviertassinari
59
+ - &#8203;<!-- 39 -->[docs][material] Revise and update Examples doc (#38205) @samuelsycamore
60
+ - &#8203;<!-- 38 -->[docs] Fix typo in notifications.json @mbrookes
61
+ - &#8203;<!-- 37 -->[docs-infra] Remove leftover standardNavIcon (#38252) @DiegoAndai
62
+ - &#8203;<!-- 34 -->[docs][base] Add Tailwind CSS & plain CSS demos on the Popper page (#37953) @zanivan
63
+ - &#8203;<!-- 31 -->[docs][Button][joy] Improve `loading` prop documentation (#38156) @sai6855
64
+ - &#8203;<!-- 25 -->[docs] Prepare docs infra for Tree View migration to X (#38202) @flaviendelangle
65
+ - &#8203;<!-- 24 -->[docs] Fix SEO issues reported by ahrefs @oliviertassinari
66
+ - &#8203;<!-- 23 -->[docs] Fix palette pages - live edit not working (#38195) @oliviertassinari
67
+ - &#8203;<!-- 22 -->[docs] Add Google Analytics action for the styling menu (#38085) @mnajdova
68
+ - &#8203;<!-- 21 -->[docs] Fix Discord redirection chain @oliviertassinari
69
+ - &#8203;<!-- 20 -->[docs] Cover pnpm in more places (#38161) @oliviertassinari
70
+ - &#8203;<!-- 19 -->[docs] Avoid broken link (#38154) @oliviertassinari
71
+ - &#8203;<!-- 18 -->[docs] Add notification for beta release of Toolpad (#38152) @prakhargupta1
72
+ - &#8203;<!-- 17 -->[docs-infra] Remove sidenav icons (#38174) @oliviertassinari
73
+ - &#8203;<!-- 16 -->[docs-infra] Fix search ranking when no productId (#38162) @oliviertassinari
74
+ - &#8203;<!-- 15 -->[docs-infra] Adjust the side nav for deeper nested items (#38047) @cherniavskii
75
+ - &#8203;<!-- 14 -->[docs][joy] Update TS file of adding more typography levels demo to match the corresponding JS file's styles (#38232) @ZeeshanTamboli
76
+ - &#8203;<!-- 13 -->[docs][joy] Add TS demo for reusable component section in approaches page (#38210) @sai6855
77
+ - &#8203;<!-- 12 -->[docs][joy] Add TS demo for theme typography new level customization (#38199) @sai6855
78
+
79
+ ### Core
80
+
81
+ - &#8203;<!-- 47 -->[blog] Fix blog post slug Base UI (#38254) @oliviertassinari
82
+ - &#8203;<!-- 46 -->[core] Use native Node's fetch instead of node-fetch package (#38263) @michaldudak
83
+ - &#8203;<!-- 45 -->[core] Remove dead code @oliviertassinari
84
+ - &#8203;<!-- 29 -->[core] Polish Stack test to closer CSS injection order @oliviertassinari
85
+ - &#8203;<!-- 28 -->[core] Remove unnecessary `Required` utility type from Typography font style type (#38203) @ZeeshanTamboli
86
+ - &#8203;<!-- 27 -->[core] Fix generate Proptypes script skipping unstable items (#38198) @mj12albert
87
+ - &#8203;<!-- 03 -->[website] Adding Rich Bustos Twitter handle in bio (#38213) @richbustos
88
+ - &#8203;<!-- 02 -->[website] Prepare importing data from HiBob (#38238) @oliviertassinari
89
+ - &#8203;<!-- 01 -->[website] Sync team member with HiBob, add Raffaella (#38201) @rluzists1
90
+
91
+ All contributors of this release in alphabetical order: @cherniavskii, @DiegoAndai, @divyammadhok, @DSK9012, @flaviendelangle, @gitstart, @michaldudak, @mj12albert, @mnajdova, @oliviertassinari, @prakhargupta1, @richbustos, @rluzists1, @sai6855, @siriwatknp, @zanivan, @ZeeshanTamboli
92
+
93
+ ## 5.14.2
94
+
95
+ <!-- generated comparing v5.14.1..master -->
96
+
97
+ _Jul 25, 2023_
98
+
99
+ A big thanks to the 23 contributors who made this release possible.
100
+
101
+ ### @mui/material@5.14.2
102
+
103
+ - &#8203;<!-- 39 -->Revert "[core] Adds `component` prop to `OverrideProps` type (#35924)" (#38150) @michaldudak
104
+ - &#8203;<!-- 32 -->[Chip][material] Fix base cursor style to be "auto" not "default" (#38076) @DiegoAndai
105
+ - &#8203;<!-- 12 -->[Tabs] Refactor IntersectionObserver logic (#38133) @ZeeshanTamboli
106
+ - &#8203;<!-- 11 -->[Tabs] Fix and improve visibility of tab scroll buttons using the IntersectionObserver API (#36071) @SaidMarar
107
+
108
+ ### @mui/joy@5.0.0-alpha.89
109
+
110
+ - &#8203;<!-- 15 -->[Joy] Replace leftover `Joy-` prefix with `Mui-` (#38086) @siriwatknp
111
+ - &#8203;<!-- 14 -->[Skeleton][joy] Fix WebkitMaskImage CSS property (#38077) @Bestwebdesign
112
+ - &#8203;<!-- 13 -->[Link][Joy UI] Fix font inherit (#38124) @oliviertassinari
113
+
114
+ ### Docs
115
+
116
+ - &#8203;<!-- 37 -->[docs] Add listbox placement demo for Select (#38130) @sai6855
117
+ - &#8203;<!-- 36 -->[docs][base] Add Tailwind CSS & plain CSS demo on the Tabs page (#37910) @mnajdova
118
+ - &#8203;<!-- 35 -->[docs][base] Add Tailwind CSS & plain CSS demos on the Textarea page (#37943) @zanivan
119
+ - &#8203;<!-- 29 -->[docs] Fix Joy UI menu example (#38140) @harikrishnanp
120
+ - &#8203;<!-- 28 -->[docs] Remove translations section from contributing guide (#38125) @nikohoffren
121
+ - &#8203;<!-- 27 -->[docs] Fix Base UI Button Tailwind CSS padding @oliviertassinari
122
+ - &#8203;<!-- 26 -->[docs] Mention in hompage hero that Core is free (#38075) @mbrookes
123
+ - &#8203;<!-- 25 -->[docs] Fix a typo in notifications.json (#38078) @mbrookes
124
+ - &#8203;<!-- 24 -->[docs] Add Tailwind CSS & plain CSS demo on the table pagination page (#37937) @mnajdova
125
+ - &#8203;<!-- 23 -->[docs] Implement the new API display design (#37405) @alexfauquette
126
+ - &#8203;<!-- 22 -->[docs] Update migration installation code blocks (#38028) @danilo-leal
127
+ - &#8203;<!-- 21 -->[docs][joy] Revise the Joy UI Link page (#37829) @danilo-leal
128
+ - &#8203;<!-- 20 -->[docs][joy] Add playground for Card component (#37820) @Studio384
129
+ - &#8203;<!-- 19 -->[docs][joy] Add adjustments to the color inversion page (#37143) @danilo-leal
130
+ - &#8203;<!-- 18 -->[docs][material] Improve documentation about adding custom colors (#37743) @DiegoAndai
131
+ - &#8203;<!-- 17 -->[examples] Fix Joy UI Next.js App Router font loading (#38095) @IgnacioUtrilla
132
+ - &#8203;<!-- 16 -->[examples] Fix material-next-app-router Font Usage with next/font (#38026) @onderonur
133
+
134
+ ### Core
135
+
136
+ - &#8203;<!-- 34 -->[blog] Update Discord invite link in Toolpad beta announcement (#38143) @samuelsycamore
137
+ - &#8203;<!-- 33 -->[blog] Update discord server link (#38131) @prakhargupta1
138
+ - &#8203;<!-- 31 -->[core] Fix rsc-builder removing the first line (#38134) @michaldudak
139
+ - &#8203;<!-- 30 -->[core] Remove the deprecation rule in tslint (#38087) @michaldudak
140
+ - &#8203;<!-- 09 -->[website] Mobile navigation: Toolpad to Beta (#38146) @bharatkashyap
141
+ - &#8203;<!-- 08 -->[website] Fix typo on pricing page @oliviertassinari
142
+ - &#8203;<!-- 07 -->[website] Fix a few regression (#38050) @oliviertassinari
143
+ - &#8203;<!-- 06 -->[website] Update Demo footers on MUI X landing page (#38027) @richbustos
144
+ - &#8203;<!-- 05 -->[website] Fix 301 redirection to base index page @oliviertassinari
145
+ - &#8203;<!-- 04 -->[website] Fix Cell selection feature name (#38029) @oliviertassinari
146
+ - &#8203;<!-- 03 -->[website] Improve button look (#38052) @oliviertassinari
147
+ - &#8203;<!-- 02 -->[website] Link new core page to new Base UI landing page (#38030) @mj12albert
148
+ - &#8203;<!-- 01 -->[website] Polish pricing page (#37975) @oliviertassinari
149
+ - &#8203;<!-- 10 -->[test] Fail the CI when new unexpected files are created (#38039) @oliviertassinari
150
+ - &#8203;<!-- 09 -->[test] Fix linting error by matching main component demo name to filename (#38122) @ZeeshanTamboli
151
+
152
+ All contributors of this release in alphabetical order: @alexfauquette, @Bestwebdesign, @bharatkashyap, @danilo-leal, @DiegoAndai, @harikrishnanp, @IgnacioUtrilla, @mbrookes, @michaldudak, @mj12albert, @mnajdova, @nikohoffren, @oliviertassinari, @onderonur, @prakhargupta1, @richbustos, @sai6855, @SaidMarar, @samuelsycamore, @siriwatknp, @Studio384, @zanivan, @ZeeshanTamboli
153
+
154
+ ## 5.14.1
155
+
156
+ <!-- generated comparing v5.14.0..master -->
157
+
158
+ _Jul 19, 2023_
159
+
160
+ A big thanks to the 24 contributors who made this release possible. Here are some highlights ✨:
161
+
162
+ - 💫 Introducing some new components for Joy UI:
163
+ - [Skeleton](https://mui.com/joy-ui/react-skeleton/) component (#37893) @siriwatknp
164
+ - [ToggleButton](https://mui.com/joy-ui/react-toggle-button-group/) (#37716) @siriwatknp
165
+ - 🎉 Base UI has its own [landing page](https://www.mui.com/base-ui)!
166
+ - 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
167
+
168
+ ### `@mui/material@5.14.1`
169
+
170
+ - &#8203;<!-- 14 -->[FormControlLabel] Fix misplaced asterisk when `labelPlacement` is provided (#37831) @ZeeshanTamboli
171
+ - &#8203;<!-- 11 -->[Slider][material] Fix type dependency on @types/prop-types (#37853) @Methuselah96
172
+ - &#8203;<!-- 10 -->[Menu] Add MuiMenuList to createTheme components key (#37956) @mj12albert
173
+ - &#8203;<!-- 09 -->[Modal] Remove deprecated `BackdropComponent` and `BackdropProps` from tests (#38018) @sai6855
174
+
175
+ ### `@mui/material-next@6.0.0-alpha.93`
176
+
177
+ - &#8203;<!-- 54 -->[Slider][material-next] Add use client directive to useSliderElementsOverlap (#37955) @mj12albert
178
+ - &#8203;<!-- 47 -->[Button][material-next] Fix some event handlers being ignored (#37647) @DiegoAndai
179
+
180
+ ### `@mui/base@5.0.0-beta.8`
181
+
182
+ - &#8203;<!-- 53 -->[Autocomplete] Make touch and click behavior on an option consistent (#37972) @divyammadhok
183
+
184
+ ### `@mui/joy@5.0.0-alpha.88`
185
+
186
+ - &#8203;<!-- 13 -->[Joy][Select] Fix type error caused by custom variant (#37996) @OmPr366
187
+ - &#8203;<!-- 12 -->[ToggleButton][Joy] Add `ToggleButton` component (#37716) @siriwatknp
188
+ - &#8203;<!-- 07 -->[Skeleton] Add Joy UI `Skeleton` component (#37893) @siriwatknp
189
+
190
+ ### `@mui/utils@5.14.1`
191
+
192
+ - &#8203;<!-- 06 -->[utils] Add function overload for `useEventCallback` (#37827) @cherniavskii
193
+
194
+ ### Docs
195
+
196
+ - &#8203;<!-- 52 -->[docs][base] Add Tailwind CSS & plain CSS demo on the form control page (#37914) @mnajdova
197
+ - &#8203;<!-- 51 -->[docs][base] Make Base UI Select demos denser (#37836) @zanivan
198
+ - &#8203;<!-- 38 -->[docs] Link Material UI from the landing page (#37971) @oliviertassinari
199
+ - &#8203;<!-- 37 -->[docs] Fix the empty /components page (#38010) @brijeshb42
200
+ - &#8203;<!-- 36 -->[docs] Checkout template follows user's color scheme preference (#37928) @OndrejHj04
201
+ - &#8203;<!-- 35 -->[docs] Disable ad for onboarding pages (#37998) @oliviertassinari
202
+ - &#8203;<!-- 34 -->[docs] Fix broken link to Base UI Next.js App Router (#37973) @oliviertassinari
203
+ - &#8203;<!-- 33 -->[docs] Fix typo in next-js-app-router.md (#37974) @ericbrian
204
+ - &#8203;<!-- 32 -->[docs] Add pnpm commands to Material UI Installation page (#36650) @officialrajdeepsingh
205
+ - &#8203;<!-- 31 -->[docs] Link charts in the roadmap (#37944) @oliviertassinari
206
+ - &#8203;<!-- 30 -->[docs] Improve changelog @oliviertassinari
207
+ - &#8203;<!-- 29 -->[docs] Improve the Select docs (#37279) @michaldudak
208
+ - &#8203;<!-- 16 -->[docs][menu] Add Tailwind CSS & plain CSS demo on the Menu page (#37856) @mnajdova
209
+ - &#8203;<!-- 15 -->[example] Update EmotionCacheProvider to work with GlobalStyles (#37962) @siriwatknp
210
+
211
+ ### Core
212
+
213
+ - &#8203;<!-- 50 -->[blog] Add blog post about support for Next.js App Router (#37929) @samuelsycamore
214
+ - &#8203;<!-- 49 -->[blog] Blog MUI X pro statement removed (#38015) @prakhargupta1
215
+ - &#8203;<!-- 48 -->[blog] Add Toolpad beta announcement blog (#37799) @prakhargupta1
216
+ - &#8203;<!-- 46 -->[core] Increase space available for sidenav @oliviertassinari
217
+ - &#8203;<!-- 45 -->[core] Adds `component` prop to `OverrideProps` type (#35924) @sai6855
218
+ - &#8203;<!-- 44 -->[core] Fix rsc build step in CI (#38019) @mj12albert
219
+ - &#8203;<!-- 43 -->[core] Remove nx dependency (#37964) @Janpot
220
+ - &#8203;<!-- 42 -->[core] Lock `@types/node` to v18 (#37965) @ZeeshanTamboli
221
+ - &#8203;<!-- 41 -->[core] Update priority support issue template and prompt (#37824) @DanailH
222
+ - &#8203;<!-- 40 -->[core] Remove warnings in docs:api (#37858) @alexfauquette
223
+ - &#8203;<!-- 39 -->[core] Make rimraf work after a major update (#37930) @michaldudak
224
+ - &#8203;<!-- 28 -->[docs-infra] Change the Diamond Sponsor block positioning on the side nav (#37933) @danilo-leal
225
+ - &#8203;<!-- 27 -->[docs-infra] Support backticks in the codeblocks (#37950) @cherniavskii
226
+ - &#8203;<!-- 26 -->[docs-infra] Improve performance hideToolbar: true (#37969) @oliviertassinari
227
+ - &#8203;<!-- 25 -->[docs-infra] Fix button label on mobile (#37997) @oliviertassinari
228
+ - &#8203;<!-- 24 -->[docs-infra] Square drawer corners (#37970) @oliviertassinari
229
+ - &#8203;<!-- 23 -->[docs-infra] Improve tab contrast in codeblock (#38000) @oliviertassinari
230
+ - &#8203;<!-- 22 -->[docs-infra] Fix API generation for Base UI (#37941) @oliviertassinari
231
+ - &#8203;<!-- 21 -->[docs-infra] Fix layout shift on xGrid (#37954) @oliviertassinari
232
+ - &#8203;<!-- 20 -->[docs-infra] Update installation commands to use the new tabs code component (#37927) @danilo-leal
233
+ - &#8203;<!-- 19 -->[docs-infra] Improve disableToc={true} support (#37931) @oliviertassinari
234
+ - &#8203;<!-- 18 -->[docs-infra] Remove icons and tweak the design of the side nav (#37860) @danilo-leal
235
+ - &#8203;<!-- 17 -->[docs-infra] Fix TypeScrit error in demo export (#37830) @oliviertassinari
236
+ - &#8203;<!-- 08 -->[notifications] Add notification for first Charts release (#37679) @joserodolfofreitas
237
+ - &#8203;<!-- 05 -->[website] Add Base UI marketing page (#36622) @siriwatknp
238
+ - &#8203;<!-- 04 -->[website] Update MUI X landing page (#37966) @cherniavskii
239
+ - &#8203;<!-- 03 -->[website] Fix a11y issues (#37999) @oliviertassinari
240
+ - &#8203;<!-- 02 -->[website] Make the Core page refer to group of products (#37608) @danilo-leal
241
+ - &#8203;<!-- 01 -->[website] Add perpetual option to pricing page (#35504) @joserodolfofreitas
242
+
243
+ All contributors of this release in alphabetical order: @alexfauquette, @brijeshb42, @cherniavskii, @DanailH, @danilo-leal, @DiegoAndai, @divyammadhok, @ericbrian, @Janpot, @joserodolfofreitas, @Methuselah96, @michaldudak, @mj12albert, @mnajdova, @officialrajdeepsingh, @oliviertassinari, @OmPr366, @OndrejHj04, @prakhargupta1, @sai6855, @samuelsycamore, @siriwatknp, @zanivan, @ZeeshanTamboli
244
+
3
245
  ## 5.14.0
4
246
 
5
247
  <!-- generated comparing v5.13.7..master -->
@@ -34,8 +276,8 @@ A big thanks to the 15 contributors who made this release possible. Here are som
34
276
 
35
277
  ### Docs
36
278
 
37
- - [docs] Polish ukraine banner (#37905) @oliviertassinari
38
- - [docs] Reduce ukraine banner size (#34795) @oliviertassinari
279
+ - [docs] Polish Ukraine banner (#37905) @oliviertassinari
280
+ - [docs] Reduce Ukraine banner size (#34795) @oliviertassinari
39
281
  - [docs] Add callouts about controlled vs uncontrolled components in Core docs (#37849) @samuelsycamore
40
282
  - [docs] Add missing Portal elements to Tailwind CSS interoperability guide (#37807) @enrique-ramirez
41
283
  - [docs] Small pickers migration improvement (#37815) @alexfauquette
@@ -2798,7 +3040,7 @@ _Sep 12, 2022_
2798
3040
 
2799
3041
  A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
2800
3042
 
2801
- - 🚀 [Blog post](https://mui.com/blog/introducing-mui-base/) for announcing the release of the Base UI package is out thanks to @michaldudak.
3043
+ - 🚀 [Blog post](https://mui.com/blog/introducing-base-ui/) for announcing the release of the Base UI package is out thanks to @michaldudak.
2802
3044
  - 🚀 Added [`Alert`](https://mui.com/joy-ui/react-alert/), [`Modal`](https://mui.com/joy-ui/react-modal/), [`ListSubheader`](https://mui.com/joy-ui/react-list-subheader/), [`FormControl`](https://mui.com/joy-ui/react-form-control/), [`CircularProgress`](https://mui.com/joy-ui/react-circular-progress/) components to Joy UI (#33859) @hbjORbj @siriwatknp
2803
3045
  - And more 🐛 bug fixes and 📚 documentation improvements.
2804
3046
 
@@ -10006,7 +10248,7 @@ _Nov 14, 2020_
10006
10248
  A big thanks to the 34 contributors who made this release possible. Here are some highlights ✨:
10007
10249
 
10008
10250
  - 📅 Migrate the date picker to the lab (#22692) @dmtrKovalenko.
10009
- We have integrated the components with the code infrastructure. Next we will migrate all the GitHub issues from [material-ui-pickers](https://github.com/mui/material-ui-pickers) and archive the repository. This migration will help provide first-class support for the date picker components. The component will stay in the lab as long as necessary to reach the high quality bar we have for core components. You can find the [new documentation here](https://mui.com/components/pickers/).
10251
+ We have integrated the components with the code infrastructure. Next we will migrate all the GitHub issues from [material-ui-pickers](https://github.com/mui/material-ui-pickers) and archive the repository. This migration will help provide first-class support for the date picker components. The component will stay in the lab as long as necessary to reach the high-quality bar we have for core components. You can find the [new documentation here](https://mui.com/components/pickers/).
10010
10252
 
10011
10253
  While the source code is currently hosted in the [main repository](https://github.com/mui/material-ui), we might move it to the [x repository](https://github.com/mui/mui-x) in the future, depending on what is easier for the commercial date range picker. The date picker will stay open source no matter what.
10012
10254
 
package/Stack/createStack.js CHANGED
@@ -111,8 +111,12 @@ const style = ({
111
111
  };
112
112
  }
113
113
  return {
114
+ // The useFlexGap={false} implement relies on each child to give up control of the margin.
115
+ // We need to reset the margin to avoid double spacing.
116
+ '& > :not(style):not(style)': {
117
+ margin: 0
118
+ },
114
119
  '& > :not(style) ~ :not(style)': {
115
- margin: 0,
116
120
  [`margin${getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)}`]: (0, _spacing.getValue)(transformer, propValue)
117
121
  }
118
122
  };
package/Unstable_Grid/Grid.js CHANGED
@@ -117,6 +117,29 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ =
117
117
  * @ignore
118
118
  */
119
119
  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
120
+ /**
121
+ * @internal
122
+ * The level of the grid starts from `0`
123
+ * and increases when the grid nests inside another grid regardless of container or item.
124
+ *
125
+ * ```js
126
+ * <Grid> // level 0
127
+ * <Grid> // level 1
128
+ * <Grid> // level 2
129
+ * <Grid> // level 1
130
+ * ```
131
+ *
132
+ * Only consecutive grid is considered nesting.
133
+ * A grid container will start at `0` if there are non-Grid element above it.
134
+ *
135
+ * ```js
136
+ * <Grid> // level 0
137
+ * <div>
138
+ * <Grid> // level 0
139
+ * <Grid> // level 1
140
+ * ```
141
+ */
142
+ unstable_level: _propTypes.default.number,
120
143
  /**
121
144
  * Defines the `flex-wrap` style property.
122
145
  * It's applied for all screen sizes.
package/createStyled.js CHANGED
@@ -49,12 +49,12 @@ const getVariantStyles = (name, theme) => {
49
49
  return variantsStyles;
50
50
  };
51
51
  const variantsResolver = (props, styles, theme, name) => {
52
- var _theme$components, _theme$components$nam;
52
+ var _theme$components;
53
53
  const {
54
54
  ownerState = {}
55
55
  } = props;
56
56
  const variantsStyles = [];
57
- const themeVariants = theme == null ? void 0 : (_theme$components = theme.components) == null ? void 0 : (_theme$components$nam = _theme$components[name]) == null ? void 0 : _theme$components$nam.variants;
57
+ const themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[name]) == null ? void 0 : _theme$components.variants;
58
58
  if (themeVariants) {
59
59
  themeVariants.forEach(themeVariant => {
60
60
  let isMatch = true;
package/esm/Stack/createStack.js CHANGED
@@ -101,8 +101,12 @@ export const style = ({
101
101
  };
102
102
  }
103
103
  return {
104
+ // The useFlexGap={false} implement relies on each child to give up control of the margin.
105
+ // We need to reset the margin to avoid double spacing.
106
+ '& > :not(style):not(style)': {
107
+ margin: 0
108
+ },
104
109
  '& > :not(style) ~ :not(style)': {
105
- margin: 0,
106
110
  [`margin${getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)}`]: getValue(transformer, propValue)
107
111
  }
108
112
  };
package/esm/Unstable_Grid/Grid.js CHANGED
@@ -111,6 +111,29 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ =
111
111
  * @ignore
112
112
  */
113
113
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
114
+ /**
115
+ * @internal
116
+ * The level of the grid starts from `0`
117
+ * and increases when the grid nests inside another grid regardless of container or item.
118
+ *
119
+ * ```js
120
+ * <Grid> // level 0
121
+ * <Grid> // level 1
122
+ * <Grid> // level 2
123
+ * <Grid> // level 1
124
+ * ```
125
+ *
126
+ * Only consecutive grid is considered nesting.
127
+ * A grid container will start at `0` if there are non-Grid element above it.
128
+ *
129
+ * ```js
130
+ * <Grid> // level 0
131
+ * <div>
132
+ * <Grid> // level 0
133
+ * <Grid> // level 1
134
+ * ```
135
+ */
136
+ unstable_level: PropTypes.number,
114
137
  /**
115
138
  * Defines the `flex-wrap` style property.
116
139
  * It's applied for all screen sizes.
package/esm/createStyled.js CHANGED
@@ -38,12 +38,12 @@ const getVariantStyles = (name, theme) => {
38
38
  return variantsStyles;
39
39
  };
40
40
  const variantsResolver = (props, styles, theme, name) => {
41
- var _theme$components, _theme$components$nam;
41
+ var _theme$components;
42
42
  const {
43
43
  ownerState = {}
44
44
  } = props;
45
45
  const variantsStyles = [];
46
- const themeVariants = theme == null ? void 0 : (_theme$components = theme.components) == null ? void 0 : (_theme$components$nam = _theme$components[name]) == null ? void 0 : _theme$components$nam.variants;
46
+ const themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[name]) == null ? void 0 : _theme$components.variants;
47
47
  if (themeVariants) {
48
48
  themeVariants.forEach(themeVariant => {
49
49
  let isMatch = true;
package/esm/sizing.js CHANGED
@@ -11,8 +11,8 @@ export const width = style({
11
11
  export const maxWidth = props => {
12
12
  if (props.maxWidth !== undefined && props.maxWidth !== null) {
13
13
  const styleFromPropValue = propValue => {
14
- var _props$theme, _props$theme$breakpoi, _props$theme$breakpoi2;
15
- const breakpoint = ((_props$theme = props.theme) == null ? void 0 : (_props$theme$breakpoi = _props$theme.breakpoints) == null ? void 0 : (_props$theme$breakpoi2 = _props$theme$breakpoi.values) == null ? void 0 : _props$theme$breakpoi2[propValue]) || breakpointsValues[propValue];
14
+ var _props$theme;
15
+ const breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? void 0 : _props$theme[propValue]) || breakpointsValues[propValue];
16
16
  return {
17
17
  maxWidth: breakpoint || sizingTransform(propValue)
18
18
  };
package/esm/styleFunctionSx/extendSxProp.js CHANGED
@@ -9,7 +9,7 @@ const splitProps = props => {
9
9
  systemProps: {},
10
10
  otherProps: {}
11
11
  };
12
- const config = (_props$theme$unstable = props == null ? void 0 : (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig;
12
+ const config = (_props$theme$unstable = props == null || (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig;
13
13
  Object.keys(props).forEach(prop => {
14
14
  if (config[prop]) {
15
15
  result.systemProps[prop] = props[prop];
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/system v5.14.0
2
+ * @mui/system v5.14.3
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/legacy/Stack/createStack.js CHANGED
@@ -105,9 +105,12 @@ export var style = function style(_ref) {
105
105
  };
106
106
  }
107
107
  return {
108
- '& > :not(style) ~ :not(style)': _defineProperty({
108
+ // The useFlexGap={false} implement relies on each child to give up control of the margin.
109
+ // We need to reset the margin to avoid double spacing.
110
+ '& > :not(style):not(style)': {
109
111
  margin: 0
110
- }, "margin".concat(getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)), getValue(transformer, propValue))
112
+ },
113
+ '& > :not(style) ~ :not(style)': _defineProperty({}, "margin".concat(getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)), getValue(transformer, propValue))
111
114
  };
112
115
  };
113
116
  styles = deepmerge(styles, handleBreakpoints({
package/legacy/Unstable_Grid/Grid.js CHANGED
@@ -111,6 +111,29 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ =
111
111
  * @ignore
112
112
  */
113
113
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
114
+ /**
115
+ * @internal
116
+ * The level of the grid starts from `0`
117
+ * and increases when the grid nests inside another grid regardless of container or item.
118
+ *
119
+ * ```js
120
+ * <Grid> // level 0
121
+ * <Grid> // level 1
122
+ * <Grid> // level 2
123
+ * <Grid> // level 1
124
+ * ```
125
+ *
126
+ * Only consecutive grid is considered nesting.
127
+ * A grid container will start at `0` if there are non-Grid element above it.
128
+ *
129
+ * ```js
130
+ * <Grid> // level 0
131
+ * <div>
132
+ * <Grid> // level 0
133
+ * <Grid> // level 1
134
+ * ```
135
+ */
136
+ unstable_level: PropTypes.number,
114
137
  /**
115
138
  * Defines the `flex-wrap` style property.
116
139
  * It's applied for all screen sizes.
package/legacy/createStyled.js CHANGED
@@ -39,11 +39,11 @@ var getVariantStyles = function getVariantStyles(name, theme) {
39
39
  return variantsStyles;
40
40
  };
41
41
  var variantsResolver = function variantsResolver(props, styles, theme, name) {
42
- var _theme$components, _theme$components$nam;
42
+ var _theme$components;
43
43
  var _props$ownerState = props.ownerState,
44
44
  ownerState = _props$ownerState === void 0 ? {} : _props$ownerState;
45
45
  var variantsStyles = [];
46
- var themeVariants = theme == null ? void 0 : (_theme$components = theme.components) == null ? void 0 : (_theme$components$nam = _theme$components[name]) == null ? void 0 : _theme$components$nam.variants;
46
+ var themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[name]) == null ? void 0 : _theme$components.variants;
47
47
  if (themeVariants) {
48
48
  themeVariants.forEach(function (themeVariant) {
49
49
  var isMatch = true;
package/legacy/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/system v5.14.0
2
+ * @mui/system v5.14.3
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/legacy/sizing.js CHANGED
@@ -11,8 +11,8 @@ export var width = style({
11
11
  export var maxWidth = function maxWidth(props) {
12
12
  if (props.maxWidth !== undefined && props.maxWidth !== null) {
13
13
  var styleFromPropValue = function styleFromPropValue(propValue) {
14
- var _props$theme, _props$theme$breakpoi, _props$theme$breakpoi2;
15
- var breakpoint = ((_props$theme = props.theme) == null ? void 0 : (_props$theme$breakpoi = _props$theme.breakpoints) == null ? void 0 : (_props$theme$breakpoi2 = _props$theme$breakpoi.values) == null ? void 0 : _props$theme$breakpoi2[propValue]) || breakpointsValues[propValue];
14
+ var _props$theme;
15
+ var breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? void 0 : _props$theme[propValue]) || breakpointsValues[propValue];
16
16
  return {
17
17
  maxWidth: breakpoint || sizingTransform(propValue)
18
18
  };
package/legacy/styleFunctionSx/extendSxProp.js CHANGED
@@ -9,7 +9,7 @@ var splitProps = function splitProps(props) {
9
9
  systemProps: {},
10
10
  otherProps: {}
11
11
  };
12
- var config = (_props$theme$unstable = props == null ? void 0 : (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig;
12
+ var config = (_props$theme$unstable = props == null || (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig;
13
13
  Object.keys(props).forEach(function (prop) {
14
14
  if (config[prop]) {
15
15
  result.systemProps[prop] = props[prop];
package/modern/Stack/createStack.js CHANGED
@@ -101,8 +101,12 @@ export const style = ({
101
101
  };
102
102
  }
103
103
  return {
104
+ // The useFlexGap={false} implement relies on each child to give up control of the margin.
105
+ // We need to reset the margin to avoid double spacing.
106
+ '& > :not(style):not(style)': {
107
+ margin: 0
108
+ },
104
109
  '& > :not(style) ~ :not(style)': {
105
- margin: 0,
106
110
  [`margin${getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)}`]: getValue(transformer, propValue)
107
111
  }
108
112
  };
package/modern/Unstable_Grid/Grid.js CHANGED
@@ -111,6 +111,29 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ =
111
111
  * @ignore
112
112
  */
113
113
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
114
+ /**
115
+ * @internal
116
+ * The level of the grid starts from `0`
117
+ * and increases when the grid nests inside another grid regardless of container or item.
118
+ *
119
+ * ```js
120
+ * <Grid> // level 0
121
+ * <Grid> // level 1
122
+ * <Grid> // level 2
123
+ * <Grid> // level 1
124
+ * ```
125
+ *
126
+ * Only consecutive grid is considered nesting.
127
+ * A grid container will start at `0` if there are non-Grid element above it.
128
+ *
129
+ * ```js
130
+ * <Grid> // level 0
131
+ * <div>
132
+ * <Grid> // level 0
133
+ * <Grid> // level 1
134
+ * ```
135
+ */
136
+ unstable_level: PropTypes.number,
114
137
  /**
115
138
  * Defines the `flex-wrap` style property.
116
139
  * It's applied for all screen sizes.
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/system v5.14.0
2
+ * @mui/system v5.14.3
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/system",
3
- "version": "5.14.0",
3
+ "version": "5.14.3",
4
4
  "private": false,
5
5
  "author": "MUI Team",
6
6
  "description": "CSS utilities for rapidly laying out custom designs.",
@@ -43,12 +43,12 @@
43
43
  }
44
44
  },
45
45
  "dependencies": {
46
- "@babel/runtime": "^7.22.5",
46
+ "@babel/runtime": "^7.22.6",
47
47
  "@mui/private-theming": "^5.13.7",
48
48
  "@mui/styled-engine": "^5.13.2",
49
49
  "@mui/types": "^7.2.4",
50
- "@mui/utils": "^5.13.7",
51
- "clsx": "^1.2.1",
50
+ "@mui/utils": "^5.14.3",
51
+ "clsx": "^2.0.0",
52
52
  "csstype": "^3.1.2",
53
53
  "prop-types": "^15.8.1"
54
54
  },
package/sizing.js CHANGED
@@ -21,8 +21,8 @@ exports.width = width;
21
21
  const maxWidth = props => {
22
22
  if (props.maxWidth !== undefined && props.maxWidth !== null) {
23
23
  const styleFromPropValue = propValue => {
24
- var _props$theme, _props$theme$breakpoi, _props$theme$breakpoi2;
25
- const breakpoint = ((_props$theme = props.theme) == null ? void 0 : (_props$theme$breakpoi = _props$theme.breakpoints) == null ? void 0 : (_props$theme$breakpoi2 = _props$theme$breakpoi.values) == null ? void 0 : _props$theme$breakpoi2[propValue]) || _breakpoints.values[propValue];
24
+ var _props$theme;
25
+ const breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? void 0 : _props$theme[propValue]) || _breakpoints.values[propValue];
26
26
  return {
27
27
  maxWidth: breakpoint || sizingTransform(propValue)
28
28
  };
package/styleFunctionSx/extendSxProp.js CHANGED
@@ -16,7 +16,7 @@ const splitProps = props => {
16
16
  systemProps: {},
17
17
  otherProps: {}
18
18
  };
19
- const config = (_props$theme$unstable = props == null ? void 0 : (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : _defaultSxConfig.default;
19
+ const config = (_props$theme$unstable = props == null || (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : _defaultSxConfig.default;
20
20
  Object.keys(props).forEach(prop => {
21
21
  if (config[prop]) {
22
22
  result.systemProps[prop] = props[prop];