@carbon/react 1.73.0 → 1.74.0-rc.0

package/es/components/Breadcrumb/BreadcrumbItem.js

@@ -56,6 +56,7 @@ const BreadcrumbItem = /*#__PURE__*/React__default.forwardRef(function Breadcrum
       href: href,
       "aria-current": ariaCurrent || isCurrentPage
     }, children) : /*#__PURE__*/React__default.createElement(Text, {
+      "aria-current": ariaCurrent || isCurrentPage,
       className: `${prefix}--link`
     }, children));
   }

package/es/components/ComposedModal/ComposedModal.js

@@ -119,6 +119,7 @@ const ComposedModal = /*#__PURE__*/React__default.forwardRef(function ComposedMo
   const button = useRef(null);
   const startSentinel = useRef(null);
   const endSentinel = useRef(null);
+  const onMouseDownTarget = useRef(null);
   const focusTrapWithoutSentinels = useFeatureFlag('enable-experimental-focus-wrap-without-sentinels');
 
   // Keep track of modal open/close state
@@ -151,10 +152,15 @@ const ComposedModal = /*#__PURE__*/React__default.forwardRef(function ComposedMo
     }
     onKeyDown?.(event);
   }
+  function handleOnMouseDown(evt) {
+    const target = evt.target;
+    onMouseDownTarget.current = target;
+  }
   function handleOnClick(evt) {
     const target = evt.target;
+    const mouseDownTarget = onMouseDownTarget.current;
     evt.stopPropagation();
-    if (!preventCloseOnClickOutside && !elementOrParentIsFloatingMenu(target, selectorsFloatingMenus) && innerModal.current && !innerModal.current.contains(target)) {
+    if (!preventCloseOnClickOutside && !elementOrParentIsFloatingMenu(target, selectorsFloatingMenus) && innerModal.current && !innerModal.current.contains(target) && !innerModal.current.contains(mouseDownTarget)) {
       closeModal(evt);
     }
   }
@@ -265,6 +271,7 @@ const ComposedModal = /*#__PURE__*/React__default.forwardRef(function ComposedMo
     "aria-hidden": !open,
     onBlur: !focusTrapWithoutSentinels ? handleBlur : () => {},
     onClick: composeEventHandlers([rest?.onClick, handleOnClick]),
+    onMouseDown: composeEventHandlers([rest?.onMouseDown, handleOnMouseDown]),
     onKeyDown: handleKeyDown,
     className: modalClass
   }), /*#__PURE__*/React__default.createElement("div", {

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

@@ -20,6 +20,10 @@ interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
      * **Experimental**: Will attempt to automatically align the tooltip
      */
     autoAlign?: boolean;
+    /**
+     * Optionally specify an href for your IconButton to become an `<a>` element
+     */
+    href?: string;
     /**
      * Provide an icon or asset to be rendered inside of the IconButton
      */

package/es/components/IconButton/index.js

@@ -104,6 +104,10 @@ IconButton.propTypes = {
    * **Experimental**: Will attempt to automatically align the tooltip
    */
   autoAlign: PropTypes.bool,
+  /**
+   * 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
    */

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

@@ -0,0 +1,29 @@
+/**
+ * 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.
+ */
+import React from 'react';
+export declare const IconIndicatorKinds: string[];
+export type IconIndicatorKind = (typeof IconIndicatorKinds)[number];
+interface IconIndicatorProps {
+    /**
+     * Specify an optional className to add.
+     */
+    className?: string;
+    /**
+     * Specify the kind of icon to be used
+     */
+    kind: IconIndicatorKind;
+    /**
+     * Label next to the icon
+     */
+    label: string;
+    /**
+     * Specify the size of the Icon Indicator. Defaults to 16.
+     */
+    size?: 16 | 20;
+}
+export declare const IconIndicator: React.ForwardRefExoticComponent<IconIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+export default IconIndicator;

package/es/components/IconIndicator/index.js

@@ -0,0 +1,72 @@
+/**
+ * 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.
+ */
+
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import cx from 'classnames';
+import { usePrefix } from '../../internal/usePrefix.js';
+import { ErrorFilled, WarningAltInvertedFilled, WarningAltFilled, UndefinedFilled, CheckmarkFilled, CheckmarkOutline, InProgress, Incomplete, CircleDash, PendingFilled, UnknownFilled, WarningSquareFilled } from '@carbon/icons-react';
+
+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
+};
+const IconIndicator = /*#__PURE__*/React__default.forwardRef(function IconIndicatorContent(_ref, ref) {
+  let {
+    className: customClassName,
+    kind,
+    label,
+    size = 16,
+    ...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__default.createElement("div", {
+    className: classNames,
+    ref: ref
+  }, /*#__PURE__*/React__default.createElement(IconForKind, {
+    size: 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])
+};
+
+export { IconIndicator, IconIndicatorKinds, IconIndicator as default };

package/es/index.d.ts

@@ -128,3 +128,4 @@ export * from './components/Tooltip/DefinitionTooltip';
 export * from './components/Theme';
 export * from './internal/usePrefix';
 export { useIdPrefix } from './internal/useIdPrefix';
+export { IconIndicator as unstable__IconIndicator } from './components/IconIndicator';

package/es/index.js

@@ -201,6 +201,7 @@ import './components/Text/index.js';
 export { GlobalTheme, Theme, ThemeContext, usePrefersDarkScheme, useTheme } from './components/Theme/index.js';
 export { PrefixContext, usePrefix } from './internal/usePrefix.js';
 export { useIdPrefix } from './internal/useIdPrefix.js';
+export { IconIndicator as unstable__IconIndicator } from './components/IconIndicator/index.js';
 export { default as unstable_PageSelector } from './components/Pagination/experimental/PageSelector.js';
 export { default as unstable_Pagination } from './components/Pagination/experimental/Pagination.js';
 export { default as ContainedListItem } from './components/ContainedList/ContainedListItem/ContainedListItem.js';

package/lib/components/Breadcrumb/BreadcrumbItem.js

@@ -66,6 +66,7 @@ const BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(functio
       href: href,
       "aria-current": ariaCurrent || isCurrentPage
     }, children) : /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+      "aria-current": ariaCurrent || isCurrentPage,
       className: `${prefix}--link`
     }, children));
   }

package/lib/components/ComposedModal/ComposedModal.js

@@ -129,6 +129,7 @@ const ComposedModal = /*#__PURE__*/React__default["default"].forwardRef(function
   const button = React.useRef(null);
   const startSentinel = React.useRef(null);
   const endSentinel = React.useRef(null);
+  const onMouseDownTarget = React.useRef(null);
   const focusTrapWithoutSentinels = index$1.useFeatureFlag('enable-experimental-focus-wrap-without-sentinels');
 
   // Keep track of modal open/close state
@@ -161,10 +162,15 @@ const ComposedModal = /*#__PURE__*/React__default["default"].forwardRef(function
     }
     onKeyDown?.(event);
   }
+  function handleOnMouseDown(evt) {
+    const target = evt.target;
+    onMouseDownTarget.current = target;
+  }
   function handleOnClick(evt) {
     const target = evt.target;
+    const mouseDownTarget = onMouseDownTarget.current;
     evt.stopPropagation();
-    if (!preventCloseOnClickOutside && !wrapFocus.elementOrParentIsFloatingMenu(target, selectorsFloatingMenus) && innerModal.current && !innerModal.current.contains(target)) {
+    if (!preventCloseOnClickOutside && !wrapFocus.elementOrParentIsFloatingMenu(target, selectorsFloatingMenus) && innerModal.current && !innerModal.current.contains(target) && !innerModal.current.contains(mouseDownTarget)) {
       closeModal(evt);
     }
   }
@@ -275,6 +281,7 @@ const ComposedModal = /*#__PURE__*/React__default["default"].forwardRef(function
     "aria-hidden": !open,
     onBlur: !focusTrapWithoutSentinels ? handleBlur : () => {},
     onClick: events.composeEventHandlers([rest?.onClick, handleOnClick]),
+    onMouseDown: events.composeEventHandlers([rest?.onMouseDown, handleOnMouseDown]),
     onKeyDown: handleKeyDown,
     className: modalClass
   }), /*#__PURE__*/React__default["default"].createElement("div", {

package/lib/components/IconButton/index.d.ts

@@ -20,6 +20,10 @@ interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
      * **Experimental**: Will attempt to automatically align the tooltip
      */
     autoAlign?: boolean;
+    /**
+     * Optionally specify an href for your IconButton to become an `<a>` element
+     */
+    href?: string;
     /**
      * Provide an icon or asset to be rendered inside of the IconButton
      */

package/lib/components/IconButton/index.js

@@ -114,6 +114,10 @@ IconButton.propTypes = {
    * **Experimental**: Will attempt to automatically align the tooltip
    */
   autoAlign: PropTypes__default["default"].bool,
+  /**
+   * Optionally specify an href for your IconButton to become an `<a>` element
+   */
+  href: PropTypes__default["default"].string,
   /**
    * Provide an icon or asset to be rendered inside of the IconButton
    */

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

@@ -0,0 +1,29 @@
+/**
+ * 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.
+ */
+import React from 'react';
+export declare const IconIndicatorKinds: string[];
+export type IconIndicatorKind = (typeof IconIndicatorKinds)[number];
+interface IconIndicatorProps {
+    /**
+     * Specify an optional className to add.
+     */
+    className?: string;
+    /**
+     * Specify the kind of icon to be used
+     */
+    kind: IconIndicatorKind;
+    /**
+     * Label next to the icon
+     */
+    label: string;
+    /**
+     * Specify the size of the Icon Indicator. Defaults to 16.
+     */
+    size?: 16 | 20;
+}
+export declare const IconIndicator: React.ForwardRefExoticComponent<IconIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+export default IconIndicator;

package/lib/components/IconIndicator/index.js

@@ -0,0 +1,84 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+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
+};
+const IconIndicator = /*#__PURE__*/React__default["default"].forwardRef(function IconIndicatorContent(_ref, ref) {
+  let {
+    className: customClassName,
+    kind,
+    label,
+    size = 16,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const classNames = cx__default["default"](`${prefix}--icon-indicator`, customClassName, {
+    [`${prefix}--icon-indicator--20`]: size == 20
+  });
+  const IconForKind = iconTypes[kind];
+  if (!IconForKind) {
+    return null;
+  }
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classNames,
+    ref: ref
+  }, /*#__PURE__*/React__default["default"].createElement(IconForKind, {
+    size: size,
+    className: `${prefix}--icon-indicator--${kind}`
+  }), label);
+});
+IconIndicator.propTypes = {
+  /**
+   * Specify an optional className to add.
+   */
+  className: PropTypes__default["default"].string,
+  /**
+   * Specify the kind of the Icon Indicator
+   */
+  kind: PropTypes__default["default"].oneOf(IconIndicatorKinds).isRequired,
+  /**
+   * Label next to the icon.
+   */
+  label: PropTypes__default["default"].string.isRequired,
+  /**
+   * Specify the size of the Icon Indicator. Defaults to 16.
+   */
+  size: PropTypes__default["default"].oneOf([16, 20])
+};
+
+exports.IconIndicator = IconIndicator;
+exports.IconIndicatorKinds = IconIndicatorKinds;
+exports["default"] = IconIndicator;

package/lib/index.d.ts

@@ -128,3 +128,4 @@ export * from './components/Tooltip/DefinitionTooltip';
 export * from './components/Theme';
 export * from './internal/usePrefix';
 export { useIdPrefix } from './internal/useIdPrefix';
+export { IconIndicator as unstable__IconIndicator } from './components/IconIndicator';

package/lib/index.js

@@ -23,16 +23,16 @@ var ButtonSet = require('./components/ButtonSet/ButtonSet.js');
 var Checkbox = require('./components/Checkbox/Checkbox.js');
 var Checkbox_Skeleton = require('./components/Checkbox/Checkbox.Skeleton.js');
 var CheckboxGroup = require('./components/CheckboxGroup/CheckboxGroup.js');
-var index$4 = require('./components/ClassPrefix/index.js');
+var index$5 = require('./components/ClassPrefix/index.js');
 var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
 var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
 var ComboBox = require('./components/ComboBox/ComboBox.js');
-var index$5 = require('./components/ComboButton/index.js');
+var index$6 = require('./components/ComboButton/index.js');
 var ComposedModal = require('./components/ComposedModal/ComposedModal.js');
 var ModalHeader = require('./components/ComposedModal/ModalHeader.js');
 var ModalFooter = require('./components/ComposedModal/ModalFooter.js');
 require('./components/ContainedList/index.js');
-var index$6 = require('./components/ContentSwitcher/index.js');
+var index$7 = require('./components/ContentSwitcher/index.js');
 var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
 var Copy = require('./components/Copy/Copy.js');
 var CopyButton = require('./components/CopyButton/CopyButton.js');
@@ -66,14 +66,14 @@ var Column = require('./components/Grid/Column.js');
 var ColumnHang = require('./components/Grid/ColumnHang.js');
 var GridContext = require('./components/Grid/GridContext.js');
 var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
-var index$7 = require('./components/IdPrefix/index.js');
+var index$8 = require('./components/IdPrefix/index.js');
 var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
 var Link = require('./components/Link/Link.js');
 var ListItem = require('./components/ListItem/ListItem.js');
 var Loading = require('./components/Loading/Loading.js');
 var Menu = require('./components/Menu/Menu.js');
 var MenuItem = require('./components/Menu/MenuItem.js');
-var index$8 = require('./components/MenuButton/index.js');
+var index$9 = require('./components/MenuButton/index.js');
 var Modal = require('./components/Modal/Modal.js');
 var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
 require('./components/MultiSelect/index.js');
@@ -81,7 +81,7 @@ var Notification = require('./components/Notification/Notification.js');
 var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
 var NumberInput = require('./components/NumberInput/NumberInput.js');
 var OrderedList = require('./components/OrderedList/OrderedList.js');
-var index$9 = require('./components/OverflowMenu/index.js');
+var index$a = require('./components/OverflowMenu/index.js');
 var OverflowMenuItem = require('./components/OverflowMenuItem/OverflowMenuItem.js');
 var Pagination$1 = require('./components/Pagination/Pagination.js');
 var Pagination_Skeleton = require('./components/Pagination/Pagination.Skeleton.js');
@@ -105,7 +105,7 @@ var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js')
 var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
 var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
 var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
-var index$a = require('./components/Slider/index.js');
+var index$b = require('./components/Slider/index.js');
 var HStack = require('./components/Stack/HStack.js');
 var VStack = require('./components/Stack/VStack.js');
 var Stack = require('./components/Stack/Stack.js');
@@ -131,7 +131,7 @@ var TimePickerSelect = require('./components/TimePickerSelect/TimePickerSelect.j
 var Toggle = require('./components/Toggle/Toggle.js');
 var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
 var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
-var index$b = require('./components/Toggletip/index.js');
+var index$c = require('./components/Toggletip/index.js');
 var TreeNode = require('./components/TreeView/TreeNode.js');
 var TreeView = require('./components/TreeView/TreeView.js');
 var Content = require('./components/UIShell/Content.js');
@@ -186,12 +186,12 @@ var FluidTextInput_Skeleton = require('./components/FluidTextInput/FluidTextInpu
 var FluidTimePicker = require('./components/FluidTimePicker/FluidTimePicker.js');
 var FluidTimePicker_Skeleton = require('./components/FluidTimePicker/FluidTimePicker.Skeleton.js');
 var FluidTimePickerSelect = require('./components/FluidTimePickerSelect/FluidTimePickerSelect.js');
-var index$c = require('./components/Heading/index.js');
-var index$d = require('./components/IconButton/index.js');
-var index$e = require('./components/Layer/index.js');
+var index$d = require('./components/Heading/index.js');
+var index$e = require('./components/IconButton/index.js');
+var index$f = require('./components/Layer/index.js');
 var index$1 = require('./components/Layout/index.js');
 var index$2 = require('./components/OverflowMenuV2/index.js');
-var index$f = require('./components/Popover/index.js');
+var index$g = require('./components/Popover/index.js');
 var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
 var index$3 = require('./components/AILabel/index.js');
 var ChatButton = require('./components/ChatButton/ChatButton.js');
@@ -202,9 +202,10 @@ var AISkeletonText = require('./components/AISkeleton/AISkeletonText.js');
 var DefinitionTooltip = require('./components/Tooltip/DefinitionTooltip.js');
 var Tooltip = require('./components/Tooltip/Tooltip.js');
 require('./components/Text/index.js');
-var index$g = require('./components/Theme/index.js');
+var index$h = require('./components/Theme/index.js');
 var usePrefix = require('./internal/usePrefix.js');
 var useIdPrefix = require('./internal/useIdPrefix.js');
+var index$4 = require('./components/IconIndicator/index.js');
 var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
 var Pagination = require('./components/Pagination/experimental/Pagination.js');
 var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
@@ -261,16 +262,16 @@ exports.ButtonSet = ButtonSet["default"];
 exports.Checkbox = Checkbox["default"];
 exports.CheckboxSkeleton = Checkbox_Skeleton["default"];
 exports.CheckboxGroup = CheckboxGroup["default"];
-exports.ClassPrefix = index$4.ClassPrefix;
+exports.ClassPrefix = index$5.ClassPrefix;
 exports.CodeSnippet = CodeSnippet["default"];
 exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
 exports.ComboBox = ComboBox["default"];
-exports.ComboButton = index$5.ComboButton;
+exports.ComboButton = index$6.ComboButton;
 exports.ComposedModal = ComposedModal["default"];
 exports.ModalBody = ComposedModal.ModalBody;
 exports.ModalHeader = ModalHeader.ModalHeader;
 exports.ModalFooter = ModalFooter.ModalFooter;
-exports.ContentSwitcher = index$6["default"];
+exports.ContentSwitcher = index$7["default"];
 exports.useContextMenu = useContextMenu["default"];
 exports.Copy = Copy["default"];
 exports.CopyButton = CopyButton["default"];
@@ -303,7 +304,7 @@ exports.Column = Column["default"];
 exports.ColumnHang = ColumnHang.ColumnHang;
 exports.GridSettings = GridContext.GridSettings;
 exports.IconSkeleton = Icon_Skeleton["default"];
-exports.IdPrefix = index$7.IdPrefix;
+exports.IdPrefix = index$8.IdPrefix;
 exports.InlineLoading = InlineLoading["default"];
 exports.Link = Link["default"];
 exports.ListItem = ListItem["default"];
@@ -314,7 +315,7 @@ exports.MenuItemDivider = MenuItem.MenuItemDivider;
 exports.MenuItemGroup = MenuItem.MenuItemGroup;
 exports.MenuItemRadioGroup = MenuItem.MenuItemRadioGroup;
 exports.MenuItemSelectable = MenuItem.MenuItemSelectable;
-exports.MenuButton = index$8.MenuButton;
+exports.MenuButton = index$9.MenuButton;
 exports.Modal = Modal["default"];
 exports.ModalWrapper = ModalWrapper["default"];
 exports.ActionableNotification = Notification.ActionableNotification;
@@ -327,7 +328,7 @@ exports.ToastNotification = Notification.ToastNotification;
 exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
 exports.NumberInput = NumberInput.NumberInput;
 exports.OrderedList = OrderedList["default"];
-exports.OverflowMenu = index$9["default"];
+exports.OverflowMenu = index$a["default"];
 exports.OverflowMenuItem = OverflowMenuItem["default"];
 exports.Pagination = Pagination$1["default"];
 exports.PaginationSkeleton = Pagination_Skeleton["default"];
@@ -352,7 +353,7 @@ exports.SelectItemGroup = SelectItemGroup["default"];
 exports.SkeletonIcon = SkeletonIcon["default"];
 exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
 exports.SkeletonText = SkeletonText["default"];
-exports.Slider = index$a["default"];
+exports.Slider = index$b["default"];
 exports.HStack = HStack.HStack;
 exports.VStack = VStack.VStack;
 exports.Stack = Stack.Stack;
@@ -394,11 +395,11 @@ exports.TimePickerSelect = TimePickerSelect["default"];
 exports.Toggle = Toggle.Toggle;
 exports.ToggleSkeleton = Toggle_Skeleton["default"];
 exports.ToggleSmallSkeleton = ToggleSmall_Skeleton["default"];
-exports.Toggletip = index$b.Toggletip;
-exports.ToggletipActions = index$b.ToggletipActions;
-exports.ToggletipButton = index$b.ToggletipButton;
-exports.ToggletipContent = index$b.ToggletipContent;
-exports.ToggletipLabel = index$b.ToggletipLabel;
+exports.Toggletip = index$c.Toggletip;
+exports.ToggletipActions = index$c.ToggletipActions;
+exports.ToggletipButton = index$c.ToggletipButton;
+exports.ToggletipContent = index$c.ToggletipContent;
+exports.ToggletipLabel = index$c.ToggletipLabel;
 exports.TreeNode = TreeNode["default"];
 exports.TreeView = TreeView["default"];
 exports.Content = Content["default"];
@@ -454,16 +455,16 @@ exports.unstable__FluidTextInputSkeleton = FluidTextInput_Skeleton["default"];
 exports.unstable__FluidTimePicker = FluidTimePicker["default"];
 exports.unstable__FluidTimePickerSkeleton = FluidTimePicker_Skeleton["default"];
 exports.unstable__FluidTimePickerSelect = FluidTimePickerSelect["default"];
-exports.Heading = index$c.Heading;
-exports.Section = index$c.Section;
-exports.IconButton = index$d.IconButton;
-exports.IconButtonKinds = index$d.IconButtonKinds;
-exports.Layer = index$e.Layer;
-exports.useLayer = index$e.useLayer;
+exports.Heading = index$d.Heading;
+exports.Section = index$d.Section;
+exports.IconButton = index$e.IconButton;
+exports.IconButtonKinds = index$e.IconButtonKinds;
+exports.Layer = index$f.Layer;
+exports.useLayer = index$f.useLayer;
 exports.unstable_Layout = index$1.Layout;
 exports.unstable_OverflowMenuV2 = index$2.OverflowMenuV2;
-exports.Popover = index$f.Popover;
-exports.PopoverContent = index$f.PopoverContent;
+exports.Popover = index$g.Popover;
+exports.PopoverContent = index$g.PopoverContent;
 exports.ProgressBar = ProgressBar["default"];
 exports.AILabel = index$3.AILabel;
 exports.AILabelActions = index$3.AILabelActions;
@@ -481,14 +482,15 @@ exports.AISkeletonText = AISkeletonText["default"];
 exports.unstable__AiSkeletonText = AISkeletonText["default"];
 exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
 exports.Tooltip = Tooltip.Tooltip;
-exports.GlobalTheme = index$g.GlobalTheme;
-exports.Theme = index$g.Theme;
-exports.ThemeContext = index$g.ThemeContext;
-exports.usePrefersDarkScheme = index$g.usePrefersDarkScheme;
-exports.useTheme = index$g.useTheme;
+exports.GlobalTheme = index$h.GlobalTheme;
+exports.Theme = index$h.Theme;
+exports.ThemeContext = index$h.ThemeContext;
+exports.usePrefersDarkScheme = index$h.usePrefersDarkScheme;
+exports.useTheme = index$h.useTheme;
 exports.PrefixContext = usePrefix.PrefixContext;
 exports.usePrefix = usePrefix.usePrefix;
 exports.useIdPrefix = useIdPrefix.useIdPrefix;
+exports.unstable__IconIndicator = index$4.IconIndicator;
 exports.unstable_PageSelector = PageSelector["default"];
 exports.unstable_Pagination = Pagination["default"];
 exports.ContainedListItem = ContainedListItem["default"];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.73.0",
+  "version": "1.74.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -52,7 +52,7 @@
     "@carbon/feature-flags": "^0.24.0",
     "@carbon/icons-react": "^11.53.0",
     "@carbon/layout": "^11.28.0",
-    "@carbon/styles": "^1.72.0",
+    "@carbon/styles": "^1.73.0-rc.0",
     "@floating-ui/react": "^0.26.0",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -78,24 +78,25 @@
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
     "@carbon/test-utils": "^10.34.0",
-    "@carbon/themes": "^11.44.0",
+    "@carbon/themes": "^11.45.0-rc.0",
     "@figma/code-connect": "^1.2.4",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
     "@rollup/plugin-typescript": "^11.0.0",
-    "@storybook/addon-a11y": "^8.4.5",
-    "@storybook/addon-actions": "^8.4.5",
-    "@storybook/addon-docs": "^8.4.5",
-    "@storybook/addon-essentials": "^8.4.5",
-    "@storybook/addon-links": "^8.1.10",
-    "@storybook/addon-storysource": "^8.4.5",
+    "@stackblitz/sdk": "^1.11.0",
+    "@storybook/addon-a11y": "^8.4.7",
+    "@storybook/addon-actions": "^8.4.7",
+    "@storybook/addon-docs": "^8.4.7",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-storysource": "^8.4.7",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/blocks": "^8.4.5",
-    "@storybook/manager-api": "^8.4.5",
-    "@storybook/react": "^8.4.5",
-    "@storybook/react-webpack5": "^8.4.5",
-    "@storybook/theming": "^8.4.5",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/manager-api": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-webpack5": "^8.4.7",
+    "@storybook/theming": "^8.4.7",
     "@types/react-is": "~18.3.0",
     "autoprefixer": "^10.4.0",
     "babel-loader": "^9.0.0",
@@ -124,7 +125,7 @@
     "rollup-plugin-strip-banner": "^3.0.0",
     "sass": "^1.77.7",
     "sass-loader": "^16.0.0",
-    "storybook": "^8.4.5",
+    "storybook": "^8.4.7",
     "storybook-addon-accessibility-checker": "^3.1.61-rc.3",
     "stream-browserify": "^3.0.0",
     "style-loader": "^4.0.0",
@@ -143,5 +144,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "97fc2e65d5d78f3bc191f036cb669b072db1d85f"
+  "gitHead": "e14e6577efb2a0231c1a9ba1d4cf5a6a544bd2f9"
 }