Rename label prop for search field button

packages/react/src/Pagination/Pagination.test.tsx

@@ -109,6 +109,7 @@ describe('Pagination', () => {
 
   it('renders custom aria-labels for the ‘previous’ and ‘next’ buttons', () => {
     render(<Pagination totalPages={10} previousAriaLabel="Vorige pagina" nextAriaLabel="Volgende pagina" />)
+
     expect(screen.getByText('vorige')).toHaveAttribute('aria-label', 'Vorige pagina')
     expect(screen.getByText('volgende')).toHaveAttribute('aria-label', 'Volgende pagina')
   })
@@ -117,6 +118,7 @@ describe('Pagination', () => {
     const ref = createRef<HTMLElement>()
     const { container } = render(<Pagination totalPages={10} ref={ref} />)
     const component = container.querySelector(':only-child')
+
     expect(ref.current).toBe(component)
   })
 })

packages/react/src/SearchField/SearchField.test.tsx

@@ -32,7 +32,7 @@ describe('Search field', () => {
   })
 
   it('renders the button with a label', () => {
-    render(<SearchField.Button buttonLabel="Search" />)
+    render(<SearchField.Button label="Search" />)
 
     const component = screen.getByRole('button')
 

packages/react/src/SearchField/SearchFieldButton.tsx

@@ -12,18 +12,15 @@ import { VisuallyHidden } from '../VisuallyHidden'
 
 type SearchFieldButtonProps = {
   /** The label for the button that triggers the search action. */
-  buttonLabel?: string
+  label?: string
 } & HTMLAttributes<HTMLButtonElement>
 
 // TODO: replace this with IconButton when that's done
 // TODO: discuss if IconButton is the right component to replace this
 export const SearchFieldButton = forwardRef(
-  (
-    { buttonLabel = 'Zoeken', className, ...restProps }: SearchFieldButtonProps,
-    ref: ForwardedRef<HTMLButtonElement>,
-  ) => (
+  ({ label = 'Zoeken', className, ...restProps }: SearchFieldButtonProps, ref: ForwardedRef<HTMLButtonElement>) => (
     <button {...restProps} ref={ref} className={clsx('ams-search-field__button', className)}>
-      <VisuallyHidden>{buttonLabel}</VisuallyHidden>
+      <VisuallyHidden>{label}</VisuallyHidden>
       <Icon svg={SearchIcon} size="level-5" square />
     </button>
   ),