[Accordion] Allow to disable gutter/spacing

[TimonPllkrn]

resolves #24492

I've added the disableGutters prop to the AccordionSummary and AccordionDetails Components.

• I have followed (at least) the PR section of the contributing guide.

[mui-pr-bot]

@material-ui/core: parsed: +0.08% , gzip: +0.07%

Details of bundle changes

Generated by 🚫 dangerJS against 22e5c58

[oliviertassinari]

I don't think that we are on the same page. The objective was to disable the very specific behavior of Material Design that adds a margin between to accordion items and that changes the accordion summary height when expanded:

e.g.

[TimonPllkrn]

Ok, I was confused because disableGutters in the other components means remove padding left and right.
Implemented it like this now:

<Accordion disableGutters>

<Accordion>

[oliviertassinari]

@TimonPllkrn Yes, I think that this is the behavior that makes the most sense :). If you have ideas for improving the name of the prop, I would love to hear them. I also agree that it's confusing.

The padding of the component should be easy enough to customize, I don't think that we need new dedicated props for them.

Mind that the component is being migrated to emotion, I would encourage us to hold on until these pull requests are merged:

I think that we can use this prop for this demo: https://next.material-ui.com/components/accordion/#customized-accordion, it simplifies it.

[mnajdova]

@TimonPllkrn @oliviertassinari all PRs for migrating the Accordion components are merged. This work can continue :)

[TimonPllkrn]

@oliviertassinari I couldn't think of a better name either.

I have now adapted the changes to the migration and added disableGutters to the demo of Customized accordion.

Also added the classes gutters and contentGutters to customize the style.

[oliviertassinari]

I have used the opportunity to polish the customization demo

[mnajdova]

👍