@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.
- package/AlertTitle/AlertTitle.d.ts +1 -0
- package/Avatar/Avatar.js +1 -1
- package/Breadcrumbs/Breadcrumbs.d.ts +1 -0
- package/Button/Button.js +4 -1
- package/ButtonGroup/ButtonGroup.js +86 -54
- package/ButtonGroup/ButtonGroupButtonContext.d.ts +6 -0
- package/ButtonGroup/ButtonGroupButtonContext.js +9 -0
- package/ButtonGroup/buttonGroupClasses.d.ts +6 -0
- package/ButtonGroup/buttonGroupClasses.js +1 -1
- package/CHANGELOG.md +179 -19
- package/Chip/Chip.js +2 -0
- package/DialogTitle/DialogTitle.d.ts +1 -0
- package/ListSubheader/listSubheaderClasses.js +1 -1
- package/Modal/Modal.js +1 -1
- package/README.md +9 -198
- package/Slider/Slider.js +9 -86
- package/TablePagination/TablePagination.d.ts +1 -0
- package/Tabs/Tabs.d.ts +1 -1
- package/Tabs/Tabs.js +2 -5
- package/index.js +1 -1
- package/legacy/Avatar/Avatar.js +1 -1
- package/legacy/Button/Button.js +4 -1
- package/legacy/ButtonGroup/ButtonGroup.js +81 -56
- package/legacy/ButtonGroup/ButtonGroupButtonContext.js +9 -0
- package/legacy/ButtonGroup/buttonGroupClasses.js +1 -1
- package/legacy/Chip/Chip.js +2 -0
- package/legacy/ListSubheader/listSubheaderClasses.js +1 -1
- package/legacy/Modal/Modal.js +3 -1
- package/legacy/Slider/Slider.js +9 -86
- package/legacy/Tabs/Tabs.js +2 -5
- package/legacy/index.js +1 -1
- package/legacy/useTouchRipple/useTouchRipple.js +4 -4
- package/modern/Avatar/Avatar.js +1 -1
- package/modern/Button/Button.js +4 -1
- package/modern/ButtonGroup/ButtonGroup.js +86 -54
- package/modern/ButtonGroup/ButtonGroupButtonContext.js +9 -0
- package/modern/ButtonGroup/buttonGroupClasses.js +1 -1
- package/modern/Chip/Chip.js +2 -0
- package/modern/ListSubheader/listSubheaderClasses.js +1 -1
- package/modern/Modal/Modal.js +1 -1
- package/modern/Slider/Slider.js +9 -86
- package/modern/Tabs/Tabs.js +2 -5
- package/modern/index.js +1 -1
- package/node/Avatar/Avatar.js +1 -1
- package/node/Button/Button.js +4 -1
- package/node/ButtonGroup/ButtonGroup.js +86 -54
- package/node/ButtonGroup/ButtonGroupButtonContext.js +18 -0
- package/node/ButtonGroup/buttonGroupClasses.js +1 -1
- package/node/Chip/Chip.js +2 -0
- package/node/ListSubheader/listSubheaderClasses.js +2 -2
- package/node/Modal/Modal.js +1 -1
- package/node/Slider/Slider.js +3 -73
- package/node/Tabs/Tabs.js +2 -5
- package/node/index.js +1 -1
- package/node/useTouchRipple/useTouchRipple.js +4 -4
- package/package.json +16 -16
- package/umd/material-ui.development.js +215 -235
- package/umd/material-ui.production.min.js +18 -18
- 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="/
|
|
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">
|
|
6
|
+
<h1 align="center">Material UI</h1>
|
|
7
7
|
|
|
8
|
-
|
|
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
|
-
[](https://github.com/mui/material-ui/blob/HEAD/LICENSE)
|
|
23
|
-
[](https://www.npmjs.com/package/@mui/material)
|
|
24
|
-
[](https://www.npmjs.com/package/@mui/material)
|
|
25
|
-
[](https://www.npmjs.com/package/@mui/material)
|
|
26
|
-
[](https://app.circleci.com/pipelines/github/mui/material-ui?branch=master)
|
|
27
|
-
[](https://codecov.io/gh/mui/material-ui/branch/master)
|
|
28
|
-
[](https://twitter.com/MUI_hq)
|
|
29
|
-
[](https://github.com/mui/material-ui/issues/27062)
|
|
30
|
-
[](https://isitmaintained.com/project/mui/material-ui 'Average time to resolve an issue')
|
|
31
|
-
[](https://opencollective.com/mui)
|
|
32
|
-
[](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
|
-
|
|
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
|
-
|
|
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
|
-
[
|
|
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
|
|
171
|
-
Use the "
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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 :
|
|
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';
|
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
|
-
*
|
|
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
|
-
*
|
|
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
package/legacy/Avatar/Avatar.js
CHANGED
|
@@ -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
|
package/legacy/Button/Button.js
CHANGED
|
@@ -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,
|