@carbon/ibm-products 2.12.1 → 2.13.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (346) hide show
  1. package/css/index-full-carbon.css +3482 -3232
  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 +1040 -988
  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 +1415 -1431
  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/DatagridToolbar.js +1 -1
  25. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +20 -6
  26. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +5 -4
  27. package/es/components/ImportModal/ImportModal.js +7 -5
  28. package/es/components/PageHeader/PageHeader.js +1 -1
  29. package/es/components/index.js +2 -1
  30. package/es/global/js/hooks/useCreateComponentFocus.js +7 -5
  31. package/es/global/js/hooks/useCreateComponentStepChange.js +28 -17
  32. package/es/global/js/package-settings.js +4 -2
  33. package/es/global/js/utils/story-helper.js +2 -1
  34. package/es/global/js/utils/test-helper.js +28 -17
  35. package/lib/components/APIKeyModal/APIKeyDownloader.js +10 -9
  36. package/lib/components/APIKeyModal/APIKeyModal.docs-page.js +3 -4
  37. package/lib/components/APIKeyModal/APIKeyModal.js +10 -9
  38. package/lib/components/AboutModal/AboutModal.docs-page.js +3 -4
  39. package/lib/components/AboutModal/AboutModal.js +3 -4
  40. package/lib/components/ActionBar/ActionBar.js +3 -4
  41. package/lib/components/ActionBar/ActionBarItem.js +1 -2
  42. package/lib/components/ActionBar/ActionBarOverflowItems.js +3 -4
  43. package/lib/components/ActionSet/ActionSet.js +1 -2
  44. package/lib/components/ActionSet/actions.js +4 -7
  45. package/lib/components/AddSelect/AddSelect.js +3 -4
  46. package/lib/components/AddSelect/AddSelectBody.js +3 -4
  47. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +1 -2
  48. package/lib/components/AddSelect/AddSelectColumn.js +3 -4
  49. package/lib/components/AddSelect/AddSelectFilter.js +3 -4
  50. package/lib/components/AddSelect/AddSelectFormControl.js +1 -2
  51. package/lib/components/AddSelect/AddSelectList.js +1 -2
  52. package/lib/components/AddSelect/AddSelectMetaPanel.js +3 -4
  53. package/lib/components/AddSelect/AddSelectRow.js +3 -4
  54. package/lib/components/AddSelect/AddSelectSidebar.js +1 -2
  55. package/lib/components/AddSelect/AddSelectSort.js +1 -2
  56. package/lib/components/AddSelect/add-select-utils.js +5 -9
  57. package/lib/components/AddSelect/hooks/useFocus.js +1 -2
  58. package/lib/components/AddSelect/hooks/useItemSort.js +2 -3
  59. package/lib/components/AddSelect/hooks/useParentSelect.js +1 -2
  60. package/lib/components/AddSelect/hooks/usePath.js +1 -2
  61. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +3 -4
  62. package/lib/components/ButtonMenu/ButtonMenu.js +1 -2
  63. package/lib/components/ButtonMenu/ButtonMenuItem.js +1 -2
  64. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +3 -4
  65. package/lib/components/Card/Card.js +3 -4
  66. package/lib/components/Card/CardFooter.js +1 -2
  67. package/lib/components/Card/CardHeader.js +1 -2
  68. package/lib/components/Cascade/Cascade.docs-page.js +3 -4
  69. package/lib/components/Cascade/Cascade.js +3 -4
  70. package/lib/components/Checklist/Checklist.docs-page.js +23 -0
  71. package/lib/components/Checklist/Checklist.js +297 -0
  72. package/lib/components/Checklist/ChecklistChart.js +99 -0
  73. package/lib/components/Checklist/ChecklistIcon.js +109 -0
  74. package/lib/components/Checklist/index.js +12 -0
  75. package/lib/components/ComboButton/ComboButton.js +3 -4
  76. package/lib/components/ComboButton/ComboButtonItem/index.js +1 -2
  77. package/lib/components/CreateFullPage/CreateFullPage.docs-page.js +3 -4
  78. package/lib/components/CreateFullPage/CreateFullPage.js +5 -8
  79. package/lib/components/CreateFullPage/CreateFullPageStep.js +3 -4
  80. package/lib/components/CreateInfluencer/CreateInfluencer.js +1 -2
  81. package/lib/components/CreateModal/CreateModal.docs-page.js +3 -4
  82. package/lib/components/CreateModal/CreateModal.js +1 -2
  83. package/lib/components/CreateSidePanel/CreateSidePanel.docs-page.js +3 -4
  84. package/lib/components/CreateSidePanel/CreateSidePanel.js +1 -2
  85. package/lib/components/CreateTearsheet/CreateTearsheet.docs-page.js +3 -4
  86. package/lib/components/CreateTearsheet/CreateTearsheet.js +5 -8
  87. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +3 -4
  88. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +3 -4
  89. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -5
  90. package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +4 -5
  91. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +1 -2
  92. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +3 -4
  93. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +3 -4
  94. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +3 -4
  95. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +2 -3
  96. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +2 -3
  97. package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +2 -3
  98. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +2 -3
  99. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +2 -3
  100. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +2 -3
  101. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +2 -3
  102. package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +2 -3
  103. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +2 -3
  104. package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +2 -3
  105. package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +2 -3
  106. package/lib/components/DataSpreadsheet/utils/generateData.js +2 -3
  107. package/lib/components/DataSpreadsheet/utils/getCellSize.js +2 -3
  108. package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +2 -3
  109. package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +2 -3
  110. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +2 -3
  111. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +2 -3
  112. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +2 -3
  113. package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +2 -3
  114. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +2 -3
  115. package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +4 -7
  116. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +2 -3
  117. package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +2 -3
  118. package/lib/components/DataSpreadsheet/utils/selectAllCells.js +2 -3
  119. package/lib/components/Datagrid/Datagrid/Datagrid.js +1 -2
  120. package/lib/components/Datagrid/Datagrid/DatagridBody.js +1 -2
  121. package/lib/components/Datagrid/Datagrid/DatagridContent.js +3 -4
  122. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -2
  123. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +1 -2
  124. package/lib/components/Datagrid/Datagrid/DatagridHead.js +1 -2
  125. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -4
  126. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +1 -2
  127. package/lib/components/Datagrid/Datagrid/DatagridRow.js +1 -2
  128. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -5
  129. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -4
  130. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -2
  131. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +4 -5
  132. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -4
  133. package/lib/components/Datagrid/Datagrid/DraggableElement.js +1 -2
  134. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -4
  135. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +3 -4
  136. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +3 -4
  137. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +3 -4
  138. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +1 -2
  139. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +3 -4
  140. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +2 -3
  141. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +3 -4
  142. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +4 -6
  143. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +5 -8
  144. package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +3 -4
  145. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +13 -26
  146. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -2
  147. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +4 -6
  148. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -2
  149. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -2
  150. package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +4 -7
  151. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +2 -3
  152. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -2
  153. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +3 -4
  154. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +4 -6
  155. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +2 -3
  156. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +2 -3
  157. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -3
  158. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +2 -3
  159. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +2 -3
  160. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +26 -13
  161. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +9 -6
  162. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +5 -9
  163. package/lib/components/Datagrid/Datagrid.docs-page.js +4 -5
  164. package/lib/components/Datagrid/Datagrid.stories/CustomizeColumnStory.js +2 -3
  165. package/lib/components/Datagrid/Datagrid.stories/RowSizeDropdownStory.js +2 -3
  166. package/lib/components/Datagrid/Datagrid.stories/SelectAllWithToggleStory.js +2 -3
  167. package/lib/components/Datagrid/Datagrid.stories/common.js +4 -7
  168. package/lib/components/Datagrid/Extensions/ColumnAlignment/ColumnAlignment.docs-page.js +2 -3
  169. package/lib/components/Datagrid/Extensions/ColumnCustomization/ColumnCustomization.docs-page.js +2 -3
  170. package/lib/components/Datagrid/Extensions/EditableCell/EditableCell.docs-page.js +2 -3
  171. package/lib/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.js +2 -3
  172. package/lib/components/Datagrid/Extensions/Filtering/Filtering.docs-page.js +2 -3
  173. package/lib/components/Datagrid/Extensions/RowActionButtons/RowActionButtons.docs-page.js +2 -3
  174. package/lib/components/Datagrid/common-column-ids.js +1 -2
  175. package/lib/components/Datagrid/useActionsColumn.js +3 -4
  176. package/lib/components/Datagrid/useColumnCenterAlign.js +1 -2
  177. package/lib/components/Datagrid/useColumnOrder.js +1 -2
  178. package/lib/components/Datagrid/useColumnRightAlign.js +1 -2
  179. package/lib/components/Datagrid/useCustomizeColumns.js +3 -4
  180. package/lib/components/Datagrid/useDatagrid.js +1 -2
  181. package/lib/components/Datagrid/useDefaultStringRenderer.js +1 -2
  182. package/lib/components/Datagrid/useDisableSelectRows.js +1 -2
  183. package/lib/components/Datagrid/useEditableCell.js +1 -2
  184. package/lib/components/Datagrid/useExpandedRow.js +1 -2
  185. package/lib/components/Datagrid/useFiltering.js +1 -2
  186. package/lib/components/Datagrid/useFlexResize.js +1 -2
  187. package/lib/components/Datagrid/useFloatingScroll.js +1 -2
  188. package/lib/components/Datagrid/useInfiniteScroll.js +1 -2
  189. package/lib/components/Datagrid/useInlineEdit.js +3 -4
  190. package/lib/components/Datagrid/useNestedRowExpander.js +3 -4
  191. package/lib/components/Datagrid/useNestedRows.js +1 -2
  192. package/lib/components/Datagrid/useOnRowClick.js +1 -2
  193. package/lib/components/Datagrid/useParentDimensions.js +1 -2
  194. package/lib/components/Datagrid/useResizeTable.js +1 -2
  195. package/lib/components/Datagrid/useRowExpander.js +3 -4
  196. package/lib/components/Datagrid/useRowIsMouseOver.js +1 -2
  197. package/lib/components/Datagrid/useRowRenderer.js +1 -2
  198. package/lib/components/Datagrid/useRowSize.js +1 -2
  199. package/lib/components/Datagrid/useSelectAllToggle.js +3 -4
  200. package/lib/components/Datagrid/useSelectRows.js +3 -4
  201. package/lib/components/Datagrid/useSkeletonRows.js +1 -2
  202. package/lib/components/Datagrid/useSortableColumns.js +1 -2
  203. package/lib/components/Datagrid/useStickyColumn.js +1 -2
  204. package/lib/components/Datagrid/utils/DatagridActions.js +4 -5
  205. package/lib/components/Datagrid/utils/DatagridPagination.js +2 -3
  206. package/lib/components/Datagrid/utils/Wrapper.js +2 -3
  207. package/lib/components/Datagrid/utils/getArgTypes.js +2 -3
  208. package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +2 -3
  209. package/lib/components/Datagrid/utils/getInlineEditColumns.js +3 -5
  210. package/lib/components/Datagrid/utils/makeData.js +3 -6
  211. package/lib/components/EditFullPage/EditFullPage.docs-page.js +3 -4
  212. package/lib/components/EditFullPage/EditFullPage.js +1 -2
  213. package/lib/components/EditInPlace/EditInPlace.js +4 -6
  214. package/lib/components/EditSidePanel/EditSidePanel.js +1 -2
  215. package/lib/components/EditTearsheet/EditTearsheet.docs-page.js +3 -4
  216. package/lib/components/EditTearsheet/EditTearsheet.js +5 -8
  217. package/lib/components/EditTearsheet/EditTearsheetForm.js +3 -4
  218. package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +4 -5
  219. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -2
  220. package/lib/components/EditUpdateCards/EditUpdateCards.js +1 -2
  221. package/lib/components/EmptyStates/EmptyState.js +2 -4
  222. package/lib/components/EmptyStates/EmptyStateContent.js +1 -2
  223. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -2
  224. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -2
  225. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -2
  226. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -2
  227. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -2
  228. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -2
  229. package/lib/components/EmptyStates/assets/ErrorIllustration.js +1 -2
  230. package/lib/components/EmptyStates/assets/NoDataIllustration.js +1 -2
  231. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +1 -2
  232. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +1 -2
  233. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +1 -2
  234. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +1 -2
  235. package/lib/components/ExampleComponent/ExampleComponent.docs-page.js +3 -4
  236. package/lib/components/ExampleComponent/ExampleComponent.js +3 -4
  237. package/lib/components/ExampleComponent/ExampleDeprecatedComponent.js +1 -2
  238. package/lib/components/ExampleComponent/useExample.js +1 -2
  239. package/lib/components/ExportModal/ExportModal.js +3 -4
  240. package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -4
  241. package/lib/components/FilterSummary/FilterSummary.js +1 -2
  242. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -2
  243. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -2
  244. package/lib/components/HTTPErrors/HTTPErrorContent.js +1 -2
  245. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -2
  246. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +1 -2
  247. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +1 -2
  248. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +1 -2
  249. package/lib/components/ImportModal/ImportModal.docs-page.js +1 -2
  250. package/lib/components/ImportModal/ImportModal.js +10 -9
  251. package/lib/components/MultiAddSelect/MultiAddSelect.docs-page.js +1 -2
  252. package/lib/components/MultiAddSelect/MultiAddSelect.js +3 -4
  253. package/lib/components/NotificationsPanel/NotificationsPanel.js +3 -4
  254. package/lib/components/NotificationsPanel/NotificationsPanel_data.js +1 -2
  255. package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +2 -3
  256. package/lib/components/NotificationsPanel/utils.js +1 -2
  257. package/lib/components/OptionsTile/OptionsTile.js +3 -4
  258. package/lib/components/PageHeader/PageHeader.js +5 -7
  259. package/lib/components/PageHeader/PageHeaderDemo.data.js +3 -4
  260. package/lib/components/PageHeader/PageHeaderTitle.js +2 -4
  261. package/lib/components/PageHeader/PageHeaderUtils.js +5 -9
  262. package/lib/components/ProductiveCard/ProductiveCard.js +3 -4
  263. package/lib/components/RemoveModal/RemoveModal.docs-page.js +1 -2
  264. package/lib/components/RemoveModal/RemoveModal.js +3 -4
  265. package/lib/components/Saving/Saving.js +3 -4
  266. package/lib/components/SidePanel/SidePanel.js +3 -4
  267. package/lib/components/SidePanel/constants.js +2 -3
  268. package/lib/components/SidePanel/motion/variants.js +3 -5
  269. package/lib/components/SimpleHeader/SimpleHeader.docs-page.js +3 -4
  270. package/lib/components/SimpleHeader/SimpleHeader.js +4 -6
  271. package/lib/components/SingleAddSelect/SingleAddSelect.docs-page.js +1 -2
  272. package/lib/components/SingleAddSelect/SingleAddSelect.js +3 -4
  273. package/lib/components/StatusIcon/StatusIcon.docs-page.js +3 -4
  274. package/lib/components/StatusIcon/StatusIcon.js +3 -4
  275. package/lib/components/TagSet/TagSet.js +5 -8
  276. package/lib/components/TagSet/TagSetModal.js +3 -4
  277. package/lib/components/TagSet/TagSetOverflow.js +3 -4
  278. package/lib/components/TagSet/constants.js +2 -3
  279. package/lib/components/Tearsheet/Tearsheet.js +2 -4
  280. package/lib/components/Tearsheet/TearsheetNarrow.js +2 -4
  281. package/lib/components/Tearsheet/TearsheetShell.js +8 -14
  282. package/lib/components/Toolbar/Toolbar.docs-page.js +3 -4
  283. package/lib/components/Toolbar/Toolbar.js +6 -10
  284. package/lib/components/Toolbar/ToolbarButton.js +4 -6
  285. package/lib/components/Toolbar/ToolbarGroup.js +3 -4
  286. package/lib/components/TooltipTrigger/TooltipTrigger.js +1 -2
  287. package/lib/components/TooltipTrigger/useExample.js +1 -2
  288. package/lib/components/UserProfileImage/UserProfileImage.docs-page.js +3 -4
  289. package/lib/components/UserProfileImage/UserProfileImage.js +1 -2
  290. package/lib/components/WebTerminal/WebTerminal.docs-page.js +3 -4
  291. package/lib/components/WebTerminal/WebTerminal.js +3 -4
  292. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +1 -2
  293. package/lib/components/WebTerminal/hooks/index.js +6 -9
  294. package/lib/components/WebTerminal/preview-components/Navigation.js +1 -2
  295. package/lib/components/WebTerminal/preview-components/documentationLinks.js +2 -3
  296. package/lib/components/_Canary/Canary.js +1 -2
  297. package/lib/components/index.js +8 -1
  298. package/lib/global/decorators/sidePanelDecorator.js +2 -3
  299. package/lib/global/js/hooks/useActiveElement.js +2 -3
  300. package/lib/global/js/hooks/useClickOutside.js +2 -3
  301. package/lib/global/js/hooks/useCreateComponentFocus.js +9 -8
  302. package/lib/global/js/hooks/useCreateComponentStepChange.js +30 -20
  303. package/lib/global/js/hooks/usePortalTarget.js +2 -3
  304. package/lib/global/js/hooks/usePreviousValue.js +2 -3
  305. package/lib/global/js/hooks/useResetCreateComponent.js +2 -3
  306. package/lib/global/js/hooks/useResizeObserver.js +2 -3
  307. package/lib/global/js/hooks/useRetrieveFormTitles.js +2 -3
  308. package/lib/global/js/hooks/useRetrieveStepData.js +2 -3
  309. package/lib/global/js/hooks/useValidCreateStepCount.js +2 -3
  310. package/lib/global/js/hooks/useWindowResize.js +2 -3
  311. package/lib/global/js/package-settings.js +6 -5
  312. package/lib/global/js/utils/ClickListener.js +3 -4
  313. package/lib/global/js/utils/DisplayBox.js +1 -2
  314. package/lib/global/js/utils/StoryDocsPage.js +2 -4
  315. package/lib/global/js/utils/Wrap.js +1 -2
  316. package/lib/global/js/utils/deepCloneObject.js +2 -3
  317. package/lib/global/js/utils/devtools.js +1 -2
  318. package/lib/global/js/utils/getBezierValues.js +2 -3
  319. package/lib/global/js/utils/getFocusableElements.js +2 -3
  320. package/lib/global/js/utils/getNodeTextContent.js +2 -3
  321. package/lib/global/js/utils/getNumberOfHiddenSteps.js +2 -3
  322. package/lib/global/js/utils/getScrollbarWidth.js +2 -3
  323. package/lib/global/js/utils/keyboardNavigation.js +4 -8
  324. package/lib/global/js/utils/lastIndexInArray.js +2 -3
  325. package/lib/global/js/utils/motionConstants.js +4 -5
  326. package/lib/global/js/utils/pconsole.js +8 -15
  327. package/lib/global/js/utils/props-helper.js +7 -14
  328. package/lib/global/js/utils/rangeWithCallback.js +2 -3
  329. package/lib/global/js/utils/scrollableAncestor.js +2 -3
  330. package/lib/global/js/utils/story-helper.js +15 -26
  331. package/lib/global/js/utils/test-helper.js +39 -42
  332. package/lib/global/js/utils/unwrap-if-fragment.js +1 -2
  333. package/lib/global/js/utils/uuidv4.js +1 -2
  334. package/lib/global/js/utils/wait.js +1 -2
  335. package/lib/global/js/utils/wrapFocus.js +1 -2
  336. package/lib/settings.js +2 -4
  337. package/package.json +6 -6
  338. package/scss/components/AboutModal/_about-modal.scss +1 -2
  339. package/scss/components/Checklist/_checklist.scss +217 -0
  340. package/scss/components/Checklist/_index.scss +8 -0
  341. package/scss/components/Checklist/_storybook-styles.scss +13 -0
  342. package/scss/components/CreateFullPage/_storybook-styles.scss +1 -1
  343. package/scss/components/Datagrid/_datagrid.scss +1 -0
  344. package/scss/components/Datagrid/styles/_datagrid.scss +1 -2
  345. package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +5 -0
  346. package/scss/components/_index.scss +2 -1
@@ -47,7 +47,7 @@ var defaults = {
47
47
  * the ref.current will be set to the wrapper element if it renders, and will
48
48
  * remain undefined if it does not render.
49
49
  */
50
- var Wrap = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
50
+ var Wrap = exports.Wrap = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
51
51
  var alwaysRender = _ref.alwaysRender,
52
52
  children = _ref.children,
53
53
  _ref$element = _ref.element,
@@ -58,7 +58,6 @@ var Wrap = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
58
58
  ref: ref
59
59
  }), children);
60
60
  });
61
- exports.Wrap = Wrap;
62
61
  Wrap.displayName = 'Wrap';
63
62
  Wrap.propTypes = {
64
63
  /**
@@ -14,7 +14,7 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
14
14
  */
15
15
 
16
16
  // Utility to return a deep clone of a nested object or array.
17
- var deepCloneObject = function deepCloneObject(objectToClone) {
17
+ var deepCloneObject = exports.deepCloneObject = function deepCloneObject(objectToClone) {
18
18
  // Return the value if objectToClone is not an object
19
19
  if ((0, _typeof2.default)(objectToClone) !== 'object' || objectToClone === null) {
20
20
  return objectToClone;
@@ -27,5 +27,4 @@ var deepCloneObject = function deepCloneObject(objectToClone) {
27
27
  clonedObject[key] = deepCloneObject(value);
28
28
  }
29
29
  return clonedObject;
30
- };
31
- exports.deepCloneObject = deepCloneObject;
30
+ };
@@ -16,8 +16,7 @@ var _packageSettings = _interopRequireDefault(require("../package-settings"));
16
16
  * LICENSE file in the root directory of this source tree.
17
17
  */
18
18
 
19
- var devtoolsAttribute = 'data-carbon-devtools-id';
20
- exports.devtoolsAttribute = devtoolsAttribute;
19
+ var devtoolsAttribute = exports.devtoolsAttribute = 'data-carbon-devtools-id';
21
20
  function getDevtoolsId(componentName) {
22
21
  return "".concat(_packageSettings.default.prefix, "--").concat(componentName);
23
22
  }
@@ -12,7 +12,7 @@ var _motion = require("@carbon/motion");
12
12
  * @param {string} mode - The carbon motion mode, either 'productive', or 'expressive'
13
13
  */
14
14
 
15
- var getBezierValues = function getBezierValues(type, mode) {
15
+ var getBezierValues = exports.getBezierValues = function getBezierValues(type, mode) {
16
16
  var cubicBezier = (0, _motion.motion)(type, mode);
17
17
  var extractStringFromParens = /\(([^)]+)\)/;
18
18
  var desiredBezierStrings = extractStringFromParens.exec(cubicBezier)[1];
@@ -21,5 +21,4 @@ var getBezierValues = function getBezierValues(type, mode) {
21
21
  return formattedDesiredBezierStrings;
22
22
  }
23
23
  return [];
24
- };
25
- exports.getBezierValues = getBezierValues;
24
+ };
@@ -14,9 +14,8 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
14
14
  */
15
15
 
16
16
  // Returns an array of focusable elements
17
- var getFocusableElements = function getFocusableElements(element) {
17
+ var getFocusableElements = exports.getFocusableElements = function getFocusableElements(element) {
18
18
  return (0, _toConsumableArray2.default)(element.querySelectorAll('a, button, input, textarea, select, details,[tabindex]:not([tabindex="-1"])')).filter(function (e) {
19
19
  return !e.hasAttribute('disabled');
20
20
  });
21
- };
22
- exports.getFocusableElements = getFocusableElements;
21
+ };
@@ -27,7 +27,7 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
27
27
  * @param {Node} node A React node
28
28
  * @returns {string}
29
29
  */
30
- var getNodeTextContent = function getNodeTextContent(node) {
30
+ var getNodeTextContent = exports.getNodeTextContent = function getNodeTextContent(node) {
31
31
  if (node == null) {
32
32
  return '';
33
33
  }
@@ -55,5 +55,4 @@ var getNodeTextContent = function getNodeTextContent(node) {
55
55
  // Ignore all other JavaScript types.
56
56
  return '';
57
57
  }
58
- };
59
- exports.getNodeTextContent = getNodeTextContent;
58
+ };
@@ -11,7 +11,7 @@ exports.getNumberOfHiddenSteps = void 0;
11
11
  * LICENSE file in the root directory of this source tree.
12
12
  */
13
13
 
14
- var getNumberOfHiddenSteps = function getNumberOfHiddenSteps(stepData, initialStep) {
14
+ var getNumberOfHiddenSteps = exports.getNumberOfHiddenSteps = function getNumberOfHiddenSteps(stepData, initialStep) {
15
15
  var numberOfHiddenSteps = 0;
16
16
  stepData.forEach(function (step, stepIndex) {
17
17
  if (stepIndex + 1 > initialStep) {
@@ -22,5 +22,4 @@ var getNumberOfHiddenSteps = function getNumberOfHiddenSteps(stepData, initialSt
22
22
  }
23
23
  });
24
24
  return numberOfHiddenSteps;
25
- };
26
- exports.getNumberOfHiddenSteps = getNumberOfHiddenSteps;
25
+ };
@@ -11,12 +11,11 @@ exports.getScrollbarWidth = void 0;
11
11
  * LICENSE file in the root directory of this source tree.
12
12
  */
13
13
 
14
- var getScrollbarWidth = function getScrollbarWidth() {
14
+ var getScrollbarWidth = exports.getScrollbarWidth = function getScrollbarWidth() {
15
15
  var scrollDiv = document.createElement('div');
16
16
  scrollDiv.setAttribute('style', 'width: 100px; height: 100px; overflow: scroll; position:absolute; top:-9999px;');
17
17
  document.body.appendChild(scrollDiv);
18
18
  var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
19
19
  document.body.removeChild(scrollDiv);
20
20
  return scrollbarWidth;
21
- };
22
- exports.getScrollbarWidth = getScrollbarWidth;
21
+ };
@@ -19,7 +19,7 @@ exports.selectorTabbable = exports.selectorFocusable = exports.DOCUMENT_POSITION
19
19
  * A flag `node.compareDocumentPosition(target)` returns,
20
20
  * that indicates `target` is located earlier than `node` in the document or `target` contains `node`.
21
21
  */
22
- var DOCUMENT_POSITION_BROAD_PRECEDING =
22
+ var DOCUMENT_POSITION_BROAD_PRECEDING = exports.DOCUMENT_POSITION_BROAD_PRECEDING =
23
23
  // Checks `typeof Node` for `react-docgen`
24
24
  typeof Node !== 'undefined' && Node.DOCUMENT_POSITION_PRECEDING | Node.DOCUMENT_POSITION_CONTAINS;
25
25
 
@@ -27,20 +27,16 @@ typeof Node !== 'undefined' && Node.DOCUMENT_POSITION_PRECEDING | Node.DOCUMENT_
27
27
  * A flag `node.compareDocumentPosition(target)` returns,
28
28
  * that indicates `target` is located later than `node` in the document or `node` contains `target`.
29
29
  */
30
- exports.DOCUMENT_POSITION_BROAD_PRECEDING = DOCUMENT_POSITION_BROAD_PRECEDING;
31
- var DOCUMENT_POSITION_BROAD_FOLLOWING =
30
+ var DOCUMENT_POSITION_BROAD_FOLLOWING = exports.DOCUMENT_POSITION_BROAD_FOLLOWING =
32
31
  // Checks `typeof Node` for `react-docgen`
33
32
  typeof Node !== 'undefined' && Node.DOCUMENT_POSITION_FOLLOWING | Node.DOCUMENT_POSITION_CONTAINED_BY;
34
33
 
35
34
  /**
36
35
  * CSS selector that selects major nodes that are sequential-focusable.
37
36
  */
38
- exports.DOCUMENT_POSITION_BROAD_FOLLOWING = DOCUMENT_POSITION_BROAD_FOLLOWING;
39
- var selectorTabbable = "\n a[href], area[href], input:not([disabled]):not([tabindex='-1']),\n button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),\n textarea:not([disabled]):not([tabindex='-1']),\n iframe, object, embed, *[tabindex]:not([tabindex='-1']):not([disabled]), *[contenteditable=true]\n";
37
+ var selectorTabbable = exports.selectorTabbable = "\n a[href], area[href], input:not([disabled]):not([tabindex='-1']),\n button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),\n textarea:not([disabled]):not([tabindex='-1']),\n iframe, object, embed, *[tabindex]:not([tabindex='-1']):not([disabled]), *[contenteditable=true]\n";
40
38
 
41
39
  /**
42
40
  * CSS selector that selects major nodes that are click focusable
43
41
  */
44
- exports.selectorTabbable = selectorTabbable;
45
- var selectorFocusable = "\n a[href], area[href], input:not([disabled]),\n button:not([disabled]),select:not([disabled]),\n textarea:not([disabled]),\n iframe, object, embed, *[tabindex]:not([disabled]), *[contenteditable=true]\n";
46
- exports.selectorFocusable = selectorFocusable;
42
+ var selectorFocusable = exports.selectorFocusable = "\n a[href], area[href], input:not([disabled]),\n button:not([disabled]),select:not([disabled]),\n textarea:not([disabled]),\n iframe, object, embed, *[tabindex]:not([disabled]), *[contenteditable=true]\n";
@@ -19,7 +19,7 @@ exports.lastIndexInArray = void 0;
19
19
  * @param {string} key
20
20
  * @param {string|boolean|number} value
21
21
  */
22
- var lastIndexInArray = function lastIndexInArray(array, key, value) {
22
+ var lastIndexInArray = exports.lastIndexInArray = function lastIndexInArray(array, key, value) {
23
23
  for (var i = array.length - 1; i >= 0; i--) {
24
24
  var _array$i;
25
25
  if (((_array$i = array[i]) === null || _array$i === void 0 ? void 0 : _array$i[key]) === value) {
@@ -27,5 +27,4 @@ var lastIndexInArray = function lastIndexInArray(array, key, value) {
27
27
  }
28
28
  }
29
29
  return -1;
30
- };
31
- exports.lastIndexInArray = lastIndexInArray;
30
+ };
@@ -16,7 +16,7 @@ var _motion = require("@carbon/motion");
16
16
  var cleanMotionValue = function cleanMotionValue(val) {
17
17
  return parseInt(val) / 1000;
18
18
  };
19
- var DURATIONS = {
19
+ var DURATIONS = exports.DURATIONS = {
20
20
  // Micro-interactions such as button and toggle
21
21
  fast01: cleanMotionValue(_motion.fast01),
22
22
  // '70ms'
@@ -35,8 +35,8 @@ var DURATIONS = {
35
35
  // Background dimming
36
36
  slow02: cleanMotionValue(_motion.slow02) // '700ms'
37
37
  };
38
- exports.DURATIONS = DURATIONS;
39
- var EASINGS = {
38
+
39
+ var EASINGS = exports.EASINGS = {
40
40
  productive: {
41
41
  entrance: (0, _getBezierValues.getBezierValues)('entrance', 'productive'),
42
42
  standard: (0, _getBezierValues.getBezierValues)('standard', 'productive'),
@@ -47,5 +47,4 @@ var EASINGS = {
47
47
  standard: (0, _getBezierValues.getBezierValues)('standard', 'expressive'),
48
48
  exit: (0, _getBezierValues.getBezierValues)('exit', 'expressive')
49
49
  }
50
- };
51
- exports.EASINGS = EASINGS;
50
+ };
@@ -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
+ };