@carbon/ibm-products 2.0.0-rc.0 → 2.0.0-rc.10
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +2 -2
- package/css/index-full-carbon.css +1223 -325
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +6 -8
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +792 -174
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +4 -8
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +1109 -419
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +6 -8
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +1024 -274
- package/css/index.css.map +1 -1
- package/css/index.min.css +6 -8
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyModal.js +1 -1
- package/es/components/ActionBar/ActionBarOverflowItems.js +1 -0
- package/es/components/ActionSet/ActionSet.js +7 -3
- package/es/components/AddSelect/AddSelect.js +6 -6
- package/es/components/AddSelect/AddSelectBody.js +72 -31
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +12 -4
- package/es/components/AddSelect/AddSelectColumn.js +8 -8
- package/es/components/AddSelect/AddSelectFilter.js +10 -7
- package/es/components/AddSelect/AddSelectList.js +64 -29
- package/es/components/AddSelect/AddSelectMetaPanel.js +7 -1
- package/es/components/AddSelect/AddSelectSidebar.js +5 -2
- package/es/components/AddSelect/AddSelectSort.js +2 -2
- package/es/components/AddSelect/add-select-utils.js +9 -2
- package/es/components/AddSelect/hooks/useItemSort.js +6 -0
- package/es/components/AddSelect/hooks/useParentSelect.js +6 -0
- package/es/components/AddSelect/hooks/usePath.js +15 -1
- package/es/components/AddSelect/index.js +1 -1
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +4 -6
- package/es/components/Card/Card.js +16 -6
- package/es/components/Card/CardFooter.js +3 -1
- package/es/components/Card/CardHeader.js +20 -1
- package/es/components/ComboButton/ComboButton.js +1 -1
- package/es/components/CreateFullPage/CreateFullPage.js +4 -1
- package/es/components/CreateTearsheet/CreateTearsheet.js +8 -1
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +2 -2
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +64 -11
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +2 -1
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +7 -0
- package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +6 -5
- package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +40 -0
- package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +1 -1
- package/es/components/Datagrid/Datagrid/Datagrid.js +10 -38
- package/es/components/Datagrid/Datagrid/DatagridContent.js +154 -0
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +9 -1
- package/es/components/Datagrid/Datagrid/DatagridRow.js +53 -6
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +10 -3
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +13 -4
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +142 -11
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +2 -1
- package/es/components/Datagrid/Datagrid/DraggableElement.js +6 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +5 -45
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +4 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +36 -10
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +62 -26
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +3 -2
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +60 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +537 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/index.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +112 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +27 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/index.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +39 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +19 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +263 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +87 -0
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +17 -14
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +13 -36
- package/es/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/CustomizeColumnStory.js +0 -0
- package/es/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/LeftPanelStory.js +0 -0
- package/es/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/RowSizeDropdownStory.js +0 -0
- package/es/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/SelectAllWithToggleStory.js +0 -0
- package/es/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/StickyActionsColumnStory.js +0 -0
- package/es/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/common.js +0 -0
- package/es/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/index.js +0 -0
- package/es/components/Datagrid/index.js +3 -1
- package/es/components/Datagrid/useActionsColumn.js +53 -12
- package/es/components/Datagrid/useColumnOrder.js +8 -0
- package/es/components/Datagrid/useCustomizeColumns.js +5 -0
- package/es/components/Datagrid/useDefaultStringRenderer.js +4 -1
- package/es/components/Datagrid/useDisableSelectRows.js +6 -2
- package/es/components/Datagrid/useExpandedRow.js +0 -1
- package/es/components/Datagrid/useInfiniteScroll.js +5 -2
- package/es/components/Datagrid/useInlineEdit.js +71 -0
- package/es/components/Datagrid/useNestedRowExpander.js +47 -0
- package/es/components/Datagrid/useNestedRows.js +16 -4
- package/es/components/Datagrid/useRowExpander.js +12 -4
- package/es/components/Datagrid/useRowSize.js +17 -6
- package/es/components/Datagrid/useSelectAllToggle.js +17 -4
- package/es/components/Datagrid/useSelectRows.js +13 -3
- package/es/components/Datagrid/useSortableColumns.js +1 -1
- package/es/components/Datagrid/useStickyColumn.js +14 -0
- package/es/components/Datagrid/utils/DatagridActions.js +236 -0
- package/es/components/Datagrid/utils/DatagridPagination.js +33 -0
- package/es/components/Datagrid/utils/Wrapper.js +21 -0
- package/es/components/Datagrid/utils/getArgTypes.js +89 -0
- package/es/components/Datagrid/utils/getInlineEditColumns.js +153 -0
- package/es/components/Datagrid/utils/makeData.js +47 -2
- package/es/components/EditUpdateCards/EditUpdateCards.js +144 -0
- package/es/components/EditUpdateCards/index.js +7 -0
- package/es/components/ExportModal/ExportModal.js +1 -1
- package/es/components/ImportModal/ImportModal.js +3 -3
- package/es/components/InlineEdit/InlineEdit.js +28 -426
- package/es/components/InlineEditV1/InlineEditV1.js +447 -0
- package/es/components/InlineEditV1/index.js +7 -0
- package/es/components/InlineEditV2/InlineEditV2.js +289 -0
- package/es/components/InlineEditV2/index.js +7 -0
- package/es/components/ModifiedTabs/ModifiedTabLabelNew.js +1 -1
- package/es/components/ModifiedTabs/ModifiedTabLabelWithClose.js +1 -1
- package/es/components/MultiAddSelect/MultiAddSelect.js +14 -7
- package/es/components/MultiAddSelect/index.js +6 -0
- package/es/components/NotificationsPanel/NotificationsPanel.js +1 -1
- package/es/components/OptionsTile/OptionsTile.js +29 -13
- package/es/components/PageHeader/PageHeader.js +4 -4
- package/es/components/PageHeader/PageHeaderTitle.js +1 -1
- package/es/components/ProductiveCard/ProductiveCard.js +5 -0
- package/es/components/RemoveModal/RemoveModal.js +20 -3
- package/es/components/Saving/Saving.js +1 -1
- package/es/components/SidePanel/SidePanel.js +45 -52
- package/es/components/SidePanel/motion/variants.js +45 -0
- package/es/components/SingleAddSelect/SingleAddSelect.js +6 -0
- package/es/components/SingleAddSelect/index.js +6 -0
- package/es/components/StatusIcon/StatusIcon.js +1 -1
- package/es/components/UserProfileImage/UserProfileImage.js +1 -1
- package/es/components/WebTerminal/WebTerminal.js +2 -2
- package/es/components/WebTerminal/WebTerminalContentWrapper.js +1 -1
- package/es/components/WebTerminal/hooks/index.js +6 -0
- package/es/components/WebTerminal/index.js +6 -0
- package/es/components/WebTerminal/preview-components/Navigation.js +7 -1
- package/es/components/WebTerminal/preview-components/documentationLinks.js +6 -0
- package/es/components/WebTerminal/preview-components/index.js +7 -0
- package/es/components/index.js +3 -2
- package/es/global/js/hooks/index.js +2 -1
- package/es/global/js/hooks/useClickOutside.js +1 -1
- package/es/global/js/hooks/useControllableState.js +83 -0
- package/es/global/js/hooks/useResetCreateComponent.js +6 -2
- package/es/global/js/package-settings.js +7 -4
- package/es/global/js/utils/getBezierValues.js +20 -0
- package/es/global/js/utils/getNumberOfHiddenSteps.js +19 -0
- package/es/global/js/utils/motionConstants.js +45 -0
- package/es/global/js/utils/rangeWithCallback.js +13 -0
- package/es/global/js/utils/story-helper.js +5 -1
- package/es/global/js/utils/uuidv4.spec.js +4 -0
- package/lib/components/APIKeyModal/APIKeyModal.js +4 -4
- package/lib/components/ActionBar/ActionBarOverflowItems.js +1 -0
- package/lib/components/ActionSet/ActionSet.js +7 -3
- package/lib/components/AddSelect/AddSelect.js +5 -6
- package/lib/components/AddSelect/AddSelectBody.js +67 -30
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +15 -4
- package/lib/components/AddSelect/AddSelectColumn.js +7 -7
- package/lib/components/AddSelect/AddSelectFilter.js +9 -6
- package/lib/components/AddSelect/AddSelectList.js +65 -30
- package/lib/components/AddSelect/AddSelectMetaPanel.js +8 -2
- package/lib/components/AddSelect/AddSelectSidebar.js +4 -1
- package/lib/components/AddSelect/AddSelectSort.js +5 -5
- package/lib/components/AddSelect/add-select-utils.js +9 -2
- package/lib/components/AddSelect/hooks/useItemSort.js +6 -0
- package/lib/components/AddSelect/hooks/useParentSelect.js +6 -0
- package/lib/components/AddSelect/hooks/usePath.js +9 -1
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +6 -6
- package/lib/components/Card/Card.js +16 -6
- package/lib/components/Card/CardFooter.js +3 -1
- package/lib/components/Card/CardHeader.js +21 -1
- package/lib/components/ComboButton/ComboButton.js +3 -3
- package/lib/components/CreateFullPage/CreateFullPage.js +4 -1
- package/lib/components/CreateTearsheet/CreateTearsheet.js +9 -1
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +2 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +64 -10
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +2 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +7 -0
- package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +6 -5
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +51 -0
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +1 -1
- package/lib/components/Datagrid/Datagrid/Datagrid.js +12 -45
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +188 -0
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +9 -1
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +63 -6
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +12 -3
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +16 -5
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +151 -9
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +2 -1
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +7 -3
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +12 -47
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +5 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +48 -25
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +60 -25
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +3 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +76 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.js +13 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +562 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/index.js +13 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +129 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +36 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/index.js +19 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +45 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +28 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +272 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +100 -0
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +17 -13
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +13 -35
- package/lib/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/CustomizeColumnStory.js +0 -0
- package/lib/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/LeftPanelStory.js +0 -0
- package/lib/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/RowSizeDropdownStory.js +0 -0
- package/lib/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/SelectAllWithToggleStory.js +0 -0
- package/lib/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/StickyActionsColumnStory.js +0 -0
- package/lib/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/common.js +0 -0
- package/lib/components/Datagrid/{Datagrid.stories-helpers → Datagrid.stories}/index.js +0 -0
- package/lib/components/Datagrid/index.js +17 -1
- package/lib/components/Datagrid/useActionsColumn.js +53 -13
- package/lib/components/Datagrid/useColumnOrder.js +17 -0
- package/lib/components/Datagrid/useCustomizeColumns.js +5 -0
- package/lib/components/Datagrid/useDefaultStringRenderer.js +5 -1
- package/lib/components/Datagrid/useDisableSelectRows.js +6 -2
- package/lib/components/Datagrid/useExpandedRow.js +0 -1
- package/lib/components/Datagrid/useInfiniteScroll.js +5 -2
- package/lib/components/Datagrid/useInlineEdit.js +85 -0
- package/lib/components/Datagrid/useNestedRowExpander.js +63 -0
- package/lib/components/Datagrid/useNestedRows.js +17 -4
- package/lib/components/Datagrid/useRowExpander.js +17 -5
- package/lib/components/Datagrid/useRowSize.js +18 -13
- package/lib/components/Datagrid/useSelectAllToggle.js +18 -4
- package/lib/components/Datagrid/useSelectRows.js +13 -3
- package/lib/components/Datagrid/useSortableColumns.js +5 -5
- package/lib/components/Datagrid/useStickyColumn.js +14 -0
- package/lib/components/Datagrid/utils/DatagridActions.js +260 -0
- package/lib/components/Datagrid/utils/DatagridPagination.js +46 -0
- package/lib/components/Datagrid/utils/Wrapper.js +33 -0
- package/lib/components/Datagrid/utils/getArgTypes.js +97 -0
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +168 -0
- package/lib/components/Datagrid/utils/makeData.js +48 -2
- package/lib/components/EditUpdateCards/EditUpdateCards.js +152 -0
- package/lib/components/EditUpdateCards/index.js +13 -0
- package/lib/components/ExportModal/ExportModal.js +3 -3
- package/lib/components/ImportModal/ImportModal.js +4 -4
- package/lib/components/InlineEdit/InlineEdit.js +27 -426
- package/lib/components/InlineEditV1/InlineEditV1.js +464 -0
- package/lib/components/InlineEditV1/index.js +13 -0
- package/lib/components/InlineEditV2/InlineEditV2.js +309 -0
- package/lib/components/InlineEditV2/index.js +13 -0
- package/lib/components/ModifiedTabs/ModifiedTabLabelNew.js +2 -2
- package/lib/components/ModifiedTabs/ModifiedTabLabelWithClose.js +3 -3
- package/lib/components/MultiAddSelect/MultiAddSelect.js +14 -7
- package/lib/components/NotificationsPanel/NotificationsPanel.js +8 -8
- package/lib/components/OptionsTile/OptionsTile.js +34 -17
- package/lib/components/PageHeader/PageHeader.js +5 -5
- package/lib/components/PageHeader/PageHeaderTitle.js +1 -1
- package/lib/components/ProductiveCard/ProductiveCard.js +5 -0
- package/lib/components/RemoveModal/RemoveModal.js +20 -3
- package/lib/components/Saving/Saving.js +5 -5
- package/lib/components/SidePanel/SidePanel.js +48 -53
- package/lib/components/SidePanel/motion/variants.js +55 -0
- package/lib/components/SingleAddSelect/SingleAddSelect.js +6 -0
- package/lib/components/StatusIcon/StatusIcon.js +45 -45
- package/lib/components/UserProfileImage/UserProfileImage.js +7 -7
- package/lib/components/WebTerminal/WebTerminal.js +3 -3
- package/lib/components/WebTerminal/hooks/index.js +6 -0
- package/lib/components/WebTerminal/preview-components/Navigation.js +10 -4
- package/lib/components/WebTerminal/preview-components/documentationLinks.js +6 -0
- package/lib/components/index.js +21 -1
- package/lib/global/js/hooks/index.js +9 -1
- package/lib/global/js/hooks/useClickOutside.js +1 -1
- package/lib/global/js/hooks/useControllableState.js +94 -0
- package/lib/global/js/hooks/useResetCreateComponent.js +7 -2
- package/lib/global/js/package-settings.js +7 -4
- package/lib/global/js/utils/getBezierValues.js +29 -0
- package/lib/global/js/utils/getNumberOfHiddenSteps.js +28 -0
- package/lib/global/js/utils/motionConstants.js +55 -0
- package/lib/global/js/utils/rangeWithCallback.js +22 -0
- package/lib/global/js/utils/story-helper.js +5 -1
- package/lib/global/js/utils/uuidv4.spec.js +4 -0
- package/package.json +18 -16
- package/scss/components/AboutModal/_about-modal.scss +2 -1
- package/scss/components/ActionSet/_action-set.scss +9 -4
- package/scss/components/AddSelect/_add-select.scss +132 -34
- package/scss/components/AddSelect/_index.scss +1 -1
- package/scss/components/AddSelect/_storybook-styles.scss +1 -1
- package/scss/components/Card/_card.scss +1 -0
- package/scss/components/Cascade/_cascade.scss +1 -1
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +2 -0
- package/scss/components/Datagrid/_datagrid.scss +15 -0
- package/scss/components/Datagrid/_storybook-styles.scss +17 -5
- package/scss/components/Datagrid/styles/_datagrid.scss +129 -20
- package/scss/components/Datagrid/styles/_draggableElement.scss +26 -9
- package/scss/components/Datagrid/styles/_index.scss +1 -0
- package/scss/components/Datagrid/styles/_useActionsColumn.scss +14 -0
- package/scss/components/Datagrid/styles/_useExpandedRow.scss +57 -11
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +419 -0
- package/scss/components/Datagrid/styles/_useNestedRows.scss +33 -1
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +31 -2
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsModal.scss +47 -6
- package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +9 -1
- package/scss/components/EditUpdateCards/_carbon-imports.scss +9 -0
- package/scss/components/EditUpdateCards/_edit-update-cards.scss +85 -0
- package/scss/components/EditUpdateCards/_index-with-carbon.scss +9 -0
- package/scss/components/EditUpdateCards/_index.scss +8 -0
- package/scss/components/EditUpdateCards/_storybook-styles.scss +55 -0
- package/scss/components/{InlineEdit → InlineEditV1}/_carbon-imports.scss +0 -0
- package/scss/components/{InlineEdit → InlineEditV1}/_index-with-carbon.scss +1 -1
- package/scss/components/{InlineEdit → InlineEditV1}/_index.scss +1 -1
- package/scss/components/{InlineEdit/_inline-edit.scss → InlineEditV1/_inline-edit-v1.scss} +5 -3
- package/scss/components/{InlineEdit → InlineEditV1}/_storybook-styles.scss +0 -0
- package/scss/components/InlineEditV2/_carbon-imports.scss +9 -0
- package/scss/components/InlineEditV2/_index-with-carbon.scss +9 -0
- package/scss/components/InlineEditV2/_index.scss +10 -0
- package/scss/components/InlineEditV2/_inline-edit-v2.scss +83 -0
- package/scss/components/InlineEditV2/_storybook-styles.scss +9 -0
- package/scss/components/MultiAddSelect/_multi-add-select.scss +7 -0
- package/scss/components/MultiAddSelect/_storybook-styles.scss +1 -1
- package/scss/components/NotificationsPanel/_notifications-panel.scss +3 -6
- package/scss/components/RemoveModal/_remove-modal.scss +0 -4
- package/scss/components/SidePanel/_side-panel.scss +3 -82
- package/scss/components/SidePanel/_storybook-styles.scss +6 -1
- package/scss/components/SingleAddSelect/_carbon-imports.scss +1 -1
- package/scss/components/SingleAddSelect/_index-with-carbon.scss +1 -1
- package/scss/components/SingleAddSelect/_index.scss +7 -0
- package/scss/components/SingleAddSelect/_single-add-select.scss +7 -0
- package/scss/components/SingleAddSelect/_storybook-styles.scss +1 -1
- package/scss/components/Tearsheet/_tearsheet.scss +2 -2
- package/scss/components/WebTerminal/_carbon-imports.scss +6 -0
- package/scss/components/WebTerminal/_index.scss +7 -0
- package/scss/components/WebTerminal/_storybook-styles.scss +7 -0
- package/scss/components/_index-released-only-with-carbon.scss +1 -1
- package/scss/components/_index-released-only.scss +2 -1
- package/scss/components/_index-with-carbon.scss +3 -1
- package/scss/components/_index.scss +3 -1
@@ -877,7 +877,7 @@
|
|
877
877
|
}
|
878
878
|
|
879
879
|
.c4p--about-modal.c4p--about-modal--with-tabs .cds--modal-content--overflow-indicator {
|
880
|
-
bottom: calc(3rem +2.5rem);
|
880
|
+
bottom: calc(3rem + 2.5rem);
|
881
881
|
}
|
882
882
|
|
883
883
|
.c4p--about-modal .cds--modal-content--overflow-indicator {
|
@@ -963,14 +963,17 @@
|
|
963
963
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
964
964
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
965
965
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
966
|
-
height: 4rem;
|
967
966
|
align-items: center;
|
967
|
+
margin: 0;
|
968
|
+
}
|
969
|
+
.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
|
970
|
+
height: 4rem;
|
968
971
|
padding-top: 1rem;
|
969
972
|
padding-bottom: 2rem;
|
970
|
-
margin: 0;
|
971
973
|
}
|
972
974
|
|
973
|
-
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive
|
975
|
+
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive,
|
976
|
+
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn {
|
974
977
|
max-width: none;
|
975
978
|
}
|
976
979
|
|
@@ -2533,7 +2536,7 @@
|
|
2533
2536
|
@media (prefers-reduced-motion: no-preference) {
|
2534
2537
|
.c4p--cascade__element,
|
2535
2538
|
.c4p--cascade__col {
|
2536
|
-
/* stylelint-disable-next-line carbon/motion-duration-use -- Carbon animation duration defined above in $animationProps */
|
2539
|
+
/* stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use -- Carbon animation duration defined above in $animationProps */
|
2537
2540
|
animation: 240ms cubic-bezier(0.2, 0, 0.38, 0.9) 0s 1 fade;
|
2538
2541
|
animation-fill-mode: forwards;
|
2539
2542
|
opacity: 0;
|
@@ -2926,26 +2929,6 @@
|
|
2926
2929
|
margin-bottom: 0;
|
2927
2930
|
}
|
2928
2931
|
|
2929
|
-
@keyframes side-panel-exit-left {
|
2930
|
-
0% {
|
2931
|
-
opacity: 1;
|
2932
|
-
transform: translateX(0);
|
2933
|
-
}
|
2934
|
-
100% {
|
2935
|
-
opacity: 0;
|
2936
|
-
transform: translateX(calc(-1 * 30rem));
|
2937
|
-
}
|
2938
|
-
}
|
2939
|
-
@keyframes side-panel-exit-right {
|
2940
|
-
0% {
|
2941
|
-
opacity: 1;
|
2942
|
-
transform: translateX(0);
|
2943
|
-
}
|
2944
|
-
100% {
|
2945
|
-
opacity: 0;
|
2946
|
-
transform: translateX(30rem);
|
2947
|
-
}
|
2948
|
-
}
|
2949
2932
|
.c4p--side-panel__container {
|
2950
2933
|
--c4p--side-panel--subtitle-opacity: 1;
|
2951
2934
|
--c4p--side-panel--title-container-height: 0;
|
@@ -2965,8 +2948,6 @@
|
|
2965
2948
|
box-sizing: border-box;
|
2966
2949
|
background-color: var(--cds-layer-01, #f4f4f4);
|
2967
2950
|
color: var(--cds-text-primary, #161616);
|
2968
|
-
transition: transform 240ms;
|
2969
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
2970
2951
|
}
|
2971
2952
|
.c4p--side-panel__container.c4p--side-panel__container--xs {
|
2972
2953
|
width: 16rem;
|
@@ -2980,37 +2961,13 @@
|
|
2980
2961
|
max-width: 100%;
|
2981
2962
|
}
|
2982
2963
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--xs {
|
2983
|
-
width: 16rem;
|
2984
|
-
max-width: 100%;
|
2985
2964
|
right: 0;
|
2986
2965
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
2987
2966
|
}
|
2988
|
-
@keyframes side-panel-entrance-right {
|
2989
|
-
0% {
|
2990
|
-
opacity: 0;
|
2991
|
-
transform: translateX(16rem);
|
2992
|
-
}
|
2993
|
-
100% {
|
2994
|
-
opacity: 1;
|
2995
|
-
transform: translateX(0);
|
2996
|
-
}
|
2997
|
-
}
|
2998
2967
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--xs {
|
2999
|
-
width: 16rem;
|
3000
|
-
max-width: 100%;
|
3001
2968
|
left: 0;
|
3002
2969
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3003
2970
|
}
|
3004
|
-
@keyframes side-panel-entrance-left {
|
3005
|
-
0% {
|
3006
|
-
opacity: 0;
|
3007
|
-
transform: translateX(-16rem);
|
3008
|
-
}
|
3009
|
-
100% {
|
3010
|
-
opacity: 1;
|
3011
|
-
transform: translateX(0);
|
3012
|
-
}
|
3013
|
-
}
|
3014
2971
|
.c4p--side-panel__container.c4p--side-panel__container--sm {
|
3015
2972
|
width: 20rem;
|
3016
2973
|
max-width: 100%;
|
@@ -3023,37 +2980,13 @@
|
|
3023
2980
|
max-width: 100%;
|
3024
2981
|
}
|
3025
2982
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--sm {
|
3026
|
-
width: 20rem;
|
3027
|
-
max-width: 100%;
|
3028
2983
|
right: 0;
|
3029
2984
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3030
2985
|
}
|
3031
|
-
@keyframes side-panel-entrance-right {
|
3032
|
-
0% {
|
3033
|
-
opacity: 0;
|
3034
|
-
transform: translateX(20rem);
|
3035
|
-
}
|
3036
|
-
100% {
|
3037
|
-
opacity: 1;
|
3038
|
-
transform: translateX(0);
|
3039
|
-
}
|
3040
|
-
}
|
3041
2986
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--sm {
|
3042
|
-
width: 20rem;
|
3043
|
-
max-width: 100%;
|
3044
2987
|
left: 0;
|
3045
2988
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3046
2989
|
}
|
3047
|
-
@keyframes side-panel-entrance-left {
|
3048
|
-
0% {
|
3049
|
-
opacity: 0;
|
3050
|
-
transform: translateX(-20rem);
|
3051
|
-
}
|
3052
|
-
100% {
|
3053
|
-
opacity: 1;
|
3054
|
-
transform: translateX(0);
|
3055
|
-
}
|
3056
|
-
}
|
3057
2990
|
.c4p--side-panel__container.c4p--side-panel__container--md {
|
3058
2991
|
width: 30rem;
|
3059
2992
|
max-width: 100%;
|
@@ -3066,37 +2999,13 @@
|
|
3066
2999
|
max-width: 100%;
|
3067
3000
|
}
|
3068
3001
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--md {
|
3069
|
-
width: 30rem;
|
3070
|
-
max-width: 100%;
|
3071
3002
|
right: 0;
|
3072
3003
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3073
3004
|
}
|
3074
|
-
@keyframes side-panel-entrance-right {
|
3075
|
-
0% {
|
3076
|
-
opacity: 0;
|
3077
|
-
transform: translateX(30rem);
|
3078
|
-
}
|
3079
|
-
100% {
|
3080
|
-
opacity: 1;
|
3081
|
-
transform: translateX(0);
|
3082
|
-
}
|
3083
|
-
}
|
3084
3005
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--md {
|
3085
|
-
width: 30rem;
|
3086
|
-
max-width: 100%;
|
3087
3006
|
left: 0;
|
3088
3007
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3089
3008
|
}
|
3090
|
-
@keyframes side-panel-entrance-left {
|
3091
|
-
0% {
|
3092
|
-
opacity: 0;
|
3093
|
-
transform: translateX(-30rem);
|
3094
|
-
}
|
3095
|
-
100% {
|
3096
|
-
opacity: 1;
|
3097
|
-
transform: translateX(0);
|
3098
|
-
}
|
3099
|
-
}
|
3100
3009
|
.c4p--side-panel__container.c4p--side-panel__container--lg {
|
3101
3010
|
width: 40rem;
|
3102
3011
|
max-width: 100%;
|
@@ -3109,37 +3018,13 @@
|
|
3109
3018
|
max-width: 100%;
|
3110
3019
|
}
|
3111
3020
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--lg {
|
3112
|
-
width: 40rem;
|
3113
|
-
max-width: 100%;
|
3114
3021
|
right: 0;
|
3115
3022
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3116
3023
|
}
|
3117
|
-
@keyframes side-panel-entrance-right {
|
3118
|
-
0% {
|
3119
|
-
opacity: 0;
|
3120
|
-
transform: translateX(40rem);
|
3121
|
-
}
|
3122
|
-
100% {
|
3123
|
-
opacity: 1;
|
3124
|
-
transform: translateX(0);
|
3125
|
-
}
|
3126
|
-
}
|
3127
3024
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--lg {
|
3128
|
-
width: 40rem;
|
3129
|
-
max-width: 100%;
|
3130
3025
|
left: 0;
|
3131
3026
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3132
3027
|
}
|
3133
|
-
@keyframes side-panel-entrance-left {
|
3134
|
-
0% {
|
3135
|
-
opacity: 0;
|
3136
|
-
transform: translateX(-40rem);
|
3137
|
-
}
|
3138
|
-
100% {
|
3139
|
-
opacity: 1;
|
3140
|
-
transform: translateX(0);
|
3141
|
-
}
|
3142
|
-
}
|
3143
3028
|
.c4p--side-panel__container.c4p--side-panel__container--2xl {
|
3144
3029
|
width: 75%;
|
3145
3030
|
max-width: 100%;
|
@@ -3152,37 +3037,13 @@
|
|
3152
3037
|
max-width: 100%;
|
3153
3038
|
}
|
3154
3039
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--2xl {
|
3155
|
-
width: 75%;
|
3156
|
-
max-width: 100%;
|
3157
3040
|
right: 0;
|
3158
3041
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3159
3042
|
}
|
3160
|
-
@keyframes side-panel-entrance-right {
|
3161
|
-
0% {
|
3162
|
-
opacity: 0;
|
3163
|
-
transform: translateX(75%);
|
3164
|
-
}
|
3165
|
-
100% {
|
3166
|
-
opacity: 1;
|
3167
|
-
transform: translateX(0);
|
3168
|
-
}
|
3169
|
-
}
|
3170
3043
|
.c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--2xl {
|
3171
|
-
width: 75%;
|
3172
|
-
max-width: 100%;
|
3173
3044
|
left: 0;
|
3174
3045
|
border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
3175
3046
|
}
|
3176
|
-
@keyframes side-panel-entrance-left {
|
3177
|
-
0% {
|
3178
|
-
opacity: 0;
|
3179
|
-
transform: translateX(-75%);
|
3180
|
-
}
|
3181
|
-
100% {
|
3182
|
-
opacity: 1;
|
3183
|
-
transform: translateX(0);
|
3184
|
-
}
|
3185
|
-
}
|
3186
3047
|
.c4p--side-panel__container.c4p--side-panel__container-with-action-toolbar.c4p--side-panel__with-condensed-header .c4p--side-panel__title-container {
|
3187
3048
|
/* stylelint-disable-next-line max-nesting-depth */
|
3188
3049
|
}
|
@@ -3315,10 +3176,7 @@
|
|
3315
3176
|
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation {
|
3316
3177
|
position: fixed;
|
3317
3178
|
z-index: 2;
|
3318
|
-
top: calc(
|
3319
|
-
var(--c4p--side-panel--title-text-height) +
|
3320
|
-
var(--c4p--side-panel--label-text-height) + 3rem
|
3321
|
-
);
|
3179
|
+
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
|
3322
3180
|
background-color: var(--cds-layer-01, #f4f4f4);
|
3323
3181
|
}
|
3324
3182
|
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation.c4p--side-panel__subtitle-text-is-animating {
|
@@ -3333,7 +3191,6 @@
|
|
3333
3191
|
}
|
3334
3192
|
.c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation {
|
3335
3193
|
position: fixed;
|
3336
|
-
top: 3rem;
|
3337
3194
|
height: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
|
3338
3195
|
}
|
3339
3196
|
.c4p--side-panel__container .c4p--side-panel__inner-content {
|
@@ -3354,10 +3211,7 @@
|
|
3354
3211
|
}
|
3355
3212
|
.c4p--side-panel__container .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
3356
3213
|
position: fixed;
|
3357
|
-
top: calc(
|
3358
|
-
var(--c4p--side-panel--title-text-height) +
|
3359
|
-
var(--c4p--side-panel--subtitle-container-height) + 3rem
|
3360
|
-
);
|
3214
|
+
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height));
|
3361
3215
|
width: 100%;
|
3362
3216
|
border-bottom: 1px solid var(--cds-layer-active-01, #c6c6c6);
|
3363
3217
|
}
|
@@ -3382,8 +3236,7 @@
|
|
3382
3236
|
padding: 0 1rem;
|
3383
3237
|
margin-bottom: 0.5rem;
|
3384
3238
|
background-color: var(--cds-layer-01, #f4f4f4);
|
3385
|
-
transition: transform 150ms;
|
3386
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
3239
|
+
transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
3387
3240
|
}
|
3388
3241
|
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button {
|
3389
3242
|
min-width: 2rem;
|
@@ -3514,8 +3367,6 @@
|
|
3514
3367
|
width: 100%;
|
3515
3368
|
height: 100%;
|
3516
3369
|
background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
3517
|
-
transition: background-color 240ms;
|
3518
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
3519
3370
|
}
|
3520
3371
|
|
3521
3372
|
.c4p--create-side-panel.c4p--side-panel__container .c4p--create-side-panel__content-text {
|
@@ -3662,7 +3513,7 @@
|
|
3662
3513
|
/* stylelint-disable-next-line function-no-unknown */
|
3663
3514
|
z-index: 9000;
|
3664
3515
|
align-items: flex-end;
|
3665
|
-
transition: visibility
|
3516
|
+
transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
|
3666
3517
|
}
|
3667
3518
|
@media (prefers-reduced-motion: reduce) {
|
3668
3519
|
.c4p--tearsheet.is-visible {
|
@@ -4444,7 +4295,6 @@
|
|
4444
4295
|
|
4445
4296
|
/* stylelint-disable max-nesting-depth */
|
4446
4297
|
.c4p--add-select__selections.cds--structured-list {
|
4447
|
-
border-top: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
4448
4298
|
margin-bottom: 0;
|
4449
4299
|
}
|
4450
4300
|
.c4p--add-select__selections-wrapper {
|
@@ -4452,8 +4302,11 @@
|
|
4452
4302
|
}
|
4453
4303
|
.c4p--add-select__selections-cell-wrapper {
|
4454
4304
|
display: flex;
|
4305
|
+
height: 3rem;
|
4455
4306
|
align-items: center;
|
4456
4307
|
justify-content: space-between;
|
4308
|
+
padding: 0 1rem;
|
4309
|
+
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
4457
4310
|
}
|
4458
4311
|
.c4p--add-select__selections-cell-title {
|
4459
4312
|
display: block;
|
@@ -4467,17 +4320,21 @@
|
|
4467
4320
|
display: block;
|
4468
4321
|
color: var(--cds-text-secondary, #525252);
|
4469
4322
|
}
|
4470
|
-
.c4p--add-select__selections-cell
|
4323
|
+
.c4p--add-select__selections-cell {
|
4324
|
+
display: flex;
|
4325
|
+
flex-direction: column;
|
4326
|
+
justify-content: center;
|
4327
|
+
}
|
4328
|
+
.c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover,
|
4329
|
+
.c4p--add-select__selections .cds--structured-list-row:focus-within .c4p--add-select__selections-hidden-hover {
|
4471
4330
|
visibility: visible;
|
4472
4331
|
}
|
4473
4332
|
.c4p--add-select__selections-hidden-hover {
|
4474
4333
|
visibility: hidden;
|
4475
4334
|
}
|
4476
|
-
.c4p--add-select__selections-row-
|
4477
|
-
|
4478
|
-
|
4479
|
-
.c4p--add-select__selections-row-selected .c4p--add-select__selections-hidden-hover {
|
4480
|
-
visibility: visible;
|
4335
|
+
.c4p--add-select__selections-row--selected.cds--structured-list-row {
|
4336
|
+
border-bottom: 1px solid var(--cds-layer-selected-01, #e0e0e0);
|
4337
|
+
background-color: var(--cds-layer-selected-01, #e0e0e0);
|
4481
4338
|
}
|
4482
4339
|
.c4p--add-select__selections-checkbox {
|
4483
4340
|
display: flex;
|
@@ -4485,7 +4342,7 @@
|
|
4485
4342
|
}
|
4486
4343
|
.c4p--add-select__selections-checkbox-label-wrapper {
|
4487
4344
|
display: flex;
|
4488
|
-
margin-left:
|
4345
|
+
margin-left: 1rem;
|
4489
4346
|
}
|
4490
4347
|
.c4p--add-select__selections-checkbox-label-text {
|
4491
4348
|
display: flex;
|
@@ -4503,6 +4360,13 @@
|
|
4503
4360
|
.c4p--add-select__selections-cell-icon {
|
4504
4361
|
margin-right: 0.5rem;
|
4505
4362
|
}
|
4363
|
+
.c4p--add-select__selections-row {
|
4364
|
+
border-left: 0.125rem solid transparent;
|
4365
|
+
}
|
4366
|
+
.c4p--add-select__selections-row-meta--selected {
|
4367
|
+
border-left: 0.125rem solid var(--cds-interactive, #0f62fe);
|
4368
|
+
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
4369
|
+
}
|
4506
4370
|
|
4507
4371
|
.c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-radio {
|
4508
4372
|
color: var(--cds-interactive, #0f62fe);
|
@@ -4519,10 +4383,21 @@
|
|
4519
4383
|
align-items: flex-end;
|
4520
4384
|
justify-content: space-between;
|
4521
4385
|
}
|
4386
|
+
.c4p--add-select__sub-header-multi {
|
4387
|
+
padding: 0 1rem;
|
4388
|
+
}
|
4389
|
+
|
4390
|
+
.c4p--add-select .cds--structured-list-row {
|
4391
|
+
border-bottom: 0;
|
4392
|
+
}
|
4393
|
+
|
4394
|
+
.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) {
|
4395
|
+
border-bottom: 0;
|
4396
|
+
}
|
4522
4397
|
|
4523
4398
|
.c4p--add-select__sidebar-header {
|
4524
4399
|
display: flex;
|
4525
|
-
padding:
|
4400
|
+
padding: 2rem 1rem 0.5rem 1rem;
|
4526
4401
|
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
4527
4402
|
}
|
4528
4403
|
.c4p--add-select__sidebar-header .c4p--add-select__sidebar-title {
|
@@ -4548,7 +4423,7 @@
|
|
4548
4423
|
}
|
4549
4424
|
|
4550
4425
|
.c4p--add-select__sidebar-body {
|
4551
|
-
padding: 1rem;
|
4426
|
+
padding: 0 1rem;
|
4552
4427
|
}
|
4553
4428
|
|
4554
4429
|
.c4p--add-select .c4p--add-select__sidebar-item-header {
|
@@ -4581,18 +4456,44 @@
|
|
4581
4456
|
.c4p--add-select__columns {
|
4582
4457
|
display: flex;
|
4583
4458
|
flex-direction: row;
|
4459
|
+
flex-grow: 1;
|
4584
4460
|
overflow-x: auto;
|
4585
4461
|
}
|
4462
|
+
.c4p--add-select__columns .c4p--add-select__selections-checkbox-label-wrapper {
|
4463
|
+
margin-left: 0.5rem;
|
4464
|
+
}
|
4465
|
+
.c4p--add-select__columns .c4p--add-select__selections-row.cds--structured-list-row {
|
4466
|
+
border-left: 0;
|
4467
|
+
}
|
4468
|
+
.c4p--add-select__columns .c4p--add-select__selections .c4p--add-select__selections-cell {
|
4469
|
+
padding: 0;
|
4470
|
+
}
|
4471
|
+
.c4p--add-select__columns .c4p--add-select__selections-cell-wrapper {
|
4472
|
+
height: auto;
|
4473
|
+
padding: 0 0.5rem;
|
4474
|
+
}
|
4475
|
+
.c4p--add-select__columns .c4p--add-select__tags {
|
4476
|
+
padding: 0 0.5rem;
|
4477
|
+
margin-bottom: 0;
|
4478
|
+
}
|
4479
|
+
.c4p--add-select__columns .c4p--add-select__selections-wrapper-multi {
|
4480
|
+
padding: 0;
|
4481
|
+
}
|
4482
|
+
.c4p--add-select__columns .c4p--add-select__selections.cds--structured-list {
|
4483
|
+
border-top: 0;
|
4484
|
+
}
|
4586
4485
|
|
4587
|
-
.c4p--add-
|
4588
|
-
|
4589
|
-
|
4486
|
+
.c4p--add-select__selections-wrapper-multi .c4p--add-select__selections-cell {
|
4487
|
+
padding: 0 1rem;
|
4488
|
+
}
|
4489
|
+
|
4490
|
+
.c4p--add-select__selections-row:first-child .c4p--add-select__selections-cell-wrapper {
|
4491
|
+
border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
|
4590
4492
|
}
|
4591
4493
|
|
4592
4494
|
.c4p--add-select__column {
|
4593
4495
|
overflow: auto;
|
4594
|
-
|
4595
|
-
flex: 1 0 15rem;
|
4496
|
+
flex: 0 0 20rem;
|
4596
4497
|
padding: 1rem;
|
4597
4498
|
border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
|
4598
4499
|
border-right: 1px solid var(--cds-border-subtle-01, #e0e0e0);
|
@@ -4610,13 +4511,13 @@
|
|
4610
4511
|
border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d);
|
4611
4512
|
}
|
4612
4513
|
|
4613
|
-
.c4p--add-
|
4514
|
+
.c4p--add-select__tags {
|
4614
4515
|
display: flex;
|
4615
4516
|
align-items: center;
|
4616
4517
|
margin-top: 1rem;
|
4617
4518
|
margin-bottom: 0.5rem;
|
4618
4519
|
}
|
4619
|
-
.c4p--add-
|
4520
|
+
.c4p--add-select__tags-label {
|
4620
4521
|
margin-right: 0.5rem;
|
4621
4522
|
}
|
4622
4523
|
|
@@ -4691,13 +4592,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4691
4592
|
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
4692
4593
|
}
|
4693
4594
|
|
4694
|
-
.c4p--add-select .cds--structured-list-td {
|
4695
|
-
height: 3rem;
|
4696
|
-
padding-top: 0;
|
4697
|
-
padding-bottom: 0;
|
4698
|
-
vertical-align: middle;
|
4699
|
-
}
|
4700
|
-
|
4701
4595
|
.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-entry-body {
|
4702
4596
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
4703
4597
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
@@ -4705,13 +4599,16 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4705
4599
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
4706
4600
|
}
|
4707
4601
|
|
4708
|
-
.c4p--add-
|
4602
|
+
.c4p--add-select__selections .cds--list-box__menu {
|
4603
|
+
left: auto;
|
4604
|
+
}
|
4605
|
+
|
4606
|
+
.c4p--add-select__tags .cds--tag {
|
4709
4607
|
margin: 0;
|
4710
4608
|
}
|
4711
4609
|
|
4712
4610
|
.c4p--add-select.c4p--tearsheet .c4p--tearsheet__influencer {
|
4713
|
-
|
4714
|
-
flex: 0 0 50%;
|
4611
|
+
flex-basis: 22.5rem;
|
4715
4612
|
}
|
4716
4613
|
|
4717
4614
|
.c4p--add-select.c4p--tearsheet .c4p--tearsheet__header-description {
|
@@ -4723,6 +4620,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4723
4620
|
flex-direction: column;
|
4724
4621
|
}
|
4725
4622
|
|
4623
|
+
.c4p--add-select.c4p--add-select__multi .c4p--action-set.cds--btn-set.c4p--action-set--max .c4p--action-set__action-button {
|
4624
|
+
max-width: 11.25rem;
|
4625
|
+
}
|
4626
|
+
|
4726
4627
|
.c4p--add-select .c4p--add-select__items-label {
|
4727
4628
|
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
4728
4629
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
@@ -4763,8 +4664,35 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4763
4664
|
padding-left: 0.5rem;
|
4764
4665
|
}
|
4765
4666
|
|
4766
|
-
.
|
4767
|
-
|
4667
|
+
.c4p--add-select__multi .c4p--empty-state {
|
4668
|
+
max-width: 16rem;
|
4669
|
+
margin-top: 3rem;
|
4670
|
+
}
|
4671
|
+
|
4672
|
+
.c4p--add-select .cds--accordion__arrow {
|
4673
|
+
transform: rotate(0deg);
|
4674
|
+
}
|
4675
|
+
|
4676
|
+
.c4p--add-select .cds--accordion__item--active .cds--accordion__arrow {
|
4677
|
+
transform: rotate(90deg);
|
4678
|
+
}
|
4679
|
+
|
4680
|
+
.c4p--add-select .cds--accordion--start .cds--accordion__arrow {
|
4681
|
+
margin: 0 0 0 1rem;
|
4682
|
+
}
|
4683
|
+
|
4684
|
+
.c4p--add-select .cds--accordion--start .cds--accordion__title {
|
4685
|
+
margin: 0 1rem 0 0.5rem;
|
4686
|
+
}
|
4687
|
+
|
4688
|
+
.c4p--add-select .cds--accordion__item--active .cds--accordion__content {
|
4689
|
+
padding-top: 0;
|
4690
|
+
padding-bottom: 0;
|
4691
|
+
margin-top: 0.5rem;
|
4692
|
+
}
|
4693
|
+
|
4694
|
+
.c4p--add-select .cds--tooltip,
|
4695
|
+
.c4p--add-select .cds--overflow-menu-options {
|
4768
4696
|
z-index: 9000;
|
4769
4697
|
}
|
4770
4698
|
|
@@ -4909,6 +4837,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4909
4837
|
--cds-helper-text-01-font-size: 0.75rem;
|
4910
4838
|
--cds-helper-text-01-line-height: 1.33333;
|
4911
4839
|
--cds-helper-text-01-letter-spacing: 0.32px;
|
4840
|
+
--cds-helper-text-02-font-size: carbon--type-scale(2);
|
4841
|
+
--cds-helper-text-02-font-weight: carbon--font-weight("regular");
|
4842
|
+
--cds-helper-text-02-line-height: 1.28572;
|
4843
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
4912
4844
|
--cds-body-short-01-font-size: 0.875rem;
|
4913
4845
|
--cds-body-short-01-font-weight: 400;
|
4914
4846
|
--cds-body-short-01-line-height: 1.28572;
|
@@ -5147,8 +5079,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5147
5079
|
max-height: 38.5rem;
|
5148
5080
|
background-color: var(--cds-background, #ffffff);
|
5149
5081
|
color: var(--cds-text-primary, #161616);
|
5150
|
-
transition: transform 110ms;
|
5151
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
5082
|
+
transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
5152
5083
|
}
|
5153
5084
|
.c4p--notifications-panel__container .c4p--notifications-panel__header-container {
|
5154
5085
|
position: sticky;
|
@@ -5222,8 +5153,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5222
5153
|
background-color: var(--cds-background, #ffffff);
|
5223
5154
|
cursor: pointer;
|
5224
5155
|
text-align: left;
|
5225
|
-
transition: background-color 240ms;
|
5226
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
5156
|
+
transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
5227
5157
|
}
|
5228
5158
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-title {
|
5229
5159
|
margin-bottom: 0.25rem;
|
@@ -5336,8 +5266,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5336
5266
|
margin: 0 auto;
|
5337
5267
|
background-color: var(--cds-layer-02, #ffffff);
|
5338
5268
|
content: "";
|
5339
|
-
transition: background-color 240ms;
|
5340
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
5269
|
+
transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
5341
5270
|
}
|
5342
5271
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification-today:hover + .c4p--notifications-panel__notification-today:not(:first-of-type):before,
|
5343
5272
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification-yesterday:hover + .c4p--notifications-panel__notification-yesterday:not(:first-of-type):before,
|
@@ -7879,10 +7808,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7879
7808
|
padding-right: 1rem;
|
7880
7809
|
}
|
7881
7810
|
|
7882
|
-
.c4p--remove-modal .cds--modal-close {
|
7883
|
-
display: none;
|
7884
|
-
}
|
7885
|
-
|
7886
7811
|
.c4p--remove-modal__body {
|
7887
7812
|
padding-right: 20%;
|
7888
7813
|
margin-bottom: 1rem;
|
@@ -8685,6 +8610,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8685
8610
|
--cds-helper-text-01-font-size: 0.75rem;
|
8686
8611
|
--cds-helper-text-01-line-height: 1.33333;
|
8687
8612
|
--cds-helper-text-01-letter-spacing: 0.32px;
|
8613
|
+
--cds-helper-text-02-font-size: carbon--type-scale(2);
|
8614
|
+
--cds-helper-text-02-font-weight: carbon--font-weight("regular");
|
8615
|
+
--cds-helper-text-02-line-height: 1.28572;
|
8616
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
8688
8617
|
--cds-body-short-01-font-size: 0.875rem;
|
8689
8618
|
--cds-body-short-01-font-weight: 400;
|
8690
8619
|
--cds-body-short-01-line-height: 1.28572;
|
@@ -9057,6 +8986,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9057
8986
|
--cds-helper-text-01-font-size: 0.75rem;
|
9058
8987
|
--cds-helper-text-01-line-height: 1.33333;
|
9059
8988
|
--cds-helper-text-01-letter-spacing: 0.32px;
|
8989
|
+
--cds-helper-text-02-font-size: carbon--type-scale(2);
|
8990
|
+
--cds-helper-text-02-font-weight: carbon--font-weight("regular");
|
8991
|
+
--cds-helper-text-02-line-height: 1.28572;
|
8992
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
9060
8993
|
--cds-body-short-01-font-size: 0.875rem;
|
9061
8994
|
--cds-body-short-01-font-weight: 400;
|
9062
8995
|
--cds-body-short-01-line-height: 1.28572;
|
@@ -9796,7 +9729,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9796
9729
|
.c4p--inline-edit.c4p--inline-edit--invalid {
|
9797
9730
|
/* stylelint-disable-next-line carbon/theme-token-use */
|
9798
9731
|
outline: 0.125rem solid var(--cds-support-error, #da1e28);
|
9799
|
-
outline-offset: -0.125rem;
|
9732
|
+
outline-offset: calc(-1 * 0.125rem);
|
9800
9733
|
}
|
9801
9734
|
@media screen and (prefers-contrast) {
|
9802
9735
|
.c4p--inline-edit.c4p--inline-edit--invalid {
|
@@ -9806,7 +9739,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9806
9739
|
.c4p--inline-edit.c4p--inline-edit--editing {
|
9807
9740
|
/* stylelint-disable-next-line carbon/theme-token-use */
|
9808
9741
|
outline: 0.125rem solid var(--cds-focus, #0f62fe);
|
9809
|
-
outline-offset: -0.125rem;
|
9742
|
+
outline-offset: calc(-1 * 0.125rem);
|
9810
9743
|
background-color: var(--cds-layer-01, #f4f4f4);
|
9811
9744
|
}
|
9812
9745
|
@media screen and (prefers-contrast) {
|
@@ -9818,7 +9751,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9818
9751
|
display: inline-block;
|
9819
9752
|
overflow: hidden;
|
9820
9753
|
width: calc(100% - var(--c4p--inline-edit--toolbar-width) - 1rem);
|
9821
|
-
max-width: calc(
|
9754
|
+
max-width: calc(
|
9755
|
+
100% - var(--c4p--inline-edit--toolbar-width) - 1rem
|
9756
|
+
);
|
9822
9757
|
min-height: var(--c4p--inline-edit--size);
|
9823
9758
|
/* stylelint-disable-next-line carbon/layout-token-use */
|
9824
9759
|
margin-right: var(--c4p--inline-edit--toolbar-width);
|
@@ -10021,29 +9956,97 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10021
9956
|
color: var(--cds-support-error, #da1e28);
|
10022
9957
|
}
|
10023
9958
|
|
10024
|
-
.c4p--
|
10025
|
-
|
10026
|
-
|
10027
|
-
|
10028
|
-
|
9959
|
+
.c4p--inline-edit-v2 {
|
9960
|
+
display: flex;
|
9961
|
+
align-items: center;
|
9962
|
+
background: transparent;
|
9963
|
+
cursor: pointer;
|
10029
9964
|
}
|
10030
|
-
|
10031
|
-
|
9965
|
+
|
9966
|
+
.c4p--inline-edit-v2-readonly {
|
9967
|
+
cursor: not-allowed;
|
10032
9968
|
}
|
10033
|
-
|
10034
|
-
|
9969
|
+
|
9970
|
+
.c4p--inline-edit-v2:hover {
|
9971
|
+
background: var(--cds-field-01, #f4f4f4);
|
10035
9972
|
}
|
10036
|
-
|
10037
|
-
|
9973
|
+
|
9974
|
+
.c4p--inline-edit-v2:hover .c4p--inline-edit-v2__btn-edit {
|
9975
|
+
visibility: visible;
|
10038
9976
|
}
|
10039
|
-
|
10040
|
-
.c4p--
|
10041
|
-
|
10042
|
-
|
10043
|
-
|
10044
|
-
|
10045
|
-
|
10046
|
-
|
9977
|
+
|
9978
|
+
.c4p--inline-edit-v2__btn-edit {
|
9979
|
+
visibility: hidden;
|
9980
|
+
}
|
9981
|
+
|
9982
|
+
.c4p--inline-edit-v2-focused {
|
9983
|
+
background: var(--cds-field-01, #f4f4f4);
|
9984
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
9985
|
+
}
|
9986
|
+
|
9987
|
+
.c4p--inline-edit-v2__text-input {
|
9988
|
+
flex: 1;
|
9989
|
+
}
|
9990
|
+
|
9991
|
+
.c4p--inline-edit-v2__text-input-label {
|
9992
|
+
display: none;
|
9993
|
+
}
|
9994
|
+
|
9995
|
+
.c4p--inline-edit-v2__warning-icon {
|
9996
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
9997
|
+
margin-right: 0.4375rem;
|
9998
|
+
color: var(--cds-support-error, #da1e28);
|
9999
|
+
}
|
10000
|
+
|
10001
|
+
.c4p--inline-edit-v2__warning-text {
|
10002
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
10003
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
10004
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
10005
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
10006
|
+
margin-top: 0.5rem;
|
10007
|
+
color: var(--cds-support-error, #da1e28);
|
10008
|
+
}
|
10009
|
+
|
10010
|
+
.c4p--inline-edit-v2__text-input.cds--text-input {
|
10011
|
+
border: none;
|
10012
|
+
background: transparent;
|
10013
|
+
cursor: pointer;
|
10014
|
+
outline: none;
|
10015
|
+
}
|
10016
|
+
|
10017
|
+
.c4p--inline-edit-v2-readonly .c4p--inline-edit-v2__text-input.cds--text-input,
|
10018
|
+
.c4p--inline-edit-v2-readonly .cds--btn.cds--btn--icon-only.cds--tooltip__trigger {
|
10019
|
+
cursor: not-allowed;
|
10020
|
+
}
|
10021
|
+
|
10022
|
+
.c4p--inline-edit-v2__text-input.cds--text-input:focus,
|
10023
|
+
.c4p--inline-edit-v2__text-input.cds--text-input:active {
|
10024
|
+
outline: none;
|
10025
|
+
}
|
10026
|
+
|
10027
|
+
.c4p--data-spreadsheet {
|
10028
|
+
--c4p--data-spreadsheet--total-width: 0;
|
10029
|
+
display: inline-block;
|
10030
|
+
border-spacing: 0;
|
10031
|
+
/* stylelint-disable-next-line max-nesting-depth */
|
10032
|
+
}
|
10033
|
+
.c4p--data-spreadsheet.c4p--data-spreadsheet__container-has-focus {
|
10034
|
+
outline: 2px solid var(--cds-link-inverse, #78a9ff);
|
10035
|
+
}
|
10036
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__header--container {
|
10037
|
+
position: relative;
|
10038
|
+
}
|
10039
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__tr :last-child .c4p--data-spreadsheet__body--td .c4p--data-spreadsheet__td {
|
10040
|
+
border-bottom: 0;
|
10041
|
+
}
|
10042
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
|
10043
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__td {
|
10044
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
10045
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
10046
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
10047
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
10048
|
+
width: 100%;
|
10049
|
+
height: 100%;
|
10047
10050
|
padding: 0 0.5rem;
|
10048
10051
|
border: 0;
|
10049
10052
|
margin: 0;
|
@@ -10309,6 +10312,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10309
10312
|
align-items: center;
|
10310
10313
|
color: var(--cds-text-primary, #161616);
|
10311
10314
|
}
|
10315
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__head .c4p--datagrid__head-select-all.c4p--datagrid__checkbox-cell.c4p--datagrid__checkbox-cell-sticky-left {
|
10316
|
+
position: sticky;
|
10317
|
+
z-index: 1;
|
10318
|
+
left: 0;
|
10319
|
+
}
|
10312
10320
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__cell {
|
10313
10321
|
align-items: center;
|
10314
10322
|
padding-top: 0;
|
@@ -10325,6 +10333,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10325
10333
|
align-items: center;
|
10326
10334
|
padding-top: 0;
|
10327
10335
|
}
|
10336
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.cds--table-column-checkbox.c4p--datagrid__checkbox-cell-sticky-left,
|
10337
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.cds--table-column-checkbox.c4p--datagrid__checkbox-cell-sticky-left {
|
10338
|
+
position: sticky;
|
10339
|
+
left: 0;
|
10340
|
+
}
|
10328
10341
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.cds--table-column-checkbox {
|
10329
10342
|
display: flex;
|
10330
10343
|
height: 100%;
|
@@ -10384,9 +10397,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10384
10397
|
height: 100%;
|
10385
10398
|
overflow-x: auto;
|
10386
10399
|
}
|
10387
|
-
.c4p--datagrid__grid-container .c4p--datagrid__table-simple {
|
10388
|
-
|
10400
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__table-simple {
|
10401
|
+
display: flex;
|
10402
|
+
overflow: auto;
|
10389
10403
|
max-height: 100%;
|
10404
|
+
flex-direction: column;
|
10405
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
10390
10406
|
}
|
10391
10407
|
.c4p--datagrid__grid-container .c4p--datagrid__head {
|
10392
10408
|
display: flex;
|
@@ -10417,6 +10433,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10417
10433
|
text-overflow: ellipsis;
|
10418
10434
|
white-space: nowrap;
|
10419
10435
|
}
|
10436
|
+
.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--multiline {
|
10437
|
+
display: -webkit-box;
|
10438
|
+
-webkit-box-orient: vertical;
|
10439
|
+
-webkit-line-clamp: 2;
|
10440
|
+
white-space: initial;
|
10441
|
+
}
|
10420
10442
|
.c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
|
10421
10443
|
display: flex;
|
10422
10444
|
overflow: hidden;
|
@@ -10468,10 +10490,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10468
10490
|
flex: 1 1 auto;
|
10469
10491
|
}
|
10470
10492
|
|
10471
|
-
.c4p--datagrid__with-pagination table tr:last-of-type > td {
|
10472
|
-
border-bottom: none;
|
10473
|
-
}
|
10474
|
-
|
10475
10493
|
.c4p--datagrid__resizer {
|
10476
10494
|
position: absolute;
|
10477
10495
|
z-index: 1;
|
@@ -10511,6 +10529,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10511
10529
|
.c4p--datagrid__head-hidden-select-all {
|
10512
10530
|
padding-right: 2.5rem;
|
10513
10531
|
}
|
10532
|
+
.c4p--datagrid__head-hidden-select-all.c4p--datagrid__select-all-sticky-left {
|
10533
|
+
position: sticky;
|
10534
|
+
z-index: 1;
|
10535
|
+
left: 0;
|
10536
|
+
background-color: var(--cds-layer-accent-01, #e0e0e0);
|
10537
|
+
}
|
10514
10538
|
|
10515
10539
|
.c4p--datagrid__simple-body {
|
10516
10540
|
position: relative;
|
@@ -10534,15 +10558,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10534
10558
|
min-width: 0 !important;
|
10535
10559
|
}
|
10536
10560
|
|
10537
|
-
.c4p--datagrid__table-simple::-webkit-scrollbar {
|
10538
|
-
width: 6px;
|
10539
|
-
background-color: var(--cds-background, #ffffff);
|
10540
|
-
}
|
10541
|
-
|
10542
|
-
.c4p--datagrid__table-simple::-webkit-scrollbar-thumb {
|
10543
|
-
background-color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
|
10544
|
-
}
|
10545
|
-
|
10546
10561
|
.c4p--datagrid__sticky.c4p--datagrid__simple-body {
|
10547
10562
|
overflow: auto;
|
10548
10563
|
}
|
@@ -10604,8 +10619,22 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10604
10619
|
max-height: 100%;
|
10605
10620
|
}
|
10606
10621
|
|
10607
|
-
.c4p--datagrid__carbon-row-expanded
|
10608
|
-
|
10622
|
+
.c4p--datagrid__carbon-row-expanded {
|
10623
|
+
position: relative;
|
10624
|
+
}
|
10625
|
+
.c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active::before {
|
10626
|
+
position: absolute;
|
10627
|
+
z-index: 2;
|
10628
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
10629
|
+
top: var(--c4p--datagrid--row-height);
|
10630
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
10631
|
+
left: calc(
|
10632
|
+
var(--c4p--datagrid--indicator-offset-amount) + 1rem
|
10633
|
+
);
|
10634
|
+
width: 1px;
|
10635
|
+
height: var(--c4p--datagrid--indicator-height);
|
10636
|
+
border-left: 1px solid var(--cds-background-brand, #0f62fe);
|
10637
|
+
content: "";
|
10609
10638
|
}
|
10610
10639
|
|
10611
10640
|
.c4p--datagrid .cds--data-table-header {
|
@@ -10646,11 +10675,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10646
10675
|
transform: translateY(-50%);
|
10647
10676
|
}
|
10648
10677
|
|
10649
|
-
.c4p--datagrid .cds--data-table--selected {
|
10678
|
+
.c4p--datagrid .cds--data-table--selected:not(.c4p--datagrid__active-row) {
|
10650
10679
|
position: relative;
|
10651
10680
|
}
|
10652
10681
|
|
10653
|
-
.c4p--datagrid .cds--data-table--selected::before {
|
10682
|
+
.c4p--datagrid .cds--data-table--selected:not(.c4p--datagrid__active-row)::before {
|
10654
10683
|
position: absolute;
|
10655
10684
|
left: 0;
|
10656
10685
|
width: 0.25rem;
|
@@ -10659,10 +10688,84 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10659
10688
|
content: "";
|
10660
10689
|
}
|
10661
10690
|
|
10691
|
+
.c4p--datagrid__table-toolbar .cds--batch-summary__para {
|
10692
|
+
white-space: nowrap;
|
10693
|
+
}
|
10694
|
+
|
10695
|
+
.c4p--datagrid__table-toolbar .cds--batch-actions .cds--batch-actions--active {
|
10696
|
+
overflow-x: hidden;
|
10697
|
+
}
|
10698
|
+
|
10699
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu {
|
10700
|
+
display: flex;
|
10701
|
+
min-width: 2.5rem;
|
10702
|
+
justify-content: center;
|
10703
|
+
margin-right: 0.75rem;
|
10704
|
+
}
|
10705
|
+
|
10706
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu {
|
10707
|
+
min-width: calc(6rem + 0.5rem);
|
10708
|
+
}
|
10709
|
+
|
10710
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu .c4p--button-menu__trigger {
|
10711
|
+
display: flex;
|
10712
|
+
width: 100%;
|
10713
|
+
min-width: 3rem;
|
10714
|
+
justify-content: center;
|
10715
|
+
padding: 0;
|
10716
|
+
margin: 0;
|
10717
|
+
}
|
10718
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu .c4p--button-menu__trigger .cds--btn__icon {
|
10719
|
+
margin: 0;
|
10720
|
+
}
|
10721
|
+
|
10722
|
+
.c4p--datagrid .c4p--button-menu {
|
10723
|
+
height: 3rem;
|
10724
|
+
}
|
10725
|
+
|
10726
|
+
.c4p--datagrid .c4p--datagrid__row-size-button {
|
10727
|
+
display: flex;
|
10728
|
+
width: 3rem;
|
10729
|
+
height: 3rem;
|
10730
|
+
justify-content: center;
|
10731
|
+
}
|
10732
|
+
|
10733
|
+
.cds--body--with-modal-open .c4p--datagrid__grid-container {
|
10734
|
+
overflow: hidden;
|
10735
|
+
height: 100vh;
|
10736
|
+
}
|
10737
|
+
|
10738
|
+
.c4p--datagrid .cds--modal {
|
10739
|
+
width: 100%;
|
10740
|
+
}
|
10741
|
+
|
10742
|
+
.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger {
|
10743
|
+
flex-shrink: 0;
|
10744
|
+
background-color: var(--cds-interactive, #0f62fe);
|
10745
|
+
}
|
10746
|
+
|
10747
|
+
.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger svg {
|
10748
|
+
fill: var(--cds-background, #ffffff);
|
10749
|
+
}
|
10750
|
+
|
10751
|
+
.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger:hover,
|
10752
|
+
.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger.cds--overflow-menu--open:hover,
|
10753
|
+
.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger.cds--overflow-menu--open {
|
10754
|
+
background-color: var(--cds-button-primary-hover, #0050e6);
|
10755
|
+
}
|
10756
|
+
|
10757
|
+
.c4p--datagrid__toolbar-options.cds--overflow-menu-options::after {
|
10758
|
+
background-color: transparent;
|
10759
|
+
}
|
10760
|
+
|
10761
|
+
.c4p--datagrid__mobile-toolbar-modal .cds--modal-container {
|
10762
|
+
position: absolute;
|
10763
|
+
}
|
10764
|
+
|
10662
10765
|
/*
|
10663
10766
|
* Licensed Materials - Property of IBM
|
10664
10767
|
* 5724-Q36
|
10665
|
-
* (c) Copyright IBM Corp. 2020 -
|
10768
|
+
* (c) Copyright IBM Corp. 2020 - 2022
|
10666
10769
|
* US Government Users Restricted Rights - Use, duplication or disclosure
|
10667
10770
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
10668
10771
|
*/
|
@@ -10673,6 +10776,33 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10673
10776
|
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
10674
10777
|
}
|
10675
10778
|
|
10779
|
+
.c4p--datagrid .c4p--datagrid__expander-icon {
|
10780
|
+
transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
10781
|
+
}
|
10782
|
+
|
10783
|
+
.c4p--datagrid .c4p--datagrid__expander-icon--open {
|
10784
|
+
transform: rotate(90deg);
|
10785
|
+
}
|
10786
|
+
|
10787
|
+
.c4p--datagrid__expanded-row .c4p--datagrid__carbon-row-expanded td:first-child {
|
10788
|
+
border-bottom: none;
|
10789
|
+
}
|
10790
|
+
|
10791
|
+
.c4p--datagrid .c4p--datagrid__carbon-row-expandable {
|
10792
|
+
position: relative;
|
10793
|
+
}
|
10794
|
+
|
10795
|
+
.c4p--datagrid tr.c4p--datagrid__carbon-nested-row + :not(tr.c4p--datagrid__carbon-nested-row)::before {
|
10796
|
+
position: absolute;
|
10797
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
10798
|
+
top: -1px;
|
10799
|
+
left: 0;
|
10800
|
+
width: 100%;
|
10801
|
+
height: 1px;
|
10802
|
+
background-color: var(--cds-border-subtle);
|
10803
|
+
content: "";
|
10804
|
+
}
|
10805
|
+
|
10676
10806
|
/*
|
10677
10807
|
* Licensed Materials - Property of IBM
|
10678
10808
|
* 5724-Q36
|
@@ -10801,14 +10931,36 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10801
10931
|
/* stylelint-disable-next-line declaration-no-important */
|
10802
10932
|
position: sticky !important;
|
10803
10933
|
right: 0;
|
10804
|
-
|
10934
|
+
display: flex;
|
10935
|
+
align-items: center;
|
10936
|
+
border-left: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
10805
10937
|
}
|
10806
10938
|
|
10807
10939
|
.c4p--datagrid__right-sticky-column-header {
|
10808
10940
|
/* stylelint-disable-next-line declaration-no-important */
|
10809
10941
|
position: sticky !important;
|
10810
10942
|
right: 0;
|
10811
|
-
|
10943
|
+
}
|
10944
|
+
|
10945
|
+
.c4p--datagrid__left-sticky-column-cell {
|
10946
|
+
/* stylelint-disable-next-line declaration-no-important */
|
10947
|
+
position: sticky !important;
|
10948
|
+
left: 0;
|
10949
|
+
display: flex;
|
10950
|
+
align-items: center;
|
10951
|
+
border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
10952
|
+
}
|
10953
|
+
|
10954
|
+
.c4p--datagrid__left-sticky-column-header {
|
10955
|
+
/* stylelint-disable-next-line declaration-no-important */
|
10956
|
+
position: sticky !important;
|
10957
|
+
z-index: 1;
|
10958
|
+
left: 0;
|
10959
|
+
}
|
10960
|
+
|
10961
|
+
.c4p--datagrid__left-sticky-column-cell.c4p--datagrid__left-sticky-column-cell--with-extra-select-column,
|
10962
|
+
.c4p--datagrid__left-sticky-column-header.c4p--datagrid__left-sticky-column-header--with-extra-select-column {
|
10963
|
+
left: 2.5rem;
|
10812
10964
|
}
|
10813
10965
|
|
10814
10966
|
.c4p--datagrid__sticky-noShadow {
|
@@ -10824,6 +10976,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10824
10976
|
right: 6px !important;
|
10825
10977
|
}
|
10826
10978
|
|
10979
|
+
.c4p--datagrid__select-all-toggle-on.c4p--datagrid__select-all-sticky-left {
|
10980
|
+
position: sticky;
|
10981
|
+
z-index: 1;
|
10982
|
+
left: 0;
|
10983
|
+
}
|
10984
|
+
|
10827
10985
|
/*
|
10828
10986
|
* Licensed Materials - Property of IBM
|
10829
10987
|
* 5724-Q36
|
@@ -10846,6 +11004,18 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10846
11004
|
margin-bottom: 0.5rem;
|
10847
11005
|
}
|
10848
11006
|
|
11007
|
+
.c4p--datagrid .c4p--datagrid__disabled-row-action-button {
|
11008
|
+
cursor: not-allowed;
|
11009
|
+
}
|
11010
|
+
|
11011
|
+
.c4p--datagrid .c4p--datagrid__disabled-row-action {
|
11012
|
+
pointer-events: none;
|
11013
|
+
}
|
11014
|
+
|
11015
|
+
.c4p--datagrid .c4p--datagrid__disabled-row-action svg {
|
11016
|
+
fill: var(--cds-layer-selected-disabled, #8d8d8d);
|
11017
|
+
}
|
11018
|
+
|
10849
11019
|
/*
|
10850
11020
|
* Licensed Materials - Property of IBM
|
10851
11021
|
* 5724-Q36
|
@@ -10857,21 +11027,30 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10857
11027
|
position: inherit;
|
10858
11028
|
display: flex;
|
10859
11029
|
flex-flow: column;
|
10860
|
-
|
10861
|
-
|
11030
|
+
padding: 0;
|
11031
|
+
margin: 0;
|
11032
|
+
}
|
11033
|
+
|
11034
|
+
.c4p--datagrid__customize-columns-checkbox-wrapper {
|
11035
|
+
margin-bottom: 0;
|
10862
11036
|
}
|
10863
11037
|
|
10864
|
-
.c4p--datagrid__customize-columns-checkbox {
|
11038
|
+
.c4p--datagrid__customize-columns-checkbox-wrapper {
|
10865
11039
|
display: flex;
|
10866
11040
|
justify-content: center;
|
10867
|
-
/* stylelint-disable-next-line declaration-no-important */
|
10868
|
-
margin-bottom: 0 !important;
|
10869
11041
|
}
|
10870
11042
|
|
10871
11043
|
.c4p--datagrid__customize-columns-modal--actions {
|
10872
11044
|
display: flex;
|
11045
|
+
height: 3rem;
|
10873
11046
|
flex-flow: row;
|
10874
|
-
|
11047
|
+
background-color: var(--cds-field-02, #ffffff);
|
11048
|
+
}
|
11049
|
+
|
11050
|
+
.c4p--datagrid__customize-columns-modal--actions input[role=searchbox] {
|
11051
|
+
height: 3rem;
|
11052
|
+
padding-left: 2.5rem;
|
11053
|
+
border-bottom: none;
|
10875
11054
|
}
|
10876
11055
|
|
10877
11056
|
.c4p--datagrid__customize-columns-modal--actions > button {
|
@@ -10879,6 +11058,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10879
11058
|
}
|
10880
11059
|
|
10881
11060
|
.c4p--datagrid__customize-columns-instructions {
|
11061
|
+
padding-left: 1rem;
|
10882
11062
|
margin-bottom: 1.5rem;
|
10883
11063
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
10884
11064
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
@@ -10892,6 +11072,36 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10892
11072
|
overflow: auto;
|
10893
11073
|
}
|
10894
11074
|
|
11075
|
+
.c4p--datagrid__customize-columns-select-all {
|
11076
|
+
display: flex;
|
11077
|
+
height: 3rem;
|
11078
|
+
align-items: center;
|
11079
|
+
padding-left: 2.5rem;
|
11080
|
+
border-bottom: 1px solid var(--cds-layer-active);
|
11081
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
11082
|
+
}
|
11083
|
+
|
11084
|
+
.c4p--datagrid__customize-columns-select-all:hover {
|
11085
|
+
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
11086
|
+
}
|
11087
|
+
|
11088
|
+
.c4p--datagrid__customize-columns-select-all-selected {
|
11089
|
+
display: flex;
|
11090
|
+
height: 3rem;
|
11091
|
+
align-items: center;
|
11092
|
+
padding-left: 2.5rem;
|
11093
|
+
border-bottom: 1px solid var(--cds-layer-active);
|
11094
|
+
background-color: var(--cds-layer-selected-01, #e0e0e0);
|
11095
|
+
}
|
11096
|
+
|
11097
|
+
.c4p--datagrid__customize-columns-select-all-selected:hover {
|
11098
|
+
background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
|
11099
|
+
}
|
11100
|
+
|
11101
|
+
.c4p--datagrid .c4p--datagrid__customize-columns-modal .cds--modal-content {
|
11102
|
+
margin-bottom: 0;
|
11103
|
+
}
|
11104
|
+
|
10895
11105
|
/*
|
10896
11106
|
* Licensed Materials - Property of IBM
|
10897
11107
|
* 5724-Q36
|
@@ -10900,7 +11110,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10900
11110
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
10901
11111
|
*/
|
10902
11112
|
.c4p--datagrid__row-size-dropdown {
|
10903
|
-
position: absolute;
|
10904
11113
|
padding: 1rem;
|
10905
11114
|
background-color: var(--cds-background, #ffffff);
|
10906
11115
|
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));
|
@@ -10911,6 +11120,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10911
11120
|
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));
|
10912
11121
|
}
|
10913
11122
|
|
11123
|
+
.c4p--datagrid .cds--popover--bottom-right.c4p--datagrid__row-height-settings-popover .cds--popover-caret {
|
11124
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
11125
|
+
left: -4px;
|
11126
|
+
}
|
11127
|
+
|
10914
11128
|
/*
|
10915
11129
|
* Licensed Materials - Property of IBM
|
10916
11130
|
* 5724-Q36
|
@@ -10938,64 +11152,486 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
10938
11152
|
margin-left: 0.125rem;
|
10939
11153
|
}
|
10940
11154
|
|
10941
|
-
|
10942
|
-
|
11155
|
+
/*
|
11156
|
+
* Licensed Materials - Property of IBM
|
11157
|
+
* 5724-Q36
|
11158
|
+
* (c) Copyright IBM Corp. 2022
|
11159
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
11160
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
11161
|
+
*/
|
11162
|
+
.c4p--datagrid .c4p--datagrid__expanded-row-content {
|
11163
|
+
position: relative;
|
11164
|
+
padding: 1rem 1rem 1.5rem 3rem;
|
11165
|
+
}
|
11166
|
+
|
11167
|
+
.c4p--datagrid .c4p--datagrid__expanded-row-content::before {
|
11168
|
+
position: absolute;
|
11169
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
11170
|
+
top: -1px;
|
11171
|
+
right: 0;
|
11172
|
+
width: calc(100% - 3rem);
|
11173
|
+
height: 1px;
|
11174
|
+
background-color: var(--cds-layer-accent);
|
11175
|
+
content: "";
|
11176
|
+
}
|
11177
|
+
|
11178
|
+
.c4p--datagrid .c4p--datagrid__expanded-row-content::after {
|
11179
|
+
position: absolute;
|
11180
|
+
bottom: 0;
|
11181
|
+
left: 0;
|
11182
|
+
width: 100%;
|
11183
|
+
height: 1px;
|
11184
|
+
background-color: var(--cds-layer-accent);
|
11185
|
+
content: "";
|
11186
|
+
}
|
11187
|
+
|
11188
|
+
.c4p--datagrid__carbon-row.c4p--datagrid__carbon-row-expandable .c4p--datagrid__cell.c4p--datagrid__expandable-row-cell {
|
11189
|
+
padding: 0.5rem;
|
11190
|
+
padding-right: 0;
|
11191
|
+
}
|
11192
|
+
|
11193
|
+
.c4p--datagrid__row-expander.cds--btn {
|
11194
|
+
display: flex;
|
11195
|
+
width: 2rem;
|
11196
|
+
height: 2rem;
|
11197
|
+
min-height: 2rem;
|
11198
|
+
justify-content: center;
|
11199
|
+
padding: 0;
|
11200
|
+
}
|
11201
|
+
.c4p--datagrid__row-expander.cds--btn .c4p--datagrid__row-expander--icon {
|
11202
|
+
fill: var(--cds-layer-selected-inverse, #161616);
|
11203
|
+
}
|
11204
|
+
|
11205
|
+
/*
|
11206
|
+
* Licensed Materials - Property of IBM
|
11207
|
+
* 5724-Q36
|
11208
|
+
* (c) Copyright IBM Corp. 2022
|
11209
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
11210
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
11211
|
+
*/
|
11212
|
+
.c4p--datagrid__draggable-handleStyle {
|
11213
|
+
display: flex;
|
11214
|
+
align-items: center;
|
11215
|
+
margin-right: 0.5rem;
|
11216
|
+
cursor: grab;
|
11217
|
+
}
|
11218
|
+
|
11219
|
+
.c4p--datagrid__draggable-handleStyle.disabled {
|
11220
|
+
pointer-events: none;
|
11221
|
+
}
|
11222
|
+
|
11223
|
+
svg.c4p--datagrid__draggable-handleStyle.disable {
|
11224
|
+
fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
11225
|
+
}
|
11226
|
+
|
11227
|
+
.c4p--datagrid__draggable-handleHolder {
|
11228
|
+
display: flex;
|
11229
|
+
height: 3rem;
|
11230
|
+
padding-left: 1rem;
|
11231
|
+
border-bottom: 1px solid var(--cds-layer-active);
|
11232
|
+
background-color: var(--cds-layer);
|
11233
|
+
}
|
11234
|
+
|
11235
|
+
.c4p--datagrid__draggable-handleHolder:hover {
|
11236
|
+
background-color: var(--cds-layer-hover);
|
11237
|
+
}
|
11238
|
+
|
11239
|
+
.c4p--datagrid__draggable-handleHolder-selected {
|
11240
|
+
display: flex;
|
11241
|
+
height: 3rem;
|
11242
|
+
padding-left: 1rem;
|
11243
|
+
border-bottom: 1px solid var(--cds-layer-active);
|
11244
|
+
background-color: var(--cds-layer-selected);
|
11245
|
+
}
|
11246
|
+
|
11247
|
+
.c4p--datagrid__draggable-handleHolder-selected:hover {
|
11248
|
+
background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
|
11249
|
+
}
|
11250
|
+
|
11251
|
+
.c4p--datagrid__draggable-handleHolder-isOver {
|
11252
|
+
border: 2px dashed var(--cds-focus, #0f62fe);
|
11253
|
+
background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
|
11254
|
+
}
|
11255
|
+
|
11256
|
+
.c4p--datagrid__draggable-handleHolder-droppable {
|
11257
|
+
display: flex;
|
11258
|
+
width: 100%;
|
11259
|
+
}
|
11260
|
+
|
11261
|
+
.c4p--datagrid__draggable-handleHolder-grabbed {
|
11262
|
+
background-color: var(--cds-highlight, #d0e2ff);
|
11263
|
+
color: var(--cds-text-primary, #161616);
|
11264
|
+
}
|
11265
|
+
|
11266
|
+
.c4p--datagrid__shared-ui--assistive-text {
|
11267
|
+
position: absolute;
|
11268
|
+
overflow: hidden;
|
11269
|
+
width: 0;
|
11270
|
+
height: 0;
|
11271
|
+
padding: 0;
|
11272
|
+
border: 0;
|
11273
|
+
clip: rect(0 0 0 0);
|
11274
|
+
text-transform: none;
|
11275
|
+
white-space: nowrap;
|
11276
|
+
}
|
11277
|
+
|
11278
|
+
/*
|
11279
|
+
* Licensed Materials - Property of IBM
|
11280
|
+
* 5724-Q36
|
11281
|
+
* (c) Copyright IBM Corp. 2021
|
11282
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
11283
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
11284
|
+
*/
|
11285
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--text-input,
|
11286
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--number input[type=number],
|
11287
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
|
11288
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-xs .cds--date-picker__input {
|
11289
|
+
height: 1.5rem;
|
11290
|
+
}
|
11291
|
+
|
11292
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--number__control-btn::before,
|
11293
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--number__control-btn::after {
|
11294
|
+
height: calc(1.5rem - 0.25rem);
|
11295
|
+
}
|
11296
|
+
|
11297
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .c4p--datagrid__inline-edit--select .cds--list-box {
|
11298
|
+
max-height: none;
|
11299
|
+
}
|
11300
|
+
|
11301
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .cds--text-input,
|
11302
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .cds--number input[type=number],
|
11303
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
|
11304
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-sm .cds--date-picker__input {
|
11305
|
+
height: 2rem;
|
11306
|
+
}
|
11307
|
+
|
11308
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .cds--number__control-btn::before,
|
11309
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .cds--number__control-btn::after {
|
11310
|
+
height: calc(2rem - 0.25rem);
|
11311
|
+
}
|
11312
|
+
|
11313
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .c4p--datagrid__inline-edit--select .cds--list-box {
|
11314
|
+
max-height: none;
|
11315
|
+
}
|
11316
|
+
|
11317
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .cds--text-input,
|
11318
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .cds--number input[type=number],
|
11319
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
|
11320
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-md .cds--date-picker__input {
|
11321
|
+
height: 2.5rem;
|
11322
|
+
}
|
11323
|
+
|
11324
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .cds--number__control-btn::before,
|
11325
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .cds--number__control-btn::after {
|
11326
|
+
height: calc(2.5rem - 0.25rem);
|
11327
|
+
}
|
11328
|
+
|
11329
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .c4p--datagrid__inline-edit--select .cds--list-box {
|
11330
|
+
max-height: none;
|
11331
|
+
}
|
11332
|
+
|
11333
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .cds--text-input,
|
11334
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .cds--number input[type=number],
|
11335
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
|
11336
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-lg .cds--date-picker__input {
|
11337
|
+
height: 3rem;
|
11338
|
+
}
|
11339
|
+
|
11340
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .cds--number__control-btn::before,
|
11341
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .cds--number__control-btn::after {
|
11342
|
+
height: calc(3rem - 0.25rem);
|
11343
|
+
}
|
11344
|
+
|
11345
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .c4p--datagrid__inline-edit--select .cds--list-box {
|
11346
|
+
max-height: none;
|
11347
|
+
}
|
11348
|
+
|
11349
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .cds--text-input,
|
11350
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .cds--number input[type=number],
|
11351
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
|
11352
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-xl .cds--date-picker__input {
|
11353
|
+
height: 4rem;
|
11354
|
+
}
|
11355
|
+
|
11356
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .cds--number__control-btn::before,
|
11357
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .cds--number__control-btn::after {
|
11358
|
+
height: calc(4rem - 0.25rem);
|
11359
|
+
}
|
11360
|
+
|
11361
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .c4p--datagrid__inline-edit--select .cds--list-box {
|
11362
|
+
max-height: none;
|
11363
|
+
}
|
11364
|
+
|
11365
|
+
.c4p--datagrid {
|
11366
|
+
--c4p--datagrid--grid-header-height: 0;
|
11367
|
+
}
|
11368
|
+
|
11369
|
+
.c4p--datagrid__inline-edit-cell {
|
11370
|
+
display: flex;
|
11371
|
+
height: 100%;
|
11372
|
+
align-items: center;
|
11373
|
+
}
|
11374
|
+
|
11375
|
+
.c4p--datagrid .c4p--inline-edit__after-input-elements {
|
11376
|
+
display: flex;
|
11377
|
+
align-items: center;
|
11378
|
+
}
|
11379
|
+
|
11380
|
+
.c4p--datagrid__inline-edit--outer-cell-button {
|
11381
|
+
width: 100%;
|
11382
|
+
height: calc(100% + 2px);
|
11383
|
+
}
|
11384
|
+
|
11385
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button {
|
11386
|
+
position: relative;
|
11387
|
+
display: flex;
|
11388
|
+
width: 100%;
|
11389
|
+
height: 100%;
|
11390
|
+
align-items: center;
|
11391
|
+
justify-content: space-between;
|
11392
|
+
padding-left: 1rem;
|
11393
|
+
color: var(--cds-text-secondary, #525252);
|
11394
|
+
cursor: pointer;
|
11395
|
+
outline: 0;
|
11396
|
+
}
|
11397
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__label-icon {
|
11398
|
+
height: 1rem;
|
11399
|
+
padding-right: 1rem;
|
11400
|
+
}
|
11401
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--non-edit {
|
11402
|
+
padding-left: 0;
|
11403
|
+
cursor: default;
|
11404
|
+
}
|
11405
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-icon {
|
11406
|
+
height: 1rem;
|
11407
|
+
fill: var(--cds-icon-secondary, #525252);
|
11408
|
+
}
|
11409
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--date {
|
11410
|
+
font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
11411
|
+
}
|
11412
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--selection {
|
11413
|
+
justify-content: flex-start;
|
11414
|
+
}
|
11415
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not(.c4p--datagrid__inline-edit-button--edit-less-than-half-of-total-cols) {
|
11416
|
+
/* stylelint-disable-next-line */
|
11417
|
+
}
|
11418
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not(.c4p--datagrid__inline-edit-button--edit-less-than-half-of-total-cols) .c4p--datagrid__inline-edit-button-icon {
|
11419
|
+
display: none;
|
11420
|
+
}
|
11421
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not(.c4p--datagrid__inline-edit-button--edit-less-than-half-of-total-cols):hover .c4p--datagrid__inline-edit-button-icon {
|
11422
|
+
display: block;
|
11423
|
+
}
|
11424
|
+
|
11425
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not([data-disabled=true]):hover {
|
11426
|
+
background-color: var(--cds-layer-active);
|
11427
|
+
color: var(--cds-text-primary, #161616);
|
11428
|
+
}
|
11429
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not([data-disabled=true]):hover .c4p--datagrid__inline-edit-button-icon {
|
11430
|
+
fill: var(--cds-icon-primary, #161616);
|
11431
|
+
}
|
11432
|
+
|
11433
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active:not([data-disabled=true]) {
|
11434
|
+
background-color: var(--cds-layer-active);
|
11435
|
+
color: var(--cds-text-primary, #161616);
|
11436
|
+
cursor: text;
|
11437
|
+
}
|
11438
|
+
|
11439
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active {
|
11440
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
11441
|
+
outline: 0.125rem solid var(--cds-focus, #0f62fe);
|
11442
|
+
outline-offset: calc(-1 * 0.125rem);
|
11443
|
+
}
|
11444
|
+
@media screen and (prefers-contrast) {
|
11445
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active {
|
11446
|
+
outline-style: dotted;
|
11447
|
+
}
|
11448
|
+
}
|
11449
|
+
|
11450
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button--disabled:not(.c4p--datagrid__inline-edit-button--edit-less-than-half-of-total-cols) {
|
11451
|
+
color: var(--cds-button-disabled, #c6c6c6);
|
11452
|
+
cursor: not-allowed;
|
11453
|
+
}
|
11454
|
+
|
11455
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-label {
|
11456
|
+
overflow: hidden;
|
11457
|
+
padding-right: 1rem;
|
11458
|
+
text-overflow: ellipsis;
|
11459
|
+
white-space: nowrap;
|
11460
|
+
}
|
11461
|
+
|
11462
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-label.c4p--datagrid__inline-edit-button-label-with-icon {
|
11463
|
+
padding-right: 3rem;
|
11464
|
+
}
|
11465
|
+
|
11466
|
+
.c4p--datagrid__inline-edit--outer-cell-button .cds--text-input,
|
11467
|
+
.c4p--datagrid__inline-edit--outer-cell-button .cds--number input[type=number] {
|
11468
|
+
height: 3rem;
|
11469
|
+
}
|
11470
|
+
|
11471
|
+
.c4p--datagrid__inline-edit-button-icon {
|
11472
|
+
position: absolute;
|
11473
|
+
right: 1rem;
|
11474
|
+
}
|
11475
|
+
|
11476
|
+
.c4p--datagrid__table-with-inline-edit.cds--data-table .c4p--datagrid__cell-inline-edit {
|
11477
|
+
position: relative;
|
11478
|
+
padding: 0;
|
11479
|
+
}
|
11480
|
+
.c4p--datagrid__table-with-inline-edit.cds--data-table .c4p--datagrid__cell-inline-edit .c4p--datagrid__inline-edit-button--non-edit {
|
11481
|
+
padding-left: 1rem;
|
11482
|
+
}
|
11483
|
+
.c4p--datagrid__table-with-inline-edit.cds--data-table .c4p--datagrid__cell-inline-edit .cds--number input[type=number] {
|
11484
|
+
min-width: auto;
|
11485
|
+
padding-right: 1rem;
|
11486
|
+
}
|
11487
|
+
|
11488
|
+
.c4p--datagrid__inline-edit--select .c4p--datagrid__inline-edit--select-item {
|
11489
|
+
padding-bottom: 1rem;
|
11490
|
+
padding-left: 1rem;
|
11491
|
+
}
|
11492
|
+
|
11493
|
+
.c4p--datagrid__inline-edit--select.cds--dropdown,
|
11494
|
+
.c4p--datagrid__inline-edit--date .cds--date-picker {
|
11495
|
+
width: inherit;
|
11496
|
+
}
|
11497
|
+
|
11498
|
+
.c4p--datagrid__inline-edit--select.cds--dropdown,
|
11499
|
+
.c4p--datagrid__inline-edit--date .cds--date-picker.cds--date-picker--single .cds--date-picker__input {
|
11500
|
+
width: 100%;
|
11501
|
+
height: 3rem;
|
11502
|
+
max-height: none;
|
11503
|
+
}
|
11504
|
+
|
11505
|
+
.c4p--datagrid__inline-edit--date .cds--date-picker-container {
|
11506
|
+
width: inherit;
|
11507
|
+
}
|
11508
|
+
|
11509
|
+
.c4p--datagrid__inline-edit--date.cds--date-picker.cds--date-picker--single .cds--date-picker__input {
|
11510
|
+
overflow: hidden;
|
11511
|
+
width: 100%;
|
11512
|
+
max-width: none;
|
11513
|
+
padding-right: 2rem;
|
11514
|
+
text-overflow: ellipsis;
|
11515
|
+
white-space: nowrap;
|
11516
|
+
}
|
11517
|
+
|
11518
|
+
.c4p--datagrid .cds--data-table .c4p--datagrid__carbon-row-hover-active td {
|
11519
|
+
border-top-color: var(--cds-layer-hover);
|
11520
|
+
background-color: var(--cds-layer-hover);
|
11521
|
+
}
|
11522
|
+
|
11523
|
+
.c4p--datagrid .c4p--datagrid__grid-container-grid-active::before {
|
11524
|
+
position: absolute;
|
11525
|
+
z-index: 2;
|
11526
|
+
bottom: 0;
|
11527
|
+
left: 0;
|
11528
|
+
width: 2px;
|
11529
|
+
height: calc(100% - 50px - var(--c4p--datagrid--grid-header-height));
|
11530
|
+
background-color: var(--cds-link-inverse, #78a9ff);
|
11531
|
+
content: "";
|
11532
|
+
}
|
11533
|
+
|
11534
|
+
.c4p--datagrid .c4p--datagrid__grid-container-grid-active::after {
|
11535
|
+
position: absolute;
|
11536
|
+
z-index: 2;
|
11537
|
+
right: 0;
|
11538
|
+
bottom: 0;
|
11539
|
+
width: 2px;
|
11540
|
+
height: calc(100% - 50px - var(--c4p--datagrid--grid-header-height));
|
11541
|
+
background-color: var(--cds-link-inverse, #78a9ff);
|
11542
|
+
content: "";
|
11543
|
+
}
|
11544
|
+
|
11545
|
+
.c4p--datagrid .c4p--datagrid__grid-container-grid-active .cds--data-table-content::before {
|
11546
|
+
position: absolute;
|
11547
|
+
z-index: 2;
|
11548
|
+
top: 0;
|
11549
|
+
right: 0;
|
11550
|
+
left: 0;
|
11551
|
+
width: var(--c4p--datagrid--grid-width);
|
11552
|
+
height: 2px;
|
11553
|
+
background-color: var(--cds-link-inverse, #78a9ff);
|
11554
|
+
}
|
11555
|
+
|
11556
|
+
.c4p--datagrid .c4p--datagrid__grid-container-grid-active.c4p--datagrid__grid-container-grid-active--without-toolbar::before,
|
11557
|
+
.c4p--datagrid .c4p--datagrid__grid-container-grid-active.c4p--datagrid__grid-container-grid-active--without-toolbar::after {
|
11558
|
+
height: calc(100% - 2px - var(--c4p--datagrid--grid-header-height));
|
11559
|
+
}
|
11560
|
+
|
11561
|
+
.c4p--datagrid .c4p--datagrid__grid-container-grid-active .c4p--datagrid__table-container {
|
11562
|
+
outline: 2px solid var(--cds-link-inverse, #78a9ff);
|
11563
|
+
outline-offset: -2px;
|
11564
|
+
}
|
11565
|
+
|
11566
|
+
.c4p--datagrid .c4p--datagrid__grid-container-inline-edit .c4p--datagrid__table-container {
|
11567
|
+
padding-top: 0.125rem;
|
11568
|
+
}
|
11569
|
+
|
11570
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid [data-invalid] ~ .cds--form-requirement,
|
11571
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid [data-invalid] .cds--form-requirement {
|
11572
|
+
position: absolute;
|
11573
|
+
z-index: 3;
|
11574
|
+
top: calc(100% - 0.125rem);
|
11575
|
+
width: 100%;
|
11576
|
+
padding: 0.5rem 1.5rem 0.5rem 0.5rem;
|
11577
|
+
margin: 0;
|
11578
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
11579
|
+
outline: 0.125rem solid var(--cds-support-error, #da1e28);
|
11580
|
+
outline-offset: calc(-1 * 0.125rem);
|
11581
|
+
}
|
11582
|
+
|
11583
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--list-box[data-invalid]:focus-within ~ .cds--form-requirement {
|
11584
|
+
outline: 0.125rem solid var(--cds-focus, #0f62fe);
|
10943
11585
|
}
|
10944
11586
|
|
10945
|
-
|
10946
|
-
|
10947
|
-
|
10948
|
-
|
10949
|
-
|
10950
|
-
|
10951
|
-
*/
|
10952
|
-
.c4p--datagrid__draggable-handleStyle {
|
10953
|
-
display: flex;
|
10954
|
-
align-items: center;
|
10955
|
-
margin-right: 0.5rem;
|
10956
|
-
cursor: grab;
|
11587
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--list-box__invalid-icon,
|
11588
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--text-input__invalid-icon,
|
11589
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number__invalid {
|
11590
|
+
z-index: 4;
|
11591
|
+
top: calc(100% + 0.75rem + 0.125rem);
|
11592
|
+
right: 0.5rem;
|
10957
11593
|
}
|
10958
11594
|
|
10959
|
-
.c4p--
|
10960
|
-
|
11595
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number__invalid {
|
11596
|
+
top: calc(100% + 0.25rem + 0.125rem);
|
10961
11597
|
}
|
10962
11598
|
|
10963
|
-
|
10964
|
-
|
11599
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--form-requirement::before {
|
11600
|
+
position: absolute;
|
11601
|
+
top: 0;
|
11602
|
+
left: 0.125rem;
|
11603
|
+
width: calc(100% - (0.125rem * 2));
|
11604
|
+
height: 0.125rem;
|
11605
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
11606
|
+
content: "";
|
10965
11607
|
}
|
10966
11608
|
|
10967
|
-
.c4p--
|
10968
|
-
|
10969
|
-
|
10970
|
-
|
10971
|
-
|
10972
|
-
|
10973
|
-
|
10974
|
-
|
10975
|
-
border: 2px dashed var(--cds-focus, #0f62fe);
|
10976
|
-
background-color: var(--cds-highlight, #d0e2ff);
|
11609
|
+
.c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--form-requirement::after {
|
11610
|
+
position: absolute;
|
11611
|
+
top: 0.125rem;
|
11612
|
+
left: 0.5rem;
|
11613
|
+
width: calc(100% - (0.5rem * 2));
|
11614
|
+
height: 1px;
|
11615
|
+
background-color: var(--cds-layer-accent-01, #e0e0e0);
|
11616
|
+
content: "";
|
10977
11617
|
}
|
10978
11618
|
|
10979
|
-
.c4p--
|
10980
|
-
|
10981
|
-
|
11619
|
+
.c4p--datagrid tbody tr:hover .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--form-requirement::before {
|
11620
|
+
background-color: var(--cds-layer-accent-01, #e0e0e0);
|
11621
|
+
}
|
11622
|
+
.c4p--datagrid tbody tr:hover .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--form-requirement::after {
|
11623
|
+
background-color: transparent;
|
10982
11624
|
}
|
10983
11625
|
|
10984
|
-
.c4p--
|
10985
|
-
|
10986
|
-
|
11626
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--text-input:focus,
|
11627
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number input[type=number]:focus,
|
11628
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover,
|
11629
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number__control-btn:focus {
|
11630
|
+
outline-color: var(--cds-support-error, #da1e28);
|
10987
11631
|
}
|
10988
11632
|
|
10989
|
-
.c4p--
|
10990
|
-
|
10991
|
-
overflow: hidden;
|
10992
|
-
width: 0;
|
10993
|
-
height: 0;
|
10994
|
-
padding: 0;
|
10995
|
-
border: 0;
|
10996
|
-
clip: rect(0 0 0 0);
|
10997
|
-
text-transform: none;
|
10998
|
-
white-space: nowrap;
|
11633
|
+
.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 {
|
11634
|
+
background-color: var(--cds-support-error, #da1e28);
|
10999
11635
|
}
|
11000
11636
|
|
11001
11637
|
/*
|
@@ -11005,6 +11641,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11005
11641
|
* US Government Users Restricted Rights - Use, duplication or disclosure
|
11006
11642
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
11007
11643
|
*/
|
11644
|
+
/* stylelint-disable max-nesting-depth */
|
11008
11645
|
.c4p--datagrid__datagridWrap {
|
11009
11646
|
display: block;
|
11010
11647
|
width: 100%;
|
@@ -11012,6 +11649,15 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11012
11649
|
.c4p--datagrid__datagridWrap :global(.cds--checkbox) {
|
11013
11650
|
display: none;
|
11014
11651
|
}
|
11652
|
+
.c4p--datagrid__datagridWrap .bx--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
|
11653
|
+
left: 0.125rem;
|
11654
|
+
width: 112px;
|
11655
|
+
}
|
11656
|
+
|
11657
|
+
.c4p--datagrid__datagridWrap .cds--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
|
11658
|
+
left: 0.125rem;
|
11659
|
+
width: 112px;
|
11660
|
+
}
|
11015
11661
|
|
11016
11662
|
.c4p--datagrid__datagridWrap-simple {
|
11017
11663
|
display: flex;
|
@@ -12732,6 +13378,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
12732
13378
|
appearance: none;
|
12733
13379
|
background: none;
|
12734
13380
|
cursor: pointer;
|
13381
|
+
text-align: start;
|
12735
13382
|
width: 100%;
|
12736
13383
|
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
12737
13384
|
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
@@ -13059,14 +13706,18 @@ a.cds--side-nav__link--current::before {
|
|
13059
13706
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
13060
13707
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
13061
13708
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
13062
|
-
height: 4rem;
|
13063
13709
|
align-items: center;
|
13710
|
+
margin: 0;
|
13711
|
+
}
|
13712
|
+
|
13713
|
+
.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
|
13714
|
+
height: 4rem;
|
13064
13715
|
padding-top: 1rem;
|
13065
13716
|
padding-bottom: 2rem;
|
13066
|
-
margin: 0;
|
13067
13717
|
}
|
13068
13718
|
|
13069
|
-
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive
|
13719
|
+
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive,
|
13720
|
+
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn {
|
13070
13721
|
max-width: none;
|
13071
13722
|
}
|
13072
13723
|
|
@@ -13127,7 +13778,7 @@ a.cds--side-nav__link--current::before {
|
|
13127
13778
|
/* stylelint-disable-next-line function-no-unknown */
|
13128
13779
|
z-index: 9000;
|
13129
13780
|
align-items: flex-end;
|
13130
|
-
transition: visibility
|
13781
|
+
transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
|
13131
13782
|
}
|
13132
13783
|
|
13133
13784
|
@media (prefers-reduced-motion: reduce) {
|
@@ -13545,6 +14196,45 @@ a.cds--side-nav__link--current::before {
|
|
13545
14196
|
margin-bottom: 1rem;
|
13546
14197
|
}
|
13547
14198
|
|
14199
|
+
/* stylelint-disable max-nesting-depth */
|
14200
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit {
|
14201
|
+
/* Used id for overriding the SVG path fill */
|
14202
|
+
}
|
14203
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button:hover,
|
14204
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button:hover {
|
14205
|
+
background-color: #0050e6;
|
14206
|
+
}
|
14207
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button:focus,
|
14208
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button:focus {
|
14209
|
+
box-shadow: none;
|
14210
|
+
}
|
14211
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button svg path,
|
14212
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button svg path {
|
14213
|
+
fill: #ffffff;
|
14214
|
+
}
|
14215
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button.c4p--loading:hover,
|
14216
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button.c4p--loading:hover {
|
14217
|
+
background-color: transparent;
|
14218
|
+
}
|
14219
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer {
|
14220
|
+
background-color: #0f62fe;
|
14221
|
+
color: #ffffff;
|
14222
|
+
}
|
14223
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--loading {
|
14224
|
+
animation-duration: 700ms;
|
14225
|
+
animation-fill-mode: forwards;
|
14226
|
+
animation-iteration-count: infinite;
|
14227
|
+
animation-name: rotate;
|
14228
|
+
animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
14229
|
+
}
|
14230
|
+
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--loading:hover {
|
14231
|
+
background-color: transparent;
|
14232
|
+
}
|
14233
|
+
.c4p--edit-update-cards:not(.c4p--edit-update-cards__actions-bottom)#c4p--edit-update-cards--edit .c4p--card__header {
|
14234
|
+
background-color: #0f62fe;
|
14235
|
+
color: #ffffff;
|
14236
|
+
}
|
14237
|
+
|
13548
14238
|
html,
|
13549
14239
|
body,
|
13550
14240
|
div,
|
@@ -15019,6 +15709,10 @@ em {
|
|
15019
15709
|
--cds-button-secondary-hover: #5e5e5e;
|
15020
15710
|
--cds-button-tertiary-hover: #f4f4f4;
|
15021
15711
|
--cds-button-disabled: rgba(141, 141, 141, 0.3);
|
15712
|
+
--cds-notification-background-error: #393939;
|
15713
|
+
--cds-notification-background-success: #393939;
|
15714
|
+
--cds-notification-background-info: #393939;
|
15715
|
+
--cds-notification-background-warning: #393939;
|
15022
15716
|
--cds-notification-action-tertiary-inverse: #0f62fe;
|
15023
15717
|
--cds-notification-action-tertiary-inverse-active: #002d9c;
|
15024
15718
|
--cds-notification-action-tertiary-inverse-hover: #0050e6;
|
@@ -15183,6 +15877,10 @@ em {
|
|
15183
15877
|
--cds-button-secondary-hover: #5e5e5e;
|
15184
15878
|
--cds-button-tertiary-hover: #f4f4f4;
|
15185
15879
|
--cds-button-disabled: rgba(141, 141, 141, 0.3);
|
15880
|
+
--cds-notification-background-error: #262626;
|
15881
|
+
--cds-notification-background-success: #262626;
|
15882
|
+
--cds-notification-background-info: #262626;
|
15883
|
+
--cds-notification-background-warning: #262626;
|
15186
15884
|
--cds-notification-action-tertiary-inverse: #0f62fe;
|
15187
15885
|
--cds-notification-action-tertiary-inverse-active: #002d9c;
|
15188
15886
|
--cds-notification-action-tertiary-inverse-hover: #0050e6;
|
@@ -15260,6 +15958,7 @@ em {
|
|
15260
15958
|
appearance: none;
|
15261
15959
|
background: none;
|
15262
15960
|
cursor: pointer;
|
15961
|
+
text-align: start;
|
15263
15962
|
width: 100%;
|
15264
15963
|
position: relative;
|
15265
15964
|
display: flex;
|
@@ -16363,12 +17062,61 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16363
17062
|
margin-bottom: 0;
|
16364
17063
|
}
|
16365
17064
|
|
16366
|
-
.cds--label .cds--
|
17065
|
+
.cds--label + .cds--tooltip {
|
17066
|
+
position: relative;
|
17067
|
+
top: 0.2rem;
|
17068
|
+
left: 0.5rem;
|
17069
|
+
}
|
17070
|
+
|
17071
|
+
.cds--label + .cds--tooltip .cds--tooltip__trigger {
|
17072
|
+
box-sizing: border-box;
|
17073
|
+
padding: 0;
|
17074
|
+
border: 0;
|
17075
|
+
margin: 0;
|
17076
|
+
font-family: inherit;
|
17077
|
+
font-size: 100%;
|
17078
|
+
vertical-align: baseline;
|
17079
|
+
display: inline-block;
|
17080
|
+
padding: 0;
|
17081
|
+
border: 0;
|
17082
|
+
appearance: none;
|
17083
|
+
background: none;
|
17084
|
+
cursor: pointer;
|
17085
|
+
text-align: start;
|
17086
|
+
width: 100%;
|
17087
|
+
display: flex;
|
17088
|
+
align-items: center;
|
17089
|
+
justify-content: center;
|
16367
17090
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
16368
17091
|
font-weight: var(--cds-label-01-font-weight, 400);
|
16369
17092
|
line-height: var(--cds-label-01-line-height, 1.33333);
|
16370
17093
|
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
16371
17094
|
}
|
17095
|
+
.cds--label + .cds--tooltip .cds--tooltip__trigger *,
|
17096
|
+
.cds--label + .cds--tooltip .cds--tooltip__trigger *::before,
|
17097
|
+
.cds--label + .cds--tooltip .cds--tooltip__trigger *::after {
|
17098
|
+
box-sizing: inherit;
|
17099
|
+
}
|
17100
|
+
.cds--label + .cds--tooltip .cds--tooltip__trigger::-moz-focus-inner {
|
17101
|
+
border: 0;
|
17102
|
+
}
|
17103
|
+
|
17104
|
+
.cds--label + .cds--tooltip .cds--tooltip__trigger:focus {
|
17105
|
+
outline: 1px solid var(--cds-focus, #0f62fe);
|
17106
|
+
}
|
17107
|
+
|
17108
|
+
.cds--label + .cds--tooltip .cds--tooltip__trigger svg {
|
17109
|
+
fill: var(--cds-icon-secondary, #525252);
|
17110
|
+
}
|
17111
|
+
|
17112
|
+
.cds--label + .cds--tooltip .cds--tooltip__trigger svg :hover {
|
17113
|
+
fill: var(--cds-icon-primary, #161616);
|
17114
|
+
}
|
17115
|
+
|
17116
|
+
.cds--label + .cds--toggletip {
|
17117
|
+
top: 0.2rem;
|
17118
|
+
left: 0.5rem;
|
17119
|
+
}
|
16372
17120
|
|
16373
17121
|
.cds--label.cds--skeleton {
|
16374
17122
|
position: relative;
|
@@ -16410,7 +17158,7 @@ input[data-invalid]:not(:focus),
|
|
16410
17158
|
.cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
|
16411
17159
|
.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
|
16412
17160
|
.cds--list-box[data-invalid]:not(:focus),
|
16413
|
-
.cds--combo-box[data-invalid] .cds--text-input:not(:focus) {
|
17161
|
+
.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
|
16414
17162
|
outline: 2px solid var(--cds-support-error, #da1e28);
|
16415
17163
|
outline-offset: -2px;
|
16416
17164
|
}
|
@@ -16421,7 +17169,7 @@ input[data-invalid]:not(:focus),
|
|
16421
17169
|
.cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
|
16422
17170
|
.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
|
16423
17171
|
.cds--list-box[data-invalid]:not(:focus),
|
16424
|
-
.cds--combo-box[data-invalid] .cds--text-input:not(:focus) {
|
17172
|
+
.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
|
16425
17173
|
outline-style: dotted;
|
16426
17174
|
}
|
16427
17175
|
}
|
@@ -16632,8 +17380,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
16632
17380
|
|
16633
17381
|
.cds--checkbox:checked + .cds--checkbox-label::before,
|
16634
17382
|
.cds--checkbox:indeterminate + .cds--checkbox-label::before,
|
16635
|
-
.cds--checkbox-label[data-contained-checkbox-state=true]::before
|
16636
|
-
.cds--checkbox-label[data-contained-checkbox-state=mixed]::before {
|
17383
|
+
.cds--checkbox-label[data-contained-checkbox-state=true]::before {
|
16637
17384
|
border: none;
|
16638
17385
|
border-width: 1px;
|
16639
17386
|
background-color: var(--cds-icon-primary, #161616);
|
@@ -16644,8 +17391,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
16644
17391
|
transform: scale(1) rotate(-45deg) /*rtl:scale(1.2) rotate3d(.5, 1, 0, 158deg)*/;
|
16645
17392
|
}
|
16646
17393
|
|
16647
|
-
.cds--checkbox:indeterminate + .cds--checkbox-label::after
|
16648
|
-
.cds--checkbox-label[data-contained-checkbox-state=mixed]::after {
|
17394
|
+
.cds--checkbox:indeterminate + .cds--checkbox-label::after {
|
16649
17395
|
top: 0.6875rem;
|
16650
17396
|
width: 0.5rem;
|
16651
17397
|
border-bottom: 2px solid var(--cds-icon-inverse, #ffffff);
|
@@ -16657,8 +17403,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
16657
17403
|
.cds--checkbox-label__focus::before,
|
16658
17404
|
.cds--checkbox:checked:focus + .cds--checkbox-label::before,
|
16659
17405
|
.cds--checkbox-label[data-contained-checkbox-state=true].cds--checkbox-label__focus::before,
|
16660
|
-
.cds--checkbox:indeterminate:focus + .cds--checkbox-label::before
|
16661
|
-
.cds--checkbox-label[data-contained-checkbox-state=mixed].cds--checkbox-label__focus::before {
|
17406
|
+
.cds--checkbox:indeterminate:focus + .cds--checkbox-label::before {
|
16662
17407
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
16663
17408
|
outline-offset: 1px;
|
16664
17409
|
}
|
@@ -16676,8 +17421,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
16676
17421
|
|
16677
17422
|
.cds--checkbox:checked:disabled + .cds--checkbox-label::before,
|
16678
17423
|
.cds--checkbox:indeterminate:disabled + .cds--checkbox-label::before,
|
16679
|
-
.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before
|
16680
|
-
.cds--checkbox-label[data-contained-checkbox-state=mixed][data-contained-checkbox-disabled=true]::before {
|
17424
|
+
.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before {
|
16681
17425
|
background-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
16682
17426
|
}
|
16683
17427
|
|
@@ -17156,6 +17900,9 @@ fieldset[disabled] .cds--form__helper-text {
|
|
17156
17900
|
z-index: 1;
|
17157
17901
|
top: 0.8125rem;
|
17158
17902
|
left: 1rem;
|
17903
|
+
display: flex;
|
17904
|
+
height: 1rem;
|
17905
|
+
align-items: center;
|
17159
17906
|
margin: 0;
|
17160
17907
|
}
|
17161
17908
|
|
@@ -17174,12 +17921,12 @@ fieldset[disabled] .cds--form__helper-text {
|
|
17174
17921
|
}
|
17175
17922
|
|
17176
17923
|
.cds--form--fluid .cds--text-input--invalid,
|
17177
|
-
.cds--form--fluid .cds--text-input--
|
17924
|
+
.cds--form--fluid .cds--text-input--warning {
|
17178
17925
|
border-bottom: none;
|
17179
17926
|
}
|
17180
17927
|
|
17181
17928
|
.cds--form--fluid .cds--text-input--invalid + .cds--text-input__divider,
|
17182
|
-
.cds--form--fluid .cds--text-input--
|
17929
|
+
.cds--form--fluid .cds--text-input--warning + .cds--text-input__divider {
|
17183
17930
|
display: block;
|
17184
17931
|
border-style: solid;
|
17185
17932
|
border-color: var(--cds-border-subtle);
|
@@ -17191,13 +17938,13 @@ fieldset[disabled] .cds--form__helper-text {
|
|
17191
17938
|
top: 5rem;
|
17192
17939
|
}
|
17193
17940
|
|
17194
|
-
.cds--form--fluid .cds--text-
|
17195
|
-
|
17941
|
+
.cds--form--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid,
|
17942
|
+
.cds--form--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning {
|
17943
|
+
outline: none;
|
17196
17944
|
}
|
17197
17945
|
|
17198
|
-
.cds--form--fluid .cds--text-input__field-wrapper
|
17199
|
-
|
17200
|
-
outline-offset: -2px;
|
17946
|
+
.cds--form--fluid .cds--text-input__field-wrapper--warning {
|
17947
|
+
border-bottom: 1px solid var(--cds-border-strong);
|
17201
17948
|
}
|
17202
17949
|
|
17203
17950
|
.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
|
@@ -17210,16 +17957,23 @@ fieldset[disabled] .cds--form__helper-text {
|
|
17210
17957
|
}
|
17211
17958
|
}
|
17212
17959
|
|
17213
|
-
.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]
|
17960
|
+
.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
|
17961
|
+
.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
|
17214
17962
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
17215
17963
|
outline-offset: -2px;
|
17216
17964
|
}
|
17217
17965
|
@media screen and (prefers-contrast) {
|
17218
|
-
.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]
|
17966
|
+
.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
|
17967
|
+
.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
|
17219
17968
|
outline-style: dotted;
|
17220
17969
|
}
|
17221
17970
|
}
|
17222
17971
|
|
17972
|
+
.cds--form--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:focus,
|
17973
|
+
.cds--form--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning:focus {
|
17974
|
+
outline: none;
|
17975
|
+
}
|
17976
|
+
|
17223
17977
|
.cds--text-input-wrapper.cds--text-input-wrapper--inline {
|
17224
17978
|
flex-flow: row wrap;
|
17225
17979
|
}
|
@@ -17820,6 +18574,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
17820
18574
|
appearance: none;
|
17821
18575
|
background: none;
|
17822
18576
|
cursor: pointer;
|
18577
|
+
text-align: start;
|
17823
18578
|
width: 100%;
|
17824
18579
|
position: relative;
|
17825
18580
|
display: inline-flex;
|
@@ -17911,6 +18666,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
17911
18666
|
appearance: none;
|
17912
18667
|
background: none;
|
17913
18668
|
cursor: pointer;
|
18669
|
+
text-align: start;
|
17914
18670
|
position: absolute;
|
17915
18671
|
right: 1rem;
|
17916
18672
|
display: flex;
|
@@ -17955,6 +18711,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
17955
18711
|
appearance: none;
|
17956
18712
|
background: none;
|
17957
18713
|
cursor: pointer;
|
18714
|
+
text-align: start;
|
17958
18715
|
position: absolute;
|
17959
18716
|
top: 50%;
|
17960
18717
|
/* to preserve .5rem space between icons according to spec top/transform used to center the combobox clear selection icon in IE11 */
|
@@ -18610,6 +19367,16 @@ fieldset[disabled] .cds--form__helper-text {
|
|
18610
19367
|
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
18611
19368
|
color: var(--cds-text-secondary, #525252);
|
18612
19369
|
}
|
19370
|
+
@media (min-width: 42rem) {
|
19371
|
+
.cds--data-table-header__description {
|
19372
|
+
max-width: 50ch;
|
19373
|
+
}
|
19374
|
+
}
|
19375
|
+
@media (min-width: 66rem) {
|
19376
|
+
.cds--data-table-header__description {
|
19377
|
+
max-width: 80ch;
|
19378
|
+
}
|
19379
|
+
}
|
18613
19380
|
|
18614
19381
|
.cds--data-table {
|
18615
19382
|
width: 100%;
|
@@ -19409,6 +20176,7 @@ tr.cds--data-table--selected:last-of-type td {
|
|
19409
20176
|
appearance: none;
|
19410
20177
|
background: none;
|
19411
20178
|
cursor: pointer;
|
20179
|
+
text-align: start;
|
19412
20180
|
width: 100%;
|
19413
20181
|
display: flex;
|
19414
20182
|
width: 3rem;
|
@@ -19440,6 +20208,7 @@ tr.cds--data-table--selected:last-of-type td {
|
|
19440
20208
|
appearance: none;
|
19441
20209
|
background: none;
|
19442
20210
|
cursor: pointer;
|
20211
|
+
text-align: start;
|
19443
20212
|
width: 100%;
|
19444
20213
|
display: flex;
|
19445
20214
|
width: 3rem;
|
@@ -19937,6 +20706,7 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
|
|
19937
20706
|
appearance: none;
|
19938
20707
|
background: none;
|
19939
20708
|
cursor: pointer;
|
20709
|
+
text-align: start;
|
19940
20710
|
display: inline-flex;
|
19941
20711
|
width: 100%;
|
19942
20712
|
height: calc(100% + 1px);
|
@@ -20241,6 +21011,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
|
|
20241
21011
|
appearance: none;
|
20242
21012
|
background: none;
|
20243
21013
|
cursor: pointer;
|
21014
|
+
text-align: start;
|
20244
21015
|
display: flex;
|
20245
21016
|
width: 100%;
|
20246
21017
|
min-height: 100%;
|
@@ -22176,6 +22947,106 @@ button.cds--dropdown-text:focus {
|
|
22176
22947
|
}
|
22177
22948
|
|
22178
22949
|
/* stylelint-enable */
|
22950
|
+
.cds--text-input--fluid.cds--text-input-wrapper {
|
22951
|
+
position: relative;
|
22952
|
+
height: 100%;
|
22953
|
+
background: var(--cds-field);
|
22954
|
+
transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
22955
|
+
}
|
22956
|
+
|
22957
|
+
.cds--text-input--fluid .cds--label {
|
22958
|
+
position: absolute;
|
22959
|
+
z-index: 1;
|
22960
|
+
top: 0.8125rem;
|
22961
|
+
left: 1rem;
|
22962
|
+
display: flex;
|
22963
|
+
height: 1rem;
|
22964
|
+
align-items: center;
|
22965
|
+
margin: 0;
|
22966
|
+
}
|
22967
|
+
|
22968
|
+
.cds--text-input--fluid .cds--form__helper-text {
|
22969
|
+
display: none;
|
22970
|
+
}
|
22971
|
+
|
22972
|
+
.cds--text-input--fluid .cds--text-input {
|
22973
|
+
min-height: 4rem;
|
22974
|
+
padding: 2rem 1rem 0.8125rem;
|
22975
|
+
}
|
22976
|
+
|
22977
|
+
.cds--text-input__divider,
|
22978
|
+
.cds--text-input--fluid .cds--text-input__divider {
|
22979
|
+
display: none;
|
22980
|
+
}
|
22981
|
+
|
22982
|
+
.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid],
|
22983
|
+
.cds--text-input--fluid .cds--text-input__field-wrapper--warning {
|
22984
|
+
display: block;
|
22985
|
+
}
|
22986
|
+
|
22987
|
+
.cds--text-input--fluid input[data-invalid] {
|
22988
|
+
outline: none;
|
22989
|
+
}
|
22990
|
+
|
22991
|
+
.cds--text-input--fluid .cds--form-requirement {
|
22992
|
+
padding: 0.5rem 2.5rem 0.5rem 1rem;
|
22993
|
+
margin: 0;
|
22994
|
+
}
|
22995
|
+
|
22996
|
+
.cds--text-input--fluid .cds--text-input--invalid,
|
22997
|
+
.cds--text-input--fluid .cds--text-input--warning {
|
22998
|
+
border-bottom: none;
|
22999
|
+
}
|
23000
|
+
|
23001
|
+
.cds--text-input--fluid .cds--text-input--invalid + .cds--text-input__divider,
|
23002
|
+
.cds--text-input--fluid .cds--text-input--warning + .cds--text-input__divider {
|
23003
|
+
display: block;
|
23004
|
+
border-style: solid;
|
23005
|
+
border-color: var(--cds-border-subtle);
|
23006
|
+
border-bottom: none;
|
23007
|
+
margin: 0 1rem;
|
23008
|
+
}
|
23009
|
+
|
23010
|
+
.cds--text-input--fluid .cds--text-input__invalid-icon {
|
23011
|
+
top: 5rem;
|
23012
|
+
}
|
23013
|
+
|
23014
|
+
.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid,
|
23015
|
+
.cds--text-input--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning {
|
23016
|
+
outline: none;
|
23017
|
+
}
|
23018
|
+
|
23019
|
+
.cds--text-input--fluid .cds--text-input__field-wrapper--warning {
|
23020
|
+
border-bottom: 1px solid var(--cds-border-strong);
|
23021
|
+
}
|
23022
|
+
|
23023
|
+
.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
|
23024
|
+
outline: 2px solid var(--cds-support-error, #da1e28);
|
23025
|
+
outline-offset: -2px;
|
23026
|
+
}
|
23027
|
+
@media screen and (prefers-contrast) {
|
23028
|
+
.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
|
23029
|
+
outline-style: dotted;
|
23030
|
+
}
|
23031
|
+
}
|
23032
|
+
|
23033
|
+
.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
|
23034
|
+
.cds--text-input--fluid .cds--text-input__field-wrapper--warning:focus-within {
|
23035
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
23036
|
+
outline-offset: -2px;
|
23037
|
+
}
|
23038
|
+
@media screen and (prefers-contrast) {
|
23039
|
+
.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
|
23040
|
+
.cds--text-input--fluid .cds--text-input__field-wrapper--warning:focus-within {
|
23041
|
+
outline-style: dotted;
|
23042
|
+
}
|
23043
|
+
}
|
23044
|
+
|
23045
|
+
.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:focus,
|
23046
|
+
.cds--text-input--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning:focus {
|
23047
|
+
outline: none;
|
23048
|
+
}
|
23049
|
+
|
22179
23050
|
@keyframes stroke {
|
22180
23051
|
100% {
|
22181
23052
|
stroke-dashoffset: 0;
|
@@ -22864,7 +23735,7 @@ button.cds--dropdown-text:focus {
|
|
22864
23735
|
padding-left: 0;
|
22865
23736
|
}
|
22866
23737
|
|
22867
|
-
.cds--multi-select--filterable.cds--list-box--disabled:hover .cds--text-input {
|
23738
|
+
.cds--multi-select--filterable.cds--list-box--disabled:hover:not(.cds--multi-select--filterable) .cds--text-input {
|
22868
23739
|
background-color: var(--cds-field);
|
22869
23740
|
}
|
22870
23741
|
|
@@ -22878,6 +23749,10 @@ button.cds--dropdown-text:focus {
|
|
22878
23749
|
background-color: transparent;
|
22879
23750
|
}
|
22880
23751
|
|
23752
|
+
.cds--multi-select:not(.cds--list-box--expanded) .cds--list-box__menu {
|
23753
|
+
visibility: hidden;
|
23754
|
+
}
|
23755
|
+
|
22881
23756
|
.cds--inline-notification {
|
22882
23757
|
position: relative;
|
22883
23758
|
display: flex;
|
@@ -24107,6 +24982,7 @@ button.cds--dropdown-text:focus {
|
|
24107
24982
|
appearance: none;
|
24108
24983
|
background: none;
|
24109
24984
|
cursor: pointer;
|
24985
|
+
text-align: start;
|
24110
24986
|
width: 100%;
|
24111
24987
|
position: relative;
|
24112
24988
|
display: inline-flex;
|
@@ -24448,6 +25324,7 @@ button.cds--dropdown-text:focus {
|
|
24448
25324
|
appearance: none;
|
24449
25325
|
background: none;
|
24450
25326
|
cursor: pointer;
|
25327
|
+
text-align: start;
|
24451
25328
|
width: 100%;
|
24452
25329
|
outline: 2px solid transparent;
|
24453
25330
|
outline-offset: -2px;
|
@@ -25575,6 +26452,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
25575
26452
|
appearance: none;
|
25576
26453
|
background: none;
|
25577
26454
|
cursor: pointer;
|
26455
|
+
text-align: start;
|
25578
26456
|
position: relative;
|
25579
26457
|
display: block;
|
25580
26458
|
min-width: 3rem;
|
@@ -25917,13 +26795,13 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
25917
26795
|
.cds--popover--left-top .cds--popover-content {
|
25918
26796
|
top: -50%;
|
25919
26797
|
right: 100%;
|
25920
|
-
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem)
|
26798
|
+
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem)));
|
25921
26799
|
}
|
25922
26800
|
|
25923
26801
|
.cds--popover--left-bottom .cds--popover-content {
|
25924
26802
|
right: 100%;
|
25925
26803
|
bottom: -50%;
|
25926
|
-
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem)
|
26804
|
+
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem)));
|
25927
26805
|
}
|
25928
26806
|
|
25929
26807
|
.cds--popover--left .cds--popover-content::before,
|
@@ -26142,6 +27020,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
26142
27020
|
appearance: none;
|
26143
27021
|
background: none;
|
26144
27022
|
cursor: pointer;
|
27023
|
+
text-align: start;
|
26145
27024
|
width: 100%;
|
26146
27025
|
border-bottom: 1px dotted var(--cds-border-strong);
|
26147
27026
|
border-radius: 0;
|
@@ -26361,6 +27240,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
26361
27240
|
appearance: none;
|
26362
27241
|
background: none;
|
26363
27242
|
cursor: pointer;
|
27243
|
+
text-align: start;
|
26364
27244
|
width: 100%;
|
26365
27245
|
display: flex;
|
26366
27246
|
text-align: left;
|
@@ -26832,6 +27712,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
26832
27712
|
appearance: none;
|
26833
27713
|
background: none;
|
26834
27714
|
cursor: pointer;
|
27715
|
+
text-align: start;
|
26835
27716
|
outline: 2px solid transparent;
|
26836
27717
|
outline-offset: -2px;
|
26837
27718
|
position: absolute;
|
@@ -27769,6 +28650,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
27769
28650
|
appearance: none;
|
27770
28651
|
background: none;
|
27771
28652
|
cursor: pointer;
|
28653
|
+
text-align: start;
|
27772
28654
|
width: 100%;
|
27773
28655
|
display: flex;
|
27774
28656
|
width: 2.5rem;
|
@@ -27919,6 +28801,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
27919
28801
|
appearance: none;
|
27920
28802
|
background: none;
|
27921
28803
|
cursor: pointer;
|
28804
|
+
text-align: start;
|
27922
28805
|
outline: 2px solid transparent;
|
27923
28806
|
outline-offset: -2px;
|
27924
28807
|
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
@@ -28437,6 +29320,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
28437
29320
|
appearance: none;
|
28438
29321
|
background: none;
|
28439
29322
|
cursor: pointer;
|
29323
|
+
text-align: start;
|
28440
29324
|
width: 100%;
|
28441
29325
|
position: absolute;
|
28442
29326
|
right: 0;
|
@@ -28699,6 +29583,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
28699
29583
|
appearance: none;
|
28700
29584
|
background: none;
|
28701
29585
|
cursor: pointer;
|
29586
|
+
text-align: start;
|
28702
29587
|
width: 100%;
|
28703
29588
|
display: flex;
|
28704
29589
|
align-items: center;
|
@@ -28820,7 +29705,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
28820
29705
|
}
|
28821
29706
|
|
28822
29707
|
.cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
|
28823
|
-
.cds--toggle__button:active + .cds--toggle__label .cds--toggle__switch {
|
29708
|
+
.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch {
|
28824
29709
|
box-shadow: 0 0 0 1px var(--cds-focus-inset, #ffffff), 0 0 0 3px var(--cds-focus, #0f62fe);
|
28825
29710
|
}
|
28826
29711
|
|
@@ -28895,7 +29780,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
28895
29780
|
|
28896
29781
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
28897
29782
|
.cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
|
28898
|
-
.cds--toggle__button:active + .cds--toggle__label .cds--toggle__switch {
|
29783
|
+
.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch {
|
28899
29784
|
color: Highlight;
|
28900
29785
|
outline: 1px solid Highlight;
|
28901
29786
|
}
|
@@ -28956,6 +29841,8 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
28956
29841
|
min-height: 2rem;
|
28957
29842
|
flex: 1;
|
28958
29843
|
align-items: center;
|
29844
|
+
padding-top: 0.4375rem;
|
29845
|
+
padding-bottom: 0.4375rem;
|
28959
29846
|
}
|
28960
29847
|
.cds--tree-node__label:hover {
|
28961
29848
|
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
@@ -28990,7 +29877,10 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
28990
29877
|
}
|
28991
29878
|
|
28992
29879
|
.cds--tree-parent-node__toggle {
|
28993
|
-
|
29880
|
+
display: flex;
|
29881
|
+
align-items: center;
|
29882
|
+
align-self: flex-start;
|
29883
|
+
padding: 0.0625rem 0;
|
28994
29884
|
border: 0;
|
28995
29885
|
margin-right: 0.5rem;
|
28996
29886
|
}
|
@@ -29014,6 +29904,8 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29014
29904
|
.cds--tree-node__icon {
|
29015
29905
|
min-width: 1rem;
|
29016
29906
|
min-height: 1rem;
|
29907
|
+
align-self: flex-start;
|
29908
|
+
margin-top: 0.0625rem;
|
29017
29909
|
margin-right: 0.5rem;
|
29018
29910
|
fill: var(--cds-icon-secondary, #525252);
|
29019
29911
|
}
|
@@ -29046,6 +29938,8 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29046
29938
|
|
29047
29939
|
.cds--tree--xs .cds--tree-node__label {
|
29048
29940
|
min-height: 1.5rem;
|
29941
|
+
padding-top: 0.25rem;
|
29942
|
+
padding-bottom: 0.25rem;
|
29049
29943
|
}
|
29050
29944
|
|
29051
29945
|
.cds--content {
|
@@ -29093,6 +29987,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29093
29987
|
appearance: none;
|
29094
29988
|
background: none;
|
29095
29989
|
cursor: pointer;
|
29990
|
+
text-align: start;
|
29096
29991
|
width: 100%;
|
29097
29992
|
display: inline-flex;
|
29098
29993
|
width: 3rem;
|
@@ -29589,6 +30484,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
|
|
29589
30484
|
appearance: none;
|
29590
30485
|
background: none;
|
29591
30486
|
cursor: pointer;
|
30487
|
+
text-align: start;
|
29592
30488
|
width: 100%;
|
29593
30489
|
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
29594
30490
|
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
@@ -30000,6 +30896,7 @@ a.cds--side-nav__link--current::before {
|
|
30000
30896
|
appearance: none;
|
30001
30897
|
background: none;
|
30002
30898
|
cursor: pointer;
|
30899
|
+
text-align: start;
|
30003
30900
|
width: 100%;
|
30004
30901
|
display: inline-flex;
|
30005
30902
|
width: 3rem;
|
@@ -30496,6 +31393,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
|
|
30496
31393
|
appearance: none;
|
30497
31394
|
background: none;
|
30498
31395
|
cursor: pointer;
|
31396
|
+
text-align: start;
|
30499
31397
|
width: 100%;
|
30500
31398
|
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
30501
31399
|
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|