@ui5/webcomponents 1.24.7 → 1.24.8

package/src/Menu.hbs

@@ -17,7 +17,7 @@
 		slot="header"
 		class="ui5-menu-dialog-header"
 	>
-	{{#if isSubMenuOpened}}
+	{{#if _isSubMenu}}
 		<ui5-button
 			icon="nav-back"
 			class="ui5-menu-back-button"

package/src/MultiComboBoxPopover.hbs

@@ -5,10 +5,12 @@
 	hide-arrow
 	_disable-initial-focus
 	style="{{styles.suggestionsPopover}}"
+	accessible-name="{{_popupLabel}}"
 	@ui5-selection-change={{_listSelectionChange}}
 	@ui5-after-close={{_afterClosePicker}}
 	@ui5-before-open={{_beforeOpen}}
 	@ui5-after-open={{_afterOpenPicker}}
+	@focusout={{_onPopoverFocusOut}}
 >
 	{{#if _isPhone}}
 		<div slot="header" class="ui5-responsive-popover-header" style="{{styles.popoverHeader}}">

package/src/Table.hbs

@@ -101,7 +101,7 @@
 {{/inline}}
 
 {{#*inline "tableEndRow"}}
-	<tr tabindex="-1" class="ui5-table-end-row">
+	<tr tabindex="-1" aria-hidden="true" class="ui5-table-end-row">
 		<td tabindex="-1">
 			<span tabindex="-1" aria-hidden="true" class="ui5-table-end-marker"></span>
 		</td>

package/src/i18n/messagebundle.properties

@@ -259,6 +259,12 @@ MESSAGE_STRIP_INFORMATION=Information Bar
 #XFLD: MultiComboBox dialog button
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+#XACT: ARIA announcement for Combo Box and Multi Combo Box available options
+COMBOBOX_AVAILABLE_OPTIONS=Available Options
+
+#XACT: ARIA announcement for suggestions popup
+INPUT_AVALIABLE_VALUES=Available Values
+
 #XMSG: Text used for reporting that a radio button group requires one of the radio buttons to be checked
 RADIO_BUTTON_GROUP_REQUIRED=Select one of the available options.
 

package/src/themes/CheckBox.css

@@ -62,7 +62,7 @@
 }
 
 :host([wrapping-type="Normal"]) .ui5-checkbox-root:focus::before {
-	bottom: var(--_ui5_checkbox_wrapped_focus_left_top_bottom_position);
+	inset-block-end: var(--_ui5_checkbox_wrapped_focus_inset_block_end);
 }
 
 /* value states */

package/src/themes/SegmentedButton.css

@@ -29,21 +29,21 @@
 	z-index: initial;
 }
 
-::slotted([ui5-segmented-button-item]:hover) {
+::slotted([ui5-segmented-button-item]:not([disabled]):hover) {
 	z-index: 2;
 	box-shadow: var(--_ui5_segmented_btn_hover_box_shadow);
 	border-color: var(--sapButton_Hover_BorderColor);
 	background-color: var(--sapButton_Hover_Background);
 }
 
-::slotted([ui5-segmented-button-item][pressed]),
-::slotted([ui5-segmented-button-item][active]) {
+::slotted([ui5-segmented-button-item][pressed]:not([disabled])),
+::slotted([ui5-segmented-button-item][active]:not([disabled])) {
 	border-color: var(--sapButton_Selected_BorderColor);
 	background-color: var(--sapButton_Selected_Background);
 	color: var(--sapButton_Selected_TextColor);
 }
 
-::slotted([ui5-segmented-button-item][pressed]:hover) {
+::slotted([ui5-segmented-button-item][pressed]:not([disabled]):hover) {
 	border-color: var(--sapButton_Selected_Hover_BorderColor);
 	background-color: var(--sapButton_Selected_Hover_Background);
 	color: var(--sapButton_Selected_TextColor);
@@ -64,10 +64,10 @@
 	border-right-width: var(--_ui5_segmented_btn_item_border_right);
 }
 
-::slotted([ui5-segmented-button-item][active]:not([active]):hover) {
+::slotted([ui5-segmented-button-item][active]:not([disabled]):not([active]):hover) {
 	border-color: var(--sapButton_BorderColor);
 }
 
-::slotted([ui5-segmented-button-item][active]:hover) {
+::slotted([ui5-segmented-button-item][active]:not([disabled]):hover) {
 	border-color: var(--sapButton_Selected_BorderColor);
 }

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

@@ -41,12 +41,11 @@
 --_ui5_checkbox_inner_background: var(--sapField_Background);
 --_ui5_checkbox_wrapped_focus_padding: .375rem;
 --_ui5_checkbox_wrapped_content_margin_top: .125rem;
---_ui5_checkbox_wrapped_focus_left_top_bottom_position: .5625rem;
+--_ui5_checkbox_wrapped_focus_inset_block_end: .5625rem;
 --_ui5_checkbox_compact_wrapper_padding: .5rem;
 --_ui5_checkbox_compact_width_height: 2rem;
 --_ui5_checkbox_compact_inner_size: 1rem;
 --_ui5_checkbox_compact_focus_position: .375rem;
---_ui5_checkbox_compact_wrapped_label_margin_top: -1px;
 --_ui5_checkbox_label_color: var(--sapContent_LabelColor);
 --_ui5_checkbox_label_offset: var(--_ui5_checkbox_wrapper_padding);
 --_ui5_checkbox_disabled_label_color: var(--sapContent_LabelColor);

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

@@ -177,8 +177,7 @@
 
 	/* CheckBox */
 	--_ui5_checkbox_root_side_padding: var(--_ui5_checkbox_wrapped_focus_padding);
-	--_ui5_checkbox_wrapped_content_margin_top: var(--_ui5_checkbox_compact_wrapped_label_margin_top);
-	--_ui5_checkbox_wrapped_focus_left_top_bottom_position: var(--_ui5_checkbox_compact_focus_position);
+	--_ui5_checkbox_wrapped_focus_inset_block_end: .25rem;
 	--_ui5_checkbox_width_height: var(--_ui5_checkbox_compact_width_height);
 	--_ui5_checkbox_wrapper_padding: var(--_ui5_checkbox_compact_wrapper_padding);
 	--_ui5_checkbox_focus_position: var(--_ui5_checkbox_compact_focus_position);

package/src/themes/sap_fiori_3/CheckBox-parameters.css

@@ -9,5 +9,4 @@
 	--_ui5_checkbox_wrapped_content_margin_top: 0;
 	--_ui5_checkbox_wrapped_focus_padding: .5rem;
 	--_ui5_checkbox_inner_readonly_border: 1px solid var(--sapField_ReadOnly_BorderColor);
-	--_ui5_checkbox_compact_wrapped_label_margin_top: -0.125rem;
 }

package/src/themes/sap_fiori_3/parameters-bundle.css

@@ -55,5 +55,5 @@
 @import "./MultiComboBox-parameters.css";
 @import "./SliderBase-parameters.css";
 @import "../base/StepInput-parameters.css";
-@import "../base/sizes-parameters.css";
+@import "./sizes-parameters.css";
 @import "../base/rtl-parameters.css";

package/src/themes/sap_fiori_3/sizes-parameters.css

@@ -0,0 +1,8 @@
+@import "../base/sizes-parameters.css";
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	/* CheckBox */
+	--_ui5_checkbox_wrapped_focus_inset_block_end: .375rem;
+}

package/src/themes/sap_fiori_3_dark/CheckBox-parameters.css

@@ -9,5 +9,4 @@
 	--_ui5_checkbox_wrapped_content_margin_top: 0;
 	--_ui5_checkbox_wrapped_focus_padding: .5rem;
 	--_ui5_checkbox_inner_readonly_border: 1px solid var(--sapField_ReadOnly_BorderColor);
-	--_ui5_checkbox_compact_wrapped_label_margin_top: -0.125rem;
 }

package/src/themes/sap_fiori_3_dark/parameters-bundle.css

@@ -54,5 +54,5 @@
 @import "./MultiComboBox-parameters.css";
 @import "./SliderBase-parameters.css";
 @import "../base/StepInput-parameters.css";
-@import "../base/sizes-parameters.css";
+@import "./sizes-parameters.css";
 @import "../base/rtl-parameters.css";

package/src/themes/sap_fiori_3_dark/sizes-parameters.css

@@ -0,0 +1,8 @@
+@import "../base/sizes-parameters.css";
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	/* CheckBox */
+	--_ui5_checkbox_wrapped_focus_inset_block_end: .375rem;
+}

package/src/themes/sap_horizon/CheckBox-parameters.css

@@ -40,5 +40,6 @@
 	--_ui5_checkbox_focus_position: 0.3125rem;
 	--_ui5_checkbox_focus_border_radius: 0.5rem;
 	--_ui5_checkbox_right_focus_distance: var(--_ui5_checkbox_focus_position);
-	--_ui5_checkbox_wrapped_focus_left_top_bottom_position: 0.1875rem;
+	--_ui5_checkbox_wrapped_focus_inset_block_end: var(--_ui5_checkbox_focus_position);
+	--_ui5_checkbox_wrapped_content_margin_top: 0;
 }

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

@@ -2,7 +2,6 @@
 
 :root {
 	--ui5_table_header_row_outline_width: var(--sapContent_FocusWidth);
-	--ui5_table_header_row_font_weight: bold;
 	--ui5_table_header_row_font_family:  var(--sapFontSemiboldDuplexFamily);
 	--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
 	--ui5_table_focus_outline_offset: -0.1875rem;

package/src/themes/sap_horizon/parameters-bundle.css

@@ -57,7 +57,6 @@
 @import "./SliderBase-parameters.css";
 @import "./ValueStateMessage-parameters.css";
 @import "./Table-parameters.css";
-@import "./TableColumn-parameters.css";
 @import "./TableRow-parameters.css";
 @import "./TableGroupRow-parameters.css";
 @import "../base/Toolbar-parameters.css";

package/src/themes/sap_horizon/sizes-parameters.css

@@ -49,6 +49,10 @@
 	--_ui5_color-palette-item-after-focus-offset: -0.125rem;
 	--_ui5_color_picker_slider_container_margin_top: -9px;
 
+	/* CheckBox */
+	--_ui5_checkbox_wrapped_focus_inset_block_end: 0.125rem;
+	--_ui5_checkbox_wrapped_content_margin_top: 0.125rem;
+
 	/* DayPicker */
 	--_ui5_daypicker_selected_item_now_special_day_top: 1.5625rem;
 	--_ui5_daypicker_specialday_focused_top: 1.3125rem;

package/src/themes/sap_horizon_dark/CheckBox-parameters.css

@@ -40,4 +40,6 @@
 	--_ui5_checkbox_focus_position: 0.3125rem;
 	--_ui5_checkbox_focus_border_radius: 0.5rem;
 	--_ui5_checkbox_right_focus_distance: var(--_ui5_checkbox_focus_position);
+	--_ui5_checkbox_wrapped_focus_inset_block_end: var(--_ui5_checkbox_focus_position);
+	--_ui5_checkbox_wrapped_content_margin_top: 0;
 }

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

@@ -2,7 +2,6 @@
 
 :root {
 	--ui5_table_header_row_outline_width: var(--sapContent_FocusWidth);
-	--ui5_table_header_row_font_weight: bold;
 	--ui5_table_header_row_font_family:  var(--sapFontSemiboldDuplexFamily);
 	--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
 	--ui5_table_focus_outline_offset: -0.1875rem;

package/src/themes/sap_horizon_dark/parameters-bundle.css

@@ -57,7 +57,6 @@
 @import "./SliderBase-parameters.css";
 @import "./ValueStateMessage-parameters.css";
 @import "./Table-parameters.css";
-@import "./TableColumn-parameters.css";
 @import "./TableRow-parameters.css";
 @import "./TableGroupRow-parameters.css";
 @import "./StepInput-parameters.css";

package/src/themes/sap_horizon_dark/sizes-parameters.css

@@ -46,6 +46,10 @@
 	--_ui5_color-palette-item-after-focus-offset: -0.125rem;
 	--_ui5_color_picker_slider_container_margin_top: -9px;
 
+	/* CheckBox */
+	--_ui5_checkbox_wrapped_focus_inset_block_end: 0.125rem;
+	--_ui5_checkbox_wrapped_content_margin_top: 0.125rem;
+
 	/* DayPicker */
 	--_ui5_daypicker_selected_item_now_special_day_top: 1.5625rem;
 	--_ui5_daypicker_specialday_focused_top: 1.3125rem;

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

@@ -2,7 +2,6 @@
 
 :root {
 	--ui5_table_header_row_outline_width: var(--sapContent_FocusWidth);
-	--ui5_table_header_row_font_weight: bold;
 	--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
 	--ui5_table_focus_outline_offset: -0.1875rem;
 }

package/src/themes/sap_horizon_dark_exp/parameters-bundle.css

@@ -56,7 +56,6 @@
 @import "./SliderBase-parameters.css";
 @import "./ValueStateMessage-parameters.css";
 @import "./Table-parameters.css";
-@import "./TableColumn-parameters.css";
 @import "./TableRow-parameters.css";
 @import "./TableGroupRow-parameters.css";
 @import "./StepInput-parameters.css";

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

@@ -2,7 +2,6 @@
 
 :root {
 	--ui5_table_header_row_outline_width: var(--sapContent_FocusWidth);
-	--ui5_table_header_row_font_weight: bold;
 	--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
 	--ui5_table_focus_outline_offset: -0.1875rem;
 }

package/src/themes/sap_horizon_exp/parameters-bundle.css

@@ -56,7 +56,6 @@
 @import "./SliderBase-parameters.css";
 @import "./ValueStateMessage-parameters.css";
 @import "./Table-parameters.css";
-@import "./TableColumn-parameters.css";
 @import "./TableRow-parameters.css";
 @import "./TableGroupRow-parameters.css";
 @import "./StepInput-parameters.css";

package/src/themes/sap_horizon_hcb/CheckBox-parameters.css

@@ -42,4 +42,6 @@
 	--_ui5_checkbox_focus_position: 0.3125rem;
 	--_ui5_checkbox_focus_border_radius: 0.5rem;
 	--_ui5_checkbox_right_focus_distance: var(--_ui5_checkbox_focus_position);
+	--_ui5_checkbox_wrapped_focus_inset_block_end: var(--_ui5_checkbox_focus_position);
+	--_ui5_checkbox_wrapped_content_margin_top: 0;
 }

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

@@ -2,7 +2,6 @@
 
 :root {
 	--ui5_table_header_row_outline_width: 0.125rem;
-	--ui5_table_header_row_font_weight: bold;
 	--ui5_table_header_row_font_family:  var(--sapFontSemiboldDuplexFamily);
 	--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
 	--ui5_table_focus_outline_offset: -0.1875rem;

package/src/themes/sap_horizon_hcb/sizes-parameters.css

@@ -7,6 +7,11 @@
 	--_ui5_split_button_text_button_width: 2.25rem;
 	--_ui5_color_picker_slider_container_margin_top: -10px;
 
+	/* CheckBox */
+	--_ui5_checkbox_focus_position: 0.3125rem;
+	--_ui5_checkbox_wrapped_focus_inset_block_end: 0.125rem;
+	--_ui5_checkbox_wrapped_content_margin_top: 0.125rem;
+
 	/* DayPicker */
 	--_ui5_daypicker_selected_item_now_special_day_top: 1.5625rem;
 	--_ui5_daypicker_specialday_focused_top: 1.3125rem;

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

@@ -2,7 +2,6 @@
 
 :root {
 	--ui5_table_header_row_outline_width: 0.125rem;
-	--ui5_table_header_row_font_weight: bold;
 	--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
 	--ui5_table_focus_outline_offset: -0.1875rem;
 	--ui5_table_header_row_border_width: 0.1875rem;

package/src/themes/sap_horizon_hcw/CheckBox-parameters.css

@@ -42,4 +42,7 @@
 	--_ui5_checkbox_focus_position: 0.3125rem;
 	--_ui5_checkbox_focus_border_radius: 0.5rem;
 	--_ui5_checkbox_right_focus_distance: var(--_ui5_checkbox_focus_position);
+	--_ui5_checkbox_wrapped_focus_inset_block_end: var(--_ui5_checkbox_focus_position);
+	--_ui5_checkbox_wrapped_content_margin_top: 0;
+
 }

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

@@ -2,7 +2,6 @@
 
 :root {
 	--ui5_table_header_row_outline_width: 0.125rem;
-	--ui5_table_header_row_font_weight: bold;
 	--ui5_table_header_row_font_family:  var(--sapFontSemiboldDuplexFamily);
 	--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
 	--ui5_table_focus_outline_offset: -0.1875rem;

package/src/themes/sap_horizon_hcw/sizes-parameters.css

@@ -7,6 +7,11 @@
 	--_ui5_split_button_text_button_width: 2.25rem;
 	--_ui5_color_picker_slider_container_margin_top: -10px;
 
+	/* CheckBox */
+	--_ui5_checkbox_focus_position: 0.3125rem;
+	--_ui5_checkbox_wrapped_focus_inset_block_end: 0.125rem;
+	--_ui5_checkbox_wrapped_content_margin_top: 0.125rem;
+
 	/* DayPicker */
 	--_ui5_daypicker_selected_item_now_special_day_top: 1.5625rem;
 	--_ui5_daypicker_specialday_focused_top: 1.3125rem;

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

@@ -2,7 +2,6 @@
 
 :root {
 	--ui5_table_header_row_outline_width: 0.125rem;
-	--ui5_table_header_row_font_weight: bold;
 	--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
 	--ui5_table_focus_outline_offset: -0.1875rem;
 	--ui5_table_header_row_border_width: 0.1875rem;

package/src/themes/sap_horizon/TableColumn-parameters.css

@@ -1,5 +0,0 @@
-@import "../base/TableColumn-parameters.css";
-
-:root {
-	--ui5_table_header_row_font_weight: bold;
-}

package/src/themes/sap_horizon_dark/TableColumn-parameters.css

@@ -1,5 +0,0 @@
-@import "../base/TableColumn-parameters.css";
-
-:root {
-	--ui5_table_header_row_font_weight: bold;
-}

package/src/themes/sap_horizon_dark_exp/TableColumn-parameters.css

@@ -1,5 +0,0 @@
-@import "../base/TableColumn-parameters.css";
-
-:root {
-	--ui5_table_header_row_font_weight: bold;
-}

package/src/themes/sap_horizon_exp/TableColumn-parameters.css

@@ -1,5 +0,0 @@
-@import "../base/TableColumn-parameters.css";
-
-:root {
-	--ui5_table_header_row_font_weight: bold;
-}