@carbon/ibm-products 2.0.0-rc.29 → 2.0.0-rc.32
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +19 -17
- package/css/index-full-carbon.css +946 -325
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +4 -6
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +137 -147
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +2 -4
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +163 -163
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +4 -6
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +398 -207
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -5
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.js +29 -41
- package/es/components/APIKeyModal/APIKeyModal.js +101 -185
- package/es/components/APIKeyModal/index.js +1 -0
- package/es/components/AboutModal/AboutModal.js +46 -59
- package/es/components/AboutModal/index.js +1 -0
- package/es/components/ActionBar/ActionBar.js +65 -68
- package/es/components/ActionBar/ActionBarItem.js +21 -22
- package/es/components/ActionBar/ActionBarOverflowItems.js +12 -12
- package/es/components/ActionBar/index.js +1 -0
- package/es/components/ActionSet/ActionSet.js +32 -42
- package/es/components/ActionSet/actions.js +1 -2
- package/es/components/ActionSet/index.js +1 -0
- package/es/components/AddSelect/AddSelect.js +3 -4
- package/es/components/AddSelect/AddSelectBody.js +75 -102
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +3 -4
- package/es/components/AddSelect/AddSelectColumn.js +32 -50
- package/es/components/AddSelect/AddSelectFilter.js +22 -35
- package/es/components/AddSelect/AddSelectFormControl.js +7 -17
- package/es/components/AddSelect/AddSelectList.js +6 -7
- package/es/components/AddSelect/AddSelectMetaPanel.js +4 -5
- package/es/components/AddSelect/AddSelectRow.js +25 -39
- package/es/components/AddSelect/AddSelectSidebar.js +15 -22
- package/es/components/AddSelect/AddSelectSort.js +9 -8
- package/es/components/AddSelect/add-select-utils.js +2 -23
- package/es/components/AddSelect/hooks/useFocus.js +3 -7
- package/es/components/AddSelect/hooks/useItemSort.js +7 -8
- package/es/components/AddSelect/hooks/useParentSelect.js +4 -6
- package/es/components/AddSelect/hooks/usePath.js +7 -22
- package/es/components/AddSelect/index.js +1 -0
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +67 -90
- package/es/components/BreadcrumbWithOverflow/index.js +2 -0
- package/es/components/ButtonMenu/ButtonMenu.js +35 -34
- package/es/components/ButtonMenu/ButtonMenuItem.js +10 -6
- package/es/components/ButtonMenu/index.js +1 -0
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +35 -53
- package/es/components/ButtonSetWithOverflow/index.js +1 -0
- package/es/components/Card/Card.js +55 -73
- package/es/components/Card/CardFooter.js +19 -18
- package/es/components/Card/CardHeader.js +13 -13
- package/es/components/Card/index.js +1 -0
- package/es/components/Cascade/Cascade.js +5 -14
- package/es/components/ComboButton/ComboButton.js +24 -35
- package/es/components/ComboButton/ComboButtonItem/index.js +4 -8
- package/es/components/ComboButton/index.js +1 -0
- package/es/components/CreateFullPage/CreateFullPage.js +65 -87
- package/es/components/CreateFullPage/CreateFullPageStep.js +28 -40
- package/es/components/CreateFullPage/index.js +1 -0
- package/es/components/CreateInfluencer/CreateInfluencer.js +14 -15
- package/es/components/CreateInfluencer/index.js +1 -0
- package/es/components/CreateModal/CreateModal.js +19 -31
- package/es/components/CreateModal/index.js +2 -0
- package/es/components/CreateSidePanel/CreateSidePanel.js +24 -37
- package/es/components/CreateSidePanel/index.js +1 -0
- package/es/components/CreateTearsheet/CreateTearsheet.js +66 -91
- package/es/components/CreateTearsheet/CreateTearsheetDivider.js +4 -4
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +31 -42
- package/es/components/CreateTearsheet/index.js +1 -0
- package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +47 -67
- package/es/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +41 -57
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +30 -39
- package/es/components/CreateTearsheetNarrow/index.js +1 -0
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +136 -224
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +62 -113
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +25 -56
- package/es/components/DataSpreadsheet/hooks/index.js +1 -0
- package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js +6 -5
- package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +23 -44
- package/es/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +5 -5
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +18 -30
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +10 -14
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +34 -54
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +10 -10
- package/es/components/DataSpreadsheet/index.js +1 -0
- package/es/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +4 -8
- package/es/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +3 -4
- package/es/components/DataSpreadsheet/utils/createActiveCellFn.js +15 -19
- package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +15 -17
- package/es/components/DataSpreadsheet/utils/generateData.js +4 -13
- package/es/components/DataSpreadsheet/utils/getCellSize.js +1 -6
- package/es/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +1 -0
- package/es/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +7 -9
- package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +20 -34
- package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +20 -30
- package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +6 -8
- package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +13 -20
- package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +22 -44
- package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +40 -75
- package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +6 -8
- package/es/components/DataSpreadsheet/utils/removeCellSelections.js +6 -8
- package/es/components/DataSpreadsheet/utils/selectAllCells.js +7 -11
- package/es/components/Datagrid/Datagrid/Datagrid.js +13 -13
- package/es/components/Datagrid/Datagrid/DatagridBody.js +4 -10
- package/es/components/Datagrid/Datagrid/DatagridContent.js +38 -51
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +10 -12
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -6
- package/es/components/Datagrid/Datagrid/DatagridHead.js +6 -6
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -7
- package/es/components/Datagrid/Datagrid/DatagridRefBody.js +5 -8
- package/es/components/Datagrid/Datagrid/DatagridRow.js +6 -22
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +13 -23
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +29 -41
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +2 -7
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +27 -40
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +14 -25
- package/es/components/Datagrid/Datagrid/DraggableElement.js +75 -86
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -4
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +6 -10
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +15 -25
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +52 -69
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +12 -15
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +6 -12
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +61 -87
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +73 -89
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +8 -16
- package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +4 -5
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +39 -64
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +3 -8
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +8 -12
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +2 -4
- package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +8 -14
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +11 -12
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +57 -109
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +7 -21
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +9 -14
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -3
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +29 -63
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +14 -21
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +8 -12
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +18 -27
- package/es/components/Datagrid/Datagrid/addons/RowSize/index.js +1 -0
- package/es/components/Datagrid/Datagrid/index.js +1 -0
- package/es/components/Datagrid/Datagrid.stories/StickyActionsColumnStory.js +10 -0
- package/es/components/Datagrid/Datagrid.stories/common.js +2 -11
- package/es/components/Datagrid/common-column-ids.js +1 -0
- package/es/components/Datagrid/index.js +1 -0
- package/es/components/Datagrid/useActionsColumn.js +21 -39
- package/es/components/Datagrid/useColumnCenterAlign.js +0 -8
- package/es/components/Datagrid/useColumnOrder.js +1 -0
- package/es/components/Datagrid/useColumnRightAlign.js +0 -8
- package/es/components/Datagrid/useCustomizeColumns.js +5 -13
- package/es/components/Datagrid/useDatagrid.js +0 -7
- package/es/components/Datagrid/useDefaultStringRenderer.js +0 -9
- package/es/components/Datagrid/useDisableSelectRows.js +2 -10
- package/es/components/Datagrid/useEditableCell.js +1 -2
- package/es/components/Datagrid/useExpandedRow.js +5 -15
- package/es/components/Datagrid/useFiltering.js +9 -19
- package/es/components/Datagrid/useFlexResize.js +0 -7
- package/es/components/Datagrid/useFloatingScroll.js +9 -22
- package/es/components/Datagrid/useInfiniteScroll.js +7 -16
- package/es/components/Datagrid/useInlineEdit.js +2 -10
- package/es/components/Datagrid/useNestedRowExpander.js +0 -6
- package/es/components/Datagrid/useNestedRows.js +1 -10
- package/es/components/Datagrid/useOnRowClick.js +4 -11
- package/es/components/Datagrid/useParentDimensions.js +6 -16
- package/es/components/Datagrid/useResizeTable.js +1 -7
- package/es/components/Datagrid/useRowExpander.js +0 -5
- package/es/components/Datagrid/useRowIsMouseOver.js +6 -15
- package/es/components/Datagrid/useRowRenderer.js +0 -5
- package/es/components/Datagrid/useRowSize.js +8 -20
- package/es/components/Datagrid/useSelectAllToggle.js +14 -27
- package/es/components/Datagrid/useSelectRows.js +15 -34
- package/es/components/Datagrid/useSkeletonRows.js +1 -6
- package/es/components/Datagrid/useSortableColumns.js +3 -25
- package/es/components/Datagrid/useStickyColumn.js +5 -37
- package/es/components/Datagrid/utils/DatagridActions.js +19 -29
- package/es/components/Datagrid/utils/DatagridPagination.js +5 -6
- package/es/components/Datagrid/utils/Wrapper.js +1 -1
- package/es/components/Datagrid/utils/getArgTypes.js +1 -0
- package/es/components/Datagrid/utils/getAutoSizedColumnWidth.js +1 -3
- package/es/components/Datagrid/utils/getInlineEditColumns.js +1 -3
- package/es/components/Datagrid/utils/makeData.js +3 -18
- package/es/components/EditFullPage/EditFullPage.js +27 -20
- package/es/components/EditFullPage/index.js +1 -0
- package/es/components/EditInPlace/EditInPlace.js +33 -71
- package/es/components/EditInPlace/index.js +1 -0
- package/es/components/EditSidePanel/EditSidePanel.js +38 -51
- package/es/components/EditSidePanel/index.js +1 -0
- package/es/components/EditTearsheet/EditTearsheet.js +35 -45
- package/es/components/EditTearsheet/EditTearsheetForm.js +19 -25
- package/es/components/EditTearsheet/index.js +1 -0
- package/es/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +37 -49
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +27 -20
- package/es/components/EditTearsheetNarrow/index.js +1 -0
- package/es/components/EditUpdateCards/EditUpdateCards.js +33 -35
- package/es/components/EditUpdateCards/index.js +1 -0
- package/es/components/EmptyStates/EmptyState.js +33 -36
- package/es/components/EmptyStates/EmptyStateContent.js +19 -18
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +28 -26
- package/es/components/EmptyStates/ErrorEmptyState/index.js +1 -0
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +28 -26
- package/es/components/EmptyStates/NoDataEmptyState/index.js +1 -0
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +28 -26
- package/es/components/EmptyStates/NoTagsEmptyState/index.js +1 -0
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +28 -26
- package/es/components/EmptyStates/NotFoundEmptyState/index.js +1 -0
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +28 -26
- package/es/components/EmptyStates/NotificationsEmptyState/index.js +1 -0
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +28 -26
- package/es/components/EmptyStates/UnauthorizedEmptyState/index.js +1 -0
- package/es/components/EmptyStates/assets/ErrorIllustration.js +7 -6
- package/es/components/EmptyStates/assets/NoDataIllustration.js +7 -6
- package/es/components/EmptyStates/assets/NoTagsIllustration.js +7 -6
- package/es/components/EmptyStates/assets/NotFoundIllustration.js +7 -6
- package/es/components/EmptyStates/assets/NotificationsIllustration.js +7 -6
- package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +7 -6
- package/es/components/EmptyStates/index.js +1 -0
- package/es/components/ExampleComponent/ExampleComponent.js +44 -57
- package/es/components/ExampleComponent/ExampleDeprecatedComponent.js +7 -3
- package/es/components/ExampleComponent/index.js +1 -0
- package/es/components/ExampleComponent/useExample.js +12 -14
- package/es/components/ExportModal/ExportModal.js +41 -80
- package/es/components/ExportModal/index.js +1 -0
- package/es/components/ExpressiveCard/ExpressiveCard.js +3 -20
- package/es/components/ExpressiveCard/index.js +1 -0
- package/es/components/FilterSummary/FilterSummary.js +8 -8
- package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +16 -18
- package/es/components/HTTPErrors/HTTPError403/index.js +1 -0
- package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +16 -18
- package/es/components/HTTPErrors/HTTPError404/index.js +1 -0
- package/es/components/HTTPErrors/HTTPErrorContent.js +15 -18
- package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +16 -18
- package/es/components/HTTPErrors/HTTPErrorOther/index.js +1 -0
- package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +6 -3
- package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +6 -3
- package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +6 -3
- package/es/components/HTTPErrors/index.js +1 -0
- package/es/components/ImportModal/ImportModal.js +82 -137
- package/es/components/ImportModal/index.js +1 -0
- package/es/components/MultiAddSelect/MultiAddSelect.js +1 -23
- package/es/components/MultiAddSelect/index.js +1 -0
- package/es/components/NotificationsPanel/NotificationsPanel.js +85 -126
- package/es/components/NotificationsPanel/NotificationsPanel_data.js +1 -0
- package/es/components/NotificationsPanel/index.js +1 -0
- package/es/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +1 -2
- package/es/components/NotificationsPanel/utils.js +13 -19
- package/es/components/OptionsTile/OptionsTile.js +60 -89
- package/es/components/OptionsTile/index.js +1 -0
- package/es/components/PageHeader/PageHeader.js +119 -187
- package/es/components/PageHeader/PageHeaderDemo.data.js +0 -1
- package/es/components/PageHeader/PageHeaderTitle.js +18 -23
- package/es/components/PageHeader/PageHeaderUtils.js +18 -45
- package/es/components/PageHeader/index.js +1 -0
- package/es/components/ProductiveCard/ProductiveCard.js +7 -24
- package/es/components/ProductiveCard/index.js +1 -0
- package/es/components/RemoveModal/RemoveModal.js +26 -49
- package/es/components/RemoveModal/index.js +1 -0
- package/es/components/Saving/Saving.js +15 -30
- package/es/components/Saving/index.js +1 -0
- package/es/components/SidePanel/SidePanel.js +105 -151
- package/es/components/SidePanel/constants.js +1 -0
- package/es/components/SidePanel/index.js +1 -0
- package/es/components/SidePanel/motion/variants.js +1 -0
- package/es/components/SingleAddSelect/SingleAddSelect.js +1 -14
- package/es/components/SingleAddSelect/index.js +1 -0
- package/es/components/StatusIcon/StatusIcon.js +5 -12
- package/es/components/StatusIcon/index.js +1 -0
- package/es/components/TagSet/TagSet.js +57 -90
- package/es/components/TagSet/TagSetModal.js +19 -30
- package/es/components/TagSet/TagSetOverflow.js +14 -23
- package/es/components/TagSet/constants.js +1 -0
- package/es/components/TagSet/index.js +1 -0
- package/es/components/Tearsheet/Tearsheet.js +26 -35
- package/es/components/Tearsheet/TearsheetNarrow.js +22 -26
- package/es/components/Tearsheet/TearsheetShell.js +80 -91
- package/es/components/Tearsheet/index.js +1 -0
- package/es/components/Toolbar/Toolbar.js +13 -27
- package/es/components/Toolbar/ToolbarButton.js +8 -14
- package/es/components/Toolbar/ToolbarGroup.js +4 -6
- package/es/components/Toolbar/index.js +1 -0
- package/es/components/UserProfileImage/UserProfileImage.js +26 -40
- package/es/components/UserProfileImage/index.js +2 -0
- package/es/components/WebTerminal/WebTerminal.js +44 -54
- package/es/components/WebTerminal/WebTerminalContentWrapper.js +14 -11
- package/es/components/WebTerminal/hooks/index.js +8 -7
- package/es/components/WebTerminal/index.js +1 -0
- package/es/components/WebTerminal/preview-components/Navigation.js +2 -4
- package/es/components/WebTerminal/preview-components/documentationLinks.js +1 -0
- package/es/components/_Canary/Canary.js +13 -13
- package/es/components/_Canary/index.js +1 -0
- package/es/components/index.js +1 -0
- package/es/global/js/hooks/index.js +1 -0
- package/es/global/js/hooks/useActiveElement.js +4 -6
- package/es/global/js/hooks/useClickOutside.js +1 -1
- package/es/global/js/hooks/useControllableState.js +14 -23
- package/es/global/js/hooks/useCreateComponentFocus.js +16 -22
- package/es/global/js/hooks/useCreateComponentStepChange.js +94 -131
- package/es/global/js/hooks/usePreviousValue.js +2 -1
- package/es/global/js/hooks/useResetCreateComponent.js +11 -10
- package/es/global/js/hooks/useResizeObserver.js +14 -19
- package/es/global/js/hooks/useRetrieveStepData.js +7 -10
- package/es/global/js/hooks/useValidCreateStepCount.js +2 -1
- package/es/global/js/hooks/useWindowResize.js +8 -16
- package/es/global/js/hooks/useWindowScroll.js +4 -15
- package/es/global/js/package-settings.js +5 -14
- package/es/global/js/utils/ClickListener.js +5 -10
- package/es/global/js/utils/DisplayBox.js +3 -2
- package/es/global/js/utils/Wrap.js +14 -17
- package/es/global/js/utils/deepCloneObject.js +5 -8
- package/es/global/js/utils/devtools.js +1 -4
- package/es/global/js/utils/getBezierValues.js +1 -2
- package/es/global/js/utils/getFocusableElements.js +1 -1
- package/es/global/js/utils/getNumberOfHiddenSteps.js +1 -1
- package/es/global/js/utils/getScrollbarWidth.js +1 -0
- package/es/global/js/utils/keyboardNavigation.js +7 -5
- package/es/global/js/utils/lastIndexInArray.js +0 -2
- package/es/global/js/utils/motionConstants.js +2 -3
- package/es/global/js/utils/pconsole.js +1 -3
- package/es/global/js/utils/props-helper.js +19 -35
- package/es/global/js/utils/rangeWithCallback.js +1 -0
- package/es/global/js/utils/scrollableAncestor.js +6 -9
- package/es/global/js/utils/story-helper.js +31 -11
- package/es/global/js/utils/test-helper.js +39 -59
- package/es/global/js/utils/unwrap-if-fragment.js +9 -17
- package/es/global/js/utils/uuidv4.js +1 -2
- package/es/global/js/utils/uuidv4.spec.js +1 -1
- package/es/global/js/utils/wait.js +1 -1
- package/es/global/js/utils/wrapFocus.js +8 -14
- package/es/index.js +1 -0
- package/es/settings.js +22 -23
- package/lib/components/APIKeyModal/APIKeyDownloader.js +29 -54
- package/lib/components/APIKeyModal/APIKeyModal.js +106 -207
- package/lib/components/APIKeyModal/index.js +0 -1
- package/lib/components/AboutModal/AboutModal.js +48 -74
- package/lib/components/AboutModal/index.js +0 -1
- package/lib/components/ActionBar/ActionBar.js +66 -83
- package/lib/components/ActionBar/ActionBarItem.js +23 -29
- package/lib/components/ActionBar/ActionBarOverflowItems.js +10 -22
- package/lib/components/ActionBar/index.js +0 -2
- package/lib/components/ActionSet/ActionSet.js +37 -52
- package/lib/components/ActionSet/actions.js +1 -5
- package/lib/components/ActionSet/index.js +0 -1
- package/lib/components/AddSelect/AddSelect.js +8 -17
- package/lib/components/AddSelect/AddSelectBody.js +80 -129
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +3 -14
- package/lib/components/AddSelect/AddSelectColumn.js +37 -72
- package/lib/components/AddSelect/AddSelectFilter.js +27 -51
- package/lib/components/AddSelect/AddSelectFormControl.js +7 -27
- package/lib/components/AddSelect/AddSelectList.js +11 -22
- package/lib/components/AddSelect/AddSelectMetaPanel.js +4 -18
- package/lib/components/AddSelect/AddSelectRow.js +25 -55
- package/lib/components/AddSelect/AddSelectSidebar.js +20 -33
- package/lib/components/AddSelect/AddSelectSort.js +9 -19
- package/lib/components/AddSelect/add-select-utils.js +2 -33
- package/lib/components/AddSelect/hooks/useFocus.js +3 -10
- package/lib/components/AddSelect/hooks/useItemSort.js +7 -13
- package/lib/components/AddSelect/hooks/useParentSelect.js +4 -9
- package/lib/components/AddSelect/hooks/usePath.js +12 -24
- package/lib/components/AddSelect/index.js +0 -1
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +68 -103
- package/lib/components/BreadcrumbWithOverflow/index.js +0 -1
- package/lib/components/ButtonMenu/ButtonMenu.js +36 -38
- package/lib/components/ButtonMenu/ButtonMenuItem.js +9 -10
- package/lib/components/ButtonMenu/index.js +0 -2
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +39 -72
- package/lib/components/ButtonSetWithOverflow/index.js +0 -1
- package/lib/components/Card/Card.js +58 -85
- package/lib/components/Card/CardFooter.js +19 -28
- package/lib/components/Card/CardHeader.js +13 -23
- package/lib/components/Card/index.js +0 -3
- package/lib/components/Cascade/Cascade.js +10 -31
- package/lib/components/Cascade/index.js +0 -1
- package/lib/components/ComboButton/ComboButton.js +29 -49
- package/lib/components/ComboButton/ComboButtonItem/index.js +2 -10
- package/lib/components/ComboButton/index.js +0 -2
- package/lib/components/CreateFullPage/CreateFullPage.js +69 -105
- package/lib/components/CreateFullPage/CreateFullPageStep.js +33 -56
- package/lib/components/CreateFullPage/index.js +0 -2
- package/lib/components/CreateInfluencer/CreateInfluencer.js +13 -24
- package/lib/components/CreateInfluencer/index.js +0 -1
- package/lib/components/CreateModal/CreateModal.js +24 -39
- package/lib/components/CreateModal/index.js +0 -1
- package/lib/components/CreateSidePanel/CreateSidePanel.js +26 -46
- package/lib/components/CreateSidePanel/index.js +0 -1
- package/lib/components/CreateTearsheet/CreateTearsheet.js +71 -111
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +9 -14
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +36 -58
- package/lib/components/CreateTearsheet/index.js +0 -3
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +53 -80
- package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +41 -71
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +33 -47
- package/lib/components/CreateTearsheetNarrow/index.js +0 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +138 -254
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +67 -136
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +30 -76
- package/lib/components/DataSpreadsheet/hooks/index.js +0 -7
- package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +4 -7
- package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +23 -48
- package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +5 -9
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +18 -37
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +7 -18
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +39 -62
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +8 -14
- package/lib/components/DataSpreadsheet/index.js +0 -1
- package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +1 -9
- package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +3 -7
- package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +15 -23
- package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +15 -22
- package/lib/components/DataSpreadsheet/utils/generateData.js +4 -16
- package/lib/components/DataSpreadsheet/utils/getCellSize.js +1 -8
- package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +1 -2
- package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +7 -12
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +25 -39
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +20 -33
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +6 -12
- package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +16 -25
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +22 -50
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +45 -85
- package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +6 -12
- package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +4 -10
- package/lib/components/DataSpreadsheet/utils/selectAllCells.js +12 -17
- package/lib/components/Datagrid/Datagrid/Datagrid.js +18 -28
- package/lib/components/Datagrid/Datagrid/DatagridBody.js +5 -16
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +38 -76
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +10 -18
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -10
- package/lib/components/Datagrid/Datagrid/DatagridHead.js +6 -9
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -15
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +12 -15
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +14 -31
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +21 -36
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +33 -55
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +9 -15
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +27 -53
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +21 -39
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +76 -99
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -13
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +11 -21
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +15 -38
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +57 -83
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +12 -27
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +10 -19
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -5
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +0 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +61 -104
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +73 -109
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +9 -25
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +4 -6
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +0 -5
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +46 -76
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +4 -12
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +6 -15
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -6
- package/lib/components/Datagrid/Datagrid/addons/Filtering/index.js +0 -4
- package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +0 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +8 -16
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +11 -20
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.js +0 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +62 -130
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/index.js +0 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +12 -33
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +1 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/index.js +0 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +14 -19
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -5
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +34 -71
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +14 -27
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +13 -27
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +18 -38
- package/lib/components/Datagrid/Datagrid/addons/RowSize/index.js +0 -2
- package/lib/components/Datagrid/Datagrid/index.js +0 -1
- package/lib/components/Datagrid/Datagrid.stories/StickyActionsColumnStory.js +10 -0
- package/lib/components/Datagrid/Datagrid.stories/common.js +2 -17
- package/lib/components/Datagrid/Datagrid.stories/index.js +0 -5
- package/lib/components/Datagrid/common-column-ids.js +1 -1
- package/lib/components/Datagrid/index.js +0 -22
- package/lib/components/Datagrid/useActionsColumn.js +28 -46
- package/lib/components/Datagrid/useColumnCenterAlign.js +7 -15
- package/lib/components/Datagrid/useColumnOrder.js +0 -2
- package/lib/components/Datagrid/useColumnRightAlign.js +7 -15
- package/lib/components/Datagrid/useCustomizeColumns.js +12 -21
- package/lib/components/Datagrid/useDatagrid.js +7 -21
- package/lib/components/Datagrid/useDefaultStringRenderer.js +7 -16
- package/lib/components/Datagrid/useDisableSelectRows.js +2 -11
- package/lib/components/Datagrid/useEditableCell.js +1 -4
- package/lib/components/Datagrid/useExpandedRow.js +12 -21
- package/lib/components/Datagrid/useFiltering.js +16 -25
- package/lib/components/Datagrid/useFlexResize.js +0 -9
- package/lib/components/Datagrid/useFloatingScroll.js +10 -27
- package/lib/components/Datagrid/useInfiniteScroll.js +8 -22
- package/lib/components/Datagrid/useInlineEdit.js +2 -19
- package/lib/components/Datagrid/useNestedRowExpander.js +1 -14
- package/lib/components/Datagrid/useNestedRows.js +2 -15
- package/lib/components/Datagrid/useOnRowClick.js +4 -12
- package/lib/components/Datagrid/useParentDimensions.js +7 -18
- package/lib/components/Datagrid/useResizeTable.js +2 -8
- package/lib/components/Datagrid/useRowExpander.js +1 -12
- package/lib/components/Datagrid/useRowIsMouseOver.js +12 -20
- package/lib/components/Datagrid/useRowRenderer.js +1 -7
- package/lib/components/Datagrid/useRowSize.js +14 -25
- package/lib/components/Datagrid/useSelectAllToggle.js +15 -38
- package/lib/components/Datagrid/useSelectRows.js +22 -51
- package/lib/components/Datagrid/useSkeletonRows.js +1 -8
- package/lib/components/Datagrid/useSortableColumns.js +8 -35
- package/lib/components/Datagrid/useStickyColumn.js +11 -45
- package/lib/components/Datagrid/utils/DatagridActions.js +19 -44
- package/lib/components/Datagrid/utils/DatagridPagination.js +5 -11
- package/lib/components/Datagrid/utils/Wrapper.js +1 -5
- package/lib/components/Datagrid/utils/getArgTypes.js +1 -1
- package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +1 -6
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +1 -9
- package/lib/components/Datagrid/utils/makeData.js +8 -28
- package/lib/components/EditFullPage/EditFullPage.js +30 -26
- package/lib/components/EditFullPage/index.js +0 -1
- package/lib/components/EditInPlace/EditInPlace.js +36 -89
- package/lib/components/EditInPlace/index.js +0 -1
- package/lib/components/EditSidePanel/EditSidePanel.js +40 -59
- package/lib/components/EditSidePanel/index.js +0 -1
- package/lib/components/EditTearsheet/EditTearsheet.js +39 -61
- package/lib/components/EditTearsheet/EditTearsheetForm.js +24 -39
- package/lib/components/EditTearsheet/index.js +0 -2
- package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +37 -62
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +30 -26
- package/lib/components/EditTearsheetNarrow/index.js +0 -1
- package/lib/components/EditUpdateCards/EditUpdateCards.js +35 -41
- package/lib/components/EditUpdateCards/index.js +0 -1
- package/lib/components/EmptyStates/EmptyState.js +36 -49
- package/lib/components/EmptyStates/EmptyStateContent.js +21 -27
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +31 -39
- package/lib/components/EmptyStates/ErrorEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +31 -39
- package/lib/components/EmptyStates/NoDataEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +31 -39
- package/lib/components/EmptyStates/NoTagsEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +31 -39
- package/lib/components/EmptyStates/NotFoundEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +31 -39
- package/lib/components/EmptyStates/NotificationsEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +31 -39
- package/lib/components/EmptyStates/UnauthorizedEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +10 -13
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +10 -13
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +10 -13
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +10 -13
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +10 -13
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +10 -13
- package/lib/components/EmptyStates/index.js +0 -7
- package/lib/components/ExampleComponent/ExampleComponent.js +46 -69
- package/lib/components/ExampleComponent/ExampleDeprecatedComponent.js +7 -9
- package/lib/components/ExampleComponent/index.js +0 -1
- package/lib/components/ExampleComponent/useExample.js +13 -18
- package/lib/components/ExportModal/ExportModal.js +46 -96
- package/lib/components/ExportModal/index.js +0 -1
- package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -32
- package/lib/components/ExpressiveCard/index.js +0 -1
- package/lib/components/FilterSummary/FilterSummary.js +9 -18
- package/lib/components/FilterSummary/index.js +0 -2
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +19 -27
- package/lib/components/HTTPErrors/HTTPError403/index.js +0 -1
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +19 -27
- package/lib/components/HTTPErrors/HTTPError404/index.js +0 -1
- package/lib/components/HTTPErrors/HTTPErrorContent.js +17 -24
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +19 -27
- package/lib/components/HTTPErrors/HTTPErrorOther/index.js +0 -1
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +6 -7
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +6 -7
- package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +6 -7
- package/lib/components/HTTPErrors/index.js +0 -3
- package/lib/components/ImportModal/ImportModal.js +87 -155
- package/lib/components/ImportModal/index.js +0 -1
- package/lib/components/MultiAddSelect/MultiAddSelect.js +1 -34
- package/lib/components/MultiAddSelect/index.js +0 -1
- package/lib/components/NotificationsPanel/NotificationsPanel.js +87 -143
- package/lib/components/NotificationsPanel/NotificationsPanel_data.js +1 -4
- package/lib/components/NotificationsPanel/index.js +0 -1
- package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +1 -4
- package/lib/components/NotificationsPanel/utils.js +13 -21
- package/lib/components/OptionsTile/OptionsTile.js +62 -106
- package/lib/components/OptionsTile/index.js +0 -1
- package/lib/components/PageHeader/PageHeader.js +122 -214
- package/lib/components/PageHeader/PageHeaderDemo.data.js +0 -3
- package/lib/components/PageHeader/PageHeaderTitle.js +17 -35
- package/lib/components/PageHeader/PageHeaderUtils.js +23 -59
- package/lib/components/PageHeader/index.js +0 -1
- package/lib/components/ProductiveCard/ProductiveCard.js +12 -38
- package/lib/components/ProductiveCard/index.js +0 -1
- package/lib/components/RemoveModal/RemoveModal.js +31 -66
- package/lib/components/RemoveModal/index.js +0 -1
- package/lib/components/Saving/Saving.js +20 -44
- package/lib/components/Saving/index.js +0 -1
- package/lib/components/SidePanel/SidePanel.js +109 -174
- package/lib/components/SidePanel/constants.js +1 -1
- package/lib/components/SidePanel/index.js +0 -1
- package/lib/components/SidePanel/motion/variants.js +1 -2
- package/lib/components/SingleAddSelect/SingleAddSelect.js +1 -26
- package/lib/components/SingleAddSelect/index.js +0 -1
- package/lib/components/StatusIcon/StatusIcon.js +11 -25
- package/lib/components/StatusIcon/index.js +0 -1
- package/lib/components/TagSet/TagSet.js +61 -110
- package/lib/components/TagSet/TagSetModal.js +23 -46
- package/lib/components/TagSet/TagSetOverflow.js +19 -42
- package/lib/components/TagSet/constants.js +1 -0
- package/lib/components/TagSet/index.js +0 -1
- package/lib/components/Tearsheet/Tearsheet.js +29 -44
- package/lib/components/Tearsheet/TearsheetNarrow.js +25 -35
- package/lib/components/Tearsheet/TearsheetShell.js +82 -113
- package/lib/components/Tearsheet/index.js +0 -2
- package/lib/components/Toolbar/Toolbar.js +18 -41
- package/lib/components/Toolbar/ToolbarButton.js +13 -27
- package/lib/components/Toolbar/ToolbarGroup.js +8 -16
- package/lib/components/Toolbar/index.js +0 -3
- package/lib/components/UserProfileImage/UserProfileImage.js +28 -48
- package/lib/components/UserProfileImage/index.js +0 -1
- package/lib/components/WebTerminal/WebTerminal.js +46 -70
- package/lib/components/WebTerminal/WebTerminalContentWrapper.js +17 -20
- package/lib/components/WebTerminal/hooks/index.js +8 -19
- package/lib/components/WebTerminal/index.js +0 -3
- package/lib/components/WebTerminal/preview-components/Navigation.js +2 -9
- package/lib/components/WebTerminal/preview-components/documentationLinks.js +1 -0
- package/lib/components/WebTerminal/preview-components/index.js +0 -2
- package/lib/components/_Canary/Canary.js +14 -17
- package/lib/components/_Canary/index.js +0 -1
- package/lib/components/index.js +0 -37
- package/lib/global/js/hooks/index.js +0 -11
- package/lib/global/js/hooks/useActiveElement.js +4 -10
- package/lib/global/js/hooks/useClickOutside.js +1 -4
- package/lib/global/js/hooks/useControllableState.js +12 -26
- package/lib/global/js/hooks/useCreateComponentFocus.js +14 -27
- package/lib/global/js/hooks/useCreateComponentStepChange.js +94 -136
- package/lib/global/js/hooks/usePreviousValue.js +0 -3
- package/lib/global/js/hooks/useResetCreateComponent.js +9 -13
- package/lib/global/js/hooks/useResizeObserver.js +15 -23
- package/lib/global/js/hooks/useRetrieveStepData.js +5 -12
- package/lib/global/js/hooks/useValidCreateStepCount.js +0 -3
- package/lib/global/js/hooks/useWindowResize.js +14 -22
- package/lib/global/js/hooks/useWindowScroll.js +5 -20
- package/lib/global/js/package-settings.js +10 -18
- package/lib/global/js/utils/ClickListener.js +3 -16
- package/lib/global/js/utils/DisplayBox.js +3 -9
- package/lib/global/js/utils/Wrap.js +16 -22
- package/lib/global/js/utils/deepCloneObject.js +5 -11
- package/lib/global/js/utils/devtools.js +1 -6
- package/lib/global/js/utils/getBezierValues.js +1 -5
- package/lib/global/js/utils/getFocusableElements.js +1 -4
- package/lib/global/js/utils/getNumberOfHiddenSteps.js +1 -3
- package/lib/global/js/utils/getScrollbarWidth.js +1 -2
- package/lib/global/js/utils/keyboardNavigation.js +7 -6
- package/lib/global/js/utils/lastIndexInArray.js +0 -4
- package/lib/global/js/utils/motionConstants.js +1 -5
- package/lib/global/js/utils/pconsole.js +1 -7
- package/lib/global/js/utils/props-helper.js +21 -58
- package/lib/global/js/utils/rangeWithCallback.js +1 -2
- package/lib/global/js/utils/scrollableAncestor.js +6 -13
- package/lib/global/js/utils/story-helper.js +31 -26
- package/lib/global/js/utils/test-helper.js +39 -87
- package/lib/global/js/utils/unwrap-if-fragment.js +8 -20
- package/lib/global/js/utils/uuidv4.js +1 -3
- package/lib/global/js/utils/uuidv4.spec.js +1 -3
- package/lib/global/js/utils/wait.js +1 -2
- package/lib/global/js/utils/wrapFocus.js +6 -16
- package/lib/index.js +0 -3
- package/lib/settings.js +22 -33
- package/package.json +25 -24
- package/scss/components/AboutModal/_about-modal.scss +3 -18
- package/scss/components/AboutModal/_storybook-styles.scss +10 -3
- package/scss/components/ActionSet/_action-set.scss +15 -5
- package/scss/components/AddSelect/_add-select.scss +21 -30
- package/scss/components/Datagrid/_storybook-styles.scss +1 -1
- package/scss/components/Datagrid/styles/_datagrid.scss +6 -6
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +12 -4
- package/scss/components/EditTearsheet/_edit-tearsheet.scss +6 -4
- package/scss/components/EmptyStates/_empty-state.scss +20 -0
- package/scss/components/PageHeader/_page-header.scss +6 -2
- package/scss/components/SidePanel/_side-panel.scss +1 -4
- package/scss/components/TagSet/_tag-set.scss +1 -1
package/css/index.css
CHANGED
@@ -431,6 +431,16 @@
|
|
431
431
|
overflow-y: auto;
|
432
432
|
transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
433
433
|
}
|
434
|
+
.cds--snippet--multi .cds--snippet-container:focus {
|
435
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
436
|
+
outline-offset: -2px;
|
437
|
+
outline-offset: 0;
|
438
|
+
}
|
439
|
+
@media screen and (prefers-contrast) {
|
440
|
+
.cds--snippet--multi .cds--snippet-container:focus {
|
441
|
+
outline-style: dotted;
|
442
|
+
}
|
443
|
+
}
|
434
444
|
|
435
445
|
.cds--snippet--multi.cds--snippet--expand .cds--snippet-container {
|
436
446
|
padding-bottom: 1rem;
|
@@ -791,7 +801,7 @@
|
|
791
801
|
|
792
802
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
793
803
|
.cds--snippet--single,
|
794
|
-
.cds--snippet--multi {
|
804
|
+
.cds--snippet--multi {
|
795
805
|
outline: 1px solid transparent;
|
796
806
|
}
|
797
807
|
}
|
@@ -817,7 +827,7 @@
|
|
817
827
|
flex-shrink: 0;
|
818
828
|
align-items: center;
|
819
829
|
justify-content: space-between;
|
820
|
-
padding: calc(0.875rem - 3px)
|
830
|
+
padding: calc(0.875rem - 3px) calc(4rem - 1px) calc(0.875rem - 3px) calc(1rem - 1px);
|
821
831
|
margin: 0;
|
822
832
|
border-radius: 0;
|
823
833
|
cursor: pointer;
|
@@ -947,7 +957,7 @@
|
|
947
957
|
border-color: transparent;
|
948
958
|
background-color: transparent;
|
949
959
|
color: var(--cds-link-primary, #0f62fe);
|
950
|
-
padding: calc(0.875rem - 3px)
|
960
|
+
padding: calc(0.875rem - 3px) 1rem;
|
951
961
|
}
|
952
962
|
.cds--btn--ghost:hover {
|
953
963
|
background-color: var(--cds-layer-hover);
|
@@ -980,10 +990,10 @@
|
|
980
990
|
outline: none;
|
981
991
|
}
|
982
992
|
.cds--btn--ghost.cds--btn--sm {
|
983
|
-
padding: calc(0.375rem - 3px)
|
993
|
+
padding: calc(0.375rem - 3px) 1rem;
|
984
994
|
}
|
985
995
|
.cds--btn--ghost.cds--btn--field, .cds--btn--ghost.cds--btn--md {
|
986
|
-
padding: calc(0.675rem - 3px)
|
996
|
+
padding: calc(0.675rem - 3px) 1rem;
|
987
997
|
}
|
988
998
|
.cds--btn--ghost:not([disabled]) svg {
|
989
999
|
fill: var(--cds-icon-primary, #161616);
|
@@ -1103,7 +1113,7 @@
|
|
1103
1113
|
border-color: transparent;
|
1104
1114
|
background-color: transparent;
|
1105
1115
|
color: var(--cds-button-danger-secondary, #da1e28);
|
1106
|
-
padding: calc(0.875rem - 3px)
|
1116
|
+
padding: calc(0.875rem - 3px) 1rem;
|
1107
1117
|
}
|
1108
1118
|
.cds--btn--danger--ghost:hover {
|
1109
1119
|
background-color: var(--cds-button-danger-hover, #b81921);
|
@@ -1133,15 +1143,15 @@
|
|
1133
1143
|
outline: none;
|
1134
1144
|
}
|
1135
1145
|
.cds--btn--danger--ghost.cds--btn--sm {
|
1136
|
-
padding: calc(0.375rem - 3px)
|
1146
|
+
padding: calc(0.375rem - 3px) 1rem;
|
1137
1147
|
}
|
1138
1148
|
.cds--btn--danger--ghost.cds--btn--field, .cds--btn--danger--ghost.cds--btn--md {
|
1139
|
-
padding: calc(0.675rem - 3px)
|
1149
|
+
padding: calc(0.675rem - 3px) 1rem;
|
1140
1150
|
}
|
1141
1151
|
|
1142
1152
|
.cds--btn--sm {
|
1143
1153
|
min-height: 2rem;
|
1144
|
-
padding: calc(0.375rem - 3px)
|
1154
|
+
padding: calc(0.375rem - 3px) calc(4rem - 4px) calc(0.375rem - 3px) calc(1rem - 4px);
|
1145
1155
|
}
|
1146
1156
|
|
1147
1157
|
.cds--btn--2xl:not(.cds--btn--icon-only) {
|
@@ -1163,7 +1173,7 @@
|
|
1163
1173
|
.cds--btn--field,
|
1164
1174
|
.cds--btn--md {
|
1165
1175
|
min-height: 2.5rem;
|
1166
|
-
padding: calc(0.675rem - 3px)
|
1176
|
+
padding: calc(0.675rem - 3px) calc(4rem - 4px) calc(0.675rem - 3px) calc(1rem - 4px);
|
1167
1177
|
}
|
1168
1178
|
|
1169
1179
|
.cds--btn--expressive {
|
@@ -1270,7 +1280,7 @@
|
|
1270
1280
|
|
1271
1281
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
1272
1282
|
.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),
|
1273
|
-
.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon {
|
1283
|
+
.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon {
|
1274
1284
|
fill: ButtonText;
|
1275
1285
|
}
|
1276
1286
|
}
|
@@ -1319,6 +1329,28 @@
|
|
1319
1329
|
.cds--modal .cds--number__rule-divider {
|
1320
1330
|
background-color: var(--cds-border-subtle-02, #e0e0e0);
|
1321
1331
|
}
|
1332
|
+
.cds--modal .cds--text-input--fluid .cds--text-input,
|
1333
|
+
.cds--modal .cds--text-area--fluid .cds--text-area__wrapper,
|
1334
|
+
.cds--modal .cds--text-area--fluid .cds--text-area,
|
1335
|
+
.cds--modal .cds--search--fluid .cds--search-input,
|
1336
|
+
.cds--modal .cds--select--fluid .cds--select-input,
|
1337
|
+
.cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider + .cds--form-requirement,
|
1338
|
+
.cds--modal .cds--list-box__wrapper--fluid .cds--list-box,
|
1339
|
+
.cds--modal .cds--list-box__wrapper--fluid.cds--list-box__wrapper,
|
1340
|
+
.cds--modal .cds--number-input--fluid input[type=number],
|
1341
|
+
.cds--modal .cds--number-input--fluid .cds--number__control-btn::before,
|
1342
|
+
.cds--modal .cds--number-input--fluid .cds--number__control-btn::after,
|
1343
|
+
.cds--modal .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input {
|
1344
|
+
background-color: var(--cds-field-01, #f4f4f4);
|
1345
|
+
}
|
1346
|
+
.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::before,
|
1347
|
+
.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::after {
|
1348
|
+
background-color: var(--cds-field-hover);
|
1349
|
+
}
|
1350
|
+
.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::before,
|
1351
|
+
.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::after {
|
1352
|
+
border-left: 2px solid var(--cds-focus, #0f62fe);
|
1353
|
+
}
|
1322
1354
|
|
1323
1355
|
.cds--modal.is-visible .cds--modal-container {
|
1324
1356
|
transform: translate3d(0, 0, 0);
|
@@ -1391,6 +1423,11 @@
|
|
1391
1423
|
}
|
1392
1424
|
}
|
1393
1425
|
|
1426
|
+
.cds--modal-content .cds--form--fluid {
|
1427
|
+
margin-right: -1rem;
|
1428
|
+
margin-left: -1rem;
|
1429
|
+
}
|
1430
|
+
|
1394
1431
|
.cds--modal-content > p,
|
1395
1432
|
.cds--modal-content__regular-content {
|
1396
1433
|
font-size: var(--cds-body-01-font-size, 0.875rem);
|
@@ -1427,6 +1464,7 @@
|
|
1427
1464
|
font-weight: var(--cds-heading-03-font-weight, 400);
|
1428
1465
|
line-height: var(--cds-heading-03-line-height, 1.4);
|
1429
1466
|
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
1467
|
+
padding-right: calc(20% - 3rem);
|
1430
1468
|
color: var(--cds-text-primary, #161616);
|
1431
1469
|
}
|
1432
1470
|
|
@@ -1470,7 +1508,7 @@
|
|
1470
1508
|
max-height: 72%;
|
1471
1509
|
}
|
1472
1510
|
.cds--modal-container--sm .cds--modal-content > p,
|
1473
|
-
.cds--modal-container--sm .cds--modal-content__regular-content {
|
1511
|
+
.cds--modal-container--sm .cds--modal-content__regular-content {
|
1474
1512
|
padding-right: 20%;
|
1475
1513
|
}
|
1476
1514
|
}
|
@@ -1547,7 +1585,8 @@
|
|
1547
1585
|
max-width: none;
|
1548
1586
|
height: 4rem;
|
1549
1587
|
flex: 0 1 50%;
|
1550
|
-
|
1588
|
+
align-items: baseline;
|
1589
|
+
padding-top: 0.875rem;
|
1551
1590
|
padding-bottom: 2rem;
|
1552
1591
|
margin: 0;
|
1553
1592
|
}
|
@@ -1791,19 +1830,19 @@ input[data-invalid]:not(:focus),
|
|
1791
1830
|
.cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
|
1792
1831
|
.cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
|
1793
1832
|
.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
|
1794
|
-
.cds--list-box[data-invalid]:not(
|
1833
|
+
.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),
|
1795
1834
|
.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
|
1796
1835
|
outline: 2px solid var(--cds-support-error, #da1e28);
|
1797
1836
|
outline-offset: -2px;
|
1798
1837
|
}
|
1799
1838
|
@media screen and (prefers-contrast) {
|
1800
1839
|
input[data-invalid]:not(:focus),
|
1801
|
-
.cds--number[data-invalid] input[type=number]:not(:focus),
|
1802
|
-
.cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
|
1803
|
-
.cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
|
1804
|
-
.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
|
1805
|
-
.cds--list-box[data-invalid]:not(
|
1806
|
-
.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
|
1840
|
+
.cds--number[data-invalid] input[type=number]:not(:focus),
|
1841
|
+
.cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
|
1842
|
+
.cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
|
1843
|
+
.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
|
1844
|
+
.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),
|
1845
|
+
.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
|
1807
1846
|
outline-style: dotted;
|
1808
1847
|
}
|
1809
1848
|
}
|
@@ -1819,6 +1858,7 @@ input[data-invalid] ~ .cds--form-requirement,
|
|
1819
1858
|
.cds--text-input__field-wrapper--warning ~ .cds--form-requirement,
|
1820
1859
|
.cds--text-input__field-wrapper--warning > .cds--text-input ~ .cds--form-requirement,
|
1821
1860
|
.cds--text-area__wrapper[data-invalid] ~ .cds--form-requirement,
|
1861
|
+
.cds--text-area__wrapper--warn ~ .cds--form-requirement,
|
1822
1862
|
.cds--select-input__wrapper[data-invalid] ~ .cds--form-requirement,
|
1823
1863
|
.cds--select--warning .cds--select-input__wrapper ~ .cds--form-requirement,
|
1824
1864
|
.cds--time-picker[data-invalid] ~ .cds--form-requirement,
|
@@ -2049,8 +2089,8 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2049
2089
|
}
|
2050
2090
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
2051
2091
|
.cds--text-input--password__visibility::before, .cds--text-input--password__visibility::after,
|
2052
|
-
.cds--text-input--password__visibility .cds--assistive-text,
|
2053
|
-
.cds--text-input--password__visibility + .cds--assistive-text {
|
2092
|
+
.cds--text-input--password__visibility .cds--assistive-text,
|
2093
|
+
.cds--text-input--password__visibility + .cds--assistive-text {
|
2054
2094
|
display: inline-block;
|
2055
2095
|
}
|
2056
2096
|
}
|
@@ -2102,29 +2142,29 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2102
2142
|
}
|
2103
2143
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
2104
2144
|
.cds--text-input--password__visibility::after,
|
2105
|
-
.cds--text-input--password__visibility .cds--assistive-text,
|
2106
|
-
.cds--text-input--password__visibility + .cds--assistive-text {
|
2145
|
+
.cds--text-input--password__visibility .cds--assistive-text,
|
2146
|
+
.cds--text-input--password__visibility + .cds--assistive-text {
|
2107
2147
|
width: auto;
|
2108
2148
|
}
|
2109
2149
|
}
|
2110
2150
|
@supports (-ms-accelerator: true) {
|
2111
2151
|
.cds--text-input--password__visibility::after,
|
2112
|
-
.cds--text-input--password__visibility .cds--assistive-text,
|
2113
|
-
.cds--text-input--password__visibility + .cds--assistive-text {
|
2152
|
+
.cds--text-input--password__visibility .cds--assistive-text,
|
2153
|
+
.cds--text-input--password__visibility + .cds--assistive-text {
|
2114
2154
|
width: auto;
|
2115
2155
|
}
|
2116
2156
|
}
|
2117
2157
|
@supports (-ms-ime-align: auto) {
|
2118
2158
|
.cds--text-input--password__visibility::after,
|
2119
|
-
.cds--text-input--password__visibility .cds--assistive-text,
|
2120
|
-
.cds--text-input--password__visibility + .cds--assistive-text {
|
2159
|
+
.cds--text-input--password__visibility .cds--assistive-text,
|
2160
|
+
.cds--text-input--password__visibility + .cds--assistive-text {
|
2121
2161
|
width: auto;
|
2122
2162
|
}
|
2123
2163
|
}
|
2124
2164
|
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
|
2125
2165
|
.cds--text-input--password__visibility::after,
|
2126
|
-
.cds--text-input--password__visibility .cds--assistive-text,
|
2127
|
-
.cds--text-input--password__visibility + .cds--assistive-text {
|
2166
|
+
.cds--text-input--password__visibility .cds--assistive-text,
|
2167
|
+
.cds--text-input--password__visibility + .cds--assistive-text {
|
2128
2168
|
border: 1px solid transparent;
|
2129
2169
|
}
|
2130
2170
|
}
|
@@ -2422,7 +2462,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2422
2462
|
}
|
2423
2463
|
@media screen and (prefers-contrast) {
|
2424
2464
|
.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
|
2425
|
-
.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
|
2465
|
+
.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
|
2426
2466
|
outline-style: dotted;
|
2427
2467
|
}
|
2428
2468
|
}
|
@@ -2489,12 +2529,13 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2489
2529
|
|
2490
2530
|
.cds--form--fluid .cds--text-input-wrapper--readonly,
|
2491
2531
|
.cds--text-input-wrapper--readonly .cds--text-input {
|
2532
|
+
border-bottom-color: var(--cds-border-subtle);
|
2492
2533
|
background: transparent;
|
2493
2534
|
}
|
2494
2535
|
|
2495
2536
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
2496
2537
|
.cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,
|
2497
|
-
.cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg {
|
2538
|
+
.cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg {
|
2498
2539
|
fill: ButtonText;
|
2499
2540
|
}
|
2500
2541
|
}
|
@@ -2786,6 +2827,9 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2786
2827
|
}
|
2787
2828
|
}
|
2788
2829
|
}
|
2830
|
+
.cds--tabs .cds--tabs__nav-item-label-wrapper {
|
2831
|
+
display: flex;
|
2832
|
+
}
|
2789
2833
|
.cds--tabs .cds--tabs__nav-item {
|
2790
2834
|
display: flex;
|
2791
2835
|
flex: 1 0 auto;
|
@@ -2822,6 +2866,14 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2822
2866
|
.cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {
|
2823
2867
|
transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
2824
2868
|
}
|
2869
|
+
.cds--tabs .cds--tabs__nav-item--icon {
|
2870
|
+
display: flex;
|
2871
|
+
align-items: center;
|
2872
|
+
padding-left: 0.5rem;
|
2873
|
+
}
|
2874
|
+
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
|
2875
|
+
padding-left: 1rem;
|
2876
|
+
}
|
2825
2877
|
.cds--tabs .cds--tabs__nav-link {
|
2826
2878
|
box-sizing: border-box;
|
2827
2879
|
padding: 0;
|
@@ -2844,7 +2896,6 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2844
2896
|
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
2845
2897
|
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
2846
2898
|
overflow: hidden;
|
2847
|
-
max-width: 10rem;
|
2848
2899
|
padding: 0.75rem 1rem 0.5rem;
|
2849
2900
|
border-bottom: 2px solid var(--cds-border-subtle);
|
2850
2901
|
color: var(--cds-text-secondary, #525252);
|
@@ -2875,12 +2926,24 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2875
2926
|
height: 3rem;
|
2876
2927
|
padding: 0.5rem 1rem;
|
2877
2928
|
border-bottom: 0;
|
2929
|
+
}
|
2930
|
+
.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item-label {
|
2878
2931
|
line-height: calc(3rem - (0.5rem * 2));
|
2879
2932
|
}
|
2933
|
+
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item-secondary-label {
|
2934
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
2935
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
2936
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
2937
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
2938
|
+
min-height: 1rem;
|
2939
|
+
}
|
2940
|
+
.cds--tabs.cds--tabs--contained.cds--tabs--tall .cds--tabs__nav-link {
|
2941
|
+
height: 4rem;
|
2942
|
+
}
|
2880
2943
|
.cds--tabs.cds--tabs__icon--default .cds--tab--list, .cds--tabs.cds--tabs__icon--lg .cds--tab--list {
|
2881
2944
|
overflow-x: visible;
|
2882
2945
|
}
|
2883
|
-
.cds--tabs .cds--tabs__nav-item--icon, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
|
2946
|
+
.cds--tabs .cds--tabs__nav-item--icon-only, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only {
|
2884
2947
|
display: flex;
|
2885
2948
|
width: var(--cds-icon-tab-size, 2.5rem);
|
2886
2949
|
height: var(--cds-icon-tab-size, 2.5rem);
|
@@ -2888,11 +2951,19 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2888
2951
|
justify-content: center;
|
2889
2952
|
padding: 0;
|
2890
2953
|
}
|
2954
|
+
.cds--tabs .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label {
|
2955
|
+
line-height: 0;
|
2956
|
+
}
|
2891
2957
|
.cds--tabs.cds--tabs__icon--lg {
|
2892
2958
|
--cds-icon-tab-size: 3rem;
|
2893
2959
|
}
|
2894
|
-
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:hover {
|
2895
|
-
|
2960
|
+
.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):hover {
|
2961
|
+
border-bottom: 2px solid var(--cds-border-strong);
|
2962
|
+
color: var(--cds-text-primary, #161616);
|
2963
|
+
}
|
2964
|
+
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled):hover {
|
2965
|
+
background-color: var(--cds-layer-accent-hover);
|
2966
|
+
color: var(--cds-text-primary, #161616);
|
2896
2967
|
}
|
2897
2968
|
.cds--tabs .cds--tabs__nav-item--selected {
|
2898
2969
|
border-bottom: 2px solid var(--cds-border-interactive, #0f62fe);
|
@@ -2914,9 +2985,11 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2914
2985
|
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
2915
2986
|
color: var(--cds-text-primary, #161616);
|
2916
2987
|
}
|
2988
|
+
.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected:hover {
|
2989
|
+
line-height: calc(3rem - (0.5rem * 2));
|
2990
|
+
}
|
2917
2991
|
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover {
|
2918
2992
|
background-color: var(--cds-layer);
|
2919
|
-
line-height: calc(3rem - (0.5rem * 2));
|
2920
2993
|
}
|
2921
2994
|
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:focus,
|
2922
2995
|
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:active, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover .cds--tabs__nav-link:focus,
|
@@ -2926,10 +2999,6 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2926
2999
|
.cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected:hover {
|
2927
3000
|
background-color: var(--cds-background, #ffffff);
|
2928
3001
|
}
|
2929
|
-
.cds--tabs .cds--tabs__nav-item:hover .cds--tabs__nav-link {
|
2930
|
-
border-bottom: 2px solid var(--cds-border-strong);
|
2931
|
-
color: var(--cds-text-primary, #161616);
|
2932
|
-
}
|
2933
3002
|
.cds--tabs .cds--tabs__nav-item--disabled {
|
2934
3003
|
border-bottom: 2px solid var(--cds-border-disabled, #c6c6c6);
|
2935
3004
|
background-color: transparent;
|
@@ -3123,29 +3192,12 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3123
3192
|
}
|
3124
3193
|
|
3125
3194
|
.c4p--about-modal .c4p--about-modal__footer {
|
3126
|
-
|
3127
|
-
height:
|
3128
|
-
|
3129
|
-
);
|
3130
|
-
flex-direction: column;
|
3131
|
-
justify-content: center;
|
3195
|
+
display: block;
|
3196
|
+
height: auto;
|
3197
|
+
padding: 1rem;
|
3132
3198
|
background-color: var(--cds-layer-02, #ffffff);
|
3133
3199
|
}
|
3134
3200
|
|
3135
|
-
.c4p--about-modal .c4p--about-modal__footer-label {
|
3136
|
-
font-size: var(--cds-label-01-font-size, 0.75rem);
|
3137
|
-
font-weight: var(--cds-label-01-font-weight, 400);
|
3138
|
-
line-height: var(--cds-label-01-line-height, 1.33333);
|
3139
|
-
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
3140
|
-
padding: 1rem 0 0 1rem;
|
3141
|
-
margin-bottom: 0.25rem;
|
3142
|
-
color: var(--cds-text-secondary, #525252);
|
3143
|
-
}
|
3144
|
-
|
3145
|
-
.c4p--about-modal .c4p--about-modal__footer-content {
|
3146
|
-
padding: 0 0 1rem 1rem;
|
3147
|
-
}
|
3148
|
-
|
3149
3201
|
.c4p--action-set {
|
3150
3202
|
align-items: stretch;
|
3151
3203
|
justify-content: flex-end;
|
@@ -3281,7 +3333,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3281
3333
|
}
|
3282
3334
|
@media screen and (prefers-contrast) {
|
3283
3335
|
.cds--overflow-menu:focus,
|
3284
|
-
.cds--overflow-menu__trigger:focus {
|
3336
|
+
.cds--overflow-menu__trigger:focus {
|
3285
3337
|
outline-style: dotted;
|
3286
3338
|
}
|
3287
3339
|
}
|
@@ -3598,7 +3650,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
3598
3650
|
/* stylelint-disable */
|
3599
3651
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
3600
3652
|
.cds--overflow-menu:focus,
|
3601
|
-
.cds--overflow-menu-options__btn:focus {
|
3653
|
+
.cds--overflow-menu-options__btn:focus {
|
3602
3654
|
color: Highlight;
|
3603
3655
|
outline: 1px solid Highlight;
|
3604
3656
|
}
|
@@ -5126,7 +5178,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
5126
5178
|
}
|
5127
5179
|
@media (prefers-reduced-motion: no-preference) {
|
5128
5180
|
.c4p--cascade__element,
|
5129
|
-
.c4p--cascade__col {
|
5181
|
+
.c4p--cascade__col {
|
5130
5182
|
/* stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use -- Carbon animation duration defined above in $animationProps */
|
5131
5183
|
animation: 240ms cubic-bezier(0.2, 0, 0.38, 0.9) 0s 1 fade;
|
5132
5184
|
animation-fill-mode: forwards;
|
@@ -5800,15 +5852,15 @@ a.cds--overflow-menu-options__btn::before {
|
|
5800
5852
|
|
5801
5853
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
5802
5854
|
.cds--toggle__switch,
|
5803
|
-
.cds--toggle__switch::before {
|
5855
|
+
.cds--toggle__switch::before {
|
5804
5856
|
outline: 1px solid transparent;
|
5805
5857
|
}
|
5806
5858
|
}
|
5807
5859
|
|
5808
5860
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
5809
5861
|
.cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
|
5810
|
-
.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch,
|
5811
|
-
.cds--toggle:active .cds--toggle__switch {
|
5862
|
+
.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch,
|
5863
|
+
.cds--toggle:active .cds--toggle__switch {
|
5812
5864
|
color: Highlight;
|
5813
5865
|
outline: 1px solid Highlight;
|
5814
5866
|
}
|
@@ -5873,9 +5925,9 @@ a.cds--overflow-menu-options__btn::before {
|
|
5873
5925
|
|
5874
5926
|
@media (prefers-reduced-motion) {
|
5875
5927
|
.c4p--create-influencer__side-nav-opening,
|
5876
|
-
.c4p--create-influencer__progress-indicator-opening,
|
5877
|
-
.c4p--create-influencer__side-nav-closing,
|
5878
|
-
.c4p--create-influencer__progress-indicator-closing {
|
5928
|
+
.c4p--create-influencer__progress-indicator-opening,
|
5929
|
+
.c4p--create-influencer__side-nav-closing,
|
5930
|
+
.c4p--create-influencer__progress-indicator-closing {
|
5879
5931
|
animation: none;
|
5880
5932
|
opacity: 1;
|
5881
5933
|
}
|
@@ -6518,13 +6570,10 @@ a.cds--overflow-menu-options__btn::before {
|
|
6518
6570
|
position: fixed;
|
6519
6571
|
/* stylelint-disable-next-line function-no-unknown */
|
6520
6572
|
z-index: 6000;
|
6521
|
-
top: 0;
|
6522
|
-
right: 0;
|
6523
|
-
bottom: 0;
|
6524
|
-
left: 0;
|
6525
6573
|
width: 100%;
|
6526
6574
|
height: 100%;
|
6527
6575
|
background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
6576
|
+
inset: 0;
|
6528
6577
|
}
|
6529
6578
|
|
6530
6579
|
.c4p--create-side-panel.c4p--side-panel__container .c4p--create-side-panel__content-text {
|
@@ -7156,6 +7205,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
7156
7205
|
}
|
7157
7206
|
|
7158
7207
|
.c4p--empty-state {
|
7208
|
+
display: flex;
|
7159
7209
|
color: var(--cds-text-primary, #161616);
|
7160
7210
|
}
|
7161
7211
|
.c4p--empty-state .c4p--empty-state__header {
|
@@ -7200,6 +7250,22 @@ a.cds--overflow-menu-options__btn::before {
|
|
7200
7250
|
max-width: 4rem;
|
7201
7251
|
}
|
7202
7252
|
|
7253
|
+
.c4p--empty-state-position--top {
|
7254
|
+
flex-direction: column;
|
7255
|
+
}
|
7256
|
+
|
7257
|
+
.c4p--empty-state-position--right {
|
7258
|
+
flex-direction: row-reverse;
|
7259
|
+
}
|
7260
|
+
|
7261
|
+
.c4p--empty-state-position--bottom {
|
7262
|
+
flex-direction: column-reverse;
|
7263
|
+
}
|
7264
|
+
|
7265
|
+
.c4p--empty-state-position--left {
|
7266
|
+
flex-direction: row;
|
7267
|
+
}
|
7268
|
+
|
7203
7269
|
.c4p--empty-state .c4p--empty-state__action-button {
|
7204
7270
|
display: block;
|
7205
7271
|
margin-bottom: 1rem;
|
@@ -7343,6 +7409,51 @@ a.cds--overflow-menu-options__btn::before {
|
|
7343
7409
|
user-select: text;
|
7344
7410
|
}
|
7345
7411
|
|
7412
|
+
.cds--radio-button-group--invalid .cds--radio-button + .cds--radio-button__label .cds--radio-button__appearance {
|
7413
|
+
border-color: var(--cds-support-error, #da1e28);
|
7414
|
+
}
|
7415
|
+
|
7416
|
+
.cds--radio-button__validation-msg {
|
7417
|
+
display: none;
|
7418
|
+
align-items: flex-end;
|
7419
|
+
margin-top: 0.375rem;
|
7420
|
+
}
|
7421
|
+
|
7422
|
+
.cds--radio-button__invalid-icon {
|
7423
|
+
margin: 0 0.0625rem 0 0.1875rem;
|
7424
|
+
fill: var(--cds-support-error, #da1e28);
|
7425
|
+
}
|
7426
|
+
|
7427
|
+
.cds--radio-button__invalid-icon--warning {
|
7428
|
+
fill: var(--cds-support-warning, #f1c21b);
|
7429
|
+
}
|
7430
|
+
|
7431
|
+
.cds--radio-button__invalid-icon--warning path:first-of-type {
|
7432
|
+
fill: #000000;
|
7433
|
+
}
|
7434
|
+
|
7435
|
+
.cds--radio-button-group--invalid + .cds--radio-button__validation-msg,
|
7436
|
+
.cds--radio-button-group--warning + .cds--radio-button__validation-msg {
|
7437
|
+
display: flex;
|
7438
|
+
}
|
7439
|
+
|
7440
|
+
.cds--radio-button-group--invalid + .cds--radio-button__validation-msg .cds--form-requirement,
|
7441
|
+
.cds--radio-button-group--warning + .cds--radio-button__validation-msg .cds--form-requirement {
|
7442
|
+
display: block;
|
7443
|
+
overflow: visible;
|
7444
|
+
max-height: 100%;
|
7445
|
+
margin-top: 0;
|
7446
|
+
margin-left: 0.5rem;
|
7447
|
+
}
|
7448
|
+
|
7449
|
+
.cds--radio-button-group--invalid + .cds--radio-button__validation-msg .cds--form-requirement {
|
7450
|
+
color: var(--cds-text-error, #da1e28);
|
7451
|
+
}
|
7452
|
+
|
7453
|
+
.cds--radio-button-group ~ .cds--form__helper-text {
|
7454
|
+
margin-top: 0.375rem;
|
7455
|
+
}
|
7456
|
+
|
7346
7457
|
.cds--radio-button:focus + .cds--radio-button__label .cds--radio-button__appearance {
|
7347
7458
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
7348
7459
|
outline-offset: 1.5px;
|
@@ -8104,6 +8215,21 @@ c4p--card__icon:active {
|
|
8104
8215
|
}
|
8105
8216
|
|
8106
8217
|
.cds--file__drop-container {
|
8218
|
+
box-sizing: border-box;
|
8219
|
+
padding: 0;
|
8220
|
+
border: 0;
|
8221
|
+
margin: 0;
|
8222
|
+
font-family: inherit;
|
8223
|
+
font-size: 100%;
|
8224
|
+
vertical-align: baseline;
|
8225
|
+
display: inline-block;
|
8226
|
+
padding: 0;
|
8227
|
+
border: 0;
|
8228
|
+
appearance: none;
|
8229
|
+
background: none;
|
8230
|
+
cursor: pointer;
|
8231
|
+
text-align: start;
|
8232
|
+
width: 100%;
|
8107
8233
|
display: flex;
|
8108
8234
|
overflow: hidden;
|
8109
8235
|
height: 6rem;
|
@@ -8116,6 +8242,14 @@ c4p--card__icon:active {
|
|
8116
8242
|
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
8117
8243
|
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
8118
8244
|
}
|
8245
|
+
.cds--file__drop-container *,
|
8246
|
+
.cds--file__drop-container *::before,
|
8247
|
+
.cds--file__drop-container *::after {
|
8248
|
+
box-sizing: inherit;
|
8249
|
+
}
|
8250
|
+
.cds--file__drop-container::-moz-focus-inner {
|
8251
|
+
border: 0;
|
8252
|
+
}
|
8119
8253
|
|
8120
8254
|
.cds--file__drop-container--drag-over {
|
8121
8255
|
background: none;
|
@@ -8216,9 +8350,6 @@ c4p--card__icon:active {
|
|
8216
8350
|
}
|
8217
8351
|
|
8218
8352
|
/* stylelint-disable max-nesting-depth */
|
8219
|
-
.c4p--add-select__selections.cds--structured-list {
|
8220
|
-
margin-bottom: 0;
|
8221
|
-
}
|
8222
8353
|
.c4p--add-select__selections-wrapper {
|
8223
8354
|
display: block;
|
8224
8355
|
}
|
@@ -8247,10 +8378,15 @@ c4p--card__icon:active {
|
|
8247
8378
|
flex-direction: column;
|
8248
8379
|
justify-content: center;
|
8249
8380
|
}
|
8250
|
-
.c4p--add-select__selections-
|
8251
|
-
|
8381
|
+
.c4p--add-select__selections-dropdown .cds--dropdown {
|
8382
|
+
background: transparent;
|
8383
|
+
}
|
8384
|
+
.c4p--add-select__selections-row--selected {
|
8252
8385
|
background-color: var(--cds-layer-selected-01, #e0e0e0);
|
8253
8386
|
}
|
8387
|
+
.c4p--add-select__selections-row--active {
|
8388
|
+
background-color: var(--cds-layer-active-01, #c6c6c6);
|
8389
|
+
}
|
8254
8390
|
.c4p--add-select__selections-form-control {
|
8255
8391
|
display: flex;
|
8256
8392
|
align-items: center;
|
@@ -8277,7 +8413,10 @@ c4p--card__icon:active {
|
|
8277
8413
|
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
8278
8414
|
}
|
8279
8415
|
|
8280
|
-
.c4p--add-select .c4p--add-select__selections-row:hover
|
8416
|
+
.c4p--add-select .c4p--add-select__selections-row:hover {
|
8417
|
+
background: var(--cds-layer-hover-01, #e8e8e8);
|
8418
|
+
}
|
8419
|
+
.c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-cell-title {
|
8281
8420
|
color: var(--cds-interactive, #0f62fe);
|
8282
8421
|
}
|
8283
8422
|
.c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-view-children svg {
|
@@ -8296,14 +8435,6 @@ c4p--card__icon:active {
|
|
8296
8435
|
padding: 0 1rem;
|
8297
8436
|
}
|
8298
8437
|
|
8299
|
-
.c4p--add-select .cds--structured-list-row {
|
8300
|
-
border-bottom: 0;
|
8301
|
-
}
|
8302
|
-
|
8303
|
-
.c4p--add-select .cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row):not(.cds--structured-list-row--selected) {
|
8304
|
-
border-bottom: 0;
|
8305
|
-
}
|
8306
|
-
|
8307
8438
|
.c4p--add-select__sidebar-header {
|
8308
8439
|
display: flex;
|
8309
8440
|
padding: 2rem 1rem 0.5rem 1rem;
|
@@ -8371,14 +8502,14 @@ c4p--card__icon:active {
|
|
8371
8502
|
.c4p--add-select__columns .c4p--add-select__selections-form-control-label-wrapper {
|
8372
8503
|
margin-left: 0.5rem;
|
8373
8504
|
}
|
8374
|
-
.c4p--add-select__columns .c4p--add-select__selections-row
|
8505
|
+
.c4p--add-select__columns .c4p--add-select__selections-row {
|
8375
8506
|
border-left: 0;
|
8376
8507
|
}
|
8377
8508
|
.c4p--add-select__columns .c4p--add-select__selections .c4p--add-select__selections-cell {
|
8378
8509
|
padding: 0;
|
8379
8510
|
}
|
8380
8511
|
.c4p--add-select__columns .c4p--add-select__selections-cell-wrapper {
|
8381
|
-
height:
|
8512
|
+
height: 2rem;
|
8382
8513
|
padding: 0 0.5rem;
|
8383
8514
|
}
|
8384
8515
|
.c4p--add-select__columns .c4p--add-select__tags {
|
@@ -8388,9 +8519,6 @@ c4p--card__icon:active {
|
|
8388
8519
|
.c4p--add-select__columns .c4p--add-select__selections-wrapper-multi {
|
8389
8520
|
padding: 0;
|
8390
8521
|
}
|
8391
|
-
.c4p--add-select__columns .c4p--add-select__selections.cds--structured-list {
|
8392
|
-
border-top: 0;
|
8393
|
-
}
|
8394
8522
|
|
8395
8523
|
.c4p--add-select__selections-wrapper-multi .c4p--add-select__selections-cell {
|
8396
8524
|
padding: 0 1rem;
|
@@ -8522,6 +8650,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8522
8650
|
|
8523
8651
|
.c4p--add-select.c4p--tearsheet .c4p--tearsheet__influencer {
|
8524
8652
|
flex-basis: 22.5rem;
|
8653
|
+
background: var(--cds-layer-01, #f4f4f4);
|
8654
|
+
}
|
8655
|
+
|
8656
|
+
.c4p--add-select.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown {
|
8657
|
+
background-color: transparent;
|
8525
8658
|
}
|
8526
8659
|
|
8527
8660
|
.c4p--add-select.c4p--tearsheet .c4p--tearsheet__header-description {
|
@@ -8548,12 +8681,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8548
8681
|
padding-right: 0;
|
8549
8682
|
}
|
8550
8683
|
|
8551
|
-
.c4p--add-select .cds--structured-list-td {
|
8552
|
-
height: 4rem;
|
8553
|
-
padding: 1rem;
|
8554
|
-
vertical-align: middle;
|
8555
|
-
}
|
8556
|
-
|
8557
8684
|
.c4p--add-select .cds--radio-button__appearance {
|
8558
8685
|
margin: 0 1rem 0 0;
|
8559
8686
|
}
|
@@ -8997,7 +9124,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8997
9124
|
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
8998
9125
|
--cds-field: var(--cds-field-01, #f4f4f4);
|
8999
9126
|
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
9000
|
-
--cds-border-subtle: var(--cds-border-subtle-
|
9127
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
9001
9128
|
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
9002
9129
|
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
9003
9130
|
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
@@ -9158,7 +9285,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9158
9285
|
}
|
9159
9286
|
@media (prefers-reduced-motion: reduce) {
|
9160
9287
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button .cds--btn__icon,
|
9161
|
-
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .cds--btn__icon {
|
9288
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .cds--btn__icon {
|
9162
9289
|
transition: none;
|
9163
9290
|
}
|
9164
9291
|
}
|
@@ -9810,7 +9937,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9810
9937
|
|
9811
9938
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
9812
9939
|
.cds--tag__close-icon svg,
|
9813
|
-
.cds--tag__custom-icon svg {
|
9940
|
+
.cds--tag__custom-icon svg {
|
9814
9941
|
fill: ButtonText;
|
9815
9942
|
}
|
9816
9943
|
}
|
@@ -10174,13 +10301,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10174
10301
|
|
10175
10302
|
@media (min-width: 42rem) {
|
10176
10303
|
.cds--col,
|
10177
|
-
.cds--col-md {
|
10304
|
+
.cds--col-md {
|
10178
10305
|
max-width: 100%;
|
10179
10306
|
flex-basis: 0;
|
10180
10307
|
flex-grow: 1;
|
10181
10308
|
}
|
10182
10309
|
.cds--col--auto,
|
10183
|
-
.cds--col-md--auto {
|
10310
|
+
.cds--col-md--auto {
|
10184
10311
|
width: auto;
|
10185
10312
|
max-width: 100%;
|
10186
10313
|
flex: 1 0 0%;
|
@@ -10512,13 +10639,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10512
10639
|
|
10513
10640
|
@media (min-width: 66rem) {
|
10514
10641
|
.cds--col,
|
10515
|
-
.cds--col-lg {
|
10642
|
+
.cds--col-lg {
|
10516
10643
|
max-width: 100%;
|
10517
10644
|
flex-basis: 0;
|
10518
10645
|
flex-grow: 1;
|
10519
10646
|
}
|
10520
10647
|
.cds--col--auto,
|
10521
|
-
.cds--col-lg--auto {
|
10648
|
+
.cds--col-lg--auto {
|
10522
10649
|
width: auto;
|
10523
10650
|
max-width: 100%;
|
10524
10651
|
flex: 1 0 0%;
|
@@ -10914,13 +11041,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10914
11041
|
|
10915
11042
|
@media (min-width: 82rem) {
|
10916
11043
|
.cds--col,
|
10917
|
-
.cds--col-xlg {
|
11044
|
+
.cds--col-xlg {
|
10918
11045
|
max-width: 100%;
|
10919
11046
|
flex-basis: 0;
|
10920
11047
|
flex-grow: 1;
|
10921
11048
|
}
|
10922
11049
|
.cds--col--auto,
|
10923
|
-
.cds--col-xlg--auto {
|
11050
|
+
.cds--col-xlg--auto {
|
10924
11051
|
width: auto;
|
10925
11052
|
max-width: 100%;
|
10926
11053
|
flex: 1 0 0%;
|
@@ -11316,13 +11443,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11316
11443
|
|
11317
11444
|
@media (min-width: 99rem) {
|
11318
11445
|
.cds--col,
|
11319
|
-
.cds--col-max {
|
11446
|
+
.cds--col-max {
|
11320
11447
|
max-width: 100%;
|
11321
11448
|
flex-basis: 0;
|
11322
11449
|
flex-grow: 1;
|
11323
11450
|
}
|
11324
11451
|
.cds--col--auto,
|
11325
|
-
.cds--col-max--auto {
|
11452
|
+
.cds--col-max--auto {
|
11326
11453
|
width: auto;
|
11327
11454
|
max-width: 100%;
|
11328
11455
|
flex: 1 0 0%;
|
@@ -11558,7 +11685,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11558
11685
|
display: none;
|
11559
11686
|
}
|
11560
11687
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back,
|
11561
|
-
.c4p--breadcrumb-with-overflow .cds--breadcrumb-item:last-child {
|
11688
|
+
.c4p--breadcrumb-with-overflow .cds--breadcrumb-item:last-child {
|
11562
11689
|
display: inline-flex;
|
11563
11690
|
vertical-align: middle;
|
11564
11691
|
}
|
@@ -11700,9 +11827,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11700
11827
|
min-width: initial;
|
11701
11828
|
min-height: initial;
|
11702
11829
|
padding: 0;
|
11830
|
+
border-radius: 0;
|
11703
11831
|
margin: 0;
|
11704
11832
|
background-color: inherit;
|
11705
|
-
border-radius: 0;
|
11706
11833
|
color: inherit;
|
11707
11834
|
text-overflow: ellipsis;
|
11708
11835
|
white-space: nowrap;
|
@@ -12394,8 +12521,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12394
12521
|
}
|
12395
12522
|
@media (prefers-reduced-motion) {
|
12396
12523
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12397
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12398
|
-
.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12524
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12525
|
+
.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12399
12526
|
animation: none;
|
12400
12527
|
}
|
12401
12528
|
}
|
@@ -12407,8 +12534,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12407
12534
|
}
|
12408
12535
|
@media (prefers-reduced-motion) {
|
12409
12536
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12410
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12411
|
-
.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12537
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12538
|
+
.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12412
12539
|
animation: none;
|
12413
12540
|
}
|
12414
12541
|
}
|
@@ -12420,8 +12547,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12420
12547
|
}
|
12421
12548
|
@media (prefers-reduced-motion) {
|
12422
12549
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12423
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12424
|
-
.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12550
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12551
|
+
.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12425
12552
|
animation: none;
|
12426
12553
|
}
|
12427
12554
|
}
|
@@ -12433,8 +12560,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12433
12560
|
}
|
12434
12561
|
@media (prefers-reduced-motion) {
|
12435
12562
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12436
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12437
|
-
.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12563
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12564
|
+
.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12438
12565
|
animation: none;
|
12439
12566
|
}
|
12440
12567
|
}
|
@@ -12446,8 +12573,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12446
12573
|
}
|
12447
12574
|
@media (prefers-reduced-motion) {
|
12448
12575
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12449
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12450
|
-
.c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12576
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12577
|
+
.c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12451
12578
|
animation: none;
|
12452
12579
|
}
|
12453
12580
|
}
|
@@ -12459,8 +12586,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12459
12586
|
}
|
12460
12587
|
@media (prefers-reduced-motion) {
|
12461
12588
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12462
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12463
|
-
.c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12589
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12590
|
+
.c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12464
12591
|
animation: none;
|
12465
12592
|
}
|
12466
12593
|
}
|
@@ -12472,8 +12599,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12472
12599
|
}
|
12473
12600
|
@media (prefers-reduced-motion) {
|
12474
12601
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12475
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12476
|
-
.c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12602
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12603
|
+
.c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12477
12604
|
animation: none;
|
12478
12605
|
}
|
12479
12606
|
}
|
@@ -12485,8 +12612,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12485
12612
|
}
|
12486
12613
|
@media (prefers-reduced-motion) {
|
12487
12614
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12488
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12489
|
-
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12615
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12616
|
+
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12490
12617
|
animation: none;
|
12491
12618
|
}
|
12492
12619
|
}
|
@@ -12498,8 +12625,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12498
12625
|
}
|
12499
12626
|
@media (prefers-reduced-motion) {
|
12500
12627
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12501
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12502
|
-
.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12628
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12629
|
+
.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12503
12630
|
animation: none;
|
12504
12631
|
}
|
12505
12632
|
}
|
@@ -12511,8 +12638,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12511
12638
|
}
|
12512
12639
|
@media (prefers-reduced-motion) {
|
12513
12640
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12514
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12515
|
-
.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12641
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12642
|
+
.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12516
12643
|
animation: none;
|
12517
12644
|
}
|
12518
12645
|
}
|
@@ -12524,8 +12651,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12524
12651
|
}
|
12525
12652
|
@media (prefers-reduced-motion) {
|
12526
12653
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12527
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12528
|
-
.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12654
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12655
|
+
.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12529
12656
|
animation: none;
|
12530
12657
|
}
|
12531
12658
|
}
|
@@ -12537,8 +12664,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12537
12664
|
}
|
12538
12665
|
@media (prefers-reduced-motion) {
|
12539
12666
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12540
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12541
|
-
.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12667
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12668
|
+
.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12542
12669
|
animation: none;
|
12543
12670
|
}
|
12544
12671
|
}
|
@@ -12550,8 +12677,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12550
12677
|
}
|
12551
12678
|
@media (prefers-reduced-motion) {
|
12552
12679
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12553
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12554
|
-
.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12680
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12681
|
+
.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12555
12682
|
animation: none;
|
12556
12683
|
}
|
12557
12684
|
}
|
@@ -12563,8 +12690,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12563
12690
|
}
|
12564
12691
|
@media (prefers-reduced-motion) {
|
12565
12692
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12566
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12567
|
-
.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12693
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12694
|
+
.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12568
12695
|
animation: none;
|
12569
12696
|
}
|
12570
12697
|
}
|
@@ -12576,8 +12703,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12576
12703
|
}
|
12577
12704
|
@media (prefers-reduced-motion) {
|
12578
12705
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12579
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12580
|
-
.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12706
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12707
|
+
.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12581
12708
|
animation: none;
|
12582
12709
|
}
|
12583
12710
|
}
|
@@ -12589,8 +12716,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12589
12716
|
}
|
12590
12717
|
@media (prefers-reduced-motion) {
|
12591
12718
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12592
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12593
|
-
.c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12719
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12720
|
+
.c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12594
12721
|
animation: none;
|
12595
12722
|
}
|
12596
12723
|
}
|
@@ -12603,8 +12730,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12603
12730
|
}
|
12604
12731
|
@media (prefers-reduced-motion: reduce) {
|
12605
12732
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12606
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12607
|
-
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12733
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12734
|
+
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12608
12735
|
animation: none;
|
12609
12736
|
}
|
12610
12737
|
}
|
@@ -12617,8 +12744,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12617
12744
|
}
|
12618
12745
|
@media (prefers-reduced-motion: reduce) {
|
12619
12746
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12620
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12621
|
-
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12747
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12748
|
+
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12622
12749
|
animation: none;
|
12623
12750
|
}
|
12624
12751
|
}
|
@@ -12644,8 +12771,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12644
12771
|
}
|
12645
12772
|
@media (prefers-reduced-motion) {
|
12646
12773
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12647
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12648
|
-
.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12774
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12775
|
+
.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12649
12776
|
animation: none;
|
12650
12777
|
}
|
12651
12778
|
}
|
@@ -12657,8 +12784,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12657
12784
|
}
|
12658
12785
|
@media (prefers-reduced-motion) {
|
12659
12786
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12660
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12661
|
-
.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12787
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12788
|
+
.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12662
12789
|
animation: none;
|
12663
12790
|
}
|
12664
12791
|
}
|
@@ -12670,8 +12797,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12670
12797
|
}
|
12671
12798
|
@media (prefers-reduced-motion) {
|
12672
12799
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12673
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12674
|
-
.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12800
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12801
|
+
.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12675
12802
|
animation: none;
|
12676
12803
|
}
|
12677
12804
|
}
|
@@ -12683,8 +12810,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12683
12810
|
}
|
12684
12811
|
@media (prefers-reduced-motion) {
|
12685
12812
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12686
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12687
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12813
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12814
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12688
12815
|
animation: none;
|
12689
12816
|
}
|
12690
12817
|
}
|
@@ -12696,8 +12823,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12696
12823
|
}
|
12697
12824
|
@media (prefers-reduced-motion) {
|
12698
12825
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12699
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12700
|
-
.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12826
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12827
|
+
.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12701
12828
|
animation: none;
|
12702
12829
|
}
|
12703
12830
|
}
|
@@ -12709,8 +12836,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12709
12836
|
}
|
12710
12837
|
@media (prefers-reduced-motion) {
|
12711
12838
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12712
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12713
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12839
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12840
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12714
12841
|
animation: none;
|
12715
12842
|
}
|
12716
12843
|
}
|
@@ -12722,8 +12849,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12722
12849
|
}
|
12723
12850
|
@media (prefers-reduced-motion) {
|
12724
12851
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12725
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12726
|
-
.c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12852
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12853
|
+
.c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12727
12854
|
animation: none;
|
12728
12855
|
}
|
12729
12856
|
}
|
@@ -12735,8 +12862,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12735
12862
|
}
|
12736
12863
|
@media (prefers-reduced-motion) {
|
12737
12864
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12738
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12739
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12865
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12866
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12740
12867
|
animation: none;
|
12741
12868
|
}
|
12742
12869
|
}
|
@@ -12748,8 +12875,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12748
12875
|
}
|
12749
12876
|
@media (prefers-reduced-motion) {
|
12750
12877
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12751
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12752
|
-
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12878
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12879
|
+
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12753
12880
|
animation: none;
|
12754
12881
|
}
|
12755
12882
|
}
|
@@ -12761,8 +12888,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12761
12888
|
}
|
12762
12889
|
@media (prefers-reduced-motion) {
|
12763
12890
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12764
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12765
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12891
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12892
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12766
12893
|
animation: none;
|
12767
12894
|
}
|
12768
12895
|
}
|
@@ -12774,8 +12901,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12774
12901
|
}
|
12775
12902
|
@media (prefers-reduced-motion) {
|
12776
12903
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12777
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12778
|
-
.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12904
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12905
|
+
.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12779
12906
|
animation: none;
|
12780
12907
|
}
|
12781
12908
|
}
|
@@ -12787,8 +12914,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12787
12914
|
}
|
12788
12915
|
@media (prefers-reduced-motion) {
|
12789
12916
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12790
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12791
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12917
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12918
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12792
12919
|
animation: none;
|
12793
12920
|
}
|
12794
12921
|
}
|
@@ -12800,8 +12927,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12800
12927
|
}
|
12801
12928
|
@media (prefers-reduced-motion) {
|
12802
12929
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12803
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12804
|
-
.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12930
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12931
|
+
.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12805
12932
|
animation: none;
|
12806
12933
|
}
|
12807
12934
|
}
|
@@ -12813,8 +12940,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12813
12940
|
}
|
12814
12941
|
@media (prefers-reduced-motion) {
|
12815
12942
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12816
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12817
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12943
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12944
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12818
12945
|
animation: none;
|
12819
12946
|
}
|
12820
12947
|
}
|
@@ -12826,8 +12953,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12826
12953
|
}
|
12827
12954
|
@media (prefers-reduced-motion) {
|
12828
12955
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12829
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12830
|
-
.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12956
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12957
|
+
.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12831
12958
|
animation: none;
|
12832
12959
|
}
|
12833
12960
|
}
|
@@ -12839,8 +12966,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12839
12966
|
}
|
12840
12967
|
@media (prefers-reduced-motion) {
|
12841
12968
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12842
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12843
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12969
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12970
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12844
12971
|
animation: none;
|
12845
12972
|
}
|
12846
12973
|
}
|
@@ -12852,8 +12979,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12852
12979
|
}
|
12853
12980
|
@media (prefers-reduced-motion) {
|
12854
12981
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12855
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12856
|
-
.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12982
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12983
|
+
.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12857
12984
|
animation: none;
|
12858
12985
|
}
|
12859
12986
|
}
|
@@ -12865,8 +12992,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12865
12992
|
}
|
12866
12993
|
@media (prefers-reduced-motion) {
|
12867
12994
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12868
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12869
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12995
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12996
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12870
12997
|
animation: none;
|
12871
12998
|
}
|
12872
12999
|
}
|
@@ -12879,8 +13006,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12879
13006
|
}
|
12880
13007
|
@media (prefers-reduced-motion: reduce) {
|
12881
13008
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12882
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12883
|
-
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
13009
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
13010
|
+
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12884
13011
|
animation: none;
|
12885
13012
|
}
|
12886
13013
|
}
|
@@ -12893,8 +13020,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12893
13020
|
}
|
12894
13021
|
@media (prefers-reduced-motion: reduce) {
|
12895
13022
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12896
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12897
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
13023
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
13024
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12898
13025
|
animation: none;
|
12899
13026
|
}
|
12900
13027
|
}
|
@@ -12920,8 +13047,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12920
13047
|
}
|
12921
13048
|
@media (prefers-reduced-motion) {
|
12922
13049
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12923
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12924
|
-
.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
13050
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
13051
|
+
.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12925
13052
|
animation: none;
|
12926
13053
|
}
|
12927
13054
|
}
|
@@ -12933,8 +13060,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12933
13060
|
}
|
12934
13061
|
@media (prefers-reduced-motion) {
|
12935
13062
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12936
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12937
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
13063
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
13064
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12938
13065
|
animation: none;
|
12939
13066
|
}
|
12940
13067
|
}
|
@@ -13155,7 +13282,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13155
13282
|
}
|
13156
13283
|
@media screen and (prefers-contrast) {
|
13157
13284
|
.cds--search-close:focus,
|
13158
|
-
.cds--search-button:focus {
|
13285
|
+
.cds--search-button:focus {
|
13159
13286
|
outline-style: dotted;
|
13160
13287
|
}
|
13161
13288
|
}
|
@@ -13167,7 +13294,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13167
13294
|
}
|
13168
13295
|
@media screen and (prefers-contrast) {
|
13169
13296
|
.cds--search-close:active,
|
13170
|
-
.cds--search-button:active {
|
13297
|
+
.cds--search-button:active {
|
13171
13298
|
outline-style: dotted;
|
13172
13299
|
}
|
13173
13300
|
}
|
@@ -13273,8 +13400,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13273
13400
|
}
|
13274
13401
|
@media (prefers-reduced-motion: reduce) {
|
13275
13402
|
.cds--search--lg.cds--skeleton .cds--search-input::before,
|
13276
|
-
.cds--search--md.cds--skeleton .cds--search-input::before,
|
13277
|
-
.cds--search--sm.cds--skeleton .cds--search-input::before {
|
13403
|
+
.cds--search--md.cds--skeleton .cds--search-input::before,
|
13404
|
+
.cds--search--sm.cds--skeleton .cds--search-input::before {
|
13278
13405
|
animation: none;
|
13279
13406
|
}
|
13280
13407
|
}
|
@@ -13342,7 +13469,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13342
13469
|
|
13343
13470
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
13344
13471
|
.cds--search-close svg,
|
13345
|
-
.cds--search-magnifier-icon {
|
13472
|
+
.cds--search-magnifier-icon {
|
13346
13473
|
fill: ButtonText;
|
13347
13474
|
}
|
13348
13475
|
}
|
@@ -13570,6 +13697,73 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13570
13697
|
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
|
13571
13698
|
}
|
13572
13699
|
|
13700
|
+
.cds--popover--tab-tip .cds--popover-content {
|
13701
|
+
border-radius: 0;
|
13702
|
+
}
|
13703
|
+
|
13704
|
+
.cds--popover--tab-tip__button {
|
13705
|
+
box-sizing: border-box;
|
13706
|
+
padding: 0;
|
13707
|
+
border: 0;
|
13708
|
+
margin: 0;
|
13709
|
+
font-family: inherit;
|
13710
|
+
font-size: 100%;
|
13711
|
+
vertical-align: baseline;
|
13712
|
+
display: inline-block;
|
13713
|
+
padding: 0;
|
13714
|
+
border: 0;
|
13715
|
+
appearance: none;
|
13716
|
+
background: none;
|
13717
|
+
cursor: pointer;
|
13718
|
+
text-align: start;
|
13719
|
+
width: 100%;
|
13720
|
+
position: relative;
|
13721
|
+
display: inline-flex;
|
13722
|
+
width: 2rem;
|
13723
|
+
height: 2rem;
|
13724
|
+
align-items: center;
|
13725
|
+
justify-content: center;
|
13726
|
+
}
|
13727
|
+
.cds--popover--tab-tip__button *,
|
13728
|
+
.cds--popover--tab-tip__button *::before,
|
13729
|
+
.cds--popover--tab-tip__button *::after {
|
13730
|
+
box-sizing: inherit;
|
13731
|
+
}
|
13732
|
+
.cds--popover--tab-tip__button::-moz-focus-inner {
|
13733
|
+
border: 0;
|
13734
|
+
}
|
13735
|
+
.cds--popover--tab-tip__button:focus {
|
13736
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
13737
|
+
outline-offset: -2px;
|
13738
|
+
}
|
13739
|
+
@media screen and (prefers-contrast) {
|
13740
|
+
.cds--popover--tab-tip__button:focus {
|
13741
|
+
outline-style: dotted;
|
13742
|
+
}
|
13743
|
+
}
|
13744
|
+
.cds--popover--tab-tip__button:hover {
|
13745
|
+
background-color: var(--cds-layer-hover);
|
13746
|
+
}
|
13747
|
+
|
13748
|
+
.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button {
|
13749
|
+
background: var(--cds-layer);
|
13750
|
+
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
|
13751
|
+
}
|
13752
|
+
|
13753
|
+
.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after {
|
13754
|
+
position: absolute;
|
13755
|
+
z-index: 6001;
|
13756
|
+
bottom: 0;
|
13757
|
+
width: 100%;
|
13758
|
+
height: 2px;
|
13759
|
+
background: var(--cds-layer);
|
13760
|
+
content: "";
|
13761
|
+
}
|
13762
|
+
|
13763
|
+
.cds--popover--tab-tip__button svg {
|
13764
|
+
fill: var(--cds-icon-primary, #161616);
|
13765
|
+
}
|
13766
|
+
|
13573
13767
|
:root {
|
13574
13768
|
--cds-layer: var(--cds-layer-01, #f4f4f4);
|
13575
13769
|
--cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
|
@@ -13581,7 +13775,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13581
13775
|
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
13582
13776
|
--cds-field: var(--cds-field-01, #f4f4f4);
|
13583
13777
|
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
13584
|
-
--cds-border-subtle: var(--cds-border-subtle-
|
13778
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
13585
13779
|
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
13586
13780
|
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
13587
13781
|
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
@@ -13598,7 +13792,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13598
13792
|
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
13599
13793
|
--cds-field: var(--cds-field-01, #f4f4f4);
|
13600
13794
|
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
13601
|
-
--cds-border-subtle: var(--cds-border-subtle-
|
13795
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
13602
13796
|
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
13603
13797
|
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
13604
13798
|
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
@@ -13615,7 +13809,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13615
13809
|
--cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);
|
13616
13810
|
--cds-field: var(--cds-field-02, #ffffff);
|
13617
13811
|
--cds-field-hover: var(--cds-field-hover-02, #e8e8e8);
|
13618
|
-
--cds-border-subtle: var(--cds-border-subtle-
|
13812
|
+
--cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
|
13619
13813
|
--cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);
|
13620
13814
|
--cds-border-strong: var(--cds-border-strong-02, #8d8d8d);
|
13621
13815
|
--cds-border-tile: var(--cds-border-tile-02, #a8a8a8);
|
@@ -13632,7 +13826,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13632
13826
|
--cds-layer-accent-active: var(--cds-layer-accent-active-03, #a8a8a8);
|
13633
13827
|
--cds-field: var(--cds-field-03, #f4f4f4);
|
13634
13828
|
--cds-field-hover: var(--cds-field-hover-03, #e8e8e8);
|
13635
|
-
--cds-border-subtle: var(--cds-border-subtle-
|
13829
|
+
--cds-border-subtle: var(--cds-border-subtle-02, #e0e0e0);
|
13636
13830
|
--cds-border-subtle-selected: var(--cds-border-subtle-selected-03, #c6c6c6);
|
13637
13831
|
--cds-border-strong: var(--cds-border-strong-03, #8d8d8d);
|
13638
13832
|
--cds-border-tile: var(--cds-border-tile-03, #c6c6c6);
|
@@ -14116,7 +14310,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14116
14310
|
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
14117
14311
|
--cds-field: var(--cds-field-01, #f4f4f4);
|
14118
14312
|
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
14119
|
-
--cds-border-subtle: var(--cds-border-subtle-
|
14313
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
14120
14314
|
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
14121
14315
|
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
14122
14316
|
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
@@ -14546,7 +14740,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14546
14740
|
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
14547
14741
|
--cds-field: var(--cds-field-01, #f4f4f4);
|
14548
14742
|
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
14549
|
-
--cds-border-subtle: var(--cds-border-subtle-
|
14743
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
14550
14744
|
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
14551
14745
|
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
14552
14746
|
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
@@ -15037,7 +15231,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15037
15231
|
|
15038
15232
|
@media (prefers-reduced-motion: reduce) {
|
15039
15233
|
.c4p--options-tile__summary,
|
15040
|
-
.c4p--options-tile__chevron {
|
15234
|
+
.c4p--options-tile__chevron {
|
15041
15235
|
transition: none;
|
15042
15236
|
}
|
15043
15237
|
}
|
@@ -15763,9 +15957,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15763
15957
|
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-container .c4p--datagrid__filter-summary {
|
15764
15958
|
border-bottom: 1px solid var(--cds-layer-03, #f4f4f4);
|
15765
15959
|
}
|
15766
|
-
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-container {
|
15767
|
-
overflow: hidden;
|
15768
|
-
}
|
15769
15960
|
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-simple {
|
15770
15961
|
height: 100%;
|
15771
15962
|
}
|