@ui5/webcomponents 2.25.0-rc.0 → 2.25.0

package/src/i18n/messagebundle_sr.properties

@@ -294,7 +294,7 @@ MESSAGE_STRIP_WARNING=Трака поруке упозорења
 
 MESSAGE_STRIP_SUCCESS=Трака поруке о успеху
 
-MESSAGE_STRIP_INFORMATION=Трака поруке
+MESSAGE_STRIP_INFORMATION=Трака информативне поруке
 
 MESSAGE_STRIP_CUSTOM=Трака за прилагођене поруке
 
@@ -593,6 +593,11 @@ DIALOG_HEADER_ARIA_LABEL=Заглавље
 DIALOG_CONTENT_ARIA_LABEL=Садржај
 
 DIALOG_FOOTER_ARIA_LABEL=Подножје
+
+DIALOG_FULLSCREEN_MAXIMIZE=Увећај (Shift+Ctrl+F)
+
+DIALOG_FULLSCREEN_RESTORE=Обнови (Shift+Ctrl+F)
+
 LABEL_COLON=:
 
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=Додатне опције

package/src/i18n/messagebundle_sv.properties

@@ -294,7 +294,7 @@ MESSAGE_STRIP_WARNING=Varningsmeddelanderad
 
 MESSAGE_STRIP_SUCCESS=Resultatmeddelanderad
 
-MESSAGE_STRIP_INFORMATION=Meddelanderad
+MESSAGE_STRIP_INFORMATION=Informationsmeddelanderad
 
 MESSAGE_STRIP_CUSTOM=Användardefinierad meddelanderad
 
@@ -593,6 +593,11 @@ DIALOG_HEADER_ARIA_LABEL=Huvud
 DIALOG_CONTENT_ARIA_LABEL=Innehåll
 
 DIALOG_FOOTER_ARIA_LABEL=Sidfot
+
+DIALOG_FULLSCREEN_MAXIMIZE=Maximera (Skift+Ctrl+F)
+
+DIALOG_FULLSCREEN_RESTORE=Återställ (Skift+Ctrl+F)
+
 LABEL_COLON=:
 
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=Ytterligare alternativ

package/src/i18n/messagebundle_th.properties

@@ -294,7 +294,7 @@ MESSAGE_STRIP_WARNING=แถบข้อความเตือน
 
 MESSAGE_STRIP_SUCCESS=แถบข้อความแสดงความสำเร็จ
 
-MESSAGE_STRIP_INFORMATION=แถบข้อความ
+MESSAGE_STRIP_INFORMATION=แถบข้อความข้อมูล
 
 MESSAGE_STRIP_CUSTOM=แถบข้อความที่ปรับแต่งได้
 
@@ -593,6 +593,11 @@ DIALOG_HEADER_ARIA_LABEL=ส่วนหัว
 DIALOG_CONTENT_ARIA_LABEL=เนื้อหา
 
 DIALOG_FOOTER_ARIA_LABEL=ส่วนท้าย
+
+DIALOG_FULLSCREEN_MAXIMIZE=ขยายใหญ่สุด (Shift+Ctrl+F)
+
+DIALOG_FULLSCREEN_RESTORE=คืนค่า (Shift+Ctrl+F)
+
 LABEL_COLON=:
 
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=ตัวเลือกเพิ่มเติม

package/src/i18n/messagebundle_tr.properties

@@ -294,7 +294,7 @@ MESSAGE_STRIP_WARNING=Uyarı iletisi satırı
 
 MESSAGE_STRIP_SUCCESS=Başarı iletisi satırı
 
-MESSAGE_STRIP_INFORMATION=İleti satırı
+MESSAGE_STRIP_INFORMATION=Bilgi iletisi satırı
 
 MESSAGE_STRIP_CUSTOM=Özel ileti satırı
 
@@ -593,6 +593,11 @@ DIALOG_HEADER_ARIA_LABEL=Başlık
 DIALOG_CONTENT_ARIA_LABEL=İçerik
 
 DIALOG_FOOTER_ARIA_LABEL=Altbilgi
+
+DIALOG_FULLSCREEN_MAXIMIZE=Ekranı kapla (Shift+Ctrl+F)
+
+DIALOG_FULLSCREEN_RESTORE=Başlangıç durumuna geri al (Shift+Ctrl+F)
+
 LABEL_COLON=:
 
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=Ek seçenekler

package/src/i18n/messagebundle_uk.properties

@@ -294,7 +294,7 @@ MESSAGE_STRIP_WARNING=Рядок попереджувальних повідом
 
 MESSAGE_STRIP_SUCCESS=Рядок повідомлень про успішне виконання
 
-MESSAGE_STRIP_INFORMATION=Рядок повідомлень
+MESSAGE_STRIP_INFORMATION=Рядок інформаційних повідомлень
 
 MESSAGE_STRIP_CUSTOM=Рядок користувацьких повідомлень
 
@@ -593,6 +593,11 @@ DIALOG_HEADER_ARIA_LABEL=Верхній колонтитул
 DIALOG_CONTENT_ARIA_LABEL=Вміст
 
 DIALOG_FOOTER_ARIA_LABEL=Нижній колонтитул
+
+DIALOG_FULLSCREEN_MAXIMIZE=Розгорнути (Shift+Ctrl+F)
+
+DIALOG_FULLSCREEN_RESTORE=Відновити (Shift+Ctrl+F)
+
 LABEL_COLON=:
 
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=Додаткові опції

package/src/i18n/messagebundle_vi.properties

@@ -294,7 +294,7 @@ MESSAGE_STRIP_WARNING=Dải thông báo cảnh báo
 
 MESSAGE_STRIP_SUCCESS=Dải thông báo thành công
 
-MESSAGE_STRIP_INFORMATION=Dải thông báo
+MESSAGE_STRIP_INFORMATION=Dải thông báo thông tin
 
 MESSAGE_STRIP_CUSTOM=Dải thông báo tùy chỉnh
 
@@ -593,6 +593,11 @@ DIALOG_HEADER_ARIA_LABEL=Tiêu đề
 DIALOG_CONTENT_ARIA_LABEL=Nội dung
 
 DIALOG_FOOTER_ARIA_LABEL=Chân trang
+
+DIALOG_FULLSCREEN_MAXIMIZE=Phóng to (Shift+Ctrl+F)
+
+DIALOG_FULLSCREEN_RESTORE=Khôi phục (Shift+Ctrl+F)
+
 LABEL_COLON=:
 
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=Tùy chọn bổ sung

package/src/i18n/messagebundle_zh_CN.properties

@@ -294,7 +294,7 @@ MESSAGE_STRIP_WARNING=警告消息条
 
 MESSAGE_STRIP_SUCCESS=成功消息条
 
-MESSAGE_STRIP_INFORMATION=消息条
+MESSAGE_STRIP_INFORMATION=信息消息条
 
 MESSAGE_STRIP_CUSTOM=自定义消息条
 
@@ -593,6 +593,11 @@ DIALOG_HEADER_ARIA_LABEL=页眉
 DIALOG_CONTENT_ARIA_LABEL=内容
 
 DIALOG_FOOTER_ARIA_LABEL=页脚
+
+DIALOG_FULLSCREEN_MAXIMIZE=最大化 (Shift+Ctrl+F)
+
+DIALOG_FULLSCREEN_RESTORE=恢复 (Shift+Ctrl+F)
+
 LABEL_COLON=：
 
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=附加选项

package/src/i18n/messagebundle_zh_TW.properties

@@ -294,7 +294,7 @@ MESSAGE_STRIP_WARNING=警告訊息列
 
 MESSAGE_STRIP_SUCCESS=成功訊息列
 
-MESSAGE_STRIP_INFORMATION=訊息列
+MESSAGE_STRIP_INFORMATION=資訊訊息列
 
 MESSAGE_STRIP_CUSTOM=自訂訊息列
 
@@ -593,6 +593,11 @@ DIALOG_HEADER_ARIA_LABEL=表頭
 DIALOG_CONTENT_ARIA_LABEL=內容
 
 DIALOG_FOOTER_ARIA_LABEL=表尾
+
+DIALOG_FULLSCREEN_MAXIMIZE=最大化 (Shift+Ctrl+F)
+
+DIALOG_FULLSCREEN_RESTORE=還原 (Shift+Ctrl+F)
+
 LABEL_COLON=：
 
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=附加選項

package/src/themes/ColorPalette.css

@@ -116,4 +116,5 @@
 .ui5-cp-default-color-button,
 .ui5-cp-more-colors {
 	padding: 0.0625rem;
+	border-radius: 0;
 }

package/src/themes/DatePicker.css

@@ -62,5 +62,4 @@
 
 .ui5-date-picker-popover::part(header) {
 	padding: 0;
-}
-
+}

package/src/themes/Input.css

@@ -381,6 +381,10 @@
 
 /* Input Icon */
 
+::slotted([ui5-input-icon]) {
+	height: 100%;
+}
+
 .ui5-input-icon-root {
 	min-width: var(--_ui5_input_icon_min_width);
 	height: 100%;
@@ -513,4 +517,64 @@
 
 [ui5-responsive-popover] [ui5-input] {
 	width: 100%;
+}
+
+/*
+ * Value-state forwarding for slotted <ui5-input-icon>.
+ *
+ * The parent Input publishes state-specific values via CSS custom properties on its host.
+ * CSS custom properties inherit through the shadow boundary, so a slotted <ui5-input-icon>
+ * automatically picks them up inside its own shadow root — no JS DOM mutation needed.
+ */
+:host([value-state="Negative"]),
+:host([value-state="Critical"]) {
+	--_ui5_input_icon_state_padding: var(--_ui5_input_error_warning_icon_padding);
+}
+
+:host([value-state="Information"]) {
+	--_ui5_input_icon_state_padding: var(--_ui5_input_information_icon_padding);
+}
+
+:host([value-state="Negative"]) {
+	--_ui5_input_icon_state_pressed_shadow: var(--_ui5_input_error_icon_box_shadow);
+	--_ui5_input_icon_state_pressed_color: var(--_ui5_input_icon_error_pressed_color);
+	--_ui5_input_icon_state_focus_outline_color: var(--_ui5_input_focused_value_state_error_focus_outline_color);
+}
+
+:host([value-state="Critical"]) {
+	--_ui5_input_icon_state_pressed_shadow: var(--_ui5_input_warning_icon_box_shadow);
+	--_ui5_input_icon_state_pressed_color: var(--_ui5_input_icon_warning_pressed_color);
+	--_ui5_input_icon_state_focus_outline_color: var(--_ui5_input_focused_value_state_warning_focus_outline_color);
+}
+
+:host([value-state="Information"]) {
+	--_ui5_input_icon_state_pressed_shadow: var(--_ui5_input_information_icon_box_shadow);
+	--_ui5_input_icon_state_pressed_color: var(--_ui5_input_icon_information_pressed_color);
+	--_ui5_input_icon_state_focus_outline_color: var(--sapContent_FocusColor);
+}
+
+:host([value-state="Positive"]) {
+	--_ui5_input_icon_state_pressed_shadow: var(--_ui5_input_success_icon_box_shadow);
+	--_ui5_input_icon_state_pressed_color: var(--_ui5_input_icon_success_pressed_color);
+	--_ui5_input_icon_state_focus_outline_color: var(--_ui5_input_focused_value_state_success_focus_outline_color);
+}
+
+/*
+ * Disabled forwarding for slotted <ui5-input-icon>. Same mechanism: parent publishes vars,
+ * icon reads them via var() with defaults, no JS DOM mutation.
+ */
+:host([disabled]) {
+	--_ui5_input_icon_state_opacity: var(--sapContent_DisabledOpacity);
+	--_ui5_input_icon_state_pointer_events: none;
+	--_ui5_input_icon_state_cursor: default;
+}
+
+/*
+ * Readonly forwarding: the input is still readable but non-editable, so slotted interactive
+ * icons (search, voice, camera, …) should not fire either. No opacity change — the input
+ * itself does not dim in readonly.
+ */
+:host([readonly]:not([disabled])) {
+	--_ui5_input_icon_state_pointer_events: none;
+	--_ui5_input_icon_state_cursor: default;
 }

package/src/themes/InputIcon.css

@@ -1,34 +1,70 @@
+.ui5-input-icon-root {
+	height: 100%;
+	box-sizing: border-box;
+}
+
 .inputIcon {
 	color: var(--_ui5_input_icon_color);
-	cursor: pointer;
+	/* cursor / opacity / pointer-events are state-aware — parent Input publishes overrides on :host([disabled]).
+	   Defaults preserve the plain interactive appearance. */
+	cursor: var(--_ui5_input_icon_state_cursor, pointer);
+	opacity: var(--_ui5_input_icon_state_opacity, 1);
+	pointer-events: var(--_ui5_input_icon_state_pointer_events, auto);
 	outline: none;
-	padding: var(--_ui5_input_icon_padding);
+	/* padding is state-aware; parent Input publishes the state-specific value via CSS custom property */
+	padding: var(--_ui5_input_icon_state_padding, var(--_ui5_input_icon_padding));
 	border-inline-start: var(--_ui5_input_icon_border);
 	min-width: 1rem;
 	min-height: 1rem;
 	border-radius: var(--_ui5_input_icon_border_radius);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.inputIcon:focus-visible {
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_input_icon_state_focus_outline_color, var(--sapContent_FocusColor));
+	outline-offset: -0.125rem;
 }
 
 .inputIcon.inputIcon--pressed {
 	background: var(--_ui5_input_icon_pressed_bg);
-	box-shadow: var(--_ui5_input_icon_box_shadow);
+	/* box-shadow / color fall back to the plain variant when no value state is set */
+	box-shadow: var(--_ui5_input_icon_state_pressed_shadow, var(--_ui5_input_icon_box_shadow));
 	border-inline-start: var(--_ui5_select_hover_icon_left_border);
-	color: var(--_ui5_input_icon_pressed_color);
+	color: var(--_ui5_input_icon_state_pressed_color, var(--_ui5_input_icon_pressed_color));
 }
 
 .inputIcon:active {
 	background-color: var(--sapButton_Active_Background);
-	box-shadow: var(--_ui5_input_icon_box_shadow);
+	box-shadow: var(--_ui5_input_icon_state_pressed_shadow, var(--_ui5_input_icon_box_shadow));
 	border-inline-start: var(--_ui5_select_hover_icon_left_border);
-	color: var(--_ui5_input_icon_pressed_color);
+	color: var(--_ui5_input_icon_state_pressed_color, var(--_ui5_input_icon_pressed_color));
 }
 
 .inputIcon:not(.inputIcon--pressed):not(:active):hover {
 	background: var(--_ui5_input_icon_hover_bg);
-	box-shadow: var(--_ui5_input_icon_box_shadow);
+	box-shadow: var(--_ui5_input_icon_state_pressed_shadow, var(--_ui5_input_icon_box_shadow));
 }
 
 .inputIcon:hover {
 	border-inline-start: var(--_ui5_select_hover_icon_left_border);
-	box-shadow: var(--_ui5_input_icon_box_shadow);
+	box-shadow: var(--_ui5_input_icon_state_pressed_shadow, var(--_ui5_input_icon_box_shadow));
+}
+
+
+/* Style the inner Icon component */
+.ui5-input-icon-inner {
+	display: flex;
+	width: 1rem;
+	height: 1rem;
+	color: inherit;
+	pointer-events: none;
+	flex-shrink: 0;
+}
+
+/* Focus-outline colour when the parent Input has a value state — driven by inherited CSS custom property */
+.inputIcon.inputIcon--focused {
+	outline-color: var(--_ui5_input_icon_state_focus_outline_color, var(--sapContent_FocusColor));
+	border-inline-start-color: var(--_ui5_input_icon_state_focus_outline_color);
 }

package/src/themes/MultiComboBoxItem.css

@@ -1,3 +1,5 @@
+@import "./InvisibleTextStyles.css";
+
 :host([ui5-mcb-item]) {
 	height: auto;
 	min-height: var(--_ui5_list_item_base_height);

package/src/themes/MultiComboBoxPopover.css

@@ -9,6 +9,21 @@
 	top: 0;
 	z-index: 2;
 	background: var(--sapPageHeader_Background);
+	box-sizing: border-box;
+}
+
+.ui5-mcb-select-all-header:focus,
+.ui5-mcb-select-all-header:focus-within {
+	outline: none;
+}
+
+.ui5-mcb-select-all-header:focus::after,
+.ui5-mcb-select-all-header:focus-within::after {
+	content: "";
+	position: absolute;
+	inset: 2px;
+	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	pointer-events: none;
 }
 
 .ui5-mcb-select-all-checkbox {
@@ -17,12 +32,7 @@
 }
 
 .ui5-mcb-select-all-checkbox::part(root):focus::before {
-	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
-	border-radius: 0;
-	right: 2px;
-	left: 2px;
-	bottom: 0;
-	top: 0;
+	display: none;
 }
 
 .ui5-mcb-select-all-checkbox::part(label) {

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

@@ -2,7 +2,7 @@
 
 :host {
 	--_ui5_card_hover_box_shadow: var(--sapContent_Shadow2);
-	--_ui5_card_header_focus_offset: 0px;
+	--_ui5_card_header_focus_offset: 1px;
 	--_ui5_card_header_focus_radius: var(--_ui5_card_border-radius);
 	--_ui5_card_header_title_font_family: var(--sapFontHeaderFamily);
 	--_ui5_card_header_title_font_size: var(--sapFontHeader6Size);

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

@@ -2,7 +2,7 @@
 
 :host {
 	--_ui5_card_hover_box_shadow: var(--sapContent_Shadow2);
-	--_ui5_card_header_focus_offset: 0px;
+	--_ui5_card_header_focus_offset: 1px;
 	--_ui5_card_header_focus_radius: var(--_ui5_card_border-radius);
 	--_ui5_card_header_title_font_family: var(--sapFontHeaderFamily);
 	--_ui5_card_header_title_font_size: var(--sapFontHeader6Size);