From df9f8579bf65b7811e0f125f26dbe720bbbb608f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=86?= <31400297+ddryo@users.noreply.github.com>
Date: Mon, 18 Dec 2023 15:59:12 +0900
Subject: [PATCH] Replace isSmall prop #53560 (#53599)

Co-authored-by: Lena Morita <lena@jaguchi.com>
---
 packages/block-editor/src/components/block-card/index.js   | 2 +-
 .../src/components/border-radius-control/linked-button.js  | 2 +-
 .../src/components/image-size-control/index.js             | 7 +++++--
 .../input-controls/spacing-input-control.js                | 2 +-
 .../block-library/src/cover/edit/inspector-controls.js     | 2 +-
 packages/block-library/src/search/edit.js                  | 2 +-
 .../border-box-control-linked-button/component.tsx         | 2 +-
 .../border-control-style-picker/component.tsx              | 2 +-
 packages/components/src/box-control/index.tsx              | 2 +-
 packages/components/src/box-control/linked-button.tsx      | 2 +-
 packages/components/src/color-picker/color-copy-button.tsx | 2 +-
 packages/components/src/font-size-picker/index.tsx         | 2 +-
 packages/components/src/navigation/menu/menu-title.tsx     | 2 +-
 packages/components/src/number-control/index.tsx           | 4 ++--
 packages/components/src/palette-edit/index.tsx             | 6 +++---
 packages/components/src/range-control/index.tsx            | 2 +-
 16 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/packages/block-editor/src/components/block-card/index.js b/packages/block-editor/src/components/block-card/index.js
index fd89697a54c5d7..4b5478485d87a3 100644
--- a/packages/block-editor/src/components/block-card/index.js
+++ b/packages/block-editor/src/components/block-card/index.js
@@ -56,7 +56,7 @@ function BlockCard( { title, icon, description, blockType, className } ) {
 						{ minWidth: 24, padding: 0 }
 					}
 					icon={ isRTL() ? chevronRight : chevronLeft }
-					isSmall
+					size="small"
 				/>
 			) }
 			<BlockIcon icon={ icon } showColors />
diff --git a/packages/block-editor/src/components/border-radius-control/linked-button.js b/packages/block-editor/src/components/border-radius-control/linked-button.js
index 5d8443e57629e2..82752c91de6470 100644
--- a/packages/block-editor/src/components/border-radius-control/linked-button.js
+++ b/packages/block-editor/src/components/border-radius-control/linked-button.js
@@ -13,7 +13,7 @@ export default function LinkedButton( { isLinked, ...props } ) {
 			<Button
 				{ ...props }
 				className="component-border-radius-control__linked-button"
-				isSmall
+				size="small"
 				icon={ isLinked ? link : linkOff }
 				iconSize={ 24 }
 				aria-label={ label }
diff --git a/packages/block-editor/src/components/image-size-control/index.js b/packages/block-editor/src/components/image-size-control/index.js
index 46e87de60f2fc8..7a333e98f795a1 100644
--- a/packages/block-editor/src/components/image-size-control/index.js
+++ b/packages/block-editor/src/components/image-size-control/index.js
@@ -87,7 +87,7 @@ export default function ImageSizeControl( {
 								return (
 									<Button
 										key={ scale }
-										isSmall
+										size="small"
 										variant={
 											isCurrent ? 'primary' : undefined
 										}
@@ -104,7 +104,10 @@ export default function ImageSizeControl( {
 								);
 							} ) }
 						</ButtonGroup>
-						<Button isSmall onClick={ () => updateDimensions() }>
+						<Button
+							size="small"
+							onClick={ () => updateDimensions() }
+						>
 							{ __( 'Reset' ) }
 						</Button>
 					</HStack>
diff --git a/packages/block-editor/src/components/spacing-sizes-control/input-controls/spacing-input-control.js b/packages/block-editor/src/components/spacing-sizes-control/input-controls/spacing-input-control.js
index 7ef5c17f82943c..c2b6ae30de7ac9 100644
--- a/packages/block-editor/src/components/spacing-sizes-control/input-controls/spacing-input-control.js
+++ b/packages/block-editor/src/components/spacing-sizes-control/input-controls/spacing-input-control.js
@@ -317,7 +317,7 @@ export default function SpacingInputControl( {
 						setShowCustomValueControl( ! showCustomValueControl );
 					} }
 					isPressed={ showCustomValueControl }
-					isSmall
+					size="small"
 					className="spacing-sizes-control__custom-toggle"
 					iconSize={ 24 }
 				/>
diff --git a/packages/block-library/src/cover/edit/inspector-controls.js b/packages/block-library/src/cover/edit/inspector-controls.js
index 38757f90c2deec..4aa655b7229e50 100644
--- a/packages/block-library/src/cover/edit/inspector-controls.js
+++ b/packages/block-library/src/cover/edit/inspector-controls.js
@@ -220,7 +220,7 @@ export default function CoverInspectorControls( {
 						<PanelRow>
 							<Button
 								variant="secondary"
-								isSmall
+								size="small"
 								className="block-library-cover__reset-button"
 								onClick={ onClearMedia }
 							>
diff --git a/packages/block-library/src/search/edit.js b/packages/block-library/src/search/edit.js
index 52f89d344cdf02..2d39494c282392 100644
--- a/packages/block-library/src/search/edit.js
+++ b/packages/block-library/src/search/edit.js
@@ -453,7 +453,7 @@ export default function SearchEdit( {
 								return (
 									<Button
 										key={ widthValue }
-										isSmall
+										size="small"
 										variant={
 											widthValue === width &&
 											widthUnit === '%'
diff --git a/packages/components/src/border-box-control/border-box-control-linked-button/component.tsx b/packages/components/src/border-box-control/border-box-control-linked-button/component.tsx
index ee76c39742d417..5388a381deb395 100644
--- a/packages/components/src/border-box-control/border-box-control-linked-button/component.tsx
+++ b/packages/components/src/border-box-control/border-box-control-linked-button/component.tsx
@@ -29,7 +29,7 @@ const BorderBoxControlLinkedButton = (
 			<View className={ className }>
 				<Button
 					{ ...buttonProps }
-					isSmall
+					size="small"
 					icon={ isLinked ? link : linkOff }
 					iconSize={ 24 }
 					aria-label={ label }
diff --git a/packages/components/src/border-control/border-control-style-picker/component.tsx b/packages/components/src/border-control/border-control-style-picker/component.tsx
index ffb44855be9fa4..d0621dd8a7c4d4 100644
--- a/packages/components/src/border-control/border-control-style-picker/component.tsx
+++ b/packages/components/src/border-control/border-control-style-picker/component.tsx
@@ -63,7 +63,7 @@ const BorderControlStylePicker = (
 						key={ borderStyle.value }
 						className={ buttonClassName }
 						icon={ borderStyle.icon }
-						isSmall
+						size="small"
 						isPressed={ borderStyle.value === value }
 						onClick={ () =>
 							onChange(
diff --git a/packages/components/src/box-control/index.tsx b/packages/components/src/box-control/index.tsx
index cf267aff44352e..c7fcf066c545ce 100644
--- a/packages/components/src/box-control/index.tsx
+++ b/packages/components/src/box-control/index.tsx
@@ -167,7 +167,7 @@ function BoxControl( {
 						<Button
 							className="component-box-control__reset-button"
 							variant="secondary"
-							isSmall
+							size="small"
 							onClick={ handleOnReset }
 							disabled={ ! isDirty }
 						>
diff --git a/packages/components/src/box-control/linked-button.tsx b/packages/components/src/box-control/linked-button.tsx
index 600261379d5675..595a3c03436756 100644
--- a/packages/components/src/box-control/linked-button.tsx
+++ b/packages/components/src/box-control/linked-button.tsx
@@ -21,7 +21,7 @@ export default function LinkedButton( {
 			<Button
 				{ ...props }
 				className="component-box-control__linked-button"
-				isSmall
+				size="small"
 				icon={ isLinked ? link : linkOff }
 				iconSize={ 24 }
 				aria-label={ label }
diff --git a/packages/components/src/color-picker/color-copy-button.tsx b/packages/components/src/color-picker/color-copy-button.tsx
index 99450b07628c21..11ff7ca52de788 100644
--- a/packages/components/src/color-picker/color-copy-button.tsx
+++ b/packages/components/src/color-picker/color-copy-button.tsx
@@ -62,7 +62,7 @@ export const ColorCopyButton = ( props: ColorCopyButtonProps ) => {
 			}
 		>
 			<CopyButton
-				isSmall
+				size="small"
 				ref={ copyRef }
 				icon={ copy }
 				showTooltip={ false }
diff --git a/packages/components/src/font-size-picker/index.tsx b/packages/components/src/font-size-picker/index.tsx
index 38488cf9fbb0e6..d79bc870d33588 100644
--- a/packages/components/src/font-size-picker/index.tsx
+++ b/packages/components/src/font-size-picker/index.tsx
@@ -153,7 +153,7 @@ const UnforwardedFontSizePicker = (
 								);
 							} }
 							isPressed={ showCustomValueControl }
-							isSmall
+							size="small"
 						/>
 					) }
 				</Header>
diff --git a/packages/components/src/navigation/menu/menu-title.tsx b/packages/components/src/navigation/menu/menu-title.tsx
index 8a9c7fcd59963c..43ae0bd45cfb2b 100644
--- a/packages/components/src/navigation/menu/menu-title.tsx
+++ b/packages/components/src/navigation/menu/menu-title.tsx
@@ -66,7 +66,7 @@ export default function NavigationMenuTitle( {
 
 							{ hasSearch && (
 								<Button
-									isSmall
+									size="small"
 									variant="tertiary"
 									label={ searchButtonLabel }
 									onClick={ () => setIsSearching( true ) }
diff --git a/packages/components/src/number-control/index.tsx b/packages/components/src/number-control/index.tsx
index fce0a7f76f49ed..320ef4cb87d1da 100644
--- a/packages/components/src/number-control/index.tsx
+++ b/packages/components/src/number-control/index.tsx
@@ -246,7 +246,7 @@ function UnforwardedNumberControl(
 								<SpinButton
 									className={ spinButtonClasses }
 									icon={ plusIcon }
-									isSmall
+									size="small"
 									aria-hidden="true"
 									aria-label={ __( 'Increment' ) }
 									tabIndex={ -1 }
@@ -257,7 +257,7 @@ function UnforwardedNumberControl(
 								<SpinButton
 									className={ spinButtonClasses }
 									icon={ resetIcon }
-									isSmall
+									size="small"
 									aria-hidden="true"
 									aria-label={ __( 'Decrement' ) }
 									tabIndex={ -1 }
diff --git a/packages/components/src/palette-edit/index.tsx b/packages/components/src/palette-edit/index.tsx
index 91303471792ebd..ceadceca1a239d 100644
--- a/packages/components/src/palette-edit/index.tsx
+++ b/packages/components/src/palette-edit/index.tsx
@@ -241,7 +241,7 @@ function Option< T extends Color | Gradient >( {
 				{ isEditing && ! canOnlyChangeValues && (
 					<FlexItem>
 						<RemoveButton
-							isSmall
+							size="small"
 							icon={ lineSolid }
 							label={ __( 'Remove color' ) }
 							onClick={ onRemove }
@@ -454,7 +454,7 @@ export function PaletteEdit( {
 				<PaletteActionsContainer>
 					{ hasElements && isEditing && (
 						<DoneButton
-							isSmall
+							size="small"
 							onClick={ () => {
 								setIsEditing( false );
 								setEditingElement( null );
@@ -465,7 +465,7 @@ export function PaletteEdit( {
 					) }
 					{ ! canOnlyChangeValues && (
 						<Button
-							isSmall
+							size="small"
 							isPressed={ isAdding }
 							icon={ plus }
 							label={
diff --git a/packages/components/src/range-control/index.tsx b/packages/components/src/range-control/index.tsx
index 05b162a492e849..37a5a048becced 100644
--- a/packages/components/src/range-control/index.tsx
+++ b/packages/components/src/range-control/index.tsx
@@ -328,7 +328,7 @@ function UnforwardedRangeControl(
 							className="components-range-control__reset"
 							disabled={ disabled || value === undefined }
 							variant="secondary"
-							isSmall
+							size="small"
 							onClick={ handleOnReset }
 						>
 							{ __( 'Reset' ) }