@carbon/ibm-products 2.43.2-canary.9 → 2.43.2-canary.92

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (324) hide show
  1. package/css/index-full-carbon.css +427 -139
  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 -5
  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 +247 -101
  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 +348 -125
  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 +129 -53
  68. package/es/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +16 -0
  69. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +32 -7
  70. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +8 -0
  71. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +16 -3
  72. package/es/components/DataSpreadsheet/types/index.d.ts +1 -0
  73. package/es/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
  74. package/es/components/Datagrid/Datagrid/Datagrid.js +4 -9
  75. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  76. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +23 -8
  77. package/es/components/Datagrid/Datagrid/DatagridRow.js +21 -8
  78. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +2 -1
  79. package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -2
  80. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +34 -10
  81. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
  82. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
  83. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -1
  84. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +7 -4
  85. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  86. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +54 -17
  87. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
  88. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +74 -11
  89. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
  90. package/es/components/Datagrid/types/index.d.ts +57 -9
  91. package/es/components/Datagrid/useActionsColumn.d.ts +8 -1
  92. package/es/components/Datagrid/useActionsColumn.js +7 -6
  93. package/es/components/Datagrid/useColumnRightAlign.d.ts +8 -1
  94. package/es/components/Datagrid/useColumnRightAlign.js +4 -3
  95. package/es/components/Datagrid/useCustomizeColumns.d.ts +8 -1
  96. package/es/components/Datagrid/useCustomizeColumns.js +4 -3
  97. package/es/components/Datagrid/useDefaultStringRenderer.js +0 -1
  98. package/es/components/Datagrid/useDisableSelectRows.d.ts +2 -1
  99. package/es/components/Datagrid/useDisableSelectRows.js +27 -22
  100. package/es/components/Datagrid/useInlineEdit.js +12 -2
  101. package/es/components/Datagrid/useNestedRowExpander.js +1 -3
  102. package/es/components/Datagrid/useNestedRows.js +32 -13
  103. package/es/components/Datagrid/useRowExpander.js +1 -3
  104. package/es/components/Datagrid/useSelectRows.js +2 -1
  105. package/es/components/Datagrid/useStickyColumn.d.ts +8 -1
  106. package/es/components/Datagrid/useStickyColumn.js +12 -9
  107. package/es/components/Decorator/Decorator.js +2 -1
  108. package/es/components/DecoratorBase/DecoratorBase.js +3 -5
  109. package/es/components/DecoratorDualButton/DecoratorDualButton.js +2 -1
  110. package/es/components/DecoratorLink/DecoratorLink.js +2 -1
  111. package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +2 -1
  112. package/es/components/EditInPlace/EditInPlace.d.ts +4 -0
  113. package/es/components/EditInPlace/EditInPlace.js +21 -10
  114. package/es/components/EditTearsheet/EditTearsheet.d.ts +7 -2
  115. package/es/components/EditTearsheet/EditTearsheet.js +44 -10
  116. package/es/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
  117. package/es/components/EditTearsheet/EditTearsheetForm.js +3 -0
  118. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
  119. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
  120. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
  121. package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +204 -200
  122. package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +116 -112
  123. package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +110 -106
  124. package/es/components/Nav/NavItem.js +12 -3
  125. package/es/components/OptionsTile/OptionsTile.js +11 -6
  126. package/es/components/PageHeader/PageHeader.js +1 -0
  127. package/es/components/RemoveModal/RemoveModal.d.ts +4 -0
  128. package/es/components/RemoveModal/RemoveModal.js +7 -1
  129. package/es/components/SearchBar/SearchBar.d.ts +1 -1
  130. package/es/components/SearchBar/SearchBar.js +2 -2
  131. package/es/components/SidePanel/SidePanel.js +17 -21
  132. package/es/components/SidePanel/motion/variants.d.ts +4 -6
  133. package/es/components/SidePanel/motion/variants.js +10 -11
  134. package/es/components/StatusIndicator/StatusIndicatorStep.js +87 -0
  135. package/es/components/StringFormatter/StringFormatter.js +14 -3
  136. package/es/components/StringFormatter/utils/enums.d.ts +20 -1
  137. package/es/components/StringFormatter/utils/enums.js +22 -2
  138. package/es/components/Tearsheet/Tearsheet.d.ts +8 -1
  139. package/es/components/Tearsheet/Tearsheet.js +9 -1
  140. package/es/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
  141. package/es/components/Tearsheet/TearsheetNarrow.js +12 -0
  142. package/es/components/Tearsheet/TearsheetShell.d.ts +11 -1
  143. package/es/components/Tearsheet/TearsheetShell.js +28 -7
  144. package/es/components/Toolbar/ToolbarButton.js +1 -1
  145. package/es/components/WebTerminal/WebTerminal.js +10 -12
  146. package/es/components/index.d.ts +1 -1
  147. package/es/global/js/hooks/useFocus.d.ts +1 -0
  148. package/es/global/js/hooks/useFocus.js +5 -2
  149. package/es/global/js/hooks/usePrefersReducedMotion.js +14 -8
  150. package/es/global/js/package-settings.d.ts +1 -1
  151. package/es/global/js/package-settings.js +1 -1
  152. package/es/index.js +1 -0
  153. package/es/node_modules/@carbon/icon-helpers/es/index.js +49 -62
  154. package/es/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1020 -1058
  155. package/es/node_modules/@carbon/icons-react/es/generated/bucket-9.js +881 -758
  156. package/es/settings.d.ts +1 -1
  157. package/lib/components/ActionBar/ActionBarItem.js +1 -1
  158. package/lib/components/Coachmark/Coachmark.d.ts +6 -1
  159. package/lib/components/Coachmark/Coachmark.js +46 -10
  160. package/lib/components/Coachmark/CoachmarkOverlay.js +2 -4
  161. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -7
  162. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +13 -11
  163. package/lib/components/CoachmarkStack/CoachmarkStack.js +7 -3
  164. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +8 -4
  165. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +74 -53
  166. package/lib/components/ConditionBuilder/ConditionBuilder.js +82 -25
  167. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
  168. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +163 -0
  169. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +3 -1
  170. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +28 -11
  171. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +8 -1
  172. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +29 -7
  173. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +12 -7
  174. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +18 -10
  175. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -13
  176. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +73 -60
  177. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +13 -7
  178. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +31 -8
  179. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +8 -2
  180. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +34 -24
  181. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +40 -36
  182. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +40 -36
  183. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +6 -2
  184. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +96 -38
  185. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +3 -1
  186. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +24 -9
  187. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +28 -10
  188. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
  189. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +122 -0
  190. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
  191. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +68 -35
  192. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +5 -1
  193. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +21 -8
  194. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
  195. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +1 -3
  196. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +118 -37
  197. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +3 -1
  198. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +44 -17
  199. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +2 -1
  200. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +137 -39
  201. package/lib/components/ConditionBuilder/utils/useTranslations.d.ts +1 -0
  202. package/lib/components/ConditionBuilder/utils/useTranslations.js +30 -0
  203. package/lib/components/ConditionBuilder/utils/util.d.ts +6 -4
  204. package/lib/components/ConditionBuilder/utils/util.js +44 -16
  205. package/lib/components/CreateFullPage/CreateFullPage.js +2 -2
  206. package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +26 -0
  207. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +129 -53
  208. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +16 -0
  209. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +32 -7
  210. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +8 -0
  211. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +16 -3
  212. package/lib/components/DataSpreadsheet/types/index.d.ts +1 -0
  213. package/lib/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
  214. package/lib/components/Datagrid/Datagrid/Datagrid.js +4 -9
  215. package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  216. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +23 -8
  217. package/lib/components/Datagrid/Datagrid/DatagridRow.js +21 -8
  218. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +2 -1
  219. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -2
  220. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +34 -10
  221. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
  222. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
  223. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -1
  224. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +7 -4
  225. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  226. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +53 -16
  227. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
  228. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +73 -10
  229. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
  230. package/lib/components/Datagrid/types/index.d.ts +57 -9
  231. package/lib/components/Datagrid/useActionsColumn.d.ts +8 -1
  232. package/lib/components/Datagrid/useActionsColumn.js +7 -6
  233. package/lib/components/Datagrid/useColumnRightAlign.d.ts +8 -1
  234. package/lib/components/Datagrid/useColumnRightAlign.js +4 -3
  235. package/lib/components/Datagrid/useCustomizeColumns.d.ts +8 -1
  236. package/lib/components/Datagrid/useCustomizeColumns.js +4 -3
  237. package/lib/components/Datagrid/useDefaultStringRenderer.js +0 -1
  238. package/lib/components/Datagrid/useDisableSelectRows.d.ts +2 -1
  239. package/lib/components/Datagrid/useDisableSelectRows.js +27 -22
  240. package/lib/components/Datagrid/useInlineEdit.js +12 -2
  241. package/lib/components/Datagrid/useNestedRowExpander.js +1 -3
  242. package/lib/components/Datagrid/useNestedRows.js +32 -13
  243. package/lib/components/Datagrid/useRowExpander.js +1 -3
  244. package/lib/components/Datagrid/useSelectRows.js +2 -1
  245. package/lib/components/Datagrid/useStickyColumn.d.ts +8 -1
  246. package/lib/components/Datagrid/useStickyColumn.js +12 -9
  247. package/lib/components/Decorator/Decorator.js +2 -1
  248. package/lib/components/DecoratorBase/DecoratorBase.js +3 -5
  249. package/lib/components/DecoratorDualButton/DecoratorDualButton.js +2 -1
  250. package/lib/components/DecoratorLink/DecoratorLink.js +2 -1
  251. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +2 -1
  252. package/lib/components/EditInPlace/EditInPlace.d.ts +4 -0
  253. package/lib/components/EditInPlace/EditInPlace.js +21 -10
  254. package/lib/components/EditTearsheet/EditTearsheet.d.ts +7 -2
  255. package/lib/components/EditTearsheet/EditTearsheet.js +43 -9
  256. package/lib/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
  257. package/lib/components/EditTearsheet/EditTearsheetForm.js +3 -0
  258. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
  259. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
  260. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
  261. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +204 -200
  262. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +116 -112
  263. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +110 -106
  264. package/lib/components/Nav/NavItem.js +10 -1
  265. package/lib/components/OptionsTile/OptionsTile.js +11 -6
  266. package/lib/components/PageHeader/PageHeader.js +1 -0
  267. package/lib/components/RemoveModal/RemoveModal.d.ts +4 -0
  268. package/lib/components/RemoveModal/RemoveModal.js +7 -1
  269. package/lib/components/SearchBar/SearchBar.d.ts +1 -1
  270. package/lib/components/SearchBar/SearchBar.js +2 -2
  271. package/lib/components/SidePanel/SidePanel.js +16 -20
  272. package/lib/components/SidePanel/motion/variants.d.ts +4 -6
  273. package/lib/components/SidePanel/motion/variants.js +10 -11
  274. package/lib/components/StatusIndicator/StatusIndicatorStep.js +94 -0
  275. package/lib/components/StringFormatter/StringFormatter.js +13 -2
  276. package/lib/components/StringFormatter/utils/enums.d.ts +20 -1
  277. package/lib/components/StringFormatter/utils/enums.js +23 -1
  278. package/lib/components/Tearsheet/Tearsheet.d.ts +8 -1
  279. package/lib/components/Tearsheet/Tearsheet.js +9 -1
  280. package/lib/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
  281. package/lib/components/Tearsheet/TearsheetNarrow.js +12 -0
  282. package/lib/components/Tearsheet/TearsheetShell.d.ts +11 -1
  283. package/lib/components/Tearsheet/TearsheetShell.js +26 -5
  284. package/lib/components/Toolbar/ToolbarButton.js +1 -1
  285. package/lib/components/WebTerminal/WebTerminal.js +10 -12
  286. package/lib/components/index.d.ts +1 -1
  287. package/lib/global/js/hooks/useFocus.d.ts +1 -0
  288. package/lib/global/js/hooks/useFocus.js +5 -1
  289. package/lib/global/js/hooks/usePrefersReducedMotion.js +13 -7
  290. package/lib/global/js/package-settings.d.ts +1 -1
  291. package/lib/global/js/package-settings.js +1 -1
  292. package/lib/index.js +5 -0
  293. package/lib/node_modules/@carbon/icon-helpers/es/index.js +49 -62
  294. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1036 -1074
  295. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +946 -823
  296. package/lib/settings.d.ts +1 -1
  297. package/package.json +9 -8
  298. package/scss/components/Coachmark/_coachmark-overlay.scss +6 -70
  299. package/scss/components/Coachmark/_coachmark.scss +5 -4
  300. package/scss/components/CoachmarkBeacon/_coachmark-beacon.scss +1 -3
  301. package/scss/components/ConditionBuilder/_condition-builder.scss +5 -1
  302. package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +20 -3
  303. package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +32 -3
  304. package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +16 -2
  305. package/scss/components/Datagrid/_datagrid.scss +0 -4
  306. package/scss/components/Datagrid/styles/_useInlineEdit.scss +13 -0
  307. package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +7 -5
  308. package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +5 -4
  309. package/scss/components/HTTPErrors/_http-errors.scss +77 -0
  310. package/scss/components/OptionsTile/_options-tile.scss +6 -6
  311. package/scss/components/SidePanel/_side-panel.scss +1 -1
  312. package/scss/components/StatusIcon/_status-icon.scss +4 -4
  313. package/scss/components/StringFormatter/_string-formatter.scss +2 -2
  314. package/scss/components/UserProfileImage/_user-profile-image.scss +6 -2
  315. package/scss/components/_index-released-only.scss +1 -0
  316. package/telemetry.yml +32 -19
  317. package/es/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
  318. package/es/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -16
  319. package/es/global/js/utils/window.d.ts +0 -2
  320. package/es/global/js/utils/window.js +0 -12
  321. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
  322. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -20
  323. package/lib/global/js/utils/window.d.ts +0 -2
  324. 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;
@@ -3367,7 +3310,7 @@ p.c4p--about-modal__copyright-text:first-child {
3367
3310
  height: 2.5rem;
3368
3311
  }
3369
3312
  .c4p--side-panel .c4p--side-panel__slug-and-close {
3370
- position: fixed;
3313
+ position: absolute;
3371
3314
  z-index: 10; /* must be higher than title container border bottom */
3372
3315
  top: 0;
3373
3316
  right: 0;
@@ -4353,6 +4296,101 @@ p.c4p--about-modal__copyright-text:first-child {
4353
4296
  }
4354
4297
  }
4355
4298
 
4299
+ /* stylelint-disable carbon/theme-token-use */
4300
+ .c4p--http-errors-404__prefix-cls-1 {
4301
+ fill: none;
4302
+ }
4303
+
4304
+ .c4p--http-errors-404__prefix-cls-67 {
4305
+ fill: #697077;
4306
+ }
4307
+
4308
+ .c4p--http-errors-404__prefix-cls-68 {
4309
+ fill: #282828;
4310
+ }
4311
+
4312
+ .c4p--http-errors-404__prefix-cls-69 {
4313
+ fill: #51565c;
4314
+ }
4315
+
4316
+ .c4p--http-errors-404__prefix-cls-70 {
4317
+ fill: #002b50;
4318
+ }
4319
+
4320
+ .c4p--http-errors-404__prefix-cls-71 {
4321
+ fill: #413d3d;
4322
+ }
4323
+
4324
+ .c4p--http-errors-404__prefix-cls-72 {
4325
+ fill: #908b8b;
4326
+ }
4327
+
4328
+ .c4p--http-errors-404__prefix-cls-75 {
4329
+ fill: #a4a4a5;
4330
+ }
4331
+
4332
+ .c4p--http-errors-404__prefix-cls-76 {
4333
+ opacity: 0.15;
4334
+ }
4335
+
4336
+ .c4p--http-errors-403__prefix-cls-1 {
4337
+ fill: none;
4338
+ }
4339
+
4340
+ .c4p--http-errors-403__prefix-cls-80 {
4341
+ mix-blend-mode: multiply;
4342
+ opacity: 0.25;
4343
+ }
4344
+
4345
+ .c4p--http-errors-403__prefix-cls-75 {
4346
+ fill: #595655;
4347
+ }
4348
+
4349
+ .c4p--http-errors-403__prefix-cls-76 {
4350
+ opacity: 0.15;
4351
+ }
4352
+
4353
+ .c4p--http-errors-403__prefix-cls-77 {
4354
+ fill: #373d42;
4355
+ }
4356
+
4357
+ .c4p--http-errors-403__prefix-cls-78 {
4358
+ fill: #002b50;
4359
+ }
4360
+
4361
+ .c4p--http-errors-403__prefix-cls-81 {
4362
+ fill: #2b2828;
4363
+ }
4364
+
4365
+ .c4p--http-errors-other__prefix-cls-1 {
4366
+ fill: none;
4367
+ }
4368
+
4369
+ .c4p--http-errors-other__prefix-cls-69 {
4370
+ fill: #697077;
4371
+ }
4372
+
4373
+ .c4p--http-errors-other__prefix-cls-70 {
4374
+ fill: #282828;
4375
+ }
4376
+
4377
+ .c4p--http-errors-other__prefix-cls-71 {
4378
+ fill: #51565c;
4379
+ }
4380
+
4381
+ .c4p--http-errors-other__prefix-cls-72 {
4382
+ fill: #e0dbda;
4383
+ }
4384
+
4385
+ .c4p--http-errors-other__prefix-cls-73 {
4386
+ fill: #003d73;
4387
+ }
4388
+
4389
+ .c4p--http-errors-other__prefix-cls-75 {
4390
+ opacity: 0.15;
4391
+ }
4392
+
4393
+ /* stylelint-enable */
4356
4394
  .c4p--import-modal .cds--modal-close {
4357
4395
  display: none;
4358
4396
  }
@@ -4947,6 +4985,7 @@ button.c4p--add-select__global-filter-toggle--open {
4947
4985
  --cds-link-inverse: #0f62fe;
4948
4986
  --cds-link-inverse-active: #161616;
4949
4987
  --cds-link-inverse-hover: #0043ce;
4988
+ --cds-link-inverse-visited: #8a3ffc;
4950
4989
  --cds-link-primary: #78a9ff;
4951
4990
  --cds-link-primary-hover: #a6c8ff;
4952
4991
  --cds-link-secondary: #a6c8ff;
@@ -8622,6 +8661,7 @@ button.c4p--add-select__global-filter-toggle--open {
8622
8661
  --cds-link-inverse: #0f62fe;
8623
8662
  --cds-link-inverse-active: #161616;
8624
8663
  --cds-link-inverse-hover: #0043ce;
8664
+ --cds-link-inverse-visited: #8a3ffc;
8625
8665
  --cds-link-primary: #78a9ff;
8626
8666
  --cds-link-primary-hover: #a6c8ff;
8627
8667
  --cds-link-secondary: #a6c8ff;
@@ -9052,6 +9092,7 @@ button.c4p--add-select__global-filter-toggle--open {
9052
9092
  --cds-link-inverse: #0f62fe;
9053
9093
  --cds-link-inverse-active: #161616;
9054
9094
  --cds-link-inverse-hover: #0043ce;
9095
+ --cds-link-inverse-visited: #8a3ffc;
9055
9096
  --cds-link-primary: #78a9ff;
9056
9097
  --cds-link-primary-hover: #a6c8ff;
9057
9098
  --cds-link-secondary: #a6c8ff;
@@ -9767,14 +9808,14 @@ button.c4p--add-select__global-filter-toggle--open {
9767
9808
  overflow: hidden;
9768
9809
  }
9769
9810
 
9770
- .c4p--options-tile:not(.c4p--options-tile--closing) > details[open] .c4p--options-tile__summary,
9811
+ .c4p--options-tile__summary.c4p--options-tile__summary--open:not(.c4p--options-tile__summary--closing),
9771
9812
  .c4p--options-tile__summary--hidden {
9772
9813
  height: 0;
9773
9814
  margin-top: 0;
9774
9815
  opacity: 0;
9775
9816
  }
9776
9817
 
9777
- .c4p--options-tile:not(.c4p--options-tile--closing) > details[open] .c4p--options-tile__chevron {
9818
+ .c4p--options-tile__chevron.c4p--options-tile__chevron--open:not(.c4p--options-tile__chevron--closing) {
9778
9819
  transform: rotate(180deg);
9779
9820
  }
9780
9821
 
@@ -10127,6 +10168,11 @@ button.c4p--add-select__global-filter-toggle--open {
10127
10168
  border: 0.125rem solid var(--cds-background-brand, #0f62fe);
10128
10169
  outline: 0;
10129
10170
  }
10171
+ .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td_custom {
10172
+ align-items: center;
10173
+ justify-content: center;
10174
+ gap: 0.5rem;
10175
+ }
10130
10176
  .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element {
10131
10177
  position: absolute;
10132
10178
  z-index: 2;
@@ -10177,7 +10223,7 @@ button.c4p--add-select__global-filter-toggle--open {
10177
10223
  .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td:hover {
10178
10224
  background-color: var(--cds-background-inverse, #393939);
10179
10225
  }
10180
- .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th {
10226
+ .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) {
10181
10227
  cursor: grab;
10182
10228
  }
10183
10229
  .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header-reorder-active.c4p--data-spreadsheet__th {
@@ -10192,6 +10238,9 @@ button.c4p--add-select__global-filter-toggle--open {
10192
10238
  width: 0.125rem;
10193
10239
  background-color: var(--cds-background-brand, #0f62fe);
10194
10240
  }
10241
+ .c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header-disabledSwapping {
10242
+ cursor: pointer;
10243
+ }
10195
10244
  .c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header,
10196
10245
  .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--active-header.c4p--data-spreadsheet__td {
10197
10246
  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
@@ -10207,7 +10256,7 @@ button.c4p--add-select__global-filter-toggle--open {
10207
10256
  .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td:hover {
10208
10257
  background-color: var(--cds-background-inverse, #393939);
10209
10258
  }
10210
- .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th {
10259
+ .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th:not(.c4p--data-spreadsheet__th--active-header-disabledSwapping) {
10211
10260
  cursor: grab;
10212
10261
  }
10213
10262
  .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header-reorder-active.c4p--data-spreadsheet__th {
@@ -11848,6 +11897,18 @@ th.c4p--datagrid__select-all-toggle-on.button {
11848
11897
  align-items: center;
11849
11898
  }
11850
11899
 
11900
+ .c4p--datagrid__inline-edit--outer-cell-checkbox-focus .cds--checkbox-label::before {
11901
+ outline: 0.125rem solid var(--cds-focus, #0f62fe);
11902
+ outline-offset: 1px;
11903
+ }
11904
+
11905
+ .c4p--datagrid__inline-edit--outer-cell-checkbox {
11906
+ display: flex;
11907
+ height: -webkit-fill-available;
11908
+ justify-content: center;
11909
+ padding-inline: 1rem;
11910
+ }
11911
+
11851
11912
  .c4p--datagrid__static--outer-cell {
11852
11913
  display: flex;
11853
11914
  height: -webkit-fill-available;
@@ -12152,10 +12213,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
12152
12213
  min-width: auto;
12153
12214
  }
12154
12215
 
12155
- .c4p--datagrid .cds--pagination {
12156
- background-color: var(--cds-layer-02, #ffffff);
12157
- }
12158
-
12159
12216
  :root {
12160
12217
  --cds-grid-gutter: 2rem;
12161
12218
  --cds-grid-columns: 4;
@@ -15407,6 +15464,7 @@ a.cds--side-nav__link--current::before {
15407
15464
  --cds-link-inverse: #0f62fe;
15408
15465
  --cds-link-inverse-active: #161616;
15409
15466
  --cds-link-inverse-hover: #0043ce;
15467
+ --cds-link-inverse-visited: #8a3ffc;
15410
15468
  --cds-link-primary: #78a9ff;
15411
15469
  --cds-link-primary-hover: #a6c8ff;
15412
15470
  --cds-link-secondary: #a6c8ff;
@@ -16211,6 +16269,7 @@ a.cds--side-nav__link--current::before {
16211
16269
  --cds-link-inverse: #0f62fe;
16212
16270
  --cds-link-inverse-active: #161616;
16213
16271
  --cds-link-inverse-hover: #0043ce;
16272
+ --cds-link-inverse-visited: #8a3ffc;
16214
16273
  --cds-link-primary: #78a9ff;
16215
16274
  --cds-link-primary-hover: #a6c8ff;
16216
16275
  --cds-link-secondary: #a6c8ff;
@@ -17125,6 +17184,7 @@ a.cds--side-nav__link--current::before {
17125
17184
  --cds-link-inverse: #78a9ff;
17126
17185
  --cds-link-inverse-active: #f4f4f4;
17127
17186
  --cds-link-inverse-hover: #a6c8ff;
17187
+ --cds-link-inverse-visited: #be95ff;
17128
17188
  --cds-link-primary: #0f62fe;
17129
17189
  --cds-link-primary-hover: #0043ce;
17130
17190
  --cds-link-secondary: #0043ce;
@@ -17535,6 +17595,7 @@ a.cds--side-nav__link--current::before {
17535
17595
  --cds-link-inverse: #0f62fe;
17536
17596
  --cds-link-inverse-active: #161616;
17537
17597
  --cds-link-inverse-hover: #0043ce;
17598
+ --cds-link-inverse-visited: #8a3ffc;
17538
17599
  --cds-link-primary: #78a9ff;
17539
17600
  --cds-link-primary-hover: #a6c8ff;
17540
17601
  --cds-link-secondary: #a6c8ff;
@@ -18698,14 +18759,14 @@ a.cds--side-nav__link--current::before {
18698
18759
  .c4p--string-formatter .cds--popover--top .cds--popover-caret,
18699
18760
  .c4p--string-formatter .cds--popover--top-left .cds--popover-caret,
18700
18761
  .c4p--string-formatter .cds--popover--top-right .cds--popover-caret {
18701
- /* stylelint-disable-next-line declaration-no-important */
18762
+ /* stylelint-disable-next-line */
18702
18763
  inset-block-start: -1px !important;
18703
18764
  }
18704
18765
 
18705
18766
  .c4p--string-formatter .cds--popover--bottom .cds--popover-caret,
18706
18767
  .c4p--string-formatter .cds--popover--bottom-left .cds--popover-caret,
18707
18768
  .c4p--string-formatter .cds--popover--bottom-right .cds--popover-caret {
18708
- /* stylelint-disable-next-line declaration-no-important */
18769
+ /* stylelint-disable-next-line */
18709
18770
  inset-block-end: -1px !important;
18710
18771
  }
18711
18772
 
@@ -19485,7 +19546,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19485
19546
  border-radius: 1rem;
19486
19547
  margin: 0.25rem;
19487
19548
  cursor: default;
19488
- max-inline-size: 100%;
19549
+ max-inline-size: 13rem;
19489
19550
  min-block-size: var(--cds-layout-size-height-local);
19490
19551
  min-inline-size: 2rem;
19491
19552
  padding-inline: 0.5rem;
@@ -19525,28 +19586,28 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19525
19586
  .cds--tag.cds--tag--lg:has(.cds--tag__custom-icon) {
19526
19587
  padding-inline-start: 0.5rem;
19527
19588
  }
19589
+ .cds--tag:not(.cds--tag--selectable) {
19590
+ border: 0;
19591
+ }
19528
19592
  .cds--tag:not(:first-child) {
19529
19593
  margin-inline-start: 0;
19530
19594
  }
19531
19595
 
19596
+ .cds--tag--operational > span,
19597
+ .cds--tag--selectable > span,
19532
19598
  .cds--tag__label {
19599
+ display: block;
19533
19600
  overflow: hidden;
19534
- max-inline-size: 100%;
19535
19601
  text-overflow: ellipsis;
19536
19602
  white-space: nowrap;
19537
19603
  }
19538
19604
 
19539
19605
  .cds--tag--interactive:focus {
19540
- box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
19541
- outline: none;
19542
- }
19543
-
19544
- .cds--tag--interactive:hover {
19545
- cursor: pointer;
19606
+ outline: 2px solid var(--cds-focus, #0f62fe);
19607
+ outline-offset: 1px;
19546
19608
  }
19547
19609
 
19548
19610
  .cds--tag--filter {
19549
- cursor: pointer;
19550
19611
  padding-block-end: 0;
19551
19612
  padding-block-start: 0;
19552
19613
  padding-inline-end: 0;
@@ -19555,11 +19616,6 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19555
19616
  outline: none;
19556
19617
  }
19557
19618
 
19558
- .cds--interactive--tag-children {
19559
- display: inline-flex;
19560
- place-items: center;
19561
- }
19562
-
19563
19619
  .cds--tag--selectable {
19564
19620
  border: 1px solid var(--cds-border-inverse, #161616);
19565
19621
  background-color: var(--cds-layer);
@@ -19752,19 +19808,19 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19752
19808
  background-color: var(--cds-background-inverse-hover, #474747);
19753
19809
  }
19754
19810
 
19755
- .cds--tag--outline:not(.cds--tag--operational) {
19811
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
19756
19812
  background-color: var(--cds-background, #ffffff);
19757
19813
  color: var(--cds-text-primary, #161616);
19758
19814
  outline: 1px solid var(--cds-background-inverse, #393939);
19759
19815
  outline-offset: -1px;
19760
19816
  }
19761
- .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational {
19817
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational {
19762
19818
  border: 1px solid var(--cds-background, #ffffff);
19763
19819
  }
19764
- .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational:hover {
19820
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover {
19765
19821
  background-color: var(--cds-layer-hover);
19766
19822
  }
19767
- .cds--tag--outline:not(.cds--tag--operational) .cds--tag__close-icon:hover {
19823
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover {
19768
19824
  background-color: var(--cds-layer-hover);
19769
19825
  }
19770
19826
 
@@ -19961,7 +20017,48 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19961
20017
  }
19962
20018
  }
19963
20019
 
20020
+ .cds--tag-label-tooltip {
20021
+ max-inline-size: -webkit-fill-available;
20022
+ }
20023
+
20024
+ .cds--tag__custom-icon + .cds--tag-label-tooltip {
20025
+ max-inline-size: 11rem;
20026
+ }
20027
+
20028
+ .cds--tag--filter .cds--tag__custom-icon + .cds--tag-label-tooltip {
20029
+ max-inline-size: 9.875rem;
20030
+ }
20031
+
19964
20032
  /* stylelint-enable */
20033
+ .cds--interactive--tag-children {
20034
+ display: inline-flex;
20035
+ max-inline-size: 12.5rem;
20036
+ place-items: center;
20037
+ }
20038
+
20039
+ .cds--tag--filter .cds--tag__custom-icon + span > .cds--interactive--tag-children {
20040
+ max-inline-size: 11.5rem;
20041
+ }
20042
+
20043
+ .cds--tag .cds--definition-term {
20044
+ -webkit-border-after: none;
20045
+ border-block-end: none;
20046
+ cursor: default;
20047
+ max-inline-size: 12rem;
20048
+ }
20049
+
20050
+ .cds--tag .cds--tag__custom-icon + span > .cds--definition-term {
20051
+ max-inline-size: 11rem;
20052
+ }
20053
+
20054
+ .cds--tag > .cds--popover-container {
20055
+ display: flex;
20056
+ }
20057
+
20058
+ .cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled) {
20059
+ pointer-events: none;
20060
+ }
20061
+
19965
20062
  .c4p--condition-builder__condition-wrapper * {
19966
20063
  font-size: var(--cds-body-01-font-size, 0.875rem);
19967
20064
  font-weight: var(--cds-body-01-font-weight, 400);
@@ -19969,7 +20066,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19969
20066
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
19970
20067
  }
19971
20068
 
19972
- .c4p--condition-builder__item__content {
20069
+ .c4p--condition-builder__popover-content-wrapper {
19973
20070
  overflow: auto;
19974
20071
  min-width: 12rem;
19975
20072
  max-width: 20rem;
@@ -20040,7 +20137,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
20040
20137
  .c4p--condition-builder__item-date,
20041
20138
  .c4p--condition-builder__item-text,
20042
20139
  .c4p--condition-builder__item-number,
20043
- c4p--condition-builder__item-time {
20140
+ .c4p--condition-builder__item-time {
20044
20141
  padding-block-end: 1rem;
20045
20142
  padding-inline: 1rem;
20046
20143
  }
@@ -20393,7 +20490,8 @@ c4p--condition-builder__item-time {
20393
20490
  background-color: var(--cds-layer);
20394
20491
  }
20395
20492
  .c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(1) .c4p--condition-builder__button,
20396
- .c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(2) .c4p--condition-builder__button {
20493
+ .c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(2) .c4p--condition-builder__button:not(.c4p--condition-builder__add-button,
20494
+ .c4p--condition-builder__add-condition-sub-group) {
20397
20495
  /* stylelint-disable-next-line carbon/theme-token-use */
20398
20496
  box-shadow: inset 0 0.125rem 0 0 var(--c4p--condition-builder__condition-wrapper-color);
20399
20497
  }
@@ -20412,6 +20510,32 @@ c4p--condition-builder__item-time {
20412
20510
  margin-left: auto;
20413
20511
  }
20414
20512
 
20513
+ .c4p--condition-builder__add-condition-sub-group-wrapper {
20514
+ z-index: -1;
20515
+ width: 0;
20516
+ margin-left: -50%;
20517
+ opacity: 0;
20518
+ pointer-events: none;
20519
+ transition: all linear 110ms;
20520
+ }
20521
+
20522
+ .c4p--condition-builder__add-condition-sub-group-wrapper--show {
20523
+ z-index: 0;
20524
+ width: auto;
20525
+ margin-left: 0;
20526
+ opacity: 1;
20527
+ pointer-events: all;
20528
+ transition: all linear 110ms;
20529
+ }
20530
+
20531
+ .c4p--condition-builder__invalid-input {
20532
+ display: flex;
20533
+ }
20534
+
20535
+ .c4p--condition-builder__invalid-input > svg {
20536
+ color: var(--cds-support-warning, #f1c21b);
20537
+ }
20538
+
20415
20539
  .c4p--condition-builder__condition-block,
20416
20540
  .c4p--condition-builder__condition-block .c4p--condition-builder__block {
20417
20541
  position: relative;
@@ -20437,7 +20561,8 @@ c4p--condition-builder__item-time {
20437
20561
  }
20438
20562
 
20439
20563
  .c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
20440
- .c4p--condition-builder__connector-button) {
20564
+ .c4p--condition-builder__connector-button,
20565
+ .c4p--condition-builder__add-button) {
20441
20566
  background-color: var(--cds-tag-background-red, #ffd7d9);
20442
20567
  color: var(--cds-tag-color-red, #750e13);
20443
20568
  }
@@ -20456,11 +20581,23 @@ c4p--condition-builder__item-time {
20456
20581
  }
20457
20582
 
20458
20583
  .c4p--condition-builder__group-preview {
20584
+ height: 0;
20585
+ opacity: 0;
20586
+ pointer-events: none;
20587
+ transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
20588
+ }
20589
+ .c4p--condition-builder__group-preview .c4p--condition-builder__preview-condition {
20590
+ display: flex;
20591
+ }
20592
+
20593
+ .c4p--condition-builder__group-preview-animate {
20594
+ height: auto;
20459
20595
  opacity: 0.5;
20460
20596
  pointer-events: none;
20597
+ transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
20461
20598
  }
20462
20599
 
20463
- .c4p--condition-builder__connector-disabled {
20600
+ .c4p--condition-builder__connector--disabled {
20464
20601
  display: flex;
20465
20602
  min-width: 4rem;
20466
20603
  align-items: center;
@@ -20469,6 +20606,10 @@ c4p--condition-builder__item-time {
20469
20606
  padding-inline: 0.5rem;
20470
20607
  }
20471
20608
 
20609
+ .c4p--condition-builder__condition-wrapper > .c4p--condition-builder__condition-block:last-child > .c4p--condition-builder__groupConnector {
20610
+ margin-bottom: 0;
20611
+ }
20612
+
20472
20613
  .c4p--condition-builder {
20473
20614
  padding: 1.5rem;
20474
20615
  }
@@ -20496,7 +20637,7 @@ c4p--condition-builder__item-time {
20496
20637
 
20497
20638
  .c4p--condition-builder__condition-block {
20498
20639
  display: flex;
20499
- width: max-content;
20640
+ width: fit-content;
20500
20641
  flex-direction: row;
20501
20642
  }
20502
20643
 
@@ -20519,6 +20660,11 @@ c4p--condition-builder__item-time {
20519
20660
  margin-top: 0.25rem;
20520
20661
  }
20521
20662
 
20663
+ .c4p--condition-builder__add-group,
20664
+ .c4p--condition-builder__group-separator {
20665
+ width: fit-content;
20666
+ }
20667
+
20522
20668
  /* stylelint-disable carbon/layout-token-use */
20523
20669
  /* stylelint-disable max-nesting-depth */
20524
20670
  .c4p--card__get-started {
@@ -21757,6 +21903,7 @@ em {
21757
21903
  --cds-link-inverse: #78a9ff;
21758
21904
  --cds-link-inverse-active: #f4f4f4;
21759
21905
  --cds-link-inverse-hover: #a6c8ff;
21906
+ --cds-link-inverse-visited: #be95ff;
21760
21907
  --cds-link-primary: #0f62fe;
21761
21908
  --cds-link-primary-hover: #0043ce;
21762
21909
  --cds-link-secondary: #0043ce;
@@ -21979,6 +22126,7 @@ em {
21979
22126
  --cds-link-inverse: #78a9ff;
21980
22127
  --cds-link-inverse-active: #f4f4f4;
21981
22128
  --cds-link-inverse-hover: #a6c8ff;
22129
+ --cds-link-inverse-visited: #be95ff;
21982
22130
  --cds-link-primary: #0f62fe;
21983
22131
  --cds-link-primary-hover: #0043ce;
21984
22132
  --cds-link-secondary: #0043ce;
@@ -22201,6 +22349,7 @@ em {
22201
22349
  --cds-link-inverse: #0f62fe;
22202
22350
  --cds-link-inverse-active: #161616;
22203
22351
  --cds-link-inverse-hover: #0043ce;
22352
+ --cds-link-inverse-visited: #8a3ffc;
22204
22353
  --cds-link-primary: #78a9ff;
22205
22354
  --cds-link-primary-hover: #a6c8ff;
22206
22355
  --cds-link-secondary: #a6c8ff;
@@ -22422,6 +22571,7 @@ em {
22422
22571
  --cds-link-inverse: #0f62fe;
22423
22572
  --cds-link-inverse-active: #161616;
22424
22573
  --cds-link-inverse-hover: #0043ce;
22574
+ --cds-link-inverse-visited: #8a3ffc;
22425
22575
  --cds-link-primary: #78a9ff;
22426
22576
  --cds-link-primary-hover: #a6c8ff;
22427
22577
  --cds-link-secondary: #a6c8ff;
@@ -22531,24 +22681,6 @@ em {
22531
22681
  --cds-tag-hover-warm-gray: #696363;
22532
22682
  }
22533
22683
 
22534
- .cds--accordion--flush .cds--accordion__title {
22535
- margin-inline-start: 0;
22536
- }
22537
-
22538
- .cds--accordion--flush .cds--accordion__arrow {
22539
- margin-inline-end: 0;
22540
- }
22541
-
22542
- .cds--accordion--flush .cds--accordion__content {
22543
- padding-inline-start: 0;
22544
- }
22545
-
22546
- .cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:hover::before,
22547
- .cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:focus::before {
22548
- inline-size: calc(100% + 32px);
22549
- inset-inline-start: -1rem;
22550
- }
22551
-
22552
22684
  .cds--accordion {
22553
22685
  --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)));
22554
22686
  --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));
@@ -22572,11 +22704,19 @@ em {
22572
22704
  display: list-item;
22573
22705
  overflow: visible;
22574
22706
  border-block-start: 1px solid var(--cds-border-subtle);
22707
+ transition: border-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
22575
22708
  }
22576
22709
  .cds--accordion__item:last-child {
22577
22710
  border-block-end: 1px solid var(--cds-border-subtle);
22578
22711
  }
22579
22712
 
22713
+ .cds--accordion__item:not(.cds--accordion__item--active):hover, .cds--accordion__item:not(.cds--accordion__item--active):hover + .cds--accordion__item {
22714
+ border-block-start-color: var(--cds-layer-hover);
22715
+ }
22716
+ .cds--accordion__item:not(.cds--accordion__item--active):last-child:hover {
22717
+ border-block-end-color: var(--cds-layer-hover);
22718
+ }
22719
+
22580
22720
  .cds--accordion__heading {
22581
22721
  box-sizing: border-box;
22582
22722
  padding: 0;
@@ -22616,8 +22756,11 @@ em {
22616
22756
  }
22617
22757
  .cds--accordion__heading:hover {
22618
22758
  background-color: var(--cds-layer-hover);
22759
+ outline: none;
22619
22760
  }
22620
22761
  .cds--accordion__heading:focus {
22762
+ position: relative;
22763
+ z-index: 2;
22621
22764
  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);
22622
22765
  outline: none;
22623
22766
  }
@@ -22731,6 +22874,65 @@ li.cds--accordion__item--disabled:last-of-type {
22731
22874
  transform: rotate(-90deg) /*rtl:ignore*/;
22732
22875
  }
22733
22876
 
22877
+ .cds--accordion--flush .cds--accordion__item {
22878
+ position: relative;
22879
+ border-color: transparent;
22880
+ }
22881
+ .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 {
22882
+ border-color: transparent;
22883
+ }
22884
+ .cds--accordion--flush .cds--accordion__item::before, .cds--accordion--flush .cds--accordion__item::after {
22885
+ position: absolute;
22886
+ display: block;
22887
+ block-size: 1px;
22888
+ content: "";
22889
+ inline-size: calc(100% - 1rem - 1rem);
22890
+ margin-inline-start: 1rem;
22891
+ transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
22892
+ }
22893
+ @media screen and (prefers-reduced-motion: reduce) {
22894
+ .cds--accordion--flush .cds--accordion__item::before, .cds--accordion--flush .cds--accordion__item::after {
22895
+ transition: none;
22896
+ }
22897
+ }
22898
+ .cds--accordion--flush .cds--accordion__item::before {
22899
+ background: var(--cds-border-subtle);
22900
+ inset-block-start: -1px;
22901
+ }
22902
+ .cds--accordion--flush .cds--accordion__item:last-child::after {
22903
+ background: var(--cds-border-subtle);
22904
+ inset-block-end: -1px;
22905
+ }
22906
+
22907
+ .cds--accordion--flush .cds--accordion__heading:hover {
22908
+ position: relative;
22909
+ z-index: 1;
22910
+ }
22911
+ .cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
22912
+ position: absolute;
22913
+ display: block;
22914
+ background: var(--cds-layer-hover);
22915
+ block-size: 1px;
22916
+ content: "";
22917
+ inline-size: 100%;
22918
+ inset-inline-start: 0;
22919
+ transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
22920
+ }
22921
+ @media screen and (prefers-reduced-motion: reduce) {
22922
+ .cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
22923
+ transition: none;
22924
+ }
22925
+ }
22926
+ .cds--accordion--flush .cds--accordion__heading:hover::before {
22927
+ inset-block-start: -1px;
22928
+ }
22929
+ .cds--accordion--flush .cds--accordion__heading:hover::after {
22930
+ inset-block-end: -1px;
22931
+ }
22932
+ .cds--accordion--flush .cds--accordion__heading:hover:focus::after, .cds--accordion--flush .cds--accordion__heading:hover:focus::before {
22933
+ background: none;
22934
+ }
22935
+
22734
22936
  .cds--accordion.cds--skeleton .cds--accordion__heading,
22735
22937
  .cds--accordion.cds--skeleton .cds--accordion__button {
22736
22938
  cursor: default;
@@ -22747,7 +22949,8 @@ li.cds--accordion__item--disabled:last-of-type {
22747
22949
  outline: none;
22748
22950
  }
22749
22951
 
22750
- .cds--accordion.cds--skeleton .cds--accordion__heading:hover::before {
22952
+ .cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,
22953
+ .cds--accordion.cds--skeleton .cds--accordion__heading:hover {
22751
22954
  background-color: transparent;
22752
22955
  }
22753
22956
 
@@ -22765,6 +22968,10 @@ li.cds--accordion__item--disabled:last-of-type {
22765
22968
  margin-block-end: 0;
22766
22969
  }
22767
22970
 
22971
+ .cds--accordion.cds--skeleton .cds--accordion__title {
22972
+ margin-inline-start: 1rem;
22973
+ }
22974
+
22768
22975
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
22769
22976
  .cds--accordion__arrow,
22770
22977
  .cds--accordion__item--active .cds--accordion__arrow {
@@ -25238,6 +25445,26 @@ fieldset[disabled] .cds--form__helper-text {
25238
25445
  margin-block-start: -0.0625rem;
25239
25446
  }
25240
25447
 
25448
+ .cds--checkbox-group--horizontal {
25449
+ position: relative;
25450
+ display: flex;
25451
+ flex-flow: row wrap;
25452
+ justify-content: flex-start;
25453
+ }
25454
+ .cds--checkbox-group--horizontal .cds--form-item {
25455
+ flex: none;
25456
+ margin-block-end: 0;
25457
+ }
25458
+ .cds--checkbox-group--horizontal .cds--form-item:not(:last-of-type) {
25459
+ margin-inline-end: 1rem;
25460
+ }
25461
+ .cds--checkbox-group--horizontal .cds--checkbox-label-text {
25462
+ padding-inline-start: 0.5rem;
25463
+ }
25464
+ .cds--checkbox-group--horizontal .cds--label + .cds--form-item.cds--checkbox-wrapper {
25465
+ margin-block-start: 0;
25466
+ }
25467
+
25241
25468
  .cds--copy-btn {
25242
25469
  position: relative;
25243
25470
  display: flex;
@@ -27675,17 +27902,11 @@ fieldset[disabled] .cds--form__helper-text {
27675
27902
  outline-style: dotted;
27676
27903
  }
27677
27904
  }
27678
- .cds--menu-item svg {
27679
- color: var(--cds-icon-secondary, #525252);
27680
- }
27681
27905
 
27682
27906
  .cds--menu-item:hover {
27683
27907
  background-color: var(--cds-layer-hover);
27684
27908
  color: var(--cds-text-primary, #161616);
27685
27909
  }
27686
- .cds--menu-item:hover svg {
27687
- color: var(--cds-icon-primary, #161616);
27688
- }
27689
27910
 
27690
27911
  .cds--menu--xs .cds--menu-item {
27691
27912
  block-size: 1.5rem;
@@ -33737,13 +33958,15 @@ button.cds--dropdown-text:focus {
33737
33958
  }
33738
33959
 
33739
33960
  .cds--multi-select--filterable--input-focused,
33740
- .cds--multi-select .cds--list-box__field--wrapper--input-focused {
33961
+ .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),
33962
+ .cds--multi-select.cds--multi-select--selected .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {
33741
33963
  outline: 2px solid var(--cds-focus, #0f62fe);
33742
33964
  outline-offset: -2px;
33743
33965
  }
33744
33966
  @media screen and (prefers-contrast) {
33745
33967
  .cds--multi-select--filterable--input-focused,
33746
- .cds--multi-select .cds--list-box__field--wrapper--input-focused {
33968
+ .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),
33969
+ .cds--multi-select.cds--multi-select--selected .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {
33747
33970
  outline-style: dotted;
33748
33971
  }
33749
33972
  }
@@ -35191,6 +35414,11 @@ optgroup.cds--select-optgroup:disabled,
35191
35414
  position: relative;
35192
35415
  display: flex;
35193
35416
  inline-size: 100%;
35417
+ max-inline-size: 100%;
35418
+ }
35419
+
35420
+ .cds--text-area__wrapper--cols {
35421
+ inline-size: auto;
35194
35422
  }
35195
35423
 
35196
35424
  .cds--text-area__invalid-icon {
@@ -35609,6 +35837,22 @@ optgroup.cds--select-optgroup:disabled,
35609
35837
  inset-inline-end: 1rem;
35610
35838
  }
35611
35839
 
35840
+ .cds--text-input--fluid .cds--toggle-password-tooltip {
35841
+ outline: 2px solid transparent;
35842
+ outline-offset: -2px;
35843
+ position: absolute;
35844
+ block-size: 4rem;
35845
+ cursor: pointer;
35846
+ inline-size: 3rem;
35847
+ inset-block-start: 0;
35848
+ inset-inline-end: 0;
35849
+ transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
35850
+ }
35851
+
35852
+ .cds--text-input--fluid .cds--toggle-password-tooltip .cds--popover {
35853
+ inset-inline-start: 0;
35854
+ }
35855
+
35612
35856
  .cds--text-input--fluid .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
35613
35857
  block-size: 2rem;
35614
35858
  inline-size: 2rem;
@@ -36344,7 +36588,7 @@ optgroup.cds--select-optgroup:disabled,
36344
36588
  }
36345
36589
 
36346
36590
  .cds--modal-scroll-content > *:last-child {
36347
- padding-block-end: 1.5rem;
36591
+ margin-block-end: 1.5rem;
36348
36592
  }
36349
36593
 
36350
36594
  .cds--modal-footer {
@@ -37721,6 +37965,10 @@ optgroup.cds--select-optgroup:disabled,
37721
37965
  margin-inline-start: 1rem;
37722
37966
  }
37723
37967
 
37968
+ .cds--pagination__right .cds--pagination__text.cds--pagination__page-text.cds--pagination__unknown-pages-text {
37969
+ margin-inline-end: 1rem;
37970
+ }
37971
+
37724
37972
  .cds--pagination__right .cds--pagination__text:empty {
37725
37973
  margin: 0;
37726
37974
  }
@@ -38967,7 +39215,6 @@ span.cds--pagination__text.cds--pagination__items-count {
38967
39215
  transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
38968
39216
  }
38969
39217
  .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {
38970
- inset-inline-end: 0;
38971
39218
  inset-inline-start: revert;
38972
39219
  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
38973
39220
  }
@@ -38989,7 +39236,6 @@ span.cds--pagination__text.cds--pagination__items-count {
38989
39236
  transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
38990
39237
  }
38991
39238
  .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {
38992
- inset-inline-start: 0;
38993
39239
  transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
38994
39240
  }
38995
39241
 
@@ -39283,6 +39529,10 @@ span.cds--pagination__text.cds--pagination__items-count {
39283
39529
  inset-inline-start: 100%;
39284
39530
  }
39285
39531
 
39532
+ .cds--popover-container.cds--slider__thumb-wrapper {
39533
+ position: absolute;
39534
+ }
39535
+
39286
39536
  /* stylelint-disable */
39287
39537
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
39288
39538
  .cds--slider__thumb {
@@ -39366,8 +39616,8 @@ span.cds--pagination__text.cds--pagination__items-count {
39366
39616
  .cds--toggletip-content {
39367
39617
  --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
39368
39618
  --cds-link-text-color: var(--cds-link-inverse, #78a9ff);
39369
- --cds-link-hover-text-color: var(--cds-link-inverse, #78a9ff);
39370
- --cds-link-visited-text-color: var(--cds-link-inverse, #78a9ff);
39619
+ --cds-link-hover-text-color: var(--cds-link-inverse-hover, #a6c8ff);
39620
+ --cds-link-visited-text-color: var(--cds-link-inverse-visited, #be95ff);
39371
39621
  --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
39372
39622
  font-size: var(--cds-body-01-font-size, 0.875rem);
39373
39623
  font-weight: var(--cds-body-01-font-weight, 400);
@@ -40177,6 +40427,7 @@ span.cds--pagination__text.cds--pagination__items-count {
40177
40427
 
40178
40428
  .cds--structured-list-svg {
40179
40429
  display: inline-block;
40430
+ margin-block-start: 0.125rem;
40180
40431
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
40181
40432
  vertical-align: top;
40182
40433
  }
@@ -40190,6 +40441,11 @@ span.cds--pagination__text.cds--pagination__items-count {
40190
40441
  fill: transparent;
40191
40442
  }
40192
40443
 
40444
+ .cds--structured-list--selection .cds--structured-list-td:last-child {
40445
+ inline-size: 2rem;
40446
+ padding-inline-start: 0;
40447
+ }
40448
+
40193
40449
  .cds--structured-list.cds--skeleton .cds--structured-list-th:first-child {
40194
40450
  inline-size: 8%;
40195
40451
  }
@@ -40243,6 +40499,16 @@ span.cds--pagination__text.cds--pagination__items-count {
40243
40499
  }
40244
40500
  }
40245
40501
 
40502
+ .cds--structured-list__icon {
40503
+ margin-block-start: 0.125rem;
40504
+ vertical-align: top;
40505
+ }
40506
+
40507
+ .cds--structured-list--selection .cds--structured-list-td:first-child:has(.cds--structured-list__icon) {
40508
+ inline-size: 2rem;
40509
+ padding-inline-end: 0;
40510
+ }
40511
+
40246
40512
  .cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list {
40247
40513
  display: grid;
40248
40514
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
@@ -40375,6 +40641,7 @@ span.cds--pagination__text.cds--pagination__items-count {
40375
40641
  inline-size: 3rem;
40376
40642
  }
40377
40643
  .cds--tabs .cds--tab--overflow-nav-button svg {
40644
+ z-index: 2;
40378
40645
  fill: var(--cds-icon-primary, #161616);
40379
40646
  }
40380
40647
  .cds--tabs .cds--tab--overflow-nav-button--next {
@@ -40404,14 +40671,14 @@ span.cds--pagination__text.cds--pagination__items-count {
40404
40671
  .cds--tabs .cds--tab--overflow-nav-button--previous::before {
40405
40672
  position: absolute;
40406
40673
  z-index: 1;
40407
- background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
40674
+ background: var(--cds-background, #ffffff);
40408
40675
  block-size: 100%;
40409
40676
  content: "";
40410
- inline-size: 0.5rem;
40411
- inset-inline-end: -0.5rem;
40677
+ inline-size: 2.5rem;
40678
+ inset-inline-end: 0;
40412
40679
  }
40413
40680
  .cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--previous::before {
40414
- background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));
40681
+ background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));
40415
40682
  }
40416
40683
  .cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left {
40417
40684
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer));
@@ -41096,6 +41363,7 @@ span.cds--pagination__text.cds--pagination__items-count {
41096
41363
  }
41097
41364
 
41098
41365
  .cds--tile--expandable.cds--tile--expandable--interactive {
41366
+ border: none;
41099
41367
  cursor: default;
41100
41368
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
41101
41369
  }
@@ -41218,6 +41486,15 @@ span.cds--pagination__text.cds--pagination__items-count {
41218
41486
  inset-inline-end: 2.5rem;
41219
41487
  }
41220
41488
 
41489
+ .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug {
41490
+ inset-inline-end: 1rem;
41491
+ transition: inset-inline-end 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
41492
+ }
41493
+
41494
+ .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug {
41495
+ inset-inline-end: 2.5rem;
41496
+ }
41497
+
41221
41498
  .cds--tile.cds--tile--clickable > .cds--slug {
41222
41499
  pointer-events: none;
41223
41500
  }
@@ -41258,7 +41535,8 @@ span.cds--pagination__text.cds--pagination__items-count {
41258
41535
  }
41259
41536
 
41260
41537
  .cds--tile--slug.cds--tile--selectable:focus,
41261
- .cds--tile--slug.cds--tile--clickable:focus {
41538
+ .cds--tile--slug.cds--tile--clickable:focus,
41539
+ .cds--tile-input:focus + .cds--tile--slug.cds--tile {
41262
41540
  outline-offset: -1px;
41263
41541
  }
41264
41542
 
@@ -41282,10 +41560,20 @@ span.cds--pagination__text.cds--pagination__items-count {
41282
41560
  .cds--tile--slug.cds--tile--selectable .cds--tile-content,
41283
41561
  .cds--tile--slug.cds--tile--clickable .cds--tile-content {
41284
41562
  position: relative;
41285
- z-index: 1;
41286
41563
  cursor: pointer;
41287
41564
  }
41288
41565
 
41566
+ .cds--tile--slug.cds--tile--selectable .cds--tile-content,
41567
+ .cds--tile--slug.cds--tile--clickable .cds--tile-content,
41568
+ .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
41569
+ .cds--tile--slug.cds--tile--is-selected .cds--slug {
41570
+ z-index: 1;
41571
+ }
41572
+
41573
+ .cds--tile--slug.cds--tile--selectable .cds--slug:has(> .cds--popover--open) {
41574
+ z-index: 2;
41575
+ }
41576
+
41289
41577
  .cds--tile--slug.cds--tile--selectable > .cds--slug,
41290
41578
  .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark {
41291
41579
  z-index: 1;