@ui5/webcomponents 2.16.0-rc.1 → 2.16.0-rc.2

package/src/themes/TableHeaderRow.css

@@ -26,6 +26,7 @@
 	height: var(--_ui5_checkbox_inner_width_height);
 }
 
+#popin-cell-content,
 #actions-cell-content {
 	position: absolute;
 	clip: rect(0, 0, 0, 0);

package/src/themes/TableRow.css

@@ -2,19 +2,15 @@
 	background: var(--sapList_Background);
 }
 
-:host([position]) {
-	height: var(--row-height);
+:host([_alternate]) {
+	background: var(--_ui5_table_row_alternating_background);
 }
 
 :host([aria-selected=true]) {
-	background-color: var(--sapList_SelectionBackgroundColor);
+	background: var(--sapList_SelectionBackgroundColor);
 	border-bottom: var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor);
 }
 
-:host([_interactive]) {
-	cursor: pointer;
-}
-
 @media (hover: hover) {
 	:host([_interactive]:hover) {
 		background: var(--sapList_Hover_Background);
@@ -31,6 +27,14 @@
 	background: var(--sapList_Active_Background);
 }
 
+:host([position]) {
+	height: var(--row-height);
+}
+
+:host([_interactive]) {
+	cursor: pointer;
+}
+
 #popin-cell {
 	align-content: initial;
 	flex-direction: column;
@@ -54,7 +58,7 @@
 :host([navigated]) #navigated {
 	position: absolute;
 	inset: 0;
-	background-color: var(--sapList_SelectionBorderColor);
+	background: var(--sapList_SelectionBorderColor);
 }
 
 :host([tabindex]:focus) #navigated {

package/src/themes/base/Table-parameters.css

@@ -6,4 +6,8 @@
 	--_ui5_table_cell_horizontal_padding: 0.5rem;
 	--_ui5_table_cell_vertical_padding: 0.25rem;
 	--_ui5_table_row_actions_gap: 0.25rem;
+	--_ui5_table_row_alternating_background: var(--sapTableRow_AlternatingBackground, var(--sapList_AlternatingBackground));
+	--_ui5_table_row_alternating_hover_background: var(--sapTableRow_AlternatingHoverBackground, var(--sapList_Hover_Background));
+	--_ui5_table_row_alternating_selection_background: var(--sapTableRow_AlternatingSelectionBackground, var(--sapList_SelectionBackgroundColor));
+	--_ui5_table_row_alternating_selection_hover_background: var(--sapTableRow_AlternatingSelectionHoverBackground, var(--sapList_Hover_SelectionBackground));
 }