From f62a443152f5a46377e7d2f911451c87ccf5f021 Mon Sep 17 00:00:00 2001
From: Florent Mathieu <florent.mathieu@zendesk.com>
Date: Fri, 11 Oct 2024 09:40:50 -1000
Subject: [PATCH] style: rename rest parameter to other

---
 packages/chrome/src/elements/header/Header.tsx           | 4 ++--
 packages/chrome/src/elements/header/HeaderItem.tsx       | 6 +++---
 packages/chrome/src/elements/header/HeaderItemText.tsx   | 4 ++--
 packages/chrome/src/elements/nav/Nav.tsx                 | 4 ++--
 packages/chrome/src/elements/nav/NavItemText.tsx         | 4 ++--
 packages/chrome/src/elements/sheet/components/Footer.tsx | 4 ++--
 6 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/chrome/src/elements/header/Header.tsx b/packages/chrome/src/elements/header/Header.tsx
index 4ef91abf16..8d576feb5a 100644
--- a/packages/chrome/src/elements/header/Header.tsx
+++ b/packages/chrome/src/elements/header/Header.tsx
@@ -15,8 +15,8 @@ import { HeaderItemText } from './HeaderItemText';
 import { HeaderItemWrapper } from './HeaderItemWrapper';
 
 export const HeaderComponent = React.forwardRef<HTMLElement, IHeaderProps>(
-  ({ isStandalone, ...rest }, ref) => (
-    <StyledHeader ref={ref} $isStandalone={isStandalone} {...rest} />
+  ({ isStandalone, ...other }, ref) => (
+    <StyledHeader ref={ref} $isStandalone={isStandalone} {...other} />
   )
 );
 
diff --git a/packages/chrome/src/elements/header/HeaderItem.tsx b/packages/chrome/src/elements/header/HeaderItem.tsx
index b42e92cb74..2cfa47539e 100644
--- a/packages/chrome/src/elements/header/HeaderItem.tsx
+++ b/packages/chrome/src/elements/header/HeaderItem.tsx
@@ -16,7 +16,7 @@ import { StyledHeaderItem, StyledLogoHeaderItem } from '../../styled';
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */
 export const HeaderItem = React.forwardRef<HTMLButtonElement, IHeaderItemProps>(
-  ({ hasLogo, isRound, maxX, maxY, product, ...rest }, ref) => {
+  ({ hasLogo, isRound, maxX, maxY, product, ...other }, ref) => {
     if (hasLogo) {
       return (
         <StyledLogoHeaderItem
@@ -25,12 +25,12 @@ export const HeaderItem = React.forwardRef<HTMLButtonElement, IHeaderItemProps>(
           $maxX={maxX}
           $maxY={maxY}
           $product={product}
-          {...rest}
+          {...other}
         />
       );
     }
 
-    return <StyledHeaderItem ref={ref} $isRound={isRound} $maxX={maxX} $maxY={maxY} {...rest} />;
+    return <StyledHeaderItem ref={ref} $isRound={isRound} $maxX={maxX} $maxY={maxY} {...other} />;
   }
 );
 
diff --git a/packages/chrome/src/elements/header/HeaderItemText.tsx b/packages/chrome/src/elements/header/HeaderItemText.tsx
index e0b3f8de88..4c21f6cc6a 100644
--- a/packages/chrome/src/elements/header/HeaderItemText.tsx
+++ b/packages/chrome/src/elements/header/HeaderItemText.tsx
@@ -16,8 +16,8 @@ import { StyledHeaderItemText } from '../../styled';
  * @extends HTMLAttributes<HTMLSpanElement>
  */
 export const HeaderItemText = React.forwardRef<HTMLElement, IHeaderItemTextProps>(
-  ({ isClipped, ...rest }, ref) => (
-    <StyledHeaderItemText ref={ref} $isClipped={isClipped} {...rest} />
+  ({ isClipped, ...other }, ref) => (
+    <StyledHeaderItemText ref={ref} $isClipped={isClipped} {...other} />
   )
 );
 
diff --git a/packages/chrome/src/elements/nav/Nav.tsx b/packages/chrome/src/elements/nav/Nav.tsx
index 036ce7c437..909c85a708 100644
--- a/packages/chrome/src/elements/nav/Nav.tsx
+++ b/packages/chrome/src/elements/nav/Nav.tsx
@@ -18,7 +18,7 @@ import { NavItemText } from './NavItemText';
 import { NavList } from './NavList';
 
 export const NavComponent = React.forwardRef<HTMLElement, INavProps>(
-  ({ isExpanded, ...rest }, ref) => {
+  ({ isExpanded, ...other }, ref) => {
     const { hue, isLight } = useChromeContext();
     const navContextValue = useMemo(() => ({ isExpanded: !!isExpanded }), [isExpanded]);
 
@@ -30,7 +30,7 @@ export const NavComponent = React.forwardRef<HTMLElement, INavProps>(
         })}
       >
         <NavContext.Provider value={navContextValue}>
-          <StyledNav ref={ref} $isExpanded={isExpanded} $hue={hue} {...rest} />
+          <StyledNav ref={ref} $isExpanded={isExpanded} $hue={hue} {...other} />
         </NavContext.Provider>
       </ThemeProvider>
     );
diff --git a/packages/chrome/src/elements/nav/NavItemText.tsx b/packages/chrome/src/elements/nav/NavItemText.tsx
index 29822f438a..f0c1482d6e 100644
--- a/packages/chrome/src/elements/nav/NavItemText.tsx
+++ b/packages/chrome/src/elements/nav/NavItemText.tsx
@@ -17,11 +17,11 @@ import { useNavContext } from '../../utils/useNavContext';
  * @extends HTMLAttributes<HTMLSpanElement>
  */
 export const NavItemText = React.forwardRef<HTMLElement, INavItemTextProps>(
-  ({ isWrapped, ...rest }, ref) => {
+  ({ isWrapped, ...other }, ref) => {
     const { isExpanded } = useNavContext();
 
     return (
-      <StyledNavItemText ref={ref} $isExpanded={isExpanded} $isWrapped={isWrapped} {...rest} />
+      <StyledNavItemText ref={ref} $isExpanded={isExpanded} $isWrapped={isWrapped} {...other} />
     );
   }
 );
diff --git a/packages/chrome/src/elements/sheet/components/Footer.tsx b/packages/chrome/src/elements/sheet/components/Footer.tsx
index b79cc59128..67cef20bca 100644
--- a/packages/chrome/src/elements/sheet/components/Footer.tsx
+++ b/packages/chrome/src/elements/sheet/components/Footer.tsx
@@ -9,8 +9,8 @@ import React, { forwardRef } from 'react';
 import { ISheetFooterProps } from '../../../types';
 import { StyledSheetFooter } from '../../../styled';
 
-const SheetFooter = forwardRef<HTMLElement, ISheetFooterProps>(({ isCompact, ...rest }, ref) => {
-  return <StyledSheetFooter ref={ref} $isCompact={isCompact} {...rest} />;
+const SheetFooter = forwardRef<HTMLElement, ISheetFooterProps>(({ isCompact, ...other }, ref) => {
+  return <StyledSheetFooter ref={ref} $isCompact={isCompact} {...other} />;
 });
 
 SheetFooter.displayName = 'Sheet.Footer';