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

Sign up to get free protection for your applications and to get access to all the features.
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) {