@carbon/react 1.89.0 → 1.90.0

package/lib/internal/useOverflowItems.js

@@ -40,6 +40,7 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
       setMaxWidth(newMax);
     }
   };
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   useResizeObserver.useResizeObserver({
     ref: containerRef,
     onResize: handleResize
@@ -89,14 +90,17 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
   };
 
   // Memoize visible items calculation to avoid recalculating on every render
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const visibleItems = React.useMemo(() => {
     if (!Array.isArray(items)) {
       return [];
     }
     return getVisibleItems();
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, [items, maxWidth, maxItems]);
 
   // Memoize hidden items calculation
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const hiddenItems = React.useMemo(() => {
     if (!Array.isArray(items)) {
       return [];
@@ -105,9 +109,11 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
   }, [items, visibleItems]);
 
   // Use previous value to compare and only call onChange when needed
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const previousHiddenItems = usePreviousValue.usePreviousValue(hiddenItems);
 
   // Only call onChange if hidden items actually changed
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   React.useEffect(() => {
   }, [hiddenItems, previousHiddenItems, onChange]);
   return {

package/lib/internal/useResizeObserver.js

@@ -37,6 +37,7 @@ const useResizeObserver = ({
       return;
     }
     getInitialSize();
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, [width, height]);
   React.useLayoutEffect(() => {
     if (!ref?.current) {
@@ -49,6 +50,8 @@ 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/20071
       cb.current && cb.current(entry.contentRect);
     };
     const observer = new ResizeObserver(entries => {
@@ -65,6 +68,7 @@ const useResizeObserver = ({
     return () => {
       observer.disconnect();
     };
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, []);
   return {
     width,

package/lib/internal/useSavedCallback.js

@@ -17,6 +17,7 @@ var React = require('react');
  *
  * @param callback - The callback to track.
  */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
 const useSavedCallback = callback => {
   const savedCallback = React.useRef(callback);
   React.useEffect(() => {

package/lib/internal/warning.js

@@ -24,6 +24,7 @@ const warning = process.env.NODE_ENV !== 'production' ? (condition, message) =>
     throw new Error('`warning(condition, message)` requires a warning ' + 'format argument');
   }
   if (!condition) {
+    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20071
     console.warn('Warning: ' + message);
   }
 } : noopFn.noopFn;

package/lib/prop-types/isRequiredOneOf.js

@@ -15,9 +15,12 @@
  *    are the names of the props, and the values are the prop-type validators.
  * @returns A new object of wrapped prop-type validators.
  */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
 const isRequiredOneOf = propTypes => {
   const names = Object.keys(propTypes);
-  const checker = propType => (props, propName, componentName, ...rest) => {
+  const checker = propType =>
+  // eslint-disable-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  (props, propName, componentName, ...rest) => {
     if (process.env.NODE_ENV !== 'production' && names.every(name => typeof props[name] === 'undefined')) {
       return new Error(`${componentName} requires one of the following props: ${names.join(', ')}`);
     }

package/lib/tools/events.js

@@ -16,7 +16,9 @@
  * @param handlers - An array of event handler functions.
  * @returns A composite event handler.
  */
-const composeEventHandlers = handlers => (event, ...args) => {
+const composeEventHandlers = handlers =>
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+(event, ...args) => {
   for (const handler of handlers) {
     if (event.defaultPrevented) {
       break;

package/lib/tools/wrapComponent.js

@@ -46,6 +46,7 @@ const wrapComponent = ({
   Component.propTypes = {
     className: PropTypes.string
   };
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   return Component;
 };
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.89.0",
+  "version": "1.90.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -53,10 +53,10 @@
   "dependencies": {
     "@babel/runtime": "^7.27.3",
     "@carbon/feature-flags": "^0.30.0",
-    "@carbon/icons-react": "^11.65.0",
-    "@carbon/layout": "^11.39.0",
-    "@carbon/styles": "^1.88.0",
-    "@carbon/utilities": "^0.8.0",
+    "@carbon/icons-react": "^11.66.0",
+    "@carbon/layout": "^11.40.0",
+    "@carbon/styles": "^1.89.0",
+    "@carbon/utilities": "^0.9.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -79,8 +79,8 @@
     "@babel/preset-env": "^7.27.2",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@carbon/test-utils": "^10.37.0",
-    "@carbon/themes": "^11.58.0",
+    "@carbon/test-utils": "^10.38.0",
+    "@carbon/themes": "^11.59.0",
     "@figma/code-connect": "^1.3.2",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.3",
@@ -106,8 +106,8 @@
     "fs-extra": "^11.0.0",
     "html-webpack-plugin": "^5.5.0",
     "mini-css-extract-plugin": "^2.4.5",
-    "postcss": "^8.4.5",
-    "postcss-loader": "^8.0.0",
+    "postcss": "^8.5.6",
+    "postcss-loader": "^8.1.1",
     "process": "^0.11.10",
     "prop-types": "^15.8.1",
     "react": "^19.0.0",
@@ -122,7 +122,7 @@
     "storybook": "^9.0.5",
     "stream-browserify": "^3.0.0",
     "style-loader": "^4.0.0",
-    "typescript-config-carbon": "^0.6.0",
+    "typescript-config-carbon": "^0.7.0",
     "use-sync-external-store": "^1.5.0",
     "webpack": "^5.65.0",
     "webpack-dev-server": "^5.0.0"
@@ -138,5 +138,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "d66cc6afbdf6802cf8b14042f20f7c350beef90b"
+  "gitHead": "7c8548ba752bea350cc1c6a4955b1b5184429015"
 }

package/telemetry.yml

@@ -328,6 +328,7 @@ collect:
         - focusAfterCloseRef
         - modal
         # DismissibleTag
+        - dismissTooltipAlignment
         - dismissTooltipLabel
         - tagTitle
         # ErrorBoundary
@@ -899,6 +900,19 @@ collect:
         # ContentSwitcher - selectionMode
         - automatic
         - manual
+        # DismissibleTag - dismissTooltipAlignment
+        - bottom
+        - bottom-end
+        - bottom-start
+        - left
+        - left-end
+        - left-start
+        - right
+        - right-end
+        - right-start
+        - top
+        - top-end
+        - top-start
         # FileUploader - filenameStatus
         - complete
         - edit