@carbon/ibm-products 1.71.0 → 1.72.1

package/css/index-full-carbon.css

@@ -21684,7 +21684,8 @@ button.c4p--add-select__global-filter-toggle--open {
   border-bottom: none;
 }
 
-.c4p--datagrid .c4p--datagrid__carbon-row-expandable {
+.c4p--datagrid .c4p--datagrid__carbon-row-expandable,
+.c4p--datagrid tr.c4p--datagrid__carbon-nested-row td.c4p--datagrid__cell:not(.c4p--datagrid__expandable-row-cell) {
   position: relative;
 }
 
@@ -21708,6 +21709,36 @@ button.c4p--add-select__global-filter-toggle--open {
   padding-left: var(--cds-spacing-03, 0.5rem);
 }
 
+.bx--data-table td.c4p--datagrid__expandable-row-cell + td,
+.bx--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2) {
+  position: relative;
+}
+
+.bx--data-table td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td.c4p--datagrid__checkbox-cell__checkbox-cell {
+  border-top: none;
+}
+
+.bx--data-table td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
+.bx--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before,
+.bx--data-table .c4p--datagrid__carbon-nested-row td.c4p--datagrid__expandable-row-cell + td::before {
+  position: absolute;
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  bottom: -1px;
+  left: 0;
+  width: 1rem;
+  height: 1px;
+  background-color: var(--cds-ui-01, #f4f4f4);
+  content: "";
+  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
+}
+
+.bx--data-table tr:hover td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
+.bx--data-table .c4p--datagrid__carbon-nested-row:hover td.c4p--datagrid__expandable-row-cell + td::before,
+.bx--data-table .c4p--datagrid__expandable-row--hover td.c4p--datagrid__expandable-row-cell + td::before,
+.bx--data-table .c4p--datagrid__carbon-nested-row:hover:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before {
+  background-color: var(--cds-layer-hover, #e5e5e5);
+}
+
 .c4p--datagrid__carbon-row-expanded .c4p--datagrid__expandable-row-cell {
   border-bottom: none;
 }
@@ -22133,7 +22164,7 @@ button.c4p--add-select__global-filter-toggle--open {
   position: relative;
   z-index: 0;
   overflow: auto;
-  padding: 0 var(--cds-spacing-05, 1rem);
+  padding: 0 var(--cds-spacing-05, 1rem) var(--cds-spacing-11, 5rem) var(--cds-spacing-05, 1rem);
   overscroll-behavior: contain;
 }
 
@@ -22293,15 +22324,30 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--datagrid .bx--data-table tbody tr:hover + .c4p--datagrid__expanded-row,
 .c4p--datagrid .c4p--datagrid__expanded-row:hover,
 .c4p--datagrid .c4p--datagrid__expandable-row--hover td {
+  border-top: none;
   background: var(--cds-layer-hover, #e5e5e5);
 }
 
+.c4p--datagrid .bx--data-table .c4p--datagrid__carbon-row-expandable td {
+  border-top: none;
+}
+
 .c4p--datagrid .bx--data-table tbody tr:hover td.c4p--datagrid__expanded-row-cell-wrapper,
 .c4p--datagrid .bx--data-table td.c4p--datagrid__expanded-row-cell-wrapper,
 .c4p--datagrid .bx--data-table .c4p--datagrid__carbon-row-expanded td.c4p--datagrid__expandable-row-cell {
   border: none;
 }
 
+.c4p--datagrid .bx--data-table .c4p--datagrid__carbon-row-expanded:hover td:not(.c4p--datagrid__expandable-row-cell) {
+  border-bottom: 1px solid var(--cds-border-subtle, #e0e0e0);
+}
+
+.c4p--datagrid .bx--data-table .c4p--datagrid__carbon-row-expanded:hover + .c4p--datagrid__expanded-row .c4p--datagrid__expanded-row-content,
+.c4p--datagrid__expanded-row:hover .c4p--datagrid__expanded-row-content {
+  background-color: var(--cds-layer-hover, #e5e5e5);
+  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
+}
+
 .c4p--datagrid .bx--data-table td.c4p--datagrid__expanded-row-cell-wrapper {
   padding: 0;
 }