@carbon/react 1.92.0 → 1.93.0-rc.0

package/es/components/StructuredList/StructuredList.js

@@ -150,7 +150,7 @@ function StructuredListRow(props) {
     ...other
   } = props;
   const [hasFocusWithin, setHasFocusWithin] = useState(false);
-  // 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 rowId = id ?? useId('grid-input');
   const selectedRow = React.useContext(GridSelectedRowStateContext);
   const setSelectedRow = React.useContext(GridSelectedRowDispatchContext);
@@ -184,7 +184,7 @@ function StructuredListRow(props) {
     ref: itemRef,
     onClick: event => {
       setSelectedRow?.(rowId);
-      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452
       onClick && onClick(event);
       if (selection) {
         // focus items only when selection is enabled
@@ -264,7 +264,7 @@ function StructuredListInput(props) {
     value: row?.id ?? '',
     onChange: event => {
       setSelectedRow?.(event.target.value);
-      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452
       onChange && onChange(event);
     },
     id: id ?? defaultId,

package/es/components/Tabs/Tabs.js

@@ -78,7 +78,7 @@ function Tabs({
 }) {
   const baseId = useId('ccs');
   if (dismissable && !onTabCloseRequest) {
-    // 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.error('dismissable property specified without also providing an onTabCloseRequest property.');
   }
   // The active index is used to track the element which has focus in our tablist
@@ -273,7 +273,7 @@ function TabList({
   let hasSecondaryLabelTabs = false;
   if (contained) {
     hasSecondaryLabelTabs = React.Children.toArray(children).some(child => {
-      // 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 _child = child;
       return /*#__PURE__*/React.isValidElement(child) && !!_child.props.secondaryLabel;
     });
@@ -387,7 +387,7 @@ function TabList({
         inline: 'nearest'
       });
     }
-    // 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
   }, []);
   useEffect(() => {
     //adding 1 in calculation for firefox support
@@ -408,7 +408,7 @@ function TabList({
         setSelectedIndex(tabs.current.indexOf(tab));
       }
     }
-    // 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
   }, []);
   useIsomorphicEffect(() => {
     if (ref.current) {
@@ -496,7 +496,7 @@ function TabList({
         contained
       }
     }, /*#__PURE__*/React.cloneElement(
-    // 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
     child, {
       ref: node => {
         tabs.current[index] = node;
@@ -631,7 +631,7 @@ function TabListVertical({
         setSelectedIndex(tabs.current.indexOf(tab));
       }
     }
-    // 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
   }, []);
   useEffect(() => {
     function handler() {
@@ -642,7 +642,7 @@ function TabListVertical({
       if (containerTop && containerHeight) {
         // scrolls so selected tab is in view
         if (selectedPositionTop - halfTabHeight < containerTop || selectedPositionTop - containerTop + verticalTabHeight + halfTabHeight > containerHeight) {
-          // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20071
+          // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452
           ref.current && ref.current.scrollTo({
             top: (selectedIndex - 1) * verticalTabHeight,
             behavior: 'smooth'
@@ -698,7 +698,7 @@ function TabListVertical({
         hasSecondaryLabel: false
       }
     }, /*#__PURE__*/React.cloneElement(
-    // 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
     child, {
       ref: node => {
         tabs.current[index] = node;
@@ -775,7 +775,7 @@ function createLongPressBehavior(ref, direction, setScrollLeft) {
  * Tab
  */
 
-// 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 Tab = /*#__PURE__*/forwardRef(({
   as = 'button',
   children,
@@ -811,7 +811,7 @@ const Tab = /*#__PURE__*/forwardRef(({
   const panelId = `${baseId}-tabpanel-${index}`;
   const [isEllipsisApplied, setIsEllipsisApplied] = useState(false);
 
-  // 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.offsetHeight < element.scrollHeight);
     return element.offsetHeight < element.scrollHeight;
@@ -1031,7 +1031,7 @@ Tab.propTypes = {
  */
 
 const IconTabContext = /*#__PURE__*/createContext(false);
-// 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 IconTab = /*#__PURE__*/React.forwardRef(({
   badgeIndicator,
   children,
@@ -1103,7 +1103,7 @@ IconTab.propTypes = {
  * TabPanel
  */
 
-// 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 TabPanel = /*#__PURE__*/React.forwardRef(({
   children,
   className: customClassName,

package/es/components/Tag/DismissibleTag.js

@@ -24,7 +24,7 @@ import { AILabel } from '../AILabel/index.js';
 import { isComponentElement } from '../../internal/utils.js';
 
 var _Close;
-// 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 DismissibleTag = /*#__PURE__*/forwardRef(({
   className,
   decorator,
@@ -44,7 +44,7 @@ const DismissibleTag = /*#__PURE__*/forwardRef(({
 }, forwardRef) => {
   const prefix = usePrefix();
   const tagLabelRef = 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 tagId = id || `tag-${useId()}`;
   const tagClasses = cx(`${prefix}--tag--filter`, className);
   const [isEllipsisApplied, setIsEllipsisApplied] = useState(false);
@@ -64,7 +64,7 @@ const DismissibleTag = /*#__PURE__*/forwardRef(({
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/cloneElement(candidate, {
     size: 'sm',
     kind: 'inline'
-  }) : null;
+  }) : candidate;
   const tooltipClasses = cx(`${prefix}--icon-tooltip`, `${prefix}--tag-label-tooltip`);
 
   // Removing onClick from the spread operator

package/es/components/Tag/OperationalTag.js

@@ -31,7 +31,7 @@ const TYPES = {
   'cool-gray': 'Cool-Gray',
   'warm-gray': 'Warm-Gray'
 };
-// 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 OperationalTag = /*#__PURE__*/forwardRef(({
   className,
   disabled,
@@ -44,7 +44,7 @@ const OperationalTag = /*#__PURE__*/forwardRef(({
 }, forwardRef) => {
   const prefix = usePrefix();
   const tagRef = 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 tagId = id || `tag-${useId()}`;
   const tagClasses = cx(`${prefix}--tag--operational`, className);
   const [isEllipsisApplied, setIsEllipsisApplied] = useState(false);

package/es/components/Tag/SelectableTag.js

@@ -20,7 +20,7 @@ import { isEllipsisActive } from './isEllipsisActive.js';
 import { mergeRefs } from '../../tools/mergeRefs.js';
 import { useControllableState } from '../../internal/useControllableState.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 SelectableTag = /*#__PURE__*/forwardRef(({
   className,
   disabled,
@@ -36,7 +36,7 @@ const SelectableTag = /*#__PURE__*/forwardRef(({
 }, forwardRef) => {
   const prefix = usePrefix();
   const tagRef = 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 tagId = id || `tag-${useId()}`;
   const [selectedTag, setSelectedTag] = useControllableState({
     value: selected,

package/es/components/Tag/Tag.js

@@ -42,7 +42,7 @@ const SIZES = {
   md: 'md',
   lg: 'lg'
 };
-// 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 TagBase = /*#__PURE__*/React.forwardRef(({
   children,
   className,
@@ -65,15 +65,15 @@ const TagBase = /*#__PURE__*/React.forwardRef(({
   const prefix = usePrefix();
   const tagRef = useRef(null);
   if (filter) {
-    // 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 `filter` prop for Tag has been deprecated and will be removed in the next major version. Use DismissibleTag instead.');
   }
   if (onClose) {
-    // 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 `onClose` prop for Tag has been deprecated and will be removed in the next major version. Use DismissibleTag instead.');
   }
   const ref = useMergedRefs([forwardRef, tagRef]);
-  // 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 tagId = id || `tag-${useId()}`;
   const [isEllipsisApplied, setIsEllipsisApplied] = useState(false);
   useLayoutEffect(() => {

package/es/components/Tag/isEllipsisActive.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-// 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 => {
   if (element) {
     return element?.offsetWidth < element?.scrollWidth;

package/es/components/Text/Text.js

@@ -10,7 +10,7 @@ import PropTypes from 'prop-types';
 import React, { useContext, Children } from 'react';
 import { TextDirectionContext } from './TextDirectionContext.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 TextBase = /*#__PURE__*/React.forwardRef(({
   as,
   children,

package/es/components/TextArea/TextArea.js

@@ -287,7 +287,7 @@ const TextArea = frFn((props, forwardRef) => {
   const candidateIsAILabel = isComponentElement(candidate, AILabel);
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/cloneElement(candidate, {
     size: 'mini'
-  }) : null;
+  }) : candidate;
   return /*#__PURE__*/React.createElement("div", {
     className: formItemClasses
   }, /*#__PURE__*/React.createElement("div", {

package/es/components/TextInput/PasswordInput.js

@@ -61,7 +61,7 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(({
   } = useContext(FormContext);
   const handleTogglePasswordVisibility = event => {
     setInputType(inputType === 'password' ? 'text' : 'password');
-    // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452
     onTogglePasswordVisibility && onTogglePasswordVisibility(event);
   };
   const textInputClasses = cx(`${prefix}--text-input`, `${prefix}--password-input`, className, {
@@ -151,10 +151,10 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(({
     align = tooltipPosition;
   }
   if (!hidePasswordLabel || hidePasswordLabel.trim() === '') {
-    // 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('Warning: The "hidePasswordLabel" should not be blank.');
   } else if (!showPasswordLabel || showPasswordLabel.trim() === '') {
-    // 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('Warning: The "showPasswordLabel" should not be blank.');
   }
   const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _extends({}, getTextInputProps({
@@ -184,7 +184,7 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(({
     setInputType(type);
   }, [type]);
 
-  // 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 Icon = normalizedProps.icon;
   return /*#__PURE__*/React.createElement("div", {
     className: inputWrapperClasses

package/es/components/TextInput/TextInput.js

@@ -60,7 +60,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(({
   const [textCount, setTextCount] = useState(getInitialTextCount());
   useEffect(() => {
     setTextCount(getInitialTextCount());
-    // 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
   }, [value, defaultValue, enableCounter]);
   const normalizedProps = useNormalizedInputProps({
     id,
@@ -189,7 +189,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(({
       }
     }
   }, [ariaAnnouncement, prevAnnouncement]);
-  // 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 Icon = normalizedProps.icon;
 
   // AILabel is always size `mini`
@@ -197,7 +197,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(({
   const candidateIsAILabel = isComponentElement(candidate, AILabel);
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/cloneElement(candidate, {
     size: 'mini'
-  }) : null;
+  }) : candidate;
   return /*#__PURE__*/React.createElement("div", {
     className: inputWrapperClasses
   }, !inline ? labelWrapper : /*#__PURE__*/React.createElement("div", {

package/es/components/Theme/index.js

@@ -17,7 +17,7 @@ const ThemeContext = /*#__PURE__*/React.createContext({
   theme: 'white'
 });
 
-// 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 GlobalTheme = /*#__PURE__*/React.forwardRef(({
   children,
   theme
@@ -28,7 +28,7 @@ const GlobalTheme = /*#__PURE__*/React.forwardRef(({
     };
   }, [theme]);
   const childrenWithProps = /*#__PURE__*/React.cloneElement(
-  // 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
   children, {
     ref: ref
   });
@@ -71,7 +71,7 @@ function Theme({
       isDark
     };
   }, [theme]);
-  // 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(ThemeContext.Provider, {
     value: value

package/es/components/Tile/Tile.js

@@ -205,7 +205,7 @@ ClickableTile.propTypes = {
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
-// 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 SelectableTile = /*#__PURE__*/React.forwardRef(({
   children,
   className,
@@ -274,7 +274,7 @@ const SelectableTile = /*#__PURE__*/React.forwardRef(({
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/cloneElement(candidate, {
     size: 'xs',
     ref: decoratorRef
-  }) : null;
+  }) : candidate;
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/interactive-supports-focus
@@ -501,7 +501,7 @@ const ExpandableTile = /*#__PURE__*/React.forwardRef(({
   const candidateIsAILabel = isComponentElement(candidate, AILabel);
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/cloneElement(candidate, {
     size: 'xs'
-  }) : null;
+  }) : candidate;
   return interactive ? /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     className: interactiveClassNames

package/es/components/TimePicker/TimePicker.js

@@ -112,7 +112,7 @@ const TimePicker = frFn((props, ref) => {
       }
     };
     const mappedChildren = React.Children.map(children, pickerSelect => {
-      // 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 item = pickerSelect;
       if (item) {
         return /*#__PURE__*/React.cloneElement(item, {

package/es/components/Toggletip/index.js

@@ -27,7 +27,7 @@ function ToggletipLabel({
 }) {
   const prefix = usePrefix();
   const className = cx(`${prefix}--toggletip-label`, customClassName);
-  // 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, _extends({
     className: className
@@ -134,7 +134,7 @@ function Toggletip({
     const eventType = 'PointerEvent' in window ? 'pointerdown' : 'mousedown';
     const handleOutsideClick = event => {
       const node = event.target;
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
       if (open && node && !ref.current.contains(node)) {
         setOpen(false);
       }
@@ -167,7 +167,7 @@ function Toggletip({
 // Get all the properties from Popover except for "open".
 // The Typescript types for PropTypes are really messed up so we need lots of
 // casting.  It will be great when we can finally get rid of PropTypes altogether.
-// 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 {
   open,
   ...popoverNonOpenPropTypes
@@ -195,7 +195,7 @@ const ToggletipButton = /*#__PURE__*/React.forwardRef(function ToggletipButton({
   const toggletip = useToggletip();
   const prefix = usePrefix();
   const className = cx(`${prefix}--toggletip-button`, customClassName);
-  // 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 ComponentToggle = BaseComponent ?? 'button';
   if (ComponentToggle !== 'button') {
     return /*#__PURE__*/React.createElement(ComponentToggle, _extends({}, toggletip?.onClick, {

package/es/components/Tooltip/DefinitionTooltip.js

@@ -48,7 +48,7 @@ const DefinitionTooltip = ({
       setOpen(false);
     },
     onMouseEnter: () => {
-      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452
       openOnHover ? setOpen(true) : null;
     },
     onFocus: () => {

package/es/components/Tooltip/Tooltip.js

@@ -22,7 +22,7 @@ import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
  * Event types that trigger a "drag" to stop.
  */
 const DRAG_STOP_EVENT_TYPES = new Set(['mouseup', 'touchend', 'touchcancel']);
-// 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 Tooltip = /*#__PURE__*/React.forwardRef(({
   as,
   align = 'top',
@@ -70,7 +70,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
     'aria-describedby': describedBy
   };
 
-  // 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
   function getChildEventHandlers(childProps) {
     const eventHandlerFunctions = Object.keys(triggerProps).filter(prop => prop.startsWith('on'));
     const eventHandlers = {};
@@ -159,7 +159,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
   }, [isDragging, onDragStop]);
   return (
     /*#__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.createElement(Popover, _extends({
       as: as,
       ref: ref

package/es/components/TreeView/TreeNode.js

@@ -72,11 +72,11 @@ const useEllipsisCheck = (label, detailsWrapperRef) => {
       cancelAnimationFrame(animationFrameId);
       if (resizeObserver) {
         if (labelTextRef.current) {
-          // 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
           resizeObserver.unobserve(labelTextRef.current);
         }
         if (detailsWrapperRef.current) {
-          // 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
           resizeObserver.unobserve(detailsWrapperRef.current);
         }
         resizeObserver.disconnect();
@@ -128,7 +128,7 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
   } = useEllipsisCheck(label, detailsWrapperRef);
   const enableTreeviewControllable = useFeatureFlag('enable-treeview-controllable');
 
-  // 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
   } = useRef(nodeId || useId());
@@ -373,7 +373,7 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
     ref: currentNodeLabel
   }, children &&
   /*#__PURE__*/
-  // eslint-disable-next-line  jsx-a11y/no-static-element-interactions , jsx-a11y/click-events-have-key-events -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  jsx-a11y/no-static-element-interactions , jsx-a11y/click-events-have-key-events -- https://github.com/carbon-design-system/carbon/issues/20452
   React.createElement("span", {
     className: `${prefix}--tree-parent-node__toggle`,
     onClick: handleToggleClick
@@ -474,14 +474,14 @@ TreeNode.propTypes = {
   /**
    * A component used to render an icon.
    */
-  // 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
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * **Note:** this is controlled by the parent TreeView component, do not set manually.
    * Array containing all selected node IDs in the tree
    */
-  // 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
   selected: deprecate(PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), 'The `selected` prop for `TreeNode` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release.'),
   /**

package/es/components/TreeView/TreeView.js

@@ -33,13 +33,13 @@ const TreeView = ({
 }) => {
   const enableTreeviewControllable = useFeatureFlag('enable-treeview-controllable');
 
-  // 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: treeId
   } = useRef(rest.id || useId());
   const prefix = usePrefix();
   const treeClasses = cx(className, `${prefix}--tree`, {
-    // 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 - will always be false according to prop types
 
     [`${prefix}--tree--${size}`]: size !== 'default'
@@ -66,7 +66,7 @@ const TreeView = ({
     });
   }
 
-  // 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
   function handleTreeSelect(event, node) {
     const nodeId = node.id;
     if (nodeId) {
@@ -115,7 +115,7 @@ const TreeView = ({
     if (match(event, ArrowDown)) {
       nextFocusNode = treeWalker.current.nextNode();
     }
-    // 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 - `matches` doesn't like the object syntax without missing properties
     if (matches(event, [Home, End, {
       code: 'KeyA'
@@ -132,7 +132,7 @@ const TreeView = ({
           }
         }
       }
-      // 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 - `matches` doesn't like the object syntax without missing properties
       if (match(event, {
         code: 'KeyA'

package/es/components/UIShell/HeaderContainer.js

@@ -28,7 +28,7 @@ function HeaderContainer({
     setIsSideNavExpandedState(prevIsSideNavExpanded => !prevIsSideNavExpanded);
   }, [setIsSideNavExpandedState]);
   return /*#__PURE__*/React.createElement(Children
-  // 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
   , _extends({}, rest, {
     isSideNavExpanded: isSideNavExpandedState,
     onClickSideNavExpand: handleHeaderMenuButtonClick

package/es/components/UIShell/HeaderMenu.js

@@ -120,7 +120,7 @@ const HeaderMenu = frFn((props, ref) => {
    */
   const renderMenuItem = (item, index) => {
     if (/*#__PURE__*/isValidElement(item)) {
-      // 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
       return /*#__PURE__*/cloneElement(item, {
         ref: handleItemRef(index)
       });

package/es/components/UIShell/Link.js

@@ -17,11 +17,11 @@ const LinkBase = ({
   as: BaseComponent,
   // Captured here to prevent it from being passed into the created element.
   // See https://github.com/carbon-design-system/carbon/issues/3970
-  // 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
   isSideNavExpanded: _isSideNavExpanded,
   ...rest
 }, ref) => {
-  // 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 ?? element ?? 'a';
   return /*#__PURE__*/React.createElement(BaseComponentAsAny, _extends({
     ref: ref

package/es/components/UIShell/SideNavItems.js

@@ -21,7 +21,7 @@ const SideNavItems = ({
   const childrenWithExpandedState = React.Children.map(children, child => {
     if (/*#__PURE__*/React.isValidElement(child)) {
       // avoid spreading `isSideNavExpanded` to non-Carbon UI Shell children
-      // 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 childDisplayName = child.type?.displayName;
       return /*#__PURE__*/React.cloneElement(child, {
         ...(CARBON_SIDENAV_ITEMS.includes(childDisplayName) ? {

package/es/components/UIShell/Switcher.js

@@ -55,7 +55,7 @@ const Switcher = /*#__PURE__*/forwardRef((props, forwardRef) => {
           if (direction === 1) {
             return enabledIndices[1];
           }
-        // eslint-disable-next-line   no-fallthrough -- https://github.com/carbon-design-system/carbon/issues/20071
+        // eslint-disable-next-line   no-fallthrough -- https://github.com/carbon-design-system/carbon/issues/20452
         default:
           return enabledIndices[nextIndex];
       }

package/es/components/UIShell/SwitcherItem.js

@@ -69,7 +69,7 @@ const SwitcherItem = /*#__PURE__*/forwardRef((props, forwardRef) => {
     href: href,
     target: target,
     rel: rel
-    // 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
     ,
     ref: forwardRef
   }, rest, {