diff --git a/packages/app-shell/package.json b/packages/app-shell/package.json
index 17fa69ce8536671f620119fc5afdbde136cb2009..882442d86e96f54b57cbb7a1da2fb347cd435652 100644
--- a/packages/app-shell/package.json
+++ b/packages/app-shell/package.json
@@ -40,10 +40,9 @@
     "@dbp-toolkit/matomo": "^0.2.2",
     "@dbp-toolkit/notification": "^0.2.2",
     "@dbp-toolkit/person-profile": "^0.2.2",
-    "@open-wc/scoped-elements": "^1.3.3",
+    "@open-wc/scoped-elements": "^2.0.0",
     "i18next": "^21.4.2",
-    "lit-element": "^2.4.0",
-    "lit-html": "^1.3.0",
+    "lit": "^2.0.0",
     "universal-router": "^9.0.1"
   },
   "scripts": {
diff --git a/packages/app-shell/src/app-shell.js b/packages/app-shell/src/app-shell.js
index 5014ccad06ec9b41dd8ca3d0d4d13abb47b54d13..c16c4c5e429bb49c318e421ae9bd7712f8d1e9c2 100644
--- a/packages/app-shell/src/app-shell.js
+++ b/packages/app-shell/src/app-shell.js
@@ -1,5 +1,5 @@
 import {createInstance} from './i18n.js';
-import {html, css} from 'lit-element';
+import {html, css} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {LanguageSelect} from '@dbp-toolkit/language-select';
 import {Icon} from '@dbp-toolkit/common';
@@ -7,7 +7,7 @@ import {AuthKeycloak} from '@dbp-toolkit/auth';
 import {AuthMenuButton} from './auth-menu-button.js';
 import {Notification} from '@dbp-toolkit/notification';
 import * as commonStyles from '@dbp-toolkit/common/styles';
-import {classMap} from 'lit-html/directives/class-map.js';
+import {classMap} from 'lit/directives/class-map.js';
 import {Router} from './router.js';
 import {BuildInfo} from './build-info.js';
 import {send as notify} from '@dbp-toolkit/common/notification';
diff --git a/packages/app-shell/src/auth-menu-button.js b/packages/app-shell/src/auth-menu-button.js
index 3bce22047561a8b93e493cb5c2587c0c6a596072..d2baef34ee38e4289bf99bb1ff589b1cc641788f 100644
--- a/packages/app-shell/src/auth-menu-button.js
+++ b/packages/app-shell/src/auth-menu-button.js
@@ -1,6 +1,6 @@
 import {createInstance} from './i18n.js';
-import {html, css} from 'lit-element';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {html, css} from 'lit';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import * as commonStyles from '@dbp-toolkit/common/styles';
 import {Icon} from '@dbp-toolkit/common';
diff --git a/packages/app-shell/src/build-info.js b/packages/app-shell/src/build-info.js
index 30bb73d3d10e4e6312afcf1d8f4a9b3fd768840a..375f3a1e6f34ffcfdb67bbd3bb74f30ed58d5ce3 100644
--- a/packages/app-shell/src/build-info.js
+++ b/packages/app-shell/src/build-info.js
@@ -1,4 +1,4 @@
-import {html, css} from 'lit-element';
+import {html, css} from 'lit';
 import * as commonStyles from '@dbp-toolkit/common/styles';
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
 
diff --git a/packages/app-shell/src/dbp-activity-example.js b/packages/app-shell/src/dbp-activity-example.js
index e126445bf47d4a4128e26348ce32b9dccaedd0b2..aeb7c78fab7df83815bea2b3189924e3a457dad0 100644
--- a/packages/app-shell/src/dbp-activity-example.js
+++ b/packages/app-shell/src/dbp-activity-example.js
@@ -1,4 +1,4 @@
-import {html , LitElement} from 'lit-element';
+import {html , LitElement} from 'lit';
 import {createInstance} from './i18n.js';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 
diff --git a/packages/app-shell/src/dbp-app-shell-welcome.js b/packages/app-shell/src/dbp-app-shell-welcome.js
index 00d2bd92abb1feabcb93455ec1b2850e8cef81a1..f2c033a380acb728880a3f1c3ee40d2cdc616679 100644
--- a/packages/app-shell/src/dbp-app-shell-welcome.js
+++ b/packages/app-shell/src/dbp-app-shell-welcome.js
@@ -1,5 +1,5 @@
 import {createInstance} from './i18n.js';
-import {css, html, LitElement} from 'lit-element';
+import {css, html, LitElement} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
diff --git a/packages/app-shell/src/tugraz-logo.js b/packages/app-shell/src/tugraz-logo.js
index 7ea634bc691631a8e115c4b73a9f5ac806762dce..cf693813a3499bf7c654c076e08e17a1f2613603 100644
--- a/packages/app-shell/src/tugraz-logo.js
+++ b/packages/app-shell/src/tugraz-logo.js
@@ -1,4 +1,4 @@
-import {html, css} from 'lit-element';
+import {html, css} from 'lit';
 import * as commonStyles from '@dbp-toolkit/common/styles';
 import {createInstance} from './i18n.js';
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/packages/auth/package.json b/packages/auth/package.json
index ed602cdfe7414a0961b9147f1ff0332cb89c9abb..0cde8e8b0b074a00297068adfdfbc181fd4254ce 100644
--- a/packages/auth/package.json
+++ b/packages/auth/package.json
@@ -37,9 +37,9 @@
   },
   "dependencies": {
     "@dbp-toolkit/common": "^0.2.12",
-    "@open-wc/scoped-elements": "^1.3.3",
+    "@open-wc/scoped-elements": "^2.0.0",
     "event-target-shim": "^6.0.0",
-    "lit-element": "^2.4.0"
+    "lit": "^2.0.0"
   },
   "scripts": {
     "clean": "rm dist/*",
diff --git a/packages/auth/src/dbp-auth-demo.js b/packages/auth/src/dbp-auth-demo.js
index fee38c5c066f694352ddb1a3aa0b84962ae28d73..59cfa4e295a031e71a8c4570b51dd7c7df3a4b75 100644
--- a/packages/auth/src/dbp-auth-demo.js
+++ b/packages/auth/src/dbp-auth-demo.js
@@ -1,5 +1,5 @@
 import {createInstance} from './i18n.js';
-import {html} from 'lit-element';
+import {html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {AuthKeycloak} from './auth-keycloak.js';
 import {LoginButton} from './login-button.js';
diff --git a/packages/auth/src/login-button.js b/packages/auth/src/login-button.js
index 55423562cbfb9275273f06811b789d824121889e..371b50640ac7ab04773e9a688307070d1f434edf 100644
--- a/packages/auth/src/login-button.js
+++ b/packages/auth/src/login-button.js
@@ -1,6 +1,6 @@
 import {createInstance} from './i18n.js';
-import {html, css} from 'lit-element';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {html, css} from 'lit';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import * as commonStyles from '@dbp-toolkit/common/styles';
 import {LoginStatus} from './util.js';
diff --git a/packages/check-in-place-select/package.json b/packages/check-in-place-select/package.json
index b7a81e0d1bce9be41df9ffa917db648a214b340e..934eb16d680762af0b80da07da38cd23d299ce6a 100644
--- a/packages/check-in-place-select/package.json
+++ b/packages/check-in-place-select/package.json
@@ -37,9 +37,9 @@
   "dependencies": {
     "@dbp-toolkit/auth": "^0.2.2",
     "@dbp-toolkit/common": "^0.2.2",
-    "@open-wc/scoped-elements": "^1.3.3",
+    "@open-wc/scoped-elements": "^2.0.0",
     "jquery": "^3.4.1",
-    "lit-element": "^2.4.0",
+    "lit": "^2.0.0",
     "select2": "^4.0.10"
   },
   "scripts": {
diff --git a/packages/check-in-place-select/src/check-in-place-select.js b/packages/check-in-place-select/src/check-in-place-select.js
index 777d59006923058ac8c16e200cf222f03355f131..93036eecd55946047ceef804405fb461a79b77b0 100644
--- a/packages/check-in-place-select/src/check-in-place-select.js
+++ b/packages/check-in-place-select/src/check-in-place-select.js
@@ -2,7 +2,7 @@ import {findObjectInApiResults} from './utils.js';
 import select2LangDe from './i18n/de/select2';
 import select2LangEn from './i18n/en/select2';
 import JSONLD from '@dbp-toolkit/common/jsonld';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {createInstance} from './i18n.js';
 import {Icon} from '@dbp-toolkit/common';
diff --git a/packages/check-in-place-select/src/dbp-check-in-place-select-demo.js b/packages/check-in-place-select/src/dbp-check-in-place-select-demo.js
index 7f63b6d9ede61748a56935c0d92df95814442cd9..6e4d1bef94ae34b17df436d6b18f03fe9cbae9ff 100644
--- a/packages/check-in-place-select/src/dbp-check-in-place-select-demo.js
+++ b/packages/check-in-place-select/src/dbp-check-in-place-select-demo.js
@@ -1,4 +1,4 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {CheckInPlaceSelect} from './check-in-place-select.js';
 import {AuthKeycloak, LoginButton} from '@dbp-toolkit/auth';
diff --git a/packages/common/dbp-common-demo.js b/packages/common/dbp-common-demo.js
index cd96327264e146a0b484fbe0f49ae9e79610e04e..914f6200ed498c2e81313bd34ac25c0959f73352 100644
--- a/packages/common/dbp-common-demo.js
+++ b/packages/common/dbp-common-demo.js
@@ -1,5 +1,5 @@
 import {createInstance} from './src/i18n.js';
-import {css, html, LitElement} from 'lit-element';
+import {css, html, LitElement} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import * as commonUtils from './utils.js';
 import * as commonStyles from './styles.js';
diff --git a/packages/common/package.json b/packages/common/package.json
index d622a708c985fbea4e37a9c4a062e2f59b4aca75..28a276f0440efe0b549374c08543e95fea9b427b 100644
--- a/packages/common/package.json
+++ b/packages/common/package.json
@@ -37,9 +37,9 @@
     "lint": "eslint ."
   },
   "dependencies": {
-    "@open-wc/scoped-elements": "^1.3.3",
+    "@open-wc/scoped-elements": "^2.0.0",
     "@sentry/browser": "^6.0.0",
     "i18next": "^21.4.2",
-    "lit-element": "^2.4.0"
+    "lit": "^2.0.0"
   }
 }
diff --git a/packages/common/src/adapter-lit-element.js b/packages/common/src/adapter-lit-element.js
index 640cc18e2a9de980a282145bab69d77a1b4f891e..023deced7877dc5e86129e689860f12d105f4a3f 100644
--- a/packages/common/src/adapter-lit-element.js
+++ b/packages/common/src/adapter-lit-element.js
@@ -1,4 +1,4 @@
-import {LitElement} from "lit-element";
+import {LitElement} from "lit";
 import {Logger} from "./logger";
 
 export class AdapterLitElement extends LitElement {
diff --git a/packages/common/src/button.js b/packages/common/src/button.js
index 2eca7ae4480fcd732775d500f51f6dc4da60e753..eb4a793312b36eeb0007ef827a627d96e07fd5b5 100644
--- a/packages/common/src/button.js
+++ b/packages/common/src/button.js
@@ -1,4 +1,4 @@
-import {html, LitElement, css} from 'lit-element';
+import {html, LitElement, css} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {MiniSpinner} from './mini-spinner.js';
 import * as commonStyles from '../styles.js';
diff --git a/packages/common/src/icon.js b/packages/common/src/icon.js
index 965614dc7dc4199029c9bdd47f959d1071c102cd..98d94c08c9edc76fb0d8aa456d7a4190c311bba8 100644
--- a/packages/common/src/icon.js
+++ b/packages/common/src/icon.js
@@ -1,4 +1,4 @@
-import {html, LitElement, css} from 'lit-element';
+import {html, LitElement, css} from 'lit';
 import * as commonUtils from '../utils.js';
 import {name as pkgName} from './../package.json';
 
diff --git a/packages/common/src/inline-notification.js b/packages/common/src/inline-notification.js
index 01ae829c54d00ad6d4d2202b78abd5026f8d909b..fa11ba4663db3ff073420d7899201f5c0974b591 100644
--- a/packages/common/src/inline-notification.js
+++ b/packages/common/src/inline-notification.js
@@ -1,4 +1,4 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import DBPLitElement from '../dbp-lit-element';
 import * as commonStyles from '../styles';
 
diff --git a/packages/common/src/mini-spinner.js b/packages/common/src/mini-spinner.js
index f03d734da7de385f3e3366becd53367421d0041d..5dfe9db8832a9f4de38c8f07f459b7729399815c 100644
--- a/packages/common/src/mini-spinner.js
+++ b/packages/common/src/mini-spinner.js
@@ -1,4 +1,4 @@
-import {html, LitElement, css} from 'lit-element';
+import {html, LitElement, css} from 'lit';
 
 export class MiniSpinner extends LitElement {
     constructor() {
diff --git a/packages/common/src/translated.js b/packages/common/src/translated.js
index 31a93bc7fedba8c79fba4a6931602e74c8f90713..5739ba982a81e6ed564ec448c15a10011d1a739a 100644
--- a/packages/common/src/translated.js
+++ b/packages/common/src/translated.js
@@ -1,5 +1,5 @@
-import {css, html} from 'lit-element';
-import {classMap} from "lit-html/directives/class-map";
+import {css, html} from 'lit';
+import {classMap} from 'lit/directives/class-map.js';
 import DBPLitElement from "../dbp-lit-element";
 
 export class Translated extends DBPLitElement {
diff --git a/packages/common/styles.js b/packages/common/styles.js
index cfd72fcbc84df7722516dd777f28d36f48cade2a..5e106727c9fb524ef1c617e350a65ffe21d4a558 100644
--- a/packages/common/styles.js
+++ b/packages/common/styles.js
@@ -1,4 +1,4 @@
-import {css, unsafeCSS, CSSResult} from 'lit-element';
+import {css, unsafeCSS, CSSResult} from 'lit';
 import {getIconSVGURL} from './src/icon.js';
 
 /**
diff --git a/packages/data-table-view/package.json b/packages/data-table-view/package.json
index 529784be0943bb533a69a6f4e2e3623e3439fa90..5498081347a64d4fc332350d395deaf98067bd43 100644
--- a/packages/data-table-view/package.json
+++ b/packages/data-table-view/package.json
@@ -36,7 +36,7 @@
   "dependencies": {
     "@dbp-toolkit/auth": "^0.2.2",
     "@dbp-toolkit/common": "^0.2.2",
-    "@open-wc/scoped-elements": "^1.3.3",
+    "@open-wc/scoped-elements": "^2.0.0",
     "datatables.net-buttons": "^2.0.0",
     "datatables.net-buttons-dt": "^2.0.0",
     "datatables.net-dt": "^1.10.20",
@@ -45,8 +45,7 @@
     "i18next": "^21.4.2",
     "jquery": "^3.4.1",
     "jszip": "^3.2.2",
-    "lit-element": "^2.4.0",
-    "lit-html": "^1.3.0"
+    "lit": "^2.0.0"
   },
   "scripts": {
     "clean": "rm -r dist/*",
diff --git a/packages/data-table-view/src/data-table-view.js b/packages/data-table-view/src/data-table-view.js
index 609e642c9e5f28215595b4d8a446ee8c59688a9a..4684f38e04ec5ced13035b5bf3f387474e64649f 100644
--- a/packages/data-table-view/src/data-table-view.js
+++ b/packages/data-table-view/src/data-table-view.js
@@ -8,7 +8,7 @@ import bttn2 from 'datatables.net-buttons';
 import bttnHtml5 from 'datatables.net-buttons/js/buttons.html5.js';
 import bttnPrint from 'datatables.net-buttons/js/buttons.print.js';
 import {createInstance} from './i18n';
-import {css, html, unsafeCSS} from 'lit-element';
+import {css, html, unsafeCSS} from 'lit';
 import de from '../assets/datatables/i18n/German';
 import en from '../assets/datatables/i18n/English';
 import {getIconSVGURL} from '@dbp-toolkit/common';
diff --git a/packages/data-table-view/src/dbp-data-table-view-demo.js b/packages/data-table-view/src/dbp-data-table-view-demo.js
index 7b0bf91275b2d79fdd2fc0837256f5d23296ee95..09b147a214addc6c60fd622a1ed55dbfa2e0d071 100644
--- a/packages/data-table-view/src/dbp-data-table-view-demo.js
+++ b/packages/data-table-view/src/dbp-data-table-view-demo.js
@@ -1,7 +1,7 @@
 import {AuthKeycloak, LoginButton} from '@dbp-toolkit/auth';
 import {DataTableView} from './data-table-view.js';
 import {createInstance} from './i18n';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
diff --git a/packages/file-handling/package.json b/packages/file-handling/package.json
index 5286a2452f8b0ed77519aba0f24ec6f70403ac6b..043b9b15cbf9dbecfa54b31b6885925c791d35b4 100644
--- a/packages/file-handling/package.json
+++ b/packages/file-handling/package.json
@@ -34,13 +34,12 @@
   },
   "dependencies": {
     "@dbp-toolkit/common": "^0.2.2",
-    "@open-wc/scoped-elements": "^1.3.3",
+    "@open-wc/scoped-elements": "^2.0.0",
     "file-saver": "^2.0.2",
     "i18next": "^21.4.2",
     "jose": "^4.0.0",
     "jszip": "^3.5.0",
-    "lit-element": "^2.1.0",
-    "lit-html": "^1.3.0",
+    "lit": "^2.0.0",
     "material-design-icons-svg": "^3.0.0",
     "tabulator-tables": "^4.8.4",
     "webdav": "^3.6.1"
diff --git a/packages/file-handling/src/clipboard.js b/packages/file-handling/src/clipboard.js
index 15cb2128846c081def02d0e75b5e4485e81b65da..52668785c3d3ccd011a8efa45fd87fad18f74981 100644
--- a/packages/file-handling/src/clipboard.js
+++ b/packages/file-handling/src/clipboard.js
@@ -1,5 +1,5 @@
 import {createInstance} from './i18n';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
@@ -10,7 +10,7 @@ import {humanFileSize} from "@dbp-toolkit/common/i18next";
 import {name as pkgName} from "@dbp-toolkit/file-handling/package.json";
 import {send} from "@dbp-toolkit/common/notification";
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
-import {classMap} from 'lit-html/directives/class-map.js';
+import {classMap} from 'lit/directives/class-map.js';
 
 const MODE_TABLE_ONLY = "table-only";
 const MODE_FILE_SINK = "file-sink";
diff --git a/packages/file-handling/src/demo.js b/packages/file-handling/src/demo.js
index e723a9a900f80ee620f469529223efbb5ef95dcd..31d134881a78a429f9fd545069eae5eadc2f2f4a 100644
--- a/packages/file-handling/src/demo.js
+++ b/packages/file-handling/src/demo.js
@@ -1,6 +1,6 @@
 import {createInstance} from './i18n';
-import {html, LitElement} from 'lit-element';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {html, LitElement} from 'lit';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {FileSource} from './file-source.js';
 import {FileSink} from './file-sink.js';
diff --git a/packages/file-handling/src/file-sink.js b/packages/file-handling/src/file-sink.js
index 9ddb9b9723449e4691a9a2b2e8ec44c5a4bd2941..fd79c5060584009b4ad1df0567f5dcd3207cf023 100644
--- a/packages/file-handling/src/file-sink.js
+++ b/packages/file-handling/src/file-sink.js
@@ -1,11 +1,11 @@
 import {createInstance} from './i18n';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import * as commonUtils from "@dbp-toolkit/common/utils";
 import {Icon, MiniSpinner} from '@dbp-toolkit/common';
 import * as commonStyles from '@dbp-toolkit/common/styles';
 import {NextcloudFilePicker} from "./nextcloud-file-picker";
-import {classMap} from 'lit-html/directives/class-map.js';
+import {classMap} from 'lit/directives/class-map.js';
 import FileSaver from 'file-saver';
 import MicroModal from "./micromodal.es";
 import * as fileHandlingStyles from './styles';
diff --git a/packages/file-handling/src/file-source.js b/packages/file-handling/src/file-source.js
index bbe713d7bd9ad6d47b0213eded49b1a30b2b2063..092128c359f0b3a064bb84566df684327d2a6362 100644
--- a/packages/file-handling/src/file-source.js
+++ b/packages/file-handling/src/file-source.js
@@ -1,12 +1,12 @@
 import {createInstance} from './i18n';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import * as commonUtils from "@dbp-toolkit/common/utils";
 import {Icon, MiniSpinner} from '@dbp-toolkit/common';
 import {send} from "@dbp-toolkit/common/notification";
 import * as commonStyles from '@dbp-toolkit/common/styles';
 import {NextcloudFilePicker} from "./nextcloud-file-picker";
-import {classMap} from 'lit-html/directives/class-map.js';
+import {classMap} from 'lit/directives/class-map.js';
 import MicroModal from './micromodal.es';
 import * as fileHandlingStyles from './styles';
 import {Clipboard} from "@dbp-toolkit/file-handling/src/clipboard";
diff --git a/packages/file-handling/src/nextcloud-file-picker.js b/packages/file-handling/src/nextcloud-file-picker.js
index 17368135e60a1bdbaaf4caaabbc8939d9b8e5550..09e00a4d38b801e7442ecf03f16fa42a1914944a 100644
--- a/packages/file-handling/src/nextcloud-file-picker.js
+++ b/packages/file-handling/src/nextcloud-file-picker.js
@@ -1,12 +1,12 @@
 import {createInstance} from './i18n';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import DBPLitElement from '@dbp-toolkit/common/dbp-lit-element';
 import {Icon, MiniSpinner} from '@dbp-toolkit/common';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
 import {createClient} from 'webdav/web';
-import {classMap} from 'lit-html/directives/class-map.js';
+import {classMap} from 'lit/directives/class-map.js';
 import {humanFileSize} from '@dbp-toolkit/common/i18next';
 import Tabulator from 'tabulator-tables';
 import MicroModal from './micromodal.es';
diff --git a/packages/file-handling/src/styles.js b/packages/file-handling/src/styles.js
index ec1e14f011ed6abdc0618177db3f26702750415b..1175fe3ae313afdffc93cb8424de333f3417eda7 100644
--- a/packages/file-handling/src/styles.js
+++ b/packages/file-handling/src/styles.js
@@ -1,4 +1,4 @@
-import {css} from 'lit-element';
+import {css} from 'lit';
 
 export function getFileHandlingCss() {
     // language=css
diff --git a/packages/knowledge-base-web-page-element-view/package.json b/packages/knowledge-base-web-page-element-view/package.json
index 1d75dd897a8709636bbd880061276f21557ea376..f7d85fc39959cf397da54893e15c265011e1b94f 100644
--- a/packages/knowledge-base-web-page-element-view/package.json
+++ b/packages/knowledge-base-web-page-element-view/package.json
@@ -36,10 +36,9 @@
   "dependencies": {
     "@dbp-toolkit/auth": "^0.2.2",
     "@dbp-toolkit/common": "^0.2.2",
-    "@open-wc/scoped-elements": "^1.3.3",
+    "@open-wc/scoped-elements": "^2.0.0",
     "i18next": "^21.4.2",
-    "lit-element": "^2.4.0",
-    "lit-html": "^1.3.0",
+    "lit": "^2.0.0",
     "material-design-icons-svg": "^3.0.0"
   },
   "scripts": {
diff --git a/packages/knowledge-base-web-page-element-view/src/dbp-knowledge-base-web-page-element-view-demo.js b/packages/knowledge-base-web-page-element-view/src/dbp-knowledge-base-web-page-element-view-demo.js
index 60f1e05abe5bbc1caf9f930d1d7b41634d9e2396..6c72e009c9e39d69e8b536c22bc1c2673ca39bfe 100644
--- a/packages/knowledge-base-web-page-element-view/src/dbp-knowledge-base-web-page-element-view-demo.js
+++ b/packages/knowledge-base-web-page-element-view/src/dbp-knowledge-base-web-page-element-view-demo.js
@@ -1,5 +1,5 @@
 import {createInstance} from './i18n';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {AuthKeycloak, LoginButton} from '@dbp-toolkit/auth';
 import {KnowledgeBaseWebPageElementView} from './knowledge-base-web-page-element-view.js';
diff --git a/packages/knowledge-base-web-page-element-view/src/knowledge-base-web-page-element-view.js b/packages/knowledge-base-web-page-element-view/src/knowledge-base-web-page-element-view.js
index 57234041559bb04593f407fd1a153f1cb3faf271..45b0655942f1bf47b72273283b9d66ba44639c30 100644
--- a/packages/knowledge-base-web-page-element-view/src/knowledge-base-web-page-element-view.js
+++ b/packages/knowledge-base-web-page-element-view/src/knowledge-base-web-page-element-view.js
@@ -1,9 +1,9 @@
 import {createInstance} from './i18n';
-import {html} from 'lit-element';
+import {html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {MiniSpinner} from '@dbp-toolkit/common';
 import * as commonUtils from "@dbp-toolkit/common/utils";
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
 
 /**
diff --git a/packages/language-select/package.json b/packages/language-select/package.json
index 4b58b68721a5d6072ebdbf14b2a87e3f27396433..904d368baf61d8c181665942e47a44064c33b7e5 100644
--- a/packages/language-select/package.json
+++ b/packages/language-select/package.json
@@ -34,8 +34,8 @@
   },
   "dependencies": {
     "@dbp-toolkit/common": "^0.2.2",
-    "@open-wc/scoped-elements": "^1.3.3",
-    "lit-element": "^2.4.0"
+    "@open-wc/scoped-elements": "^2.0.0",
+    "lit": "^2.0.0"
   },
   "scripts": {
     "clean": "rm dist/*",
diff --git a/packages/language-select/src/dbp-language-select-demo.js b/packages/language-select/src/dbp-language-select-demo.js
index 11b1264a75f2dd3e189d0ef79ec31fe1538abdd5..cd0ade8c956b02b5609f7ccb7348a0d55849806e 100644
--- a/packages/language-select/src/dbp-language-select-demo.js
+++ b/packages/language-select/src/dbp-language-select-demo.js
@@ -1,4 +1,4 @@
-import {html} from 'lit-element';
+import {html} from 'lit';
 import {LanguageSelect} from './language-select.js';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import { ScopedElementsMixin } from '@open-wc/scoped-elements';
diff --git a/packages/language-select/src/language-select.js b/packages/language-select/src/language-select.js
index b5f06f21475e2e41ad743aecef71bf7bfbd1e35b..79f7f5b66ee0ab74503ba1579c7e82733a05b813 100644
--- a/packages/language-select/src/language-select.js
+++ b/packages/language-select/src/language-select.js
@@ -1,4 +1,4 @@
-import {html, css} from 'lit-element';
+import {html, css} from 'lit';
 import {createInstance} from './i18n.js';
 import * as commonStyles from '@dbp-toolkit/common/styles';
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/packages/matomo/package.json b/packages/matomo/package.json
index 3e76187841bffb5c460d93da4b4f5a8d544ab68e..629686900b13f8ccb29ad629acbe57ddf12d592f 100644
--- a/packages/matomo/package.json
+++ b/packages/matomo/package.json
@@ -36,8 +36,8 @@
   "dependencies": {
     "@dbp-toolkit/auth": "^0.2.2",
     "@dbp-toolkit/common": "^0.2.2",
-    "@open-wc/scoped-elements": "^1.3.3",
-    "lit-element": "^2.4.0"
+    "@open-wc/scoped-elements": "^2.0.0",
+    "lit": "^2.0.0"
   },
   "scripts": {
     "clean": "rm dist/*",
diff --git a/packages/matomo/src/dbp-matomo-demo.js b/packages/matomo/src/dbp-matomo-demo.js
index eced8a94fc26d8545dcb56e7751ceaac7a84c231..476682adca65b3af07c2f82baa035bc560eafa33 100644
--- a/packages/matomo/src/dbp-matomo-demo.js
+++ b/packages/matomo/src/dbp-matomo-demo.js
@@ -1,5 +1,5 @@
 import {createInstance} from './i18n.js';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {AuthKeycloak, LoginButton} from '@dbp-toolkit/auth';
 import * as commonUtils from '@dbp-toolkit/common/utils';
diff --git a/packages/notification/package.json b/packages/notification/package.json
index a7d95ef5b9c4da6a5e059195204f2be6058f82e4..2cc8d46447c47f4a3671c5983ed383f460bbc657 100644
--- a/packages/notification/package.json
+++ b/packages/notification/package.json
@@ -35,8 +35,8 @@
   },
   "dependencies": {
     "@dbp-toolkit/common": "^0.2.2",
-    "@open-wc/scoped-elements": "^1.3.3",
-    "lit-element": "^2.4.0"
+    "@open-wc/scoped-elements": "^2.0.0",
+    "lit": "^2.0.0"
   },
   "scripts": {
     "clean": "rm dist/*",
diff --git a/packages/notification/src/dbp-notification-demo.js b/packages/notification/src/dbp-notification-demo.js
index 8919e31f560935ff169f9b8109324a7ba1193b04..b91559495cf6ab6c942514b7b8d8e275a2318644 100644
--- a/packages/notification/src/dbp-notification-demo.js
+++ b/packages/notification/src/dbp-notification-demo.js
@@ -1,6 +1,6 @@
 import {createInstance} from './i18n';
 import {send as notify} from '@dbp-toolkit/common/notification';
-import {css, html, LitElement} from 'lit-element';
+import {css, html, LitElement} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {Notification} from './notification.js';
 import * as commonUtils from '@dbp-toolkit/common/utils';
diff --git a/packages/notification/src/notification.js b/packages/notification/src/notification.js
index 76a9c7a7ccf63d1cab0b46fea9ca5ff4e83a13ca..1041c45eec7c1875b9682d2a501a5a2a6779e0d6 100644
--- a/packages/notification/src/notification.js
+++ b/packages/notification/src/notification.js
@@ -1,6 +1,6 @@
 import {createInstance} from './i18n';
 import {createUUID} from './utils';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import DBPLitElement from '@dbp-toolkit/common/dbp-lit-element';
 import * as commonStyles from '@dbp-toolkit/common/styles';
 
diff --git a/packages/organization-select/package.json b/packages/organization-select/package.json
index aea5118f15ad264722046f96de398a47bb45d4f3..c9a8289bbb0106a0ae73966b42145a770539ad6f 100644
--- a/packages/organization-select/package.json
+++ b/packages/organization-select/package.json
@@ -37,9 +37,9 @@
   "dependencies": {
     "@dbp-toolkit/auth": "^0.2.2",
     "@dbp-toolkit/common": "^0.2.2",
-    "@open-wc/scoped-elements": "^1.3.3",
+    "@open-wc/scoped-elements": "^2.0.0",
     "jquery": "^3.4.1",
-    "lit-element": "^2.4.0",
+    "lit": "^2.0.0",
     "select2": "^4.0.10"
   },
   "scripts": {
diff --git a/packages/organization-select/src/dbp-organization-select-demo.js b/packages/organization-select/src/dbp-organization-select-demo.js
index e9146094a36fc394e1ca047602ffb5d5c7b0a10c..e397c14f23f77bd74ce0c415ba98a0dcb56b1b8c 100644
--- a/packages/organization-select/src/dbp-organization-select-demo.js
+++ b/packages/organization-select/src/dbp-organization-select-demo.js
@@ -1,5 +1,5 @@
 import {createInstance} from './i18n.js';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {OrganizationSelect} from './organization-select.js';
 import {AuthKeycloak, LoginButton} from '@dbp-toolkit/auth';
diff --git a/packages/organization-select/src/organization-select.js b/packages/organization-select/src/organization-select.js
index d60b4a8f566f2a36073426beffa07809874b713f..f069a90415340061a6d3dd969ecd797795ebf762 100644
--- a/packages/organization-select/src/organization-select.js
+++ b/packages/organization-select/src/organization-select.js
@@ -2,7 +2,7 @@ import $ from 'jquery';
 import select2 from 'select2';
 import select2CSSPath from 'select2/dist/css/select2.min.css';
 import {createInstance} from './i18n.js';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
 import select2LangDe from "@dbp-toolkit/organization-select/src/i18n/de/select2";
diff --git a/packages/person-profile/package.json b/packages/person-profile/package.json
index 5332eb9ab8d35837f13829233d2b49cb3a1bb91d..d649ce396df6340d30c2e0c3d60e65227648e3ce 100644
--- a/packages/person-profile/package.json
+++ b/packages/person-profile/package.json
@@ -37,9 +37,9 @@
     "@dbp-toolkit/auth": "^0.2.2",
     "@dbp-toolkit/common": "^0.2.2",
     "@dbp-toolkit/person-select": "^0.2.2",
-    "@open-wc/scoped-elements": "^1.3.3",
+    "@open-wc/scoped-elements": "^2.0.0",
     "jquery": "^3.4.1",
-    "lit-element": "^2.4.0"
+    "lit": "^2.0.0"
   },
   "scripts": {
     "clean": "rm dist/*",
diff --git a/packages/person-profile/src/dbp-person-profile-demo.js b/packages/person-profile/src/dbp-person-profile-demo.js
index 2482af9e19d58ab4876fb3958f76fd0897e00a7b..cd6fbf9ffd8dc85a9b33ad64d82553d0277183d8 100644
--- a/packages/person-profile/src/dbp-person-profile-demo.js
+++ b/packages/person-profile/src/dbp-person-profile-demo.js
@@ -1,6 +1,6 @@
 import {AuthKeycloak, LoginButton} from '@dbp-toolkit/auth';
 import {createInstance} from './i18n.js';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import DBPLitElement from '@dbp-toolkit/common/dbp-lit-element';
 import {PersonProfile} from './index.js';
diff --git a/packages/person-profile/src/person-profile.js b/packages/person-profile/src/person-profile.js
index 649b8df3bf738326771b3b1686851354a657b6fe..c6b5c37676a59389c79879bcfb9ba8577c8553c0 100644
--- a/packages/person-profile/src/person-profile.js
+++ b/packages/person-profile/src/person-profile.js
@@ -1,6 +1,6 @@
 
 import JSONLD from '@dbp-toolkit/common/jsonld';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {createInstance} from './i18n.js';
 import DBPLitElement from '@dbp-toolkit/common/dbp-lit-element';
 import * as commonStyles from '@dbp-toolkit/common/styles';
diff --git a/packages/person-select/package.json b/packages/person-select/package.json
index c50f0c268e13a3982f9385ceca2ab01c5960d151..6e078f4b667886e9e45470b982af0024c1c0dc01 100644
--- a/packages/person-select/package.json
+++ b/packages/person-select/package.json
@@ -37,9 +37,9 @@
   "dependencies": {
     "@dbp-toolkit/auth": "^0.2.2",
     "@dbp-toolkit/common": "^0.2.2",
-    "@open-wc/scoped-elements": "^1.3.3",
+    "@open-wc/scoped-elements": "^2.0.0",
     "jquery": "^3.4.1",
-    "lit-element": "^2.4.0",
+    "lit": "^2.0.0",
     "select2": "^4.0.10"
   },
   "scripts": {
diff --git a/packages/person-select/src/dbp-person-select-demo.js b/packages/person-select/src/dbp-person-select-demo.js
index c63d6892deeedfb822ae4cd490d73d3cbe978649..cf817cebb2d0e68c089da5d7711d0124c1c8dd22 100644
--- a/packages/person-select/src/dbp-person-select-demo.js
+++ b/packages/person-select/src/dbp-person-select-demo.js
@@ -1,5 +1,5 @@
 import {createInstance} from './i18n.js';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {PersonSelect} from './person-select.js';
 import {AuthKeycloak, LoginButton} from '@dbp-toolkit/auth';
diff --git a/packages/person-select/src/person-select.js b/packages/person-select/src/person-select.js
index 7de890b54cbbce426f67bf4a3334a58395f6a0d8..561dfaf4481e2ec7a2b310a331c3c5c2ddccb26a 100644
--- a/packages/person-select/src/person-select.js
+++ b/packages/person-select/src/person-select.js
@@ -4,7 +4,7 @@ import select2 from 'select2';
 import select2LangDe from './i18n/de/select2';
 import select2LangEn from './i18n/en/select2';
 import JSONLD from '@dbp-toolkit/common/jsonld';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {createInstance} from './i18n.js';
 import {Icon} from '@dbp-toolkit/common';
diff --git a/packages/provider/package.json b/packages/provider/package.json
index d3755d581cc3d94490450d11f42232555d2c91d4..47f2b0b35506182d56532e565473eefb5e3bf665 100644
--- a/packages/provider/package.json
+++ b/packages/provider/package.json
@@ -37,8 +37,8 @@
   "dependencies": {
     "@dbp-toolkit/auth": "^0.2.5",
     "@dbp-toolkit/common": "^0.2.12",
-    "@open-wc/scoped-elements": "^1.3.3",
-    "lit-element": "^2.4.0"
+    "@open-wc/scoped-elements": "^2.0.0",
+    "lit": "^2.0.0"
   },
   "scripts": {
     "clean": "rm dist/*",
diff --git a/packages/provider/src/dbp-provider-demo.js b/packages/provider/src/dbp-provider-demo.js
index 447832f4ac4217a7faeb523be8a8bc25e5fc8bb1..822a529998dfe8a3715f2cd07a44fca64bdf7be7 100644
--- a/packages/provider/src/dbp-provider-demo.js
+++ b/packages/provider/src/dbp-provider-demo.js
@@ -1,5 +1,5 @@
 import {createInstance} from './i18n.js';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {AuthKeycloak, LoginButton} from '@dbp-toolkit/auth';
 import * as commonUtils from '@dbp-toolkit/common/utils';
diff --git a/packages/qr-code-scanner/package.json b/packages/qr-code-scanner/package.json
index a4354b09b5ce19b801c894a6987a7b42bf24858c..dc2d547503350a53126f3f84300b213c470260a6 100644
--- a/packages/qr-code-scanner/package.json
+++ b/packages/qr-code-scanner/package.json
@@ -36,9 +36,9 @@
   },
   "dependencies": {
     "@dbp-toolkit/common": "^0.2.2",
-    "@open-wc/scoped-elements": "^1.3.3",
+    "@open-wc/scoped-elements": "^2.0.0",
     "async-mutex": "^0.3.0",
-    "lit-element": "^2.4.0",
+    "lit": "^2.0.0",
     "qr-scanner": "^1.2.0"
   },
   "scripts": {
diff --git a/packages/qr-code-scanner/src/dbp-qr-code-scanner-demo.js b/packages/qr-code-scanner/src/dbp-qr-code-scanner-demo.js
index 2b78a7406b6baed80eb5ba6643882ad86abb6534..4acc903cece7cbf9013cb088398b8ad137c68bf6 100644
--- a/packages/qr-code-scanner/src/dbp-qr-code-scanner-demo.js
+++ b/packages/qr-code-scanner/src/dbp-qr-code-scanner-demo.js
@@ -1,5 +1,5 @@
 import {createInstance} from './i18n';
-import {css, html, LitElement} from 'lit-element';
+import {css, html, LitElement} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from "@dbp-toolkit/common/styles";
diff --git a/packages/qr-code-scanner/src/qr-code-scanner.js b/packages/qr-code-scanner/src/qr-code-scanner.js
index 4b07ef0123111d86b55c814547fcb31836bb59bc..e4dfb11a7c13aa0592299436bd5784a346228b67 100644
--- a/packages/qr-code-scanner/src/qr-code-scanner.js
+++ b/packages/qr-code-scanner/src/qr-code-scanner.js
@@ -1,10 +1,10 @@
 import {createInstance} from './i18n';
-import {css, html, unsafeCSS} from 'lit-element';
+import {css, html, unsafeCSS} from 'lit';
 import DBPLitElement from '@dbp-toolkit/common/dbp-lit-element';
 import * as commonStyles from '@dbp-toolkit/common/styles';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {Icon, MiniSpinner} from '@dbp-toolkit/common';
-import {classMap} from 'lit-html/directives/class-map.js';
+import {classMap} from 'lit/directives/class-map.js';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import {getIconSVGURL} from '@dbp-toolkit/common';
 import {Mutex} from 'async-mutex';
diff --git a/packages/tooltip/package.json b/packages/tooltip/package.json
index a027ac2567a99c7e826c96701461f3c2a78db343..4a5a8b87a929b61660a69ff18f6b2db9eec3446d 100644
--- a/packages/tooltip/package.json
+++ b/packages/tooltip/package.json
@@ -37,8 +37,8 @@
   "dependencies": {
     "@dbp-toolkit/auth": "^0.2.2",
     "@dbp-toolkit/common": "^0.2.2",
-    "@open-wc/scoped-elements": "^1.3.3",
-    "lit-element": "^2.4.0",
+    "@open-wc/scoped-elements": "^2.0.0",
+    "lit": "^2.0.0",
     "tippy.js": "^6.3.1"
   },
   "scripts": {
diff --git a/packages/tooltip/src/button-tooltip.js b/packages/tooltip/src/button-tooltip.js
index 2a37ba574855373cbb9a283f693961eed0046d82..53b3d2b0b7dc9df56a8c924b350b367355a03439 100644
--- a/packages/tooltip/src/button-tooltip.js
+++ b/packages/tooltip/src/button-tooltip.js
@@ -1,4 +1,4 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
diff --git a/packages/tooltip/src/dbp-tooltip-demo.js b/packages/tooltip/src/dbp-tooltip-demo.js
index 2b4d4c140a354b2c4c786852394110e0ea123f4e..595b50f7f08b27fde06eb1131b9d5b00300fa55e 100644
--- a/packages/tooltip/src/dbp-tooltip-demo.js
+++ b/packages/tooltip/src/dbp-tooltip-demo.js
@@ -1,5 +1,5 @@
 import {createInstance} from './i18n.js';
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
diff --git a/packages/tooltip/src/info-tooltip.js b/packages/tooltip/src/info-tooltip.js
index 300701b919737b17d6457695c31776b298beda15..4d3af00082299c79f2fe4e63c6be0ee9433a63ee 100644
--- a/packages/tooltip/src/info-tooltip.js
+++ b/packages/tooltip/src/info-tooltip.js
@@ -1,4 +1,4 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
diff --git a/packages/tooltip/src/tooltip.js b/packages/tooltip/src/tooltip.js
index e9c27e90ea01eecd183b75e99dc7d7001722952b..3dc5863660a050d9e8145f6c4fc40406290e1995 100644
--- a/packages/tooltip/src/tooltip.js
+++ b/packages/tooltip/src/tooltip.js
@@ -1,4 +1,4 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
diff --git a/packages/typescript-example/package.json b/packages/typescript-example/package.json
index d4cc82f70ef6dc17edc863e8abd9d62e129d2ecf..6a47609210e28f31279f8c67ffe45e25331a4005 100644
--- a/packages/typescript-example/package.json
+++ b/packages/typescript-example/package.json
@@ -38,8 +38,8 @@
   },
   "dependencies": {
     "@dbp-toolkit/common": "^0.2.2",
-    "@open-wc/scoped-elements": "^1.3.3",
-    "lit-element": "^2.4.0"
+    "@open-wc/scoped-elements": "^2.0.0",
+    "lit": "^2.0.0"
   },
   "scripts": {
     "clean": "rm dist/*",
diff --git a/packages/typescript-example/src/dbp-typescript-example-demo.ts b/packages/typescript-example/src/dbp-typescript-example-demo.ts
index dc17a32c99c234f78bd40b44490028d006185435..24c96a7326df713eb87ba813a816c8f7bc5bac0b 100644
--- a/packages/typescript-example/src/dbp-typescript-example-demo.ts
+++ b/packages/typescript-example/src/dbp-typescript-example-demo.ts
@@ -1,4 +1,4 @@
-import {html, LitElement, TemplateResult} from 'lit-element';
+import {html, LitElement, TemplateResult} from 'lit';
 import {TypeScriptExample} from './typescript-example';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import { ScopedElementsMixin, ScopedElementsMap } from '@open-wc/scoped-elements';
diff --git a/packages/typescript-example/src/typescript-example.ts b/packages/typescript-example/src/typescript-example.ts
index a7c6503ad91cc8541706dcd6470243f269517819..ed22bd66bc463321f2e04f1386c960251c7c5897 100644
--- a/packages/typescript-example/src/typescript-example.ts
+++ b/packages/typescript-example/src/typescript-example.ts
@@ -1,4 +1,4 @@
-import {html,LitElement} from 'lit-element';
+import {html,LitElement} from 'lit';
 import {createInstance} from './i18n';
 
 export class TypeScriptExample extends LitElement {
diff --git a/toolkit-showcase/package.json b/toolkit-showcase/package.json
index 5d2cc94c2663273325adac81fb7281d51d8665d7..d8fbc6e041b373c53dc23e981a68caa0e166f041 100644
--- a/toolkit-showcase/package.json
+++ b/toolkit-showcase/package.json
@@ -49,11 +49,10 @@
     "@dbp-toolkit/organization-select": "^0.2.0",
     "@dbp-toolkit/person-profile": "^0.2.0",
     "@dbp-toolkit/person-select": "^0.2.0",
-    "@open-wc/scoped-elements": "^1.3.3",
+    "@open-wc/scoped-elements": "^2.0.0",
     "@rollup/plugin-replace": "^3.0.0",
     "highlight.js": "^11.0.0",
-    "lit-element": "^2.4.0",
-    "lit-html": "^1.3.0"
+    "lit": "^2.0.0"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/toolkit-showcase/src/dbp-auth-demo-activity.js b/toolkit-showcase/src/dbp-auth-demo-activity.js
index f0acf9939de9e3a03d0f1bea5cf3d001fd88ce24..2c7f3ce6597e9d5d5a4d7dc9364feed16f65afab 100644
--- a/toolkit-showcase/src/dbp-auth-demo-activity.js
+++ b/toolkit-showcase/src/dbp-auth-demo-activity.js
@@ -1,9 +1,9 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {DbpAuthDemo} from '@dbp-toolkit/auth/src/dbp-auth-demo';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import readme from '@dbp-toolkit/auth/README.md';
 import * as demoStyles from "./styles";
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/toolkit-showcase/src/dbp-check-in-place-select-demo-activity.js b/toolkit-showcase/src/dbp-check-in-place-select-demo-activity.js
index bc446d4ce0f12979d25a7177ac9cc1df8c6f98b0..d098a750000458fce7f7cb91debfeae2c51af655 100644
--- a/toolkit-showcase/src/dbp-check-in-place-select-demo-activity.js
+++ b/toolkit-showcase/src/dbp-check-in-place-select-demo-activity.js
@@ -1,9 +1,9 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {CheckInPlaceSelectDemo} from '@dbp-toolkit/check-in-place-select/src/dbp-check-in-place-select-demo';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import readme from '@dbp-toolkit/check-in-place-select/README.md';
 import * as demoStyles from "./styles";
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/toolkit-showcase/src/dbp-common-demo-activity.js b/toolkit-showcase/src/dbp-common-demo-activity.js
index 2bbc4f36e7be567995c435432a3ed637e821f858..9f9330a6f89f25045eac98c4653431fe2a6a6832 100644
--- a/toolkit-showcase/src/dbp-common-demo-activity.js
+++ b/toolkit-showcase/src/dbp-common-demo-activity.js
@@ -1,9 +1,9 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {DbpCommonDemo} from '@dbp-toolkit/common/dbp-common-demo';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import readme from '@dbp-toolkit/common/README.md';
 import * as demoStyles from "./styles";
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/toolkit-showcase/src/dbp-data-table-view-demo-activity.js b/toolkit-showcase/src/dbp-data-table-view-demo-activity.js
index 4ce20d8ed5ef723f1e52ce19a10ccc972b566303..f54e36fd745fac43b69c364c6881c8d6ef42eed7 100644
--- a/toolkit-showcase/src/dbp-data-table-view-demo-activity.js
+++ b/toolkit-showcase/src/dbp-data-table-view-demo-activity.js
@@ -1,9 +1,9 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {DataTableViewDemo} from '@dbp-toolkit/data-table-view/src/dbp-data-table-view-demo';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import readme from '@dbp-toolkit/data-table-view/README.md';
 import * as demoStyles from "./styles";
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/toolkit-showcase/src/dbp-demo-template.js b/toolkit-showcase/src/dbp-demo-template.js
index 03b9583caf7af83e729e28961933c8152c8717c2..ee5e2e2163c24fba6f792ce9cd87aa823617825d 100644
--- a/toolkit-showcase/src/dbp-demo-template.js
+++ b/toolkit-showcase/src/dbp-demo-template.js
@@ -1,8 +1,8 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 //import {ClassName} from '@dbp-toolkit/package-name/src/dbp-demo-activity-name'; TODO
 import * as commonStyles from '@dbp-toolkit/common/styles';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 // import readme from '@dbp-toolkit/class-name/README.md'; TODO
 import * as demoStyles from "./styles";
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/toolkit-showcase/src/dbp-file-handling-demo-activity.js b/toolkit-showcase/src/dbp-file-handling-demo-activity.js
index e1d5f68d45e91d7407465e5ef86753c77daf4504..3d0b26f93e3bbd3674428b94f0ce5c9943fda36e 100644
--- a/toolkit-showcase/src/dbp-file-handling-demo-activity.js
+++ b/toolkit-showcase/src/dbp-file-handling-demo-activity.js
@@ -1,9 +1,9 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {FileSourceDemo} from '@dbp-toolkit/file-handling/src/demo';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import readme from '@dbp-toolkit/file-handling/README.md';
 import * as demoStyles from "./styles";
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/toolkit-showcase/src/dbp-knowledge-base-web-page-element-view-demo-activity.js b/toolkit-showcase/src/dbp-knowledge-base-web-page-element-view-demo-activity.js
index 4d093a44506d1c86ba74292b35608190593143b2..3ded518de2132d73b204667f6b68c9db9d47924f 100644
--- a/toolkit-showcase/src/dbp-knowledge-base-web-page-element-view-demo-activity.js
+++ b/toolkit-showcase/src/dbp-knowledge-base-web-page-element-view-demo-activity.js
@@ -1,9 +1,9 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {KnowledgeBaseWebPageElementViewDemo} from '@dbp-toolkit/knowledge-base-web-page-element-view/src/dbp-knowledge-base-web-page-element-view-demo';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import readme from '@dbp-toolkit/knowledge-base-web-page-element-view/README.md';
 import * as demoStyles from "./styles";
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/toolkit-showcase/src/dbp-language-select-demo-activity.js b/toolkit-showcase/src/dbp-language-select-demo-activity.js
index baadec0f9fec9c55c7fd8bfa802aac9027fb23d8..509a20390387cdc0495f747f377d6cf55be3e38b 100644
--- a/toolkit-showcase/src/dbp-language-select-demo-activity.js
+++ b/toolkit-showcase/src/dbp-language-select-demo-activity.js
@@ -1,9 +1,9 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {LanguageSelectDemo} from '@dbp-toolkit/language-select/src/dbp-language-select-demo';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import readme from '@dbp-toolkit/language-select/README.md';
 import * as demoStyles from "./styles";
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/toolkit-showcase/src/dbp-matomo-demo-activity.js b/toolkit-showcase/src/dbp-matomo-demo-activity.js
index 463f0a55cd207119a85d6446307db8b3cf81001c..ec4aaeaae92f71eac40d3768178bd53116e48c9d 100644
--- a/toolkit-showcase/src/dbp-matomo-demo-activity.js
+++ b/toolkit-showcase/src/dbp-matomo-demo-activity.js
@@ -1,9 +1,9 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {MatomoDemo} from '@dbp-toolkit/matomo/src/dbp-matomo-demo';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import readme from '@dbp-toolkit/matomo/README.md';
 import * as demoStyles from "./styles";
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/toolkit-showcase/src/dbp-notification-demo-activity.js b/toolkit-showcase/src/dbp-notification-demo-activity.js
index d45432bf2921091324e51a5ccd703fd255a2f4b5..0cbee6830a1fdf9d62203f6f0e0f7a3df43b3860 100644
--- a/toolkit-showcase/src/dbp-notification-demo-activity.js
+++ b/toolkit-showcase/src/dbp-notification-demo-activity.js
@@ -1,9 +1,9 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {NotificationDemo} from '@dbp-toolkit/notification/src/dbp-notification-demo';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import readme from '@dbp-toolkit/notification/README.md';
 import * as demoStyles from "./styles";
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/toolkit-showcase/src/dbp-organization-select-demo-activity.js b/toolkit-showcase/src/dbp-organization-select-demo-activity.js
index a579c8e7abbfe05ba60dcb57fae49b104e308ceb..061664ab15d8a4e8d91b4a1096111238804cc871 100644
--- a/toolkit-showcase/src/dbp-organization-select-demo-activity.js
+++ b/toolkit-showcase/src/dbp-organization-select-demo-activity.js
@@ -1,9 +1,9 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {OrganizationSelectDemo} from '@dbp-toolkit/organization-select/src/dbp-organization-select-demo';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import readme from '@dbp-toolkit/organization-select/README.md';
 import * as demoStyles from "./styles";
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/toolkit-showcase/src/dbp-person-profile-demo-activity.js b/toolkit-showcase/src/dbp-person-profile-demo-activity.js
index 3a83c9c3326b0cd3aadd6ae96292bd977ac96d84..8186f01ad7a01b5427bdbdf59b9462a6bec4f5f8 100644
--- a/toolkit-showcase/src/dbp-person-profile-demo-activity.js
+++ b/toolkit-showcase/src/dbp-person-profile-demo-activity.js
@@ -1,9 +1,9 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {PersonProfileDemo} from '@dbp-toolkit/person-profile/src/dbp-person-profile-demo';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import readme from '@dbp-toolkit/person-profile/README.md';
 import * as demoStyles from "./styles";
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/toolkit-showcase/src/dbp-person-select-demo-activity.js b/toolkit-showcase/src/dbp-person-select-demo-activity.js
index 793ae3b3c28a9c629531ad88171fac93b3707e39..742a1f3da0183bca884836fc0b2ada3e2f36184a 100644
--- a/toolkit-showcase/src/dbp-person-select-demo-activity.js
+++ b/toolkit-showcase/src/dbp-person-select-demo-activity.js
@@ -1,9 +1,9 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {PersonSelectDemo} from '@dbp-toolkit/person-select/src/dbp-person-select-demo';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import readme from '@dbp-toolkit/person-select/README.md';
 import * as demoStyles from "./styles";
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/toolkit-showcase/src/dbp-qr-code-scanner-demo-activity.js b/toolkit-showcase/src/dbp-qr-code-scanner-demo-activity.js
index a0d908f2535ed71428bd15f19bc7d40f83fb18f6..9a9afcf13c35bfb10c3d03ac9f6fe8e1fa7e0f5f 100644
--- a/toolkit-showcase/src/dbp-qr-code-scanner-demo-activity.js
+++ b/toolkit-showcase/src/dbp-qr-code-scanner-demo-activity.js
@@ -1,9 +1,9 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {QrCodeScannerDemo} from '@dbp-toolkit/qr-code-scanner/src/dbp-qr-code-scanner-demo';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import readme from '@dbp-toolkit/qr-code-scanner/README.md';
 import * as demoStyles from './styles';
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/toolkit-showcase/src/dbp-tooltip-demo-activity.js b/toolkit-showcase/src/dbp-tooltip-demo-activity.js
index 1ee16492a34705a9c5b2a1d43aa144d09642b105..88d56187002263f300d0f6f38f047dfcaf81901c 100644
--- a/toolkit-showcase/src/dbp-tooltip-demo-activity.js
+++ b/toolkit-showcase/src/dbp-tooltip-demo-activity.js
@@ -1,9 +1,9 @@
-import {css, html} from 'lit-element';
+import {css, html} from 'lit';
 import {ScopedElementsMixin} from '@open-wc/scoped-elements';
 import {TooltipDemo} from '@dbp-toolkit/tooltip/src/dbp-tooltip-demo';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import * as commonStyles from '@dbp-toolkit/common/styles';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 import readme from '@dbp-toolkit/tooltip/README.md';
 import * as demoStyles from "./styles";
 import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
diff --git a/toolkit-showcase/src/styles.js b/toolkit-showcase/src/styles.js
index 540afddebe9e9377fef17a29e4fe61a2d19873d1..226f1940ea9966f1e6d38382b6e3bb8dfbc38548 100644
--- a/toolkit-showcase/src/styles.js
+++ b/toolkit-showcase/src/styles.js
@@ -1,4 +1,4 @@
-import {css, CSSResult, unsafeCSS} from 'lit-element';
+import {css, CSSResult, unsafeCSS} from 'lit';
 import * as commonUtils from '@dbp-toolkit/common/utils';
 import highlightCSSPath from 'highlight.js/styles/github.css';
 
diff --git a/yarn.lock b/yarn.lock
index d0bc1b7f7cc0f49caf606e51e9c58acf1357962a..5c11235a4cab419616285bb7fb2c16ef4464c05b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1629,6 +1629,11 @@
     npmlog "^4.1.2"
     write-file-atomic "^3.0.3"
 
+"@lit/reactive-element@^1.0.0":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@lit/reactive-element/-/reactive-element-1.0.2.tgz#daa7a7c7a6c63d735f0c9634de6b7dbd70a702ab"
+  integrity sha512-oz3d3MKjQ2tXynQgyaQaMpGTDNyNDeBdo6dXf1AbjTwhA1IRINHmA7kSaVYv9ttKweNkEoNqp9DqteDdgWzPEg==
+
 "@mrmlnc/readdir-enhanced@^2.2.1":
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz#524af240d1a360527b730475ecfa1344aa540dde"
@@ -1839,13 +1844,14 @@
   resolved "https://registry.yarnpkg.com/@open-wc/dedupe-mixin/-/dedupe-mixin-1.3.0.tgz#0df5d438285fc3482838786ee81895318f0ff778"
   integrity sha512-UfdK1MPnR6T7f3svzzYBfu3qBkkZ/KsPhcpc3JYhsUY4hbpwNF9wEQtD4Z+/mRqMTJrKg++YSxIxE0FBhY3RIw==
 
-"@open-wc/scoped-elements@^1.3.3":
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/@open-wc/scoped-elements/-/scoped-elements-1.3.4.tgz#96e27e13c8b09668ee631e9fccd5623a05af5cc2"
-  integrity sha512-WD+ObocdzcFCpBxnc8bQa7NoATeA+tJrK0/c/yV1Nx4leV+1PmJNNu+WCcuckBEGd0Op6FP8w1TidoqmVVba6g==
+"@open-wc/scoped-elements@^2.0.0":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@open-wc/scoped-elements/-/scoped-elements-2.0.1.tgz#6b1c3535f809bd90710574db80093a81e3a1fc2d"
+  integrity sha512-JS6ozxUFwFX3+Er91v9yQzNIaFn7OnE0iESKTbFvkkKdNwvAPtp1fpckBKIvWk8Ae9ZcoI9DYZuT2DDbMPcadA==
   dependencies:
+    "@lit/reactive-element" "^1.0.0"
     "@open-wc/dedupe-mixin" "^1.3.0"
-    lit-html "^1.0.0"
+    "@webcomponents/scoped-custom-element-registry" "^0.0.3"
 
 "@popperjs/core@^2.9.0":
   version "2.10.2"
@@ -2088,6 +2094,11 @@
   resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.9.tgz#152c6c20a7688c30b967ec1841d31ace569863fc"
   integrity sha512-L/TMpyURfBkf+o/526Zb6kd/tchUP3iBDEPjqjb+U2MAJhVRxxrmr2fwpe08E7QsV7YLcpq0tUaQ9O9x97ZIxQ==
 
+"@types/trusted-types@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.2.tgz#fc25ad9943bcac11cceb8168db4f275e0e72e756"
+  integrity sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg==
+
 "@typescript-eslint/eslint-plugin@^5.0.0-alpha.42":
   version "5.4.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.4.0.tgz#05e711a2e7b68342661fde61bccbd1531c19521a"
@@ -2163,6 +2174,11 @@
   resolved "https://registry.yarnpkg.com/@ungap/promise-all-settled/-/promise-all-settled-1.1.2.tgz#aa58042711d6e3275dd37dc597e5d31e8c290a44"
   integrity sha512-sL/cEvJWAnClXw0wHk85/2L0G6Sj8UB0Ctc1TEMbKSsmpRosqhwj9gWgFRZSrBr2f9tiXISwNhCPmlfqUqyb9Q==
 
+"@webcomponents/scoped-custom-element-registry@^0.0.3":
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/@webcomponents/scoped-custom-element-registry/-/scoped-custom-element-registry-0.0.3.tgz#774591a886b0b0e4914717273ba53fd8d5657522"
+  integrity sha512-lpSzgDCGbM99dytb3+J3Suo4+Bk1E13MPnWB42JK8GwxSAxFz+tC7TTv2hhDSIE2IirGNKNKCf3m08ecu6eAsQ==
+
 "@yarn-tool/resolve-package@^1.0.36":
   version "1.0.37"
   resolved "https://registry.yarnpkg.com/@yarn-tool/resolve-package/-/resolve-package-1.0.37.tgz#9837ec2eba3a30e914600858c439de25baedacb7"
@@ -5464,17 +5480,29 @@ lit-analyzer@1.2.1:
     vscode-html-languageservice "3.1.0"
     web-component-analyzer "~1.1.1"
 
-lit-element@^2.1.0, lit-element@^2.4.0:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/lit-element/-/lit-element-2.5.1.tgz#3fa74b121a6cd22902409ae3859b7847d01aa6b6"
-  integrity sha512-ogu7PiJTA33bEK0xGu1dmaX5vhcRjBXCFexPja0e7P7jqLhTpNKYRPmE+GmiCaRVAbiQKGkUgkh/i6+bh++dPQ==
+lit-element@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/lit-element/-/lit-element-3.0.2.tgz#6422b68ba166a32695f524d6f3eb41712610bf50"
+  integrity sha512-9vTJ47D2DSE4Jwhle7aMzEwO2ZcOPRikqfT3CVG7Qol2c9/I4KZwinZNW5Xv8hNm+G/enSSfIwqQhIXi6ioAUg==
   dependencies:
-    lit-html "^1.1.1"
+    "@lit/reactive-element" "^1.0.0"
+    lit-html "^2.0.0"
 
-lit-html@^1.0.0, lit-html@^1.1.1, lit-html@^1.3.0:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/lit-html/-/lit-html-1.4.1.tgz#0c6f3ee4ad4eb610a49831787f0478ad8e9ae5e0"
-  integrity sha512-B9btcSgPYb1q4oSOb/PrOT6Z/H+r6xuNzfH4lFli/AWhYwdtrgQkQWBbIc6mdnf6E2IL3gDXdkkqNktpU0OZQA==
+lit-html@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/lit-html/-/lit-html-2.0.2.tgz#6a17caac4135757710c5fb3e4becc622c476e431"
+  integrity sha512-dON7Zg8btb14/fWohQLQBdSgkoiQA4mIUy87evmyJHtxRq7zS6LlC32bT5EPWiof5PUQaDpF45v2OlrxHA5Clg==
+  dependencies:
+    "@types/trusted-types" "^2.0.2"
+
+lit@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/lit/-/lit-2.0.2.tgz#5e6f422924e0732258629fb379556b6d23f7179c"
+  integrity sha512-hKA/1YaSB+P+DvKWuR2q1Xzy/iayhNrJ3aveD0OQ9CKn6wUjsdnF/7LavDOJsKP/K5jzW/kXsuduPgRvTFrFJw==
+  dependencies:
+    "@lit/reactive-element" "^1.0.0"
+    lit-element "^3.0.0"
+    lit-html "^2.0.0"
 
 load-json-file@^4.0.0:
   version "4.0.0"