@mui/material 5.11.12 → 5.11.13

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 (180) 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 +56 -56
  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 +43 -2
  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/fabClasses.d.ts +26 -26
  44. package/FilledInput/filledInputClasses.d.ts +40 -40
  45. package/FormControl/FormControlContext.d.ts +17 -17
  46. package/FormControl/formControlClasses.d.ts +14 -14
  47. package/FormControl/useFormControl.d.ts +2 -2
  48. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  49. package/FormGroup/formGroupClasses.d.ts +12 -12
  50. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  51. package/FormLabel/formLabelClasses.d.ts +22 -22
  52. package/Grid/gridClasses.d.ts +48 -48
  53. package/Icon/iconClasses.d.ts +24 -24
  54. package/IconButton/iconButtonClasses.d.ts +34 -34
  55. package/ImageList/imageListClasses.d.ts +16 -16
  56. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  57. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  58. package/Input/inputClasses.d.ts +34 -34
  59. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  60. package/InputBase/inputBaseClasses.d.ts +46 -46
  61. package/InputLabel/inputLabelClasses.d.ts +32 -32
  62. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  63. package/Link/getTextDecoration.d.ts +15 -15
  64. package/Link/linkClasses.d.ts +18 -18
  65. package/List/listClasses.d.ts +14 -14
  66. package/ListItem/listItemClasses.d.ts +30 -30
  67. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  68. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  69. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  70. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  71. package/ListItemText/listItemTextClasses.d.ts +18 -18
  72. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  73. package/Menu/menuClasses.d.ts +12 -12
  74. package/MenuItem/menuItemClasses.d.ts +20 -20
  75. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  76. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  77. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  78. package/Pagination/paginationClasses.d.ts +14 -14
  79. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  80. package/Paper/paperClasses.d.ts +39 -39
  81. package/Popover/popoverClasses.d.ts +10 -10
  82. package/Popper/Popper.d.ts +55 -55
  83. package/Radio/radioClasses.d.ts +16 -16
  84. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  85. package/RadioGroup/useRadioGroup.d.ts +4 -4
  86. package/Rating/ratingClasses.d.ts +40 -40
  87. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  88. package/Select/selectClasses.d.ts +30 -30
  89. package/Skeleton/skeletonClasses.d.ts +26 -26
  90. package/Slider/SliderValueLabel.d.ts +15 -15
  91. package/Slider/SliderValueLabel.types.d.ts +24 -24
  92. package/Slider/sliderClasses.d.ts +58 -58
  93. package/Snackbar/snackbarClasses.d.ts +20 -20
  94. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  95. package/SpeedDial/speedDialClasses.d.ts +22 -22
  96. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  97. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  98. package/Stack/stackClasses.d.ts +6 -6
  99. package/Step/StepContext.d.ts +20 -20
  100. package/Step/stepClasses.d.ts +16 -16
  101. package/StepButton/stepButtonClasses.d.ts +14 -14
  102. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  103. package/StepContent/stepContentClasses.d.ts +12 -12
  104. package/StepIcon/stepIconClasses.d.ts +16 -16
  105. package/StepLabel/stepLabelClasses.d.ts +28 -28
  106. package/Stepper/StepperContext.d.ts +18 -18
  107. package/Stepper/stepperClasses.d.ts +14 -14
  108. package/SvgIcon/svgIconClasses.d.ts +26 -26
  109. package/Switch/switchClasses.d.ts +32 -32
  110. package/Tab/tabClasses.d.ts +26 -26
  111. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  112. package/Table/tableClasses.d.ts +10 -10
  113. package/TableBody/tableBodyClasses.d.ts +8 -8
  114. package/TableCell/tableCellClasses.d.ts +32 -32
  115. package/TableContainer/tableContainerClasses.d.ts +8 -8
  116. package/TableFooter/tableFooterClasses.d.ts +8 -8
  117. package/TableHead/tableHeadClasses.d.ts +8 -8
  118. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  119. package/TableRow/tableRowClasses.d.ts +16 -16
  120. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  121. package/Tabs/tabsClasses.d.ts +32 -32
  122. package/TextField/textFieldClasses.d.ts +8 -8
  123. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  124. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  125. package/Toolbar/toolbarClasses.d.ts +14 -14
  126. package/Tooltip/tooltipClasses.d.ts +30 -30
  127. package/Typography/typographyClasses.d.ts +50 -50
  128. package/Unstable_Grid2/Grid2.d.ts +4 -4
  129. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  130. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  131. package/Unstable_Grid2/index.d.ts +4 -4
  132. package/className/index.d.ts +1 -1
  133. package/darkScrollbar/index.d.ts +28 -28
  134. package/generateUtilityClass/index.d.ts +2 -2
  135. package/generateUtilityClasses/index.d.ts +1 -1
  136. package/index.js +1 -1
  137. package/internal/switchBaseClasses.d.ts +12 -12
  138. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  139. package/legacy/index.js +1 -1
  140. package/legacy/styles/createTypography.js +8 -1
  141. package/legacy/styles/experimental_extendTheme.js +1 -6
  142. package/legacy/styles/index.js +1 -0
  143. package/legacy/styles/shouldSkipGeneratingVar.js +6 -0
  144. package/locale/index.d.ts +75 -75
  145. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  146. package/modern/index.js +1 -1
  147. package/modern/styles/createTypography.js +8 -1
  148. package/modern/styles/experimental_extendTheme.js +1 -3
  149. package/modern/styles/index.js +1 -0
  150. package/modern/styles/shouldSkipGeneratingVar.js +5 -0
  151. package/node/BottomNavigation/BottomNavigation.js +0 -0
  152. package/node/index.js +1 -1
  153. package/node/styles/createTypography.js +8 -1
  154. package/node/styles/experimental_extendTheme.js +2 -9
  155. package/node/styles/index.js +8 -0
  156. package/node/styles/shouldSkipGeneratingVar.js +12 -0
  157. package/package.json +5 -5
  158. package/styles/CssVarsProvider.d.ts +15 -15
  159. package/styles/createTypography.js +8 -1
  160. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  161. package/styles/experimental_extendTheme.d.ts +5 -1
  162. package/styles/experimental_extendTheme.js +1 -6
  163. package/styles/getOverlayAlpha.d.ts +2 -2
  164. package/styles/index.d.ts +1 -0
  165. package/styles/index.js +1 -0
  166. package/styles/shouldSkipGeneratingVar.d.ts +1 -0
  167. package/styles/shouldSkipGeneratingVar.js +6 -0
  168. package/transitions/index.d.ts +1 -1
  169. package/transitions/transition.d.ts +13 -13
  170. package/transitions/utils.d.ts +23 -23
  171. package/types/OverridableComponentAugmentation.d.ts +31 -31
  172. package/umd/material-ui.development.js +87 -19
  173. package/umd/material-ui.production.min.js +20 -20
  174. package/useMediaQuery/useMediaQuery.d.ts +46 -46
  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/ownerDocument.d.ts +2 -2
  179. package/utils/ownerWindow.d.ts +2 -2
  180. package/utils/setRef.d.ts +2 -2
package/locale/index.d.ts CHANGED
@@ -1,75 +1,75 @@
1
- import { ComponentsPropsList } from '../styles/props';
2
- export interface Localization {
3
- components?: {
4
- MuiAlert?: {
5
- defaultProps: Pick<ComponentsPropsList['MuiAlert'], 'closeText'>;
6
- };
7
- MuiBreadcrumbs?: {
8
- defaultProps: Pick<ComponentsPropsList['MuiBreadcrumbs'], 'expandText'>;
9
- };
10
- MuiTablePagination?: {
11
- defaultProps: Pick<ComponentsPropsList['MuiTablePagination'], 'labelRowsPerPage' | 'labelDisplayedRows' | 'getItemAriaLabel'>;
12
- };
13
- MuiRating?: {
14
- defaultProps: Pick<ComponentsPropsList['MuiRating'], 'emptyLabelText' | 'getLabelText'>;
15
- };
16
- MuiAutocomplete?: {
17
- defaultProps: Pick<ComponentsPropsList['MuiAutocomplete'], 'clearText' | 'closeText' | 'loadingText' | 'noOptionsText' | 'openText'>;
18
- };
19
- MuiPagination?: {
20
- defaultProps: Pick<ComponentsPropsList['MuiPagination'], 'aria-label' | 'getItemAriaLabel'>;
21
- };
22
- };
23
- }
24
- export declare const amET: Localization;
25
- export declare const arEG: Localization;
26
- export declare const arSA: Localization;
27
- export declare const arSD: Localization;
28
- export declare const azAZ: Localization;
29
- export declare const bnBD: Localization;
30
- export declare const beBY: Localization;
31
- export declare const bgBG: Localization;
32
- export declare const caES: Localization;
33
- export declare const csCZ: Localization;
34
- export declare const daDK: Localization;
35
- export declare const deDE: Localization;
36
- export declare const elGR: Localization;
37
- export declare const enUS: Localization;
38
- export declare const esES: Localization;
39
- export declare const etEE: Localization;
40
- export declare const faIR: Localization;
41
- export declare const fiFI: Localization;
42
- export declare const frFR: Localization;
43
- export declare const heIL: Localization;
44
- export declare const hiIN: Localization;
45
- export declare const hrHR: Localization;
46
- export declare const huHU: Localization;
47
- export declare const hyAM: Localization;
48
- export declare const idID: Localization;
49
- export declare const isIS: Localization;
50
- export declare const itIT: Localization;
51
- export declare const jaJP: Localization;
52
- export declare const khKH: Localization;
53
- export declare const koKR: Localization;
54
- export declare const kuLatn: Localization;
55
- export declare const kkKZ: Localization;
56
- export declare const mkMK: Localization;
57
- export declare const nbNO: Localization;
58
- export declare const nlNL: Localization;
59
- export declare const plPL: Localization;
60
- export declare const ptBR: Localization;
61
- export declare const ptPT: Localization;
62
- export declare const roRO: Localization;
63
- export declare const srRS: Localization;
64
- export declare const ruRU: Localization;
65
- export declare const siLK: Localization;
66
- export declare const skSK: Localization;
67
- export declare const svSE: Localization;
68
- export declare const thTH: Localization;
69
- export declare const trTR: Localization;
70
- export declare const ukUA: Localization;
71
- export declare const urPK: Localization;
72
- export declare const viVN: Localization;
73
- export declare const zhCN: Localization;
74
- export declare const zhHK: Localization;
75
- export declare const zhTW: Localization;
1
+ import { ComponentsPropsList } from '../styles/props';
2
+ export interface Localization {
3
+ components?: {
4
+ MuiAlert?: {
5
+ defaultProps: Pick<ComponentsPropsList['MuiAlert'], 'closeText'>;
6
+ };
7
+ MuiBreadcrumbs?: {
8
+ defaultProps: Pick<ComponentsPropsList['MuiBreadcrumbs'], 'expandText'>;
9
+ };
10
+ MuiTablePagination?: {
11
+ defaultProps: Pick<ComponentsPropsList['MuiTablePagination'], 'labelRowsPerPage' | 'labelDisplayedRows' | 'getItemAriaLabel'>;
12
+ };
13
+ MuiRating?: {
14
+ defaultProps: Pick<ComponentsPropsList['MuiRating'], 'emptyLabelText' | 'getLabelText'>;
15
+ };
16
+ MuiAutocomplete?: {
17
+ defaultProps: Pick<ComponentsPropsList['MuiAutocomplete'], 'clearText' | 'closeText' | 'loadingText' | 'noOptionsText' | 'openText'>;
18
+ };
19
+ MuiPagination?: {
20
+ defaultProps: Pick<ComponentsPropsList['MuiPagination'], 'aria-label' | 'getItemAriaLabel'>;
21
+ };
22
+ };
23
+ }
24
+ export declare const amET: Localization;
25
+ export declare const arEG: Localization;
26
+ export declare const arSA: Localization;
27
+ export declare const arSD: Localization;
28
+ export declare const azAZ: Localization;
29
+ export declare const bnBD: Localization;
30
+ export declare const beBY: Localization;
31
+ export declare const bgBG: Localization;
32
+ export declare const caES: Localization;
33
+ export declare const csCZ: Localization;
34
+ export declare const daDK: Localization;
35
+ export declare const deDE: Localization;
36
+ export declare const elGR: Localization;
37
+ export declare const enUS: Localization;
38
+ export declare const esES: Localization;
39
+ export declare const etEE: Localization;
40
+ export declare const faIR: Localization;
41
+ export declare const fiFI: Localization;
42
+ export declare const frFR: Localization;
43
+ export declare const heIL: Localization;
44
+ export declare const hiIN: Localization;
45
+ export declare const hrHR: Localization;
46
+ export declare const huHU: Localization;
47
+ export declare const hyAM: Localization;
48
+ export declare const idID: Localization;
49
+ export declare const isIS: Localization;
50
+ export declare const itIT: Localization;
51
+ export declare const jaJP: Localization;
52
+ export declare const khKH: Localization;
53
+ export declare const koKR: Localization;
54
+ export declare const kuLatn: Localization;
55
+ export declare const kkKZ: Localization;
56
+ export declare const mkMK: Localization;
57
+ export declare const nbNO: Localization;
58
+ export declare const nlNL: Localization;
59
+ export declare const plPL: Localization;
60
+ export declare const ptBR: Localization;
61
+ export declare const ptPT: Localization;
62
+ export declare const roRO: Localization;
63
+ export declare const srRS: Localization;
64
+ export declare const ruRU: Localization;
65
+ export declare const siLK: Localization;
66
+ export declare const skSK: Localization;
67
+ export declare const svSE: Localization;
68
+ export declare const thTH: Localization;
69
+ export declare const trTR: Localization;
70
+ export declare const ukUA: Localization;
71
+ export declare const urPK: Localization;
72
+ export declare const viVN: Localization;
73
+ export declare const zhCN: Localization;
74
+ export declare const zhHK: Localization;
75
+ export declare const zhTW: Localization;
File without changes
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/material v5.11.12
2
+ * @mui/material v5.11.13
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -65,7 +65,14 @@ export default function createTypography(palette, typography) {
65
65
  body2: buildVariant(fontWeightRegular, 14, 1.43, 0.15),
66
66
  button: buildVariant(fontWeightMedium, 14, 1.75, 0.4, caseAllCaps),
67
67
  caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),
68
- overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)
68
+ overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps),
69
+ inherit: {
70
+ fontFamily: 'inherit',
71
+ fontWeight: 'inherit',
72
+ fontSize: 'inherit',
73
+ lineHeight: 'inherit',
74
+ letterSpacing: 'inherit'
75
+ }
69
76
  };
70
77
  return deepmerge(_extends({
71
78
  htmlFontSize,
@@ -4,6 +4,7 @@ const _excluded = ["colorSchemes", "cssVarPrefix", "shouldSkipGeneratingVar"],
4
4
  _excluded2 = ["palette"];
5
5
  import { deepmerge } from '@mui/utils';
6
6
  import { private_safeColorChannel as safeColorChannel, private_safeAlpha as safeAlpha, private_safeDarken as safeDarken, private_safeLighten as safeLighten, private_safeEmphasize as safeEmphasize, unstable_createGetCssVar as systemCreateGetCssVar, unstable_defaultSxConfig as defaultSxConfig, unstable_styleFunctionSx as styleFunctionSx, unstable_prepareCssVars as prepareCssVars } from '@mui/system';
7
+ import defaultShouldSkipGeneratingVar from './shouldSkipGeneratingVar';
7
8
  import createThemeWithoutVars from './createTheme';
8
9
  import getOverlayAlpha from './getOverlayAlpha';
9
10
  const defaultDarkOverlays = [...Array(25)].map((_, index) => {
@@ -41,9 +42,6 @@ const silent = fn => {
41
42
  return undefined;
42
43
  };
43
44
  export const createGetCssVar = (cssVarPrefix = 'mui') => systemCreateGetCssVar(cssVarPrefix);
44
- export const defaultShouldSkipGeneratingVar = keys => !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) ||
45
- // ends with sxConfig
46
- keys[0] === 'palette' && !!keys[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
47
45
  export default function extendTheme(options = {}, ...args) {
48
46
  const {
49
47
  colorSchemes: colorSchemesInput = {},
@@ -26,6 +26,7 @@ export { default as withTheme } from './withTheme';
26
26
  export * from './CssVarsProvider';
27
27
  export { default as experimental_extendTheme } from './experimental_extendTheme';
28
28
  export { default as getOverlayAlpha } from './getOverlayAlpha';
29
+ export { default as shouldSkipGeneratingVar } from './shouldSkipGeneratingVar';
29
30
 
30
31
  // Private methods for creating parts of the theme
31
32
  export { default as private_createTypography } from './createTypography';
@@ -0,0 +1,5 @@
1
+ export default function shouldSkipGeneratingVar(keys) {
2
+ return !!keys[0].match(/(cssVarPrefix|typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) ||
3
+ // ends with sxConfig
4
+ keys[0] === 'palette' && !!keys[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
5
+ }
File without changes
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/material v5.11.12
2
+ * @mui/material v5.11.13
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -72,7 +72,14 @@ function createTypography(palette, typography) {
72
72
  body2: buildVariant(fontWeightRegular, 14, 1.43, 0.15),
73
73
  button: buildVariant(fontWeightMedium, 14, 1.75, 0.4, caseAllCaps),
74
74
  caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),
75
- overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)
75
+ overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps),
76
+ inherit: {
77
+ fontFamily: 'inherit',
78
+ fontWeight: 'inherit',
79
+ fontSize: 'inherit',
80
+ lineHeight: 'inherit',
81
+ letterSpacing: 'inherit'
82
+ }
76
83
  };
77
84
  return (0, _utils.deepmerge)((0, _extends2.default)({
78
85
  htmlFontSize,
@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.createGetCssVar = void 0;
8
8
  exports.default = extendTheme;
9
- exports.defaultShouldSkipGeneratingVar = void 0;
10
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
10
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
12
11
  var _utils = require("@mui/utils");
13
12
  var _system = require("@mui/system");
13
+ var _shouldSkipGeneratingVar = _interopRequireDefault(require("./shouldSkipGeneratingVar"));
14
14
  var _createTheme = _interopRequireDefault(require("./createTheme"));
15
15
  var _getOverlayAlpha = _interopRequireDefault(require("./getOverlayAlpha"));
16
16
  const _excluded = ["colorSchemes", "cssVarPrefix", "shouldSkipGeneratingVar"],
@@ -51,19 +51,12 @@ const silent = fn => {
51
51
  };
52
52
  const createGetCssVar = (cssVarPrefix = 'mui') => (0, _system.unstable_createGetCssVar)(cssVarPrefix);
53
53
  exports.createGetCssVar = createGetCssVar;
54
- const defaultShouldSkipGeneratingVar = keys => {
55
- var _keys$;
56
- return !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) ||
57
- // ends with sxConfig
58
- keys[0] === 'palette' && !!((_keys$ = keys[1]) != null && _keys$.match(/(mode|contrastThreshold|tonalOffset)/));
59
- };
60
- exports.defaultShouldSkipGeneratingVar = defaultShouldSkipGeneratingVar;
61
54
  function extendTheme(options = {}, ...args) {
62
55
  var _colorSchemesInput$li, _colorSchemesInput$da, _colorSchemesInput$li2, _colorSchemesInput$li3, _colorSchemesInput$da2, _colorSchemesInput$da3;
63
56
  const {
64
57
  colorSchemes: colorSchemesInput = {},
65
58
  cssVarPrefix = 'mui',
66
- shouldSkipGeneratingVar = defaultShouldSkipGeneratingVar
59
+ shouldSkipGeneratingVar = _shouldSkipGeneratingVar.default
67
60
  } = options,
68
61
  input = (0, _objectWithoutPropertiesLoose2.default)(options, _excluded);
69
62
  const getCssVar = createGetCssVar(cssVarPrefix);
@@ -40,6 +40,7 @@ var _exportNames = {
40
40
  withTheme: true,
41
41
  experimental_extendTheme: true,
42
42
  getOverlayAlpha: true,
43
+ shouldSkipGeneratingVar: true,
43
44
  private_createTypography: true,
44
45
  private_excludeVariablesFromRoot: true
45
46
  };
@@ -212,6 +213,12 @@ Object.defineProperty(exports, "rgbToHex", {
212
213
  return _system.rgbToHex;
213
214
  }
214
215
  });
216
+ Object.defineProperty(exports, "shouldSkipGeneratingVar", {
217
+ enumerable: true,
218
+ get: function () {
219
+ return _shouldSkipGeneratingVar.default;
220
+ }
221
+ });
215
222
  Object.defineProperty(exports, "styled", {
216
223
  enumerable: true,
217
224
  get: function () {
@@ -290,6 +297,7 @@ Object.keys(_CssVarsProvider).forEach(function (key) {
290
297
  });
291
298
  var _experimental_extendTheme = _interopRequireDefault(require("./experimental_extendTheme"));
292
299
  var _getOverlayAlpha = _interopRequireDefault(require("./getOverlayAlpha"));
300
+ var _shouldSkipGeneratingVar = _interopRequireDefault(require("./shouldSkipGeneratingVar"));
293
301
  var _createTypography = _interopRequireDefault(require("./createTypography"));
294
302
  var _excludeVariablesFromRoot = _interopRequireDefault(require("./excludeVariablesFromRoot"));
295
303
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = shouldSkipGeneratingVar;
7
+ function shouldSkipGeneratingVar(keys) {
8
+ var _keys$;
9
+ return !!keys[0].match(/(cssVarPrefix|typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) ||
10
+ // ends with sxConfig
11
+ keys[0] === 'palette' && !!((_keys$ = keys[1]) != null && _keys$.match(/(mode|contrastThreshold|tonalOffset)/));
12
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/material",
3
- "version": "5.11.12",
3
+ "version": "5.11.13",
4
4
  "private": false,
5
5
  "author": "MUI Team",
6
6
  "description": "React components that implement Google's Material Design.",
@@ -46,11 +46,11 @@
46
46
  },
47
47
  "dependencies": {
48
48
  "@babel/runtime": "^7.21.0",
49
- "@mui/base": "5.0.0-alpha.119",
50
- "@mui/core-downloads-tracker": "^5.11.12",
51
- "@mui/system": "^5.11.12",
49
+ "@mui/base": "5.0.0-alpha.121",
50
+ "@mui/core-downloads-tracker": "^5.11.13",
51
+ "@mui/system": "^5.11.13",
52
52
  "@mui/types": "^7.2.3",
53
- "@mui/utils": "^5.11.12",
53
+ "@mui/utils": "^5.11.13",
54
54
  "@types/react-transition-group": "^4.4.5",
55
55
  "clsx": "^1.2.1",
56
56
  "csstype": "^3.1.1",
@@ -1,15 +1,15 @@
1
- /// <reference types="react" />
2
- import { SupportedColorScheme } from './experimental_extendTheme';
3
- declare const CssVarsProvider: (props: import("react").PropsWithChildren<Partial<import("@mui/system").CssVarsProviderConfig<SupportedColorScheme>> & {
4
- theme?: {
5
- cssVarPrefix?: string | undefined;
6
- colorSchemes: Record<SupportedColorScheme, Record<string, any>>;
7
- } | undefined;
8
- documentNode?: Document | null | undefined;
9
- colorSchemeNode?: Element | null | undefined;
10
- colorSchemeSelector?: string | undefined;
11
- storageWindow?: Window | null | undefined;
12
- disableNestedContext?: boolean | undefined;
13
- disableStyleSheetGeneration?: boolean | undefined;
14
- }>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, useColorScheme: () => import("@mui/system").ColorSchemeContextValue<SupportedColorScheme>, getInitColorSchemeScript: typeof import("@mui/system").getInitColorSchemeScript;
15
- export { useColorScheme, getInitColorSchemeScript, CssVarsProvider as Experimental_CssVarsProvider, };
1
+ /// <reference types="react" />
2
+ import { SupportedColorScheme } from './experimental_extendTheme';
3
+ declare const CssVarsProvider: (props: import("react").PropsWithChildren<Partial<import("@mui/system").CssVarsProviderConfig<SupportedColorScheme>> & {
4
+ theme?: {
5
+ cssVarPrefix?: string | undefined;
6
+ colorSchemes: Record<SupportedColorScheme, Record<string, any>>;
7
+ } | undefined;
8
+ documentNode?: Document | null | undefined;
9
+ colorSchemeNode?: Element | null | undefined;
10
+ colorSchemeSelector?: string | undefined;
11
+ storageWindow?: Window | null | undefined;
12
+ disableNestedContext?: boolean | undefined;
13
+ disableStyleSheetGeneration?: boolean | undefined;
14
+ }>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, useColorScheme: () => import("@mui/system").ColorSchemeContextValue<SupportedColorScheme>, getInitColorSchemeScript: typeof import("@mui/system").getInitColorSchemeScript;
15
+ export { useColorScheme, getInitColorSchemeScript, CssVarsProvider as Experimental_CssVarsProvider, };
@@ -65,7 +65,14 @@ export default function createTypography(palette, typography) {
65
65
  body2: buildVariant(fontWeightRegular, 14, 1.43, 0.15),
66
66
  button: buildVariant(fontWeightMedium, 14, 1.75, 0.4, caseAllCaps),
67
67
  caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),
68
- overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)
68
+ overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps),
69
+ inherit: {
70
+ fontFamily: 'inherit',
71
+ fontWeight: 'inherit',
72
+ fontSize: 'inherit',
73
+ lineHeight: 'inherit',
74
+ letterSpacing: 'inherit'
75
+ }
69
76
  };
70
77
  return deepmerge(_extends({
71
78
  htmlFontSize,
@@ -1,5 +1,5 @@
1
- /**
2
- * @internal These variables should not appear in the :root stylesheet when the `defaultMode="dark"`
3
- */
4
- declare const excludeVariablesFromRoot: (cssVarPrefix: string) => string[];
5
- export default excludeVariablesFromRoot;
1
+ /**
2
+ * @internal These variables should not appear in the :root stylesheet when the `defaultMode="dark"`
3
+ */
4
+ declare const excludeVariablesFromRoot: (cssVarPrefix: string) => string[];
5
+ export default excludeVariablesFromRoot;
@@ -400,6 +400,10 @@ export interface CssVarsTheme extends ColorSystem {
400
400
  vars: ThemeVars;
401
401
  getCssVar: (field: ThemeCssVar, ...vars: ThemeCssVar[]) => string;
402
402
  getColorSchemeSelector: (colorScheme: SupportedColorScheme) => string;
403
+ generateCssVars: (colorScheme?: SupportedColorScheme) => {
404
+ css: Record<string, string | number>;
405
+ vars: ThemeVars;
406
+ };
403
407
 
404
408
  // Default theme tokens
405
409
  spacing: Theme['spacing'];
@@ -417,7 +421,7 @@ export interface CssVarsTheme extends ColorSystem {
417
421
  * then, keys = ['foo', 'bar']
418
422
  * value = 'var(--test)'
419
423
  */
420
- shouldSkipGeneratingVar?: (keys: string[], value: string | number) => boolean;
424
+ shouldSkipGeneratingVar: (keys: string[], value: string | number) => boolean;
421
425
  unstable_sxConfig: SxConfig;
422
426
  unstable_sx: (props: SxProps<CssVarsTheme>) => CSSObject;
423
427
  }
@@ -4,6 +4,7 @@ const _excluded = ["colorSchemes", "cssVarPrefix", "shouldSkipGeneratingVar"],
4
4
  _excluded2 = ["palette"];
5
5
  import { deepmerge } from '@mui/utils';
6
6
  import { private_safeColorChannel as safeColorChannel, private_safeAlpha as safeAlpha, private_safeDarken as safeDarken, private_safeLighten as safeLighten, private_safeEmphasize as safeEmphasize, unstable_createGetCssVar as systemCreateGetCssVar, unstable_defaultSxConfig as defaultSxConfig, unstable_styleFunctionSx as styleFunctionSx, unstable_prepareCssVars as prepareCssVars } from '@mui/system';
7
+ import defaultShouldSkipGeneratingVar from './shouldSkipGeneratingVar';
7
8
  import createThemeWithoutVars from './createTheme';
8
9
  import getOverlayAlpha from './getOverlayAlpha';
9
10
  const defaultDarkOverlays = [...Array(25)].map((_, index) => {
@@ -41,12 +42,6 @@ const silent = fn => {
41
42
  return undefined;
42
43
  };
43
44
  export const createGetCssVar = (cssVarPrefix = 'mui') => systemCreateGetCssVar(cssVarPrefix);
44
- export const defaultShouldSkipGeneratingVar = keys => {
45
- var _keys$;
46
- return !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) ||
47
- // ends with sxConfig
48
- keys[0] === 'palette' && !!((_keys$ = keys[1]) != null && _keys$.match(/(mode|contrastThreshold|tonalOffset)/));
49
- };
50
45
  export default function extendTheme(options = {}, ...args) {
51
46
  var _colorSchemesInput$li, _colorSchemesInput$da, _colorSchemesInput$li2, _colorSchemesInput$li3, _colorSchemesInput$da2, _colorSchemesInput$da3;
52
47
  const {
@@ -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/styles/index.d.ts CHANGED
@@ -133,6 +133,7 @@ export type {
133
133
  ColorSystemOptions,
134
134
  } from './experimental_extendTheme';
135
135
  export { default as getOverlayAlpha } from './getOverlayAlpha';
136
+ export { default as shouldSkipGeneratingVar } from './shouldSkipGeneratingVar';
136
137
 
137
138
  // Private methods for creating parts of the theme
138
139
  export { default as private_createTypography } from './createTypography';
package/styles/index.js CHANGED
@@ -26,6 +26,7 @@ export { default as withTheme } from './withTheme';
26
26
  export * from './CssVarsProvider';
27
27
  export { default as experimental_extendTheme } from './experimental_extendTheme';
28
28
  export { default as getOverlayAlpha } from './getOverlayAlpha';
29
+ export { default as shouldSkipGeneratingVar } from './shouldSkipGeneratingVar';
29
30
 
30
31
  // Private methods for creating parts of the theme
31
32
  export { default as private_createTypography } from './createTypography';
@@ -0,0 +1 @@
1
+ export default function shouldSkipGeneratingVar(keys: string[]): boolean;
@@ -0,0 +1,6 @@
1
+ export default function shouldSkipGeneratingVar(keys) {
2
+ var _keys$;
3
+ return !!keys[0].match(/(cssVarPrefix|typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) ||
4
+ // ends with sxConfig
5
+ keys[0] === 'palette' && !!((_keys$ = keys[1]) != null && _keys$.match(/(mode|contrastThreshold|tonalOffset)/));
6
+ }
@@ -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 {};
@@ -1,31 +1,31 @@
1
- import * as React from 'react';
2
- import { DistributiveOmit } from '@mui/types';
3
- declare module '@mui/material/OverridableComponent' {
4
- /**
5
- * A component whose root component can be controlled via a `component` prop.
6
- *
7
- * Adjusts valid props based on the type of `component`.
8
- */
9
- interface OverridableComponent<M extends OverridableTypeMap> {
10
- <C extends React.ElementType>(props: {
11
- /**
12
- * The component used for the root node.
13
- * Either a string to use a HTML element or a component.
14
- */
15
- component: C;
16
- } & OverridePropsVer2<M, C>): JSX.Element;
17
- (props: DefaultComponentPropsVer2<M>): JSX.Element;
18
- }
19
- /**
20
- * Props of the component if `component={Component}` is used.
21
- */
22
- type OverridePropsVer2<M extends OverridableTypeMap, C extends React.ElementType> = (BaseProps<M> & DistributiveOmit<React.ComponentPropsWithoutRef<C>, keyof BaseProps<M>> & {
23
- ref?: React.Ref<Element>;
24
- });
25
- /**
26
- * Props if `component={Component}` is NOT used.
27
- */
28
- type DefaultComponentPropsVer2<M extends OverridableTypeMap> = BaseProps<M> & DistributiveOmit<React.ComponentPropsWithoutRef<M['defaultComponent']>, keyof BaseProps<M>> & {
29
- ref?: React.Ref<Element>;
30
- };
31
- }
1
+ import * as React from 'react';
2
+ import { DistributiveOmit } from '@mui/types';
3
+ declare module '@mui/material/OverridableComponent' {
4
+ /**
5
+ * A component whose root component can be controlled via a `component` prop.
6
+ *
7
+ * Adjusts valid props based on the type of `component`.
8
+ */
9
+ interface OverridableComponent<M extends OverridableTypeMap> {
10
+ <C extends React.ElementType>(props: {
11
+ /**
12
+ * The component used for the root node.
13
+ * Either a string to use a HTML element or a component.
14
+ */
15
+ component: C;
16
+ } & OverridePropsVer2<M, C>): JSX.Element;
17
+ (props: DefaultComponentPropsVer2<M>): JSX.Element;
18
+ }
19
+ /**
20
+ * Props of the component if `component={Component}` is used.
21
+ */
22
+ type OverridePropsVer2<M extends OverridableTypeMap, C extends React.ElementType> = (BaseProps<M> & DistributiveOmit<React.ComponentPropsWithoutRef<C>, keyof BaseProps<M>> & {
23
+ ref?: React.Ref<Element>;
24
+ });
25
+ /**
26
+ * Props if `component={Component}` is NOT used.
27
+ */
28
+ type DefaultComponentPropsVer2<M extends OverridableTypeMap> = BaseProps<M> & DistributiveOmit<React.ComponentPropsWithoutRef<M['defaultComponent']>, keyof BaseProps<M>> & {
29
+ ref?: React.Ref<Element>;
30
+ };
31
+ }