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

package/es/components/ListBox/next/ListBoxTrigger.js

@@ -1,65 +1,61 @@
 /**
- * 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 React from 'react';
-import PropTypes from 'prop-types';
-import { ChevronDown } from '@carbon/icons-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";
+import { ChevronDown } from "@carbon/icons-react";
 
-var _ChevronDown;
+//#region src/components/ListBox/next/ListBoxTrigger.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 translationIds = {
-  'close.menu': 'close.menu',
-  'open.menu': 'open.menu'
+	"close.menu": "close.menu",
+	"open.menu": "open.menu"
 };
 const defaultTranslations = {
-  [translationIds['close.menu']]: 'Close',
-  [translationIds['open.menu']]: 'Open'
+	[translationIds["close.menu"]]: "Close",
+	[translationIds["open.menu"]]: "Open"
 };
-const defaultTranslateWithId = messageId => {
-  return defaultTranslations[messageId];
+const defaultTranslateWithId = (messageId) => {
+	return defaultTranslations[messageId];
 };
 /**
- * `ListBoxTrigger` is used to orient the icon up or down depending on the
- * state of the menu for a given `ListBox`
- */
-
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const ListBoxTrigger = /*#__PURE__*/React.forwardRef(({
-  isOpen,
-  translateWithId: t = defaultTranslateWithId,
-  ...rest
-}, ref) => {
-  const prefix = usePrefix();
-  const className = cx({
-    [`${prefix}--list-box__menu-icon`]: true,
-    [`${prefix}--list-box__menu-icon--open`]: isOpen
-  });
-  const description = isOpen ? t('close.menu') : t('open.menu');
-  return /*#__PURE__*/React.createElement("button", _extends({}, rest, {
-    "aria-label": description,
-    title: description,
-    className: className,
-    type: "button",
-    tabIndex: -1,
-    ref: ref
-  }), _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(ChevronDown, null)));
+* `ListBoxTrigger` is used to orient the icon up or down depending on the
+* state of the menu for a given `ListBox`
+*/
+const ListBoxTrigger = React.forwardRef(({ isOpen, translateWithId: t = defaultTranslateWithId, ...rest }, ref) => {
+	const prefix = usePrefix();
+	const className = classNames({
+		[`${prefix}--list-box__menu-icon`]: true,
+		[`${prefix}--list-box__menu-icon--open`]: isOpen
+	});
+	const description = isOpen ? t("close.menu") : t("open.menu");
+	return /* @__PURE__ */ jsx("button", {
+		...rest,
+		"aria-label": description,
+		title: description,
+		className,
+		type: "button",
+		tabIndex: -1,
+		ref,
+		children: /* @__PURE__ */ jsx(ChevronDown, {})
+	});
 });
 ListBoxTrigger.propTypes = {
-  /**
-   * Specify whether the menu is currently open, which will influence the
-   * direction of the menu icon
-   */
-  isOpen: PropTypes.bool.isRequired,
-  /**
-   * Translates component strings using your i18n tool.
-   */
-  translateWithId: PropTypes.func
+	isOpen: PropTypes.bool.isRequired,
+	translateWithId: PropTypes.func
 };
 
-export { ListBoxTrigger as default };
+//#endregion
+export { ListBoxTrigger as default };

package/es/components/ListItem/ListItem.js

@@ -1,39 +1,36 @@
 /**
- * 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 { Text } from '../Text/Text.js';
-import '../Text/TextDirection.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { Text } from "../Text/Text.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-function ListItem({
-  className,
-  children,
-  ...other
-}) {
-  const prefix = usePrefix();
-  const classNames = cx(`${prefix}--list__item`, className);
-  return /*#__PURE__*/React.createElement(Text, _extends({
-    as: "li",
-    className: classNames
-  }, other), children);
+//#region src/components/ListItem/ListItem.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.
+*/
+function ListItem({ className, children, ...other }) {
+	return /* @__PURE__ */ jsx(Text, {
+		as: "li",
+		className: classNames(`${usePrefix()}--list__item`, className),
+		...other,
+		children
+	});
 }
 ListItem.propTypes = {
-  /**
-   * Specify the content for the ListItem
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to apply to the underlying `<li>` node
-   */
-  className: PropTypes.string
+	children: PropTypes.node,
+	className: PropTypes.string
 };
 
-export { ListItem as default };
+//#endregion
+export { ListItem as default };

package/es/components/Loading/Loading.js

@@ -1,84 +1,75 @@
 /**
- * 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 { deprecate } from '../../prop-types/deprecate.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { deprecate } from "../../prop-types/deprecate.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx, jsxs } from "react/jsx-runtime";
 
-function Loading({
-  active = true,
-  className: customClassName,
-  withOverlay = true,
-  small = false,
-  description = 'loading',
-  ...rest
-}) {
-  const prefix = usePrefix();
-  const loadingClassName = cx(customClassName, {
-    [`${prefix}--loading`]: true,
-    [`${prefix}--loading--small`]: small,
-    [`${prefix}--loading--stop`]: !active
-  });
-  const overlayClassName = cx({
-    [`${prefix}--loading-overlay`]: true,
-    [`${prefix}--loading-overlay--stop`]: !active
-  });
-  const loading = /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-    "aria-atomic": "true",
-    "aria-live": active ? 'assertive' : 'off',
-    className: loadingClassName
-  }), /*#__PURE__*/React.createElement("svg", {
-    className: `${prefix}--loading__svg`,
-    viewBox: "0 0 100 100",
-    role: "img",
-    "aria-label": description
-  }, /*#__PURE__*/React.createElement("title", null, description), small ? /*#__PURE__*/React.createElement("circle", {
-    className: `${prefix}--loading__background`,
-    cx: "50%",
-    cy: "50%",
-    r: "42"
-  }) : null, /*#__PURE__*/React.createElement("circle", {
-    className: `${prefix}--loading__stroke`,
-    cx: "50%",
-    cy: "50%",
-    r: small ? '42' : '44'
-  })));
-  return withOverlay ? /*#__PURE__*/React.createElement("div", {
-    className: overlayClassName
-  }, loading) : loading;
+//#region src/components/Loading/Loading.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.
+*/
+function Loading({ active = true, className: customClassName, withOverlay = true, small = false, description = "loading", ...rest }) {
+	const prefix = usePrefix();
+	const loadingClassName = classNames(customClassName, {
+		[`${prefix}--loading`]: true,
+		[`${prefix}--loading--small`]: small,
+		[`${prefix}--loading--stop`]: !active
+	});
+	const overlayClassName = classNames({
+		[`${prefix}--loading-overlay`]: true,
+		[`${prefix}--loading-overlay--stop`]: !active
+	});
+	const loading = /* @__PURE__ */ jsx("div", {
+		...rest,
+		"aria-atomic": "true",
+		"aria-live": active ? "assertive" : "off",
+		className: loadingClassName,
+		children: /* @__PURE__ */ jsxs("svg", {
+			className: `${prefix}--loading__svg`,
+			viewBox: "0 0 100 100",
+			role: "img",
+			"aria-label": description,
+			children: [
+				/* @__PURE__ */ jsx("title", { children: description }),
+				small ? /* @__PURE__ */ jsx("circle", {
+					className: `${prefix}--loading__background`,
+					cx: "50%",
+					cy: "50%",
+					r: "42"
+				}) : null,
+				/* @__PURE__ */ jsx("circle", {
+					className: `${prefix}--loading__stroke`,
+					cx: "50%",
+					cy: "50%",
+					r: small ? "42" : "44"
+				})
+			]
+		})
+	});
+	return withOverlay ? /* @__PURE__ */ jsx("div", {
+		className: overlayClassName,
+		children: loading
+	}) : loading;
 }
 Loading.propTypes = {
-  /**
-   * Specify whether you want the loading indicator to be spinning or not
-   */
-  active: PropTypes.bool,
-  /**
-   * Provide an optional className to be applied to the containing node
-   */
-  className: PropTypes.string,
-  /**
-   * Specify a description that would be used to best describe the loading state
-   */
-  description: PropTypes.string,
-  /**
-   * Provide an `id` to uniquely identify the label
-   */
-  id: deprecate(PropTypes.string, `\nThe prop \`id\` is no longer needed.`),
-  /**
-   * Specify whether you would like the small variant of <Loading>
-   */
-  small: PropTypes.bool,
-  /**
-   * Specify whether you want the loader to be applied with an overlay
-   */
-  withOverlay: PropTypes.bool
+	active: PropTypes.bool,
+	className: PropTypes.string,
+	description: PropTypes.string,
+	id: deprecate(PropTypes.string, `\nThe prop \`id\` is no longer needed.`),
+	small: PropTypes.bool,
+	withOverlay: PropTypes.bool
 };
 
-export { Loading as default };
+//#endregion
+export { Loading as default };

package/es/components/Loading/index.js

@@ -1,12 +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.
  */
 
-import Loading from './Loading.js';
-
+import Loading from "./Loading.js";
 
+//#region src/components/Loading/index.ts
+/**
+* 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 Loading_default = Loading;
 
-export { Loading, Loading as default };
+//#endregion
+export { Loading_default as default };