@carbon/ibm-products 2.0.0-rc.9 → 2.0.1
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 +9111 -6606
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +5 -5
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +825 -524
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +2 -4
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +860 -844
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +5 -5
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +1319 -935
- package/css/index.css.map +1 -1
- package/css/index.min.css +5 -5
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.js +29 -41
- package/es/components/APIKeyModal/APIKeyModal.js +101 -185
- package/es/components/APIKeyModal/index.js +1 -0
- package/es/components/AboutModal/AboutModal.js +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 +12 -12
- package/es/components/ActionBar/index.js +1 -0
- package/es/components/ActionSet/ActionSet.js +32 -42
- package/es/components/ActionSet/actions.js +1 -2
- package/es/components/ActionSet/index.js +1 -0
- package/es/components/AddSelect/AddSelect.js +3 -4
- package/es/components/AddSelect/AddSelectBody.js +80 -104
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +9 -8
- package/es/components/AddSelect/AddSelectColumn.js +41 -53
- package/es/components/AddSelect/AddSelectFilter.js +28 -41
- package/es/components/AddSelect/AddSelectFormControl.js +82 -0
- package/es/components/AddSelect/AddSelectList.js +30 -218
- package/es/components/AddSelect/AddSelectMetaPanel.js +4 -5
- package/es/components/AddSelect/AddSelectRow.js +206 -0
- package/es/components/AddSelect/AddSelectSidebar.js +15 -22
- package/es/components/AddSelect/AddSelectSort.js +10 -8
- package/es/components/AddSelect/add-select-utils.js +2 -23
- package/es/components/AddSelect/hooks/useFocus.js +31 -0
- package/es/components/AddSelect/hooks/useItemSort.js +7 -8
- package/es/components/AddSelect/hooks/useParentSelect.js +4 -6
- package/es/components/AddSelect/hooks/usePath.js +13 -21
- package/es/components/AddSelect/index.js +1 -0
- 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 +76 -89
- 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 +73 -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 +30 -39
- package/es/components/CreateTearsheetNarrow/index.js +1 -0
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +137 -228
- 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 +11 -11
- 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 +82 -55
- 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 +52 -43
- 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 +35 -46
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +52 -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 +15 -21
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +35 -84
- 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 +52 -39
- package/es/components/Datagrid/useColumnCenterAlign.js +0 -8
- package/es/components/Datagrid/useColumnOrder.js +1 -0
- package/es/components/Datagrid/useColumnRightAlign.js +0 -8
- package/es/components/Datagrid/useCustomizeColumns.js +20 -26
- 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 +16 -22
- package/es/components/Datagrid/useFiltering.js +95 -0
- package/es/components/Datagrid/useFlexResize.js +0 -7
- package/es/components/Datagrid/useFloatingScroll.js +9 -22
- package/es/components/Datagrid/useInfiniteScroll.js +12 -17
- package/es/components/Datagrid/useInlineEdit.js +20 -20
- package/es/components/Datagrid/useNestedRowExpander.js +0 -6
- package/es/components/Datagrid/useNestedRows.js +13 -20
- 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 +0 -5
- package/es/components/Datagrid/useRowIsMouseOver.js +6 -15
- package/es/components/Datagrid/useRowRenderer.js +0 -5
- package/es/components/Datagrid/useRowSize.js +8 -20
- package/es/components/Datagrid/useSelectAllToggle.js +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 +60 -57
- 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 +6 -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 +33 -35
- package/es/components/EditUpdateCards/index.js +1 -0
- package/es/components/EmptyStates/EmptyState.js +33 -36
- package/es/components/EmptyStates/EmptyStateContent.js +19 -18
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +28 -26
- package/es/components/EmptyStates/ErrorEmptyState/index.js +1 -0
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +28 -26
- package/es/components/EmptyStates/NoDataEmptyState/index.js +1 -0
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +28 -26
- package/es/components/EmptyStates/NoTagsEmptyState/index.js +1 -0
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +28 -26
- package/es/components/EmptyStates/NotFoundEmptyState/index.js +1 -0
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +28 -26
- package/es/components/EmptyStates/NotificationsEmptyState/index.js +1 -0
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +28 -26
- package/es/components/EmptyStates/UnauthorizedEmptyState/index.js +1 -0
- package/es/components/EmptyStates/assets/ErrorIllustration.js +7 -6
- package/es/components/EmptyStates/assets/NoDataIllustration.js +7 -6
- package/es/components/EmptyStates/assets/NoTagsIllustration.js +7 -6
- package/es/components/EmptyStates/assets/NotFoundIllustration.js +7 -6
- package/es/components/EmptyStates/assets/NotificationsIllustration.js +7 -6
- package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +7 -6
- package/es/components/EmptyStates/index.js +1 -0
- package/es/components/ExampleComponent/ExampleComponent.js +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/{InlineEditV1 → FilterSummary}/index.js +1 -1
- package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +16 -18
- package/es/components/HTTPErrors/HTTPError403/index.js +1 -0
- package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +16 -18
- package/es/components/HTTPErrors/HTTPError404/index.js +1 -0
- package/es/components/HTTPErrors/HTTPErrorContent.js +15 -18
- package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +16 -18
- package/es/components/HTTPErrors/HTTPErrorOther/index.js +1 -0
- package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +6 -3
- package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +6 -3
- package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +6 -3
- package/es/components/HTTPErrors/index.js +1 -0
- package/es/components/ImportModal/ImportModal.js +82 -137
- package/es/components/ImportModal/index.js +1 -0
- package/es/components/MultiAddSelect/MultiAddSelect.js +1 -23
- package/es/components/MultiAddSelect/index.js +1 -0
- package/es/components/NotificationsPanel/NotificationsPanel.js +85 -126
- package/es/components/NotificationsPanel/NotificationsPanel_data.js +1 -0
- package/es/components/NotificationsPanel/index.js +1 -0
- package/es/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +1 -2
- package/es/components/NotificationsPanel/utils.js +13 -19
- package/es/components/OptionsTile/OptionsTile.js +63 -92
- package/es/components/OptionsTile/index.js +1 -0
- package/es/components/PageHeader/PageHeader.js +156 -222
- package/es/components/PageHeader/PageHeaderDemo.data.js +0 -1
- package/es/components/PageHeader/PageHeaderTitle.js +34 -38
- 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 +133 -173
- package/es/components/SidePanel/constants.js +1 -0
- package/es/components/SidePanel/index.js +1 -0
- package/es/components/SidePanel/motion/variants.js +1 -0
- package/es/components/SingleAddSelect/SingleAddSelect.js +1 -14
- package/es/components/SingleAddSelect/index.js +1 -0
- package/es/components/StatusIcon/StatusIcon.js +5 -12
- package/es/components/StatusIcon/index.js +1 -0
- package/es/components/TagSet/TagSet.js +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 +4 -4
- package/es/global/js/hooks/index.js +1 -0
- package/es/global/js/hooks/useActiveElement.js +4 -6
- package/es/global/js/hooks/useClickOutside.js +1 -1
- package/es/global/js/hooks/useControllableState.js +14 -23
- package/es/global/js/hooks/useCreateComponentFocus.js +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 +11 -10
- 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 +44 -21
- package/es/global/js/utils/ClickListener.js +5 -10
- package/es/global/js/utils/DisplayBox.js +3 -2
- package/es/global/js/utils/Wrap.js +14 -17
- package/es/global/js/utils/deepCloneObject.js +5 -8
- package/es/global/js/utils/devtools.js +1 -4
- package/es/global/js/utils/getBezierValues.js +1 -2
- package/es/global/js/utils/getFocusableElements.js +1 -1
- package/es/global/js/utils/getNumberOfHiddenSteps.js +1 -1
- package/es/global/js/utils/getScrollbarWidth.js +1 -0
- package/es/global/js/utils/keyboardNavigation.js +7 -5
- package/es/global/js/utils/lastIndexInArray.js +0 -2
- package/es/global/js/utils/motionConstants.js +2 -3
- package/es/global/js/utils/pconsole.js +1 -3
- package/es/global/js/utils/props-helper.js +19 -35
- package/es/global/js/utils/rangeWithCallback.js +1 -0
- package/es/global/js/utils/scrollableAncestor.js +6 -9
- package/es/global/js/utils/story-helper.js +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 +10 -22
- package/lib/components/ActionBar/index.js +0 -2
- package/lib/components/ActionSet/ActionSet.js +37 -52
- package/lib/components/ActionSet/actions.js +1 -5
- package/lib/components/ActionSet/index.js +0 -1
- package/lib/components/AddSelect/AddSelect.js +8 -17
- package/lib/components/AddSelect/AddSelectBody.js +84 -130
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +9 -18
- package/lib/components/AddSelect/AddSelectColumn.js +45 -74
- package/lib/components/AddSelect/AddSelectFilter.js +32 -56
- package/lib/components/AddSelect/AddSelectFormControl.js +90 -0
- package/lib/components/AddSelect/AddSelectList.js +29 -232
- package/lib/components/AddSelect/AddSelectMetaPanel.js +4 -18
- package/lib/components/AddSelect/AddSelectRow.js +217 -0
- package/lib/components/AddSelect/AddSelectSidebar.js +20 -33
- package/lib/components/AddSelect/AddSelectSort.js +10 -19
- package/lib/components/AddSelect/add-select-utils.js +2 -33
- package/lib/components/AddSelect/hooks/useFocus.js +39 -0
- package/lib/components/AddSelect/hooks/useItemSort.js +7 -13
- package/lib/components/AddSelect/hooks/useParentSelect.js +4 -9
- package/lib/components/AddSelect/hooks/usePath.js +18 -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 +79 -106
- 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 +78 -111
- 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 +33 -47
- package/lib/components/CreateTearsheetNarrow/index.js +0 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +139 -258
- 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 +11 -15
- 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 +83 -79
- 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 +61 -62
- 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 +35 -59
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +57 -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 +15 -25
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +35 -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 +55 -39
- 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 +19 -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 +15 -21
- package/lib/components/Datagrid/useFiltering.js +101 -0
- package/lib/components/Datagrid/useFlexResize.js +0 -9
- package/lib/components/Datagrid/useFloatingScroll.js +10 -27
- package/lib/components/Datagrid/useInfiniteScroll.js +12 -21
- package/lib/components/Datagrid/useInlineEdit.js +23 -26
- package/lib/components/Datagrid/useNestedRowExpander.js +1 -14
- package/lib/components/Datagrid/useNestedRows.js +13 -25
- 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 +1 -12
- package/lib/components/Datagrid/useRowIsMouseOver.js +12 -20
- package/lib/components/Datagrid/useRowRenderer.js +1 -7
- package/lib/components/Datagrid/useRowSize.js +14 -25
- package/lib/components/Datagrid/useSelectAllToggle.js +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 +58 -68
- 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 +6 -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 +35 -41
- package/lib/components/EditUpdateCards/index.js +0 -1
- package/lib/components/EmptyStates/EmptyState.js +36 -49
- package/lib/components/EmptyStates/EmptyStateContent.js +21 -27
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +31 -39
- package/lib/components/EmptyStates/ErrorEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +31 -39
- package/lib/components/EmptyStates/NoDataEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +31 -39
- package/lib/components/EmptyStates/NoTagsEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +31 -39
- package/lib/components/EmptyStates/NotFoundEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +31 -39
- package/lib/components/EmptyStates/NotificationsEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +31 -39
- package/lib/components/EmptyStates/UnauthorizedEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +10 -13
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +10 -13
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +10 -13
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +10 -13
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +10 -13
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +10 -13
- package/lib/components/EmptyStates/index.js +0 -7
- package/lib/components/ExampleComponent/ExampleComponent.js +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 +1 -34
- package/lib/components/MultiAddSelect/index.js +0 -1
- package/lib/components/NotificationsPanel/NotificationsPanel.js +87 -143
- package/lib/components/NotificationsPanel/NotificationsPanel_data.js +1 -4
- package/lib/components/NotificationsPanel/index.js +0 -1
- package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +1 -4
- package/lib/components/NotificationsPanel/utils.js +13 -21
- package/lib/components/OptionsTile/OptionsTile.js +64 -108
- package/lib/components/OptionsTile/index.js +0 -1
- package/lib/components/PageHeader/PageHeader.js +159 -249
- package/lib/components/PageHeader/PageHeaderDemo.data.js +0 -3
- package/lib/components/PageHeader/PageHeaderTitle.js +34 -51
- 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 +136 -195
- package/lib/components/SidePanel/constants.js +1 -1
- package/lib/components/SidePanel/index.js +0 -1
- package/lib/components/SidePanel/motion/variants.js +1 -2
- package/lib/components/SingleAddSelect/SingleAddSelect.js +1 -26
- package/lib/components/SingleAddSelect/index.js +0 -1
- package/lib/components/StatusIcon/StatusIcon.js +11 -25
- package/lib/components/StatusIcon/index.js +0 -1
- package/lib/components/TagSet/TagSet.js +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 +25 -52
- package/lib/global/js/hooks/index.js +0 -11
- package/lib/global/js/hooks/useActiveElement.js +4 -10
- package/lib/global/js/hooks/useClickOutside.js +1 -4
- package/lib/global/js/hooks/useControllableState.js +12 -26
- package/lib/global/js/hooks/useCreateComponentFocus.js +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 +9 -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 +49 -25
- package/lib/global/js/utils/ClickListener.js +3 -16
- package/lib/global/js/utils/DisplayBox.js +3 -9
- package/lib/global/js/utils/Wrap.js +16 -22
- package/lib/global/js/utils/deepCloneObject.js +5 -11
- package/lib/global/js/utils/devtools.js +1 -6
- package/lib/global/js/utils/getBezierValues.js +1 -5
- package/lib/global/js/utils/getFocusableElements.js +1 -4
- package/lib/global/js/utils/getNumberOfHiddenSteps.js +1 -3
- package/lib/global/js/utils/getScrollbarWidth.js +1 -2
- package/lib/global/js/utils/keyboardNavigation.js +7 -6
- package/lib/global/js/utils/lastIndexInArray.js +0 -4
- package/lib/global/js/utils/motionConstants.js +1 -5
- package/lib/global/js/utils/pconsole.js +1 -7
- package/lib/global/js/utils/props-helper.js +21 -58
- package/lib/global/js/utils/rangeWithCallback.js +1 -2
- package/lib/global/js/utils/scrollableAncestor.js +6 -13
- package/lib/global/js/utils/story-helper.js +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 +27 -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 +19 -6
- package/scss/components/AddSelect/_add-select.scss +29 -56
- 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 +12 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +83 -26
- 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 +1 -1
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +16 -4
- package/scss/components/Datagrid/styles/_useNestedRows.scss +19 -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/_edit-in-place.scss +164 -0
- package/scss/components/{InlineEditV1 → EditInPlace}/_index-with-carbon.scss +1 -1
- package/scss/components/{InlineEditV2 → EditInPlace}/_index.scss +1 -1
- package/scss/components/{InlineEditV1 → EditInPlace}/_storybook-styles.scss +3 -15
- package/scss/components/EditTearsheet/_edit-tearsheet.scss +6 -4
- 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/{InlineEditV2 → FilterSummary}/_storybook-styles.scss +7 -2
- package/scss/components/HTTPErrors/_http-errors.scss +8 -4
- package/scss/components/MultiAddSelect/_multi-add-select.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 +8 -19
- package/scss/components/SingleAddSelect/_single-add-select.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 +1 -3
- package/scss/components/_index.scss +2 -3
- package/scss/config.scss +1 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +0 -193
- 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 -47
- package/es/components/InlineEditV1/InlineEditV1.js +0 -447
- package/es/components/InlineEditV2/InlineEditV2.js +0 -289
- package/es/components/InlineEditV2/index.js +0 -7
- 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 -208
- 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 -63
- package/lib/components/InlineEditV1/InlineEditV1.js +0 -464
- package/lib/components/InlineEditV1/index.js +0 -13
- package/lib/components/InlineEditV2/InlineEditV2.js +0 -309
- package/lib/components/InlineEditV2/index.js +0 -13
- 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 -93
- package/scss/components/InlineEditV1/_carbon-imports.scss +0 -6
- package/scss/components/InlineEditV1/_index.scss +0 -8
- package/scss/components/InlineEditV1/_inline-edit-v1.scss +0 -355
- package/scss/components/InlineEditV2/_index-with-carbon.scss +0 -9
- package/scss/components/InlineEditV2/_inline-edit-v2.scss +0 -83
- package/scss/components/ModifiedTabs/_carbon-imports.scss +0 -10
- package/scss/components/ModifiedTabs/_index-with-carbon.scss +0 -9
- package/scss/components/ModifiedTabs/_modified-tabs.scss +0 -89
- package/scss/components/ModifiedTabs/_storybook-styles.scss +0 -6
- /package/scss/components/{InlineEditV2 → EditInPlace}/_carbon-imports.scss +0 -0
package/css/index.css
CHANGED
@@ -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
|
}
|
@@ -816,7 +827,7 @@
|
|
816
827
|
flex-shrink: 0;
|
817
828
|
align-items: center;
|
818
829
|
justify-content: space-between;
|
819
|
-
padding: calc(0.875rem - 3px)
|
830
|
+
padding: calc(0.875rem - 3px) calc(4rem - 1px) calc(0.875rem - 3px) calc(1rem - 1px);
|
820
831
|
margin: 0;
|
821
832
|
border-radius: 0;
|
822
833
|
cursor: pointer;
|
@@ -946,7 +957,7 @@
|
|
946
957
|
border-color: transparent;
|
947
958
|
background-color: transparent;
|
948
959
|
color: var(--cds-link-primary, #0f62fe);
|
949
|
-
padding: calc(0.875rem - 3px)
|
960
|
+
padding: calc(0.875rem - 3px) 1rem;
|
950
961
|
}
|
951
962
|
.cds--btn--ghost:hover {
|
952
963
|
background-color: var(--cds-layer-hover);
|
@@ -979,10 +990,10 @@
|
|
979
990
|
outline: none;
|
980
991
|
}
|
981
992
|
.cds--btn--ghost.cds--btn--sm {
|
982
|
-
padding: calc(0.375rem - 3px)
|
993
|
+
padding: calc(0.375rem - 3px) 1rem;
|
983
994
|
}
|
984
995
|
.cds--btn--ghost.cds--btn--field, .cds--btn--ghost.cds--btn--md {
|
985
|
-
padding: calc(0.675rem - 3px)
|
996
|
+
padding: calc(0.675rem - 3px) 1rem;
|
986
997
|
}
|
987
998
|
.cds--btn--ghost:not([disabled]) svg {
|
988
999
|
fill: var(--cds-icon-primary, #161616);
|
@@ -1041,7 +1052,7 @@
|
|
1041
1052
|
color: var(--cds-text-on-color, #ffffff);
|
1042
1053
|
}
|
1043
1054
|
.cds--btn--danger:hover {
|
1044
|
-
background-color: var(--cds-button-danger-hover, #
|
1055
|
+
background-color: var(--cds-button-danger-hover, #b81921);
|
1045
1056
|
}
|
1046
1057
|
.cds--btn--danger:focus {
|
1047
1058
|
border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
|
@@ -1065,7 +1076,7 @@
|
|
1065
1076
|
color: var(--cds-button-danger-secondary, #da1e28);
|
1066
1077
|
}
|
1067
1078
|
.cds--btn--danger--tertiary:hover {
|
1068
|
-
background-color: var(--cds-button-danger-hover, #
|
1079
|
+
background-color: var(--cds-button-danger-hover, #b81921);
|
1069
1080
|
}
|
1070
1081
|
.cds--btn--danger--tertiary:focus {
|
1071
1082
|
border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
|
@@ -1079,7 +1090,7 @@
|
|
1079
1090
|
fill: currentColor;
|
1080
1091
|
}
|
1081
1092
|
.cds--btn--danger--tertiary:hover {
|
1082
|
-
border-color: var(--cds-button-danger-hover, #
|
1093
|
+
border-color: var(--cds-button-danger-hover, #b81921);
|
1083
1094
|
color: var(--cds-text-on-color, #ffffff);
|
1084
1095
|
}
|
1085
1096
|
.cds--btn--danger--tertiary:focus {
|
@@ -1102,10 +1113,10 @@
|
|
1102
1113
|
border-color: transparent;
|
1103
1114
|
background-color: transparent;
|
1104
1115
|
color: var(--cds-button-danger-secondary, #da1e28);
|
1105
|
-
padding: calc(0.875rem - 3px)
|
1116
|
+
padding: calc(0.875rem - 3px) 1rem;
|
1106
1117
|
}
|
1107
1118
|
.cds--btn--danger--ghost:hover {
|
1108
|
-
background-color: var(--cds-button-danger-hover, #
|
1119
|
+
background-color: var(--cds-button-danger-hover, #b81921);
|
1109
1120
|
}
|
1110
1121
|
.cds--btn--danger--ghost:focus {
|
1111
1122
|
border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
|
@@ -1132,15 +1143,15 @@
|
|
1132
1143
|
outline: none;
|
1133
1144
|
}
|
1134
1145
|
.cds--btn--danger--ghost.cds--btn--sm {
|
1135
|
-
padding: calc(0.375rem - 3px)
|
1146
|
+
padding: calc(0.375rem - 3px) 1rem;
|
1136
1147
|
}
|
1137
1148
|
.cds--btn--danger--ghost.cds--btn--field, .cds--btn--danger--ghost.cds--btn--md {
|
1138
|
-
padding: calc(0.675rem - 3px)
|
1149
|
+
padding: calc(0.675rem - 3px) 1rem;
|
1139
1150
|
}
|
1140
1151
|
|
1141
1152
|
.cds--btn--sm {
|
1142
1153
|
min-height: 2rem;
|
1143
|
-
padding: calc(0.375rem - 3px)
|
1154
|
+
padding: calc(0.375rem - 3px) calc(4rem - 4px) calc(0.375rem - 3px) calc(1rem - 4px);
|
1144
1155
|
}
|
1145
1156
|
|
1146
1157
|
.cds--btn--2xl:not(.cds--btn--icon-only) {
|
@@ -1162,7 +1173,7 @@
|
|
1162
1173
|
.cds--btn--field,
|
1163
1174
|
.cds--btn--md {
|
1164
1175
|
min-height: 2.5rem;
|
1165
|
-
padding: calc(0.675rem - 3px)
|
1176
|
+
padding: calc(0.675rem - 3px) calc(4rem - 4px) calc(0.675rem - 3px) calc(1rem - 4px);
|
1166
1177
|
}
|
1167
1178
|
|
1168
1179
|
.cds--btn--expressive {
|
@@ -1269,7 +1280,7 @@
|
|
1269
1280
|
|
1270
1281
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
1271
1282
|
.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),
|
1272
|
-
.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon {
|
1283
|
+
.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon {
|
1273
1284
|
fill: ButtonText;
|
1274
1285
|
}
|
1275
1286
|
}
|
@@ -1310,9 +1321,36 @@
|
|
1310
1321
|
.cds--modal .cds--dropdown-list,
|
1311
1322
|
.cds--modal .cds--number input[type=number],
|
1312
1323
|
.cds--modal .cds--date-picker__input,
|
1313
|
-
.cds--modal .cds--multi-select
|
1324
|
+
.cds--modal .cds--multi-select,
|
1325
|
+
.cds--modal .cds--number__control-btn::before,
|
1326
|
+
.cds--modal .cds--number__control-btn::after {
|
1314
1327
|
background-color: var(--cds-field-02, #ffffff);
|
1315
1328
|
}
|
1329
|
+
.cds--modal .cds--number__rule-divider {
|
1330
|
+
background-color: var(--cds-border-subtle-02, #e0e0e0);
|
1331
|
+
}
|
1332
|
+
.cds--modal .cds--text-input--fluid .cds--text-input,
|
1333
|
+
.cds--modal .cds--text-area--fluid .cds--text-area__wrapper,
|
1334
|
+
.cds--modal .cds--text-area--fluid .cds--text-area,
|
1335
|
+
.cds--modal .cds--search--fluid .cds--search-input,
|
1336
|
+
.cds--modal .cds--select--fluid .cds--select-input,
|
1337
|
+
.cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider + .cds--form-requirement,
|
1338
|
+
.cds--modal .cds--list-box__wrapper--fluid .cds--list-box,
|
1339
|
+
.cds--modal .cds--list-box__wrapper--fluid.cds--list-box__wrapper,
|
1340
|
+
.cds--modal .cds--number-input--fluid input[type=number],
|
1341
|
+
.cds--modal .cds--number-input--fluid .cds--number__control-btn::before,
|
1342
|
+
.cds--modal .cds--number-input--fluid .cds--number__control-btn::after,
|
1343
|
+
.cds--modal .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input {
|
1344
|
+
background-color: var(--cds-field-01, #f4f4f4);
|
1345
|
+
}
|
1346
|
+
.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::before,
|
1347
|
+
.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::after {
|
1348
|
+
background-color: var(--cds-field-hover);
|
1349
|
+
}
|
1350
|
+
.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::before,
|
1351
|
+
.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::after {
|
1352
|
+
border-left: 2px solid var(--cds-focus, #0f62fe);
|
1353
|
+
}
|
1316
1354
|
|
1317
1355
|
.cds--modal.is-visible .cds--modal-container {
|
1318
1356
|
transform: translate3d(0, 0, 0);
|
@@ -1385,7 +1423,12 @@
|
|
1385
1423
|
}
|
1386
1424
|
}
|
1387
1425
|
|
1388
|
-
.cds--modal-content
|
1426
|
+
.cds--modal-content .cds--form--fluid {
|
1427
|
+
margin-right: -1rem;
|
1428
|
+
margin-left: -1rem;
|
1429
|
+
}
|
1430
|
+
|
1431
|
+
.cds--modal-content > p,
|
1389
1432
|
.cds--modal-content__regular-content {
|
1390
1433
|
font-size: var(--cds-body-01-font-size, 0.875rem);
|
1391
1434
|
font-weight: var(--cds-body-01-font-weight, 400);
|
@@ -1421,13 +1464,14 @@
|
|
1421
1464
|
font-weight: var(--cds-heading-03-font-weight, 400);
|
1422
1465
|
line-height: var(--cds-heading-03-line-height, 1.4);
|
1423
1466
|
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
1467
|
+
padding-right: calc(20% - 3rem);
|
1424
1468
|
color: var(--cds-text-primary, #161616);
|
1425
1469
|
}
|
1426
1470
|
|
1427
1471
|
.cds--modal-container--xs .cds--modal-content__regular-content {
|
1428
1472
|
padding-right: 1rem;
|
1429
1473
|
}
|
1430
|
-
.cds--modal-container--xs .cds--modal-content p {
|
1474
|
+
.cds--modal-container--xs .cds--modal-content > p {
|
1431
1475
|
padding-right: 0;
|
1432
1476
|
}
|
1433
1477
|
@media (min-width: 42rem) {
|
@@ -1450,7 +1494,7 @@
|
|
1450
1494
|
.cds--modal-container--sm .cds--modal-content__regular-content {
|
1451
1495
|
padding-right: 1rem;
|
1452
1496
|
}
|
1453
|
-
.cds--modal-container--sm .cds--modal-content p {
|
1497
|
+
.cds--modal-container--sm .cds--modal-content > p {
|
1454
1498
|
padding-right: 0;
|
1455
1499
|
}
|
1456
1500
|
@media (min-width: 42rem) {
|
@@ -1463,8 +1507,8 @@
|
|
1463
1507
|
width: 42%;
|
1464
1508
|
max-height: 72%;
|
1465
1509
|
}
|
1466
|
-
.cds--modal-container--sm .cds--modal-content p,
|
1467
|
-
.cds--modal-container--sm .cds--modal-content__regular-content {
|
1510
|
+
.cds--modal-container--sm .cds--modal-content > p,
|
1511
|
+
.cds--modal-container--sm .cds--modal-content__regular-content {
|
1468
1512
|
padding-right: 20%;
|
1469
1513
|
}
|
1470
1514
|
}
|
@@ -1541,7 +1585,8 @@
|
|
1541
1585
|
max-width: none;
|
1542
1586
|
height: 4rem;
|
1543
1587
|
flex: 0 1 50%;
|
1544
|
-
|
1588
|
+
align-items: baseline;
|
1589
|
+
padding-top: 0.875rem;
|
1545
1590
|
padding-bottom: 2rem;
|
1546
1591
|
margin: 0;
|
1547
1592
|
}
|
@@ -1587,11 +1632,16 @@
|
|
1587
1632
|
overflow: hidden;
|
1588
1633
|
}
|
1589
1634
|
|
1590
|
-
.cds--body--with-modal-open .cds--tooltip,
|
1591
|
-
.cds--body--with-modal-open .cds--overflow-menu-options {
|
1635
|
+
.cds--body--with-modal-open .cds--modal .cds--tooltip,
|
1636
|
+
.cds--body--with-modal-open .cds--modal .cds--overflow-menu-options {
|
1592
1637
|
z-index: 9000;
|
1593
1638
|
}
|
1594
1639
|
|
1640
|
+
.cds--modal-container--full-width .cds--modal-content {
|
1641
|
+
padding: 0;
|
1642
|
+
margin: 0;
|
1643
|
+
}
|
1644
|
+
|
1595
1645
|
/* stylelint-disable */
|
1596
1646
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
1597
1647
|
.cds--modal-close__icon {
|
@@ -1607,6 +1657,16 @@
|
|
1607
1657
|
}
|
1608
1658
|
|
1609
1659
|
/* stylelint-enable */
|
1660
|
+
input:-webkit-autofill,
|
1661
|
+
input:-webkit-autofill:hover,
|
1662
|
+
input:-webkit-autofill:focus,
|
1663
|
+
textarea:-webkit-autofill,
|
1664
|
+
textarea:-webkit-autofill:hover,
|
1665
|
+
textarea:-webkit-autofill:focus {
|
1666
|
+
box-shadow: 0 0 0 1000px var(--cds-field) inset;
|
1667
|
+
-webkit-text-fill-color: var(--cds-text-primary, #161616);
|
1668
|
+
}
|
1669
|
+
|
1610
1670
|
.cds--fieldset html {
|
1611
1671
|
font-size: 100%;
|
1612
1672
|
}
|
@@ -1664,6 +1724,13 @@
|
|
1664
1724
|
font-weight: 600;
|
1665
1725
|
}
|
1666
1726
|
|
1727
|
+
.cds--label .cds--toggletip-label {
|
1728
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
1729
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
1730
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
1731
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
1732
|
+
}
|
1733
|
+
|
1667
1734
|
.cds--label--no-margin {
|
1668
1735
|
margin-bottom: 0;
|
1669
1736
|
}
|
@@ -1755,7 +1822,7 @@
|
|
1755
1822
|
}
|
1756
1823
|
|
1757
1824
|
input[type=number] {
|
1758
|
-
font-family:
|
1825
|
+
font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
|
1759
1826
|
}
|
1760
1827
|
|
1761
1828
|
input[data-invalid]:not(:focus),
|
@@ -1763,19 +1830,19 @@ input[data-invalid]:not(:focus),
|
|
1763
1830
|
.cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
|
1764
1831
|
.cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
|
1765
1832
|
.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
|
1766
|
-
.cds--list-box[data-invalid]:not(
|
1833
|
+
.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),
|
1767
1834
|
.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
|
1768
1835
|
outline: 2px solid var(--cds-support-error, #da1e28);
|
1769
1836
|
outline-offset: -2px;
|
1770
1837
|
}
|
1771
1838
|
@media screen and (prefers-contrast) {
|
1772
1839
|
input[data-invalid]:not(:focus),
|
1773
|
-
.cds--number[data-invalid] input[type=number]:not(:focus),
|
1774
|
-
.cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
|
1775
|
-
.cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
|
1776
|
-
.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
|
1777
|
-
.cds--list-box[data-invalid]:not(
|
1778
|
-
.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
|
1840
|
+
.cds--number[data-invalid] input[type=number]:not(:focus),
|
1841
|
+
.cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
|
1842
|
+
.cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
|
1843
|
+
.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
|
1844
|
+
.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),
|
1845
|
+
.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
|
1779
1846
|
outline-style: dotted;
|
1780
1847
|
}
|
1781
1848
|
}
|
@@ -1791,6 +1858,7 @@ input[data-invalid] ~ .cds--form-requirement,
|
|
1791
1858
|
.cds--text-input__field-wrapper--warning ~ .cds--form-requirement,
|
1792
1859
|
.cds--text-input__field-wrapper--warning > .cds--text-input ~ .cds--form-requirement,
|
1793
1860
|
.cds--text-area__wrapper[data-invalid] ~ .cds--form-requirement,
|
1861
|
+
.cds--text-area__wrapper--warn ~ .cds--form-requirement,
|
1794
1862
|
.cds--select-input__wrapper[data-invalid] ~ .cds--form-requirement,
|
1795
1863
|
.cds--select--warning .cds--select-input__wrapper ~ .cds--form-requirement,
|
1796
1864
|
.cds--time-picker[data-invalid] ~ .cds--form-requirement,
|
@@ -1966,16 +2034,12 @@ fieldset[disabled] .cds--form__helper-text {
|
|
1966
2034
|
width: 100%;
|
1967
2035
|
}
|
1968
2036
|
|
1969
|
-
.cds--text-input__invalid-icon
|
1970
|
-
.cds--text-input__readonly-icon {
|
2037
|
+
.cds--text-input__invalid-icon {
|
1971
2038
|
position: absolute;
|
1972
2039
|
top: 50%;
|
1973
2040
|
right: 1rem;
|
1974
|
-
transform: translateY(-50%);
|
1975
|
-
}
|
1976
|
-
|
1977
|
-
.cds--text-input__invalid-icon {
|
1978
2041
|
fill: var(--cds-support-error, #da1e28);
|
2042
|
+
transform: translateY(-50%);
|
1979
2043
|
}
|
1980
2044
|
|
1981
2045
|
.cds--text-input__invalid-icon--warning {
|
@@ -2025,8 +2089,8 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2025
2089
|
}
|
2026
2090
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
2027
2091
|
.cds--text-input--password__visibility::before, .cds--text-input--password__visibility::after,
|
2028
|
-
.cds--text-input--password__visibility .cds--assistive-text,
|
2029
|
-
.cds--text-input--password__visibility + .cds--assistive-text {
|
2092
|
+
.cds--text-input--password__visibility .cds--assistive-text,
|
2093
|
+
.cds--text-input--password__visibility + .cds--assistive-text {
|
2030
2094
|
display: inline-block;
|
2031
2095
|
}
|
2032
2096
|
}
|
@@ -2078,29 +2142,29 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2078
2142
|
}
|
2079
2143
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
2080
2144
|
.cds--text-input--password__visibility::after,
|
2081
|
-
.cds--text-input--password__visibility .cds--assistive-text,
|
2082
|
-
.cds--text-input--password__visibility + .cds--assistive-text {
|
2145
|
+
.cds--text-input--password__visibility .cds--assistive-text,
|
2146
|
+
.cds--text-input--password__visibility + .cds--assistive-text {
|
2083
2147
|
width: auto;
|
2084
2148
|
}
|
2085
2149
|
}
|
2086
2150
|
@supports (-ms-accelerator: true) {
|
2087
2151
|
.cds--text-input--password__visibility::after,
|
2088
|
-
.cds--text-input--password__visibility .cds--assistive-text,
|
2089
|
-
.cds--text-input--password__visibility + .cds--assistive-text {
|
2152
|
+
.cds--text-input--password__visibility .cds--assistive-text,
|
2153
|
+
.cds--text-input--password__visibility + .cds--assistive-text {
|
2090
2154
|
width: auto;
|
2091
2155
|
}
|
2092
2156
|
}
|
2093
2157
|
@supports (-ms-ime-align: auto) {
|
2094
2158
|
.cds--text-input--password__visibility::after,
|
2095
|
-
.cds--text-input--password__visibility .cds--assistive-text,
|
2096
|
-
.cds--text-input--password__visibility + .cds--assistive-text {
|
2159
|
+
.cds--text-input--password__visibility .cds--assistive-text,
|
2160
|
+
.cds--text-input--password__visibility + .cds--assistive-text {
|
2097
2161
|
width: auto;
|
2098
2162
|
}
|
2099
2163
|
}
|
2100
2164
|
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
|
2101
2165
|
.cds--text-input--password__visibility::after,
|
2102
|
-
.cds--text-input--password__visibility .cds--assistive-text,
|
2103
|
-
.cds--text-input--password__visibility + .cds--assistive-text {
|
2166
|
+
.cds--text-input--password__visibility .cds--assistive-text,
|
2167
|
+
.cds--text-input--password__visibility + .cds--assistive-text {
|
2104
2168
|
border: 1px solid transparent;
|
2105
2169
|
}
|
2106
2170
|
}
|
@@ -2224,8 +2288,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2224
2288
|
}
|
2225
2289
|
|
2226
2290
|
.cds--text-input--invalid,
|
2227
|
-
.cds--text-input--warning
|
2228
|
-
.cds--text-input-wrapper--readonly .cds--text-input {
|
2291
|
+
.cds--text-input--warning {
|
2229
2292
|
padding-right: 2.5rem;
|
2230
2293
|
}
|
2231
2294
|
|
@@ -2241,14 +2304,28 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2241
2304
|
right: 2.5rem;
|
2242
2305
|
}
|
2243
2306
|
|
2244
|
-
.cds--text-input:disabled
|
2307
|
+
.cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
|
2245
2308
|
cursor: not-allowed;
|
2309
|
+
}
|
2310
|
+
|
2311
|
+
.cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {
|
2246
2312
|
fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
2247
2313
|
}
|
2248
|
-
.cds--text-input:disabled
|
2314
|
+
.cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover {
|
2249
2315
|
fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
2250
2316
|
}
|
2251
2317
|
|
2318
|
+
.cds--text-input__counter-alert {
|
2319
|
+
position: absolute;
|
2320
|
+
overflow: hidden;
|
2321
|
+
width: 1px;
|
2322
|
+
height: 1px;
|
2323
|
+
padding: 0;
|
2324
|
+
border: 0;
|
2325
|
+
margin: -1px;
|
2326
|
+
clip: rect(0, 0, 0, 0);
|
2327
|
+
}
|
2328
|
+
|
2252
2329
|
.cds--text-input:disabled {
|
2253
2330
|
outline: 2px solid transparent;
|
2254
2331
|
outline-offset: -2px;
|
@@ -2385,7 +2462,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2385
2462
|
}
|
2386
2463
|
@media screen and (prefers-contrast) {
|
2387
2464
|
.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
|
2388
|
-
.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
|
2465
|
+
.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
|
2389
2466
|
outline-style: dotted;
|
2390
2467
|
}
|
2391
2468
|
}
|
@@ -2439,18 +2516,39 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2439
2516
|
flex-direction: column;
|
2440
2517
|
}
|
2441
2518
|
|
2519
|
+
.cds--text-input-wrapper--inline .cds--form-requirement {
|
2520
|
+
display: block;
|
2521
|
+
overflow: visible;
|
2522
|
+
max-height: 12.5rem;
|
2523
|
+
font-weight: 400;
|
2524
|
+
}
|
2525
|
+
|
2526
|
+
.cds--text-input-wrapper--inline--invalid .cds--form-requirement {
|
2527
|
+
color: var(--cds-text-error, #da1e28);
|
2528
|
+
}
|
2529
|
+
|
2442
2530
|
.cds--form--fluid .cds--text-input-wrapper--readonly,
|
2443
2531
|
.cds--text-input-wrapper--readonly .cds--text-input {
|
2532
|
+
border-bottom-color: var(--cds-border-subtle);
|
2444
2533
|
background: transparent;
|
2445
2534
|
}
|
2446
2535
|
|
2447
2536
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
2448
2537
|
.cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,
|
2449
|
-
.cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg {
|
2538
|
+
.cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg {
|
2450
2539
|
fill: ButtonText;
|
2451
2540
|
}
|
2452
2541
|
}
|
2453
2542
|
|
2543
|
+
.cds--text-input__label-wrapper {
|
2544
|
+
display: flex;
|
2545
|
+
width: 100%;
|
2546
|
+
justify-content: space-between;
|
2547
|
+
}
|
2548
|
+
.cds--text-input__label-wrapper .cds--text-input__label-counter {
|
2549
|
+
align-self: end;
|
2550
|
+
}
|
2551
|
+
|
2454
2552
|
@keyframes stroke {
|
2455
2553
|
100% {
|
2456
2554
|
stroke-dashoffset: 0;
|
@@ -2480,7 +2578,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2480
2578
|
}
|
2481
2579
|
|
2482
2580
|
.cds--inline-loading__checkmark-container {
|
2483
|
-
fill: var(--cds-support-success, #
|
2581
|
+
fill: var(--cds-support-success, #24a148);
|
2484
2582
|
}
|
2485
2583
|
.cds--inline-loading__checkmark-container.cds--inline-loading__svg {
|
2486
2584
|
position: absolute;
|
@@ -2729,6 +2827,9 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2729
2827
|
}
|
2730
2828
|
}
|
2731
2829
|
}
|
2830
|
+
.cds--tabs .cds--tabs__nav-item-label-wrapper {
|
2831
|
+
display: flex;
|
2832
|
+
}
|
2732
2833
|
.cds--tabs .cds--tabs__nav-item {
|
2733
2834
|
display: flex;
|
2734
2835
|
flex: 1 0 auto;
|
@@ -2765,6 +2866,14 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2765
2866
|
.cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {
|
2766
2867
|
transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
2767
2868
|
}
|
2869
|
+
.cds--tabs .cds--tabs__nav-item--icon {
|
2870
|
+
display: flex;
|
2871
|
+
align-items: center;
|
2872
|
+
padding-left: 0.5rem;
|
2873
|
+
}
|
2874
|
+
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
|
2875
|
+
padding-left: 1rem;
|
2876
|
+
}
|
2768
2877
|
.cds--tabs .cds--tabs__nav-link {
|
2769
2878
|
box-sizing: border-box;
|
2770
2879
|
padding: 0;
|
@@ -2787,7 +2896,6 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2787
2896
|
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
2788
2897
|
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
2789
2898
|
overflow: hidden;
|
2790
|
-
max-width: 10rem;
|
2791
2899
|
padding: 0.75rem 1rem 0.5rem;
|
2792
2900
|
border-bottom: 2px solid var(--cds-border-subtle);
|
2793
2901
|
color: var(--cds-text-secondary, #525252);
|
@@ -2818,9 +2926,24 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2818
2926
|
height: 3rem;
|
2819
2927
|
padding: 0.5rem 1rem;
|
2820
2928
|
border-bottom: 0;
|
2929
|
+
}
|
2930
|
+
.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item-label {
|
2821
2931
|
line-height: calc(3rem - (0.5rem * 2));
|
2822
2932
|
}
|
2823
|
-
.cds--tabs
|
2933
|
+
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item-secondary-label {
|
2934
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
2935
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
2936
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
2937
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
2938
|
+
min-height: 1rem;
|
2939
|
+
}
|
2940
|
+
.cds--tabs.cds--tabs--contained.cds--tabs--tall .cds--tabs__nav-link {
|
2941
|
+
height: 4rem;
|
2942
|
+
}
|
2943
|
+
.cds--tabs.cds--tabs__icon--default .cds--tab--list, .cds--tabs.cds--tabs__icon--lg .cds--tab--list {
|
2944
|
+
overflow-x: visible;
|
2945
|
+
}
|
2946
|
+
.cds--tabs .cds--tabs__nav-item--icon-only, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only {
|
2824
2947
|
display: flex;
|
2825
2948
|
width: var(--cds-icon-tab-size, 2.5rem);
|
2826
2949
|
height: var(--cds-icon-tab-size, 2.5rem);
|
@@ -2828,11 +2951,19 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2828
2951
|
justify-content: center;
|
2829
2952
|
padding: 0;
|
2830
2953
|
}
|
2954
|
+
.cds--tabs .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label {
|
2955
|
+
line-height: 0;
|
2956
|
+
}
|
2831
2957
|
.cds--tabs.cds--tabs__icon--lg {
|
2832
2958
|
--cds-icon-tab-size: 3rem;
|
2833
2959
|
}
|
2834
|
-
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:hover {
|
2835
|
-
|
2960
|
+
.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):hover {
|
2961
|
+
border-bottom: 2px solid var(--cds-border-strong);
|
2962
|
+
color: var(--cds-text-primary, #161616);
|
2963
|
+
}
|
2964
|
+
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled):hover {
|
2965
|
+
background-color: var(--cds-layer-accent-hover);
|
2966
|
+
color: var(--cds-text-primary, #161616);
|
2836
2967
|
}
|
2837
2968
|
.cds--tabs .cds--tabs__nav-item--selected {
|
2838
2969
|
border-bottom: 2px solid var(--cds-border-interactive, #0f62fe);
|
@@ -2854,9 +2985,11 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2854
2985
|
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
2855
2986
|
color: var(--cds-text-primary, #161616);
|
2856
2987
|
}
|
2988
|
+
.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected:hover {
|
2989
|
+
line-height: calc(3rem - (0.5rem * 2));
|
2990
|
+
}
|
2857
2991
|
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover {
|
2858
2992
|
background-color: var(--cds-layer);
|
2859
|
-
line-height: calc(3rem - (0.5rem * 2));
|
2860
2993
|
}
|
2861
2994
|
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:focus,
|
2862
2995
|
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:active, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover .cds--tabs__nav-link:focus,
|
@@ -2866,10 +2999,6 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2866
2999
|
.cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected:hover {
|
2867
3000
|
background-color: var(--cds-background, #ffffff);
|
2868
3001
|
}
|
2869
|
-
.cds--tabs .cds--tabs__nav-item:hover .cds--tabs__nav-link {
|
2870
|
-
border-bottom: 2px solid var(--cds-border-strong);
|
2871
|
-
color: var(--cds-text-primary, #161616);
|
2872
|
-
}
|
2873
3002
|
.cds--tabs .cds--tabs__nav-item--disabled {
|
2874
3003
|
border-bottom: 2px solid var(--cds-border-disabled, #c6c6c6);
|
2875
3004
|
background-color: transparent;
|
@@ -2989,61 +3118,66 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2989
3118
|
}
|
2990
3119
|
|
2991
3120
|
.c4p--about-modal .c4p--about-modal__logo {
|
2992
|
-
margin: 1rem;
|
3121
|
+
margin: 1rem 1rem 2rem 1rem;
|
2993
3122
|
}
|
2994
3123
|
|
2995
3124
|
.c4p--about-modal .c4p--about-modal__header {
|
2996
|
-
padding: 0 20% 0
|
3125
|
+
padding: 0 20% 0 1rem;
|
2997
3126
|
margin-bottom: 0;
|
2998
3127
|
grid-row: auto;
|
2999
3128
|
}
|
3000
3129
|
|
3001
3130
|
.c4p--about-modal .c4p--about-modal__title {
|
3002
|
-
font-size: var(--cds-
|
3003
|
-
font-weight: var(--cds-
|
3004
|
-
line-height: var(--cds-
|
3005
|
-
letter-spacing: var(--cds-
|
3131
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
3132
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
3133
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
3134
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
3006
3135
|
color: var(--cds-text-primary, #161616);
|
3007
3136
|
}
|
3008
3137
|
|
3009
3138
|
.c4p--about-modal .c4p--about-modal__body {
|
3010
|
-
font-size: var(--cds-body-
|
3011
|
-
font-weight: var(--cds-body-
|
3012
|
-
line-height: var(--cds-body-
|
3013
|
-
letter-spacing: var(--cds-body-
|
3139
|
+
font-size: var(--cds-body-compact-02-font-size, 1rem);
|
3140
|
+
font-weight: var(--cds-body-compact-02-font-weight, 400);
|
3141
|
+
line-height: var(--cds-body-compact-02-line-height, 1.375);
|
3142
|
+
letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
|
3014
3143
|
min-height: 4rem;
|
3015
3144
|
padding: 0 20% 0 1rem;
|
3145
|
+
margin-bottom: 1.5rem;
|
3016
3146
|
grid-row: auto;
|
3017
3147
|
overflow-x: hidden;
|
3018
3148
|
overflow-y: auto;
|
3019
3149
|
}
|
3020
3150
|
|
3021
|
-
.c4p--about-modal.c4p--about-modal--with-tabs .c4p--about-modal__body {
|
3022
|
-
min-height: calc(4rem + 2.5rem);
|
3023
|
-
margin-bottom: calc(3rem + 2.5rem);
|
3024
|
-
}
|
3025
|
-
|
3026
|
-
.c4p--about-modal.c4p--about-modal--with-tabs .cds--modal-content--overflow-indicator {
|
3027
|
-
bottom: calc(3rem + 2.5rem);
|
3028
|
-
}
|
3029
|
-
|
3030
3151
|
.c4p--about-modal .cds--modal-content--overflow-indicator {
|
3152
|
+
bottom: 1.5rem;
|
3031
3153
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--cds-layer-01, #f4f4f4));
|
3032
3154
|
}
|
3033
3155
|
|
3034
3156
|
.c4p--about-modal .c4p--about-modal__links-container {
|
3035
|
-
|
3157
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
3158
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
3159
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
3160
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
3161
|
+
margin-top: 1.5rem;
|
3162
|
+
}
|
3163
|
+
|
3164
|
+
.c4p--about-modal .c4p--about-modal__version {
|
3165
|
+
color: var(--cds-text-secondary, #525252);
|
3036
3166
|
}
|
3037
3167
|
|
3038
3168
|
.c4p--about-modal .c4p--about-modal__links-container a + a {
|
3039
3169
|
padding-left: 0.5rem;
|
3040
|
-
border-left: 1px solid var(--cds-
|
3170
|
+
border-left: 1px solid var(--cds-border-strong-01, #8d8d8d);
|
3041
3171
|
margin-left: 0.5rem;
|
3042
3172
|
}
|
3043
3173
|
|
3044
|
-
.c4p--about-modal .c4p--about-
|
3174
|
+
.c4p--about-modal .c4p--about-modal__content,
|
3045
3175
|
.c4p--about-modal .c4p--about-modal__copyright-text {
|
3046
|
-
|
3176
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
3177
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
3178
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
3179
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
3180
|
+
margin-top: 1.5rem;
|
3047
3181
|
margin-bottom: 0;
|
3048
3182
|
color: var(--cds-text-secondary, #525252);
|
3049
3183
|
}
|
@@ -3052,51 +3186,16 @@ fieldset[disabled] .cds--form__helper-text {
|
|
3052
3186
|
margin-top: 1rem;
|
3053
3187
|
}
|
3054
3188
|
|
3055
|
-
.c4p--about-
|
3056
|
-
|
3057
|
-
|
3058
|
-
flex-direction: column;
|
3059
|
-
justify-content: center;
|
3060
|
-
background-color: var(--cds-background-inverse, #393939);
|
3061
|
-
color: var(--cds-text-inverse, #ffffff);
|
3062
|
-
}
|
3063
|
-
|
3064
|
-
.c4p--about-modal .c4p--about-modal__tab-container {
|
3065
|
-
position: absolute;
|
3066
|
-
bottom: 0;
|
3067
|
-
}
|
3068
|
-
|
3069
|
-
.c4p--about-modal .c4p--about-modal__version-label,
|
3070
|
-
.c4p--about-modal .c4p--about-modal__version-number {
|
3071
|
-
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
3072
|
-
font-weight: var(--cds-body-short-01-font-weight, 400);
|
3073
|
-
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
3074
|
-
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
3075
|
-
padding-left: 1rem;
|
3076
|
-
margin-top: 0;
|
3077
|
-
margin-bottom: 0;
|
3078
|
-
color: var(--cds-text-inverse, #ffffff);
|
3079
|
-
}
|
3080
|
-
|
3081
|
-
.c4p--about-modal .c4p--about-modal__version-label {
|
3082
|
-
font-weight: 600;
|
3083
|
-
}
|
3084
|
-
|
3085
|
-
.c4p--about-modal .cds--tabs .cds--tabs__nav-link,
|
3086
|
-
.c4p--about-modal .cds--tab-content {
|
3087
|
-
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
3088
|
-
font-weight: var(--cds-body-short-01-font-weight, 400);
|
3089
|
-
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
3090
|
-
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
3091
|
-
}
|
3092
|
-
|
3093
|
-
.c4p--about-modal .cds--tab-content {
|
3094
|
-
height: 4.5rem;
|
3189
|
+
p.c4p--about-modal__content:first-child,
|
3190
|
+
p.c4p--about-modal__copyright-text:first-child {
|
3191
|
+
margin-top: 2rem;
|
3095
3192
|
}
|
3096
3193
|
|
3097
|
-
.c4p--about-modal .
|
3098
|
-
display:
|
3099
|
-
|
3194
|
+
.c4p--about-modal .c4p--about-modal__footer {
|
3195
|
+
display: block;
|
3196
|
+
height: auto;
|
3197
|
+
padding: 1rem;
|
3198
|
+
background-color: var(--cds-layer-02, #ffffff);
|
3100
3199
|
}
|
3101
3200
|
|
3102
3201
|
.c4p--action-set {
|
@@ -3152,7 +3251,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
3152
3251
|
.c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
3153
3252
|
.c4p--action-set.cds--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
3154
3253
|
.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost) {
|
3155
|
-
max-width:
|
3254
|
+
max-width: 14.5rem;
|
3156
3255
|
flex: 0 1 25%;
|
3157
3256
|
}
|
3158
3257
|
|
@@ -3234,13 +3333,13 @@ fieldset[disabled] .cds--form__helper-text {
|
|
3234
3333
|
}
|
3235
3334
|
@media screen and (prefers-contrast) {
|
3236
3335
|
.cds--overflow-menu:focus,
|
3237
|
-
.cds--overflow-menu__trigger:focus {
|
3336
|
+
.cds--overflow-menu__trigger:focus {
|
3238
3337
|
outline-style: dotted;
|
3239
3338
|
}
|
3240
3339
|
}
|
3241
3340
|
.cds--overflow-menu:hover,
|
3242
3341
|
.cds--overflow-menu__trigger:hover {
|
3243
|
-
background-color: var(--cds-
|
3342
|
+
background-color: var(--cds-layer-hover);
|
3244
3343
|
}
|
3245
3344
|
|
3246
3345
|
.cds--overflow-menu--sm {
|
@@ -3284,6 +3383,10 @@ fieldset[disabled] .cds--form__helper-text {
|
|
3284
3383
|
fill: var(--cds-icon-primary, #161616);
|
3285
3384
|
}
|
3286
3385
|
|
3386
|
+
.cds--overflow-menu__wrapper {
|
3387
|
+
line-height: 0;
|
3388
|
+
}
|
3389
|
+
|
3287
3390
|
.cds--overflow-menu-options {
|
3288
3391
|
box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
|
3289
3392
|
position: absolute;
|
@@ -3525,7 +3628,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
3525
3628
|
|
3526
3629
|
.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn {
|
3527
3630
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
3528
|
-
|
3631
|
+
cursor: not-allowed;
|
3529
3632
|
}
|
3530
3633
|
.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover, .cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active, .cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus {
|
3531
3634
|
outline: 2px solid transparent;
|
@@ -3547,7 +3650,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
3547
3650
|
/* stylelint-disable */
|
3548
3651
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
3549
3652
|
.cds--overflow-menu:focus,
|
3550
|
-
.cds--overflow-menu-options__btn:focus {
|
3653
|
+
.cds--overflow-menu-options__btn:focus {
|
3551
3654
|
color: Highlight;
|
3552
3655
|
outline: 1px solid Highlight;
|
3553
3656
|
}
|
@@ -5075,7 +5178,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
5075
5178
|
}
|
5076
5179
|
@media (prefers-reduced-motion: no-preference) {
|
5077
5180
|
.c4p--cascade__element,
|
5078
|
-
.c4p--cascade__col {
|
5181
|
+
.c4p--cascade__col {
|
5079
5182
|
/* stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use -- Carbon animation duration defined above in $animationProps */
|
5080
5183
|
animation: 240ms cubic-bezier(0.2, 0, 0.38, 0.9) 0s 1 fade;
|
5081
5184
|
animation-fill-mode: forwards;
|
@@ -5138,7 +5241,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
5138
5241
|
.security--combo-button .security--combo-button__overflow-menu {
|
5139
5242
|
width: 3rem;
|
5140
5243
|
height: auto;
|
5141
|
-
border-left: 0.125rem solid var(--cds-border-subtle-01, #
|
5244
|
+
border-left: 0.125rem solid var(--cds-border-subtle-01, #c6c6c6);
|
5142
5245
|
background-color: var(--cds-background-brand, #0f62fe);
|
5143
5246
|
}
|
5144
5247
|
|
@@ -5318,6 +5421,10 @@ a.cds--overflow-menu-options__btn::before {
|
|
5318
5421
|
fill: var(--cds-interactive, #0f62fe);
|
5319
5422
|
}
|
5320
5423
|
|
5424
|
+
.cds--progress--space-equal .cds--progress-text {
|
5425
|
+
overflow: hidden;
|
5426
|
+
}
|
5427
|
+
|
5321
5428
|
.cds--progress-label {
|
5322
5429
|
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
5323
5430
|
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
@@ -5343,19 +5450,20 @@ a.cds--overflow-menu-options__btn::before {
|
|
5343
5450
|
cursor: pointer;
|
5344
5451
|
}
|
5345
5452
|
|
5346
|
-
.cds--progress-label:focus {
|
5347
|
-
box-shadow: 0 0.1875rem 0 0 var(--cds-link-primary, #0f62fe);
|
5348
|
-
color: var(--cds-link-primary, #0f62fe);
|
5349
|
-
outline: none;
|
5350
|
-
}
|
5351
|
-
|
5352
5453
|
.cds--progress--space-equal .cds--progress-label {
|
5353
5454
|
max-width: 100%;
|
5354
5455
|
margin-right: 0.75rem;
|
5355
5456
|
}
|
5356
5457
|
|
5458
|
+
.cds--progress-step-button:not(.cds--progress-step-button--unclickable):focus {
|
5459
|
+
outline: none;
|
5460
|
+
}
|
5461
|
+
.cds--progress-step-button:not(.cds--progress-step-button--unclickable):focus-visible .cds--progress-label {
|
5462
|
+
color: var(--cds-focus, #0f62fe);
|
5463
|
+
outline: 0.0625rem solid var(--cds-focus, #0f62fe);
|
5464
|
+
}
|
5357
5465
|
.cds--progress-step-button:not(.cds--progress-step-button--unclickable) .cds--progress-label:active {
|
5358
|
-
box-shadow: 0 0.
|
5466
|
+
box-shadow: 0 0.0625rem 0 0 var(--cds-text-primary, #161616);
|
5359
5467
|
color: var(--cds-text-primary, #161616);
|
5360
5468
|
}
|
5361
5469
|
|
@@ -5487,11 +5595,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
5487
5595
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
5488
5596
|
cursor: not-allowed;
|
5489
5597
|
}
|
5490
|
-
.cds--progress-step--disabled .cds--progress-label:focus,
|
5491
|
-
.cds--progress-step--disabled .cds--progress-label:active {
|
5492
|
-
box-shadow: none;
|
5493
|
-
outline: none;
|
5494
|
-
}
|
5495
5598
|
.cds--progress-step--disabled .cds--progress-line {
|
5496
5599
|
cursor: not-allowed;
|
5497
5600
|
}
|
@@ -5534,6 +5637,10 @@ a.cds--overflow-menu-options__btn::before {
|
|
5534
5637
|
}
|
5535
5638
|
}
|
5536
5639
|
|
5640
|
+
.cds--progress.cds--progress--vertical.cds--skeleton .cds--progress-label {
|
5641
|
+
margin-top: 0.0625rem;
|
5642
|
+
}
|
5643
|
+
|
5537
5644
|
.cds--progress--vertical {
|
5538
5645
|
display: flex;
|
5539
5646
|
flex-direction: column;
|
@@ -5587,6 +5694,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
5587
5694
|
}
|
5588
5695
|
|
5589
5696
|
.cds--toggle {
|
5697
|
+
display: inline-block;
|
5590
5698
|
user-select: none;
|
5591
5699
|
}
|
5592
5700
|
|
@@ -5617,7 +5725,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
5617
5725
|
}
|
5618
5726
|
|
5619
5727
|
.cds--toggle__appearance {
|
5620
|
-
display: grid;
|
5728
|
+
display: inline-grid;
|
5621
5729
|
align-items: center;
|
5622
5730
|
column-gap: 0.5rem;
|
5623
5731
|
cursor: pointer;
|
@@ -5650,12 +5758,13 @@ a.cds--overflow-menu-options__btn::before {
|
|
5650
5758
|
}
|
5651
5759
|
|
5652
5760
|
.cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
|
5653
|
-
.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch
|
5761
|
+
.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch,
|
5762
|
+
.cds--toggle:active .cds--toggle__switch {
|
5654
5763
|
box-shadow: 0 0 0 1px var(--cds-focus-inset, #ffffff), 0 0 0 3px var(--cds-focus, #0f62fe);
|
5655
5764
|
}
|
5656
5765
|
|
5657
5766
|
.cds--toggle__switch--checked {
|
5658
|
-
background-color: var(--cds-support-success, #
|
5767
|
+
background-color: var(--cds-support-success, #24a148);
|
5659
5768
|
}
|
5660
5769
|
.cds--toggle__switch--checked::before {
|
5661
5770
|
transform: translateX(1.5rem);
|
@@ -5688,7 +5797,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
5688
5797
|
right: 0.3125rem;
|
5689
5798
|
width: 0.375rem;
|
5690
5799
|
height: 0.3125rem;
|
5691
|
-
fill: var(--cds-support-success, #
|
5800
|
+
fill: var(--cds-support-success, #24a148);
|
5692
5801
|
visibility: hidden;
|
5693
5802
|
}
|
5694
5803
|
|
@@ -5716,16 +5825,42 @@ a.cds--overflow-menu-options__btn::before {
|
|
5716
5825
|
fill: var(--cds-button-disabled, #c6c6c6);
|
5717
5826
|
}
|
5718
5827
|
|
5828
|
+
.cds--toggle--readonly .cds--toggle__appearance {
|
5829
|
+
cursor: default;
|
5830
|
+
}
|
5831
|
+
|
5832
|
+
.cds--toggle--readonly .cds--toggle__switch {
|
5833
|
+
border: 1px solid var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
5834
|
+
background-color: transparent;
|
5835
|
+
}
|
5836
|
+
.cds--toggle--readonly .cds--toggle__switch::before {
|
5837
|
+
top: 0.125rem;
|
5838
|
+
left: 0.125rem;
|
5839
|
+
background-color: var(--cds-text-primary, #161616);
|
5840
|
+
}
|
5841
|
+
|
5842
|
+
.cds--toggle--readonly .cds--toggle__check {
|
5843
|
+
top: 0.3125rem;
|
5844
|
+
right: 0.25rem;
|
5845
|
+
fill: var(--cds-background, #ffffff);
|
5846
|
+
}
|
5847
|
+
|
5848
|
+
.cds--toggle--readonly .cds--toggle__text {
|
5849
|
+
cursor: text;
|
5850
|
+
user-select: text;
|
5851
|
+
}
|
5852
|
+
|
5719
5853
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
5720
5854
|
.cds--toggle__switch,
|
5721
|
-
.cds--toggle__switch::before {
|
5855
|
+
.cds--toggle__switch::before {
|
5722
5856
|
outline: 1px solid transparent;
|
5723
5857
|
}
|
5724
5858
|
}
|
5725
5859
|
|
5726
5860
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
5727
5861
|
.cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
|
5728
|
-
.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch
|
5862
|
+
.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch,
|
5863
|
+
.cds--toggle:active .cds--toggle__switch {
|
5729
5864
|
color: Highlight;
|
5730
5865
|
outline: 1px solid Highlight;
|
5731
5866
|
}
|
@@ -5790,9 +5925,9 @@ a.cds--overflow-menu-options__btn::before {
|
|
5790
5925
|
|
5791
5926
|
@media (prefers-reduced-motion) {
|
5792
5927
|
.c4p--create-influencer__side-nav-opening,
|
5793
|
-
.c4p--create-influencer__progress-indicator-opening,
|
5794
|
-
.c4p--create-influencer__side-nav-closing,
|
5795
|
-
.c4p--create-influencer__progress-indicator-closing {
|
5928
|
+
.c4p--create-influencer__progress-indicator-opening,
|
5929
|
+
.c4p--create-influencer__side-nav-closing,
|
5930
|
+
.c4p--create-influencer__progress-indicator-closing {
|
5796
5931
|
animation: none;
|
5797
5932
|
opacity: 1;
|
5798
5933
|
}
|
@@ -5820,8 +5955,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
5820
5955
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
5821
5956
|
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
5822
5957
|
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
5823
|
-
max-width: 50%;
|
5824
|
-
padding-left: 2.5rem;
|
5825
5958
|
margin-bottom: 0.5rem;
|
5826
5959
|
}
|
5827
5960
|
|
@@ -5830,8 +5963,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
5830
5963
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
5831
5964
|
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
5832
5965
|
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
5833
|
-
max-width: 50%;
|
5834
|
-
padding-left: 2.5rem;
|
5835
5966
|
margin-bottom: 1.5rem;
|
5836
5967
|
}
|
5837
5968
|
|
@@ -5886,7 +6017,8 @@ a.cds--overflow-menu-options__btn::before {
|
|
5886
6017
|
position: relative;
|
5887
6018
|
padding-bottom: 2rem;
|
5888
6019
|
}
|
5889
|
-
|
6020
|
+
|
6021
|
+
.c4p--create-full-page__step .cds--css-grid {
|
5890
6022
|
margin-left: 0;
|
5891
6023
|
}
|
5892
6024
|
|
@@ -5894,7 +6026,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
5894
6026
|
top: 0;
|
5895
6027
|
height: min-content;
|
5896
6028
|
padding-top: 0;
|
5897
|
-
border-right: 1px solid var(--cds-border-subtle-01, #
|
6029
|
+
border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
5898
6030
|
background-color: transparent;
|
5899
6031
|
grid-row: 1;
|
5900
6032
|
overflow-x: auto;
|
@@ -5923,8 +6055,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
5923
6055
|
font-weight: var(--cds-productive-heading-04-font-weight, 400);
|
5924
6056
|
line-height: var(--cds-productive-heading-04-line-height, 1.28572);
|
5925
6057
|
letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
|
5926
|
-
max-width: 50%;
|
5927
|
-
padding-left: 2.5rem;
|
5928
6058
|
margin-bottom: 1rem;
|
5929
6059
|
}
|
5930
6060
|
|
@@ -6329,17 +6459,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
6329
6459
|
background-color: var(--cds-layer-01, #f4f4f4);
|
6330
6460
|
transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
6331
6461
|
}
|
6332
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar
|
6333
|
-
min-width: 2rem;
|
6334
|
-
}
|
6335
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-icon-only-button {
|
6336
|
-
padding: 0;
|
6337
|
-
color: var(--cds-text-primary, #161616);
|
6338
|
-
}
|
6339
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-icon-only-button svg {
|
6340
|
-
margin-left: 0.5rem;
|
6341
|
-
}
|
6342
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-leading-button {
|
6462
|
+
.c4p--side-panel__container .c4p--side-panel__action-toolbar-leading-button {
|
6343
6463
|
margin-right: 0.5rem;
|
6344
6464
|
}
|
6345
6465
|
.c4p--side-panel__container .cds--btn.c4p--side-panel__navigation-back-button {
|
@@ -6362,7 +6482,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
6362
6482
|
display: flex;
|
6363
6483
|
align-items: center;
|
6364
6484
|
justify-content: center;
|
6365
|
-
background-color: var(--cds-layer-01, #f4f4f4);
|
6366
6485
|
}
|
6367
6486
|
.c4p--side-panel__container .cds--btn.c4p--side-panel__close-button .cds--btn__icon {
|
6368
6487
|
margin: 0;
|
@@ -6451,13 +6570,10 @@ a.cds--overflow-menu-options__btn::before {
|
|
6451
6570
|
position: fixed;
|
6452
6571
|
/* stylelint-disable-next-line function-no-unknown */
|
6453
6572
|
z-index: 6000;
|
6454
|
-
top: 0;
|
6455
|
-
right: 0;
|
6456
|
-
bottom: 0;
|
6457
|
-
left: 0;
|
6458
6573
|
width: 100%;
|
6459
6574
|
height: 100%;
|
6460
6575
|
background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
6576
|
+
inset: 0;
|
6461
6577
|
}
|
6462
6578
|
|
6463
6579
|
.c4p--create-side-panel.c4p--side-panel__container .c4p--create-side-panel__content-text {
|
@@ -6669,12 +6785,12 @@ a.cds--overflow-menu-options__btn::before {
|
|
6669
6785
|
}
|
6670
6786
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header {
|
6671
6787
|
padding: 1.5rem 2rem;
|
6672
|
-
border-bottom: 1px solid var(--cds-border-subtle-01, #
|
6788
|
+
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
6673
6789
|
margin: 0;
|
6674
6790
|
}
|
6675
6791
|
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
|
6676
6792
|
padding: 1rem;
|
6677
|
-
border-bottom: 1px solid var(--cds-border-subtle-01, #
|
6793
|
+
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
6678
6794
|
margin: 0;
|
6679
6795
|
}
|
6680
6796
|
.c4p--tearsheet .c4p--tearsheet__header-content {
|
@@ -6711,6 +6827,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
6711
6827
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
6712
6828
|
-webkit-box-orient: vertical;
|
6713
6829
|
-webkit-line-clamp: 2;
|
6830
|
+
word-break: break-word;
|
6714
6831
|
}
|
6715
6832
|
@media (min-width: 42rem) {
|
6716
6833
|
.c4p--tearsheet .c4p--tearsheet__header-description {
|
@@ -6729,6 +6846,9 @@ a.cds--overflow-menu-options__btn::before {
|
|
6729
6846
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
|
6730
6847
|
padding-right: 4rem;
|
6731
6848
|
}
|
6849
|
+
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
|
6850
|
+
max-width: 80%;
|
6851
|
+
}
|
6732
6852
|
.c4p--tearsheet .c4p--tearsheet__header-navigation {
|
6733
6853
|
margin: 0.75rem 0 0;
|
6734
6854
|
}
|
@@ -6744,7 +6864,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
6744
6864
|
}
|
6745
6865
|
.c4p--tearsheet .c4p--tearsheet__influencer {
|
6746
6866
|
flex: 0 0 257px;
|
6747
|
-
border-right: 1px solid var(--cds-border-subtle-01, #
|
6867
|
+
border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
6748
6868
|
overflow-y: auto;
|
6749
6869
|
}
|
6750
6870
|
.c4p--tearsheet .c4p--tearsheet__influencer.c4p--tearsheet__influencer p {
|
@@ -6762,20 +6882,18 @@ a.cds--overflow-menu-options__btn::before {
|
|
6762
6882
|
.c4p--tearsheet .c4p--tearsheet__main {
|
6763
6883
|
display: flex;
|
6764
6884
|
flex-direction: row;
|
6885
|
+
background-color: var(--cds-layer);
|
6765
6886
|
grid-column: 1/-1;
|
6766
6887
|
grid-row: 1/-1;
|
6767
6888
|
}
|
6768
6889
|
.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
|
6769
6890
|
border-right: none;
|
6770
|
-
border-left: 1px solid var(--cds-border-subtle-01, #
|
6891
|
+
border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
6771
6892
|
}
|
6772
6893
|
.c4p--tearsheet .c4p--tearsheet__content {
|
6773
6894
|
overflow: auto;
|
6774
6895
|
flex-grow: 1;
|
6775
6896
|
}
|
6776
|
-
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content {
|
6777
|
-
background: var(--cds-background, #ffffff);
|
6778
|
-
}
|
6779
6897
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination,
|
6780
6898
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination__control-buttons,
|
6781
6899
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-input,
|
@@ -6786,7 +6904,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
6786
6904
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown-list,
|
6787
6905
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--number input[type=number],
|
6788
6906
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--date-picker__input {
|
6789
|
-
background-color: var(--cds-field
|
6907
|
+
background-color: var(--cds-field);
|
6790
6908
|
}
|
6791
6909
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--select--inline .cds--select-input {
|
6792
6910
|
background-color: transparent;
|
@@ -6809,7 +6927,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
6809
6927
|
.c4p--tearsheet .c4p--tearsheet__buttons {
|
6810
6928
|
display: inline-flex;
|
6811
6929
|
min-width: 100%;
|
6812
|
-
border-top: 1px solid var(--cds-border-subtle-01, #
|
6930
|
+
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
6813
6931
|
}
|
6814
6932
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons {
|
6815
6933
|
background: var(--cds-background, #ffffff);
|
@@ -6826,6 +6944,9 @@ a.cds--overflow-menu-options__btn::before {
|
|
6826
6944
|
}
|
6827
6945
|
}
|
6828
6946
|
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
|
6947
|
+
padding-right: 0.5rem;
|
6948
|
+
padding-left: 0.5rem;
|
6949
|
+
margin-left: 0;
|
6829
6950
|
animation: step-content-entrance 400ms;
|
6830
6951
|
animation-fill-mode: forwards;
|
6831
6952
|
animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
|
@@ -6837,7 +6958,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
6837
6958
|
}
|
6838
6959
|
|
6839
6960
|
.c4p--tearsheet-create__step .cds--css-grid {
|
6840
|
-
padding-left: 0;
|
6841
6961
|
margin-left: 0;
|
6842
6962
|
}
|
6843
6963
|
|
@@ -6860,7 +6980,8 @@ a.cds--overflow-menu-options__btn::before {
|
|
6860
6980
|
}
|
6861
6981
|
.c4p--tearsheet-create .c4p--tearsheet-create__content {
|
6862
6982
|
height: 100%;
|
6863
|
-
padding: 1.5rem;
|
6983
|
+
padding-top: 1.5rem;
|
6984
|
+
padding-bottom: 1.5rem;
|
6864
6985
|
overflow-x: hidden;
|
6865
6986
|
}
|
6866
6987
|
|
@@ -7051,6 +7172,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
7051
7172
|
}
|
7052
7173
|
|
7053
7174
|
.cds--link.cds--link--inline {
|
7175
|
+
display: inline;
|
7054
7176
|
text-decoration: underline;
|
7055
7177
|
}
|
7056
7178
|
.cds--link.cds--link--inline:focus, .cds--link.cds--link--inline:visited {
|
@@ -7083,28 +7205,29 @@ a.cds--overflow-menu-options__btn::before {
|
|
7083
7205
|
}
|
7084
7206
|
|
7085
7207
|
.c4p--empty-state {
|
7208
|
+
display: flex;
|
7086
7209
|
color: var(--cds-text-primary, #161616);
|
7087
7210
|
}
|
7088
7211
|
.c4p--empty-state .c4p--empty-state__header {
|
7089
|
-
font-size: var(--cds-
|
7090
|
-
font-weight: var(--cds-
|
7091
|
-
line-height: var(--cds-
|
7092
|
-
letter-spacing: var(--cds-
|
7093
|
-
padding-bottom: 0.
|
7212
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
7213
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
7214
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
7215
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
7216
|
+
padding-bottom: 0.5rem;
|
7094
7217
|
margin: 0;
|
7095
7218
|
}
|
7096
7219
|
.c4p--empty-state .c4p--empty-state__subtitle {
|
7097
|
-
font-size: var(--cds-body-
|
7098
|
-
font-weight: var(--cds-body-
|
7099
|
-
line-height: var(--cds-body-
|
7100
|
-
letter-spacing: var(--cds-body-
|
7220
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
7221
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
7222
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
7223
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
7101
7224
|
padding-bottom: 1rem;
|
7102
7225
|
}
|
7103
7226
|
.c4p--empty-state .c4p--empty-state__header--small {
|
7104
|
-
font-size: var(--cds-body-
|
7105
|
-
font-weight: var(--cds-body-
|
7106
|
-
line-height: var(--cds-body-
|
7107
|
-
letter-spacing: var(--cds-body-
|
7227
|
+
font-size: var(--cds-body-compact-02-font-size, 1rem);
|
7228
|
+
font-weight: var(--cds-body-compact-02-font-weight, 400);
|
7229
|
+
line-height: var(--cds-body-compact-02-line-height, 1.375);
|
7230
|
+
letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
|
7108
7231
|
padding-bottom: 0.5rem;
|
7109
7232
|
}
|
7110
7233
|
.c4p--empty-state .c4p--empty-state__subtitle--small {
|
@@ -7127,6 +7250,22 @@ a.cds--overflow-menu-options__btn::before {
|
|
7127
7250
|
max-width: 4rem;
|
7128
7251
|
}
|
7129
7252
|
|
7253
|
+
.c4p--empty-state-position--top {
|
7254
|
+
flex-direction: column;
|
7255
|
+
}
|
7256
|
+
|
7257
|
+
.c4p--empty-state-position--right {
|
7258
|
+
flex-direction: row-reverse;
|
7259
|
+
}
|
7260
|
+
|
7261
|
+
.c4p--empty-state-position--bottom {
|
7262
|
+
flex-direction: column-reverse;
|
7263
|
+
}
|
7264
|
+
|
7265
|
+
.c4p--empty-state-position--left {
|
7266
|
+
flex-direction: row;
|
7267
|
+
}
|
7268
|
+
|
7130
7269
|
.c4p--empty-state .c4p--empty-state__action-button {
|
7131
7270
|
display: block;
|
7132
7271
|
margin-bottom: 1rem;
|
@@ -7239,6 +7378,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
7239
7378
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
7240
7379
|
.cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {
|
7241
7380
|
fill: ButtonText;
|
7381
|
+
background-color: ButtonText;
|
7242
7382
|
}
|
7243
7383
|
}
|
7244
7384
|
|
@@ -7256,6 +7396,64 @@ a.cds--overflow-menu-options__btn::before {
|
|
7256
7396
|
background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
7257
7397
|
}
|
7258
7398
|
|
7399
|
+
.cds--radio-button-group--readonly .cds--radio-button + .cds--radio-button__label .cds--radio-button__appearance {
|
7400
|
+
border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
7401
|
+
}
|
7402
|
+
|
7403
|
+
.cds--radio-button-group--readonly .cds--radio-button__label {
|
7404
|
+
cursor: default;
|
7405
|
+
}
|
7406
|
+
|
7407
|
+
.cds--radio-button-group--readonly .cds--radio-button__label-text {
|
7408
|
+
cursor: text;
|
7409
|
+
user-select: text;
|
7410
|
+
}
|
7411
|
+
|
7412
|
+
.cds--radio-button-group--invalid .cds--radio-button + .cds--radio-button__label .cds--radio-button__appearance {
|
7413
|
+
border-color: var(--cds-support-error, #da1e28);
|
7414
|
+
}
|
7415
|
+
|
7416
|
+
.cds--radio-button__validation-msg {
|
7417
|
+
display: none;
|
7418
|
+
align-items: flex-end;
|
7419
|
+
margin-top: 0.375rem;
|
7420
|
+
}
|
7421
|
+
|
7422
|
+
.cds--radio-button__invalid-icon {
|
7423
|
+
margin: 0 0.0625rem 0 0.1875rem;
|
7424
|
+
fill: var(--cds-support-error, #da1e28);
|
7425
|
+
}
|
7426
|
+
|
7427
|
+
.cds--radio-button__invalid-icon--warning {
|
7428
|
+
fill: var(--cds-support-warning, #f1c21b);
|
7429
|
+
}
|
7430
|
+
|
7431
|
+
.cds--radio-button__invalid-icon--warning path:first-of-type {
|
7432
|
+
fill: #000000;
|
7433
|
+
}
|
7434
|
+
|
7435
|
+
.cds--radio-button-group--invalid + .cds--radio-button__validation-msg,
|
7436
|
+
.cds--radio-button-group--warning + .cds--radio-button__validation-msg {
|
7437
|
+
display: flex;
|
7438
|
+
}
|
7439
|
+
|
7440
|
+
.cds--radio-button-group--invalid + .cds--radio-button__validation-msg .cds--form-requirement,
|
7441
|
+
.cds--radio-button-group--warning + .cds--radio-button__validation-msg .cds--form-requirement {
|
7442
|
+
display: block;
|
7443
|
+
overflow: visible;
|
7444
|
+
max-height: 100%;
|
7445
|
+
margin-top: 0;
|
7446
|
+
margin-left: 0.5rem;
|
7447
|
+
}
|
7448
|
+
|
7449
|
+
.cds--radio-button-group--invalid + .cds--radio-button__validation-msg .cds--form-requirement {
|
7450
|
+
color: var(--cds-text-error, #da1e28);
|
7451
|
+
}
|
7452
|
+
|
7453
|
+
.cds--radio-button-group ~ .cds--form__helper-text {
|
7454
|
+
margin-top: 0.375rem;
|
7455
|
+
}
|
7456
|
+
|
7259
7457
|
.cds--radio-button:focus + .cds--radio-button__label .cds--radio-button__appearance {
|
7260
7458
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
7261
7459
|
outline-offset: 1.5px;
|
@@ -7502,22 +7700,18 @@ a.cds--overflow-menu-options__btn::before {
|
|
7502
7700
|
fill: var(--cds-button-danger-primary, #da1e28);
|
7503
7701
|
}
|
7504
7702
|
|
7505
|
-
.cds--modal-content.c4p--export-modal__body-container {
|
7506
|
-
padding-bottom: 1.5rem;
|
7507
|
-
}
|
7508
|
-
|
7509
7703
|
.c4p--card {
|
7510
|
-
background: var(--cds-layer-01, #f4f4f4);
|
7704
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
7511
7705
|
color: var(--cds-text-primary, #161616);
|
7512
7706
|
}
|
7513
7707
|
|
7514
7708
|
.c4p--card__clickable {
|
7515
7709
|
cursor: pointer;
|
7516
|
-
transition: background 110ms;
|
7710
|
+
transition: background-color 110ms;
|
7517
7711
|
}
|
7518
7712
|
|
7519
7713
|
.c4p--card__clickable:hover {
|
7520
|
-
background: var(--cds-
|
7714
|
+
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
7521
7715
|
}
|
7522
7716
|
|
7523
7717
|
.c4p--card__media-left {
|
@@ -7577,10 +7771,10 @@ a.cds--overflow-menu-options__btn::before {
|
|
7577
7771
|
}
|
7578
7772
|
|
7579
7773
|
.c4p--card__body {
|
7580
|
-
font-size: var(--cds-body-
|
7581
|
-
font-weight: var(--cds-body-
|
7582
|
-
line-height: var(--cds-body-
|
7583
|
-
letter-spacing: var(--cds-body-
|
7774
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
7775
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
7776
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
7777
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
7584
7778
|
padding: 1rem;
|
7585
7779
|
padding-top: 0;
|
7586
7780
|
}
|
@@ -7593,15 +7787,22 @@ a.cds--overflow-menu-options__btn::before {
|
|
7593
7787
|
.c4p--card__actions {
|
7594
7788
|
display: flex;
|
7595
7789
|
flex-direction: row;
|
7596
|
-
margin: 1rem;
|
7597
|
-
margin-top: 0;
|
7598
7790
|
}
|
7599
7791
|
|
7600
7792
|
.c4p--card__icon {
|
7793
|
+
padding: 0.5rem;
|
7601
7794
|
color: inherit;
|
7602
7795
|
cursor: pointer;
|
7603
7796
|
}
|
7604
7797
|
|
7798
|
+
.c4p--card__icon:hover {
|
7799
|
+
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
7800
|
+
}
|
7801
|
+
|
7802
|
+
c4p--card__icon:active {
|
7803
|
+
color: var(--cds-link-primary-hover, #0043ce);
|
7804
|
+
}
|
7805
|
+
|
7605
7806
|
.c4p--card__link {
|
7606
7807
|
color: inherit;
|
7607
7808
|
text-decoration: inherit;
|
@@ -7613,10 +7814,10 @@ a.cds--overflow-menu-options__btn::before {
|
|
7613
7814
|
}
|
7614
7815
|
|
7615
7816
|
.c4p--card__title {
|
7616
|
-
font-size: var(--cds-
|
7617
|
-
font-weight: var(--cds-
|
7618
|
-
line-height: var(--cds-
|
7619
|
-
letter-spacing: var(--cds-
|
7817
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
7818
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
7819
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
7820
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
7620
7821
|
}
|
7621
7822
|
|
7622
7823
|
.c4p--http-errors .c4p--http-errors__content {
|
@@ -7638,26 +7839,26 @@ a.cds--overflow-menu-options__btn::before {
|
|
7638
7839
|
}
|
7639
7840
|
|
7640
7841
|
.c4p--http-errors .c4p--http-errors__error-code-label {
|
7641
|
-
font-size: var(--cds-
|
7642
|
-
font-weight: var(--cds-
|
7643
|
-
line-height: var(--cds-
|
7644
|
-
letter-spacing: var(--cds-
|
7842
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
7843
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
7844
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
7845
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
7645
7846
|
margin-bottom: 0.25rem;
|
7646
7847
|
}
|
7647
7848
|
|
7648
7849
|
.c4p--http-errors .c4p--http-errors__title {
|
7649
|
-
font-size: var(--cds-
|
7650
|
-
font-weight: var(--cds-
|
7651
|
-
line-height: var(--cds-
|
7652
|
-
letter-spacing: var(--cds-
|
7850
|
+
font-size: var(--cds-heading-05-font-size, 2rem);
|
7851
|
+
font-weight: var(--cds-heading-05-font-weight, 400);
|
7852
|
+
line-height: var(--cds-heading-05-line-height, 1.25);
|
7853
|
+
letter-spacing: var(--cds-heading-05-letter-spacing, 0);
|
7653
7854
|
margin-bottom: 0.75rem;
|
7654
7855
|
}
|
7655
7856
|
|
7656
7857
|
.c4p--http-errors .c4p--http-errors__description {
|
7657
|
-
font-size: var(--cds-body-
|
7658
|
-
font-weight: var(--cds-body-
|
7659
|
-
line-height: var(--cds-body-
|
7660
|
-
letter-spacing: var(--cds-body-
|
7858
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
7859
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
7860
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
7861
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
7661
7862
|
margin-bottom: 1.5rem;
|
7662
7863
|
}
|
7663
7864
|
|
@@ -7807,6 +8008,10 @@ a.cds--overflow-menu-options__btn::before {
|
|
7807
8008
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
7808
8009
|
}
|
7809
8010
|
|
8011
|
+
.cds--file-container--drop {
|
8012
|
+
width: 100%;
|
8013
|
+
}
|
8014
|
+
|
7810
8015
|
.cds--file-btn ~ .cds--file-container {
|
7811
8016
|
margin-top: 1.5rem;
|
7812
8017
|
}
|
@@ -7958,7 +8163,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
7958
8163
|
}
|
7959
8164
|
|
7960
8165
|
.cds--file__state-container .cds--file-complete {
|
7961
|
-
cursor: pointer;
|
7962
8166
|
fill: var(--cds-interactive, #0f62fe);
|
7963
8167
|
}
|
7964
8168
|
.cds--file__state-container .cds--file-complete:focus {
|
@@ -8011,6 +8215,21 @@ a.cds--overflow-menu-options__btn::before {
|
|
8011
8215
|
}
|
8012
8216
|
|
8013
8217
|
.cds--file__drop-container {
|
8218
|
+
box-sizing: border-box;
|
8219
|
+
padding: 0;
|
8220
|
+
border: 0;
|
8221
|
+
margin: 0;
|
8222
|
+
font-family: inherit;
|
8223
|
+
font-size: 100%;
|
8224
|
+
vertical-align: baseline;
|
8225
|
+
display: inline-block;
|
8226
|
+
padding: 0;
|
8227
|
+
border: 0;
|
8228
|
+
appearance: none;
|
8229
|
+
background: none;
|
8230
|
+
cursor: pointer;
|
8231
|
+
text-align: start;
|
8232
|
+
width: 100%;
|
8014
8233
|
display: flex;
|
8015
8234
|
overflow: hidden;
|
8016
8235
|
height: 6rem;
|
@@ -8023,6 +8242,14 @@ a.cds--overflow-menu-options__btn::before {
|
|
8023
8242
|
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
8024
8243
|
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
8025
8244
|
}
|
8245
|
+
.cds--file__drop-container *,
|
8246
|
+
.cds--file__drop-container *::before,
|
8247
|
+
.cds--file__drop-container *::after {
|
8248
|
+
box-sizing: inherit;
|
8249
|
+
}
|
8250
|
+
.cds--file__drop-container::-moz-focus-inner {
|
8251
|
+
border: 0;
|
8252
|
+
}
|
8026
8253
|
|
8027
8254
|
.cds--file__drop-container--drag-over {
|
8028
8255
|
background: none;
|
@@ -8112,76 +8339,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
8112
8339
|
background: var(--cds-layer-02, #ffffff);
|
8113
8340
|
}
|
8114
8341
|
|
8115
|
-
.c4p--modified-tabs .c4p--modified-tabs__tab-label {
|
8116
|
-
display: flex;
|
8117
|
-
width: 100%;
|
8118
|
-
align-items: flex-end;
|
8119
|
-
justify-content: space-between;
|
8120
|
-
}
|
8121
|
-
|
8122
|
-
.c4p--modified-tabs__tab-new,
|
8123
|
-
.c4p--modified-tabs__tab {
|
8124
|
-
position: relative;
|
8125
|
-
display: inline-block;
|
8126
|
-
width: 100%;
|
8127
|
-
height: 100%;
|
8128
|
-
}
|
8129
|
-
|
8130
|
-
.c4p--modified-tabs__tab-new-img,
|
8131
|
-
.c4p--modified-tabs__tab-close {
|
8132
|
-
position: absolute;
|
8133
|
-
top: -0.75rem;
|
8134
|
-
right: -1rem;
|
8135
|
-
overflow: hidden;
|
8136
|
-
width: 2.5rem;
|
8137
|
-
height: 2.5rem;
|
8138
|
-
padding: 0.75rem;
|
8139
|
-
border: 0.125rem solid transparent;
|
8140
|
-
background-color: transparent;
|
8141
|
-
border-radius: 0;
|
8142
|
-
cursor: pointer;
|
8143
|
-
transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
8144
|
-
}
|
8145
|
-
@media (prefers-reduced-motion: reduce) {
|
8146
|
-
.c4p--modified-tabs__tab-new-img,
|
8147
|
-
.c4p--modified-tabs__tab-close {
|
8148
|
-
transition: none;
|
8149
|
-
}
|
8150
|
-
}
|
8151
|
-
|
8152
|
-
.c4p--modified-tabs__tab-new-icon {
|
8153
|
-
display: flex;
|
8154
|
-
align-items: center;
|
8155
|
-
justify-content: center;
|
8156
|
-
padding: 0;
|
8157
|
-
margin-top: 0.125rem;
|
8158
|
-
}
|
8159
|
-
|
8160
|
-
.c4p--modified-tabs__tab-close:focus {
|
8161
|
-
border-color: var(--cds-button-primary, #0f62fe);
|
8162
|
-
outline: none;
|
8163
|
-
}
|
8164
|
-
|
8165
|
-
.c4p--modified-tabs__tab-close:hover {
|
8166
|
-
background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
|
8167
|
-
}
|
8168
|
-
|
8169
|
-
.c4p--modified-tabs__tab-new-img {
|
8170
|
-
display: flex;
|
8171
|
-
align-items: center;
|
8172
|
-
justify-content: center;
|
8173
|
-
padding: 0;
|
8174
|
-
}
|
8175
|
-
|
8176
|
-
.c4p--modified-tabs .cds--tabs__nav-item.cds--tabs__nav-link {
|
8177
|
-
width: 10rem;
|
8178
|
-
}
|
8179
|
-
|
8180
|
-
.c4p--modified-tabs .cds--tab--overflow-nav-button--previous,
|
8181
|
-
.c4p--modified-tabs .cds--tab--overflow-nav-button--next {
|
8182
|
-
z-index: 2;
|
8183
|
-
}
|
8184
|
-
|
8185
8342
|
.c4p--add-select__header {
|
8186
8343
|
padding: 1rem;
|
8187
8344
|
padding-bottom: 0;
|
@@ -8193,9 +8350,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
8193
8350
|
}
|
8194
8351
|
|
8195
8352
|
/* stylelint-disable max-nesting-depth */
|
8196
|
-
.c4p--add-select__selections.cds--structured-list {
|
8197
|
-
margin-bottom: 0;
|
8198
|
-
}
|
8199
8353
|
.c4p--add-select__selections-wrapper {
|
8200
8354
|
display: block;
|
8201
8355
|
}
|
@@ -8224,35 +8378,27 @@ a.cds--overflow-menu-options__btn::before {
|
|
8224
8378
|
flex-direction: column;
|
8225
8379
|
justify-content: center;
|
8226
8380
|
}
|
8227
|
-
.c4p--add-select__selections-
|
8228
|
-
|
8229
|
-
visibility: visible;
|
8230
|
-
}
|
8231
|
-
.c4p--add-select__selections-hidden-hover {
|
8232
|
-
visibility: hidden;
|
8381
|
+
.c4p--add-select__selections-dropdown .cds--dropdown {
|
8382
|
+
background: transparent;
|
8233
8383
|
}
|
8234
|
-
.c4p--add-select__selections-row--selected
|
8235
|
-
border-bottom: 1px solid var(--cds-layer-selected-01, #e0e0e0);
|
8384
|
+
.c4p--add-select__selections-row--selected {
|
8236
8385
|
background-color: var(--cds-layer-selected-01, #e0e0e0);
|
8237
8386
|
}
|
8238
|
-
.c4p--add-select__selections-
|
8387
|
+
.c4p--add-select__selections-row--active {
|
8388
|
+
background-color: var(--cds-layer-active-01, #c6c6c6);
|
8389
|
+
}
|
8390
|
+
.c4p--add-select__selections-form-control {
|
8239
8391
|
display: flex;
|
8240
8392
|
align-items: center;
|
8241
8393
|
}
|
8242
|
-
.c4p--add-select__selections-
|
8394
|
+
.c4p--add-select__selections-form-control-label-wrapper {
|
8243
8395
|
display: flex;
|
8244
8396
|
margin-left: 1rem;
|
8245
8397
|
}
|
8246
|
-
.c4p--add-select__selections-
|
8398
|
+
.c4p--add-select__selections-form-control-label-text {
|
8247
8399
|
display: flex;
|
8248
8400
|
flex-direction: column;
|
8249
8401
|
}
|
8250
|
-
.c4p--add-select__selections-checkbox-wrapper.cds--form-item {
|
8251
|
-
flex: 0;
|
8252
|
-
}
|
8253
|
-
.c4p--add-select__selections-checkbox-wrapper .cds--checkbox-label-text {
|
8254
|
-
display: none;
|
8255
|
-
}
|
8256
8402
|
.c4p--add-select__selections-cell-avatar {
|
8257
8403
|
margin-right: 0.5rem;
|
8258
8404
|
}
|
@@ -8267,7 +8413,10 @@ a.cds--overflow-menu-options__btn::before {
|
|
8267
8413
|
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
8268
8414
|
}
|
8269
8415
|
|
8270
|
-
.c4p--add-select .c4p--add-select__selections-row:hover
|
8416
|
+
.c4p--add-select .c4p--add-select__selections-row:hover {
|
8417
|
+
background: var(--cds-layer-hover-01, #e8e8e8);
|
8418
|
+
}
|
8419
|
+
.c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-cell-title {
|
8271
8420
|
color: var(--cds-interactive, #0f62fe);
|
8272
8421
|
}
|
8273
8422
|
.c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-view-children svg {
|
@@ -8286,14 +8435,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
8286
8435
|
padding: 0 1rem;
|
8287
8436
|
}
|
8288
8437
|
|
8289
|
-
.c4p--add-select .cds--structured-list-row {
|
8290
|
-
border-bottom: 0;
|
8291
|
-
}
|
8292
|
-
|
8293
|
-
.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) {
|
8294
|
-
border-bottom: 0;
|
8295
|
-
}
|
8296
|
-
|
8297
8438
|
.c4p--add-select__sidebar-header {
|
8298
8439
|
display: flex;
|
8299
8440
|
padding: 2rem 1rem 0.5rem 1rem;
|
@@ -8358,17 +8499,17 @@ a.cds--overflow-menu-options__btn::before {
|
|
8358
8499
|
flex-grow: 1;
|
8359
8500
|
overflow-x: auto;
|
8360
8501
|
}
|
8361
|
-
.c4p--add-select__columns .c4p--add-select__selections-
|
8502
|
+
.c4p--add-select__columns .c4p--add-select__selections-form-control-label-wrapper {
|
8362
8503
|
margin-left: 0.5rem;
|
8363
8504
|
}
|
8364
|
-
.c4p--add-select__columns .c4p--add-select__selections-row
|
8505
|
+
.c4p--add-select__columns .c4p--add-select__selections-row {
|
8365
8506
|
border-left: 0;
|
8366
8507
|
}
|
8367
8508
|
.c4p--add-select__columns .c4p--add-select__selections .c4p--add-select__selections-cell {
|
8368
8509
|
padding: 0;
|
8369
8510
|
}
|
8370
8511
|
.c4p--add-select__columns .c4p--add-select__selections-cell-wrapper {
|
8371
|
-
height:
|
8512
|
+
height: 2rem;
|
8372
8513
|
padding: 0 0.5rem;
|
8373
8514
|
}
|
8374
8515
|
.c4p--add-select__columns .c4p--add-select__tags {
|
@@ -8378,24 +8519,21 @@ a.cds--overflow-menu-options__btn::before {
|
|
8378
8519
|
.c4p--add-select__columns .c4p--add-select__selections-wrapper-multi {
|
8379
8520
|
padding: 0;
|
8380
8521
|
}
|
8381
|
-
.c4p--add-select__columns .c4p--add-select__selections.cds--structured-list {
|
8382
|
-
border-top: 0;
|
8383
|
-
}
|
8384
8522
|
|
8385
8523
|
.c4p--add-select__selections-wrapper-multi .c4p--add-select__selections-cell {
|
8386
8524
|
padding: 0 1rem;
|
8387
8525
|
}
|
8388
8526
|
|
8389
8527
|
.c4p--add-select__selections-row:first-child .c4p--add-select__selections-cell-wrapper {
|
8390
|
-
border-top: 1px solid var(--cds-border-subtle-01, #
|
8528
|
+
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
8391
8529
|
}
|
8392
8530
|
|
8393
8531
|
.c4p--add-select__column {
|
8394
8532
|
overflow: auto;
|
8395
8533
|
flex: 0 0 20rem;
|
8396
8534
|
padding: 1rem;
|
8397
|
-
border-top: 1px solid var(--cds-border-subtle-01, #
|
8398
|
-
border-right: 1px solid var(--cds-border-subtle-01, #
|
8535
|
+
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
8536
|
+
border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
8399
8537
|
}
|
8400
8538
|
.c4p--add-select__column-search-bar {
|
8401
8539
|
display: flex;
|
@@ -8410,6 +8548,10 @@ a.cds--overflow-menu-options__btn::before {
|
|
8410
8548
|
border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d);
|
8411
8549
|
}
|
8412
8550
|
|
8551
|
+
.c4p--add-select-sort_overflow {
|
8552
|
+
z-index: 9999;
|
8553
|
+
}
|
8554
|
+
|
8413
8555
|
.c4p--add-select__tags {
|
8414
8556
|
display: flex;
|
8415
8557
|
align-items: center;
|
@@ -8422,7 +8564,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
8422
8564
|
|
8423
8565
|
.c4p--add-select__global-filter {
|
8424
8566
|
position: absolute;
|
8425
|
-
z-index:
|
8567
|
+
z-index: 999999;
|
8426
8568
|
right: 0;
|
8427
8569
|
width: 100%;
|
8428
8570
|
max-width: 40rem;
|
@@ -8508,6 +8650,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8508
8650
|
|
8509
8651
|
.c4p--add-select.c4p--tearsheet .c4p--tearsheet__influencer {
|
8510
8652
|
flex-basis: 22.5rem;
|
8653
|
+
background: var(--cds-layer-01, #f4f4f4);
|
8654
|
+
}
|
8655
|
+
|
8656
|
+
.c4p--add-select.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown {
|
8657
|
+
background-color: transparent;
|
8511
8658
|
}
|
8512
8659
|
|
8513
8660
|
.c4p--add-select.c4p--tearsheet .c4p--tearsheet__header-description {
|
@@ -8534,12 +8681,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8534
8681
|
padding-right: 0;
|
8535
8682
|
}
|
8536
8683
|
|
8537
|
-
.c4p--add-select .cds--structured-list-td {
|
8538
|
-
height: 4rem;
|
8539
|
-
padding: 1rem;
|
8540
|
-
vertical-align: middle;
|
8541
|
-
}
|
8542
|
-
|
8543
8684
|
.c4p--add-select .cds--radio-button__appearance {
|
8544
8685
|
margin: 0 1rem 0 0;
|
8545
8686
|
}
|
@@ -8559,10 +8700,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8559
8700
|
opacity: 0;
|
8560
8701
|
}
|
8561
8702
|
|
8562
|
-
.c4p--add-select .cds--checkbox-label-text {
|
8563
|
-
padding-left: 0.5rem;
|
8564
|
-
}
|
8565
|
-
|
8566
8703
|
.c4p--add-select__multi .c4p--empty-state {
|
8567
8704
|
max-width: 16rem;
|
8568
8705
|
margin-top: 3rem;
|
@@ -8590,8 +8727,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8590
8727
|
margin-top: 0.5rem;
|
8591
8728
|
}
|
8592
8729
|
|
8593
|
-
.c4p--add-select .cds--tooltip,
|
8594
|
-
.c4p--add-select .cds--overflow-menu-options {
|
8730
|
+
.c4p--add-select + div .cds--tooltip,
|
8731
|
+
.c4p--add-select + div .cds--overflow-menu-options {
|
8595
8732
|
z-index: 9000;
|
8596
8733
|
}
|
8597
8734
|
|
@@ -8637,6 +8774,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8637
8774
|
--cds-border-subtle-selected-01: #525252;
|
8638
8775
|
--cds-border-subtle-selected-02: #6f6f6f;
|
8639
8776
|
--cds-border-subtle-selected-03: #8d8d8d;
|
8777
|
+
--cds-border-tile-01: #525252;
|
8778
|
+
--cds-border-tile-02: #6f6f6f;
|
8779
|
+
--cds-border-tile-03: #8d8d8d;
|
8640
8780
|
--cds-field-01: #262626;
|
8641
8781
|
--cds-field-02: #393939;
|
8642
8782
|
--cds-field-03: #525252;
|
@@ -8648,6 +8788,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8648
8788
|
--cds-focus-inverse: #0f62fe;
|
8649
8789
|
--cds-highlight: #002d9c;
|
8650
8790
|
--cds-icon-disabled: rgba(244, 244, 244, 0.25);
|
8791
|
+
--cds-icon-interactive: #ffffff;
|
8651
8792
|
--cds-icon-inverse: #161616;
|
8652
8793
|
--cds-icon-on-color: #ffffff;
|
8653
8794
|
--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
|
@@ -8733,6 +8874,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8733
8874
|
--cds-label-01-font-weight: 400;
|
8734
8875
|
--cds-label-01-line-height: 1.33333;
|
8735
8876
|
--cds-label-01-letter-spacing: 0.32px;
|
8877
|
+
--cds-label-02-font-size: 0.875rem;
|
8878
|
+
--cds-label-02-font-weight: 400;
|
8879
|
+
--cds-label-02-line-height: 1.28572;
|
8880
|
+
--cds-label-02-letter-spacing: 0.16px;
|
8736
8881
|
--cds-helper-text-01-font-size: 0.75rem;
|
8737
8882
|
--cds-helper-text-01-line-height: 1.33333;
|
8738
8883
|
--cds-helper-text-01-letter-spacing: 0.32px;
|
@@ -8794,11 +8939,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8794
8939
|
--cds-productive-heading-05-font-weight: 400;
|
8795
8940
|
--cds-productive-heading-05-line-height: 1.25;
|
8796
8941
|
--cds-productive-heading-05-letter-spacing: 0;
|
8797
|
-
--cds-productive-heading-06-font-size:
|
8942
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
8798
8943
|
--cds-productive-heading-06-font-weight: 300;
|
8799
8944
|
--cds-productive-heading-06-line-height: 1.199;
|
8800
8945
|
--cds-productive-heading-06-letter-spacing: 0;
|
8801
|
-
--cds-productive-heading-07-font-size:
|
8946
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
8802
8947
|
--cds-productive-heading-07-font-weight: 300;
|
8803
8948
|
--cds-productive-heading-07-line-height: 1.19;
|
8804
8949
|
--cds-productive-heading-07-letter-spacing: 0;
|
@@ -8853,7 +8998,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8853
8998
|
--cds-display-03-line-height: 1.19;
|
8854
8999
|
--cds-display-03-letter-spacing: 0;
|
8855
9000
|
--cds-display-04-font-size: 2.625rem;
|
8856
|
-
--cds-display-04-font-weight:
|
9001
|
+
--cds-display-04-font-weight: 300;
|
8857
9002
|
--cds-display-04-line-height: 1.19;
|
8858
9003
|
--cds-display-04-letter-spacing: 0;
|
8859
9004
|
--cds-legal-01-font-size: 0.75rem;
|
@@ -8900,11 +9045,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8900
9045
|
--cds-heading-05-font-weight: 400;
|
8901
9046
|
--cds-heading-05-line-height: 1.25;
|
8902
9047
|
--cds-heading-05-letter-spacing: 0;
|
8903
|
-
--cds-heading-06-font-size:
|
9048
|
+
--cds-heading-06-font-size: 2.625rem;
|
8904
9049
|
--cds-heading-06-font-weight: 300;
|
8905
9050
|
--cds-heading-06-line-height: 1.199;
|
8906
9051
|
--cds-heading-06-letter-spacing: 0;
|
8907
|
-
--cds-heading-07-font-size:
|
9052
|
+
--cds-heading-07-font-size: 3.375rem;
|
8908
9053
|
--cds-heading-07-font-weight: 300;
|
8909
9054
|
--cds-heading-07-line-height: 1.19;
|
8910
9055
|
--cds-heading-07-letter-spacing: 0;
|
@@ -8951,7 +9096,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8951
9096
|
--cds-fluid-display-03-line-height: 1.19;
|
8952
9097
|
--cds-fluid-display-03-letter-spacing: 0;
|
8953
9098
|
--cds-fluid-display-04-font-size: 2.625rem;
|
8954
|
-
--cds-fluid-display-04-font-weight:
|
9099
|
+
--cds-fluid-display-04-font-weight: 300;
|
8955
9100
|
--cds-fluid-display-04-line-height: 1.19;
|
8956
9101
|
--cds-fluid-display-04-letter-spacing: 0;
|
8957
9102
|
--cds-button-separator: #161616;
|
@@ -8979,9 +9124,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8979
9124
|
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
8980
9125
|
--cds-field: var(--cds-field-01, #f4f4f4);
|
8981
9126
|
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
8982
|
-
--cds-border-subtle: var(--cds-border-subtle-
|
9127
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
8983
9128
|
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
8984
9129
|
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
9130
|
+
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
8985
9131
|
position: fixed;
|
8986
9132
|
z-index: 2;
|
8987
9133
|
top: 3rem;
|
@@ -9093,7 +9239,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9093
9239
|
fill: var(--cds-support-error, #da1e28);
|
9094
9240
|
}
|
9095
9241
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-success {
|
9096
|
-
fill: var(--cds-support-success, #
|
9242
|
+
fill: var(--cds-support-success, #24a148);
|
9097
9243
|
}
|
9098
9244
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-warning {
|
9099
9245
|
fill: var(--cds-support-warning, #f1c21b);
|
@@ -9139,7 +9285,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9139
9285
|
}
|
9140
9286
|
@media (prefers-reduced-motion: reduce) {
|
9141
9287
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button .cds--btn__icon,
|
9142
|
-
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .cds--btn__icon {
|
9288
|
+
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .cds--btn__icon {
|
9143
9289
|
transition: none;
|
9144
9290
|
}
|
9145
9291
|
}
|
@@ -9402,6 +9548,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9402
9548
|
}
|
9403
9549
|
}
|
9404
9550
|
|
9551
|
+
.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
|
9552
|
+
min-height: 1.125rem;
|
9553
|
+
padding-right: 0;
|
9554
|
+
padding-left: 0;
|
9555
|
+
}
|
9556
|
+
|
9405
9557
|
.cds--icon--skeleton {
|
9406
9558
|
position: relative;
|
9407
9559
|
padding: 0;
|
@@ -9785,7 +9937,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9785
9937
|
|
9786
9938
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
9787
9939
|
.cds--tag__close-icon svg,
|
9788
|
-
.cds--tag__custom-icon svg {
|
9940
|
+
.cds--tag__custom-icon svg {
|
9789
9941
|
fill: ButtonText;
|
9790
9942
|
}
|
9791
9943
|
}
|
@@ -10149,13 +10301,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10149
10301
|
|
10150
10302
|
@media (min-width: 42rem) {
|
10151
10303
|
.cds--col,
|
10152
|
-
.cds--col-md {
|
10304
|
+
.cds--col-md {
|
10153
10305
|
max-width: 100%;
|
10154
10306
|
flex-basis: 0;
|
10155
10307
|
flex-grow: 1;
|
10156
10308
|
}
|
10157
10309
|
.cds--col--auto,
|
10158
|
-
.cds--col-md--auto {
|
10310
|
+
.cds--col-md--auto {
|
10159
10311
|
width: auto;
|
10160
10312
|
max-width: 100%;
|
10161
10313
|
flex: 1 0 0%;
|
@@ -10487,13 +10639,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10487
10639
|
|
10488
10640
|
@media (min-width: 66rem) {
|
10489
10641
|
.cds--col,
|
10490
|
-
.cds--col-lg {
|
10642
|
+
.cds--col-lg {
|
10491
10643
|
max-width: 100%;
|
10492
10644
|
flex-basis: 0;
|
10493
10645
|
flex-grow: 1;
|
10494
10646
|
}
|
10495
10647
|
.cds--col--auto,
|
10496
|
-
.cds--col-lg--auto {
|
10648
|
+
.cds--col-lg--auto {
|
10497
10649
|
width: auto;
|
10498
10650
|
max-width: 100%;
|
10499
10651
|
flex: 1 0 0%;
|
@@ -10889,13 +11041,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10889
11041
|
|
10890
11042
|
@media (min-width: 82rem) {
|
10891
11043
|
.cds--col,
|
10892
|
-
.cds--col-xlg {
|
11044
|
+
.cds--col-xlg {
|
10893
11045
|
max-width: 100%;
|
10894
11046
|
flex-basis: 0;
|
10895
11047
|
flex-grow: 1;
|
10896
11048
|
}
|
10897
11049
|
.cds--col--auto,
|
10898
|
-
.cds--col-xlg--auto {
|
11050
|
+
.cds--col-xlg--auto {
|
10899
11051
|
width: auto;
|
10900
11052
|
max-width: 100%;
|
10901
11053
|
flex: 1 0 0%;
|
@@ -11291,13 +11443,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11291
11443
|
|
11292
11444
|
@media (min-width: 99rem) {
|
11293
11445
|
.cds--col,
|
11294
|
-
.cds--col-max {
|
11446
|
+
.cds--col-max {
|
11295
11447
|
max-width: 100%;
|
11296
11448
|
flex-basis: 0;
|
11297
11449
|
flex-grow: 1;
|
11298
11450
|
}
|
11299
11451
|
.cds--col--auto,
|
11300
|
-
.cds--col-max--auto {
|
11452
|
+
.cds--col-max--auto {
|
11301
11453
|
width: auto;
|
11302
11454
|
max-width: 100%;
|
11303
11455
|
flex: 1 0 0%;
|
@@ -11469,9 +11621,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11469
11621
|
.c4p--action-bar .c4p--action-bar__displayed-items--right {
|
11470
11622
|
justify-content: flex-end;
|
11471
11623
|
}
|
11472
|
-
.c4p--action-bar .c4p--action-bar-overflow-items {
|
11473
|
-
display: inline-block;
|
11474
|
-
}
|
11475
11624
|
.c4p--action-bar .c4p--action-bar__hidden-sizing-items {
|
11476
11625
|
position: absolute;
|
11477
11626
|
top: -100vh;
|
@@ -11524,12 +11673,19 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11524
11673
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back {
|
11525
11674
|
display: none;
|
11526
11675
|
}
|
11676
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__back__button.cds--btn {
|
11677
|
+
min-height: revert;
|
11678
|
+
padding: 0;
|
11679
|
+
}
|
11680
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__back__button.cds--btn--ghost:hover {
|
11681
|
+
background-color: inherit;
|
11682
|
+
}
|
11527
11683
|
@media (max-width: 41.98rem) {
|
11528
11684
|
.c4p--breadcrumb-with-overflow .cds--breadcrumb-item {
|
11529
11685
|
display: none;
|
11530
11686
|
}
|
11531
11687
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back,
|
11532
|
-
.c4p--breadcrumb-with-overflow .cds--breadcrumb-item:last-child {
|
11688
|
+
.c4p--breadcrumb-with-overflow .cds--breadcrumb-item:last-child {
|
11533
11689
|
display: inline-flex;
|
11534
11690
|
vertical-align: middle;
|
11535
11691
|
}
|
@@ -11671,6 +11827,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11671
11827
|
min-width: initial;
|
11672
11828
|
min-height: initial;
|
11673
11829
|
padding: 0;
|
11830
|
+
border-radius: 0;
|
11674
11831
|
margin: 0;
|
11675
11832
|
background-color: inherit;
|
11676
11833
|
color: inherit;
|
@@ -11973,7 +12130,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11973
12130
|
white-space: nowrap;
|
11974
12131
|
}
|
11975
12132
|
.c4p--page-header .c4p--page-header__title-row {
|
11976
|
-
margin-top: 0;
|
12133
|
+
margin-top: 0.125rem; /* spacing needed in case of editable title, otherwise top of focus indicator hidden */
|
11977
12134
|
margin-bottom: 0;
|
11978
12135
|
transform: translateY(0.125rem);
|
11979
12136
|
}
|
@@ -12033,9 +12190,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12033
12190
|
text-overflow: ellipsis;
|
12034
12191
|
white-space: nowrap;
|
12035
12192
|
}
|
12036
|
-
.c4p--page-header .c4p--page-header__title .c4p--inline-edit__value {
|
12037
|
-
transform: translateY(-2px);
|
12038
|
-
}
|
12039
12193
|
.c4p--page-header .c4p--page-header__title--editable {
|
12040
12194
|
display: flex;
|
12041
12195
|
overflow: visible;
|
@@ -12199,7 +12353,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12199
12353
|
.c4p--page-header .c4p--page-header__navigation-row .cds--content-switcher-btn {
|
12200
12354
|
background-color: var(--cds-background, #ffffff);
|
12201
12355
|
}
|
12202
|
-
.c4p--page-header .
|
12356
|
+
.c4p--page-header .c4p--page-header__collapse-expand-toggle {
|
12203
12357
|
position: absolute;
|
12204
12358
|
z-index: 100;
|
12205
12359
|
right: 0;
|
@@ -12208,7 +12362,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12208
12362
|
.c4p--page-header .c4p--page-header__collapse-expand-toggle .cds--btn__icon {
|
12209
12363
|
transition: all 400ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
12210
12364
|
}
|
12211
|
-
.c4p--page-header .c4p--page-header__collapse-expand-toggle--collapsed
|
12365
|
+
.c4p--page-header .c4p--page-header__collapse-expand-toggle--collapsed svg {
|
12212
12366
|
transform: scaleY(-1);
|
12213
12367
|
}
|
12214
12368
|
|
@@ -12235,16 +12389,16 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12235
12389
|
padding-right: 0;
|
12236
12390
|
}
|
12237
12391
|
.c4p--card__productive .c4p--card__title {
|
12238
|
-
font-size: var(--cds-
|
12239
|
-
font-weight: var(--cds-
|
12240
|
-
line-height: var(--cds-
|
12241
|
-
letter-spacing: var(--cds-
|
12392
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
12393
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
12394
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
12395
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
12242
12396
|
}
|
12243
12397
|
.c4p--card__productive .c4p--card__title-lg .c4p--card__title {
|
12244
|
-
font-size: var(--cds-
|
12245
|
-
font-weight: var(--cds-
|
12246
|
-
line-height: var(--cds-
|
12247
|
-
letter-spacing: var(--cds-
|
12398
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
12399
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
12400
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
12401
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
12248
12402
|
}
|
12249
12403
|
.c4p--card__productive .c4p--card__body {
|
12250
12404
|
padding-top: 0.5rem;
|
@@ -12252,18 +12406,42 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12252
12406
|
.c4p--card__productive .c4p--card__footer {
|
12253
12407
|
align-items: center;
|
12254
12408
|
justify-content: space-between;
|
12255
|
-
border-top: 1px solid var(--cds-border-subtle-01, #
|
12409
|
+
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
12256
12410
|
}
|
12257
12411
|
.c4p--card__productive .c4p--card__footer-no-button {
|
12258
12412
|
justify-content: flex-end;
|
12259
12413
|
}
|
12260
12414
|
.c4p--card__productive .c4p--card__actions {
|
12415
|
+
min-height: 2rem;
|
12261
12416
|
margin: 0;
|
12262
12417
|
}
|
12263
12418
|
.c4p--card__productive .c4p--card__actions-header {
|
12264
12419
|
margin-top: calc(-1 * 0.25rem);
|
12265
12420
|
margin-right: 0.5rem;
|
12266
12421
|
}
|
12422
|
+
.c4p--card__productive .c4p--card__actions-header-ghost-button {
|
12423
|
+
min-height: 2rem;
|
12424
|
+
padding: 0 1rem;
|
12425
|
+
padding-right: 0.625rem;
|
12426
|
+
padding-left: 0.625rem;
|
12427
|
+
/* stylelint-disable-next-line max-nesting-depth */
|
12428
|
+
/* stylelint-disable-next-line max-nesting-depth */
|
12429
|
+
}
|
12430
|
+
.c4p--card__productive .c4p--card__actions-header-ghost-button::before {
|
12431
|
+
position: absolute;
|
12432
|
+
left: 0;
|
12433
|
+
width: 0.05rem;
|
12434
|
+
height: 1.5rem;
|
12435
|
+
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
12436
|
+
content: "";
|
12437
|
+
opacity: 1;
|
12438
|
+
}
|
12439
|
+
.c4p--card__productive .c4p--card__actions-header-ghost-button:hover {
|
12440
|
+
/* stylelint-disable-next-line max-nesting-depth */
|
12441
|
+
}
|
12442
|
+
.c4p--card__productive .c4p--card__actions-header-ghost-button:hover::before {
|
12443
|
+
opacity: 0;
|
12444
|
+
}
|
12267
12445
|
.c4p--card__productive .c4p--card__title-lg .c4p--card__actions-header,
|
12268
12446
|
.c4p--card__productive .c4p--card__header-has-label .c4p--card__actions-header {
|
12269
12447
|
margin-top: 0;
|
@@ -12343,8 +12521,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12343
12521
|
}
|
12344
12522
|
@media (prefers-reduced-motion) {
|
12345
12523
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12346
|
-
.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,
|
12347
|
-
.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12524
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12525
|
+
.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12348
12526
|
animation: none;
|
12349
12527
|
}
|
12350
12528
|
}
|
@@ -12356,8 +12534,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12356
12534
|
}
|
12357
12535
|
@media (prefers-reduced-motion) {
|
12358
12536
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12359
|
-
.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,
|
12360
|
-
.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12537
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12538
|
+
.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12361
12539
|
animation: none;
|
12362
12540
|
}
|
12363
12541
|
}
|
@@ -12369,8 +12547,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12369
12547
|
}
|
12370
12548
|
@media (prefers-reduced-motion) {
|
12371
12549
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12372
|
-
.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,
|
12373
|
-
.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12550
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12551
|
+
.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12374
12552
|
animation: none;
|
12375
12553
|
}
|
12376
12554
|
}
|
@@ -12382,8 +12560,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12382
12560
|
}
|
12383
12561
|
@media (prefers-reduced-motion) {
|
12384
12562
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12385
|
-
.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,
|
12386
|
-
.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12563
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12564
|
+
.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12387
12565
|
animation: none;
|
12388
12566
|
}
|
12389
12567
|
}
|
@@ -12395,8 +12573,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12395
12573
|
}
|
12396
12574
|
@media (prefers-reduced-motion) {
|
12397
12575
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12398
|
-
.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,
|
12399
|
-
.c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12576
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12577
|
+
.c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12400
12578
|
animation: none;
|
12401
12579
|
}
|
12402
12580
|
}
|
@@ -12408,8 +12586,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12408
12586
|
}
|
12409
12587
|
@media (prefers-reduced-motion) {
|
12410
12588
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12411
|
-
.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,
|
12412
|
-
.c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12589
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12590
|
+
.c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12413
12591
|
animation: none;
|
12414
12592
|
}
|
12415
12593
|
}
|
@@ -12421,8 +12599,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12421
12599
|
}
|
12422
12600
|
@media (prefers-reduced-motion) {
|
12423
12601
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12424
|
-
.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,
|
12425
|
-
.c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12602
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12603
|
+
.c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12426
12604
|
animation: none;
|
12427
12605
|
}
|
12428
12606
|
}
|
@@ -12434,8 +12612,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12434
12612
|
}
|
12435
12613
|
@media (prefers-reduced-motion) {
|
12436
12614
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12437
|
-
.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,
|
12438
|
-
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12615
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12616
|
+
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12439
12617
|
animation: none;
|
12440
12618
|
}
|
12441
12619
|
}
|
@@ -12447,8 +12625,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12447
12625
|
}
|
12448
12626
|
@media (prefers-reduced-motion) {
|
12449
12627
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12450
|
-
.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,
|
12451
|
-
.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12628
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12629
|
+
.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12452
12630
|
animation: none;
|
12453
12631
|
}
|
12454
12632
|
}
|
@@ -12460,8 +12638,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12460
12638
|
}
|
12461
12639
|
@media (prefers-reduced-motion) {
|
12462
12640
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12463
|
-
.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,
|
12464
|
-
.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12641
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12642
|
+
.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12465
12643
|
animation: none;
|
12466
12644
|
}
|
12467
12645
|
}
|
@@ -12473,8 +12651,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12473
12651
|
}
|
12474
12652
|
@media (prefers-reduced-motion) {
|
12475
12653
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12476
|
-
.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,
|
12477
|
-
.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12654
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12655
|
+
.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12478
12656
|
animation: none;
|
12479
12657
|
}
|
12480
12658
|
}
|
@@ -12486,8 +12664,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12486
12664
|
}
|
12487
12665
|
@media (prefers-reduced-motion) {
|
12488
12666
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12489
|
-
.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,
|
12490
|
-
.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12667
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12668
|
+
.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12491
12669
|
animation: none;
|
12492
12670
|
}
|
12493
12671
|
}
|
@@ -12499,8 +12677,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12499
12677
|
}
|
12500
12678
|
@media (prefers-reduced-motion) {
|
12501
12679
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12502
|
-
.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,
|
12503
|
-
.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12680
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12681
|
+
.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12504
12682
|
animation: none;
|
12505
12683
|
}
|
12506
12684
|
}
|
@@ -12512,8 +12690,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12512
12690
|
}
|
12513
12691
|
@media (prefers-reduced-motion) {
|
12514
12692
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12515
|
-
.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,
|
12516
|
-
.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12693
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12694
|
+
.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12517
12695
|
animation: none;
|
12518
12696
|
}
|
12519
12697
|
}
|
@@ -12525,8 +12703,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12525
12703
|
}
|
12526
12704
|
@media (prefers-reduced-motion) {
|
12527
12705
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12528
|
-
.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,
|
12529
|
-
.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12706
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12707
|
+
.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12530
12708
|
animation: none;
|
12531
12709
|
}
|
12532
12710
|
}
|
@@ -12538,8 +12716,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12538
12716
|
}
|
12539
12717
|
@media (prefers-reduced-motion) {
|
12540
12718
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12541
|
-
.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,
|
12542
|
-
.c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12719
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12720
|
+
.c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12543
12721
|
animation: none;
|
12544
12722
|
}
|
12545
12723
|
}
|
@@ -12552,8 +12730,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12552
12730
|
}
|
12553
12731
|
@media (prefers-reduced-motion: reduce) {
|
12554
12732
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12555
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12556
|
-
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12733
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12734
|
+
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12557
12735
|
animation: none;
|
12558
12736
|
}
|
12559
12737
|
}
|
@@ -12566,8 +12744,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12566
12744
|
}
|
12567
12745
|
@media (prefers-reduced-motion: reduce) {
|
12568
12746
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12569
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12570
|
-
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12747
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12748
|
+
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12571
12749
|
animation: none;
|
12572
12750
|
}
|
12573
12751
|
}
|
@@ -12593,8 +12771,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12593
12771
|
}
|
12594
12772
|
@media (prefers-reduced-motion) {
|
12595
12773
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12596
|
-
.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,
|
12597
|
-
.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12774
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
|
12775
|
+
.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
|
12598
12776
|
animation: none;
|
12599
12777
|
}
|
12600
12778
|
}
|
@@ -12606,8 +12784,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12606
12784
|
}
|
12607
12785
|
@media (prefers-reduced-motion) {
|
12608
12786
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12609
|
-
.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,
|
12610
|
-
.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12787
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
|
12788
|
+
.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
|
12611
12789
|
animation: none;
|
12612
12790
|
}
|
12613
12791
|
}
|
@@ -12619,8 +12797,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12619
12797
|
}
|
12620
12798
|
@media (prefers-reduced-motion) {
|
12621
12799
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12622
|
-
.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,
|
12623
|
-
.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12800
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12801
|
+
.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12624
12802
|
animation: none;
|
12625
12803
|
}
|
12626
12804
|
}
|
@@ -12632,8 +12810,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12632
12810
|
}
|
12633
12811
|
@media (prefers-reduced-motion) {
|
12634
12812
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12635
|
-
.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,
|
12636
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12813
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12814
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12637
12815
|
animation: none;
|
12638
12816
|
}
|
12639
12817
|
}
|
@@ -12645,8 +12823,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12645
12823
|
}
|
12646
12824
|
@media (prefers-reduced-motion) {
|
12647
12825
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12648
|
-
.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,
|
12649
|
-
.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12826
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12827
|
+
.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12650
12828
|
animation: none;
|
12651
12829
|
}
|
12652
12830
|
}
|
@@ -12658,8 +12836,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12658
12836
|
}
|
12659
12837
|
@media (prefers-reduced-motion) {
|
12660
12838
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12661
|
-
.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,
|
12662
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12839
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12840
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12663
12841
|
animation: none;
|
12664
12842
|
}
|
12665
12843
|
}
|
@@ -12671,8 +12849,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12671
12849
|
}
|
12672
12850
|
@media (prefers-reduced-motion) {
|
12673
12851
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12674
|
-
.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,
|
12675
|
-
.c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12852
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12853
|
+
.c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12676
12854
|
animation: none;
|
12677
12855
|
}
|
12678
12856
|
}
|
@@ -12684,8 +12862,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12684
12862
|
}
|
12685
12863
|
@media (prefers-reduced-motion) {
|
12686
12864
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12687
|
-
.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,
|
12688
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12865
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12866
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12689
12867
|
animation: none;
|
12690
12868
|
}
|
12691
12869
|
}
|
@@ -12697,8 +12875,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12697
12875
|
}
|
12698
12876
|
@media (prefers-reduced-motion) {
|
12699
12877
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12700
|
-
.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,
|
12701
|
-
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12878
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12879
|
+
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12702
12880
|
animation: none;
|
12703
12881
|
}
|
12704
12882
|
}
|
@@ -12710,8 +12888,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12710
12888
|
}
|
12711
12889
|
@media (prefers-reduced-motion) {
|
12712
12890
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12713
|
-
.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,
|
12714
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12891
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12892
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12715
12893
|
animation: none;
|
12716
12894
|
}
|
12717
12895
|
}
|
@@ -12723,8 +12901,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12723
12901
|
}
|
12724
12902
|
@media (prefers-reduced-motion) {
|
12725
12903
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12726
|
-
.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,
|
12727
|
-
.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12904
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12905
|
+
.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12728
12906
|
animation: none;
|
12729
12907
|
}
|
12730
12908
|
}
|
@@ -12736,8 +12914,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12736
12914
|
}
|
12737
12915
|
@media (prefers-reduced-motion) {
|
12738
12916
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12739
|
-
.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,
|
12740
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12917
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12918
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12741
12919
|
animation: none;
|
12742
12920
|
}
|
12743
12921
|
}
|
@@ -12749,8 +12927,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12749
12927
|
}
|
12750
12928
|
@media (prefers-reduced-motion) {
|
12751
12929
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12752
|
-
.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,
|
12753
|
-
.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12930
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12931
|
+
.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12754
12932
|
animation: none;
|
12755
12933
|
}
|
12756
12934
|
}
|
@@ -12762,8 +12940,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12762
12940
|
}
|
12763
12941
|
@media (prefers-reduced-motion) {
|
12764
12942
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12765
|
-
.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,
|
12766
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12943
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12944
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12767
12945
|
animation: none;
|
12768
12946
|
}
|
12769
12947
|
}
|
@@ -12775,8 +12953,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12775
12953
|
}
|
12776
12954
|
@media (prefers-reduced-motion) {
|
12777
12955
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12778
|
-
.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,
|
12779
|
-
.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12956
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12957
|
+
.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12780
12958
|
animation: none;
|
12781
12959
|
}
|
12782
12960
|
}
|
@@ -12788,8 +12966,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12788
12966
|
}
|
12789
12967
|
@media (prefers-reduced-motion) {
|
12790
12968
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12791
|
-
.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,
|
12792
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12969
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12970
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12793
12971
|
animation: none;
|
12794
12972
|
}
|
12795
12973
|
}
|
@@ -12801,8 +12979,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12801
12979
|
}
|
12802
12980
|
@media (prefers-reduced-motion) {
|
12803
12981
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12804
|
-
.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,
|
12805
|
-
.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12982
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12983
|
+
.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12806
12984
|
animation: none;
|
12807
12985
|
}
|
12808
12986
|
}
|
@@ -12814,8 +12992,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12814
12992
|
}
|
12815
12993
|
@media (prefers-reduced-motion) {
|
12816
12994
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12817
|
-
.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,
|
12818
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12995
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12996
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12819
12997
|
animation: none;
|
12820
12998
|
}
|
12821
12999
|
}
|
@@ -12828,8 +13006,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12828
13006
|
}
|
12829
13007
|
@media (prefers-reduced-motion: reduce) {
|
12830
13008
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12831
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12832
|
-
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
13009
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
13010
|
+
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12833
13011
|
animation: none;
|
12834
13012
|
}
|
12835
13013
|
}
|
@@ -12842,8 +13020,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12842
13020
|
}
|
12843
13021
|
@media (prefers-reduced-motion: reduce) {
|
12844
13022
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12845
|
-
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12846
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
13023
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
13024
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12847
13025
|
animation: none;
|
12848
13026
|
}
|
12849
13027
|
}
|
@@ -12869,8 +13047,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12869
13047
|
}
|
12870
13048
|
@media (prefers-reduced-motion) {
|
12871
13049
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
12872
|
-
.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,
|
12873
|
-
.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
13050
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
|
13051
|
+
.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
|
12874
13052
|
animation: none;
|
12875
13053
|
}
|
12876
13054
|
}
|
@@ -12882,8 +13060,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12882
13060
|
}
|
12883
13061
|
@media (prefers-reduced-motion) {
|
12884
13062
|
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
12885
|
-
.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,
|
12886
|
-
.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
13063
|
+
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
|
13064
|
+
.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
|
12887
13065
|
animation: none;
|
12888
13066
|
}
|
12889
13067
|
}
|
@@ -13104,7 +13282,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13104
13282
|
}
|
13105
13283
|
@media screen and (prefers-contrast) {
|
13106
13284
|
.cds--search-close:focus,
|
13107
|
-
.cds--search-button:focus {
|
13285
|
+
.cds--search-button:focus {
|
13108
13286
|
outline-style: dotted;
|
13109
13287
|
}
|
13110
13288
|
}
|
@@ -13116,7 +13294,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13116
13294
|
}
|
13117
13295
|
@media screen and (prefers-contrast) {
|
13118
13296
|
.cds--search-close:active,
|
13119
|
-
.cds--search-button:active {
|
13297
|
+
.cds--search-button:active {
|
13120
13298
|
outline-style: dotted;
|
13121
13299
|
}
|
13122
13300
|
}
|
@@ -13222,8 +13400,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13222
13400
|
}
|
13223
13401
|
@media (prefers-reduced-motion: reduce) {
|
13224
13402
|
.cds--search--lg.cds--skeleton .cds--search-input::before,
|
13225
|
-
.cds--search--md.cds--skeleton .cds--search-input::before,
|
13226
|
-
.cds--search--sm.cds--skeleton .cds--search-input::before {
|
13403
|
+
.cds--search--md.cds--skeleton .cds--search-input::before,
|
13404
|
+
.cds--search--sm.cds--skeleton .cds--search-input::before {
|
13227
13405
|
animation: none;
|
13228
13406
|
}
|
13229
13407
|
}
|
@@ -13291,7 +13469,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13291
13469
|
|
13292
13470
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
13293
13471
|
.cds--search-close svg,
|
13294
|
-
.cds--search-magnifier-icon {
|
13472
|
+
.cds--search-magnifier-icon {
|
13295
13473
|
fill: ButtonText;
|
13296
13474
|
}
|
13297
13475
|
}
|
@@ -13316,6 +13494,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13316
13494
|
|
13317
13495
|
.cds--popover {
|
13318
13496
|
position: absolute;
|
13497
|
+
z-index: 6000;
|
13319
13498
|
top: 0;
|
13320
13499
|
right: 0;
|
13321
13500
|
bottom: 0;
|
@@ -13488,13 +13667,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13488
13667
|
.cds--popover--left-top .cds--popover-content {
|
13489
13668
|
top: -50%;
|
13490
13669
|
right: 100%;
|
13491
|
-
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem)));
|
13670
|
+
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) + 16px));
|
13492
13671
|
}
|
13493
13672
|
|
13494
13673
|
.cds--popover--left-bottom .cds--popover-content {
|
13495
13674
|
right: 100%;
|
13496
13675
|
bottom: -50%;
|
13497
|
-
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem)));
|
13676
|
+
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) - 16px));
|
13498
13677
|
}
|
13499
13678
|
|
13500
13679
|
.cds--popover--left .cds--popover-content::before,
|
@@ -13518,6 +13697,141 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13518
13697
|
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
|
13519
13698
|
}
|
13520
13699
|
|
13700
|
+
.cds--popover--tab-tip .cds--popover-content {
|
13701
|
+
border-radius: 0;
|
13702
|
+
}
|
13703
|
+
|
13704
|
+
.cds--popover--tab-tip__button {
|
13705
|
+
box-sizing: border-box;
|
13706
|
+
padding: 0;
|
13707
|
+
border: 0;
|
13708
|
+
margin: 0;
|
13709
|
+
font-family: inherit;
|
13710
|
+
font-size: 100%;
|
13711
|
+
vertical-align: baseline;
|
13712
|
+
display: inline-block;
|
13713
|
+
padding: 0;
|
13714
|
+
border: 0;
|
13715
|
+
appearance: none;
|
13716
|
+
background: none;
|
13717
|
+
cursor: pointer;
|
13718
|
+
text-align: start;
|
13719
|
+
width: 100%;
|
13720
|
+
position: relative;
|
13721
|
+
display: inline-flex;
|
13722
|
+
width: 2rem;
|
13723
|
+
height: 2rem;
|
13724
|
+
align-items: center;
|
13725
|
+
justify-content: center;
|
13726
|
+
}
|
13727
|
+
.cds--popover--tab-tip__button *,
|
13728
|
+
.cds--popover--tab-tip__button *::before,
|
13729
|
+
.cds--popover--tab-tip__button *::after {
|
13730
|
+
box-sizing: inherit;
|
13731
|
+
}
|
13732
|
+
.cds--popover--tab-tip__button::-moz-focus-inner {
|
13733
|
+
border: 0;
|
13734
|
+
}
|
13735
|
+
.cds--popover--tab-tip__button:focus {
|
13736
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
13737
|
+
outline-offset: -2px;
|
13738
|
+
}
|
13739
|
+
@media screen and (prefers-contrast) {
|
13740
|
+
.cds--popover--tab-tip__button:focus {
|
13741
|
+
outline-style: dotted;
|
13742
|
+
}
|
13743
|
+
}
|
13744
|
+
.cds--popover--tab-tip__button:hover {
|
13745
|
+
background-color: var(--cds-layer-hover);
|
13746
|
+
}
|
13747
|
+
|
13748
|
+
.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button {
|
13749
|
+
background: var(--cds-layer);
|
13750
|
+
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
|
13751
|
+
}
|
13752
|
+
|
13753
|
+
.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after {
|
13754
|
+
position: absolute;
|
13755
|
+
z-index: 6001;
|
13756
|
+
bottom: 0;
|
13757
|
+
width: 100%;
|
13758
|
+
height: 2px;
|
13759
|
+
background: var(--cds-layer);
|
13760
|
+
content: "";
|
13761
|
+
}
|
13762
|
+
|
13763
|
+
.cds--popover--tab-tip__button svg {
|
13764
|
+
fill: var(--cds-icon-primary, #161616);
|
13765
|
+
}
|
13766
|
+
|
13767
|
+
:root {
|
13768
|
+
--cds-layer: var(--cds-layer-01, #f4f4f4);
|
13769
|
+
--cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
|
13770
|
+
--cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
|
13771
|
+
--cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
|
13772
|
+
--cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
|
13773
|
+
--cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
|
13774
|
+
--cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
|
13775
|
+
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
13776
|
+
--cds-field: var(--cds-field-01, #f4f4f4);
|
13777
|
+
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
13778
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
13779
|
+
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
13780
|
+
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
13781
|
+
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
13782
|
+
}
|
13783
|
+
|
13784
|
+
.cds--layer-one {
|
13785
|
+
--cds-layer: var(--cds-layer-01, #f4f4f4);
|
13786
|
+
--cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
|
13787
|
+
--cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
|
13788
|
+
--cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
|
13789
|
+
--cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
|
13790
|
+
--cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
|
13791
|
+
--cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
|
13792
|
+
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
13793
|
+
--cds-field: var(--cds-field-01, #f4f4f4);
|
13794
|
+
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
13795
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
13796
|
+
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
13797
|
+
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
13798
|
+
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
13799
|
+
}
|
13800
|
+
|
13801
|
+
.cds--layer-two {
|
13802
|
+
--cds-layer: var(--cds-layer-02, #ffffff);
|
13803
|
+
--cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
|
13804
|
+
--cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);
|
13805
|
+
--cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);
|
13806
|
+
--cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);
|
13807
|
+
--cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);
|
13808
|
+
--cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);
|
13809
|
+
--cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);
|
13810
|
+
--cds-field: var(--cds-field-02, #ffffff);
|
13811
|
+
--cds-field-hover: var(--cds-field-hover-02, #e8e8e8);
|
13812
|
+
--cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
|
13813
|
+
--cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);
|
13814
|
+
--cds-border-strong: var(--cds-border-strong-02, #8d8d8d);
|
13815
|
+
--cds-border-tile: var(--cds-border-tile-02, #a8a8a8);
|
13816
|
+
}
|
13817
|
+
|
13818
|
+
.cds--layer-three {
|
13819
|
+
--cds-layer: var(--cds-layer-03, #f4f4f4);
|
13820
|
+
--cds-layer-active: var(--cds-layer-active-03, #c6c6c6);
|
13821
|
+
--cds-layer-hover: var(--cds-layer-hover-03, #e8e8e8);
|
13822
|
+
--cds-layer-selected: var(--cds-layer-selected-03, #e0e0e0);
|
13823
|
+
--cds-layer-selected-hover: var(--cds-layer-selected-hover-03, #d1d1d1);
|
13824
|
+
--cds-layer-accent: var(--cds-layer-accent-03, #e0e0e0);
|
13825
|
+
--cds-layer-accent-hover: var(--cds-layer-accent-hover-03, #d1d1d1);
|
13826
|
+
--cds-layer-accent-active: var(--cds-layer-accent-active-03, #a8a8a8);
|
13827
|
+
--cds-field: var(--cds-field-03, #f4f4f4);
|
13828
|
+
--cds-field-hover: var(--cds-field-hover-03, #e8e8e8);
|
13829
|
+
--cds-border-subtle: var(--cds-border-subtle-02, #e0e0e0);
|
13830
|
+
--cds-border-subtle-selected: var(--cds-border-subtle-selected-03, #c6c6c6);
|
13831
|
+
--cds-border-strong: var(--cds-border-strong-03, #8d8d8d);
|
13832
|
+
--cds-border-tile: var(--cds-border-tile-03, #c6c6c6);
|
13833
|
+
}
|
13834
|
+
|
13521
13835
|
.c4p--toolbar {
|
13522
13836
|
display: flex;
|
13523
13837
|
min-width: 2.5rem;
|
@@ -13541,8 +13855,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13541
13855
|
|
13542
13856
|
.c4p--toolbar__group {
|
13543
13857
|
display: flex;
|
13544
|
-
border-right: 1px solid var(--cds-border-subtle-01, #
|
13545
|
-
border-bottom: 1px solid var(--cds-border-subtle-01, #
|
13858
|
+
border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
13859
|
+
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
13546
13860
|
}
|
13547
13861
|
|
13548
13862
|
.c4p--toolbar--vertical > .c4p--toolbar__group,
|
@@ -13616,6 +13930,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13616
13930
|
--cds-border-subtle-selected-01: #6f6f6f;
|
13617
13931
|
--cds-border-subtle-selected-02: #8d8d8d;
|
13618
13932
|
--cds-border-subtle-selected-03: #a8a8a8;
|
13933
|
+
--cds-border-tile-01: #6f6f6f;
|
13934
|
+
--cds-border-tile-02: #8d8d8d;
|
13935
|
+
--cds-border-tile-03: #a8a8a8;
|
13619
13936
|
--cds-field-01: #393939;
|
13620
13937
|
--cds-field-02: #525252;
|
13621
13938
|
--cds-field-03: #6f6f6f;
|
@@ -13627,6 +13944,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13627
13944
|
--cds-focus-inverse: #0f62fe;
|
13628
13945
|
--cds-highlight: #0043ce;
|
13629
13946
|
--cds-icon-disabled: rgba(244, 244, 244, 0.25);
|
13947
|
+
--cds-icon-interactive: #ffffff;
|
13630
13948
|
--cds-icon-inverse: #161616;
|
13631
13949
|
--cds-icon-on-color: #ffffff;
|
13632
13950
|
--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
|
@@ -13712,6 +14030,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13712
14030
|
--cds-label-01-font-weight: 400;
|
13713
14031
|
--cds-label-01-line-height: 1.33333;
|
13714
14032
|
--cds-label-01-letter-spacing: 0.32px;
|
14033
|
+
--cds-label-02-font-size: 0.875rem;
|
14034
|
+
--cds-label-02-font-weight: 400;
|
14035
|
+
--cds-label-02-line-height: 1.28572;
|
14036
|
+
--cds-label-02-letter-spacing: 0.16px;
|
13715
14037
|
--cds-helper-text-01-font-size: 0.75rem;
|
13716
14038
|
--cds-helper-text-01-line-height: 1.33333;
|
13717
14039
|
--cds-helper-text-01-letter-spacing: 0.32px;
|
@@ -13773,11 +14095,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13773
14095
|
--cds-productive-heading-05-font-weight: 400;
|
13774
14096
|
--cds-productive-heading-05-line-height: 1.25;
|
13775
14097
|
--cds-productive-heading-05-letter-spacing: 0;
|
13776
|
-
--cds-productive-heading-06-font-size:
|
14098
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
13777
14099
|
--cds-productive-heading-06-font-weight: 300;
|
13778
14100
|
--cds-productive-heading-06-line-height: 1.199;
|
13779
14101
|
--cds-productive-heading-06-letter-spacing: 0;
|
13780
|
-
--cds-productive-heading-07-font-size:
|
14102
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
13781
14103
|
--cds-productive-heading-07-font-weight: 300;
|
13782
14104
|
--cds-productive-heading-07-line-height: 1.19;
|
13783
14105
|
--cds-productive-heading-07-letter-spacing: 0;
|
@@ -13832,7 +14154,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13832
14154
|
--cds-display-03-line-height: 1.19;
|
13833
14155
|
--cds-display-03-letter-spacing: 0;
|
13834
14156
|
--cds-display-04-font-size: 2.625rem;
|
13835
|
-
--cds-display-04-font-weight:
|
14157
|
+
--cds-display-04-font-weight: 300;
|
13836
14158
|
--cds-display-04-line-height: 1.19;
|
13837
14159
|
--cds-display-04-letter-spacing: 0;
|
13838
14160
|
--cds-legal-01-font-size: 0.75rem;
|
@@ -13879,11 +14201,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13879
14201
|
--cds-heading-05-font-weight: 400;
|
13880
14202
|
--cds-heading-05-line-height: 1.25;
|
13881
14203
|
--cds-heading-05-letter-spacing: 0;
|
13882
|
-
--cds-heading-06-font-size:
|
14204
|
+
--cds-heading-06-font-size: 2.625rem;
|
13883
14205
|
--cds-heading-06-font-weight: 300;
|
13884
14206
|
--cds-heading-06-line-height: 1.199;
|
13885
14207
|
--cds-heading-06-letter-spacing: 0;
|
13886
|
-
--cds-heading-07-font-size:
|
14208
|
+
--cds-heading-07-font-size: 3.375rem;
|
13887
14209
|
--cds-heading-07-font-weight: 300;
|
13888
14210
|
--cds-heading-07-line-height: 1.19;
|
13889
14211
|
--cds-heading-07-letter-spacing: 0;
|
@@ -13930,7 +14252,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13930
14252
|
--cds-fluid-display-03-line-height: 1.19;
|
13931
14253
|
--cds-fluid-display-03-letter-spacing: 0;
|
13932
14254
|
--cds-fluid-display-04-font-size: 2.625rem;
|
13933
|
-
--cds-fluid-display-04-font-weight:
|
14255
|
+
--cds-fluid-display-04-font-weight: 300;
|
13934
14256
|
--cds-fluid-display-04-line-height: 1.19;
|
13935
14257
|
--cds-fluid-display-04-letter-spacing: 0;
|
13936
14258
|
--cds-button-separator: #161616;
|
@@ -13988,9 +14310,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13988
14310
|
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
13989
14311
|
--cds-field: var(--cds-field-01, #f4f4f4);
|
13990
14312
|
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
13991
|
-
--cds-border-subtle: var(--cds-border-subtle-
|
14313
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
13992
14314
|
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
13993
14315
|
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
14316
|
+
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
13994
14317
|
position: fixed;
|
13995
14318
|
top: 3rem;
|
13996
14319
|
right: 0;
|
@@ -14037,6 +14360,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14037
14360
|
--cds-border-subtle-selected-01: #525252;
|
14038
14361
|
--cds-border-subtle-selected-02: #6f6f6f;
|
14039
14362
|
--cds-border-subtle-selected-03: #8d8d8d;
|
14363
|
+
--cds-border-tile-01: #525252;
|
14364
|
+
--cds-border-tile-02: #6f6f6f;
|
14365
|
+
--cds-border-tile-03: #8d8d8d;
|
14040
14366
|
--cds-field-01: #262626;
|
14041
14367
|
--cds-field-02: #393939;
|
14042
14368
|
--cds-field-03: #525252;
|
@@ -14048,6 +14374,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14048
14374
|
--cds-focus-inverse: #0f62fe;
|
14049
14375
|
--cds-highlight: #002d9c;
|
14050
14376
|
--cds-icon-disabled: rgba(244, 244, 244, 0.25);
|
14377
|
+
--cds-icon-interactive: #ffffff;
|
14051
14378
|
--cds-icon-inverse: #161616;
|
14052
14379
|
--cds-icon-on-color: #ffffff;
|
14053
14380
|
--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
|
@@ -14133,6 +14460,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14133
14460
|
--cds-label-01-font-weight: 400;
|
14134
14461
|
--cds-label-01-line-height: 1.33333;
|
14135
14462
|
--cds-label-01-letter-spacing: 0.32px;
|
14463
|
+
--cds-label-02-font-size: 0.875rem;
|
14464
|
+
--cds-label-02-font-weight: 400;
|
14465
|
+
--cds-label-02-line-height: 1.28572;
|
14466
|
+
--cds-label-02-letter-spacing: 0.16px;
|
14136
14467
|
--cds-helper-text-01-font-size: 0.75rem;
|
14137
14468
|
--cds-helper-text-01-line-height: 1.33333;
|
14138
14469
|
--cds-helper-text-01-letter-spacing: 0.32px;
|
@@ -14194,11 +14525,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14194
14525
|
--cds-productive-heading-05-font-weight: 400;
|
14195
14526
|
--cds-productive-heading-05-line-height: 1.25;
|
14196
14527
|
--cds-productive-heading-05-letter-spacing: 0;
|
14197
|
-
--cds-productive-heading-06-font-size:
|
14528
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
14198
14529
|
--cds-productive-heading-06-font-weight: 300;
|
14199
14530
|
--cds-productive-heading-06-line-height: 1.199;
|
14200
14531
|
--cds-productive-heading-06-letter-spacing: 0;
|
14201
|
-
--cds-productive-heading-07-font-size:
|
14532
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
14202
14533
|
--cds-productive-heading-07-font-weight: 300;
|
14203
14534
|
--cds-productive-heading-07-line-height: 1.19;
|
14204
14535
|
--cds-productive-heading-07-letter-spacing: 0;
|
@@ -14253,7 +14584,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14253
14584
|
--cds-display-03-line-height: 1.19;
|
14254
14585
|
--cds-display-03-letter-spacing: 0;
|
14255
14586
|
--cds-display-04-font-size: 2.625rem;
|
14256
|
-
--cds-display-04-font-weight:
|
14587
|
+
--cds-display-04-font-weight: 300;
|
14257
14588
|
--cds-display-04-line-height: 1.19;
|
14258
14589
|
--cds-display-04-letter-spacing: 0;
|
14259
14590
|
--cds-legal-01-font-size: 0.75rem;
|
@@ -14300,11 +14631,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14300
14631
|
--cds-heading-05-font-weight: 400;
|
14301
14632
|
--cds-heading-05-line-height: 1.25;
|
14302
14633
|
--cds-heading-05-letter-spacing: 0;
|
14303
|
-
--cds-heading-06-font-size:
|
14634
|
+
--cds-heading-06-font-size: 2.625rem;
|
14304
14635
|
--cds-heading-06-font-weight: 300;
|
14305
14636
|
--cds-heading-06-line-height: 1.199;
|
14306
14637
|
--cds-heading-06-letter-spacing: 0;
|
14307
|
-
--cds-heading-07-font-size:
|
14638
|
+
--cds-heading-07-font-size: 3.375rem;
|
14308
14639
|
--cds-heading-07-font-weight: 300;
|
14309
14640
|
--cds-heading-07-line-height: 1.19;
|
14310
14641
|
--cds-heading-07-letter-spacing: 0;
|
@@ -14351,7 +14682,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14351
14682
|
--cds-fluid-display-03-line-height: 1.19;
|
14352
14683
|
--cds-fluid-display-03-letter-spacing: 0;
|
14353
14684
|
--cds-fluid-display-04-font-size: 2.625rem;
|
14354
|
-
--cds-fluid-display-04-font-weight:
|
14685
|
+
--cds-fluid-display-04-font-weight: 300;
|
14355
14686
|
--cds-fluid-display-04-line-height: 1.19;
|
14356
14687
|
--cds-fluid-display-04-letter-spacing: 0;
|
14357
14688
|
--cds-button-separator: #161616;
|
@@ -14409,9 +14740,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14409
14740
|
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
14410
14741
|
--cds-field: var(--cds-field-01, #f4f4f4);
|
14411
14742
|
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
14412
|
-
--cds-border-subtle: var(--cds-border-subtle-
|
14743
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
14413
14744
|
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
14414
14745
|
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
14746
|
+
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
14415
14747
|
}
|
14416
14748
|
|
14417
14749
|
.c4p--web-terminal__body {
|
@@ -14561,6 +14893,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14561
14893
|
border-radius: 50%;
|
14562
14894
|
}
|
14563
14895
|
|
14896
|
+
.cds--btn--ghost.c4p--user-profile-image__tooltip:focus {
|
14897
|
+
border: 0;
|
14898
|
+
box-shadow: 0 0 0 0.25rem var(--cds-focus, #0f62fe);
|
14899
|
+
}
|
14900
|
+
|
14564
14901
|
.cds--tooltip__trigger .c4p--user-profile-image svg,
|
14565
14902
|
.c4p--user-profile-image__tooltip.cds--btn--ghost:not([disabled]) svg {
|
14566
14903
|
fill: var(--cds-layer-01, #f4f4f4);
|
@@ -14687,12 +15024,19 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14687
15024
|
}
|
14688
15025
|
|
14689
15026
|
.c4p--options-tile {
|
14690
|
-
|
14691
|
-
|
15027
|
+
position: relative;
|
15028
|
+
border-bottom: 1px solid var(--cds-border-subtle);
|
15029
|
+
background-color: var(--cds-layer);
|
14692
15030
|
}
|
14693
15031
|
|
14694
15032
|
.c4p--options-tile__toggle-container {
|
14695
|
-
position:
|
15033
|
+
position: absolute;
|
15034
|
+
top: 0;
|
15035
|
+
right: 0;
|
15036
|
+
bottom: 0;
|
15037
|
+
width: calc(
|
15038
|
+
1rem + 2rem + 1rem
|
15039
|
+
);
|
14696
15040
|
}
|
14697
15041
|
|
14698
15042
|
.c4p--options-tile__toggle {
|
@@ -14887,336 +15231,142 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14887
15231
|
|
14888
15232
|
@media (prefers-reduced-motion: reduce) {
|
14889
15233
|
.c4p--options-tile__summary,
|
14890
|
-
.c4p--options-tile__chevron {
|
15234
|
+
.c4p--options-tile__chevron {
|
14891
15235
|
transition: none;
|
14892
15236
|
}
|
14893
15237
|
}
|
14894
|
-
.c4p--
|
14895
|
-
--c4p--
|
14896
|
-
|
14897
|
-
|
14898
|
-
|
14899
|
-
|
14900
|
-
display: inline-block;
|
14901
|
-
min-width: calc(4 * var(--c4p--inline-edit--size));
|
14902
|
-
max-width: 100%;
|
14903
|
-
height: var(--c4p--inline-edit--size);
|
14904
|
-
background-color: var(--c4p--inline-edit--background-color);
|
14905
|
-
cursor: text;
|
14906
|
-
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);
|
14907
|
-
vertical-align: middle;
|
14908
|
-
white-space: nowrap;
|
14909
|
-
}
|
14910
|
-
.c4p--inline-edit.c4p--inline-edit--light {
|
14911
|
-
--c4p--inline-edit--background-color: transparent;
|
15238
|
+
.c4p--edit-in-place {
|
15239
|
+
--c4p--edit-in-place--size: 2rem;
|
15240
|
+
display: flex;
|
15241
|
+
align-items: center;
|
15242
|
+
background: transparent;
|
15243
|
+
cursor: pointer;
|
14912
15244
|
}
|
14913
|
-
|
14914
|
-
|
15245
|
+
|
15246
|
+
.c4p--edit-in-place--sm {
|
15247
|
+
--c4p--edit-in-place--size: 2rem;
|
14915
15248
|
}
|
14916
|
-
|
14917
|
-
|
14918
|
-
--c4p--
|
15249
|
+
|
15250
|
+
.c4p--edit-in-place--md {
|
15251
|
+
--c4p--edit-in-place--size: 2.5rem;
|
14919
15252
|
}
|
14920
|
-
|
14921
|
-
|
14922
|
-
|
15253
|
+
|
15254
|
+
.c4p--edit-in-place--lg {
|
15255
|
+
/* April 2023 max text input size */
|
15256
|
+
--c4p--edit-in-place--size: 3rem;
|
14923
15257
|
}
|
14924
|
-
|
14925
|
-
|
14926
|
-
|
14927
|
-
outline-offset: calc(-1 * 0.125rem);
|
15258
|
+
|
15259
|
+
.c4p--edit-in-place--readonly {
|
15260
|
+
cursor: not-allowed;
|
14928
15261
|
}
|
14929
|
-
|
14930
|
-
|
14931
|
-
|
14932
|
-
}
|
15262
|
+
|
15263
|
+
.c4p--edit-in-place:hover {
|
15264
|
+
background: var(--cds-field-01, #f4f4f4);
|
14933
15265
|
}
|
14934
|
-
|
14935
|
-
|
14936
|
-
|
14937
|
-
|
14938
|
-
background-color: var(--cds-layer-01, #f4f4f4);
|
15266
|
+
|
15267
|
+
.c4p--edit-in-place:hover .c4p--edit-in-place__btn-edit,
|
15268
|
+
.c4p--edit-in-place__btn-edit.c4p--edit-in-place__btn-edit--always-visible {
|
15269
|
+
visibility: visible;
|
14939
15270
|
}
|
14940
|
-
|
14941
|
-
|
14942
|
-
|
14943
|
-
}
|
15271
|
+
|
15272
|
+
.c4p--edit-in-place__btn-edit {
|
15273
|
+
visibility: hidden;
|
14944
15274
|
}
|
14945
|
-
|
14946
|
-
|
14947
|
-
|
14948
|
-
width: calc(100% - var(--c4p--inline-edit--toolbar-width) - 1rem);
|
14949
|
-
max-width: calc(
|
14950
|
-
100% - var(--c4p--inline-edit--toolbar-width) - 1rem
|
14951
|
-
);
|
14952
|
-
min-height: var(--c4p--inline-edit--size);
|
14953
|
-
/* stylelint-disable-next-line carbon/layout-token-use */
|
14954
|
-
margin-right: var(--c4p--inline-edit--toolbar-width);
|
14955
|
-
margin-left: 1rem;
|
14956
|
-
font-family: inherit;
|
14957
|
-
line-height: var(--c4p--inline-edit--size);
|
15275
|
+
|
15276
|
+
.c4p--edit-in-place--invalid {
|
15277
|
+
outline: 2px solid var(--cds-support-error, #da1e28);
|
14958
15278
|
}
|
14959
|
-
|
14960
|
-
|
15279
|
+
|
15280
|
+
.c4p--edit-in-place--focused {
|
15281
|
+
background: var(--cds-field-01, #f4f4f4);
|
15282
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
14961
15283
|
}
|
14962
|
-
|
14963
|
-
|
15284
|
+
|
15285
|
+
.c4p--edit-in-place__text-input {
|
15286
|
+
flex: 1;
|
14964
15287
|
}
|
14965
|
-
|
14966
|
-
|
14967
|
-
|
14968
|
-
|
14969
|
-
|
14970
|
-
|
14971
|
-
|
14972
|
-
margin-left: 1rem;
|
14973
|
-
color: var(--cds-text-helper, #6f6f6f);
|
14974
|
-
content: attr(data-placeholder);
|
14975
|
-
opacity: 0;
|
14976
|
-
visibility: hidden;
|
15288
|
+
|
15289
|
+
.c4p--edit-in-place--inherit-type .c4p--edit-in-place__text-input {
|
15290
|
+
/* match font of container */
|
15291
|
+
font-size: inherit;
|
15292
|
+
font-weight: inherit;
|
15293
|
+
letter-spacing: inherit;
|
15294
|
+
line-height: inherit;
|
14977
15295
|
}
|
14978
|
-
|
14979
|
-
|
14980
|
-
|
14981
|
-
|
14982
|
-
height: var(--c4p--inline-edit--size);
|
14983
|
-
line-height: var(--c4p--inline-edit--size);
|
15296
|
+
|
15297
|
+
.c4p--edit-in-place__ellipsis {
|
15298
|
+
position: relative;
|
15299
|
+
margin-left: -1rem;
|
14984
15300
|
opacity: 0;
|
14985
|
-
pointer-events: none;
|
14986
|
-
transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
14987
15301
|
}
|
14988
|
-
|
14989
|
-
|
15302
|
+
|
15303
|
+
.c4p--edit-in-place--overflows:not(.c4p--edit-in-place--focused) .c4p--edit-in-place__ellipsis {
|
14990
15304
|
opacity: 1;
|
14991
15305
|
}
|
14992
|
-
|
14993
|
-
|
14994
|
-
|
14995
|
-
left: 0;
|
14996
|
-
width: 100%;
|
14997
|
-
height: 100%;
|
14998
|
-
pointer-events: none;
|
14999
|
-
}
|
15000
|
-
.c4p--inline-edit.c4p--inline-edit--disabled .c4p--inline-edit__disabled-cover {
|
15001
|
-
cursor: not-allowed;
|
15002
|
-
pointer-events: all;
|
15306
|
+
|
15307
|
+
.c4p--edit-in-place__text-input-label {
|
15308
|
+
display: none;
|
15003
15309
|
}
|
15004
|
-
|
15005
|
-
|
15006
|
-
|
15007
|
-
|
15008
|
-
|
15310
|
+
|
15311
|
+
.c4p--edit-in-place__warning-icon {
|
15312
|
+
width: 1rem;
|
15313
|
+
margin: auto 0.5rem;
|
15314
|
+
color: var(--cds-support-error, #da1e28);
|
15009
15315
|
}
|
15010
|
-
|
15011
|
-
|
15012
|
-
|
15013
|
-
|
15014
|
-
|
15015
|
-
|
15016
|
-
|
15017
|
-
|
15018
|
-
justify-content: space-between;
|
15019
|
-
cursor: text;
|
15316
|
+
|
15317
|
+
.c4p--edit-in-place__warning-text {
|
15318
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
15319
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
15320
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
15321
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
15322
|
+
margin-top: 0.5rem;
|
15323
|
+
color: var(--cds-support-error, #da1e28);
|
15020
15324
|
}
|
15021
|
-
|
15022
|
-
|
15325
|
+
|
15326
|
+
.c4p--edit-in-place__text-input.cds--text-input {
|
15327
|
+
border: none;
|
15328
|
+
background: transparent;
|
15329
|
+
cursor: pointer;
|
15330
|
+
outline: none;
|
15023
15331
|
}
|
15024
|
-
|
15025
|
-
|
15026
|
-
|
15027
|
-
|
15028
|
-
display: block;
|
15029
|
-
width: 100%;
|
15030
|
-
height: 100%;
|
15031
|
-
box-sizing: border-box;
|
15032
|
-
border: 2px solid var(--cds-focus, #0f62fe);
|
15033
|
-
border-left: 0;
|
15034
|
-
content: "";
|
15035
|
-
pointer-events: none;
|
15332
|
+
|
15333
|
+
.c4p--edit-in-place__text-input.cds--text-input:focus,
|
15334
|
+
.c4p--edit-in-place__text-input.cds--text-input:active {
|
15335
|
+
outline: none;
|
15036
15336
|
}
|
15037
|
-
|
15337
|
+
|
15338
|
+
.c4p--edit-in-place__toolbar {
|
15339
|
+
--toolbar-width: var(--c4p--edit-in-place--size);
|
15340
|
+
--toolbar-width-focussed: calc(2 * var(--c4p--edit-in-place--size));
|
15038
15341
|
display: inline-flex;
|
15039
|
-
width: var(--
|
15040
|
-
max-width: var(--c4p--inline-edit--size);
|
15041
|
-
height: 100%;
|
15042
|
-
min-height: initial;
|
15043
|
-
max-height: var(--c4p--inline-edit--size);
|
15044
|
-
align-items: center;
|
15045
|
-
justify-content: center;
|
15046
|
-
border: 2px solid transparent;
|
15047
|
-
}
|
15048
|
-
.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 {
|
15049
|
-
outline: initial;
|
15050
|
-
}
|
15051
|
-
.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 {
|
15052
|
-
border-color: var(--cds-focus, #0f62fe);
|
15053
|
-
box-shadow: initial;
|
15054
|
-
outline: initial;
|
15055
|
-
}
|
15056
|
-
.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 {
|
15057
|
-
box-shadow: inset 0 0 0 1px var(--cds-field-01, #f4f4f4);
|
15058
|
-
}
|
15059
|
-
.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 {
|
15060
|
-
background-color: transparent;
|
15061
|
-
}
|
15062
|
-
.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] {
|
15063
|
-
border-color: transparent;
|
15342
|
+
width: var(--toolbar-width);
|
15064
15343
|
}
|
15065
|
-
|
15066
|
-
|
15067
|
-
width: var(--c4p--
|
15068
|
-
|
15069
|
-
|
15070
|
-
|
15071
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save {
|
15072
|
-
overflow: hidden;
|
15073
|
-
width: 0;
|
15074
|
-
padding: 0;
|
15075
|
-
border-right: 0;
|
15076
|
-
border-left: 0;
|
15077
|
-
}
|
15078
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save {
|
15079
|
-
margin-right: 0;
|
15080
|
-
transition: all 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
15081
|
-
transition-property: margin, padding;
|
15082
|
-
}
|
15083
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save svg {
|
15084
|
-
transition: width 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
15344
|
+
|
15345
|
+
.c4p--edit-in-place--invalid .c4p--edit-in-place__toolbar {
|
15346
|
+
--toolbar-width: calc(var(--c4p--edit-in-place--size) + 2rem);
|
15347
|
+
--toolbar-width-focussed: calc(
|
15348
|
+
2 * var(--c4p--edit-in-place--size) + 2rem
|
15349
|
+
);
|
15085
15350
|
}
|
15086
|
-
|
15087
|
-
|
15088
|
-
|
15351
|
+
|
15352
|
+
@keyframes slide-in {
|
15353
|
+
0% {
|
15354
|
+
overflow: hidden;
|
15355
|
+
width: var(--toolbar-width);
|
15089
15356
|
}
|
15090
|
-
|
15091
|
-
|
15092
|
-
|
15093
|
-
padding-left: 0;
|
15094
|
-
border-right: 0;
|
15095
|
-
border-left: 0;
|
15096
|
-
margin-right: calc(-1 * var(--c4p--inline-edit--size));
|
15097
|
-
}
|
15098
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save svg {
|
15099
|
-
overflow: hidden;
|
15100
|
-
width: 0;
|
15101
|
-
}
|
15102
|
-
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit {
|
15103
|
-
display: inline-flex;
|
15104
|
-
width: var(--c4p--inline-edit--size);
|
15105
|
-
max-width: var(--c4p--inline-edit--size);
|
15106
|
-
height: 100%;
|
15107
|
-
min-height: initial;
|
15108
|
-
max-height: var(--c4p--inline-edit--size);
|
15109
|
-
align-items: center;
|
15110
|
-
justify-content: center;
|
15111
|
-
border: 2px solid transparent;
|
15112
|
-
}
|
15113
|
-
.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 {
|
15114
|
-
border-color: transparent;
|
15115
|
-
background-color: transparent;
|
15116
|
-
box-shadow: initial;
|
15117
|
-
outline: initial;
|
15118
|
-
}
|
15119
|
-
@media (hover: hover) {
|
15120
|
-
.c4p--inline-edit .c4p--inline-edit__edit {
|
15121
|
-
opacity: 0;
|
15122
|
-
transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
15357
|
+
99% {
|
15358
|
+
overflow: hidden;
|
15359
|
+
width: var(--toolbar-width-focussed);
|
15123
15360
|
}
|
15124
|
-
|
15125
|
-
|
15361
|
+
100% {
|
15362
|
+
overflow: visible;
|
15363
|
+
width: var(--toolbar-width-focussed);
|
15126
15364
|
}
|
15127
15365
|
}
|
15128
|
-
.c4p--
|
15129
|
-
|
15130
|
-
|
15131
|
-
|
15132
|
-
display: inline-flex;
|
15133
|
-
width: var(--c4p--inline-edit--size);
|
15134
|
-
max-width: var(--c4p--inline-edit--size);
|
15135
|
-
height: 100%;
|
15136
|
-
min-height: initial;
|
15137
|
-
max-height: var(--c4p--inline-edit--size);
|
15138
|
-
align-items: center;
|
15139
|
-
justify-content: center;
|
15140
|
-
border: 2px solid transparent;
|
15141
|
-
}
|
15142
|
-
.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-icon {
|
15143
|
-
color: var(--cds-support-error, #da1e28);
|
15144
|
-
}
|
15145
|
-
.c4p--inline-edit .c4p--inline-edit__validation-text {
|
15146
|
-
display: block;
|
15147
|
-
overflow: visible;
|
15148
|
-
margin-left: 1rem;
|
15149
|
-
}
|
15150
|
-
.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-text {
|
15151
|
-
color: var(--cds-support-error, #da1e28);
|
15152
|
-
}
|
15153
|
-
|
15154
|
-
.c4p--inline-edit-v2 {
|
15155
|
-
display: flex;
|
15156
|
-
align-items: center;
|
15157
|
-
background: transparent;
|
15158
|
-
cursor: pointer;
|
15159
|
-
}
|
15160
|
-
|
15161
|
-
.c4p--inline-edit-v2-readonly {
|
15162
|
-
cursor: not-allowed;
|
15163
|
-
}
|
15164
|
-
|
15165
|
-
.c4p--inline-edit-v2:hover {
|
15166
|
-
background: var(--cds-field-01, #f4f4f4);
|
15167
|
-
}
|
15168
|
-
|
15169
|
-
.c4p--inline-edit-v2:hover .c4p--inline-edit-v2__btn-edit {
|
15170
|
-
visibility: visible;
|
15171
|
-
}
|
15172
|
-
|
15173
|
-
.c4p--inline-edit-v2__btn-edit {
|
15174
|
-
visibility: hidden;
|
15175
|
-
}
|
15176
|
-
|
15177
|
-
.c4p--inline-edit-v2-focused {
|
15178
|
-
background: var(--cds-field-01, #f4f4f4);
|
15179
|
-
outline: 2px solid var(--cds-focus, #0f62fe);
|
15180
|
-
}
|
15181
|
-
|
15182
|
-
.c4p--inline-edit-v2__text-input {
|
15183
|
-
flex: 1;
|
15184
|
-
}
|
15185
|
-
|
15186
|
-
.c4p--inline-edit-v2__text-input-label {
|
15187
|
-
display: none;
|
15188
|
-
}
|
15189
|
-
|
15190
|
-
.c4p--inline-edit-v2__warning-icon {
|
15191
|
-
/* stylelint-disable-next-line carbon/layout-token-use */
|
15192
|
-
margin-right: 0.4375rem;
|
15193
|
-
color: var(--cds-support-error, #da1e28);
|
15194
|
-
}
|
15195
|
-
|
15196
|
-
.c4p--inline-edit-v2__warning-text {
|
15197
|
-
font-size: var(--cds-label-01-font-size, 0.75rem);
|
15198
|
-
font-weight: var(--cds-label-01-font-weight, 400);
|
15199
|
-
line-height: var(--cds-label-01-line-height, 1.33333);
|
15200
|
-
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
15201
|
-
margin-top: 0.5rem;
|
15202
|
-
color: var(--cds-support-error, #da1e28);
|
15203
|
-
}
|
15204
|
-
|
15205
|
-
.c4p--inline-edit-v2__text-input.cds--text-input {
|
15206
|
-
border: none;
|
15207
|
-
background: transparent;
|
15208
|
-
cursor: pointer;
|
15209
|
-
outline: none;
|
15210
|
-
}
|
15211
|
-
|
15212
|
-
.c4p--inline-edit-v2-readonly .c4p--inline-edit-v2__text-input.cds--text-input,
|
15213
|
-
.c4p--inline-edit-v2-readonly .cds--btn.cds--btn--icon-only.cds--tooltip__trigger {
|
15214
|
-
cursor: not-allowed;
|
15215
|
-
}
|
15216
|
-
|
15217
|
-
.c4p--inline-edit-v2__text-input.cds--text-input:focus,
|
15218
|
-
.c4p--inline-edit-v2__text-input.cds--text-input:active {
|
15219
|
-
outline: none;
|
15366
|
+
.c4p--edit-in-place--focused .c4p--edit-in-place__toolbar {
|
15367
|
+
overflow: initial;
|
15368
|
+
width: var(--toolbar-width-focussed);
|
15369
|
+
animation: slide-in 150ms cubic-bezier(0, 0, 0.38, 0.9);
|
15220
15370
|
}
|
15221
15371
|
|
15222
15372
|
.c4p--data-spreadsheet {
|
@@ -15285,8 +15435,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15285
15435
|
justify-content: flex-end;
|
15286
15436
|
}
|
15287
15437
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td {
|
15288
|
-
border-right: 1px solid var(--cds-border-subtle-01, #
|
15289
|
-
border-bottom: 1px solid var(--cds-border-subtle-01, #
|
15438
|
+
border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
15439
|
+
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
15290
15440
|
overflow: hidden;
|
15291
15441
|
margin: 0;
|
15292
15442
|
background-color: var(--cds-field-01, #f4f4f4);
|
@@ -15358,8 +15508,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15358
15508
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
15359
15509
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
15360
15510
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
15361
|
-
border-right: 1px solid var(--cds-border-subtle-01, #
|
15362
|
-
border-bottom: 1px solid var(--cds-border-subtle-01, #
|
15511
|
+
border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
15512
|
+
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
15363
15513
|
position: absolute;
|
15364
15514
|
z-index: 3;
|
15365
15515
|
display: none;
|
@@ -15457,7 +15607,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15457
15607
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header,
|
15458
15608
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td {
|
15459
15609
|
background-color: var(--cds-background-inverse, #393939);
|
15460
|
-
color: var(--cds-text-
|
15610
|
+
color: var(--cds-text-inverse, #ffffff);
|
15461
15611
|
/* stylelint-disable-next-line max-nesting-depth */
|
15462
15612
|
}
|
15463
15613
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header:focus, .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header:hover,
|
@@ -15658,7 +15808,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15658
15808
|
.c4p--datagrid__grid-container td.cds--table-column-checkbox,
|
15659
15809
|
.c4p--datagrid__grid-container th.cds--table-column-checkbox {
|
15660
15810
|
/* stylelint-disable-next-line declaration-no-important */
|
15661
|
-
|
15811
|
+
width: 3rem !important;
|
15812
|
+
/* stylelint-disable-next-line declaration-no-important */
|
15813
|
+
padding-right: 1rem !important;
|
15662
15814
|
}
|
15663
15815
|
|
15664
15816
|
.c4p--datagrid__empty-state .c4p--datagrid__table-simple {
|
@@ -15722,7 +15874,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15722
15874
|
}
|
15723
15875
|
|
15724
15876
|
.c4p--datagrid__head-hidden-select-all {
|
15725
|
-
padding-right:
|
15877
|
+
padding-right: 3rem;
|
15726
15878
|
}
|
15727
15879
|
.c4p--datagrid__head-hidden-select-all.c4p--datagrid__select-all-sticky-left {
|
15728
15880
|
position: sticky;
|
@@ -15763,6 +15915,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15763
15915
|
width: 100% !important;
|
15764
15916
|
}
|
15765
15917
|
|
15918
|
+
.c4p--datagrid__sticky thead {
|
15919
|
+
display: flex;
|
15920
|
+
}
|
15921
|
+
.c4p--datagrid__sticky thead tr.c4p--datagrid__sticky {
|
15922
|
+
width: auto;
|
15923
|
+
}
|
15924
|
+
|
15766
15925
|
.c4p--datagrid__displayFlex {
|
15767
15926
|
position: relative;
|
15768
15927
|
display: flex;
|
@@ -15771,39 +15930,35 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15771
15930
|
flex-direction: row;
|
15772
15931
|
}
|
15773
15932
|
|
15774
|
-
.c4p--
|
15775
|
-
|
15776
|
-
|
15777
|
-
background-color: var(--cds-layer-01, #f4f4f4);
|
15778
|
-
}
|
15779
|
-
|
15780
|
-
.c4p--datagrid__leftPanel-position {
|
15781
|
-
display: inherit;
|
15933
|
+
.c4p--datagrid__table-container-inner {
|
15934
|
+
overflow: hidden;
|
15935
|
+
flex: 1;
|
15782
15936
|
}
|
15783
15937
|
|
15784
15938
|
.c4p--datagrid__datagridWithPanel {
|
15785
15939
|
position: relative;
|
15786
15940
|
display: flex;
|
15787
|
-
width: 100%;
|
15788
15941
|
height: 100%;
|
15789
15942
|
flex-direction: column;
|
15790
15943
|
}
|
15791
15944
|
.c4p--datagrid__datagridWithPanel .c4p--datagrid__grid-container {
|
15792
15945
|
display: flex;
|
15793
|
-
overflow:
|
15946
|
+
overflow: visible;
|
15794
15947
|
flex-direction: column;
|
15795
15948
|
}
|
15796
15949
|
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-toolbar {
|
15797
15950
|
width: 100%;
|
15798
15951
|
}
|
15799
|
-
.c4p--datagrid__datagridWithPanel .c4p--
|
15800
|
-
|
15952
|
+
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-container {
|
15953
|
+
display: flex;
|
15954
|
+
overflow: visible;
|
15955
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
15801
15956
|
}
|
15802
|
-
.c4p--datagrid__datagridWithPanel .
|
15803
|
-
|
15957
|
+
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-container .c4p--datagrid__filter-summary {
|
15958
|
+
border-bottom: 1px solid var(--cds-layer-03, #f4f4f4);
|
15804
15959
|
}
|
15805
|
-
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-
|
15806
|
-
|
15960
|
+
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-simple {
|
15961
|
+
height: 100%;
|
15807
15962
|
}
|
15808
15963
|
|
15809
15964
|
.c4p--datagrid__table-container {
|
@@ -15812,6 +15967,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15812
15967
|
overflow: auto;
|
15813
15968
|
width: 100%;
|
15814
15969
|
max-height: 100%;
|
15970
|
+
overflow-y: auto;
|
15815
15971
|
}
|
15816
15972
|
|
15817
15973
|
.c4p--datagrid__carbon-row-expanded {
|
@@ -15828,7 +15984,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15828
15984
|
);
|
15829
15985
|
width: 1px;
|
15830
15986
|
height: var(--c4p--datagrid--indicator-height);
|
15831
|
-
border-left: 1px solid var(--cds-
|
15987
|
+
border-left: 1px solid var(--cds-border-subtle-selected-01, #c6c6c6);
|
15832
15988
|
content: "";
|
15833
15989
|
}
|
15834
15990
|
|
@@ -15845,7 +16001,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15845
16001
|
padding-bottom: 1rem;
|
15846
16002
|
}
|
15847
16003
|
.c4p--datagrid__dense-header .c4p--datagrid__table-toolbar {
|
15848
|
-
|
16004
|
+
display: flex;
|
16005
|
+
flex: 1 0 auto;
|
16006
|
+
align-items: flex-end;
|
15849
16007
|
}
|
15850
16008
|
.c4p--datagrid__dense-header .cds--table-toolbar {
|
15851
16009
|
background: transparent;
|
@@ -15853,9 +16011,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15853
16011
|
.c4p--datagrid__dense-header .cds__table-container {
|
15854
16012
|
flex: 1 1 100%;
|
15855
16013
|
}
|
15856
|
-
.c4p--datagrid__dense-header .cds--table-toolbar {
|
15857
|
-
padding-top: 2rem;
|
15858
|
-
}
|
15859
16014
|
.c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider {
|
15860
16015
|
position: relative;
|
15861
16016
|
}
|
@@ -15865,7 +16020,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15865
16020
|
left: 0;
|
15866
16021
|
width: 1px;
|
15867
16022
|
height: 1rem;
|
15868
|
-
border-left: 1px solid var(--cds-border-subtle-01, #
|
16023
|
+
border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
15869
16024
|
content: "";
|
15870
16025
|
transform: translateY(-50%);
|
15871
16026
|
}
|
@@ -15876,6 +16031,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15876
16031
|
|
15877
16032
|
.c4p--datagrid .cds--data-table--selected:not(.c4p--datagrid__active-row)::before {
|
15878
16033
|
position: absolute;
|
16034
|
+
top: 0;
|
15879
16035
|
left: 0;
|
15880
16036
|
width: 0.25rem;
|
15881
16037
|
height: 100%;
|
@@ -15925,6 +16081,28 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15925
16081
|
justify-content: center;
|
15926
16082
|
}
|
15927
16083
|
|
16084
|
+
.c4p--datagrid__customize-columns-checkbox-wrapper.cds--form-item {
|
16085
|
+
flex: 0 0 auto;
|
16086
|
+
margin-right: 0.5rem;
|
16087
|
+
}
|
16088
|
+
|
16089
|
+
.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
|
16090
|
+
width: 10px;
|
16091
|
+
height: 7px;
|
16092
|
+
}
|
16093
|
+
|
16094
|
+
.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-track {
|
16095
|
+
background: var(--cds-layer);
|
16096
|
+
}
|
16097
|
+
|
16098
|
+
.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-thumb {
|
16099
|
+
border-radius: 5px;
|
16100
|
+
}
|
16101
|
+
|
16102
|
+
.c4p--datagrid__virtualScrollContainer {
|
16103
|
+
width: 100%;
|
16104
|
+
}
|
16105
|
+
|
15928
16106
|
.cds--body--with-modal-open .c4p--datagrid__grid-container {
|
15929
16107
|
overflow: hidden;
|
15930
16108
|
height: 100vh;
|
@@ -15949,6 +16127,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15949
16127
|
background-color: var(--cds-button-primary-hover, #0050e6);
|
15950
16128
|
}
|
15951
16129
|
|
16130
|
+
.c4p--datagrid__toolbar-options.c4p--datagrid__toolbar-options {
|
16131
|
+
background-color: var(--cds-layer-02, #ffffff);
|
16132
|
+
}
|
16133
|
+
|
15952
16134
|
.c4p--datagrid__toolbar-options.cds--overflow-menu-options::after {
|
15953
16135
|
background-color: transparent;
|
15954
16136
|
}
|
@@ -15957,6 +16139,15 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15957
16139
|
position: absolute;
|
15958
16140
|
}
|
15959
16141
|
|
16142
|
+
.c4p--datagrid__table-toolbar--sm .c4p--filter-summary,
|
16143
|
+
.c4p--datagrid__table-toolbar--xs .c4p--filter-summary {
|
16144
|
+
padding: 0 0.5rem;
|
16145
|
+
}
|
16146
|
+
|
16147
|
+
.c4p--datagrid .c4p--datagrid__head-wrap {
|
16148
|
+
background-color: var(--cds-layer-accent);
|
16149
|
+
}
|
16150
|
+
|
15960
16151
|
/*
|
15961
16152
|
* Licensed Materials - Property of IBM
|
15962
16153
|
* 5724-Q36
|
@@ -15998,6 +16189,19 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15998
16189
|
content: "";
|
15999
16190
|
}
|
16000
16191
|
|
16192
|
+
.c4p--datagrid tr.c4p--datagrid__carbon-nested-row td:first-child:empty,
|
16193
|
+
.c4p--datagrid tr.c4p--datagrid__carbon-nested-row .c4p--datagrid__expandable-row-cell {
|
16194
|
+
border-bottom: none;
|
16195
|
+
}
|
16196
|
+
|
16197
|
+
.cds--data-table td.c4p--datagrid__expandable-row-cell {
|
16198
|
+
padding-left: 0.5rem;
|
16199
|
+
}
|
16200
|
+
|
16201
|
+
.c4p--datagrid__carbon-row-expanded .c4p--datagrid__expandable-row-cell {
|
16202
|
+
border-bottom: none;
|
16203
|
+
}
|
16204
|
+
|
16001
16205
|
/*
|
16002
16206
|
* Licensed Materials - Property of IBM
|
16003
16207
|
* 5724-Q36
|
@@ -16022,13 +16226,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16022
16226
|
background-color: var(--cds-layer-accent-01, #e0e0e0);
|
16023
16227
|
}
|
16024
16228
|
|
16025
|
-
|
16026
|
-
*
|
16027
|
-
*
|
16028
|
-
*
|
16029
|
-
*
|
16030
|
-
|
16031
|
-
*/
|
16229
|
+
/**
|
16230
|
+
* Copyright IBM Corp. 2020, 2023
|
16231
|
+
*
|
16232
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
16233
|
+
* LICENSE file in the root directory of this source tree.
|
16234
|
+
*/
|
16032
16235
|
.c4p--datagrid__sortableColumn .cds--table-header-label .header-title {
|
16033
16236
|
display: inline-block;
|
16034
16237
|
width: auto;
|
@@ -16038,36 +16241,43 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16038
16241
|
width: 100%;
|
16039
16242
|
height: 100%;
|
16040
16243
|
}
|
16041
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label
|
16042
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label
|
16043
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label button:focus
|
16244
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:focus,
|
16245
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:active,
|
16246
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label button:focus .c4p--datagrid__sortable-icon {
|
16044
16247
|
/* stylelint-disable-next-line declaration-no-important */
|
16045
16248
|
background: none !important;
|
16046
16249
|
/* stylelint-disable-next-line declaration-no-important */
|
16047
16250
|
color: var(--cds-text-primary, #161616) !important;
|
16048
|
-
/* stylelint-disable-next-line declaration-no-important */
|
16049
|
-
outline: none !important;
|
16050
16251
|
}
|
16051
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label
|
16252
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:focus + .c4p--datagrid__resizer,
|
16253
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:active + .c4p--datagrid__resizer {
|
16254
|
+
z-index: -1;
|
16255
|
+
}
|
16256
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort {
|
16052
16257
|
width: 100%;
|
16053
16258
|
min-width: 100%;
|
16054
|
-
|
16055
|
-
padding: 0;
|
16259
|
+
padding: 0 1rem;
|
16056
16260
|
border: none;
|
16057
16261
|
/* stylelint-disable-next-line declaration-no-important */
|
16058
16262
|
background: none !important;
|
16059
|
-
box-shadow: none;
|
16060
16263
|
/* stylelint-disable-next-line declaration-no-important */
|
16061
16264
|
color: var(--cds-text-primary, #161616) !important;
|
16062
16265
|
font: inherit;
|
16063
16266
|
}
|
16064
|
-
.c4p--datagrid__sortableColumn .cds--table-header-label
|
16267
|
+
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort .c4p--datagrid__sortable-icon {
|
16065
16268
|
fill: var(--cds-text-primary, #161616);
|
16269
|
+
opacity: 0;
|
16066
16270
|
visibility: hidden;
|
16067
16271
|
}
|
16272
|
+
.c4p--datagrid__sortableColumn .cds--table-sort.c4p--datagrid--table-sort {
|
16273
|
+
width: calc(100% + 2rem);
|
16274
|
+
margin: 0 calc(-1 * 1rem);
|
16275
|
+
}
|
16068
16276
|
|
16069
|
-
.c4p--datagrid__sortableColumn:hover .cds--table-header-label
|
16070
|
-
.c4p--datagrid__sortableColumn
|
16277
|
+
.c4p--datagrid__sortableColumn:hover .cds--table-header-label .c4p--datagrid__sortable-icon,
|
16278
|
+
.c4p--datagrid__sortableColumn:focus-within .cds--table-header-label .c4p--datagrid__sortable-icon,
|
16279
|
+
.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .cds--table-header-label .c4p--datagrid__sortable-icon {
|
16280
|
+
opacity: 1;
|
16071
16281
|
visibility: visible;
|
16072
16282
|
}
|
16073
16283
|
|
@@ -16128,7 +16338,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16128
16338
|
right: 0;
|
16129
16339
|
display: flex;
|
16130
16340
|
align-items: center;
|
16131
|
-
border-left: 1px solid var(--cds-layer-
|
16341
|
+
border-left: 1px solid var(--cds-layer-active-02, #c6c6c6);
|
16132
16342
|
}
|
16133
16343
|
|
16134
16344
|
.c4p--datagrid__right-sticky-column-header {
|
@@ -16143,7 +16353,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16143
16353
|
left: 0;
|
16144
16354
|
display: flex;
|
16145
16355
|
align-items: center;
|
16146
|
-
border-right: 1px solid var(--cds-layer-
|
16356
|
+
border-right: 1px solid var(--cds-layer-active-02, #c6c6c6);
|
16147
16357
|
}
|
16148
16358
|
|
16149
16359
|
.c4p--datagrid__left-sticky-column-header {
|
@@ -16155,7 +16365,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16155
16365
|
|
16156
16366
|
.c4p--datagrid__left-sticky-column-cell.c4p--datagrid__left-sticky-column-cell--with-extra-select-column,
|
16157
16367
|
.c4p--datagrid__left-sticky-column-header.c4p--datagrid__left-sticky-column-header--with-extra-select-column {
|
16158
|
-
left:
|
16368
|
+
left: 3rem;
|
16159
16369
|
}
|
16160
16370
|
|
16161
16371
|
.c4p--datagrid__sticky-noShadow {
|
@@ -16211,55 +16421,31 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16211
16421
|
fill: var(--cds-layer-selected-disabled, #8d8d8d);
|
16212
16422
|
}
|
16213
16423
|
|
16214
|
-
|
16215
|
-
* Licensed Materials - Property of IBM
|
16216
|
-
* 5724-Q36
|
16217
|
-
* (c) Copyright IBM Corp. 2021, 2022
|
16218
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
16219
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
16220
|
-
*/
|
16221
|
-
.c4p--datagrid__customize-columns-modal .cds--modal-content {
|
16222
|
-
position: inherit;
|
16424
|
+
.c4p--datagrid__customize-columns-tearsheet .c4p--tearsheet__content {
|
16223
16425
|
display: flex;
|
16224
16426
|
flex-flow: column;
|
16225
|
-
padding: 0;
|
16226
|
-
margin: 0;
|
16227
16427
|
}
|
16228
16428
|
|
16229
|
-
.c4p--datagrid__customize-columns-
|
16230
|
-
|
16429
|
+
.c4p--datagrid__customize-columns-tearsheet--actions input[role=searchbox] {
|
16430
|
+
height: 3rem;
|
16431
|
+
padding-left: 3rem;
|
16432
|
+
border-bottom: 1px solid var(--cds-background-active, rgba(141, 141, 141, 0.5));
|
16231
16433
|
}
|
16232
16434
|
|
16233
|
-
.c4p--datagrid__customize-columns-checkbox
|
16435
|
+
.cds--form-item.cds--checkbox-wrapper.c4p--datagrid__customize-columns-checkbox {
|
16234
16436
|
display: flex;
|
16437
|
+
flex: initial;
|
16438
|
+
align-items: center;
|
16235
16439
|
justify-content: center;
|
16236
16440
|
}
|
16237
16441
|
|
16238
|
-
.c4p--datagrid__customize-columns-
|
16239
|
-
|
16240
|
-
|
16241
|
-
flex-flow: row;
|
16242
|
-
background-color: var(--cds-field-02, #ffffff);
|
16243
|
-
}
|
16244
|
-
|
16245
|
-
.c4p--datagrid__customize-columns-modal--actions input[role=searchbox] {
|
16246
|
-
height: 3rem;
|
16247
|
-
padding-left: 2.5rem;
|
16248
|
-
border-bottom: none;
|
16249
|
-
}
|
16250
|
-
|
16251
|
-
.c4p--datagrid__customize-columns-modal--actions > button {
|
16252
|
-
margin-left: 1rem;
|
16442
|
+
.c4p--datagrid__customize-columns-column-list .c4p--datagrid__customize-columns-checkbox-visible-label {
|
16443
|
+
/* stylelint-disable-next-line */
|
16444
|
+
padding-left: 0.375rem;
|
16253
16445
|
}
|
16254
16446
|
|
16255
|
-
.c4p--datagrid__customize-columns-
|
16256
|
-
|
16257
|
-
margin-bottom: 1.5rem;
|
16258
|
-
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
16259
|
-
font-weight: var(--cds-body-long-01-font-weight, 400);
|
16260
|
-
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
16261
|
-
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
16262
|
-
color: var(--cds-text-primary, #161616);
|
16447
|
+
.c4p--datagrid__customize-columns-column-list .c4p--datagrid__customize-columns-checkbox-wrapper.cds--form-item {
|
16448
|
+
margin-bottom: 0;
|
16263
16449
|
}
|
16264
16450
|
|
16265
16451
|
.c4p--datagrid__customize-columns-column-list {
|
@@ -16268,33 +16454,31 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16268
16454
|
}
|
16269
16455
|
|
16270
16456
|
.c4p--datagrid__customize-columns-select-all {
|
16271
|
-
display: flex;
|
16272
|
-
height: 3rem;
|
16273
16457
|
align-items: center;
|
16274
|
-
padding-left: 2.5rem;
|
16275
|
-
border-bottom: 1px solid var(--cds-layer-active);
|
16276
|
-
background-color: var(--cds-layer-01, #f4f4f4);
|
16277
16458
|
}
|
16278
16459
|
|
16279
|
-
.c4p--datagrid__customize-columns-select-all
|
16280
|
-
|
16281
|
-
|
16282
|
-
|
16283
|
-
|
16460
|
+
.c4p--datagrid__customize-columns-select-all,
|
16461
|
+
.c4p--datagrid__customize-columns-select-all--selected {
|
16462
|
+
position: sticky;
|
16463
|
+
z-index: 1;
|
16464
|
+
top: 0;
|
16284
16465
|
display: flex;
|
16285
16466
|
height: 3rem;
|
16286
|
-
align-items: center;
|
16287
16467
|
padding-left: 2.5rem;
|
16288
16468
|
border-bottom: 1px solid var(--cds-layer-active);
|
16289
|
-
background-color: var(--cds-layer
|
16469
|
+
background-color: var(--cds-layer);
|
16470
|
+
}
|
16471
|
+
.c4p--datagrid__customize-columns-select-all .cds--checkbox-label-text,
|
16472
|
+
.c4p--datagrid__customize-columns-select-all--selected .cds--checkbox-label-text {
|
16473
|
+
font-weight: 600;
|
16290
16474
|
}
|
16291
16475
|
|
16292
|
-
.c4p--datagrid__customize-columns-select-all
|
16293
|
-
background-color: var(--cds-
|
16476
|
+
.c4p--datagrid__customize-columns-select-all:hover {
|
16477
|
+
background-color: var(--cds-layer-hover);
|
16294
16478
|
}
|
16295
16479
|
|
16296
|
-
.c4p--
|
16297
|
-
|
16480
|
+
.c4p--datagrid__customize-columns-select-all--selected {
|
16481
|
+
background-color: var(--cds-layer-selected);
|
16298
16482
|
}
|
16299
16483
|
|
16300
16484
|
/*
|
@@ -16304,15 +16488,17 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16304
16488
|
* US Government Users Restricted Rights - Use, duplication or disclosure
|
16305
16489
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
16306
16490
|
*/
|
16307
|
-
.c4p--datagrid__row-size-
|
16308
|
-
|
16309
|
-
background-color: var(--cds-background, #ffffff);
|
16491
|
+
.c4p--datagrid .c4p--datagrid__row-size-toggle-tip-content {
|
16492
|
+
background-color: var(--cds-layer-02, #ffffff);
|
16310
16493
|
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));
|
16311
16494
|
}
|
16312
16495
|
|
16313
|
-
.c4p--datagrid__row-size-button--
|
16314
|
-
|
16315
|
-
|
16496
|
+
.c4p--datagrid .c4p--datagrid__row-size-radio-button .cds--radio-button__label {
|
16497
|
+
color: var(--cds-text-primary, #161616);
|
16498
|
+
}
|
16499
|
+
|
16500
|
+
.c4p--datagrid .c4p--datagrid__row-size-toggle-tip .cds--popover-caret {
|
16501
|
+
background-color: var(--cds-layer-02, #ffffff);
|
16316
16502
|
}
|
16317
16503
|
|
16318
16504
|
.c4p--datagrid .cds--popover--bottom-right.c4p--datagrid__row-height-settings-popover .cds--popover-caret {
|
@@ -16320,15 +16506,207 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16320
16506
|
left: -4px;
|
16321
16507
|
}
|
16322
16508
|
|
16509
|
+
.c4p--datagrid__row-size-toggle-tip-button.cds--toggletip-button {
|
16510
|
+
display: flex;
|
16511
|
+
width: 3rem;
|
16512
|
+
height: 3rem;
|
16513
|
+
justify-content: center;
|
16514
|
+
}
|
16515
|
+
|
16323
16516
|
/*
|
16324
16517
|
* Licensed Materials - Property of IBM
|
16325
16518
|
* 5724-Q36
|
16326
|
-
* (c) Copyright IBM Corp.
|
16519
|
+
* (c) Copyright IBM Corp. 2022
|
16327
16520
|
* US Government Users Restricted Rights - Use, duplication or disclosure
|
16328
16521
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
16329
16522
|
*/
|
16330
|
-
|
16331
|
-
|
16523
|
+
.c4p--datagrid-filter-flyout__container {
|
16524
|
+
position: relative;
|
16525
|
+
}
|
16526
|
+
|
16527
|
+
.c4p--datagrid-filter-flyout {
|
16528
|
+
position: absolute;
|
16529
|
+
top: 3rem;
|
16530
|
+
right: 0;
|
16531
|
+
display: none;
|
16532
|
+
width: 40.125rem;
|
16533
|
+
background-color: var(--cds-layer-02, #ffffff);
|
16534
|
+
box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.25);
|
16535
|
+
}
|
16536
|
+
|
16537
|
+
.c4p--datagrid-filter-flyout--open {
|
16538
|
+
display: grid;
|
16539
|
+
}
|
16540
|
+
|
16541
|
+
.c4p--datagrid-filter-flyout--batch {
|
16542
|
+
min-height: 21.625rem;
|
16543
|
+
grid-template-rows: 1fr 3rem;
|
16544
|
+
}
|
16545
|
+
|
16546
|
+
.c4p--datagrid-filter-flyout--instant {
|
16547
|
+
min-height: 17.625rem;
|
16548
|
+
grid-template-rows: 1fr;
|
16549
|
+
}
|
16550
|
+
|
16551
|
+
.c4p--datagrid-filter-flyout__inner-container {
|
16552
|
+
padding: 1rem 1rem 3rem 1rem;
|
16553
|
+
}
|
16554
|
+
|
16555
|
+
.c4p--datagrid-filter-flyout__inner-container::before {
|
16556
|
+
position: absolute;
|
16557
|
+
top: -0.4375rem;
|
16558
|
+
right: 1px;
|
16559
|
+
display: block;
|
16560
|
+
width: 2.875rem;
|
16561
|
+
height: 0.9375rem;
|
16562
|
+
background-color: var(--cds-layer-02, #ffffff);
|
16563
|
+
content: "";
|
16564
|
+
}
|
16565
|
+
|
16566
|
+
.c4p--datagrid-filter-flyout__title {
|
16567
|
+
display: block;
|
16568
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
16569
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
16570
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
16571
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
16572
|
+
margin-bottom: 1.5rem;
|
16573
|
+
}
|
16574
|
+
|
16575
|
+
.c4p--datagrid-filter-flyout__filters {
|
16576
|
+
display: grid;
|
16577
|
+
gap: 1rem 2rem;
|
16578
|
+
grid-template-columns: 1fr 1fr;
|
16579
|
+
}
|
16580
|
+
|
16581
|
+
.c4p--datagrid-filter-flyout__trigger--open.cds--btn.cds--btn--icon-only {
|
16582
|
+
position: relative;
|
16583
|
+
background-color: var(--cds-layer-02, #ffffff);
|
16584
|
+
box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.25);
|
16585
|
+
}
|
16586
|
+
|
16587
|
+
.c4p--datagrid-filter-flyout .cds--fieldset {
|
16588
|
+
margin-bottom: 0;
|
16589
|
+
}
|
16590
|
+
|
16591
|
+
/*
|
16592
|
+
* Licensed Materials - Property of IBM
|
16593
|
+
* 5724-Q36
|
16594
|
+
* (c) Copyright IBM Corp. 2022
|
16595
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
16596
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
16597
|
+
*/
|
16598
|
+
.c4p--datagrid-filter-panel__container {
|
16599
|
+
position: relative;
|
16600
|
+
width: rem(320px);
|
16601
|
+
height: clamp(var(--filter-panel-min-height), 100%, 100vh);
|
16602
|
+
border-top: 1px var(--cds-layer-accent-01, #e0e0e0) solid;
|
16603
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
16604
|
+
}
|
16605
|
+
|
16606
|
+
.c4p--datagrid-filter-panel--open {
|
16607
|
+
border-right: 1px var(--cds-layer-accent-01, #e0e0e0) solid;
|
16608
|
+
}
|
16609
|
+
|
16610
|
+
.c4p--datagrid-filter-panel__container::before {
|
16611
|
+
position: absolute;
|
16612
|
+
top: -1px;
|
16613
|
+
left: 0;
|
16614
|
+
display: block;
|
16615
|
+
width: rem(47px);
|
16616
|
+
height: 1px;
|
16617
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
16618
|
+
content: "";
|
16619
|
+
}
|
16620
|
+
|
16621
|
+
.c4p--datagrid-filter-panel__inner-container {
|
16622
|
+
position: relative;
|
16623
|
+
z-index: 0;
|
16624
|
+
overflow: auto;
|
16625
|
+
padding: 0 1rem;
|
16626
|
+
overscroll-behavior: contain;
|
16627
|
+
}
|
16628
|
+
|
16629
|
+
.c4p--datagrid-filter-panel__inner-container .c4p--datagrid-filter-panel__category:last-of-type {
|
16630
|
+
padding-bottom: 5rem;
|
16631
|
+
}
|
16632
|
+
|
16633
|
+
.c4p--datagrid-filter-panel {
|
16634
|
+
position: sticky;
|
16635
|
+
top: 0;
|
16636
|
+
}
|
16637
|
+
|
16638
|
+
.c4p--datagrid-filter-panel__heading {
|
16639
|
+
display: flex;
|
16640
|
+
justify-content: space-between;
|
16641
|
+
padding-left: 1rem;
|
16642
|
+
border-bottom: 1px solid transparent;
|
16643
|
+
}
|
16644
|
+
|
16645
|
+
.c4p--datagrid-filter-panel__heading--with-divider {
|
16646
|
+
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
16647
|
+
}
|
16648
|
+
|
16649
|
+
.c4p--datagrid-filter-panel__title {
|
16650
|
+
padding: 1rem 0;
|
16651
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
16652
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
16653
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
16654
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
16655
|
+
}
|
16656
|
+
|
16657
|
+
.c4p--datagrid-filter-panel__search {
|
16658
|
+
padding: 0 1rem 1.5rem;
|
16659
|
+
}
|
16660
|
+
|
16661
|
+
.c4p--datagrid-filter-panel__category-title {
|
16662
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
16663
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
16664
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
16665
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
16666
|
+
margin-bottom: 1rem;
|
16667
|
+
color: var(--cds-text-secondary, #525252);
|
16668
|
+
}
|
16669
|
+
|
16670
|
+
.c4p--datagrid-filter-panel__category {
|
16671
|
+
padding-bottom: 1.5rem;
|
16672
|
+
}
|
16673
|
+
|
16674
|
+
.c4p--datagrid-filter-panel__category > *:not(.c4p--datagrid-filter-panel__category-title, .bx--accordion) {
|
16675
|
+
margin-bottom: 1rem;
|
16676
|
+
}
|
16677
|
+
|
16678
|
+
.c4p--datagrid-filter-panel__action-set {
|
16679
|
+
position: sticky;
|
16680
|
+
z-index: 1;
|
16681
|
+
bottom: 0;
|
16682
|
+
height: rem(64px);
|
16683
|
+
margin-top: auto;
|
16684
|
+
}
|
16685
|
+
|
16686
|
+
.c4p--datagrid-filter-panel__container .cds--accordion__title {
|
16687
|
+
margin: 0;
|
16688
|
+
}
|
16689
|
+
|
16690
|
+
.c4p--datagrid-filter-panel__container .cds--accordion__arrow {
|
16691
|
+
margin: 0.125rem 0 0;
|
16692
|
+
}
|
16693
|
+
|
16694
|
+
.c4p--datagrid-filter-panel__container .cds--accordion__content {
|
16695
|
+
padding-right: 0;
|
16696
|
+
padding-left: 0;
|
16697
|
+
}
|
16698
|
+
|
16699
|
+
.c4p--datagrid-filter-panel__container .cds--accordion__content > *:not(:last-child) {
|
16700
|
+
margin-bottom: 1rem;
|
16701
|
+
}
|
16702
|
+
|
16703
|
+
.cds--btn.c4p--datagrid-filter-panel-open-button {
|
16704
|
+
border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
16705
|
+
border-bottom: none;
|
16706
|
+
}
|
16707
|
+
|
16708
|
+
.c4p--datagrid__grid-container th.c4p--datagrid__select-all-toggle-on,
|
16709
|
+
.c4p--datagrid__grid-container td.c4p--datagrid__select-all-toggle-on {
|
16332
16710
|
/* stylelint-disable-next-line declaration-no-important */
|
16333
16711
|
width: 4.5rem !important;
|
16334
16712
|
/* stylelint-disable-next-line declaration-no-important */
|
@@ -16347,6 +16725,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
16347
16725
|
margin-left: 0.125rem;
|
16348
16726
|
}
|
16349
16727
|
|
16728
|
+
.c4p--datagrid__select-all-toggle-overflow.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
|
16729
|
+
width: 10rem;
|
16730
|
+
}
|
16731
|
+
|
16350
16732
|
/*
|
16351
16733
|
* Licensed Materials - Property of IBM
|
16352
16734
|
* 5724-Q36
|
@@ -16356,7 +16738,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
16356
16738
|
*/
|
16357
16739
|
.c4p--datagrid .c4p--datagrid__expanded-row-content {
|
16358
16740
|
position: relative;
|
16359
|
-
padding: 1rem 1rem 1.5rem
|
16741
|
+
padding: 1rem 1rem 1.5rem 4rem;
|
16360
16742
|
}
|
16361
16743
|
|
16362
16744
|
.c4p--datagrid .c4p--datagrid__expanded-row-content::before {
|
@@ -16397,13 +16779,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
16397
16779
|
fill: var(--cds-layer-selected-inverse, #161616);
|
16398
16780
|
}
|
16399
16781
|
|
16400
|
-
/*
|
16401
|
-
* Licensed Materials - Property of IBM
|
16402
|
-
* 5724-Q36
|
16403
|
-
* (c) Copyright IBM Corp. 2022
|
16404
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
16405
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
16406
|
-
*/
|
16407
16782
|
.c4p--datagrid__draggable-handleStyle {
|
16408
16783
|
display: flex;
|
16409
16784
|
align-items: center;
|
@@ -16415,14 +16790,13 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
16415
16790
|
pointer-events: none;
|
16416
16791
|
}
|
16417
16792
|
|
16418
|
-
|
16419
|
-
fill: var(--cds-icon-disabled,
|
16793
|
+
.c4p--datagrid__draggable-handleStyle.disabled svg {
|
16794
|
+
fill: var(--cds-icon-on-color-disabled, #8d8d8d);
|
16420
16795
|
}
|
16421
16796
|
|
16422
16797
|
.c4p--datagrid__draggable-handleHolder {
|
16423
16798
|
display: flex;
|
16424
16799
|
height: 3rem;
|
16425
|
-
padding-left: 1rem;
|
16426
16800
|
border-bottom: 1px solid var(--cds-layer-active);
|
16427
16801
|
background-color: var(--cds-layer);
|
16428
16802
|
}
|
@@ -16434,7 +16808,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
16434
16808
|
.c4p--datagrid__draggable-handleHolder-selected {
|
16435
16809
|
display: flex;
|
16436
16810
|
height: 3rem;
|
16437
|
-
padding-left: 1rem;
|
16438
16811
|
border-bottom: 1px solid var(--cds-layer-active);
|
16439
16812
|
background-color: var(--cds-layer-selected);
|
16440
16813
|
}
|
@@ -16445,12 +16818,23 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
16445
16818
|
|
16446
16819
|
.c4p--datagrid__draggable-handleHolder-isOver {
|
16447
16820
|
border: 2px dashed var(--cds-focus, #0f62fe);
|
16448
|
-
|
16821
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
16822
|
+
background-color: #edf5ff;
|
16449
16823
|
}
|
16450
16824
|
|
16451
16825
|
.c4p--datagrid__draggable-handleHolder-droppable {
|
16452
16826
|
display: flex;
|
16453
16827
|
width: 100%;
|
16828
|
+
align-items: center;
|
16829
|
+
padding-left: 1rem;
|
16830
|
+
/* stylelint-disable-next-line carbon/type-token-use */
|
16831
|
+
line-height: 1;
|
16832
|
+
transition-property: opacity;
|
16833
|
+
}
|
16834
|
+
|
16835
|
+
.c4p--datagrid__draggable-handleHolder-droppable.c4p--datagrid__draggable-handleHolder-droppable--origin {
|
16836
|
+
opacity: 0.5;
|
16837
|
+
transition: opacity 150ms cubic-bezier(0, 0, 0.38, 0.9);
|
16454
16838
|
}
|
16455
16839
|
|
16456
16840
|
.c4p--datagrid__draggable-handleHolder-grabbed {
|
@@ -16458,6 +16842,10 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
16458
16842
|
color: var(--cds-text-primary, #161616);
|
16459
16843
|
}
|
16460
16844
|
|
16845
|
+
.c4p--datagrid__draggable-handleHolder--sticky {
|
16846
|
+
color: var(--cds-text-on-color-disabled, #8d8d8d);
|
16847
|
+
}
|
16848
|
+
|
16461
16849
|
.c4p--datagrid__shared-ui--assistive-text {
|
16462
16850
|
position: absolute;
|
16463
16851
|
overflow: hidden;
|
@@ -16825,17 +17213,14 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
16825
17213
|
outline-color: var(--cds-support-error, #da1e28);
|
16826
17214
|
}
|
16827
17215
|
|
17216
|
+
.c4p--datagrid .cds--text-input:focus {
|
17217
|
+
background: var(--cds-field-01, #f4f4f4);
|
17218
|
+
}
|
17219
|
+
|
16828
17220
|
.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 {
|
16829
17221
|
background-color: var(--cds-support-error, #da1e28);
|
16830
17222
|
}
|
16831
17223
|
|
16832
|
-
/*
|
16833
|
-
* Licensed Materials - Property of IBM
|
16834
|
-
* 5724-Q36
|
16835
|
-
* (c) Copyright IBM Corp. 2020, 2021
|
16836
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
16837
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
16838
|
-
*/
|
16839
17224
|
/* stylelint-disable max-nesting-depth */
|
16840
17225
|
.c4p--datagrid__datagridWrap {
|
16841
17226
|
display: block;
|
@@ -16856,7 +17241,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
16856
17241
|
|
16857
17242
|
.c4p--datagrid__datagridWrap-simple {
|
16858
17243
|
display: flex;
|
16859
|
-
overflow: hidden;
|
16860
17244
|
width: 100%;
|
16861
17245
|
height: 100%;
|
16862
17246
|
flex-direction: column;
|