chore: Rename otherProps to restProps for consistency

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}

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>
   ),

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>

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',

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>