@ui5/webcomponents 2.22.0 → 2.22.1-rc.0

package/src/i18n/messagebundle_uk.properties

@@ -149,6 +149,8 @@ DATEPICKER_OPEN_ICON_TITLE_OPENED=Закрити засіб вибору
 
 DATEPICKER_DATE_DESCRIPTION=Введення дати
 
+DATEPICKER_MOBILE_HEADER_TITLE=Ввести дату
+
 DATEPICKER_VALUE_MISSING=Введіть дату в наступному форматі: {0}.
 
 DATEPICKER_PATTERN_MISSMATCH=Цей формат не підтримується. Введіть дату і діапазон часу у наступному форматі: {0}.
@@ -177,7 +179,7 @@ DATERANGE_OVERFLOW=Введіть значення, нижче максимал
 
 DATERANGE_UNDERFLOW=Введіть значення, вище мінімального {0}.
 
-DATEPICKER_POPOVER_ACCESSIBLE_NAME=Вибрати дату для {0}
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=Ввести дату для {0}
 
 DATETIME_COMPONENTS_PLACEHOLDER_PREFIX=наприклад,
 
@@ -234,6 +236,10 @@ INPUT_SUGGESTIONS_MORE_HITS={0} результатів доступно
 
 INPUT_SUGGESTIONS_NO_HIT=Немає результатів
 
+INPUT_SUGGESTIONS_EXPANDED=Розгорнуто
+
+INPUT_SUGGESTIONS_COLLAPSED=Згорнуто
+
 INPUT_CLEAR_ICON_ACC_NAME=Очистити
 
 INPUT_SUGGESTIONS_OK_BUTTON=OK
@@ -244,6 +250,8 @@ LINK_SUBTLE=Прихований
 
 LINK_EMPHASIZED=Виділено
 
+LIST_ROLE_DESCRIPTION=Список з інтерактивними елементами. Для переходу до вмісту натисніть F2.
+
 LIST_ITEM_ACTIVE=Є активним
 
 LIST_ITEM_POSITION=Позиція списку {0} з {1}
@@ -318,9 +326,9 @@ PANEL_ICON=Розгорнути/згорнути
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Діапазон
 
-RANGE_SLIDER_START_HANDLE_DESCRIPTION=Лівий повзунок
+RANGE_SLIDER_START_HANDLE_DESCRIPTION=Мінімум
 
-RANGE_SLIDER_END_HANDLE_DESCRIPTION=Правий повзунок
+RANGE_SLIDER_END_HANDLE_DESCRIPTION=Максимум
 
 RATING_INDICATOR_TOOLTIP_TEXT=Рейтинг
 
@@ -418,7 +426,7 @@ DATETIME_PICKER_TIME_BUTTON=Час
 
 TOKEN_ARIA_DELETABLE=Може бути видалено
 
-TOKEN_ARIA_REMOVE=Видалити
+TOKEN_ARIA_DELETE=Видалити
 
 TOKEN_ARIA_LABEL=Маркер
 
@@ -476,6 +484,10 @@ CALENDAR_HEADER_YEAR_BUTTON=Рік {0}
 
 CALENDAR_HEADER_YEAR_RANGE_BUTTON=Діапазон років з {0} до {1}
 
+CALENDAR_FOOTER_CANCEL_BUTTON=Скасувати
+
+CALENDAR_FOOTER_OK_BUTTON=OK
+
 CALENDAR_HEADER_MONTH_BUTTON_SHORTCUT=F4
 
 CALENDAR_HEADER_YEAR_BUTTON_SHORTCUT=Shift + F4
@@ -548,6 +560,10 @@ MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=Містить позиції з можл
 
 MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=Містить позиції з можливістю множинного вибору
 
+MENU_ITEM_END_CONTENT_ACCESSIBLE_NAME=Додаткові операції
+
+MENU_ITEM_LOADING=Завантаження
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Інтерактивний заголовок
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Використовуйте клавішу Shift + клавіші зі стрілками для зміни розміру
@@ -593,8 +609,8 @@ TABLE_COLUMN_HEADER_ROW=Рядок заголовка стовпчика
 TABLE_MORE=Більше
 TABLE_MORE_DESCRIPTION=Щоб завантажити більше рядків, натисніть Enter або клавішу пробілу
 TABLE_ROW_ACTIONS=Операції з рядками
-TABLE_ROW_SINGLE_ACTION=доступна 1 дія рядка
-TABLE_ROW_MULTIPLE_ACTIONS=доступно {0} дій рядка
+TABLE_ROW_SINGLE_ACTION=Доступна 1 дія рядка
+TABLE_ROW_MULTIPLE_ACTIONS=Доступно {0} операцій рядка
 TABLE_NAVIGATION=Навігація
 TABLE_GENERATED_BY_AI=Згенеровано ШІ
 TABLE_SELECT_ALL_ROWS=Вибрати всі рядки
@@ -632,25 +648,25 @@ DYNAMIC_DATE_RANGE_POPOVER_ACCESSIBLE_NAME=Динамічний діапазон
 
 DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP=Перейти назад
 
-DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT=Останні Х днів
+DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT=Останні Х дн.
 
-DYNAMIC_DATE_RANGE_NEXT_DAYS_TEXT=Наступні X днів
+DYNAMIC_DATE_RANGE_NEXT_DAYS_TEXT=Наступні X дн.
 
-DYNAMIC_DATE_RANGE_LAST_WEEKS_TEXT=Останні Х тижнів
+DYNAMIC_DATE_RANGE_LAST_WEEKS_TEXT=Останні Х тиж.
 
-DYNAMIC_DATE_RANGE_NEXT_WEEKS_TEXT=Наступні X тижнів
+DYNAMIC_DATE_RANGE_NEXT_WEEKS_TEXT=Наступні X тиж.
 
-DYNAMIC_DATE_RANGE_LAST_MONTHS_TEXT=Останні Х місяців
+DYNAMIC_DATE_RANGE_LAST_MONTHS_TEXT=Останні Х міс.
 
-DYNAMIC_DATE_RANGE_NEXT_MONTHS_TEXT=Наступні X місяців
+DYNAMIC_DATE_RANGE_NEXT_MONTHS_TEXT=Наступні X міс.
 
-DYNAMIC_DATE_RANGE_LAST_QUARTERS_TEXT=Останні Х кварталів
+DYNAMIC_DATE_RANGE_LAST_QUARTERS_TEXT=Останні Х кварт.
 
-DYNAMIC_DATE_RANGE_NEXT_QUARTERS_TEXT=Наступні X кварталів
+DYNAMIC_DATE_RANGE_NEXT_QUARTERS_TEXT=Наступні X кварт.
 
-DYNAMIC_DATE_RANGE_LAST_YEARS_TEXT=Останні Х років
+DYNAMIC_DATE_RANGE_LAST_YEARS_TEXT=Останні Х р.
 
-DYNAMIC_DATE_RANGE_NEXT_YEARS_TEXT=Наступні X років
+DYNAMIC_DATE_RANGE_NEXT_YEARS_TEXT=Наступні X р.
 
 CHECKBOX_CHECKED=Позначено
 
@@ -678,6 +694,10 @@ DYNAMIC_DATE_RANGE_NEXT_COMBINED_TEXT=Наступні X {0} (включено)
 
 DYNAMIC_DATE_RANGE_INCLUDED_TEXT=(Включено)
 
+SWITCH_ON=Увімк
+
+SWITCH_OFF=Вимк
+
 ICON_ARIA_TYPE_IMAGE=Зображення
 
 ICON_ARIA_TYPE_INTERACTIVE=Кнопка

package/src/i18n/messagebundle_vi.properties

@@ -147,7 +147,9 @@ DATEPICKER_OPEN_ICON_TITLE=Mở trình chọn
 
 DATEPICKER_OPEN_ICON_TITLE_OPENED=Đóng trình chọn
 
-DATEPICKER_DATE_DESCRIPTION=Nhập ngày
+DATEPICKER_DATE_DESCRIPTION=Nhập ngày
+
+DATEPICKER_MOBILE_HEADER_TITLE=Nhập ngày
 
 DATEPICKER_VALUE_MISSING=Nhập ngày theo định dạng sau đây: {0}.
 
@@ -177,7 +179,7 @@ DATERANGE_OVERFLOW=Nhập giá trị thấp hơn giá trị tối đa của {0}.
 
 DATERANGE_UNDERFLOW=Nhập giá trị cao hơn giá trị tối thiểu của {0}.
 
-DATEPICKER_POPOVER_ACCESSIBLE_NAME=Chọn ngày cho {0}
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=Nhập ngày cho {0}
 
 DATETIME_COMPONENTS_PLACEHOLDER_PREFIX=ví dụ:
 
@@ -234,6 +236,10 @@ INPUT_SUGGESTIONS_MORE_HITS={0} kết quả có sẵn
 
 INPUT_SUGGESTIONS_NO_HIT=Không có kết quả
 
+INPUT_SUGGESTIONS_EXPANDED=Được mở rộng
+
+INPUT_SUGGESTIONS_COLLAPSED=Được thu gọn
+
 INPUT_CLEAR_ICON_ACC_NAME=Xóa
 
 INPUT_SUGGESTIONS_OK_BUTTON=OK
@@ -244,6 +250,8 @@ LINK_SUBTLE=Tinh tế
 
 LINK_EMPHASIZED=Được nhấn mạnh
 
+LIST_ROLE_DESCRIPTION=Danh sách có các mục tương tác. Để di chuyển đến nội dung, hãy nhấn F2.
+
 LIST_ITEM_ACTIVE=Hoạt động
 
 LIST_ITEM_POSITION=Mục danh sách {0} của {1}
@@ -318,9 +326,9 @@ PANEL_ICON=Mở rộng/Thu gọn
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Khoảng
 
-RANGE_SLIDER_START_HANDLE_DESCRIPTION=Điều khiển bên trái
+RANGE_SLIDER_START_HANDLE_DESCRIPTION=Tối thiểu
 
-RANGE_SLIDER_END_HANDLE_DESCRIPTION=Điều khiển bên phải
+RANGE_SLIDER_END_HANDLE_DESCRIPTION=Tối đa
 
 RATING_INDICATOR_TOOLTIP_TEXT=Đánh giá
 
@@ -418,7 +426,7 @@ DATETIME_PICKER_TIME_BUTTON=Thời gian
 
 TOKEN_ARIA_DELETABLE=Có thể xóa
 
-TOKEN_ARIA_REMOVE=Loại bỏ
+TOKEN_ARIA_DELETE=Xóa
 
 TOKEN_ARIA_LABEL=Token
 
@@ -476,6 +484,10 @@ CALENDAR_HEADER_YEAR_BUTTON=Năm {0}
 
 CALENDAR_HEADER_YEAR_RANGE_BUTTON=Phạm vi năm từ {0} đến {1}
 
+CALENDAR_FOOTER_CANCEL_BUTTON=Hủy
+
+CALENDAR_FOOTER_OK_BUTTON=OK
+
 CALENDAR_HEADER_MONTH_BUTTON_SHORTCUT=F4
 
 CALENDAR_HEADER_YEAR_BUTTON_SHORTCUT=Shift + F4
@@ -548,6 +560,10 @@ MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=Chứa mục có thể chọn
 
 MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=Chứa mục có đa lựa chọn
 
+MENU_ITEM_END_CONTENT_ACCESSIBLE_NAME=Thao tác bổ sung
+
+MENU_ITEM_LOADING=Đang tải
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Đầu mục tương tác
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Sử dụng tổ hợp phím Shift+Mũi tên để định kích cỡ lại
@@ -678,6 +694,10 @@ DYNAMIC_DATE_RANGE_NEXT_COMBINED_TEXT=X {0} kế tiếp (Được bao gồm)
 
 DYNAMIC_DATE_RANGE_INCLUDED_TEXT=(Được bao gồm)
 
+SWITCH_ON=Bật
+
+SWITCH_OFF=Tắt
+
 ICON_ARIA_TYPE_IMAGE=Hình ảnh
 
 ICON_ARIA_TYPE_INTERACTIVE=Nút

package/src/i18n/messagebundle_zh_CN.properties

@@ -149,6 +149,8 @@ DATEPICKER_OPEN_ICON_TITLE_OPENED=关闭选取器
 
 DATEPICKER_DATE_DESCRIPTION=日期输入
 
+DATEPICKER_MOBILE_HEADER_TITLE=输入日期
+
 DATEPICKER_VALUE_MISSING=按以下格式输入日期：{0}。
 
 DATEPICKER_PATTERN_MISSMATCH=不支持此格式。按以下格式输入日期和时间范围：{0}。
@@ -177,7 +179,7 @@ DATERANGE_OVERFLOW=输入低于最大值 {0} 的值。
 
 DATERANGE_UNDERFLOW=输入高于最小值 {0} 的值。
 
-DATEPICKER_POPOVER_ACCESSIBLE_NAME=为 {0} 选择日期
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=输入 {0} 的日期
 
 DATETIME_COMPONENTS_PLACEHOLDER_PREFIX=例如
 
@@ -202,9 +204,9 @@ EXPANDABLE_TEXT_SHOW_LESS_POPOVER_ARIA_LABEL=关闭弹出窗口
 
 FILEUPLOADER_ROLE_DESCRIPTION=文件上载器
 
-FILEUPLOADER_DEFAULT_PLACEHOLDER=浏览或删掉一个文件
+FILEUPLOADER_DEFAULT_PLACEHOLDER=浏览或拖放一个文件
 
-FILEUPLOADER_DEFAULT_MULTIPLE_PLACEHOLDER=浏览或删掉多个文件
+FILEUPLOADER_DEFAULT_MULTIPLE_PLACEHOLDER=浏览或拖放多个文件
 
 FILEUPLOADER_INPUT_TOOLTIP=将在每次上载时替换所有文件
 
@@ -234,6 +236,10 @@ INPUT_SUGGESTIONS_MORE_HITS={0} 个结果可用
 
 INPUT_SUGGESTIONS_NO_HIT=无结果
 
+INPUT_SUGGESTIONS_EXPANDED=已展开
+
+INPUT_SUGGESTIONS_COLLAPSED=已折叠
+
 INPUT_CLEAR_ICON_ACC_NAME=清除
 
 INPUT_SUGGESTIONS_OK_BUTTON=确定
@@ -244,6 +250,8 @@ LINK_SUBTLE=隐蔽
 
 LINK_EMPHASIZED=加重
 
+LIST_ROLE_DESCRIPTION=含有交互式项目的列表。要移动到内容，请按 F2。
+
 LIST_ITEM_ACTIVE=处于活动状态
 
 LIST_ITEM_POSITION=列表项目 {0}/{1}
@@ -318,9 +326,9 @@ PANEL_ICON=展开/折叠
 
 RANGE_SLIDER_ARIA_DESCRIPTION=范围
 
-RANGE_SLIDER_START_HANDLE_DESCRIPTION=左手柄
+RANGE_SLIDER_START_HANDLE_DESCRIPTION=最小值
 
-RANGE_SLIDER_END_HANDLE_DESCRIPTION=右手柄
+RANGE_SLIDER_END_HANDLE_DESCRIPTION=最大值
 
 RATING_INDICATOR_TOOLTIP_TEXT=评级
 
@@ -418,7 +426,7 @@ DATETIME_PICKER_TIME_BUTTON=时间
 
 TOKEN_ARIA_DELETABLE=可删除
 
-TOKEN_ARIA_REMOVE=移除
+TOKEN_ARIA_DELETE=删除
 
 TOKEN_ARIA_LABEL=令牌
 
@@ -476,6 +484,10 @@ CALENDAR_HEADER_YEAR_BUTTON=第 {0} 年
 
 CALENDAR_HEADER_YEAR_RANGE_BUTTON=从 {0} 到 {1} 的年度范围
 
+CALENDAR_FOOTER_CANCEL_BUTTON=取消
+
+CALENDAR_FOOTER_OK_BUTTON=确定
+
 CALENDAR_HEADER_MONTH_BUTTON_SHORTCUT=F4
 
 CALENDAR_HEADER_YEAR_BUTTON_SHORTCUT=Shift + F4
@@ -548,6 +560,10 @@ MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=包含可选择的项目
 
 MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=包含可多重选择的项目
 
+MENU_ITEM_END_CONTENT_ACCESSIBLE_NAME=附加操作
+
+MENU_ITEM_LOADING=正在加载
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=交互式抬头
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=使用 Shift+箭头键重新调整大小
@@ -678,6 +694,10 @@ DYNAMIC_DATE_RANGE_NEXT_COMBINED_TEXT=未来 X {0}（包括）
 
 DYNAMIC_DATE_RANGE_INCLUDED_TEXT=（包括）
 
+SWITCH_ON=开
+
+SWITCH_OFF=关
+
 ICON_ARIA_TYPE_IMAGE=图像
 
 ICON_ARIA_TYPE_INTERACTIVE=按钮

package/src/i18n/messagebundle_zh_TW.properties

@@ -149,6 +149,8 @@ DATEPICKER_OPEN_ICON_TITLE_OPENED=關閉選擇器
 
 DATEPICKER_DATE_DESCRIPTION=日期輸入
 
+DATEPICKER_MOBILE_HEADER_TITLE=輸入日期
+
 DATEPICKER_VALUE_MISSING=使用下列格式輸入日期：{0}。
 
 DATEPICKER_PATTERN_MISSMATCH=此格式不受支援，請使用下列格式輸入日期和時間範圍：{0}。
@@ -177,7 +179,7 @@ DATERANGE_OVERFLOW=輸入的值小於 {0} 的最大值。
 
 DATERANGE_UNDERFLOW=輸入的值大於 {0} 的最小值。
 
-DATEPICKER_POPOVER_ACCESSIBLE_NAME=選擇 {0} 的日期
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=輸入 {0} 的日期
 
 DATETIME_COMPONENTS_PLACEHOLDER_PREFIX=例如
 
@@ -234,6 +236,10 @@ INPUT_SUGGESTIONS_MORE_HITS={0} 個可用的結果
 
 INPUT_SUGGESTIONS_NO_HIT=沒有結果
 
+INPUT_SUGGESTIONS_EXPANDED=已展開
+
+INPUT_SUGGESTIONS_COLLAPSED=已收合
+
 INPUT_CLEAR_ICON_ACC_NAME=清除
 
 INPUT_SUGGESTIONS_OK_BUTTON=確定
@@ -244,6 +250,8 @@ LINK_SUBTLE=輕微
 
 LINK_EMPHASIZED=強調
 
+LIST_ROLE_DESCRIPTION=列出互動項目；若要移到內容，請按下 F2。
+
 LIST_ITEM_ACTIVE=啟用中
 
 LIST_ITEM_POSITION=清單項目 {0} / {1}
@@ -318,9 +326,9 @@ PANEL_ICON=展開/收縮
 
 RANGE_SLIDER_ARIA_DESCRIPTION=範圍
 
-RANGE_SLIDER_START_HANDLE_DESCRIPTION=左側控點
+RANGE_SLIDER_START_HANDLE_DESCRIPTION=最小值
 
-RANGE_SLIDER_END_HANDLE_DESCRIPTION=右側控點
+RANGE_SLIDER_END_HANDLE_DESCRIPTION=最大值
 
 RATING_INDICATOR_TOOLTIP_TEXT=分級
 
@@ -418,7 +426,7 @@ DATETIME_PICKER_TIME_BUTTON=時間
 
 TOKEN_ARIA_DELETABLE=可刪除
 
-TOKEN_ARIA_REMOVE=移除
+TOKEN_ARIA_DELETE=刪除
 
 TOKEN_ARIA_LABEL=記號
 
@@ -476,6 +484,10 @@ CALENDAR_HEADER_YEAR_BUTTON=年 {0}
 
 CALENDAR_HEADER_YEAR_RANGE_BUTTON=年度範圍 (自 {0} 至 {1})
 
+CALENDAR_FOOTER_CANCEL_BUTTON=取消
+
+CALENDAR_FOOTER_OK_BUTTON=確定
+
 CALENDAR_HEADER_MONTH_BUTTON_SHORTCUT=F4
 
 CALENDAR_HEADER_YEAR_BUTTON_SHORTCUT=Shift + F4
@@ -548,6 +560,10 @@ MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=包含可選擇的項目
 
 MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=包含可多重選擇的項目
 
+MENU_ITEM_END_CONTENT_ACCESSIBLE_NAME=其他動作
+
+MENU_ITEM_LOADING=正在載入
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=互動表頭
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=使用　Shift　+　箭頭鍵以調整大小
@@ -678,6 +694,10 @@ DYNAMIC_DATE_RANGE_NEXT_COMBINED_TEXT=未來 X {0} (已包含)
 
 DYNAMIC_DATE_RANGE_INCLUDED_TEXT=(已包含)
 
+SWITCH_ON=開啟
+
+SWITCH_OFF=關閉
+
 ICON_ARIA_TYPE_IMAGE=圖像
 
 ICON_ARIA_TYPE_INTERACTIVE=按鈕

package/src/themes/Dialog.css

@@ -1,8 +1,8 @@
 @import "./InvisibleTextStyles.css";
 
 :host {
-	min-width: 20rem;
-	min-height: 6rem;
+	min-width: min(20rem, 90vw);
+	min-height: min(6rem, 90vh);
 	max-height: 94%;
 	max-width: 90%;
 	flex-direction: column;

package/src/themes/FormItemSpan.css

@@ -11,7 +11,7 @@
 	--ui5-form-item-label-padding-internal: 0.625rem 0.25rem 0 0.25rem;
 }
 
-@container (max-width: 600px) {
+@container (max-width: 599px) {
 	.ui5-form-item,
 	.ui5-form-group {
 		--ui5-form-item-layout: var(--ui5-form-item-layout-S);
@@ -24,7 +24,7 @@
 	}
 }
 
-@container (width > 600px) and (width <= 1024px) {
+@container (min-width: 600px) and (max-width: 1023px) {
 	.ui5-form-item,
 	.ui5-form-group {
 		--ui5-form-item-layout: var(--ui5-form-item-layout-M);
@@ -37,7 +37,7 @@
 	}
 }
 
-@container (width > 1024px) and (width <= 1440px) {
+@container (min-width: 1024px) and (max-width: 1439px) {
 	.ui5-form-item,
 	.ui5-form-group {
 		--ui5-form-item-layout: var(--ui5-form-item-layout-L);
@@ -50,7 +50,7 @@
 	}
 }
 
-@container (min-width: 1441px) {
+@container (min-width: 1440px) {
 	.ui5-form-item,
 	.ui5-form-group {
 		--ui5-form-item-layout: var(--ui5-form-item-layout-XL);

package/src/themes/FormLayout.css

@@ -7,7 +7,7 @@
 */
 
 /* S - 1 column */
-@container (max-width: 600px) {
+@container (max-width: 599px) {
 	.ui5-form-layout {
 		grid-template-columns: 1fr;
 	}
@@ -21,7 +21,7 @@
 }
 
 /* M  - 1 column by default, up to 2 columns */
-@container (width > 600px) and (width <= 1024px) {
+@container (min-width: 600px) and (max-width: 1023px) {
 	.ui5-form-layout {
 		grid-template-columns: 1fr;
 	}
@@ -42,7 +42,7 @@
 }
 
 /* L - 2 columns by default, up to 3 columns */
-@container (width > 1024px) and (width <= 1440px) {
+@container (min-width: 1024px) and (max-width: 1439px) {
 
 	.ui5-form-layout {
 		grid-template-columns: repeat(2, 1fr);
@@ -77,7 +77,7 @@
 }
 
 /* XL - 3 columns by default, up to 6 */
-@container (min-width: 1441px) {
+@container (min-width: 1440px) {
 	.ui5-form-layout {
 		grid-template-columns: repeat(3, 1fr);
 	}

package/src/themes/ListItemBase.css

@@ -34,16 +34,16 @@
 }
 
 /* hovered */
-:host([actionable]:not([active]):not([selected]):not([ui5-li-group-header]):hover) {
+:host([actionable]:not([active]):not(:active):not([selected]):not([ui5-li-group-header]):hover) {
     background-color: var(--sapList_Hover_Background);
 }
 
-:host([actionable]:not([active]):not([selected]):not([ui5-li-group-header]):hover) .ui5-li-additional-text {
+:host([actionable]:not([active]):not(:active):not([selected]):not([ui5-li-group-header]):hover) .ui5-li-additional-text {
 	text-shadow: var(--sapContent_TextShadow);
 }
 
 /* selected and hovered */
-:host([actionable][selected]:not([active], [data-moving]):hover) {
+:host([actionable][selected]:not([active]):not(:active):not([data-moving]):hover) {
 	background-color: var(--sapList_Hover_SelectionBackground);
 }
 
@@ -51,6 +51,7 @@
 :host([active][actionable]:not([data-moving])),
 :host([active][actionable][selected]:not([data-moving])) {
 	background-color: var(--sapList_Active_Background);
+	border-bottom-color: var(--sapList_Active_Background);
 }
 
 /* focused */

package/src/themes/OptionBase.css

@@ -1,4 +1,10 @@
 :host {
 	height: var(--_ui5_list_item_dropdown_base_height);
 	--_ui5_list_item_title_size: var(--sapFontSize);
+}
+
+:host(:active[actionable]:not([data-moving])),
+:host(:active[actionable][selected]:not([data-moving])) {
+	background-color: var(--sapList_Active_Background);
+	border-bottom-color: var(--sapList_Active_Background);
 }

package/src/themes/Panel.css

@@ -91,13 +91,30 @@
 	white-space: nowrap;
 }
 
-.ui5-panel-content {
+.ui5-panel-content-wrapper {
+	overflow: hidden;
 	padding: var(--_ui5_panel_content_padding);
 	background-color: var(--sapGroup_ContentBackground);
-	outline: none;
 	border-bottom-left-radius: var(--_ui5_panel_border_radius);
 	border-bottom-right-radius: var(--_ui5_panel_border_radius);
+	flex: 1;
+	min-height: 0;
+	box-sizing: border-box;
+}
+
+.ui5-panel-content-wrapper.ui5-panel-content-focusable:focus-within {
+	outline: var(--_ui5_panel_focus_border);
+	outline-offset: var(--_ui5_panel_content_focus_offset);
+}
+
+.ui5-panel-content {
+	height: 100%;
 	overflow: auto;
+	outline: none;
+}
+
+.ui5-panel-content:focus {
+	outline: none;
 }
 
 .ui5-panel-header-button-root {

package/src/themes/Select.css

@@ -50,6 +50,7 @@
 	cursor: pointer;
 	overflow: hidden;
 	border-radius: var(--_ui5_input_border_radius);
+	background: var(--_ui5_select_bottom_border_gradient);
 }
 
 .ui5-select-label-root {
@@ -94,6 +95,16 @@
 	color: inherit;
 }
 
+:host([value-state]:not([value-state="None"])) .ui5-select-root,
+:host([value-state="None"]:not([readonly]):not([disabled]):hover) .ui5-select-root,
+:host(:not([value-state]):not([readonly]):not([disabled]):hover) .ui5-select-root {
+	background: none;
+}
+
+:host([readonly]) .ui5-select-root {
+	background: none;
+}
+
 :host([value-state]:not([value-state="None"], [value-state="Positive"])) .ui5-select-icon-root {
 	height: var(--_ui5_select_icon_wrapper_state_height);
 }

package/src/themes/SliderTooltip.css

@@ -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;

package/src/themes/TableGroupRow.css

@@ -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;
+}

package/src/themes/TableRowBase.css

@@ -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));

package/src/themes/Toolbar.css

@@ -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"]) {

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

@@ -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);
 }
 

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

@@ -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) {