@ui5/webcomponents 0.0.0-35e2c9666 → 0.0.0-38861c872

package/src/Tokenizer.hbs

@@ -1,7 +1,4 @@
-<div
-	dir="{{effectiveDir}}"
-	class="{{classes.wrapper}}"
->
+<div class="{{classes.wrapper}}">
 	<span id="{{_id}}-hiddenText" class="ui5-hidden-text">{{tokenizerLabel}}</span>
 
 	<div
@@ -10,6 +7,7 @@
 		@click="{{_click}}"
 		@mousedown="{{_onmousedown}}"
 		@keydown="{{_onkeydown}}"
+		@ui5-select="{{onTokenSelect}}"
 		role="listbox"
 		aria-labelledby="{{_id}}-hiddenText"
 	>
@@ -20,9 +18,9 @@
 
 	{{#if showNMore}}
 		<span
-			@click="{{_openOverflowPopover}}"
+			@click="{{_openMorePopoverAndFireEvent}}"
 			class="ui5-tokenizer-more-text"
+			part="n-more-text"
 		>{{_nMoreText}}</span>
 	{{/if}}
-</div>
-	
+</div>

package/src/TokenizerPopover.hbs

@@ -1,40 +1,59 @@
 <ui5-responsive-popover
 	tokenizer-popover="true"
 	style={{styles.popover}}
-	header-text={{morePopoverTitle}}
-	?content-only-on-desktop="{{hasValueState}}"
+	class={{classes.popover}}
+	?content-only-on-desktop="{{noValueStatePopover}}"
 	hide-arrow
 	placement-type="Bottom"
 	horizontal-align="Left"
+	@before-close={{handleBeforeClose}}
+	@before-open="{{handleBeforeOpen}}"
 >
-	{{#unless hasValueState}}
+	{{#unless _isPhone}}
 		<div slot="header" class="ui5-responsive-popover-header" style="{{styles.popoverHeader}}">
-			{{#if _isPhone}}
-				<div class="row" style="{{styles.popoverHeaderTitle}}">
-					<ui5-title level="H5" class="ui5-responsive-popover-header-text">Remove</ui5-title>
-					<ui5-button
-						class="ui5-responsive-popover-close-btn"
-						icon="decline"
-						design="Transparent"
-						@click="{{closeMorePopover}}"
-					>
-					</ui5-button>
+			{{#unless noValueStatePopover}}
+				<div class="{{classes.popoverValueState}}" style="{{styles.popoverValueStateMessage}}">
+					<ui5-icon class="ui5-input-value-state-message-icon" name="{{_valueStateMessageIcon}}"></ui5-icon>
+					{{#each valueStateMessageText}}
+						{{this}}
+					{{/each}}
 				</div>
-			{{/if}}
+			{{/unless}}
+		</div>
+	{{/unless}}
+
+	{{#if _isPhone}}
+		<div slot="header" class="ui5-responsive-popover-header" style="{{styles.popoverHeader}}">
+			<div class="row" style="{{styles.popoverHeaderTitle}}">
+				<ui5-title level="H5" class="ui5-responsive-popover-header-text">{{morePopoverTitle}}</ui5-title>
+				<ui5-button
+					class="ui5-responsive-popover-close-btn"
+					icon="decline"
+					design="Transparent"
+					@click="{{closeMorePopover}}"
+				>
+				</ui5-button>
+			</div>
+		</div>
+		{{#unless noValueStatePopover}}
 			<div class="{{classes.popoverValueState}}" style="{{styles.popoverValueStateMessage}}">
+				<ui5-icon class="ui5-input-value-state-message-icon" name="{{_valueStateMessageIcon}}"></ui5-icon>
 				{{#each valueStateMessageText}}
 					{{this}}
 				{{/each}}
 			</div>
-		</div>
-	{{/unless}}
+		{{/unless}}
+	{{/if}}
 	<ui5-list
 		class="ui5-tokenizer-list"
 		mode="Delete"
 		@ui5-item-delete={{itemDelete}}
 	>
 		{{#each _tokens}}
-			<ui5-li .tokenRef={{this}}>
+			<ui5-li
+				.tokenRef={{this}}
+				wrapping-type="Normal"
+			>
 				{{this.text}}
 			</ui5-li>
 		{{/each}}
@@ -42,7 +61,8 @@
 	{{#if _isPhone}}
 		<div slot="footer" class="ui5-responsive-popover-footer">
 			<ui5-button
-				design="Transparent"
+				id="ui5-tokenizer-dialog-confirm-btn"
+				design="Emphasized"
 				@click="{{closeMorePopover}}"
 			>OK</ui5-button>
 		</div>

package/src/Toolbar.hbs

@@ -0,0 +1,20 @@
+
+<div 
+	class="{{classes.items}}" 
+	role="{{accInfo.root.role}}"
+	aria-label="{{accInfo.root.accessibleName}}"
+>
+	{{#each standardItems}}
+		{{this.toolbarTemplate}}
+	{{/each}}
+
+	<ui5-button
+		aria-hidden="{{hideOverflowButton}}"
+		icon="overflow"
+		design="Transparent"
+		class="{{classes.overflowButton}}"
+		tooltip="{{accInfo.overflowButton.tooltip}}"
+		accessible-name="{{accInfo.overflowButton.accessibleName}}"
+		.accessibilityAttributes={{accInfo.overflowButton.accessibilityAttributes}}
+	></ui5-button>
+</div>

package/src/ToolbarButton.hbs

@@ -0,0 +1,19 @@
+<ui5-button
+	class="ui5-tb-button ui5-tb-item"
+	id="{{this.id}}"
+	style="{{this.styles}}"
+	icon="{{this.icon}}"
+	?icon-end="{{this.iconEnd}}"
+	tooltip="{{this.tooltip}}"
+	accessible-name="{{this.accessibleName}}"
+	accessible-name-ref="{{this.accessibleNameRef}}"
+	.accessibilityAttributes="{{this.accessibilityAttributes}}"
+	design="{{this.design}}"
+	?disabled="{{this.disabled}}"
+	?hidden="{{this.hidden}}"
+	data-ui5-external-action-item-id="{{this._id}}"
+	data-ui5-stable="{{this.stableDomRef}}"
+	.refItemId="{{this._id}}"
+>
+		{{this.text}}
+</ui5-button>

package/src/ToolbarPopover.hbs

@@ -0,0 +1,14 @@
+<ui5-popover
+	class="ui5-overflow-popover"
+	placement-type="Bottom"
+	horizontal-align="Right"
+	@ui5-after-close="{{onOverflowPopoverClosed}}"
+	@ui5-after-open="{{onOverflowPopoverOpened}}"
+	hide-arrow
+>
+	<div class="ui5-overflow-list {{classes.overflow}}">
+		{{#each overflowItems}}
+			{{this.toolbarPopoverTemplate}}
+		{{/each}}
+	</div>
+</ui5-popover>

package/src/ToolbarPopoverButton.hbs

@@ -0,0 +1,16 @@
+<ui5-button
+	icon="{{this.icon}}"
+	?icon-end="{{this.iconEnd}}"
+	accessible-name="{{this.accessibleName}}"
+	accessible-name-ref="{{this.accessibleNameRef}}"
+	.accessibilityAttributes="{{this.accessibilityAttributes}}"
+	tooltip="{{this.tooltip}}"
+	design="{{this.design}}"
+	?disabled="{{this.disabled}}"
+	?hidden="{{this.hidden}}"
+	class="ui5-tb-popover-button ui5-tb-popover-item"
+	data-ui5-external-action-item-id="{{this._id}}"
+	data-ui5-stable="{{this.stableDomRef}}"
+>
+	{{this.text}}
+</ui5-button>

package/src/ToolbarPopoverSelect.hbs

@@ -0,0 +1,12 @@
+<ui5-select 
+	class="ui5-tb-popover-item"
+	data-ui5-external-action-item-id="{{this._id}}"
+	value-state="{{this.valueState}}"
+	?disabled="{{this.disabled}}"
+	accessible-name="{{this.accessibleName}}"
+	accessible-name-ref="{{this.accessibleNameRef}}"
+>
+	{{#each options}}
+		<ui5-option ?selected="{{this.selected}}" data-ui5-external-action-item-index="{{@index}}">{{this.textContent}}</ui5-option>
+	{{/each}}
+</ui5-select>

package/src/ToolbarPopoverSeparator.hbs

@@ -0,0 +1,5 @@
+<div
+	class="ui5-tb-separator-in-overflow ui5-tb-popover-item"
+	data-ui5-external-action-item-id="{{this._id}}"
+	?visible="{{visible}}"
+></div>

package/src/ToolbarSelect.hbs

@@ -0,0 +1,13 @@
+<ui5-select 
+	class="ui5-tb-item"
+	style="{{this.styles}}"
+	data-ui5-external-action-item-id="{{this._id}}"
+	value-state="{{this.valueState}}"
+	?disabled="{{this.disabled}}"
+	accessible-name="{{this.accessibleName}}"
+	accessible-name-ref="{{this.accessibleNameRef}}"
+>
+	{{#each options}}
+		<ui5-option ?selected="{{this.selected}}" data-ui5-external-action-item-index="{{@index}}">{{this.textContent}}</ui5-option>
+	{{/each}}
+</ui5-select>

package/src/ToolbarSeparator.hbs

@@ -0,0 +1,4 @@
+<div
+	class="ui5-tb-separator ui5-tb-item"
+	data-ui5-external-action-item-id="{{this._id}}"
+></div>

package/src/ToolbarSpacer.hbs

@@ -0,0 +1,6 @@
+<div
+	class="ui5-tb-spacer ui5-tb-item"
+	style="{{this.styles}}"
+	role="separator"
+	data-ui5-external-action-item-id="{{this._id}}"
+></div>

package/src/Tree.hbs

@@ -1,43 +1,24 @@
-<ui5-list
+<ui5-tree-list
     .mode="{{mode}}"
     .headerText="{{headerText}}"
     .footerText="{{footerText}}"
     .noDataText="{{noDataText}}"
     .accessibleRole="{{_role}}"
+    .accessibleName="{{_label}}"
+	.accessibleRoleDescription="{{accessibleRoleDescription}}"
     @ui5-item-click="{{_onListItemClick}}"
     @ui5-item-delete="{{_onListItemDelete}}"
     @ui5-selection-change="{{_onListSelectionChange}}"
+    @ui5-toggle="{{_onListItemToggle}}"
+    @ui5-step-in="{{_onListItemStepIn}}"
+    @ui5-step-out="{{_onListItemStepOut}}"
+    @mouseover="{{_onListItemMouseOver}}"
+    @mouseout="{{_onListItemMouseOut}}"
     class="ui5-tree-root"
 >
-    <slot name="header" slot="header"></slot>
-    {{#each _listItems}}
-        <ui5-li-tree
-            type="Active"
-            level="{{this.level}}"
-            icon="{{this.treeItem.icon}}"
-            ?indeterminate="{{this.treeItem.indeterminate}}"
-            additional-text="{{this.treeItem.additionalText}}"
-            additional-text-state="{{this.treeItem.additionalTextState}}"
-            title="{{this.treeItem.title}}"
-            ?_toggle-button-end="{{ ../_toggleButtonEnd}}"
-            ?_minimal="{{../_minimal}}"
-            .treeItem="{{this.treeItem}}"
-            .expanded="{{this.treeItem.expanded}}"
-            .selected="{{this.treeItem.selected}}"
-            .showToggleButton="{{this.treeItem.requiresToggleButton}}"
-            ._posinset="{{this.posinset}}"
-            ._setsize="{{this.size}}"
-            @ui5-toggle="{{../_onListItemToggle}}"
-            @ui5-step-in="{{../_onListItemStepIn}}"
-            @ui5-step-out="{{../_onListItemStepOut}}"
-            @mouseover="{{../_onListItemMouseOver}}"
-            @mouseout="{{../_onListItemMouseOut}}"
-        >
-            {{> treeListItemContent}}
-        </ui5-li-tree>
-    {{/each}}
-</ui5-list>
+	{{#if _hasHeader}}
+        <slot name="header" slot="header"></slot>
+	{{/if}}
 
-{{#*inline "treeListItemContent"}}
-	{{this.treeItem.text}}
-{{/inline}}
+    <slot></slot>
+</ui5-tree-list>

package/src/TreeItem.hbs

@@ -0,0 +1,12 @@
+{{>include "./TreeItemBase.hbs"}}
+
+{{#*inline "listItemContent"}}
+	<div class="ui5-li-text-wrapper">
+		{{#if _showTitle}}
+			<div part="title" class="ui5-li-title">{{text}}</div>
+		{{/if}}
+	</div>
+	{{#if additionalText}}
+		<span part="additional-text" class="ui5-li-additional-text">{{additionalText}}</span>
+	{{/if}}
+{{/inline}}

package/src/TreeItemBase.hbs

@@ -0,0 +1,46 @@
+<div>
+	{{>include "./ListItem.hbs"}}
+
+	{{> listItemPostContent}}
+</div>
+
+{{#*inline "listItemPreContent"}}
+	<div
+		class="ui5-li-tree-toggle-box"
+		style="{{styles.preContent}}"
+	>
+		{{#if showToggleButton}}
+			<ui5-icon
+				part="toggle-icon"
+				class="ui5-li-tree-toggle-icon"
+				name="{{_toggleIconName}}"
+				show-tooltip
+				accessible-name="{{iconAccessibleName}}"
+				@click="{{_toggleClick}}"
+			></ui5-icon>
+		{{/if}}
+	</div>
+{{/inline}}
+
+{{#*inline "listItemContent"}}
+{{/inline}}
+
+{{#*inline "imageBegin"}}{{/inline}}
+
+{{#*inline "iconBegin"}}
+	{{#if icon}}
+		<ui5-icon part="icon" name="{{icon}}" class="ui5-li-icon"></ui5-icon>
+	{{/if}}
+{{/inline}}
+
+{{#*inline "listItemPostContent"}}
+	{{#if expanded}}
+		<ul
+			role="group"
+			id="{{_id}}-subtree"
+			class="ui5-tree-li-subtree"
+		>
+			<slot></slot>
+		</ul>
+	{{/if}}
+{{/inline}}

package/src/TreeItemCustom.hbs

@@ -0,0 +1,7 @@
+{{>include "./TreeItemBase.hbs"}}
+
+{{#*inline "listItemContent"}}
+	<div class="ui5-li-tree-text-wrapper">
+		<slot name="content" slot="content"></slot>
+	</div>
+{{/inline}}

package/src/YearPicker.hbs

@@ -1,12 +1,12 @@
 <div
 	class="ui5-yp-root"
 	role="grid"
+	aria-roledescription="{{roleDescription}}"
 	aria-readonly="false"
 	aria-multiselectable="false"
 	@keydown={{_onkeydown}}
 	@keyup={{_onkeyup}}
 	@click={{_selectYear}}
-	@focusin={{_onfocusin}}
 >
 	{{#each _years}}
 		<div class="ui5-yp-interval-container">
@@ -19,7 +19,14 @@
 					role="gridcell"
 					aria-selected="{{this.ariaSelected}}"
 				>
+					<span>
 						{{this.year}}
+					</span>
+					{{#if this.yearInSecType}}
+						<span class="ui5-yp-item-sec-type">
+							{{this.yearInSecType}}
+						</span>
+					{{/if}}
 				</div>
 			{{/each}}
 		</div>

package/src/i18n/messagebundle.properties

@@ -32,7 +32,25 @@ AVATAR_GROUP_ARIA_LABEL_GROUP=Conjoined avatars.
 AVATAR_GROUP_MOVE=Press ARROW keys to move.
 
 #XACT: ARIA announcement for the badge
-BADGE_DESCRIPTION=Badge
+BADGE_DESCRIPTION_BADGE=Badge
+
+#XACT: ARIA announcement for the badge with "Tag" design
+BADGE_DESCRIPTION_TAG=Tag
+
+#XACT: ARIA announcement for the roledescription attribute
+BADGE_ROLE_DESCRIPTION=Tag button
+
+#XACT: ARIA announcement for the "Error" state
+BADGE_ERROR=Error
+
+#XACT: ARIA announcement for the "Warning" state
+BADGE_WARNING=Warning
+
+#XACT: ARIA announcement for the "Success" state
+BADGE_SUCCESS=Success
+
+#XACT: ARIA announcement for the "Information" state
+BADGE_INFORMATION=Information
 
 #XACT: position (current and max. value) of a Breadcrumb item which should be announced by screenreaders
 BREADCRUMB_ITEM_POS={0} of {1}
@@ -91,6 +109,27 @@ COLOR_PALETTE_DIALOG_TITLE=Change Color
 #XTIT: Color Palette dialog title of the Color Picker
 COLOR_PALETTE_MORE_COLORS_TEXT=More Colors...
 
+#XACT: Aria information for the ColorPicker Alpha slider
+COLORPICKER_ALPHA_SLIDER=Alpha control
+
+#XACT: Aria information for the ColorPicker Hue slider
+COLORPICKER_HUE_SLIDER=Hue control
+
+#XTOL: Six symbol hexadecimal group representing CSS color hex string
+COLORPICKER_HEX=Hexadecimal
+
+#XTOL: Red color for the ColorPicker control
+COLORPICKER_RED=Red
+
+#XTOL: Green color for the ColorPicker control
+COLORPICKER_GREEN=Green
+
+#XTOL: Blue color for the ColorPicker control
+COLORPICKER_BLUE=Blue
+
+#XTOL: Alpha chanel transparency value for RGBA color mode
+COLORPICKER_ALPHA=Alpha
+
 #XACT: DatePicker 'Open Picker' icon title
 DATEPICKER_OPEN_ICON_TITLE=Open Picker
 
@@ -113,11 +152,14 @@ FILEUPLOADER_TITLE=Upload File
 GROUP_HEADER_TEXT=Group Header
 
 #XACT: ARIA announcement for the Select`s roledescription attribute
-SELECT_ROLE_DESCRIPTION=Select ComboBox
+SELECT_ROLE_DESCRIPTION=Listbox
 
 #XTXT: MultiComboBox and ComboBox icon accessible name
 SELECT_OPTIONS=Select Options
 
+#XTXT: MultiComboBox show selected items button accessible name
+SHOW_SELECTED_BUTTON=Show Selected Items Only
+
 #XBUT: A link that can be clicked to display more/all items
 INPUT_SUGGESTIONS=Suggestions available
 
@@ -133,6 +175,9 @@ INPUT_SUGGESTIONS_MORE_HITS={0} results are available
 #XACT: ARIA announcement for the Input suggestion result if no hit
 INPUT_SUGGESTIONS_NO_HIT=No results
 
+#XACT: ARIA label for the Input clear icon
+INPUT_CLEAR_ICON_ACC_NAME=Clear
+
 #XFLD: Subtle link description label
 LINK_SUBTLE=Subtle
 
@@ -148,6 +193,9 @@ LIST_ITEM_SELECTED=Selected
 #XACT: ARIA announcement for the list item selected=false state
 LIST_ITEM_NOT_SELECTED=Not Selected
 
+#XACT: ARIA announcement for the list item selected=false state
+LIST_ITEM_GROUP_HEADER=Group Header
+
 #XBUT: List Multi Selection Mode Checkbox aria-label text
 ARIA_LABEL_LIST_ITEM_CHECKBOX = Multiple Selection mode.
 
@@ -184,6 +232,9 @@ MESSAGE_STRIP_INFORMATION=Information Bar
 #XFLD: MultiComboBox dialog button
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+#XMSG: Text used for reporting that a radio button group requires one of the radio buttons to be checked
+RADIO_BUTTON_GROUP_REQUIRED=Select one of the available options.
+
 #XMSG: Text used for value state error message when an item is already selected
 VALUE_STATE_ERROR_ALREADY_SELECTED=This value is already selected.
 
@@ -211,6 +262,9 @@ RATING_INDICATOR_TOOLTIP_TEXT=Rating
 #XBUT: Rating indicator aria-roledescription text
 RATING_INDICATOR_TEXT=Rating Indicator
 
+#XACT: Rating indicator ARIA description
+RATING_INDICATOR_ARIA_DESCRIPTION=Required
+
 #XFLD: ResponsivePopover's button's text which closes the dialog
 RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON=Decline
 
@@ -226,17 +280,11 @@ SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=Segmented button
 #XACT: ARIA description for slider handle
 SLIDER_ARIA_DESCRIPTION=Slider handle
 
-#XACT: ARIA announcement for the switch on
-SWITCH_ON=On
-
-#XACT: ARIA announcement for the switch off
-SWITCH_OFF=Off
-
 #XTXT Table and List "load more" row's text.
 LOAD_MORE_TEXT=More
 
 #XTXT Table's header row text.
-TABLE_HEADER_ROW_TEXT=Header Row
+TABLE_HEADER_ROW_INFORMATION=Header Row 1 of {0}
 
 #XACT Table row's position
 TABLE_ROW_POSITION={0} of {1}
@@ -250,6 +298,24 @@ ARIA_LABEL_ROW_SELECTION=Item selection
 #XACT ARIA label for select all checkbox in a multiselect mode table
 ARIA_LABEL_SELECT_ALL_CHECKBOX=Select All Rows
 
+#XACT ARIA label for table cell without content
+ARIA_LABEL_EMPTY_CELL=Empty
+
+#XACT: ARIA announcement for the positive design
+TAB_ARIA_DESIGN_POSITIVE=Positive
+
+#XACT: ARIA announcement for the negative design
+TAB_ARIA_DESIGN_NEGATIVE=Negative
+
+#XACT: ARIA announcement for the critical design
+TAB_ARIA_DESIGN_CRITICAL=Critical
+
+#XACT: ARIA announcement for the neutral design
+TAB_ARIA_DESIGN_NEUTRAL=Neutral
+
+#XACT: ARIA role description for Tab with subitems
+TAB_SPLIT_ROLE_DESCRIPTION=Tab with subitems
+
 #XACT: ACC next icon name in tab container
 TABCONTAINER_NEXT_ICON_ACC_NAME=Next
 
@@ -265,6 +331,9 @@ TABCONTAINER_END_OVERFLOW=More
 #XBUT Text for cancel button, which closes the popover on mobile devices
 TABCONTAINER_POPOVER_CANCEL_BUTTON=Cancel
 
+#XACT: ARIA description for TabContainer tablist when there are tabs with subitems
+TABCONTAINER_SUBTABS_DESCRIPTION=Press down arrow key to open subitems menu
+
 #XTXT: Text for characters left
 TEXTAREA_CHARACTERS_LEFT={0} characters remaining
 
@@ -280,9 +349,6 @@ TIMEPICKER_MINUTES_LABEL=Minutes
 #XFLD: Timepicker slider header
 TIMEPICKER_SECONDS_LABEL=Seconds
 
-#XFLD: Timepicker slider header
-TIMEPICKER_PERIODS_LABEL=AM/PM
-
 #XFLD: Timepicker popover button
 TIMEPICKER_SUBMIT_BUTTON=OK
 
@@ -292,6 +358,18 @@ TIMEPICKER_CANCEL_BUTTON=Cancel
 #XACT: Aria information for the Time Picker
 TIMEPICKER_INPUT_DESCRIPTION=Time Input
 
+#XACT: Aria information for the Time Picker Clock Dial
+TIMEPICKER_CLOCK_DIAL_LABEL=Clock Dial
+
+#XACT: Time Picker Inputs tooltip/aria-label for Hours input
+TIMEPICKER_INPUTS_ENTER_HOURS=Please enter hours
+
+#XACT: Time Picker Inputs tooltip/aria-label for Minutes input
+TIMEPICKER_INPUTS_ENTER_MINUTES=Please enter minutes
+
+#XACT: Time Picker Inputs tooltip/aria-label for Seconds input
+TIMEPICKER_INPUTS_ENTER_SECONDS=Please enter seconds
+
 #XACT: Aria information for the Duration Picker
 DURATION_INPUT_DESCRIPTION=Duration Input
 
@@ -319,15 +397,30 @@ TOKENIZER_ARIA_LABEL=Tokenizer
 #XFLD: Remove label for Tokenizer's Dialog on phone
 TOKENIZER_POPOVER_REMOVE=Remove
 
+#XFLD: Token number indicator which is used to show all tokens in Tokenizer when all of the tokens are hidden
+TOKENIZER_SHOW_ALL_ITEMS={0} Items
+
 #XACT: Label text for TreeListItem
 TREE_ITEM_ARIA_LABEL=Tree Item
 
 #XTOL: tooltip for expand icon in a tree item
 TREE_ITEM_EXPAND_NODE=Expand Node
 
-#XTOL: tooltip for collapse icon in a tree item
+#XACT: tooltip for collapse icon in a tree item
 TREE_ITEM_COLLAPSE_NODE=Collapse Node
 
+#XACT: the value state type that is preppended to value state error message text
+VALUE_STATE_TYPE_ERROR=Value State Error
+
+#XACT: the value state type that is preppended to value state warning message text
+VALUE_STATE_TYPE_WARNING=Value State Warning
+
+#XACT: the value state type that is preppended to value state success message text
+VALUE_STATE_TYPE_SUCCESS=Value State Success
+
+#XACT: the value state type that is preppended to value state information message text
+VALUE_STATE_TYPE_INFORMATION=Value State Information
+
 #XTOL: text that is appended to the tooltips of input fields etc. which are marked to have an error
 VALUE_STATE_ERROR=Invalid entry
 
@@ -355,6 +448,12 @@ DAY_PICKER_NON_WORKING_DAY = Non-Working Day
 #XBUT: Text for 'Today' in the DayPicker
 DAY_PICKER_TODAY = Today
 
+#XACT: ARIA description for month picker
+MONTH_PICKER_DESCRIPTION = Month Picker
+
+#XACT: ARIA description for year picker
+YEAR_PICKER_DESCRIPTION = Year Picker
+
 #XTOL: tooltip for decrease button of the StepInput
 STEPINPUT_DEC_ICON_TITLE=Decrease
 
@@ -367,3 +466,28 @@ SPLIT_BUTTON_DESCRIPTION=Split Button
 #XACT: Aria hint for the keyboard handling support of the Split Button
 SPLIT_BUTTON_KEYBOARD_HINT=Press Space or Enter to trigger default action and Alt + Arrow Down or F4 to trigger arrow action
 
+#XACT: ARIA announcement for the Menu Back button aria-label attribute
+MENU_BACK_BUTTON_ARIA_LABEL=Back
+
+#XACT: ARIA announcement for the Menu Close button aria-label attribute
+MENU_CLOSE_BUTTON_ARIA_LABEL=Decline
+
+#XTXT: Text for the Navigation Menu Popover hidden text
+NAVIGATION_MENU_POPOVER_HIDDEN_TEXT=Navigation
+
+#XACT: ARIA announcement for roldesecription attribute of Dialog header
+DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Interactive Header
+
+#XACT: ARIA announcement for describedby attribute of resizable Dialog header
+DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Use Shift+Arrow keys to resize
+
+#XACT: ARIA announcement for describedby attribute of draggable Dialog header
+DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE=Use Arrow keys to move
+
+#XACT: ARIA announcement for describedby attribute of draggable and resizable Dialog header
+DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE_RESIZABLE=Use Arrow keys to move, Shift+Arrow keys to resize
+#XFLD: A colon to separate the "label" from an input. In some languages there might be a different symbol used for such a colon
+LABEL_COLON=:
+
+#XACT: ARIA announcement for the input field of the TimePicker
+TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=Additional Options