@carbon/react 1.90.0-rc.0 → 1.91.0-rc.0

package/lib/components/Slider/index.d.ts

@@ -1,10 +1,10 @@
 /**
- * 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.
  */
-declare const Slider: import("react").FunctionComponent<import("./Slider").SliderProps>;
+import { Slider } from './Slider';
 export { default as SliderSkeleton } from './Slider.Skeleton';
 export default Slider;
 export { Slider };

package/lib/components/Stack/HStack.js

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

package/lib/components/Stack/Stack.js

@@ -37,6 +37,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__*/React.forwardRef((props, ref) => {
   const {
     as: BaseComponent = 'div',
@@ -57,15 +58,11 @@ const Stack = /*#__PURE__*/React.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, _rollupPluginBabelHelpers.extends({}, rest, {
-      ref: ref,
-      className: className,
-      style: style
-    }), children)
-  );
+  return /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({}, rest, {
+    ref: ref,
+    className: className,
+    style: style
+  }), children);
 });
 Stack.propTypes = {
   /**

package/lib/components/Stack/VStack.js

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

package/lib/components/StructuredList/StructuredList.js

@@ -152,6 +152,7 @@ function StructuredListRow(props) {
     ...other
   } = props;
   const [hasFocusWithin, setHasFocusWithin] = React.useState(false);
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const rowId = id ?? useId.useId('grid-input');
   const selectedRow = React.useContext(GridSelectedRowStateContext);
   const setSelectedRow = React.useContext(GridSelectedRowDispatchContext);
@@ -185,6 +186,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
@@ -264,6 +266,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/lib/components/Switch/Switch.js

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

package/lib/components/Tabs/Tabs.d.ts

@@ -367,6 +367,10 @@ export interface IconTabProps extends DivAttributes {
      * Specify whether the tooltip for the icon should be open when it first renders
      */
     defaultOpen?: boolean;
+    /**
+     *  Specify whether your IconTab is disabled.
+     */
+    disabled?: boolean;
     /**
      * Specify the duration in milliseconds to delay before displaying the tooltip for the icon.
      */

package/lib/components/Tabs/Tabs.js

@@ -80,6 +80,7 @@ function Tabs({
 }) {
   const baseId = useId.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
@@ -166,15 +167,11 @@ function TabsVertical({
   };
   const isSm = useMatchMedia.useMatchMedia(smMediaQuery);
   if (!isSm) {
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line react/forbid-component-props
-      React.createElement(Grid.Grid, {
-        style: {
-          height: height
-        }
-      }, /*#__PURE__*/React.createElement(Tabs, props, children))
-    );
+    return /*#__PURE__*/React.createElement(Grid.Grid, {
+      style: {
+        height: height
+      }
+    }, /*#__PURE__*/React.createElement(Tabs, props, children));
   }
   return /*#__PURE__*/React.createElement(Tabs, props, children);
 }
@@ -278,6 +275,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;
     });
@@ -391,6 +389,7 @@ function TabList({
         inline: 'nearest'
       });
     }
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, []);
   React.useEffect(() => {
     //adding 1 in calculation for firefox support
@@ -411,6 +410,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.default(() => {
     if (ref.current) {
@@ -497,7 +497,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;
       }
@@ -631,6 +633,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
   }, []);
   React.useEffect(() => {
     function handler() {
@@ -641,6 +644,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'
@@ -695,7 +699,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;
       }
@@ -771,7 +777,8 @@ function createLongPressBehavior(ref, direction, setScrollLeft) {
  * Tab
  */
 
-const Tab = /*#__PURE__*/React.forwardRef(function Tab({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const Tab = /*#__PURE__*/React.forwardRef(({
   as = 'button',
   children,
   className: customClassName,
@@ -781,7 +788,7 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab({
   secondaryLabel,
   renderIcon: Icon,
   ...rest
-}, forwardRef) {
+}, forwardRef) => {
   const prefix = usePrefix.usePrefix();
   const {
     selectedIndex,
@@ -805,6 +812,8 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab({
   const id = `${baseId}-tab-${index$1}`;
   const panelId = `${baseId}-tabpanel-${index$1}`;
   const [isEllipsisApplied, setIsEllipsisApplied] = React.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;
@@ -1024,7 +1033,8 @@ Tab.propTypes = {
  */
 
 const IconTabContext = /*#__PURE__*/React.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,
@@ -1033,7 +1043,7 @@ const IconTab = /*#__PURE__*/React.forwardRef(function IconTab({
   leaveDelayMs,
   label,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const value = React.useMemo(() => ({
     badgeIndicator
@@ -1095,11 +1105,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.usePrefix();
   const panel = React.useRef(null);
   const ref = useMergedRefs.useMergedRefs([forwardRef, panel]);

package/lib/components/Tag/DismissibleTag.js

@@ -28,6 +28,7 @@ var utils = require('../../internal/utils.js');
 var Text = require('../Text/Text.js');
 
 var _Close;
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const DismissibleTag = /*#__PURE__*/React.forwardRef(({
   className,
   decorator,
@@ -47,6 +48,7 @@ const DismissibleTag = /*#__PURE__*/React.forwardRef(({
 }, forwardRef) => {
   const prefix = usePrefix.usePrefix();
   const tagLabelRef = React.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.useId()}`;
   const tagClasses = cx(`${prefix}--tag--filter`, className);
   const [isEllipsisApplied, setIsEllipsisApplied] = React.useState(false);

package/lib/components/Tag/OperationalTag.js

@@ -35,6 +35,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__*/React.forwardRef(({
   className,
   disabled,
@@ -47,6 +48,7 @@ const OperationalTag = /*#__PURE__*/React.forwardRef(({
 }, forwardRef) => {
   const prefix = usePrefix.usePrefix();
   const tagRef = React.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.useId()}`;
   const tagClasses = cx(`${prefix}--tag--operational`, className);
   const [isEllipsisApplied, setIsEllipsisApplied] = React.useState(false);

package/lib/components/Tag/SelectableTag.js

@@ -24,6 +24,7 @@ var mergeRefs = require('../../tools/mergeRefs.js');
 var useControllableState = require('../../internal/useControllableState.js');
 var Text = require('../Text/Text.js');
 
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const SelectableTag = /*#__PURE__*/React.forwardRef(({
   className,
   disabled,
@@ -39,6 +40,7 @@ const SelectableTag = /*#__PURE__*/React.forwardRef(({
 }, forwardRef) => {
   const prefix = usePrefix.usePrefix();
   const tagRef = React.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.useId()}`;
   const [selectedTag, setSelectedTag] = useControllableState.useControllableState({
     value: selected,

package/lib/components/Tag/Tag.js

@@ -46,6 +46,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,
@@ -68,12 +69,15 @@ const TagBase = /*#__PURE__*/React.forwardRef(({
   const prefix = usePrefix.usePrefix();
   const tagRef = React.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.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.useId()}`;
   const [isEllipsisApplied, setIsEllipsisApplied] = React.useState(false);
   React.useLayoutEffect(() => {

package/lib/components/Tag/isEllipsisActive.js

@@ -7,6 +7,7 @@
 
 'use strict';
 
+// 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/lib/components/Text/Text.js

@@ -13,6 +13,7 @@ var React = require('react');
 require('./index.js');
 var TextDirectionContext = require('./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/lib/components/TextArea/TextArea.js

@@ -84,19 +84,26 @@ const TextArea = frFn((props, forwardRef) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value, defaultValue, counterMode]);
   useIsomorphicEffect.default(() => {
-    const measuredWidth = wrapperRef.current?.scrollWidth;
     if (other.cols && textareaRef.current) {
       textareaRef.current.style.width = '';
       textareaRef.current.style.resize = 'none';
     } else if (textareaRef.current) {
       textareaRef.current.style.width = `100%`;
     }
-    [helperTextRef, errorTextRef, warnTextRef].forEach(r => {
-      if (r.current) {
-        r.current.style.maxWidth = `${measuredWidth}px`;
-        r.current.style.overflowWrap = 'break-word';
-      }
+    if (!wrapperRef.current) return;
+    const applyWidth = width => {
+      [helperTextRef, errorTextRef, warnTextRef].forEach(r => {
+        if (r.current) {
+          r.current.style.maxWidth = `${width}px`;
+          r.current.style.overflowWrap = 'break-word';
+        }
+      });
+    };
+    const resizeObserver = new ResizeObserver(([entry]) => {
+      applyWidth(entry.contentRect.width);
     });
+    resizeObserver.observe(wrapperRef.current);
+    return () => resizeObserver && resizeObserver.disconnect();
   }, [other.cols, invalid, warn]);
   const textareaProps = {
     id,

package/lib/components/TextInput/ControlledPasswordInput.js

@@ -20,7 +20,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 var useId = require('../../internal/useId.js');
 var noopFn = require('../../internal/noopFn.js');
 
-const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(function ControlledPasswordInput({
+const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(({
   labelText,
   className,
   id,
@@ -33,9 +33,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',
@@ -43,7 +41,7 @@ const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(function Controlle
   showPasswordLabel = 'Show password',
   size = undefined,
   ...other
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const controlledPasswordInstanceId = useId.useId();
   const errorId = id + '-error-msg';
@@ -96,7 +94,7 @@ const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(function Controlle
     [`${prefix}--tooltip--align-${tooltipAlignment}`]: tooltipAlignment
   });
   const helperId = !helperText ? undefined : `controlled-password-helper-text-${controlledPasswordInstanceId}`;
-  const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, util.textInputProps({
+  const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, util.getTextInputProps({
     invalid,
     sharedTextInputProps,
     invalidId: errorId,

package/lib/components/TextInput/PasswordInput.js

@@ -23,7 +23,7 @@ var Tooltip = require('../Tooltip/Tooltip.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
-const PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput({
+const PasswordInput = /*#__PURE__*/React.forwardRef(({
   className,
   disabled = false,
   helperText,
@@ -48,7 +48,7 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput({
   warn = false,
   warnText,
   ...rest
-}, ref) {
+}, ref) => {
   const [inputType, setInputType] = React.useState(type);
   const prefix = usePrefix.usePrefix();
   const normalizedProps = useNormalizedInputProps.useNormalizedInputProps({
@@ -65,6 +65,7 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput({
   } = React.useContext(FormContext.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, {
@@ -154,11 +155,13 @@ 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", _rollupPluginBabelHelpers.extends({}, util.textInputProps({
+  const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, util.getTextInputProps({
     sharedTextInputProps,
     invalid: normalizedProps.invalid,
     invalidId: normalizedProps.invalidId,
@@ -184,6 +187,8 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput({
   React.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/lib/components/TextInput/TextInput.js

@@ -25,7 +25,7 @@ var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.js');
 var Text = require('../Text/Text.js');
 
-const TextInput = /*#__PURE__*/React.forwardRef(function TextInput({
+const TextInput = /*#__PURE__*/React.forwardRef(({
   className,
   decorator,
   disabled = false,
@@ -49,7 +49,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(function TextInput({
   maxCount,
   slug,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const {
     defaultValue,
@@ -64,6 +64,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(function TextInput({
   const [textCount, setTextCount] = React.useState(getInitialTextCount());
   React.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.useNormalizedInputProps({
     id,
@@ -157,7 +158,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(function TextInput({
     id: normalizedProps.helperId,
     className: helperTextClasses
   }, helperText) : null;
-  const input = /*#__PURE__*/React.createElement("input", util.textInputProps({
+  const input = /*#__PURE__*/React.createElement("input", util.getTextInputProps({
     sharedTextInputProps,
     invalid: normalizedProps.invalid,
     invalidId: normalizedProps.invalidId,
@@ -192,6 +193,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`

package/lib/components/TextInput/util.d.ts

@@ -1,9 +1,21 @@
-export function textInputProps({ sharedTextInputProps, invalid, invalidId, warn, warnId, hasHelper, helperId, }: {
-    sharedTextInputProps: object;
-    invalid?: boolean;
-    invalidId?: string;
+/**
+ * Copyright IBM Corp. 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.
+ */
+interface TextInputPropsConfig {
+    sharedTextInputProps: Record<string, unknown>;
+    invalid: boolean;
+    invalidId: string;
     warn?: boolean;
     warnId?: string;
     hasHelper?: boolean;
     helperId?: string;
-}): object;
+}
+export declare const getTextInputProps: ({ sharedTextInputProps, invalid, invalidId, warn, warnId, hasHelper, helperId, }: TextInputPropsConfig) => {
+    'aria-describedby'?: string | undefined;
+    'data-invalid'?: boolean | undefined;
+    'aria-invalid'?: boolean | undefined;
+};
+export {};

package/lib/components/TextInput/util.js

@@ -18,12 +18,7 @@ const warnProps = warnId => ({
 const helperProps = helperId => ({
   'aria-describedby': helperId
 });
-
-/**
- * @param {{sharedTextInputProps: object, invalid?: boolean, invalidId?: string, warn?: boolean, warnId?: string, hasHelper?: boolean, helperId?: string}} config
- * @returns {object}
- */
-const textInputProps = ({
+const getTextInputProps = ({
   sharedTextInputProps,
   invalid,
   invalidId,
@@ -38,4 +33,4 @@ const textInputProps = ({
   ...(hasHelper ? helperProps(helperId) : {})
 });
 
-exports.textInputProps = textInputProps;
+exports.getTextInputProps = getTextInputProps;

package/lib/components/Theme/index.js

@@ -18,16 +18,20 @@ var useMatchMedia = require('../../internal/useMatchMedia.js');
 const ThemeContext = /*#__PURE__*/React.createContext({
   theme: 'white'
 });
-const GlobalTheme = /*#__PURE__*/React.forwardRef(function GlobalTheme({
+
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const GlobalTheme = /*#__PURE__*/React.forwardRef(({
   children,
   theme
-}, ref) {
+}, ref) => {
   const value = React.useMemo(() => {
     return {
       theme
     };
   }, [theme]);
-  const childrenWithProps = /*#__PURE__*/React.cloneElement(children, {
+  const childrenWithProps = /*#__PURE__*/React.cloneElement(
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  children, {
     ref: ref
   });
   return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
@@ -69,6 +73,7 @@ function Theme({
       isDark
     };
   }, [theme]);
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   const BaseComponentAsAny = BaseComponent;
   return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
     value: value