@carbon/ibm-products 2.47.0 → 2.48.0

package/lib/index.js

@@ -11,13 +11,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('./feature-flags.js');
 var settings = require('./settings.js');
-var reactTable = require('react-table');
-var usePrefix = require('./global/js/hooks/usePrefix.js');
 var AboutModal = require('./components/AboutModal/AboutModal.js');
 var APIKeyModal = require('./components/APIKeyModal/APIKeyModal.js');
 var Cascade = require('./components/Cascade/Cascade.js');
 var ComboButton = require('./components/ComboButton/ComboButton.js');
-var index = require('./components/ComboButton/ComboButtonItem/index.js');
+var index$1 = require('./components/ComboButton/ComboButtonItem/index.js');
 var CreateFullPage = require('./components/CreateFullPage/CreateFullPage.js');
 var CreateFullPageStep = require('./components/CreateFullPage/CreateFullPageStep.js');
 var CreateModal = require('./components/CreateModal/CreateModal.js');
@@ -26,19 +24,8 @@ var CreateTearsheet = require('./components/CreateTearsheet/CreateTearsheet.js')
 var CreateTearsheetStep = require('./components/CreateTearsheet/CreateTearsheetStep.js');
 var CreateTearsheetDivider = require('./components/CreateTearsheet/CreateTearsheetDivider.js');
 var CreateTearsheetNarrow = require('./components/CreateTearsheetNarrow/CreateTearsheetNarrow.js');
-var EmptyState = require('./components/EmptyStates/EmptyState.js');
-var EmptyStateV2 = require('./components/EmptyStates/EmptyStateV2.js');
-var ErrorEmptyState = require('./components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js');
-var NoDataEmptyState = require('./components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js');
-var NoTagsEmptyState = require('./components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js');
-var NotFoundEmptyState = require('./components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js');
-var NotificationsEmptyState = require('./components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js');
-var UnauthorizedEmptyState = require('./components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js');
 var ExportModal = require('./components/ExportModal/ExportModal.js');
 var ExpressiveCard = require('./components/ExpressiveCard/ExpressiveCard.js');
-var HTTPError403 = require('./components/HTTPErrors/HTTPError403/HTTPError403.js');
-var HTTPError404 = require('./components/HTTPErrors/HTTPError404/HTTPError404.js');
-var HTTPErrorOther = require('./components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js');
 var ImportModal = require('./components/ImportModal/ImportModal.js');
 var MultiAddSelect = require('./components/MultiAddSelect/MultiAddSelect.js');
 var NotificationsPanel = require('./components/NotificationsPanel/NotificationsPanel.js');
@@ -58,34 +45,11 @@ var ToolbarGroup = require('./components/Toolbar/ToolbarGroup.js');
 var UserProfileImage = require('./components/UserProfileImage/UserProfileImage.js');
 var WebTerminal = require('./components/WebTerminal/WebTerminal.js');
 var WebTerminalContentWrapper = require('./components/WebTerminal/WebTerminalContentWrapper.js');
-var index$1 = require('./components/WebTerminal/hooks/index.js');
+var index$2 = require('./components/WebTerminal/hooks/index.js');
 var EditSidePanel = require('./components/EditSidePanel/EditSidePanel.js');
 var OptionsTile = require('./components/OptionsTile/OptionsTile.js');
 var EditInPlace = require('./components/EditInPlace/EditInPlace.js');
 var DataSpreadsheet = require('./components/DataSpreadsheet/DataSpreadsheet.js');
-var Datagrid = require('./components/Datagrid/Datagrid/Datagrid.js');
-var useDatagrid = require('./components/Datagrid/useDatagrid.js');
-var useInfiniteScroll = require('./components/Datagrid/useInfiniteScroll.js');
-var useNestedRows = require('./components/Datagrid/useNestedRows.js');
-var useSelectRows = require('./components/Datagrid/useSelectRows.js');
-var useExpandedRow = require('./components/Datagrid/useExpandedRow.js');
-var useOnRowClick = require('./components/Datagrid/useOnRowClick.js');
-var useSortableColumns = require('./components/Datagrid/useSortableColumns.js');
-var useRowIsMouseOver = require('./components/Datagrid/useRowIsMouseOver.js');
-var useColumnCenterAlign = require('./components/Datagrid/useColumnCenterAlign.js');
-var useColumnRightAlign = require('./components/Datagrid/useColumnRightAlign.js');
-var useDisableSelectRows = require('./components/Datagrid/useDisableSelectRows.js');
-var useStickyColumn = require('./components/Datagrid/useStickyColumn.js');
-var useActionsColumn = require('./components/Datagrid/useActionsColumn.js');
-var useCustomizeColumns = require('./components/Datagrid/useCustomizeColumns.js');
-var useSelectAllToggle = require('./components/Datagrid/useSelectAllToggle.js');
-var useInlineEdit = require('./components/Datagrid/useInlineEdit.js');
-var useFiltering = require('./components/Datagrid/useFiltering.js');
-var getAutoSizedColumnWidth = require('./components/Datagrid/utils/getAutoSizedColumnWidth.js');
-var useFilterContext = require('./components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js');
-var useEditableCell = require('./components/Datagrid/useEditableCell.js');
-var EditTearsheet = require('./components/EditTearsheet/EditTearsheet.js');
-var EditTearsheetForm = require('./components/EditTearsheet/EditTearsheetForm.js');
 var EditTearsheetNarrow = require('./components/EditTearsheetNarrow/EditTearsheetNarrow.js');
 var EditFullPage = require('./components/EditFullPage/EditFullPage.js');
 var EditUpdateCards = require('./components/EditUpdateCards/EditUpdateCards.js');
@@ -96,7 +60,6 @@ var CoachmarkButton = require('./components/CoachmarkButton/CoachmarkButton.js')
 var CoachmarkFixed = require('./components/CoachmarkFixed/CoachmarkFixed.js');
 var CoachmarkOverlayElement = require('./components/CoachmarkOverlayElement/CoachmarkOverlayElement.js');
 var CoachmarkOverlayElements = require('./components/CoachmarkOverlayElements/CoachmarkOverlayElements.js');
-var CoachmarkStack = require('./components/CoachmarkStack/CoachmarkStack.js');
 var Guidebanner = require('./components/Guidebanner/Guidebanner.js');
 var GuidebannerElement = require('./components/Guidebanner/GuidebannerElement.js');
 var GuidebannerElementButton = require('./components/Guidebanner/GuidebannerElementButton.js');
@@ -105,12 +68,55 @@ var InlineTip = require('./components/InlineTip/InlineTip.js');
 var InlineTipButton = require('./components/InlineTip/InlineTipButton.js');
 var InlineTipLink = require('./components/InlineTip/InlineTipLink.js');
 var NonLinearReading = require('./components/NonLinearReading/NonLinearReading.js');
-var BigNumbers = require('./components/BigNumbers/BigNumbers.js');
 var TruncatedList = require('./components/TruncatedList/TruncatedList.js');
 var InterstitialScreen = require('./components/InterstitialScreen/InterstitialScreen.js');
 var InterstitialScreenView = require('./components/InterstitialScreenView/InterstitialScreenView.js');
 var InterstitialScreenViewModule = require('./components/InterstitialScreenViewModule/InterstitialScreenViewModule.js');
 var DelimitedList = require('./components/DelimitedList/DelimitedList.js');
+var FullPageError = require('./components/FullPageError/FullPageError.js');
+var SearchBar = require('./components/SearchBar/SearchBar.js');
+var TagOverflow = require('./components/TagOverflow/TagOverflow.js');
+var GetStartedCard = require('./components/GetStartedCard/GetStartedCard.js');
+var index = require('./components/FeatureFlags/index.js');
+var reactTable = require('react-table');
+var usePrefix = require('./global/js/hooks/usePrefix.js');
+var ActionBar = require('./components/ActionBar/ActionBar.js');
+var EmptyState = require('./components/EmptyStates/EmptyState.js');
+var EmptyStateV2 = require('./components/EmptyStates/EmptyStateV2.js');
+var ErrorEmptyState = require('./components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js');
+var NoDataEmptyState = require('./components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js');
+var NoTagsEmptyState = require('./components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js');
+var NotFoundEmptyState = require('./components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js');
+var NotificationsEmptyState = require('./components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js');
+var UnauthorizedEmptyState = require('./components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js');
+var HTTPError403 = require('./components/HTTPErrors/HTTPError403/HTTPError403.js');
+var HTTPError404 = require('./components/HTTPErrors/HTTPError404/HTTPError404.js');
+var HTTPErrorOther = require('./components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js');
+var Datagrid = require('./components/Datagrid/Datagrid/Datagrid.js');
+var useDatagrid = require('./components/Datagrid/useDatagrid.js');
+var useInfiniteScroll = require('./components/Datagrid/useInfiniteScroll.js');
+var useNestedRows = require('./components/Datagrid/useNestedRows.js');
+var useSelectRows = require('./components/Datagrid/useSelectRows.js');
+var useExpandedRow = require('./components/Datagrid/useExpandedRow.js');
+var useOnRowClick = require('./components/Datagrid/useOnRowClick.js');
+var useSortableColumns = require('./components/Datagrid/useSortableColumns.js');
+var useRowIsMouseOver = require('./components/Datagrid/useRowIsMouseOver.js');
+var useColumnRightAlign = require('./components/Datagrid/useColumnRightAlign.js');
+var useDisableSelectRows = require('./components/Datagrid/useDisableSelectRows.js');
+var useStickyColumn = require('./components/Datagrid/useStickyColumn.js');
+var useActionsColumn = require('./components/Datagrid/useActionsColumn.js');
+var useCustomizeColumns = require('./components/Datagrid/useCustomizeColumns.js');
+var useSelectAllToggle = require('./components/Datagrid/useSelectAllToggle.js');
+var useColumnCenterAlign = require('./components/Datagrid/useColumnCenterAlign.js');
+var useInlineEdit = require('./components/Datagrid/useInlineEdit.js');
+var useEditableCell = require('./components/Datagrid/useEditableCell.js');
+var useFiltering = require('./components/Datagrid/useFiltering.js');
+var getAutoSizedColumnWidth = require('./components/Datagrid/utils/getAutoSizedColumnWidth.js');
+var useFilterContext = require('./components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js');
+var EditTearsheet = require('./components/EditTearsheet/EditTearsheet.js');
+var EditTearsheetForm = require('./components/EditTearsheet/EditTearsheetForm.js');
+var CoachmarkStack = require('./components/CoachmarkStack/CoachmarkStack.js');
+var BigNumbers = require('./components/BigNumbers/BigNumbers.js');
 var Decorator = require('./components/Decorator/Decorator.js');
 var DecoratorLink = require('./components/DecoratorLink/DecoratorLink.js');
 var DecoratorSingleButton = require('./components/DecoratorSingleButton/DecoratorSingleButton.js');
@@ -119,16 +125,14 @@ var DescriptionList = require('./components/DescriptionList/DescriptionList.js')
 var DescriptionListBody = require('./components/DescriptionList/DescriptionListBody.js');
 var DescriptionListCell = require('./components/DescriptionList/DescriptionListCell.js');
 var DescriptionListRow = require('./components/DescriptionList/DescriptionListRow.js');
-var FullPageError = require('./components/FullPageError/FullPageError.js');
-var SearchBar = require('./components/SearchBar/SearchBar.js');
 var Nav = require('./components/Nav/Nav.js');
+var NavList = require('./components/Nav/NavList.js');
+var NavItem = require('./components/Nav/NavItem.js');
 var StringFormatter = require('./components/StringFormatter/StringFormatter.js');
 var UserAvatar = require('./components/UserAvatar/UserAvatar.js');
 var ScrollGradient = require('./components/ScrollGradient/ScrollGradient.js');
 var StatusIndicator = require('./components/StatusIndicator/StatusIndicator.js');
 var StatusIndicatorStep = require('./components/StatusIndicator/StatusIndicatorStep.js');
-var TagOverflow = require('./components/TagOverflow/TagOverflow.js');
-var ActionBar = require('./components/ActionBar/ActionBar.js');
 var FilterPanel = require('./components/FilterPanel/FilterPanel.js');
 var FilterPanelAccordion = require('./components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js');
 var FilterPanelAccordionItem = require('./components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js');
@@ -138,17 +142,10 @@ var FilterPanelGroup = require('./components/FilterPanel/FilterPanelGroup/Filter
 var FilterPanelLabel = require('./components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js');
 var FilterPanelSearch = require('./components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js');
 var ConditionBuilder = require('./components/ConditionBuilder/ConditionBuilder.js');
-var GetStartedCard = require('./components/GetStartedCard/GetStartedCard.js');
-var index$2 = require('./components/FeatureFlags/index.js');
 
 
 
 exports.pkg = settings.pkg;
-Object.defineProperty(exports, 'useColumnOrder', {
-	enumerable: true,
-	get: function () { return reactTable.useColumnOrder; }
-});
-exports.usePrefix = usePrefix.usePrefix;
 Object.defineProperty(exports, 'AboutModal', {
 	enumerable: true,
 	get: function () { return AboutModal.AboutModal; }
@@ -162,7 +159,7 @@ Object.defineProperty(exports, 'Cascade', {
 	get: function () { return Cascade.Cascade; }
 });
 exports.ComboButton = ComboButton.ComboButton;
-exports.ComboButtonItem = index.ComboButtonItem;
+exports.ComboButtonItem = index$1.ComboButtonItem;
 Object.defineProperty(exports, 'CreateFullPage', {
 	enumerable: true,
 	get: function () { return CreateFullPage.CreateFullPage; }
@@ -195,38 +192,6 @@ Object.defineProperty(exports, 'CreateTearsheetNarrow', {
 	enumerable: true,
 	get: function () { return CreateTearsheetNarrow.CreateTearsheetNarrow; }
 });
-Object.defineProperty(exports, 'EmptyState', {
-	enumerable: true,
-	get: function () { return EmptyState.EmptyState; }
-});
-Object.defineProperty(exports, 'EmptyStateV2', {
-	enumerable: true,
-	get: function () { return EmptyStateV2.EmptyStateV2; }
-});
-Object.defineProperty(exports, 'ErrorEmptyState', {
-	enumerable: true,
-	get: function () { return ErrorEmptyState.ErrorEmptyState; }
-});
-Object.defineProperty(exports, 'NoDataEmptyState', {
-	enumerable: true,
-	get: function () { return NoDataEmptyState.NoDataEmptyState; }
-});
-Object.defineProperty(exports, 'NoTagsEmptyState', {
-	enumerable: true,
-	get: function () { return NoTagsEmptyState.NoTagsEmptyState; }
-});
-Object.defineProperty(exports, 'NotFoundEmptyState', {
-	enumerable: true,
-	get: function () { return NotFoundEmptyState.NotFoundEmptyState; }
-});
-Object.defineProperty(exports, 'NotificationsEmptyState', {
-	enumerable: true,
-	get: function () { return NotificationsEmptyState.NotificationsEmptyState; }
-});
-Object.defineProperty(exports, 'UnauthorizedEmptyState', {
-	enumerable: true,
-	get: function () { return UnauthorizedEmptyState.UnauthorizedEmptyState; }
-});
 Object.defineProperty(exports, 'ExportModal', {
 	enumerable: true,
 	get: function () { return ExportModal.ExportModal; }
@@ -235,18 +200,6 @@ Object.defineProperty(exports, 'ExpressiveCard', {
 	enumerable: true,
 	get: function () { return ExpressiveCard.ExpressiveCard; }
 });
-Object.defineProperty(exports, 'HTTPError403', {
-	enumerable: true,
-	get: function () { return HTTPError403.HTTPError403; }
-});
-Object.defineProperty(exports, 'HTTPError404', {
-	enumerable: true,
-	get: function () { return HTTPError404.HTTPError404; }
-});
-Object.defineProperty(exports, 'HTTPErrorOther', {
-	enumerable: true,
-	get: function () { return HTTPErrorOther.HTTPErrorOther; }
-});
 Object.defineProperty(exports, 'ImportModal', {
 	enumerable: true,
 	get: function () { return ImportModal.ImportModal; }
@@ -325,9 +278,9 @@ Object.defineProperty(exports, 'WebTerminalContentWrapper', {
 });
 Object.defineProperty(exports, 'WebTerminalProvider', {
 	enumerable: true,
-	get: function () { return index$1.WebTerminalProvider; }
+	get: function () { return index$2.WebTerminalProvider; }
 });
-exports.useWebTerminal = index$1.useWebTerminal;
+exports.useWebTerminal = index$2.useWebTerminal;
 Object.defineProperty(exports, 'EditSidePanel', {
 	enumerable: true,
 	get: function () { return EditSidePanel.EditSidePanel; }
@@ -344,38 +297,6 @@ Object.defineProperty(exports, 'DataSpreadsheet', {
 	enumerable: true,
 	get: function () { return DataSpreadsheet.DataSpreadsheet; }
 });
-Object.defineProperty(exports, 'Datagrid', {
-	enumerable: true,
-	get: function () { return Datagrid.Datagrid; }
-});
-exports.useDatagrid = useDatagrid["default"];
-exports.useInfiniteScroll = useInfiniteScroll["default"];
-exports.useNestedRows = useNestedRows["default"];
-exports.useSelectRows = useSelectRows["default"];
-exports.useExpandedRow = useExpandedRow["default"];
-exports.useOnRowClick = useOnRowClick["default"];
-exports.useSortableColumns = useSortableColumns["default"];
-exports.useRowIsMouseOver = useRowIsMouseOver["default"];
-exports.useColumnCenterAlign = useColumnCenterAlign["default"];
-exports.useColumnRightAlign = useColumnRightAlign["default"];
-exports.useDisableSelectRows = useDisableSelectRows["default"];
-exports.useStickyColumn = useStickyColumn["default"];
-exports.useActionsColumn = useActionsColumn["default"];
-exports.useCustomizeColumns = useCustomizeColumns["default"];
-exports.useSelectAllWithToggle = useSelectAllToggle["default"];
-exports.useInlineEdit = useInlineEdit["default"];
-exports.useFiltering = useFiltering["default"];
-exports.getAutoSizedColumnWidth = getAutoSizedColumnWidth.getAutoSizedColumnWidth;
-exports.useFilterContext = useFilterContext["default"];
-exports.useEditableCell = useEditableCell["default"];
-Object.defineProperty(exports, 'EditTearsheet', {
-	enumerable: true,
-	get: function () { return EditTearsheet.EditTearsheet; }
-});
-Object.defineProperty(exports, 'EditTearsheetForm', {
-	enumerable: true,
-	get: function () { return EditTearsheetForm.EditTearsheetForm; }
-});
 Object.defineProperty(exports, 'EditTearsheetNarrow', {
 	enumerable: true,
 	get: function () { return EditTearsheetNarrow.EditTearsheetNarrow; }
@@ -416,10 +337,6 @@ Object.defineProperty(exports, 'CoachmarkOverlayElements', {
 	enumerable: true,
 	get: function () { return CoachmarkOverlayElements.CoachmarkOverlayElements; }
 });
-Object.defineProperty(exports, 'CoachmarkStack', {
-	enumerable: true,
-	get: function () { return CoachmarkStack.CoachmarkStack; }
-});
 Object.defineProperty(exports, 'Guidebanner', {
 	enumerable: true,
 	get: function () { return Guidebanner.Guidebanner; }
@@ -452,10 +369,6 @@ Object.defineProperty(exports, 'NonLinearReading', {
 	enumerable: true,
 	get: function () { return NonLinearReading.NonLinearReading; }
 });
-Object.defineProperty(exports, 'BigNumbers', {
-	enumerable: true,
-	get: function () { return BigNumbers.BigNumbers; }
-});
 Object.defineProperty(exports, 'TruncatedList', {
 	enumerable: true,
 	get: function () { return TruncatedList.TruncatedList; }
@@ -476,6 +389,118 @@ Object.defineProperty(exports, 'DelimitedList', {
 	enumerable: true,
 	get: function () { return DelimitedList.DelimitedList; }
 });
+Object.defineProperty(exports, 'FullPageError', {
+	enumerable: true,
+	get: function () { return FullPageError.FullPageError; }
+});
+Object.defineProperty(exports, 'SearchBar', {
+	enumerable: true,
+	get: function () { return SearchBar.SearchBar; }
+});
+Object.defineProperty(exports, 'TagOverflow', {
+	enumerable: true,
+	get: function () { return TagOverflow.TagOverflow; }
+});
+Object.defineProperty(exports, 'GetStartedCard', {
+	enumerable: true,
+	get: function () { return GetStartedCard.GetStartedCard; }
+});
+exports.unstable_FeatureFlags = index.FeatureFlags;
+exports.unstable_useFeatureFlag = index.useFeatureFlag;
+exports.unstable_useFeatureFlags = index.useFeatureFlags;
+Object.defineProperty(exports, 'useColumnOrder', {
+	enumerable: true,
+	get: function () { return reactTable.useColumnOrder; }
+});
+exports.usePrefix = usePrefix.usePrefix;
+Object.defineProperty(exports, 'ActionBar', {
+	enumerable: true,
+	get: function () { return ActionBar.ActionBar; }
+});
+Object.defineProperty(exports, 'EmptyState', {
+	enumerable: true,
+	get: function () { return EmptyState.EmptyState; }
+});
+Object.defineProperty(exports, 'EmptyStateV2', {
+	enumerable: true,
+	get: function () { return EmptyStateV2.EmptyStateV2; }
+});
+Object.defineProperty(exports, 'ErrorEmptyState', {
+	enumerable: true,
+	get: function () { return ErrorEmptyState.ErrorEmptyState; }
+});
+Object.defineProperty(exports, 'NoDataEmptyState', {
+	enumerable: true,
+	get: function () { return NoDataEmptyState.NoDataEmptyState; }
+});
+Object.defineProperty(exports, 'NoTagsEmptyState', {
+	enumerable: true,
+	get: function () { return NoTagsEmptyState.NoTagsEmptyState; }
+});
+Object.defineProperty(exports, 'NotFoundEmptyState', {
+	enumerable: true,
+	get: function () { return NotFoundEmptyState.NotFoundEmptyState; }
+});
+Object.defineProperty(exports, 'NotificationsEmptyState', {
+	enumerable: true,
+	get: function () { return NotificationsEmptyState.NotificationsEmptyState; }
+});
+Object.defineProperty(exports, 'UnauthorizedEmptyState', {
+	enumerable: true,
+	get: function () { return UnauthorizedEmptyState.UnauthorizedEmptyState; }
+});
+Object.defineProperty(exports, 'HTTPError403', {
+	enumerable: true,
+	get: function () { return HTTPError403.HTTPError403; }
+});
+Object.defineProperty(exports, 'HTTPError404', {
+	enumerable: true,
+	get: function () { return HTTPError404.HTTPError404; }
+});
+Object.defineProperty(exports, 'HTTPErrorOther', {
+	enumerable: true,
+	get: function () { return HTTPErrorOther.HTTPErrorOther; }
+});
+Object.defineProperty(exports, 'Datagrid', {
+	enumerable: true,
+	get: function () { return Datagrid.Datagrid; }
+});
+exports.useDatagrid = useDatagrid["default"];
+exports.useInfiniteScroll = useInfiniteScroll["default"];
+exports.useNestedRows = useNestedRows["default"];
+exports.useSelectRows = useSelectRows["default"];
+exports.useExpandedRow = useExpandedRow["default"];
+exports.useOnRowClick = useOnRowClick["default"];
+exports.useSortableColumns = useSortableColumns["default"];
+exports.useRowIsMouseOver = useRowIsMouseOver["default"];
+exports.useColumnRightAlign = useColumnRightAlign["default"];
+exports.useDisableSelectRows = useDisableSelectRows["default"];
+exports.useStickyColumn = useStickyColumn["default"];
+exports.useActionsColumn = useActionsColumn["default"];
+exports.useCustomizeColumns = useCustomizeColumns["default"];
+exports.useSelectAllWithToggle = useSelectAllToggle["default"];
+exports.useColumnCenterAlign = useColumnCenterAlign["default"];
+exports.useInlineEdit = useInlineEdit["default"];
+exports.useEditableCell = useEditableCell["default"];
+exports.useFiltering = useFiltering["default"];
+exports.getAutoSizedColumnWidth = getAutoSizedColumnWidth.getAutoSizedColumnWidth;
+exports.useFilterContext = useFilterContext["default"];
+Object.defineProperty(exports, 'EditTearsheet', {
+	enumerable: true,
+	get: function () { return EditTearsheet.EditTearsheet; }
+});
+Object.defineProperty(exports, 'EditTearsheetForm', {
+	enumerable: true,
+	get: function () { return EditTearsheetForm.EditTearsheetForm; }
+});
+Object.defineProperty(exports, 'CoachmarkStack', {
+	enumerable: true,
+	get: function () { return CoachmarkStack.CoachmarkStack; }
+});
+Object.defineProperty(exports, 'BigNumbers', {
+	enumerable: true,
+	get: function () { return BigNumbers.BigNumbers; }
+});
 Object.defineProperty(exports, 'Decorator', {
 	enumerable: true,
 	get: function () { return Decorator.Decorator; }
@@ -508,17 +533,17 @@ Object.defineProperty(exports, 'DescriptionListRow', {
 	enumerable: true,
 	get: function () { return DescriptionListRow.DescriptionListRow; }
 });
-Object.defineProperty(exports, 'FullPageError', {
+Object.defineProperty(exports, 'Nav', {
 	enumerable: true,
-	get: function () { return FullPageError.FullPageError; }
+	get: function () { return Nav.Nav; }
 });
-Object.defineProperty(exports, 'SearchBar', {
+Object.defineProperty(exports, 'NavList', {
 	enumerable: true,
-	get: function () { return SearchBar.SearchBar; }
+	get: function () { return NavList.NavList; }
 });
-Object.defineProperty(exports, 'Nav', {
+Object.defineProperty(exports, 'NavItem', {
 	enumerable: true,
-	get: function () { return Nav.Nav; }
+	get: function () { return NavItem.NavItem; }
 });
 Object.defineProperty(exports, 'StringFormatter', {
 	enumerable: true,
@@ -540,14 +565,6 @@ Object.defineProperty(exports, 'StatusIndicatorStep', {
 	enumerable: true,
 	get: function () { return StatusIndicatorStep.StatusIndicatorStep; }
 });
-Object.defineProperty(exports, 'TagOverflow', {
-	enumerable: true,
-	get: function () { return TagOverflow.TagOverflow; }
-});
-Object.defineProperty(exports, 'ActionBar', {
-	enumerable: true,
-	get: function () { return ActionBar.ActionBar; }
-});
 Object.defineProperty(exports, 'FilterPanel', {
 	enumerable: true,
 	get: function () { return FilterPanel.FilterPanel; }
@@ -584,10 +601,3 @@ Object.defineProperty(exports, 'ConditionBuilder', {
 	enumerable: true,
 	get: function () { return ConditionBuilder.ConditionBuilder; }
 });
-Object.defineProperty(exports, 'GetStartedCard', {
-	enumerable: true,
-	get: function () { return GetStartedCard.GetStartedCard; }
-});
-exports.unstable_FeatureFlags = index$2.FeatureFlags;
-exports.unstable_useFeatureFlag = index$2.useFeatureFlag;
-exports.unstable_useFeatureFlags = index$2.useFeatureFlags;

package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js

@@ -1487,8 +1487,7 @@ var KubernetesControlPlaneNode = /*#__PURE__*/React__default["default"].forwardR
   }, rest), _path108 || (_path108 = /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M22.951 20h-2.1843c-.4141-1.1611-1.5137-2-2.8157-2s-2.4016.8389-2.8157 2H8.951v2h6.1843c.4141 1.1611 1.5137 2 2.8157 2s2.4016-.8389 2.8157-2h2.1843v-2Zm-5 2c-.5515 0-1-.4487-1-1s.4485-1 1-1 1 .4487 1 1-.4485 1-1 1Zm5-10h-6.1843c-.4141-1.1611-1.5137-2-2.8157-2s-2.4016.8389-2.8157 2H8.951v2h2.1843c.4141 1.1611 1.5137 2 2.8157 2s2.4016-.8389 2.8157-2h6.1843v-2Zm-9 2c-.5515 0-1-.4487-1-1s.4485-1 1-1 1 .4487 1 1-.4485 1-1 1Z"
   })), _path109 || (_path109 = /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "m29.8993 18.9897-2.593-11.1865a2 2 0 0 0-1.124-1.3711l-9.407-4.2544C16.5133 2.059 16.2321 2 15.9511 2s-.5623.0591-.8242.1777L5.7197 6.4321a2 2 0 0 0-1.124 1.3711l-2.593 11.1865a2.0008 2.0008 0 0 0 .3899 1.7056l6.886 8.5586A2.0001 2.0001 0 0 0 10.8367 30h10.2286a2.0001 2.0001 0 0 0 1.5581-.7461l6.886-8.5586a2.0008 2.0008 0 0 0 .3899-1.7056ZM21.0653 28H10.837l-6.886-8.5586 2.593-11.187L15.951 4l9.407 4.2549 2.593 11.1865L21.0652 28Z",
-    style: "mix-blend-mode:multiply"
+    d: "m29.8993 18.9897-2.593-11.1865a2 2 0 0 0-1.124-1.3711l-9.407-4.2544C16.5133 2.059 16.2321 2 15.9511 2s-.5623.0591-.8242.1777L5.7197 6.4321a2 2 0 0 0-1.124 1.3711l-2.593 11.1865a2.0008 2.0008 0 0 0 .3899 1.7056l6.886 8.5586A2.0001 2.0001 0 0 0 10.8367 30h10.2286a2.0001 2.0001 0 0 0 1.5581-.7461l6.886-8.5586a2.0008 2.0008 0 0 0 .3899-1.7056ZM21.0653 28H10.837l-6.886-8.5586 2.593-11.187L15.951 4l9.407 4.2549 2.593 11.1865L21.0652 28Z"
   })), _path110 || (_path110 = /*#__PURE__*/React__default["default"].createElement("path", {
     fill: "none",
     d: "M0 0h32v32H0z"
@@ -1583,8 +1582,7 @@ var KubernetesWorkerNode = /*#__PURE__*/React__default["default"].forwardRef(fun
   }, rest), _path116 || (_path116 = /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M23 18v-2h-2.1c-.1-.6-.4-1.2-.7-1.8l1.5-1.5-1.4-1.4-1.5 1.5c-.5-.3-1.1-.6-1.8-.7V10h-2v2.1c-.6.1-1.2.4-1.8.7l-1.5-1.5-1.4 1.4 1.5 1.5c-.3.5-.6 1.1-.7 1.8H9v2h2.1c.1.6.4 1.2.7 1.8l-1.5 1.5 1.4 1.4 1.5-1.5c.5.3 1.1.6 1.8.7V24h2v-2.1c.6-.1 1.2-.4 1.8-.7l1.5 1.5 1.4-1.4-1.5-1.5c.3-.5.6-1.1.7-1.8H23Zm-7 2c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3Z"
   })), _path117 || (_path117 = /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "m29.9483 18.9897-2.593-11.1865a2 2 0 0 0-1.124-1.3711l-9.407-4.2544C16.5623 2.059 16.2811 2 16.0001 2s-.5623.0591-.8242.1777L5.7687 6.4321a2 2 0 0 0-1.124 1.3711l-2.593 11.1865a2.0008 2.0008 0 0 0 .3899 1.7056l6.886 8.5586A2.0001 2.0001 0 0 0 10.8857 30h10.2286a2.0001 2.0001 0 0 0 1.5581-.7461l6.886-8.5586a2.0008 2.0008 0 0 0 .3899-1.7056ZM21.1143 28H10.886L4 19.4414l2.593-11.187L16 4l9.407 4.2549L28 19.4414 21.1142 28Z",
-    style: "mix-blend-mode:multiply"
+    d: "m29.9483 18.9897-2.593-11.1865a2 2 0 0 0-1.124-1.3711l-9.407-4.2544C16.5623 2.059 16.2811 2 16.0001 2s-.5623.0591-.8242.1777L5.7687 6.4321a2 2 0 0 0-1.124 1.3711l-2.593 11.1865a2.0008 2.0008 0 0 0 .3899 1.7056l6.886 8.5586A2.0001 2.0001 0 0 0 10.8857 30h10.2286a2.0001 2.0001 0 0 0 1.5581-.7461l6.886-8.5586a2.0008 2.0008 0 0 0 .3899-1.7056ZM21.1143 28H10.886L4 19.4414l2.593-11.187L16 4l9.407 4.2549L28 19.4414 21.1142 28Z"
   })), _path118 || (_path118 = /*#__PURE__*/React__default["default"].createElement("path", {
     fill: "none",
     d: "M0 0h32v32H0z"

package/lib/settings.d.ts

@@ -64,6 +64,8 @@ export const pkg: {
         EditFullPage: boolean;
         EditUpdateCards: boolean;
         Nav: boolean;
+        NavItem: boolean;
+        NavList: boolean;
         BigNumbers: boolean;
         TruncatedList: boolean;
         DelimitedList: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.47.0",
+  "version": "2.48.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -81,7 +81,7 @@
     "fs-extra": "^11.2.0",
     "glob": "^10.3.10",
     "jest": "^29.7.0",
-    "jest-config-ibm-cloud-cognitive": "^1.6.0",
+    "jest-config-ibm-cloud-cognitive": "^1.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "namor": "^1.1.2",
     "npm-check-updates": "^16.14.12",
@@ -96,7 +96,7 @@
   "dependencies": {
     "@babel/runtime": "^7.23.9",
     "@carbon/feature-flags": "^0.20.0",
-    "@carbon/ibm-products-styles": "^2.43.0",
+    "@carbon/ibm-products-styles": "^2.44.0",
     "@carbon/telemetry": "^0.1.0",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^7.0.0",
@@ -111,14 +111,14 @@
     "react-window": "^1.8.10"
   },
   "peerDependencies": {
-    "@carbon/grid": "^11.22.0",
-    "@carbon/layout": "^11.21.0",
-    "@carbon/motion": "^11.17.0",
-    "@carbon/react": "^1.60.3",
+    "@carbon/grid": "^11.24.1",
+    "@carbon/layout": "^11.23.1",
+    "@carbon/motion": "^11.19.1",
+    "@carbon/react": "^1.61.0",
     "@carbon/themes": "^11.37.1",
-    "@carbon/type": "^11.26.0",
+    "@carbon/type": "^11.28.1",
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "04ea144ca17fdd6c4b0d761159e6ff730638867c"
+  "gitHead": "514156a0773ff9b00dc9800a70e054f2bf910531"
 }

package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss

@@ -38,20 +38,12 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
   .#{$block-class}__button:not(
     .#{$block-class}__statement-button,
     .#{$block-class}__connector-button,
-    .#{$block-class}__add-button
+    .#{$block-class}__add-button,
+    .#{$block-class}__add-condition-sub-group
   ) {
   background-color: $tag-background-red;
   color: $tag-color-red;
 }
-.#{$block-class}__subgroup_deletionPreview {
-  .#{$block-class}__group {
-    /* stylelint-disable max-nesting-depth */
-    button {
-      background-color: $tag-background-red;
-      color: $tag-color-red;
-    }
-  }
-}
 
 .#{$block-class}__condition__deletion-preview
   .#{$block-class}__button:not(

package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss

@@ -22,6 +22,15 @@
 
 $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
 
+@mixin actions-animation($translateValue) {
+  z-index: -1;
+  opacity: 0;
+  pointer-events: none;
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  transform: translateX($translateValue);
+  transition: all $duration-fast-02 motion(standard, productive);
+}
+
 .#{$block-class}__condition-wrapper * {
   @include type-style('body-01');
 }
@@ -234,7 +243,10 @@ $colors: (
     .#{$block-class}__button,
   .#{$block-class}__condition-wrapper:not(.#{$block-class}__group-preview)
     > :nth-child(2)
-    .#{$block-class}__button {
+    .#{$block-class}__button:not(
+      .#{$block-class}__add-button,
+      .#{$block-class}__add-condition-sub-group
+    ) {
     /* stylelint-disable-next-line carbon/theme-token-use */
     box-shadow: inset 0 #{$spacing-01} 0 0 var(--#{$block-class}__condition-wrapper-color);
   }
@@ -251,22 +263,30 @@ $colors: (
   align-self: center;
   margin-left: auto;
 }
-.#{$block-class}__add-condition-sub-group-wrapper {
-  z-index: -1;
-  width: 0;
-  pointer-events: none;
-  transform: translateX(-100%);
-  // stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use
-  transition: transform motion(exit, productive) $duration-fast-02;
+.#{$block-class}__add-button-wrapper > :nth-child(1) {
+  @include actions-animation(-100%);
+}
+.#{$block-class}__add-button-wrapper > :nth-child(2) {
+  @include actions-animation(-200%);
 }
-.#{$block-class}__add-condition-sub-group-wrapper--show {
+
+.#{$block-class}__condition-block:focus-within:first-child
+  .#{$block-class}__add-button-wrapper
+  > span,
+.#{$block-class}__condition--interacting
+  .#{$block-class}__add-button-wrapper
+  > span {
   z-index: 0;
-  width: auto;
+  opacity: 1;
   pointer-events: all;
   transform: translateX(0);
+  /* stylelint-disable-next-line carbon/motion-easing-use */
+  transition: transform motion(exit, productive) $duration-fast-02;
 }
+
 .#{$block-class}__invalid-input {
   display: flex;
+  direction: rtl;
 }
 .#{$block-class}__invalid-input > svg {
   color: $support-warning;

package/scss/components/Datagrid/styles/_useNestedRows.scss

@@ -84,7 +84,7 @@
 .#{c4p-settings.$carbon-prefix}--data-table
   .#{$block-class}__carbon-nested-row:not(
     .#{$block-class}__carbon-row-expandable
-  )
+  ):not(.#{$block-class}__carbon-row-expandable--async)
   td.#{$block-class}__cell:nth-of-type(2)::before,
 .#{c4p-settings.$carbon-prefix}--data-table
   .#{$block-class}__carbon-nested-row