@carbon/ibm-products 2.12.0 → 2.13.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (364) hide show
  1. package/css/index-full-carbon.css +3485 -3237
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -10
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +464 -696
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -4
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +1041 -991
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -8
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +1419 -1437
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -8
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/APIKeyModal/APIKeyDownloader.js +7 -5
  18. package/es/components/APIKeyModal/APIKeyModal.js +7 -5
  19. package/es/components/Checklist/Checklist.docs-page.js +13 -0
  20. package/es/components/Checklist/Checklist.js +292 -0
  21. package/es/components/Checklist/ChecklistChart.js +98 -0
  22. package/es/components/Checklist/ChecklistIcon.js +107 -0
  23. package/es/components/Checklist/index.js +8 -0
  24. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -3
  25. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -5
  26. package/es/components/Datagrid/Datagrid/DatagridRefBody.js +1 -3
  27. package/es/components/Datagrid/Datagrid/DatagridRow.js +2 -6
  28. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -3
  29. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +1 -1
  30. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -3
  31. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +9 -8
  32. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +6 -12
  33. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +0 -5
  34. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +20 -6
  35. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +5 -4
  36. package/es/components/Datagrid/Datagrid.docs-page.js +1 -1
  37. package/es/components/Datagrid/useDisableSelectRows.js +1 -1
  38. package/es/components/Datagrid/useInlineEdit.js +1 -6
  39. package/es/components/Datagrid/useSelectRows.js +1 -1
  40. package/es/components/Datagrid/useSortableColumns.js +14 -25
  41. package/es/components/ImportModal/ImportModal.js +7 -5
  42. package/es/components/PageHeader/PageHeader.js +1 -1
  43. package/es/components/index.js +2 -1
  44. package/es/global/js/hooks/useCreateComponentFocus.js +7 -5
  45. package/es/global/js/hooks/useCreateComponentStepChange.js +42 -37
  46. package/es/global/js/package-settings.js +4 -2
  47. package/es/global/js/utils/getNodeTextContent.js +4 -0
  48. package/es/global/js/utils/story-helper.js +2 -1
  49. package/es/global/js/utils/test-helper.js +28 -17
  50. package/lib/components/APIKeyModal/APIKeyDownloader.js +10 -9
  51. package/lib/components/APIKeyModal/APIKeyModal.docs-page.js +3 -4
  52. package/lib/components/APIKeyModal/APIKeyModal.js +10 -9
  53. package/lib/components/AboutModal/AboutModal.docs-page.js +3 -4
  54. package/lib/components/AboutModal/AboutModal.js +3 -4
  55. package/lib/components/ActionBar/ActionBar.js +3 -4
  56. package/lib/components/ActionBar/ActionBarItem.js +1 -2
  57. package/lib/components/ActionBar/ActionBarOverflowItems.js +3 -4
  58. package/lib/components/ActionSet/ActionSet.js +1 -2
  59. package/lib/components/ActionSet/actions.js +4 -7
  60. package/lib/components/AddSelect/AddSelect.js +3 -4
  61. package/lib/components/AddSelect/AddSelectBody.js +3 -4
  62. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +1 -2
  63. package/lib/components/AddSelect/AddSelectColumn.js +3 -4
  64. package/lib/components/AddSelect/AddSelectFilter.js +3 -4
  65. package/lib/components/AddSelect/AddSelectFormControl.js +1 -2
  66. package/lib/components/AddSelect/AddSelectList.js +1 -2
  67. package/lib/components/AddSelect/AddSelectMetaPanel.js +3 -4
  68. package/lib/components/AddSelect/AddSelectRow.js +3 -4
  69. package/lib/components/AddSelect/AddSelectSidebar.js +1 -2
  70. package/lib/components/AddSelect/AddSelectSort.js +1 -2
  71. package/lib/components/AddSelect/add-select-utils.js +5 -9
  72. package/lib/components/AddSelect/hooks/useFocus.js +1 -2
  73. package/lib/components/AddSelect/hooks/useItemSort.js +2 -3
  74. package/lib/components/AddSelect/hooks/useParentSelect.js +1 -2
  75. package/lib/components/AddSelect/hooks/usePath.js +1 -2
  76. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +3 -4
  77. package/lib/components/ButtonMenu/ButtonMenu.js +1 -2
  78. package/lib/components/ButtonMenu/ButtonMenuItem.js +1 -2
  79. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +3 -4
  80. package/lib/components/Card/Card.js +3 -4
  81. package/lib/components/Card/CardFooter.js +1 -2
  82. package/lib/components/Card/CardHeader.js +1 -2
  83. package/lib/components/Cascade/Cascade.docs-page.js +3 -4
  84. package/lib/components/Cascade/Cascade.js +3 -4
  85. package/lib/components/Checklist/Checklist.docs-page.js +23 -0
  86. package/lib/components/Checklist/Checklist.js +297 -0
  87. package/lib/components/Checklist/ChecklistChart.js +99 -0
  88. package/lib/components/Checklist/ChecklistIcon.js +109 -0
  89. package/lib/components/Checklist/index.js +12 -0
  90. package/lib/components/ComboButton/ComboButton.js +3 -4
  91. package/lib/components/ComboButton/ComboButtonItem/index.js +1 -2
  92. package/lib/components/CreateFullPage/CreateFullPage.docs-page.js +3 -4
  93. package/lib/components/CreateFullPage/CreateFullPage.js +5 -8
  94. package/lib/components/CreateFullPage/CreateFullPageStep.js +3 -4
  95. package/lib/components/CreateInfluencer/CreateInfluencer.js +1 -2
  96. package/lib/components/CreateModal/CreateModal.docs-page.js +3 -4
  97. package/lib/components/CreateModal/CreateModal.js +1 -2
  98. package/lib/components/CreateSidePanel/CreateSidePanel.docs-page.js +3 -4
  99. package/lib/components/CreateSidePanel/CreateSidePanel.js +1 -2
  100. package/lib/components/CreateTearsheet/CreateTearsheet.docs-page.js +3 -4
  101. package/lib/components/CreateTearsheet/CreateTearsheet.js +5 -8
  102. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +3 -4
  103. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +3 -4
  104. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -5
  105. package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +4 -5
  106. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +1 -2
  107. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +3 -4
  108. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +3 -4
  109. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +3 -4
  110. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +2 -3
  111. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +2 -3
  112. package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +2 -3
  113. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +2 -3
  114. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +2 -3
  115. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +2 -3
  116. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +2 -3
  117. package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +2 -3
  118. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +2 -3
  119. package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +2 -3
  120. package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +2 -3
  121. package/lib/components/DataSpreadsheet/utils/generateData.js +2 -3
  122. package/lib/components/DataSpreadsheet/utils/getCellSize.js +2 -3
  123. package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +2 -3
  124. package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +2 -3
  125. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +2 -3
  126. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +2 -3
  127. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +2 -3
  128. package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +2 -3
  129. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +2 -3
  130. package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +4 -7
  131. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +2 -3
  132. package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +2 -3
  133. package/lib/components/DataSpreadsheet/utils/selectAllCells.js +2 -3
  134. package/lib/components/Datagrid/Datagrid/Datagrid.js +1 -2
  135. package/lib/components/Datagrid/Datagrid/DatagridBody.js +1 -2
  136. package/lib/components/Datagrid/Datagrid/DatagridContent.js +3 -4
  137. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +2 -5
  138. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +1 -2
  139. package/lib/components/Datagrid/Datagrid/DatagridHead.js +1 -2
  140. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +6 -9
  141. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +2 -5
  142. package/lib/components/Datagrid/Datagrid/DatagridRow.js +3 -8
  143. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -5
  144. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -4
  145. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +2 -5
  146. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +4 -5
  147. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +4 -7
  148. package/lib/components/Datagrid/Datagrid/DraggableElement.js +1 -2
  149. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -4
  150. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +3 -4
  151. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +3 -4
  152. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +3 -4
  153. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +10 -10
  154. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +3 -4
  155. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +2 -3
  156. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +3 -4
  157. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +4 -6
  158. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +5 -8
  159. package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +3 -4
  160. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +13 -26
  161. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -2
  162. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +4 -6
  163. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -2
  164. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -2
  165. package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +4 -7
  166. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +2 -3
  167. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +7 -14
  168. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +3 -9
  169. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +4 -6
  170. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +2 -3
  171. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +2 -3
  172. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -3
  173. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +2 -3
  174. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +2 -3
  175. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +26 -13
  176. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +9 -6
  177. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +5 -9
  178. package/lib/components/Datagrid/Datagrid.docs-page.js +5 -6
  179. package/lib/components/Datagrid/Datagrid.stories/CustomizeColumnStory.js +2 -3
  180. package/lib/components/Datagrid/Datagrid.stories/RowSizeDropdownStory.js +2 -3
  181. package/lib/components/Datagrid/Datagrid.stories/SelectAllWithToggleStory.js +2 -3
  182. package/lib/components/Datagrid/Datagrid.stories/common.js +4 -7
  183. package/lib/components/Datagrid/Extensions/ColumnAlignment/ColumnAlignment.docs-page.js +2 -3
  184. package/lib/components/Datagrid/Extensions/ColumnCustomization/ColumnCustomization.docs-page.js +2 -3
  185. package/lib/components/Datagrid/Extensions/EditableCell/EditableCell.docs-page.js +2 -3
  186. package/lib/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.js +2 -3
  187. package/lib/components/Datagrid/Extensions/Filtering/Filtering.docs-page.js +2 -3
  188. package/lib/components/Datagrid/Extensions/RowActionButtons/RowActionButtons.docs-page.js +2 -3
  189. package/lib/components/Datagrid/common-column-ids.js +1 -2
  190. package/lib/components/Datagrid/useActionsColumn.js +3 -4
  191. package/lib/components/Datagrid/useColumnCenterAlign.js +1 -2
  192. package/lib/components/Datagrid/useColumnOrder.js +1 -2
  193. package/lib/components/Datagrid/useColumnRightAlign.js +1 -2
  194. package/lib/components/Datagrid/useCustomizeColumns.js +3 -4
  195. package/lib/components/Datagrid/useDatagrid.js +1 -2
  196. package/lib/components/Datagrid/useDefaultStringRenderer.js +1 -2
  197. package/lib/components/Datagrid/useDisableSelectRows.js +2 -3
  198. package/lib/components/Datagrid/useEditableCell.js +1 -2
  199. package/lib/components/Datagrid/useExpandedRow.js +1 -2
  200. package/lib/components/Datagrid/useFiltering.js +1 -2
  201. package/lib/components/Datagrid/useFlexResize.js +1 -2
  202. package/lib/components/Datagrid/useFloatingScroll.js +1 -2
  203. package/lib/components/Datagrid/useInfiniteScroll.js +1 -2
  204. package/lib/components/Datagrid/useInlineEdit.js +4 -10
  205. package/lib/components/Datagrid/useNestedRowExpander.js +3 -4
  206. package/lib/components/Datagrid/useNestedRows.js +1 -2
  207. package/lib/components/Datagrid/useOnRowClick.js +1 -2
  208. package/lib/components/Datagrid/useParentDimensions.js +1 -2
  209. package/lib/components/Datagrid/useResizeTable.js +1 -2
  210. package/lib/components/Datagrid/useRowExpander.js +3 -4
  211. package/lib/components/Datagrid/useRowIsMouseOver.js +1 -2
  212. package/lib/components/Datagrid/useRowRenderer.js +1 -2
  213. package/lib/components/Datagrid/useRowSize.js +1 -2
  214. package/lib/components/Datagrid/useSelectAllToggle.js +3 -4
  215. package/lib/components/Datagrid/useSelectRows.js +4 -5
  216. package/lib/components/Datagrid/useSkeletonRows.js +1 -2
  217. package/lib/components/Datagrid/useSortableColumns.js +15 -27
  218. package/lib/components/Datagrid/useStickyColumn.js +1 -2
  219. package/lib/components/Datagrid/utils/DatagridActions.js +4 -5
  220. package/lib/components/Datagrid/utils/DatagridPagination.js +2 -3
  221. package/lib/components/Datagrid/utils/Wrapper.js +2 -3
  222. package/lib/components/Datagrid/utils/getArgTypes.js +2 -3
  223. package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +2 -3
  224. package/lib/components/Datagrid/utils/getInlineEditColumns.js +3 -5
  225. package/lib/components/Datagrid/utils/makeData.js +3 -6
  226. package/lib/components/EditFullPage/EditFullPage.docs-page.js +3 -4
  227. package/lib/components/EditFullPage/EditFullPage.js +1 -2
  228. package/lib/components/EditInPlace/EditInPlace.js +4 -6
  229. package/lib/components/EditSidePanel/EditSidePanel.js +1 -2
  230. package/lib/components/EditTearsheet/EditTearsheet.docs-page.js +3 -4
  231. package/lib/components/EditTearsheet/EditTearsheet.js +5 -8
  232. package/lib/components/EditTearsheet/EditTearsheetForm.js +3 -4
  233. package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +4 -5
  234. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -2
  235. package/lib/components/EditUpdateCards/EditUpdateCards.js +1 -2
  236. package/lib/components/EmptyStates/EmptyState.js +2 -4
  237. package/lib/components/EmptyStates/EmptyStateContent.js +1 -2
  238. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -2
  239. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -2
  240. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -2
  241. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -2
  242. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -2
  243. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -2
  244. package/lib/components/EmptyStates/assets/ErrorIllustration.js +1 -2
  245. package/lib/components/EmptyStates/assets/NoDataIllustration.js +1 -2
  246. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +1 -2
  247. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +1 -2
  248. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +1 -2
  249. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +1 -2
  250. package/lib/components/ExampleComponent/ExampleComponent.docs-page.js +3 -4
  251. package/lib/components/ExampleComponent/ExampleComponent.js +3 -4
  252. package/lib/components/ExampleComponent/ExampleDeprecatedComponent.js +1 -2
  253. package/lib/components/ExampleComponent/useExample.js +1 -2
  254. package/lib/components/ExportModal/ExportModal.js +3 -4
  255. package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -4
  256. package/lib/components/FilterSummary/FilterSummary.js +1 -2
  257. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -2
  258. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -2
  259. package/lib/components/HTTPErrors/HTTPErrorContent.js +1 -2
  260. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -2
  261. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +1 -2
  262. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +1 -2
  263. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +1 -2
  264. package/lib/components/ImportModal/ImportModal.docs-page.js +1 -2
  265. package/lib/components/ImportModal/ImportModal.js +10 -9
  266. package/lib/components/MultiAddSelect/MultiAddSelect.docs-page.js +1 -2
  267. package/lib/components/MultiAddSelect/MultiAddSelect.js +3 -4
  268. package/lib/components/NotificationsPanel/NotificationsPanel.js +3 -4
  269. package/lib/components/NotificationsPanel/NotificationsPanel_data.js +1 -2
  270. package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +2 -3
  271. package/lib/components/NotificationsPanel/utils.js +1 -2
  272. package/lib/components/OptionsTile/OptionsTile.js +3 -4
  273. package/lib/components/PageHeader/PageHeader.js +5 -7
  274. package/lib/components/PageHeader/PageHeaderDemo.data.js +3 -4
  275. package/lib/components/PageHeader/PageHeaderTitle.js +2 -4
  276. package/lib/components/PageHeader/PageHeaderUtils.js +5 -9
  277. package/lib/components/ProductiveCard/ProductiveCard.js +3 -4
  278. package/lib/components/RemoveModal/RemoveModal.docs-page.js +1 -2
  279. package/lib/components/RemoveModal/RemoveModal.js +3 -4
  280. package/lib/components/Saving/Saving.js +3 -4
  281. package/lib/components/SidePanel/SidePanel.js +3 -4
  282. package/lib/components/SidePanel/constants.js +2 -3
  283. package/lib/components/SidePanel/motion/variants.js +3 -5
  284. package/lib/components/SimpleHeader/SimpleHeader.docs-page.js +3 -4
  285. package/lib/components/SimpleHeader/SimpleHeader.js +4 -6
  286. package/lib/components/SingleAddSelect/SingleAddSelect.docs-page.js +1 -2
  287. package/lib/components/SingleAddSelect/SingleAddSelect.js +3 -4
  288. package/lib/components/StatusIcon/StatusIcon.docs-page.js +3 -4
  289. package/lib/components/StatusIcon/StatusIcon.js +3 -4
  290. package/lib/components/TagSet/TagSet.js +5 -8
  291. package/lib/components/TagSet/TagSetModal.js +3 -4
  292. package/lib/components/TagSet/TagSetOverflow.js +3 -4
  293. package/lib/components/TagSet/constants.js +2 -3
  294. package/lib/components/Tearsheet/Tearsheet.js +2 -4
  295. package/lib/components/Tearsheet/TearsheetNarrow.js +2 -4
  296. package/lib/components/Tearsheet/TearsheetShell.js +8 -14
  297. package/lib/components/Toolbar/Toolbar.docs-page.js +3 -4
  298. package/lib/components/Toolbar/Toolbar.js +6 -10
  299. package/lib/components/Toolbar/ToolbarButton.js +4 -6
  300. package/lib/components/Toolbar/ToolbarGroup.js +3 -4
  301. package/lib/components/TooltipTrigger/TooltipTrigger.js +1 -2
  302. package/lib/components/TooltipTrigger/useExample.js +1 -2
  303. package/lib/components/UserProfileImage/UserProfileImage.docs-page.js +3 -4
  304. package/lib/components/UserProfileImage/UserProfileImage.js +1 -2
  305. package/lib/components/WebTerminal/WebTerminal.docs-page.js +3 -4
  306. package/lib/components/WebTerminal/WebTerminal.js +3 -4
  307. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +1 -2
  308. package/lib/components/WebTerminal/hooks/index.js +6 -9
  309. package/lib/components/WebTerminal/preview-components/Navigation.js +1 -2
  310. package/lib/components/WebTerminal/preview-components/documentationLinks.js +2 -3
  311. package/lib/components/_Canary/Canary.js +1 -2
  312. package/lib/components/index.js +8 -1
  313. package/lib/global/decorators/sidePanelDecorator.js +2 -3
  314. package/lib/global/js/hooks/useActiveElement.js +2 -3
  315. package/lib/global/js/hooks/useClickOutside.js +2 -3
  316. package/lib/global/js/hooks/useCreateComponentFocus.js +9 -8
  317. package/lib/global/js/hooks/useCreateComponentStepChange.js +44 -40
  318. package/lib/global/js/hooks/usePortalTarget.js +2 -3
  319. package/lib/global/js/hooks/usePreviousValue.js +2 -3
  320. package/lib/global/js/hooks/useResetCreateComponent.js +2 -3
  321. package/lib/global/js/hooks/useResizeObserver.js +2 -3
  322. package/lib/global/js/hooks/useRetrieveFormTitles.js +2 -3
  323. package/lib/global/js/hooks/useRetrieveStepData.js +2 -3
  324. package/lib/global/js/hooks/useValidCreateStepCount.js +2 -3
  325. package/lib/global/js/hooks/useWindowResize.js +2 -3
  326. package/lib/global/js/package-settings.js +6 -5
  327. package/lib/global/js/utils/ClickListener.js +3 -4
  328. package/lib/global/js/utils/DisplayBox.js +1 -2
  329. package/lib/global/js/utils/StoryDocsPage.js +2 -4
  330. package/lib/global/js/utils/Wrap.js +1 -2
  331. package/lib/global/js/utils/deepCloneObject.js +2 -3
  332. package/lib/global/js/utils/devtools.js +1 -2
  333. package/lib/global/js/utils/getBezierValues.js +2 -3
  334. package/lib/global/js/utils/getFocusableElements.js +2 -3
  335. package/lib/global/js/utils/getNodeTextContent.js +6 -3
  336. package/lib/global/js/utils/getNumberOfHiddenSteps.js +2 -3
  337. package/lib/global/js/utils/getScrollbarWidth.js +2 -3
  338. package/lib/global/js/utils/keyboardNavigation.js +4 -8
  339. package/lib/global/js/utils/lastIndexInArray.js +2 -3
  340. package/lib/global/js/utils/motionConstants.js +4 -5
  341. package/lib/global/js/utils/pconsole.js +8 -15
  342. package/lib/global/js/utils/props-helper.js +7 -14
  343. package/lib/global/js/utils/rangeWithCallback.js +2 -3
  344. package/lib/global/js/utils/scrollableAncestor.js +2 -3
  345. package/lib/global/js/utils/story-helper.js +15 -26
  346. package/lib/global/js/utils/test-helper.js +39 -42
  347. package/lib/global/js/utils/unwrap-if-fragment.js +1 -2
  348. package/lib/global/js/utils/uuidv4.js +1 -2
  349. package/lib/global/js/utils/wait.js +1 -2
  350. package/lib/global/js/utils/wrapFocus.js +1 -2
  351. package/lib/settings.js +2 -4
  352. package/package.json +6 -6
  353. package/scss/components/AboutModal/_about-modal.scss +1 -2
  354. package/scss/components/Checklist/_checklist.scss +217 -0
  355. package/scss/components/Checklist/_index.scss +8 -0
  356. package/scss/components/Checklist/_storybook-styles.scss +13 -0
  357. package/scss/components/CreateFullPage/_storybook-styles.scss +1 -1
  358. package/scss/components/Datagrid/_datagrid.scss +1 -0
  359. package/scss/components/Datagrid/styles/_datagrid.scss +1 -2
  360. package/scss/components/Datagrid/styles/_useInlineEdit.scss +8 -11
  361. package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +5 -0
  362. package/scss/components/_index.scss +2 -1
  363. package/es/components/Datagrid/utils/getColTitle.js +0 -25
  364. package/lib/components/Datagrid/utils/getColTitle.js +0 -32
@@ -11,37 +11,30 @@ exports.warn = exports.shimIfProduction = exports.noop = exports.log = exports.i
11
11
  // LICENSE file in the root directory of this source tree.
12
12
  //
13
13
 
14
- var isProduction = process.env.NODE_ENV === 'production';
15
- exports.isProduction = isProduction;
16
- var noop = function noop() {
14
+ var isProduction = exports.isProduction = process.env.NODE_ENV === 'production';
15
+ var noop = exports.noop = function noop() {
17
16
  return undefined;
18
17
  };
19
- exports.noop = noop;
20
- var shimIfProduction = function shimIfProduction(fn) {
18
+ var shimIfProduction = exports.shimIfProduction = function shimIfProduction(fn) {
21
19
  return isProduction ? noop : fn;
22
20
  };
23
- exports.shimIfProduction = shimIfProduction;
24
- var log = shimIfProduction(function () {
21
+ var log = exports.log = shimIfProduction(function () {
25
22
  var _console;
26
23
  return (_console = console).log.apply(_console, arguments);
27
24
  });
28
- exports.log = log;
29
- var warn = shimIfProduction(function () {
25
+ var warn = exports.warn = shimIfProduction(function () {
30
26
  var _console2;
31
27
  return (_console2 = console).warn.apply(_console2, arguments);
32
28
  });
33
- exports.warn = warn;
34
- var error = shimIfProduction(function () {
29
+ var error = exports.error = shimIfProduction(function () {
35
30
  var _console3;
36
31
  return (_console3 = console).error.apply(_console3, arguments);
37
32
  });
38
- exports.error = error;
39
- var _default = {
33
+ var _default = exports.default = {
40
34
  isProduction: isProduction,
41
35
  noop: noop,
42
36
  shimIfProduction: shimIfProduction,
43
37
  log: log,
44
38
  warn: warn,
45
39
  error: error
46
- };
47
- exports.default = _default;
40
+ };
@@ -45,7 +45,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
45
45
  * * prepareProps(props, { c: 6 }) -> { a: 3, c: 6, d: 5 }
46
46
  * * prepareProps(props, 'a', { c: 6 }) -> { c: 6, d: 5 }
47
47
  */
48
- var prepareProps = function prepareProps() {
48
+ var prepareProps = exports.prepareProps = function prepareProps() {
49
49
  // Convert any string or array arg into an object with nulls as values
50
50
  var toNulls = function toNulls(arg) {
51
51
  return typeof arg === 'string' ? (0, _defineProperty2.default)({}, arg, null) : Array.isArray(arg) ? Object.fromEntries(arg.map(function (key) {
@@ -75,7 +75,6 @@ var prepareProps = function prepareProps() {
75
75
  // null and undefined do not count as values, but anything else does. If the
76
76
  // prop is 'children', then an array of null/undefined also does not count as
77
77
  // a value, but anything else does.
78
- exports.prepareProps = prepareProps;
79
78
  var propHasValue = function propHasValue(props, propName) {
80
79
  var result = props[propName] !== null && props[propName] !== undefined;
81
80
  if (result && propName === 'children' && Array.isArray(props[propName])) {
@@ -103,7 +102,7 @@ var propHasValue = function propHasValue(props, propName) {
103
102
  * should be used instead.
104
103
  * @returns Any type checking error reported by the validator, or null.
105
104
  */
106
- var deprecatePropUsage = function deprecatePropUsage(validator, deprecated, additionalInfo) {
105
+ var deprecatePropUsage = exports.deprecatePropUsage = function deprecatePropUsage(validator, deprecated, additionalInfo) {
107
106
  return function (props, propName, comp, loc, propFullName, secret) {
108
107
  if (propHasValue(props, propName) && deprecated(props, propName, comp, loc, propFullName, secret) === null) {
109
108
  _pconsole.default.warn("The usage of the ".concat(loc, " `").concat(propFullName || propName, "` of `").concat(comp, "` has been changed and support for the old usage will soon be removed. ").concat(additionalInfo));
@@ -124,8 +123,7 @@ var deprecatePropUsage = function deprecatePropUsage(validator, deprecated, addi
124
123
  * be used instead.
125
124
  * @returns Any type checking error reported by the validator, or null.
126
125
  */
127
- exports.deprecatePropUsage = deprecatePropUsage;
128
- var deprecateProp = function deprecateProp(validator, additionalInfo) {
126
+ var deprecateProp = exports.deprecateProp = function deprecateProp(validator, additionalInfo) {
129
127
  return function (props, propName, comp, loc, propFullName, secret) {
130
128
  if (propHasValue(props, propName)) {
131
129
  _pconsole.default.warn("The ".concat(loc, " `").concat(propFullName || propName, "` of `").concat(comp, "` has been deprecated and will soon be removed. ").concat(additionalInfo));
@@ -138,8 +136,7 @@ var deprecateProp = function deprecateProp(validator, additionalInfo) {
138
136
  * A function that returns a storybook argTypes object configured to remove deprecated
139
137
  * props from the storybook controls
140
138
  */
141
- exports.deprecateProp = deprecateProp;
142
- var getDeprecatedArgTypes = function getDeprecatedArgTypes(deprecatedProps) {
139
+ var getDeprecatedArgTypes = exports.getDeprecatedArgTypes = function getDeprecatedArgTypes(deprecatedProps) {
143
140
  var keys = Object.keys(deprecatedProps);
144
141
  return keys.reduce(function (acc, cur) {
145
142
  return acc[cur] = {
@@ -155,8 +152,7 @@ var getDeprecatedArgTypes = function getDeprecatedArgTypes(deprecatedProps) {
155
152
  * @param {node || array} items - which may have shape to extract
156
153
  * @returns Array of items
157
154
  */
158
- exports.getDeprecatedArgTypes = getDeprecatedArgTypes;
159
- var extractShapesArray = function extractShapesArray(items) {
155
+ var extractShapesArray = exports.extractShapesArray = function extractShapesArray(items) {
160
156
  var _items$, _items$2;
161
157
  // unwrap if items or the first index looks like a React element or fragment
162
158
  if (items && (items !== null && items !== void 0 && (_items$ = items[0]) !== null && _items$ !== void 0 && _items$.props || (items === null || items === void 0 || (_items$2 = items[0]) === null || _items$2 === void 0 ? void 0 : _items$2.type) === _react.default.Fragment || items.type === _react.default.Fragment)) {
@@ -197,8 +193,7 @@ var extractShapesArray = function extractShapesArray(items) {
197
193
  *
198
194
  * }
199
195
  */
200
- exports.extractShapesArray = extractShapesArray;
201
- var allPropTypes = _pconsole.default.shimIfProduction(function (arrayOfTypeCheckers) {
196
+ var allPropTypes = exports.allPropTypes = _pconsole.default.shimIfProduction(function (arrayOfTypeCheckers) {
202
197
  if (!Array.isArray(arrayOfTypeCheckers)) {
203
198
  _pconsole.default.error('Warning: Invalid argument supplied to allPropTypes, expected an instance of array.');
204
199
  return _pconsole.default.noop;
@@ -250,13 +245,11 @@ var allPropTypes = _pconsole.default.shimIfProduction(function (arrayOfTypeCheck
250
245
  * }
251
246
  *
252
247
  */
253
- exports.allPropTypes = allPropTypes;
254
- var isRequiredIf = function isRequiredIf(checker, conditionFn) {
248
+ var isRequiredIf = exports.isRequiredIf = function isRequiredIf(checker, conditionFn) {
255
249
  return function (props, propName, componentName, location, propFullName, secret) {
256
250
  return (conditionFn(props) ? checker.isRequired : checker)(props, propName, componentName, location, propFullName, secret);
257
251
  };
258
252
  };
259
- exports.isRequiredIf = isRequiredIf;
260
253
  isRequiredIf.decorate = function (checker) {
261
254
  checker.isRequired.if = _pconsole.default.isProduction ? _pconsole.default.noop : isRequiredIf.bind(null, checker);
262
255
  };
@@ -13,9 +13,8 @@ exports.rangeWithCallback = void 0;
13
13
 
14
14
  // Iterates through a numeric range and calls callback
15
15
  // function for each iteration
16
- var rangeWithCallback = function rangeWithCallback(start, end, fn) {
16
+ var rangeWithCallback = exports.rangeWithCallback = function rangeWithCallback(start, end, fn) {
17
17
  for (var i = start; i <= end; i++) {
18
18
  fn(i);
19
19
  }
20
- };
21
- exports.rangeWithCallback = rangeWithCallback;
20
+ };
@@ -31,7 +31,7 @@ var scrollableAncestorInner = function scrollableAncestorInner(target) {
31
31
  * @param {HTMLElement} target
32
32
  * @returns {HTMLElement}
33
33
  */
34
- var scrollableAncestor = function scrollableAncestor(target) {
34
+ var scrollableAncestor = exports.scrollableAncestor = function scrollableAncestor(target) {
35
35
  if (!windowExists || !target) {
36
36
  return null;
37
37
  }
@@ -42,5 +42,4 @@ var scrollableAncestor = function scrollableAncestor(target) {
42
42
  return document.scrollingElement;
43
43
  }
44
44
  return scrollableAncestorInner(target);
45
- };
46
- exports.scrollableAncestor = scrollableAncestor;
45
+ };
@@ -25,7 +25,7 @@ var _changeCase = require("change-case");
25
25
  * @param {string} componentName The name of the component.
26
26
  * @returns The structured story title.
27
27
  */
28
- var getStoryTitle = function getStoryTitle(componentName) {
28
+ var getStoryTitle = exports.getStoryTitle = function getStoryTitle(componentName) {
29
29
  var title =
30
30
  // if the component isn't in the master structure, put it in a lost+found section
31
31
  (0, _storyStructure.getPathForComponent)('c', componentName) || "Carbon for IBM Products/Lost + found/".concat(componentName);
@@ -41,8 +41,7 @@ var getStoryTitle = function getStoryTitle(componentName) {
41
41
  * @param {string} scenario The scenario name, also as a slug.
42
42
  * @returns The story id.
43
43
  */
44
- exports.getStoryTitle = getStoryTitle;
45
- var getStoryId = function getStoryId(componentName, scenario, subdirectory) {
44
+ var getStoryId = exports.getStoryId = function getStoryId(componentName, scenario, subdirectory) {
46
45
  if (subdirectory) {
47
46
  return "".concat((0, _csf.sanitize)(getStoryTitle(componentName)), "-").concat((0, _csf.sanitize)(subdirectory), "--").concat(scenario);
48
47
  }
@@ -58,10 +57,9 @@ var getStoryId = function getStoryId(componentName, scenario, subdirectory) {
58
57
  * template, such as `args`, `storyName`, etc.
59
58
  * @returns A bound template with the option fields applied.
60
59
  */
61
- exports.getStoryId = getStoryId;
62
60
  var sequence = 0;
63
61
  var bindTarget = {};
64
- var prepareStory = function prepareStory(template, options) {
62
+ var prepareStory = exports.prepareStory = function prepareStory(template, options) {
65
63
  var _result$parameters, _result$parameters2, _result$parameters2$c;
66
64
  var result = Object.assign(template.bind(bindTarget), options);
67
65
  (_result$parameters = result.parameters) !== null && _result$parameters !== void 0 ? _result$parameters : result.parameters = {};
@@ -74,13 +72,11 @@ var prepareStory = function prepareStory(template, options) {
74
72
  * A helper component that returns a codesandbox link to an example codesandbox for the component.
75
73
  * The link URL is based on the example directory name and the standard codesandbox URL for package examples.
76
74
  */
77
- exports.prepareStory = prepareStory;
78
75
  var packagePath = 'github/carbon-design-system/ibm-products/tree/main/examples/carbon-for-ibm-products';
79
- var codeSandboxHref = function codeSandboxHref(exampleDirectory) {
76
+ var codeSandboxHref = exports.codeSandboxHref = function codeSandboxHref(exampleDirectory) {
80
77
  return "https://codesandbox.io/p/sandbox/".concat(packagePath, "/").concat(exampleDirectory, "?file=%2Fsrc%2FExample%2FExample.jsx");
81
78
  };
82
- exports.codeSandboxHref = codeSandboxHref;
83
- var CodesandboxLink = function CodesandboxLink(_ref) {
79
+ var CodesandboxLink = exports.CodesandboxLink = function CodesandboxLink(_ref) {
84
80
  var exampleDirectory = _ref.exampleDirectory;
85
81
  var href = codeSandboxHref(exampleDirectory);
86
82
  return /*#__PURE__*/_react.default.createElement("a", {
@@ -90,18 +86,16 @@ var CodesandboxLink = function CodesandboxLink(_ref) {
90
86
  src: "https://codesandbox.io/static/img/play-codesandbox.svg"
91
87
  }));
92
88
  };
93
- exports.CodesandboxLink = CodesandboxLink;
94
89
  CodesandboxLink.propTypes = {
95
90
  /**
96
91
  * directory within examples codesandbox will be found
97
92
  */
98
93
  exampleDirectory: _propTypes.default.string
99
94
  };
100
- var stackblitzHref = function stackblitzHref(exampleDirectory) {
95
+ var stackblitzHref = exports.stackblitzHref = function stackblitzHref(exampleDirectory) {
101
96
  return "https://stackblitz.com/".concat(packagePath, "/").concat(exampleDirectory, "?file=src%2FExample%2FExample.jsx");
102
97
  };
103
- exports.stackblitzHref = stackblitzHref;
104
- var StackblitzLink = function StackblitzLink(_ref2) {
98
+ var StackblitzLink = exports.StackblitzLink = function StackblitzLink(_ref2) {
105
99
  var exampleDirectory = _ref2.exampleDirectory;
106
100
  var href = stackblitzHref(exampleDirectory);
107
101
  return /*#__PURE__*/_react.default.createElement("a", {
@@ -111,14 +105,13 @@ var StackblitzLink = function StackblitzLink(_ref2) {
111
105
  src: "https://c.staticblitz.com/assets/favicon_sb-861fe1b85c0dc928750c62de15fed96fc75e57ee366bd937bad17a3938917b3f.svg"
112
106
  }));
113
107
  };
114
- exports.StackblitzLink = StackblitzLink;
115
108
  StackblitzLink.propTypes = {
116
109
  /**
117
110
  * directory within examples stackblitz will be found
118
111
  */
119
112
  exampleDirectory: _propTypes.default.string
120
113
  };
121
- var palUsageHref = function palUsageHref(csfFile) {
114
+ var palUsageHref = exports.palUsageHref = function palUsageHref(csfFile) {
122
115
  var _csfFile$meta;
123
116
  var title = csfFile === null || csfFile === void 0 || (_csfFile$meta = csfFile.meta) === null || _csfFile$meta === void 0 ? void 0 : _csfFile$meta.title;
124
117
  var _title$split = title.split('/'),
@@ -130,8 +123,7 @@ var palUsageHref = function palUsageHref(csfFile) {
130
123
  return "https://pages.github.ibm.com/cdai-design/pal/".concat(kind, "s/").concat((0, _changeCase.paramCase)(section), "/usage");
131
124
  }
132
125
  };
133
- exports.palUsageHref = palUsageHref;
134
- var storyDocsPageTitle = function storyDocsPageTitle(csfFile) {
126
+ var storyDocsPageTitle = exports.storyDocsPageTitle = function storyDocsPageTitle(csfFile) {
135
127
  var _csfFile$meta2;
136
128
  var title = csfFile === null || csfFile === void 0 || (_csfFile$meta2 = csfFile.meta) === null || _csfFile$meta2 === void 0 ? void 0 : _csfFile$meta2.title;
137
129
  var _title$split3 = title.split('/'),
@@ -160,8 +152,7 @@ var storyDocsPageTitle = function storyDocsPageTitle(csfFile) {
160
152
  console.error('Error: unable to parse title from metadata.');
161
153
  return title;
162
154
  };
163
- exports.storyDocsPageTitle = storyDocsPageTitle;
164
- var storyDocsPageInfo = function storyDocsPageInfo(csfFile) {
155
+ var storyDocsPageInfo = exports.storyDocsPageInfo = function storyDocsPageInfo(csfFile) {
165
156
  var _csfFile$meta3;
166
157
  var title = csfFile === null || csfFile === void 0 || (_csfFile$meta3 = csfFile.meta) === null || _csfFile$meta3 === void 0 ? void 0 : _csfFile$meta3.title;
167
158
  var _title$split5 = title.split('/'),
@@ -207,8 +198,7 @@ var storyDocsPageInfo = function storyDocsPageInfo(csfFile) {
207
198
  }
208
199
  return result;
209
200
  };
210
- exports.storyDocsPageInfo = storyDocsPageInfo;
211
- var storyDocsGuidelines = function storyDocsGuidelines(csfFile) {
201
+ var storyDocsGuidelines = exports.storyDocsGuidelines = function storyDocsGuidelines(csfFile) {
212
202
  var storyInfo = storyDocsPageInfo(csfFile);
213
203
  return {
214
204
  href: storyInfo.guidelinesHref,
@@ -220,9 +210,8 @@ var storyDocsGuidelines = function storyDocsGuidelines(csfFile) {
220
210
  * A helper function that finds the designated theme on the Storybook canvas.
221
211
  * @returns "dark" or "light"
222
212
  */
223
- exports.storyDocsGuidelines = storyDocsGuidelines;
224
- var getSelectedCarbonTheme = function getSelectedCarbonTheme() {
225
- var themeId = document.querySelector('[storybook-carbon-theme]').getAttribute('storybook-carbon-theme');
213
+ var getSelectedCarbonTheme = exports.getSelectedCarbonTheme = function getSelectedCarbonTheme() {
214
+ var _document$querySelect;
215
+ var themeId = (_document$querySelect = document.querySelector('[storybook-carbon-theme]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getAttribute('storybook-carbon-theme');
226
216
  return themeId === 'g90' || themeId === 'g100' ? 'dark' : 'light';
227
- };
228
- exports.getSelectedCarbonTheme = getSelectedCarbonTheme;
217
+ };
@@ -8,7 +8,6 @@ exports.scssCompile = exports.scssCheck = exports.required = exports.mockHTMLEle
8
8
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
9
9
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
10
10
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
11
- var _ref, _ref2, _ref4, _ref5;
12
11
  //
13
12
  // Copyright IBM Corp. 2021, 2021
14
13
  //
@@ -32,7 +31,7 @@ var loadPath2 = r('../../../../../../node_modules');
32
31
  * containing details of the compilation failure.
33
32
  * @param {string} file fully qualified file name of the SCSS file to check.
34
33
  */
35
- var scssCheck = function scssCheck(file) {
34
+ var scssCheck = exports.scssCheck = function scssCheck(file) {
36
35
  // We use the sass cli because this is currently much faster than using
37
36
  // the API owing to the overhead of @import resolution through the API.
38
37
  // When the sass API is revised it may be feasible to switch back to
@@ -48,8 +47,7 @@ var scssCheck = function scssCheck(file) {
48
47
  * of the compilation failure.
49
48
  * @param {string} file fully qualified file name of the SCSS file to compile.
50
49
  */
51
- exports.scssCheck = scssCheck;
52
- var scssCompile = function scssCompile(file) {
50
+ var scssCompile = exports.scssCompile = function scssCompile(file) {
53
51
  var compressed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
54
52
  return (
55
53
  // We use the sass cli because this is currently much faster than using
@@ -77,9 +75,8 @@ var scssCompile = function scssCompile(file) {
77
75
  * This function should be called after tests in order not to pollute other
78
76
  * tests with the installed mocks.
79
77
  */
80
- exports.scssCompile = scssCompile;
81
78
  var hep = HTMLElement.prototype;
82
- var mockHTMLElement = function mockHTMLElement(options) {
79
+ var mockHTMLElement = exports.mockHTMLElement = function mockHTMLElement(options) {
83
80
  var originals = {};
84
81
  for (var option in options) {
85
82
  originals[option] = Object.getOwnPropertyDescriptor(hep, option);
@@ -104,7 +101,6 @@ var mockHTMLElement = function mockHTMLElement(options) {
104
101
 
105
102
  // a utility function used by expectWarn/Error to convert an argument
106
103
  // match element to an expect matcher
107
- exports.mockHTMLElement = mockHTMLElement;
108
104
  var makeMatcher = function makeMatcher(arg) {
109
105
  return typeof arg === 'string' ? expect.stringContaining(arg) : arg instanceof RegExp ? expect.stringMatching(arg) : arg;
110
106
  };
@@ -130,7 +126,7 @@ var makeMatcherArray = function makeMatcherArray(args) {
130
126
  * @param {Function} test the test function to call, during which the call to
131
127
  * console.warn will be expected.
132
128
  */
133
- var expectWarn = function expectWarn(message, test) {
129
+ var expectWarn = exports.expectWarn = function expectWarn(message, test) {
134
130
  var warn = jest.spyOn(console, 'warn').mockImplementation(jest.fn());
135
131
  var result = test();
136
132
  expect(warn).toBeCalledTimes(1);
@@ -143,9 +139,8 @@ var expectWarn = function expectWarn(message, test) {
143
139
  * An async version of expectWarn which awaits the test function and expects the call
144
140
  * to console.warn to have been made.
145
141
  */
146
- exports.expectWarn = expectWarn;
147
- var expectWarnAsync = function expectWarnAsync(_x, _x2) {
148
- return (_ref = _ref || (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(message, test) {
142
+ var expectWarnAsync = exports.expectWarnAsync = /*#__PURE__*/function () {
143
+ var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(message, test) {
149
144
  var _expect;
150
145
  var warn;
151
146
  return _regenerator.default.wrap(function _callee$(_context) {
@@ -163,8 +158,11 @@ var expectWarnAsync = function expectWarnAsync(_x, _x2) {
163
158
  return _context.stop();
164
159
  }
165
160
  }, _callee);
166
- }))).apply(this, arguments);
167
- };
161
+ }));
162
+ return function expectWarnAsync(_x, _x2) {
163
+ return _ref.apply(this, arguments);
164
+ };
165
+ }();
168
166
 
169
167
  /**
170
168
  * A helper function to enable a test to expect multiple calls to
@@ -180,9 +178,8 @@ var expectWarnAsync = function expectWarnAsync(_x, _x2) {
180
178
  * @param {Function} test the test function to call, during which the calls to
181
179
  * console.warn will be expected.
182
180
  */
183
- exports.expectWarnAsync = expectWarnAsync;
184
- var expectMultipleWarn = function expectMultipleWarn(_x3, _x4) {
185
- return (_ref2 = _ref2 || (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(messages, test) {
181
+ var expectMultipleWarn = exports.expectMultipleWarn = /*#__PURE__*/function () {
182
+ var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(messages, test) {
186
183
  var warn, result;
187
184
  return _regenerator.default.wrap(function _callee2$(_context2) {
188
185
  while (1) switch (_context2.prev = _context2.next) {
@@ -204,10 +201,12 @@ var expectMultipleWarn = function expectMultipleWarn(_x3, _x4) {
204
201
  return _context2.stop();
205
202
  }
206
203
  }, _callee2);
207
- }))).apply(this, arguments);
208
- };
209
- exports.expectMultipleWarn = expectMultipleWarn;
210
- var checkLogging = function checkLogging(mockedThing, message) {
204
+ }));
205
+ return function expectMultipleWarn(_x3, _x4) {
206
+ return _ref2.apply(this, arguments);
207
+ };
208
+ }();
209
+ var checkLogging = exports.checkLogging = function checkLogging(mockedThing, message) {
211
210
  if (message) {
212
211
  expect(mockedThing).toBeCalled();
213
212
  // TODO: React 18 update - console messages appear to be failing with calls that look like printf props
@@ -228,9 +227,8 @@ var checkLogging = function checkLogging(mockedThing, message) {
228
227
  * @param {Function} test the test function to call, during which the call to
229
228
  * console.error will be expected.
230
229
  */
231
- exports.checkLogging = checkLogging;
232
- var expectLogging = function expectLogging(_x5, _x6) {
233
- return (_ref4 = _ref4 || (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(_ref3, test) {
230
+ var expectLogging = exports.expectLogging = /*#__PURE__*/function () {
231
+ var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(_ref3, test) {
234
232
  var errors, warnings, error, warn, result;
235
233
  return _regenerator.default.wrap(function _callee3$(_context3) {
236
234
  while (1) switch (_context3.prev = _context3.next) {
@@ -252,8 +250,11 @@ var expectLogging = function expectLogging(_x5, _x6) {
252
250
  return _context3.stop();
253
251
  }
254
252
  }, _callee3);
255
- }))).apply(this, arguments);
256
- };
253
+ }));
254
+ return function expectLogging(_x5, _x6) {
255
+ return _ref4.apply(this, arguments);
256
+ };
257
+ }();
257
258
 
258
259
  /**
259
260
  * A helper function to enable a test to expect a single call to
@@ -268,8 +269,7 @@ var expectLogging = function expectLogging(_x5, _x6) {
268
269
  * @param {Function} test the test function to call, during which the call to
269
270
  * console.error will be expected.
270
271
  */
271
- exports.expectLogging = expectLogging;
272
- var expectError = function expectError(message, test) {
272
+ var expectError = exports.expectError = function expectError(message, test) {
273
273
  var error = jest.spyOn(console, 'error').mockImplementation(jest.fn());
274
274
  var result = test();
275
275
  checkLogging(error, message);
@@ -291,9 +291,8 @@ var expectError = function expectError(message, test) {
291
291
  * @param {Function} test the test function to call, during which the calls to
292
292
  * console.error will be expected.
293
293
  */
294
- exports.expectError = expectError;
295
- var expectMultipleError = function expectMultipleError(_x7, _x8) {
296
- return (_ref5 = _ref5 || (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(messages, test) {
294
+ var expectMultipleError = exports.expectMultipleError = /*#__PURE__*/function () {
295
+ var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(messages, test) {
297
296
  var error, result;
298
297
  return _regenerator.default.wrap(function _callee4$(_context4) {
299
298
  while (1) switch (_context4.prev = _context4.next) {
@@ -320,8 +319,11 @@ var expectMultipleError = function expectMultipleError(_x7, _x8) {
320
319
  return _context4.stop();
321
320
  }
322
321
  }, _callee4);
323
- }))).apply(this, arguments);
324
- };
322
+ }));
323
+ return function expectMultipleError(_x7, _x8) {
324
+ return _ref5.apply(this, arguments);
325
+ };
326
+ }();
325
327
 
326
328
  /**
327
329
  * Return an expect matcher for a prop deprecation, suitable to pass to expectWarn
@@ -329,8 +331,7 @@ var expectMultipleError = function expectMultipleError(_x7, _x8) {
329
331
  * @param {string} propName the prop name that is deprecated, or a matching regex
330
332
  * @param {string} componentName the component name on which the prop is defined, or a matching regex
331
333
  */
332
- exports.expectMultipleError = expectMultipleError;
333
- var deprecated = function deprecated(propName, componentName) {
334
+ var deprecated = exports.deprecated = function deprecated(propName, componentName) {
334
335
  var additionalInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
335
336
  return expect.stringMatching(new RegExp("^The prop `".concat(propName, "` of `").concat(componentName, "` has been deprecated and will soon be removed. ").concat(additionalInfo)));
336
337
  };
@@ -341,8 +342,7 @@ var deprecated = function deprecated(propName, componentName) {
341
342
  * @param {string} propName the prop name whose usage has changed
342
343
  * @param {string} componentName the component name on which the prop is defined
343
344
  */
344
- exports.deprecated = deprecated;
345
- var deprecatedUsage = function deprecatedUsage(propName, componentName) {
345
+ var deprecatedUsage = exports.deprecatedUsage = function deprecatedUsage(propName, componentName) {
346
346
  var additionalInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
347
347
  return expect.stringMatching(new RegExp("^The usage of the prop `".concat(propName, "` of `").concat(componentName, "` has been changed and support for the old usage will soon be removed. ").concat(additionalInfo)));
348
348
  };
@@ -353,8 +353,7 @@ var deprecatedUsage = function deprecatedUsage(propName, componentName) {
353
353
  * @param {string} propName the prop name that is required, or a matching regex
354
354
  * @param {string} componentName the component name on which the prop is defined, or a matching regex
355
355
  */
356
- exports.deprecatedUsage = deprecatedUsage;
357
- var required = function required(propName, componentName) {
356
+ var required = exports.required = function required(propName, componentName) {
358
357
  return expect.stringMatching(new RegExp("^Warning: Failed prop type: The prop `".concat(propName, "` is marked as required in `").concat(componentName, "`, but its value is `(.*)`.")));
359
358
  };
360
359
 
@@ -366,8 +365,6 @@ var required = function required(propName, componentName) {
366
365
  * @param {string} suppliedType the type that is being supplied, or a matching regex
367
366
  * @param {string} expectedType the type that is expected, or a matching regex
368
367
  */
369
- exports.required = required;
370
- var invalid = function invalid(propName, componentName, suppliedType, expectedType) {
368
+ var invalid = exports.invalid = function invalid(propName, componentName, suppliedType, expectedType) {
371
369
  return expect.stringMatching(new RegExp("^Warning: Failed prop type: Invalid prop `".concat(propName, "` of type `").concat(suppliedType, "` supplied to `").concat(componentName, "`, expected `").concat(expectedType, "`.")));
372
- };
373
- exports.invalid = invalid;
370
+ };
@@ -66,5 +66,4 @@ var unwrapIfFragment = function unwrapIfFragment(children) {
66
66
  });
67
67
  return keyedChildren;
68
68
  };
69
- var _default = unwrapIfFragment;
70
- exports.default = _default;
69
+ var _default = exports.default = unwrapIfFragment;
@@ -14,5 +14,4 @@ function uuidv4() {
14
14
  return (c ^ randomValues(c)).toString(16);
15
15
  });
16
16
  }
17
- var _default = uuidv4;
18
- exports.default = _default;
17
+ var _default = exports.default = uuidv4;
@@ -11,5 +11,4 @@ function wait(ms) {
11
11
  return setTimeout(resolve, ms);
12
12
  });
13
13
  }
14
- var _default = wait;
15
- exports.default = _default;
14
+ var _default = exports.default = wait;
@@ -70,5 +70,4 @@ function wrapFocus(_ref) {
70
70
  }
71
71
  }
72
72
  }
73
- var _default = wrapFocus;
74
- exports.default = _default;
73
+ var _default = exports.default = wrapFocus;
package/lib/settings.js CHANGED
@@ -10,13 +10,12 @@ var _packageSettings = _interopRequireDefault(require("./global/js/package-setti
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
  var _themes = require("@carbon/themes");
12
12
  var _pconsole = _interopRequireDefault(require("./global/js/utils/pconsole"));
13
- var carbon = {
13
+ var carbon = exports.carbon = {
14
14
  get themes() {
15
15
  return _themes.themes;
16
16
  },
17
17
  prefix: 'cds'
18
18
  };
19
- exports.carbon = carbon;
20
19
  var componentDeprecatedWarning = function componentDeprecatedWarning(name, details) {
21
20
  return "Carbon for IBM Products (WARNING): Component \"".concat(name, "\" is deprecated. ").concat(details);
22
21
  };
@@ -90,5 +89,4 @@ _packageSettings.default.checkComponentEnabled = function (component, name) {
90
89
  });
91
90
  }
92
91
  };
93
- var pkg = _packageSettings.default;
94
- exports.pkg = pkg;
92
+ var pkg = exports.pkg = _packageSettings.default;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/ibm-products",
3
3
  "description": "Carbon for IBM Products",
4
- "version": "2.12.0",
4
+ "version": "2.13.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -87,14 +87,14 @@
87
87
  "react-window": "^1.8.9"
88
88
  },
89
89
  "peerDependencies": {
90
- "@carbon/grid": "^11.19.0",
90
+ "@carbon/grid": "^11.20.0",
91
91
  "@carbon/layout": "^11.19.0",
92
92
  "@carbon/motion": "^11.15.0",
93
- "@carbon/react": "^1.37.0",
94
- "@carbon/themes": "^11.24.0",
95
- "@carbon/type": "^11.23.0",
93
+ "@carbon/react": "^1.40.0",
94
+ "@carbon/themes": "^11.25.0",
95
+ "@carbon/type": "^11.24.0",
96
96
  "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
97
97
  "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
98
98
  },
99
- "gitHead": "3379b9af8e581eb50ec510e8a81248b4ec6d439d"
99
+ "gitHead": "0f226a6af5fd9c21aa5d39f26266f561895385b9"
100
100
  }
@@ -39,12 +39,11 @@ $block-class: #{c4p-settings.$pkg-prefix}--about-modal;
39
39
  .#{$block-class} .#{$block-class}__body {
40
40
  @include type.type-style('body-compact-02');
41
41
 
42
+ overflow: hidden auto;
42
43
  min-height: $spacing-10;
43
44
  padding: 0 20% 0 $spacing-05;
44
45
  margin-bottom: $spacing-06;
45
46
  grid-row: auto;
46
- overflow-x: hidden;
47
- overflow-y: auto;
48
47
  }
49
48
 
50
49
  .#{$block-class}