@carbon/react 1.48.0 → 1.49.0-rc.0

package/es/components/Accordion/Accordion.Skeleton.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.
  */
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 interface AccordionSkeletonProps {
     /**
@@ -30,7 +29,7 @@ interface AccordionSkeletonProps {
      */
     open?: boolean;
 }
-declare function AccordionSkeleton({ align, className, count, isFlush, open, ...rest }: AccordionSkeletonProps): JSX.Element;
+declare function AccordionSkeleton({ align, className, count, isFlush, open, ...rest }: AccordionSkeletonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace AccordionSkeleton {
     var propTypes: {
         /**

package/es/components/Accordion/Accordion.d.ts

@@ -33,7 +33,7 @@ interface AccordionProps {
      */
     size?: 'sm' | 'md' | 'lg';
 }
-declare function Accordion({ align, children, className: customClassName, disabled, isFlush, size, ...rest }: PropsWithChildren<AccordionProps>): JSX.Element;
+declare function Accordion({ align, children, className: customClassName, disabled, isFlush, size, ...rest }: PropsWithChildren<AccordionProps>): import("react/jsx-runtime").JSX.Element;
 declare namespace Accordion {
     var propTypes: {
         /**

package/es/components/Accordion/AccordionItem.d.ts

@@ -59,7 +59,7 @@ interface AccordionToggleProps {
     type?: 'button';
 }
 declare function AccordionItem({ children, className: customClassName, open, onHeadingClick, renderExpando, // remove renderExpando in next major release
-renderToggle, title, disabled: controlledDisabled, handleAnimationEnd, ...rest }: PropsWithChildren<AccordionItemProps>): JSX.Element;
+renderToggle, title, disabled: controlledDisabled, handleAnimationEnd, ...rest }: PropsWithChildren<AccordionItemProps>): import("react/jsx-runtime").JSX.Element;
 declare namespace AccordionItem {
     var propTypes: {
         /**

package/es/components/Accordion/AccordionItem.js

@@ -37,6 +37,7 @@ function AccordionItem(_ref) {
     ...rest
   } = _ref;
   const [isOpen, setIsOpen] = useState(open);
+  const [prevIsOpen, setPrevIsOpen] = useState(open);
   const accordionState = useContext(AccordionContext);
   const disabledIsControlled = typeof controlledDisabled === 'boolean';
   const disabled = disabledIsControlled ? controlledDisabled : accordionState.disabled;
@@ -51,6 +52,10 @@ function AccordionItem(_ref) {
   const Toggle = renderToggle || renderExpando; // remove renderExpando in next major release
 
   const content = useRef(null);
+  if (open !== prevIsOpen) {
+    setIsOpen(open);
+    setPrevIsOpen(open);
+  }
 
   // When the AccordionItem heading is clicked, toggle the open state of the
   // panel

package/es/components/Accordion/AccordionProvider.d.ts

@@ -16,5 +16,5 @@ type AccordionProviderProp = {
 export declare const AccordionContext: React.Context<{
     disabled: boolean;
 }>;
-export declare const AccordionProvider: ({ disabled, children, }: PropsWithChildren<AccordionProviderProp>) => JSX.Element;
+export declare const AccordionProvider: ({ disabled, children, }: PropsWithChildren<AccordionProviderProp>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/es/components/AspectRatio/AspectRatio.d.ts

@@ -37,7 +37,7 @@ interface AspectRatioProps {
  * images or videos.
  */
 declare const AspectRatio: {
-    ({ as: BaseComponent, className: containerClassName, children, ratio, ...rest }: PropsWithChildren<AspectRatioProps>): JSX.Element;
+    ({ as: BaseComponent, className: containerClassName, children, ratio, ...rest }: PropsWithChildren<AspectRatioProps>): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Provide a custom component or string to be rendered as the outermost node

package/es/components/Breadcrumb/Breadcrumb.Skeleton.d.ts

@@ -12,7 +12,7 @@ export interface BreadcrumbSkeletonProps extends React.HTMLAttributes<HTMLDivEle
      */
     className?: string;
 }
-declare function BreadcrumbSkeleton({ className, ...rest }: BreadcrumbSkeletonProps): JSX.Element;
+declare function BreadcrumbSkeleton({ className, ...rest }: BreadcrumbSkeletonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace BreadcrumbSkeleton {
     var propTypes: {
         /**

package/es/components/Checkbox/Checkbox.Skeleton.d.ts

@@ -7,7 +7,7 @@
 import PropTypes from 'prop-types';
 import { HTMLAttributes } from 'react';
 declare const CheckboxSkeleton: {
-    ({ className, ...rest }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+    ({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify an optional className to add.

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

@@ -13,7 +13,7 @@ interface ClassPrefixProps {
      */
     prefix: string;
 }
-declare function ClassPrefix({ children, prefix, }: PropsWithChildren<ClassPrefixProps>): JSX.Element;
+declare function ClassPrefix({ children, prefix, }: PropsWithChildren<ClassPrefixProps>): import("react/jsx-runtime").JSX.Element;
 declare namespace ClassPrefix {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/es/components/ContentSwitcher/ContentSwitcher.d.ts

@@ -99,6 +99,6 @@ export default class ContentSwitcher extends React.Component<ContentSwitcherProp
     } | null;
     handleItemRef: (index: any) => (ref: any) => void;
     handleChildChange: (data: any) => void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

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

@@ -35,7 +35,7 @@ interface TableProps {
     useZebraStyles?: boolean;
 }
 export declare const Table: {
-    ({ className, children, useZebraStyles, size, isSortable, useStaticWidth, stickyHeader, overflowMenuOnHover, experimentalAutoAlign, ...other }: PropsWithChildren<TableProps>): JSX.Element;
+    ({ className, children, useZebraStyles, size, isSortable, useStaticWidth, stickyHeader, overflowMenuOnHover, experimentalAutoAlign, ...other }: PropsWithChildren<TableProps>): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Pass in the children that will be rendered within the Table

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

@@ -26,7 +26,7 @@ declare const TableBatchAction: {
         [x: string]: any;
         renderIcon?: import("@carbon/icons-react/lib/CarbonIcon").CarbonIconType | undefined;
         iconDescription?: string | undefined;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify if the button is an icon-only button

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

@@ -13,7 +13,7 @@ export interface TableBodyProps extends ReactAttr<HTMLTableSectionElement> {
     'aria-live'?: 'polite' | 'assertive' | 'off';
 }
 declare const TableBody: {
-    ({ children, className, ...rest }: TableBodyProps): JSX.Element;
+    ({ children, className, ...rest }: TableBodyProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * `polite` Adjust the notification behavior of screen readers

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

@@ -26,7 +26,7 @@ export interface TableContainerProps extends Omit<ReactAttr<HTMLDivElement>, 'ti
     title?: React.ReactNode;
 }
 declare const TableContainer: {
-    ({ className, children, title, description, stickyHeader, useStaticWidth, ...rest }: TableContainerProps): JSX.Element;
+    ({ className, children, title, description, stickyHeader, useStaticWidth, ...rest }: TableContainerProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;

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

@@ -59,7 +59,7 @@ type TableExpandHeaderPropsWithExpando = Omit<TableExpandHeaderPropsBase, 'ariaL
 };
 export type TableExpandHeaderProps = TableExpandHeaderPropsWithToggle | TableExpandHeaderPropsWithExpando | TableExpandHeaderPropsBase;
 declare const TableExpandHeader: {
-    ({ ["aria-controls"]: ariaControls, ["aria-label"]: ariaLabel, ariaLabel: deprecatedAriaLabel, className: headerClassName, enableExpando, enableToggle, id, isExpanded, onExpand, expandIconDescription, children, ...rest }: TableExpandHeaderProps): JSX.Element;
+    ({ ["aria-controls"]: ariaControls, ["aria-label"]: ariaLabel, ariaLabel: deprecatedAriaLabel, className: headerClassName, enableExpando, enableToggle, id, isExpanded, onExpand, expandIconDescription, children, ...rest }: TableExpandHeaderProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Space separated list of one or more ID values referencing the TableExpandedRow(s) being controlled by the TableExpandHeader

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

@@ -13,7 +13,7 @@ interface TableExpandedRowProps extends ReactAttr<HTMLTableRowElement> {
     colSpan: number;
 }
 declare const TableExpandedRow: {
-    ({ className: customClassName, children, colSpan, ...rest }: TableExpandedRowProps): JSX.Element;
+    ({ className: customClassName, children, colSpan, ...rest }: TableExpandedRowProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Pass in the contents for your TableExpandedRow

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

@@ -17,7 +17,7 @@ export interface TableRowProps extends ReactAttr<HTMLTableRowElement> {
     isSelected?: boolean;
 }
 declare const TableRow: {
-    (props: TableRowProps): JSX.Element;
+    (props: TableRowProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify an optional className to be applied to the container node

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

@@ -41,7 +41,7 @@ interface TableSelectAllProps {
     onSelect: React.MouseEventHandler<HTMLInputElement>;
 }
 declare const TableSelectAll: {
-    ({ ariaLabel, checked, id, indeterminate, name, onSelect, disabled, className, }: TableSelectAllProps): JSX.Element;
+    ({ ariaLabel, checked, id, indeterminate, name, onSelect, disabled, className, }: TableSelectAllProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify the aria label for the underlying input control

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

@@ -45,7 +45,7 @@ export interface TableSelectRowProps {
     radio?: boolean;
 }
 declare const TableSelectRow: {
-    ({ ariaLabel, checked, id, name, onSelect, onChange, disabled, radio, className, }: TableSelectRowProps): JSX.Element;
+    ({ ariaLabel, checked, id, name, onSelect, onChange, disabled, radio, className, }: TableSelectRowProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify the aria label for the underlying input control

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

@@ -16,7 +16,7 @@ export interface TableSlugRowProps {
     slug?: ReactNodeLike;
 }
 declare const TableSlugRow: {
-    ({ className, slug }: TableSlugRowProps): JSX.Element;
+    ({ className, slug }: TableSlugRowProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * The CSS class names of the cell that wraps the underlying input control

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

@@ -18,7 +18,7 @@ export interface TableToolbarMenuProps extends React.HTMLAttributes<HTMLDivEleme
     /**
      * Optional prop to allow overriding the default menu icon
      */
-    renderIcon?: React.ReactNode;
+    renderIcon?: any;
 }
 declare const TableToolbarMenu: React.FC<TableToolbarMenuProps>;
 export default TableToolbarMenu;

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

@@ -86,7 +86,7 @@ export interface TableToolbarSearchProps {
     translateWithId?: (id: string) => string;
 }
 declare const TableToolbarSearch: {
-    ({ className, searchContainerClass, onChange: onChangeProp, onClear, translateWithId: t, placeholder, labelText, expanded: expandedProp, defaultExpanded, defaultValue, disabled, onExpand, persistent, id, onBlur, onFocus, size, tabIndex, ...rest }: TableToolbarSearchProps): JSX.Element;
+    ({ className, searchContainerClass, onChange: onChangeProp, onClear, translateWithId: t, placeholder, labelText, expanded: expandedProp, defaultExpanded, defaultValue, disabled, onExpand, persistent, id, onBlur, onFocus, size, tabIndex, ...rest }: TableToolbarSearchProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         /**

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

@@ -14,7 +14,7 @@ export interface DatePickerSkeletonProps extends HTMLAttributes<HTMLDivElement>
     hideLabel?: boolean;
 }
 declare const DatePickerSkeleton: {
-    ({ range, id, hideLabel, className, ...rest }: DatePickerSkeletonProps): JSX.Element;
+    ({ range, id, hideLabel, className, ...rest }: DatePickerSkeletonProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify an optional className to add.

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

@@ -7,8 +7,6 @@
 import { ReactNodeLike } from 'prop-types';
 import React from 'react';
 import flatpickr from 'flatpickr';
-import { ReactAttr } from '../../types/common';
-type ExcludedAttributes = 'value' | 'onChange' | 'locale';
 export type DatePickerTypes = 'simple' | 'single' | 'range';
 export type CalRef = {
     inline: boolean;
@@ -22,7 +20,7 @@ export type CalRef = {
     plugins: [];
     clickOpens: any;
 };
-interface DatePickerProps extends Omit<ReactAttr<HTMLDivElement>, ExcludedAttributes> {
+interface DatePickerProps {
     /**
      * Flatpickr prop passthrough enables direct date input, and when set to false,
      * we must clear dates manually by resetting the value prop to empty string making it a controlled input.

package/es/components/ExpandableSearch/ExpandableSearch.d.ts

@@ -6,7 +6,7 @@
  */
 import React from 'react';
 import { type SearchProps } from '../Search';
-declare function ExpandableSearch({ onBlur, onChange, onExpand, onKeyDown, defaultValue, isExpanded, ...props }: SearchProps): JSX.Element;
+declare function ExpandableSearch({ onBlur, onChange, onExpand, onKeyDown, defaultValue, isExpanded, ...props }: SearchProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ExpandableSearch {
     var propTypes: React.WeakValidationMap<SearchProps & React.RefAttributes<HTMLInputElement>> | undefined;
     var displayName: string;

package/es/components/FileUploader/FileUploader.Skeleton.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.
  */
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { ReactAttr } from '../../types/common';
 export interface FileUploaderSkeletonProps extends ReactAttr<HTMLDivElement> {
@@ -13,7 +12,7 @@ export interface FileUploaderSkeletonProps extends ReactAttr<HTMLDivElement> {
      */
     className?: string;
 }
-declare function FileUploaderSkeleton({ className, ...rest }: FileUploaderSkeletonProps): JSX.Element;
+declare function FileUploaderSkeleton({ className, ...rest }: FileUploaderSkeletonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FileUploaderSkeleton {
     var propTypes: {
         /**

package/es/components/FileUploader/FileUploader.d.ts

@@ -162,5 +162,5 @@ export default class FileUploader extends React.Component<FileUploaderProps, {
         filenameStatus: any;
     }) => void;
     clearFiles: () => void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/es/components/FileUploader/FileUploaderButton.d.ts

@@ -71,7 +71,7 @@ export interface FileUploaderButtonProps extends Omit<ReactAttr<HTMLButtonElemen
     tabIndex?: number | string;
     innerRef?: React.RefObject<HTMLLabelElement>;
 }
-declare function FileUploaderButton({ accept, buttonKind, className, disabled, disableLabelChanges, id, labelText: ownerLabelText, multiple, onChange, name, size, innerRef, ...other }: FileUploaderButtonProps): JSX.Element;
+declare function FileUploaderButton({ accept, buttonKind, className, disabled, disableLabelChanges, id, labelText: ownerLabelText, multiple, onChange, name, size, innerRef, ...other }: FileUploaderButtonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FileUploaderButton {
     var propTypes: {
         /**

package/es/components/FileUploader/FileUploaderDropContainer.d.ts

@@ -65,7 +65,7 @@ export interface FileUploaderDropContainerProps extends Omit<ReactAttr<HTMLButto
      */
     tabIndex?: number | string;
 }
-declare function FileUploaderDropContainer({ accept, className, id, disabled, labelText, multiple, name, onAddFiles, onClick, pattern, innerRef, ...rest }: FileUploaderDropContainerProps): JSX.Element;
+declare function FileUploaderDropContainer({ accept, className, id, disabled, labelText, multiple, name, onAddFiles, onClick, pattern, innerRef, ...rest }: FileUploaderDropContainerProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FileUploaderDropContainer {
     var propTypes: {
         /**

package/es/components/FileUploader/FileUploaderItem.d.ts

@@ -53,7 +53,7 @@ export interface FileUploaderItemProps extends ReactAttr<HTMLSpanElement> {
      */
     uuid?: string;
 }
-declare function FileUploaderItem({ uuid, name, status, iconDescription, onDelete, invalid, errorSubject, errorBody, size, ...other }: FileUploaderItemProps): JSX.Element;
+declare function FileUploaderItem({ uuid, name, status, iconDescription, onDelete, invalid, errorSubject, errorBody, size, ...other }: FileUploaderItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FileUploaderItem {
     var propTypes: {
         /**

package/es/components/FileUploader/Filename.d.ts

@@ -35,7 +35,7 @@ export interface FilenameProps extends Omit<ReactAttr & SVGAttr, 'tabIndex' | 't
      */
     tabIndex?: number;
 }
-declare function Filename({ iconDescription, status, invalid, name, tabIndex, ['aria-describedby']: ariaDescribedBy, ...rest }: FilenameProps): JSX.Element | null;
+declare function Filename({ iconDescription, status, invalid, name, tabIndex, ['aria-describedby']: ariaDescribedBy, ...rest }: FilenameProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace Filename {
     var propTypes: {
         /**

package/es/components/Form/Form.d.ts

@@ -7,7 +7,7 @@
 import PropTypes from 'prop-types';
 import { type ComponentProps } from 'react';
 type FormProps = ComponentProps<'form'>;
-declare function Form({ className, children, ...other }: FormProps): JSX.Element;
+declare function Form({ className, children, ...other }: FormProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Form {
     var propTypes: {
         /**

package/es/components/FormGroup/FormGroup.d.ts

@@ -39,7 +39,7 @@ export interface FormGroupProps extends ReactAttr<HTMLFieldSetElement> {
     messageText?: string;
 }
 declare const FormGroup: {
-    ({ legendId, legendText, invalid, children, className, message, messageText, ...rest }: FormGroupProps): JSX.Element;
+    ({ legendId, legendText, invalid, children, className, message, messageText, ...rest }: FormGroupProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Provide the children form elements to be rendered inside of the <fieldset>

package/es/components/FormItem/FormItem.d.ts

@@ -16,7 +16,7 @@ type FormItemProps = {
      */
     className?: string;
 };
-declare function FormItem({ className, children, ...rest }: FormItemProps): JSX.Element;
+declare function FormItem({ className, children, ...rest }: FormItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FormItem {
     var propTypes: {
         /**

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

@@ -20,7 +20,7 @@ export interface FormLabelProps extends Omit<React.LabelHTMLAttributes<HTMLLabel
      */
     id?: string;
 }
-declare function FormLabel({ className: customClassName, children, id, ...rest }: FormLabelProps): JSX.Element;
+declare function FormLabel({ className: customClassName, children, id, ...rest }: FormLabelProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FormLabel {
     var propTypes: {
         /**

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

@@ -4,13 +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 React from 'react';
+import React, { type ElementType } from 'react';
+import type { PolymorphicProps } from '../../types/common';
 type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 type SectionBaseProps = {
     level?: HeadingLevel;
 };
-export declare const Section: React.ForwardRefExoticComponent<Pick<SectionBaseProps & Omit<any, "as"> & {
-    as?: React.ElementType<any> | undefined;
-}, string | number | symbol> & React.RefAttributes<unknown>>;
-export declare const Heading: React.ForwardRefExoticComponent<Pick<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>> & React.RefAttributes<HTMLHeadingElement>>;
+type SectionProps<E extends ElementType> = PolymorphicProps<E, SectionBaseProps>;
+export declare const Section: React.ForwardRefExoticComponent<Omit<SectionProps<React.ElementType<any>>, "ref"> & React.RefAttributes<unknown>>;
+export declare const Heading: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 export {};

package/es/components/Icon/Icon.Skeleton.d.ts

@@ -13,7 +13,7 @@ export interface IconSkeletonProps extends ComponentProps<'div'> {
     className?: string;
 }
 declare const IconSkeleton: {
-    ({ className, ...rest }: IconSkeletonProps): JSX.Element;
+    ({ className, ...rest }: IconSkeletonProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify an optional className to add.

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

@@ -36,7 +36,7 @@ export interface InlineLoadingProps extends Omit<React.DetailedHTMLProps<React.H
     successDelay?: number;
 }
 declare const InlineLoading: {
-    ({ className, status, iconDescription, description, onSuccess, successDelay, ...rest }: InlineLoadingProps): JSX.Element;
+    ({ className, status, iconDescription, description, onSuccess, successDelay, ...rest }: InlineLoadingProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify a custom className to be applied to the container node

package/es/components/ListBox/ListBoxMenu.d.ts

@@ -7,6 +7,7 @@
 import { ForwardRefReturn, ReactAttr } from '../../types/common';
 type ExcludedAttributes = 'id';
 export interface ListBoxMenuProps extends Omit<ReactAttr<HTMLUListElement>, ExcludedAttributes> {
+    children?: any;
     /**
      * Specify a custom `id`
      */

package/es/components/ListItem/ListItem.d.ts

@@ -7,7 +7,7 @@
 import PropTypes from 'prop-types';
 import { type ComponentProps } from 'react';
 type ListItemProps = ComponentProps<'li'>;
-declare function ListItem({ className, children, ...other }: ListItemProps): JSX.Element;
+declare function ListItem({ className, children, ...other }: ListItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ListItem {
     var propTypes: {
         /**

package/es/components/Loading/Loading.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.
  */
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { ReactAttr } from '../../types/common';
 export interface LoadingProps extends ReactAttr<HTMLDivElement> {
@@ -33,7 +32,7 @@ export interface LoadingProps extends ReactAttr<HTMLDivElement> {
      */
     withOverlay: boolean;
 }
-declare function Loading({ active, className: customClassName, withOverlay, small, description, ...rest }: LoadingProps): JSX.Element;
+declare function Loading({ active, className: customClassName, withOverlay, small, description, ...rest }: LoadingProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Loading {
     var propTypes: {
         /**

package/es/components/Loading/Loading.js

@@ -42,12 +42,12 @@ function Loading(_ref) {
     className: `${prefix}--loading__background`,
     cx: "50%",
     cy: "50%",
-    r: "44"
+    r: "42"
   }) : null, /*#__PURE__*/React__default.createElement("circle", {
     className: `${prefix}--loading__stroke`,
     cx: "50%",
     cy: "50%",
-    r: "44"
+    r: small ? '42' : '44'
   })));
   return withOverlay ? /*#__PURE__*/React__default.createElement("div", {
     className: overlayClassName

package/es/components/ModalWrapper/ModalWrapper.d.ts

@@ -70,6 +70,6 @@ export default class ModalWrapper extends React.Component<ModalWrapperProps, Mod
     handleOpen: () => void;
     handleClose: (evt: React.KeyboardEvent<HTMLDivElement>) => void;
     handleOnRequestSubmit: (evt: React.KeyboardEvent<HTMLDivElement>) => void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

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

@@ -25,7 +25,7 @@ export interface NotificationActionButtonProps extends ButtonProps<'button'> {
      */
     onClick?(): void;
 }
-export declare function NotificationActionButton({ children, className: customClassName, onClick, inline, ...rest }: NotificationActionButtonProps): JSX.Element;
+export declare function NotificationActionButton({ children, className: customClassName, onClick, inline, ...rest }: NotificationActionButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace NotificationActionButton {
     var propTypes: {
         /**
@@ -82,7 +82,7 @@ export interface NotificationButtonProps extends ButtonHTMLAttributes<HTMLButton
         name?: string;
     }>;
 }
-export declare function NotificationButton({ 'aria-label': ariaLabel, ariaLabel: deprecatedAriaLabel, className, type, renderIcon: IconTag, name, notificationType, ...rest }: NotificationButtonProps): JSX.Element;
+export declare function NotificationButton({ 'aria-label': ariaLabel, ariaLabel: deprecatedAriaLabel, className, type, renderIcon: IconTag, name, notificationType, ...rest }: NotificationButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace NotificationButton {
     var propTypes: {
         /**
@@ -186,7 +186,7 @@ export interface ToastNotificationProps extends HTMLAttributes<HTMLDivElement> {
      */
     title?: string;
 }
-export declare function ToastNotification({ ['aria-label']: ariaLabel, ariaLabel: deprecatedAriaLabel, role, onClose, onCloseButtonClick, statusIconDescription, className, children, kind, lowContrast, hideCloseButton, timeout, title, caption, subtitle, ...rest }: ToastNotificationProps): JSX.Element | null;
+export declare function ToastNotification({ ['aria-label']: ariaLabel, ariaLabel: deprecatedAriaLabel, role, onClose, onCloseButtonClick, statusIconDescription, className, children, kind, lowContrast, hideCloseButton, timeout, title, caption, subtitle, ...rest }: ToastNotificationProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace ToastNotification {
     var propTypes: {
         /**
@@ -308,7 +308,7 @@ export interface InlineNotificationProps extends HTMLAttributes<HTMLDivElement>
      */
     title?: string;
 }
-export declare function InlineNotification({ ['aria-label']: ariaLabel, children, title, subtitle, role, onClose, onCloseButtonClick, statusIconDescription, className, kind, lowContrast, hideCloseButton, ...rest }: InlineNotificationProps): JSX.Element | null;
+export declare function InlineNotification({ ['aria-label']: ariaLabel, children, title, subtitle, role, onClose, onCloseButtonClick, statusIconDescription, className, kind, lowContrast, hideCloseButton, ...rest }: InlineNotificationProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace InlineNotification {
     var propTypes: {
         /**
@@ -388,6 +388,7 @@ 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
      */
     hasFocus?: boolean;
@@ -435,7 +436,7 @@ export interface ActionableNotificationProps extends HTMLAttributes<HTMLDivEleme
      */
     title?: string;
 }
-export declare function ActionableNotification({ actionButtonLabel, ['aria-label']: ariaLabel, ariaLabel: deprecatedAriaLabel, children, role, onActionButtonClick, onClose, onCloseButtonClick, statusIconDescription, className, inline, kind, lowContrast, hideCloseButton, hasFocus, closeOnEscape, title, subtitle, ...rest }: ActionableNotificationProps): JSX.Element | null;
+export declare function ActionableNotification({ actionButtonLabel, ['aria-label']: ariaLabel, ariaLabel: deprecatedAriaLabel, children, role, onActionButtonClick, onClose, onCloseButtonClick, statusIconDescription, className, inline, kind, lowContrast, hideCloseButton, hasFocus, closeOnEscape, title, subtitle, ...rest }: ActionableNotificationProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace ActionableNotification {
     var propTypes: {
         /**
@@ -464,9 +465,10 @@ export declare namespace ActionableNotification {
          */
         closeOnEscape: PropTypes.Requireable<boolean>;
         /**
+         * Deprecated, please use StaticNotification once it's available. Issue #15532
          * Specify if focus should be moved to the component when the notification contains actions
          */
-        hasFocus: PropTypes.Requireable<boolean>;
+        hasFocus: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
         /**
          * Specify the close button should be disabled, or not
          */

package/es/components/Notification/Notification.js

@@ -627,9 +627,10 @@ ActionableNotification.propTypes = {
    */
   closeOnEscape: PropTypes.bool,
   /**
+   * Deprecated, please use StaticNotification once it's available. Issue #15532
    * Specify if focus should be moved to the component when the notification contains actions
    */
-  hasFocus: PropTypes.bool,
+  hasFocus: deprecate(PropTypes.bool),
   /**
    * Specify the close button should be disabled, or not
    */

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

@@ -16,7 +16,7 @@ export interface NumberInputSkeletonProps extends HTMLAttributes<HTMLDivElement>
      */
     hideLabel?: boolean;
 }
-declare function NumberInputSkeleton({ hideLabel, className, ...rest }: NumberInputSkeletonProps): JSX.Element;
+declare function NumberInputSkeleton({ hideLabel, className, ...rest }: NumberInputSkeletonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace NumberInputSkeleton {
     var propTypes: {
         /**

package/es/components/OrderedList/OrderedList.d.ts

@@ -11,7 +11,7 @@ interface OrderedListProps extends ComponentProps<'ol'> {
     native?: boolean | undefined;
     isExpressive?: boolean | undefined;
 }
-declare function OrderedList({ className, nested, native, isExpressive, ...other }: OrderedListProps): JSX.Element;
+declare function OrderedList({ className, nested, native, isExpressive, ...other }: OrderedListProps): import("react/jsx-runtime").JSX.Element;
 declare namespace OrderedList {
     var propTypes: {
         /**

package/es/components/PrimaryButton/PrimaryButton.d.ts

@@ -6,5 +6,5 @@
  */
 import React from 'react';
 import { ButtonProps } from '../Button';
-declare const PrimaryButton: <T extends React.ElementType<any>>(props: ButtonProps<T>) => JSX.Element;
+declare const PrimaryButton: <T extends React.ElementType<any>>(props: ButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default PrimaryButton;

package/es/components/ProgressBar/ProgressBar.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.
  */
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 interface ProgressBarProps {
     /**
@@ -44,7 +43,7 @@ interface ProgressBarProps {
      */
     value?: number;
 }
-declare function ProgressBar({ className, helperText, hideLabel, label, max, size, status, type, value, }: ProgressBarProps): JSX.Element;
+declare function ProgressBar({ className, helperText, hideLabel, label, max, size, status, type, value, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ProgressBar {
     var propTypes: {
         /**