@mui/material 5.2.4 → 5.2.8
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 +3 -1
- package/Avatar/Avatar.d.ts +3 -1
- package/Backdrop/Backdrop.js +3 -1
- package/Badge/Badge.d.ts +25 -0
- package/Badge/Badge.js +29 -9
- package/ButtonGroup/ButtonGroupContext.d.ts +1 -1
- package/CHANGELOG.md +230 -32
- package/FilledInput/FilledInput.js +4 -1
- package/FormControlLabel/FormControlLabel.js +3 -1
- package/Input/Input.js +4 -1
- package/InputBase/InputBase.js +4 -1
- package/InputLabel/InputLabel.js +4 -0
- package/ListItem/ListItem.js +3 -1
- package/Modal/Modal.js +3 -1
- package/README.md +17 -28
- package/Slider/Slider.d.ts +2 -0
- package/Slider/Slider.js +21 -3
- package/StepLabel/StepLabel.js +3 -1
- package/SvgIcon/SvgIcon.d.ts +8 -0
- package/SvgIcon/SvgIcon.js +19 -3
- package/Tabs/Tabs.d.ts +1 -1
- package/TextField/TextField.d.ts +1 -0
- package/TextField/TextField.js +1 -0
- package/Tooltip/Tooltip.js +6 -1
- package/index.js +1 -1
- package/legacy/Autocomplete/Autocomplete.js +3 -1
- package/legacy/Backdrop/Backdrop.js +3 -1
- package/legacy/Badge/Badge.js +34 -10
- package/legacy/FilledInput/FilledInput.js +4 -1
- package/legacy/FormControlLabel/FormControlLabel.js +3 -1
- package/legacy/Input/Input.js +4 -1
- package/legacy/InputBase/InputBase.js +4 -1
- package/legacy/InputLabel/InputLabel.js +4 -0
- package/legacy/ListItem/ListItem.js +3 -1
- package/legacy/Modal/Modal.js +3 -1
- package/legacy/Slider/Slider.js +21 -3
- package/legacy/StepLabel/StepLabel.js +3 -1
- package/legacy/SvgIcon/SvgIcon.js +20 -3
- package/legacy/TextField/TextField.js +1 -0
- package/legacy/Tooltip/Tooltip.js +6 -1
- package/legacy/index.js +1 -1
- package/legacy/locale/index.js +319 -142
- package/locale/index.d.ts +2 -0
- package/locale/index.js +220 -50
- package/modern/Autocomplete/Autocomplete.js +3 -1
- package/modern/Backdrop/Backdrop.js +3 -1
- package/modern/Badge/Badge.js +29 -9
- package/modern/FilledInput/FilledInput.js +4 -1
- package/modern/FormControlLabel/FormControlLabel.js +3 -1
- package/modern/Input/Input.js +4 -1
- package/modern/InputBase/InputBase.js +4 -1
- package/modern/InputLabel/InputLabel.js +4 -0
- package/modern/ListItem/ListItem.js +3 -1
- package/modern/Modal/Modal.js +3 -1
- package/modern/Slider/Slider.js +21 -3
- package/modern/StepLabel/StepLabel.js +3 -1
- package/modern/SvgIcon/SvgIcon.js +19 -3
- package/modern/TextField/TextField.js +1 -0
- package/modern/Tooltip/Tooltip.js +6 -1
- package/modern/index.js +1 -1
- package/modern/locale/index.js +220 -50
- package/node/Autocomplete/Autocomplete.js +3 -1
- package/node/Backdrop/Backdrop.js +3 -1
- package/node/Badge/Badge.js +29 -9
- package/node/FilledInput/FilledInput.js +4 -1
- package/node/FormControlLabel/FormControlLabel.js +3 -1
- package/node/Input/Input.js +4 -1
- package/node/InputBase/InputBase.js +4 -1
- package/node/InputLabel/InputLabel.js +4 -0
- package/node/ListItem/ListItem.js +3 -1
- package/node/Modal/Modal.js +3 -1
- package/node/Slider/Slider.js +21 -3
- package/node/StepLabel/StepLabel.js +3 -1
- package/node/SvgIcon/SvgIcon.js +19 -3
- package/node/TextField/TextField.js +1 -0
- package/node/Tooltip/Tooltip.js +6 -1
- package/node/index.js +1 -1
- package/node/locale/index.js +223 -51
- package/package.json +3 -3
- package/umd/material-ui.development.js +251 -89
- package/umd/material-ui.production.min.js +21 -21
|
@@ -72,30 +72,38 @@ var SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
|
72
72
|
_props$fontSize = props.fontSize,
|
|
73
73
|
fontSize = _props$fontSize === void 0 ? 'medium' : _props$fontSize,
|
|
74
74
|
htmlColor = props.htmlColor,
|
|
75
|
+
_props$inheritViewBox = props.inheritViewBox,
|
|
76
|
+
inheritViewBox = _props$inheritViewBox === void 0 ? false : _props$inheritViewBox,
|
|
75
77
|
titleAccess = props.titleAccess,
|
|
76
78
|
_props$viewBox = props.viewBox,
|
|
77
79
|
viewBox = _props$viewBox === void 0 ? '0 0 24 24' : _props$viewBox,
|
|
78
|
-
other = _objectWithoutProperties(props, ["children", "className", "color", "component", "fontSize", "htmlColor", "titleAccess", "viewBox"]);
|
|
80
|
+
other = _objectWithoutProperties(props, ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"]);
|
|
79
81
|
|
|
80
82
|
var ownerState = _extends({}, props, {
|
|
81
83
|
color: color,
|
|
82
84
|
component: component,
|
|
83
85
|
fontSize: fontSize,
|
|
86
|
+
inheritViewBox: inheritViewBox,
|
|
84
87
|
viewBox: viewBox
|
|
85
88
|
});
|
|
86
89
|
|
|
90
|
+
var more = {};
|
|
91
|
+
|
|
92
|
+
if (!inheritViewBox) {
|
|
93
|
+
more.viewBox = viewBox;
|
|
94
|
+
}
|
|
95
|
+
|
|
87
96
|
var classes = useUtilityClasses(ownerState);
|
|
88
97
|
return /*#__PURE__*/_jsxs(SvgIconRoot, _extends({
|
|
89
98
|
as: component,
|
|
90
99
|
className: clsx(classes.root, className),
|
|
91
100
|
ownerState: ownerState,
|
|
92
101
|
focusable: "false",
|
|
93
|
-
viewBox: viewBox,
|
|
94
102
|
color: htmlColor,
|
|
95
103
|
"aria-hidden": titleAccess ? undefined : true,
|
|
96
104
|
role: titleAccess ? 'img' : undefined,
|
|
97
105
|
ref: ref
|
|
98
|
-
}, other, {
|
|
106
|
+
}, more, other, {
|
|
99
107
|
children: [children, titleAccess ? /*#__PURE__*/_jsx("title", {
|
|
100
108
|
children: titleAccess
|
|
101
109
|
}) : null]
|
|
@@ -152,6 +160,15 @@ process.env.NODE_ENV !== "production" ? SvgIcon.propTypes
|
|
|
152
160
|
*/
|
|
153
161
|
htmlColor: PropTypes.string,
|
|
154
162
|
|
|
163
|
+
/**
|
|
164
|
+
* If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
|
|
165
|
+
* prop will be ignored.
|
|
166
|
+
* Useful when you want to reference a custom `component` and have `SvgIcon` pass that
|
|
167
|
+
* `component`'s viewBox to the root node.
|
|
168
|
+
* @default false
|
|
169
|
+
*/
|
|
170
|
+
inheritViewBox: PropTypes.bool,
|
|
171
|
+
|
|
155
172
|
/**
|
|
156
173
|
* The shape-rendering attribute. The behavior of the different options is described on the
|
|
157
174
|
* [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
|
|
@@ -302,6 +302,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
|
|
|
302
302
|
|
|
303
303
|
/**
|
|
304
304
|
* Props applied to the [`InputLabel`](/api/input-label/) element.
|
|
305
|
+
* Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
|
|
305
306
|
*/
|
|
306
307
|
InputLabelProps: PropTypes.object,
|
|
307
308
|
|
|
@@ -705,7 +705,12 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
|
|
|
705
705
|
* and `componentsProps.transition` prop values win over `TransitionProps` if both are applied.
|
|
706
706
|
* @default {}
|
|
707
707
|
*/
|
|
708
|
-
componentsProps: PropTypes.
|
|
708
|
+
componentsProps: PropTypes.shape({
|
|
709
|
+
arrow: PropTypes.object,
|
|
710
|
+
popper: PropTypes.object,
|
|
711
|
+
tooltip: PropTypes.object,
|
|
712
|
+
transition: PropTypes.object
|
|
713
|
+
}),
|
|
709
714
|
|
|
710
715
|
/**
|
|
711
716
|
* Set to `true` if the `title` acts as an accessible description.
|
package/legacy/index.js
CHANGED