@carbon/react 1.103.0 → 1.104.0

package/es/components/AspectRatio/AspectRatio.js

@@ -1,59 +1,53 @@
 /**
- * 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.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { usePrefix } from '../../internal/usePrefix.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "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();
-  const className = cx(containerClassName, `${prefix}--aspect-ratio`, `${prefix}--aspect-ratio--${ratio}`);
-  return /*#__PURE__*/React.createElement(BaseComponent, _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 = usePrefix();
+	return /* @__PURE__ */ jsx(BaseComponent, {
+		className: classNames(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: PropTypes.elementType,
+	children: PropTypes.node,
+	className: PropTypes.string,
+	ratio: PropTypes.oneOf([
+		"16x9",
+		"9x16",
+		"2x1",
+		"1x2",
+		"4x3",
+		"3x4",
+		"3x2",
+		"2x3",
+		"1x1"
+	])
 };
 
-export { AspectRatio as default };
+//#endregion
+export { AspectRatio as default };

package/es/components/BadgeIndicator/index.js

@@ -1,46 +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.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React, { forwardRef } from 'react';
-import cx from 'classnames';
-import { usePrefix } from '../../internal/usePrefix.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import classNames from "classnames";
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
+//#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 = forwardRef;
 const BadgeIndicator = frFn((props, ref) => {
-  const {
-    className: customClassName,
-    count,
-    ...rest
-  } = props;
-  const prefix = 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", _extends({
-    className: classNames,
-    ref: ref
-  }, rest), displayCount);
+	const { className: customClassName, count, ...rest } = props;
+	const prefix = usePrefix();
+	const classNames$1 = classNames(`${prefix}--badge-indicator`, customClassName, { [`${prefix}--badge-indicator--count`]: count });
+	const displayCount = count && count > 999 ? "999+" : count;
+	return /* @__PURE__ */ jsx("div", {
+		className: classNames$1,
+		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: PropTypes.string,
+	count: PropTypes.number,
+	id: PropTypes.string
 };
 
-export { BadgeIndicator, BadgeIndicator as default };
+//#endregion
+export { BadgeIndicator as default };

package/es/components/Breadcrumb/Breadcrumb.Skeleton.js

@@ -1,63 +1,52 @@
 /**
- * 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.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React from 'react';
-import cx from 'classnames';
-import { usePrefix } from '../../internal/usePrefix.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "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();
-  return /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--breadcrumb-item`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--link`
-  }, "\xA0"));
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsx("div", {
+		className: `${prefix}--breadcrumb-item`,
+		children: /* @__PURE__ */ jsx("span", {
+			className: `${prefix}--link`,
+			children: "\xA0"
+		})
+	});
 }
-function BreadcrumbSkeleton({
-  className,
-  items = 3,
-  noTrailingSlash,
-  size,
-  ...rest
-}) {
-  const prefix = 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", _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 = usePrefix();
+	return /* @__PURE__ */ jsx("div", {
+		className: classNames({
+			[`${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__ */ 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: PropTypes.string,
+	items: PropTypes.number,
+	noTrailingSlash: PropTypes.bool,
+	size: PropTypes.oneOf(["sm", "md"])
 };
 
-export { BreadcrumbSkeleton, BreadcrumbSkeleton as default };
+//#endregion
+export { BreadcrumbSkeleton as default };

package/es/components/Breadcrumb/Breadcrumb.js

@@ -1,62 +1,50 @@
 /**
- * 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.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React, { forwardRef } from 'react';
-import cx from 'classnames';
-import { usePrefix } from '../../internal/usePrefix.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import classNames from "classnames";
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-const Breadcrumb = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    'aria-label': ariaLabel,
-    children,
-    className: customClassNameNav,
-    noTrailingSlash,
-    size,
-    ...rest
-  } = props;
-  const prefix = usePrefix();
-  const className = cx({
-    [`${prefix}--breadcrumb`]: true,
-    [`${prefix}--breadcrumb--no-trailing-slash`]: noTrailingSlash,
-    [`${prefix}--breadcrumb--sm`]: size === 'sm'
-  });
-  return /*#__PURE__*/React.createElement("nav", _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 = forwardRef((props, ref) => {
+	const { "aria-label": ariaLabel, children, className: customClassNameNav, noTrailingSlash, size, ...rest } = props;
+	const prefix = usePrefix();
+	const className = classNames({
+		[`${prefix}--breadcrumb`]: true,
+		[`${prefix}--breadcrumb--no-trailing-slash`]: noTrailingSlash,
+		[`${prefix}--breadcrumb--sm`]: size === "sm"
+	});
+	return /* @__PURE__ */ jsx("nav", {
+		className: customClassNameNav,
+		"aria-label": ariaLabel ? ariaLabel : "Breadcrumb",
+		ref,
+		...rest,
+		children: /* @__PURE__ */ 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": PropTypes.string,
+	children: PropTypes.node,
+	className: PropTypes.string,
+	noTrailingSlash: PropTypes.bool,
+	size: PropTypes.oneOf(["sm", "md"])
 };
 
-export { Breadcrumb as default };
+//#endregion
+export { Breadcrumb as default };

package/es/components/Breadcrumb/BreadcrumbItem.js

@@ -1,94 +1,91 @@
 /**
- * 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.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React, { cloneElement, forwardRef, isValidElement } from 'react';
-import cx from 'classnames';
-import Link from '../Link/Link.js';
-import { OverflowMenuHorizontal } from '@carbon/icons-react';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { Text } from '../Text/Text.js';
-import '../Text/TextDirection.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { Text } from "../Text/Text.js";
+import Link_default from "../Link/index.js";
+import classNames from "classnames";
+import React, { cloneElement, forwardRef, isValidElement } from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
+import { OverflowMenuHorizontal } from "@carbon/icons-react";
 
-const frFn = forwardRef;
-const BreadcrumbItem = frFn((props, ref) => {
-  const {
-    'aria-current': ariaCurrent,
-    children,
-    className: customClassName = '',
-    href,
-    isCurrentPage,
-    ...rest
-  } = props;
-  const prefix = 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__*/isValidElement(children) ? children : null;
-  const childType = child?.type;
-  if (child && typeof child.type !== 'string' && childType?.displayName?.includes('OverflowMenu')) {
-    const horizontalOverflowIcon = /*#__PURE__*/React.createElement(OverflowMenuHorizontal, {
-      className: `${prefix}--overflow-menu__icon`
-    });
-    return /*#__PURE__*/React.createElement("li", _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", _extends({
-      className: className,
-      ref: ref
-    }, rest), href ? /*#__PURE__*/React.createElement(Link, {
-      href: href,
-      "aria-current": ariaCurrent || isCurrentPage
-    }, children) : /*#__PURE__*/React.createElement(Text, {
-      "aria-current": ariaCurrent || isCurrentPage,
-      className: `${prefix}--link`
-    }, children));
-  }
-  return /*#__PURE__*/React.createElement("li", _extends({
-    className: className,
-    ref: ref
-  }, rest), child ? /*#__PURE__*/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 = forwardRef((props, ref) => {
+	const { "aria-current": ariaCurrent, children, className: customClassName = "", href, isCurrentPage, ...rest } = props;
+	const prefix = usePrefix();
+	const className = classNames({
+		[`${prefix}--breadcrumb-item`]: true,
+		[`${prefix}--breadcrumb-item--current`]: isCurrentPage && ariaCurrent !== "page",
+		[customClassName]: !!customClassName
+	});
+	const child = isValidElement(children) ? children : null;
+	const childType = child?.type;
+	if (child && typeof child.type !== "string" && childType?.displayName?.includes("OverflowMenu")) {
+		const horizontalOverflowIcon = /* @__PURE__ */ jsx(OverflowMenuHorizontal, { className: `${prefix}--overflow-menu__icon` });
+		return /* @__PURE__ */ jsx("li", {
+			className,
+			...rest,
+			children: React.cloneElement(child, {
+				menuOptionsClass: `${prefix}--breadcrumb-menu-options`,
+				menuOffset: {
+					top: 10,
+					left: 59
+				},
+				renderIcon: () => horizontalOverflowIcon
+			})
+		});
+	}
+	if (typeof children === "string") return /* @__PURE__ */ jsx("li", {
+		className,
+		ref,
+		...rest,
+		children: href ? /* @__PURE__ */ jsx(Link_default, {
+			href,
+			"aria-current": ariaCurrent || isCurrentPage,
+			children
+		}) : /* @__PURE__ */ jsx(Text, {
+			"aria-current": ariaCurrent || isCurrentPage,
+			className: `${prefix}--link`,
+			children
+		})
+	});
+	return /* @__PURE__ */ jsx("li", {
+		className,
+		ref,
+		...rest,
+		children: child ? cloneElement(child, {
+			"aria-current": ariaCurrent,
+			className: classNames(`${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": PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf([
+		"false",
+		"true",
+		"page",
+		"step",
+		"location",
+		"date",
+		"time"
+	])]),
+	children: PropTypes.node,
+	className: PropTypes.string,
+	href: PropTypes.string,
+	isCurrentPage: PropTypes.bool
 };
 
-export { BreadcrumbItem as default };
+//#endregion
+export { BreadcrumbItem as default };