@ui5/webcomponents 2.10.0-rc.2 → 2.10.0

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

@@ -201,7 +201,7 @@
     },
     {
       "name": "ui5-button",
-      "description": "### Overview\n\nThe `ui5-button` component represents a simple push button.\nIt enables users to trigger actions by clicking or tapping the `ui5-button`, or by pressing\ncertain keyboard keys, such as Enter.\n\n### Usage\n\nFor the `ui5-button` UI, you can define text, icon, or both. You can also specify\nwhether the text or the icon is displayed first.\n\nYou can choose from a set of predefined types that offer different\nstyling to correspond to the triggered action.\n\nYou can set the `ui5-button` as enabled or disabled. An enabled\n`ui5-button` can be pressed by clicking or tapping it. The button changes\nits style to provide visual feedback to the user that it is pressed or hovered over with\nthe mouse cursor. A disabled `ui5-button` appears inactive and cannot be pressed.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Button.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`.\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n- **badge** - Adds a badge to the button.\n\n### **CSS Parts:**\n - **button** - Used to style the native button element\n- **icon** - Used to style the icon in the native button element\n- **endIcon** - Used to style the end icon in the native button element",
+      "description": "### Overview\n\nThe `ui5-button` component represents a simple push button.\nIt enables users to trigger actions by clicking or tapping the `ui5-button`, or by pressing\ncertain keyboard keys, such as Enter.\n\n### Usage\n\nFor the `ui5-button` UI, you can define text, icon, or both. You can also specify\nwhether the text or the icon is displayed first.\n\nYou can choose from a set of predefined types that offer different\nstyling to correspond to the triggered action.\n\nYou can set the `ui5-button` as enabled or disabled. An enabled\n`ui5-button` can be pressed by clicking or tapping it. The button changes\nits style to provide visual feedback to the user that it is pressed or hovered over with\nthe mouse cursor. A disabled `ui5-button` appears inactive and cannot be pressed.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Button.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n- **badge** - Adds a badge to the button.\n\n### **CSS Parts:**\n - **button** - Used to style the native button element\n- **icon** - Used to style the icon in the native button element\n- **endIcon** - Used to style the end icon in the native button element",
       "attributes": [
         {
           "name": "design",
@@ -672,7 +672,7 @@
         },
         {
           "name": "required",
-          "description": "Defines whether the component is required.",
+          "description": "Defines whether the component is required.\n\n**Note:** We advise against using the text property of the checkbox when there is a\nlabel associated with it to avoid having two required asterisks.",
           "values": []
         },
         {
@@ -1523,6 +1523,11 @@
       "name": "ui5-form",
       "description": "### Overview\n\nThe Form is a layout component that arranges labels and form fields (like input fields) pairs\ninto a specific number of columns.\n\n**Note:** The Form web component is a layout component, it isn't a replacement for the native `form` HTML element.\nThe Form web component does not provide any APIs for form submission.\n\n### Structure\n\n- **Form** (`ui5-form`) is the top-level container component, responsible for the content layout and responsiveness.\n- **FormGroup** (`ui5-form-group`) enables the grouping of the Form content.\n- **FormItem** (`ui5-form-item`) is a pair of label and form fields and can be used directly in a Form, or as part of a FormGroup.\n\nThe simplest Form (`ui5-form`) consists of a header area on top,\ndisplaying a header text (see the `headingText` property) and content below - an arbitrary number of FormItems (ui5-form-item),\nrepresenting the pairs of label and form fields.\n\nAnd, there is also \"grouping\" available to assist the implementation of richer UIs.\nThis is enabled by the FormGroup (`ui5-form-group`) component.\nIn this case, the Form is structured into FormGroups and each FormGroup consists of FormItems.\n\n### Responsiveness\n\nThe Form component reacts and changes its layout on predefined breakpoints.\nDepending on its size, the Form content (FormGroups and FormItems) gets divided into one or more columns as follows:\n- **S** (< 600px) – 1 column is recommended (default: 1)\n- **M** (600px - 1022px) – up to 2 columns are recommended (default: 1)\n- **L** (1023px - 1439px) - up to 3 columns are recommended (default: 2)\n- **XL** (> 1439px) – up to 6 columns are recommended (default: 3)\n\nTo change the layout, use the `layout` property - f.e. layout=\"S1 M2 L3 XL6\".\n\n### Groups\n\nTo make better use of screen space, there is built-in logic to determine how many columns should a FormGroup occupy.\n\n- **Example #1** (perfect match):\n4 columns and 4 groups: each group will use 1 column.\n\n- **Example #2** (balanced distribution):\n4 columns and 2 groups: each group will use 2 columns.\n6 columns and 2 groups: each group will use 3 columns.\n\n- **Example #3** (unbalanced distribution):\n3 columns and 2 groups: the larger one will use 2 columns, the smaller 1 column.\n5 columns and 3 groups: two of the groups will use 2 columns each, the smallest 1 column.\n\n**Note:** The size of a group element is determined by the number of FormItems assigned to it.\nIn the case of equality, the first in the DOM will use more columns, and the last - fewer columns.\n\n- **Example #4** (more groups than columns):\n3 columns and 4 groups: each FormGroup uses only 1 column, the last FormGroup will wrap on the second row.\n\n### Groups Column Span\n\nTo influence the built-in group distribution, described in the previous section,\nyou can use the FormGroup's `columnSpan` property, that defines how many columns the group should expand to.\n\n### Items Column Span\n\nFormItem's columnSpan property defines how many columns the form item should expand to inside a form group or the form.\n\n### Items Label Span\n\nThe placement of the labels depends on the size of the used column.\nIf there is enough space, the labels are next to their associated fields, otherwise  - above the fields.\nBy default, the labels take 4/12 of the FormItem, leaving 8/12 parts to associated fields.\nYou can control what space the labels should take via the `labelSpan` property.\n\n**For example:** To always place the labels on top set: `labelSpan=\"S12 M12 L12 XL12\"` property.\n\n### Items Empty Span\n\nBy default, a form item spans 12 cells, fully divided between its label and field, with no empty space at the end:\n- **Label:** occupies 4 cells.\n- **Field:** occupies 8 cells.\n\nThe `emptySpan` property provides additional layout flexibility by defining empty space at the form item’s end.\n\n**For example:** Setting \"S0 M0 L3 XL3\" (or just \"L3 XL3\") adjusts the layout as follows:\n- **Label:** remains 4 cells.\n- **Field:** is reduced to 5 cells.\n- **Empty space:** 3 cells are added at the end.\n\nGreater values increase the empty space at the end of the form item, reducing the space available for the label and its field.\nHowever, setting `emptySpan` to 1 cell is recommended and typically sufficient to achieve a balanced layout.\n\n### Navigation flow\n\nThe Form component supports two layout options for keyboard navigation:\n\n#### Simple form\n\nIn this \"simple form\" layout, each `ui5-form-item` acts as a standalone group\nwith one item, so focus moves horizontally across the grid from one `ui5-form-item` to the next.\nThis layout is ideal for simpler forms and supports custom arrangements, e.g.,\n\n```\n| 1 | 2 |\n|   3   |\n| 4 | 5 |\n```\n\n#### Complex form\n\nIn this layout, items are grouped into `ui5-form-group` elements, allowing more complex configurations:\n\n- **Single-Column Group**: Focus moves vertically down from one item to the next.\n  ```\n  | 1 |\n  | 2 |\n  | 3 |\n  ```\n\n- **Multi-Column Group**: Focus moves horizontally within each row, advancing to the next row after completing the current one.\n  ```\n  | 1 | 4 |\n  | 2 | 5 |\n  | 3 | 6 |\n  ```\n\n### Keyboard Handling\n\n- [Tab] - Moves the focus to the next interactive element within the Form/FormGroup (if available) or to the next element in the tab chain outside the Form\n- [Shift] + [Tab] - Moves the focus to the previous interactive element within the Form/FormGroup (if available) or to the previous element in the tab chain outside the Form\n- [F6] - Moves the focus to the first interactive element of the next FormGroup (if available) or to the next element in the tab chain outside the Form\n- [Shift] + [F6] - Moves the focus to the first interactive element of the previous FormGroup (if available) or to the previous element in the tab chain outside the Form\n\n### ES6 Module Import\n\n- import @ui5/webcomponents/dist/Form.js\";\n- import @ui5/webcomponents/dist/FormGroup.js\";\n- import @ui5/webcomponents/dist/FormItem.js\";\n\n\n---\n\n\n\n\n### **Slots:**\n - **header** - Defines the component header area.\n\n**Note:** When a `header` is provided, the `headerText` property is ignored.\n- **default** - Defines the component content - FormGroups or FormItems.\n\n**Note:** Mixing FormGroups and standalone FormItems (not belonging to a group) is not supported.\nEither use FormGroups and make sure all FormItems are part of a FormGroup, or use just FormItems without any FormGroups.\n\n### **CSS Parts:**\n - **header** - Used to style the wrapper of the header.\n- **layout** - Used to style the element defining the form column layout.\n- **column** - Used to style a single column of the form column layout.",
       "attributes": [
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        },
         {
           "name": "layout",
           "description": "Defines the number of columns to distribute the form content by breakpoint.\n\nSupported values:\n- `S` - 1 column by default (1 column is recommended)\n- `M` - 1 column by default (up to 2 columns are recommended)\n- `L` - 2 columns by default (up to 3 columns are recommended)\n- `XL` - 3 columns by default (up to 6 columns  are recommended)",
@@ -1543,6 +1548,18 @@
           "description": "Defines the header text of the component.\n\n**Note:** The property gets overridden by the `header` slot.",
           "values": []
         },
+        {
+          "name": "header-level",
+          "description": "Defines the compoennt heading level,\nset by the `headerText`.",
+          "values": [
+            { "name": "H1" },
+            { "name": "H2" },
+            { "name": "H3" },
+            { "name": "H4" },
+            { "name": "H5" },
+            { "name": "H6" }
+          ]
+        },
         {
           "name": "item-spacing",
           "description": "Defines the vertical spacing between form items.\n\n**Note:** If the Form is meant to be switched between \"non-edit\" and \"edit\" modes,\nwe recommend using \"Large\" item spacing in \"non-edit\" mode, and \"Normal\" - for \"edit\" mode,\nto avoid \"jumping\" effect, caused by the hight difference between texts in \"non-edit\" mode and the input fields in \"edit\" mode.",
@@ -1560,6 +1577,18 @@
           "description": "Defines header text of the component.",
           "values": []
         },
+        {
+          "name": "header-level",
+          "description": "Defines the compoennt heading level,\nset by the `headerText`.",
+          "values": [
+            { "name": "H1" },
+            { "name": "H2" },
+            { "name": "H3" },
+            { "name": "H4" },
+            { "name": "H5" },
+            { "name": "H6" }
+          ]
+        },
         {
           "name": "column-span",
           "description": "Defines column span of the component,\ne.g how many columns the group should span to.",
@@ -4397,7 +4426,7 @@
     },
     {
       "name": "ui5-toggle-button",
-      "description": "### Overview\n\nThe `ui5-toggle-button` component is an enhanced `ui5-button`\nthat can be toggled between pressed and normal states.\nUsers can use the `ui5-toggle-button` as a switch to turn a setting on or off.\nIt can also be used to represent an independent choice similar to a check box.\n\nClicking or tapping on a `ui5-toggle-button` changes its state to `pressed`. The button returns to\nits initial state when the user clicks or taps on it again.\nBy applying additional custom CSS-styling classes, apps can give a different style to any `ui5-toggle-button`.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/ToggleButton.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`.\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n- **badge** - Adds a badge to the button.\n\n### **CSS Parts:**\n - **button** - Used to style the native button element\n- **icon** - Used to style the icon in the native button element\n- **endIcon** - Used to style the end icon in the native button element",
+      "description": "### Overview\n\nThe `ui5-toggle-button` component is an enhanced `ui5-button`\nthat can be toggled between pressed and normal states.\nUsers can use the `ui5-toggle-button` as a switch to turn a setting on or off.\nIt can also be used to represent an independent choice similar to a check box.\n\nClicking or tapping on a `ui5-toggle-button` changes its state to `pressed`. The button returns to\nits initial state when the user clicks or taps on it again.\nBy applying additional custom CSS-styling classes, apps can give a different style to any `ui5-toggle-button`.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/ToggleButton.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n- **badge** - Adds a badge to the button.\n\n### **CSS Parts:**\n - **button** - Used to style the native button element\n- **icon** - Used to style the icon in the native button element\n- **endIcon** - Used to style the end icon in the native button element",
       "attributes": [
         {
           "name": "pressed",

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.10.0-rc.2",
+  "version": "2.10.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -452,7 +452,7 @@
         },
         {
           "name": "ui5-button",
-          "description": "### Overview\n\nThe `ui5-button` component represents a simple push button.\nIt enables users to trigger actions by clicking or tapping the `ui5-button`, or by pressing\ncertain keyboard keys, such as Enter.\n\n### Usage\n\nFor the `ui5-button` UI, you can define text, icon, or both. You can also specify\nwhether the text or the icon is displayed first.\n\nYou can choose from a set of predefined types that offer different\nstyling to correspond to the triggered action.\n\nYou can set the `ui5-button` as enabled or disabled. An enabled\n`ui5-button` can be pressed by clicking or tapping it. The button changes\nits style to provide visual feedback to the user that it is pressed or hovered over with\nthe mouse cursor. A disabled `ui5-button` appears inactive and cannot be pressed.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Button.js\";`\n---\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`.\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n- **badge** - Adds a badge to the button.\n\n### **CSS Parts:**\n - **button** - Used to style the native button element\n- **icon** - Used to style the icon in the native button element\n- **endIcon** - Used to style the end icon in the native button element",
+          "description": "### Overview\n\nThe `ui5-button` component represents a simple push button.\nIt enables users to trigger actions by clicking or tapping the `ui5-button`, or by pressing\ncertain keyboard keys, such as Enter.\n\n### Usage\n\nFor the `ui5-button` UI, you can define text, icon, or both. You can also specify\nwhether the text or the icon is displayed first.\n\nYou can choose from a set of predefined types that offer different\nstyling to correspond to the triggered action.\n\nYou can set the `ui5-button` as enabled or disabled. An enabled\n`ui5-button` can be pressed by clicking or tapping it. The button changes\nits style to provide visual feedback to the user that it is pressed or hovered over with\nthe mouse cursor. A disabled `ui5-button` appears inactive and cannot be pressed.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Button.js\";`\n---\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n- **badge** - Adds a badge to the button.\n\n### **CSS Parts:**\n - **button** - Used to style the native button element\n- **icon** - Used to style the icon in the native button element\n- **endIcon** - Used to style the end icon in the native button element",
           "doc-url": "",
           "attributes": [
             {
@@ -538,7 +538,7 @@
           "events": [
             {
               "name": "click",
-              "description": "Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`."
+              "description": "Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`."
             }
           ],
           "js": {
@@ -609,7 +609,7 @@
             "events": [
               {
                 "name": "click",
-                "description": "Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`."
+                "description": "Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`."
               }
             ]
           }
@@ -1276,7 +1276,7 @@
             },
             {
               "name": "required",
-              "description": "Defines whether the component is required.",
+              "description": "Defines whether the component is required.\n\n**Note:** We advise against using the text property of the checkbox when there is a\nlabel associated with it to avoid having two required asterisks.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
@@ -1351,7 +1351,7 @@
               },
               {
                 "name": "required",
-                "description": "Defines whether the component is required.",
+                "description": "Defines whether the component is required.\n\n**Note:** We advise against using the text property of the checkbox when there is a\nlabel associated with it to avoid having two required asterisks.",
                 "value": { "type": "boolean" }
               },
               {
@@ -3143,6 +3143,11 @@
           "description": "### Overview\n\nThe Form is a layout component that arranges labels and form fields (like input fields) pairs\ninto a specific number of columns.\n\n**Note:** The Form web component is a layout component, it isn't a replacement for the native `form` HTML element.\nThe Form web component does not provide any APIs for form submission.\n\n### Structure\n\n- **Form** (`ui5-form`) is the top-level container component, responsible for the content layout and responsiveness.\n- **FormGroup** (`ui5-form-group`) enables the grouping of the Form content.\n- **FormItem** (`ui5-form-item`) is a pair of label and form fields and can be used directly in a Form, or as part of a FormGroup.\n\nThe simplest Form (`ui5-form`) consists of a header area on top,\ndisplaying a header text (see the `headingText` property) and content below - an arbitrary number of FormItems (ui5-form-item),\nrepresenting the pairs of label and form fields.\n\nAnd, there is also \"grouping\" available to assist the implementation of richer UIs.\nThis is enabled by the FormGroup (`ui5-form-group`) component.\nIn this case, the Form is structured into FormGroups and each FormGroup consists of FormItems.\n\n### Responsiveness\n\nThe Form component reacts and changes its layout on predefined breakpoints.\nDepending on its size, the Form content (FormGroups and FormItems) gets divided into one or more columns as follows:\n- **S** (< 600px) – 1 column is recommended (default: 1)\n- **M** (600px - 1022px) – up to 2 columns are recommended (default: 1)\n- **L** (1023px - 1439px) - up to 3 columns are recommended (default: 2)\n- **XL** (> 1439px) – up to 6 columns are recommended (default: 3)\n\nTo change the layout, use the `layout` property - f.e. layout=\"S1 M2 L3 XL6\".\n\n### Groups\n\nTo make better use of screen space, there is built-in logic to determine how many columns should a FormGroup occupy.\n\n- **Example #1** (perfect match):\n4 columns and 4 groups: each group will use 1 column.\n\n- **Example #2** (balanced distribution):\n4 columns and 2 groups: each group will use 2 columns.\n6 columns and 2 groups: each group will use 3 columns.\n\n- **Example #3** (unbalanced distribution):\n3 columns and 2 groups: the larger one will use 2 columns, the smaller 1 column.\n5 columns and 3 groups: two of the groups will use 2 columns each, the smallest 1 column.\n\n**Note:** The size of a group element is determined by the number of FormItems assigned to it.\nIn the case of equality, the first in the DOM will use more columns, and the last - fewer columns.\n\n- **Example #4** (more groups than columns):\n3 columns and 4 groups: each FormGroup uses only 1 column, the last FormGroup will wrap on the second row.\n\n### Groups Column Span\n\nTo influence the built-in group distribution, described in the previous section,\nyou can use the FormGroup's `columnSpan` property, that defines how many columns the group should expand to.\n\n### Items Column Span\n\nFormItem's columnSpan property defines how many columns the form item should expand to inside a form group or the form.\n\n### Items Label Span\n\nThe placement of the labels depends on the size of the used column.\nIf there is enough space, the labels are next to their associated fields, otherwise  - above the fields.\nBy default, the labels take 4/12 of the FormItem, leaving 8/12 parts to associated fields.\nYou can control what space the labels should take via the `labelSpan` property.\n\n**For example:** To always place the labels on top set: `labelSpan=\"S12 M12 L12 XL12\"` property.\n\n### Items Empty Span\n\nBy default, a form item spans 12 cells, fully divided between its label and field, with no empty space at the end:\n- **Label:** occupies 4 cells.\n- **Field:** occupies 8 cells.\n\nThe `emptySpan` property provides additional layout flexibility by defining empty space at the form item’s end.\n\n**For example:** Setting \"S0 M0 L3 XL3\" (or just \"L3 XL3\") adjusts the layout as follows:\n- **Label:** remains 4 cells.\n- **Field:** is reduced to 5 cells.\n- **Empty space:** 3 cells are added at the end.\n\nGreater values increase the empty space at the end of the form item, reducing the space available for the label and its field.\nHowever, setting `emptySpan` to 1 cell is recommended and typically sufficient to achieve a balanced layout.\n\n### Navigation flow\n\nThe Form component supports two layout options for keyboard navigation:\n\n#### Simple form\n\nIn this \"simple form\" layout, each `ui5-form-item` acts as a standalone group\nwith one item, so focus moves horizontally across the grid from one `ui5-form-item` to the next.\nThis layout is ideal for simpler forms and supports custom arrangements, e.g.,\n\n```\n| 1 | 2 |\n|   3   |\n| 4 | 5 |\n```\n\n#### Complex form\n\nIn this layout, items are grouped into `ui5-form-group` elements, allowing more complex configurations:\n\n- **Single-Column Group**: Focus moves vertically down from one item to the next.\n  ```\n  | 1 |\n  | 2 |\n  | 3 |\n  ```\n\n- **Multi-Column Group**: Focus moves horizontally within each row, advancing to the next row after completing the current one.\n  ```\n  | 1 | 4 |\n  | 2 | 5 |\n  | 3 | 6 |\n  ```\n\n### Keyboard Handling\n\n- [Tab] - Moves the focus to the next interactive element within the Form/FormGroup (if available) or to the next element in the tab chain outside the Form\n- [Shift] + [Tab] - Moves the focus to the previous interactive element within the Form/FormGroup (if available) or to the previous element in the tab chain outside the Form\n- [F6] - Moves the focus to the first interactive element of the next FormGroup (if available) or to the next element in the tab chain outside the Form\n- [Shift] + [F6] - Moves the focus to the first interactive element of the previous FormGroup (if available) or to the previous element in the tab chain outside the Form\n\n### ES6 Module Import\n\n- import @ui5/webcomponents/dist/Form.js\";\n- import @ui5/webcomponents/dist/FormGroup.js\";\n- import @ui5/webcomponents/dist/FormItem.js\";\n---\n\n\n### **Slots:**\n - **header** - Defines the component header area.\n\n**Note:** When a `header` is provided, the `headerText` property is ignored.\n- **default** - Defines the component content - FormGroups or FormItems.\n\n**Note:** Mixing FormGroups and standalone FormItems (not belonging to a group) is not supported.\nEither use FormGroups and make sure all FormItems are part of a FormGroup, or use just FormItems without any FormGroups.\n\n### **CSS Parts:**\n - **header** - Used to style the wrapper of the header.\n- **layout** - Used to style the element defining the form column layout.\n- **column** - Used to style a single column of the form column layout.",
           "doc-url": "",
           "attributes": [
+            {
+              "name": "accessible-name",
+              "description": "Defines the accessible ARIA name of the component.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
             {
               "name": "layout",
               "description": "Defines the number of columns to distribute the form content by breakpoint.\n\nSupported values:\n- `S` - 1 column by default (1 column is recommended)\n- `M` - 1 column by default (up to 2 columns are recommended)\n- `L` - 2 columns by default (up to 3 columns are recommended)\n- `XL` - 3 columns by default (up to 6 columns  are recommended)",
@@ -3163,6 +3168,14 @@
               "description": "Defines the header text of the component.\n\n**Note:** The property gets overridden by the `header` slot.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
+            {
+              "name": "header-level",
+              "description": "Defines the compoennt heading level,\nset by the `headerText`.",
+              "value": {
+                "type": "\"H1\" | \"H2\" | \"H3\" | \"H4\" | \"H5\" | \"H6\"",
+                "default": "\"H2\""
+              }
+            },
             {
               "name": "item-spacing",
               "description": "Defines the vertical spacing between form items.\n\n**Note:** If the Form is meant to be switched between \"non-edit\" and \"edit\" modes,\nwe recommend using \"Large\" item spacing in \"non-edit\" mode, and \"Normal\" - for \"edit\" mode,\nto avoid \"jumping\" effect, caused by the hight difference between texts in \"non-edit\" mode and the input fields in \"edit\" mode.",
@@ -3185,6 +3198,11 @@
           "events": [],
           "js": {
             "properties": [
+              {
+                "name": "accessible-name",
+                "description": "Defines the accessible ARIA name of the component.",
+                "value": { "type": "string | undefined" }
+              },
               {
                 "name": "layout",
                 "description": "Defines the number of columns to distribute the form content by breakpoint.\n\nSupported values:\n- `S` - 1 column by default (1 column is recommended)\n- `M` - 1 column by default (up to 2 columns are recommended)\n- `L` - 2 columns by default (up to 3 columns are recommended)\n- `XL` - 3 columns by default (up to 6 columns  are recommended)",
@@ -3205,6 +3223,13 @@
                 "description": "Defines the header text of the component.\n\n**Note:** The property gets overridden by the `header` slot.",
                 "value": { "type": "string | undefined" }
               },
+              {
+                "name": "header-level",
+                "description": "Defines the compoennt heading level,\nset by the `headerText`.",
+                "value": {
+                  "type": "\"H1\" | \"H2\" | \"H3\" | \"H4\" | \"H5\" | \"H6\""
+                }
+              },
               {
                 "name": "item-spacing",
                 "description": "Defines the vertical spacing between form items.\n\n**Note:** If the Form is meant to be switched between \"non-edit\" and \"edit\" modes,\nwe recommend using \"Large\" item spacing in \"non-edit\" mode, and \"Normal\" - for \"edit\" mode,\nto avoid \"jumping\" effect, caused by the hight difference between texts in \"non-edit\" mode and the input fields in \"edit\" mode.",
@@ -3224,6 +3249,14 @@
               "description": "Defines header text of the component.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
+            {
+              "name": "header-level",
+              "description": "Defines the compoennt heading level,\nset by the `headerText`.",
+              "value": {
+                "type": "\"H1\" | \"H2\" | \"H3\" | \"H4\" | \"H5\" | \"H6\"",
+                "default": "\"H3\""
+              }
+            },
             {
               "name": "column-span",
               "description": "Defines column span of the component,\ne.g how many columns the group should span to.",
@@ -3244,6 +3277,13 @@
                 "description": "Defines header text of the component.",
                 "value": { "type": "string | undefined" }
               },
+              {
+                "name": "header-level",
+                "description": "Defines the compoennt heading level,\nset by the `headerText`.",
+                "value": {
+                  "type": "\"H1\" | \"H2\" | \"H3\" | \"H4\" | \"H5\" | \"H6\""
+                }
+              },
               {
                 "name": "column-span",
                 "description": "Defines column span of the component,\ne.g how many columns the group should span to.",
@@ -9357,7 +9397,7 @@
         },
         {
           "name": "ui5-toggle-button",
-          "description": "### Overview\n\nThe `ui5-toggle-button` component is an enhanced `ui5-button`\nthat can be toggled between pressed and normal states.\nUsers can use the `ui5-toggle-button` as a switch to turn a setting on or off.\nIt can also be used to represent an independent choice similar to a check box.\n\nClicking or tapping on a `ui5-toggle-button` changes its state to `pressed`. The button returns to\nits initial state when the user clicks or taps on it again.\nBy applying additional custom CSS-styling classes, apps can give a different style to any `ui5-toggle-button`.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/ToggleButton.js\";`\n---\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`.\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n- **badge** - Adds a badge to the button.\n\n### **CSS Parts:**\n - **button** - Used to style the native button element\n- **icon** - Used to style the icon in the native button element\n- **endIcon** - Used to style the end icon in the native button element",
+          "description": "### Overview\n\nThe `ui5-toggle-button` component is an enhanced `ui5-button`\nthat can be toggled between pressed and normal states.\nUsers can use the `ui5-toggle-button` as a switch to turn a setting on or off.\nIt can also be used to represent an independent choice similar to a check box.\n\nClicking or tapping on a `ui5-toggle-button` changes its state to `pressed`. The button returns to\nits initial state when the user clicks or taps on it again.\nBy applying additional custom CSS-styling classes, apps can give a different style to any `ui5-toggle-button`.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/ToggleButton.js\";`\n---\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n- **badge** - Adds a badge to the button.\n\n### **CSS Parts:**\n - **button** - Used to style the native button element\n- **icon** - Used to style the icon in the native button element\n- **endIcon** - Used to style the end icon in the native button element",
           "doc-url": "",
           "attributes": [
             {
@@ -9448,7 +9488,7 @@
           "events": [
             {
               "name": "click",
-              "description": "Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`."
+              "description": "Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`."
             }
           ],
           "js": {
@@ -9524,7 +9564,7 @@
             "events": [
               {
                 "name": "click",
-                "description": "Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`."
+                "description": "Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`."
               }
             ]
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.10.0-rc.2",
+  "version": "2.10.0",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -54,20 +54,20 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.10.0-rc.2",
-    "@ui5/webcomponents-icons": "2.10.0-rc.2",
-    "@ui5/webcomponents-icons-business-suite": "2.10.0-rc.2",
-    "@ui5/webcomponents-icons-tnt": "2.10.0-rc.2",
-    "@ui5/webcomponents-localization": "2.10.0-rc.2",
-    "@ui5/webcomponents-theming": "2.10.0-rc.2"
+    "@ui5/webcomponents-base": "2.10.0",
+    "@ui5/webcomponents-icons": "2.10.0",
+    "@ui5/webcomponents-icons-business-suite": "2.10.0",
+    "@ui5/webcomponents-icons-tnt": "2.10.0",
+    "@ui5/webcomponents-localization": "2.10.0",
+    "@ui5/webcomponents-theming": "2.10.0"
   },
   "devDependencies": {
     "@ui5/cypress-internal": "0.0.0",
-    "@ui5/webcomponents-tools": "2.10.0-rc.2",
+    "@ui5/webcomponents-tools": "2.10.0",
     "chromedriver": "^135.0.0",
     "jsdom": "^26.0.0",
     "lit": "^2.0.0",
     "vitest": "^3.0.2"
   },
-  "gitHead": "b898559a591c2febe8dbd0cb99a15c88eac293b2"
+  "gitHead": "756ebc59ab04b82611385fbdf6ed76fc128c0e79"
 }

package/src/AvatarGroupTemplate.tsx

@@ -19,6 +19,7 @@ export default function AvatarGroupTemplate(this: AvatarGroup) {
 				<slot onClick={this.onAvatarClick} onui5-click={this.onAvatarUI5Click}></slot>
 
 				{this._customOverflowButton ?
+					// @ts-expect-error
 					<slot onClick={this.onOverflowButtonClick} name="overflowButton"></slot>
 					:
 					<Button

package/src/FormTemplate.tsx

@@ -6,6 +6,7 @@ export default function FormTemplate(this: Form) {
 		<div
 			class="ui5-form-root"
 			role={this.effectiveAccessibleRole}
+			aria-label={this.effectiveAccessibleName}
 			aria-labelledby={this.effectiveАccessibleNameRef}
 		>
 			{this.hasHeader &&
@@ -13,7 +14,7 @@ export default function FormTemplate(this: Form) {
 					{this.hasCustomHeader ?
 						<slot name="header"></slot>
 						:
-						<Title id={`${this._id}-header-text`} level="H4">{this.headerText}</Title>
+						<Title id={`${this._id}-header-text`} level={this.headerLevel}>{this.headerText}</Title>
 					}
 				</div>
 			}
@@ -38,7 +39,7 @@ export default function FormTemplate(this: Form) {
 											<div class="ui5-form-group" role="form" aria-labelledby={groupItemInfo.accessibleNameRef}>
 												{groupItem.headerText &&
 												<div class="ui5-form-group-heading">
-													<Title id={`${groupItem._id}-group-header-text`} level="H6">{groupItem.headerText}</Title>
+													<Title id={`${groupItem._id}-group-header-text`} level={groupItem.headerLevel} size="H6">{groupItem.headerText}</Title>
 												</div>
 												}
 

package/src/i18n/messagebundle.properties

@@ -614,6 +614,9 @@ TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=Additional Options
 #XACT: ARIA announcement for Toolbar's popup
 TOOLBAR_POPOVER_AVAILABLE_VALUES=Available Values
 
+#XACT: ARIA announcement for the Form aria-label attribute
+FORM_ACCESSIBLE_NAME=Form
+
 #XMSG: Text used for reporting that a radio button group requires one of the radio buttons to be checked
 FORM_CHECKABLE_REQUIRED=Please tick this box if you want to proceed.
 

package/src/i18n/messagebundle_ar.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=إجراء سالب
 
 BUTTON_ARIA_TYPE_EMPHASIZED=مؤكد
 
+BUTTON_ARIA_TYPE_ATTENTION=تحذير
+
 CAL_LEGEND_TODAY_TEXT=اليوم
 
 CAL_LEGEND_SELECTED_TEXT=اليوم المحدد
@@ -226,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS={0} إضافي
 
 MULTIINPUT_VALUE_HELP_LABEL=إظهار مساعدة الإدخال
 
+MULTIINPUT_VALUE_HELP=تتوفر مساعدة الإدخال
+
 PANEL_ICON=توسيع/طي
 
 RANGE_SLIDER_ARIA_DESCRIPTION=النطاق

package/src/i18n/messagebundle_bg.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=Отрицателно действие
 
 BUTTON_ARIA_TYPE_EMPHASIZED=Подчертано
 
+BUTTON_ARIA_TYPE_ATTENTION=Предупреждение
+
 CAL_LEGEND_TODAY_TEXT=Днес
 
 CAL_LEGEND_SELECTED_TEXT=Избран ден
@@ -226,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS=Още {0}
 
 MULTIINPUT_VALUE_HELP_LABEL=Показване на помощ при въвеждане на стойност
 
+MULTIINPUT_VALUE_HELP=Налична е помощ при въвеждане на стойности
+
 PANEL_ICON=Разширяване/скриване
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Диапазон

package/src/i18n/messagebundle_ca.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=Acció negativa
 
 BUTTON_ARIA_TYPE_EMPHASIZED=Destacat
 
+BUTTON_ARIA_TYPE_ATTENTION=Advertència
+
 CAL_LEGEND_TODAY_TEXT=Avui
 
 CAL_LEGEND_SELECTED_TEXT=Dia seleccionat
@@ -226,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS={0} més
 
 MULTIINPUT_VALUE_HELP_LABEL=Mostrar ajuda per a entrades
 
+MULTIINPUT_VALUE_HELP=Ajuda per a entrades disponible
+
 PANEL_ICON=Ampliar/Comprimir
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Interval

package/src/i18n/messagebundle_cnr.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=Negativna radnja
 
 BUTTON_ARIA_TYPE_EMPHASIZED=Naglašeno
 
+BUTTON_ARIA_TYPE_ATTENTION=Upozorenje
+
 CAL_LEGEND_TODAY_TEXT=Danas
 
 CAL_LEGEND_SELECTED_TEXT=Izabrani dan
@@ -226,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS={0} više
 
 MULTIINPUT_VALUE_HELP_LABEL=Pokaži pomoć pri unosu
 
+MULTIINPUT_VALUE_HELP=Pomoć pri unosu dostupna
+
 PANEL_ICON=Proširi/sažmi
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Raspon

package/src/i18n/messagebundle_cs.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=Negativní akce
 
 BUTTON_ARIA_TYPE_EMPHASIZED=Zvýrazněné
 
+BUTTON_ARIA_TYPE_ATTENTION=Upozornění
+
 CAL_LEGEND_TODAY_TEXT=Dnes
 
 CAL_LEGEND_SELECTED_TEXT=Vybraný den
@@ -226,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS={0} další
 
 MULTIINPUT_VALUE_HELP_LABEL=Zobrazit nápovědu hodnot
 
+MULTIINPUT_VALUE_HELP=Nápověda hodnot k dispozici
+
 PANEL_ICON=Rozbalit/sbalit
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Rozsah

package/src/i18n/messagebundle_cy.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=Cam Gweithredu Negyddol
 
 BUTTON_ARIA_TYPE_EMPHASIZED=Wedi’i Bwysleisio
 
+BUTTON_ARIA_TYPE_ATTENTION=Rhybudd
+
 CAL_LEGEND_TODAY_TEXT=Heddiw
 
 CAL_LEGEND_SELECTED_TEXT=Diwrnod Dewisedig
@@ -226,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS={0} mwy
 
 MULTIINPUT_VALUE_HELP_LABEL=Dangos Cymorth Gwerthoedd
 
+MULTIINPUT_VALUE_HELP=Cymorth gwerthoedd ar gael
+
 PANEL_ICON=Ehangu/Cwympo
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Ystod

package/src/i18n/messagebundle_da.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=Negativ aktion
 
 BUTTON_ARIA_TYPE_EMPHASIZED=Fremhævet
 
+BUTTON_ARIA_TYPE_ATTENTION=Advarsel
+
 CAL_LEGEND_TODAY_TEXT=I dag
 
 CAL_LEGEND_SELECTED_TEXT=Valgt dag
@@ -226,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS={0} mere
 
 MULTIINPUT_VALUE_HELP_LABEL=Vis inputhjælp
 
+MULTIINPUT_VALUE_HELP=Inputhjælp tilgængelig
+
 PANEL_ICON=Ekspander/komprimer
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Område

package/src/i18n/messagebundle_de.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=Negative Aktion
 
 BUTTON_ARIA_TYPE_EMPHASIZED=Hervorgehoben
 
+BUTTON_ARIA_TYPE_ATTENTION=Warnung
+
 CAL_LEGEND_TODAY_TEXT=Heute
 
 CAL_LEGEND_SELECTED_TEXT=Ausgewählter Tag
@@ -226,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS={0} weitere
 
 MULTIINPUT_VALUE_HELP_LABEL=Wertehilfe einblenden
 
+MULTIINPUT_VALUE_HELP=Wertehilfe verfügbar
+
 PANEL_ICON=Expandieren/komprimieren
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Bereich

package/src/i18n/messagebundle_el.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=Αρνητική Ενέργεια
 
 BUTTON_ARIA_TYPE_EMPHASIZED=Τονισμένο
 
+BUTTON_ARIA_TYPE_ATTENTION=Προειδοποίηση
+
 CAL_LEGEND_TODAY_TEXT=Σήμερα
 
 CAL_LEGEND_SELECTED_TEXT=Επιλεγμένη Ημέρα
@@ -226,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS={0} περισσότερα
 
 MULTIINPUT_VALUE_HELP_LABEL=Εμφάνιση Βοήθειας Τιμής
 
+MULTIINPUT_VALUE_HELP=Διαθέσιμη βοήθεια τιμών
+
 PANEL_ICON=Επέκταση/Σύμπτυξη
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Εύρος

package/src/i18n/messagebundle_en.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=Negative Action
 
 BUTTON_ARIA_TYPE_EMPHASIZED=Emphasized
 
+BUTTON_ARIA_TYPE_ATTENTION=Warning
+
 CAL_LEGEND_TODAY_TEXT=Today
 
 CAL_LEGEND_SELECTED_TEXT=Selected Day
@@ -226,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS={0} more
 
 MULTIINPUT_VALUE_HELP_LABEL=Show Value Help
 
+MULTIINPUT_VALUE_HELP=Value help available
+
 PANEL_ICON=Expand/Collapse
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Range

package/src/i18n/messagebundle_en_GB.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=Negative Action
 
 BUTTON_ARIA_TYPE_EMPHASIZED=Emphasised
 
+BUTTON_ARIA_TYPE_ATTENTION=Warning
+
 CAL_LEGEND_TODAY_TEXT=Today
 
 CAL_LEGEND_SELECTED_TEXT=Selected Day
@@ -226,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS={0} more
 
 MULTIINPUT_VALUE_HELP_LABEL=Show Value Help
 
+MULTIINPUT_VALUE_HELP=Value help available
+
 PANEL_ICON=Expand/Collapse
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Range

package/src/i18n/messagebundle_en_US_sappsd.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=[[[Ńēğąţįʋē Āċţįŏŋ∙∙∙∙]]]
 
 BUTTON_ARIA_TYPE_EMPHASIZED=[[[Ĕɱρĥąşįžēƌ∙∙∙∙]]]
 
+BUTTON_ARIA_TYPE_ATTENTION=[[[Ŵąŗŋįŋğ∙∙∙∙∙∙∙]]]
+
 CAL_LEGEND_TODAY_TEXT=[[[Ţŏƌąŷ∙∙∙∙∙∙∙∙∙]]]
 
 CAL_LEGEND_SELECTED_TEXT=[[[Ŝēĺēċţēƌ Ďąŷ∙∙∙∙∙∙∙]]]
@@ -226,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS=[[[{0} ɱŏŗē]]]
 
 MULTIINPUT_VALUE_HELP_LABEL=[[[Ŝĥŏŵ Ʋąĺűē Ĥēĺρ∙∙∙∙]]]
 
+MULTIINPUT_VALUE_HELP=[[[Ʋąĺűē ĥēĺρ ąʋąįĺąƃĺē∙∙∙∙]]]
+
 PANEL_ICON=[[[Ĕχρąŋƌ/Ĉŏĺĺąρşē∙∙∙∙]]]
 
 RANGE_SLIDER_ARIA_DESCRIPTION=[[[Řąŋğē∙∙∙∙∙∙∙∙∙]]]

package/src/i18n/messagebundle_en_US_saprigi.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=‌‌‌​​‍‌‌‍‍​‌​​​
 
 BUTTON_ARIA_TYPE_EMPHASIZED=‌‍‍​​‌‍‌‍‌​‍‌‍‌​​‌‌‍​‌​‍​‍​​‍‌​‌‌‍‌‍‍‍‍​Emphasized
 
+BUTTON_ARIA_TYPE_ATTENTION=‍‍‍‍​​‌​‌​​‌​‍​‍‌‍‌‌​​‍‍‍​​‌‍‌​‌‌‍‍‌‍​​​Warning
+
 CAL_LEGEND_TODAY_TEXT=‌​‌‍​‌‍​​‌‌‍​‍‌​‌‍‌​‍​‌‌​‌‌‌‍‌‍‍‌‌‌‌‌‍​‍‍Today
 
 CAL_LEGEND_SELECTED_TEXT=‌‌‌​​‍‌​‌​‌​‍‌​‍​‍‌​​‌‌​‌‍​​‌‍‌‍​‌​‌​‌‍‍Selected Day

package/src/i18n/messagebundle_en_US_saptrc.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=aib5P3n/4eo3oTYgfWfuvg_Negative Action
 
 BUTTON_ARIA_TYPE_EMPHASIZED=Ek/VKc+8LlyWekXUdM33+w_Emphasized
 
+BUTTON_ARIA_TYPE_ATTENTION=CeS6/VQ4uletrFsdW160SA_Warning
+
 CAL_LEGEND_TODAY_TEXT=yLu7RwHOQ4JOMFI5J8kwqg_Today
 
 CAL_LEGEND_SELECTED_TEXT=7XmBIaNRpRZLuePQ635gnA_Selected Day
@@ -226,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS=RbztiSiXtUAotapO+VhSaA_{0} more
 
 MULTIINPUT_VALUE_HELP_LABEL=Ksjtbc43sB+kdLal+qkf3A_Show Value Help
 
+MULTIINPUT_VALUE_HELP=VNAYnWXxR9EUNUeTAbzHAQ_Value help available
+
 PANEL_ICON=Byla1YKa5zeRgIJMpOhjrA_Expand/Collapse
 
 RANGE_SLIDER_ARIA_DESCRIPTION=mhLUD8m6hoM42G6y5ETK8A_Range

package/src/i18n/messagebundle_es.properties

@@ -49,6 +49,8 @@ BUTTON_ARIA_TYPE_REJECT=Acción negativa
 
 BUTTON_ARIA_TYPE_EMPHASIZED=Resaltado
 
+BUTTON_ARIA_TYPE_ATTENTION=Advertencia
+
 CAL_LEGEND_TODAY_TEXT=Hoy
 
 CAL_LEGEND_SELECTED_TEXT=Día seleccionado
@@ -226,6 +228,8 @@ MULTIINPUT_SHOW_MORE_TOKENS={0} más
 
 MULTIINPUT_VALUE_HELP_LABEL=Mostrar ayuda para entradas
 
+MULTIINPUT_VALUE_HELP=Ayuda para entradas disponible
+
 PANEL_ICON=Ampliar/Comprimir
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Intervalo