@mui/material 5.15.16 → 5.15.18
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 +26 -10
- package/CHANGELOG.md +56 -0
- package/Slider/Slider.js +25 -25
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +4 -0
- package/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
- package/index.js +1 -1
- package/legacy/Autocomplete/Autocomplete.js +17 -8
- package/legacy/Slider/Slider.js +24 -24
- package/legacy/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
- package/legacy/index.js +1 -1
- package/modern/Autocomplete/Autocomplete.js +26 -10
- package/modern/Slider/Slider.js +22 -22
- package/modern/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
- package/modern/index.js +1 -1
- package/node/Autocomplete/Autocomplete.js +26 -10
- package/node/Slider/Slider.js +25 -25
- package/node/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
- package/node/index.js +1 -1
- package/package.json +3 -3
- package/umd/material-ui.development.js +43 -34
- package/umd/material-ui.production.min.js +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @mui/material v5.15.
|
|
2
|
+
* @mui/material v5.15.18
|
|
3
3
|
*
|
|
4
4
|
* @license MIT
|
|
5
5
|
* This source code is licensed under the MIT license found in the
|
|
@@ -23045,22 +23045,24 @@
|
|
|
23045
23045
|
size = ownerState.size;
|
|
23046
23046
|
return [_defineProperty({}, "& .".concat(autocompleteClasses$1.tag), styles.tag), _defineProperty({}, "& .".concat(autocompleteClasses$1.tag), styles["tagSize".concat(capitalize(size))]), _defineProperty({}, "& .".concat(autocompleteClasses$1.inputRoot), styles.inputRoot), _defineProperty({}, "& .".concat(autocompleteClasses$1.input), styles.input), _defineProperty({}, "& .".concat(autocompleteClasses$1.input), inputFocused && styles.inputFocused), styles.root, fullWidth && styles.fullWidth, hasPopupIcon && styles.hasPopupIcon, hasClearIcon && styles.hasClearIcon];
|
|
23047
23047
|
}
|
|
23048
|
-
})((_styled = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_styled, "
|
|
23049
|
-
visibility: 'visible'
|
|
23050
|
-
}), '@media (pointer: fine)', _defineProperty({}, "&:hover .".concat(autocompleteClasses$1.clearIndicator), {
|
|
23051
|
-
visibility: 'visible'
|
|
23052
|
-
})), "& .".concat(autocompleteClasses$1.tag), {
|
|
23048
|
+
})((_styled = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_styled, "& .".concat(autocompleteClasses$1.tag), {
|
|
23053
23049
|
margin: 3,
|
|
23054
23050
|
maxWidth: 'calc(100% - 6px)'
|
|
23055
|
-
}), "& .".concat(autocompleteClasses$1.inputRoot), _defineProperty(_defineProperty(_defineProperty({
|
|
23056
|
-
flexWrap: 'wrap'
|
|
23057
|
-
}, ".".concat(autocompleteClasses$1.hasPopupIcon, "&, .").concat(autocompleteClasses$1.hasClearIcon, "&"), {
|
|
23051
|
+
}), "& .".concat(autocompleteClasses$1.inputRoot), _defineProperty(_defineProperty(_defineProperty({}, ".".concat(autocompleteClasses$1.hasPopupIcon, "&, .").concat(autocompleteClasses$1.hasClearIcon, "&"), {
|
|
23058
23052
|
paddingRight: 26 + 4
|
|
23059
23053
|
}), ".".concat(autocompleteClasses$1.hasPopupIcon, ".").concat(autocompleteClasses$1.hasClearIcon, "&"), {
|
|
23060
23054
|
paddingRight: 52 + 4
|
|
23061
23055
|
}), "& .".concat(autocompleteClasses$1.input), {
|
|
23062
23056
|
width: 0,
|
|
23063
23057
|
minWidth: 30
|
|
23058
|
+
})), "&.".concat(autocompleteClasses$1.focused), _defineProperty(_defineProperty({}, "& .".concat(autocompleteClasses$1.clearIndicator), {
|
|
23059
|
+
visibility: 'visible'
|
|
23060
|
+
}), "& .".concat(autocompleteClasses$1.input), {
|
|
23061
|
+
minWidth: 0
|
|
23062
|
+
})), '@media (pointer: fine)', _defineProperty(_defineProperty({}, "&:hover .".concat(autocompleteClasses$1.clearIndicator), {
|
|
23063
|
+
visibility: 'visible'
|
|
23064
|
+
}), "&:hover .".concat(autocompleteClasses$1.input), {
|
|
23065
|
+
minWidth: 0
|
|
23064
23066
|
})), "& .".concat(inputClasses$1.root), {
|
|
23065
23067
|
paddingBottom: 1,
|
|
23066
23068
|
'& .MuiInput-input': {
|
|
@@ -23138,6 +23140,13 @@
|
|
|
23138
23140
|
style: _defineProperty({}, "& .".concat(autocompleteClasses$1.input), {
|
|
23139
23141
|
opacity: 1
|
|
23140
23142
|
})
|
|
23143
|
+
}, {
|
|
23144
|
+
props: {
|
|
23145
|
+
multiple: true
|
|
23146
|
+
},
|
|
23147
|
+
style: _defineProperty({}, "& .".concat(autocompleteClasses$1.inputRoot), {
|
|
23148
|
+
flexWrap: 'wrap'
|
|
23149
|
+
})
|
|
23141
23150
|
}])));
|
|
23142
23151
|
var AutocompleteEndAdornment = styled$1('div', {
|
|
23143
23152
|
name: 'MuiAutocomplete',
|
|
@@ -41736,29 +41745,7 @@
|
|
|
41736
41745
|
'&:hover': {
|
|
41737
41746
|
boxShadow: 'none'
|
|
41738
41747
|
}
|
|
41739
|
-
}), "variants", [
|
|
41740
|
-
var _theme$vars6;
|
|
41741
|
-
return ((_theme$vars6 = theme.vars) != null ? _theme$vars6 : theme).palette[key].main;
|
|
41742
|
-
}).map(function (color) {
|
|
41743
|
-
return {
|
|
41744
|
-
props: {
|
|
41745
|
-
color: color
|
|
41746
|
-
},
|
|
41747
|
-
style: _defineProperty(_defineProperty({}, "&:hover, &.".concat(sliderClasses$1.focusVisible), _extends({}, theme.vars ? {
|
|
41748
|
-
boxShadow: "0px 0px 0px 8px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)")
|
|
41749
|
-
} : {
|
|
41750
|
-
boxShadow: "0px 0px 0px 8px ".concat(alpha(theme.palette[color].main, 0.16))
|
|
41751
|
-
}, {
|
|
41752
|
-
'@media (hover: none)': {
|
|
41753
|
-
boxShadow: 'none'
|
|
41754
|
-
}
|
|
41755
|
-
})), "&.".concat(sliderClasses$1.active), _extends({}, theme.vars ? {
|
|
41756
|
-
boxShadow: "0px 0px 0px 14px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)}")
|
|
41757
|
-
} : {
|
|
41758
|
-
boxShadow: "0px 0px 0px 14px ".concat(alpha(theme.palette[color].main, 0.16))
|
|
41759
|
-
}))
|
|
41760
|
-
};
|
|
41761
|
-
})), [{
|
|
41748
|
+
}), "variants", [{
|
|
41762
41749
|
props: {
|
|
41763
41750
|
size: 'small'
|
|
41764
41751
|
},
|
|
@@ -41785,7 +41772,29 @@
|
|
|
41785
41772
|
left: '50%',
|
|
41786
41773
|
transform: 'translate(-50%, 50%)'
|
|
41787
41774
|
}
|
|
41788
|
-
}]))
|
|
41775
|
+
}].concat(_toConsumableArray(Object.keys(((_theme$vars5 = theme.vars) != null ? _theme$vars5 : theme).palette).filter(function (key) {
|
|
41776
|
+
var _theme$vars6;
|
|
41777
|
+
return ((_theme$vars6 = theme.vars) != null ? _theme$vars6 : theme).palette[key].main;
|
|
41778
|
+
}).map(function (color) {
|
|
41779
|
+
return {
|
|
41780
|
+
props: {
|
|
41781
|
+
color: color
|
|
41782
|
+
},
|
|
41783
|
+
style: _defineProperty(_defineProperty({}, "&:hover, &.".concat(sliderClasses$1.focusVisible), _extends({}, theme.vars ? {
|
|
41784
|
+
boxShadow: "0px 0px 0px 8px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)")
|
|
41785
|
+
} : {
|
|
41786
|
+
boxShadow: "0px 0px 0px 8px ".concat(alpha(theme.palette[color].main, 0.16))
|
|
41787
|
+
}, {
|
|
41788
|
+
'@media (hover: none)': {
|
|
41789
|
+
boxShadow: 'none'
|
|
41790
|
+
}
|
|
41791
|
+
})), "&.".concat(sliderClasses$1.active), _extends({}, theme.vars ? {
|
|
41792
|
+
boxShadow: "0px 0px 0px 14px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)}")
|
|
41793
|
+
} : {
|
|
41794
|
+
boxShadow: "0px 0px 0px 14px ".concat(alpha(theme.palette[color].main, 0.16))
|
|
41795
|
+
}))
|
|
41796
|
+
};
|
|
41797
|
+
}))));
|
|
41789
41798
|
});
|
|
41790
41799
|
var SliderValueLabel = styled$1(SliderValueLabel$1, {
|
|
41791
41800
|
name: 'MuiSlider',
|
|
@@ -50372,7 +50381,7 @@
|
|
|
50372
50381
|
function getToggleButtonGroupUtilityClass(slot) {
|
|
50373
50382
|
return generateUtilityClass$1('MuiToggleButtonGroup', slot);
|
|
50374
50383
|
}
|
|
50375
|
-
var toggleButtonGroupClasses = generateUtilityClasses$1('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth', 'firstButton', 'lastButton', 'middleButton']);
|
|
50384
|
+
var toggleButtonGroupClasses = generateUtilityClasses$1('MuiToggleButtonGroup', ['root', 'selected', 'horizontal', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth', 'firstButton', 'lastButton', 'middleButton']);
|
|
50376
50385
|
var toggleButtonGroupClasses$1 = toggleButtonGroupClasses;
|
|
50377
50386
|
|
|
50378
50387
|
var useUtilityClasses = function useUtilityClasses(ownerState) {
|