@carbon/react 1.81.0-rc.0 → 1.81.0

package/es/components/ComboBox/ComboBox.js

@@ -37,7 +37,9 @@ const {
   ItemMouseMove,
   InputKeyDownArrowUp,
   InputKeyDownArrowDown,
-  MenuMouseLeave
+  MenuMouseLeave,
+  ItemClick,
+  FunctionSelectItem
 } = useCombobox.stateChangeTypes;
 const defaultItemToString = item => {
   if (typeof item === 'string') {
@@ -208,6 +210,8 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
       prevInputLengthRef.current = inputValue.length;
     }
   }, [typeahead, inputValue, items, itemToString, autocompleteCustomFilter]);
+  const isManualClearingRef = useRef(false);
+  const [isClearing, setIsClearing] = useState(false);
   const prefix = usePrefix();
   const {
     isFluid
@@ -217,6 +221,14 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
   const [isFocused, setIsFocused] = useState(false);
   const prevInputValue = useRef(inputValue);
   const prevSelectedItemProp = useRef(selectedItemProp);
+  useEffect(() => {
+    isManualClearingRef.current = isClearing;
+
+    // Reset flag after render cycle
+    if (isClearing) {
+      setIsClearing(false);
+    }
+  }, [isClearing]);
 
   // fully controlled combobox: handle changes to selectedItemProp
   useEffect(() => {
@@ -302,31 +314,38 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
         }
       case InputKeyDownEnter:
         if (!allowCustomValue) {
-          const highlightedIndex = indexToHighlight(inputValue);
-          const matchingItem = items[highlightedIndex];
-          if (matchingItem) {
-            // Prevent matching items that are marked as `disabled` from
-            // being selected.
-            if (matchingItem.disabled) {
-              return state;
+          if (state.highlightedIndex !== -1) {
+            const filteredList = filterItems(items, itemToString, inputValue);
+            const highlightedItem = filteredList[state.highlightedIndex];
+            if (highlightedItem && !highlightedItem.disabled) {
+              return {
+                ...changes,
+                selectedItem: highlightedItem,
+                inputValue: itemToString(highlightedItem)
+              };
+            }
+          } else {
+            const autoIndex = indexToHighlight(inputValue);
+            if (autoIndex !== -1) {
+              const matchingItem = items[autoIndex];
+              if (matchingItem && !matchingItem.disabled) {
+                return {
+                  ...changes,
+                  selectedItem: matchingItem,
+                  inputValue: itemToString(matchingItem)
+                };
+              }
             }
 
-            // Select the matching item.
-            return {
-              ...changes,
-              selectedItem: matchingItem,
-              inputValue: itemToString(matchingItem)
-            };
-          }
-
-          // If no matching item is found and there is an existing
-          // selection, clear the selection.
-          if (state.selectedItem !== null) {
-            return {
-              ...changes,
-              selectedItem: null,
-              inputValue
-            };
+            // If no matching item is found and there is an existing
+            // selection, clear the selection.
+            if (state.selectedItem !== null) {
+              return {
+                ...changes,
+                selectedItem: null,
+                inputValue
+              };
+            }
           }
         }
 
@@ -491,13 +510,10 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
         type,
         selectedItem: newSelectedItem
       });
-      if (type === useCombobox.stateChangeTypes.ItemClick && !isEqual(selectedItemProp, newSelectedItem)) {
-        onChange({
-          selectedItem: newSelectedItem
-        });
+      if (isManualClearingRef.current) {
+        return;
       }
-      if ((type === useCombobox.stateChangeTypes.FunctionSelectItem || type === useCombobox.stateChangeTypes.InputKeyDownEnter) && !isEqual(selectedItemProp, newSelectedItem) // Only fire if there's an actual change
-      ) {
+      if ((type === ItemClick || type === FunctionSelectItem || type === InputKeyDownEnter) && typeof newSelectedItem !== 'undefined' && !isEqual(selectedItemProp, newSelectedItem)) {
         onChange({
           selectedItem: newSelectedItem
         });
@@ -690,7 +706,13 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${prefix}--list-box__invalid-icon ${prefix}--list-box__invalid-icon--warning`
   }), inputValue && /*#__PURE__*/React__default.createElement(ListBoxSelection, {
     clearSelection: () => {
+      setIsClearing(true); // This updates the state which syncs to the ref
+      setInputValue('');
+      onChange({
+        selectedItem: null
+      });
       selectItem(null);
+      handleSelectionClear();
     },
     translateWithId: translateWithId,
     disabled: disabled || readOnly,

package/es/components/DataTable/TableCell.js

@@ -6,18 +6,20 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React__default, { forwardRef } from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
+import PropTypes from 'prop-types';
 
-const TableCell = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
-  let {
+const frFn = forwardRef;
+const TableCell = frFn((props, ref) => {
+  const {
     children,
     className,
     hasAILabelHeader,
     colSpan,
     ...rest
-  } = _ref;
+  } = props;
   const prefix = usePrefix();
   const tableCellClassNames = cx(className, {
     [`${prefix}--table-cell--column-slug`]: hasAILabelHeader
@@ -29,5 +31,27 @@ const TableCell = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   }, rest), children);
 });
 TableCell.displayName = 'TableCell';
+TableCell.propTypes = {
+  /**
+   * Pass in children that will be embedded in the table header label
+   */
+  children: PropTypes.node,
+  /**
+   * Specify an optional className to be applied to the container node
+   */
+  className: PropTypes.string,
+  /**
+   * The width of the expanded row's internal cell
+   */
+  colSpan: PropTypes.number,
+  /**
+   * Specify if the table cell is in an AI column
+   */
+  hasAILabelHeader: PropTypes.bool,
+  /**
+   * The id of the matching th node in the table head. Addresses a11y concerns outlined here: https://www.ibm.com/able/guidelines/ci162/info_and_relationships.html and https://www.w3.org/TR/WCAG20-TECHS/H43
+   */
+  headers: PropTypes.string
+};
 
 export { TableCell as default };

package/es/components/DataTable/tools/cells.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2016, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Generates a unique cell ID by combining the row ID and header.
+ *
+ * Generic helper used to consolidate all call sites for getting a cell ID into
+ * one method.
+ */
+export declare const getCellId: (rowId: string, header: string) => string;

package/es/components/DataTable/tools/cells.js

@@ -6,13 +6,10 @@
  */
 
 /**
- * Generic helper used to consolidate all call sites for getting a cell id into
- * one method. The strategy currently is that a "cellId" is just the combination
- * of the row id and the header key used to access this field in a row.
+ * Generates a unique cell ID by combining the row ID and header.
  *
- * @param {string} rowId
- * @param {string} header
- * @returns {string}
+ * Generic helper used to consolidate all call sites for getting a cell ID into
+ * one method.
  */
 const getCellId = (rowId, header) => `${rowId}:${header}`;
 

package/es/components/DataTable/tools/filter.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2016, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Filters row IDs based on whether any of the cell values in the row include
+ * the input value as a substring. Boolean cell values are ignored.
+ */
+export declare const defaultFilterRows: ({ rowIds, headers, cellsById, inputValue, getCellId, }: {
+    /** Table row IDs. */
+    rowIds: string[];
+    /** Table headers. */
+    headers: {
+        key: string;
+    }[];
+    /** Mapping of cell IDs to their corresponding cells. */
+    cellsById: Record<string, {
+        value: unknown;
+    }>;
+    /** Input value to search for. */
+    inputValue: string;
+    /** Function that returns a cell ID given a row ID and a header. */
+    getCellId: (rowId: string, header: string) => string;
+}) => string[];

package/es/components/DataTable/tools/filter.js

@@ -6,18 +6,8 @@
  */
 
 /**
- * Default implementation of how we filter rows internally. The idea behind this
- * implementation is to use the given list of row ids and headers to get the
- * individual cell values for a row. Then, we go through each cell value and see
- * if any of them includes the given inputValue.
- *
- * @param {object} config
- * @param {Array<string>} config.rowIds array of all the row ids in the table
- * @param {Array<object>} config.headers
- * @param {object} config.cellsById object containing a map of cell id to cell
- * @param {string} config.inputValue the current input value in the Table Search
- * @param {Function} config.getCellId
- * @returns {Array<string>} rowIds
+ * Filters row IDs based on whether any of the cell values in the row include
+ * the input value as a substring. Boolean cell values are ignored.
  */
 const defaultFilterRows = _ref => {
   let {
@@ -27,15 +17,16 @@ const defaultFilterRows = _ref => {
     inputValue,
     getCellId
   } = _ref;
+  const normalizedInput = inputValue.trim().toLowerCase();
+  if (!normalizedInput) return rowIds;
   return rowIds.filter(rowId => headers.some(_ref2 => {
     let {
       key
     } = _ref2;
-    const id = getCellId(rowId, key);
-    if (typeof cellsById[id].value === 'boolean') {
-      return false;
-    }
-    return ('' + cellsById[id].value).toLowerCase().includes(inputValue.toLowerCase());
+    const cellId = getCellId(rowId, key);
+    const cell = cellsById[cellId];
+    if (typeof cell.value === 'boolean') return false;
+    return String(cell.value).toLowerCase().includes(normalizedInput);
   }));
 };
 

package/es/components/DatePicker/DatePicker.js

@@ -461,7 +461,7 @@ const DatePicker = /*#__PURE__*/React__default.forwardRef(function DatePicker(_r
       }
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [savedOnChange, savedOnOpen, readOnly, closeOnSelect, hasInput]);
+  }, [savedOnChange, savedOnOpen, readOnly, closeOnSelect, hasInput, datePickerType]);
 
   // this hook allows consumers to access the flatpickr calendar
   // instance for cases where functions like open() or close()

package/es/components/Dropdown/Dropdown.js

@@ -246,9 +246,9 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
 
   // needs to be Capitalized for react to render it correctly
   const ItemToElement = itemToElement;
-  const toggleButtonProps = useMemo(() => getToggleButtonProps({
+  const toggleButtonProps = getToggleButtonProps({
     'aria-label': ariaLabel || deprecatedAriaLabel
-  }), [getToggleButtonProps, ariaLabel, deprecatedAriaLabel, isOpen]);
+  });
   const helper = helperText && !isFluid ? /*#__PURE__*/React__default.createElement("div", {
     id: helperId,
     className: helperClasses
@@ -320,7 +320,10 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     }
     return /*#__PURE__*/React__default.isValidElement(element) ? element : null;
   }, [slug, decorator]);
-  const labelProps = ! /*#__PURE__*/isValidElement(titleText) ? getLabelProps() : null;
+  const allLabelProps = getLabelProps();
+  const labelProps = /*#__PURE__*/isValidElement(titleText) ? {
+    id: allLabelProps.id
+  } : allLabelProps;
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: wrapperClasses
   }, other), titleText && /*#__PURE__*/React__default.createElement("label", _extends({
@@ -367,9 +370,6 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
       item,
       index
     });
-    if (item !== null && typeof item === 'object' && Object.prototype.hasOwnProperty.call(item, 'id')) {
-      itemProps.id = item['id'];
-    }
     const title = isObject && 'text' in item && itemToElement ? item.text : itemToString(item);
     return /*#__PURE__*/React__default.createElement(ListBox.MenuItem, _extends({
       key: itemProps.id,

package/es/components/FluidDatePickerInput/FluidDatePickerInput.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2022
+ * Copyright IBM Corp. 2022, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/FluidDatePickerInput/FluidDatePickerInput.js

@@ -6,21 +6,20 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React__default, { forwardRef } from 'react';
 import DatePickerInput from '../DatePickerInput/DatePickerInput.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-const FluidDatePickerInput = /*#__PURE__*/React__default.forwardRef(function FluidDatePickerInput(_ref, ref) {
-  let {
-    ...other
-  } = _ref;
+const frFn = forwardRef;
+const FluidDatePickerInput = frFn((props, ref) => {
   return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
   }, /*#__PURE__*/React__default.createElement(DatePickerInput, _extends({
     ref: ref
-  }, other)));
+  }, props)));
 });
+FluidDatePickerInput.propTypes = DatePickerInput.propTypes;
 
 export { FluidDatePickerInput as default };

package/es/components/Menu/Menu.js

@@ -101,18 +101,8 @@ const Menu = /*#__PURE__*/forwardRef(function Menu(_ref, forwardRef) {
       }
     }
   }
-  function handleClose(e) {
-    if (/^key/.test(e.type)) {
-      window.addEventListener('keyup', returnFocus, {
-        once: true
-      });
-    } else if (e.type === 'click' && menu.current) {
-      menu.current.addEventListener('focusout', returnFocus, {
-        once: true
-      });
-    } else {
-      returnFocus();
-    }
+  function handleClose() {
+    returnFocus();
     if (onClose) {
       onClose();
     }
@@ -123,7 +113,7 @@ const Menu = /*#__PURE__*/forwardRef(function Menu(_ref, forwardRef) {
     // if the user presses escape or this is a submenu
     // and the user presses ArrowLeft, close it
     if ((match(e, Escape) || !isRoot && match(e, ArrowLeft)) && onClose) {
-      handleClose(e);
+      handleClose();
     } else {
       focusItem(e);
     }
@@ -158,7 +148,7 @@ const Menu = /*#__PURE__*/forwardRef(function Menu(_ref, forwardRef) {
   }
   function handleBlur(e) {
     if (open && onClose && isRoot && !menu.current?.contains(e.relatedTarget)) {
-      handleClose(e);
+      handleClose();
     }
   }
   function fitValue(range, axis) {

package/es/components/Menu/MenuItem.js

@@ -98,18 +98,28 @@ const MenuItem = /*#__PURE__*/forwardRef(function MenuItem(_ref, forwardRef) {
       }
     }
   }
+
+  // Avoid stray keyup event from MenuButton affecting MenuItem, and vice versa.
+  // Keyboard click is handled differently for <button> vs. <li> and for Enter vs. Space.  See
+  // https://www.stefanjudis.com/today-i-learned/keyboard-button-clicks-with-space-and-enter-behave-differently/.
+  const pendingKeyboardClick = useRef(false);
+  const keyboardClickEvent = e => match(e, Enter) || match(e, Space);
   function handleKeyDown(e) {
     if (hasChildren && match(e, ArrowRight)) {
       openSubmenu();
       e.stopPropagation();
     }
-    if (match(e, Enter) || match(e, Space)) {
-      handleClick(e);
-    }
+    pendingKeyboardClick.current = keyboardClickEvent(e);
     if (rest.onKeyDown) {
       rest.onKeyDown(e);
     }
   }
+  function handleKeyUp(e) {
+    if (pendingKeyboardClick.current && keyboardClickEvent(e)) {
+      handleClick(e);
+    }
+    pendingKeyboardClick.current = false;
+  }
   const classNames = cx(className, `${prefix}--menu-item`, {
     [`${prefix}--menu-item--disabled`]: isDisabled,
     [`${prefix}--menu-item--danger`]: isDanger
@@ -162,7 +172,8 @@ const MenuItem = /*#__PURE__*/forwardRef(function MenuItem(_ref, forwardRef) {
     "aria-haspopup": hasChildren ?? undefined,
     "aria-expanded": hasChildren ? submenuOpen : undefined,
     onClick: handleClick,
-    onKeyDown: handleKeyDown
+    onKeyDown: handleKeyDown,
+    onKeyUp: handleKeyUp
   }, getReferenceProps()), /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--menu-item__selection-icon`
   }, rest['aria-checked'] && (_Checkmark || (_Checkmark = /*#__PURE__*/React__default.createElement(Checkmark, null)))), /*#__PURE__*/React__default.createElement("div", {

package/es/components/MultiSelect/MultiSelect.js

@@ -424,7 +424,10 @@ const MultiSelect = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   const menuProps = useMemo(() => getMenuProps({
     ref: enableFloatingStyles ? refs.setFloating : null
   }), [enableFloatingStyles, getMenuProps, refs.setFloating]);
-  const labelProps = ! /*#__PURE__*/isValidElement(titleText) ? getLabelProps() : null;
+  const allLabelProps = getLabelProps();
+  const labelProps = /*#__PURE__*/isValidElement(titleText) ? {
+    id: allLabelProps.id
+  } : allLabelProps;
   const getSelectionStats = useCallback((selectedItems, filteredItems) => {
     const hasIndividualSelections = selectedItems.some(selected => !selected.isSelectAll);
     const nonSelectAllSelectedCount = selectedItems.filter(selected => !selected.isSelectAll).length;

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import type { OverflowMenuProps } from './OverflowMenu';
+import { type OverflowMenuProps } from './OverflowMenu';
 declare const OverflowMenu: React.ForwardRefExoticComponent<OverflowMenuProps & React.RefAttributes<HTMLDivElement>>;
 export default OverflowMenu;
 export { OverflowMenu, type OverflowMenuProps };

package/es/components/OverflowMenu/index.js

@@ -10,17 +10,16 @@ import React__default, { forwardRef } from 'react';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { OverflowMenu as OverflowMenu$2 } from './next/index.js';
 import { OverflowMenu as OverflowMenu$1 } from './OverflowMenu.js';
-import { createClassWrapper } from '../../internal/createClassWrapper.js';
 
-const OverflowMenuV11 = createClassWrapper(OverflowMenu$1);
 const OverflowMenu = /*#__PURE__*/forwardRef((props, ref) => {
   const enableV12OverflowMenu = useFeatureFlag('enable-v12-overflowmenu');
   return enableV12OverflowMenu ? /*#__PURE__*/React__default.createElement(OverflowMenu$2, _extends({}, props, {
     ref: ref
-  })) : /*#__PURE__*/React__default.createElement(OverflowMenuV11, _extends({}, props, {
+  })) : /*#__PURE__*/React__default.createElement(OverflowMenu$1, _extends({}, props, {
     ref: ref
   }));
 });
 OverflowMenu.displayName = 'OverflowMenu';
+OverflowMenu.propTypes = OverflowMenu$1.propTypes;
 
 export { OverflowMenu, OverflowMenu as default };

package/es/components/PageHeader/PageHeader.d.ts

@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { type ComponentType, type FunctionComponent } from 'react';
+import { Tabs as BaseTabs } from '../Tabs/Tabs';
 /**
  * ----------
  * PageHeader
@@ -87,6 +88,11 @@ interface PageHeaderTabBarProps {
     className?: string;
 }
 declare const PageHeaderTabBar: React.ForwardRefExoticComponent<PageHeaderTabBarProps & React.RefAttributes<HTMLDivElement>>;
+interface PageHeaderTabsProps extends React.ComponentProps<typeof BaseTabs> {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare const PageHeaderTabs: React.ForwardRefExoticComponent<PageHeaderTabsProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * -------
  * Exports
@@ -97,5 +103,6 @@ declare const BreadcrumbBar: React.ForwardRefExoticComponent<PageHeaderBreadcrum
 declare const Content: React.ForwardRefExoticComponent<PageHeaderContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const HeroImage: React.ForwardRefExoticComponent<PageHeaderHeroImageProps & React.RefAttributes<HTMLDivElement>>;
 declare const TabBar: React.ForwardRefExoticComponent<PageHeaderTabBarProps & React.RefAttributes<HTMLDivElement>>;
-export { PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderHeroImage, PageHeaderTabBar, Root, BreadcrumbBar, Content, HeroImage, TabBar, };
-export type { PageHeaderProps, PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderHeroImageProps, PageHeaderTabBarProps, };
+declare const Tabs: React.ForwardRefExoticComponent<PageHeaderTabsProps & React.RefAttributes<HTMLDivElement>>;
+export { PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderHeroImage, PageHeaderTabBar, PageHeaderTabs, Root, BreadcrumbBar, Content, HeroImage, TabBar, Tabs, };
+export type { PageHeaderProps, PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderHeroImageProps, PageHeaderTabBarProps, PageHeaderTabsProps, };

package/es/components/PageHeader/PageHeader.js

@@ -16,9 +16,10 @@ import '../Text/index.js';
 import { DefinitionTooltip } from '../Tooltip/DefinitionTooltip.js';
 import '../Tooltip/Tooltip.js';
 import AspectRatio from '../AspectRatio/AspectRatio.js';
+import { Tabs as Tabs$1 } from '../Tabs/Tabs.js';
 import { Text } from '../Text/Text.js';
 
-var _p, _p2, _p3;
+var _p, _p2;
 
 /**
  * ----------
@@ -218,9 +219,18 @@ const PageHeaderTabBar = /*#__PURE__*/React__default.forwardRef(function PageHea
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: classNames,
     ref: ref
-  }, other), _p3 || (_p3 = /*#__PURE__*/React__default.createElement("p", null, "page header tab bar")), children);
+  }, other), children);
 });
 PageHeaderTabBar.displayName = 'PageHeaderTabBar';
+const PageHeaderTabs = /*#__PURE__*/React__default.forwardRef(function PageHeaderTabs(_ref6, ref) {
+  let {
+    className,
+    children,
+    ...other
+  } = _ref6;
+  return /*#__PURE__*/React__default.createElement(Tabs$1, other, children);
+});
+PageHeaderTabs.displayName = 'PageHeaderTabs';
 
 /**
  * -------
@@ -237,5 +247,7 @@ const HeroImage = PageHeaderHeroImage;
 HeroImage.displayName = 'PageHeaderHeroImage';
 const TabBar = PageHeaderTabBar;
 TabBar.displayName = 'PageHeaderTabBar';
+const Tabs = PageHeaderTabs;
+Tabs.displayName = 'PageHeader.Tabs';
 
-export { BreadcrumbBar, Content, HeroImage, PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderHeroImage, PageHeaderTabBar, Root, TabBar };
+export { BreadcrumbBar, Content, HeroImage, PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderHeroImage, PageHeaderTabBar, PageHeaderTabs, Root, TabBar, Tabs };

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

@@ -4,5 +4,5 @@
  * 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 { PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderTabBar, PageHeaderHeroImage, Root, BreadcrumbBar, Content, TabBar, HeroImage, } from './PageHeader';
-export type { PageHeaderProps, PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderTabBarProps, PageHeaderHeroImageProps, } from './PageHeader';
+export { PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderTabBar, PageHeaderHeroImage, PageHeaderTabs, Root, BreadcrumbBar, Content, TabBar, HeroImage, Tabs, } from './PageHeader';
+export type { PageHeaderProps, PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderTabBarProps, PageHeaderHeroImageProps, PageHeaderTabsProps, } from './PageHeader';

package/es/components/PageHeader/index.js

@@ -5,4 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export { BreadcrumbBar, Content, HeroImage, PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderHeroImage, PageHeaderTabBar, Root, TabBar } from './PageHeader.js';
+export { BreadcrumbBar, Content, HeroImage, PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderHeroImage, PageHeaderTabBar, PageHeaderTabs, Root, TabBar, Tabs } from './PageHeader.js';