@carbon/ibm-products 2.0.0-rc.3 → 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 +46 -21
- package/css/config.css +3 -0
- package/css/config.css.map +1 -0
- package/css/index-full-carbon.css +6711 -4153
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +6 -10
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +853 -698
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +2 -10
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +1080 -1011
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +6 -10
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +1524 -1091
- package/css/index.css.map +1 -1
- package/css/index.min.css +6 -10
- 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 +76 -111
- package/es/components/AboutModal/index.js +1 -0
- package/es/components/ActionBar/ActionBar.js +71 -90
- package/es/components/ActionBar/ActionBarItem.js +21 -22
- package/es/components/ActionBar/ActionBarOverflowItems.js +13 -12
- package/es/components/ActionBar/index.js +1 -0
- package/es/components/ActionSet/ActionSet.js +36 -42
- package/es/components/ActionSet/actions.js +1 -2
- package/es/components/ActionSet/index.js +1 -0
- package/es/components/AddSelect/AddSelect.js +9 -7
- package/es/components/AddSelect/AddSelectBody.js +119 -119
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +10 -9
- package/es/components/AddSelect/AddSelectColumn.js +44 -56
- package/es/components/AddSelect/AddSelectFilter.js +32 -43
- package/es/components/AddSelect/AddSelectFormControl.js +82 -0
- package/es/components/AddSelect/AddSelectList.js +31 -218
- package/es/components/AddSelect/AddSelectMetaPanel.js +10 -5
- package/es/components/AddSelect/AddSelectRow.js +206 -0
- package/es/components/AddSelect/AddSelectSidebar.js +19 -23
- package/es/components/AddSelect/AddSelectSort.js +10 -8
- package/es/components/AddSelect/add-select-utils.js +10 -24
- package/es/components/AddSelect/hooks/useFocus.js +31 -0
- package/es/components/AddSelect/hooks/useItemSort.js +13 -8
- package/es/components/AddSelect/hooks/useParentSelect.js +10 -6
- package/es/components/AddSelect/hooks/usePath.js +27 -21
- package/es/components/AddSelect/index.js +2 -1
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +75 -104
- package/es/components/BreadcrumbWithOverflow/index.js +2 -0
- package/es/components/ButtonMenu/ButtonMenu.js +39 -37
- package/es/components/ButtonMenu/ButtonMenuItem.js +10 -6
- package/es/components/ButtonMenu/index.js +1 -0
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +42 -64
- package/es/components/ButtonSetWithOverflow/index.js +1 -0
- package/es/components/Card/Card.js +64 -80
- package/es/components/Card/CardFooter.js +21 -20
- package/es/components/Card/CardHeader.js +15 -15
- 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 +80 -90
- package/es/components/CreateFullPage/CreateFullPageStep.js +44 -49
- 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 +80 -91
- package/es/components/CreateTearsheet/CreateTearsheetDivider.js +4 -4
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +39 -50
- package/es/components/CreateTearsheet/index.js +1 -0
- package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +60 -84
- package/es/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +50 -70
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +32 -41
- package/es/components/CreateTearsheetNarrow/index.js +1 -0
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +139 -229
- 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 +18 -9
- 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 +21 -17
- package/es/components/Datagrid/Datagrid/DatagridBody.js +4 -10
- package/es/components/Datagrid/Datagrid/DatagridContent.js +89 -57
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +29 -26
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -6
- package/es/components/Datagrid/Datagrid/DatagridHead.js +7 -8
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +8 -13
- package/es/components/Datagrid/Datagrid/DatagridRefBody.js +8 -9
- package/es/components/Datagrid/Datagrid/DatagridRow.js +76 -28
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +29 -24
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +47 -44
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +6 -10
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +37 -46
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +53 -31
- package/es/components/Datagrid/Datagrid/DraggableElement.js +82 -89
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +10 -14
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +18 -21
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +37 -85
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +176 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +109 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +51 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +2 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +244 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +269 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +83 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +27 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +11 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +299 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +21 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +34 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +23 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/index.js +9 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +55 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +84 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +11 -12
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +73 -118
- 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 -64
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +14 -21
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +35 -33
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +19 -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/Datagrid.stories/index.js +0 -1
- package/es/components/Datagrid/common-column-ids.js +1 -0
- package/es/components/Datagrid/index.js +10 -7
- package/es/components/Datagrid/useActionsColumn.js +42 -32
- 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 +11 -19
- package/es/components/Datagrid/useDatagrid.js +0 -7
- package/es/components/Datagrid/useDefaultStringRenderer.js +1 -10
- package/es/components/Datagrid/useDisableSelectRows.js +2 -10
- package/es/components/Datagrid/useEditableCell.js +12 -0
- package/es/components/Datagrid/useExpandedRow.js +5 -15
- package/es/components/Datagrid/useFiltering.js +91 -0
- package/es/components/Datagrid/useFlexResize.js +0 -7
- package/es/components/Datagrid/useFloatingScroll.js +9 -22
- package/es/components/Datagrid/useInfiniteScroll.js +15 -17
- package/es/components/Datagrid/useInlineEdit.js +17 -20
- package/es/components/Datagrid/useNestedRowExpander.js +7 -8
- package/es/components/Datagrid/useNestedRows.js +13 -12
- package/es/components/Datagrid/useOnRowClick.js +16 -13
- package/es/components/Datagrid/useParentDimensions.js +9 -17
- package/es/components/Datagrid/useResizeTable.js +1 -7
- package/es/components/Datagrid/useRowExpander.js +11 -8
- 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 +27 -24
- package/es/components/Datagrid/useSelectRows.js +30 -31
- package/es/components/Datagrid/useSkeletonRows.js +1 -6
- package/es/components/Datagrid/useSortableColumns.js +33 -39
- package/es/components/Datagrid/useStickyColumn.js +21 -36
- package/es/components/Datagrid/utils/DatagridActions.js +166 -79
- 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 +10 -0
- package/es/components/Datagrid/utils/getAutoSizedColumnWidth.js +27 -0
- package/es/components/Datagrid/utils/getInlineEditColumns.js +8 -4
- package/es/components/Datagrid/utils/makeData.js +23 -30
- package/es/components/EditFullPage/EditFullPage.js +27 -20
- package/es/components/EditFullPage/index.js +1 -0
- package/es/components/EditInPlace/EditInPlace.js +303 -0
- package/es/components/{InlineEdit → EditInPlace}/index.js +2 -1
- 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 +142 -0
- package/es/components/EditUpdateCards/index.js +8 -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 +69 -48
- package/es/components/ExampleComponent/ExampleDeprecatedComponent.js +28 -0
- package/es/components/ExampleComponent/index.js +1 -0
- package/es/components/ExampleComponent/useExample.js +49 -0
- package/es/components/ExportModal/ExportModal.js +41 -80
- package/es/components/ExportModal/index.js +1 -0
- package/es/components/ExpressiveCard/ExpressiveCard.js +6 -23
- package/es/components/ExpressiveCard/index.js +1 -0
- package/es/components/FilterSummary/FilterSummary.js +54 -0
- package/es/components/FilterSummary/index.js +7 -0
- 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 +14 -29
- package/es/components/MultiAddSelect/index.js +7 -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 +73 -86
- package/es/components/OptionsTile/index.js +1 -0
- package/es/components/PageHeader/PageHeader.js +159 -225
- package/es/components/PageHeader/PageHeaderDemo.data.js +0 -1
- package/es/components/PageHeader/PageHeaderTitle.js +35 -39
- package/es/components/PageHeader/PageHeaderUtils.js +18 -45
- package/es/components/PageHeader/index.js +1 -0
- package/es/components/ProductiveCard/ProductiveCard.js +10 -27
- package/es/components/ProductiveCard/index.js +1 -0
- package/es/components/RemoveModal/RemoveModal.js +41 -47
- 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 +166 -213
- package/es/components/SidePanel/constants.js +1 -0
- package/es/components/SidePanel/index.js +1 -0
- package/es/components/SidePanel/motion/variants.js +46 -0
- package/es/components/SingleAddSelect/SingleAddSelect.js +7 -14
- package/es/components/SingleAddSelect/index.js +7 -0
- package/es/components/StatusIcon/StatusIcon.js +5 -12
- package/es/components/StatusIcon/index.js +1 -0
- package/es/components/TagSet/TagSet.js +62 -97
- 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 +37 -36
- package/es/components/Tearsheet/TearsheetNarrow.js +26 -25
- package/es/components/Tearsheet/TearsheetShell.js +92 -102
- 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 +6 -5
- package/es/global/js/hooks/index.js +3 -1
- 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 +74 -0
- package/es/global/js/hooks/useCreateComponentFocus.js +35 -13
- 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 +16 -11
- package/es/global/js/hooks/useResizeObserver.js +74 -0
- 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 +14 -16
- package/es/global/js/hooks/useWindowScroll.js +10 -14
- package/es/global/js/package-settings.js +32 -19
- 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 +19 -0
- package/es/global/js/utils/getFocusableElements.js +1 -1
- package/es/global/js/utils/getNumberOfHiddenSteps.js +19 -0
- 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 +44 -0
- 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 +39 -10
- package/es/global/js/utils/test-helper.js +71 -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 +48 -29
- 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 +79 -128
- package/lib/components/AboutModal/index.js +0 -1
- package/lib/components/ActionBar/ActionBar.js +73 -106
- package/lib/components/ActionBar/ActionBarItem.js +23 -29
- package/lib/components/ActionBar/ActionBarOverflowItems.js +11 -22
- package/lib/components/ActionBar/index.js +0 -2
- package/lib/components/ActionSet/ActionSet.js +41 -52
- package/lib/components/ActionSet/actions.js +1 -5
- package/lib/components/ActionSet/index.js +0 -1
- package/lib/components/AddSelect/AddSelect.js +13 -19
- package/lib/components/AddSelect/AddSelectBody.js +121 -147
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +10 -19
- package/lib/components/AddSelect/AddSelectColumn.js +47 -76
- package/lib/components/AddSelect/AddSelectFilter.js +35 -57
- package/lib/components/AddSelect/AddSelectFormControl.js +90 -0
- package/lib/components/AddSelect/AddSelectList.js +30 -232
- package/lib/components/AddSelect/AddSelectMetaPanel.js +9 -17
- package/lib/components/AddSelect/AddSelectRow.js +217 -0
- package/lib/components/AddSelect/AddSelectSidebar.js +23 -33
- package/lib/components/AddSelect/AddSelectSort.js +10 -19
- package/lib/components/AddSelect/add-select-utils.js +10 -34
- package/lib/components/AddSelect/hooks/useFocus.js +39 -0
- package/lib/components/AddSelect/hooks/useItemSort.js +12 -12
- package/lib/components/AddSelect/hooks/useParentSelect.js +9 -8
- package/lib/components/AddSelect/hooks/usePath.js +26 -23
- package/lib/components/AddSelect/index.js +0 -1
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +75 -116
- package/lib/components/BreadcrumbWithOverflow/index.js +0 -1
- package/lib/components/ButtonMenu/ButtonMenu.js +40 -41
- package/lib/components/ButtonMenu/ButtonMenuItem.js +9 -10
- package/lib/components/ButtonMenu/index.js +0 -2
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +46 -83
- package/lib/components/ButtonSetWithOverflow/index.js +0 -1
- package/lib/components/Card/Card.js +66 -91
- package/lib/components/Card/CardFooter.js +21 -30
- package/lib/components/Card/CardHeader.js +15 -25
- 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 +83 -107
- package/lib/components/CreateFullPage/CreateFullPageStep.js +47 -63
- 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 +85 -110
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +9 -14
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +43 -65
- package/lib/components/CreateTearsheet/index.js +0 -3
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +65 -96
- package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +50 -84
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +35 -49
- package/lib/components/CreateTearsheetNarrow/index.js +0 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +141 -259
- 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 +18 -13
- 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 +26 -31
- package/lib/components/Datagrid/Datagrid/DatagridBody.js +5 -16
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +89 -80
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +28 -31
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -10
- package/lib/components/Datagrid/Datagrid/DatagridHead.js +6 -11
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +8 -20
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +15 -16
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +85 -46
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +40 -32
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +45 -50
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +12 -17
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +37 -59
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +58 -40
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +82 -101
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +10 -23
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +18 -25
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +36 -99
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +184 -0
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +117 -0
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +61 -0
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -5
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +3 -6
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +255 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +280 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +96 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +45 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +34 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +309 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +30 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +41 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +30 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/index.js +33 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +64 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +91 -0
- 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 +80 -140
- 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 -72
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +14 -27
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +34 -41
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +19 -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 -13
- package/lib/components/Datagrid/common-column-ids.js +1 -1
- package/lib/components/Datagrid/index.js +22 -20
- package/lib/components/Datagrid/useActionsColumn.js +49 -38
- 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 +17 -26
- package/lib/components/Datagrid/useDatagrid.js +7 -21
- package/lib/components/Datagrid/useDefaultStringRenderer.js +8 -17
- package/lib/components/Datagrid/useDisableSelectRows.js +2 -11
- package/lib/components/Datagrid/useEditableCell.js +20 -0
- package/lib/components/Datagrid/useExpandedRow.js +12 -21
- package/lib/components/Datagrid/useFiltering.js +98 -0
- package/lib/components/Datagrid/useFlexResize.js +0 -9
- package/lib/components/Datagrid/useFloatingScroll.js +10 -27
- package/lib/components/Datagrid/useInfiniteScroll.js +15 -21
- package/lib/components/Datagrid/useInlineEdit.js +20 -26
- package/lib/components/Datagrid/useNestedRowExpander.js +7 -14
- package/lib/components/Datagrid/useNestedRows.js +14 -16
- package/lib/components/Datagrid/useOnRowClick.js +16 -14
- package/lib/components/Datagrid/useParentDimensions.js +10 -19
- package/lib/components/Datagrid/useResizeTable.js +2 -8
- package/lib/components/Datagrid/useRowExpander.js +12 -11
- 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 +31 -31
- package/lib/components/Datagrid/useSelectRows.js +40 -44
- package/lib/components/Datagrid/useSkeletonRows.js +1 -8
- package/lib/components/Datagrid/useSortableColumns.js +33 -41
- package/lib/components/Datagrid/useStickyColumn.js +26 -42
- package/lib/components/Datagrid/utils/DatagridActions.js +168 -88
- 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 +10 -1
- package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +35 -0
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +8 -10
- package/lib/components/Datagrid/utils/makeData.js +29 -41
- package/lib/components/EditFullPage/EditFullPage.js +30 -26
- package/lib/components/EditFullPage/index.js +0 -1
- package/lib/components/EditInPlace/EditInPlace.js +312 -0
- package/lib/components/{InlineEdit → EditInPlace}/index.js +3 -4
- 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 +146 -0
- package/lib/components/EditUpdateCards/index.js +12 -0
- 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 +75 -55
- package/lib/components/ExampleComponent/ExampleDeprecatedComponent.js +36 -0
- package/lib/components/ExampleComponent/index.js +0 -1
- package/lib/components/ExampleComponent/useExample.js +58 -0
- package/lib/components/ExportModal/ExportModal.js +46 -96
- package/lib/components/ExportModal/index.js +0 -1
- package/lib/components/ExpressiveCard/ExpressiveCard.js +6 -35
- package/lib/components/ExpressiveCard/index.js +0 -1
- package/lib/components/FilterSummary/FilterSummary.js +63 -0
- package/lib/components/FilterSummary/index.js +13 -0
- 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 +13 -39
- 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 +74 -101
- package/lib/components/OptionsTile/index.js +0 -1
- package/lib/components/PageHeader/PageHeader.js +162 -252
- package/lib/components/PageHeader/PageHeaderDemo.data.js +0 -3
- package/lib/components/PageHeader/PageHeaderTitle.js +35 -52
- package/lib/components/PageHeader/PageHeaderUtils.js +23 -59
- package/lib/components/PageHeader/index.js +0 -1
- package/lib/components/ProductiveCard/ProductiveCard.js +15 -41
- package/lib/components/ProductiveCard/index.js +0 -1
- package/lib/components/RemoveModal/RemoveModal.js +45 -63
- 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 +169 -233
- package/lib/components/SidePanel/constants.js +1 -1
- package/lib/components/SidePanel/index.js +0 -1
- package/lib/components/SidePanel/motion/variants.js +54 -0
- package/lib/components/SingleAddSelect/SingleAddSelect.js +6 -25
- 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 +66 -117
- 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 +39 -44
- package/lib/components/Tearsheet/TearsheetNarrow.js +29 -34
- package/lib/components/Tearsheet/TearsheetShell.js +93 -123
- 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 +33 -52
- package/lib/global/js/hooks/index.js +8 -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 +80 -0
- package/lib/global/js/hooks/useCreateComponentFocus.js +35 -17
- 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 +14 -13
- package/lib/global/js/hooks/useResizeObserver.js +83 -0
- 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 +10 -19
- package/lib/global/js/package-settings.js +37 -23
- 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 +25 -0
- package/lib/global/js/utils/getFocusableElements.js +1 -4
- package/lib/global/js/utils/getNumberOfHiddenSteps.js +26 -0
- 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 +51 -0
- 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 +41 -25
- package/lib/global/js/utils/test-helper.js +74 -88
- 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 +49 -38
- package/package.json +29 -27
- package/scss/components/AboutModal/_about-modal.scss +26 -60
- package/scss/components/AboutModal/_storybook-styles.scss +18 -5
- package/scss/components/ActionBar/_action-bar.scss +0 -4
- package/scss/components/ActionSet/_action-set.scss +28 -10
- package/scss/components/AddSelect/_add-select.scss +44 -72
- package/scss/components/AddSelect/_index.scss +1 -1
- package/scss/components/AddSelect/_storybook-styles.scss +1 -1
- package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +10 -1
- package/scss/components/Card/_card.scss +13 -6
- package/scss/components/CreateFullPage/_create-full-page.scss +5 -10
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +8 -3
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +1 -1
- package/scss/components/Datagrid/_datagrid.scss +0 -1
- package/scss/components/Datagrid/_storybook-styles.scss +21 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +131 -29
- package/scss/components/Datagrid/styles/_draggableElement.scss +27 -12
- package/scss/components/Datagrid/styles/_index.scss +9 -8
- package/scss/components/Datagrid/styles/_useExpandedRow.scss +20 -2
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +36 -9
- package/scss/components/Datagrid/styles/_useNestedRows.scss +36 -0
- package/scss/components/Datagrid/styles/_useSelectAllToggle.scss +23 -15
- package/scss/components/Datagrid/styles/_useSortableColumns.scss +40 -18
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +3 -3
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +82 -0
- package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +87 -0
- package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +129 -0
- package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +19 -7
- package/scss/components/EditInPlace/_carbon-imports.scss +9 -0
- package/scss/components/EditInPlace/_edit-in-place.scss +164 -0
- package/scss/components/{InlineEdit → EditInPlace}/_index-with-carbon.scss +1 -1
- package/scss/components/EditInPlace/_index.scss +10 -0
- package/scss/components/{InlineEdit → EditInPlace}/_storybook-styles.scss +3 -15
- package/scss/components/EditTearsheet/_edit-tearsheet.scss +6 -4
- package/scss/components/EditUpdateCards/_carbon-imports.scss +9 -0
- package/scss/components/EditUpdateCards/_edit-update-cards.scss +85 -0
- package/scss/components/{InlineEdit/_carbon-imports.scss → EditUpdateCards/_index-with-carbon.scss} +3 -0
- package/scss/components/{InlineEdit → EditUpdateCards}/_index.scss +1 -1
- package/scss/components/EditUpdateCards/_storybook-styles.scss +55 -0
- package/scss/components/EmptyStates/_empty-state.scss +29 -6
- package/scss/components/ExportModal/_export-modal.scss +0 -4
- package/scss/components/ExpressiveCard/_expressive-card.scss +1 -1
- package/scss/components/FilterSummary/_filter-summary.scss +21 -0
- package/scss/components/{ModifiedTabs → FilterSummary}/_index.scss +4 -2
- package/scss/components/{ModifiedTabs/_index-with-carbon.scss → FilterSummary/_storybook-styles.scss} +8 -3
- package/scss/components/HTTPErrors/_http-errors.scss +8 -4
- package/scss/components/MultiAddSelect/_multi-add-select.scss +8 -1
- package/scss/components/MultiAddSelect/_storybook-styles.scss +1 -1
- package/scss/components/OptionsTile/_options-tile.scss +10 -3
- package/scss/components/PageHeader/_page-header.scss +9 -12
- package/scss/components/ProductiveCard/_productive-card.scss +31 -2
- package/scss/components/SidePanel/_side-panel.scss +10 -97
- package/scss/components/SidePanel/_storybook-styles.scss +6 -1
- package/scss/components/SingleAddSelect/_carbon-imports.scss +1 -1
- package/scss/components/SingleAddSelect/_index-with-carbon.scss +1 -1
- package/scss/components/SingleAddSelect/_index.scss +7 -0
- package/scss/components/SingleAddSelect/_single-add-select.scss +8 -1
- package/scss/components/SingleAddSelect/_storybook-styles.scss +1 -1
- package/scss/components/TagSet/_tag-set.scss +1 -0
- package/scss/components/Tearsheet/_carbon-imports.scss +2 -1
- package/scss/components/Tearsheet/_tearsheet.scss +10 -5
- package/scss/components/UserProfileImage/_user-profile-image.scss +5 -0
- package/scss/components/_index-released-only-with-carbon.scss +3 -1
- package/scss/components/_index-released-only.scss +3 -1
- package/scss/components/_index-with-carbon.scss +2 -2
- package/scss/components/_index.scss +3 -2
- package/scss/config.scss +1 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +0 -194
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +0 -63
- package/es/components/Datagrid/Datagrid.stories/LeftPanelStory.js +0 -6
- package/es/components/InlineEdit/InlineEdit.js +0 -447
- package/es/components/ModifiedTabs/ModifiedTabLabelNew.js +0 -34
- package/es/components/ModifiedTabs/ModifiedTabLabelWithClose.js +0 -47
- package/es/components/ModifiedTabs/ModifiedTabs.js +0 -141
- package/es/components/ModifiedTabs/index.js +0 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +0 -209
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +0 -74
- package/lib/components/Datagrid/Datagrid.stories/LeftPanelStory.js +0 -13
- package/lib/components/InlineEdit/InlineEdit.js +0 -464
- package/lib/components/ModifiedTabs/ModifiedTabLabelNew.js +0 -50
- package/lib/components/ModifiedTabs/ModifiedTabLabelWithClose.js +0 -63
- package/lib/components/ModifiedTabs/ModifiedTabs.js +0 -164
- package/lib/components/ModifiedTabs/index.js +0 -13
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsModal.scss +0 -91
- package/scss/components/InlineEdit/_inline-edit.scss +0 -355
- package/scss/components/ModifiedTabs/_carbon-imports.scss +0 -10
- package/scss/components/ModifiedTabs/_modified-tabs.scss +0 -89
- package/scss/components/ModifiedTabs/_storybook-styles.scss +0 -6
@@ -211,6 +211,7 @@
|
|
211
211
|
}
|
212
212
|
|
213
213
|
.cds--snippet--disabled .cds--snippet-btn--expand:hover,
|
214
|
+
.cds--snippet--disabled .cds--copy-btn,
|
214
215
|
.cds--snippet--disabled .cds--copy-btn:hover {
|
215
216
|
background-color: var(--cds-layer);
|
216
217
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
@@ -430,6 +431,16 @@
|
|
430
431
|
overflow-y: auto;
|
431
432
|
transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
432
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
|
+
}
|
433
444
|
|
434
445
|
.cds--snippet--multi.cds--snippet--expand .cds--snippet-container {
|
435
446
|
padding-bottom: 1rem;
|
@@ -455,13 +466,13 @@
|
|
455
466
|
overflow-x: auto;
|
456
467
|
}
|
457
468
|
|
458
|
-
.cds--snippet--multi .cds--snippet-container pre::after {
|
469
|
+
.cds--snippet--multi.cds--snippet--has-right-overflow .cds--snippet-container pre::after {
|
459
470
|
position: absolute;
|
460
471
|
top: 0;
|
461
472
|
right: 0;
|
462
473
|
width: 1rem;
|
463
474
|
height: 100%;
|
464
|
-
background-image: linear-gradient(to right,
|
475
|
+
background-image: linear-gradient(to right, transparent, var(--cds-layer));
|
465
476
|
content: "";
|
466
477
|
}
|
467
478
|
|
@@ -790,7 +801,7 @@
|
|
790
801
|
|
791
802
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
792
803
|
.cds--snippet--single,
|
793
|
-
.cds--snippet--multi {
|
804
|
+
.cds--snippet--multi {
|
794
805
|
outline: 1px solid transparent;
|
795
806
|
}
|
796
807
|
}
|
@@ -841,61 +852,66 @@
|
|
841
852
|
}
|
842
853
|
|
843
854
|
.c4p--about-modal .c4p--about-modal__logo {
|
844
|
-
margin: 1rem;
|
855
|
+
margin: 1rem 1rem 2rem 1rem;
|
845
856
|
}
|
846
857
|
|
847
858
|
.c4p--about-modal .c4p--about-modal__header {
|
848
|
-
padding: 0 20% 0
|
859
|
+
padding: 0 20% 0 1rem;
|
849
860
|
margin-bottom: 0;
|
850
861
|
grid-row: auto;
|
851
862
|
}
|
852
863
|
|
853
864
|
.c4p--about-modal .c4p--about-modal__title {
|
854
|
-
font-size: var(--cds-
|
855
|
-
font-weight: var(--cds-
|
856
|
-
line-height: var(--cds-
|
857
|
-
letter-spacing: var(--cds-
|
865
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
866
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
867
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
868
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
858
869
|
color: var(--cds-text-primary, #161616);
|
859
870
|
}
|
860
871
|
|
861
872
|
.c4p--about-modal .c4p--about-modal__body {
|
862
|
-
font-size: var(--cds-body-
|
863
|
-
font-weight: var(--cds-body-
|
864
|
-
line-height: var(--cds-body-
|
865
|
-
letter-spacing: var(--cds-body-
|
873
|
+
font-size: var(--cds-body-compact-02-font-size, 1rem);
|
874
|
+
font-weight: var(--cds-body-compact-02-font-weight, 400);
|
875
|
+
line-height: var(--cds-body-compact-02-line-height, 1.375);
|
876
|
+
letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
|
866
877
|
min-height: 4rem;
|
867
878
|
padding: 0 20% 0 1rem;
|
879
|
+
margin-bottom: 1.5rem;
|
868
880
|
grid-row: auto;
|
869
881
|
overflow-x: hidden;
|
870
882
|
overflow-y: auto;
|
871
883
|
}
|
872
884
|
|
873
|
-
.c4p--about-modal.c4p--about-modal--with-tabs .c4p--about-modal__body {
|
874
|
-
min-height: calc(4rem + 2.5rem);
|
875
|
-
margin-bottom: calc(3rem + 2.5rem);
|
876
|
-
}
|
877
|
-
|
878
|
-
.c4p--about-modal.c4p--about-modal--with-tabs .cds--modal-content--overflow-indicator {
|
879
|
-
bottom: calc(3rem + 2.5rem);
|
880
|
-
}
|
881
|
-
|
882
885
|
.c4p--about-modal .cds--modal-content--overflow-indicator {
|
886
|
+
bottom: 1.5rem;
|
883
887
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--cds-layer-01, #f4f4f4));
|
884
888
|
}
|
885
889
|
|
886
890
|
.c4p--about-modal .c4p--about-modal__links-container {
|
887
|
-
|
891
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
892
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
893
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
894
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
895
|
+
margin-top: 1.5rem;
|
896
|
+
}
|
897
|
+
|
898
|
+
.c4p--about-modal .c4p--about-modal__version {
|
899
|
+
color: var(--cds-text-secondary, #525252);
|
888
900
|
}
|
889
901
|
|
890
902
|
.c4p--about-modal .c4p--about-modal__links-container a + a {
|
891
903
|
padding-left: 0.5rem;
|
892
|
-
border-left: 1px solid var(--cds-
|
904
|
+
border-left: 1px solid var(--cds-border-strong-01, #8d8d8d);
|
893
905
|
margin-left: 0.5rem;
|
894
906
|
}
|
895
907
|
|
896
|
-
.c4p--about-modal .c4p--about-
|
908
|
+
.c4p--about-modal .c4p--about-modal__content,
|
897
909
|
.c4p--about-modal .c4p--about-modal__copyright-text {
|
898
|
-
|
910
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
911
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
912
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
913
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
914
|
+
margin-top: 1.5rem;
|
899
915
|
margin-bottom: 0;
|
900
916
|
color: var(--cds-text-secondary, #525252);
|
901
917
|
}
|
@@ -904,51 +920,16 @@
|
|
904
920
|
margin-top: 1rem;
|
905
921
|
}
|
906
922
|
|
907
|
-
.c4p--about-
|
908
|
-
|
909
|
-
|
910
|
-
flex-direction: column;
|
911
|
-
justify-content: center;
|
912
|
-
background-color: var(--cds-background-inverse, #393939);
|
913
|
-
color: var(--cds-text-inverse, #ffffff);
|
914
|
-
}
|
915
|
-
|
916
|
-
.c4p--about-modal .c4p--about-modal__tab-container {
|
917
|
-
position: absolute;
|
918
|
-
bottom: 0;
|
919
|
-
}
|
920
|
-
|
921
|
-
.c4p--about-modal .c4p--about-modal__version-label,
|
922
|
-
.c4p--about-modal .c4p--about-modal__version-number {
|
923
|
-
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
924
|
-
font-weight: var(--cds-body-short-01-font-weight, 400);
|
925
|
-
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
926
|
-
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
927
|
-
padding-left: 1rem;
|
928
|
-
margin-top: 0;
|
929
|
-
margin-bottom: 0;
|
930
|
-
color: var(--cds-text-inverse, #ffffff);
|
931
|
-
}
|
932
|
-
|
933
|
-
.c4p--about-modal .c4p--about-modal__version-label {
|
934
|
-
font-weight: 600;
|
935
|
-
}
|
936
|
-
|
937
|
-
.c4p--about-modal .cds--tabs .cds--tabs__nav-link,
|
938
|
-
.c4p--about-modal .cds--tab-content {
|
939
|
-
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
940
|
-
font-weight: var(--cds-body-short-01-font-weight, 400);
|
941
|
-
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
942
|
-
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
943
|
-
}
|
944
|
-
|
945
|
-
.c4p--about-modal .cds--tab-content {
|
946
|
-
height: 4.5rem;
|
923
|
+
p.c4p--about-modal__content:first-child,
|
924
|
+
p.c4p--about-modal__copyright-text:first-child {
|
925
|
+
margin-top: 2rem;
|
947
926
|
}
|
948
927
|
|
949
|
-
.c4p--about-modal .
|
950
|
-
display:
|
951
|
-
|
928
|
+
.c4p--about-modal .c4p--about-modal__footer {
|
929
|
+
display: block;
|
930
|
+
height: auto;
|
931
|
+
padding: 1rem;
|
932
|
+
background-color: var(--cds-layer-02, #ffffff);
|
952
933
|
}
|
953
934
|
|
954
935
|
.c4p--action-set {
|
@@ -962,14 +943,17 @@
|
|
962
943
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
963
944
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
964
945
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
965
|
-
height: 4rem;
|
966
946
|
align-items: center;
|
947
|
+
margin: 0;
|
948
|
+
}
|
949
|
+
.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
|
950
|
+
height: 4rem;
|
967
951
|
padding-top: 1rem;
|
968
952
|
padding-bottom: 2rem;
|
969
|
-
margin: 0;
|
970
953
|
}
|
971
954
|
|
972
|
-
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive
|
955
|
+
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive,
|
956
|
+
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn {
|
973
957
|
max-width: none;
|
974
958
|
}
|
975
959
|
|
@@ -1001,7 +985,7 @@
|
|
1001
985
|
.c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
1002
986
|
.c4p--action-set.cds--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
1003
987
|
.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost) {
|
1004
|
-
max-width:
|
988
|
+
max-width: 14.5rem;
|
1005
989
|
flex: 0 1 25%;
|
1006
990
|
}
|
1007
991
|
|
@@ -2531,7 +2515,7 @@
|
|
2531
2515
|
}
|
2532
2516
|
@media (prefers-reduced-motion: no-preference) {
|
2533
2517
|
.c4p--cascade__element,
|
2534
|
-
.c4p--cascade__col {
|
2518
|
+
.c4p--cascade__col {
|
2535
2519
|
/* stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use -- Carbon animation duration defined above in $animationProps */
|
2536
2520
|
animation: 240ms cubic-bezier(0.2, 0, 0.38, 0.9) 0s 1 fade;
|
2537
2521
|
animation-fill-mode: forwards;
|
@@ -2594,7 +2578,7 @@
|
|
2594
2578
|
.security--combo-button .security--combo-button__overflow-menu {
|
2595
2579
|
width: 3rem;
|
2596
2580
|
height: auto;
|
2597
|
-
border-left: 0.125rem solid var(--cds-border-subtle-01, #
|
2581
|
+
border-left: 0.125rem solid var(--cds-border-subtle-01, #c6c6c6);
|
2598
2582
|
background-color: var(--cds-background-brand, #0f62fe);
|
2599
2583
|
}
|
2600
2584
|
|
@@ -2695,9 +2679,9 @@
|
|
2695
2679
|
|
2696
2680
|
@media (prefers-reduced-motion) {
|
2697
2681
|
.c4p--create-influencer__side-nav-opening,
|
2698
|
-
.c4p--create-influencer__progress-indicator-opening,
|
2699
|
-
.c4p--create-influencer__side-nav-closing,
|
2700
|
-
.c4p--create-influencer__progress-indicator-closing {
|
2682
|
+
.c4p--create-influencer__progress-indicator-opening,
|
2683
|
+
.c4p--create-influencer__side-nav-closing,
|
2684
|
+
.c4p--create-influencer__progress-indicator-closing {
|
2701
2685
|
animation: none;
|
2702
2686
|
opacity: 1;
|
2703
2687
|
}
|
@@ -2725,8 +2709,6 @@
|
|
2725
2709
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
2726
2710
|
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
2727
2711
|
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
2728
|
-
max-width: 50%;
|
2729
|
-
padding-left: 2.5rem;
|
2730
2712
|
margin-bottom: 0.5rem;
|
2731
2713
|
}
|
2732
2714
|
|
@@ -2735,8 +2717,6 @@
|
|
2735
2717
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
2736
2718
|
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
2737
2719
|
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
2738
|
-
max-width: 50%;
|
2739
|
-
padding-left: 2.5rem;
|
2740
2720
|
margin-bottom: 1.5rem;
|
2741
2721
|
}
|
2742
2722
|
|
@@ -2791,7 +2771,8 @@
|
|
2791
2771
|
position: relative;
|
2792
2772
|
padding-bottom: 2rem;
|
2793
2773
|
}
|
2794
|
-
|
2774
|
+
|
2775
|
+
.c4p--create-full-page__step .cds--css-grid {
|
2795
2776
|
margin-left: 0;
|
2796
2777
|
}
|
2797
2778
|
|
@@ -2799,7 +2780,7 @@
|
|
2799
2780
|
top: 0;
|
2800
2781
|
height: min-content;
|
2801
2782
|
padding-top: 0;
|
2802
|
-
border-right: 1px solid var(--cds-border-subtle-01, #
|
2783
|
+
border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
2803
2784
|
background-color: transparent;
|
2804
2785
|
grid-row: 1;
|
2805
2786
|
overflow-x: auto;
|
@@ -2828,8 +2809,6 @@
|
|
2828
2809
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
2829
2810
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
2830
2811
|
letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
|
2831
|
-
max-width: 50%;
|
2832
|
-
padding-left: 2.5rem;
|
2833
2812
|
margin-bottom: 1rem;
|
2834
2813
|
}
|
2835
2814
|
|
@@ -2925,26 +2904,6 @@
|
|
2925
2904
|
margin-bottom: 0;
|
2926
2905
|
}
|
2927
2906
|
|
2928
|
-
@keyframes side-panel-exit-left {
|
2929
|
-
0% {
|
2930
|
-
opacity: 1;
|
2931
|
-
transform: translateX(0);
|
2932
|
-
}
|
2933
|
-
100% {
|
2934
|
-
opacity: 0;
|
2935
|
-
transform: translateX(calc(-1 * 30rem));
|
2936
|
-
}
|
2937
|
-
}
|
2938
|
-
@keyframes side-panel-exit-right {
|
2939
|
-
0% {
|
2940
|
-
opacity: 1;
|
2941
|
-
transform: translateX(0);
|
2942
|
-
}
|
2943
|
-
100% {
|
2944
|
-
opacity: 0;
|
2945
|
-
transform: translateX(30rem);
|
2946
|
-
}
|
2947
|
-
}
|
2948
2907
|
.c4p--side-panel__container {
|
2949
2908
|
--c4p--side-panel--subtitle-opacity: 1;
|
2950
2909
|
--c4p--side-panel--title-container-height: 0;
|
@@ -2964,7 +2923,6 @@
|
|
2964
2923
|
box-sizing: border-box;
|
2965
2924
|
background-color: var(--cds-layer-01, #f4f4f4);
|
2966
2925
|
color: var(--cds-text-primary, #161616);
|
2967
|
-
transition: transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
2968
2926
|
}
|
2969
2927
|
.c4p--side-panel__container.c4p--side-panel__container--xs {
|
2970
2928
|
width: 16rem;
|
@@ -2978,37 +2936,13 @@
|
|
2978
2936
|
max-width: 100%;
|
2979
2937
|
}
|
2980
2938
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--xs {
|
2981
|
-
width: 16rem;
|
2982
|
-
max-width: 100%;
|
2983
2939
|
right: 0;
|
2984
2940
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
2985
2941
|
}
|
2986
|
-
@keyframes side-panel-entrance-right {
|
2987
|
-
0% {
|
2988
|
-
opacity: 0;
|
2989
|
-
transform: translateX(16rem);
|
2990
|
-
}
|
2991
|
-
100% {
|
2992
|
-
opacity: 1;
|
2993
|
-
transform: translateX(0);
|
2994
|
-
}
|
2995
|
-
}
|
2996
2942
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--xs {
|
2997
|
-
width: 16rem;
|
2998
|
-
max-width: 100%;
|
2999
2943
|
left: 0;
|
3000
2944
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3001
2945
|
}
|
3002
|
-
@keyframes side-panel-entrance-left {
|
3003
|
-
0% {
|
3004
|
-
opacity: 0;
|
3005
|
-
transform: translateX(-16rem);
|
3006
|
-
}
|
3007
|
-
100% {
|
3008
|
-
opacity: 1;
|
3009
|
-
transform: translateX(0);
|
3010
|
-
}
|
3011
|
-
}
|
3012
2946
|
.c4p--side-panel__container.c4p--side-panel__container--sm {
|
3013
2947
|
width: 20rem;
|
3014
2948
|
max-width: 100%;
|
@@ -3021,37 +2955,13 @@
|
|
3021
2955
|
max-width: 100%;
|
3022
2956
|
}
|
3023
2957
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--sm {
|
3024
|
-
width: 20rem;
|
3025
|
-
max-width: 100%;
|
3026
2958
|
right: 0;
|
3027
2959
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3028
2960
|
}
|
3029
|
-
@keyframes side-panel-entrance-right {
|
3030
|
-
0% {
|
3031
|
-
opacity: 0;
|
3032
|
-
transform: translateX(20rem);
|
3033
|
-
}
|
3034
|
-
100% {
|
3035
|
-
opacity: 1;
|
3036
|
-
transform: translateX(0);
|
3037
|
-
}
|
3038
|
-
}
|
3039
2961
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--sm {
|
3040
|
-
width: 20rem;
|
3041
|
-
max-width: 100%;
|
3042
2962
|
left: 0;
|
3043
2963
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3044
2964
|
}
|
3045
|
-
@keyframes side-panel-entrance-left {
|
3046
|
-
0% {
|
3047
|
-
opacity: 0;
|
3048
|
-
transform: translateX(-20rem);
|
3049
|
-
}
|
3050
|
-
100% {
|
3051
|
-
opacity: 1;
|
3052
|
-
transform: translateX(0);
|
3053
|
-
}
|
3054
|
-
}
|
3055
2965
|
.c4p--side-panel__container.c4p--side-panel__container--md {
|
3056
2966
|
width: 30rem;
|
3057
2967
|
max-width: 100%;
|
@@ -3064,37 +2974,13 @@
|
|
3064
2974
|
max-width: 100%;
|
3065
2975
|
}
|
3066
2976
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--md {
|
3067
|
-
width: 30rem;
|
3068
|
-
max-width: 100%;
|
3069
2977
|
right: 0;
|
3070
2978
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3071
2979
|
}
|
3072
|
-
@keyframes side-panel-entrance-right {
|
3073
|
-
0% {
|
3074
|
-
opacity: 0;
|
3075
|
-
transform: translateX(30rem);
|
3076
|
-
}
|
3077
|
-
100% {
|
3078
|
-
opacity: 1;
|
3079
|
-
transform: translateX(0);
|
3080
|
-
}
|
3081
|
-
}
|
3082
2980
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--md {
|
3083
|
-
width: 30rem;
|
3084
|
-
max-width: 100%;
|
3085
2981
|
left: 0;
|
3086
2982
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3087
2983
|
}
|
3088
|
-
@keyframes side-panel-entrance-left {
|
3089
|
-
0% {
|
3090
|
-
opacity: 0;
|
3091
|
-
transform: translateX(-30rem);
|
3092
|
-
}
|
3093
|
-
100% {
|
3094
|
-
opacity: 1;
|
3095
|
-
transform: translateX(0);
|
3096
|
-
}
|
3097
|
-
}
|
3098
2984
|
.c4p--side-panel__container.c4p--side-panel__container--lg {
|
3099
2985
|
width: 40rem;
|
3100
2986
|
max-width: 100%;
|
@@ -3107,37 +2993,13 @@
|
|
3107
2993
|
max-width: 100%;
|
3108
2994
|
}
|
3109
2995
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--lg {
|
3110
|
-
width: 40rem;
|
3111
|
-
max-width: 100%;
|
3112
2996
|
right: 0;
|
3113
2997
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3114
2998
|
}
|
3115
|
-
@keyframes side-panel-entrance-right {
|
3116
|
-
0% {
|
3117
|
-
opacity: 0;
|
3118
|
-
transform: translateX(40rem);
|
3119
|
-
}
|
3120
|
-
100% {
|
3121
|
-
opacity: 1;
|
3122
|
-
transform: translateX(0);
|
3123
|
-
}
|
3124
|
-
}
|
3125
2999
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--lg {
|
3126
|
-
width: 40rem;
|
3127
|
-
max-width: 100%;
|
3128
3000
|
left: 0;
|
3129
3001
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3130
3002
|
}
|
3131
|
-
@keyframes side-panel-entrance-left {
|
3132
|
-
0% {
|
3133
|
-
opacity: 0;
|
3134
|
-
transform: translateX(-40rem);
|
3135
|
-
}
|
3136
|
-
100% {
|
3137
|
-
opacity: 1;
|
3138
|
-
transform: translateX(0);
|
3139
|
-
}
|
3140
|
-
}
|
3141
3003
|
.c4p--side-panel__container.c4p--side-panel__container--2xl {
|
3142
3004
|
width: 75%;
|
3143
3005
|
max-width: 100%;
|
@@ -3150,37 +3012,13 @@
|
|
3150
3012
|
max-width: 100%;
|
3151
3013
|
}
|
3152
3014
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--2xl {
|
3153
|
-
width: 75%;
|
3154
|
-
max-width: 100%;
|
3155
3015
|
right: 0;
|
3156
3016
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3157
3017
|
}
|
3158
|
-
@keyframes side-panel-entrance-right {
|
3159
|
-
0% {
|
3160
|
-
opacity: 0;
|
3161
|
-
transform: translateX(75%);
|
3162
|
-
}
|
3163
|
-
100% {
|
3164
|
-
opacity: 1;
|
3165
|
-
transform: translateX(0);
|
3166
|
-
}
|
3167
|
-
}
|
3168
3018
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--2xl {
|
3169
|
-
width: 75%;
|
3170
|
-
max-width: 100%;
|
3171
3019
|
left: 0;
|
3172
3020
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3173
3021
|
}
|
3174
|
-
@keyframes side-panel-entrance-left {
|
3175
|
-
0% {
|
3176
|
-
opacity: 0;
|
3177
|
-
transform: translateX(-75%);
|
3178
|
-
}
|
3179
|
-
100% {
|
3180
|
-
opacity: 1;
|
3181
|
-
transform: translateX(0);
|
3182
|
-
}
|
3183
|
-
}
|
3184
3022
|
.c4p--side-panel__container.c4p--side-panel__container-with-action-toolbar.c4p--side-panel__with-condensed-header .c4p--side-panel__title-container {
|
3185
3023
|
/* stylelint-disable-next-line max-nesting-depth */
|
3186
3024
|
}
|
@@ -3313,10 +3151,7 @@
|
|
3313
3151
|
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation {
|
3314
3152
|
position: fixed;
|
3315
3153
|
z-index: 2;
|
3316
|
-
top: calc(
|
3317
|
-
var(--c4p--side-panel--title-text-height) +
|
3318
|
-
var(--c4p--side-panel--label-text-height) + 3rem
|
3319
|
-
);
|
3154
|
+
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
|
3320
3155
|
background-color: var(--cds-layer-01, #f4f4f4);
|
3321
3156
|
}
|
3322
3157
|
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation.c4p--side-panel__subtitle-text-is-animating {
|
@@ -3331,7 +3166,6 @@
|
|
3331
3166
|
}
|
3332
3167
|
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation {
|
3333
3168
|
position: fixed;
|
3334
|
-
top: 3rem;
|
3335
3169
|
height: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
|
3336
3170
|
}
|
3337
3171
|
.c4p--side-panel__container .c4p--side-panel__inner-content {
|
@@ -3352,10 +3186,7 @@
|
|
3352
3186
|
}
|
3353
3187
|
.c4p--side-panel__container .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
3354
3188
|
position: fixed;
|
3355
|
-
top: calc(
|
3356
|
-
var(--c4p--side-panel--title-text-height) +
|
3357
|
-
var(--c4p--side-panel--subtitle-container-height) + 3rem
|
3358
|
-
);
|
3189
|
+
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height));
|
3359
3190
|
width: 100%;
|
3360
3191
|
border-bottom: 1px solid var(--cds-layer-active-01, #c6c6c6);
|
3361
3192
|
}
|
@@ -3382,17 +3213,7 @@
|
|
3382
3213
|
background-color: var(--cds-layer-01, #f4f4f4);
|
3383
3214
|
transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
3384
3215
|
}
|
3385
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar
|
3386
|
-
min-width: 2rem;
|
3387
|
-
}
|
3388
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-icon-only-button {
|
3389
|
-
padding: 0;
|
3390
|
-
color: var(--cds-text-primary, #161616);
|
3391
|
-
}
|
3392
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-icon-only-button svg {
|
3393
|
-
margin-left: 0.5rem;
|
3394
|
-
}
|
3395
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-leading-button {
|
3216
|
+
.c4p--side-panel__container .c4p--side-panel__action-toolbar-leading-button {
|
3396
3217
|
margin-right: 0.5rem;
|
3397
3218
|
}
|
3398
3219
|
.c4p--side-panel__container .cds--btn.c4p--side-panel__navigation-back-button {
|
@@ -3415,7 +3236,6 @@
|
|
3415
3236
|
display: flex;
|
3416
3237
|
align-items: center;
|
3417
3238
|
justify-content: center;
|
3418
|
-
background-color: var(--cds-layer-01, #f4f4f4);
|
3419
3239
|
}
|
3420
3240
|
.c4p--side-panel__container .cds--btn.c4p--side-panel__close-button .cds--btn__icon {
|
3421
3241
|
margin: 0;
|
@@ -3504,14 +3324,10 @@
|
|
3504
3324
|
position: fixed;
|
3505
3325
|
/* stylelint-disable-next-line function-no-unknown */
|
3506
3326
|
z-index: 6000;
|
3507
|
-
top: 0;
|
3508
|
-
right: 0;
|
3509
|
-
bottom: 0;
|
3510
|
-
left: 0;
|
3511
3327
|
width: 100%;
|
3512
3328
|
height: 100%;
|
3513
3329
|
background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
3514
|
-
|
3330
|
+
inset: 0;
|
3515
3331
|
}
|
3516
3332
|
|
3517
3333
|
.c4p--create-side-panel.c4p--side-panel__container .c4p--create-side-panel__content-text {
|
@@ -3723,12 +3539,12 @@
|
|
3723
3539
|
}
|
3724
3540
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header {
|
3725
3541
|
padding: 1.5rem 2rem;
|
3726
|
-
border-bottom: 1px solid var(--cds-border-subtle-01, #
|
3542
|
+
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3727
3543
|
margin: 0;
|
3728
3544
|
}
|
3729
3545
|
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
|
3730
3546
|
padding: 1rem;
|
3731
|
-
border-bottom: 1px solid var(--cds-border-subtle-01, #
|
3547
|
+
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3732
3548
|
margin: 0;
|
3733
3549
|
}
|
3734
3550
|
.c4p--tearsheet .c4p--tearsheet__header-content {
|
@@ -3765,6 +3581,7 @@
|
|
3765
3581
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
3766
3582
|
-webkit-box-orient: vertical;
|
3767
3583
|
-webkit-line-clamp: 2;
|
3584
|
+
word-break: break-word;
|
3768
3585
|
}
|
3769
3586
|
@media (min-width: 42rem) {
|
3770
3587
|
.c4p--tearsheet .c4p--tearsheet__header-description {
|
@@ -3783,6 +3600,9 @@
|
|
3783
3600
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
|
3784
3601
|
padding-right: 4rem;
|
3785
3602
|
}
|
3603
|
+
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
|
3604
|
+
max-width: 80%;
|
3605
|
+
}
|
3786
3606
|
.c4p--tearsheet .c4p--tearsheet__header-navigation {
|
3787
3607
|
margin: 0.75rem 0 0;
|
3788
3608
|
}
|
@@ -3798,7 +3618,7 @@
|
|
3798
3618
|
}
|
3799
3619
|
.c4p--tearsheet .c4p--tearsheet__influencer {
|
3800
3620
|
flex: 0 0 257px;
|
3801
|
-
border-right: 1px solid var(--cds-border-subtle-01, #
|
3621
|
+
border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3802
3622
|
overflow-y: auto;
|
3803
3623
|
}
|
3804
3624
|
.c4p--tearsheet .c4p--tearsheet__influencer.c4p--tearsheet__influencer p {
|
@@ -3816,20 +3636,18 @@
|
|
3816
3636
|
.c4p--tearsheet .c4p--tearsheet__main {
|
3817
3637
|
display: flex;
|
3818
3638
|
flex-direction: row;
|
3639
|
+
background-color: var(--cds-layer);
|
3819
3640
|
grid-column: 1/-1;
|
3820
3641
|
grid-row: 1/-1;
|
3821
3642
|
}
|
3822
3643
|
.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
|
3823
3644
|
border-right: none;
|
3824
|
-
border-left: 1px solid var(--cds-border-subtle-01, #
|
3645
|
+
border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3825
3646
|
}
|
3826
3647
|
.c4p--tearsheet .c4p--tearsheet__content {
|
3827
3648
|
overflow: auto;
|
3828
3649
|
flex-grow: 1;
|
3829
3650
|
}
|
3830
|
-
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content {
|
3831
|
-
background: var(--cds-background, #ffffff);
|
3832
|
-
}
|
3833
3651
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination,
|
3834
3652
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination__control-buttons,
|
3835
3653
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-input,
|
@@ -3840,7 +3658,7 @@
|
|
3840
3658
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown-list,
|
3841
3659
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--number input[type=number],
|
3842
3660
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--date-picker__input {
|
3843
|
-
background-color: var(--cds-field
|
3661
|
+
background-color: var(--cds-field);
|
3844
3662
|
}
|
3845
3663
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--select--inline .cds--select-input {
|
3846
3664
|
background-color: transparent;
|
@@ -3863,7 +3681,7 @@
|
|
3863
3681
|
.c4p--tearsheet .c4p--tearsheet__buttons {
|
3864
3682
|
display: inline-flex;
|
3865
3683
|
min-width: 100%;
|
3866
|
-
border-top: 1px solid var(--cds-border-subtle-01, #
|
3684
|
+
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3867
3685
|
}
|
3868
3686
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons {
|
3869
3687
|
background: var(--cds-background, #ffffff);
|
@@ -3880,6 +3698,9 @@
|
|
3880
3698
|
}
|
3881
3699
|
}
|
3882
3700
|
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
|
3701
|
+
padding-right: 0.5rem;
|
3702
|
+
padding-left: 0.5rem;
|
3703
|
+
margin-left: 0;
|
3883
3704
|
animation: step-content-entrance 400ms;
|
3884
3705
|
animation-fill-mode: forwards;
|
3885
3706
|
animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
|
@@ -3891,7 +3712,6 @@
|
|
3891
3712
|
}
|
3892
3713
|
|
3893
3714
|
.c4p--tearsheet-create__step .cds--css-grid {
|
3894
|
-
padding-left: 0;
|
3895
3715
|
margin-left: 0;
|
3896
3716
|
}
|
3897
3717
|
|
@@ -3914,7 +3734,8 @@
|
|
3914
3734
|
}
|
3915
3735
|
.c4p--tearsheet-create .c4p--tearsheet-create__content {
|
3916
3736
|
height: 100%;
|
3917
|
-
padding: 1.5rem;
|
3737
|
+
padding-top: 1.5rem;
|
3738
|
+
padding-bottom: 1.5rem;
|
3918
3739
|
overflow-x: hidden;
|
3919
3740
|
}
|
3920
3741
|
|
@@ -4023,28 +3844,29 @@
|
|
4023
3844
|
}
|
4024
3845
|
|
4025
3846
|
.c4p--empty-state {
|
3847
|
+
display: flex;
|
4026
3848
|
color: var(--cds-text-primary, #161616);
|
4027
3849
|
}
|
4028
3850
|
.c4p--empty-state .c4p--empty-state__header {
|
4029
|
-
font-size: var(--cds-
|
4030
|
-
font-weight: var(--cds-
|
4031
|
-
line-height: var(--cds-
|
4032
|
-
letter-spacing: var(--cds-
|
4033
|
-
padding-bottom: 0.
|
3851
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
3852
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
3853
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
3854
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
3855
|
+
padding-bottom: 0.5rem;
|
4034
3856
|
margin: 0;
|
4035
3857
|
}
|
4036
3858
|
.c4p--empty-state .c4p--empty-state__subtitle {
|
4037
|
-
font-size: var(--cds-body-
|
4038
|
-
font-weight: var(--cds-body-
|
4039
|
-
line-height: var(--cds-body-
|
4040
|
-
letter-spacing: var(--cds-body-
|
3859
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
3860
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
3861
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
3862
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
4041
3863
|
padding-bottom: 1rem;
|
4042
3864
|
}
|
4043
3865
|
.c4p--empty-state .c4p--empty-state__header--small {
|
4044
|
-
font-size: var(--cds-body-
|
4045
|
-
font-weight: var(--cds-body-
|
4046
|
-
line-height: var(--cds-body-
|
4047
|
-
letter-spacing: var(--cds-body-
|
3866
|
+
font-size: var(--cds-body-compact-02-font-size, 1rem);
|
3867
|
+
font-weight: var(--cds-body-compact-02-font-weight, 400);
|
3868
|
+
line-height: var(--cds-body-compact-02-line-height, 1.375);
|
3869
|
+
letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
|
4048
3870
|
padding-bottom: 0.5rem;
|
4049
3871
|
}
|
4050
3872
|
.c4p--empty-state .c4p--empty-state__subtitle--small {
|
@@ -4067,16 +3889,32 @@
|
|
4067
3889
|
max-width: 4rem;
|
4068
3890
|
}
|
4069
3891
|
|
4070
|
-
.c4p--empty-state
|
4071
|
-
|
4072
|
-
margin-bottom: 1rem;
|
3892
|
+
.c4p--empty-state-position--top {
|
3893
|
+
flex-direction: column;
|
4073
3894
|
}
|
4074
3895
|
|
4075
|
-
.c4p--empty-state
|
4076
|
-
|
3896
|
+
.c4p--empty-state-position--right {
|
3897
|
+
flex-direction: row-reverse;
|
4077
3898
|
}
|
4078
3899
|
|
4079
|
-
.c4p--
|
3900
|
+
.c4p--empty-state-position--bottom {
|
3901
|
+
flex-direction: column-reverse;
|
3902
|
+
}
|
3903
|
+
|
3904
|
+
.c4p--empty-state-position--left {
|
3905
|
+
flex-direction: row;
|
3906
|
+
}
|
3907
|
+
|
3908
|
+
.c4p--empty-state .c4p--empty-state__action-button {
|
3909
|
+
display: block;
|
3910
|
+
margin-bottom: 1rem;
|
3911
|
+
}
|
3912
|
+
|
3913
|
+
.c4p--empty-state .c4p--empty-state__link {
|
3914
|
+
display: block;
|
3915
|
+
}
|
3916
|
+
|
3917
|
+
.c4p--export-modal .cds--modal-footer .cds--btn {
|
4080
3918
|
max-width: none;
|
4081
3919
|
}
|
4082
3920
|
|
@@ -4106,22 +3944,18 @@
|
|
4106
3944
|
fill: var(--cds-button-danger-primary, #da1e28);
|
4107
3945
|
}
|
4108
3946
|
|
4109
|
-
.cds--modal-content.c4p--export-modal__body-container {
|
4110
|
-
padding-bottom: 1.5rem;
|
4111
|
-
}
|
4112
|
-
|
4113
3947
|
.c4p--card {
|
4114
|
-
background: var(--cds-layer-01, #f4f4f4);
|
3948
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
4115
3949
|
color: var(--cds-text-primary, #161616);
|
4116
3950
|
}
|
4117
3951
|
|
4118
3952
|
.c4p--card__clickable {
|
4119
3953
|
cursor: pointer;
|
4120
|
-
transition: background 110ms;
|
3954
|
+
transition: background-color 110ms;
|
4121
3955
|
}
|
4122
3956
|
|
4123
3957
|
.c4p--card__clickable:hover {
|
4124
|
-
background: var(--cds-
|
3958
|
+
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
4125
3959
|
}
|
4126
3960
|
|
4127
3961
|
.c4p--card__media-left {
|
@@ -4181,10 +4015,10 @@
|
|
4181
4015
|
}
|
4182
4016
|
|
4183
4017
|
.c4p--card__body {
|
4184
|
-
font-size: var(--cds-body-
|
4185
|
-
font-weight: var(--cds-body-
|
4186
|
-
line-height: var(--cds-body-
|
4187
|
-
letter-spacing: var(--cds-body-
|
4018
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
4019
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
4020
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
4021
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
4188
4022
|
padding: 1rem;
|
4189
4023
|
padding-top: 0;
|
4190
4024
|
}
|
@@ -4197,15 +4031,22 @@
|
|
4197
4031
|
.c4p--card__actions {
|
4198
4032
|
display: flex;
|
4199
4033
|
flex-direction: row;
|
4200
|
-
margin: 1rem;
|
4201
|
-
margin-top: 0;
|
4202
4034
|
}
|
4203
4035
|
|
4204
4036
|
.c4p--card__icon {
|
4037
|
+
padding: 0.5rem;
|
4205
4038
|
color: inherit;
|
4206
4039
|
cursor: pointer;
|
4207
4040
|
}
|
4208
4041
|
|
4042
|
+
.c4p--card__icon:hover {
|
4043
|
+
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
4044
|
+
}
|
4045
|
+
|
4046
|
+
c4p--card__icon:active {
|
4047
|
+
color: var(--cds-link-primary-hover, #0043ce);
|
4048
|
+
}
|
4049
|
+
|
4209
4050
|
.c4p--card__link {
|
4210
4051
|
color: inherit;
|
4211
4052
|
text-decoration: inherit;
|
@@ -4217,10 +4058,20 @@
|
|
4217
4058
|
}
|
4218
4059
|
|
4219
4060
|
.c4p--card__title {
|
4220
|
-
font-size: var(--cds-
|
4221
|
-
font-weight: var(--cds-
|
4222
|
-
line-height: var(--cds-
|
4223
|
-
letter-spacing: var(--cds-
|
4061
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
4062
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
4063
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
4064
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
4065
|
+
}
|
4066
|
+
|
4067
|
+
.c4p--filter-summary {
|
4068
|
+
display: flex;
|
4069
|
+
width: 100%;
|
4070
|
+
height: rem(48px);
|
4071
|
+
align-items: center;
|
4072
|
+
padding: 0.5rem;
|
4073
|
+
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
4074
|
+
background: var(--cds-layer-01, #f4f4f4);
|
4224
4075
|
}
|
4225
4076
|
|
4226
4077
|
.c4p--http-errors .c4p--http-errors__content {
|
@@ -4242,26 +4093,26 @@
|
|
4242
4093
|
}
|
4243
4094
|
|
4244
4095
|
.c4p--http-errors .c4p--http-errors__error-code-label {
|
4245
|
-
font-size: var(--cds-
|
4246
|
-
font-weight: var(--cds-
|
4247
|
-
line-height: var(--cds-
|
4248
|
-
letter-spacing: var(--cds-
|
4096
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
4097
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
4098
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
4099
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
4249
4100
|
margin-bottom: 0.25rem;
|
4250
4101
|
}
|
4251
4102
|
|
4252
4103
|
.c4p--http-errors .c4p--http-errors__title {
|
4253
|
-
font-size: var(--cds-
|
4254
|
-
font-weight: var(--cds-
|
4255
|
-
line-height: var(--cds-
|
4256
|
-
letter-spacing: var(--cds-
|
4104
|
+
font-size: var(--cds-heading-05-font-size, 2rem);
|
4105
|
+
font-weight: var(--cds-heading-05-font-weight, 400);
|
4106
|
+
line-height: var(--cds-heading-05-line-height, 1.25);
|
4107
|
+
letter-spacing: var(--cds-heading-05-letter-spacing, 0);
|
4257
4108
|
margin-bottom: 0.75rem;
|
4258
4109
|
}
|
4259
4110
|
|
4260
4111
|
.c4p--http-errors .c4p--http-errors__description {
|
4261
|
-
font-size: var(--cds-body-
|
4262
|
-
font-weight: var(--cds-body-
|
4263
|
-
line-height: var(--cds-body-
|
4264
|
-
letter-spacing: var(--cds-body-
|
4112
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
4113
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
4114
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
4115
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
4265
4116
|
margin-bottom: 1.5rem;
|
4266
4117
|
}
|
4267
4118
|
|
@@ -4358,76 +4209,6 @@
|
|
4358
4209
|
background: var(--cds-layer-02, #ffffff);
|
4359
4210
|
}
|
4360
4211
|
|
4361
|
-
.c4p--modified-tabs .c4p--modified-tabs__tab-label {
|
4362
|
-
display: flex;
|
4363
|
-
width: 100%;
|
4364
|
-
align-items: flex-end;
|
4365
|
-
justify-content: space-between;
|
4366
|
-
}
|
4367
|
-
|
4368
|
-
.c4p--modified-tabs__tab-new,
|
4369
|
-
.c4p--modified-tabs__tab {
|
4370
|
-
position: relative;
|
4371
|
-
display: inline-block;
|
4372
|
-
width: 100%;
|
4373
|
-
height: 100%;
|
4374
|
-
}
|
4375
|
-
|
4376
|
-
.c4p--modified-tabs__tab-new-img,
|
4377
|
-
.c4p--modified-tabs__tab-close {
|
4378
|
-
position: absolute;
|
4379
|
-
top: -0.75rem;
|
4380
|
-
right: -1rem;
|
4381
|
-
overflow: hidden;
|
4382
|
-
width: 2.5rem;
|
4383
|
-
height: 2.5rem;
|
4384
|
-
padding: 0.75rem;
|
4385
|
-
border: 0.125rem solid transparent;
|
4386
|
-
background-color: transparent;
|
4387
|
-
border-radius: 0;
|
4388
|
-
cursor: pointer;
|
4389
|
-
transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
4390
|
-
}
|
4391
|
-
@media (prefers-reduced-motion: reduce) {
|
4392
|
-
.c4p--modified-tabs__tab-new-img,
|
4393
|
-
.c4p--modified-tabs__tab-close {
|
4394
|
-
transition: none;
|
4395
|
-
}
|
4396
|
-
}
|
4397
|
-
|
4398
|
-
.c4p--modified-tabs__tab-new-icon {
|
4399
|
-
display: flex;
|
4400
|
-
align-items: center;
|
4401
|
-
justify-content: center;
|
4402
|
-
padding: 0;
|
4403
|
-
margin-top: 0.125rem;
|
4404
|
-
}
|
4405
|
-
|
4406
|
-
.c4p--modified-tabs__tab-close:focus {
|
4407
|
-
border-color: var(--cds-button-primary, #0f62fe);
|
4408
|
-
outline: none;
|
4409
|
-
}
|
4410
|
-
|
4411
|
-
.c4p--modified-tabs__tab-close:hover {
|
4412
|
-
background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
|
4413
|
-
}
|
4414
|
-
|
4415
|
-
.c4p--modified-tabs__tab-new-img {
|
4416
|
-
display: flex;
|
4417
|
-
align-items: center;
|
4418
|
-
justify-content: center;
|
4419
|
-
padding: 0;
|
4420
|
-
}
|
4421
|
-
|
4422
|
-
.c4p--modified-tabs .cds--tabs__nav-item.cds--tabs__nav-link {
|
4423
|
-
width: 10rem;
|
4424
|
-
}
|
4425
|
-
|
4426
|
-
.c4p--modified-tabs .cds--tab--overflow-nav-button--previous,
|
4427
|
-
.c4p--modified-tabs .cds--tab--overflow-nav-button--next {
|
4428
|
-
z-index: 2;
|
4429
|
-
}
|
4430
|
-
|
4431
4212
|
.c4p--add-select__header {
|
4432
4213
|
padding: 1rem;
|
4433
4214
|
padding-bottom: 0;
|
@@ -4439,9 +4220,6 @@
|
|
4439
4220
|
}
|
4440
4221
|
|
4441
4222
|
/* stylelint-disable max-nesting-depth */
|
4442
|
-
.c4p--add-select__selections.cds--structured-list {
|
4443
|
-
margin-bottom: 0;
|
4444
|
-
}
|
4445
4223
|
.c4p--add-select__selections-wrapper {
|
4446
4224
|
display: block;
|
4447
4225
|
}
|
@@ -4470,34 +4248,27 @@
|
|
4470
4248
|
flex-direction: column;
|
4471
4249
|
justify-content: center;
|
4472
4250
|
}
|
4473
|
-
.c4p--add-select__selections-
|
4474
|
-
|
4475
|
-
}
|
4476
|
-
.c4p--add-select__selections-hidden-hover {
|
4477
|
-
visibility: hidden;
|
4251
|
+
.c4p--add-select__selections-dropdown .cds--dropdown {
|
4252
|
+
background: transparent;
|
4478
4253
|
}
|
4479
|
-
.c4p--add-select__selections-row
|
4480
|
-
border-bottom: 1px solid var(--cds-layer-selected-01, #e0e0e0);
|
4254
|
+
.c4p--add-select__selections-row--selected {
|
4481
4255
|
background-color: var(--cds-layer-selected-01, #e0e0e0);
|
4482
4256
|
}
|
4483
|
-
.c4p--add-select__selections-
|
4257
|
+
.c4p--add-select__selections-row--active {
|
4258
|
+
background-color: var(--cds-layer-active-01, #c6c6c6);
|
4259
|
+
}
|
4260
|
+
.c4p--add-select__selections-form-control {
|
4484
4261
|
display: flex;
|
4485
4262
|
align-items: center;
|
4486
4263
|
}
|
4487
|
-
.c4p--add-select__selections-
|
4264
|
+
.c4p--add-select__selections-form-control-label-wrapper {
|
4488
4265
|
display: flex;
|
4489
4266
|
margin-left: 1rem;
|
4490
4267
|
}
|
4491
|
-
.c4p--add-select__selections-
|
4268
|
+
.c4p--add-select__selections-form-control-label-text {
|
4492
4269
|
display: flex;
|
4493
4270
|
flex-direction: column;
|
4494
4271
|
}
|
4495
|
-
.c4p--add-select__selections-checkbox-wrapper.cds--form-item {
|
4496
|
-
flex: 0;
|
4497
|
-
}
|
4498
|
-
.c4p--add-select__selections-checkbox-wrapper .cds--checkbox-label-text {
|
4499
|
-
display: none;
|
4500
|
-
}
|
4501
4272
|
.c4p--add-select__selections-cell-avatar {
|
4502
4273
|
margin-right: 0.5rem;
|
4503
4274
|
}
|
@@ -4507,12 +4278,15 @@
|
|
4507
4278
|
.c4p--add-select__selections-row {
|
4508
4279
|
border-left: 0.125rem solid transparent;
|
4509
4280
|
}
|
4510
|
-
.c4p--add-select__selections-row-meta
|
4281
|
+
.c4p--add-select__selections-row-meta--selected {
|
4511
4282
|
border-left: 0.125rem solid var(--cds-interactive, #0f62fe);
|
4512
4283
|
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
4513
4284
|
}
|
4514
4285
|
|
4515
|
-
.c4p--add-select .c4p--add-select__selections-row:hover
|
4286
|
+
.c4p--add-select .c4p--add-select__selections-row:hover {
|
4287
|
+
background: var(--cds-layer-hover-01, #e8e8e8);
|
4288
|
+
}
|
4289
|
+
.c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-cell-title {
|
4516
4290
|
color: var(--cds-interactive, #0f62fe);
|
4517
4291
|
}
|
4518
4292
|
.c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-view-children svg {
|
@@ -4522,11 +4296,6 @@
|
|
4522
4296
|
fill: currentColor;
|
4523
4297
|
}
|
4524
4298
|
|
4525
|
-
.c4p--add-select cds--structured-list--selection .c4p--add-select__selections-row-selectedcds--structured-list-row:hover:not(cds--structured-list-row--header-row):not(cds--structured-list-row--selected) {
|
4526
|
-
border-bottom: 1px solid var(--cds-layer-accent-hover-01, #d1d1d1);
|
4527
|
-
background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
|
4528
|
-
}
|
4529
|
-
|
4530
4299
|
.c4p--add-select__sub-header {
|
4531
4300
|
display: flex;
|
4532
4301
|
align-items: flex-end;
|
@@ -4536,14 +4305,6 @@
|
|
4536
4305
|
padding: 0 1rem;
|
4537
4306
|
}
|
4538
4307
|
|
4539
|
-
.c4p--add-select cds--structured-list-row {
|
4540
|
-
border-bottom: 0;
|
4541
|
-
}
|
4542
|
-
|
4543
|
-
.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) {
|
4544
|
-
border-bottom: 0;
|
4545
|
-
}
|
4546
|
-
|
4547
4308
|
.c4p--add-select__sidebar-header {
|
4548
4309
|
display: flex;
|
4549
4310
|
padding: 2rem 1rem 0.5rem 1rem;
|
@@ -4608,44 +4369,41 @@
|
|
4608
4369
|
flex-grow: 1;
|
4609
4370
|
overflow-x: auto;
|
4610
4371
|
}
|
4611
|
-
.c4p--add-select__columns .c4p--add-select__selections-
|
4372
|
+
.c4p--add-select__columns .c4p--add-select__selections-form-control-label-wrapper {
|
4612
4373
|
margin-left: 0.5rem;
|
4613
4374
|
}
|
4614
|
-
.c4p--add-select__columns .c4p--add-select__selections-
|
4375
|
+
.c4p--add-select__columns .c4p--add-select__selections-row {
|
4615
4376
|
border-left: 0;
|
4616
4377
|
}
|
4617
4378
|
.c4p--add-select__columns .c4p--add-select__selections .c4p--add-select__selections-cell {
|
4618
4379
|
padding: 0;
|
4619
4380
|
}
|
4620
4381
|
.c4p--add-select__columns .c4p--add-select__selections-cell-wrapper {
|
4621
|
-
height:
|
4382
|
+
height: 2rem;
|
4622
4383
|
padding: 0 0.5rem;
|
4623
4384
|
}
|
4624
|
-
.c4p--add-select__columns .c4p--add-
|
4385
|
+
.c4p--add-select__columns .c4p--add-select__tags {
|
4625
4386
|
padding: 0 0.5rem;
|
4626
4387
|
margin-bottom: 0;
|
4627
4388
|
}
|
4628
4389
|
.c4p--add-select__columns .c4p--add-select__selections-wrapper-multi {
|
4629
4390
|
padding: 0;
|
4630
4391
|
}
|
4631
|
-
.c4p--add-select__columns .c4p--add-select__selectionscds--structured-list {
|
4632
|
-
border-top: 0;
|
4633
|
-
}
|
4634
4392
|
|
4635
4393
|
.c4p--add-select__selections-wrapper-multi .c4p--add-select__selections-cell {
|
4636
4394
|
padding: 0 1rem;
|
4637
4395
|
}
|
4638
4396
|
|
4639
4397
|
.c4p--add-select__selections-row:first-child .c4p--add-select__selections-cell-wrapper {
|
4640
|
-
border-top: 1px solid var(--cds-border-subtle-01, #
|
4398
|
+
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
4641
4399
|
}
|
4642
4400
|
|
4643
4401
|
.c4p--add-select__column {
|
4644
4402
|
overflow: auto;
|
4645
4403
|
flex: 0 0 20rem;
|
4646
4404
|
padding: 1rem;
|
4647
|
-
border-top: 1px solid var(--cds-border-subtle-01, #
|
4648
|
-
border-right: 1px solid var(--cds-border-subtle-01, #
|
4405
|
+
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
4406
|
+
border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
4649
4407
|
}
|
4650
4408
|
.c4p--add-select__column-search-bar {
|
4651
4409
|
display: flex;
|
@@ -4660,19 +4418,23 @@
|
|
4660
4418
|
border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d);
|
4661
4419
|
}
|
4662
4420
|
|
4663
|
-
.c4p--add-
|
4421
|
+
.c4p--add-select-sort_overflow {
|
4422
|
+
z-index: 9999;
|
4423
|
+
}
|
4424
|
+
|
4425
|
+
.c4p--add-select__tags {
|
4664
4426
|
display: flex;
|
4665
4427
|
align-items: center;
|
4666
4428
|
margin-top: 1rem;
|
4667
4429
|
margin-bottom: 0.5rem;
|
4668
4430
|
}
|
4669
|
-
.c4p--add-
|
4431
|
+
.c4p--add-select__tags-label {
|
4670
4432
|
margin-right: 0.5rem;
|
4671
4433
|
}
|
4672
4434
|
|
4673
4435
|
.c4p--add-select__global-filter {
|
4674
4436
|
position: absolute;
|
4675
|
-
z-index:
|
4437
|
+
z-index: 999999;
|
4676
4438
|
right: 0;
|
4677
4439
|
width: 100%;
|
4678
4440
|
max-width: 40rem;
|
@@ -4748,12 +4510,21 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4748
4510
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
4749
4511
|
}
|
4750
4512
|
|
4751
|
-
.c4p--add-
|
4513
|
+
.c4p--add-select__selections .cds--list-box__menu {
|
4514
|
+
left: auto;
|
4515
|
+
}
|
4516
|
+
|
4517
|
+
.c4p--add-select__tags .cds--tag {
|
4752
4518
|
margin: 0;
|
4753
4519
|
}
|
4754
4520
|
|
4755
4521
|
.c4p--add-select.c4p--tearsheet .c4p--tearsheet__influencer {
|
4756
4522
|
flex-basis: 22.5rem;
|
4523
|
+
background: var(--cds-layer-01, #f4f4f4);
|
4524
|
+
}
|
4525
|
+
|
4526
|
+
.c4p--add-select.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown {
|
4527
|
+
background-color: transparent;
|
4757
4528
|
}
|
4758
4529
|
|
4759
4530
|
.c4p--add-select.c4p--tearsheet .c4p--tearsheet__header-description {
|
@@ -4780,12 +4551,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4780
4551
|
padding-right: 0;
|
4781
4552
|
}
|
4782
4553
|
|
4783
|
-
.c4p--add-select .cds--structured-list-td {
|
4784
|
-
height: 4rem;
|
4785
|
-
padding: 1rem;
|
4786
|
-
vertical-align: middle;
|
4787
|
-
}
|
4788
|
-
|
4789
4554
|
.c4p--add-select .cds--radio-button__appearance {
|
4790
4555
|
margin: 0 1rem 0 0;
|
4791
4556
|
}
|
@@ -4805,10 +4570,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4805
4570
|
opacity: 0;
|
4806
4571
|
}
|
4807
4572
|
|
4808
|
-
.c4p--add-select .cds--checkbox-label-text {
|
4809
|
-
padding-left: 0.5rem;
|
4810
|
-
}
|
4811
|
-
|
4812
4573
|
.c4p--add-select__multi .c4p--empty-state {
|
4813
4574
|
max-width: 16rem;
|
4814
4575
|
margin-top: 3rem;
|
@@ -4822,22 +4583,22 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4822
4583
|
transform: rotate(90deg);
|
4823
4584
|
}
|
4824
4585
|
|
4825
|
-
.c4p--add-select cds--accordion--start cds--accordion__arrow {
|
4586
|
+
.c4p--add-select .cds--accordion--start .cds--accordion__arrow {
|
4826
4587
|
margin: 0 0 0 1rem;
|
4827
4588
|
}
|
4828
4589
|
|
4829
|
-
.c4p--add-select cds--accordion--start cds--accordion__title {
|
4590
|
+
.c4p--add-select .cds--accordion--start .cds--accordion__title {
|
4830
4591
|
margin: 0 1rem 0 0.5rem;
|
4831
4592
|
}
|
4832
4593
|
|
4833
|
-
.c4p--add-select cds--accordion__item--active cds--accordion__content {
|
4594
|
+
.c4p--add-select .cds--accordion__item--active .cds--accordion__content {
|
4834
4595
|
padding-top: 0;
|
4835
4596
|
padding-bottom: 0;
|
4836
4597
|
margin-top: 0.5rem;
|
4837
4598
|
}
|
4838
4599
|
|
4839
|
-
.cds--tooltip,
|
4840
|
-
.cds--overflow-menu-options {
|
4600
|
+
.c4p--add-select + div .cds--tooltip,
|
4601
|
+
.c4p--add-select + div .cds--overflow-menu-options {
|
4841
4602
|
z-index: 9000;
|
4842
4603
|
}
|
4843
4604
|
|
@@ -4883,6 +4644,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4883
4644
|
--cds-border-subtle-selected-01: #525252;
|
4884
4645
|
--cds-border-subtle-selected-02: #6f6f6f;
|
4885
4646
|
--cds-border-subtle-selected-03: #8d8d8d;
|
4647
|
+
--cds-border-tile-01: #525252;
|
4648
|
+
--cds-border-tile-02: #6f6f6f;
|
4649
|
+
--cds-border-tile-03: #8d8d8d;
|
4886
4650
|
--cds-field-01: #262626;
|
4887
4651
|
--cds-field-02: #393939;
|
4888
4652
|
--cds-field-03: #525252;
|
@@ -4894,6 +4658,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4894
4658
|
--cds-focus-inverse: #0f62fe;
|
4895
4659
|
--cds-highlight: #002d9c;
|
4896
4660
|
--cds-icon-disabled: rgba(244, 244, 244, 0.25);
|
4661
|
+
--cds-icon-interactive: #ffffff;
|
4897
4662
|
--cds-icon-inverse: #161616;
|
4898
4663
|
--cds-icon-on-color: #ffffff;
|
4899
4664
|
--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
|
@@ -4979,6 +4744,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4979
4744
|
--cds-label-01-font-weight: 400;
|
4980
4745
|
--cds-label-01-line-height: 1.33333;
|
4981
4746
|
--cds-label-01-letter-spacing: 0.32px;
|
4747
|
+
--cds-label-02-font-size: 0.875rem;
|
4748
|
+
--cds-label-02-font-weight: 400;
|
4749
|
+
--cds-label-02-line-height: 1.28572;
|
4750
|
+
--cds-label-02-letter-spacing: 0.16px;
|
4982
4751
|
--cds-helper-text-01-font-size: 0.75rem;
|
4983
4752
|
--cds-helper-text-01-line-height: 1.33333;
|
4984
4753
|
--cds-helper-text-01-letter-spacing: 0.32px;
|
@@ -5040,11 +4809,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5040
4809
|
--cds-productive-heading-05-font-weight: 400;
|
5041
4810
|
--cds-productive-heading-05-line-height: 1.25;
|
5042
4811
|
--cds-productive-heading-05-letter-spacing: 0;
|
5043
|
-
--cds-productive-heading-06-font-size:
|
4812
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
5044
4813
|
--cds-productive-heading-06-font-weight: 300;
|
5045
4814
|
--cds-productive-heading-06-line-height: 1.199;
|
5046
4815
|
--cds-productive-heading-06-letter-spacing: 0;
|
5047
|
-
--cds-productive-heading-07-font-size:
|
4816
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
5048
4817
|
--cds-productive-heading-07-font-weight: 300;
|
5049
4818
|
--cds-productive-heading-07-line-height: 1.19;
|
5050
4819
|
--cds-productive-heading-07-letter-spacing: 0;
|
@@ -5099,7 +4868,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5099
4868
|
--cds-display-03-line-height: 1.19;
|
5100
4869
|
--cds-display-03-letter-spacing: 0;
|
5101
4870
|
--cds-display-04-font-size: 2.625rem;
|
5102
|
-
--cds-display-04-font-weight:
|
4871
|
+
--cds-display-04-font-weight: 300;
|
5103
4872
|
--cds-display-04-line-height: 1.19;
|
5104
4873
|
--cds-display-04-letter-spacing: 0;
|
5105
4874
|
--cds-legal-01-font-size: 0.75rem;
|
@@ -5146,11 +4915,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5146
4915
|
--cds-heading-05-font-weight: 400;
|
5147
4916
|
--cds-heading-05-line-height: 1.25;
|
5148
4917
|
--cds-heading-05-letter-spacing: 0;
|
5149
|
-
--cds-heading-06-font-size:
|
4918
|
+
--cds-heading-06-font-size: 2.625rem;
|
5150
4919
|
--cds-heading-06-font-weight: 300;
|
5151
4920
|
--cds-heading-06-line-height: 1.199;
|
5152
4921
|
--cds-heading-06-letter-spacing: 0;
|
5153
|
-
--cds-heading-07-font-size:
|
4922
|
+
--cds-heading-07-font-size: 3.375rem;
|
5154
4923
|
--cds-heading-07-font-weight: 300;
|
5155
4924
|
--cds-heading-07-line-height: 1.19;
|
5156
4925
|
--cds-heading-07-letter-spacing: 0;
|
@@ -5197,7 +4966,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5197
4966
|
--cds-fluid-display-03-line-height: 1.19;
|
5198
4967
|
--cds-fluid-display-03-letter-spacing: 0;
|
5199
4968
|
--cds-fluid-display-04-font-size: 2.625rem;
|
5200
|
-
--cds-fluid-display-04-font-weight:
|
4969
|
+
--cds-fluid-display-04-font-weight: 300;
|
5201
4970
|
--cds-fluid-display-04-line-height: 1.19;
|
5202
4971
|
--cds-fluid-display-04-letter-spacing: 0;
|
5203
4972
|
--cds-layer: var(--cds-layer-01, #f4f4f4);
|
@@ -5210,9 +4979,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5210
4979
|
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
5211
4980
|
--cds-field: var(--cds-field-01, #f4f4f4);
|
5212
4981
|
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
5213
|
-
--cds-border-subtle: var(--cds-border-subtle-
|
4982
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
5214
4983
|
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
5215
4984
|
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
4985
|
+
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
5216
4986
|
position: fixed;
|
5217
4987
|
z-index: 2;
|
5218
4988
|
top: 3rem;
|
@@ -5324,7 +5094,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5324
5094
|
fill: var(--cds-support-error, #da1e28);
|
5325
5095
|
}
|
5326
5096
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-success {
|
5327
|
-
fill: var(--cds-support-success, #
|
5097
|
+
fill: var(--cds-support-success, #24a148);
|
5328
5098
|
}
|
5329
5099
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-warning {
|
5330
5100
|
fill: var(--cds-support-warning, #f1c21b);
|
@@ -5370,7 +5140,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5370
5140
|
}
|
5371
5141
|
@media (prefers-reduced-motion: reduce) {
|
5372
5142
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button .cds--btn__icon,
|
5373
|
-
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .cds--btn__icon {
|
5143
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .cds--btn__icon {
|
5374
5144
|
transition: none;
|
5375
5145
|
}
|
5376
5146
|
}
|
@@ -5819,13 +5589,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5819
5589
|
|
5820
5590
|
@media (min-width: 42rem) {
|
5821
5591
|
.cds--col,
|
5822
|
-
.cds--col-md {
|
5592
|
+
.cds--col-md {
|
5823
5593
|
max-width: 100%;
|
5824
5594
|
flex-basis: 0;
|
5825
5595
|
flex-grow: 1;
|
5826
5596
|
}
|
5827
5597
|
.cds--col--auto,
|
5828
|
-
.cds--col-md--auto {
|
5598
|
+
.cds--col-md--auto {
|
5829
5599
|
width: auto;
|
5830
5600
|
max-width: 100%;
|
5831
5601
|
flex: 1 0 0%;
|
@@ -6157,13 +5927,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
6157
5927
|
|
6158
5928
|
@media (min-width: 66rem) {
|
6159
5929
|
.cds--col,
|
6160
|
-
.cds--col-lg {
|
5930
|
+
.cds--col-lg {
|
6161
5931
|
max-width: 100%;
|
6162
5932
|
flex-basis: 0;
|
6163
5933
|
flex-grow: 1;
|
6164
5934
|
}
|
6165
5935
|
.cds--col--auto,
|
6166
|
-
.cds--col-lg--auto {
|
5936
|
+
.cds--col-lg--auto {
|
6167
5937
|
width: auto;
|
6168
5938
|
max-width: 100%;
|
6169
5939
|
flex: 1 0 0%;
|
@@ -6559,13 +6329,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
6559
6329
|
|
6560
6330
|
@media (min-width: 82rem) {
|
6561
6331
|
.cds--col,
|
6562
|
-
.cds--col-xlg {
|
6332
|
+
.cds--col-xlg {
|
6563
6333
|
max-width: 100%;
|
6564
6334
|
flex-basis: 0;
|
6565
6335
|
flex-grow: 1;
|
6566
6336
|
}
|
6567
6337
|
.cds--col--auto,
|
6568
|
-
.cds--col-xlg--auto {
|
6338
|
+
.cds--col-xlg--auto {
|
6569
6339
|
width: auto;
|
6570
6340
|
max-width: 100%;
|
6571
6341
|
flex: 1 0 0%;
|
@@ -6961,13 +6731,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
6961
6731
|
|
6962
6732
|
@media (min-width: 99rem) {
|
6963
6733
|
.cds--col,
|
6964
|
-
.cds--col-max {
|
6734
|
+
.cds--col-max {
|
6965
6735
|
max-width: 100%;
|
6966
6736
|
flex-basis: 0;
|
6967
6737
|
flex-grow: 1;
|
6968
6738
|
}
|
6969
6739
|
.cds--col--auto,
|
6970
|
-
.cds--col-max--auto {
|
6740
|
+
.cds--col-max--auto {
|
6971
6741
|
width: auto;
|
6972
6742
|
max-width: 100%;
|
6973
6743
|
flex: 1 0 0%;
|
@@ -7139,9 +6909,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7139
6909
|
.c4p--action-bar .c4p--action-bar__displayed-items--right {
|
7140
6910
|
justify-content: flex-end;
|
7141
6911
|
}
|
7142
|
-
.c4p--action-bar .c4p--action-bar-overflow-items {
|
7143
|
-
display: inline-block;
|
7144
|
-
}
|
7145
6912
|
.c4p--action-bar .c4p--action-bar__hidden-sizing-items {
|
7146
6913
|
position: absolute;
|
7147
6914
|
top: -100vh;
|
@@ -7194,12 +6961,19 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7194
6961
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back {
|
7195
6962
|
display: none;
|
7196
6963
|
}
|
6964
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__back__button.cds--btn {
|
6965
|
+
min-height: revert;
|
6966
|
+
padding: 0;
|
6967
|
+
}
|
6968
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__back__button.cds--btn--ghost:hover {
|
6969
|
+
background-color: inherit;
|
6970
|
+
}
|
7197
6971
|
@media (max-width: 41.98rem) {
|
7198
6972
|
.c4p--breadcrumb-with-overflow .cds--breadcrumb-item {
|
7199
6973
|
display: none;
|
7200
6974
|
}
|
7201
6975
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back,
|
7202
|
-
.c4p--breadcrumb-with-overflow .cds--breadcrumb-item:last-child {
|
6976
|
+
.c4p--breadcrumb-with-overflow .cds--breadcrumb-item:last-child {
|
7203
6977
|
display: inline-flex;
|
7204
6978
|
vertical-align: middle;
|
7205
6979
|
}
|
@@ -7341,6 +7115,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7341
7115
|
min-width: initial;
|
7342
7116
|
min-height: initial;
|
7343
7117
|
padding: 0;
|
7118
|
+
border-radius: 0;
|
7344
7119
|
margin: 0;
|
7345
7120
|
background-color: inherit;
|
7346
7121
|
color: inherit;
|
@@ -7643,7 +7418,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7643
7418
|
white-space: nowrap;
|
7644
7419
|
}
|
7645
7420
|
.c4p--page-header .c4p--page-header__title-row {
|
7646
|
-
margin-top: 0;
|
7421
|
+
margin-top: 0.125rem; /* spacing needed in case of editable title, otherwise top of focus indicator hidden */
|
7647
7422
|
margin-bottom: 0;
|
7648
7423
|
transform: translateY(0.125rem);
|
7649
7424
|
}
|
@@ -7703,9 +7478,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7703
7478
|
text-overflow: ellipsis;
|
7704
7479
|
white-space: nowrap;
|
7705
7480
|
}
|
7706
|
-
.c4p--page-header .c4p--page-header__title .c4p--inline-edit__value {
|
7707
|
-
transform: translateY(-2px);
|
7708
|
-
}
|
7709
7481
|
.c4p--page-header .c4p--page-header__title--editable {
|
7710
7482
|
display: flex;
|
7711
7483
|
overflow: visible;
|
@@ -7869,7 +7641,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7869
7641
|
.c4p--page-header .c4p--page-header__navigation-row .cds--content-switcher-btn {
|
7870
7642
|
background-color: var(--cds-background, #ffffff);
|
7871
7643
|
}
|
7872
|
-
.c4p--page-header .
|
7644
|
+
.c4p--page-header .c4p--page-header__collapse-expand-toggle {
|
7873
7645
|
position: absolute;
|
7874
7646
|
z-index: 100;
|
7875
7647
|
right: 0;
|
@@ -7878,7 +7650,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7878
7650
|
.c4p--page-header .c4p--page-header__collapse-expand-toggle .cds--btn__icon {
|
7879
7651
|
transition: all 400ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
7880
7652
|
}
|
7881
|
-
.c4p--page-header .c4p--page-header__collapse-expand-toggle--collapsed
|
7653
|
+
.c4p--page-header .c4p--page-header__collapse-expand-toggle--collapsed svg {
|
7882
7654
|
transform: scaleY(-1);
|
7883
7655
|
}
|
7884
7656
|
|
@@ -7905,16 +7677,16 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7905
7677
|
padding-right: 0;
|
7906
7678
|
}
|
7907
7679
|
.c4p--card__productive .c4p--card__title {
|
7908
|
-
font-size: var(--cds-
|
7909
|
-
font-weight: var(--cds-
|
7910
|
-
line-height: var(--cds-
|
7911
|
-
letter-spacing: var(--cds-
|
7680
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
7681
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
7682
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
7683
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
7912
7684
|
}
|
7913
7685
|
.c4p--card__productive .c4p--card__title-lg .c4p--card__title {
|
7914
|
-
font-size: var(--cds-
|
7915
|
-
font-weight: var(--cds-
|
7916
|
-
line-height: var(--cds-
|
7917
|
-
letter-spacing: var(--cds-
|
7686
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
7687
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
7688
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
7689
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
7918
7690
|
}
|
7919
7691
|
.c4p--card__productive .c4p--card__body {
|
7920
7692
|
padding-top: 0.5rem;
|
@@ -7922,18 +7694,42 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7922
7694
|
.c4p--card__productive .c4p--card__footer {
|
7923
7695
|
align-items: center;
|
7924
7696
|
justify-content: space-between;
|
7925
|
-
border-top: 1px solid var(--cds-border-subtle-01, #
|
7697
|
+
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
7926
7698
|
}
|
7927
7699
|
.c4p--card__productive .c4p--card__footer-no-button {
|
7928
7700
|
justify-content: flex-end;
|
7929
7701
|
}
|
7930
7702
|
.c4p--card__productive .c4p--card__actions {
|
7703
|
+
min-height: 2rem;
|
7931
7704
|
margin: 0;
|
7932
7705
|
}
|
7933
7706
|
.c4p--card__productive .c4p--card__actions-header {
|
7934
7707
|
margin-top: calc(-1 * 0.25rem);
|
7935
7708
|
margin-right: 0.5rem;
|
7936
7709
|
}
|
7710
|
+
.c4p--card__productive .c4p--card__actions-header-ghost-button {
|
7711
|
+
min-height: 2rem;
|
7712
|
+
padding: 0 1rem;
|
7713
|
+
padding-right: 0.625rem;
|
7714
|
+
padding-left: 0.625rem;
|
7715
|
+
/* stylelint-disable-next-line max-nesting-depth */
|
7716
|
+
/* stylelint-disable-next-line max-nesting-depth */
|
7717
|
+
}
|
7718
|
+
.c4p--card__productive .c4p--card__actions-header-ghost-button::before {
|
7719
|
+
position: absolute;
|
7720
|
+
left: 0;
|
7721
|
+
width: 0.05rem;
|
7722
|
+
height: 1.5rem;
|
7723
|
+
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
7724
|
+
content: "";
|
7725
|
+
opacity: 1;
|
7726
|
+
}
|
7727
|
+
.c4p--card__productive .c4p--card__actions-header-ghost-button:hover {
|
7728
|
+
/* stylelint-disable-next-line max-nesting-depth */
|
7729
|
+
}
|
7730
|
+
.c4p--card__productive .c4p--card__actions-header-ghost-button:hover::before {
|
7731
|
+
opacity: 0;
|
7732
|
+
}
|
7937
7733
|
.c4p--card__productive .c4p--card__title-lg .c4p--card__actions-header,
|
7938
7734
|
.c4p--card__productive .c4p--card__header-has-label .c4p--card__actions-header {
|
7939
7735
|
margin-top: 0;
|
@@ -8013,8 +7809,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8013
7809
|
}
|
8014
7810
|
@media (prefers-reduced-motion) {
|
8015
7811
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
8016
|
-
.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,
|
8017
|
-
.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
7812
|
+
.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,
|
7813
|
+
.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
8018
7814
|
animation: none;
|
8019
7815
|
}
|
8020
7816
|
}
|
@@ -8026,8 +7822,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8026
7822
|
}
|
8027
7823
|
@media (prefers-reduced-motion) {
|
8028
7824
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
8029
|
-
.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,
|
8030
|
-
.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
7825
|
+
.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,
|
7826
|
+
.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
8031
7827
|
animation: none;
|
8032
7828
|
}
|
8033
7829
|
}
|
@@ -8039,8 +7835,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8039
7835
|
}
|
8040
7836
|
@media (prefers-reduced-motion) {
|
8041
7837
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
8042
|
-
.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,
|
8043
|
-
.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
7838
|
+
.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,
|
7839
|
+
.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
8044
7840
|
animation: none;
|
8045
7841
|
}
|
8046
7842
|
}
|
@@ -8052,8 +7848,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8052
7848
|
}
|
8053
7849
|
@media (prefers-reduced-motion) {
|
8054
7850
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
8055
|
-
.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,
|
8056
|
-
.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
7851
|
+
.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,
|
7852
|
+
.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
8057
7853
|
animation: none;
|
8058
7854
|
}
|
8059
7855
|
}
|
@@ -8065,8 +7861,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8065
7861
|
}
|
8066
7862
|
@media (prefers-reduced-motion) {
|
8067
7863
|
.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,
|
8068
|
-
.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,
|
8069
|
-
.c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
7864
|
+
.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,
|
7865
|
+
.c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
8070
7866
|
animation: none;
|
8071
7867
|
}
|
8072
7868
|
}
|
@@ -8078,8 +7874,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8078
7874
|
}
|
8079
7875
|
@media (prefers-reduced-motion) {
|
8080
7876
|
.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,
|
8081
|
-
.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,
|
8082
|
-
.c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
7877
|
+
.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,
|
7878
|
+
.c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
8083
7879
|
animation: none;
|
8084
7880
|
}
|
8085
7881
|
}
|
@@ -8091,8 +7887,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8091
7887
|
}
|
8092
7888
|
@media (prefers-reduced-motion) {
|
8093
7889
|
.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,
|
8094
|
-
.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,
|
8095
|
-
.c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
7890
|
+
.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,
|
7891
|
+
.c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
8096
7892
|
animation: none;
|
8097
7893
|
}
|
8098
7894
|
}
|
@@ -8104,8 +7900,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8104
7900
|
}
|
8105
7901
|
@media (prefers-reduced-motion) {
|
8106
7902
|
.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,
|
8107
|
-
.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,
|
8108
|
-
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
7903
|
+
.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,
|
7904
|
+
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
8109
7905
|
animation: none;
|
8110
7906
|
}
|
8111
7907
|
}
|
@@ -8117,8 +7913,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8117
7913
|
}
|
8118
7914
|
@media (prefers-reduced-motion) {
|
8119
7915
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
8120
|
-
.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,
|
8121
|
-
.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
7916
|
+
.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,
|
7917
|
+
.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
8122
7918
|
animation: none;
|
8123
7919
|
}
|
8124
7920
|
}
|
@@ -8130,8 +7926,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8130
7926
|
}
|
8131
7927
|
@media (prefers-reduced-motion) {
|
8132
7928
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
8133
|
-
.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,
|
8134
|
-
.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
7929
|
+
.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,
|
7930
|
+
.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
8135
7931
|
animation: none;
|
8136
7932
|
}
|
8137
7933
|
}
|
@@ -8143,8 +7939,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8143
7939
|
}
|
8144
7940
|
@media (prefers-reduced-motion) {
|
8145
7941
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
8146
|
-
.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,
|
8147
|
-
.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
7942
|
+
.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,
|
7943
|
+
.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
8148
7944
|
animation: none;
|
8149
7945
|
}
|
8150
7946
|
}
|
@@ -8156,8 +7952,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8156
7952
|
}
|
8157
7953
|
@media (prefers-reduced-motion) {
|
8158
7954
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
8159
|
-
.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,
|
8160
|
-
.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
7955
|
+
.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,
|
7956
|
+
.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
8161
7957
|
animation: none;
|
8162
7958
|
}
|
8163
7959
|
}
|
@@ -8169,8 +7965,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8169
7965
|
}
|
8170
7966
|
@media (prefers-reduced-motion) {
|
8171
7967
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
8172
|
-
.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,
|
8173
|
-
.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
7968
|
+
.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,
|
7969
|
+
.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
8174
7970
|
animation: none;
|
8175
7971
|
}
|
8176
7972
|
}
|
@@ -8182,8 +7978,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8182
7978
|
}
|
8183
7979
|
@media (prefers-reduced-motion) {
|
8184
7980
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
8185
|
-
.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,
|
8186
|
-
.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
7981
|
+
.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,
|
7982
|
+
.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
8187
7983
|
animation: none;
|
8188
7984
|
}
|
8189
7985
|
}
|
@@ -8195,8 +7991,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8195
7991
|
}
|
8196
7992
|
@media (prefers-reduced-motion) {
|
8197
7993
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
8198
|
-
.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,
|
8199
|
-
.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
7994
|
+
.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,
|
7995
|
+
.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
8200
7996
|
animation: none;
|
8201
7997
|
}
|
8202
7998
|
}
|
@@ -8208,8 +8004,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8208
8004
|
}
|
8209
8005
|
@media (prefers-reduced-motion) {
|
8210
8006
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
8211
|
-
.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,
|
8212
|
-
.c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
8007
|
+
.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,
|
8008
|
+
.c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
8213
8009
|
animation: none;
|
8214
8010
|
}
|
8215
8011
|
}
|
@@ -8222,8 +8018,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8222
8018
|
}
|
8223
8019
|
@media (prefers-reduced-motion: reduce) {
|
8224
8020
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
8225
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
8226
|
-
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
8021
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
8022
|
+
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
8227
8023
|
animation: none;
|
8228
8024
|
}
|
8229
8025
|
}
|
@@ -8236,8 +8032,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8236
8032
|
}
|
8237
8033
|
@media (prefers-reduced-motion: reduce) {
|
8238
8034
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
8239
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
8240
|
-
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
8035
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
8036
|
+
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
8241
8037
|
animation: none;
|
8242
8038
|
}
|
8243
8039
|
}
|
@@ -8263,8 +8059,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8263
8059
|
}
|
8264
8060
|
@media (prefers-reduced-motion) {
|
8265
8061
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
8266
|
-
.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,
|
8267
|
-
.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
8062
|
+
.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,
|
8063
|
+
.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
8268
8064
|
animation: none;
|
8269
8065
|
}
|
8270
8066
|
}
|
@@ -8276,8 +8072,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8276
8072
|
}
|
8277
8073
|
@media (prefers-reduced-motion) {
|
8278
8074
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
8279
|
-
.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,
|
8280
|
-
.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
8075
|
+
.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,
|
8076
|
+
.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
8281
8077
|
animation: none;
|
8282
8078
|
}
|
8283
8079
|
}
|
@@ -8289,8 +8085,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8289
8085
|
}
|
8290
8086
|
@media (prefers-reduced-motion) {
|
8291
8087
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
8292
|
-
.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,
|
8293
|
-
.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8088
|
+
.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,
|
8089
|
+
.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8294
8090
|
animation: none;
|
8295
8091
|
}
|
8296
8092
|
}
|
@@ -8302,8 +8098,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8302
8098
|
}
|
8303
8099
|
@media (prefers-reduced-motion) {
|
8304
8100
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
8305
|
-
.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,
|
8306
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8101
|
+
.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,
|
8102
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8307
8103
|
animation: none;
|
8308
8104
|
}
|
8309
8105
|
}
|
@@ -8315,8 +8111,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8315
8111
|
}
|
8316
8112
|
@media (prefers-reduced-motion) {
|
8317
8113
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
8318
|
-
.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,
|
8319
|
-
.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8114
|
+
.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,
|
8115
|
+
.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8320
8116
|
animation: none;
|
8321
8117
|
}
|
8322
8118
|
}
|
@@ -8328,8 +8124,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8328
8124
|
}
|
8329
8125
|
@media (prefers-reduced-motion) {
|
8330
8126
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
8331
|
-
.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,
|
8332
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8127
|
+
.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,
|
8128
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8333
8129
|
animation: none;
|
8334
8130
|
}
|
8335
8131
|
}
|
@@ -8341,8 +8137,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8341
8137
|
}
|
8342
8138
|
@media (prefers-reduced-motion) {
|
8343
8139
|
.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,
|
8344
|
-
.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,
|
8345
|
-
.c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8140
|
+
.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,
|
8141
|
+
.c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8346
8142
|
animation: none;
|
8347
8143
|
}
|
8348
8144
|
}
|
@@ -8354,8 +8150,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8354
8150
|
}
|
8355
8151
|
@media (prefers-reduced-motion) {
|
8356
8152
|
.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,
|
8357
|
-
.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,
|
8358
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8153
|
+
.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,
|
8154
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8359
8155
|
animation: none;
|
8360
8156
|
}
|
8361
8157
|
}
|
@@ -8367,8 +8163,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8367
8163
|
}
|
8368
8164
|
@media (prefers-reduced-motion) {
|
8369
8165
|
.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,
|
8370
|
-
.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,
|
8371
|
-
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8166
|
+
.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,
|
8167
|
+
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8372
8168
|
animation: none;
|
8373
8169
|
}
|
8374
8170
|
}
|
@@ -8380,8 +8176,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8380
8176
|
}
|
8381
8177
|
@media (prefers-reduced-motion) {
|
8382
8178
|
.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,
|
8383
|
-
.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,
|
8384
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8179
|
+
.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,
|
8180
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8385
8181
|
animation: none;
|
8386
8182
|
}
|
8387
8183
|
}
|
@@ -8393,8 +8189,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8393
8189
|
}
|
8394
8190
|
@media (prefers-reduced-motion) {
|
8395
8191
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
8396
|
-
.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,
|
8397
|
-
.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8192
|
+
.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,
|
8193
|
+
.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8398
8194
|
animation: none;
|
8399
8195
|
}
|
8400
8196
|
}
|
@@ -8406,8 +8202,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8406
8202
|
}
|
8407
8203
|
@media (prefers-reduced-motion) {
|
8408
8204
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
8409
|
-
.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,
|
8410
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8205
|
+
.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,
|
8206
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8411
8207
|
animation: none;
|
8412
8208
|
}
|
8413
8209
|
}
|
@@ -8419,8 +8215,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8419
8215
|
}
|
8420
8216
|
@media (prefers-reduced-motion) {
|
8421
8217
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
8422
|
-
.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,
|
8423
|
-
.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8218
|
+
.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,
|
8219
|
+
.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8424
8220
|
animation: none;
|
8425
8221
|
}
|
8426
8222
|
}
|
@@ -8432,8 +8228,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8432
8228
|
}
|
8433
8229
|
@media (prefers-reduced-motion) {
|
8434
8230
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
8435
|
-
.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,
|
8436
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8231
|
+
.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,
|
8232
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8437
8233
|
animation: none;
|
8438
8234
|
}
|
8439
8235
|
}
|
@@ -8445,8 +8241,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8445
8241
|
}
|
8446
8242
|
@media (prefers-reduced-motion) {
|
8447
8243
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
8448
|
-
.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,
|
8449
|
-
.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8244
|
+
.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,
|
8245
|
+
.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8450
8246
|
animation: none;
|
8451
8247
|
}
|
8452
8248
|
}
|
@@ -8458,8 +8254,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8458
8254
|
}
|
8459
8255
|
@media (prefers-reduced-motion) {
|
8460
8256
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
8461
|
-
.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,
|
8462
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8257
|
+
.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,
|
8258
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8463
8259
|
animation: none;
|
8464
8260
|
}
|
8465
8261
|
}
|
@@ -8471,8 +8267,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8471
8267
|
}
|
8472
8268
|
@media (prefers-reduced-motion) {
|
8473
8269
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
8474
|
-
.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,
|
8475
|
-
.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8270
|
+
.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,
|
8271
|
+
.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8476
8272
|
animation: none;
|
8477
8273
|
}
|
8478
8274
|
}
|
@@ -8484,8 +8280,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8484
8280
|
}
|
8485
8281
|
@media (prefers-reduced-motion) {
|
8486
8282
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
8487
|
-
.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,
|
8488
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8283
|
+
.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,
|
8284
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8489
8285
|
animation: none;
|
8490
8286
|
}
|
8491
8287
|
}
|
@@ -8498,8 +8294,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8498
8294
|
}
|
8499
8295
|
@media (prefers-reduced-motion: reduce) {
|
8500
8296
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
8501
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
8502
|
-
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8297
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
8298
|
+
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8503
8299
|
animation: none;
|
8504
8300
|
}
|
8505
8301
|
}
|
@@ -8512,8 +8308,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8512
8308
|
}
|
8513
8309
|
@media (prefers-reduced-motion: reduce) {
|
8514
8310
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
8515
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
8516
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8311
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
8312
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8517
8313
|
animation: none;
|
8518
8314
|
}
|
8519
8315
|
}
|
@@ -8539,8 +8335,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8539
8335
|
}
|
8540
8336
|
@media (prefers-reduced-motion) {
|
8541
8337
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
8542
|
-
.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,
|
8543
|
-
.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8338
|
+
.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,
|
8339
|
+
.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
8544
8340
|
animation: none;
|
8545
8341
|
}
|
8546
8342
|
}
|
@@ -8552,8 +8348,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8552
8348
|
}
|
8553
8349
|
@media (prefers-reduced-motion) {
|
8554
8350
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
8555
|
-
.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,
|
8556
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8351
|
+
.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,
|
8352
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
8557
8353
|
animation: none;
|
8558
8354
|
}
|
8559
8355
|
}
|
@@ -8581,8 +8377,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8581
8377
|
|
8582
8378
|
.c4p--toolbar__group {
|
8583
8379
|
display: flex;
|
8584
|
-
border-right: 1px solid var(--cds-border-subtle-01, #
|
8585
|
-
border-bottom: 1px solid var(--cds-border-subtle-01, #
|
8380
|
+
border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
8381
|
+
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
8586
8382
|
}
|
8587
8383
|
|
8588
8384
|
.c4p--toolbar--vertical > .c4p--toolbar__group,
|
@@ -8656,6 +8452,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8656
8452
|
--cds-border-subtle-selected-01: #6f6f6f;
|
8657
8453
|
--cds-border-subtle-selected-02: #8d8d8d;
|
8658
8454
|
--cds-border-subtle-selected-03: #a8a8a8;
|
8455
|
+
--cds-border-tile-01: #6f6f6f;
|
8456
|
+
--cds-border-tile-02: #8d8d8d;
|
8457
|
+
--cds-border-tile-03: #a8a8a8;
|
8659
8458
|
--cds-field-01: #393939;
|
8660
8459
|
--cds-field-02: #525252;
|
8661
8460
|
--cds-field-03: #6f6f6f;
|
@@ -8667,6 +8466,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8667
8466
|
--cds-focus-inverse: #0f62fe;
|
8668
8467
|
--cds-highlight: #0043ce;
|
8669
8468
|
--cds-icon-disabled: rgba(244, 244, 244, 0.25);
|
8469
|
+
--cds-icon-interactive: #ffffff;
|
8670
8470
|
--cds-icon-inverse: #161616;
|
8671
8471
|
--cds-icon-on-color: #ffffff;
|
8672
8472
|
--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
|
@@ -8752,6 +8552,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8752
8552
|
--cds-label-01-font-weight: 400;
|
8753
8553
|
--cds-label-01-line-height: 1.33333;
|
8754
8554
|
--cds-label-01-letter-spacing: 0.32px;
|
8555
|
+
--cds-label-02-font-size: 0.875rem;
|
8556
|
+
--cds-label-02-font-weight: 400;
|
8557
|
+
--cds-label-02-line-height: 1.28572;
|
8558
|
+
--cds-label-02-letter-spacing: 0.16px;
|
8755
8559
|
--cds-helper-text-01-font-size: 0.75rem;
|
8756
8560
|
--cds-helper-text-01-line-height: 1.33333;
|
8757
8561
|
--cds-helper-text-01-letter-spacing: 0.32px;
|
@@ -8813,11 +8617,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8813
8617
|
--cds-productive-heading-05-font-weight: 400;
|
8814
8618
|
--cds-productive-heading-05-line-height: 1.25;
|
8815
8619
|
--cds-productive-heading-05-letter-spacing: 0;
|
8816
|
-
--cds-productive-heading-06-font-size:
|
8620
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
8817
8621
|
--cds-productive-heading-06-font-weight: 300;
|
8818
8622
|
--cds-productive-heading-06-line-height: 1.199;
|
8819
8623
|
--cds-productive-heading-06-letter-spacing: 0;
|
8820
|
-
--cds-productive-heading-07-font-size:
|
8624
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
8821
8625
|
--cds-productive-heading-07-font-weight: 300;
|
8822
8626
|
--cds-productive-heading-07-line-height: 1.19;
|
8823
8627
|
--cds-productive-heading-07-letter-spacing: 0;
|
@@ -8872,7 +8676,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8872
8676
|
--cds-display-03-line-height: 1.19;
|
8873
8677
|
--cds-display-03-letter-spacing: 0;
|
8874
8678
|
--cds-display-04-font-size: 2.625rem;
|
8875
|
-
--cds-display-04-font-weight:
|
8679
|
+
--cds-display-04-font-weight: 300;
|
8876
8680
|
--cds-display-04-line-height: 1.19;
|
8877
8681
|
--cds-display-04-letter-spacing: 0;
|
8878
8682
|
--cds-legal-01-font-size: 0.75rem;
|
@@ -8919,11 +8723,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8919
8723
|
--cds-heading-05-font-weight: 400;
|
8920
8724
|
--cds-heading-05-line-height: 1.25;
|
8921
8725
|
--cds-heading-05-letter-spacing: 0;
|
8922
|
-
--cds-heading-06-font-size:
|
8726
|
+
--cds-heading-06-font-size: 2.625rem;
|
8923
8727
|
--cds-heading-06-font-weight: 300;
|
8924
8728
|
--cds-heading-06-line-height: 1.199;
|
8925
8729
|
--cds-heading-06-letter-spacing: 0;
|
8926
|
-
--cds-heading-07-font-size:
|
8730
|
+
--cds-heading-07-font-size: 3.375rem;
|
8927
8731
|
--cds-heading-07-font-weight: 300;
|
8928
8732
|
--cds-heading-07-line-height: 1.19;
|
8929
8733
|
--cds-heading-07-letter-spacing: 0;
|
@@ -8970,7 +8774,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8970
8774
|
--cds-fluid-display-03-line-height: 1.19;
|
8971
8775
|
--cds-fluid-display-03-letter-spacing: 0;
|
8972
8776
|
--cds-fluid-display-04-font-size: 2.625rem;
|
8973
|
-
--cds-fluid-display-04-font-weight:
|
8777
|
+
--cds-fluid-display-04-font-weight: 300;
|
8974
8778
|
--cds-fluid-display-04-line-height: 1.19;
|
8975
8779
|
--cds-fluid-display-04-letter-spacing: 0;
|
8976
8780
|
--cds-layer: var(--cds-layer-01, #f4f4f4);
|
@@ -8983,9 +8787,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8983
8787
|
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
8984
8788
|
--cds-field: var(--cds-field-01, #f4f4f4);
|
8985
8789
|
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
8986
|
-
--cds-border-subtle: var(--cds-border-subtle-
|
8790
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
8987
8791
|
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
8988
8792
|
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
8793
|
+
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
8989
8794
|
position: fixed;
|
8990
8795
|
top: 3rem;
|
8991
8796
|
right: 0;
|
@@ -9032,6 +8837,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9032
8837
|
--cds-border-subtle-selected-01: #525252;
|
9033
8838
|
--cds-border-subtle-selected-02: #6f6f6f;
|
9034
8839
|
--cds-border-subtle-selected-03: #8d8d8d;
|
8840
|
+
--cds-border-tile-01: #525252;
|
8841
|
+
--cds-border-tile-02: #6f6f6f;
|
8842
|
+
--cds-border-tile-03: #8d8d8d;
|
9035
8843
|
--cds-field-01: #262626;
|
9036
8844
|
--cds-field-02: #393939;
|
9037
8845
|
--cds-field-03: #525252;
|
@@ -9043,6 +8851,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9043
8851
|
--cds-focus-inverse: #0f62fe;
|
9044
8852
|
--cds-highlight: #002d9c;
|
9045
8853
|
--cds-icon-disabled: rgba(244, 244, 244, 0.25);
|
8854
|
+
--cds-icon-interactive: #ffffff;
|
9046
8855
|
--cds-icon-inverse: #161616;
|
9047
8856
|
--cds-icon-on-color: #ffffff;
|
9048
8857
|
--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
|
@@ -9128,6 +8937,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9128
8937
|
--cds-label-01-font-weight: 400;
|
9129
8938
|
--cds-label-01-line-height: 1.33333;
|
9130
8939
|
--cds-label-01-letter-spacing: 0.32px;
|
8940
|
+
--cds-label-02-font-size: 0.875rem;
|
8941
|
+
--cds-label-02-font-weight: 400;
|
8942
|
+
--cds-label-02-line-height: 1.28572;
|
8943
|
+
--cds-label-02-letter-spacing: 0.16px;
|
9131
8944
|
--cds-helper-text-01-font-size: 0.75rem;
|
9132
8945
|
--cds-helper-text-01-line-height: 1.33333;
|
9133
8946
|
--cds-helper-text-01-letter-spacing: 0.32px;
|
@@ -9189,11 +9002,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9189
9002
|
--cds-productive-heading-05-font-weight: 400;
|
9190
9003
|
--cds-productive-heading-05-line-height: 1.25;
|
9191
9004
|
--cds-productive-heading-05-letter-spacing: 0;
|
9192
|
-
--cds-productive-heading-06-font-size:
|
9005
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
9193
9006
|
--cds-productive-heading-06-font-weight: 300;
|
9194
9007
|
--cds-productive-heading-06-line-height: 1.199;
|
9195
9008
|
--cds-productive-heading-06-letter-spacing: 0;
|
9196
|
-
--cds-productive-heading-07-font-size:
|
9009
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
9197
9010
|
--cds-productive-heading-07-font-weight: 300;
|
9198
9011
|
--cds-productive-heading-07-line-height: 1.19;
|
9199
9012
|
--cds-productive-heading-07-letter-spacing: 0;
|
@@ -9248,7 +9061,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9248
9061
|
--cds-display-03-line-height: 1.19;
|
9249
9062
|
--cds-display-03-letter-spacing: 0;
|
9250
9063
|
--cds-display-04-font-size: 2.625rem;
|
9251
|
-
--cds-display-04-font-weight:
|
9064
|
+
--cds-display-04-font-weight: 300;
|
9252
9065
|
--cds-display-04-line-height: 1.19;
|
9253
9066
|
--cds-display-04-letter-spacing: 0;
|
9254
9067
|
--cds-legal-01-font-size: 0.75rem;
|
@@ -9295,11 +9108,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9295
9108
|
--cds-heading-05-font-weight: 400;
|
9296
9109
|
--cds-heading-05-line-height: 1.25;
|
9297
9110
|
--cds-heading-05-letter-spacing: 0;
|
9298
|
-
--cds-heading-06-font-size:
|
9111
|
+
--cds-heading-06-font-size: 2.625rem;
|
9299
9112
|
--cds-heading-06-font-weight: 300;
|
9300
9113
|
--cds-heading-06-line-height: 1.199;
|
9301
9114
|
--cds-heading-06-letter-spacing: 0;
|
9302
|
-
--cds-heading-07-font-size:
|
9115
|
+
--cds-heading-07-font-size: 3.375rem;
|
9303
9116
|
--cds-heading-07-font-weight: 300;
|
9304
9117
|
--cds-heading-07-line-height: 1.19;
|
9305
9118
|
--cds-heading-07-letter-spacing: 0;
|
@@ -9346,7 +9159,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9346
9159
|
--cds-fluid-display-03-line-height: 1.19;
|
9347
9160
|
--cds-fluid-display-03-letter-spacing: 0;
|
9348
9161
|
--cds-fluid-display-04-font-size: 2.625rem;
|
9349
|
-
--cds-fluid-display-04-font-weight:
|
9162
|
+
--cds-fluid-display-04-font-weight: 300;
|
9350
9163
|
--cds-fluid-display-04-line-height: 1.19;
|
9351
9164
|
--cds-fluid-display-04-letter-spacing: 0;
|
9352
9165
|
--cds-layer: var(--cds-layer-01, #f4f4f4);
|
@@ -9359,9 +9172,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9359
9172
|
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
9360
9173
|
--cds-field: var(--cds-field-01, #f4f4f4);
|
9361
9174
|
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
9362
|
-
--cds-border-subtle: var(--cds-border-subtle-
|
9175
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
9363
9176
|
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
9364
9177
|
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
9178
|
+
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
9365
9179
|
}
|
9366
9180
|
|
9367
9181
|
.c4p--web-terminal__body {
|
@@ -9511,6 +9325,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9511
9325
|
border-radius: 50%;
|
9512
9326
|
}
|
9513
9327
|
|
9328
|
+
.cds--btn--ghost.c4p--user-profile-image__tooltip:focus {
|
9329
|
+
border: 0;
|
9330
|
+
box-shadow: 0 0 0 0.25rem var(--cds-focus, #0f62fe);
|
9331
|
+
}
|
9332
|
+
|
9514
9333
|
.cds--tooltip__trigger .c4p--user-profile-image svg,
|
9515
9334
|
.c4p--user-profile-image__tooltip.cds--btn--ghost:not([disabled]) svg {
|
9516
9335
|
fill: var(--cds-layer-01, #f4f4f4);
|
@@ -9637,12 +9456,19 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9637
9456
|
}
|
9638
9457
|
|
9639
9458
|
.c4p--options-tile {
|
9640
|
-
|
9641
|
-
|
9459
|
+
position: relative;
|
9460
|
+
border-bottom: 1px solid var(--cds-border-subtle);
|
9461
|
+
background-color: var(--cds-layer);
|
9642
9462
|
}
|
9643
9463
|
|
9644
9464
|
.c4p--options-tile__toggle-container {
|
9645
|
-
position:
|
9465
|
+
position: absolute;
|
9466
|
+
top: 0;
|
9467
|
+
right: 0;
|
9468
|
+
bottom: 0;
|
9469
|
+
width: calc(
|
9470
|
+
1rem + 2rem + 1rem
|
9471
|
+
);
|
9646
9472
|
}
|
9647
9473
|
|
9648
9474
|
.c4p--options-tile__toggle {
|
@@ -9837,268 +9663,142 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9837
9663
|
|
9838
9664
|
@media (prefers-reduced-motion: reduce) {
|
9839
9665
|
.c4p--options-tile__summary,
|
9840
|
-
.c4p--options-tile__chevron {
|
9666
|
+
.c4p--options-tile__chevron {
|
9841
9667
|
transition: none;
|
9842
9668
|
}
|
9843
9669
|
}
|
9844
|
-
.c4p--
|
9845
|
-
--c4p--
|
9846
|
-
|
9847
|
-
|
9848
|
-
|
9849
|
-
|
9850
|
-
display: inline-block;
|
9851
|
-
min-width: calc(4 * var(--c4p--inline-edit--size));
|
9852
|
-
max-width: 100%;
|
9853
|
-
height: var(--c4p--inline-edit--size);
|
9854
|
-
background-color: var(--c4p--inline-edit--background-color);
|
9855
|
-
cursor: text;
|
9856
|
-
transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
9857
|
-
vertical-align: middle;
|
9858
|
-
white-space: nowrap;
|
9859
|
-
}
|
9860
|
-
.c4p--inline-edit.c4p--inline-edit--light {
|
9861
|
-
--c4p--inline-edit--background-color: transparent;
|
9670
|
+
.c4p--edit-in-place {
|
9671
|
+
--c4p--edit-in-place--size: 2rem;
|
9672
|
+
display: flex;
|
9673
|
+
align-items: center;
|
9674
|
+
background: transparent;
|
9675
|
+
cursor: pointer;
|
9862
9676
|
}
|
9863
|
-
|
9864
|
-
|
9677
|
+
|
9678
|
+
.c4p--edit-in-place--sm {
|
9679
|
+
--c4p--edit-in-place--size: 2rem;
|
9865
9680
|
}
|
9866
|
-
|
9867
|
-
|
9868
|
-
--c4p--
|
9681
|
+
|
9682
|
+
.c4p--edit-in-place--md {
|
9683
|
+
--c4p--edit-in-place--size: 2.5rem;
|
9869
9684
|
}
|
9870
|
-
|
9871
|
-
|
9872
|
-
|
9685
|
+
|
9686
|
+
.c4p--edit-in-place--lg {
|
9687
|
+
/* April 2023 max text input size */
|
9688
|
+
--c4p--edit-in-place--size: 3rem;
|
9873
9689
|
}
|
9874
|
-
|
9875
|
-
|
9876
|
-
|
9877
|
-
outline-offset: calc(-1 * 0.125rem);
|
9690
|
+
|
9691
|
+
.c4p--edit-in-place--readonly {
|
9692
|
+
cursor: not-allowed;
|
9878
9693
|
}
|
9879
|
-
|
9880
|
-
|
9881
|
-
|
9882
|
-
}
|
9694
|
+
|
9695
|
+
.c4p--edit-in-place:hover {
|
9696
|
+
background: var(--cds-field-01, #f4f4f4);
|
9883
9697
|
}
|
9884
|
-
|
9885
|
-
|
9886
|
-
|
9887
|
-
|
9888
|
-
background-color: var(--cds-layer-01, #f4f4f4);
|
9698
|
+
|
9699
|
+
.c4p--edit-in-place:hover .c4p--edit-in-place__btn-edit,
|
9700
|
+
.c4p--edit-in-place__btn-edit.c4p--edit-in-place__btn-edit--always-visible {
|
9701
|
+
visibility: visible;
|
9889
9702
|
}
|
9890
|
-
|
9891
|
-
|
9892
|
-
|
9893
|
-
}
|
9703
|
+
|
9704
|
+
.c4p--edit-in-place__btn-edit {
|
9705
|
+
visibility: hidden;
|
9894
9706
|
}
|
9895
|
-
|
9896
|
-
|
9897
|
-
|
9898
|
-
width: calc(100% - var(--c4p--inline-edit--toolbar-width) - 1rem);
|
9899
|
-
max-width: calc(
|
9900
|
-
100% - var(--c4p--inline-edit--toolbar-width) - 1rem
|
9901
|
-
);
|
9902
|
-
min-height: var(--c4p--inline-edit--size);
|
9903
|
-
/* stylelint-disable-next-line carbon/layout-token-use */
|
9904
|
-
margin-right: var(--c4p--inline-edit--toolbar-width);
|
9905
|
-
margin-left: 1rem;
|
9906
|
-
font-family: inherit;
|
9907
|
-
line-height: var(--c4p--inline-edit--size);
|
9707
|
+
|
9708
|
+
.c4p--edit-in-place--invalid {
|
9709
|
+
outline: 2px solid var(--cds-support-error, #da1e28);
|
9908
9710
|
}
|
9909
|
-
|
9910
|
-
|
9711
|
+
|
9712
|
+
.c4p--edit-in-place--focused {
|
9713
|
+
background: var(--cds-field-01, #f4f4f4);
|
9714
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
9911
9715
|
}
|
9912
|
-
|
9913
|
-
|
9716
|
+
|
9717
|
+
.c4p--edit-in-place__text-input {
|
9718
|
+
flex: 1;
|
9914
9719
|
}
|
9915
|
-
|
9916
|
-
|
9917
|
-
|
9918
|
-
|
9919
|
-
|
9920
|
-
|
9921
|
-
|
9922
|
-
margin-left: 1rem;
|
9923
|
-
color: var(--cds-text-helper, #6f6f6f);
|
9924
|
-
content: attr(data-placeholder);
|
9925
|
-
opacity: 0;
|
9926
|
-
visibility: hidden;
|
9720
|
+
|
9721
|
+
.c4p--edit-in-place--inherit-type .c4p--edit-in-place__text-input {
|
9722
|
+
/* match font of container */
|
9723
|
+
font-size: inherit;
|
9724
|
+
font-weight: inherit;
|
9725
|
+
letter-spacing: inherit;
|
9726
|
+
line-height: inherit;
|
9927
9727
|
}
|
9928
|
-
|
9929
|
-
|
9930
|
-
|
9931
|
-
|
9932
|
-
height: var(--c4p--inline-edit--size);
|
9933
|
-
line-height: var(--c4p--inline-edit--size);
|
9728
|
+
|
9729
|
+
.c4p--edit-in-place__ellipsis {
|
9730
|
+
position: relative;
|
9731
|
+
margin-left: -1rem;
|
9934
9732
|
opacity: 0;
|
9935
|
-
pointer-events: none;
|
9936
|
-
transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
9937
9733
|
}
|
9938
|
-
|
9939
|
-
|
9734
|
+
|
9735
|
+
.c4p--edit-in-place--overflows:not(.c4p--edit-in-place--focused) .c4p--edit-in-place__ellipsis {
|
9940
9736
|
opacity: 1;
|
9941
9737
|
}
|
9942
|
-
|
9943
|
-
|
9944
|
-
|
9945
|
-
left: 0;
|
9946
|
-
width: 100%;
|
9947
|
-
height: 100%;
|
9948
|
-
pointer-events: none;
|
9949
|
-
}
|
9950
|
-
.c4p--inline-edit.c4p--inline-edit--disabled .c4p--inline-edit__disabled-cover {
|
9951
|
-
cursor: not-allowed;
|
9952
|
-
pointer-events: all;
|
9738
|
+
|
9739
|
+
.c4p--edit-in-place__text-input-label {
|
9740
|
+
display: none;
|
9953
9741
|
}
|
9954
|
-
|
9955
|
-
|
9956
|
-
|
9957
|
-
|
9958
|
-
|
9742
|
+
|
9743
|
+
.c4p--edit-in-place__warning-icon {
|
9744
|
+
width: 1rem;
|
9745
|
+
margin: auto 0.5rem;
|
9746
|
+
color: var(--cds-support-error, #da1e28);
|
9959
9747
|
}
|
9960
|
-
|
9961
|
-
|
9962
|
-
|
9963
|
-
|
9964
|
-
|
9965
|
-
|
9966
|
-
|
9967
|
-
|
9968
|
-
justify-content: space-between;
|
9969
|
-
cursor: text;
|
9748
|
+
|
9749
|
+
.c4p--edit-in-place__warning-text {
|
9750
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
9751
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
9752
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
9753
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
9754
|
+
margin-top: 0.5rem;
|
9755
|
+
color: var(--cds-support-error, #da1e28);
|
9970
9756
|
}
|
9971
|
-
|
9972
|
-
|
9757
|
+
|
9758
|
+
.c4p--edit-in-place__text-input.cds--text-input {
|
9759
|
+
border: none;
|
9760
|
+
background: transparent;
|
9761
|
+
cursor: pointer;
|
9762
|
+
outline: none;
|
9973
9763
|
}
|
9974
|
-
|
9975
|
-
|
9976
|
-
|
9977
|
-
|
9978
|
-
display: block;
|
9979
|
-
width: 100%;
|
9980
|
-
height: 100%;
|
9981
|
-
box-sizing: border-box;
|
9982
|
-
border: 2px solid var(--cds-focus, #0f62fe);
|
9983
|
-
border-left: 0;
|
9984
|
-
content: "";
|
9985
|
-
pointer-events: none;
|
9764
|
+
|
9765
|
+
.c4p--edit-in-place__text-input.cds--text-input:focus,
|
9766
|
+
.c4p--edit-in-place__text-input.cds--text-input:active {
|
9767
|
+
outline: none;
|
9986
9768
|
}
|
9987
|
-
|
9769
|
+
|
9770
|
+
.c4p--edit-in-place__toolbar {
|
9771
|
+
--toolbar-width: var(--c4p--edit-in-place--size);
|
9772
|
+
--toolbar-width-focussed: calc(2 * var(--c4p--edit-in-place--size));
|
9988
9773
|
display: inline-flex;
|
9989
|
-
width: var(--
|
9990
|
-
max-width: var(--c4p--inline-edit--size);
|
9991
|
-
height: 100%;
|
9992
|
-
min-height: initial;
|
9993
|
-
max-height: var(--c4p--inline-edit--size);
|
9994
|
-
align-items: center;
|
9995
|
-
justify-content: center;
|
9996
|
-
border: 2px solid transparent;
|
9997
|
-
}
|
9998
|
-
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:hover {
|
9999
|
-
outline: initial;
|
10000
|
-
}
|
10001
|
-
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus {
|
10002
|
-
border-color: var(--cds-focus, #0f62fe);
|
10003
|
-
box-shadow: initial;
|
10004
|
-
outline: initial;
|
10005
|
-
}
|
10006
|
-
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active:hover {
|
10007
|
-
box-shadow: inset 0 0 0 1px var(--cds-field-01, #f4f4f4);
|
10008
|
-
}
|
10009
|
-
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save::before, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel::before {
|
10010
|
-
background-color: transparent;
|
10011
|
-
}
|
10012
|
-
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save[disabled], .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel[disabled] {
|
10013
|
-
border-color: transparent;
|
10014
|
-
}
|
10015
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save {
|
10016
|
-
overflow: visible;
|
10017
|
-
width: var(--c4p--inline-edit--edit-size);
|
10018
|
-
transition: all 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
10019
|
-
transition-property: margin, padding;
|
9774
|
+
width: var(--toolbar-width);
|
10020
9775
|
}
|
10021
|
-
|
10022
|
-
|
10023
|
-
width:
|
10024
|
-
|
10025
|
-
|
10026
|
-
|
10027
|
-
}
|
10028
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save {
|
10029
|
-
margin-right: 0;
|
10030
|
-
transition: all 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
10031
|
-
transition-property: margin, padding;
|
10032
|
-
}
|
10033
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save svg {
|
10034
|
-
transition: width 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
9776
|
+
|
9777
|
+
.c4p--edit-in-place--invalid .c4p--edit-in-place__toolbar {
|
9778
|
+
--toolbar-width: calc(var(--c4p--edit-in-place--size) + 2rem);
|
9779
|
+
--toolbar-width-focussed: calc(
|
9780
|
+
2 * var(--c4p--edit-in-place--size) + 2rem
|
9781
|
+
);
|
10035
9782
|
}
|
10036
|
-
|
10037
|
-
|
10038
|
-
|
9783
|
+
|
9784
|
+
@keyframes slide-in {
|
9785
|
+
0% {
|
9786
|
+
overflow: hidden;
|
9787
|
+
width: var(--toolbar-width);
|
10039
9788
|
}
|
10040
|
-
|
10041
|
-
|
10042
|
-
|
10043
|
-
padding-left: 0;
|
10044
|
-
border-right: 0;
|
10045
|
-
border-left: 0;
|
10046
|
-
margin-right: calc(-1 * var(--c4p--inline-edit--size));
|
10047
|
-
}
|
10048
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save svg {
|
10049
|
-
overflow: hidden;
|
10050
|
-
width: 0;
|
10051
|
-
}
|
10052
|
-
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit {
|
10053
|
-
display: inline-flex;
|
10054
|
-
width: var(--c4p--inline-edit--size);
|
10055
|
-
max-width: var(--c4p--inline-edit--size);
|
10056
|
-
height: 100%;
|
10057
|
-
min-height: initial;
|
10058
|
-
max-height: var(--c4p--inline-edit--size);
|
10059
|
-
align-items: center;
|
10060
|
-
justify-content: center;
|
10061
|
-
border: 2px solid transparent;
|
10062
|
-
}
|
10063
|
-
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:focus {
|
10064
|
-
border-color: transparent;
|
10065
|
-
background-color: transparent;
|
10066
|
-
box-shadow: initial;
|
10067
|
-
outline: initial;
|
10068
|
-
}
|
10069
|
-
@media (hover: hover) {
|
10070
|
-
.c4p--inline-edit .c4p--inline-edit__edit {
|
10071
|
-
opacity: 0;
|
10072
|
-
transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
9789
|
+
99% {
|
9790
|
+
overflow: hidden;
|
9791
|
+
width: var(--toolbar-width-focussed);
|
10073
9792
|
}
|
10074
|
-
|
10075
|
-
|
9793
|
+
100% {
|
9794
|
+
overflow: visible;
|
9795
|
+
width: var(--toolbar-width-focussed);
|
10076
9796
|
}
|
10077
9797
|
}
|
10078
|
-
.c4p--
|
10079
|
-
|
10080
|
-
|
10081
|
-
|
10082
|
-
display: inline-flex;
|
10083
|
-
width: var(--c4p--inline-edit--size);
|
10084
|
-
max-width: var(--c4p--inline-edit--size);
|
10085
|
-
height: 100%;
|
10086
|
-
min-height: initial;
|
10087
|
-
max-height: var(--c4p--inline-edit--size);
|
10088
|
-
align-items: center;
|
10089
|
-
justify-content: center;
|
10090
|
-
border: 2px solid transparent;
|
10091
|
-
}
|
10092
|
-
.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-icon {
|
10093
|
-
color: var(--cds-support-error, #da1e28);
|
10094
|
-
}
|
10095
|
-
.c4p--inline-edit .c4p--inline-edit__validation-text {
|
10096
|
-
display: block;
|
10097
|
-
overflow: visible;
|
10098
|
-
margin-left: 1rem;
|
10099
|
-
}
|
10100
|
-
.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-text {
|
10101
|
-
color: var(--cds-support-error, #da1e28);
|
9798
|
+
.c4p--edit-in-place--focused .c4p--edit-in-place__toolbar {
|
9799
|
+
overflow: initial;
|
9800
|
+
width: var(--toolbar-width-focussed);
|
9801
|
+
animation: slide-in 150ms cubic-bezier(0, 0, 0.38, 0.9);
|
10102
9802
|
}
|
10103
9803
|
|
10104
9804
|
.c4p--data-spreadsheet {
|
@@ -10167,8 +9867,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10167
9867
|
justify-content: flex-end;
|
10168
9868
|
}
|
10169
9869
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td {
|
10170
|
-
border-right: 1px solid var(--cds-border-subtle-01, #
|
10171
|
-
border-bottom: 1px solid var(--cds-border-subtle-01, #
|
9870
|
+
border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
9871
|
+
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
10172
9872
|
overflow: hidden;
|
10173
9873
|
margin: 0;
|
10174
9874
|
background-color: var(--cds-field-01, #f4f4f4);
|
@@ -10240,8 +9940,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10240
9940
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
10241
9941
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
10242
9942
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
10243
|
-
border-right: 1px solid var(--cds-border-subtle-01, #
|
10244
|
-
border-bottom: 1px solid var(--cds-border-subtle-01, #
|
9943
|
+
border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
9944
|
+
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
10245
9945
|
position: absolute;
|
10246
9946
|
z-index: 3;
|
10247
9947
|
display: none;
|
@@ -10339,7 +10039,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10339
10039
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header,
|
10340
10040
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td {
|
10341
10041
|
background-color: var(--cds-background-inverse, #393939);
|
10342
|
-
color: var(--cds-text-
|
10042
|
+
color: var(--cds-text-inverse, #ffffff);
|
10343
10043
|
/* stylelint-disable-next-line max-nesting-depth */
|
10344
10044
|
}
|
10345
10045
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header:focus, .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header:hover,
|
@@ -10540,7 +10240,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10540
10240
|
.c4p--datagrid__grid-container td.cds--table-column-checkbox,
|
10541
10241
|
.c4p--datagrid__grid-container th.cds--table-column-checkbox {
|
10542
10242
|
/* stylelint-disable-next-line declaration-no-important */
|
10543
|
-
|
10243
|
+
width: 3rem !important;
|
10244
|
+
/* stylelint-disable-next-line declaration-no-important */
|
10245
|
+
padding-right: 1rem !important;
|
10544
10246
|
}
|
10545
10247
|
|
10546
10248
|
.c4p--datagrid__empty-state .c4p--datagrid__table-simple {
|
@@ -10604,7 +10306,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10604
10306
|
}
|
10605
10307
|
|
10606
10308
|
.c4p--datagrid__head-hidden-select-all {
|
10607
|
-
padding-right:
|
10309
|
+
padding-right: 3rem;
|
10608
10310
|
}
|
10609
10311
|
.c4p--datagrid__head-hidden-select-all.c4p--datagrid__select-all-sticky-left {
|
10610
10312
|
position: sticky;
|
@@ -10645,6 +10347,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10645
10347
|
width: 100% !important;
|
10646
10348
|
}
|
10647
10349
|
|
10350
|
+
.c4p--datagrid__sticky thead {
|
10351
|
+
display: flex;
|
10352
|
+
}
|
10353
|
+
.c4p--datagrid__sticky thead tr.c4p--datagrid__sticky {
|
10354
|
+
width: auto;
|
10355
|
+
}
|
10356
|
+
|
10648
10357
|
.c4p--datagrid__displayFlex {
|
10649
10358
|
position: relative;
|
10650
10359
|
display: flex;
|
@@ -10653,39 +10362,35 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10653
10362
|
flex-direction: row;
|
10654
10363
|
}
|
10655
10364
|
|
10656
|
-
.c4p--
|
10657
|
-
|
10658
|
-
|
10659
|
-
background-color: var(--cds-layer-01, #f4f4f4);
|
10660
|
-
}
|
10661
|
-
|
10662
|
-
.c4p--datagrid__leftPanel-position {
|
10663
|
-
display: inherit;
|
10365
|
+
.c4p--datagrid__table-container-inner {
|
10366
|
+
overflow: hidden;
|
10367
|
+
flex: 1;
|
10664
10368
|
}
|
10665
10369
|
|
10666
10370
|
.c4p--datagrid__datagridWithPanel {
|
10667
10371
|
position: relative;
|
10668
10372
|
display: flex;
|
10669
|
-
width: 100%;
|
10670
10373
|
height: 100%;
|
10671
10374
|
flex-direction: column;
|
10672
10375
|
}
|
10673
10376
|
.c4p--datagrid__datagridWithPanel .c4p--datagrid__grid-container {
|
10674
10377
|
display: flex;
|
10675
|
-
overflow:
|
10378
|
+
overflow: visible;
|
10676
10379
|
flex-direction: column;
|
10677
10380
|
}
|
10678
10381
|
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-toolbar {
|
10679
10382
|
width: 100%;
|
10680
10383
|
}
|
10681
|
-
.c4p--datagrid__datagridWithPanel .c4p--
|
10682
|
-
|
10384
|
+
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-container {
|
10385
|
+
display: flex;
|
10386
|
+
overflow: visible;
|
10387
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
10683
10388
|
}
|
10684
|
-
.c4p--datagrid__datagridWithPanel .
|
10685
|
-
|
10389
|
+
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-container .c4p--datagrid__filter-summary {
|
10390
|
+
border-bottom: 1px solid var(--cds-layer-03, #f4f4f4);
|
10686
10391
|
}
|
10687
|
-
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-
|
10688
|
-
|
10392
|
+
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-simple {
|
10393
|
+
height: 100%;
|
10689
10394
|
}
|
10690
10395
|
|
10691
10396
|
.c4p--datagrid__table-container {
|
@@ -10694,10 +10399,25 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10694
10399
|
overflow: auto;
|
10695
10400
|
width: 100%;
|
10696
10401
|
max-height: 100%;
|
10402
|
+
overflow-y: auto;
|
10697
10403
|
}
|
10698
10404
|
|
10699
|
-
.c4p--datagrid__carbon-row-expanded
|
10700
|
-
|
10405
|
+
.c4p--datagrid__carbon-row-expanded {
|
10406
|
+
position: relative;
|
10407
|
+
}
|
10408
|
+
.c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active::before {
|
10409
|
+
position: absolute;
|
10410
|
+
z-index: 2;
|
10411
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
10412
|
+
top: var(--c4p--datagrid--row-height);
|
10413
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
10414
|
+
left: calc(
|
10415
|
+
var(--c4p--datagrid--indicator-offset-amount) + 1rem
|
10416
|
+
);
|
10417
|
+
width: 1px;
|
10418
|
+
height: var(--c4p--datagrid--indicator-height);
|
10419
|
+
border-left: 1px solid var(--cds-border-subtle-selected-01, #c6c6c6);
|
10420
|
+
content: "";
|
10701
10421
|
}
|
10702
10422
|
|
10703
10423
|
.c4p--datagrid .cds--data-table-header {
|
@@ -10713,7 +10433,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10713
10433
|
padding-bottom: 1rem;
|
10714
10434
|
}
|
10715
10435
|
.c4p--datagrid__dense-header .c4p--datagrid__table-toolbar {
|
10716
|
-
|
10436
|
+
display: flex;
|
10437
|
+
flex: 1 0 auto;
|
10438
|
+
align-items: flex-end;
|
10717
10439
|
}
|
10718
10440
|
.c4p--datagrid__dense-header .cds--table-toolbar {
|
10719
10441
|
background: transparent;
|
@@ -10721,9 +10443,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10721
10443
|
.c4p--datagrid__dense-header .cds__table-container {
|
10722
10444
|
flex: 1 1 100%;
|
10723
10445
|
}
|
10724
|
-
.c4p--datagrid__dense-header .cds--table-toolbar {
|
10725
|
-
padding-top: 2rem;
|
10726
|
-
}
|
10727
10446
|
.c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider {
|
10728
10447
|
position: relative;
|
10729
10448
|
}
|
@@ -10733,7 +10452,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10733
10452
|
left: 0;
|
10734
10453
|
width: 1px;
|
10735
10454
|
height: 1rem;
|
10736
|
-
border-left: 1px solid var(--cds-border-subtle-01, #
|
10455
|
+
border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
10737
10456
|
content: "";
|
10738
10457
|
transform: translateY(-50%);
|
10739
10458
|
}
|
@@ -10744,6 +10463,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10744
10463
|
|
10745
10464
|
.c4p--datagrid .cds--data-table--selected:not(.c4p--datagrid__active-row)::before {
|
10746
10465
|
position: absolute;
|
10466
|
+
top: 0;
|
10747
10467
|
left: 0;
|
10748
10468
|
width: 0.25rem;
|
10749
10469
|
height: 100%;
|
@@ -10793,6 +10513,73 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10793
10513
|
justify-content: center;
|
10794
10514
|
}
|
10795
10515
|
|
10516
|
+
.c4p--datagrid__customize-columns-checkbox-wrapper.cds--form-item {
|
10517
|
+
flex: 0 0 auto;
|
10518
|
+
margin-right: 0.5rem;
|
10519
|
+
}
|
10520
|
+
|
10521
|
+
.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
|
10522
|
+
width: 10px;
|
10523
|
+
height: 7px;
|
10524
|
+
}
|
10525
|
+
|
10526
|
+
.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-track {
|
10527
|
+
background: var(--cds-layer);
|
10528
|
+
}
|
10529
|
+
|
10530
|
+
.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-thumb {
|
10531
|
+
border-radius: 5px;
|
10532
|
+
}
|
10533
|
+
|
10534
|
+
.c4p--datagrid__virtualScrollContainer {
|
10535
|
+
width: 100%;
|
10536
|
+
}
|
10537
|
+
|
10538
|
+
.cds--body--with-modal-open .c4p--datagrid__grid-container {
|
10539
|
+
overflow: hidden;
|
10540
|
+
height: 100vh;
|
10541
|
+
}
|
10542
|
+
|
10543
|
+
.c4p--datagrid .cds--modal {
|
10544
|
+
width: 100%;
|
10545
|
+
}
|
10546
|
+
|
10547
|
+
.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger {
|
10548
|
+
flex-shrink: 0;
|
10549
|
+
background-color: var(--cds-interactive, #0f62fe);
|
10550
|
+
}
|
10551
|
+
|
10552
|
+
.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger svg {
|
10553
|
+
fill: var(--cds-background, #ffffff);
|
10554
|
+
}
|
10555
|
+
|
10556
|
+
.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger:hover,
|
10557
|
+
.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger.cds--overflow-menu--open:hover,
|
10558
|
+
.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger.cds--overflow-menu--open {
|
10559
|
+
background-color: var(--cds-button-primary-hover, #0050e6);
|
10560
|
+
}
|
10561
|
+
|
10562
|
+
.c4p--datagrid__toolbar-options.c4p--datagrid__toolbar-options {
|
10563
|
+
background-color: var(--cds-layer-02, #ffffff);
|
10564
|
+
}
|
10565
|
+
|
10566
|
+
.c4p--datagrid__toolbar-options.cds--overflow-menu-options::after {
|
10567
|
+
background-color: transparent;
|
10568
|
+
}
|
10569
|
+
|
10570
|
+
.c4p--datagrid__mobile-toolbar-modal .cds--modal-container {
|
10571
|
+
position: absolute;
|
10572
|
+
}
|
10573
|
+
|
10574
|
+
.c4p--datagrid__table-toolbar--sm .c4p--filter-summary,
|
10575
|
+
.c4p--datagrid__table-toolbar--xs .c4p--filter-summary {
|
10576
|
+
padding: 0 0.5rem;
|
10577
|
+
}
|
10578
|
+
|
10579
|
+
.c4p--datagrid .c4p--datagrid__head-wrap {
|
10580
|
+
background-color: var(--cds-layer-accent);
|
10581
|
+
}
|
10582
|
+
|
10796
10583
|
/*
|
10797
10584
|
* Licensed Materials - Property of IBM
|
10798
10585
|
* 5724-Q36
|
@@ -10819,6 +10606,34 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10819
10606
|
border-bottom: none;
|
10820
10607
|
}
|
10821
10608
|
|
10609
|
+
.c4p--datagrid .c4p--datagrid__carbon-row-expandable {
|
10610
|
+
position: relative;
|
10611
|
+
}
|
10612
|
+
|
10613
|
+
.c4p--datagrid tr.c4p--datagrid__carbon-nested-row + :not(tr.c4p--datagrid__carbon-nested-row)::before {
|
10614
|
+
position: absolute;
|
10615
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
10616
|
+
top: -1px;
|
10617
|
+
left: 0;
|
10618
|
+
width: 100%;
|
10619
|
+
height: 1px;
|
10620
|
+
background-color: var(--cds-border-subtle);
|
10621
|
+
content: "";
|
10622
|
+
}
|
10623
|
+
|
10624
|
+
.c4p--datagrid tr.c4p--datagrid__carbon-nested-row td:first-child:empty,
|
10625
|
+
.c4p--datagrid tr.c4p--datagrid__carbon-nested-row .c4p--datagrid__expandable-row-cell {
|
10626
|
+
border-bottom: none;
|
10627
|
+
}
|
10628
|
+
|
10629
|
+
.cds--data-table td.c4p--datagrid__expandable-row-cell {
|
10630
|
+
padding-left: 0.5rem;
|
10631
|
+
}
|
10632
|
+
|
10633
|
+
.c4p--datagrid__carbon-row-expanded .c4p--datagrid__expandable-row-cell {
|
10634
|
+
border-bottom: none;
|
10635
|
+
}
|
10636
|
+
|
10822
10637
|
/*
|
10823
10638
|
* Licensed Materials - Property of IBM
|
10824
10639
|
* 5724-Q36
|
@@ -10843,13 +10658,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10843
10658
|
background-color: var(--cds-layer-accent-01, #e0e0e0);
|
10844
10659
|
}
|
10845
10660
|
|
10846
|
-
|
10847
|
-
*
|
10848
|
-
*
|
10849
|
-
*
|
10850
|
-
*
|
10851
|
-
|
10852
|
-
*/
|
10661
|
+
/**
|
10662
|
+
* Copyright IBM Corp. 2020, 2023
|
10663
|
+
*
|
10664
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
10665
|
+
* LICENSE file in the root directory of this source tree.
|
10666
|
+
*/
|
10853
10667
|
.c4p--datagrid__sortableColumn .cds--table-header-label .header-title {
|
10854
10668
|
display: inline-block;
|
10855
10669
|
width: auto;
|
@@ -10859,36 +10673,43 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10859
10673
|
width: 100%;
|
10860
10674
|
height: 100%;
|
10861
10675
|
}
|
10862
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label
|
10863
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label
|
10864
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label button:focus
|
10676
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:focus,
|
10677
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:active,
|
10678
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label button:focus .c4p--datagrid__sortable-icon {
|
10865
10679
|
/* stylelint-disable-next-line declaration-no-important */
|
10866
10680
|
background: none !important;
|
10867
10681
|
/* stylelint-disable-next-line declaration-no-important */
|
10868
10682
|
color: var(--cds-text-primary, #161616) !important;
|
10869
|
-
/* stylelint-disable-next-line declaration-no-important */
|
10870
|
-
outline: none !important;
|
10871
10683
|
}
|
10872
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label
|
10684
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:focus + .c4p--datagrid__resizer,
|
10685
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:active + .c4p--datagrid__resizer {
|
10686
|
+
z-index: -1;
|
10687
|
+
}
|
10688
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort {
|
10873
10689
|
width: 100%;
|
10874
10690
|
min-width: 100%;
|
10875
|
-
|
10876
|
-
padding: 0;
|
10691
|
+
padding: 0 1rem;
|
10877
10692
|
border: none;
|
10878
10693
|
/* stylelint-disable-next-line declaration-no-important */
|
10879
10694
|
background: none !important;
|
10880
|
-
box-shadow: none;
|
10881
10695
|
/* stylelint-disable-next-line declaration-no-important */
|
10882
10696
|
color: var(--cds-text-primary, #161616) !important;
|
10883
10697
|
font: inherit;
|
10884
10698
|
}
|
10885
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label
|
10699
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort .c4p--datagrid__sortable-icon {
|
10886
10700
|
fill: var(--cds-text-primary, #161616);
|
10701
|
+
opacity: 0;
|
10887
10702
|
visibility: hidden;
|
10888
10703
|
}
|
10704
|
+
.c4p--datagrid__sortableColumn .cds--table-sort.c4p--datagrid--table-sort {
|
10705
|
+
width: calc(100% + 2rem);
|
10706
|
+
margin: 0 calc(-1 * 1rem);
|
10707
|
+
}
|
10889
10708
|
|
10890
|
-
.c4p--datagrid__sortableColumn:hover .cds--table-header-label
|
10891
|
-
.c4p--datagrid__sortableColumn
|
10709
|
+
.c4p--datagrid__sortableColumn:hover .cds--table-header-label .c4p--datagrid__sortable-icon,
|
10710
|
+
.c4p--datagrid__sortableColumn:focus-within .cds--table-header-label .c4p--datagrid__sortable-icon,
|
10711
|
+
.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .cds--table-header-label .c4p--datagrid__sortable-icon {
|
10712
|
+
opacity: 1;
|
10892
10713
|
visibility: visible;
|
10893
10714
|
}
|
10894
10715
|
|
@@ -10949,7 +10770,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10949
10770
|
right: 0;
|
10950
10771
|
display: flex;
|
10951
10772
|
align-items: center;
|
10952
|
-
border-left: 1px solid var(--cds-layer-
|
10773
|
+
border-left: 1px solid var(--cds-layer-active-02, #c6c6c6);
|
10953
10774
|
}
|
10954
10775
|
|
10955
10776
|
.c4p--datagrid__right-sticky-column-header {
|
@@ -10964,7 +10785,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10964
10785
|
left: 0;
|
10965
10786
|
display: flex;
|
10966
10787
|
align-items: center;
|
10967
|
-
border-right: 1px solid var(--cds-layer-
|
10788
|
+
border-right: 1px solid var(--cds-layer-active-02, #c6c6c6);
|
10968
10789
|
}
|
10969
10790
|
|
10970
10791
|
.c4p--datagrid__left-sticky-column-header {
|
@@ -10976,7 +10797,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10976
10797
|
|
10977
10798
|
.c4p--datagrid__left-sticky-column-cell.c4p--datagrid__left-sticky-column-cell--with-extra-select-column,
|
10978
10799
|
.c4p--datagrid__left-sticky-column-header.c4p--datagrid__left-sticky-column-header--with-extra-select-column {
|
10979
|
-
left:
|
10800
|
+
left: 3rem;
|
10980
10801
|
}
|
10981
10802
|
|
10982
10803
|
.c4p--datagrid__sticky-noShadow {
|
@@ -10992,162 +10813,332 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10992
10813
|
right: 6px !important;
|
10993
10814
|
}
|
10994
10815
|
|
10995
|
-
.c4p--datagrid__select-all-toggle-on.c4p--datagrid__select-all-sticky-left {
|
10996
|
-
position: sticky;
|
10997
|
-
z-index: 1;
|
10998
|
-
left: 0;
|
10816
|
+
.c4p--datagrid__select-all-toggle-on.c4p--datagrid__select-all-sticky-left {
|
10817
|
+
position: sticky;
|
10818
|
+
z-index: 1;
|
10819
|
+
left: 0;
|
10820
|
+
}
|
10821
|
+
|
10822
|
+
/*
|
10823
|
+
* Licensed Materials - Property of IBM
|
10824
|
+
* 5724-Q36
|
10825
|
+
* (c) Copyright IBM Corp. 2021
|
10826
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
10827
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
10828
|
+
*/
|
10829
|
+
.c4p--datagrid__actions-column-cell {
|
10830
|
+
display: flex;
|
10831
|
+
flex-flow: column;
|
10832
|
+
justify-content: center;
|
10833
|
+
}
|
10834
|
+
|
10835
|
+
.c4p--datagrid__actions-column-content {
|
10836
|
+
display: flex;
|
10837
|
+
justify-content: center;
|
10838
|
+
}
|
10839
|
+
|
10840
|
+
.c4p--datagrid__actions-column-loading {
|
10841
|
+
margin-bottom: 0.5rem;
|
10842
|
+
}
|
10843
|
+
|
10844
|
+
.c4p--datagrid .c4p--datagrid__disabled-row-action-button {
|
10845
|
+
cursor: not-allowed;
|
10846
|
+
}
|
10847
|
+
|
10848
|
+
.c4p--datagrid .c4p--datagrid__disabled-row-action {
|
10849
|
+
pointer-events: none;
|
10850
|
+
}
|
10851
|
+
|
10852
|
+
.c4p--datagrid .c4p--datagrid__disabled-row-action svg {
|
10853
|
+
fill: var(--cds-layer-selected-disabled, #8d8d8d);
|
10854
|
+
}
|
10855
|
+
|
10856
|
+
.c4p--datagrid__customize-columns-tearsheet .c4p--tearsheet__content {
|
10857
|
+
display: flex;
|
10858
|
+
flex-flow: column;
|
10859
|
+
}
|
10860
|
+
|
10861
|
+
.c4p--datagrid__customize-columns-tearsheet--actions input[role=searchbox] {
|
10862
|
+
height: 3rem;
|
10863
|
+
padding-left: 3rem;
|
10864
|
+
border-bottom: 1px solid var(--cds-background-active, rgba(141, 141, 141, 0.5));
|
10865
|
+
}
|
10866
|
+
|
10867
|
+
.cds--form-item.cds--checkbox-wrapper.c4p--datagrid__customize-columns-checkbox {
|
10868
|
+
display: flex;
|
10869
|
+
flex: initial;
|
10870
|
+
align-items: center;
|
10871
|
+
justify-content: center;
|
10872
|
+
}
|
10873
|
+
|
10874
|
+
.c4p--datagrid__customize-columns-column-list .c4p--datagrid__customize-columns-checkbox-visible-label {
|
10875
|
+
/* stylelint-disable-next-line */
|
10876
|
+
padding-left: 0.375rem;
|
10877
|
+
}
|
10878
|
+
|
10879
|
+
.c4p--datagrid__customize-columns-column-list .c4p--datagrid__customize-columns-checkbox-wrapper.cds--form-item {
|
10880
|
+
margin-bottom: 0;
|
10881
|
+
}
|
10882
|
+
|
10883
|
+
.c4p--datagrid__customize-columns-column-list {
|
10884
|
+
position: relative;
|
10885
|
+
overflow: auto;
|
10886
|
+
}
|
10887
|
+
|
10888
|
+
.c4p--datagrid__customize-columns-select-all {
|
10889
|
+
align-items: center;
|
10890
|
+
}
|
10891
|
+
|
10892
|
+
.c4p--datagrid__customize-columns-select-all,
|
10893
|
+
.c4p--datagrid__customize-columns-select-all--selected {
|
10894
|
+
position: sticky;
|
10895
|
+
z-index: 1;
|
10896
|
+
top: 0;
|
10897
|
+
display: flex;
|
10898
|
+
height: 3rem;
|
10899
|
+
padding-left: 2.5rem;
|
10900
|
+
border-bottom: 1px solid var(--cds-layer-active);
|
10901
|
+
background-color: var(--cds-layer);
|
10902
|
+
}
|
10903
|
+
.c4p--datagrid__customize-columns-select-all .cds--checkbox-label-text,
|
10904
|
+
.c4p--datagrid__customize-columns-select-all--selected .cds--checkbox-label-text {
|
10905
|
+
font-weight: 600;
|
10906
|
+
}
|
10907
|
+
|
10908
|
+
.c4p--datagrid__customize-columns-select-all:hover {
|
10909
|
+
background-color: var(--cds-layer-hover);
|
10910
|
+
}
|
10911
|
+
|
10912
|
+
.c4p--datagrid__customize-columns-select-all--selected {
|
10913
|
+
background-color: var(--cds-layer-selected);
|
10914
|
+
}
|
10915
|
+
|
10916
|
+
/*
|
10917
|
+
* Licensed Materials - Property of IBM
|
10918
|
+
* 5724-Q36
|
10919
|
+
* (c) Copyright IBM Corp. 2021
|
10920
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
10921
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
10922
|
+
*/
|
10923
|
+
.c4p--datagrid .c4p--datagrid__row-size-toggle-tip-content {
|
10924
|
+
background-color: var(--cds-layer-02, #ffffff);
|
10925
|
+
box-shadow: 1px 4px 8px -3px var(--cds-overlay, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
10926
|
+
}
|
10927
|
+
|
10928
|
+
.c4p--datagrid .c4p--datagrid__row-size-radio-button .cds--radio-button__label {
|
10929
|
+
color: var(--cds-text-primary, #161616);
|
10930
|
+
}
|
10931
|
+
|
10932
|
+
.c4p--datagrid .c4p--datagrid__row-size-toggle-tip .cds--popover-caret {
|
10933
|
+
background-color: var(--cds-layer-02, #ffffff);
|
10934
|
+
}
|
10935
|
+
|
10936
|
+
.c4p--datagrid .cds--popover--bottom-right.c4p--datagrid__row-height-settings-popover .cds--popover-caret {
|
10937
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
10938
|
+
left: -4px;
|
10939
|
+
}
|
10940
|
+
|
10941
|
+
.c4p--datagrid__row-size-toggle-tip-button.cds--toggletip-button {
|
10942
|
+
display: flex;
|
10943
|
+
width: 3rem;
|
10944
|
+
height: 3rem;
|
10945
|
+
justify-content: center;
|
10999
10946
|
}
|
11000
10947
|
|
11001
10948
|
/*
|
11002
10949
|
* Licensed Materials - Property of IBM
|
11003
10950
|
* 5724-Q36
|
11004
|
-
* (c) Copyright IBM Corp.
|
10951
|
+
* (c) Copyright IBM Corp. 2022
|
11005
10952
|
* US Government Users Restricted Rights - Use, duplication or disclosure
|
11006
10953
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
11007
10954
|
*/
|
11008
|
-
.c4p--
|
11009
|
-
|
11010
|
-
flex-flow: column;
|
11011
|
-
justify-content: center;
|
10955
|
+
.c4p--datagrid-filter-flyout__container {
|
10956
|
+
position: relative;
|
11012
10957
|
}
|
11013
10958
|
|
11014
|
-
.c4p--
|
11015
|
-
|
11016
|
-
|
10959
|
+
.c4p--datagrid-filter-flyout {
|
10960
|
+
position: absolute;
|
10961
|
+
top: 3rem;
|
10962
|
+
right: 0;
|
10963
|
+
display: none;
|
10964
|
+
width: 40.125rem;
|
10965
|
+
background-color: var(--cds-layer-02, #ffffff);
|
10966
|
+
box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.25);
|
11017
10967
|
}
|
11018
10968
|
|
11019
|
-
.c4p--
|
11020
|
-
|
10969
|
+
.c4p--datagrid-filter-flyout--open {
|
10970
|
+
display: grid;
|
11021
10971
|
}
|
11022
10972
|
|
11023
|
-
.c4p--datagrid
|
11024
|
-
|
10973
|
+
.c4p--datagrid-filter-flyout--batch {
|
10974
|
+
min-height: 21.625rem;
|
10975
|
+
grid-template-rows: 1fr 3rem;
|
11025
10976
|
}
|
11026
10977
|
|
11027
|
-
.c4p--datagrid
|
11028
|
-
|
10978
|
+
.c4p--datagrid-filter-flyout--instant {
|
10979
|
+
min-height: 17.625rem;
|
10980
|
+
grid-template-rows: 1fr;
|
11029
10981
|
}
|
11030
10982
|
|
11031
|
-
.c4p--datagrid
|
11032
|
-
|
10983
|
+
.c4p--datagrid-filter-flyout__inner-container {
|
10984
|
+
padding: 1rem 1rem 3rem 1rem;
|
10985
|
+
}
|
10986
|
+
|
10987
|
+
.c4p--datagrid-filter-flyout__inner-container::before {
|
10988
|
+
position: absolute;
|
10989
|
+
top: -0.4375rem;
|
10990
|
+
right: 1px;
|
10991
|
+
display: block;
|
10992
|
+
width: 2.875rem;
|
10993
|
+
height: 0.9375rem;
|
10994
|
+
background-color: var(--cds-layer-02, #ffffff);
|
10995
|
+
content: "";
|
10996
|
+
}
|
10997
|
+
|
10998
|
+
.c4p--datagrid-filter-flyout__title {
|
10999
|
+
display: block;
|
11000
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
11001
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
11002
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
11003
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
11004
|
+
margin-bottom: 1.5rem;
|
11005
|
+
}
|
11006
|
+
|
11007
|
+
.c4p--datagrid-filter-flyout__filters {
|
11008
|
+
display: grid;
|
11009
|
+
gap: 1rem 2rem;
|
11010
|
+
grid-template-columns: 1fr 1fr;
|
11011
|
+
}
|
11012
|
+
|
11013
|
+
.c4p--datagrid-filter-flyout__trigger--open.cds--btn.cds--btn--icon-only {
|
11014
|
+
position: relative;
|
11015
|
+
background-color: var(--cds-layer-02, #ffffff);
|
11016
|
+
box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.25);
|
11017
|
+
}
|
11018
|
+
|
11019
|
+
.c4p--datagrid-filter-flyout .cds--fieldset {
|
11020
|
+
margin-bottom: 0;
|
11033
11021
|
}
|
11034
11022
|
|
11035
11023
|
/*
|
11036
11024
|
* Licensed Materials - Property of IBM
|
11037
11025
|
* 5724-Q36
|
11038
|
-
* (c) Copyright IBM Corp.
|
11026
|
+
* (c) Copyright IBM Corp. 2022
|
11039
11027
|
* US Government Users Restricted Rights - Use, duplication or disclosure
|
11040
11028
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
11041
11029
|
*/
|
11042
|
-
.c4p--
|
11043
|
-
position:
|
11044
|
-
|
11045
|
-
|
11046
|
-
|
11047
|
-
|
11030
|
+
.c4p--datagrid-filter-panel__container {
|
11031
|
+
position: relative;
|
11032
|
+
width: rem(320px);
|
11033
|
+
height: clamp(var(--filter-panel-min-height), 100%, 100vh);
|
11034
|
+
border-top: 1px var(--cds-layer-accent-01, #e0e0e0) solid;
|
11035
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
11048
11036
|
}
|
11049
11037
|
|
11050
|
-
.c4p--
|
11051
|
-
|
11038
|
+
.c4p--datagrid-filter-panel--open {
|
11039
|
+
border-right: 1px var(--cds-layer-accent-01, #e0e0e0) solid;
|
11052
11040
|
}
|
11053
11041
|
|
11054
|
-
.c4p--
|
11055
|
-
|
11056
|
-
|
11042
|
+
.c4p--datagrid-filter-panel__container::before {
|
11043
|
+
position: absolute;
|
11044
|
+
top: -1px;
|
11045
|
+
left: 0;
|
11046
|
+
display: block;
|
11047
|
+
width: rem(47px);
|
11048
|
+
height: 1px;
|
11049
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
11050
|
+
content: "";
|
11057
11051
|
}
|
11058
11052
|
|
11059
|
-
.c4p--
|
11060
|
-
|
11061
|
-
|
11062
|
-
|
11063
|
-
|
11053
|
+
.c4p--datagrid-filter-panel__inner-container {
|
11054
|
+
position: relative;
|
11055
|
+
z-index: 0;
|
11056
|
+
overflow: auto;
|
11057
|
+
padding: 0 1rem;
|
11058
|
+
overscroll-behavior: contain;
|
11064
11059
|
}
|
11065
11060
|
|
11066
|
-
.c4p--
|
11067
|
-
|
11068
|
-
padding-left: 2.5rem;
|
11069
|
-
border-bottom: none;
|
11061
|
+
.c4p--datagrid-filter-panel__inner-container .c4p--datagrid-filter-panel__category:last-of-type {
|
11062
|
+
padding-bottom: 5rem;
|
11070
11063
|
}
|
11071
11064
|
|
11072
|
-
.c4p--
|
11073
|
-
|
11065
|
+
.c4p--datagrid-filter-panel {
|
11066
|
+
position: sticky;
|
11067
|
+
top: 0;
|
11074
11068
|
}
|
11075
11069
|
|
11076
|
-
.c4p--
|
11070
|
+
.c4p--datagrid-filter-panel__heading {
|
11071
|
+
display: flex;
|
11072
|
+
justify-content: space-between;
|
11077
11073
|
padding-left: 1rem;
|
11078
|
-
|
11079
|
-
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
11080
|
-
font-weight: var(--cds-body-long-01-font-weight, 400);
|
11081
|
-
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
11082
|
-
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
11083
|
-
color: var(--cds-text-primary, #161616);
|
11074
|
+
border-bottom: 1px solid transparent;
|
11084
11075
|
}
|
11085
11076
|
|
11086
|
-
.c4p--
|
11087
|
-
|
11088
|
-
overflow: auto;
|
11077
|
+
.c4p--datagrid-filter-panel__heading--with-divider {
|
11078
|
+
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
11089
11079
|
}
|
11090
11080
|
|
11091
|
-
.c4p--
|
11092
|
-
|
11093
|
-
|
11094
|
-
|
11095
|
-
|
11096
|
-
|
11081
|
+
.c4p--datagrid-filter-panel__title {
|
11082
|
+
padding: 1rem 0;
|
11083
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
11084
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
11085
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
11086
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
11097
11087
|
}
|
11098
11088
|
|
11099
|
-
.c4p--
|
11100
|
-
|
11089
|
+
.c4p--datagrid-filter-panel__search {
|
11090
|
+
padding: 0 1rem 1.5rem;
|
11101
11091
|
}
|
11102
11092
|
|
11103
|
-
.c4p--
|
11104
|
-
|
11105
|
-
|
11106
|
-
|
11107
|
-
|
11108
|
-
|
11093
|
+
.c4p--datagrid-filter-panel__category-title {
|
11094
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
11095
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
11096
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
11097
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
11098
|
+
margin-bottom: 1rem;
|
11099
|
+
color: var(--cds-text-secondary, #525252);
|
11109
11100
|
}
|
11110
11101
|
|
11111
|
-
.c4p--
|
11112
|
-
|
11102
|
+
.c4p--datagrid-filter-panel__category {
|
11103
|
+
padding-bottom: 1.5rem;
|
11113
11104
|
}
|
11114
11105
|
|
11115
|
-
.c4p--datagrid .c4p--
|
11116
|
-
margin-bottom:
|
11106
|
+
.c4p--datagrid-filter-panel__category > *:not(.c4p--datagrid-filter-panel__category-title, .bx--accordion) {
|
11107
|
+
margin-bottom: 1rem;
|
11117
11108
|
}
|
11118
11109
|
|
11119
|
-
|
11120
|
-
|
11121
|
-
|
11122
|
-
|
11123
|
-
|
11124
|
-
|
11125
|
-
*/
|
11126
|
-
.c4p--datagrid__row-size-dropdown {
|
11127
|
-
padding: 1rem;
|
11128
|
-
background-color: var(--cds-background, #ffffff);
|
11129
|
-
box-shadow: 1px 4px 8px -3px var(--cds-overlay, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
11110
|
+
.c4p--datagrid-filter-panel__action-set {
|
11111
|
+
position: sticky;
|
11112
|
+
z-index: 1;
|
11113
|
+
bottom: 0;
|
11114
|
+
height: rem(64px);
|
11115
|
+
margin-top: auto;
|
11130
11116
|
}
|
11131
11117
|
|
11132
|
-
.c4p--
|
11133
|
-
|
11134
|
-
box-shadow: 1px 4px 8px -3px var(--cds-overlay, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
11118
|
+
.c4p--datagrid-filter-panel__container .cds--accordion__title {
|
11119
|
+
margin: 0;
|
11135
11120
|
}
|
11136
11121
|
|
11137
|
-
.c4p--datagrid
|
11138
|
-
|
11139
|
-
left: -4px;
|
11122
|
+
.c4p--datagrid-filter-panel__container .cds--accordion__arrow {
|
11123
|
+
margin: 0.125rem 0 0;
|
11140
11124
|
}
|
11141
11125
|
|
11142
|
-
|
11143
|
-
|
11144
|
-
|
11145
|
-
|
11146
|
-
|
11147
|
-
|
11148
|
-
|
11149
|
-
|
11150
|
-
|
11126
|
+
.c4p--datagrid-filter-panel__container .cds--accordion__content {
|
11127
|
+
padding-right: 0;
|
11128
|
+
padding-left: 0;
|
11129
|
+
}
|
11130
|
+
|
11131
|
+
.c4p--datagrid-filter-panel__container .cds--accordion__content > *:not(:last-child) {
|
11132
|
+
margin-bottom: 1rem;
|
11133
|
+
}
|
11134
|
+
|
11135
|
+
.cds--btn.c4p--datagrid-filter-panel-open-button {
|
11136
|
+
border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
11137
|
+
border-bottom: none;
|
11138
|
+
}
|
11139
|
+
|
11140
|
+
.c4p--datagrid__grid-container th.c4p--datagrid__select-all-toggle-on,
|
11141
|
+
.c4p--datagrid__grid-container td.c4p--datagrid__select-all-toggle-on {
|
11151
11142
|
/* stylelint-disable-next-line declaration-no-important */
|
11152
11143
|
width: 4.5rem !important;
|
11153
11144
|
/* stylelint-disable-next-line declaration-no-important */
|
@@ -11166,6 +11157,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11166
11157
|
margin-left: 0.125rem;
|
11167
11158
|
}
|
11168
11159
|
|
11160
|
+
.c4p--datagrid__select-all-toggle-overflow.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
|
11161
|
+
width: 10rem;
|
11162
|
+
}
|
11163
|
+
|
11169
11164
|
/*
|
11170
11165
|
* Licensed Materials - Property of IBM
|
11171
11166
|
* 5724-Q36
|
@@ -11175,7 +11170,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11175
11170
|
*/
|
11176
11171
|
.c4p--datagrid .c4p--datagrid__expanded-row-content {
|
11177
11172
|
position: relative;
|
11178
|
-
padding: 1rem 1rem 1.5rem
|
11173
|
+
padding: 1rem 1rem 1.5rem 4rem;
|
11179
11174
|
}
|
11180
11175
|
|
11181
11176
|
.c4p--datagrid .c4p--datagrid__expanded-row-content::before {
|
@@ -11199,13 +11194,23 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11199
11194
|
content: "";
|
11200
11195
|
}
|
11201
11196
|
|
11202
|
-
|
11203
|
-
|
11204
|
-
|
11205
|
-
|
11206
|
-
|
11207
|
-
|
11208
|
-
|
11197
|
+
.c4p--datagrid__carbon-row.c4p--datagrid__carbon-row-expandable .c4p--datagrid__cell.c4p--datagrid__expandable-row-cell {
|
11198
|
+
padding: 0.5rem;
|
11199
|
+
padding-right: 0;
|
11200
|
+
}
|
11201
|
+
|
11202
|
+
.c4p--datagrid__row-expander.cds--btn {
|
11203
|
+
display: flex;
|
11204
|
+
width: 2rem;
|
11205
|
+
height: 2rem;
|
11206
|
+
min-height: 2rem;
|
11207
|
+
justify-content: center;
|
11208
|
+
padding: 0;
|
11209
|
+
}
|
11210
|
+
.c4p--datagrid__row-expander.cds--btn .c4p--datagrid__row-expander--icon {
|
11211
|
+
fill: var(--cds-layer-selected-inverse, #161616);
|
11212
|
+
}
|
11213
|
+
|
11209
11214
|
.c4p--datagrid__draggable-handleStyle {
|
11210
11215
|
display: flex;
|
11211
11216
|
align-items: center;
|
@@ -11217,14 +11222,13 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11217
11222
|
pointer-events: none;
|
11218
11223
|
}
|
11219
11224
|
|
11220
|
-
|
11221
|
-
fill: var(--cds-icon-disabled,
|
11225
|
+
.c4p--datagrid__draggable-handleStyle.disabled svg {
|
11226
|
+
fill: var(--cds-icon-on-color-disabled, #8d8d8d);
|
11222
11227
|
}
|
11223
11228
|
|
11224
11229
|
.c4p--datagrid__draggable-handleHolder {
|
11225
11230
|
display: flex;
|
11226
11231
|
height: 3rem;
|
11227
|
-
padding-left: 1rem;
|
11228
11232
|
border-bottom: 1px solid var(--cds-layer-active);
|
11229
11233
|
background-color: var(--cds-layer);
|
11230
11234
|
}
|
@@ -11236,7 +11240,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11236
11240
|
.c4p--datagrid__draggable-handleHolder-selected {
|
11237
11241
|
display: flex;
|
11238
11242
|
height: 3rem;
|
11239
|
-
padding-left: 1rem;
|
11240
11243
|
border-bottom: 1px solid var(--cds-layer-active);
|
11241
11244
|
background-color: var(--cds-layer-selected);
|
11242
11245
|
}
|
@@ -11247,12 +11250,23 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11247
11250
|
|
11248
11251
|
.c4p--datagrid__draggable-handleHolder-isOver {
|
11249
11252
|
border: 2px dashed var(--cds-focus, #0f62fe);
|
11250
|
-
|
11253
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
11254
|
+
background-color: #edf5ff;
|
11251
11255
|
}
|
11252
11256
|
|
11253
11257
|
.c4p--datagrid__draggable-handleHolder-droppable {
|
11254
11258
|
display: flex;
|
11255
11259
|
width: 100%;
|
11260
|
+
align-items: center;
|
11261
|
+
padding-left: 1rem;
|
11262
|
+
/* stylelint-disable-next-line carbon/type-token-use */
|
11263
|
+
line-height: 1;
|
11264
|
+
transition-property: opacity;
|
11265
|
+
}
|
11266
|
+
|
11267
|
+
.c4p--datagrid__draggable-handleHolder-droppable.c4p--datagrid__draggable-handleHolder-droppable--origin {
|
11268
|
+
opacity: 0.5;
|
11269
|
+
transition: opacity 150ms cubic-bezier(0, 0, 0.38, 0.9);
|
11256
11270
|
}
|
11257
11271
|
|
11258
11272
|
.c4p--datagrid__draggable-handleHolder-grabbed {
|
@@ -11260,6 +11274,10 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11260
11274
|
color: var(--cds-text-primary, #161616);
|
11261
11275
|
}
|
11262
11276
|
|
11277
|
+
.c4p--datagrid__draggable-handleHolder--sticky {
|
11278
|
+
color: var(--cds-text-on-color-disabled, #8d8d8d);
|
11279
|
+
}
|
11280
|
+
|
11263
11281
|
.c4p--datagrid__shared-ui--assistive-text {
|
11264
11282
|
position: absolute;
|
11265
11283
|
overflow: hidden;
|
@@ -11359,6 +11377,10 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11359
11377
|
max-height: none;
|
11360
11378
|
}
|
11361
11379
|
|
11380
|
+
.c4p--datagrid {
|
11381
|
+
--c4p--datagrid--grid-header-height: 0;
|
11382
|
+
}
|
11383
|
+
|
11362
11384
|
.c4p--datagrid__inline-edit-cell {
|
11363
11385
|
display: flex;
|
11364
11386
|
height: 100%;
|
@@ -11519,7 +11541,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11519
11541
|
bottom: 0;
|
11520
11542
|
left: 0;
|
11521
11543
|
width: 2px;
|
11522
|
-
height: calc(100% - 50px);
|
11544
|
+
height: calc(100% - 50px - var(--c4p--datagrid--grid-header-height));
|
11523
11545
|
background-color: var(--cds-link-inverse, #78a9ff);
|
11524
11546
|
content: "";
|
11525
11547
|
}
|
@@ -11530,12 +11552,12 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11530
11552
|
right: 0;
|
11531
11553
|
bottom: 0;
|
11532
11554
|
width: 2px;
|
11533
|
-
height: calc(100% - 50px);
|
11555
|
+
height: calc(100% - 50px - var(--c4p--datagrid--grid-header-height));
|
11534
11556
|
background-color: var(--cds-link-inverse, #78a9ff);
|
11535
11557
|
content: "";
|
11536
11558
|
}
|
11537
11559
|
|
11538
|
-
.c4p--datagrid .c4p--datagrid__grid-container-grid-active .
|
11560
|
+
.c4p--datagrid .c4p--datagrid__grid-container-grid-active .cds--data-table-content::before {
|
11539
11561
|
position: absolute;
|
11540
11562
|
z-index: 2;
|
11541
11563
|
top: 0;
|
@@ -11548,7 +11570,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11548
11570
|
|
11549
11571
|
.c4p--datagrid .c4p--datagrid__grid-container-grid-active.c4p--datagrid__grid-container-grid-active--without-toolbar::before,
|
11550
11572
|
.c4p--datagrid .c4p--datagrid__grid-container-grid-active.c4p--datagrid__grid-container-grid-active--without-toolbar::after {
|
11551
|
-
height: calc(100% - 2px);
|
11573
|
+
height: calc(100% - 2px - var(--c4p--datagrid--grid-header-height));
|
11552
11574
|
}
|
11553
11575
|
|
11554
11576
|
.c4p--datagrid .c4p--datagrid__grid-container-grid-active .c4p--datagrid__table-container {
|
@@ -11556,6 +11578,10 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11556
11578
|
outline-offset: -2px;
|
11557
11579
|
}
|
11558
11580
|
|
11581
|
+
.c4p--datagrid .c4p--datagrid__grid-container-inline-edit .c4p--datagrid__table-container {
|
11582
|
+
padding-top: 0.125rem;
|
11583
|
+
}
|
11584
|
+
|
11559
11585
|
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid [data-invalid] ~ .cds--form-requirement,
|
11560
11586
|
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid [data-invalid] .cds--form-requirement {
|
11561
11587
|
position: absolute;
|
@@ -11619,17 +11645,14 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11619
11645
|
outline-color: var(--cds-support-error, #da1e28);
|
11620
11646
|
}
|
11621
11647
|
|
11648
|
+
.c4p--datagrid .cds--text-input:focus {
|
11649
|
+
background: var(--cds-field-01, #f4f4f4);
|
11650
|
+
}
|
11651
|
+
|
11622
11652
|
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number input[type=number][data-invalid]:focus ~ .cds--number__controls .cds--number__control-btn.up-icon::after {
|
11623
11653
|
background-color: var(--cds-support-error, #da1e28);
|
11624
11654
|
}
|
11625
11655
|
|
11626
|
-
/*
|
11627
|
-
* Licensed Materials - Property of IBM
|
11628
|
-
* 5724-Q36
|
11629
|
-
* (c) Copyright IBM Corp. 2020, 2021
|
11630
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
11631
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
11632
|
-
*/
|
11633
11656
|
/* stylelint-disable max-nesting-depth */
|
11634
11657
|
.c4p--datagrid__datagridWrap {
|
11635
11658
|
display: block;
|
@@ -11650,7 +11673,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11650
11673
|
|
11651
11674
|
.c4p--datagrid__datagridWrap-simple {
|
11652
11675
|
display: flex;
|
11653
|
-
overflow: hidden;
|
11654
11676
|
width: 100%;
|
11655
11677
|
height: 100%;
|
11656
11678
|
flex-direction: column;
|
@@ -13277,6 +13299,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
13277
13299
|
|
13278
13300
|
@media (max-width: 65.98rem) {
|
13279
13301
|
.cds--side-nav__overlay-active {
|
13302
|
+
z-index: 6000;
|
13280
13303
|
width: 100vw;
|
13281
13304
|
height: 100vh;
|
13282
13305
|
background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
@@ -13300,7 +13323,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
13300
13323
|
|
13301
13324
|
.cds--side-nav__navigation {
|
13302
13325
|
display: flex;
|
13303
|
-
height: 100%;
|
13304
13326
|
flex-direction: column;
|
13305
13327
|
}
|
13306
13328
|
|
@@ -13543,7 +13565,7 @@ a.cds--side-nav__link:focus,
|
|
13543
13565
|
|
13544
13566
|
@media screen and (prefers-contrast) {
|
13545
13567
|
a.cds--side-nav__link:focus,
|
13546
|
-
.cds--side-nav a.cds--header__menu-item:focus {
|
13568
|
+
.cds--side-nav a.cds--header__menu-item:focus {
|
13547
13569
|
outline-style: dotted;
|
13548
13570
|
}
|
13549
13571
|
}
|
@@ -13678,9 +13700,9 @@ a.cds--side-nav__link--current::before {
|
|
13678
13700
|
|
13679
13701
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
13680
13702
|
.cds--side-nav__icon > svg,
|
13681
|
-
.cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
|
13682
|
-
.cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
|
13683
|
-
.cds--side-nav .cds--header__menu-arrow {
|
13703
|
+
.cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
|
13704
|
+
.cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
|
13705
|
+
.cds--side-nav .cds--header__menu-arrow {
|
13684
13706
|
fill: ButtonText;
|
13685
13707
|
}
|
13686
13708
|
}
|
@@ -13695,14 +13717,18 @@ a.cds--side-nav__link--current::before {
|
|
13695
13717
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
13696
13718
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
13697
13719
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
13698
|
-
height: 4rem;
|
13699
13720
|
align-items: center;
|
13721
|
+
margin: 0;
|
13722
|
+
}
|
13723
|
+
|
13724
|
+
.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
|
13725
|
+
height: 4rem;
|
13700
13726
|
padding-top: 1rem;
|
13701
13727
|
padding-bottom: 2rem;
|
13702
|
-
margin: 0;
|
13703
13728
|
}
|
13704
13729
|
|
13705
|
-
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive
|
13730
|
+
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive,
|
13731
|
+
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn {
|
13706
13732
|
max-width: none;
|
13707
13733
|
}
|
13708
13734
|
|
@@ -13734,7 +13760,7 @@ a.cds--side-nav__link--current::before {
|
|
13734
13760
|
.c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
13735
13761
|
.c4p--action-set.cds--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
13736
13762
|
.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost) {
|
13737
|
-
max-width:
|
13763
|
+
max-width: 14.5rem;
|
13738
13764
|
flex: 0 1 25%;
|
13739
13765
|
}
|
13740
13766
|
|
@@ -13843,13 +13869,13 @@ a.cds--side-nav__link--current::before {
|
|
13843
13869
|
|
13844
13870
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header {
|
13845
13871
|
padding: 1.5rem 2rem;
|
13846
|
-
border-bottom: 1px solid var(--cds-border-subtle-01, #
|
13872
|
+
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
13847
13873
|
margin: 0;
|
13848
13874
|
}
|
13849
13875
|
|
13850
13876
|
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
|
13851
13877
|
padding: 1rem;
|
13852
|
-
border-bottom: 1px solid var(--cds-border-subtle-01, #
|
13878
|
+
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
13853
13879
|
margin: 0;
|
13854
13880
|
}
|
13855
13881
|
|
@@ -13893,6 +13919,7 @@ a.cds--side-nav__link--current::before {
|
|
13893
13919
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
13894
13920
|
-webkit-box-orient: vertical;
|
13895
13921
|
-webkit-line-clamp: 2;
|
13922
|
+
word-break: break-word;
|
13896
13923
|
}
|
13897
13924
|
|
13898
13925
|
@media (min-width: 42rem) {
|
@@ -13916,6 +13943,10 @@ a.cds--side-nav__link--current::before {
|
|
13916
13943
|
padding-right: 4rem;
|
13917
13944
|
}
|
13918
13945
|
|
13946
|
+
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
|
13947
|
+
max-width: 80%;
|
13948
|
+
}
|
13949
|
+
|
13919
13950
|
.c4p--tearsheet .c4p--tearsheet__header-navigation {
|
13920
13951
|
margin: 0.75rem 0 0;
|
13921
13952
|
}
|
@@ -13934,7 +13965,7 @@ a.cds--side-nav__link--current::before {
|
|
13934
13965
|
|
13935
13966
|
.c4p--tearsheet .c4p--tearsheet__influencer {
|
13936
13967
|
flex: 0 0 257px;
|
13937
|
-
border-right: 1px solid var(--cds-border-subtle-01, #
|
13968
|
+
border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
13938
13969
|
overflow-y: auto;
|
13939
13970
|
}
|
13940
13971
|
|
@@ -13956,13 +13987,14 @@ a.cds--side-nav__link--current::before {
|
|
13956
13987
|
.c4p--tearsheet .c4p--tearsheet__main {
|
13957
13988
|
display: flex;
|
13958
13989
|
flex-direction: row;
|
13990
|
+
background-color: var(--cds-layer);
|
13959
13991
|
grid-column: 1/-1;
|
13960
13992
|
grid-row: 1/-1;
|
13961
13993
|
}
|
13962
13994
|
|
13963
13995
|
.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
|
13964
13996
|
border-right: none;
|
13965
|
-
border-left: 1px solid var(--cds-border-subtle-01, #
|
13997
|
+
border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
13966
13998
|
}
|
13967
13999
|
|
13968
14000
|
.c4p--tearsheet .c4p--tearsheet__content {
|
@@ -13970,10 +14002,6 @@ a.cds--side-nav__link--current::before {
|
|
13970
14002
|
flex-grow: 1;
|
13971
14003
|
}
|
13972
14004
|
|
13973
|
-
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content {
|
13974
|
-
background: var(--cds-background, #ffffff);
|
13975
|
-
}
|
13976
|
-
|
13977
14005
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination,
|
13978
14006
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination__control-buttons,
|
13979
14007
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-input,
|
@@ -13984,7 +14012,7 @@ a.cds--side-nav__link--current::before {
|
|
13984
14012
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown-list,
|
13985
14013
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--number input[type=number],
|
13986
14014
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--date-picker__input {
|
13987
|
-
background-color: var(--cds-field
|
14015
|
+
background-color: var(--cds-field);
|
13988
14016
|
}
|
13989
14017
|
|
13990
14018
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--select--inline .cds--select-input {
|
@@ -14011,7 +14039,7 @@ a.cds--side-nav__link--current::before {
|
|
14011
14039
|
.c4p--tearsheet .c4p--tearsheet__buttons {
|
14012
14040
|
display: inline-flex;
|
14013
14041
|
min-width: 100%;
|
14014
|
-
border-top: 1px solid var(--cds-border-subtle-01, #
|
14042
|
+
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
14015
14043
|
}
|
14016
14044
|
|
14017
14045
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons {
|
@@ -14077,9 +14105,9 @@ a.cds--side-nav__link--current::before {
|
|
14077
14105
|
|
14078
14106
|
@media (prefers-reduced-motion) {
|
14079
14107
|
.c4p--create-influencer__side-nav-opening,
|
14080
|
-
.c4p--create-influencer__progress-indicator-opening,
|
14081
|
-
.c4p--create-influencer__side-nav-closing,
|
14082
|
-
.c4p--create-influencer__progress-indicator-closing {
|
14108
|
+
.c4p--create-influencer__progress-indicator-opening,
|
14109
|
+
.c4p--create-influencer__side-nav-closing,
|
14110
|
+
.c4p--create-influencer__progress-indicator-closing {
|
14083
14111
|
animation: none;
|
14084
14112
|
opacity: 1;
|
14085
14113
|
}
|
@@ -14118,13 +14146,15 @@ a.cds--side-nav__link--current::before {
|
|
14118
14146
|
}
|
14119
14147
|
.c4p--tearsheet-edit .c4p--tearsheet-edit__content {
|
14120
14148
|
height: 100%;
|
14121
|
-
padding: 1.5rem;
|
14149
|
+
padding-top: 1.5rem;
|
14150
|
+
padding-bottom: 1.5rem;
|
14122
14151
|
overflow-x: hidden;
|
14123
14152
|
}
|
14124
14153
|
|
14125
|
-
.c4p--tearsheet-edit .c4p--tearsheet-edit__content .cds--grid {
|
14126
|
-
padding: 0;
|
14127
|
-
|
14154
|
+
.c4p--tearsheet-edit .c4p--tearsheet-edit__content .cds--css-grid {
|
14155
|
+
padding-right: 0.5rem;
|
14156
|
+
padding-left: 0.5rem;
|
14157
|
+
margin-left: 0;
|
14128
14158
|
}
|
14129
14159
|
|
14130
14160
|
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--heading {
|
@@ -14181,4 +14211,43 @@ a.cds--side-nav__link--current::before {
|
|
14181
14211
|
margin-bottom: 1rem;
|
14182
14212
|
}
|
14183
14213
|
|
14214
|
+
/* stylelint-disable max-nesting-depth */
|
14215
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit {
|
14216
|
+
/* Used id for overriding the SVG path fill */
|
14217
|
+
}
|
14218
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button:hover,
|
14219
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button:hover {
|
14220
|
+
background-color: #0050e6;
|
14221
|
+
}
|
14222
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button:focus,
|
14223
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button:focus {
|
14224
|
+
box-shadow: none;
|
14225
|
+
}
|
14226
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button svg path,
|
14227
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button svg path {
|
14228
|
+
fill: #ffffff;
|
14229
|
+
}
|
14230
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button.c4p--loading:hover,
|
14231
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button.c4p--loading:hover {
|
14232
|
+
background-color: transparent;
|
14233
|
+
}
|
14234
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer {
|
14235
|
+
background-color: #0f62fe;
|
14236
|
+
color: #ffffff;
|
14237
|
+
}
|
14238
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--loading {
|
14239
|
+
animation-duration: 700ms;
|
14240
|
+
animation-fill-mode: forwards;
|
14241
|
+
animation-iteration-count: infinite;
|
14242
|
+
animation-name: rotate;
|
14243
|
+
animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
14244
|
+
}
|
14245
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--loading:hover {
|
14246
|
+
background-color: transparent;
|
14247
|
+
}
|
14248
|
+
.c4p--edit-update-cards:not(.c4p--edit-update-cards__actions-bottom)#c4p--edit-update-cards--edit .c4p--card__header {
|
14249
|
+
background-color: #0f62fe;
|
14250
|
+
color: #ffffff;
|
14251
|
+
}
|
14252
|
+
|
14184
14253
|
/*# sourceMappingURL=index-without-carbon.css.map */
|