@carbon/react 1.103.0 → 1.104.0-rc.0

package/lib/components/AILabel/index.js

@@ -1,188 +1,135 @@
 /**
- * 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_useId = require('../../internal/useId.js');
+const require_deprecate = require('../../prop-types/deprecate.js');
+const require_index = require('../IconButton/index.js');
+const require_index$1 = require('../Toggletip/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");
 
-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');
-var index = require('../Toggletip/index.js');
-var index$1 = require('../IconButton/index.js');
-var iconsReact = require('@carbon/icons-react');
-var useId = require('../../internal/useId.js');
-var deprecate = require('../../prop-types/deprecate.js');
-
-var _Undo;
-const AILabelContent = /*#__PURE__*/React.forwardRef(function AILabelContent({
-  className,
-  children
-}, ref // eslint-disable-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-) {
-  const prefix = usePrefix.usePrefix();
-  const aiLabelContentClasses = cx(className, {
-    [`${prefix}--ai-label-content`]: true,
-    [`${prefix}--ai-label-content--with-actions`]: false
-  });
-  return /*#__PURE__*/React.createElement(index.ToggletipContent, {
-    className: aiLabelContentClasses
-  }, children);
-});
-AILabelContent.displayName = 'AILabelContent';
+//#region src/components/AILabel/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 AILabelContent = ({ className, children }) => {
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.ToggletipContent, {
+		className: (0, classnames.default)(className, {
+			[`${prefix}--ai-label-content`]: true,
+			[`${prefix}--ai-label-content--with-actions`]: false
+		}),
+		children
+	});
+};
+AILabelContent.displayName = "AILabelContent";
 AILabelContent.propTypes = {
-  /**
-   * Specify the content you want rendered inside the AILabel ToggleTip
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be added to the AILabel callout
-   */
-  className: PropTypes.string
+	children: prop_types.default.node,
+	className: prop_types.default.string
 };
-const AILabelActions = /*#__PURE__*/React.forwardRef(function AILabelActions({
-  className,
-  children
-}, ref // eslint-disable-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-) {
-  const prefix = usePrefix.usePrefix();
-  const aiLabelActionsClasses = cx(className, {
-    [`${prefix}--ai-label-actions`]: true
-  });
-  return /*#__PURE__*/React.createElement(index.ToggletipActions, {
-    className: aiLabelActionsClasses
-  }, children);
-});
-AILabelActions.displayName = 'AILabelActions';
+const AILabelActions = ({ className, children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.ToggletipActions, {
+		className: (0, classnames.default)(className, { [`${require_usePrefix.usePrefix()}--ai-label-actions`]: true }),
+		children
+	});
+};
+AILabelActions.displayName = "AILabelActions";
 AILabelActions.propTypes = {
-  /**
-   * Specify the content you want rendered inside the AILabel callout toolbar
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be added to the AILabel toolbar
-   */
-  className: PropTypes.string
+	children: prop_types.default.node,
+	className: prop_types.default.string
 };
-
-/**
- * Deprecated popover alignment values.
- * @deprecated Use NewPopoverAlignment instead.
- */
-
-const AILabel = /*#__PURE__*/React.forwardRef(function AILabel({
-  aiText = 'AI',
-  aiTextLabel,
-  textLabel,
-  align,
-  autoAlign = true,
-  children,
-  className,
-  kind = 'default',
-  onRevertClick,
-  revertActive,
-  revertLabel = 'Revert to AI input',
-  slugLabel = 'Show information',
-  ['aria-label']: ariaLabel = 'Show information',
-  size = 'xs',
-  ...rest
-}, ref) {
-  const prefix = usePrefix.usePrefix();
-  const id = useId.useId('AILabel');
-  const aiLabelClasses = cx(className, {
-    [`${prefix}--ai-label`]: true,
-    [`${prefix}--ai-label--revert`]: revertActive
-  });
-  const aiLabelButtonClasses = cx({
-    [`${prefix}--ai-label__button`]: true,
-    [`${prefix}--ai-label__button--${size}`]: size,
-    [`${prefix}--ai-label__button--${kind}`]: kind,
-    [`${prefix}--ai-label__button--inline-with-content`]: kind === 'inline' && (aiTextLabel || textLabel)
-  });
-  const handleOnRevertClick = evt => {
-    if (onRevertClick) {
-      onRevertClick(evt);
-    }
-  };
-  const ariaLabelText = !aiTextLabel && !textLabel ? `${aiText} ${slugLabel || ariaLabel}` : `${aiText} ${aiTextLabel || textLabel}`;
-  const isSmallIcon = ['xs', '2xs', 'mini'].includes(size);
-  return /*#__PURE__*/React.createElement("div", {
-    className: aiLabelClasses,
-    ref: ref,
-    id: id
-  }, revertActive ? /*#__PURE__*/React.createElement(index$1.IconButton, _rollupPluginBabelHelpers.extends({
-    onClick: handleOnRevertClick,
-    kind: "ghost",
-    size: "sm",
-    label: revertLabel
-  }, rest), _Undo || (_Undo = /*#__PURE__*/React.createElement(iconsReact.Undo, null))) : /*#__PURE__*/React.createElement(index.Toggletip, _rollupPluginBabelHelpers.extends({
-    align: align,
-    autoAlign: autoAlign,
-    alignmentAxisOffset: isSmallIcon ? -24 : 0
-  }, rest), /*#__PURE__*/React.createElement(index.ToggletipButton, {
-    className: aiLabelButtonClasses,
-    label: kind === 'inline' ? '' : ariaLabelText
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--ai-label__text`
-  }, aiText), kind === 'inline' && (aiTextLabel || textLabel) && /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--ai-label__additional-text`
-  }, aiTextLabel || textLabel)), children));
+const AILabel = react.default.forwardRef(function AILabel({ aiText = "AI", aiTextLabel, textLabel, align, autoAlign = true, children, className, kind = "default", onRevertClick, revertActive, revertLabel = "Revert to AI input", slugLabel = "Show information", ["aria-label"]: ariaLabel = "Show information", size = "xs", ...rest }, ref) {
+	const prefix = require_usePrefix.usePrefix();
+	const id = require_useId.useId("AILabel");
+	const aiLabelClasses = (0, classnames.default)(className, {
+		[`${prefix}--ai-label`]: true,
+		[`${prefix}--ai-label--revert`]: revertActive
+	});
+	const aiLabelButtonClasses = (0, classnames.default)({
+		[`${prefix}--ai-label__button`]: true,
+		[`${prefix}--ai-label__button--${size}`]: size,
+		[`${prefix}--ai-label__button--${kind}`]: kind,
+		[`${prefix}--ai-label__button--inline-with-content`]: kind === "inline" && (aiTextLabel || textLabel)
+	});
+	const handleOnRevertClick = (evt) => {
+		if (onRevertClick) onRevertClick(evt);
+	};
+	const ariaLabelText = !aiTextLabel && !textLabel ? `${aiText} ${slugLabel || ariaLabel}` : `${aiText} ${aiTextLabel || textLabel}`;
+	const isSmallIcon = [
+		"xs",
+		"2xs",
+		"mini"
+	].includes(size);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: aiLabelClasses,
+		ref,
+		id,
+		children: revertActive ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.IconButton, {
+			onClick: handleOnRevertClick,
+			kind: "ghost",
+			size: "sm",
+			label: revertLabel,
+			...rest,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Undo, {})
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_index$1.default, {
+			align,
+			autoAlign,
+			alignmentAxisOffset: isSmallIcon ? -24 : 0,
+			...rest,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_index$1.ToggletipButton, {
+				className: aiLabelButtonClasses,
+				label: kind === "inline" ? "" : ariaLabelText,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefix}--ai-label__text`,
+					children: aiText
+				}), kind === "inline" && (aiTextLabel || textLabel) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefix}--ai-label__additional-text`,
+					children: aiTextLabel || textLabel
+				})]
+			}), children]
+		})
+	});
 });
-AILabel.displayName = 'AILabel';
+AILabel.displayName = "AILabel";
 AILabel.propTypes = {
-  ...index.Toggletip.propTypes,
-  /**
-   * Specify the content you want rendered inside the `AILabel` ToggleTip
-   */
-  AILabelContent: PropTypes.node,
-  /**
-   * Specify the correct translation of the AI text
-   */
-  aiText: PropTypes.string,
-  /**
-   * @deprecated
-   * Specify additional text to be rendered next to the AI label in the inline variant
-   */
-  aiTextLabel: deprecate.deprecate(PropTypes.string, '`aiTextLabel` on `AILabel` has been deprecated - Please use the `textLabel` prop instead'),
-  /**
-   * Specify the text that will be provided to the aria-label of the `AILabel` button
-   */
-  'aria-label': PropTypes.string,
-  /**
-   * Specify the type of `AILabel`, from the following list of types:
-   */
-  kind: PropTypes.oneOf(['default', 'inline']),
-  /**
-   * Callback function that fires when the revert button is clicked
-   */
-  onRevertClick: PropTypes.func,
-  /**
-   * Specify whether the revert button should be visible
-   */
-  revertActive: PropTypes.bool,
-  /**
-   * Specify the text that should be shown when the revert button is hovered
-   */
-  revertLabel: PropTypes.string,
-  /**
-   * Specify the size of the button, from the following list of sizes:
-   */
-  size: PropTypes.oneOf(['mini', '2xs', 'xs', 'sm', 'md', 'lg', 'xl']),
-  /**
-   * @deprecated
-   * Specify the text that will be provided to the aria-label of the `AILabel` button
-   */
-  slugLabel: deprecate.deprecate(PropTypes.string, '`slugLabel` on `AILabel` has been deprecated - Please use the `ariaLabel` prop instead'),
-  /**
-   * Specify additional text to be rendered next to the AI label in the inline variant
-   */
-  textLabel: PropTypes.string
+	...require_index$1.default.propTypes,
+	AILabelContent: prop_types.default.node,
+	aiText: prop_types.default.string,
+	aiTextLabel: require_deprecate.deprecate(prop_types.default.string, "`aiTextLabel` on `AILabel` has been deprecated - Please use the `textLabel` prop instead"),
+	"aria-label": prop_types.default.string,
+	kind: prop_types.default.oneOf(["default", "inline"]),
+	onRevertClick: prop_types.default.func,
+	revertActive: prop_types.default.bool,
+	revertLabel: prop_types.default.string,
+	size: prop_types.default.oneOf([
+		"mini",
+		"2xs",
+		"xs",
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	]),
+	slugLabel: require_deprecate.deprecate(prop_types.default.string, "`slugLabel` on `AILabel` has been deprecated - Please use the `ariaLabel` prop instead"),
+	textLabel: prop_types.default.string
 };
 
+//#endregion
 exports.AILabel = AILabel;
 exports.AILabelActions = AILabelActions;
-exports.AILabelContent = AILabelContent;
+exports.AILabelContent = AILabelContent;

package/lib/components/AISkeleton/AISkeletonIcon.js

@@ -1,42 +1,38 @@
 /**
- * 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_SkeletonIcon = require('../SkeletonIcon/SkeletonIcon.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');
-var SkeletonIcon = require('../SkeletonIcon/SkeletonIcon.js');
-
-const AISkeletonIcon = ({
-  className,
-  ...rest
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const AISkeletonIconClasses = cx(className, {
-    [`${prefix}--skeleton__icon--ai`]: true
-  });
-  return /*#__PURE__*/React.createElement(SkeletonIcon.default, _rollupPluginBabelHelpers.extends({
-    className: AISkeletonIconClasses
-  }, rest));
+//#region src/components/AISkeleton/AISkeletonIcon.tsx
+/**
+* Copyright IBM Corp. 2016, 2024
+*
+* 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 AISkeletonIcon = ({ className, ...rest }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SkeletonIcon.default, {
+		className: (0, classnames.default)(className, { [`${require_usePrefix.usePrefix()}--skeleton__icon--ai`]: true }),
+		...rest
+	});
 };
 AISkeletonIcon.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string,
-  /**
-   * The CSS styles.
-   */
-  style: PropTypes.object
+	className: prop_types.default.string,
+	style: prop_types.default.object
 };
 
-exports.default = AISkeletonIcon;
+//#endregion
+exports.default = AISkeletonIcon;

package/lib/components/AISkeleton/AISkeletonPlaceholder.js

@@ -1,40 +1,38 @@
 /**
- * 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_SkeletonPlaceholder = require('../SkeletonPlaceholder/SkeletonPlaceholder.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 React = require('react');
-var PropTypes = require('prop-types');
-var cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-var SkeletonPlaceholder = require('../SkeletonPlaceholder/SkeletonPlaceholder.js');
-
-const AISkeletonPlaceholder = ({
-  className,
-  ...other
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const AISkeletonPlaceholderClasses = cx({
-    className,
-    [`${prefix}--skeleton__placeholder--ai`]: true
-  }, className);
-  return /*#__PURE__*/React.createElement(SkeletonPlaceholder.default, _rollupPluginBabelHelpers.extends({
-    className: AISkeletonPlaceholderClasses
-  }, other));
-};
-AISkeletonPlaceholder.propTypes = {
-  /**
-   * Add a custom class to the component
-   * to set the height and width
-   */
-  className: PropTypes.string
+//#region src/components/AISkeleton/AISkeletonPlaceholder.tsx
+/**
+* Copyright IBM Corp. 2016, 2024
+*
+* 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 AISkeletonPlaceholder = ({ className, ...other }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SkeletonPlaceholder.default, {
+		className: (0, classnames.default)({
+			className,
+			[`${require_usePrefix.usePrefix()}--skeleton__placeholder--ai`]: true
+		}, className),
+		...other
+	});
 };
+AISkeletonPlaceholder.propTypes = { className: prop_types.default.string };
 
-exports.default = AISkeletonPlaceholder;
+//#endregion
+exports.default = AISkeletonPlaceholder;

package/lib/components/AISkeleton/AISkeletonText.js

@@ -1,54 +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.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_SkeletonText = require('../SkeletonText/SkeletonText.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');
-var SkeletonText = require('../SkeletonText/SkeletonText.js');
-
-const AISkeletonText = ({
-  className,
-  ...rest
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const aiSkeletonTextClasses = cx(className, {
-    [`${prefix}--skeleton__text--ai`]: true
-  });
-  return /*#__PURE__*/React.createElement(SkeletonText.default, _rollupPluginBabelHelpers.extends({
-    className: aiSkeletonTextClasses
-  }, rest));
+//#region src/components/AISkeleton/AISkeletonText.tsx
+/**
+* Copyright IBM Corp. 2016, 2024
+*
+* 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 AISkeletonText = ({ className, ...rest }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SkeletonText.default, {
+		className: (0, classnames.default)(className, { [`${require_usePrefix.usePrefix()}--skeleton__text--ai`]: true }),
+		...rest
+	});
 };
 AISkeletonText.propTypes = {
-  /**
-   * Specify an optional className to be applied to the container node
-   */
-  className: PropTypes.string,
-  /**
-   * generates skeleton text at a larger size
-   */
-  heading: PropTypes.bool,
-  /**
-   * the number of lines shown if paragraph is true
-   */
-  lineCount: PropTypes.number,
-  /**
-   * will generate multiple lines of text
-   */
-  paragraph: PropTypes.bool,
-  /**
-   * width (in px or %) of single line of text or max-width of paragraph lines
-   */
-  width: PropTypes.string
+	className: prop_types.default.string,
+	heading: prop_types.default.bool,
+	lineCount: prop_types.default.number,
+	paragraph: prop_types.default.bool,
+	width: prop_types.default.string
 };
 
-exports.default = AISkeletonText;
+//#endregion
+exports.default = AISkeletonText;