@ui5/webcomponents 0.0.0-4e88b8243 → 0.0.0-50f1454ef

package/src/i18n/messagebundle_vi.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=Hành động tiêu cực
 
 BUTTON_ARIA_TYPE_EMPHASIZED=Được nhấn mạnh
 
+BUTTON_ARIA_TYPE_ATTENTION=Cảnh báo
+
 CAL_LEGEND_TODAY_TEXT=Hôm nay
 
 CAL_LEGEND_SELECTED_TEXT=Ngày được chọn
@@ -67,6 +69,8 @@ CAROUSEL_PREVIOUS_ARROW_TEXT=Trang trước
 
 CAROUSEL_NEXT_ARROW_TEXT=Trang kế tiếp
 
+CAROUSEL_ARIA_ROLE_DESCRIPTION=Xoay vòng
+
 COLORPALETTE_CONTAINER_LABEL=Bảng màu - Màu được xác định trước
 
 COLORPALETTE_POPOVER_TITLE=Bảng màu
@@ -95,6 +99,14 @@ COLORPICKER_GREEN=Xanh lá cây
 
 COLORPICKER_BLUE=Xanh da trời
 
+COLORPICKER_HUE=Màu sắc
+
+COLORPICKER_SATURATION=Bão hòa
+
+COLORPICKER_LIGHT=Sáng
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=Thay đổi chế độ màu
+
 COLORPICKER_ALPHA=Alpha
 
 DATEPICKER_OPEN_ICON_TITLE=Mở trình chọn
@@ -116,7 +128,7 @@ DELETE=Xóa
 EMPTY_INDICATOR_SYMBOL=–
 EMPTY_INDICATOR_ACCESSIBLE_TEXT=Giá trị trống
 
-EXPANDABLE_TEXT_SHOW_MORE=Hiển thị thêm
+EXPANDABLE_TEXT_SHOW_MORE=Hiển thị nhiều hơn
 
 EXPANDABLE_TEXT_SHOW_LESS=Hiển thị ít hơn
 
@@ -156,6 +168,8 @@ LINK_SUBTLE=Tinh tế
 
 LINK_EMPHASIZED=Được nhấn mạnh
 
+LIST_ITEM_ACTIVE=Hoạt động
+
 LIST_ITEM_POSITION=Mục danh sách {0} của {1}
 
 LIST_ITEM_SELECTED=Được chọn
@@ -164,6 +178,10 @@ LIST_ITEM_NOT_SELECTED=Không được chọn
 
 LIST_ITEM_GROUP_HEADER=Tiêu đề nhóm
 
+LIST_ROLE_LIST_GROUP_DESCRIPTION=chứa {0} nhóm phụ có {1} mục
+
+LIST_ROLE_LISTBOX_GROUP_DESCRIPTION=chứa {0} nhóm phụ
+
 ARIA_LABEL_LIST_ITEM_CHECKBOX=Chế độ đa lựa chọn
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Lựa chọn mục.
@@ -174,15 +192,15 @@ ARIA_LABEL_LIST_MULTISELECTABLE=Chứa mục có đa lựa chọn
 
 ARIA_LABEL_LIST_DELETABLE=Chứa mục có thể xóa
 
-MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION=Information Information Bar Close
+MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION=Đóng thanh thông tin của thông tin
 
-MESSAGE_STRIP_CLOSE_BUTTON_POSITIVE=Positive Information Bar Close
+MESSAGE_STRIP_CLOSE_BUTTON_POSITIVE=Đóng thanh thông tin tích cực
 
-MESSAGE_STRIP_CLOSE_BUTTON_NEGATIVE=Negative Information Bar Close
+MESSAGE_STRIP_CLOSE_BUTTON_NEGATIVE=Đóng thanh thông tin tiêu cực
 
-MESSAGE_STRIP_CLOSE_BUTTON_CRITICAL=Critical Information Bar Close
+MESSAGE_STRIP_CLOSE_BUTTON_CRITICAL=Đóng thanh thông tin quan trọng
 
-MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM=Custom Information Bar Close
+MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM=Đóng thanh thông tin tùy chỉnh
 
 MESSAGE_STRIP_CLOSABLE=Có thể đóng
 
@@ -210,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS={0} thêm
 
 MULTIINPUT_VALUE_HELP_LABEL=Hiển thị chỉ dẫn nhập
 
+MULTIINPUT_VALUE_HELP=Chỉ dẫn nhập có sẵn
+
 PANEL_ICON=Mở rộng/Thu gọn
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Khoảng
@@ -340,7 +360,7 @@ VALUE_STATE_WARNING=Cảnh báo được phát hành
 
 VALUE_STATE_INFORMATION=Mục nhập thông tin
 
-VALUE_STATE_SUCCESS=Mục nhập được làm cho có hiệu lực thành công
+VALUE_STATE_SUCCESS=Mục nhập được xác thực thành công
 
 CALENDAR_HEADER_NEXT_BUTTON=Tiếp theo
 
@@ -376,8 +396,6 @@ MENU_CLOSE_BUTTON_ARIA_LABEL=Từ chối
 
 MENU_POPOVER_ACCESSIBLE_NAME=Chọn một tùy chọn từ trình đơn
 
-NAVIGATION_MENU_POPOVER_HIDDEN_TEXT=Điều hướng
-
 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
@@ -389,6 +407,8 @@ LABEL_COLON=:
 
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=Tùy chọn bổ sung
 
+TOOLBAR_POPOVER_AVAILABLE_VALUES=Giá trị có sẵn
+
 FORM_CHECKABLE_REQUIRED=Vui lòng đánh dấu vào ô này nếu bạn muốn tiến hành.
 
 FORM_MIXED_TEXTFIELD_REQUIRED=Vui lòng điền vào trường này hoặc chọn một mục trong danh sách.
@@ -404,4 +424,8 @@ TABLE_ROW_SELECTOR=Bộ chọn hàng
 TABLE_NO_DATA=Không có dữ liệu
 TABLE_ROW_POPIN=Vùng chèn tạm của hàng
 TABLE_MORE=Thêm
-TABLE_MORE_DESCRIPTION=Tải thêm hàng bằng cách nhấn Enter hoặc Space
+TABLE_MORE_DESCRIPTION=Để tải thêm hàng, hãy nhấn Enter hoặc Phím cách
+TABLE_ROW_ACTIONS=Thao tác hàng
+TABLE_NAVIGATION=Điều hướng
+TABLE_GENERATED_BY_AI=Được tạo bởi AI
+TABLE_COLUMN_HEADER_ROW=Hàng tiêu đề cột

package/src/i18n/messagebundle_zh_CN.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=消极操作
 
 BUTTON_ARIA_TYPE_EMPHASIZED=加重
 
+BUTTON_ARIA_TYPE_ATTENTION=警告
+
 CAL_LEGEND_TODAY_TEXT=今天
 
 CAL_LEGEND_SELECTED_TEXT=选定日
@@ -67,6 +69,8 @@ CAROUSEL_PREVIOUS_ARROW_TEXT=上一页
 
 CAROUSEL_NEXT_ARROW_TEXT=下一页
 
+CAROUSEL_ARIA_ROLE_DESCRIPTION=轮播控件
+
 COLORPALETTE_CONTAINER_LABEL=调色板 - 预定义颜色
 
 COLORPALETTE_POPOVER_TITLE=调色板
@@ -95,6 +99,14 @@ COLORPICKER_GREEN=绿色
 
 COLORPICKER_BLUE=蓝色
 
+COLORPICKER_HUE=色度
+
+COLORPICKER_SATURATION=饱和度
+
+COLORPICKER_LIGHT=浅色
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=更改颜色模式
+
 COLORPICKER_ALPHA=Alpha
 
 DATEPICKER_OPEN_ICON_TITLE=打开选取器
@@ -156,6 +168,8 @@ LINK_SUBTLE=隐蔽
 
 LINK_EMPHASIZED=加重
 
+LIST_ITEM_ACTIVE=处于活动状态
+
 LIST_ITEM_POSITION=列表项目 {0}/{1}
 
 LIST_ITEM_SELECTED=已选择
@@ -164,6 +178,10 @@ LIST_ITEM_NOT_SELECTED=未选择
 
 LIST_ITEM_GROUP_HEADER=组抬头
 
+LIST_ROLE_LIST_GROUP_DESCRIPTION=包含含有 {1} 个项目的 {0} 个子组
+
+LIST_ROLE_LISTBOX_GROUP_DESCRIPTION=包含 {0} 个子组
+
 ARIA_LABEL_LIST_ITEM_CHECKBOX=多重选择模式
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=项目选择。
@@ -174,15 +192,15 @@ ARIA_LABEL_LIST_MULTISELECTABLE=包含可多重选择的项目
 
 ARIA_LABEL_LIST_DELETABLE=包含可删除的项目
 
-MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION=Information Information Bar Close
+MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION=信息的信息栏关闭
 
-MESSAGE_STRIP_CLOSE_BUTTON_POSITIVE=Positive Information Bar Close
+MESSAGE_STRIP_CLOSE_BUTTON_POSITIVE=正面信息栏关闭
 
-MESSAGE_STRIP_CLOSE_BUTTON_NEGATIVE=Negative Information Bar Close
+MESSAGE_STRIP_CLOSE_BUTTON_NEGATIVE=负面信息栏关闭
 
-MESSAGE_STRIP_CLOSE_BUTTON_CRITICAL=Critical Information Bar Close
+MESSAGE_STRIP_CLOSE_BUTTON_CRITICAL=关键信息栏关闭
 
-MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM=Custom Information Bar Close
+MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM=自定义信息栏关闭
 
 MESSAGE_STRIP_CLOSABLE=可关闭
 
@@ -210,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS=其他 {0} 个
 
 MULTIINPUT_VALUE_HELP_LABEL=显示值帮助
 
+MULTIINPUT_VALUE_HELP=值帮助可用
+
 PANEL_ICON=展开/折叠
 
 RANGE_SLIDER_ARIA_DESCRIPTION=范围
@@ -376,8 +396,6 @@ MENU_CLOSE_BUTTON_ARIA_LABEL=拒绝
 
 MENU_POPOVER_ACCESSIBLE_NAME=从菜单中选择一个选项
 
-NAVIGATION_MENU_POPOVER_HIDDEN_TEXT=导航
-
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=交互式抬头
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=使用 Shift+箭头键重新调整大小
@@ -389,6 +407,8 @@ LABEL_COLON=：
 
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=附加选项
 
+TOOLBAR_POPOVER_AVAILABLE_VALUES=可用值 
+
 FORM_CHECKABLE_REQUIRED=如果要继续，请勾选此框。
 
 FORM_MIXED_TEXTFIELD_REQUIRED=请填写此字段或在列表中选择一项。
@@ -404,4 +424,8 @@ TABLE_ROW_SELECTOR=行选择器
 TABLE_NO_DATA=无数据
 TABLE_ROW_POPIN=行弹入框
 TABLE_MORE=更多
-TABLE_MORE_DESCRIPTION=按 Enter 或空格键加载更多行
+TABLE_MORE_DESCRIPTION=要加载更多行，请按 Enter 或空格键
+TABLE_ROW_ACTIONS=行操作
+TABLE_NAVIGATION=导航
+TABLE_GENERATED_BY_AI=由 AI 生成
+TABLE_COLUMN_HEADER_ROW=列标题行

package/src/i18n/messagebundle_zh_TW.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=負向作業
 
 BUTTON_ARIA_TYPE_EMPHASIZED=強調
 
+BUTTON_ARIA_TYPE_ATTENTION=警告
+
 CAL_LEGEND_TODAY_TEXT=今天
 
 CAL_LEGEND_SELECTED_TEXT=選取的日期
@@ -67,6 +69,8 @@ CAROUSEL_PREVIOUS_ARROW_TEXT=上一頁
 
 CAROUSEL_NEXT_ARROW_TEXT=下一頁
 
+CAROUSEL_ARIA_ROLE_DESCRIPTION=自動轉盤
+
 COLORPALETTE_CONTAINER_LABEL=調色盤 - 預先定義的色彩
 
 COLORPALETTE_POPOVER_TITLE=調色盤
@@ -95,6 +99,14 @@ COLORPICKER_GREEN=綠色
 
 COLORPICKER_BLUE=藍色
 
+COLORPICKER_HUE=色調
+
+COLORPICKER_SATURATION=飽和度
+
+COLORPICKER_LIGHT=淺色
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=更改色彩模式
+
 COLORPICKER_ALPHA=Alpha
 
 DATEPICKER_OPEN_ICON_TITLE=開啟選擇器
@@ -156,6 +168,8 @@ LINK_SUBTLE=輕微
 
 LINK_EMPHASIZED=強調
 
+LIST_ITEM_ACTIVE=啟用中
+
 LIST_ITEM_POSITION=清單項目 {0} / {1}
 
 LIST_ITEM_SELECTED=已勾選
@@ -164,6 +178,10 @@ LIST_ITEM_NOT_SELECTED=未選擇
 
 LIST_ITEM_GROUP_HEADER=群組表頭
 
+LIST_ROLE_LIST_GROUP_DESCRIPTION=包含 {0} 個子群組 (內有 {1} 個項目)
+
+LIST_ROLE_LISTBOX_GROUP_DESCRIPTION=包含 {0} 個子群組
+
 ARIA_LABEL_LIST_ITEM_CHECKBOX=多重選擇模式
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=項目選擇。
@@ -174,15 +192,15 @@ ARIA_LABEL_LIST_MULTISELECTABLE=包含可多重選擇的項目
 
 ARIA_LABEL_LIST_DELETABLE=包含可刪除的項目
 
-MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION=Information Information Bar Close
+MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION=資訊的資訊列關閉
 
-MESSAGE_STRIP_CLOSE_BUTTON_POSITIVE=Positive Information Bar Close
+MESSAGE_STRIP_CLOSE_BUTTON_POSITIVE=正向資訊列關閉
 
-MESSAGE_STRIP_CLOSE_BUTTON_NEGATIVE=Negative Information Bar Close
+MESSAGE_STRIP_CLOSE_BUTTON_NEGATIVE=負向資訊列關閉
 
-MESSAGE_STRIP_CLOSE_BUTTON_CRITICAL=Critical Information Bar Close
+MESSAGE_STRIP_CLOSE_BUTTON_CRITICAL=重要資訊列關閉
 
-MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM=Custom Information Bar Close
+MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM=自訂資訊列關閉
 
 MESSAGE_STRIP_CLOSABLE=可關閉
 
@@ -210,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS=更多 ({0} 個)
 
 MULTIINPUT_VALUE_HELP_LABEL=顯示輸入輔助說明
 
+MULTIINPUT_VALUE_HELP=有可用的輸入輔助說明
+
 PANEL_ICON=展開/收縮
 
 RANGE_SLIDER_ARIA_DESCRIPTION=範圍
@@ -376,8 +396,6 @@ MENU_CLOSE_BUTTON_ARIA_LABEL=拒絕
 
 MENU_POPOVER_ACCESSIBLE_NAME=從功能表選取選項
 
-NAVIGATION_MENU_POPOVER_HIDDEN_TEXT=瀏覽
-
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=互動表頭
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=使用　Shift　+　箭頭鍵以調整大小
@@ -389,6 +407,8 @@ LABEL_COLON=：
 
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=附加選項
 
+TOOLBAR_POPOVER_AVAILABLE_VALUES=可用值
+
 FORM_CHECKABLE_REQUIRED=若您要繼續，請勾選此方塊。
 
 FORM_MIXED_TEXTFIELD_REQUIRED=請填寫此欄位或在清單中選擇項目。
@@ -404,4 +424,8 @@ TABLE_ROW_SELECTOR=列選擇器
 TABLE_NO_DATA=無資料
 TABLE_ROW_POPIN=列對話方塊
 TABLE_MORE=更多
-TABLE_MORE_DESCRIPTION=按下 Enter 或空格鍵載入更多列
+TABLE_MORE_DESCRIPTION=若要載入更多列，請按下 Enter 鍵或空白鍵
+TABLE_ROW_ACTIONS=列動作
+TABLE_NAVIGATION=瀏覽
+TABLE_GENERATED_BY_AI=由 AI 產生
+TABLE_COLUMN_HEADER_ROW=欄頁首列

package/src/themes/Avatar.css

@@ -20,7 +20,7 @@
 	color: var(--sapButton_Active_TextColor);
 }
 
-:host([interactive]:not([hidden]):not([disabled]):not(:active):hover) {
+:host([interactive]:not([hidden]):not([disabled]):not(:active):not([focused]):hover) {
 	box-shadow: var(--ui5-avatar-hover-box-shadow-offset);
 }
 
@@ -32,6 +32,7 @@
 
 :host([disabled]) {
 	opacity: var(--sapContent_DisabledOpacity);
+	pointer-events: none;
 }
 
 :host {
@@ -147,12 +148,17 @@
 
 :host(:not([color-scheme])),
 :host(:not([_has-image])),
+:host([color-scheme="Auto"]), /* without [ui5-avatar] to be less specific than _color-scheme selectors */
 :host([_color-scheme="Accent6"]),
 :host([ui5-avatar][color-scheme="Accent6"]) {
 	background-color: var(--ui5-avatar-accent6);
 	color: var(--ui5-avatar-accent6-color);
 	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) {
+	background-color: var(--sapAvatar_6_Hover_Background);
+}
 
 :host([_color-scheme="Accent1"]),
 :host([ui5-avatar][color-scheme="Accent1"]) {
@@ -161,6 +167,11 @@
 	border-color: var(--ui5-avatar-accent1-border-color);
 }
 
+: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) {
+	background-color: var(--sapAvatar_1_Hover_Background);
+}
+
 :host([_color-scheme="Accent2"]),
 :host([ui5-avatar][color-scheme="Accent2"]) {
 	background-color: var(--ui5-avatar-accent2);
@@ -168,6 +179,11 @@
 	border-color: var(--ui5-avatar-accent2-border-color);
 }
 
+: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) {
+	background-color: var(--sapAvatar_2_Hover_Background);
+}
+
 :host([_color-scheme="Accent3"]),
 :host([ui5-avatar][color-scheme="Accent3"]) {
 	background-color: var(--ui5-avatar-accent3);
@@ -175,6 +191,11 @@
 	border-color: var(--ui5-avatar-accent3-border-color);
 }
 
+: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) {
+	background-color: var(--sapAvatar_3_Hover_Background);
+}
+
 :host([_color-scheme="Accent4"]),
 :host([ui5-avatar][color-scheme="Accent4"]) {
 	background-color: var(--ui5-avatar-accent4);
@@ -182,6 +203,11 @@
 	border-color: var(--ui5-avatar-accent4-border-color);
 }
 
+: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) {
+	background-color: var(--sapAvatar_4_Hover_Background);
+}
+
 :host([_color-scheme="Accent5"]),
 :host([ui5-avatar][color-scheme="Accent5"]) {
 	background-color: var(--ui5-avatar-accent5);
@@ -189,6 +215,11 @@
 	border-color: var(--ui5-avatar-accent5-border-color);
 }
 
+: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) {
+	background-color: var(--sapAvatar_5_Hover_Background);
+}
+
 :host([_color-scheme="Accent7"]),
 :host([ui5-avatar][color-scheme="Accent7"]) {
 	background-color: var(--ui5-avatar-accent7);
@@ -196,6 +227,11 @@
 	border-color: var(--ui5-avatar-accent7-border-color);
 }
 
+: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) {
+	background-color: var(--sapAvatar_7_Hover_Background);
+}
+
 :host([_color-scheme="Accent8"]),
 :host([ui5-avatar][color-scheme="Accent8"]) {
 	background-color: var(--ui5-avatar-accent8);
@@ -203,6 +239,11 @@
 	border-color: var(--ui5-avatar-accent8-border-color);
 }
 
+: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) {
+	background-color: var(--sapAvatar_8_Hover_Background);
+}
+
 :host([_color-scheme="Accent9"]),
 :host([ui5-avatar][color-scheme="Accent9"]) {
 	background-color: var(--ui5-avatar-accent9);
@@ -210,6 +251,11 @@
 	border-color: var(--ui5-avatar-accent9-border-color);
 }
 
+: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) {
+	background-color: var(--sapAvatar_9_Hover_Background);
+}
+
 :host([_color-scheme="Accent10"]),
 :host([ui5-avatar][color-scheme="Accent10"]) {
 	background-color: var(--ui5-avatar-accent10);
@@ -217,11 +263,16 @@
 	border-color: var(--ui5-avatar-accent10-border-color);
 }
 
+: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) {
+	background-color: var(--sapAvatar_10_Hover_Background);
+}
+
 :host([_color-scheme="Placeholder"]),
 :host([ui5-avatar][color-scheme="Placeholder"]) {
 	background-color: var(--ui5-avatar-placeholder);
 	color: var(--ui5-avatar-placeholder-color);
-	border-color: var(--ui5-avatar-placeholder-border-color);
+	border-color: var(--sapAvatar_Lite_BorderColor);
 }
 
 :host([_has-image]) {
@@ -262,7 +313,10 @@
 	color: var(--sapBackgroundColor);
 
 	--_ui5-tag-height: 1.125rem;
-	--_ui5-tag-border-radius: 50%;
+}
+
+:host(:not([disabled])) ::slotted([slot="badge"]) {
+	pointer-events: initial;
 }
 
 :host([_size="L"]) ::slotted([slot="badge"]),

package/src/themes/Bar.css

@@ -7,7 +7,6 @@
 }
 
 .ui5-bar-root {
-	container-type: size;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -16,14 +15,32 @@
 	background-color: inherit;
 	box-shadow: inherit;
 	border-radius: inherit;
+	min-width: 0;
+	overflow: hidden;
 }
 
-.ui5-bar-root .ui5-bar-startcontent-container {
-	padding-inline-start: var(--_ui5_bar-start-container-padding-start);
+.ui5-bar-root .ui5-bar-startcontent-container,
+.ui5-bar-root .ui5-bar-endcontent-container,
+.ui5-bar-root .ui5-bar-midcontent-container {
 	display: flex;
-	flex-direction: row;
 	align-items: center;
-	justify-content: flex-start;
+}
+
+.ui5-bar-root .ui5-bar-startcontent-container,
+.ui5-bar-root .ui5-bar-endcontent-container {
+	flex: 0 0 auto;
+}
+
+.ui5-bar-root .ui5-bar-midcontent-container {
+	justify-content: center;
+	flex: 1 1 auto;
+	padding: 0 var(--_ui5_bar-mid-container-padding-start-end);
+	min-width: 0;
+	overflow: hidden;
+}
+
+.ui5-bar-root .ui5-bar-startcontent-container {
+	padding-inline-start: var(--_ui5_bar-start-container-padding-start);
 }
 
 .ui5-bar-root .ui5-bar-content-container {
@@ -40,17 +57,6 @@
 
 .ui5-bar-root .ui5-bar-endcontent-container {
 	padding-inline-end: var(--_ui5_bar-end-container-padding-end);
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: flex-end;
-}
-.ui5-bar-root .ui5-bar-midcontent-container {
-	padding: 0 var(--_ui5_bar-mid-container-padding-start-end);
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: center;
 }
 
 :host([design="Footer"]){
@@ -73,17 +79,4 @@
 
 ::slotted(*) {
 	margin: 0 0.25rem;
-}
-
-@container (width < 600px) {
-	* {
-		--_ui5_bar-start-container-padding-start: var(--_ui5_bar-start-container-padding-start_S);
-		--_ui5_bar-end-container-padding-end: var(--_ui5_bar-end-container-padding-end_S)
-	}
-}
-@container (width > 1439px) {
-	* {
-		--_ui5_bar-start-container-padding-start: var(--_ui5_bar-start-container-padding-start_XL);
-		--_ui5_bar-end-container-padding-end: var(--_ui5_bar-end-container-padding-end_XL);
-	}
 }

package/src/themes/Breadcrumbs.css

@@ -47,7 +47,7 @@
     color: var(--sapLinkColor);
 }
 
-.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link][focused] [ui5-icon] {
+.ui5-breadcrumbs-dropdown-arrow-link-wrapper:focus-within [ui5-link] [ui5-icon] {
     color: var(--_ui5_link_focus_color);
 }
 

package/src/themes/BusyIndicator.css

@@ -91,8 +91,8 @@
 	border-radius: inherit;
 }
 
-:host(:not(:empty)) .ui5-busy-indicator-busy-area {
-	background-color: var(--_ui5_busy_indicator_block_layer);
+:host([active]) ::slotted(*) {
+	opacity: var(--sapContent_DisabledOpacity);	
 }
 
 :host([desktop]) .ui5-busy-indicator-busy-area:focus,

package/src/themes/Button.css

@@ -21,6 +21,7 @@
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
+	-webkit-tap-highlight-color: transparent;
 }
 
 .ui5-button-root {
@@ -230,7 +231,7 @@ bdi {
 	border-color: var(--sapButton_Emphasized_BorderColor);
 	border-width: var(--_ui5_button_emphasized_border_width);
 	color: var(--sapButton_Emphasized_TextColor);
-	font-family: var(--sapFontBoldFamily );
+	font-family: var(--sapButton_Emphasized_FontFamily);
 }
 
 /*The ui5_hovered class is set by FileUploader to indicate hover state of the control*/
@@ -299,4 +300,41 @@ bdi {
 :host([ui5-segmented-button-item]:not(:first-child)) .ui5-button-root:focus-visible:after {
 	border-top-left-radius: var(--_ui5_button_focused_inner_border_radius);
 	border-bottom-left-radius: var(--_ui5_button_focused_inner_border_radius);
+}
+
+
+/* Button with badge */
+::slotted([slot="badge"][design="InlineText"]) {
+	pointer-events: initial;
+	font-family: "72override", var(--sapButton_FontFamily);
+	font-size: var(--sapFontSmallSize);
+	padding-inline-start: 0.25rem;
+	--_ui5-tag-height: 0.625rem;
+}
+
+::slotted([slot="badge"][design="OverlayText"]) {
+	pointer-events: initial;
+	position: absolute;
+	top: 0;
+	inset-inline-end: 0;
+	margin: -0.5rem;
+	z-index: 1000;
+	font-family: "72override", var(--sapButton_FontFamily);
+	font-size: var(--sapFontSmallSize);
+	--_ui5-tag-height: 0.625rem;
+}
+
+::slotted([slot="badge"][design="AttentionDot"]) {
+	pointer-events: initial;
+	content: "";
+	position: absolute;
+	top: 0;
+	inset-inline-end: 0;
+	margin: -0.25rem;
+	z-index: 1000;
+}
+
+:host(:state(has-overlay-badge)) {
+	overflow: visible;
+	margin-inline-end: 0.3125rem;
 }

package/src/themes/ButtonBadge.css

@@ -0,0 +1,17 @@
+/* Button with badge */
+
+[ui5-tag]::part(root) {
+	border:  0.0625rem solid var(--sapContent_BadgeBorderColor);
+	background-color: var(--sapContent_BadgeBackground);
+	color: var(--sapContent_BadgeTextColor);
+	height: 1rem;
+	border-radius: 0.5rem;
+}
+
+:host([design="AttentionDot"]) [ui5-tag]::part(root) {
+	min-width: var(--_ui5-button-badge-diameter);
+	min-height: var(--_ui5-button-badge-diameter);
+	height: var(--_ui5-button-badge-diameter);
+	width: var(--_ui5-button-badge-diameter);
+	border-radius: 100%;
+}

package/src/themes/CalendarHeader.css

@@ -131,3 +131,13 @@
 .ui5-calheader-middlebtn:focus:active::after {
 	border-color: var(--sapContent_ContrastFocusColor);
 }
+
+/* Todo: Remove with introduction of YearRangePicker */
+.ui5-calheader-middlebtn.ui5-calheader-yearrange-btn-disabled {
+	pointer-events: none;
+}
+
+/* Todo: Remove with introduction of YearRangePicker */
+.ui5-calheader-middlebtn.ui5-calheader-yearrange-btn-disabled:active .ui5-calheader-btn-sectext {
+	color: var(--sapNeutralElementColor);
+}