@carbon/react 1.74.0 → 1.75.0-rc.0

package/es/index.d.ts

@@ -128,4 +128,243 @@ export * from './components/Tooltip/DefinitionTooltip';
 export * from './components/Theme';
 export * from './internal/usePrefix';
 export { useIdPrefix } from './internal/useIdPrefix';
+export type { AccordionProps } from './components/Accordion/Accordion';
+export type { AccordionSkeletonProps } from './components/Accordion/Accordion.Skeleton';
+export type { AccordionItemProps } from './components/Accordion/AccordionItem';
+export type { AILabelProps } from './components/AILabel/index';
+export type { AISkeletonIconProps } from './components/AISkeleton/AISkeletonIcon';
+export type { AISkeletonPlaceholderProps } from './components/AISkeleton/AISkeletonPlaceholder';
+export type { AISkeletonTextProps } from './components/AISkeleton/AISkeletonText';
+export type { AspectRatioProps } from './components/AspectRatio/AspectRatio';
+export type { BreadcrumbProps } from './components/Breadcrumb/Breadcrumb';
+export type { BreadcrumbItemProps } from './components/Breadcrumb/BreadcrumbItem';
+export type { BreadcrumbSkeletonProps } from './components/Breadcrumb/Breadcrumb.Skeleton';
+export type { ButtonProps } from './components/Button/Button';
+export type { ButtonSkeletonProps } from './components/Button/Button.Skeleton';
+export type { ChatButtonProps } from './components/ChatButton/ChatButton';
+export type { ChatButtonSkeletonProps } from './components/ChatButton/ChatButton.Skeleton';
+export type { CheckboxProps } from './components/Checkbox/Checkbox';
+export type { CheckboxGroupProps } from './components/CheckboxGroup/CheckboxGroup';
+export type { ClassPrefixProps } from './components/ClassPrefix/index';
+export type { CodeSnippetProps } from './components/CodeSnippet/CodeSnippet';
+export type { CodeSnippetSkeletonProps } from './components/CodeSnippet/CodeSnippet.Skeleton';
+export type { ComboBoxProps } from './components/ComboBox/ComboBox';
+export type { ComboButtonProps } from './components/ComboButton/index';
+export type { ComposedModalProps } from './components/ComposedModal/ComposedModal';
+export type { ModalHeaderProps } from './components/ComposedModal/ModalHeader';
+export type { ModalFooterProps } from './components/ComposedModal/ModalFooter';
+export type { ContainedListProps } from './components/ContainedList/ContainedList';
+export type { ContentSwitcherProps } from './components/ContentSwitcher/ContentSwitcher';
+export type { ContextMenuProps } from './components/ContextMenu/useContextMenu';
+export type { CopyProps } from './components/Copy/Copy';
+export type { CopyButtonProps } from './components/CopyButton/CopyButton';
+export type { DataTableProps } from './components/DataTable/DataTable';
+export type { TableBatchActionProps } from './components/DataTable/TableBatchAction';
+export type { TableBatchActionsProps } from './components/DataTable/TableBatchActions';
+export type { TableBodyProps } from './components/DataTable/TableBody';
+export type { TableCellProps } from './components/DataTable/TableCell';
+export type { TableContainerProps } from './components/DataTable/TableContainer';
+export type { TableDecoratorRowProps } from './components/DataTable/TableDecoratorRow';
+export type { TableExpandedRowProps } from './components/DataTable/TableExpandedRow';
+export type { TableExpandHeaderProps } from './components/DataTable/TableExpandHeader';
+export type { TableExpandRowProps } from './components/DataTable/TableExpandRow';
+export type { TableHeadProps } from './components/DataTable/TableHead';
+export type { TableHeaderProps } from './components/DataTable/TableHeader';
+export type { TableRowProps } from './components/DataTable/TableRow';
+export type { TableSelectAllProps } from './components/DataTable/TableSelectAll';
+export type { TableSelectRowProps } from './components/DataTable/TableSelectRow';
+export type { TableToolbarProps } from './components/DataTable/TableToolbar';
+export type { TableToolbarActionProps } from './components/DataTable/TableToolbarAction';
+export type { TableToolbarMenuProps } from './components/DataTable/TableToolbarMenu';
+export type { TableToolbarSearchProps } from './components/DataTable/TableToolbarSearch';
+export type { DataTableSkeletonProps } from './components/DataTableSkeleton/DataTableSkeleton';
+export type { DatePickerProps } from './components/DatePicker/DatePicker';
+export type { DatePickerInputProps } from './components/DatePickerInput/DatePickerInput';
+export type { DialogProps } from './components/Dialog/index';
+export type { DropdownProps } from './components/Dropdown/Dropdown';
+export type { ErrorBoundaryProps } from './components/ErrorBoundary/ErrorBoundary';
+export type { FeatureFlagsProps } from './components/FeatureFlags/index';
+export type { FilenameProps } from './components/FileUploader/Filename';
+export type { FileUploaderProps } from './components/FileUploader/FileUploader';
+export type { FileUploaderSkeletonProps } from './components/FileUploader/FileUploader.Skeleton';
+export type { FileUploaderButtonProps } from './components/FileUploader/FileUploaderButton';
+export type { FileUploaderDropContainerProps } from './components/FileUploader/FileUploaderDropContainer';
+export type { FileUploaderItemProps } from './components/FileUploader/FileUploaderItem';
+export type { FilterableMultiSelectProps } from './components/MultiSelect/FilterableMultiSelect';
+export type { FluidComboBoxProps } from './components/FluidComboBox/FluidComboBox';
+export type { FluidComboBoxSkeletonProps } from './components/FluidComboBox/FluidComboBox.Skeleton';
+export type { FluidDatePickerProps } from './components/FluidDatePicker/FluidDatePicker';
+export type { FluidDatePickerSkeletonProps } from './components/FluidDatePicker/FluidDatePicker.Skeleton';
+export type { FluidFormProps } from './components/FluidForm/FluidForm';
+export type { FluidDropdownProps } from './components/FluidDropdown/FluidDropdown';
+export type { FluidDropdownSkeletonProps } from './components/FluidDropdown/FluidDropdown.Skeleton';
+export type { FluidMultiSelectProps } from './components/FluidMultiSelect/FluidMultiSelect';
+export type { FluidMultiSelectSkeletonProps } from './components/FluidMultiSelect/FluidMultiSelect.Skeleton';
+export type { FluidSearchProps } from './components/FluidSearch/FluidSearch';
+export type { FluidSearchSkeletonProps } from './components/FluidSearch/FluidSearch.Skeleton';
+export type { FluidSelectProps } from './components/FluidSelect/FluidSelect';
+export type { FluidSelectSkeletonProps } from './components/FluidSelect/FluidSelect.Skeleton';
+export type { FluidTextAreaProps } from './components/FluidTextArea/FluidTextArea';
+export type { FluidTextAreaSkeletonProps } from './components/FluidTextArea/FluidTextArea.Skeleton';
+export type { FluidTextInputProps } from './components/FluidTextInput/FluidTextInput';
+export type { FluidTextInputSkeletonProps } from './components/FluidTextInput/FluidTextInput.Skeleton';
+export type { FluidPasswordInputProps } from './components/FluidTextInput/FluidPasswordInput';
+export type { FluidTimePickerProps } from './components/FluidTimePicker/FluidTimePicker';
+export type { FluidTimePickerSkeletonProps } from './components/FluidTimePicker/FluidTimePicker.Skeleton';
+export type { FluidTimePickerSelectProps } from './components/FluidTimePickerSelect/FluidTimePickerSelect';
+export type { FormProps } from './components/Form/Form';
+export type { FormGroupProps } from './components/FormGroup/FormGroup';
+export type { FormItemProps } from './components/FormItem/FormItem';
+export type { FormLabelProps } from './components/FormLabel/FormLabel';
+export type { GridProps } from './components/Grid/GridTypes';
+export type { ColumnBaseProps } from './components/Grid/Column';
+export type { ColumnHangProps } from './components/Grid/ColumnHang';
+export type { GridSettingContext } from './components/Grid/GridContext';
+export type { RowProps } from './components/Grid/Row';
+export type { SectionProps } from './components/Heading/index';
+export type { IconSkeletonProps } from './components/Icon/Icon.Skeleton';
+export type { IconButtonProps } from './components/IconButton/index';
+export type { IdPrefixProps } from './components/IdPrefix/index';
+export type { InlineCheckboxProps } from './components/InlineCheckbox';
+export type { InlineLoadingProps } from './components/InlineLoading/InlineLoading';
+export type { LayerProps } from './components/Layer/index';
+export type { LayoutProps } from './components/Layout/index';
+export type { LayoutDirectionProps } from './components/LayoutDirection/LayoutDirection';
+export type { LinkProps } from './components/Link/Link';
+export type { ListBoxProps } from './components/ListBox/ListBox';
+export type { ListBoxFieldProps } from './components/ListBox/ListBoxField';
+export type { ListBoxMenuProps } from './components/ListBox/ListBoxMenu';
+export type { ListBoxMenuItemProps } from './components/ListBox/ListBoxMenuItem';
+export type { ListBoxMenuIconProps } from './components/ListBox/ListBoxMenuIcon';
+export type { ListBoxMenuIconTranslationKey } from './components/ListBox/ListBoxMenuIcon';
+export type { ListBoxMenuIconComponent } from './components/ListBox/ListBoxMenuIcon';
+export type { ListBoxSelectionProps } from './components/ListBox/ListBoxSelection';
+export type { ListItemProps } from './components/ListItem/ListItem';
+export type { LoadingProps } from './components/Loading/Loading';
+export type { MenuProps } from './components/Menu/Menu';
+export type { MenuItemProps } from './components/Menu/MenuItem';
+export type { MenuButtonProps } from './components/MenuButton/index';
+export type { ModalProps } from './components/Modal/Modal';
+export type { ModalWrapperProps } from './components/ModalWrapper/ModalWrapper';
+export type { MultiSelectProps } from './components/MultiSelect/MultiSelect';
+export type { NotificationActionButtonProps } from './components/Notification/Notification';
+export type { NotificationButtonProps } from './components/Notification/Notification';
+export type { NotificationIconProps } from './components/Notification/Notification';
+export type { ToastNotificationProps } from './components/Notification/Notification';
+export type { InlineNotificationProps } from './components/Notification/Notification';
+export type { ActionableNotificationProps } from './components/Notification/Notification';
+export type { CalloutProps } from './components/Notification/Notification';
+export type { StaticNotificationProps } from './components/Notification/Notification';
+export type { NumberInputProps } from './components/NumberInput/NumberInput';
+export type { NumberInputSkeletonProps } from './components/NumberInput/NumberInput.Skeleton';
+export type { OrderedListProps } from './components/OrderedList/OrderedList';
+export type { OverflowMenuProps } from './components/OverflowMenu/OverflowMenu';
+export type { OverflowMenuItemProps } from './components/OverflowMenuItem/OverflowMenuItem';
+export type { PaginationProps } from './components/Pagination/Pagination';
+export type { PaginationSkeletonProps } from './components/Pagination/Pagination.Skeleton';
+export type { DirectionButtonProps } from './components/PaginationNav/PaginationNav';
+export type { PaginationItemProps } from './components/PaginationNav/PaginationNav';
+export type { PaginationOverflowProps } from './components/PaginationNav/PaginationNav';
+export type { PaginationNavProps } from './components/PaginationNav/PaginationNav';
+export type { PopoverProps } from './components/Popover/index';
+export type { PopoverContentProps } from './components/Popover/index';
+export type { PortalProps } from './components/Portal/index';
+export type { ProgressBarProps } from './components/ProgressBar/ProgressBar';
+export type { ProgressIndicatorProps } from './components/ProgressIndicator/ProgressIndicator';
+export type { ProgressIndicatorSkeletonProps } from './components/ProgressIndicator/ProgressIndicator.Skeleton';
+export type { RadioButtonProps } from './components/RadioButton/RadioButton';
+export type { RadioButtonSkeletonProps } from './components/RadioButton/RadioButton.Skeleton';
+export type { RadioButtonGroupProps } from './components/RadioButtonGroup/RadioButtonGroup';
+export type { RadioTileProps } from './components/RadioTile/RadioTile';
+export type { SearchProps } from './components/Search/Search';
+export type { SearchSkeletonProps } from './components/Search/Search.Skeleton';
+export type { SelectProps } from './components/Select/Select';
+export type { SelectSkeletonProps } from './components/Select/Select.Skeleton';
+export type { SelectItemProps } from './components/SelectItem/SelectItem';
+export type { SelectItemGroupProps } from './components/SelectItemGroup/SelectItemGroup';
+export type { SkeletonIconProps } from './components/SkeletonIcon/SkeletonIcon';
+export type { SkeletonPlaceholderProps } from './components/SkeletonPlaceholder/SkeletonPlaceholder';
+export type { SkeletonTextProps } from './components/SkeletonText/SkeletonText';
+export type { SliderProps } from './components/Slider/Slider';
+export type { SliderSkeletonProps } from './components/Slider/Slider.Skeleton';
+export type { StackProps } from './components/Stack/Stack';
+export type { StructuredListWrapperProps } from './components/StructuredList/StructuredList';
+export type { StructuredListHeadProps } from './components/StructuredList/StructuredList';
+export type { StructuredListBodyProps } from './components/StructuredList/StructuredList';
+export type { StructuredListRowProps } from './components/StructuredList/StructuredList';
+export type { StructuredListCellProps } from './components/StructuredList/StructuredList';
+export type { StructuredListInputProps } from './components/StructuredList/StructuredList';
+export type { StructuredListSkeletonProps } from './components/StructuredList/StructuredList.Skeleton';
+export type { SwitchProps } from './components/Switch/Switch';
+export type { TabContentProps } from './components/TabContent/TabContent';
+export type { TabsProps } from './components/Tabs/Tabs';
+export type { TabsVerticalProps } from './components/Tabs/Tabs';
+export type { TabListProps } from './components/Tabs/Tabs';
+export type { TabListVerticalProps } from './components/Tabs/Tabs';
+export type { TabProps } from './components/Tabs/Tabs';
+export type { IconTabProps } from './components/Tabs/Tabs';
+export type { TabPanelProps } from './components/Tabs/Tabs';
+export type { TabPanelsProps } from './components/Tabs/Tabs';
+export type { TagProps } from './components/Tag/Tag';
+export type { TagSkeletonProps } from './components/Tag/Tag.Skeleton';
+export type { SelectableTagProps } from './components/Tag/SelectableTag';
+export type { OperationalTagProps } from './components/Tag/OperationalTag';
+export type { DismissibleTagProps } from './components/Tag/DismissibleTag';
+export type { TextProps } from './components/Text/Text';
+export type { TextDirectionProps } from './components/Text/TextDirection';
+export type { TextAreaProps } from './components/TextArea/TextArea';
+export type { TextAreaSkeletonProps } from './components/TextArea/TextArea.Skeleton';
+export type { TextInputProps } from './components/TextInput/TextInput';
+export type { TextInputSkeletonProps } from './components/TextInput/TextInput.Skeleton';
+export type { PasswordInputProps } from './components/TextInput/PasswordInput';
+export type { ControlledPasswordInputProps } from './components/TextInput/ControlledPasswordInput';
+export type { GlobalThemeProps } from './components/Theme/index';
+export type { TileProps } from './components/Tile/Tile';
+export type { ClickableTileProps } from './components/Tile/Tile';
+export type { ExpandableTileProps } from './components/Tile/Tile';
+export type { SelectableTileProps } from './components/Tile/Tile';
+export type { TileAboveTheFoldContentProps } from './components/Tile/Tile';
+export type { TileBelowTheFoldContentProps } from './components/Tile/Tile';
+export type { TileGroupProps } from './components/TileGroup/TileGroup';
+export type { TimePickerProps } from './components/TimePicker/TimePicker';
+export type { TimePickerSelectProps } from './components/TimePickerSelect/TimePickerSelect';
+export type { ToggleProps } from './components/Toggle/Toggle';
+export type { ToggleSkeletonProps } from './components/Toggle/Toggle.Skeleton';
+export type { ToggleSmallSkeletonProps } from './components/ToggleSmall/ToggleSmall.Skeleton';
+export type { ToggletipProps } from './components/Toggletip/index';
+export type { ToggletipButtonBaseProps } from './components/Toggletip/index';
+export type { ToggletipContentProps } from './components/Toggletip/index';
+export type { ToggleTipActionsProps } from './components/Toggletip/index';
+export type { TooltipProps } from './components/Tooltip/Tooltip';
+export type { DefinitionTooltipProps } from './components/Tooltip/DefinitionTooltip';
+export type { TreeViewProps } from './components/TreeView/TreeView';
+export type { TreeNodeProps } from './components/TreeView/TreeNode';
+export type { HeaderProps } from './components/UIShell/Header';
+export type { HeaderContainerProps } from './components/UIShell/HeaderContainer';
+export type { HeaderGlobalActionProps } from './components/UIShell/HeaderGlobalAction';
+export type { HeaderMenuProps } from './components/UIShell/HeaderMenu';
+export type { HeaderMenuButtonProps } from './components/UIShell/HeaderMenuButton';
+export type { HeaderMenuItemProps } from './components/UIShell/HeaderMenuItem';
+export type { HeaderMenuItemComponent } from './components/UIShell/HeaderMenuItem';
+export type { HeaderNameProps } from './components/UIShell/HeaderName';
+export type { HeaderNavigationProps } from './components/UIShell/HeaderNavigation';
+export type { HeaderPanelProps } from './components/UIShell/HeaderPanel';
+export type { HeaderSideNavItemsProps } from './components/UIShell/HeaderSideNavItems';
+export type { SideNavProps } from './components/UIShell/SideNav';
+export type { SideNavDetailsProps } from './components/UIShell/SideNavDetails';
+export type { SideNavFooterProps } from './components/UIShell/SideNavFooter';
+export type { SideNavHeaderProps } from './components/UIShell/SideNavHeader';
+export type { SideNavIconProps } from './components/UIShell/SideNavIcon';
+export type { SideNavItemsProps } from './components/UIShell/SideNavItems';
+export type { SideNavItemProps } from './components/UIShell/SideNavItem';
+export type { SideNavLinkProps } from './components/UIShell/SideNavLink';
+export type { SideNavLinkTextProps } from './components/UIShell/SideNavLinkText';
+export type { SideNavMenuProps } from './components/UIShell/SideNavMenu';
+export type { SideNavMenuItemProps } from './components/UIShell/SideNavMenuItem';
+export type { SideNavSwitcherProps } from './components/UIShell/SideNavSwitcher';
+export type { SkipToContentProps } from './components/UIShell/SkipToContent';
+export type { BaseSwitcherProps } from './components/UIShell/Switcher';
+export type { SwitcherDividerProps } from './components/UIShell/SwitcherDivider';
+export type { SwitcherItemProps } from './components/UIShell/SwitcherItem';
+export type { UnorderedListProps } from './components/UnorderedList/UnorderedList';
 export { IconIndicator as unstable__IconIndicator } from './components/IconIndicator';

package/es/internal/PolymorphicProps.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+type AsProp<C extends React.ElementType> = {
+    as?: C;
+};
+type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
+export type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
+export type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = {}> = PolymorphicComponentProp<C, Props> & {
+    ref?: PolymorphicRef<C>;
+};
+export {};

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

@@ -16,7 +16,7 @@ export declare const AILabelActions: React.ForwardRefExoticComponent<AILabelActi
 export type DeprecatedAlignment = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top';
 export type NewAlignment = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
 export type Alignment = DeprecatedAlignment | NewAlignment;
-interface AILabelProps {
+export interface AILabelProps {
     AILabelContent?: React.ReactNode;
     aiText?: string;
     aiTextLabel?: string;
@@ -34,4 +34,3 @@ interface AILabelProps {
     slugLabel?: string;
 }
 export declare const AILabel: React.ForwardRefExoticComponent<AILabelProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/lib/components/AILabel/index.js

@@ -145,7 +145,7 @@ const AILabel = /*#__PURE__*/React__default["default"].forwardRef(function AILab
     alignmentAxisOffset: isSmallIcon ? -24 : 0
   }, rest), /*#__PURE__*/React__default["default"].createElement(index.ToggletipButton, {
     className: aiLabelButtonClasses,
-    label: ariaLabelText
+    label: kind === 'inline' ? '' : ariaLabelText
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: `${prefix}--ai-label__text`
   }, aiText), kind === 'inline' && (aiTextLabel || textLabel) && /*#__PURE__*/React__default["default"].createElement("span", {

package/lib/components/AISkeleton/AISkeletonIcon.d.ts

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import React from 'react';
-interface AISkeletonIconProps {
+export interface AISkeletonIconProps {
     /**
      * Specify an optional className to add.
      */

package/lib/components/AISkeleton/AISkeletonText.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-interface AISkeletonTextProps {
+export interface AISkeletonTextProps {
     /**
      * Specify an optional className to be applied to the container node.
      */

package/lib/components/Accordion/Accordion.Skeleton.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-interface AccordionSkeletonProps {
+export interface AccordionSkeletonProps {
     /**
      * Specify the alignment of the accordion heading
      * title and chevron.

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

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import { AnimationEventHandler, AriaAttributes, KeyboardEvent, MouseEventHandler, PropsWithChildren, ReactElement, ReactNode } from 'react';
-interface AccordionItemProps {
+export interface AccordionItemProps {
     /**
      * Specify an optional className to be
      * applied to the container node.
@@ -49,7 +49,7 @@ interface AccordionItemProps {
      */
     handleAnimationEnd?: AnimationEventHandler<HTMLElement>;
 }
-interface AccordionToggleProps {
+export interface AccordionToggleProps {
     'aria-controls'?: AriaAttributes['aria-controls'];
     'aria-expanded'?: AriaAttributes['aria-expanded'];
     className?: string;

package/lib/components/AspectRatio/AspectRatio.d.ts

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import { PropsWithChildren, ReactHTML } from 'react';
-interface AspectRatioProps {
+export interface AspectRatioProps {
     /**
      * Provide a custom component or string to be rendered as
      * the outermost node of the component. This is useful if you want

package/lib/components/Button/Button.d.ts

@@ -6,7 +6,7 @@
  */
 import React from 'react';
 import { IconButtonKind } from '../IconButton';
-import { PolymorphicProps } from '../../types/common';
+import { PolymorphicComponentPropWithRef } from '../../internal/PolymorphicProps';
 export declare const ButtonKinds: readonly ["primary", "secondary", "danger", "ghost", "danger--primary", "danger--ghost", "danger--tertiary", "tertiary"];
 export type ButtonKind = (typeof ButtonKinds)[number];
 export declare const ButtonSizes: readonly ["sm", "md", "lg", "xl", "2xl"];
@@ -65,7 +65,7 @@ export interface ButtonBaseProps extends React.ButtonHTMLAttributes<HTMLButtonEl
      */
     tooltipPosition?: ButtonTooltipPosition;
 }
-export type ButtonProps<T extends React.ElementType> = PolymorphicProps<T, ButtonBaseProps>;
-export type ButtonComponent = <T extends React.ElementType>(props: ButtonProps<T>, context?: any) => React.ReactElement<any, any> | null;
+export type ButtonProps<T extends React.ElementType> = PolymorphicComponentPropWithRef<T, ButtonBaseProps>;
+export type ButtonComponent = <T extends React.ElementType = 'button'>(props: ButtonProps<T>, context?: any) => React.ReactElement | any;
 declare const _default: ButtonComponent;
 export default _default;

package/lib/components/Button/Button.js

@@ -31,7 +31,7 @@ function isIconOnlyButton(hasIconOnly, _kind) {
   }
   return false;
 }
-const Button = /*#__PURE__*/React__default["default"].forwardRef(function Button(props, ref) {
+const Button = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
   const tooltipRef = React.useRef(null);
   const {
     as,

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

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import { PropsWithChildren } from 'react';
-interface ClassPrefixProps {
+export interface ClassPrefixProps {
     /**
      *   The value used to prefix the CSS selectors
      *   used by Carbon components.

package/lib/components/ComboBox/ComboBox.d.ts

@@ -9,7 +9,7 @@ import React, { type ReactNode, type ComponentType, type ReactElement, type RefA
 import { ListBoxSize } from '../ListBox';
 import { TranslateWithId } from '../../types/common';
 type ExcludedAttributes = 'id' | 'onChange' | 'onClick' | 'type' | 'size';
-interface OnChangeData<ItemType> {
+export interface OnChangeData<ItemType> {
     selectedItem: ItemType | null | undefined;
     inputValue?: string | null;
 }
@@ -20,8 +20,8 @@ interface OnChangeData<ItemType> {
  * because those components aren't Typescript.  (If you try, TranslationKey
  * ends up just being defined as "string".)
  */
-type TranslationKey = 'close.menu' | 'open.menu' | 'clear.all' | 'clear.selection';
-type ItemToStringHandler<ItemType> = (item: ItemType | null) => string;
+export type TranslationKey = 'close.menu' | 'open.menu' | 'clear.all' | 'clear.selection';
+export type ItemToStringHandler<ItemType> = (item: ItemType | null) => string;
 export interface ComboBoxProps<ItemType> extends Omit<InputHTMLAttributes<HTMLInputElement>, ExcludedAttributes>, TranslateWithId<TranslationKey> {
     /**
      * Specify whether or not the ComboBox should allow a value that is
@@ -197,7 +197,7 @@ export interface ComboBoxProps<ItemType> extends Omit<InputHTMLAttributes<HTMLIn
     warnText?: ReactNode;
 }
 type ComboboxComponentProps<ItemType> = PropsWithRef<PropsWithChildren<ComboBoxProps<ItemType>> & RefAttributes<HTMLInputElement>>;
-interface ComboBoxComponent {
+export interface ComboBoxComponent {
     <ItemType>(props: ComboboxComponentProps<ItemType>): ReactElement | null;
 }
 declare const _default: ComboBoxComponent;

package/lib/components/ComboBox/ComboBox.js

@@ -397,7 +397,6 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
   });
   const wrapperClasses = cx__default["default"](`${prefix}--list-box__wrapper`, [containerClassName, {
     [`${prefix}--list-box__wrapper--fluid--invalid`]: isFluid && invalid,
-    [`${prefix}--list-box__wrapper--fluid--focus`]: isFluid && isFocused,
     [`${prefix}--list-box__wrapper--slug`]: slug,
     [`${prefix}--list-box__wrapper--decorator`]: decorator
   }]);

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

@@ -16,7 +16,7 @@ declare const defaultTranslations: {
 /**
  * Message ids that will be passed to translateWithId().
  */
-type TranslationKey = keyof typeof defaultTranslations;
+export type TranslationKey = keyof typeof defaultTranslations;
 interface ComboButtonProps extends TranslateWithId<TranslationKey> {
     /**
      * A collection of `MenuItems` to be rendered as additional actions for this `ComboButton`.

package/lib/components/ComposedModal/ModalFooter.d.ts

@@ -1,6 +1,6 @@
 import React, { type ReactNode, type MouseEvent, type Ref } from 'react';
 import { InlineLoadingStatus } from '../InlineLoading/InlineLoading';
-interface SecondaryButtonProps {
+export interface SecondaryButtonProps {
     buttonText: ReactNode;
     onClick(evt: MouseEvent): void;
 }
@@ -87,4 +87,3 @@ export interface ModalFooterProps {
     onLoadingSuccess?(): void;
 }
 export declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLElement>>;
-export {};

package/lib/components/ComposedModal/ModalFooter.js

@@ -40,7 +40,7 @@ function SecondaryButtonSet(_ref) {
     onRequestClose(evt);
   }
   if (Array.isArray(secondaryButtons) && secondaryButtons.length <= 2) {
-    return secondaryButtons.map((_ref2, i) => {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, secondaryButtons.map((_ref2, i) => {
       let {
         buttonText,
         onClick: onButtonClick
@@ -51,7 +51,7 @@ function SecondaryButtonSet(_ref) {
         kind: "secondary",
         onClick: onButtonClick || handleRequestClose
       }, buttonText);
-    });
+    }));
   }
   if (secondaryButtonText) {
     return /*#__PURE__*/React__default["default"].createElement(Button["default"], {

package/lib/components/ComposedModal/ModalHeader.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { type ReactNode, type MouseEvent, type HTMLAttributes } from 'react';
-type DivProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'>;
+export type DivProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'>;
 export interface ModalHeaderProps extends DivProps {
     /**
      * Provide an optional function to be called when the close button is
@@ -55,4 +55,3 @@ export interface ModalHeaderProps extends DivProps {
     titleClassName?: string;
 }
 export declare const ModalHeader: React.ForwardRefExoticComponent<ModalHeaderProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/lib/components/ContainedList/ContainedList.d.ts

@@ -7,7 +7,7 @@
 import React, { ReactNode } from 'react';
 import ContainedListItem from './ContainedListItem';
 declare const variants: readonly ["on-page", "disclosed"];
-interface ContainedListType extends React.FC<ContainedListProps> {
+export interface ContainedListType extends React.FC<ContainedListProps> {
     ContainedListItem: typeof ContainedListItem;
 }
 export type Variants = (typeof variants)[number];

package/lib/components/ContentSwitcher/ContentSwitcher.d.ts

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import React, { HTMLAttributes, ReactElement } from 'react';
-interface SwitchEventHandlersParams {
+export interface SwitchEventHandlersParams {
     index?: number;
     name?: string | number;
     text?: string;
@@ -46,7 +46,7 @@ export interface ContentSwitcherProps extends Omit<HTMLAttributes<HTMLElement>,
      */
     size: 'sm' | 'md' | 'lg';
 }
-interface ContentSwitcherState {
+export interface ContentSwitcherState {
     selectedIndex?: number;
 }
 export default class ContentSwitcher extends React.Component<ContentSwitcherProps, ContentSwitcherState> {
@@ -101,4 +101,3 @@ export default class ContentSwitcher extends React.Component<ContentSwitcherProp
     handleChildChange: (data: any) => void;
     render(): import("react/jsx-runtime").JSX.Element;
 }
-export {};

package/lib/components/ContextMenu/useContextMenu.d.ts

@@ -6,7 +6,7 @@
  */
 /// <reference types="react" />
 type TriggerType = Element | Document | Window | React.RefObject<Element>;
-interface ContextMenuProps {
+export interface ContextMenuProps {
     open: boolean;
     x: number;
     y: number;

package/lib/components/Copy/Copy.d.ts

@@ -9,7 +9,7 @@ import React, { AnimationEventHandler, MouseEventHandler, PropsWithChildren } fr
 export type DeprecatedCopyAlignment = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top';
 export type NewCopyAlignment = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
 export type CopyAlignment = DeprecatedCopyAlignment | NewCopyAlignment;
-interface CopyProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface CopyProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Specify how the trigger should align with the tooltip
      */

package/lib/components/DataTable/TableCell.d.ts

@@ -6,7 +6,7 @@
  */
 import React from 'react';
 import { ReactAttr } from '../../types/common';
-interface TableCellProps extends ReactAttr<HTMLTableCellElement> {
+export interface TableCellProps extends ReactAttr<HTMLTableCellElement> {
     /**
      * Pass in children that will be embedded in the table header label
      */

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

@@ -7,7 +7,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import { ReactAttr } from '../../types/common';
-type TableExpandHeaderPropsBase = {
+export type TableExpandHeaderPropsBase = {
     /**
      * Space separated list of one or more ID values referencing the TableExpandedRow(s) being controlled by the TableExpandHeader
      */
@@ -45,13 +45,13 @@ type TableExpandHeaderPropsBase = {
      */
     onExpand?(event: React.MouseEvent<HTMLButtonElement>): void;
 } & ReactAttr<HTMLTableCellElement>;
-type TableExpandHeaderPropsWithToggle = Omit<TableExpandHeaderPropsBase, 'ariaLabel' | 'aria-label' | 'enableToggle' | 'onExpand'> & {
+export type TableExpandHeaderPropsWithToggle = Omit<TableExpandHeaderPropsBase, 'ariaLabel' | 'aria-label' | 'enableToggle' | 'onExpand'> & {
     enableToggle: true;
     ariaLabel: string;
     ['aria-label']: string;
     onExpand(event: React.MouseEvent<HTMLButtonElement>): void;
 };
-type TableExpandHeaderPropsWithExpando = Omit<TableExpandHeaderPropsBase, 'ariaLabel' | 'aria-label' | 'enableExpando' | 'onExpand'> & {
+export type TableExpandHeaderPropsWithExpando = Omit<TableExpandHeaderPropsBase, 'ariaLabel' | 'aria-label' | 'enableExpando' | 'onExpand'> & {
     enableExpando: true;
     ariaLabel: string;
     ['aria-label']: string;

package/lib/components/DataTable/TableExpandRow.d.ts

@@ -6,7 +6,7 @@
  */
 import React, { type MouseEventHandler, type PropsWithChildren } from 'react';
 import { TableRowProps } from './TableRow';
-interface TableExpandRowProps extends PropsWithChildren<TableRowProps> {
+export interface TableExpandRowProps extends PropsWithChildren<TableRowProps> {
     /**
      * Space separated list of one or more ID values referencing the TableExpandedRow(s) being controlled by the TableExpandRow
      */

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

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import { ReactAttr } from '../../types/common';
-interface TableExpandedRowProps extends ReactAttr<HTMLTableRowElement> {
+export interface TableExpandedRowProps extends ReactAttr<HTMLTableRowElement> {
     /**
      * The width of the expanded row's internal cell
      */

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

@@ -15,7 +15,7 @@ export interface TableHeaderTranslationArgs {
     sortDirection?: DataTableSortState;
     sortStates: typeof sortStates;
 }
-interface TableHeaderProps extends ReactAttr<HTMLTableCellElement & HTMLButtonElement>, TranslateWithId<TableHeaderTranslationKey, {
+export interface TableHeaderProps extends ReactAttr<HTMLTableCellElement & HTMLButtonElement>, TranslateWithId<TableHeaderTranslationKey, {
     header: any;
     sortDirection: any;
     isSortHeader: any;

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

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import React from 'react';
-interface TableSelectAllProps {
+export interface TableSelectAllProps {
     /**
      * Specify the aria label for the underlying input control
      * node