@carbon/react 1.100.0 → 1.101.0

package/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -67,7 +67,7 @@ function ProgressIndicator({
     if (index === currentIndex) {
       return /*#__PURE__*/React.cloneElement(child, {
         complete: child.props.complete,
-        current: child.props.complete ? false : true,
+        current: !child.props.complete,
         index,
         onClick
       });

package/lib/components/RadioButtonGroup/RadioButtonGroup.js

@@ -101,11 +101,12 @@ const RadioButtonGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
   const helperClasses = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
-  const helperId = !helperText ? undefined : `radio-button-group-helper-text-${radioButtonGroupInstanceId}`;
-  const helper = helperText ? /*#__PURE__*/React.createElement("div", {
+  const hasHelper = typeof helperText !== 'undefined' && helperText !== null;
+  const helperId = !hasHelper ? undefined : `radio-button-group-helper-text-${radioButtonGroupInstanceId}`;
+  const helper = hasHelper && /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: helperClasses
-  }, helperText) : null;
+  }, helperText);
   const divRef = React.useRef(null);
 
   // AILabel is always size `mini`

package/lib/components/Search/Search.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/components/Search/Search.js

@@ -51,7 +51,7 @@ const Search = /*#__PURE__*/React.forwardRef(({
   value,
   ...rest
 }, forwardRef) => {
-  const hasPropValue = value || defaultValue ? true : false;
+  const hasPropValue = Boolean(value || defaultValue);
   const prefix = usePrefix.usePrefix();
   const {
     isFluid

package/lib/components/Select/Select.js

@@ -98,7 +98,8 @@ const Select = /*#__PURE__*/React.forwardRef(({
   const helperTextClasses = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled
   });
-  const helper = helperText ? /*#__PURE__*/React.createElement(Text.Text, {
+  const hasHelper = typeof helperText !== 'undefined' && helperText !== null;
+  const helper = hasHelper ? /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     id: normalizedProps.helperId,
     className: helperTextClasses
@@ -110,7 +111,7 @@ const Select = /*#__PURE__*/React.forwardRef(({
     ariaProps['aria-describedby'] = helper ? normalizedProps.helperId : undefined;
   }
   const handleFocus = evt => {
-    setIsFocused(evt.type === 'focus' ? true : false);
+    setIsFocused(evt.type === 'focus');
   };
   const handleChange = evt => {
     const selectedOption = evt?.target?.options[evt.target.selectedIndex];

package/lib/components/StructuredList/StructuredList.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/components/StructuredList/StructuredList.js

@@ -186,8 +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/20452
-      onClick && onClick(event);
+      onClick?.(event);
       if (selection) {
         // focus items only when selection is enabled
         setHasFocusWithin(true);
@@ -266,8 +265,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/20452
-      onChange && onChange(event);
+      onChange?.(event);
     },
     id: id ?? defaultId,
     className: classes,

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

@@ -1,11 +1,11 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import React, { type ReactNode, type MouseEvent, type KeyboardEvent, type HTMLAttributes, type ComponentType, type HTMLElementType } from 'react';
+import React, { type ComponentType, type HTMLAttributes, type HTMLElementType, type KeyboardEvent, type MouseEvent, type ReactNode } from 'react';
 type DivAttributes = HTMLAttributes<HTMLDivElement>;
 /**
  * Tabs

package/lib/components/Tabs/Tabs.js

@@ -19,7 +19,6 @@ require('../Grid/Row.js');
 require('../Grid/Column.js');
 require('../Grid/ColumnHang.js');
 require('../Grid/GridContext.js');
-var reactIs = require('react-is');
 require('../Tooltip/DefinitionTooltip.js');
 var Tooltip = require('../Tooltip/Tooltip.js');
 var useControllableState = require('../../internal/useControllableState.js');
@@ -36,6 +35,7 @@ var useMatchMedia = require('../../internal/useMatchMedia.js');
 var Text = require('../Text/Text.js');
 require('../Text/TextDirection.js');
 var index = require('../BadgeIndicator/index.js');
+var utils = require('../../internal/utils.js');
 var debounce = require('../../node_modules/es-toolkit/dist/compat/function/debounce.js');
 
 var _ChevronLeft, _ChevronRight, _BadgeIndicator;
@@ -271,14 +271,7 @@ function TabList({
   const nextButton = React.useRef(null);
   const [isScrollable, setIsScrollable] = React.useState(false);
   const [scrollLeft, setScrollLeft] = React.useState(0);
-  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/20452
-      const _child = child;
-      return /*#__PURE__*/React.isValidElement(child) && !!_child.props.secondaryLabel;
-    });
-  }
+  const hasSecondaryLabelTabs = contained && React.Children.toArray(children).some(child => utils.isComponentElement(child, Tab) && typeof child.props.secondaryLabel !== 'undefined');
   const isLg = useMatchMedia.useMatchMedia(lgMediaQuery);
   const distributeWidth = fullWidth && contained && isLg && React.Children.toArray(children).length < 9;
   const className = cx(`${prefix}--tabs`, {
@@ -490,16 +483,15 @@ function TabList({
     onKeyDown: onKeyDown,
     onBlur: handleBlur
   }), React.Children.map(children, (child, index) => {
-    return !reactIs.isElement(child) ? null : /*#__PURE__*/React.createElement(TabContext.Provider, {
+    return ! /*#__PURE__*/React.isValidElement(child) ? null : /*#__PURE__*/React.createElement(TabContext.Provider, {
       value: {
         index,
         hasSecondaryLabel: hasSecondaryLabelTabs,
         contained
       }
-    }, /*#__PURE__*/React.cloneElement(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-    child, {
+    }, /*#__PURE__*/React.cloneElement(child, {
       ref: node => {
+        if (!node) return;
         tabs.current[index] = node;
       }
     }));
@@ -643,8 +635,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/20452
-          ref.current && ref.current.scrollTo({
+          ref.current?.scrollTo({
             top: (selectedIndex - 1) * verticalTabHeight,
             behavior: 'smooth'
           });
@@ -693,15 +684,14 @@ function TabListVertical({
     onKeyDown: onKeyDown,
     onBlur: handleBlur
   }), React.Children.map(children, (child, index) => {
-    return !reactIs.isElement(child) ? null : /*#__PURE__*/React.createElement(TabContext.Provider, {
+    return ! /*#__PURE__*/React.isValidElement(child) ? null : /*#__PURE__*/React.createElement(TabContext.Provider, {
       value: {
         index,
         hasSecondaryLabel: false
       }
-    }, /*#__PURE__*/React.cloneElement(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-    child, {
+    }, /*#__PURE__*/React.cloneElement(child, {
       ref: node => {
+        if (!node) return;
         tabs.current[index] = node;
       }
     }));
@@ -1047,7 +1037,11 @@ const IconTab = /*#__PURE__*/React.forwardRef(({
   const value = React.useMemo(() => ({
     badgeIndicator
   }), [badgeIndicator]);
-  const hasSize20 = /*#__PURE__*/React.isValidElement(children) && children.props.size === 20;
+  const hasSize20 = /*#__PURE__*/React.isValidElement(children) &&
+  // TODO: The interface allows `size` to be a string. Should this case be
+  // handled here, or should the prop type be restricted to `number`
+  // instead?
+  children.props.size === 20;
   const classNames = cx(`${prefix}--tabs__nav-item--icon-only`, customClassName, {
     [`${prefix}--tabs__nav-item--icon-only__20`]: hasSize20
   });
@@ -1179,7 +1173,7 @@ function TabPanels({
     }
   });
   return /*#__PURE__*/React.createElement(React.Fragment, null, React.Children.map(children, (child, index) => {
-    return !reactIs.isElement(child) ? null : /*#__PURE__*/React.createElement(TabPanelContext.Provider, {
+    return ! /*#__PURE__*/React.isValidElement(child) ? null : /*#__PURE__*/React.createElement(TabPanelContext.Provider, {
       value: index
     }, /*#__PURE__*/React.cloneElement(child, {
       ref: element => {

package/lib/components/Tag/DismissibleTag.js

@@ -26,6 +26,7 @@ var isEllipsisActive = require('./isEllipsisActive.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.js');
+var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 
 var _Close;
 // eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
@@ -52,7 +53,7 @@ const DismissibleTag = /*#__PURE__*/React.forwardRef(({
   const tagId = id || `tag-${useId.useId()}`;
   const tagClasses = cx(`${prefix}--tag--filter`, className);
   const [isEllipsisApplied, setIsEllipsisApplied] = React.useState(false);
-  React.useLayoutEffect(() => {
+  useIsomorphicEffect.default(() => {
     const newElement = tagLabelRef.current?.getElementsByClassName(`${prefix}--tag__label`)[0];
     setIsEllipsisApplied(isEllipsisActive.isEllipsisActive(newElement));
   }, [prefix, tagLabelRef]);

package/lib/components/Tag/OperationalTag.js

@@ -22,6 +22,7 @@ var Text = require('../Text/Text.js');
 require('../Text/TextDirection.js');
 var isEllipsisActive = require('./isEllipsisActive.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
+var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 
 const TYPES = {
   red: 'Red',
@@ -52,7 +53,7 @@ const OperationalTag = /*#__PURE__*/React.forwardRef(({
   const tagId = id || `tag-${useId.useId()}`;
   const tagClasses = cx(`${prefix}--tag--operational`, className);
   const [isEllipsisApplied, setIsEllipsisApplied] = React.useState(false);
-  React.useLayoutEffect(() => {
+  useIsomorphicEffect.default(() => {
     const newElement = tagRef.current?.getElementsByClassName(`${prefix}--tag__label`)[0];
     setIsEllipsisApplied(isEllipsisActive.isEllipsisActive(newElement));
   }, [prefix, tagRef]);

package/lib/components/Tag/SelectableTag.js

@@ -23,6 +23,7 @@ require('../Text/TextDirection.js');
 var isEllipsisActive = require('./isEllipsisActive.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var useControllableState = require('../../internal/useControllableState.js');
+var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 
 // eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const SelectableTag = /*#__PURE__*/React.forwardRef(({
@@ -51,7 +52,7 @@ const SelectableTag = /*#__PURE__*/React.forwardRef(({
     [`${prefix}--tag--selectable-selected`]: selectedTag
   });
   const [isEllipsisApplied, setIsEllipsisApplied] = React.useState(false);
-  React.useLayoutEffect(() => {
+  useIsomorphicEffect.default(() => {
     const newElement = tagRef.current?.getElementsByClassName(`${prefix}--tag__label`)[0];
     setIsEllipsisApplied(isEllipsisActive.isEllipsisActive(newElement));
   }, [prefix, tagRef]);

package/lib/components/Tag/Tag.js

@@ -25,6 +25,7 @@ var isEllipsisActive = require('./isEllipsisActive.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');
 var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.js');
+var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 
 var _Close;
 const TYPES = {
@@ -80,7 +81,7 @@ const TagBase = /*#__PURE__*/React.forwardRef(({
   // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const tagId = id || `tag-${useId.useId()}`;
   const [isEllipsisApplied, setIsEllipsisApplied] = React.useState(false);
-  React.useLayoutEffect(() => {
+  useIsomorphicEffect.default(() => {
     const newElement = tagRef.current?.getElementsByClassName(`${prefix}--tag__label`)[0];
     setIsEllipsisApplied(isEllipsisActive.isEllipsisActive(newElement));
   }, [prefix, tagRef]);

package/lib/components/TextArea/TextArea.d.ts

@@ -1,11 +1,11 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 import React, { type ReactNode } from 'react';
-export interface TextAreaProps extends React.InputHTMLAttributes<HTMLTextAreaElement> {
+export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     /**
      * Provide a custom className that is applied directly to the underlying
      * `<textarea>` node

package/lib/components/TextArea/TextArea.js

@@ -197,24 +197,25 @@ const TextArea = frFn((props, forwardRef) => {
   const helperTextClasses = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
-  const label = labelText ? /*#__PURE__*/React.createElement(Text.Text, {
+  const label = typeof labelText !== 'undefined' && labelText !== null && /*#__PURE__*/React.createElement(Text.Text, {
     as: "label",
     htmlFor: id,
     className: labelClasses
-  }, labelText) : null;
+  }, labelText);
   const counter = enableCounter && maxCount && (counterMode === 'character' || counterMode === 'word') ? /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     className: counterClasses,
     "aria-hidden": "true"
   }, `${textCount}/${maxCount}`) : null;
   const counterDescriptionId = enableCounter && maxCount ? `${id}-counter-desc` : undefined;
-  const helperId = !helperText ? undefined : `text-area-helper-text-${textAreaInstanceId}`;
-  const helper = helperText ? /*#__PURE__*/React.createElement(Text.Text, {
+  const hasHelper = typeof helperText !== 'undefined' && helperText !== null;
+  const helperId = !hasHelper ? undefined : `text-area-helper-text-${textAreaInstanceId}`;
+  const helper = hasHelper && /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     id: helperId,
     className: helperTextClasses,
     ref: helperTextRef
-  }, helperText) : null;
+  }, helperText);
   const errorId = id + '-error-msg';
   const error = invalid ? /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
@@ -281,7 +282,7 @@ const TextArea = frFn((props, forwardRef) => {
   }, [ariaAnnouncement, prevAnnouncement, counterMode]);
   const input = /*#__PURE__*/React.createElement("textarea", _rollupPluginBabelHelpers.extends({}, other, textareaProps, {
     placeholder: placeholder,
-    "aria-readonly": other.readOnly ? true : false,
+    "aria-readonly": Boolean(other.readOnly),
     className: textareaClasses,
     "aria-invalid": invalid,
     "aria-describedby": ariaDescribedBy,

package/lib/components/TextInput/ControlledPasswordInput.js

@@ -75,10 +75,10 @@ const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(({
   const helperTextClasses = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
-  const label = labelText ? /*#__PURE__*/React.createElement("label", {
+  const label = typeof labelText !== 'undefined' && labelText !== null && /*#__PURE__*/React.createElement("label", {
     htmlFor: id,
     className: labelClasses
-  }, labelText) : null;
+  }, labelText);
   const error = invalid ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`,
     id: errorId
@@ -93,12 +93,13 @@ const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(({
     [`${prefix}--tooltip--${tooltipPosition}`]: tooltipPosition,
     [`${prefix}--tooltip--align-${tooltipAlignment}`]: tooltipAlignment
   });
-  const helperId = !helperText ? undefined : `controlled-password-helper-text-${controlledPasswordInstanceId}`;
+  const hasHelper = typeof helperText !== 'undefined' && helperText !== null;
+  const helperId = !hasHelper ? undefined : `controlled-password-helper-text-${controlledPasswordInstanceId}`;
   const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, util.getTextInputProps({
     invalid,
     sharedTextInputProps,
     invalidId: errorId,
-    hasHelper: !error && helperText ? true : false,
+    hasHelper: !error && hasHelper,
     helperId
   }), {
     "data-toggle-password-visibility": type === 'password'
@@ -109,10 +110,10 @@ const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(({
   }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--assistive-text`
   }, passwordIsVisible ? hidePasswordLabel : showPasswordLabel), passwordVisibilityIcon));
-  const helper = helperText ? /*#__PURE__*/React.createElement("div", {
+  const helper = hasHelper && /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: helperTextClasses
-  }, helperText) : null;
+  }, helperText);
   return /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-item ${prefix}--text-input-wrapper ${prefix}--password-input-wrapper`
   }, label, /*#__PURE__*/React.createElement("div", {

package/lib/components/TextInput/PasswordInput.js

@@ -65,8 +65,7 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(({
   } = 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/20452
-    onTogglePasswordVisibility && onTogglePasswordVisibility(event);
+    onTogglePasswordVisibility?.(event);
   };
   const textInputClasses = cx(`${prefix}--text-input`, `${prefix}--password-input`, className, {
     [`${prefix}--text-input--light`]: light,
@@ -121,14 +120,14 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(({
     [`${prefix}--text-input__invalid-icon`]: normalizedProps.invalid || normalizedProps.warn,
     [`${prefix}--text-input__invalid-icon--warning`]: normalizedProps.warn
   });
-  const label = labelText ? /*#__PURE__*/React.createElement("label", {
+  const label = typeof labelText !== 'undefined' && labelText !== null && /*#__PURE__*/React.createElement("label", {
     htmlFor: id,
     className: labelClasses
-  }, labelText) : null;
-  const helper = helperText ? /*#__PURE__*/React.createElement("div", {
+  }, labelText);
+  const helper = typeof helperText !== 'undefined' && helperText !== null && /*#__PURE__*/React.createElement("div", {
     id: normalizedProps.helperId,
     className: helperTextClasses
-  }, helperText) : null;
+  }, helperText);
   const passwordIsVisible = inputType === 'text';
   const passwordVisibilityIcon = passwordIsVisible ? /*#__PURE__*/React.createElement(iconsReact.ViewOff, {
     className: `${prefix}--icon-visibility-off`

package/lib/components/TextInput/TextInput.js

@@ -145,19 +145,19 @@ const TextInput = /*#__PURE__*/React.forwardRef(({
     as: "div",
     className: counterClasses
   }, `${textCount}/${maxCount}`) : null;
-  const label = labelText ? /*#__PURE__*/React.createElement(Text.Text, {
+  const label = typeof labelText !== 'undefined' && labelText !== null && /*#__PURE__*/React.createElement(Text.Text, {
     as: "label",
     htmlFor: id,
     className: labelClasses
-  }, labelText) : null;
+  }, labelText);
   const labelWrapper = /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--text-input__label-wrapper`
   }, label, counter);
-  const helper = helperText ? /*#__PURE__*/React.createElement(Text.Text, {
+  const helper = typeof helperText !== 'undefined' && helperText !== null && /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     id: normalizedProps.helperId,
     className: helperTextClasses
-  }, helperText) : null;
+  }, helperText);
   const input = /*#__PURE__*/React.createElement("input", util.getTextInputProps({
     sharedTextInputProps,
     invalid: normalizedProps.invalid,

package/lib/components/TimePicker/TimePicker.js

@@ -102,10 +102,10 @@ const TimePicker = frFn((props, ref) => {
     [`${prefix}--visually-hidden`]: hideLabel,
     [`${prefix}--label--disabled`]: disabled
   });
-  const label = labelText ? /*#__PURE__*/React.createElement("label", {
+  const label = typeof labelText !== 'undefined' && labelText !== null && /*#__PURE__*/React.createElement("label", {
     htmlFor: id,
     className: labelClasses
-  }, labelText) : null;
+  }, labelText);
   function getInternalPickerSelects() {
     const readOnlyEventHandlers = {
       onMouseDown: evt => {

package/lib/components/Tooltip/DefinitionTooltip.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/components/Tooltip/DefinitionTooltip.js

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

package/lib/internal/useId.js

@@ -9,7 +9,7 @@
 
 var React = require('react');
 var setupGetInstanceId = require('../tools/setupGetInstanceId.js');
-var environment = require('./environment.js');
+var useIsomorphicEffect = require('./useIsomorphicEffect.js');
 var useIdPrefix = require('./useIdPrefix.js');
 
 // This file was heavily inspired by:
@@ -48,7 +48,6 @@ const _React = {
   ...React
 };
 const instanceId = setupGetInstanceId.setupGetInstanceId();
-const useIsomorphicLayoutEffect = environment.canUseDOM ? React.useLayoutEffect : React.useEffect;
 let serverHandoffCompleted = false;
 const defaultId = 'id';
 
@@ -66,7 +65,7 @@ function useCompatibleId(prefix = defaultId) {
     }
     return null;
   });
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicEffect.default(() => {
     if (id === null) {
       setId(`${contextPrefix ? `${contextPrefix}-` : ``}${prefix}-${instanceId()}`);
     }

package/lib/internal/usePresence.js

@@ -9,6 +9,7 @@
 
 var React = require('react');
 var usePrefix = require('./usePrefix.js');
+var useIsomorphicEffect = require('./useIsomorphicEffect.js');
 
 const usePresence = (ref, isOpen) => {
   const prefix = usePrefix.usePrefix();
@@ -27,7 +28,7 @@ const usePresence = (ref, isOpen) => {
   const handleAnimationEnd = React.useCallback(() => {
     setExitState('finished');
   }, []);
-  React.useLayoutEffect(() => {
+  useIsomorphicEffect.default(() => {
     if (!ref.current || !isExiting) return;
 
     // resolve for JSDOM

package/lib/internal/useResizeObserver.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2025, 2025
+ * Copyright IBM Corp. 2025, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/internal/useResizeObserver.js

@@ -8,6 +8,7 @@
 'use strict';
 
 var React = require('react');
+var useIsomorphicEffect = require('./useIsomorphicEffect.js');
 
 const useResizeObserver = ({
   ref,
@@ -18,7 +19,7 @@ const useResizeObserver = ({
   const entriesToHandle = React.useRef(null);
   const cb = React.useRef(onResize);
   React.useEffect(() => {
-    // ref for onResize removes it as dependency from useLayoutEffect
+    // ref for onResize removes it as dependency from useIsomorphicEffect
     // This significantly reduces repeated calls if a function is redefined on every
     // render
     cb.current = onResize;
@@ -39,7 +40,7 @@ const useResizeObserver = ({
     getInitialSize();
     // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, [width, height]);
-  React.useLayoutEffect(() => {
+  useIsomorphicEffect.default(() => {
     if (!ref?.current) {
       return;
     }
@@ -50,9 +51,7 @@ const useResizeObserver = ({
       const entry = entriesToHandle.current[0];
       setWidth(entry.contentRect.width);
       setHeight(entry.contentRect.height);
-
-      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452
-      cb.current && cb.current(entry.contentRect);
+      cb.current?.(entry.contentRect);
     };
     const observer = new ResizeObserver(entries => {
       // always update entriesToHandle
@@ -68,7 +67,6 @@ const useResizeObserver = ({
     return () => {
       observer.disconnect();
     };
-    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, []);
   return {
     width,

package/lib/tools/events.d.ts

@@ -14,4 +14,4 @@ import type { SyntheticEvent } from 'react';
  * @param handlers - An array of event handler functions.
  * @returns A composite event handler.
  */
-export declare const composeEventHandlers: <E extends SyntheticEvent = SyntheticEvent<Element, Event>>(handlers: (((event: E, ...args: any[]) => void) | undefined)[]) => (event: E, ...args: any[]) => void;
+export declare const composeEventHandlers: <E extends SyntheticEvent = SyntheticEvent>(handlers: (((event: E, ...args: any[]) => void) | undefined)[]) => (event: E, ...args: any[]) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.100.0",
+  "version": "1.101.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -52,11 +52,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.27.3",
-    "@carbon/feature-flags": ">=0.32.0",
-    "@carbon/icons-react": "^11.74.0",
-    "@carbon/layout": "^11.47.0",
-    "@carbon/styles": "^1.99.0",
-    "@carbon/utilities": "^0.15.0",
+    "@carbon/feature-flags": "1.0.0",
+    "@carbon/icons-react": "^11.75.0",
+    "@carbon/layout": "^11.48.0",
+    "@carbon/styles": "^1.100.0",
+    "@carbon/utilities": "^0.16.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -78,8 +78,8 @@
     "@babel/preset-env": "^7.27.2",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@carbon/test-utils": "^10.39.0",
-    "@carbon/themes": "^11.67.0",
+    "@carbon/test-utils": "^10.40.0",
+    "@carbon/themes": "^11.68.0",
     "@figma/code-connect": "^1.3.5",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.3",
@@ -131,5 +131,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "f366448449df3d81c9bb63a8a842772d734c163a"
+  "gitHead": "6dde90f9edfb378e1585f1954c92484a37f22f02"
 }