@carbon/ibm-products 2.0.0-rc.15 → 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 (49) hide show
  1. package/css/index-full-carbon.css +23 -7
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +2 -2
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +1 -1
  6. package/css/index-without-carbon-released-only.min.css +1 -1
  7. package/css/index-without-carbon-released-only.min.css.map +1 -1
  8. package/css/index-without-carbon.css +23 -7
  9. package/css/index-without-carbon.css.map +1 -1
  10. package/css/index-without-carbon.min.css +2 -2
  11. package/css/index-without-carbon.min.css.map +1 -1
  12. package/css/index.css +22 -6
  13. package/css/index.css.map +1 -1
  14. package/css/index.min.css +2 -2
  15. package/css/index.min.css.map +1 -1
  16. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -3
  17. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -4
  18. package/es/components/Datagrid/Datagrid/DatagridHead.js +1 -2
  19. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -4
  20. package/es/components/Datagrid/Datagrid/DatagridRow.js +1 -3
  21. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +1 -2
  22. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -2
  23. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +5 -4
  24. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -2
  25. package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -1
  26. package/es/components/Datagrid/useFiltering.js +3 -1
  27. package/es/components/Datagrid/useSelectRows.js +1 -2
  28. package/es/components/Datagrid/utils/DatagridActions.js +3 -6
  29. package/es/components/index.js +2 -2
  30. package/lib/components/Datagrid/Datagrid/DatagridContent.js +2 -4
  31. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +2 -5
  32. package/lib/components/Datagrid/Datagrid/DatagridHead.js +1 -3
  33. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -5
  34. package/lib/components/Datagrid/Datagrid/DatagridRow.js +2 -4
  35. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +2 -3
  36. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -2
  37. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +6 -5
  38. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -2
  39. package/lib/components/Datagrid/Datagrid/DraggableElement.js +1 -1
  40. package/lib/components/Datagrid/useFiltering.js +4 -1
  41. package/lib/components/Datagrid/useSelectRows.js +1 -2
  42. package/lib/components/Datagrid/utils/DatagridActions.js +6 -10
  43. package/lib/components/index.js +6 -0
  44. package/package.json +2 -2
  45. package/scss/components/Datagrid/styles/_datagrid.scss +7 -1
  46. package/scss/components/Datagrid/styles/_draggableElement.scss +13 -3
  47. package/scss/components/Datagrid/styles/_useExpandedRow.scss +1 -1
  48. package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +5 -1
  49. package/scss/components/Tearsheet/_tearsheet.scss +1 -1
@@ -3620,7 +3620,7 @@
3620
3620
  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
3621
3621
  -webkit-box-orient: vertical;
3622
3622
  -webkit-line-clamp: 2;
3623
- word-break: break-all;
3623
+ word-break: break-word;
3624
3624
  }
3625
3625
  @media (min-width: 42rem) {
3626
3626
  .c4p--tearsheet .c4p--tearsheet__header-description {
@@ -10799,6 +10799,11 @@ button.c4p--add-select__global-filter-toggle--open {
10799
10799
  position: absolute;
10800
10800
  }
10801
10801
 
10802
+ .c4p--datagrid__table-toolbar--sm .c4p--filter-summary,
10803
+ .c4p--datagrid__table-toolbar--xs .c4p--filter-summary {
10804
+ padding: 0 0.5rem;
10805
+ }
10806
+
10802
10807
  /*
10803
10808
  * Licensed Materials - Property of IBM
10804
10809
  * 5724-Q36
@@ -11067,7 +11072,10 @@ button.c4p--add-select__global-filter-toggle--open {
11067
11072
  .c4p--datagrid__customize-columns-checkbox-wrapper {
11068
11073
  display: flex;
11069
11074
  justify-content: center;
11070
- 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 {
11071
11079
  margin-bottom: 0;
11072
11080
  }
11073
11081
 
@@ -11234,7 +11242,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
11234
11242
  */
11235
11243
  .c4p--datagrid .c4p--datagrid__expanded-row-content {
11236
11244
  position: relative;
11237
- padding: 1rem 1rem 1.5rem 3rem;
11245
+ padding: 1rem 1rem 1.5rem 4rem;
11238
11246
  }
11239
11247
 
11240
11248
  .c4p--datagrid .c4p--datagrid__expanded-row-content::before {
@@ -11293,7 +11301,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
11293
11301
  .c4p--datagrid__draggable-handleHolder {
11294
11302
  display: flex;
11295
11303
  height: 3rem;
11296
- padding-left: 1rem;
11297
11304
  border-bottom: 1px solid var(--cds-layer-active);
11298
11305
  background-color: var(--cds-layer);
11299
11306
  }
@@ -11305,7 +11312,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
11305
11312
  .c4p--datagrid__draggable-handleHolder-selected {
11306
11313
  display: flex;
11307
11314
  height: 3rem;
11308
- padding-left: 1rem;
11309
11315
  border-bottom: 1px solid var(--cds-layer-active);
11310
11316
  background-color: var(--cds-layer-selected);
11311
11317
  }
@@ -11316,13 +11322,23 @@ th.c4p--datagrid__select-all-toggle-on.button {
11316
11322
 
11317
11323
  .c4p--datagrid__draggable-handleHolder-isOver {
11318
11324
  border: 2px dashed var(--cds-focus, #0f62fe);
11319
- background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
11325
+ /* stylelint-disable-next-line carbon/theme-token-use */
11326
+ background-color: #edf5ff;
11320
11327
  }
11321
11328
 
11322
11329
  .c4p--datagrid__draggable-handleHolder-droppable {
11323
11330
  display: flex;
11324
11331
  width: 100%;
11325
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);
11326
11342
  }
11327
11343
 
11328
11344
  .c4p--datagrid__draggable-handleHolder-grabbed {
@@ -13967,7 +13983,7 @@ a.cds--side-nav__link--current::before {
13967
13983
  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
13968
13984
  -webkit-box-orient: vertical;
13969
13985
  -webkit-line-clamp: 2;
13970
- word-break: break-all;
13986
+ word-break: break-word;
13971
13987
  }
13972
13988
 
13973
13989
  @media (min-width: 42rem) {