@carbon/react 1.89.0 → 1.90.0

package/es/components/RadioTile/RadioTile.js

@@ -23,7 +23,7 @@ import { isComponentElement } from '../../internal/utils.js';
 import { Text } from '../Text/Text.js';
 
 var _RadioButtonChecked, _RadioButton, _CheckmarkFilled;
-const RadioTile = /*#__PURE__*/React.forwardRef(function RadioTile({
+const RadioTile = /*#__PURE__*/React.forwardRef(({
   children,
   className: customClassName,
   decorator,
@@ -39,7 +39,7 @@ const RadioTile = /*#__PURE__*/React.forwardRef(function RadioTile({
   slug,
   required,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const inputId = useFallbackId(id);
   const className = cx(customClassName, `${prefix}--tile`, `${prefix}--tile--selectable`, `${prefix}--tile--radio`, {

package/es/components/Search/Search.js

@@ -22,7 +22,7 @@ import { FormContext } from '../FluidForm/FormContext.js';
 import { noopFn } from '../../internal/noopFn.js';
 
 var _Close;
-const Search = /*#__PURE__*/React.forwardRef(function Search({
+const Search = /*#__PURE__*/React.forwardRef(({
   autoComplete = 'off',
   className,
   closeButtonLabelText = 'Clear search input',
@@ -44,7 +44,7 @@ const Search = /*#__PURE__*/React.forwardRef(function Search({
   type = 'text',
   value,
   ...rest
-}, forwardRef) {
+}, forwardRef) => {
   const hasPropValue = value || defaultValue ? true : false;
   const prefix = usePrefix();
   const {

package/es/components/Select/Select.js

@@ -21,7 +21,7 @@ import { AILabel } from '../AILabel/index.js';
 import { isComponentElement } from '../../internal/utils.js';
 import { Text } from '../Text/Text.js';
 
-const Select = /*#__PURE__*/React.forwardRef(function Select({
+const Select = /*#__PURE__*/React.forwardRef(({
   className,
   decorator,
   id,
@@ -31,7 +31,6 @@ const Select = /*#__PURE__*/React.forwardRef(function Select({
   children,
   // reserved for use with Pagination component
   noLabel = false,
-  // eslint-disable-next-line no-unused-vars
   hideLabel = false,
   invalid = false,
   invalidText = '',
@@ -44,7 +43,7 @@ const Select = /*#__PURE__*/React.forwardRef(function Select({
   onChange,
   slug,
   ...other
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const {
     isFluid

package/es/components/ShapeIndicator/index.js

@@ -46,13 +46,15 @@ const shapeTypes = {
   incomplete: incompleteIcon,
   draft: CircleStroke
 };
-const ShapeIndicator = /*#__PURE__*/React.forwardRef(function ShapeIndicatorContent({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const ShapeIndicator = /*#__PURE__*/React.forwardRef(({
   className: customClassName,
   kind,
   label,
   textSize = 12,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--shape-indicator`, customClassName, {
     [`${prefix}--shape-indicator--14`]: textSize == 14

package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.d.ts

@@ -1,11 +1,12 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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 { type HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
-export interface SkeletonPlaceholderProps {
+export interface SkeletonPlaceholderProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Add a custom class to the component to set the height and width
      */
@@ -15,8 +16,7 @@ declare const SkeletonPlaceholder: {
     ({ className, ...other }: SkeletonPlaceholderProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
-         * Add a custom class to the component
-         * to set the height and width
+         * Add a custom class to the component to set the height and width
          */
         className: PropTypes.Requireable<string>;
     };

package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js

@@ -25,8 +25,7 @@ const SkeletonPlaceholder = ({
 };
 SkeletonPlaceholder.propTypes = {
   /**
-   * Add a custom class to the component
-   * to set the height and width
+   * Add a custom class to the component to set the height and width
    */
   className: PropTypes.string
 };

package/es/components/SkeletonText/SkeletonText.js

@@ -66,8 +66,6 @@ const SkeletonText = ({
   if (lineCountNumber !== 1) {
     return /*#__PURE__*/React.createElement("div", null, lines);
   }
-
-  // eslint-disable-next-line react/jsx-no-useless-fragment
   return /*#__PURE__*/React.createElement(React.Fragment, null, lines);
 };
 SkeletonText.propTypes = {

package/es/components/Slider/Slider.js

@@ -31,23 +31,15 @@ const ThumbWrapper = ({
   ...rest
 }) => {
   if (hasTooltip) {
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line react/forbid-component-props
-      React.createElement(Tooltip, _extends({
-        className: className,
-        style: style
-      }, rest), children)
-    );
+    return /*#__PURE__*/React.createElement(Tooltip, _extends({
+      className: className,
+      style: style
+    }, rest), children);
   } else {
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line react/forbid-dom-props
-      React.createElement("div", {
-        className: className,
-        style: style
-      }, children)
-    );
+    return /*#__PURE__*/React.createElement("div", {
+      className: className,
+      style: style
+    }, children);
   }
 };
 const translationIds = {
@@ -883,6 +875,7 @@ class Slider extends PureComponent {
       hideLabel,
       step = 1,
       // TODO: Other properties are deleted below. Why isn't this one?
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
       stepMultiplier: _stepMultiplier,
       inputType = 'number',
       invalidText,
@@ -912,9 +905,11 @@ class Slider extends PureComponent {
     } = this.state;
     const showWarning = !readOnly && warn ||
     // TODO: https://github.com/carbon-design-system/carbon/issues/18991#issuecomment-2795709637
+    // eslint-disable-next-line valid-typeof , no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20071
     typeof correctedValue !== null && correctedPosition === HandlePosition.LOWER && isValid;
     const showWarningUpper = !readOnly && warn ||
     // TODO: https://github.com/carbon-design-system/carbon/issues/18991#issuecomment-2795709637
+    // eslint-disable-next-line valid-typeof, no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20071
     typeof correctedValue !== null && correctedPosition === (twoHandles ? HandlePosition.UPPER : HandlePosition.LOWER) && (twoHandles ? isValidUpper : isValid);
     return /*#__PURE__*/React.createElement(PrefixContext.Consumer, null, prefix => {
       const labelId = `${id}-label`;

package/es/components/Stack/HStack.js

@@ -9,6 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import React, { forwardRef } from 'react';
 import { Stack } from './Stack.js';
 
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const HStack = /*#__PURE__*/forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(Stack, _extends({}, props, {
     ref: ref,

package/es/components/Stack/Stack.js

@@ -35,6 +35,7 @@ const SPACING_STEPS = Array.from({
  * - https://paste.twilio.design/layout/stack/
  * - https://github.com/Workday/canvas-kit/blob/f2f599654876700f483a1d8c5de82a41315c76f1/modules/labs-react/layout/lib/Stack.tsx
  */
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const Stack = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     as: BaseComponent = 'div',
@@ -55,15 +56,11 @@ const Stack = /*#__PURE__*/forwardRef((props, ref) => {
   if (typeof gap === 'string') {
     style[`--${prefix}-stack-gap`] = gap;
   }
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line react/forbid-component-props
-    React.createElement(BaseComponent, _extends({}, rest, {
-      ref: ref,
-      className: className,
-      style: style
-    }), children)
-  );
+  return /*#__PURE__*/React.createElement(BaseComponent, _extends({}, rest, {
+    ref: ref,
+    className: className,
+    style: style
+  }), children);
 });
 Stack.propTypes = {
   /**

package/es/components/Stack/VStack.js

@@ -9,6 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import React, { forwardRef } from 'react';
 import { Stack } from './Stack.js';
 
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const VStack = /*#__PURE__*/forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(Stack, _extends({}, props, {
     ref: ref,

package/es/components/StructuredList/StructuredList.js

@@ -150,6 +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
   const rowId = id ?? useId('grid-input');
   const selectedRow = React.useContext(GridSelectedRowStateContext);
   const setSelectedRow = React.useContext(GridSelectedRowDispatchContext);
@@ -183,6 +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
       onClick && onClick(event);
       if (selection) {
         // focus items only when selection is enabled
@@ -262,6 +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
       onChange && onChange(event);
     },
     id: id ?? defaultId,

package/es/components/Switch/Switch.js

@@ -12,7 +12,7 @@ import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { noopFn } from '../../internal/noopFn.js';
 
-const Switch = /*#__PURE__*/React.forwardRef(function Switch(props, tabRef) {
+const Switch = /*#__PURE__*/React.forwardRef((props, tabRef) => {
   const {
     children,
     className,

package/es/components/Tabs/Tabs.js

@@ -78,6 +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
     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
@@ -164,15 +165,11 @@ function TabsVertical({
   };
   const isSm = useMatchMedia(smMediaQuery);
   if (!isSm) {
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line react/forbid-component-props
-      React.createElement(GridAsGridComponent, {
-        style: {
-          height: height
-        }
-      }, /*#__PURE__*/React.createElement(Tabs, props, children))
-    );
+    return /*#__PURE__*/React.createElement(GridAsGridComponent, {
+      style: {
+        height: height
+      }
+    }, /*#__PURE__*/React.createElement(Tabs, props, children));
   }
   return /*#__PURE__*/React.createElement(Tabs, props, children);
 }
@@ -276,6 +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
       const _child = child;
       return /*#__PURE__*/React.isValidElement(child) && !!_child.props.secondaryLabel;
     });
@@ -389,6 +387,7 @@ function TabList({
         inline: 'nearest'
       });
     }
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, []);
   useEffect(() => {
     //adding 1 in calculation for firefox support
@@ -409,6 +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
   }, []);
   useIsomorphicEffect(() => {
     if (ref.current) {
@@ -495,7 +495,9 @@ function TabList({
         hasSecondaryLabel: hasSecondaryLabelTabs,
         contained
       }
-    }, /*#__PURE__*/React.cloneElement(child, {
+    }, /*#__PURE__*/React.cloneElement(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+    child, {
       ref: node => {
         tabs.current[index] = node;
       }
@@ -629,6 +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
   }, []);
   useEffect(() => {
     function handler() {
@@ -639,6 +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
           ref.current && ref.current.scrollTo({
             top: (selectedIndex - 1) * verticalTabHeight,
             behavior: 'smooth'
@@ -693,7 +697,9 @@ function TabListVertical({
         index,
         hasSecondaryLabel: false
       }
-    }, /*#__PURE__*/React.cloneElement(child, {
+    }, /*#__PURE__*/React.cloneElement(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+    child, {
       ref: node => {
         tabs.current[index] = node;
       }
@@ -769,7 +775,8 @@ function createLongPressBehavior(ref, direction, setScrollLeft) {
  * Tab
  */
 
-const Tab = /*#__PURE__*/forwardRef(function Tab({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const Tab = /*#__PURE__*/forwardRef(({
   as = 'button',
   children,
   className: customClassName,
@@ -779,7 +786,7 @@ const Tab = /*#__PURE__*/forwardRef(function Tab({
   secondaryLabel,
   renderIcon: Icon,
   ...rest
-}, forwardRef) {
+}, forwardRef) => {
   const prefix = usePrefix();
   const {
     selectedIndex,
@@ -803,6 +810,8 @@ const Tab = /*#__PURE__*/forwardRef(function Tab({
   const id = `${baseId}-tab-${index}`;
   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
   const isEllipsisActive = element => {
     setIsEllipsisApplied(element.offsetHeight < element.scrollHeight);
     return element.offsetHeight < element.scrollHeight;
@@ -1022,7 +1031,8 @@ Tab.propTypes = {
  */
 
 const IconTabContext = /*#__PURE__*/createContext(false);
-const IconTab = /*#__PURE__*/React.forwardRef(function IconTab({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const IconTab = /*#__PURE__*/React.forwardRef(({
   badgeIndicator,
   children,
   className: customClassName,
@@ -1031,7 +1041,7 @@ const IconTab = /*#__PURE__*/React.forwardRef(function IconTab({
   leaveDelayMs,
   label,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const value = useMemo(() => ({
     badgeIndicator
@@ -1093,11 +1103,12 @@ IconTab.propTypes = {
  * TabPanel
  */
 
-const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const TabPanel = /*#__PURE__*/React.forwardRef(({
   children,
   className: customClassName,
   ...rest
-}, forwardRef) {
+}, forwardRef) => {
   const prefix = usePrefix();
   const panel = useRef(null);
   const ref = useMergedRefs([forwardRef, panel]);

package/es/components/Tag/DismissibleTag.d.ts

@@ -7,6 +7,7 @@
 import React, { type ReactNode } from 'react';
 import { PolymorphicProps } from '../../types/common';
 import { SIZES, TYPES } from './Tag';
+import { PopoverAlignment } from '../Popover';
 export interface DismissibleTagBaseProps {
     /**
      * Provide a custom className that is applied to the containing <span>
@@ -20,6 +21,10 @@ export interface DismissibleTagBaseProps {
      * Specify if the `DismissibleTag` is disabled
      */
     disabled?: boolean;
+    /**
+     * Specify the tooltip alignment for the dismiss button
+     */
+    dismissTooltipAlignment?: PopoverAlignment;
     /**
      * Provide a custom tooltip label for the dismiss button
      */

package/es/components/Tag/DismissibleTag.js

@@ -24,6 +24,7 @@ import { isComponentElement } from '../../internal/utils.js';
 import { Text } from '../Text/Text.js';
 
 var _Close;
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const DismissibleTag = /*#__PURE__*/forwardRef(({
   className,
   decorator,
@@ -37,11 +38,13 @@ const DismissibleTag = /*#__PURE__*/forwardRef(({
   text,
   tagTitle,
   type,
+  dismissTooltipAlignment = 'bottom',
   dismissTooltipLabel = 'Dismiss tag',
   ...other
 }, 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
   const tagId = id || `tag-${useId()}`;
   const tagClasses = cx(`${prefix}--tag--filter`, className);
   const [isEllipsisApplied, setIsEllipsisApplied] = useState(false);
@@ -88,7 +91,7 @@ const DismissibleTag = /*#__PURE__*/forwardRef(({
     className: `${prefix}--tag__decorator`
   }, normalizedDecorator) : '', /*#__PURE__*/React.createElement(Tooltip, {
     label: dismissActionLabel,
-    align: "bottom",
+    align: dismissTooltipAlignment,
     className: tooltipClasses,
     leaveDelayMs: 0,
     closeOnActivation: true
@@ -113,6 +116,10 @@ DismissibleTag.propTypes = {
    * Specify if the `DismissibleTag` is disabled
    */
   disabled: PropTypes.bool,
+  /**
+   * Specify the tooltip alignment for the dismiss button
+   */
+  dismissTooltipAlignment: PropTypes.oneOf(['top', 'bottom', 'left', 'right', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']),
   /**
    * Provide a custom tooltip label for the dismiss button
    */

package/es/components/Tag/OperationalTag.js

@@ -31,6 +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
 const OperationalTag = /*#__PURE__*/forwardRef(({
   className,
   disabled,
@@ -43,6 +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
   const tagId = id || `tag-${useId()}`;
   const tagClasses = cx(`${prefix}--tag--operational`, className);
   const [isEllipsisApplied, setIsEllipsisApplied] = useState(false);

package/es/components/Tag/SelectableTag.js

@@ -20,6 +20,7 @@ import mergeRefs from '../../tools/mergeRefs.js';
 import { useControllableState } from '../../internal/useControllableState.js';
 import { Text } from '../Text/Text.js';
 
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const SelectableTag = /*#__PURE__*/forwardRef(({
   className,
   disabled,
@@ -35,6 +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
   const tagId = id || `tag-${useId()}`;
   const [selectedTag, setSelectedTag] = useControllableState({
     value: selected,

package/es/components/Tag/Tag.js

@@ -42,6 +42,7 @@ const SIZES = {
   md: 'md',
   lg: 'lg'
 };
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const TagBase = /*#__PURE__*/React.forwardRef(({
   children,
   className,
@@ -64,12 +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
     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
     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
   const tagId = id || `tag-${useId()}`;
   const [isEllipsisApplied, setIsEllipsisApplied] = useState(false);
   useLayoutEffect(() => {

package/es/components/Tag/isEllipsisActive.js

@@ -5,6 +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
 const isEllipsisActive = element => {
   if (element) {
     return element?.offsetWidth < element?.scrollWidth;

package/es/components/Text/Text.js

@@ -11,6 +11,7 @@ import React, { useContext, Children } from 'react';
 import './index.js';
 import { TextDirectionContext } from './TextDirectionContext.js';
 
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const TextBase = /*#__PURE__*/React.forwardRef(({
   as,
   children,

package/es/components/TextInput/ControlledPasswordInput.js

@@ -16,7 +16,7 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { useId } from '../../internal/useId.js';
 import { noopFn } from '../../internal/noopFn.js';
 
-const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(function ControlledPasswordInput({
+const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(({
   labelText,
   className,
   id,
@@ -29,9 +29,7 @@ const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(function Controlle
   invalidText = '',
   helperText = '',
   light,
-  // eslint-disable-next-line react/prop-types
   type = 'password',
-  // eslint-disable-next-line react/prop-types
   togglePasswordVisibility,
   tooltipPosition = 'bottom',
   tooltipAlignment = 'center',
@@ -39,7 +37,7 @@ const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(function Controlle
   showPasswordLabel = 'Show password',
   size = undefined,
   ...other
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const controlledPasswordInstanceId = useId();
   const errorId = id + '-error-msg';

package/es/components/TextInput/PasswordInput.js

@@ -19,7 +19,7 @@ import { Tooltip } from '../Tooltip/Tooltip.js';
 import { deprecate } from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-const PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput({
+const PasswordInput = /*#__PURE__*/React.forwardRef(({
   className,
   disabled = false,
   helperText,
@@ -44,7 +44,7 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput({
   warn = false,
   warnText,
   ...rest
-}, ref) {
+}, ref) => {
   const [inputType, setInputType] = useState(type);
   const prefix = usePrefix();
   const normalizedProps = useNormalizedInputProps({
@@ -61,6 +61,7 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput({
   } = 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
     onTogglePasswordVisibility && onTogglePasswordVisibility(event);
   };
   const textInputClasses = cx(`${prefix}--text-input`, `${prefix}--password-input`, className, {
@@ -150,8 +151,10 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput({
     align = tooltipPosition;
   }
   if (!hidePasswordLabel || hidePasswordLabel.trim() === '') {
+    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20071
     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
     console.warn('Warning: The "showPasswordLabel" should not be blank.');
   }
   const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _extends({}, textInputProps({
@@ -180,6 +183,8 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput({
   useEffect(() => {
     setInputType(type);
   }, [type]);
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   const Icon = normalizedProps.icon;
   return /*#__PURE__*/React.createElement("div", {
     className: inputWrapperClasses

package/es/components/TextInput/TextInput.js

@@ -21,7 +21,7 @@ import { AILabel } from '../AILabel/index.js';
 import { isComponentElement } from '../../internal/utils.js';
 import { Text } from '../Text/Text.js';
 
-const TextInput = /*#__PURE__*/React.forwardRef(function TextInput({
+const TextInput = /*#__PURE__*/React.forwardRef(({
   className,
   decorator,
   disabled = false,
@@ -45,7 +45,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(function TextInput({
   maxCount,
   slug,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const {
     defaultValue,
@@ -60,6 +60,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(function TextInput({
   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
   }, [value, defaultValue, enableCounter]);
   const normalizedProps = useNormalizedInputProps({
     id,
@@ -188,6 +189,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(function TextInput({
       }
     }
   }, [ariaAnnouncement, prevAnnouncement]);
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   const Icon = normalizedProps.icon;
 
   // AILabel is always size `mini`