@carbon/ibm-products 2.43.2-canary.257 → 2.43.2-canary.261

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (396) hide show
  1. package/css/index-full-carbon.css +1 -0
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +1 -0
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +1 -0
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +1 -0
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/ActionBar/ActionBarOverflowItems.js +5 -0
  18. package/es/components/AddSelect/AddSelectBody.js +1 -1
  19. package/es/components/BigNumbers/BigNumbers.js +1 -1
  20. package/es/components/Coachmark/utils/enums.js +1 -0
  21. package/es/components/ScrollGradient/ScrollGradient.js +1 -1
  22. package/es/components/StringFormatter/StringFormatter.js +1 -1
  23. package/es/global/js/utils/devtools.js +1 -2
  24. package/lib/_virtual/_commonjsHelpers.js +0 -2
  25. package/lib/_virtual/_rollupPluginBabelHelpers.js +2 -4
  26. package/lib/_virtual/index.js +0 -2
  27. package/lib/components/APIKeyModal/APIKeyDownloader.js +8 -14
  28. package/lib/components/APIKeyModal/APIKeyModal.js +70 -77
  29. package/lib/components/AboutModal/AboutModal.js +29 -36
  30. package/lib/components/ActionBar/ActionBar.js +26 -33
  31. package/lib/components/ActionBar/ActionBarItem.js +9 -16
  32. package/lib/components/ActionBar/ActionBarOverflowItems.js +23 -25
  33. package/lib/components/ActionSet/ActionSet.js +17 -24
  34. package/lib/components/AddSelect/AddSelect.js +62 -68
  35. package/lib/components/AddSelect/AddSelectBody.js +82 -89
  36. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +6 -13
  37. package/lib/components/AddSelect/AddSelectColumn.js +29 -35
  38. package/lib/components/AddSelect/AddSelectFilter.js +30 -37
  39. package/lib/components/AddSelect/AddSelectFormControl.js +15 -21
  40. package/lib/components/AddSelect/AddSelectList.js +9 -16
  41. package/lib/components/AddSelect/AddSelectMetaPanel.js +16 -22
  42. package/lib/components/AddSelect/AddSelectRow.js +32 -39
  43. package/lib/components/AddSelect/AddSelectSidebar.js +29 -35
  44. package/lib/components/AddSelect/AddSelectSort.js +10 -16
  45. package/lib/components/AddSelect/add-select-utils.js +0 -2
  46. package/lib/components/AddSelect/hooks/useFocus.js +1 -1
  47. package/lib/components/AddSelect/hooks/useItemSort.js +0 -2
  48. package/lib/components/AddSelect/hooks/useParentSelect.js +1 -1
  49. package/lib/components/AddSelect/hooks/usePath.js +1 -1
  50. package/lib/components/BigNumbers/BigNumbers.js +39 -46
  51. package/lib/components/BigNumbers/constants.js +0 -2
  52. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +35 -42
  53. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +22 -29
  54. package/lib/components/Card/Card.js +73 -80
  55. package/lib/components/Card/CardFooter.js +28 -35
  56. package/lib/components/Card/CardHeader.js +37 -44
  57. package/lib/components/Carousel/Carousel.js +21 -28
  58. package/lib/components/Carousel/CarouselItem.js +5 -12
  59. package/lib/components/Cascade/Cascade.js +15 -22
  60. package/lib/components/Checklist/Checklist.js +50 -57
  61. package/lib/components/Checklist/Checklist.types.js +0 -2
  62. package/lib/components/Checklist/ChecklistChart.js +7 -15
  63. package/lib/components/Checklist/ChecklistIcon.js +7 -14
  64. package/lib/components/Coachmark/Coachmark.js +24 -31
  65. package/lib/components/Coachmark/CoachmarkDragbar.js +12 -19
  66. package/lib/components/Coachmark/CoachmarkHeader.js +9 -16
  67. package/lib/components/Coachmark/CoachmarkOverlay.js +14 -21
  68. package/lib/components/Coachmark/CoachmarkTagline.js +12 -19
  69. package/lib/components/Coachmark/utils/constants.js +0 -2
  70. package/lib/components/Coachmark/utils/context.js +0 -2
  71. package/lib/components/Coachmark/utils/enums.js +1 -2
  72. package/lib/components/Coachmark/utils/hooks.js +0 -2
  73. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +10 -17
  74. package/lib/components/CoachmarkButton/CoachmarkButton.js +6 -13
  75. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +13 -20
  76. package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +11 -18
  77. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +25 -32
  78. package/lib/components/CoachmarkStack/CoachmarkStack.js +23 -30
  79. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +29 -36
  80. package/lib/components/ComboButton/ComboButton.js +11 -18
  81. package/lib/components/ComboButton/ComboButtonItem/index.js +2 -8
  82. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +34 -39
  83. package/lib/components/ConditionBuilder/ConditionBuilder.js +49 -56
  84. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +18 -23
  85. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +15 -20
  86. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +20 -27
  87. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +8 -12
  88. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +4 -8
  89. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +38 -42
  90. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +25 -31
  91. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +0 -2
  92. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +17 -23
  93. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +9 -15
  94. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +5 -11
  95. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +13 -19
  96. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +17 -23
  97. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +6 -12
  98. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +9 -15
  99. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +27 -32
  100. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +25 -30
  101. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +0 -2
  102. package/lib/components/ConditionBuilder/utils/useDataConfigs.js +0 -2
  103. package/lib/components/ConditionBuilder/utils/useTranslations.js +0 -2
  104. package/lib/components/ConditionBuilder/utils/util.js +0 -2
  105. package/lib/components/CreateFullPage/CreateFullPage.js +44 -51
  106. package/lib/components/CreateFullPage/CreateFullPageStep.js +22 -29
  107. package/lib/components/CreateInfluencer/CreateInfluencer.js +15 -22
  108. package/lib/components/CreateModal/CreateModal.js +22 -29
  109. package/lib/components/CreateSidePanel/CreateSidePanel.js +24 -31
  110. package/lib/components/CreateTearsheet/CreateTearsheet.js +26 -33
  111. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +3 -10
  112. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +31 -38
  113. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +24 -31
  114. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +37 -44
  115. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +54 -61
  116. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +37 -44
  117. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +0 -2
  118. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +0 -2
  119. package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +0 -2
  120. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +0 -2
  121. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +0 -2
  122. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +0 -2
  123. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +0 -2
  124. package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +0 -2
  125. package/lib/components/DataSpreadsheet/utils/checkForHoldingKey.js +0 -2
  126. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +0 -2
  127. package/lib/components/DataSpreadsheet/utils/commonEventHandlers.js +1 -3
  128. package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +0 -2
  129. package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +0 -2
  130. package/lib/components/DataSpreadsheet/utils/getCellSize.js +0 -2
  131. package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +0 -2
  132. package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +0 -2
  133. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +0 -2
  134. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +0 -2
  135. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +0 -2
  136. package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +1 -3
  137. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +1 -3
  138. package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +2 -4
  139. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +0 -2
  140. package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +0 -2
  141. package/lib/components/DataSpreadsheet/utils/selectAllCells.js +1 -3
  142. package/lib/components/Datagrid/Datagrid/Datagrid.js +9 -16
  143. package/lib/components/Datagrid/Datagrid/DatagridBody.js +5 -9
  144. package/lib/components/Datagrid/Datagrid/DatagridContent.js +43 -50
  145. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +4 -8
  146. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +6 -11
  147. package/lib/components/Datagrid/Datagrid/DatagridHead.js +2 -6
  148. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +12 -17
  149. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +3 -8
  150. package/lib/components/Datagrid/Datagrid/DatagridRow.js +12 -17
  151. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -11
  152. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +18 -23
  153. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -8
  154. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +14 -19
  155. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +5 -9
  156. package/lib/components/Datagrid/Datagrid/DraggableElement.js +17 -22
  157. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +11 -12
  158. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +10 -11
  159. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +25 -31
  160. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +18 -22
  161. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +7 -13
  162. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +3 -7
  163. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -7
  164. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +34 -39
  165. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +42 -47
  166. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +5 -11
  167. package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +11 -15
  168. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +0 -2
  169. package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +0 -2
  170. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -1
  171. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +16 -20
  172. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +2 -6
  173. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -1
  174. package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +0 -2
  175. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +0 -2
  176. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +18 -25
  177. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +32 -39
  178. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +2 -8
  179. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +0 -2
  180. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +0 -2
  181. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +0 -2
  182. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +0 -2
  183. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +0 -2
  184. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +12 -17
  185. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +11 -16
  186. package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.js +2 -8
  187. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +0 -2
  188. package/lib/components/Datagrid/common-column-ids.js +0 -2
  189. package/lib/components/Datagrid/useActionsColumn.js +12 -17
  190. package/lib/components/Datagrid/useColumnCenterAlign.js +4 -9
  191. package/lib/components/Datagrid/useColumnRightAlign.js +4 -9
  192. package/lib/components/Datagrid/useCustomizeColumns.js +6 -7
  193. package/lib/components/Datagrid/useDatagrid.js +4 -8
  194. package/lib/components/Datagrid/useDefaultStringRenderer.js +5 -10
  195. package/lib/components/Datagrid/useDisableSelectRows.js +1 -1
  196. package/lib/components/Datagrid/useEditableCell.js +2 -2
  197. package/lib/components/Datagrid/useExpandedRow.js +3 -3
  198. package/lib/components/Datagrid/useFiltering.js +5 -5
  199. package/lib/components/Datagrid/useFlexResize.js +1 -1
  200. package/lib/components/Datagrid/useFloatingScroll.js +2 -6
  201. package/lib/components/Datagrid/useFocusRowExpander.js +0 -2
  202. package/lib/components/Datagrid/useInfiniteScroll.js +4 -8
  203. package/lib/components/Datagrid/useInitialColumnSort.js +0 -2
  204. package/lib/components/Datagrid/useInlineEdit.js +7 -12
  205. package/lib/components/Datagrid/useNestedRowExpander.js +5 -10
  206. package/lib/components/Datagrid/useNestedRows.js +3 -7
  207. package/lib/components/Datagrid/useOnRowClick.js +1 -1
  208. package/lib/components/Datagrid/useParentDimensions.js +1 -1
  209. package/lib/components/Datagrid/useResizeTable.js +1 -1
  210. package/lib/components/Datagrid/useRowExpander.js +5 -10
  211. package/lib/components/Datagrid/useRowIsMouseOver.js +2 -6
  212. package/lib/components/Datagrid/useRowRenderer.js +2 -2
  213. package/lib/components/Datagrid/useRowSize.js +2 -2
  214. package/lib/components/Datagrid/useSelectAllToggle.js +3 -8
  215. package/lib/components/Datagrid/useSelectRows.js +6 -11
  216. package/lib/components/Datagrid/useSkeletonRows.js +1 -1
  217. package/lib/components/Datagrid/useSortableColumns.js +8 -13
  218. package/lib/components/Datagrid/useStickyColumn.js +4 -9
  219. package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +0 -2
  220. package/lib/components/Decorator/Decorator.js +16 -22
  221. package/lib/components/DecoratorBase/DecoratorBase.js +41 -48
  222. package/lib/components/DecoratorBase/DecoratorIcon.js +6 -13
  223. package/lib/components/DecoratorBase/utils.js +0 -2
  224. package/lib/components/DecoratorDualButton/DecoratorDualButton.js +21 -27
  225. package/lib/components/DecoratorLink/DecoratorLink.js +19 -25
  226. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +19 -25
  227. package/lib/components/DelimitedList/DelimitedList.js +7 -14
  228. package/lib/components/DescriptionList/DescriptionList.js +8 -15
  229. package/lib/components/DescriptionList/DescriptionListBody.js +5 -12
  230. package/lib/components/DescriptionList/DescriptionListCell.js +5 -12
  231. package/lib/components/DescriptionList/DescriptionListRow.js +5 -12
  232. package/lib/components/DescriptionList/constants.js +0 -2
  233. package/lib/components/EditFullPage/EditFullPage.js +5 -12
  234. package/lib/components/EditInPlace/EditInPlace.js +35 -42
  235. package/lib/components/EditSidePanel/EditSidePanel.js +26 -33
  236. package/lib/components/EditTearsheet/EditTearsheet.js +24 -31
  237. package/lib/components/EditTearsheet/EditTearsheetForm.js +16 -23
  238. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +5 -12
  239. package/lib/components/EditUpdateCards/EditUpdateCards.js +32 -39
  240. package/lib/components/EmptyStates/EmptyState.js +22 -29
  241. package/lib/components/EmptyStates/EmptyStateContent.js +18 -25
  242. package/lib/components/EmptyStates/EmptyStateIllustration.js +3 -7
  243. package/lib/components/EmptyStates/EmptyStateV2.js +25 -32
  244. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +19 -26
  245. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +19 -26
  246. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +19 -26
  247. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +19 -26
  248. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +19 -26
  249. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +19 -26
  250. package/lib/components/EmptyStates/assets/ErrorIllustration.js +53 -58
  251. package/lib/components/EmptyStates/assets/NoDataIllustration.js +43 -48
  252. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +114 -119
  253. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +84 -89
  254. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +81 -86
  255. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +74 -79
  256. package/lib/components/ExportModal/ExportModal.js +45 -52
  257. package/lib/components/ExpressiveCard/ExpressiveCard.js +28 -34
  258. package/lib/components/FeatureFlags/index.js +3 -9
  259. package/lib/components/FilterPanel/FilterPanel.js +7 -14
  260. package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +10 -17
  261. package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +13 -20
  262. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +9 -16
  263. package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +17 -24
  264. package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +11 -18
  265. package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +9 -16
  266. package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +9 -16
  267. package/lib/components/FilterSummary/FilterSummary.js +22 -28
  268. package/lib/components/FullPageError/FullPageError.js +21 -28
  269. package/lib/components/FullPageError/assets/Error403SVG.js +129 -135
  270. package/lib/components/FullPageError/assets/Error404SVG.js +114 -120
  271. package/lib/components/FullPageError/assets/ErrorGenericSVG.js +128 -134
  272. package/lib/components/GetStartedCard/GetStartedCard.js +16 -22
  273. package/lib/components/Guidebanner/Guidebanner.js +32 -39
  274. package/lib/components/Guidebanner/GuidebannerElement.js +10 -17
  275. package/lib/components/Guidebanner/GuidebannerElementButton.js +9 -16
  276. package/lib/components/Guidebanner/GuidebannerElementLink.js +5 -12
  277. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +5 -12
  278. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +5 -12
  279. package/lib/components/HTTPErrors/HTTPErrorContent.js +5 -11
  280. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +5 -12
  281. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +358 -364
  282. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +309 -315
  283. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +321 -327
  284. package/lib/components/ImportModal/ImportModal.js +48 -55
  285. package/lib/components/InlineTip/InlineTip.js +38 -45
  286. package/lib/components/InlineTip/InlineTipButton.js +5 -12
  287. package/lib/components/InlineTip/InlineTipLink.js +6 -13
  288. package/lib/components/InlineTip/utils.js +2 -4
  289. package/lib/components/InterstitialScreen/InterstitialScreen.js +73 -80
  290. package/lib/components/InterstitialScreenView/InterstitialScreenView.js +6 -13
  291. package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +8 -15
  292. package/lib/components/MultiAddSelect/MultiAddSelect.js +45 -51
  293. package/lib/components/Nav/Nav.js +14 -21
  294. package/lib/components/Nav/NavItem.js +19 -24
  295. package/lib/components/Nav/NavItemLink.js +4 -8
  296. package/lib/components/Nav/NavList.js +12 -17
  297. package/lib/components/NonLinearReading/NonLinearReading.js +12 -19
  298. package/lib/components/NotificationsPanel/NotificationsPanel.js +91 -98
  299. package/lib/components/NotificationsPanel/utils.js +0 -2
  300. package/lib/components/OptionsTile/OptionsTile.js +40 -47
  301. package/lib/components/PageHeader/PageHeader.js +105 -112
  302. package/lib/components/PageHeader/PageHeaderTitle.js +23 -30
  303. package/lib/components/PageHeader/PageHeaderUtils.js +2 -9
  304. package/lib/components/ProductiveCard/ProductiveCard.js +36 -42
  305. package/lib/components/RemoveModal/RemoveModal.js +27 -34
  306. package/lib/components/Saving/Saving.js +27 -34
  307. package/lib/components/ScrollGradient/ScrollGradient.js +17 -24
  308. package/lib/components/ScrollGradient/constants.js +0 -2
  309. package/lib/components/SearchBar/SearchBar.js +22 -29
  310. package/lib/components/SidePanel/SidePanel.js +66 -73
  311. package/lib/components/SidePanel/constants.js +0 -2
  312. package/lib/components/SidePanel/motion/variants.js +0 -2
  313. package/lib/components/SimpleHeader/SimpleHeader.js +18 -25
  314. package/lib/components/SingleAddSelect/SingleAddSelect.js +21 -27
  315. package/lib/components/StatusIcon/StatusIcon.js +52 -59
  316. package/lib/components/StatusIndicator/StatusIndicator.js +13 -20
  317. package/lib/components/StatusIndicator/StatusIndicatorStep.js +14 -21
  318. package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +8 -17
  319. package/lib/components/StringFormatter/StringFormatter.js +12 -19
  320. package/lib/components/StringFormatter/utils/enums.js +0 -2
  321. package/lib/components/TagOverflow/TagOverflow.js +26 -33
  322. package/lib/components/TagOverflow/TagOverflowModal.js +17 -24
  323. package/lib/components/TagOverflow/TagOverflowPopover.js +22 -29
  324. package/lib/components/TagOverflow/constants.js +0 -2
  325. package/lib/components/TagSet/TagSet.js +34 -41
  326. package/lib/components/TagSet/TagSetModal.js +16 -23
  327. package/lib/components/TagSet/TagSetOverflow.js +25 -32
  328. package/lib/components/Tearsheet/Tearsheet.js +23 -29
  329. package/lib/components/Tearsheet/TearsheetNarrow.js +18 -24
  330. package/lib/components/Tearsheet/TearsheetShell.js +55 -62
  331. package/lib/components/Toolbar/Toolbar.js +3 -10
  332. package/lib/components/Toolbar/ToolbarButton.js +3 -10
  333. package/lib/components/Toolbar/ToolbarGroup.js +2 -9
  334. package/lib/components/TooltipTrigger/TooltipTrigger.js +4 -11
  335. package/lib/components/TruncatedList/TruncatedList.js +15 -22
  336. package/lib/components/UserAvatar/UserAvatar.js +18 -25
  337. package/lib/components/UserProfileImage/UserProfileImage.js +24 -31
  338. package/lib/components/WebTerminal/WebTerminal.js +26 -33
  339. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +4 -11
  340. package/lib/components/WebTerminal/hooks/index.js +2 -8
  341. package/lib/components/_Canary/Canary.js +7 -14
  342. package/lib/feature-flags.js +3 -4
  343. package/lib/global/js/hooks/useActiveElement.js +0 -2
  344. package/lib/global/js/hooks/useClickOutside.js +0 -2
  345. package/lib/global/js/hooks/useControllableState.js +2 -4
  346. package/lib/global/js/hooks/useCreateComponentFocus.js +1 -3
  347. package/lib/global/js/hooks/useCreateComponentStepChange.js +0 -2
  348. package/lib/global/js/hooks/useFocus.js +1 -3
  349. package/lib/global/js/hooks/useIsomorphicEffect.js +0 -2
  350. package/lib/global/js/hooks/usePortalTarget.js +0 -2
  351. package/lib/global/js/hooks/usePrefersReducedMotion.js +1 -1
  352. package/lib/global/js/hooks/usePrefix.js +1 -3
  353. package/lib/global/js/hooks/usePreviousValue.js +0 -2
  354. package/lib/global/js/hooks/useResetCreateComponent.js +0 -2
  355. package/lib/global/js/hooks/useResizeObserver.js +0 -2
  356. package/lib/global/js/hooks/useRetrieveFormTitles.js +0 -2
  357. package/lib/global/js/hooks/useRetrieveStepData.js +0 -2
  358. package/lib/global/js/hooks/useValidCreateStepCount.js +0 -2
  359. package/lib/global/js/hooks/useWindowResize.js +1 -3
  360. package/lib/global/js/hooks/useWindowScroll.js +1 -3
  361. package/lib/global/js/package-settings.js +1 -1
  362. package/lib/global/js/utils/Wrap.js +9 -15
  363. package/lib/global/js/utils/deepCloneObject.js +1 -3
  364. package/lib/global/js/utils/devtools.js +0 -2
  365. package/lib/global/js/utils/getBezierValues.js +0 -2
  366. package/lib/global/js/utils/getFocusableElements.js +0 -2
  367. package/lib/global/js/utils/getNodeTextContent.js +1 -3
  368. package/lib/global/js/utils/getNumberOfHiddenSteps.js +0 -2
  369. package/lib/global/js/utils/getScrollbarWidth.js +0 -2
  370. package/lib/global/js/utils/keyboardNavigation.js +0 -2
  371. package/lib/global/js/utils/lastIndexInArray.js +0 -2
  372. package/lib/global/js/utils/motionConstants.js +0 -2
  373. package/lib/global/js/utils/pconsole.js +1 -1
  374. package/lib/global/js/utils/props-helper.js +10 -12
  375. package/lib/global/js/utils/rangeWithCallback.js +0 -2
  376. package/lib/global/js/utils/scrollableAncestor.js +1 -3
  377. package/lib/global/js/utils/uuidv4.js +1 -1
  378. package/lib/global/js/utils/wait.js +1 -1
  379. package/lib/global/js/utils/wrapFocus.js +1 -1
  380. package/lib/index.js +19 -21
  381. package/lib/node_modules/@carbon/colors/es/index.js +0 -2
  382. package/lib/node_modules/@carbon/icon-helpers/es/index.js +3 -5
  383. package/lib/node_modules/@carbon/icons-react/es/Icon.js +14 -18
  384. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +525 -531
  385. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +500 -506
  386. package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +1 -3
  387. package/lib/node_modules/object-assign/index.js +0 -2
  388. package/lib/node_modules/prop-types/checkPropTypes.js +2 -4
  389. package/lib/node_modules/prop-types/factoryWithThrowingShims.js +0 -2
  390. package/lib/node_modules/prop-types/factoryWithTypeCheckers.js +4 -10
  391. package/lib/node_modules/prop-types/index.js +2 -6
  392. package/lib/node_modules/prop-types/lib/ReactPropTypesSecret.js +0 -2
  393. package/lib/node_modules/prop-types/lib/has.js +0 -2
  394. package/lib/settings.js +9 -15
  395. package/package.json +4 -4
  396. package/scss/components/SidePanel/_side-panel.scss +1 -0
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var react = require('@carbon/react');
14
12
  var React = require('react');
@@ -20,11 +18,6 @@ var settings = require('../../settings.js');
20
18
  var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
21
19
  var uuidv4 = require('../../global/js/utils/uuidv4.js');
22
20
 
23
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
-
25
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
27
-
28
21
  var _excluded = ["additionalInfo", "className", "closeIconDescription", "copyrightText", "content", "links", "logo", "modalAriaLabel", "onClose", "open", "portalTarget", "title", "version"];
29
22
 
30
23
  // The block part of our conventional BEM class names (blockClass__E--M).
@@ -39,7 +32,7 @@ var componentName = 'AboutModal';
39
32
  * should be immediately apparent to the user, with a clear and obvious path
40
33
  * to completion.
41
34
  */
42
- exports.AboutModal = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
35
+ exports.AboutModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
43
36
  var additionalInfo = _ref.additionalInfo,
44
37
  className = _ref.className,
45
38
  closeIconDescription = _ref.closeIconDescription,
@@ -58,7 +51,7 @@ exports.AboutModal = /*#__PURE__*/React__default["default"].forwardRef(function
58
51
  var localRef = React.useRef();
59
52
  var modalRef = ref || localRef;
60
53
  var contentRef = React.useRef(null);
61
- var contentId = uuidv4["default"]();
54
+ var contentId = uuidv4.default();
62
55
  var renderPortalUse = usePortalTarget.usePortalTarget(portalTargetIn);
63
56
  var _useFocus = useFocus.useFocus(modalRef),
64
57
  firstElement = _useFocus.firstElement;
@@ -77,12 +70,12 @@ exports.AboutModal = /*#__PURE__*/React__default["default"].forwardRef(function
77
70
  }
78
71
  // eslint-disable-next-line react-hooks/exhaustive-deps
79
72
  }, [open]);
80
- return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.unstable_FeatureFlags, {
73
+ return renderPortalUse( /*#__PURE__*/React.createElement(react.unstable_FeatureFlags, {
81
74
  flags: {
82
75
  'enable-experimental-focus-wrap-without-sentinels': true
83
76
  }
84
- }, /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, {
85
- className: cx__default["default"](blockClass,
77
+ }, /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
78
+ className: cx(blockClass,
86
79
  // Apply the block class to the main HTML element
87
80
  className // Apply any supplied class names to the main HTML element.
88
81
  ),
@@ -91,35 +84,35 @@ exports.AboutModal = /*#__PURE__*/React__default["default"].forwardRef(function
91
84
  }, _rollupPluginBabelHelpers.objectSpread2({
92
85
  onClose: onClose,
93
86
  open: open
94
- }, devtools.getDevtoolsProps(componentName))), /*#__PURE__*/React__default["default"].createElement("div", {
87
+ }, devtools.getDevtoolsProps(componentName))), /*#__PURE__*/React.createElement("div", {
95
88
  className: "".concat(blockClass, "__logo")
96
- }, logo), /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
89
+ }, logo), /*#__PURE__*/React.createElement(react.ModalHeader, {
97
90
  className: "".concat(blockClass, "__header"),
98
91
  closeModal: onClose,
99
92
  iconDescription: closeIconDescription,
100
93
  label: title,
101
94
  labelClassName: "".concat(blockClass, "__title")
102
- }), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, {
95
+ }), /*#__PURE__*/React.createElement(react.ModalBody, {
103
96
  className: "".concat(blockClass, "__body")
104
- }, /*#__PURE__*/React__default["default"].createElement("div", {
97
+ }, /*#__PURE__*/React.createElement("div", {
105
98
  className: "".concat(blockClass, "__body-content"),
106
99
  ref: contentRef,
107
100
  id: contentId
108
- }, /*#__PURE__*/React__default["default"].createElement("div", {
101
+ }, /*#__PURE__*/React.createElement("div", {
109
102
  className: "".concat(blockClass, "__version")
110
- }, version), links && links.length > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
103
+ }, version), links && links.length > 0 && /*#__PURE__*/React.createElement("div", {
111
104
  className: "".concat(blockClass, "__links-container")
112
105
  }, links.map(function (link, i) {
113
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
106
+ return /*#__PURE__*/React.createElement(React.Fragment, {
114
107
  key: i
115
108
  }, link);
116
- })), content && /*#__PURE__*/React__default["default"].createElement("p", {
109
+ })), content && /*#__PURE__*/React.createElement("p", {
117
110
  className: "".concat(blockClass, "__content")
118
- }, content), copyrightText && /*#__PURE__*/React__default["default"].createElement("p", {
111
+ }, content), copyrightText && /*#__PURE__*/React.createElement("p", {
119
112
  className: "".concat(blockClass, "__copyright-text")
120
- }, copyrightText))), additionalInfo && /*#__PURE__*/React__default["default"].createElement(react.Theme, {
113
+ }, copyrightText))), additionalInfo && /*#__PURE__*/React.createElement(react.Theme, {
121
114
  theme: "g100"
122
- }, /*#__PURE__*/React__default["default"].createElement(react.ModalFooter, {
115
+ }, /*#__PURE__*/React.createElement(react.ModalFooter, {
123
116
  className: "".concat(blockClass, "__footer")
124
117
  }, additionalInfo)))));
125
118
  });
@@ -137,61 +130,61 @@ exports.AboutModal.propTypes = {
137
130
  * to build your product you can provide this in the additionalInfo.
138
131
  * Additional information will be displayed in the footer.
139
132
  */
140
- additionalInfo: index["default"].node,
133
+ additionalInfo: index.default.node,
141
134
  /**
142
135
  * Provide an optional class to be applied to the modal root node.
143
136
  */
144
- className: index["default"].string,
137
+ className: index.default.string,
145
138
  /**
146
139
  * The accessibility title for the close icon.
147
140
  */
148
- closeIconDescription: index["default"].string.isRequired,
141
+ closeIconDescription: index.default.string.isRequired,
149
142
  /**
150
143
  * Subhead text providing any relevant product disclaimers including
151
144
  * legal information (optional)
152
145
  */
153
- content: index["default"].node,
146
+ content: index.default.node,
154
147
  /**
155
148
  * Trademark and copyright information. Displays first year of
156
149
  * product release to current year.
157
150
  */
158
- copyrightText: index["default"].string.isRequired,
151
+ copyrightText: index.default.string.isRequired,
159
152
  /**
160
153
  * An array of Carbon `Link` component if there are additional information
161
154
  * to call out within the card. The about modal should be used to display
162
155
  * the product information and not where users go to find help (optional)
163
156
  */
164
- links: index["default"].arrayOf(index["default"].element),
157
+ links: index.default.arrayOf(index.default.element),
165
158
  /**
166
159
  * A visual symbol used to represent the product.
167
160
  */
168
- logo: index["default"].node.isRequired,
161
+ logo: index.default.node.isRequired,
169
162
  /**
170
163
  * Specifies aria label for AboutModal
171
164
  */
172
- modalAriaLabel: index["default"].string,
165
+ modalAriaLabel: index.default.string,
173
166
  /**
174
167
  * Specifies an optional handler which is called when the AboutModal
175
168
  * is closed. Returning `false` prevents the AboutModal from closing.
176
169
  */
177
- onClose: index["default"].func,
170
+ onClose: index.default.func,
178
171
  /**
179
172
  * Specifies whether the AboutModal is open or not.
180
173
  */
181
- open: index["default"].bool,
174
+ open: index.default.bool,
182
175
  /**
183
176
  * The DOM node the tearsheet should be rendered within. Defaults to document.body.
184
177
  */
185
- portalTarget: index["default"].node,
178
+ portalTarget: index.default.node,
186
179
  /**
187
180
  * Header text that provides the product name. The IBM Services logo
188
181
  * consists of two discrete, but required, elements: the iconic
189
182
  * IBM 8-bar logo represented alongside the IBM Services logotype.
190
183
  * Please follow these guidelines to ensure proper execution.
191
184
  */
192
- title: index["default"].node.isRequired,
185
+ title: index.default.node.isRequired,
193
186
  /**
194
187
  * Text that provides information on the version number of your product.
195
188
  */
196
- version: index["default"].string.isRequired
189
+ version: index.default.string.isRequired
197
190
  };
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var React = require('react');
14
12
  var index = require('../../node_modules/prop-types/index.js');
@@ -21,11 +19,6 @@ var propsHelper = require('../../global/js/utils/props-helper.js');
21
19
  var ActionBarItem = require('./ActionBarItem.js');
22
20
  var ActionBarOverflowItems = require('./ActionBarOverflowItems.js');
23
21
 
24
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
25
-
26
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
27
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
28
-
29
22
  var _excluded = ["actions", "className", "maxVisible", "menuOptionsClass", "onWidthChange", "overflowAriaLabel", "overflowMenuRef", "rightAlign"],
30
23
  _excluded2 = ["key", "id"],
31
24
  _excluded3 = ["key"];
@@ -42,7 +35,7 @@ var defaults = {
42
35
  /**
43
36
  * The ActionBar is used internally by the PageHeader to wrap ActionBarItems.
44
37
  */
45
- exports.ActionBar = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
38
+ exports.ActionBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
46
39
  var _ref$actions = _ref.actions,
47
40
  actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
48
41
  className = _ref.className,
@@ -65,7 +58,7 @@ exports.ActionBar = /*#__PURE__*/React__default["default"].forwardRef(function (
65
58
  _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
66
59
  hiddenSizingItems = _useState6[0],
67
60
  setHiddenSizingItems = _useState6[1];
68
- var internalId = React.useRef(uuidv4["default"]());
61
+ var internalId = React.useRef(uuidv4.default());
69
62
  var refDisplayedItems = React.useRef(null);
70
63
  var sizingRef = React.useRef(null);
71
64
  var sizes = React.useRef({});
@@ -75,11 +68,11 @@ exports.ActionBar = /*#__PURE__*/React__default["default"].forwardRef(function (
75
68
  // create hidden sizing items
76
69
  React.useEffect(function () {
77
70
  // Hidden action bar and items used to calculate sizes
78
- setHiddenSizingItems( /*#__PURE__*/React__default["default"].createElement("div", {
71
+ setHiddenSizingItems( /*#__PURE__*/React.createElement("div", {
79
72
  className: "".concat(blockClass, "__hidden-sizing-items"),
80
73
  "aria-hidden": true,
81
74
  ref: sizingRef
82
- }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(ActionBarOverflowItems.ActionBarOverflowItems, {
75
+ }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(ActionBarOverflowItems.ActionBarOverflowItems, {
83
76
  className: "".concat(blockClass, "__hidden-sizing-item"),
84
77
  overflowAriaLabel: "hidden sizing overflow items",
85
78
  overflowMenuRef: overflowMenuRef,
@@ -90,7 +83,7 @@ exports.ActionBar = /*#__PURE__*/React__default["default"].forwardRef(function (
90
83
  var key = _ref2.key,
91
84
  id = _ref2.id,
92
85
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
93
- return /*#__PURE__*/React__default["default"].createElement(ActionBarItem.ActionBarItem, _rollupPluginBabelHelpers["extends"]({}, rest, {
86
+ return /*#__PURE__*/React.createElement(ActionBarItem.ActionBarItem, _rollupPluginBabelHelpers.extends({}, rest, {
94
87
  // ensure id is not duplicated
95
88
  "data-original-id": id,
96
89
  key: "hidden-item-".concat(key),
@@ -106,7 +99,7 @@ exports.ActionBar = /*#__PURE__*/React__default["default"].forwardRef(function (
106
99
  var newDisplayedItems = actions.map(function (_ref3) {
107
100
  var key = _ref3.key,
108
101
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded3);
109
- return /*#__PURE__*/React__default["default"].createElement(ActionBarItem.ActionBarItem, _rollupPluginBabelHelpers["extends"]({}, rest, {
102
+ return /*#__PURE__*/React.createElement(ActionBarItem.ActionBarItem, _rollupPluginBabelHelpers.extends({}, rest, {
110
103
  key: key
111
104
  }));
112
105
  });
@@ -116,7 +109,7 @@ exports.ActionBar = /*#__PURE__*/React__default["default"].forwardRef(function (
116
109
 
117
110
  // add overflow menu if needed
118
111
  if (newOverflowItems.length) {
119
- newDisplayedItems.push( /*#__PURE__*/React__default["default"].createElement(ActionBarOverflowItems.ActionBarOverflowItems, {
112
+ newDisplayedItems.push( /*#__PURE__*/React.createElement(ActionBarOverflowItems.ActionBarOverflowItems, {
120
113
  menuOptionsClass: menuOptionsClass,
121
114
  overflowAriaLabel: overflowAriaLabel,
122
115
  overflowMenuRef: overflowMenuRef,
@@ -200,12 +193,12 @@ exports.ActionBar = /*#__PURE__*/React__default["default"].forwardRef(function (
200
193
  // // resize of the items
201
194
  useResizeObserver.useResizeObserver(sizingRef, handleResize);
202
195
  useResizeObserver.useResizeObserver(localRef, handleResize);
203
- return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
204
- className: cx__default["default"]([blockClass, className]),
196
+ return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
197
+ className: cx([blockClass, className]),
205
198
  ref: localRef
206
- }), hiddenSizingItems, /*#__PURE__*/React__default["default"].createElement("div", {
199
+ }), hiddenSizingItems, /*#__PURE__*/React.createElement("div", {
207
200
  ref: refDisplayedItems,
208
- className: cx__default["default"](["".concat(blockClass, "__displayed-items"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__displayed-items--right"), rightAlign)])
201
+ className: cx(["".concat(blockClass, "__displayed-items"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__displayed-items--right"), rightAlign)])
209
202
  }, displayedItems));
210
203
  });
211
204
  exports.ActionBar = settings.pkg.checkComponentEnabled(exports.ActionBar, componentName);
@@ -227,50 +220,50 @@ exports.ActionBar.propTypes = {
227
220
  * Carbon Button API https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
228
221
  */
229
222
  /**@ts-ignore */
230
- actions: index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Button.propTypes, [
223
+ actions: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Button.propTypes, [
231
224
  // props not desired from Button.propTypes
232
225
  'kind', 'size', 'tooltipPosition', 'tooltipAlignment'])), {}, {
233
- id: index["default"].string,
226
+ id: index.default.string,
234
227
  // Additional props
235
- key: index["default"].string.isRequired,
228
+ key: index.default.string.isRequired,
236
229
  // Redefine as form different to Button and a key prop used by ActionBarItems
237
- iconDescription: index["default"].string.isRequired,
238
- label: index["default"].string.isRequired,
230
+ iconDescription: index.default.string.isRequired,
231
+ label: index.default.string.isRequired,
239
232
  /**@ts-ignore */
240
233
  renderIcon: react.Button.propTypes.renderIcon.isRequired,
241
234
  // We duplicate onClick here to improve DocGen in Storybook
242
- onClick: index["default"].func
235
+ onClick: index.default.func
243
236
  }))),
244
237
  // expects action bar item as array or in fragment,
245
238
  /**
246
239
  * className
247
240
  */
248
- className: index["default"].string,
241
+ className: index.default.string,
249
242
  /**
250
243
  * maxVisible : Maximum action bar items visible before going into the overflow menu
251
244
  */
252
- maxVisible: index["default"].number,
245
+ maxVisible: index.default.number,
253
246
  /**
254
247
  * class name applied to the overflow options
255
248
  */
256
- menuOptionsClass: index["default"].string,
249
+ menuOptionsClass: index.default.string,
257
250
  /**
258
251
  * onItemCountChange - event reporting maxWidth
259
252
  */
260
- onWidthChange: index["default"].func,
253
+ onWidthChange: index.default.func,
261
254
  /**
262
255
  * overflowAriaLabel label for open close button overflow used for action bar items that do nto fit.
263
256
  */
264
- overflowAriaLabel: index["default"].string.isRequired,
257
+ overflowAriaLabel: index.default.string.isRequired,
265
258
  /**
266
259
  * overflowMenuRef for the overflow menu width that is needed to calculate the width of the action bar with overflow
267
260
  */
268
261
  /**@ts-ignore */
269
- overflowMenuRef: index["default"].oneOfType([index["default"].shape({
270
- current: index["default"].elementType
271
- }), index["default"].object]),
262
+ overflowMenuRef: index.default.oneOfType([index.default.shape({
263
+ current: index.default.elementType
264
+ }), index.default.object]),
272
265
  /**
273
266
  * align tags to right of available space
274
267
  */
275
- rightAlign: index["default"].bool
268
+ rightAlign: index.default.bool
276
269
  };
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var React = require('react');
14
12
  var index = require('../../node_modules/prop-types/index.js');
@@ -16,11 +14,6 @@ var cx = require('classnames');
16
14
  var settings = require('../../settings.js');
17
15
  var react = require('@carbon/react');
18
16
 
19
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
-
21
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
23
-
24
17
  var _excluded = ["label", "className", "renderIcon"];
25
18
  // The block part of our conventional BEM class names (blockClass__E--M).
26
19
  var componentName = 'ActionBarItem';
@@ -30,21 +23,21 @@ var blockClass = "".concat(settings.pkg.prefix, "--action-bar-item");
30
23
  /**
31
24
  * The ActionBarItem is used in the page header to populate the action bar
32
25
  */
33
- exports.ActionBarItem = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
26
+ exports.ActionBarItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
34
27
  var label = _ref.label,
35
28
  className = _ref.className,
36
29
  renderIcon = _ref.renderIcon,
37
30
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
38
31
  var Icon = renderIcon;
39
- return /*#__PURE__*/React__default["default"].createElement(react.IconButton, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
32
+ return /*#__PURE__*/React.createElement(react.IconButton, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
40
33
  ref: ref,
41
- className: cx__default["default"](blockClass, className),
34
+ className: cx(blockClass, className),
42
35
  kind: 'ghost',
43
36
  size: 'md',
44
37
  align: 'bottom-end',
45
38
  type: 'button',
46
39
  label: label
47
- }), Icon ? /*#__PURE__*/React__default["default"].createElement(Icon, null) : null);
40
+ }), Icon ? /*#__PURE__*/React.createElement(Icon, null) : null);
48
41
  });
49
42
 
50
43
  // Return a placeholder if not released and not enabled by feature flag
@@ -72,20 +65,20 @@ exports.ActionBarItem.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollu
72
65
  *
73
66
  * (inherited from Carbon Button)
74
67
  */
75
- className: index["default"].string,
68
+ className: index.default.string,
76
69
  /**
77
70
  * If specifying the `renderIcon` prop, provide a description for that icon that can
78
71
  * be read by screen readers
79
72
  *
80
73
  * (inherited from Carbon Button)
81
74
  */
82
- label: index["default"].string,
75
+ label: index.default.string,
83
76
  /**
84
77
  * Optional click handler
85
78
  *
86
79
  * (inherited from Carbon Button)
87
80
  */
88
- onClick: index["default"].func,
81
+ onClick: index.default.func,
89
82
  /**
90
83
  * Optional prop to allow overriding the icon rendering.
91
84
  * Can be a React component class
@@ -93,9 +86,9 @@ exports.ActionBarItem.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollu
93
86
  * (inherited from Carbon Button)
94
87
  */
95
88
  /**@ts-ignore */
96
- renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
89
+ renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
97
90
  /**
98
91
  * Optional tab index
99
92
  */
100
- tabIndex: index["default"].number
93
+ tabIndex: index.default.number
101
94
  });
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var React = require('react');
13
11
  var index = require('../../node_modules/prop-types/index.js');
14
12
  var cx = require('classnames');
@@ -16,12 +14,12 @@ var react = require('@carbon/react');
16
14
  var uuidv4 = require('../../global/js/utils/uuidv4.js');
17
15
  var settings = require('../../settings.js');
18
16
 
19
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
-
21
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
23
-
24
17
  // Copyright IBM Corp. 2020, 2023
18
+ //
19
+ // This source code is licensed under the Apache-2.0 license found in the
20
+ // LICENSE file in the root directory of this source tree.
21
+ //
22
+
25
23
  var blockClass = "".concat(settings.pkg.prefix, "--action-bar-overflow-items");
26
24
  var componentName = 'ActionBar';
27
25
  var ActionBarOverflowItems = function ActionBarOverflowItems(_ref) {
@@ -30,32 +28,32 @@ var ActionBarOverflowItems = function ActionBarOverflowItems(_ref) {
30
28
  overflowItems = _ref.overflowItems,
31
29
  overflowAriaLabel = _ref.overflowAriaLabel,
32
30
  overflowMenuRef = _ref.overflowMenuRef;
33
- var internalId = React.useRef(uuidv4["default"]());
34
- return /*#__PURE__*/React__default["default"].createElement("div", {
31
+ var internalId = React.useRef(uuidv4.default());
32
+ return /*#__PURE__*/React.createElement("div", {
35
33
  ref: overflowMenuRef
36
- }, /*#__PURE__*/React__default["default"].createElement(react.OverflowMenu, {
34
+ }, /*#__PURE__*/React.createElement(react.OverflowMenu, {
37
35
  "aria-label": overflowAriaLabel,
38
- className: cx__default["default"](blockClass, className),
36
+ className: cx(blockClass, className),
39
37
  direction: "bottom",
40
38
  flipped: true,
41
39
  iconDescription: overflowAriaLabel // also needs setting to avoid a11y "Accessible name does not match or contain the visible label text"
42
40
  ,
43
- menuOptionsClass: cx__default["default"]("".concat(blockClass, "__options"), menuOptionsClass)
44
- }, React__default["default"].Children.map(overflowItems, function (item, index) {
41
+ menuOptionsClass: cx("".concat(blockClass, "__options"), menuOptionsClass)
42
+ }, React.Children.map(overflowItems, function (item, index) {
45
43
  // This uses a copy of a menu item option
46
44
  // NOTE: Cannot use a real Tooltip icon below as it uses a <button /> the
47
45
  // div equivalent below is based on Carbon 10.25.0
48
46
  var ItemIcon = item === null || item === void 0 ? void 0 : item.props.renderIcon;
49
- return /*#__PURE__*/React__default["default"].createElement(react.OverflowMenuItem, {
47
+ return /*#__PURE__*/React.createElement(react.OverflowMenuItem, {
50
48
  className: "".concat(blockClass, "__item"),
51
49
  onClick: item === null || item === void 0 ? void 0 : item.props.onClick,
52
- itemText: /*#__PURE__*/React__default["default"].createElement("div", {
50
+ itemText: /*#__PURE__*/React.createElement("div", {
53
51
  className: "".concat(blockClass, "__item-content"),
54
52
  "aria-describedby": "".concat(internalId.current, "-").concat(index, "--item-label")
55
- }, /*#__PURE__*/React__default["default"].createElement("span", {
53
+ }, /*#__PURE__*/React.createElement("span", {
56
54
  className: "".concat(blockClass, "__item-label"),
57
55
  id: "".concat(internalId.current, "-").concat(index, "--item-label")
58
- }, item === null || item === void 0 ? void 0 : item.props.label), typeof (item === null || item === void 0 ? void 0 : item.props.renderIcon) === 'function' ? /*#__PURE__*/React__default["default"].createElement(ItemIcon, null) : item === null || item === void 0 ? void 0 : item.props.renderIcon)
56
+ }, item === null || item === void 0 ? void 0 : item.props.label), typeof (item === null || item === void 0 ? void 0 : item.props.renderIcon) === 'function' ? /*#__PURE__*/React.createElement(ItemIcon, null) : item === null || item === void 0 ? void 0 : item.props.renderIcon)
59
57
  });
60
58
  })));
61
59
  };
@@ -65,30 +63,30 @@ ActionBarOverflowItems.propTypes = {
65
63
  /**
66
64
  * className
67
65
  */
68
- className: index["default"].string,
66
+ className: index.default.string,
69
67
  /**
70
68
  * class name applied to the overflow options
71
69
  */
72
- menuOptionsClass: index["default"].string,
70
+ menuOptionsClass: index.default.string,
73
71
  /**
74
72
  * overflowAriaLabel label for open close button overflow used for action bar items that do nto fit.
75
73
  */
76
- overflowAriaLabel: index["default"].string,
74
+ overflowAriaLabel: index.default.string,
77
75
  /**
78
76
  * overflowItems: items to bre shown in the ActionBar overflow menu
79
77
  */
80
- overflowItems: index["default"].arrayOf(index["default"].element),
78
+ overflowItems: index.default.arrayOf(index.default.element),
81
79
  /**
82
80
  * overflowMenuRef for the overflow menu width that is needed to calculate the width of the action bar with overflow
83
81
  */
84
82
  /**@ts-ignore */
85
- overflowMenuRef: index["default"].oneOfType([index["default"].shape({
86
- current: index["default"].elementType
87
- }), index["default"].object]),
83
+ overflowMenuRef: index.default.oneOfType([index.default.shape({
84
+ current: index.default.elementType
85
+ }), index.default.object]),
88
86
  /**
89
87
  * Optional tab index
90
88
  */
91
- tabIndex: index["default"].number
89
+ tabIndex: index.default.number
92
90
  };
93
91
 
94
92
  exports.ActionBarOverflowItems = ActionBarOverflowItems;
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var react = require('@carbon/react');
14
12
  var React = require('react');
@@ -17,17 +15,12 @@ var index = require('../../node_modules/prop-types/index.js');
17
15
  var cx = require('classnames');
18
16
  var settings = require('../../settings.js');
19
17
 
20
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
21
-
22
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
24
-
25
18
  var _InlineLoading;
26
19
  var _excluded = ["className", "disabled", "kind", "label", "loading", "isExpressive"],
27
20
  _excluded2 = ["actions", "buttonSize", "className", "size"];
28
21
  var blockClass = "".concat(settings.pkg.prefix, "--action-set");
29
22
  var componentName = 'ActionSet';
30
- var ActionSetButton = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
23
+ var ActionSetButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
31
24
  var className = _ref.className,
32
25
  disabled = _ref.disabled,
33
26
  kind = _ref.kind,
@@ -36,19 +29,19 @@ var ActionSetButton = /*#__PURE__*/React__default["default"].forwardRef(function
36
29
  _ref$isExpressive = _ref.isExpressive,
37
30
  isExpressive = _ref$isExpressive === void 0 ? true : _ref$isExpressive,
38
31
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
39
- return /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, rest, {
32
+ return /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, rest, {
40
33
  isExpressive: isExpressive,
41
- className: cx__default["default"](className, ["".concat(blockClass, "__action-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__action-button--ghost"), kind === 'ghost' || kind === 'danger--ghost'), "".concat(blockClass, "__action-button--expressive"), isExpressive)]),
34
+ className: cx(className, ["".concat(blockClass, "__action-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__action-button--ghost"), kind === 'ghost' || kind === 'danger--ghost'), "".concat(blockClass, "__action-button--expressive"), isExpressive)]),
42
35
  disabled: disabled || loading || false,
43
36
  kind: kind,
44
37
  ref: ref
45
- }), label, loading && (_InlineLoading || (_InlineLoading = /*#__PURE__*/React__default["default"].createElement(react.InlineLoading, null))));
38
+ }), label, loading && (_InlineLoading || (_InlineLoading = /*#__PURE__*/React.createElement(react.InlineLoading, null))));
46
39
  });
47
40
  ActionSetButton.displayName = 'ActionSetButton';
48
41
  ActionSetButton.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.PropTypes), {}, {
49
- kind: index["default"].oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
50
- label: index["default"].string,
51
- loading: index["default"].bool
42
+ kind: index.default.oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
43
+ label: index.default.string,
44
+ loading: index.default.bool
52
45
  });
53
46
  var defaultKind = 'primary';
54
47
  var willStack = function willStack(size, numberOfActions) {
@@ -71,7 +64,7 @@ var defaults = {
71
64
  * it appears at the left side. If there is a primary button it appears at the
72
65
  * right.
73
66
  */
74
- var ActionSet = /*#__PURE__*/React__default["default"].forwardRef(function (_ref3, ref) {
67
+ var ActionSet = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
75
68
  var _actions$slice;
76
69
  var actions = _ref3.actions,
77
70
  buttonSize = _ref3.buttonSize,
@@ -101,14 +94,14 @@ var ActionSet = /*#__PURE__*/React__default["default"].forwardRef(function (_ref
101
94
  buttons.sort(function (action1, action2) {
102
95
  return (buttonOrder(action1.kind || defaultKind) - buttonOrder(action2.kind || defaultKind)) * (stacking ? -1 : 1);
103
96
  });
104
- return /*#__PURE__*/React__default["default"].createElement(react.ButtonSet, _rollupPluginBabelHelpers["extends"]({}, rest, {
105
- className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--row-single"), !stacking && buttons.length === 1), "".concat(blockClass, "--row-double"), !stacking && buttons.length === 2), "".concat(blockClass, "--row-triple"), !stacking && buttons.length === 3), "".concat(blockClass, "--row-quadruple"), !stacking && buttons.length >= 4), "".concat(blockClass, "--stacking"), stacking), "".concat(blockClass, "--").concat(size)),
97
+ return /*#__PURE__*/React.createElement(react.ButtonSet, _rollupPluginBabelHelpers.extends({}, rest, {
98
+ className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--row-single"), !stacking && buttons.length === 1), "".concat(blockClass, "--row-double"), !stacking && buttons.length === 2), "".concat(blockClass, "--row-triple"), !stacking && buttons.length === 3), "".concat(blockClass, "--row-quadruple"), !stacking && buttons.length >= 4), "".concat(blockClass, "--stacking"), stacking), "".concat(blockClass, "--").concat(size)),
106
99
  ref: ref,
107
100
  role: "presentation",
108
101
  stacked: stacking
109
102
  }), buttons.map(function (action, index) {
110
103
  var actionProps = propsHelper.prepareProps(action, ['key']);
111
- return /*#__PURE__*/React__default["default"].createElement(ActionSetButton, _rollupPluginBabelHelpers["extends"]({
104
+ return /*#__PURE__*/React.createElement(ActionSetButton, _rollupPluginBabelHelpers.extends({
112
105
  key: action.key || index
113
106
  }, actionProps, {
114
107
  size: buttonSize
@@ -174,10 +167,10 @@ ActionSet.propTypes = {
174
167
  * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
175
168
  */
176
169
  actions: propsHelper.allPropTypes([/**@ts-ignore*/
177
- ActionSet.validateActions(), index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
178
- kind: index["default"].oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
179
- label: index["default"].string,
180
- loading: index["default"].bool,
170
+ ActionSet.validateActions(), index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
171
+ kind: index.default.oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
172
+ label: index.default.string,
173
+ loading: index.default.bool,
181
174
  // we duplicate this Button prop to improve the DocGen here
182
175
  onClick: react.Button.propTypes.onClick
183
176
  })))]),
@@ -191,12 +184,12 @@ ActionSet.propTypes = {
191
184
  /**
192
185
  * An optional class or classes to be added to the outermost element.
193
186
  */
194
- className: index["default"].string,
187
+ className: index.default.string,
195
188
  /**
196
189
  * The size of the action set. Different button arrangements are used at
197
190
  * different sizes, to make best use of the available space.
198
191
  */
199
- size: index["default"].oneOf(['sm', 'md', 'lg', 'xl', '2xl'])
192
+ size: index.default.oneOf(['sm', 'md', 'lg', 'xl', '2xl'])
200
193
  };
201
194
 
202
195
  exports.ActionSet = ActionSet;