Upgrade JS packages (#1227)

* upgrade devdeps

* yarn run prepare

* upgrade deps

* yarn run prepare

* fix up failing lint rules

.changeset/soft-ties-float.md

@@ -0,0 +1,5 @@
+---
+"@primer/view-components": patch
+---
+
+Upgrade JS packages

.eslintrc.json

@@ -10,7 +10,7 @@
   ],
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
-    "ecmaVersion": "2020",
+    "ecmaVersion": "2022",
     "sourceType": "module"
   },
   "plugins": [
@@ -37,7 +37,7 @@
       ],
       "parser": "@typescript-eslint/parser",
       "parserOptions": {
-        "ecmaVersion": "2020",
+        "ecmaVersion": "2022",
         "sourceType": "module"
       },
       "plugins": [
@@ -46,6 +46,7 @@
       ],
       "rules": {
         "eslint-comments/no-use": 0,
+        "filenames/match-regex": 0,
         "import/no-namespace": 0,
         "no-shadow": 0,
         "no-unused-vars": [
@@ -60,4 +61,4 @@
       }
     }
   ]
-}
+}

app/components/primer/alpha/tool-tip-element.ts

@@ -179,6 +179,7 @@ class ToolTipElement extends HTMLElement {
   connectedCallback() {
     if (!this.shadowRoot) {
       const shadow = this.attachShadow({mode: 'open'})
+      // eslint-disable-next-line github/no-inner-html
       shadow.innerHTML = `
         <style>
           ${this.styles()}

package.json

@@ -32,33 +32,33 @@
     "changeset:version": "changeset version && script/version"
   },
   "dependencies": {
-    "@github/auto-complete-element": "^3.1.0",
+    "@github/auto-complete-element": "^3.3.4",
     "@github/clipboard-copy-element": "^1.1.2",
     "@github/details-menu-element": "^1.0.12",
     "@github/image-crop-element": "^5.0.0",
-    "@github/tab-container-element": "^3.1.0",
+    "@github/tab-container-element": "^3.1.2",
     "@github/time-elements": "^3.1.2",
-    "@primer/behaviors": "^1.1.2"
+    "@primer/behaviors": "^1.1.3"
   },
   "devDependencies": {
-    "@changesets/changelog-github": "^0.4.4",
-    "@changesets/cli": "^2.22.0",
+    "@changesets/changelog-github": "^0.4.6",
+    "@changesets/cli": "^2.24.1",
     "@github/prettier-config": "0.0.4",
-    "@primer/css": "^20.0.0",
-    "@primer/primitives": "^7.1.0",
-    "@rollup/plugin-node-resolve": "^11.2.0",
-    "@rollup/plugin-typescript": "^8.2.0",
-    "@typescript-eslint/eslint-plugin": "^4.15.2",
-    "@typescript-eslint/parser": "^4.15.2",
-    "eslint": "^7.20.0",
+    "@primer/css": "^20.3.0",
+    "@primer/primitives": "^7.9.0",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-typescript": "^8.3.3",
+    "@typescript-eslint/eslint-plugin": "^5.31.0",
+    "@typescript-eslint/parser": "^5.31.0",
+    "eslint": "^8.20.0",
     "eslint-plugin-custom-elements": "^0.0.6",
-    "eslint-plugin-github": "^4.1.1",
-    "eslint-plugin-prettier": "^3.3.1",
-    "mocha": "^8.3.0",
-    "rollup": "^2.39.0",
+    "eslint-plugin-github": "^4.3.7",
+    "eslint-plugin-prettier": "^4.2.1",
+    "mocha": "^10.0.0",
+    "rollup": "^2.77.1",
     "rollup-plugin-terser": "^7.0.2",
-    "tslib": "^2.3.1",
-    "typescript": "^4.3"
+    "tslib": "^2.4.0",
+    "typescript": "^4.7.4"
   },
   "prettier": "@github/prettier-config",
   "storybook": {