@carbon/ibm-products 2.43.2-canary.1 → 2.43.2-canary.100

Sign up to get free protection for your applications and to get access to all the features.
Files changed (361) hide show
  1. package/css/index-full-carbon.css +428 -143
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +218 -9
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +248 -105
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +349 -129
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/ActionBar/ActionBarItem.js +1 -1
  18. package/es/components/Coachmark/Coachmark.d.ts +6 -1
  19. package/es/components/Coachmark/Coachmark.js +47 -11
  20. package/es/components/Coachmark/CoachmarkOverlay.js +2 -4
  21. package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -7
  22. package/es/components/CoachmarkFixed/CoachmarkFixed.js +13 -11
  23. package/es/components/CoachmarkStack/CoachmarkStack.js +7 -3
  24. package/es/components/CoachmarkStack/CoachmarkStackHome.js +8 -4
  25. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +76 -55
  26. package/es/components/ConditionBuilder/ConditionBuilder.js +82 -25
  27. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
  28. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +154 -0
  29. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +3 -1
  30. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +29 -13
  31. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +8 -1
  32. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +30 -8
  33. package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +14 -9
  34. package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +19 -11
  35. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -13
  36. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +75 -62
  37. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +13 -7
  38. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +31 -8
  39. package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +8 -2
  40. package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +35 -24
  41. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +40 -36
  42. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +40 -36
  43. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +6 -2
  44. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +98 -40
  45. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +3 -1
  46. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +24 -9
  47. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +27 -9
  48. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
  49. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +114 -0
  50. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
  51. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +71 -38
  52. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +5 -1
  53. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +22 -9
  54. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
  55. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +1 -3
  56. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +121 -40
  57. package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +3 -1
  58. package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +45 -19
  59. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +2 -1
  60. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +137 -40
  61. package/es/components/ConditionBuilder/utils/useTranslations.d.ts +1 -0
  62. package/es/components/ConditionBuilder/utils/useTranslations.js +26 -0
  63. package/es/components/ConditionBuilder/utils/util.d.ts +6 -4
  64. package/es/components/ConditionBuilder/utils/util.js +42 -17
  65. package/es/components/CreateFullPage/CreateFullPage.js +2 -2
  66. package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts +26 -0
  67. package/es/components/DataSpreadsheet/DataSpreadsheet.js +140 -54
  68. package/es/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +25 -1
  69. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +50 -9
  70. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +16 -0
  71. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +32 -8
  72. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +4 -1
  73. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.d.ts +3 -1
  74. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +15 -3
  75. package/es/components/DataSpreadsheet/types/index.d.ts +2 -1
  76. package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +34 -2
  77. package/es/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
  78. package/es/components/Datagrid/Datagrid/Datagrid.js +4 -9
  79. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  80. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +23 -8
  81. package/es/components/Datagrid/Datagrid/DatagridRow.js +21 -8
  82. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +2 -1
  83. package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -2
  84. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +34 -10
  85. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
  86. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
  87. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -1
  88. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +7 -4
  89. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  90. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +54 -17
  91. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
  92. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +75 -12
  93. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
  94. package/es/components/Datagrid/types/index.d.ts +61 -9
  95. package/es/components/Datagrid/useActionsColumn.d.ts +8 -1
  96. package/es/components/Datagrid/useActionsColumn.js +7 -6
  97. package/es/components/Datagrid/useColumnCenterAlign.d.ts +8 -1
  98. package/es/components/Datagrid/useColumnCenterAlign.js +1 -1
  99. package/es/components/Datagrid/useColumnRightAlign.d.ts +8 -1
  100. package/es/components/Datagrid/useColumnRightAlign.js +4 -3
  101. package/es/components/Datagrid/useCustomizeColumns.d.ts +8 -1
  102. package/es/components/Datagrid/useCustomizeColumns.js +4 -3
  103. package/es/components/Datagrid/useDefaultStringRenderer.js +0 -1
  104. package/es/components/Datagrid/useDisableSelectRows.d.ts +2 -1
  105. package/es/components/Datagrid/useDisableSelectRows.js +27 -22
  106. package/es/components/Datagrid/useInlineEdit.d.ts +8 -1
  107. package/es/components/Datagrid/useInlineEdit.js +13 -3
  108. package/es/components/Datagrid/useNestedRowExpander.js +1 -3
  109. package/es/components/Datagrid/useNestedRows.js +32 -13
  110. package/es/components/Datagrid/useRowExpander.js +1 -3
  111. package/es/components/Datagrid/useSelectRows.js +2 -1
  112. package/es/components/Datagrid/useStickyColumn.d.ts +8 -1
  113. package/es/components/Datagrid/useStickyColumn.js +12 -9
  114. package/es/components/Decorator/Decorator.js +2 -1
  115. package/es/components/DecoratorBase/DecoratorBase.js +3 -5
  116. package/es/components/DecoratorDualButton/DecoratorDualButton.js +2 -1
  117. package/es/components/DecoratorLink/DecoratorLink.js +2 -1
  118. package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +2 -1
  119. package/es/components/EditInPlace/EditInPlace.d.ts +4 -0
  120. package/es/components/EditInPlace/EditInPlace.js +21 -10
  121. package/es/components/EditTearsheet/EditTearsheet.d.ts +7 -2
  122. package/es/components/EditTearsheet/EditTearsheet.js +44 -10
  123. package/es/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
  124. package/es/components/EditTearsheet/EditTearsheetForm.js +3 -0
  125. package/es/components/EmptyStates/EmptyStateV2.d.ts +63 -2
  126. package/es/components/EmptyStates/EmptyStateV2.js +2 -1
  127. package/es/components/FullPageError/FullPageError.d.ts +36 -2
  128. package/es/components/FullPageError/FullPageError.js +0 -3
  129. package/es/components/GetStartedCard/GetStartedCard.d.ts +61 -2
  130. package/es/components/GetStartedCard/GetStartedCard.js +9 -8
  131. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
  132. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
  133. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
  134. package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +204 -200
  135. package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +116 -112
  136. package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +110 -106
  137. package/es/components/Nav/NavItem.js +12 -3
  138. package/es/components/OptionsTile/OptionsTile.js +11 -6
  139. package/es/components/PageHeader/PageHeader.js +1 -0
  140. package/es/components/RemoveModal/RemoveModal.d.ts +4 -0
  141. package/es/components/RemoveModal/RemoveModal.js +7 -1
  142. package/es/components/SearchBar/SearchBar.d.ts +1 -1
  143. package/es/components/SearchBar/SearchBar.js +2 -2
  144. package/es/components/SidePanel/SidePanel.js +17 -21
  145. package/es/components/SidePanel/motion/variants.d.ts +4 -6
  146. package/es/components/SidePanel/motion/variants.js +10 -11
  147. package/es/components/StatusIndicator/StatusIndicatorStep.js +87 -0
  148. package/es/components/StringFormatter/StringFormatter.js +14 -3
  149. package/es/components/StringFormatter/utils/enums.d.ts +20 -1
  150. package/es/components/StringFormatter/utils/enums.js +22 -2
  151. package/es/components/TagOverflow/TagOverflow.d.ts +35 -4
  152. package/es/components/TagOverflow/TagOverflow.js +47 -64
  153. package/es/components/TagOverflow/TagOverflowModal.js +4 -6
  154. package/es/components/TagOverflow/TagOverflowPopover.d.ts +13 -1
  155. package/es/components/TagOverflow/TagOverflowPopover.js +38 -41
  156. package/es/components/Tearsheet/Tearsheet.d.ts +8 -1
  157. package/es/components/Tearsheet/Tearsheet.js +9 -1
  158. package/es/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
  159. package/es/components/Tearsheet/TearsheetNarrow.js +12 -0
  160. package/es/components/Tearsheet/TearsheetShell.d.ts +11 -1
  161. package/es/components/Tearsheet/TearsheetShell.js +28 -7
  162. package/es/components/Toolbar/ToolbarButton.js +1 -1
  163. package/es/components/WebTerminal/WebTerminal.js +10 -12
  164. package/es/components/index.d.ts +1 -1
  165. package/es/global/js/hooks/useFocus.d.ts +1 -0
  166. package/es/global/js/hooks/useFocus.js +5 -2
  167. package/es/global/js/hooks/usePrefersReducedMotion.js +14 -8
  168. package/es/global/js/package-settings.d.ts +1 -1
  169. package/es/global/js/package-settings.js +1 -1
  170. package/es/index.js +1 -0
  171. package/es/node_modules/@carbon/icon-helpers/es/index.js +49 -62
  172. package/es/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1020 -1058
  173. package/es/node_modules/@carbon/icons-react/es/generated/bucket-9.js +881 -758
  174. package/es/settings.d.ts +1 -1
  175. package/lib/components/ActionBar/ActionBarItem.js +1 -1
  176. package/lib/components/Coachmark/Coachmark.d.ts +6 -1
  177. package/lib/components/Coachmark/Coachmark.js +46 -10
  178. package/lib/components/Coachmark/CoachmarkOverlay.js +2 -4
  179. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -7
  180. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +13 -11
  181. package/lib/components/CoachmarkStack/CoachmarkStack.js +7 -3
  182. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +8 -4
  183. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +74 -53
  184. package/lib/components/ConditionBuilder/ConditionBuilder.js +82 -25
  185. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
  186. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +163 -0
  187. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +3 -1
  188. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +28 -11
  189. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +8 -1
  190. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +29 -7
  191. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +12 -7
  192. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +18 -10
  193. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -13
  194. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +73 -60
  195. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +13 -7
  196. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +31 -8
  197. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +8 -2
  198. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +34 -24
  199. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +40 -36
  200. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +40 -36
  201. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +6 -2
  202. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +96 -38
  203. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +3 -1
  204. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +24 -9
  205. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +28 -10
  206. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
  207. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +122 -0
  208. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
  209. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +68 -35
  210. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +5 -1
  211. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +21 -8
  212. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
  213. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +1 -3
  214. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +118 -37
  215. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +3 -1
  216. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +44 -17
  217. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +2 -1
  218. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +137 -39
  219. package/lib/components/ConditionBuilder/utils/useTranslations.d.ts +1 -0
  220. package/lib/components/ConditionBuilder/utils/useTranslations.js +30 -0
  221. package/lib/components/ConditionBuilder/utils/util.d.ts +6 -4
  222. package/lib/components/ConditionBuilder/utils/util.js +44 -16
  223. package/lib/components/CreateFullPage/CreateFullPage.js +2 -2
  224. package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +26 -0
  225. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +140 -54
  226. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +25 -1
  227. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +50 -9
  228. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +16 -0
  229. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +32 -8
  230. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +4 -1
  231. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.d.ts +3 -1
  232. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +15 -3
  233. package/lib/components/DataSpreadsheet/types/index.d.ts +2 -1
  234. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +34 -2
  235. package/lib/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
  236. package/lib/components/Datagrid/Datagrid/Datagrid.js +4 -9
  237. package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  238. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +23 -8
  239. package/lib/components/Datagrid/Datagrid/DatagridRow.js +21 -8
  240. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +2 -1
  241. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -2
  242. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +34 -10
  243. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
  244. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
  245. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -1
  246. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +7 -4
  247. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  248. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +53 -16
  249. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
  250. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +74 -11
  251. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
  252. package/lib/components/Datagrid/types/index.d.ts +61 -9
  253. package/lib/components/Datagrid/useActionsColumn.d.ts +8 -1
  254. package/lib/components/Datagrid/useActionsColumn.js +7 -6
  255. package/lib/components/Datagrid/useColumnCenterAlign.d.ts +8 -1
  256. package/lib/components/Datagrid/useColumnCenterAlign.js +1 -1
  257. package/lib/components/Datagrid/useColumnRightAlign.d.ts +8 -1
  258. package/lib/components/Datagrid/useColumnRightAlign.js +4 -3
  259. package/lib/components/Datagrid/useCustomizeColumns.d.ts +8 -1
  260. package/lib/components/Datagrid/useCustomizeColumns.js +4 -3
  261. package/lib/components/Datagrid/useDefaultStringRenderer.js +0 -1
  262. package/lib/components/Datagrid/useDisableSelectRows.d.ts +2 -1
  263. package/lib/components/Datagrid/useDisableSelectRows.js +27 -22
  264. package/lib/components/Datagrid/useInlineEdit.d.ts +8 -1
  265. package/lib/components/Datagrid/useInlineEdit.js +13 -3
  266. package/lib/components/Datagrid/useNestedRowExpander.js +1 -3
  267. package/lib/components/Datagrid/useNestedRows.js +32 -13
  268. package/lib/components/Datagrid/useRowExpander.js +1 -3
  269. package/lib/components/Datagrid/useSelectRows.js +2 -1
  270. package/lib/components/Datagrid/useStickyColumn.d.ts +8 -1
  271. package/lib/components/Datagrid/useStickyColumn.js +12 -9
  272. package/lib/components/Decorator/Decorator.js +2 -1
  273. package/lib/components/DecoratorBase/DecoratorBase.js +3 -5
  274. package/lib/components/DecoratorDualButton/DecoratorDualButton.js +2 -1
  275. package/lib/components/DecoratorLink/DecoratorLink.js +2 -1
  276. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +2 -1
  277. package/lib/components/EditInPlace/EditInPlace.d.ts +4 -0
  278. package/lib/components/EditInPlace/EditInPlace.js +21 -10
  279. package/lib/components/EditTearsheet/EditTearsheet.d.ts +7 -2
  280. package/lib/components/EditTearsheet/EditTearsheet.js +43 -9
  281. package/lib/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
  282. package/lib/components/EditTearsheet/EditTearsheetForm.js +3 -0
  283. package/lib/components/EmptyStates/EmptyStateV2.d.ts +63 -2
  284. package/lib/components/EmptyStates/EmptyStateV2.js +2 -1
  285. package/lib/components/FullPageError/FullPageError.d.ts +36 -2
  286. package/lib/components/FullPageError/FullPageError.js +0 -3
  287. package/lib/components/GetStartedCard/GetStartedCard.d.ts +61 -2
  288. package/lib/components/GetStartedCard/GetStartedCard.js +8 -7
  289. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
  290. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
  291. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
  292. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +204 -200
  293. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +116 -112
  294. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +110 -106
  295. package/lib/components/Nav/NavItem.js +10 -1
  296. package/lib/components/OptionsTile/OptionsTile.js +11 -6
  297. package/lib/components/PageHeader/PageHeader.js +1 -0
  298. package/lib/components/RemoveModal/RemoveModal.d.ts +4 -0
  299. package/lib/components/RemoveModal/RemoveModal.js +7 -1
  300. package/lib/components/SearchBar/SearchBar.d.ts +1 -1
  301. package/lib/components/SearchBar/SearchBar.js +2 -2
  302. package/lib/components/SidePanel/SidePanel.js +16 -20
  303. package/lib/components/SidePanel/motion/variants.d.ts +4 -6
  304. package/lib/components/SidePanel/motion/variants.js +10 -11
  305. package/lib/components/StatusIndicator/StatusIndicatorStep.js +94 -0
  306. package/lib/components/StringFormatter/StringFormatter.js +13 -2
  307. package/lib/components/StringFormatter/utils/enums.d.ts +20 -1
  308. package/lib/components/StringFormatter/utils/enums.js +23 -1
  309. package/lib/components/TagOverflow/TagOverflow.d.ts +35 -4
  310. package/lib/components/TagOverflow/TagOverflow.js +46 -63
  311. package/lib/components/TagOverflow/TagOverflowModal.js +4 -6
  312. package/lib/components/TagOverflow/TagOverflowPopover.d.ts +13 -1
  313. package/lib/components/TagOverflow/TagOverflowPopover.js +37 -40
  314. package/lib/components/Tearsheet/Tearsheet.d.ts +8 -1
  315. package/lib/components/Tearsheet/Tearsheet.js +9 -1
  316. package/lib/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
  317. package/lib/components/Tearsheet/TearsheetNarrow.js +12 -0
  318. package/lib/components/Tearsheet/TearsheetShell.d.ts +11 -1
  319. package/lib/components/Tearsheet/TearsheetShell.js +26 -5
  320. package/lib/components/Toolbar/ToolbarButton.js +1 -1
  321. package/lib/components/WebTerminal/WebTerminal.js +10 -12
  322. package/lib/components/index.d.ts +1 -1
  323. package/lib/global/js/hooks/useFocus.d.ts +1 -0
  324. package/lib/global/js/hooks/useFocus.js +5 -1
  325. package/lib/global/js/hooks/usePrefersReducedMotion.js +13 -7
  326. package/lib/global/js/package-settings.d.ts +1 -1
  327. package/lib/global/js/package-settings.js +1 -1
  328. package/lib/index.js +5 -0
  329. package/lib/node_modules/@carbon/icon-helpers/es/index.js +49 -62
  330. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1036 -1074
  331. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +946 -823
  332. package/lib/settings.d.ts +1 -1
  333. package/package.json +9 -8
  334. package/scss/components/Coachmark/_coachmark-overlay.scss +6 -70
  335. package/scss/components/Coachmark/_coachmark.scss +5 -4
  336. package/scss/components/CoachmarkBeacon/_coachmark-beacon.scss +1 -3
  337. package/scss/components/ConditionBuilder/_condition-builder.scss +5 -1
  338. package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +20 -3
  339. package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +32 -3
  340. package/scss/components/CreateModal/_create-modal.scss +0 -4
  341. package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +17 -2
  342. package/scss/components/Datagrid/_datagrid.scss +0 -4
  343. package/scss/components/Datagrid/styles/_useInlineEdit.scss +13 -0
  344. package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +7 -5
  345. package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +5 -4
  346. package/scss/components/HTTPErrors/_http-errors.scss +77 -0
  347. package/scss/components/OptionsTile/_options-tile.scss +6 -6
  348. package/scss/components/SidePanel/_side-panel.scss +1 -1
  349. package/scss/components/StatusIcon/_status-icon.scss +4 -4
  350. package/scss/components/StringFormatter/_string-formatter.scss +2 -2
  351. package/scss/components/UserProfileImage/_user-profile-image.scss +6 -2
  352. package/scss/components/_index-released-only.scss +1 -0
  353. package/telemetry.yml +32 -19
  354. package/es/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
  355. package/es/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -16
  356. package/es/global/js/utils/window.d.ts +0 -2
  357. package/es/global/js/utils/window.js +0 -12
  358. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
  359. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -20
  360. package/lib/global/js/utils/window.d.ts +0 -2
  361. package/lib/global/js/utils/window.js +0 -16
@@ -1803,6 +1803,10 @@ p.c4p--about-modal__copyright-text:first-child {
1803
1803
  color: var(--cds-text-inverse, #ffffff);
1804
1804
  visibility: hidden;
1805
1805
  }
1806
+ .c4p--coachmark-overlay--tooltip {
1807
+ position: initial;
1808
+ transform: none !important;
1809
+ }
1806
1810
  .c4p--coachmark-overlay--fixed {
1807
1811
  position: fixed;
1808
1812
  right: 1rem;
@@ -1824,105 +1828,42 @@ p.c4p--about-modal__copyright-text:first-child {
1824
1828
  transform: translateY(0);
1825
1829
  visibility: visible;
1826
1830
  }
1827
- .c4p--coachmark-overlay__caret {
1828
- position: absolute;
1829
- z-index: 5902;
1830
- width: 0;
1831
- height: 0;
1832
- border-right: 0.375rem solid transparent;
1833
- border-bottom: solid 0.375rem var(--cds-background-inverse, #393939);
1834
- border-left: 0.375rem solid transparent;
1835
- }
1836
1831
  .c4p--coachmark-overlay--top {
1837
1832
  transform: translate(-50%, calc(-1 * (100% + 1.5rem + 0.375rem)));
1838
1833
  }
1839
- .c4p--coachmark-overlay--top .c4p--coachmark-overlay__caret {
1840
- left: calc(50% - 0.375rem);
1841
- transform: rotate(180deg);
1842
- }
1843
1834
  .c4p--coachmark-overlay--top-left {
1844
1835
  transform: translate(-1.5rem, calc(-1 * (100% + 1.5rem + 0.375rem)));
1845
1836
  }
1846
- .c4p--coachmark-overlay--top-left .c4p--coachmark-overlay__caret {
1847
- left: 1.125rem;
1848
- transform: rotate(180deg);
1849
- }
1850
1837
  .c4p--coachmark-overlay--top-right {
1851
1838
  transform: translate(calc(-1 * (100% - 1.5rem)), calc(-1 * (100% + 1.5rem + 0.375rem)));
1852
1839
  }
1853
- .c4p--coachmark-overlay--top-right .c4p--coachmark-overlay__caret {
1854
- right: 1.125rem;
1855
- transform: rotate(180deg);
1856
- }
1857
1840
  .c4p--coachmark-overlay--bottom {
1858
1841
  transform: translate(-50%, 1.875rem);
1859
1842
  }
1860
- .c4p--coachmark-overlay--bottom .c4p--coachmark-overlay__caret {
1861
- top: -0.375rem;
1862
- left: calc(50% - 0.375rem);
1863
- }
1864
1843
  .c4p--coachmark-overlay--bottom-left {
1865
1844
  transform: translate(-1.5rem, 1.875rem);
1866
1845
  }
1867
- .c4p--coachmark-overlay--bottom-left .c4p--coachmark-overlay__caret {
1868
- top: -0.375rem;
1869
- left: 1.125rem;
1870
- }
1871
1846
  .c4p--coachmark-overlay--bottom-right {
1872
1847
  transform: translate(calc(-1 * (100% - 1.5rem)), 1.875rem);
1873
1848
  }
1874
- .c4p--coachmark-overlay--bottom-right .c4p--coachmark-overlay__caret {
1875
- top: -0.375rem;
1876
- right: 1.125rem;
1877
- }
1878
1849
  .c4p--coachmark-overlay--left {
1879
1850
  transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), -50%);
1880
1851
  }
1881
- .c4p--coachmark-overlay--left .c4p--coachmark-overlay__caret {
1882
- top: calc(50% - 0.1875rem);
1883
- right: -0.5625rem;
1884
- transform: rotate(90deg);
1885
- }
1886
1852
  .c4p--coachmark-overlay--left-top {
1887
1853
  transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), -1.5rem);
1888
1854
  }
1889
- .c4p--coachmark-overlay--left-top .c4p--coachmark-overlay__caret {
1890
- top: 1.3125rem;
1891
- right: -0.5625rem;
1892
- transform: rotate(90deg);
1893
- }
1894
1855
  .c4p--coachmark-overlay--left-bottom {
1895
1856
  transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), calc(-1 * (100% - 1.5rem)));
1896
1857
  }
1897
- .c4p--coachmark-overlay--left-bottom .c4p--coachmark-overlay__caret {
1898
- right: -0.5625rem;
1899
- bottom: 1.3125rem;
1900
- transform: rotate(90deg);
1901
- }
1902
1858
  .c4p--coachmark-overlay--right {
1903
1859
  transform: translate(1.875rem, -50%);
1904
1860
  }
1905
- .c4p--coachmark-overlay--right .c4p--coachmark-overlay__caret {
1906
- top: calc(50% - 0.1875rem);
1907
- left: -0.5625rem;
1908
- transform: rotate(-90deg);
1909
- }
1910
1861
  .c4p--coachmark-overlay--right-top {
1911
1862
  transform: translate(1.875rem, -1.5rem);
1912
1863
  }
1913
- .c4p--coachmark-overlay--right-top .c4p--coachmark-overlay__caret {
1914
- top: 1.3125rem;
1915
- left: -0.5625rem;
1916
- transform: rotate(-90deg);
1917
- }
1918
1864
  .c4p--coachmark-overlay--right-bottom {
1919
1865
  transform: translate(1.875rem, calc(-1 * (100% - 1.5rem)));
1920
1866
  }
1921
- .c4p--coachmark-overlay--right-bottom .c4p--coachmark-overlay__caret {
1922
- bottom: 1.3125rem;
1923
- left: -0.5625rem;
1924
- transform: rotate(-90deg);
1925
- }
1926
1867
  .c4p--coachmark-overlay__element-stepped-media {
1927
1868
  height: 8rem;
1928
1869
  margin-bottom: 1rem;
@@ -2194,6 +2135,10 @@ p.c4p--about-modal__copyright-text:first-child {
2194
2135
  background-color: #7c3dd6 !important;
2195
2136
  }
2196
2137
 
2138
+ .c4p--coachmark {
2139
+ position: relative;
2140
+ }
2141
+
2197
2142
  /* stylelint-disable carbon/layout-token-use */
2198
2143
  /* stylelint-disable carbon/motion-easing-use */
2199
2144
  /* stylelint-disable max-nesting-depth */
@@ -2230,9 +2175,7 @@ p.c4p--about-modal__copyright-text:first-child {
2230
2175
  outline: 0.125rem var(--cds-focus, #0f62fe) solid;
2231
2176
  }
2232
2177
  .c4p--coachmark-beacon .c4p--coachmark-beacon__target {
2233
- position: absolute;
2234
- top: -1rem;
2235
- left: -1rem;
2178
+ display: flex;
2236
2179
  width: 2rem;
2237
2180
  height: 2rem;
2238
2181
  padding: 0;
@@ -2782,10 +2725,6 @@ p.c4p--about-modal__copyright-text:first-child {
2782
2725
  border-top: 1px solid var(--cds-layer-accent-01, #e0e0e0);
2783
2726
  }
2784
2727
 
2785
- .c4p--create-modal {
2786
- background-color: var(--cds-background, #ffffff);
2787
- }
2788
-
2789
2728
  .c4p--create-modal .cds--modal-close {
2790
2729
  display: none;
2791
2730
  }
@@ -3367,7 +3306,7 @@ p.c4p--about-modal__copyright-text:first-child {
3367
3306
  height: 2.5rem;
3368
3307
  }
3369
3308
  .c4p--side-panel .c4p--side-panel__slug-and-close {
3370
- position: fixed;
3309
+ position: absolute;
3371
3310
  z-index: 10; /* must be higher than title container border bottom */
3372
3311
  top: 0;
3373
3312
  right: 0;
@@ -4353,6 +4292,101 @@ p.c4p--about-modal__copyright-text:first-child {
4353
4292
  }
4354
4293
  }
4355
4294
 
4295
+ /* stylelint-disable carbon/theme-token-use */
4296
+ .c4p--http-errors-404__prefix-cls-1 {
4297
+ fill: none;
4298
+ }
4299
+
4300
+ .c4p--http-errors-404__prefix-cls-67 {
4301
+ fill: #697077;
4302
+ }
4303
+
4304
+ .c4p--http-errors-404__prefix-cls-68 {
4305
+ fill: #282828;
4306
+ }
4307
+
4308
+ .c4p--http-errors-404__prefix-cls-69 {
4309
+ fill: #51565c;
4310
+ }
4311
+
4312
+ .c4p--http-errors-404__prefix-cls-70 {
4313
+ fill: #002b50;
4314
+ }
4315
+
4316
+ .c4p--http-errors-404__prefix-cls-71 {
4317
+ fill: #413d3d;
4318
+ }
4319
+
4320
+ .c4p--http-errors-404__prefix-cls-72 {
4321
+ fill: #908b8b;
4322
+ }
4323
+
4324
+ .c4p--http-errors-404__prefix-cls-75 {
4325
+ fill: #a4a4a5;
4326
+ }
4327
+
4328
+ .c4p--http-errors-404__prefix-cls-76 {
4329
+ opacity: 0.15;
4330
+ }
4331
+
4332
+ .c4p--http-errors-403__prefix-cls-1 {
4333
+ fill: none;
4334
+ }
4335
+
4336
+ .c4p--http-errors-403__prefix-cls-80 {
4337
+ mix-blend-mode: multiply;
4338
+ opacity: 0.25;
4339
+ }
4340
+
4341
+ .c4p--http-errors-403__prefix-cls-75 {
4342
+ fill: #595655;
4343
+ }
4344
+
4345
+ .c4p--http-errors-403__prefix-cls-76 {
4346
+ opacity: 0.15;
4347
+ }
4348
+
4349
+ .c4p--http-errors-403__prefix-cls-77 {
4350
+ fill: #373d42;
4351
+ }
4352
+
4353
+ .c4p--http-errors-403__prefix-cls-78 {
4354
+ fill: #002b50;
4355
+ }
4356
+
4357
+ .c4p--http-errors-403__prefix-cls-81 {
4358
+ fill: #2b2828;
4359
+ }
4360
+
4361
+ .c4p--http-errors-other__prefix-cls-1 {
4362
+ fill: none;
4363
+ }
4364
+
4365
+ .c4p--http-errors-other__prefix-cls-69 {
4366
+ fill: #697077;
4367
+ }
4368
+
4369
+ .c4p--http-errors-other__prefix-cls-70 {
4370
+ fill: #282828;
4371
+ }
4372
+
4373
+ .c4p--http-errors-other__prefix-cls-71 {
4374
+ fill: #51565c;
4375
+ }
4376
+
4377
+ .c4p--http-errors-other__prefix-cls-72 {
4378
+ fill: #e0dbda;
4379
+ }
4380
+
4381
+ .c4p--http-errors-other__prefix-cls-73 {
4382
+ fill: #003d73;
4383
+ }
4384
+
4385
+ .c4p--http-errors-other__prefix-cls-75 {
4386
+ opacity: 0.15;
4387
+ }
4388
+
4389
+ /* stylelint-enable */
4356
4390
  .c4p--import-modal .cds--modal-close {
4357
4391
  display: none;
4358
4392
  }
@@ -4947,6 +4981,7 @@ button.c4p--add-select__global-filter-toggle--open {
4947
4981
  --cds-link-inverse: #0f62fe;
4948
4982
  --cds-link-inverse-active: #161616;
4949
4983
  --cds-link-inverse-hover: #0043ce;
4984
+ --cds-link-inverse-visited: #8a3ffc;
4950
4985
  --cds-link-primary: #78a9ff;
4951
4986
  --cds-link-primary-hover: #a6c8ff;
4952
4987
  --cds-link-secondary: #a6c8ff;
@@ -8622,6 +8657,7 @@ button.c4p--add-select__global-filter-toggle--open {
8622
8657
  --cds-link-inverse: #0f62fe;
8623
8658
  --cds-link-inverse-active: #161616;
8624
8659
  --cds-link-inverse-hover: #0043ce;
8660
+ --cds-link-inverse-visited: #8a3ffc;
8625
8661
  --cds-link-primary: #78a9ff;
8626
8662
  --cds-link-primary-hover: #a6c8ff;
8627
8663
  --cds-link-secondary: #a6c8ff;
@@ -9052,6 +9088,7 @@ button.c4p--add-select__global-filter-toggle--open {
9052
9088
  --cds-link-inverse: #0f62fe;
9053
9089
  --cds-link-inverse-active: #161616;
9054
9090
  --cds-link-inverse-hover: #0043ce;
9091
+ --cds-link-inverse-visited: #8a3ffc;
9055
9092
  --cds-link-primary: #78a9ff;
9056
9093
  --cds-link-primary-hover: #a6c8ff;
9057
9094
  --cds-link-secondary: #a6c8ff;
@@ -9767,14 +9804,14 @@ button.c4p--add-select__global-filter-toggle--open {
9767
9804
  overflow: hidden;
9768
9805
  }
9769
9806
 
9770
- .c4p--options-tile:not(.c4p--options-tile--closing) > details[open] .c4p--options-tile__summary,
9807
+ .c4p--options-tile__summary.c4p--options-tile__summary--open:not(.c4p--options-tile__summary--closing),
9771
9808
  .c4p--options-tile__summary--hidden {
9772
9809
  height: 0;
9773
9810
  margin-top: 0;
9774
9811
  opacity: 0;
9775
9812
  }
9776
9813
 
9777
- .c4p--options-tile:not(.c4p--options-tile--closing) > details[open] .c4p--options-tile__chevron {
9814
+ .c4p--options-tile__chevron.c4p--options-tile__chevron--open:not(.c4p--options-tile__chevron--closing) {
9778
9815
  transform: rotate(180deg);
9779
9816
  }
9780
9817
 
@@ -10018,6 +10055,7 @@ button.c4p--add-select__global-filter-toggle--open {
10018
10055
  position: sticky;
10019
10056
  z-index: 4;
10020
10057
  left: 0;
10058
+ background-color: var(--cds-background, #ffffff);
10021
10059
  }
10022
10060
  .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td {
10023
10061
  font-weight: 600;
@@ -10126,6 +10164,11 @@ button.c4p--add-select__global-filter-toggle--open {
10126
10164
  border: 0.125rem solid var(--cds-background-brand, #0f62fe);
10127
10165
  outline: 0;
10128
10166
  }
10167
+ .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td_custom {
10168
+ align-items: center;
10169
+ justify-content: center;
10170
+ gap: 0.5rem;
10171
+ }
10129
10172
  .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element {
10130
10173
  position: absolute;
10131
10174
  z-index: 2;
@@ -10176,7 +10219,7 @@ button.c4p--add-select__global-filter-toggle--open {
10176
10219
  .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td:hover {
10177
10220
  background-color: var(--cds-background-inverse, #393939);
10178
10221
  }
10179
- .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th {
10222
+ .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th:not(.c4p--data-spreadsheet__th--active-header-disabledSwapping) {
10180
10223
  cursor: grab;
10181
10224
  }
10182
10225
  .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header-reorder-active.c4p--data-spreadsheet__th {
@@ -10191,6 +10234,9 @@ button.c4p--add-select__global-filter-toggle--open {
10191
10234
  width: 0.125rem;
10192
10235
  background-color: var(--cds-background-brand, #0f62fe);
10193
10236
  }
10237
+ .c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header-disabledSwapping {
10238
+ cursor: pointer;
10239
+ }
10194
10240
  .c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header,
10195
10241
  .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--active-header.c4p--data-spreadsheet__td {
10196
10242
  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
@@ -10206,7 +10252,7 @@ button.c4p--add-select__global-filter-toggle--open {
10206
10252
  .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td:hover {
10207
10253
  background-color: var(--cds-background-inverse, #393939);
10208
10254
  }
10209
- .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th {
10255
+ .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th:not(.c4p--data-spreadsheet__th--active-header-disabledSwapping) {
10210
10256
  cursor: grab;
10211
10257
  }
10212
10258
  .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header-reorder-active.c4p--data-spreadsheet__th {
@@ -11847,6 +11893,18 @@ th.c4p--datagrid__select-all-toggle-on.button {
11847
11893
  align-items: center;
11848
11894
  }
11849
11895
 
11896
+ .c4p--datagrid__inline-edit--outer-cell-checkbox-focus .cds--checkbox-label::before {
11897
+ outline: 0.125rem solid var(--cds-focus, #0f62fe);
11898
+ outline-offset: 1px;
11899
+ }
11900
+
11901
+ .c4p--datagrid__inline-edit--outer-cell-checkbox {
11902
+ display: flex;
11903
+ height: -webkit-fill-available;
11904
+ justify-content: center;
11905
+ padding-inline: 1rem;
11906
+ }
11907
+
11850
11908
  .c4p--datagrid__static--outer-cell {
11851
11909
  display: flex;
11852
11910
  height: -webkit-fill-available;
@@ -12151,10 +12209,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
12151
12209
  min-width: auto;
12152
12210
  }
12153
12211
 
12154
- .c4p--datagrid .cds--pagination {
12155
- background-color: var(--cds-layer-02, #ffffff);
12156
- }
12157
-
12158
12212
  :root {
12159
12213
  --cds-grid-gutter: 2rem;
12160
12214
  --cds-grid-columns: 4;
@@ -15406,6 +15460,7 @@ a.cds--side-nav__link--current::before {
15406
15460
  --cds-link-inverse: #0f62fe;
15407
15461
  --cds-link-inverse-active: #161616;
15408
15462
  --cds-link-inverse-hover: #0043ce;
15463
+ --cds-link-inverse-visited: #8a3ffc;
15409
15464
  --cds-link-primary: #78a9ff;
15410
15465
  --cds-link-primary-hover: #a6c8ff;
15411
15466
  --cds-link-secondary: #a6c8ff;
@@ -16210,6 +16265,7 @@ a.cds--side-nav__link--current::before {
16210
16265
  --cds-link-inverse: #0f62fe;
16211
16266
  --cds-link-inverse-active: #161616;
16212
16267
  --cds-link-inverse-hover: #0043ce;
16268
+ --cds-link-inverse-visited: #8a3ffc;
16213
16269
  --cds-link-primary: #78a9ff;
16214
16270
  --cds-link-primary-hover: #a6c8ff;
16215
16271
  --cds-link-secondary: #a6c8ff;
@@ -17124,6 +17180,7 @@ a.cds--side-nav__link--current::before {
17124
17180
  --cds-link-inverse: #78a9ff;
17125
17181
  --cds-link-inverse-active: #f4f4f4;
17126
17182
  --cds-link-inverse-hover: #a6c8ff;
17183
+ --cds-link-inverse-visited: #be95ff;
17127
17184
  --cds-link-primary: #0f62fe;
17128
17185
  --cds-link-primary-hover: #0043ce;
17129
17186
  --cds-link-secondary: #0043ce;
@@ -17534,6 +17591,7 @@ a.cds--side-nav__link--current::before {
17534
17591
  --cds-link-inverse: #0f62fe;
17535
17592
  --cds-link-inverse-active: #161616;
17536
17593
  --cds-link-inverse-hover: #0043ce;
17594
+ --cds-link-inverse-visited: #8a3ffc;
17537
17595
  --cds-link-primary: #78a9ff;
17538
17596
  --cds-link-primary-hover: #a6c8ff;
17539
17597
  --cds-link-secondary: #a6c8ff;
@@ -18697,14 +18755,14 @@ a.cds--side-nav__link--current::before {
18697
18755
  .c4p--string-formatter .cds--popover--top .cds--popover-caret,
18698
18756
  .c4p--string-formatter .cds--popover--top-left .cds--popover-caret,
18699
18757
  .c4p--string-formatter .cds--popover--top-right .cds--popover-caret {
18700
- /* stylelint-disable-next-line declaration-no-important */
18758
+ /* stylelint-disable-next-line */
18701
18759
  inset-block-start: -1px !important;
18702
18760
  }
18703
18761
 
18704
18762
  .c4p--string-formatter .cds--popover--bottom .cds--popover-caret,
18705
18763
  .c4p--string-formatter .cds--popover--bottom-left .cds--popover-caret,
18706
18764
  .c4p--string-formatter .cds--popover--bottom-right .cds--popover-caret {
18707
- /* stylelint-disable-next-line declaration-no-important */
18765
+ /* stylelint-disable-next-line */
18708
18766
  inset-block-end: -1px !important;
18709
18767
  }
18710
18768
 
@@ -19484,7 +19542,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19484
19542
  border-radius: 1rem;
19485
19543
  margin: 0.25rem;
19486
19544
  cursor: default;
19487
- max-inline-size: 100%;
19545
+ max-inline-size: 13rem;
19488
19546
  min-block-size: var(--cds-layout-size-height-local);
19489
19547
  min-inline-size: 2rem;
19490
19548
  padding-inline: 0.5rem;
@@ -19524,28 +19582,28 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19524
19582
  .cds--tag.cds--tag--lg:has(.cds--tag__custom-icon) {
19525
19583
  padding-inline-start: 0.5rem;
19526
19584
  }
19585
+ .cds--tag:not(.cds--tag--selectable) {
19586
+ border: 0;
19587
+ }
19527
19588
  .cds--tag:not(:first-child) {
19528
19589
  margin-inline-start: 0;
19529
19590
  }
19530
19591
 
19592
+ .cds--tag--operational > span,
19593
+ .cds--tag--selectable > span,
19531
19594
  .cds--tag__label {
19595
+ display: block;
19532
19596
  overflow: hidden;
19533
- max-inline-size: 100%;
19534
19597
  text-overflow: ellipsis;
19535
19598
  white-space: nowrap;
19536
19599
  }
19537
19600
 
19538
19601
  .cds--tag--interactive:focus {
19539
- box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
19540
- outline: none;
19541
- }
19542
-
19543
- .cds--tag--interactive:hover {
19544
- cursor: pointer;
19602
+ outline: 2px solid var(--cds-focus, #0f62fe);
19603
+ outline-offset: 1px;
19545
19604
  }
19546
19605
 
19547
19606
  .cds--tag--filter {
19548
- cursor: pointer;
19549
19607
  padding-block-end: 0;
19550
19608
  padding-block-start: 0;
19551
19609
  padding-inline-end: 0;
@@ -19554,11 +19612,6 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19554
19612
  outline: none;
19555
19613
  }
19556
19614
 
19557
- .cds--interactive--tag-children {
19558
- display: inline-flex;
19559
- place-items: center;
19560
- }
19561
-
19562
19615
  .cds--tag--selectable {
19563
19616
  border: 1px solid var(--cds-border-inverse, #161616);
19564
19617
  background-color: var(--cds-layer);
@@ -19751,19 +19804,19 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19751
19804
  background-color: var(--cds-background-inverse-hover, #474747);
19752
19805
  }
19753
19806
 
19754
- .cds--tag--outline:not(.cds--tag--operational) {
19807
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
19755
19808
  background-color: var(--cds-background, #ffffff);
19756
19809
  color: var(--cds-text-primary, #161616);
19757
19810
  outline: 1px solid var(--cds-background-inverse, #393939);
19758
19811
  outline-offset: -1px;
19759
19812
  }
19760
- .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational {
19813
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational {
19761
19814
  border: 1px solid var(--cds-background, #ffffff);
19762
19815
  }
19763
- .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational:hover {
19816
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover {
19764
19817
  background-color: var(--cds-layer-hover);
19765
19818
  }
19766
- .cds--tag--outline:not(.cds--tag--operational) .cds--tag__close-icon:hover {
19819
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover {
19767
19820
  background-color: var(--cds-layer-hover);
19768
19821
  }
19769
19822
 
@@ -19960,7 +20013,48 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19960
20013
  }
19961
20014
  }
19962
20015
 
20016
+ .cds--tag-label-tooltip {
20017
+ max-inline-size: -webkit-fill-available;
20018
+ }
20019
+
20020
+ .cds--tag__custom-icon + .cds--tag-label-tooltip {
20021
+ max-inline-size: 11rem;
20022
+ }
20023
+
20024
+ .cds--tag--filter .cds--tag__custom-icon + .cds--tag-label-tooltip {
20025
+ max-inline-size: 9.875rem;
20026
+ }
20027
+
19963
20028
  /* stylelint-enable */
20029
+ .cds--interactive--tag-children {
20030
+ display: inline-flex;
20031
+ max-inline-size: 12.5rem;
20032
+ place-items: center;
20033
+ }
20034
+
20035
+ .cds--tag--filter .cds--tag__custom-icon + span > .cds--interactive--tag-children {
20036
+ max-inline-size: 11.5rem;
20037
+ }
20038
+
20039
+ .cds--tag .cds--definition-term {
20040
+ -webkit-border-after: none;
20041
+ border-block-end: none;
20042
+ cursor: default;
20043
+ max-inline-size: 12rem;
20044
+ }
20045
+
20046
+ .cds--tag .cds--tag__custom-icon + span > .cds--definition-term {
20047
+ max-inline-size: 11rem;
20048
+ }
20049
+
20050
+ .cds--tag > .cds--popover-container {
20051
+ display: flex;
20052
+ }
20053
+
20054
+ .cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled) {
20055
+ pointer-events: none;
20056
+ }
20057
+
19964
20058
  .c4p--condition-builder__condition-wrapper * {
19965
20059
  font-size: var(--cds-body-01-font-size, 0.875rem);
19966
20060
  font-weight: var(--cds-body-01-font-weight, 400);
@@ -19968,7 +20062,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19968
20062
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
19969
20063
  }
19970
20064
 
19971
- .c4p--condition-builder__item__content {
20065
+ .c4p--condition-builder__popover-content-wrapper {
19972
20066
  overflow: auto;
19973
20067
  min-width: 12rem;
19974
20068
  max-width: 20rem;
@@ -20039,7 +20133,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
20039
20133
  .c4p--condition-builder__item-date,
20040
20134
  .c4p--condition-builder__item-text,
20041
20135
  .c4p--condition-builder__item-number,
20042
- c4p--condition-builder__item-time {
20136
+ .c4p--condition-builder__item-time {
20043
20137
  padding-block-end: 1rem;
20044
20138
  padding-inline: 1rem;
20045
20139
  }
@@ -20392,7 +20486,8 @@ c4p--condition-builder__item-time {
20392
20486
  background-color: var(--cds-layer);
20393
20487
  }
20394
20488
  .c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(1) .c4p--condition-builder__button,
20395
- .c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(2) .c4p--condition-builder__button {
20489
+ .c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(2) .c4p--condition-builder__button:not(.c4p--condition-builder__add-button,
20490
+ .c4p--condition-builder__add-condition-sub-group) {
20396
20491
  /* stylelint-disable-next-line carbon/theme-token-use */
20397
20492
  box-shadow: inset 0 0.125rem 0 0 var(--c4p--condition-builder__condition-wrapper-color);
20398
20493
  }
@@ -20411,6 +20506,32 @@ c4p--condition-builder__item-time {
20411
20506
  margin-left: auto;
20412
20507
  }
20413
20508
 
20509
+ .c4p--condition-builder__add-condition-sub-group-wrapper {
20510
+ z-index: -1;
20511
+ width: 0;
20512
+ margin-left: -50%;
20513
+ opacity: 0;
20514
+ pointer-events: none;
20515
+ transition: all linear 110ms;
20516
+ }
20517
+
20518
+ .c4p--condition-builder__add-condition-sub-group-wrapper--show {
20519
+ z-index: 0;
20520
+ width: auto;
20521
+ margin-left: 0;
20522
+ opacity: 1;
20523
+ pointer-events: all;
20524
+ transition: all linear 110ms;
20525
+ }
20526
+
20527
+ .c4p--condition-builder__invalid-input {
20528
+ display: flex;
20529
+ }
20530
+
20531
+ .c4p--condition-builder__invalid-input > svg {
20532
+ color: var(--cds-support-warning, #f1c21b);
20533
+ }
20534
+
20414
20535
  .c4p--condition-builder__condition-block,
20415
20536
  .c4p--condition-builder__condition-block .c4p--condition-builder__block {
20416
20537
  position: relative;
@@ -20436,7 +20557,8 @@ c4p--condition-builder__item-time {
20436
20557
  }
20437
20558
 
20438
20559
  .c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
20439
- .c4p--condition-builder__connector-button) {
20560
+ .c4p--condition-builder__connector-button,
20561
+ .c4p--condition-builder__add-button) {
20440
20562
  background-color: var(--cds-tag-background-red, #ffd7d9);
20441
20563
  color: var(--cds-tag-color-red, #750e13);
20442
20564
  }
@@ -20455,11 +20577,23 @@ c4p--condition-builder__item-time {
20455
20577
  }
20456
20578
 
20457
20579
  .c4p--condition-builder__group-preview {
20580
+ height: 0;
20581
+ opacity: 0;
20582
+ pointer-events: none;
20583
+ transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
20584
+ }
20585
+ .c4p--condition-builder__group-preview .c4p--condition-builder__preview-condition {
20586
+ display: flex;
20587
+ }
20588
+
20589
+ .c4p--condition-builder__group-preview-animate {
20590
+ height: auto;
20458
20591
  opacity: 0.5;
20459
20592
  pointer-events: none;
20593
+ transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
20460
20594
  }
20461
20595
 
20462
- .c4p--condition-builder__connector-disabled {
20596
+ .c4p--condition-builder__connector--disabled {
20463
20597
  display: flex;
20464
20598
  min-width: 4rem;
20465
20599
  align-items: center;
@@ -20468,6 +20602,10 @@ c4p--condition-builder__item-time {
20468
20602
  padding-inline: 0.5rem;
20469
20603
  }
20470
20604
 
20605
+ .c4p--condition-builder__condition-wrapper > .c4p--condition-builder__condition-block:last-child > .c4p--condition-builder__groupConnector {
20606
+ margin-bottom: 0;
20607
+ }
20608
+
20471
20609
  .c4p--condition-builder {
20472
20610
  padding: 1.5rem;
20473
20611
  }
@@ -20495,7 +20633,7 @@ c4p--condition-builder__item-time {
20495
20633
 
20496
20634
  .c4p--condition-builder__condition-block {
20497
20635
  display: flex;
20498
- width: max-content;
20636
+ width: fit-content;
20499
20637
  flex-direction: row;
20500
20638
  }
20501
20639
 
@@ -20518,6 +20656,11 @@ c4p--condition-builder__item-time {
20518
20656
  margin-top: 0.25rem;
20519
20657
  }
20520
20658
 
20659
+ .c4p--condition-builder__add-group,
20660
+ .c4p--condition-builder__group-separator {
20661
+ width: fit-content;
20662
+ }
20663
+
20521
20664
  /* stylelint-disable carbon/layout-token-use */
20522
20665
  /* stylelint-disable max-nesting-depth */
20523
20666
  .c4p--card__get-started {
@@ -21756,6 +21899,7 @@ em {
21756
21899
  --cds-link-inverse: #78a9ff;
21757
21900
  --cds-link-inverse-active: #f4f4f4;
21758
21901
  --cds-link-inverse-hover: #a6c8ff;
21902
+ --cds-link-inverse-visited: #be95ff;
21759
21903
  --cds-link-primary: #0f62fe;
21760
21904
  --cds-link-primary-hover: #0043ce;
21761
21905
  --cds-link-secondary: #0043ce;
@@ -21978,6 +22122,7 @@ em {
21978
22122
  --cds-link-inverse: #78a9ff;
21979
22123
  --cds-link-inverse-active: #f4f4f4;
21980
22124
  --cds-link-inverse-hover: #a6c8ff;
22125
+ --cds-link-inverse-visited: #be95ff;
21981
22126
  --cds-link-primary: #0f62fe;
21982
22127
  --cds-link-primary-hover: #0043ce;
21983
22128
  --cds-link-secondary: #0043ce;
@@ -22200,6 +22345,7 @@ em {
22200
22345
  --cds-link-inverse: #0f62fe;
22201
22346
  --cds-link-inverse-active: #161616;
22202
22347
  --cds-link-inverse-hover: #0043ce;
22348
+ --cds-link-inverse-visited: #8a3ffc;
22203
22349
  --cds-link-primary: #78a9ff;
22204
22350
  --cds-link-primary-hover: #a6c8ff;
22205
22351
  --cds-link-secondary: #a6c8ff;
@@ -22421,6 +22567,7 @@ em {
22421
22567
  --cds-link-inverse: #0f62fe;
22422
22568
  --cds-link-inverse-active: #161616;
22423
22569
  --cds-link-inverse-hover: #0043ce;
22570
+ --cds-link-inverse-visited: #8a3ffc;
22424
22571
  --cds-link-primary: #78a9ff;
22425
22572
  --cds-link-primary-hover: #a6c8ff;
22426
22573
  --cds-link-secondary: #a6c8ff;
@@ -22530,24 +22677,6 @@ em {
22530
22677
  --cds-tag-hover-warm-gray: #696363;
22531
22678
  }
22532
22679
 
22533
- .cds--accordion--flush .cds--accordion__title {
22534
- margin-inline-start: 0;
22535
- }
22536
-
22537
- .cds--accordion--flush .cds--accordion__arrow {
22538
- margin-inline-end: 0;
22539
- }
22540
-
22541
- .cds--accordion--flush .cds--accordion__content {
22542
- padding-inline-start: 0;
22543
- }
22544
-
22545
- .cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:hover::before,
22546
- .cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:focus::before {
22547
- inline-size: calc(100% + 32px);
22548
- inset-inline-start: -1rem;
22549
- }
22550
-
22551
22680
  .cds--accordion {
22552
22681
  --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-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
22553
22682
  --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));
@@ -22571,11 +22700,19 @@ em {
22571
22700
  display: list-item;
22572
22701
  overflow: visible;
22573
22702
  border-block-start: 1px solid var(--cds-border-subtle);
22703
+ transition: border-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
22574
22704
  }
22575
22705
  .cds--accordion__item:last-child {
22576
22706
  border-block-end: 1px solid var(--cds-border-subtle);
22577
22707
  }
22578
22708
 
22709
+ .cds--accordion__item:not(.cds--accordion__item--active):hover, .cds--accordion__item:not(.cds--accordion__item--active):hover + .cds--accordion__item {
22710
+ border-block-start-color: var(--cds-layer-hover);
22711
+ }
22712
+ .cds--accordion__item:not(.cds--accordion__item--active):last-child:hover {
22713
+ border-block-end-color: var(--cds-layer-hover);
22714
+ }
22715
+
22579
22716
  .cds--accordion__heading {
22580
22717
  box-sizing: border-box;
22581
22718
  padding: 0;
@@ -22615,8 +22752,11 @@ em {
22615
22752
  }
22616
22753
  .cds--accordion__heading:hover {
22617
22754
  background-color: var(--cds-layer-hover);
22755
+ outline: none;
22618
22756
  }
22619
22757
  .cds--accordion__heading:focus {
22758
+ position: relative;
22759
+ z-index: 2;
22620
22760
  box-shadow: 0 -1px 0 0 var(--cds-focus, #0f62fe), inset 0 1px 0 0 var(--cds-focus, #0f62fe), inset 2px 0 0 0 var(--cds-focus, #0f62fe), 0 1px 0 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 0 var(--cds-focus, #0f62fe), inset -2px 0 0 0 var(--cds-focus, #0f62fe);
22621
22761
  outline: none;
22622
22762
  }
@@ -22730,6 +22870,65 @@ li.cds--accordion__item--disabled:last-of-type {
22730
22870
  transform: rotate(-90deg) /*rtl:ignore*/;
22731
22871
  }
22732
22872
 
22873
+ .cds--accordion--flush .cds--accordion__item {
22874
+ position: relative;
22875
+ border-color: transparent;
22876
+ }
22877
+ .cds--accordion--flush .cds--accordion__item:last-child, .cds--accordion--flush .cds--accordion__item:hover, .cds--accordion--flush .cds--accordion__item:last-child:hover, .cds--accordion--flush .cds--accordion__item:hover + .cds--accordion__item {
22878
+ border-color: transparent;
22879
+ }
22880
+ .cds--accordion--flush .cds--accordion__item::before, .cds--accordion--flush .cds--accordion__item::after {
22881
+ position: absolute;
22882
+ display: block;
22883
+ block-size: 1px;
22884
+ content: "";
22885
+ inline-size: calc(100% - 1rem - 1rem);
22886
+ margin-inline-start: 1rem;
22887
+ transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
22888
+ }
22889
+ @media screen and (prefers-reduced-motion: reduce) {
22890
+ .cds--accordion--flush .cds--accordion__item::before, .cds--accordion--flush .cds--accordion__item::after {
22891
+ transition: none;
22892
+ }
22893
+ }
22894
+ .cds--accordion--flush .cds--accordion__item::before {
22895
+ background: var(--cds-border-subtle);
22896
+ inset-block-start: -1px;
22897
+ }
22898
+ .cds--accordion--flush .cds--accordion__item:last-child::after {
22899
+ background: var(--cds-border-subtle);
22900
+ inset-block-end: -1px;
22901
+ }
22902
+
22903
+ .cds--accordion--flush .cds--accordion__heading:hover {
22904
+ position: relative;
22905
+ z-index: 1;
22906
+ }
22907
+ .cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
22908
+ position: absolute;
22909
+ display: block;
22910
+ background: var(--cds-layer-hover);
22911
+ block-size: 1px;
22912
+ content: "";
22913
+ inline-size: 100%;
22914
+ inset-inline-start: 0;
22915
+ transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
22916
+ }
22917
+ @media screen and (prefers-reduced-motion: reduce) {
22918
+ .cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
22919
+ transition: none;
22920
+ }
22921
+ }
22922
+ .cds--accordion--flush .cds--accordion__heading:hover::before {
22923
+ inset-block-start: -1px;
22924
+ }
22925
+ .cds--accordion--flush .cds--accordion__heading:hover::after {
22926
+ inset-block-end: -1px;
22927
+ }
22928
+ .cds--accordion--flush .cds--accordion__heading:hover:focus::after, .cds--accordion--flush .cds--accordion__heading:hover:focus::before {
22929
+ background: none;
22930
+ }
22931
+
22733
22932
  .cds--accordion.cds--skeleton .cds--accordion__heading,
22734
22933
  .cds--accordion.cds--skeleton .cds--accordion__button {
22735
22934
  cursor: default;
@@ -22746,7 +22945,8 @@ li.cds--accordion__item--disabled:last-of-type {
22746
22945
  outline: none;
22747
22946
  }
22748
22947
 
22749
- .cds--accordion.cds--skeleton .cds--accordion__heading:hover::before {
22948
+ .cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,
22949
+ .cds--accordion.cds--skeleton .cds--accordion__heading:hover {
22750
22950
  background-color: transparent;
22751
22951
  }
22752
22952
 
@@ -22764,6 +22964,10 @@ li.cds--accordion__item--disabled:last-of-type {
22764
22964
  margin-block-end: 0;
22765
22965
  }
22766
22966
 
22967
+ .cds--accordion.cds--skeleton .cds--accordion__title {
22968
+ margin-inline-start: 1rem;
22969
+ }
22970
+
22767
22971
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
22768
22972
  .cds--accordion__arrow,
22769
22973
  .cds--accordion__item--active .cds--accordion__arrow {
@@ -25237,6 +25441,26 @@ fieldset[disabled] .cds--form__helper-text {
25237
25441
  margin-block-start: -0.0625rem;
25238
25442
  }
25239
25443
 
25444
+ .cds--checkbox-group--horizontal {
25445
+ position: relative;
25446
+ display: flex;
25447
+ flex-flow: row wrap;
25448
+ justify-content: flex-start;
25449
+ }
25450
+ .cds--checkbox-group--horizontal .cds--form-item {
25451
+ flex: none;
25452
+ margin-block-end: 0;
25453
+ }
25454
+ .cds--checkbox-group--horizontal .cds--form-item:not(:last-of-type) {
25455
+ margin-inline-end: 1rem;
25456
+ }
25457
+ .cds--checkbox-group--horizontal .cds--checkbox-label-text {
25458
+ padding-inline-start: 0.5rem;
25459
+ }
25460
+ .cds--checkbox-group--horizontal .cds--label + .cds--form-item.cds--checkbox-wrapper {
25461
+ margin-block-start: 0;
25462
+ }
25463
+
25240
25464
  .cds--copy-btn {
25241
25465
  position: relative;
25242
25466
  display: flex;
@@ -27674,17 +27898,11 @@ fieldset[disabled] .cds--form__helper-text {
27674
27898
  outline-style: dotted;
27675
27899
  }
27676
27900
  }
27677
- .cds--menu-item svg {
27678
- color: var(--cds-icon-secondary, #525252);
27679
- }
27680
27901
 
27681
27902
  .cds--menu-item:hover {
27682
27903
  background-color: var(--cds-layer-hover);
27683
27904
  color: var(--cds-text-primary, #161616);
27684
27905
  }
27685
- .cds--menu-item:hover svg {
27686
- color: var(--cds-icon-primary, #161616);
27687
- }
27688
27906
 
27689
27907
  .cds--menu--xs .cds--menu-item {
27690
27908
  block-size: 1.5rem;
@@ -33736,13 +33954,15 @@ button.cds--dropdown-text:focus {
33736
33954
  }
33737
33955
 
33738
33956
  .cds--multi-select--filterable--input-focused,
33739
- .cds--multi-select .cds--list-box__field--wrapper--input-focused {
33957
+ .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),
33958
+ .cds--multi-select.cds--multi-select--selected .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {
33740
33959
  outline: 2px solid var(--cds-focus, #0f62fe);
33741
33960
  outline-offset: -2px;
33742
33961
  }
33743
33962
  @media screen and (prefers-contrast) {
33744
33963
  .cds--multi-select--filterable--input-focused,
33745
- .cds--multi-select .cds--list-box__field--wrapper--input-focused {
33964
+ .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),
33965
+ .cds--multi-select.cds--multi-select--selected .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {
33746
33966
  outline-style: dotted;
33747
33967
  }
33748
33968
  }
@@ -35190,6 +35410,11 @@ optgroup.cds--select-optgroup:disabled,
35190
35410
  position: relative;
35191
35411
  display: flex;
35192
35412
  inline-size: 100%;
35413
+ max-inline-size: 100%;
35414
+ }
35415
+
35416
+ .cds--text-area__wrapper--cols {
35417
+ inline-size: auto;
35193
35418
  }
35194
35419
 
35195
35420
  .cds--text-area__invalid-icon {
@@ -35608,6 +35833,22 @@ optgroup.cds--select-optgroup:disabled,
35608
35833
  inset-inline-end: 1rem;
35609
35834
  }
35610
35835
 
35836
+ .cds--text-input--fluid .cds--toggle-password-tooltip {
35837
+ outline: 2px solid transparent;
35838
+ outline-offset: -2px;
35839
+ position: absolute;
35840
+ block-size: 4rem;
35841
+ cursor: pointer;
35842
+ inline-size: 3rem;
35843
+ inset-block-start: 0;
35844
+ inset-inline-end: 0;
35845
+ transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
35846
+ }
35847
+
35848
+ .cds--text-input--fluid .cds--toggle-password-tooltip .cds--popover {
35849
+ inset-inline-start: 0;
35850
+ }
35851
+
35611
35852
  .cds--text-input--fluid .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
35612
35853
  block-size: 2rem;
35613
35854
  inline-size: 2rem;
@@ -36343,7 +36584,7 @@ optgroup.cds--select-optgroup:disabled,
36343
36584
  }
36344
36585
 
36345
36586
  .cds--modal-scroll-content > *:last-child {
36346
- padding-block-end: 1.5rem;
36587
+ margin-block-end: 1.5rem;
36347
36588
  }
36348
36589
 
36349
36590
  .cds--modal-footer {
@@ -37720,6 +37961,10 @@ optgroup.cds--select-optgroup:disabled,
37720
37961
  margin-inline-start: 1rem;
37721
37962
  }
37722
37963
 
37964
+ .cds--pagination__right .cds--pagination__text.cds--pagination__page-text.cds--pagination__unknown-pages-text {
37965
+ margin-inline-end: 1rem;
37966
+ }
37967
+
37723
37968
  .cds--pagination__right .cds--pagination__text:empty {
37724
37969
  margin: 0;
37725
37970
  }
@@ -38966,7 +39211,6 @@ span.cds--pagination__text.cds--pagination__items-count {
38966
39211
  transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
38967
39212
  }
38968
39213
  .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {
38969
- inset-inline-end: 0;
38970
39214
  inset-inline-start: revert;
38971
39215
  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
38972
39216
  }
@@ -38988,7 +39232,6 @@ span.cds--pagination__text.cds--pagination__items-count {
38988
39232
  transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
38989
39233
  }
38990
39234
  .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {
38991
- inset-inline-start: 0;
38992
39235
  transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
38993
39236
  }
38994
39237
 
@@ -39282,6 +39525,10 @@ span.cds--pagination__text.cds--pagination__items-count {
39282
39525
  inset-inline-start: 100%;
39283
39526
  }
39284
39527
 
39528
+ .cds--popover-container.cds--slider__thumb-wrapper {
39529
+ position: absolute;
39530
+ }
39531
+
39285
39532
  /* stylelint-disable */
39286
39533
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
39287
39534
  .cds--slider__thumb {
@@ -39365,8 +39612,8 @@ span.cds--pagination__text.cds--pagination__items-count {
39365
39612
  .cds--toggletip-content {
39366
39613
  --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
39367
39614
  --cds-link-text-color: var(--cds-link-inverse, #78a9ff);
39368
- --cds-link-hover-text-color: var(--cds-link-inverse, #78a9ff);
39369
- --cds-link-visited-text-color: var(--cds-link-inverse, #78a9ff);
39615
+ --cds-link-hover-text-color: var(--cds-link-inverse-hover, #a6c8ff);
39616
+ --cds-link-visited-text-color: var(--cds-link-inverse-visited, #be95ff);
39370
39617
  --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
39371
39618
  font-size: var(--cds-body-01-font-size, 0.875rem);
39372
39619
  font-weight: var(--cds-body-01-font-weight, 400);
@@ -40176,6 +40423,7 @@ span.cds--pagination__text.cds--pagination__items-count {
40176
40423
 
40177
40424
  .cds--structured-list-svg {
40178
40425
  display: inline-block;
40426
+ margin-block-start: 0.125rem;
40179
40427
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
40180
40428
  vertical-align: top;
40181
40429
  }
@@ -40189,6 +40437,11 @@ span.cds--pagination__text.cds--pagination__items-count {
40189
40437
  fill: transparent;
40190
40438
  }
40191
40439
 
40440
+ .cds--structured-list--selection .cds--structured-list-td:last-child {
40441
+ inline-size: 2rem;
40442
+ padding-inline-start: 0;
40443
+ }
40444
+
40192
40445
  .cds--structured-list.cds--skeleton .cds--structured-list-th:first-child {
40193
40446
  inline-size: 8%;
40194
40447
  }
@@ -40242,6 +40495,16 @@ span.cds--pagination__text.cds--pagination__items-count {
40242
40495
  }
40243
40496
  }
40244
40497
 
40498
+ .cds--structured-list__icon {
40499
+ margin-block-start: 0.125rem;
40500
+ vertical-align: top;
40501
+ }
40502
+
40503
+ .cds--structured-list--selection .cds--structured-list-td:first-child:has(.cds--structured-list__icon) {
40504
+ inline-size: 2rem;
40505
+ padding-inline-end: 0;
40506
+ }
40507
+
40245
40508
  .cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list {
40246
40509
  display: grid;
40247
40510
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
@@ -40374,6 +40637,7 @@ span.cds--pagination__text.cds--pagination__items-count {
40374
40637
  inline-size: 3rem;
40375
40638
  }
40376
40639
  .cds--tabs .cds--tab--overflow-nav-button svg {
40640
+ z-index: 2;
40377
40641
  fill: var(--cds-icon-primary, #161616);
40378
40642
  }
40379
40643
  .cds--tabs .cds--tab--overflow-nav-button--next {
@@ -40403,14 +40667,14 @@ span.cds--pagination__text.cds--pagination__items-count {
40403
40667
  .cds--tabs .cds--tab--overflow-nav-button--previous::before {
40404
40668
  position: absolute;
40405
40669
  z-index: 1;
40406
- background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
40670
+ background: var(--cds-background, #ffffff);
40407
40671
  block-size: 100%;
40408
40672
  content: "";
40409
- inline-size: 0.5rem;
40410
- inset-inline-end: -0.5rem;
40673
+ inline-size: 2.5rem;
40674
+ inset-inline-end: 0;
40411
40675
  }
40412
40676
  .cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--previous::before {
40413
- background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));
40677
+ background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));
40414
40678
  }
40415
40679
  .cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left {
40416
40680
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer));
@@ -41095,6 +41359,7 @@ span.cds--pagination__text.cds--pagination__items-count {
41095
41359
  }
41096
41360
 
41097
41361
  .cds--tile--expandable.cds--tile--expandable--interactive {
41362
+ border: none;
41098
41363
  cursor: default;
41099
41364
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
41100
41365
  }
@@ -41217,6 +41482,15 @@ span.cds--pagination__text.cds--pagination__items-count {
41217
41482
  inset-inline-end: 2.5rem;
41218
41483
  }
41219
41484
 
41485
+ .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug {
41486
+ inset-inline-end: 1rem;
41487
+ transition: inset-inline-end 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
41488
+ }
41489
+
41490
+ .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug {
41491
+ inset-inline-end: 2.5rem;
41492
+ }
41493
+
41220
41494
  .cds--tile.cds--tile--clickable > .cds--slug {
41221
41495
  pointer-events: none;
41222
41496
  }
@@ -41257,7 +41531,8 @@ span.cds--pagination__text.cds--pagination__items-count {
41257
41531
  }
41258
41532
 
41259
41533
  .cds--tile--slug.cds--tile--selectable:focus,
41260
- .cds--tile--slug.cds--tile--clickable:focus {
41534
+ .cds--tile--slug.cds--tile--clickable:focus,
41535
+ .cds--tile-input:focus + .cds--tile--slug.cds--tile {
41261
41536
  outline-offset: -1px;
41262
41537
  }
41263
41538
 
@@ -41281,10 +41556,20 @@ span.cds--pagination__text.cds--pagination__items-count {
41281
41556
  .cds--tile--slug.cds--tile--selectable .cds--tile-content,
41282
41557
  .cds--tile--slug.cds--tile--clickable .cds--tile-content {
41283
41558
  position: relative;
41284
- z-index: 1;
41285
41559
  cursor: pointer;
41286
41560
  }
41287
41561
 
41562
+ .cds--tile--slug.cds--tile--selectable .cds--tile-content,
41563
+ .cds--tile--slug.cds--tile--clickable .cds--tile-content,
41564
+ .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
41565
+ .cds--tile--slug.cds--tile--is-selected .cds--slug {
41566
+ z-index: 1;
41567
+ }
41568
+
41569
+ .cds--tile--slug.cds--tile--selectable .cds--slug:has(> .cds--popover--open) {
41570
+ z-index: 2;
41571
+ }
41572
+
41288
41573
  .cds--tile--slug.cds--tile--selectable > .cds--slug,
41289
41574
  .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark {
41290
41575
  z-index: 1;