From 6de075e7a6195f01c246772e227945889df4a6f3 Mon Sep 17 00:00:00 2001
From: shimotmk <shimotmk1104@gmail.com>
Date: Fri, 14 Feb 2025 07:22:10 +0900
Subject: [PATCH] =?UTF-8?q?clear=20=E2=86=92=20reset?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../border-control/border-control-dropdown/component.tsx    | 6 +++---
 .../src/border-control/border-control-dropdown/hook.ts      | 6 +++---
 packages/components/src/border-control/styles.ts            | 2 +-
 packages/components/src/border-control/test/index.js        | 4 ++--
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/components/src/border-control/border-control-dropdown/component.tsx b/packages/components/src/border-control/border-control-dropdown/component.tsx
index 29a17c8be87e4..00f5c0df46372 100644
--- a/packages/components/src/border-control/border-control-dropdown/component.tsx
+++ b/packages/components/src/border-control/border-control-dropdown/component.tsx
@@ -157,7 +157,7 @@ const BorderControlDropdown = (
 		onStyleChange,
 		popoverContentClassName,
 		popoverControlsClassName,
-		clearButtonClassName,
+		resetButtonClassName,
 		size,
 		__unstablePopoverProps,
 		...otherProps
@@ -222,7 +222,7 @@ const BorderControlDropdown = (
 						/>
 					) }
 				</VStack>
-				<div className={ clearButtonClassName }>
+				<div className={ resetButtonClassName }>
 					<Button
 						variant="tertiary"
 						onClick={ () => {
@@ -232,7 +232,7 @@ const BorderControlDropdown = (
 						accessibleWhenDisabled
 						__next40pxDefaultSize
 					>
-						{ __( 'Clear' ) }
+						{ __( 'Reset' ) }
 					</Button>
 				</div>
 			</DropdownContentWrapper>
diff --git a/packages/components/src/border-control/border-control-dropdown/hook.ts b/packages/components/src/border-control/border-control-dropdown/hook.ts
index 858f0b0c77b19..5366babc266c6 100644
--- a/packages/components/src/border-control/border-control-dropdown/hook.ts
+++ b/packages/components/src/border-control/border-control-dropdown/hook.ts
@@ -76,8 +76,8 @@ export function useBorderControlDropdown(
 		return cx( styles.borderControlPopoverContent );
 	}, [ cx ] );
 
-	const clearButtonClassName = useMemo( () => {
-		return cx( styles.clearButton );
+	const resetButtonClassName = useMemo( () => {
+		return cx( styles.resetButton );
 	}, [ cx ] );
 
 	return {
@@ -94,7 +94,7 @@ export function useBorderControlDropdown(
 		onReset,
 		popoverContentClassName,
 		popoverControlsClassName,
-		clearButtonClassName,
+		resetButtonClassName,
 		size,
 		__experimentalIsRenderedInSidebar,
 	};
diff --git a/packages/components/src/border-control/styles.ts b/packages/components/src/border-control/styles.ts
index da2107fc73a93..f06472afb7cff 100644
--- a/packages/components/src/border-control/styles.ts
+++ b/packages/components/src/border-control/styles.ts
@@ -147,7 +147,7 @@ export const borderControlPopoverControls = css`
 export const borderControlPopoverContent = css``;
 export const borderColorIndicator = css``;
 
-export const clearButton = css`
+export const resetButton = css`
 	display: flex;
 	justify-content: flex-end;
 	margin-top: 12px;
diff --git a/packages/components/src/border-control/test/index.js b/packages/components/src/border-control/test/index.js
index 9170a47f64fee..6864a1add1fff 100644
--- a/packages/components/src/border-control/test/index.js
+++ b/packages/components/src/border-control/test/index.js
@@ -146,7 +146,7 @@ describe( 'BorderControl', () => {
 			const solidButton = getButton( 'Solid' );
 			const dashedButton = getButton( 'Dashed' );
 			const dottedButton = getButton( 'Dotted' );
-			const clearButton = getButton( 'Clear' );
+			const resetButton = getButton( 'Reset' );
 
 			expect( customColorPicker ).toBeInTheDocument();
 			expect( colorSwatchButtons.length ).toEqual( colors.length );
@@ -154,7 +154,7 @@ describe( 'BorderControl', () => {
 			expect( solidButton ).toBeInTheDocument();
 			expect( dashedButton ).toBeInTheDocument();
 			expect( dottedButton ).toBeInTheDocument();
-			expect( clearButton ).toBeInTheDocument();
+			expect( resetButton ).toBeInTheDocument();
 		} );
 
 		it( 'should not render style options when opted out of', async () => {