@carbon/react 1.92.1 → 1.93.0

package/lib/components/Dropdown/Dropdown.d.ts

@@ -7,7 +7,7 @@
 import React, { type HTMLAttributes, type ReactNode, type Ref } from 'react';
 import { UseSelectProps } from 'downshift';
 import { type ListBoxMenuIconTranslationKey, type ListBoxSize, type ListBoxType } from '../ListBox';
-import { TranslateWithId } from '../../types/common';
+import type { TranslateWithId } from '../../types/common';
 type ExcludedAttributes = 'id' | 'onChange';
 export interface OnChangeData<ItemType> {
     selectedItem: ItemType | null;

package/lib/components/Dropdown/Dropdown.js

@@ -142,7 +142,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
         }
       });
     }
-    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, [floatingStyles, autoAlign, refs.floating]);
   const prefix = usePrefix.usePrefix();
   const {
@@ -158,7 +158,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     }
   }, [onChange]);
 
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
   const isItemDisabled = React.useCallback((item, _index) => {
     const isObject = item !== null && typeof item === 'object';
     return isObject && 'disabled' in item && item.disabled === true;
@@ -168,7 +168,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
       highlightedIndex
     } = changes;
     if (highlightedIndex !== undefined && highlightedIndex > -1 &&
-    // eslint-disable-next-line valid-typeof , no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line valid-typeof , no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20452
     typeof window !== undefined) {
       const itemArray = document.querySelectorAll(`li.${prefix}--list-box__menu-item[role="option"]`);
       const highlightedItem = itemArray[highlightedIndex];
@@ -191,7 +191,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     onHighlightedIndexChange,
     ...downshiftProps
   }),
-  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   [items, itemToString, initialSelectedItem, onSelectedItemChange, stateReducer, isItemDisabled, onHighlightedIndexChange, downshiftProps]);
   const dropdownInstanceId = useId.useId();
 
@@ -283,7 +283,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
       toggleButtonProps.onKeyDown(evt);
     }
   },
-  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   [isTyping, currTimer, toggleButtonProps]);
   const readOnlyEventHandlers = React.useMemo(() => {
     if (readOnly) {
@@ -317,7 +317,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
   const candidateIsAILabel = utils.isComponentElement(candidate, index$1.AILabel);
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/React.cloneElement(candidate, {
     size: 'mini'
-  }) : null;
+  }) : candidate;
   const allLabelProps = getLabelProps();
   const labelProps = /*#__PURE__*/React.isValidElement(titleText) ? {
     id: allLabelProps.id
@@ -358,7 +358,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
   }), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--list-box__label`
   }, selectedItem ? renderSelectedItem ? renderSelectedItem(selectedItem) : itemToString(selectedItem) :
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   label), /*#__PURE__*/React.createElement(index$2.default.MenuIcon, {
     isOpen: isOpen,
     translateWithId: translateWithId
@@ -515,7 +515,7 @@ Dropdown.propTypes = {
    */
   titleText: PropTypes.node.isRequired,
   /**
-   * Callback function for translating ListBoxMenuIcon SVG title
+   * Translates component strings using your i18n tool.
    */
   translateWithId: PropTypes.func,
   /**

package/lib/components/ErrorBoundary/ErrorBoundaryContext.js

@@ -11,7 +11,7 @@ var React = require('react');
 
 const ErrorBoundaryContext = /*#__PURE__*/React.createContext({
   log(error, info) {
-    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452
     console.log(info.componentStack);
   }
 });

package/lib/components/FileUploader/FileUploader.js

@@ -24,7 +24,7 @@ require('../Text/TextDirection.js');
 var useId = require('../../internal/useId.js');
 var index = require('../FeatureFlags/index.js');
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const FileUploader = /*#__PURE__*/React.forwardRef(({
   accept,
   buttonKind,
@@ -49,7 +49,7 @@ const FileUploader = /*#__PURE__*/React.forwardRef(({
   const [fileItems, setFileItems] = React.useState([]);
   const [legacyFileNames, setLegacyFileNames] = React.useState([]);
 
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
   const [fileObjects, setFileObjects] = React.useState(new Map());
   const nodes = [];
   const createFileItem = file => ({
@@ -103,7 +103,7 @@ const FileUploader = /*#__PURE__*/React.forwardRef(({
       }
     }
   },
-  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   [enhancedFileUploaderEnabled, fileItems, legacyFileNames, multiple, onChange]);
   const handleClick = React.useCallback((evt, {
     index,
@@ -160,7 +160,7 @@ const FileUploader = /*#__PURE__*/React.forwardRef(({
       uploaderButton.current?.focus?.();
     }
   },
-  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   [enhancedFileUploaderEnabled, fileItems, legacyFileNames, onDelete, onChange, onClick]);
   React.useImperativeHandle(ref, () => ({
     clearFiles() {

package/lib/components/FileUploader/FileUploaderButton.js

@@ -40,7 +40,7 @@ function FileUploaderButton({
   const prefix = usePrefix.usePrefix();
   const [labelText, setLabelText] = React.useState(ownerLabelText);
   const [prevOwnerLabelText, setPrevOwnerLabelText] = React.useState(ownerLabelText);
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const {
     current: inputId
   } = React.useRef(id || useId.useId());

package/lib/components/FileUploader/FileUploaderDropContainer.js

@@ -37,7 +37,7 @@ function FileUploaderDropContainer({
 }) {
   const prefix = usePrefix.usePrefix();
   const inputRef = React.useRef(null);
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const {
     current: uid
   } = React.useRef(id || useId.useId());

package/lib/components/FileUploader/FileUploaderItem.js

@@ -40,7 +40,7 @@ function FileUploaderItem({
   const textRef = React.useRef(null);
   const [isEllipsisApplied, setIsEllipsisApplied] = React.useState(false);
   const prefix = usePrefix.usePrefix();
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const {
     current: id
   } = React.useRef(uuid || useId.useId());
@@ -54,7 +54,7 @@ function FileUploaderItem({
     return name?.replace(/\s+/g, '');
   };
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   const isEllipsisActive = element => {
     setIsEllipsisApplied(element.offsetWidth < element.scrollWidth);
     return element.offsetWidth < element.scrollWidth;

package/lib/components/FluidComboBox/FluidComboBox.d.ts

@@ -1,17 +1,18 @@
 /**
- * Copyright IBM Corp. 2022
+ * Copyright IBM Corp. 2022, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { ComponentType } from 'react';
+import React, { ComponentType, type ComponentProps } from 'react';
+import ComboBox from '../ComboBox';
 import { ComboBoxProps } from '../ComboBox/ComboBox';
 type ItemToStringHandler<ItemType> = (item: ItemType | null) => string;
 interface OnChangeData<ItemType> {
     selectedItem: ItemType | null | undefined;
     inputValue?: string | null;
 }
-export interface FluidComboBoxProps<ItemType> extends ComboBoxProps<ItemType> {
+export interface FluidComboBoxProps<ItemType> extends ComboBoxProps<ItemType>, Pick<ComponentProps<typeof ComboBox>, 'translateWithId'> {
     /**
      * Specify an optional className to be applied to the outer FluidForm wrapper
      */
@@ -85,10 +86,6 @@ export interface FluidComboBoxProps<ItemType> extends ComboBoxProps<ItemType> {
      * visiting this control
      */
     titleText?: React.ReactNode;
-    /**
-     * Callback function for translating ListBoxMenuIcon SVG title
-     */
-    translateWithId?: (id: string) => string;
     /**
      * Specify whether the control is currently in warning state
      */

package/lib/components/FluidComboBox/FluidComboBox.js

@@ -110,7 +110,7 @@ FluidComboBox.propTypes = {
    */
   titleText: PropTypes.node,
   /**
-   * Callback function for translating ListBoxMenuIcon SVG title
+   * Translates component strings using your i18n tool.
    */
   translateWithId: PropTypes.func,
   /**

package/lib/components/FluidDropdown/FluidDropdown.d.ts

@@ -1,15 +1,15 @@
 /**
- * Copyright IBM Corp. 2022
+ * Copyright IBM Corp. 2022, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
-import { DropdownProps } from '../Dropdown';
+import React, { type ComponentProps } from 'react';
+import Dropdown, { DropdownProps } from '../Dropdown';
 export interface OnChangeData<ItemType> {
     selectedItem: ItemType | null;
 }
-export interface FluidDropdownProps<ItemType> extends DropdownProps<ItemType> {
+export interface FluidDropdownProps<ItemType> extends DropdownProps<ItemType>, Pick<ComponentProps<typeof Dropdown>, 'translateWithId'> {
     /**
      * Specify an optional className to be applied to the outer FluidForm wrapper
      */
@@ -84,10 +84,6 @@ export interface FluidDropdownProps<ItemType> extends DropdownProps<ItemType> {
      * visiting this control
      */
     titleText: React.ReactNode;
-    /**
-     * Callback function for translating ListBoxMenuIcon SVG title
-     */
-    translateWithId?: (id: string) => string;
     /**
      * Specify whether the control is currently in warning state
      */

package/lib/components/FluidDropdown/FluidDropdown.js

@@ -111,7 +111,7 @@ FluidDropdown.propTypes = {
    */
   titleText: PropTypes.node,
   /**
-   * Callback function for translating ListBoxMenuIcon SVG title
+   * Translates component strings using your i18n tool.
    */
   translateWithId: PropTypes.func,
   /**

package/lib/components/FluidMultiSelect/FluidFilterableMultiSelect.d.ts

@@ -4,13 +4,13 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { FunctionComponent } from 'react';
+import React, { FunctionComponent, type ComponentProps } from 'react';
 import type { UseComboboxProps, UseMultipleSelectionProps } from 'downshift';
-import { type FilterableMultiSelectProps } from '../MultiSelect';
+import { type FilterableMultiSelectProps, type MultiSelect } from '../MultiSelect';
 interface OnChangeData<ItemType> {
     selectedItems: ItemType[] | null;
 }
-export interface FluidFilterableMultiSelectProps<ItemType> extends FilterableMultiSelectProps<ItemType> {
+export interface FluidFilterableMultiSelectProps<ItemType> extends FilterableMultiSelectProps<ItemType>, Pick<ComponentProps<typeof MultiSelect>, 'translateWithId'> {
     /**
      * Specify an optional className to be applied to the outer FluidForm wrapper
      */
@@ -123,10 +123,6 @@ export interface FluidFilterableMultiSelectProps<ItemType> extends FilterableMul
      * visiting this control
      */
     titleText?: React.ReactNode;
-    /**
-     * Callback function for translating ListBoxMenuIcon SVG title
-     */
-    translateWithId?: (id: string) => string;
     /**
      * Specify title to show title on hover
      */

package/lib/components/FluidMultiSelect/FluidMultiSelect.d.ts

@@ -4,13 +4,13 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
-import { type MultiSelectProps } from '../MultiSelect';
+import React, { type ComponentProps } from 'react';
+import { MultiSelect, type MultiSelectProps } from '../MultiSelect';
 import { UseSelectProps } from 'downshift';
 interface OnChangeData<ItemType> {
     selectedItems: ItemType[] | null;
 }
-export interface FluidMultiSelectProps<ItemType> extends MultiSelectProps<ItemType> {
+export interface FluidMultiSelectProps<ItemType> extends MultiSelectProps<ItemType>, Pick<ComponentProps<typeof MultiSelect>, 'translateWithId'> {
     /**
      * Specify an optional className to be applied to the outer FluidForm wrapper
      */
@@ -128,10 +128,6 @@ export interface FluidMultiSelectProps<ItemType> extends MultiSelectProps<ItemTy
      * visiting this control
      */
     titleText?: React.ReactNode;
-    /**
-     * Callback function for translating ListBoxMenuIcon SVG title
-     */
-    translateWithId?: (id: string) => string;
     /**
      * Specify title to show title on hover
      */

package/lib/components/FluidMultiSelect/FluidMultiSelect.js

@@ -34,14 +34,14 @@ const FluidMultiSelect = /*#__PURE__*/React.forwardRef(function FluidMultiSelect
     }
   }, isFilterable ?
   /*#__PURE__*/
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
   // @ts-ignore
   React.createElement(FilterableMultiSelect.FilterableMultiSelect, _rollupPluginBabelHelpers.extends({
     ref: ref,
     className: classNames
   }, other)) :
   /*#__PURE__*/
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
   // @ts-ignore
   React.createElement(MultiSelect.MultiSelect, _rollupPluginBabelHelpers.extends({
     ref: ref,
@@ -193,7 +193,7 @@ FluidMultiSelect.propTypes = {
    */
   titleText: PropTypes.node,
   /**
-   * Callback function for translating ListBoxMenuIcon SVG title
+   * Translates component strings using your i18n tool.
    */
   translateWithId: PropTypes.func,
   /**

package/lib/components/FluidNumberInput/FluidNumberInput.d.ts

@@ -1,12 +1,13 @@
 /**
- * Copyright IBM Corp. 2022
+ * Copyright IBM Corp. 2022, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
+import React, { type ComponentProps } from 'react';
+import { NumberInput } from '../NumberInput';
 import { type NumberFormatOptions } from '@carbon/utilities';
-export interface FluidNumberInputProps {
+export interface FluidNumberInputProps extends Pick<ComponentProps<typeof NumberInput>, 'translateWithId'> {
     /**
      * `true` to allow empty string.
      */
@@ -108,10 +109,6 @@ export interface FluidNumberInputProps {
      * Specify how much the values should increase/decrease upon clicking on up/down button
      */
     step?: number;
-    /**
-     * Provide custom text for the component for each translation id
-     */
-    translateWithId?: (id: string) => string;
     /**
      * **Experimental**: Specify if the input should be of type text or number.
      * Use type="text" with `locale`, `formatOptions`, and guide user input with

package/lib/components/FluidNumberInput/FluidNumberInput.js

@@ -19,7 +19,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');
 var NumberFormatPropTypes = require('../NumberInput/NumberFormatPropTypes.js');
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const FluidNumberInput = /*#__PURE__*/React.forwardRef(({
   className,
   ...other
@@ -132,7 +132,7 @@ FluidNumberInput.propTypes = {
    */
   step: PropTypes.number,
   /**
-   * Provide custom text for the component for each translation id
+   * Translates component strings using your i18n tool.
    */
   translateWithId: PropTypes.func,
   /**

package/lib/components/FluidSearch/FluidSearch.js

@@ -18,7 +18,7 @@ require('../Search/Search.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const FluidSearch = /*#__PURE__*/React.forwardRef(({
   className,
   ...other

package/lib/components/FluidSelect/FluidSelect.js

@@ -18,7 +18,7 @@ require('../Select/Select.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const FluidSelect = /*#__PURE__*/React.forwardRef(({
   className,
   children,

package/lib/components/FluidTextInput/FluidTextInput.js

@@ -20,7 +20,7 @@ var PasswordInput = require('../TextInput/PasswordInput.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const FluidTextInput = /*#__PURE__*/React.forwardRef(({
   className,
   isPassword,

package/lib/components/FluidTimePicker/FluidTimePicker.js

@@ -19,7 +19,7 @@ require('../FluidTextInput/FluidTextInput.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var iconsReact = require('@carbon/icons-react');
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const FluidTimePicker = /*#__PURE__*/React.forwardRef(({
   className,
   children,
@@ -52,7 +52,7 @@ const FluidTimePicker = /*#__PURE__*/React.forwardRef(({
     if (disabled) {
       return React.Children.toArray(children).map(child =>
       /*#__PURE__*/
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
       React.cloneElement(child, {
         disabled: true
       }));
@@ -60,7 +60,7 @@ const FluidTimePicker = /*#__PURE__*/React.forwardRef(({
     if (readOnly) {
       return React.Children.toArray(children).map(child =>
       /*#__PURE__*/
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
       React.cloneElement(child, {
         readOnly: true
       }));

package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js

@@ -15,7 +15,7 @@ var PropTypes = require('prop-types');
 var FluidSelect = require('../FluidSelect/FluidSelect.js');
 require('../FluidSelect/FluidSelect.Skeleton.js');
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const FluidTimePickerSelect = /*#__PURE__*/React.forwardRef(({
   children,
   className,

package/lib/components/Grid/CSSGrid.js

@@ -14,7 +14,7 @@ var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var GridContext = require('./GridContext.js');
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const CSSGrid = /*#__PURE__*/React.forwardRef(({
   align,
   as,
@@ -98,9 +98,9 @@ CSSGrid.propTypes = {
   narrow: PropTypes.bool
 };
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const Subgrid = /*#__PURE__*/React.forwardRef(({
   as,
   className: customClassName,

package/lib/components/Grid/Column.js

@@ -36,7 +36,7 @@ function _interopNamespaceDefault(e) {
 
 var FeatureFlags__namespace = /*#__PURE__*/_interopNamespaceDefault(FeatureFlags);
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const Column = /*#__PURE__*/React.forwardRef(({
   as,
   children,
@@ -139,7 +139,7 @@ Column.propTypes = {
   xlg: spanPropType
 };
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any , react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line @typescript-eslint/no-explicit-any , react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const CSSGridColumn = /*#__PURE__*/React.forwardRef(({
   as: BaseComponent = 'div',
   children,

package/lib/components/Grid/ColumnHang.js

@@ -26,7 +26,7 @@ function ColumnHang({
   const prefix = usePrefix.usePrefix();
   const className = cx(customClassName, `${prefix}--grid-column-hang`);
   // cast as any to let TypeScript allow passing in attributes to base component
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   const BaseComponentAsAny = BaseComponent;
   return /*#__PURE__*/React.createElement(BaseComponentAsAny, _rollupPluginBabelHelpers.extends({}, rest, {
     className: className

package/lib/components/Grid/FlexGrid.js

@@ -14,7 +14,7 @@ var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var GridContext = require('./GridContext.js');
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const FlexGrid = /*#__PURE__*/React.forwardRef(({
   as,
   condensed = false,

package/lib/components/Grid/Row.js

@@ -30,7 +30,7 @@ function Row({
     [`${prefix}--row--narrow`]: narrow
   });
   // TypeScript type validation reports conflicts on different instances of keyof JSX.IntrinsicElements
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   const BaseComponentAsAny = BaseComponent;
   return /*#__PURE__*/React.createElement(BaseComponentAsAny, _rollupPluginBabelHelpers.extends({
     className: className

package/lib/components/Heading/index.js

@@ -19,7 +19,7 @@ const Section = /*#__PURE__*/React.forwardRef(function Section({
 }, ref) {
   const parentLevel = React.useContext(HeadingContext);
   const level = levelOverride ?? parentLevel + 1;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   const BaseComponentAsAny = BaseComponent;
   return /*#__PURE__*/React.createElement(HeadingContext.Provider, {
     value: Math.min(level, 6)
@@ -46,7 +46,7 @@ Section.propTypes = {
    */
   level: PropTypes.number
 };
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const Heading = /*#__PURE__*/React.forwardRef((props, ref) => {
   const HeadingIntrinsic = `h${React.useContext(HeadingContext)}`;
   return /*#__PURE__*/React.createElement(HeadingIntrinsic, _rollupPluginBabelHelpers.extends({

package/lib/components/IconButton/index.js

@@ -21,7 +21,7 @@ var index = require('../BadgeIndicator/index.js');
 var mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
 
 const IconButtonKinds = ['primary', 'secondary', 'ghost', 'tertiary'];
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const IconButton = /*#__PURE__*/React.forwardRef(({
   align,
   autoAlign = false,
@@ -47,7 +47,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(({
     [`${prefix}--icon-tooltip--disabled`]: disabled
   });
   if (badgeCount && (kind !== 'ghost' || size !== 'lg')) {
-    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452
     console.warn("The prop BadgeCount must be used with hasIconOnly=true, kind='ghost' and size='lg'");
   }
   const badgeId = useId.useId('badge-indicator');

package/lib/components/IconIndicator/index.js

@@ -30,13 +30,13 @@ const iconTypes = {
   unknown: iconsReact.UnknownFilled,
   informative: iconsReact.WarningSquareFilled
 };
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const IconIndicator = /*#__PURE__*/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/20071
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
   ...rest
 }, ref) => {
   const prefix = usePrefix.usePrefix();

package/lib/components/InlineCheckbox/InlineCheckbox.js

@@ -15,7 +15,7 @@ var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const InlineCheckbox = /*#__PURE__*/React.forwardRef((props, forwardRef) => {
   const {
     ['aria-label']: ariaLabel,

package/lib/components/Layout/index.js

@@ -24,7 +24,7 @@ const densities = ['condensed', 'normal'];
  * Size of components within this layout
  */
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const Layout = /*#__PURE__*/React.forwardRef(({
   as: BaseComponent = 'div',
   children,
@@ -67,7 +67,7 @@ Layout.propTypes = {
    */
   size: PropTypes.oneOf(sizes)
 };
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const LayoutConstraint = /*#__PURE__*/React.forwardRef(({
   as: BaseComponent = 'div',
   children,

package/lib/components/LayoutDirection/LayoutDirection.js

@@ -12,7 +12,7 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var LayoutDirectionContext = require('./LayoutDirectionContext.js');
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
 
 function LayoutDirection({
   as: BaseComponent = 'div',