@carbon/ibm-products 1.11.2 → 1.14.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +0 -3
- package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css +47 -0
- package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css.map +1 -0
- package/css/components/Datagrid/styles/addons/RowSizeDropdown.css +20 -0
- package/css/components/Datagrid/styles/addons/RowSizeDropdown.css.map +1 -0
- package/css/components/Datagrid/styles/datagrid.css +264 -0
- package/css/components/Datagrid/styles/datagrid.css.map +1 -0
- package/css/components/Datagrid/styles/index.css +509 -0
- package/css/components/Datagrid/styles/index.css.map +1 -0
- package/css/components/Datagrid/styles/useActionsColumn.css +23 -0
- package/css/components/Datagrid/styles/useActionsColumn.css.map +1 -0
- package/css/components/Datagrid/styles/useColumnRightAlign.css +28 -0
- package/css/components/Datagrid/styles/useColumnRightAlign.css.map +1 -0
- package/css/components/Datagrid/styles/useNestedRows.css +15 -0
- package/css/components/Datagrid/styles/useNestedRows.css.map +1 -0
- package/css/components/Datagrid/styles/useNestedTable.css +25 -0
- package/css/components/Datagrid/styles/useNestedTable.css.map +1 -0
- package/css/components/Datagrid/styles/useSelectAllToggle.css +28 -0
- package/css/components/Datagrid/styles/useSelectAllToggle.css.map +1 -0
- package/css/components/Datagrid/styles/useSortableColumns.css +50 -0
- package/css/components/Datagrid/styles/useSortableColumns.css.map +1 -0
- package/css/components/Datagrid/styles/useStickyColumn.css +35 -0
- package/css/components/Datagrid/styles/useStickyColumn.css.map +1 -0
- package/css/index-full-carbon.css +2019 -376
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +6 -6
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +18 -6
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +2 -2
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +679 -19
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +5 -5
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +679 -19
- package/css/index.css.map +1 -1
- package/css/index.min.css +6 -6
- package/css/index.min.css.map +1 -1
- package/es/components/ActionBar/ActionBar.js +3 -1
- package/es/components/ActionBar/ActionBarOverflowItems.js +5 -3
- package/es/components/AddSelect/AddSelect.js +133 -30
- package/es/components/AddSelect/AddSelectColumn.js +0 -1
- package/es/components/AddSelect/AddSelectFilter.js +129 -0
- package/es/components/AddSelect/AddSelectList.js +59 -13
- package/es/components/AddSelect/AddSelectSidebar.js +15 -5
- package/es/components/AddSelect/add-select-utils.js +30 -0
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +2 -0
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +262 -164
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +191 -51
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +65 -13
- package/es/components/DataSpreadsheet/hooks/index.js +10 -0
- package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +111 -0
- package/es/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +2 -4
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +6 -6
- package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +3 -1
- package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +80 -6
- package/es/components/Datagrid/Datagrid/Datagrid.js +70 -0
- package/es/components/Datagrid/Datagrid/DatagridBody.js +36 -0
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +19 -0
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +26 -0
- package/es/components/Datagrid/Datagrid/DatagridHead.js +31 -0
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +57 -0
- package/es/components/Datagrid/Datagrid/DatagridRefBody.js +37 -0
- package/es/components/Datagrid/Datagrid/DatagridRow.js +50 -0
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +50 -0
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +122 -0
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +36 -0
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +22 -0
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +87 -0
- package/es/components/Datagrid/Datagrid/DraggableElement.js +188 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +78 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +51 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +140 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +157 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +62 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +13 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +9 -0
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +62 -0
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +139 -0
- package/es/components/Datagrid/Datagrid/addons/RowSize/index.js +8 -0
- package/es/components/Datagrid/Datagrid/index.js +8 -0
- package/es/components/Datagrid/Datagrid.stories/CustomizeColumnStory.js +6 -0
- package/es/components/Datagrid/Datagrid.stories/LeftPanelStory.js +6 -0
- package/es/components/Datagrid/Datagrid.stories/RowSizeDropdownStory.js +6 -0
- package/es/components/Datagrid/Datagrid.stories/SelectAllWithToggleStory.js +6 -0
- package/es/components/Datagrid/Datagrid.stories/StickyActionsColumnStory.js +92 -0
- package/es/components/Datagrid/Datagrid.stories/common.js +199 -0
- package/es/components/Datagrid/Datagrid.stories/index.js +5 -0
- package/es/components/Datagrid/common-column-ids.js +8 -0
- package/es/components/Datagrid/index.js +22 -0
- package/es/components/Datagrid/useActionsColumn.js +86 -0
- package/es/components/Datagrid/useColumnRightAlign.js +52 -0
- package/es/components/Datagrid/useCustomizeColumns.js +45 -0
- package/es/components/Datagrid/useDatagrid.js +44 -0
- package/es/components/Datagrid/useDefaultStringRenderer.js +48 -0
- package/es/components/Datagrid/useDisableSelectRows.js +84 -0
- package/es/components/Datagrid/useExpandedRow.js +52 -0
- package/es/components/Datagrid/useFlexResize.js +51 -0
- package/es/components/Datagrid/useFloatingScroll.js +88 -0
- package/es/components/Datagrid/useInfiniteScroll.js +54 -0
- package/es/components/Datagrid/useNestedRows.js +53 -0
- package/es/components/Datagrid/useOnRowClick.js +37 -0
- package/es/components/Datagrid/useParentDimensions.js +65 -0
- package/es/components/Datagrid/useResizeTable.js +40 -0
- package/es/components/Datagrid/useRowExpander.js +34 -0
- package/es/components/Datagrid/useRowIsMouseOver.js +61 -0
- package/es/components/Datagrid/useRowRenderer.js +30 -0
- package/es/components/Datagrid/useRowSize.js +56 -0
- package/es/components/Datagrid/useSelectAllToggle.js +74 -0
- package/es/components/Datagrid/useSelectRows.js +107 -0
- package/es/components/Datagrid/useSkeletonRows.js +32 -0
- package/es/components/Datagrid/useSortableColumns.js +110 -0
- package/es/components/Datagrid/useStickyColumn.js +183 -0
- package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +2 -3
- package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +2 -3
- package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +2 -3
- package/es/components/ImportModal/ImportModal.js +2 -2
- package/es/components/TagSet/TagSet.js +12 -3
- package/es/components/UserProfileImage/UserProfileImage.js +38 -10
- package/es/components/index.js +2 -1
- package/es/global/js/package-settings.js +2 -1
- package/lib/components/ActionBar/ActionBar.js +3 -1
- package/lib/components/ActionBar/ActionBarOverflowItems.js +5 -3
- package/lib/components/AddSelect/AddSelect.js +132 -28
- package/lib/components/AddSelect/AddSelectColumn.js +0 -1
- package/lib/components/AddSelect/AddSelectFilter.js +147 -0
- package/lib/components/AddSelect/AddSelectList.js +61 -12
- package/lib/components/AddSelect/AddSelectSidebar.js +15 -11
- package/lib/components/AddSelect/add-select-utils.js +35 -2
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +2 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +267 -168
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +191 -57
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +67 -18
- package/lib/components/DataSpreadsheet/hooks/index.js +37 -0
- package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +123 -0
- package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +2 -4
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +6 -5
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +3 -1
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +83 -7
- package/lib/components/Datagrid/Datagrid/Datagrid.js +86 -0
- package/lib/components/Datagrid/Datagrid/DatagridBody.js +50 -0
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +31 -0
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +38 -0
- package/lib/components/Datagrid/Datagrid/DatagridHead.js +43 -0
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +73 -0
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +44 -0
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +56 -0
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +55 -0
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +139 -0
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +44 -0
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +35 -0
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +101 -0
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +210 -0
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +92 -0
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +65 -0
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +166 -0
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +173 -0
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +73 -0
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +25 -0
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +23 -0
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +80 -0
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +160 -0
- package/lib/components/Datagrid/Datagrid/addons/RowSize/index.js +15 -0
- package/lib/components/Datagrid/Datagrid/index.js +15 -0
- package/lib/components/Datagrid/Datagrid.stories/CustomizeColumnStory.js +13 -0
- package/lib/components/Datagrid/Datagrid.stories/LeftPanelStory.js +13 -0
- package/lib/components/Datagrid/Datagrid.stories/RowSizeDropdownStory.js +13 -0
- package/lib/components/Datagrid/Datagrid.stories/SelectAllWithToggleStory.js +13 -0
- package/lib/components/Datagrid/Datagrid.stories/StickyActionsColumnStory.js +112 -0
- package/lib/components/Datagrid/Datagrid.stories/common.js +215 -0
- package/lib/components/Datagrid/Datagrid.stories/index.js +47 -0
- package/lib/components/Datagrid/common-column-ids.js +16 -0
- package/lib/components/Datagrid/index.js +127 -0
- package/lib/components/Datagrid/useActionsColumn.js +94 -0
- package/lib/components/Datagrid/useColumnRightAlign.js +59 -0
- package/lib/components/Datagrid/useCustomizeColumns.js +55 -0
- package/lib/components/Datagrid/useDatagrid.js +58 -0
- package/lib/components/Datagrid/useDefaultStringRenderer.js +54 -0
- package/lib/components/Datagrid/useDisableSelectRows.js +92 -0
- package/lib/components/Datagrid/useExpandedRow.js +58 -0
- package/lib/components/Datagrid/useFlexResize.js +61 -0
- package/lib/components/Datagrid/useFloatingScroll.js +101 -0
- package/lib/components/Datagrid/useInfiniteScroll.js +67 -0
- package/lib/components/Datagrid/useNestedRows.js +65 -0
- package/lib/components/Datagrid/useOnRowClick.js +45 -0
- package/lib/components/Datagrid/useParentDimensions.js +75 -0
- package/lib/components/Datagrid/useResizeTable.js +48 -0
- package/lib/components/Datagrid/useRowExpander.js +45 -0
- package/lib/components/Datagrid/useRowIsMouseOver.js +66 -0
- package/lib/components/Datagrid/useRowRenderer.js +40 -0
- package/lib/components/Datagrid/useRowSize.js +67 -0
- package/lib/components/Datagrid/useSelectAllToggle.js +88 -0
- package/lib/components/Datagrid/useSelectRows.js +119 -0
- package/lib/components/Datagrid/useSkeletonRows.js +42 -0
- package/lib/components/Datagrid/useSortableColumns.js +117 -0
- package/lib/components/Datagrid/useStickyColumn.js +190 -0
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +2 -3
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +2 -3
- package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +2 -3
- package/lib/components/ImportModal/ImportModal.js +1 -1
- package/lib/components/TagSet/TagSet.js +12 -3
- package/lib/components/UserProfileImage/UserProfileImage.js +38 -10
- package/lib/components/index.js +9 -1
- package/lib/global/js/package-settings.js +2 -1
- package/package.json +19 -15
- package/scss/components/AboutModal/_about-modal.scss +2 -2
- package/scss/components/ActionSet/_action-set.scss +3 -1
- package/scss/components/AddSelect/_add-select.scss +87 -3
- package/scss/components/CreateModal/_create-modal.scss +7 -5
- package/scss/components/CreateModal/_storybook-styles.scss +8 -7
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +70 -10
- package/scss/components/Datagrid/_datagrid.scss +66 -0
- package/scss/components/Datagrid/_index.scss +8 -0
- package/scss/components/Datagrid/_storybook-styles.scss +26 -0
- package/scss/components/Datagrid/styles/_variables.scss +9 -0
- package/scss/components/Datagrid/styles/addons/CustomizeColumnsModal.scss +48 -0
- package/scss/components/Datagrid/styles/addons/RowSizeDropdown.scss +23 -0
- package/scss/components/Datagrid/styles/datagrid.scss +318 -0
- package/scss/components/Datagrid/styles/index.scss +17 -0
- package/scss/components/Datagrid/styles/useActionsColumn.scss +24 -0
- package/scss/components/Datagrid/styles/useColumnRightAlign.scss +29 -0
- package/scss/components/Datagrid/styles/useNestedRows.scss +17 -0
- package/scss/components/Datagrid/styles/useNestedTable.scss +28 -0
- package/scss/components/Datagrid/styles/useSelectAllToggle.scss +28 -0
- package/scss/components/Datagrid/styles/useSortableColumns.scss +55 -0
- package/scss/components/Datagrid/styles/useStickyColumn.scss +38 -0
- package/scss/components/ExportModal/_export-modal.scss +3 -3
- package/scss/components/HTTPErrors/_http-errors.scss +16 -16
- package/scss/components/InlineEdit/_inline-edit.scss +0 -1
- package/scss/components/ModifiedTabs/_modified-tabs.scss +0 -10
- package/scss/components/NotificationsPanel/_notifications-panel.scss +3 -3
- package/scss/components/OptionsTile/_options-tile.scss +0 -1
- package/scss/components/PageHeader/_page-header.scss +4 -0
- package/scss/components/RemoveModal/_remove-modal.scss +3 -3
- package/scss/components/TagSet/_tag-set.scss +2 -1
- package/scss/components/Tearsheet/_tearsheet.scss +5 -2
- package/scss/components/_index.scss +1 -0
package/css/index.css
CHANGED
@@ -12712,6 +12712,9 @@ a.bx--side-nav__link--current::before {
|
|
12712
12712
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--date-picker__input {
|
12713
12713
|
background-color: var(--cds-field-01, #f4f4f4);
|
12714
12714
|
}
|
12715
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--select--inline .bx--select-input {
|
12716
|
+
background-color: transparent;
|
12717
|
+
}
|
12715
12718
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--text-input--light,
|
12716
12719
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--text-area--light,
|
12717
12720
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--search--light .bx--search-input,
|
@@ -13455,9 +13458,14 @@ a.bx--side-nav__link--current::before {
|
|
13455
13458
|
z-index: 2;
|
13456
13459
|
top: 50%;
|
13457
13460
|
left: 50%;
|
13458
|
-
transform: translate(-50%, -
|
13461
|
+
transform: translate(-50%, -75%);
|
13459
13462
|
}
|
13460
13463
|
@media (min-width: 42rem) {
|
13464
|
+
.c4p--http-errors .c4p--http-errors__content {
|
13465
|
+
transform: translate(-50%, -100%);
|
13466
|
+
}
|
13467
|
+
}
|
13468
|
+
@media (min-width: 66rem) {
|
13461
13469
|
.c4p--http-errors .c4p--http-errors__content {
|
13462
13470
|
transform: translate(-50%, -50%);
|
13463
13471
|
}
|
@@ -13500,14 +13508,15 @@ a.bx--side-nav__link--current::before {
|
|
13500
13508
|
|
13501
13509
|
.c4p--http-errors .c4p--http-errors__image {
|
13502
13510
|
position: fixed;
|
13503
|
-
|
13504
|
-
left:
|
13511
|
+
bottom: 0;
|
13512
|
+
left: 0;
|
13505
13513
|
width: 100%;
|
13506
|
-
|
13514
|
+
max-height: 100%;
|
13507
13515
|
}
|
13508
|
-
@media (
|
13516
|
+
@media (max-width: 41.98rem) {
|
13509
13517
|
.c4p--http-errors .c4p--http-errors__image {
|
13510
|
-
|
13518
|
+
left: 10%;
|
13519
|
+
transform: scale(1.5);
|
13511
13520
|
}
|
13512
13521
|
}
|
13513
13522
|
|
@@ -13971,10 +13980,6 @@ a.bx--side-nav__link--current::before {
|
|
13971
13980
|
justify-content: space-between;
|
13972
13981
|
}
|
13973
13982
|
|
13974
|
-
.modified-tabs .bx--tabs__nav {
|
13975
|
-
/* overflow cannot be tweaked to fix tooltip */
|
13976
|
-
}
|
13977
|
-
|
13978
13983
|
.modified-tabs__tab-new,
|
13979
13984
|
.modified-tabs__tab {
|
13980
13985
|
position: relative;
|
@@ -14284,6 +14289,42 @@ a.bx--side-nav__link--current::before {
|
|
14284
14289
|
display: block;
|
14285
14290
|
color: var(--cds-text-02, #525252);
|
14286
14291
|
}
|
14292
|
+
.c4p--add-select__selections-cell:hover .c4p--add-select__selections-dropdown {
|
14293
|
+
visibility: visible;
|
14294
|
+
}
|
14295
|
+
.c4p--add-select__selections-dropdown {
|
14296
|
+
visibility: hidden;
|
14297
|
+
}
|
14298
|
+
.c4p--add-select__selections-row-selected {
|
14299
|
+
background: #e5e5e5;
|
14300
|
+
}
|
14301
|
+
.c4p--add-select__selections-row-selected .c4p--add-select__selections-dropdown {
|
14302
|
+
visibility: visible;
|
14303
|
+
}
|
14304
|
+
.c4p--add-select__selections-checkbox {
|
14305
|
+
display: flex;
|
14306
|
+
align-items: center;
|
14307
|
+
}
|
14308
|
+
.c4p--add-select__selections-checkbox-label-wrapper {
|
14309
|
+
display: flex;
|
14310
|
+
margin-left: var(--cds-spacing-03, 0.5rem);
|
14311
|
+
}
|
14312
|
+
.c4p--add-select__selections-checkbox-label-text {
|
14313
|
+
display: flex;
|
14314
|
+
flex-direction: column;
|
14315
|
+
}
|
14316
|
+
.c4p--add-select__selections-checkbox-wrapper.bx--form-item {
|
14317
|
+
flex: 0;
|
14318
|
+
}
|
14319
|
+
.c4p--add-select__selections-checkbox-wrapper .bx--checkbox-label-text {
|
14320
|
+
display: none;
|
14321
|
+
}
|
14322
|
+
.c4p--add-select__selections-cell-avatar {
|
14323
|
+
margin-right: var(--cds-spacing-03, 0.5rem);
|
14324
|
+
}
|
14325
|
+
.c4p--add-select__selections-cell-icon {
|
14326
|
+
margin-right: var(--cds-spacing-03, 0.5rem);
|
14327
|
+
}
|
14287
14328
|
|
14288
14329
|
.c4p--add-select__sidebar-header {
|
14289
14330
|
display: flex;
|
@@ -14384,6 +14425,39 @@ a.bx--side-nav__link--current::before {
|
|
14384
14425
|
margin-right: var(--cds-spacing-03, 0.5rem);
|
14385
14426
|
}
|
14386
14427
|
|
14428
|
+
.c4p--add-select__global-filter {
|
14429
|
+
position: absolute;
|
14430
|
+
z-index: 6000;
|
14431
|
+
right: 0;
|
14432
|
+
width: 100%;
|
14433
|
+
max-width: 40rem;
|
14434
|
+
background: var(--cds-ui-01, #f4f4f4);
|
14435
|
+
transform: translate(0, 100%);
|
14436
|
+
}
|
14437
|
+
.c4p--add-select__global-filter-search {
|
14438
|
+
position: relative;
|
14439
|
+
display: flex;
|
14440
|
+
align-items: flex-end;
|
14441
|
+
}
|
14442
|
+
.c4p--add-select__global-filter-content {
|
14443
|
+
padding: var(--cds-spacing-05, 1rem);
|
14444
|
+
}
|
14445
|
+
.c4p--add-select__global-filter-opts {
|
14446
|
+
display: grid;
|
14447
|
+
grid-gap: var(--cds-spacing-05, 1rem) 2rem;
|
14448
|
+
grid-template-columns: repeat(2, 1fr);
|
14449
|
+
}
|
14450
|
+
|
14451
|
+
.c4p--add-select__global-filter-button-set button.c4p--add-select__global-filter-button {
|
14452
|
+
max-width: none;
|
14453
|
+
flex: 1;
|
14454
|
+
}
|
14455
|
+
|
14456
|
+
button.c4p--add-select__global-filter-toggle {
|
14457
|
+
border-bottom-color: var(--cds-ui-04, #8d8d8d);
|
14458
|
+
background: var(--cds-field-01, #f4f4f4);
|
14459
|
+
}
|
14460
|
+
|
14387
14461
|
.c4p--add-select__tag-container .bx--tag {
|
14388
14462
|
margin: 0;
|
14389
14463
|
}
|
@@ -14437,7 +14511,7 @@ a.bx--side-nav__link--current::before {
|
|
14437
14511
|
}
|
14438
14512
|
|
14439
14513
|
.c4p--add-select .bx--checkbox-label-text {
|
14440
|
-
padding-left: var(--cds-spacing-
|
14514
|
+
padding-left: var(--cds-spacing-03, 0.5rem);
|
14441
14515
|
}
|
14442
14516
|
|
14443
14517
|
@keyframes fade-in {
|
@@ -16248,6 +16322,7 @@ a.bx--side-nav__link--current::before {
|
|
16248
16322
|
|
16249
16323
|
.c4p--tag-set-overflow__tooltip.c4p--tag-set-overflow__tooltip {
|
16250
16324
|
min-width: initial;
|
16325
|
+
text-align: left;
|
16251
16326
|
}
|
16252
16327
|
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__show-all-tags-link {
|
16253
16328
|
display: inline-block;
|
@@ -16564,6 +16639,7 @@ a.bx--side-nav__link--current::before {
|
|
16564
16639
|
.c4p--page-header .c4p--page-header__title-row {
|
16565
16640
|
margin-top: 0;
|
16566
16641
|
margin-bottom: 0;
|
16642
|
+
transform: translateY(var(--cds-spacing-01, 0.125rem));
|
16567
16643
|
}
|
16568
16644
|
@media (min-width: 42rem) {
|
16569
16645
|
.c4p--page-header .c4p--page-header__title-row {
|
@@ -16573,6 +16649,7 @@ a.bx--side-nav__link--current::before {
|
|
16573
16649
|
}
|
16574
16650
|
.c4p--page-header .c4p--page-header__title-row.c4p--page-header__title-row--under-action-bar {
|
16575
16651
|
margin-top: var(--cds-spacing-05, 1rem);
|
16652
|
+
transform: translateY(0);
|
16576
16653
|
}
|
16577
16654
|
.c4p--page-header .c4p--page-header__title-row + .c4p--page-header__last-row-buffer--active {
|
16578
16655
|
height: var(--cds-spacing-07, 2rem);
|
@@ -19171,6 +19248,7 @@ a.bx--side-nav__link--current::before {
|
|
19171
19248
|
}
|
19172
19249
|
|
19173
19250
|
.c4p--data-spreadsheet {
|
19251
|
+
--c4p--data-spreadsheet--total-width: 0;
|
19174
19252
|
display: inline-block;
|
19175
19253
|
border-spacing: 0;
|
19176
19254
|
}
|
@@ -19180,27 +19258,42 @@ a.bx--side-nav__link--current::before {
|
|
19180
19258
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__header--container {
|
19181
19259
|
position: relative;
|
19182
19260
|
}
|
19183
|
-
.c4p--data-spreadsheet .c4p--data-spreadsheet__tr :last-child .c4p--data-spreadsheet__td {
|
19261
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__tr :last-child .c4p--data-spreadsheet__body--td .c4p--data-spreadsheet__td {
|
19184
19262
|
border-bottom: 0;
|
19185
19263
|
}
|
19186
19264
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
|
19187
19265
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td {
|
19266
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
19267
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
19268
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
19269
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
19270
|
+
width: 100%;
|
19271
|
+
height: 100%;
|
19188
19272
|
padding: 0 var(--cds-spacing-03, 0.5rem);
|
19189
19273
|
border: 0;
|
19190
19274
|
margin: 0;
|
19191
19275
|
color: var(--cds-text-01, #161616);
|
19192
19276
|
}
|
19193
|
-
.c4p--data-spreadsheet
|
19194
|
-
.c4p--data-spreadsheet
|
19277
|
+
.c4p--data-spreadsheet [role="'columnheader'"]:last-child,
|
19278
|
+
.c4p--data-spreadsheet [role="'gridcell'"]:last-child {
|
19195
19279
|
border-right: 1px solid var(--cds-text-03, #a8a8a8);
|
19196
19280
|
}
|
19197
19281
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
|
19198
19282
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td {
|
19199
19283
|
border-right: 1px solid var(--cds-text-03, #a8a8a8);
|
19200
19284
|
border-bottom: 1px solid var(--cds-text-03, #a8a8a8);
|
19201
|
-
|
19285
|
+
height: 100%;
|
19286
|
+
background-color: var(--cds-ui-03, #e0e0e0);
|
19202
19287
|
cursor: pointer;
|
19203
19288
|
}
|
19289
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__th:hover, .c4p--data-spreadsheet .c4p--data-spreadsheet__th:focus,
|
19290
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td:hover,
|
19291
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td:focus {
|
19292
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
19293
|
+
}
|
19294
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--select-all {
|
19295
|
+
min-width: calc(var(--cds-spacing-10, 4rem) - var(--cds-spacing-02, 0.25rem));
|
19296
|
+
}
|
19204
19297
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td {
|
19205
19298
|
font-weight: 600;
|
19206
19299
|
display: flex;
|
@@ -19210,8 +19303,9 @@ a.bx--side-nav__link--current::before {
|
|
19210
19303
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td {
|
19211
19304
|
border-right: 1px solid var(--cds-ui-03, #e0e0e0);
|
19212
19305
|
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
19306
|
+
overflow: hidden;
|
19213
19307
|
margin: 0;
|
19214
|
-
background-color: var(--cds-
|
19308
|
+
background-color: var(--cds-field-01, #f4f4f4);
|
19215
19309
|
cursor: cell;
|
19216
19310
|
text-align: left;
|
19217
19311
|
}
|
@@ -19224,22 +19318,66 @@ a.bx--side-nav__link--current::before {
|
|
19224
19318
|
text-align: left;
|
19225
19319
|
}
|
19226
19320
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor {
|
19321
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
19322
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
19323
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
19324
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
19227
19325
|
position: absolute;
|
19228
19326
|
z-index: 4;
|
19229
19327
|
display: none;
|
19230
|
-
|
19231
|
-
|
19328
|
+
overflow: hidden;
|
19329
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19330
|
+
padding: 0 calc(var(--cds-spacing-03, 0.5rem) + 1px) 0 var(--cds-spacing-03, 0.5rem);
|
19331
|
+
margin: 0;
|
19332
|
+
background-color: var(--cds-field-01, #f4f4f4);
|
19232
19333
|
resize: none;
|
19233
19334
|
}
|
19234
19335
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor.bx--text-area {
|
19235
19336
|
min-width: initial;
|
19236
19337
|
min-height: initial;
|
19237
19338
|
}
|
19339
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor.c4p--data-spreadsheet__cell-editor--active {
|
19340
|
+
outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
|
19341
|
+
outline-offset: -2px;
|
19342
|
+
}
|
19343
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor-ruler {
|
19344
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
19345
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
19346
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
19347
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
19348
|
+
position: absolute;
|
19349
|
+
overflow: hidden;
|
19350
|
+
width: fit-content;
|
19351
|
+
max-width: var(--c4p--data-spreadsheet--total-width);
|
19352
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19353
|
+
padding: 0 calc(var(--cds-spacing-03, 0.5rem) + 1px) 0 var(--cds-spacing-03, 0.5rem);
|
19354
|
+
visibility: hidden;
|
19355
|
+
}
|
19356
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor-ruler:focus {
|
19357
|
+
outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
|
19358
|
+
}
|
19238
19359
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight {
|
19360
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
19361
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
19362
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
19363
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
19364
|
+
border-right: 1px solid var(--cds-ui-03, #e0e0e0);
|
19365
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
19239
19366
|
position: absolute;
|
19240
19367
|
z-index: 3;
|
19241
19368
|
display: none;
|
19369
|
+
overflow: hidden;
|
19370
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19371
|
+
padding-right: calc(var(--cds-spacing-03, 0.5rem) - 1px);
|
19372
|
+
padding-bottom: var(--cds-spacing-01, 0.125rem);
|
19373
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19374
|
+
padding-left: calc(var(--cds-spacing-03, 0.5rem) - var(--cds-spacing-01, 0.125rem));
|
19242
19375
|
border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
|
19376
|
+
background-color: var(--cds-field-01, #f4f4f4);
|
19377
|
+
color: var(--cds-text-01, #161616);
|
19378
|
+
text-align: left;
|
19379
|
+
}
|
19380
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight[data-active-row-index=header], .c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight[data-active-column-index=header] {
|
19243
19381
|
background-color: transparent;
|
19244
19382
|
}
|
19245
19383
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight:focus {
|
@@ -19265,7 +19403,529 @@ a.bx--side-nav__link--current::before {
|
|
19265
19403
|
}
|
19266
19404
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header,
|
19267
19405
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--active-header.c4p--data-spreadsheet__td {
|
19268
|
-
background-color: var(--cds-ui
|
19406
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
19407
|
+
}
|
19408
|
+
|
19409
|
+
/*
|
19410
|
+
* Licensed Materials - Property of IBM
|
19411
|
+
* 5724-Q36
|
19412
|
+
* (c) Copyright IBM Corp. 2020 - 2021
|
19413
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19414
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19415
|
+
*/
|
19416
|
+
.c4p--datagrid__table-toolbar > section {
|
19417
|
+
z-index: 2;
|
19418
|
+
overflow: visible;
|
19419
|
+
}
|
19420
|
+
|
19421
|
+
.c4p--datagrid__full-height,
|
19422
|
+
.c4p--datagrid__full-height table,
|
19423
|
+
.c4p--datagrid__full-height tbody {
|
19424
|
+
height: 100%;
|
19425
|
+
}
|
19426
|
+
|
19427
|
+
.c4p--datagrid__grid-container::-webkit-scrollbar-thumb {
|
19428
|
+
background-color: var(--cds-text-03, #a8a8a8);
|
19429
|
+
}
|
19430
|
+
|
19431
|
+
.c4p--datagrid__grid-container table {
|
19432
|
+
/* Removes additional scroll introduced by Carbon table */
|
19433
|
+
overflow: hidden;
|
19434
|
+
}
|
19435
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__head .bx--table-header-label {
|
19436
|
+
display: flex;
|
19437
|
+
height: 100%;
|
19438
|
+
align-items: center;
|
19439
|
+
color: var(--cds-text-01, #161616);
|
19440
|
+
}
|
19441
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__cell {
|
19442
|
+
align-items: center;
|
19443
|
+
padding-top: 0;
|
19444
|
+
padding-bottom: 0;
|
19445
|
+
}
|
19446
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.bx--table-column-checkbox,
|
19447
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.bx--table-column-checkbox {
|
19448
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19449
|
+
padding-top: 0.6875rem;
|
19450
|
+
}
|
19451
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.bx--table-column-checkbox.c4p--datagrid__checkbox-cell,
|
19452
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.bx--table-column-checkbox.c4p--datagrid__checkbox-cell {
|
19453
|
+
display: flex;
|
19454
|
+
align-items: center;
|
19455
|
+
padding-top: 0;
|
19456
|
+
}
|
19457
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.bx--table-column-checkbox {
|
19458
|
+
display: flex;
|
19459
|
+
height: 100%;
|
19460
|
+
align-items: center;
|
19461
|
+
padding-top: 0;
|
19462
|
+
}
|
19463
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--compact .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--xs .c4p--datagrid__cell {
|
19464
|
+
padding-top: var(--cds-spacing-01, 0.125rem);
|
19465
|
+
padding-bottom: var(--cds-spacing-01, 0.125rem);
|
19466
|
+
}
|
19467
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--short .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--sm .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--md .c4p--datagrid__cell {
|
19468
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19469
|
+
padding-top: 0.4375rem;
|
19470
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19471
|
+
padding-bottom: 0.375rem;
|
19472
|
+
}
|
19473
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--xl .c4p--datagrid__cell {
|
19474
|
+
padding-top: var(--cds-spacing-05, 1rem);
|
19475
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
19476
|
+
}
|
19477
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--xl .c4p--datagrid__cell {
|
19478
|
+
padding-top: var(--cds-spacing-05, 1rem);
|
19479
|
+
}
|
19480
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--tall .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--lg .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--xl .bx--table-header-label {
|
19481
|
+
padding-top: var(--cds-spacing-05, 1rem);
|
19482
|
+
}
|
19483
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--tall .bx--table-column-checkbox, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--lg .bx--table-column-checkbox, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--xl .bx--table-column-checkbox {
|
19484
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19485
|
+
padding-top: 0.8125rem;
|
19486
|
+
}
|
19487
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--xl .c4p--datagrid__cell {
|
19488
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
19489
|
+
}
|
19490
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--tall .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--lg .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--xl .bx--table-header-label {
|
19491
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
19492
|
+
}
|
19493
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__variable-row-height tr.c4p--datagrid__carbon-row {
|
19494
|
+
height: auto;
|
19495
|
+
}
|
19496
|
+
|
19497
|
+
.c4p--datagrid__grid-container {
|
19498
|
+
display: block;
|
19499
|
+
overflow: auto;
|
19500
|
+
width: 100%;
|
19501
|
+
padding-top: 0;
|
19502
|
+
}
|
19503
|
+
.c4p--datagrid__grid-container .bx--data-table-content {
|
19504
|
+
width: 100%;
|
19505
|
+
height: 100%;
|
19506
|
+
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
19507
|
+
overflow-x: unset;
|
19508
|
+
}
|
19509
|
+
.c4p--datagrid__grid-container .c4p--datagrid__table-simple {
|
19510
|
+
display: flex;
|
19511
|
+
overflow: hidden;
|
19512
|
+
max-height: 100%;
|
19513
|
+
flex-direction: column;
|
19514
|
+
}
|
19515
|
+
.c4p--datagrid__grid-container .c4p--datagrid__with-pagination tr:last-of-type > td {
|
19516
|
+
border-bottom: none;
|
19517
|
+
}
|
19518
|
+
.c4p--datagrid__grid-container .c4p--datagrid__head {
|
19519
|
+
display: flex;
|
19520
|
+
}
|
19521
|
+
.c4p--datagrid__grid-container .c4p--datagrid__head .header {
|
19522
|
+
/* Each cell should grow equally */
|
19523
|
+
width: 1%;
|
19524
|
+
align-items: center;
|
19525
|
+
}
|
19526
|
+
.c4p--datagrid__grid-container .c4p--datagrid__empty-state-body {
|
19527
|
+
display: flex;
|
19528
|
+
width: 100%;
|
19529
|
+
}
|
19530
|
+
.c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar {
|
19531
|
+
scrollbar-width: thin;
|
19532
|
+
}
|
19533
|
+
.c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-thumb {
|
19534
|
+
background-color: var(--cds-text-03, #a8a8a8);
|
19535
|
+
}
|
19536
|
+
.c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
|
19537
|
+
width: 6px;
|
19538
|
+
background-color: var(--cds-ui-background, #ffffff);
|
19539
|
+
}
|
19540
|
+
.c4p--datagrid__grid-container .c4p--datagrid__cell {
|
19541
|
+
display: flex;
|
19542
|
+
/* Each cell should grow equally */
|
19543
|
+
width: 1%;
|
19544
|
+
}
|
19545
|
+
.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer {
|
19546
|
+
overflow: hidden;
|
19547
|
+
width: 100%;
|
19548
|
+
text-overflow: ellipsis;
|
19549
|
+
white-space: nowrap;
|
19550
|
+
}
|
19551
|
+
.c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
|
19552
|
+
display: flex;
|
19553
|
+
overflow: hidden;
|
19554
|
+
width: 100%;
|
19555
|
+
height: 100%;
|
19556
|
+
flex-direction: column;
|
19557
|
+
}
|
19558
|
+
.c4p--datagrid__grid-container .c4p--datagrid__carbon-row {
|
19559
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19560
|
+
flex: none !important;
|
19561
|
+
}
|
19562
|
+
.c4p--datagrid__grid-container .c4p--datagrid__carbon-row .c4p--datagrid__carbon-row:hover a {
|
19563
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19564
|
+
color: var(--cds-hover-primary-text, #0043ce) !important;
|
19565
|
+
}
|
19566
|
+
.c4p--datagrid__grid-container .bx--select-input {
|
19567
|
+
-webkit-appearance: none;
|
19568
|
+
}
|
19569
|
+
.c4p--datagrid__grid-container th.bx--table-column-checkbox {
|
19570
|
+
display: block;
|
19571
|
+
}
|
19572
|
+
.c4p--datagrid__grid-container td.bx--table-column-checkbox,
|
19573
|
+
.c4p--datagrid__grid-container th.bx--table-column-checkbox {
|
19574
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19575
|
+
padding-right: var(--cds-spacing-06, 1.5rem) !important;
|
19576
|
+
}
|
19577
|
+
|
19578
|
+
.c4p--datagrid__resizer {
|
19579
|
+
position: absolute;
|
19580
|
+
z-index: 1;
|
19581
|
+
top: 0;
|
19582
|
+
right: 0;
|
19583
|
+
display: inline-block;
|
19584
|
+
width: var(--cds-spacing-02, 0.25rem);
|
19585
|
+
height: 100%;
|
19586
|
+
background: transparent;
|
19587
|
+
touch-action: none;
|
19588
|
+
transform: translateX(50%);
|
19589
|
+
}
|
19590
|
+
|
19591
|
+
.c4p--datagrid__resizer:hover {
|
19592
|
+
background: transparent;
|
19593
|
+
}
|
19594
|
+
|
19595
|
+
.c4p--datagrid__sortableColumn:hover {
|
19596
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
19597
|
+
}
|
19598
|
+
|
19599
|
+
.c4p--datagrid__resizableColumn.c4p--datagrid__isResizing .c4p--datagrid__resizer {
|
19600
|
+
border-right: var(--cds-spacing-01, 0.125rem) solid var(--cds-hover-secondary, #4c4c4c);
|
19601
|
+
}
|
19602
|
+
.c4p--datagrid__resizableColumn.c4p--datagrid__isSorted {
|
19603
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
19604
|
+
}
|
19605
|
+
|
19606
|
+
.c4p--datagrid__resizableColumn:hover {
|
19607
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
19608
|
+
}
|
19609
|
+
.c4p--datagrid__resizableColumn:hover .c4p--datagrid__resizer {
|
19610
|
+
border-right: var(--cds-spacing-01, 0.125rem) solid var(--cds-ui-04, #8d8d8d);
|
19611
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
19612
|
+
}
|
19613
|
+
|
19614
|
+
.c4p--datagrid__head-hidden-select-all {
|
19615
|
+
padding-right: var(--cds-spacing-08, 2.5rem);
|
19616
|
+
}
|
19617
|
+
|
19618
|
+
.c4p--datagrid__simple-body {
|
19619
|
+
position: relative;
|
19620
|
+
overflow-x: hidden;
|
19621
|
+
overflow-y: auto;
|
19622
|
+
scrollbar-width: thin;
|
19623
|
+
}
|
19624
|
+
|
19625
|
+
.c4p--datagrid__simple-body::-webkit-scrollbar-thumb {
|
19626
|
+
background-color: var(--cds-text-03, #a8a8a8);
|
19627
|
+
}
|
19628
|
+
|
19629
|
+
.c4p--datagrid__simple-body::-webkit-scrollbar {
|
19630
|
+
width: 6px;
|
19631
|
+
background-color: var(--cds-ui-background, #ffffff);
|
19632
|
+
}
|
19633
|
+
|
19634
|
+
.c4p--datagrid__sticky.c4p--datagrid__table-simple {
|
19635
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19636
|
+
min-width: 0 !important;
|
19637
|
+
}
|
19638
|
+
|
19639
|
+
.c4p--datagrid__sticky.c4p--datagrid__simple-body {
|
19640
|
+
overflow: auto;
|
19641
|
+
}
|
19642
|
+
|
19643
|
+
.c4p--datagrid__sticky.c4p--datagrid__table-simple thead > div {
|
19644
|
+
overflow: hidden;
|
19645
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19646
|
+
width: 100% !important;
|
19647
|
+
}
|
19648
|
+
|
19649
|
+
.block-class__displayFlex {
|
19650
|
+
position: relative;
|
19651
|
+
display: flex;
|
19652
|
+
width: 100%;
|
19653
|
+
height: 100%;
|
19654
|
+
flex-direction: row;
|
19655
|
+
}
|
19656
|
+
|
19657
|
+
.c4p--datagrid__datagridLeftPanel {
|
19658
|
+
display: flex;
|
19659
|
+
width: 388px;
|
19660
|
+
height: 100%;
|
19661
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
19662
|
+
}
|
19663
|
+
|
19664
|
+
.c4p--datagrid__datagridWithPanel {
|
19665
|
+
position: relative;
|
19666
|
+
display: flex;
|
19667
|
+
overflow: auto;
|
19668
|
+
width: 100%;
|
19669
|
+
flex-direction: column;
|
19670
|
+
}
|
19671
|
+
|
19672
|
+
/*
|
19673
|
+
* Licensed Materials - Property of IBM
|
19674
|
+
* 5724-Q36
|
19675
|
+
* (c) Copyright IBM Corp. 2020 - 2021
|
19676
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19677
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19678
|
+
*/
|
19679
|
+
.bx--data-table tr.c4p--datagrid__carbon-nested-row {
|
19680
|
+
border-left: 2px solid var(--cds-interactive-01, #0f62fe);
|
19681
|
+
}
|
19682
|
+
.bx--data-table tr.c4p--datagrid__carbon-nested-row .c4p--datagrid__cell {
|
19683
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
19684
|
+
}
|
19685
|
+
|
19686
|
+
/*
|
19687
|
+
* Licensed Materials - Property of IBM
|
19688
|
+
* 5724-Q36
|
19689
|
+
* (c) Copyright IBM Corp. 2020
|
19690
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19691
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19692
|
+
*/
|
19693
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label .header-title {
|
19694
|
+
display: inline-block;
|
19695
|
+
width: auto;
|
19696
|
+
}
|
19697
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label {
|
19698
|
+
display: block;
|
19699
|
+
width: 100%;
|
19700
|
+
height: 100%;
|
19701
|
+
}
|
19702
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label button:focus,
|
19703
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label button:active,
|
19704
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label button:focus svg {
|
19705
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19706
|
+
background: none !important;
|
19707
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19708
|
+
color: var(--cds-text-01, #161616) !important;
|
19709
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19710
|
+
outline: none !important;
|
19711
|
+
}
|
19712
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label button {
|
19713
|
+
width: 100%;
|
19714
|
+
min-width: 100%;
|
19715
|
+
min-height: 0;
|
19716
|
+
padding: 0;
|
19717
|
+
border: none;
|
19718
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19719
|
+
background: none !important;
|
19720
|
+
box-shadow: none;
|
19721
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19722
|
+
color: var(--cds-text-01, #161616) !important;
|
19723
|
+
font: inherit;
|
19724
|
+
}
|
19725
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label button svg {
|
19726
|
+
fill: var(--cds-text-01, #161616);
|
19727
|
+
visibility: hidden;
|
19728
|
+
}
|
19729
|
+
|
19730
|
+
.c4p--datagrid__sortableColumn:hover .bx--table-header-label svg,
|
19731
|
+
.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .bx--table-header-label svg {
|
19732
|
+
visibility: visible;
|
19733
|
+
}
|
19734
|
+
|
19735
|
+
/*
|
19736
|
+
* Licensed Materials - Property of IBM
|
19737
|
+
* 5724-Q36
|
19738
|
+
* (c) Copyright IBM Corp. 2020
|
19739
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19740
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19741
|
+
*/
|
19742
|
+
.c4p--datagrid__right-align-header {
|
19743
|
+
width: 100%;
|
19744
|
+
text-align: right;
|
19745
|
+
}
|
19746
|
+
|
19747
|
+
.c4p--datagrid__right-align-header button {
|
19748
|
+
text-align: right;
|
19749
|
+
}
|
19750
|
+
|
19751
|
+
.c4p--datagrid__right-align-cell-renderer {
|
19752
|
+
width: 100%;
|
19753
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19754
|
+
padding-right: 23px;
|
19755
|
+
text-align: right;
|
19756
|
+
}
|
19757
|
+
|
19758
|
+
.c4p--datagrid__right-align-cell-renderer.sortDisabled {
|
19759
|
+
padding-right: 0;
|
19760
|
+
}
|
19761
|
+
|
19762
|
+
/*
|
19763
|
+
* Licensed Materials - Property of IBM
|
19764
|
+
* 5724-Q36
|
19765
|
+
* (c) Copyright IBM Corp. 2021
|
19766
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19767
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19768
|
+
*/
|
19769
|
+
.c4p--datagrid__right-sticky-column-cell {
|
19770
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19771
|
+
position: sticky !important;
|
19772
|
+
right: 0;
|
19773
|
+
box-shadow: -2px 1px 3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
|
19774
|
+
}
|
19775
|
+
|
19776
|
+
.c4p--datagrid__right-sticky-column-header {
|
19777
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19778
|
+
position: sticky !important;
|
19779
|
+
right: 0;
|
19780
|
+
box-shadow: -2px 1px 3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
|
19781
|
+
}
|
19782
|
+
|
19783
|
+
.c4p--datagrid__sticky-noShadow {
|
19784
|
+
box-shadow: none;
|
19785
|
+
}
|
19786
|
+
|
19787
|
+
.c4p--datagrid__sticky-column-noShadow .c4p--datagrid__right-sticky-column-cell {
|
19788
|
+
box-shadow: none;
|
19789
|
+
}
|
19790
|
+
|
19791
|
+
.c4p--datagrid__right-sticky-column-offset-scroll {
|
19792
|
+
/* stylelint-disable-next-line */
|
19793
|
+
right: 6px !important;
|
19794
|
+
}
|
19795
|
+
|
19796
|
+
/*
|
19797
|
+
* Licensed Materials - Property of IBM
|
19798
|
+
* 5724-Q36
|
19799
|
+
* (c) Copyright IBM Corp. 2021
|
19800
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19801
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19802
|
+
*/
|
19803
|
+
.c4p--datagrid__actions-column-cell {
|
19804
|
+
display: flex;
|
19805
|
+
flex-flow: column;
|
19806
|
+
justify-content: center;
|
19807
|
+
}
|
19808
|
+
|
19809
|
+
.c4p--datagrid__actions-column-content {
|
19810
|
+
display: flex;
|
19811
|
+
justify-content: center;
|
19812
|
+
}
|
19813
|
+
|
19814
|
+
.c4p--datagrid__actions-column-loading {
|
19815
|
+
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
19816
|
+
}
|
19817
|
+
|
19818
|
+
/*
|
19819
|
+
* Licensed Materials - Property of IBM
|
19820
|
+
* 5724-Q36
|
19821
|
+
* (c) Copyright IBM Corp. 2021
|
19822
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19823
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19824
|
+
*/
|
19825
|
+
.c4p--datagrid__customize-columns-modal .bx--modal-content {
|
19826
|
+
position: inherit;
|
19827
|
+
display: flex;
|
19828
|
+
flex-flow: column;
|
19829
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19830
|
+
padding-top: 0 !important;
|
19831
|
+
}
|
19832
|
+
|
19833
|
+
.c4p--datagrid__customize-columns-checkbox {
|
19834
|
+
display: flex;
|
19835
|
+
justify-content: center;
|
19836
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19837
|
+
margin-bottom: 0 !important;
|
19838
|
+
}
|
19839
|
+
|
19840
|
+
.c4p--datagrid__customize-columns-modal--actions {
|
19841
|
+
display: flex;
|
19842
|
+
flex-flow: row;
|
19843
|
+
margin-bottom: var(--cds-spacing-06, 1.5rem);
|
19844
|
+
}
|
19845
|
+
|
19846
|
+
.c4p--datagrid__customize-columns-modal--actions > button {
|
19847
|
+
margin-left: var(--cds-spacing-05, 1rem);
|
19848
|
+
}
|
19849
|
+
|
19850
|
+
.c4p--datagrid__customize-columns-instructions {
|
19851
|
+
margin-bottom: var(--cds-spacing-06, 1.5rem);
|
19852
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
19853
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
19854
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
19855
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
19856
|
+
color: var(--cds-text-01, #161616);
|
19857
|
+
}
|
19858
|
+
|
19859
|
+
.c4p--datagrid__customize-columns-column-list {
|
19860
|
+
position: relative;
|
19861
|
+
overflow: auto;
|
19862
|
+
}
|
19863
|
+
|
19864
|
+
/*
|
19865
|
+
* Licensed Materials - Property of IBM
|
19866
|
+
* 5724-Q36
|
19867
|
+
* (c) Copyright IBM Corp. 2021
|
19868
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19869
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19870
|
+
*/
|
19871
|
+
.c4p--datagrid__row-size-dropdown {
|
19872
|
+
position: absolute;
|
19873
|
+
padding: var(--cds-spacing-05, 1rem);
|
19874
|
+
background-color: var(--cds-ui-background, #ffffff);
|
19875
|
+
box-shadow: 1px 4px 8px -3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
|
19876
|
+
}
|
19877
|
+
|
19878
|
+
.c4p--datagrid__row-size-button--open {
|
19879
|
+
background-color: var(--cds-ui-background, #ffffff);
|
19880
|
+
box-shadow: 1px 4px 8px -3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
|
19881
|
+
}
|
19882
|
+
|
19883
|
+
/*
|
19884
|
+
* Licensed Materials - Property of IBM
|
19885
|
+
* 5724-Q36
|
19886
|
+
* (c) Copyright IBM Corp. 2021
|
19887
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19888
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19889
|
+
*/
|
19890
|
+
th.c4p--datagrid__select-all-toggle-on,
|
19891
|
+
td.c4p--datagrid__select-all-toggle-on {
|
19892
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19893
|
+
width: 4.5rem !important;
|
19894
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19895
|
+
min-width: initial !important;
|
19896
|
+
box-sizing: border-box;
|
19897
|
+
flex: 0 0 auto;
|
19898
|
+
}
|
19899
|
+
|
19900
|
+
th.c4p--datagrid__select-all-toggle-on {
|
19901
|
+
display: flex;
|
19902
|
+
align-items: center;
|
19903
|
+
justify-content: center;
|
19904
|
+
}
|
19905
|
+
|
19906
|
+
th.c4p--datagrid__select-all-toggle-on.button {
|
19907
|
+
margin-left: var(--cds-spacing-01, 0.125rem);
|
19908
|
+
}
|
19909
|
+
|
19910
|
+
.c4p--datagrid__datagridWrap {
|
19911
|
+
display: block;
|
19912
|
+
width: 100%;
|
19913
|
+
}
|
19914
|
+
.c4p--datagrid__datagridWrap :global(.bx--checkbox) {
|
19915
|
+
display: none;
|
19916
|
+
}
|
19917
|
+
|
19918
|
+
.c4p--datagrid__datagridWrap-simple {
|
19919
|
+
display: flex;
|
19920
|
+
overflow: hidden;
|
19921
|
+
width: 100%;
|
19922
|
+
height: 100%;
|
19923
|
+
flex-direction: column;
|
19924
|
+
/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
|
19925
|
+
}
|
19926
|
+
.c4p--datagrid__datagridWrap-simple :global .bx--pagination {
|
19927
|
+
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
19928
|
+
overflow-x: unset;
|
19269
19929
|
}
|
19270
19930
|
|
19271
19931
|
/*# sourceMappingURL=index.css.map */
|