@mui/material 5.0.0 → 5.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (414) 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/Alert.d.ts +2 -1
  6. package/Alert/Alert.js +1 -0
  7. package/Alert/alertClasses.d.ts +44 -44
  8. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  9. package/AppBar/appBarClasses.d.ts +28 -28
  10. package/Autocomplete/Autocomplete.d.ts +1 -1
  11. package/Autocomplete/Autocomplete.js +1 -1
  12. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  13. package/Avatar/Avatar.d.ts +1 -1
  14. package/Avatar/Avatar.js +1 -1
  15. package/Avatar/avatarClasses.d.ts +20 -20
  16. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  17. package/BottomNavigation/BottomNavigation.js +0 -0
  18. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  19. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  20. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  21. package/Button/buttonClasses.d.ts +76 -76
  22. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  23. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  24. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  25. package/CHANGELOG.md +278 -2
  26. package/Card/cardClasses.d.ts +8 -8
  27. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  28. package/CardActions/cardActionsClasses.d.ts +10 -10
  29. package/CardContent/cardContentClasses.d.ts +8 -8
  30. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  31. package/CardMedia/cardMediaClasses.d.ts +12 -12
  32. package/Checkbox/checkboxClasses.d.ts +18 -18
  33. package/Chip/Chip.js +5 -4
  34. package/Chip/chipClasses.d.ts +80 -80
  35. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  36. package/ClickAwayListener/ClickAwayListener.d.ts +47 -47
  37. package/ClickAwayListener/index.d.ts +2 -2
  38. package/Collapse/Collapse.js +16 -3
  39. package/Collapse/collapseClasses.d.ts +18 -18
  40. package/Container/containerClasses.d.ts +22 -22
  41. package/Dialog/Dialog.d.ts +1 -1
  42. package/Dialog/DialogContext.d.ts +6 -6
  43. package/Dialog/dialogClasses.d.ts +36 -36
  44. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  45. package/DialogContent/dialogContentClasses.d.ts +10 -10
  46. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  47. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  48. package/Divider/dividerClasses.d.ts +34 -34
  49. package/Drawer/drawerClasses.d.ts +30 -30
  50. package/Fab/fabClasses.d.ts +26 -26
  51. package/Fade/Fade.d.ts +1 -1
  52. package/Fade/Fade.js +19 -2
  53. package/FilledInput/filledInputClasses.d.ts +40 -40
  54. package/FormControl/formControlClasses.d.ts +14 -14
  55. package/FormControlLabel/formControlLabelClasses.d.ts +18 -18
  56. package/FormGroup/formGroupClasses.d.ts +10 -10
  57. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  58. package/FormLabel/formLabelClasses.d.ts +22 -22
  59. package/Grid/gridClasses.d.ts +48 -48
  60. package/Grow/Grow.d.ts +1 -1
  61. package/Grow/Grow.js +17 -4
  62. package/Icon/iconClasses.d.ts +24 -24
  63. package/IconButton/iconButtonClasses.d.ts +26 -26
  64. package/ImageList/imageListClasses.d.ts +16 -16
  65. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  66. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  67. package/Input/inputClasses.d.ts +34 -34
  68. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  69. package/InputBase/inputBaseClasses.d.ts +44 -44
  70. package/InputLabel/InputLabel.js +1 -1
  71. package/InputLabel/inputLabelClasses.d.ts +32 -32
  72. package/LICENSE +21 -21
  73. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  74. package/Link/linkClasses.d.ts +18 -18
  75. package/List/listClasses.d.ts +14 -14
  76. package/ListItem/listItemClasses.d.ts +30 -30
  77. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  78. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  79. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  80. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  81. package/ListItemText/listItemTextClasses.d.ts +18 -18
  82. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  83. package/Menu/menuClasses.d.ts +12 -12
  84. package/MenuItem/menuItemClasses.d.ts +20 -20
  85. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  86. package/NativeSelect/NativeSelect.d.ts +1 -1
  87. package/NativeSelect/NativeSelect.js +1 -1
  88. package/NativeSelect/nativeSelectClasses.d.ts +30 -30
  89. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  90. package/Pagination/paginationClasses.d.ts +14 -14
  91. package/PaginationItem/PaginationItem.js +3 -4
  92. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  93. package/Paper/paperClasses.d.ts +39 -39
  94. package/Popover/Popover.d.ts +1 -1
  95. package/Popover/popoverClasses.d.ts +10 -10
  96. package/README.md +8 -3
  97. package/Radio/Radio.js +10 -1
  98. package/Radio/radioClasses.d.ts +16 -16
  99. package/Rating/ratingClasses.d.ts +40 -40
  100. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  101. package/Select/SelectInput.js +2 -1
  102. package/Select/selectClasses.d.ts +30 -30
  103. package/Skeleton/skeletonClasses.d.ts +24 -24
  104. package/Slide/Slide.d.ts +1 -1
  105. package/Slide/Slide.js +19 -2
  106. package/Snackbar/Snackbar.d.ts +1 -1
  107. package/Snackbar/snackbarClasses.d.ts +20 -20
  108. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  109. package/SpeedDial/speedDialClasses.d.ts +22 -22
  110. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  111. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  112. package/Step/stepClasses.d.ts +16 -16
  113. package/StepButton/stepButtonClasses.d.ts +14 -14
  114. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  115. package/StepContent/stepContentClasses.d.ts +12 -12
  116. package/StepIcon/stepIconClasses.d.ts +16 -16
  117. package/StepLabel/stepLabelClasses.d.ts +28 -28
  118. package/Stepper/stepperClasses.d.ts +14 -14
  119. package/SvgIcon/svgIconClasses.d.ts +24 -24
  120. package/Switch/Switch.js +3 -1
  121. package/Switch/switchClasses.d.ts +32 -32
  122. package/Tab/Tab.js +8 -4
  123. package/Tab/tabClasses.d.ts +26 -24
  124. package/Tab/tabClasses.js +1 -1
  125. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  126. package/Table/tableClasses.d.ts +10 -10
  127. package/TableBody/tableBodyClasses.d.ts +8 -8
  128. package/TableCell/tableCellClasses.d.ts +32 -32
  129. package/TableContainer/tableContainerClasses.d.ts +8 -8
  130. package/TableFooter/tableFooterClasses.d.ts +8 -8
  131. package/TableHead/tableHeadClasses.d.ts +8 -8
  132. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  133. package/TableRow/tableRowClasses.d.ts +16 -16
  134. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  135. package/Tabs/tabsClasses.d.ts +32 -32
  136. package/TextField/textFieldClasses.d.ts +8 -8
  137. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  138. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  139. package/Toolbar/toolbarClasses.d.ts +14 -14
  140. package/Tooltip/Tooltip.d.ts +29 -2
  141. package/Tooltip/Tooltip.js +56 -24
  142. package/Tooltip/tooltipClasses.d.ts +30 -30
  143. package/Typography/typographyClasses.d.ts +50 -50
  144. package/Zoom/Zoom.d.ts +1 -1
  145. package/Zoom/Zoom.js +19 -2
  146. package/colors/amber.d.ts +15 -15
  147. package/colors/blue.d.ts +15 -15
  148. package/colors/blueGrey.d.ts +15 -15
  149. package/colors/brown.d.ts +15 -15
  150. package/colors/common.d.ts +3 -3
  151. package/colors/cyan.d.ts +15 -15
  152. package/colors/deepOrange.d.ts +15 -15
  153. package/colors/deepPurple.d.ts +15 -15
  154. package/colors/green.d.ts +15 -15
  155. package/colors/grey.d.ts +15 -15
  156. package/colors/indigo.d.ts +15 -15
  157. package/colors/lightBlue.d.ts +15 -15
  158. package/colors/lightGreen.d.ts +15 -15
  159. package/colors/lime.d.ts +15 -15
  160. package/colors/orange.d.ts +15 -15
  161. package/colors/pink.d.ts +15 -15
  162. package/colors/purple.d.ts +15 -15
  163. package/colors/red.d.ts +15 -15
  164. package/colors/teal.d.ts +15 -15
  165. package/colors/yellow.d.ts +15 -15
  166. package/darkScrollbar/index.d.ts +28 -28
  167. package/index.js +1 -1
  168. package/internal/SwitchBase.js +3 -2
  169. package/internal/switchBaseClasses.d.ts +12 -12
  170. package/legacy/Alert/Alert.js +1 -0
  171. package/legacy/Autocomplete/Autocomplete.js +1 -1
  172. package/legacy/Avatar/Avatar.js +1 -1
  173. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  174. package/legacy/Chip/Chip.js +5 -4
  175. package/legacy/Collapse/Collapse.js +17 -4
  176. package/legacy/Fade/Fade.js +20 -3
  177. package/legacy/Grow/Grow.js +18 -5
  178. package/legacy/InputLabel/InputLabel.js +1 -1
  179. package/legacy/NativeSelect/NativeSelect.js +1 -1
  180. package/legacy/PaginationItem/PaginationItem.js +3 -4
  181. package/legacy/Radio/Radio.js +11 -1
  182. package/legacy/Select/SelectInput.js +2 -1
  183. package/legacy/Slide/Slide.js +20 -3
  184. package/legacy/Switch/Switch.js +22 -22
  185. package/legacy/Tab/Tab.js +8 -4
  186. package/legacy/Tab/tabClasses.js +1 -1
  187. package/legacy/Tooltip/Tooltip.js +55 -24
  188. package/legacy/Zoom/Zoom.js +20 -3
  189. package/legacy/index.js +1 -1
  190. package/legacy/internal/SwitchBase.js +2 -1
  191. package/legacy/useMediaQuery/useMediaQuery.js +23 -21
  192. package/locale/index.d.ts +65 -65
  193. package/modern/Alert/Alert.js +1 -0
  194. package/modern/Autocomplete/Autocomplete.js +1 -1
  195. package/modern/Avatar/Avatar.js +1 -1
  196. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  197. package/modern/Chip/Chip.js +5 -4
  198. package/modern/Collapse/Collapse.js +16 -3
  199. package/modern/Fade/Fade.js +19 -2
  200. package/modern/Grow/Grow.js +17 -4
  201. package/modern/InputLabel/InputLabel.js +1 -1
  202. package/modern/NativeSelect/NativeSelect.js +1 -1
  203. package/modern/PaginationItem/PaginationItem.js +3 -4
  204. package/modern/Radio/Radio.js +10 -1
  205. package/modern/Select/SelectInput.js +2 -1
  206. package/modern/Slide/Slide.js +19 -2
  207. package/modern/Switch/Switch.js +3 -1
  208. package/modern/Tab/Tab.js +8 -4
  209. package/modern/Tab/tabClasses.js +1 -1
  210. package/modern/Tooltip/Tooltip.js +47 -21
  211. package/modern/Zoom/Zoom.js +19 -2
  212. package/modern/index.js +1 -1
  213. package/modern/internal/SwitchBase.js +3 -2
  214. package/modern/useMediaQuery/useMediaQuery.js +18 -18
  215. package/node/Accordion/accordionClasses.js +1 -1
  216. package/node/Accordion/index.js +4 -4
  217. package/node/AccordionActions/accordionActionsClasses.js +1 -1
  218. package/node/AccordionActions/index.js +4 -4
  219. package/node/AccordionDetails/accordionDetailsClasses.js +1 -1
  220. package/node/AccordionDetails/index.js +4 -4
  221. package/node/AccordionSummary/accordionSummaryClasses.js +1 -1
  222. package/node/AccordionSummary/index.js +4 -4
  223. package/node/Alert/Alert.js +1 -0
  224. package/node/Alert/alertClasses.js +1 -1
  225. package/node/Alert/index.js +4 -4
  226. package/node/AlertTitle/alertTitleClasses.js +1 -1
  227. package/node/AlertTitle/index.js +4 -4
  228. package/node/AppBar/appBarClasses.js +1 -1
  229. package/node/AppBar/index.js +4 -4
  230. package/node/Autocomplete/Autocomplete.js +1 -1
  231. package/node/Autocomplete/autocompleteClasses.js +1 -1
  232. package/node/Autocomplete/index.js +4 -4
  233. package/node/Avatar/Avatar.js +1 -1
  234. package/node/Avatar/avatarClasses.js +1 -1
  235. package/node/Avatar/index.js +4 -4
  236. package/node/AvatarGroup/avatarGroupClasses.js +1 -1
  237. package/node/AvatarGroup/index.js +4 -4
  238. package/node/BottomNavigation/BottomNavigation.js +0 -0
  239. package/node/BottomNavigation/bottomNavigationClasses.js +1 -1
  240. package/node/BottomNavigation/index.js +4 -4
  241. package/node/BottomNavigationAction/bottomNavigationActionClasses.js +1 -1
  242. package/node/BottomNavigationAction/index.js +4 -4
  243. package/node/Breadcrumbs/breadcrumbsClasses.js +1 -1
  244. package/node/Breadcrumbs/index.js +4 -4
  245. package/node/Button/buttonClasses.js +1 -1
  246. package/node/Button/index.js +4 -4
  247. package/node/ButtonBase/TouchRipple.js +1 -1
  248. package/node/ButtonBase/buttonBaseClasses.js +1 -1
  249. package/node/ButtonBase/index.js +4 -4
  250. package/node/ButtonBase/touchRippleClasses.js +1 -1
  251. package/node/ButtonGroup/buttonGroupClasses.js +1 -1
  252. package/node/ButtonGroup/index.js +4 -4
  253. package/node/Card/cardClasses.js +1 -1
  254. package/node/Card/index.js +4 -4
  255. package/node/CardActionArea/cardActionAreaClasses.js +1 -1
  256. package/node/CardActionArea/index.js +4 -4
  257. package/node/CardActions/cardActionsClasses.js +1 -1
  258. package/node/CardActions/index.js +4 -4
  259. package/node/CardContent/cardContentClasses.js +1 -1
  260. package/node/CardContent/index.js +4 -4
  261. package/node/CardHeader/cardHeaderClasses.js +1 -1
  262. package/node/CardHeader/index.js +4 -4
  263. package/node/CardMedia/cardMediaClasses.js +1 -1
  264. package/node/CardMedia/index.js +4 -4
  265. package/node/Checkbox/checkboxClasses.js +1 -1
  266. package/node/Checkbox/index.js +4 -4
  267. package/node/Chip/Chip.js +5 -4
  268. package/node/Chip/chipClasses.js +1 -1
  269. package/node/Chip/index.js +4 -4
  270. package/node/CircularProgress/circularProgressClasses.js +1 -1
  271. package/node/CircularProgress/index.js +4 -4
  272. package/node/Collapse/Collapse.js +16 -3
  273. package/node/Collapse/collapseClasses.js +1 -1
  274. package/node/Collapse/index.js +4 -4
  275. package/node/Container/containerClasses.js +1 -1
  276. package/node/Container/index.js +4 -4
  277. package/node/CssBaseline/CssBaseline.js +1 -1
  278. package/node/Dialog/dialogClasses.js +1 -1
  279. package/node/DialogActions/dialogActionsClasses.js +1 -1
  280. package/node/DialogContent/dialogContentClasses.js +1 -1
  281. package/node/DialogContentText/dialogContentTextClasses.js +1 -1
  282. package/node/DialogTitle/dialogTitleClasses.js +1 -1
  283. package/node/Divider/dividerClasses.js +1 -1
  284. package/node/Drawer/Drawer.js +2 -2
  285. package/node/Drawer/drawerClasses.js +1 -1
  286. package/node/Fab/fabClasses.js +1 -1
  287. package/node/Fade/Fade.js +19 -2
  288. package/node/FilledInput/filledInputClasses.js +1 -1
  289. package/node/FormControl/formControlClasses.js +1 -1
  290. package/node/FormControl/index.js +4 -4
  291. package/node/FormControlLabel/formControlLabelClasses.js +1 -1
  292. package/node/FormGroup/formGroupClasses.js +1 -1
  293. package/node/FormHelperText/formHelperTextClasses.js +1 -1
  294. package/node/FormLabel/formLabelClasses.js +1 -1
  295. package/node/Grid/Grid.js +2 -2
  296. package/node/Grid/gridClasses.js +1 -1
  297. package/node/Grow/Grow.js +17 -4
  298. package/node/Hidden/hiddenCssClasses.js +1 -1
  299. package/node/Hidden/withWidth.js +1 -1
  300. package/node/Icon/iconClasses.js +1 -1
  301. package/node/IconButton/iconButtonClasses.js +1 -1
  302. package/node/ImageList/imageListClasses.js +1 -1
  303. package/node/ImageListItem/imageListItemClasses.js +1 -1
  304. package/node/ImageListItemBar/imageListItemBarClasses.js +1 -1
  305. package/node/Input/inputClasses.js +1 -1
  306. package/node/InputAdornment/inputAdornmentClasses.js +1 -1
  307. package/node/InputBase/InputBase.js +1 -1
  308. package/node/InputBase/inputBaseClasses.js +1 -1
  309. package/node/InputBase/utils.js +1 -1
  310. package/node/InputLabel/InputLabel.js +1 -1
  311. package/node/InputLabel/inputLabelClasses.js +1 -1
  312. package/node/LinearProgress/linearProgressClasses.js +1 -1
  313. package/node/Link/linkClasses.js +1 -1
  314. package/node/List/listClasses.js +1 -1
  315. package/node/ListItem/ListItem.js +1 -1
  316. package/node/ListItem/listItemClasses.js +1 -1
  317. package/node/ListItemAvatar/listItemAvatarClasses.js +1 -1
  318. package/node/ListItemButton/ListItemButton.js +1 -1
  319. package/node/ListItemButton/listItemButtonClasses.js +1 -1
  320. package/node/ListItemIcon/listItemIconClasses.js +1 -1
  321. package/node/ListItemSecondaryAction/listItemSecondaryActionClasses.js +1 -1
  322. package/node/ListItemText/listItemTextClasses.js +1 -1
  323. package/node/ListSubheader/listSubheaderClasses.js +1 -1
  324. package/node/Menu/menuClasses.js +1 -1
  325. package/node/MenuItem/MenuItem.js +1 -1
  326. package/node/MenuItem/menuItemClasses.js +1 -1
  327. package/node/MobileStepper/mobileStepperClasses.js +1 -1
  328. package/node/Modal/Modal.js +1 -1
  329. package/node/NativeSelect/NativeSelect.js +1 -1
  330. package/node/NativeSelect/NativeSelectInput.js +1 -1
  331. package/node/NativeSelect/nativeSelectClasses.js +1 -1
  332. package/node/OutlinedInput/outlinedInputClasses.js +1 -1
  333. package/node/Pagination/paginationClasses.js +1 -1
  334. package/node/PaginationItem/PaginationItem.js +3 -4
  335. package/node/PaginationItem/paginationItemClasses.js +1 -1
  336. package/node/Paper/paperClasses.js +1 -1
  337. package/node/Popover/Popover.js +2 -2
  338. package/node/Popover/popoverClasses.js +1 -1
  339. package/node/Radio/Radio.js +11 -1
  340. package/node/Radio/radioClasses.js +1 -1
  341. package/node/Rating/ratingClasses.js +1 -1
  342. package/node/ScopedCssBaseline/scopedCssBaselineClasses.js +1 -1
  343. package/node/Select/SelectInput.js +2 -1
  344. package/node/Select/selectClasses.js +1 -1
  345. package/node/Skeleton/skeletonClasses.js +1 -1
  346. package/node/Slide/Slide.js +20 -3
  347. package/node/Slider/Slider.js +1 -1
  348. package/node/Snackbar/snackbarClasses.js +1 -1
  349. package/node/SnackbarContent/snackbarContentClasses.js +1 -1
  350. package/node/SpeedDial/speedDialClasses.js +1 -1
  351. package/node/SpeedDialAction/speedDialActionClasses.js +1 -1
  352. package/node/SpeedDialIcon/speedDialIconClasses.js +1 -1
  353. package/node/Stack/Stack.js +1 -1
  354. package/node/Step/stepClasses.js +1 -1
  355. package/node/StepButton/stepButtonClasses.js +1 -1
  356. package/node/StepConnector/stepConnectorClasses.js +1 -1
  357. package/node/StepContent/stepContentClasses.js +1 -1
  358. package/node/StepIcon/stepIconClasses.js +1 -1
  359. package/node/StepLabel/stepLabelClasses.js +1 -1
  360. package/node/Stepper/stepperClasses.js +1 -1
  361. package/node/SvgIcon/svgIconClasses.js +1 -1
  362. package/node/SwipeableDrawer/SwipeableDrawer.js +1 -1
  363. package/node/Switch/Switch.js +3 -1
  364. package/node/Switch/switchClasses.js +1 -1
  365. package/node/Tab/Tab.js +8 -4
  366. package/node/Tab/tabClasses.js +2 -2
  367. package/node/TabScrollButton/tabScrollButtonClasses.js +1 -1
  368. package/node/Table/tableClasses.js +1 -1
  369. package/node/TableBody/tableBodyClasses.js +1 -1
  370. package/node/TableCell/tableCellClasses.js +1 -1
  371. package/node/TableContainer/tableContainerClasses.js +1 -1
  372. package/node/TableFooter/tableFooterClasses.js +1 -1
  373. package/node/TableHead/tableHeadClasses.js +1 -1
  374. package/node/TablePagination/tablePaginationClasses.js +1 -1
  375. package/node/TableRow/tableRowClasses.js +1 -1
  376. package/node/TableSortLabel/tableSortLabelClasses.js +1 -1
  377. package/node/Tabs/tabsClasses.js +1 -1
  378. package/node/TextField/textFieldClasses.js +1 -1
  379. package/node/ToggleButton/toggleButtonClasses.js +1 -1
  380. package/node/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
  381. package/node/Toolbar/toolbarClasses.js +1 -1
  382. package/node/Tooltip/Tooltip.js +56 -24
  383. package/node/Tooltip/tooltipClasses.js +1 -1
  384. package/node/Typography/typographyClasses.js +1 -1
  385. package/node/Zoom/Zoom.js +19 -2
  386. package/node/colors/index.js +40 -40
  387. package/node/index.js +32 -32
  388. package/node/internal/SwitchBase.js +3 -2
  389. package/node/internal/switchBaseClasses.js +1 -1
  390. package/node/locale/index.js +1 -1
  391. package/node/styles/createPalette.js +2 -1
  392. package/node/styles/createTransitions.js +1 -1
  393. package/node/styles/cssUtils.js +4 -4
  394. package/node/styles/index.js +56 -56
  395. package/node/styles/styled.js +1 -1
  396. package/node/useAutocomplete/index.js +4 -4
  397. package/node/useMediaQuery/useMediaQuery.js +14 -17
  398. package/package.json +7 -7
  399. package/styles/components.d.ts +4 -0
  400. package/styles/props.d.ts +2 -0
  401. package/styles/styled.d.ts +4 -0
  402. package/transitions/index.d.ts +1 -1
  403. package/transitions/transition.d.ts +14 -14
  404. package/transitions/utils.d.ts +23 -23
  405. package/umd/material-ui.development.js +848 -595
  406. package/umd/material-ui.production.min.js +21 -21
  407. package/useMediaQuery/useMediaQuery.d.ts +21 -16
  408. package/useMediaQuery/useMediaQuery.js +18 -18
  409. package/useTouchRipple/index.d.ts +1 -1
  410. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  411. package/utils/getScrollbarSize.d.ts +2 -2
  412. package/utils/ownerDocument.d.ts +2 -2
  413. package/utils/ownerWindow.d.ts +2 -2
  414. package/utils/setRef.d.ts +2 -2
@@ -1,40 +1,40 @@
1
- export interface RatingClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `size="small"`. */
5
- sizeSmall: string;
6
- /** Styles applied to the root element if `size="medium"`. */
7
- sizeMedium: string;
8
- /** Styles applied to the root element if `size="large"`. */
9
- sizeLarge: string;
10
- /** Styles applied to the root element if `readOnly={true}`. */
11
- readOnly: string;
12
- /** State class applied to the root element if `disabled={true}`. */
13
- disabled: string;
14
- /** State class applied to the root element if keyboard focused. */
15
- focusVisible: string;
16
- /** Visually hide an element. */
17
- visuallyHidden: string;
18
- /** Styles applied to the label elements. */
19
- label: string;
20
- /** Styles applied to the label of the "no value" input when it is active. */
21
- labelEmptyValueActive: string;
22
- /** Styles applied to the icon wrapping elements. */
23
- icon: string;
24
- /** Styles applied to the icon wrapping elements when empty. */
25
- iconEmpty: string;
26
- /** Styles applied to the icon wrapping elements when filled. */
27
- iconFilled: string;
28
- /** Styles applied to the icon wrapping elements when hover. */
29
- iconHover: string;
30
- /** Styles applied to the icon wrapping elements when focus. */
31
- iconFocus: string;
32
- /** Styles applied to the icon wrapping elements when active. */
33
- iconActive: string;
34
- /** Styles applied to the icon wrapping elements when decimals are necessary. */
35
- decimal: string;
36
- }
37
- export declare type RatingClassKey = keyof RatingClasses;
38
- export declare function getRatingUtilityClass(slot: string): string;
39
- declare const ratingClasses: RatingClasses;
40
- export default ratingClasses;
1
+ export interface RatingClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `size="small"`. */
5
+ sizeSmall: string;
6
+ /** Styles applied to the root element if `size="medium"`. */
7
+ sizeMedium: string;
8
+ /** Styles applied to the root element if `size="large"`. */
9
+ sizeLarge: string;
10
+ /** Styles applied to the root element if `readOnly={true}`. */
11
+ readOnly: string;
12
+ /** State class applied to the root element if `disabled={true}`. */
13
+ disabled: string;
14
+ /** State class applied to the root element if keyboard focused. */
15
+ focusVisible: string;
16
+ /** Visually hide an element. */
17
+ visuallyHidden: string;
18
+ /** Styles applied to the label elements. */
19
+ label: string;
20
+ /** Styles applied to the label of the "no value" input when it is active. */
21
+ labelEmptyValueActive: string;
22
+ /** Styles applied to the icon wrapping elements. */
23
+ icon: string;
24
+ /** Styles applied to the icon wrapping elements when empty. */
25
+ iconEmpty: string;
26
+ /** Styles applied to the icon wrapping elements when filled. */
27
+ iconFilled: string;
28
+ /** Styles applied to the icon wrapping elements when hover. */
29
+ iconHover: string;
30
+ /** Styles applied to the icon wrapping elements when focus. */
31
+ iconFocus: string;
32
+ /** Styles applied to the icon wrapping elements when active. */
33
+ iconActive: string;
34
+ /** Styles applied to the icon wrapping elements when decimals are necessary. */
35
+ decimal: string;
36
+ }
37
+ export declare type RatingClassKey = keyof RatingClasses;
38
+ export declare function getRatingUtilityClass(slot: string): string;
39
+ declare const ratingClasses: RatingClasses;
40
+ export default ratingClasses;
@@ -1,8 +1,8 @@
1
- export interface ScopedCssBaselineClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export declare type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
6
- export declare function getScopedCssBaselineUtilityClass(slot: string): string;
7
- declare const scopedCssBaselineClasses: Record<"root", string>;
8
- export default scopedCssBaselineClasses;
1
+ export interface ScopedCssBaselineClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export declare type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
6
+ export declare function getScopedCssBaselineUtilityClass(slot: string): string;
7
+ declare const scopedCssBaselineClasses: Record<"root", string>;
8
+ export default scopedCssBaselineClasses;
@@ -73,7 +73,8 @@ const SelectNativeInput = styled('input', {
73
73
  function areEqualValues(a, b) {
74
74
  if (typeof b === 'object' && b !== null) {
75
75
  return a === b;
76
- }
76
+ } // The value could be a number, the DOM will stringify it anyway.
77
+
77
78
 
78
79
  return String(a) === String(b);
79
80
  }
@@ -1,30 +1,30 @@
1
- export interface SelectClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the select component `select` class. */
5
- select: string;
6
- /** Styles applied to the select component if `variant="filled"`. */
7
- filled: string;
8
- /** Styles applied to the select component if `variant="outlined"`. */
9
- outlined: string;
10
- /** Styles applied to the select component if `variant="standard"`. */
11
- standard: string;
12
- /** State class applied to the select component `disabled` class. */
13
- disabled: string;
14
- /** Styles applied to the icon component. */
15
- icon: string;
16
- /** Styles applied to the icon component if the popup is open. */
17
- iconOpen: string;
18
- /** Styles applied to the icon component if `variant="filled"`. */
19
- iconFilled: string;
20
- /** Styles applied to the icon component if `variant="outlined"`. */
21
- iconOutlined: string;
22
- /** Styles applied to the icon component if `variant="standard"`. */
23
- iconStandard: string;
24
- /** Styles applied to the underlying native input component. */
25
- nativeInput: string;
26
- }
27
- export declare type SelectClassKey = keyof SelectClasses;
28
- export declare function getSelectUtilityClasses(slot: string): string;
29
- declare const selectClasses: SelectClasses;
30
- export default selectClasses;
1
+ export interface SelectClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the select component `select` class. */
5
+ select: string;
6
+ /** Styles applied to the select component if `variant="filled"`. */
7
+ filled: string;
8
+ /** Styles applied to the select component if `variant="outlined"`. */
9
+ outlined: string;
10
+ /** Styles applied to the select component if `variant="standard"`. */
11
+ standard: string;
12
+ /** State class applied to the select component `disabled` class. */
13
+ disabled: string;
14
+ /** Styles applied to the icon component. */
15
+ icon: string;
16
+ /** Styles applied to the icon component if the popup is open. */
17
+ iconOpen: string;
18
+ /** Styles applied to the icon component if `variant="filled"`. */
19
+ iconFilled: string;
20
+ /** Styles applied to the icon component if `variant="outlined"`. */
21
+ iconOutlined: string;
22
+ /** Styles applied to the icon component if `variant="standard"`. */
23
+ iconStandard: string;
24
+ /** Styles applied to the underlying native input component. */
25
+ nativeInput: string;
26
+ }
27
+ export declare type SelectClassKey = keyof SelectClasses;
28
+ export declare function getSelectUtilityClasses(slot: string): string;
29
+ declare const selectClasses: SelectClasses;
30
+ export default selectClasses;
@@ -1,24 +1,24 @@
1
- export interface SkeletonClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="text"`. */
5
- text: string;
6
- /** Styles applied to the root element if `variant="rectangular"`. */
7
- rectangular: string;
8
- /** Styles applied to the root element if `variant="circular"`. */
9
- circular: string;
10
- /** Styles applied to the root element if `animation="pulse"`. */
11
- pulse: string;
12
- /** Styles applied to the root element if `animation="wave"`. */
13
- wave: string;
14
- /** Styles applied when the component is passed children. */
15
- withChildren: string;
16
- /** Styles applied when the component is passed children and no width. */
17
- fitContent: string;
18
- /** Styles applied when the component is passed children and no height. */
19
- heightAuto: string;
20
- }
21
- export declare type SkeletonClassKey = keyof SkeletonClasses;
22
- export declare function getSkeletonUtilityClass(slot: string): string;
23
- declare const skeletonClasses: SkeletonClasses;
24
- export default skeletonClasses;
1
+ export interface SkeletonClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="text"`. */
5
+ text: string;
6
+ /** Styles applied to the root element if `variant="rectangular"`. */
7
+ rectangular: string;
8
+ /** Styles applied to the root element if `variant="circular"`. */
9
+ circular: string;
10
+ /** Styles applied to the root element if `animation="pulse"`. */
11
+ pulse: string;
12
+ /** Styles applied to the root element if `animation="wave"`. */
13
+ wave: string;
14
+ /** Styles applied when the component is passed children. */
15
+ withChildren: string;
16
+ /** Styles applied when the component is passed children and no width. */
17
+ fitContent: string;
18
+ /** Styles applied when the component is passed children and no height. */
19
+ heightAuto: string;
20
+ }
21
+ export declare type SkeletonClassKey = keyof SkeletonClasses;
22
+ export declare function getSkeletonUtilityClass(slot: string): string;
23
+ declare const skeletonClasses: SkeletonClasses;
24
+ export default skeletonClasses;
package/Slide/Slide.d.ts CHANGED
@@ -11,7 +11,7 @@ export interface SlideProps extends TransitionProps {
11
11
  /**
12
12
  * A single child content element.
13
13
  */
14
- children?: React.ReactElement<any, any>;
14
+ children: React.ReactElement<any, any>;
15
15
  /**
16
16
  * An HTML element, or a function that returns one.
17
17
  * It's used to set the container the Slide is transitioning from.
package/Slide/Slide.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
- const _excluded = ["appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
3
+ const _excluded = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import { Transition } from 'react-transition-group';
@@ -97,6 +97,7 @@ const defaultTimeout = {
97
97
 
98
98
  const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
99
99
  const {
100
+ addEndListener,
100
101
  appear = true,
101
102
  children,
102
103
  container: containerProp,
@@ -184,6 +185,14 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
184
185
  onExited(node);
185
186
  }
186
187
  });
188
+
189
+ const handleAddEndListener = next => {
190
+ if (addEndListener) {
191
+ // Old call signature before `react-transition-group` implemented `nodeRef`
192
+ addEndListener(childrenRef.current, next);
193
+ }
194
+ };
195
+
187
196
  const updatePosition = React.useCallback(() => {
188
197
  if (childrenRef.current) {
189
198
  setTranslateValue(direction, childrenRef.current, containerProp);
@@ -222,6 +231,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
222
231
  onExit: handleExit,
223
232
  onExited: handleExited,
224
233
  onExiting: handleExiting,
234
+ addEndListener: handleAddEndListener,
225
235
  appear: appear,
226
236
  in: inProp,
227
237
  timeout: timeout
@@ -244,6 +254,13 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes
244
254
  // | To update them edit the d.ts file and run "yarn proptypes" |
245
255
  // ----------------------------------------------------------------------
246
256
 
257
+ /**
258
+ * Add a custom transition end trigger. Called with the transitioning DOM
259
+ * node and a done callback. Allows for more fine grained transition end
260
+ * logic. Note: Timeouts are still used as a fallback if provided.
261
+ */
262
+ addEndListener: PropTypes.func,
263
+
247
264
  /**
248
265
  * Perform the enter transition when it first mounts if `in` is also `true`.
249
266
  * Set this to `false` to disable this behavior.
@@ -254,7 +271,7 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes
254
271
  /**
255
272
  * A single child content element.
256
273
  */
257
- children: elementAcceptingRef,
274
+ children: elementAcceptingRef.isRequired,
258
275
 
259
276
  /**
260
277
  * An HTML element, or a function that returns one.
@@ -98,7 +98,7 @@ export interface SnackbarProps extends StandardProps<React.HTMLAttributes<HTMLDi
98
98
  * @default Grow
99
99
  */
100
100
  TransitionComponent?: React.JSXElementConstructor<
101
- TransitionProps & { children?: React.ReactElement<any, any> }
101
+ TransitionProps & { children: React.ReactElement<any, any> }
102
102
  >;
103
103
  /**
104
104
  * The duration for the transition, in milliseconds.
@@ -1,20 +1,20 @@
1
- export interface SnackbarClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
5
- anchorOriginTopCenter: string;
6
- /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
7
- anchorOriginBottomCenter: string;
8
- /** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
9
- anchorOriginTopRight: string;
10
- /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
11
- anchorOriginBottomRight: string;
12
- /** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
13
- anchorOriginTopLeft: string;
14
- /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
15
- anchorOriginBottomLeft: string;
16
- }
17
- export declare type SnackbarClassKey = keyof SnackbarClasses;
18
- export declare function getSnackbarUtilityClass(slot: string): string;
19
- declare const snackbarClasses: SnackbarClasses;
20
- export default snackbarClasses;
1
+ export interface SnackbarClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
5
+ anchorOriginTopCenter: string;
6
+ /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
7
+ anchorOriginBottomCenter: string;
8
+ /** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
9
+ anchorOriginTopRight: string;
10
+ /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
11
+ anchorOriginBottomRight: string;
12
+ /** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
13
+ anchorOriginTopLeft: string;
14
+ /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
15
+ anchorOriginBottomLeft: string;
16
+ }
17
+ export declare type SnackbarClassKey = keyof SnackbarClasses;
18
+ export declare function getSnackbarUtilityClass(slot: string): string;
19
+ declare const snackbarClasses: SnackbarClasses;
20
+ export default snackbarClasses;
@@ -1,12 +1,12 @@
1
- export interface SnackbarContentClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the message wrapper element. */
5
- message: string;
6
- /** Styles applied to the action wrapper element if `action` is provided. */
7
- action: string;
8
- }
9
- export declare type SnackbarContentClassKey = keyof SnackbarContentClasses;
10
- export declare function getSnackbarContentUtilityClass(slot: string): string;
11
- declare const snackbarContentClasses: SnackbarContentClasses;
12
- export default snackbarContentClasses;
1
+ export interface SnackbarContentClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the message wrapper element. */
5
+ message: string;
6
+ /** Styles applied to the action wrapper element if `action` is provided. */
7
+ action: string;
8
+ }
9
+ export declare type SnackbarContentClassKey = keyof SnackbarContentClasses;
10
+ export declare function getSnackbarContentUtilityClass(slot: string): string;
11
+ declare const snackbarContentClasses: SnackbarContentClasses;
12
+ export default snackbarContentClasses;
@@ -1,22 +1,22 @@
1
- export interface SpeedDialClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the Fab component. */
5
- fab: string;
6
- /** Styles applied to the root element if direction="up" */
7
- directionUp: string;
8
- /** Styles applied to the root element if direction="down" */
9
- directionDown: string;
10
- /** Styles applied to the root element if direction="left" */
11
- directionLeft: string;
12
- /** Styles applied to the root element if direction="right" */
13
- directionRight: string;
14
- /** Styles applied to the actions (`children` wrapper) element. */
15
- actions: string;
16
- /** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
17
- actionsClosed: string;
18
- }
19
- export declare type SpeedDialClassKey = keyof SpeedDialClasses;
20
- export declare function getSpeedDialUtilityClass(slot: string): string;
21
- declare const speedDialClasses: SpeedDialClasses;
22
- export default speedDialClasses;
1
+ export interface SpeedDialClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the Fab component. */
5
+ fab: string;
6
+ /** Styles applied to the root element if direction="up" */
7
+ directionUp: string;
8
+ /** Styles applied to the root element if direction="down" */
9
+ directionDown: string;
10
+ /** Styles applied to the root element if direction="left" */
11
+ directionLeft: string;
12
+ /** Styles applied to the root element if direction="right" */
13
+ directionRight: string;
14
+ /** Styles applied to the actions (`children` wrapper) element. */
15
+ actions: string;
16
+ /** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
17
+ actionsClosed: string;
18
+ }
19
+ export declare type SpeedDialClassKey = keyof SpeedDialClasses;
20
+ export declare function getSpeedDialUtilityClass(slot: string): string;
21
+ declare const speedDialClasses: SpeedDialClasses;
22
+ export default speedDialClasses;
@@ -1,20 +1,20 @@
1
- export interface SpeedDialActionClasses {
2
- /** Styles applied to the Fab component. */
3
- fab: string;
4
- /** Styles applied to the Fab component if `open={false}`. */
5
- fabClosed: string;
6
- /** Styles applied to the root element if `tooltipOpen={true}`. */
7
- staticTooltip: string;
8
- /** Styles applied to the root element if `tooltipOpen={true}` and `open={false}`. */
9
- staticTooltipClosed: string;
10
- /** Styles applied to the static tooltip label if `tooltipOpen={true}`. */
11
- staticTooltipLabel: string;
12
- /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="left"`` */
13
- tooltipPlacementLeft: string;
14
- /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="right"`` */
15
- tooltipPlacementRight: string;
16
- }
17
- export declare type SpeedDialActionClassKey = keyof SpeedDialActionClasses;
18
- export declare function getSpeedDialActionUtilityClass(slot: string): string;
19
- declare const speedDialActionClasses: SpeedDialActionClasses;
20
- export default speedDialActionClasses;
1
+ export interface SpeedDialActionClasses {
2
+ /** Styles applied to the Fab component. */
3
+ fab: string;
4
+ /** Styles applied to the Fab component if `open={false}`. */
5
+ fabClosed: string;
6
+ /** Styles applied to the root element if `tooltipOpen={true}`. */
7
+ staticTooltip: string;
8
+ /** Styles applied to the root element if `tooltipOpen={true}` and `open={false}`. */
9
+ staticTooltipClosed: string;
10
+ /** Styles applied to the static tooltip label if `tooltipOpen={true}`. */
11
+ staticTooltipLabel: string;
12
+ /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="left"`` */
13
+ tooltipPlacementLeft: string;
14
+ /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="right"`` */
15
+ tooltipPlacementRight: string;
16
+ }
17
+ export declare type SpeedDialActionClassKey = keyof SpeedDialActionClasses;
18
+ export declare function getSpeedDialActionUtilityClass(slot: string): string;
19
+ declare const speedDialActionClasses: SpeedDialActionClasses;
20
+ export default speedDialActionClasses;
@@ -1,18 +1,18 @@
1
- export interface SpeedDialIconClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the icon component. */
5
- icon: string;
6
- /** Styles applied to the icon component if `open={true}`. */
7
- iconOpen: string;
8
- /** Styles applied to the icon when an `openIcon` is provided and if `open={true}`. */
9
- iconWithOpenIconOpen: string;
10
- /** Styles applied to the `openIcon` if provided. */
11
- openIcon: string;
12
- /** Styles applied to the `openIcon` if provided and if `open={true}`. */
13
- openIconOpen: string;
14
- }
15
- export declare type SpeedDialIconClassKey = keyof SpeedDialIconClasses;
16
- export declare function getSpeedDialIconUtilityClass(slot: string): string;
17
- declare const speedDialIconClasses: SpeedDialIconClasses;
18
- export default speedDialIconClasses;
1
+ export interface SpeedDialIconClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the icon component. */
5
+ icon: string;
6
+ /** Styles applied to the icon component if `open={true}`. */
7
+ iconOpen: string;
8
+ /** Styles applied to the icon when an `openIcon` is provided and if `open={true}`. */
9
+ iconWithOpenIconOpen: string;
10
+ /** Styles applied to the `openIcon` if provided. */
11
+ openIcon: string;
12
+ /** Styles applied to the `openIcon` if provided and if `open={true}`. */
13
+ openIconOpen: string;
14
+ }
15
+ export declare type SpeedDialIconClassKey = keyof SpeedDialIconClasses;
16
+ export declare function getSpeedDialIconUtilityClass(slot: string): string;
17
+ declare const speedDialIconClasses: SpeedDialIconClasses;
18
+ export default speedDialIconClasses;
@@ -1,16 +1,16 @@
1
- export interface StepClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `orientation="horizontal"`. */
5
- horizontal: string;
6
- /** Styles applied to the root element if `orientation="vertical"`. */
7
- vertical: string;
8
- /** Styles applied to the root element if `alternativeLabel={true}`. */
9
- alternativeLabel: string;
10
- /** State class applied to the root element if `completed={true}`. */
11
- completed: string;
12
- }
13
- export declare type StepClassKey = keyof StepClasses;
14
- export declare function getStepUtilityClass(slot: string): string;
15
- declare const stepClasses: StepClasses;
16
- export default stepClasses;
1
+ export interface StepClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `orientation="horizontal"`. */
5
+ horizontal: string;
6
+ /** Styles applied to the root element if `orientation="vertical"`. */
7
+ vertical: string;
8
+ /** Styles applied to the root element if `alternativeLabel={true}`. */
9
+ alternativeLabel: string;
10
+ /** State class applied to the root element if `completed={true}`. */
11
+ completed: string;
12
+ }
13
+ export declare type StepClassKey = keyof StepClasses;
14
+ export declare function getStepUtilityClass(slot: string): string;
15
+ declare const stepClasses: StepClasses;
16
+ export default stepClasses;
@@ -1,14 +1,14 @@
1
- export interface StepButtonClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `orientation="horizontal"`. */
5
- horizontal: string;
6
- /** Styles applied to the root element if `orientation="vertical"`. */
7
- vertical: string;
8
- /** Styles applied to the `ButtonBase` touch-ripple. */
9
- touchRipple: string;
10
- }
11
- export declare type StepButtonClassKey = keyof StepButtonClasses;
12
- export declare function getStepButtonUtilityClass(slot: string): string;
13
- declare const stepButtonClasses: StepButtonClasses;
14
- export default stepButtonClasses;
1
+ export interface StepButtonClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `orientation="horizontal"`. */
5
+ horizontal: string;
6
+ /** Styles applied to the root element if `orientation="vertical"`. */
7
+ vertical: string;
8
+ /** Styles applied to the `ButtonBase` touch-ripple. */
9
+ touchRipple: string;
10
+ }
11
+ export declare type StepButtonClassKey = keyof StepButtonClasses;
12
+ export declare function getStepButtonUtilityClass(slot: string): string;
13
+ declare const stepButtonClasses: StepButtonClasses;
14
+ export default stepButtonClasses;
@@ -1,26 +1,26 @@
1
- export interface StepConnectorClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `orientation="horizontal"`. */
5
- horizontal: string;
6
- /** Styles applied to the root element if `orientation="vertical"`. */
7
- vertical: string;
8
- /** Styles applied to the root element if `alternativeLabel={true}`. */
9
- alternativeLabel: string;
10
- /** State class applied to the root element if `active={true}`. */
11
- active: string;
12
- /** State class applied to the root element if `completed={true}`. */
13
- completed: string;
14
- /** State class applied to the root element if `disabled={true}`. */
15
- disabled: string;
16
- /** Styles applied to the line element. */
17
- line: string;
18
- /** Styles applied to the root element if `orientation="horizontal"`. */
19
- lineHorizontal: string;
20
- /** Styles applied to the root element if `orientation="vertical"`. */
21
- lineVertical: string;
22
- }
23
- export declare type StepConnectorClassKey = keyof StepConnectorClasses;
24
- export declare function getStepConnectorUtilityClass(slot: string): string;
25
- declare const stepConnectorClasses: StepConnectorClasses;
26
- export default stepConnectorClasses;
1
+ export interface StepConnectorClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `orientation="horizontal"`. */
5
+ horizontal: string;
6
+ /** Styles applied to the root element if `orientation="vertical"`. */
7
+ vertical: string;
8
+ /** Styles applied to the root element if `alternativeLabel={true}`. */
9
+ alternativeLabel: string;
10
+ /** State class applied to the root element if `active={true}`. */
11
+ active: string;
12
+ /** State class applied to the root element if `completed={true}`. */
13
+ completed: string;
14
+ /** State class applied to the root element if `disabled={true}`. */
15
+ disabled: string;
16
+ /** Styles applied to the line element. */
17
+ line: string;
18
+ /** Styles applied to the root element if `orientation="horizontal"`. */
19
+ lineHorizontal: string;
20
+ /** Styles applied to the root element if `orientation="vertical"`. */
21
+ lineVertical: string;
22
+ }
23
+ export declare type StepConnectorClassKey = keyof StepConnectorClasses;
24
+ export declare function getStepConnectorUtilityClass(slot: string): string;
25
+ declare const stepConnectorClasses: StepConnectorClasses;
26
+ export default stepConnectorClasses;
@@ -1,12 +1,12 @@
1
- export interface StepContentClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `last={true}` (controlled by `Step`). */
5
- last: string;
6
- /** Styles applied to the Transition component. */
7
- transition: string;
8
- }
9
- export declare type StepContentClassKey = keyof StepContentClasses;
10
- export declare function getStepContentUtilityClass(slot: string): string;
11
- declare const stepContentClasses: StepContentClasses;
12
- export default stepContentClasses;
1
+ export interface StepContentClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `last={true}` (controlled by `Step`). */
5
+ last: string;
6
+ /** Styles applied to the Transition component. */
7
+ transition: string;
8
+ }
9
+ export declare type StepContentClassKey = keyof StepContentClasses;
10
+ export declare function getStepContentUtilityClass(slot: string): string;
11
+ declare const stepContentClasses: StepContentClasses;
12
+ export default stepContentClasses;