update deps

docs/resources/changelog.md

@@ -19,6 +19,9 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 - Revert form submit logic [#718](https://github.com/shoelace-style/shoelace/issues/718)
 - Updated the `disabled` attribute so it reflects in `<sl-dropdown>` [#741](https://github.com/shoelace-style/shoelace/discussions/741)
 - Updated the `name` and `icon` attribute so they reflect in `<sl-icon>` [#742](https://github.com/shoelace-style/shoelace/pull/742)
+- Updated Lit to 2.2.4
+- Updated Bootstrap Icons to 1.8.2
+- Updated all other dependencies to latest versions
 
 ## 2.0.0-beta.73
 

package.json

@@ -52,61 +52,61 @@
     "node": ">=14.17.0"
   },
   "dependencies": {
-    "@floating-ui/dom": "^0.3.1",
-    "@lit-labs/react": "^1.0.2",
+    "@floating-ui/dom": "^0.5.1",
+    "@lit-labs/react": "^1.0.4",
     "@shoelace-style/animations": "^1.1.0",
     "@shoelace-style/localize": "^2.1.3",
     "color": "4.2",
-    "lit": "^2.1.4",
+    "lit": "^2.2.4",
     "qr-creator": "^1.0.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.5.7",
-    "@open-wc/testing": "^3.0.4",
+    "@open-wc/testing": "^3.1.5",
     "@types/color": "^3.0.3",
-    "@types/mocha": "^9.1.0",
-    "@types/react": "^17.0.39",
-    "@typescript-eslint/eslint-plugin": "^5.12.0",
-    "@typescript-eslint/parser": "^5.12.0",
-    "@web/dev-server-esbuild": "^0.2.16",
-    "@web/test-runner": "^0.13.27",
+    "@types/mocha": "^9.1.1",
+    "@types/react": "^18.0.9",
+    "@typescript-eslint/eslint-plugin": "^5.26.0",
+    "@typescript-eslint/parser": "^5.26.0",
+    "@web/dev-server-esbuild": "^0.3.0",
+    "@web/test-runner": "^0.13.28",
     "@web/test-runner-commands": "^0.6.1",
     "@web/test-runner-playwright": "^0.8.8",
-    "bootstrap-icons": "^1.8.1",
-    "browser-sync": "^2.27.7",
-    "chalk": "^5.0.0",
+    "bootstrap-icons": "^1.8.2",
+    "browser-sync": "^2.27.10",
+    "chalk": "^5.0.1",
     "command-line-args": "^5.2.1",
-    "comment-parser": "^1.3.0",
-    "cspell": "^5.18.5",
-    "del": "^6.0.0",
+    "comment-parser": "^1.3.1",
+    "cspell": "^6.0.0",
+    "del": "^6.1.0",
     "download": "^8.0.0",
-    "esbuild": "^0.14.21",
-    "eslint": "^8.9.0",
+    "esbuild": "^0.14.39",
+    "eslint": "^8.16.0",
     "eslint-plugin-chai-expect": "^3.0.0",
     "eslint-plugin-chai-friendly": "^0.7.2",
-    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-lit": "^1.6.1",
     "eslint-plugin-lit-a11y": "^2.2.0",
     "eslint-plugin-markdown": "^2.2.1",
     "eslint-plugin-wc": "^1.3.2",
     "front-matter": "^4.0.2",
-    "get-port": "^6.1.0",
+    "get-port": "^6.1.2",
     "globby": "^13.1.1",
-    "husky": "^7.0.4",
+    "husky": "^8.0.1",
     "jsonata": "^1.8.6",
-    "lint-staged": "^12.3.4",
+    "lint-staged": "^12.4.1",
     "lunr": "^2.3.9",
-    "npm-check-updates": "^12.3.0",
+    "npm-check-updates": "^13.0.3",
     "open": "^8.4.0",
     "pascal-case": "^3.1.2",
-    "plop": "^3.0.5",
-    "prettier": "^2.5.1",
-    "react": "^17.0.2",
+    "plop": "^3.1.0",
+    "prettier": "^2.6.2",
+    "react": "^18.1.0",
     "recursive-copy": "^2.0.14",
-    "sinon": "^13.0.1",
+    "sinon": "^14.0.0",
     "strip-css-comments": "^5.0.0",
-    "tslib": "^2.3.1",
-    "typescript": "4.5.5"
+    "tslib": "^2.4.0",
+    "typescript": "4.6.4"
   },
   "lint-staged": {
     "*.{ts,js}": [

src/components/dropdown/dropdown.ts

@@ -408,11 +408,11 @@ export default class SlDropdown extends LitElement {
         flip(),
         shift(),
         size({
-          apply: ({ width, height }) => {
+          apply: ({ availableWidth, availableHeight }) => {
             // Ensure the panel stays within the viewport when we have lots of menu items
             Object.assign(this.panel.style, {
-              maxWidth: `${width}px`,
-              maxHeight: `${height}px`
+              maxWidth: `${availableWidth}px`,
+              maxHeight: `${availableHeight}px`
             });
           },
           padding: 8