From 57a98a18fd018ae142f7b3dea199bd75e0dd99f9 Mon Sep 17 00:00:00 2001 From: Silviu Alexandru Avram Date: Tue, 17 Mar 2026 10:31:26 +0200 Subject: [PATCH 1/2] [accordionsummary] Remove deprecated props --- .../migration/upgrade-to-v9/upgrade-to-v9.md | 18 ++++++++++++++++++ .../material-ui/api/accordion-summary.json | 7 ------- .../accordion-summary/accordion-summary.json | 6 ------ .../src/AccordionSummary/AccordionSummary.js | 2 +- .../accordionSummaryClasses.ts | 6 ------ 5 files changed, 19 insertions(+), 20 deletions(-) diff --git a/docs/data/material/migration/upgrade-to-v9/upgrade-to-v9.md b/docs/data/material/migration/upgrade-to-v9/upgrade-to-v9.md index 0440b496599b5f..c1f6131b2f5831 100644 --- a/docs/data/material/migration/upgrade-to-v9/upgrade-to-v9.md +++ b/docs/data/material/migration/upgrade-to-v9/upgrade-to-v9.md @@ -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 +``` + +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: diff --git a/docs/pages/material-ui/api/accordion-summary.json b/docs/pages/material-ui/api/accordion-summary.json index 7dd81c46fb453d..73070c63ed2f3e 100644 --- a/docs/pages/material-ui/api/accordion-summary.json +++ b/docs/pages/material-ui/api/accordion-summary.json @@ -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", diff --git a/docs/translations/api-docs/accordion-summary/accordion-summary.json b/docs/translations/api-docs/accordion-summary/accordion-summary.json index b7d67c4911d8eb..90f5b8ce19267e 100644 --- a/docs/translations/api-docs/accordion-summary/accordion-summary.json +++ b/docs/translations/api-docs/accordion-summary/accordion-summary.json @@ -14,12 +14,6 @@ } }, "classDescriptions": { - "contentGutters": { - "description": "Styles applied to {{nodeName}} unless {{conditions}}.", - "nodeName": "the children wrapper element", - "conditions": "disableGutters={true}", - "deprecationInfo": "Combine the .MuiAccordionSummary-gutters and .MuiAccordionSummary-content classes instead. See Migrating from deprecated APIs for more details." - }, "disabled": { "description": "State class applied to {{nodeName}} if {{conditions}}.", "nodeName": "the root element", diff --git a/packages/mui-material/src/AccordionSummary/AccordionSummary.js b/packages/mui-material/src/AccordionSummary/AccordionSummary.js index 863d80e1b1056b..fa1ba0e1e34571 100644 --- a/packages/mui-material/src/AccordionSummary/AccordionSummary.js +++ b/packages/mui-material/src/AccordionSummary/AccordionSummary.js @@ -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'], }; diff --git a/packages/mui-material/src/AccordionSummary/accordionSummaryClasses.ts b/packages/mui-material/src/AccordionSummary/accordionSummaryClasses.ts index f5950a1579e8d0..132961d56fb064 100644 --- a/packages/mui-material/src/AccordionSummary/accordionSummaryClasses.ts +++ b/packages/mui-material/src/AccordionSummary/accordionSummaryClasses.ts @@ -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. */ @@ -37,7 +32,6 @@ const accordionSummaryClasses: AccordionSummaryClasses = generateUtilityClasses( 'focusVisible', 'disabled', 'gutters', - 'contentGutters', 'content', 'expandIconWrapper', ], From 02cea34d799a7de2e62a92c4edee5c6535bf3ba5 Mon Sep 17 00:00:00 2001 From: Silviu Alexandru Avram Date: Tue, 17 Mar 2026 12:29:49 +0200 Subject: [PATCH 2/2] pnpm prettier --- .../src/AccordionSummary/accordionSummaryClasses.ts | 10 +--------- 1 file changed, 1 insertion(+), 9 deletions(-) diff --git a/packages/mui-material/src/AccordionSummary/accordionSummaryClasses.ts b/packages/mui-material/src/AccordionSummary/accordionSummaryClasses.ts index 132961d56fb064..26bb39899bc767 100644 --- a/packages/mui-material/src/AccordionSummary/accordionSummaryClasses.ts +++ b/packages/mui-material/src/AccordionSummary/accordionSummaryClasses.ts @@ -26,15 +26,7 @@ export function getAccordionSummaryUtilityClass(slot: string): string { const accordionSummaryClasses: AccordionSummaryClasses = generateUtilityClasses( 'MuiAccordionSummary', - [ - 'root', - 'expanded', - 'focusVisible', - 'disabled', - 'gutters', - 'content', - 'expandIconWrapper', - ], + ['root', 'expanded', 'focusVisible', 'disabled', 'gutters', 'content', 'expandIconWrapper'], ); export default accordionSummaryClasses;