@carbon/ibm-products 2.0.0-rc.16 → 2.0.0-rc.17

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 (39) hide show
  1. package/css/index-full-carbon.css +15 -4
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon.css +15 -4
  6. package/css/index-without-carbon.css.map +1 -1
  7. package/css/index-without-carbon.min.css +1 -1
  8. package/css/index-without-carbon.min.css.map +1 -1
  9. package/css/index.css +15 -4
  10. package/css/index.css.map +1 -1
  11. package/css/index.min.css +1 -1
  12. package/css/index.min.css.map +1 -1
  13. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -3
  14. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -4
  15. package/es/components/Datagrid/Datagrid/DatagridHead.js +1 -2
  16. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -4
  17. package/es/components/Datagrid/Datagrid/DatagridRow.js +1 -3
  18. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +1 -2
  19. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -2
  20. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +1 -2
  21. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -2
  22. package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -1
  23. package/es/components/Datagrid/useSelectRows.js +1 -2
  24. package/es/components/Datagrid/utils/DatagridActions.js +1 -4
  25. package/lib/components/Datagrid/Datagrid/DatagridContent.js +2 -4
  26. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +2 -5
  27. package/lib/components/Datagrid/Datagrid/DatagridHead.js +1 -3
  28. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -5
  29. package/lib/components/Datagrid/Datagrid/DatagridRow.js +2 -4
  30. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +2 -3
  31. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -2
  32. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +2 -3
  33. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -2
  34. package/lib/components/Datagrid/Datagrid/DraggableElement.js +1 -1
  35. package/lib/components/Datagrid/useSelectRows.js +1 -2
  36. package/lib/components/Datagrid/utils/DatagridActions.js +3 -6
  37. package/package.json +2 -2
  38. package/scss/components/Datagrid/styles/_draggableElement.scss +13 -3
  39. package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +5 -1
package/css/index-full-carbon.css CHANGED
@@ -11072,7 +11072,10 @@ button.c4p--add-select__global-filter-toggle--open {
11072
11072
  .c4p--datagrid__customize-columns-checkbox-wrapper {
11073
11073
  display: flex;
11074
11074
  justify-content: center;
11075
- padding-left: 0.5rem;
11075
+ padding-left: 0.25rem;
11076
+ }
11077
+
11078
+ .c4p--datagrid__customize-columns-column-list .c4p--datagrid__customize-columns-checkbox-wrapper.cds--form-item {
11076
11079
  margin-bottom: 0;
11077
11080
  }
11078
11081
 
@@ -11298,7 +11301,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
11298
11301
  .c4p--datagrid__draggable-handleHolder {
11299
11302
  display: flex;
11300
11303
  height: 3rem;
11301
- padding-left: 1rem;
11302
11304
  border-bottom: 1px solid var(--cds-layer-active);
11303
11305
  background-color: var(--cds-layer);
11304
11306
  }
@@ -11310,7 +11312,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
11310
11312
  .c4p--datagrid__draggable-handleHolder-selected {
11311
11313
  display: flex;
11312
11314
  height: 3rem;
11313
- padding-left: 1rem;
11314
11315
  border-bottom: 1px solid var(--cds-layer-active);
11315
11316
  background-color: var(--cds-layer-selected);
11316
11317
  }
@@ -11321,13 +11322,23 @@ th.c4p--datagrid__select-all-toggle-on.button {
11321
11322
 
11322
11323
  .c4p--datagrid__draggable-handleHolder-isOver {
11323
11324
  border: 2px dashed var(--cds-focus, #0f62fe);
11324
- background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
11325
+ /* stylelint-disable-next-line carbon/theme-token-use */
11326
+ background-color: #edf5ff;
11325
11327
  }
11326
11328
 
11327
11329
  .c4p--datagrid__draggable-handleHolder-droppable {
11328
11330
  display: flex;
11329
11331
  width: 100%;
11330
11332
  align-items: center;
11333
+ padding-left: 1rem;
11334
+ /* stylelint-disable-next-line carbon/type-token-use */
11335
+ line-height: 1;
11336
+ transition-property: opacity;
11337
+ }
11338
+
11339
+ .c4p--datagrid__draggable-handleHolder-droppable.c4p--datagrid__draggable-handleHolder-droppable--origin {
11340
+ opacity: 0.5;
11341
+ transition: opacity 150ms cubic-bezier(0, 0, 0.38, 0.9);
11331
11342
  }
11332
11343
 
11333
11344
  .c4p--datagrid__draggable-handleHolder-grabbed {