@ui5/webcomponents 2.19.2 → 2.20.0-rc.1

package/src/i18n/messagebundle_tr.properties

@@ -1,4 +1,16 @@
 
+ACC_STATE_REQUIRED=Gerekli
+
+ACC_STATE_DISABLED=Devre dışı
+
+ACC_STATE_READONLY=Salt okunur
+
+ACC_STATE_EMPTY=Boş
+
+ACC_STATE_SINGLE_CONTROL=Öğe içerir
+
+ACC_STATE_MULTIPLE_CONTROLS=Öğeler içerir
+
 ARIA_LABEL_CARD_CONTENT=Kart içeriği
 
 ARIA_ROLEDESCRIPTION_CARD=Kart
@@ -569,11 +581,7 @@ TABLE_ROW_NAVIGATED=Gidildi
 TABLE_NO_DATA=Veri yok
 TABLE_SINGLE_SELECTABLE=Tekli seçim tablosu
 TABLE_MULTI_SELECTABLE=Çoklu seçim tablosu
-TABLE_CELL_SINGLE_CONTROL=Öğe içerir
-TABLE_CELL_MULTIPLE_CONTROLS=Öğeler içerir
 TABLE_COLUMNHEADER_SELECTALL_DESCRIPTION=Tümünü seç onay kutusu
-TABLE_COLUMNHEADER_SELECTALL_CHECKED=Kontrol edildi
-TABLE_COLUMNHEADER_SELECTALL_NOT_CHECKED=Kontrol edilmedi
 TABLE_COLUMNHEADER_CLEARALL_DESCRIPTION=Tümünü temizle düğmesi
 TABLE_ROW=Satır
 TABLE_ROW_POPIN=Satır iletişim penceresi
@@ -591,10 +599,6 @@ TABLE_NAVIGATION=Dolaşma
 TABLE_GENERATED_BY_AI=Yapay zeka tarafından oluşturuldu
 TABLE_SELECT_ALL_ROWS=Tüm satırları seç
 TABLE_DESELECT_ALL_ROWS=Tüm satırların seçimini kaldır
-TABLE_ACC_STATE_DISABLED=Devre dışı
-TABLE_ACC_STATE_READONLY=Salt okunur
-TABLE_ACC_STATE_REQUIRED=Gerekli
-TABLE_ACC_STATE_EMPTY=Boş
 
 DYNAMIC_DATE_RANGE_YESTERDAY_TEXT=Dün
 
@@ -624,6 +628,8 @@ DYNAMIC_DATE_TIME_RANGE_TEXT_FROM_LABEL=Başlangıç
 
 DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT=Tarihleri seç
 
+DYNAMIC_DATE_RANGE_POPOVER_ACCESSIBLE_NAME=Dinamik tarih aralığı
+
 DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP=Dolaşmaya geri dön
 
 DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT=Son X gün

package/src/i18n/messagebundle_uk.properties

@@ -1,4 +1,16 @@
 
+ACC_STATE_REQUIRED=Обов’язково
+
+ACC_STATE_DISABLED=Деактивовано
+
+ACC_STATE_READONLY=Тільки для читання
+
+ACC_STATE_EMPTY=Порожнє
+
+ACC_STATE_SINGLE_CONTROL=Включає елемент
+
+ACC_STATE_MULTIPLE_CONTROLS=Включає елементи
+
 ARIA_LABEL_CARD_CONTENT=Вміст картки
 
 ARIA_ROLEDESCRIPTION_CARD=Картка
@@ -569,11 +581,7 @@ TABLE_ROW_NAVIGATED=Перехід виконано
 TABLE_NO_DATA=Немає даних
 TABLE_SINGLE_SELECTABLE=Таблиця окремого вибору
 TABLE_MULTI_SELECTABLE=Таблиця множинного вибору
-TABLE_CELL_SINGLE_CONTROL=Включає елемент
-TABLE_CELL_MULTIPLE_CONTROLS=Включає елемент
 TABLE_COLUMNHEADER_SELECTALL_DESCRIPTION=Прапорець "Вибрати все"
-TABLE_COLUMNHEADER_SELECTALL_CHECKED=Позначено
-TABLE_COLUMNHEADER_SELECTALL_NOT_CHECKED=Не позначено
 TABLE_COLUMNHEADER_CLEARALL_DESCRIPTION=Кнопка "Очистити все"
 TABLE_ROW=Рядок
 TABLE_ROW_POPIN=Виринаюче поле рядка
@@ -591,10 +599,6 @@ TABLE_NAVIGATION=Навігація
 TABLE_GENERATED_BY_AI=Згенеровано ШІ
 TABLE_SELECT_ALL_ROWS=Вибрати всі рядки
 TABLE_DESELECT_ALL_ROWS=Скасувати вибір усіх рядків
-TABLE_ACC_STATE_DISABLED=Деактивовано
-TABLE_ACC_STATE_READONLY=Тільки для читання
-TABLE_ACC_STATE_REQUIRED=Обов’язково
-TABLE_ACC_STATE_EMPTY=Порожнє
 
 DYNAMIC_DATE_RANGE_YESTERDAY_TEXT=Вчора
 
@@ -624,6 +628,8 @@ DYNAMIC_DATE_TIME_RANGE_TEXT_FROM_LABEL=З
 
 DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT=Обрати дати
 
+DYNAMIC_DATE_RANGE_POPOVER_ACCESSIBLE_NAME=Динамічний діапазон дат
+
 DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP=Перейти назад
 
 DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT=Останні Х днів

package/src/i18n/messagebundle_vi.properties

@@ -1,4 +1,16 @@
 
+ACC_STATE_REQUIRED=Được yêu cầu
+
+ACC_STATE_DISABLED=Tắt
+
+ACC_STATE_READONLY=Chỉ đọc
+
+ACC_STATE_EMPTY=Trống
+
+ACC_STATE_SINGLE_CONTROL=Bao gồm yếu tố
+
+ACC_STATE_MULTIPLE_CONTROLS=Bao gồm các yếu tố
+
 ARIA_LABEL_CARD_CONTENT=Nội dung thẻ
 
 ARIA_ROLEDESCRIPTION_CARD=Thẻ
@@ -569,11 +581,7 @@ TABLE_ROW_NAVIGATED=Đã điều hướng
 TABLE_NO_DATA=Không có dữ liệu
 TABLE_SINGLE_SELECTABLE=Bảng một lựa chọn
 TABLE_MULTI_SELECTABLE=Bảng nhiều lựa chọn
-TABLE_CELL_SINGLE_CONTROL=Bao gồm yếu tố
-TABLE_CELL_MULTIPLE_CONTROLS=Bao gồm các yếu tố
 TABLE_COLUMNHEADER_SELECTALL_DESCRIPTION=Ô đánh dấu Chọn tất cả
-TABLE_COLUMNHEADER_SELECTALL_CHECKED=Đã chọn
-TABLE_COLUMNHEADER_SELECTALL_NOT_CHECKED=Không chọn
 TABLE_COLUMNHEADER_CLEARALL_DESCRIPTION=Nút Xóa tất cả
 TABLE_ROW=Hàng
 TABLE_ROW_POPIN=Vùng chèn tạm của hàng
@@ -591,10 +599,6 @@ TABLE_NAVIGATION=Điều hướng
 TABLE_GENERATED_BY_AI=Được tạo bởi AI
 TABLE_SELECT_ALL_ROWS=Chọn tất cả hàng
 TABLE_DESELECT_ALL_ROWS=Bỏ chọn tất cả hàng
-TABLE_ACC_STATE_DISABLED=Tắt
-TABLE_ACC_STATE_READONLY=Chỉ đọc
-TABLE_ACC_STATE_REQUIRED=Được yêu cầu
-TABLE_ACC_STATE_EMPTY=Trống
 
 DYNAMIC_DATE_RANGE_YESTERDAY_TEXT=Hôm qua
 
@@ -624,6 +628,8 @@ DYNAMIC_DATE_TIME_RANGE_TEXT_FROM_LABEL=Từ
 
 DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT=Chọn ngày
 
+DYNAMIC_DATE_RANGE_POPOVER_ACCESSIBLE_NAME=Phạm vi ngày động
+
 DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP=Điều hướng quay lại
 
 DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT=X ngày trước

package/src/i18n/messagebundle_zh_CN.properties

@@ -1,4 +1,16 @@
 
+ACC_STATE_REQUIRED=必需
+
+ACC_STATE_DISABLED=已禁用
+
+ACC_STATE_READONLY=只读
+
+ACC_STATE_EMPTY=空
+
+ACC_STATE_SINGLE_CONTROL=包括元素
+
+ACC_STATE_MULTIPLE_CONTROLS=包括元素
+
 ARIA_LABEL_CARD_CONTENT=卡内容
 
 ARIA_ROLEDESCRIPTION_CARD=卡
@@ -569,11 +581,7 @@ TABLE_ROW_NAVIGATED=已导航
 TABLE_NO_DATA=无数据
 TABLE_SINGLE_SELECTABLE=单一选择表
 TABLE_MULTI_SELECTABLE=多重选择表
-TABLE_CELL_SINGLE_CONTROL=包括元素
-TABLE_CELL_MULTIPLE_CONTROLS=包括元素
 TABLE_COLUMNHEADER_SELECTALL_DESCRIPTION=全选复选框
-TABLE_COLUMNHEADER_SELECTALL_CHECKED=已选中
-TABLE_COLUMNHEADER_SELECTALL_NOT_CHECKED=未选中
 TABLE_COLUMNHEADER_CLEARALL_DESCRIPTION=全部清除按钮
 TABLE_ROW=行
 TABLE_ROW_POPIN=行弹入框
@@ -591,10 +599,6 @@ TABLE_NAVIGATION=导航
 TABLE_GENERATED_BY_AI=由 AI 生成
 TABLE_SELECT_ALL_ROWS=选择所有行
 TABLE_DESELECT_ALL_ROWS=取消选择所有行
-TABLE_ACC_STATE_DISABLED=已禁用
-TABLE_ACC_STATE_READONLY=只读
-TABLE_ACC_STATE_REQUIRED=必需
-TABLE_ACC_STATE_EMPTY=空
 
 DYNAMIC_DATE_RANGE_YESTERDAY_TEXT=昨天
 
@@ -624,6 +628,8 @@ DYNAMIC_DATE_TIME_RANGE_TEXT_FROM_LABEL=从
 
 DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT=选择日期
 
+DYNAMIC_DATE_RANGE_POPOVER_ACCESSIBLE_NAME=动态日期范围
+
 DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP=向后导航
 
 DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT=过去 X 天

package/src/i18n/messagebundle_zh_TW.properties

@@ -1,4 +1,16 @@
 
+ACC_STATE_REQUIRED=必要
+
+ACC_STATE_DISABLED=已停用
+
+ACC_STATE_READONLY=唯讀
+
+ACC_STATE_EMPTY=空白
+
+ACC_STATE_SINGLE_CONTROL=包含元素
+
+ACC_STATE_MULTIPLE_CONTROLS=包含元素
+
 ARIA_LABEL_CARD_CONTENT=卡片內容
 
 ARIA_ROLEDESCRIPTION_CARD=卡片
@@ -314,7 +326,7 @@ RATING_INDICATOR_TOOLTIP_TEXT=分級
 
 RATING_INDICATOR_TEXT=分級指示碼
 
-RATING_INDICATOR_ARIA_DESCRIPTION=需要
+RATING_INDICATOR_ARIA_DESCRIPTION=必要
 
 RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON=拒絕
 
@@ -569,11 +581,7 @@ TABLE_ROW_NAVIGATED=已瀏覽
 TABLE_NO_DATA=無資料
 TABLE_SINGLE_SELECTABLE=單一選擇表格
 TABLE_MULTI_SELECTABLE=多重選擇表格
-TABLE_CELL_SINGLE_CONTROL=包含元素
-TABLE_CELL_MULTIPLE_CONTROLS=包含元素
 TABLE_COLUMNHEADER_SELECTALL_DESCRIPTION=勾選所有核取方塊
-TABLE_COLUMNHEADER_SELECTALL_CHECKED=已勾選
-TABLE_COLUMNHEADER_SELECTALL_NOT_CHECKED=未勾選
 TABLE_COLUMNHEADER_CLEARALL_DESCRIPTION=清除所有按鈕
 TABLE_ROW=列
 TABLE_ROW_POPIN=列對話方塊
@@ -591,10 +599,6 @@ TABLE_NAVIGATION=瀏覽
 TABLE_GENERATED_BY_AI=由 AI 產生
 TABLE_SELECT_ALL_ROWS=選擇所有列
 TABLE_DESELECT_ALL_ROWS=取消選擇所有列
-TABLE_ACC_STATE_DISABLED=已停用
-TABLE_ACC_STATE_READONLY=唯讀
-TABLE_ACC_STATE_REQUIRED=需要
-TABLE_ACC_STATE_EMPTY=空白
 
 DYNAMIC_DATE_RANGE_YESTERDAY_TEXT=昨天
 
@@ -624,6 +628,8 @@ DYNAMIC_DATE_TIME_RANGE_TEXT_FROM_LABEL=自
 
 DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT=選擇日期
 
+DYNAMIC_DATE_RANGE_POPOVER_ACCESSIBLE_NAME=動態日期範圍
+
 DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP=瀏覽返回
 
 DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT=過去 X 天

package/src/themes/Avatar.css

@@ -10,22 +10,27 @@
 	opacity: .7;
 }
 
-:host([interactive]:not([disabled])) {
+:host([interactive]:not([disabled])),
+:host([mode="Interactive"]:not([disabled])) {
 	cursor: pointer;
 }
 
-:host([interactive]:not([hidden]):active) {
+:host([interactive]:not([hidden]):active),
+:host([mode="Interactive"]:not([hidden]):active) {
 	background-color: var(--sapButton_Active_Background);
 	border-color: var(--sapButton_Active_BorderColor);
 	color: var(--sapButton_Active_TextColor);
 }
 
-:host([interactive]:not([hidden]):not([disabled]):not(:active):not([focused]):hover) {
+:host([interactive]:not([hidden]):not([disabled]):not(:active):not([focused]):hover),
+:host([mode="Interactive"]:not([hidden]):not([disabled]):not(:active):not([focused]):hover) {
 	box-shadow: var(--ui5-avatar-hover-box-shadow-offset);
 }
 
 :host([interactive][desktop]:not([hidden])) .ui5-avatar-root:focus,
-:host([interactive]:not([hidden])) .ui5-avatar-root:focus-visible {
+:host([interactive]:not([hidden])) .ui5-avatar-root:focus-visible,
+:host([mode="Interactive"][desktop]:not([hidden])) .ui5-avatar-root:focus,
+:host([mode="Interactive"]:not([hidden])) .ui5-avatar-root:focus-visible {
 	outline: var(--_ui5_avatar_outline);
 	outline-offset: var(--_ui5_avatar_focus_offset);
 }
@@ -146,7 +151,9 @@
 	border-color: var(--ui5-avatar-accent6-border-color);
 }
 :host([_color-scheme="Accent6"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
-:host([ui5-avatar][color-scheme="Accent6"][interactive]:not([hidden]):not([disabled]):not(:active):hover) {
+:host([ui5-avatar][color-scheme="Accent6"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
+:host([_color-scheme="Accent6"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover),
+:host([ui5-avatar][color-scheme="Accent6"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover) {
 	background-color: var(--sapAvatar_6_Hover_Background);
 }
 
@@ -158,7 +165,9 @@
 }
 
 :host([_color-scheme="Accent1"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
-:host([ui5-avatar][color-scheme="Accent1"][interactive]:not([hidden]):not([disabled]):not(:active):hover) {
+:host([ui5-avatar][color-scheme="Accent1"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
+:host([_color-scheme="Accent1"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover),
+:host([ui5-avatar][color-scheme="Accent1"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover) {
 	background-color: var(--sapAvatar_1_Hover_Background);
 }
 
@@ -170,7 +179,9 @@
 }
 
 :host([_color-scheme="Accent2"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
-:host([ui5-avatar][color-scheme="Accent2"][interactive]:not([hidden]):not([disabled]):not(:active):hover) {
+:host([ui5-avatar][color-scheme="Accent2"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
+:host([_color-scheme="Accent2"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover),
+:host([ui5-avatar][color-scheme="Accent2"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover) {
 	background-color: var(--sapAvatar_2_Hover_Background);
 }
 
@@ -182,7 +193,9 @@
 }
 
 :host([_color-scheme="Accent3"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
-:host([ui5-avatar][color-scheme="Accent3"][interactive]:not([hidden]):not([disabled]):not(:active):hover) {
+:host([ui5-avatar][color-scheme="Accent3"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
+:host([_color-scheme="Accent3"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover),
+:host([ui5-avatar][color-scheme="Accent3"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover) {
 	background-color: var(--sapAvatar_3_Hover_Background);
 }
 
@@ -194,7 +207,9 @@
 }
 
 :host([_color-scheme="Accent4"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
-:host([ui5-avatar][color-scheme="Accent4"][interactive]:not([hidden]):not([disabled]):not(:active):hover) {
+:host([ui5-avatar][color-scheme="Accent4"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
+:host([_color-scheme="Accent4"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover),
+:host([ui5-avatar][color-scheme="Accent4"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover) {
 	background-color: var(--sapAvatar_4_Hover_Background);
 }
 
@@ -206,7 +221,9 @@
 }
 
 :host([_color-scheme="Accent5"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
-:host([ui5-avatar][color-scheme="Accent5"][interactive]:not([hidden]):not([disabled]):not(:active):hover) {
+:host([ui5-avatar][color-scheme="Accent5"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
+:host([_color-scheme="Accent5"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover),
+:host([ui5-avatar][color-scheme="Accent5"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover) {
 	background-color: var(--sapAvatar_5_Hover_Background);
 }
 
@@ -218,7 +235,9 @@
 }
 
 :host([_color-scheme="Accent7"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
-:host([ui5-avatar][color-scheme="Accent7"][interactive]:not([hidden]):not([disabled]):not(:active):hover) {
+:host([ui5-avatar][color-scheme="Accent7"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
+:host([_color-scheme="Accent7"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover),
+:host([ui5-avatar][color-scheme="Accent7"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover) {
 	background-color: var(--sapAvatar_7_Hover_Background);
 }
 
@@ -230,7 +249,9 @@
 }
 
 :host([_color-scheme="Accent8"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
-:host([ui5-avatar][color-scheme="Accent8"][interactive]:not([hidden]):not([disabled]):not(:active):hover) {
+:host([ui5-avatar][color-scheme="Accent8"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
+:host([_color-scheme="Accent8"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover),
+:host([ui5-avatar][color-scheme="Accent8"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover) {
 	background-color: var(--sapAvatar_8_Hover_Background);
 }
 
@@ -242,7 +263,9 @@
 }
 
 :host([_color-scheme="Accent9"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
-:host([ui5-avatar][color-scheme="Accent9"][interactive]:not([hidden]):not([disabled]):not(:active):hover) {
+:host([ui5-avatar][color-scheme="Accent9"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
+:host([_color-scheme="Accent9"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover),
+:host([ui5-avatar][color-scheme="Accent9"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover) {
 	background-color: var(--sapAvatar_9_Hover_Background);
 }
 
@@ -254,7 +277,9 @@
 }
 
 :host([_color-scheme="Accent10"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
-:host([ui5-avatar][color-scheme="Accent10"][interactive]:not([hidden]):not([disabled]):not(:active):hover) {
+:host([ui5-avatar][color-scheme="Accent10"][interactive]:not([hidden]):not([disabled]):not(:active):hover),
+:host([_color-scheme="Accent10"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover),
+:host([ui5-avatar][color-scheme="Accent10"][mode="Interactive"]:not([hidden]):not([disabled]):not(:active):hover) {
 	background-color: var(--sapAvatar_10_Hover_Background);
 }
 

package/src/themes/Bar.css

@@ -80,7 +80,7 @@
 	border: none;
 }
 
-::slotted(*) {
+::slotted(*:not([hidden])) {
 	margin: 0 0.25rem;
 	display: inline-block;
     max-width: 100%;

package/src/themes/DatePickerPopover.css

@@ -5,6 +5,13 @@
 	}
 }
 
+.ui5-date-picker-popover .ui5-responsive-popover-header .row {
+	justify-content: flex-start;
+	font-family: var(--sapFontHeaderFamily);
+	font-size: var(--sapFontHeader5Size);
+	color: var(--sapPageHeader_TextColor);
+}
+
 [ui5-calendar] {
 	width: 100%;
 	display: flex;
@@ -12,5 +19,21 @@
 }
 
 [ui5-responsive-popover]::part(content) {
-    padding: 0;
+	padding: 0;
+}
+
+.ui5-dt-picker-footer {
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+	height: 2.75rem;
+	width: 100%;
+}
+
+.ui5-dt-picker-footer.ui5-dt-picker-footer-time-hidden {
+	padding: 0;
+}
+
+.ui5-dt-picker-action {
+	margin: 0.25rem;
 }

package/src/themes/Panel.css

@@ -59,10 +59,14 @@
 	right: var(--_ui5_panel_focus_offset);
 }
 
-:host(:not([collapsed]):not([_has-header]):not([fixed])) .ui5-panel-header:focus:after {
+:host(:not([collapsed]):not([_has-header]):not([fixed])) .ui5-panel-header:focus::after {
 	border-radius: var(--_ui5_panel_border_radius_expanded);
 }
 
+:host([_touched]:not([_has-header]):not([fixed])) .ui5-panel-header:focus::after {
+	display: none;
+}
+
 :host(:not([collapsed])) .ui5-panel-header-button:not(.ui5-panel-header-button-with-icon),
 :host(:not([collapsed])) .ui5-panel-header-icon-wrapper [ui5-icon] {
 	transform: var(--_ui5_panel_toggle_btn_rotation);

package/src/themes/RatingIndicator.css

@@ -91,21 +91,35 @@
 }
 
 .ui5-rating-indicator-item.ui5-rating-indicator-item-half {
-	color: var(--sapContent_UnratedColor);
+	display: flex;
+	flex-direction: row;
+}
+
+.ui5-rating-indicator-half-icon-wrapper {
+	width: 50%;
+	height: 100%;
+	overflow: hidden;
+	position: relative;
 }
 
-.ui5-rating-indicator-item [ui5-icon].ui5-rating-indicator-half-icon {
+.ui5-rating-indicator-half-icon-wrapper [ui5-icon] {
 	position: absolute;
-	inset-inline-start: 50%;
+	width: var(--_ui5_rating_indicator_item_width);
+	height: var(--_ui5_rating_indicator_item_height);
+}
+
+.ui5-rating-indicator-half-icon-left {
 	color: var(--sapContent_RatedColor);
 }
 
-.ui5-rating-indicator-half-icon-wrapper {
-	width: 100%;
-	height: 100%;
-	position: absolute;
-	inset-inline-start: -50%;
-	top: 0;
-	z-index: 32;
-	overflow: hidden;
-}
+.ui5-rating-indicator-half-icon-left [ui5-icon] {
+	inset-inline-start: 0;
+}
+
+.ui5-rating-indicator-half-icon-right {
+	color: var(--sapContent_UnratedColor);
+}
+
+.ui5-rating-indicator-half-icon-right [ui5-icon] {
+	inset-inline-end: 0;
+}

package/src/themes/ResponsivePopoverCommon.css

@@ -169,7 +169,7 @@
 }
 
 .ui5-responsive-popover-header-text {
-	width: calc(100% - var(--_ui5_button_base_min_width));
+	width: 100%;
 }
 
 /* Header and footer layout */

package/src/themes/TimePickerPopover.css

@@ -2,6 +2,13 @@
 	width: 20rem;
 }
 
+.ui5-time-picker-popover .ui5-responsive-popover-header .row {
+	justify-content: flex-start;
+	font-family: var(--sapFontHeaderFamily);
+	font-size: var(--sapFontHeader5Size);
+	color: var(--sapPageHeader_TextColor);
+}
+
 .ui5-time-picker-footer {
 	height: fit-content;
 	display: flex;

package/src/themes/Toolbar.css

@@ -28,13 +28,21 @@
 
 .ui5-tb-item {
 	flex-shrink: 0;
-}
-
-.ui5-tb-item {
 	margin-inline-end: var(--_ui5-toolbar-item-margin-right);
 	margin-inline-start: var(--_ui5-toolbar-item-margin-left);
 }
 
+.ui5-tb-self-overflow {
+	min-width:  2.5rem;
+	flex-shrink: 1;
+	flex-grow: 1;
+
+}
+
+.ui5-tb-self-overflow-grow {
+	position: absolute;
+}
+
 /* Last visible element should not have margins.
 Last element is: overflow button or tb-item when overflow button is hidden */
 .ui5-tb-overflow-btn,

package/src/themes/ToolbarItem.css

@@ -0,0 +1,8 @@
+:host {
+	display: inline-block;
+	height: 100%;
+}
+
+:host([is-overflowed]) ::slotted(*) {
+	width: 100%;
+}

package/src/themes/ToolbarPopover.css

@@ -6,7 +6,7 @@
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
-	align-items: center;
+	align-items: flex-start;
 }
 
 .ui5-tb-popover-item {