@carbon/react 1.103.0 → 1.104.0-rc.0

package/lib/prop-types/deprecate.js

@@ -1,40 +1,41 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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.
  */
 
-'use strict';
-
-var warning = require('../internal/warning.js');
-
-const warningCache = new Map();
+const require_warning = require('../internal/warning.js');
 
+//#region src/prop-types/deprecate.ts
 /**
- * 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.
- */
+* 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.
+*/
+const warningCache = /* @__PURE__ */ 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 (!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;
+	const checker = (props, propName, componentName, ...rest) => {
+		if (typeof props[propName] === "undefined") return;
+		if (!warningCache.has(componentName)) warningCache.set(componentName, /* @__PURE__ */ new Set());
+		const warnedProps = warningCache.get(componentName);
+		if (warnedProps && !warnedProps.has(propName)) {
+			warnedProps.add(propName);
+			require_warning.warning(false, message || `The prop \`${propName}\` has been deprecated for the ${componentName} component. It will be removed in the next major release`);
+		}
+		return propType(props, propName, componentName, ...rest);
+	};
+	return checker;
 };
 
-exports.deprecate = deprecate;
+//#endregion
+exports.deprecate = deprecate;

package/lib/prop-types/deprecateComponent.js

@@ -1,21 +1,28 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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.
  */
 
-'use strict';
-
-var warning = require('../internal/warning.js');
+const require_warning = require('../internal/warning.js');
 
+//#region src/prop-types/deprecateComponent.ts
+/**
+* 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.
+*/
 const didWarnAboutDeprecation = {};
 const deprecateComponent = (componentName, message) => {
-  if (!didWarnAboutDeprecation[componentName]) {
-    didWarnAboutDeprecation[componentName] = true;
-    process.env.NODE_ENV !== "production" ? warning.warning(false, message) : void 0;
-  }
-  return componentName;
+	if (!componentName) return;
+	if (!didWarnAboutDeprecation[componentName]) {
+		didWarnAboutDeprecation[componentName] = true;
+		require_warning.warning(false, message || `The ${componentName} component has been deprecated and will be removed in the next major release.`);
+	}
+	return componentName;
 };
 
-exports.deprecateComponent = deprecateComponent;
+//#endregion
+exports.deprecateComponent = deprecateComponent;

package/lib/prop-types/deprecateValuesWithin.js

@@ -1,34 +1,29 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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.
  */
 
-'use strict';
-
-var warning = require('../internal/warning.js');
+const require_warning = require('../internal/warning.js');
 
+//#region src/prop-types/deprecateValuesWithin.ts
 const didWarnAboutDeprecation = {};
 const deprecateValuesWithin = (propType, allowedValues, propMappingFunction) => {
-  return (props, propName, componentName, ...rest) => {
-    if (typeof props[propName] === 'undefined') {
-      return null;
-    }
-    if (!didWarnAboutDeprecation[componentName] || !didWarnAboutDeprecation[componentName][propName]) {
-      didWarnAboutDeprecation[componentName] = {
-        ...didWarnAboutDeprecation[componentName],
-        [propName]: true
-      };
-      const deprecatedValue = props[propName];
-      const newValue = propMappingFunction ? propMappingFunction(deprecatedValue) : null;
-      if (allowedValues && !allowedValues.includes(deprecatedValue)) {
-        const message = propMappingFunction ? `"${deprecatedValue}" is a deprecated value for the "${propName}" prop on the "${componentName}" component. Use "${newValue}" instead. "${deprecatedValue}" will be removed in the next major release.` : `"${deprecatedValue}" is a deprecated value for the "${propName}" prop on the "${componentName}" component. Allowed values is/are: ${allowedValues.join(', ')}.  "${deprecatedValue}" will be removed in the next major release. `;
-        process.env.NODE_ENV !== "production" ? warning.warning(false, message) : void 0;
-      }
-    }
-    return propType(props, propName, componentName, ...rest);
-  };
+	return (props, propName, componentName, ...rest) => {
+		if (typeof props[propName] === "undefined") return null;
+		if (!didWarnAboutDeprecation[componentName] || !didWarnAboutDeprecation[componentName][propName]) {
+			didWarnAboutDeprecation[componentName] = {
+				...didWarnAboutDeprecation[componentName],
+				[propName]: true
+			};
+			const deprecatedValue = props[propName];
+			const newValue = propMappingFunction ? propMappingFunction(deprecatedValue) : null;
+			if (allowedValues && !allowedValues.includes(deprecatedValue)) require_warning.warning(false, propMappingFunction ? `"${deprecatedValue}" is a deprecated value for the "${propName}" prop on the "${componentName}" component. Use "${newValue}" instead. "${deprecatedValue}" will be removed in the next major release.` : `"${deprecatedValue}" is a deprecated value for the "${propName}" prop on the "${componentName}" component. Allowed values is/are: ${allowedValues.join(", ")}.  "${deprecatedValue}" will be removed in the next major release. `);
+		}
+		return propType(props, propName, componentName, ...rest);
+	};
 };
 
-exports.deprecateValuesWithin = deprecateValuesWithin;
+//#endregion
+exports.deprecateValuesWithin = deprecateValuesWithin;

package/lib/prop-types/isRequiredOneOf.js

@@ -1,35 +1,31 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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.
  */
 
-'use strict';
 
+//#region src/prop-types/isRequiredOneOf.ts
 /**
- * Returns a set of prop-type validators that enforce at least one of the
- * specified props must be provided.
- *
- * @param propTypes - An object of prop-type validators. The keys of the object
- *    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/20452
-const isRequiredOneOf = propTypes => {
-  const names = Object.keys(propTypes);
-  const checker = propType =>
-  // eslint-disable-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-  (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(', ')}`);
-    }
-    return propType(props, propName, componentName, ...rest);
-  };
-  return names.reduce((acc, name) => ({
-    ...acc,
-    [name]: checker(propTypes[name])
-  }), {});
+* Returns a set of prop-type validators that enforce at least one of the
+* specified props must be provided.
+*
+* @param propTypes - An object of prop-type validators. The keys of the object
+*    are the names of the props, and the values are the prop-type validators.
+* @returns A new object of wrapped prop-type validators.
+*/
+const isRequiredOneOf = (propTypes) => {
+	const names = Object.keys(propTypes);
+	const checker = (propType) => (props, propName, componentName, ...rest) => {
+		if (process.env.NODE_ENV !== "production" && names.every((name) => typeof props[name] === "undefined")) return /* @__PURE__ */ new Error(`${componentName} requires one of the following props: ${names.join(", ")}`);
+		return propType(props, propName, componentName, ...rest);
+	};
+	return names.reduce((acc, name) => ({
+		...acc,
+		[name]: checker(propTypes[name])
+	}), {});
 };
 
-exports.isRequiredOneOf = isRequiredOneOf;
+//#endregion
+exports.isRequiredOneOf = isRequiredOneOf;

package/lib/prop-types/requiredIfGivenPropIsTruthy.js

@@ -1,26 +1,25 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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.
  */
 
-'use strict';
 
+//#region src/prop-types/requiredIfGivenPropIsTruthy.ts
 /**
- * @param name The name of the prop that must exist to validate the current
- * prop.
- * @param propType The original prop type checker.
- * @returns The new prop type checker for the current prop that becomes required
- * if the prop corresponding to the provided prop name exists.
- */
+* @param name The name of the prop that must exist to validate the current
+* prop.
+* @param propType The original prop type checker.
+* @returns The new prop type checker for the current prop that becomes required
+* if the prop corresponding to the provided prop name exists.
+*/
 const requiredIfGivenPropIsTruthy = (name, propType) => {
-  return (props, propName, componentName, ...rest) => {
-    if (process.env.NODE_ENV !== 'production' && props[name] === true && props[propName] === null) {
-      return new Error(`You must provide a value for \`${propName}\` in \`${componentName}\` if \`${name}\` exists.`);
-    }
-    return propType(props, propName, componentName, ...rest);
-  };
+	return (props, propName, componentName, ...rest) => {
+		if (process.env.NODE_ENV !== "production" && props[name] === true && props[propName] === null) return /* @__PURE__ */ new Error(`You must provide a value for \`${propName}\` in \`${componentName}\` if \`${name}\` exists.`);
+		return propType(props, propName, componentName, ...rest);
+	};
 };
 
-exports.requiredIfGivenPropIsTruthy = requiredIfGivenPropIsTruthy;
+//#endregion
+exports.requiredIfGivenPropIsTruthy = requiredIfGivenPropIsTruthy;

package/lib/tools/events.js

@@ -1,32 +1,27 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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.
  */
 
-'use strict';
 
+//#region src/tools/events.ts
 /**
- * Composes multiple event handler functions into a single event handler. The
- * composed handler calls each provided function sequentially with the event and
- * any additional arguments. If any handler calls `event.preventDefault()`,
- * further handlers are skipped.
- *
- * @param handlers - An array of event handler functions.
- * @returns A composite event handler.
- */
-const composeEventHandlers = handlers =>
-// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-(event, ...args) => {
-  for (const handler of handlers) {
-    if (event.defaultPrevented) {
-      break;
-    }
-    if (typeof handler === 'function') {
-      handler(event, ...args);
-    }
-  }
+* Composes multiple event handler functions into a single event handler. The
+* composed handler calls each provided function sequentially with the event and
+* any additional arguments. If any handler calls `event.preventDefault()`,
+* further handlers are skipped.
+*
+* @param handlers - An array of event handler functions.
+* @returns A composite event handler.
+*/
+const composeEventHandlers = (handlers) => (event, ...args) => {
+	for (const handler of handlers) {
+		if (event.defaultPrevented) break;
+		if (typeof handler === "function") handler(event, ...args);
+	}
 };
 
-exports.composeEventHandlers = composeEventHandlers;
+//#endregion
+exports.composeEventHandlers = composeEventHandlers;

package/lib/tools/mapPopoverAlign.js

@@ -1,30 +1,30 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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.
  */
 
-'use strict';
 
+//#region src/tools/mapPopoverAlign.ts
 const popoverAlignMapping = {
-  'top-left': 'top-start',
-  'top-right': 'top-end',
-  'bottom-left': 'bottom-start',
-  'bottom-right': 'bottom-end',
-  'left-bottom': 'left-end',
-  'left-top': 'left-start',
-  'right-bottom': 'right-end',
-  'right-top': 'right-start'
+	"top-left": "top-start",
+	"top-right": "top-end",
+	"bottom-left": "bottom-start",
+	"bottom-right": "bottom-end",
+	"left-bottom": "left-end",
+	"left-top": "left-start",
+	"right-bottom": "right-end",
+	"right-top": "right-start"
 };
-
 /**
- * Maps popover alignment values to their corresponding replacement values.
- *
- * @param align - The original align value.
- * @returns The new align value based on mapping or the original align if no
- *          mapping exists.
- */
-const mapPopoverAlign = align => popoverAlignMapping[align] ?? align;
+* Maps popover alignment values to their corresponding replacement values.
+*
+* @param align - The original align value.
+* @returns The new align value based on mapping or the original align if no
+*          mapping exists.
+*/
+const mapPopoverAlign = (align) => popoverAlignMapping[align] ?? align;
 
-exports.mapPopoverAlign = mapPopoverAlign;
+//#endregion
+exports.mapPopoverAlign = mapPopoverAlign;

package/lib/tools/mergeRefs.js

@@ -1,29 +1,25 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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.
  */
 
-'use strict';
 
+//#region src/tools/mergeRefs.ts
 /**
- * @param refs Refs to merge.
- * @returns Merged ref.
- */
+* @param refs Refs to merge.
+* @returns Merged ref.
+*/
 const mergeRefs = (...refs) => {
-  return value => {
-    refs.forEach(ref => {
-      if (!ref) return;
-
-      // https://github.com/facebook/react/issues/13029#issuecomment-410002316
-      if (typeof ref === 'function') {
-        ref(value);
-      } else if (typeof ref === 'object' && 'current' in ref) {
-        ref.current = value;
-      }
-    });
-  };
+	return (value) => {
+		refs.forEach((ref) => {
+			if (!ref) return;
+			if (typeof ref === "function") ref(value);
+			else if (typeof ref === "object" && "current" in ref) ref.current = value;
+		});
+	};
 };
 
-exports.mergeRefs = mergeRefs;
+//#endregion
+exports.mergeRefs = mergeRefs;

package/lib/tools/setupGetInstanceId.js

@@ -1,20 +1,27 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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.
  */
 
-'use strict';
 
+//#region src/tools/setupGetInstanceId.ts
 /**
- * Creates an instance ID generator.
- *
- * @returns A function that returns a unique sequential ID on each call.
- */
+* 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.
+*/
+/**
+* Creates an instance ID generator.
+*
+* @returns A function that returns a unique sequential ID on each call.
+*/
 const setupGetInstanceId = () => {
-  let instanceId = 0;
-  return () => ++instanceId;
+	let instanceId = 0;
+	return () => ++instanceId;
 };
 
-exports.setupGetInstanceId = setupGetInstanceId;
+//#endregion
+exports.setupGetInstanceId = setupGetInstanceId;

package/lib/tools/toggleClass.js

@@ -1,21 +1,28 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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.
  */
 
-'use strict';
 
+//#region src/tools/toggleClass.ts
 /**
- * Toggles a class on an element.
- *
- * @param element - The target element.
- * @param className - The class to toggle.
- * @param add - `true` to add the class, `false` to remove it.
- */
+* Copyright IBM Corp. 2019, 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.
+*/
+/**
+* Toggles a class on an element.
+*
+* @param element - The target element.
+* @param className - The class to toggle.
+* @param add - `true` to add the class, `false` to remove it.
+*/
 const toggleClass = (element, className, add) => {
-  element.classList.toggle(className, add);
+	element.classList.toggle(className, add);
 };
 
-exports.toggleClass = toggleClass;
+//#endregion
+exports.toggleClass = toggleClass;

package/lib/tools/wrapComponent.js

@@ -1,53 +1,48 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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.
  */
 
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var usePrefix = require('../internal/usePrefix.js');
+const require_runtime = require('../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../internal/usePrefix.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
 
+//#region src/tools/wrapComponent.ts
 /**
- * @param {{ name: string, type: string, className?: string | (prefix: string) => string }} props
- * @returns
- */
-const wrapComponent = ({
-  name,
-  className: getClassName,
-  type
-}) => {
-  /**
-   *
-   * @param {{ className?: string, [x: string]: any}} param0
-   * @returns
-   */
-  function Component({
-    className: baseClassName,
-    ...other
-  }) {
-    const prefix = usePrefix.usePrefix();
-    const componentClass = cx(typeof getClassName === 'function' ? getClassName(prefix) : getClassName, baseClassName);
-    return /*#__PURE__*/React.createElement(type, {
-      ...other,
-      // Prevent Weird quirk where `cx` will evaluate to an empty string, '',
-      // and so we have empty `class` attributes in the resulting markup
-      // eslint-disable-next-line no-extra-boolean-cast
-      className: !!componentClass ? componentClass : undefined
-    });
-  }
-  Component.displayName = name;
-  Component.propTypes = {
-    className: PropTypes.string
-  };
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-  return Component;
+* 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.
+*/
+/**
+* @param {{ name: string, type: string, className?: string | (prefix: string) => string }} props
+* @returns
+*/
+const wrapComponent = ({ name, className: getClassName, type }) => {
+	/**
+	*
+	* @param {{ className?: string, [x: string]: any}} param0
+	* @returns
+	*/
+	function Component({ className: baseClassName, ...other }) {
+		const prefix = require_usePrefix.usePrefix();
+		const componentClass = (0, classnames.default)(typeof getClassName === "function" ? getClassName(prefix) : getClassName, baseClassName);
+		return react.default.createElement(type, {
+			...other,
+			className: !!componentClass ? componentClass : void 0
+		});
+	}
+	Component.displayName = name;
+	Component.propTypes = { className: prop_types.default.string };
+	return Component;
 };
 
-exports.default = wrapComponent;
+//#endregion
+exports.default = wrapComponent;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.103.0",
+  "version": "1.104.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": "^1.1.0",
-    "@carbon/icons-react": "^11.76.0",
-    "@carbon/layout": "^11.49.0",
-    "@carbon/styles": "^1.102.0",
-    "@carbon/utilities": "^0.17.0",
+    "@carbon/feature-flags": "^1.2.0-rc.0",
+    "@carbon/icons-react": "^11.77.0-rc.0",
+    "@carbon/layout": "^11.50.0-rc.0",
+    "@carbon/styles": "^1.103.0-rc.0",
+    "@carbon/utilities": "^0.18.0-rc.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -79,12 +79,8 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@carbon/test-utils": "^10.40.0",
-    "@carbon/themes": "^11.69.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",
-    "@rollup/plugin-typescript": "^12.1.4",
+    "@carbon/themes": "^11.70.0-rc.0",
+    "@figma/code-connect": "^1.4.2",
     "@stackblitz/sdk": "^1.11.0",
     "@storybook/addon-a11y": "^9.1.8",
     "@storybook/addon-docs": "^9.1.8",
@@ -109,13 +105,11 @@
     "react-is": "^16.13.1 || ^17.0.2 || ^18.3.1 || ^19.0.0",
     "remark-gfm": "^4.0.0",
     "rimraf": "^6.0.1",
-    "rollup": "^4.41.1",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-strip-banner": "^3.0.0",
     "sass": "^1.93.2",
     "storybook": "^9.1.8",
     "storybook-addon-accessibility-checker": ">=9.2.0-rc.3",
     "stream-browserify": "^3.0.0",
+    "tsdown": "^0.20.3",
     "typescript-config-carbon": "^0.9.0",
     "use-sync-external-store": "^1.5.0",
     "vite": "^7.1.2"
@@ -131,5 +125,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "443fbe43ff4bd1df327997b8b0b0ebeee634d002"
+  "gitHead": "d901529b78f5b70b49309ad45604fa5ec99a2e69"
 }