@carbon/ibm-products 2.54.0-canary.8 → 2.54.0-canary.81

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (365) hide show
  1. package/css/index-full-carbon.css +1399 -690
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +987 -64
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +610 -562
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +692 -567
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/_virtual/_rollupPluginBabelHelpers.js +1 -1
  18. package/es/components/APIKeyModal/APIKeyDownloader.d.ts +1 -1
  19. package/es/components/APIKeyModal/APIKeyDownloader.js +1 -1
  20. package/es/components/APIKeyModal/APIKeyModal.d.ts +13 -0
  21. package/es/components/APIKeyModal/APIKeyModal.js +85 -38
  22. package/es/components/APIKeyModal/APIKeyModal.types.d.ts +21 -3
  23. package/es/components/AboutModal/AboutModal.js +3 -6
  24. package/es/components/AddSelect/hooks/useFocus.js +1 -2
  25. package/es/components/AddSelect/hooks/useParentSelect.js +1 -2
  26. package/es/components/AddSelect/hooks/usePath.js +1 -2
  27. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +18 -9
  28. package/es/components/Card/Card.d.ts +3 -3
  29. package/es/components/Card/Card.js +12 -12
  30. package/es/components/Card/CardHeader.d.ts +7 -7
  31. package/es/components/Card/CardHeader.js +14 -12
  32. package/es/components/Checklist/Checklist.js +1 -1
  33. package/es/components/Checklist/ChecklistIcon.js +1 -1
  34. package/es/components/Coachmark/Coachmark.d.ts +5 -0
  35. package/es/components/Coachmark/Coachmark.js +11 -3
  36. package/es/components/Coachmark/CoachmarkOverlay.js +4 -0
  37. package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +17 -0
  38. package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +57 -12
  39. package/es/components/CoachmarkStack/CoachmarkStackHome.d.ts +4 -0
  40. package/es/components/CoachmarkStack/CoachmarkStackHome.js +18 -6
  41. package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +1 -2
  42. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +9 -5
  43. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +1 -5
  44. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +5 -5
  45. package/es/components/ConditionBuilder/utils/util.js +0 -4
  46. package/es/components/CreateTearsheet/CreateTearsheet.d.ts +1 -1
  47. package/es/components/CreateTearsheet/CreateTearsheet.js +4 -3
  48. package/es/components/CreateTearsheet/CreateTearsheetStep.js +6 -3
  49. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -2
  50. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +31 -2
  51. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +1 -2
  52. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +1 -2
  53. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +1 -2
  54. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -2
  55. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -2
  56. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +2 -3
  57. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +2 -3
  58. package/es/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +1 -2
  59. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -2
  60. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -2
  61. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -2
  62. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -2
  63. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -2
  64. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -2
  65. package/es/components/Datagrid/Datagrid/addons/stateReducer.js +1 -1
  66. package/es/components/Datagrid/useCustomizeColumns.js +4 -4
  67. package/es/components/Datagrid/useDatagrid.js +2 -2
  68. package/es/components/Datagrid/useDefaultStringRenderer.js +1 -2
  69. package/es/components/Datagrid/useEditableCell.js +1 -2
  70. package/es/components/Datagrid/useFlexResize.js +1 -2
  71. package/es/components/Datagrid/useFloatingScroll.js +1 -2
  72. package/es/components/Datagrid/useNestedRowExpander.js +1 -2
  73. package/es/components/Datagrid/useParentDimensions.js +1 -2
  74. package/es/components/Datagrid/useResizeTable.js +1 -2
  75. package/es/components/Datagrid/useRowExpander.js +1 -2
  76. package/es/components/Datagrid/useRowRenderer.js +1 -2
  77. package/es/components/Datagrid/useRowSize.js +1 -2
  78. package/es/components/Datagrid/useSkeletonRows.js +1 -2
  79. package/es/components/DecoratorDualButton/DecoratorDualButton.d.ts +1 -0
  80. package/es/components/DecoratorDualButton/DecoratorDualButton.js +5 -0
  81. package/es/components/DecoratorLink/DecoratorLink.d.ts +1 -0
  82. package/es/components/DecoratorLink/DecoratorLink.js +5 -0
  83. package/es/components/DecoratorSingleButton/DecoratorSingleButton.d.ts +1 -0
  84. package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +5 -0
  85. package/es/components/DescriptionList/DescriptionList.d.ts +1 -0
  86. package/es/components/DescriptionList/DescriptionList.js +5 -0
  87. package/es/components/EditFullPage/EditFullPage.d.ts +2 -0
  88. package/es/components/EditFullPage/EditFullPage.js +8 -0
  89. package/es/components/EditSidePanel/EditSidePanel.d.ts +2 -0
  90. package/es/components/EditSidePanel/EditSidePanel.js +8 -0
  91. package/es/components/EditTearsheet/EditTearsheet.d.ts +2 -0
  92. package/es/components/EditTearsheet/EditTearsheet.js +8 -0
  93. package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +2 -0
  94. package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +8 -0
  95. package/es/components/EditUpdateCards/EditUpdateCards.d.ts +2 -0
  96. package/es/components/EditUpdateCards/EditUpdateCards.js +8 -0
  97. package/es/components/EmptyStates/EmptyStateIllustration.js +1 -2
  98. package/es/components/EmptyStates/EmptyStateV2.d.ts +1 -0
  99. package/es/components/EmptyStates/EmptyStateV2.js +7 -0
  100. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
  101. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
  102. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
  103. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
  104. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
  105. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
  106. package/es/components/EmptyStates/assets/ErrorIllustration.js +3 -5
  107. package/es/components/EmptyStates/assets/NoDataIllustration.js +3 -5
  108. package/es/components/EmptyStates/assets/NoTagsIllustration.js +3 -5
  109. package/es/components/EmptyStates/assets/NotFoundIllustration.js +3 -5
  110. package/es/components/EmptyStates/assets/NotificationsIllustration.js +3 -5
  111. package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +3 -5
  112. package/es/components/ExpressiveCard/ExpressiveCard.d.ts +5 -5
  113. package/es/components/ExpressiveCard/ExpressiveCard.js +5 -5
  114. package/es/components/FilterPanel/FilterPanel.d.ts +1 -0
  115. package/es/components/FilterPanel/FilterPanel.js +6 -0
  116. package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.d.ts +1 -0
  117. package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +5 -0
  118. package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.d.ts +1 -0
  119. package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +5 -1
  120. package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.d.ts +1 -0
  121. package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +5 -0
  122. package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.d.ts +1 -0
  123. package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +5 -0
  124. package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.d.ts +1 -0
  125. package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +5 -0
  126. package/es/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.d.ts +1 -0
  127. package/es/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +5 -1
  128. package/es/components/FilterSummary/FilterSummary.js +1 -1
  129. package/es/components/FullPageError/FullPageError.js +7 -7
  130. package/es/components/FullPageError/assets/Error403SVG.d.ts +1 -3
  131. package/es/components/FullPageError/assets/Error403SVG.js +4 -6
  132. package/es/components/FullPageError/assets/Error404SVG.d.ts +1 -3
  133. package/es/components/FullPageError/assets/Error404SVG.js +4 -6
  134. package/es/components/FullPageError/assets/ErrorGenericSVG.d.ts +1 -3
  135. package/es/components/FullPageError/assets/ErrorGenericSVG.js +4 -6
  136. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -1
  137. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -1
  138. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -1
  139. package/es/components/InlineTip/InlineTip.d.ts +5 -0
  140. package/es/components/InlineTip/InlineTip.js +17 -8
  141. package/es/components/InterstitialScreen/InterstitialScreen.js +2 -3
  142. package/es/components/Nav/Nav.d.ts +3 -0
  143. package/es/components/Nav/Nav.js +8 -0
  144. package/es/components/Nav/NavItemLink.js +1 -2
  145. package/es/components/PageHeader/PageHeader.js +13 -3
  146. package/es/components/PageHeader/PageHeaderTitle.js +10 -29
  147. package/es/components/ProductiveCard/ProductiveCard.d.ts +9 -5
  148. package/es/components/ProductiveCard/ProductiveCard.js +11 -9
  149. package/es/components/SidePanel/SidePanel.d.ts +6 -1
  150. package/es/components/SidePanel/SidePanel.js +27 -14
  151. package/es/components/StatusIndicator/StatusIndicator.d.ts +1 -0
  152. package/es/components/StatusIndicator/StatusIndicator.js +5 -0
  153. package/es/components/StatusIndicator/StatusIndicatorStep.d.ts +1 -0
  154. package/es/components/StatusIndicator/StatusIndicatorStep.js +5 -0
  155. package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +3 -1
  156. package/es/components/TagOverflow/TagOverflow.js +2 -5
  157. package/es/components/Tearsheet/TearsheetShell.d.ts +4 -0
  158. package/es/components/Tearsheet/TearsheetShell.js +7 -60
  159. package/es/global/js/hooks/useFocus.d.ts +1 -0
  160. package/es/global/js/hooks/useFocus.js +24 -1
  161. package/es/global/js/hooks/usePrefersReducedMotion.js +1 -2
  162. package/es/global/js/package-settings.d.ts +1 -1
  163. package/es/global/js/package-settings.js +1 -1
  164. package/es/global/js/utils/checkForOverflow.d.ts +5 -0
  165. package/es/global/js/utils/checkForOverflow.js +31 -0
  166. package/es/index.js +1 -1
  167. package/es/settings.d.ts +1 -1
  168. package/lib/_virtual/_rollupPluginBabelHelpers.js +1 -1
  169. package/lib/components/APIKeyModal/APIKeyDownloader.d.ts +1 -1
  170. package/lib/components/APIKeyModal/APIKeyDownloader.js +1 -1
  171. package/lib/components/APIKeyModal/APIKeyModal.d.ts +13 -0
  172. package/lib/components/APIKeyModal/APIKeyModal.js +83 -34
  173. package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +21 -3
  174. package/lib/components/AboutModal/AboutModal.js +2 -5
  175. package/lib/components/AddSelect/hooks/useFocus.js +1 -2
  176. package/lib/components/AddSelect/hooks/useParentSelect.js +1 -2
  177. package/lib/components/AddSelect/hooks/usePath.js +1 -2
  178. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +17 -8
  179. package/lib/components/Card/Card.d.ts +3 -3
  180. package/lib/components/Card/Card.js +12 -12
  181. package/lib/components/Card/CardHeader.d.ts +7 -7
  182. package/lib/components/Card/CardHeader.js +14 -12
  183. package/lib/components/Checklist/ChecklistChart.js +7 -7
  184. package/lib/components/Coachmark/Coachmark.d.ts +5 -0
  185. package/lib/components/Coachmark/Coachmark.js +11 -3
  186. package/lib/components/Coachmark/CoachmarkOverlay.js +4 -0
  187. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +17 -0
  188. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +56 -11
  189. package/lib/components/CoachmarkStack/CoachmarkStackHome.d.ts +4 -0
  190. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +18 -6
  191. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +1 -2
  192. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +9 -5
  193. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +1 -5
  194. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +5 -5
  195. package/lib/components/ConditionBuilder/utils/util.js +0 -4
  196. package/lib/components/CreateTearsheet/CreateTearsheet.d.ts +1 -1
  197. package/lib/components/CreateTearsheet/CreateTearsheet.js +4 -3
  198. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +5 -2
  199. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -2
  200. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +30 -1
  201. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +1 -2
  202. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +1 -2
  203. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +1 -2
  204. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -2
  205. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -2
  206. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +1 -2
  207. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -2
  208. package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +1 -2
  209. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -2
  210. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -2
  211. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -2
  212. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -2
  213. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -2
  214. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -2
  215. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +1 -1
  216. package/lib/components/Datagrid/useColumnOrder.js +1 -1
  217. package/lib/components/Datagrid/useDefaultStringRenderer.js +1 -2
  218. package/lib/components/Datagrid/useEditableCell.js +1 -2
  219. package/lib/components/Datagrid/useFlexResize.js +1 -2
  220. package/lib/components/Datagrid/useFloatingScroll.js +1 -2
  221. package/lib/components/Datagrid/useNestedRowExpander.js +1 -2
  222. package/lib/components/Datagrid/useParentDimensions.js +1 -2
  223. package/lib/components/Datagrid/useResizeTable.js +1 -2
  224. package/lib/components/Datagrid/useRowExpander.js +1 -2
  225. package/lib/components/Datagrid/useRowRenderer.js +1 -2
  226. package/lib/components/Datagrid/useRowSize.js +1 -2
  227. package/lib/components/Datagrid/useSkeletonRows.js +1 -2
  228. package/lib/components/DecoratorDualButton/DecoratorDualButton.d.ts +1 -0
  229. package/lib/components/DecoratorDualButton/DecoratorDualButton.js +5 -0
  230. package/lib/components/DecoratorLink/DecoratorLink.d.ts +1 -0
  231. package/lib/components/DecoratorLink/DecoratorLink.js +5 -0
  232. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.d.ts +1 -0
  233. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +5 -0
  234. package/lib/components/DescriptionList/DescriptionList.d.ts +1 -0
  235. package/lib/components/DescriptionList/DescriptionList.js +5 -0
  236. package/lib/components/EditFullPage/EditFullPage.d.ts +2 -0
  237. package/lib/components/EditFullPage/EditFullPage.js +8 -0
  238. package/lib/components/EditSidePanel/EditSidePanel.d.ts +2 -0
  239. package/lib/components/EditSidePanel/EditSidePanel.js +8 -0
  240. package/lib/components/EditTearsheet/EditTearsheet.d.ts +2 -0
  241. package/lib/components/EditTearsheet/EditTearsheet.js +8 -0
  242. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +2 -0
  243. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +8 -0
  244. package/lib/components/EditUpdateCards/EditUpdateCards.d.ts +2 -0
  245. package/lib/components/EditUpdateCards/EditUpdateCards.js +8 -0
  246. package/lib/components/EmptyStates/EmptyStateIllustration.js +1 -2
  247. package/lib/components/EmptyStates/EmptyStateV2.d.ts +1 -0
  248. package/lib/components/EmptyStates/EmptyStateV2.js +7 -0
  249. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
  250. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
  251. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
  252. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
  253. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
  254. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
  255. package/lib/components/EmptyStates/assets/ErrorIllustration.js +2 -4
  256. package/lib/components/EmptyStates/assets/NoDataIllustration.js +2 -4
  257. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +2 -4
  258. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +2 -4
  259. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +2 -4
  260. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +2 -4
  261. package/lib/components/ExpressiveCard/ExpressiveCard.d.ts +5 -5
  262. package/lib/components/ExpressiveCard/ExpressiveCard.js +5 -5
  263. package/lib/components/FilterPanel/FilterPanel.d.ts +1 -0
  264. package/lib/components/FilterPanel/FilterPanel.js +6 -0
  265. package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.d.ts +1 -0
  266. package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +5 -0
  267. package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.d.ts +1 -0
  268. package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +5 -1
  269. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.d.ts +1 -0
  270. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +5 -0
  271. package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.d.ts +1 -0
  272. package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +5 -0
  273. package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.d.ts +1 -0
  274. package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +5 -0
  275. package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.d.ts +1 -0
  276. package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +5 -1
  277. package/lib/components/FilterSummary/FilterSummary.js +1 -1
  278. package/lib/components/FullPageError/FullPageError.js +7 -7
  279. package/lib/components/FullPageError/assets/Error403SVG.d.ts +1 -3
  280. package/lib/components/FullPageError/assets/Error403SVG.js +4 -6
  281. package/lib/components/FullPageError/assets/Error404SVG.d.ts +1 -3
  282. package/lib/components/FullPageError/assets/Error404SVG.js +4 -6
  283. package/lib/components/FullPageError/assets/ErrorGenericSVG.d.ts +1 -3
  284. package/lib/components/FullPageError/assets/ErrorGenericSVG.js +4 -6
  285. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -1
  286. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -1
  287. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -1
  288. package/lib/components/InlineTip/InlineTip.d.ts +5 -0
  289. package/lib/components/InlineTip/InlineTip.js +17 -8
  290. package/lib/components/InterstitialScreen/InterstitialScreen.js +2 -3
  291. package/lib/components/Nav/Nav.d.ts +3 -0
  292. package/lib/components/Nav/Nav.js +8 -0
  293. package/lib/components/Nav/NavItemLink.js +1 -2
  294. package/lib/components/PageHeader/PageHeader.js +12 -2
  295. package/lib/components/PageHeader/PageHeaderTitle.js +8 -27
  296. package/lib/components/ProductiveCard/ProductiveCard.d.ts +9 -5
  297. package/lib/components/ProductiveCard/ProductiveCard.js +11 -9
  298. package/lib/components/SidePanel/SidePanel.d.ts +6 -1
  299. package/lib/components/SidePanel/SidePanel.js +27 -14
  300. package/lib/components/StatusIndicator/StatusIndicator.d.ts +1 -0
  301. package/lib/components/StatusIndicator/StatusIndicator.js +5 -0
  302. package/lib/components/StatusIndicator/StatusIndicatorStep.d.ts +1 -0
  303. package/lib/components/StatusIndicator/StatusIndicatorStep.js +5 -0
  304. package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +3 -1
  305. package/lib/components/TagOverflow/TagOverflow.js +1 -4
  306. package/lib/components/Tearsheet/TearsheetShell.d.ts +4 -0
  307. package/lib/components/Tearsheet/TearsheetShell.js +6 -59
  308. package/lib/global/js/hooks/useFocus.d.ts +1 -0
  309. package/lib/global/js/hooks/useFocus.js +24 -0
  310. package/lib/global/js/hooks/usePrefersReducedMotion.js +1 -2
  311. package/lib/global/js/package-settings.d.ts +1 -1
  312. package/lib/global/js/package-settings.js +1 -1
  313. package/lib/global/js/utils/checkForOverflow.d.ts +5 -0
  314. package/lib/global/js/utils/checkForOverflow.js +34 -0
  315. package/lib/index.js +109 -109
  316. package/lib/settings.d.ts +1 -1
  317. package/package.json +11 -11
  318. package/scss/components/APIKeyModal/_api-key-modal.scss +4 -0
  319. package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +3 -3
  320. package/scss/components/Card/_card.scss +19 -5
  321. package/scss/components/Coachmark/_coachmark-overlay.scss +2 -2
  322. package/scss/components/Coachmark/_coachmark-tagline.scss +1 -1
  323. package/scss/components/CoachmarkBeacon/_coachmark-beacon.scss +3 -3
  324. package/scss/components/CoachmarkStack/_coachmark-stack.scss +2 -2
  325. package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +7 -7
  326. package/scss/components/CreateInfluencer/_create-influencer.scss +2 -2
  327. package/scss/components/CreateTearsheet/_create-tearsheet.scss +1 -2
  328. package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +4 -4
  329. package/scss/components/Datagrid/styles/_datagrid.scss +21 -14
  330. package/scss/components/Datagrid/styles/_draggableElement.scss +2 -2
  331. package/scss/components/Datagrid/styles/_useColumnRightAlign.scss +1 -1
  332. package/scss/components/Datagrid/styles/_useExpandedRow.scss +1 -1
  333. package/scss/components/Datagrid/styles/_useInlineEdit.scss +1 -1
  334. package/scss/components/Datagrid/styles/_useNestedRows.scss +2 -2
  335. package/scss/components/Datagrid/styles/_useStickyColumn.scss +2 -2
  336. package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +1 -1
  337. package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +1 -1
  338. package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +1 -1
  339. package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +1 -2
  340. package/scss/components/DecoratorBase/_decorator-base-mixins.scss +1 -1
  341. package/scss/components/DecoratorBase/_decorator-base.scss +3 -3
  342. package/scss/components/DecoratorDualButton/_decorator-dual-button.scss +1 -1
  343. package/scss/components/DecoratorSingleButton/_decorator-single-button.scss +1 -1
  344. package/scss/components/EditTearsheet/_edit-tearsheet.scss +1 -2
  345. package/scss/components/EditUpdateCards/_edit-update-cards.scss +7 -7
  346. package/scss/components/FullPageError/_full-page-error.scss +1 -1
  347. package/scss/components/GetStartedCard/_get-started-card.scss +1 -1
  348. package/scss/components/Guidebanner/_guidebanner.scss +4 -4
  349. package/scss/components/HTTPErrors/_http-errors.scss +1 -1
  350. package/scss/components/InlineTip/_inline-tip.scss +4 -4
  351. package/scss/components/InterstitialScreen/_interstitial-screen.scss +6 -6
  352. package/scss/components/NonLinearReading/_non-linear-reading.scss +2 -2
  353. package/scss/components/NotificationsPanel/_notifications-panel.scss +3 -3
  354. package/scss/components/OptionsTile/_options-tile.scss +6 -8
  355. package/scss/components/PageHeader/_page-header.scss +38 -19
  356. package/scss/components/ProductiveCard/_productive-card.scss +2 -2
  357. package/scss/components/SidePanel/_side-panel.scss +24 -17
  358. package/scss/components/StatusIcon/_status-icon.scss +9 -7
  359. package/scss/components/StatusIndicator/_status-indicator.scss +1 -1
  360. package/scss/components/Tearsheet/_tearsheet.scss +5 -5
  361. package/scss/components/UserAvatar/_user-avatar.scss +5 -3
  362. package/scss/components/UserProfileImage/_user-profile-image.scss +6 -4
  363. package/scss/components/WebTerminal/_web-terminal.scss +2 -2
  364. package/scss/components/_index-released-only.scss +1 -0
  365. package/telemetry.yml +3 -0
@@ -60,6 +60,5 @@ Actions.propTypes = {
60
60
  setColumnsObject: index.default.func.isRequired,
61
61
  setSearchText: index.default.func.isRequired
62
62
  };
63
- var Actions$1 = Actions;
64
63
 
65
- exports.default = Actions$1;
64
+ exports.default = Actions;
@@ -72,6 +72,5 @@ ButtonWrapper.propTypes = {
72
72
  onClick: index.default.func.isRequired,
73
73
  setIsTearsheetOpen: index.default.func.isRequired
74
74
  };
75
- var ToggleButtonWrapper = ButtonWrapper;
76
75
 
77
- exports.default = ToggleButtonWrapper;
76
+ exports.default = ButtonWrapper;
@@ -97,6 +97,5 @@ Columns.propTypes = {
97
97
  setColumnStatus: index.default.func,
98
98
  setColumnsObject: index.default.func.isRequired
99
99
  };
100
- var Columns$1 = Columns;
101
100
 
102
- exports.default = Columns$1;
101
+ exports.default = Columns;
@@ -191,6 +191,5 @@ CustomizeColumnsTearsheet.propTypes = {
191
191
  selectAllLabel: index.default.string,
192
192
  setIsTearsheetOpen: index.default.func.isRequired
193
193
  };
194
- var CustomizeColumnsTearsheet$1 = CustomizeColumnsTearsheet;
195
194
 
196
- exports.default = CustomizeColumnsTearsheet$1;
195
+ exports.default = CustomizeColumnsTearsheet;
@@ -65,6 +65,5 @@ var TearsheetWrapper = function TearsheetWrapper(_ref) {
65
65
  TearsheetWrapper.propTypes = {
66
66
  instance: index.default.object.isRequired
67
67
  };
68
- var CustomizeColumnsTearsheetWrapper = TearsheetWrapper;
69
68
 
70
- exports.default = CustomizeColumnsTearsheetWrapper;
69
+ exports.default = TearsheetWrapper;
@@ -331,6 +331,5 @@ FilterFlyout.propTypes = {
331
331
  */
332
332
  updateMethod: index.default.oneOf([constants.BATCH, constants.INSTANT]).isRequired
333
333
  };
334
- var FilterFlyout$1 = FilterFlyout;
335
334
 
336
- exports.default = FilterFlyout$1;
335
+ exports.default = FilterFlyout;
@@ -316,7 +316,6 @@ FilterPanel.propTypes = {
316
316
  title: index.default.string,
317
317
  updateMethod: index.default.oneOf([constants.BATCH, constants.INSTANT])
318
318
  };
319
- var FilterPanel$1 = FilterPanel;
320
319
 
321
320
  exports.componentClass = componentClass;
322
- exports.default = FilterPanel$1;
321
+ exports.default = FilterPanel;
@@ -78,6 +78,5 @@ OverflowCheckboxes.propTypes = {
78
78
  viewAllLabel: index.default.string,
79
79
  viewLessLabel: index.default.string
80
80
  };
81
- var OverflowCheckboxes$1 = OverflowCheckboxes;
82
81
 
83
- exports.default = OverflowCheckboxes$1;
82
+ exports.default = OverflowCheckboxes;
@@ -22,6 +22,5 @@ var useFilterContext = function useFilterContext() {
22
22
  }
23
23
  return context;
24
24
  };
25
- var useFilterContext$1 = useFilterContext;
26
25
 
27
- exports.default = useFilterContext$1;
26
+ exports.default = useFilterContext;
@@ -477,6 +477,5 @@ var useFilters = function useFilters(_ref) {
477
477
  cancel: cancel
478
478
  };
479
479
  };
480
- var useFilters$1 = useFilters;
481
480
 
482
- exports.default = useFilters$1;
481
+ exports.default = useFilters;
@@ -33,6 +33,5 @@ var useShouldDisableButtons = function useShouldDisableButtons(_ref) {
33
33
  }, [filtersState, prevFiltersRef]);
34
34
  return [shouldDisableButtons, setShouldDisableButtons];
35
35
  };
36
- var useShouldDisableButtons$1 = useShouldDisableButtons;
37
36
 
38
- exports.default = useShouldDisableButtons$1;
37
+ exports.default = useShouldDisableButtons;
@@ -25,6 +25,5 @@ var useSubscribeToEventEmitter = function useSubscribeToEventEmitter(type, callb
25
25
  EventEmitter.subscribe(type, callback);
26
26
  });
27
27
  };
28
- var useSubscribeToEventEmitter$1 = useSubscribeToEventEmitter;
29
28
 
30
- exports.default = useSubscribeToEventEmitter$1;
29
+ exports.default = useSubscribeToEventEmitter;
@@ -91,6 +91,5 @@ RowSizeDropdown.propTypes = {
91
91
  onChange: index.default.func.isRequired,
92
92
  selectedOption: index.default.string
93
93
  };
94
- var RowSizeDropdown$1 = RowSizeDropdown;
95
94
 
96
- exports.default = RowSizeDropdown$1;
95
+ exports.default = RowSizeDropdown;
@@ -89,6 +89,5 @@ RowSizeRadioGroup.propTypes = {
89
89
  selectedOption: index.default.string.isRequired,
90
90
  tableId: index.default.string.isRequired
91
91
  };
92
- var RowSizeRadioGroup$1 = RowSizeRadioGroup;
93
92
 
94
- exports.default = RowSizeRadioGroup$1;
93
+ exports.default = RowSizeRadioGroup;
@@ -30,7 +30,7 @@ var handleColumnResizeEndEvent = function handleColumnResizeEndEvent(dispatch, o
30
30
  });
31
31
  };
32
32
  var handleColumnResizingEvent = function handleColumnResizingEvent(dispatch, header, newWidth, isKeyEvent) {
33
- if (isKeyEvent) {
33
+ {
34
34
  dispatch({
35
35
  type: COLUMN_RESIZE_START,
36
36
  payload: {
@@ -13,7 +13,7 @@ var reactTable = require('react-table');
13
13
 
14
14
 
15
15
 
16
- Object.defineProperty(exports, 'default', {
16
+ Object.defineProperty(exports, "default", {
17
17
  enumerable: true,
18
18
  get: function () { return reactTable.useColumnOrder; }
19
19
  });
@@ -40,6 +40,5 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
40
40
  };
41
41
  hooks.visibleColumns.push(visibleColumns);
42
42
  };
43
- var useDefaultStringRenderer$1 = useDefaultStringRenderer;
44
43
 
45
- exports.default = useDefaultStringRenderer$1;
44
+ exports.default = useDefaultStringRenderer;
@@ -14,6 +14,5 @@ var useInlineEdit = require('./useInlineEdit.js');
14
14
  var useEditableCell = function useEditableCell(hooks) {
15
15
  useInlineEdit.default(hooks);
16
16
  };
17
- var useEditableCell$1 = useEditableCell;
18
17
 
19
- exports.default = useEditableCell$1;
18
+ exports.default = useEditableCell;
@@ -79,6 +79,5 @@ var useFlexResize = function useFlexResize(hooks) {
79
79
  });
80
80
  hooks.useInstance.push(useInstance);
81
81
  };
82
- var useFlexResize$1 = useFlexResize;
83
82
 
84
- exports.default = useFlexResize$1;
83
+ exports.default = useFlexResize;
@@ -77,6 +77,5 @@ var useFloatingScroll = function useFloatingScroll(hooks) {
77
77
  hooks.useInstance.push(useAddScrollListener);
78
78
  hooks.useInstance.push(useInstance);
79
79
  };
80
- var useFloatingScroll$1 = useFloatingScroll;
81
80
 
82
- exports.default = useFloatingScroll$1;
81
+ exports.default = useFloatingScroll;
@@ -119,6 +119,5 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
119
119
  hooks.visibleColumns.push(visibleColumns);
120
120
  hooks.useInstance.push(useInstance);
121
121
  };
122
- var useNestedRowExpander$1 = useNestedRowExpander;
123
122
 
124
- exports.default = useNestedRowExpander$1;
123
+ exports.default = useNestedRowExpander;
@@ -59,6 +59,5 @@ var useParentDimensions = function useParentDimensions(hooks) {
59
59
  };
60
60
  hooks.useInstance.push(useInstance);
61
61
  };
62
- var useParentDimensions$1 = useParentDimensions;
63
62
 
64
- exports.default = useParentDimensions$1;
63
+ exports.default = useParentDimensions;
@@ -36,6 +36,5 @@ var useResizeTable = function useResizeTable(hooks) {
36
36
  };
37
37
  hooks.useInstanceBeforeDimensions.push(useInstanceBeforeDimensions);
38
38
  };
39
- var useResizeTable$1 = useResizeTable;
40
39
 
41
- exports.default = useResizeTable$1;
40
+ exports.default = useResizeTable;
@@ -69,6 +69,5 @@ var useRowExpander = function useRowExpander(hooks) {
69
69
  hooks.visibleColumns.push(visibleColumns);
70
70
  hooks.useInstance.push(useInstance);
71
71
  };
72
- var useRowExpander$1 = useRowExpander;
73
72
 
74
- exports.default = useRowExpander$1;
73
+ exports.default = useRowExpander;
@@ -69,6 +69,5 @@ var useRowRenderer = function useRowRenderer(hooks) {
69
69
  };
70
70
  hooks.useInstance.push(useInstance);
71
71
  };
72
- var useRowRenderer$1 = useRowRenderer;
73
72
 
74
- exports.default = useRowRenderer$1;
73
+ exports.default = useRowRenderer;
@@ -55,6 +55,5 @@ var useRowSize = function useRowSize(hooks) {
55
55
  };
56
56
  hooks.getTableProps.push(getTableProps);
57
57
  };
58
- var useRowSize$1 = useRowSize;
59
58
 
60
- exports.default = useRowSize$1;
59
+ exports.default = useRowSize;
@@ -44,6 +44,5 @@ var useSkeletons = function useSkeletons(hooks) {
44
44
  };
45
45
  hooks.useInstance.push(useInstance);
46
46
  };
47
- var useSkeletonRows = useSkeletons;
48
47
 
49
- exports.default = useSkeletonRows;
48
+ exports.default = useSkeletons;
@@ -1,5 +1,6 @@
1
1
  /**
2
2
  * The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
3
+ * @deprecated This component is deprecated
3
4
  */
4
5
  export let DecoratorDualButton: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
6
  import React from 'react';
@@ -19,6 +19,7 @@ var componentName = 'DecoratorDualButton';
19
19
 
20
20
  /**
21
21
  * The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
22
+ * @deprecated This component is deprecated
22
23
  */
23
24
  exports.DecoratorDualButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
24
25
  var validProps = propsHelper.prepareProps(props, ['href', 'kind', 'onClick', 'onContextMenu']);
@@ -28,6 +29,10 @@ exports.DecoratorDualButton = /*#__PURE__*/React.forwardRef(function (props, ref
28
29
  kind: "dual-button"
29
30
  }, devtools.getDevtoolsProps(componentName)));
30
31
  });
32
+ exports.DecoratorDualButton.deprecated = {
33
+ level: 'warn',
34
+ details: "This component is deprecated"
35
+ };
31
36
 
32
37
  // Return a placeholder if not released and not enabled by feature flag
33
38
  exports.DecoratorDualButton = settings.pkg.checkComponentEnabled(exports.DecoratorDualButton, componentName);
@@ -1,5 +1,6 @@
1
1
  /**
2
2
  * The DecoratorLink groups a key/value pair to behave like a link.
3
+ * @deprecated This component is deprecated
3
4
  */
4
5
  export let DecoratorLink: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
6
  import React from 'react';
@@ -19,6 +19,7 @@ var componentName = 'DecoratorLink';
19
19
 
20
20
  /**
21
21
  * The DecoratorLink groups a key/value pair to behave like a link.
22
+ * @deprecated This component is deprecated
22
23
  */
23
24
  exports.DecoratorLink = /*#__PURE__*/React.forwardRef(function (props, ref) {
24
25
  var validProps = propsHelper.prepareProps(props, ['disabled', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
@@ -28,6 +29,10 @@ exports.DecoratorLink = /*#__PURE__*/React.forwardRef(function (props, ref) {
28
29
  kind: "link"
29
30
  }, devtools.getDevtoolsProps(componentName)));
30
31
  });
32
+ exports.DecoratorLink.deprecated = {
33
+ level: 'warn',
34
+ details: "This component is deprecated"
35
+ };
31
36
 
32
37
  // Return a placeholder if not released and not enabled by feature flag
33
38
  exports.DecoratorLink = settings.pkg.checkComponentEnabled(exports.DecoratorLink, componentName);
@@ -1,5 +1,6 @@
1
1
  /**
2
2
  * The DecoratorSingleButton groups a key/value pair to behave like a button.
3
+ * @deprecated This component is deprecated
3
4
  */
4
5
  export let DecoratorSingleButton: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
6
  import React from 'react';
@@ -19,6 +19,7 @@ var componentName = 'DecoratorSingleButton';
19
19
 
20
20
  /**
21
21
  * The DecoratorSingleButton groups a key/value pair to behave like a button.
22
+ * @deprecated This component is deprecated
22
23
  */
23
24
  exports.DecoratorSingleButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
24
25
  var validProps = propsHelper.prepareProps(props, ['href', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
@@ -28,6 +29,10 @@ exports.DecoratorSingleButton = /*#__PURE__*/React.forwardRef(function (props, r
28
29
  kind: "single-button"
29
30
  }, devtools.getDevtoolsProps(componentName)));
30
31
  });
32
+ exports.DecoratorSingleButton.deprecated = {
33
+ level: 'warn',
34
+ details: "This component is deprecated"
35
+ };
31
36
 
32
37
  // Return a placeholder if not released and not enabled by feature flag
33
38
  exports.DecoratorSingleButton = settings.pkg.checkComponentEnabled(exports.DecoratorSingleButton, componentName);
@@ -1,5 +1,6 @@
1
1
  /**
2
2
  * Type layouts provide an orderly layout of terms and definitions.
3
+ * @deprecated This component is deprecated
3
4
  */
4
5
  export let DescriptionList: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
6
  import React from 'react';
@@ -41,6 +41,7 @@ var defaults = {
41
41
 
42
42
  /**
43
43
  * Type layouts provide an orderly layout of terms and definitions.
44
+ * @deprecated This component is deprecated
44
45
  */
45
46
  exports.DescriptionList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
46
47
  var _ref$border = _ref.border,
@@ -60,6 +61,10 @@ exports.DescriptionList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
60
61
  selection: false
61
62
  }, children));
62
63
  });
64
+ exports.DescriptionList.deprecated = {
65
+ level: 'warn',
66
+ details: "This component is deprecated"
67
+ };
63
68
 
64
69
  // Return a placeholder if not released and not enabled by feature flag
65
70
  exports.DescriptionList = settings.pkg.checkComponentEnabled(exports.DescriptionList, componentName);
@@ -16,7 +16,9 @@ export interface EditFullPageProps {
16
16
  children: ReactNode;
17
17
  }
18
18
  /**
19
+ * **This component is deprecated.** <br>
19
20
  * Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
20
21
  * See usage guidance for further details.
22
+ * @deprecated
21
23
  */
22
24
  export declare let EditFullPage: React.ForwardRefExoticComponent<EditFullPageProps & React.RefAttributes<HTMLDivElement>>;
@@ -40,8 +40,10 @@ var componentName = 'EditFullPage';
40
40
  // };
41
41
 
42
42
  /**
43
+ * **This component is deprecated.** <br>
43
44
  * Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
44
45
  * See usage guidance for further details.
46
+ * @deprecated
45
47
  */
46
48
  exports.EditFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
47
49
  var className = _ref.className,
@@ -62,6 +64,12 @@ exports.EditFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
62
64
  }, devtools.getDevtoolsProps(componentName)), children);
63
65
  });
64
66
 
67
+ /**@ts-ignore*/
68
+ exports.EditFullPage.deprecated = {
69
+ level: 'warn',
70
+ details: "This component is deprecated and will be removed in the next major version."
71
+ };
72
+
65
73
  // Return a placeholder if not released and not enabled by feature flag
66
74
  exports.EditFullPage = settings.pkg.checkComponentEnabled(exports.EditFullPage, componentName);
67
75
 
@@ -89,6 +89,8 @@ export interface EditSidePanelProps {
89
89
  title: string;
90
90
  }
91
91
  /**
92
+ * **This component is deprecated.** <br>
92
93
  * Use with medium complexity edits if the user needs page context.
94
+ * @deprecated
93
95
  */
94
96
  export declare let EditSidePanel: React.ForwardRefExoticComponent<EditSidePanelProps & React.RefAttributes<HTMLDivElement>>;
@@ -27,7 +27,9 @@ var componentName = 'EditSidePanel';
27
27
  // NOTE: the component SCSS is not imported here: it is rolled up separately.
28
28
 
29
29
  /**
30
+ * **This component is deprecated.** <br>
30
31
  * Use with medium complexity edits if the user needs page context.
32
+ * @deprecated
31
33
  */
32
34
  exports.EditSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
33
35
  var children = _ref.children,
@@ -94,6 +96,12 @@ exports.EditSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
94
96
  }, children));
95
97
  });
96
98
 
99
+ /**@ts-ignore*/
100
+ exports.EditSidePanel.deprecated = {
101
+ level: 'warn',
102
+ details: "This component is deprecated and will be removed in the next major version."
103
+ };
104
+
97
105
  // Return a placeholder if not released and not enabled by feature flag
98
106
  exports.EditSidePanel = settings.pkg.checkComponentEnabled(exports.EditSidePanel, componentName);
99
107
 
@@ -81,7 +81,9 @@ interface EditTearsheetProps extends PropsWithChildren {
81
81
  verticalPosition?: 'normal' | 'lower';
82
82
  }
83
83
  /**
84
+ * **This component is deprecated.** <br>
84
85
  * Use Tearsheet with medium to complex edits. See usage guidance for further information.
86
+ * @deprecated
85
87
  */
86
88
  export declare let EditTearsheet: React.ForwardRefExoticComponent<EditTearsheetProps & React.RefAttributes<HTMLDivElement>>;
87
89
  export {};
@@ -40,7 +40,9 @@ var defaults = {
40
40
  // corresponding props for TearsheetNarrow and TearsheetShell components.
41
41
 
42
42
  /**
43
+ * **This component is deprecated.** <br>
43
44
  * Use Tearsheet with medium to complex edits. See usage guidance for further information.
45
+ * @deprecated
44
46
  */
45
47
  exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
46
48
  var cancelButtonText = _ref.cancelButtonText,
@@ -173,6 +175,12 @@ exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
173
175
  })))));
174
176
  });
175
177
 
178
+ /**@ts-ignore*/
179
+ exports.EditTearsheet.deprecated = {
180
+ level: 'warn',
181
+ details: "This component is deprecated and will be removed in the next major version."
182
+ };
183
+
176
184
  // Return a placeholder if not released and not enabled by feature flag
177
185
  exports.EditTearsheet = settings.pkg.checkComponentEnabled(exports.EditTearsheet, componentName);
178
186
 
@@ -16,6 +16,8 @@ export interface EditTearsheetNarrowProps {
16
16
  className?: string;
17
17
  }
18
18
  /**
19
+ * **This component is deprecated.** <br>
19
20
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
21
+ * @deprecated
20
22
  */
21
23
  export declare let EditTearsheetNarrow: React.ForwardRefExoticComponent<EditTearsheetNarrowProps & React.RefAttributes<HTMLDivElement>>;
@@ -40,7 +40,9 @@ var componentName = 'EditTearsheetNarrow';
40
40
  // };
41
41
 
42
42
  /**
43
+ * **This component is deprecated.** <br>
43
44
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
45
+ * @deprecated
44
46
  */
45
47
  exports.EditTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
46
48
  var children = _ref.children,
@@ -61,6 +63,12 @@ exports.EditTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref)
61
63
  }, devtools.getDevtoolsProps(componentName)), children);
62
64
  });
63
65
 
66
+ /**@ts-ignore*/
67
+ exports.EditTearsheetNarrow.deprecated = {
68
+ level: 'warn',
69
+ details: "This component is deprecated and will be removed in the next major version."
70
+ };
71
+
64
72
  // Return a placeholder if not released and not enabled by feature flag
65
73
  exports.EditTearsheetNarrow = settings.pkg.checkComponentEnabled(exports.EditTearsheetNarrow, componentName);
66
74
 
@@ -102,9 +102,11 @@ export interface EditUpdateCardsProps {
102
102
  titleSize?: 'default' | 'large';
103
103
  }
104
104
  /**
105
+ * **This component is deprecated.** <br>
105
106
  Editable cards allow a user to view, modify, and save the content contained within the card.
106
107
  These cards are generally used in instances where a user needs to make changes to a resource instances
107
108
  (ex. configuration details), account plan, etc. Editable cards allow a user to edit something within context.
109
+ @deprecated
108
110
  */
109
111
  export declare let EditUpdateCards: React.ForwardRefExoticComponent<EditUpdateCardsProps & React.RefAttributes<HTMLDivElement>>;
110
112
  export {};
@@ -43,9 +43,11 @@ var componentName = 'EditUpdateCards';
43
43
  // };
44
44
 
45
45
  /**
46
+ * **This component is deprecated.** <br>
46
47
  Editable cards allow a user to view, modify, and save the content contained within the card.
47
48
  These cards are generally used in instances where a user needs to make changes to a resource instances
48
49
  (ex. configuration details), account plan, etc. Editable cards allow a user to edit something within context.
50
+ @deprecated
49
51
  */
50
52
  exports.EditUpdateCards = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
51
53
  var actionIcons = _ref.actionIcons,
@@ -97,6 +99,12 @@ exports.EditUpdateCards = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
97
99
  }, editMode && conditionalProps), editMode === false && /*#__PURE__*/React.createElement("div", null, previewChildren), editMode && /*#__PURE__*/React.createElement("div", null, editChildren)));
98
100
  });
99
101
 
102
+ /**@ts-ignore*/
103
+ exports.EditUpdateCards.deprecated = {
104
+ level: 'warn',
105
+ details: "This component is deprecated and will be removed in the next major version."
106
+ };
107
+
100
108
  // Return a placeholder if not released and not enabled by feature flag
101
109
  exports.EditUpdateCards = settings.pkg.checkComponentEnabled(exports.EditUpdateCards, componentName);
102
110
 
@@ -61,6 +61,5 @@ var EmptyStateIllustration = function EmptyStateIllustration(_ref) {
61
61
  EmptyStateIllustration.propTypes = {
62
62
  kind: index.default.string
63
63
  };
64
- var EmptyStateIllustration$1 = EmptyStateIllustration;
65
64
 
66
- exports.default = EmptyStateIllustration$1;
65
+ exports.default = EmptyStateIllustration;
@@ -62,5 +62,6 @@ export interface EmptyStateV2Props {
62
62
  /**
63
63
  * This is the V2 version of the `EmptyState` component. To use you must pass the `v2` prop to the V1 version of the component `EmptyState` and use the props below.
64
64
  * In order to avoid breaking changes in the future `EmptyStateV2` is not actually directly importable.
65
+ * @deprecated
65
66
  */
66
67
  export declare let EmptyStateV2: React.ForwardRefExoticComponent<EmptyStateV2Props & React.RefAttributes<HTMLDivElement>>;
@@ -23,6 +23,7 @@ var componentName = 'EmptyStateV2';
23
23
  /**
24
24
  * This is the V2 version of the `EmptyState` component. To use you must pass the `v2` prop to the V1 version of the component `EmptyState` and use the props below.
25
25
  * In order to avoid breaking changes in the future `EmptyStateV2` is not actually directly importable.
26
+ * @deprecated
26
27
  */
27
28
 
28
29
  exports.EmptyStateV2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -67,6 +68,12 @@ exports.EmptyStateV2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
67
68
  }), link.text)));
68
69
  });
69
70
 
71
+ /**@ts-ignore*/
72
+ exports.EmptyStateV2.deprecated = {
73
+ level: 'warn',
74
+ details: 'For more information, please refer to the Carbon docs https://carbondesignsystem.com/patterns/empty-states-pattern/'
75
+ };
76
+
70
77
  // Return a placeholder if not released and not enabled by feature flag
71
78
  exports.EmptyStateV2 = settings.pkg.checkComponentEnabled(exports.EmptyStateV2, componentName);
72
79
  exports.EmptyStateV2.propTypes = {
@@ -41,7 +41,7 @@ exports.ErrorEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
41
41
  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
42
42
  className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--error")),
43
43
  ref: ref
44
- }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(ErrorIllustration.default, {
44
+ }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(ErrorIllustration.ErrorIllustration, {
45
45
  theme: illustrationTheme,
46
46
  size: size,
47
47
  alt: illustrationDescription || title
@@ -42,7 +42,7 @@ exports.NoDataEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
42
42
  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
43
43
  className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noData")),
44
44
  ref: ref
45
- }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoDataIllustration.default, {
45
+ }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoDataIllustration.NoDataIllustration, {
46
46
  theme: illustrationTheme,
47
47
  size: size,
48
48
  alt: illustrationDescription || title
@@ -41,7 +41,7 @@ exports.NoTagsEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
41
41
  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
42
42
  className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noTags")),
43
43
  ref: ref
44
- }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoTagsIllustration.default, {
44
+ }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoTagsIllustration.NoTagsIllustration, {
45
45
  theme: illustrationTheme,
46
46
  size: size,
47
47
  alt: illustrationDescription || title
@@ -41,7 +41,7 @@ exports.NotFoundEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
41
41
  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
42
42
  className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--notFound")),
43
43
  ref: ref
44
- }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotFoundIllustration.default, {
44
+ }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotFoundIllustration.NotFoundIllustration, {
45
45
  theme: illustrationTheme,
46
46
  size: size,
47
47
  alt: illustrationDescription || title
@@ -41,7 +41,7 @@ exports.NotificationsEmptyState = /*#__PURE__*/React.forwardRef(function (_ref,
41
41
  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
42
42
  className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--notifications")),
43
43
  ref: ref
44
- }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotificationsIllustration.default, {
44
+ }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotificationsIllustration.NotificationsIllustration, {
45
45
  size: size,
46
46
  theme: illustrationTheme,
47
47
  alt: illustrationDescription || title