@ui5/webcomponents 2.16.0-rc.3 → 2.16.1-rc.0

package/dist/custom-elements-internal.json

@@ -9706,6 +9706,35 @@
               "privacy": "public",
               "_ui5since": "2.10.0"
             },
+            {
+              "kind": "field",
+              "name": "accessibleNameRef",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines id (or many ids) of the element (or elements) that label the component.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.16.0"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleMode",
+              "type": {
+                "text": "FormAccessibleMode",
+                "references": [
+                  {
+                    "name": "FormAccessibleMode",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/FormAccessibleMode.js"
+                  }
+                ]
+              },
+              "default": "\"Display\"",
+              "description": "Defines the accessibility mode of the component in \"edit\" and \"display\" use-cases.\n\nBased on the mode, the component renders different HTML elements and ARIA attributes,\nwhich are appropriate for the use-case.\n\n**Usage:**\n- Set this property to \"Display\", when the form consists of non-editable (e.g. texts) form items.\n- Set this property to \"Edit\", when the form consists of editable (e.g. input fields) form items.",
+              "privacy": "public",
+              "_ui5since": "2.16.0"
+            },
             {
               "kind": "field",
               "name": "layout",
@@ -9779,7 +9808,7 @@
                 ]
               },
               "default": "\"Normal\"",
-              "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.",
+              "description": "Defines the vertical spacing between form items.\n\n**Note:** If the Form is meant to be switched between \"display\"(\"non-edit\") and \"edit\" modes,\nwe recommend using \"Large\" item spacing in \"display\"(\"non-edit\") mode, and \"Normal\" - for \"edit\" mode,\nto avoid \"jumping\" effect, caused by the hight difference between texts in \"display\"(\"non-edit\") mode and the input fields in \"edit\" mode.",
               "privacy": "public"
             }
           ],
@@ -9793,6 +9822,24 @@
                 "text": "string | undefined"
               }
             },
+            {
+              "description": "Defines id (or many ids) of the element (or elements) that label the component.",
+              "name": "accessible-name-ref",
+              "default": "undefined",
+              "fieldName": "accessibleNameRef",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Defines the accessibility mode of the component in \"edit\" and \"display\" use-cases.\n\nBased on the mode, the component renders different HTML elements and ARIA attributes,\nwhich are appropriate for the use-case.\n\n**Usage:**\n- Set this property to \"Display\", when the form consists of non-editable (e.g. texts) form items.\n- Set this property to \"Edit\", when the form consists of editable (e.g. input fields) form items.",
+              "name": "accessible-mode",
+              "default": "\"Display\"",
+              "fieldName": "accessibleMode",
+              "type": {
+                "text": "\"Display\" | \"Edit\""
+              }
+            },
             {
               "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)",
               "name": "layout",
@@ -9839,7 +9886,7 @@
               }
             },
             {
-              "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.",
+              "description": "Defines the vertical spacing between form items.\n\n**Note:** If the Form is meant to be switched between \"display\"(\"non-edit\") and \"edit\" modes,\nwe recommend using \"Large\" item spacing in \"display\"(\"non-edit\") mode, and \"Normal\" - for \"edit\" mode,\nto avoid \"jumping\" effect, caused by the hight difference between texts in \"display\"(\"non-edit\") mode and the input fields in \"edit\" mode.",
               "name": "item-spacing",
               "default": "\"Normal\"",
               "fieldName": "itemSpacing",
@@ -9953,6 +10000,17 @@
               "default": "undefined",
               "privacy": "public",
               "_ui5since": "2.16.0"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleNameRef",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines id (or many ids) of the element (or elements) that label the component.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.16.0"
             }
           ],
           "attributes": [
@@ -9991,6 +10049,15 @@
               "type": {
                 "text": "string | undefined"
               }
+            },
+            {
+              "description": "Defines id (or many ids) of the element (or elements) that label the component.",
+              "name": "accessible-name-ref",
+              "default": "undefined",
+              "fieldName": "accessibleNameRef",
+              "type": {
+                "text": "string | undefined"
+              }
             }
           ],
           "superclass": {
@@ -19741,19 +19808,12 @@
             },
             {
               "kind": "field",
-              "name": "contentMode",
+              "name": "itemsFitContent",
               "type": {
-                "text": "SegmentedButtonContentMode",
-                "references": [
-                  {
-                    "name": "SegmentedButtonContentMode",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/types/SegmentedButtonContentMode.js"
-                  }
-                ]
+                "text": "boolean"
               },
-              "default": "\"EqualSized\"",
-              "description": "Defines the content mode of the segmented button items.\n\n- \"EqualSized\": All items are sized equally to fill the available space.\n- \"ContentFit\": Each item is sized to fit its content, with any extra space placed after the last item.",
+              "default": "false",
+              "description": "Determines whether the segmented button items should be sized to fit their content.\n\nIf set to `true`, each item will be sized to fit its content, with any extra space distributed after the last item.\nIf set to `false` (the default), all items will be equally sized to fill the available space.",
               "privacy": "public",
               "_ui5since": "2.16.0"
             },
@@ -19861,12 +19921,12 @@
               }
             },
             {
-              "description": "Defines the content mode of the segmented button items.\n\n- \"EqualSized\": All items are sized equally to fill the available space.\n- \"ContentFit\": Each item is sized to fit its content, with any extra space placed after the last item.",
-              "name": "content-mode",
-              "default": "\"EqualSized\"",
-              "fieldName": "contentMode",
+              "description": "Determines whether the segmented button items should be sized to fit their content.\n\nIf set to `true`, each item will be sized to fit its content, with any extra space distributed after the last item.\nIf set to `false` (the default), all items will be equally sized to fill the available space.",
+              "name": "items-fit-content",
+              "default": "false",
+              "fieldName": "itemsFitContent",
               "type": {
-                "text": "\"ContentFit\" | \"EqualSized\""
+                "text": "boolean"
               }
             },
             {
@@ -20302,14 +20362,14 @@
             },
             {
               "kind": "field",
-              "name": "twoColumnSeparator",
+              "name": "textSeparator",
               "type": {
-                "text": "SelectTwoColumnSeparator",
+                "text": "SelectTextSeparator",
                 "references": [
                   {
-                    "name": "SelectTwoColumnSeparator",
+                    "name": "SelectTextSeparator",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/types/SelectTwoColumnSeparator.js"
+                    "module": "dist/types/SelectTextSeparator.js"
                   }
                 ]
               },
@@ -20538,9 +20598,9 @@
             },
             {
               "description": "Defines the separator type for the two columns layout when Select is in read-only mode.",
-              "name": "two-column-separator",
+              "name": "text-separator",
               "default": "\"Dash\"",
-              "fieldName": "twoColumnSeparator",
+              "fieldName": "textSeparator",
               "type": {
                 "text": "\"Bullet\" | \"Dash\" | \"VerticalLine\""
               }
@@ -33539,6 +33599,49 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/FormAccessibleMode.js",
+      "declarations": [
+        {
+          "kind": "enum",
+          "name": "FormAccessibleMode",
+          "description": "Accessibility modes of the Form.\n\nBased on the mode, the Form and its items will render different HTML elements and ARIA attributes,\nwhich are appropriate for the use-case.\n\n**Usage:**\n- \"Display\" mode should be used when the form consists of non-editable (e.g. texts) form items.\n- \"Edit\" mode should be used when the form consists of editable (e.g. input fields) form items.",
+          "_ui5privacy": "public",
+          "_ui5since": "2.16.0",
+          "members": [
+            {
+              "kind": "field",
+              "static": true,
+              "privacy": "public",
+              "description": "Display mode.",
+              "default": "Display",
+              "name": "Display",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "static": true,
+              "privacy": "public",
+              "description": "Edit mode.",
+              "default": "Edit",
+              "name": "Edit",
+              "readonly": true
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FormAccessibleMode",
+            "module": "dist/types/FormAccessibleMode.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/types/FormItemSpacing.js",
@@ -33546,7 +33649,7 @@
         {
           "kind": "enum",
           "name": "FormItemSpacing",
-          "description": "Different Button designs.",
+          "description": "Different spacing of the form items.",
           "_ui5privacy": "public",
           "_ui5since": "2.0.0",
           "members": [
@@ -35022,48 +35125,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/SegmentedButtonContentMode.js",
-      "declarations": [
-        {
-          "kind": "enum",
-          "name": "SegmentedButtonContentMode",
-          "description": "Different SegmentedButton items sizing modes.",
-          "_ui5privacy": "public",
-          "members": [
-            {
-              "kind": "field",
-              "static": true,
-              "privacy": "public",
-              "description": "Each item is sized to fit its content, with any extra space placed after the last item.",
-              "default": "ContentFit",
-              "name": "ContentFit",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "static": true,
-              "privacy": "public",
-              "description": "All items are sized equally to fill the available space.",
-              "default": "EqualSized",
-              "name": "EqualSized",
-              "readonly": true
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SegmentedButtonContentMode",
-            "module": "dist/types/SegmentedButtonContentMode.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "dist/types/SegmentedButtonSelectionMode.js",
@@ -35108,11 +35169,11 @@
     },
     {
       "kind": "javascript-module",
-      "path": "dist/types/SelectTwoColumnSeparator.js",
+      "path": "dist/types/SelectTextSeparator.js",
       "declarations": [
         {
           "kind": "enum",
-          "name": "SelectTwoColumnSeparator",
+          "name": "SelectTextSeparator",
           "description": "Defines the separator types for Select component two-column layout.",
           "_ui5privacy": "public",
           "_ui5since": "2.16.0",
@@ -35152,8 +35213,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SelectTwoColumnSeparator",
-            "module": "dist/types/SelectTwoColumnSeparator.js"
+            "name": "SelectTextSeparator",
+            "module": "dist/types/SelectTextSeparator.js"
           }
         }
       ]

package/dist/custom-elements.json

@@ -8514,6 +8514,33 @@
               "default": "undefined",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "accessibleNameRef",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines id (or many ids) of the element (or elements) that label the component.",
+              "default": "undefined",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleMode",
+              "type": {
+                "text": "FormAccessibleMode",
+                "references": [
+                  {
+                    "name": "FormAccessibleMode",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/FormAccessibleMode.js"
+                  }
+                ]
+              },
+              "default": "\"Display\"",
+              "description": "Defines the accessibility mode of the component in \"edit\" and \"display\" use-cases.\n\nBased on the mode, the component renders different HTML elements and ARIA attributes,\nwhich are appropriate for the use-case.\n\n**Usage:**\n- Set this property to \"Display\", when the form consists of non-editable (e.g. texts) form items.\n- Set this property to \"Edit\", when the form consists of editable (e.g. input fields) form items.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "layout",
@@ -8585,7 +8612,7 @@
                 ]
               },
               "default": "\"Normal\"",
-              "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.",
+              "description": "Defines the vertical spacing between form items.\n\n**Note:** If the Form is meant to be switched between \"display\"(\"non-edit\") and \"edit\" modes,\nwe recommend using \"Large\" item spacing in \"display\"(\"non-edit\") mode, and \"Normal\" - for \"edit\" mode,\nto avoid \"jumping\" effect, caused by the hight difference between texts in \"display\"(\"non-edit\") mode and the input fields in \"edit\" mode.",
               "privacy": "public"
             }
           ],
@@ -8599,6 +8626,24 @@
                 "text": "string | undefined"
               }
             },
+            {
+              "description": "Defines id (or many ids) of the element (or elements) that label the component.",
+              "name": "accessible-name-ref",
+              "default": "undefined",
+              "fieldName": "accessibleNameRef",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Defines the accessibility mode of the component in \"edit\" and \"display\" use-cases.\n\nBased on the mode, the component renders different HTML elements and ARIA attributes,\nwhich are appropriate for the use-case.\n\n**Usage:**\n- Set this property to \"Display\", when the form consists of non-editable (e.g. texts) form items.\n- Set this property to \"Edit\", when the form consists of editable (e.g. input fields) form items.",
+              "name": "accessible-mode",
+              "default": "\"Display\"",
+              "fieldName": "accessibleMode",
+              "type": {
+                "text": "\"Display\" | \"Edit\""
+              }
+            },
             {
               "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)",
               "name": "layout",
@@ -8645,7 +8690,7 @@
               }
             },
             {
-              "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.",
+              "description": "Defines the vertical spacing between form items.\n\n**Note:** If the Form is meant to be switched between \"display\"(\"non-edit\") and \"edit\" modes,\nwe recommend using \"Large\" item spacing in \"display\"(\"non-edit\") mode, and \"Normal\" - for \"edit\" mode,\nto avoid \"jumping\" effect, caused by the hight difference between texts in \"display\"(\"non-edit\") mode and the input fields in \"edit\" mode.",
               "name": "item-spacing",
               "default": "\"Normal\"",
               "fieldName": "itemSpacing",
@@ -8743,6 +8788,16 @@
               "description": "Defines the accessible ARIA name of the component.",
               "default": "undefined",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleNameRef",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines id (or many ids) of the element (or elements) that label the component.",
+              "default": "undefined",
+              "privacy": "public"
             }
           ],
           "attributes": [
@@ -8781,6 +8836,15 @@
               "type": {
                 "text": "string | undefined"
               }
+            },
+            {
+              "description": "Defines id (or many ids) of the element (or elements) that label the component.",
+              "name": "accessible-name-ref",
+              "default": "undefined",
+              "fieldName": "accessibleNameRef",
+              "type": {
+                "text": "string | undefined"
+              }
             }
           ],
           "superclass": {
@@ -17247,19 +17311,12 @@
             },
             {
               "kind": "field",
-              "name": "contentMode",
+              "name": "itemsFitContent",
               "type": {
-                "text": "SegmentedButtonContentMode",
-                "references": [
-                  {
-                    "name": "SegmentedButtonContentMode",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/types/SegmentedButtonContentMode.js"
-                  }
-                ]
+                "text": "boolean"
               },
-              "default": "\"EqualSized\"",
-              "description": "Defines the content mode of the segmented button items.\n\n- \"EqualSized\": All items are sized equally to fill the available space.\n- \"ContentFit\": Each item is sized to fit its content, with any extra space placed after the last item.",
+              "default": "false",
+              "description": "Determines whether the segmented button items should be sized to fit their content.\n\nIf set to `true`, each item will be sized to fit its content, with any extra space distributed after the last item.\nIf set to `false` (the default), all items will be equally sized to fill the available space.",
               "privacy": "public"
             },
             {
@@ -17344,12 +17401,12 @@
               }
             },
             {
-              "description": "Defines the content mode of the segmented button items.\n\n- \"EqualSized\": All items are sized equally to fill the available space.\n- \"ContentFit\": Each item is sized to fit its content, with any extra space placed after the last item.",
-              "name": "content-mode",
-              "default": "\"EqualSized\"",
-              "fieldName": "contentMode",
+              "description": "Determines whether the segmented button items should be sized to fit their content.\n\nIf set to `true`, each item will be sized to fit its content, with any extra space distributed after the last item.\nIf set to `false` (the default), all items will be equally sized to fill the available space.",
+              "name": "items-fit-content",
+              "default": "false",
+              "fieldName": "itemsFitContent",
               "type": {
-                "text": "\"ContentFit\" | \"EqualSized\""
+                "text": "boolean"
               }
             },
             {
@@ -17726,14 +17783,14 @@
             },
             {
               "kind": "field",
-              "name": "twoColumnSeparator",
+              "name": "textSeparator",
               "type": {
-                "text": "SelectTwoColumnSeparator",
+                "text": "SelectTextSeparator",
                 "references": [
                   {
-                    "name": "SelectTwoColumnSeparator",
+                    "name": "SelectTextSeparator",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/types/SelectTwoColumnSeparator.js"
+                    "module": "dist/types/SelectTextSeparator.js"
                   }
                 ]
               },
@@ -17907,9 +17964,9 @@
             },
             {
               "description": "Defines the separator type for the two columns layout when Select is in read-only mode.",
-              "name": "two-column-separator",
+              "name": "text-separator",
               "default": "\"Dash\"",
-              "fieldName": "twoColumnSeparator",
+              "fieldName": "textSeparator",
               "type": {
                 "text": "\"Bullet\" | \"Dash\" | \"VerticalLine\""
               }
@@ -28356,6 +28413,21 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/FormAccessibleMode.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FormAccessibleMode",
+            "module": "dist/types/FormAccessibleMode.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/types/FormItemSpacing.js",
@@ -28746,21 +28818,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/SegmentedButtonContentMode.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SegmentedButtonContentMode",
-            "module": "dist/types/SegmentedButtonContentMode.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "dist/types/SegmentedButtonSelectionMode.js",
@@ -28778,15 +28835,15 @@
     },
     {
       "kind": "javascript-module",
-      "path": "dist/types/SelectTwoColumnSeparator.js",
+      "path": "dist/types/SelectTextSeparator.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SelectTwoColumnSeparator",
-            "module": "dist/types/SelectTwoColumnSeparator.js"
+            "name": "SelectTextSeparator",
+            "module": "dist/types/SelectTextSeparator.js"
           }
         }
       ]