@carbon/react 1.57.0 → 1.58.0

package/es/components/DataTable/TableHeader.d.ts

@@ -4,14 +4,13 @@
  * 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 { ReactNodeLike } from 'prop-types';
-import React, { type MouseEventHandler } from 'react';
+import React, { type MouseEventHandler, ReactNode } from 'react';
 import { sortStates } from './state/sorting';
 import { ReactAttr } from '../../types/common';
 import { DataTableSortState } from './state/sortStates';
 export type TableHeaderTranslationKey = 'carbon.table.header.icon.description';
 export interface TableHeaderTranslationArgs {
-    header: React.ReactNode;
+    header: ReactNode;
     isSortHeader?: boolean;
     sortDirection?: DataTableSortState;
     sortStates: typeof sortStates;
@@ -20,7 +19,7 @@ interface TableHeaderProps extends ReactAttr<HTMLTableCellElement & HTMLButtonEl
     /**
      * Pass in children that will be embedded in the table header label
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Specify an optional className to be applied to the container node
      */
@@ -56,7 +55,7 @@ interface TableHeaderProps extends ReactAttr<HTMLTableCellElement & HTMLButtonEl
     /**
      * **Experimental**: Provide a `Slug` component to be rendered inside the `TableSlugRow` component
      */
-    slug?: ReactNodeLike;
+    slug?: ReactNode;
     /**
      * Specify which direction we are currently sorting by, should be one of DESC,
      * NONE, or ASC.

package/es/components/DataTable/TableSlugRow.d.ts

@@ -4,7 +4,8 @@
  * 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, { ReactNodeLike } from 'prop-types';
+import PropTypes from 'prop-types';
+import { ReactNode } from 'react';
 export interface TableSlugRowProps {
     /**
      * The CSS class names of the cell that wraps the underlying input control
@@ -13,7 +14,7 @@ export interface TableSlugRowProps {
     /**
      * Provide a `Slug` component to be rendered inside the `TableSlugRow` component
      */
-    slug?: ReactNodeLike;
+    slug?: ReactNode;
 }
 declare const TableSlugRow: {
     ({ className, slug }: TableSlugRowProps): import("react/jsx-runtime").JSX.Element;

package/es/components/DatePicker/DatePicker.d.ts

@@ -4,8 +4,7 @@
  * 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 { ReactNodeLike } from 'prop-types';
-import React from 'react';
+import React, { ReactNode } from 'react';
 import flatpickr from 'flatpickr';
 import { DateLimit, DateOption } from 'flatpickr/dist/types/options';
 export type DatePickerTypes = 'simple' | 'single' | 'range';
@@ -34,7 +33,7 @@ interface DatePickerProps {
     /**
      * The child nodes.
      */
-    children: React.ReactNode | object;
+    children: ReactNode | object;
     /**
      * The CSS class names.
      */
@@ -74,7 +73,7 @@ interface DatePickerProps {
     /**
      * Provide the text that is displayed when the control is in error state (Fluid Only)
      */
-    invalidText?: ReactNodeLike;
+    invalidText?: ReactNode;
     /**
      * `true` to use the light version.
      */
@@ -129,7 +128,7 @@ interface DatePickerProps {
     /**
      * Provide the text that is displayed when the control is in warning state (Fluid only)
      */
-    warnText?: ReactNodeLike;
+    warnText?: ReactNode;
 }
 declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
 export default DatePicker;

package/es/components/Dropdown/Dropdown.d.ts

@@ -6,7 +6,6 @@
  */
 import React, { ReactNode } from 'react';
 import { UseSelectProps } from 'downshift';
-import { ReactNodeLike } from 'prop-types';
 import { type ListBoxMenuIconTranslationKey, ListBoxSize, ListBoxType } from '../ListBox';
 import { ReactAttr } from '../../types/common';
 type ExcludedAttributes = 'id' | 'onChange';
@@ -40,7 +39,7 @@ export interface DropdownProps<ItemType> extends Omit<ReactAttr<HTMLDivElement>,
      * Provide helper text that is used alongside the control label for
      * additional help
      */
-    helperText?: React.ReactNode;
+    helperText?: ReactNode;
     /**
      * Specify whether the title text should be hidden or not
      */
@@ -61,7 +60,7 @@ export interface DropdownProps<ItemType> extends Omit<ReactAttr<HTMLDivElement>,
     /**
      * Message which is displayed if the value is invalid.
      */
-    invalidText?: React.ReactNode;
+    invalidText?: ReactNode;
     /**
      * Function to render items as custom components instead of strings.
      * Defaults to null and is overridden by a getter
@@ -114,12 +113,12 @@ export interface DropdownProps<ItemType> extends Omit<ReactAttr<HTMLDivElement>,
     /**
      * **Experimental**: Provide a `Slug` component to be rendered inside the `Dropdown` component
      */
-    slug?: ReactNodeLike;
+    slug?: ReactNode;
     /**
      * Provide the title text that will be read by a screen reader when
      * visiting this control
      */
-    titleText?: React.ReactNode;
+    titleText?: ReactNode;
     /**
      * Callback function for translating ListBoxMenuIcon SVG title
      */
@@ -135,11 +134,11 @@ export interface DropdownProps<ItemType> extends Omit<ReactAttr<HTMLDivElement>,
     /**
      * Provide the text that is displayed when the control is in warning state
      */
-    warnText?: React.ReactNode;
+    warnText?: ReactNode;
 }
 export type DropdownTranslationKey = ListBoxMenuIconTranslationKey;
 type DropdownComponentProps<ItemType> = React.PropsWithoutRef<React.PropsWithChildren<DropdownProps<ItemType>> & React.RefAttributes<HTMLButtonElement>>;
-interface DropdownComponent {
+export interface DropdownComponent {
     <ItemType>(props: DropdownComponentProps<ItemType>): React.ReactElement | null;
 }
 declare const _default: DropdownComponent;

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

@@ -4,8 +4,8 @@
  * 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 Dropdown, { type DropdownTranslationKey, type OnChangeData } from './Dropdown';
+import Dropdown, { type DropdownTranslationKey, type OnChangeData, type DropdownProps } from './Dropdown';
 export type { DropdownTranslationKey, OnChangeData };
-export { Dropdown };
+export { Dropdown, type DropdownProps };
 export { default as DropdownSkeleton } from './Dropdown.Skeleton';
 export default Dropdown;

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

@@ -4,6 +4,6 @@
  * 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 FormLabel from './FormLabel';
+import FormLabel, { type FormLabelProps } from './FormLabel';
 export default FormLabel;
-export { FormLabel };
+export { FormLabel, type FormLabelProps };

package/es/components/Grid/Column.d.ts

@@ -8,14 +8,14 @@ import React from 'react';
 import { PolymorphicProps } from '../../types/common';
 type ColumnSpanPercent = '25%' | '50%' | '75%' | '100%';
 type ColumnSpanSimple = boolean | number | ColumnSpanPercent;
-interface ColumnSpanObject {
+export interface ColumnSpanObject {
     span?: ColumnSpanSimple;
     offset?: number;
     start?: number;
     end?: number;
 }
 export type ColumnSpan = ColumnSpanSimple | ColumnSpanObject;
-interface ColumnBaseProps {
+export interface ColumnBaseProps {
     /**
      * Pass in content that will be rendered within the `Column`
      */

package/es/components/Grid/GridTypes.d.ts

@@ -6,7 +6,7 @@
  */
 /// <reference types="react" />
 import { PolymorphicProps } from '../../types/common';
-interface GridBaseProps {
+export interface GridBaseProps {
     /**
      * Pass in content that will be rendered within the `Grid`
      */
@@ -34,4 +34,3 @@ export type GridProps<T extends React.ElementType> = PolymorphicProps<T, GridBas
 export interface GridComponent {
     <T extends React.ElementType>(props: GridProps<T>, context?: any): React.ReactElement<any, any> | null;
 }
-export {};

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

@@ -4,9 +4,11 @@
  * 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 { type GridProps } from './GridTypes';
+export { type GridProps };
 export { FlexGrid } from './FlexGrid';
 export { Grid } from './Grid';
 export { default as Row } from './Row';
-export { default as Column } from './Column';
+export { default as Column, type ColumnProps } from './Column';
 export { ColumnHang } from './ColumnHang';
 export { GridSettings } from './GridContext';

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

@@ -4,8 +4,7 @@
  * 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 { ReactNodeLike } from 'prop-types';
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { ButtonSize } from '../Button';
 export declare const IconButtonKinds: readonly ["primary", "secondary", "ghost", "tertiary"];
 export type IconButtonKind = (typeof IconButtonKinds)[number];
@@ -17,7 +16,7 @@ interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
     /**
      * Provide an icon or asset to be rendered inside of the IconButton
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Specify an optional className to be added to your Button
      */
@@ -52,7 +51,7 @@ interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
      * This means that if you have text in the child node it will not be
      * announced to the screen reader.
      */
-    label: ReactNodeLike;
+    label: ReactNode;
     /**
      * Specify the duration in milliseconds to delay before hiding the tooltip
      */

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

@@ -4,6 +4,6 @@
  * 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 InlineLoading from './InlineLoading';
+import InlineLoading, { type InlineLoadingProps } from './InlineLoading';
 export default InlineLoading;
-export { InlineLoading };
+export { InlineLoading, type InlineLoadingProps };

package/es/components/ListBox/next/ListBoxTrigger.js

@@ -27,6 +27,7 @@ const defaultTranslateWithId = id => defaultTranslations[id];
  * `ListBoxTrigger` is used to orient the icon up or down depending on the
  * state of the menu for a given `ListBox`
  */
+
 const ListBoxTrigger = /*#__PURE__*/React__default.forwardRef(function ListBoxTrigger(_ref, ref) {
   let {
     isOpen,

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

@@ -4,6 +4,6 @@
  * 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 Loading from './Loading';
+import Loading, { type LoadingProps } from './Loading';
 export default Loading;
-export { Loading };
+export { Loading, type LoadingProps };

package/es/components/Menu/Menu.js

@@ -130,7 +130,7 @@ const Menu = /*#__PURE__*/forwardRef(function Menu(_ref, forwardRef) {
     }
   }
   function focusItem(e) {
-    const currentItem = focusableItems.findIndex(item => item.ref.current.contains(document.activeElement));
+    const currentItem = focusableItems.findIndex(item => item.ref?.current?.contains(document.activeElement));
     let indexToFocus = currentItem;
 
     // if currentItem is -1, no menu item is focused yet.

package/es/components/Menu/MenuItem.js

@@ -24,6 +24,7 @@ import { ArrowRight, Enter, Space } from '../../internal/keyboard/keys.js';
 
 var _CaretLeft, _CaretRight;
 const hoverIntentDelay = 150; // in ms
+const leaveIntentDelay = 300; // in ms
 
 const MenuItem = /*#__PURE__*/forwardRef(function MenuItem(_ref, forwardRef) {
   let {
@@ -49,6 +50,7 @@ const MenuItem = /*#__PURE__*/forwardRef(function MenuItem(_ref, forwardRef) {
   const hasChildren = Boolean(children);
   const [submenuOpen, setSubmenuOpen] = useState(false);
   const hoverIntentTimeout = useRef(null);
+  const leaveIntentTimeout = useRef(null);
   const isDisabled = disabled && !hasChildren;
   const isDanger = kind === 'danger' && !hasChildren;
   function registerItem() {
@@ -103,6 +105,11 @@ const MenuItem = /*#__PURE__*/forwardRef(function MenuItem(_ref, forwardRef) {
     }
   }
   function handleMouseEnter() {
+    if (leaveIntentTimeout.current) {
+      // When mouse reenters before closing keep sub menu open
+      clearTimeout(leaveIntentTimeout.current);
+      leaveIntentTimeout.current = null;
+    }
     hoverIntentTimeout.current = setTimeout(() => {
       openSubmenu();
     }, hoverIntentDelay);
@@ -110,8 +117,12 @@ const MenuItem = /*#__PURE__*/forwardRef(function MenuItem(_ref, forwardRef) {
   function handleMouseLeave() {
     if (hoverIntentTimeout.current) {
       clearTimeout(hoverIntentTimeout.current);
-      closeSubmenu();
-      menuItem.current?.focus();
+      // Avoid closing the sub menu as soon as mouse leaves
+      // prevents accidental closure due to scroll bar
+      leaveIntentTimeout.current = setTimeout(() => {
+        closeSubmenu();
+        menuItem.current?.focus();
+      }, leaveIntentDelay);
     }
   }
   function handleKeyDown(e) {

package/es/components/Modal/Modal.d.ts

@@ -4,14 +4,13 @@
  * 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 { ReactNodeLike } from 'prop-types';
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { ReactAttr } from '../../types/common';
 import { InlineLoadingStatus } from '../InlineLoading/InlineLoading';
 export declare const ModalSizes: readonly ["xs", "sm", "md", "lg"];
 export type ModalSize = (typeof ModalSizes)[number];
 export interface ModalSecondaryButton {
-    buttonText?: string | React.ReactNode;
+    buttonText?: string | ReactNode;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
 }
 export interface ModalProps extends ReactAttr<HTMLDivElement> {
@@ -27,7 +26,7 @@ export interface ModalProps extends ReactAttr<HTMLDivElement> {
     /**
      * Provide the contents of your Modal
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Specify an optional className to be applied to the modal root node
      */
@@ -75,11 +74,11 @@ export interface ModalProps extends ReactAttr<HTMLDivElement> {
     /**
      * Specify the content of the modal header title.
      */
-    modalHeading?: React.ReactNode;
+    modalHeading?: ReactNode;
     /**
      * Specify the content of the modal header label.
      */
-    modalLabel?: React.ReactNode;
+    modalLabel?: ReactNode;
     /**
      * Specify a handler for keypresses.
      * @deprecated this property is unused
@@ -124,11 +123,11 @@ export interface ModalProps extends ReactAttr<HTMLDivElement> {
     /**
      * Specify the text for the primary button
      */
-    primaryButtonText?: React.ReactNode;
+    primaryButtonText?: ReactNode;
     /**
      * Specify the text for the secondary button
      */
-    secondaryButtonText?: React.ReactNode;
+    secondaryButtonText?: ReactNode;
     /**
      * Specify an array of config objects for secondary buttons
      */
@@ -154,7 +153,7 @@ export interface ModalProps extends ReactAttr<HTMLDivElement> {
     /**
      * **Experimental**: Provide a `Slug` component to be rendered inside the `Modal` component
      */
-    slug?: ReactNodeLike;
+    slug?: ReactNode;
 }
 declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 export default Modal;

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

@@ -4,6 +4,6 @@
  * 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 Modal from './Modal';
+import Modal, { type ModalProps } from './Modal';
 export default Modal;
-export { Modal };
+export { Modal, type ModalProps };

package/es/components/MultiSelect/FilterableMultiSelect.d.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { type UseComboboxProps, type UseMultipleSelectionProps } from 'downshift';
-import { ReactNodeLike } from 'prop-types';
 import { ReactNode, FunctionComponent, ReactElement } from 'react';
 import { type ItemBase, type SortingPropTypes } from './MultiSelectPropTypes';
 export interface FilterableMultiSelectProps<Item extends ItemBase> extends SortingPropTypes<Item> {
@@ -143,7 +142,7 @@ export interface FilterableMultiSelectProps<Item extends ItemBase> extends Sorti
     /**
      * **Experimental**: Provide a `Slug` component to be rendered inside the `Checkbox` component
      */
-    slug?: ReactNodeLike;
+    slug?: ReactNode;
     /**
      * Provide text to be used in a `<label>` element that is tied to the
      * combobox via ARIA attributes.

package/es/components/MultiSelect/MultiSelect.d.ts

@@ -5,11 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { UseSelectProps } from 'downshift';
-import { ReactNodeLike } from 'prop-types';
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { ListBoxSize, ListBoxType } from '../ListBox';
 import { ListBoxProps } from '../ListBox/ListBox';
-import { OnChangeData } from '../Dropdown';
 import type { InternationalProps } from '../../types/common';
 interface SharedOptions {
     locale: string;
@@ -49,6 +47,9 @@ interface MultiSelectSortingProps<ItemType> {
      */
     sortItems?(items: ReadonlyArray<ItemType>, options: SortItemsOptions<ItemType>): ItemType[];
 }
+interface OnChangeData<ItemType> {
+    selectedItems: ItemType[] | null;
+}
 export interface MultiSelectProps<ItemType> extends MultiSelectSortingProps<ItemType>, InternationalProps<'close.menu' | 'open.menu' | 'clear.all' | 'clear.selection'> {
     className?: string;
     /**
@@ -79,7 +80,7 @@ export interface MultiSelectProps<ItemType> extends MultiSelectSortingProps<Item
      * Provide helper text that is used alongside the control label for
      * additional help
      */
-    helperText?: React.ReactNode;
+    helperText?: ReactNode;
     /**
      * Specify whether the title text should be hidden or not
      */
@@ -100,7 +101,7 @@ export interface MultiSelectProps<ItemType> extends MultiSelectSortingProps<Item
     /**
      * If invalid, what is the error?
      */
-    invalidText?: React.ReactNode;
+    invalidText?: ReactNode;
     /**
      * Function to render items as custom components instead of strings.
      * Defaults to null and is overridden by a getter
@@ -121,7 +122,7 @@ export interface MultiSelectProps<ItemType> extends MultiSelectSortingProps<Item
      * Generic `label` that will be used as the textual representation of what
      * this field is for
      */
-    label: NonNullable<React.ReactNode>;
+    label: NonNullable<ReactNode>;
     /**
      * `true` to use the light version.
      *
@@ -170,12 +171,12 @@ export interface MultiSelectProps<ItemType> extends MultiSelectSortingProps<Item
     /**
      * **Experimental**: Provide a `Slug` component to be rendered inside the `MultiSelect` component
      */
-    slug?: ReactNodeLike;
+    slug?: ReactNode;
     /**
      * Provide text to be used in a `<label>` element that is tied to the
      * multiselect via ARIA attributes.
      */
-    titleText?: React.ReactNode;
+    titleText?: ReactNode;
     /**
      * Specify 'inline' to create an inline multi-select.
      */
@@ -191,7 +192,7 @@ export interface MultiSelectProps<ItemType> extends MultiSelectSortingProps<Item
     /**
      * Provide the text that is displayed when the control is in warning state
      */
-    warnText?: React.ReactNode;
+    warnText?: ReactNode;
 }
 type MultiSelectComponentProps<ItemType> = React.PropsWithChildren<MultiSelectProps<ItemType>> & React.RefAttributes<HTMLButtonElement>;
 interface MultiSelectComponent {

package/es/components/Notification/Notification.d.ts

@@ -388,8 +388,8 @@ export interface ActionableNotificationProps extends HTMLAttributes<HTMLDivEleme
      */
     closeOnEscape?: boolean;
     /**
-     * @deprecated use StaticNotification once it's available. Issue #15532
-     * Specify if focus should be moved to the component when the notification contains actions
+     * @deprecated This prop will be removed in the next major version, v12.
+     * Specify if focus should be moved to the component on render. To meet the spec for alertdialog, this must always be true. If you're setting this to false, explore using StaticNotification instead. https://github.com/carbon-design-system/carbon/pull/15532
      */
     hasFocus?: boolean;
     /**

package/es/components/NumberInput/NumberInput.d.ts

@@ -4,7 +4,6 @@
  * 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 { ReactNodeLike } from 'prop-types';
 import React, { ReactNode } from 'react';
 export declare const translationIds: {
     'increment.number': string;
@@ -111,7 +110,7 @@ export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInp
     /**
      * **Experimental**: Provide a `Slug` component to be rendered inside the `TextInput` component
      */
-    slug?: ReactNodeLike;
+    slug?: ReactNode;
     /**
      * Specify how much the values should increase/decrease upon clicking on up/down button
      */
@@ -134,4 +133,15 @@ export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInp
     warnText?: ReactNode;
 }
 declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
+export interface Label {
+    disabled?: boolean;
+    hideLabel?: boolean;
+    id?: string;
+    label?: ReactNode;
+}
+export interface HelperTextProps {
+    id?: string;
+    description?: ReactNode;
+    disabled?: boolean;
+}
 export { NumberInput };

package/es/components/NumberInput/NumberInput.js

@@ -387,7 +387,7 @@ NumberInput.propTypes = {
    */
   warnText: PropTypes.node
 };
-function Label(_ref) {
+const Label = _ref => {
   let {
     disabled,
     id,
@@ -408,7 +408,7 @@ function Label(_ref) {
     }, label);
   }
   return null;
-}
+};
 Label.propTypes = {
   disabled: PropTypes.bool,
   hideLabel: PropTypes.bool,

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

@@ -5,4 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 export { default as NumberInputSkeleton } from './NumberInput.Skeleton';
-export { NumberInput } from './NumberInput';
+export { NumberInput, type NumberInputProps } from './NumberInput';

package/es/components/OverflowMenu/OverflowMenu.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import React from 'react';
+import React, { ComponentType } from 'react';
 /**
  * @param {Element} menuBody The menu body with the menu arrow.
  * @param {string} direction The floating menu direction.
@@ -17,14 +17,18 @@ export declare const getMenuOffset: (menuBody: any, direction: any, trigger: any
     top: number;
 } | undefined;
 interface Offset {
-    top: number;
-    left: number;
+    top?: number | null | undefined;
+    left?: number | null | undefined;
 }
-interface OverflowMenuProps {
+type IconProps = {
+    className?: string;
+    'aria-label'?: string;
+};
+export interface OverflowMenuProps {
     /**
      * Specify a label to be read by screen readers on the container node
      */
-    ['aria-label']: string;
+    ['aria-label']?: string;
     /**
      * Deprecated, please use `aria-label` instead.
      * Specify a label to be read by screen readers on the container note.
@@ -99,7 +103,7 @@ interface OverflowMenuProps {
     /**
      * Function called to override icon rendering.
      */
-    renderIcon?: React.ElementType;
+    renderIcon?: ComponentType<IconProps>;
     /**
      * Specify a CSS selector that matches the DOM element that should
      * be focused when the OverflowMenu opens

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

@@ -0,0 +1,13 @@
+/**
+ * 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 { type OverflowMenuProps } from './OverflowMenu';
+declare function OverflowMenu(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace OverflowMenu {
+    var displayName: string;
+}
+export default OverflowMenu;
+export { OverflowMenu, type OverflowMenuProps };

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

@@ -0,0 +1,3 @@
+import ControlledPasswordInput from '../TextInput/ControlledPasswordInput';
+import PasswordInput from '../TextInput/PasswordInput';
+export { ControlledPasswordInput, PasswordInput };

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

@@ -6,10 +6,16 @@
  */
 import React, { type ForwardedRef, type WeakValidationMap, type ElementType } from 'react';
 import { type PolymorphicProps } from '../../types/common';
-export type PopoverAlignment = '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';
+/**
+ * Deprecated popover alignment values.
+ * @deprecated Use NewPopoverAlignment instead.
+ */
+export type DeprecatedPopoverAlignment = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top';
+export type NewPopoverAlignment = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
+export type PopoverAlignment = DeprecatedPopoverAlignment | NewPopoverAlignment;
 interface PopoverBaseProps {
     /**
-     * Specify how the popover should align with the trigger element
+     * Specify how the popover should align with the trigger element.
      */
     align?: PopoverAlignment;
     /**