@mui/lab 6.0.0-beta.6 → 6.0.0-beta.8

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 (158) 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 +119 -0
  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 +1 -1
  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 +2 -2
  54. package/TabPanel/TabPanel.js +2 -2
  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 +5 -5
  59. package/Timeline/Timeline.types.d.ts +0 -1
  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/modern/AdapterDateFns/index.js +1 -1
  87. package/modern/AdapterDayjs/index.js +1 -1
  88. package/modern/AdapterLuxon/index.js +1 -1
  89. package/modern/AdapterMoment/index.js +1 -1
  90. package/modern/Alert/index.js +1 -1
  91. package/modern/AlertTitle/index.js +1 -1
  92. package/modern/Autocomplete/index.js +1 -1
  93. package/modern/AvatarGroup/index.js +1 -1
  94. package/modern/CalendarPicker/index.js +2 -2
  95. package/modern/CalendarPickerSkeleton/index.js +2 -2
  96. package/modern/ClockPicker/index.js +2 -2
  97. package/modern/DatePicker/index.js +2 -2
  98. package/modern/DateRangePicker/index.js +2 -2
  99. package/modern/DateRangePickerDay/index.js +2 -2
  100. package/modern/DateTimePicker/index.js +2 -2
  101. package/modern/DesktopDatePicker/index.js +2 -2
  102. package/modern/DesktopDateRangePicker/index.js +2 -2
  103. package/modern/DesktopDateTimePicker/index.js +2 -2
  104. package/modern/DesktopTimePicker/index.js +2 -2
  105. package/modern/LoadingButton/LoadingButton.js +24 -9
  106. package/modern/LoadingButton/index.js +3 -3
  107. package/modern/LoadingButton/loadingButtonClasses.js +1 -1
  108. package/modern/LocalizationProvider/index.js +2 -2
  109. package/modern/Masonry/Masonry.js +1 -1
  110. package/modern/Masonry/index.js +3 -3
  111. package/modern/MobileDatePicker/index.js +2 -2
  112. package/modern/MobileDateRangePicker/index.js +2 -2
  113. package/modern/MobileDateTimePicker/index.js +2 -2
  114. package/modern/MobileTimePicker/index.js +2 -2
  115. package/modern/MonthPicker/index.js +2 -2
  116. package/modern/Pagination/index.js +2 -2
  117. package/modern/PaginationItem/index.js +1 -1
  118. package/modern/PickersDay/index.js +2 -2
  119. package/modern/Rating/index.js +1 -1
  120. package/modern/Skeleton/index.js +1 -1
  121. package/modern/SpeedDial/index.js +1 -1
  122. package/modern/SpeedDialAction/index.js +1 -1
  123. package/modern/SpeedDialIcon/index.js +1 -1
  124. package/modern/StaticDatePicker/index.js +2 -2
  125. package/modern/StaticDateRangePicker/index.js +2 -2
  126. package/modern/StaticDateTimePicker/index.js +2 -2
  127. package/modern/StaticTimePicker/index.js +2 -2
  128. package/modern/TabContext/index.js +2 -2
  129. package/modern/TabList/TabList.js +1 -1
  130. package/modern/TabList/index.js +1 -1
  131. package/modern/TabPanel/TabPanel.js +2 -2
  132. package/modern/TabPanel/index.js +3 -3
  133. package/modern/TimePicker/index.js +2 -2
  134. package/modern/Timeline/Timeline.js +5 -5
  135. package/modern/Timeline/index.js +4 -4
  136. package/modern/TimelineConnector/TimelineConnector.js +1 -1
  137. package/modern/TimelineConnector/index.js +3 -3
  138. package/modern/TimelineContent/TimelineContent.js +3 -3
  139. package/modern/TimelineContent/index.js +3 -3
  140. package/modern/TimelineDot/TimelineDot.js +1 -1
  141. package/modern/TimelineDot/index.js +3 -3
  142. package/modern/TimelineItem/TimelineItem.js +5 -5
  143. package/modern/TimelineItem/index.js +3 -3
  144. package/modern/TimelineOppositeContent/TimelineOppositeContent.js +3 -3
  145. package/modern/TimelineOppositeContent/index.js +3 -3
  146. package/modern/TimelineSeparator/TimelineSeparator.js +1 -1
  147. package/modern/TimelineSeparator/index.js +3 -3
  148. package/modern/ToggleButton/index.js +1 -1
  149. package/modern/ToggleButtonGroup/index.js +1 -1
  150. package/modern/TreeItem/index.js +2 -2
  151. package/modern/TreeView/index.js +2 -2
  152. package/modern/YearPicker/index.js +2 -2
  153. package/modern/index.js +104 -104
  154. package/node/LoadingButton/LoadingButton.js +21 -6
  155. package/node/LoadingButton/loadingButtonClasses.js +1 -1
  156. package/node/Timeline/Timeline.js +2 -2
  157. package/node/index.js +1 -1
  158. package/package.json +7 -7
@@ -1 +1 @@
1
- export { default } from './AdapterDateFns';
1
+ export { default } from "./AdapterDateFns.js";
@@ -1 +1 @@
1
- export { default } from './AdapterDayjs';
1
+ export { default } from "./AdapterDayjs.js";
@@ -1 +1 @@
1
- export { default } from './AdapterLuxon';
1
+ export { default } from "./AdapterLuxon.js";
@@ -1 +1 @@
1
- export { default } from './AdapterMoment';
1
+ export { default } from "./AdapterMoment.js";
package/Alert/index.js CHANGED
@@ -1 +1 @@
1
- export { default } from './Alert';
1
+ export { default } from "./Alert.js";
@@ -1 +1 @@
1
- export { default } from './AlertTitle';
1
+ export { default } from "./AlertTitle.js";
@@ -1 +1 @@
1
- export { default } from './Autocomplete';
1
+ export { default } from "./Autocomplete.js";
@@ -1 +1 @@
1
- export { default } from './AvatarGroup';
1
+ export { default } from "./AvatarGroup.js";
package/CHANGELOG.md CHANGED
@@ -1,5 +1,124 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 6.0.0
4
+
5
+ <!-- generated comparing v6.0.0-rc.0..master -->
6
+
7
+ _Aug 27, 2024_
8
+
9
+ We are excited to announce the stable release of Material-UI v6 🎉, check out [the blog post](https://mui.com/blog/material-ui-v6-is-out/) to see all the updates.
10
+
11
+ ### `@mui/material@6.0.0`
12
+
13
+ - Change React.ReactElement<any,any> type from any to unknown (#43358) @sai6855
14
+ - [Pagination] Update `getItemAriaLabel` page param type (#43399) @sydneyjodon-wk
15
+ - [Unstable_TrapFocus] Fix `getTabbable` function return type (#42237) @KalmarLorand
16
+
17
+ ### `@mui/lab@6.0.0-beta.8`
18
+
19
+ - [button] Add missing customize points for span (#43436) @oliviertassinari
20
+
21
+ ### Docs
22
+
23
+ - Fix broken links (#43144) @DiegoAndai
24
+ - Updated mui-x roadmap links with the new project URL (#43444) @michelengelen
25
+ - Update pnpm order, move to second (#42712) @ahmadnadeem6236
26
+ - Fix CSS theme variables section (#43439) @siriwatknp
27
+ - Add two Toolpad Core components to Material UI sidebar (#43391) @prakhargupta1
28
+ - Fix licensingModel -> licenseModel @oliviertassinari
29
+ - Fix Stack Overflow issue canned response @oliviertassinari
30
+ - Avoid referencing MUI Core @oliviertassinari
31
+ - Fix description of eslint-plugin-material-ui @oliviertassinari
32
+ - [docs-infra] Polish reportBrokenLinks.js to support Base UI @oliviertassinari
33
+ - [material-ui] Clarify RTL language support in localization guide (#41784) @bahmanworld
34
+ - [material-ui] Refine templates theme selector (#43396) @zanivan
35
+
36
+ ### Core
37
+
38
+ - Prepare for v6 stable release (#43454) @siriwatknp
39
+ - [blog] Polish Upcoming changes to MUI X pricing in 2024 (#43438) @oliviertassinari
40
+ - [blog] Add Material UI v6 stable release (#41932) @siriwatknp
41
+ - [ci] Fix the release:changelog cmd (#43451) @mnajdova
42
+ - [core] Allow `^6.0.0` for `@mui/` dependencies in `@mui/docs` (#43445) @LukasTy
43
+ - [code-infra] Babel plugin to fully resolve imported paths (#43294) @Janpot
44
+ - [infra] Add closing message workflow (#43450) @michelengelen
45
+ - [website] Make beta chip consistent for Toolpad (#43392) @prakhargupta1
46
+
47
+ All contributors of this release in alphabetical order: @ahmadnadeem6236, @bahmanworld, @DiegoAndai, @Janpot, @KalmarLorand, @LukasTy, @michelengelen, @mnajdova, @oliviertassinari, @prakhargupta1, @sai6855, @siriwatknp, @sydneyjodon-wk, @zanivan
48
+
49
+ ## 6.0.0-rc.0
50
+
51
+ <!-- generated comparing v6.0.0-beta.6..next -->
52
+
53
+ _Aug 22, 2024_
54
+
55
+ A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
56
+
57
+ - ⚡ Rendering performance improvements
58
+
59
+ ### `@mui/material@6.0.0-rc.0`
60
+
61
+ #### Breaking changes
62
+
63
+ - [Box] Remove `component` from `BoxOwnProps` (#43384) @DiegoAndai
64
+
65
+ The `component` prop has been removed from the `BoxOwnProps` as it is already included in the `Box` type.
66
+ This might affect your code if you are using the `styled` function with the `Box` component.
67
+ If this is the case, use a `div` element instead of `Box`:
68
+
69
+ ```diff
70
+ -const StyledBox = styled(Box)`
71
+ +const StyledDiv = styled('div')`
72
+ color: white;
73
+ `;
74
+ ```
75
+
76
+ This yields the same end result.
77
+ If this doesn't work for you, you can also cast the `styled` returned value to `typeof Box`:
78
+
79
+ ```diff
80
+ const StyledBox = styled(Box)`
81
+ color: white;
82
+ -`;
83
+ +` as typeof Box;
84
+ ```
85
+
86
+ #### Changes
87
+
88
+ - [ListItem] Remove unnecessary TypeScript test (#43359) @sai6855
89
+ - Skip generating CSS variables for a custom spacing function (#43389) @siriwatknp
90
+ - Revert visual regressions from #42283 (#43364) @ZeeshanTamboli
91
+
92
+ ### `@mui/codemod@6.0.0-rc.0`
93
+
94
+ - Add Grid2 to removeSystemProps codemod (#43302) @DiegoAndai
95
+
96
+ ### Docs
97
+
98
+ - [blog] Add video to the Pigment CSS blog post (#42500) @oliviertassinari
99
+ - Fix broken link to milestones (#43379) @oliviertassinari
100
+ - Update CSS theme variables related content (#43130) @siriwatknp
101
+ - Fix link to createTheme source (#43332) @oliviertassinari
102
+ - Add cache to avoid unnecessary jsx dynamic import and theme getting (#43139) @Vxee
103
+ - Fix broken link to Next.js docs @oliviertassinari
104
+ - [material-ui] Revamp `Composition` guide (#43266) @ZeeshanTamboli
105
+ - [material-ui][Menu] Replace `PaperProps` with `slotProps.paper` in demos (#43354) @sai6855
106
+
107
+ ### Core
108
+
109
+ - [code-infra] Change docs:start script to serve the exports folder (#43375) @Janpot
110
+ - [core] Fix typescript-next CI workflow (#43394) @aarongarciah
111
+ - [core] Run `@mui/system` TypeScript module augmentation tests in CI (#43386) @ZeeshanTamboli
112
+ - [core] Enable manage-package-manager-versions pnpm flag (#43366) @aarongarciah
113
+ - [core] Replace `indexOf` with `includes` (#42883) @k-rajat19
114
+ - [docs-infra] Add GitHub source link to components (#43228) @Jay-Karia
115
+ - [docs-infra] Fix copy shortcut (#43361) @oliviertassinari
116
+ - [perf] Remove theme/styling allocations (#43372) @romgrk
117
+ - [perf] Improve `composeClasses` (#43363) @romgrk
118
+ - [perf] Remove system allocations (#43306) @romgrk
119
+
120
+ All contributors of this release in alphabetical order: @aarongarciah, @DiegoAndai, @Janpot, @Jay-Karia, @k-rajat19, @oliviertassinari, @rluzists1, @romgrk, @sai6855, @siriwatknp, @Vxee, @ZeeshanTamboli
121
+
3
122
  ## 6.0.0-beta.6
4
123
 
5
124
  <!-- generated comparing v6.0.0-beta.5..next -->
@@ -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', ''));
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";
@@ -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 {
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";