@ui5/webcomponents 2.27.0-rc.2 → 2.27.1-rc.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.27.0-rc.2",
+  "version": "2.27.1-rc.0",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -56,22 +56,22 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.27.0-rc.2",
-    "@ui5/webcomponents-icons": "2.27.0-rc.2",
-    "@ui5/webcomponents-icons-business-suite": "2.27.0-rc.2",
-    "@ui5/webcomponents-icons-tnt": "2.27.0-rc.2",
-    "@ui5/webcomponents-localization": "2.27.0-rc.2",
-    "@ui5/webcomponents-theming": "2.27.0-rc.2"
+    "@ui5/webcomponents-base": "2.27.1-rc.0",
+    "@ui5/webcomponents-icons": "2.27.1-rc.0",
+    "@ui5/webcomponents-icons-business-suite": "2.27.1-rc.0",
+    "@ui5/webcomponents-icons-tnt": "2.27.1-rc.0",
+    "@ui5/webcomponents-localization": "2.27.1-rc.0",
+    "@ui5/webcomponents-theming": "2.27.1-rc.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.10",
     "@ui5/cypress-internal": "0.1.0",
-    "@ui5/webcomponents-tools": "2.27.0-rc.2",
+    "@ui5/webcomponents-tools": "2.27.1-rc.0",
     "cypress": "15.18.1",
     "jsdom": "^26.0.0",
     "lit": "^2.0.0",
     "vite": "5.4.21",
     "vitest": "^3.2.7"
   },
-  "gitHead": "ed68024790c2ca5f3eddb25055e87883f5535515"
+  "gitHead": "6af2ac9c79b0bf38fabe5e6d91a9ea0322470465"
 }

package/src/RatingIndicatorTemplate.tsx

@@ -18,7 +18,6 @@ export default function RatingIndicatorTemplate(this: RatingIndicator) {
 			aria-description={this._ariaDescription}
 			tabindex={this.effectiveTabIndex}
 			onFocusIn={this._onfocusin}
-			onFocusOut={this._onfocusout}
 			onClick={this._onclick}
 			onKeyDown={this._onkeydown}
 			title={this.ratingTooltip}

package/src/i18n/messagebundle_de.properties

@@ -222,7 +222,7 @@ SELECT_ROLE_DESCRIPTION=Listenfeld
 
 SELECT_OPTIONS=Auswahloptionen
 
-SELECT_OPTIONS_IN_GROUPS={0} results are available in {1} groups
+SELECT_OPTIONS_IN_GROUPS={0} Ergebnisse in {1} Gruppen
 
 SELECT_POPOVER_ACCESSIBLE_NAME_PREFIX=Markieren:
 

package/src/i18n/messagebundle_hr.properties

@@ -456,9 +456,9 @@ TOKENIZER_DIALOG_CANCEL_BUTTON=Otkaži
 
 TOKENIZER_DIALOG_OK_BUTTON=OK
 
-TOKENIZER_TOKEN_DELETED_SINGULAR=1 token izbrisan
+TOKENIZER_TOKEN_DELETED_SINGULAR=Izbrisan je 1 token
 
-TOKENIZER_TOKEN_DELETED_PLURAL={0} tokena izbrisano
+TOKENIZER_TOKEN_DELETED_PLURAL=Izbrisano je {0} tokena
 
 TREE_ITEM_ARIA_LABEL=Element stabla
 

package/src/i18n/messagebundle_hu.properties

@@ -530,7 +530,7 @@ DAY_PICKER_SELECTED_RANGE_END={0} - a tartomány utolsó dátuma
 
 DAY_PICKER_WEEK_NUMBER_TEXT=Hét száma
 
-DAY_PICKER_CALENDAR_WEEK=Naptári hét {0}
+DAY_PICKER_CALENDAR_WEEK={0}. naptári hét
 
 DAY_PICKER_NON_WORKING_DAY=Munkaszüneti nap
 

package/src/i18n/messagebundle_id.properties

@@ -530,7 +530,7 @@ DAY_PICKER_SELECTED_RANGE_END=Tanggal berakhir pada rentang yang dipilih adalah
 
 DAY_PICKER_WEEK_NUMBER_TEXT=Jumlah Minggu
 
-DAY_PICKER_CALENDAR_WEEK=Kalender Minggu {0}
+DAY_PICKER_CALENDAR_WEEK=Minggu Kalender {0}
 
 DAY_PICKER_NON_WORKING_DAY=Bukan Hari Kerja
 

package/src/i18n/messagebundle_ja.properties

@@ -322,7 +322,7 @@ VALUE_STATE_ERROR_ALREADY_SELECTED=この値はすでに選択されています
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=複数値入力
 
-MULTIINPUT_SHOW_MORE_TOKENS={0} 追加
+MULTIINPUT_SHOW_MORE_TOKENS={0} その他
 
 MULTIINPUT_VALUE_HELP_LABEL=入力ヘルプの表示
 

package/src/i18n/messagebundle_ms.properties

@@ -546,7 +546,7 @@ SLIDER_TOOLTIP_INPUT_DESCRIPTION=Tekan F2 untuk masukkan nilai
 
 SLIDER_TOOLTIP_INPUT_LABEL=Nilai Semasa
 
-NUMBERINPUT_DEC_ICON_TITLE=Penurunan
+NUMBERINPUT_DEC_ICON_TITLE=Kurangkan
 
 NUMBERINPUT_INC_ICON_TITLE=Tingkatkan
 

package/src/i18n/messagebundle_nl.properties

@@ -546,9 +546,9 @@ SLIDER_TOOLTIP_INPUT_DESCRIPTION=Druk op F2 om een waarde in te voeren
 
 SLIDER_TOOLTIP_INPUT_LABEL=Huidige waarde
 
-NUMBERINPUT_DEC_ICON_TITLE=Verkleinen
+NUMBERINPUT_DEC_ICON_TITLE=Verlagen
 
-NUMBERINPUT_INC_ICON_TITLE=Vergroten
+NUMBERINPUT_INC_ICON_TITLE=Verhogen
 
 NUMBERINPUT_PATTERN_MISSMATCH=Deze indeling wordt niet ondersteund. Voer een getal in met {0} decimalen.
 

package/src/i18n/messagebundle_pl.properties

@@ -546,9 +546,9 @@ SLIDER_TOOLTIP_INPUT_DESCRIPTION=Naciśnij F2, aby wprowadzić wartość
 
 SLIDER_TOOLTIP_INPUT_LABEL=Wartość bieżąca
 
-NUMBERINPUT_DEC_ICON_TITLE=Zmniejsz
+NUMBERINPUT_DEC_ICON_TITLE=Zmniejszenie
 
-NUMBERINPUT_INC_ICON_TITLE=Zwiększ
+NUMBERINPUT_INC_ICON_TITLE=Zwiększenie
 
 NUMBERINPUT_PATTERN_MISSMATCH=Ten format nie jest obsługiwany. Wprowadź liczbę z {0} miejscami dziesiętnymi.
 

package/src/i18n/messagebundle_pt.properties

@@ -548,7 +548,7 @@ SLIDER_TOOLTIP_INPUT_LABEL=Valor atual
 
 NUMBERINPUT_DEC_ICON_TITLE=Reduzir
 
-NUMBERINPUT_INC_ICON_TITLE=Ampliar
+NUMBERINPUT_INC_ICON_TITLE=Aumentar
 
 NUMBERINPUT_PATTERN_MISSMATCH=Este formato não é suportado. Insira um número com {0} casas decimais.
 

package/src/i18n/messagebundle_tr.properties

@@ -546,9 +546,9 @@ SLIDER_TOOLTIP_INPUT_DESCRIPTION=Değer girmek için F2''ye basın
 
 SLIDER_TOOLTIP_INPUT_LABEL=Güncel değer
 
-NUMBERINPUT_DEC_ICON_TITLE=Küçült
+NUMBERINPUT_DEC_ICON_TITLE=Azalt
 
-NUMBERINPUT_INC_ICON_TITLE=Büyüt
+NUMBERINPUT_INC_ICON_TITLE=Artır
 
 NUMBERINPUT_PATTERN_MISSMATCH=Bu biçim desteklenmiyor. {0} ondalık basamak içeren bir sayı girin.
 

package/src/themes/CalendarHeader.css

@@ -44,23 +44,24 @@
 }
 
 .ui5-calheader-arrowbtn:hover {
-	background-color: var(--sapButton_Hover_Background);
-	color: var(--sapButton_Lite_TextColor);
+	background-color: var(--sapButton_Lite_Hover_Background);
+	color: var(--sapButton_Lite_Hover_TextColor);
 	box-shadow: var(--_ui5_calendar_header_arrow_button_box_shadow);
+	border-color: var(--sapButton_Lite_Hover_BorderColor);
 }
 
 .ui5-calheader-arrowbtn:active {
 	background-color: var(--sapButton_Active_Background);
 	color: var(--sapButton_Active_TextColor);
+	border-color: var(--sapButton_Lite_Active_BorderColor);
 }
 
 .ui5-calheader-arrowbtn,
 .ui5-calheader-middlebtn {
-	border: var(--_ui5_calendar_header_arrow_button_border);
-	border-radius: var(--_ui5_calendar_header_arrow_button_border_radius);
+	border: var(--sapButton_BorderWidth) solid var(--sapButton_Lite_BorderColor);
+	border-radius: var(--_ui5_calendar_header_arrow_button_border_radius, var(--sapButton_BorderCornerRadius));
 	display:flex;
 	background-color: var(--sapButton_Lite_Background);
-	border-color: var(--sapButton_Lite_BorderColor);
 }
 
 .ui5-calheader-middlebtn {
@@ -103,7 +104,7 @@
 
 .ui5-calheader-middlebtn:focus, .ui5-calheader-arrowbtn:focus {
 	border: var(--_ui5_calendar_header_middle_button_focus_border);
-	border-radius: var(--_ui5_calendar_header_middle_button_focus_border_radius);
+	border-radius: var(--_ui5_calendar_header_middle_button_focus_border_radius, var(--sapButton_BorderCornerRadius));
 	outline: var(--_ui5_calendar_header_middle_button_focus_outline);
 	outline-offset: -0.125rem;
 	background: var(--_ui5_calendar_header_middle_button_focus_background);

package/src/themes/DynamicDateRangePopover.css

@@ -107,11 +107,10 @@
 }
 
 .ui5-ddr-arrow-back-btn {
-	border: var(--_ui5_calendar_header_arrow_button_border);
-	border-radius: var(--_ui5_calendar_header_arrow_button_border_radius);
+	border: var(--sapButton_BorderWidth) solid var(--sapButton_Lite_BorderColor);
+	border-radius: var(--_ui5_calendar_header_arrow_button_border_radius, var(--sapButton_BorderCornerRadius));
 	display:flex;
 	background-color: var(--sapButton_Lite_Background);
-	border-color: var(--sapButton_Lite_BorderColor);
 }
 
 .ui5-ddr-arrow-back-btn-arrow-icon {

package/src/themes/ListItemBase.css

@@ -102,7 +102,7 @@
 	display: flex;
 	flex-direction: row;
 	justify-content: space-between;
-	flex: auto;
+	flex: var(--_ui5_li_text_wrapper_flex, auto);
 	min-width: 1px;
 	line-height: normal;
 }

package/src/themes/RatingIndicator.css

@@ -29,7 +29,8 @@
 	opacity: .9;
 }
 
-:host([_focused]) {
+:host([desktop]:not([disabled]):not([display-only])) .ui5-rating-indicator-root:focus,
+:host(:not([disabled]):not([display-only])) .ui5-rating-indicator-root:focus-visible {
 	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	outline-offset: var(--_ui5_rating_indicator_outline_offset);
 	border-radius: var(--_ui5_rating_indicator_border_radius);

package/src/themes/Token.css

@@ -63,7 +63,8 @@
 	padding: var(--_ui5_token_readonly_padding);
 }
 
-:host([selected]) .ui5-token--wrapper:focus {
+:host([desktop][selected]) .ui5-token--wrapper:focus,
+:host([selected]) .ui5-token--wrapper:focus-visible {
 	outline: var(--_ui5_token_selected_focus_outline);
 }
 
@@ -94,12 +95,14 @@
 	font-family: var(--_ui5_token_selected_text_font_family);
 }
 
-.ui5-token--wrapper:focus {
+:host([desktop]) .ui5-token--wrapper:focus,
+.ui5-token--wrapper:focus-visible {
 	outline-offset: var(--_ui5_token_outline_offset);
 	outline: var(--_ui5_token_focus_outline);
 }
 
-.ui5-token--wrapper:focus::after {
+:host([desktop]) .ui5-token--wrapper:focus::after,
+.ui5-token--wrapper:focus-visible::after {
 	content: var(--ui5_token_focus_pseudo_element_content);
 	position: absolute;
 	pointer-events: none;

package/src/themes/sap_fiori_3_hcb/CalendarHeader-parameters.css

@@ -1,11 +1,10 @@
 @import "../base/CalendarHeader-parameters.css";
 
 :host {
-	--_ui5_calendar_header_arrow_button_border: 1px solid var(--sapButton_BorderColor);
-	--_ui5_calendar_header_arrow_button_border_radius: 0.375rem;
+	--_ui5_calendar_header_arrow_button_border_radius: var(--sapButton_BorderCornerRadius);
 	--_ui5_calendar_header_middle_button_width: 5.75rem;
 	--_ui5_calendar_header_middle_button_flex: auto;
-	--_ui5_calendar_header_middle_button_focus_border_radius: 0;
+	--_ui5_calendar_header_middle_button_focus_border_radius: var(--sapButton_BorderCornerRadius);
 	--_ui5_calendar_header_middle_button_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
 	--_ui5_calendar_header_middle_button_focus_after_display: none;
-}
+}

package/src/themes/sap_fiori_3_hcw/CalendarHeader-parameters.css

@@ -1,11 +1,10 @@
 @import "../base/CalendarHeader-parameters.css";
 
 :host {
-	--_ui5_calendar_header_arrow_button_border: 1px solid var(--sapButton_BorderColor);
-	--_ui5_calendar_header_arrow_button_border_radius: 0.375rem;
+	--_ui5_calendar_header_arrow_button_border_radius: var(--sapButton_BorderCornerRadius);
 	--_ui5_calendar_header_middle_button_width: 5.75rem;
 	--_ui5_calendar_header_middle_button_flex: auto;
-	--_ui5_calendar_header_middle_button_focus_border_radius: 0;
+	--_ui5_calendar_header_middle_button_focus_border_radius: var(--sapButton_BorderCornerRadius);
 	--_ui5_calendar_header_middle_button_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
 	--_ui5_calendar_header_middle_button_focus_after_display: none;
-}
+}

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

@@ -5,7 +5,6 @@
 	--_ui5_calendar_header_middle_button_focus_after_height: calc(100% - 0.375rem);
 	--_ui5_calendar_header_middle_button_focus_after_top_offset: 0.125rem;
 	--_ui5_calendar_header_middle_button_focus_after_left_offset: 0.125rem;
-	--_ui5_calendar_header_arrow_button_border: 0.0625rem solid var(--sapList_Hover_Background);
 	--_ui5_calendar_header_arrow_button_border_radius: 0.5rem;
 	--_ui5_calendar_header_arrow_button_box_shadow: 0 0 0.125rem 0 rgb(85 107 130 / 72%);
 	--_ui5_calendar_header_middle_button_focus_border_radius: 0.5rem;

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

@@ -5,7 +5,6 @@
 	--_ui5_calendar_header_middle_button_focus_after_height: calc(100% - 0.375rem);
 	--_ui5_calendar_header_middle_button_focus_after_top_offset: 0.125rem;
 	--_ui5_calendar_header_middle_button_focus_after_left_offset: 0.125rem;
-	--_ui5_calendar_header_arrow_button_border: 0.0625rem solid var(--sapList_Hover_Background);
 	--_ui5_calendar_header_arrow_button_border_radius: 0.5rem;
 	--_ui5_calendar_header_arrow_button_box_shadow: 0 0 0.125rem 0 rgb(85 107 130 / 72%);
 	--_ui5_calendar_header_middle_button_focus_border_radius: 0.5rem;

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

@@ -1,10 +1,10 @@
 @import "../base/CalendarHeader-parameters.css";
 
 :host {
+	--_ui5_calendar_header_arrow_button_border_radius: var(--sapButton_BorderCornerRadius);
 	--_ui5_calendar_header_middle_button_width: 5.75rem;
 	--_ui5_calendar_header_middle_button_flex: auto;
-	--_ui5_calendar_header_middle_button_focus_border_radius: 0.5rem;
+	--_ui5_calendar_header_middle_button_focus_border_radius: var(--sapButton_BorderCornerRadius);
 	--_ui5_calendar_header_middle_button_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
 	--_ui5_calendar_header_middle_button_focus_after_display: none;
-	--_ui5_calendar_header_arrow_button_border: none;
-}
+}

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

@@ -1,10 +1,10 @@
 @import "../base/CalendarHeader-parameters.css";
 
 :host {
+	--_ui5_calendar_header_arrow_button_border_radius: var(--sapButton_BorderCornerRadius);
 	--_ui5_calendar_header_middle_button_width: 5.75rem;
 	--_ui5_calendar_header_middle_button_flex: auto;
-	--_ui5_calendar_header_middle_button_focus_border_radius: 0.5rem;
+	--_ui5_calendar_header_middle_button_focus_border_radius: var(--sapButton_BorderCornerRadius);
 	--_ui5_calendar_header_middle_button_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
 	--_ui5_calendar_header_middle_button_focus_after_display: none;
-	--_ui5_calendar_header_arrow_button_border: none;
-}
+}