Use new 32px/40px default size

t-hamano · Mar 7, 2024 · 51362f7 · 51362f7
1 parent f1097d4
commit 51362f7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git 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
@@ -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>