@ui5/webcomponents 2.9.0-rc.3 → 2.9.1-rc.0

package/src/MessageStripTemplate.tsx

@@ -19,7 +19,7 @@ export default function MessageStripTemplate(this: MessageStrip) {
 				[this.designClasses]: true,
 			}}
 			role="note"
-			aria-labelledby={this._id}
+			aria-labelledby="hidden-text content-text"
 		>
 
 			{!this.shouldHideIcon &&
@@ -32,8 +32,8 @@ export default function MessageStripTemplate(this: MessageStrip) {
 				</div>
 			}
 
-			<span class="ui5-hidden-text">{this.hiddenText}</span>
-			<span class="ui5-message-strip-text"><slot></slot></span>
+			<span class="ui5-hidden-text" id="hidden-text">{this.hiddenText}</span>
+			<span class="ui5-message-strip-text" id="content-text"><slot></slot></span>
 
 			{!this.hideCloseButton &&
 				<Button
@@ -41,6 +41,7 @@ export default function MessageStripTemplate(this: MessageStrip) {
 					design="Transparent"
 					class="ui5-message-strip-close-button"
 					tooltip={this._closeButtonText}
+					accessibleName={this._closeButtonText}
 					onClick={this._closeClick}
 				/>
 			}

package/src/MultiInputTemplate.tsx

@@ -14,6 +14,10 @@ function preContent(this: MultiInput) {
 	return (
 		<>
 			<span id="hiddenText-nMore" class="ui5-hidden-text">{this._tokensCountText}</span>
+
+			{this.showValueHelpIcon &&
+				<span id="hiddenText-value-help" class="ui5-hidden-text">{this._valueHelpText}</span>
+			}
 			<Tokenizer
 				class="ui5-multi-input-tokenizer"
 				opener={this.morePopoverOpener}

package/src/ResponsivePopoverTemplate.tsx

@@ -18,6 +18,7 @@ export default function ResponsivePopoverTemplate(this: ResponsivePopover) {
 			accessibleRole={this.accessibleRole}
 			stretch={true}
 			preventInitialFocus={this.preventInitialFocus}
+			preventFocusRestore={this.preventFocusRestore}
 			initialFocus={this.initialFocus}
 			onBeforeOpen={this._beforeDialogOpen}
 			onOpen={this._afterDialogOpen}

package/src/i18n/messagebundle.properties

@@ -336,9 +336,12 @@ MULTIINPUT_ROLEDESCRIPTION_TEXT=Multi Value Input
 #XFLD: Token number indicator which is used to show more tokens
 MULTIINPUT_SHOW_MORE_TOKENS={0} more
 
-#XACT: ARIA announcement for value help
+#XACT: ARIA announcement for value help icon
 MULTIINPUT_VALUE_HELP_LABEL=Show Value Help
 
+#XACT: ARIA announcement for value help
+MULTIINPUT_VALUE_HELP=Value help available
+
 #XTOL: Tooltip for panel expand title
 PANEL_ICON=Expand/Collapse
 

package/src/i18n/messagebundle_vi.properties

@@ -356,7 +356,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
 

package/src/themes/ComboBoxPopover.css

@@ -4,12 +4,11 @@
 	top: 50%;
 	transform: translate(-50%,-50%);
 	z-index: 42;
-	width: 100%;
-	height: 100%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	pointer-events: all;
+	width: 100%;
 }
 
 .ui5-combobox-busy:not([active]) {

package/src/themes/OptionBase.css

@@ -1,3 +1,4 @@
 :host {
 	height: var(--_ui5_list_item_dropdown_base_height);
+	--_ui5_list_item_title_size: var(--sapFontSize);
 }

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

@@ -29,7 +29,7 @@
 	--_ui5_radio_button_label_color: var(--sapContent_LabelColor);
 	--_ui5_radio_button_items_align: unset;
 	--_ui5_radio_button_inner_ring_radius: 22%;
-	--_ui5_radio_button_read_only_border_type: 4,2;
+	--_ui5_radio_button_read_only_border_type: none;
 	--_ui5_radio_button_inner_ring_color: var(--sapSelectedColor);
 	--_ui5_radio_button_information_border_width: var(--sapField_InformationBorderWidth);
 	--_ui5_radio_button_read_only_border_width: var(--sapField_BorderWidth);

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

@@ -9,7 +9,6 @@
 	--_ui5_radio_button_hover_fill: var(--sapSelectedColor);
 	--_ui5_radio_button_border_width: 0.125rem;
 	--_ui5_radio_button_warning_error_border_dash: 5;
-	--_ui5_radio_button_read_only_border_type: none;
 	--_ui5_radio_button_inner_ring_color: var(--sapContent_IconColor);
 	--_ui5_radio_button_hover_fill_error: var(--sapField_InvalidBackground);
 }

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

@@ -9,7 +9,6 @@
 	--_ui5_radio_button_hover_fill: var(--sapSelectedColor);
 	--_ui5_radio_button_border_width: 0.125rem;
 	--_ui5_radio_button_warning_error_border_dash: 5;
-	--_ui5_radio_button_read_only_border_type: none;
 	--_ui5_radio_button_inner_ring_color: var(--sapContent_IconColor);
 	--_ui5_radio_button_hover_fill_error: var(--sapField_InvalidBackground);
 }

package/src/themes/sap_horizon/RadioButton-parameters.css

@@ -11,6 +11,7 @@
 	--_ui5_radio_button_label_color: var(--sapField_TextColor);
 	--_ui5_radio_button_inner_ring_radius: 27.5%;
 	--_ui5_radio_button_outer_ring_padding: 0 0.6875rem;
+	--_ui5_radio_button_read_only_border_type: 4,2;
 	--_ui5_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor);
 	--_ui5_radio_button_checked_warning_fill: var(--sapField_WarningColor);
 	--_ui5_radio_button_read_only_inner_ring_color: var(--sapField_TextColor);

package/src/themes/sap_horizon_dark/RadioButton-parameters.css

@@ -11,6 +11,7 @@
 	--_ui5_radio_button_label_color: var(--sapField_TextColor);
 	--_ui5_radio_button_inner_ring_radius: 27.5%;
 	--_ui5_radio_button_outer_ring_padding: 0 0.6875rem;
+	--_ui5_radio_button_read_only_border_type: 4,2;
 	--_ui5_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor);
 	--_ui5_radio_button_checked_warning_fill: var(--sapField_WarningColor);
 	--_ui5_radio_button_read_only_inner_ring_color: var(--sapField_TextColor);

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

@@ -9,7 +9,6 @@
 	--_ui5_radio_button_hover_fill_information: var(--sapField_Selector_Hover_InformationBackground);
 	--_ui5_radio_button_border_width: 0.125rem;
 	--_ui5_radio_button_warning_error_border_dash: 5;
-	--_ui5_radio_button_read_only_border_type: none;
 	--_ui5_radio_button_inner_ring_radius: 27.5%;
 	--_ui5_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor);
 	--_ui5_radio_button_outer_ring_width: 2px; /* px used due to bug in Safari on zoom */

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

@@ -13,7 +13,6 @@
 	--_ui5_radio_button_checked_information_fill: var(--sapContent_IconColor);
 	--_ui5_radio_button_border_width: 0.125rem;
 	--_ui5_radio_button_warning_error_border_dash: 5;
-	--_ui5_radio_button_read_only_border_type: none;
 	--_ui5_radio_button_inner_ring_radius: 27.5%;
 	--_ui5_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor);
 	--_ui5_radio_button_outer_ring_width: 2px; /* px used due to bug in Safari on zoom */

package/dist/types/SearchPopupMode.d.ts

@@ -1,22 +0,0 @@
-/**
- * Defines the content visualisation of ui5-search popup.
- * @public
- */
-declare enum SearchPopupMode {
-    /**
-     * Defines the content visualisation of ui5-search popup as illustrated message.
-     * @public
-     */
-    Illustration = "Illustration",
-    /**
-     * Defines the content visualisation of ui5-search popup as list of items.
-     * @public
-     */
-    List = "List",
-    /**
-     * Defines the content visualisation of ui5-search popup as loading spinner.
-     * @public
-     */
-    Loading = "Loading"
-}
-export default SearchPopupMode;

package/dist/types/SearchPopupMode.js

@@ -1,24 +0,0 @@
-/**
- * Defines the content visualisation of ui5-search popup.
- * @public
- */
-var SearchPopupMode;
-(function (SearchPopupMode) {
-    /**
-     * Defines the content visualisation of ui5-search popup as illustrated message.
-     * @public
-     */
-    SearchPopupMode["Illustration"] = "Illustration";
-    /**
-     * Defines the content visualisation of ui5-search popup as list of items.
-     * @public
-     */
-    SearchPopupMode["List"] = "List";
-    /**
-     * Defines the content visualisation of ui5-search popup as loading spinner.
-     * @public
-     */
-    SearchPopupMode["Loading"] = "Loading";
-})(SearchPopupMode || (SearchPopupMode = {}));
-export default SearchPopupMode;
-//# sourceMappingURL=SearchPopupMode.js.map

package/dist/types/SearchPopupMode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchPopupMode.js","sourceRoot":"","sources":["../../src/types/SearchPopupMode.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACF,IAAK,eAkBL;AAlBA,WAAK,eAAe;IACpB;;;OAGG;IACH,gDAA6B,CAAA;IAE7B;;;OAGG;IACH,gCAAa,CAAA;IAEb;;;OAGG;IACH,sCAAmB,CAAA;AACpB,CAAC,EAlBK,eAAe,KAAf,eAAe,QAkBpB;AAED,eAAe,eAAe,CAAC","sourcesContent":["/**\n * Defines the content visualisation of ui5-search popup.\n * @public\n */\n enum SearchPopupMode {\n\t/**\n\t * Defines the content visualisation of ui5-search popup as illustrated message.\n\t * @public\n\t */\n\tIllustration = \"Illustration\",\n\n\t/**\n\t * Defines the content visualisation of ui5-search popup as list of items.\n\t * @public\n\t */\n\tList = \"List\",\n\n\t/**\n\t * Defines the content visualisation of ui5-search popup as loading spinner.\n\t * @public\n\t */\n\tLoading = \"Loading\",\n}\n\nexport default SearchPopupMode;\n"]}