@carbon/react 1.48.0 → 1.49.0-rc.0

package/es/components/UIShell/Content.d.ts

@@ -28,6 +28,7 @@ declare const Content: {
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
+        autoFocus?: boolean | undefined;
         contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
@@ -35,6 +36,7 @@ declare const Content: {
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
+        nonce?: string | undefined;
         placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
@@ -45,11 +47,14 @@ declare const Content: {
         radioGroup?: string | undefined;
         role?: React.AriaRole | undefined;
         about?: string | undefined;
+        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
         property?: string | undefined;
+        rel?: string | undefined;
         resource?: string | undefined;
+        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -66,56 +71,61 @@ declare const Content: {
         unselectable?: "on" | "off" | undefined;
         inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: (boolean | "true" | "false") | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
-        'aria-busy'?: (boolean | "true" | "false") | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-        'aria-colcount'?: number | undefined;
-        'aria-colindex'?: number | undefined;
-        'aria-colspan'?: number | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-        'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: (boolean | "true" | "false") | undefined;
-        'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
-        'aria-hidden'?: (boolean | "true" | "false") | undefined;
-        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: (boolean | "true" | "false") | undefined;
-        'aria-multiline'?: (boolean | "true" | "false") | undefined;
-        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-        'aria-orientation'?: "horizontal" | "vertical" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-        'aria-readonly'?: (boolean | "true" | "false") | undefined;
-        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        'aria-required'?: (boolean | "true" | "false") | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: number | undefined;
-        'aria-rowindex'?: number | undefined;
-        'aria-rowspan'?: number | undefined;
-        'aria-selected'?: (boolean | "true" | "false") | undefined;
-        'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: string | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
         dangerouslySetInnerHTML?: {
-            __html: string;
+            __html: string | TrustedHTML;
         } | undefined;
         onCopy?: React.ClipboardEventHandler<HTMLElement> | undefined;
         onCopyCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
@@ -185,6 +195,8 @@ declare const Content: {
         onProgressCapture?: React.ReactEventHandler<HTMLElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+        onResize?: React.ReactEventHandler<HTMLElement> | undefined;
+        onResizeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
         onSeeking?: React.ReactEventHandler<HTMLElement> | undefined;

package/es/components/UIShell/HeaderContainer.d.ts

@@ -14,7 +14,7 @@ export interface HeaderContainerProps {
     isSideNavExpanded?: boolean;
     render: React.ComponentType<HeaderContainerRenderProps>;
 }
-declare function HeaderContainer({ render: Children, isSideNavExpanded, }: HeaderContainerProps): JSX.Element;
+declare function HeaderContainer({ render: Children, isSideNavExpanded, }: HeaderContainerProps): import("react/jsx-runtime").JSX.Element;
 declare namespace HeaderContainer {
     var propTypes: {
         /**

package/es/components/UIShell/HeaderMenuButton.d.ts

@@ -16,7 +16,7 @@ export interface HeaderMenuButtonProps extends HeaderMenuButtonBaseProps {
     isActive?: boolean;
     isCollapsible?: boolean;
 }
-declare function HeaderMenuButton({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, className: customClassName, renderMenuIcon, renderCloseIcon, isActive, isCollapsible, ...rest }: HeaderMenuButtonProps): JSX.Element;
+declare function HeaderMenuButton({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, className: customClassName, renderMenuIcon, renderCloseIcon, isActive, isCollapsible, ...rest }: HeaderMenuButtonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace HeaderMenuButton {
     var propTypes: {
         /**

package/es/components/UIShell/HeaderName.d.ts

@@ -10,7 +10,7 @@ import { type LinkProps } from './Link';
 export type HeaderNameProps<E extends ElementType> = LinkProps<E> & {
     prefix?: string | undefined;
 };
-declare function HeaderName<E extends ElementType = 'a'>({ children, className: customClassName, prefix, ...rest }: HeaderNameProps<E>): JSX.Element;
+declare function HeaderName<E extends ElementType = 'a'>({ children, className: customClassName, prefix, ...rest }: HeaderNameProps<E>): import("react/jsx-runtime").JSX.Element;
 declare namespace HeaderName {
     var propTypes: {
         /**

package/es/components/UIShell/HeaderNavigation.d.ts

@@ -7,7 +7,7 @@
 import { type ComponentProps } from 'react';
 import PropTypes from 'prop-types';
 export type HeaderNavigationProps = ComponentProps<'nav'>;
-declare function HeaderNavigation({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, children, className: customClassName, ...rest }: HeaderNavigationProps): JSX.Element;
+declare function HeaderNavigation({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, children, className: customClassName, ...rest }: HeaderNavigationProps): import("react/jsx-runtime").JSX.Element;
 declare namespace HeaderNavigation {
     var propTypes: {
         /**

package/es/components/UIShell/HeaderSideNavItems.d.ts

@@ -11,7 +11,7 @@ export interface HeaderSideNavItemsProps {
     children?: ReactNode;
     hasDivider?: boolean | undefined;
 }
-declare function HeaderSideNavItems({ className: customClassName, children, hasDivider, }: HeaderSideNavItemsProps): JSX.Element;
+declare function HeaderSideNavItems({ className: customClassName, children, hasDivider, }: HeaderSideNavItemsProps): import("react/jsx-runtime").JSX.Element;
 declare namespace HeaderSideNavItems {
     var propTypes: {
         /**

package/es/components/UIShell/SideNav.d.ts

@@ -25,5 +25,5 @@ interface SideNavContextData {
     isRail?: boolean | undefined;
 }
 export declare const SideNavContext: React.Context<SideNavContextData>;
-declare const SideNav: React.ForwardRefExoticComponent<Pick<SideNavProps, "children" | "slot" | "style" | "title" | "className" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "onToggle" | "key" | "id" | "aria-controls" | "aria-expanded" | "onClick" | "onKeyDown" | "onTransitionEnd" | "tabIndex" | "color" | "lang" | "role" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEndCapture" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "expanded" | "enterDelayMs" | "defaultExpanded" | "inert" | "addFocusListeners" | "isChildOfHeader" | "isFixedNav" | "isRail" | "isPersistent" | "addMouseListeners" | "onOverlayClick" | "onSideNavBlur"> & React.RefAttributes<HTMLElement>>;
+declare const SideNav: React.ForwardRefExoticComponent<Omit<SideNavProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export default SideNav;

package/es/components/UIShell/SideNavDetails.d.ts

@@ -12,7 +12,7 @@ export interface SideNavDetailsProps {
     title: string;
 }
 declare const SideNavDetails: {
-    ({ children, className: customClassName, title, ...rest }: SideNavDetailsProps): JSX.Element;
+    ({ children, className: customClassName, title, ...rest }: SideNavDetailsProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Provide optional children to render in `SideNavDetails`. Useful for

package/es/components/UIShell/SideNavFooter.d.ts

@@ -28,7 +28,7 @@ export interface SideNavFooterProps {
  * navigation that is a part of the UI Shell. It is responsible for handling the
  * user interaction to expand or collapse the side navigation.
  */
-declare function SideNavFooter({ assistiveText, className: customClassName, expanded, onToggle, }: SideNavFooterProps): JSX.Element;
+declare function SideNavFooter({ assistiveText, className: customClassName, expanded, onToggle, }: SideNavFooterProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SideNavFooter {
     var displayName: string;
     var propTypes: {

package/es/components/UIShell/SideNavLinkText.d.ts

@@ -10,7 +10,7 @@ export interface SideNavLinkTextProps {
     children: ReactNode;
     className?: string;
 }
-declare function SideNavLinkText({ className: customClassName, children, ...rest }: SideNavLinkTextProps): JSX.Element;
+declare function SideNavLinkText({ className: customClassName, children, ...rest }: SideNavLinkTextProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SideNavLinkText {
     var propTypes: {
         /**

package/es/components/UIShell/SkipToContent.d.ts

@@ -9,7 +9,7 @@ import PropTypes from 'prop-types';
 export type SkipToContentProps = Omit<ComponentProps<'a'>, 'children'> & {
     children?: string | undefined;
 };
-declare function SkipToContent({ children, className: customClassName, href, tabIndex, ...rest }: SkipToContentProps): JSX.Element;
+declare function SkipToContent({ children, className: customClassName, href, tabIndex, ...rest }: SkipToContentProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SkipToContent {
     var propTypes: {
         /**

package/es/components/UnorderedList/UnorderedList.d.ts

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

package/lib/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/lib/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/lib/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/lib/components/Accordion/AccordionItem.js

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

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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: {
         /**