@carbon/react 1.80.0 → 1.81.0-rc.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.80.0",
+  "version": "1.81.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -47,15 +47,15 @@
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
-    "react-is": "^18.3.1 || ^19.0.0",
+    "react-is": "^16.13.1 || ^17.0.2 || ^18.3.1 || ^19.0.0",
     "sass": "^1.33.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.24.7",
     "@carbon/feature-flags": "^0.26.0",
-    "@carbon/icons-react": "^11.58.0",
-    "@carbon/layout": "^11.32.0",
-    "@carbon/styles": "^1.79.0",
+    "@carbon/icons-react": "^11.59.0-rc.0",
+    "@carbon/layout": "^11.33.0-rc.0",
+    "@carbon/styles": "^1.80.0-rc.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -64,7 +64,7 @@
     "es-toolkit": "^1.27.0",
     "flatpickr": "4.6.13",
     "invariant": "^2.2.3",
-    "prop-types": "^15.7.2",
+    "prop-types": "^15.8.1",
     "react-fast-compare": "^3.2.2",
     "tabbable": "^6.2.0",
     "use-resize-observer": "^9.1.0",
@@ -79,8 +79,8 @@
     "@babel/preset-env": "^7.24.7",
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
-    "@carbon/test-utils": "^10.35.0",
-    "@carbon/themes": "^11.50.0",
+    "@carbon/test-utils": "^10.36.0-rc.0",
+    "@carbon/themes": "^11.51.0-rc.0",
     "@figma/code-connect": "^1.2.4",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.0",
@@ -99,7 +99,7 @@
     "@storybook/react": "^8.4.7",
     "@storybook/react-webpack5": "^8.4.7",
     "@storybook/theming": "^8.4.7",
-    "@types/react-is": "~18.3.1",
+    "@types/react-is": "^19.0.0",
     "autoprefixer": "^10.4.0",
     "babel-loader": "^9.0.0",
     "babel-plugin-dev-expression": "^0.2.3",
@@ -117,10 +117,10 @@
     "postcss-loader": "^8.0.0",
     "prettier2": "npm:prettier@2",
     "process": "^0.11.10",
-    "prop-types": "^15.7.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-is": "^18.3.1",
+    "prop-types": "^15.8.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-is": "^16.13.1 || ^17.0.2 || ^18.3.1 || ^19.0.0",
     "remark-gfm": "^4.0.0",
     "requestanimationframe": "^0.0.23",
     "rimraf": "^6.0.0",
@@ -147,5 +147,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "7c4674649e1a5bd1367d99797df86cdc338eff6e"
+  "gitHead": "679420306589ea6cb50db59d208c7039020ebb4f"
 }

package/telemetry.yml

@@ -18,6 +18,7 @@ collect:
         - allowCustomValue
         - allowEmpty
         - aria-controls
+        - aria-current
         - aria-label
         - aria-labelledby
         - ariaLabel
@@ -259,8 +260,6 @@ collect:
         - ratio
         # Breadcrumb
         - noTrailingSlash
-        # BreadcrumbItem
-        - aria-current
         # ButtonSet
         - stacked
         # ChatButton
@@ -383,7 +382,7 @@ collect:
         # InlineLoading
         - onSuccess
         - successDelay
-        # Link
+        # LinkBase
         - visited
         # ListBox
         - invalidTextId
@@ -568,7 +567,7 @@ collect:
         - onTabCloseRequest
         # TabsVertical
         - height
-        # Tag
+        # TagBase
         - filter
         # TextArea
         - counterMode
@@ -629,6 +628,14 @@ collect:
         - top-left
         - top-right
         - top-start
+        # General - aria-current
+        - date
+        - "false"
+        - location
+        - page
+        - step
+        - time
+        - "true"
         # General - buttonKind
         - danger
         - danger--ghost
@@ -860,14 +867,6 @@ collect:
         - 3x4
         - 4x3
         - 9x16
-        # BreadcrumbItem - aria-current
-        - date
-        - "false"
-        - location
-        - page
-        - step
-        - time
-        - "true"
         # ContentSwitcher - selectionMode
         - automatic
         - manual

package/es/components/MultiSelect/index.js

@@ -1,13 +0,0 @@
-/**
- * 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.
- */
-
-import MultiSelect from './MultiSelect.js';
-export { default as MultiSelect, default } from './MultiSelect.js';
-import FilterableMultiSelect from './FilterableMultiSelect.js';
-export { default as FilterableMultiSelect } from './FilterableMultiSelect.js';
-
-FilterableMultiSelect.displayName = 'FilterableMultiSelect';

package/es/internal/ClickListener.d.ts

@@ -1,13 +0,0 @@
-/**
- * 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 React, { type ReactElement } from 'react';
-interface ClickListenerProps {
-    children: ReactElement;
-    onClickOutside: (event: MouseEvent) => void;
-}
-export declare const ClickListener: ({ children, onClickOutside, }: ClickListenerProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-export {};

package/es/internal/ClickListener.js

@@ -1,47 +0,0 @@
-/**
- * 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.
- */
-
-import { useRef, useEffect, cloneElement } from 'react';
-
-const ClickListener = _ref => {
-  let {
-    children,
-    onClickOutside
-  } = _ref;
-  const elementRef = useRef(null);
-  const getEventTarget = event => {
-    if (event.composed && typeof event.composedPath === 'function') {
-      return event.composedPath()[0];
-    }
-    return event.target;
-  };
-  const handleDocumentClick = event => {
-    if (elementRef.current?.contains) {
-      const eventTarget = getEventTarget(event);
-      if (eventTarget instanceof Node && !elementRef.current.contains(eventTarget)) {
-        onClickOutside(event);
-      }
-    }
-  };
-  useEffect(() => {
-    document.addEventListener('click', handleDocumentClick);
-    return () => {
-      document.removeEventListener('click', handleDocumentClick);
-    };
-  }, [onClickOutside]);
-  const handleRef = el => {
-    elementRef.current = el;
-    if ('ref' in children && typeof children.ref === 'function') {
-      children.ref(el);
-    }
-  };
-  return /*#__PURE__*/cloneElement(children, {
-    ref: handleRef
-  });
-};
-
-export { ClickListener };

package/lib/components/MultiSelect/index.js

@@ -1,19 +0,0 @@
-/**
- * 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.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var MultiSelect = require('./MultiSelect.js');
-var FilterableMultiSelect = require('./FilterableMultiSelect.js');
-
-FilterableMultiSelect["default"].displayName = 'FilterableMultiSelect';
-
-exports.MultiSelect = MultiSelect["default"];
-exports["default"] = MultiSelect["default"];
-exports.FilterableMultiSelect = FilterableMultiSelect["default"];

package/lib/internal/ClickListener.d.ts

@@ -1,13 +0,0 @@
-/**
- * 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 React, { type ReactElement } from 'react';
-interface ClickListenerProps {
-    children: ReactElement;
-    onClickOutside: (event: MouseEvent) => void;
-}
-export declare const ClickListener: ({ children, onClickOutside, }: ClickListenerProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-export {};

package/lib/internal/ClickListener.js

@@ -1,51 +0,0 @@
-/**
- * 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.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const ClickListener = _ref => {
-  let {
-    children,
-    onClickOutside
-  } = _ref;
-  const elementRef = React.useRef(null);
-  const getEventTarget = event => {
-    if (event.composed && typeof event.composedPath === 'function') {
-      return event.composedPath()[0];
-    }
-    return event.target;
-  };
-  const handleDocumentClick = event => {
-    if (elementRef.current?.contains) {
-      const eventTarget = getEventTarget(event);
-      if (eventTarget instanceof Node && !elementRef.current.contains(eventTarget)) {
-        onClickOutside(event);
-      }
-    }
-  };
-  React.useEffect(() => {
-    document.addEventListener('click', handleDocumentClick);
-    return () => {
-      document.removeEventListener('click', handleDocumentClick);
-    };
-  }, [onClickOutside]);
-  const handleRef = el => {
-    elementRef.current = el;
-    if ('ref' in children && typeof children.ref === 'function') {
-      children.ref(el);
-    }
-  };
-  return /*#__PURE__*/React.cloneElement(children, {
-    ref: handleRef
-  });
-};
-
-exports.ClickListener = ClickListener;