@carbon/react 1.78.1 → 1.78.2

package/es/components/ProgressIndicator/ProgressIndicator.js

@@ -9,12 +9,12 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useState } from 'react';
-import { Enter, Space } from '../../internal/keyboard/keys.js';
-import { matches } from '../../internal/keyboard/match.js';
 import { Warning, Incomplete, CheckmarkOutline, CircleDash } from '@carbon/icons-react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import '../Text/index.js';
+import { matches } from '../../internal/keyboard/match.js';
 import { Text } from '../Text/Text.js';
+import { Enter, Space } from '../../internal/keyboard/keys.js';
 
 const defaultTranslations = {
   'carbon.progress-step.complete': 'Complete',

package/es/components/RadioTile/RadioTile.js

@@ -10,15 +10,15 @@ import { RadioButtonChecked, RadioButton, CheckmarkFilled } from '@carbon/icons-
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
-import { Enter, Space } from '../../internal/keyboard/keys.js';
-import { matches } from '../../internal/keyboard/match.js';
 import { useFallbackId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { noopFn } from '../../internal/noopFn.js';
 import '../Text/index.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
+import { matches } from '../../internal/keyboard/match.js';
 import { Text } from '../Text/Text.js';
+import { Enter, Space } from '../../internal/keyboard/keys.js';
 
 var _RadioButtonChecked, _RadioButton, _CheckmarkFilled;
 const RadioTile = /*#__PURE__*/React__default.forwardRef(function RadioTile(_ref, ref) {

package/es/components/Search/Search.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -62,7 +62,8 @@ export interface SearchProps extends InputPropsBase {
      */
     placeholder?: string;
     /**
-     * A component used to render an icon.
+     * Rendered icon for the Search.
+     * Can be a React component class
      */
     renderIcon?: ComponentType | FunctionComponent;
     /**

package/es/components/Search/Search.js

@@ -10,8 +10,7 @@ import { Close, Search as Search$1 } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useContext, useRef, useState } from 'react';
-import { Escape, Enter, Space } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
+import { focus } from '../../internal/focus/index.js';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { composeEventHandlers } from '../../tools/events.js';
@@ -19,6 +18,8 @@ import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import deprecate from '../../prop-types/deprecate.js';
 import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
+import { match } from '../../internal/keyboard/match.js';
+import { Escape, Enter, Space } from '../../internal/keyboard/keys.js';
 
 var _Close;
 const Search = /*#__PURE__*/React__default.forwardRef(function Search(_ref, forwardRef) {
@@ -89,7 +90,7 @@ const Search = /*#__PURE__*/React__default.forwardRef(function Search(_ref, forw
     onChange(clearedEvt);
     onClear();
     setHasContent(false);
-    inputRef.current?.focus();
+    focus(inputRef);
   }
   function handleChange(event) {
     setHasContent(event.target.value !== '');
@@ -220,7 +221,8 @@ Search.propTypes = {
    */
   placeholder: PropTypes.string,
   /**
-   * A component used to render an icon.
+   * Rendered icon for the Search.
+   * Can be a React component class
    */
   // @ts-expect-error: PropTypes are not expressive enough to cover this case
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),

package/es/components/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -355,13 +355,11 @@ declare class Slider extends PureComponent<SliderProps> {
      */
     clamp(val: any, min: any, max: any): number;
     /**
-     * Rounds a given value to the nearest step defined by the slider's `step`
-     * prop.
-     *
-     * @param value - The value to adjust to the nearest step. Defaults to `0`.
-     * @returns The value rounded to the precision determined by the step.
+     * Takes a value and ensures it fits to the steps of the range
+     * @param value
+     * @returns value of the nearest step
      */
-    nearestStepValue(value?: number): number;
+    nearestStepValue(value: any): number;
     /**
      * Sets up "drag" event handlers and calls `this.onDrag` in case dragging
      * started on somewhere other than the thumb without a corresponding "move"
@@ -444,16 +442,17 @@ declare class Slider extends PureComponent<SliderProps> {
     };
     calcDistanceToHandle: (handle: HandlePosition, clientX: any) => number;
     /**
-     * Calculates a new slider value based on the current value, a change delta,
-     * and a step.
+     * Given the current value, delta and step, calculate the new value.
      *
-     * @param currentValue - The starting value from which the slider is moving.
-     * @param delta - The amount to adjust the current value by.
-     * @param step - The step. Defaults to `1`.
-     * @returns The new slider value, rounded to the same number of decimal places
-     *          as the step.
-     */
-    calcValueForDelta: (currentValue: number, delta: number, step?: number) => number;
+     * @param {number} currentValue
+     *   Current value user is moving from.
+     * @param {number} delta
+     *   Movement from the current value. Can be positive or negative.
+     * @param {number} step
+     *   A value determining how much the value should increase/decrease by moving
+     *   the thumb by mouse.
+     */
+    calcValueForDelta: (currentValue: any, delta: any, step?: number) => any;
     /**
      * Sets state relevant to the given handle position.
      *

package/es/components/Slider/Slider.js

@@ -10,7 +10,6 @@ import React__default, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { ArrowDown, ArrowLeft, ArrowUp, ArrowRight, Enter } from '../../internal/keyboard/keys.js';
-import { matches } from '../../internal/keyboard/match.js';
 import { PrefixContext } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { FeatureFlagContext } from '../FeatureFlags/index.js';
@@ -20,6 +19,7 @@ import '../Tooltip/DefinitionTooltip.js';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { LowerHandle, LowerHandleFocus, UpperHandle, UpperHandleFocus } from './SliderHandles.js';
 import { throttle } from '../../node_modules/es-toolkit/dist/compat/function/throttle.mjs.js';
+import { matches } from '../../internal/keyboard/match.js';
 import { Text } from '../Text/Text.js';
 
 const ThumbWrapper = _ref => {
@@ -316,7 +316,7 @@ class Slider extends PureComponent {
           value,
           left
         } = this.calcValue({
-          value: this.calcValueForDelta(currentValue ?? this.props.min, delta, this.props.step)
+          value: this.calcValueForDelta(currentValue, delta, this.props.step)
         });
         this.setValueLeftForHandle(this.state.activeHandle, {
           value: this.nearestStepValue(value),
@@ -593,21 +593,19 @@ class Slider extends PureComponent {
       return Math.abs(handleX - clientX);
     });
     /**
-     * Calculates a new slider value based on the current value, a change delta,
-     * and a step.
+     * Given the current value, delta and step, calculate the new value.
      *
-     * @param currentValue - The starting value from which the slider is moving.
-     * @param delta - The amount to adjust the current value by.
-     * @param step - The step. Defaults to `1`.
-     * @returns The new slider value, rounded to the same number of decimal places
-     *          as the step.
+     * @param {number} currentValue
+     *   Current value user is moving from.
+     * @param {number} delta
+     *   Movement from the current value. Can be positive or negative.
+     * @param {number} step
+     *   A value determining how much the value should increase/decrease by moving
+     *   the thumb by mouse.
      */
     _defineProperty(this, "calcValueForDelta", function (currentValue, delta) {
       let step = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-      const base = delta > 0 ? Math.floor(currentValue / step) * step : currentValue;
-      const newValue = base + delta;
-      const decimals = (step.toString().split('.')[1] || '').length;
-      return Number(newValue.toFixed(decimals));
+      return (delta > 0 ? Math.floor(currentValue / step) * step : currentValue) + delta;
     });
     /**
      * Sets state relevant to the given handle position.
@@ -871,16 +869,18 @@ class Slider extends PureComponent {
   }
 
   /**
-   * Rounds a given value to the nearest step defined by the slider's `step`
-   * prop.
-   *
-   * @param value - The value to adjust to the nearest step. Defaults to `0`.
-   * @returns The value rounded to the precision determined by the step.
+   * Takes a value and ensures it fits to the steps of the range
+   * @param value
+   * @returns value of the nearest step
    */
-  nearestStepValue() {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    const decimals = (this.props.step?.toString().split('.')[1] || '').length;
-    return Number(value.toFixed(decimals));
+  nearestStepValue(value) {
+    const tempInput = document.createElement('input');
+    tempInput.type = 'range';
+    tempInput.min = `${this.props.min}`;
+    tempInput.max = `${this.props.max}`;
+    tempInput.step = `${this.props.step}`;
+    tempInput.value = `${value}`;
+    return parseFloat(tempInput.value);
   }
   getClientXFromEvent(event) {
     let clientX;

package/es/components/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -340,9 +340,12 @@ export interface TabProps extends HTMLAttributes<HTMLElement> {
      */
     renderButton?(): ReactNode;
     /**
-     * A component used to render an icon.
+     * Optional prop to render an icon next to the label.
+     * Can be a React component class
      */
-    renderIcon?: React.ElementType;
+    renderIcon?: ComponentType<{
+        size: number;
+    }>;
     /**
      * An optional label to render under the primary tab label.
      * Only useful for contained tabs.

package/es/components/Tabs/Tabs.js

@@ -27,8 +27,6 @@ import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { getInteractiveContent } from '../../internal/useNoInteractiveChildren.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { ArrowRight, ArrowLeft, Home, End, ArrowDown, ArrowUp, Delete } from '../../internal/keyboard/keys.js';
-import { matches, match } from '../../internal/keyboard/match.js';
 import { usePressable } from './usePressable.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { useEvent } from '../../internal/useEvent.js';
@@ -36,7 +34,9 @@ import { useMatchMedia } from '../../internal/useMatchMedia.js';
 import '../Text/index.js';
 import { BadgeIndicator } from '../BadgeIndicator/index.js';
 import { debounce } from '../../node_modules/es-toolkit/dist/compat/function/debounce.mjs.js';
+import { matches, match } from '../../internal/keyboard/match.js';
 import { Text } from '../Text/Text.js';
+import { ArrowRight, ArrowLeft, Home, End, ArrowDown, ArrowUp, Delete } from '../../internal/keyboard/keys.js';
 
 var _ChevronLeft, _ChevronRight, _BadgeIndicator;
 const verticalTabHeight = 64;
@@ -1007,21 +1007,22 @@ Tab.propTypes = {
    * Provide a handler that is invoked on the key down event for the control
    */
   onKeyDown: PropTypes.func,
-  /**
+  /*
    * An optional parameter to allow overriding the anchor rendering.
    * Useful for using Tab along with react-router or other client
    * side router libraries.
-   */
+   **/
   renderButton: PropTypes.func,
   /**
-   * A component used to render an icon.
+   * Optional prop to render an icon next to the label.
+   * Can be a React component class
    */
   // @ts-expect-error: Invalid prop type derivation
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  /**
+  /*
    * An optional label to render under the primary tab label.
-   * Only useful for contained tabs.
-   */
+  /* This prop is only useful for contained tabs
+   **/
   secondaryLabel: PropTypes.string
 };
 

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

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -30,7 +30,8 @@ export interface DismissibleTagBaseProps {
      */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
-     * A component used to render an icon.
+     * Optional prop to render a custom icon.
+     * Can be a React component class
      */
     renderIcon?: React.ElementType;
     /**
@@ -85,7 +86,8 @@ declare const DismissibleTag: {
          */
         onClose: PropTypes.Requireable<(...args: any[]) => any>;
         /**
-         * A component used to render an icon.
+         * Optional prop to render a custom icon.
+         * Can be a React component class
          */
         renderIcon: PropTypes.Requireable<object>;
         /**

package/es/components/Tag/DismissibleTag.js

@@ -119,7 +119,8 @@ DismissibleTag.propTypes = {
    */
   onClose: PropTypes.func,
   /**
-   * A component used to render an icon.
+   * Optional prop to render a custom icon.
+   * Can be a React component class
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**

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

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -33,7 +33,8 @@ export interface OperationalTagBaseProps {
      */
     id?: string;
     /**
-     * A component used to render an icon.
+     * Optional prop to render a custom icon.
+     * Can be a React component class
      */
     renderIcon?: React.ElementType;
     onClick?: MouseEventHandler;

package/es/components/Tag/OperationalTag.js

@@ -101,7 +101,8 @@ OperationalTag.propTypes = {
    */
   id: PropTypes.string,
   /**
-   * A component used to render an icon.
+   * Optional prop to render a custom icon.
+   * Can be a React component class
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**

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

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -22,7 +22,8 @@ export interface SelectableTagBaseProps {
      */
     id?: string;
     /**
-     * A component used to render an icon.
+     * Optional prop to render a custom icon.
+     * Can be a React component class
      */
     renderIcon?: React.ElementType;
     /**
@@ -64,7 +65,8 @@ declare const SelectableTag: {
          */
         id: PropTypes.Requireable<string>;
         /**
-         * A component used to render an icon.
+         * Optional prop to render a custom icon.
+         * Can be a React component class
          */
         renderIcon: PropTypes.Requireable<object>;
         /**

package/es/components/Tag/SelectableTag.js

@@ -98,7 +98,8 @@ SelectableTag.propTypes = {
    */
   id: PropTypes.string,
   /**
-   * A component used to render an icon.
+   * Optional prop to render a custom icon.
+   * Can be a React component class
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**

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

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -58,7 +58,8 @@ export interface TagBaseProps {
      */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
-     * A component used to render an icon.
+     * Optional prop to render a custom icon.
+     * Can be a React component class
      */
     renderIcon?: React.ElementType;
     /**

package/es/components/Tag/Tag.js

@@ -176,7 +176,8 @@ Tag.propTypes = {
    */
   onClose: deprecate(PropTypes.func, 'The `onClose` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
   /**
-   * A component used to render an icon.
+   * Optional prop to render a custom icon.
+   * Can be a React component class
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**

package/es/components/Tile/Tile.d.ts

@@ -4,7 +4,7 @@
  * 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, type MouseEvent, type KeyboardEvent, type HTMLAttributes, type ChangeEvent } from 'react';
+import React, { type ReactNode, type MouseEvent, type KeyboardEvent, type HTMLAttributes, type ChangeEvent, type ComponentType } from 'react';
 export interface TileProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     className?: string;
@@ -53,9 +53,11 @@ export interface ClickableTileProps extends HTMLAttributes<HTMLAnchorElement> {
      */
     href?: string;
     /**
-     * A component used to render an icon.
+     * Optional prop to allow overriding the icon rendering.
      */
-    renderIcon?: React.ElementType;
+    renderIcon?: ComponentType<{
+        className?: string;
+    }>;
     /**
      * Specify the function to run when the ClickableTile is clicked
      */

package/es/components/Tile/Tile.js

@@ -11,8 +11,6 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { AiLabel, CheckboxCheckedFilled, Checkbox, ChevronDown, ArrowRight, Error } from '@carbon/icons-react';
 import Link from '../Link/Link.js';
-import { Enter, Space } from '../../internal/keyboard/keys.js';
-import { matches } from '../../internal/keyboard/match.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { composeEventHandlers } from '../../tools/events.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -22,7 +20,9 @@ import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { useId } from '../../internal/useId.js';
 import '../Text/index.js';
+import { matches } from '../../internal/keyboard/match.js';
 import { Text } from '../Text/Text.js';
+import { Enter, Space } from '../../internal/keyboard/keys.js';
 
 var _CheckboxCheckedFille, _Checkbox, _ChevronDown, _ChevronDown2;
 const Tile = /*#__PURE__*/React__default.forwardRef(function Tile(_ref, ref) {
@@ -201,7 +201,8 @@ ClickableTile.propTypes = {
    */
   rel: PropTypes.string,
   /**
-   * A component used to render an icon.
+   * Optional prop to allow overriding the icon rendering.
+   * Can be a React component class
    */
   // @ts-expect-error: Invalid derived prop type, seemingly no real solution.
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
@@ -244,12 +245,9 @@ const SelectableTile = /*#__PURE__*/React__default.forwardRef(function Selectabl
     if (normalizedDecorator && decoratorRef.current && decoratorRef.current.contains(evt.target)) {
       return;
     }
-    setIsSelected(prevSelected => {
-      const newSelected = !prevSelected;
-      onChange(evt, newSelected, id);
-      return newSelected;
-    });
+    setIsSelected(!isSelected);
     clickHandler(evt);
+    onChange(evt, isSelected, id);
   }
   function handleKeyDown(evt) {
     evt?.persist?.();

package/es/components/Toggletip/index.js

@@ -10,11 +10,11 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useState, useContext } from 'react';
 import { Popover, PopoverContent } from '../Popover/index.js';
-import { Escape } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
 import { useWindowEvent } from '../../internal/useEvent.js';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import { match } from '../../internal/keyboard/match.js';
+import { Escape } from '../../internal/keyboard/keys.js';
 
 /**
  * Used to render the label for a Toggletip

package/es/components/Tooltip/DefinitionTooltip.js

@@ -10,11 +10,11 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useState } from 'react';
 import { Popover, PopoverContent } from '../Popover/index.js';
-import { Escape } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
 import { useFallbackId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
+import { match } from '../../internal/keyboard/match.js';
+import { Escape } from '../../internal/keyboard/keys.js';
 
 const DefinitionTooltip = _ref => {
   let {

package/es/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2023
  *
  * 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/es/components/Tooltip/Tooltip.js

@@ -10,13 +10,13 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useState, useCallback, useEffect } from 'react';
 import { Popover, PopoverContent } from '../Popover/index.js';
-import { Escape, Enter, Space } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
 import { useDelayedState } from '../../internal/useDelayedState.js';
 import { useId } from '../../internal/useId.js';
 import { useNoInteractiveChildren } from '../../internal/useNoInteractiveChildren.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
+import { match } from '../../internal/keyboard/match.js';
+import { Escape, Enter, Space } from '../../internal/keyboard/keys.js';
 
 /**
  * Event types that trigger a "drag" to stop.

package/es/components/TreeView/TreeNode.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -62,7 +62,8 @@ export type TreeNodeProps = {
      */
     onTreeSelect?: (event: React.MouseEvent, node?: TreeNodeProps) => void;
     /**
-     * A component used to render an icon.
+     * Optional prop to allow each node to have an associated icon.
+     * Can be a React component class
      */
     renderIcon?: ComponentType | FunctionComponent;
     /**
@@ -136,7 +137,8 @@ declare const TreeNode: React.ForwardRefExoticComponent<{
      */
     onTreeSelect?: (event: React.MouseEvent, node?: TreeNodeProps) => void;
     /**
-     * A component used to render an icon.
+     * Optional prop to allow each node to have an associated icon.
+     * Can be a React component class
      */
     renderIcon?: ComponentType | FunctionComponent;
     /**

package/es/components/TreeView/TreeNode.js

@@ -10,12 +10,12 @@ import { CaretDown } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useState, useEffect } from 'react';
-import { ArrowLeft, ArrowRight, Enter, Space } from '../../internal/keyboard/keys.js';
-import { matches, match } from '../../internal/keyboard/match.js';
 import { useControllableState } from '../../internal/useControllableState.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import uniqueId from '../../tools/uniqueId.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
+import { matches, match } from '../../internal/keyboard/match.js';
+import { ArrowLeft, ArrowRight, Enter, Space } from '../../internal/keyboard/keys.js';
 
 const TreeNode = /*#__PURE__*/React__default.forwardRef((_ref, forwardedRef) => {
   let {
@@ -400,7 +400,8 @@ TreeNode.propTypes = {
    */
   onTreeSelect: PropTypes.func,
   /**
-   * A component used to render an icon.
+   * Optional prop to allow each node to have an associated icon.
+   * Can be a React component class
    */
   // @ts-ignore
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),

package/es/components/TreeView/TreeView.js

@@ -9,13 +9,13 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useState, useEffect } from 'react';
-import { ArrowUp, ArrowDown, Home, End } from '../../internal/keyboard/keys.js';
-import { matches, match } from '../../internal/keyboard/match.js';
 import { useControllableState } from '../../internal/useControllableState.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import uniqueId from '../../tools/uniqueId.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import TreeNode from './TreeNode.js';
+import { matches, match } from '../../internal/keyboard/match.js';
+import { ArrowUp, ArrowDown, Home, End } from '../../internal/keyboard/keys.js';
 
 const TreeView = _ref => {
   let {

package/es/components/UIShell/HeaderContainer.js

@@ -8,9 +8,9 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default, { useState, useCallback } from 'react';
-import { Escape } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
 import { useWindowEvent } from '../../internal/useEvent.js';
+import { match } from '../../internal/keyboard/match.js';
+import { Escape } from '../../internal/keyboard/keys.js';
 
 function HeaderContainer(_ref) {
   let {