@carbon/ibm-products 1.13.0 → 1.16.0
Sign up to get free protection for your applications and to get access to all the features.
- 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 +268 -0
- package/css/components/Datagrid/styles/datagrid.css.map +1 -0
- package/css/components/Datagrid/styles/index.css +513 -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 +611 -10
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -3
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +7 -4
- 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 +611 -10
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -3
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +611 -10
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -3
- package/css/index.min.css.map +1 -1
- package/es/components/AddSelect/AddSelect.js +106 -43
- package/es/components/AddSelect/AddSelectFilter.js +172 -0
- package/es/components/AddSelect/add-select-utils.js +30 -0
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +255 -175
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +78 -17
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +65 -20
- package/es/components/DataSpreadsheet/hooks/index.js +11 -0
- package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +139 -0
- package/es/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +2 -4
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +68 -0
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +1 -3
- package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +20 -8
- package/es/components/DataSpreadsheet/utils/generateData.js +17 -9
- package/es/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +18 -0
- package/es/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +30 -0
- package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +121 -0
- package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +108 -0
- package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +87 -0
- package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +42 -8
- package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +225 -13
- package/es/components/DataSpreadsheet/utils/selectAllCells.js +53 -0
- 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 +60 -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/MultiAddSelect/MultiAddSelect.js +150 -3
- package/es/components/PageHeader/PageHeader.js +3 -1
- package/es/components/SingleAddSelect/SingleAddSelect.js +90 -4
- package/es/components/TagSet/TagSet.js +13 -6
- package/es/components/Tearsheet/TearsheetShell.js +34 -10
- package/es/components/index.js +2 -1
- package/es/global/js/package-settings.js +4 -2
- package/lib/components/AddSelect/AddSelect.js +105 -41
- package/lib/components/AddSelect/AddSelectFilter.js +190 -0
- package/lib/components/AddSelect/add-select-utils.js +35 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +261 -177
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +79 -23
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +67 -21
- package/lib/components/DataSpreadsheet/hooks/index.js +45 -0
- package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +151 -0
- package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +2 -4
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +79 -0
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +1 -3
- package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +21 -8
- package/lib/components/DataSpreadsheet/utils/generateData.js +17 -9
- package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +27 -0
- package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +40 -0
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +127 -0
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +118 -0
- package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +94 -0
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +44 -8
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +235 -20
- package/lib/components/DataSpreadsheet/utils/selectAllCells.js +60 -0
- 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 +68 -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/MultiAddSelect/MultiAddSelect.js +150 -2
- package/lib/components/PageHeader/PageHeader.js +3 -1
- package/lib/components/SingleAddSelect/SingleAddSelect.js +91 -3
- package/lib/components/TagSet/TagSet.js +13 -6
- package/lib/components/Tearsheet/TearsheetShell.js +36 -10
- package/lib/components/index.js +9 -1
- package/lib/global/js/package-settings.js +4 -2
- package/package.json +16 -12
- package/scss/components/AboutModal/_about-modal.scss +4 -0
- package/scss/components/AddSelect/_add-select.scss +46 -2
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +41 -4
- 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 +326 -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 +0 -4
- package/scss/components/Tearsheet/_tearsheet.scss +4 -0
- package/scss/components/_index.scss +1 -0
package/css/index.css
CHANGED
@@ -5246,6 +5246,10 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
|
|
5246
5246
|
bottom: calc(var(--cds-spacing-09, 3rem) + var(--cds-spacing-08, 2.5rem));
|
5247
5247
|
}
|
5248
5248
|
|
5249
|
+
.c4p--about-modal .bx--modal-content--overflow-indicator {
|
5250
|
+
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--cds-ui-01, #f4f4f4));
|
5251
|
+
}
|
5252
|
+
|
5249
5253
|
.c4p--about-modal .c4p--about-modal__links-container {
|
5250
5254
|
margin-top: var(--cds-spacing-05, 1rem);
|
5251
5255
|
}
|
@@ -12712,6 +12716,9 @@ a.bx--side-nav__link--current::before {
|
|
12712
12716
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--date-picker__input {
|
12713
12717
|
background-color: var(--cds-field-01, #f4f4f4);
|
12714
12718
|
}
|
12719
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--select--inline .bx--select-input {
|
12720
|
+
background-color: transparent;
|
12721
|
+
}
|
12715
12722
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--text-input--light,
|
12716
12723
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--text-area--light,
|
12717
12724
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--search--light .bx--search-input,
|
@@ -13311,10 +13318,6 @@ a.bx--side-nav__link--current::before {
|
|
13311
13318
|
padding-right: var(--cds-spacing-05, 1rem);
|
13312
13319
|
}
|
13313
13320
|
|
13314
|
-
.c4p--export-modal .bx--modal-close {
|
13315
|
-
display: none;
|
13316
|
-
}
|
13317
|
-
|
13318
13321
|
.c4p--export-modal__body {
|
13319
13322
|
padding-right: calc(20% - var(--cds-spacing-05, 1rem));
|
13320
13323
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
@@ -14422,11 +14425,50 @@ a.bx--side-nav__link--current::before {
|
|
14422
14425
|
margin-right: var(--cds-spacing-03, 0.5rem);
|
14423
14426
|
}
|
14424
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
|
+
.c4p--add-select__global-filter-applied {
|
14451
|
+
display: flex;
|
14452
|
+
align-items: center;
|
14453
|
+
padding: var(--cds-spacing-03, 0.5rem);
|
14454
|
+
background: var(--cds-ui-01, #f4f4f4);
|
14455
|
+
}
|
14456
|
+
|
14457
|
+
.c4p--add-select__global-filter-button-set button.c4p--add-select__global-filter-button {
|
14458
|
+
max-width: none;
|
14459
|
+
flex: 1;
|
14460
|
+
}
|
14461
|
+
|
14462
|
+
button.c4p--add-select__global-filter-toggle {
|
14463
|
+
border-bottom-color: var(--cds-ui-04, #8d8d8d);
|
14464
|
+
background: var(--cds-field-01, #f4f4f4);
|
14465
|
+
}
|
14466
|
+
|
14425
14467
|
.c4p--add-select__tag-container .bx--tag {
|
14426
14468
|
margin: 0;
|
14427
14469
|
}
|
14428
14470
|
|
14429
|
-
.c4p--add-select .c4p--
|
14471
|
+
.c4p--add-select .c4p--tearsheet__influencer {
|
14430
14472
|
max-width: 29rem;
|
14431
14473
|
flex: 0 0 50%;
|
14432
14474
|
}
|
@@ -14435,7 +14477,7 @@ a.bx--side-nav__link--current::before {
|
|
14435
14477
|
color: var(--cds-text-02, #525252);
|
14436
14478
|
}
|
14437
14479
|
|
14438
|
-
.c4p--add-select .c4p--
|
14480
|
+
.c4p--add-select .c4p--tearsheet__content {
|
14439
14481
|
display: flex;
|
14440
14482
|
flex-direction: column;
|
14441
14483
|
}
|
@@ -19222,7 +19264,7 @@ a.bx--side-nav__link--current::before {
|
|
19222
19264
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__header--container {
|
19223
19265
|
position: relative;
|
19224
19266
|
}
|
19225
|
-
.c4p--data-spreadsheet .c4p--data-spreadsheet__tr :last-child .c4p--data-spreadsheet__td {
|
19267
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__tr :last-child .c4p--data-spreadsheet__body--td .c4p--data-spreadsheet__td {
|
19226
19268
|
border-bottom: 0;
|
19227
19269
|
}
|
19228
19270
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
|
@@ -19231,19 +19273,25 @@ a.bx--side-nav__link--current::before {
|
|
19231
19273
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
19232
19274
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
19233
19275
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
19276
|
+
width: 100%;
|
19277
|
+
height: 100%;
|
19234
19278
|
padding: 0 var(--cds-spacing-03, 0.5rem);
|
19235
19279
|
border: 0;
|
19236
19280
|
margin: 0;
|
19237
19281
|
color: var(--cds-text-01, #161616);
|
19238
19282
|
}
|
19239
|
-
.c4p--data-spreadsheet .c4p--data-
|
19240
|
-
|
19283
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__body--td {
|
19284
|
+
color: var(--cds-text-02, #525252);
|
19285
|
+
}
|
19286
|
+
.c4p--data-spreadsheet [role="'columnheader'"]:last-child,
|
19287
|
+
.c4p--data-spreadsheet [role="'gridcell'"]:last-child {
|
19241
19288
|
border-right: 1px solid var(--cds-text-03, #a8a8a8);
|
19242
19289
|
}
|
19243
19290
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
|
19244
19291
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td {
|
19245
19292
|
border-right: 1px solid var(--cds-text-03, #a8a8a8);
|
19246
19293
|
border-bottom: 1px solid var(--cds-text-03, #a8a8a8);
|
19294
|
+
height: 100%;
|
19247
19295
|
background-color: var(--cds-ui-03, #e0e0e0);
|
19248
19296
|
cursor: pointer;
|
19249
19297
|
}
|
@@ -19252,6 +19300,15 @@ a.bx--side-nav__link--current::before {
|
|
19252
19300
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td:focus {
|
19253
19301
|
background-color: var(--cds-hover-selected-ui, #cacaca);
|
19254
19302
|
}
|
19303
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--select-all {
|
19304
|
+
width: var(--cds-spacing-10, 4rem);
|
19305
|
+
}
|
19306
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--cell-container,
|
19307
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__select-all-cell-container {
|
19308
|
+
position: sticky;
|
19309
|
+
z-index: 4;
|
19310
|
+
left: 0;
|
19311
|
+
}
|
19255
19312
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td {
|
19256
19313
|
font-weight: 600;
|
19257
19314
|
display: flex;
|
@@ -19286,7 +19343,9 @@ a.bx--side-nav__link--current::before {
|
|
19286
19343
|
overflow: hidden;
|
19287
19344
|
/* stylelint-disable-next-line carbon/layout-token-use */
|
19288
19345
|
padding: 0 calc(var(--cds-spacing-03, 0.5rem) + 1px) 0 var(--cds-spacing-03, 0.5rem);
|
19346
|
+
margin: 0;
|
19289
19347
|
background-color: var(--cds-field-01, #f4f4f4);
|
19348
|
+
color: var(--cds-text-01, #161616);
|
19290
19349
|
resize: none;
|
19291
19350
|
}
|
19292
19351
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor.bx--text-area {
|
@@ -19327,6 +19386,8 @@ a.bx--side-nav__link--current::before {
|
|
19327
19386
|
/* stylelint-disable-next-line carbon/layout-token-use */
|
19328
19387
|
padding-right: calc(var(--cds-spacing-03, 0.5rem) - 1px);
|
19329
19388
|
padding-bottom: var(--cds-spacing-01, 0.125rem);
|
19389
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19390
|
+
padding-left: calc(var(--cds-spacing-03, 0.5rem) - var(--cds-spacing-01, 0.125rem));
|
19330
19391
|
border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
|
19331
19392
|
background-color: var(--cds-field-01, #f4f4f4);
|
19332
19393
|
color: var(--cds-text-01, #161616);
|
@@ -19339,6 +19400,17 @@ a.bx--side-nav__link--current::before {
|
|
19339
19400
|
border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
|
19340
19401
|
outline: 0;
|
19341
19402
|
}
|
19403
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight.c4p--data-spreadsheet__active-cell--with-selection::before {
|
19404
|
+
position: absolute;
|
19405
|
+
top: 0;
|
19406
|
+
left: 0;
|
19407
|
+
display: block;
|
19408
|
+
width: 100%;
|
19409
|
+
height: 100%;
|
19410
|
+
background-color: var(--cds-interactive-01, #0f62fe);
|
19411
|
+
content: "";
|
19412
|
+
opacity: 0.25;
|
19413
|
+
}
|
19342
19414
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element {
|
19343
19415
|
position: absolute;
|
19344
19416
|
z-index: 2;
|
@@ -19354,11 +19426,540 @@ a.bx--side-nav__link--current::before {
|
|
19354
19426
|
height: 100%;
|
19355
19427
|
background-color: var(--cds-interactive-01, #0f62fe);
|
19356
19428
|
content: "";
|
19357
|
-
opacity: 0.
|
19429
|
+
opacity: 0.2;
|
19358
19430
|
}
|
19359
19431
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header,
|
19360
19432
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--active-header.c4p--data-spreadsheet__td {
|
19361
19433
|
background-color: var(--cds-hover-selected-ui, #cacaca);
|
19362
19434
|
}
|
19435
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__list--container {
|
19436
|
+
overscroll-behavior: none;
|
19437
|
+
}
|
19438
|
+
|
19439
|
+
/*
|
19440
|
+
* Licensed Materials - Property of IBM
|
19441
|
+
* 5724-Q36
|
19442
|
+
* (c) Copyright IBM Corp. 2020 - 2021
|
19443
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19444
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19445
|
+
*/
|
19446
|
+
.c4p--datagrid__table-toolbar > section {
|
19447
|
+
z-index: 2;
|
19448
|
+
overflow: visible;
|
19449
|
+
}
|
19450
|
+
|
19451
|
+
.c4p--datagrid__full-height,
|
19452
|
+
.c4p--datagrid__full-height table,
|
19453
|
+
.c4p--datagrid__full-height tbody {
|
19454
|
+
height: 100%;
|
19455
|
+
}
|
19456
|
+
|
19457
|
+
.c4p--datagrid__grid-container::-webkit-scrollbar-thumb {
|
19458
|
+
background-color: var(--cds-text-03, #a8a8a8);
|
19459
|
+
}
|
19460
|
+
|
19461
|
+
.c4p--datagrid__grid-container table {
|
19462
|
+
/* Removes additional scroll introduced by Carbon table */
|
19463
|
+
overflow: hidden;
|
19464
|
+
}
|
19465
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__head .bx--table-header-label {
|
19466
|
+
display: flex;
|
19467
|
+
height: 100%;
|
19468
|
+
align-items: center;
|
19469
|
+
color: var(--cds-text-01, #161616);
|
19470
|
+
}
|
19471
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__cell {
|
19472
|
+
align-items: center;
|
19473
|
+
padding-top: 0;
|
19474
|
+
padding-bottom: 0;
|
19475
|
+
}
|
19476
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.bx--table-column-checkbox,
|
19477
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.bx--table-column-checkbox {
|
19478
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19479
|
+
padding-top: 0.6875rem;
|
19480
|
+
}
|
19481
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.bx--table-column-checkbox.c4p--datagrid__checkbox-cell,
|
19482
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.bx--table-column-checkbox.c4p--datagrid__checkbox-cell {
|
19483
|
+
display: flex;
|
19484
|
+
align-items: center;
|
19485
|
+
padding-top: 0;
|
19486
|
+
}
|
19487
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.bx--table-column-checkbox {
|
19488
|
+
display: flex;
|
19489
|
+
height: 100%;
|
19490
|
+
align-items: center;
|
19491
|
+
padding-top: 0;
|
19492
|
+
}
|
19493
|
+
.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 {
|
19494
|
+
padding-top: var(--cds-spacing-01, 0.125rem);
|
19495
|
+
padding-bottom: var(--cds-spacing-01, 0.125rem);
|
19496
|
+
}
|
19497
|
+
.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 {
|
19498
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19499
|
+
padding-top: 0.4375rem;
|
19500
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19501
|
+
padding-bottom: 0.375rem;
|
19502
|
+
}
|
19503
|
+
.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 {
|
19504
|
+
padding-top: var(--cds-spacing-05, 1rem);
|
19505
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
19506
|
+
}
|
19507
|
+
.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 {
|
19508
|
+
padding-top: var(--cds-spacing-05, 1rem);
|
19509
|
+
}
|
19510
|
+
.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 {
|
19511
|
+
padding-top: var(--cds-spacing-05, 1rem);
|
19512
|
+
}
|
19513
|
+
.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 {
|
19514
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19515
|
+
padding-top: 0.8125rem;
|
19516
|
+
}
|
19517
|
+
.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 {
|
19518
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
19519
|
+
}
|
19520
|
+
.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 {
|
19521
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
19522
|
+
}
|
19523
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__variable-row-height tr.c4p--datagrid__carbon-row {
|
19524
|
+
height: auto;
|
19525
|
+
}
|
19526
|
+
|
19527
|
+
.c4p--datagrid__grid-container {
|
19528
|
+
display: block;
|
19529
|
+
overflow: auto;
|
19530
|
+
width: 100%;
|
19531
|
+
padding-top: 0;
|
19532
|
+
}
|
19533
|
+
.c4p--datagrid__grid-container .bx--data-table-content {
|
19534
|
+
width: 100%;
|
19535
|
+
height: 100%;
|
19536
|
+
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
19537
|
+
overflow-x: unset;
|
19538
|
+
}
|
19539
|
+
.c4p--datagrid__grid-container .c4p--datagrid__table-simple {
|
19540
|
+
display: flex;
|
19541
|
+
overflow: hidden;
|
19542
|
+
max-height: 100%;
|
19543
|
+
flex-direction: column;
|
19544
|
+
}
|
19545
|
+
.c4p--datagrid__grid-container .c4p--datagrid__with-pagination tr:last-of-type > td {
|
19546
|
+
border-bottom: none;
|
19547
|
+
}
|
19548
|
+
.c4p--datagrid__grid-container .c4p--datagrid__head {
|
19549
|
+
display: flex;
|
19550
|
+
}
|
19551
|
+
.c4p--datagrid__grid-container .c4p--datagrid__head .header {
|
19552
|
+
/* Each cell should grow equally */
|
19553
|
+
width: 1%;
|
19554
|
+
align-items: center;
|
19555
|
+
}
|
19556
|
+
.c4p--datagrid__grid-container .c4p--datagrid__empty-state-body {
|
19557
|
+
display: flex;
|
19558
|
+
width: 100%;
|
19559
|
+
}
|
19560
|
+
.c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar {
|
19561
|
+
scrollbar-width: thin;
|
19562
|
+
}
|
19563
|
+
.c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-thumb {
|
19564
|
+
background-color: var(--cds-text-03, #a8a8a8);
|
19565
|
+
}
|
19566
|
+
.c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
|
19567
|
+
width: 6px;
|
19568
|
+
background-color: var(--cds-ui-background, #ffffff);
|
19569
|
+
}
|
19570
|
+
.c4p--datagrid__grid-container .c4p--datagrid__cell {
|
19571
|
+
display: flex;
|
19572
|
+
/* Each cell should grow equally */
|
19573
|
+
width: 1%;
|
19574
|
+
}
|
19575
|
+
.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer {
|
19576
|
+
overflow: hidden;
|
19577
|
+
width: 100%;
|
19578
|
+
text-overflow: ellipsis;
|
19579
|
+
white-space: nowrap;
|
19580
|
+
}
|
19581
|
+
.c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
|
19582
|
+
display: flex;
|
19583
|
+
overflow: hidden;
|
19584
|
+
width: 100%;
|
19585
|
+
height: 100%;
|
19586
|
+
flex-direction: column;
|
19587
|
+
}
|
19588
|
+
.c4p--datagrid__grid-container .c4p--datagrid__carbon-row {
|
19589
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19590
|
+
flex: none !important;
|
19591
|
+
}
|
19592
|
+
.c4p--datagrid__grid-container .c4p--datagrid__carbon-row .c4p--datagrid__carbon-row:hover a {
|
19593
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19594
|
+
color: var(--cds-hover-primary-text, #0043ce) !important;
|
19595
|
+
}
|
19596
|
+
.c4p--datagrid__grid-container .bx--select-input {
|
19597
|
+
-webkit-appearance: none;
|
19598
|
+
}
|
19599
|
+
.c4p--datagrid__grid-container th.bx--table-column-checkbox {
|
19600
|
+
display: block;
|
19601
|
+
}
|
19602
|
+
.c4p--datagrid__grid-container td.bx--table-column-checkbox,
|
19603
|
+
.c4p--datagrid__grid-container th.bx--table-column-checkbox {
|
19604
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19605
|
+
padding-right: var(--cds-spacing-06, 1.5rem) !important;
|
19606
|
+
}
|
19607
|
+
|
19608
|
+
.c4p--datagrid__resizer {
|
19609
|
+
position: absolute;
|
19610
|
+
z-index: 1;
|
19611
|
+
top: 0;
|
19612
|
+
right: 0;
|
19613
|
+
display: inline-block;
|
19614
|
+
width: var(--cds-spacing-02, 0.25rem);
|
19615
|
+
height: 100%;
|
19616
|
+
background: transparent;
|
19617
|
+
touch-action: none;
|
19618
|
+
transform: translateX(50%);
|
19619
|
+
}
|
19620
|
+
|
19621
|
+
.c4p--datagrid__resizer:hover {
|
19622
|
+
background: transparent;
|
19623
|
+
}
|
19624
|
+
|
19625
|
+
.c4p--datagrid__sortableColumn:hover {
|
19626
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
19627
|
+
}
|
19628
|
+
|
19629
|
+
.c4p--datagrid__resizableColumn.c4p--datagrid__isResizing .c4p--datagrid__resizer {
|
19630
|
+
border-right: var(--cds-spacing-01, 0.125rem) solid var(--cds-hover-secondary, #4c4c4c);
|
19631
|
+
}
|
19632
|
+
.c4p--datagrid__resizableColumn.c4p--datagrid__isSorted {
|
19633
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
19634
|
+
}
|
19635
|
+
|
19636
|
+
.c4p--datagrid__resizableColumn:hover {
|
19637
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
19638
|
+
}
|
19639
|
+
.c4p--datagrid__resizableColumn:hover .c4p--datagrid__resizer {
|
19640
|
+
border-right: var(--cds-spacing-01, 0.125rem) solid var(--cds-ui-04, #8d8d8d);
|
19641
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
19642
|
+
}
|
19643
|
+
|
19644
|
+
.c4p--datagrid__head-hidden-select-all {
|
19645
|
+
padding-right: var(--cds-spacing-08, 2.5rem);
|
19646
|
+
}
|
19647
|
+
|
19648
|
+
.c4p--datagrid__simple-body {
|
19649
|
+
position: relative;
|
19650
|
+
overflow-x: hidden;
|
19651
|
+
overflow-y: auto;
|
19652
|
+
scrollbar-width: thin;
|
19653
|
+
}
|
19654
|
+
|
19655
|
+
.c4p--datagrid__simple-body::-webkit-scrollbar-thumb {
|
19656
|
+
background-color: var(--cds-text-03, #a8a8a8);
|
19657
|
+
}
|
19658
|
+
|
19659
|
+
.c4p--datagrid__simple-body::-webkit-scrollbar {
|
19660
|
+
width: 6px;
|
19661
|
+
background-color: var(--cds-ui-background, #ffffff);
|
19662
|
+
}
|
19663
|
+
|
19664
|
+
.c4p--datagrid__sticky.c4p--datagrid__table-simple {
|
19665
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19666
|
+
min-width: 0 !important;
|
19667
|
+
}
|
19668
|
+
|
19669
|
+
.c4p--datagrid__sticky.c4p--datagrid__simple-body {
|
19670
|
+
overflow: auto;
|
19671
|
+
}
|
19672
|
+
|
19673
|
+
.c4p--datagrid__sticky.c4p--datagrid__table-simple thead > div {
|
19674
|
+
overflow: hidden;
|
19675
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19676
|
+
width: 100% !important;
|
19677
|
+
}
|
19678
|
+
|
19679
|
+
.block-class__displayFlex {
|
19680
|
+
position: relative;
|
19681
|
+
display: flex;
|
19682
|
+
width: 100%;
|
19683
|
+
height: 100%;
|
19684
|
+
flex-direction: row;
|
19685
|
+
}
|
19686
|
+
|
19687
|
+
.c4p--datagrid__datagridLeftPanel {
|
19688
|
+
display: flex;
|
19689
|
+
width: 388px;
|
19690
|
+
height: 100%;
|
19691
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
19692
|
+
}
|
19693
|
+
|
19694
|
+
.c4p--datagrid__datagridWithPanel {
|
19695
|
+
position: relative;
|
19696
|
+
display: flex;
|
19697
|
+
overflow: auto;
|
19698
|
+
width: 100%;
|
19699
|
+
flex-direction: column;
|
19700
|
+
}
|
19701
|
+
|
19702
|
+
.c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active ~ .c4p--datagrid__carbon-nested-row {
|
19703
|
+
border-left: 1px solid var(--cds-interactive-01, #0f62fe);
|
19704
|
+
}
|
19705
|
+
|
19706
|
+
/*
|
19707
|
+
* Licensed Materials - Property of IBM
|
19708
|
+
* 5724-Q36
|
19709
|
+
* (c) Copyright IBM Corp. 2020 - 2021
|
19710
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19711
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19712
|
+
*/
|
19713
|
+
.bx--data-table tr.c4p--datagrid__carbon-nested-row {
|
19714
|
+
border-left: 1px solid transparent;
|
19715
|
+
}
|
19716
|
+
.bx--data-table tr.c4p--datagrid__carbon-nested-row .c4p--datagrid__cell {
|
19717
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
19718
|
+
}
|
19719
|
+
|
19720
|
+
/*
|
19721
|
+
* Licensed Materials - Property of IBM
|
19722
|
+
* 5724-Q36
|
19723
|
+
* (c) Copyright IBM Corp. 2020
|
19724
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19725
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19726
|
+
*/
|
19727
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label .header-title {
|
19728
|
+
display: inline-block;
|
19729
|
+
width: auto;
|
19730
|
+
}
|
19731
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label {
|
19732
|
+
display: block;
|
19733
|
+
width: 100%;
|
19734
|
+
height: 100%;
|
19735
|
+
}
|
19736
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label button:focus,
|
19737
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label button:active,
|
19738
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label button:focus svg {
|
19739
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19740
|
+
background: none !important;
|
19741
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19742
|
+
color: var(--cds-text-01, #161616) !important;
|
19743
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19744
|
+
outline: none !important;
|
19745
|
+
}
|
19746
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label button {
|
19747
|
+
width: 100%;
|
19748
|
+
min-width: 100%;
|
19749
|
+
min-height: 0;
|
19750
|
+
padding: 0;
|
19751
|
+
border: none;
|
19752
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19753
|
+
background: none !important;
|
19754
|
+
box-shadow: none;
|
19755
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19756
|
+
color: var(--cds-text-01, #161616) !important;
|
19757
|
+
font: inherit;
|
19758
|
+
}
|
19759
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label button svg {
|
19760
|
+
fill: var(--cds-text-01, #161616);
|
19761
|
+
visibility: hidden;
|
19762
|
+
}
|
19763
|
+
|
19764
|
+
.c4p--datagrid__sortableColumn:hover .bx--table-header-label svg,
|
19765
|
+
.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .bx--table-header-label svg {
|
19766
|
+
visibility: visible;
|
19767
|
+
}
|
19768
|
+
|
19769
|
+
/*
|
19770
|
+
* Licensed Materials - Property of IBM
|
19771
|
+
* 5724-Q36
|
19772
|
+
* (c) Copyright IBM Corp. 2020
|
19773
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19774
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19775
|
+
*/
|
19776
|
+
.c4p--datagrid__right-align-header {
|
19777
|
+
width: 100%;
|
19778
|
+
text-align: right;
|
19779
|
+
}
|
19780
|
+
|
19781
|
+
.c4p--datagrid__right-align-header button {
|
19782
|
+
text-align: right;
|
19783
|
+
}
|
19784
|
+
|
19785
|
+
.c4p--datagrid__right-align-cell-renderer {
|
19786
|
+
width: 100%;
|
19787
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
19788
|
+
padding-right: 23px;
|
19789
|
+
text-align: right;
|
19790
|
+
}
|
19791
|
+
|
19792
|
+
.c4p--datagrid__right-align-cell-renderer.sortDisabled {
|
19793
|
+
padding-right: 0;
|
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__right-sticky-column-cell {
|
19804
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19805
|
+
position: sticky !important;
|
19806
|
+
right: 0;
|
19807
|
+
box-shadow: -2px 1px 3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
|
19808
|
+
}
|
19809
|
+
|
19810
|
+
.c4p--datagrid__right-sticky-column-header {
|
19811
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19812
|
+
position: sticky !important;
|
19813
|
+
right: 0;
|
19814
|
+
box-shadow: -2px 1px 3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
|
19815
|
+
}
|
19816
|
+
|
19817
|
+
.c4p--datagrid__sticky-noShadow {
|
19818
|
+
box-shadow: none;
|
19819
|
+
}
|
19820
|
+
|
19821
|
+
.c4p--datagrid__sticky-column-noShadow .c4p--datagrid__right-sticky-column-cell {
|
19822
|
+
box-shadow: none;
|
19823
|
+
}
|
19824
|
+
|
19825
|
+
.c4p--datagrid__right-sticky-column-offset-scroll {
|
19826
|
+
/* stylelint-disable-next-line */
|
19827
|
+
right: 6px !important;
|
19828
|
+
}
|
19829
|
+
|
19830
|
+
/*
|
19831
|
+
* Licensed Materials - Property of IBM
|
19832
|
+
* 5724-Q36
|
19833
|
+
* (c) Copyright IBM Corp. 2021
|
19834
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19835
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19836
|
+
*/
|
19837
|
+
.c4p--datagrid__actions-column-cell {
|
19838
|
+
display: flex;
|
19839
|
+
flex-flow: column;
|
19840
|
+
justify-content: center;
|
19841
|
+
}
|
19842
|
+
|
19843
|
+
.c4p--datagrid__actions-column-content {
|
19844
|
+
display: flex;
|
19845
|
+
justify-content: center;
|
19846
|
+
}
|
19847
|
+
|
19848
|
+
.c4p--datagrid__actions-column-loading {
|
19849
|
+
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
19850
|
+
}
|
19851
|
+
|
19852
|
+
/*
|
19853
|
+
* Licensed Materials - Property of IBM
|
19854
|
+
* 5724-Q36
|
19855
|
+
* (c) Copyright IBM Corp. 2021
|
19856
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19857
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19858
|
+
*/
|
19859
|
+
.c4p--datagrid__customize-columns-modal .bx--modal-content {
|
19860
|
+
position: inherit;
|
19861
|
+
display: flex;
|
19862
|
+
flex-flow: column;
|
19863
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19864
|
+
padding-top: 0 !important;
|
19865
|
+
}
|
19866
|
+
|
19867
|
+
.c4p--datagrid__customize-columns-checkbox {
|
19868
|
+
display: flex;
|
19869
|
+
justify-content: center;
|
19870
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19871
|
+
margin-bottom: 0 !important;
|
19872
|
+
}
|
19873
|
+
|
19874
|
+
.c4p--datagrid__customize-columns-modal--actions {
|
19875
|
+
display: flex;
|
19876
|
+
flex-flow: row;
|
19877
|
+
margin-bottom: var(--cds-spacing-06, 1.5rem);
|
19878
|
+
}
|
19879
|
+
|
19880
|
+
.c4p--datagrid__customize-columns-modal--actions > button {
|
19881
|
+
margin-left: var(--cds-spacing-05, 1rem);
|
19882
|
+
}
|
19883
|
+
|
19884
|
+
.c4p--datagrid__customize-columns-instructions {
|
19885
|
+
margin-bottom: var(--cds-spacing-06, 1.5rem);
|
19886
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
19887
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
19888
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
19889
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
19890
|
+
color: var(--cds-text-01, #161616);
|
19891
|
+
}
|
19892
|
+
|
19893
|
+
.c4p--datagrid__customize-columns-column-list {
|
19894
|
+
position: relative;
|
19895
|
+
overflow: auto;
|
19896
|
+
}
|
19897
|
+
|
19898
|
+
/*
|
19899
|
+
* Licensed Materials - Property of IBM
|
19900
|
+
* 5724-Q36
|
19901
|
+
* (c) Copyright IBM Corp. 2021
|
19902
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19903
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19904
|
+
*/
|
19905
|
+
.c4p--datagrid__row-size-dropdown {
|
19906
|
+
position: absolute;
|
19907
|
+
padding: var(--cds-spacing-05, 1rem);
|
19908
|
+
background-color: var(--cds-ui-background, #ffffff);
|
19909
|
+
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));
|
19910
|
+
}
|
19911
|
+
|
19912
|
+
.c4p--datagrid__row-size-button--open {
|
19913
|
+
background-color: var(--cds-ui-background, #ffffff);
|
19914
|
+
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));
|
19915
|
+
}
|
19916
|
+
|
19917
|
+
/*
|
19918
|
+
* Licensed Materials - Property of IBM
|
19919
|
+
* 5724-Q36
|
19920
|
+
* (c) Copyright IBM Corp. 2021
|
19921
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
19922
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
19923
|
+
*/
|
19924
|
+
th.c4p--datagrid__select-all-toggle-on,
|
19925
|
+
td.c4p--datagrid__select-all-toggle-on {
|
19926
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19927
|
+
width: 4.5rem !important;
|
19928
|
+
/* stylelint-disable-next-line declaration-no-important */
|
19929
|
+
min-width: initial !important;
|
19930
|
+
box-sizing: border-box;
|
19931
|
+
flex: 0 0 auto;
|
19932
|
+
}
|
19933
|
+
|
19934
|
+
th.c4p--datagrid__select-all-toggle-on {
|
19935
|
+
display: flex;
|
19936
|
+
align-items: center;
|
19937
|
+
justify-content: center;
|
19938
|
+
}
|
19939
|
+
|
19940
|
+
th.c4p--datagrid__select-all-toggle-on.button {
|
19941
|
+
margin-left: var(--cds-spacing-01, 0.125rem);
|
19942
|
+
}
|
19943
|
+
|
19944
|
+
.c4p--datagrid__datagridWrap {
|
19945
|
+
display: block;
|
19946
|
+
width: 100%;
|
19947
|
+
}
|
19948
|
+
.c4p--datagrid__datagridWrap :global(.bx--checkbox) {
|
19949
|
+
display: none;
|
19950
|
+
}
|
19951
|
+
|
19952
|
+
.c4p--datagrid__datagridWrap-simple {
|
19953
|
+
display: flex;
|
19954
|
+
overflow: hidden;
|
19955
|
+
width: 100%;
|
19956
|
+
height: 100%;
|
19957
|
+
flex-direction: column;
|
19958
|
+
/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
|
19959
|
+
}
|
19960
|
+
.c4p--datagrid__datagridWrap-simple :global .bx--pagination {
|
19961
|
+
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
19962
|
+
overflow-x: unset;
|
19963
|
+
}
|
19363
19964
|
|
19364
19965
|
/*# sourceMappingURL=index.css.map */
|