@mui/material 5.10.16 → 5.10.17
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/Accordion/accordionClasses.d.ts +18 -18
- package/AccordionActions/accordionActionsClasses.d.ts +10 -10
- package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
- package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
- package/Alert/alertClasses.d.ts +44 -44
- package/AlertTitle/alertTitleClasses.d.ts +8 -8
- package/AppBar/appBarClasses.d.ts +28 -28
- package/Autocomplete/autocompleteClasses.d.ts +54 -54
- package/Avatar/avatarClasses.d.ts +20 -20
- package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
- package/Backdrop/backdropClasses.d.ts +10 -10
- package/Badge/badgeClasses.d.ts +56 -56
- package/BottomNavigation/BottomNavigation.js +0 -0
- package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
- package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
- package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
- package/Button/buttonClasses.d.ts +100 -100
- package/ButtonBase/buttonBaseClasses.d.ts +12 -12
- package/ButtonBase/touchRippleClasses.d.ts +20 -20
- package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
- package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
- package/CHANGELOG.md +74 -0
- package/Card/cardClasses.d.ts +8 -8
- package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
- package/CardActions/cardActionsClasses.d.ts +10 -10
- package/CardContent/cardContentClasses.d.ts +8 -8
- package/CardHeader/cardHeaderClasses.d.ts +18 -18
- package/CardMedia/cardMediaClasses.d.ts +12 -12
- package/Checkbox/checkboxClasses.d.ts +18 -18
- package/Chip/chipClasses.d.ts +96 -96
- package/CircularProgress/circularProgressClasses.d.ts +26 -26
- package/ClickAwayListener/index.d.ts +2 -2
- package/Collapse/collapseClasses.d.ts +18 -18
- package/Container/containerClasses.d.ts +6 -6
- package/Dialog/DialogContext.d.ts +6 -6
- package/Dialog/dialogClasses.d.ts +36 -36
- package/DialogActions/dialogActionsClasses.d.ts +10 -10
- package/DialogContent/dialogContentClasses.d.ts +10 -10
- package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
- package/DialogTitle/dialogTitleClasses.d.ts +8 -8
- package/Divider/dividerClasses.d.ts +34 -34
- package/Drawer/drawerClasses.d.ts +30 -30
- package/Fab/Fab.js +8 -5
- package/Fab/fabClasses.d.ts +26 -26
- package/FilledInput/filledInputClasses.d.ts +40 -40
- package/FormControl/FormControlContext.d.ts +17 -17
- package/FormControl/formControlClasses.d.ts +14 -14
- package/FormControl/useFormControl.d.ts +2 -2
- package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
- package/FormGroup/formGroupClasses.d.ts +12 -12
- package/FormHelperText/formHelperTextClasses.d.ts +22 -22
- package/FormLabel/formLabelClasses.d.ts +22 -22
- package/Grid/gridClasses.d.ts +48 -48
- package/Icon/iconClasses.d.ts +24 -24
- package/IconButton/iconButtonClasses.d.ts +34 -34
- package/ImageList/imageListClasses.d.ts +16 -16
- package/ImageListItem/imageListItemClasses.d.ts +18 -18
- package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
- package/Input/inputClasses.d.ts +34 -34
- package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
- package/InputBase/inputBaseClasses.d.ts +46 -46
- package/InputLabel/inputLabelClasses.d.ts +32 -32
- package/LinearProgress/linearProgressClasses.d.ts +42 -42
- package/Link/getTextDecoration.d.ts +15 -15
- package/Link/linkClasses.d.ts +18 -18
- package/List/listClasses.d.ts +14 -14
- package/ListItem/listItemClasses.d.ts +30 -30
- package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
- package/ListItemButton/listItemButtonClasses.d.ts +22 -22
- package/ListItemIcon/listItemIconClasses.d.ts +10 -10
- package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
- package/ListItemText/listItemTextClasses.d.ts +18 -18
- package/ListSubheader/listSubheaderClasses.d.ts +18 -18
- package/Menu/menuClasses.d.ts +12 -12
- package/MenuItem/menuItemClasses.d.ts +20 -20
- package/MobileStepper/mobileStepperClasses.d.ts +22 -22
- package/NativeSelect/nativeSelectClasses.d.ts +32 -32
- package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
- package/OverridableComponentAugmentation.d.ts +31 -31
- package/Pagination/paginationClasses.d.ts +14 -14
- package/PaginationItem/paginationItemClasses.d.ts +42 -42
- package/Paper/paperClasses.d.ts +39 -39
- package/Popover/popoverClasses.d.ts +10 -10
- package/Popper/Popper.d.ts +37 -37
- package/README.md +0 -9
- package/Radio/radioClasses.d.ts +16 -16
- package/RadioGroup/RadioGroupContext.d.ts +11 -11
- package/RadioGroup/useRadioGroup.d.ts +4 -4
- package/Rating/Rating.js +3 -1
- package/Rating/ratingClasses.d.ts +40 -40
- package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
- package/Select/selectClasses.d.ts +30 -30
- package/Skeleton/skeletonClasses.d.ts +26 -26
- package/Slider/Slider.js +6 -1
- package/Snackbar/snackbarClasses.d.ts +20 -20
- package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
- package/SpeedDial/speedDialClasses.d.ts +22 -22
- package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
- package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
- package/Step/StepContext.d.ts +20 -20
- package/Step/stepClasses.d.ts +16 -16
- package/StepButton/stepButtonClasses.d.ts +14 -14
- package/StepConnector/stepConnectorClasses.d.ts +26 -26
- package/StepContent/stepContentClasses.d.ts +12 -12
- package/StepIcon/stepIconClasses.d.ts +16 -16
- package/StepLabel/stepLabelClasses.d.ts +28 -28
- package/Stepper/StepperContext.d.ts +18 -18
- package/Stepper/stepperClasses.d.ts +14 -14
- package/SvgIcon/svgIconClasses.d.ts +26 -26
- package/Switch/switchClasses.d.ts +32 -32
- package/Tab/tabClasses.d.ts +26 -26
- package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
- package/Table/tableClasses.d.ts +10 -10
- package/TableBody/tableBodyClasses.d.ts +8 -8
- package/TableCell/tableCellClasses.d.ts +32 -32
- package/TableContainer/tableContainerClasses.d.ts +8 -8
- package/TableFooter/tableFooterClasses.d.ts +8 -8
- package/TableHead/tableHeadClasses.d.ts +8 -8
- package/TablePagination/tablePaginationClasses.d.ts +28 -28
- package/TableRow/tableRowClasses.d.ts +16 -16
- package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
- package/Tabs/tabsClasses.d.ts +32 -32
- package/TextField/textFieldClasses.d.ts +8 -8
- package/ToggleButton/toggleButtonClasses.d.ts +24 -24
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
- package/Toolbar/toolbarClasses.d.ts +14 -14
- package/Tooltip/tooltipClasses.d.ts +30 -30
- package/Typography/typographyClasses.d.ts +50 -50
- package/Unstable_Grid2/Grid2.d.ts +4 -4
- package/Unstable_Grid2/Grid2Props.d.ts +15 -15
- package/Unstable_Grid2/grid2Classes.d.ts +5 -5
- package/Unstable_Grid2/index.d.ts +4 -4
- package/className/index.d.ts +1 -1
- package/darkScrollbar/index.d.ts +28 -28
- package/esm/BottomNavigation/BottomNavigation.js +0 -0
- package/esm/Fab/Fab.js +8 -5
- package/esm/Rating/Rating.js +3 -1
- package/esm/Slider/Slider.js +6 -1
- package/esm/locale/index.js +5 -5
- package/esm/styles/experimental_extendTheme.js +115 -103
- package/esm/utils/index.js +3 -1
- package/generateUtilityClass/index.d.ts +2 -2
- package/generateUtilityClasses/index.d.ts +1 -1
- package/index.js +1 -1
- package/internal/switchBaseClasses.d.ts +12 -12
- package/legacy/BottomNavigation/BottomNavigation.js +0 -0
- package/legacy/Fab/Fab.js +11 -8
- package/legacy/Rating/Rating.js +10 -9
- package/legacy/Slider/Slider.js +2 -1
- package/legacy/index.js +1 -1
- package/legacy/locale/index.js +5 -5
- package/legacy/styles/experimental_extendTheme.js +136 -103
- package/legacy/utils/index.js +3 -1
- package/locale/index.d.ts +73 -73
- package/locale/index.js +5 -5
- package/modern/BottomNavigation/BottomNavigation.js +0 -0
- package/modern/Fab/Fab.js +8 -5
- package/modern/Rating/Rating.js +3 -1
- package/modern/Slider/Slider.js +6 -1
- package/modern/index.js +1 -1
- package/modern/locale/index.js +5 -5
- package/modern/styles/experimental_extendTheme.js +115 -103
- package/modern/utils/index.js +3 -1
- package/package.json +4 -4
- package/styles/CssVarsProvider.d.ts +16 -14
- package/styles/excludeVariablesFromRoot.d.ts +5 -5
- package/styles/experimental_extendTheme.js +114 -102
- package/styles/getOverlayAlpha.d.ts +2 -2
- package/transitions/index.d.ts +1 -1
- package/transitions/transition.d.ts +13 -13
- package/transitions/utils.d.ts +23 -23
- package/umd/material-ui.development.js +234 -127
- package/umd/material-ui.production.min.js +20 -20
- package/useMediaQuery/useMediaQuery.d.ts +31 -31
- package/useTouchRipple/index.d.ts +1 -1
- package/useTouchRipple/useTouchRipple.d.ts +28 -28
- package/utils/getScrollbarSize.d.ts +2 -2
- package/utils/index.js +3 -1
- package/utils/ownerDocument.d.ts +2 -2
- package/utils/ownerWindow.d.ts +2 -2
- package/utils/setRef.d.ts +2 -2
|
@@ -29,8 +29,18 @@ function assignNode(obj, keys) {
|
|
|
29
29
|
});
|
|
30
30
|
}
|
|
31
31
|
function setColor(obj, key, defaultValue) {
|
|
32
|
-
|
|
32
|
+
if (!obj[key] && defaultValue) {
|
|
33
|
+
obj[key] = defaultValue;
|
|
34
|
+
}
|
|
33
35
|
}
|
|
36
|
+
const silent = fn => {
|
|
37
|
+
try {
|
|
38
|
+
return fn();
|
|
39
|
+
} catch (error) {
|
|
40
|
+
// ignore error
|
|
41
|
+
}
|
|
42
|
+
return undefined;
|
|
43
|
+
};
|
|
34
44
|
const createGetCssVar = (cssVarPrefix = 'mui') => (0, _system.unstable_createGetCssVar)(cssVarPrefix);
|
|
35
45
|
exports.createGetCssVar = createGetCssVar;
|
|
36
46
|
function extendTheme(options = {}, ...args) {
|
|
@@ -96,22 +106,22 @@ function extendTheme(options = {}, ...args) {
|
|
|
96
106
|
// assign component variables
|
|
97
107
|
assignNode(palette, ['Alert', 'AppBar', 'Avatar', 'Chip', 'FilledInput', 'LinearProgress', 'Skeleton', 'Slider', 'SnackbarContent', 'SpeedDialAction', 'StepConnector', 'StepContent', 'Switch', 'TableCell', 'Tooltip']);
|
|
98
108
|
if (key === 'light') {
|
|
99
|
-
setColor(palette.Alert, 'errorColor', (0, _system.
|
|
100
|
-
setColor(palette.Alert, 'infoColor', (0, _system.
|
|
101
|
-
setColor(palette.Alert, 'successColor', (0, _system.
|
|
102
|
-
setColor(palette.Alert, 'warningColor', (0, _system.
|
|
109
|
+
setColor(palette.Alert, 'errorColor', (0, _system.private_safeDarken)(palette.error.light, 0.6));
|
|
110
|
+
setColor(palette.Alert, 'infoColor', (0, _system.private_safeDarken)(palette.info.light, 0.6));
|
|
111
|
+
setColor(palette.Alert, 'successColor', (0, _system.private_safeDarken)(palette.success.light, 0.6));
|
|
112
|
+
setColor(palette.Alert, 'warningColor', (0, _system.private_safeDarken)(palette.warning.light, 0.6));
|
|
103
113
|
setColor(palette.Alert, 'errorFilledBg', getCssVar('palette-error-main'));
|
|
104
114
|
setColor(palette.Alert, 'infoFilledBg', getCssVar('palette-info-main'));
|
|
105
115
|
setColor(palette.Alert, 'successFilledBg', getCssVar('palette-success-main'));
|
|
106
116
|
setColor(palette.Alert, 'warningFilledBg', getCssVar('palette-warning-main'));
|
|
107
|
-
setColor(palette.Alert, 'errorFilledColor', lightPalette.getContrastText(palette.error.main));
|
|
108
|
-
setColor(palette.Alert, 'infoFilledColor', lightPalette.getContrastText(palette.info.main));
|
|
109
|
-
setColor(palette.Alert, 'successFilledColor', lightPalette.getContrastText(palette.success.main));
|
|
110
|
-
setColor(palette.Alert, 'warningFilledColor', lightPalette.getContrastText(palette.warning.main));
|
|
111
|
-
setColor(palette.Alert, 'errorStandardBg', (0, _system.
|
|
112
|
-
setColor(palette.Alert, 'infoStandardBg', (0, _system.
|
|
113
|
-
setColor(palette.Alert, 'successStandardBg', (0, _system.
|
|
114
|
-
setColor(palette.Alert, 'warningStandardBg', (0, _system.
|
|
117
|
+
setColor(palette.Alert, 'errorFilledColor', silent(() => lightPalette.getContrastText(palette.error.main)));
|
|
118
|
+
setColor(palette.Alert, 'infoFilledColor', silent(() => lightPalette.getContrastText(palette.info.main)));
|
|
119
|
+
setColor(palette.Alert, 'successFilledColor', silent(() => lightPalette.getContrastText(palette.success.main)));
|
|
120
|
+
setColor(palette.Alert, 'warningFilledColor', silent(() => lightPalette.getContrastText(palette.warning.main)));
|
|
121
|
+
setColor(palette.Alert, 'errorStandardBg', (0, _system.private_safeLighten)(palette.error.light, 0.9));
|
|
122
|
+
setColor(palette.Alert, 'infoStandardBg', (0, _system.private_safeLighten)(palette.info.light, 0.9));
|
|
123
|
+
setColor(palette.Alert, 'successStandardBg', (0, _system.private_safeLighten)(palette.success.light, 0.9));
|
|
124
|
+
setColor(palette.Alert, 'warningStandardBg', (0, _system.private_safeLighten)(palette.warning.light, 0.9));
|
|
115
125
|
setColor(palette.Alert, 'errorIconColor', getCssVar('palette-error-light'));
|
|
116
126
|
setColor(palette.Alert, 'infoIconColor', getCssVar('palette-info-light'));
|
|
117
127
|
setColor(palette.Alert, 'successIconColor', getCssVar('palette-success-light'));
|
|
@@ -124,52 +134,52 @@ function extendTheme(options = {}, ...args) {
|
|
|
124
134
|
setColor(palette.FilledInput, 'bg', 'rgba(0, 0, 0, 0.06)');
|
|
125
135
|
setColor(palette.FilledInput, 'hoverBg', 'rgba(0, 0, 0, 0.09)');
|
|
126
136
|
setColor(palette.FilledInput, 'disabledBg', 'rgba(0, 0, 0, 0.12)');
|
|
127
|
-
setColor(palette.LinearProgress, 'primaryBg', (0, _system.
|
|
128
|
-
setColor(palette.LinearProgress, 'secondaryBg', (0, _system.
|
|
129
|
-
setColor(palette.LinearProgress, 'errorBg', (0, _system.
|
|
130
|
-
setColor(palette.LinearProgress, 'infoBg', (0, _system.
|
|
131
|
-
setColor(palette.LinearProgress, 'successBg', (0, _system.
|
|
132
|
-
setColor(palette.LinearProgress, 'warningBg', (0, _system.
|
|
137
|
+
setColor(palette.LinearProgress, 'primaryBg', (0, _system.private_safeLighten)(palette.primary.main, 0.62));
|
|
138
|
+
setColor(palette.LinearProgress, 'secondaryBg', (0, _system.private_safeLighten)(palette.secondary.main, 0.62));
|
|
139
|
+
setColor(palette.LinearProgress, 'errorBg', (0, _system.private_safeLighten)(palette.error.main, 0.62));
|
|
140
|
+
setColor(palette.LinearProgress, 'infoBg', (0, _system.private_safeLighten)(palette.info.main, 0.62));
|
|
141
|
+
setColor(palette.LinearProgress, 'successBg', (0, _system.private_safeLighten)(palette.success.main, 0.62));
|
|
142
|
+
setColor(palette.LinearProgress, 'warningBg', (0, _system.private_safeLighten)(palette.warning.main, 0.62));
|
|
133
143
|
setColor(palette.Skeleton, 'bg', `rgba(${getCssVar('palette-text-primaryChannel')} / 0.11)`);
|
|
134
|
-
setColor(palette.Slider, 'primaryTrack', (0, _system.
|
|
135
|
-
setColor(palette.Slider, 'secondaryTrack', (0, _system.
|
|
136
|
-
setColor(palette.Slider, 'errorTrack', (0, _system.
|
|
137
|
-
setColor(palette.Slider, 'infoTrack', (0, _system.
|
|
138
|
-
setColor(palette.Slider, 'successTrack', (0, _system.
|
|
139
|
-
setColor(palette.Slider, 'warningTrack', (0, _system.
|
|
140
|
-
const snackbarContentBackground = (0, _system.
|
|
144
|
+
setColor(palette.Slider, 'primaryTrack', (0, _system.private_safeLighten)(palette.primary.main, 0.62));
|
|
145
|
+
setColor(palette.Slider, 'secondaryTrack', (0, _system.private_safeLighten)(palette.secondary.main, 0.62));
|
|
146
|
+
setColor(palette.Slider, 'errorTrack', (0, _system.private_safeLighten)(palette.error.main, 0.62));
|
|
147
|
+
setColor(palette.Slider, 'infoTrack', (0, _system.private_safeLighten)(palette.info.main, 0.62));
|
|
148
|
+
setColor(palette.Slider, 'successTrack', (0, _system.private_safeLighten)(palette.success.main, 0.62));
|
|
149
|
+
setColor(palette.Slider, 'warningTrack', (0, _system.private_safeLighten)(palette.warning.main, 0.62));
|
|
150
|
+
const snackbarContentBackground = (0, _system.private_safeEmphasize)(palette.background.default, 0.8);
|
|
141
151
|
setColor(palette.SnackbarContent, 'bg', snackbarContentBackground);
|
|
142
|
-
setColor(palette.SnackbarContent, 'color', lightPalette.getContrastText(snackbarContentBackground));
|
|
143
|
-
setColor(palette.SpeedDialAction, 'fabHoverBg', (0, _system.
|
|
152
|
+
setColor(palette.SnackbarContent, 'color', silent(() => lightPalette.getContrastText(snackbarContentBackground)));
|
|
153
|
+
setColor(palette.SpeedDialAction, 'fabHoverBg', (0, _system.private_safeEmphasize)(palette.background.paper, 0.15));
|
|
144
154
|
setColor(palette.StepConnector, 'border', getCssVar('palette-grey-400'));
|
|
145
155
|
setColor(palette.StepContent, 'border', getCssVar('palette-grey-400'));
|
|
146
156
|
setColor(palette.Switch, 'defaultColor', getCssVar('palette-common-white'));
|
|
147
157
|
setColor(palette.Switch, 'defaultDisabledColor', getCssVar('palette-grey-100'));
|
|
148
|
-
setColor(palette.Switch, 'primaryDisabledColor', (0, _system.
|
|
149
|
-
setColor(palette.Switch, 'secondaryDisabledColor', (0, _system.
|
|
150
|
-
setColor(palette.Switch, 'errorDisabledColor', (0, _system.
|
|
151
|
-
setColor(palette.Switch, 'infoDisabledColor', (0, _system.
|
|
152
|
-
setColor(palette.Switch, 'successDisabledColor', (0, _system.
|
|
153
|
-
setColor(palette.Switch, 'warningDisabledColor', (0, _system.
|
|
154
|
-
setColor(palette.TableCell, 'border', (0, _system.
|
|
155
|
-
setColor(palette.Tooltip, 'bg', (0, _system.
|
|
158
|
+
setColor(palette.Switch, 'primaryDisabledColor', (0, _system.private_safeLighten)(palette.primary.main, 0.62));
|
|
159
|
+
setColor(palette.Switch, 'secondaryDisabledColor', (0, _system.private_safeLighten)(palette.secondary.main, 0.62));
|
|
160
|
+
setColor(palette.Switch, 'errorDisabledColor', (0, _system.private_safeLighten)(palette.error.main, 0.62));
|
|
161
|
+
setColor(palette.Switch, 'infoDisabledColor', (0, _system.private_safeLighten)(palette.info.main, 0.62));
|
|
162
|
+
setColor(palette.Switch, 'successDisabledColor', (0, _system.private_safeLighten)(palette.success.main, 0.62));
|
|
163
|
+
setColor(palette.Switch, 'warningDisabledColor', (0, _system.private_safeLighten)(palette.warning.main, 0.62));
|
|
164
|
+
setColor(palette.TableCell, 'border', (0, _system.private_safeLighten)((0, _system.private_safeAlpha)(palette.divider, 1), 0.88));
|
|
165
|
+
setColor(palette.Tooltip, 'bg', (0, _system.private_safeAlpha)(palette.grey[700], 0.92));
|
|
156
166
|
} else {
|
|
157
|
-
setColor(palette.Alert, 'errorColor', (0, _system.
|
|
158
|
-
setColor(palette.Alert, 'infoColor', (0, _system.
|
|
159
|
-
setColor(palette.Alert, 'successColor', (0, _system.
|
|
160
|
-
setColor(palette.Alert, 'warningColor', (0, _system.
|
|
167
|
+
setColor(palette.Alert, 'errorColor', (0, _system.private_safeLighten)(palette.error.light, 0.6));
|
|
168
|
+
setColor(palette.Alert, 'infoColor', (0, _system.private_safeLighten)(palette.info.light, 0.6));
|
|
169
|
+
setColor(palette.Alert, 'successColor', (0, _system.private_safeLighten)(palette.success.light, 0.6));
|
|
170
|
+
setColor(palette.Alert, 'warningColor', (0, _system.private_safeLighten)(palette.warning.light, 0.6));
|
|
161
171
|
setColor(palette.Alert, 'errorFilledBg', getCssVar('palette-error-dark'));
|
|
162
172
|
setColor(palette.Alert, 'infoFilledBg', getCssVar('palette-info-dark'));
|
|
163
173
|
setColor(palette.Alert, 'successFilledBg', getCssVar('palette-success-dark'));
|
|
164
174
|
setColor(palette.Alert, 'warningFilledBg', getCssVar('palette-warning-dark'));
|
|
165
|
-
setColor(palette.Alert, 'errorFilledColor', darkPalette.getContrastText(palette.error.dark));
|
|
166
|
-
setColor(palette.Alert, 'infoFilledColor', darkPalette.getContrastText(palette.info.dark));
|
|
167
|
-
setColor(palette.Alert, 'successFilledColor', darkPalette.getContrastText(palette.success.dark));
|
|
168
|
-
setColor(palette.Alert, 'warningFilledColor', darkPalette.getContrastText(palette.warning.dark));
|
|
169
|
-
setColor(palette.Alert, 'errorStandardBg', (0, _system.
|
|
170
|
-
setColor(palette.Alert, 'infoStandardBg', (0, _system.
|
|
171
|
-
setColor(palette.Alert, 'successStandardBg', (0, _system.
|
|
172
|
-
setColor(palette.Alert, 'warningStandardBg', (0, _system.
|
|
175
|
+
setColor(palette.Alert, 'errorFilledColor', silent(() => darkPalette.getContrastText(palette.error.dark)));
|
|
176
|
+
setColor(palette.Alert, 'infoFilledColor', silent(() => darkPalette.getContrastText(palette.info.dark)));
|
|
177
|
+
setColor(palette.Alert, 'successFilledColor', silent(() => darkPalette.getContrastText(palette.success.dark)));
|
|
178
|
+
setColor(palette.Alert, 'warningFilledColor', silent(() => darkPalette.getContrastText(palette.warning.dark)));
|
|
179
|
+
setColor(palette.Alert, 'errorStandardBg', (0, _system.private_safeDarken)(palette.error.light, 0.9));
|
|
180
|
+
setColor(palette.Alert, 'infoStandardBg', (0, _system.private_safeDarken)(palette.info.light, 0.9));
|
|
181
|
+
setColor(palette.Alert, 'successStandardBg', (0, _system.private_safeDarken)(palette.success.light, 0.9));
|
|
182
|
+
setColor(palette.Alert, 'warningStandardBg', (0, _system.private_safeDarken)(palette.warning.light, 0.9));
|
|
173
183
|
setColor(palette.Alert, 'errorIconColor', getCssVar('palette-error-main'));
|
|
174
184
|
setColor(palette.Alert, 'infoIconColor', getCssVar('palette-info-main'));
|
|
175
185
|
setColor(palette.Alert, 'successIconColor', getCssVar('palette-success-main'));
|
|
@@ -184,72 +194,74 @@ function extendTheme(options = {}, ...args) {
|
|
|
184
194
|
setColor(palette.FilledInput, 'bg', 'rgba(255, 255, 255, 0.09)');
|
|
185
195
|
setColor(palette.FilledInput, 'hoverBg', 'rgba(255, 255, 255, 0.13)');
|
|
186
196
|
setColor(palette.FilledInput, 'disabledBg', 'rgba(255, 255, 255, 0.12)');
|
|
187
|
-
setColor(palette.LinearProgress, 'primaryBg', (0, _system.
|
|
188
|
-
setColor(palette.LinearProgress, 'secondaryBg', (0, _system.
|
|
189
|
-
setColor(palette.LinearProgress, 'errorBg', (0, _system.
|
|
190
|
-
setColor(palette.LinearProgress, 'infoBg', (0, _system.
|
|
191
|
-
setColor(palette.LinearProgress, 'successBg', (0, _system.
|
|
192
|
-
setColor(palette.LinearProgress, 'warningBg', (0, _system.
|
|
197
|
+
setColor(palette.LinearProgress, 'primaryBg', (0, _system.private_safeDarken)(palette.primary.main, 0.5));
|
|
198
|
+
setColor(palette.LinearProgress, 'secondaryBg', (0, _system.private_safeDarken)(palette.secondary.main, 0.5));
|
|
199
|
+
setColor(palette.LinearProgress, 'errorBg', (0, _system.private_safeDarken)(palette.error.main, 0.5));
|
|
200
|
+
setColor(palette.LinearProgress, 'infoBg', (0, _system.private_safeDarken)(palette.info.main, 0.5));
|
|
201
|
+
setColor(palette.LinearProgress, 'successBg', (0, _system.private_safeDarken)(palette.success.main, 0.5));
|
|
202
|
+
setColor(palette.LinearProgress, 'warningBg', (0, _system.private_safeDarken)(palette.warning.main, 0.5));
|
|
193
203
|
setColor(palette.Skeleton, 'bg', `rgba(${getCssVar('palette-text-primaryChannel')} / 0.13)`);
|
|
194
|
-
setColor(palette.Slider, 'primaryTrack', (0, _system.
|
|
195
|
-
setColor(palette.Slider, 'secondaryTrack', (0, _system.
|
|
196
|
-
setColor(palette.Slider, 'errorTrack', (0, _system.
|
|
197
|
-
setColor(palette.Slider, 'infoTrack', (0, _system.
|
|
198
|
-
setColor(palette.Slider, 'successTrack', (0, _system.
|
|
199
|
-
setColor(palette.Slider, 'warningTrack', (0, _system.
|
|
200
|
-
const snackbarContentBackground = (0, _system.
|
|
204
|
+
setColor(palette.Slider, 'primaryTrack', (0, _system.private_safeDarken)(palette.primary.main, 0.5));
|
|
205
|
+
setColor(palette.Slider, 'secondaryTrack', (0, _system.private_safeDarken)(palette.secondary.main, 0.5));
|
|
206
|
+
setColor(palette.Slider, 'errorTrack', (0, _system.private_safeDarken)(palette.error.main, 0.5));
|
|
207
|
+
setColor(palette.Slider, 'infoTrack', (0, _system.private_safeDarken)(palette.info.main, 0.5));
|
|
208
|
+
setColor(palette.Slider, 'successTrack', (0, _system.private_safeDarken)(palette.success.main, 0.5));
|
|
209
|
+
setColor(palette.Slider, 'warningTrack', (0, _system.private_safeDarken)(palette.warning.main, 0.5));
|
|
210
|
+
const snackbarContentBackground = (0, _system.private_safeEmphasize)(palette.background.default, 0.98);
|
|
201
211
|
setColor(palette.SnackbarContent, 'bg', snackbarContentBackground);
|
|
202
|
-
setColor(palette.SnackbarContent, 'color', darkPalette.getContrastText(snackbarContentBackground));
|
|
203
|
-
setColor(palette.SpeedDialAction, 'fabHoverBg', (0, _system.
|
|
212
|
+
setColor(palette.SnackbarContent, 'color', silent(() => darkPalette.getContrastText(snackbarContentBackground)));
|
|
213
|
+
setColor(palette.SpeedDialAction, 'fabHoverBg', (0, _system.private_safeEmphasize)(palette.background.paper, 0.15));
|
|
204
214
|
setColor(palette.StepConnector, 'border', getCssVar('palette-grey-600'));
|
|
205
215
|
setColor(palette.StepContent, 'border', getCssVar('palette-grey-600'));
|
|
206
216
|
setColor(palette.Switch, 'defaultColor', getCssVar('palette-grey-300'));
|
|
207
217
|
setColor(palette.Switch, 'defaultDisabledColor', getCssVar('palette-grey-600'));
|
|
208
|
-
setColor(palette.Switch, 'primaryDisabledColor', (0, _system.
|
|
209
|
-
setColor(palette.Switch, 'secondaryDisabledColor', (0, _system.
|
|
210
|
-
setColor(palette.Switch, 'errorDisabledColor', (0, _system.
|
|
211
|
-
setColor(palette.Switch, 'infoDisabledColor', (0, _system.
|
|
212
|
-
setColor(palette.Switch, 'successDisabledColor', (0, _system.
|
|
213
|
-
setColor(palette.Switch, 'warningDisabledColor', (0, _system.
|
|
214
|
-
setColor(palette.TableCell, 'border', (0, _system.
|
|
215
|
-
setColor(palette.Tooltip, 'bg', (0, _system.
|
|
218
|
+
setColor(palette.Switch, 'primaryDisabledColor', (0, _system.private_safeDarken)(palette.primary.main, 0.55));
|
|
219
|
+
setColor(palette.Switch, 'secondaryDisabledColor', (0, _system.private_safeDarken)(palette.secondary.main, 0.55));
|
|
220
|
+
setColor(palette.Switch, 'errorDisabledColor', (0, _system.private_safeDarken)(palette.error.main, 0.55));
|
|
221
|
+
setColor(palette.Switch, 'infoDisabledColor', (0, _system.private_safeDarken)(palette.info.main, 0.55));
|
|
222
|
+
setColor(palette.Switch, 'successDisabledColor', (0, _system.private_safeDarken)(palette.success.main, 0.55));
|
|
223
|
+
setColor(palette.Switch, 'warningDisabledColor', (0, _system.private_safeDarken)(palette.warning.main, 0.55));
|
|
224
|
+
setColor(palette.TableCell, 'border', (0, _system.private_safeDarken)((0, _system.private_safeAlpha)(palette.divider, 1), 0.68));
|
|
225
|
+
setColor(palette.Tooltip, 'bg', (0, _system.private_safeAlpha)(palette.grey[700], 0.92));
|
|
216
226
|
}
|
|
217
|
-
palette.background
|
|
227
|
+
setColor(palette.background, 'defaultChannel', (0, _system.private_safeColorChannel)(palette.background.default, 'MUI: The value of `palette.background.default` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().')); // MUI X - DataGrid needs this token.
|
|
218
228
|
|
|
219
|
-
palette.common
|
|
220
|
-
palette.common
|
|
221
|
-
palette
|
|
229
|
+
setColor(palette.common, 'backgroundChannel', (0, _system.private_safeColorChannel)(palette.common.background, 'MUI: The value of `palette.common.background` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
|
|
230
|
+
setColor(palette.common, 'onBackgroundChannel', (0, _system.private_safeColorChannel)(palette.common.onBackground, 'MUI: The value of `palette.common.onBackground` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
|
|
231
|
+
setColor(palette, 'dividerChannel', (0, _system.private_safeColorChannel)(palette.divider, 'MUI: The value of `palette.divider` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
|
|
222
232
|
Object.keys(palette).forEach(color => {
|
|
223
233
|
const colors = palette[color];
|
|
224
234
|
|
|
225
|
-
//
|
|
226
|
-
if (colors.main) {
|
|
227
|
-
palette[color].mainChannel = (0, _system.colorChannel)(colors.main);
|
|
228
|
-
}
|
|
229
|
-
if (colors.light) {
|
|
230
|
-
palette[color].lightChannel = (0, _system.colorChannel)(colors.light);
|
|
231
|
-
}
|
|
232
|
-
if (colors.dark) {
|
|
233
|
-
palette[color].darkChannel = (0, _system.colorChannel)(colors.dark);
|
|
234
|
-
}
|
|
235
|
-
if (colors.contrastText) {
|
|
236
|
-
palette[color].contrastTextChannel = (0, _system.colorChannel)(colors.contrastText);
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
// Text colors: text.primary, text.secondary
|
|
240
|
-
if (colors.primary) {
|
|
241
|
-
palette[color].primaryChannel = (0, _system.colorChannel)(colors.primary);
|
|
242
|
-
}
|
|
243
|
-
if (colors.secondary) {
|
|
244
|
-
palette[color].secondaryChannel = (0, _system.colorChannel)(colors.secondary);
|
|
245
|
-
}
|
|
235
|
+
// The default palettes (primary, secondary, error, info, success, and warning) errors are handled by the above `createTheme(...)`.
|
|
246
236
|
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
237
|
+
if (colors && typeof colors === 'object') {
|
|
238
|
+
// Silent the error for custom palettes.
|
|
239
|
+
if (colors.main) {
|
|
240
|
+
setColor(palette[color], 'mainChannel', (0, _system.private_safeColorChannel)(colors.main));
|
|
241
|
+
}
|
|
242
|
+
if (colors.light) {
|
|
243
|
+
setColor(palette[color], 'lightChannel', (0, _system.private_safeColorChannel)(colors.light));
|
|
244
|
+
}
|
|
245
|
+
if (colors.dark) {
|
|
246
|
+
setColor(palette[color], 'darkChannel', (0, _system.private_safeColorChannel)(colors.dark));
|
|
247
|
+
}
|
|
248
|
+
if (colors.contrastText) {
|
|
249
|
+
setColor(palette[color], 'contrastTextChannel', (0, _system.private_safeColorChannel)(colors.contrastText));
|
|
250
|
+
}
|
|
251
|
+
if (color === 'text') {
|
|
252
|
+
// Text colors: text.primary, text.secondary
|
|
253
|
+
setColor(palette[color], 'primaryChannel', (0, _system.private_safeColorChannel)(colors.primary, 'MUI: The value of `palette.text.primary` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
|
|
254
|
+
setColor(palette[color], 'secondaryChannel', (0, _system.private_safeColorChannel)(colors.secondary, 'MUI: The value of `palette.text.secondary` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
|
|
255
|
+
}
|
|
256
|
+
if (color === 'action') {
|
|
257
|
+
// Action colors: action.active, action.selected
|
|
258
|
+
if (colors.active) {
|
|
259
|
+
setColor(palette[color], 'activeChannel', (0, _system.private_safeColorChannel)(colors.active, 'MUI: The value of `palette.action.active` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
|
|
260
|
+
}
|
|
261
|
+
if (colors.selected) {
|
|
262
|
+
setColor(palette[color], 'selectedChannel', (0, _system.private_safeColorChannel)(colors.selected, 'MUI: The value of `palette.action.selected` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
|
|
263
|
+
}
|
|
264
|
+
}
|
|
253
265
|
}
|
|
254
266
|
});
|
|
255
267
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const getOverlayAlpha: (elevation: number) => string;
|
|
2
|
-
export default getOverlayAlpha;
|
|
1
|
+
declare const getOverlayAlpha: (elevation: number) => string;
|
|
2
|
+
export default getOverlayAlpha;
|
package/transitions/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './transition';
|
|
1
|
+
export * from './transition';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
export type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
|
|
4
|
-
export type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
|
|
5
|
-
export interface EasingProps {
|
|
6
|
-
easing: string | {
|
|
7
|
-
enter?: string;
|
|
8
|
-
exit?: string;
|
|
9
|
-
};
|
|
10
|
-
}
|
|
11
|
-
export type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
|
|
12
|
-
export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
|
|
13
|
-
}
|
|
1
|
+
import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
|
|
4
|
+
export type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
|
|
5
|
+
export interface EasingProps {
|
|
6
|
+
easing: string | {
|
|
7
|
+
enter?: string;
|
|
8
|
+
exit?: string;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
export type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
|
|
12
|
+
export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
|
|
13
|
+
}
|
package/transitions/utils.d.ts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export declare const reflow: (node: Element) => number;
|
|
3
|
-
interface ComponentProps {
|
|
4
|
-
easing: string | {
|
|
5
|
-
enter?: string;
|
|
6
|
-
exit?: string;
|
|
7
|
-
} | undefined;
|
|
8
|
-
style: React.CSSProperties | undefined;
|
|
9
|
-
timeout: number | {
|
|
10
|
-
enter?: number;
|
|
11
|
-
exit?: number;
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
interface Options {
|
|
15
|
-
mode: 'enter' | 'exit';
|
|
16
|
-
}
|
|
17
|
-
interface TransitionProps {
|
|
18
|
-
duration: string | number;
|
|
19
|
-
easing: string | undefined;
|
|
20
|
-
delay: string | undefined;
|
|
21
|
-
}
|
|
22
|
-
export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
|
|
23
|
-
export {};
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare const reflow: (node: Element) => number;
|
|
3
|
+
interface ComponentProps {
|
|
4
|
+
easing: string | {
|
|
5
|
+
enter?: string;
|
|
6
|
+
exit?: string;
|
|
7
|
+
} | undefined;
|
|
8
|
+
style: React.CSSProperties | undefined;
|
|
9
|
+
timeout: number | {
|
|
10
|
+
enter?: number;
|
|
11
|
+
exit?: number;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
interface Options {
|
|
15
|
+
mode: 'enter' | 'exit';
|
|
16
|
+
}
|
|
17
|
+
interface TransitionProps {
|
|
18
|
+
duration: string | number;
|
|
19
|
+
easing: string | undefined;
|
|
20
|
+
delay: string | undefined;
|
|
21
|
+
}
|
|
22
|
+
export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
|
|
23
|
+
export {};
|