feat: update to UI5 Web Components 2.10.0 (#7308)

Author: Lukas742

.storybook/custom-element-manifests/fiori.json

@@ -51,5 +51,6 @@
   "2.6.0": "2.6.2",
   "2.7.0": "2.7.0",
   "2.8.0": "2.8.0",
-  "2.9.0": "2.9.0"
+  "2.9.0": "2.9.0",
+  "2.10.0": "2.10.0"
 }

.storybook/custom-element-manifests/main.json

@@ -46,15 +46,9 @@ const onSelectionChange = (event) => {
 };
 
 <List mode={ListSelectionMode.MultiSelect} onSelectionChange={onSelectionChange}>
-  <ListItemStandard additionalText="3" data-custom="custom value of list item 1">
-    List Item 1
-  </ListItemStandard>
-  <ListItemStandard additionalText="2" data-custom="custom value of list item 2">
-    List Item 2
-  </ListItemStandard>
-  <ListItemStandard additionalText="1" data-custom="custom value of list item 3">
-    List Item 3
-  </ListItemStandard>
+  <ListItemStandard additionalText="3" data-custom="custom value of list item 1" text="List Item 1" />
+  <ListItemStandard additionalText="2" data-custom="custom value of list item 2" text="List Item 2" />
+  <ListItemStandard additionalText="1" data-custom="custom value of list item 3" text="List Item 3" />
 </List>;
 ```
 

config/version-info.json

@@ -163,9 +163,9 @@ function MyComponent() {
       className="card"
     >
       <List>
-        <ListItemStandard description="Software Architect">Richard Wilson</ListItemStandard>
-        <ListItemStandard description="Visual Designer">Elena Petrova</ListItemStandard>
-        <ListItemStandard description="Quality Specialist">John Miller</ListItemStandard>
+        <ListItemStandard description="Software Architect" text="Richard Wilson" />
+        <ListItemStandard description="Visual Designer" text="Elena Petrova" />
+        <ListItemStandard description="Quality Specialist" text="John Miller" />
       </List>
     </Card>
   );

docs/knowledge-base/ChangeEvents.mdx

@@ -43,11 +43,11 @@
     "@storybook/react": "8.6.12",
     "@storybook/react-vite": "8.6.12",
     "@storybook/theming": "8.6.12",
-    "@ui5/webcomponents": "2.9.0",
-    "@ui5/webcomponents-ai": "2.9.0",
-    "@ui5/webcomponents-compat": "2.9.0",
-    "@ui5/webcomponents-fiori": "2.9.0",
-    "@ui5/webcomponents-icons": "2.9.0",
+    "@ui5/webcomponents": "2.10.0",
+    "@ui5/webcomponents-ai": "2.10.0",
+    "@ui5/webcomponents-compat": "2.10.0",
+    "@ui5/webcomponents-fiori": "2.10.0",
+    "@ui5/webcomponents-icons": "2.10.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "remark-gfm": "^4.0.0",
@@ -69,7 +69,7 @@
     "@types/node": "^22.0.0",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.1",
-    "@ui5/webcomponents-tools": "2.9.0",
+    "@ui5/webcomponents-tools": "2.10.0",
     "@vitejs/plugin-react": "^4.2.0",
     "chromatic": "^11.0.0",
     "cssnano": "^7.0.0",

docs/knowledge-base/Styling.mdx

@@ -33,7 +33,7 @@
     "@ui5/webcomponents-react-base": "workspace:~"
   },
   "peerDependencies": {
-    "@ui5/webcomponents-ai": "~2.9.0",
+    "@ui5/webcomponents-ai": "~2.10.0",
     "react": "^18 || ^19"
   },
   "publishConfig": {

package.json

@@ -32,7 +32,7 @@
   },
   "peerDependencies": {
     "@types/react": "*",
-    "@ui5/webcomponents-base": "~2.9.0",
+    "@ui5/webcomponents-base": "~2.10.0",
     "react": "^18 || ^19"
   },
   "peerDependenciesMeta": {

packages/ai/package.json

@@ -39,8 +39,8 @@
     "recharts": "2.15.3"
   },
   "peerDependencies": {
-    "@ui5/webcomponents-react": "~2.9.0",
-    "@ui5/webcomponents-react-base": "~2.9.0",
+    "@ui5/webcomponents-react": "~2.10.0",
+    "@ui5/webcomponents-react-base": "~2.10.0",
     "react": "^18 || ^19"
   },
   "publishConfig": {

packages/base/package.json

@@ -41,8 +41,8 @@
   "peerDependencies": {
     "@types/react": "*",
     "@types/react-dom": "*",
-    "@ui5/webcomponents-compat": "~2.9.0",
-    "@ui5/webcomponents-react": "~2.9.0",
+    "@ui5/webcomponents-compat": "~2.10.0",
+    "@ui5/webcomponents-react": "~2.10.0",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19"
   },