@carbon/react 1.37.0-rc.0 → 1.37.0

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

@@ -0,0 +1,40 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import PropTypes from 'prop-types';
+import React from 'react';
+export interface FormLabelProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'htmlFor'> {
+    /**
+     * Specify the content of the form label
+     */
+    children?: React.ReactNode;
+    /**
+     * Provide a custom className to be applied to the containing <label> node
+     */
+    className?: string;
+    /**
+     * Provide a unique id for the given <FormLabel>
+     */
+    id?: string;
+}
+declare function FormLabel({ className: customClassName, children, id, ...rest }: FormLabelProps): JSX.Element;
+declare namespace FormLabel {
+    var propTypes: {
+        /**
+         * Specify the content of the form label
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide a custom className to be applied to the containing <label> node
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Provide a unique id for the given <FormLabel>
+         */
+        id: PropTypes.Requireable<string>;
+    };
+}
+export default FormLabel;

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

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import FormLabel from './FormLabel';
+export default FormLabel;
+export { FormLabel };

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

@@ -9,15 +9,13 @@ import React from 'react';
 import { ListBoxSize, ListBoxType } from '../ListBox';
 import { ListBoxProps } from '../ListBox/ListBox';
 import { OnChangeData } from '../Dropdown';
+import type { InternationalProps } from '../../types/common';
 interface SharedOptions {
     locale: string;
 }
 interface DownshiftTypedProps<ItemType> {
     itemToString?(item: ItemType): string;
 }
-interface InternationalProps<MID = string, ARGS = Record<string, unknown>> {
-    translateWithId?(messageId: MID, args?: ARGS): string;
-}
 interface SortItemsOptions<ItemType> extends SharedOptions, DownshiftTypedProps<ItemType> {
     compareItems(item1: ItemType, item2: ItemType, options: SharedOptions): number;
     selectedItems: ItemType[];

package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import PropTypes from 'prop-types';
+export interface SkeletonPlaceholderProps {
+    /**
+     * Add a custom class to the component to set the height and width
+     */
+    className?: string;
+}
+declare const SkeletonPlaceholder: {
+    ({ className, ...other }: SkeletonPlaceholderProps): JSX.Element;
+    propTypes: {
+        /**
+         * Add a custom class to the component
+         * to set the height and width
+         */
+        className: PropTypes.Requireable<string>;
+    };
+};
+export default SkeletonPlaceholder;

package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js

@@ -18,9 +18,8 @@ const SkeletonPlaceholder = _ref => {
   } = _ref;
   const prefix = usePrefix();
   const skeletonPlaceholderClasses = cx({
-    [`${prefix}--skeleton__placeholder`]: true,
-    [className]: className
-  });
+    [`${prefix}--skeleton__placeholder`]: true
+  }, className);
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: skeletonPlaceholderClasses
   }, other));
@@ -32,6 +31,5 @@ SkeletonPlaceholder.propTypes = {
    */
   className: PropTypes.string
 };
-var SkeletonPlaceholder$1 = SkeletonPlaceholder;
 
-export { SkeletonPlaceholder$1 as default };
+export { SkeletonPlaceholder as default };

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

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import SkeletonPlaceholder from './SkeletonPlaceholder';
+export default SkeletonPlaceholder;
+export { SkeletonPlaceholder };

package/es/components/StructuredList/StructuredList.js

@@ -161,11 +161,14 @@ function StructuredListRow(props) {
   return head ? /*#__PURE__*/React__default.createElement("div", _extends({
     role: "row"
   }, other, {
-    className: classes
+    className: classes,
+    "aria-busy": "true"
   }), children) :
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/interactive-supports-focus
-  React__default.createElement("div", _extends({}, other, {
+  React__default.createElement("div", _extends({
+    "aria-busy": "true"
+  }, other, {
     role: "row",
     className: classes,
     onClick: () => {

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

@@ -0,0 +1,35 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import PropTypes from 'prop-types';
+import React from 'react';
+export interface TagSkeletonProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Specify an optional className to add.
+     */
+    className?: string;
+    /**
+     * Specify the size of the Tag. Currently supports either `sm` or
+     * default sizes.
+     */
+    size?: 'sm';
+}
+declare function TagSkeleton({ className, size, ...rest }: TagSkeletonProps): JSX.Element;
+declare namespace TagSkeleton {
+    var propTypes: {
+        /**
+         * Specify an optional className to add.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify the size of the Tag. Currently supports either `sm` or
+         * default sizes.
+         */
+        size: PropTypes.Requireable<string>;
+    };
+}
+export default TagSkeleton;
+export { TagSkeleton };

package/es/components/Tag/Tag.d.ts

@@ -0,0 +1,122 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import PropTypes from 'prop-types';
+import React from 'react';
+import { PolymorphicProps } from '../../types/common';
+declare const TYPES: {
+    red: string;
+    magenta: string;
+    purple: string;
+    blue: string;
+    cyan: string;
+    teal: string;
+    green: string;
+    gray: string;
+    'cool-gray': string;
+    'warm-gray': string;
+    'high-contrast': string;
+    outline: string;
+};
+export interface TagBaseProps {
+    /**
+     * Provide content to be rendered inside of a <Tag>
+     */
+    children?: React.ReactNode;
+    /**
+     * Provide a custom className that is applied to the containing <span>
+     */
+    className?: string;
+    /**
+     * Specify if the <Tag> is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Determine if <Tag> is a filter/chip
+     */
+    filter?: boolean;
+    /**
+     * Specify the id for the tag.
+     */
+    id?: string;
+    /**
+     * Click handler for filter tag close button.
+     */
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Optional prop to render a custom icon.
+     * Can be a React component class
+     */
+    renderIcon?: React.ElementType;
+    /**
+     * Specify the size of the Tag. Currently supports either `sm` or
+     * 'md' (default) sizes.
+     */
+    size?: 'sm' | 'md';
+    /**
+     * Text to show on clear filters
+     */
+    title?: string;
+    /**
+     * Specify the type of the <Tag>
+     */
+    type?: keyof typeof TYPES;
+}
+export type TagProps<T extends React.ElementType> = PolymorphicProps<T, TagBaseProps>;
+declare const Tag: {
+    <T extends React.ElementType<any>>({ children, className, id, type, filter, renderIcon: CustomIconElement, title, disabled, onClose, size, as: BaseComponent, ...other }: TagProps<T>): JSX.Element;
+    propTypes: {
+        /**
+         * Provide an alternative tag or component to use instead of the default
+         * wrapping element
+         */
+        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        /**
+         * Provide content to be rendered inside of a <Tag>
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide a custom className that is applied to the containing <span>
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify if the <Tag> is disabled
+         */
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * Determine if <Tag> is a filter/chip
+         */
+        filter: PropTypes.Requireable<boolean>;
+        /**
+         * Specify the id for the tag.
+         */
+        id: PropTypes.Requireable<string>;
+        /**
+         * Click handler for filter tag close button.
+         */
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Optional prop to render a custom icon.
+         * Can be a React component class
+         */
+        renderIcon: PropTypes.Requireable<object>;
+        /**
+         * Specify the size of the Tag. Currently supports either `sm` or
+         * 'md' (default) sizes.
+         */
+        size: PropTypes.Requireable<string>;
+        /**
+         * Text to show on clear filters
+         */
+        title: PropTypes.Requireable<string>;
+        /**
+         * Specify the type of the <Tag>
+         */
+        type: PropTypes.Requireable<string>;
+    };
+};
+export declare const types: string[];
+export default Tag;

package/es/components/Tag/Tag.js

@@ -55,6 +55,7 @@ const Tag = _ref => {
     [`${prefix}--tag--${type}`]: type,
     [`${prefix}--tag--interactive`]: other.onClick && !filter
   });
+  const typeText = type !== undefined && type in Object.keys(TYPES) ? TYPES[type] : '';
   const handleClose = event => {
     if (onClose) {
       event.stopPropagation();
@@ -68,8 +69,8 @@ const Tag = _ref => {
       id: tagId
     }, other), /*#__PURE__*/React__default.createElement("span", {
       className: `${prefix}--tag__label`,
-      title: typeof children === 'string' ? children : null
-    }, children !== null && children !== undefined ? children : TYPES[type]), /*#__PURE__*/React__default.createElement("button", {
+      title: typeof children === 'string' ? children : undefined
+    }, children !== null && children !== undefined ? children : typeText), /*#__PURE__*/React__default.createElement("button", {
       type: "button",
       className: `${prefix}--tag__close-icon`,
       onClick: handleClose,
@@ -86,8 +87,8 @@ const Tag = _ref => {
   }, other), CustomIconElement ? /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--tag__custom-icon`
   }, /*#__PURE__*/React__default.createElement(CustomIconElement, null)) : '', /*#__PURE__*/React__default.createElement("span", {
-    title: typeof children === 'string' ? children : null
-  }, children !== null && children !== undefined ? children : TYPES[type]));
+    title: typeof children === 'string' ? children : undefined
+  }, children !== null && children !== undefined ? children : typeText));
 };
 Tag.propTypes = {
   /**
@@ -139,6 +140,5 @@ Tag.propTypes = {
   type: PropTypes.oneOf(Object.keys(TYPES))
 };
 const types = Object.keys(TYPES);
-var Tag$1 = Tag;
 
-export { Tag$1 as default, types };
+export { Tag as default, types };

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

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import Tag from './Tag';
+export * from './Tag.Skeleton';
+export * from './Tag';
+export default Tag;
+export { Tag };

package/es/components/TimePicker/TimePicker.js

@@ -110,12 +110,14 @@ const TimePicker = /*#__PURE__*/React__default.forwardRef(function TimePicker(_r
     };
     const mappedChildren = React__default.Children.map(children, pickerSelect => {
       const item = pickerSelect;
-      return /*#__PURE__*/React__default.cloneElement(item, {
-        ...item.props,
-        disabled: disabled,
-        readOnly: readOnly,
-        ...readOnlyEventHandlers
-      });
+      if (item) {
+        return /*#__PURE__*/React__default.cloneElement(item, {
+          ...item.props,
+          disabled: disabled,
+          readOnly: readOnly,
+          ...readOnlyEventHandlers
+        });
+      }
     });
     return mappedChildren;
   }

package/es/components/Toggle/Toggle.Skeleton.js

@@ -13,7 +13,6 @@ import { usePrefix } from '../../internal/usePrefix.js';
 
 const ToggleSkeleton = _ref => {
   let {
-    'aria-label': ariaLabel = 'Toggle is loading',
     className,
     ...rest
   } = _ref;
@@ -21,9 +20,7 @@ const ToggleSkeleton = _ref => {
   const skeletonClassNames = cx(`${prefix}--toggle ${prefix}--toggle--skeleton`, className);
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: skeletonClassNames
-  }, rest, {
-    "aria-label": ariaLabel
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--toggle__skeleton-circle`
   }), /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--toggle__skeleton-rectangle`

package/es/components/Toggle/Toggle.js

@@ -86,7 +86,7 @@ function Toggle(_ref) {
       role: "switch",
       type: "button",
       "aria-checked": checked,
-      "aria-labelledby": ariaLabelledby,
+      "aria-labelledby": id,
       disabled: disabled,
       onClick: handleClick
     })), /*#__PURE__*/React__default.createElement(LabelComponent, {

package/es/components/ToggleSmall/ToggleSmall.Skeleton.js

@@ -63,8 +63,5 @@ _defineProperty(ToggleSmallSkeleton, "propTypes", {
    */
   labelText: PropTypes.string
 });
-_defineProperty(ToggleSmallSkeleton, "defaultProps", {
-  ['aria-label']: 'Toggle is loading'
-});
 
 export { ToggleSmallSkeleton, ToggleSmallSkeleton as default };

package/es/components/UIShell/HeaderMenuItem.js

@@ -82,6 +82,5 @@ HeaderMenuItem.propTypes = {
    */
   tabIndex: PropTypes.number
 };
-var HeaderMenuItem$1 = HeaderMenuItem;
 
-export { HeaderMenuItem$1 as default };
+export { HeaderMenuItem as default };

package/es/components/UIShell/Link.js

@@ -55,6 +55,5 @@ const LinkPropTypes = {
 };
 Link.displayName = 'Link';
 Link.propTypes = LinkPropTypes;
-var Link$1 = Link;
 
-export { LinkPropTypes, Link$1 as default };
+export { LinkPropTypes, Link as default };

package/es/components/UIShell/SideNav.js

@@ -255,6 +255,4 @@ SideNav.propTypes = {
   // translateById: PropTypes.func,
 };
 
-var SideNav$1 = SideNav;
-
-export { SideNavContext, SideNav$1 as default };
+export { SideNavContext, SideNav as default };

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

@@ -0,0 +1,35 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { default as Content } from './Content';
+export { default as Header } from './Header';
+export { default as HeaderContainer } from './HeaderContainer';
+export { default as HeaderGlobalAction } from './HeaderGlobalAction';
+export { default as HeaderGlobalBar } from './HeaderGlobalBar';
+export { default as HeaderMenu } from './HeaderMenu';
+export { default as HeaderMenuButton } from './HeaderMenuButton';
+export { default as HeaderMenuItem } from './HeaderMenuItem';
+export { default as HeaderName } from './HeaderName';
+export { default as HeaderNavigation } from './HeaderNavigation';
+export { default as HeaderPanel } from './HeaderPanel';
+export { default as HeaderSideNavItems } from './HeaderSideNavItems';
+export { default as Switcher } from './Switcher';
+export { default as SwitcherItem } from './SwitcherItem';
+export { default as SwitcherDivider } from './SwitcherDivider';
+export { default as SkipToContent } from './SkipToContent';
+export { default as SideNav } from './SideNav';
+export { default as SideNavDetails } from './SideNavDetails';
+export { default as SideNavDivider } from './SideNavDivider';
+export { default as SideNavFooter } from './SideNavFooter';
+export { default as SideNavHeader } from './SideNavHeader';
+export { default as SideNavIcon } from './SideNavIcon';
+export { default as SideNavItem } from './SideNavItem';
+export { default as SideNavItems } from './SideNavItems';
+export { default as SideNavLink } from './SideNavLink';
+export { default as SideNavLinkText } from './SideNavLinkText';
+export { default as SideNavMenu } from './SideNavMenu';
+export { default as SideNavMenuItem } from './SideNavMenuItem';
+export { default as SideNavSwitcher } from './SideNavSwitcher';

package/es/index.js

@@ -44,6 +44,7 @@ export { default as FluidForm } from './components/FluidForm/FluidForm.js';
 export { FormContext } from './components/FluidForm/FormContext.js';
 export { default as Form } from './components/Form/Form.js';
 export { default as FormGroup } from './components/FormGroup/FormGroup.js';
+export { default as FormLabel } from './components/FormLabel/FormLabel.js';
 export { FlexGrid } from './components/Grid/FlexGrid.js';
 export { Grid } from './components/Grid/Grid.js';
 export { default as Row } from './components/Grid/Row.js';
@@ -71,11 +72,13 @@ export { default as Select } from './components/Select/Select.js';
 export { default as SelectSkeleton } from './components/Select/Select.Skeleton.js';
 export { default as SelectItem } from './components/SelectItem/SelectItem.js';
 export { default as SelectItemGroup } from './components/SelectItemGroup/SelectItemGroup.js';
+export { default as SkeletonPlaceholder } from './components/SkeletonPlaceholder/SkeletonPlaceholder.js';
 export { default as SkeletonText } from './components/SkeletonText/SkeletonText.js';
 export { default as Slider } from './components/Slider/index.js';
 export { IconTab, Tab, TabList, TabPanel, TabPanels, Tabs } from './components/Tabs/Tabs.js';
 export { default as TabContent } from './components/TabContent/TabContent.js';
 export { default as TabsSkeleton } from './components/Tabs/Tabs.Skeleton.js';
+export { default as Tag, types } from './components/Tag/Tag.js';
 export { default as TagSkeleton } from './components/Tag/Tag.Skeleton.js';
 export { default as TextArea } from './components/TextArea/TextArea.js';
 export { default as TextAreaSkeleton } from './components/TextArea/TextArea.Skeleton.js';
@@ -88,6 +91,35 @@ export { Toggle } from './components/Toggle/Toggle.js';
 export { default as ToggleSkeleton } from './components/Toggle/Toggle.Skeleton.js';
 export { default as ToggleSmallSkeleton } from './components/ToggleSmall/ToggleSmall.Skeleton.js';
 export { Toggletip, ToggletipActions, ToggletipButton, ToggletipContent, ToggletipLabel } from './components/Toggletip/index.js';
+export { default as Content } from './components/UIShell/Content.js';
+export { default as Header } from './components/UIShell/Header.js';
+export { default as HeaderContainer } from './components/UIShell/HeaderContainer.js';
+export { default as HeaderGlobalAction } from './components/UIShell/HeaderGlobalAction.js';
+export { default as HeaderGlobalBar } from './components/UIShell/HeaderGlobalBar.js';
+export { default as HeaderMenu } from './components/UIShell/HeaderMenu.js';
+export { default as HeaderMenuButton } from './components/UIShell/HeaderMenuButton.js';
+export { default as HeaderMenuItem } from './components/UIShell/HeaderMenuItem.js';
+export { default as HeaderName } from './components/UIShell/HeaderName.js';
+export { default as HeaderNavigation } from './components/UIShell/HeaderNavigation.js';
+export { default as HeaderPanel } from './components/UIShell/HeaderPanel.js';
+export { default as HeaderSideNavItems } from './components/UIShell/HeaderSideNavItems.js';
+export { default as Switcher } from './components/UIShell/Switcher.js';
+export { default as SwitcherItem } from './components/UIShell/SwitcherItem.js';
+export { default as SwitcherDivider } from './components/UIShell/SwitcherDivider.js';
+export { default as SkipToContent } from './components/UIShell/SkipToContent.js';
+export { default as SideNav } from './components/UIShell/SideNav.js';
+export { default as SideNavDetails } from './components/UIShell/SideNavDetails.js';
+export { default as SideNavDivider } from './components/UIShell/SideNavDivider.js';
+export { default as SideNavFooter } from './components/UIShell/SideNavFooter.js';
+export { default as SideNavHeader } from './components/UIShell/SideNavHeader.js';
+export { default as SideNavIcon } from './components/UIShell/SideNavIcon.js';
+export { default as SideNavItem } from './components/UIShell/SideNavItem.js';
+export { default as SideNavItems } from './components/UIShell/SideNavItems.js';
+export { default as SideNavLink } from './components/UIShell/SideNavLink.js';
+export { default as SideNavLinkText } from './components/UIShell/SideNavLinkText.js';
+export { default as SideNavMenu } from './components/UIShell/SideNavMenu.js';
+export { default as SideNavMenuItem } from './components/UIShell/SideNavMenuItem.js';
+export { default as SideNavSwitcher } from './components/UIShell/SideNavSwitcher.js';
 export { default as UnorderedList } from './components/UnorderedList/UnorderedList.js';
 export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags } from './components/FeatureFlags/index.js';
 export { Heading, Section } from './components/Heading/index.js';
@@ -120,7 +152,6 @@ export { default as Copy } from './components/Copy/Copy.js';
 export { default as CopyButton } from './components/CopyButton/CopyButton.js';
 export { default as ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary.js';
 export { default as FormItem } from './components/FormItem/FormItem.js';
-export { default as FormLabel } from './components/FormLabel/FormLabel.js';
 export { default as InlineLoading } from './components/InlineLoading/InlineLoading.js';
 export { default as ModalWrapper } from './components/ModalWrapper/ModalWrapper.js';
 export { default as ProgressIndicatorSkeleton } from './components/ProgressIndicator/ProgressIndicator.Skeleton.js';
@@ -128,17 +159,6 @@ export { default as TextInputSkeleton } from './components/TextInput/TextInput.S
 export { default as TextInput } from './components/TextInput/TextInput.js';
 export { default as TreeNode } from './components/TreeView/TreeNode.js';
 export { default as TreeView } from './components/TreeView/TreeView.js';
-export { default as HeaderContainer } from './components/UIShell/HeaderContainer.js';
-export { default as HeaderMenuButton } from './components/UIShell/HeaderMenuButton.js';
-export { default as HeaderName } from './components/UIShell/HeaderName.js';
-export { default as HeaderNavigation } from './components/UIShell/HeaderNavigation.js';
-export { default as HeaderSideNavItems } from './components/UIShell/HeaderSideNavItems.js';
-export { default as SkipToContent } from './components/UIShell/SkipToContent.js';
-export { default as SideNavDivider } from './components/UIShell/SideNavDivider.js';
-export { default as SideNavFooter } from './components/UIShell/SideNavFooter.js';
-export { default as SideNavIcon } from './components/UIShell/SideNavIcon.js';
-export { default as SideNavItem } from './components/UIShell/SideNavItem.js';
-export { default as SideNavLinkText } from './components/UIShell/SideNavLinkText.js';
 export { default as ProgressBar } from './components/ProgressBar/ProgressBar.js';
 export { default as unstable__FluidComboBox } from './components/FluidComboBox/FluidComboBox.js';
 export { default as unstable__FluidComboBoxSkeleton } from './components/FluidComboBox/FluidComboBox.Skeleton.js';
@@ -193,29 +213,9 @@ export { ProgressIndicator, ProgressStep } from './components/ProgressIndicator/
 export { default as RadioTile } from './components/RadioTile/RadioTile.js';
 export { default as SecondaryButton } from './components/SecondaryButton/SecondaryButton.js';
 export { default as SkeletonIcon } from './components/SkeletonIcon/SkeletonIcon.js';
-export { default as SkeletonPlaceholder } from './components/SkeletonPlaceholder/SkeletonPlaceholder.js';
 export { default as SliderSkeleton } from './components/Slider/Slider.Skeleton.js';
 export { default as StructuredListSkeleton } from './components/StructuredList/StructuredList.Skeleton.js';
 export { StructuredListBody, StructuredListCell, StructuredListHead, StructuredListInput, StructuredListRow, StructuredListWrapper } from './components/StructuredList/StructuredList.js';
 export { default as Switch } from './components/Switch/Switch.js';
 export { default as IconSwitch } from './components/Switch/IconSwitch.js';
-export { default as Tag, types } from './components/Tag/Tag.js';
-export { default as Content } from './components/UIShell/Content.js';
-export { default as Header } from './components/UIShell/Header.js';
-export { default as HeaderGlobalAction } from './components/UIShell/HeaderGlobalAction.js';
-export { default as HeaderGlobalBar } from './components/UIShell/HeaderGlobalBar.js';
-export { default as HeaderMenu } from './components/UIShell/HeaderMenu.js';
-export { default as HeaderMenuItem } from './components/UIShell/HeaderMenuItem.js';
-export { default as HeaderPanel } from './components/UIShell/HeaderPanel.js';
-export { default as Switcher } from './components/UIShell/Switcher.js';
-export { default as SwitcherItem } from './components/UIShell/SwitcherItem.js';
-export { default as SwitcherDivider } from './components/UIShell/SwitcherDivider.js';
-export { default as SideNav } from './components/UIShell/SideNav.js';
-export { default as SideNavDetails } from './components/UIShell/SideNavDetails.js';
-export { default as SideNavHeader } from './components/UIShell/SideNavHeader.js';
-export { default as SideNavItems } from './components/UIShell/SideNavItems.js';
-export { default as SideNavLink } from './components/UIShell/SideNavLink.js';
-export { default as SideNavMenu } from './components/UIShell/SideNavMenu.js';
-export { default as SideNavMenuItem } from './components/UIShell/SideNavMenuItem.js';
-export { default as SideNavSwitcher } from './components/UIShell/SideNavSwitcher.js';
 export { Stack } from './components/Stack/Stack.js';

package/es/types/common.d.ts

@@ -9,3 +9,10 @@ export type ForwardRefReturn<T, P = unknown> = React.ForwardRefExoticComponent<F
 export type PolymorphicProps<Element extends React.ElementType, Props> = Props & Omit<React.ComponentProps<Element>, 'as'> & {
     as?: Element;
 };
+export interface InternationalProps<MID = string, ARGS = Record<string, unknown>> {
+    /**
+     * Supply a method to translate internal strings with your i18n tool of
+     * choice.
+     */
+    translateWithId?(messageId: MID, args?: ARGS): string;
+}

package/lib/components/Button/Button.js

@@ -123,17 +123,18 @@ const Button = /*#__PURE__*/React__default["default"].forwardRef(function Button
     component = 'a';
     otherProps = anchorProps;
   }
-  const Button = /*#__PURE__*/React__default["default"].createElement(component, {
-    onMouseEnter,
-    onMouseLeave,
-    onFocus,
-    onBlur,
-    onClick,
-    ...rest,
-    ...commonProps,
-    ...otherProps
-  }, assistiveText, children, buttonImage);
-  if (hasIconOnly) {
+  if (!hasIconOnly) {
+    return /*#__PURE__*/React__default["default"].createElement(component, {
+      onMouseEnter,
+      onMouseLeave,
+      onFocus,
+      onBlur,
+      onClick,
+      ...rest,
+      ...commonProps,
+      ...otherProps
+    }, assistiveText, children, buttonImage);
+  } else {
     let align = undefined;
     if (tooltipPosition === 'top' || tooltipPosition === 'bottom') {
       if (tooltipAlignment === 'center') {
@@ -162,7 +163,6 @@ const Button = /*#__PURE__*/React__default["default"].forwardRef(function Button
       onClick: events.composeEventHandlers([onClick, handleClick])
     }, rest, commonProps, otherProps), iconOnlyImage ? iconOnlyImage : children);
   }
-  return Button;
 });
 Button.displayName = 'Button';
 Button.propTypes = {