@ui5/webcomponents 2.10.0-rc.0 → 2.10.0-rc.1

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

@@ -2074,8 +2074,13 @@
     },
     {
       "name": "ui5-li",
-      "description": "The `ui5-li` represents the simplest type of item for a `ui5-list`.\n\nThis is a list item,\nproviding the most common use cases such as `text`,\n`image` and `icon`.\n\n\n---\n\n\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\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- **image** - **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with it's default size - S.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-li` should be customized in order to fit.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n\n### **CSS Parts:**\n - **title** - Used to style the title of the list item\n- **description** - Used to style the description of the list item\n- **additional-text** - Used to style the additionalText of the list item\n- **icon** - Used to style the icon of the list item\n- **native-li** - Used to style the main li tag of the list item\n- **content** - Used to style the content area of the list item\n- **detail-button** - Used to style the button rendered when the list item is of type detail\n- **delete-button** - Used to style the button rendered when the list item is in delete mode\n- **radio** - Used to style the radio button rendered when the list item is in single selection mode\n- **checkbox** - Used to style the checkbox rendered when the list item is in multiple selection mode",
+      "description": "The `ui5-li` represents the simplest type of item for a `ui5-list`.\n\nThis is a list item,\nproviding the most common use cases such as `text`,\n`image` and `icon`.\n\n\n---\n\n\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\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. <br/>\n**Note:** Deprecated since version `2.10.0`. Use the `text` property instead. <br/>\nOnly use the default slot if you need to apply custom text formatting with HTML elements (like `<b>`, `<i>`, etc.).\n- **image** - **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with it's default size - S.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-li` should be customized in order to fit.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n\n### **CSS Parts:**\n - **title** - Used to style the title of the list item\n- **description** - Used to style the description of the list item\n- **additional-text** - Used to style the additionalText of the list item\n- **icon** - Used to style the icon of the list item\n- **native-li** - Used to style the main li tag of the list item\n- **content** - Used to style the content area of the list item\n- **detail-button** - Used to style the button rendered when the list item is of type detail\n- **delete-button** - Used to style the button rendered when the list item is in delete mode\n- **radio** - Used to style the radio button rendered when the list item is in single selection mode\n- **checkbox** - Used to style the checkbox rendered when the list item is in multiple selection mode",
       "attributes": [
+        {
+          "name": "text",
+          "description": "Defines the text of the component.",
+          "values": []
+        },
         {
           "name": "description",
           "description": "Defines the description displayed right under the item text, if such is present.",
@@ -2117,6 +2122,11 @@
           "description": "Defines the text alternative of the component.\nNote: If not provided a default text alternative will be set, if present.",
           "values": []
         },
+        {
+          "name": "wrapping-type",
+          "description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
+          "values": [{ "name": "None" }, { "name": "Normal" }]
+        },
         {
           "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.",
@@ -2172,9 +2182,19 @@
         },
         {
           "name": "open",
-          "description": "Indicates if the menu is open",
+          "description": "Indicates if the menu is open.",
           "values": []
         },
+        {
+          "name": "horizontal-align",
+          "description": "Determines the horizontal alignment of the menu relative to its opener control.",
+          "values": [
+            { "name": "Center" },
+            { "name": "Start" },
+            { "name": "End" },
+            { "name": "Stretch" }
+          ]
+        },
         {
           "name": "loading",
           "description": "Defines if a loading indicator would be displayed inside the corresponding ui5-menu popover.",
@@ -2182,7 +2202,7 @@
         },
         {
           "name": "loading-delay",
-          "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover..",
+          "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.",
           "values": []
         },
         {
@@ -2699,9 +2719,9 @@
           "name": "horizontal-align",
           "description": "Determines the horizontal alignment of the component.",
           "values": [
+            { "name": "Center" },
             { "name": "Start" },
             { "name": "End" },
-            { "name": "Center" },
             { "name": "Stretch" }
           ]
         },
@@ -3071,9 +3091,9 @@
           "name": "horizontal-align",
           "description": "Determines the horizontal alignment of the component.",
           "values": [
+            { "name": "Center" },
             { "name": "Start" },
             { "name": "End" },
-            { "name": "Center" },
             { "name": "Stretch" }
           ]
         },
@@ -3795,9 +3815,9 @@
           "name": "horizontal-align",
           "description": "Determines the horizontal alignment of table cells.",
           "values": [
+            { "name": "Center" },
             { "name": "Start" },
             { "name": "End" },
-            { "name": "Center" },
             { "name": "Left" },
             { "name": "Right" }
           ]
@@ -3813,9 +3833,9 @@
           "name": "horizontal-align",
           "description": "Determines the horizontal alignment of table cells.",
           "values": [
+            { "name": "Center" },
             { "name": "Start" },
             { "name": "End" },
-            { "name": "Center" },
             { "name": "Left" },
             { "name": "Right" }
           ]
@@ -3851,17 +3871,12 @@
       "attributes": [
         {
           "name": "width",
-          "description": "Defines the width of column.",
+          "description": "Defines the width of the column.\n\nBy default, the column will grow and shrink according to the available space.\nThis will distribute the space proportionally among all columns with no specific width set.\n\nSee [\\<length\\>](https://developer.mozilla.org/en-US/docs/Web/CSS/length) and\n[\\<percentage\\>](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) for possible width values.",
           "values": []
         },
         {
           "name": "min-width",
-          "description": "Defines the minimum width of the column.\n\nIf the table is in `Popin` mode and the minimum width does not fit anymore,\nthe column will move into the popin.\n\n**Note:** If `minWidth` has the `auto` value, the table ensures that the column is wider than at least `3rem`.",
-          "values": []
-        },
-        {
-          "name": "max-width",
-          "description": "Defines the maximum width of the column.",
+          "description": "Defines the minimum width of the column.\n\nIf the table is in `Popin` mode and the minimum width does not fit anymore,\nthe column will move into the popin.\n\nBy default, the table prevents the column from becoming too small.\nChanging this value to a small value might lead to accessibility issues.\n\n**Note:** This property only takes effect for columns with a [\\<percentage\\>](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) value\nor the default width.",
           "values": []
         },
         {
@@ -3892,9 +3907,9 @@
           "name": "horizontal-align",
           "description": "Determines the horizontal alignment of table cells.",
           "values": [
+            { "name": "Center" },
             { "name": "Start" },
             { "name": "End" },
-            { "name": "Center" },
             { "name": "Left" },
             { "name": "Right" }
           ]
@@ -4482,7 +4497,7 @@
     },
     {
       "name": "ui5-tokenizer",
-      "description": "### Overview\n\nA `ui5-tokenizer` is an invisible container for `ui5-token`s that supports keyboard navigation and token selection.\n\nThe `ui5-tokenizer` consists of two parts:\n- Tokens - displays the available tokens.\n- N-more indicator - contains the number of the remaining tokens that cannot be displayed due to the limited space.\n\n### Keyboard Handling\n\n#### Basic Navigation\nThe `ui5-tokenizer` provides advanced keyboard handling.\nWhen a token is focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [Left] or [Right] / [Up] or [Down] - Navigates left and right through the tokens.\n- [Home] - Navigates to the first token.\n- [End] - Navigates to the last token.\n\nThe user can use the following keyboard shortcuts to perform actions (such as select, delete):\n\n- [Space] - Selects a token.\n- [Backspace] / [Delete] - Deletes a token.\n**Note:** The deletion of a token is handled by the application with the use of the `token-delete` event.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Tokenizer.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **token-delete** - Fired when tokens are being deleted (delete icon, delete or backspace is pressed)\n- **selection-change** - Fired when token selection is changed by user interaction",
+      "description": "### Overview\n\nA `ui5-tokenizer` is an invisible container for `ui5-token`s that supports keyboard navigation and token selection.\n\nThe `ui5-tokenizer` consists of two parts:\n- Tokens - displays the available tokens.\n- N-more indicator - contains the number of the remaining tokens that cannot be displayed due to the limited space.\n\n### Keyboard Handling\n\n#### Basic Navigation\nThe `ui5-tokenizer` provides advanced keyboard handling.\nWhen a token is focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [Left] or [Right] / [Up] or [Down] - Navigates left and right through the tokens.\n- [Home] - Navigates to the first token.\n- [End] - Navigates to the last token.\n\nThe user can use the following keyboard shortcuts to perform actions (such as select, delete):\n\n- [Space] - Selects a token.\n- [Backspace] / [Delete] - Deletes a token.\n**Note:** The deletion of a token is handled by the application with the use of the `token-delete` event.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Tokenizer.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **token-delete** - Fired when tokens are being deleted (delete icon, delete or backspace is pressed)\n- **selection-change** - Fired when token selection is changed by user interaction\n\n### **Slots:**\n - **default** - Defines the tokens to be displayed.",
       "attributes": [
         {
           "name": "readonly",

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.0",
+  "version": "2.10.0-rc.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -4316,9 +4316,14 @@
         },
         {
           "name": "ui5-li",
-          "description": "The `ui5-li` represents the simplest type of item for a `ui5-list`.\n\nThis is a list item,\nproviding the most common use cases such as `text`,\n`image` and `icon`.\n---\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\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- **image** - **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with it's default size - S.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-li` should be customized in order to fit.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n\n### **CSS Parts:**\n - **title** - Used to style the title of the list item\n- **description** - Used to style the description of the list item\n- **additional-text** - Used to style the additionalText of the list item\n- **icon** - Used to style the icon of the list item\n- **native-li** - Used to style the main li tag of the list item\n- **content** - Used to style the content area of the list item\n- **detail-button** - Used to style the button rendered when the list item is of type detail\n- **delete-button** - Used to style the button rendered when the list item is in delete mode\n- **radio** - Used to style the radio button rendered when the list item is in single selection mode\n- **checkbox** - Used to style the checkbox rendered when the list item is in multiple selection mode",
+          "description": "The `ui5-li` represents the simplest type of item for a `ui5-list`.\n\nThis is a list item,\nproviding the most common use cases such as `text`,\n`image` and `icon`.\n---\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\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. <br/>\n**Note:** Deprecated since version `2.10.0`. Use the `text` property instead. <br/>\nOnly use the default slot if you need to apply custom text formatting with HTML elements (like `<b>`, `<i>`, etc.).\n- **image** - **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with it's default size - S.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-li` should be customized in order to fit.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n\n### **CSS Parts:**\n - **title** - Used to style the title of the list item\n- **description** - Used to style the description of the list item\n- **additional-text** - Used to style the additionalText of the list item\n- **icon** - Used to style the icon of the list item\n- **native-li** - Used to style the main li tag of the list item\n- **content** - Used to style the content area of the list item\n- **detail-button** - Used to style the button rendered when the list item is of type detail\n- **delete-button** - Used to style the button rendered when the list item is in delete mode\n- **radio** - Used to style the radio button rendered when the list item is in single selection mode\n- **checkbox** - Used to style the checkbox rendered when the list item is in multiple selection mode",
           "doc-url": "",
           "attributes": [
+            {
+              "name": "text",
+              "description": "Defines the text of the component.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
             {
               "name": "description",
               "description": "Defines the description displayed right under the item text, if such is present.",
@@ -4357,6 +4362,14 @@
               "description": "Defines the text alternative of the component.\nNote: If not provided a default text alternative will be set, if present.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
+            {
+              "name": "wrapping-type",
+              "description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
+              "value": {
+                "type": "\"None\" | \"Normal\"",
+                "default": "\"None\""
+              }
+            },
             {
               "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.",
@@ -4400,7 +4413,7 @@
           "slots": [
             {
               "name": "default",
-              "description": "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."
+              "description": "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. <br/>\n**Note:** Deprecated since version `2.10.0`. Use the `text` property instead. <br/>\nOnly use the default slot if you need to apply custom text formatting with HTML elements (like `<b>`, `<i>`, etc.)."
             },
             {
               "name": "image",
@@ -4419,6 +4432,11 @@
           ],
           "js": {
             "properties": [
+              {
+                "name": "text",
+                "description": "Defines the text of the component.",
+                "value": { "type": "string | undefined" }
+              },
               {
                 "name": "description",
                 "description": "Defines the description displayed right under the item text, if such is present.",
@@ -4456,6 +4474,11 @@
                 "description": "Defines the text alternative of the component.\nNote: If not provided a default text alternative will be set, if present.",
                 "value": { "type": "string | undefined" }
               },
+              {
+                "name": "wrapping-type",
+                "description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
+                "value": { "type": "\"None\" | \"Normal\"" }
+              },
               {
                 "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.",
@@ -4511,9 +4534,17 @@
             },
             {
               "name": "open",
-              "description": "Indicates if the menu is open",
+              "description": "Indicates if the menu is open.",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "horizontal-align",
+              "description": "Determines the horizontal alignment of the menu relative to its opener control.",
+              "value": {
+                "type": "\"Center\" | \"Start\" | \"End\" | \"Stretch\"",
+                "default": "\"Start\""
+              }
+            },
             {
               "name": "loading",
               "description": "Defines if a loading indicator would be displayed inside the corresponding ui5-menu popover.",
@@ -4521,7 +4552,7 @@
             },
             {
               "name": "loading-delay",
-              "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover..",
+              "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.",
               "value": { "type": "number", "default": "1000" }
             },
             {
@@ -4570,9 +4601,16 @@
               },
               {
                 "name": "open",
-                "description": "Indicates if the menu is open",
+                "description": "Indicates if the menu is open.",
                 "value": { "type": "boolean" }
               },
+              {
+                "name": "horizontal-align",
+                "description": "Determines the horizontal alignment of the menu relative to its opener control.",
+                "value": {
+                  "type": "\"Center\" | \"Start\" | \"End\" | \"Stretch\""
+                }
+              },
               {
                 "name": "loading",
                 "description": "Defines if a loading indicator would be displayed inside the corresponding ui5-menu popover.",
@@ -4580,7 +4618,7 @@
               },
               {
                 "name": "loading-delay",
-                "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover..",
+                "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.",
                 "value": { "type": "number" }
               },
               {
@@ -5802,7 +5840,7 @@
               "name": "horizontal-align",
               "description": "Determines the horizontal alignment of the component.",
               "value": {
-                "type": "\"Start\" | \"End\" | \"Center\" | \"Stretch\"",
+                "type": "\"Center\" | \"Start\" | \"End\" | \"Stretch\"",
                 "default": "\"Center\""
               }
             },
@@ -5923,7 +5961,7 @@
                 "name": "horizontal-align",
                 "description": "Determines the horizontal alignment of the component.",
                 "value": {
-                  "type": "\"Start\" | \"End\" | \"Center\" | \"Stretch\""
+                  "type": "\"Center\" | \"Start\" | \"End\" | \"Stretch\""
                 }
               },
               {
@@ -6504,7 +6542,7 @@
               "name": "horizontal-align",
               "description": "Determines the horizontal alignment of the component.",
               "value": {
-                "type": "\"Start\" | \"End\" | \"Center\" | \"Stretch\"",
+                "type": "\"Center\" | \"Start\" | \"End\" | \"Stretch\"",
                 "default": "\"Center\""
               }
             },
@@ -6625,7 +6663,7 @@
                 "name": "horizontal-align",
                 "description": "Determines the horizontal alignment of the component.",
                 "value": {
-                  "type": "\"Start\" | \"End\" | \"Center\" | \"Stretch\""
+                  "type": "\"Center\" | \"Start\" | \"End\" | \"Stretch\""
                 }
               },
               {
@@ -8109,7 +8147,7 @@
               "name": "horizontal-align",
               "description": "Determines the horizontal alignment of table cells.",
               "value": {
-                "type": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined",
+                "type": "\"Center\" | \"Start\" | \"End\" | \"Left\" | \"Right\" | undefined",
                 "default": "undefined"
               }
             }
@@ -8127,7 +8165,7 @@
                 "name": "horizontal-align",
                 "description": "Determines the horizontal alignment of table cells.",
                 "value": {
-                  "type": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
+                  "type": "\"Center\" | \"Start\" | \"End\" | \"Left\" | \"Right\" | undefined"
                 }
               }
             ],
@@ -8197,18 +8235,13 @@
           "attributes": [
             {
               "name": "width",
-              "description": "Defines the width of column.",
-              "value": { "type": "string", "default": "\"auto\"" }
+              "description": "Defines the width of the column.\n\nBy default, the column will grow and shrink according to the available space.\nThis will distribute the space proportionally among all columns with no specific width set.\n\nSee [\\<length\\>](https://developer.mozilla.org/en-US/docs/Web/CSS/length) and\n[\\<percentage\\>](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) for possible width values.",
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "min-width",
-              "description": "Defines the minimum width of the column.\n\nIf the table is in `Popin` mode and the minimum width does not fit anymore,\nthe column will move into the popin.\n\n**Note:** If `minWidth` has the `auto` value, the table ensures that the column is wider than at least `3rem`.",
-              "value": { "type": "string", "default": "\"auto\"" }
-            },
-            {
-              "name": "max-width",
-              "description": "Defines the maximum width of the column.",
-              "value": { "type": "string", "default": "\"auto\"" }
+              "description": "Defines the minimum width of the column.\n\nIf the table is in `Popin` mode and the minimum width does not fit anymore,\nthe column will move into the popin.\n\nBy default, the table prevents the column from becoming too small.\nChanging this value to a small value might lead to accessibility issues.\n\n**Note:** This property only takes effect for columns with a [\\<percentage\\>](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) value\nor the default width.",
+              "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
               "name": "importance",
@@ -8237,7 +8270,7 @@
               "name": "horizontal-align",
               "description": "Determines the horizontal alignment of table cells.",
               "value": {
-                "type": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined",
+                "type": "\"Center\" | \"Start\" | \"End\" | \"Left\" | \"Right\" | undefined",
                 "default": "undefined"
               }
             }
@@ -8257,18 +8290,13 @@
             "properties": [
               {
                 "name": "width",
-                "description": "Defines the width of column.",
-                "value": { "type": "string" }
+                "description": "Defines the width of the column.\n\nBy default, the column will grow and shrink according to the available space.\nThis will distribute the space proportionally among all columns with no specific width set.\n\nSee [\\<length\\>](https://developer.mozilla.org/en-US/docs/Web/CSS/length) and\n[\\<percentage\\>](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) for possible width values.",
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "min-width",
-                "description": "Defines the minimum width of the column.\n\nIf the table is in `Popin` mode and the minimum width does not fit anymore,\nthe column will move into the popin.\n\n**Note:** If `minWidth` has the `auto` value, the table ensures that the column is wider than at least `3rem`.",
-                "value": { "type": "string" }
-              },
-              {
-                "name": "max-width",
-                "description": "Defines the maximum width of the column.",
-                "value": { "type": "string" }
+                "description": "Defines the minimum width of the column.\n\nIf the table is in `Popin` mode and the minimum width does not fit anymore,\nthe column will move into the popin.\n\nBy default, the table prevents the column from becoming too small.\nChanging this value to a small value might lead to accessibility issues.\n\n**Note:** This property only takes effect for columns with a [\\<percentage\\>](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) value\nor the default width.",
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "importance",
@@ -8294,7 +8322,7 @@
                 "name": "horizontal-align",
                 "description": "Determines the horizontal alignment of table cells.",
                 "value": {
-                  "type": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
+                  "type": "\"Center\" | \"Start\" | \"End\" | \"Left\" | \"Right\" | undefined"
                 }
               }
             ],
@@ -9542,7 +9570,7 @@
         },
         {
           "name": "ui5-tokenizer",
-          "description": "### Overview\n\nA `ui5-tokenizer` is an invisible container for `ui5-token`s that supports keyboard navigation and token selection.\n\nThe `ui5-tokenizer` consists of two parts:\n- Tokens - displays the available tokens.\n- N-more indicator - contains the number of the remaining tokens that cannot be displayed due to the limited space.\n\n### Keyboard Handling\n\n#### Basic Navigation\nThe `ui5-tokenizer` provides advanced keyboard handling.\nWhen a token is focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [Left] or [Right] / [Up] or [Down] - Navigates left and right through the tokens.\n- [Home] - Navigates to the first token.\n- [End] - Navigates to the last token.\n\nThe user can use the following keyboard shortcuts to perform actions (such as select, delete):\n\n- [Space] - Selects a token.\n- [Backspace] / [Delete] - Deletes a token.\n**Note:** The deletion of a token is handled by the application with the use of the `token-delete` event.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Tokenizer.js\";`\n---\n\n\n### **Events:**\n - **token-delete** - Fired when tokens are being deleted (delete icon, delete or backspace is pressed)\n- **selection-change** - Fired when token selection is changed by user interaction",
+          "description": "### Overview\n\nA `ui5-tokenizer` is an invisible container for `ui5-token`s that supports keyboard navigation and token selection.\n\nThe `ui5-tokenizer` consists of two parts:\n- Tokens - displays the available tokens.\n- N-more indicator - contains the number of the remaining tokens that cannot be displayed due to the limited space.\n\n### Keyboard Handling\n\n#### Basic Navigation\nThe `ui5-tokenizer` provides advanced keyboard handling.\nWhen a token is focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [Left] or [Right] / [Up] or [Down] - Navigates left and right through the tokens.\n- [Home] - Navigates to the first token.\n- [End] - Navigates to the last token.\n\nThe user can use the following keyboard shortcuts to perform actions (such as select, delete):\n\n- [Space] - Selects a token.\n- [Backspace] / [Delete] - Deletes a token.\n**Note:** The deletion of a token is handled by the application with the use of the `token-delete` event.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Tokenizer.js\";`\n---\n\n\n### **Events:**\n - **token-delete** - Fired when tokens are being deleted (delete icon, delete or backspace is pressed)\n- **selection-change** - Fired when token selection is changed by user interaction\n\n### **Slots:**\n - **default** - Defines the tokens to be displayed.",
           "doc-url": "",
           "attributes": [
             {
@@ -9576,6 +9604,12 @@
               "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the tokens to be displayed."
+            }
+          ],
           "events": [
             {
               "name": "token-delete",

package/package.json

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

package/src/ListItemStandardTemplate.tsx

@@ -2,6 +2,7 @@ import Icon from "./Icon.js";
 import type ListItemStandard from "./ListItemStandard.js";
 import ListItemTemplate from "./ListItemTemplate.js";
 import type { ListItemHooks } from "./ListItemTemplate.js";
+import WrappingType from "./types/WrappingType.js";
 
 const predefinedHooks: Partial<ListItemHooks> = {
 	imageBegin,
@@ -19,29 +20,67 @@ export default function ListItemStandardTemplate(this: ListItemStandard, hooks?:
 function listItemContent(this: ListItemStandard) {
 	return <>
 		<div class="ui5-li-text-wrapper">
-			<span part="title" class="ui5-li-title">
-				<slot></slot>
-			</span>
-			{this.description && (
-				<div class="ui5-li-description-info-wrapper">
-					<span part="description" class="ui5-li-desc">{this.description}</span>
-					{
-						this.additionalText && (
-							<span part="additional-text" class="ui5-li-additional-text">{this.additionalText}</span>
-						)
-					}
-				</div>
-			)}
+			{renderTitle.call(this)}
+			{renderDescription.call(this)}
 
 			{!this.typeActive && <span class="ui5-hidden-text">{this.type}</span>}
 		</div>
 
-		{!this.description && this.additionalText && (
-			<span part="additional-text" class="ui5-li-additional-text">{this.additionalText}</span>
-		)}
+		{!this.description && renderAdditionalText.call(this)}
 	</>;
 }
 
+function renderTitle(this: ListItemStandard) {
+	if (this.wrappingType === WrappingType.Normal) {
+		return this.expandableTextTemplate?.call(this, {
+			className: "ui5-li-title",
+			text: this._textContent,
+			maxCharacters: this._maxCharacters,
+			part: "title",
+		});
+	}
+
+	return (
+		<span part="title" class="ui5-li-title">
+			{this.text ? this.text : <slot></slot>}
+		</span>
+	);
+}
+
+function renderDescription(this: ListItemStandard) {
+	if (!this.description) {
+		return null;
+	}
+
+	if (this.wrappingType === WrappingType.Normal) {
+		return (
+			<div class="ui5-li-description-info-wrapper">
+				{this.expandableTextTemplate?.call(this, {
+					className: "ui5-li-desc",
+					text: this.description,
+					maxCharacters: this._maxCharacters,
+					part: "description",
+				})}
+				{renderAdditionalText.call(this)}
+			</div>
+		);
+	}
+
+	return (
+		<div class="ui5-li-description-info-wrapper">
+			<span part="description" class="ui5-li-desc">{this.description}</span>
+			{renderAdditionalText.call(this)}
+		</div>
+	);
+}
+
+function renderAdditionalText(this: ListItemStandard) {
+	if (!this.additionalText) {
+		return null;
+	}
+	return <span part="additional-text" class="ui5-li-additional-text">{this.additionalText}</span>;
+}
+
 function imageBegin(this: ListItemStandard) {
 	if (this.hasImage) {
 		return <div class="ui5-li-image">

package/src/MenuTemplate.tsx

@@ -12,6 +12,7 @@ export default function MenuTemplate(this: Menu) {
 			class="ui5-menu-rp"
 			placement="Bottom"
 			verticalAlign="Bottom"
+			horizontalAlign={this.horizontalAlign}
 			opener={this.opener}
 			open={this.open}
 			preventInitialFocus={true}

package/src/TableTemplate.tsx

@@ -16,6 +16,7 @@ export default function TableTemplate(this: Table) {
 				aria-multiselectable={this._ariaMultiSelectable}
 			>
 				<slot name="headerRow"></slot>
+
 				<div id="rows">
 					<div id="spacer" style={this.styles.spacer}>
 						<slot></slot>

package/src/features/ListItemStandardExpandableTextTemplate.tsx

@@ -0,0 +1,31 @@
+import ExpandableText from "../ExpandableText.js";
+import type ListItemStandard from "../ListItemStandard.js";
+import type { ExpandableTextTemplateParams } from "../types/ExpandableTextTemplateParams.js";
+
+/**
+ * Provides a template for rendering text with the ExpandableText component
+ * when wrappingType is set to "Normal".
+ *
+ * @param {object} injectedProps - The configuration options for the expandable text
+ * @returns {JSX.Element} The rendered ExpandableText component
+ */
+export default function ListItemStandardExpandableTextTemplate(
+	this: ListItemStandard,
+	injectedProps: ExpandableTextTemplateParams
+): JSX.Element {
+	const {
+		className,
+		text,
+		maxCharacters,
+		part
+	} = injectedProps;
+
+	return (
+		<ExpandableText
+			part={part}
+			class={className}
+			text={text}
+			maxCharacters={maxCharacters}
+		/>
+	);
+}

package/src/themes/BusyIndicator.css

@@ -91,8 +91,8 @@
 	border-radius: inherit;
 }
 
-:host(:not(:empty)) .ui5-busy-indicator-busy-area {
-	background-color: var(--_ui5_busy_indicator_block_layer);
+:host([active]) ::slotted(*) {
+	opacity: var(--sapContent_DisabledOpacity);	
 }
 
 :host([desktop]) .ui5-busy-indicator-busy-area:focus,