@carbon/react 1.103.0 → 1.104.0

package/es/components/ChatButton/ChatButton.js

@@ -1,90 +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 React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import Button from '../Button/Button.js';
-import '../Button/Button.Skeleton.js';
-import { usePrefix } from '../../internal/usePrefix.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import Button_default from "../Button/index.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-const ChatButton = /*#__PURE__*/React.forwardRef(function ChatButton({
-  className,
-  children,
-  disabled,
-  isQuickAction,
-  isSelected,
-  kind,
-  renderIcon,
-  size,
-  ...other
-}, ref) {
-  const prefix = usePrefix();
-  const classNames = cx(className, {
-    [`${prefix}--chat-btn`]: true,
-    [`${prefix}--chat-btn--with-icon`]: renderIcon,
-    [`${prefix}--chat-btn--quick-action`]: isQuickAction,
-    [`${prefix}--chat-btn--quick-action--selected`]: isSelected
-  });
-  const allowedSizes = ['sm', 'md', 'lg'];
-  if (isQuickAction) {
-    kind = 'ghost';
-    size = 'sm';
-  } else {
-    // Check if size is valid and warn if not
-    if (size && !allowedSizes.includes(size)) {
-      // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452
-      console.error(`Invalid size "${size}" provided to ChatButton. Size must be one of: ${allowedSizes.join(', ')}. Defaulting to "lg".`);
-      size = 'lg';
-    }
-  }
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    disabled: disabled,
-    className: classNames,
-    kind: kind,
-    ref: ref,
-    size: size,
-    renderIcon: renderIcon
-  }, other), children);
+//#region src/components/ChatButton/ChatButton.tsx
+/**
+* Copyright IBM Corp. 2024, 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 ChatButton = React.forwardRef(function ChatButton({ className, children, disabled, isQuickAction, isSelected, kind, renderIcon, size, ...other }, ref) {
+	const prefix = usePrefix();
+	const classNames$1 = classNames(className, {
+		[`${prefix}--chat-btn`]: true,
+		[`${prefix}--chat-btn--with-icon`]: renderIcon,
+		[`${prefix}--chat-btn--quick-action`]: isQuickAction,
+		[`${prefix}--chat-btn--quick-action--selected`]: isSelected
+	});
+	const allowedSizes = [
+		"sm",
+		"md",
+		"lg"
+	];
+	if (isQuickAction) {
+		kind = "ghost";
+		size = "sm";
+	} else if (size && !allowedSizes.includes(size)) {
+		console.error(`Invalid size "${size}" provided to ChatButton. Size must be one of: ${allowedSizes.join(", ")}. Defaulting to "lg".`);
+		size = "lg";
+	}
+	return /* @__PURE__ */ jsx(Button_default, {
+		disabled,
+		className: classNames$1,
+		kind,
+		ref,
+		size,
+		renderIcon,
+		...other,
+		children
+	});
 });
 ChatButton.propTypes = {
-  /**
-   * Provide the contents of your Select
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be applied to the node containing the label and the select box
-   */
-  className: PropTypes.string,
-  /**
-   * Specify whether the `ChatButton` should be disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify whether the `ChatButton` should be rendered as a quick action button
-   */
-  isQuickAction: PropTypes.bool,
-  /**
-   * Specify whether the quick action `ChatButton` should be rendered as selected. This disables the input
-   */
-  isSelected: PropTypes.bool,
-  /**
-   * Specify the kind of `ChatButton` you want to create
-   */
-  kind: PropTypes.oneOf(['primary', 'secondary', 'danger', 'ghost', 'tertiary']),
-  /**
-   * A component used to render an icon.
-   */
-  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  /**
-   * Specify the size of the `ChatButton`, from the following list of sizes:
-   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg'])
+	children: PropTypes.node,
+	className: PropTypes.string,
+	disabled: PropTypes.bool,
+	isQuickAction: PropTypes.bool,
+	isSelected: PropTypes.bool,
+	kind: PropTypes.oneOf([
+		"primary",
+		"secondary",
+		"danger",
+		"ghost",
+		"tertiary"
+	]),
+	renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+	size: PropTypes.oneOf([
+		"sm",
+		"md",
+		"lg"
+	])
 };
 
-export { ChatButton as default };
+//#endregion
+export { ChatButton as default };

package/es/components/Checkbox/Checkbox.Skeleton.js

@@ -1,34 +1,35 @@
 /**
- * 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";
 
-const CheckboxSkeleton = ({
-  className,
-  ...rest
-}) => {
-  const prefix = usePrefix();
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cx(`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, `${prefix}--checkbox-skeleton`, className)
-  }, rest), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--checkbox-label`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--checkbox-label-text ${prefix}--skeleton`
-  })));
-};
-CheckboxSkeleton.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string
+//#region src/components/Checkbox/Checkbox.Skeleton.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.
+*/
+const CheckboxSkeleton = ({ className, ...rest }) => {
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsx("div", {
+		className: classNames(`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, `${prefix}--checkbox-skeleton`, className),
+		...rest,
+		children: /* @__PURE__ */ jsx("div", {
+			className: `${prefix}--checkbox-label`,
+			children: /* @__PURE__ */ jsx("span", { className: `${prefix}--checkbox-label-text ${prefix}--skeleton` })
+		})
+	});
 };
+CheckboxSkeleton.propTypes = { className: PropTypes.string };
 
-export { CheckboxSkeleton, CheckboxSkeleton as default };
+//#endregion
+export { CheckboxSkeleton as default };

package/es/components/Checkbox/Checkbox.js

@@ -1,205 +1,126 @@
 /**
- * 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 } from 'react';
-import cx from 'classnames';
-import { Text } from '../Text/Text.js';
-import '../Text/TextDirection.js';
-import { deprecate } from '../../prop-types/deprecate.js';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
-import { useId } from '../../internal/useId.js';
-import { noopFn } from '../../internal/noopFn.js';
-import { AILabel } from '../AILabel/index.js';
-import { isComponentElement } from '../../internal/utils.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { Text } from "../Text/Text.js";
+import { useId } from "../../internal/useId.js";
+import { noopFn } from "../../internal/noopFn.js";
+import { deprecate } from "../../prop-types/deprecate.js";
+import { AILabel } from "../AILabel/index.js";
+import { isComponentElement } from "../../internal/utils.js";
+import classNames from "classnames";
+import React, { cloneElement } from "react";
+import PropTypes from "prop-types";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { WarningAltFilled, WarningFilled } from "@carbon/icons-react";
 
-const Checkbox = /*#__PURE__*/React.forwardRef(({
-  className,
-  decorator,
-  helperText,
-  id,
-  labelText,
-  onChange = noopFn,
-  onClick,
-  indeterminate = false,
-  invalid,
-  invalidText,
-  hideLabel,
-  readOnly,
-  title = '',
-  warn,
-  warnText,
-  slug,
-  ...other
-}, ref) => {
-  const prefix = usePrefix();
-  const showWarning = !readOnly && !invalid && warn;
-  const showHelper = !invalid && !warn;
-  const checkboxGroupInstanceId = useId();
-  const hasHelper = typeof helperText !== 'undefined' && helperText !== null;
-  const helperId = !hasHelper ? undefined : `checkbox-helper-text-${checkboxGroupInstanceId}`;
-  const helper = hasHelper && /*#__PURE__*/React.createElement("div", {
-    id: helperId,
-    className: `${prefix}--form__helper-text`
-  }, helperText);
-  const wrapperClasses = cx(`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, className, {
-    [`${prefix}--checkbox-wrapper--readonly`]: readOnly,
-    [`${prefix}--checkbox-wrapper--invalid`]: !readOnly && invalid,
-    [`${prefix}--checkbox-wrapper--warning`]: showWarning,
-    [`${prefix}--checkbox-wrapper--slug`]: slug,
-    [`${prefix}--checkbox-wrapper--decorator`]: decorator
-  });
-  const innerLabelClasses = cx(`${prefix}--checkbox-label-text`, {
-    [`${prefix}--visually-hidden`]: hideLabel
-  });
-  const candidate = slug ?? decorator;
-  const candidateIsAILabel = isComponentElement(candidate, AILabel);
-  const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/cloneElement(candidate, {
-    size: candidate.props.kind === 'inline' ? 'md' : 'mini'
-  }) : candidate;
-  return /*#__PURE__*/React.createElement("div", {
-    className: wrapperClasses
-  }, /*#__PURE__*/React.createElement("input", _extends({}, other, {
-    type: "checkbox",
-    "data-invalid": invalid ? true : undefined,
-    onChange: evt => {
-      if (!readOnly && onChange) {
-        onChange(evt, {
-          checked: evt.target.checked,
-          id
-        });
-      }
-    },
-    className: `${prefix}--checkbox`,
-    id: id,
-    ref: el => {
-      if (el) {
-        el.indeterminate = indeterminate ?? false;
-      }
-      if (typeof ref === 'function') {
-        ref(el);
-      } else if (ref && 'current' in ref) {
-        ref.current = el;
-      }
-    }
-    // readonly attribute not applicable to type="checkbox"
-    // see - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox
-    ,
-    "aria-readonly": readOnly,
-    onClick: evt => {
-      if (readOnly) {
-        // prevent default stops the checkbox being updated
-        evt.preventDefault();
-      }
-      // pass onClick event on to the user even if readonly
-      if (onClick) {
-        onClick(evt);
-      }
-    }
-  })), /*#__PURE__*/React.createElement("label", {
-    htmlFor: id,
-    className: `${prefix}--checkbox-label`,
-    title: title
-  }, /*#__PURE__*/React.createElement(Text, {
-    as: "div",
-    className: innerLabelClasses
-  }, labelText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--checkbox-wrapper-inner--decorator`
-  }, normalizedDecorator) : '')), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--checkbox__validation-msg`
-  }, !readOnly && invalid && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WarningFilled, {
-    className: `${prefix}--checkbox__invalid-icon`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--form-requirement`
-  }, invalidText)), showWarning && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WarningAltFilled, {
-    className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--form-requirement`
-  }, warnText))), showHelper && helper);
+//#region src/components/Checkbox/Checkbox.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 Checkbox$1 = React.forwardRef(({ className, decorator, helperText, id, labelText, onChange = noopFn, onClick, indeterminate = false, invalid, invalidText, hideLabel, readOnly, title = "", warn, warnText, slug, ...other }, ref) => {
+	const prefix = usePrefix();
+	const showWarning = !readOnly && !invalid && warn;
+	const showHelper = !invalid && !warn;
+	const checkboxGroupInstanceId = useId();
+	const hasHelper = typeof helperText !== "undefined" && helperText !== null;
+	const helperId = !hasHelper ? void 0 : `checkbox-helper-text-${checkboxGroupInstanceId}`;
+	const helper = hasHelper && /* @__PURE__ */ jsx("div", {
+		id: helperId,
+		className: `${prefix}--form__helper-text`,
+		children: helperText
+	});
+	const wrapperClasses = classNames(`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, className, {
+		[`${prefix}--checkbox-wrapper--readonly`]: readOnly,
+		[`${prefix}--checkbox-wrapper--invalid`]: !readOnly && invalid,
+		[`${prefix}--checkbox-wrapper--warning`]: showWarning,
+		[`${prefix}--checkbox-wrapper--slug`]: slug,
+		[`${prefix}--checkbox-wrapper--decorator`]: decorator
+	});
+	const innerLabelClasses = classNames(`${prefix}--checkbox-label-text`, { [`${prefix}--visually-hidden`]: hideLabel });
+	const candidate = slug ?? decorator;
+	const normalizedDecorator = isComponentElement(candidate, AILabel) ? cloneElement(candidate, { size: candidate.props.kind === "inline" ? "md" : "mini" }) : candidate;
+	return /* @__PURE__ */ jsxs("div", {
+		className: wrapperClasses,
+		children: [
+			/* @__PURE__ */ jsx("input", {
+				...other,
+				type: "checkbox",
+				"data-invalid": invalid ? true : void 0,
+				onChange: (evt) => {
+					if (!readOnly && onChange) onChange(evt, {
+						checked: evt.target.checked,
+						id
+					});
+				},
+				className: `${prefix}--checkbox`,
+				id,
+				ref: (el) => {
+					if (el) el.indeterminate = indeterminate ?? false;
+					if (typeof ref === "function") ref(el);
+					else if (ref && "current" in ref) ref.current = el;
+				},
+				"aria-readonly": readOnly,
+				onClick: (evt) => {
+					if (readOnly) evt.preventDefault();
+					if (onClick) onClick(evt);
+				}
+			}),
+			/* @__PURE__ */ jsx("label", {
+				htmlFor: id,
+				className: `${prefix}--checkbox-label`,
+				title,
+				children: /* @__PURE__ */ jsxs(Text, {
+					as: "div",
+					className: innerLabelClasses,
+					children: [labelText, slug ? normalizedDecorator : decorator ? /* @__PURE__ */ jsx("div", {
+						className: `${prefix}--checkbox-wrapper-inner--decorator`,
+						children: normalizedDecorator
+					}) : ""]
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: `${prefix}--checkbox__validation-msg`,
+				children: [!readOnly && invalid && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WarningFilled, { className: `${prefix}--checkbox__invalid-icon` }), /* @__PURE__ */ jsx("div", {
+					className: `${prefix}--form-requirement`,
+					children: invalidText
+				})] }), showWarning && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WarningAltFilled, { className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning` }), /* @__PURE__ */ jsx("div", {
+					className: `${prefix}--form-requirement`,
+					children: warnText
+				})] })]
+			}),
+			showHelper && helper
+		]
+	});
 });
-Checkbox.propTypes = {
-  /**
-   * Specify whether the underlying input should be checked
-   */
-  checked: PropTypes.bool,
-  /**
-   * Specify an optional className to be applied to the <label> node
-   */
-  className: PropTypes.string,
-  /**
-   * **Experimental**: Provide a decorator component to be rendered inside the `Checkbox` component
-   */
-  decorator: PropTypes.node,
-  /**
-   * Specify whether the underlying input should be checked by default
-   */
-  defaultChecked: PropTypes.bool,
-  /**
-   * Specify whether the Checkbox should be disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Provide text for the form group for additional help
-   */
-  helperText: PropTypes.node,
-  /**
-   * Specify whether the label should be hidden, or not
-   */
-  hideLabel: PropTypes.bool,
-  /**
-   * Provide an `id` to uniquely identify the Checkbox input
-   */
-  id: PropTypes.string.isRequired,
-  /**
-   * Specify whether the Checkbox is in an indeterminate state
-   */
-  indeterminate: PropTypes.bool,
-  /**
-   * Specify whether the Checkbox is currently invalid
-   */
-  invalid: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the Checkbox is in an invalid state
-   */
-  invalidText: PropTypes.node,
-  /**
-   * Provide a label to provide a description of the Checkbox input that you are
-   * exposing to the user
-   */
-  labelText: PropTypes.node.isRequired,
-  /**
-   * Provide an optional handler that is called when the internal state of
-   * Checkbox changes. This handler is called with event and state info.
-   * `(event, { checked, id }) => void`
-   */
-  onChange: PropTypes.func,
-  /**
-   * Specify whether the Checkbox is read-only
-   */
-  readOnly: PropTypes.bool,
-  /**
-   * **Experimental**: Provide a `Slug` component to be rendered inside the `Checkbox` component
-   */
-  slug: deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
-  /**
-   * Specify a title for the <label> node for the Checkbox
-   */
-  title: PropTypes.string,
-  /**
-   * Specify whether the Checkbox is currently in warning state
-   */
-  warn: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the Checkbox is in warning state
-   */
-  warnText: PropTypes.node
+Checkbox$1.propTypes = {
+	checked: PropTypes.bool,
+	className: PropTypes.string,
+	decorator: PropTypes.node,
+	defaultChecked: PropTypes.bool,
+	disabled: PropTypes.bool,
+	helperText: PropTypes.node,
+	hideLabel: PropTypes.bool,
+	id: PropTypes.string.isRequired,
+	indeterminate: PropTypes.bool,
+	invalid: PropTypes.bool,
+	invalidText: PropTypes.node,
+	labelText: PropTypes.node.isRequired,
+	onChange: PropTypes.func,
+	readOnly: PropTypes.bool,
+	slug: deprecate(PropTypes.node, "The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead."),
+	title: PropTypes.string,
+	warn: PropTypes.bool,
+	warnText: PropTypes.node
 };
-Checkbox.displayName = 'Checkbox';
+Checkbox$1.displayName = "Checkbox";
 
-export { Checkbox as default };
+//#endregion
+export { Checkbox$1 as default };

package/es/components/Checkbox/index.js

@@ -1,13 +1,21 @@
 /**
- * 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 Checkbox from './Checkbox.js';
-export { CheckboxSkeleton } from './Checkbox.Skeleton.js';
-
+import Checkbox from "./Checkbox.js";
+import CheckboxSkeleton from "./Checkbox.Skeleton.js";
 
+//#region src/components/Checkbox/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 Checkbox_default = Checkbox;
 
-export { Checkbox, Checkbox as default };
+//#endregion
+export { Checkbox_default as default };