@carbon/ibm-products 2.15.1 → 2.15.2

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