@carbon/ibm-products 1.18.0 → 1.19.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (71) hide show
  1. package/css/components/Datagrid/styles/datagrid.css +24 -4
  2. package/css/components/Datagrid/styles/datagrid.css.map +1 -1
  3. package/css/components/Datagrid/styles/index.css +24 -4
  4. package/css/components/Datagrid/styles/index.css.map +1 -1
  5. package/css/index-full-carbon.css +78 -13
  6. package/css/index-full-carbon.css.map +1 -1
  7. package/css/index-full-carbon.min.css +2 -2
  8. package/css/index-full-carbon.min.css.map +1 -1
  9. package/css/index-without-carbon.css +78 -13
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +2 -2
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +78 -13
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +2 -2
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/ActionSet/ActionSet.js +1 -0
  18. package/es/components/AddSelect/AddSelect.js +28 -3
  19. package/es/components/AddSelect/AddSelectFilter.js +9 -3
  20. package/es/components/AddSelect/AddSelectList.js +32 -6
  21. package/es/components/AddSelect/AddSelectMetaPanel.js +54 -0
  22. package/es/components/AddSelect/AddSelectSidebar.js +22 -3
  23. package/es/components/DataSpreadsheet/DataSpreadsheet.js +7 -4
  24. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +43 -10
  25. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +36 -13
  26. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +8 -6
  27. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +65 -34
  28. package/es/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +17 -3
  29. package/es/components/DataSpreadsheet/utils/getCellSize.js +10 -10
  30. package/es/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +8 -2
  31. package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +113 -19
  32. package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +4 -3
  33. package/es/components/Datagrid/Datagrid/Datagrid.js +1 -1
  34. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +22 -3
  35. package/es/components/Datagrid/Datagrid/DraggableElement.js +0 -7
  36. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +3 -3
  37. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -1
  38. package/es/components/ExportModal/ExportModal.js +1 -1
  39. package/es/global/js/hooks/useWindowResize.js +2 -1
  40. package/es/global/js/hooks/useWindowScroll.js +2 -1
  41. package/es/global/js/utils/scrollableAncestor.js +2 -1
  42. package/lib/components/ActionSet/ActionSet.js +1 -0
  43. package/lib/components/AddSelect/AddSelect.js +28 -3
  44. package/lib/components/AddSelect/AddSelectFilter.js +10 -3
  45. package/lib/components/AddSelect/AddSelectList.js +30 -4
  46. package/lib/components/AddSelect/AddSelectMetaPanel.js +77 -0
  47. package/lib/components/AddSelect/AddSelectSidebar.js +23 -3
  48. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +7 -4
  49. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +43 -10
  50. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +36 -13
  51. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +8 -7
  52. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +66 -34
  53. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +17 -3
  54. package/lib/components/DataSpreadsheet/utils/getCellSize.js +4 -4
  55. package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +8 -2
  56. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +112 -19
  57. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +4 -3
  58. package/lib/components/Datagrid/Datagrid/Datagrid.js +1 -1
  59. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +24 -3
  60. package/lib/components/Datagrid/Datagrid/DraggableElement.js +0 -7
  61. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +3 -3
  62. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -1
  63. package/lib/components/ExportModal/ExportModal.js +1 -1
  64. package/lib/global/js/hooks/useWindowResize.js +3 -1
  65. package/lib/global/js/hooks/useWindowScroll.js +5 -1
  66. package/lib/global/js/utils/scrollableAncestor.js +6 -1
  67. package/package.json +7 -7
  68. package/scss/components/AddSelect/_add-select.scss +46 -6
  69. package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +8 -1
  70. package/scss/components/Datagrid/_storybook-styles.scss +5 -0
  71. package/scss/components/Datagrid/styles/datagrid.scss +43 -5
@@ -115,10 +115,6 @@
115
115
  width: 1%;
116
116
  align-items: center;
117
117
  }
118
- .c4p--datagrid__grid-container .c4p--datagrid__empty-state-body {
119
- display: flex;
120
- width: 100%;
121
- }
122
118
  .c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar {
123
119
  scrollbar-width: thin;
124
120
  }
@@ -167,6 +163,30 @@
167
163
  padding-right: var(--cds-spacing-06, 1.5rem) !important;
168
164
  }
169
165
 
166
+ .c4p--datagrid__empty-state .c4p--datagrid__table-simple {
167
+ display: table;
168
+ height: 100%;
169
+ }
170
+ .c4p--datagrid__empty-state .c4p--datagrid__table-simple .c4p--empty-state {
171
+ max-width: 280px;
172
+ }
173
+
174
+ .c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover {
175
+ background: transparent;
176
+ }
177
+
178
+ .c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover td {
179
+ background: transparent;
180
+ }
181
+
182
+ .c4p--datagrid__empty-state .c4p--datagrid__table-simple td {
183
+ padding: var(--cds-spacing-11, 5rem);
184
+ }
185
+
186
+ .c4p--datagrid__empty-state .c4p--datagrid__grid-container {
187
+ flex: 1 1 auto;
188
+ }
189
+
170
190
  .c4p--datagrid__resizer {
171
191
  position: absolute;
172
192
  z-index: 1;
@@ -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;;AAGI;EACE;EACA;EACA;EACA,OCyXM;;ADrXV;EACE;EACA;EACA;;AAGF;AAAA;AAEE;EACA;;AACA;AAAA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAMA;EACE,aC63BO;ED53BP,gBC43BO;;ADt3BT;AACE;EACA;AACA;EACA;;AAMF;EACE,aC23BO;ED13BP,gBC03BO;;ADj3BX;EACE,aCg3BS;;AD92BX;EACE,aC62BS;;AD32BX;AACE;EACA;;AAOA;EACE,gBCi2BO;;AD/1BT;EACE,gBC81BO;;ADx1Bb;EACE;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;AACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEF;AACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;;AAGF;EACE,kBC0PU;;ADvPZ;EACE;EACA,kBCqNgB;;ADlNlB;EACE;AACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEF;AACE;EACA;;AACA;AACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;AAAA;AAEE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,OCguBe;ED/tBf;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE,kBCoUsB;;;ADhUpB;EACE;;AAGJ;EACE,kBC2ToB;;;ADvTxB;EACE,kBCsTsB;;ADrTtB;EACE;EACA,kBCmToB;;;AD/SxB;EACE,eCstBe;;;ADntBjB;EACE;EACA;EACA;EAEA;;;AAGF;EACE,kBCkJY;;;AD/Id;EACE;EACA,kBC6GkB;;;AD1GpB;AACE;EACA;;;AAGF;EACE;;;AAGF;EACE;AACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA,kBCmFU;;;ADhFZ;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;;;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"}
@@ -122,10 +122,6 @@
122
122
  width: 1%;
123
123
  align-items: center;
124
124
  }
125
- .c4p--datagrid__grid-container .c4p--datagrid__empty-state-body {
126
- display: flex;
127
- width: 100%;
128
- }
129
125
  .c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar {
130
126
  scrollbar-width: thin;
131
127
  }
@@ -174,6 +170,30 @@
174
170
  padding-right: var(--cds-spacing-06, 1.5rem) !important;
175
171
  }
176
172
 
173
+ .c4p--datagrid__empty-state .c4p--datagrid__table-simple {
174
+ display: table;
175
+ height: 100%;
176
+ }
177
+ .c4p--datagrid__empty-state .c4p--datagrid__table-simple .c4p--empty-state {
178
+ max-width: 280px;
179
+ }
180
+
181
+ .c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover {
182
+ background: transparent;
183
+ }
184
+
185
+ .c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover td {
186
+ background: transparent;
187
+ }
188
+
189
+ .c4p--datagrid__empty-state .c4p--datagrid__table-simple td {
190
+ padding: var(--cds-spacing-11, 5rem);
191
+ }
192
+
193
+ .c4p--datagrid__empty-state .c4p--datagrid__grid-container {
194
+ flex: 1 1 auto;
195
+ }
196
+
177
197
  .c4p--datagrid__resizer {
178
198
  position: absolute;
179
199
  z-index: 1;
@@ -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":"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;;AAGI;EACE;EACA;EACA;EACA,OCyXM;;ADrXV;EACE;EACA;EACA;;AAGF;AAAA;AAEE;EACA;;AACA;AAAA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAMA;EACE,aC63BO;ED53BP,gBC43BO;;ADt3BT;AACE;EACA;AACA;EACA;;AAMF;EACE,aC23BO;ED13BP,gBC03BO;;ADj3BX;EACE,aCg3BS;;AD92BX;EACE,aC62BS;;AD32BX;AACE;EACA;;AAOA;EACE,gBCi2BO;;AD/1BT;EACE,gBC81BO;;ADx1Bb;EACE;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;AACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEF;AACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;;AAGF;EACE,kBC0PU;;ADvPZ;EACE;EACA,kBCqNgB;;ADlNlB;EACE;AACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEF;AACE;EACA;;AACA;AACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;AAAA;AAEE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,OCguBe;ED/tBf;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE,kBCoUsB;;;ADhUpB;EACE;;AAGJ;EACE,kBC2ToB;;;ADvTxB;EACE,kBCsTsB;;ADrTtB;EACE;EACA,kBCmToB;;;AD/SxB;EACE,eCstBe;;;ADntBjB;EACE;EACA;EACA;EAEA;;;AAGF;EACE,kBCkJY;;;AD/Id;EACE;EACA,kBC6GkB;;;AD1GpB;AACE;EACA;;;AAGF;EACE;;;AAGF;EACE;AACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA,kBCmFU;;;ADhFZ;EACE;EACA;EACA;EACA;EACA;;;AAKA;EAEE;;;AEnUJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;;AAEA;EACE;;;ACdJ;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,MF+WU;EE9WV;;;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,eLi7Be;;;AMv8BjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWE;EACE;EACA;EACA;AACA;EACA;;;AAIJ;EACE;EACA;AACA;EACA;;;AAGF;EACE;EACA;EACA,eNq7Be;;;AMl7BjB;EACE,aN66Be;;;AM16BjB;EACE,eN66Be;EOlQb;EAAA;EAAA;EAAA;EDxqBF,ONkXY;;;AM/Wd;EACE;EACA;;;AE9CF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;EACA,SRm8Be;EQl8Bf,kBRsXkB;EQpXlB;;;AAGF;EACE,kBRgXkB;EQ9WlB;;;ACrBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAAA;AAEE;EACA;AACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE,aTq6Be","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/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"}
@@ -14291,16 +14291,16 @@ a.bx--side-nav__link--current::before {
14291
14291
  display: block;
14292
14292
  color: var(--cds-text-02, #525252);
14293
14293
  }
14294
- .c4p--add-select__selections-cell:hover .c4p--add-select__selections-dropdown {
14294
+ .c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover {
14295
14295
  visibility: visible;
14296
14296
  }
14297
- .c4p--add-select__selections-dropdown {
14297
+ .c4p--add-select__selections-hidden-hover {
14298
14298
  visibility: hidden;
14299
14299
  }
14300
14300
  .c4p--add-select__selections-row-selected {
14301
14301
  background: #e5e5e5;
14302
14302
  }
14303
- .c4p--add-select__selections-row-selected .c4p--add-select__selections-dropdown {
14303
+ .c4p--add-select__selections-row-selected .c4p--add-select__selections-hidden-hover {
14304
14304
  visibility: visible;
14305
14305
  }
14306
14306
  .c4p--add-select__selections-checkbox {
@@ -14330,7 +14330,7 @@ a.bx--side-nav__link--current::before {
14330
14330
 
14331
14331
  .c4p--add-select__sub-header {
14332
14332
  display: flex;
14333
- align-items: end;
14333
+ align-items: flex-end;
14334
14334
  justify-content: space-between;
14335
14335
  }
14336
14336
 
@@ -14398,7 +14398,8 @@ a.bx--side-nav__link--current::before {
14398
14398
  overflow-x: auto;
14399
14399
  }
14400
14400
 
14401
- .c4p--add-select__columns .c4p--add-select__selections-cell {
14401
+ .c4p--add-select .c4p--add-select__columns .bx--structured-list-td {
14402
+ height: 0;
14402
14403
  padding: 0 !important;
14403
14404
  }
14404
14405
 
@@ -14440,6 +14441,7 @@ a.bx--side-nav__link--current::before {
14440
14441
  width: 100%;
14441
14442
  max-width: 40rem;
14442
14443
  background: var(--cds-ui-01, #f4f4f4);
14444
+ box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2);
14443
14445
  transform: translate(0, 100%);
14444
14446
  }
14445
14447
  .c4p--add-select__global-filter-search {
@@ -14471,6 +14473,44 @@ button.c4p--add-select__global-filter-toggle {
14471
14473
  border-bottom-color: var(--cds-ui-04, #8d8d8d);
14472
14474
  background: var(--cds-field-01, #f4f4f4);
14473
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
+ }
14480
+
14481
+ .c4p--add-select__meta-panel {
14482
+ padding: var(--cds-spacing-05, 1rem);
14483
+ }
14484
+ .c4p--add-select__meta-panel-header {
14485
+ display: flex;
14486
+ align-items: center;
14487
+ justify-content: space-between;
14488
+ margin-bottom: var(--cds-spacing-05, 1rem);
14489
+ }
14490
+ .c4p--add-select__meta-panel-entry {
14491
+ margin-bottom: var(--cds-spacing-05, 1rem);
14492
+ }
14493
+
14494
+ .c4p--add-select__meta-panel p.c4p--add-select__meta-panel-title {
14495
+ font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
14496
+ font-weight: var(--cds-productive-heading-03-font-weight, 400);
14497
+ line-height: var(--cds-productive-heading-03-line-height, 1.4);
14498
+ letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
14499
+ }
14500
+
14501
+ .c4p--add-select__meta-panel p.c4p--add-select__meta-panel-entry-title {
14502
+ font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
14503
+ font-weight: var(--cds-productive-heading-01-font-weight, 600);
14504
+ line-height: var(--cds-productive-heading-01-line-height, 1.28572);
14505
+ letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
14506
+ }
14507
+
14508
+ .c4p--add-select__meta-panel p.c4p--add-select__meta-panel-entry-body {
14509
+ font-size: var(--cds-body-short-01-font-size, 0.875rem);
14510
+ font-weight: var(--cds-body-short-01-font-weight, 400);
14511
+ line-height: var(--cds-body-short-01-line-height, 1.28572);
14512
+ letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
14513
+ }
14474
14514
 
14475
14515
  .c4p--add-select__tag-container .bx--tag {
14476
14516
  margin: 0;
@@ -14502,7 +14542,9 @@ button.c4p--add-select__global-filter-toggle {
14502
14542
  }
14503
14543
 
14504
14544
  .c4p--add-select .bx--structured-list-td {
14505
- padding-bottom: var(--cds-spacing-05, 1rem);
14545
+ height: 4rem;
14546
+ padding: var(--cds-spacing-05, 1rem);
14547
+ vertical-align: middle;
14506
14548
  }
14507
14549
 
14508
14550
  .c4p--add-select .bx--radio-button__appearance {
@@ -19306,8 +19348,8 @@ button.c4p--add-select__global-filter-toggle {
19306
19348
  }
19307
19349
  .c4p--data-spreadsheet .c4p--data-spreadsheet__th,
19308
19350
  .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td {
19309
- border-right: 1px solid var(--cds-text-03, #a8a8a8);
19310
- border-bottom: 1px solid var(--cds-text-03, #a8a8a8);
19351
+ border-right: 1px solid var(--cds-active-ui, #c6c6c6);
19352
+ border-bottom: 1px solid var(--cds-active-ui, #c6c6c6);
19311
19353
  height: 100%;
19312
19354
  background-color: var(--cds-ui-03, #e0e0e0);
19313
19355
  cursor: pointer;
@@ -19447,15 +19489,18 @@ button.c4p--add-select__global-filter-toggle {
19447
19489
  z-index: 4;
19448
19490
  width: var(--cds-spacing-01, 0.125rem);
19449
19491
  background-color: var(--cds-interactive-01, #0f62fe);
19492
+ pointer-events: none;
19450
19493
  }
19451
19494
  .c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header,
19452
19495
  .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--active-header.c4p--data-spreadsheet__td {
19496
+ border-right: 1px solid var(--cds-text-03, #a8a8a8);
19497
+ border-bottom: 1px solid var(--cds-text-03, #a8a8a8);
19453
19498
  background-color: var(--cds-hover-selected-ui, #cacaca);
19454
19499
  }
19455
19500
  .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header,
19456
19501
  .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td {
19457
19502
  background-color: var(--cds-inverse-02, #393939);
19458
- color: var(--cds-text-04, #ffffff);
19503
+ color: var(--cds-inverse-01, #ffffff);
19459
19504
  }
19460
19505
  .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header:focus, .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header:hover,
19461
19506
  .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td:focus,
@@ -19589,10 +19634,6 @@ button.c4p--add-select__global-filter-toggle {
19589
19634
  width: 1%;
19590
19635
  align-items: center;
19591
19636
  }
19592
- .c4p--datagrid__grid-container .c4p--datagrid__empty-state-body {
19593
- display: flex;
19594
- width: 100%;
19595
- }
19596
19637
  .c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar {
19597
19638
  scrollbar-width: thin;
19598
19639
  }
@@ -19641,6 +19682,30 @@ button.c4p--add-select__global-filter-toggle {
19641
19682
  padding-right: var(--cds-spacing-06, 1.5rem) !important;
19642
19683
  }
19643
19684
 
19685
+ .c4p--datagrid__empty-state .c4p--datagrid__table-simple {
19686
+ display: table;
19687
+ height: 100%;
19688
+ }
19689
+ .c4p--datagrid__empty-state .c4p--datagrid__table-simple .c4p--empty-state {
19690
+ max-width: 280px;
19691
+ }
19692
+
19693
+ .c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover {
19694
+ background: transparent;
19695
+ }
19696
+
19697
+ .c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover td {
19698
+ background: transparent;
19699
+ }
19700
+
19701
+ .c4p--datagrid__empty-state .c4p--datagrid__table-simple td {
19702
+ padding: var(--cds-spacing-11, 5rem);
19703
+ }
19704
+
19705
+ .c4p--datagrid__empty-state .c4p--datagrid__grid-container {
19706
+ flex: 1 1 auto;
19707
+ }
19708
+
19644
19709
  .c4p--datagrid__resizer {
19645
19710
  position: absolute;
19646
19711
  z-index: 1;