@carbon/react 1.103.0 → 1.104.0-rc.0

package/es/components/IconButton/index.js

@@ -1,189 +1,128 @@
 /**
- * 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 '../Tooltip/DefinitionTooltip.js';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import { useId } from '../../internal/useId.js';
-import { usePrefix } from '../../internal/usePrefix.js';
-import ButtonBase from '../Button/ButtonBase.js';
-import { deprecateValuesWithin } from '../../prop-types/deprecateValuesWithin.js';
-import { BadgeIndicator } from '../BadgeIndicator/index.js';
-import { mapPopoverAlign } from '../../tools/mapPopoverAlign.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { useId } from "../../internal/useId.js";
+import { deprecateValuesWithin } from "../../prop-types/deprecateValuesWithin.js";
+import { mapPopoverAlign } from "../../tools/mapPopoverAlign.js";
+import { Tooltip } from "../Tooltip/Tooltip.js";
+import ButtonBase from "../Button/ButtonBase.js";
+import BadgeIndicator from "../BadgeIndicator/index.js";
+import classNames from "classnames";
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+import { jsx, jsxs } from "react/jsx-runtime";
 
-const IconButtonKinds = ['primary', 'secondary', 'ghost', 'tertiary'];
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const IconButton = /*#__PURE__*/forwardRef(({
-  align,
-  autoAlign = false,
-  badgeCount,
-  children,
-  className,
-  closeOnActivation = true,
-  defaultOpen = false,
-  disabled,
-  dropShadow = false,
-  enterDelayMs = 100,
-  highContrast = true,
-  kind,
-  label,
-  leaveDelayMs = 100,
-  wrapperClasses,
-  size,
-  isSelected,
-  ...rest
-}, ref) => {
-  const prefix = usePrefix();
-  const tooltipClasses = cx(wrapperClasses, `${prefix}--icon-tooltip`, {
-    [`${prefix}--icon-tooltip--disabled`]: disabled
-  });
-  if (badgeCount && (kind !== 'ghost' || size !== 'lg')) {
-    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452
-    console.warn("The prop BadgeCount must be used with hasIconOnly=true, kind='ghost' and size='lg'");
-  }
-  const badgeId = useId('badge-indicator');
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    align: align,
-    autoAlign: autoAlign,
-    closeOnActivation: closeOnActivation,
-    className: tooltipClasses,
-    defaultOpen: defaultOpen,
-    dropShadow: dropShadow,
-    enterDelayMs: enterDelayMs,
-    highContrast: highContrast,
-    label: label,
-    leaveDelayMs: leaveDelayMs
-  }, /*#__PURE__*/React.createElement(ButtonBase, _extends({}, rest, {
-    disabled: disabled,
-    kind: kind,
-    ref: ref,
-    size: size,
-    isSelected: isSelected,
-    hasIconOnly: true,
-    className: className,
-    "aria-describedby": rest['aria-describedby'] || badgeCount && badgeId
-  }), children, !disabled && badgeCount !== undefined && /*#__PURE__*/React.createElement(BadgeIndicator, {
-    id: badgeId,
-    count: badgeCount > 0 ? badgeCount : undefined
-  })));
+//#region src/components/IconButton/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 IconButtonKinds = [
+	"primary",
+	"secondary",
+	"ghost",
+	"tertiary"
+];
+const IconButton = forwardRef(({ align, autoAlign = false, badgeCount, children, className, closeOnActivation = true, defaultOpen = false, disabled, dropShadow = false, enterDelayMs = 100, highContrast = true, kind, label, leaveDelayMs = 100, wrapperClasses, size, isSelected, ...rest }, ref) => {
+	const prefix = usePrefix();
+	const tooltipClasses = classNames(wrapperClasses, `${prefix}--icon-tooltip`, { [`${prefix}--icon-tooltip--disabled`]: disabled });
+	if (badgeCount && (kind !== "ghost" || size !== "lg")) console.warn("The prop BadgeCount must be used with hasIconOnly=true, kind='ghost' and size='lg'");
+	const badgeId = useId("badge-indicator");
+	return /* @__PURE__ */ jsx(Tooltip, {
+		align,
+		autoAlign,
+		closeOnActivation,
+		className: tooltipClasses,
+		defaultOpen,
+		dropShadow,
+		enterDelayMs,
+		highContrast,
+		label,
+		leaveDelayMs,
+		children: /* @__PURE__ */ jsxs(ButtonBase, {
+			...rest,
+			disabled,
+			kind,
+			ref,
+			size,
+			isSelected,
+			hasIconOnly: true,
+			className,
+			"aria-describedby": rest["aria-describedby"] || badgeCount && badgeId,
+			children: [children, !disabled && badgeCount !== void 0 && /* @__PURE__ */ jsx(BadgeIndicator, {
+				id: badgeId,
+				count: badgeCount > 0 ? badgeCount : void 0
+			})]
+		})
+	});
 });
 IconButton.propTypes = {
-  /**
-   * Specify how the trigger should align with the tooltip
-   */
-  align: deprecateValuesWithin(PropTypes.oneOf(['top', 'top-left',
-  // deprecated use top-start instead
-  'top-right',
-  // deprecated use top-end instead
-
-  'bottom', 'bottom-left',
-  // deprecated use bottom-start instead
-  'bottom-right',
-  // deprecated use bottom-end instead
-
-  'left', 'left-bottom',
-  // deprecated use left-end instead
-  'left-top',
-  // deprecated use left-start instead
-
-  'right', 'right-bottom',
-  // deprecated use right-end instead
-  'right-top',
-  // deprecated use right-start instead
-
-  // new values to match floating-ui
-  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']), ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'], mapPopoverAlign),
-  /**
-   * **Experimental**: Will attempt to automatically align the tooltip. Requires
-   * React v17+
-   * @see https://github.com/carbon-design-system/carbon/issues/18714
-   */
-  autoAlign: PropTypes.bool,
-  /**
-   * **Experimental**: Display a badge on the button. An empty/dot badge if 0, a numbered badge if > 0.
-   * Must be used with size="lg", kind="ghost" and hasIconOnly=true
-   */
-  badgeCount: PropTypes.number,
-  /**
-   * Optionally specify an href for your IconButton to become an `<a>` element
-   */
-  href: PropTypes.string,
-  /**
-   * Provide an icon or asset to be rendered inside of the IconButton
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be added to your Button
-   */
-  className: PropTypes.string,
-  /**
-   * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)
-   */
-  closeOnActivation: PropTypes.bool,
-  /**
-   * Specify whether the tooltip should be open when it first renders
-   */
-  defaultOpen: PropTypes.bool,
-  /**
-   * Specify whether a drop shadow should be rendered on the tooltip
-   */
-  dropShadow: PropTypes.bool,
-  /**
-   * Specify whether the Button should be disabled, or not
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify the duration in milliseconds to delay before displaying the tooltip
-   */
-  enterDelayMs: PropTypes.number,
-  /**
-   * Specify whether the IconButton is currently selected
-   */
-  isSelected: PropTypes.bool,
-  /**
-   * Render the tooltip using the high-contrast theme
-   */
-  highContrast: PropTypes.bool,
-  /**
-   * Specify the type of button to be used as the base for the IconButton
-   */
-  kind: PropTypes.oneOf(IconButtonKinds),
-  /**
-   * Provide the label to be rendered inside of the Tooltip. The label will use
-   * `aria-labelledby` and will fully describe the child node that is provided.
-   * This means that if you have text in the child node it will not be
-   * announced to the screen reader.
-   * If using `badgeCount={0}`, make sure the label explains that there is a
-   * new notification.
-   */
-  label: PropTypes.node.isRequired,
-  /**
-   * Specify the duration in milliseconds to delay before hiding the tooltip
-   */
-  leaveDelayMs: PropTypes.number,
-  /**
-   * Optionally specify a `rel` when using an `<a>` element.
-   */
-  rel: PropTypes.string,
-  /**
-   * Specify the size of the Button.
-   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg']),
-  /**
-   * Optionally specify a `target` when using an `<a>` element.
-   */
-  target: PropTypes.string,
-  /**
-   * Specify an optional className to be added to your Tooltip wrapper
-   */
-  wrapperClasses: PropTypes.string
+	align: deprecateValuesWithin(PropTypes.oneOf([
+		"top",
+		"top-left",
+		"top-right",
+		"bottom",
+		"bottom-left",
+		"bottom-right",
+		"left",
+		"left-bottom",
+		"left-top",
+		"right",
+		"right-bottom",
+		"right-top",
+		"top-start",
+		"top-end",
+		"bottom-start",
+		"bottom-end",
+		"left-end",
+		"left-start",
+		"right-end",
+		"right-start"
+	]), [
+		"top",
+		"top-start",
+		"top-end",
+		"bottom",
+		"bottom-start",
+		"bottom-end",
+		"left",
+		"left-start",
+		"left-end",
+		"right",
+		"right-start",
+		"right-end"
+	], mapPopoverAlign),
+	autoAlign: PropTypes.bool,
+	badgeCount: PropTypes.number,
+	href: PropTypes.string,
+	children: PropTypes.node,
+	className: PropTypes.string,
+	closeOnActivation: PropTypes.bool,
+	defaultOpen: PropTypes.bool,
+	dropShadow: PropTypes.bool,
+	disabled: PropTypes.bool,
+	enterDelayMs: PropTypes.number,
+	isSelected: PropTypes.bool,
+	highContrast: PropTypes.bool,
+	kind: PropTypes.oneOf(IconButtonKinds),
+	label: PropTypes.node.isRequired,
+	leaveDelayMs: PropTypes.number,
+	rel: PropTypes.string,
+	size: PropTypes.oneOf([
+		"sm",
+		"md",
+		"lg"
+	]),
+	target: PropTypes.string,
+	wrapperClasses: PropTypes.string
 };
 
-export { IconButton, IconButtonKinds };
+//#endregion
+export { IconButton, IconButtonKinds };

package/es/components/IconIndicator/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * 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.

package/es/components/IconIndicator/index.js

@@ -1,73 +1,72 @@
 /**
- * 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 PropTypes from 'prop-types';
-import React from 'react';
-import cx from 'classnames';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { WarningSquareFilled, UnknownFilled, PendingFilled, CircleDash, Incomplete, InProgress, CheckmarkOutline, CheckmarkFilled, UndefinedFilled, WarningAltFilled, WarningAltInvertedFilled, ErrorFilled } from '@carbon/icons-react';
+import { usePrefix } from "../../internal/usePrefix.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckmarkFilled, CheckmarkOutline, CircleDash, ErrorFilled, InProgress, Incomplete, PendingFilled, UndefinedFilled, UnknownFilled, WarningAltFilled, WarningAltInvertedFilled, WarningSquareFilled } from "@carbon/icons-react";
 
-const IconIndicatorKinds = ['failed', 'caution-major', 'caution-minor', 'undefined', 'succeeded', 'normal', 'in-progress', 'incomplete', 'not-started', 'pending', 'unknown', 'informative'];
+//#region src/components/IconIndicator/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 IconIndicatorKinds = [
+	"failed",
+	"caution-major",
+	"caution-minor",
+	"undefined",
+	"succeeded",
+	"normal",
+	"in-progress",
+	"incomplete",
+	"not-started",
+	"pending",
+	"unknown",
+	"informative"
+];
 const iconTypes = {
-  failed: ErrorFilled,
-  ['caution-major']: WarningAltInvertedFilled,
-  ['caution-minor']: WarningAltFilled,
-  undefined: UndefinedFilled,
-  succeeded: CheckmarkFilled,
-  normal: CheckmarkOutline,
-  ['in-progress']: InProgress,
-  incomplete: Incomplete,
-  ['not-started']: CircleDash,
-  pending: PendingFilled,
-  unknown: UnknownFilled,
-  informative: WarningSquareFilled
+	failed: ErrorFilled,
+	["caution-major"]: WarningAltInvertedFilled,
+	["caution-minor"]: WarningAltFilled,
+	undefined: UndefinedFilled,
+	succeeded: CheckmarkFilled,
+	normal: CheckmarkOutline,
+	["in-progress"]: InProgress,
+	incomplete: Incomplete,
+	["not-started"]: CircleDash,
+	pending: PendingFilled,
+	unknown: UnknownFilled,
+	informative: WarningSquareFilled
 };
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const IconIndicator = /*#__PURE__*/React.forwardRef(({
-  className: customClassName,
-  kind,
-  label,
-  size = 16,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-  ...rest
-}, ref) => {
-  const prefix = usePrefix();
-  const classNames = cx(`${prefix}--icon-indicator`, customClassName, {
-    [`${prefix}--icon-indicator--20`]: size == 20
-  });
-  const IconForKind = iconTypes[kind];
-  if (!IconForKind) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames,
-    ref: ref
-  }, /*#__PURE__*/React.createElement(IconForKind, {
-    size: size,
-    className: `${prefix}--icon-indicator--${kind}`
-  }), label);
+const IconIndicator = React.forwardRef(({ className: customClassName, kind, label, size = 16 }, ref) => {
+	const prefix = usePrefix();
+	const classNames$1 = classNames(`${prefix}--icon-indicator`, customClassName, { [`${prefix}--icon-indicator--20`]: size == 20 });
+	const IconForKind = iconTypes[kind];
+	if (!IconForKind) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames$1,
+		ref,
+		children: [/* @__PURE__ */ jsx(IconForKind, {
+			size,
+			className: `${prefix}--icon-indicator--${kind}`
+		}), label]
+	});
 });
 IconIndicator.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string,
-  /**
-   * Specify the kind of the Icon Indicator
-   */
-  kind: PropTypes.oneOf(IconIndicatorKinds).isRequired,
-  /**
-   * Label next to the icon.
-   */
-  label: PropTypes.string.isRequired,
-  /**
-   * Specify the size of the Icon Indicator. Defaults to 16.
-   */
-  size: PropTypes.oneOf([16, 20])
+	className: PropTypes.string,
+	kind: PropTypes.oneOf(IconIndicatorKinds).isRequired,
+	label: PropTypes.string.isRequired,
+	size: PropTypes.oneOf([16, 20])
 };
 
-export { IconIndicator, IconIndicatorKinds };
+//#endregion
+export { IconIndicator as default };

package/es/components/IdPrefix/index.js

@@ -1,28 +1,32 @@
 /**
- * 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 PropTypes from 'prop-types';
-import React from 'react';
-import { IdPrefixContext } from '../../internal/useIdPrefix.js';
+import { IdPrefixContext } from "../../internal/useIdPrefix.js";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-function IdPrefix({
-  children,
-  prefix
-}) {
-  return /*#__PURE__*/React.createElement(IdPrefixContext.Provider, {
-    value: prefix
-  }, children);
+//#region src/components/IdPrefix/index.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 IdPrefix({ children, prefix }) {
+	return /* @__PURE__ */ jsx(IdPrefixContext.Provider, {
+		value: prefix,
+		children
+	});
 }
 IdPrefix.propTypes = {
-  children: PropTypes.node,
-  /**
-   * The value used to prefix the auto-generated id placed on some DOM elements
-   */
-  prefix: PropTypes.string
+	children: PropTypes.node,
+	prefix: PropTypes.string
 };
 
-export { IdPrefix };
+//#endregion
+export { IdPrefix };