@carbon/ibm-products 2.89.0 → 2.90.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (919) hide show
  1. package/css/carbon.css +374 -417
  2. package/css/carbon.css.map +1 -1
  3. package/css/index-full-carbon.css +496 -430
  4. package/css/index-full-carbon.css.map +1 -1
  5. package/css/index-full-carbon.min.css +1 -1
  6. package/css/index-full-carbon.min.css.map +1 -1
  7. package/css/index-without-carbon-released-only.css +117 -13
  8. package/css/index-without-carbon-released-only.css.map +1 -1
  9. package/css/index-without-carbon-released-only.min.css +1 -1
  10. package/css/index-without-carbon-released-only.min.css.map +1 -1
  11. package/css/index-without-carbon.css +143 -13
  12. package/css/index-without-carbon.css.map +1 -1
  13. package/css/index-without-carbon.min.css +1 -1
  14. package/css/index-without-carbon.min.css.map +1 -1
  15. package/css/index.css +359 -283
  16. package/css/index.css.map +1 -1
  17. package/css/index.min.css +1 -1
  18. package/css/index.min.css.map +1 -1
  19. package/es/_virtual/_rolldown/runtime.js +13 -22
  20. package/es/components/APIKeyModal/APIKeyDownloader.js +19 -3
  21. package/es/components/APIKeyModal/APIKeyModal.js +161 -3
  22. package/es/components/AboutModal/AboutModal.js +44 -3
  23. package/es/components/ActionBar/ActionBar.js +41 -3
  24. package/es/components/ActionBar/ActionBarItem.js +30 -3
  25. package/es/components/ActionBar/ActionBarOverflowItems.js +20 -3
  26. package/es/components/ActionSet/ActionSet.js +35 -3
  27. package/es/components/AddSelect/AddSelect.js +7 -3
  28. package/es/components/AddSelect/AddSelectBody.js +3 -3
  29. package/es/components/AddSelect/AddSelectBreadcrumbs.js +1 -3
  30. package/es/components/AddSelect/AddSelectColumn.js +2 -4
  31. package/es/components/AddSelect/AddSelectFilter.js +1 -3
  32. package/es/components/AddSelect/AddSelectFormControl.js +1 -3
  33. package/es/components/AddSelect/AddSelectList.js +1 -3
  34. package/es/components/AddSelect/AddSelectMetaPanel.js +1 -3
  35. package/es/components/AddSelect/AddSelectRow.js +1 -3
  36. package/es/components/AddSelect/AddSelectSidebar.js +1 -3
  37. package/es/components/AddSelect/AddSelectSort.js +1 -3
  38. package/es/components/AddSelect/add-select-utils.js +1 -2
  39. package/es/components/AddSelect/hooks/useFocus.js +1 -3
  40. package/es/components/AddSelect/hooks/useItemSort.js +1 -3
  41. package/es/components/AddSelect/hooks/useParentSelect.js +1 -3
  42. package/es/components/AddSelect/hooks/usePath.js +1 -3
  43. package/es/components/BigNumber/BigNumber.js +52 -6
  44. package/es/components/BigNumber/BigNumberSkeleton.js +12 -9
  45. package/es/components/BigNumber/constants.js +1 -19
  46. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +37 -3
  47. package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +28 -4
  48. package/es/components/Card/Card.js +20 -3
  49. package/es/components/Card/CardFooter.js +1 -3
  50. package/es/components/Card/CardHeader.js +12 -3
  51. package/es/components/Carousel/Carousel.js +33 -3
  52. package/es/components/Carousel/CarouselItem.js +7 -3
  53. package/es/components/Cascade/Cascade.js +12 -3
  54. package/es/components/Checklist/Checklist.js +65 -11
  55. package/es/components/Checklist/ChecklistChart.js +13 -7
  56. package/es/components/Checklist/ChecklistIcon.js +17 -11
  57. package/es/components/Coachmark/Coachmark.js +60 -6
  58. package/es/components/Coachmark/CoachmarkDragbar.js +17 -3
  59. package/es/components/Coachmark/CoachmarkHeader.js +13 -3
  60. package/es/components/Coachmark/CoachmarkOverlay.js +24 -6
  61. package/es/components/Coachmark/CoachmarkTagline.js +13 -3
  62. package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts +5 -1
  63. package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts.map +1 -1
  64. package/es/components/Coachmark/next/Coachmark/Coachmark.js +56 -9
  65. package/es/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.js +17 -3
  66. package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js +8 -3
  67. package/es/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js +18 -3
  68. package/es/components/Coachmark/next/Coachmark/ContentBody.js +8 -3
  69. package/es/components/Coachmark/next/Coachmark/ContentHeader.js +13 -3
  70. package/es/components/Coachmark/next/Coachmark/context.js +1 -3
  71. package/es/components/Coachmark/utils/constants.js +15 -23
  72. package/es/components/Coachmark/utils/context.js +1 -3
  73. package/es/components/Coachmark/utils/enums.js +1 -2
  74. package/es/components/Coachmark/utils/hooks.js +3 -5
  75. package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +17 -3
  76. package/es/components/CoachmarkButton/CoachmarkButton.js +7 -3
  77. package/es/components/CoachmarkFixed/CoachmarkFixed.js +31 -5
  78. package/es/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +14 -3
  79. package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +33 -3
  80. package/es/components/CoachmarkStack/CoachmarkStack.js +43 -5
  81. package/es/components/CoachmarkStack/CoachmarkStackHome.js +41 -3
  82. package/es/components/ComboButton/ComboButton.js +5 -3
  83. package/es/components/ComboButton/ComboButtonItem/index.js +5 -3
  84. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +48 -5
  85. package/es/components/ConditionBuilder/ConditionBuilder.d.ts.map +1 -1
  86. package/es/components/ConditionBuilder/ConditionBuilder.js +65 -4
  87. package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +13 -0
  88. package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts.map +1 -1
  89. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts.map +1 -1
  90. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +15 -5
  91. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +29 -3
  92. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +39 -3
  93. package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +12 -5
  94. package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +1 -3
  95. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map +1 -1
  96. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +37 -15
  97. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts.map +1 -1
  98. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +35 -3
  99. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +1 -2
  100. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +37 -3
  101. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +10 -3
  102. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +10 -3
  103. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +10 -3
  104. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +10 -3
  105. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +13 -3
  106. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +10 -3
  107. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts.map +1 -1
  108. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +29 -7
  109. package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +10 -3
  110. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +6 -8
  111. package/es/components/ConditionBuilder/utils/useDataConfigs.js +1 -3
  112. package/es/components/ConditionBuilder/utils/useEvent.js +1 -3
  113. package/es/components/ConditionBuilder/utils/useTranslations.js +1 -3
  114. package/es/components/ConditionBuilder/utils/util.js +1 -3
  115. package/es/components/CreateFullPage/CreateFullPage.js +79 -3
  116. package/es/components/CreateFullPage/CreateFullPageStep.js +51 -3
  117. package/es/components/CreateInfluencer/CreateInfluencer.js +16 -3
  118. package/es/components/CreateModal/CreateModal.js +43 -3
  119. package/es/components/CreateSidePanel/CreateSidePanel.js +59 -3
  120. package/es/components/CreateTearsheet/CreateTearsheet.js +82 -4
  121. package/es/components/CreateTearsheet/CreateTearsheetDivider.js +6 -4
  122. package/es/components/CreateTearsheet/CreateTearsheetStep.js +72 -3
  123. package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +56 -3
  124. package/es/components/DataSpreadsheet/DataSpreadsheet.js +61 -3
  125. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +115 -3
  126. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +76 -3
  127. package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js +1 -3
  128. package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +1 -3
  129. package/es/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +1 -3
  130. package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +1 -3
  131. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +1 -3
  132. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +1 -3
  133. package/es/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +1 -3
  134. package/es/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +1 -3
  135. package/es/components/DataSpreadsheet/utils/checkForHoldingKey.js +1 -2
  136. package/es/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +1 -3
  137. package/es/components/DataSpreadsheet/utils/commonEventHandlers.js +1 -3
  138. package/es/components/DataSpreadsheet/utils/createActiveCellFn.js +1 -3
  139. package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +1 -3
  140. package/es/components/DataSpreadsheet/utils/getCellSize.js +1 -3
  141. package/es/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +1 -2
  142. package/es/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +1 -3
  143. package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +1 -3
  144. package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +1 -3
  145. package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +1 -3
  146. package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +1 -3
  147. package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +1 -3
  148. package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +1 -3
  149. package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +1 -3
  150. package/es/components/DataSpreadsheet/utils/removeCellSelections.js +1 -3
  151. package/es/components/DataSpreadsheet/utils/selectAllCells.js +1 -3
  152. package/es/components/Datagrid/Datagrid/Datagrid.js +9 -3
  153. package/es/components/Datagrid/Datagrid/DatagridBody.js +1 -3
  154. package/es/components/Datagrid/Datagrid/DatagridContent.js +3 -5
  155. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -3
  156. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +1 -3
  157. package/es/components/Datagrid/Datagrid/DatagridHead.js +1 -3
  158. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -5
  159. package/es/components/Datagrid/Datagrid/DatagridRefBody.js +1 -3
  160. package/es/components/Datagrid/Datagrid/DatagridRow.js +3 -5
  161. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +1 -3
  162. package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +1 -3
  163. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -3
  164. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +1 -3
  165. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -3
  166. package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -3
  167. package/es/components/Datagrid/Datagrid/addons/AiLabel/DatagridAiLabel.js +6 -4
  168. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +1 -3
  169. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +1 -3
  170. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +1 -3
  171. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -3
  172. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +1 -3
  173. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -3
  174. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -2
  175. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +43 -3
  176. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +19 -14
  177. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +8 -10
  178. package/es/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +1 -3
  179. package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +1 -2
  180. package/es/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +1 -2
  181. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -3
  182. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +9 -11
  183. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -3
  184. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -3
  185. package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +10 -12
  186. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -3
  187. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +1 -3
  188. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +1 -3
  189. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +1 -2
  190. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +1 -3
  191. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +1 -2
  192. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +1 -3
  193. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +1 -3
  194. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -3
  195. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -3
  196. package/es/components/Datagrid/Datagrid/addons/stateReducer.js +1 -3
  197. package/es/components/Datagrid/common-column-ids.js +1 -2
  198. package/es/components/Datagrid/useActionsColumn.js +1 -3
  199. package/es/components/Datagrid/useColumnCenterAlign.js +1 -3
  200. package/es/components/Datagrid/useColumnOrder.js +1 -3
  201. package/es/components/Datagrid/useColumnRightAlign.js +1 -3
  202. package/es/components/Datagrid/useCustomizeColumns.js +1 -3
  203. package/es/components/Datagrid/useDatagrid.js +1 -3
  204. package/es/components/Datagrid/useDefaultStringRenderer.js +1 -3
  205. package/es/components/Datagrid/useDisableSelectRows.js +1 -2
  206. package/es/components/Datagrid/useEditableCell.js +1 -3
  207. package/es/components/Datagrid/useExpandedRow.js +1 -3
  208. package/es/components/Datagrid/useFiltering.js +1 -3
  209. package/es/components/Datagrid/useFlexResize.js +1 -3
  210. package/es/components/Datagrid/useFloatingScroll.js +1 -3
  211. package/es/components/Datagrid/useFocusRowExpander.js +1 -3
  212. package/es/components/Datagrid/useInfiniteScroll.js +1 -3
  213. package/es/components/Datagrid/useInitialColumnSort.js +1 -3
  214. package/es/components/Datagrid/useInlineEdit.js +1 -3
  215. package/es/components/Datagrid/useNestedRowExpander.js +1 -3
  216. package/es/components/Datagrid/useNestedRows.js +1 -3
  217. package/es/components/Datagrid/useOnRowClick.js +1 -3
  218. package/es/components/Datagrid/useParentDimensions.js +1 -3
  219. package/es/components/Datagrid/useResizeTable.js +1 -3
  220. package/es/components/Datagrid/useRowExpander.js +1 -3
  221. package/es/components/Datagrid/useRowIsMouseOver.js +1 -3
  222. package/es/components/Datagrid/useRowRenderer.js +1 -3
  223. package/es/components/Datagrid/useRowSize.js +1 -3
  224. package/es/components/Datagrid/useSelectAllToggle.js +4 -6
  225. package/es/components/Datagrid/useSelectRows.js +1 -3
  226. package/es/components/Datagrid/useSkeletonRows.js +1 -2
  227. package/es/components/Datagrid/useSortableColumns.js +1 -3
  228. package/es/components/Datagrid/useStickyColumn.js +1 -3
  229. package/es/components/Datagrid/utils/getAutoSizedColumnWidth.js +1 -2
  230. package/es/components/Decorator/Decorator.js +55 -3
  231. package/es/components/DecoratorBase/DecoratorBase.js +4 -3
  232. package/es/components/DecoratorBase/DecoratorIcon.js +10 -3
  233. package/es/components/DecoratorBase/utils.js +1 -2
  234. package/es/components/DecoratorDualButton/DecoratorDualButton.js +74 -3
  235. package/es/components/DecoratorLink/DecoratorLink.js +66 -3
  236. package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +66 -3
  237. package/es/components/DelimitedList/DelimitedList.js +13 -3
  238. package/es/components/DescriptionList/DescriptionList.js +5 -3
  239. package/es/components/DescriptionList/DescriptionListBody.js +3 -3
  240. package/es/components/DescriptionList/DescriptionListCell.js +3 -3
  241. package/es/components/DescriptionList/DescriptionListRow.js +3 -3
  242. package/es/components/DescriptionList/constants.js +1 -2
  243. package/es/components/EditFullPage/EditFullPage.js +7 -3
  244. package/es/components/EditInPlace/EditInPlace.d.ts.map +1 -1
  245. package/es/components/EditInPlace/EditInPlace.js +136 -28
  246. package/es/components/EditSidePanel/EditSidePanel.js +66 -3
  247. package/es/components/EditTearsheet/EditTearsheet.js +53 -3
  248. package/es/components/EditTearsheet/EditTearsheetForm.js +33 -3
  249. package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +7 -3
  250. package/es/components/EditUpdateCards/EditUpdateCards.js +70 -3
  251. package/es/components/EmptyStates/EmptyState.js +41 -9
  252. package/es/components/EmptyStates/EmptyStateContent.js +21 -3
  253. package/es/components/EmptyStates/EmptyStateIllustration.deprecated.js +1 -3
  254. package/es/components/EmptyStates/EmptyStateV2.deprecated.js +39 -3
  255. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +37 -3
  256. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +37 -3
  257. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +37 -3
  258. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +37 -3
  259. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +37 -3
  260. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +37 -3
  261. package/es/components/EmptyStates/assets/ErrorIllustration.js +1 -3
  262. package/es/components/EmptyStates/assets/NoDataIllustration.js +1 -3
  263. package/es/components/EmptyStates/assets/NoTagsIllustration.js +1 -3
  264. package/es/components/EmptyStates/assets/NotFoundIllustration.js +1 -3
  265. package/es/components/EmptyStates/assets/NotificationsIllustration.js +1 -3
  266. package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +1 -3
  267. package/es/components/ExportModal/ExportModal.js +80 -3
  268. package/es/components/ExpressiveCard/ExpressiveCard.js +76 -3
  269. package/es/components/FeatureFlags/index.js +4 -3
  270. package/es/components/FilterPanel/FilterPanel.js +10 -3
  271. package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +19 -3
  272. package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +22 -3
  273. package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +16 -3
  274. package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +34 -3
  275. package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +16 -3
  276. package/es/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +13 -3
  277. package/es/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +13 -4
  278. package/es/components/FilterSummary/FilterSummary.js +2 -3
  279. package/es/components/FullPageError/FullPageError.js +20 -3
  280. package/es/components/FullPageError/assets/Error403SVG.js +1 -3
  281. package/es/components/FullPageError/assets/Error404SVG.js +1 -3
  282. package/es/components/FullPageError/assets/ErrorGenericSVG.js +1 -3
  283. package/es/components/GetStartedCard/GetStartedCard.js +37 -3
  284. package/es/components/Guidebanner/Guidebanner.js +49 -5
  285. package/es/components/Guidebanner/GuidebannerElement.js +14 -3
  286. package/es/components/Guidebanner/GuidebannerElementButton.js +11 -3
  287. package/es/components/Guidebanner/GuidebannerElementLink.js +7 -3
  288. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +23 -3
  289. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +23 -3
  290. package/es/components/HTTPErrors/HTTPErrorContent.js +19 -3
  291. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +23 -3
  292. package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +1 -3
  293. package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +1 -3
  294. package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +1 -3
  295. package/es/components/ImportModal/ImportModal.js +88 -3
  296. package/es/components/InlineTip/InlineTip.js +56 -3
  297. package/es/components/InlineTip/InlineTipButton.js +7 -3
  298. package/es/components/InlineTip/InlineTipLink.js +7 -3
  299. package/es/components/InlineTip/utils.js +1 -2
  300. package/es/components/InterstitialScreen/InterstitialScreen.js +23 -3
  301. package/es/components/InterstitialScreen/InterstitialScreenBody.js +13 -3
  302. package/es/components/InterstitialScreen/InterstitialScreenFooter.js +24 -3
  303. package/es/components/InterstitialScreen/InterstitialScreenHeader.js +20 -3
  304. package/es/components/InterstitialScreen/InterstitialScreenView.js +13 -3
  305. package/es/components/InterstitialScreen/context.js +1 -3
  306. package/es/components/MultiAddSelect/MultiAddSelect.js +81 -3
  307. package/es/components/Nav/Nav.js +16 -3
  308. package/es/components/Nav/NavItem.js +37 -3
  309. package/es/components/Nav/NavItemLink.js +4 -4
  310. package/es/components/Nav/NavList.js +12 -3
  311. package/es/components/NonLinearReading/NonLinearReading.js +13 -3
  312. package/es/components/NotificationsPanel/NotificationsPanel.js +118 -3
  313. package/es/components/NotificationsPanel/utils.js +1 -2
  314. package/es/components/OptionsTile/OptionsTile.js +52 -3
  315. package/es/components/PageHeader/PageHeader.js +219 -3
  316. package/es/components/PageHeader/PageHeaderTitle.js +24 -3
  317. package/es/components/PageHeader/PageHeaderUtils.js +1 -3
  318. package/es/components/PageHeader/next/PageHeader.d.ts +2 -1
  319. package/es/components/PageHeader/next/PageHeader.d.ts.map +1 -1
  320. package/es/components/PageHeader/next/PageHeader.js +1 -3
  321. package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts.map +1 -1
  322. package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.js +2 -6
  323. package/es/components/PageHeader/next/PageHeaderBreadcrumbOverflow.js +1 -3
  324. package/es/components/PageHeader/next/PageHeaderBreadcrumbPageActions.js +16 -3
  325. package/es/components/PageHeader/next/PageHeaderContent.d.ts.map +1 -1
  326. package/es/components/PageHeader/next/PageHeaderContent.js +32 -9
  327. package/es/components/PageHeader/next/PageHeaderContentPageActions.d.ts.map +1 -1
  328. package/es/components/PageHeader/next/PageHeaderContentPageActions.js +21 -7
  329. package/es/components/PageHeader/next/PageHeaderContentText.js +10 -3
  330. package/es/components/PageHeader/next/PageHeaderHeroImage.d.ts +13 -1
  331. package/es/components/PageHeader/next/PageHeaderHeroImage.d.ts.map +1 -1
  332. package/es/components/PageHeader/next/PageHeaderHeroImage.js +22 -6
  333. package/es/components/PageHeader/next/PageHeaderScrollButton.js +1 -3
  334. package/es/components/PageHeader/next/PageHeaderTabBar.js +3 -5
  335. package/es/components/PageHeader/next/PageHeaderTagOverflow.js +1 -3
  336. package/es/components/PageHeader/next/PageHeaderTitleBreadcrumb.js +1 -3
  337. package/es/components/PageHeader/next/context.d.ts +2 -2
  338. package/es/components/PageHeader/next/context.d.ts.map +1 -1
  339. package/es/components/PageHeader/next/context.js +1 -3
  340. package/es/components/PageHeader/next/index.js +1 -3
  341. package/es/components/PageHeader/next/overflowHandler.js +1 -2
  342. package/es/components/PageHeader/next/utils.js +1 -2
  343. package/es/components/ProductiveCard/ProductiveCard.js +93 -3
  344. package/es/components/RemoveModal/RemoveModal.js +58 -3
  345. package/es/components/Saving/Saving.js +43 -3
  346. package/es/components/ScrollGradient/ScrollGradient.js +12 -3
  347. package/es/components/ScrollGradient/constants.js +1 -3
  348. package/es/components/SearchBar/SearchBar.js +31 -4
  349. package/es/components/SidePanel/SidePanel.js +116 -3
  350. package/es/components/SidePanel/constants.js +1 -2
  351. package/es/components/SimpleHeader/SimpleHeader.js +15 -3
  352. package/es/components/SingleAddSelect/SingleAddSelect.js +52 -3
  353. package/es/components/StatusIcon/StatusIcon.js +16 -3
  354. package/es/components/StatusIndicator/StatusIndicator.js +21 -3
  355. package/es/components/StatusIndicator/StatusIndicatorStep.js +13 -3
  356. package/es/components/StringFormatter/StringFormatter.js +9 -3
  357. package/es/components/StringFormatter/utils/enums.js +1 -2
  358. package/es/components/TagOverflow/TagOverflow.js +65 -3
  359. package/es/components/TagOverflow/TagOverflowModal.js +1 -3
  360. package/es/components/TagOverflow/TagOverflowPopover.js +31 -3
  361. package/es/components/TagOverflow/constants.js +1 -2
  362. package/es/components/TagSet/TagSet.js +66 -3
  363. package/es/components/TagSet/TagSetModal.js +1 -3
  364. package/es/components/TagSet/TagSetOverflow.js +38 -3
  365. package/es/components/Tearsheet/Tearsheet.js +103 -4
  366. package/es/components/Tearsheet/TearsheetNarrow.js +76 -4
  367. package/es/components/Tearsheet/TearsheetPresence.js +1 -3
  368. package/es/components/Tearsheet/TearsheetShell.js +119 -3
  369. package/es/components/Tearsheet/next/StackContext.js +1 -3
  370. package/es/components/Tearsheet/next/Tearsheet.js +1 -3
  371. package/es/components/Tearsheet/next/TearsheetBody.js +1 -3
  372. package/es/components/Tearsheet/next/TearsheetFooter.js +1 -3
  373. package/es/components/Tearsheet/next/TearsheetHeader.js +1 -3
  374. package/es/components/Tearsheet/next/TearsheetHeaderActions.js +1 -3
  375. package/es/components/Tearsheet/next/TearsheetHeaderContent.js +1 -3
  376. package/es/components/Tearsheet/next/context.js +1 -3
  377. package/es/components/Tearsheet/usePresence.js +7 -3
  378. package/es/components/Tearsheet/usePresenceContext.js +1 -3
  379. package/es/components/Toolbar/Toolbar.js +4 -3
  380. package/es/components/Toolbar/ToolbarButton.js +12 -4
  381. package/es/components/Toolbar/ToolbarGroup.js +3 -3
  382. package/es/components/TooltipTrigger/TooltipTrigger.js +7 -3
  383. package/es/components/TruncatedList/TruncatedList.js +32 -3
  384. package/es/components/TruncatedText/TruncatedText.d.ts.map +1 -1
  385. package/es/components/TruncatedText/TruncatedText.js +7 -6
  386. package/es/components/TruncatedText/useTruncatedText.js +1 -3
  387. package/es/components/UserAvatar/UserAvatar.js +32 -3
  388. package/es/components/UserProfileImage/UserProfileImage.js +37 -3
  389. package/es/components/WebTerminal/WebTerminal.js +27 -3
  390. package/es/components/WebTerminal/WebTerminalContentWrapper.js +6 -4
  391. package/es/components/WebTerminal/hooks/index.js +6 -4
  392. package/es/components/_Canary/Canary.js +3 -3
  393. package/es/global/js/hooks/useActiveElement.js +1 -3
  394. package/es/global/js/hooks/useClickOutside.js +1 -3
  395. package/es/global/js/hooks/useCollapsible.js +1 -3
  396. package/es/global/js/hooks/useControllableState.js +1 -3
  397. package/es/global/js/hooks/useCreateComponentFocus.js +1 -3
  398. package/es/global/js/hooks/useCreateComponentStepChange.js +1 -3
  399. package/es/global/js/hooks/useFocus.js +1 -3
  400. package/es/global/js/hooks/useIsomorphicEffect.js +1 -3
  401. package/es/global/js/hooks/useMatchMedia.js +1 -3
  402. package/es/global/js/hooks/useMergedRefs.js +1 -3
  403. package/es/global/js/hooks/useOverflowItems/useOverflowItems.js +1 -3
  404. package/es/global/js/hooks/useOverflowString.js +1 -3
  405. package/es/global/js/hooks/usePortalTarget.js +1 -3
  406. package/es/global/js/hooks/usePrefersReducedMotion.js +1 -3
  407. package/es/global/js/hooks/usePrefix.js +1 -3
  408. package/es/global/js/hooks/usePresence.js +1 -3
  409. package/es/global/js/hooks/usePreviousValue.js +1 -3
  410. package/es/global/js/hooks/useResetCreateComponent.js +1 -3
  411. package/es/global/js/hooks/useResizeObserver.js +1 -3
  412. package/es/global/js/hooks/useRetrieveFormTitles.js +1 -3
  413. package/es/global/js/hooks/useRetrieveStepData.js +1 -3
  414. package/es/global/js/hooks/useValidCreateStepCount.js +1 -3
  415. package/es/global/js/hooks/useWindowResize.js +1 -3
  416. package/es/global/js/hooks/useWindowScroll.js +1 -3
  417. package/es/global/js/package-settings.js +1 -2
  418. package/es/global/js/utils/Wrap.js +25 -3
  419. package/es/global/js/utils/checkForOverflow.js +1 -2
  420. package/es/global/js/utils/clamp.js +1 -2
  421. package/es/global/js/utils/debounce.js +1 -2
  422. package/es/global/js/utils/deepCloneObject.js +1 -2
  423. package/es/global/js/utils/deepCompareObject.js +1 -2
  424. package/es/global/js/utils/devtools.js +1 -3
  425. package/es/global/js/utils/getFocusableElements.js +1 -2
  426. package/es/global/js/utils/getNodeTextContent.js +1 -2
  427. package/es/global/js/utils/getNumberOfHiddenSteps.js +1 -2
  428. package/es/global/js/utils/getScrollbarWidth.js +1 -2
  429. package/es/global/js/utils/getSupportedLocale.js +1 -2
  430. package/es/global/js/utils/lastIndexInArray.js +1 -2
  431. package/es/global/js/utils/makeDraggable/makeDraggable.js +1 -2
  432. package/es/global/js/utils/pconsole.js +5 -11
  433. package/es/global/js/utils/props-helper.js +1 -3
  434. package/es/global/js/utils/rangeWithCallback.js +1 -2
  435. package/es/global/js/utils/scrollableAncestor.js +1 -2
  436. package/es/global/js/utils/throttle.js +1 -2
  437. package/es/global/js/utils/useId.js +1 -3
  438. package/es/global/js/utils/uuidv4.js +1 -2
  439. package/es/global/js/utils/wait.js +1 -2
  440. package/es/index.js +2 -5
  441. package/es/node_modules/@carbon/colors/es/index.js +1 -2
  442. package/es/node_modules/@carbon/icon-helpers/es/index.js +1 -2
  443. package/es/node_modules/@carbon/icons-react/es/Icon.js +1 -3
  444. package/es/node_modules/@carbon/icons-react/es/generated/bucket-11.js +351 -328
  445. package/es/node_modules/@carbon/icons-react/es/generated/bucket-3.js +185 -192
  446. package/es/node_modules/@carbon/icons-react/es/{iconPropTypes-B1cP964Y.js → iconPropTypes-BElKp6Sn.js} +2 -4
  447. package/es/node_modules/classnames/index.js +1 -4
  448. package/es/settings.js +1 -3
  449. package/lib/_virtual/_rolldown/runtime.js +13 -23
  450. package/lib/components/APIKeyModal/APIKeyDownloader.js +21 -5
  451. package/lib/components/APIKeyModal/APIKeyModal.js +170 -12
  452. package/lib/components/AboutModal/AboutModal.js +51 -10
  453. package/lib/components/ActionBar/ActionBar.js +49 -11
  454. package/lib/components/ActionBar/ActionBarItem.js +33 -6
  455. package/lib/components/ActionBar/ActionBarOverflowItems.js +24 -7
  456. package/lib/components/ActionSet/ActionSet.js +40 -8
  457. package/lib/components/AddSelect/AddSelect.js +10 -6
  458. package/lib/components/AddSelect/AddSelectBody.js +19 -19
  459. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +4 -6
  460. package/lib/components/AddSelect/AddSelectColumn.js +9 -11
  461. package/lib/components/AddSelect/AddSelectFilter.js +4 -6
  462. package/lib/components/AddSelect/AddSelectFormControl.js +4 -6
  463. package/lib/components/AddSelect/AddSelectList.js +6 -8
  464. package/lib/components/AddSelect/AddSelectMetaPanel.js +3 -5
  465. package/lib/components/AddSelect/AddSelectRow.js +5 -7
  466. package/lib/components/AddSelect/AddSelectSidebar.js +5 -7
  467. package/lib/components/AddSelect/AddSelectSort.js +3 -5
  468. package/lib/components/AddSelect/add-select-utils.js +1 -3
  469. package/lib/components/AddSelect/hooks/useFocus.js +2 -4
  470. package/lib/components/AddSelect/hooks/useItemSort.js +2 -4
  471. package/lib/components/AddSelect/hooks/useParentSelect.js +2 -4
  472. package/lib/components/AddSelect/hooks/usePath.js +2 -4
  473. package/lib/components/BigNumber/BigNumber.js +59 -13
  474. package/lib/components/BigNumber/BigNumberSkeleton.js +16 -13
  475. package/lib/components/BigNumber/constants.js +1 -22
  476. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +49 -15
  477. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +33 -9
  478. package/lib/components/Card/Card.js +25 -8
  479. package/lib/components/Card/CardFooter.js +4 -6
  480. package/lib/components/Card/CardHeader.js +15 -6
  481. package/lib/components/Carousel/Carousel.js +39 -9
  482. package/lib/components/Carousel/CarouselItem.js +11 -7
  483. package/lib/components/Cascade/Cascade.js +16 -7
  484. package/lib/components/Checklist/Checklist.js +72 -18
  485. package/lib/components/Checklist/ChecklistChart.js +19 -13
  486. package/lib/components/Checklist/ChecklistIcon.js +21 -15
  487. package/lib/components/Coachmark/Coachmark.js +69 -15
  488. package/lib/components/Coachmark/CoachmarkDragbar.js +22 -8
  489. package/lib/components/Coachmark/CoachmarkHeader.js +18 -8
  490. package/lib/components/Coachmark/CoachmarkOverlay.js +35 -17
  491. package/lib/components/Coachmark/CoachmarkTagline.js +18 -8
  492. package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts +5 -1
  493. package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts.map +1 -1
  494. package/lib/components/Coachmark/next/Coachmark/Coachmark.js +64 -17
  495. package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.js +21 -7
  496. package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js +12 -7
  497. package/lib/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js +22 -7
  498. package/lib/components/Coachmark/next/Coachmark/ContentBody.js +11 -6
  499. package/lib/components/Coachmark/next/Coachmark/ContentHeader.js +18 -8
  500. package/lib/components/Coachmark/next/Coachmark/context.js +4 -7
  501. package/lib/components/Coachmark/utils/constants.js +15 -23
  502. package/lib/components/Coachmark/utils/context.js +2 -4
  503. package/lib/components/Coachmark/utils/enums.js +1 -3
  504. package/lib/components/Coachmark/utils/hooks.js +5 -7
  505. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +21 -7
  506. package/lib/components/CoachmarkButton/CoachmarkButton.js +12 -8
  507. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +40 -14
  508. package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +18 -7
  509. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +41 -11
  510. package/lib/components/CoachmarkStack/CoachmarkStack.js +52 -14
  511. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +48 -10
  512. package/lib/components/ComboButton/ComboButton.js +9 -7
  513. package/lib/components/ComboButton/ComboButtonItem/index.js +6 -4
  514. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +64 -21
  515. package/lib/components/ConditionBuilder/ConditionBuilder.d.ts.map +1 -1
  516. package/lib/components/ConditionBuilder/ConditionBuilder.js +72 -11
  517. package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +13 -0
  518. package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts.map +1 -1
  519. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts.map +1 -1
  520. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +25 -15
  521. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +35 -9
  522. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +43 -7
  523. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +19 -12
  524. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +8 -10
  525. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map +1 -1
  526. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +46 -24
  527. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts.map +1 -1
  528. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +37 -5
  529. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +1 -3
  530. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +45 -11
  531. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +14 -7
  532. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +13 -6
  533. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +14 -7
  534. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +14 -7
  535. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +15 -5
  536. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +12 -5
  537. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts.map +1 -1
  538. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +40 -18
  539. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +16 -9
  540. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +6 -8
  541. package/lib/components/ConditionBuilder/utils/useDataConfigs.js +4 -6
  542. package/lib/components/ConditionBuilder/utils/useEvent.js +2 -4
  543. package/lib/components/ConditionBuilder/utils/useTranslations.js +4 -6
  544. package/lib/components/ConditionBuilder/utils/util.js +2 -5
  545. package/lib/components/CreateFullPage/CreateFullPage.js +92 -16
  546. package/lib/components/CreateFullPage/CreateFullPageStep.js +58 -10
  547. package/lib/components/CreateInfluencer/CreateInfluencer.js +20 -7
  548. package/lib/components/CreateModal/CreateModal.js +48 -8
  549. package/lib/components/CreateSidePanel/CreateSidePanel.js +65 -9
  550. package/lib/components/CreateTearsheet/CreateTearsheet.js +96 -18
  551. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +9 -7
  552. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +79 -10
  553. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +62 -9
  554. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +85 -27
  555. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +128 -16
  556. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +88 -15
  557. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +2 -4
  558. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +4 -6
  559. package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +3 -5
  560. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +4 -6
  561. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +4 -6
  562. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +4 -6
  563. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +4 -6
  564. package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +2 -4
  565. package/lib/components/DataSpreadsheet/utils/checkForHoldingKey.js +1 -3
  566. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +2 -4
  567. package/lib/components/DataSpreadsheet/utils/commonEventHandlers.js +11 -13
  568. package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +3 -5
  569. package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +4 -6
  570. package/lib/components/DataSpreadsheet/utils/getCellSize.js +2 -4
  571. package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +1 -3
  572. package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +2 -4
  573. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +2 -4
  574. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +2 -4
  575. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +3 -5
  576. package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +3 -5
  577. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +5 -7
  578. package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +4 -6
  579. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +3 -5
  580. package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +2 -4
  581. package/lib/components/DataSpreadsheet/utils/selectAllCells.js +3 -5
  582. package/lib/components/Datagrid/Datagrid/Datagrid.js +17 -11
  583. package/lib/components/Datagrid/Datagrid/DatagridBody.js +6 -8
  584. package/lib/components/Datagrid/Datagrid/DatagridContent.js +19 -21
  585. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +7 -9
  586. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -6
  587. package/lib/components/Datagrid/Datagrid/DatagridHead.js +2 -4
  588. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +10 -12
  589. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +4 -6
  590. package/lib/components/Datagrid/Datagrid/DatagridRow.js +7 -9
  591. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +6 -8
  592. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +5 -7
  593. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +4 -6
  594. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +6 -8
  595. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +6 -8
  596. package/lib/components/Datagrid/Datagrid/DraggableElement.js +4 -6
  597. package/lib/components/Datagrid/Datagrid/addons/AiLabel/DatagridAiLabel.js +7 -5
  598. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -5
  599. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +3 -5
  600. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +6 -8
  601. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +6 -8
  602. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +7 -9
  603. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +4 -6
  604. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -3
  605. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +54 -14
  606. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +31 -26
  607. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +9 -11
  608. package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +4 -6
  609. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +1 -3
  610. package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +1 -3
  611. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +3 -5
  612. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +16 -18
  613. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +3 -5
  614. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +3 -5
  615. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +10 -12
  616. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +4 -6
  617. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +9 -11
  618. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +4 -6
  619. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +1 -3
  620. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +2 -5
  621. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +1 -3
  622. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +4 -6
  623. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +4 -6
  624. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +5 -7
  625. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +3 -5
  626. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +2 -4
  627. package/lib/components/Datagrid/common-column-ids.js +1 -3
  628. package/lib/components/Datagrid/useActionsColumn.js +5 -7
  629. package/lib/components/Datagrid/useColumnCenterAlign.js +4 -6
  630. package/lib/components/Datagrid/useColumnOrder.js +3 -6
  631. package/lib/components/Datagrid/useColumnRightAlign.js +4 -6
  632. package/lib/components/Datagrid/useCustomizeColumns.js +4 -6
  633. package/lib/components/Datagrid/useDatagrid.js +11 -13
  634. package/lib/components/Datagrid/useDefaultStringRenderer.js +4 -6
  635. package/lib/components/Datagrid/useDisableSelectRows.js +1 -3
  636. package/lib/components/Datagrid/useEditableCell.js +2 -4
  637. package/lib/components/Datagrid/useExpandedRow.js +4 -6
  638. package/lib/components/Datagrid/useFiltering.js +4 -6
  639. package/lib/components/Datagrid/useFlexResize.js +2 -4
  640. package/lib/components/Datagrid/useFloatingScroll.js +4 -6
  641. package/lib/components/Datagrid/useFocusRowExpander.js +2 -4
  642. package/lib/components/Datagrid/useInfiniteScroll.js +5 -7
  643. package/lib/components/Datagrid/useInitialColumnSort.js +3 -5
  644. package/lib/components/Datagrid/useInlineEdit.js +5 -7
  645. package/lib/components/Datagrid/useNestedRowExpander.js +6 -8
  646. package/lib/components/Datagrid/useNestedRows.js +5 -7
  647. package/lib/components/Datagrid/useOnRowClick.js +3 -5
  648. package/lib/components/Datagrid/useParentDimensions.js +2 -4
  649. package/lib/components/Datagrid/useResizeTable.js +2 -4
  650. package/lib/components/Datagrid/useRowExpander.js +5 -7
  651. package/lib/components/Datagrid/useRowIsMouseOver.js +3 -5
  652. package/lib/components/Datagrid/useRowRenderer.js +2 -4
  653. package/lib/components/Datagrid/useRowSize.js +3 -5
  654. package/lib/components/Datagrid/useSelectAllToggle.js +9 -11
  655. package/lib/components/Datagrid/useSelectRows.js +8 -10
  656. package/lib/components/Datagrid/useSkeletonRows.js +1 -3
  657. package/lib/components/Datagrid/useSortableColumns.js +6 -8
  658. package/lib/components/Datagrid/useStickyColumn.js +6 -8
  659. package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +1 -3
  660. package/lib/components/Decorator/Decorator.js +65 -13
  661. package/lib/components/DecoratorBase/DecoratorBase.js +9 -8
  662. package/lib/components/DecoratorBase/DecoratorIcon.js +19 -12
  663. package/lib/components/DecoratorBase/utils.js +1 -3
  664. package/lib/components/DecoratorDualButton/DecoratorDualButton.js +84 -13
  665. package/lib/components/DecoratorLink/DecoratorLink.js +76 -13
  666. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +76 -13
  667. package/lib/components/DelimitedList/DelimitedList.js +17 -7
  668. package/lib/components/DescriptionList/DescriptionList.js +15 -13
  669. package/lib/components/DescriptionList/DescriptionListBody.js +12 -12
  670. package/lib/components/DescriptionList/DescriptionListCell.js +12 -12
  671. package/lib/components/DescriptionList/DescriptionListRow.js +12 -12
  672. package/lib/components/DescriptionList/constants.js +1 -3
  673. package/lib/components/EditFullPage/EditFullPage.js +11 -7
  674. package/lib/components/EditInPlace/EditInPlace.d.ts.map +1 -1
  675. package/lib/components/EditInPlace/EditInPlace.js +139 -31
  676. package/lib/components/EditSidePanel/EditSidePanel.js +73 -10
  677. package/lib/components/EditTearsheet/EditTearsheet.js +59 -9
  678. package/lib/components/EditTearsheet/EditTearsheetForm.js +39 -9
  679. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +11 -7
  680. package/lib/components/EditUpdateCards/EditUpdateCards.js +75 -8
  681. package/lib/components/EmptyStates/EmptyState.js +48 -16
  682. package/lib/components/EmptyStates/EmptyStateContent.js +24 -6
  683. package/lib/components/EmptyStates/EmptyStateIllustration.deprecated.js +2 -4
  684. package/lib/components/EmptyStates/EmptyStateV2.deprecated.js +45 -9
  685. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +44 -10
  686. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +44 -10
  687. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +44 -10
  688. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +44 -10
  689. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +44 -10
  690. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +44 -10
  691. package/lib/components/EmptyStates/assets/ErrorIllustration.js +5 -7
  692. package/lib/components/EmptyStates/assets/NoDataIllustration.js +5 -7
  693. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +5 -7
  694. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +5 -7
  695. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +5 -7
  696. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +5 -7
  697. package/lib/components/ExportModal/ExportModal.js +86 -9
  698. package/lib/components/ExpressiveCard/ExpressiveCard.js +80 -7
  699. package/lib/components/FeatureFlags/index.js +6 -5
  700. package/lib/components/FilterPanel/FilterPanel.js +19 -12
  701. package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +29 -13
  702. package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +33 -14
  703. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +26 -13
  704. package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +44 -13
  705. package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +26 -13
  706. package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +22 -12
  707. package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +22 -13
  708. package/lib/components/FilterSummary/FilterSummary.js +12 -13
  709. package/lib/components/FullPageError/FullPageError.js +27 -10
  710. package/lib/components/FullPageError/assets/Error403SVG.js +2 -4
  711. package/lib/components/FullPageError/assets/Error404SVG.js +2 -4
  712. package/lib/components/FullPageError/assets/ErrorGenericSVG.js +2 -4
  713. package/lib/components/GetStartedCard/GetStartedCard.js +40 -6
  714. package/lib/components/Guidebanner/Guidebanner.js +57 -13
  715. package/lib/components/Guidebanner/GuidebannerElement.js +18 -7
  716. package/lib/components/Guidebanner/GuidebannerElementButton.js +15 -7
  717. package/lib/components/Guidebanner/GuidebannerElementLink.js +11 -7
  718. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +29 -9
  719. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +29 -9
  720. package/lib/components/HTTPErrors/HTTPErrorContent.js +21 -5
  721. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +29 -9
  722. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +3 -5
  723. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +3 -5
  724. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +3 -5
  725. package/lib/components/ImportModal/ImportModal.js +94 -9
  726. package/lib/components/InlineTip/InlineTip.js +62 -9
  727. package/lib/components/InlineTip/InlineTipButton.js +11 -7
  728. package/lib/components/InlineTip/InlineTipLink.js +11 -7
  729. package/lib/components/InlineTip/utils.js +1 -3
  730. package/lib/components/InterstitialScreen/InterstitialScreen.js +30 -10
  731. package/lib/components/InterstitialScreen/InterstitialScreenBody.js +17 -7
  732. package/lib/components/InterstitialScreen/InterstitialScreenFooter.js +28 -7
  733. package/lib/components/InterstitialScreen/InterstitialScreenHeader.js +24 -7
  734. package/lib/components/InterstitialScreen/InterstitialScreenView.js +15 -5
  735. package/lib/components/InterstitialScreen/context.js +3 -5
  736. package/lib/components/MultiAddSelect/MultiAddSelect.js +84 -6
  737. package/lib/components/Nav/Nav.js +27 -14
  738. package/lib/components/Nav/NavItem.js +48 -14
  739. package/lib/components/Nav/NavItemLink.js +5 -5
  740. package/lib/components/Nav/NavList.js +22 -13
  741. package/lib/components/NonLinearReading/NonLinearReading.js +18 -8
  742. package/lib/components/NotificationsPanel/NotificationsPanel.js +130 -15
  743. package/lib/components/NotificationsPanel/utils.js +1 -3
  744. package/lib/components/OptionsTile/OptionsTile.js +59 -10
  745. package/lib/components/PageHeader/PageHeader.js +234 -18
  746. package/lib/components/PageHeader/PageHeaderTitle.js +28 -7
  747. package/lib/components/PageHeader/PageHeaderUtils.js +5 -7
  748. package/lib/components/PageHeader/next/PageHeader.d.ts +2 -1
  749. package/lib/components/PageHeader/next/PageHeader.d.ts.map +1 -1
  750. package/lib/components/PageHeader/next/PageHeader.js +19 -21
  751. package/lib/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts.map +1 -1
  752. package/lib/components/PageHeader/next/PageHeaderBreadcrumbBar.js +6 -10
  753. package/lib/components/PageHeader/next/PageHeaderBreadcrumbOverflow.js +6 -8
  754. package/lib/components/PageHeader/next/PageHeaderBreadcrumbPageActions.js +19 -6
  755. package/lib/components/PageHeader/next/PageHeaderContent.d.ts.map +1 -1
  756. package/lib/components/PageHeader/next/PageHeaderContent.js +36 -13
  757. package/lib/components/PageHeader/next/PageHeaderContentPageActions.d.ts.map +1 -1
  758. package/lib/components/PageHeader/next/PageHeaderContentPageActions.js +26 -12
  759. package/lib/components/PageHeader/next/PageHeaderContentText.js +13 -6
  760. package/lib/components/PageHeader/next/PageHeaderHeroImage.d.ts +13 -1
  761. package/lib/components/PageHeader/next/PageHeaderHeroImage.d.ts.map +1 -1
  762. package/lib/components/PageHeader/next/PageHeaderHeroImage.js +25 -9
  763. package/lib/components/PageHeader/next/PageHeaderScrollButton.js +6 -8
  764. package/lib/components/PageHeader/next/PageHeaderTabBar.js +7 -9
  765. package/lib/components/PageHeader/next/PageHeaderTagOverflow.js +6 -8
  766. package/lib/components/PageHeader/next/PageHeaderTitleBreadcrumb.js +5 -7
  767. package/lib/components/PageHeader/next/context.d.ts +2 -2
  768. package/lib/components/PageHeader/next/context.d.ts.map +1 -1
  769. package/lib/components/PageHeader/next/context.js +2 -4
  770. package/lib/components/PageHeader/next/index.js +19 -21
  771. package/lib/components/PageHeader/next/overflowHandler.js +1 -3
  772. package/lib/components/PageHeader/next/utils.js +1 -3
  773. package/lib/components/ProductiveCard/ProductiveCard.js +97 -7
  774. package/lib/components/RemoveModal/RemoveModal.js +65 -10
  775. package/lib/components/Saving/Saving.js +47 -7
  776. package/lib/components/ScrollGradient/ScrollGradient.js +23 -14
  777. package/lib/components/ScrollGradient/constants.js +3 -5
  778. package/lib/components/SearchBar/SearchBar.js +35 -8
  779. package/lib/components/SidePanel/SidePanel.js +129 -16
  780. package/lib/components/SidePanel/constants.js +1 -3
  781. package/lib/components/SimpleHeader/SimpleHeader.js +20 -8
  782. package/lib/components/SingleAddSelect/SingleAddSelect.js +56 -7
  783. package/lib/components/StatusIcon/StatusIcon.js +20 -7
  784. package/lib/components/StatusIndicator/StatusIndicator.js +30 -12
  785. package/lib/components/StatusIndicator/StatusIndicatorStep.js +22 -12
  786. package/lib/components/StringFormatter/StringFormatter.js +21 -15
  787. package/lib/components/StringFormatter/utils/enums.js +1 -3
  788. package/lib/components/TagOverflow/TagOverflow.js +73 -11
  789. package/lib/components/TagOverflow/TagOverflowModal.js +6 -8
  790. package/lib/components/TagOverflow/TagOverflowPopover.js +35 -7
  791. package/lib/components/TagOverflow/constants.js +1 -3
  792. package/lib/components/TagSet/TagSet.js +73 -10
  793. package/lib/components/TagSet/TagSetModal.js +6 -8
  794. package/lib/components/TagSet/TagSetOverflow.js +42 -7
  795. package/lib/components/Tearsheet/Tearsheet.js +107 -8
  796. package/lib/components/Tearsheet/TearsheetNarrow.js +80 -8
  797. package/lib/components/Tearsheet/TearsheetPresence.js +3 -5
  798. package/lib/components/Tearsheet/TearsheetShell.js +135 -19
  799. package/lib/components/Tearsheet/next/StackContext.js +3 -5
  800. package/lib/components/Tearsheet/next/Tearsheet.js +15 -17
  801. package/lib/components/Tearsheet/next/TearsheetBody.js +6 -8
  802. package/lib/components/Tearsheet/next/TearsheetFooter.js +5 -7
  803. package/lib/components/Tearsheet/next/TearsheetHeader.js +4 -6
  804. package/lib/components/Tearsheet/next/TearsheetHeaderActions.js +5 -7
  805. package/lib/components/Tearsheet/next/TearsheetHeaderContent.js +5 -7
  806. package/lib/components/Tearsheet/next/context.js +4 -7
  807. package/lib/components/Tearsheet/usePresence.js +9 -5
  808. package/lib/components/Tearsheet/usePresenceContext.js +3 -5
  809. package/lib/components/Toolbar/Toolbar.js +9 -8
  810. package/lib/components/Toolbar/ToolbarButton.js +15 -7
  811. package/lib/components/Toolbar/ToolbarGroup.js +6 -6
  812. package/lib/components/TooltipTrigger/TooltipTrigger.js +10 -6
  813. package/lib/components/TruncatedList/TruncatedList.js +37 -8
  814. package/lib/components/TruncatedText/TruncatedText.d.ts.map +1 -1
  815. package/lib/components/TruncatedText/TruncatedText.js +12 -11
  816. package/lib/components/TruncatedText/useTruncatedText.js +3 -5
  817. package/lib/components/UserAvatar/UserAvatar.js +38 -9
  818. package/lib/components/UserProfileImage/UserProfileImage.js +43 -9
  819. package/lib/components/WebTerminal/WebTerminal.js +33 -9
  820. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +10 -8
  821. package/lib/components/WebTerminal/hooks/index.js +7 -5
  822. package/lib/components/_Canary/Canary.js +6 -6
  823. package/lib/global/js/hooks/useActiveElement.js +2 -4
  824. package/lib/global/js/hooks/useClickOutside.js +2 -4
  825. package/lib/global/js/hooks/useCollapsible.js +2 -4
  826. package/lib/global/js/hooks/useControllableState.js +2 -4
  827. package/lib/global/js/hooks/useCreateComponentFocus.js +3 -5
  828. package/lib/global/js/hooks/useCreateComponentStepChange.js +2 -4
  829. package/lib/global/js/hooks/useFocus.js +3 -5
  830. package/lib/global/js/hooks/useIsomorphicEffect.js +2 -4
  831. package/lib/global/js/hooks/useMatchMedia.js +2 -4
  832. package/lib/global/js/hooks/useMergedRefs.js +2 -4
  833. package/lib/global/js/hooks/useOverflowItems/useOverflowItems.js +3 -5
  834. package/lib/global/js/hooks/useOverflowString.js +2 -4
  835. package/lib/global/js/hooks/usePortalTarget.js +4 -6
  836. package/lib/global/js/hooks/usePrefersReducedMotion.js +3 -5
  837. package/lib/global/js/hooks/usePrefix.js +2 -4
  838. package/lib/global/js/hooks/usePresence.js +2 -4
  839. package/lib/global/js/hooks/usePreviousValue.js +2 -4
  840. package/lib/global/js/hooks/useResetCreateComponent.js +3 -5
  841. package/lib/global/js/hooks/useResizeObserver.js +3 -5
  842. package/lib/global/js/hooks/useRetrieveFormTitles.js +2 -4
  843. package/lib/global/js/hooks/useRetrieveStepData.js +2 -4
  844. package/lib/global/js/hooks/useValidCreateStepCount.js +2 -4
  845. package/lib/global/js/hooks/useWindowResize.js +3 -5
  846. package/lib/global/js/hooks/useWindowScroll.js +4 -6
  847. package/lib/global/js/package-settings.js +1 -3
  848. package/lib/global/js/utils/Wrap.js +26 -4
  849. package/lib/global/js/utils/checkForOverflow.js +1 -3
  850. package/lib/global/js/utils/clamp.js +1 -3
  851. package/lib/global/js/utils/debounce.js +1 -3
  852. package/lib/global/js/utils/deepCloneObject.js +1 -3
  853. package/lib/global/js/utils/deepCompareObject.js +1 -3
  854. package/lib/global/js/utils/devtools.js +2 -4
  855. package/lib/global/js/utils/getFocusableElements.js +1 -3
  856. package/lib/global/js/utils/getNodeTextContent.js +1 -3
  857. package/lib/global/js/utils/getNumberOfHiddenSteps.js +1 -3
  858. package/lib/global/js/utils/getScrollbarWidth.js +1 -3
  859. package/lib/global/js/utils/getSupportedLocale.js +1 -3
  860. package/lib/global/js/utils/lastIndexInArray.js +1 -3
  861. package/lib/global/js/utils/makeDraggable/makeDraggable.js +1 -3
  862. package/lib/global/js/utils/pconsole.js +4 -9
  863. package/lib/global/js/utils/props-helper.js +2 -4
  864. package/lib/global/js/utils/rangeWithCallback.js +1 -3
  865. package/lib/global/js/utils/scrollableAncestor.js +1 -3
  866. package/lib/global/js/utils/throttle.js +1 -3
  867. package/lib/global/js/utils/useId.js +3 -5
  868. package/lib/global/js/utils/uuidv4.js +1 -3
  869. package/lib/global/js/utils/wait.js +1 -3
  870. package/lib/index.js +264 -267
  871. package/lib/node_modules/@carbon/colors/lib/index.js +15 -21
  872. package/lib/node_modules/@carbon/icon-helpers/lib/index.js +7 -10
  873. package/lib/node_modules/@carbon/icons-react/lib/{Icon.js → Icon-2zUDcllO.js} +44 -17
  874. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-0.js +274 -278
  875. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-1.js +303 -316
  876. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-10.js +478 -472
  877. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-11.js +491 -468
  878. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-12.js +482 -474
  879. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-13.js +509 -547
  880. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-14.js +546 -596
  881. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-15.js +596 -538
  882. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-16.js +571 -616
  883. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-17.js +669 -654
  884. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-18.js +683 -661
  885. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-19.js +701 -718
  886. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-2.js +332 -330
  887. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-20.js +743 -783
  888. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-21.js +548 -40
  889. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-3.js +340 -349
  890. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-4.js +360 -380
  891. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-5.js +397 -405
  892. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-6.js +405 -392
  893. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-7.js +418 -437
  894. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-8.js +456 -496
  895. package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-9.js +489 -480
  896. package/lib/node_modules/@carbon/icons-react/lib/{iconPropTypes-U9gLABJo.js → iconPropTypes-DaTOKOBs.js} +12 -14
  897. package/lib/node_modules/@carbon/icons-react/lib/index.js +425 -395
  898. package/lib/node_modules/classnames/index.js +7 -10
  899. package/lib/settings.js +5 -7
  900. package/package.json +17 -17
  901. package/scss/components/EditInPlace/_edit-in-place.scss +30 -6
  902. package/scss/components/PageHeader/_page-header.scss +66 -6
  903. package/scss/components/TruncatedText/_truncated-text.scss +21 -0
  904. package/telemetry.yml +12 -3
  905. package/es/components/Checklist/Checklist.types.js +0 -30
  906. package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.d.ts +0 -39
  907. package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.d.ts.map +0 -1
  908. package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubbleHeader.d.ts +0 -25
  909. package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubbleHeader.d.ts.map +0 -1
  910. package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/index.d.ts +0 -11
  911. package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/index.d.ts.map +0 -1
  912. package/lib/components/Checklist/Checklist.types.js +0 -32
  913. package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.d.ts +0 -39
  914. package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.d.ts.map +0 -1
  915. package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubbleHeader.d.ts +0 -25
  916. package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubbleHeader.d.ts.map +0 -1
  917. package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/index.d.ts +0 -11
  918. package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/index.d.ts.map +0 -1
  919. package/lib/node_modules/@carbon/icons-react/lib/chunk-CsKB0u1v.js +0 -54
package/css/index.css CHANGED
@@ -487,7 +487,7 @@
487
487
  inset-inline-end: calc(100% + 0.25rem);
488
488
  }
489
489
 
490
- [dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
490
+ .cds--popover--bottom:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content {
491
491
  transform: translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));
492
492
  }
493
493
 
@@ -498,8 +498,8 @@
498
498
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));
499
499
  }
500
500
 
501
- [dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
502
- [dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
501
+ .cds--popover--bottom-left:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,
502
+ .cds--popover--bottom-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content {
503
503
  inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
504
504
  inset-inline-start: initial;
505
505
  }
@@ -511,8 +511,8 @@
511
511
  transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
512
512
  }
513
513
 
514
- [dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
515
- [dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
514
+ .cds--popover--bottom-right:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,
515
+ .cds--popover--bottom-end:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content {
516
516
  inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
517
517
  }
518
518
 
@@ -567,11 +567,11 @@
567
567
  inset-inline-start: 0.5px;
568
568
  }
569
569
 
570
- [dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,
571
- [dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
572
- [dir=rtl] .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,
573
- [dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,
574
- [dir=rtl] .cds--popover--bottom-end > .cds--popover > .cds--popover-caret {
570
+ .cds--popover--bottom:dir(rtl) > .cds--popover > .cds--popover-caret,
571
+ .cds--popover--bottom-left:dir(rtl) > .cds--popover > .cds--popover-caret,
572
+ .cds--popover--bottom-start:dir(rtl) > .cds--popover > .cds--popover-caret,
573
+ .cds--popover--bottom-right:dir(rtl) > .cds--popover > .cds--popover-caret,
574
+ .cds--popover--bottom-end:dir(rtl) > .cds--popover > .cds--popover-caret {
575
575
  transform: translate(50%, var(--cds-popover-offset, 0rem));
576
576
  }
577
577
 
@@ -618,7 +618,7 @@
618
618
  transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
619
619
  }
620
620
 
621
- [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
621
+ .cds--popover--top:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content {
622
622
  transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
623
623
  }
624
624
 
@@ -629,8 +629,8 @@
629
629
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));
630
630
  }
631
631
 
632
- [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
633
- [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
632
+ .cds--popover--top-left:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,
633
+ .cds--popover--top-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content {
634
634
  inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
635
635
  inset-inline-start: initial;
636
636
  }
@@ -642,8 +642,8 @@
642
642
  transform: translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));
643
643
  }
644
644
 
645
- [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
646
- [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
645
+ .cds--popover--top-right:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,
646
+ .cds--popover--top-end:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content {
647
647
  inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
648
648
  }
649
649
 
@@ -698,11 +698,11 @@
698
698
  inset-inline-start: 0.5px;
699
699
  }
700
700
 
701
- [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
702
- [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
703
- [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
704
- [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
705
- [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
701
+ .cds--popover--top:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,
702
+ .cds--popover--top-left:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,
703
+ .cds--popover--top-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,
704
+ .cds--popover--top-right:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,
705
+ .cds--popover--top-end:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret {
706
706
  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
707
707
  }
708
708
 
@@ -763,11 +763,11 @@
763
763
  transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
764
764
  }
765
765
 
766
- [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
767
- [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
768
- [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
769
- [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
770
- [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
766
+ .cds--popover--right:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,
767
+ .cds--popover--right-bottom:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,
768
+ .cds--popover--right-end:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,
769
+ .cds--popover--right-top:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,
770
+ .cds--popover--right-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content {
771
771
  inset-inline-end: 100%;
772
772
  inset-inline-start: initial;
773
773
  }
@@ -804,11 +804,11 @@
804
804
  inline-size: var(--cds-popover-caret-height, 0.375rem);
805
805
  }
806
806
 
807
- [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
808
- [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
809
- [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
810
- [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
811
- [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
807
+ .cds--popover--right:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,
808
+ .cds--popover--right-top:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,
809
+ .cds--popover--right-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,
810
+ .cds--popover--right-bottom:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,
811
+ .cds--popover--right-end:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret {
812
812
  inset-inline-end: 100%;
813
813
  inset-inline-start: initial;
814
814
  }
@@ -830,11 +830,11 @@
830
830
  inset-inline-start: 1px;
831
831
  }
832
832
 
833
- [dir=rtl] .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
834
- [dir=rtl] .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
835
- [dir=rtl] .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
836
- [dir=rtl] .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
837
- [dir=rtl] .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
833
+ .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after,
834
+ .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after,
835
+ .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after,
836
+ .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after,
837
+ .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after {
838
838
  inset-inline-start: -1px;
839
839
  }
840
840
 
@@ -873,18 +873,18 @@
873
873
  inset-inline-start: 1px;
874
874
  }
875
875
 
876
- [dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
877
- [dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
878
- [dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
879
- [dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
880
- [dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
876
+ .cds--popover--border.cds--popover--right.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
877
+ .cds--popover--border.cds--popover--right-top.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
878
+ .cds--popover--border.cds--popover--right-start.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
879
+ .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
880
+ .cds--popover--border.cds--popover--right-end.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
881
881
  margin-inline-start: 1px;
882
882
  }
883
- [dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
884
- [dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
885
- [dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
886
- [dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
887
- [dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
883
+ .cds--popover--border.cds--popover--right.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
884
+ .cds--popover--border.cds--popover--right-top.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
885
+ .cds--popover--border.cds--popover--right-start.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
886
+ .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
887
+ .cds--popover--border.cds--popover--right-end.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
888
888
  inset-inline-start: 0;
889
889
  }
890
890
 
@@ -908,11 +908,11 @@
908
908
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
909
909
  }
910
910
 
911
- [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
912
- [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
913
- [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
914
- [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
915
- [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
911
+ .cds--popover--left:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,
912
+ .cds--popover--left-bottom:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,
913
+ .cds--popover--left-end:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,
914
+ .cds--popover--left-top:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,
915
+ .cds--popover--left-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content {
916
916
  inset-inline-end: initial;
917
917
  inset-inline-start: 100%;
918
918
  }
@@ -949,11 +949,11 @@
949
949
  inline-size: var(--cds-popover-caret-height, 0.375rem);
950
950
  }
951
951
 
952
- [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
953
- [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
954
- [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
955
- [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
956
- [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
952
+ .cds--popover--left:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,
953
+ .cds--popover--left-top:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,
954
+ .cds--popover--left-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,
955
+ .cds--popover--left-bottom:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,
956
+ .cds--popover--left-end:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret {
957
957
  inset-inline-end: initial;
958
958
  inset-inline-start: 100%;
959
959
  }
@@ -975,11 +975,11 @@
975
975
  inset-inline-start: -1px;
976
976
  }
977
977
 
978
- [dir=rtl] .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
979
- [dir=rtl] .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
980
- [dir=rtl] .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
981
- [dir=rtl] .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
982
- [dir=rtl] .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
978
+ .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after,
979
+ .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after,
980
+ .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after,
981
+ .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after,
982
+ .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after {
983
983
  inset-inline-start: 1px;
984
984
  }
985
985
 
@@ -1018,18 +1018,18 @@
1018
1018
  inset-inline-start: -1px;
1019
1019
  }
1020
1020
 
1021
- [dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
1022
- [dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
1023
- [dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
1024
- [dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
1025
- [dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
1021
+ .cds--popover--border.cds--popover--left.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
1022
+ .cds--popover--border.cds--popover--left-top.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
1023
+ .cds--popover--border.cds--popover--left-start.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
1024
+ .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
1025
+ .cds--popover--border.cds--popover--left-end.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
1026
1026
  margin-inline-start: -1px;
1027
1027
  }
1028
- [dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
1029
- [dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
1030
- [dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
1031
- [dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
1032
- [dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
1028
+ .cds--popover--border.cds--popover--left.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
1029
+ .cds--popover--border.cds--popover--left-top.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
1030
+ .cds--popover--border.cds--popover--left-start.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
1031
+ .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
1032
+ .cds--popover--border.cds--popover--left-end.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
1033
1033
  inset-inline-start: 0;
1034
1034
  }
1035
1035
 
@@ -1039,15 +1039,15 @@
1039
1039
 
1040
1040
  .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
1041
1041
  .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
1042
- [dir=rtl] .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
1043
- [dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
1042
+ .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,
1043
+ .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content {
1044
1044
  inset-inline-start: 0;
1045
1045
  }
1046
1046
 
1047
1047
  .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
1048
1048
  .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
1049
- [dir=rtl] .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
1050
- [dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
1049
+ .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,
1050
+ .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content {
1051
1051
  inset-inline-end: 0;
1052
1052
  inset-inline-start: initial;
1053
1053
  }
@@ -1288,8 +1288,10 @@
1288
1288
  background-color: var(--cds-button-primary, #0f62fe);
1289
1289
  color: var(--cds-text-on-color, #ffffff);
1290
1290
  }
1291
- .cds--btn--primary:hover {
1292
- background-color: var(--cds-button-primary-hover, #0050e6);
1291
+ @media (any-hover: hover) {
1292
+ .cds--btn--primary:hover {
1293
+ background-color: var(--cds-button-primary-hover, #0050e6);
1294
+ }
1293
1295
  }
1294
1296
  .cds--btn--primary:focus {
1295
1297
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
@@ -1313,8 +1315,10 @@
1313
1315
  background-color: var(--cds-button-secondary, #393939);
1314
1316
  color: var(--cds-text-on-color, #ffffff);
1315
1317
  }
1316
- .cds--btn--secondary:hover {
1317
- background-color: var(--cds-button-secondary-hover, #474747);
1318
+ @media (any-hover: hover) {
1319
+ .cds--btn--secondary:hover {
1320
+ background-color: var(--cds-button-secondary-hover, #474747);
1321
+ }
1318
1322
  }
1319
1323
  .cds--btn--secondary:focus {
1320
1324
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
@@ -1338,8 +1342,10 @@
1338
1342
  background-color: transparent;
1339
1343
  color: var(--cds-button-tertiary, #0f62fe);
1340
1344
  }
1341
- .cds--btn--tertiary:hover {
1342
- background-color: var(--cds-button-tertiary-hover, #0050e6);
1345
+ @media (any-hover: hover) {
1346
+ .cds--btn--tertiary:hover {
1347
+ background-color: var(--cds-button-tertiary-hover, #0050e6);
1348
+ }
1343
1349
  }
1344
1350
  .cds--btn--tertiary:focus {
1345
1351
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
@@ -1352,8 +1358,10 @@
1352
1358
  .cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
1353
1359
  fill: currentColor;
1354
1360
  }
1355
- .cds--btn--tertiary:hover {
1356
- color: var(--cds-text-inverse, #ffffff);
1361
+ @media (any-hover: hover) {
1362
+ .cds--btn--tertiary:hover {
1363
+ color: var(--cds-text-inverse, #ffffff);
1364
+ }
1357
1365
  }
1358
1366
  .cds--btn--tertiary:focus {
1359
1367
  background-color: var(--cds-button-tertiary, #0f62fe);
@@ -1377,8 +1385,10 @@
1377
1385
  background-color: transparent;
1378
1386
  color: var(--cds-link-primary, #0f62fe);
1379
1387
  }
1380
- .cds--btn--ghost:hover {
1381
- background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
1388
+ @media (any-hover: hover) {
1389
+ .cds--btn--ghost:hover {
1390
+ background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
1391
+ }
1382
1392
  }
1383
1393
  .cds--btn--ghost:focus {
1384
1394
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
@@ -1399,11 +1409,14 @@
1399
1409
  align-self: center;
1400
1410
  margin-inline-start: 0.5rem;
1401
1411
  }
1402
- .cds--btn--ghost:hover, .cds--btn--ghost:active {
1403
- color: var(--cds-link-primary-hover, #0043ce);
1412
+ @media (hover: hover) {
1413
+ .cds--btn--ghost:hover {
1414
+ color: var(--cds-link-primary-hover, #0043ce);
1415
+ }
1404
1416
  }
1405
1417
  .cds--btn--ghost:active {
1406
1418
  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
1419
+ color: var(--cds-link-primary-hover, #0043ce);
1407
1420
  }
1408
1421
  .cds--btn--ghost:disabled, .cds--btn--ghost:hover:disabled, .cds--btn--ghost:focus:disabled, .cds--btn--ghost.cds--btn--disabled, .cds--btn--ghost.cds--btn--disabled:hover, .cds--btn--ghost.cds--btn--disabled:focus {
1409
1422
  border-color: transparent;
@@ -1488,8 +1501,10 @@
1488
1501
  background-color: var(--cds-button-danger-primary, #da1e28);
1489
1502
  color: var(--cds-text-on-color, #ffffff);
1490
1503
  }
1491
- .cds--btn--danger:hover {
1492
- background-color: var(--cds-button-danger-hover, #b81921);
1504
+ @media (any-hover: hover) {
1505
+ .cds--btn--danger:hover {
1506
+ background-color: var(--cds-button-danger-hover, #b81921);
1507
+ }
1493
1508
  }
1494
1509
  .cds--btn--danger:focus {
1495
1510
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
@@ -1512,8 +1527,10 @@
1512
1527
  background-color: transparent;
1513
1528
  color: var(--cds-button-danger-secondary, #da1e28);
1514
1529
  }
1515
- .cds--btn--danger--tertiary:hover {
1516
- background-color: var(--cds-button-danger-hover, #b81921);
1530
+ @media (any-hover: hover) {
1531
+ .cds--btn--danger--tertiary:hover {
1532
+ background-color: var(--cds-button-danger-hover, #b81921);
1533
+ }
1517
1534
  }
1518
1535
  .cds--btn--danger--tertiary:focus {
1519
1536
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
@@ -1526,9 +1543,11 @@
1526
1543
  .cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
1527
1544
  fill: currentColor;
1528
1545
  }
1529
- .cds--btn--danger--tertiary:hover {
1530
- border-color: var(--cds-button-danger-hover, #b81921);
1531
- color: var(--cds-text-on-color, #ffffff);
1546
+ @media (hover: hover) {
1547
+ .cds--btn--danger--tertiary:hover {
1548
+ border-color: var(--cds-button-danger-hover, #b81921);
1549
+ color: var(--cds-text-on-color, #ffffff);
1550
+ }
1532
1551
  }
1533
1552
  .cds--btn--danger--tertiary:focus {
1534
1553
  background-color: var(--cds-button-danger-primary, #da1e28);
@@ -1551,8 +1570,10 @@
1551
1570
  background-color: transparent;
1552
1571
  color: var(--cds-button-danger-secondary, #da1e28);
1553
1572
  }
1554
- .cds--btn--danger--ghost:hover {
1555
- background-color: var(--cds-button-danger-hover, #b81921);
1573
+ @media (any-hover: hover) {
1574
+ .cds--btn--danger--ghost:hover {
1575
+ background-color: var(--cds-button-danger-hover, #b81921);
1576
+ }
1556
1577
  }
1557
1578
  .cds--btn--danger--ghost:focus {
1558
1579
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
@@ -1572,7 +1593,12 @@
1572
1593
  position: static;
1573
1594
  margin-inline-start: 0.5rem;
1574
1595
  }
1575
- .cds--btn--danger--ghost:hover, .cds--btn--danger--ghost:active {
1596
+ @media (hover: hover) {
1597
+ .cds--btn--danger--ghost:hover {
1598
+ color: var(--cds-text-on-color, #ffffff);
1599
+ }
1600
+ }
1601
+ .cds--btn--danger--ghost:active {
1576
1602
  color: var(--cds-text-on-color, #ffffff);
1577
1603
  }
1578
1604
  .cds--btn--danger--ghost:disabled, .cds--btn--danger--ghost:hover:disabled, .cds--btn--danger--ghost:focus:disabled, .cds--btn--danger--ghost.cds--btn--disabled, .cds--btn--danger--ghost.cds--btn--disabled:hover, .cds--btn--danger--ghost.cds--btn--disabled:focus {
@@ -3290,6 +3316,8 @@ input:not(output, [data-invalid]):-moz-ui-invalid {
3290
3316
  overflow: hidden;
3291
3317
  margin: 0.25rem 0 0;
3292
3318
  max-block-size: 0;
3319
+ overflow-wrap: break-word;
3320
+ word-break: break-word;
3293
3321
  }
3294
3322
 
3295
3323
  .cds--select--inline .cds--form__helper-text {
@@ -3318,7 +3346,7 @@ fieldset[disabled] .cds--form__helper-text {
3318
3346
  }
3319
3347
 
3320
3348
  .cds--text-input {
3321
- --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)));
3349
+ --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
3322
3350
  --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));
3323
3351
  box-sizing: border-box;
3324
3352
  padding: 0;
@@ -3364,15 +3392,7 @@ fieldset[disabled] .cds--form__helper-text {
3364
3392
  }
3365
3393
 
3366
3394
  .cds--password-input {
3367
- padding-inline-end: 2.5rem;
3368
- }
3369
-
3370
- .cds--text-input--sm.cds--password-input {
3371
- padding-inline-end: 2rem;
3372
- }
3373
-
3374
- .cds--text-input--lg.cds--password-input {
3375
- padding-inline-end: 3rem;
3395
+ padding-inline-end: var(--cds-layout-size-height-local);
3376
3396
  }
3377
3397
 
3378
3398
  .cds--text-input::placeholder {
@@ -3603,31 +3623,25 @@ fieldset[disabled] .cds--form__helper-text {
3603
3623
  justify-content: center;
3604
3624
  padding: 0;
3605
3625
  border: 0;
3626
+ aspect-ratio: 1;
3606
3627
  background: none;
3607
3628
  block-size: 100%;
3608
3629
  cursor: pointer;
3609
- inline-size: 2.5rem;
3610
3630
  inset-inline-end: 0;
3611
3631
  min-block-size: auto;
3612
3632
  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
3613
3633
  }
3614
3634
 
3615
3635
  .cds--toggle-password-tooltip .cds--popover {
3616
- inset-inline-start: -2.5rem;
3636
+ --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
3637
+ gap: 0.25rem;
3638
+ inset-inline-start: calc(-1 * (var(--cds-layout-size-height-local)));
3617
3639
  }
3618
3640
 
3619
3641
  .cds--toggle-password-tooltip .cds--popover-content {
3620
3642
  min-inline-size: 2.5rem;
3621
3643
  }
3622
3644
 
3623
- .cds--text-input--sm + .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
3624
- inline-size: 2rem;
3625
- }
3626
-
3627
- .cds--text-input--lg + .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
3628
- inline-size: 3rem;
3629
- }
3630
-
3631
3645
  .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {
3632
3646
  fill: var(--cds-icon-primary, #161616);
3633
3647
  }
@@ -3647,16 +3661,14 @@ fieldset[disabled] .cds--form__helper-text {
3647
3661
  padding-inline-end: 2.5rem;
3648
3662
  }
3649
3663
 
3650
- .cds--text-input--invalid.cds--password-input {
3651
- padding-inline-end: 4rem;
3652
- }
3653
-
3654
- .cds--text-input--invalid + .cds--text-input--password__visibility__toggle {
3655
- inset-inline-end: 1rem;
3664
+ .cds--text-input--invalid.cds--password-input,
3665
+ .cds--text-input--warning.cds--password-input {
3666
+ padding-inline-end: calc(var(--cds-layout-size-height-local) + 1.5rem);
3656
3667
  }
3657
3668
 
3658
3669
  .cds--password-input-wrapper .cds--text-input__invalid-icon {
3659
- inset-inline-end: 2.5rem;
3670
+ --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
3671
+ inset-inline-end: var(--cds-layout-size-height-local);
3660
3672
  }
3661
3673
 
3662
3674
  .cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
@@ -3726,9 +3738,6 @@ fieldset[disabled] .cds--form__helper-text {
3726
3738
  .cds--text-input--invalid {
3727
3739
  box-shadow: none;
3728
3740
  }
3729
- .cds--text-input--invalid .cds--text-input--password__visibility__toggle {
3730
- inset-inline-end: 2.5rem;
3731
- }
3732
3741
 
3733
3742
  .cds--skeleton.cds--text-input {
3734
3743
  position: relative;
@@ -3854,36 +3863,39 @@ fieldset[disabled] .cds--form__helper-text {
3854
3863
  }
3855
3864
 
3856
3865
  .cds--text-input-wrapper.cds--text-input-wrapper--inline {
3857
- flex-flow: row wrap;
3866
+ flex-flow: row nowrap;
3867
+ align-items: center;
3858
3868
  }
3859
3869
 
3860
3870
  .cds--text-input-wrapper .cds--label--inline {
3861
- flex: 1;
3862
- margin: 0.8125rem 0 0 0;
3871
+ flex: 0 1 auto;
3872
+ margin: 0;
3863
3873
  overflow-wrap: break-word;
3864
3874
  word-break: break-word;
3865
3875
  }
3866
3876
 
3867
- .cds--text-input-wrapper .cds--label--inline--sm {
3868
- margin-block-start: 0.5625rem;
3869
- }
3870
-
3871
- .cds--text-input-wrapper .cds--label--inline--lg {
3872
- margin-block-start: 1.0625rem;
3873
- }
3874
-
3875
3877
  .cds--text-input__label-helper-wrapper {
3876
- flex: 2;
3878
+ flex: 0 1 auto;
3877
3879
  flex-direction: column;
3878
- margin-inline-end: 1.5rem;
3879
- max-inline-size: 8rem;
3880
+ max-inline-size: 8.875rem;
3880
3881
  overflow-wrap: break-word;
3881
3882
  }
3883
+ .cds--text-input__label-helper-wrapper:first-of-type {
3884
+ margin-inline-end: 0.5rem;
3885
+ }
3886
+ .cds--text-input__label-helper-wrapper:last-of-type {
3887
+ margin-inline-start: 0.5rem;
3888
+ }
3882
3889
 
3883
3890
  .cds--text-input-wrapper .cds--form__helper-text--inline {
3884
3891
  margin-block-start: 0.125rem;
3885
3892
  }
3886
3893
 
3894
+ .cds--text-input-wrapper--inline .cds--form__helper-text--inline,
3895
+ .cds--text-input-wrapper--inline .cds--form-requirement {
3896
+ margin: 0;
3897
+ }
3898
+
3887
3899
  .cds--text-input__field-outer-wrapper {
3888
3900
  display: flex;
3889
3901
  flex: 1 1 auto;
@@ -3930,9 +3942,9 @@ fieldset[disabled] .cds--form__helper-text {
3930
3942
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
3931
3943
  }
3932
3944
 
3933
- .cds--text-input__field-wrapper--decorator .cds--text-input:has(~ .cds--text-input__field-inner-wrapper--decorator > *),
3934
- .cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--ai-label),
3935
- .cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--slug) {
3945
+ .cds--text-input__field-wrapper--decorator .cds--text-input:not(.cds--text-input--invalid):not(.cds--text-input--warning):has(~ .cds--text-input__field-inner-wrapper--decorator > *),
3946
+ .cds--text-input__field-wrapper--slug .cds--text-input:not(.cds--text-input--invalid):not(.cds--text-input--warning):has(~ .cds--ai-label),
3947
+ .cds--text-input__field-wrapper--slug .cds--text-input:not(.cds--text-input--invalid):not(.cds--text-input--warning):has(~ .cds--slug) {
3936
3948
  padding-inline-end: 2.5rem;
3937
3949
  }
3938
3950
 
@@ -3945,14 +3957,26 @@ fieldset[disabled] .cds--form__helper-text {
3945
3957
  padding-inline-end: 4rem;
3946
3958
  }
3947
3959
 
3948
- .cds--text-input--invalid ~ .cds--text-input__field-inner-wrapper--decorator > *,
3949
- .cds--text-input--warning ~ .cds--text-input__field-inner-wrapper--decorator > *,
3950
- .cds--text-input--invalid ~ .cds--ai-label,
3951
- .cds--text-input--warning ~ .cds--ai-label,
3952
- .cds--text-input--invalid ~ .cds--slug,
3953
- .cds--text-input--warning ~ .cds--slug {
3960
+ .cds--text-input__field-wrapper--decorator .cds--text-input--invalid ~ .cds--text-input__invalid-icon,
3961
+ .cds--text-input__field-wrapper--decorator .cds--text-input--warning ~ .cds--text-input__invalid-icon,
3962
+ .cds--text-input__field-wrapper--slug .cds--text-input--invalid ~ .cds--text-input__invalid-icon,
3963
+ .cds--text-input__field-wrapper--slug .cds--text-input--warning ~ .cds--text-input__invalid-icon {
3954
3964
  inset-inline-end: 2.5rem;
3955
3965
  }
3966
+ .cds--text-input__field-wrapper--decorator .cds--text-input--invalid ~ .cds--text-input__field-inner-wrapper--decorator > *,
3967
+ .cds--text-input__field-wrapper--decorator .cds--text-input--warning ~ .cds--text-input__field-inner-wrapper--decorator > *,
3968
+ .cds--text-input__field-wrapper--decorator .cds--text-input--invalid ~ .cds--ai-label,
3969
+ .cds--text-input__field-wrapper--decorator .cds--text-input--warning ~ .cds--ai-label,
3970
+ .cds--text-input__field-wrapper--decorator .cds--text-input--invalid ~ .cds--slug,
3971
+ .cds--text-input__field-wrapper--decorator .cds--text-input--warning ~ .cds--slug,
3972
+ .cds--text-input__field-wrapper--slug .cds--text-input--invalid ~ .cds--text-input__field-inner-wrapper--decorator > *,
3973
+ .cds--text-input__field-wrapper--slug .cds--text-input--warning ~ .cds--text-input__field-inner-wrapper--decorator > *,
3974
+ .cds--text-input__field-wrapper--slug .cds--text-input--invalid ~ .cds--ai-label,
3975
+ .cds--text-input__field-wrapper--slug .cds--text-input--warning ~ .cds--ai-label,
3976
+ .cds--text-input__field-wrapper--slug .cds--text-input--invalid ~ .cds--slug,
3977
+ .cds--text-input__field-wrapper--slug .cds--text-input--warning ~ .cds--slug {
3978
+ inset-inline-end: 1rem;
3979
+ }
3956
3980
 
3957
3981
  .cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator:not(:has(.cds--ai-label)) > * {
3958
3982
  block-size: 1rem;
@@ -5656,6 +5680,14 @@ a.cds--overflow-menu-options__btn::before {
5656
5680
  --cds-grid-column-hang: 0.96875rem;
5657
5681
  }
5658
5682
 
5683
+ .cds--css-grid--with-row-gap {
5684
+ row-gap: var(--cds-grid-gutter);
5685
+ }
5686
+
5687
+ .cds--css-grid--narrow.cds--css-grid--with-row-gap {
5688
+ row-gap: calc(var(--cds-grid-gutter) / 2);
5689
+ }
5690
+
5659
5691
  .cds--css-grid--start {
5660
5692
  margin-inline-start: 0;
5661
5693
  }
@@ -5686,11 +5718,24 @@ a.cds--overflow-menu-options__btn::before {
5686
5718
  }
5687
5719
 
5688
5720
  .cds--subgrid--condensed {
5721
+ --cds-grid-gutter: 0.0625rem;
5689
5722
  --cds-grid-gutter-start: 0.03125rem;
5690
5723
  --cds-grid-gutter-end: 0.03125rem;
5691
5724
  --cds-grid-column-hang: 0.96875rem;
5692
5725
  }
5693
5726
 
5727
+ .cds--subgrid--with-row-gap {
5728
+ row-gap: 2rem;
5729
+ }
5730
+
5731
+ .cds--subgrid--narrow.cds--subgrid--with-row-gap {
5732
+ row-gap: 1rem;
5733
+ }
5734
+
5735
+ .cds--subgrid--condensed.cds--subgrid--with-row-gap {
5736
+ row-gap: 0.0625rem;
5737
+ }
5738
+
5694
5739
  .cds--grid-column-hang {
5695
5740
  margin-inline-start: var(--cds-grid-column-hang);
5696
5741
  }
@@ -12817,6 +12862,27 @@ button.c4p--add-select__global-filter-toggle--open {
12817
12862
  padding-block: 0.03125rem;
12818
12863
  }
12819
12864
 
12865
+ .cds--grid--with-row-gap {
12866
+ --cds-grid-row-gap: 2rem;
12867
+ }
12868
+
12869
+ .cds--grid--with-row-gap > .cds--row {
12870
+ gap: var(--cds-grid-row-gap) 0;
12871
+ margin-block-end: var(--cds-grid-row-gap);
12872
+ }
12873
+
12874
+ .cds--grid--with-row-gap.cds--grid--condensed {
12875
+ --cds-grid-row-gap: 0;
12876
+ }
12877
+
12878
+ .cds--grid--with-row-gap.cds--grid--narrow {
12879
+ --cds-grid-row-gap: calc(2rem / 2);
12880
+ }
12881
+
12882
+ .cds--grid--with-row-gap > .cds--row:last-child {
12883
+ margin-block-end: 0;
12884
+ }
12885
+
12820
12886
  .cds--col {
12821
12887
  inline-size: 100%;
12822
12888
  padding-inline: 1rem;
@@ -15170,6 +15236,7 @@ button.c4p--add-select__global-filter-toggle--open {
15170
15236
  }
15171
15237
  .c4p--page-header__next .c4p--page-header__content__contextual-actions {
15172
15238
  display: flex;
15239
+ align-items: center;
15173
15240
  }
15174
15241
  .c4p--page-header__next .c4p--page-header__content__title {
15175
15242
  font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
@@ -15241,9 +15308,44 @@ button.c4p--add-select__global-filter-toggle--open {
15241
15308
  justify-content: flex-end;
15242
15309
  block-size: 100%;
15243
15310
  }
15311
+ .c4p--page-header__next .c4p--page-header__hero-image--object-fit-cover picture,
15312
+ .c4p--page-header__next .c4p--page-header__hero-image--object-fit-cover img, .c4p--page-header__next .c4p--page-header__hero-image--object-fit-contain picture,
15313
+ .c4p--page-header__next .c4p--page-header__hero-image--object-fit-contain img, .c4p--page-header__next .c4p--page-header__hero-image--object-fit-fill picture,
15314
+ .c4p--page-header__next .c4p--page-header__hero-image--object-fit-fill img, .c4p--page-header__next .c4p--page-header__hero-image--object-fit-none picture,
15315
+ .c4p--page-header__next .c4p--page-header__hero-image--object-fit-none img {
15316
+ block-size: 100%;
15317
+ inline-size: 100%;
15318
+ }
15319
+ .c4p--page-header__next .c4p--page-header__hero-image--object-fit-cover picture,
15320
+ .c4p--page-header__next .c4p--page-header__hero-image--object-fit-cover img {
15321
+ object-fit: cover;
15322
+ object-position: center;
15323
+ }
15324
+ .c4p--page-header__next .c4p--page-header__hero-image--object-fit-contain picture,
15325
+ .c4p--page-header__next .c4p--page-header__hero-image--object-fit-contain img {
15326
+ object-fit: contain;
15327
+ object-position: center;
15328
+ }
15329
+ .c4p--page-header__next .c4p--page-header__hero-image--object-fit-fill picture,
15330
+ .c4p--page-header__next .c4p--page-header__hero-image--object-fit-fill img {
15331
+ object-fit: fill;
15332
+ }
15333
+ .c4p--page-header__next .c4p--page-header__hero-image--object-fit-none picture,
15334
+ .c4p--page-header__next .c4p--page-header__hero-image--object-fit-none img {
15335
+ object-fit: none;
15336
+ object-position: center;
15337
+ }
15244
15338
  .c4p--page-header__next .c4p--page-header__tab-bar {
15339
+ position: relative;
15340
+ display: flex;
15341
+ align-items: center;
15245
15342
  background-color: var(--cds-layer);
15246
15343
  }
15344
+ @media (min-width: 99rem) {
15345
+ .c4p--page-header__next .c4p--page-header__tab-bar {
15346
+ display: block;
15347
+ }
15348
+ }
15247
15349
  .c4p--page-header__next .c4p--page-header__tab-bar--tablist {
15248
15350
  display: flex;
15249
15351
  align-items: center;
@@ -15303,19 +15405,15 @@ button.c4p--add-select__global-filter-toggle--open {
15303
15405
  align-content: center;
15304
15406
  justify-content: flex-end;
15305
15407
  inline-size: 40%;
15408
+ padding-inline-end: 0.5rem;
15306
15409
  text-align: end;
15307
15410
  }
15308
15411
  .c4p--page-header__next .c4p--page-header--tag-overflow-container .cds--tag {
15309
15412
  flex-shrink: 0;
15310
15413
  margin-inline-end: 0.5rem;
15311
15414
  }
15312
- @media (max-width: 41.98rem) {
15313
- .c4p--page-header__next .c4p--page-header--tag-overflow-container {
15314
- inline-size: auto;
15315
- }
15316
- }
15317
15415
  .c4p--page-header__next .c4p--page-header--tag-overflow-popover__hidden {
15318
- visibility: hidden;
15416
+ display: none;
15319
15417
  }
15320
15418
  .c4p--page-header__next .c4p--page-header__tag-item {
15321
15419
  flex-shrink: 0;
@@ -15334,8 +15432,18 @@ button.c4p--add-select__global-filter-toggle--open {
15334
15432
  }
15335
15433
  .c4p--page-header__next .c4p--page-header--scroller-button-container {
15336
15434
  position: relative;
15435
+ display: inline-flex;
15436
+ align-items: center;
15337
15437
  margin-inline-start: 0.5rem;
15338
- padding-inline-end: 1rem;
15438
+ }
15439
+ @media (min-width: 99rem) {
15440
+ .c4p--page-header__next .c4p--page-header--scroller-button-container {
15441
+ position: absolute;
15442
+ inset-block-start: 0;
15443
+ inset-inline-end: 0;
15444
+ margin-inline-start: 0;
15445
+ padding-inline-end: 0;
15446
+ }
15339
15447
  }
15340
15448
  @keyframes page-header-title-breadcrumb-animation {
15341
15449
  0% {
@@ -16107,11 +16215,21 @@ button.c4p--add-select__global-filter-toggle--open {
16107
16215
  }
16108
16216
 
16109
16217
  .cds--search {
16218
+ --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
16110
16219
  position: relative;
16111
16220
  display: flex;
16112
16221
  align-items: center;
16113
16222
  inline-size: 100%;
16114
16223
  }
16224
+ .cds--search .cds--search-close,
16225
+ .cds--search ~ .cds--search-button {
16226
+ block-size: var(--cds-layout-size-height-local);
16227
+ inline-size: var(--cds-layout-size-height-local);
16228
+ }
16229
+ .cds--search.cds--search--expandable, .cds--search.cds--search--expandable .cds--search-magnifier {
16230
+ block-size: var(--cds-layout-size-height-local);
16231
+ inline-size: var(--cds-layout-size-height-local);
16232
+ }
16115
16233
 
16116
16234
  .cds--search .cds--label {
16117
16235
  position: absolute;
@@ -16127,6 +16245,8 @@ button.c4p--add-select__global-filter-toggle--open {
16127
16245
  }
16128
16246
 
16129
16247
  .cds--search-input {
16248
+ --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
16249
+ --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));
16130
16250
  box-sizing: border-box;
16131
16251
  padding: 0;
16132
16252
  border: 0;
@@ -16148,10 +16268,11 @@ button.c4p--add-select__global-filter-toggle--open {
16148
16268
  outline: 2px solid transparent;
16149
16269
  outline-offset: -2px;
16150
16270
  order: 1;
16151
- padding: 0 2.5rem;
16271
+ padding: 0 var(--cds-layout-size-height-local);
16152
16272
  border: none;
16153
16273
  appearance: none;
16154
16274
  background-color: var(--cds-field);
16275
+ block-size: var(--cds-layout-size-height-local);
16155
16276
  border-block-end: 1px solid var(--cds-border-strong);
16156
16277
  color: var(--cds-text-primary, #161616);
16157
16278
  inline-size: 100%;
@@ -16198,33 +16319,8 @@ button.c4p--add-select__global-filter-toggle--open {
16198
16319
  background: var(--cds-field-02, #ffffff);
16199
16320
  }
16200
16321
 
16201
- .cds--search--sm .cds--search-input,
16202
- .cds--search--sm.cds--search--expandable.cds--search--expanded .cds--search-input {
16203
- padding: 0 2rem;
16204
- block-size: 2rem;
16205
- }
16206
-
16207
- .cds--search--sm .cds--search-magnifier-icon {
16208
- inset-inline-start: 0.5rem;
16209
- }
16210
-
16211
- .cds--search--md .cds--search-input,
16212
- .cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input {
16213
- padding: 0 2.5rem;
16214
- block-size: 2.5rem;
16215
- }
16216
-
16217
- .cds--search--md .cds--search-magnifier-icon {
16218
- inset-inline-start: 0.75rem;
16219
- }
16220
-
16221
- .cds--search--lg .cds--search-input,
16222
- .cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input {
16223
- padding: 0 3rem;
16224
- block-size: 3rem;
16225
- }
16226
-
16227
16322
  .cds--search-magnifier-icon {
16323
+ --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
16228
16324
  box-sizing: border-box;
16229
16325
  padding: 0;
16230
16326
  border: 0;
@@ -16245,7 +16341,7 @@ button.c4p--add-select__global-filter-toggle--open {
16245
16341
  fill: var(--cds-icon-secondary, #525252);
16246
16342
  inline-size: 1rem;
16247
16343
  inset-block-start: 50%;
16248
- inset-inline-start: 1rem;
16344
+ inset-inline-start: calc((var(--cds-layout-size-height-local) - 1rem) / 2);
16249
16345
  pointer-events: none;
16250
16346
  transform: translateY(-50%);
16251
16347
  }
@@ -16281,28 +16377,9 @@ button.c4p--add-select__global-filter-toggle--open {
16281
16377
  inset-block-start: 0;
16282
16378
  inset-inline-end: 0;
16283
16379
  }
16284
- .cds--search-close::before {
16285
- position: absolute;
16286
- display: block;
16287
- background-color: var(--cds-field);
16288
- block-size: calc(100% - 2px);
16289
- content: "";
16290
- inline-size: 2px;
16291
- inset-block-start: 0.0625rem;
16292
- inset-inline-start: 0;
16293
- transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
16294
- }
16295
- @media screen and (prefers-reduced-motion: reduce) {
16296
- .cds--search-close::before {
16297
- transition: none;
16298
- }
16299
- }
16300
16380
  .cds--search-close:hover {
16301
16381
  border-block-end: 1px solid var(--cds-border-strong);
16302
16382
  }
16303
- .cds--search-close:hover::before {
16304
- background-color: var(--cds-field-hover);
16305
- }
16306
16383
 
16307
16384
  .cds--search-button {
16308
16385
  flex-shrink: 0;
@@ -16315,23 +16392,25 @@ button.c4p--add-select__global-filter-toggle--open {
16315
16392
  }
16316
16393
 
16317
16394
  .cds--search-close svg {
16395
+ position: relative;
16396
+ z-index: 1;
16318
16397
  fill: inherit;
16319
16398
  }
16320
16399
 
16321
16400
  .cds--search-close,
16322
16401
  .cds--search-button {
16402
+ --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
16323
16403
  display: flex;
16324
16404
  align-items: center;
16325
16405
  justify-content: center;
16326
- border-width: 1px 0;
16406
+ border-width: 0 0 1px;
16327
16407
  border-style: solid;
16328
16408
  border-color: transparent;
16329
- block-size: 2.5rem;
16409
+ block-size: var(--cds-layout-size-height-local);
16330
16410
  cursor: pointer;
16331
16411
  fill: var(--cds-icon-primary, #161616);
16332
- inline-size: 2.5rem;
16412
+ inline-size: var(--cds-layout-size-height-local);
16333
16413
  opacity: 1;
16334
- transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
16335
16414
  visibility: inherit;
16336
16415
  }
16337
16416
  .cds--search-close:hover,
@@ -16365,6 +16444,20 @@ button.c4p--add-select__global-filter-toggle--open {
16365
16444
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
16366
16445
  }
16367
16446
 
16447
+ .cds--search-input:focus ~ .cds--search-close:hover {
16448
+ background-color: transparent;
16449
+ border-block-end-color: transparent;
16450
+ outline: none;
16451
+ }
16452
+ .cds--search-input:focus ~ .cds--search-close:hover::after {
16453
+ position: absolute;
16454
+ background-color: var(--cds-field-hover);
16455
+ content: "";
16456
+ inset-block: 0.125rem;
16457
+ inset-inline: 0 0.125rem;
16458
+ pointer-events: none;
16459
+ }
16460
+
16368
16461
  .cds--search--disabled .cds--search-close,
16369
16462
  .cds--search--disabled.cds--search--expandable .cds--search-magnifier {
16370
16463
  cursor: not-allowed;
@@ -16384,56 +16477,12 @@ button.c4p--add-select__global-filter-toggle--open {
16384
16477
  fill: var(--cds-icon-on-color-disabled, #8d8d8d);
16385
16478
  }
16386
16479
 
16387
- .cds--search-close:focus::before,
16388
- .cds--search-close:active::before {
16389
- background-color: var(--cds-focus, #0f62fe);
16390
- }
16391
-
16392
- .cds--search-input:focus ~ .cds--search-close:hover {
16393
- outline: 2px solid var(--cds-focus, #0f62fe);
16394
- outline-offset: -2px;
16395
- }
16396
- @media screen and (prefers-contrast) {
16397
- .cds--search-input:focus ~ .cds--search-close:hover {
16398
- outline-style: dotted;
16399
- }
16400
- }
16401
-
16402
- .cds--search--sm .cds--search-close,
16403
- .cds--search--sm ~ .cds--search-button, .cds--search--sm.cds--search--expandable, .cds--search--sm.cds--search--expandable .cds--search-magnifier {
16404
- block-size: 2rem;
16405
- inline-size: 2rem;
16406
- }
16407
- .cds--search--sm.cds--search--expandable .cds--search-input::placeholder {
16408
- padding: 0 2rem;
16409
- }
16410
-
16411
- .cds--search--md .cds--search-close,
16412
- .cds--search--md ~ .cds--search-button, .cds--search--md.cds--search--expandable, .cds--search--md.cds--search--expandable .cds--search-magnifier {
16413
- block-size: 2.5rem;
16414
- inline-size: 2.5rem;
16415
- }
16416
- .cds--search--md.cds--search--expandable .cds--search-input::placeholder {
16417
- padding: 0 2.5rem;
16418
- }
16419
-
16420
- .cds--search--lg .cds--search-close,
16421
- .cds--search--lg ~ .cds--search-button, .cds--search--lg.cds--search--expandable, .cds--search--lg.cds--search--expandable .cds--search-magnifier {
16422
- block-size: 3rem;
16423
- inline-size: 3rem;
16424
- }
16425
- .cds--search--lg.cds--search--expandable .cds--search-input::placeholder {
16426
- padding: 0 3rem;
16427
- }
16428
-
16429
16480
  .cds--search-close--hidden {
16430
16481
  opacity: 0;
16431
16482
  visibility: hidden;
16432
16483
  }
16433
16484
 
16434
- .cds--search--lg.cds--skeleton .cds--search-input,
16435
- .cds--search--md.cds--skeleton .cds--search-input,
16436
- .cds--search--sm.cds--skeleton .cds--search-input {
16485
+ .cds--skeleton .cds--search-input {
16437
16486
  position: relative;
16438
16487
  padding: 0;
16439
16488
  border: none;
@@ -16441,20 +16490,12 @@ button.c4p--add-select__global-filter-toggle--open {
16441
16490
  box-shadow: none;
16442
16491
  pointer-events: none;
16443
16492
  }
16444
- .cds--search--lg.cds--skeleton .cds--search-input:hover, .cds--search--lg.cds--skeleton .cds--search-input:focus, .cds--search--lg.cds--skeleton .cds--search-input:active,
16445
- .cds--search--md.cds--skeleton .cds--search-input:hover,
16446
- .cds--search--md.cds--skeleton .cds--search-input:focus,
16447
- .cds--search--md.cds--skeleton .cds--search-input:active,
16448
- .cds--search--sm.cds--skeleton .cds--search-input:hover,
16449
- .cds--search--sm.cds--skeleton .cds--search-input:focus,
16450
- .cds--search--sm.cds--skeleton .cds--search-input:active {
16493
+ .cds--skeleton .cds--search-input:hover, .cds--skeleton .cds--search-input:focus, .cds--skeleton .cds--search-input:active {
16451
16494
  border: none;
16452
16495
  cursor: default;
16453
16496
  outline: none;
16454
16497
  }
16455
- .cds--search--lg.cds--skeleton .cds--search-input::before,
16456
- .cds--search--md.cds--skeleton .cds--search-input::before,
16457
- .cds--search--sm.cds--skeleton .cds--search-input::before {
16498
+ .cds--skeleton .cds--search-input::before {
16458
16499
  position: absolute;
16459
16500
  animation: 3000ms ease-in-out cds--skeleton infinite;
16460
16501
  background: var(--cds-skeleton-element, #c6c6c6);
@@ -16465,33 +16506,23 @@ button.c4p--add-select__global-filter-toggle--open {
16465
16506
  will-change: transform-origin, transform, opacity;
16466
16507
  }
16467
16508
  @media (prefers-reduced-motion: reduce) {
16468
- .cds--search--lg.cds--skeleton .cds--search-input::before,
16469
- .cds--search--md.cds--skeleton .cds--search-input::before,
16470
- .cds--search--sm.cds--skeleton .cds--search-input::before {
16509
+ .cds--skeleton .cds--search-input::before {
16471
16510
  animation: none;
16472
16511
  }
16473
16512
  }
16474
16513
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
16475
- .cds--search--lg.cds--skeleton .cds--search-input,
16476
- .cds--search--md.cds--skeleton .cds--search-input,
16477
- .cds--search--sm.cds--skeleton .cds--search-input {
16514
+ .cds--skeleton .cds--search-input {
16478
16515
  background: CanvasText;
16479
16516
  }
16480
- .cds--search--lg.cds--skeleton .cds--search-input::before,
16481
- .cds--search--md.cds--skeleton .cds--search-input::before,
16482
- .cds--search--sm.cds--skeleton .cds--search-input::before {
16517
+ .cds--skeleton .cds--search-input::before {
16483
16518
  background: Canvas;
16484
16519
  forced-color-adjust: none;
16485
16520
  }
16486
16521
  }
16487
- .cds--search--lg.cds--skeleton .cds--search-input,
16488
- .cds--search--md.cds--skeleton .cds--search-input,
16489
- .cds--search--sm.cds--skeleton .cds--search-input {
16522
+ .cds--skeleton .cds--search-input {
16490
16523
  inline-size: 100%;
16491
16524
  }
16492
- .cds--search--lg.cds--skeleton .cds--search-input::placeholder,
16493
- .cds--search--md.cds--skeleton .cds--search-input::placeholder,
16494
- .cds--search--sm.cds--skeleton .cds--search-input::placeholder {
16525
+ .cds--skeleton .cds--search-input::placeholder {
16495
16526
  color: transparent;
16496
16527
  }
16497
16528
 
@@ -16517,6 +16548,7 @@ button.c4p--add-select__global-filter-toggle--open {
16517
16548
  }
16518
16549
 
16519
16550
  .cds--search--expandable.cds--search--expanded .cds--search-input {
16551
+ padding: 0 var(--cds-layout-size-height-local);
16520
16552
  inline-size: 100%;
16521
16553
  transition: padding 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
16522
16554
  }
@@ -17353,6 +17385,7 @@ button.c4p--add-select__global-filter-toggle--open {
17353
17385
  --cds-syntax-definition: #33b1ff;
17354
17386
  --cds-syntax-definition-keyword: #33b1ff;
17355
17387
  --cds-syntax-definition-operator: #33b1ff;
17388
+ --cds-syntax-deleted: #a2191f;
17356
17389
  --cds-syntax-deref-operator: #e0e0e0;
17357
17390
  --cds-syntax-doc-comment: #42be65;
17358
17391
  --cds-syntax-doc-string: #f4f4f4;
@@ -17368,6 +17401,7 @@ button.c4p--add-select__global-filter-toggle--open {
17368
17401
  --cds-syntax-heading-4: #33b1ff;
17369
17402
  --cds-syntax-heading-5: #33b1ff;
17370
17403
  --cds-syntax-heading-6: #33b1ff;
17404
+ --cds-syntax-inserted: #198038;
17371
17405
  --cds-syntax-integer: #6fdc8c;
17372
17406
  --cds-syntax-invalid: #fa4d56;
17373
17407
  --cds-syntax-keyword: #4589ff;
@@ -17965,6 +17999,7 @@ button.c4p--add-select__global-filter-toggle--open {
17965
17999
  --cds-syntax-definition: #33b1ff;
17966
18000
  --cds-syntax-definition-keyword: #33b1ff;
17967
18001
  --cds-syntax-definition-operator: #33b1ff;
18002
+ --cds-syntax-deleted: #a2191f;
17968
18003
  --cds-syntax-deref-operator: #e0e0e0;
17969
18004
  --cds-syntax-doc-comment: #42be65;
17970
18005
  --cds-syntax-doc-string: #f4f4f4;
@@ -17980,6 +18015,7 @@ button.c4p--add-select__global-filter-toggle--open {
17980
18015
  --cds-syntax-heading-4: #33b1ff;
17981
18016
  --cds-syntax-heading-5: #33b1ff;
17982
18017
  --cds-syntax-heading-6: #33b1ff;
18018
+ --cds-syntax-inserted: #198038;
17983
18019
  --cds-syntax-integer: #6fdc8c;
17984
18020
  --cds-syntax-invalid: #fa4d56;
17985
18021
  --cds-syntax-keyword: #4589ff;
@@ -18891,16 +18927,15 @@ button.c4p--add-select__global-filter-toggle--open {
18891
18927
  }
18892
18928
 
18893
18929
  .c4p--edit-in-place--sm {
18894
- --c4p--edit-in-place--size: 2rem;
18930
+ --c4p--edit-in-place--size: 2.5rem;
18895
18931
  }
18896
18932
 
18897
18933
  .c4p--edit-in-place--md {
18898
- --c4p--edit-in-place--size: 2.5rem;
18934
+ --c4p--edit-in-place--size: 3rem;
18899
18935
  }
18900
18936
 
18901
18937
  .c4p--edit-in-place--lg {
18902
- /* April 2023 max text input size */
18903
- --c4p--edit-in-place--size: 3rem;
18938
+ --c4p--edit-in-place--size: 4rem;
18904
18939
  }
18905
18940
 
18906
18941
  .c4p--edit-in-place__toggletip-wrapper {
@@ -18932,9 +18967,16 @@ button.c4p--add-select__global-filter-toggle--open {
18932
18967
 
18933
18968
  .c4p--edit-in-place--focused {
18934
18969
  background: var(--cds-field-01, #f4f4f4);
18970
+ }
18971
+
18972
+ .c4p--edit-in-place--focused:has(.c4p--edit-in-place__text-input:focus) {
18935
18973
  outline: 2px solid var(--cds-focus, #0f62fe);
18936
18974
  }
18937
18975
 
18976
+ .c4p--edit-in-place--invalid.c4p--edit-in-place--focused {
18977
+ border: none;
18978
+ }
18979
+
18938
18980
  .c4p--edit-in-place__text-input {
18939
18981
  flex: 1;
18940
18982
  }
@@ -18973,8 +19015,8 @@ button.c4p--add-select__global-filter-toggle--open {
18973
19015
  outline: none;
18974
19016
  }
18975
19017
 
18976
- .c4p--edit-in-place__text-input.cds--text-input:focus,
18977
- .c4p--edit-in-place__text-input.cds--text-input:active {
19018
+ .c4p--edit-in-place:not(.c4p--edit-in-place--focused) .c4p--edit-in-place__text-input.cds--text-input:focus,
19019
+ .c4p--edit-in-place:not(.c4p--edit-in-place--focused) .c4p--edit-in-place__text-input.cds--text-input:active {
18978
19020
  outline: none;
18979
19021
  }
18980
19022
 
@@ -18982,8 +19024,18 @@ button.c4p--add-select__global-filter-toggle--open {
18982
19024
  --toolbar-width: var(--c4p--edit-in-place--size);
18983
19025
  --toolbar-width-focussed: calc(2 * var(--c4p--edit-in-place--size));
18984
19026
  display: inline-flex;
19027
+ align-self: stretch;
18985
19028
  inline-size: var(--toolbar-width);
18986
19029
  }
19030
+ .c4p--edit-in-place__toolbar .cds--btn.cds--btn--icon-only {
19031
+ padding: 0;
19032
+ min-block-size: unset;
19033
+ }
19034
+
19035
+ .c4p--edit-in-place__toolbar .cds--btn.cds--btn--icon-only {
19036
+ block-size: var(--c4p--edit-in-place--size);
19037
+ inline-size: var(--c4p--edit-in-place--size);
19038
+ }
18987
19039
 
18988
19040
  .c4p--edit-in-place--invalid .c4p--edit-in-place__toolbar {
18989
19041
  --toolbar-width: calc(var(--c4p--edit-in-place--size) + 2rem);
@@ -22321,6 +22373,24 @@ th.c4p--datagrid__select-all-toggle-on.button {
22321
22373
  color: var(--cds-link-primary, #0f62fe);
22322
22374
  cursor: pointer;
22323
22375
  }
22376
+ .c4p--truncated-text__expand-toggle:focus-visible {
22377
+ outline: 2px solid var(--cds-focus, #0f62fe);
22378
+ outline-offset: 2px;
22379
+ }
22380
+ .c4p--truncated-text__tooltip-trigger {
22381
+ display: inline;
22382
+ padding: 0;
22383
+ border: 0;
22384
+ background: none;
22385
+ color: inherit;
22386
+ cursor: default;
22387
+ font: inherit;
22388
+ text-align: inherit;
22389
+ }
22390
+ .c4p--truncated-text__tooltip-trigger:focus-visible {
22391
+ outline: 2px solid var(--cds-focus, #0f62fe);
22392
+ outline-offset: 2px;
22393
+ }
22324
22394
 
22325
22395
  /* stylelint-disable max-nesting-depth */
22326
22396
  /* stylelint-disable declaration-no-important */
@@ -23512,6 +23582,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
23512
23582
  --cds-syntax-definition: #00539a;
23513
23583
  --cds-syntax-definition-keyword: #00539a;
23514
23584
  --cds-syntax-definition-operator: #00539a;
23585
+ --cds-syntax-deleted: #ffd7d9;
23515
23586
  --cds-syntax-deref-operator: #343a3f;
23516
23587
  --cds-syntax-doc-comment: #198038;
23517
23588
  --cds-syntax-doc-string: #161616;
@@ -23527,6 +23598,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
23527
23598
  --cds-syntax-heading-4: #00539a;
23528
23599
  --cds-syntax-heading-5: #00539a;
23529
23600
  --cds-syntax-heading-6: #00539a;
23601
+ --cds-syntax-inserted: #a7f0ba;
23530
23602
  --cds-syntax-integer: #198038;
23531
23603
  --cds-syntax-invalid: #da1e28;
23532
23604
  --cds-syntax-keyword: #0f62fe;
@@ -24100,6 +24172,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
24100
24172
  --cds-syntax-definition: #33b1ff;
24101
24173
  --cds-syntax-definition-keyword: #33b1ff;
24102
24174
  --cds-syntax-definition-operator: #33b1ff;
24175
+ --cds-syntax-deleted: #a2191f;
24103
24176
  --cds-syntax-deref-operator: #e0e0e0;
24104
24177
  --cds-syntax-doc-comment: #42be65;
24105
24178
  --cds-syntax-doc-string: #f4f4f4;
@@ -24115,6 +24188,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
24115
24188
  --cds-syntax-heading-4: #33b1ff;
24116
24189
  --cds-syntax-heading-5: #33b1ff;
24117
24190
  --cds-syntax-heading-6: #33b1ff;
24191
+ --cds-syntax-inserted: #198038;
24118
24192
  --cds-syntax-integer: #6fdc8c;
24119
24193
  --cds-syntax-invalid: #fa4d56;
24120
24194
  --cds-syntax-keyword: #4589ff;
@@ -28514,6 +28588,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
28514
28588
  --cds-syntax-definition: #33b1ff;
28515
28589
  --cds-syntax-definition-keyword: #33b1ff;
28516
28590
  --cds-syntax-definition-operator: #33b1ff;
28591
+ --cds-syntax-deleted: #a2191f;
28517
28592
  --cds-syntax-deref-operator: #e0e0e0;
28518
28593
  --cds-syntax-doc-comment: #42be65;
28519
28594
  --cds-syntax-doc-string: #f4f4f4;
@@ -28529,6 +28604,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
28529
28604
  --cds-syntax-heading-4: #33b1ff;
28530
28605
  --cds-syntax-heading-5: #33b1ff;
28531
28606
  --cds-syntax-heading-6: #33b1ff;
28607
+ --cds-syntax-inserted: #198038;
28532
28608
  --cds-syntax-integer: #6fdc8c;
28533
28609
  --cds-syntax-invalid: #fa4d56;
28534
28610
  --cds-syntax-keyword: #4589ff;