@ui5/webcomponents 2.20.0-rc.0 → 2.20.0-rc.1

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/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/ToolbarItem.css

@@ -1,4 +1,4 @@
-:host() {
+:host {
 	display: inline-block;
 	height: 100%;
 }