From 51362f799afdc3ea94a06e24f9e29e2081fc5e17 Mon Sep 17 00:00:00 2001
From: Tetsuaki Hamano <tetsuaki.hamano@gmail.com>
Date: Thu, 7 Mar 2024 23:55:40 +0900
Subject: [PATCH] Use new 32px/40px default size

---
 src/source-editor.tsx | 9 ++++++++-
 src/source-list.tsx   | 1 +
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/source-editor.tsx b/src/source-editor.tsx
index 2f5278b..d2433e8 100644
--- a/src/source-editor.tsx
+++ b/src/source-editor.tsx
@@ -214,12 +214,17 @@ export default function SourceEditor( {
 									className="enable-responsive-image__action"
 									onClick={ open }
 									aria-hidden="true"
+									size="compact"
 								>
 									{ !! id
 										? __( 'Replace', 'enable-responsive-image' )
 										: __( 'Select', 'enable-responsive-image' ) }
 								</Button>
-								<Button className="enable-responsive-image__action" onClick={ onRemove }>
+								<Button
+									className="enable-responsive-image__action"
+									onClick={ onRemove }
+									size="compact"
+								>
 									{ __( 'Remove', 'enable-responsive-image' ) }
 								</Button>
 							</HStack>
@@ -236,6 +241,7 @@ export default function SourceEditor( {
 						label={ __( 'Media query type', 'enable-responsive-image' ) }
 						onChange={ onChangeMediaType }
 						value={ mediaType || MEDIA_TYPES[ 0 ].value }
+						size={ '__unstable-large' }
 					>
 						{ MEDIA_TYPES.map( ( { label, value } ) => (
 							<ToggleGroupControlOption key={ value } label={ label } value={ value } />
@@ -249,6 +255,7 @@ export default function SourceEditor( {
 						max={ MAX_MEDIA_VALUE }
 						allowReset
 						initialPosition={ DEFAULT_MEDIA_VALUE }
+						__next40pxDefaultSize
 					/>
 					<SelectControl
 						label={ __( 'Resolution', 'enable-responsive-image' ) }
diff --git a/src/source-list.tsx b/src/source-list.tsx
index 73ef9a9..1852ae4 100644
--- a/src/source-list.tsx
+++ b/src/source-list.tsx
@@ -100,6 +100,7 @@ export default function ImageList( props: BlockEditProps< BlockAttributes > ) {
 										className="enable-responsive-image__add-source"
 										disabled={ sources.length >= MAX_SOURCES }
 										onClick={ onAddSource }
+										__next40pxDefaultSize
 									>
 										{ __( 'Add image source', 'enable-responsive-image' ) }
 									</Button>