@carbon/ibm-products 2.52.0 → 2.53.0-rc.0

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 (413) hide show
  1. package/README.md +3 -3
  2. package/css/index-full-carbon.css +306 -298
  3. package/css/index-full-carbon.css.map +1 -1
  4. package/css/index-full-carbon.min.css +1 -1
  5. package/css/index-full-carbon.min.css.map +1 -1
  6. package/css/index-without-carbon-released-only.css +94 -27
  7. package/css/index-without-carbon-released-only.css.map +1 -1
  8. package/css/index-without-carbon-released-only.min.css +1 -1
  9. package/css/index-without-carbon-released-only.min.css.map +1 -1
  10. package/css/index-without-carbon.css +110 -44
  11. package/css/index-without-carbon.css.map +1 -1
  12. package/css/index-without-carbon.min.css +1 -1
  13. package/css/index-without-carbon.min.css.map +1 -1
  14. package/css/index.css +179 -118
  15. package/css/index.css.map +1 -1
  16. package/css/index.min.css +1 -1
  17. package/css/index.min.css.map +1 -1
  18. package/es/components/APIKeyModal/APIKeyDownloader.d.ts +2 -1
  19. package/es/components/APIKeyModal/APIKeyModal.js +1 -1
  20. package/es/components/AboutModal/AboutModal.js +2 -4
  21. package/es/components/ActionBar/ActionBarOverflowItems.d.ts +2 -2
  22. package/es/components/AddSelect/AddSelectBody.js +8 -1
  23. package/es/components/AddSelect/AddSelectBreadcrumbs.d.ts +2 -1
  24. package/es/components/AddSelect/AddSelectColumn.d.ts +2 -1
  25. package/es/components/AddSelect/AddSelectFilter.d.ts +2 -1
  26. package/es/components/AddSelect/AddSelectFilter.js +5 -5
  27. package/es/components/AddSelect/AddSelectFormControl.d.ts +2 -1
  28. package/es/components/AddSelect/AddSelectList.d.ts +2 -1
  29. package/es/components/AddSelect/AddSelectMetaPanel.d.ts +2 -1
  30. package/es/components/AddSelect/AddSelectRow.d.ts +2 -1
  31. package/es/components/AddSelect/AddSelectSidebar.d.ts +2 -1
  32. package/es/components/AddSelect/AddSelectSidebar.js +1 -1
  33. package/es/components/AddSelect/AddSelectSort.d.ts +2 -1
  34. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.d.ts +2 -1
  35. package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.d.ts +2 -1
  36. package/es/components/Card/Card.d.ts +5 -1
  37. package/es/components/Card/Card.js +9 -2
  38. package/es/components/Card/CardFooter.d.ts +1 -1
  39. package/es/components/Card/CardHeader.d.ts +12 -2
  40. package/es/components/Card/CardHeader.js +17 -9
  41. package/es/components/Carousel/Carousel.js +17 -8
  42. package/es/components/Checklist/ChecklistChart.js +22 -6
  43. package/es/components/Coachmark/Coachmark.js +18 -11
  44. package/es/components/Coachmark/CoachmarkOverlay.js +30 -19
  45. package/es/components/Coachmark/utils/hooks.js +1 -1
  46. package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +2 -2
  47. package/es/components/CoachmarkStack/CoachmarkStack.js +1 -1
  48. package/es/components/ComboButton/ComboButtonItem/index.d.ts +2 -1
  49. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts +1 -1
  50. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +3 -6
  51. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +2 -1
  52. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +2 -1
  53. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +1 -1
  54. package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.d.ts +2 -1
  55. package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +2 -8
  56. package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.d.ts +2 -1
  57. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +2 -1
  58. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +0 -1
  59. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +1 -1
  60. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +2 -1
  61. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.d.ts +2 -1
  62. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +2 -1
  63. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +5 -1
  64. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts +2 -1
  65. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +6 -1
  66. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +2 -1
  67. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts +2 -1
  68. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +2 -1
  69. package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +2 -1
  70. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +65 -61
  71. package/es/components/ConditionBuilder/utils/util.js +0 -2
  72. package/es/components/CreateInfluencer/CreateInfluencer.d.ts +2 -2
  73. package/es/components/DataSpreadsheet/DataSpreadsheet.js +4 -4
  74. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +2 -2
  75. package/es/components/Datagrid/Datagrid/DatagridBody.d.ts +2 -1
  76. package/es/components/Datagrid/Datagrid/DatagridContent.d.ts +2 -1
  77. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.d.ts +2 -1
  78. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +5 -1
  79. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.d.ts +2 -2
  80. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +6 -4
  81. package/es/components/Datagrid/Datagrid/DatagridHead.d.ts +2 -1
  82. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +13 -10
  83. package/es/components/Datagrid/Datagrid/DatagridRefBody.d.ts +2 -1
  84. package/es/components/Datagrid/Datagrid/DatagridRow.d.ts +2 -1
  85. package/es/components/Datagrid/Datagrid/DatagridRow.js +14 -10
  86. package/es/components/Datagrid/Datagrid/DatagridSelectAll.d.ts +2 -1
  87. package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.d.ts +2 -1
  88. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.d.ts +2 -1
  89. package/es/components/Datagrid/Datagrid/DatagridToolbar.d.ts +2 -1
  90. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.d.ts +2 -1
  91. package/es/components/Datagrid/Datagrid/DraggableElement.d.ts +2 -2
  92. package/es/components/Datagrid/Datagrid/addons/{Slug/DatagridSlug.d.ts → AiLabel/DatagridAiLabel.d.ts} +3 -3
  93. package/es/components/Datagrid/Datagrid/addons/AiLabel/DatagridAiLabel.js +29 -0
  94. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.d.ts +2 -1
  95. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.d.ts +2 -1
  96. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.d.ts +2 -1
  97. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.d.ts +2 -1
  98. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -1
  99. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.d.ts +2 -1
  100. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.d.ts +2 -1
  101. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.d.ts +2 -1
  102. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.d.ts +2 -1
  103. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +5 -5
  104. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +1 -1
  105. package/es/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.d.ts +2 -1
  106. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  107. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +2 -2
  108. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.d.ts +2 -1
  109. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.d.ts +2 -1
  110. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +5 -5
  111. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.d.ts +1 -1
  112. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.d.ts +2 -1
  113. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
  114. package/es/components/Datagrid/index.d.ts +29 -22
  115. package/es/components/Datagrid/types/index.d.ts +7 -7
  116. package/es/components/Datagrid/useActionsColumn.js +1 -2
  117. package/es/components/Datagrid/useColumnCenterAlign.js +1 -2
  118. package/es/components/Datagrid/useColumnRightAlign.js +1 -2
  119. package/es/components/Datagrid/useCustomizeColumns.js +1 -2
  120. package/es/components/Datagrid/useDatagrid.js +1 -2
  121. package/es/components/Datagrid/useDefaultStringRenderer.js +3 -3
  122. package/es/components/Datagrid/useDisableSelectRows.js +1 -2
  123. package/es/components/Datagrid/useExpandedRow.js +1 -2
  124. package/es/components/Datagrid/useFiltering.js +1 -2
  125. package/es/components/Datagrid/useFlexResize.js +1 -1
  126. package/es/components/Datagrid/useInfiniteScroll.js +1 -2
  127. package/es/components/Datagrid/useInlineEdit.js +1 -2
  128. package/es/components/Datagrid/useNestedRowExpander.js +2 -2
  129. package/es/components/Datagrid/useNestedRows.js +1 -2
  130. package/es/components/Datagrid/useOnRowClick.js +1 -2
  131. package/es/components/Datagrid/useParentDimensions.js +5 -5
  132. package/es/components/Datagrid/useRowExpander.js +6 -7
  133. package/es/components/Datagrid/useRowIsMouseOver.js +1 -2
  134. package/es/components/Datagrid/useSelectAllToggle.js +1 -2
  135. package/es/components/Datagrid/useSelectRows.js +1 -2
  136. package/es/components/Datagrid/useSortableColumns.js +7 -8
  137. package/es/components/Datagrid/useStickyColumn.js +4 -5
  138. package/es/components/EmptyStates/EmptyState.d.ts +1 -1
  139. package/es/components/EmptyStates/EmptyState.js +8 -2
  140. package/es/components/EmptyStates/EmptyStateContent.d.ts +2 -1
  141. package/es/components/EmptyStates/EmptyStateIllustration.d.ts +2 -1
  142. package/es/components/EmptyStates/EmptyStateV2.d.ts +1 -2
  143. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.d.ts +1 -2
  144. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
  145. package/es/components/EmptyStates/ErrorEmptyState/index.d.ts +8 -1
  146. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.d.ts +1 -2
  147. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
  148. package/es/components/EmptyStates/NoDataEmptyState/index.d.ts +8 -1
  149. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.d.ts +1 -2
  150. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
  151. package/es/components/EmptyStates/NoTagsEmptyState/index.d.ts +8 -1
  152. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.d.ts +1 -2
  153. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
  154. package/es/components/EmptyStates/NotFoundEmptyState/index.d.ts +8 -1
  155. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.d.ts +1 -2
  156. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
  157. package/es/components/EmptyStates/NotificationsEmptyState/index.d.ts +8 -1
  158. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.d.ts +1 -2
  159. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
  160. package/es/components/EmptyStates/UnauthorizedEmptyState/index.d.ts +8 -1
  161. package/es/components/EmptyStates/assets/ErrorIllustration.d.ts +2 -1
  162. package/es/components/EmptyStates/assets/NoDataIllustration.d.ts +2 -1
  163. package/es/components/EmptyStates/assets/NoDataIllustration.js +5 -5
  164. package/es/components/EmptyStates/assets/NoTagsIllustration.d.ts +2 -1
  165. package/es/components/EmptyStates/assets/NotFoundIllustration.d.ts +2 -1
  166. package/es/components/EmptyStates/assets/NotificationsIllustration.d.ts +2 -1
  167. package/es/components/EmptyStates/assets/NotificationsIllustration.js +8 -8
  168. package/es/components/EmptyStates/assets/UnauthorizedIllustration.d.ts +2 -1
  169. package/es/components/EmptyStates/index.d.ts +22 -8
  170. package/es/components/ExportModal/ExportModal.js +1 -3
  171. package/es/components/ExpressiveCard/ExpressiveCard.d.ts +5 -0
  172. package/es/components/ExpressiveCard/ExpressiveCard.js +5 -0
  173. package/es/components/FeatureFlags/index.d.ts +5 -4
  174. package/es/components/FeatureFlags/index.js +17 -10
  175. package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +1 -1
  176. package/es/components/FullPageError/assets/Error403SVG.d.ts +2 -1
  177. package/es/components/FullPageError/assets/Error404SVG.d.ts +2 -1
  178. package/es/components/FullPageError/assets/ErrorGenericSVG.d.ts +2 -1
  179. package/es/components/HTTPErrors/HTTPErrorContent.d.ts +2 -1
  180. package/es/components/HTTPErrors/assets/HTTPErrorSvg403.d.ts +2 -1
  181. package/es/components/HTTPErrors/assets/HTTPErrorSvg404.d.ts +2 -1
  182. package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.d.ts +2 -1
  183. package/es/components/InterstitialScreen/InterstitialScreen.js +4 -4
  184. package/es/components/Nav/NavItem.d.ts +2 -1
  185. package/es/components/NotificationsPanel/NotificationsPanel.js +8 -1
  186. package/es/components/PageHeader/PageHeader.d.ts +2 -0
  187. package/es/components/PageHeader/PageHeader.js +4 -1
  188. package/es/components/PageHeader/PageHeaderTitle.d.ts +3 -1
  189. package/es/components/PageHeader/PageHeaderTitle.js +42 -8
  190. package/es/components/ProductiveCard/ProductiveCard.d.ts +5 -0
  191. package/es/components/ProductiveCard/ProductiveCard.js +4 -0
  192. package/es/components/ScrollGradient/ScrollGradient.js +2 -2
  193. package/es/components/SidePanel/SidePanel.d.ts +5 -0
  194. package/es/components/SidePanel/SidePanel.js +30 -16
  195. package/es/components/SimpleHeader/SimpleHeader.d.ts +2 -1
  196. package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +1 -1
  197. package/es/components/TagOverflow/TagOverflow.d.ts +3 -0
  198. package/es/components/TagOverflow/TagOverflow.js +9 -4
  199. package/es/components/TagOverflow/TagOverflowModal.d.ts +6 -1
  200. package/es/components/TagOverflow/TagOverflowModal.js +17 -6
  201. package/es/components/TagOverflow/TagOverflowPopover.js +17 -9
  202. package/es/components/TagSet/TagSet.d.ts +4 -0
  203. package/es/components/TagSet/TagSet.js +20 -8
  204. package/es/components/TagSet/TagSetModal.js +0 -1
  205. package/es/components/Tearsheet/TearsheetShell.d.ts +13 -4
  206. package/es/components/Tearsheet/TearsheetShell.js +31 -20
  207. package/es/components/Toolbar/Toolbar.js +1 -1
  208. package/es/components/TooltipTrigger/TooltipTrigger.d.ts +2 -1
  209. package/es/components/TruncatedList/TruncatedList.js +1 -1
  210. package/es/components/_Canary/Canary.d.ts +2 -1
  211. package/es/global/js/hooks/usePreviousValue.js +1 -1
  212. package/es/index.js +29 -29
  213. package/es/node_modules/@carbon/icons-react/es/generated/bucket-9.js +742 -740
  214. package/lib/components/APIKeyModal/APIKeyDownloader.d.ts +2 -1
  215. package/lib/components/APIKeyModal/APIKeyModal.js +1 -1
  216. package/lib/components/AboutModal/AboutModal.js +2 -4
  217. package/lib/components/ActionBar/ActionBarOverflowItems.d.ts +2 -2
  218. package/lib/components/AddSelect/AddSelectBody.js +8 -1
  219. package/lib/components/AddSelect/AddSelectBreadcrumbs.d.ts +2 -1
  220. package/lib/components/AddSelect/AddSelectColumn.d.ts +2 -1
  221. package/lib/components/AddSelect/AddSelectFilter.d.ts +2 -1
  222. package/lib/components/AddSelect/AddSelectFilter.js +4 -4
  223. package/lib/components/AddSelect/AddSelectFormControl.d.ts +2 -1
  224. package/lib/components/AddSelect/AddSelectList.d.ts +2 -1
  225. package/lib/components/AddSelect/AddSelectMetaPanel.d.ts +2 -1
  226. package/lib/components/AddSelect/AddSelectRow.d.ts +2 -1
  227. package/lib/components/AddSelect/AddSelectSidebar.d.ts +2 -1
  228. package/lib/components/AddSelect/AddSelectSidebar.js +1 -1
  229. package/lib/components/AddSelect/AddSelectSort.d.ts +2 -1
  230. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.d.ts +2 -1
  231. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.d.ts +2 -1
  232. package/lib/components/Card/Card.d.ts +5 -1
  233. package/lib/components/Card/Card.js +9 -2
  234. package/lib/components/Card/CardFooter.d.ts +1 -1
  235. package/lib/components/Card/CardHeader.d.ts +12 -2
  236. package/lib/components/Card/CardHeader.js +17 -9
  237. package/lib/components/Carousel/Carousel.js +17 -8
  238. package/lib/components/Checklist/ChecklistChart.js +20 -4
  239. package/lib/components/Coachmark/Coachmark.js +17 -10
  240. package/lib/components/Coachmark/CoachmarkOverlay.js +29 -18
  241. package/lib/components/Coachmark/utils/hooks.js +1 -1
  242. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +2 -2
  243. package/lib/components/CoachmarkStack/CoachmarkStack.js +1 -1
  244. package/lib/components/ComboButton/ComboButtonItem/index.d.ts +2 -1
  245. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts +1 -1
  246. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +3 -6
  247. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +2 -1
  248. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +2 -1
  249. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +1 -1
  250. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.d.ts +2 -1
  251. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +2 -8
  252. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.d.ts +2 -1
  253. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +2 -1
  254. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +0 -1
  255. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +1 -1
  256. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +2 -1
  257. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.d.ts +2 -1
  258. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +2 -1
  259. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +5 -1
  260. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts +2 -1
  261. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +6 -1
  262. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +2 -1
  263. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts +2 -1
  264. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +2 -1
  265. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +2 -1
  266. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +65 -61
  267. package/lib/components/ConditionBuilder/utils/util.js +0 -2
  268. package/lib/components/CreateInfluencer/CreateInfluencer.d.ts +2 -2
  269. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +4 -4
  270. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +2 -2
  271. package/lib/components/Datagrid/Datagrid/DatagridBody.d.ts +2 -1
  272. package/lib/components/Datagrid/Datagrid/DatagridContent.d.ts +2 -1
  273. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.d.ts +2 -1
  274. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +5 -1
  275. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.d.ts +2 -2
  276. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +6 -4
  277. package/lib/components/Datagrid/Datagrid/DatagridHead.d.ts +2 -1
  278. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +13 -10
  279. package/lib/components/Datagrid/Datagrid/DatagridRefBody.d.ts +2 -1
  280. package/lib/components/Datagrid/Datagrid/DatagridRow.d.ts +2 -1
  281. package/lib/components/Datagrid/Datagrid/DatagridRow.js +14 -10
  282. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.d.ts +2 -1
  283. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.d.ts +2 -1
  284. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.d.ts +2 -1
  285. package/lib/components/Datagrid/Datagrid/DatagridToolbar.d.ts +2 -1
  286. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.d.ts +2 -1
  287. package/lib/components/Datagrid/Datagrid/DraggableElement.d.ts +2 -2
  288. package/lib/components/Datagrid/Datagrid/addons/{Slug/DatagridSlug.d.ts → AiLabel/DatagridAiLabel.d.ts} +3 -3
  289. package/lib/components/Datagrid/Datagrid/addons/AiLabel/DatagridAiLabel.js +31 -0
  290. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.d.ts +2 -1
  291. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.d.ts +2 -1
  292. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.d.ts +2 -1
  293. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.d.ts +2 -1
  294. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -1
  295. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.d.ts +2 -1
  296. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.d.ts +2 -1
  297. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.d.ts +2 -1
  298. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.d.ts +2 -1
  299. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +5 -5
  300. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +1 -1
  301. package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.d.ts +2 -1
  302. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  303. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +2 -2
  304. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.d.ts +2 -1
  305. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.d.ts +2 -1
  306. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +5 -5
  307. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.d.ts +1 -1
  308. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.d.ts +2 -1
  309. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
  310. package/lib/components/Datagrid/index.d.ts +29 -22
  311. package/lib/components/Datagrid/types/index.d.ts +7 -7
  312. package/lib/components/Datagrid/useActionsColumn.js +1 -2
  313. package/lib/components/Datagrid/useColumnCenterAlign.js +1 -2
  314. package/lib/components/Datagrid/useColumnRightAlign.js +1 -2
  315. package/lib/components/Datagrid/useCustomizeColumns.js +1 -2
  316. package/lib/components/Datagrid/useDatagrid.js +1 -2
  317. package/lib/components/Datagrid/useDefaultStringRenderer.js +3 -3
  318. package/lib/components/Datagrid/useDisableSelectRows.js +1 -2
  319. package/lib/components/Datagrid/useExpandedRow.js +1 -2
  320. package/lib/components/Datagrid/useFiltering.js +1 -2
  321. package/lib/components/Datagrid/useFlexResize.js +1 -1
  322. package/lib/components/Datagrid/useInfiniteScroll.js +1 -2
  323. package/lib/components/Datagrid/useInlineEdit.js +1 -2
  324. package/lib/components/Datagrid/useNestedRowExpander.js +2 -2
  325. package/lib/components/Datagrid/useNestedRows.js +1 -2
  326. package/lib/components/Datagrid/useOnRowClick.js +1 -2
  327. package/lib/components/Datagrid/useParentDimensions.js +5 -5
  328. package/lib/components/Datagrid/useRowExpander.js +6 -7
  329. package/lib/components/Datagrid/useRowIsMouseOver.js +1 -2
  330. package/lib/components/Datagrid/useSelectAllToggle.js +1 -2
  331. package/lib/components/Datagrid/useSelectRows.js +1 -2
  332. package/lib/components/Datagrid/useSortableColumns.js +7 -8
  333. package/lib/components/Datagrid/useStickyColumn.js +4 -5
  334. package/lib/components/EmptyStates/EmptyState.d.ts +1 -1
  335. package/lib/components/EmptyStates/EmptyState.js +7 -1
  336. package/lib/components/EmptyStates/EmptyStateContent.d.ts +2 -1
  337. package/lib/components/EmptyStates/EmptyStateIllustration.d.ts +2 -1
  338. package/lib/components/EmptyStates/EmptyStateV2.d.ts +1 -2
  339. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.d.ts +1 -2
  340. package/lib/components/EmptyStates/ErrorEmptyState/index.d.ts +8 -1
  341. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.d.ts +1 -2
  342. package/lib/components/EmptyStates/NoDataEmptyState/index.d.ts +8 -1
  343. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.d.ts +1 -2
  344. package/lib/components/EmptyStates/NoTagsEmptyState/index.d.ts +8 -1
  345. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.d.ts +1 -2
  346. package/lib/components/EmptyStates/NotFoundEmptyState/index.d.ts +8 -1
  347. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.d.ts +1 -2
  348. package/lib/components/EmptyStates/NotificationsEmptyState/index.d.ts +8 -1
  349. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.d.ts +1 -2
  350. package/lib/components/EmptyStates/UnauthorizedEmptyState/index.d.ts +8 -1
  351. package/lib/components/EmptyStates/assets/ErrorIllustration.d.ts +2 -1
  352. package/lib/components/EmptyStates/assets/NoDataIllustration.d.ts +2 -1
  353. package/lib/components/EmptyStates/assets/NoDataIllustration.js +5 -5
  354. package/lib/components/EmptyStates/assets/NoTagsIllustration.d.ts +2 -1
  355. package/lib/components/EmptyStates/assets/NotFoundIllustration.d.ts +2 -1
  356. package/lib/components/EmptyStates/assets/NotificationsIllustration.d.ts +2 -1
  357. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +8 -8
  358. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.d.ts +2 -1
  359. package/lib/components/EmptyStates/index.d.ts +22 -8
  360. package/lib/components/ExportModal/ExportModal.js +1 -3
  361. package/lib/components/ExpressiveCard/ExpressiveCard.d.ts +5 -0
  362. package/lib/components/ExpressiveCard/ExpressiveCard.js +5 -0
  363. package/lib/components/FeatureFlags/index.d.ts +5 -4
  364. package/lib/components/FeatureFlags/index.js +16 -9
  365. package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +1 -1
  366. package/lib/components/FullPageError/assets/Error403SVG.d.ts +2 -1
  367. package/lib/components/FullPageError/assets/Error404SVG.d.ts +2 -1
  368. package/lib/components/FullPageError/assets/ErrorGenericSVG.d.ts +2 -1
  369. package/lib/components/HTTPErrors/HTTPErrorContent.d.ts +2 -1
  370. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.d.ts +2 -1
  371. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.d.ts +2 -1
  372. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.d.ts +2 -1
  373. package/lib/components/InterstitialScreen/InterstitialScreen.js +4 -4
  374. package/lib/components/Nav/NavItem.d.ts +2 -1
  375. package/lib/components/NotificationsPanel/NotificationsPanel.js +8 -1
  376. package/lib/components/PageHeader/PageHeader.d.ts +2 -0
  377. package/lib/components/PageHeader/PageHeader.js +4 -1
  378. package/lib/components/PageHeader/PageHeaderTitle.d.ts +3 -1
  379. package/lib/components/PageHeader/PageHeaderTitle.js +39 -5
  380. package/lib/components/ProductiveCard/ProductiveCard.d.ts +5 -0
  381. package/lib/components/ProductiveCard/ProductiveCard.js +4 -0
  382. package/lib/components/ScrollGradient/ScrollGradient.js +2 -2
  383. package/lib/components/SidePanel/SidePanel.d.ts +5 -0
  384. package/lib/components/SidePanel/SidePanel.js +30 -16
  385. package/lib/components/SimpleHeader/SimpleHeader.d.ts +2 -1
  386. package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +1 -1
  387. package/lib/components/TagOverflow/TagOverflow.d.ts +3 -0
  388. package/lib/components/TagOverflow/TagOverflow.js +8 -3
  389. package/lib/components/TagOverflow/TagOverflowModal.d.ts +6 -1
  390. package/lib/components/TagOverflow/TagOverflowModal.js +16 -5
  391. package/lib/components/TagOverflow/TagOverflowPopover.js +16 -8
  392. package/lib/components/TagSet/TagSet.d.ts +4 -0
  393. package/lib/components/TagSet/TagSet.js +19 -7
  394. package/lib/components/TagSet/TagSetModal.js +0 -1
  395. package/lib/components/Tearsheet/TearsheetShell.d.ts +13 -4
  396. package/lib/components/Tearsheet/TearsheetShell.js +31 -20
  397. package/lib/components/Toolbar/Toolbar.js +1 -1
  398. package/lib/components/TooltipTrigger/TooltipTrigger.d.ts +2 -1
  399. package/lib/components/TruncatedList/TruncatedList.js +1 -1
  400. package/lib/components/_Canary/Canary.d.ts +2 -1
  401. package/lib/global/js/hooks/usePreviousValue.js +1 -1
  402. package/lib/index.js +88 -88
  403. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +742 -740
  404. package/package.json +11 -11
  405. package/scss/components/Card/_card.scss +14 -6
  406. package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +4 -0
  407. package/scss/components/Datagrid/styles/_datagrid.scss +82 -2
  408. package/scss/components/PageHeader/_page-header.scss +16 -3
  409. package/scss/components/SidePanel/_side-panel.scss +12 -6
  410. package/scss/components/Tearsheet/_tearsheet.scss +13 -3
  411. package/telemetry.yml +1 -0
  412. package/es/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.js +0 -29
  413. package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.js +0 -31
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/ibm-products",
3
3
  "description": "Carbon for IBM Products",
4
- "version": "2.52.0",
4
+ "version": "2.53.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -81,7 +81,7 @@
81
81
  "fs-extra": "^11.2.0",
82
82
  "glob": "^10.3.10",
83
83
  "jest": "^29.7.0",
84
- "jest-config-ibm-cloud-cognitive": "^1.11.0",
84
+ "jest-config-ibm-cloud-cognitive": "^1.12.0-rc.0",
85
85
  "jest-environment-jsdom": "^29.7.0",
86
86
  "namor": "^1.1.2",
87
87
  "npm-check-updates": "^16.14.12",
@@ -95,8 +95,8 @@
95
95
  },
96
96
  "dependencies": {
97
97
  "@babel/runtime": "^7.23.9",
98
- "@carbon/feature-flags": "^0.22.0",
99
- "@carbon/ibm-products-styles": "^2.48.0",
98
+ "@carbon/feature-flags": "^0.23.1",
99
+ "@carbon/ibm-products-styles": "^2.49.0-rc.0",
100
100
  "@carbon/telemetry": "^0.1.0",
101
101
  "@dnd-kit/core": "^6.0.8",
102
102
  "@dnd-kit/modifiers": "^7.0.0",
@@ -111,14 +111,14 @@
111
111
  "react-window": "^1.8.10"
112
112
  },
113
113
  "peerDependencies": {
114
- "@carbon/grid": "^11.27.0",
115
- "@carbon/layout": "^11.26.0",
116
- "@carbon/motion": "^11.22.0",
117
- "@carbon/react": "^1.66.0",
118
- "@carbon/themes": "^11.40.0",
119
- "@carbon/type": "^11.31.0",
114
+ "@carbon/grid": "^11.28.1",
115
+ "@carbon/layout": "^11.27.1",
116
+ "@carbon/motion": "^11.23.1",
117
+ "@carbon/react": "^1.68.0",
118
+ "@carbon/themes": "^11.42.0",
119
+ "@carbon/type": "^11.32.1",
120
120
  "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
121
121
  "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
122
122
  },
123
- "gitHead": "5f2a18957b7d16603d26f9519cc503a11e52cbad"
123
+ "gitHead": "847e38fa424e320632c444ac2e1e8f8ab4671ac9"
124
124
  }
@@ -5,6 +5,8 @@
5
5
  // LICENSE file in the root directory of this source tree.
6
6
  //
7
7
 
8
+ // NOTE: Please do not remove the duplicate `slug` and `ai-label` classes. We need both until slug is fully deprecated
9
+
8
10
  // Standard imports.
9
11
  @use '@carbon/styles/scss/theme' as *;
10
12
  @use '@carbon/styles/scss/spacing' as *;
@@ -148,16 +150,19 @@ $block-class: #{c4p-settings.$pkg-prefix}--card;
148
150
  right: $spacing-05;
149
151
  }
150
152
 
151
- .#{$block-class}__header-container--has-slug {
153
+ .#{$block-class}__header-container--has-slug,
154
+ .#{$block-class}__header-container--has-ai-label {
152
155
  width: 100%;
153
156
  padding-right: $spacing-07;
154
157
  }
155
158
 
156
- .#{$block-class}__header-container--has-slug.#{$block-class}__header-container--has-actions {
159
+ .#{$block-class}__header-container--has-slug.#{$block-class}__header-container--has-actions,
160
+ .#{$block-class}__header-container--has-ai-label.#{$block-class}__header-container--has-actions {
157
161
  padding-right: $spacing-08;
158
162
  }
159
163
 
160
- .#{$block-class}__header-container--has-slug.#{$block-class}__header-container--large-tile-or-label {
164
+ .#{$block-class}__header-container--has-slug.#{$block-class}__header-container--large-tile-or-label,
165
+ .#{$block-class}__header-container--has-ai-label.#{$block-class}__header-container--large-tile-or-label {
161
166
  padding-right: $spacing-09;
162
167
  }
163
168
 
@@ -170,7 +175,8 @@ $block-class: #{c4p-settings.$pkg-prefix}--card;
170
175
  pointer-events: none;
171
176
  }
172
177
 
173
- .#{$block-class}--has-slug {
178
+ .#{$block-class}--has-slug,
179
+ .#{$block-class}--has-ai-label {
174
180
  @include utilities.ai-popover-gradient('default', 0, 'layer');
175
181
 
176
182
  border: 1px solid transparent;
@@ -178,7 +184,8 @@ $block-class: #{c4p-settings.$pkg-prefix}--card;
178
184
  0 4px 10px 2px $ai-drop-shadow;
179
185
  }
180
186
 
181
- .#{$block-class}__clickable.#{$block-class}--has-slug::before {
187
+ .#{$block-class}__clickable.#{$block-class}--has-slug::before,
188
+ .#{$block-class}__clickable.#{$block-class}--has-ai-label::before {
182
189
  @include utilities.ai-popover-gradient('hover', 0, 'layer');
183
190
 
184
191
  position: absolute;
@@ -193,7 +200,8 @@ $block-class: #{c4p-settings.$pkg-prefix}--card;
193
200
  transition: opacity $duration-fast-02 motion(standard, productive);
194
201
  }
195
202
 
196
- .#{$block-class}__clickable.#{$block-class}--has-slug:hover::before {
203
+ .#{$block-class}__clickable.#{$block-class}--has-slug:hover::before,
204
+ .#{$block-class}__clickable.#{$block-class}--has-ai-label:hover::before {
197
205
  opacity: 1;
198
206
  }
199
207
 
@@ -285,6 +285,10 @@ $colors: (
285
285
  /* stylelint-disable-next-line carbon/motion-easing-use */
286
286
  transition: transform motion(exit, productive) $duration-fast-02;
287
287
  }
288
+ .#{$block-class}__condition--interacting
289
+ .#{$block-class}__close-condition-wrapper {
290
+ z-index: 2;
291
+ }
288
292
  }
289
293
 
290
294
  .#{$block-class}__invalid-input {
@@ -156,6 +156,7 @@
156
156
  background-color: $background;
157
157
  }
158
158
 
159
+ /* This section to be removed after support for slug dropped - start */
159
160
  .#{$block-class} th.#{$block-class}__with-slug {
160
161
  /* stylelint-disable-next-line carbon/theme-token-use */
161
162
  box-shadow: inset 0 1px $ai-border-strong;
@@ -228,6 +229,80 @@
228
229
  .#{c4p-settings.$carbon-prefix}--slug {
229
230
  margin-left: $spacing-03;
230
231
  }
232
+ /* This section to be removed after support for slug dropped - end */
233
+
234
+ .#{$block-class} th.#{$block-class}__with-ai-label {
235
+ /* stylelint-disable-next-line carbon/theme-token-use */
236
+ box-shadow: inset 0 1px $ai-border-strong;
237
+ }
238
+
239
+ .#{$block-class} th.#{$block-class}__with-ai-label,
240
+ .#{$block-class} td.#{$block-class}__ai-label--cell {
241
+ @include ai-table-gradient();
242
+ }
243
+
244
+ .#{$block-class}
245
+ .#{c4p-settings.$carbon-prefix}--data-table
246
+ tbody
247
+ tr.#{$block-class}__ai-label--row,
248
+ .#{$block-class}
249
+ .#{c4p-settings.$carbon-prefix}--data-table
250
+ tbody
251
+ tr.#{$block-class}__ai-label--row
252
+ + .#{$block-class}__expanded-row {
253
+ @include ai-table-gradient();
254
+
255
+ background-attachment: fixed;
256
+ }
257
+
258
+ .#{$block-class}
259
+ .#{c4p-settings.$carbon-prefix}--data-table
260
+ tbody
261
+ tr.#{$block-class}__ai-label--row {
262
+ /* stylelint-disable-next-line carbon/theme-token-use */
263
+ box-shadow: inset 1px 0 $ai-border-strong;
264
+ }
265
+
266
+ .#{$block-class}
267
+ .#{c4p-settings.$carbon-prefix}--data-table
268
+ tbody
269
+ tr.#{$block-class}__ai-label--row:hover,
270
+ .#{$block-class}
271
+ .#{c4p-settings.$carbon-prefix}--data-table
272
+ tbody
273
+ tr.#{$block-class}__ai-label--row.#{c4p-settings.$carbon-prefix}--data-table--selected:hover,
274
+ .#{$block-class}
275
+ .#{c4p-settings.$carbon-prefix}--data-table
276
+ tbody
277
+ tr.#{$block-class}__ai-label--row.#{$block-class}__carbon-row-expanded:hover
278
+ + .#{$block-class}__expanded-row,
279
+ .#{$block-class}
280
+ .#{c4p-settings.$carbon-prefix}--data-table
281
+ tbody
282
+ tr.#{$block-class}__expandable-row--hover.#{$block-class}__ai-label--row {
283
+ @include ai-table-gradient('hover');
284
+ }
285
+
286
+ .#{$block-class}
287
+ .#{c4p-settings.$carbon-prefix}--data-table
288
+ tbody
289
+ tr.#{$block-class}__expandable-row--hover.#{$block-class}__ai-label--row
290
+ td {
291
+ background-color: transparent;
292
+ }
293
+
294
+ .#{$block-class}
295
+ .#{c4p-settings.$carbon-prefix}--data-table
296
+ tbody
297
+ tr.#{$block-class}__ai-label--row.#{c4p-settings.$carbon-prefix}--data-table--selected {
298
+ @include ai-table-gradient('selected');
299
+ }
300
+
301
+ .#{$block-class}
302
+ th.#{$block-class}__with-ai-label
303
+ .#{c4p-settings.$carbon-prefix}--slug {
304
+ margin-left: $spacing-03;
305
+ }
231
306
 
232
307
  .#{$block-class}__grid-container {
233
308
  display: block;
@@ -315,7 +390,8 @@
315
390
  white-space: initial;
316
391
  }
317
392
 
318
- .#{$block-class}__defaultStringRenderer.#{$block-class}__defaultStringRenderer--slug {
393
+ .#{$block-class}__defaultStringRenderer.#{$block-class}__defaultStringRenderer--slug,
394
+ .#{$block-class}__defaultStringRenderer.#{$block-class}__defaultStringRenderer--ai-label {
319
395
  width: fit-content;
320
396
  }
321
397
 
@@ -446,6 +522,8 @@
446
522
  }
447
523
 
448
524
  .#{$block-class}__resizableColumn:hover {
525
+ background-color: $background-selected-hover;
526
+
449
527
  .#{$block-class}__resizer {
450
528
  border-right: $spacing-01 solid $border-strong-01;
451
529
  background-color: $background-selected-hover;
@@ -889,7 +967,9 @@
889
967
  .#{$block-class} .#{$block-class}__table-row-ai-enabled {
890
968
  display: flex;
891
969
  align-items: center;
892
- &.#{$block-class}__slug--expanded {
970
+
971
+ &.#{$block-class}__slug--expanded,
972
+ &.#{$block-class}__ai-label--expanded {
893
973
  border: none;
894
974
  }
895
975
  }
@@ -433,13 +433,26 @@ $right-section-alt-width: 100% - $left-section-alt-width;
433
433
  }
434
434
  }
435
435
 
436
+ .#{$block-class}__tooltip {
437
+ min-width: 0;
438
+ flex-basis: auto;
439
+
440
+ button {
441
+ border-block-end: none;
442
+ cursor: default;
443
+ }
444
+ }
445
+ .#{$block-class}__titleText {
446
+ display: block;
447
+ overflow: hidden;
448
+ text-overflow: ellipsis;
449
+ white-space: nowrap;
450
+ }
436
451
  .#{$block-class}__title {
437
452
  @include type.type-style('heading-04');
438
453
 
454
+ display: flex;
439
455
  min-height: $spacing-08;
440
- overflow-x: hidden;
441
- text-overflow: ellipsis;
442
- white-space: nowrap;
443
456
  }
444
457
 
445
458
  .#{$block-class}__title--editable {
@@ -109,7 +109,8 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
109
109
  left: 0;
110
110
  border-right: 1px solid $border-subtle-02;
111
111
  }
112
- &.#{$block-class}.#{$block-class}--has-slug {
112
+ &.#{$block-class}.#{$block-class}--has-slug,
113
+ &.#{$block-class}.#{$block-class}--has-ai-label {
113
114
  border-color: transparent;
114
115
  box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow,
115
116
  0 4px 10px 2px $ai-drop-shadow;
@@ -195,13 +196,15 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
195
196
 
196
197
  &.#{$block-class}:has(.#{$block-class}__action-toolbar),
197
198
  &.#{$block-class}--has-action-toolbar,
198
- &.#{$block-class}--has-slug {
199
+ &.#{$block-class}--has-slug,
200
+ &.#{$block-class}--has-ai-label {
199
201
  --#{$block-class}--title-padding-right: #{$spacing-10};
200
202
  }
201
203
 
202
204
  &.#{$block-class}:has(.#{$block-class}__action-toolbar),
203
205
  &.#{$block-class}--has-action-toolbar {
204
- &.#{$block-class}--has-slug {
206
+ &.#{$block-class}--has-slug,
207
+ &.#{$block-class}--has-ai-label {
205
208
  --#{$block-class}--title-padding-right: #{$spacing-11};
206
209
  }
207
210
  }
@@ -308,7 +311,8 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
308
311
  padding-top: $spacing-03;
309
312
  }
310
313
 
311
- &.#{$block-class}--has-slug .#{$block-class}--scrolls {
314
+ &.#{$block-class}--has-slug .#{$block-class}--scrolls,
315
+ &.#{$block-class}--has-ai-label .#{$block-class}--scrolls {
312
316
  @include utilities.ai-popover-gradient('default', 0, 'layer');
313
317
 
314
318
  box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow,
@@ -362,7 +366,8 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
362
366
  height: $spacing-08;
363
367
  }
364
368
 
365
- .#{$block-class}__slug-and-close {
369
+ .#{$block-class}__slug-and-close,
370
+ .#{$block-class}__ai-label-and-close {
366
371
  position: absolute;
367
372
  z-index: 10; /* must be higher than title container border bottom */
368
373
  top: 0;
@@ -464,7 +469,8 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
464
469
  inset: 0;
465
470
  }
466
471
 
467
- .#{$block-class}--has-slug + .#{$block-class}__overlay {
472
+ .#{$block-class}--has-slug + .#{$block-class}__overlay,
473
+ .#{$block-class}--has-ai-label + .#{$block-class}__overlay {
468
474
  /* stylelint-disable-next-line carbon/theme-token-use */
469
475
  background-color: $ai-overlay;
470
476
  }
@@ -110,6 +110,8 @@ $motion-duration: $duration-moderate-02;
110
110
  }
111
111
 
112
112
  &.#{$block-class}.#{$block-class}.#{$block-class}.#{$block-class}--has-slug
113
+ .#{$block-class}__container,
114
+ &.#{$block-class}.#{$block-class}.#{$block-class}.#{$block-class}--has-ai-label
113
115
  .#{$block-class}__container {
114
116
  border: 1px solid transparent;
115
117
  border-bottom: 0;
@@ -276,11 +278,15 @@ $motion-duration: $duration-moderate-02;
276
278
 
277
279
  &.#{$block-class}--wide
278
280
  .#{$block-class}__header.#{$block-class}__header--with-close-icon,
279
- &.#{$block-class}--has-slug .#{$block-class}__header.#{$block-class}__header {
281
+ &.#{$block-class}--has-slug .#{$block-class}__header.#{$block-class}__header,
282
+ &.#{$block-class}--has-ai-label
283
+ .#{$block-class}__header.#{$block-class}__header {
280
284
  padding-inline-end: $spacing-11;
281
285
  }
282
286
 
283
287
  &.#{$block-class}--wide.#{$block-class}--has-slug
288
+ .#{$block-class}__header.#{$block-class}__header--with-close-icon,
289
+ &.#{$block-class}--wide.#{$block-class}--has-ai-label
284
290
  .#{$block-class}__header.#{$block-class}__header--with-close-icon {
285
291
  /* spacing 11 plus additional space for slug/close */
286
292
  /* stylelint-disable-next-line carbon/layout-token-use */
@@ -362,7 +368,8 @@ $motion-duration: $duration-moderate-02;
362
368
  flex-grow: 1;
363
369
  }
364
370
 
365
- &.#{$block-class}--has-slug .#{$block-class}__content {
371
+ &.#{$block-class}--has-slug .#{$block-class}__content,
372
+ &.#{$block-class}--has-ai-label .#{$block-class}__content {
366
373
  @include utilities.ai-popover-gradient('default', 0);
367
374
 
368
375
  box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow;
@@ -418,12 +425,15 @@ $motion-duration: $duration-moderate-02;
418
425
  background: $background;
419
426
  }
420
427
 
421
- &.#{$block-class}--has-slug {
428
+ &.#{$block-class}--has-slug,
429
+ &.#{$block-class}--has-ai-label {
422
430
  /* stylelint-disable-next-line carbon/theme-token-use */
423
431
  --overlay-color: #{$ai-overlay};
424
432
  }
425
433
 
426
434
  &.#{$block-class}--has-slug:not(.#{$block-class}--has-close)
435
+ .#{$carbon-prefix}--slug,
436
+ &.#{$block-class}--has-ai-label:not(.#{$block-class}--has-close)
427
437
  .#{$carbon-prefix}--slug {
428
438
  inset-inline-end: 0;
429
439
  margin-block: 6px;
package/telemetry.yml CHANGED
@@ -15,6 +15,7 @@ collect:
15
15
  - activeCellCoordinates
16
16
  - activeHref
17
17
  - addConditionSubGroupHandler
18
+ - aiLabel
18
19
  - align
19
20
  - allPageRowsLabel
20
21
  - allRowsLabel
@@ -1,29 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2020, 2024
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- import React__default, { forwardRef, isValidElement } from 'react';
9
- import PropTypes from '../../../../../_virtual/index.js';
10
-
11
- var DatagridSlug = /*#__PURE__*/forwardRef(function (_ref, ref) {
12
- var slug = _ref.slug;
13
- if (slug && /*#__PURE__*/isValidElement(slug)) {
14
- var normalizedSlug = /*#__PURE__*/React__default.cloneElement(slug, {
15
- size: 'mini',
16
- ref: ref
17
- });
18
- return normalizedSlug;
19
- }
20
- return null;
21
- });
22
- DatagridSlug.propTypes = {
23
- /**
24
- * Specify the AI slug to be displayed
25
- */
26
- slug: PropTypes.node
27
- };
28
-
29
- export { DatagridSlug };
@@ -1,31 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2020, 2024
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- 'use strict';
9
-
10
- var React = require('react');
11
- var index = require('../../../../../_virtual/index.js');
12
-
13
- var DatagridSlug = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
14
- var slug = _ref.slug;
15
- if (slug && /*#__PURE__*/React.isValidElement(slug)) {
16
- var normalizedSlug = /*#__PURE__*/React.cloneElement(slug, {
17
- size: 'mini',
18
- ref: ref
19
- });
20
- return normalizedSlug;
21
- }
22
- return null;
23
- });
24
- DatagridSlug.propTypes = {
25
- /**
26
- * Specify the AI slug to be displayed
27
- */
28
- slug: index.default.node
29
- };
30
-
31
- exports.DatagridSlug = DatagridSlug;