@carbon/ibm-products 2.53.0 → 2.54.0-canary.1

package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js

@@ -19,13 +19,14 @@ var RowSizeRadioGroup = require('./RowSizeRadioGroup.js');
 var settings = require('../../../../../settings.js');
 
 var _Settings;
-var _excluded = ["align", "legendText"];
+var _excluded = ["align", "legendText", "autoAlign"];
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid__row-size");
 var RowSizeDropdown = function RowSizeDropdown(_ref) {
   var _ref$align = _ref.align,
     align = _ref$align === void 0 ? 'bottom-right' : _ref$align,
     _ref$legendText = _ref.legendText,
     legendText = _ref$legendText === void 0 ? 'Row settings' : _ref$legendText,
+    autoAlign = _ref.autoAlign,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var radioGroupRef = React.useRef(undefined);
   var _React$useState = React.useState(false),
@@ -65,7 +66,8 @@ var RowSizeDropdown = function RowSizeDropdown(_ref) {
     onRequestClose: onCloseHandler,
     className: "".concat(blockClass, "-options-container"),
     onKeyDown: onKeyHandler,
-    onBlur: onBlurHandler
+    onBlur: onBlurHandler,
+    autoAlign: autoAlign
   }, /*#__PURE__*/React.createElement(react.IconButton, {
     align: align,
     kind: "ghost",
@@ -82,6 +84,7 @@ var RowSizeDropdown = function RowSizeDropdown(_ref) {
 };
 RowSizeDropdown.propTypes = {
   align: react.IconButton.propTypes.align,
+  autoAlign: index.default.bool,
   datagridName: index.default.string,
   legendText: index.default.string,
   light: index.default.bool,

package/lib/components/Datagrid/types/index.d.ts

@@ -155,7 +155,7 @@ export interface RowAction {
     icon?: ComponentType | FunctionComponent;
     align?: React.ComponentProps<typeof IconButton>['align'];
     shouldHideMenuItem?: (...args: any[]) => void;
-    shouldDisableMenuItem?: (...args: any[]) => void;
+    shouldDisableMenuItem?: (...args: any[]) => boolean;
     disabled?: boolean;
     onClick?: (...args: any[]) => void;
 }
@@ -197,7 +197,7 @@ export interface DataGridState<T extends object = any> extends TableCommonProps,
     emptyStateAction?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
-        onClick?: ButtonProps<any>['onClick'];
+        onClick?: ButtonProps<React.ElementType>['onClick'];
         text?: string;
     };
     emptyStateLink?: {
@@ -221,7 +221,7 @@ export interface DataGridState<T extends object = any> extends TableCommonProps,
     allPageRowsLabel?: string | object;
     allRowsLabel?: string | object;
     onSelectAllRows?: (val?: boolean) => void;
-    toolbarBatchActions?: ButtonProps<any>[];
+    toolbarBatchActions?: ButtonProps<React.ElementType>[];
     setGlobalFilter?: (filterValue: FilterValue) => void;
     batchActionMenuButtonLabel?: string;
     translateWithIdBatchActions?: TableBatchActionsProps['translateWithId'];

package/lib/components/EditInPlace/EditInPlace.js

@@ -120,6 +120,7 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
           onSaveHandler();
         } else {
           onCancelHandler();
+          setFocused(false);
         }
       }
     }

package/lib/components/EmptyStates/EmptyState.d.ts

@@ -24,7 +24,7 @@ export interface EmptyStateProps {
     action?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
-        onClick?: ButtonProps['onClick'];
+        onClick?: ButtonProps<React.ElementType>['onClick'];
         text?: string;
     };
     /**

package/lib/components/EmptyStates/EmptyState.js

@@ -87,6 +87,7 @@ exports.EmptyState.propTypes = {
   action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
     kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick,
     text: index.default.string
   })),
@@ -114,6 +115,7 @@ exports.EmptyState.propTypes = {
   /**
    * Empty state link object
    */
+  /**@ts-ignore*/
   link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
     text: index.default.oneOfType([index.default.string, index.default.node]),
     href: index.default.string

package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.d.ts

@@ -15,7 +15,7 @@ export interface ErrorEmptyStateProps {
     action?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
-        onClick?: ButtonProps['onClick'];
+        onClick?: ButtonProps<React.ElementType>['onClick'];
         text?: string;
     };
     /**

package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js

@@ -71,6 +71,7 @@ exports.ErrorEmptyState.propTypes = {
   action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
     kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick,
     text: index.default.string
   })),
@@ -96,6 +97,7 @@ exports.ErrorEmptyState.propTypes = {
   /**
    * Empty state link object
    */
+  /**@ts-ignore*/
   link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
     text: index.default.oneOfType([index.default.string, index.default.node]),
     href: index.default.string

package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.d.ts

@@ -15,7 +15,7 @@ export interface NoDataEmptyStateProps {
     action?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
-        onClick?: ButtonProps['onClick'];
+        onClick?: ButtonProps<React.ElementType>['onClick'];
         text?: string;
     };
     /**

package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js

@@ -72,6 +72,7 @@ exports.NoDataEmptyState.propTypes = {
   action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
     kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+    /**@ts-ignore */
     onClick: react.Button.propTypes.onClick,
     text: index.default.string
   })),
@@ -97,6 +98,7 @@ exports.NoDataEmptyState.propTypes = {
   /**
    * Empty state link object
    */
+  /**@ts-ignore */
   link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
     text: index.default.oneOfType([index.default.string, index.default.node]),
     href: index.default.string

package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.d.ts

@@ -15,7 +15,7 @@ export interface NoTagsEmptyStateProps {
     action?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
-        onClick?: ButtonProps['onClick'];
+        onClick?: ButtonProps<React.ElementType>['onClick'];
         text?: string;
     };
     /**

package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js

@@ -71,6 +71,7 @@ exports.NoTagsEmptyState.propTypes = {
   action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
     kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick,
     text: index.default.string
   })),
@@ -96,6 +97,7 @@ exports.NoTagsEmptyState.propTypes = {
   /**
    * Empty state link object
    */
+  /**@ts-ignore*/
   link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
     text: index.default.oneOfType([index.default.string, index.default.node]),
     href: index.default.string

package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.d.ts

@@ -15,7 +15,7 @@ export interface NotFoundEmptyStateProps {
     action?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
-        onClick?: ButtonProps['onClick'];
+        onClick?: ButtonProps<React.ElementType>['onClick'];
         text?: string;
     };
     /**

package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js

@@ -71,6 +71,7 @@ exports.NotFoundEmptyState.propTypes = {
   action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
     kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick,
     text: index.default.string
   })),
@@ -96,6 +97,7 @@ exports.NotFoundEmptyState.propTypes = {
   /**
    * Empty state link object
    */
+  /**@ts-ignore*/
   link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
     text: index.default.oneOfType([index.default.string, index.default.node]),
     href: index.default.string

package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.d.ts

@@ -15,7 +15,7 @@ export interface NotificationsEmptyStateProps {
     action?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
-        onClick?: ButtonProps['onClick'];
+        onClick?: ButtonProps<React.ElementType>['onClick'];
         text?: string;
     };
     /**

package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js

@@ -71,6 +71,7 @@ exports.NotificationsEmptyState.propTypes = {
   action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
     kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick,
     text: index.default.string
   })),
@@ -96,6 +97,7 @@ exports.NotificationsEmptyState.propTypes = {
   /**
    * Empty state link object
    */
+  /**@ts-ignore*/
   link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
     text: index.default.oneOfType([index.default.string, index.default.node]),
     href: index.default.string

package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.d.ts

@@ -15,7 +15,7 @@ export interface UnauthorizedEmptyStateProps {
     action?: {
         kind?: 'primary' | 'secondary' | 'tertiary';
         renderIcon?: CarbonIconType;
-        onClick?: ButtonProps['onClick'];
+        onClick?: ButtonProps<React.ElementType>['onClick'];
         text?: string;
     };
     /**

package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js

@@ -72,6 +72,7 @@ exports.UnauthorizedEmptyState.propTypes = {
   action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
     kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick,
     text: index.default.string
   })),
@@ -97,6 +98,7 @@ exports.UnauthorizedEmptyState.propTypes = {
   /**
    * Empty state link object
    */
+  /**@ts-ignore*/
   link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
     text: index.default.oneOfType([index.default.string, index.default.node]),
     href: index.default.string

package/lib/components/Guidebanner/Guidebanner.js

@@ -146,7 +146,7 @@ exports.Guidebanner = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   })))))), onClose && /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__close-button")
   }, /*#__PURE__*/React.createElement(react.IconButton, {
-    align: "bottom-right",
+    align: "bottom-end",
     kind: "ghost",
     label: closeIconDescription,
     onClick: onClose,

package/lib/components/ImportModal/ImportModal.d.ts

@@ -12,7 +12,7 @@ type FileType = {
     iconDescription?: string;
     invalidFileType?: boolean;
     name: string;
-    status?: string;
+    status?: 'uploading' | 'edit' | 'complete';
     uuid?: string;
     invalid?: boolean;
     errorBody?: string;

package/lib/components/ImportModal/ImportModal.js

@@ -20,14 +20,9 @@ var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
 var _excluded = ["accept", "className", "defaultErrorBody", "defaultErrorHeader", "description", "fetchErrorBody", "fetchErrorHeader", "fileDropHeader", "fileDropLabel", "fileUploadLabel", "inputButtonIcon", "inputButtonText", "inputId", "inputLabel", "inputPlaceholder", "invalidFileTypeErrorBody", "invalidFileTypeErrorHeader", "invalidIconDescription", "maxFileSize", "maxFileSizeErrorBody", "maxFileSizeErrorHeader", "onClose", "onRequestSubmit", "open", "portalTarget", "primaryButtonText", "secondaryButtonText", "title"];
 var componentName = 'ImportModal';
-
-// Default values for props
-var defaults = {
-  accept: Object.freeze([])
-};
 exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$accept = _ref.accept,
-    accept = _ref$accept === void 0 ? defaults.accept : _ref$accept,
+    accept = _ref$accept === void 0 ? [] : _ref$accept,
     className = _ref.className,
     defaultErrorBody = _ref.defaultErrorBody,
     defaultErrorHeader = _ref.defaultErrorHeader,
@@ -224,7 +219,7 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: "".concat(blockClass, "__input-group")
   }, /*#__PURE__*/React.createElement(react.TextInput, {
     labelText: "",
-    id: inputId,
+    id: inputId || '',
     onChange: inputHandler,
     placeholder: inputPlaceholder,
     value: importUrl,
@@ -239,7 +234,7 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return /*#__PURE__*/React.createElement(icons.Add, _rollupPluginBabelHelpers.extends({
         size: 20
       }, props));
-    } : null
+    } : undefined
   }, inputButtonText)), /*#__PURE__*/React.createElement("div", {
     className: "".concat(carbonPrefix, "--file-container ").concat(blockClass, "__file-container")
   }, hasFiles && /*#__PURE__*/React.createElement("p", {

package/lib/components/InlineTip/InlineTipButton.d.ts

@@ -20,4 +20,4 @@ export interface InlineTipButtonProps {
  */
 export declare let InlineTipButton: React.ForwardRefExoticComponent<InlineTipButtonProps & {
     children?: React.ReactNode;
-} & React.RefAttributes<HTMLButtonElement>>;
+} & React.RefAttributes<ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>>>;

package/lib/components/InterstitialScreen/InterstitialScreen.js

@@ -129,8 +129,8 @@ exports.InterstitialScreen = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     onClose();
   }, [onClose]);
   var scrollBodyToTop = function scrollBodyToTop() {
-    var _bodyScrollRef$curren;
-    (_bodyScrollRef$curren = bodyScrollRef.current) === null || _bodyScrollRef$curren === void 0 || _bodyScrollRef$curren.scroll({
+    var _bodyScrollRef$curren, _bodyScrollRef$curren2;
+    (_bodyScrollRef$curren = bodyScrollRef.current) === null || _bodyScrollRef$curren === void 0 || (_bodyScrollRef$curren2 = _bodyScrollRef$curren.scroll) === null || _bodyScrollRef$curren2 === void 0 || _bodyScrollRef$curren2.call(_bodyScrollRef$curren, {
       top: 0,
       behavior: 'smooth'
     });

package/lib/components/Nav/NavList.js

@@ -15,7 +15,7 @@ var cx = require('classnames');
 var index = require('../../_virtual/index.js');
 var NavItem = require('./NavItem.js');
 var settings = require('../../settings.js');
-var bucket2 = require('../../node_modules/@carbon/icons-react/es/generated/bucket-2.js');
+var bucket3 = require('../../node_modules/@carbon/icons-react/es/generated/bucket-3.js');
 
 var componentName = 'NavList';
 var blockClass = "".concat(settings.pkg.prefix, "--nav-list");
@@ -133,7 +133,7 @@ exports.NavList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     src: icon
   }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(NavItem.blockClass, "__content")
-  }, title), /*#__PURE__*/React.createElement(bucket2.ChevronDown, {
+  }, title), /*#__PURE__*/React.createElement(bucket3.ChevronDown, {
     className: "".concat(blockClass, "__icon")
   })), /*#__PURE__*/React.createElement("ul", {
     "aria-label": title,

package/lib/components/NotificationsPanel/NotificationsPanel.js

@@ -461,7 +461,8 @@ exports.NotificationsPanel = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     iconDescription: settingsIconDescription,
     onClick: function onClick() {
       return onSettingsClick();
-    }
+    },
+    hasIconOnly: true
   })) : null)), /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "".concat(carbonPrefix, "--visually-hidden"),

package/lib/components/PageHeader/PageHeader.d.ts

@@ -1,6 +1,6 @@
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import { Tag } from '@carbon/react';
-import { ButtonProps, PopoverAlignment, TagProps } from '@carbon/type';
+import { Tag, ButtonProps, PopoverAlignment } from '@carbon/react';
+import { TagProps } from '@carbon/react/lib/components/Tag/Tag';
 import React, { PropsWithChildren, ReactNode } from 'react';
 interface ActionBarItem extends ButtonProps {
     iconDescription: string;
@@ -122,7 +122,7 @@ type PageActionProps = {
      * - maxWidth: maximum number of pixels the content will grow to
      * Carbon Button API https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
      */
-    pageActions: ButtonProps[] | PageAction;
+    pageActions: ButtonProps<React.ElementType>[] | PageAction;
     /**
      * When there is insufficient space to display all of hte page actions inline a dropdown button menu is shown,
      * containing the page actions. This label is used as the display content of the dropdown button menu.
@@ -134,7 +134,7 @@ type PageActionProps = {
     pageActions?: never;
     pageActionsOverflowLabel?: ReactNode;
 };
-interface Tag extends TagProps {
+interface Tag extends TagProps<React.ElementType> {
     label: string;
 }
 interface TitleIcon {
@@ -189,6 +189,10 @@ interface PageHeaderBaseProps extends PropsWithChildren {
      * align breadcrumb overflow tooltip
      */
     breadcrumbOverflowTooltipAlign?: PopoverAlignment;
+    /**
+     * Label for the Breadcrumb component
+     */
+    breadcrumbLabel?: string;
     /**
      * Specifies class(es) to be applied to the top-level PageHeader node.
      * Optional.
@@ -225,7 +229,7 @@ interface PageHeaderBaseProps extends PropsWithChildren {
      * Content for the navigation area in the PageHeader. Should
      * be a React element that is normally a Carbon Tabs component. Optional.
      */
-    navigation?: object;
+    navigation?: ReactNode;
     /**
      * class name applied to the page actions overflow options
      */

package/lib/components/PageHeader/PageHeader.js

@@ -27,7 +27,7 @@ var BreadcrumbWithOverflow = require('../BreadcrumbWithOverflow/BreadcrumbWithOv
 var ActionBar = require('../ActionBar/ActionBar.js');
 var ButtonSetWithOverflow = require('../ButtonSetWithOverflow/ButtonSetWithOverflow.js');
 
-var _excluded = ["actionBarItems", "actionBarMenuOptionsClass", "actionBarOverflowAriaLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTitle", "hasBackgroundAlways", "breadcrumbOverflowAriaLabel", "breadcrumbs", "children", "className", "collapseHeader", "collapseHeaderIconDescription", "collapseTitle", "disableBreadcrumbScroll", "enableBreadcrumbScroll", "expandHeaderIconDescription", "fullWidthGrid", "hasCollapseHeaderToggle", "narrowGrid", "navigation", "pageActions", "pageActionsOverflowLabel", "pageActionsMenuOptionsClass", "showAllTagsLabel", "subtitle", "tags", "title", "withoutBackground", "breadcrumbOverflowTooltipAlign"];
+var _excluded = ["actionBarItems", "actionBarMenuOptionsClass", "actionBarOverflowAriaLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTitle", "hasBackgroundAlways", "breadcrumbOverflowAriaLabel", "breadcrumbLabel", "breadcrumbs", "children", "className", "collapseHeader", "collapseHeaderIconDescription", "collapseTitle", "disableBreadcrumbScroll", "enableBreadcrumbScroll", "expandHeaderIconDescription", "fullWidthGrid", "hasCollapseHeaderToggle", "narrowGrid", "navigation", "pageActions", "pageActionsOverflowLabel", "pageActionsMenuOptionsClass", "showAllTagsLabel", "subtitle", "tags", "title", "withoutBackground", "breadcrumbOverflowTooltipAlign"];
 var componentName = 'PageHeader';
 settings.pkg._silenceWarnings(true);
 settings.pkg.component.ActionBar = true;
@@ -48,6 +48,7 @@ exports.PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     allTagsModalTitle = _ref.allTagsModalTitle,
     deprecated_hasBackgroundAlways = _ref.hasBackgroundAlways,
     breadcrumbOverflowAriaLabel = _ref.breadcrumbOverflowAriaLabel,
+    breadcrumbLabel = _ref.breadcrumbLabel,
     breadcrumbs = _ref.breadcrumbs,
     children = _ref.children,
     className = _ref.className,
@@ -308,7 +309,7 @@ exports.PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     // Determines the appropriate header background opacity based on the header config/height/scroll and the withoutBackground setting
     var result = withoutBackground ? 0 : 1;
     if (!result && metrics !== null && metrics !== void 0 && metrics.headerHeight && metrics.headerHeight > 0 && (breadcrumbs || actionBarItems || tags || navigation)) {
-      var startAddingAt = parseFloat(layout.spacing10) * parseInt(layout.baseFontSize);
+      var startAddingAt = parseFloat("".concat(layout.spacing[9])) * parseInt("".concat(layout.baseFontSize));
       var scrollRemaining = metrics.headerHeight - scrollYValue;
 
       /* don't know how to test resize */
@@ -387,7 +388,8 @@ exports.PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     overflowAriaLabel: breadcrumbOverflowAriaLabel,
     breadcrumbs: displayedBreadcrumbs,
     overflowTooltipAlign: breadcrumbOverflowTooltipAlign,
-    maxVisible: undefined
+    maxVisible: undefined,
+    label: breadcrumbLabel
   })), /*#__PURE__*/React.createElement(react.Column, {
     className: cx(["".concat(PageHeaderUtils.blockClass, "__action-bar-column ").concat(PageHeaderUtils.blockClass, "__action-bar-column--background"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__action-bar-column--has-page-actions"), pageActions), "".concat(PageHeaderUtils.blockClass, "__action-bar-column--influenced-by-collapse-button"), spaceForCollapseButton)])
   }, /*#__PURE__*/React.createElement("div", {
@@ -534,7 +536,9 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /**@ts-ignore */
   actionBarItems: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Button.propTypes, ['kind', 'size', 'tooltipPosition', 'tooltipAlignment'])), {}, {
     iconDescription: index.default.string.isRequired,
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick,
+    /**@ts-ignore*/
     renderIcon: react.Button.propTypes.renderIcon.isRequired
   }))),
   /**
@@ -717,6 +721,7 @@ exports.PageHeader.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /**@ts-ignore */
   pageActions: index.default.oneOfType([index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
     key: index.default.string.isRequired,
+    /**@ts-ignore*/
     kind: react.Button.propTypes.kind,
     label: index.default.node,
     onClick: index.default.func

package/lib/components/SearchBar/SearchBar.js

@@ -138,7 +138,7 @@ exports.SearchBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: "".concat(blockClass, "__input"),
     closeButtonLabelText: clearButtonLabelText,
     labelText: labelText,
-    name: "search-input",
+    name: 'search-input',
     onChange: handleInputChange,
     placeholder: placeholderText,
     value: text,

package/lib/components/SidePanel/SidePanel.d.ts

@@ -11,7 +11,7 @@ type SidePanelBaseProps = {
     /**
      * Sets the action toolbar buttons
      */
-    actionToolbarButtons?: ButtonProps<any>[];
+    actionToolbarButtons?: ButtonProps<React.ElementType>[];
     /**
      * The primary actions to be shown in the side panel. Each action is
      * specified as an object that will render expressive Buttons. Any Button
@@ -20,7 +20,7 @@ type SidePanelBaseProps = {
      *
      * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
      */
-    actions?: ButtonProps<any>[];
+    actions?: ButtonProps<React.ElementType>[];
     /**
      * Determines if the title will animate on scroll
      */

package/lib/components/TagOverflow/TagOverflowModal.d.ts

@@ -5,7 +5,7 @@ import { Tag } from '@carbon/react';
 interface TagType {
     label: string;
 }
-type AllTags = (TagType & Omit<React.ComponentProps<Tag>, 'filter'>)[];
+type AllTags = (TagType & Omit<React.ComponentProps<typeof Tag>, 'filter'>)[];
 interface TagOverflowModalProps {
     allTags?: AllTags;
     className?: string;

package/lib/components/TagOverflow/TagOverflowPopover.d.ts

@@ -1,11 +1,13 @@
+/// <reference path="../../../src/custom-typings/index.d.ts" />
 import React from 'react';
+import { PopoverAlignment } from '@carbon/react';
 import { TagOverflowItem } from './TagOverflow';
 export interface Props {
     allTagsModalSearchThreshold?: number;
     autoAlign?: boolean;
     className?: string;
     onShowAllClick: () => void;
-    overflowAlign?: string;
+    overflowAlign?: PopoverAlignment;
     overflowTags: TagOverflowItem[];
     overflowType?: string;
     popoverOpen?: boolean;

package/lib/components/TagOverflow/TagOverflowPopover.js

@@ -70,7 +70,7 @@ var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
     dropShadow: true,
     highContrast: true,
     onKeyDown: handleEscKeyPress,
-    open: popoverOpen
+    open: popoverOpen || false
   }, /*#__PURE__*/React.createElement(react.OperationalTag, {
     onClick: function onClick() {
       return setPopoverOpen === null || setPopoverOpen === void 0 ? void 0 : setPopoverOpen(!popoverOpen);

package/lib/components/TagSet/TagSetModal.d.ts

@@ -5,7 +5,7 @@ import { Tag } from '@carbon/react';
 interface TagType {
     label: string;
 }
-type AllTags = TagType[] & Omit<React.ComponentProps<Tag>, 'filter'>[];
+type AllTags = TagType[] & Omit<React.ComponentProps<typeof Tag>, 'filter'>[];
 interface TagSetModalProps {
     allTags?: AllTags;
     className?: string;

package/lib/components/Tearsheet/Tearsheet.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import { ButtonProps } from '@carbon/react';
+import { type ButtonProps } from '@carbon/react';
 import React, { PropsWithChildren, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 /**
@@ -21,6 +21,9 @@ export type CloseIconDescriptionTypes = {
     hasCloseIcon: true;
     closeIconDescription: string;
 };
+export interface TearsheetAction extends ButtonProps<'button'> {
+    label?: string;
+}
 export interface TearsheetProps extends PropsWithChildren {
     /**
      * The navigation actions to be shown as buttons in the action area at the
@@ -35,7 +38,7 @@ export interface TearsheetProps extends PropsWithChildren {
      *
      * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
      */
-    actions?: ButtonProps<'button'>[];
+    actions?: TearsheetAction[];
     /**
      * The aria-label for the tearsheet, which is optional.
      * if it is not passed, the title will be used as the aria-label.

package/lib/components/Tearsheet/Tearsheet.js

@@ -109,6 +109,7 @@ exports.Tearsheet.propTypes = _rollupPluginBabelHelpers.objectSpread2({
     label: index.default.string,
     loading: index.default.bool,
     // we duplicate this Button prop to improve the DocGen here
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick
   })))]),
   /**

package/lib/components/Tearsheet/TearsheetNarrow.d.ts

@@ -23,7 +23,7 @@ interface TearsheetNarrowBaseProps extends PropsWithChildren {
      *
      * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
      */
-    actions?: ButtonProps<'button'>[];
+    actions?: ButtonProps<React.ElementType>[];
     /**
      * The aria-label for the tearsheet, which is optional.
      * if it is not passed, the title will be used as the aria-label.

package/lib/components/Tearsheet/TearsheetNarrow.js

@@ -94,6 +94,7 @@ exports.TearsheetNarrow.propTypes = _rollupPluginBabelHelpers.objectSpread2({
     label: index.default.string,
     loading: index.default.bool,
     // we duplicate this Button prop to improve the DocGen here
+    /**@ts-ignore*/
     onClick: react.Button.propTypes.onClick
   })))]),
   /**

package/lib/components/Tearsheet/TearsheetShell.d.ts

@@ -4,12 +4,11 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference path="../../../src/custom-typings/index.d.ts" />
 import React, { PropsWithChildren, ReactNode, RefObject } from 'react';
 import PropTypes from 'prop-types';
-import { type ButtonProps } from '@carbon/react';
+import { TearsheetAction } from './Tearsheet';
 interface TearsheetShellProps extends PropsWithChildren {
-    actions?: ButtonProps<'button'>[];
+    actions?: TearsheetAction[];
     /**
      * Optional prop that is intended for any scenario where something is being generated by AI to reinforce AI transparency,
      * accountability, and explainability at the UI level.

package/lib/components/Tearsheet/TearsheetShell.js

@@ -24,7 +24,6 @@ var useFocus = require('../../global/js/hooks/useFocus.js');
 var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
 
 var _excluded = ["actions", "aiLabel", "ariaLabel", "children", "className", "closeIconDescription", "description", "hasCloseIcon", "headerActions", "influencer", "influencerPosition", "influencerWidth", "label", "navigation", "onClose", "open", "portalTarget", "selectorPrimaryFocus", "selectorsFloatingMenus", "size", "slug", "title", "verticalPosition", "launcherButtonRef"];
-
 // The block part of our conventional BEM class names (bc__E--M).
 var bc = "".concat(settings.pkg.prefix, "--tearsheet");
 var componentName = 'TearsheetShell';