npm - @ui5/webcomponents - Versions diffs - 2.22.0-rc.4 → 2.22.0-rc.6 - Mend

@@ -12,7 +12,7 @@
 	padding: 0 0.5rem;
 	font-family: var(--sapFontFamily);
 	font-size: var(--sapFontSmallSize);
-	color: var(--_ui5_slider_tooltip_color);
+	color: var(--sapTextColor);
 	display: flex;
 	justify-content: center;
 	align-items: center;

@@ -0,0 +1,20 @@
+:host {
+	color: var(--sapList_TableGroupHeaderTextColor);
+	background: var(--sapList_TableGroupHeaderBackground);
+	font-weight: bold;
+	min-height: 2rem;
+}
+#group-cell {
+	grid-column: 1 / -1;
+	padding-inline: var(--_ui5_first_table_cell_horizontal_padding);
+}
+:host([_render-dummy-cell]) #group-cell {
+	grid-column: 1 / -2;
+}
+:host(:first-of-type) > [ui5-table-cell][aria-colspan] {
+	border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
+	border-top: none;
+}

@@ -52,6 +52,11 @@
 	border-inline-start: none;
 }
+:host(:not([_has-popin])) #dummy-cell {
+	background: var(--sapList_Background);
+	border-top: none;
+}
 :host([tabindex]:focus) {
 	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	outline-offset: calc(-1 * var(--sapContent_FocusWidth));

@@ -5,9 +5,9 @@
 	align-items: center;
 	justify-content: flex-end;
 	box-sizing: border-box;
-	border-bottom: 0.0625rem solid var(--sapGroup_ContentBorderColor);
+	border-bottom: var(--sapGroup_TitleBorderWidth) solid var(--sapGroup_TitleBorderColor);
 	padding: 0 var(--_ui5-toolbar-padding-left) 0 var(--_ui5-toolbar-padding-right);
-	background-color: var(--sapList_HeaderBackground);
+	background-color: var(--sapToolbar_Background);
 }
 :host([align-content="Start"]) {

@@ -13,6 +13,7 @@
 	--_ui5_panel_focus_offset: 1px;
 	--_ui5_panel_focus_bottom_offset: var(--_ui5_panel_focus_offset);
 	--_ui5_panel_content_padding: 0.625rem 1rem 1.375rem 1rem;
+	--_ui5_panel_content_focus_offset: -0.1875rem;
 	--_ui5_panel_header_background_color: var(--sapBackgroundColor);
 }

@@ -3,6 +3,8 @@
 	--_ui5_select_label_color: var(--sapField_TextColor);
 	--_ui5_select_icon_width: 2.25rem;
 	--_ui5_select_icon_wrapper_height: 100%;
+	--_ui5_select_bottom_border_gradient: none;
+	--_ui5_select_icon_wrapper_state_height: 100%;
 }
 @container style(--ui5_content_density: compact) {

@@ -149,7 +149,7 @@
 	/* Toolbar */
 	--_ui5-toolbar-separator-height: 2rem;
-	--_ui5-toolbar-height: 2.75rem;
+	--_ui5-toolbar-height: var(--sapElement_LineHeight);
 	--_ui5_toolbar_overflow_padding: 0.25rem 0.5rem;
 	/* DynamicPageTitle */
@@ -370,7 +370,7 @@
 		/* Toolbar */
 		--_ui5-toolbar-separator-height: 1.5rem;
-		--_ui5-toolbar-height: 2rem;
+		--_ui5-toolbar-height: var(--sapElement_Compact_LineHeight);
 		--_ui5_toolbar_overflow_padding: 0.1875rem 0.375rem;
 		/* DynamicPageTitle */

@@ -2,7 +2,7 @@
 :host {
 	--_ui5_link_text_decoration: underline;
-	--_ui5_link_hover_text_decoration: none;
+	--_ui5_link_hover_text_decoration: underline;
 	--_ui5_link_active_text_decoration: none;
 	--_ui5_link_focus_text_decoration: none;
 	--_ui5_link_focused_hover_text_decoration: none;

@@ -2,8 +2,11 @@
 :host {
 	--_ui5_select_hover_icon_left_border: none;
-	--_ui5_select_icon_wrapper_height: calc(100% - 0.0625rem);
-	--_ui5_select_icon_wrapper_state_height: calc(100% - 0.125rem);
+	--_ui5_select_icon_wrapper_height: 100%;
+	--_ui5_select_icon_wrapper_state_height: 100%;
+	--_ui5_input_icon_hover_bg: transparent;
+	--_ui5_input_icon_pressed_bg: transparent;
+	--_ui5_select_bottom_border_gradient: linear-gradient(var(--sapField_BorderColor), var(--sapField_BorderColor)) bottom / 100% var(--sapField_BorderWidth) no-repeat;
 	--_ui5_input_focus_outline_color: var(--sapContent_FocusColor);
 	--_ui5_input_readonly_focus_border_radius: 0;
-}
+}

@@ -2,7 +2,7 @@
 :host {
 	--_ui5_link_text_decoration: var(--sapLink_TextDecoration);
-	--_ui5_link_hover_text_decoration: var(--sapLink_Hover_TextDecoration);
+	--_ui5_link_hover_text_decoration: underline;
 	--_ui5_link_focused_hover_text_decoration: none;
 	--_ui5_link_active_text_decoration: var(--sapLink_Active_TextDecoration);
 	--_ui5_link_subtle_text_decoration: underline;

@@ -1,3 +0,0 @@
-:host {
-	--_ui5_slider_tooltip_color: var(--sapTextColor);
-}

@@ -1,5 +0,0 @@
-@import "../base/SliderTooltip-parameters.css";
-:host {
-	--_ui5_slider_tooltip_color: var(--sapContent_LabelColor);
-}

	@@ -1 +0,0 @@
1	- @import "../base/SliderTooltip-parameters.css";

@ui5/webcomponents 2.22.0-rc.4 → 2.22.0-rc.6