@carbon/ibm-products 1.18.2 → 1.20.0

Sign up to get free protection for your applications and to get access to all the features.
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":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;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;;;AEzXJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;;AAEA;EACE;;;ACdJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;EACE;EACA;EACA,aF6/Bc;EE5/Bd;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA,kBFsXU;EErXV,kBFqXU;;;AG/YZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWE;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAEF;AAAA;AAAA;AAGE;EACA;AACA;EACA;AACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;AACA;EACA;EACA;AACA;EACA;EACA;;AAEF;EACE,MH+WU;EG9WV;;;AAMF;AAAA;EACE;;;ACpDJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;AACA;EACA;EACA;;;AAGF;EACE;;;AC3BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AACE;EACA;EACA;EACA;;;AAGF;AACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIA;EACE;;;AAIJ;AACE;EACA;;;ACpCF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE,eNi7Be;;;AOv8BjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWE;EACE;EACA;EACA;AACA;EACA;;;AAIJ;EACE;EACA;AACA;EACA;;;AAGF;EACE;EACA;EACA,ePq7Be;;;AOl7BjB;EACE,aP66Be;;;AO16BjB;EACE,eP66Be;EQlQb;EAAA;EAAA;EAAA;EDxqBF,OPkXY;;;AO/Wd;EACE;EACA;;;AE9CF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;EACA,STm8Be;ESl8Bf,kBTsXkB;ESpXlB;;;AAGF;EACE,kBTgXkB;ES9WlB;;;ACrBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAAA;AAEE;EACA;AACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE,aVq6Be;;;AW/7BjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;EACE;EACA;EACA,cX27Be;EW17Bf;;;AAGF;EACE;;;AAGF;EACE,MX0kBgB;;;AWvkBlB;EACE;EACA,QX67Be;EW57Bf,cXw6Be;EWv6Bf,eX26Be;EW16Bf,YX8WU;;AW7WV;EACE;EACA,kBXukBY;;;AWnkBhB;EACE;EACA;;;AAGF;EACE,kBX6jBc;EW5jBd,OXgXY;;;AW7Wd;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","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%;