@mui/system 5.0.0 → 5.0.4

package/Box/Box.spec.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/CHANGELOG.md

@@ -1,5 +1,281 @@
 ### [Versions](https://mui.com/versions/)
 
+## 5.0.4
+
+<!-- generated comparing v5.0.3..master -->
+
+_Oct 14, 2021_
+
+A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
+
+- 🧪 Added `UnstyledInput` and `useInput` hook in the the first component in @mui/core package @michaldudak (#28053)
+- 🐛 Fixed many bugs and improved the documentation 📚.
+
+### `@mui/material@5.0.4`
+
+- &#8203;<!-- 31 -->[Chip] disable ripple only if onDelete is present. (#29034) @mottox2
+- &#8203;<!-- 06 -->[Pagination] Fix clicking on `...` triggering `onChange` with page value `null` (#28884) @ZeeshanTamboli
+- &#8203;<!-- 04 -->[Tabs] Alternative way to disable ":first-child is unsafe" error (#28982) @hbjORbj
+- &#8203;<!-- 03 -->[Tabs] Fix ":first-child is potentially unsafe" error (#28890) @hbjORbj
+- &#8203;<!-- 01 -->[transitions] Mark `children` as required where nullish `children` would crash at runtime (#29028) @eps1lon
+
+### `@mui/system@5.0.4`
+
+- &#8203;<!-- 05 -->[system] Update typing for `style` function (#28744) @hbjORbj
+
+### `@mui/core@5.0.0-alpha.51`
+
+- &#8203;<!-- 07 -->[InputUnstyled] Create unstyled input and useInput hook (#28053) @michaldudak
+
+### `@mui/lab@5.0.0-alpha.51`
+
+- &#8203;<!-- 25 -->[DesktopDatePicker] add Paper props to pass down to Paper component (#28865) @amen-souissi
+
+### Docs
+
+- &#8203;<!-- 24 -->[docs] Add JSDoc to `theme.breakpoints` (#29039) @eps1lon
+- &#8203;<!-- 23 -->[docs] Rename broken package names in docs pointing to `@mui/material` (#29006) @visualfanatic
+- &#8203;<!-- 22 -->[docs] Add troubleshooting guide for unexpected styles (#28907) @mnajdova
+- &#8203;<!-- 21 -->[docs] Fix issues reported by ahref (#28986) @mnajdova
+- &#8203;<!-- 20 -->[docs] Remove json translations for dropped locales (#28987) @mnajdova
+- &#8203;<!-- 19 -->[docs] Fix type signature of renderGroup in Autocomplete (#28876) @tanyabouman
+- &#8203;<!-- 18 -->[docs] Minor typo in v4-v5 migration docs (#28995) @kgregory
+- &#8203;<!-- 17 -->[docs] Add `mui-image` related project (#28621) @benmneb
+- &#8203;<!-- 16 -->[docs] Update Getting Started Templates' Source URIs (#28929) @epodol
+- &#8203;<!-- 15 -->[docs] Improve search experience (#28801) @siriwatknp
+- &#8203;<!-- 14 -->[docs] Fix demo of the responsive drawer (#28226) @goncalovf
+- &#8203;<!-- 13 -->[docs] Fix global theme link demo (#28974) @ZeeshanTamboli
+- &#8203;<!-- 12 -->[docs] Update box example to use 'backgroundColor' rather than 'bgColor' (#28958) @Jareechang
+- &#8203;<!-- 11 -->[docs] corrected `Box` import for `sx-prop` example (#28873) @phudekar
+- &#8203;<!-- 10 -->[docs] Fix footnote ID links in CONTRIBUTING.md (#28849) @officialpiyush
+- &#8203;<!-- 09 -->[docs] Fix color & density playground (#28803) @siriwatknp
+- &#8203;<!-- 08 -->[docs] Improve visibility of styled engine configuration section in installation guide (#28903) @Jareechang
+
+### Core
+
+- &#8203;<!-- 30 -->[core] Prevent yarn cache growing infinitely (#29040) @eps1lon
+- &#8203;<!-- 29 -->[core] Update browserslist (#29025) @eps1lon
+- &#8203;<!-- 28 -->[core] Update `peerDependencies` to require `latest` instead of `next` (#29007) @eps1lon
+- &#8203;<!-- 27 -->[core] Increase memory limit for size:snapshot (#29005) @eps1lon
+- &#8203;<!-- 26 -->[core] Init `private` Joy package (#28957) @siriwatknp
+- &#8203;<!-- 02 -->[test] Remove a11y snapshot tests (#28887) @eps1lon
+
+All contributors of this release in alphabetical order: @amen-souissi, @benmneb, @epodol, @eps1lon, @goncalovf, @hbjORbj, @Jareechang, @kgregory, @michaldudak, @mnajdova, @mottox2, @officialpiyush, @phudekar, @siriwatknp, @tanyabouman, @visualfanatic, @ZeeshanTamboli
+
+## 5.0.3
+
+<!-- generated comparing v5.0.2..master -->
+
+_Oct 7, 2021_
+
+A big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:
+
+- 🧪 Created the first component in @mui/material-next - our v6 prototype package.
+- 🐛 Fixed many bugs and improved the documentation 📚.
+
+### `@mui/material@5.0.3`
+
+- &#8203;<!-- 10 -->[Stack] Add props & variants types in the theme (#28843) @mnajdova
+- &#8203;<!-- 12 -->[InputLabel] Fix condition for applying formControl overrides (#28707) @yevheniiminin
+- &#8203;<!-- 05 -->[Tooltip] Allow overriding internal components and their props (#28692) @michaldudak
+- &#8203;<!-- 04 -->[transitions] Fix `addEndListener` not being called with the DOM node (#28715) @eps1lon
+
+### `@mui/codemod@5.0.3`
+
+- &#8203;<!-- 37 -->[codemod] Fix `optimal-imports` to support v4 and v5-alpha, beta (#28812) @siriwatknp
+
+### `@mui/system@5.0.3`
+
+- &#8203;<!-- 09 -->[system] Add padding/margin-block/inline to spacing (#28813) @smmoosavi
+
+### `@mui/styled-engine-sc@5.0.3`
+
+- &#8203;<!-- 42 -->Don't allow styled-components APIs on mui styled function (#28807) @hbjORbj
+
+### `@mui/core@5.0.0-alpha.50`
+
+- &#8203;<!-- 38 -->[ButtonUnstyled] Don't set redundant role=button (#28488) @michaldudak
+- &#8203;<!-- 43 -->[SliderUnstyled] Prevent unknown-prop error when using marks prop (#28868) @hbjORbj
+
+### `@mui/lab@5.0.0-alpha.50`
+
+- &#8203;<!-- 11 -->[pickers] Change view even if `onViewChange` is set (#28765) @eps1lon
+
+### `@mui/material-next@6.0.0-alpha.4`
+
+- &#8203;<!-- 39 -->[Button-next] Create Button in material-next (#28313) @michaldudak
+
+### Docs
+
+- &#8203;<!-- 34 -->[docs] Add alike v4 default button color in migration (#28881) @siriwatknp
+- &#8203;<!-- 34 -->[docs] Use PNG instead of SVG for color preview (#28699) @eps1lon
+- &#8203;<!-- 33 -->[docs] Use client-side navigation when activating docsearch results (#28750) @eps1lon
+- &#8203;<!-- 32 -->[docs] Fluid icon size in icons search (#28747) @eps1lon
+- &#8203;<!-- 31 -->[docs] Fix the wrong import in docs grid page (#28863) @taghi-khavari
+- &#8203;<!-- 30 -->[docs] Fix typo in Pagination docs (#28864) @ZeeshanTamboli
+- &#8203;<!-- 29 -->[docs] Fix 404 links (#28710) @mnajdova
+- &#8203;<!-- 28 -->[docs] Fix typo in Mui CSS classname (#28725) @cacpgomes
+- &#8203;<!-- 27 -->[docs] Match example to codesandbox demo and update ID link (#28762) @AnilSeervi
+- &#8203;<!-- 26 -->[docs] Fix typo in system/box documentation (#28822) @iamsergo
+- &#8203;<!-- 25 -->[docs] Use HTML standards for autocomplete attributes (#28827) @epodol
+- &#8203;<!-- 24 -->[docs] Improve styled-components integration (#28713) @mnajdova
+- &#8203;<!-- 23 -->[docs] Correct Select's menu placement description (#28748) @michaldudak
+- &#8203;<!-- 22 -->[docs] AdapterDayJS -> AdapterDayjs (#28770) @veerreshr
+- &#8203;<!-- 21 -->[docs] Theme documentation, typo fix (#28805) @saeedseyfi
+- &#8203;<!-- 20 -->[docs] Add the last diamond sponsor (#28737) @hbjORbj
+- &#8203;<!-- 19 -->[docs] Fix various links in CONTRIBUTING (#28751) @AnilSeervi
+- &#8203;<!-- 18 -->[docs] Only add JSS to demos (#28698) @eps1lon
+- &#8203;<!-- 17 -->[docs] Update v5 status in release schedule (#28700) @owais635
+- &#8203;<!-- 16 -->[docs] Fix typo in /guides/styled-engine (#28720) @Sharry0
+- &#8203;<!-- 15 -->[docs] Fix typo in chip documentation (#28641) @avranju94
+- &#8203;<!-- 14 -->[docs] Fix versions page (#28682) @mnajdova
+- &#8203;<!-- 13 -->[docs] Remove legacy team page (#28646) @mnajdova
+- &#8203;<!-- 41 -->[website] add "React" to the hero description (#28830) @danilo-leal
+- &#8203;<!-- 03 -->[website] Fix constantly reloading when Russian language is set (#28869) @mnajdova
+- &#8203;<!-- 02 -->[website] Compress one avatar image on about us page (#28823) @hbjORbj
+- &#8203;<!-- 01 -->[website] Hide 'become a diamond sponsor' box on landing page (#28814) @hbjORbj
+- &#8203;<!-- 40 -->[website] Update Benny's profile on about us page (#28816) @hbjORbj
+
+### Core
+
+- &#8203;<!-- 36 -->[core] Remove `--exact` from `release:version` (#28840) @siriwatknp
+- &#8203;<!-- 35 -->[core] Neglect framer from release flow (#28680) @siriwatknp
+- &#8203;<!-- 08 -->[test] Add a test for not allowing styled-components' APIs on mui `styled` function (#28862) @hbjORbj
+- &#8203;<!-- 07 -->[test] Fix instances where type tests were only passing due to object being part of ReactNode (#28804) @eps1lon
+- &#8203;<!-- 06 -->[test] Move ByMuiTest to test/utils (#28509) @eps1lon
+
+All contributors of this release in alphabetical order: @AnilSeervi, @avranju94, @cacpgomes, @danilo-leal, @epodol, @eps1lon, @hbjORbj, @iamsergo, @michaldudak, @mnajdova, @owais635, @saeedseyfi, @Sharry0, @siriwatknp, @smmoosavi, @taghi-khavari, @veerreshr, @yevheniiminin, @ZeeshanTamboli
+
+## 5.0.2
+
+<!-- generated comparing v5.0.1..master -->
+
+_Sep 29, 2021_
+
+A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
+
+- 🔧 Improve `jss-to-styled` codemod to use new package names.
+- And many more 🐛 bug fixes and 📚 improvements.
+
+### `@mui/material@5.0.2`
+
+- &#8203;<!-- 28 -->[Checkbox] Fix form submission with empty value (#28423) @garronej
+- &#8203;<!-- 08 -->[Slider] Don't error on minimal changes with readonly value (#28472) @eps1lon
+- &#8203;<!-- 07 -->[Switch] Fix style overrides on input (#28576) @praveenkumar-kalidass
+- &#8203;<!-- 03 -->[useMediaQuery] Add types for `matchMedia` option and deprecate exported interfaces (#28413) @eps1lon
+
+### `@mui/codemod@5.0.2`
+
+- &#8203;<!-- 27 -->[codemod] Add MenuItem v.1.0.0 transform for primaryText property (#28640) @dmitry-yudakov
+- &#8203;<!-- 26 -->[codemod] Update the imports in `jss-to-styled` to match the new package names (#28667) @mnajdova
+
+### `@mui/system@5.0.2`
+
+- &#8203;<!-- 06 -->[system] Fix types to support theme callbacks on pseudo and nested selectors (#28570) @mnajdova
+
+### Docs
+
+- &#8203;<!-- 23 -->[docs] Remove languages: fr, de, ja, es, ru (#28663) @mnajdova
+- &#8203;<!-- 22 -->[docs] Improve old doc versions discoverability (#28651) @danilo-leal
+- &#8203;<!-- 21 -->[docs] Make the Toggle Button size demo use default icon size (#28656) @danilo-leal
+- &#8203;<!-- 20 -->[docs] Uniformize the code's font family (#28582) @oliviertassinari
+- &#8203;<!-- 19 -->[docs] Removed duplicate line in date-ranger-picker.md file (#28635) @naveen-bharathi
+- &#8203;<!-- 18 -->[docs] Fix title MUI x2 (#28634) @oliviertassinari
+- &#8203;<!-- 17 -->[docs] Polish email validation logic (#28255) @kiznick
+- &#8203;<!-- 16 -->[docs] Improve migration-v4.md phrasing (#28253) @adamthewebguy
+- &#8203;<!-- 15 -->[docs] Fix color in example (#28527) @alexeagleson
+- &#8203;<!-- 14 -->[docs] Fix typo in generated class names section (#28549) @fxlemire
+- &#8203;<!-- 13 -->[docs] Mention Premium pricing cap (#28581) @oliviertassinari
+- &#8203;<!-- 12 -->[docs] Update examples to use latest mui #28565 @siriwatknp
+- &#8203;<!-- 11 -->[docs] Push the fixes on Next.js's Link to the examples (#28178) @oliviertassinari
+- &#8203;<!-- 10 -->[docs] Fix wrong name for zIndex's property example in /system/ (#28541) @chetrit
+- &#8203;<!-- 08 -->[examples] Nextjs Link missing passHref #28588 (#28661) @Brlaney
+- &#8203;<!-- 02 -->[website] Iteration on the pricing page (#28406) @danilo-leal
+- &#8203;<!-- 01 -->[website] Batch fixes (#28564) @siriwatknp
+
+### Core
+
+- &#8203;<!-- 25 -->[core] Improve Renovate groups (#28642) @eps1lon
+- &#8203;<!-- 24 -->[core] Batch small changes (#28553) @oliviertassinari
+- &#8203;<!-- 05 -->[test] Document where the value for SwitchBase#value comes from (#28638) @eps1lon
+- &#8203;<!-- 04 -->[test] Make `seconds` `views` test pass in browsers (#28511) @eps1lon
+
+All contributors of this release in alphabetical order: @adamthewebguy, @alexeagleson, @Brlaney, @chetrit, @danilo-leal, @dmitry-yudakov, @eps1lon, @fxlemire, @garronej, @kiznick, @mnajdova, @naveen-bharathi, @oliviertassinari, @praveenkumar-kalidass, @siriwatknp
+
+## 5.0.1
+
+<!-- generated comparing v5.0.0..master -->
+
+_Sep 22, 2021_
+
+A big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 🔎 Improve the search on the documentation.
+- 📚 Improve the v4 to v5 migration guide.
+- And many more 🐛 bug fixes and 📚 improvements.
+
+### `@mui/material@5.0.1`
+
+- &#8203;<!-- 18 -->[Radio] Fix support for number value type (#26772) @sakura90
+- &#8203;<!-- 12 -->[useMediaQuery] Reduce bundle size (#28412) @eps1lon
+
+### `@mui/codemod@5.0.1`
+
+- &#8203;<!-- 43 -->[codemod] Cover edge case for theme-spacing #28400 @siriwatknp
+
+### `@mui/lab@5.0.0-alpha.48`
+
+- &#8203;<!-- 36 -->[DateTimePicker] Support `seconds` `view` (#25095) @breitembach
+- &#8203;<!-- 13 -->[TimePicker] Fire change event when meridiem changes (#26600) @coder-freestyle
+
+### Docs
+
+- &#8203;<!-- 35 -->[docs] Fix missing exit animation for transition Poppers (#28506) @eps1lon
+- &#8203;<!-- 34 -->[docs] Fix migration v5 docs (#28530) @siriwatknp
+- &#8203;<!-- 33 -->[docs] Avoid re-mounting the whole tree when switching theme direction (#28495) @eps1lon
+- &#8203;<!-- 32 -->[docs] Fix html compliance (#28429) @oliviertassinari
+- &#8203;<!-- 31 -->[docs] Use hyphen-case for CSS properties in /system/properties (#28489) @chetrit
+- &#8203;<!-- 30 -->[docs] Update caret position in comments to match npm scope (#28426) @eps1lon
+- &#8203;<!-- 29 -->[docs] Fix CONTRIBUTING to point out to master as targeted branch (#28396) @mnajdova
+- &#8203;<!-- 28 -->[docs] Update examples to remove 'beta' (#28475) @oliviertassinari
+- &#8203;<!-- 27 -->[docs] Fix 404 links to MUI X API (#28176) @oliviertassinari
+- &#8203;<!-- 26 -->[docs] Fix broken/incorrect attributes links in Avatar and NativeSelect API pages (#28417) @xenostar
+- &#8203;<!-- 25 -->[docs] Explain how `<Alert icon={false} />` behaves (#28348) @nguyenkhanhnam
+- &#8203;<!-- 24 -->[docs] Fix typo in /system/the-sx-prop (#28393) @danwoods
+- &#8203;<!-- 23 -->[docs] Correct the migration doc (#28391) @michaldudak
+- &#8203;<!-- 22 -->[docs] Fix the notification display logic (#28389) @oliviertassinari
+- &#8203;<!-- 21 -->[docs] Add notification for v5 @oliviertassinari
+- &#8203;<!-- 20 -->[docs] Fix typo (#28521) @valse
+- &#8203;<!-- 12 -->[website] Implement algolia redesign (#28252) @hbjORbj
+- &#8203;<!-- 11 -->[website] Update data-grid dependencies #28531 @siriwatknp
+- &#8203;<!-- 10 -->[website] Cleanup unused files after rebranding (#28505) @siriwatknp
+- &#8203;<!-- 09 -->[website] Update /company pages to use marketing website Header and Footer (#28498) @danilo-leal
+- &#8203;<!-- 08 -->[website] Optimize images (#28486) @michaldudak
+- &#8203;<!-- 07 -->[website] Add components index page (#28485) @siriwatknp
+- &#8203;<!-- 06 -->[website] Fix typo (#28478) @oliviertassinari
+- &#8203;<!-- 05 -->[website] Fix crash (#28474) @oliviertassinari
+- &#8203;<!-- 04 -->[website] Close the open engineering roles (#28428) @oliviertassinari
+- &#8203;<!-- 03 -->[website] Fix 40x links (#28401) @mnajdova
+- &#8203;<!-- 02 -->[website] Fix SEO issues reported by moz.com (#28402) @mnajdova
+- &#8203;<!-- 01 -->[website] Fix production issues (#28384) @siriwatknp
+
+### Core
+
+- &#8203;<!-- 44 -->[core] Fix release:changelog base branch (#28533) @mnajdova
+- &#8203;<!-- 42 -->[core] Remove code handling JSS components (#28421) @eps1lon
+- &#8203;<!-- 41 -->[core] Remove unused dependencies (#28468) @eps1lon
+- &#8203;<!-- 40 -->[core] Ensure both docs bundles are analyzeable (#28410) @eps1lon
+- &#8203;<!-- 39 -->[core] Switch to webpack 5 (#28248) @eps1lon
+- &#8203;<!-- 38 -->[core] Batch small changes (#28177) @oliviertassinari
+- &#8203;<!-- 37 -->[core] Update publish tag to latest (#28382) @mnajdova
+- &#8203;<!-- 19 -->[framer] Update @mui/\* dependencies (#28469) @eps1lon
+- &#8203;<!-- 17 -->[test] Add custom queries to `screen` (#28507) @eps1lon
+- &#8203;<!-- 16 -->[test] Run listChangedFiles against master (#28504) @eps1lon
+- &#8203;<!-- 15 -->[test] Increase BrowserStack timeout for Firefox (#28476) @oliviertassinari
+- &#8203;<!-- 14 -->[test] Use testing-library alpha when running React 18 tests (#28267) @eps1lon
+
+All contributors of this release in alphabetical order: @breitembach, @chetrit, @coder-freestyle, @danilo-leal, @danwoods, @eps1lon, @hbjORbj, @michaldudak, @mnajdova, @nguyenkhanhnam, @oliviertassinari, @sakura90, @siriwatknp, @valse, @xenostar
+
 ## 5.0.0
 
 <!-- generated comparing v5.0.0-rc.1..next -->
@@ -256,7 +532,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
 - &#8203;<!-- 31 -->[core] Remove file-wide disables of `no-use-before-define` (#27984) @eps1lon
 - &#8203;<!-- 30 -->[core] Improve `release:changelog` script (#27941) @eps1lon
 - &#8203;<!-- 29 -->[core] Enforce curly braces for block statements (#27946) @eps1lon
-- &#8203;<!-- 07 -->[test] Disable browserstack for PRs (#28041) @eps1lon
+- &#8203;<!-- 07 -->[test] Disable BrowserStack for PRs (#28041) @eps1lon
 
 All contributors of this release in alphabetical order: @aaronlademann-wf, @bene-we, @chetas411, @eps1lon, @flaviendelangle, @hbjORbj, @iamhosseindhv, @m4theushw, @michaldudak, @mnajdova, @oliviertassinari, @rajzik, @rsxdalv, @siriwatknp, @StefanBRas, @StefanTobler, @tdmiller1, @vedadeepta
 
@@ -1640,7 +1916,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som
 
 - &#8203;<!-- 60 -->[core] Skip sx prop in internal components (#26235) @mnajdova
 - &#8203;<!-- 59 -->[core] Remove `withStyles` dependencies from `@material-ui/core/styles` (#26277) @mnajdova
-- &#8203;<!-- 55 -->[core] Include human readable target in the browserstack build (#26322) @eps1lon
+- &#8203;<!-- 55 -->[core] Include human readable target in the BrowserStack build (#26322) @eps1lon
 - &#8203;<!-- 53 -->[core] Fix NotchedOutlineProps type (#26305) @gnowland
 - &#8203;<!-- 51 -->[core] Add file for git-blame --ignore-revs-file (#26295) @eps1lon
 - &#8203;<!-- 49 -->[core] Ensure component class keys aren't missing (#25754) @eps1lon

package/LICENSE

@@ -1,21 +1,21 @@
-The MIT License (MIT)
-
-Copyright (c) 2014 Call-Em-All
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+The MIT License (MIT)
+
+Copyright (c) 2014 Call-Em-All
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/borders.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.borderRadius = exports.borderLeftColor = exports.borderBottomColor = exports.borderRightColor = exports.borderTopColor = exports.borderColor = exports.borderLeft = exports.borderBottom = exports.borderRight = exports.borderTop = exports.border = void 0;
+exports.default = exports.borderTopColor = exports.borderTop = exports.borderRightColor = exports.borderRight = exports.borderRadius = exports.borderLeftColor = exports.borderLeft = exports.borderColor = exports.borderBottomColor = exports.borderBottom = exports.border = void 0;
 
 var _responsivePropType = _interopRequireDefault(require("./responsivePropType"));
 

package/breakpoints.js

@@ -5,12 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.handleBreakpoints = handleBreakpoints;
 exports.createEmptyBreakpointObject = createEmptyBreakpointObject;
-exports.removeUnusedBreakpoints = removeUnusedBreakpoints;
+exports.default = void 0;
+exports.handleBreakpoints = handleBreakpoints;
 exports.mergeBreakpointsInOrder = mergeBreakpointsInOrder;
+exports.removeUnusedBreakpoints = removeUnusedBreakpoints;
 exports.resolveBreakpointValues = resolveBreakpointValues;
-exports.default = exports.values = void 0;
+exports.values = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/colorManipulator.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hexToRgb = hexToRgb;
-exports.decomposeColor = decomposeColor;
-exports.recomposeColor = recomposeColor;
-exports.rgbToHex = rgbToHex;
-exports.hslToRgb = hslToRgb;
-exports.getLuminance = getLuminance;
-exports.getContrastRatio = getContrastRatio;
 exports.alpha = alpha;
 exports.darken = darken;
-exports.lighten = lighten;
+exports.decomposeColor = decomposeColor;
 exports.emphasize = emphasize;
+exports.getContrastRatio = getContrastRatio;
+exports.getLuminance = getLuminance;
+exports.hexToRgb = hexToRgb;
+exports.hslToRgb = hslToRgb;
+exports.lighten = lighten;
+exports.recomposeColor = recomposeColor;
+exports.rgbToHex = rgbToHex;
 
 var _utils = require("@mui/utils");
 

package/createStyled.d.ts

@@ -140,6 +140,12 @@ export interface CreateStyledComponent<
   ): StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;
 }
 
+export interface MUIStyledCommonProps<Theme extends object = DefaultTheme> {
+  theme?: Theme;
+  as?: React.ElementType;
+  sx?: SxProps<Theme>;
+}
+
 export interface CreateMUIStyled<Theme extends object = DefaultTheme> {
   <
     C extends React.ComponentClass<React.ComponentProps<C>>,
@@ -148,11 +154,7 @@ export interface CreateMUIStyled<Theme extends object = DefaultTheme> {
     component: C,
     options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps> & MuiStyledOptions,
   ): CreateStyledComponent<
-    Pick<PropsOf<C>, ForwardedProps> & {
-      theme?: Theme;
-      as?: React.ElementType;
-      sx?: SxProps<Theme>;
-    },
+    Pick<PropsOf<C>, ForwardedProps> & MUIStyledCommonProps<Theme>,
     {},
     {
       ref?: React.Ref<InstanceType<C>>;
@@ -163,11 +165,7 @@ export interface CreateMUIStyled<Theme extends object = DefaultTheme> {
     component: C,
     options?: StyledOptions & MuiStyledOptions,
   ): CreateStyledComponent<
-    PropsOf<C> & {
-      theme?: Theme;
-      as?: React.ElementType;
-      sx?: SxProps<Theme>;
-    },
+    PropsOf<C> & MUIStyledCommonProps<Theme>,
     {},
     {
       ref?: React.Ref<InstanceType<C>>;
@@ -180,24 +178,12 @@ export interface CreateMUIStyled<Theme extends object = DefaultTheme> {
   >(
     component: C,
     options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps> & MuiStyledOptions,
-  ): CreateStyledComponent<
-    Pick<PropsOf<C>, ForwardedProps> & {
-      theme?: Theme;
-      as?: React.ElementType;
-      sx?: SxProps<Theme>;
-    }
-  >;
+  ): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & MUIStyledCommonProps<Theme>>;
 
   <C extends React.JSXElementConstructor<React.ComponentProps<C>>>(
     component: C,
     options?: StyledOptions & MuiStyledOptions,
-  ): CreateStyledComponent<
-    PropsOf<C> & {
-      theme?: Theme;
-      as?: React.ElementType;
-      sx?: SxProps<Theme>;
-    }
-  >;
+  ): CreateStyledComponent<PropsOf<C> & MUIStyledCommonProps<Theme>>;
 
   <
     Tag extends keyof JSX.IntrinsicElements,
@@ -206,25 +192,14 @@ export interface CreateMUIStyled<Theme extends object = DefaultTheme> {
     tag: Tag,
     options: FilteringStyledOptions<JSX.IntrinsicElements[Tag], ForwardedProps> & MuiStyledOptions,
   ): CreateStyledComponent<
-    {
-      theme?: Theme;
-      as?: React.ElementType;
-      sx?: SxProps<Theme>;
-    },
+    MUIStyledCommonProps<Theme>,
     Pick<JSX.IntrinsicElements[Tag], ForwardedProps>
   >;
 
   <Tag extends keyof JSX.IntrinsicElements>(
     tag: Tag,
     options?: StyledOptions & MuiStyledOptions,
-  ): CreateStyledComponent<
-    {
-      theme?: Theme;
-      as?: React.ElementType;
-      sx?: SxProps<Theme>;
-    },
-    JSX.IntrinsicElements[Tag]
-  >;
+  ): CreateStyledComponent<MUIStyledCommonProps<Theme>, JSX.IntrinsicElements[Tag]>;
 }
 
 export function shouldForwardProp(propName: PropertyKey): boolean;

package/createStyled.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.shouldForwardProp = shouldForwardProp;
 exports.default = createStyled;
+exports.shouldForwardProp = shouldForwardProp;
 exports.systemDefaultTheme = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

package/createTheme/createBreakpoints.d.ts

@@ -8,20 +8,67 @@ export type Breakpoint = OverridableStringUnion<
 >;
 export const keys: Breakpoint[];
 
+// Keep in sync with docs/src/pages/customization/breakpoints/breakpoints.md
+// #default-branch-switch
 export interface Breakpoints {
   keys: Breakpoint[];
+  /**
+   * Each breakpoint (a key) matches with a fixed screen width (a value).
+   * @default {
+   *    // extra-small
+   *    xs: 0,
+   *    // small
+   *    sm: 600,
+   *    // medium
+   *    md: 900,
+   *    // large
+   *    lg: 1200,
+   *    // extra-large
+   *    xl: 1536,
+   * }
+   */
   values: { [key in Breakpoint]: number };
+  /**
+   * @param key - A breakpoint key (`xs`, `sm`, etc.) or a screen width number in px.
+   * @returns A media query string ready to be used with most styling solutions, which matches screen widths greater than the screen size given by the breakpoint key (inclusive).
+   * @see [API documentation](https://mui.com/customization/breakpoints/#theme-breakpoints-up-key-media-query)
+   */
   up: (key: Breakpoint | number) => string;
+  /**
+   * @param key - A breakpoint key (`xs`, `sm`, etc.) or a screen width number in px.
+   * @returns A media query string ready to be used with most styling solutions, which matches screen widths less than the screen size given by the breakpoint key (exclusive).
+   * @see [API documentation](https://mui.com/customization/breakpoints/#theme-breakpoints-down-key-media-query)
+   */
   down: (key: Breakpoint | number) => string;
+  /**
+   * @param start - A breakpoint key (`xs`, `sm`, etc.) or a screen width number in px.
+   * @param end - A breakpoint key (`xs`, `sm`, etc.) or a screen width number in px.
+   * @returns A media query string ready to be used with most styling solutions, which matches screen widths greater than
+   *          the screen size given by the breakpoint key in the first argument (inclusive) and less than the screen size given by the breakpoint key in the second argument (exclusive).
+   * @see [API documentation](https://mui.com/customization/breakpoints/#theme-breakpoints-between-start-end-media-query)
+   */
   between: (start: Breakpoint | number, end: Breakpoint | number) => string;
+  /**
+   * @param key - A breakpoint key (`xs`, `sm`, etc.) or a screen width number in px.
+   * @returns A media query string ready to be used with most styling solutions, which matches screen widths starting from
+   *          the screen size given by the breakpoint key (inclusive) and stopping at the screen size given by the next breakpoint key (exclusive).
+   * @see [API documentation](https://mui.com/customization/breakpoints/#theme-breakpoints-only-key-media-query)
+   */
   only: (key: Breakpoint) => string;
 }
 
-export type BreakpointsOptions = Partial<
-  {
-    unit: string;
-    step: number;
-  } & Breakpoints
->;
+export interface BreakpointsOptions extends Partial<Breakpoints> {
+  /**
+   * The increment divided by 100 used to implement exclusive breakpoints.
+   * For example, `step: 5` means that `down(500)` will result in `'(max-width: 499.95px)'`.
+   * @default 5
+   */
+  step?: number | undefined;
+  /**
+   * The unit used for the breakpoint's values.
+   * @default 'px'
+   */
+  unit?: string | undefined;
+}
 
 export default function createBreakpoints(options: BreakpointsOptions): Breakpoints;

package/createTheme/createBreakpoints.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = createBreakpoints;
 exports.breakpointKeys = void 0;
+exports.default = createBreakpoints;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/createTheme/createSpacing.d.ts

@@ -1,10 +1,10 @@
-export declare type SpacingOptions = number | Spacing | ((abs: number) => number | string) | ((abs: number | string) => number | string) | ReadonlyArray<string | number>;
-export declare type SpacingArgument = number | string;
-export interface Spacing {
-    (): string;
-    (value: number): string;
-    (topBottom: SpacingArgument, rightLeft: SpacingArgument): string;
-    (top: SpacingArgument, rightLeft: SpacingArgument, bottom: SpacingArgument): string;
-    (top: SpacingArgument, right: SpacingArgument, bottom: SpacingArgument, left: SpacingArgument): string;
-}
-export default function createSpacing(spacingInput?: SpacingOptions): Spacing;
+export declare type SpacingOptions = number | Spacing | ((abs: number) => number | string) | ((abs: number | string) => number | string) | ReadonlyArray<string | number>;
+export declare type SpacingArgument = number | string;
+export interface Spacing {
+    (): string;
+    (value: number): string;
+    (topBottom: SpacingArgument, rightLeft: SpacingArgument): string;
+    (top: SpacingArgument, rightLeft: SpacingArgument, bottom: SpacingArgument): string;
+    (top: SpacingArgument, right: SpacingArgument, bottom: SpacingArgument, left: SpacingArgument): string;
+}
+export default function createSpacing(spacingInput?: SpacingOptions): Spacing;

package/display.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.whiteSpace = exports.visibility = exports.textOverflow = exports.overflow = exports.displayRaw = exports.displayPrint = void 0;
+exports.whiteSpace = exports.visibility = exports.textOverflow = exports.overflow = exports.displayRaw = exports.displayPrint = exports.default = void 0;
 
 var _style = _interopRequireDefault(require("./style"));
 

package/esm/spacing.js

@@ -39,8 +39,8 @@ const getCssProperties = memoize(prop => {
   const direction = directions[b] || '';
   return Array.isArray(direction) ? direction.map(dir => property + dir) : [property + direction];
 });
-const marginKeys = ['m', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY'];
-const paddingKeys = ['p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY'];
+const marginKeys = ['m', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'marginInline', 'marginInlineStart', 'marginInlineEnd', 'marginBlock', 'marginBlockStart', 'marginBlockEnd'];
+const paddingKeys = ['p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd'];
 const spacingKeys = [...marginKeys, ...paddingKeys];
 export function createUnaryUnit(theme, themeKey, defaultValue, propName) {
   const themeSpacing = getPath(theme, themeKey) || defaultValue;

package/flexbox.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.justifySelf = exports.justifyItems = exports.alignSelf = exports.flexShrink = exports.flexGrow = exports.flex = exports.order = exports.alignContent = exports.alignItems = exports.justifyContent = exports.flexWrap = exports.flexDirection = exports.flexBasis = void 0;
+exports.order = exports.justifySelf = exports.justifyItems = exports.justifyContent = exports.flexWrap = exports.flexShrink = exports.flexGrow = exports.flexDirection = exports.flexBasis = exports.flex = exports.default = exports.alignSelf = exports.alignItems = exports.alignContent = void 0;
 
 var _style = _interopRequireDefault(require("./style"));
 

package/getThemeValue.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.propToStyleFunction = void 0;
+exports.propToStyleFunction = exports.default = void 0;
 
 var _borders = _interopRequireDefault(require("./borders"));
 

package/grid.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.gridArea = exports.gridTemplateAreas = exports.gridTemplateRows = exports.gridTemplateColumns = exports.gridAutoRows = exports.gridAutoColumns = exports.gridAutoFlow = exports.gridRow = exports.gridColumn = exports.rowGap = exports.columnGap = exports.gap = void 0;
+exports.rowGap = exports.gridTemplateRows = exports.gridTemplateColumns = exports.gridTemplateAreas = exports.gridRow = exports.gridColumn = exports.gridAutoRows = exports.gridAutoFlow = exports.gridAutoColumns = exports.gridArea = exports.gap = exports.default = exports.columnGap = void 0;
 
 var _style = _interopRequireDefault(require("./style"));
 

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0
+/** @license MUI v5.0.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -49,16 +49,10 @@ var _exportNames = {
   useThemeWithoutDefault: true,
   ThemeProvider: true
 };
-Object.defineProperty(exports, "css", {
-  enumerable: true,
-  get: function () {
-    return _styledEngine.css;
-  }
-});
-Object.defineProperty(exports, "keyframes", {
+Object.defineProperty(exports, "Box", {
   enumerable: true,
   get: function () {
-    return _styledEngine.keyframes;
+    return _Box.default;
   }
 });
 Object.defineProperty(exports, "GlobalStyles", {
@@ -73,6 +67,12 @@ Object.defineProperty(exports, "StyledEngineProvider", {
     return _styledEngine.StyledEngineProvider;
   }
 });
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.default;
+  }
+});
 Object.defineProperty(exports, "borders", {
   enumerable: true,
   get: function () {
@@ -85,172 +85,172 @@ Object.defineProperty(exports, "breakpoints", {
     return _breakpoints.default;
   }
 });
-Object.defineProperty(exports, "handleBreakpoints", {
+Object.defineProperty(exports, "compose", {
   enumerable: true,
   get: function () {
-    return _breakpoints.handleBreakpoints;
+    return _compose.default;
   }
 });
-Object.defineProperty(exports, "mergeBreakpointsInOrder", {
+Object.defineProperty(exports, "createBox", {
   enumerable: true,
   get: function () {
-    return _breakpoints.mergeBreakpointsInOrder;
+    return _createBox.default;
   }
 });
-Object.defineProperty(exports, "unstable_resolveBreakpointValues", {
+Object.defineProperty(exports, "createBreakpoints", {
   enumerable: true,
   get: function () {
-    return _breakpoints.resolveBreakpointValues;
+    return _createBreakpoints.default;
   }
 });
-Object.defineProperty(exports, "compose", {
+Object.defineProperty(exports, "createSpacing", {
   enumerable: true,
   get: function () {
-    return _compose.default;
+    return _createSpacing.default;
   }
 });
-Object.defineProperty(exports, "display", {
+Object.defineProperty(exports, "createStyled", {
   enumerable: true,
   get: function () {
-    return _display.default;
+    return _createStyled.default;
   }
 });
-Object.defineProperty(exports, "flexbox", {
+Object.defineProperty(exports, "createTheme", {
   enumerable: true,
   get: function () {
-    return _flexbox.default;
+    return _createTheme.default;
   }
 });
-Object.defineProperty(exports, "grid", {
+Object.defineProperty(exports, "css", {
   enumerable: true,
   get: function () {
-    return _grid.default;
+    return _styledEngine.css;
   }
 });
-Object.defineProperty(exports, "palette", {
+Object.defineProperty(exports, "display", {
   enumerable: true,
   get: function () {
-    return _palette.default;
+    return _display.default;
   }
 });
-Object.defineProperty(exports, "positions", {
+Object.defineProperty(exports, "flexbox", {
   enumerable: true,
   get: function () {
-    return _positions.default;
+    return _flexbox.default;
   }
 });
-Object.defineProperty(exports, "shadows", {
+Object.defineProperty(exports, "getPath", {
   enumerable: true,
   get: function () {
-    return _shadows.default;
+    return _style.getPath;
   }
 });
-Object.defineProperty(exports, "sizing", {
+Object.defineProperty(exports, "getThemeProps", {
   enumerable: true,
   get: function () {
-    return _sizing.default;
+    return _useThemeProps.getThemeProps;
   }
 });
-Object.defineProperty(exports, "spacing", {
+Object.defineProperty(exports, "grid", {
   enumerable: true,
   get: function () {
-    return _spacing.default;
+    return _grid.default;
   }
 });
-Object.defineProperty(exports, "style", {
+Object.defineProperty(exports, "handleBreakpoints", {
   enumerable: true,
   get: function () {
-    return _style.default;
+    return _breakpoints.handleBreakpoints;
   }
 });
-Object.defineProperty(exports, "getPath", {
+Object.defineProperty(exports, "keyframes", {
   enumerable: true,
   get: function () {
-    return _style.getPath;
+    return _styledEngine.keyframes;
   }
 });
-Object.defineProperty(exports, "typography", {
+Object.defineProperty(exports, "mergeBreakpointsInOrder", {
   enumerable: true,
   get: function () {
-    return _typography.default;
+    return _breakpoints.mergeBreakpointsInOrder;
   }
 });
-Object.defineProperty(exports, "unstable_styleFunctionSx", {
+Object.defineProperty(exports, "palette", {
   enumerable: true,
   get: function () {
-    return _styleFunctionSx.default;
+    return _palette.default;
   }
 });
-Object.defineProperty(exports, "unstable_extendSxProp", {
+Object.defineProperty(exports, "positions", {
   enumerable: true,
   get: function () {
-    return _styleFunctionSx.extendSxProp;
+    return _positions.default;
   }
 });
-Object.defineProperty(exports, "unstable_getThemeValue", {
+Object.defineProperty(exports, "shadows", {
   enumerable: true,
   get: function () {
-    return _getThemeValue.default;
+    return _shadows.default;
   }
 });
-Object.defineProperty(exports, "Box", {
+Object.defineProperty(exports, "shape", {
   enumerable: true,
   get: function () {
-    return _Box.default;
+    return _shape.default;
   }
 });
-Object.defineProperty(exports, "createBox", {
+Object.defineProperty(exports, "sizing", {
   enumerable: true,
   get: function () {
-    return _createBox.default;
+    return _sizing.default;
   }
 });
-Object.defineProperty(exports, "createStyled", {
+Object.defineProperty(exports, "spacing", {
   enumerable: true,
   get: function () {
-    return _createStyled.default;
+    return _spacing.default;
   }
 });
-Object.defineProperty(exports, "styled", {
+Object.defineProperty(exports, "style", {
   enumerable: true,
   get: function () {
-    return _styled.default;
+    return _style.default;
   }
 });
-Object.defineProperty(exports, "createTheme", {
+Object.defineProperty(exports, "styled", {
   enumerable: true,
   get: function () {
-    return _createTheme.default;
+    return _styled.default;
   }
 });
-Object.defineProperty(exports, "createBreakpoints", {
+Object.defineProperty(exports, "typography", {
   enumerable: true,
   get: function () {
-    return _createBreakpoints.default;
+    return _typography.default;
   }
 });
-Object.defineProperty(exports, "createSpacing", {
+Object.defineProperty(exports, "unstable_extendSxProp", {
   enumerable: true,
   get: function () {
-    return _createSpacing.default;
+    return _styleFunctionSx.extendSxProp;
   }
 });
-Object.defineProperty(exports, "shape", {
+Object.defineProperty(exports, "unstable_getThemeValue", {
   enumerable: true,
   get: function () {
-    return _shape.default;
+    return _getThemeValue.default;
   }
 });
-Object.defineProperty(exports, "useThemeProps", {
+Object.defineProperty(exports, "unstable_resolveBreakpointValues", {
   enumerable: true,
   get: function () {
-    return _useThemeProps.default;
+    return _breakpoints.resolveBreakpointValues;
   }
 });
-Object.defineProperty(exports, "getThemeProps", {
+Object.defineProperty(exports, "unstable_styleFunctionSx", {
   enumerable: true,
   get: function () {
-    return _useThemeProps.getThemeProps;
+    return _styleFunctionSx.default;
   }
 });
 Object.defineProperty(exports, "useTheme", {
@@ -259,16 +259,16 @@ Object.defineProperty(exports, "useTheme", {
     return _useTheme.default;
   }
 });
-Object.defineProperty(exports, "useThemeWithoutDefault", {
+Object.defineProperty(exports, "useThemeProps", {
   enumerable: true,
   get: function () {
-    return _useThemeWithoutDefault.default;
+    return _useThemeProps.default;
   }
 });
-Object.defineProperty(exports, "ThemeProvider", {
+Object.defineProperty(exports, "useThemeWithoutDefault", {
   enumerable: true,
   get: function () {
-    return _ThemeProvider.default;
+    return _useThemeWithoutDefault.default;
   }
 });
 

package/index.spec.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0
+/** @license MUI v5.0.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/spacing.js

@@ -46,8 +46,8 @@ var getCssProperties = memoize(function (prop) {
     return property + dir;
   }) : [property + direction];
 });
-var marginKeys = ['m', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY'];
-var paddingKeys = ['p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY'];
+var marginKeys = ['m', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'marginInline', 'marginInlineStart', 'marginInlineEnd', 'marginBlock', 'marginBlockStart', 'marginBlockEnd'];
+var paddingKeys = ['p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd'];
 var spacingKeys = [].concat(marginKeys, paddingKeys);
 export function createUnaryUnit(theme, themeKey, defaultValue, propName) {
   var themeSpacing = getPath(theme, themeKey) || defaultValue;

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0
+/** @license MUI v5.0.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/spacing.js

@@ -39,8 +39,8 @@ const getCssProperties = memoize(prop => {
   const direction = directions[b] || '';
   return Array.isArray(direction) ? direction.map(dir => property + dir) : [property + direction];
 });
-const marginKeys = ['m', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY'];
-const paddingKeys = ['p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY'];
+const marginKeys = ['m', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'marginInline', 'marginInlineStart', 'marginInlineEnd', 'marginBlock', 'marginBlockStart', 'marginBlockEnd'];
+const paddingKeys = ['p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd'];
 const spacingKeys = [...marginKeys, ...paddingKeys];
 export function createUnaryUnit(theme, themeKey, defaultValue, propName) {
   const themeSpacing = getPath(theme, themeKey) || defaultValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/system",
-  "version": "5.0.0",
+  "version": "5.0.4",
   "private": false,
   "author": "MUI Team",
   "description": "CSS utilities for rapidly laying out custom designs.",
@@ -43,13 +43,13 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.14.8",
-    "@mui/private-theming": "^5.0.0",
-    "@mui/styled-engine": "^5.0.0",
+    "@babel/runtime": "^7.15.4",
+    "@mui/private-theming": "^5.0.1",
+    "@mui/styled-engine": "^5.0.1",
     "@mui/types": "^7.0.0",
-    "@mui/utils": "^5.0.0",
+    "@mui/utils": "^5.0.1",
     "clsx": "^1.1.1",
-    "csstype": "^3.0.8",
+    "csstype": "^3.0.9",
     "prop-types": "^15.7.2"
   },
   "sideEffects": false,
@@ -59,6 +59,7 @@
   "engines": {
     "node": ">=12.0.0"
   },
+  "gitHead": "86443310e4344ae1ce6e04f084d58e17e4d62170",
   "module": "./esm/index.js",
   "types": "./index.d.ts"
 }

package/palette.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.backgroundColor = exports.bgcolor = exports.color = void 0;
+exports.default = exports.color = exports.bgcolor = exports.backgroundColor = void 0;
 
 var _style = _interopRequireDefault(require("./style"));
 

package/positions.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.left = exports.bottom = exports.right = exports.top = exports.zIndex = exports.position = void 0;
+exports.zIndex = exports.top = exports.right = exports.position = exports.left = exports.default = exports.bottom = void 0;
 
 var _style = _interopRequireDefault(require("./style"));
 

package/sizing.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.boxSizing = exports.sizeHeight = exports.sizeWidth = exports.minHeight = exports.maxHeight = exports.height = exports.minWidth = exports.maxWidth = exports.width = void 0;
+exports.width = exports.sizeWidth = exports.sizeHeight = exports.minWidth = exports.minHeight = exports.maxWidth = exports.maxHeight = exports.height = exports.default = exports.boxSizing = void 0;
 
 var _style = _interopRequireDefault(require("./style"));
 

package/spacing.d.ts

@@ -25,6 +25,12 @@ export const margin: SimpleStyleFunction<
   | 'marginLeft'
   | 'marginX'
   | 'marginY'
+  | 'marginInline'
+  | 'marginInlineStart'
+  | 'marginInlineEnd'
+  | 'marginBlock'
+  | 'marginBlockStart'
+  | 'marginBlockEnd'
 >;
 
 export type MarginProps = PropsFor<typeof margin>;
@@ -44,6 +50,12 @@ export const padding: SimpleStyleFunction<
   | 'paddingLeft'
   | 'paddingX'
   | 'paddingY'
+  | 'paddingInline'
+  | 'paddingInlineStart'
+  | 'paddingInlineEnd'
+  | 'paddingBlock'
+  | 'paddingBlockStart'
+  | 'paddingBlockEnd'
 >;
 
 export type PaddingProps = PropsFor<typeof padding>;

package/spacing.js

@@ -5,13 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createUnaryUnit = createUnaryUnit;
 exports.createUnarySpacing = createUnarySpacing;
-exports.getValue = getValue;
+exports.createUnaryUnit = createUnaryUnit;
+exports.default = void 0;
 exports.getStyleFromPropValue = getStyleFromPropValue;
+exports.getValue = getValue;
 exports.margin = margin;
 exports.padding = padding;
-exports.default = void 0;
 
 var _responsivePropType = _interopRequireDefault(require("./responsivePropType"));
 
@@ -59,8 +59,8 @@ const getCssProperties = (0, _memoize.default)(prop => {
   const direction = directions[b] || '';
   return Array.isArray(direction) ? direction.map(dir => property + dir) : [property + direction];
 });
-const marginKeys = ['m', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY'];
-const paddingKeys = ['p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY'];
+const marginKeys = ['m', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'marginInline', 'marginInlineStart', 'marginInlineEnd', 'marginBlock', 'marginBlockStart', 'marginBlockEnd'];
+const paddingKeys = ['p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd'];
 const spacingKeys = [...marginKeys, ...paddingKeys];
 
 function createUnaryUnit(theme, themeKey, defaultValue, propName) {

package/style.d.ts

@@ -12,4 +12,4 @@ export interface StyleOptions<PropKey> {
 }
 export function style<PropKey extends string, Theme extends object>(
   options: StyleOptions<PropKey>,
-): StyleFunction<{ [K in PropKey]?: unknown } & { theme: Theme }>;
+): StyleFunction<{ [K in PropKey]?: unknown } & { theme?: Theme }>;

package/style.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPath = getPath;
 exports.default = void 0;
+exports.getPath = getPath;
 
 var _utils = require("@mui/utils");
 

package/styleFunctionSx/styleFunctionSx.d.ts

@@ -14,14 +14,14 @@ export type ResponsiveStyleValue<T> = T | Array<T | null> | { [key: string]: T |
  * Map of all CSS pseudo selectors (`:hover`, `:focus`, ...).
  */
 export type CSSPseudoSelectorProps<Theme extends object = {}> = {
-  [K in CSS.Pseudos]?: SystemStyleObject<Theme>;
+  [K in CSS.Pseudos]?: ((theme: Theme) => SystemStyleObject<Theme>) | SystemStyleObject<Theme>;
 };
 
 /**
  * Map all nested selectors.
  */
 export interface CSSSelectorObject<Theme extends object = {}> {
-  [cssSelector: string]: SystemStyleObject<Theme>;
+  [cssSelector: string]: ((theme: Theme) => SystemStyleObject<Theme>) | SystemStyleObject<Theme>;
 }
 
 /**

package/typography.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.typographyVariant = exports.textAlign = exports.lineHeight = exports.letterSpacing = exports.fontWeight = exports.fontStyle = exports.fontSize = exports.fontFamily = void 0;
+exports.typographyVariant = exports.textAlign = exports.lineHeight = exports.letterSpacing = exports.fontWeight = exports.fontStyle = exports.fontSize = exports.fontFamily = exports.default = void 0;
 
 var _style = _interopRequireDefault(require("./style"));
 

package/useTheme.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.systemDefaultTheme = void 0;
+exports.systemDefaultTheme = exports.default = void 0;
 
 var _createTheme = _interopRequireDefault(require("./createTheme"));