@carbon/react 1.103.0-rc.0 → 1.104.0-rc.0

package/lib/components/Link/Link.js

@@ -1,123 +1,78 @@
 /**
- * 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';
+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);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var usePrefix = require('../../internal/usePrefix.js');
-
-// First create the component with basic types
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const LinkBase = /*#__PURE__*/React.forwardRef(({
-  as: BaseComponent,
-  children,
-  className: customClassName,
-  href,
-  disabled = false,
-  inline = false,
-  visited = false,
-  renderIcon: Icon,
-  size,
-  target,
-  ...rest
-}, ref) => {
-  const prefix = usePrefix.usePrefix();
-  const className = cx(`${prefix}--link`, customClassName, {
-    [`${prefix}--link--disabled`]: disabled,
-    [`${prefix}--link--inline`]: inline,
-    [`${prefix}--link--visited`]: visited,
-    [`${prefix}--link--${size}`]: size
-  });
-  const rel = target === '_blank' ? 'noopener' : undefined;
-  const linkProps = {
-    className,
-    rel,
-    target
-  };
-
-  // Reference for disabled links:
-  // https://www.scottohara.me/blog/2021/05/28/disabled-links.html
-  if (!disabled) {
-    linkProps.href = href;
-  } else {
-    linkProps.role = 'link';
-    linkProps['aria-disabled'] = true;
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-  const BaseComponentAsAny = BaseComponent ?? 'a';
-  const handleOnClick = event => {
-    if (disabled) {
-      event.preventDefault();
-      event.stopPropagation();
-    } else {
-      // If the link is not disabled, we allow the onClick event to propagate
-      // so that any parent handlers can also respond to the click.
-      if (rest.onClick) {
-        rest.onClick(event);
-      }
-    }
-  };
-  return /*#__PURE__*/React.createElement(BaseComponentAsAny, _rollupPluginBabelHelpers.extends({
-    ref: ref
-  }, linkProps, rest, {
-    onClick: handleOnClick
-  }), children, !inline && Icon && /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--link__icon`
-  }, /*#__PURE__*/React.createElement(Icon, null)));
+//#region src/components/Link/Link.tsx
+/**
+* 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 Link = react.default.forwardRef(({ as: BaseComponent, children, className: customClassName, href, disabled = false, inline = false, visited = false, renderIcon: Icon, size, target, ...rest }, ref) => {
+	const prefix = require_usePrefix.usePrefix();
+	const linkProps = {
+		className: (0, classnames.default)(`${prefix}--link`, customClassName, {
+			[`${prefix}--link--disabled`]: disabled,
+			[`${prefix}--link--inline`]: inline,
+			[`${prefix}--link--visited`]: visited,
+			[`${prefix}--link--${size}`]: size
+		}),
+		rel: target === "_blank" ? "noopener" : void 0,
+		target
+	};
+	if (!disabled) linkProps.href = href;
+	else {
+		linkProps.role = "link";
+		linkProps["aria-disabled"] = true;
+	}
+	const BaseComponentAsAny = BaseComponent ?? "a";
+	const handleOnClick = (event) => {
+		if (disabled) {
+			event.preventDefault();
+			event.stopPropagation();
+		} else if (rest.onClick) rest.onClick(event);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(BaseComponentAsAny, {
+		ref,
+		...linkProps,
+		...rest,
+		onClick: handleOnClick,
+		children: [children, !inline && Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: `${prefix}--link__icon`,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {})
+		})]
+	});
 });
-const Link = LinkBase;
-
-// @ts-expect-error - `displayName` isn't typed.
-Link.displayName = 'Link';
-// @ts-expect-error - `propTypes` isn't typed.
+Link.displayName = "Link";
 Link.propTypes = {
-  /**
-   * Provide a custom element or component to render the top-level node for the
-   * component.
-   */
-  as: PropTypes.elementType,
-  /**
-   * Provide the content for the Link
-   */
-  children: PropTypes.node,
-  /**
-   * Provide a custom className to be applied to the containing `<a>` node
-   */
-  className: PropTypes.string,
-  /**
-   * Specify if the control should be disabled, or not
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Provide the `href` attribute for the `<a>` node
-   */
-  href: PropTypes.string,
-  /**
-   * Specify whether you want the inline version of this control
-   */
-  inline: PropTypes.bool,
-  /**
-   * A component used to render an icon.
-   */
-  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  /**
-   * Specify the size of the Link. Currently supports either `sm`, `md` (default) or `lg` as an option.
-   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg']),
-  /**
-   * Specify whether you want the link to receive visited styles after the link has been clicked
-   */
-  visited: PropTypes.bool
+	as: prop_types.default.elementType,
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	disabled: prop_types.default.bool,
+	href: prop_types.default.string,
+	inline: prop_types.default.bool,
+	renderIcon: prop_types.default.oneOfType([prop_types.default.func, prop_types.default.object]),
+	size: prop_types.default.oneOf([
+		"sm",
+		"md",
+		"lg"
+	]),
+	visited: prop_types.default.bool
 };
 
-exports.default = Link;
+//#endregion
+exports.default = Link;

package/lib/components/Link/index.js

@@ -1,17 +1,20 @@
 /**
- * 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 Link = require('./Link.js');
-
+const require_Link = require('./Link.js');
 
+//#region src/components/Link/index.tsx
+/**
+* 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.
+*/
+var Link_default = require_Link.default;
 
-exports.Link = Link.default;
-exports.default = Link.default;
+//#endregion
+exports.default = Link_default;

package/lib/components/ListBox/ListBox.js

@@ -1,144 +1,96 @@
 /**
- * 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';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_deprecate = require('../../prop-types/deprecate.js');
+const require_ListBoxPropTypes = require('./ListBoxPropTypes.js');
+const require_FormContext = require('../FluidForm/FormContext.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);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var cx = require('classnames');
-var React = require('react');
-var PropTypes = require('prop-types');
-var deprecate = require('../../prop-types/deprecate.js');
-var ListBoxPropTypes = require('./ListBoxPropTypes.js');
-var usePrefix = require('../../internal/usePrefix.js');
-require('../FluidForm/FluidForm.js');
-var FormContext = require('../FluidForm/FormContext.js');
-
-const handleOnKeyDown = event => {
-  if (event.keyCode === 27) {
-    event.stopPropagation();
-  }
+//#region src/components/ListBox/ListBox.tsx
+/**
+* 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 handleOnKeyDown = (event) => {
+	if (event.keyCode === 27) event.stopPropagation();
 };
-const handleClick = event => {
-  event.preventDefault();
-  event.stopPropagation();
+const handleClick = (event) => {
+	event.preventDefault();
+	event.stopPropagation();
 };
 /**
- * `ListBox` is a generic container component that handles creating the
- * container class name in response to certain props.
- */
-const ListBox = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-    children,
-    className: containerClassName,
-    disabled = false,
-    type = 'default',
-    size,
-    invalid,
-    invalidText,
-    invalidTextId,
-    warn,
-    warnText,
-    warnTextId,
-    light,
-    isOpen,
-    ...rest
-  } = props;
-  const prefix = usePrefix.usePrefix();
-  const {
-    isFluid
-  } = React.useContext(FormContext.FormContext);
-  const showWarning = !invalid && warn;
-  const className = cx({
-    ...(containerClassName && {
-      [containerClassName]: true
-    }),
-    [`${prefix}--list-box`]: true,
-    [`${prefix}--list-box--${size}`]: size,
-    [`${prefix}--list-box--inline`]: type === 'inline',
-    [`${prefix}--list-box--disabled`]: disabled,
-    [`${prefix}--list-box--light`]: light,
-    [`${prefix}--list-box--expanded`]: isOpen,
-    [`${prefix}--list-box--invalid`]: invalid,
-    [`${prefix}--list-box--warning`]: showWarning
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
-    className: className,
-    ref: ref,
-    onKeyDown: handleOnKeyDown,
-    onClick: handleClick,
-    "data-invalid": invalid || undefined
-  }), children), isFluid && /*#__PURE__*/React.createElement("hr", {
-    className: `${prefix}--list-box__divider`
-  }), invalid ? /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--form-requirement`,
-    id: invalidTextId
-  }, invalidText) : null, showWarning ? /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--form-requirement`,
-    id: warnTextId
-  }, warnText) : null);
+* `ListBox` is a generic container component that handles creating the
+* container class name in response to certain props.
+*/
+const ListBox = (0, react.forwardRef)((props, ref) => {
+	const { children, className: containerClassName, disabled = false, type = "default", size, invalid, invalidText, invalidTextId, warn, warnText, warnTextId, light, isOpen, ...rest } = props;
+	const prefix = require_usePrefix.usePrefix();
+	const { isFluid } = (0, react.useContext)(require_FormContext.FormContext);
+	const showWarning = !invalid && warn;
+	const className = (0, classnames.default)({
+		...containerClassName && { [containerClassName]: true },
+		[`${prefix}--list-box`]: true,
+		[`${prefix}--list-box--${size}`]: size,
+		[`${prefix}--list-box--inline`]: type === "inline",
+		[`${prefix}--list-box--disabled`]: disabled,
+		[`${prefix}--list-box--light`]: light,
+		[`${prefix}--list-box--expanded`]: isOpen,
+		[`${prefix}--list-box--invalid`]: invalid,
+		[`${prefix}--list-box--warning`]: showWarning
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			...rest,
+			className,
+			ref,
+			onKeyDown: handleOnKeyDown,
+			onClick: handleClick,
+			"data-invalid": invalid || void 0,
+			children
+		}),
+		isFluid && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: `${prefix}--list-box__divider` }),
+		invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${prefix}--form-requirement`,
+			id: invalidTextId,
+			children: invalidText
+		}) : null,
+		showWarning ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${prefix}--form-requirement`,
+			id: warnTextId,
+			children: warnText
+		}) : null
+	] });
 });
-ListBox.displayName = 'ListBox';
+ListBox.displayName = "ListBox";
 ListBox.propTypes = {
-  /**
-   * Provide the contents of your ListBox
-   */
-  children: PropTypes.node,
-  /**
-   * Specify a class name to be applied on the containing list box node
-   */
-  className: PropTypes.string,
-  /**
-   * Specify whether the ListBox is currently disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify whether the control is currently invalid
-   */
-  invalid: PropTypes.bool,
-  /**
-   * Specify the text to be displayed when the control is invalid
-   */
-  invalidText: PropTypes.node,
-  /**
-   * Specify the id to be applied to the element containing the invalid text
-   */
-  invalidTextId: PropTypes.string,
-  /**
-   * Specify if the control should render open
-   */
-  isOpen: PropTypes.bool,
-  /**
-   * `true` to use the light version. For use on $ui-01 backgrounds only.
-   * Don't use this to make tile background color same as container background color.
-   */
-  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `ListBox` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
-  /**
-   * Specify the size of the ListBox. Currently supports either `sm`, `md` or `lg` as an option.
-   */
-  size: ListBoxPropTypes.ListBoxSizePropType,
-  /**
-   * Specify the "type" of the ListBox. Currently supports either `default` or
-   * `inline` as an option.
-   */
-  type: ListBoxPropTypes.ListBoxTypePropType,
-  /**
-   * Specify whether the control is currently in warning state
-   */
-  warn: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the control is in warning state
-   */
-  warnText: PropTypes.string,
-  /**
-   * Specify the id to be applied to the element containing the warn text
-   */
-  warnTextId: PropTypes.string
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	disabled: prop_types.default.bool,
+	invalid: prop_types.default.bool,
+	invalidText: prop_types.default.node,
+	invalidTextId: prop_types.default.string,
+	isOpen: prop_types.default.bool,
+	light: require_deprecate.deprecate(prop_types.default.bool, "The `light` prop for `ListBox` has been deprecated in favor of the new `Layer` component. It will be removed in the next major release."),
+	size: require_ListBoxPropTypes.ListBoxSizePropType,
+	type: require_ListBoxPropTypes.ListBoxTypePropType,
+	warn: prop_types.default.bool,
+	warnText: prop_types.default.string,
+	warnTextId: prop_types.default.string
 };
 
-exports.default = ListBox;
+//#endregion
+exports.default = ListBox;

package/lib/components/ListBox/ListBoxField.js

@@ -1,59 +1,45 @@
 /**
- * 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 _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var PropTypes = require('prop-types');
-var usePrefix = require('../../internal/usePrefix.js');
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
+//#region src/components/ListBox/ListBoxField.tsx
 /**
- * `ListBoxField` is responsible for creating the containing node for valid
- * elements inside of a field. It also provides a11y-related attributes like
- * `role` to make sure a user can focus the given field.
- */
-function ListBoxField({
-  children,
-  disabled,
-  tabIndex,
-  ...rest
-}) {
-  const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
-    className: `${prefix}--list-box__field`,
-    tabIndex: !disabled && tabIndex || -1
-  }, rest), children);
+* 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.
+*/
+/**
+* `ListBoxField` is responsible for creating the containing node for valid
+* elements inside of a field. It also provides a11y-related attributes like
+* `role` to make sure a user can focus the given field.
+*/
+function ListBoxField({ children, disabled, tabIndex, ...rest }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: `${require_usePrefix.usePrefix()}--list-box__field`,
+		tabIndex: !disabled && tabIndex || -1,
+		...rest,
+		children
+	});
 }
 ListBoxField.propTypes = {
-  /**
-   * Typically set by `getToggleButtonProps`, this should specify whether the
-   * field has a popup.
-   */
-  'aria-haspopup': PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  /**
-   * Provide the contents of your ListBoxField
-   */
-  children: PropTypes.node,
-  /**
-   * Specify if the parent <ListBox> is disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * The role for the component, should be set by `getToggleButtonProps` coming
-   * from Downshift
-   */
-  role: PropTypes.string,
-  /**
-   * Optional prop to specify the tabIndex of the <ListBox> trigger button
-   */
-  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+	"aria-haspopup": prop_types.default.oneOfType([prop_types.default.string, prop_types.default.bool]),
+	children: prop_types.default.node,
+	disabled: prop_types.default.bool,
+	role: prop_types.default.string,
+	tabIndex: prop_types.default.oneOfType([prop_types.default.number, prop_types.default.string])
 };
 
-exports.default = ListBoxField;
+//#endregion
+exports.default = ListBoxField;

package/lib/components/ListBox/ListBoxMenu.js

@@ -1,58 +1,51 @@
 /**
- * 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 _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var usePrefix = require('../../internal/usePrefix.js');
-var PropTypes = require('prop-types');
-var ListBoxMenuItem = require('./ListBoxMenuItem.js');
-
-const frFn = React.forwardRef;
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_ListBoxMenuItem = require('./ListBoxMenuItem.js');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
+//#region src/components/ListBox/ListBoxMenu.tsx
 /**
- * `ListBoxMenu` is a simple container node that isolates the `list-box__menu`
- * class into a single component. It is also being used to validate given
- * `children` components.
- */
-const ListBoxMenu = frFn(({
-  children,
-  id,
-  ...rest
-}, ref) => {
-  const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React.createElement("ul", _rollupPluginBabelHelpers.extends({
-    ref: ref,
-    id: id,
-    className: `${prefix}--list-box__menu`,
-    role: "listbox"
-  }, rest), children);
+* 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.
+*/
+/**
+* `ListBoxMenu` is a simple container node that isolates the `list-box__menu`
+* class into a single component. It is also being used to validate given
+* `children` components.
+*/
+const ListBoxMenu = (0, react.forwardRef)(({ children, id, ...rest }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		ref,
+		id,
+		className: `${require_usePrefix.usePrefix()}--list-box__menu`,
+		role: "listbox",
+		...rest,
+		children
+	});
 });
-ListBoxMenu.displayName = 'ListBoxMenu';
+ListBoxMenu.displayName = "ListBoxMenu";
 ListBoxMenu.propTypes = {
-  /**
-   * Provide the contents of your ListBoxMenu
-   */
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.oneOf([ListBoxMenuItem.default])),
-  /**
-   * allow single item using the workaround for functional components
-   * https://github.com/facebook/react/issues/2979#issuecomment-222379916
-   */
-  PropTypes.shape({
-    type: PropTypes.oneOf([ListBoxMenuItem.default])
-  }), PropTypes.bool // used in Dropdown for closed state
-  ]),
-  /**
-   * Specify a custom `id`
-   */
-  id: PropTypes.string.isRequired
+	children: prop_types.default.oneOfType([
+		prop_types.default.node,
+		prop_types.default.arrayOf(prop_types.default.oneOf([require_ListBoxMenuItem.default])),
+		prop_types.default.shape({ type: prop_types.default.oneOf([require_ListBoxMenuItem.default]) }),
+		prop_types.default.bool
+	]),
+	id: prop_types.default.string.isRequired
 };
 
-exports.default = ListBoxMenu;
+//#endregion
+exports.default = ListBoxMenu;