@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.
Files changed (181) hide show
  1. package/Accordion/accordionClasses.d.ts +18 -18
  2. package/AccordionActions/accordionActionsClasses.d.ts +10 -10
  3. package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
  4. package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
  5. package/Alert/alertClasses.d.ts +44 -44
  6. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  7. package/AppBar/appBarClasses.d.ts +28 -28
  8. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  9. package/Avatar/avatarClasses.d.ts +20 -20
  10. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  11. package/Backdrop/backdropClasses.d.ts +10 -10
  12. package/Badge/badgeClasses.d.ts +56 -56
  13. package/BottomNavigation/BottomNavigation.js +0 -0
  14. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  15. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  16. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  17. package/Button/buttonClasses.d.ts +100 -100
  18. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  19. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  20. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  21. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  22. package/CHANGELOG.md +74 -0
  23. package/Card/cardClasses.d.ts +8 -8
  24. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  25. package/CardActions/cardActionsClasses.d.ts +10 -10
  26. package/CardContent/cardContentClasses.d.ts +8 -8
  27. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  28. package/CardMedia/cardMediaClasses.d.ts +12 -12
  29. package/Checkbox/checkboxClasses.d.ts +18 -18
  30. package/Chip/chipClasses.d.ts +96 -96
  31. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  32. package/ClickAwayListener/index.d.ts +2 -2
  33. package/Collapse/collapseClasses.d.ts +18 -18
  34. package/Container/containerClasses.d.ts +6 -6
  35. package/Dialog/DialogContext.d.ts +6 -6
  36. package/Dialog/dialogClasses.d.ts +36 -36
  37. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  38. package/DialogContent/dialogContentClasses.d.ts +10 -10
  39. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  40. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  41. package/Divider/dividerClasses.d.ts +34 -34
  42. package/Drawer/drawerClasses.d.ts +30 -30
  43. package/Fab/Fab.js +8 -5
  44. package/Fab/fabClasses.d.ts +26 -26
  45. package/FilledInput/filledInputClasses.d.ts +40 -40
  46. package/FormControl/FormControlContext.d.ts +17 -17
  47. package/FormControl/formControlClasses.d.ts +14 -14
  48. package/FormControl/useFormControl.d.ts +2 -2
  49. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  50. package/FormGroup/formGroupClasses.d.ts +12 -12
  51. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  52. package/FormLabel/formLabelClasses.d.ts +22 -22
  53. package/Grid/gridClasses.d.ts +48 -48
  54. package/Icon/iconClasses.d.ts +24 -24
  55. package/IconButton/iconButtonClasses.d.ts +34 -34
  56. package/ImageList/imageListClasses.d.ts +16 -16
  57. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  58. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  59. package/Input/inputClasses.d.ts +34 -34
  60. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  61. package/InputBase/inputBaseClasses.d.ts +46 -46
  62. package/InputLabel/inputLabelClasses.d.ts +32 -32
  63. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  64. package/Link/getTextDecoration.d.ts +15 -15
  65. package/Link/linkClasses.d.ts +18 -18
  66. package/List/listClasses.d.ts +14 -14
  67. package/ListItem/listItemClasses.d.ts +30 -30
  68. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  69. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  70. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  71. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  72. package/ListItemText/listItemTextClasses.d.ts +18 -18
  73. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  74. package/Menu/menuClasses.d.ts +12 -12
  75. package/MenuItem/menuItemClasses.d.ts +20 -20
  76. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  77. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  78. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  79. package/OverridableComponentAugmentation.d.ts +31 -31
  80. package/Pagination/paginationClasses.d.ts +14 -14
  81. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  82. package/Paper/paperClasses.d.ts +39 -39
  83. package/Popover/popoverClasses.d.ts +10 -10
  84. package/Popper/Popper.d.ts +37 -37
  85. package/README.md +0 -9
  86. package/Radio/radioClasses.d.ts +16 -16
  87. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  88. package/RadioGroup/useRadioGroup.d.ts +4 -4
  89. package/Rating/Rating.js +3 -1
  90. package/Rating/ratingClasses.d.ts +40 -40
  91. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  92. package/Select/selectClasses.d.ts +30 -30
  93. package/Skeleton/skeletonClasses.d.ts +26 -26
  94. package/Slider/Slider.js +6 -1
  95. package/Snackbar/snackbarClasses.d.ts +20 -20
  96. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  97. package/SpeedDial/speedDialClasses.d.ts +22 -22
  98. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  99. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  100. package/Step/StepContext.d.ts +20 -20
  101. package/Step/stepClasses.d.ts +16 -16
  102. package/StepButton/stepButtonClasses.d.ts +14 -14
  103. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  104. package/StepContent/stepContentClasses.d.ts +12 -12
  105. package/StepIcon/stepIconClasses.d.ts +16 -16
  106. package/StepLabel/stepLabelClasses.d.ts +28 -28
  107. package/Stepper/StepperContext.d.ts +18 -18
  108. package/Stepper/stepperClasses.d.ts +14 -14
  109. package/SvgIcon/svgIconClasses.d.ts +26 -26
  110. package/Switch/switchClasses.d.ts +32 -32
  111. package/Tab/tabClasses.d.ts +26 -26
  112. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  113. package/Table/tableClasses.d.ts +10 -10
  114. package/TableBody/tableBodyClasses.d.ts +8 -8
  115. package/TableCell/tableCellClasses.d.ts +32 -32
  116. package/TableContainer/tableContainerClasses.d.ts +8 -8
  117. package/TableFooter/tableFooterClasses.d.ts +8 -8
  118. package/TableHead/tableHeadClasses.d.ts +8 -8
  119. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  120. package/TableRow/tableRowClasses.d.ts +16 -16
  121. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  122. package/Tabs/tabsClasses.d.ts +32 -32
  123. package/TextField/textFieldClasses.d.ts +8 -8
  124. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  125. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  126. package/Toolbar/toolbarClasses.d.ts +14 -14
  127. package/Tooltip/tooltipClasses.d.ts +30 -30
  128. package/Typography/typographyClasses.d.ts +50 -50
  129. package/Unstable_Grid2/Grid2.d.ts +4 -4
  130. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  131. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  132. package/Unstable_Grid2/index.d.ts +4 -4
  133. package/className/index.d.ts +1 -1
  134. package/darkScrollbar/index.d.ts +28 -28
  135. package/esm/BottomNavigation/BottomNavigation.js +0 -0
  136. package/esm/Fab/Fab.js +8 -5
  137. package/esm/Rating/Rating.js +3 -1
  138. package/esm/Slider/Slider.js +6 -1
  139. package/esm/locale/index.js +5 -5
  140. package/esm/styles/experimental_extendTheme.js +115 -103
  141. package/esm/utils/index.js +3 -1
  142. package/generateUtilityClass/index.d.ts +2 -2
  143. package/generateUtilityClasses/index.d.ts +1 -1
  144. package/index.js +1 -1
  145. package/internal/switchBaseClasses.d.ts +12 -12
  146. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  147. package/legacy/Fab/Fab.js +11 -8
  148. package/legacy/Rating/Rating.js +10 -9
  149. package/legacy/Slider/Slider.js +2 -1
  150. package/legacy/index.js +1 -1
  151. package/legacy/locale/index.js +5 -5
  152. package/legacy/styles/experimental_extendTheme.js +136 -103
  153. package/legacy/utils/index.js +3 -1
  154. package/locale/index.d.ts +73 -73
  155. package/locale/index.js +5 -5
  156. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  157. package/modern/Fab/Fab.js +8 -5
  158. package/modern/Rating/Rating.js +3 -1
  159. package/modern/Slider/Slider.js +6 -1
  160. package/modern/index.js +1 -1
  161. package/modern/locale/index.js +5 -5
  162. package/modern/styles/experimental_extendTheme.js +115 -103
  163. package/modern/utils/index.js +3 -1
  164. package/package.json +4 -4
  165. package/styles/CssVarsProvider.d.ts +16 -14
  166. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  167. package/styles/experimental_extendTheme.js +114 -102
  168. package/styles/getOverlayAlpha.d.ts +2 -2
  169. package/transitions/index.d.ts +1 -1
  170. package/transitions/transition.d.ts +13 -13
  171. package/transitions/utils.d.ts +23 -23
  172. package/umd/material-ui.development.js +234 -127
  173. package/umd/material-ui.production.min.js +20 -20
  174. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  175. package/useTouchRipple/index.d.ts +1 -1
  176. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  177. package/utils/getScrollbarSize.d.ts +2 -2
  178. package/utils/index.js +3 -1
  179. package/utils/ownerDocument.d.ts +2 -2
  180. package/utils/ownerWindow.d.ts +2 -2
  181. 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
- obj[key] = obj[key] || defaultValue;
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.darken)(palette.error.light, 0.6));
100
- setColor(palette.Alert, 'infoColor', (0, _system.darken)(palette.info.light, 0.6));
101
- setColor(palette.Alert, 'successColor', (0, _system.darken)(palette.success.light, 0.6));
102
- setColor(palette.Alert, 'warningColor', (0, _system.darken)(palette.warning.light, 0.6));
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.lighten)(palette.error.light, 0.9));
112
- setColor(palette.Alert, 'infoStandardBg', (0, _system.lighten)(palette.info.light, 0.9));
113
- setColor(palette.Alert, 'successStandardBg', (0, _system.lighten)(palette.success.light, 0.9));
114
- setColor(palette.Alert, 'warningStandardBg', (0, _system.lighten)(palette.warning.light, 0.9));
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.lighten)(palette.primary.main, 0.62));
128
- setColor(palette.LinearProgress, 'secondaryBg', (0, _system.lighten)(palette.secondary.main, 0.62));
129
- setColor(palette.LinearProgress, 'errorBg', (0, _system.lighten)(palette.error.main, 0.62));
130
- setColor(palette.LinearProgress, 'infoBg', (0, _system.lighten)(palette.info.main, 0.62));
131
- setColor(palette.LinearProgress, 'successBg', (0, _system.lighten)(palette.success.main, 0.62));
132
- setColor(palette.LinearProgress, 'warningBg', (0, _system.lighten)(palette.warning.main, 0.62));
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.lighten)(palette.primary.main, 0.62));
135
- setColor(palette.Slider, 'secondaryTrack', (0, _system.lighten)(palette.secondary.main, 0.62));
136
- setColor(palette.Slider, 'errorTrack', (0, _system.lighten)(palette.error.main, 0.62));
137
- setColor(palette.Slider, 'infoTrack', (0, _system.lighten)(palette.info.main, 0.62));
138
- setColor(palette.Slider, 'successTrack', (0, _system.lighten)(palette.success.main, 0.62));
139
- setColor(palette.Slider, 'warningTrack', (0, _system.lighten)(palette.warning.main, 0.62));
140
- const snackbarContentBackground = (0, _system.emphasize)(palette.background.default, 0.8);
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.emphasize)(palette.background.paper, 0.15));
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.lighten)(palette.primary.main, 0.62));
149
- setColor(palette.Switch, 'secondaryDisabledColor', (0, _system.lighten)(palette.secondary.main, 0.62));
150
- setColor(palette.Switch, 'errorDisabledColor', (0, _system.lighten)(palette.error.main, 0.62));
151
- setColor(palette.Switch, 'infoDisabledColor', (0, _system.lighten)(palette.info.main, 0.62));
152
- setColor(palette.Switch, 'successDisabledColor', (0, _system.lighten)(palette.success.main, 0.62));
153
- setColor(palette.Switch, 'warningDisabledColor', (0, _system.lighten)(palette.warning.main, 0.62));
154
- setColor(palette.TableCell, 'border', (0, _system.lighten)((0, _system.alpha)(palette.divider, 1), 0.88));
155
- setColor(palette.Tooltip, 'bg', (0, _system.alpha)(palette.grey[700], 0.92));
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.lighten)(palette.error.light, 0.6));
158
- setColor(palette.Alert, 'infoColor', (0, _system.lighten)(palette.info.light, 0.6));
159
- setColor(palette.Alert, 'successColor', (0, _system.lighten)(palette.success.light, 0.6));
160
- setColor(palette.Alert, 'warningColor', (0, _system.lighten)(palette.warning.light, 0.6));
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.darken)(palette.error.light, 0.9));
170
- setColor(palette.Alert, 'infoStandardBg', (0, _system.darken)(palette.info.light, 0.9));
171
- setColor(palette.Alert, 'successStandardBg', (0, _system.darken)(palette.success.light, 0.9));
172
- setColor(palette.Alert, 'warningStandardBg', (0, _system.darken)(palette.warning.light, 0.9));
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.darken)(palette.primary.main, 0.5));
188
- setColor(palette.LinearProgress, 'secondaryBg', (0, _system.darken)(palette.secondary.main, 0.5));
189
- setColor(palette.LinearProgress, 'errorBg', (0, _system.darken)(palette.error.main, 0.5));
190
- setColor(palette.LinearProgress, 'infoBg', (0, _system.darken)(palette.info.main, 0.5));
191
- setColor(palette.LinearProgress, 'successBg', (0, _system.darken)(palette.success.main, 0.5));
192
- setColor(palette.LinearProgress, 'warningBg', (0, _system.darken)(palette.warning.main, 0.5));
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.darken)(palette.primary.main, 0.5));
195
- setColor(palette.Slider, 'secondaryTrack', (0, _system.darken)(palette.secondary.main, 0.5));
196
- setColor(palette.Slider, 'errorTrack', (0, _system.darken)(palette.error.main, 0.5));
197
- setColor(palette.Slider, 'infoTrack', (0, _system.darken)(palette.info.main, 0.5));
198
- setColor(palette.Slider, 'successTrack', (0, _system.darken)(palette.success.main, 0.5));
199
- setColor(palette.Slider, 'warningTrack', (0, _system.darken)(palette.warning.main, 0.5));
200
- const snackbarContentBackground = (0, _system.emphasize)(palette.background.default, 0.98);
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.emphasize)(palette.background.paper, 0.15));
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.darken)(palette.primary.main, 0.55));
209
- setColor(palette.Switch, 'secondaryDisabledColor', (0, _system.darken)(palette.secondary.main, 0.55));
210
- setColor(palette.Switch, 'errorDisabledColor', (0, _system.darken)(palette.error.main, 0.55));
211
- setColor(palette.Switch, 'infoDisabledColor', (0, _system.darken)(palette.info.main, 0.55));
212
- setColor(palette.Switch, 'successDisabledColor', (0, _system.darken)(palette.success.main, 0.55));
213
- setColor(palette.Switch, 'warningDisabledColor', (0, _system.darken)(palette.warning.main, 0.55));
214
- setColor(palette.TableCell, 'border', (0, _system.darken)((0, _system.alpha)(palette.divider, 1), 0.68));
215
- setColor(palette.Tooltip, 'bg', (0, _system.alpha)(palette.grey[700], 0.92));
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.defaultChannel = (0, _system.colorChannel)(palette.background.default); // MUI X - DataGrid needs this token.
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.backgroundChannel = (0, _system.colorChannel)(palette.common.background);
220
- palette.common.onBackgroundChannel = (0, _system.colorChannel)(palette.common.onBackground);
221
- palette.dividerChannel = (0, _system.colorChannel)(palette.divider);
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
- // Color palettes: primary, secondary, error, info, success, and warning
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
- // Action colors: action.active, action.selected
248
- if (colors.active) {
249
- palette[color].activeChannel = (0, _system.colorChannel)(colors.active);
250
- }
251
- if (colors.selected) {
252
- palette[color].selectedChannel = (0, _system.colorChannel)(colors.selected);
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;
@@ -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
+ }
@@ -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 {};