@carbon/ibm-products 1.72.0 → 1.72.1

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 (27) hide show
  1. package/css/index-full-carbon.css +47 -1
  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-released-only.css +47 -1
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +47 -1
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +47 -1
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  18. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -4
  19. package/es/components/Datagrid/Datagrid/DatagridRow.js +6 -5
  20. package/es/components/Datagrid/Datagrid/addons/stateReducer.js +8 -1
  21. package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  22. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -4
  23. package/lib/components/Datagrid/Datagrid/DatagridRow.js +6 -5
  24. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +8 -1
  25. package/package.json +2 -2
  26. package/scss/components/Datagrid/styles/_useExpandedRow.scss +25 -0
  27. package/scss/components/Datagrid/styles/_useNestedRows.scss +62 -1
package/css/index-full-carbon.css CHANGED
@@ -21684,7 +21684,8 @@ button.c4p--add-select__global-filter-toggle--open {
21684
21684
  border-bottom: none;
21685
21685
  }
21686
21686
 
21687
- .c4p--datagrid .c4p--datagrid__carbon-row-expandable {
21687
+ .c4p--datagrid .c4p--datagrid__carbon-row-expandable,
21688
+ .c4p--datagrid tr.c4p--datagrid__carbon-nested-row td.c4p--datagrid__cell:not(.c4p--datagrid__expandable-row-cell) {
21688
21689
  position: relative;
21689
21690
  }
21690
21691
 
@@ -21708,6 +21709,36 @@ button.c4p--add-select__global-filter-toggle--open {
21708
21709
  padding-left: var(--cds-spacing-03, 0.5rem);
21709
21710
  }
21710
21711
 
21712
+ .bx--data-table td.c4p--datagrid__expandable-row-cell + td,
21713
+ .bx--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2) {
21714
+ position: relative;
21715
+ }
21716
+
21717
+ .bx--data-table td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td.c4p--datagrid__checkbox-cell__checkbox-cell {
21718
+ border-top: none;
21719
+ }
21720
+
21721
+ .bx--data-table td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
21722
+ .bx--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before,
21723
+ .bx--data-table .c4p--datagrid__carbon-nested-row td.c4p--datagrid__expandable-row-cell + td::before {
21724
+ position: absolute;
21725
+ /* stylelint-disable-next-line carbon/layout-token-use */
21726
+ bottom: -1px;
21727
+ left: 0;
21728
+ width: 1rem;
21729
+ height: 1px;
21730
+ background-color: var(--cds-ui-01, #f4f4f4);
21731
+ content: "";
21732
+ transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
21733
+ }
21734
+
21735
+ .bx--data-table tr:hover td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
21736
+ .bx--data-table .c4p--datagrid__carbon-nested-row:hover td.c4p--datagrid__expandable-row-cell + td::before,
21737
+ .bx--data-table .c4p--datagrid__expandable-row--hover td.c4p--datagrid__expandable-row-cell + td::before,
21738
+ .bx--data-table .c4p--datagrid__carbon-nested-row:hover:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before {
21739
+ background-color: var(--cds-layer-hover, #e5e5e5);
21740
+ }
21741
+
21711
21742
  .c4p--datagrid__carbon-row-expanded .c4p--datagrid__expandable-row-cell {
21712
21743
  border-bottom: none;
21713
21744
  }
@@ -22293,15 +22324,30 @@ th.c4p--datagrid__select-all-toggle-on.button {
22293
22324
  .c4p--datagrid .bx--data-table tbody tr:hover + .c4p--datagrid__expanded-row,
22294
22325
  .c4p--datagrid .c4p--datagrid__expanded-row:hover,
22295
22326
  .c4p--datagrid .c4p--datagrid__expandable-row--hover td {
22327
+ border-top: none;
22296
22328
  background: var(--cds-layer-hover, #e5e5e5);
22297
22329
  }
22298
22330
 
22331
+ .c4p--datagrid .bx--data-table .c4p--datagrid__carbon-row-expandable td {
22332
+ border-top: none;
22333
+ }
22334
+
22299
22335
  .c4p--datagrid .bx--data-table tbody tr:hover td.c4p--datagrid__expanded-row-cell-wrapper,
22300
22336
  .c4p--datagrid .bx--data-table td.c4p--datagrid__expanded-row-cell-wrapper,
22301
22337
  .c4p--datagrid .bx--data-table .c4p--datagrid__carbon-row-expanded td.c4p--datagrid__expandable-row-cell {
22302
22338
  border: none;
22303
22339
  }
22304
22340
 
22341
+ .c4p--datagrid .bx--data-table .c4p--datagrid__carbon-row-expanded:hover td:not(.c4p--datagrid__expandable-row-cell) {
22342
+ border-bottom: 1px solid var(--cds-border-subtle, #e0e0e0);
22343
+ }
22344
+
22345
+ .c4p--datagrid .bx--data-table .c4p--datagrid__carbon-row-expanded:hover + .c4p--datagrid__expanded-row .c4p--datagrid__expanded-row-content,
22346
+ .c4p--datagrid__expanded-row:hover .c4p--datagrid__expanded-row-content {
22347
+ background-color: var(--cds-layer-hover, #e5e5e5);
22348
+ transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
22349
+ }
22350
+
22305
22351
  .c4p--datagrid .bx--data-table td.c4p--datagrid__expanded-row-cell-wrapper {
22306
22352
  padding: 0;
22307
22353
  }