@carbon/react 1.103.0 → 1.104.0-rc.0

package/lib/components/IconButton/index.js

@@ -1,192 +1,133 @@
 /**
- * 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_deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
+const require_mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
+const require_Tooltip = require('../Tooltip/Tooltip.js');
+const require_ButtonBase = require('../Button/ButtonBase.js');
+const require_index = require('../BadgeIndicator/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");
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-require('../Tooltip/DefinitionTooltip.js');
-var Tooltip = require('../Tooltip/Tooltip.js');
-var useId = require('../../internal/useId.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var ButtonBase = require('../Button/ButtonBase.js');
-var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
-var index = require('../BadgeIndicator/index.js');
-var mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
-
-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__*/React.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.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.useId('badge-indicator');
-  return /*#__PURE__*/React.createElement(Tooltip.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.default, _rollupPluginBabelHelpers.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(index.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 = (0, react.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 = require_usePrefix.usePrefix();
+	const tooltipClasses = (0, classnames.default)(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 = require_useId.useId("badge-indicator");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
+		align,
+		autoAlign,
+		closeOnActivation,
+		className: tooltipClasses,
+		defaultOpen,
+		dropShadow,
+		enterDelayMs,
+		highContrast,
+		label,
+		leaveDelayMs,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ButtonBase.default, {
+			...rest,
+			disabled,
+			kind,
+			ref,
+			size,
+			isSelected,
+			hasIconOnly: true,
+			className,
+			"aria-describedby": rest["aria-describedby"] || badgeCount && badgeId,
+			children: [children, !disabled && badgeCount !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+				id: badgeId,
+				count: badgeCount > 0 ? badgeCount : void 0
+			})]
+		})
+	});
 });
 IconButton.propTypes = {
-  /**
-   * Specify how the trigger should align with the tooltip
-   */
-  align: deprecateValuesWithin.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.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: require_deprecateValuesWithin.deprecateValuesWithin(prop_types.default.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"
+	], require_mapPopoverAlign.mapPopoverAlign),
+	autoAlign: prop_types.default.bool,
+	badgeCount: prop_types.default.number,
+	href: prop_types.default.string,
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	closeOnActivation: prop_types.default.bool,
+	defaultOpen: prop_types.default.bool,
+	dropShadow: prop_types.default.bool,
+	disabled: prop_types.default.bool,
+	enterDelayMs: prop_types.default.number,
+	isSelected: prop_types.default.bool,
+	highContrast: prop_types.default.bool,
+	kind: prop_types.default.oneOf(IconButtonKinds),
+	label: prop_types.default.node.isRequired,
+	leaveDelayMs: prop_types.default.number,
+	rel: prop_types.default.string,
+	size: prop_types.default.oneOf([
+		"sm",
+		"md",
+		"lg"
+	]),
+	target: prop_types.default.string,
+	wrapperClasses: prop_types.default.string
 };
 
+//#endregion
 exports.IconButton = IconButton;
-exports.IconButtonKinds = IconButtonKinds;
+exports.IconButtonKinds = IconButtonKinds;

package/lib/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/lib/components/IconIndicator/index.js

@@ -1,76 +1,76 @@
 /**
- * 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');
+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 PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-var iconsReact = require('@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: iconsReact.ErrorFilled,
-  ['caution-major']: iconsReact.WarningAltInvertedFilled,
-  ['caution-minor']: iconsReact.WarningAltFilled,
-  undefined: iconsReact.UndefinedFilled,
-  succeeded: iconsReact.CheckmarkFilled,
-  normal: iconsReact.CheckmarkOutline,
-  ['in-progress']: iconsReact.InProgress,
-  incomplete: iconsReact.Incomplete,
-  ['not-started']: iconsReact.CircleDash,
-  pending: iconsReact.PendingFilled,
-  unknown: iconsReact.UnknownFilled,
-  informative: iconsReact.WarningSquareFilled
+	failed: _carbon_icons_react.ErrorFilled,
+	["caution-major"]: _carbon_icons_react.WarningAltInvertedFilled,
+	["caution-minor"]: _carbon_icons_react.WarningAltFilled,
+	undefined: _carbon_icons_react.UndefinedFilled,
+	succeeded: _carbon_icons_react.CheckmarkFilled,
+	normal: _carbon_icons_react.CheckmarkOutline,
+	["in-progress"]: _carbon_icons_react.InProgress,
+	incomplete: _carbon_icons_react.Incomplete,
+	["not-started"]: _carbon_icons_react.CircleDash,
+	pending: _carbon_icons_react.PendingFilled,
+	unknown: _carbon_icons_react.UnknownFilled,
+	informative: _carbon_icons_react.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.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.default.forwardRef(({ className: customClassName, kind, label, size = 16 }, ref) => {
+	const prefix = require_usePrefix.usePrefix();
+	const classNames = (0, classnames.default)(`${prefix}--icon-indicator`, customClassName, { [`${prefix}--icon-indicator--20`]: size == 20 });
+	const IconForKind = iconTypes[kind];
+	if (!IconForKind) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: classNames,
+		ref,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.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: prop_types.default.string,
+	kind: prop_types.default.oneOf(IconIndicatorKinds).isRequired,
+	label: prop_types.default.string.isRequired,
+	size: prop_types.default.oneOf([16, 20])
 };
 
-exports.IconIndicator = IconIndicator;
-exports.IconIndicatorKinds = IconIndicatorKinds;
+//#endregion
+exports.default = IconIndicator;

package/lib/components/IdPrefix/index.js

@@ -1,30 +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.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_useIdPrefix = require('../../internal/useIdPrefix.js');
+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");
 
-var PropTypes = require('prop-types');
-var React = require('react');
-var useIdPrefix = require('../../internal/useIdPrefix.js');
-
-function IdPrefix({
-  children,
-  prefix
-}) {
-  return /*#__PURE__*/React.createElement(useIdPrefix.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__ */ (0, react_jsx_runtime.jsx)(require_useIdPrefix.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: prop_types.default.node,
+	prefix: prop_types.default.string
 };
 
-exports.IdPrefix = IdPrefix;
+//#endregion
+exports.IdPrefix = IdPrefix;