@carbon/ibm-products 2.15.1 → 2.15.2

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 (42) hide show
  1. package/css/index-full-carbon.css +22 -8
  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 +22 -8
  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 +22 -8
  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/DatagridExpandedRow.js +1 -1
  14. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +4 -3
  15. package/es/components/Datagrid/Datagrid/DatagridRefBody.js +4 -1
  16. package/es/components/Datagrid/Datagrid/DatagridRow.js +5 -2
  17. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +4 -1
  18. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +14 -18
  19. package/es/components/Datagrid/Datagrid.docs-page.js +7 -1
  20. package/es/components/Datagrid/useActionsColumn.js +7 -5
  21. package/es/components/Datagrid/useDatagrid.js +8 -0
  22. package/es/components/Datagrid/useInfiniteScroll.js +10 -9
  23. package/es/components/Datagrid/useParentDimensions.js +6 -6
  24. package/es/components/Datagrid/useResizeTable.js +7 -7
  25. package/es/components/Datagrid/useSkeletonRows.js +6 -6
  26. package/es/components/Datagrid/useStickyColumn.js +13 -6
  27. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +1 -1
  28. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +4 -3
  29. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +4 -1
  30. package/lib/components/Datagrid/Datagrid/DatagridRow.js +5 -2
  31. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +4 -1
  32. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +13 -18
  33. package/lib/components/Datagrid/Datagrid.docs-page.js +7 -1
  34. package/lib/components/Datagrid/useActionsColumn.js +7 -5
  35. package/lib/components/Datagrid/useDatagrid.js +8 -0
  36. package/lib/components/Datagrid/useInfiniteScroll.js +9 -9
  37. package/lib/components/Datagrid/useParentDimensions.js +5 -6
  38. package/lib/components/Datagrid/useResizeTable.js +6 -7
  39. package/lib/components/Datagrid/useSkeletonRows.js +6 -6
  40. package/lib/components/Datagrid/useStickyColumn.js +13 -6
  41. package/package.json +2 -2
  42. package/scss/components/Datagrid/styles/_datagrid.scss +26 -5
package/css/index-full-carbon.css CHANGED
@@ -11216,34 +11216,34 @@ button.c4p--add-select__global-filter-toggle--open {
11216
11216
  align-items: center;
11217
11217
  padding-top: 0;
11218
11218
  }
11219
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--compact .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--xs .c4p--datagrid__cell {
11219
+ .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--xs .c4p--datagrid__cell {
11220
11220
  padding-top: 0.125rem;
11221
11221
  padding-bottom: 0.125rem;
11222
11222
  }
11223
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--short .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--sm .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--md .c4p--datagrid__cell {
11223
+ .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--sm .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--md .c4p--datagrid__cell {
11224
11224
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
11225
11225
  padding-top: 0.4375rem;
11226
11226
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
11227
11227
  padding-bottom: 0.375rem;
11228
11228
  }
11229
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--xl .c4p--datagrid__cell {
11229
+ .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--xl .c4p--datagrid__cell {
11230
11230
  padding-top: 1rem;
11231
11231
  padding-bottom: 1rem;
11232
11232
  }
11233
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--xl .c4p--datagrid__cell {
11233
+ .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--xl .c4p--datagrid__cell {
11234
11234
  padding-top: 1rem;
11235
11235
  }
11236
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--tall .cds--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--lg .cds--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--xl .cds--table-header-label {
11236
+ .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--lg .cds--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--xl .cds--table-header-label {
11237
11237
  padding-top: 1rem;
11238
11238
  }
11239
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--tall .cds--table-column-checkbox, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--lg .cds--table-column-checkbox, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--xl .cds--table-column-checkbox {
11239
+ .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--lg .cds--table-column-checkbox, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--xl .cds--table-column-checkbox {
11240
11240
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
11241
11241
  padding-top: 0.8125rem;
11242
11242
  }
11243
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--xl .c4p--datagrid__cell {
11243
+ .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--xl .c4p--datagrid__cell {
11244
11244
  padding-bottom: 1rem;
11245
11245
  }
11246
- .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--tall .cds--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--lg .cds--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--xl .cds--table-header-label {
11246
+ .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--lg .cds--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--xl .cds--table-header-label {
11247
11247
  padding-bottom: 1rem;
11248
11248
  }
11249
11249
  .c4p--datagrid__grid-container table.c4p--datagrid__variable-row-height tr.c4p--datagrid__carbon-row {
@@ -11421,6 +11421,20 @@ button.c4p--add-select__global-filter-toggle--open {
11421
11421
  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
11422
11422
  }
11423
11423
 
11424
+ .c4p--datagrid__header-actions-column:hover {
11425
+ background-color: var(--cds-layer-accent);
11426
+ }
11427
+
11428
+ .c4p--datagrid .c4p--datagrid__carbon-row .c4p--datagrid__actions-column-cell-non-sticky .cds--btn--icon-only {
11429
+ opacity: 0;
11430
+ }
11431
+
11432
+ .c4p--datagrid .c4p--datagrid__carbon-row:hover .c4p--datagrid__actions-column-cell-non-sticky .cds--btn--icon-only,
11433
+ .c4p--datagrid .c4p--datagrid__carbon-row .c4p--datagrid__actions-column-cell-non-sticky .cds--btn--icon-only:focus,
11434
+ .c4p--datagrid .c4p--datagrid__carbon-row .c4p--datagrid__actions-column-cell-non-sticky .cds--btn--icon-only[aria-expanded=true] {
11435
+ opacity: 1;
11436
+ }
11437
+
11424
11438
  .c4p--datagrid__head-hidden-select-all {
11425
11439
  padding-right: 3rem;
11426
11440
  }