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

package/lib/components/AspectRatio/AspectRatio.js

@@ -1,63 +1,57 @@
 /**
- * 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 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);
+let react_jsx_runtime = require("react/jsx-runtime");
 
+//#region src/components/AspectRatio/AspectRatio.tsx
 /**
- * The AspectRatio component provides a `ratio` prop that will be used to
- * specify the aspect ratio that the children you provide will be displayed in.
- * This is often useful alongside our grid components, or for media assets like
- * images or videos.
- */
-const AspectRatio = ({
-  as: BaseComponent = 'div',
-  className: containerClassName,
-  children,
-  ratio = '1x1',
-  ...rest
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const className = cx(containerClassName, `${prefix}--aspect-ratio`, `${prefix}--aspect-ratio--${ratio}`);
-  return /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({
-    className: className
-  }, rest), children);
+* 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.
+*/
+/**
+* The AspectRatio component provides a `ratio` prop that will be used to
+* specify the aspect ratio that the children you provide will be displayed in.
+* This is often useful alongside our grid components, or for media assets like
+* images or videos.
+*/
+const AspectRatio = ({ as: BaseComponent = "div", className: containerClassName, children, ratio = "1x1", ...rest }) => {
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseComponent, {
+		className: (0, classnames.default)(containerClassName, `${prefix}--aspect-ratio`, `${prefix}--aspect-ratio--${ratio}`),
+		...rest,
+		children
+	});
 };
 AspectRatio.propTypes = {
-  /**
-   * Provide a custom component or string to be rendered as the outermost node
-   * of the component. This is useful if you want to deviate from the default
-   * `div` tag, where you could specify `section` or `article` instead.
-   *
-   * ```jsx
-   * <AspectRatio as="article">My content</AspectRatio>
-   * ```
-   */
-  as: PropTypes.elementType,
-  /**
-   * Specify the content that will be placed in the aspect ratio
-   */
-  children: PropTypes.node,
-  /**
-   * Specify a class name for the outermost node of the component
-   */
-  className: PropTypes.string,
-  /**
-   * Specify the ratio to be used by the aspect ratio container. This will
-   * determine what aspect ratio your content will be displayed in.
-   */
-  ratio: PropTypes.oneOf(['16x9', '9x16', '2x1', '1x2', '4x3', '3x4', '3x2', '2x3', '1x1'])
+	as: prop_types.default.elementType,
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	ratio: prop_types.default.oneOf([
+		"16x9",
+		"9x16",
+		"2x1",
+		"1x2",
+		"4x3",
+		"3x4",
+		"3x2",
+		"2x3",
+		"1x1"
+	])
 };
 
-exports.default = AspectRatio;
+//#endregion
+exports.default = AspectRatio;

package/lib/components/BadgeIndicator/index.js

@@ -1,51 +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';
+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 PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-
-const frFn = React.forwardRef;
+//#region src/components/BadgeIndicator/index.tsx
+/**
+* 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.
+*/
+const frFn = react.forwardRef;
 const BadgeIndicator = frFn((props, ref) => {
-  const {
-    className: customClassName,
-    count,
-    ...rest
-  } = props;
-  const prefix = usePrefix.usePrefix();
-  const classNames = cx(`${prefix}--badge-indicator`, customClassName, {
-    [`${prefix}--badge-indicator--count`]: count
-  });
-  const displayCount = count && count > 999 ? '999+' : count;
-  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
-    className: classNames,
-    ref: ref
-  }, rest), displayCount);
+	const { className: customClassName, count, ...rest } = props;
+	const prefix = require_usePrefix.usePrefix();
+	const classNames = (0, classnames.default)(`${prefix}--badge-indicator`, customClassName, { [`${prefix}--badge-indicator--count`]: count });
+	const displayCount = count && count > 999 ? "999+" : count;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: classNames,
+		ref,
+		...rest,
+		children: displayCount
+	});
 });
 BadgeIndicator.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string,
-  /**
-   * Count of badge indicator
-   */
-  count: PropTypes.number,
-  /**
-   * Provide an `id` to uniquely identify the BadgeIndidcator
-   */
-  id: PropTypes.string
+	className: prop_types.default.string,
+	count: prop_types.default.number,
+	id: prop_types.default.string
 };
 
-exports.BadgeIndicator = BadgeIndicator;
-exports.default = BadgeIndicator;
+//#endregion
+exports.default = BadgeIndicator;

package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js

@@ -1,68 +1,56 @@
 /**
- * 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 PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-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);
+let react_jsx_runtime = require("react/jsx-runtime");
 
+//#region src/components/Breadcrumb/Breadcrumb.Skeleton.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.
+*/
 function Item() {
-  const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--breadcrumb-item`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--link`
-  }, "\xA0"));
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: `${prefix}--breadcrumb-item`,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: `${prefix}--link`,
+			children: "\xA0"
+		})
+	});
 }
-function BreadcrumbSkeleton({
-  className,
-  items = 3,
-  noTrailingSlash,
-  size,
-  ...rest
-}) {
-  const prefix = usePrefix.usePrefix();
-  const classes = cx({
-    [`${prefix}--breadcrumb`]: true,
-    [`${prefix}--skeleton`]: true,
-    [`${prefix}--breadcrumb--no-trailing-slash`]: noTrailingSlash,
-    [`${prefix}--breadcrumb--sm`]: size === 'sm'
-  }, className);
-  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
-    className: classes
-  }, rest), Array.from({
-    length: items
-  }, (_, i) => /*#__PURE__*/React.createElement(Item, {
-    key: i
-  })));
+function BreadcrumbSkeleton({ className, items = 3, noTrailingSlash, size, ...rest }) {
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, classnames.default)({
+			[`${prefix}--breadcrumb`]: true,
+			[`${prefix}--skeleton`]: true,
+			[`${prefix}--breadcrumb--no-trailing-slash`]: noTrailingSlash,
+			[`${prefix}--breadcrumb--sm`]: size === "sm"
+		}, className),
+		...rest,
+		children: Array.from({ length: items }, (_, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Item, {}, i))
+	});
 }
 BreadcrumbSkeleton.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string,
-  /**
-   * Specify the number of items
-   */
-  items: PropTypes.number,
-  /**
-   * Optional prop to omit the trailing slash for the breadcrumbs
-   */
-  noTrailingSlash: PropTypes.bool,
-  /**
-   * Specify the size of the Breadcrumb. Currently supports the following: `sm` & `md` (default: 'md')
-   */
-  size: PropTypes.oneOf(['sm', 'md'])
+	className: prop_types.default.string,
+	items: prop_types.default.number,
+	noTrailingSlash: prop_types.default.bool,
+	size: prop_types.default.oneOf(["sm", "md"])
 };
 
-exports.BreadcrumbSkeleton = BreadcrumbSkeleton;
-exports.default = BreadcrumbSkeleton;
+//#endregion
+exports.default = BreadcrumbSkeleton;

package/lib/components/Breadcrumb/Breadcrumb.js

@@ -1,66 +1,54 @@
 /**
- * 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 PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-
-const Breadcrumb = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-    'aria-label': ariaLabel,
-    children,
-    className: customClassNameNav,
-    noTrailingSlash,
-    size,
-    ...rest
-  } = props;
-  const prefix = usePrefix.usePrefix();
-  const className = cx({
-    [`${prefix}--breadcrumb`]: true,
-    [`${prefix}--breadcrumb--no-trailing-slash`]: noTrailingSlash,
-    [`${prefix}--breadcrumb--sm`]: size === 'sm'
-  });
-  return /*#__PURE__*/React.createElement("nav", _rollupPluginBabelHelpers.extends({
-    className: customClassNameNav,
-    "aria-label": ariaLabel ? ariaLabel : 'Breadcrumb',
-    ref: ref
-  }, rest), /*#__PURE__*/React.createElement("ol", {
-    className: className
-  }, children));
+//#region src/components/Breadcrumb/Breadcrumb.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 Breadcrumb = (0, react.forwardRef)((props, ref) => {
+	const { "aria-label": ariaLabel, children, className: customClassNameNav, noTrailingSlash, size, ...rest } = props;
+	const prefix = require_usePrefix.usePrefix();
+	const className = (0, classnames.default)({
+		[`${prefix}--breadcrumb`]: true,
+		[`${prefix}--breadcrumb--no-trailing-slash`]: noTrailingSlash,
+		[`${prefix}--breadcrumb--sm`]: size === "sm"
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+		className: customClassNameNav,
+		"aria-label": ariaLabel ? ariaLabel : "Breadcrumb",
+		ref,
+		...rest,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+			className,
+			children
+		})
+	});
 });
-Breadcrumb.displayName = 'Breadcrumb';
+Breadcrumb.displayName = "Breadcrumb";
 Breadcrumb.propTypes = {
-  /**
-   * Specify the label for the breadcrumb container
-   */
-  'aria-label': PropTypes.string,
-  /**
-   * Pass in the BreadcrumbItem's for your Breadcrumb
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be applied to the container node
-   */
-  className: PropTypes.string,
-  /**
-   * Optional prop to omit the trailing slash for the breadcrumbs
-   */
-  noTrailingSlash: PropTypes.bool,
-  /**
-   * Specify the size of the Breadcrumb. Currently
-   * supports the following: `sm` & `md` (default: 'md')
-   */
-  size: PropTypes.oneOf(['sm', 'md'])
+	"aria-label": prop_types.default.string,
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	noTrailingSlash: prop_types.default.bool,
+	size: prop_types.default.oneOf(["sm", "md"])
 };
 
-exports.default = Breadcrumb;
+//#endregion
+exports.default = Breadcrumb;

package/lib/components/Breadcrumb/BreadcrumbItem.js

@@ -1,98 +1,95 @@
 /**
- * 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_Text = require('../Text/Text.js');
+const require_index = require('../Link/index.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");
+let _carbon_icons_react = require("@carbon/icons-react");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var Link = require('../Link/Link.js');
-var iconsReact = require('@carbon/icons-react');
-var usePrefix = require('../../internal/usePrefix.js');
-var Text = require('../Text/Text.js');
-require('../Text/TextDirection.js');
-
-const frFn = React.forwardRef;
-const BreadcrumbItem = frFn((props, ref) => {
-  const {
-    'aria-current': ariaCurrent,
-    children,
-    className: customClassName = '',
-    href,
-    isCurrentPage,
-    ...rest
-  } = props;
-  const prefix = usePrefix.usePrefix();
-  const className = cx({
-    [`${prefix}--breadcrumb-item`]: true,
-    // We set the current class only if `isCurrentPage` is passed in and we do
-    // not have an `aria-current="page"` set for the breadcrumb item
-    [`${prefix}--breadcrumb-item--current`]: isCurrentPage && ariaCurrent !== 'page',
-    [customClassName]: !!customClassName
-  });
-  const child = /*#__PURE__*/React.isValidElement(children) ? children : null;
-  const childType = child?.type;
-  if (child && typeof child.type !== 'string' && childType?.displayName?.includes('OverflowMenu')) {
-    const horizontalOverflowIcon = /*#__PURE__*/React.createElement(iconsReact.OverflowMenuHorizontal, {
-      className: `${prefix}--overflow-menu__icon`
-    });
-    return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({
-      className: className
-    }, rest), /*#__PURE__*/React.cloneElement(child, {
-      menuOptionsClass: `${prefix}--breadcrumb-menu-options`,
-      menuOffset: {
-        top: 10,
-        left: 59
-      },
-      renderIcon: () => horizontalOverflowIcon
-    }));
-  }
-  if (typeof children === 'string') {
-    return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({
-      className: className,
-      ref: ref
-    }, rest), href ? /*#__PURE__*/React.createElement(Link.default, {
-      href: href,
-      "aria-current": ariaCurrent || isCurrentPage
-    }, children) : /*#__PURE__*/React.createElement(Text.Text, {
-      "aria-current": ariaCurrent || isCurrentPage,
-      className: `${prefix}--link`
-    }, children));
-  }
-  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({
-    className: className,
-    ref: ref
-  }, rest), child ? /*#__PURE__*/React.cloneElement(child, {
-    'aria-current': ariaCurrent,
-    className: cx(`${prefix}--link`, child.props.className)
-  }) : children);
+//#region src/components/Breadcrumb/BreadcrumbItem.tsx
+/**
+* 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.
+*/
+const BreadcrumbItem = (0, react.forwardRef)((props, ref) => {
+	const { "aria-current": ariaCurrent, children, className: customClassName = "", href, isCurrentPage, ...rest } = props;
+	const prefix = require_usePrefix.usePrefix();
+	const className = (0, classnames.default)({
+		[`${prefix}--breadcrumb-item`]: true,
+		[`${prefix}--breadcrumb-item--current`]: isCurrentPage && ariaCurrent !== "page",
+		[customClassName]: !!customClassName
+	});
+	const child = (0, react.isValidElement)(children) ? children : null;
+	const childType = child?.type;
+	if (child && typeof child.type !== "string" && childType?.displayName?.includes("OverflowMenu")) {
+		const horizontalOverflowIcon = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.OverflowMenuHorizontal, { className: `${prefix}--overflow-menu__icon` });
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+			className,
+			...rest,
+			children: react.default.cloneElement(child, {
+				menuOptionsClass: `${prefix}--breadcrumb-menu-options`,
+				menuOffset: {
+					top: 10,
+					left: 59
+				},
+				renderIcon: () => horizontalOverflowIcon
+			})
+		});
+	}
+	if (typeof children === "string") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		className,
+		ref,
+		...rest,
+		children: href ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+			href,
+			"aria-current": ariaCurrent || isCurrentPage,
+			children
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+			"aria-current": ariaCurrent || isCurrentPage,
+			className: `${prefix}--link`,
+			children
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		className,
+		ref,
+		...rest,
+		children: child ? (0, react.cloneElement)(child, {
+			"aria-current": ariaCurrent,
+			className: (0, classnames.default)(`${prefix}--link`, child.props.className)
+		}) : children
+	});
 });
-BreadcrumbItem.displayName = 'BreadcrumbItem';
+BreadcrumbItem.displayName = "BreadcrumbItem";
 BreadcrumbItem.propTypes = {
-  'aria-current': PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['false', 'true', 'page', 'step', 'location', 'date', 'time'])]),
-  /**
-   * Pass in content that will be inside of the BreadcrumbItem
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be applied to the container node
-   */
-  className: PropTypes.string,
-  /**
-   * Optional string representing the link location for the BreadcrumbItem
-   */
-  href: PropTypes.string,
-  /**
-   * Provide if this breadcrumb item represents the current page
-   */
-  isCurrentPage: PropTypes.bool
+	"aria-current": prop_types.default.oneOfType([prop_types.default.bool, prop_types.default.oneOf([
+		"false",
+		"true",
+		"page",
+		"step",
+		"location",
+		"date",
+		"time"
+	])]),
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	href: prop_types.default.string,
+	isCurrentPage: prop_types.default.bool
 };
 
-exports.default = BreadcrumbItem;
+//#endregion
+exports.default = BreadcrumbItem;