From 42d5ccacfba6035bac425ec25599703b6fb9391e Mon Sep 17 00:00:00 2001
From: AKSHAT2802 <akshat.kakkad2802@gmail.com>
Date: Wed, 4 Sep 2024 19:07:07 +0530
Subject: [PATCH 1/3] Add props for buttons in editor 1

---
 packages/editor/src/components/block-manager/index.js       | 1 +
 packages/editor/src/components/editor-history/redo.js       | 1 +
 packages/editor/src/components/editor-history/undo.js       | 1 +
 packages/editor/src/components/error-boundary/index.js      | 2 +-
 packages/editor/src/components/post-excerpt/panel.js        | 1 +
 packages/editor/src/components/post-featured-image/index.js | 3 +++
 6 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/editor/src/components/block-manager/index.js b/packages/editor/src/components/block-manager/index.js
index 910eeda4470b0..b3bc1c6f9b0e8 100644
--- a/packages/editor/src/components/block-manager/index.js
+++ b/packages/editor/src/components/block-manager/index.js
@@ -67,6 +67,7 @@ function BlockManager( {
 						numberOfHiddenBlocks
 					) }
 					<Button
+						__next40pxDefaultSize
 						variant="link"
 						onClick={ () => enableAllBlockTypes( blockTypes ) }
 					>
diff --git a/packages/editor/src/components/editor-history/redo.js b/packages/editor/src/components/editor-history/redo.js
index 2ded5bfd52539..46a263bb89926 100644
--- a/packages/editor/src/components/editor-history/redo.js
+++ b/packages/editor/src/components/editor-history/redo.js
@@ -25,6 +25,7 @@ function EditorHistoryRedo( props, ref ) {
 	const { redo } = useDispatch( editorStore );
 	return (
 		<Button
+			__next40pxDefaultSize
 			{ ...props }
 			ref={ ref }
 			icon={ ! isRTL() ? redoIcon : undoIcon }
diff --git a/packages/editor/src/components/editor-history/undo.js b/packages/editor/src/components/editor-history/undo.js
index 18f2cb2e7e35d..6ba6055706e99 100644
--- a/packages/editor/src/components/editor-history/undo.js
+++ b/packages/editor/src/components/editor-history/undo.js
@@ -21,6 +21,7 @@ function EditorHistoryUndo( props, ref ) {
 	const { undo } = useDispatch( editorStore );
 	return (
 		<Button
+			__next40pxDefaultSize
 			{ ...props }
 			ref={ ref }
 			icon={ ! isRTL() ? undoIcon : redoIcon }
diff --git a/packages/editor/src/components/error-boundary/index.js b/packages/editor/src/components/error-boundary/index.js
index 966ea433c0d64..f034e3d14314c 100644
--- a/packages/editor/src/components/error-boundary/index.js
+++ b/packages/editor/src/components/error-boundary/index.js
@@ -29,7 +29,7 @@ function getContent() {
 function CopyButton( { text, children } ) {
 	const ref = useCopyToClipboard( text );
 	return (
-		<Button variant="secondary" ref={ ref }>
+		<Button variant="secondary" ref={ ref } __next40pxDefaultSize>
 			{ children }
 		</Button>
 	);
diff --git a/packages/editor/src/components/post-excerpt/panel.js b/packages/editor/src/components/post-excerpt/panel.js
index 0c800c1a360b9..6a00fe7af58d4 100644
--- a/packages/editor/src/components/post-excerpt/panel.js
+++ b/packages/editor/src/components/post-excerpt/panel.js
@@ -198,6 +198,7 @@ function PrivateExcerpt() {
 				ref={ setPopoverAnchor }
 				renderToggle={ ( { onToggle } ) => (
 					<Button
+						__next40pxDefaultSize
 						className="editor-post-excerpt__dropdown__trigger"
 						onClick={ onToggle }
 						variant="link"
diff --git a/packages/editor/src/components/post-featured-image/index.js b/packages/editor/src/components/post-featured-image/index.js
index 5e1874e9b8402..23a269c2e10d7 100644
--- a/packages/editor/src/components/post-featured-image/index.js
+++ b/packages/editor/src/components/post-featured-image/index.js
@@ -160,6 +160,7 @@ function PostFeaturedImage( {
 						render={ ( { open } ) => (
 							<div className="editor-post-featured-image__container">
 								<Button
+									__next40pxDefaultSize
 									ref={ toggleRef }
 									className={
 										! featuredImageId
@@ -198,6 +199,7 @@ function PostFeaturedImage( {
 								{ !! featuredImageId && (
 									<HStack className="editor-post-featured-image__actions">
 										<Button
+											// __next40pxDefaultSize
 											className="editor-post-featured-image__action"
 											onClick={ open }
 											aria-haspopup="dialog"
@@ -205,6 +207,7 @@ function PostFeaturedImage( {
 											{ __( 'Replace' ) }
 										</Button>
 										<Button
+											// __next40pxDefaultSize
 											className="editor-post-featured-image__action"
 											onClick={ () => {
 												onRemoveImage();

From 4bef78adf00a9d2195c76a4a30aa11ccd4f27a0a Mon Sep 17 00:00:00 2001
From: AKSHAT2802 <akshat.kakkad2802@gmail.com>
Date: Thu, 12 Sep 2024 01:01:41 +0530
Subject: [PATCH 2/3] Address feedback

---
 packages/editor/src/components/error-boundary/index.js      | 6 +-----
 .../editor/src/components/post-featured-image/style.scss    | 2 +-
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/packages/editor/src/components/error-boundary/index.js b/packages/editor/src/components/error-boundary/index.js
index bee904f59eb94..d43af5a556b67 100644
--- a/packages/editor/src/components/error-boundary/index.js
+++ b/packages/editor/src/components/error-boundary/index.js
@@ -29,11 +29,7 @@ function getContent() {
 function CopyButton( { text, children } ) {
 	const ref = useCopyToClipboard( text );
 	return (
-		<Button
-			__next40pxDefaultSize
-			variant="secondary"
-			ref={ ref }
-		>
+		<Button __next40pxDefaultSize variant="secondary" ref={ ref }>
 			{ children }
 		</Button>
 	);
diff --git a/packages/editor/src/components/post-featured-image/style.scss b/packages/editor/src/components/post-featured-image/style.scss
index 3a537471b42f2..eb8baf3b70ebe 100644
--- a/packages/editor/src/components/post-featured-image/style.scss
+++ b/packages/editor/src/components/post-featured-image/style.scss
@@ -53,7 +53,7 @@
 }
 
 .editor-post-featured-image__preview {
-	height: auto;
+	height: auto !important;
 	outline: $border-width solid rgba($black, 0.1);
 
 	.editor-post-featured-image__preview-image {

From 55ac540b1c4ae9309e14a52581b3dc65a31f6e39 Mon Sep 17 00:00:00 2001
From: AKSHAT2802 <akshat.kakkad2802@gmail.com>
Date: Thu, 12 Sep 2024 01:14:27 +0530
Subject: [PATCH 3/3] remove extra class name and extra styles

---
 packages/editor/src/components/post-excerpt/panel.js          | 1 -
 packages/editor/src/components/post-featured-image/style.scss | 4 ----
 2 files changed, 5 deletions(-)

diff --git a/packages/editor/src/components/post-excerpt/panel.js b/packages/editor/src/components/post-excerpt/panel.js
index 6a00fe7af58d4..9c09796f46704 100644
--- a/packages/editor/src/components/post-excerpt/panel.js
+++ b/packages/editor/src/components/post-excerpt/panel.js
@@ -199,7 +199,6 @@ function PrivateExcerpt() {
 				renderToggle={ ( { onToggle } ) => (
 					<Button
 						__next40pxDefaultSize
-						className="editor-post-excerpt__dropdown__trigger"
 						onClick={ onToggle }
 						variant="link"
 					>
diff --git a/packages/editor/src/components/post-featured-image/style.scss b/packages/editor/src/components/post-featured-image/style.scss
index eb8baf3b70ebe..a14c2ea73a63c 100644
--- a/packages/editor/src/components/post-featured-image/style.scss
+++ b/packages/editor/src/components/post-featured-image/style.scss
@@ -65,10 +65,6 @@
 }
 
 .editor-post-featured-image__toggle {
-	height: 100%;
-	line-height: 20px;
-	padding: $grid-unit-10 0;
-	text-align: center;
 	box-shadow: inset 0 0 0 $border-width $gray-400;
 }