@carbon/ibm-products 2.43.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 (365) 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 +149 -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/hooks/useSpreadsheetOutsideClick.d.ts +2 -1
  76. package/es/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +4 -3
  77. package/es/components/DataSpreadsheet/types/index.d.ts +3 -1
  78. package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +34 -2
  79. package/es/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
  80. package/es/components/Datagrid/Datagrid/Datagrid.js +4 -9
  81. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  82. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +23 -8
  83. package/es/components/Datagrid/Datagrid/DatagridRow.js +21 -8
  84. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +2 -1
  85. package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -2
  86. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +34 -10
  87. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
  88. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
  89. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -1
  90. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +7 -4
  91. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  92. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +54 -17
  93. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
  94. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +75 -12
  95. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
  96. package/es/components/Datagrid/types/index.d.ts +61 -9
  97. package/es/components/Datagrid/useActionsColumn.d.ts +8 -1
  98. package/es/components/Datagrid/useActionsColumn.js +7 -6
  99. package/es/components/Datagrid/useColumnCenterAlign.d.ts +8 -1
  100. package/es/components/Datagrid/useColumnCenterAlign.js +1 -1
  101. package/es/components/Datagrid/useColumnRightAlign.d.ts +8 -1
  102. package/es/components/Datagrid/useColumnRightAlign.js +4 -3
  103. package/es/components/Datagrid/useCustomizeColumns.d.ts +8 -1
  104. package/es/components/Datagrid/useCustomizeColumns.js +4 -3
  105. package/es/components/Datagrid/useDefaultStringRenderer.js +0 -1
  106. package/es/components/Datagrid/useDisableSelectRows.d.ts +2 -1
  107. package/es/components/Datagrid/useDisableSelectRows.js +27 -22
  108. package/es/components/Datagrid/useInlineEdit.d.ts +8 -1
  109. package/es/components/Datagrid/useInlineEdit.js +13 -3
  110. package/es/components/Datagrid/useNestedRowExpander.js +1 -3
  111. package/es/components/Datagrid/useNestedRows.js +32 -13
  112. package/es/components/Datagrid/useRowExpander.js +1 -3
  113. package/es/components/Datagrid/useSelectRows.js +2 -1
  114. package/es/components/Datagrid/useStickyColumn.d.ts +8 -1
  115. package/es/components/Datagrid/useStickyColumn.js +12 -9
  116. package/es/components/Decorator/Decorator.js +2 -1
  117. package/es/components/DecoratorBase/DecoratorBase.js +3 -5
  118. package/es/components/DecoratorDualButton/DecoratorDualButton.js +2 -1
  119. package/es/components/DecoratorLink/DecoratorLink.js +2 -1
  120. package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +2 -1
  121. package/es/components/EditInPlace/EditInPlace.d.ts +4 -0
  122. package/es/components/EditInPlace/EditInPlace.js +21 -10
  123. package/es/components/EditTearsheet/EditTearsheet.d.ts +7 -2
  124. package/es/components/EditTearsheet/EditTearsheet.js +44 -10
  125. package/es/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
  126. package/es/components/EditTearsheet/EditTearsheetForm.js +3 -0
  127. package/es/components/EmptyStates/EmptyStateV2.d.ts +63 -2
  128. package/es/components/EmptyStates/EmptyStateV2.js +2 -1
  129. package/es/components/FullPageError/FullPageError.d.ts +36 -2
  130. package/es/components/FullPageError/FullPageError.js +0 -3
  131. package/es/components/GetStartedCard/GetStartedCard.d.ts +61 -2
  132. package/es/components/GetStartedCard/GetStartedCard.js +9 -8
  133. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
  134. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
  135. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
  136. package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +204 -200
  137. package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +116 -112
  138. package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +110 -106
  139. package/es/components/Nav/NavItem.js +12 -3
  140. package/es/components/OptionsTile/OptionsTile.js +11 -6
  141. package/es/components/PageHeader/PageHeader.js +1 -0
  142. package/es/components/RemoveModal/RemoveModal.d.ts +4 -0
  143. package/es/components/RemoveModal/RemoveModal.js +7 -1
  144. package/es/components/SearchBar/SearchBar.d.ts +1 -1
  145. package/es/components/SearchBar/SearchBar.js +2 -2
  146. package/es/components/SidePanel/SidePanel.js +17 -21
  147. package/es/components/SidePanel/motion/variants.d.ts +4 -6
  148. package/es/components/SidePanel/motion/variants.js +10 -11
  149. package/es/components/StatusIndicator/StatusIndicatorStep.js +87 -0
  150. package/es/components/StringFormatter/StringFormatter.js +14 -3
  151. package/es/components/StringFormatter/utils/enums.d.ts +20 -1
  152. package/es/components/StringFormatter/utils/enums.js +22 -2
  153. package/es/components/TagOverflow/TagOverflow.d.ts +35 -4
  154. package/es/components/TagOverflow/TagOverflow.js +47 -64
  155. package/es/components/TagOverflow/TagOverflowModal.js +4 -6
  156. package/es/components/TagOverflow/TagOverflowPopover.d.ts +13 -1
  157. package/es/components/TagOverflow/TagOverflowPopover.js +38 -41
  158. package/es/components/Tearsheet/Tearsheet.d.ts +8 -1
  159. package/es/components/Tearsheet/Tearsheet.js +9 -1
  160. package/es/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
  161. package/es/components/Tearsheet/TearsheetNarrow.js +12 -0
  162. package/es/components/Tearsheet/TearsheetShell.d.ts +11 -1
  163. package/es/components/Tearsheet/TearsheetShell.js +28 -7
  164. package/es/components/Toolbar/ToolbarButton.js +1 -1
  165. package/es/components/WebTerminal/WebTerminal.js +10 -12
  166. package/es/components/index.d.ts +1 -1
  167. package/es/global/js/hooks/useFocus.d.ts +1 -0
  168. package/es/global/js/hooks/useFocus.js +5 -2
  169. package/es/global/js/hooks/usePrefersReducedMotion.js +14 -8
  170. package/es/global/js/package-settings.d.ts +1 -1
  171. package/es/global/js/package-settings.js +1 -1
  172. package/es/index.js +1 -0
  173. package/es/node_modules/@carbon/icon-helpers/es/index.js +49 -62
  174. package/es/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1020 -1058
  175. package/es/node_modules/@carbon/icons-react/es/generated/bucket-9.js +881 -758
  176. package/es/settings.d.ts +1 -1
  177. package/lib/components/ActionBar/ActionBarItem.js +1 -1
  178. package/lib/components/Coachmark/Coachmark.d.ts +6 -1
  179. package/lib/components/Coachmark/Coachmark.js +46 -10
  180. package/lib/components/Coachmark/CoachmarkOverlay.js +2 -4
  181. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -7
  182. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +13 -11
  183. package/lib/components/CoachmarkStack/CoachmarkStack.js +7 -3
  184. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +8 -4
  185. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +74 -53
  186. package/lib/components/ConditionBuilder/ConditionBuilder.js +82 -25
  187. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
  188. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +163 -0
  189. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +3 -1
  190. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +28 -11
  191. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +8 -1
  192. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +29 -7
  193. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +12 -7
  194. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +18 -10
  195. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -13
  196. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +73 -60
  197. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +13 -7
  198. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +31 -8
  199. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +8 -2
  200. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +34 -24
  201. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +40 -36
  202. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +40 -36
  203. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +6 -2
  204. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +96 -38
  205. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +3 -1
  206. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +24 -9
  207. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +28 -10
  208. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
  209. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +122 -0
  210. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
  211. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +68 -35
  212. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +5 -1
  213. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +21 -8
  214. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
  215. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +1 -3
  216. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +118 -37
  217. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +3 -1
  218. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +44 -17
  219. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +2 -1
  220. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +137 -39
  221. package/lib/components/ConditionBuilder/utils/useTranslations.d.ts +1 -0
  222. package/lib/components/ConditionBuilder/utils/useTranslations.js +30 -0
  223. package/lib/components/ConditionBuilder/utils/util.d.ts +6 -4
  224. package/lib/components/ConditionBuilder/utils/util.js +44 -16
  225. package/lib/components/CreateFullPage/CreateFullPage.js +2 -2
  226. package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +26 -0
  227. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +149 -54
  228. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +25 -1
  229. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +50 -9
  230. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +16 -0
  231. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +32 -8
  232. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +4 -1
  233. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.d.ts +3 -1
  234. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +15 -3
  235. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.d.ts +2 -1
  236. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +4 -3
  237. package/lib/components/DataSpreadsheet/types/index.d.ts +3 -1
  238. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +34 -2
  239. package/lib/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
  240. package/lib/components/Datagrid/Datagrid/Datagrid.js +4 -9
  241. package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  242. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +23 -8
  243. package/lib/components/Datagrid/Datagrid/DatagridRow.js +21 -8
  244. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +2 -1
  245. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -2
  246. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +34 -10
  247. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
  248. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
  249. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -1
  250. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +7 -4
  251. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  252. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +53 -16
  253. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
  254. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +74 -11
  255. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
  256. package/lib/components/Datagrid/types/index.d.ts +61 -9
  257. package/lib/components/Datagrid/useActionsColumn.d.ts +8 -1
  258. package/lib/components/Datagrid/useActionsColumn.js +7 -6
  259. package/lib/components/Datagrid/useColumnCenterAlign.d.ts +8 -1
  260. package/lib/components/Datagrid/useColumnCenterAlign.js +1 -1
  261. package/lib/components/Datagrid/useColumnRightAlign.d.ts +8 -1
  262. package/lib/components/Datagrid/useColumnRightAlign.js +4 -3
  263. package/lib/components/Datagrid/useCustomizeColumns.d.ts +8 -1
  264. package/lib/components/Datagrid/useCustomizeColumns.js +4 -3
  265. package/lib/components/Datagrid/useDefaultStringRenderer.js +0 -1
  266. package/lib/components/Datagrid/useDisableSelectRows.d.ts +2 -1
  267. package/lib/components/Datagrid/useDisableSelectRows.js +27 -22
  268. package/lib/components/Datagrid/useInlineEdit.d.ts +8 -1
  269. package/lib/components/Datagrid/useInlineEdit.js +13 -3
  270. package/lib/components/Datagrid/useNestedRowExpander.js +1 -3
  271. package/lib/components/Datagrid/useNestedRows.js +32 -13
  272. package/lib/components/Datagrid/useRowExpander.js +1 -3
  273. package/lib/components/Datagrid/useSelectRows.js +2 -1
  274. package/lib/components/Datagrid/useStickyColumn.d.ts +8 -1
  275. package/lib/components/Datagrid/useStickyColumn.js +12 -9
  276. package/lib/components/Decorator/Decorator.js +2 -1
  277. package/lib/components/DecoratorBase/DecoratorBase.js +3 -5
  278. package/lib/components/DecoratorDualButton/DecoratorDualButton.js +2 -1
  279. package/lib/components/DecoratorLink/DecoratorLink.js +2 -1
  280. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +2 -1
  281. package/lib/components/EditInPlace/EditInPlace.d.ts +4 -0
  282. package/lib/components/EditInPlace/EditInPlace.js +21 -10
  283. package/lib/components/EditTearsheet/EditTearsheet.d.ts +7 -2
  284. package/lib/components/EditTearsheet/EditTearsheet.js +43 -9
  285. package/lib/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
  286. package/lib/components/EditTearsheet/EditTearsheetForm.js +3 -0
  287. package/lib/components/EmptyStates/EmptyStateV2.d.ts +63 -2
  288. package/lib/components/EmptyStates/EmptyStateV2.js +2 -1
  289. package/lib/components/FullPageError/FullPageError.d.ts +36 -2
  290. package/lib/components/FullPageError/FullPageError.js +0 -3
  291. package/lib/components/GetStartedCard/GetStartedCard.d.ts +61 -2
  292. package/lib/components/GetStartedCard/GetStartedCard.js +8 -7
  293. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
  294. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
  295. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
  296. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +204 -200
  297. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +116 -112
  298. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +110 -106
  299. package/lib/components/Nav/NavItem.js +10 -1
  300. package/lib/components/OptionsTile/OptionsTile.js +11 -6
  301. package/lib/components/PageHeader/PageHeader.js +1 -0
  302. package/lib/components/RemoveModal/RemoveModal.d.ts +4 -0
  303. package/lib/components/RemoveModal/RemoveModal.js +7 -1
  304. package/lib/components/SearchBar/SearchBar.d.ts +1 -1
  305. package/lib/components/SearchBar/SearchBar.js +2 -2
  306. package/lib/components/SidePanel/SidePanel.js +16 -20
  307. package/lib/components/SidePanel/motion/variants.d.ts +4 -6
  308. package/lib/components/SidePanel/motion/variants.js +10 -11
  309. package/lib/components/StatusIndicator/StatusIndicatorStep.js +94 -0
  310. package/lib/components/StringFormatter/StringFormatter.js +13 -2
  311. package/lib/components/StringFormatter/utils/enums.d.ts +20 -1
  312. package/lib/components/StringFormatter/utils/enums.js +23 -1
  313. package/lib/components/TagOverflow/TagOverflow.d.ts +35 -4
  314. package/lib/components/TagOverflow/TagOverflow.js +46 -63
  315. package/lib/components/TagOverflow/TagOverflowModal.js +4 -6
  316. package/lib/components/TagOverflow/TagOverflowPopover.d.ts +13 -1
  317. package/lib/components/TagOverflow/TagOverflowPopover.js +37 -40
  318. package/lib/components/Tearsheet/Tearsheet.d.ts +8 -1
  319. package/lib/components/Tearsheet/Tearsheet.js +9 -1
  320. package/lib/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
  321. package/lib/components/Tearsheet/TearsheetNarrow.js +12 -0
  322. package/lib/components/Tearsheet/TearsheetShell.d.ts +11 -1
  323. package/lib/components/Tearsheet/TearsheetShell.js +26 -5
  324. package/lib/components/Toolbar/ToolbarButton.js +1 -1
  325. package/lib/components/WebTerminal/WebTerminal.js +10 -12
  326. package/lib/components/index.d.ts +1 -1
  327. package/lib/global/js/hooks/useFocus.d.ts +1 -0
  328. package/lib/global/js/hooks/useFocus.js +5 -1
  329. package/lib/global/js/hooks/usePrefersReducedMotion.js +13 -7
  330. package/lib/global/js/package-settings.d.ts +1 -1
  331. package/lib/global/js/package-settings.js +1 -1
  332. package/lib/index.js +5 -0
  333. package/lib/node_modules/@carbon/icon-helpers/es/index.js +49 -62
  334. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1036 -1074
  335. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +946 -823
  336. package/lib/settings.d.ts +1 -1
  337. package/package.json +9 -8
  338. package/scss/components/Coachmark/_coachmark-overlay.scss +6 -70
  339. package/scss/components/Coachmark/_coachmark.scss +5 -4
  340. package/scss/components/CoachmarkBeacon/_coachmark-beacon.scss +1 -3
  341. package/scss/components/ConditionBuilder/_condition-builder.scss +5 -1
  342. package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +20 -3
  343. package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +32 -3
  344. package/scss/components/CreateModal/_create-modal.scss +0 -4
  345. package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +17 -2
  346. package/scss/components/Datagrid/_datagrid.scss +0 -4
  347. package/scss/components/Datagrid/styles/_useInlineEdit.scss +13 -0
  348. package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +7 -5
  349. package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +5 -4
  350. package/scss/components/HTTPErrors/_http-errors.scss +77 -0
  351. package/scss/components/OptionsTile/_options-tile.scss +6 -6
  352. package/scss/components/SidePanel/_side-panel.scss +1 -1
  353. package/scss/components/StatusIcon/_status-icon.scss +4 -4
  354. package/scss/components/StringFormatter/_string-formatter.scss +2 -2
  355. package/scss/components/UserProfileImage/_user-profile-image.scss +6 -2
  356. package/scss/components/_index-released-only.scss +1 -0
  357. package/telemetry.yml +32 -19
  358. package/es/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
  359. package/es/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -16
  360. package/es/global/js/utils/window.d.ts +0 -2
  361. package/es/global/js/utils/window.js +0 -12
  362. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
  363. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -20
  364. package/lib/global/js/utils/window.d.ts +0 -2
  365. package/lib/global/js/utils/window.js +0 -16
@@ -1802,6 +1802,10 @@ p.c4p--about-modal__copyright-text:first-child {
1802
1802
  color: var(--cds-text-inverse, #ffffff);
1803
1803
  visibility: hidden;
1804
1804
  }
1805
+ .c4p--coachmark-overlay--tooltip {
1806
+ position: initial;
1807
+ transform: none !important;
1808
+ }
1805
1809
  .c4p--coachmark-overlay--fixed {
1806
1810
  position: fixed;
1807
1811
  right: 1rem;
@@ -1823,105 +1827,42 @@ p.c4p--about-modal__copyright-text:first-child {
1823
1827
  transform: translateY(0);
1824
1828
  visibility: visible;
1825
1829
  }
1826
- .c4p--coachmark-overlay__caret {
1827
- position: absolute;
1828
- z-index: 5902;
1829
- width: 0;
1830
- height: 0;
1831
- border-right: 0.375rem solid transparent;
1832
- border-bottom: solid 0.375rem var(--cds-background-inverse, #393939);
1833
- border-left: 0.375rem solid transparent;
1834
- }
1835
1830
  .c4p--coachmark-overlay--top {
1836
1831
  transform: translate(-50%, calc(-1 * (100% + 1.5rem + 0.375rem)));
1837
1832
  }
1838
- .c4p--coachmark-overlay--top .c4p--coachmark-overlay__caret {
1839
- left: calc(50% - 0.375rem);
1840
- transform: rotate(180deg);
1841
- }
1842
1833
  .c4p--coachmark-overlay--top-left {
1843
1834
  transform: translate(-1.5rem, calc(-1 * (100% + 1.5rem + 0.375rem)));
1844
1835
  }
1845
- .c4p--coachmark-overlay--top-left .c4p--coachmark-overlay__caret {
1846
- left: 1.125rem;
1847
- transform: rotate(180deg);
1848
- }
1849
1836
  .c4p--coachmark-overlay--top-right {
1850
1837
  transform: translate(calc(-1 * (100% - 1.5rem)), calc(-1 * (100% + 1.5rem + 0.375rem)));
1851
1838
  }
1852
- .c4p--coachmark-overlay--top-right .c4p--coachmark-overlay__caret {
1853
- right: 1.125rem;
1854
- transform: rotate(180deg);
1855
- }
1856
1839
  .c4p--coachmark-overlay--bottom {
1857
1840
  transform: translate(-50%, 1.875rem);
1858
1841
  }
1859
- .c4p--coachmark-overlay--bottom .c4p--coachmark-overlay__caret {
1860
- top: -0.375rem;
1861
- left: calc(50% - 0.375rem);
1862
- }
1863
1842
  .c4p--coachmark-overlay--bottom-left {
1864
1843
  transform: translate(-1.5rem, 1.875rem);
1865
1844
  }
1866
- .c4p--coachmark-overlay--bottom-left .c4p--coachmark-overlay__caret {
1867
- top: -0.375rem;
1868
- left: 1.125rem;
1869
- }
1870
1845
  .c4p--coachmark-overlay--bottom-right {
1871
1846
  transform: translate(calc(-1 * (100% - 1.5rem)), 1.875rem);
1872
1847
  }
1873
- .c4p--coachmark-overlay--bottom-right .c4p--coachmark-overlay__caret {
1874
- top: -0.375rem;
1875
- right: 1.125rem;
1876
- }
1877
1848
  .c4p--coachmark-overlay--left {
1878
1849
  transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), -50%);
1879
1850
  }
1880
- .c4p--coachmark-overlay--left .c4p--coachmark-overlay__caret {
1881
- top: calc(50% - 0.1875rem);
1882
- right: -0.5625rem;
1883
- transform: rotate(90deg);
1884
- }
1885
1851
  .c4p--coachmark-overlay--left-top {
1886
1852
  transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), -1.5rem);
1887
1853
  }
1888
- .c4p--coachmark-overlay--left-top .c4p--coachmark-overlay__caret {
1889
- top: 1.3125rem;
1890
- right: -0.5625rem;
1891
- transform: rotate(90deg);
1892
- }
1893
1854
  .c4p--coachmark-overlay--left-bottom {
1894
1855
  transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), calc(-1 * (100% - 1.5rem)));
1895
1856
  }
1896
- .c4p--coachmark-overlay--left-bottom .c4p--coachmark-overlay__caret {
1897
- right: -0.5625rem;
1898
- bottom: 1.3125rem;
1899
- transform: rotate(90deg);
1900
- }
1901
1857
  .c4p--coachmark-overlay--right {
1902
1858
  transform: translate(1.875rem, -50%);
1903
1859
  }
1904
- .c4p--coachmark-overlay--right .c4p--coachmark-overlay__caret {
1905
- top: calc(50% - 0.1875rem);
1906
- left: -0.5625rem;
1907
- transform: rotate(-90deg);
1908
- }
1909
1860
  .c4p--coachmark-overlay--right-top {
1910
1861
  transform: translate(1.875rem, -1.5rem);
1911
1862
  }
1912
- .c4p--coachmark-overlay--right-top .c4p--coachmark-overlay__caret {
1913
- top: 1.3125rem;
1914
- left: -0.5625rem;
1915
- transform: rotate(-90deg);
1916
- }
1917
1863
  .c4p--coachmark-overlay--right-bottom {
1918
1864
  transform: translate(1.875rem, calc(-1 * (100% - 1.5rem)));
1919
1865
  }
1920
- .c4p--coachmark-overlay--right-bottom .c4p--coachmark-overlay__caret {
1921
- bottom: 1.3125rem;
1922
- left: -0.5625rem;
1923
- transform: rotate(-90deg);
1924
- }
1925
1866
  .c4p--coachmark-overlay__element-stepped-media {
1926
1867
  height: 8rem;
1927
1868
  margin-bottom: 1rem;
@@ -2193,6 +2134,10 @@ p.c4p--about-modal__copyright-text:first-child {
2193
2134
  background-color: #7c3dd6 !important;
2194
2135
  }
2195
2136
 
2137
+ .c4p--coachmark {
2138
+ position: relative;
2139
+ }
2140
+
2196
2141
  /* stylelint-disable carbon/layout-token-use */
2197
2142
  /* stylelint-disable carbon/motion-easing-use */
2198
2143
  /* stylelint-disable max-nesting-depth */
@@ -2229,9 +2174,7 @@ p.c4p--about-modal__copyright-text:first-child {
2229
2174
  outline: 0.125rem var(--cds-focus, #0f62fe) solid;
2230
2175
  }
2231
2176
  .c4p--coachmark-beacon .c4p--coachmark-beacon__target {
2232
- position: absolute;
2233
- top: -1rem;
2234
- left: -1rem;
2177
+ display: flex;
2235
2178
  width: 2rem;
2236
2179
  height: 2rem;
2237
2180
  padding: 0;
@@ -2781,10 +2724,6 @@ p.c4p--about-modal__copyright-text:first-child {
2781
2724
  border-top: 1px solid var(--cds-layer-accent-01, #e0e0e0);
2782
2725
  }
2783
2726
 
2784
- .c4p--create-modal {
2785
- background-color: var(--cds-background, #ffffff);
2786
- }
2787
-
2788
2727
  .c4p--create-modal .cds--modal-close {
2789
2728
  display: none;
2790
2729
  }
@@ -3366,7 +3305,7 @@ p.c4p--about-modal__copyright-text:first-child {
3366
3305
  height: 2.5rem;
3367
3306
  }
3368
3307
  .c4p--side-panel .c4p--side-panel__slug-and-close {
3369
- position: fixed;
3308
+ position: absolute;
3370
3309
  z-index: 10; /* must be higher than title container border bottom */
3371
3310
  top: 0;
3372
3311
  right: 0;
@@ -4352,6 +4291,101 @@ p.c4p--about-modal__copyright-text:first-child {
4352
4291
  }
4353
4292
  }
4354
4293
 
4294
+ /* stylelint-disable carbon/theme-token-use */
4295
+ .c4p--http-errors-404__prefix-cls-1 {
4296
+ fill: none;
4297
+ }
4298
+
4299
+ .c4p--http-errors-404__prefix-cls-67 {
4300
+ fill: #697077;
4301
+ }
4302
+
4303
+ .c4p--http-errors-404__prefix-cls-68 {
4304
+ fill: #282828;
4305
+ }
4306
+
4307
+ .c4p--http-errors-404__prefix-cls-69 {
4308
+ fill: #51565c;
4309
+ }
4310
+
4311
+ .c4p--http-errors-404__prefix-cls-70 {
4312
+ fill: #002b50;
4313
+ }
4314
+
4315
+ .c4p--http-errors-404__prefix-cls-71 {
4316
+ fill: #413d3d;
4317
+ }
4318
+
4319
+ .c4p--http-errors-404__prefix-cls-72 {
4320
+ fill: #908b8b;
4321
+ }
4322
+
4323
+ .c4p--http-errors-404__prefix-cls-75 {
4324
+ fill: #a4a4a5;
4325
+ }
4326
+
4327
+ .c4p--http-errors-404__prefix-cls-76 {
4328
+ opacity: 0.15;
4329
+ }
4330
+
4331
+ .c4p--http-errors-403__prefix-cls-1 {
4332
+ fill: none;
4333
+ }
4334
+
4335
+ .c4p--http-errors-403__prefix-cls-80 {
4336
+ mix-blend-mode: multiply;
4337
+ opacity: 0.25;
4338
+ }
4339
+
4340
+ .c4p--http-errors-403__prefix-cls-75 {
4341
+ fill: #595655;
4342
+ }
4343
+
4344
+ .c4p--http-errors-403__prefix-cls-76 {
4345
+ opacity: 0.15;
4346
+ }
4347
+
4348
+ .c4p--http-errors-403__prefix-cls-77 {
4349
+ fill: #373d42;
4350
+ }
4351
+
4352
+ .c4p--http-errors-403__prefix-cls-78 {
4353
+ fill: #002b50;
4354
+ }
4355
+
4356
+ .c4p--http-errors-403__prefix-cls-81 {
4357
+ fill: #2b2828;
4358
+ }
4359
+
4360
+ .c4p--http-errors-other__prefix-cls-1 {
4361
+ fill: none;
4362
+ }
4363
+
4364
+ .c4p--http-errors-other__prefix-cls-69 {
4365
+ fill: #697077;
4366
+ }
4367
+
4368
+ .c4p--http-errors-other__prefix-cls-70 {
4369
+ fill: #282828;
4370
+ }
4371
+
4372
+ .c4p--http-errors-other__prefix-cls-71 {
4373
+ fill: #51565c;
4374
+ }
4375
+
4376
+ .c4p--http-errors-other__prefix-cls-72 {
4377
+ fill: #e0dbda;
4378
+ }
4379
+
4380
+ .c4p--http-errors-other__prefix-cls-73 {
4381
+ fill: #003d73;
4382
+ }
4383
+
4384
+ .c4p--http-errors-other__prefix-cls-75 {
4385
+ opacity: 0.15;
4386
+ }
4387
+
4388
+ /* stylelint-enable */
4355
4389
  .c4p--import-modal .cds--modal-close {
4356
4390
  display: none;
4357
4391
  }
@@ -4946,6 +4980,7 @@ button.c4p--add-select__global-filter-toggle--open {
4946
4980
  --cds-link-inverse: #0f62fe;
4947
4981
  --cds-link-inverse-active: #161616;
4948
4982
  --cds-link-inverse-hover: #0043ce;
4983
+ --cds-link-inverse-visited: #8a3ffc;
4949
4984
  --cds-link-primary: #78a9ff;
4950
4985
  --cds-link-primary-hover: #a6c8ff;
4951
4986
  --cds-link-secondary: #a6c8ff;
@@ -8621,6 +8656,7 @@ button.c4p--add-select__global-filter-toggle--open {
8621
8656
  --cds-link-inverse: #0f62fe;
8622
8657
  --cds-link-inverse-active: #161616;
8623
8658
  --cds-link-inverse-hover: #0043ce;
8659
+ --cds-link-inverse-visited: #8a3ffc;
8624
8660
  --cds-link-primary: #78a9ff;
8625
8661
  --cds-link-primary-hover: #a6c8ff;
8626
8662
  --cds-link-secondary: #a6c8ff;
@@ -9051,6 +9087,7 @@ button.c4p--add-select__global-filter-toggle--open {
9051
9087
  --cds-link-inverse: #0f62fe;
9052
9088
  --cds-link-inverse-active: #161616;
9053
9089
  --cds-link-inverse-hover: #0043ce;
9090
+ --cds-link-inverse-visited: #8a3ffc;
9054
9091
  --cds-link-primary: #78a9ff;
9055
9092
  --cds-link-primary-hover: #a6c8ff;
9056
9093
  --cds-link-secondary: #a6c8ff;
@@ -9766,14 +9803,14 @@ button.c4p--add-select__global-filter-toggle--open {
9766
9803
  overflow: hidden;
9767
9804
  }
9768
9805
 
9769
- .c4p--options-tile:not(.c4p--options-tile--closing) > details[open] .c4p--options-tile__summary,
9806
+ .c4p--options-tile__summary.c4p--options-tile__summary--open:not(.c4p--options-tile__summary--closing),
9770
9807
  .c4p--options-tile__summary--hidden {
9771
9808
  height: 0;
9772
9809
  margin-top: 0;
9773
9810
  opacity: 0;
9774
9811
  }
9775
9812
 
9776
- .c4p--options-tile:not(.c4p--options-tile--closing) > details[open] .c4p--options-tile__chevron {
9813
+ .c4p--options-tile__chevron.c4p--options-tile__chevron--open:not(.c4p--options-tile__chevron--closing) {
9777
9814
  transform: rotate(180deg);
9778
9815
  }
9779
9816
 
@@ -10017,6 +10054,7 @@ button.c4p--add-select__global-filter-toggle--open {
10017
10054
  position: sticky;
10018
10055
  z-index: 4;
10019
10056
  left: 0;
10057
+ background-color: var(--cds-background, #ffffff);
10020
10058
  }
10021
10059
  .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td {
10022
10060
  font-weight: 600;
@@ -10125,6 +10163,11 @@ button.c4p--add-select__global-filter-toggle--open {
10125
10163
  border: 0.125rem solid var(--cds-background-brand, #0f62fe);
10126
10164
  outline: 0;
10127
10165
  }
10166
+ .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td_custom {
10167
+ align-items: center;
10168
+ justify-content: center;
10169
+ gap: 0.5rem;
10170
+ }
10128
10171
  .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element {
10129
10172
  position: absolute;
10130
10173
  z-index: 2;
@@ -10175,7 +10218,7 @@ button.c4p--add-select__global-filter-toggle--open {
10175
10218
  .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td:hover {
10176
10219
  background-color: var(--cds-background-inverse, #393939);
10177
10220
  }
10178
- .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th {
10221
+ .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) {
10179
10222
  cursor: grab;
10180
10223
  }
10181
10224
  .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header-reorder-active.c4p--data-spreadsheet__th {
@@ -10190,6 +10233,9 @@ button.c4p--add-select__global-filter-toggle--open {
10190
10233
  width: 0.125rem;
10191
10234
  background-color: var(--cds-background-brand, #0f62fe);
10192
10235
  }
10236
+ .c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header-disabledSwapping {
10237
+ cursor: pointer;
10238
+ }
10193
10239
  .c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header,
10194
10240
  .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--active-header.c4p--data-spreadsheet__td {
10195
10241
  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
@@ -10205,7 +10251,7 @@ button.c4p--add-select__global-filter-toggle--open {
10205
10251
  .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td:hover {
10206
10252
  background-color: var(--cds-background-inverse, #393939);
10207
10253
  }
10208
- .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th {
10254
+ .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th:not(.c4p--data-spreadsheet__th--active-header-disabledSwapping) {
10209
10255
  cursor: grab;
10210
10256
  }
10211
10257
  .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header-reorder-active.c4p--data-spreadsheet__th {
@@ -11846,6 +11892,18 @@ th.c4p--datagrid__select-all-toggle-on.button {
11846
11892
  align-items: center;
11847
11893
  }
11848
11894
 
11895
+ .c4p--datagrid__inline-edit--outer-cell-checkbox-focus .cds--checkbox-label::before {
11896
+ outline: 0.125rem solid var(--cds-focus, #0f62fe);
11897
+ outline-offset: 1px;
11898
+ }
11899
+
11900
+ .c4p--datagrid__inline-edit--outer-cell-checkbox {
11901
+ display: flex;
11902
+ height: -webkit-fill-available;
11903
+ justify-content: center;
11904
+ padding-inline: 1rem;
11905
+ }
11906
+
11849
11907
  .c4p--datagrid__static--outer-cell {
11850
11908
  display: flex;
11851
11909
  height: -webkit-fill-available;
@@ -12150,10 +12208,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
12150
12208
  min-width: auto;
12151
12209
  }
12152
12210
 
12153
- .c4p--datagrid .cds--pagination {
12154
- background-color: var(--cds-layer-02, #ffffff);
12155
- }
12156
-
12157
12211
  :root {
12158
12212
  --cds-grid-gutter: 2rem;
12159
12213
  --cds-grid-columns: 4;
@@ -15405,6 +15459,7 @@ a.cds--side-nav__link--current::before {
15405
15459
  --cds-link-inverse: #0f62fe;
15406
15460
  --cds-link-inverse-active: #161616;
15407
15461
  --cds-link-inverse-hover: #0043ce;
15462
+ --cds-link-inverse-visited: #8a3ffc;
15408
15463
  --cds-link-primary: #78a9ff;
15409
15464
  --cds-link-primary-hover: #a6c8ff;
15410
15465
  --cds-link-secondary: #a6c8ff;
@@ -16209,6 +16264,7 @@ a.cds--side-nav__link--current::before {
16209
16264
  --cds-link-inverse: #0f62fe;
16210
16265
  --cds-link-inverse-active: #161616;
16211
16266
  --cds-link-inverse-hover: #0043ce;
16267
+ --cds-link-inverse-visited: #8a3ffc;
16212
16268
  --cds-link-primary: #78a9ff;
16213
16269
  --cds-link-primary-hover: #a6c8ff;
16214
16270
  --cds-link-secondary: #a6c8ff;
@@ -17123,6 +17179,7 @@ a.cds--side-nav__link--current::before {
17123
17179
  --cds-link-inverse: #78a9ff;
17124
17180
  --cds-link-inverse-active: #f4f4f4;
17125
17181
  --cds-link-inverse-hover: #a6c8ff;
17182
+ --cds-link-inverse-visited: #be95ff;
17126
17183
  --cds-link-primary: #0f62fe;
17127
17184
  --cds-link-primary-hover: #0043ce;
17128
17185
  --cds-link-secondary: #0043ce;
@@ -17533,6 +17590,7 @@ a.cds--side-nav__link--current::before {
17533
17590
  --cds-link-inverse: #0f62fe;
17534
17591
  --cds-link-inverse-active: #161616;
17535
17592
  --cds-link-inverse-hover: #0043ce;
17593
+ --cds-link-inverse-visited: #8a3ffc;
17536
17594
  --cds-link-primary: #78a9ff;
17537
17595
  --cds-link-primary-hover: #a6c8ff;
17538
17596
  --cds-link-secondary: #a6c8ff;
@@ -18696,14 +18754,14 @@ a.cds--side-nav__link--current::before {
18696
18754
  .c4p--string-formatter .cds--popover--top .cds--popover-caret,
18697
18755
  .c4p--string-formatter .cds--popover--top-left .cds--popover-caret,
18698
18756
  .c4p--string-formatter .cds--popover--top-right .cds--popover-caret {
18699
- /* stylelint-disable-next-line declaration-no-important */
18757
+ /* stylelint-disable-next-line */
18700
18758
  inset-block-start: -1px !important;
18701
18759
  }
18702
18760
 
18703
18761
  .c4p--string-formatter .cds--popover--bottom .cds--popover-caret,
18704
18762
  .c4p--string-formatter .cds--popover--bottom-left .cds--popover-caret,
18705
18763
  .c4p--string-formatter .cds--popover--bottom-right .cds--popover-caret {
18706
- /* stylelint-disable-next-line declaration-no-important */
18764
+ /* stylelint-disable-next-line */
18707
18765
  inset-block-end: -1px !important;
18708
18766
  }
18709
18767
 
@@ -19483,7 +19541,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19483
19541
  border-radius: 1rem;
19484
19542
  margin: 0.25rem;
19485
19543
  cursor: default;
19486
- max-inline-size: 100%;
19544
+ max-inline-size: 13rem;
19487
19545
  min-block-size: var(--cds-layout-size-height-local);
19488
19546
  min-inline-size: 2rem;
19489
19547
  padding-inline: 0.5rem;
@@ -19523,28 +19581,28 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19523
19581
  .cds--tag.cds--tag--lg:has(.cds--tag__custom-icon) {
19524
19582
  padding-inline-start: 0.5rem;
19525
19583
  }
19584
+ .cds--tag:not(.cds--tag--selectable) {
19585
+ border: 0;
19586
+ }
19526
19587
  .cds--tag:not(:first-child) {
19527
19588
  margin-inline-start: 0;
19528
19589
  }
19529
19590
 
19591
+ .cds--tag--operational > span,
19592
+ .cds--tag--selectable > span,
19530
19593
  .cds--tag__label {
19594
+ display: block;
19531
19595
  overflow: hidden;
19532
- max-inline-size: 100%;
19533
19596
  text-overflow: ellipsis;
19534
19597
  white-space: nowrap;
19535
19598
  }
19536
19599
 
19537
19600
  .cds--tag--interactive:focus {
19538
- box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
19539
- outline: none;
19540
- }
19541
-
19542
- .cds--tag--interactive:hover {
19543
- cursor: pointer;
19601
+ outline: 2px solid var(--cds-focus, #0f62fe);
19602
+ outline-offset: 1px;
19544
19603
  }
19545
19604
 
19546
19605
  .cds--tag--filter {
19547
- cursor: pointer;
19548
19606
  padding-block-end: 0;
19549
19607
  padding-block-start: 0;
19550
19608
  padding-inline-end: 0;
@@ -19553,11 +19611,6 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19553
19611
  outline: none;
19554
19612
  }
19555
19613
 
19556
- .cds--interactive--tag-children {
19557
- display: inline-flex;
19558
- place-items: center;
19559
- }
19560
-
19561
19614
  .cds--tag--selectable {
19562
19615
  border: 1px solid var(--cds-border-inverse, #161616);
19563
19616
  background-color: var(--cds-layer);
@@ -19750,19 +19803,19 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19750
19803
  background-color: var(--cds-background-inverse-hover, #474747);
19751
19804
  }
19752
19805
 
19753
- .cds--tag--outline:not(.cds--tag--operational) {
19806
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
19754
19807
  background-color: var(--cds-background, #ffffff);
19755
19808
  color: var(--cds-text-primary, #161616);
19756
19809
  outline: 1px solid var(--cds-background-inverse, #393939);
19757
19810
  outline-offset: -1px;
19758
19811
  }
19759
- .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational {
19812
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational {
19760
19813
  border: 1px solid var(--cds-background, #ffffff);
19761
19814
  }
19762
- .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational:hover {
19815
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover {
19763
19816
  background-color: var(--cds-layer-hover);
19764
19817
  }
19765
- .cds--tag--outline:not(.cds--tag--operational) .cds--tag__close-icon:hover {
19818
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover {
19766
19819
  background-color: var(--cds-layer-hover);
19767
19820
  }
19768
19821
 
@@ -19959,7 +20012,48 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19959
20012
  }
19960
20013
  }
19961
20014
 
20015
+ .cds--tag-label-tooltip {
20016
+ max-inline-size: -webkit-fill-available;
20017
+ }
20018
+
20019
+ .cds--tag__custom-icon + .cds--tag-label-tooltip {
20020
+ max-inline-size: 11rem;
20021
+ }
20022
+
20023
+ .cds--tag--filter .cds--tag__custom-icon + .cds--tag-label-tooltip {
20024
+ max-inline-size: 9.875rem;
20025
+ }
20026
+
19962
20027
  /* stylelint-enable */
20028
+ .cds--interactive--tag-children {
20029
+ display: inline-flex;
20030
+ max-inline-size: 12.5rem;
20031
+ place-items: center;
20032
+ }
20033
+
20034
+ .cds--tag--filter .cds--tag__custom-icon + span > .cds--interactive--tag-children {
20035
+ max-inline-size: 11.5rem;
20036
+ }
20037
+
20038
+ .cds--tag .cds--definition-term {
20039
+ -webkit-border-after: none;
20040
+ border-block-end: none;
20041
+ cursor: default;
20042
+ max-inline-size: 12rem;
20043
+ }
20044
+
20045
+ .cds--tag .cds--tag__custom-icon + span > .cds--definition-term {
20046
+ max-inline-size: 11rem;
20047
+ }
20048
+
20049
+ .cds--tag > .cds--popover-container {
20050
+ display: flex;
20051
+ }
20052
+
20053
+ .cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled) {
20054
+ pointer-events: none;
20055
+ }
20056
+
19963
20057
  .c4p--condition-builder__condition-wrapper * {
19964
20058
  font-size: var(--cds-body-01-font-size, 0.875rem);
19965
20059
  font-weight: var(--cds-body-01-font-weight, 400);
@@ -19967,7 +20061,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19967
20061
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
19968
20062
  }
19969
20063
 
19970
- .c4p--condition-builder__item__content {
20064
+ .c4p--condition-builder__popover-content-wrapper {
19971
20065
  overflow: auto;
19972
20066
  min-width: 12rem;
19973
20067
  max-width: 20rem;
@@ -20038,7 +20132,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
20038
20132
  .c4p--condition-builder__item-date,
20039
20133
  .c4p--condition-builder__item-text,
20040
20134
  .c4p--condition-builder__item-number,
20041
- c4p--condition-builder__item-time {
20135
+ .c4p--condition-builder__item-time {
20042
20136
  padding-block-end: 1rem;
20043
20137
  padding-inline: 1rem;
20044
20138
  }
@@ -20391,7 +20485,8 @@ c4p--condition-builder__item-time {
20391
20485
  background-color: var(--cds-layer);
20392
20486
  }
20393
20487
  .c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(1) .c4p--condition-builder__button,
20394
- .c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(2) .c4p--condition-builder__button {
20488
+ .c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(2) .c4p--condition-builder__button:not(.c4p--condition-builder__add-button,
20489
+ .c4p--condition-builder__add-condition-sub-group) {
20395
20490
  /* stylelint-disable-next-line carbon/theme-token-use */
20396
20491
  box-shadow: inset 0 0.125rem 0 0 var(--c4p--condition-builder__condition-wrapper-color);
20397
20492
  }
@@ -20410,6 +20505,32 @@ c4p--condition-builder__item-time {
20410
20505
  margin-left: auto;
20411
20506
  }
20412
20507
 
20508
+ .c4p--condition-builder__add-condition-sub-group-wrapper {
20509
+ z-index: -1;
20510
+ width: 0;
20511
+ margin-left: -50%;
20512
+ opacity: 0;
20513
+ pointer-events: none;
20514
+ transition: all linear 110ms;
20515
+ }
20516
+
20517
+ .c4p--condition-builder__add-condition-sub-group-wrapper--show {
20518
+ z-index: 0;
20519
+ width: auto;
20520
+ margin-left: 0;
20521
+ opacity: 1;
20522
+ pointer-events: all;
20523
+ transition: all linear 110ms;
20524
+ }
20525
+
20526
+ .c4p--condition-builder__invalid-input {
20527
+ display: flex;
20528
+ }
20529
+
20530
+ .c4p--condition-builder__invalid-input > svg {
20531
+ color: var(--cds-support-warning, #f1c21b);
20532
+ }
20533
+
20413
20534
  .c4p--condition-builder__condition-block,
20414
20535
  .c4p--condition-builder__condition-block .c4p--condition-builder__block {
20415
20536
  position: relative;
@@ -20435,7 +20556,8 @@ c4p--condition-builder__item-time {
20435
20556
  }
20436
20557
 
20437
20558
  .c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
20438
- .c4p--condition-builder__connector-button) {
20559
+ .c4p--condition-builder__connector-button,
20560
+ .c4p--condition-builder__add-button) {
20439
20561
  background-color: var(--cds-tag-background-red, #ffd7d9);
20440
20562
  color: var(--cds-tag-color-red, #750e13);
20441
20563
  }
@@ -20454,11 +20576,23 @@ c4p--condition-builder__item-time {
20454
20576
  }
20455
20577
 
20456
20578
  .c4p--condition-builder__group-preview {
20579
+ height: 0;
20580
+ opacity: 0;
20581
+ pointer-events: none;
20582
+ transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
20583
+ }
20584
+ .c4p--condition-builder__group-preview .c4p--condition-builder__preview-condition {
20585
+ display: flex;
20586
+ }
20587
+
20588
+ .c4p--condition-builder__group-preview-animate {
20589
+ height: auto;
20457
20590
  opacity: 0.5;
20458
20591
  pointer-events: none;
20592
+ transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
20459
20593
  }
20460
20594
 
20461
- .c4p--condition-builder__connector-disabled {
20595
+ .c4p--condition-builder__connector--disabled {
20462
20596
  display: flex;
20463
20597
  min-width: 4rem;
20464
20598
  align-items: center;
@@ -20467,6 +20601,10 @@ c4p--condition-builder__item-time {
20467
20601
  padding-inline: 0.5rem;
20468
20602
  }
20469
20603
 
20604
+ .c4p--condition-builder__condition-wrapper > .c4p--condition-builder__condition-block:last-child > .c4p--condition-builder__groupConnector {
20605
+ margin-bottom: 0;
20606
+ }
20607
+
20470
20608
  .c4p--condition-builder {
20471
20609
  padding: 1.5rem;
20472
20610
  }
@@ -20494,7 +20632,7 @@ c4p--condition-builder__item-time {
20494
20632
 
20495
20633
  .c4p--condition-builder__condition-block {
20496
20634
  display: flex;
20497
- width: max-content;
20635
+ width: fit-content;
20498
20636
  flex-direction: row;
20499
20637
  }
20500
20638
 
@@ -20517,6 +20655,11 @@ c4p--condition-builder__item-time {
20517
20655
  margin-top: 0.25rem;
20518
20656
  }
20519
20657
 
20658
+ .c4p--condition-builder__add-group,
20659
+ .c4p--condition-builder__group-separator {
20660
+ width: fit-content;
20661
+ }
20662
+
20520
20663
  /* stylelint-disable carbon/layout-token-use */
20521
20664
  /* stylelint-disable max-nesting-depth */
20522
20665
  .c4p--card__get-started {