Merge remote-tracking branch 'origin/main' into feature/user-section-v2

# Conflicts:
#	package-lock.json

src/Umbraco.Web.UI.Client/.gitignore

@@ -19,6 +19,8 @@ types
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
+!.vscode/*.code-snippets
+!.vscode/settings.json
 .idea
 .DS_Store
 *.suo

src/Umbraco.Web.UI.Client/.vscode/extensions.json

@@ -6,6 +6,7 @@
 		"dbaeumer.vscode-eslint",
 		"runem.lit-plugin",
 		"esbenp.prettier-vscode",
-		"hbenl.vscode-test-explorer"
+		"hbenl.vscode-test-explorer",
+		"vunguyentuan.vscode-css-variables"
 	]
 }

src/Umbraco.Web.UI.Client/.vscode/lit.code-snippets

@@ -0,0 +1,27 @@
+{
+	"Create Lit Component": {
+		"prefix": "lit new",
+		"scope": "typescript",
+		"body": [
+			"import { UUITextStyles } from '@umbraco-ui/uui-css';",
+			"import { css, html, LitElement } from 'lit';",
+			"import { customElement } from 'lit/decorators.js';",
+			"",
+			"@customElement('umb-${TM_FILENAME_BASE/(.*)\\..+$/$1/}')",
+			"export class Umb${TM_FILENAME_BASE/(.*)\\..+$/${1:/pascalcase}/}Element extends LitElement {",
+			"\tstatic styles = [UUITextStyles, css``];",
+			"",
+			"\trender() {",
+			"\t\treturn html`${0:umb-${TM_FILENAME_BASE/(.*)\\..+$/$1/}}`;",
+			"\t}",
+			"}",
+			"",
+			"declare global {",
+			"\tinterface HTMLElementTagNameMap {",
+			"\t\t'umb-${TM_FILENAME_BASE/(.*)\\..+$/$1/}': Umb${TM_FILENAME_BASE/(.*)\\..+$/${1:/pascalcase}/}Element;",
+			"\t}",
+			"}"
+		],
+		"description": "Create a new Lit Component"
+	}
+}

src/Umbraco.Web.UI.Client/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+	"cssVariables.lookupFiles": ["node_modules/@umbraco-ui/uui-css/dist/custom-properties.css"]
+}

src/Umbraco.Web.UI.Client/package.json

@@ -64,7 +64,7 @@
 		"lodash": "^4.17.21",
 		"openapi-typescript-fetch": "^1.1.3",
 		"router-slot": "^1.5.5",
-		"rxjs": "^7.5.7",
+		"rxjs": "^7.6.0",
 		"uuid": "^9.0.0"
 	},
 	"devDependencies": {
@@ -72,29 +72,29 @@
 		"@mdx-js/react": "^2.1.5",
 		"@open-wc/testing": "^3.1.7",
 		"@playwright/test": "^1.28.1",
-		"@storybook/addon-a11y": "^6.5.13",
-		"@storybook/addon-actions": "^6.5.13",
-		"@storybook/addon-essentials": "^6.5.13",
+		"@storybook/addon-a11y": "^6.5.14",
+		"@storybook/addon-actions": "^6.5.14",
+		"@storybook/addon-essentials": "^6.5.14",
 		"@storybook/addon-links": "^6.5.13",
 		"@storybook/builder-vite": "^0.2.5",
 		"@storybook/mdx2-csf": "^0.0.3",
-		"@storybook/web-components": "^6.5.13",
+		"@storybook/web-components": "^6.5.14",
 		"@types/chai": "^4.3.4",
 		"@types/lodash-es": "^4.17.6",
 		"@types/mocha": "^10.0.0",
-		"@types/uuid": "^8.3.4",
-		"@typescript-eslint/eslint-plugin": "^5.45.0",
+		"@types/uuid": "^9.0.0",
+		"@typescript-eslint/eslint-plugin": "^5.46.1",
 		"@typescript-eslint/parser": "^5.45.0",
 		"@web/dev-server-esbuild": "^0.3.3",
 		"@web/dev-server-import-maps": "^0.0.7",
 		"@web/test-runner": "^0.15.0",
 		"@web/test-runner-playwright": "^0.9.0",
 		"babel-loader": "^9.1.0",
-		"eslint": "^8.28.0",
+		"eslint": "^8.29.0",
 		"eslint-config-prettier": "^8.5.0",
 		"eslint-import-resolver-typescript": "^3.5.2",
 		"eslint-plugin-import": "^2.26.0",
-		"eslint-plugin-lit": "^1.6.1",
+		"eslint-plugin-lit": "^1.7.0",
 		"eslint-plugin-lit-a11y": "^2.3.0",
 		"eslint-plugin-local-rules": "^1.3.2",
 		"eslint-plugin-storybook": "^0.6.7",
@@ -102,14 +102,14 @@
 		"msw": "^0.49.1",
 		"msw-storybook-addon": "^1.6.3",
 		"openapi-typescript-codegen": "^0.23.0",
-		"playwright-msw": "^2.0.1",
+		"playwright-msw": "^2.0.2",
 		"plop": "^3.1.1",
 		"prettier": "2.8.0",
 		"tiny-glob": "^0.2.9",
 		"typescript": "^4.9.3",
 		"vite": "^3.2.4",
 		"vite-plugin-static-copy": "^0.12.0",
-		"vite-tsconfig-paths": "^3.6.0",
+		"vite-tsconfig-paths": "^4.0.1",
 		"web-component-analyzer": "^2.0.0-next.4"
 	},
 	"msw": {