fix(eslint): resolve no-unused-vars errors

eslint.config.mjs

@@ -149,12 +149,17 @@ export default defineConfig(
       },
     },
     rules: {
-      // All of these rules have directives in the codebase that disable them,
+      // These rules have directives in the codebase that disable them,
       // which implies that they were set previously.
       'no-console': 'error',
       'no-template-curly-in-string': 'error',
       'prefer-arrow-callback': ['error', { allowNamedFunctions: true }],
       'require-atomic-updates': 'error',
+
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        { ignoreRestSiblings: true },
+      ],
     },
   },
   {
@@ -217,6 +222,7 @@ export default defineConfig(
     files: ['packages/react/code-connect/**/*.figma.tsx'],
     rules: {
       '@typescript-eslint/ban-ts-comment': ['error', { 'ts-nocheck': false }],
+      '@typescript-eslint/no-unused-vars': 'off',
     },
   },
   {

packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap

@@ -160,7 +160,7 @@ Map {
     "render": [Function],
   },
   "AILabelActions" => {
-    "$$typeof": Symbol(react.forward_ref),
+    "displayName": "AILabelActions",
     "propTypes": {
       "children": {
         "type": "node",
@@ -169,10 +169,9 @@ Map {
         "type": "string",
       },
     },
-    "render": [Function],
   },
   "AILabelContent" => {
-    "$$typeof": Symbol(react.forward_ref),
+    "displayName": "AILabelContent",
     "propTypes": {
       "children": {
         "type": "node",
@@ -181,7 +180,6 @@ Map {
         "type": "string",
       },
     },
-    "render": [Function],
   },
   "AISkeletonIcon" => {
     "propTypes": {
@@ -13798,7 +13796,7 @@ Map {
     "render": [Function],
   },
   "preview__SlugActions" => {
-    "$$typeof": Symbol(react.forward_ref),
+    "displayName": "AILabelActions",
     "propTypes": {
       "children": {
         "type": "node",
@@ -13807,10 +13805,9 @@ Map {
         "type": "string",
       },
     },
-    "render": [Function],
   },
   "preview__SlugContent" => {
-    "$$typeof": Symbol(react.forward_ref),
+    "displayName": "AILabelContent",
     "propTypes": {
       "children": {
         "type": "node",
@@ -13819,7 +13816,6 @@ Map {
         "type": "string",
       },
     },
-    "render": [Function],
   },
   "preview_useFeatureFlag" => {},
   "preview_useFeatureFlags" => {},
@@ -15780,7 +15776,7 @@ Map {
     "render": [Function],
   },
   "unstable__SlugActions" => {
-    "$$typeof": Symbol(react.forward_ref),
+    "displayName": "AILabelActions",
     "propTypes": {
       "children": {
         "type": "node",
@@ -15789,10 +15785,9 @@ Map {
         "type": "string",
       },
     },
-    "render": [Function],
   },
   "unstable__SlugContent" => {
-    "$$typeof": Symbol(react.forward_ref),
+    "displayName": "AILabelContent",
     "propTypes": {
       "children": {
         "type": "node",
@@ -15801,7 +15796,6 @@ Map {
         "type": "string",
       },
     },
-    "render": [Function],
   },
   "unstable_useFeatureFlag" => {},
   "unstable_useFeatureFlags" => {},

packages/react/code-connect/ComposedModal/ComposedModal.figma.tsx

@@ -37,7 +37,6 @@ figma.connect(
       }),
     },
     example: ({
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
       size,
       title,
       label,
@@ -46,7 +45,7 @@ figma.connect(
       descriptionText,
       progress,
     }) => {
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars , react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
+      // eslint-disable-next-line react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
       const [open, setOpen] = useState(true);
       return (
         <ComposedModal open onClose={() => setOpen(false)}>

packages/react/code-connect/ContainedList/ContainedList.figma.tsx

@@ -9,7 +9,6 @@
 import React from 'react';
 import { ContainedList } from '@carbon/react';
 import figma from '@figma/code-connect';
-// eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
 import { title } from 'process';
 
 const sharedContainedListProps = {

packages/react/code-connect/DataTable/DataTable.figma.tsx

@@ -59,7 +59,6 @@ figma.connect(
     example: ({
       headerItem,
       headerRow,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
       headerRowItems,
       rowItems,
       pagination,
@@ -94,7 +93,6 @@ figma.connect(
     example: ({
       headerItem,
       headerRow,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
       headerRowItems,
       rowItems,
       pagination,
@@ -132,7 +130,6 @@ figma.connect(
     example: ({
       headerItem,
       headerRow,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
       headerRowItems,
       rowItems,
       pagination,
@@ -170,7 +167,6 @@ figma.connect(
     example: ({
       headerItem,
       headerRow,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
       headerRowItems,
       rowItems,
       pagination,
@@ -208,7 +204,6 @@ figma.connect(
     example: ({
       headerItem,
       headerRow,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
       headerRowItems,
       rowItems,
       pagination,

packages/react/code-connect/MenuButton/MenuButton.figma.tsx

@@ -41,7 +41,6 @@ figma.connect(
   'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=31420-317548&t=KXgYpEhuz2XzSITV-4',
   {
     props: sharedMenuButtonProps,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
     example: ({ size, children, menuAlignment, button }) => (
       <MenuButton
         size={size}
@@ -62,7 +61,6 @@ figma.connect(
   {
     variant: { Open: 'True' },
     props: sharedMenuButtonProps,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
     example: ({ size, children, menuAlignment, button, menu }) => (
       <MenuButton
         size={size}

packages/react/code-connect/StructuredList/StructuredList.figma.tsx

@@ -28,7 +28,6 @@ figma.connect(
       isFlush: figma.boolean('Flush'),
       rowItems: figma.children(['_Structured list row item']),
     },
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
     example: ({ isFlush, headerRowItem, rowItems, isCondensed }) => (
       <StructuredListWrapper isFlush={isFlush} isCondensed={isCondensed}>
         <StructuredListHead>{headerRowItems}</StructuredListHead>
@@ -50,8 +49,6 @@ figma.connect(
       headerRowItems: figma.children(['_Structured list header row item']),
       rowItems: figma.children(['_Structured list row item - Selectable']),
     },
-    //
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
     example: ({ headerRowItem, rowItems, isCondensed }) => (
       <StructuredListWrapper selection isCondensed={isCondensed}>
         <StructuredListHead>{headerRowItems}</StructuredListHead>

packages/react/code-connect/Toggletip/Toggletip.figma.tsx

@@ -37,7 +37,6 @@ figma.connect(
       }),
       // information: figma.instance('Information'), look at this once icons are connected
     },
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
     example: ({ align, toggletip }) => (
       <>
         <ToggletipLabel>Toggletip label</ToggletipLabel>

packages/react/src/components/AILabel/index.tsx

@@ -29,10 +29,10 @@ import type {
 
 export type AILabelContentProps = React.HTMLAttributes<HTMLSpanElement>;
 
-export const AILabelContent = React.forwardRef(function AILabelContent(
-  { className, children }: AILabelContentProps,
-  ref // eslint-disable-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-) {
+export const AILabelContent = ({
+  className,
+  children,
+}: AILabelContentProps) => {
   const prefix = usePrefix();
 
   const aiLabelContentClasses = cx(className, {
@@ -45,7 +45,7 @@ export const AILabelContent = React.forwardRef(function AILabelContent(
       {children}
     </ToggletipContent>
   );
-});
+};
 
 AILabelContent.displayName = 'AILabelContent';
 AILabelContent.propTypes = {
@@ -62,10 +62,10 @@ AILabelContent.propTypes = {
 
 export type AILabelActionsProps = React.HTMLAttributes<HTMLSpanElement>;
 
-export const AILabelActions = React.forwardRef(function AILabelActions(
-  { className, children }: AILabelActionsProps,
-  ref // eslint-disable-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-) {
+export const AILabelActions = ({
+  className,
+  children,
+}: AILabelActionsProps) => {
   const prefix = usePrefix();
 
   const aiLabelActionsClasses = cx(className, {
@@ -77,7 +77,7 @@ export const AILabelActions = React.forwardRef(function AILabelActions(
       {children}
     </ToggletipActions>
   );
-});
+};
 
 AILabelActions.displayName = 'AILabelActions';
 AILabelActions.propTypes = {

packages/react/src/components/Button/Button.tsx

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -179,7 +179,6 @@ const Button: ButtonComponent = React.forwardRef(
     const iconOnlyImage = !ButtonImageElement ? null : <ButtonImageElement />;
 
     if (!isIconOnlyButton(hasIconOnly, kind)) {
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       const { tooltipAlignment, ...propsWithoutTooltipAlignment } = props;
       return <ButtonBase ref={ref} {...propsWithoutTooltipAlignment} />;
     } else {

packages/react/src/components/ComboBox/ComboBox.tsx

@@ -870,8 +870,7 @@ const ComboBox = forwardRef(
       initialSelectedItem: initialSelectedItem,
       inputId: id,
       stateReducer,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-      isItemDisabled(item, _index) {
+      isItemDisabled(item) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
         return (item as any)?.disabled;
       },
@@ -1237,8 +1236,8 @@ const ComboBox = forwardRef(
                     // instead match the old behavior of placing the disabled attribute.
                     const disabled = itemProps['aria-disabled'];
                     const {
-                      'aria-disabled': unusedAriaDisabled, // eslint-disable-line @typescript-eslint/no-unused-vars
-                      'aria-selected': unusedAriaSelected, // eslint-disable-line @typescript-eslint/no-unused-vars
+                      'aria-disabled': unusedAriaDisabled,
+                      'aria-selected': unusedAriaSelected,
                       ...modifiedItemProps
                     } = itemProps;
 

packages/react/src/components/DataTable/DataTable.tsx

@@ -6,7 +6,7 @@
  */
 
 import PropTypes from 'prop-types';
-import React, { // eslint-disable-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
+import {
   useEffect,
   useMemo,
   useState,

packages/react/src/components/DataTable/TableRow.tsx

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -30,13 +30,13 @@ const TableRow = frFn((props, ref) => {
   // Remove unnecessary props if provided to this component, these are
   // only useful in `TableExpandRow`
   const {
-    ariaLabel, // eslint-disable-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-    'aria-label': ariaLabelAlt, // eslint-disable-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-    'aria-controls': ariaControls, // eslint-disable-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-    onExpand, // eslint-disable-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-    isExpanded, // eslint-disable-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
+    ariaLabel,
+    'aria-label': ariaLabelAlt,
+    'aria-controls': ariaControls,
+    onExpand,
+    isExpanded,
     isSelected,
-    expandHeader, // eslint-disable-line @typescript-eslint/no-unused-vars
+    expandHeader,
     ...cleanProps
   } = props;
 

packages/react/src/components/Dropdown/Dropdown.tsx

@@ -381,8 +381,7 @@ const Dropdown = React.forwardRef(
       [onChange]
     );
 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-    const isItemDisabled = useCallback((item, _index) => {
+    const isItemDisabled = useCallback((item) => {
       const isObject = item !== null && typeof item === 'object';
       return isObject && 'disabled' in item && item.disabled === true;
     }, []);

packages/react/src/components/Grid/CSSGrid.tsx

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -11,7 +11,6 @@ import React from 'react';
 import { usePrefix } from '../../internal/usePrefix';
 import { GridSettings, useGridSettings } from './GridContext';
 import { GridComponent, GridBaseProps } from './GridTypes';
-import { PolymorphicComponentPropWithRef } from '../../internal/PolymorphicProps';
 
 // eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const CSSGrid = React.forwardRef<
@@ -137,9 +136,6 @@ interface SubgridBaseProps {
   mode?: SubgridMode;
 }
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-type SubgridProps<T extends React.ElementType = 'div'> =
-  PolymorphicComponentPropWithRef<T, SubgridBaseProps>;
 // eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const Subgrid = React.forwardRef<
   // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452

packages/react/src/components/IconIndicator/index.tsx

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -81,14 +81,7 @@ export interface IconIndicatorProps {
 // eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 export const IconIndicator = React.forwardRef(
   (
-    {
-      className: customClassName,
-      kind,
-      label,
-      size = 16,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-      ...rest
-    }: IconIndicatorProps,
+    { className: customClassName, kind, label, size = 16 }: IconIndicatorProps,
     ref: React.Ref<HTMLDivElement>
   ) => {
     const prefix = usePrefix();