@carbon/react 1.101.0-rc.0 → 1.102.0-rc.0

package/lib/components/TreeView/TreeNode.js

@@ -245,7 +245,7 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
           return node;
         }
         if (node.classList.contains(`${prefix}--tree-node-link-parent`)) {
-          return node.firstChild;
+          return node.firstElementChild;
         }
         if (node.classList.contains(`${prefix}--tree`)) {
           return null;
@@ -267,7 +267,7 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
          * When focus is on a leaf node or a closed parent node, move focus to
          * its parent node (unless its depth is level 1)
          */
-        const parentNode = findParentTreeNode(href ? currentNode.current?.parentElement?.parentElement : currentNode.current?.parentElement);
+        const parentNode = findParentTreeNode((href ? currentNode.current?.parentElement?.parentElement : currentNode.current?.parentElement) ?? null);
         if (parentNode instanceof HTMLElement) {
           parentNode.focus();
         }

package/lib/components/TreeView/TreeView.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/UIShell/HeaderPanel.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/UIShell/HeaderPanel.js

@@ -63,8 +63,10 @@ const HeaderPanel = /*#__PURE__*/React.forwardRef(({
     };
   }
   useEvent.useWindowEvent('click', event => {
-    const target = event.target;
-    if (!(target instanceof HTMLElement)) return;
+    const {
+      target
+    } = event;
+    if (!(target instanceof Element)) return;
     setLastClickedElement(target);
     const isChildASwitcher = /*#__PURE__*/React.isValidElement(children) && typeof children.type !== 'string' && children.type === Switcher.default;
     if (isChildASwitcher && !target.closest(`.${prefix}--header-panel--expanded`) && !target.closest(`.${prefix}--header__action`) && !headerPanelReference?.current?.classList.contains(`${prefix}--switcher`) && expanded) {

package/lib/components/UIShell/SideNav.js

@@ -24,7 +24,7 @@ var useDelayedState = require('../../internal/useDelayedState.js');
 var layout = require('@carbon/layout');
 var useMatchMedia = require('../../internal/useMatchMedia.js');
 
-// TO-DO: comment back in when footer is added for rails
+// TODO: comment back in when footer is added for rails
 // import SideNavFooter from './SideNavFooter';
 
 const SideNavContext = /*#__PURE__*/React.createContext({});
@@ -39,7 +39,7 @@ const SideNav = frFn((props, ref) => {
     children,
     onToggle,
     className: customClassName,
-    // TO-DO: comment back in when footer is added for rails
+    // TODO: comment back in when footer is added for rails
     // translateById: t = (id) => translations[id],
     href,
     isFixedNav = false,
@@ -77,7 +77,7 @@ const SideNav = frFn((props, ref) => {
     'aria-labelledby': ariaLabelledBy
   };
 
-  // TO-DO: comment back in when footer is added for rails
+  // TODO: comment back in when footer is added for rails
   // const assistiveText = expanded
   //   ? t('carbon.sidenav.state.open')
   //   : t('carbon.sidenav.state.closed');

package/lib/components/UIShell/Switcher.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/UIShell/Switcher.js

@@ -65,7 +65,7 @@ const Switcher = /*#__PURE__*/React.forwardRef((props, forwardRef) => {
       }
     })();
     const switcherItem = switcherRef.current?.children[nextValidIndex]?.children[0];
-    if (switcherItem) {
+    if (switcherItem instanceof HTMLElement) {
       switcherItem.focus();
     }
   };

package/lib/feature-flags.js

@@ -7,28 +7,9 @@
 
 'use strict';
 
-var FeatureFlags = require('@carbon/feature-flags');
+var featureFlags = require('@carbon/feature-flags');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespaceDefault(FeatureFlags);
-
-FeatureFlags__namespace.merge({
+featureFlags.merge({
   'enable-css-custom-properties': true,
   'enable-css-grid': true,
   'enable-v11-release': true,

package/lib/internal/FloatingMenu.js

@@ -8,7 +8,7 @@
 'use strict';
 
 var React = require('react');
-var FeatureFlags = require('@carbon/feature-flags');
+var featureFlags = require('@carbon/feature-flags');
 var ReactDOM = require('react-dom');
 var keys = require('./keyboard/keys.js');
 var match = require('./keyboard/match.js');
@@ -18,25 +18,6 @@ var usePrefix = require('./usePrefix.js');
 var warning = require('./warning.js');
 var wrapFocus = require('./wrapFocus.js');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespaceDefault(FeatureFlags);
-
 const DIRECTION_LEFT = 'left';
 const DIRECTION_TOP = 'top';
 const DIRECTION_RIGHT = 'right';
@@ -295,8 +276,8 @@ const FloatingMenu = ({
       });
     }
   };
-  const deprecatedFlag = FeatureFlags__namespace.enabled('enable-experimental-focus-wrap-without-sentinels');
-  const focusTrapWithoutSentinelsFlag = FeatureFlags__namespace.enabled('enable-focus-wrap-without-sentinels');
+  const deprecatedFlag = featureFlags.enabled('enable-experimental-focus-wrap-without-sentinels');
+  const focusTrapWithoutSentinelsFlag = featureFlags.enabled('enable-focus-wrap-without-sentinels');
   const focusTrapWithoutSentinels = deprecatedFlag || focusTrapWithoutSentinelsFlag;
   if (typeof document !== 'undefined') {
     const portalTarget = target ? target() : document.body;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.101.0-rc.0",
+  "version": "1.102.0-rc.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.33.0-rc.0",
-    "@carbon/icons-react": "^11.75.0-rc.0",
-    "@carbon/layout": "^11.48.0-rc.0",
-    "@carbon/styles": "^1.100.0-rc.0",
-    "@carbon/utilities": "^0.16.0-rc.0",
+    "@carbon/feature-flags": "^1.0.0",
+    "@carbon/icons-react": "^11.76.0-rc.0",
+    "@carbon/layout": "^11.48.0",
+    "@carbon/styles": "^1.101.0-rc.0",
+    "@carbon/utilities": "^0.16.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -78,9 +78,9 @@
     "@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.68.0-rc.0",
-    "@figma/code-connect": "^1.3.5",
+    "@carbon/test-utils": "^10.40.0",
+    "@carbon/themes": "^11.69.0-rc.0",
+    "@figma/code-connect": "^1.3.13",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-node-resolve": "^16.0.1",
@@ -131,5 +131,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "2878146d9047a6482e745e7279807c93855e9c09"
+  "gitHead": "be65faf18c90ab4e6e60afdfad77d412220bd077"
 }

package/telemetry.yml

@@ -305,7 +305,6 @@ collect:
         - onAnimationEnd
         # DataTableSkeleton
         - columnCount
-        - compact
         - showHeader
         - showToolbar
         - zebra