@carbon/ibm-products 1.18.2 → 1.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/css/components/Datagrid/styles/datagrid.css +20 -1
  2. package/css/components/Datagrid/styles/datagrid.css.map +1 -1
  3. package/css/components/Datagrid/styles/draggableElement.css +57 -0
  4. package/css/components/Datagrid/styles/draggableElement.css.map +1 -0
  5. package/css/components/Datagrid/styles/index.css +100 -1
  6. package/css/components/Datagrid/styles/index.css.map +1 -1
  7. package/css/index-full-carbon.css +114 -2
  8. package/css/index-full-carbon.css.map +1 -1
  9. package/css/index-full-carbon.min.css +3 -3
  10. package/css/index-full-carbon.min.css.map +1 -1
  11. package/css/index-without-carbon-released-only.css +241 -0
  12. package/css/index-without-carbon-released-only.css.map +1 -1
  13. package/css/index-without-carbon-released-only.min.css +7 -1
  14. package/css/index-without-carbon-released-only.min.css.map +1 -1
  15. package/css/index-without-carbon.css +114 -2
  16. package/css/index-without-carbon.css.map +1 -1
  17. package/css/index-without-carbon.min.css +3 -3
  18. package/css/index-without-carbon.min.css.map +1 -1
  19. package/css/index.css +114 -2
  20. package/css/index.css.map +1 -1
  21. package/css/index.min.css +3 -3
  22. package/css/index.min.css.map +1 -1
  23. package/es/components/ActionSet/ActionSet.js +1 -0
  24. package/es/components/AddSelect/AddSelect.js +34 -3
  25. package/es/components/AddSelect/AddSelectFilter.js +9 -3
  26. package/es/components/AddSelect/AddSelectList.js +33 -9
  27. package/es/components/AddSelect/AddSelectSidebar.js +19 -11
  28. package/es/components/ComboButton/ComboButton.js +3 -5
  29. package/es/components/CreateSidePanel/CreateSidePanel.js +4 -10
  30. package/es/components/DataSpreadsheet/DataSpreadsheet.js +3 -1
  31. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +4 -3
  32. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +25 -9
  33. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +1 -3
  34. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +63 -34
  35. package/es/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +17 -3
  36. package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +113 -19
  37. package/es/components/Datagrid/Datagrid/DraggableElement.js +9 -19
  38. package/es/components/EditSidePanel/EditSidePanel.js +3 -9
  39. package/es/components/SidePanel/SidePanel.js +2 -2
  40. package/es/global/js/hooks/useWindowResize.js +2 -1
  41. package/es/global/js/hooks/useWindowScroll.js +2 -1
  42. package/es/global/js/package-settings.js +1 -1
  43. package/es/global/js/utils/scrollableAncestor.js +2 -1
  44. package/lib/components/ActionSet/ActionSet.js +1 -0
  45. package/lib/components/AddSelect/AddSelect.js +34 -3
  46. package/lib/components/AddSelect/AddSelectFilter.js +10 -3
  47. package/lib/components/AddSelect/AddSelectList.js +32 -9
  48. package/lib/components/AddSelect/AddSelectSidebar.js +19 -11
  49. package/lib/components/ComboButton/ComboButton.js +5 -8
  50. package/lib/components/CreateSidePanel/CreateSidePanel.js +3 -10
  51. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +3 -1
  52. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +4 -3
  53. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +25 -9
  54. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +1 -4
  55. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +64 -34
  56. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +17 -3
  57. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +112 -19
  58. package/lib/components/Datagrid/Datagrid/DraggableElement.js +11 -19
  59. package/lib/components/EditSidePanel/EditSidePanel.js +3 -10
  60. package/lib/components/SidePanel/SidePanel.js +2 -2
  61. package/lib/global/js/hooks/useWindowResize.js +3 -1
  62. package/lib/global/js/hooks/useWindowScroll.js +5 -1
  63. package/lib/global/js/package-settings.js +1 -1
  64. package/lib/global/js/utils/scrollableAncestor.js +6 -1
  65. package/package.json +4 -4
  66. package/scss/components/AddSelect/_add-select.scss +6 -0
  67. package/scss/components/ComboButton/_combo-button.scss +2 -1
  68. package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +1 -0
  69. package/scss/components/Datagrid/_datagrid.scss +1 -10
  70. package/scss/components/Datagrid/styles/datagrid.scss +17 -1
  71. package/scss/components/Datagrid/styles/draggableElement.scss +58 -0
  72. package/scss/components/Datagrid/styles/index.scss +2 -1
  73. package/scss/components/_index-released-only.scss +1 -0
@@ -86,6 +86,15 @@
86
86
  height: auto;
87
87
  }
88
88
 
89
+ .c4p--datagrid__grid-container::-webkit-scrollbar-thumb {
90
+ background-color: var(--cds-text-03, #a8a8a8);
91
+ }
92
+
93
+ .c4p--datagrid__grid-container::-webkit-scrollbar {
94
+ width: 6px;
95
+ background-color: var(--cds-ui-background, #ffffff);
96
+ }
97
+
89
98
  .c4p--datagrid__grid-container {
90
99
  display: block;
91
100
  overflow: auto;
@@ -100,7 +109,7 @@
100
109
  }
101
110
  .c4p--datagrid__grid-container .c4p--datagrid__table-simple {
102
111
  display: flex;
103
- overflow: hidden;
112
+ overflow: auto;
104
113
  max-height: 100%;
105
114
  flex-direction: column;
106
115
  }
@@ -229,6 +238,7 @@
229
238
 
230
239
  .c4p--datagrid__simple-body {
231
240
  position: relative;
241
+ display: table;
232
242
  overflow-x: hidden;
233
243
  overflow-y: auto;
234
244
  scrollbar-width: thin;
@@ -248,6 +258,15 @@
248
258
  min-width: 0 !important;
249
259
  }
250
260
 
261
+ .c4p--datagrid__table-simple::-webkit-scrollbar {
262
+ width: 6px;
263
+ background-color: var(--cds-ui-background, #ffffff);
264
+ }
265
+
266
+ .c4p--datagrid__table-simple::-webkit-scrollbar-thumb {
267
+ background-color: var(--cds-text-03, #a8a8a8);
268
+ }
269
+
251
270
  .c4p--datagrid__sticky.c4p--datagrid__simple-body {
252
271
  overflow: auto;
253
272
  }
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../scss/components/Datagrid/styles/datagrid.scss","../../../../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE,kBC6YY;;;AD1Yd;AACE;EACA;;AAII;EACE;EACA;EACA;EACA,OCwXM;;ADpXV;EACE;EACA;EACA;;AAGF;AAAA;AAEE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAOA;EACE,aCy3BO;EDx3BP,gBCw3BO;;ADj3BT;AACE;EACA;AACA;EACA;;AAOF;EACE,aCq3BO;EDp3BP,gBCo3BO;;AD12BX;EACE,aCy2BS;;ADt2BX;EACE,aCq2BS;;ADl2BX;AACE;EACA;;AAQA;EACE,gBCu1BO;;ADp1BT;EACE,gBCm1BO;;AD50Bb;EACE;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;AACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;AACE;EACA;EACA;;AAGF;EAEE;;AAGF;EACE,kBCkPU;;AD/OZ;EACE;EACA,kBC6MgB;;AD1MlB;EACE;AACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;AACE;EACA;;AAEA;AACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;AAAA;AAEE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE,SC8uBe;;;AD3uBjB;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,OC6rBe;ED5rBf;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE,kBCiSsB;;;AD5RpB;EACE;;AAIJ;EACE,kBCsRoB;;;ADlRxB;EACE,kBCiRsB;;AD/QtB;EACE;EACA,kBC6QoB;;;ADzQxB;EACE,eCgrBe;;;AD7qBjB;EACE;EACA;EACA;EAEA;;;AAGF;EACE,kBC4GY;;;ADzGd;EACE;EACA,kBCuEkB;;;ADpEpB;AACE;EACA;;;AAGF;EACE;;;AAGF;EACE;AACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA,kBC6CU;;;AD1CZ;EACE;EACA;EACA;EACA;EACA;;;AAKA;EAEE","file":"datagrid.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../scss/components/Datagrid/styles/datagrid.scss","../../../../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE,kBC6YY;;;AD1Yd;AACE;EACA;;AAII;EACE;EACA;EACA;EACA,OCwXM;;ADpXV;EACE;EACA;EACA;;AAGF;AAAA;AAEE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAOA;EACE,aCy3BO;EDx3BP,gBCw3BO;;ADj3BT;AACE;EACA;AACA;EACA;;AAOF;EACE,aCq3BO;EDp3BP,gBCo3BO;;AD12BX;EACE,aCy2BS;;ADt2BX;EACE,aCq2BS;;ADl2BX;AACE;EACA;;AAQA;EACE,gBCu1BO;;ADp1BT;EACE,gBCm1BO;;AD50Bb;EACE;;;AAIN;EACE,kBC0RY;;;ADvRd;EACE;EACA,kBCqPkB;;;ADnPpB;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;AACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;AACE;EACA;EACA;;AAGF;EAEE;;AAGF;EACE,kBC2OU;;ADxOZ;EACE;EACA,kBCsMgB;;ADnMlB;EACE;AACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;AACE;EACA;;AAEA;AACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;AAAA;AAEE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE,SCuuBe;;;ADpuBjB;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,OCsrBe;EDrrBf;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE,kBC0RsB;;;ADrRpB;EACE;;AAIJ;EACE,kBC+QoB;;;AD3QxB;EACE,kBC0QsB;;ADxQtB;EACE;EACA,kBCsQoB;;;ADlQxB;EACE,eCyqBe;;;ADtqBjB;EACE;EACA;EACA;EACA;EAEA;;;AAGF;EACE,kBCoGY;;;ADjGd;EACE;EACA,kBC+DkB;;;AD5DpB;AACE;EACA;;;AAGF;EACE;EACA,kBCqDkB;;;ADlDpB;EACE,kBCiFY;;;AD/Ed;EACE;;;AAGF;EACE;AACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA,kBC6BU;;;AD1BZ;EACE;EACA;EACA;EACA;EACA;;;AAKA;EAEE","file":"datagrid.css"}
@@ -0,0 +1,57 @@
1
+ /*
2
+ * Licensed Materials - Property of IBM
3
+ * 5724-Q36
4
+ * (c) Copyright IBM Corp. 2021
5
+ * US Government Users Restricted Rights - Use, duplication or disclosure
6
+ * restricted by GSA ADP Schedule Contract with IBM Corp.
7
+ */
8
+ .c4p--datagrid__draggable-handleStyle {
9
+ display: flex;
10
+ align-items: center;
11
+ margin-right: var(--cds-spacing-03, 0.5rem);
12
+ cursor: grab;
13
+ }
14
+
15
+ .c4p--datagrid__draggable-handleStyle.disabled {
16
+ pointer-events: none;
17
+ }
18
+
19
+ svg.c4p--datagrid__draggable-handleStyle.disable {
20
+ fill: var(--cds-disabled-02, #c6c6c6);
21
+ }
22
+
23
+ .c4p--datagrid__draggable-handleHolder {
24
+ display: flex;
25
+ height: var(--cds-spacing-07, 2rem);
26
+ padding-left: var(--cds-spacing-02, 0.25rem);
27
+ margin-bottom: var(--cds-spacing-03, 0.5rem);
28
+ background: var(--cds-ui-02, #ffffff);
29
+ }
30
+ .c4p--datagrid__draggable-handleHolder.c4p--datagrid__draggable-handleHolder-isOver {
31
+ border: 2px dashed var(--cds-focus, #0f62fe);
32
+ background-color: var(--cds-highlight, #d0e2ff);
33
+ }
34
+
35
+ .c4p--datagrid__draggable-handleHolder-droppable {
36
+ display: flex;
37
+ width: 100%;
38
+ }
39
+
40
+ .c4p--datagrid__draggable-handleHolder--grabbed {
41
+ background-color: var(--cds-highlight, #d0e2ff);
42
+ color: var(--cds-text-01, #161616);
43
+ }
44
+
45
+ .c4p--datagrid__shared-ui--assistive-text {
46
+ position: absolute;
47
+ overflow: hidden;
48
+ width: 0;
49
+ height: 0;
50
+ padding: 0;
51
+ border: 0;
52
+ clip: rect(0 0 0 0);
53
+ text-transform: none;
54
+ white-space: nowrap;
55
+ }
56
+
57
+ /*# sourceMappingURL=draggableElement.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../../scss/components/Datagrid/styles/draggableElement.scss","../../../../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;EACE;EACA;EACA,cC27Be;ED17Bf;;;AAGF;EACE;;;AAGF;EACE,MC0kBgB;;;ADvkBlB;EACE;EACA,QC67Be;ED57Bf,cCw6Be;EDv6Bf,eC26Be;ED16Bf,YC8WU;;AD7WV;EACE;EACA,kBCukBY;;;ADnkBhB;EACE;EACA;;;AAGF;EACE,kBC6jBc;ED5jBd,OCgXY;;;AD7Wd;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"draggableElement.css"}
@@ -93,6 +93,15 @@
93
93
  height: auto;
94
94
  }
95
95
 
96
+ .c4p--datagrid__grid-container::-webkit-scrollbar-thumb {
97
+ background-color: var(--cds-text-03, #a8a8a8);
98
+ }
99
+
100
+ .c4p--datagrid__grid-container::-webkit-scrollbar {
101
+ width: 6px;
102
+ background-color: var(--cds-ui-background, #ffffff);
103
+ }
104
+
96
105
  .c4p--datagrid__grid-container {
97
106
  display: block;
98
107
  overflow: auto;
@@ -107,7 +116,7 @@
107
116
  }
108
117
  .c4p--datagrid__grid-container .c4p--datagrid__table-simple {
109
118
  display: flex;
110
- overflow: hidden;
119
+ overflow: auto;
111
120
  max-height: 100%;
112
121
  flex-direction: column;
113
122
  }
@@ -236,6 +245,7 @@
236
245
 
237
246
  .c4p--datagrid__simple-body {
238
247
  position: relative;
248
+ display: table;
239
249
  overflow-x: hidden;
240
250
  overflow-y: auto;
241
251
  scrollbar-width: thin;
@@ -255,6 +265,15 @@
255
265
  min-width: 0 !important;
256
266
  }
257
267
 
268
+ .c4p--datagrid__table-simple::-webkit-scrollbar {
269
+ width: 6px;
270
+ background-color: var(--cds-ui-background, #ffffff);
271
+ }
272
+
273
+ .c4p--datagrid__table-simple::-webkit-scrollbar-thumb {
274
+ background-color: var(--cds-text-03, #a8a8a8);
275
+ }
276
+
258
277
  .c4p--datagrid__sticky.c4p--datagrid__simple-body {
259
278
  overflow: auto;
260
279
  }
@@ -306,6 +325,30 @@
306
325
  border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
307
326
  }
308
327
 
328
+ /*
329
+ * Licensed Materials - Property of IBM
330
+ * 5724-Q36
331
+ * (c) Copyright IBM Corp. 2020
332
+ * US Government Users Restricted Rights - Use, duplication or disclosure
333
+ * restricted by GSA ADP Schedule Contract with IBM Corp.
334
+ */
335
+ .block-class__expanded-row .bx--data-table-container {
336
+ width: calc(100% - var(--cds-layout-03, 2rem));
337
+ border-left: 2px solid var(--cds-interactive-01, #0f62fe);
338
+ margin-left: var(--cds-layout-03, 2rem);
339
+ overflow-x: hidden;
340
+ }
341
+ .block-class__expanded-row .bx--data-table-container tr.c4p--datagrid__carbon-nested-row {
342
+ border-left: none;
343
+ }
344
+
345
+ .block-class__expanded-row .bx--data-table-container th {
346
+ padding-top: 0;
347
+ padding-bottom: 0;
348
+ border-top-color: var(--cds-ui-03, #e0e0e0);
349
+ background-color: var(--cds-ui-03, #e0e0e0);
350
+ }
351
+
309
352
  /*
310
353
  * Licensed Materials - Property of IBM
311
354
  * 5724-Q36
@@ -530,4 +573,60 @@ th.c4p--datagrid__select-all-toggle-on.button {
530
573
  margin-left: var(--cds-spacing-01, 0.125rem);
531
574
  }
532
575
 
576
+ /*
577
+ * Licensed Materials - Property of IBM
578
+ * 5724-Q36
579
+ * (c) Copyright IBM Corp. 2021
580
+ * US Government Users Restricted Rights - Use, duplication or disclosure
581
+ * restricted by GSA ADP Schedule Contract with IBM Corp.
582
+ */
583
+ .c4p--datagrid__draggable-handleStyle {
584
+ display: flex;
585
+ align-items: center;
586
+ margin-right: var(--cds-spacing-03, 0.5rem);
587
+ cursor: grab;
588
+ }
589
+
590
+ .c4p--datagrid__draggable-handleStyle.disabled {
591
+ pointer-events: none;
592
+ }
593
+
594
+ svg.c4p--datagrid__draggable-handleStyle.disable {
595
+ fill: var(--cds-disabled-02, #c6c6c6);
596
+ }
597
+
598
+ .c4p--datagrid__draggable-handleHolder {
599
+ display: flex;
600
+ height: var(--cds-spacing-07, 2rem);
601
+ padding-left: var(--cds-spacing-02, 0.25rem);
602
+ margin-bottom: var(--cds-spacing-03, 0.5rem);
603
+ background: var(--cds-ui-02, #ffffff);
604
+ }
605
+ .c4p--datagrid__draggable-handleHolder.c4p--datagrid__draggable-handleHolder-isOver {
606
+ border: 2px dashed var(--cds-focus, #0f62fe);
607
+ background-color: var(--cds-highlight, #d0e2ff);
608
+ }
609
+
610
+ .c4p--datagrid__draggable-handleHolder-droppable {
611
+ display: flex;
612
+ width: 100%;
613
+ }
614
+
615
+ .c4p--datagrid__draggable-handleHolder--grabbed {
616
+ background-color: var(--cds-highlight, #d0e2ff);
617
+ color: var(--cds-text-01, #161616);
618
+ }
619
+
620
+ .c4p--datagrid__shared-ui--assistive-text {
621
+ position: absolute;
622
+ overflow: hidden;
623
+ width: 0;
624
+ height: 0;
625
+ padding: 0;
626
+ border: 0;
627
+ clip: rect(0 0 0 0);
628
+ text-transform: none;
629
+ white-space: nowrap;
630
+ }
631
+
533
632
  /*# sourceMappingURL=index.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../scss/components/Datagrid/styles/index.scss","../../../../scss/components/Datagrid/styles/datagrid.scss","../../../../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss","../../../../scss/components/Datagrid/styles/useNestedRows.scss","../../../../scss/components/Datagrid/styles/useSortableColumns.scss","../../../../scss/components/Datagrid/styles/useColumnRightAlign.scss","../../../../scss/components/Datagrid/styles/useStickyColumn.scss","../../../../scss/components/Datagrid/styles/useActionsColumn.scss","../../../../scss/components/Datagrid/styles/addons/CustomizeColumnsModal.scss","../../../../../../node_modules/@carbon/type/scss/_styles.import.scss","../../../../scss/components/Datagrid/styles/addons/RowSizeDropdown.scss","../../../../scss/components/Datagrid/styles/useSelectAllToggle.scss"],"names":[],"mappings":"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","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../scss/components/Datagrid/styles/index.scss","../../../../scss/components/Datagrid/styles/datagrid.scss","../../../../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss","../../../../scss/components/Datagrid/styles/useNestedRows.scss","../../../../scss/components/Datagrid/styles/useNestedTable.scss","../../../../scss/components/Datagrid/styles/useSortableColumns.scss","../../../../scss/components/Datagrid/styles/useColumnRightAlign.scss","../../../../scss/components/Datagrid/styles/useStickyColumn.scss","../../../../scss/components/Datagrid/styles/useActionsColumn.scss","../../../../scss/components/Datagrid/styles/addons/CustomizeColumnsModal.scss","../../../../../../node_modules/@carbon/type/scss/_styles.import.scss","../../../../scss/components/Datagrid/styles/addons/RowSizeDropdown.scss","../../../../scss/components/Datagrid/styles/useSelectAllToggle.scss","../../../../scss/components/Datagrid/styles/draggableElement.scss"],"names":[],"mappings":"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","file":"index.css"}
@@ -7750,7 +7750,7 @@ a.bx--overflow-menu-options__btn::before {
7750
7750
  white-space: nowrap;
7751
7751
  }
7752
7752
 
7753
- .security--combo-button__overflow-menu {
7753
+ .security--combo-button .security--combo-button__overflow-menu {
7754
7754
  width: 3rem;
7755
7755
  height: auto;
7756
7756
  border-left: 0.0625rem solid var(--cds-ui-03, #e0e0e0);
@@ -14441,6 +14441,7 @@ a.bx--side-nav__link--current::before {
14441
14441
  width: 100%;
14442
14442
  max-width: 40rem;
14443
14443
  background: var(--cds-ui-01, #f4f4f4);
14444
+ box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2);
14444
14445
  transform: translate(0, 100%);
14445
14446
  }
14446
14447
  .c4p--add-select__global-filter-search {
@@ -14472,6 +14473,10 @@ button.c4p--add-select__global-filter-toggle {
14472
14473
  border-bottom-color: var(--cds-ui-04, #8d8d8d);
14473
14474
  background: var(--cds-field-01, #f4f4f4);
14474
14475
  }
14476
+ button.c4p--add-select__global-filter-toggle--open {
14477
+ border-bottom: var(--cds-ui-01, #f4f4f4);
14478
+ box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
14479
+ }
14475
14480
 
14476
14481
  .c4p--add-select__meta-panel {
14477
14482
  padding: var(--cds-spacing-05, 1rem);
@@ -19484,6 +19489,7 @@ button.c4p--add-select__global-filter-toggle {
19484
19489
  z-index: 4;
19485
19490
  width: var(--cds-spacing-01, 0.125rem);
19486
19491
  background-color: var(--cds-interactive-01, #0f62fe);
19492
+ pointer-events: none;
19487
19493
  }
19488
19494
  .c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header,
19489
19495
  .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--active-header.c4p--data-spreadsheet__td {
@@ -19511,6 +19517,13 @@ button.c4p--add-select__global-filter-toggle {
19511
19517
  overscroll-behavior: none;
19512
19518
  }
19513
19519
 
19520
+ /*
19521
+ * Licensed Materials - Property of IBM
19522
+ * 5724-Q36
19523
+ * (c) Copyright IBM Corp. 2020, 2021
19524
+ * US Government Users Restricted Rights - Use, duplication or disclosure
19525
+ * restricted by GSA ADP Schedule Contract with IBM Corp.
19526
+ */
19514
19527
  /*
19515
19528
  * Licensed Materials - Property of IBM
19516
19529
  * 5724-Q36
@@ -19599,6 +19612,15 @@ button.c4p--add-select__global-filter-toggle {
19599
19612
  height: auto;
19600
19613
  }
19601
19614
 
19615
+ .c4p--datagrid__grid-container::-webkit-scrollbar-thumb {
19616
+ background-color: var(--cds-text-03, #a8a8a8);
19617
+ }
19618
+
19619
+ .c4p--datagrid__grid-container::-webkit-scrollbar {
19620
+ width: 6px;
19621
+ background-color: var(--cds-ui-background, #ffffff);
19622
+ }
19623
+
19602
19624
  .c4p--datagrid__grid-container {
19603
19625
  display: block;
19604
19626
  overflow: auto;
@@ -19613,7 +19635,7 @@ button.c4p--add-select__global-filter-toggle {
19613
19635
  }
19614
19636
  .c4p--datagrid__grid-container .c4p--datagrid__table-simple {
19615
19637
  display: flex;
19616
- overflow: hidden;
19638
+ overflow: auto;
19617
19639
  max-height: 100%;
19618
19640
  flex-direction: column;
19619
19641
  }
@@ -19742,6 +19764,7 @@ button.c4p--add-select__global-filter-toggle {
19742
19764
 
19743
19765
  .c4p--datagrid__simple-body {
19744
19766
  position: relative;
19767
+ display: table;
19745
19768
  overflow-x: hidden;
19746
19769
  overflow-y: auto;
19747
19770
  scrollbar-width: thin;
@@ -19761,6 +19784,15 @@ button.c4p--add-select__global-filter-toggle {
19761
19784
  min-width: 0 !important;
19762
19785
  }
19763
19786
 
19787
+ .c4p--datagrid__table-simple::-webkit-scrollbar {
19788
+ width: 6px;
19789
+ background-color: var(--cds-ui-background, #ffffff);
19790
+ }
19791
+
19792
+ .c4p--datagrid__table-simple::-webkit-scrollbar-thumb {
19793
+ background-color: var(--cds-text-03, #a8a8a8);
19794
+ }
19795
+
19764
19796
  .c4p--datagrid__sticky.c4p--datagrid__simple-body {
19765
19797
  overflow: auto;
19766
19798
  }
@@ -19812,6 +19844,30 @@ button.c4p--add-select__global-filter-toggle {
19812
19844
  border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
19813
19845
  }
19814
19846
 
19847
+ /*
19848
+ * Licensed Materials - Property of IBM
19849
+ * 5724-Q36
19850
+ * (c) Copyright IBM Corp. 2020
19851
+ * US Government Users Restricted Rights - Use, duplication or disclosure
19852
+ * restricted by GSA ADP Schedule Contract with IBM Corp.
19853
+ */
19854
+ .block-class__expanded-row .bx--data-table-container {
19855
+ width: calc(100% - var(--cds-layout-03, 2rem));
19856
+ border-left: 2px solid var(--cds-interactive-01, #0f62fe);
19857
+ margin-left: var(--cds-layout-03, 2rem);
19858
+ overflow-x: hidden;
19859
+ }
19860
+ .block-class__expanded-row .bx--data-table-container tr.c4p--datagrid__carbon-nested-row {
19861
+ border-left: none;
19862
+ }
19863
+
19864
+ .block-class__expanded-row .bx--data-table-container th {
19865
+ padding-top: 0;
19866
+ padding-bottom: 0;
19867
+ border-top-color: var(--cds-ui-03, #e0e0e0);
19868
+ background-color: var(--cds-ui-03, #e0e0e0);
19869
+ }
19870
+
19815
19871
  /*
19816
19872
  * Licensed Materials - Property of IBM
19817
19873
  * 5724-Q36
@@ -20036,6 +20092,62 @@ th.c4p--datagrid__select-all-toggle-on.button {
20036
20092
  margin-left: var(--cds-spacing-01, 0.125rem);
20037
20093
  }
20038
20094
 
20095
+ /*
20096
+ * Licensed Materials - Property of IBM
20097
+ * 5724-Q36
20098
+ * (c) Copyright IBM Corp. 2021
20099
+ * US Government Users Restricted Rights - Use, duplication or disclosure
20100
+ * restricted by GSA ADP Schedule Contract with IBM Corp.
20101
+ */
20102
+ .c4p--datagrid__draggable-handleStyle {
20103
+ display: flex;
20104
+ align-items: center;
20105
+ margin-right: var(--cds-spacing-03, 0.5rem);
20106
+ cursor: grab;
20107
+ }
20108
+
20109
+ .c4p--datagrid__draggable-handleStyle.disabled {
20110
+ pointer-events: none;
20111
+ }
20112
+
20113
+ svg.c4p--datagrid__draggable-handleStyle.disable {
20114
+ fill: var(--cds-disabled-02, #c6c6c6);
20115
+ }
20116
+
20117
+ .c4p--datagrid__draggable-handleHolder {
20118
+ display: flex;
20119
+ height: var(--cds-spacing-07, 2rem);
20120
+ padding-left: var(--cds-spacing-02, 0.25rem);
20121
+ margin-bottom: var(--cds-spacing-03, 0.5rem);
20122
+ background: var(--cds-ui-02, #ffffff);
20123
+ }
20124
+ .c4p--datagrid__draggable-handleHolder.c4p--datagrid__draggable-handleHolder-isOver {
20125
+ border: 2px dashed var(--cds-focus, #0f62fe);
20126
+ background-color: var(--cds-highlight, #d0e2ff);
20127
+ }
20128
+
20129
+ .c4p--datagrid__draggable-handleHolder-droppable {
20130
+ display: flex;
20131
+ width: 100%;
20132
+ }
20133
+
20134
+ .c4p--datagrid__draggable-handleHolder--grabbed {
20135
+ background-color: var(--cds-highlight, #d0e2ff);
20136
+ color: var(--cds-text-01, #161616);
20137
+ }
20138
+
20139
+ .c4p--datagrid__shared-ui--assistive-text {
20140
+ position: absolute;
20141
+ overflow: hidden;
20142
+ width: 0;
20143
+ height: 0;
20144
+ padding: 0;
20145
+ border: 0;
20146
+ clip: rect(0 0 0 0);
20147
+ text-transform: none;
20148
+ white-space: nowrap;
20149
+ }
20150
+
20039
20151
  .c4p--datagrid__datagridWrap {
20040
20152
  display: block;
20041
20153
  width: 100%;