@mui/material 6.1.2 → 6.1.4
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/Badge/Badge.d.ts +2 -2
- package/Badge/Badge.js +12 -8
- package/CHANGELOG.md +357 -310
- package/Checkbox/Checkbox.js +1 -0
- package/Grid2/Grid2.d.ts +16 -11
- package/Grid2/Grid2.js +29 -11
- package/IconButton/IconButton.js +5 -16
- package/InputBase/InputBase.js +1 -1
- package/Modal/useModal.js +6 -0
- package/OutlinedInput/OutlinedInput.js +6 -6
- package/PigmentGrid/PigmentGrid.d.ts +0 -23
- package/PigmentGrid/PigmentGrid.js +0 -23
- package/PigmentHidden/PigmentHidden.js +1 -0
- package/Select/SelectInput.js +1 -1
- package/Slider/Slider.js +52 -33
- package/index.js +1 -1
- package/modern/Badge/Badge.js +12 -8
- package/modern/Checkbox/Checkbox.js +1 -0
- package/modern/Grid2/Grid2.js +29 -11
- package/modern/IconButton/IconButton.js +5 -16
- package/modern/InputBase/InputBase.js +1 -1
- package/modern/Modal/useModal.js +6 -0
- package/modern/OutlinedInput/OutlinedInput.js +6 -6
- package/modern/PigmentGrid/PigmentGrid.js +0 -23
- package/modern/PigmentHidden/PigmentHidden.js +1 -0
- package/modern/Select/SelectInput.js +1 -1
- package/modern/Slider/Slider.js +52 -33
- package/modern/index.js +1 -1
- package/modern/styles/createPalette.js +80 -86
- package/modern/styles/createThemeNoVars.js +1 -2
- package/modern/styles/index.js +1 -1
- package/modern/styles/makeStyles.js +1 -3
- package/modern/styles/responsiveFontSizes.js +1 -2
- package/modern/styles/withStyles.js +1 -3
- package/modern/styles/withTheme.js +1 -3
- package/modern/utils/memoTheme.js +3 -24
- package/modern/version/index.js +2 -2
- package/node/Badge/Badge.js +12 -8
- package/node/Checkbox/Checkbox.js +1 -0
- package/node/Grid2/Grid2.js +29 -11
- package/node/IconButton/IconButton.js +5 -16
- package/node/InputBase/InputBase.js +1 -1
- package/node/Modal/useModal.js +6 -0
- package/node/OutlinedInput/OutlinedInput.js +6 -6
- package/node/PigmentGrid/PigmentGrid.js +0 -23
- package/node/PigmentHidden/PigmentHidden.js +1 -0
- package/node/Select/SelectInput.js +1 -1
- package/node/Slider/Slider.js +50 -32
- package/node/index.js +1 -1
- package/node/styles/createPalette.js +80 -86
- package/node/styles/createThemeNoVars.js +1 -2
- package/node/styles/index.js +1 -1
- package/node/styles/makeStyles.js +1 -3
- package/node/styles/responsiveFontSizes.js +1 -2
- package/node/styles/withStyles.js +1 -3
- package/node/styles/withTheme.js +1 -3
- package/node/utils/memoTheme.js +4 -25
- package/node/version/index.js +2 -2
- package/package.json +7 -7
- package/styles/ThemeProviderWithVars.d.ts +1 -1
- package/styles/createPalette.js +80 -86
- package/styles/createThemeNoVars.js +1 -2
- package/styles/index.js +1 -1
- package/styles/makeStyles.js +1 -3
- package/styles/responsiveFontSizes.js +1 -2
- package/styles/withStyles.js +1 -3
- package/styles/withTheme.js +1 -3
- package/utils/memoTheme.d.ts +4 -10
- package/utils/memoTheme.js +3 -24
- package/version/index.js +2 -2
package/Badge/Badge.d.ts
CHANGED
|
@@ -29,8 +29,8 @@ export type BadgeOwnerState = Simplify<
|
|
|
29
29
|
>;
|
|
30
30
|
|
|
31
31
|
export interface BadgeOrigin {
|
|
32
|
-
vertical
|
|
33
|
-
horizontal
|
|
32
|
+
vertical?: 'top' | 'bottom';
|
|
33
|
+
horizontal?: 'left' | 'right';
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
export interface BadgeOwnProps {
|
package/Badge/Badge.js
CHANGED
|
@@ -210,16 +210,19 @@ const BadgeBadge = styled('span', {
|
|
|
210
210
|
}
|
|
211
211
|
}]
|
|
212
212
|
})));
|
|
213
|
+
function getAnchorOrigin(anchorOrigin) {
|
|
214
|
+
return {
|
|
215
|
+
vertical: anchorOrigin?.vertical ?? 'top',
|
|
216
|
+
horizontal: anchorOrigin?.horizontal ?? 'right'
|
|
217
|
+
};
|
|
218
|
+
}
|
|
213
219
|
const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
|
|
214
220
|
const props = useDefaultProps({
|
|
215
221
|
props: inProps,
|
|
216
222
|
name: 'MuiBadge'
|
|
217
223
|
});
|
|
218
224
|
const {
|
|
219
|
-
anchorOrigin: anchorOriginProp
|
|
220
|
-
vertical: 'top',
|
|
221
|
-
horizontal: 'right'
|
|
222
|
-
},
|
|
225
|
+
anchorOrigin: anchorOriginProp,
|
|
223
226
|
className,
|
|
224
227
|
classes: classesProp,
|
|
225
228
|
component,
|
|
@@ -249,7 +252,7 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
|
|
|
249
252
|
showZero
|
|
250
253
|
});
|
|
251
254
|
const prevProps = usePreviousProps({
|
|
252
|
-
anchorOrigin: anchorOriginProp,
|
|
255
|
+
anchorOrigin: getAnchorOrigin(anchorOriginProp),
|
|
253
256
|
color: colorProp,
|
|
254
257
|
overlap: overlapProp,
|
|
255
258
|
variant: variantProp,
|
|
@@ -259,9 +262,10 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
|
|
|
259
262
|
const {
|
|
260
263
|
color = colorProp,
|
|
261
264
|
overlap = overlapProp,
|
|
262
|
-
anchorOrigin
|
|
265
|
+
anchorOrigin: anchorOriginPropProp,
|
|
263
266
|
variant = variantProp
|
|
264
267
|
} = invisible ? prevProps : props;
|
|
268
|
+
const anchorOrigin = getAnchorOrigin(anchorOriginPropProp);
|
|
265
269
|
const displayValue = variant !== 'dot' ? displayValueFromHook : undefined;
|
|
266
270
|
const ownerState = {
|
|
267
271
|
...props,
|
|
@@ -320,8 +324,8 @@ process.env.NODE_ENV !== "production" ? Badge.propTypes /* remove-proptypes */ =
|
|
|
320
324
|
* }
|
|
321
325
|
*/
|
|
322
326
|
anchorOrigin: PropTypes.shape({
|
|
323
|
-
horizontal: PropTypes.oneOf(['left', 'right'])
|
|
324
|
-
vertical: PropTypes.oneOf(['bottom', 'top'])
|
|
327
|
+
horizontal: PropTypes.oneOf(['left', 'right']),
|
|
328
|
+
vertical: PropTypes.oneOf(['bottom', 'top'])
|
|
325
329
|
}),
|
|
326
330
|
/**
|
|
327
331
|
* The content rendered within the badge.
|