[Grid] Component spacing

[brvndon-do]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

Material UI v5's grid component spacing is only applying top and left padding as opposed to padding all around. This is a screenshot from v5's documentation on the Grid component.

Expected behavior 🤔

There was an expectation that when using the spacing prop on Grid container components, padding should be applied ALL around Grid item components. This is a screenshot from v4's documentation on the Grid component.

Steps to reproduce 🕹

Steps:

1. Start a new project and install the latest version of Material UI (@mui/material)
2. Import and render a Grid component with the spacing prop set to any number along with any Grid components with the item prop.
3. Open the Chrome debugger (or any browser debugging) tool and inspect the newly created Grid component and its subsequent children with the item prop.
4. Notice that the padding is applied to only the top and left.

Context 🔦

Spacing should apply the padding to all directions of the component, not just the top and left.

Your environment 🌎

`npx @mui/envinfo`

  Browser: Chrome
  System:
    OS: Windows 10 10.0.22000
  Binaries:
    Node: 16.6.1 - C:\Program Files\nodejs\node.EXE
    Yarn: Not Found
    npm: 8.3.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: Not Found
    Edge: Spartan (44.22000.120.0), Chromium (98.0.1108.43)
  npmPackages:
    @emotion/react: ^11.7.1 => 11.7.1 
    @emotion/styled: ^11.6.0 => 11.6.0 
    @mui/base:  5.0.0-alpha.64 
    @mui/icons-material: ^5.2.5 => 5.2.5 
    @mui/material: ^5.2.8 => 5.2.8 
    @mui/private-theming:  5.2.3 
    @mui/styled-engine:  5.2.6 
    @mui/styles: ^5.2.3 => 5.2.3 
    @mui/system:  5.2.8
    @mui/types:  7.1.0
    @mui/utils:  5.2.3
    @types/react: ^17.0.38 => 17.0.38
    react: ^17.0.2 => 17.0.2
    react-dom: ^17.0.2 => 17.0.2
    typescript: ^4.5.4 => 4.5.4

[danilo-leal]

@mnajdova Any idea why that changed from v4 to v5? I resonate with the expectation of having padding on all sides and not only top and left.

[mnajdova]

Duplicate of #29266