diff --git a/example/client/package-lock.json b/example/client/package-lock.json
index d4c27f1..2027dc6 100644
--- a/example/client/package-lock.json
+++ b/example/client/package-lock.json
@@ -6,7 +6,7 @@
     "": {
       "dependencies": {
         "@ui5/webcomponents": "1.16.0",
-        "@ui5/webcomponents-fiori": "1.16.0",
+        "@ui5/webcomponents-fiori": "1.18.0",
         "@ui5/webcomponents-icons": "1.16.0",
         "highlight.js": "^11.8.0",
         "jsdom": "^22.1.0"
@@ -511,17 +511,67 @@
       }
     },
     "node_modules/@ui5/webcomponents-fiori": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/@ui5/webcomponents-fiori/-/webcomponents-fiori-1.16.0.tgz",
-      "integrity": "sha512-A79rQJ115thDcD76kpNON3p4EvysZMfaRguh9yoGqHVSuIKeZgjxBd+zMmiiSjJluf79OhVQUsA5nOuvgOzdIA==",
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/@ui5/webcomponents-fiori/-/webcomponents-fiori-1.18.0.tgz",
+      "integrity": "sha512-xaF+bUmuShcpjhAFCLa1VZZT9AdCXgUHbp2Z/wga20/Gqvr1Z3ef6e+teXfGj+cbVm5z3sZDGdV6HZeojmRKQQ==",
       "dependencies": {
-        "@ui5/webcomponents": "1.16.0",
-        "@ui5/webcomponents-base": "1.16.0",
-        "@ui5/webcomponents-icons": "1.16.0",
-        "@ui5/webcomponents-theming": "1.16.0",
+        "@ui5/webcomponents": "1.18.0",
+        "@ui5/webcomponents-base": "1.18.0",
+        "@ui5/webcomponents-icons": "1.18.0",
+        "@ui5/webcomponents-theming": "1.18.0",
         "@zxing/library": "^0.17.1"
       }
     },
+    "node_modules/@ui5/webcomponents-fiori/node_modules/@sap-theming/theming-base-content": {
+      "version": "11.6.8",
+      "resolved": "https://registry.npmjs.org/@sap-theming/theming-base-content/-/theming-base-content-11.6.8.tgz",
+      "integrity": "sha512-LRYvqVeqFYCqhB4EMbFslQpgRLrYyOOsacWI0JZbWlnvRkbF4/pzKpr4ULyVPFp26CrwXhUZJeSSAa3/8KS6iw=="
+    },
+    "node_modules/@ui5/webcomponents-fiori/node_modules/@ui5/webcomponents": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/@ui5/webcomponents/-/webcomponents-1.18.0.tgz",
+      "integrity": "sha512-SEXZIXWtm1upERAgVGcOEK4r9lQQ6+lkTPhJwfitJV9fHHouIsxewkxS8wIrns51+Hb110QGHonuPDw8MGCNMg==",
+      "dependencies": {
+        "@ui5/webcomponents-base": "1.18.0",
+        "@ui5/webcomponents-icons": "1.18.0",
+        "@ui5/webcomponents-localization": "1.18.0",
+        "@ui5/webcomponents-theming": "1.18.0"
+      }
+    },
+    "node_modules/@ui5/webcomponents-fiori/node_modules/@ui5/webcomponents-base": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/@ui5/webcomponents-base/-/webcomponents-base-1.18.0.tgz",
+      "integrity": "sha512-Y2SdcNW5zKwY5UZ/axMO0TNyBeHqq+BSMyYfHFJUe52ev2YAE38U07qm+LGOYFTI9ElOArwjS1YaIYke3IG8cA==",
+      "dependencies": {
+        "lit-html": "^2.0.1"
+      }
+    },
+    "node_modules/@ui5/webcomponents-fiori/node_modules/@ui5/webcomponents-icons": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/@ui5/webcomponents-icons/-/webcomponents-icons-1.18.0.tgz",
+      "integrity": "sha512-FXkK1PEseenuziV+hXr+ImaQ/yCQVsWhKdiuMI7AVB/cYFgeQpjyYb2IGxs8ydavHGDFLgotYIMgC9KS4iFGcg==",
+      "dependencies": {
+        "@ui5/webcomponents-base": "1.18.0"
+      }
+    },
+    "node_modules/@ui5/webcomponents-fiori/node_modules/@ui5/webcomponents-localization": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/@ui5/webcomponents-localization/-/webcomponents-localization-1.18.0.tgz",
+      "integrity": "sha512-pMsurphXxSB75bkxFBNPm8GuBPaWWu6yQxUBp+fIl9RAqvLm26q4OIkOTZB9qZZWpndO1yk80JjHnGfH2Yr0yg==",
+      "dependencies": {
+        "@types/openui5": "^1.113.0",
+        "@ui5/webcomponents-base": "1.18.0"
+      }
+    },
+    "node_modules/@ui5/webcomponents-fiori/node_modules/@ui5/webcomponents-theming": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/@ui5/webcomponents-theming/-/webcomponents-theming-1.18.0.tgz",
+      "integrity": "sha512-/yeIe8rZwpMzjtr8zgoWrSoeqQJQxriXnsiadg0olJsXnUzWOoDnjRfaqEHX/Nlu18FwzzOYaE/m9nE+OyJxmw==",
+      "dependencies": {
+        "@sap-theming/theming-base-content": "11.6.8",
+        "@ui5/webcomponents-base": "1.18.0"
+      }
+    },
     "node_modules/@ui5/webcomponents-icons": {
       "version": "1.16.0",
       "resolved": "https://registry.npmjs.org/@ui5/webcomponents-icons/-/webcomponents-icons-1.16.0.tgz",
@@ -1575,15 +1625,67 @@
       }
     },
     "@ui5/webcomponents-fiori": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/@ui5/webcomponents-fiori/-/webcomponents-fiori-1.16.0.tgz",
-      "integrity": "sha512-A79rQJ115thDcD76kpNON3p4EvysZMfaRguh9yoGqHVSuIKeZgjxBd+zMmiiSjJluf79OhVQUsA5nOuvgOzdIA==",
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/@ui5/webcomponents-fiori/-/webcomponents-fiori-1.18.0.tgz",
+      "integrity": "sha512-xaF+bUmuShcpjhAFCLa1VZZT9AdCXgUHbp2Z/wga20/Gqvr1Z3ef6e+teXfGj+cbVm5z3sZDGdV6HZeojmRKQQ==",
       "requires": {
-        "@ui5/webcomponents": "1.16.0",
-        "@ui5/webcomponents-base": "1.16.0",
-        "@ui5/webcomponents-icons": "1.16.0",
-        "@ui5/webcomponents-theming": "1.16.0",
+        "@ui5/webcomponents": "1.18.0",
+        "@ui5/webcomponents-base": "1.18.0",
+        "@ui5/webcomponents-icons": "1.18.0",
+        "@ui5/webcomponents-theming": "1.18.0",
         "@zxing/library": "^0.17.1"
+      },
+      "dependencies": {
+        "@sap-theming/theming-base-content": {
+          "version": "11.6.8",
+          "resolved": "https://registry.npmjs.org/@sap-theming/theming-base-content/-/theming-base-content-11.6.8.tgz",
+          "integrity": "sha512-LRYvqVeqFYCqhB4EMbFslQpgRLrYyOOsacWI0JZbWlnvRkbF4/pzKpr4ULyVPFp26CrwXhUZJeSSAa3/8KS6iw=="
+        },
+        "@ui5/webcomponents": {
+          "version": "1.18.0",
+          "resolved": "https://registry.npmjs.org/@ui5/webcomponents/-/webcomponents-1.18.0.tgz",
+          "integrity": "sha512-SEXZIXWtm1upERAgVGcOEK4r9lQQ6+lkTPhJwfitJV9fHHouIsxewkxS8wIrns51+Hb110QGHonuPDw8MGCNMg==",
+          "requires": {
+            "@ui5/webcomponents-base": "1.18.0",
+            "@ui5/webcomponents-icons": "1.18.0",
+            "@ui5/webcomponents-localization": "1.18.0",
+            "@ui5/webcomponents-theming": "1.18.0"
+          }
+        },
+        "@ui5/webcomponents-base": {
+          "version": "1.18.0",
+          "resolved": "https://registry.npmjs.org/@ui5/webcomponents-base/-/webcomponents-base-1.18.0.tgz",
+          "integrity": "sha512-Y2SdcNW5zKwY5UZ/axMO0TNyBeHqq+BSMyYfHFJUe52ev2YAE38U07qm+LGOYFTI9ElOArwjS1YaIYke3IG8cA==",
+          "requires": {
+            "lit-html": "^2.0.1"
+          }
+        },
+        "@ui5/webcomponents-icons": {
+          "version": "1.18.0",
+          "resolved": "https://registry.npmjs.org/@ui5/webcomponents-icons/-/webcomponents-icons-1.18.0.tgz",
+          "integrity": "sha512-FXkK1PEseenuziV+hXr+ImaQ/yCQVsWhKdiuMI7AVB/cYFgeQpjyYb2IGxs8ydavHGDFLgotYIMgC9KS4iFGcg==",
+          "requires": {
+            "@ui5/webcomponents-base": "1.18.0"
+          }
+        },
+        "@ui5/webcomponents-localization": {
+          "version": "1.18.0",
+          "resolved": "https://registry.npmjs.org/@ui5/webcomponents-localization/-/webcomponents-localization-1.18.0.tgz",
+          "integrity": "sha512-pMsurphXxSB75bkxFBNPm8GuBPaWWu6yQxUBp+fIl9RAqvLm26q4OIkOTZB9qZZWpndO1yk80JjHnGfH2Yr0yg==",
+          "requires": {
+            "@types/openui5": "^1.113.0",
+            "@ui5/webcomponents-base": "1.18.0"
+          }
+        },
+        "@ui5/webcomponents-theming": {
+          "version": "1.18.0",
+          "resolved": "https://registry.npmjs.org/@ui5/webcomponents-theming/-/webcomponents-theming-1.18.0.tgz",
+          "integrity": "sha512-/yeIe8rZwpMzjtr8zgoWrSoeqQJQxriXnsiadg0olJsXnUzWOoDnjRfaqEHX/Nlu18FwzzOYaE/m9nE+OyJxmw==",
+          "requires": {
+            "@sap-theming/theming-base-content": "11.6.8",
+            "@ui5/webcomponents-base": "1.18.0"
+          }
+        }
       }
     },
     "@ui5/webcomponents-icons": {
diff --git a/example/client/package.json b/example/client/package.json
index 23a8c40..5af65fd 100644
--- a/example/client/package.json
+++ b/example/client/package.json
@@ -7,7 +7,7 @@
   "dependencies": {
     "jsdom": "^22.1.0",
     "@ui5/webcomponents": "1.16.0",
-    "@ui5/webcomponents-fiori": "1.16.0",
+    "@ui5/webcomponents-fiori": "1.18.0",
     "@ui5/webcomponents-icons": "1.16.0",
     "highlight.js": "^11.8.0"
   },