chore(deps): update ui5 web components react (examples, templates & patterns) to v2.22.0 (#8579)

This PR contains the following updates:

| Package | Change |
[Age](https://docs.renovatebot.com/merge-confidence/) |
[Confidence](https://docs.renovatebot.com/merge-confidence/) |
|---|---|---|---|
| [@ui5/webcomponents](https://redirect.github.com/UI5/webcomponents)
([source](https://redirect.github.com/UI5/webcomponents/tree/HEAD/packages/main))
| [`2.21.1` →
`2.22.0`](https://renovatebot.com/diffs/npm/@ui5%2fwebcomponents/2.21.1/2.22.0)
|
![age](https://developer.mend.io/api/mc/badges/age/npm/@ui5%2fwebcomponents/2.22.0?slim=true)
|
![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@ui5%2fwebcomponents/2.21.1/2.22.0?slim=true)
|
|
[@ui5/webcomponents-base](https://redirect.github.com/UI5/webcomponents)
([source](https://redirect.github.com/UI5/webcomponents/tree/HEAD/packages/base))
| [`2.21.1` →
`2.22.0`](https://renovatebot.com/diffs/npm/@ui5%2fwebcomponents-base/2.21.1/2.22.0)
|
![age](https://developer.mend.io/api/mc/badges/age/npm/@ui5%2fwebcomponents-base/2.22.0?slim=true)
|
![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@ui5%2fwebcomponents-base/2.21.1/2.22.0?slim=true)
|
|
[@ui5/webcomponents-fiori](https://redirect.github.com/UI5/webcomponents)
([source](https://redirect.github.com/UI5/webcomponents/tree/HEAD/packages/fiori))
| [`2.21.1` →
`2.22.0`](https://renovatebot.com/diffs/npm/@ui5%2fwebcomponents-fiori/2.21.1/2.22.0)
|
![age](https://developer.mend.io/api/mc/badges/age/npm/@ui5%2fwebcomponents-fiori/2.22.0?slim=true)
|
![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@ui5%2fwebcomponents-fiori/2.21.1/2.22.0?slim=true)
|
|
[@ui5/webcomponents-icons](https://redirect.github.com/UI5/webcomponents)
([source](https://redirect.github.com/UI5/webcomponents/tree/HEAD/packages/icons))
| [`2.21.1` →
`2.22.0`](https://renovatebot.com/diffs/npm/@ui5%2fwebcomponents-icons/2.21.1/2.22.0)
|
![age](https://developer.mend.io/api/mc/badges/age/npm/@ui5%2fwebcomponents-icons/2.22.0?slim=true)
|
![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@ui5%2fwebcomponents-icons/2.21.1/2.22.0?slim=true)
|

---

### Release Notes

<details>
<summary>UI5/webcomponents (@&#8203;ui5/webcomponents)</summary>

###
[`v2.22.0`](https://redirect.github.com/UI5/webcomponents/blob/HEAD/packages/main/CHANGELOG.md#2220-rc4-2026-05-07)

[Compare
Source](https://redirect.github.com/UI5/webcomponents/compare/v2.21.2...v2.22.0)

##### Bug Fixes

- **ui5-calendar:** next and previous header buttons are triggered by
Space and Enter
([#&#8203;13435](https://redirect.github.com/UI5/webcomponents/issues/13435))
([f7468e1](https://redirect.github.com/UI5/webcomponents/commit/f7468e1e3d9082fcabfe03629f2cb795a45f736a))
- **ui5-color-palette-item, ui5-segmented-button-item:** provide correct
click event details
([#&#8203;13458](https://redirect.github.com/UI5/webcomponents/issues/13458))
([2286f10](https://redirect.github.com/UI5/webcomponents/commit/2286f1002a723d1a5a7fd2795ac52a4e7181ed92))

##### Features

- **ui5-avatar-badge:** rename accessibleName to tooltip and simplify
tooltip rendering
([#&#8203;13442](https://redirect.github.com/UI5/webcomponents/issues/13442))
([c8e0c4a](https://redirect.github.com/UI5/webcomponents/commit/c8e0c4adec21da1f7a8b107fa4e6fedcae1cd51e))
- **ui5-toolbar:** introduce overflowButtonAccessibleName property
([#&#8203;13416](https://redirect.github.com/UI5/webcomponents/issues/13416))
([c597536](https://redirect.github.com/UI5/webcomponents/commit/c597536079dcd889703c9b4ef9168f3eda0827a2)),
closes
[#&#8203;11968](https://redirect.github.com/UI5/webcomponents/issues/11968)

###
[`v2.21.2`](https://redirect.github.com/UI5/webcomponents/releases/tag/v2.21.2)

[Compare
Source](https://redirect.github.com/UI5/webcomponents/compare/v2.21.1...v2.21.2)

##### Bug Fixes

- validate correctly protocol relative urls
([#&#8203;13447](https://redirect.github.com/UI5/webcomponents/issues/13447))
([b59447c](https://redirect.github.com/UI5/webcomponents/commit/b59447c04938a13aa6b2d2039064f14b960fc80f))

</details>

<details>
<summary>UI5/webcomponents (@&#8203;ui5/webcomponents-base)</summary>

###
[`v2.22.0`](https://redirect.github.com/UI5/webcomponents/blob/HEAD/packages/base/CHANGELOG.md#2220-rc4-2026-05-07)

[Compare
Source](https://redirect.github.com/UI5/webcomponents/compare/v2.21.2...v2.22.0)

##### Bug Fixes

- validate correctly protocol relative urls
([#&#8203;13447](https://redirect.github.com/UI5/webcomponents/issues/13447))
([c765630](https://redirect.github.com/UI5/webcomponents/commit/c7656304d7a3ad74c2c58d6937163262c4f40177))

###
[`v2.21.2`](https://redirect.github.com/UI5/webcomponents/releases/tag/v2.21.2)

[Compare
Source](https://redirect.github.com/UI5/webcomponents/compare/v2.21.1...v2.21.2)

##### Bug Fixes

- validate correctly protocol relative urls
([#&#8203;13447](https://redirect.github.com/UI5/webcomponents/issues/13447))
([b59447c](https://redirect.github.com/UI5/webcomponents/commit/b59447c04938a13aa6b2d2039064f14b960fc80f))

</details>

<details>
<summary>UI5/webcomponents (@&#8203;ui5/webcomponents-fiori)</summary>

###
[`v2.22.0`](https://redirect.github.com/UI5/webcomponents/blob/HEAD/packages/fiori/CHANGELOG.md#2220-rc4-2026-05-07)

[Compare
Source](https://redirect.github.com/UI5/webcomponents/compare/v2.21.2...v2.22.0)

##### Bug Fixes

- **ui5-timeline-header-bar:** remove unused property
([#&#8203;13451](https://redirect.github.com/UI5/webcomponents/issues/13451))
([18da0e5](https://redirect.github.com/UI5/webcomponents/commit/18da0e57c1c50bb75badb3a9cfb49e8faadd8842))

###
[`v2.21.2`](https://redirect.github.com/UI5/webcomponents/releases/tag/v2.21.2)

[Compare
Source](https://redirect.github.com/UI5/webcomponents/compare/v2.21.1...v2.21.2)

##### Bug Fixes

- validate correctly protocol relative urls
([#&#8203;13447](https://redirect.github.com/UI5/webcomponents/issues/13447))
([b59447c](https://redirect.github.com/UI5/webcomponents/commit/b59447c04938a13aa6b2d2039064f14b960fc80f))

</details>

<details>
<summary>UI5/webcomponents (@&#8203;ui5/webcomponents-icons)</summary>

###
[`v2.22.0`](https://redirect.github.com/UI5/webcomponents/blob/HEAD/packages/icons/CHANGELOG.md#2220-rc4-2026-05-07)

[Compare
Source](https://redirect.github.com/UI5/webcomponents/compare/v2.21.2...v2.22.0)

**Note:** Version bump only for package
[@&#8203;ui5/webcomponents-icons](https://redirect.github.com/ui5/webcomponents-icons)

###
[`v2.21.2`](https://redirect.github.com/UI5/webcomponents/releases/tag/v2.21.2)

[Compare
Source](https://redirect.github.com/UI5/webcomponents/compare/v2.21.1...v2.21.2)

##### Bug Fixes

- validate correctly protocol relative urls
([#&#8203;13447](https://redirect.github.com/UI5/webcomponents/issues/13447))
([b59447c](https://redirect.github.com/UI5/webcomponents/commit/b59447c04938a13aa6b2d2039064f14b960fc80f))

</details>

---

### Configuration

📅 **Schedule**: (UTC)

- Branch creation
  - At any time (no schedule defined)
- Automerge
  - At any time (no schedule defined)

🚦 **Automerge**: Enabled.

♻ **Rebasing**: Whenever PR is behind base branch, or you tick the
rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about these
updates again.

---

- [x] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR was generated by [Mend Renovate](https://mend.io/renovate/).
View the [repository job
log](https://developer.mend.io/github/UI5/webcomponents-react).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0My4xNTkuMiIsInVwZGF0ZWRJblZlciI6IjQzLjE3My42IiwidGFyZ2V0QnJhbmNoIjoibWFpbiIsImxhYmVscyI6WyJkZXBlbmRlbmNpZXMiXX0=-->

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

Author: renovate[bot]

examples/nextjs-app/package.json

@@ -9,9 +9,9 @@
     "lint": "eslint ."
   },
   "dependencies": {
-    "@ui5/webcomponents": "2.21.1",
-    "@ui5/webcomponents-base": "2.21.1",
-    "@ui5/webcomponents-fiori": "2.21.1",
+    "@ui5/webcomponents": "2.22.0",
+    "@ui5/webcomponents-base": "2.22.0",
+    "@ui5/webcomponents-fiori": "2.22.0",
     "@ui5/webcomponents-react": "2.21.3",
     "@types/node": "24.12.3",
     "@types/react": "19.2.14",

examples/nextjs-pages/package.json

@@ -9,9 +9,9 @@
     "lint": "eslint ."
   },
   "dependencies": {
-    "@ui5/webcomponents": "2.21.1",
-    "@ui5/webcomponents-base": "2.21.1",
-    "@ui5/webcomponents-fiori": "2.21.1",
+    "@ui5/webcomponents": "2.22.0",
+    "@ui5/webcomponents-base": "2.22.0",
+    "@ui5/webcomponents-fiori": "2.22.0",
     "@ui5/webcomponents-react": "2.21.3",
     "@types/node": "24.12.3",
     "@types/react": "19.2.14",

examples/react-router-ts/package.json

@@ -13,9 +13,9 @@
   "dependencies": {
     "@react-router/node": "7.15.0",
     "@react-router/serve": "7.15.0",
-    "@ui5/webcomponents": "2.21.1",
-    "@ui5/webcomponents-base": "2.21.1",
-    "@ui5/webcomponents-fiori": "2.21.1",
+    "@ui5/webcomponents": "2.22.0",
+    "@ui5/webcomponents-base": "2.22.0",
+    "@ui5/webcomponents-fiori": "2.22.0",
     "@ui5/webcomponents-react": "2.21.3",
     "cross-env": "10.1.0",
     "isbot": "5.1.40",

examples/vite-ts/package.json

@@ -14,10 +14,10 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@ui5/webcomponents": "2.21.1",
-    "@ui5/webcomponents-base": "2.21.1",
-    "@ui5/webcomponents-fiori": "2.21.1",
-    "@ui5/webcomponents-icons": "2.21.1",
+    "@ui5/webcomponents": "2.22.0",
+    "@ui5/webcomponents-base": "2.22.0",
+    "@ui5/webcomponents-fiori": "2.22.0",
+    "@ui5/webcomponents-icons": "2.22.0",
     "@ui5/webcomponents-react": "2.21.3",
     "react": "19.2.6",
     "react-dom": "19.2.6",

patterns/navigation-layout/package.json

@@ -10,10 +10,10 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@ui5/webcomponents": "2.21.1",
-    "@ui5/webcomponents-base": "2.21.1",
-    "@ui5/webcomponents-fiori": "2.21.1",
-    "@ui5/webcomponents-icons": "2.21.1",
+    "@ui5/webcomponents": "2.22.0",
+    "@ui5/webcomponents-base": "2.22.0",
+    "@ui5/webcomponents-fiori": "2.22.0",
+    "@ui5/webcomponents-icons": "2.22.0",
     "@ui5/webcomponents-react": "2.21.3",
     "react": "19.2.6",
     "react-dom": "19.2.6"

templates/nextjs-app/package.json

@@ -9,9 +9,9 @@
     "lint": "eslint ."
   },
   "dependencies": {
-    "@ui5/webcomponents": "2.21.1",
-    "@ui5/webcomponents-base": "2.21.1",
-    "@ui5/webcomponents-fiori": "2.21.1",
+    "@ui5/webcomponents": "2.22.0",
+    "@ui5/webcomponents-base": "2.22.0",
+    "@ui5/webcomponents-fiori": "2.22.0",
     "@ui5/webcomponents-react": "2.21.3",
     "@types/node": "24.12.3",
     "@types/react": "19.2.14",

templates/nextjs-pages/package.json

@@ -9,9 +9,9 @@
     "lint": "eslint ."
   },
   "dependencies": {
-    "@ui5/webcomponents": "2.21.1",
-    "@ui5/webcomponents-base": "2.21.1",
-    "@ui5/webcomponents-fiori": "2.21.1",
+    "@ui5/webcomponents": "2.22.0",
+    "@ui5/webcomponents-base": "2.22.0",
+    "@ui5/webcomponents-fiori": "2.22.0",
     "@ui5/webcomponents-react": "2.21.3",
     "@types/node": "24.12.3",
     "@types/react": "19.2.14",

templates/vite-ts/package.json

@@ -12,10 +12,10 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@ui5/webcomponents": "2.21.1",
-    "@ui5/webcomponents-base": "2.21.1",
-    "@ui5/webcomponents-fiori": "2.21.1",
-    "@ui5/webcomponents-icons": "2.21.1",
+    "@ui5/webcomponents": "2.22.0",
+    "@ui5/webcomponents-base": "2.22.0",
+    "@ui5/webcomponents-fiori": "2.22.0",
+    "@ui5/webcomponents-icons": "2.22.0",
     "@ui5/webcomponents-react": "2.21.3",
     "react": "19.2.6",
     "react-dom": "19.2.6"