@mui/material 6.0.0-beta.3 → 6.0.0-beta.3-dev.20240725-084532-7340f56bef

package/Divider/Divider.js

@@ -113,6 +113,8 @@ const DividerRoot = styled('div', {
       whiteSpace: 'nowrap',
       textAlign: 'center',
       border: 0,
+      borderTopStyle: 'solid',
+      borderLeftStyle: 'solid',
       '&::before, &::after': {
         content: '""',
         alignSelf: 'center'
@@ -125,7 +127,8 @@ const DividerRoot = styled('div', {
     style: {
       '&::before, &::after': {
         width: '100%',
-        borderTop: `thin solid ${(theme.vars || theme).palette.divider}`
+        borderTop: `thin solid ${(theme.vars || theme).palette.divider}`,
+        borderTopStyle: 'inherit'
       }
     }
   }, {
@@ -136,7 +139,8 @@ const DividerRoot = styled('div', {
       flexDirection: 'column',
       '&::before, &::after': {
         height: '100%',
-        borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`
+        borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`,
+        borderLeftStyle: 'inherit'
       }
     }
   }, {

package/ImageListItemBar/ImageListItemBar.js

@@ -17,7 +17,7 @@ const useUtilityClasses = ownerState => {
     actionPosition
   } = ownerState;
   const slots = {
-    root: ['root', `position${capitalize(position)}`],
+    root: ['root', `position${capitalize(position)}`, `actionPosition${capitalize(actionPosition)}`],
     titleWrap: ['titleWrap', `titleWrap${capitalize(position)}`, actionIcon && `titleWrapActionPos${capitalize(actionPosition)}`],
     title: ['title'],
     subtitle: ['subtitle'],

package/ImageListItemBar/imageListItemBarClasses.d.ts

@@ -7,13 +7,23 @@ export interface ImageListItemBarClasses {
     positionTop: string;
     /** Styles applied to the root element if `position="below"`. */
     positionBelow: string;
+    /** Styles applied to the action container element if `actionPosition="left"`. */
+    actionPositionLeft: string;
+    /** Styles applied to the action container element if `actionPosition="right"`. */
+    actionPositionRight: string;
     /** Styles applied to the title and subtitle container element. */
     titleWrap: string;
-    /** Styles applied to the title and subtitle container element if `position="below"`. */
+    /** Styles applied to the title and subtitle container element if `position="below"`.
+     * @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-titleWrap) and [.MuiImageListItemBar-positionBelow](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-positionBelow) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+     */
     titleWrapBelow: string;
-    /** Styles applied to the container element if `actionPosition="left"`. */
+    /** Styles applied to the container element if `actionPosition="left"`.
+     * @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-titleWrap) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+     */
     titleWrapActionPosLeft: string;
-    /** Styles applied to the container element if `actionPosition="right"`. */
+    /** Styles applied to the container element if `actionPosition="right"`.
+     * @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-titleWrap) and [.MuiImageListItemBar-actionPositionRight](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-actionPositionRight) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+     */
     titleWrapActionPosRight: string;
     /** Styles applied to the title container element. */
     title: string;
@@ -21,7 +31,9 @@ export interface ImageListItemBarClasses {
     subtitle: string;
     /** Styles applied to the actionIcon if supplied. */
     actionIcon: string;
-    /** Styles applied to the actionIcon if `actionPosition="left"`. */
+    /** Styles applied to the actionIcon if `actionPosition="left"`.
+     * @deprecated Combine the [.MuiImageListItemBar-actionIcon](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-actionIcon) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+     */
     actionIconActionPosLeft: string;
 }
 export type ImageListItemBarClassKey = keyof ImageListItemBarClasses;

package/ImageListItemBar/imageListItemBarClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getImageListItemBarUtilityClass(slot) {
   return generateUtilityClass('MuiImageListItemBar', slot);
 }
-const imageListItemBarClasses = generateUtilityClasses('MuiImageListItemBar', ['root', 'positionBottom', 'positionTop', 'positionBelow', 'titleWrap', 'titleWrapBottom', 'titleWrapTop', 'titleWrapBelow', 'titleWrapActionPosLeft', 'titleWrapActionPosRight', 'title', 'subtitle', 'actionIcon', 'actionIconActionPosLeft', 'actionIconActionPosRight']);
+const imageListItemBarClasses = generateUtilityClasses('MuiImageListItemBar', ['root', 'positionBottom', 'positionTop', 'positionBelow', 'actionPositionLeft', 'actionPositionRight', 'titleWrap', 'titleWrapBottom', 'titleWrapTop', 'titleWrapBelow', 'titleWrapActionPosLeft', 'titleWrapActionPosRight', 'title', 'subtitle', 'actionIcon', 'actionIconActionPosLeft', 'actionIconActionPosRight']);
 export default imageListItemBarClasses;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v6.0.0-beta.3
+ * @mui/material v6.0.0-beta.3-dev.20240725-084532-7340f56bef
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/Divider/Divider.js

@@ -113,6 +113,8 @@ const DividerRoot = styled('div', {
       whiteSpace: 'nowrap',
       textAlign: 'center',
       border: 0,
+      borderTopStyle: 'solid',
+      borderLeftStyle: 'solid',
       '&::before, &::after': {
         content: '""',
         alignSelf: 'center'
@@ -125,7 +127,8 @@ const DividerRoot = styled('div', {
     style: {
       '&::before, &::after': {
         width: '100%',
-        borderTop: `thin solid ${(theme.vars || theme).palette.divider}`
+        borderTop: `thin solid ${(theme.vars || theme).palette.divider}`,
+        borderTopStyle: 'inherit'
       }
     }
   }, {
@@ -136,7 +139,8 @@ const DividerRoot = styled('div', {
       flexDirection: 'column',
       '&::before, &::after': {
         height: '100%',
-        borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`
+        borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`,
+        borderLeftStyle: 'inherit'
       }
     }
   }, {

package/modern/ImageListItemBar/ImageListItemBar.js

@@ -17,7 +17,7 @@ const useUtilityClasses = ownerState => {
     actionPosition
   } = ownerState;
   const slots = {
-    root: ['root', `position${capitalize(position)}`],
+    root: ['root', `position${capitalize(position)}`, `actionPosition${capitalize(actionPosition)}`],
     titleWrap: ['titleWrap', `titleWrap${capitalize(position)}`, actionIcon && `titleWrapActionPos${capitalize(actionPosition)}`],
     title: ['title'],
     subtitle: ['subtitle'],

package/modern/ImageListItemBar/imageListItemBarClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getImageListItemBarUtilityClass(slot) {
   return generateUtilityClass('MuiImageListItemBar', slot);
 }
-const imageListItemBarClasses = generateUtilityClasses('MuiImageListItemBar', ['root', 'positionBottom', 'positionTop', 'positionBelow', 'titleWrap', 'titleWrapBottom', 'titleWrapTop', 'titleWrapBelow', 'titleWrapActionPosLeft', 'titleWrapActionPosRight', 'title', 'subtitle', 'actionIcon', 'actionIconActionPosLeft', 'actionIconActionPosRight']);
+const imageListItemBarClasses = generateUtilityClasses('MuiImageListItemBar', ['root', 'positionBottom', 'positionTop', 'positionBelow', 'actionPositionLeft', 'actionPositionRight', 'titleWrap', 'titleWrapBottom', 'titleWrapTop', 'titleWrapBelow', 'titleWrapActionPosLeft', 'titleWrapActionPosRight', 'title', 'subtitle', 'actionIcon', 'actionIconActionPosLeft', 'actionIconActionPosRight']);
 export default imageListItemBarClasses;

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v6.0.0-beta.3
+ * @mui/material v6.0.0-beta.3-dev.20240725-084532-7340f56bef
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/styles/index.js

@@ -4,6 +4,7 @@ import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
 export { default as THEME_ID } from './identifier';
 export { default as adaptV4Theme } from './adaptV4Theme';
 export { hexToRgb, rgbToHex, hslToRgb, decomposeColor, recomposeColor, getContrastRatio, getLuminance, emphasize, alpha, darken, lighten, css, keyframes } from '@mui/system';
+export { unstable_createBreakpoints } from '@mui/system/createBreakpoints';
 // TODO: Remove this function in v6.
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export function experimental_sx() {

package/modern/styles/stringifyTheme.js

@@ -43,8 +43,7 @@ export function stringifyTheme(baseTheme = {}) {
     }
   }
   serializeTheme(serializableTheme);
-  return `import { createBreakpoints } from '@mui/system';
-import { createTransitions } from '@mui/material/styles';
+  return `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
 
 const theme = ${JSON.stringify(serializableTheme, null, 2)};
 

package/node/Divider/Divider.js

@@ -121,6 +121,8 @@ const DividerRoot = (0, _zeroStyled.styled)('div', {
       whiteSpace: 'nowrap',
       textAlign: 'center',
       border: 0,
+      borderTopStyle: 'solid',
+      borderLeftStyle: 'solid',
       '&::before, &::after': {
         content: '""',
         alignSelf: 'center'
@@ -133,7 +135,8 @@ const DividerRoot = (0, _zeroStyled.styled)('div', {
     style: {
       '&::before, &::after': {
         width: '100%',
-        borderTop: `thin solid ${(theme.vars || theme).palette.divider}`
+        borderTop: `thin solid ${(theme.vars || theme).palette.divider}`,
+        borderTopStyle: 'inherit'
       }
     }
   }, {
@@ -144,7 +147,8 @@ const DividerRoot = (0, _zeroStyled.styled)('div', {
       flexDirection: 'column',
       '&::before, &::after': {
         height: '100%',
-        borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`
+        borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`,
+        borderLeftStyle: 'inherit'
       }
     }
   }, {

package/node/ImageListItemBar/ImageListItemBar.js

@@ -25,7 +25,7 @@ const useUtilityClasses = ownerState => {
     actionPosition
   } = ownerState;
   const slots = {
-    root: ['root', `position${(0, _capitalize.default)(position)}`],
+    root: ['root', `position${(0, _capitalize.default)(position)}`, `actionPosition${(0, _capitalize.default)(actionPosition)}`],
     titleWrap: ['titleWrap', `titleWrap${(0, _capitalize.default)(position)}`, actionIcon && `titleWrapActionPos${(0, _capitalize.default)(actionPosition)}`],
     title: ['title'],
     subtitle: ['subtitle'],

package/node/ImageListItemBar/imageListItemBarClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getImageListItemBarUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiImageListItemBar', slot);
 }
-const imageListItemBarClasses = (0, _generateUtilityClasses.default)('MuiImageListItemBar', ['root', 'positionBottom', 'positionTop', 'positionBelow', 'titleWrap', 'titleWrapBottom', 'titleWrapTop', 'titleWrapBelow', 'titleWrapActionPosLeft', 'titleWrapActionPosRight', 'title', 'subtitle', 'actionIcon', 'actionIconActionPosLeft', 'actionIconActionPosRight']);
+const imageListItemBarClasses = (0, _generateUtilityClasses.default)('MuiImageListItemBar', ['root', 'positionBottom', 'positionTop', 'positionBelow', 'actionPositionLeft', 'actionPositionRight', 'titleWrap', 'titleWrapBottom', 'titleWrapTop', 'titleWrapBelow', 'titleWrapActionPosLeft', 'titleWrapActionPosRight', 'title', 'subtitle', 'actionIcon', 'actionIconActionPosLeft', 'actionIconActionPosRight']);
 var _default = exports.default = imageListItemBarClasses;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v6.0.0-beta.3
+ * @mui/material v6.0.0-beta.3-dev.20240725-084532-7340f56bef
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/styles/index.js

@@ -23,6 +23,7 @@ var _exportNames = {
   css: true,
   keyframes: true,
   StyledEngineProvider: true,
+  unstable_createBreakpoints: true,
   createTheme: true,
   createMuiTheme: true,
   unstable_createMuiStrictModeTheme: true,
@@ -254,6 +255,12 @@ Object.defineProperty(exports, "styled", {
     return _styled.default;
   }
 });
+Object.defineProperty(exports, "unstable_createBreakpoints", {
+  enumerable: true,
+  get: function () {
+    return _createBreakpoints.unstable_createBreakpoints;
+  }
+});
 Object.defineProperty(exports, "unstable_createMuiStrictModeTheme", {
   enumerable: true,
   get: function () {
@@ -300,6 +307,7 @@ var _formatMuiErrorMessage2 = _interopRequireDefault(require("@mui/utils/formatM
 var _identifier = _interopRequireDefault(require("./identifier"));
 var _adaptV4Theme = _interopRequireDefault(require("./adaptV4Theme"));
 var _system = require("@mui/system");
+var _createBreakpoints = require("@mui/system/createBreakpoints");
 var _createTheme = _interopRequireWildcard(require("./createTheme"));
 var _createMuiStrictModeTheme = _interopRequireDefault(require("./createMuiStrictModeTheme"));
 var _createStyles = _interopRequireDefault(require("./createStyles"));

package/node/styles/stringifyTheme.js

@@ -50,8 +50,7 @@ function stringifyTheme(baseTheme = {}) {
     }
   }
   serializeTheme(serializableTheme);
-  return `import { createBreakpoints } from '@mui/system';
-import { createTransitions } from '@mui/material/styles';
+  return `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
 
 const theme = ${JSON.stringify(serializableTheme, null, 2)};
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "6.0.0-beta.3",
+  "version": "6.0.0-beta.3-dev.20240725-084532-7340f56bef",
   "private": false,
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
@@ -35,10 +35,10 @@
     "prop-types": "^15.8.1",
     "react-is": "^18.3.1",
     "react-transition-group": "^4.4.5",
-    "@mui/system": "6.0.0-beta.3",
     "@mui/core-downloads-tracker": "^6.0.0-beta.3",
-    "@mui/types": "^7.2.14",
-    "@mui/utils": "6.0.0-beta.3"
+    "@mui/utils": "6.0.0-beta.3",
+    "@mui/system": "6.0.0-beta.3-dev.20240725-084532-7340f56bef",
+    "@mui/types": "^7.2.14"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -46,7 +46,7 @@
     "@types/react": "^17.0.0 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
-    "@mui/material-pigment-css": "^6.0.0-beta.3"
+    "@mui/material-pigment-css": "^6.0.0-beta.3-dev.20240725-084532-7340f56bef"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/styles/index.d.ts

@@ -66,6 +66,7 @@ export {
   StyledEngineProvider,
   SxProps,
 } from '@mui/system';
+export { unstable_createBreakpoints } from '@mui/system/createBreakpoints';
 // TODO: Remove this function in v6.
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export function experimental_sx(): any;

package/styles/index.js

@@ -4,6 +4,7 @@ import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
 export { default as THEME_ID } from './identifier';
 export { default as adaptV4Theme } from './adaptV4Theme';
 export { hexToRgb, rgbToHex, hslToRgb, decomposeColor, recomposeColor, getContrastRatio, getLuminance, emphasize, alpha, darken, lighten, css, keyframes } from '@mui/system';
+export { unstable_createBreakpoints } from '@mui/system/createBreakpoints';
 // TODO: Remove this function in v6.
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export function experimental_sx() {

package/styles/stringifyTheme.js

@@ -43,8 +43,7 @@ export function stringifyTheme(baseTheme = {}) {
     }
   }
   serializeTheme(serializableTheme);
-  return `import { createBreakpoints } from '@mui/system';
-import { createTransitions } from '@mui/material/styles';
+  return `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
 
 const theme = ${JSON.stringify(serializableTheme, null, 2)};