From c869a955d4c58962b65d76869b997f78c8877f2c Mon Sep 17 00:00:00 2001
From: Vincent Smedinga <v.smedinga@amsterdam.nl>
Date: Mon, 15 Jul 2024 22:09:20 +0200
Subject: [PATCH] Rename otherProps to restProps for consistency

---
 packages/react/src/Accordion/AccordionSection.tsx | 4 ++--
 packages/react/src/Card/CardLink.tsx              | 4 ++--
 packages/react/src/Icon/Icon.tsx                  | 4 ++--
 packages/react/src/Link/Link.tsx                  | 4 ++--
 packages/react/src/Paragraph/Paragraph.tsx        | 4 ++--
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/react/src/Accordion/AccordionSection.tsx b/packages/react/src/Accordion/AccordionSection.tsx
index e6c6cddb92..0d33f47917 100644
--- a/packages/react/src/Accordion/AccordionSection.tsx
+++ b/packages/react/src/Accordion/AccordionSection.tsx
@@ -20,7 +20,7 @@ export type AccordionSectionProps = {
 
 export const AccordionSection = forwardRef(
   (
-    { label, expanded = false, children, className, ...otherProps }: AccordionSectionProps,
+    { label, expanded = false, children, className, ...restProps }: AccordionSectionProps,
     ref: ForwardedRef<HTMLDivElement>,
   ) => {
     const { headingLevel, sectionAs } = useContext(AccordionContext)
@@ -33,7 +33,7 @@ export const AccordionSection = forwardRef(
     const panelId = `panel-${id}`
 
     return (
-      <div className={clsx('ams-accordion__section', className)} ref={ref} {...otherProps}>
+      <div className={clsx('ams-accordion__section', className)} ref={ref} {...restProps}>
         <HeadingX className={'ams-accordion__header'}>
           <button
             aria-controls={panelId}
diff --git a/packages/react/src/Card/CardLink.tsx b/packages/react/src/Card/CardLink.tsx
index 836386b9e7..0dbd9a5418 100644
--- a/packages/react/src/Card/CardLink.tsx
+++ b/packages/react/src/Card/CardLink.tsx
@@ -10,8 +10,8 @@ import type { AnchorHTMLAttributes, ForwardedRef, PropsWithChildren } from 'reac
 export type CardLinkProps = PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>
 
 export const CardLink = forwardRef(
-  ({ children, className, ...otherProps }: CardLinkProps, ref: ForwardedRef<HTMLAnchorElement>) => (
-    <a {...otherProps} ref={ref} className={clsx('ams-card__link', className)}>
+  ({ children, className, ...restProps }: CardLinkProps, ref: ForwardedRef<HTMLAnchorElement>) => (
+    <a {...restProps} ref={ref} className={clsx('ams-card__link', className)}>
       {children}
     </a>
   ),
diff --git a/packages/react/src/Icon/Icon.tsx b/packages/react/src/Icon/Icon.tsx
index 696cf05c4b..e741e31c9a 100644
--- a/packages/react/src/Icon/Icon.tsx
+++ b/packages/react/src/Icon/Icon.tsx
@@ -19,7 +19,7 @@ export type IconProps = {
 } & HTMLAttributes<HTMLSpanElement>
 
 export const Icon = forwardRef(
-  ({ className, size = 'level-3', square, svg, ...otherProps }: IconProps, ref: ForwardedRef<HTMLElement>) => (
+  ({ className, size = 'level-3', square, svg, ...restProps }: IconProps, ref: ForwardedRef<HTMLElement>) => (
     <span
       ref={ref}
       className={clsx(
@@ -31,7 +31,7 @@ export const Icon = forwardRef(
         square && 'ams-icon--square',
         className,
       )}
-      {...otherProps}
+      {...restProps}
     >
       {svg()}
     </span>
diff --git a/packages/react/src/Link/Link.tsx b/packages/react/src/Link/Link.tsx
index 9a75bc0f36..794816eff1 100644
--- a/packages/react/src/Link/Link.tsx
+++ b/packages/react/src/Link/Link.tsx
@@ -19,11 +19,11 @@ export type LinkProps = {
 
 export const Link = forwardRef(
   (
-    { children, variant = 'standalone', onBackground, className, ...otherProps }: LinkProps,
+    { children, variant = 'standalone', onBackground, className, ...restProps }: LinkProps,
     ref: ForwardedRef<HTMLAnchorElement>,
   ) => (
     <a
-      {...otherProps}
+      {...restProps}
       ref={ref}
       className={clsx(
         'ams-link',
diff --git a/packages/react/src/Paragraph/Paragraph.tsx b/packages/react/src/Paragraph/Paragraph.tsx
index 02a6c6cdcb..591183ef76 100644
--- a/packages/react/src/Paragraph/Paragraph.tsx
+++ b/packages/react/src/Paragraph/Paragraph.tsx
@@ -17,7 +17,7 @@ export type ParagraphProps = {
 
 export const Paragraph = forwardRef(
   (
-    { children, className, inverseColor, size, ...otherProps }: ParagraphProps,
+    { children, className, inverseColor, size, ...restProps }: ParagraphProps,
     ref: ForwardedRef<HTMLParagraphElement>,
   ) => (
     <p
@@ -28,7 +28,7 @@ export const Paragraph = forwardRef(
         inverseColor && 'ams-paragraph--inverse-color',
         className,
       )}
-      {...otherProps}
+      {...restProps}
     >
       {children}
     </p>