@ui5/webcomponents 2.12.0-rc.1 → 2.12.0-rc.3

package/src/themes/TableGrowing.css

@@ -6,39 +6,39 @@
 }
 
 #button:focus {
-    outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
-    outline-offset: calc(-1 * var(--sapContent_FocusWidth));
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	outline-offset: calc(-1 * var(--sapContent_FocusWidth));
 }
 
 #button {
-    margin: 0;
-    padding: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    cursor: pointer;
+	margin: 0;
+	padding: 0;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: column;
+	cursor: pointer;
 }
 
 @media (hover: hover) {
-    #button:hover {
-        background: var(--sapButton_Hover_Background);
-    }
+	#button:hover {
+		background: var(--sapButton_Hover_Background);
+	}
 }
 
 #button:active,
 #button[data-ui5-growing-active="true"] {
-    background: var(--sapList_Active_Background);
+	background: var(--sapList_Active_Background);
 }
 
 #text {
-    padding: 1rem 0 1rem 0;
-    font-size: var(--sapFontSize);
-    color: var(--sapButton_TextColor);
-    font-weight: bold;
+	padding: 1rem 0 1rem 0;
+	font-size: var(--sapFontSize);
+	color: var(--sapButton_TextColor);
+	font-weight: bold;
 }
 
 #subtext {
-    padding-bottom: 1rem;
-    color: var(--sapButton_TextColor);
+	padding-bottom: 1rem;
+	color: var(--sapButton_TextColor);
 }

package/src/themes/TableHeaderRow.css

@@ -1,22 +1,27 @@
 :host {
-    background: var(--sapList_HeaderBackground);
-    border-top: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
-    border-bottom: var(--sapList_BorderWidth) solid var(--sapList_HeaderBorderColor);
-    grid-template-rows: auto 0px;
+	background: var(--sapList_HeaderBackground);
+	border-top: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
+	border-bottom: var(--sapList_BorderWidth) solid var(--sapList_HeaderBorderColor);
+	grid-template-rows: auto 0px;
 }
 
 :host([hidden]) {
-    display: none;
+	display: none;
 }
 
 :host([sticky]) {
-    position: sticky;
-    top: var(--ui5_grid_sticky_top, 0);
-    z-index: 2;
+	position: sticky;
+	top: var(--ui5_grid_sticky_top, 0);
+	z-index: 2;
 }
 
 #popin-cell {
-    padding: 0;
-    width: 0;
-    height: 0;
-}
+	padding: 0;
+	width: 0;
+	height: 0;
+}
+
+#selection-cell [ui5-icon] {
+	width: var(--_ui5_checkbox_inner_width_height);
+	height: var(--_ui5_checkbox_inner_width_height);
+}

package/src/themes/TableRow.css

@@ -54,7 +54,7 @@
 :host([navigated]) #navigated {
 	position: absolute;
 	inset: 0;
-    background-color: var(--sapList_SelectionBorderColor);
+	background-color: var(--sapList_SelectionBorderColor);
 }
 
 :host([tabindex]:focus) #navigated {

package/src/themes/TableRowActionBase.css

@@ -1,14 +1,14 @@
 :host([invisible]) {
-    display: block;
-    width: var(--_ui5_button_base_min_width);
+	display: block;
+	width: var(--_ui5_button_base_min_width);
 }
 
 :host([_fixed]) {
-    margin-inline-start: auto;
+	margin-inline-start: auto;
 }
 
 [ui5-icon] {
-    display: flex;
-    width: var(--_ui5_button_base_min_width);
-    height: 0.75rem;
+	display: flex;
+	width: var(--_ui5_button_base_min_width);
+	height: 0.75rem;
 }

package/src/themes/TableRowBase.css

@@ -3,7 +3,7 @@
 	grid-template-columns: subgrid;
 	grid-column: 1 / -1;
 	min-height: var(--_ui5_list_item_base_height);
-	box-sizing: border-box;
+	box-sizing: content-box;
 	border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
 	overflow: clip;
 }
@@ -30,6 +30,9 @@
 }
 
 #selection-cell {
+	display: flex;
+	align-items: center;
+	justify-content: center;
 	padding: 0;
 	left: 0;
 }