update to typescript 4.6.2 and update ARIAMixin typings

use skip lib check to avoid conflicts with fast-tooling

Change files

update package.json resolution for types/react because docusaurus is causing an upgrade to v18.0

update readme and yarn.lock files

fix eslint errors in fast-element

change/@microsoft-eslint-config-fast-dna-34c32245-3d92-4733-8ddd-8fccb8398ade.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/eslint-config-fast-dna",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-animation-e2384b3d-014a-424a-bb04-dddbb4b38e9a.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/fast-animation",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-colors-6ed535fb-f2b3-4e1b-aac1-7a9e43f3103c.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/fast-colors",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-components-8df06c26-dd0b-49e4-ad28-1378e64642a3.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/fast-components",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-element-3671732e-ea58-4ae5-a371-084749a7c7ba.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/fast-element",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-foundation-b13b99fe-2020-4e09-a1f5-a882e631b4f3.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/fast-foundation",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-react-wrapper-da559217-8f4f-40d3-939b-dd9a24a87798.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/fast-react-wrapper",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-router-a87c8099-0829-415c-a1ab-911527dc0945.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/fast-router",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-web-utilities-7ced022b-9db4-4df7-b271-2fe001c555db.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/fast-web-utilities",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

examples/design-system-tutorial/package.json

@@ -20,7 +20,7 @@
   "devDependencies": {
     "rimraf": "^3.0.2",
     "ts-loader": "^7.0.1",
-    "typescript": "^3.8.3",
+    "typescript": "^4.6.2",
     "webpack": "^4.44.0",
     "webpack-cli": "^3.3.11",
     "webpack-dev-server": "^3.11.0"

examples/todo-app-tutorial/package.json

@@ -21,7 +21,7 @@
     "http-server": "^14.1.0",
     "rimraf": "^3.0.2",
     "ts-loader": "^7.0.1",
-    "typescript": "^3.8.3",
+    "typescript": "^4.6.2",
     "webpack": "^4.44.0",
     "webpack-cli": "^3.3.11",
     "webpack-dev-server": "^3.11.0"

package.json

@@ -116,7 +116,8 @@
     ]
   },
   "resolutions": {
-    "@types/react": "*",
+    "@microsoft/fast-tooling": "^0.37.7",
+    "@types/react": "^16.14.0",
     "browserslist": "^4.16.5",
     "clean-css": "^4.2.3",
     "css-select": "^4.2.1",
@@ -134,7 +135,7 @@
     "node-notifier": "^9.0.0",
     "trim-newlines": "^4.0.2",
     "trim": "^0.0.3",
-    "typescript": "^3.9.0",
+    "typescript": "^4.6.2",
     "ua-parser-js": "^0.7.28",
     "ws": "^7.4.6",
     "xmlhttprequest-ssl": "^1.6.2"
@@ -162,7 +163,7 @@
     "rimraf": "^3.0.2",
     "ts-jest": "^25.4.0",
     "ts-node": "^8.8.2",
-    "typescript": "^3.9.0",
+    "typescript": "^4.6.2",
     "yargs": "^16.2.0"
   },
   "dependencies": {

packages/tooling/fast-figma-plugin-msft/package.json

@@ -44,7 +44,7 @@
     "react-dom": "^16.12.0",
     "style-loader": "^1.1.2",
     "ts-loader": "^6.2.1",
-    "typescript": "^3.9.0",
+    "typescript": "^4.6.2",
     "webpack": "^4.44.0",
     "webpack-bundle-analyzer": "^3.6.0",
     "webpack-cli": "^3.3.10"

packages/utilities/fast-animation/package.json

@@ -96,7 +96,7 @@
     "require-dir": "^0.3.2",
     "style-loader": "^0.13.2",
     "ts-jest": "^25.4.0",
-    "typescript": "^3.9.0",
+    "typescript": "^4.6.2",
     "webpack": "^4.44.0",
     "webpack-bundle-analyzer": "^3.5.2",
     "webpack-cli": "^3.2.1",

packages/utilities/fast-benchmarks/package.json

@@ -29,7 +29,7 @@
     "html-webpack-plugin": "^5.3.1",
     "prettier": "2.0.2",
     "ts-loader": "^8.1.0",
-    "typescript": "^3.9.0",
+    "typescript": "^4.6.2",
     "webpack": "^5.30.0",
     "webpack-cli": "^4.6.0",
     "webpack-dev-server": "^4.0.0-beta.1"

packages/utilities/fast-colors/package.json

@@ -42,6 +42,6 @@
     "@microsoft/eslint-config-fast-dna": "^2.0.0",
     "eslint-config-prettier": "^6.10.1",
     "prettier": "2.0.2",
-    "typescript": "^3.9.0"
+    "typescript": "^4.6.2"
   }
 }

packages/utilities/fast-eslint-rules/package.json

@@ -29,6 +29,6 @@
     "@typescript-eslint/parser": "^5.0.0",
     "eslint": "^8.0.0",
     "eslint-plugin-import": "^2.25.0",
-    "typescript": "~3.9.0 || ~4.3.5"
+    "typescript": "~3.9.0 || ~4.3.5 || ^4.6.2"
   }
 }

packages/utilities/fast-react-wrapper/docs/api-report.md

@@ -17,12 +17,8 @@ export type FoundationElementRegistryElement<TRegistry> = TRegistry extends Foun
 // @public (undocumented)
 export function provideReactWrapper(React: any, designSystem?: DesignSystem): {
     wrap: {
-        <TRegistry extends FoundationElementRegistry<FoundationElementDefinition, any>, TEvents>(registry: TRegistry, config?: ReactWrapperConfig<TEvents> | undefined): Constructable<ReactModule.Component<ReactModule.PropsWithChildren<ReactModule.PropsWithRef<Partial<Pick<FoundationElementRegistryElement<TRegistry>, Exclude<keyof FoundationElementRegistryElement<TRegistry>, "style" | "children">>> & ReactEvents<TEvents> & ReactModule.HTMLAttributes<HTMLElement>> & {
-            style?: ReactModule.CSSProperties | undefined;
-        }>, {}, any>>;
-        <TElement extends HTMLElement, TEvents_1>(type: Constructable<TElement>, config?: ReactWrapperConfig<TEvents_1> | undefined): Constructable<ReactModule.Component<ReactModule.PropsWithChildren<ReactModule.PropsWithRef<Partial<Pick<TElement, Exclude<keyof TElement, "style" | "children">>> & ReactEvents<TEvents_1> & ReactModule.HTMLAttributes<HTMLElement>> & {
-            style?: ReactModule.CSSProperties | undefined;
-        }>, {}, any>>;
+        <TRegistry extends FoundationElementRegistry<FoundationElementDefinition, any>, TEvents>(registry: TRegistry, config?: ReactWrapperConfig<TEvents> | undefined): ReactWrapper<FoundationElementRegistryElement<TRegistry>, TEvents>;
+        <TElement extends HTMLElement, TEvents_1>(type: Constructable<TElement>, config?: ReactWrapperConfig<TEvents_1> | undefined): ReactWrapper<TElement, TEvents_1>;
     };
     registry: Registry;
 };

packages/utilities/fast-react-wrapper/package.json

@@ -82,7 +82,7 @@
     "ts-loader": "^7.0.2",
     "ts-node": "^8.9.1",
     "tsconfig-paths": "^3.9.0",
-    "typescript": "^3.9.0",
+    "typescript": "^4.6.2",
     "webpack": "^4.44.0"
   },
   "dependencies": {

packages/utilities/fast-web-utilities/package.json

@@ -66,7 +66,7 @@
     "mocha": "^7.1.2",
     "prettier": "2.0.2",
     "ts-loader": "^4.0.1",
-    "typescript": "^3.9.0"
+    "typescript": "^4.6.2"
   },
   "dependencies": {
     "exenv-es6": "^1.1.1"