@carbon/react 1.85.1 → 1.86.0

package/lib/components/TreeView/TreeView.js

@@ -20,6 +20,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 var useId = require('../../internal/useId.js');
 var index = require('../FeatureFlags/index.js');
 var TreeNode = require('./TreeNode.js');
+var TreeContext = require('./TreeContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -47,10 +48,11 @@ const TreeView = ({
   const prefix = usePrefix.usePrefix();
   const treeClasses = cx__default["default"](className, `${prefix}--tree`, {
     // @ts-ignore - will always be false according to prop types
+
     [`${prefix}--tree--${size}`]: size !== 'default'
   });
   const treeRootRef = React.useRef(null);
-  const treeWalker = React.useRef(treeRootRef?.current);
+  const treeWalker = React.useRef(null);
   const controllableSelectionState = useControllableState.useControllableState({
     value: preselected,
     onChange: newSelected => {
@@ -96,56 +98,14 @@ const TreeView = ({
       }
     }
   }
-  function handleFocusEvent(event) {
-    if (event.type === 'blur') {
-      const {
-        relatedTarget: currentFocusedNode,
-        target: prevFocusedNode
-      } = event;
-      if (treeRootRef?.current?.contains(currentFocusedNode)) {
-        prevFocusedNode.tabIndex = -1;
-      }
-    }
-    if (event.type === 'focus') {
-      resetNodeTabIndices();
-      const {
-        relatedTarget: prevFocusedNode,
-        target: currentFocusedNode
-      } = event;
-      if (treeRootRef?.current?.contains(prevFocusedNode)) {
-        prevFocusedNode.tabIndex = -1;
-      }
-      currentFocusedNode.tabIndex = 0;
+
+  // Set the first non-disabled node to be tabbable
+  React.useEffect(() => {
+    const firstNode = treeRootRef.current?.querySelector(`.${prefix}--tree-node:not(.${prefix}--tree-node--disabled)`);
+    if (firstNode instanceof HTMLElement) {
+      firstNode.tabIndex = 0;
     }
-  }
-  let focusTarget = false;
-  function enhanceTreeNodes(children) {
-    return React__default["default"].Children.map(children, child => {
-      if (! /*#__PURE__*/React__default["default"].isValidElement(child)) return child;
-      const isTreeNode = child.type === TreeNode["default"];
-      if (isTreeNode) {
-        const node = child;
-        const sharedNodeProps = {
-          active,
-          depth: 0,
-          onNodeFocusEvent: handleFocusEvent,
-          onTreeSelect: handleTreeSelect,
-          selected,
-          tabIndex: node.props.disabled ? undefined : -1
-        };
-        if (!focusTarget && !node.props.disabled) {
-          sharedNodeProps.tabIndex = 0;
-          focusTarget = true;
-        }
-        return /*#__PURE__*/React__default["default"].cloneElement(child, sharedNodeProps);
-      }
-      const newChildren = enhanceTreeNodes(child.props.children);
-      return /*#__PURE__*/React__default["default"].cloneElement(child, {
-        children: newChildren
-      });
-    });
-  }
-  const nodesWithProps = enhanceTreeNodes(children);
+  }, [children, prefix]);
   function handleKeyDown(event) {
     event.stopPropagation();
     if (match.matches(event, [keys.ArrowUp, keys.ArrowDown, keys.Home, keys.End])) {
@@ -169,12 +129,12 @@ const TreeView = ({
       const nodeIds = [];
       if (match.matches(event, [keys.Home, keys.End])) {
         if (multiselect && event.shiftKey && event.ctrlKey && treeWalker.current.currentNode instanceof Element && !treeWalker.current.currentNode.getAttribute('aria-disabled') && !treeWalker.current.currentNode.classList.contains(`${prefix}--tree-node--hidden`)) {
-          nodeIds.push(treeWalker.current.currentNode?.id);
+          nodeIds.push(treeWalker.current.currentNode.id);
         }
         while (match.match(event, keys.Home) ? treeWalker.current.previousNode() : treeWalker.current.nextNode()) {
           nextFocusNode = treeWalker.current.currentNode;
           if (multiselect && event.shiftKey && event.ctrlKey && nextFocusNode instanceof Element && !nextFocusNode.getAttribute('aria-disabled') && !nextFocusNode.classList.contains(`${prefix}--tree-node--hidden`)) {
-            nodeIds.push(nextFocusNode?.id);
+            nodeIds.push(nextFocusNode.id);
           }
         }
       }
@@ -185,7 +145,7 @@ const TreeView = ({
         treeWalker.current.currentNode = treeWalker.current.root;
         while (treeWalker.current.nextNode()) {
           if (treeWalker.current.currentNode instanceof Element && !treeWalker.current.currentNode.getAttribute('aria-disabled') && !treeWalker.current.currentNode.classList.contains(`${prefix}--tree-node--hidden`)) {
-            nodeIds.push(treeWalker.current.currentNode?.id);
+            nodeIds.push(treeWalker.current.currentNode.id);
           }
         }
       }
@@ -201,38 +161,41 @@ const TreeView = ({
     rest?.onKeyDown?.(event);
   }
   React.useEffect(() => {
-    treeWalker.current = treeWalker.current ?? document.createTreeWalker(treeRootRef?.current, NodeFilter.SHOW_ELEMENT, {
-      acceptNode: function (node) {
-        if (!(node instanceof Element)) {
+    if (treeRootRef.current && !treeWalker.current) {
+      treeWalker.current = document.createTreeWalker(treeRootRef.current, NodeFilter.SHOW_ELEMENT, {
+        acceptNode: function (node) {
+          if (!(node instanceof Element)) {
+            return NodeFilter.FILTER_SKIP;
+          }
+          if (node.classList.contains(`${prefix}--tree-node--disabled`) || node.classList.contains(`${prefix}--tree-node--hidden`)) {
+            return NodeFilter.FILTER_REJECT;
+          }
+          if (node.matches(`.${prefix}--tree-node`)) {
+            return NodeFilter.FILTER_ACCEPT;
+          }
           return NodeFilter.FILTER_SKIP;
         }
-        if (node.classList.contains(`${prefix}--tree-node--disabled`) || node.classList.contains(`${prefix}--tree-node--hidden`)) {
-          return NodeFilter.FILTER_REJECT;
-        }
-        if (node.matches(`.${prefix}--tree-node`)) {
-          return NodeFilter.FILTER_ACCEPT;
-        }
-        return NodeFilter.FILTER_SKIP;
-      }
-    });
-  }, [prefix]);
-  const useActiveAndSelectedOnMount = () => React.useEffect(() => {
-    if (!enableTreeviewControllable) {
-      if (preselected?.length) {
-        setSelected(preselected);
-      }
-      if (prespecifiedActive) {
-        setActive(prespecifiedActive);
-      }
+      });
     }
-  }, []);
-  useActiveAndSelectedOnMount();
+  }, [prefix]);
   const labelId = `${treeId}__label`;
   const TreeLabel = () => !hideLabel ? /*#__PURE__*/React__default["default"].createElement("label", {
     id: labelId,
     className: `${prefix}--label`
   }, label) : null;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TreeLabel, null), /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  const treeContextValue = React.useMemo(() => ({
+    active,
+    multiselect,
+    onActivate: setActive,
+    onTreeSelect: handleTreeSelect,
+    selected,
+    size
+  }), [active, multiselect, setActive, handleTreeSelect, selected, size]);
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TreeLabel, null), /*#__PURE__*/React__default["default"].createElement(TreeContext.TreeContext.Provider, {
+    value: treeContextValue
+  }, /*#__PURE__*/React__default["default"].createElement(TreeContext.DepthContext.Provider, {
+    value: 0
+  }, /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({}, rest, {
     "aria-label": hideLabel ? label : undefined,
     "aria-labelledby": !hideLabel ? labelId : undefined,
     "aria-multiselectable": multiselect || undefined,
@@ -240,7 +203,7 @@ const TreeView = ({
     onKeyDown: handleKeyDown,
     ref: treeRootRef,
     role: "tree"
-  }), nodesWithProps));
+  }), children))));
 };
 TreeView.propTypes = {
   /**

package/lib/components/UIShell/HeaderMenu.js

@@ -205,7 +205,7 @@ HeaderMenu.propTypes = {
    * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.
    * @deprecated Please use `isActive` instead. This will be removed in the next major release.
    */
-  isCurrentPage: deprecate["default"](PropTypes__default["default"].bool, 'The `isCurrentPage` prop for `HeaderMenu` has ' + 'been deprecated. Please use `isActive` instead. This will be removed in the next major release.'),
+  isCurrentPage: deprecate.deprecate(PropTypes__default["default"].bool, 'The `isCurrentPage` prop for `HeaderMenu` has ' + 'been deprecated. Please use `isActive` instead. This will be removed in the next major release.'),
   /**
    * Provide a label for the link text
    */

package/lib/components/UIShell/HeaderMenuItem.d.ts

@@ -1,5 +1,5 @@
 /**
- * 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.

package/lib/components/UIShell/HeaderMenuItem.js

@@ -82,7 +82,7 @@ HeaderMenuItem.propTypes = {
    * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.
    * @deprecated Please use `isActive` instead. This will be removed in the next major release.
    */
-  isCurrentPage: deprecate["default"](PropTypes__default["default"].bool, 'The `isCurrentPage` prop for `HeaderMenuItem` has ' + 'been deprecated. Please use `isActive` instead. This will be removed in the next major release.'),
+  isCurrentPage: deprecate.deprecate(PropTypes__default["default"].bool, 'The `isCurrentPage` prop for `HeaderMenuItem` has ' + 'been deprecated. Please use `isActive` instead. This will be removed in the next major release.'),
   /**
    * Optionally supply a role for the underlying `<li>` node. Useful for resetting
    * `<ul>` semantics for menus.

package/lib/components/UIShell/HeaderName.d.ts

@@ -32,7 +32,7 @@ declare namespace HeaderName {
          */
         prefix: PropTypes.Requireable<string>;
         as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        element: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        element: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
         isSideNavExpanded: PropTypes.Requireable<boolean>;
     };
 }

package/lib/components/UIShell/Link.d.ts

@@ -1,5 +1,5 @@
 /**
- * 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.
@@ -40,7 +40,7 @@ declare const LinkPropTypes: {
      * @deprecated Use `as` instead
      *
      */
-    element: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+    element: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
     /**
      * Property to indicate if the side nav container is open (or not). Use to
      * keep local state and styling in step with the SideNav expansion state.

package/lib/components/UIShell/Link.js

@@ -57,7 +57,7 @@ const LinkPropTypes = {
    * @deprecated Use `as` instead
    *
    */
-  element: deprecate["default"](PropTypes__default["default"].elementType, 'The `element` prop for `Link` has been deprecated. Please use `as` ' + 'instead. This will be removed in the next major release.'),
+  element: deprecate.deprecate(PropTypes__default["default"].elementType, 'The `element` prop for `Link` has been deprecated. Please use `as` ' + 'instead. This will be removed in the next major release.'),
   /**
    * Property to indicate if the side nav container is open (or not). Use to
    * keep local state and styling in step with the SideNav expansion state.

package/lib/components/UIShell/Switcher.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, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export interface BaseSwitcherProps {
     /**
      * expects to receive <SwitcherItem />

package/lib/components/UIShell/Switcher.js

@@ -16,7 +16,34 @@ var usePrefix = require('../../internal/usePrefix.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');
 var PropTypes = require('prop-types');
 var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
+require('./Content.js');
+require('./Header.js');
+require('./HeaderContainer.js');
+require('./HeaderGlobalAction.js');
+require('./HeaderGlobalBar.js');
+require('./HeaderMenu.js');
+require('./HeaderMenuButton.js');
+require('./HeaderMenuItem.js');
+require('./HeaderName.js');
+require('./HeaderNavigation.js');
+require('./HeaderPanel.js');
+require('./HeaderSideNavItems.js');
 var SwitcherItem = require('./SwitcherItem.js');
+var SwitcherDivider = require('./SwitcherDivider.js');
+require('./SkipToContent.js');
+require('./SideNav.js');
+require('./SideNavDetails.js');
+require('./SideNavDivider.js');
+require('./SideNavFooter.js');
+require('./SideNavHeader.js');
+require('./SideNavIcon.js');
+require('./SideNavItem.js');
+require('./SideNavItems.js');
+require('./SideNavLink.js');
+require('./SideNavLinkText.js');
+require('./SideNavMenu.js');
+require('./SideNavMenuItem.js');
+require('./SideNavSwitcher.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -46,8 +73,8 @@ const Switcher = /*#__PURE__*/React.forwardRef(function Switcher(props, forwardR
     currentIndex,
     direction
   }) => {
-    const enabledIndices = React__default["default"].Children.toArray(children).reduce((acc, curr, i) => {
-      if (/*#__PURE__*/React__default["default"].isValidElement(curr) && Object.keys(curr.props).length !== 0 && curr.type === SwitcherItem["default"]) {
+    const enabledIndices = React.Children.toArray(children).reduce((acc, child, i) => {
+      if (/*#__PURE__*/React.isValidElement(child) && child.type === SwitcherItem["default"] && Object.keys(child.props).length) {
         acc.push(i);
       }
       return acc;
@@ -73,21 +100,21 @@ const Switcher = /*#__PURE__*/React.forwardRef(function Switcher(props, forwardR
       switcherItem.focus();
     }
   };
-  const childrenWithProps = React__default["default"].Children.toArray(children).map((child, index) => {
-    // only setup click handlers if onChange event is passed
-    if (/*#__PURE__*/React__default["default"].isValidElement(child) && child.type === SwitcherItem["default"]) {
-      return /*#__PURE__*/React__default["default"].cloneElement(child, {
+  const childrenWithProps = React.Children.toArray(children).map((child, index) => {
+    if (/*#__PURE__*/React.isValidElement(child) && child.type === SwitcherItem["default"]) {
+      return /*#__PURE__*/React.cloneElement(child, {
         handleSwitcherItemFocus,
         index,
         key: index,
         expanded
       });
     }
-    return /*#__PURE__*/React__default["default"].cloneElement(child, {
-      index,
-      key: index,
-      expanded
-    });
+    if (/*#__PURE__*/React.isValidElement(child) && child.type === SwitcherDivider["default"]) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        key: index
+      });
+    }
+    return child;
   });
   return /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
     ref: ref,

package/lib/index.js

@@ -277,7 +277,7 @@ exports.useContextMenu = useContextMenu["default"];
 exports.Copy = Copy["default"];
 exports.CopyButton = CopyButton["default"];
 exports.DangerButton = DangerButton["default"];
-exports.DataTable = DataTable["default"];
+exports.DataTable = DataTable.DataTable;
 exports.Table = Table.Table;
 exports.TableActionList = TableActionList["default"];
 exports.TableBatchAction = TableBatchAction["default"];

package/lib/internal/useNoInteractiveChildren.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 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 RefObject } from 'react';
+export declare const useNoInteractiveChildren: (ref: RefObject<HTMLElement | null>, message?: string) => void;
+export declare const useInteractiveChildrenNeedDescription: (ref: RefObject<HTMLElement | null>, message?: string) => void;
+/**
+ * Determines if a given DOM node has interactive content, or is itself
+ * interactive. It returns the interactive node if one is found.
+ *
+ * @param node - The node to check.
+ * @returns The interactive node, or `null` if none is found.
+ */
+export declare const getInteractiveContent: (node: HTMLElement) => HTMLElement | null;
+/**
+ * Determines if a given DOM node has a `role`, or has itself a `role`.
+ * It returns the node with a `role` if one is found.
+ *
+ * @param node - The node to check.
+ * @returns The node with a `role`, or `null` if none is found.
+ */
+export declare const getRoleContent: (node: HTMLElement) => HTMLElement | null;

package/lib/internal/useNoInteractiveChildren.js

@@ -11,7 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-function useNoInteractiveChildren(ref, message = 'component should have no interactive child nodes') {
+const useNoInteractiveChildren = (ref, message = 'component should have no interactive child nodes') => {
+  // TODO: Why can't the condition go inside the hook?
   if (process.env.NODE_ENV !== 'production') {
     // TODO: https://github.com/carbon-design-system/carbon/issues/19005
     /*
@@ -21,14 +22,14 @@ function useNoInteractiveChildren(ref, message = 'component should have no inter
       const node = ref.current ? getInteractiveContent(ref.current) : false;
       if (node) {
         const errorMessage = `Error: ${message}.\n\nInstead found: ${node.outerHTML}`;
-        // eslint-disable-next-line no-console
         console.error(errorMessage);
         throw new Error(errorMessage);
       }
     }, []);
   }
-}
-function useInteractiveChildrenNeedDescription(ref, message = `interactive child node(s) should have an \`aria-describedby\` property`) {
+};
+const useInteractiveChildrenNeedDescription = (ref, message = `interactive child node(s) should have an \`aria-describedby\` property`) => {
+  // TODO: Why can't the condition go inside the hook?
   if (process.env.NODE_ENV !== 'production') {
     // TODO: https://github.com/carbon-design-system/carbon/issues/19005
     /*
@@ -41,16 +42,16 @@ function useInteractiveChildrenNeedDescription(ref, message = `interactive child
       }
     });
   }
-}
+};
 
 /**
  * Determines if a given DOM node has interactive content, or is itself
- * interactive. It returns the interactive node if one is found
+ * interactive. It returns the interactive node if one is found.
  *
- * @param {HTMLElement} node
- * @returns {HTMLElement}
+ * @param node - The node to check.
+ * @returns The interactive node, or `null` if none is found.
  */
-function getInteractiveContent(node) {
+const getInteractiveContent = node => {
   if (!node || !node.childNodes) {
     return null;
   }
@@ -58,60 +59,66 @@ function getInteractiveContent(node) {
     return node;
   }
   for (const childNode of node.childNodes) {
-    const interactiveNode = getInteractiveContent(childNode);
-    if (interactiveNode) {
-      return interactiveNode;
+    if (childNode instanceof HTMLElement) {
+      const interactiveNode = getInteractiveContent(childNode);
+      if (interactiveNode) {
+        return interactiveNode;
+      }
     }
   }
   return null;
-}
+};
 
 /**
- * Determines if a given DOM node has a role, or has itself a role.
- * It returns the node with a role if one is found
+ * Determines if a given DOM node has a `role`, or has itself a `role`.
+ * It returns the node with a `role` if one is found.
  *
- * @param {HTMLElement} node
- * @returns {HTMLElement}
+ * @param node - The node to check.
+ * @returns The node with a `role`, or `null` if none is found.
  */
-function getRoleContent(node) {
+const getRoleContent = node => {
   if (!node || !node.childNodes) {
     return null;
   }
-  if (node?.getAttribute?.('role') && node.getAttribute('role') !== '') {
+  if (node.getAttribute('role') && node.getAttribute('role') !== '') {
     return node;
   }
   for (const childNode of node.childNodes) {
-    const roleNode = getRoleContent(childNode);
-    if (roleNode) {
-      return roleNode;
+    if (childNode instanceof HTMLElement) {
+      const roleNode = getRoleContent(childNode);
+      if (roleNode) {
+        return roleNode;
+      }
     }
   }
   return null;
-}
+};
 
 /**
- * Determines if the given element is focusable, or not
+ * Determines if the given element is focusable.
  *
- * @param {HTMLElement} element
- * @returns {boolean}
+ * @param element - The element to check.
+ * @returns Whether the element is focusable.
  * @see https://github.com/w3c/aria-practices/blob/0553bb51588ffa517506e2a1b2ca1422ed438c5f/examples/js/utils.js#L68
  */
-function isFocusable(element) {
+const isFocusable = element => {
   if (element.tabIndex === undefined || element.tabIndex < 0) {
     return false;
   }
-  if (element.disabled) {
-    return false;
+  if (element instanceof HTMLButtonElement || element instanceof HTMLInputElement || element instanceof HTMLSelectElement || element instanceof HTMLTextAreaElement) {
+    if (element.disabled) {
+      return false;
+    }
   }
   switch (element.nodeName) {
     case 'A':
-      return !!element.href && element.rel !== 'ignore';
+      return element instanceof HTMLAnchorElement && !!element.href && element.rel !== 'ignore';
     case 'INPUT':
-      return element.type !== 'hidden';
+      return element instanceof HTMLInputElement && element.type !== 'hidden';
     default:
       return true;
   }
-}
+};
 
 exports.getInteractiveContent = getInteractiveContent;
 exports.getRoleContent = getRoleContent;

package/lib/prop-types/deprecate.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ */
+type PropValidator = (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
+/**
+ * Wraps a prop-type validator with a deprecation warning.
+ *
+ * @param propType - The original prop validator function.
+ * @param message - Deprecation message.
+ * @returns A new validator function that emits a warning the first time a
+ *          deprecated prop is used.
+ */
+export declare const deprecate: (propType: PropValidator, message?: string) => PropValidator;
+export {};

package/lib/prop-types/deprecate.js

@@ -11,22 +11,32 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var warning = require('../internal/warning.js');
 
-const didWarnAboutDeprecation = {};
-function deprecate(propType, message) {
-  function checker(props, propName, componentName, ...rest) {
-    if (props[propName] === undefined) {
+const warningCache = new Map();
+
+/**
+ * Wraps a prop-type validator with a deprecation warning.
+ *
+ * @param propType - The original prop validator function.
+ * @param message - Deprecation message.
+ * @returns A new validator function that emits a warning the first time a
+ *          deprecated prop is used.
+ */
+const deprecate = (propType, message) => {
+  const checker = (props, propName, componentName, ...rest) => {
+    if (typeof props[propName] === 'undefined') {
       return;
     }
-    if (!didWarnAboutDeprecation[componentName] || !didWarnAboutDeprecation[componentName][propName]) {
-      didWarnAboutDeprecation[componentName] = {
-        ...didWarnAboutDeprecation[componentName],
-        [propName]: true
-      };
+    if (!warningCache.has(componentName)) {
+      warningCache.set(componentName, new Set());
+    }
+    const warnedProps = warningCache.get(componentName);
+    if (warnedProps && !warnedProps.has(propName)) {
+      warnedProps.add(propName);
       process.env.NODE_ENV !== "production" ? warning.warning(false, message || `The prop \`${propName}\` has been deprecated for the ` + `${componentName} component. It will be removed in the next major ` + `release`) : void 0;
     }
     return propType(props, propName, componentName, ...rest);
-  }
+  };
   return checker;
-}
+};
 
-exports["default"] = deprecate;
+exports.deprecate = deprecate;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.85.1",
+  "version": "1.86.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -55,7 +55,7 @@
     "@carbon/feature-flags": "^0.27.0",
     "@carbon/icons-react": "^11.62.0",
     "@carbon/layout": "^11.36.0",
-    "@carbon/styles": "^1.84.0",
+    "@carbon/styles": "^1.85.0",
     "@carbon/utilities": "^0.7.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
@@ -139,5 +139,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "467c96c1d82d6b1261cf8f17ee1c8b27d0bc572f"
+  "gitHead": "62119bab35028f3935a28e7bb09d2c234f061302"
 }