@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.
Files changed (230) hide show
  1. package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css +47 -0
  2. package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css.map +1 -0
  3. package/css/components/Datagrid/styles/addons/RowSizeDropdown.css +20 -0
  4. package/css/components/Datagrid/styles/addons/RowSizeDropdown.css.map +1 -0
  5. package/css/components/Datagrid/styles/datagrid.css +268 -0
  6. package/css/components/Datagrid/styles/datagrid.css.map +1 -0
  7. package/css/components/Datagrid/styles/index.css +513 -0
  8. package/css/components/Datagrid/styles/index.css.map +1 -0
  9. package/css/components/Datagrid/styles/useActionsColumn.css +23 -0
  10. package/css/components/Datagrid/styles/useActionsColumn.css.map +1 -0
  11. package/css/components/Datagrid/styles/useColumnRightAlign.css +28 -0
  12. package/css/components/Datagrid/styles/useColumnRightAlign.css.map +1 -0
  13. package/css/components/Datagrid/styles/useNestedRows.css +15 -0
  14. package/css/components/Datagrid/styles/useNestedRows.css.map +1 -0
  15. package/css/components/Datagrid/styles/useNestedTable.css +25 -0
  16. package/css/components/Datagrid/styles/useNestedTable.css.map +1 -0
  17. package/css/components/Datagrid/styles/useSelectAllToggle.css +28 -0
  18. package/css/components/Datagrid/styles/useSelectAllToggle.css.map +1 -0
  19. package/css/components/Datagrid/styles/useSortableColumns.css +50 -0
  20. package/css/components/Datagrid/styles/useSortableColumns.css.map +1 -0
  21. package/css/components/Datagrid/styles/useStickyColumn.css +35 -0
  22. package/css/components/Datagrid/styles/useStickyColumn.css.map +1 -0
  23. package/css/index-full-carbon.css +611 -10
  24. package/css/index-full-carbon.css.map +1 -1
  25. package/css/index-full-carbon.min.css +3 -3
  26. package/css/index-full-carbon.min.css.map +1 -1
  27. package/css/index-without-carbon-released-only.css +7 -4
  28. package/css/index-without-carbon-released-only.css.map +1 -1
  29. package/css/index-without-carbon-released-only.min.css +2 -2
  30. package/css/index-without-carbon-released-only.min.css.map +1 -1
  31. package/css/index-without-carbon.css +611 -10
  32. package/css/index-without-carbon.css.map +1 -1
  33. package/css/index-without-carbon.min.css +3 -3
  34. package/css/index-without-carbon.min.css.map +1 -1
  35. package/css/index.css +611 -10
  36. package/css/index.css.map +1 -1
  37. package/css/index.min.css +3 -3
  38. package/css/index.min.css.map +1 -1
  39. package/es/components/AddSelect/AddSelect.js +106 -43
  40. package/es/components/AddSelect/AddSelectFilter.js +172 -0
  41. package/es/components/AddSelect/add-select-utils.js +30 -0
  42. package/es/components/DataSpreadsheet/DataSpreadsheet.js +255 -175
  43. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +78 -17
  44. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +65 -20
  45. package/es/components/DataSpreadsheet/hooks/index.js +11 -0
  46. package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +139 -0
  47. package/es/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +2 -4
  48. package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +68 -0
  49. package/es/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +1 -3
  50. package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +20 -8
  51. package/es/components/DataSpreadsheet/utils/generateData.js +17 -9
  52. package/es/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +18 -0
  53. package/es/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +30 -0
  54. package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +121 -0
  55. package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +108 -0
  56. package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +87 -0
  57. package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +42 -8
  58. package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +225 -13
  59. package/es/components/DataSpreadsheet/utils/selectAllCells.js +53 -0
  60. package/es/components/Datagrid/Datagrid/Datagrid.js +70 -0
  61. package/es/components/Datagrid/Datagrid/DatagridBody.js +36 -0
  62. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +19 -0
  63. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +26 -0
  64. package/es/components/Datagrid/Datagrid/DatagridHead.js +31 -0
  65. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +57 -0
  66. package/es/components/Datagrid/Datagrid/DatagridRefBody.js +37 -0
  67. package/es/components/Datagrid/Datagrid/DatagridRow.js +60 -0
  68. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +50 -0
  69. package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +122 -0
  70. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +36 -0
  71. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +22 -0
  72. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +87 -0
  73. package/es/components/Datagrid/Datagrid/DraggableElement.js +188 -0
  74. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +78 -0
  75. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +51 -0
  76. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +140 -0
  77. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +157 -0
  78. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +62 -0
  79. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +13 -0
  80. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +9 -0
  81. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +62 -0
  82. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +139 -0
  83. package/es/components/Datagrid/Datagrid/addons/RowSize/index.js +8 -0
  84. package/es/components/Datagrid/Datagrid/index.js +8 -0
  85. package/es/components/Datagrid/Datagrid.stories/CustomizeColumnStory.js +6 -0
  86. package/es/components/Datagrid/Datagrid.stories/LeftPanelStory.js +6 -0
  87. package/es/components/Datagrid/Datagrid.stories/RowSizeDropdownStory.js +6 -0
  88. package/es/components/Datagrid/Datagrid.stories/SelectAllWithToggleStory.js +6 -0
  89. package/es/components/Datagrid/Datagrid.stories/StickyActionsColumnStory.js +92 -0
  90. package/es/components/Datagrid/Datagrid.stories/common.js +199 -0
  91. package/es/components/Datagrid/Datagrid.stories/index.js +5 -0
  92. package/es/components/Datagrid/common-column-ids.js +8 -0
  93. package/es/components/Datagrid/index.js +22 -0
  94. package/es/components/Datagrid/useActionsColumn.js +86 -0
  95. package/es/components/Datagrid/useColumnRightAlign.js +52 -0
  96. package/es/components/Datagrid/useCustomizeColumns.js +45 -0
  97. package/es/components/Datagrid/useDatagrid.js +44 -0
  98. package/es/components/Datagrid/useDefaultStringRenderer.js +48 -0
  99. package/es/components/Datagrid/useDisableSelectRows.js +84 -0
  100. package/es/components/Datagrid/useExpandedRow.js +52 -0
  101. package/es/components/Datagrid/useFlexResize.js +51 -0
  102. package/es/components/Datagrid/useFloatingScroll.js +88 -0
  103. package/es/components/Datagrid/useInfiniteScroll.js +54 -0
  104. package/es/components/Datagrid/useNestedRows.js +53 -0
  105. package/es/components/Datagrid/useOnRowClick.js +37 -0
  106. package/es/components/Datagrid/useParentDimensions.js +65 -0
  107. package/es/components/Datagrid/useResizeTable.js +40 -0
  108. package/es/components/Datagrid/useRowExpander.js +34 -0
  109. package/es/components/Datagrid/useRowIsMouseOver.js +61 -0
  110. package/es/components/Datagrid/useRowRenderer.js +30 -0
  111. package/es/components/Datagrid/useRowSize.js +56 -0
  112. package/es/components/Datagrid/useSelectAllToggle.js +74 -0
  113. package/es/components/Datagrid/useSelectRows.js +107 -0
  114. package/es/components/Datagrid/useSkeletonRows.js +32 -0
  115. package/es/components/Datagrid/useSortableColumns.js +110 -0
  116. package/es/components/Datagrid/useStickyColumn.js +183 -0
  117. package/es/components/MultiAddSelect/MultiAddSelect.js +150 -3
  118. package/es/components/PageHeader/PageHeader.js +3 -1
  119. package/es/components/SingleAddSelect/SingleAddSelect.js +90 -4
  120. package/es/components/TagSet/TagSet.js +13 -6
  121. package/es/components/Tearsheet/TearsheetShell.js +34 -10
  122. package/es/components/index.js +2 -1
  123. package/es/global/js/package-settings.js +4 -2
  124. package/lib/components/AddSelect/AddSelect.js +105 -41
  125. package/lib/components/AddSelect/AddSelectFilter.js +190 -0
  126. package/lib/components/AddSelect/add-select-utils.js +35 -2
  127. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +261 -177
  128. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +79 -23
  129. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +67 -21
  130. package/lib/components/DataSpreadsheet/hooks/index.js +45 -0
  131. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +151 -0
  132. package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +2 -4
  133. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +79 -0
  134. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +1 -3
  135. package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +21 -8
  136. package/lib/components/DataSpreadsheet/utils/generateData.js +17 -9
  137. package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +27 -0
  138. package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +40 -0
  139. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +127 -0
  140. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +118 -0
  141. package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +94 -0
  142. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +44 -8
  143. package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +235 -20
  144. package/lib/components/DataSpreadsheet/utils/selectAllCells.js +60 -0
  145. package/lib/components/Datagrid/Datagrid/Datagrid.js +86 -0
  146. package/lib/components/Datagrid/Datagrid/DatagridBody.js +50 -0
  147. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +31 -0
  148. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +38 -0
  149. package/lib/components/Datagrid/Datagrid/DatagridHead.js +43 -0
  150. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +73 -0
  151. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +44 -0
  152. package/lib/components/Datagrid/Datagrid/DatagridRow.js +68 -0
  153. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +55 -0
  154. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +139 -0
  155. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +44 -0
  156. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +35 -0
  157. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +101 -0
  158. package/lib/components/Datagrid/Datagrid/DraggableElement.js +210 -0
  159. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +92 -0
  160. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +65 -0
  161. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +166 -0
  162. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +173 -0
  163. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +73 -0
  164. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +25 -0
  165. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +23 -0
  166. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +80 -0
  167. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +160 -0
  168. package/lib/components/Datagrid/Datagrid/addons/RowSize/index.js +15 -0
  169. package/lib/components/Datagrid/Datagrid/index.js +15 -0
  170. package/lib/components/Datagrid/Datagrid.stories/CustomizeColumnStory.js +13 -0
  171. package/lib/components/Datagrid/Datagrid.stories/LeftPanelStory.js +13 -0
  172. package/lib/components/Datagrid/Datagrid.stories/RowSizeDropdownStory.js +13 -0
  173. package/lib/components/Datagrid/Datagrid.stories/SelectAllWithToggleStory.js +13 -0
  174. package/lib/components/Datagrid/Datagrid.stories/StickyActionsColumnStory.js +112 -0
  175. package/lib/components/Datagrid/Datagrid.stories/common.js +215 -0
  176. package/lib/components/Datagrid/Datagrid.stories/index.js +47 -0
  177. package/lib/components/Datagrid/common-column-ids.js +16 -0
  178. package/lib/components/Datagrid/index.js +127 -0
  179. package/lib/components/Datagrid/useActionsColumn.js +94 -0
  180. package/lib/components/Datagrid/useColumnRightAlign.js +59 -0
  181. package/lib/components/Datagrid/useCustomizeColumns.js +55 -0
  182. package/lib/components/Datagrid/useDatagrid.js +58 -0
  183. package/lib/components/Datagrid/useDefaultStringRenderer.js +54 -0
  184. package/lib/components/Datagrid/useDisableSelectRows.js +92 -0
  185. package/lib/components/Datagrid/useExpandedRow.js +58 -0
  186. package/lib/components/Datagrid/useFlexResize.js +61 -0
  187. package/lib/components/Datagrid/useFloatingScroll.js +101 -0
  188. package/lib/components/Datagrid/useInfiniteScroll.js +67 -0
  189. package/lib/components/Datagrid/useNestedRows.js +65 -0
  190. package/lib/components/Datagrid/useOnRowClick.js +45 -0
  191. package/lib/components/Datagrid/useParentDimensions.js +75 -0
  192. package/lib/components/Datagrid/useResizeTable.js +48 -0
  193. package/lib/components/Datagrid/useRowExpander.js +45 -0
  194. package/lib/components/Datagrid/useRowIsMouseOver.js +66 -0
  195. package/lib/components/Datagrid/useRowRenderer.js +40 -0
  196. package/lib/components/Datagrid/useRowSize.js +67 -0
  197. package/lib/components/Datagrid/useSelectAllToggle.js +88 -0
  198. package/lib/components/Datagrid/useSelectRows.js +119 -0
  199. package/lib/components/Datagrid/useSkeletonRows.js +42 -0
  200. package/lib/components/Datagrid/useSortableColumns.js +117 -0
  201. package/lib/components/Datagrid/useStickyColumn.js +190 -0
  202. package/lib/components/MultiAddSelect/MultiAddSelect.js +150 -2
  203. package/lib/components/PageHeader/PageHeader.js +3 -1
  204. package/lib/components/SingleAddSelect/SingleAddSelect.js +91 -3
  205. package/lib/components/TagSet/TagSet.js +13 -6
  206. package/lib/components/Tearsheet/TearsheetShell.js +36 -10
  207. package/lib/components/index.js +9 -1
  208. package/lib/global/js/package-settings.js +4 -2
  209. package/package.json +16 -12
  210. package/scss/components/AboutModal/_about-modal.scss +4 -0
  211. package/scss/components/AddSelect/_add-select.scss +46 -2
  212. package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +41 -4
  213. package/scss/components/Datagrid/_datagrid.scss +66 -0
  214. package/scss/components/Datagrid/_index.scss +8 -0
  215. package/scss/components/Datagrid/_storybook-styles.scss +26 -0
  216. package/scss/components/Datagrid/styles/_variables.scss +9 -0
  217. package/scss/components/Datagrid/styles/addons/CustomizeColumnsModal.scss +48 -0
  218. package/scss/components/Datagrid/styles/addons/RowSizeDropdown.scss +23 -0
  219. package/scss/components/Datagrid/styles/datagrid.scss +326 -0
  220. package/scss/components/Datagrid/styles/index.scss +17 -0
  221. package/scss/components/Datagrid/styles/useActionsColumn.scss +24 -0
  222. package/scss/components/Datagrid/styles/useColumnRightAlign.scss +29 -0
  223. package/scss/components/Datagrid/styles/useNestedRows.scss +17 -0
  224. package/scss/components/Datagrid/styles/useNestedTable.scss +28 -0
  225. package/scss/components/Datagrid/styles/useSelectAllToggle.scss +28 -0
  226. package/scss/components/Datagrid/styles/useSortableColumns.scss +55 -0
  227. package/scss/components/Datagrid/styles/useStickyColumn.scss +38 -0
  228. package/scss/components/ExportModal/_export-modal.scss +0 -4
  229. package/scss/components/Tearsheet/_tearsheet.scss +4 -0
  230. 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--tearsheet .c4p--tearsheet__influencer {
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--tearsheet .c4p--tearsheet__content {
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-spreadsheet__th:last-child,
6426
- .c4p--data-spreadsheet .c4p--data-spreadsheet__td:last-child {
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.25;
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 */