From b28756009c4829031689c5bb5e2f065c6cda0d5c Mon Sep 17 00:00:00 2001
From: madhusudhand <madhusudhan.dollu@gmail.com>
Date: Fri, 25 Nov 2022 16:36:25 +0530
Subject: [PATCH] revert defaultPadding and alignment APIs

---
 .../block-api/block-registration.md           | 11 -----------
 .../src/components/block-preview/auto.js      | 19 +------------------
 .../src/components/block-preview/index.js     |  2 +-
 packages/block-library/src/buttons/index.js   |  1 -
 packages/block-library/src/image/index.js     |  1 -
 .../block-library/src/media-text/index.js     |  1 -
 packages/block-library/src/pullquote/index.js |  1 -
 packages/block-library/src/table/index.js     |  1 -
 packages/block-library/src/video/index.js     |  1 -
 .../global-styles/block-preview-panel.js      |  4 ----
 10 files changed, 2 insertions(+), 40 deletions(-)

diff --git a/docs/reference-guides/block-api/block-registration.md b/docs/reference-guides/block-api/block-registration.md
index b312f81dc9669..97077cb7efdfa 100644
--- a/docs/reference-guides/block-api/block-registration.md
+++ b/docs/reference-guides/block-api/block-registration.md
@@ -227,17 +227,6 @@ example: {
 },
 ```
 
-It's possible to set padding for the block in the preview container via `defaultPadding`. For example:
-
-```js
-example: {
-	attributes: {
-		cover: 'https://example.com/image.jpg',
-	},
-	defaultPadding: '8px 16px'
-},
-```
-
 #### variations (optional)
 
 -   **Type:** `Object[]`
diff --git a/packages/block-editor/src/components/block-preview/auto.js b/packages/block-editor/src/components/block-preview/auto.js
index 665c172047367..587a264f407ca 100644
--- a/packages/block-editor/src/components/block-preview/auto.js
+++ b/packages/block-editor/src/components/block-preview/auto.js
@@ -66,12 +66,6 @@ function ScaledBlockPreview( {
 	MemoizedBlockList = MemoizedBlockList || pure( BlockList );
 
 	const scale = containerWidth / viewportWidth;
-
-	const padding =
-		typeof __experimentalPadding === 'string'
-			? __experimentalPadding
-			: `${ __experimentalPadding }px`;
-
 	return (
 		<Disabled
 			className="block-editor-block-preview__content"
@@ -95,23 +89,12 @@ function ScaledBlockPreview( {
 					);
 					documentElement.style.position = 'absolute';
 					documentElement.style.width = '100%';
-					documentElement.style.minHeight = '100%';
-					bodyElement.style.padding = padding;
+					bodyElement.style.padding = __experimentalPadding + 'px';
 
 					// Necessary for contentResizeListener to work.
 					bodyElement.style.boxSizing = 'border-box';
 					bodyElement.style.position = 'absolute';
 					bodyElement.style.width = '100%';
-					bodyElement.style.minHeight = `${ __experimentalMinHeight }px`;
-
-					if ( __experimentalAlign || __experimentalJustify ) {
-						bodyElement.style.display = 'flex';
-						bodyElement.style.flexDirection = 'column';
-						bodyElement.style.alignItems =
-							__experimentalJustify || 'flex-start';
-						bodyElement.style.justifyContent =
-							__experimentalAlign || 'flex-start';
-					}
 				}, [] ) }
 				aria-hidden
 				tabIndex={ -1 }
diff --git a/packages/block-editor/src/components/block-preview/index.js b/packages/block-editor/src/components/block-preview/index.js
index a199bd26d2cb4..78f38d390f53c 100644
--- a/packages/block-editor/src/components/block-preview/index.js
+++ b/packages/block-editor/src/components/block-preview/index.js
@@ -20,8 +20,8 @@ import { BlockListItems } from '../block-list';
 
 export function BlockPreview( {
 	blocks,
-	viewportWidth = 1200,
 	__experimentalPadding = 0,
+	viewportWidth = 1200,
 	__experimentalMinHeight,
 	__experimentalStyles = [],
 } ) {
diff --git a/packages/block-library/src/buttons/index.js b/packages/block-library/src/buttons/index.js
index 05a12b011983e..810922fbcb839 100644
--- a/packages/block-library/src/buttons/index.js
+++ b/packages/block-library/src/buttons/index.js
@@ -31,7 +31,6 @@ export const settings = {
 				attributes: { text: __( 'Contact us' ) },
 			},
 		],
-		defaultPadding: '1rem',
 	},
 	deprecated,
 	transforms,
diff --git a/packages/block-library/src/image/index.js b/packages/block-library/src/image/index.js
index c5008f3ae41a3..1477fa99c702c 100644
--- a/packages/block-library/src/image/index.js
+++ b/packages/block-library/src/image/index.js
@@ -27,7 +27,6 @@ export const settings = {
 			// translators: Caption accompanying an image of the Mont Blanc, which serves as an example for the Image block.
 			caption: __( 'Mont Blanc appears—still, snowy, and serene.' ),
 		},
-		defaultPadding: '1rem',
 	},
 	__experimentalLabel( attributes, { context } ) {
 		if ( context === 'accessibility' ) {
diff --git a/packages/block-library/src/media-text/index.js b/packages/block-library/src/media-text/index.js
index 2dae21f8c88b5..373050cb77fd5 100644
--- a/packages/block-library/src/media-text/index.js
+++ b/packages/block-library/src/media-text/index.js
@@ -43,7 +43,6 @@ export const settings = {
 				},
 			},
 		],
-		defaultPadding: '1rem',
 	},
 	transforms,
 	edit,
diff --git a/packages/block-library/src/pullquote/index.js b/packages/block-library/src/pullquote/index.js
index 24f3213c384a6..9d2b42f7698ab 100644
--- a/packages/block-library/src/pullquote/index.js
+++ b/packages/block-library/src/pullquote/index.js
@@ -29,7 +29,6 @@ export const settings = {
 				),
 			citation: __( 'Matt Mullenweg' ),
 		},
-		defaultPadding: '1rem',
 	},
 	transforms,
 	edit,
diff --git a/packages/block-library/src/table/index.js b/packages/block-library/src/table/index.js
index 6abf52ac8f15e..dea09dd7c9829 100644
--- a/packages/block-library/src/table/index.js
+++ b/packages/block-library/src/table/index.js
@@ -92,7 +92,6 @@ export const settings = {
 			],
 		},
 		viewportWidth: 450,
-		defaultPadding: '1rem',
 	},
 	transforms,
 	edit,
diff --git a/packages/block-library/src/video/index.js b/packages/block-library/src/video/index.js
index 0d484f842d344..57201ef712565 100644
--- a/packages/block-library/src/video/index.js
+++ b/packages/block-library/src/video/index.js
@@ -26,7 +26,6 @@ export const settings = {
 			// translators: Caption accompanying a video of the wood thrush singing, which serves as an example for the Video block.
 			caption: __( 'Wood thrush singing in Central Park, NYC.' ),
 		},
-		defaultPadding: '1rem',
 	},
 	transforms,
 	deprecated,
diff --git a/packages/edit-site/src/components/global-styles/block-preview-panel.js b/packages/edit-site/src/components/global-styles/block-preview-panel.js
index 631df69f38b42..296a39a5d065d 100644
--- a/packages/edit-site/src/components/global-styles/block-preview-panel.js
+++ b/packages/edit-site/src/components/global-styles/block-preview-panel.js
@@ -11,7 +11,6 @@ const BlockPreviewPanel = ( { name } ) => {
 		containerResizeListener,
 		{ width: containerWidth, height: containerHeight },
 	] = useResizeObserver();
-	const padding = blockExample?.defaultPadding || 0;
 	const viewportWidth = blockExample?.viewportWidth || containerWidth;
 
 	return ! blockExample ? null : (
@@ -20,10 +19,7 @@ const BlockPreviewPanel = ( { name } ) => {
 
 			<BlockPreview
 				viewportWidth={ viewportWidth }
-				__experimentalPadding={ padding }
 				__experimentalMinHeight={ containerHeight }
-				__experimentalAlign={ 'center' }
-				__experimentalJustify={ 'center' }
 				blocks={ getBlockFromExample( name, blockExample ) }
 			/>
 		</div>