@mui/lab 6.0.0-beta.2 → 6.0.0-beta.21

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 (296) hide show
  1. package/AdapterDateFns/index.js +1 -1
  2. package/AdapterDayjs/index.js +1 -1
  3. package/AdapterLuxon/index.js +1 -1
  4. package/AdapterMoment/index.js +1 -1
  5. package/Alert/index.js +1 -1
  6. package/AlertTitle/index.js +1 -1
  7. package/Autocomplete/index.js +1 -1
  8. package/AvatarGroup/index.js +1 -1
  9. package/CHANGELOG.md +1435 -15092
  10. package/CalendarPicker/index.js +2 -2
  11. package/CalendarPickerSkeleton/index.js +2 -2
  12. package/ClockPicker/index.js +2 -2
  13. package/DatePicker/index.js +2 -2
  14. package/DateRangePicker/index.js +2 -2
  15. package/DateRangePickerDay/index.js +2 -2
  16. package/DateTimePicker/index.js +2 -2
  17. package/DesktopDatePicker/index.js +2 -2
  18. package/DesktopDateRangePicker/index.js +2 -2
  19. package/DesktopDateTimePicker/index.js +2 -2
  20. package/DesktopTimePicker/index.js +2 -2
  21. package/LoadingButton/LoadingButton.d.ts +6 -4
  22. package/LoadingButton/LoadingButton.js +24 -9
  23. package/LoadingButton/index.js +3 -3
  24. package/LoadingButton/loadingButtonClasses.d.ts +2 -0
  25. package/LoadingButton/loadingButtonClasses.js +1 -1
  26. package/LocalizationProvider/index.js +2 -2
  27. package/Masonry/Masonry.d.ts +2 -2
  28. package/Masonry/Masonry.js +2 -2
  29. package/Masonry/index.js +3 -3
  30. package/MobileDatePicker/index.js +2 -2
  31. package/MobileDateRangePicker/index.js +2 -2
  32. package/MobileDateTimePicker/index.js +2 -2
  33. package/MobileTimePicker/index.js +2 -2
  34. package/MonthPicker/index.js +2 -2
  35. package/Pagination/index.js +2 -2
  36. package/PaginationItem/index.js +1 -1
  37. package/PickersDay/index.js +2 -2
  38. package/README.md +3 -3
  39. package/Rating/index.js +1 -1
  40. package/Skeleton/index.js +1 -1
  41. package/SpeedDial/index.js +1 -1
  42. package/SpeedDialAction/index.js +1 -1
  43. package/SpeedDialIcon/index.js +1 -1
  44. package/StaticDatePicker/index.js +2 -2
  45. package/StaticDateRangePicker/index.js +2 -2
  46. package/StaticDateTimePicker/index.js +2 -2
  47. package/StaticTimePicker/index.js +2 -2
  48. package/TabContext/TabContext.d.ts +2 -2
  49. package/TabContext/index.js +2 -2
  50. package/TabList/TabList.d.ts +3 -3
  51. package/TabList/TabList.js +1 -1
  52. package/TabList/index.js +1 -1
  53. package/TabPanel/TabPanel.d.ts +3 -3
  54. package/TabPanel/TabPanel.js +3 -3
  55. package/TabPanel/index.js +3 -3
  56. package/TimePicker/index.js +2 -2
  57. package/Timeline/Timeline.d.ts +2 -2
  58. package/Timeline/Timeline.js +6 -8
  59. package/Timeline/Timeline.types.d.ts +1 -2
  60. package/Timeline/index.js +4 -4
  61. package/TimelineConnector/TimelineConnector.d.ts +2 -2
  62. package/TimelineConnector/TimelineConnector.js +1 -1
  63. package/TimelineConnector/index.js +3 -3
  64. package/TimelineContent/TimelineContent.d.ts +3 -3
  65. package/TimelineContent/TimelineContent.js +3 -3
  66. package/TimelineContent/index.js +3 -3
  67. package/TimelineDot/TimelineDot.d.ts +2 -2
  68. package/TimelineDot/TimelineDot.js +1 -1
  69. package/TimelineDot/index.js +3 -3
  70. package/TimelineItem/TimelineItem.d.ts +2 -2
  71. package/TimelineItem/TimelineItem.js +5 -5
  72. package/TimelineItem/index.js +3 -3
  73. package/TimelineOppositeContent/TimelineOppositeContent.d.ts +3 -3
  74. package/TimelineOppositeContent/TimelineOppositeContent.js +3 -3
  75. package/TimelineOppositeContent/index.js +3 -3
  76. package/TimelineSeparator/TimelineSeparator.d.ts +2 -2
  77. package/TimelineSeparator/TimelineSeparator.js +1 -1
  78. package/TimelineSeparator/index.js +3 -3
  79. package/ToggleButton/index.js +1 -1
  80. package/ToggleButtonGroup/index.js +1 -1
  81. package/TreeItem/index.js +2 -2
  82. package/TreeView/TreeView.d.ts +1 -1
  83. package/TreeView/index.js +2 -2
  84. package/YearPicker/index.js +2 -2
  85. package/index.js +104 -104
  86. package/internal/svg-icons/ArrowDropDown.js +1 -1
  87. package/internal/svg-icons/ArrowLeft.js +1 -1
  88. package/internal/svg-icons/ArrowRight.js +1 -1
  89. package/internal/svg-icons/Calendar.js +1 -1
  90. package/internal/svg-icons/Clock.js +1 -1
  91. package/internal/svg-icons/DateRange.js +1 -1
  92. package/internal/svg-icons/Pen.js +1 -1
  93. package/internal/svg-icons/Time.js +1 -1
  94. package/modern/AdapterDateFns/index.js +1 -1
  95. package/modern/AdapterDayjs/index.js +1 -1
  96. package/modern/AdapterLuxon/index.js +1 -1
  97. package/modern/AdapterMoment/index.js +1 -1
  98. package/modern/Alert/index.js +1 -1
  99. package/modern/AlertTitle/index.js +1 -1
  100. package/modern/Autocomplete/index.js +1 -1
  101. package/modern/AvatarGroup/index.js +1 -1
  102. package/modern/CalendarPicker/index.js +2 -2
  103. package/modern/CalendarPickerSkeleton/index.js +2 -2
  104. package/modern/ClockPicker/index.js +2 -2
  105. package/modern/DatePicker/index.js +2 -2
  106. package/modern/DateRangePicker/index.js +2 -2
  107. package/modern/DateRangePickerDay/index.js +2 -2
  108. package/modern/DateTimePicker/index.js +2 -2
  109. package/modern/DesktopDatePicker/index.js +2 -2
  110. package/modern/DesktopDateRangePicker/index.js +2 -2
  111. package/modern/DesktopDateTimePicker/index.js +2 -2
  112. package/modern/DesktopTimePicker/index.js +2 -2
  113. package/modern/LoadingButton/LoadingButton.js +24 -9
  114. package/modern/LoadingButton/index.js +3 -3
  115. package/modern/LoadingButton/loadingButtonClasses.js +1 -1
  116. package/modern/LocalizationProvider/index.js +2 -2
  117. package/modern/Masonry/Masonry.js +2 -2
  118. package/modern/Masonry/index.js +3 -3
  119. package/modern/MobileDatePicker/index.js +2 -2
  120. package/modern/MobileDateRangePicker/index.js +2 -2
  121. package/modern/MobileDateTimePicker/index.js +2 -2
  122. package/modern/MobileTimePicker/index.js +2 -2
  123. package/modern/MonthPicker/index.js +2 -2
  124. package/modern/Pagination/index.js +2 -2
  125. package/modern/PaginationItem/index.js +1 -1
  126. package/modern/PickersDay/index.js +2 -2
  127. package/modern/Rating/index.js +1 -1
  128. package/modern/Skeleton/index.js +1 -1
  129. package/modern/SpeedDial/index.js +1 -1
  130. package/modern/SpeedDialAction/index.js +1 -1
  131. package/modern/SpeedDialIcon/index.js +1 -1
  132. package/modern/StaticDatePicker/index.js +2 -2
  133. package/modern/StaticDateRangePicker/index.js +2 -2
  134. package/modern/StaticDateTimePicker/index.js +2 -2
  135. package/modern/StaticTimePicker/index.js +2 -2
  136. package/modern/TabContext/index.js +2 -2
  137. package/modern/TabList/TabList.js +1 -1
  138. package/modern/TabList/index.js +1 -1
  139. package/modern/TabPanel/TabPanel.js +3 -3
  140. package/modern/TabPanel/index.js +3 -3
  141. package/modern/TimePicker/index.js +2 -2
  142. package/modern/Timeline/Timeline.js +6 -8
  143. package/modern/Timeline/index.js +4 -4
  144. package/modern/TimelineConnector/TimelineConnector.js +1 -1
  145. package/modern/TimelineConnector/index.js +3 -3
  146. package/modern/TimelineContent/TimelineContent.js +3 -3
  147. package/modern/TimelineContent/index.js +3 -3
  148. package/modern/TimelineDot/TimelineDot.js +1 -1
  149. package/modern/TimelineDot/index.js +3 -3
  150. package/modern/TimelineItem/TimelineItem.js +5 -5
  151. package/modern/TimelineItem/index.js +3 -3
  152. package/modern/TimelineOppositeContent/TimelineOppositeContent.js +3 -3
  153. package/modern/TimelineOppositeContent/index.js +3 -3
  154. package/modern/TimelineSeparator/TimelineSeparator.js +1 -1
  155. package/modern/TimelineSeparator/index.js +3 -3
  156. package/modern/ToggleButton/index.js +1 -1
  157. package/modern/ToggleButtonGroup/index.js +1 -1
  158. package/modern/TreeItem/index.js +2 -2
  159. package/modern/TreeView/index.js +2 -2
  160. package/modern/YearPicker/index.js +2 -2
  161. package/modern/index.js +104 -104
  162. package/modern/internal/svg-icons/ArrowDropDown.js +1 -1
  163. package/modern/internal/svg-icons/ArrowLeft.js +1 -1
  164. package/modern/internal/svg-icons/ArrowRight.js +1 -1
  165. package/modern/internal/svg-icons/Calendar.js +1 -1
  166. package/modern/internal/svg-icons/Clock.js +1 -1
  167. package/modern/internal/svg-icons/DateRange.js +1 -1
  168. package/modern/internal/svg-icons/Pen.js +1 -1
  169. package/modern/internal/svg-icons/Time.js +1 -1
  170. package/node/AdapterDateFns/index.js +1 -1
  171. package/node/AdapterDayjs/index.js +1 -1
  172. package/node/AdapterLuxon/index.js +1 -1
  173. package/node/AdapterMoment/index.js +1 -1
  174. package/node/Alert/Alert.js +2 -3
  175. package/node/Alert/index.js +1 -1
  176. package/node/AlertTitle/AlertTitle.js +2 -3
  177. package/node/AlertTitle/index.js +1 -1
  178. package/node/Autocomplete/Autocomplete.js +2 -3
  179. package/node/Autocomplete/index.js +1 -1
  180. package/node/AvatarGroup/AvatarGroup.js +2 -3
  181. package/node/AvatarGroup/index.js +1 -1
  182. package/node/CalendarPicker/CalendarPicker.js +1 -2
  183. package/node/CalendarPicker/index.js +2 -3
  184. package/node/CalendarPickerSkeleton/CalendarPickerSkeleton.js +1 -2
  185. package/node/CalendarPickerSkeleton/index.js +2 -3
  186. package/node/ClockPicker/ClockPicker.js +1 -2
  187. package/node/ClockPicker/index.js +2 -3
  188. package/node/DatePicker/DatePicker.js +1 -2
  189. package/node/DatePicker/index.js +2 -3
  190. package/node/DateRangePicker/DateRangePicker.js +1 -2
  191. package/node/DateRangePicker/index.js +2 -3
  192. package/node/DateRangePickerDay/DateRangePickerDay.js +1 -2
  193. package/node/DateRangePickerDay/index.js +2 -3
  194. package/node/DateTimePicker/DateTimePicker.js +1 -2
  195. package/node/DateTimePicker/index.js +2 -3
  196. package/node/DesktopDatePicker/DesktopDatePicker.js +1 -2
  197. package/node/DesktopDatePicker/index.js +2 -3
  198. package/node/DesktopDateRangePicker/DesktopDateRangePicker.js +1 -2
  199. package/node/DesktopDateRangePicker/index.js +2 -3
  200. package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -2
  201. package/node/DesktopDateTimePicker/index.js +2 -3
  202. package/node/DesktopTimePicker/DesktopTimePicker.js +1 -2
  203. package/node/DesktopTimePicker/index.js +2 -3
  204. package/node/LoadingButton/LoadingButton.js +24 -10
  205. package/node/LoadingButton/index.js +3 -4
  206. package/node/LoadingButton/loadingButtonClasses.js +2 -2
  207. package/node/LocalizationProvider/LocalizationProvider.js +1 -2
  208. package/node/LocalizationProvider/index.js +2 -3
  209. package/node/Masonry/Masonry.js +3 -4
  210. package/node/Masonry/index.js +3 -4
  211. package/node/Masonry/masonryClasses.js +1 -1
  212. package/node/MobileDatePicker/MobileDatePicker.js +1 -2
  213. package/node/MobileDatePicker/index.js +2 -3
  214. package/node/MobileDateRangePicker/MobileDateRangePicker.js +1 -2
  215. package/node/MobileDateRangePicker/index.js +2 -3
  216. package/node/MobileDateTimePicker/MobileDateTimePicker.js +1 -2
  217. package/node/MobileDateTimePicker/index.js +2 -3
  218. package/node/MobileTimePicker/MobileTimePicker.js +1 -2
  219. package/node/MobileTimePicker/index.js +2 -3
  220. package/node/MonthPicker/MonthPicker.js +1 -2
  221. package/node/MonthPicker/index.js +2 -3
  222. package/node/Pagination/Pagination.js +2 -3
  223. package/node/Pagination/index.js +1 -1
  224. package/node/Pagination/usePagination.js +1 -1
  225. package/node/PaginationItem/PaginationItem.js +2 -3
  226. package/node/PaginationItem/index.js +1 -1
  227. package/node/PickersDay/PickersDay.js +1 -2
  228. package/node/PickersDay/index.js +2 -3
  229. package/node/Rating/Rating.js +2 -3
  230. package/node/Rating/index.js +1 -1
  231. package/node/Skeleton/Skeleton.js +2 -3
  232. package/node/Skeleton/index.js +1 -1
  233. package/node/SpeedDial/SpeedDial.js +2 -3
  234. package/node/SpeedDial/index.js +1 -1
  235. package/node/SpeedDialAction/SpeedDialAction.js +2 -3
  236. package/node/SpeedDialAction/index.js +1 -1
  237. package/node/SpeedDialIcon/SpeedDialIcon.js +2 -3
  238. package/node/SpeedDialIcon/index.js +1 -1
  239. package/node/StaticDatePicker/StaticDatePicker.js +1 -2
  240. package/node/StaticDatePicker/index.js +2 -3
  241. package/node/StaticDateRangePicker/StaticDateRangePicker.js +1 -2
  242. package/node/StaticDateRangePicker/index.js +2 -3
  243. package/node/StaticDateTimePicker/StaticDateTimePicker.js +1 -2
  244. package/node/StaticDateTimePicker/index.js +2 -3
  245. package/node/StaticTimePicker/StaticTimePicker.js +1 -2
  246. package/node/StaticTimePicker/index.js +2 -3
  247. package/node/TabContext/TabContext.js +2 -3
  248. package/node/TabContext/index.js +2 -3
  249. package/node/TabList/TabList.js +2 -3
  250. package/node/TabList/index.js +1 -1
  251. package/node/TabPanel/TabPanel.js +3 -4
  252. package/node/TabPanel/index.js +3 -4
  253. package/node/TabPanel/tabPanelClasses.js +1 -1
  254. package/node/TimePicker/TimePicker.js +1 -2
  255. package/node/TimePicker/index.js +2 -3
  256. package/node/Timeline/Timeline.js +5 -8
  257. package/node/Timeline/TimelineContext.js +1 -2
  258. package/node/Timeline/index.js +3 -4
  259. package/node/Timeline/timelineClasses.js +1 -1
  260. package/node/TimelineConnector/TimelineConnector.js +2 -3
  261. package/node/TimelineConnector/index.js +3 -4
  262. package/node/TimelineConnector/timelineConnectorClasses.js +1 -1
  263. package/node/TimelineContent/TimelineContent.js +2 -3
  264. package/node/TimelineContent/index.js +3 -4
  265. package/node/TimelineContent/timelineContentClasses.js +1 -1
  266. package/node/TimelineDot/TimelineDot.js +2 -3
  267. package/node/TimelineDot/index.js +3 -4
  268. package/node/TimelineDot/timelineDotClasses.js +1 -1
  269. package/node/TimelineItem/TimelineItem.js +2 -3
  270. package/node/TimelineItem/index.js +3 -4
  271. package/node/TimelineItem/timelineItemClasses.js +1 -1
  272. package/node/TimelineOppositeContent/TimelineOppositeContent.js +2 -3
  273. package/node/TimelineOppositeContent/index.js +3 -4
  274. package/node/TimelineOppositeContent/timelineOppositeContentClasses.js +1 -1
  275. package/node/TimelineSeparator/TimelineSeparator.js +2 -3
  276. package/node/TimelineSeparator/index.js +3 -4
  277. package/node/TimelineSeparator/timelineSeparatorClasses.js +1 -1
  278. package/node/ToggleButton/ToggleButton.js +2 -3
  279. package/node/ToggleButton/index.js +1 -1
  280. package/node/ToggleButtonGroup/ToggleButtonGroup.js +2 -3
  281. package/node/ToggleButtonGroup/index.js +1 -1
  282. package/node/TreeItem/TreeItem.js +1 -2
  283. package/node/TreeItem/index.js +2 -3
  284. package/node/TreeView/TreeView.js +1 -2
  285. package/node/TreeView/index.js +2 -3
  286. package/node/YearPicker/index.js +2 -3
  287. package/node/index.js +4 -5
  288. package/node/internal/svg-icons/ArrowDropDown.js +2 -3
  289. package/node/internal/svg-icons/ArrowLeft.js +2 -3
  290. package/node/internal/svg-icons/ArrowRight.js +2 -3
  291. package/node/internal/svg-icons/Calendar.js +2 -3
  292. package/node/internal/svg-icons/Clock.js +2 -3
  293. package/node/internal/svg-icons/DateRange.js +2 -3
  294. package/node/internal/svg-icons/Pen.js +2 -3
  295. package/node/internal/svg-icons/Time.js +2 -3
  296. package/package.json +13 -13
@@ -1,2 +1,2 @@
1
- export { default } from './CalendarPicker';
2
- export * from './CalendarPicker';
1
+ export { default } from "./CalendarPicker.js";
2
+ export * from "./CalendarPicker.js";
@@ -1,2 +1,2 @@
1
- export { default } from './CalendarPickerSkeleton';
2
- export * from './CalendarPickerSkeleton';
1
+ export { default } from "./CalendarPickerSkeleton.js";
2
+ export * from "./CalendarPickerSkeleton.js";
@@ -1,2 +1,2 @@
1
- export { default } from './ClockPicker';
2
- export * from './ClockPicker';
1
+ export { default } from "./ClockPicker.js";
2
+ export * from "./ClockPicker.js";
@@ -1,2 +1,2 @@
1
- export { default } from './DatePicker';
2
- export * from './DatePicker';
1
+ export { default } from "./DatePicker.js";
2
+ export * from "./DatePicker.js";
@@ -1,2 +1,2 @@
1
- export { default } from './DateRangePicker';
2
- export * from './DateRangePicker';
1
+ export { default } from "./DateRangePicker.js";
2
+ export * from "./DateRangePicker.js";
@@ -1,2 +1,2 @@
1
- export { default } from './DateRangePickerDay';
2
- export * from './DateRangePickerDay';
1
+ export { default } from "./DateRangePickerDay.js";
2
+ export * from "./DateRangePickerDay.js";
@@ -1,2 +1,2 @@
1
- export { default } from './DateTimePicker';
2
- export * from './DateTimePicker';
1
+ export { default } from "./DateTimePicker.js";
2
+ export * from "./DateTimePicker.js";
@@ -1,2 +1,2 @@
1
- export { default } from './DesktopDatePicker';
2
- export * from './DesktopDatePicker';
1
+ export { default } from "./DesktopDatePicker.js";
2
+ export * from "./DesktopDatePicker.js";
@@ -1,2 +1,2 @@
1
- export { default } from './DesktopDateRangePicker';
2
- export * from './DesktopDateRangePicker';
1
+ export { default } from "./DesktopDateRangePicker.js";
2
+ export * from "./DesktopDateRangePicker.js";
@@ -1,2 +1,2 @@
1
- export { default } from './DesktopDateTimePicker';
2
- export * from './DesktopDateTimePicker';
1
+ export { default } from "./DesktopDateTimePicker.js";
2
+ export * from "./DesktopDateTimePicker.js";
@@ -1,2 +1,2 @@
1
- export { default } from './DesktopTimePicker';
2
- export * from './DesktopTimePicker';
1
+ export { default } from "./DesktopTimePicker.js";
2
+ export * from "./DesktopTimePicker.js";
@@ -10,6 +10,8 @@ export interface LoadingButtonOwnProps {
10
10
  classes?: Partial<ButtonClasses> & {
11
11
  /** Styles applied to the root element. */
12
12
  root?: string;
13
+ /** Styles applied to the span element that wraps the children. */
14
+ label?: string;
13
15
  /** Styles applied to the root element if `loading={true}`. */
14
16
  loading?: string;
15
17
  /** Styles applied to the loadingIndicator element. */
@@ -60,13 +62,13 @@ export type LoadingButtonTypeMap<
60
62
  *
61
63
  * Demos:
62
64
  *
63
- * - [Button Group](https://next.mui.com/material-ui/react-button-group/)
64
- * - [Button](https://next.mui.com/material-ui/react-button/)
65
+ * - [Button Group](https://mui.com/material-ui/react-button-group/)
66
+ * - [Button](https://mui.com/material-ui/react-button/)
65
67
  *
66
68
  * API:
67
69
  *
68
- * - [LoadingButton API](https://next.mui.com/material-ui/api/loading-button/)
69
- * - inherits [Button API](https://next.mui.com/material-ui/api/button/)
70
+ * - [LoadingButton API](https://mui.com/material-ui/api/loading-button/)
71
+ * - inherits [Button API](https://mui.com/material-ui/api/button/)
70
72
  */
71
73
  declare const LoadingButton: ExtendButton<LoadingButtonTypeMap>;
72
74
 
@@ -3,15 +3,15 @@
3
3
  import * as React from 'react';
4
4
  import PropTypes from 'prop-types';
5
5
  import { chainPropTypes } from '@mui/utils';
6
- import { capitalize, unstable_useId as useId } from '@mui/material/utils';
6
+ import { capitalize, unstable_useId as useId, unstable_memoTheme as memoTheme } from '@mui/material/utils';
7
7
  import { unstable_composeClasses as composeClasses } from '@mui/base';
8
8
  import { useDefaultProps } from '@mui/material/DefaultPropsProvider';
9
9
  import Button from '@mui/material/Button';
10
10
  import { ButtonGroupContext } from '@mui/material/ButtonGroup';
11
11
  import CircularProgress from '@mui/material/CircularProgress';
12
12
  import resolveProps from '@mui/utils/resolveProps';
13
- import { styled } from '../zero-styled';
14
- import loadingButtonClasses, { getLoadingButtonUtilityClass } from './loadingButtonClasses';
13
+ import { styled } from "../zero-styled/index.js";
14
+ import loadingButtonClasses, { getLoadingButtonUtilityClass } from "./loadingButtonClasses.js";
15
15
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
16
16
  const useUtilityClasses = ownerState => {
17
17
  const {
@@ -21,6 +21,7 @@ const useUtilityClasses = ownerState => {
21
21
  } = ownerState;
22
22
  const slots = {
23
23
  root: ['root', loading && 'loading'],
24
+ label: ['label'],
24
25
  startIcon: [loading && `startIconLoading${capitalize(loadingPosition)}`],
25
26
  endIcon: [loading && `endIconLoading${capitalize(loadingPosition)}`],
26
27
  loadingIndicator: ['loadingIndicator', loading && `loadingIndicator${capitalize(loadingPosition)}`]
@@ -46,9 +47,10 @@ const LoadingButtonRoot = styled(Button, {
46
47
  [`& .${loadingButtonClasses.endIconLoadingEnd}`]: styles.endIconLoadingEnd
47
48
  }];
48
49
  }
49
- })(({
50
+ })(memoTheme(({
50
51
  theme
51
52
  }) => ({
53
+ display: 'inline-flex',
52
54
  [`& .${loadingButtonClasses.startIconLoadingStart}, & .${loadingButtonClasses.endIconLoadingEnd}`]: {
53
55
  transition: theme.transitions.create(['opacity'], {
54
56
  duration: theme.transitions.duration.short
@@ -94,7 +96,7 @@ const LoadingButtonRoot = styled(Button, {
94
96
  }
95
97
  }
96
98
  }]
97
- }));
99
+ })));
98
100
  const LoadingButtonLoadingIndicator = styled('span', {
99
101
  name: 'MuiLoadingButton',
100
102
  slot: 'LoadingIndicator',
@@ -104,7 +106,7 @@ const LoadingButtonLoadingIndicator = styled('span', {
104
106
  } = props;
105
107
  return [styles.loadingIndicator, styles[`loadingIndicator${capitalize(ownerState.loadingPosition)}`]];
106
108
  }
107
- })(({
109
+ })(memoTheme(({
108
110
  theme
109
111
  }) => ({
110
112
  position: 'absolute',
@@ -184,7 +186,18 @@ const LoadingButtonLoadingIndicator = styled('span', {
184
186
  right: -10
185
187
  }
186
188
  }]
187
- }));
189
+ })));
190
+ const LoadingButtonLabel = styled('span', {
191
+ name: 'MuiLoadingButton',
192
+ slot: 'Label',
193
+ overridesResolver: (props, styles) => {
194
+ return [styles.label];
195
+ }
196
+ })({
197
+ display: 'inherit',
198
+ alignItems: 'inherit',
199
+ justifyContent: 'inherit'
200
+ });
188
201
  const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps, ref) {
189
202
  const contextProps = React.useContext(ButtonGroupContext);
190
203
  const resolvedProps = resolveProps(contextProps, inProps);
@@ -230,9 +243,11 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
230
243
  variant: variant,
231
244
  classes: classes,
232
245
  ownerState: ownerState,
233
- children: [ownerState.loadingPosition === 'end' ? /*#__PURE__*/_jsx("span", {
246
+ children: [ownerState.loadingPosition === 'end' ? /*#__PURE__*/_jsx(LoadingButtonLabel, {
247
+ className: classes.label,
234
248
  children: children
235
- }) : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : /*#__PURE__*/_jsx("span", {
249
+ }) : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : /*#__PURE__*/_jsx(LoadingButtonLabel, {
250
+ className: classes.label,
236
251
  children: children
237
252
  })]
238
253
  });
@@ -1,3 +1,3 @@
1
- export { default } from './LoadingButton';
2
- export { default as loadingButtonClasses } from './loadingButtonClasses';
3
- export * from './loadingButtonClasses';
1
+ export { default } from "./LoadingButton.js";
2
+ export { default as loadingButtonClasses } from "./loadingButtonClasses.js";
3
+ export * from "./loadingButtonClasses.js";
@@ -1,6 +1,8 @@
1
1
  export interface LoadingButtonClasses {
2
2
  /** Styles applied to the root element. */
3
3
  root: string;
4
+ /** Styles applied to the span element that wraps the children. */
5
+ label: string;
4
6
  /** Styles applied to the root element if `loading={true}`. */
5
7
  loading: string;
6
8
  /** Styles applied to the loadingIndicator element. */
@@ -3,5 +3,5 @@ import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
3
3
  export function getLoadingButtonUtilityClass(slot) {
4
4
  return generateUtilityClass('MuiLoadingButton', slot);
5
5
  }
6
- const loadingButtonClasses = generateUtilityClasses('MuiLoadingButton', ['root', 'loading', 'loadingIndicator', 'loadingIndicatorCenter', 'loadingIndicatorStart', 'loadingIndicatorEnd', 'endIconLoadingEnd', 'startIconLoadingStart']);
6
+ const loadingButtonClasses = generateUtilityClasses('MuiLoadingButton', ['root', 'label', 'loading', 'loadingIndicator', 'loadingIndicatorCenter', 'loadingIndicatorStart', 'loadingIndicatorEnd', 'endIconLoadingEnd', 'startIconLoadingStart']);
7
7
  export default loadingButtonClasses;
@@ -1,2 +1,2 @@
1
- export { default } from './LocalizationProvider';
2
- export * from './LocalizationProvider';
1
+ export { default } from "./LocalizationProvider.js";
2
+ export * from "./LocalizationProvider.js";
@@ -56,11 +56,11 @@ export interface MasonryTypeMap<
56
56
  *
57
57
  * Demos:
58
58
  *
59
- * - [Masonry](https://next.mui.com/material-ui/react-masonry/)
59
+ * - [Masonry](https://mui.com/material-ui/react-masonry/)
60
60
  *
61
61
  * API:
62
62
  *
63
- * - [Masonry API](https://next.mui.com/material-ui/api/masonry/)
63
+ * - [Masonry API](https://mui.com/material-ui/api/masonry/)
64
64
  */
65
65
  declare const Masonry: OverridableComponent<MasonryTypeMap>;
66
66
 
@@ -8,7 +8,7 @@ import { deepmerge, unstable_useForkRef as useForkRef, unstable_useEnhancedEffec
8
8
  import clsx from 'clsx';
9
9
  import PropTypes from 'prop-types';
10
10
  import * as React from 'react';
11
- import { getMasonryUtilityClass } from './masonryClasses';
11
+ import { getMasonryUtilityClass } from "./masonryClasses.js";
12
12
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
13
  export const parseToNumber = val => {
14
14
  return Number(val.replace('px', ''));
@@ -254,7 +254,7 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
254
254
  }
255
255
  return () => {
256
256
  if (animationFrame) {
257
- window.cancelAnimationFrame(animationFrame);
257
+ cancelAnimationFrame(animationFrame);
258
258
  }
259
259
  if (resizeObserver) {
260
260
  resizeObserver.disconnect();
package/Masonry/index.js CHANGED
@@ -1,3 +1,3 @@
1
- export { default } from './Masonry';
2
- export * from './masonryClasses';
3
- export { default as masonryClasses } from './masonryClasses';
1
+ export { default } from "./Masonry.js";
2
+ export * from "./masonryClasses.js";
3
+ export { default as masonryClasses } from "./masonryClasses.js";
@@ -1,2 +1,2 @@
1
- export { default } from './MobileDatePicker';
2
- export * from './MobileDatePicker';
1
+ export { default } from "./MobileDatePicker.js";
2
+ export * from "./MobileDatePicker.js";
@@ -1,2 +1,2 @@
1
- export { default } from './MobileDateRangePicker';
2
- export * from './MobileDateRangePicker';
1
+ export { default } from "./MobileDateRangePicker.js";
2
+ export * from "./MobileDateRangePicker.js";
@@ -1,2 +1,2 @@
1
- export { default } from './MobileDateTimePicker';
2
- export * from './MobileDateTimePicker';
1
+ export { default } from "./MobileDateTimePicker.js";
2
+ export * from "./MobileDateTimePicker.js";
@@ -1,2 +1,2 @@
1
- export { default } from './MobileTimePicker';
2
- export * from './MobileTimePicker';
1
+ export { default } from "./MobileTimePicker.js";
2
+ export * from "./MobileTimePicker.js";
@@ -1,2 +1,2 @@
1
- export { default } from './MonthPicker';
2
- export * from './MonthPicker';
1
+ export { default } from "./MonthPicker.js";
2
+ export * from "./MonthPicker.js";
@@ -1,2 +1,2 @@
1
- export { default } from './Pagination';
2
- export { default as usePagination } from './usePagination';
1
+ export { default } from "./Pagination.js";
2
+ export { default as usePagination } from "./usePagination.js";
@@ -1 +1 @@
1
- export { default } from './PaginationItem';
1
+ export { default } from "./PaginationItem.js";
@@ -1,2 +1,2 @@
1
- export { default } from './PickersDay';
2
- export * from './PickersDay';
1
+ export { default } from "./PickersDay.js";
2
+ export * from "./PickersDay.js";
package/README.md CHANGED
@@ -9,7 +9,7 @@ Install the package in your project directory with:
9
9
  <!-- #default-branch-switch -->
10
10
 
11
11
  ```bash
12
- npm install @mui/lab@next
12
+ npm install @mui/lab
13
13
  ```
14
14
 
15
15
  The lab has peer dependencies on the Material Design components and on the Emotion library.
@@ -18,11 +18,11 @@ If you are not already using them in your project, you can install with:
18
18
  <!-- #default-branch-switch -->
19
19
 
20
20
  ```bash
21
- npm install @mui/material@next @emotion/react @emotion/styled
21
+ npm install @mui/material @emotion/react @emotion/styled
22
22
  ```
23
23
 
24
24
  ## Documentation
25
25
 
26
26
  <!-- #default-branch-switch -->
27
27
 
28
- Visit [https://next.mui.com/material-ui/about-the-lab/](https://next.mui.com/material-ui/about-the-lab/) to view the full documentation.
28
+ Visit [https://mui.com/material-ui/about-the-lab/](https://mui.com/material-ui/about-the-lab/) to view the full documentation.
package/Rating/index.js CHANGED
@@ -1 +1 @@
1
- export { default } from './Rating';
1
+ export { default } from "./Rating.js";
package/Skeleton/index.js CHANGED
@@ -1 +1 @@
1
- export { default } from './Skeleton';
1
+ export { default } from "./Skeleton.js";
@@ -1 +1 @@
1
- export { default } from './SpeedDial';
1
+ export { default } from "./SpeedDial.js";
@@ -1 +1 @@
1
- export { default } from './SpeedDialAction';
1
+ export { default } from "./SpeedDialAction.js";
@@ -1 +1 @@
1
- export { default } from './SpeedDialIcon';
1
+ export { default } from "./SpeedDialIcon.js";
@@ -1,2 +1,2 @@
1
- export { default } from './StaticDatePicker';
2
- export * from './StaticDatePicker';
1
+ export { default } from "./StaticDatePicker.js";
2
+ export * from "./StaticDatePicker.js";
@@ -1,2 +1,2 @@
1
- export { default } from './StaticDateRangePicker';
2
- export * from './StaticDateRangePicker';
1
+ export { default } from "./StaticDateRangePicker.js";
2
+ export * from "./StaticDateRangePicker.js";
@@ -1,2 +1,2 @@
1
- export { default } from './StaticDateTimePicker';
2
- export * from './StaticDateTimePicker';
1
+ export { default } from "./StaticDateTimePicker.js";
2
+ export * from "./StaticDateTimePicker.js";
@@ -1,2 +1,2 @@
1
- export { default } from './StaticTimePicker';
2
- export * from './StaticTimePicker';
1
+ export { default } from "./StaticTimePicker.js";
2
+ export * from "./StaticTimePicker.js";
@@ -19,11 +19,11 @@ export interface TabContextProps {
19
19
  *
20
20
  * Demos:
21
21
  *
22
- * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
22
+ * - [Tabs](https://mui.com/material-ui/react-tabs/)
23
23
  *
24
24
  * API:
25
25
  *
26
- * - [TabContext API](https://next.mui.com/material-ui/api/tab-context/)
26
+ * - [TabContext API](https://mui.com/material-ui/api/tab-context/)
27
27
  */
28
28
  export default function TabContext(props: TabContextProps): React.JSX.Element;
29
29
  export function useTabContext(): TabContextValue | null;
@@ -1,2 +1,2 @@
1
- export { default } from './TabContext';
2
- export * from './TabContext';
1
+ export { default } from "./TabContext.js";
2
+ export * from "./TabContext.js";
@@ -22,12 +22,12 @@ export interface TabListTypeMap<
22
22
  *
23
23
  * Demos:
24
24
  *
25
- * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
25
+ * - [Tabs](https://mui.com/material-ui/react-tabs/)
26
26
  *
27
27
  * API:
28
28
  *
29
- * - [TabList API](https://next.mui.com/material-ui/api/tab-list/)
30
- * - inherits [Tabs API](https://next.mui.com/material-ui/api/tabs/)
29
+ * - [TabList API](https://mui.com/material-ui/api/tab-list/)
30
+ * - inherits [Tabs API](https://mui.com/material-ui/api/tabs/)
31
31
  */
32
32
  declare const TabList: OverridableComponent<TabListTypeMap>;
33
33
 
@@ -3,7 +3,7 @@
3
3
  import * as React from 'react';
4
4
  import PropTypes from 'prop-types';
5
5
  import Tabs from '@mui/material/Tabs';
6
- import { useTabContext, getTabId, getPanelId } from '../TabContext';
6
+ import { useTabContext, getTabId, getPanelId } from "../TabContext/index.js";
7
7
  import { jsx as _jsx } from "react/jsx-runtime";
8
8
  const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
9
9
  const {
package/TabList/index.js CHANGED
@@ -1 +1 @@
1
- export { default } from './TabList';
1
+ export { default } from "./TabList.js";
@@ -21,7 +21,7 @@ export interface TabPanelProps extends StandardProps<React.HTMLAttributes<HTMLDi
21
21
  * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when
22
22
  * no `value` was passed to `Tab`.
23
23
  */
24
- value: string;
24
+ value: string | number;
25
25
  /**
26
26
  * Always keep the children in the DOM.
27
27
  * @default false
@@ -33,10 +33,10 @@ export interface TabPanelProps extends StandardProps<React.HTMLAttributes<HTMLDi
33
33
  *
34
34
  * Demos:
35
35
  *
36
- * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
36
+ * - [Tabs](https://mui.com/material-ui/react-tabs/)
37
37
  *
38
38
  * API:
39
39
  *
40
- * - [TabPanel API](https://next.mui.com/material-ui/api/tab-panel/)
40
+ * - [TabPanel API](https://mui.com/material-ui/api/tab-panel/)
41
41
  */
42
42
  export default function TabPanel(props: TabPanelProps): React.JSX.Element;
@@ -5,8 +5,8 @@ import PropTypes from 'prop-types';
5
5
  import clsx from 'clsx';
6
6
  import { styled, useThemeProps } from '@mui/material/styles';
7
7
  import { unstable_composeClasses as composeClasses } from '@mui/base';
8
- import { getTabPanelUtilityClass } from './tabPanelClasses';
9
- import { getPanelId, getTabId, useTabContext } from '../TabContext';
8
+ import { getTabPanelUtilityClass } from "./tabPanelClasses.js";
9
+ import { getPanelId, getTabId, useTabContext } from "../TabContext/index.js";
10
10
  import { jsx as _jsx } from "react/jsx-runtime";
11
11
  const useUtilityClasses = ownerState => {
12
12
  const {
@@ -91,6 +91,6 @@ process.env.NODE_ENV !== "production" ? TabPanel.propTypes /* remove-proptypes *
91
91
  * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when
92
92
  * no `value` was passed to `Tab`.
93
93
  */
94
- value: PropTypes.string.isRequired
94
+ value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
95
95
  } : void 0;
96
96
  export default TabPanel;
package/TabPanel/index.js CHANGED
@@ -1,3 +1,3 @@
1
- export { default } from './TabPanel';
2
- export { default as tabPanelClasses } from './tabPanelClasses';
3
- export * from './tabPanelClasses';
1
+ export { default } from "./TabPanel.js";
2
+ export { default as tabPanelClasses } from "./tabPanelClasses.js";
3
+ export * from "./tabPanelClasses.js";
@@ -1,2 +1,2 @@
1
- export { default } from './TimePicker';
2
- export * from './TimePicker';
1
+ export { default } from "./TimePicker.js";
2
+ export * from "./TimePicker.js";
@@ -4,11 +4,11 @@ import { TimelineProps } from './Timeline.types';
4
4
  *
5
5
  * Demos:
6
6
  *
7
- * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
7
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
8
8
  *
9
9
  * API:
10
10
  *
11
- * - [Timeline API](https://next.mui.com/material-ui/api/timeline/)
11
+ * - [Timeline API](https://mui.com/material-ui/api/timeline/)
12
12
  */
13
13
  declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLUListElement>>;
14
14
  /**
@@ -5,9 +5,9 @@ import PropTypes from 'prop-types';
5
5
  import clsx from 'clsx';
6
6
  import { unstable_composeClasses as composeClasses } from '@mui/base';
7
7
  import { styled, useThemeProps } from '@mui/material/styles';
8
- import TimelineContext from './TimelineContext';
9
- import { getTimelineUtilityClass } from './timelineClasses';
10
- import convertTimelinePositionToClass from '../internal/convertTimelinePositionToClass';
8
+ import TimelineContext from "./TimelineContext.js";
9
+ import { getTimelineUtilityClass } from "./timelineClasses.js";
10
+ import convertTimelinePositionToClass from "../internal/convertTimelinePositionToClass.js";
11
11
  import { jsx as _jsx } from "react/jsx-runtime";
12
12
  const useUtilityClasses = ownerState => {
13
13
  const {
@@ -39,11 +39,11 @@ const TimelineRoot = styled('ul', {
39
39
  *
40
40
  * Demos:
41
41
  *
42
- * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
42
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
43
43
  *
44
44
  * API:
45
45
  *
46
- * - [Timeline API](https://next.mui.com/material-ui/api/timeline/)
46
+ * - [Timeline API](https://mui.com/material-ui/api/timeline/)
47
47
  */
48
48
  const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
49
49
  const props = useThemeProps({
@@ -67,9 +67,7 @@ const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
67
67
  value: contextValue,
68
68
  children: /*#__PURE__*/_jsx(TimelineRoot, {
69
69
  className: clsx(classes.root, className),
70
- ownerState: ownerState
71
- // @ts-expect-error TypeScript bug, need to keep unknown for DX
72
- ,
70
+ ownerState: ownerState,
73
71
  ref: ref,
74
72
  ...other
75
73
  })
@@ -1,9 +1,8 @@
1
- /// <reference types="react" />
2
1
  import { InternalStandardProps as StandardProps } from '@mui/material';
3
2
  import { Theme } from '@mui/material/styles';
4
3
  import { SxProps } from '@mui/system';
5
4
  import { TimelineClasses } from './timelineClasses';
6
- export interface TimelineProps extends StandardProps<React.HTMLAttributes<HTMLUListElement>> {
5
+ export interface TimelineProps extends StandardProps<React.ComponentProps<'ul'>> {
7
6
  /**
8
7
  * The position where the TimelineContent should appear relative to the time axis.
9
8
  * @default 'right'
package/Timeline/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { default } from './Timeline';
2
- export * from './Timeline.types';
3
- export { default as timelineClasses } from './timelineClasses';
4
- export * from './timelineClasses';
1
+ export { default } from "./Timeline.js";
2
+ export * from "./Timeline.types.js";
3
+ export { default as timelineClasses } from "./timelineClasses.js";
4
+ export * from "./timelineClasses.js";
@@ -24,10 +24,10 @@ export interface TimelineConnectorProps
24
24
  *
25
25
  * Demos:
26
26
  *
27
- * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
27
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
28
28
  *
29
29
  * API:
30
30
  *
31
- * - [TimelineConnector API](https://next.mui.com/material-ui/api/timeline-connector/)
31
+ * - [TimelineConnector API](https://mui.com/material-ui/api/timeline-connector/)
32
32
  */
33
33
  export default function TimelineConnector(props: TimelineConnectorProps): React.JSX.Element;
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
5
5
  import clsx from 'clsx';
6
6
  import { unstable_composeClasses as composeClasses } from '@mui/base';
7
7
  import { styled, useThemeProps } from '@mui/material/styles';
8
- import { getTimelineConnectorUtilityClass } from './timelineConnectorClasses';
8
+ import { getTimelineConnectorUtilityClass } from "./timelineConnectorClasses.js";
9
9
  import { jsx as _jsx } from "react/jsx-runtime";
10
10
  const useUtilityClasses = ownerState => {
11
11
  const {
@@ -1,3 +1,3 @@
1
- export { default } from './TimelineConnector';
2
- export { default as timelineConnectorClasses } from './timelineConnectorClasses';
3
- export * from './timelineConnectorClasses';
1
+ export { default } from "./TimelineConnector.js";
2
+ export { default as timelineConnectorClasses } from "./timelineConnectorClasses.js";
3
+ export * from "./timelineConnectorClasses.js";
@@ -23,11 +23,11 @@ export interface TimelineContentProps extends StandardProps<TypographyProps> {
23
23
  *
24
24
  * Demos:
25
25
  *
26
- * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
26
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
27
27
  *
28
28
  * API:
29
29
  *
30
- * - [TimelineContent API](https://next.mui.com/material-ui/api/timeline-content/)
31
- * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
30
+ * - [TimelineContent API](https://mui.com/material-ui/api/timeline-content/)
31
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
32
32
  */
33
33
  export default function TimelineContent(props: TimelineContentProps): React.JSX.Element;