@mui/material 5.14.8 → 5.14.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/AlertTitle/AlertTitle.d.ts +1 -0
  2. package/Avatar/Avatar.js +1 -1
  3. package/Breadcrumbs/Breadcrumbs.d.ts +1 -0
  4. package/Button/Button.js +4 -1
  5. package/ButtonGroup/ButtonGroup.js +86 -54
  6. package/ButtonGroup/ButtonGroupButtonContext.d.ts +6 -0
  7. package/ButtonGroup/ButtonGroupButtonContext.js +9 -0
  8. package/ButtonGroup/buttonGroupClasses.d.ts +6 -0
  9. package/ButtonGroup/buttonGroupClasses.js +1 -1
  10. package/CHANGELOG.md +179 -19
  11. package/Chip/Chip.js +2 -0
  12. package/DialogTitle/DialogTitle.d.ts +1 -0
  13. package/ListSubheader/listSubheaderClasses.js +1 -1
  14. package/Modal/Modal.js +1 -1
  15. package/README.md +9 -198
  16. package/Slider/Slider.js +9 -86
  17. package/TablePagination/TablePagination.d.ts +1 -0
  18. package/Tabs/Tabs.d.ts +1 -1
  19. package/Tabs/Tabs.js +2 -5
  20. package/index.js +1 -1
  21. package/legacy/Avatar/Avatar.js +1 -1
  22. package/legacy/Button/Button.js +4 -1
  23. package/legacy/ButtonGroup/ButtonGroup.js +81 -56
  24. package/legacy/ButtonGroup/ButtonGroupButtonContext.js +9 -0
  25. package/legacy/ButtonGroup/buttonGroupClasses.js +1 -1
  26. package/legacy/Chip/Chip.js +2 -0
  27. package/legacy/ListSubheader/listSubheaderClasses.js +1 -1
  28. package/legacy/Modal/Modal.js +3 -1
  29. package/legacy/Slider/Slider.js +9 -86
  30. package/legacy/Tabs/Tabs.js +2 -5
  31. package/legacy/index.js +1 -1
  32. package/legacy/useTouchRipple/useTouchRipple.js +4 -4
  33. package/modern/Avatar/Avatar.js +1 -1
  34. package/modern/Button/Button.js +4 -1
  35. package/modern/ButtonGroup/ButtonGroup.js +86 -54
  36. package/modern/ButtonGroup/ButtonGroupButtonContext.js +9 -0
  37. package/modern/ButtonGroup/buttonGroupClasses.js +1 -1
  38. package/modern/Chip/Chip.js +2 -0
  39. package/modern/ListSubheader/listSubheaderClasses.js +1 -1
  40. package/modern/Modal/Modal.js +1 -1
  41. package/modern/Slider/Slider.js +9 -86
  42. package/modern/Tabs/Tabs.js +2 -5
  43. package/modern/index.js +1 -1
  44. package/node/Avatar/Avatar.js +1 -1
  45. package/node/Button/Button.js +4 -1
  46. package/node/ButtonGroup/ButtonGroup.js +86 -54
  47. package/node/ButtonGroup/ButtonGroupButtonContext.js +18 -0
  48. package/node/ButtonGroup/buttonGroupClasses.js +1 -1
  49. package/node/Chip/Chip.js +2 -0
  50. package/node/ListSubheader/listSubheaderClasses.js +2 -2
  51. package/node/Modal/Modal.js +1 -1
  52. package/node/Slider/Slider.js +3 -73
  53. package/node/Tabs/Tabs.js +2 -5
  54. package/node/index.js +1 -1
  55. package/node/useTouchRipple/useTouchRipple.js +4 -4
  56. package/package.json +16 -16
  57. package/umd/material-ui.development.js +215 -235
  58. package/umd/material-ui.production.min.js +18 -18
  59. package/useTouchRipple/useTouchRipple.js +4 -4
package/Modal/Modal.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
4
4
  import _extends from "@babel/runtime/helpers/esm/extends";
5
- const _excluded = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "open", "slotProps", "slots", "theme"];
5
+ const _excluded = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"];
6
6
  import * as React from 'react';
7
7
  import PropTypes from 'prop-types';
8
8
  import clsx from 'clsx';
package/README.md CHANGED
@@ -1,195 +1,38 @@
1
1
  <!-- markdownlint-disable-next-line -->
2
2
  <p align="center">
3
- <a href="https://mui.com/" rel="noopener" target="_blank"><img width="150" src="/docs/public/static/logo.svg" alt="MUI logo"></a>
3
+ <a href="https://mui.com/material-ui/" rel="noopener" target="_blank"><img width="150" height="133" src="https://mui.com/static/logo.svg" alt="Material UI logo"></a>
4
4
  </p>
5
5
 
6
- <h1 align="center">MUI Core</h1>
6
+ <h1 align="center">Material UI</h1>
7
7
 
8
- **MUI Core** contains foundational React UI component libraries for shipping new features faster.
9
-
10
- - [_Material UI_](https://mui.com/material-ui/getting-started/) is a comprehensive library of components that features our implementation of Google's [Material Design](https://m2.material.io/design/introduction/) system.
11
-
12
- - [_Joy UI_](https://mui.com/joy-ui/getting-started/) is a beautifully designed library of React UI components.
13
-
14
- - [_Base UI_](https://mui.com/base-ui/getting-started/) is our library of "unstyled" components and low-level hooks. With Base, you gain complete control over your app's CSS and accessibility features.
15
-
16
- - [_MUI System_](https://mui.com/system/getting-started/) is a collection of CSS utilities to help you rapidly lay out custom designs.
17
-
18
- <div align="center">
19
-
20
- **[Stable channel v5](https://mui.com/)**
21
-
22
- [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/mui/material-ui/blob/HEAD/LICENSE)
23
- [![npm latest package](https://img.shields.io/npm/v/@mui/material/latest.svg)](https://www.npmjs.com/package/@mui/material)
24
- [![npm next package](https://img.shields.io/npm/v/@mui/material/next.svg)](https://www.npmjs.com/package/@mui/material)
25
- [![npm downloads](https://img.shields.io/npm/dm/@mui/material.svg)](https://www.npmjs.com/package/@mui/material)
26
- [![CircleCI](https://circleci.com/gh/mui/material-ui/tree/master.svg?style=shield)](https://app.circleci.com/pipelines/github/mui/material-ui?branch=master)
27
- [![Coverage Status](https://img.shields.io/codecov/c/github/mui/material-ui/master.svg)](https://codecov.io/gh/mui/material-ui/branch/master)
28
- [![Follow on Twitter](https://img.shields.io/twitter/follow/MUI_hq.svg?label=follow+MUI)](https://twitter.com/MUI_hq)
29
- [![Renovate status](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://github.com/mui/material-ui/issues/27062)
30
- [![Average time to resolve an issue](https://isitmaintained.com/badge/resolution/mui/material-ui.svg)](https://isitmaintained.com/project/mui/material-ui 'Average time to resolve an issue')
31
- [![Open Collective backers and sponsors](https://img.shields.io/opencollective/all/mui)](https://opencollective.com/mui)
32
- [![CII Best Practices](https://bestpractices.coreinfrastructure.org/projects/1320/badge)](https://bestpractices.coreinfrastructure.org/projects/1320)
33
-
34
- </div>
8
+ Material UI is a comprehensive library of components that features our implementation of Google's [Material Design](https://m2.material.io/design/introduction/) system.
35
9
 
36
10
  ## Installation
37
11
 
38
- ### Material UI
39
-
40
- Material UI is available as an [npm package](https://www.npmjs.com/package/@mui/material).
41
-
42
- **npm:**
12
+ Install the package in your project directory with:
43
13
 
44
14
  ```bash
45
15
  npm install @mui/material @emotion/react @emotion/styled
46
16
  ```
47
17
 
48
- **yarn:**
49
-
50
- ```bash
51
- yarn add @mui/material @emotion/react @emotion/styled
52
- ```
53
-
54
- <details>
55
- <summary>Older versions</summary>
56
-
57
- - **[v4.x](https://v4.mui.com/)** ([Migration from v4 to v5](https://mui.com/material-ui/migration/migration-v4/))
58
- - **[v3.x](https://v3.mui.com/)** ([Migration from v3 to v4](https://mui.com/material-ui/migration/migration-v3/))
59
- - **[v0.x](https://v0.mui.com/)** ([Migration to v1](https://mui.com/material-ui/migration/migration-v0x/))
60
-
61
- </details>
62
-
63
- **Note:** `@next` only points to pre-releases.
64
- Use `@latest` for the latest stable release.
65
-
66
- ### Base UI
67
-
68
- Base UI is available as an [npm package](https://www.npmjs.com/package/@mui/base).
69
-
70
- **npm:**
71
-
72
- ```bash
73
- npm install @mui/base
74
- ```
75
-
76
- **yarn:**
77
-
78
- ```bash
79
- yarn add @mui/base
80
- ```
81
-
82
- **Note**: Base UI is still in beta.
83
- We are adding new components regularly and you're welcome to contribute!
84
-
85
- ### MUI System
86
-
87
- MUI System is available as an [npm package](https://www.npmjs.com/package/@mui/system).
88
-
89
- **npm:**
90
-
91
- ```bash
92
- npm install @mui/system @emotion/react @emotion/styled
93
- ```
94
-
95
- **yarn:**
96
-
97
- ```bash
98
- yarn add @mui/system @emotion/react @emotion/styled
99
- ```
100
-
101
- Or if you want to use `styled-components` as a styling engine:
102
-
103
- **npm:**
104
-
105
- ```bash
106
- npm install @mui/material @mui/styled-engine-sc styled-components
107
- ```
108
-
109
- **yarn:**
110
-
111
- ```bash
112
- yarn add @mui/material @mui/styled-engine-sc styled-components
113
- ```
114
-
115
- Visit our [`styled-engine` guide](https://mui.com/material-ui/guides/styled-engine/) for more information about how to configure `styled-components` as the style engine.
116
-
117
- ## Sponsors
118
-
119
- ### Diamond 💎
120
-
121
- <p>
122
- <a href="https://octopus.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="128" width="128" src="https://i.ibb.co/w0HF0Nz/Logo-Blue-140px-rgb.png" alt="octopus" title="Repeatable, reliable deployments" loading="lazy" /></a>
123
- <a href="https://www.doit.com/flexsave/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="128" width="128" src="https://avatars.githubusercontent.com/u/8424863?s=256" alt="doit" title="Management Platform for Google Cloud and AWS" loading="lazy" /></a>
124
- </p>
125
-
126
- Diamond Sponsors are those who have pledged \$1,500/month or more to MUI.
127
-
128
- ### Gold 🏆
129
-
130
- via [Open Collective](https://opencollective.com/mui) or via [Patreon](https://www.patreon.com/oliviertassinari)
131
-
132
- <p>
133
- <a href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://avatars.githubusercontent.com/u/30204434?s=192" alt="tidelift.com" title="Enterprise-ready open-source software" loading="lazy" /></a>
134
- <a href="https://www.text-em-all.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img src="https://avatars.githubusercontent.com/u/1262264?s=192" alt="text-em-all.com" title="Mass Text Messaging & Automated Calling" height="96" width="96" loading="lazy"></a>
135
- <a href="https://open.spotify.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/spotify/f37ea28/logo/192.png" alt="Spotify" title="Music service to access to millions of songs" loading="lazy" /></a>
136
- <a href="https://megafamous.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://mui.com/static/sponsors/megafamous.png" alt="megafamous.com" title="The best place to buy Instagram followers & likes." loading="lazy" /></a>
137
- <a href="https://www.dialmycalls.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/dialmycalls/f5ae9ab/avatar/192.png" alt="dialmycalls.com" title="Send text messages, calls & emails to thousands with ease." loading="lazy" /></a>
138
- <a href="https://goread.io/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/goread_io/eb6337d/logo/192.png" alt="goread.io" title="Instagram followers, likes, power likes, views, comments, saves in minutes." loading="lazy" /></a>
139
- <a href="https://icons8.com?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/icons8/7fa1641/logo/192.png" alt="Icons8" title="We provide the neat icons, photos, illustrations, and music. Developers, use our API to insert all the content we have into your apps." loading="lazy"></a>
140
- <a href="https://ipinfo.ai?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/ipinfoai/04f41d5/logo/192.png" alt="ipinfo.ai" title="We offer various IP data API services, including IP Geolocation Data, ASN Data, Company Data, IP Ranges Data, Abuse Contacts Data, Anonymous Browsing Detection, etc." loading="lazy"></a>
141
- </p>
142
-
143
- Gold Sponsors are those who have pledged \$500/month or more to MUI.
144
-
145
- ### More backers
146
-
147
- See the full list of [our backers](https://mui.com/material-ui/discover-more/backers/).
148
-
149
- ## Getting started with Material UI
150
-
151
- Here is an example of a basic app using Material UI's `Button` component:
152
-
153
- ```jsx
154
- import * as React from 'react';
155
- import Button from '@mui/material/Button';
156
-
157
- function App() {
158
- return <Button variant="contained">Hello World</Button>;
159
- }
160
- ```
161
-
162
- In the interactive demo below, try changing the code and see how it affects the output.
163
- (Hint: change `variant` to `"outlined"` and `color` to `"secondary"`.
164
- For more options, see the [`Button` component page](https://mui.com/material-ui/react-button/) in our docs.)
18
+ ## Documentation
165
19
 
166
- [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/material-ui-u9sy1h)
20
+ Visit [https://mui.com/material-ui/](https://mui.com/material-ui/) to view the full documentation.
167
21
 
168
22
  ## Questions
169
23
 
170
- For how-to questions that don't involve making changes to the code base, please use [Stack Overflow](https://stackoverflow.com/questions/tagged/material-ui) instead of GitHub issues.
171
- Use the "mui" tag on Stack Overflow to make it easier for the community to find your question.
24
+ For how-to questions that don't involve making changes to the code base, please use [Stack Overflow](https://stackoverflow.com/questions/tagged/material-ui) instead of GitHub issues.
25
+ Use the "material-ui" tag on Stack Overflow to make it easier for the community to find your question.
172
26
 
173
27
  ## Examples
174
28
 
175
29
  Our documentation features [a collection of example projects using Material UI](https://mui.com/material-ui/getting-started/example-projects/).
176
30
 
177
- ## Documentation
178
-
179
- - [Material UI](https://mui.com/material-ui/getting-started/)
180
- - [Joy UI](https://mui.com/joy-ui/getting-started/)
181
- - [Base UI](https://mui.com/base-ui/getting-started/)
182
- - [MUI System](https://mui.com/system/getting-started/)
183
-
184
- ## Premium themes
185
-
186
- You can find complete templates and themes in the [MUI Store](https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=readme-store).
187
-
188
31
  ## Contributing
189
32
 
190
33
  Read the [contributing guide](/CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.
191
34
 
192
- Contributing to MUI Core is about more than just issues and pull requests!
35
+ Contributing to Material UI is about more than just issues and pull requests!
193
36
  There are many other ways to [support MUI](https://mui.com/material-ui/getting-started/faq/#mui-is-awesome-how-can-i-support-the-project) beyond contributing to the code base.
194
37
 
195
38
  ## Changelog
@@ -208,35 +51,3 @@ This project is licensed under the terms of the
208
51
  ## Security
209
52
 
210
53
  For details of supported versions and contact details for reporting security issues, please refer to the [security policy](https://github.com/mui/material-ui/security/policy).
211
-
212
- ## Sponsoring services
213
-
214
- These great services sponsor MUI's core infrastructure:
215
-
216
- <picture>
217
- <source media="(prefers-color-scheme: dark)" srcset="/docs/public/static/readme/github-darkmode.svg">
218
- <source media="(prefers-color-scheme: light)" srcset="/docs/public/static/readme/github-lightmode.svg">
219
- <img alt="GitHub logo" src="/docs/public/static/readme/github-lightmode.svg" width="80" height="43">
220
- </picture>
221
-
222
- [GitHub](https://github.com/) lets us host the Git repository and coordinate contributions.
223
-
224
- <picture>
225
- <source media="(prefers-color-scheme: dark)" srcset="/docs/public/static/readme/netlify-darkmode.svg">
226
- <source media="(prefers-color-scheme: light)" srcset="/docs/public/static/readme/netlify-lightmode.svg">
227
- <img alt="Netlify logo" src="/docs/public/static/readme/netlify-lightmode.svg" width="100" height="27" style="margin-top: 1rem;">
228
- </picture>
229
-
230
- [Netlify](https://www.netlify.com/) lets us distribute the documentation.
231
-
232
- <picture>
233
- <source media="(prefers-color-scheme: dark)" srcset="/docs/public/static/readme/browserstack-darkmode.svg">
234
- <source media="(prefers-color-scheme: light)" srcset="/docs/public/static/readme/browserstack-lightmode.svg">
235
- <img alt="BrowserStack logo" src="/docs/public/static/readme/browserstack-lightmode.svg" width="140" height="25" style="margin-top: 1rem;">
236
- </picture>
237
-
238
- [BrowserStack](https://www.browserstack.com/) lets us test in real browsers.
239
-
240
- <img loading="lazy" alt="CodeCov logo" src="https://avatars.githubusercontent.com/u/8226205?s=70" width="35" height="35" style="margin-top: 1rem;">
241
-
242
- [CodeCov](https://about.codecov.io/) lets us monitor test coverage.
package/Slider/Slider.js CHANGED
@@ -15,14 +15,14 @@ import styled, { slotShouldForwardProp } from '../styles/styled';
15
15
  import useTheme from '../styles/useTheme';
16
16
  import shouldSpreadAdditionalProps from '../utils/shouldSpreadAdditionalProps';
17
17
  import capitalize from '../utils/capitalize';
18
- import SliderValueLabel from './SliderValueLabel';
18
+ import BaseSliderValueLabel from './SliderValueLabel';
19
19
  import sliderClasses, { getSliderUtilityClass } from './sliderClasses';
20
20
  import { jsx as _jsx } from "react/jsx-runtime";
21
21
  import { jsxs as _jsxs } from "react/jsx-runtime";
22
22
  function Identity(x) {
23
23
  return x;
24
24
  }
25
- const SliderRoot = styled('span', {
25
+ export const SliderRoot = styled('span', {
26
26
  name: 'MuiSlider',
27
27
  slot: 'Root',
28
28
  overridesResolver: (props, styles) => {
@@ -84,18 +84,7 @@ const SliderRoot = styled('span', {
84
84
  }
85
85
  }
86
86
  }));
87
- process.env.NODE_ENV !== "production" ? SliderRoot.propTypes /* remove-proptypes */ = {
88
- // ----------------------------- Warning --------------------------------
89
- // | These PropTypes are generated from the TypeScript type definitions |
90
- // | To update them edit the d.ts file and run "yarn proptypes" |
91
- // ----------------------------------------------------------------------
92
- /**
93
- * @ignore
94
- */
95
- children: PropTypes.node
96
- } : void 0;
97
- export { SliderRoot };
98
- const SliderRail = styled('span', {
87
+ export const SliderRail = styled('span', {
99
88
  name: 'MuiSlider',
100
89
  slot: 'Rail',
101
90
  overridesResolver: (props, styles) => styles.rail
@@ -120,18 +109,7 @@ const SliderRail = styled('span', {
120
109
  }, ownerState.track === 'inverted' && {
121
110
  opacity: 1
122
111
  }));
123
- process.env.NODE_ENV !== "production" ? SliderRail.propTypes /* remove-proptypes */ = {
124
- // ----------------------------- Warning --------------------------------
125
- // | These PropTypes are generated from the TypeScript type definitions |
126
- // | To update them edit the d.ts file and run "yarn proptypes" |
127
- // ----------------------------------------------------------------------
128
- /**
129
- * @ignore
130
- */
131
- children: PropTypes.node
132
- } : void 0;
133
- export { SliderRail };
134
- const SliderTrack = styled('span', {
112
+ export const SliderTrack = styled('span', {
135
113
  name: 'MuiSlider',
136
114
  slot: 'Track',
137
115
  overridesResolver: (props, styles) => styles.track
@@ -168,18 +146,7 @@ const SliderTrack = styled('span', {
168
146
  borderColor: theme.vars ? theme.vars.palette.Slider[`${ownerState.color}Track`] : color
169
147
  });
170
148
  });
171
- process.env.NODE_ENV !== "production" ? SliderTrack.propTypes /* remove-proptypes */ = {
172
- // ----------------------------- Warning --------------------------------
173
- // | These PropTypes are generated from the TypeScript type definitions |
174
- // | To update them edit the d.ts file and run "yarn proptypes" |
175
- // ----------------------------------------------------------------------
176
- /**
177
- * @ignore
178
- */
179
- children: PropTypes.node
180
- } : void 0;
181
- export { SliderTrack };
182
- const SliderThumb = styled('span', {
149
+ export const SliderThumb = styled('span', {
183
150
  name: 'MuiSlider',
184
151
  slot: 'Thumb',
185
152
  overridesResolver: (props, styles) => {
@@ -251,18 +218,7 @@ const SliderThumb = styled('span', {
251
218
  }
252
219
  }
253
220
  }));
254
- process.env.NODE_ENV !== "production" ? SliderThumb.propTypes /* remove-proptypes */ = {
255
- // ----------------------------- Warning --------------------------------
256
- // | These PropTypes are generated from the TypeScript type definitions |
257
- // | To update them edit the d.ts file and run "yarn proptypes" |
258
- // ----------------------------------------------------------------------
259
- /**
260
- * @ignore
261
- */
262
- children: PropTypes.node
263
- } : void 0;
264
- export { SliderThumb };
265
- const StyledSliderValueLabel = styled(SliderValueLabel, {
221
+ export const SliderValueLabel = styled(BaseSliderValueLabel, {
266
222
  name: 'MuiSlider',
267
223
  slot: 'ValueLabel',
268
224
  overridesResolver: (props, styles) => styles.valueLabel
@@ -320,18 +276,7 @@ const StyledSliderValueLabel = styled(SliderValueLabel, {
320
276
  fontSize: theme.typography.pxToRem(12),
321
277
  padding: '0.25rem 0.5rem'
322
278
  }));
323
- process.env.NODE_ENV !== "production" ? StyledSliderValueLabel.propTypes /* remove-proptypes */ = {
324
- // ----------------------------- Warning --------------------------------
325
- // | These PropTypes are generated from the TypeScript type definitions |
326
- // | To update them edit the d.ts file and run "yarn proptypes" |
327
- // ----------------------------------------------------------------------
328
- /**
329
- * @ignore
330
- */
331
- children: PropTypes.node
332
- } : void 0;
333
- export { StyledSliderValueLabel as SliderValueLabel };
334
- const SliderMark = styled('span', {
279
+ export const SliderMark = styled('span', {
335
280
  name: 'MuiSlider',
336
281
  slot: 'Mark',
337
282
  shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'markActive',
@@ -361,18 +306,7 @@ const SliderMark = styled('span', {
361
306
  backgroundColor: (theme.vars || theme).palette.background.paper,
362
307
  opacity: 0.8
363
308
  }));
364
- process.env.NODE_ENV !== "production" ? SliderMark.propTypes /* remove-proptypes */ = {
365
- // ----------------------------- Warning --------------------------------
366
- // | These PropTypes are generated from the TypeScript type definitions |
367
- // | To update them edit the d.ts file and run "yarn proptypes" |
368
- // ----------------------------------------------------------------------
369
- /**
370
- * @ignore
371
- */
372
- children: PropTypes.node
373
- } : void 0;
374
- export { SliderMark };
375
- const SliderMarkLabel = styled('span', {
309
+ export const SliderMarkLabel = styled('span', {
376
310
  name: 'MuiSlider',
377
311
  slot: 'MarkLabel',
378
312
  shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'markLabelActive',
@@ -400,17 +334,6 @@ const SliderMarkLabel = styled('span', {
400
334
  }, markLabelActive && {
401
335
  color: (theme.vars || theme).palette.text.primary
402
336
  }));
403
- process.env.NODE_ENV !== "production" ? SliderMarkLabel.propTypes /* remove-proptypes */ = {
404
- // ----------------------------- Warning --------------------------------
405
- // | These PropTypes are generated from the TypeScript type definitions |
406
- // | To update them edit the d.ts file and run "yarn proptypes" |
407
- // ----------------------------------------------------------------------
408
- /**
409
- * @ignore
410
- */
411
- children: PropTypes.node
412
- } : void 0;
413
- export { SliderMarkLabel };
414
337
  const useUtilityClasses = ownerState => {
415
338
  const {
416
339
  disabled,
@@ -524,7 +447,7 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
524
447
  const RailSlot = (_ref2 = (_slots$rail = slots == null ? void 0 : slots.rail) != null ? _slots$rail : components.Rail) != null ? _ref2 : SliderRail;
525
448
  const TrackSlot = (_ref3 = (_slots$track = slots == null ? void 0 : slots.track) != null ? _slots$track : components.Track) != null ? _ref3 : SliderTrack;
526
449
  const ThumbSlot = (_ref4 = (_slots$thumb = slots == null ? void 0 : slots.thumb) != null ? _slots$thumb : components.Thumb) != null ? _ref4 : SliderThumb;
527
- const ValueLabelSlot = (_ref5 = (_slots$valueLabel = slots == null ? void 0 : slots.valueLabel) != null ? _slots$valueLabel : components.ValueLabel) != null ? _ref5 : StyledSliderValueLabel;
450
+ const ValueLabelSlot = (_ref5 = (_slots$valueLabel = slots == null ? void 0 : slots.valueLabel) != null ? _slots$valueLabel : components.ValueLabel) != null ? _ref5 : SliderValueLabel;
528
451
  const MarkSlot = (_ref6 = (_slots$mark = slots == null ? void 0 : slots.mark) != null ? _slots$mark : components.Mark) != null ? _ref6 : SliderMark;
529
452
  const MarkLabelSlot = (_ref7 = (_slots$markLabel = slots == null ? void 0 : slots.markLabel) != null ? _slots$markLabel : components.MarkLabel) != null ? _ref7 : SliderMarkLabel;
530
453
  const InputSlot = (_ref8 = (_slots$input = slots == null ? void 0 : slots.input) != null ? _slots$input : components.Input) != null ? _ref8 : 'input';
@@ -135,6 +135,7 @@ export interface TablePaginationTypeMap<AdditionalProps, RootComponent extends R
135
135
  *
136
136
  * Demos:
137
137
  *
138
+ * - [Pagination](https://mui.com/material-ui/react-pagination/)
138
139
  * - [Table](https://mui.com/material-ui/react-table/)
139
140
  *
140
141
  * API:
package/Tabs/Tabs.d.ts CHANGED
@@ -155,7 +155,7 @@ export interface TabsOwnProps {
155
155
  *
156
156
  * - `scrollable` will invoke scrolling properties and allow for horizontally
157
157
  * scrolling (or swiping) of the tab bar.
158
- * -`fullWidth` will make the tabs grow to use all the available space,
158
+ * - `fullWidth` will make the tabs grow to use all the available space,
159
159
  * which should be used for small views, like on mobile.
160
160
  * - `standard` will render the default state.
161
161
  * @default 'standard'
package/Tabs/Tabs.js CHANGED
@@ -190,10 +190,7 @@ const TabsIndicator = styled('span', {
190
190
  width: 2,
191
191
  right: 0
192
192
  }));
193
- const TabsScrollbarSize = styled(ScrollbarSize, {
194
- name: 'MuiTabs',
195
- slot: 'ScrollbarSize'
196
- })({
193
+ const TabsScrollbarSize = styled(ScrollbarSize)({
197
194
  overflowX: 'auto',
198
195
  overflowY: 'hidden',
199
196
  // Hide dimensionless scrollbar on macOS
@@ -801,7 +798,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ =
801
798
  *
802
799
  * - `scrollable` will invoke scrolling properties and allow for horizontally
803
800
  * scrolling (or swiping) of the tab bar.
804
- * -`fullWidth` will make the tabs grow to use all the available space,
801
+ * - `fullWidth` will make the tabs grow to use all the available space,
805
802
  * which should be used for small views, like on mobile.
806
803
  * - `standard` will render the default state.
807
804
  * @default 'standard'
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/material v5.14.8
2
+ * @mui/material v5.14.10
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -159,8 +159,8 @@ var Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
159
159
  if (hasImgNotFailing) {
160
160
  children = /*#__PURE__*/_jsx(AvatarImg, _extends({
161
161
  alt: alt,
162
- src: src,
163
162
  srcSet: srcSet,
163
+ src: src,
164
164
  sizes: sizes,
165
165
  ownerState: ownerState,
166
166
  className: classes.img
@@ -15,6 +15,7 @@ import ButtonBase from '../ButtonBase';
15
15
  import capitalize from '../utils/capitalize';
16
16
  import buttonClasses, { getButtonUtilityClass } from './buttonClasses';
17
17
  import ButtonGroupContext from '../ButtonGroup/ButtonGroupContext';
18
+ import ButtonGroupButtonContext from '../ButtonGroup/ButtonGroupButtonContext';
18
19
  import { jsx as _jsx } from "react/jsx-runtime";
19
20
  import { jsxs as _jsxs } from "react/jsx-runtime";
20
21
  var useUtilityClasses = function useUtilityClasses(ownerState) {
@@ -215,6 +216,7 @@ var ButtonEndIcon = styled('span', {
215
216
  var Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
216
217
  // props priority: `inProps` > `contextProps` > `themeDefaultProps`
217
218
  var contextProps = React.useContext(ButtonGroupContext);
219
+ var buttonGroupButtonContextPositionClassName = React.useContext(ButtonGroupButtonContext);
218
220
  var resolvedProps = resolveProps(contextProps, inProps);
219
221
  var props = useThemeProps({
220
222
  props: resolvedProps,
@@ -265,9 +267,10 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
265
267
  ownerState: ownerState,
266
268
  children: endIconProp
267
269
  });
270
+ var positionClassName = buttonGroupButtonContextPositionClassName || '';
268
271
  return /*#__PURE__*/_jsxs(ButtonRoot, _extends({
269
272
  ownerState: ownerState,
270
- className: clsx(contextProps.className, classes.root, className),
273
+ className: clsx(contextProps.className, classes.root, className, positionClassName),
271
274
  component: component,
272
275
  disabled: disabled,
273
276
  focusRipple: !disableFocusRipple,