@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
@@ -161,6 +161,10 @@
|
|
161
161
|
bottom: calc(var(--cds-spacing-09, 3rem) + var(--cds-spacing-08, 2.5rem));
|
162
162
|
}
|
163
163
|
|
164
|
+
.c4p--about-modal .bx--modal-content--overflow-indicator {
|
165
|
+
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--cds-ui-01, #f4f4f4));
|
166
|
+
}
|
167
|
+
|
164
168
|
.c4p--about-modal .c4p--about-modal__links-container {
|
165
169
|
margin-top: var(--cds-spacing-05, 1rem);
|
166
170
|
}
|
@@ -1730,6 +1734,9 @@
|
|
1730
1734
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--date-picker__input {
|
1731
1735
|
background-color: var(--cds-field-01, #f4f4f4);
|
1732
1736
|
}
|
1737
|
+
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--select--inline .bx--select-input {
|
1738
|
+
background-color: transparent;
|
1739
|
+
}
|
1733
1740
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--text-input--light,
|
1734
1741
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--text-area--light,
|
1735
1742
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .bx--search--light .bx--search-input,
|
@@ -2020,10 +2027,6 @@
|
|
2020
2027
|
padding-right: var(--cds-spacing-05, 1rem);
|
2021
2028
|
}
|
2022
2029
|
|
2023
|
-
.c4p--export-modal .bx--modal-close {
|
2024
|
-
display: none;
|
2025
|
-
}
|
2026
|
-
|
2027
2030
|
.c4p--export-modal__body {
|
2028
2031
|
padding-right: calc(20% - var(--cds-spacing-05, 1rem));
|
2029
2032
|
margin-bottom: var(--cds-spacing-05, 1rem);
|
@@ -2560,11 +2563,50 @@
|
|
2560
2563
|
margin-right: var(--cds-spacing-03, 0.5rem);
|
2561
2564
|
}
|
2562
2565
|
|
2566
|
+
.c4p--add-select__global-filter {
|
2567
|
+
position: absolute;
|
2568
|
+
z-index: 6000;
|
2569
|
+
right: 0;
|
2570
|
+
width: 100%;
|
2571
|
+
max-width: 40rem;
|
2572
|
+
background: var(--cds-ui-01, #f4f4f4);
|
2573
|
+
transform: translate(0, 100%);
|
2574
|
+
}
|
2575
|
+
.c4p--add-select__global-filter-search {
|
2576
|
+
position: relative;
|
2577
|
+
display: flex;
|
2578
|
+
align-items: flex-end;
|
2579
|
+
}
|
2580
|
+
.c4p--add-select__global-filter-content {
|
2581
|
+
padding: var(--cds-spacing-05, 1rem);
|
2582
|
+
}
|
2583
|
+
.c4p--add-select__global-filter-opts {
|
2584
|
+
display: grid;
|
2585
|
+
grid-gap: var(--cds-spacing-05, 1rem) 2rem;
|
2586
|
+
grid-template-columns: repeat(2, 1fr);
|
2587
|
+
}
|
2588
|
+
.c4p--add-select__global-filter-applied {
|
2589
|
+
display: flex;
|
2590
|
+
align-items: center;
|
2591
|
+
padding: var(--cds-spacing-03, 0.5rem);
|
2592
|
+
background: var(--cds-ui-01, #f4f4f4);
|
2593
|
+
}
|
2594
|
+
|
2595
|
+
.c4p--add-select__global-filter-button-set button.c4p--add-select__global-filter-button {
|
2596
|
+
max-width: none;
|
2597
|
+
flex: 1;
|
2598
|
+
}
|
2599
|
+
|
2600
|
+
button.c4p--add-select__global-filter-toggle {
|
2601
|
+
border-bottom-color: var(--cds-ui-04, #8d8d8d);
|
2602
|
+
background: var(--cds-field-01, #f4f4f4);
|
2603
|
+
}
|
2604
|
+
|
2563
2605
|
.c4p--add-select__tag-container .bx--tag {
|
2564
2606
|
margin: 0;
|
2565
2607
|
}
|
2566
2608
|
|
2567
|
-
.c4p--add-select .c4p--
|
2609
|
+
.c4p--add-select .c4p--tearsheet__influencer {
|
2568
2610
|
max-width: 29rem;
|
2569
2611
|
flex: 0 0 50%;
|
2570
2612
|
}
|
@@ -2573,7 +2615,7 @@
|
|
2573
2615
|
color: var(--cds-text-02, #525252);
|
2574
2616
|
}
|
2575
2617
|
|
2576
|
-
.c4p--add-select .c4p--
|
2618
|
+
.c4p--add-select .c4p--tearsheet__content {
|
2577
2619
|
display: flex;
|
2578
2620
|
flex-direction: column;
|
2579
2621
|
}
|
@@ -6408,7 +6450,7 @@
|
|
6408
6450
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__header--container {
|
6409
6451
|
position: relative;
|
6410
6452
|
}
|
6411
|
-
.c4p--data-spreadsheet .c4p--data-spreadsheet__tr :last-child .c4p--data-spreadsheet__td {
|
6453
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__tr :last-child .c4p--data-spreadsheet__body--td .c4p--data-spreadsheet__td {
|
6412
6454
|
border-bottom: 0;
|
6413
6455
|
}
|
6414
6456
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
|
@@ -6417,19 +6459,25 @@
|
|
6417
6459
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
6418
6460
|
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
6419
6461
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
6462
|
+
width: 100%;
|
6463
|
+
height: 100%;
|
6420
6464
|
padding: 0 var(--cds-spacing-03, 0.5rem);
|
6421
6465
|
border: 0;
|
6422
6466
|
margin: 0;
|
6423
6467
|
color: var(--cds-text-01, #161616);
|
6424
6468
|
}
|
6425
|
-
.c4p--data-spreadsheet .c4p--data-
|
6426
|
-
|
6469
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__body--td {
|
6470
|
+
color: var(--cds-text-02, #525252);
|
6471
|
+
}
|
6472
|
+
.c4p--data-spreadsheet [role="'columnheader'"]:last-child,
|
6473
|
+
.c4p--data-spreadsheet [role="'gridcell'"]:last-child {
|
6427
6474
|
border-right: 1px solid var(--cds-text-03, #a8a8a8);
|
6428
6475
|
}
|
6429
6476
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
|
6430
6477
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td {
|
6431
6478
|
border-right: 1px solid var(--cds-text-03, #a8a8a8);
|
6432
6479
|
border-bottom: 1px solid var(--cds-text-03, #a8a8a8);
|
6480
|
+
height: 100%;
|
6433
6481
|
background-color: var(--cds-ui-03, #e0e0e0);
|
6434
6482
|
cursor: pointer;
|
6435
6483
|
}
|
@@ -6438,6 +6486,15 @@
|
|
6438
6486
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td:focus {
|
6439
6487
|
background-color: var(--cds-hover-selected-ui, #cacaca);
|
6440
6488
|
}
|
6489
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--select-all {
|
6490
|
+
width: var(--cds-spacing-10, 4rem);
|
6491
|
+
}
|
6492
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--cell-container,
|
6493
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__select-all-cell-container {
|
6494
|
+
position: sticky;
|
6495
|
+
z-index: 4;
|
6496
|
+
left: 0;
|
6497
|
+
}
|
6441
6498
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td {
|
6442
6499
|
font-weight: 600;
|
6443
6500
|
display: flex;
|
@@ -6472,7 +6529,9 @@
|
|
6472
6529
|
overflow: hidden;
|
6473
6530
|
/* stylelint-disable-next-line carbon/layout-token-use */
|
6474
6531
|
padding: 0 calc(var(--cds-spacing-03, 0.5rem) + 1px) 0 var(--cds-spacing-03, 0.5rem);
|
6532
|
+
margin: 0;
|
6475
6533
|
background-color: var(--cds-field-01, #f4f4f4);
|
6534
|
+
color: var(--cds-text-01, #161616);
|
6476
6535
|
resize: none;
|
6477
6536
|
}
|
6478
6537
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor.bx--text-area {
|
@@ -6513,6 +6572,8 @@
|
|
6513
6572
|
/* stylelint-disable-next-line carbon/layout-token-use */
|
6514
6573
|
padding-right: calc(var(--cds-spacing-03, 0.5rem) - 1px);
|
6515
6574
|
padding-bottom: var(--cds-spacing-01, 0.125rem);
|
6575
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
6576
|
+
padding-left: calc(var(--cds-spacing-03, 0.5rem) - var(--cds-spacing-01, 0.125rem));
|
6516
6577
|
border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
|
6517
6578
|
background-color: var(--cds-field-01, #f4f4f4);
|
6518
6579
|
color: var(--cds-text-01, #161616);
|
@@ -6525,6 +6586,17 @@
|
|
6525
6586
|
border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
|
6526
6587
|
outline: 0;
|
6527
6588
|
}
|
6589
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight.c4p--data-spreadsheet__active-cell--with-selection::before {
|
6590
|
+
position: absolute;
|
6591
|
+
top: 0;
|
6592
|
+
left: 0;
|
6593
|
+
display: block;
|
6594
|
+
width: 100%;
|
6595
|
+
height: 100%;
|
6596
|
+
background-color: var(--cds-interactive-01, #0f62fe);
|
6597
|
+
content: "";
|
6598
|
+
opacity: 0.25;
|
6599
|
+
}
|
6528
6600
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element {
|
6529
6601
|
position: absolute;
|
6530
6602
|
z-index: 2;
|
@@ -6540,11 +6612,540 @@
|
|
6540
6612
|
height: 100%;
|
6541
6613
|
background-color: var(--cds-interactive-01, #0f62fe);
|
6542
6614
|
content: "";
|
6543
|
-
opacity: 0.
|
6615
|
+
opacity: 0.2;
|
6544
6616
|
}
|
6545
6617
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header,
|
6546
6618
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--active-header.c4p--data-spreadsheet__td {
|
6547
6619
|
background-color: var(--cds-hover-selected-ui, #cacaca);
|
6548
6620
|
}
|
6621
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__list--container {
|
6622
|
+
overscroll-behavior: none;
|
6623
|
+
}
|
6624
|
+
|
6625
|
+
/*
|
6626
|
+
* Licensed Materials - Property of IBM
|
6627
|
+
* 5724-Q36
|
6628
|
+
* (c) Copyright IBM Corp. 2020 - 2021
|
6629
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
6630
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
6631
|
+
*/
|
6632
|
+
.c4p--datagrid__table-toolbar > section {
|
6633
|
+
z-index: 2;
|
6634
|
+
overflow: visible;
|
6635
|
+
}
|
6636
|
+
|
6637
|
+
.c4p--datagrid__full-height,
|
6638
|
+
.c4p--datagrid__full-height table,
|
6639
|
+
.c4p--datagrid__full-height tbody {
|
6640
|
+
height: 100%;
|
6641
|
+
}
|
6642
|
+
|
6643
|
+
.c4p--datagrid__grid-container::-webkit-scrollbar-thumb {
|
6644
|
+
background-color: var(--cds-text-03, #a8a8a8);
|
6645
|
+
}
|
6646
|
+
|
6647
|
+
.c4p--datagrid__grid-container table {
|
6648
|
+
/* Removes additional scroll introduced by Carbon table */
|
6649
|
+
overflow: hidden;
|
6650
|
+
}
|
6651
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__head .bx--table-header-label {
|
6652
|
+
display: flex;
|
6653
|
+
height: 100%;
|
6654
|
+
align-items: center;
|
6655
|
+
color: var(--cds-text-01, #161616);
|
6656
|
+
}
|
6657
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__cell {
|
6658
|
+
align-items: center;
|
6659
|
+
padding-top: 0;
|
6660
|
+
padding-bottom: 0;
|
6661
|
+
}
|
6662
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.bx--table-column-checkbox,
|
6663
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.bx--table-column-checkbox {
|
6664
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
6665
|
+
padding-top: 0.6875rem;
|
6666
|
+
}
|
6667
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.bx--table-column-checkbox.c4p--datagrid__checkbox-cell,
|
6668
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.bx--table-column-checkbox.c4p--datagrid__checkbox-cell {
|
6669
|
+
display: flex;
|
6670
|
+
align-items: center;
|
6671
|
+
padding-top: 0;
|
6672
|
+
}
|
6673
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.bx--table-column-checkbox {
|
6674
|
+
display: flex;
|
6675
|
+
height: 100%;
|
6676
|
+
align-items: center;
|
6677
|
+
padding-top: 0;
|
6678
|
+
}
|
6679
|
+
.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 {
|
6680
|
+
padding-top: var(--cds-spacing-01, 0.125rem);
|
6681
|
+
padding-bottom: var(--cds-spacing-01, 0.125rem);
|
6682
|
+
}
|
6683
|
+
.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 {
|
6684
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
6685
|
+
padding-top: 0.4375rem;
|
6686
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
6687
|
+
padding-bottom: 0.375rem;
|
6688
|
+
}
|
6689
|
+
.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 {
|
6690
|
+
padding-top: var(--cds-spacing-05, 1rem);
|
6691
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
6692
|
+
}
|
6693
|
+
.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 {
|
6694
|
+
padding-top: var(--cds-spacing-05, 1rem);
|
6695
|
+
}
|
6696
|
+
.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 {
|
6697
|
+
padding-top: var(--cds-spacing-05, 1rem);
|
6698
|
+
}
|
6699
|
+
.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 {
|
6700
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
6701
|
+
padding-top: 0.8125rem;
|
6702
|
+
}
|
6703
|
+
.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 {
|
6704
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
6705
|
+
}
|
6706
|
+
.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 {
|
6707
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
6708
|
+
}
|
6709
|
+
.c4p--datagrid__grid-container table.c4p--datagrid__variable-row-height tr.c4p--datagrid__carbon-row {
|
6710
|
+
height: auto;
|
6711
|
+
}
|
6712
|
+
|
6713
|
+
.c4p--datagrid__grid-container {
|
6714
|
+
display: block;
|
6715
|
+
overflow: auto;
|
6716
|
+
width: 100%;
|
6717
|
+
padding-top: 0;
|
6718
|
+
}
|
6719
|
+
.c4p--datagrid__grid-container .bx--data-table-content {
|
6720
|
+
width: 100%;
|
6721
|
+
height: 100%;
|
6722
|
+
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
6723
|
+
overflow-x: unset;
|
6724
|
+
}
|
6725
|
+
.c4p--datagrid__grid-container .c4p--datagrid__table-simple {
|
6726
|
+
display: flex;
|
6727
|
+
overflow: hidden;
|
6728
|
+
max-height: 100%;
|
6729
|
+
flex-direction: column;
|
6730
|
+
}
|
6731
|
+
.c4p--datagrid__grid-container .c4p--datagrid__with-pagination tr:last-of-type > td {
|
6732
|
+
border-bottom: none;
|
6733
|
+
}
|
6734
|
+
.c4p--datagrid__grid-container .c4p--datagrid__head {
|
6735
|
+
display: flex;
|
6736
|
+
}
|
6737
|
+
.c4p--datagrid__grid-container .c4p--datagrid__head .header {
|
6738
|
+
/* Each cell should grow equally */
|
6739
|
+
width: 1%;
|
6740
|
+
align-items: center;
|
6741
|
+
}
|
6742
|
+
.c4p--datagrid__grid-container .c4p--datagrid__empty-state-body {
|
6743
|
+
display: flex;
|
6744
|
+
width: 100%;
|
6745
|
+
}
|
6746
|
+
.c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar {
|
6747
|
+
scrollbar-width: thin;
|
6748
|
+
}
|
6749
|
+
.c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-thumb {
|
6750
|
+
background-color: var(--cds-text-03, #a8a8a8);
|
6751
|
+
}
|
6752
|
+
.c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
|
6753
|
+
width: 6px;
|
6754
|
+
background-color: var(--cds-ui-background, #ffffff);
|
6755
|
+
}
|
6756
|
+
.c4p--datagrid__grid-container .c4p--datagrid__cell {
|
6757
|
+
display: flex;
|
6758
|
+
/* Each cell should grow equally */
|
6759
|
+
width: 1%;
|
6760
|
+
}
|
6761
|
+
.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer {
|
6762
|
+
overflow: hidden;
|
6763
|
+
width: 100%;
|
6764
|
+
text-overflow: ellipsis;
|
6765
|
+
white-space: nowrap;
|
6766
|
+
}
|
6767
|
+
.c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
|
6768
|
+
display: flex;
|
6769
|
+
overflow: hidden;
|
6770
|
+
width: 100%;
|
6771
|
+
height: 100%;
|
6772
|
+
flex-direction: column;
|
6773
|
+
}
|
6774
|
+
.c4p--datagrid__grid-container .c4p--datagrid__carbon-row {
|
6775
|
+
/* stylelint-disable-next-line declaration-no-important */
|
6776
|
+
flex: none !important;
|
6777
|
+
}
|
6778
|
+
.c4p--datagrid__grid-container .c4p--datagrid__carbon-row .c4p--datagrid__carbon-row:hover a {
|
6779
|
+
/* stylelint-disable-next-line declaration-no-important */
|
6780
|
+
color: var(--cds-hover-primary-text, #0043ce) !important;
|
6781
|
+
}
|
6782
|
+
.c4p--datagrid__grid-container .bx--select-input {
|
6783
|
+
-webkit-appearance: none;
|
6784
|
+
}
|
6785
|
+
.c4p--datagrid__grid-container th.bx--table-column-checkbox {
|
6786
|
+
display: block;
|
6787
|
+
}
|
6788
|
+
.c4p--datagrid__grid-container td.bx--table-column-checkbox,
|
6789
|
+
.c4p--datagrid__grid-container th.bx--table-column-checkbox {
|
6790
|
+
/* stylelint-disable-next-line declaration-no-important */
|
6791
|
+
padding-right: var(--cds-spacing-06, 1.5rem) !important;
|
6792
|
+
}
|
6793
|
+
|
6794
|
+
.c4p--datagrid__resizer {
|
6795
|
+
position: absolute;
|
6796
|
+
z-index: 1;
|
6797
|
+
top: 0;
|
6798
|
+
right: 0;
|
6799
|
+
display: inline-block;
|
6800
|
+
width: var(--cds-spacing-02, 0.25rem);
|
6801
|
+
height: 100%;
|
6802
|
+
background: transparent;
|
6803
|
+
touch-action: none;
|
6804
|
+
transform: translateX(50%);
|
6805
|
+
}
|
6806
|
+
|
6807
|
+
.c4p--datagrid__resizer:hover {
|
6808
|
+
background: transparent;
|
6809
|
+
}
|
6810
|
+
|
6811
|
+
.c4p--datagrid__sortableColumn:hover {
|
6812
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
6813
|
+
}
|
6814
|
+
|
6815
|
+
.c4p--datagrid__resizableColumn.c4p--datagrid__isResizing .c4p--datagrid__resizer {
|
6816
|
+
border-right: var(--cds-spacing-01, 0.125rem) solid var(--cds-hover-secondary, #4c4c4c);
|
6817
|
+
}
|
6818
|
+
.c4p--datagrid__resizableColumn.c4p--datagrid__isSorted {
|
6819
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
6820
|
+
}
|
6821
|
+
|
6822
|
+
.c4p--datagrid__resizableColumn:hover {
|
6823
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
6824
|
+
}
|
6825
|
+
.c4p--datagrid__resizableColumn:hover .c4p--datagrid__resizer {
|
6826
|
+
border-right: var(--cds-spacing-01, 0.125rem) solid var(--cds-ui-04, #8d8d8d);
|
6827
|
+
background-color: var(--cds-hover-selected-ui, #cacaca);
|
6828
|
+
}
|
6829
|
+
|
6830
|
+
.c4p--datagrid__head-hidden-select-all {
|
6831
|
+
padding-right: var(--cds-spacing-08, 2.5rem);
|
6832
|
+
}
|
6833
|
+
|
6834
|
+
.c4p--datagrid__simple-body {
|
6835
|
+
position: relative;
|
6836
|
+
overflow-x: hidden;
|
6837
|
+
overflow-y: auto;
|
6838
|
+
scrollbar-width: thin;
|
6839
|
+
}
|
6840
|
+
|
6841
|
+
.c4p--datagrid__simple-body::-webkit-scrollbar-thumb {
|
6842
|
+
background-color: var(--cds-text-03, #a8a8a8);
|
6843
|
+
}
|
6844
|
+
|
6845
|
+
.c4p--datagrid__simple-body::-webkit-scrollbar {
|
6846
|
+
width: 6px;
|
6847
|
+
background-color: var(--cds-ui-background, #ffffff);
|
6848
|
+
}
|
6849
|
+
|
6850
|
+
.c4p--datagrid__sticky.c4p--datagrid__table-simple {
|
6851
|
+
/* stylelint-disable-next-line declaration-no-important */
|
6852
|
+
min-width: 0 !important;
|
6853
|
+
}
|
6854
|
+
|
6855
|
+
.c4p--datagrid__sticky.c4p--datagrid__simple-body {
|
6856
|
+
overflow: auto;
|
6857
|
+
}
|
6858
|
+
|
6859
|
+
.c4p--datagrid__sticky.c4p--datagrid__table-simple thead > div {
|
6860
|
+
overflow: hidden;
|
6861
|
+
/* stylelint-disable-next-line declaration-no-important */
|
6862
|
+
width: 100% !important;
|
6863
|
+
}
|
6864
|
+
|
6865
|
+
.block-class__displayFlex {
|
6866
|
+
position: relative;
|
6867
|
+
display: flex;
|
6868
|
+
width: 100%;
|
6869
|
+
height: 100%;
|
6870
|
+
flex-direction: row;
|
6871
|
+
}
|
6872
|
+
|
6873
|
+
.c4p--datagrid__datagridLeftPanel {
|
6874
|
+
display: flex;
|
6875
|
+
width: 388px;
|
6876
|
+
height: 100%;
|
6877
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
6878
|
+
}
|
6879
|
+
|
6880
|
+
.c4p--datagrid__datagridWithPanel {
|
6881
|
+
position: relative;
|
6882
|
+
display: flex;
|
6883
|
+
overflow: auto;
|
6884
|
+
width: 100%;
|
6885
|
+
flex-direction: column;
|
6886
|
+
}
|
6887
|
+
|
6888
|
+
.c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active ~ .c4p--datagrid__carbon-nested-row {
|
6889
|
+
border-left: 1px solid var(--cds-interactive-01, #0f62fe);
|
6890
|
+
}
|
6891
|
+
|
6892
|
+
/*
|
6893
|
+
* Licensed Materials - Property of IBM
|
6894
|
+
* 5724-Q36
|
6895
|
+
* (c) Copyright IBM Corp. 2020 - 2021
|
6896
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
6897
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
6898
|
+
*/
|
6899
|
+
.bx--data-table tr.c4p--datagrid__carbon-nested-row {
|
6900
|
+
border-left: 1px solid transparent;
|
6901
|
+
}
|
6902
|
+
.bx--data-table tr.c4p--datagrid__carbon-nested-row .c4p--datagrid__cell {
|
6903
|
+
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
6904
|
+
}
|
6905
|
+
|
6906
|
+
/*
|
6907
|
+
* Licensed Materials - Property of IBM
|
6908
|
+
* 5724-Q36
|
6909
|
+
* (c) Copyright IBM Corp. 2020
|
6910
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
6911
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
6912
|
+
*/
|
6913
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label .header-title {
|
6914
|
+
display: inline-block;
|
6915
|
+
width: auto;
|
6916
|
+
}
|
6917
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label {
|
6918
|
+
display: block;
|
6919
|
+
width: 100%;
|
6920
|
+
height: 100%;
|
6921
|
+
}
|
6922
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label button:focus,
|
6923
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label button:active,
|
6924
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label button:focus svg {
|
6925
|
+
/* stylelint-disable-next-line declaration-no-important */
|
6926
|
+
background: none !important;
|
6927
|
+
/* stylelint-disable-next-line declaration-no-important */
|
6928
|
+
color: var(--cds-text-01, #161616) !important;
|
6929
|
+
/* stylelint-disable-next-line declaration-no-important */
|
6930
|
+
outline: none !important;
|
6931
|
+
}
|
6932
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label button {
|
6933
|
+
width: 100%;
|
6934
|
+
min-width: 100%;
|
6935
|
+
min-height: 0;
|
6936
|
+
padding: 0;
|
6937
|
+
border: none;
|
6938
|
+
/* stylelint-disable-next-line declaration-no-important */
|
6939
|
+
background: none !important;
|
6940
|
+
box-shadow: none;
|
6941
|
+
/* stylelint-disable-next-line declaration-no-important */
|
6942
|
+
color: var(--cds-text-01, #161616) !important;
|
6943
|
+
font: inherit;
|
6944
|
+
}
|
6945
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label button svg {
|
6946
|
+
fill: var(--cds-text-01, #161616);
|
6947
|
+
visibility: hidden;
|
6948
|
+
}
|
6949
|
+
|
6950
|
+
.c4p--datagrid__sortableColumn:hover .bx--table-header-label svg,
|
6951
|
+
.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .bx--table-header-label svg {
|
6952
|
+
visibility: visible;
|
6953
|
+
}
|
6954
|
+
|
6955
|
+
/*
|
6956
|
+
* Licensed Materials - Property of IBM
|
6957
|
+
* 5724-Q36
|
6958
|
+
* (c) Copyright IBM Corp. 2020
|
6959
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
6960
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
6961
|
+
*/
|
6962
|
+
.c4p--datagrid__right-align-header {
|
6963
|
+
width: 100%;
|
6964
|
+
text-align: right;
|
6965
|
+
}
|
6966
|
+
|
6967
|
+
.c4p--datagrid__right-align-header button {
|
6968
|
+
text-align: right;
|
6969
|
+
}
|
6970
|
+
|
6971
|
+
.c4p--datagrid__right-align-cell-renderer {
|
6972
|
+
width: 100%;
|
6973
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
6974
|
+
padding-right: 23px;
|
6975
|
+
text-align: right;
|
6976
|
+
}
|
6977
|
+
|
6978
|
+
.c4p--datagrid__right-align-cell-renderer.sortDisabled {
|
6979
|
+
padding-right: 0;
|
6980
|
+
}
|
6981
|
+
|
6982
|
+
/*
|
6983
|
+
* Licensed Materials - Property of IBM
|
6984
|
+
* 5724-Q36
|
6985
|
+
* (c) Copyright IBM Corp. 2021
|
6986
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
6987
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
6988
|
+
*/
|
6989
|
+
.c4p--datagrid__right-sticky-column-cell {
|
6990
|
+
/* stylelint-disable-next-line declaration-no-important */
|
6991
|
+
position: sticky !important;
|
6992
|
+
right: 0;
|
6993
|
+
box-shadow: -2px 1px 3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
|
6994
|
+
}
|
6995
|
+
|
6996
|
+
.c4p--datagrid__right-sticky-column-header {
|
6997
|
+
/* stylelint-disable-next-line declaration-no-important */
|
6998
|
+
position: sticky !important;
|
6999
|
+
right: 0;
|
7000
|
+
box-shadow: -2px 1px 3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
|
7001
|
+
}
|
7002
|
+
|
7003
|
+
.c4p--datagrid__sticky-noShadow {
|
7004
|
+
box-shadow: none;
|
7005
|
+
}
|
7006
|
+
|
7007
|
+
.c4p--datagrid__sticky-column-noShadow .c4p--datagrid__right-sticky-column-cell {
|
7008
|
+
box-shadow: none;
|
7009
|
+
}
|
7010
|
+
|
7011
|
+
.c4p--datagrid__right-sticky-column-offset-scroll {
|
7012
|
+
/* stylelint-disable-next-line */
|
7013
|
+
right: 6px !important;
|
7014
|
+
}
|
7015
|
+
|
7016
|
+
/*
|
7017
|
+
* Licensed Materials - Property of IBM
|
7018
|
+
* 5724-Q36
|
7019
|
+
* (c) Copyright IBM Corp. 2021
|
7020
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
7021
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
7022
|
+
*/
|
7023
|
+
.c4p--datagrid__actions-column-cell {
|
7024
|
+
display: flex;
|
7025
|
+
flex-flow: column;
|
7026
|
+
justify-content: center;
|
7027
|
+
}
|
7028
|
+
|
7029
|
+
.c4p--datagrid__actions-column-content {
|
7030
|
+
display: flex;
|
7031
|
+
justify-content: center;
|
7032
|
+
}
|
7033
|
+
|
7034
|
+
.c4p--datagrid__actions-column-loading {
|
7035
|
+
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
7036
|
+
}
|
7037
|
+
|
7038
|
+
/*
|
7039
|
+
* Licensed Materials - Property of IBM
|
7040
|
+
* 5724-Q36
|
7041
|
+
* (c) Copyright IBM Corp. 2021
|
7042
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
7043
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
7044
|
+
*/
|
7045
|
+
.c4p--datagrid__customize-columns-modal .bx--modal-content {
|
7046
|
+
position: inherit;
|
7047
|
+
display: flex;
|
7048
|
+
flex-flow: column;
|
7049
|
+
/* stylelint-disable-next-line declaration-no-important */
|
7050
|
+
padding-top: 0 !important;
|
7051
|
+
}
|
7052
|
+
|
7053
|
+
.c4p--datagrid__customize-columns-checkbox {
|
7054
|
+
display: flex;
|
7055
|
+
justify-content: center;
|
7056
|
+
/* stylelint-disable-next-line declaration-no-important */
|
7057
|
+
margin-bottom: 0 !important;
|
7058
|
+
}
|
7059
|
+
|
7060
|
+
.c4p--datagrid__customize-columns-modal--actions {
|
7061
|
+
display: flex;
|
7062
|
+
flex-flow: row;
|
7063
|
+
margin-bottom: var(--cds-spacing-06, 1.5rem);
|
7064
|
+
}
|
7065
|
+
|
7066
|
+
.c4p--datagrid__customize-columns-modal--actions > button {
|
7067
|
+
margin-left: var(--cds-spacing-05, 1rem);
|
7068
|
+
}
|
7069
|
+
|
7070
|
+
.c4p--datagrid__customize-columns-instructions {
|
7071
|
+
margin-bottom: var(--cds-spacing-06, 1.5rem);
|
7072
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
7073
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
7074
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
7075
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
7076
|
+
color: var(--cds-text-01, #161616);
|
7077
|
+
}
|
7078
|
+
|
7079
|
+
.c4p--datagrid__customize-columns-column-list {
|
7080
|
+
position: relative;
|
7081
|
+
overflow: auto;
|
7082
|
+
}
|
7083
|
+
|
7084
|
+
/*
|
7085
|
+
* Licensed Materials - Property of IBM
|
7086
|
+
* 5724-Q36
|
7087
|
+
* (c) Copyright IBM Corp. 2021
|
7088
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
7089
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
7090
|
+
*/
|
7091
|
+
.c4p--datagrid__row-size-dropdown {
|
7092
|
+
position: absolute;
|
7093
|
+
padding: var(--cds-spacing-05, 1rem);
|
7094
|
+
background-color: var(--cds-ui-background, #ffffff);
|
7095
|
+
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));
|
7096
|
+
}
|
7097
|
+
|
7098
|
+
.c4p--datagrid__row-size-button--open {
|
7099
|
+
background-color: var(--cds-ui-background, #ffffff);
|
7100
|
+
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));
|
7101
|
+
}
|
7102
|
+
|
7103
|
+
/*
|
7104
|
+
* Licensed Materials - Property of IBM
|
7105
|
+
* 5724-Q36
|
7106
|
+
* (c) Copyright IBM Corp. 2021
|
7107
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
7108
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
7109
|
+
*/
|
7110
|
+
th.c4p--datagrid__select-all-toggle-on,
|
7111
|
+
td.c4p--datagrid__select-all-toggle-on {
|
7112
|
+
/* stylelint-disable-next-line declaration-no-important */
|
7113
|
+
width: 4.5rem !important;
|
7114
|
+
/* stylelint-disable-next-line declaration-no-important */
|
7115
|
+
min-width: initial !important;
|
7116
|
+
box-sizing: border-box;
|
7117
|
+
flex: 0 0 auto;
|
7118
|
+
}
|
7119
|
+
|
7120
|
+
th.c4p--datagrid__select-all-toggle-on {
|
7121
|
+
display: flex;
|
7122
|
+
align-items: center;
|
7123
|
+
justify-content: center;
|
7124
|
+
}
|
7125
|
+
|
7126
|
+
th.c4p--datagrid__select-all-toggle-on.button {
|
7127
|
+
margin-left: var(--cds-spacing-01, 0.125rem);
|
7128
|
+
}
|
7129
|
+
|
7130
|
+
.c4p--datagrid__datagridWrap {
|
7131
|
+
display: block;
|
7132
|
+
width: 100%;
|
7133
|
+
}
|
7134
|
+
.c4p--datagrid__datagridWrap :global(.bx--checkbox) {
|
7135
|
+
display: none;
|
7136
|
+
}
|
7137
|
+
|
7138
|
+
.c4p--datagrid__datagridWrap-simple {
|
7139
|
+
display: flex;
|
7140
|
+
overflow: hidden;
|
7141
|
+
width: 100%;
|
7142
|
+
height: 100%;
|
7143
|
+
flex-direction: column;
|
7144
|
+
/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
|
7145
|
+
}
|
7146
|
+
.c4p--datagrid__datagridWrap-simple :global .bx--pagination {
|
7147
|
+
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
7148
|
+
overflow-x: unset;
|
7149
|
+
}
|
6549
7150
|
|
6550
7151
|
/*# sourceMappingURL=index-without-carbon.css.map */
|