@carbon/ibm-products 2.0.0-rc.1 → 2.0.0-rc.3
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +952 -143
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +4 -2
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +783 -19
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +4 -2
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +678 -77
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +4 -2
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +757 -92
- package/css/index.css.map +1 -1
- package/css/index.min.css +4 -2
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyModal.js +1 -1
- package/es/components/AddSelect/AddSelect.js +0 -3
- package/es/components/AddSelect/AddSelectBody.js +20 -3
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +11 -3
- package/es/components/AddSelect/AddSelectColumn.js +5 -5
- package/es/components/AddSelect/AddSelectFilter.js +5 -4
- package/es/components/AddSelect/AddSelectList.js +61 -27
- package/es/components/AddSelect/AddSelectMetaPanel.js +1 -1
- package/es/components/AddSelect/AddSelectSort.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/DataSpreadsheet/DataSpreadsheet.js +63 -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 +31 -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 +149 -0
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +9 -1
- package/es/components/Datagrid/Datagrid/DatagridRow.js +10 -2
- 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 +5 -4
- 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 +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +35 -10
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +61 -24
- 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 +534 -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 +28 -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/useInlineEdit.js +71 -0
- package/es/components/Datagrid/useNestedRowExpander.js +42 -0
- package/es/components/Datagrid/useNestedRows.js +2 -2
- package/es/components/Datagrid/useRowExpander.js +1 -1
- package/es/components/Datagrid/useRowSize.js +17 -6
- package/es/components/Datagrid/useSelectAllToggle.js +17 -4
- package/es/components/Datagrid/useSelectRows.js +12 -2
- package/es/components/Datagrid/useSortableColumns.js +1 -1
- package/es/components/Datagrid/useStickyColumn.js +11 -0
- package/es/components/Datagrid/utils/DatagridActions.js +152 -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 +85 -0
- package/es/components/Datagrid/utils/getInlineEditColumns.js +153 -0
- package/es/components/Datagrid/utils/makeData.js +47 -2
- package/es/components/ExportModal/ExportModal.js +1 -1
- package/es/components/ImportModal/ImportModal.js +3 -3
- package/es/components/InlineEdit/InlineEdit.js +11 -9
- package/es/components/ModifiedTabs/ModifiedTabLabelNew.js +1 -1
- package/es/components/ModifiedTabs/ModifiedTabLabelWithClose.js +1 -1
- package/es/components/NotificationsPanel/NotificationsPanel.js +1 -1
- package/es/components/OptionsTile/OptionsTile.js +1 -1
- package/es/components/PageHeader/PageHeader.js +1 -1
- package/es/components/ProductiveCard/ProductiveCard.js +5 -0
- package/es/components/Saving/Saving.js +1 -1
- package/es/components/SidePanel/SidePanel.js +1 -1
- 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 +1 -1
- package/es/global/js/hooks/useClickOutside.js +1 -1
- package/es/global/js/package-settings.js +3 -3
- 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/AddSelect/AddSelect.js +0 -4
- package/lib/components/AddSelect/AddSelectBody.js +20 -3
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +14 -3
- package/lib/components/AddSelect/AddSelectColumn.js +5 -5
- package/lib/components/AddSelect/AddSelectFilter.js +5 -4
- package/lib/components/AddSelect/AddSelectList.js +62 -28
- package/lib/components/AddSelect/AddSelectMetaPanel.js +2 -2
- package/lib/components/AddSelect/AddSelectSort.js +4 -4
- 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/DataSpreadsheet/DataSpreadsheet.js +63 -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 +42 -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 +183 -0
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +9 -1
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +19 -2
- 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 +6 -5
- 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 +2 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +47 -25
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +59 -23
- 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 +558 -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 +28 -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/useInlineEdit.js +85 -0
- package/lib/components/Datagrid/useNestedRowExpander.js +57 -0
- package/lib/components/Datagrid/useNestedRows.js +3 -3
- package/lib/components/Datagrid/useRowExpander.js +3 -3
- package/lib/components/Datagrid/useRowSize.js +18 -13
- package/lib/components/Datagrid/useSelectAllToggle.js +18 -4
- package/lib/components/Datagrid/useSelectRows.js +12 -2
- package/lib/components/Datagrid/useSortableColumns.js +5 -5
- package/lib/components/Datagrid/useStickyColumn.js +11 -0
- package/lib/components/Datagrid/utils/DatagridActions.js +170 -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 +93 -0
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +168 -0
- package/lib/components/Datagrid/utils/makeData.js +48 -2
- package/lib/components/ExportModal/ExportModal.js +3 -3
- package/lib/components/ImportModal/ImportModal.js +4 -4
- package/lib/components/InlineEdit/InlineEdit.js +16 -14
- package/lib/components/ModifiedTabs/ModifiedTabLabelNew.js +2 -2
- package/lib/components/ModifiedTabs/ModifiedTabLabelWithClose.js +3 -3
- package/lib/components/NotificationsPanel/NotificationsPanel.js +8 -8
- package/lib/components/OptionsTile/OptionsTile.js +6 -6
- package/lib/components/PageHeader/PageHeader.js +2 -2
- package/lib/components/ProductiveCard/ProductiveCard.js +5 -0
- package/lib/components/Saving/Saving.js +5 -5
- package/lib/components/SidePanel/SidePanel.js +3 -3
- 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 +12 -0
- package/lib/global/js/hooks/useClickOutside.js +1 -1
- package/lib/global/js/package-settings.js +3 -3
- 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 +15 -15
- package/scss/components/AddSelect/_add-select.scss +127 -28
- 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 +7 -0
- package/scss/components/Datagrid/_storybook-styles.scss +8 -5
- package/scss/components/Datagrid/styles/_datagrid.scss +38 -14
- 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 +37 -9
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +404 -0
- package/scss/components/Datagrid/styles/_useNestedRows.scss +16 -1
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +31 -2
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsModal.scss +45 -6
- package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +9 -1
- package/scss/components/InlineEdit/_inline-edit.scss +4 -2
- 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 -6
- 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.scss +1 -0
package/css/index.css
CHANGED
@@ -1668,12 +1668,61 @@
|
|
1668
1668
|
margin-bottom: 0;
|
1669
1669
|
}
|
1670
1670
|
|
1671
|
-
.cds--label .cds--
|
1671
|
+
.cds--label + .cds--tooltip {
|
1672
|
+
position: relative;
|
1673
|
+
top: 0.2rem;
|
1674
|
+
left: 0.5rem;
|
1675
|
+
}
|
1676
|
+
|
1677
|
+
.cds--label + .cds--tooltip .cds--tooltip__trigger {
|
1678
|
+
box-sizing: border-box;
|
1679
|
+
padding: 0;
|
1680
|
+
border: 0;
|
1681
|
+
margin: 0;
|
1682
|
+
font-family: inherit;
|
1683
|
+
font-size: 100%;
|
1684
|
+
vertical-align: baseline;
|
1685
|
+
display: inline-block;
|
1686
|
+
padding: 0;
|
1687
|
+
border: 0;
|
1688
|
+
appearance: none;
|
1689
|
+
background: none;
|
1690
|
+
cursor: pointer;
|
1691
|
+
text-align: start;
|
1692
|
+
width: 100%;
|
1693
|
+
display: flex;
|
1694
|
+
align-items: center;
|
1695
|
+
justify-content: center;
|
1672
1696
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
1673
1697
|
font-weight: var(--cds-label-01-font-weight, 400);
|
1674
1698
|
line-height: var(--cds-label-01-line-height, 1.33333);
|
1675
1699
|
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
1676
1700
|
}
|
1701
|
+
.cds--label + .cds--tooltip .cds--tooltip__trigger *,
|
1702
|
+
.cds--label + .cds--tooltip .cds--tooltip__trigger *::before,
|
1703
|
+
.cds--label + .cds--tooltip .cds--tooltip__trigger *::after {
|
1704
|
+
box-sizing: inherit;
|
1705
|
+
}
|
1706
|
+
.cds--label + .cds--tooltip .cds--tooltip__trigger::-moz-focus-inner {
|
1707
|
+
border: 0;
|
1708
|
+
}
|
1709
|
+
|
1710
|
+
.cds--label + .cds--tooltip .cds--tooltip__trigger:focus {
|
1711
|
+
outline: 1px solid var(--cds-focus, #0f62fe);
|
1712
|
+
}
|
1713
|
+
|
1714
|
+
.cds--label + .cds--tooltip .cds--tooltip__trigger svg {
|
1715
|
+
fill: var(--cds-icon-secondary, #525252);
|
1716
|
+
}
|
1717
|
+
|
1718
|
+
.cds--label + .cds--tooltip .cds--tooltip__trigger svg :hover {
|
1719
|
+
fill: var(--cds-icon-primary, #161616);
|
1720
|
+
}
|
1721
|
+
|
1722
|
+
.cds--label + .cds--toggletip {
|
1723
|
+
top: 0.2rem;
|
1724
|
+
left: 0.5rem;
|
1725
|
+
}
|
1677
1726
|
|
1678
1727
|
.cds--label.cds--skeleton {
|
1679
1728
|
position: relative;
|
@@ -1715,7 +1764,7 @@ input[data-invalid]:not(:focus),
|
|
1715
1764
|
.cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
|
1716
1765
|
.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
|
1717
1766
|
.cds--list-box[data-invalid]:not(:focus),
|
1718
|
-
.cds--combo-box[data-invalid] .cds--text-input:not(:focus) {
|
1767
|
+
.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
|
1719
1768
|
outline: 2px solid var(--cds-support-error, #da1e28);
|
1720
1769
|
outline-offset: -2px;
|
1721
1770
|
}
|
@@ -1726,7 +1775,7 @@ input[data-invalid]:not(:focus),
|
|
1726
1775
|
.cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
|
1727
1776
|
.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
|
1728
1777
|
.cds--list-box[data-invalid]:not(:focus),
|
1729
|
-
.cds--combo-box[data-invalid] .cds--text-input:not(:focus) {
|
1778
|
+
.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
|
1730
1779
|
outline-style: dotted;
|
1731
1780
|
}
|
1732
1781
|
}
|
@@ -2272,6 +2321,9 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2272
2321
|
z-index: 1;
|
2273
2322
|
top: 0.8125rem;
|
2274
2323
|
left: 1rem;
|
2324
|
+
display: flex;
|
2325
|
+
height: 1rem;
|
2326
|
+
align-items: center;
|
2275
2327
|
margin: 0;
|
2276
2328
|
}
|
2277
2329
|
|
@@ -2290,12 +2342,12 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2290
2342
|
}
|
2291
2343
|
|
2292
2344
|
.cds--form--fluid .cds--text-input--invalid,
|
2293
|
-
.cds--form--fluid .cds--text-input--
|
2345
|
+
.cds--form--fluid .cds--text-input--warning {
|
2294
2346
|
border-bottom: none;
|
2295
2347
|
}
|
2296
2348
|
|
2297
2349
|
.cds--form--fluid .cds--text-input--invalid + .cds--text-input__divider,
|
2298
|
-
.cds--form--fluid .cds--text-input--
|
2350
|
+
.cds--form--fluid .cds--text-input--warning + .cds--text-input__divider {
|
2299
2351
|
display: block;
|
2300
2352
|
border-style: solid;
|
2301
2353
|
border-color: var(--cds-border-subtle);
|
@@ -2307,13 +2359,13 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2307
2359
|
top: 5rem;
|
2308
2360
|
}
|
2309
2361
|
|
2310
|
-
.cds--form--fluid .cds--text-
|
2311
|
-
|
2362
|
+
.cds--form--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid,
|
2363
|
+
.cds--form--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning {
|
2364
|
+
outline: none;
|
2312
2365
|
}
|
2313
2366
|
|
2314
|
-
.cds--form--fluid .cds--text-input__field-wrapper
|
2315
|
-
|
2316
|
-
outline-offset: -2px;
|
2367
|
+
.cds--form--fluid .cds--text-input__field-wrapper--warning {
|
2368
|
+
border-bottom: 1px solid var(--cds-border-strong);
|
2317
2369
|
}
|
2318
2370
|
|
2319
2371
|
.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
|
@@ -2326,16 +2378,23 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2326
2378
|
}
|
2327
2379
|
}
|
2328
2380
|
|
2329
|
-
.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]
|
2381
|
+
.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
|
2382
|
+
.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
|
2330
2383
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
2331
2384
|
outline-offset: -2px;
|
2332
2385
|
}
|
2333
2386
|
@media screen and (prefers-contrast) {
|
2334
|
-
.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]
|
2387
|
+
.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
|
2388
|
+
.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
|
2335
2389
|
outline-style: dotted;
|
2336
2390
|
}
|
2337
2391
|
}
|
2338
2392
|
|
2393
|
+
.cds--form--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:focus,
|
2394
|
+
.cds--form--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning:focus {
|
2395
|
+
outline: none;
|
2396
|
+
}
|
2397
|
+
|
2339
2398
|
.cds--text-input-wrapper.cds--text-input-wrapper--inline {
|
2340
2399
|
flex-flow: row wrap;
|
2341
2400
|
}
|
@@ -2569,6 +2628,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2569
2628
|
appearance: none;
|
2570
2629
|
background: none;
|
2571
2630
|
cursor: pointer;
|
2631
|
+
text-align: start;
|
2572
2632
|
width: 100%;
|
2573
2633
|
display: flex;
|
2574
2634
|
width: 2.5rem;
|
@@ -2719,6 +2779,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2719
2779
|
appearance: none;
|
2720
2780
|
background: none;
|
2721
2781
|
cursor: pointer;
|
2782
|
+
text-align: start;
|
2722
2783
|
outline: 2px solid transparent;
|
2723
2784
|
outline-offset: -2px;
|
2724
2785
|
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
@@ -3118,6 +3179,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
3118
3179
|
appearance: none;
|
3119
3180
|
background: none;
|
3120
3181
|
cursor: pointer;
|
3182
|
+
text-align: start;
|
3121
3183
|
width: 100%;
|
3122
3184
|
outline: 2px solid transparent;
|
3123
3185
|
outline-offset: -2px;
|
@@ -5011,7 +5073,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
5011
5073
|
@media (prefers-reduced-motion: no-preference) {
|
5012
5074
|
.c4p--cascade__element,
|
5013
5075
|
.c4p--cascade__col {
|
5014
|
-
/* stylelint-disable-next-line carbon/motion-duration-use -- Carbon animation duration defined above in $animationProps */
|
5076
|
+
/* stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use -- Carbon animation duration defined above in $animationProps */
|
5015
5077
|
animation: 240ms cubic-bezier(0.2, 0, 0.38, 0.9) 0s 1 fade;
|
5016
5078
|
animation-fill-mode: forwards;
|
5017
5079
|
opacity: 0;
|
@@ -5157,6 +5219,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
5157
5219
|
appearance: none;
|
5158
5220
|
background: none;
|
5159
5221
|
cursor: pointer;
|
5222
|
+
text-align: start;
|
5160
5223
|
width: 100%;
|
5161
5224
|
border-bottom: 1px dotted var(--cds-border-strong);
|
5162
5225
|
border-radius: 0;
|
@@ -5376,6 +5439,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
5376
5439
|
appearance: none;
|
5377
5440
|
background: none;
|
5378
5441
|
cursor: pointer;
|
5442
|
+
text-align: start;
|
5379
5443
|
width: 100%;
|
5380
5444
|
display: flex;
|
5381
5445
|
text-align: left;
|
@@ -5583,7 +5647,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
5583
5647
|
}
|
5584
5648
|
|
5585
5649
|
.cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
|
5586
|
-
.cds--toggle__button:active + .cds--toggle__label .cds--toggle__switch {
|
5650
|
+
.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch {
|
5587
5651
|
box-shadow: 0 0 0 1px var(--cds-focus-inset, #ffffff), 0 0 0 3px var(--cds-focus, #0f62fe);
|
5588
5652
|
}
|
5589
5653
|
|
@@ -5658,7 +5722,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
5658
5722
|
|
5659
5723
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
5660
5724
|
.cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
|
5661
|
-
.cds--toggle__button:active + .cds--toggle__label .cds--toggle__switch {
|
5725
|
+
.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch {
|
5662
5726
|
color: Highlight;
|
5663
5727
|
outline: 1px solid Highlight;
|
5664
5728
|
}
|
@@ -5992,8 +6056,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
5992
6056
|
box-sizing: border-box;
|
5993
6057
|
background-color: var(--cds-layer-01, #f4f4f4);
|
5994
6058
|
color: var(--cds-text-primary, #161616);
|
5995
|
-
transition: transform 240ms;
|
5996
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
6059
|
+
transition: transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
5997
6060
|
}
|
5998
6061
|
.c4p--side-panel__container.c4p--side-panel__container--xs {
|
5999
6062
|
width: 16rem;
|
@@ -6409,8 +6472,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
6409
6472
|
padding: 0 1rem;
|
6410
6473
|
margin-bottom: 0.5rem;
|
6411
6474
|
background-color: var(--cds-layer-01, #f4f4f4);
|
6412
|
-
transition: transform 150ms;
|
6413
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
6475
|
+
transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
6414
6476
|
}
|
6415
6477
|
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button {
|
6416
6478
|
min-width: 2rem;
|
@@ -6541,8 +6603,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
6541
6603
|
width: 100%;
|
6542
6604
|
height: 100%;
|
6543
6605
|
background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
6544
|
-
transition: background-color 240ms;
|
6545
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
6606
|
+
transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
6546
6607
|
}
|
6547
6608
|
|
6548
6609
|
.c4p--create-side-panel.c4p--side-panel__container .c4p--create-side-panel__content-text {
|
@@ -6689,7 +6750,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
6689
6750
|
/* stylelint-disable-next-line function-no-unknown */
|
6690
6751
|
z-index: 9000;
|
6691
6752
|
align-items: flex-end;
|
6692
|
-
transition: visibility
|
6753
|
+
transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
|
6693
6754
|
}
|
6694
6755
|
@media (prefers-reduced-motion: reduce) {
|
6695
6756
|
.c4p--tearsheet.is-visible {
|
@@ -8279,7 +8340,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
8279
8340
|
|
8280
8341
|
/* stylelint-disable max-nesting-depth */
|
8281
8342
|
.c4p--add-select__selections.cds--structured-list {
|
8282
|
-
border-top: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
8283
8343
|
margin-bottom: 0;
|
8284
8344
|
}
|
8285
8345
|
.c4p--add-select__selections-wrapper {
|
@@ -8287,8 +8347,11 @@ a.cds--overflow-menu-options__btn::before {
|
|
8287
8347
|
}
|
8288
8348
|
.c4p--add-select__selections-cell-wrapper {
|
8289
8349
|
display: flex;
|
8350
|
+
height: 3rem;
|
8290
8351
|
align-items: center;
|
8291
8352
|
justify-content: space-between;
|
8353
|
+
padding: 0 1rem;
|
8354
|
+
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
8292
8355
|
}
|
8293
8356
|
.c4p--add-select__selections-cell-title {
|
8294
8357
|
display: block;
|
@@ -8302,17 +8365,20 @@ a.cds--overflow-menu-options__btn::before {
|
|
8302
8365
|
display: block;
|
8303
8366
|
color: var(--cds-text-secondary, #525252);
|
8304
8367
|
}
|
8368
|
+
.c4p--add-select__selections-cell {
|
8369
|
+
display: flex;
|
8370
|
+
flex-direction: column;
|
8371
|
+
justify-content: center;
|
8372
|
+
}
|
8305
8373
|
.c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover {
|
8306
8374
|
visibility: visible;
|
8307
8375
|
}
|
8308
8376
|
.c4p--add-select__selections-hidden-hover {
|
8309
8377
|
visibility: hidden;
|
8310
8378
|
}
|
8311
|
-
.c4p--add-select__selections-row-
|
8312
|
-
|
8313
|
-
|
8314
|
-
.c4p--add-select__selections-row-selected .c4p--add-select__selections-hidden-hover {
|
8315
|
-
visibility: visible;
|
8379
|
+
.c4p--add-select__selections-row-selectedcds--structured-list-row {
|
8380
|
+
border-bottom: 1px solid var(--cds-layer-selected-01, #e0e0e0);
|
8381
|
+
background-color: var(--cds-layer-selected-01, #e0e0e0);
|
8316
8382
|
}
|
8317
8383
|
.c4p--add-select__selections-checkbox {
|
8318
8384
|
display: flex;
|
@@ -8320,7 +8386,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
8320
8386
|
}
|
8321
8387
|
.c4p--add-select__selections-checkbox-label-wrapper {
|
8322
8388
|
display: flex;
|
8323
|
-
margin-left:
|
8389
|
+
margin-left: 1rem;
|
8324
8390
|
}
|
8325
8391
|
.c4p--add-select__selections-checkbox-label-text {
|
8326
8392
|
display: flex;
|
@@ -8338,6 +8404,13 @@ a.cds--overflow-menu-options__btn::before {
|
|
8338
8404
|
.c4p--add-select__selections-cell-icon {
|
8339
8405
|
margin-right: 0.5rem;
|
8340
8406
|
}
|
8407
|
+
.c4p--add-select__selections-row {
|
8408
|
+
border-left: 0.125rem solid transparent;
|
8409
|
+
}
|
8410
|
+
.c4p--add-select__selections-row-meta-selected {
|
8411
|
+
border-left: 0.125rem solid var(--cds-interactive, #0f62fe);
|
8412
|
+
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
8413
|
+
}
|
8341
8414
|
|
8342
8415
|
.c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-radio {
|
8343
8416
|
color: var(--cds-interactive, #0f62fe);
|
@@ -8349,15 +8422,31 @@ a.cds--overflow-menu-options__btn::before {
|
|
8349
8422
|
fill: currentColor;
|
8350
8423
|
}
|
8351
8424
|
|
8425
|
+
.c4p--add-select cds--structured-list--selection .c4p--add-select__selections-row-selectedcds--structured-list-row:hover:not(cds--structured-list-row--header-row):not(cds--structured-list-row--selected) {
|
8426
|
+
border-bottom: 1px solid var(--cds-layer-accent-hover-01, #d1d1d1);
|
8427
|
+
background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
|
8428
|
+
}
|
8429
|
+
|
8352
8430
|
.c4p--add-select__sub-header {
|
8353
8431
|
display: flex;
|
8354
8432
|
align-items: flex-end;
|
8355
8433
|
justify-content: space-between;
|
8356
8434
|
}
|
8435
|
+
.c4p--add-select__sub-header-multi {
|
8436
|
+
padding: 0 1rem;
|
8437
|
+
}
|
8438
|
+
|
8439
|
+
.c4p--add-select cds--structured-list-row {
|
8440
|
+
border-bottom: 0;
|
8441
|
+
}
|
8442
|
+
|
8443
|
+
.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) {
|
8444
|
+
border-bottom: 0;
|
8445
|
+
}
|
8357
8446
|
|
8358
8447
|
.c4p--add-select__sidebar-header {
|
8359
8448
|
display: flex;
|
8360
|
-
padding:
|
8449
|
+
padding: 2rem 1rem 0.5rem 1rem;
|
8361
8450
|
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
8362
8451
|
}
|
8363
8452
|
.c4p--add-select__sidebar-header .c4p--add-select__sidebar-title {
|
@@ -8383,7 +8472,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
8383
8472
|
}
|
8384
8473
|
|
8385
8474
|
.c4p--add-select__sidebar-body {
|
8386
|
-
padding: 1rem;
|
8475
|
+
padding: 0 1rem;
|
8387
8476
|
}
|
8388
8477
|
|
8389
8478
|
.c4p--add-select .c4p--add-select__sidebar-item-header {
|
@@ -8416,18 +8505,44 @@ a.cds--overflow-menu-options__btn::before {
|
|
8416
8505
|
.c4p--add-select__columns {
|
8417
8506
|
display: flex;
|
8418
8507
|
flex-direction: row;
|
8508
|
+
flex-grow: 1;
|
8419
8509
|
overflow-x: auto;
|
8420
8510
|
}
|
8511
|
+
.c4p--add-select__columns .c4p--add-select__selections-checkbox-label-wrapper {
|
8512
|
+
margin-left: 0.5rem;
|
8513
|
+
}
|
8514
|
+
.c4p--add-select__columns .c4p--add-select__selections-rowcds--structured-list-row {
|
8515
|
+
border-left: 0;
|
8516
|
+
}
|
8517
|
+
.c4p--add-select__columns .c4p--add-select__selections .c4p--add-select__selections-cell {
|
8518
|
+
padding: 0;
|
8519
|
+
}
|
8520
|
+
.c4p--add-select__columns .c4p--add-select__selections-cell-wrapper {
|
8521
|
+
height: auto;
|
8522
|
+
padding: 0 0.5rem;
|
8523
|
+
}
|
8524
|
+
.c4p--add-select__columns .c4p--add-select__tag-container {
|
8525
|
+
padding: 0 0.5rem;
|
8526
|
+
margin-bottom: 0;
|
8527
|
+
}
|
8528
|
+
.c4p--add-select__columns .c4p--add-select__selections-wrapper-multi {
|
8529
|
+
padding: 0;
|
8530
|
+
}
|
8531
|
+
.c4p--add-select__columns .c4p--add-select__selectionscds--structured-list {
|
8532
|
+
border-top: 0;
|
8533
|
+
}
|
8421
8534
|
|
8422
|
-
.c4p--add-
|
8423
|
-
|
8424
|
-
|
8535
|
+
.c4p--add-select__selections-wrapper-multi .c4p--add-select__selections-cell {
|
8536
|
+
padding: 0 1rem;
|
8537
|
+
}
|
8538
|
+
|
8539
|
+
.c4p--add-select__selections-row:first-child .c4p--add-select__selections-cell-wrapper {
|
8540
|
+
border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
|
8425
8541
|
}
|
8426
8542
|
|
8427
8543
|
.c4p--add-select__column {
|
8428
8544
|
overflow: auto;
|
8429
|
-
|
8430
|
-
flex: 1 0 15rem;
|
8545
|
+
flex: 0 0 20rem;
|
8431
8546
|
padding: 1rem;
|
8432
8547
|
border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
|
8433
8548
|
border-right: 1px solid var(--cds-border-subtle-01, #e0e0e0);
|
@@ -8526,13 +8641,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8526
8641
|
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
8527
8642
|
}
|
8528
8643
|
|
8529
|
-
.c4p--add-select .cds--structured-list-td {
|
8530
|
-
height: 3rem;
|
8531
|
-
padding-top: 0;
|
8532
|
-
padding-bottom: 0;
|
8533
|
-
vertical-align: middle;
|
8534
|
-
}
|
8535
|
-
|
8536
8644
|
.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-entry-body {
|
8537
8645
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
8538
8646
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
@@ -8545,8 +8653,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8545
8653
|
}
|
8546
8654
|
|
8547
8655
|
.c4p--add-select.c4p--tearsheet .c4p--tearsheet__influencer {
|
8548
|
-
|
8549
|
-
flex: 0 0 50%;
|
8656
|
+
flex-basis: 22.5rem;
|
8550
8657
|
}
|
8551
8658
|
|
8552
8659
|
.c4p--add-select.c4p--tearsheet .c4p--tearsheet__header-description {
|
@@ -8558,6 +8665,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8558
8665
|
flex-direction: column;
|
8559
8666
|
}
|
8560
8667
|
|
8668
|
+
.c4p--add-select.c4p--add-select__multi .c4p--action-set.cds--btn-set.c4p--action-set--max .c4p--action-set__action-button {
|
8669
|
+
max-width: 11.25rem;
|
8670
|
+
}
|
8671
|
+
|
8561
8672
|
.c4p--add-select .c4p--add-select__items-label {
|
8562
8673
|
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
8563
8674
|
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
@@ -8598,6 +8709,33 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8598
8709
|
padding-left: 0.5rem;
|
8599
8710
|
}
|
8600
8711
|
|
8712
|
+
.c4p--add-select__multi .c4p--empty-state {
|
8713
|
+
max-width: 16rem;
|
8714
|
+
margin-top: 3rem;
|
8715
|
+
}
|
8716
|
+
|
8717
|
+
.c4p--add-select .cds--accordion__arrow {
|
8718
|
+
transform: rotate(0deg);
|
8719
|
+
}
|
8720
|
+
|
8721
|
+
.c4p--add-select .cds--accordion__item--active .cds--accordion__arrow {
|
8722
|
+
transform: rotate(90deg);
|
8723
|
+
}
|
8724
|
+
|
8725
|
+
.c4p--add-select cds--accordion--start cds--accordion__arrow {
|
8726
|
+
margin: 0 0 0 1rem;
|
8727
|
+
}
|
8728
|
+
|
8729
|
+
.c4p--add-select cds--accordion--start cds--accordion__title {
|
8730
|
+
margin: 0 1rem 0 0.5rem;
|
8731
|
+
}
|
8732
|
+
|
8733
|
+
.c4p--add-select cds--accordion__item--active cds--accordion__content {
|
8734
|
+
padding-top: 0;
|
8735
|
+
padding-bottom: 0;
|
8736
|
+
margin-top: 0.5rem;
|
8737
|
+
}
|
8738
|
+
|
8601
8739
|
.cds--tooltip,
|
8602
8740
|
.cds--overflow-menu-options {
|
8603
8741
|
z-index: 9000;
|
@@ -8744,6 +8882,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8744
8882
|
--cds-helper-text-01-font-size: 0.75rem;
|
8745
8883
|
--cds-helper-text-01-line-height: 1.33333;
|
8746
8884
|
--cds-helper-text-01-letter-spacing: 0.32px;
|
8885
|
+
--cds-helper-text-02-font-size: carbon--type-scale(2);
|
8886
|
+
--cds-helper-text-02-font-weight: carbon--font-weight("regular");
|
8887
|
+
--cds-helper-text-02-line-height: 1.28572;
|
8888
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
8747
8889
|
--cds-body-short-01-font-size: 0.875rem;
|
8748
8890
|
--cds-body-short-01-font-weight: 400;
|
8749
8891
|
--cds-body-short-01-line-height: 1.28572;
|
@@ -8997,8 +9139,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8997
9139
|
max-height: 38.5rem;
|
8998
9140
|
background-color: var(--cds-background, #ffffff);
|
8999
9141
|
color: var(--cds-text-primary, #161616);
|
9000
|
-
transition: transform 110ms;
|
9001
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
9142
|
+
transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
9002
9143
|
}
|
9003
9144
|
.c4p--notifications-panel__container .c4p--notifications-panel__header-container {
|
9004
9145
|
position: sticky;
|
@@ -9072,8 +9213,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9072
9213
|
background-color: var(--cds-background, #ffffff);
|
9073
9214
|
cursor: pointer;
|
9074
9215
|
text-align: left;
|
9075
|
-
transition: background-color 240ms;
|
9076
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
9216
|
+
transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
9077
9217
|
}
|
9078
9218
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-title {
|
9079
9219
|
margin-bottom: 0.25rem;
|
@@ -9186,8 +9326,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9186
9326
|
margin: 0 auto;
|
9187
9327
|
background-color: var(--cds-layer-02, #ffffff);
|
9188
9328
|
content: "";
|
9189
|
-
transition: background-color 240ms;
|
9190
|
-
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
9329
|
+
transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
9191
9330
|
}
|
9192
9331
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification-today:hover + .c4p--notifications-panel__notification-today:not(:first-of-type):before,
|
9193
9332
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification-yesterday:hover + .c4p--notifications-panel__notification-yesterday:not(:first-of-type):before,
|
@@ -12290,10 +12429,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12290
12429
|
padding-right: 1rem;
|
12291
12430
|
}
|
12292
12431
|
|
12293
|
-
.c4p--remove-modal .cds--modal-close {
|
12294
|
-
display: none;
|
12295
|
-
}
|
12296
|
-
|
12297
12432
|
.c4p--remove-modal__body {
|
12298
12433
|
padding-right: 20%;
|
12299
12434
|
margin-bottom: 1rem;
|
@@ -13036,6 +13171,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13036
13171
|
appearance: none;
|
13037
13172
|
background: none;
|
13038
13173
|
cursor: pointer;
|
13174
|
+
text-align: start;
|
13039
13175
|
outline: 2px solid transparent;
|
13040
13176
|
outline-offset: -2px;
|
13041
13177
|
position: absolute;
|
@@ -13498,13 +13634,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13498
13634
|
.cds--popover--left-top .cds--popover-content {
|
13499
13635
|
top: -50%;
|
13500
13636
|
right: 100%;
|
13501
|
-
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem)
|
13637
|
+
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem)));
|
13502
13638
|
}
|
13503
13639
|
|
13504
13640
|
.cds--popover--left-bottom .cds--popover-content {
|
13505
13641
|
right: 100%;
|
13506
13642
|
bottom: -50%;
|
13507
|
-
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem)
|
13643
|
+
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem)));
|
13508
13644
|
}
|
13509
13645
|
|
13510
13646
|
.cds--popover--left .cds--popover-content::before,
|
@@ -13725,6 +13861,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
13725
13861
|
--cds-helper-text-01-font-size: 0.75rem;
|
13726
13862
|
--cds-helper-text-01-line-height: 1.33333;
|
13727
13863
|
--cds-helper-text-01-letter-spacing: 0.32px;
|
13864
|
+
--cds-helper-text-02-font-size: carbon--type-scale(2);
|
13865
|
+
--cds-helper-text-02-font-weight: carbon--font-weight("regular");
|
13866
|
+
--cds-helper-text-02-line-height: 1.28572;
|
13867
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
13728
13868
|
--cds-body-short-01-font-size: 0.875rem;
|
13729
13869
|
--cds-body-short-01-font-weight: 400;
|
13730
13870
|
--cds-body-short-01-line-height: 1.28572;
|
@@ -14142,6 +14282,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14142
14282
|
--cds-helper-text-01-font-size: 0.75rem;
|
14143
14283
|
--cds-helper-text-01-line-height: 1.33333;
|
14144
14284
|
--cds-helper-text-01-letter-spacing: 0.32px;
|
14285
|
+
--cds-helper-text-02-font-size: carbon--type-scale(2);
|
14286
|
+
--cds-helper-text-02-font-weight: carbon--font-weight("regular");
|
14287
|
+
--cds-helper-text-02-line-height: 1.28572;
|
14288
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
14145
14289
|
--cds-body-short-01-font-size: 0.875rem;
|
14146
14290
|
--cds-body-short-01-font-weight: 400;
|
14147
14291
|
--cds-body-short-01-line-height: 1.28572;
|
@@ -14948,7 +15092,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14948
15092
|
display: inline-block;
|
14949
15093
|
overflow: hidden;
|
14950
15094
|
width: calc(100% - var(--c4p--inline-edit--toolbar-width) - 1rem);
|
14951
|
-
max-width: calc(
|
15095
|
+
max-width: calc(
|
15096
|
+
100% - var(--c4p--inline-edit--toolbar-width) - 1rem
|
15097
|
+
);
|
14952
15098
|
min-height: var(--c4p--inline-edit--size);
|
14953
15099
|
/* stylelint-disable-next-line carbon/layout-token-use */
|
14954
15100
|
margin-right: var(--c4p--inline-edit--toolbar-width);
|
@@ -15439,6 +15585,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15439
15585
|
align-items: center;
|
15440
15586
|
color: var(--cds-text-primary, #161616);
|
15441
15587
|
}
|
15588
|
+
.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 {
|
15589
|
+
position: sticky;
|
15590
|
+
z-index: 1;
|
15591
|
+
left: 0;
|
15592
|
+
}
|
15442
15593
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__cell {
|
15443
15594
|
align-items: center;
|
15444
15595
|
padding-top: 0;
|
@@ -15455,6 +15606,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15455
15606
|
align-items: center;
|
15456
15607
|
padding-top: 0;
|
15457
15608
|
}
|
15609
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.cds--table-column-checkbox.c4p--datagrid__checkbox-cell-sticky-left,
|
15610
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.cds--table-column-checkbox.c4p--datagrid__checkbox-cell-sticky-left {
|
15611
|
+
position: sticky;
|
15612
|
+
left: 0;
|
15613
|
+
}
|
15458
15614
|
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.cds--table-column-checkbox {
|
15459
15615
|
display: flex;
|
15460
15616
|
height: 100%;
|
@@ -15514,9 +15670,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15514
15670
|
height: 100%;
|
15515
15671
|
overflow-x: auto;
|
15516
15672
|
}
|
15517
|
-
.c4p--datagrid__grid-container .c4p--datagrid__table-simple {
|
15518
|
-
|
15673
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__table-simple {
|
15674
|
+
display: flex;
|
15675
|
+
overflow: auto;
|
15519
15676
|
max-height: 100%;
|
15677
|
+
flex-direction: column;
|
15678
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
15520
15679
|
}
|
15521
15680
|
.c4p--datagrid__grid-container .c4p--datagrid__head {
|
15522
15681
|
display: flex;
|
@@ -15547,6 +15706,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15547
15706
|
text-overflow: ellipsis;
|
15548
15707
|
white-space: nowrap;
|
15549
15708
|
}
|
15709
|
+
.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--multiline {
|
15710
|
+
display: -webkit-box;
|
15711
|
+
-webkit-box-orient: vertical;
|
15712
|
+
-webkit-line-clamp: 2;
|
15713
|
+
white-space: initial;
|
15714
|
+
}
|
15550
15715
|
.c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
|
15551
15716
|
display: flex;
|
15552
15717
|
overflow: hidden;
|
@@ -15598,10 +15763,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15598
15763
|
flex: 1 1 auto;
|
15599
15764
|
}
|
15600
15765
|
|
15601
|
-
.c4p--datagrid__with-pagination table tr:last-of-type > td {
|
15602
|
-
border-bottom: none;
|
15603
|
-
}
|
15604
|
-
|
15605
15766
|
.c4p--datagrid__resizer {
|
15606
15767
|
position: absolute;
|
15607
15768
|
z-index: 1;
|
@@ -15641,6 +15802,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15641
15802
|
.c4p--datagrid__head-hidden-select-all {
|
15642
15803
|
padding-right: 2.5rem;
|
15643
15804
|
}
|
15805
|
+
.c4p--datagrid__head-hidden-select-all.c4p--datagrid__select-all-sticky-left {
|
15806
|
+
position: sticky;
|
15807
|
+
z-index: 1;
|
15808
|
+
left: 0;
|
15809
|
+
background-color: var(--cds-layer-accent-01, #e0e0e0);
|
15810
|
+
}
|
15644
15811
|
|
15645
15812
|
.c4p--datagrid__simple-body {
|
15646
15813
|
position: relative;
|
@@ -15664,15 +15831,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15664
15831
|
min-width: 0 !important;
|
15665
15832
|
}
|
15666
15833
|
|
15667
|
-
.c4p--datagrid__table-simple::-webkit-scrollbar {
|
15668
|
-
width: 6px;
|
15669
|
-
background-color: var(--cds-background, #ffffff);
|
15670
|
-
}
|
15671
|
-
|
15672
|
-
.c4p--datagrid__table-simple::-webkit-scrollbar-thumb {
|
15673
|
-
background-color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
|
15674
|
-
}
|
15675
|
-
|
15676
15834
|
.c4p--datagrid__sticky.c4p--datagrid__simple-body {
|
15677
15835
|
overflow: auto;
|
15678
15836
|
}
|
@@ -15820,10 +15978,21 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15820
15978
|
margin: 0;
|
15821
15979
|
}
|
15822
15980
|
|
15981
|
+
.c4p--datagrid .c4p--button-menu {
|
15982
|
+
height: 3rem;
|
15983
|
+
}
|
15984
|
+
|
15985
|
+
.c4p--datagrid .c4p--datagrid__row-size-button {
|
15986
|
+
display: flex;
|
15987
|
+
width: 3rem;
|
15988
|
+
height: 3rem;
|
15989
|
+
justify-content: center;
|
15990
|
+
}
|
15991
|
+
|
15823
15992
|
/*
|
15824
15993
|
* Licensed Materials - Property of IBM
|
15825
15994
|
* 5724-Q36
|
15826
|
-
* (c) Copyright IBM Corp. 2020 -
|
15995
|
+
* (c) Copyright IBM Corp. 2020 - 2022
|
15827
15996
|
* US Government Users Restricted Rights - Use, duplication or disclosure
|
15828
15997
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
15829
15998
|
*/
|
@@ -15834,6 +16003,18 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15834
16003
|
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
15835
16004
|
}
|
15836
16005
|
|
16006
|
+
.c4p--datagrid .c4p--datagrid__expander-icon {
|
16007
|
+
transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
16008
|
+
}
|
16009
|
+
|
16010
|
+
.c4p--datagrid .c4p--datagrid__expander-icon--open {
|
16011
|
+
transform: rotate(90deg);
|
16012
|
+
}
|
16013
|
+
|
16014
|
+
.c4p--datagrid__expanded-row .c4p--datagrid__carbon-row-expanded td:first-child {
|
16015
|
+
border-bottom: none;
|
16016
|
+
}
|
16017
|
+
|
15837
16018
|
/*
|
15838
16019
|
* Licensed Materials - Property of IBM
|
15839
16020
|
* 5724-Q36
|
@@ -15962,14 +16143,36 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15962
16143
|
/* stylelint-disable-next-line declaration-no-important */
|
15963
16144
|
position: sticky !important;
|
15964
16145
|
right: 0;
|
15965
|
-
|
16146
|
+
display: flex;
|
16147
|
+
align-items: center;
|
16148
|
+
border-left: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
15966
16149
|
}
|
15967
16150
|
|
15968
16151
|
.c4p--datagrid__right-sticky-column-header {
|
15969
16152
|
/* stylelint-disable-next-line declaration-no-important */
|
15970
16153
|
position: sticky !important;
|
15971
16154
|
right: 0;
|
15972
|
-
|
16155
|
+
}
|
16156
|
+
|
16157
|
+
.c4p--datagrid__left-sticky-column-cell {
|
16158
|
+
/* stylelint-disable-next-line declaration-no-important */
|
16159
|
+
position: sticky !important;
|
16160
|
+
left: 0;
|
16161
|
+
display: flex;
|
16162
|
+
align-items: center;
|
16163
|
+
border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
16164
|
+
}
|
16165
|
+
|
16166
|
+
.c4p--datagrid__left-sticky-column-header {
|
16167
|
+
/* stylelint-disable-next-line declaration-no-important */
|
16168
|
+
position: sticky !important;
|
16169
|
+
z-index: 1;
|
16170
|
+
left: 0;
|
16171
|
+
}
|
16172
|
+
|
16173
|
+
.c4p--datagrid__left-sticky-column-cell.c4p--datagrid__left-sticky-column-cell--with-extra-select-column,
|
16174
|
+
.c4p--datagrid__left-sticky-column-header.c4p--datagrid__left-sticky-column-header--with-extra-select-column {
|
16175
|
+
left: 2.5rem;
|
15973
16176
|
}
|
15974
16177
|
|
15975
16178
|
.c4p--datagrid__sticky-noShadow {
|
@@ -15985,6 +16188,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15985
16188
|
right: 6px !important;
|
15986
16189
|
}
|
15987
16190
|
|
16191
|
+
.c4p--datagrid__select-all-toggle-on.c4p--datagrid__select-all-sticky-left {
|
16192
|
+
position: sticky;
|
16193
|
+
z-index: 1;
|
16194
|
+
left: 0;
|
16195
|
+
}
|
16196
|
+
|
15988
16197
|
/*
|
15989
16198
|
* Licensed Materials - Property of IBM
|
15990
16199
|
* 5724-Q36
|
@@ -16007,6 +16216,18 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16007
16216
|
margin-bottom: 0.5rem;
|
16008
16217
|
}
|
16009
16218
|
|
16219
|
+
.c4p--datagrid .c4p--datagrid__disabled-row-action-button {
|
16220
|
+
cursor: not-allowed;
|
16221
|
+
}
|
16222
|
+
|
16223
|
+
.c4p--datagrid .c4p--datagrid__disabled-row-action {
|
16224
|
+
pointer-events: none;
|
16225
|
+
}
|
16226
|
+
|
16227
|
+
.c4p--datagrid .c4p--datagrid__disabled-row-action svg {
|
16228
|
+
fill: var(--cds-layer-selected-disabled, #8d8d8d);
|
16229
|
+
}
|
16230
|
+
|
16010
16231
|
/*
|
16011
16232
|
* Licensed Materials - Property of IBM
|
16012
16233
|
* 5724-Q36
|
@@ -16018,21 +16239,30 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16018
16239
|
position: inherit;
|
16019
16240
|
display: flex;
|
16020
16241
|
flex-flow: column;
|
16021
|
-
|
16022
|
-
|
16242
|
+
padding: 0;
|
16243
|
+
margin: 0;
|
16023
16244
|
}
|
16024
16245
|
|
16025
|
-
.c4p--datagrid__customize-columns-checkbox {
|
16246
|
+
.c4p--datagrid__customize-columns-checkbox-wrapper {
|
16247
|
+
margin-bottom: 0;
|
16248
|
+
}
|
16249
|
+
|
16250
|
+
.c4p--datagrid__customize-columns-checkbox-wrapper {
|
16026
16251
|
display: flex;
|
16027
16252
|
justify-content: center;
|
16028
|
-
/* stylelint-disable-next-line declaration-no-important */
|
16029
|
-
margin-bottom: 0 !important;
|
16030
16253
|
}
|
16031
16254
|
|
16032
16255
|
.c4p--datagrid__customize-columns-modal--actions {
|
16033
16256
|
display: flex;
|
16257
|
+
height: 3rem;
|
16034
16258
|
flex-flow: row;
|
16035
|
-
|
16259
|
+
background-color: var(--cds-field-02, #ffffff);
|
16260
|
+
}
|
16261
|
+
|
16262
|
+
.c4p--datagrid__customize-columns-modal--actions input[role=searchbox] {
|
16263
|
+
height: 3rem;
|
16264
|
+
padding-left: 2.5rem;
|
16265
|
+
border-bottom: none;
|
16036
16266
|
}
|
16037
16267
|
|
16038
16268
|
.c4p--datagrid__customize-columns-modal--actions > button {
|
@@ -16040,6 +16270,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16040
16270
|
}
|
16041
16271
|
|
16042
16272
|
.c4p--datagrid__customize-columns-instructions {
|
16273
|
+
padding-left: 1rem;
|
16043
16274
|
margin-bottom: 1.5rem;
|
16044
16275
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
16045
16276
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
@@ -16053,6 +16284,34 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16053
16284
|
overflow: auto;
|
16054
16285
|
}
|
16055
16286
|
|
16287
|
+
.c4p--datagrid__customize-columns-select-all {
|
16288
|
+
display: flex;
|
16289
|
+
height: 3rem;
|
16290
|
+
padding-left: 2.5rem;
|
16291
|
+
border-bottom: 1px solid var(--cds-layer-active);
|
16292
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
16293
|
+
}
|
16294
|
+
|
16295
|
+
.c4p--datagrid__customize-columns-select-all:hover {
|
16296
|
+
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
16297
|
+
}
|
16298
|
+
|
16299
|
+
.c4p--datagrid__customize-columns-select-all-selected {
|
16300
|
+
display: flex;
|
16301
|
+
height: 3rem;
|
16302
|
+
padding-left: 2.5rem;
|
16303
|
+
border-bottom: 1px solid var(--cds-layer-active);
|
16304
|
+
background-color: var(--cds-layer-selected-01, #e0e0e0);
|
16305
|
+
}
|
16306
|
+
|
16307
|
+
.c4p--datagrid__customize-columns-select-all-selected:hover {
|
16308
|
+
background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
|
16309
|
+
}
|
16310
|
+
|
16311
|
+
.c4p--datagrid .c4p--datagrid__customize-columns-modal .cds--modal-content {
|
16312
|
+
margin-bottom: 0;
|
16313
|
+
}
|
16314
|
+
|
16056
16315
|
/*
|
16057
16316
|
* Licensed Materials - Property of IBM
|
16058
16317
|
* 5724-Q36
|
@@ -16061,7 +16320,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16061
16320
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
16062
16321
|
*/
|
16063
16322
|
.c4p--datagrid__row-size-dropdown {
|
16064
|
-
position: absolute;
|
16065
16323
|
padding: 1rem;
|
16066
16324
|
background-color: var(--cds-background, #ffffff);
|
16067
16325
|
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));
|
@@ -16072,6 +16330,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16072
16330
|
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));
|
16073
16331
|
}
|
16074
16332
|
|
16333
|
+
.c4p--datagrid .cds--popover--bottom-right.c4p--datagrid__row-height-settings-popover .cds--popover-caret {
|
16334
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
16335
|
+
left: -4px;
|
16336
|
+
}
|
16337
|
+
|
16075
16338
|
/*
|
16076
16339
|
* Licensed Materials - Property of IBM
|
16077
16340
|
* 5724-Q36
|
@@ -16099,8 +16362,37 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
16099
16362
|
margin-left: 0.125rem;
|
16100
16363
|
}
|
16101
16364
|
|
16102
|
-
|
16103
|
-
|
16365
|
+
/*
|
16366
|
+
* Licensed Materials - Property of IBM
|
16367
|
+
* 5724-Q36
|
16368
|
+
* (c) Copyright IBM Corp. 2022
|
16369
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
16370
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
16371
|
+
*/
|
16372
|
+
.c4p--datagrid .c4p--datagrid__expanded-row-content {
|
16373
|
+
position: relative;
|
16374
|
+
padding: 1rem 1rem 1.5rem 3rem;
|
16375
|
+
}
|
16376
|
+
|
16377
|
+
.c4p--datagrid .c4p--datagrid__expanded-row-content::before {
|
16378
|
+
position: absolute;
|
16379
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
16380
|
+
top: -1px;
|
16381
|
+
right: 0;
|
16382
|
+
width: calc(100% - 3rem);
|
16383
|
+
height: 1px;
|
16384
|
+
background-color: var(--cds-layer-accent);
|
16385
|
+
content: "";
|
16386
|
+
}
|
16387
|
+
|
16388
|
+
.c4p--datagrid .c4p--datagrid__expanded-row-content::after {
|
16389
|
+
position: absolute;
|
16390
|
+
bottom: 0;
|
16391
|
+
left: 0;
|
16392
|
+
width: 100%;
|
16393
|
+
height: 1px;
|
16394
|
+
background-color: var(--cds-layer-accent);
|
16395
|
+
content: "";
|
16104
16396
|
}
|
16105
16397
|
|
16106
16398
|
/*
|
@@ -16127,14 +16419,31 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
16127
16419
|
|
16128
16420
|
.c4p--datagrid__draggable-handleHolder {
|
16129
16421
|
display: flex;
|
16130
|
-
height:
|
16131
|
-
padding-left:
|
16132
|
-
|
16133
|
-
background: var(--cds-layer
|
16422
|
+
height: 3rem;
|
16423
|
+
padding-left: 1rem;
|
16424
|
+
border-bottom: 1px solid var(--cds-layer-active);
|
16425
|
+
background-color: var(--cds-layer);
|
16134
16426
|
}
|
16135
|
-
|
16427
|
+
|
16428
|
+
.c4p--datagrid__draggable-handleHolder:hover {
|
16429
|
+
background-color: var(--cds-layer-hover);
|
16430
|
+
}
|
16431
|
+
|
16432
|
+
.c4p--datagrid__draggable-handleHolder-selected {
|
16433
|
+
display: flex;
|
16434
|
+
height: 3rem;
|
16435
|
+
padding-left: 1rem;
|
16436
|
+
border-bottom: 1px solid var(--cds-layer-active);
|
16437
|
+
background-color: var(--cds-layer-selected);
|
16438
|
+
}
|
16439
|
+
|
16440
|
+
.c4p--datagrid__draggable-handleHolder-selected:hover {
|
16441
|
+
background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
|
16442
|
+
}
|
16443
|
+
|
16444
|
+
.c4p--datagrid__draggable-handleHolder-isOver {
|
16136
16445
|
border: 2px dashed var(--cds-focus, #0f62fe);
|
16137
|
-
background-color: var(--cds-
|
16446
|
+
background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
|
16138
16447
|
}
|
16139
16448
|
|
16140
16449
|
.c4p--datagrid__draggable-handleHolder-droppable {
|
@@ -16142,7 +16451,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
16142
16451
|
width: 100%;
|
16143
16452
|
}
|
16144
16453
|
|
16145
|
-
.c4p--datagrid__draggable-handleHolder
|
16454
|
+
.c4p--datagrid__draggable-handleHolder-grabbed {
|
16146
16455
|
background-color: var(--cds-highlight, #d0e2ff);
|
16147
16456
|
color: var(--cds-text-primary, #161616);
|
16148
16457
|
}
|
@@ -16159,6 +16468,357 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
16159
16468
|
white-space: nowrap;
|
16160
16469
|
}
|
16161
16470
|
|
16471
|
+
/*
|
16472
|
+
* Licensed Materials - Property of IBM
|
16473
|
+
* 5724-Q36
|
16474
|
+
* (c) Copyright IBM Corp. 2021
|
16475
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
16476
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
16477
|
+
*/
|
16478
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--text-input,
|
16479
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--number input[type=number],
|
16480
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
|
16481
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-xs .cds--date-picker__input {
|
16482
|
+
height: 1.5rem;
|
16483
|
+
}
|
16484
|
+
|
16485
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--number__control-btn::before,
|
16486
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--number__control-btn::after {
|
16487
|
+
height: calc(1.5rem - 0.25rem);
|
16488
|
+
}
|
16489
|
+
|
16490
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .c4p--datagrid__inline-edit--select .cds--list-box {
|
16491
|
+
max-height: none;
|
16492
|
+
}
|
16493
|
+
|
16494
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .cds--text-input,
|
16495
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .cds--number input[type=number],
|
16496
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
|
16497
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-sm .cds--date-picker__input {
|
16498
|
+
height: 2rem;
|
16499
|
+
}
|
16500
|
+
|
16501
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .cds--number__control-btn::before,
|
16502
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .cds--number__control-btn::after {
|
16503
|
+
height: calc(2rem - 0.25rem);
|
16504
|
+
}
|
16505
|
+
|
16506
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .c4p--datagrid__inline-edit--select .cds--list-box {
|
16507
|
+
max-height: none;
|
16508
|
+
}
|
16509
|
+
|
16510
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .cds--text-input,
|
16511
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .cds--number input[type=number],
|
16512
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
|
16513
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-md .cds--date-picker__input {
|
16514
|
+
height: 2.5rem;
|
16515
|
+
}
|
16516
|
+
|
16517
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .cds--number__control-btn::before,
|
16518
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .cds--number__control-btn::after {
|
16519
|
+
height: calc(2.5rem - 0.25rem);
|
16520
|
+
}
|
16521
|
+
|
16522
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .c4p--datagrid__inline-edit--select .cds--list-box {
|
16523
|
+
max-height: none;
|
16524
|
+
}
|
16525
|
+
|
16526
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .cds--text-input,
|
16527
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .cds--number input[type=number],
|
16528
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
|
16529
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-lg .cds--date-picker__input {
|
16530
|
+
height: 3rem;
|
16531
|
+
}
|
16532
|
+
|
16533
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .cds--number__control-btn::before,
|
16534
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .cds--number__control-btn::after {
|
16535
|
+
height: calc(3rem - 0.25rem);
|
16536
|
+
}
|
16537
|
+
|
16538
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .c4p--datagrid__inline-edit--select .cds--list-box {
|
16539
|
+
max-height: none;
|
16540
|
+
}
|
16541
|
+
|
16542
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .cds--text-input,
|
16543
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .cds--number input[type=number],
|
16544
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
|
16545
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-xl .cds--date-picker__input {
|
16546
|
+
height: 4rem;
|
16547
|
+
}
|
16548
|
+
|
16549
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .cds--number__control-btn::before,
|
16550
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .cds--number__control-btn::after {
|
16551
|
+
height: calc(4rem - 0.25rem);
|
16552
|
+
}
|
16553
|
+
|
16554
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .c4p--datagrid__inline-edit--select .cds--list-box {
|
16555
|
+
max-height: none;
|
16556
|
+
}
|
16557
|
+
|
16558
|
+
.c4p--datagrid__inline-edit-cell {
|
16559
|
+
display: flex;
|
16560
|
+
height: 100%;
|
16561
|
+
align-items: center;
|
16562
|
+
}
|
16563
|
+
|
16564
|
+
.c4p--datagrid .c4p--inline-edit__after-input-elements {
|
16565
|
+
display: flex;
|
16566
|
+
align-items: center;
|
16567
|
+
}
|
16568
|
+
|
16569
|
+
.c4p--datagrid__inline-edit--outer-cell-button {
|
16570
|
+
width: 100%;
|
16571
|
+
height: calc(100% + 2px);
|
16572
|
+
}
|
16573
|
+
|
16574
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button {
|
16575
|
+
position: relative;
|
16576
|
+
display: flex;
|
16577
|
+
width: 100%;
|
16578
|
+
height: 100%;
|
16579
|
+
align-items: center;
|
16580
|
+
justify-content: space-between;
|
16581
|
+
padding-left: 1rem;
|
16582
|
+
color: var(--cds-text-secondary, #525252);
|
16583
|
+
cursor: pointer;
|
16584
|
+
outline: 0;
|
16585
|
+
}
|
16586
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__label-icon {
|
16587
|
+
height: 1rem;
|
16588
|
+
padding-right: 1rem;
|
16589
|
+
}
|
16590
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--non-edit {
|
16591
|
+
padding-left: 0;
|
16592
|
+
cursor: default;
|
16593
|
+
}
|
16594
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-icon {
|
16595
|
+
height: 1rem;
|
16596
|
+
fill: var(--cds-icon-secondary, #525252);
|
16597
|
+
}
|
16598
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--date {
|
16599
|
+
font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
16600
|
+
}
|
16601
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--selection {
|
16602
|
+
justify-content: flex-start;
|
16603
|
+
}
|
16604
|
+
.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) {
|
16605
|
+
/* stylelint-disable-next-line */
|
16606
|
+
}
|
16607
|
+
.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 {
|
16608
|
+
display: none;
|
16609
|
+
}
|
16610
|
+
.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 {
|
16611
|
+
display: block;
|
16612
|
+
}
|
16613
|
+
|
16614
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not([data-disabled=true]):hover {
|
16615
|
+
background-color: var(--cds-layer-active);
|
16616
|
+
color: var(--cds-text-primary, #161616);
|
16617
|
+
}
|
16618
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not([data-disabled=true]):hover .c4p--datagrid__inline-edit-button-icon {
|
16619
|
+
fill: var(--cds-icon-primary, #161616);
|
16620
|
+
}
|
16621
|
+
|
16622
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active:not([data-disabled=true]) {
|
16623
|
+
background-color: var(--cds-layer-active);
|
16624
|
+
color: var(--cds-text-primary, #161616);
|
16625
|
+
cursor: text;
|
16626
|
+
}
|
16627
|
+
|
16628
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active {
|
16629
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
16630
|
+
outline: 0.125rem solid var(--cds-focus, #0f62fe);
|
16631
|
+
outline-offset: calc(-1 * 0.125rem);
|
16632
|
+
}
|
16633
|
+
@media screen and (prefers-contrast) {
|
16634
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active {
|
16635
|
+
outline-style: dotted;
|
16636
|
+
}
|
16637
|
+
}
|
16638
|
+
|
16639
|
+
.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) {
|
16640
|
+
color: var(--cds-button-disabled, #c6c6c6);
|
16641
|
+
cursor: not-allowed;
|
16642
|
+
}
|
16643
|
+
|
16644
|
+
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-label {
|
16645
|
+
overflow: hidden;
|
16646
|
+
padding-right: 1rem;
|
16647
|
+
text-overflow: ellipsis;
|
16648
|
+
white-space: nowrap;
|
16649
|
+
}
|
16650
|
+
|
16651
|
+
.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 {
|
16652
|
+
padding-right: 3rem;
|
16653
|
+
}
|
16654
|
+
|
16655
|
+
.c4p--datagrid__inline-edit--outer-cell-button .cds--text-input,
|
16656
|
+
.c4p--datagrid__inline-edit--outer-cell-button .cds--number input[type=number] {
|
16657
|
+
height: 3rem;
|
16658
|
+
}
|
16659
|
+
|
16660
|
+
.c4p--datagrid__inline-edit-button-icon {
|
16661
|
+
position: absolute;
|
16662
|
+
right: 1rem;
|
16663
|
+
}
|
16664
|
+
|
16665
|
+
.c4p--datagrid__table-with-inline-edit.cds--data-table .c4p--datagrid__cell-inline-edit {
|
16666
|
+
position: relative;
|
16667
|
+
padding: 0;
|
16668
|
+
}
|
16669
|
+
.c4p--datagrid__table-with-inline-edit.cds--data-table .c4p--datagrid__cell-inline-edit .c4p--datagrid__inline-edit-button--non-edit {
|
16670
|
+
padding-left: 1rem;
|
16671
|
+
}
|
16672
|
+
.c4p--datagrid__table-with-inline-edit.cds--data-table .c4p--datagrid__cell-inline-edit .cds--number input[type=number] {
|
16673
|
+
min-width: auto;
|
16674
|
+
padding-right: 1rem;
|
16675
|
+
}
|
16676
|
+
|
16677
|
+
.c4p--datagrid__inline-edit--select .c4p--datagrid__inline-edit--select-item {
|
16678
|
+
padding-bottom: 1rem;
|
16679
|
+
padding-left: 1rem;
|
16680
|
+
}
|
16681
|
+
|
16682
|
+
.c4p--datagrid__inline-edit--select.cds--dropdown,
|
16683
|
+
.c4p--datagrid__inline-edit--date .cds--date-picker {
|
16684
|
+
width: inherit;
|
16685
|
+
}
|
16686
|
+
|
16687
|
+
.c4p--datagrid__inline-edit--select.cds--dropdown,
|
16688
|
+
.c4p--datagrid__inline-edit--date .cds--date-picker.cds--date-picker--single .cds--date-picker__input {
|
16689
|
+
width: 100%;
|
16690
|
+
height: 3rem;
|
16691
|
+
max-height: none;
|
16692
|
+
}
|
16693
|
+
|
16694
|
+
.c4p--datagrid__inline-edit--date .cds--date-picker-container {
|
16695
|
+
width: inherit;
|
16696
|
+
}
|
16697
|
+
|
16698
|
+
.c4p--datagrid__inline-edit--date.cds--date-picker.cds--date-picker--single .cds--date-picker__input {
|
16699
|
+
overflow: hidden;
|
16700
|
+
width: 100%;
|
16701
|
+
max-width: none;
|
16702
|
+
padding-right: 2rem;
|
16703
|
+
text-overflow: ellipsis;
|
16704
|
+
white-space: nowrap;
|
16705
|
+
}
|
16706
|
+
|
16707
|
+
.c4p--datagrid .cds--data-table .c4p--datagrid__carbon-row-hover-active td {
|
16708
|
+
border-top-color: var(--cds-layer-hover);
|
16709
|
+
background-color: var(--cds-layer-hover);
|
16710
|
+
}
|
16711
|
+
|
16712
|
+
.c4p--datagrid .c4p--datagrid__grid-container-grid-active::before {
|
16713
|
+
position: absolute;
|
16714
|
+
z-index: 2;
|
16715
|
+
bottom: 0;
|
16716
|
+
left: 0;
|
16717
|
+
width: 2px;
|
16718
|
+
height: calc(100% - 50px);
|
16719
|
+
background-color: var(--cds-link-inverse, #78a9ff);
|
16720
|
+
content: "";
|
16721
|
+
}
|
16722
|
+
|
16723
|
+
.c4p--datagrid .c4p--datagrid__grid-container-grid-active::after {
|
16724
|
+
position: absolute;
|
16725
|
+
z-index: 2;
|
16726
|
+
right: 0;
|
16727
|
+
bottom: 0;
|
16728
|
+
width: 2px;
|
16729
|
+
height: calc(100% - 50px);
|
16730
|
+
background-color: var(--cds-link-inverse, #78a9ff);
|
16731
|
+
content: "";
|
16732
|
+
}
|
16733
|
+
|
16734
|
+
.c4p--datagrid .c4p--datagrid__grid-container-grid-active .c4p--datagrid__table-grid-active thead::before {
|
16735
|
+
position: absolute;
|
16736
|
+
z-index: 2;
|
16737
|
+
top: 0;
|
16738
|
+
right: 0;
|
16739
|
+
left: 0;
|
16740
|
+
width: var(--c4p--datagrid--grid-width);
|
16741
|
+
height: 2px;
|
16742
|
+
background-color: var(--cds-link-inverse, #78a9ff);
|
16743
|
+
}
|
16744
|
+
|
16745
|
+
.c4p--datagrid .c4p--datagrid__grid-container-grid-active.c4p--datagrid__grid-container-grid-active--without-toolbar::before,
|
16746
|
+
.c4p--datagrid .c4p--datagrid__grid-container-grid-active.c4p--datagrid__grid-container-grid-active--without-toolbar::after {
|
16747
|
+
height: calc(100% - 2px);
|
16748
|
+
}
|
16749
|
+
|
16750
|
+
.c4p--datagrid .c4p--datagrid__grid-container-grid-active .c4p--datagrid__table-container {
|
16751
|
+
outline: 2px solid var(--cds-link-inverse, #78a9ff);
|
16752
|
+
outline-offset: -2px;
|
16753
|
+
}
|
16754
|
+
|
16755
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid [data-invalid] ~ .cds--form-requirement,
|
16756
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid [data-invalid] .cds--form-requirement {
|
16757
|
+
position: absolute;
|
16758
|
+
z-index: 3;
|
16759
|
+
top: calc(100% - 0.125rem);
|
16760
|
+
width: 100%;
|
16761
|
+
padding: 0.5rem 1.5rem 0.5rem 0.5rem;
|
16762
|
+
margin: 0;
|
16763
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
16764
|
+
outline: 0.125rem solid var(--cds-support-error, #da1e28);
|
16765
|
+
outline-offset: calc(-1 * 0.125rem);
|
16766
|
+
}
|
16767
|
+
|
16768
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--list-box[data-invalid]:focus-within ~ .cds--form-requirement {
|
16769
|
+
outline: 0.125rem solid var(--cds-focus, #0f62fe);
|
16770
|
+
}
|
16771
|
+
|
16772
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--list-box__invalid-icon,
|
16773
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--text-input__invalid-icon,
|
16774
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number__invalid {
|
16775
|
+
z-index: 4;
|
16776
|
+
top: calc(100% + 0.75rem + 0.125rem);
|
16777
|
+
right: 0.5rem;
|
16778
|
+
}
|
16779
|
+
|
16780
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number__invalid {
|
16781
|
+
top: calc(100% + 0.25rem + 0.125rem);
|
16782
|
+
}
|
16783
|
+
|
16784
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--form-requirement::before {
|
16785
|
+
position: absolute;
|
16786
|
+
top: 0;
|
16787
|
+
left: 0.125rem;
|
16788
|
+
width: calc(100% - (0.125rem * 2));
|
16789
|
+
height: 0.125rem;
|
16790
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
16791
|
+
content: "";
|
16792
|
+
}
|
16793
|
+
|
16794
|
+
.c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--form-requirement::after {
|
16795
|
+
position: absolute;
|
16796
|
+
top: 0.125rem;
|
16797
|
+
left: 0.5rem;
|
16798
|
+
width: calc(100% - (0.5rem * 2));
|
16799
|
+
height: 1px;
|
16800
|
+
background-color: var(--cds-layer-accent-01, #e0e0e0);
|
16801
|
+
content: "";
|
16802
|
+
}
|
16803
|
+
|
16804
|
+
.c4p--datagrid tbody tr:hover .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--form-requirement::before {
|
16805
|
+
background-color: var(--cds-layer-accent-01, #e0e0e0);
|
16806
|
+
}
|
16807
|
+
.c4p--datagrid tbody tr:hover .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--form-requirement::after {
|
16808
|
+
background-color: transparent;
|
16809
|
+
}
|
16810
|
+
|
16811
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--text-input:focus,
|
16812
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number input[type=number]:focus,
|
16813
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover,
|
16814
|
+
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number__control-btn:focus {
|
16815
|
+
outline-color: var(--cds-support-error, #da1e28);
|
16816
|
+
}
|
16817
|
+
|
16818
|
+
.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 {
|
16819
|
+
background-color: var(--cds-support-error, #da1e28);
|
16820
|
+
}
|
16821
|
+
|
16162
16822
|
/*
|
16163
16823
|
* Licensed Materials - Property of IBM
|
16164
16824
|
* 5724-Q36
|
@@ -16166,6 +16826,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
16166
16826
|
* US Government Users Restricted Rights - Use, duplication or disclosure
|
16167
16827
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
16168
16828
|
*/
|
16829
|
+
/* stylelint-disable max-nesting-depth */
|
16169
16830
|
.c4p--datagrid__datagridWrap {
|
16170
16831
|
display: block;
|
16171
16832
|
width: 100%;
|
@@ -16173,6 +16834,10 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
16173
16834
|
.c4p--datagrid__datagridWrap :global(.cds--checkbox) {
|
16174
16835
|
display: none;
|
16175
16836
|
}
|
16837
|
+
.c4p--datagrid__datagridWrap .bx--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
|
16838
|
+
left: 0.125rem;
|
16839
|
+
width: 112px;
|
16840
|
+
}
|
16176
16841
|
|
16177
16842
|
.c4p--datagrid__datagridWrap .cds--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
|
16178
16843
|
left: 0.125rem;
|