@carbon/ibm-products 2.52.0 → 2.53.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
@@ -3092,7 +3092,7 @@ p.c4p--about-modal__copyright-text:first-child {
3092
3092
  left: 0;
3093
3093
  border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
3094
3094
  }
3095
- .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug {
3095
+ .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-ai-label {
3096
3096
  border-color: transparent;
3097
3097
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
3098
3098
  }
@@ -3157,10 +3157,10 @@ p.c4p--about-modal__copyright-text:first-child {
3157
3157
  .c4p--side-panel .c4p--side-panel__header:not(.c4p--side-panel__header--has-title)::before {
3158
3158
  background-color: transparent;
3159
3159
  }
3160
- .c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar), .c4p--side-panel.c4p--side-panel--has-action-toolbar, .c4p--side-panel.c4p--side-panel--has-slug {
3160
+ .c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar), .c4p--side-panel.c4p--side-panel--has-action-toolbar, .c4p--side-panel.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel--has-ai-label {
3161
3161
  --c4p--side-panel--title-padding-right: 4rem;
3162
3162
  }
3163
- .c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-slug {
3163
+ .c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-ai-label, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-ai-label {
3164
3164
  --c4p--side-panel--title-padding-right: 5rem;
3165
3165
  }
3166
3166
  .c4p--side-panel .c4p--side-panel__animated-scroll-wrapper {
@@ -3257,7 +3257,7 @@ p.c4p--about-modal__copyright-text:first-child {
3257
3257
  .c4p--side-panel .c4p--side-panel__header--has-action-toolbar + .c4p--side-panel__inner-content {
3258
3258
  padding-top: 0.5rem;
3259
3259
  }
3260
- .c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--scrolls {
3260
+ .c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--scrolls, .c4p--side-panel.c4p--side-panel--has-ai-label .c4p--side-panel--scrolls {
3261
3261
  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
3262
3262
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
3263
3263
  }
@@ -3305,7 +3305,8 @@ p.c4p--about-modal__copyright-text:first-child {
3305
3305
  width: 2.5rem;
3306
3306
  height: 2.5rem;
3307
3307
  }
3308
- .c4p--side-panel .c4p--side-panel__slug-and-close {
3308
+ .c4p--side-panel .c4p--side-panel__slug-and-close,
3309
+ .c4p--side-panel .c4p--side-panel__ai-label-and-close {
3309
3310
  position: absolute;
3310
3311
  z-index: 10; /* must be higher than title container border bottom */
3311
3312
  top: 0;
@@ -3314,7 +3315,8 @@ p.c4p--about-modal__copyright-text:first-child {
3314
3315
  /* stylelint-disable-next-line max-nesting-depth */
3315
3316
  }
3316
3317
  @media (prefers-reduced-motion) {
3317
- .c4p--side-panel .c4p--side-panel__slug-and-close {
3318
+ .c4p--side-panel .c4p--side-panel__slug-and-close,
3319
+ .c4p--side-panel .c4p--side-panel__ai-label-and-close {
3318
3320
  position: absolute;
3319
3321
  }
3320
3322
  }
@@ -3398,7 +3400,8 @@ p.c4p--about-modal__copyright-text:first-child {
3398
3400
  inset: 0;
3399
3401
  }
3400
3402
 
3401
- .c4p--side-panel--has-slug + .c4p--side-panel__overlay {
3403
+ .c4p--side-panel--has-slug + .c4p--side-panel__overlay,
3404
+ .c4p--side-panel--has-ai-label + .c4p--side-panel__overlay {
3402
3405
  /* stylelint-disable-next-line carbon/theme-token-use */
3403
3406
  background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
3404
3407
  }
@@ -3501,7 +3504,7 @@ p.c4p--about-modal__copyright-text:first-child {
3501
3504
  max-height: calc(100% - 3rem);
3502
3505
  transform: translate3d(0, min(95vh, 500px), 0);
3503
3506
  }
3504
- .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container {
3507
+ .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__container {
3505
3508
  border: 1px solid transparent;
3506
3509
  border-bottom: 0;
3507
3510
  /* override carbon ai removing background gradient */
@@ -3605,10 +3608,10 @@ p.c4p--about-modal__copyright-text:first-child {
3605
3608
  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-nav {
3606
3609
  padding: 1.5rem 2rem 0;
3607
3610
  }
3608
- .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header {
3611
+ .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header {
3609
3612
  padding-inline-end: 5rem;
3610
3613
  }
3611
- .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
3614
+ .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
3612
3615
  /* spacing 11 plus additional space for slug/close */
3613
3616
  /* stylelint-disable-next-line carbon/layout-token-use */
3614
3617
  padding-inline-end: calc(8rem);
@@ -3672,7 +3675,7 @@ p.c4p--about-modal__copyright-text:first-child {
3672
3675
  overflow: auto;
3673
3676
  flex-grow: 1;
3674
3677
  }
3675
- .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content {
3678
+ .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__content {
3676
3679
  background: linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) border-box;
3677
3680
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
3678
3681
  }
@@ -3714,11 +3717,11 @@ p.c4p--about-modal__copyright-text:first-child {
3714
3717
  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons {
3715
3718
  background: var(--cds-background, #ffffff);
3716
3719
  }
3717
- .c4p--tearsheet.c4p--tearsheet--has-slug {
3720
+ .c4p--tearsheet.c4p--tearsheet--has-slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label {
3718
3721
  /* stylelint-disable-next-line carbon/theme-token-use */
3719
3722
  --overlay-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
3720
3723
  }
3721
- .c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug {
3724
+ .c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label:not(.c4p--tearsheet--has-close) .cds--slug {
3722
3725
  inset-inline-end: 0;
3723
3726
  margin-block: 6px;
3724
3727
  margin-inline-end: 1rem;
@@ -4129,16 +4132,19 @@ p.c4p--about-modal__copyright-text:first-child {
4129
4132
  right: 1rem;
4130
4133
  }
4131
4134
 
4132
- .c4p--card__header-container--has-slug {
4135
+ .c4p--card__header-container--has-slug,
4136
+ .c4p--card__header-container--has-ai-label {
4133
4137
  width: 100%;
4134
4138
  padding-right: 2rem;
4135
4139
  }
4136
4140
 
4137
- .c4p--card__header-container--has-slug.c4p--card__header-container--has-actions {
4141
+ .c4p--card__header-container--has-slug.c4p--card__header-container--has-actions,
4142
+ .c4p--card__header-container--has-ai-label.c4p--card__header-container--has-actions {
4138
4143
  padding-right: 2.5rem;
4139
4144
  }
4140
4145
 
4141
- .c4p--card__header-container--has-slug.c4p--card__header-container--large-tile-or-label {
4146
+ .c4p--card__header-container--has-slug.c4p--card__header-container--large-tile-or-label,
4147
+ .c4p--card__header-container--has-ai-label.c4p--card__header-container--large-tile-or-label {
4142
4148
  padding-right: 3rem;
4143
4149
  }
4144
4150
 
@@ -4151,13 +4157,15 @@ p.c4p--about-modal__copyright-text:first-child {
4151
4157
  pointer-events: none;
4152
4158
  }
4153
4159
 
4154
- .c4p--card--has-slug {
4160
+ .c4p--card--has-slug,
4161
+ .c4p--card--has-ai-label {
4155
4162
  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
4156
4163
  border: 1px solid transparent;
4157
4164
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
4158
4165
  }
4159
4166
 
4160
- .c4p--card__clickable.c4p--card--has-slug::before {
4167
+ .c4p--card__clickable.c4p--card--has-slug::before,
4168
+ .c4p--card__clickable.c4p--card--has-ai-label::before {
4161
4169
  background: linear-gradient(to top, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;
4162
4170
  position: absolute;
4163
4171
  display: block;
@@ -4171,7 +4179,8 @@ p.c4p--about-modal__copyright-text:first-child {
4171
4179
  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
4172
4180
  }
4173
4181
 
4174
- .c4p--card__clickable.c4p--card--has-slug:hover::before {
4182
+ .c4p--card__clickable.c4p--card--has-slug:hover::before,
4183
+ .c4p--card__clickable.c4p--card--has-ai-label:hover::before {
4175
4184
  opacity: 1;
4176
4185
  }
4177
4186
 
@@ -4946,7 +4955,7 @@ button.c4p--add-select__global-filter-toggle--open {
4946
4955
  --cds-focus: #ffffff;
4947
4956
  --cds-focus-inset: #161616;
4948
4957
  --cds-focus-inverse: #0f62fe;
4949
- --cds-highlight: #002d9c;
4958
+ --cds-highlight: #001d6c;
4950
4959
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
4951
4960
  --cds-icon-interactive: #ffffff;
4952
4961
  --cds-icon-inverse: #161616;
@@ -7537,15 +7546,27 @@ button.c4p--add-select__global-filter-toggle--open {
7537
7546
  flex: 1 0 60%;
7538
7547
  }
7539
7548
  }
7549
+ .c4p--page-header .c4p--page-header__tooltip {
7550
+ min-width: 0;
7551
+ flex-basis: auto;
7552
+ }
7553
+ .c4p--page-header .c4p--page-header__tooltip button {
7554
+ border-block-end: none;
7555
+ cursor: default;
7556
+ }
7557
+ .c4p--page-header .c4p--page-header__titleText {
7558
+ display: block;
7559
+ overflow: hidden;
7560
+ text-overflow: ellipsis;
7561
+ white-space: nowrap;
7562
+ }
7540
7563
  .c4p--page-header .c4p--page-header__title {
7541
7564
  font-size: var(--cds-heading-04-font-size, 1.75rem);
7542
7565
  font-weight: var(--cds-heading-04-font-weight, 400);
7543
7566
  line-height: var(--cds-heading-04-line-height, 1.28572);
7544
7567
  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
7568
+ display: flex;
7545
7569
  min-height: 2.5rem;
7546
- overflow-x: hidden;
7547
- text-overflow: ellipsis;
7548
- white-space: nowrap;
7549
7570
  }
7550
7571
  .c4p--page-header .c4p--page-header__title--editable {
7551
7572
  display: flex;
@@ -8607,7 +8628,7 @@ button.c4p--add-select__global-filter-toggle--open {
8607
8628
  --cds-focus: #ffffff;
8608
8629
  --cds-focus-inset: #161616;
8609
8630
  --cds-focus-inverse: #0f62fe;
8610
- --cds-highlight: #0043ce;
8631
+ --cds-highlight: #002d9c;
8611
8632
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
8612
8633
  --cds-icon-interactive: #ffffff;
8613
8634
  --cds-icon-inverse: #161616;
@@ -9038,7 +9059,7 @@ button.c4p--add-select__global-filter-toggle--open {
9038
9059
  --cds-focus: #ffffff;
9039
9060
  --cds-focus-inset: #161616;
9040
9061
  --cds-focus-inverse: #0f62fe;
9041
- --cds-highlight: #002d9c;
9062
+ --cds-highlight: #001d6c;
9042
9063
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
9043
9064
  --cds-icon-interactive: #ffffff;
9044
9065
  --cds-icon-inverse: #161616;
@@ -10340,6 +10361,7 @@ button.c4p--add-select__global-filter-toggle--open {
10340
10361
  background-color: var(--cds-background, #ffffff);
10341
10362
  }
10342
10363
 
10364
+ /* This section to be removed after support for slug dropped - start */
10343
10365
  .c4p--datagrid th.c4p--datagrid__with-slug {
10344
10366
  /* stylelint-disable-next-line carbon/theme-token-use */
10345
10367
  box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
@@ -10380,6 +10402,47 @@ button.c4p--add-select__global-filter-toggle--open {
10380
10402
  margin-left: 0.5rem;
10381
10403
  }
10382
10404
 
10405
+ /* This section to be removed after support for slug dropped - end */
10406
+ .c4p--datagrid th.c4p--datagrid__with-ai-label {
10407
+ /* stylelint-disable-next-line carbon/theme-token-use */
10408
+ box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
10409
+ }
10410
+
10411
+ .c4p--datagrid th.c4p--datagrid__with-ai-label,
10412
+ .c4p--datagrid td.c4p--datagrid__ai-label--cell {
10413
+ background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
10414
+ }
10415
+
10416
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row,
10417
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row + .c4p--datagrid__expanded-row {
10418
+ background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
10419
+ background-attachment: fixed;
10420
+ }
10421
+
10422
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row {
10423
+ /* stylelint-disable-next-line carbon/theme-token-use */
10424
+ box-shadow: inset 1px 0 var(--cds-ai-border-strong, #4589ff);
10425
+ }
10426
+
10427
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row:hover,
10428
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row.cds--data-table--selected:hover,
10429
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row.c4p--datagrid__carbon-row-expanded:hover + .c4p--datagrid__expanded-row,
10430
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__expandable-row--hover.c4p--datagrid__ai-label--row {
10431
+ background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
10432
+ }
10433
+
10434
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__expandable-row--hover.c4p--datagrid__ai-label--row td {
10435
+ background-color: transparent;
10436
+ }
10437
+
10438
+ .c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row.cds--data-table--selected {
10439
+ background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
10440
+ }
10441
+
10442
+ .c4p--datagrid th.c4p--datagrid__with-ai-label .cds--slug {
10443
+ margin-left: 0.5rem;
10444
+ }
10445
+
10383
10446
  .c4p--datagrid__grid-container {
10384
10447
  display: block;
10385
10448
  width: 100%;
@@ -10451,7 +10514,8 @@ button.c4p--add-select__global-filter-toggle--open {
10451
10514
  -webkit-line-clamp: 2;
10452
10515
  white-space: initial;
10453
10516
  }
10454
- .c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--slug {
10517
+ .c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--slug,
10518
+ .c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--ai-label {
10455
10519
  width: fit-content;
10456
10520
  }
10457
10521
  .c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
@@ -10561,6 +10625,9 @@ button.c4p--add-select__global-filter-toggle--open {
10561
10625
  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
10562
10626
  }
10563
10627
 
10628
+ .c4p--datagrid__resizableColumn:hover {
10629
+ background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
10630
+ }
10564
10631
  .c4p--datagrid__resizableColumn:hover .c4p--datagrid__resizer {
10565
10632
  border-right: 0.125rem solid var(--cds-border-strong-01, #8d8d8d);
10566
10633
  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
@@ -10940,7 +11007,7 @@ button.c4p--add-select__global-filter-toggle--open {
10940
11007
  display: flex;
10941
11008
  align-items: center;
10942
11009
  }
10943
- .c4p--datagrid .c4p--datagrid__table-row-ai-enabled.c4p--datagrid__slug--expanded {
11010
+ .c4p--datagrid .c4p--datagrid__table-row-ai-enabled.c4p--datagrid__slug--expanded, .c4p--datagrid .c4p--datagrid__table-row-ai-enabled.c4p--datagrid__ai-label--expanded {
10944
11011
  border: none;
10945
11012
  }
10946
11013
 
@@ -13832,8 +13899,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
13832
13899
  background-color: var(--cds-background, #ffffff);
13833
13900
  color: var(--cds-text-secondary, #525252);
13834
13901
  inline-size: 3rem;
13835
- inset-block-end: 0;
13836
- inset-block-start: 0;
13902
+ inset-block: 0 0;
13837
13903
  inset-inline-start: 0;
13838
13904
  max-inline-size: 16rem;
13839
13905
  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
@@ -14068,8 +14134,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
14068
14134
  background-color: var(--cds-border-interactive, #0f62fe);
14069
14135
  content: "";
14070
14136
  inline-size: 3px;
14071
- inset-block-end: 0;
14072
- inset-block-start: 0;
14137
+ inset-block: 0 0;
14073
14138
  inset-inline-start: 0;
14074
14139
  }
14075
14140
 
@@ -14193,8 +14258,7 @@ a.cds--side-nav__link--current::before {
14193
14258
  background-color: var(--cds-border-interactive, #0f62fe);
14194
14259
  content: "";
14195
14260
  inline-size: 3px;
14196
- inset-block-end: 0;
14197
- inset-block-start: 0;
14261
+ inset-block: 0 0;
14198
14262
  inset-inline-start: 0;
14199
14263
  }
14200
14264
 
@@ -14625,7 +14689,7 @@ a.cds--side-nav__link--current::before {
14625
14689
  transform: translate3d(0, min(95vh, 500px), 0);
14626
14690
  }
14627
14691
 
14628
- .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container {
14692
+ .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__container {
14629
14693
  border: 1px solid transparent;
14630
14694
  border-bottom: 0;
14631
14695
  /* override carbon ai removing background gradient */
@@ -14752,11 +14816,11 @@ a.cds--side-nav__link--current::before {
14752
14816
  padding: 1.5rem 2rem 0;
14753
14817
  }
14754
14818
 
14755
- .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header {
14819
+ .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header {
14756
14820
  padding-inline-end: 5rem;
14757
14821
  }
14758
14822
 
14759
- .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
14823
+ .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
14760
14824
  /* spacing 11 plus additional space for slug/close */
14761
14825
  /* stylelint-disable-next-line carbon/layout-token-use */
14762
14826
  padding-inline-end: calc(8rem);
@@ -14833,7 +14897,7 @@ a.cds--side-nav__link--current::before {
14833
14897
  flex-grow: 1;
14834
14898
  }
14835
14899
 
14836
- .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content {
14900
+ .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__content {
14837
14901
  background: linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) border-box;
14838
14902
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
14839
14903
  }
@@ -14882,12 +14946,12 @@ a.cds--side-nav__link--current::before {
14882
14946
  background: var(--cds-background, #ffffff);
14883
14947
  }
14884
14948
 
14885
- .c4p--tearsheet.c4p--tearsheet--has-slug {
14949
+ .c4p--tearsheet.c4p--tearsheet--has-slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label {
14886
14950
  /* stylelint-disable-next-line carbon/theme-token-use */
14887
14951
  --overlay-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
14888
14952
  }
14889
14953
 
14890
- .c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug {
14954
+ .c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label:not(.c4p--tearsheet--has-close) .cds--slug {
14891
14955
  inset-inline-end: 0;
14892
14956
  margin-block: 6px;
14893
14957
  margin-inline-end: 1rem;
@@ -15414,7 +15478,7 @@ a.cds--side-nav__link--current::before {
15414
15478
  --cds-focus: #ffffff;
15415
15479
  --cds-focus-inset: #161616;
15416
15480
  --cds-focus-inverse: #0f62fe;
15417
- --cds-highlight: #002d9c;
15481
+ --cds-highlight: #001d6c;
15418
15482
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
15419
15483
  --cds-icon-interactive: #ffffff;
15420
15484
  --cds-icon-inverse: #161616;
@@ -16219,7 +16283,7 @@ a.cds--side-nav__link--current::before {
16219
16283
  --cds-focus: #ffffff;
16220
16284
  --cds-focus-inset: #161616;
16221
16285
  --cds-focus-inverse: #0f62fe;
16222
- --cds-highlight: #002d9c;
16286
+ --cds-highlight: #001d6c;
16223
16287
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
16224
16288
  --cds-icon-interactive: #ffffff;
16225
16289
  --cds-icon-inverse: #161616;
@@ -17545,7 +17609,7 @@ a.cds--side-nav__link--current::before {
17545
17609
  --cds-focus: #ffffff;
17546
17610
  --cds-focus-inset: #161616;
17547
17611
  --cds-focus-inverse: #0f62fe;
17548
- --cds-highlight: #002d9c;
17612
+ --cds-highlight: #001d6c;
17549
17613
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
17550
17614
  --cds-icon-interactive: #ffffff;
17551
17615
  --cds-icon-inverse: #161616;
@@ -19593,8 +19657,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19593
19657
  }
19594
19658
 
19595
19659
  .cds--tag--filter {
19596
- padding-block-end: 0;
19597
- padding-block-start: 0;
19660
+ padding-block: 0;
19598
19661
  padding-inline-end: 0;
19599
19662
  }
19600
19663
  .cds--tag--filter:hover {
@@ -21567,6 +21630,9 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
21567
21630
  /* stylelint-disable-next-line carbon/motion-easing-use */
21568
21631
  transition: transform cubic-bezier(0.2, 0, 1, 0.9) 110ms;
21569
21632
  }
21633
+ .c4p--condition-builder__content-container .c4p--condition-builder__condition--interacting .c4p--condition-builder__close-condition-wrapper {
21634
+ z-index: 2;
21635
+ }
21570
21636
 
21571
21637
  .c4p--condition-builder__invalid-input {
21572
21638
  display: flex;
@@ -23028,7 +23094,7 @@ em {
23028
23094
  --cds-notification-background-error: #fff1f1;
23029
23095
  --cds-notification-background-success: #defbe6;
23030
23096
  --cds-notification-background-info: #edf5ff;
23031
- --cds-notification-background-warning: #fdf6dd;
23097
+ --cds-notification-background-warning: #fcf4d6;
23032
23098
  --cds-notification-action-hover: #ffffff;
23033
23099
  --cds-notification-action-tertiary-inverse: #ffffff;
23034
23100
  --cds-notification-action-tertiary-inverse-active: #c6c6c6;
@@ -23251,7 +23317,7 @@ em {
23251
23317
  --cds-notification-background-error: #fff1f1;
23252
23318
  --cds-notification-background-success: #defbe6;
23253
23319
  --cds-notification-background-info: #edf5ff;
23254
- --cds-notification-background-warning: #fdf6dd;
23320
+ --cds-notification-background-warning: #fcf4d6;
23255
23321
  --cds-notification-action-hover: #ffffff;
23256
23322
  --cds-notification-action-tertiary-inverse: #ffffff;
23257
23323
  --cds-notification-action-tertiary-inverse-active: #c6c6c6;
@@ -23374,7 +23440,7 @@ em {
23374
23440
  --cds-focus: #ffffff;
23375
23441
  --cds-focus-inset: #161616;
23376
23442
  --cds-focus-inverse: #0f62fe;
23377
- --cds-highlight: #0043ce;
23443
+ --cds-highlight: #002d9c;
23378
23444
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
23379
23445
  --cds-icon-interactive: #ffffff;
23380
23446
  --cds-icon-inverse: #161616;
@@ -23596,7 +23662,7 @@ em {
23596
23662
  --cds-focus: #ffffff;
23597
23663
  --cds-focus-inset: #161616;
23598
23664
  --cds-focus-inverse: #0f62fe;
23599
- --cds-highlight: #002d9c;
23665
+ --cds-highlight: #001d6c;
23600
23666
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
23601
23667
  --cds-icon-interactive: #ffffff;
23602
23668
  --cds-icon-inverse: #161616;
@@ -23754,14 +23820,17 @@ em {
23754
23820
  font-family: inherit;
23755
23821
  font-size: 100%;
23756
23822
  vertical-align: baseline;
23757
- inline-size: 100%;
23758
- list-style: none;
23823
+ /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
23759
23824
  }
23760
23825
  .cds--accordion *,
23761
23826
  .cds--accordion *::before,
23762
23827
  .cds--accordion *::after {
23763
23828
  box-sizing: inherit;
23764
23829
  }
23830
+ .cds--accordion {
23831
+ inline-size: 100%;
23832
+ list-style: none;
23833
+ }
23765
23834
 
23766
23835
  .cds--accordion__item {
23767
23836
  display: list-item;
@@ -23781,6 +23850,7 @@ em {
23781
23850
  }
23782
23851
 
23783
23852
  .cds--accordion__heading {
23853
+ transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
23784
23854
  box-sizing: border-box;
23785
23855
  padding: 0;
23786
23856
  border: 0;
@@ -23796,6 +23866,17 @@ em {
23796
23866
  cursor: pointer;
23797
23867
  text-align: start;
23798
23868
  inline-size: 100%;
23869
+ /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
23870
+ }
23871
+ .cds--accordion__heading *,
23872
+ .cds--accordion__heading *::before,
23873
+ .cds--accordion__heading *::after {
23874
+ box-sizing: inherit;
23875
+ }
23876
+ .cds--accordion__heading::-moz-focus-inner {
23877
+ border: 0;
23878
+ }
23879
+ .cds--accordion__heading {
23799
23880
  position: relative;
23800
23881
  display: flex;
23801
23882
  flex-direction: row-reverse;
@@ -23807,15 +23888,6 @@ em {
23807
23888
  inline-size: 100%;
23808
23889
  min-block-size: var(--cds-layout-size-height-local);
23809
23890
  padding-inline-end: var(--cds-layout-density-padding-inline-local);
23810
- transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
23811
- }
23812
- .cds--accordion__heading *,
23813
- .cds--accordion__heading *::before,
23814
- .cds--accordion__heading *::after {
23815
- box-sizing: inherit;
23816
- }
23817
- .cds--accordion__heading::-moz-focus-inner {
23818
- border: 0;
23819
23891
  }
23820
23892
  .cds--accordion__heading:hover {
23821
23893
  background-color: var(--cds-layer-hover);
@@ -23853,12 +23925,15 @@ li.cds--accordion__item--disabled:last-of-type {
23853
23925
  .cds--accordion__arrow {
23854
23926
  outline: 2px solid transparent;
23855
23927
  outline-offset: -2px;
23928
+ transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
23929
+ /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
23930
+ }
23931
+ .cds--accordion__arrow {
23856
23932
  flex: 0 0 1rem;
23857
23933
  block-size: 1rem;
23858
23934
  fill: var(--cds-icon-primary, #161616);
23859
23935
  inline-size: 1rem;
23860
23936
  transform: rotate(-270deg) /*rtl:ignore*/;
23861
- transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
23862
23937
  }
23863
23938
 
23864
23939
  .cds--accordion__title {
@@ -23866,6 +23941,9 @@ li.cds--accordion__item--disabled:last-of-type {
23866
23941
  font-weight: var(--cds-body-01-font-weight, 400);
23867
23942
  line-height: var(--cds-body-01-line-height, 1.42857);
23868
23943
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
23944
+ /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
23945
+ }
23946
+ .cds--accordion__title {
23869
23947
  z-index: 1;
23870
23948
  inline-size: 100%;
23871
23949
  padding-inline-start: 1rem;
@@ -24043,8 +24121,7 @@ li.cds--accordion__item--disabled:last-of-type {
24043
24121
  }
24044
24122
 
24045
24123
  [dir=rtl] .cds--accordion--start .cds--accordion__heading {
24046
- padding-inline-end: 0;
24047
- padding-inline-start: var(--cds-layout-density-padding-inline-local);
24124
+ padding-inline: var(--cds-layout-density-padding-inline-local) 0;
24048
24125
  }
24049
24126
 
24050
24127
  [dir=rtl] .cds--accordion--start .cds--accordion__title {
@@ -24194,8 +24271,7 @@ li.cds--accordion__item--disabled:last-of-type {
24194
24271
  .cds--popover--bottom-end > .cds--popover > .cds--popover-content::before {
24195
24272
  block-size: var(--cds-popover-offset, 0rem);
24196
24273
  inset-block-start: 0;
24197
- inset-inline-end: 0;
24198
- inset-inline-start: 0;
24274
+ inset-inline: 0 0;
24199
24275
  transform: translateY(-100%);
24200
24276
  }
24201
24277
 
@@ -24272,8 +24348,7 @@ li.cds--accordion__item--disabled:last-of-type {
24272
24348
  .cds--popover--top-end > .cds--popover > .cds--popover-content::before {
24273
24349
  block-size: var(--cds-popover-offset, 0rem);
24274
24350
  inset-block-end: 0;
24275
- inset-inline-end: 0;
24276
- inset-inline-start: 0;
24351
+ inset-inline: 0 0;
24277
24352
  transform: translateY(100%);
24278
24353
  }
24279
24354
 
@@ -24343,8 +24418,7 @@ li.cds--accordion__item--disabled:last-of-type {
24343
24418
  .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,
24344
24419
  .cds--popover--right-end > .cds--popover > .cds--popover-content::before {
24345
24420
  inline-size: var(--cds-popover-offset, 0rem);
24346
- inset-block-end: 0;
24347
- inset-block-start: 0;
24421
+ inset-block: 0 0;
24348
24422
  inset-inline-start: 0;
24349
24423
  transform: translateX(-100%);
24350
24424
  }
@@ -24416,8 +24490,7 @@ li.cds--accordion__item--disabled:last-of-type {
24416
24490
  .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,
24417
24491
  .cds--popover--left-end > .cds--popover > .cds--popover-content::before {
24418
24492
  inline-size: var(--cds-popover-offset, 0rem);
24419
- inset-block-end: 0;
24420
- inset-block-start: 0;
24493
+ inset-block: 0 0;
24421
24494
  inset-inline-end: 0;
24422
24495
  transform: translateX(100%);
24423
24496
  }
@@ -24641,8 +24714,7 @@ li.cds--accordion__item--disabled:last-of-type {
24641
24714
  min-block-size: var(--cds-layout-size-height-local);
24642
24715
  outline: none;
24643
24716
  padding-block: min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));
24644
- padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
24645
- padding-inline-start: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
24717
+ padding-inline: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem) calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
24646
24718
  text-align: start;
24647
24719
  text-decoration: none;
24648
24720
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
@@ -24814,7 +24886,6 @@ li.cds--accordion__item--disabled:last-of-type {
24814
24886
  padding-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
24815
24887
  }
24816
24888
  .cds--btn--icon-only > :first-child {
24817
- margin-block-start: 0.0625rem;
24818
24889
  min-inline-size: 1rem;
24819
24890
  }
24820
24891
  .cds--btn--icon-only .cds--btn__icon {
@@ -24823,6 +24894,9 @@ li.cds--accordion__item--disabled:last-of-type {
24823
24894
  .cds--btn--icon-only.cds--btn--ghost .cds--btn__icon, .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon {
24824
24895
  margin: 0;
24825
24896
  }
24897
+ .cds--btn--icon-only.cds--btn--danger--ghost {
24898
+ padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 1rem);
24899
+ }
24826
24900
 
24827
24901
  .cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon,
24828
24902
  .cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon {
@@ -25675,8 +25749,7 @@ li.cds--accordion__item--disabled:last-of-type {
25675
25749
  }
25676
25750
 
25677
25751
  .cds--slug .cds--toggletip-content {
25678
- padding-block-end: 5rem;
25679
- padding-block-start: 1.5rem;
25752
+ padding-block: 1.5rem 5rem;
25680
25753
  padding-inline: 1.5rem;
25681
25754
  }
25682
25755
 
@@ -25993,14 +26066,12 @@ li.cds--accordion__item--disabled:last-of-type {
25993
26066
 
25994
26067
  .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,
25995
26068
  .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
25996
- inset-inline-end: 0;
25997
- inset-inline-start: auto;
26069
+ inset-inline: auto 0;
25998
26070
  }
25999
26071
 
26000
26072
  .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,
26001
26073
  .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
26002
- inset-block-end: 0;
26003
- inset-block-start: auto;
26074
+ inset-block: auto 0;
26004
26075
  }
26005
26076
 
26006
26077
  .cds--overflow-menu-options--open {
@@ -26341,8 +26412,7 @@ a.cds--overflow-menu-options__btn::before {
26341
26412
 
26342
26413
  .cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
26343
26414
  min-block-size: 1.125rem;
26344
- padding-inline-end: 0;
26345
- padding-inline-start: 0;
26415
+ padding-inline: 0 0;
26346
26416
  }
26347
26417
 
26348
26418
  .cds--link {
@@ -26886,7 +26956,7 @@ fieldset[disabled] .cds--form__helper-text {
26886
26956
  display: flex;
26887
26957
  cursor: pointer;
26888
26958
  min-block-size: 1.25rem;
26889
- padding-block-start: 0.125rem;
26959
+ padding-block-start: 0.0625rem;
26890
26960
  padding-inline-start: 1.25rem;
26891
26961
  user-select: none;
26892
26962
  }
@@ -27638,6 +27708,7 @@ fieldset[disabled] .cds--form__helper-text {
27638
27708
  .cds--snippet--inline.cds--btn {
27639
27709
  block-size: 1.25rem;
27640
27710
  inline-size: initial;
27711
+ max-inline-size: unset;
27641
27712
  min-block-size: 1.25rem;
27642
27713
  padding-inline: 0;
27643
27714
  }
@@ -27748,8 +27819,7 @@ fieldset[disabled] .cds--form__helper-text {
27748
27819
 
27749
27820
  .cds--snippet-button .cds--btn--copy__feedback {
27750
27821
  inset-block-start: 3.175rem;
27751
- inset-inline-end: auto;
27752
- inset-inline-start: 50%;
27822
+ inset-inline: 50% auto;
27753
27823
  }
27754
27824
  .cds--snippet-button .cds--btn--copy__feedback::before {
27755
27825
  inset-block-start: 0;
@@ -27764,8 +27834,7 @@ fieldset[disabled] .cds--form__helper-text {
27764
27834
 
27765
27835
  .cds--snippet--inline .cds--btn--copy__feedback {
27766
27836
  inset-block-start: calc(100% - 0.25rem);
27767
- inset-inline-end: auto;
27768
- inset-inline-start: 50%;
27837
+ inset-inline: 50% auto;
27769
27838
  }
27770
27839
 
27771
27840
  .cds--snippet__overflow-indicator--left,
@@ -28271,6 +28340,20 @@ fieldset[disabled] .cds--form__helper-text {
28271
28340
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
28272
28341
  }
28273
28342
 
28343
+ .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger {
28344
+ cursor: default;
28345
+ }
28346
+ .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg {
28347
+ fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
28348
+ }
28349
+
28350
+ .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover {
28351
+ cursor: default;
28352
+ }
28353
+ .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg {
28354
+ fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
28355
+ }
28356
+
28274
28357
  .cds--text-input__counter-alert {
28275
28358
  position: absolute;
28276
28359
  overflow: hidden;
@@ -28790,8 +28873,7 @@ fieldset[disabled] .cds--form__helper-text {
28790
28873
  cursor: pointer;
28791
28874
  outline: none;
28792
28875
  padding-block: 0;
28793
- padding-inline-end: 3rem;
28794
- padding-inline-start: 1rem;
28876
+ padding-inline: 1rem 3rem;
28795
28877
  text-overflow: ellipsis;
28796
28878
  vertical-align: top;
28797
28879
  white-space: nowrap;
@@ -29034,8 +29116,7 @@ fieldset[disabled] .cds--form__helper-text {
29034
29116
  display: none;
29035
29117
  background-color: var(--cds-layer);
29036
29118
  inline-size: 100%;
29037
- inset-inline-end: 0;
29038
- inset-inline-start: 0;
29119
+ inset-inline: 0 0;
29039
29120
  overflow-y: auto;
29040
29121
  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
29041
29122
  }
@@ -29197,14 +29278,12 @@ fieldset[disabled] .cds--form__helper-text {
29197
29278
 
29198
29279
  .cds--list-box--sm .cds--list-box__menu-item__option {
29199
29280
  block-size: 2rem;
29200
- padding-block-end: 0.4375rem;
29201
- padding-block-start: 0.4375rem;
29281
+ padding-block: 0.4375rem 0.4375rem;
29202
29282
  }
29203
29283
 
29204
29284
  .cds--list-box--lg .cds--list-box__menu-item__option {
29205
29285
  block-size: 3rem;
29206
- padding-block-end: 0.9375rem;
29207
- padding-block-start: 0.9375rem;
29286
+ padding-block: 0.9375rem 0.9375rem;
29208
29287
  }
29209
29288
 
29210
29289
  .cds--list-box--disabled .cds--list-box__menu-item:hover .cds--list-box__menu-item__option,
@@ -29254,8 +29333,7 @@ fieldset[disabled] .cds--form__helper-text {
29254
29333
  }
29255
29334
  .cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option:focus {
29256
29335
  margin: 0;
29257
- padding-inline-end: 0.5rem;
29258
- padding-inline-start: 0.5rem;
29336
+ padding-inline: 0.5rem 0.5rem;
29259
29337
  }
29260
29338
 
29261
29339
  .cds--list-box__menu-item--highlighted {
@@ -29942,13 +30020,11 @@ fieldset[disabled] .cds--form__helper-text {
29942
30020
  block-size: 1px;
29943
30021
  content: "";
29944
30022
  inset-block-end: 0;
29945
- inset-inline-end: 0;
29946
- inset-inline-start: 0;
30023
+ inset-inline: 0 0;
29947
30024
  }
29948
30025
 
29949
30026
  .cds--contained-list--inset-rulers .cds--contained-list-item:not(:last-of-type)::before {
29950
- inset-inline-end: var(--cds-layout-density-padding-inline-local);
29951
- inset-inline-start: var(--cds-layout-density-padding-inline-local);
30027
+ inset-inline: var(--cds-layout-density-padding-inline-local) var(--cds-layout-density-padding-inline-local);
29952
30028
  }
29953
30029
 
29954
30030
  .cds--contained-list-item--clickable .cds--contained-list-item__content:not(:disabled):hover {
@@ -29991,8 +30067,7 @@ fieldset[disabled] .cds--form__helper-text {
29991
30067
  display: flex;
29992
30068
  justify-content: flex-end;
29993
30069
  inset-block-start: 0;
29994
- inset-inline-end: 0;
29995
- inset-inline-start: 0;
30070
+ inset-inline: 0 0;
29996
30071
  pointer-events: none;
29997
30072
  }
29998
30073
 
@@ -30248,8 +30323,7 @@ fieldset[disabled] .cds--form__helper-text {
30248
30323
  }
30249
30324
 
30250
30325
  .cds--content-switcher--lg .cds--content-switcher-btn {
30251
- padding-inline-end: 0.875rem;
30252
- padding-inline-start: 0.875rem;
30326
+ padding-inline: 0.875rem 0.875rem;
30253
30327
  }
30254
30328
 
30255
30329
  .cds--content-switcher--lg .cds--content-switcher-btn svg {
@@ -30565,8 +30639,7 @@ fieldset[disabled] .cds--form__helper-text {
30565
30639
 
30566
30640
  .cds--radio-button-group--label-left .cds--radio-button__appearance,
30567
30641
  .cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__appearance {
30568
- margin-inline-end: 0;
30569
- margin-inline-start: 0.5rem;
30642
+ margin-inline: 0.5rem 0;
30570
30643
  }
30571
30644
 
30572
30645
  .cds--radio-button-group--slug legend.cds--label,
@@ -30606,8 +30679,7 @@ fieldset[disabled] .cds--form__helper-text {
30606
30679
 
30607
30680
  .cds--data-table-header {
30608
30681
  background-color: var(--cds-layer);
30609
- padding-block-end: 1.5rem;
30610
- padding-block-start: 1rem;
30682
+ padding-block: 1rem 1.5rem;
30611
30683
  padding-inline: 1rem;
30612
30684
  }
30613
30685
 
@@ -30684,11 +30756,11 @@ fieldset[disabled] .cds--form__helper-text {
30684
30756
  color: var(--cds-text-primary, #161616);
30685
30757
  }
30686
30758
 
30687
- .cds--data-table tr + :not(.cds--popover-container):hover .cds--link {
30759
+ .cds--data-table tr:hover .cds--link:not(.cds--popover-container .cds--link) {
30688
30760
  color: var(--cds-link-secondary, #0043ce);
30689
30761
  }
30690
30762
 
30691
- .cds--data-table tr + :not(.cds--popover-container):hover .cds--link--disabled {
30763
+ .cds--data-table tr:hover .cds--link--disabled:not(.cds--popover-container .cds--link) {
30692
30764
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
30693
30765
  }
30694
30766
 
@@ -30699,8 +30771,7 @@ fieldset[disabled] .cds--form__helper-text {
30699
30771
  }
30700
30772
 
30701
30773
  .cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand) {
30702
- padding-block-end: 1rem;
30703
- padding-block-start: 1rem;
30774
+ padding-block: 1rem 1rem;
30704
30775
  }
30705
30776
  .cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-menu {
30706
30777
  padding-block-start: 0.5rem;
@@ -30713,8 +30784,7 @@ fieldset[disabled] .cds--form__helper-text {
30713
30784
  }
30714
30785
 
30715
30786
  .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header) {
30716
- padding-block-end: 1rem;
30717
- padding-block-start: 1rem;
30787
+ padding-block: 1rem 1rem;
30718
30788
  }
30719
30789
  .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-menu {
30720
30790
  padding-block-start: 0.5rem;
@@ -30739,8 +30809,7 @@ fieldset[disabled] .cds--form__helper-text {
30739
30809
  .cds--data-table th {
30740
30810
  background-color: var(--cds-layer-accent);
30741
30811
  color: var(--cds-text-primary, #161616);
30742
- padding-inline-end: 1rem;
30743
- padding-inline-start: 1rem;
30812
+ padding-inline: 1rem 1rem;
30744
30813
  }
30745
30814
 
30746
30815
  .cds--data-table th:last-of-type {
@@ -30757,8 +30826,7 @@ fieldset[disabled] .cds--form__helper-text {
30757
30826
  border-block-end: 1px solid var(--cds-border-subtle);
30758
30827
  border-block-start: 1px solid var(--cds-layer);
30759
30828
  color: var(--cds-text-secondary, #525252);
30760
- padding-inline-end: 1rem;
30761
- padding-inline-start: 1rem;
30829
+ padding-inline: 1rem 1rem;
30762
30830
  }
30763
30831
  .cds--data-table td + td:first-of-type,
30764
30832
  .cds--data-table tbody th + td:first-of-type {
@@ -30835,8 +30903,7 @@ fieldset[disabled] .cds--form__helper-text {
30835
30903
  .cds--data-table--xs td.cds--table-column-menu,
30836
30904
  .cds--data-table--sm td.cds--table-column-menu {
30837
30905
  block-size: 1.5rem;
30838
- padding-block-end: 0;
30839
- padding-block-start: 0;
30906
+ padding-block: 0 0;
30840
30907
  }
30841
30908
 
30842
30909
  .cds--data-table--sm td.cds--table-column-menu {
@@ -30903,8 +30970,7 @@ fieldset[disabled] .cds--form__helper-text {
30903
30970
  .cds--data-table thead th.cds--table-column-checkbox,
30904
30971
  .cds--data-table tbody td.cds--table-column-checkbox {
30905
30972
  min-inline-size: 2.5rem;
30906
- padding-inline-end: 0.25rem;
30907
- padding-inline-start: 1rem;
30973
+ padding-inline: 1rem 0.25rem;
30908
30974
  }
30909
30975
 
30910
30976
  .cds--data-table thead th.cds--table-expand,
@@ -30938,8 +31004,7 @@ fieldset[disabled] .cds--form__helper-text {
30938
31004
  .cds--data-table--xl thead th.cds--table-expand,
30939
31005
  .cds--data-table--xl tbody td.cds--table-expand {
30940
31006
  block-size: 4rem;
30941
- padding-block-end: 1.375rem;
30942
- padding-block-start: 0.625rem;
31007
+ padding-block: 0.625rem 1.375rem;
30943
31008
  }
30944
31009
 
30945
31010
  .cds--data-table--xl .cds--table-column-checkbox {
@@ -31013,14 +31078,12 @@ tr.cds--data-table--selected:last-of-type td {
31013
31078
  }
31014
31079
 
31015
31080
  .cds--data-table--xs .cds--table-header-label {
31016
- padding-block-end: 0.125rem;
31017
- padding-block-start: 0.125rem;
31081
+ padding-block: 0.125rem 0.125rem;
31018
31082
  }
31019
31083
 
31020
31084
  .cds--data-table--xs td,
31021
31085
  .cds--data-table--xs tbody tr th {
31022
- padding-block-end: 0.125rem;
31023
- padding-block-start: 0.125rem;
31086
+ padding-block: 0.125rem 0.125rem;
31024
31087
  }
31025
31088
 
31026
31089
  .cds--data-table--xs .cds--overflow-menu {
@@ -31030,8 +31093,7 @@ tr.cds--data-table--selected:last-of-type td {
31030
31093
 
31031
31094
  .cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
31032
31095
  .cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
31033
- padding-block-end: 0;
31034
- padding-block-start: 0;
31096
+ padding-block: 0 0;
31035
31097
  }
31036
31098
 
31037
31099
  .cds--data-table.cds--data-table--xs .cds--table-column-checkbox .cds--checkbox-label {
@@ -31046,21 +31108,18 @@ tr.cds--data-table--selected:last-of-type td {
31046
31108
  }
31047
31109
 
31048
31110
  .cds--data-table--sm .cds--table-header-label {
31049
- padding-block-end: 0.4375rem;
31050
- padding-block-start: 0.4375rem;
31111
+ padding-block: 0.4375rem 0.4375rem;
31051
31112
  }
31052
31113
 
31053
31114
  .cds--data-table--sm td,
31054
31115
  .cds--data-table--sm tbody tr th,
31055
31116
  .cds--data-table--sm.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
31056
- padding-block-end: 0.375rem;
31057
- padding-block-start: 0.4375rem;
31117
+ padding-block: 0.4375rem 0.375rem;
31058
31118
  }
31059
31119
 
31060
31120
  .cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
31061
31121
  .cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
31062
- padding-block-end: 0.1875rem;
31063
- padding-block-start: 0.1875rem;
31122
+ padding-block: 0.1875rem 0.1875rem;
31064
31123
  }
31065
31124
 
31066
31125
  .cds--data-table--sm .cds--overflow-menu {
@@ -31075,25 +31134,21 @@ tr.cds--data-table--selected:last-of-type td {
31075
31134
 
31076
31135
  .cds--data-table--md .cds--table-header-label,
31077
31136
  .cds--data-table--md.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
31078
- padding-block-end: 0.4375rem;
31079
- padding-block-start: 0.4375rem;
31137
+ padding-block: 0.4375rem 0.4375rem;
31080
31138
  }
31081
31139
 
31082
31140
  .cds--data-table--md td,
31083
31141
  .cds--data-table--md tbody tr th {
31084
- padding-block-end: 0.375rem;
31085
- padding-block-start: 0.4375rem;
31142
+ padding-block: 0.4375rem 0.375rem;
31086
31143
  }
31087
31144
 
31088
31145
  .cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
31089
31146
  .cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
31090
- padding-block-end: 0.1875rem;
31091
- padding-block-start: 0.1875rem;
31147
+ padding-block: 0.1875rem 0.1875rem;
31092
31148
  }
31093
31149
 
31094
31150
  .cds--data-table--md .cds--table-column-menu {
31095
- padding-block-end: 0.1875rem;
31096
- padding-block-start: 0.1875rem;
31151
+ padding-block: 0.1875rem 0.1875rem;
31097
31152
  }
31098
31153
 
31099
31154
  .cds--data-table--xl thead tr,
@@ -31103,14 +31158,12 @@ tr.cds--data-table--selected:last-of-type td {
31103
31158
  }
31104
31159
 
31105
31160
  .cds--data-table--xl .cds--table-header-label {
31106
- padding-block-end: 1rem;
31107
- padding-block-start: 1rem;
31161
+ padding-block: 1rem 1rem;
31108
31162
  }
31109
31163
 
31110
31164
  .cds--data-table--xl td,
31111
31165
  .cds--data-table--xl tbody tr th {
31112
- padding-block-end: 1rem;
31113
- padding-block-start: 1rem;
31166
+ padding-block: 1rem 1rem;
31114
31167
  }
31115
31168
 
31116
31169
  .cds--data-table--xl th,
@@ -31259,16 +31312,13 @@ tr.cds--data-table--selected:last-of-type td {
31259
31312
  white-space: nowrap;
31260
31313
  max-inline-size: calc(100% - 10px);
31261
31314
  overflow-y: hidden;
31262
- padding-block-end: 1rem;
31263
- padding-block-start: 0.9375rem;
31315
+ padding-block: 0.9375rem 1rem;
31264
31316
  }
31265
31317
  .cds--data-table--sticky-header.cds--data-table--xs th .cds--table-header-label {
31266
- padding-block-end: 0;
31267
- padding-block-start: 0.1875rem;
31318
+ padding-block: 0.1875rem 0;
31268
31319
  }
31269
31320
  .cds--data-table--sticky-header.cds--data-table--sm th .cds--table-header-label {
31270
- padding-block-end: 0;
31271
- padding-block-start: 0.5rem;
31321
+ padding-block: 0.5rem 0;
31272
31322
  }
31273
31323
  .cds--data-table--sticky-header.cds--data-table--xl th .cds--table-header-label {
31274
31324
  padding-block-start: 1rem;
@@ -32174,8 +32224,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
32174
32224
  background-color: var(--cds-background-brand, #0f62fe);
32175
32225
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
32176
32226
  inset-block-end: 0;
32177
- inset-inline-end: 0;
32178
- inset-inline-start: 0;
32227
+ inset-inline: 0 0;
32179
32228
  opacity: 0;
32180
32229
  pointer-events: none;
32181
32230
  transform: translate3d(0, 48px, 0);
@@ -32208,8 +32257,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
32208
32257
  .cds--action-list .cds--btn,
32209
32258
  .cds--batch-summary .cds--btn {
32210
32259
  color: var(--cds-text-on-color, #ffffff);
32211
- padding-inline-end: 1rem;
32212
- padding-inline-start: 1rem;
32260
+ padding-inline: 1rem 1rem;
32213
32261
  white-space: nowrap;
32214
32262
  }
32215
32263
 
@@ -32388,8 +32436,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
32388
32436
  .cds--table-toolbar--sm .cds--btn--primary {
32389
32437
  block-size: 2rem;
32390
32438
  min-block-size: auto;
32391
- padding-block-end: 0.375rem;
32392
- padding-block-start: 0.375rem;
32439
+ padding-block: 0.375rem 0.375rem;
32393
32440
  }
32394
32441
 
32395
32442
  .cds--table-toolbar--sm .cds--btn--primary.cds--batch-summary__cancel::before {
@@ -32423,8 +32470,7 @@ tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] {
32423
32470
  tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td {
32424
32471
  border: 0;
32425
32472
  background-color: var(--cds-layer-hover);
32426
- padding-block-end: 0;
32427
- padding-block-start: 0;
32473
+ padding-block: 0 0;
32428
32474
  transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
32429
32475
  }
32430
32476
 
@@ -32525,8 +32571,7 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
32525
32571
 
32526
32572
  .cds--data-table th.cds--table-expand + .cds--table-column-checkbox,
32527
32573
  .cds--data-table td.cds--table-expand + .cds--table-column-checkbox {
32528
- padding-inline-end: 0.375rem;
32529
- padding-inline-start: 0.375rem;
32574
+ padding-inline: 0.375rem 0.375rem;
32530
32575
  }
32531
32576
 
32532
32577
  .cds--data-table td.cds--table-expand[data-previous-value=collapsed] + .cds--table-column-checkbox {
@@ -32954,8 +32999,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
32954
32999
 
32955
33000
  .cds--data-table.cds--data-table--sort th > .cds--table-header-label {
32956
33001
  line-height: 1;
32957
- padding-inline-end: 1rem;
32958
- padding-inline-start: 1rem;
33002
+ padding-inline: 1rem 1rem;
32959
33003
  }
32960
33004
 
32961
33005
  th .cds--table-sort__flex {
@@ -32977,18 +33021,15 @@ th .cds--table-sort__flex {
32977
33021
 
32978
33022
  .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label,
32979
33023
  .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label {
32980
- padding-block-end: 0;
32981
- padding-block-start: 0;
33024
+ padding-block: 0 0;
32982
33025
  }
32983
33026
 
32984
33027
  .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header {
32985
- padding-block-end: 0.4375rem;
32986
- padding-block-start: 0.4375rem;
33028
+ padding-block: 0.4375rem 0.4375rem;
32987
33029
  }
32988
33030
 
32989
33031
  .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header {
32990
- padding-block-end: 0.125rem;
32991
- padding-block-start: 0.125rem;
33032
+ padding-block: 0.125rem 0.125rem;
32992
33033
  }
32993
33034
 
32994
33035
  .cds--data-table--sort:not(.cds--data-table--xs):not(.cds--data-table--sm):not(.cds--data-table--md):not(.cds--data-table--xl) th .cds--table-sort__flex {
@@ -33029,8 +33070,7 @@ th .cds--table-sort__flex {
33029
33070
  .cds--table-sort__icon-unsorted {
33030
33071
  fill: var(--cds-icon-primary, #161616);
33031
33072
  inline-size: 1.25rem;
33032
- margin-inline-end: 0.5rem;
33033
- margin-inline-start: 0.5rem;
33073
+ margin-inline: 0.5rem 0.5rem;
33034
33074
  min-inline-size: 1rem;
33035
33075
  opacity: 0;
33036
33076
  }
@@ -33055,8 +33095,7 @@ th .cds--table-sort__flex {
33055
33095
  .cds--table-sort__icon {
33056
33096
  fill: var(--cds-icon-primary, #161616);
33057
33097
  inline-size: 1.25rem;
33058
- margin-inline-end: 0.5rem;
33059
- margin-inline-start: 0.5rem;
33098
+ margin-inline: 0.5rem 0.5rem;
33060
33099
  min-inline-size: 1rem;
33061
33100
  opacity: 1;
33062
33101
  transform: rotate(0);
@@ -33091,8 +33130,7 @@ th .cds--table-sort__flex {
33091
33130
 
33092
33131
  .cds--table-sort__header--slug .cds--table-sort__icon,
33093
33132
  .cds--table-sort__header--slug .cds--table-sort__icon-unsorted {
33094
- margin-inline-end: 0.5rem;
33095
- margin-inline-start: auto;
33133
+ margin-inline: auto 0.5rem;
33096
33134
  }
33097
33135
 
33098
33136
  .cds--table-sort__header--slug .cds--slug {
@@ -33228,9 +33266,9 @@ th .cds--table-sort__flex {
33228
33266
  }
33229
33267
 
33230
33268
  .flatpickr-calendar.inline {
33231
- position: relative;
33269
+ position: absolute;
33232
33270
  display: block;
33233
- inset-block-start: 0.125rem;
33271
+ inset-block-start: auto;
33234
33272
  }
33235
33273
 
33236
33274
  .flatpickr-calendar.static {
@@ -33358,8 +33396,7 @@ th .cds--table-sort__flex {
33358
33396
  }
33359
33397
 
33360
33398
  .flatpickr-current-month .cur-month {
33361
- margin-inline-end: 0.25rem;
33362
- margin-inline-start: 0.25rem;
33399
+ margin-inline: 0.25rem 0.25rem;
33363
33400
  }
33364
33401
  .flatpickr-current-month .cur-month:hover {
33365
33402
  background-color: var(--cds-layer-hover);
@@ -34097,8 +34134,7 @@ button.cds--dropdown-text:focus {
34097
34134
  display: block;
34098
34135
  overflow: hidden;
34099
34136
  block-size: calc(100% + 1px);
34100
- padding-inline-end: 2.625rem;
34101
- padding-inline-start: 1rem;
34137
+ padding-inline: 1rem 2.625rem;
34102
34138
  text-overflow: ellipsis;
34103
34139
  white-space: nowrap;
34104
34140
  }
@@ -34114,13 +34150,12 @@ button.cds--dropdown-text:focus {
34114
34150
  position: absolute;
34115
34151
  z-index: 9100;
34116
34152
  display: flex;
34153
+ overflow: hidden auto;
34117
34154
  flex-direction: column;
34118
34155
  background-color: var(--cds-layer);
34119
34156
  inline-size: 100%;
34120
34157
  list-style: none;
34121
34158
  max-block-size: 0;
34122
- overflow-x: hidden;
34123
- overflow-y: auto;
34124
34159
  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
34125
34160
  }
34126
34161
  .cds--dropdown-list html {
@@ -34199,8 +34234,7 @@ button.cds--dropdown-text:focus {
34199
34234
 
34200
34235
  .cds--dropdown--sm .cds--dropdown-link {
34201
34236
  block-size: 2rem;
34202
- padding-block-end: 0.4375rem;
34203
- padding-block-start: 0.4375rem;
34237
+ padding-block: 0.4375rem 0.4375rem;
34204
34238
  }
34205
34239
 
34206
34240
  .cds--dropdown--focused,
@@ -35066,8 +35100,7 @@ button.cds--dropdown-text:focus {
35066
35100
  }
35067
35101
 
35068
35102
  .cds--list-box__wrapper--fluid .cds--list-box__field {
35069
- padding-block-end: 0.8125rem;
35070
- padding-block-start: 2.0625rem;
35103
+ padding-block: 2.0625rem 0.8125rem;
35071
35104
  padding-inline-start: 1rem;
35072
35105
  }
35073
35106
 
@@ -35311,8 +35344,7 @@ button.cds--dropdown-text:focus {
35311
35344
  }
35312
35345
 
35313
35346
  .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__selection {
35314
- inset-block-end: 0.625rem;
35315
- inset-block-start: auto;
35347
+ inset-block: auto 0.625rem;
35316
35348
  transform: none;
35317
35349
  }
35318
35350
 
@@ -35567,8 +35599,7 @@ button.cds--dropdown-text:focus {
35567
35599
  }
35568
35600
 
35569
35601
  .cds--date-picker--fluid__skeleton--container .cds--date-picker__icon {
35570
- inset-block-end: 0.5rem;
35571
- inset-block-start: auto;
35602
+ inset-block: auto 0.5rem;
35572
35603
  }
35573
35604
 
35574
35605
  .cds--date-picker--fluid__skeleton--range {
@@ -35643,6 +35674,16 @@ button.cds--dropdown-text:focus {
35643
35674
  min-inline-size: auto;
35644
35675
  }
35645
35676
 
35677
+ .cds--multi-select.cds--multi-select--selectall .cds--list-box__menu-item:first-child .cds--list-box__menu-item__option {
35678
+ padding: 0.6875rem 1rem;
35679
+ margin: 0;
35680
+ border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
35681
+ }
35682
+
35683
+ .cds--multi-select.cds--multi-select--selectall .cds--list-box__menu-item:nth-child(2) .cds--list-box__menu-item__option {
35684
+ border-block-start: none;
35685
+ }
35686
+
35646
35687
  .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-wrapper {
35647
35688
  display: flex;
35648
35689
  align-items: center;
@@ -35659,6 +35700,18 @@ button.cds--dropdown-text:focus {
35659
35700
  white-space: nowrap;
35660
35701
  }
35661
35702
 
35703
+ .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label::before {
35704
+ margin-block: 0;
35705
+ }
35706
+
35707
+ .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox:indeterminate + .cds--checkbox-label::after {
35708
+ inset-block-start: 0.5625rem;
35709
+ }
35710
+
35711
+ .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label::after {
35712
+ inset-block-start: 0.3125rem;
35713
+ }
35714
+
35662
35715
  .cds--multi-select .cds--list-box__menu-item__option > .cds--form-item {
35663
35716
  flex-direction: row;
35664
35717
  margin: 0;
@@ -35840,8 +35893,7 @@ button.cds--dropdown-text:focus {
35840
35893
  font-weight: 400;
35841
35894
  inline-size: 100%;
35842
35895
  min-inline-size: 9.375rem;
35843
- padding-inline-end: 6rem;
35844
- padding-inline-start: 1rem;
35896
+ padding-inline: 1rem 6rem;
35845
35897
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
35846
35898
  }
35847
35899
  .cds--number input[type=number]:focus {
@@ -36782,8 +36834,7 @@ optgroup.cds--select-optgroup:disabled,
36782
36834
  border-block-end: none;
36783
36835
  color: var(--cds-text-primary, #161616);
36784
36836
  inline-size: auto;
36785
- padding-inline-end: 2rem;
36786
- padding-inline-start: 0.5rem;
36837
+ padding-inline: 0.5rem 2rem;
36787
36838
  }
36788
36839
 
36789
36840
  .cds--select--inline .cds--select-input:focus,
@@ -37814,10 +37865,10 @@ optgroup.cds--select-optgroup:disabled,
37814
37865
  }
37815
37866
 
37816
37867
  .cds--inline-loading__text {
37817
- font-size: var(--cds-label-01-font-size, 0.75rem);
37818
- font-weight: var(--cds-label-01-font-weight, 400);
37819
- line-height: var(--cds-label-01-line-height, 1.33333);
37820
- letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
37868
+ font-size: var(--cds-label-02-font-size, 0.875rem);
37869
+ font-weight: var(--cds-label-02-font-weight, 400);
37870
+ line-height: var(--cds-label-02-line-height, 1.28572);
37871
+ letter-spacing: var(--cds-label-02-letter-spacing, 0.16px);
37821
37872
  color: var(--cds-text-secondary, #525252);
37822
37873
  }
37823
37874
 
@@ -38126,10 +38177,8 @@ optgroup.cds--select-optgroup:disabled,
38126
38177
  grid-column: 1/-1;
38127
38178
  grid-row: 2/-2;
38128
38179
  overflow-y: auto;
38129
- padding-block-end: 3rem;
38130
- padding-block-start: 0.5rem;
38131
- padding-inline-end: 1rem;
38132
- padding-inline-start: 1rem;
38180
+ padding-block: 0.5rem 3rem;
38181
+ padding-inline: 1rem 1rem;
38133
38182
  }
38134
38183
  .cds--modal-content:focus {
38135
38184
  outline: 2px solid var(--cds-focus, #0f62fe);
@@ -38142,8 +38191,7 @@ optgroup.cds--select-optgroup:disabled,
38142
38191
  }
38143
38192
 
38144
38193
  .cds--modal-content .cds--form--fluid {
38145
- margin-inline-end: -1rem;
38146
- margin-inline-start: -1rem;
38194
+ margin-inline: -2rem;
38147
38195
  }
38148
38196
 
38149
38197
  .cds--modal-content > p,
@@ -38164,8 +38212,7 @@ optgroup.cds--select-optgroup:disabled,
38164
38212
  grid-row: 1/1;
38165
38213
  margin-block-end: 0.5rem;
38166
38214
  padding-block-start: 1rem;
38167
- padding-inline-end: 3rem;
38168
- padding-inline-start: 1rem;
38215
+ padding-inline: 1rem 3rem;
38169
38216
  }
38170
38217
 
38171
38218
  .cds--modal-header__label {
@@ -38282,7 +38329,7 @@ optgroup.cds--select-optgroup:disabled,
38282
38329
  mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
38283
38330
  }
38284
38331
 
38285
- .cds--modal-scroll-content:has(.cds--dropdown--autoalign) {
38332
+ .cds--modal-scroll-content:has(.cds--autoalign) {
38286
38333
  mask-image: none;
38287
38334
  }
38288
38335
 
@@ -38305,8 +38352,7 @@ optgroup.cds--select-optgroup:disabled,
38305
38352
  margin: 0;
38306
38353
  block-size: 4rem;
38307
38354
  max-inline-size: none;
38308
- padding-block-end: 2rem;
38309
- padding-block-start: 0.875rem;
38355
+ padding-block: 0.875rem 2rem;
38310
38356
  }
38311
38357
 
38312
38358
  .cds--modal-footer--three-button .cds--btn {
@@ -38590,7 +38636,7 @@ optgroup.cds--select-optgroup:disabled,
38590
38636
 
38591
38637
  .cds--inline-notification--low-contrast.cds--inline-notification--warning,
38592
38638
  .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt {
38593
- background: var(--cds-notification-background-warning, #fdf6dd);
38639
+ background: var(--cds-notification-background-warning, #fcf4d6);
38594
38640
  border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
38595
38641
  }
38596
38642
  .cds--inline-notification--low-contrast.cds--inline-notification--warning .cds--inline-notification__icon,
@@ -38909,7 +38955,7 @@ optgroup.cds--select-optgroup:disabled,
38909
38955
 
38910
38956
  .cds--toast-notification--low-contrast.cds--toast-notification--warning,
38911
38957
  .cds--toast-notification--low-contrast.cds--toast-notification--warning-alt {
38912
- background: var(--cds-notification-background-warning, #fdf6dd);
38958
+ background: var(--cds-notification-background-warning, #fcf4d6);
38913
38959
  border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
38914
38960
  }
38915
38961
  .cds--toast-notification--low-contrast.cds--toast-notification--warning .cds--inline-notification__icon,
@@ -38934,6 +38980,7 @@ optgroup.cds--select-optgroup:disabled,
38934
38980
  }
38935
38981
 
38936
38982
  .cds--toast-notification__details {
38983
+ margin-block-end: 1rem;
38937
38984
  margin-inline-end: 1rem;
38938
38985
  }
38939
38986
 
@@ -39007,7 +39054,6 @@ optgroup.cds--select-optgroup:disabled,
39007
39054
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
39008
39055
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
39009
39056
  color: var(--cds-text-inverse, #ffffff);
39010
- margin-block-end: 1rem;
39011
39057
  padding-block-start: 0.5rem;
39012
39058
  }
39013
39059
 
@@ -39230,7 +39276,7 @@ optgroup.cds--select-optgroup:disabled,
39230
39276
 
39231
39277
  .cds--actionable-notification--low-contrast.cds--actionable-notification--warning,
39232
39278
  .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt {
39233
- background: var(--cds-notification-background-warning, #fdf6dd);
39279
+ background: var(--cds-notification-background-warning, #fcf4d6);
39234
39280
  border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
39235
39281
  }
39236
39282
  .cds--actionable-notification--low-contrast.cds--actionable-notification--warning .cds--inline-notification__icon,
@@ -39383,8 +39429,7 @@ optgroup.cds--select-optgroup:disabled,
39383
39429
  .cds--actionable-notification__action-button.cds--btn--tertiary {
39384
39430
  margin-block-end: 1rem;
39385
39431
  margin-inline-start: calc(2rem + 1.25rem - 0.125rem);
39386
- padding-inline-end: 1rem;
39387
- padding-inline-start: 1rem;
39432
+ padding-inline: 1rem;
39388
39433
  }
39389
39434
 
39390
39435
  .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary {
@@ -39655,13 +39700,11 @@ optgroup.cds--select-optgroup:disabled,
39655
39700
  }
39656
39701
 
39657
39702
  .cds--pagination__right .cds--pagination__text {
39658
- margin-inline-end: 1rem;
39659
- margin-inline-start: 0.0625rem;
39703
+ margin-inline: 0.0625rem 1rem;
39660
39704
  }
39661
39705
 
39662
39706
  .cds--pagination__right .cds--pagination__text.cds--pagination__page-text {
39663
- margin-inline-end: 0.0625rem;
39664
- margin-inline-start: 1rem;
39707
+ margin-inline: 1rem 0.0625rem;
39665
39708
  }
39666
39709
 
39667
39710
  .cds--pagination__right .cds--pagination__text.cds--pagination__page-text.cds--pagination__unknown-pages-text {
@@ -39858,8 +39901,7 @@ span.cds--pagination__text.cds--pagination__items-count {
39858
39901
  }
39859
39902
 
39860
39903
  .cds--unstable-pagination__right .cds--unstable-pagination__text {
39861
- margin-inline-end: 1rem;
39862
- margin-inline-start: 0.0625rem;
39904
+ margin-inline: 0.0625rem 1rem;
39863
39905
  }
39864
39906
 
39865
39907
  .cds--unstable-pagination__button {
@@ -39983,6 +40025,8 @@ span.cds--pagination__text.cds--pagination__items-count {
39983
40025
  font-weight: var(--cds-body-compact-01-font-weight, 400);
39984
40026
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
39985
40027
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
40028
+ --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
40029
+ --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
39986
40030
  line-height: 0;
39987
40031
  }
39988
40032
  .cds--pagination-nav html {
@@ -40039,12 +40083,12 @@ span.cds--pagination__text.cds--pagination__items-count {
40039
40083
  text-align: start;
40040
40084
  position: relative;
40041
40085
  display: block;
40042
- padding: 1.0625rem 0.25rem;
40086
+ padding: calc((var(--cds-layout-size-height-local) - 0.875rem) / 2) 0.25rem;
40043
40087
  border-radius: 0;
40044
40088
  color: var(--cds-text-primary, #161616);
40045
40089
  font-weight: 400;
40046
40090
  line-height: 1;
40047
- min-inline-size: 3rem;
40091
+ min-inline-size: var(--cds-layout-size-height-local);
40048
40092
  outline: 0;
40049
40093
  text-align: center;
40050
40094
  text-decoration: none;
@@ -40125,7 +40169,7 @@ span.cds--pagination__text.cds--pagination__items-count {
40125
40169
 
40126
40170
  .cds--pagination-nav__page--select {
40127
40171
  appearance: none;
40128
- max-block-size: 3rem;
40172
+ max-block-size: var(--cds-layout-size-height-local);
40129
40173
  text-indent: calc(50% - 4.5px);
40130
40174
  }
40131
40175
  @-moz-document url-prefix() {
@@ -40169,7 +40213,7 @@ span.cds--pagination__text.cds--pagination__items-count {
40169
40213
 
40170
40214
  .cds--pagination-nav__select-icon {
40171
40215
  position: absolute;
40172
- inset-block-start: calc(50% - 0.5rem);
40216
+ inset-block-start: calc(50% - 0.25rem);
40173
40217
  inset-inline-start: calc(50% - 0.5rem);
40174
40218
  pointer-events: none;
40175
40219
  }
@@ -40982,7 +41026,6 @@ span.cds--pagination__text.cds--pagination__items-count {
40982
41026
  .cds--slider__thumb--lower,
40983
41027
  .cds--slider__thumb--upper {
40984
41028
  position: absolute;
40985
- /* stylelint-disable-next-line declaration-property-value-disallowed-list */
40986
41029
  border-radius: unset;
40987
41030
  background-color: transparent;
40988
41031
  box-shadow: none;
@@ -41039,8 +41082,7 @@ span.cds--pagination__text.cds--pagination__items-count {
41039
41082
  transform: none;
41040
41083
  }
41041
41084
  .cds--slider__thumb--upper::before {
41042
- inset-inline-end: auto;
41043
- inset-inline-start: 0;
41085
+ inset-inline: 0 auto;
41044
41086
  }
41045
41087
  .cds--slider__thumb--upper:hover, .cds--slider__thumb--upper:active, .cds--slider__thumb--upper:focus {
41046
41088
  transform: none;
@@ -41319,13 +41361,11 @@ span.cds--pagination__text.cds--pagination__items-count {
41319
41361
 
41320
41362
  .cds--structured-list--selection .cds--structured-list-td,
41321
41363
  .cds--structured-list--selection .cds--structured-list-th {
41322
- padding-inline-end: 1rem;
41323
- padding-inline-start: 1rem;
41364
+ padding-inline: 1rem 1rem;
41324
41365
  }
41325
41366
  .cds--structured-list--selection .cds--structured-list-td:first-child,
41326
41367
  .cds--structured-list--selection .cds--structured-list-th:first-child {
41327
- padding-inline-end: 1rem;
41328
- padding-inline-start: 1rem;
41368
+ padding-inline: 1rem 1rem;
41329
41369
  }
41330
41370
 
41331
41371
  .cds--structured-list-row--focused-within {
@@ -41366,8 +41406,7 @@ span.cds--pagination__text.cds--pagination__items-count {
41366
41406
  padding-inline-start: 1rem;
41367
41407
  }
41368
41408
  .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-td, .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-th, .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-td:first-of-type, .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-th:first-of-type {
41369
- padding-inline-end: 1rem;
41370
- padding-inline-start: 0;
41409
+ padding-inline: 0 1rem;
41371
41410
  }
41372
41411
 
41373
41412
  .cds--structured-list-row {
@@ -41660,10 +41699,9 @@ span.cds--pagination__text.cds--pagination__items-count {
41660
41699
  }
41661
41700
  }
41662
41701
  .cds--tabs.cds--tabs--vertical .cds--tab--list {
41702
+ overflow: visible auto;
41663
41703
  flex-direction: column;
41664
41704
  inline-size: 100%;
41665
- overflow-x: visible;
41666
- overflow-y: auto;
41667
41705
  }
41668
41706
  .cds--tabs.cds--tabs--vertical .cds--tab--list-gradient_bottom {
41669
41707
  position: absolute;
@@ -41750,39 +41788,36 @@ span.cds--pagination__text.cds--pagination__items-count {
41750
41788
  }
41751
41789
  .cds--tabs .cds--tab--overflow-nav-button--next {
41752
41790
  position: absolute;
41753
- inset-block-end: 0;
41754
- inset-block-start: 0;
41791
+ inset-block: 0 0;
41755
41792
  inset-inline-end: 0;
41756
41793
  }
41757
41794
  .cds--tabs .cds--tab--overflow-nav-button--next::before {
41758
41795
  position: absolute;
41759
41796
  z-index: 1;
41760
- background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
41761
41797
  block-size: 100%;
41762
41798
  content: "";
41763
41799
  inline-size: 0.5rem;
41764
41800
  inset-inline-start: -0.5rem;
41765
41801
  }
41766
- .cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--next::before {
41767
- background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-layer-accent));
41802
+ .cds--tabs:not(.cds--tabs--contained) .cds--tab--overflow-nav-button--next::before {
41803
+ background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
41804
+ }
41805
+ .cds--tabs:not(.cds--tabs--contained) .cds--tab--overflow-nav-button--previous::before {
41806
+ background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
41768
41807
  }
41769
41808
  .cds--tabs .cds--tab--overflow-nav-button--previous {
41770
41809
  position: absolute;
41771
- inset-block-end: 0;
41772
- inset-block-start: 0;
41810
+ z-index: 1;
41811
+ inset-block: 0 0;
41773
41812
  inset-inline-start: 0;
41774
41813
  }
41775
41814
  .cds--tabs .cds--tab--overflow-nav-button--previous::before {
41776
41815
  position: absolute;
41777
41816
  z-index: 1;
41778
- background: var(--cds-background, #ffffff);
41779
41817
  block-size: 100%;
41780
41818
  content: "";
41781
- inline-size: 2.5rem;
41782
- inset-inline-end: 0;
41783
- }
41784
- .cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--previous::before {
41785
- background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));
41819
+ inline-size: 0.5rem;
41820
+ inset-inline-end: -0.5rem;
41786
41821
  }
41787
41822
  .cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left {
41788
41823
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer));
@@ -42116,12 +42151,12 @@ span.cds--pagination__text.cds--pagination__items-count {
42116
42151
  }
42117
42152
  .cds--tabs .cds--tabs__nav-item--disabled {
42118
42153
  background-color: transparent;
42119
- border-block-end: 2px solid var(--cds-border-disabled, #c6c6c6);
42154
+ border-block-end: 2px solid var(--cds-border-subtle);
42120
42155
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
42121
42156
  outline: none;
42122
42157
  }
42123
42158
  .cds--tabs .cds--tabs__nav-item--disabled:hover {
42124
- border-block-end: 2px solid var(--cds-border-disabled, #c6c6c6);
42159
+ border-block-end: 2px solid var(--cds-border-subtle);
42125
42160
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
42126
42161
  cursor: not-allowed;
42127
42162
  }
@@ -42134,7 +42169,7 @@ span.cds--pagination__text.cds--pagination__items-count {
42134
42169
  }
42135
42170
  .cds--tabs .cds--tabs__nav-item--disabled:focus,
42136
42171
  .cds--tabs .cds--tabs__nav-item--disabled:active {
42137
- border-block-end: 2px solid var(--cds-border-disabled, #c6c6c6);
42172
+ border-block-end: 2px solid var(--cds-border-subtle);
42138
42173
  outline: none;
42139
42174
  pointer-events: none;
42140
42175
  }
@@ -42169,22 +42204,6 @@ span.cds--pagination__text.cds--pagination__items-count {
42169
42204
  .cds--tabs--contained ~ .cds--tab-content {
42170
42205
  background: var(--cds-layer);
42171
42206
  }
42172
- .cds--tabs--contained ~ .cds--tab-content > * {
42173
- --cds-layer: var(--cds-layer-02, #ffffff);
42174
- --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
42175
- --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);
42176
- --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);
42177
- --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);
42178
- --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);
42179
- --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);
42180
- --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);
42181
- --cds-field: var(--cds-field-02, #ffffff);
42182
- --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);
42183
- --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
42184
- --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);
42185
- --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);
42186
- --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);
42187
- }
42188
42207
 
42189
42208
  .cds--tabs--vertical ~ .cds--tab-content {
42190
42209
  grid-column: 3/-1;
@@ -43236,8 +43255,7 @@ span.cds--pagination__text.cds--pagination__items-count {
43236
43255
  }
43237
43256
 
43238
43257
  .cds--tree-node:not(.cds--tree-parent-node) .cds--tree-node__label {
43239
- padding-block-end: 0.4375rem;
43240
- padding-block-start: 0.4375rem;
43258
+ padding-block: 0.4375rem 0.4375rem;
43241
43259
  }
43242
43260
 
43243
43261
  .cds--tree-node__label:hover .cds--tree-node__label__details {
@@ -43279,8 +43297,7 @@ span.cds--pagination__text.cds--pagination__items-count {
43279
43297
  block-size: 1.5rem;
43280
43298
  inline-size: 1.5rem;
43281
43299
  margin-block-start: 0.25rem;
43282
- margin-inline-end: 0.25rem;
43283
- margin-inline-start: -0.25rem;
43300
+ margin-inline: -0.25rem 0.25rem;
43284
43301
  padding-inline-start: 0.25rem;
43285
43302
  }
43286
43303
  .cds--tree-parent-node__toggle:hover {
@@ -43304,8 +43321,7 @@ span.cds--pagination__text.cds--pagination__items-count {
43304
43321
  align-self: flex-start;
43305
43322
  fill: var(--cds-icon-secondary, #525252);
43306
43323
  margin-block-start: 0.0625rem;
43307
- margin-inline-end: 0.5rem;
43308
- margin-inline-start: 0.5rem;
43324
+ margin-inline: 0.5rem 0.5rem;
43309
43325
  min-block-size: 1rem;
43310
43326
  min-inline-size: 1rem;
43311
43327
  }
@@ -43387,8 +43403,7 @@ div:has(.cds--header) ~ .cds--content {
43387
43403
  block-size: 3rem;
43388
43404
  border-block-end: 1px solid var(--cds-border-subtle);
43389
43405
  inset-block-start: 0;
43390
- inset-inline-end: 0;
43391
- inset-inline-start: 0;
43406
+ inset-inline: 0 0;
43392
43407
  }
43393
43408
  .cds--header *,
43394
43409
  .cds--header *::before,
@@ -43787,8 +43802,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
43787
43802
  background-color: var(--cds-layer);
43788
43803
  color: var(--cds-text-secondary, #525252);
43789
43804
  inline-size: 0;
43790
- inset-block-end: 0;
43791
- inset-block-start: 3rem;
43805
+ inset-block: 3rem 0;
43792
43806
  inset-inline-end: 0;
43793
43807
  transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);
43794
43808
  will-change: width;
@@ -43798,6 +43812,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
43798
43812
  border-inline-end: 1px solid var(--cds-border-subtle);
43799
43813
  border-inline-start: 1px solid var(--cds-border-subtle);
43800
43814
  inline-size: 16rem;
43815
+ overflow-y: auto;
43801
43816
  }
43802
43817
 
43803
43818
  .cds--side-nav {
@@ -43807,8 +43822,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
43807
43822
  background-color: var(--cds-background, #ffffff);
43808
43823
  color: var(--cds-text-secondary, #525252);
43809
43824
  inline-size: 3rem;
43810
- inset-block-end: 0;
43811
- inset-block-start: 0;
43825
+ inset-block: 0 0;
43812
43826
  inset-inline-start: 0;
43813
43827
  max-inline-size: 16rem;
43814
43828
  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
@@ -44039,8 +44053,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
44039
44053
  background-color: var(--cds-border-interactive, #0f62fe);
44040
44054
  content: "";
44041
44055
  inline-size: 3px;
44042
- inset-block-end: 0;
44043
- inset-block-start: 0;
44056
+ inset-block: 0 0;
44044
44057
  inset-inline-start: 0;
44045
44058
  }
44046
44059
 
@@ -44162,8 +44175,7 @@ a.cds--side-nav__link--current::before {
44162
44175
  background-color: var(--cds-border-interactive, #0f62fe);
44163
44176
  content: "";
44164
44177
  inline-size: 3px;
44165
- inset-block-end: 0;
44166
- inset-block-start: 0;
44178
+ inset-block: 0 0;
44167
44179
  inset-inline-start: 0;
44168
44180
  }
44169
44181
 
@@ -44404,8 +44416,7 @@ div:has(.cds--header) ~ .cds--content {
44404
44416
  block-size: 3rem;
44405
44417
  border-block-end: 1px solid var(--cds-border-subtle);
44406
44418
  inset-block-start: 0;
44407
- inset-inline-end: 0;
44408
- inset-inline-start: 0;
44419
+ inset-inline: 0 0;
44409
44420
  }
44410
44421
  .cds--header *,
44411
44422
  .cds--header *::before,
@@ -44804,8 +44815,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
44804
44815
  background-color: var(--cds-layer);
44805
44816
  color: var(--cds-text-secondary, #525252);
44806
44817
  inline-size: 0;
44807
- inset-block-end: 0;
44808
- inset-block-start: 3rem;
44818
+ inset-block: 3rem 0;
44809
44819
  inset-inline-end: 0;
44810
44820
  transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);
44811
44821
  will-change: width;
@@ -44815,6 +44825,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
44815
44825
  border-inline-end: 1px solid var(--cds-border-subtle);
44816
44826
  border-inline-start: 1px solid var(--cds-border-subtle);
44817
44827
  inline-size: 16rem;
44828
+ overflow-y: auto;
44818
44829
  }
44819
44830
 
44820
44831
  .cds--side-nav {
@@ -44824,8 +44835,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
44824
44835
  background-color: var(--cds-background, #ffffff);
44825
44836
  color: var(--cds-text-secondary, #525252);
44826
44837
  inline-size: 3rem;
44827
- inset-block-end: 0;
44828
- inset-block-start: 0;
44838
+ inset-block: 0 0;
44829
44839
  inset-inline-start: 0;
44830
44840
  max-inline-size: 16rem;
44831
44841
  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
@@ -45056,8 +45066,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
45056
45066
  background-color: var(--cds-border-interactive, #0f62fe);
45057
45067
  content: "";
45058
45068
  inline-size: 3px;
45059
- inset-block-end: 0;
45060
- inset-block-start: 0;
45069
+ inset-block: 0 0;
45061
45070
  inset-inline-start: 0;
45062
45071
  }
45063
45072
 
@@ -45179,8 +45188,7 @@ a.cds--side-nav__link--current::before {
45179
45188
  background-color: var(--cds-border-interactive, #0f62fe);
45180
45189
  content: "";
45181
45190
  inline-size: 3px;
45182
- inset-block-end: 0;
45183
- inset-block-start: 0;
45191
+ inset-block: 0 0;
45184
45192
  inset-inline-start: 0;
45185
45193
  }
45186
45194