@mui/lab 5.0.0-alpha.95 → 5.0.0-alpha.98

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 (102) hide show
  1. package/AdapterDateFns/AdapterDateFns.d.ts +3 -3
  2. package/AdapterDateFns/index.d.ts +1 -1
  3. package/AdapterDayjs/AdapterDayjs.d.ts +3 -3
  4. package/AdapterDayjs/index.d.ts +1 -1
  5. package/AdapterLuxon/AdapterLuxon.d.ts +3 -3
  6. package/AdapterLuxon/index.d.ts +1 -1
  7. package/AdapterMoment/AdapterMoment.d.ts +3 -3
  8. package/AdapterMoment/index.d.ts +1 -1
  9. package/CHANGELOG.md +165 -0
  10. package/CalendarPicker/CalendarPicker.d.ts +14 -14
  11. package/CalendarPicker/index.d.ts +2 -2
  12. package/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts +13 -13
  13. package/CalendarPickerSkeleton/index.d.ts +2 -2
  14. package/ClockPicker/ClockPicker.d.ts +14 -14
  15. package/ClockPicker/index.d.ts +2 -2
  16. package/DatePicker/DatePicker.d.ts +10 -10
  17. package/DatePicker/index.d.ts +2 -2
  18. package/DateRangePicker/DateRangePicker.d.ts +11 -11
  19. package/DateRangePicker/index.d.ts +2 -2
  20. package/DateRangePickerDay/DateRangePickerDay.d.ts +13 -13
  21. package/DateRangePickerDay/index.d.ts +2 -2
  22. package/DateTimePicker/DateTimePicker.d.ts +10 -10
  23. package/DateTimePicker/index.d.ts +2 -2
  24. package/DesktopDatePicker/DesktopDatePicker.d.ts +10 -10
  25. package/DesktopDatePicker/index.d.ts +2 -2
  26. package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +10 -10
  27. package/DesktopDateRangePicker/index.d.ts +2 -2
  28. package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +10 -10
  29. package/DesktopDateTimePicker/index.d.ts +2 -2
  30. package/DesktopTimePicker/DesktopTimePicker.d.ts +10 -10
  31. package/DesktopTimePicker/index.d.ts +2 -2
  32. package/LoadingButton/LoadingButton.d.ts +1 -1
  33. package/LoadingButton/LoadingButton.js +1 -1
  34. package/LoadingButton/loadingButtonClasses.d.ts +22 -22
  35. package/LocalizationProvider/LocalizationProvider.d.ts +10 -10
  36. package/LocalizationProvider/index.d.ts +2 -2
  37. package/Masonry/masonryClasses.d.ts +8 -8
  38. package/MobileDatePicker/MobileDatePicker.d.ts +10 -10
  39. package/MobileDatePicker/index.d.ts +2 -2
  40. package/MobileDateRangePicker/MobileDateRangePicker.d.ts +10 -10
  41. package/MobileDateRangePicker/index.d.ts +2 -2
  42. package/MobileDateTimePicker/MobileDateTimePicker.d.ts +10 -10
  43. package/MobileDateTimePicker/index.d.ts +2 -2
  44. package/MobileTimePicker/MobileTimePicker.d.ts +10 -10
  45. package/MobileTimePicker/index.d.ts +2 -2
  46. package/MonthPicker/MonthPicker.d.ts +13 -13
  47. package/MonthPicker/index.d.ts +2 -2
  48. package/PickersDay/PickersDay.d.ts +13 -13
  49. package/PickersDay/index.d.ts +2 -2
  50. package/StaticDatePicker/StaticDatePicker.d.ts +10 -10
  51. package/StaticDatePicker/index.d.ts +2 -2
  52. package/StaticDateRangePicker/StaticDateRangePicker.d.ts +10 -10
  53. package/StaticDateRangePicker/index.d.ts +2 -2
  54. package/StaticDateTimePicker/StaticDateTimePicker.d.ts +10 -10
  55. package/StaticDateTimePicker/index.d.ts +2 -2
  56. package/StaticTimePicker/StaticTimePicker.d.ts +10 -10
  57. package/StaticTimePicker/index.d.ts +2 -2
  58. package/TabPanel/tabPanelClasses.d.ts +8 -8
  59. package/TimePicker/TimePicker.d.ts +10 -10
  60. package/TimePicker/index.d.ts +2 -2
  61. package/Timeline/Timeline.d.ts +59 -59
  62. package/Timeline/TimelineContext.d.ts +6 -6
  63. package/Timeline/index.d.ts +5 -5
  64. package/Timeline/timelineClasses.d.ts +3 -3
  65. package/TimelineConnector/TimelineConnector.js +1 -1
  66. package/TimelineConnector/timelineConnectorClasses.d.ts +8 -8
  67. package/TimelineContent/timelineContentClasses.d.ts +14 -14
  68. package/TimelineDot/TimelineDot.js +7 -7
  69. package/TimelineDot/timelineDotClasses.d.ts +24 -24
  70. package/TimelineItem/timelineItemClasses.d.ts +16 -16
  71. package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +14 -14
  72. package/TimelineSeparator/timelineSeparatorClasses.d.ts +8 -8
  73. package/TreeItem/TreeItem.js +7 -7
  74. package/TreeItem/treeItemClasses.d.ts +24 -24
  75. package/TreeView/treeViewClasses.d.ts +8 -8
  76. package/YearPicker/YearPicker.d.ts +14 -14
  77. package/YearPicker/index.d.ts +2 -2
  78. package/index.js +1 -1
  79. package/internal/svg-icons/ArrowDropDown.d.ts +7 -7
  80. package/internal/svg-icons/ArrowLeft.d.ts +7 -7
  81. package/internal/svg-icons/ArrowRight.d.ts +7 -7
  82. package/internal/svg-icons/Calendar.d.ts +7 -7
  83. package/internal/svg-icons/Clock.d.ts +7 -7
  84. package/internal/svg-icons/DateRange.d.ts +7 -7
  85. package/internal/svg-icons/Pen.d.ts +7 -7
  86. package/internal/svg-icons/Time.d.ts +7 -7
  87. package/legacy/LoadingButton/LoadingButton.js +1 -1
  88. package/legacy/TimelineConnector/TimelineConnector.js +1 -1
  89. package/legacy/TimelineDot/TimelineDot.js +7 -7
  90. package/legacy/TreeItem/TreeItem.js +7 -7
  91. package/legacy/index.js +1 -1
  92. package/modern/LoadingButton/LoadingButton.js +1 -1
  93. package/modern/TimelineConnector/TimelineConnector.js +1 -1
  94. package/modern/TimelineDot/TimelineDot.js +7 -7
  95. package/modern/TreeItem/TreeItem.js +7 -7
  96. package/modern/index.js +1 -1
  97. package/node/LoadingButton/LoadingButton.js +1 -1
  98. package/node/TimelineConnector/TimelineConnector.js +1 -1
  99. package/node/TimelineDot/TimelineDot.js +7 -7
  100. package/node/TreeItem/TreeItem.js +7 -7
  101. package/node/index.js +1 -1
  102. package/package.json +5 -5
package/modern/TreeItem/TreeItem.js CHANGED
@@ -64,30 +64,30 @@ const StyledTreeItemContent = styled(TreeItemContent, {
64
64
  cursor: 'pointer',
65
65
  WebkitTapHighlightColor: 'transparent',
66
66
  '&:hover': {
67
- backgroundColor: theme.palette.action.hover,
67
+ backgroundColor: (theme.vars || theme).palette.action.hover,
68
68
  // Reset on touch devices, it doesn't add specificity
69
69
  '@media (hover: none)': {
70
70
  backgroundColor: 'transparent'
71
71
  }
72
72
  },
73
73
  [`&.${treeItemClasses.disabled}`]: {
74
- opacity: theme.palette.action.disabledOpacity,
74
+ opacity: (theme.vars || theme).palette.action.disabledOpacity,
75
75
  backgroundColor: 'transparent'
76
76
  },
77
77
  [`&.${treeItemClasses.focused}`]: {
78
- backgroundColor: theme.palette.action.focus
78
+ backgroundColor: (theme.vars || theme).palette.action.focus
79
79
  },
80
80
  [`&.${treeItemClasses.selected}`]: {
81
- backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
81
+ backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
82
82
  '&:hover': {
83
- backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
83
+ backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
84
84
  // Reset on touch devices, it doesn't add specificity
85
85
  '@media (hover: none)': {
86
- backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity)
86
+ backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity)
87
87
  }
88
88
  },
89
89
  [`&.${treeItemClasses.focused}`]: {
90
- backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
90
+ backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
91
91
  }
92
92
  },
93
93
  [`& .${treeItemClasses.iconContainer}`]: {
package/modern/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.0.0-alpha.95
1
+ /** @license MUI v5.0.0-alpha.98
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/node/LoadingButton/LoadingButton.js CHANGED
@@ -124,7 +124,7 @@ const LoadingButtonLoadingIndicator = (0, _styles.styled)('div', {
124
124
  }, ownerState.loadingPosition === 'center' && {
125
125
  left: '50%',
126
126
  transform: 'translate(-50%)',
127
- color: theme.palette.action.disabled
127
+ color: (theme.vars || theme).palette.action.disabled
128
128
  }, ownerState.loadingPosition === 'end' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
129
129
  right: ownerState.size === 'small' ? 10 : 14
130
130
  }, ownerState.loadingPosition === 'end' && ownerState.variant === 'text' && {
package/node/TimelineConnector/TimelineConnector.js CHANGED
@@ -50,7 +50,7 @@ const TimelineConnectorRoot = (0, _styles.styled)('span', {
50
50
  }) => {
51
51
  return {
52
52
  width: 2,
53
- backgroundColor: theme.palette.grey[400],
53
+ backgroundColor: (theme.vars || theme).palette.grey[400],
54
54
  flexGrow: 1
55
55
  };
56
56
  });
package/node/TimelineDot/TimelineDot.js CHANGED
@@ -64,23 +64,23 @@ const TimelineDotRoot = (0, _styles.styled)('span', {
64
64
  borderWidth: 2,
65
65
  padding: 4,
66
66
  borderRadius: '50%',
67
- boxShadow: theme.shadows[1],
67
+ boxShadow: (theme.vars || theme).shadows[1],
68
68
  margin: '11.5px 0'
69
69
  }, ownerState.variant === 'filled' && (0, _extends2.default)({
70
70
  borderColor: 'transparent'
71
71
  }, ownerState.color !== 'inherit' && (0, _extends2.default)({}, ownerState.color === 'grey' ? {
72
- color: theme.palette.grey[50],
73
- backgroundColor: theme.palette.grey[400]
72
+ color: (theme.vars || theme).palette.grey[50],
73
+ backgroundColor: (theme.vars || theme).palette.grey[400]
74
74
  } : {
75
- color: theme.palette[ownerState.color].contrastText,
76
- backgroundColor: theme.palette[ownerState.color].main
75
+ color: (theme.vars || theme).palette[ownerState.color].contrastText,
76
+ backgroundColor: (theme.vars || theme).palette[ownerState.color].main
77
77
  })), ownerState.variant === 'outlined' && (0, _extends2.default)({
78
78
  boxShadow: 'none',
79
79
  backgroundColor: 'transparent'
80
80
  }, ownerState.color !== 'inherit' && (0, _extends2.default)({}, ownerState.color === 'grey' ? {
81
- borderColor: theme.palette.grey[400]
81
+ borderColor: (theme.vars || theme).palette.grey[400]
82
82
  } : {
83
- borderColor: theme.palette[ownerState.color].main
83
+ borderColor: (theme.vars || theme).palette[ownerState.color].main
84
84
  }))));
85
85
  const TimelineDot = /*#__PURE__*/React.forwardRef(function TimelineDot(inProps, ref) {
86
86
  const props = (0, _styles.useThemeProps)({
package/node/TreeItem/TreeItem.js CHANGED
@@ -91,30 +91,30 @@ const StyledTreeItemContent = (0, _styles.styled)(_TreeItemContent.default, {
91
91
  cursor: 'pointer',
92
92
  WebkitTapHighlightColor: 'transparent',
93
93
  '&:hover': {
94
- backgroundColor: theme.palette.action.hover,
94
+ backgroundColor: (theme.vars || theme).palette.action.hover,
95
95
  // Reset on touch devices, it doesn't add specificity
96
96
  '@media (hover: none)': {
97
97
  backgroundColor: 'transparent'
98
98
  }
99
99
  },
100
100
  [`&.${_treeItemClasses.default.disabled}`]: {
101
- opacity: theme.palette.action.disabledOpacity,
101
+ opacity: (theme.vars || theme).palette.action.disabledOpacity,
102
102
  backgroundColor: 'transparent'
103
103
  },
104
104
  [`&.${_treeItemClasses.default.focused}`]: {
105
- backgroundColor: theme.palette.action.focus
105
+ backgroundColor: (theme.vars || theme).palette.action.focus
106
106
  },
107
107
  [`&.${_treeItemClasses.default.selected}`]: {
108
- backgroundColor: (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity),
108
+ backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity),
109
109
  '&:hover': {
110
- backgroundColor: (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
110
+ backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
111
111
  // Reset on touch devices, it doesn't add specificity
112
112
  '@media (hover: none)': {
113
- backgroundColor: (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity)
113
+ backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity)
114
114
  }
115
115
  },
116
116
  [`&.${_treeItemClasses.default.focused}`]: {
117
- backgroundColor: (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
117
+ backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
118
118
  }
119
119
  },
120
120
  [`& .${_treeItemClasses.default.iconContainer}`]: {
package/node/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.0.0-alpha.95
1
+ /** @license MUI v5.0.0-alpha.98
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/lab",
3
- "version": "5.0.0-alpha.95",
3
+ "version": "5.0.0-alpha.98",
4
4
  "private": false,
5
5
  "author": "MUI Team",
6
6
  "description": "Laboratory for new MUI modules.",
@@ -47,10 +47,10 @@
47
47
  }
48
48
  },
49
49
  "dependencies": {
50
- "@babel/runtime": "^7.17.2",
51
- "@mui/base": "5.0.0-alpha.93",
52
- "@mui/system": "^5.10.1",
53
- "@mui/utils": "^5.9.3",
50
+ "@babel/runtime": "^7.18.9",
51
+ "@mui/base": "5.0.0-alpha.96",
52
+ "@mui/system": "^5.10.4",
53
+ "@mui/utils": "^5.10.3",
54
54
  "clsx": "^1.2.1",
55
55
  "prop-types": "^15.8.1",
56
56
  "react-is": "^18.2.0"