@ui5/webcomponents 2.0.1 → 2.1.0-rc.0

package/dist/vscode.html-custom-data.json

@@ -67,6 +67,11 @@
           "name": "accessible-name",
           "description": "Defines the text alternative of the component.\nIf not provided a default text alternative will be set, if present.",
           "values": []
+        },
+        {
+          "name": "accessibility-attributes",
+          "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following field is supported:\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.",
+          "values": [{ "name": "AvatarAccessibilityAttributes" }]
         }
       ],
       "references": []
@@ -80,6 +85,11 @@
           "description": "Defines the mode of the `AvatarGroup`.",
           "values": [{ "name": "Group" }, { "name": "Individual" }]
         },
+        {
+          "name": "accessibility-attributes",
+          "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following field is supported:\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.",
+          "values": [{ "name": "AvatarGroupAccessibilityAttributes" }]
+        },
         {
           "name": "hidden-items",
           "description": "Returns an array containing the `ui5-avatar` instances that are currently not displayed due to lack of space.",
@@ -239,6 +249,11 @@
           "description": "Receives id(or many ids) of the elements that label the component.",
           "values": []
         },
+        {
+          "name": "accessibility-attributes",
+          "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n- **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.\nAccepts a lowercase string value.",
+          "values": [{ "name": "ButtonAccessibilityAttributes" }]
+        },
         {
           "name": "type",
           "description": "Defines whether the button has special form-related functionality.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
@@ -1637,6 +1652,11 @@
           "description": "Defines the ARIA role of the component.\n\n**Note:** Use the <code>LinkAccessibleRole.Button</code> role in cases when navigation is not expected to occur and the href property is not defined.",
           "values": [{ "name": "Button" }, { "name": "Link" }]
         },
+        {
+          "name": "accessibility-attributes",
+          "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`.\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.",
+          "values": [{ "name": "LinkAccessibilityAttributes" }]
+        },
         {
           "name": "icon",
           "description": "Defines the icon, displayed as graphical element within the component before the link's text.\nThe SAP-icons font provides numerous options.\n\n**Note:** Usage of icon-only link is not supported, the link must always have a text.\n\n**Note:** We recommend using аn icon in the beginning or the end only, and with text.\n\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
@@ -1758,6 +1778,11 @@
             { "name": "Detail" }
           ]
         },
+        {
+          "name": "accessibility-attributes",
+          "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+          "values": [{ "name": "ListItemAccessibilityAttributes" }]
+        },
         {
           "name": "navigated",
           "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
@@ -1817,6 +1842,11 @@
             { "name": "Detail" }
           ]
         },
+        {
+          "name": "accessibility-attributes",
+          "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+          "values": [{ "name": "ListItemAccessibilityAttributes" }]
+        },
         {
           "name": "navigated",
           "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
@@ -1918,6 +1948,11 @@
             { "name": "Detail" }
           ]
         },
+        {
+          "name": "accessibility-attributes",
+          "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+          "values": [{ "name": "ListItemAccessibilityAttributes" }]
+        },
         {
           "name": "navigated",
           "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
@@ -2023,6 +2058,11 @@
           "description": "Defines the text of the tooltip for the menu item.",
           "values": []
         },
+        {
+          "name": "accessibility-attributes",
+          "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaKeyShortcuts**: Indicated the availability of a keyboard shortcuts defined for the menu item.\n\n- **role**: Defines the role of the menu item. If not set, menu item will have default role=\"menuitem\".",
+          "values": [{ "name": "ListItemAccessibilityAttributes" }]
+        },
         {
           "name": "type",
           "description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.",
@@ -3830,6 +3870,21 @@
           "description": "Defines the open or closed state of the popover.",
           "values": []
         },
+        {
+          "name": "required",
+          "description": "Defines whether the component is required.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the aria-label attribute for the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-name-ref",
+          "description": "Receives id (or many ids) of the elements that label the component.",
+          "values": []
+        },
         {
           "name": "date-value",
           "description": "Currently selected time represented as JavaScript Date instance",
@@ -3950,6 +4005,11 @@
           "description": "Receives id(or many ids) of the elements that label the component.",
           "values": []
         },
+        {
+          "name": "accessibility-attributes",
+          "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n- **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.\nAccepts a lowercase string value.",
+          "values": [{ "name": "ButtonAccessibilityAttributes" }]
+        },
         {
           "name": "type",
           "description": "Defines whether the button has special form-related functionality.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
@@ -4084,6 +4144,11 @@
           "description": "Receives id(or many ids) of the elements that label the component.",
           "values": []
         },
+        {
+          "name": "accessibility-attributes",
+          "description": "Defines the additional accessibility attributes that will be applied to the component.\n\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n- **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.\nAccepts a lowercase string value.",
+          "values": [{ "name": "ButtonAccessibilityAttributes" }]
+        },
         { "name": "text", "description": "Button text", "values": [] },
         {
           "name": "width",
@@ -4349,6 +4414,11 @@
             { "name": "Detail" }
           ]
         },
+        {
+          "name": "accessibility-attributes",
+          "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+          "values": [{ "name": "ListItemAccessibilityAttributes" }]
+        },
         {
           "name": "navigated",
           "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
@@ -4433,6 +4503,11 @@
             { "name": "Detail" }
           ]
         },
+        {
+          "name": "accessibility-attributes",
+          "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+          "values": [{ "name": "ListItemAccessibilityAttributes" }]
+        },
         {
           "name": "navigated",
           "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
@@ -4522,6 +4597,11 @@
             { "name": "Detail" }
           ]
         },
+        {
+          "name": "accessibility-attributes",
+          "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+          "values": [{ "name": "ListItemAccessibilityAttributes" }]
+        },
         {
           "name": "navigated",
           "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ui5/webcomponents",
-  "version": "2.0.1",
+  "version": "2.1.0-rc.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -64,6 +64,14 @@
               "name": "accessible-name",
               "description": "Defines the text alternative of the component.\nIf not provided a default text alternative will be set, if present.",
               "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "accessibility-attributes",
+              "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following field is supported:\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.",
+              "value": {
+                "type": "AvatarAccessibilityAttributes",
+                "default": "{}"
+              }
             }
           ],
           "slots": [
@@ -125,6 +133,11 @@
                 "name": "accessible-name",
                 "description": "Defines the text alternative of the component.\nIf not provided a default text alternative will be set, if present.",
                 "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "accessibility-attributes",
+                "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following field is supported:\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.",
+                "value": { "type": "AvatarAccessibilityAttributes" }
               }
             ],
             "events": []
@@ -143,6 +156,14 @@
                 "default": "\"Group\""
               }
             },
+            {
+              "name": "accessibility-attributes",
+              "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following field is supported:\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.",
+              "value": {
+                "type": "AvatarGroupAccessibilityAttributes",
+                "default": "{}"
+              }
+            },
             {
               "name": "hidden-items",
               "description": "Returns an array containing the `ui5-avatar` instances that are currently not displayed due to lack of space.",
@@ -181,6 +202,11 @@
                 "description": "Defines the mode of the `AvatarGroup`.",
                 "value": { "type": "\"Group\" | \"Individual\"" }
               },
+              {
+                "name": "accessibility-attributes",
+                "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following field is supported:\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.",
+                "value": { "type": "AvatarGroupAccessibilityAttributes" }
+              },
               {
                 "name": "hidden-items",
                 "description": "Returns an array containing the `ui5-avatar` instances that are currently not displayed due to lack of space.",
@@ -472,6 +498,14 @@
               "description": "Receives id(or many ids) of the elements that label the component.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
+            {
+              "name": "accessibility-attributes",
+              "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n- **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.\nAccepts a lowercase string value.",
+              "value": {
+                "type": "ButtonAccessibilityAttributes",
+                "default": "{}"
+              }
+            },
             {
               "name": "type",
               "description": "Defines whether the button has special form-related functionality.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
@@ -545,6 +579,11 @@
                 "description": "Receives id(or many ids) of the elements that label the component.",
                 "value": { "type": "string | undefined" }
               },
+              {
+                "name": "accessibility-attributes",
+                "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n- **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.\nAccepts a lowercase string value.",
+                "value": { "type": "ButtonAccessibilityAttributes" }
+              },
               {
                 "name": "type",
                 "description": "Defines whether the button has special form-related functionality.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
@@ -1971,7 +2010,7 @@
             {
               "name": "delimiter",
               "description": "Determines the symbol which separates the dates.\nIf not supplied, the default time interval delimiter for the current locale will be used.",
-              "value": { "type": "string", "default": "DEFAULT_DELIMITER" }
+              "value": { "type": "string", "default": "\"-\"" }
             },
             {
               "name": "date-value",
@@ -2644,7 +2683,7 @@
             {
               "name": "accept",
               "description": "Comma-separated list of file types that the component should accept.\n\n**Note:** Please make sure you are adding the `.` in front on the file type, e.g. `.png` in case you want to accept png's only.",
-              "value": { "type": "string | undefined", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "hide-input",
@@ -3325,6 +3364,14 @@
                 "default": "\"Link\""
               }
             },
+            {
+              "name": "accessibility-attributes",
+              "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`.\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.",
+              "value": {
+                "type": "LinkAccessibilityAttributes",
+                "default": "{}"
+              }
+            },
             {
               "name": "icon",
               "description": "Defines the icon, displayed as graphical element within the component before the link's text.\nThe SAP-icons font provides numerous options.\n\n**Note:** Usage of icon-only link is not supported, the link must always have a text.\n\n**Note:** We recommend using аn icon in the beginning or the end only, and with text.\n\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
@@ -3395,6 +3442,11 @@
                 "description": "Defines the ARIA role of the component.\n\n**Note:** Use the <code>LinkAccessibleRole.Button</code> role in cases when navigation is not expected to occur and the href property is not defined.",
                 "value": { "type": "\"Button\" | \"Link\"" }
               },
+              {
+                "name": "accessibility-attributes",
+                "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`.\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.",
+                "value": { "type": "LinkAccessibilityAttributes" }
+              },
               {
                 "name": "icon",
                 "description": "Defines the icon, displayed as graphical element within the component before the link's text.\nThe SAP-icons font provides numerous options.\n\n**Note:** Usage of icon-only link is not supported, the link must always have a text.\n\n**Note:** We recommend using аn icon in the beginning or the end only, and with text.\n\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
@@ -3682,6 +3734,14 @@
                 "default": "\"Active\""
               }
             },
+            {
+              "name": "accessibility-attributes",
+              "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+              "value": {
+                "type": "ListItemAccessibilityAttributes",
+                "default": "{}"
+              }
+            },
             {
               "name": "navigated",
               "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
@@ -3737,6 +3797,11 @@
                   "type": "\"Navigation\" | \"Inactive\" | \"Active\" | \"Detail\""
                 }
               },
+              {
+                "name": "accessibility-attributes",
+                "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+                "value": { "type": "ListItemAccessibilityAttributes" }
+              },
               {
                 "name": "navigated",
                 "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
@@ -3862,6 +3927,14 @@
                 "default": "\"Active\""
               }
             },
+            {
+              "name": "accessibility-attributes",
+              "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+              "value": {
+                "type": "ListItemAccessibilityAttributes",
+                "default": "{}"
+              }
+            },
             {
               "name": "navigated",
               "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
@@ -3948,6 +4021,11 @@
                   "type": "\"Navigation\" | \"Inactive\" | \"Active\" | \"Detail\""
                 }
               },
+              {
+                "name": "accessibility-attributes",
+                "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+                "value": { "type": "ListItemAccessibilityAttributes" }
+              },
               {
                 "name": "navigated",
                 "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
@@ -4138,6 +4216,14 @@
               "description": "Defines the text of the tooltip for the menu item.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
+            {
+              "name": "accessibility-attributes",
+              "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaKeyShortcuts**: Indicated the availability of a keyboard shortcuts defined for the menu item.\n\n- **role**: Defines the role of the menu item. If not set, menu item will have default role=\"menuitem\".",
+              "value": {
+                "type": "ListItemAccessibilityAttributes",
+                "default": "{}"
+              }
+            },
             {
               "name": "type",
               "description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.",
@@ -4223,6 +4309,11 @@
                 "description": "Defines the text of the tooltip for the menu item.",
                 "value": { "type": "string | undefined" }
               },
+              {
+                "name": "accessibility-attributes",
+                "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaKeyShortcuts**: Indicated the availability of a keyboard shortcuts defined for the menu item.\n\n- **role**: Defines the role of the menu item. If not set, menu item will have default role=\"menuitem\".",
+                "value": { "type": "ListItemAccessibilityAttributes" }
+              },
               {
                 "name": "type",
                 "description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.",
@@ -7941,6 +8032,21 @@
               "description": "Defines the open or closed state of the popover.",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "required",
+              "description": "Defines whether the component is required.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "accessible-name",
+              "description": "Defines the aria-label attribute for the component.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "accessible-name-ref",
+              "description": "Receives id (or many ids) of the elements that label the component.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
             {
               "name": "date-value",
               "description": "Currently selected time represented as JavaScript Date instance",
@@ -8015,6 +8121,21 @@
                 "description": "Defines the open or closed state of the popover.",
                 "value": { "type": "boolean" }
               },
+              {
+                "name": "required",
+                "description": "Defines whether the component is required.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "accessible-name",
+                "description": "Defines the aria-label attribute for the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "accessible-name-ref",
+                "description": "Receives id (or many ids) of the elements that label the component.",
+                "value": { "type": "string | undefined" }
+              },
               {
                 "name": "date-value",
                 "description": "Currently selected time represented as JavaScript Date instance",
@@ -8205,6 +8326,14 @@
               "description": "Receives id(or many ids) of the elements that label the component.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
+            {
+              "name": "accessibility-attributes",
+              "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n- **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.\nAccepts a lowercase string value.",
+              "value": {
+                "type": "ButtonAccessibilityAttributes",
+                "default": "{}"
+              }
+            },
             {
               "name": "type",
               "description": "Defines whether the button has special form-related functionality.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
@@ -8277,6 +8406,11 @@
                 "description": "Receives id(or many ids) of the elements that label the component.",
                 "value": { "type": "string | undefined" }
               },
+              {
+                "name": "accessibility-attributes",
+                "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n- **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.\nAccepts a lowercase string value.",
+                "value": { "type": "ButtonAccessibilityAttributes" }
+              },
               {
                 "name": "type",
                 "description": "Defines whether the button has special form-related functionality.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
@@ -8511,6 +8645,14 @@
               "description": "Receives id(or many ids) of the elements that label the component.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
+            {
+              "name": "accessibility-attributes",
+              "description": "Defines the additional accessibility attributes that will be applied to the component.\n\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n- **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.\nAccepts a lowercase string value.",
+              "value": {
+                "type": "ButtonAccessibilityAttributes",
+                "default": "{}"
+              }
+            },
             {
               "name": "text",
               "description": "Button text",
@@ -8580,6 +8722,11 @@
                 "description": "Receives id(or many ids) of the elements that label the component.",
                 "value": { "type": "string | undefined" }
               },
+              {
+                "name": "accessibility-attributes",
+                "description": "Defines the additional accessibility attributes that will be applied to the component.\n\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n- **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.\nAccepts a lowercase string value.",
+                "value": { "type": "ButtonAccessibilityAttributes" }
+              },
               {
                 "name": "text",
                 "description": "Button text",
@@ -9050,6 +9197,14 @@
                 "default": "\"Active\""
               }
             },
+            {
+              "name": "accessibility-attributes",
+              "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+              "value": {
+                "type": "ListItemAccessibilityAttributes",
+                "default": "{}"
+              }
+            },
             {
               "name": "navigated",
               "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
@@ -9136,6 +9291,11 @@
                   "type": "\"Navigation\" | \"Inactive\" | \"Active\" | \"Detail\""
                 }
               },
+              {
+                "name": "accessibility-attributes",
+                "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+                "value": { "type": "ListItemAccessibilityAttributes" }
+              },
               {
                 "name": "navigated",
                 "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
@@ -9223,6 +9383,14 @@
                 "default": "\"Active\""
               }
             },
+            {
+              "name": "accessibility-attributes",
+              "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+              "value": {
+                "type": "ListItemAccessibilityAttributes",
+                "default": "{}"
+              }
+            },
             {
               "name": "navigated",
               "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
@@ -9310,6 +9478,11 @@
                   "type": "\"Navigation\" | \"Inactive\" | \"Active\" | \"Detail\""
                 }
               },
+              {
+                "name": "accessibility-attributes",
+                "description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
+                "value": { "type": "ListItemAccessibilityAttributes" }
+              },
               {
                 "name": "navigated",
                 "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.0.1",
+  "version": "2.1.0-rc.0",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -50,16 +50,16 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.0.1",
-    "@ui5/webcomponents-icons": "2.0.1",
-    "@ui5/webcomponents-icons-business-suite": "2.0.1",
-    "@ui5/webcomponents-icons-tnt": "2.0.1",
-    "@ui5/webcomponents-localization": "2.0.1",
-    "@ui5/webcomponents-theming": "2.0.1"
+    "@ui5/webcomponents-base": "2.1.0-rc.0",
+    "@ui5/webcomponents-icons": "2.1.0-rc.0",
+    "@ui5/webcomponents-icons-business-suite": "2.1.0-rc.0",
+    "@ui5/webcomponents-icons-tnt": "2.1.0-rc.0",
+    "@ui5/webcomponents-localization": "2.1.0-rc.0",
+    "@ui5/webcomponents-theming": "2.1.0-rc.0"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "2.0.1",
+    "@ui5/webcomponents-tools": "2.1.0-rc.0",
     "chromedriver": "^125.0.0"
   },
-  "gitHead": "9b383e20fc3b22750f92f103c54e13529992fc74"
+  "gitHead": "1576c9b11cf85e71b417885e6a710420a15a2617"
 }

package/src/Label.hbs

@@ -3,10 +3,10 @@
 	@click={{_onclick}}
 	>
 	<span class="ui5-label-text-wrapper">
-		<bdi id="{{_id}}-bdi"><slot></slot></bdi>
+		<slot></slot>
 	</span>
-	<span 
-		aria-hidden="true" 
+	<span
+		aria-hidden="true"
 		class="ui5-label-required-colon"
 		data-colon="{{_colonSymbol}}"
 	>

package/src/ListItem.hbs

@@ -28,6 +28,7 @@
 	aria-selected="{{_accInfo.ariaSelected}}"
 	aria-checked="{{_accInfo.ariaChecked}}"
 	aria-owns="{{_accInfo.ariaOwns}}"
+	aria-keyshortcuts="{{_accInfo.ariaKeyShortcuts}}"
 >
 		{{> listItemPreContent}}
 

package/src/MenuItem.hbs

@@ -23,7 +23,11 @@
 	{{else if hasEndContent}}
 		<slot name="endContent"></slot>
 	{{else if additionalText}}
-		<span part="additional-text" class="ui5-li-additional-text">{{additionalText}}</span>
+		<span
+			part="additional-text"
+			class="ui5-li-additional-text"
+			aria-hidden="{{_accInfo.ariaHidden}}"
+		>{{additionalText}}</span>
 	{{/if}}
 
 {{/inline}}