@mui/lab 5.0.0-alpha.94 → 5.0.0-alpha.97

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-alpha.94
+/** @license MUI v5.0.0-alpha.97
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/LoadingButton/LoadingButton.js

@@ -124,7 +124,7 @@ const LoadingButtonLoadingIndicator = (0, _styles.styled)('div', {
 }, ownerState.loadingPosition === 'center' && {
   left: '50%',
   transform: 'translate(-50%)',
-  color: theme.palette.action.disabled
+  color: (theme.vars || theme).palette.action.disabled
 }, ownerState.loadingPosition === 'end' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
   right: ownerState.size === 'small' ? 10 : 14
 }, ownerState.loadingPosition === 'end' && ownerState.variant === 'text' && {

package/node/TimelineConnector/TimelineConnector.js

@@ -50,7 +50,7 @@ const TimelineConnectorRoot = (0, _styles.styled)('span', {
 }) => {
   return {
     width: 2,
-    backgroundColor: theme.palette.grey[400],
+    backgroundColor: (theme.vars || theme).palette.grey[400],
     flexGrow: 1
   };
 });

package/node/TimelineDot/TimelineDot.js

@@ -64,23 +64,23 @@ const TimelineDotRoot = (0, _styles.styled)('span', {
   borderWidth: 2,
   padding: 4,
   borderRadius: '50%',
-  boxShadow: theme.shadows[1],
+  boxShadow: (theme.vars || theme).shadows[1],
   margin: '11.5px 0'
 }, ownerState.variant === 'filled' && (0, _extends2.default)({
   borderColor: 'transparent'
 }, ownerState.color !== 'inherit' && (0, _extends2.default)({}, ownerState.color === 'grey' ? {
-  color: theme.palette.grey[50],
-  backgroundColor: theme.palette.grey[400]
+  color: (theme.vars || theme).palette.grey[50],
+  backgroundColor: (theme.vars || theme).palette.grey[400]
 } : {
-  color: theme.palette[ownerState.color].contrastText,
-  backgroundColor: theme.palette[ownerState.color].main
+  color: (theme.vars || theme).palette[ownerState.color].contrastText,
+  backgroundColor: (theme.vars || theme).palette[ownerState.color].main
 })), ownerState.variant === 'outlined' && (0, _extends2.default)({
   boxShadow: 'none',
   backgroundColor: 'transparent'
 }, ownerState.color !== 'inherit' && (0, _extends2.default)({}, ownerState.color === 'grey' ? {
-  borderColor: theme.palette.grey[400]
+  borderColor: (theme.vars || theme).palette.grey[400]
 } : {
-  borderColor: theme.palette[ownerState.color].main
+  borderColor: (theme.vars || theme).palette[ownerState.color].main
 }))));
 const TimelineDot = /*#__PURE__*/React.forwardRef(function TimelineDot(inProps, ref) {
   const props = (0, _styles.useThemeProps)({

package/node/TreeItem/TreeItem.js

@@ -91,30 +91,30 @@ const StyledTreeItemContent = (0, _styles.styled)(_TreeItemContent.default, {
   cursor: 'pointer',
   WebkitTapHighlightColor: 'transparent',
   '&:hover': {
-    backgroundColor: theme.palette.action.hover,
+    backgroundColor: (theme.vars || theme).palette.action.hover,
     // Reset on touch devices, it doesn't add specificity
     '@media (hover: none)': {
       backgroundColor: 'transparent'
     }
   },
   [`&.${_treeItemClasses.default.disabled}`]: {
-    opacity: theme.palette.action.disabledOpacity,
+    opacity: (theme.vars || theme).palette.action.disabledOpacity,
     backgroundColor: 'transparent'
   },
   [`&.${_treeItemClasses.default.focused}`]: {
-    backgroundColor: theme.palette.action.focus
+    backgroundColor: (theme.vars || theme).palette.action.focus
   },
   [`&.${_treeItemClasses.default.selected}`]: {
-    backgroundColor: (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity),
+    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),
     '&:hover': {
-      backgroundColor: (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
+      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),
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
-        backgroundColor: (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity)
+        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)
       }
     },
     [`&.${_treeItemClasses.default.focused}`]: {
-      backgroundColor: (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
+      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)
     }
   },
   [`& .${_treeItemClasses.default.iconContainer}`]: {

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-alpha.94
+/** @license MUI v5.0.0-alpha.97
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/lab",
-  "version": "5.0.0-alpha.94",
+  "version": "5.0.0-alpha.97",
   "private": false,
   "author": "MUI Team",
   "description": "Laboratory for new MUI modules.",
@@ -47,10 +47,10 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.17.2",
-    "@mui/base": "5.0.0-alpha.92",
-    "@mui/system": "^5.10.0",
-    "@mui/utils": "^5.9.3",
+    "@babel/runtime": "^7.18.9",
+    "@mui/base": "5.0.0-alpha.95",
+    "@mui/system": "^5.10.3",
+    "@mui/utils": "^5.10.3",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",
     "react-is": "^18.2.0"