@mui/material 5.14.20 → 5.15.0
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/Autocomplete/Autocomplete.js +0 -1
- package/ButtonBase/ButtonBase.js +1 -2
- package/ButtonGroup/index.d.ts +2 -0
- package/ButtonGroup/index.js +3 -1
- package/CHANGELOG.md +60 -2
- package/CircularProgress/CircularProgress.js +0 -1
- package/FilledInput/FilledInput.js +0 -2
- package/Input/Input.js +0 -2
- package/InputBase/InputBase.js +0 -2
- package/InputLabel/InputLabel.js +1 -5
- package/Link/Link.js +0 -1
- package/NativeSelect/NativeSelectInput.js +0 -2
- package/Select/SelectInput.js +1 -3
- package/TablePagination/TablePagination.js +0 -2
- package/Tabs/Tabs.js +0 -1
- package/colors/amber.d.ts +0 -1
- package/colors/blue.d.ts +0 -1
- package/colors/blueGrey.d.ts +0 -1
- package/colors/brown.d.ts +0 -1
- package/colors/common.d.ts +0 -1
- package/colors/cyan.d.ts +0 -1
- package/colors/deepOrange.d.ts +0 -1
- package/colors/deepPurple.d.ts +0 -1
- package/colors/green.d.ts +0 -1
- package/colors/grey.d.ts +0 -1
- package/colors/indigo.d.ts +0 -1
- package/colors/lightBlue.d.ts +0 -1
- package/colors/lightGreen.d.ts +0 -1
- package/colors/lime.d.ts +0 -1
- package/colors/orange.d.ts +0 -1
- package/colors/pink.d.ts +0 -1
- package/colors/purple.d.ts +0 -1
- package/colors/red.d.ts +0 -1
- package/colors/teal.d.ts +0 -1
- package/colors/yellow.d.ts +0 -1
- package/index.js +1 -1
- package/legacy/Autocomplete/Autocomplete.js +0 -1
- package/legacy/ButtonBase/ButtonBase.js +1 -1
- package/legacy/ButtonGroup/index.js +3 -1
- package/legacy/CircularProgress/CircularProgress.js +0 -1
- package/legacy/InputLabel/InputLabel.js +1 -5
- package/legacy/NativeSelect/NativeSelectInput.js +0 -2
- package/legacy/Select/SelectInput.js +1 -3
- package/legacy/TablePagination/TablePagination.js +0 -2
- package/legacy/Tabs/Tabs.js +0 -1
- package/legacy/index.js +1 -1
- package/legacy/locale/index.js +0 -11
- package/legacy/useTouchRipple/useTouchRipple.js +1 -1
- package/locale/index.js +0 -11
- package/modern/Autocomplete/Autocomplete.js +0 -1
- package/modern/ButtonBase/ButtonBase.js +1 -2
- package/modern/ButtonGroup/index.js +3 -1
- package/modern/CircularProgress/CircularProgress.js +0 -1
- package/modern/FilledInput/FilledInput.js +0 -2
- package/modern/Input/Input.js +0 -2
- package/modern/InputBase/InputBase.js +0 -2
- package/modern/InputLabel/InputLabel.js +1 -5
- package/modern/Link/Link.js +0 -1
- package/modern/NativeSelect/NativeSelectInput.js +0 -2
- package/modern/Select/SelectInput.js +1 -3
- package/modern/TablePagination/TablePagination.js +0 -2
- package/modern/Tabs/Tabs.js +0 -1
- package/modern/index.js +1 -1
- package/modern/locale/index.js +0 -11
- package/modern/useTouchRipple/useTouchRipple.js +1 -1
- package/node/Autocomplete/Autocomplete.js +0 -1
- package/node/ButtonBase/ButtonBase.js +1 -2
- package/node/ButtonGroup/index.js +17 -1
- package/node/CircularProgress/CircularProgress.js +0 -1
- package/node/FilledInput/FilledInput.js +0 -2
- package/node/Input/Input.js +0 -2
- package/node/InputBase/InputBase.js +0 -2
- package/node/InputLabel/InputLabel.js +1 -5
- package/node/Link/Link.js +0 -1
- package/node/NativeSelect/NativeSelectInput.js +0 -2
- package/node/Select/SelectInput.js +1 -3
- package/node/TablePagination/TablePagination.js +0 -2
- package/node/Tabs/Tabs.js +0 -1
- package/node/index.js +1 -1
- package/node/locale/index.js +0 -11
- package/node/styles/index.js +1 -0
- package/node/useTouchRipple/useTouchRipple.js +1 -1
- package/package.json +7 -7
- package/styles/components.d.ts +115 -115
- package/styles/variants.d.ts +1 -2
- package/umd/material-ui.development.js +9 -35
- package/umd/material-ui.production.min.js +4 -4
- package/useTouchRipple/useTouchRipple.js +1 -1
package/ButtonBase/ButtonBase.js
CHANGED
|
@@ -67,7 +67,6 @@ export const ButtonBaseRoot = styled('button', {
|
|
|
67
67
|
'&::-moz-focus-inner': {
|
|
68
68
|
borderStyle: 'none' // Remove Firefox dotted outline.
|
|
69
69
|
},
|
|
70
|
-
|
|
71
70
|
[`&.${buttonBaseClasses.disabled}`]: {
|
|
72
71
|
pointerEvents: 'none',
|
|
73
72
|
// Disable link interactions
|
|
@@ -234,7 +233,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
|
234
233
|
});
|
|
235
234
|
const handleKeyUp = useEventCallback(event => {
|
|
236
235
|
// calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed
|
|
237
|
-
// https://codesandbox.io/
|
|
236
|
+
// https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0
|
|
238
237
|
if (focusRipple && event.key === ' ' && rippleRef.current && focusVisible && !event.defaultPrevented) {
|
|
239
238
|
keydownRef.current = false;
|
|
240
239
|
rippleRef.current.stop(event, () => {
|
package/ButtonGroup/index.d.ts
CHANGED
|
@@ -2,3 +2,5 @@ export { default } from './ButtonGroup';
|
|
|
2
2
|
export * from './ButtonGroup';
|
|
3
3
|
export { default as buttonGroupClasses } from './buttonGroupClasses';
|
|
4
4
|
export * from './buttonGroupClasses';
|
|
5
|
+
export { default as ButtonGroupContext } from './ButtonGroupContext';
|
|
6
|
+
export { default as ButtonGroupButtonContext } from './ButtonGroupButtonContext';
|
package/ButtonGroup/index.js
CHANGED
|
@@ -2,4 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
export { default } from './ButtonGroup';
|
|
4
4
|
export { default as buttonGroupClasses } from './buttonGroupClasses';
|
|
5
|
-
export * from './buttonGroupClasses';
|
|
5
|
+
export * from './buttonGroupClasses';
|
|
6
|
+
export { default as ButtonGroupContext } from './ButtonGroupContext';
|
|
7
|
+
export { default as ButtonGroupButtonContext } from './ButtonGroupButtonContext';
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,63 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.15.0
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.14.20..master -->
|
|
6
|
+
|
|
7
|
+
_Dec 11, 2023_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
|
|
10
|
+
|
|
11
|
+
- 🚀 Added [a new package for a better Material UI integration with Next.js](https://mui.com/material-ui/guides/nextjs) (#39947) @siriwatknp
|
|
12
|
+
|
|
13
|
+
### `@mui/material@5.15.0`
|
|
14
|
+
|
|
15
|
+
- ​<!-- 12 -->Revert "[Select][material-ui] Add name to hidden input element" (#40174) @mj12albert
|
|
16
|
+
- ​<!-- 02 -->[material-ui] Refactor ComponentsVariants type into a generic (#39623) @blakenetz
|
|
17
|
+
|
|
18
|
+
### `@mui/material-nextjs@5.15.0`
|
|
19
|
+
|
|
20
|
+
- ​<!-- 01 -->[material-ui] Add new Next.js integration package (#39947) @siriwatknp
|
|
21
|
+
|
|
22
|
+
### `@mui/material-next@6.0.0-alpha.113`
|
|
23
|
+
|
|
24
|
+
- ​<!-- 11 -->[Badge][material-next] Apply new OwnerState type to Badge (#40119) @lhilgert9
|
|
25
|
+
- ​<!-- 06 -->[material-next][ButtonGroup] Change `ButtonGroup` files to ts (#39794) @lhilgert9
|
|
26
|
+
|
|
27
|
+
### `@mui/icons-material@5.15.0`
|
|
28
|
+
|
|
29
|
+
- ​<!-- 05 -->[icons] Add X logo (#38811) @abreel
|
|
30
|
+
|
|
31
|
+
### `@mui/base@5.0.0-beta.27`
|
|
32
|
+
|
|
33
|
+
- ​<!-- 10 -->[base-ui] useControllableReducer warns when controlled props become uncontrolled (and vice versa) (#39096) @mj12albert
|
|
34
|
+
|
|
35
|
+
### `@mui/joy@5.0.0-beta.18`
|
|
36
|
+
|
|
37
|
+
- ​<!-- 04 -->[joy-ui][Radio][Input] Fix inheritance of disabled prop (#39934) @sai6855
|
|
38
|
+
|
|
39
|
+
### `@mui/lab@5.0.0-alpha.156`
|
|
40
|
+
|
|
41
|
+
- ​<!-- 03 -->[lab][LoadingButton] LoadingButton now inherits props from ButtonGroup (#39679) @lhilgert9
|
|
42
|
+
|
|
43
|
+
### Docs
|
|
44
|
+
|
|
45
|
+
- ​<!-- 09 -->[docs] Fix reference to non-existent checkmark in supported-components.md (#40056) @mbrookes
|
|
46
|
+
- ​<!-- 09 -->[docs][base-ui] Add copy button & primary color picker to the component gallery page (#39884) @mnajdova
|
|
47
|
+
- ​<!-- 08 -->[docs-infra] Update CodeSandbox links (#39992) @anle9650
|
|
48
|
+
- ​<!-- 04 -->[material-ui][docs] Fix wrong root element for emotion styles in shadow DOM (#35326) @EloB
|
|
49
|
+
- ​<!-- 03 -->[material-ui][docs] Move the responsive font charts from recharts to MUI X (#40097) @alexfauquette
|
|
50
|
+
- ​<!-- 02 -->[joy-ui][templates] Remove outdated code (#40095) @zanivan
|
|
51
|
+
- ​<!-- 05 -->[material-ui][docs][Popper] Update Positioned Popper demo styles (#40170) @sai6855
|
|
52
|
+
|
|
53
|
+
### Core
|
|
54
|
+
|
|
55
|
+
- ​<!-- 08 -->[blog] Add a Phuket retreat blog post (#40055) @mikailaread
|
|
56
|
+
- ​<!-- 07 -->[blog] Adjust the latest MUI X blog post (#40046) @danilo-leal
|
|
57
|
+
- ​<!-- 05 -->[core] Migrate from tslint to eslint (#40020) @ZeeshanTamboli
|
|
58
|
+
|
|
59
|
+
All contributors of this release in alphabetical order: @abreel, @alexfauquette, @anle9650, @blakenetz, @danilo-leal, @EloB, @lhilgert9, @mbrookes, @mikailaread, @mj12albert, @mnajdova, @sai6855, @siriwatknp, @zanivan, @ZeeshanTamboli
|
|
60
|
+
|
|
3
61
|
## 5.14.20
|
|
4
62
|
|
|
5
63
|
<!-- generated comparing v5.14.19..master -->
|
|
@@ -11056,7 +11114,7 @@ A big thanks to the 13 contributors who made this release possible. Here are som
|
|
|
11056
11114
|
<Typography variant="poster">poster</Typography>;
|
|
11057
11115
|
```
|
|
11058
11116
|
|
|
11059
|
-
[A full demo](https://codesandbox.io/
|
|
11117
|
+
[A full demo](https://codesandbox.io/p/sandbox/fontsizetheme-material-demo-forked-l9u05?file=/demo.tsx:725-773)
|
|
11060
11118
|
|
|
11061
11119
|
- 📚 Add a shortcut to open the Algolia search (#23959) @hmaddisb.
|
|
11062
11120
|
- And many more 🐛 bug fixes and 📚 improvements.
|
|
@@ -12250,7 +12308,7 @@ Here are some highlights ✨:
|
|
|
12250
12308
|
|
|
12251
12309
|
You can find a [new version](https://mui.com/components/slider-styled/) of the slider in the lab powered by [emotion](https://emotion.sh/).
|
|
12252
12310
|
|
|
12253
|
-
In the event that you are already using styled-components in your application, you can swap emotion for styled-components 💅. Check [this CodeSandbox](https://codesandbox.io/
|
|
12311
|
+
In the event that you are already using styled-components in your application, you can swap emotion for styled-components 💅. Check [this CodeSandbox](https://codesandbox.io/p/sandbox/sliderstyled-with-styled-components-forked-olc27?file=/package.json) for a demo. It relies on aliases to prevent any bundle size overhead.
|
|
12254
12312
|
|
|
12255
12313
|
The new styling solution saves 2kB gzipped in the bundle compared to JSS, and about 14 kB gzipped if you were already using emotion or styled-components.
|
|
12256
12314
|
|
|
@@ -83,7 +83,6 @@ const FilledInputRoot = styled(InputBaseRoot, {
|
|
|
83
83
|
}),
|
|
84
84
|
pointerEvents: 'none' // Transparent to the hover style.
|
|
85
85
|
},
|
|
86
|
-
|
|
87
86
|
[`&.${filledInputClasses.focused}:after`]: {
|
|
88
87
|
// translateX(0) is a workaround for Safari transform scale bug
|
|
89
88
|
// See https://github.com/mui/material-ui/issues/31766
|
|
@@ -107,7 +106,6 @@ const FilledInputRoot = styled(InputBaseRoot, {
|
|
|
107
106
|
}),
|
|
108
107
|
pointerEvents: 'none' // Transparent to the hover style.
|
|
109
108
|
},
|
|
110
|
-
|
|
111
109
|
[`&:hover:not(.${filledInputClasses.disabled}, .${filledInputClasses.error}):before`]: {
|
|
112
110
|
borderBottom: `1px solid ${(theme.vars || theme).palette.text.primary}`
|
|
113
111
|
},
|
package/Input/Input.js
CHANGED
|
@@ -66,7 +66,6 @@ const InputRoot = styled(InputBaseRoot, {
|
|
|
66
66
|
}),
|
|
67
67
|
pointerEvents: 'none' // Transparent to the hover style.
|
|
68
68
|
},
|
|
69
|
-
|
|
70
69
|
[`&.${inputClasses.focused}:after`]: {
|
|
71
70
|
// translateX(0) is a workaround for Safari transform scale bug
|
|
72
71
|
// See https://github.com/mui/material-ui/issues/31766
|
|
@@ -90,7 +89,6 @@ const InputRoot = styled(InputBaseRoot, {
|
|
|
90
89
|
}),
|
|
91
90
|
pointerEvents: 'none' // Transparent to the hover style.
|
|
92
91
|
},
|
|
93
|
-
|
|
94
92
|
[`&:hover:not(.${inputClasses.disabled}, .${inputClasses.error}):before`]: {
|
|
95
93
|
borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
|
|
96
94
|
// Reset on touch devices, it doesn't add specificity
|
package/InputBase/InputBase.js
CHANGED
|
@@ -167,13 +167,11 @@ export const InputBaseComponent = styled('input', {
|
|
|
167
167
|
// IE11
|
|
168
168
|
'&:focus::-ms-input-placeholder': placeholderVisible // Edge
|
|
169
169
|
},
|
|
170
|
-
|
|
171
170
|
[`&.${inputBaseClasses.disabled}`]: {
|
|
172
171
|
opacity: 1,
|
|
173
172
|
// Reset iOS opacity
|
|
174
173
|
WebkitTextFillColor: (theme.vars || theme).palette.text.disabled // Fix opacity Safari bug
|
|
175
174
|
},
|
|
176
|
-
|
|
177
175
|
'&:-webkit-autofill': {
|
|
178
176
|
animationDuration: '5000s',
|
|
179
177
|
animationName: 'mui-auto-fill'
|
package/InputLabel/InputLabel.js
CHANGED
|
@@ -105,11 +105,7 @@ const InputLabelRoot = styled(FormLabel, {
|
|
|
105
105
|
// but it feels a better when it bleeds a bit on the left, so 32px.
|
|
106
106
|
maxWidth: 'calc(133% - 32px)',
|
|
107
107
|
transform: 'translate(14px, -9px) scale(0.75)'
|
|
108
|
-
})
|
|
109
|
-
'&:not(label) + div': {
|
|
110
|
-
marginTop: 16
|
|
111
|
-
}
|
|
112
|
-
}));
|
|
108
|
+
})));
|
|
113
109
|
const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref) {
|
|
114
110
|
const props = useThemeProps({
|
|
115
111
|
name: 'MuiInputLabel',
|
package/Link/Link.js
CHANGED
|
@@ -49,7 +49,6 @@ export const nativeSelectSelectStyles = ({
|
|
|
49
49
|
}, {
|
|
50
50
|
borderRadius: 0 // Reset Chrome style
|
|
51
51
|
}),
|
|
52
|
-
|
|
53
52
|
// Remove IE11 arrow
|
|
54
53
|
'&::-ms-expand': {
|
|
55
54
|
display: 'none'
|
|
@@ -77,7 +76,6 @@ export const nativeSelectSelectStyles = ({
|
|
|
77
76
|
'&:focus': {
|
|
78
77
|
borderRadius: (theme.vars || theme).shape.borderRadius // Reset the reset for Chrome style
|
|
79
78
|
},
|
|
80
|
-
|
|
81
79
|
'&&&': {
|
|
82
80
|
paddingRight: 32
|
|
83
81
|
}
|
package/Select/SelectInput.js
CHANGED
|
@@ -386,7 +386,6 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
386
386
|
'data-value': child.props.value // Instead, we provide it as a data attribute.
|
|
387
387
|
});
|
|
388
388
|
});
|
|
389
|
-
|
|
390
389
|
if (process.env.NODE_ENV !== 'production') {
|
|
391
390
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
392
391
|
React.useEffect(() => {
|
|
@@ -435,7 +434,6 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
435
434
|
const classes = useUtilityClasses(ownerState);
|
|
436
435
|
const paperProps = _extends({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);
|
|
437
436
|
const listboxId = useId();
|
|
438
|
-
const hiddenInputId = useId();
|
|
439
437
|
return /*#__PURE__*/_jsxs(React.Fragment, {
|
|
440
438
|
children: [/*#__PURE__*/_jsx(SelectSelect, _extends({
|
|
441
439
|
ref: handleDisplayRef,
|
|
@@ -466,7 +464,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
466
464
|
})), /*#__PURE__*/_jsx(SelectNativeInput, _extends({
|
|
467
465
|
"aria-invalid": error,
|
|
468
466
|
value: Array.isArray(value) ? value.join(',') : value,
|
|
469
|
-
name: name
|
|
467
|
+
name: name,
|
|
470
468
|
ref: inputRef,
|
|
471
469
|
"aria-hidden": true,
|
|
472
470
|
onChange: handleChange,
|
|
@@ -96,7 +96,6 @@ const TablePaginationSelect = styled(Select, {
|
|
|
96
96
|
textAlignLast: 'right' // Align <select> on Chrome.
|
|
97
97
|
}
|
|
98
98
|
});
|
|
99
|
-
|
|
100
99
|
const TablePaginationMenuItem = styled(MenuItem, {
|
|
101
100
|
name: 'MuiTablePagination',
|
|
102
101
|
slot: 'MenuItem',
|
|
@@ -180,7 +179,6 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
180
179
|
if (component === TableCell || component === 'td') {
|
|
181
180
|
colSpan = colSpanProp || 1000; // col-span over everything
|
|
182
181
|
}
|
|
183
|
-
|
|
184
182
|
const selectId = useId(selectProps.id);
|
|
185
183
|
const labelId = useId(selectProps.labelId);
|
|
186
184
|
const getLabelDisplayedRowsTo = () => {
|
package/Tabs/Tabs.js
CHANGED
|
@@ -200,7 +200,6 @@ const TabsScrollbarSize = styled(ScrollbarSize)({
|
|
|
200
200
|
display: 'none' // Safari + Chrome
|
|
201
201
|
}
|
|
202
202
|
});
|
|
203
|
-
|
|
204
203
|
const defaultIndicatorStyle = {};
|
|
205
204
|
let warnedOnceTabPresent = false;
|
|
206
205
|
const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
package/colors/amber.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/blue.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/blueGrey.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/brown.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/common.d.ts
CHANGED
package/colors/cyan.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/deepOrange.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/deepPurple.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/green.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/grey.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/indigo.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/lightBlue.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/lightGreen.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/lime.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/orange.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/pink.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/purple.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/red.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/teal.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/colors/yellow.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* tslint:disable max-line-length */
|
|
2
1
|
/**
|
|
3
2
|
*              
|
|
4
3
|
*/
|
package/index.js
CHANGED
|
@@ -244,7 +244,7 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
|
|
|
244
244
|
});
|
|
245
245
|
var handleKeyUp = useEventCallback(function (event) {
|
|
246
246
|
// calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed
|
|
247
|
-
// https://codesandbox.io/
|
|
247
|
+
// https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0
|
|
248
248
|
if (focusRipple && event.key === ' ' && rippleRef.current && focusVisible && !event.defaultPrevented) {
|
|
249
249
|
keydownRef.current = false;
|
|
250
250
|
rippleRef.current.stop(event, function () {
|
|
@@ -2,4 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
export { default } from './ButtonGroup';
|
|
4
4
|
export { default as buttonGroupClasses } from './buttonGroupClasses';
|
|
5
|
-
export * from './buttonGroupClasses';
|
|
5
|
+
export * from './buttonGroupClasses';
|
|
6
|
+
export { default as ButtonGroupContext } from './ButtonGroupContext';
|
|
7
|
+
export { default as ButtonGroupButtonContext } from './ButtonGroupButtonContext';
|
|
@@ -101,11 +101,7 @@ var InputLabelRoot = styled(FormLabel, {
|
|
|
101
101
|
// but it feels a better when it bleeds a bit on the left, so 32px.
|
|
102
102
|
maxWidth: 'calc(133% - 32px)',
|
|
103
103
|
transform: 'translate(14px, -9px) scale(0.75)'
|
|
104
|
-
})
|
|
105
|
-
'&:not(label) + div': {
|
|
106
|
-
marginTop: 16
|
|
107
|
-
}
|
|
108
|
-
});
|
|
104
|
+
}));
|
|
109
105
|
});
|
|
110
106
|
var InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref) {
|
|
111
107
|
var props = useThemeProps({
|
|
@@ -47,7 +47,6 @@ export var nativeSelectSelectStyles = function nativeSelectSelectStyles(_ref) {
|
|
|
47
47
|
}, {
|
|
48
48
|
borderRadius: 0 // Reset Chrome style
|
|
49
49
|
}),
|
|
50
|
-
|
|
51
50
|
// Remove IE11 arrow
|
|
52
51
|
'&::-ms-expand': {
|
|
53
52
|
display: 'none'
|
|
@@ -70,7 +69,6 @@ export var nativeSelectSelectStyles = function nativeSelectSelectStyles(_ref) {
|
|
|
70
69
|
'&:focus': {
|
|
71
70
|
borderRadius: (theme.vars || theme).shape.borderRadius // Reset the reset for Chrome style
|
|
72
71
|
},
|
|
73
|
-
|
|
74
72
|
'&&&': {
|
|
75
73
|
paddingRight: 32
|
|
76
74
|
}
|
|
@@ -391,7 +391,6 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
|
|
|
391
391
|
'data-value': child.props.value // Instead, we provide it as a data attribute.
|
|
392
392
|
});
|
|
393
393
|
});
|
|
394
|
-
|
|
395
394
|
if (process.env.NODE_ENV !== 'production') {
|
|
396
395
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
397
396
|
React.useEffect(function () {
|
|
@@ -446,7 +445,6 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
|
|
|
446
445
|
var classes = useUtilityClasses(ownerState);
|
|
447
446
|
var paperProps = _extends({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);
|
|
448
447
|
var listboxId = useId();
|
|
449
|
-
var hiddenInputId = useId();
|
|
450
448
|
return /*#__PURE__*/_jsxs(React.Fragment, {
|
|
451
449
|
children: [/*#__PURE__*/_jsx(SelectSelect, _extends({
|
|
452
450
|
ref: handleDisplayRef,
|
|
@@ -477,7 +475,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
|
|
|
477
475
|
})), /*#__PURE__*/_jsx(SelectNativeInput, _extends({
|
|
478
476
|
"aria-invalid": error,
|
|
479
477
|
value: Array.isArray(value) ? value.join(',') : value,
|
|
480
|
-
name: name
|
|
478
|
+
name: name,
|
|
481
479
|
ref: inputRef,
|
|
482
480
|
"aria-hidden": true,
|
|
483
481
|
onChange: handleChange,
|
|
@@ -100,7 +100,6 @@ var TablePaginationSelect = styled(Select, {
|
|
|
100
100
|
textAlign: 'right',
|
|
101
101
|
textAlignLast: 'right' // Align <select> on Chrome.
|
|
102
102
|
}));
|
|
103
|
-
|
|
104
103
|
var TablePaginationMenuItem = styled(MenuItem, {
|
|
105
104
|
name: 'MuiTablePagination',
|
|
106
105
|
slot: 'MenuItem',
|
|
@@ -194,7 +193,6 @@ var TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(inP
|
|
|
194
193
|
if (component === TableCell || component === 'td') {
|
|
195
194
|
colSpan = colSpanProp || 1000; // col-span over everything
|
|
196
195
|
}
|
|
197
|
-
|
|
198
196
|
var selectId = useId(selectProps.id);
|
|
199
197
|
var labelId = useId(selectProps.labelId);
|
|
200
198
|
var getLabelDisplayedRowsTo = function getLabelDisplayedRowsTo() {
|
package/legacy/Tabs/Tabs.js
CHANGED
package/legacy/index.js
CHANGED