@ui5/webcomponents-fiori 2.22.0 → 2.23.0-rc.0

package/src/i18n/messagebundle_zh_TW.properties

@@ -118,7 +118,7 @@ SHELLBAR_NOTIFICATIONS={0} 通知
 
 SHELLBAR_NOTIFICATIONS_NO_COUNT=通知
 
-SHELLBAR_PROFILE=設定檔
+SHELLBAR_PROFILE=使用者功能表
 
 SHELLBAR_PRODUCTS=產品
 
@@ -384,7 +384,7 @@ USER_MENU_MANAGE_ACCOUNT_BUTTON_TXT=管理帳戶
 
 USER_MENU_SIGN_OUT_BUTTON_TXT=登出
 
-USER_MENU_EDIT_AVATAR_TXT=編輯虛擬個人頭像
+USER_MENU_EDIT_AVATAR_TXT=編輯設定檔圖像
 
 USER_MENU_EDIT_ACCOUNTS_TXT=編輯帳戶
 
@@ -398,7 +398,7 @@ USER_MENU_CURRENT_INFORMATION_TXT=目前使用者資訊
 
 USER_MENU_ACTIONS_TXT=動作
 
-USER_SETTINGS_DIALOG_ACCESSIBLE_NAME=使用者設定對話
+USER_SETTINGS_DIALOG_ACCESSIBLE_NAME=使用者設定
 
 USER_SETTINGS_LIST_ARIA_ROLE_DESC=使用者設定項目
 

package/src/themes/SearchField.css

@@ -85,10 +85,29 @@
 	background-color: var(--_ui5-search-elements-background);
 	height: var(--_ui5-search-select-height);
 	--_ui5_select_label_color: var(--sapShell_TextColor);
+	/* Remove Select's default focus outline without affecting dropdown items */
+	--_ui5_input_focus_outline_color: transparent;
 }
 
-[ui5-select]:hover {
-	box-shadow: var(--sapField_Hover_Shadow);
+[ui5-select]:hover:not(:active):not(:focus-within) {
+	box-shadow: var(--_ui5-search_input_scope_hover_shadow);
+}
+
+[ui5-select]:not(:active):not(:focus-within)::part(icon-wrapper):hover {
+	box-shadow: var(--_ui5-search_input_scope_hover_shadow);
+}
+
+/* Active state for select - only shadow, no background */
+[ui5-select]:active,
+[ui5-select]:focus-within {
+	box-shadow: var(--_ui5-search_input_scope_active_shadow);
+}
+
+[ui5-select]:active::part(icon-wrapper),
+[ui5-select]:focus-within::part(icon-wrapper) {
+	box-shadow: var(--_ui5-search_input_scope_active_shadow);
+	background: var(--sapShell_Active_Background);
+	color: var(--sapShell_Active_TextColor);
 }
 
 [ui5-select]::part(icon) {
@@ -126,7 +145,7 @@
 	border: var(--_ui5_search_filter_button_border);
 }
 
-::slotted([slot="filterButton"]:hover) {
+::slotted([slot="filterButton"]:not([active]):not(:focus-within):hover) {
 	background-color: var(--sapShell_Hover_Background);
 	border: var(--_ui5_seach_filter_button_border_hover);
 }
@@ -158,12 +177,10 @@
 	padding-inline-start: 0.875rem;
 }
 
-[ui5-select]:hover,
 .ui5-search-field-inner-input:hover {
 	background-color: var(--_ui5-search-elements-hover-background);
 }
 
-[ui5-select]:focus-within,
 .ui5-search-field-inner-input:focus-within {
 	background-color: var(--_ui5-search-elements-active-background);
 }
@@ -273,28 +290,11 @@
 	--_ui5_input_focus_border_radius: var(--_ui5_search_input_border_radius);
 }
 
-.ui5-search-field-select:hover,
-.ui5-search-field-select[focused] {
-	background: var(--_ui5-search-wrapper-hover-background-color);
-}
-
 .ui5-search-field-select::part(icon-wrapper) {
 	border-radius: var(--_ui5_search_input_border_radius);
 	height: 100%;
 }
 
-.ui5-search-field-select[focused]::part(icon-wrapper) {
-	box-shadow: var(--sapField_Hover_Shadow);
-}
-
-:host(:not([collapsed]):hover):has([ui5-select]:hover) {
-	background: var(--_ui5-search-wrapper-background);
-}
-
-:host(:not([collapsed])):has([ui5-select][focused]) {
-	background: var(--_ui5-search-wrapper-background);
-}
-
 .ui5-search-field-inner-input::selection {
 	background: var(--sapSelectedColor);
 	color: var(--sapContent_ContrastTextColor);

package/src/themes/ShellBar.css

@@ -99,7 +99,9 @@
 }
 
 .ui5-shellbar-action-button:hover {
-	color: var(--sapShell_TextColor);
+	background: var(--sapShell_Hover_Background);
+	border-color: var(--sapButton_Lite_Hover_BorderColor);
+	color: var(--sapShell_InteractiveTextColor);
 }
 
 .ui5-shellbar-action-button[active] {
@@ -126,6 +128,7 @@
 	flex-shrink: 0;
 	display: flex;
 	align-items: center;
+	gap: 0.5rem;
 }
 
 .ui5-shellbar-branding-area {

package/src/themes/ShellBarItem.css

@@ -9,7 +9,9 @@
 }
 
 .ui5-shellbar-action-button:hover {
-	color: var(--sapShell_TextColor);
+	background: var(--sapShell_Hover_Background);
+	border-color: var(--sapButton_Lite_Hover_BorderColor);
+	color: var(--sapShell_InteractiveTextColor);
 }
 
 .ui5-shellbar-action-button[active] {

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

@@ -10,6 +10,8 @@
 	--_ui5-search-elements-hover-background: none;
 	--_ui5-search-elements-active-background: none;
 	--_ui5_search_input_scope_margin: 0 0.125rem 0 .5rem;
+	--_ui5-search_input_scope_hover_shadow: inset 0 0 0 var(--sapField_BorderWidth) var(--sapButton_Lite_Hover_BorderColor);
+	--_ui5-search_input_scope_active_shadow: inset 0 0 0 var(--sapField_BorderWidth) var(--sapButton_Lite_Active_BorderColor);
 	--_ui5-search-elements-background: inherit;
 	--_ui5_search_wrapper_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
 	--_ui5_search_input_outline: none;

package/src/themes/sap_fiori_3/SearchField-parameters.css

@@ -9,6 +9,8 @@
 	--_ui5-search-wrapper-hover-background: none;
 	--_ui5-search-wrapper-hover-background-color: none;
 	--_ui5_search_input_scope_margin: 0;
+	--_ui5-search_input_scope_hover_shadow: none;
+	--_ui5-search_input_scope_active_shadow: none;
 	--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);
 	--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);
 	--_ui5-search-elements-active-background: var(--sapShell_Active_Background);

package/src/themes/sap_fiori_3_dark/SearchField-parameters.css

@@ -9,6 +9,8 @@
 	--_ui5-search-wrapper-hover-background: none;
 	--_ui5-search-wrapper-hover-background-color: none;
 	--_ui5_search_input_scope_margin: 0;
+	--_ui5-search_input_scope_hover_shadow: none;
+	--_ui5-search_input_scope_active_shadow: none;
 	--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);
 	--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);
 	--_ui5-search-elements-active-background: var(--sapShell_Active_Background);

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

@@ -9,6 +9,8 @@
 	--_ui5-search-wrapper-hover-background: none;
 	--_ui5-search-wrapper-hover-background-color: none;
 	--_ui5_search_input_scope_margin: 0;
+	--_ui5-search_input_scope_hover_shadow: none;
+	--_ui5-search_input_scope_active_shadow: none;
 	--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);
 	--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);
 	--_ui5-search-elements-active-background: var(--sapShell_Active_Background);

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

@@ -9,6 +9,8 @@
 	--_ui5-search-wrapper-hover-background: none;
 	--_ui5-search-wrapper-hover-background-color: none;
 	--_ui5_search_input_scope_margin: 0;
+	--_ui5-search_input_scope_hover_shadow: none;
+	--_ui5-search_input_scope_active_shadow: none;
 	--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);
 	--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);
 	--_ui5-search-elements-active-background: var(--sapShell_Active_Background);

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

@@ -9,9 +9,11 @@
 	--_ui5-search-wrapper-hover-background: none;
 	--_ui5-search-wrapper-hover-background-color: none;
 	--_ui5_search_input_scope_margin: 0;
+	--_ui5-search_input_scope_hover_shadow: none;
+	--_ui5-search_input_scope_active_shadow: none;
 	--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);
-	--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);
-	--_ui5-search-elements-active-background: var(--sapShell_Active_Background);
+	--_ui5-search-elements-hover-background: none;
+	--_ui5-search-elements-active-background: none;
 	--_ui5_search_wrapper_outline: none;
 	--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
 	--_ui5_search_filter_button_border_radius: 0.375rem;

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

@@ -9,9 +9,11 @@
 	--_ui5-search-wrapper-hover-background: none;
 	--_ui5-search-wrapper-hover-background-color: none;
 	--_ui5_search_input_scope_margin: 0;
+	--_ui5-search_input_scope_hover_shadow: none;
+	--_ui5-search_input_scope_active_shadow: none;
 	--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);
-	--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);
-	--_ui5-search-elements-active-background: var(--sapShell_Active_Background);
+	--_ui5-search-elements-hover-background: none;
+	--_ui5-search-elements-active-background: none;
 	--_ui5_search_wrapper_outline: none;
 	--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
 	--_ui5_search_filter_button_border_radius: 0.375rem;