Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 18 additions & 0 deletions docs/data/material/migration/upgrade-to-v9/upgrade-to-v9.md
Original file line number Diff line number Diff line change
Expand Up @@ -537,6 +537,24 @@ Use the `slots` and `slotProps` props instead:
>
```

#### AccordionSummary deprecated CSS classes removed

Use the [accordion-summary-classes codemod](https://github.com/mui/material-ui/tree/HEAD/packages/mui-codemod#accordion-summary-classes) below to migrate the code as described in the following section:

```bash
npx @mui/codemod@latest deprecations/accordion-summary-classes <path>
```

The deprecated `AccordionSummary` CSS class `contentGutters` has been removed.
Use the combination of `.MuiAccordionSummary-gutters` and `.MuiAccordionSummary-content` classes instead:

```diff
-.MuiAccordionSummary-contentGutters {
+.MuiAccordionSummary-gutters .MuiAccordionSummary-content {
margin: 20px 0;
}
```

#### AvatarGroup deprecated props removed

Use the [avatar-group-props codemod](https://github.com/mui/material-ui/tree/HEAD/packages/mui-codemod#avatar-group-props) below to migrate the code as described in the following section:
Expand Down
7 changes: 0 additions & 7 deletions docs/pages/material-ui/api/accordion-summary.json
Original file line number Diff line number Diff line change
Expand Up @@ -52,13 +52,6 @@
}
],
"classes": [
{
"key": "contentGutters",
"className": "MuiAccordionSummary-contentGutters",
"description": "Styles applied to the children wrapper element unless `disableGutters={true}`.",
"isGlobal": false,
"isDeprecated": true
},
{
"key": "disabled",
"className": "Mui-disabled",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -14,12 +14,6 @@
}
},
"classDescriptions": {
"contentGutters": {
"description": "Styles applied to {{nodeName}} unless {{conditions}}.",
"nodeName": "the children wrapper element",
"conditions": "<code>disableGutters={true}</code>",
"deprecationInfo": "Combine the <a href=\"/material-ui/api/accordion-summary/#accordion-summary-classes-MuiAccordionSummary-gutters\">.MuiAccordionSummary-gutters</a> and <a href=\"/material-ui/api/accordion-summary/#AccordionSummary-css-MuiAccordionSummary-content\">.MuiAccordionSummary-content</a> classes instead. See <a href=\"/material-ui/migration/migrating-from-deprecated-apis/\">Migrating from deprecated APIs</a> for more details."
},
"disabled": {
"description": "State class applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ const useUtilityClasses = (ownerState) => {
const slots = {
root: ['root', expanded && 'expanded', disabled && 'disabled', !disableGutters && 'gutters'],
focusVisible: ['focusVisible'],
content: ['content', expanded && 'expanded', !disableGutters && 'contentGutters'],
content: ['content', expanded && 'expanded'],
expandIconWrapper: ['expandIconWrapper', expanded && 'expanded'],
};

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,6 @@ export interface AccordionSummaryClasses {
disabled: string;
/** Styles applied to the root element unless `disableGutters={true}`. */
gutters: string;
/**
* Styles applied to the children wrapper element unless `disableGutters={true}`.
* @deprecated Combine the [.MuiAccordionSummary-gutters](/material-ui/api/accordion-summary/#accordion-summary-classes-MuiAccordionSummary-gutters) and [.MuiAccordionSummary-content](/material-ui/api/accordion-summary/#AccordionSummary-css-MuiAccordionSummary-content) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
*/
contentGutters: string;
/** Styles applied to the children wrapper element. */
content: string;
/** Styles applied to the `expandIcon`'s wrapper element. */
Expand All @@ -31,16 +26,7 @@ export function getAccordionSummaryUtilityClass(slot: string): string {

const accordionSummaryClasses: AccordionSummaryClasses = generateUtilityClasses(
'MuiAccordionSummary',
[
'root',
'expanded',
'focusVisible',
'disabled',
'gutters',
'contentGutters',
'content',
'expandIconWrapper',
],
['root', 'expanded', 'focusVisible', 'disabled', 'gutters', 'content', 'expandIconWrapper'],
);

export default accordionSummaryClasses;
Loading