diff --git a/apps/vr-tests-web-components/package.json b/apps/vr-tests-web-components/package.json
index ce69dca20c626..b6876cdfbc09d 100644
--- a/apps/vr-tests-web-components/package.json
+++ b/apps/vr-tests-web-components/package.json
@@ -12,9 +12,6 @@
"type-check": "tsc -p . --baseUrl . --noEmit",
"test-vr": "storywright --browsers chromium --url dist/storybook --destpath dist/screenshots --waitTimeScreenshot 500 --concurrency 4 --headless true"
},
- "devDependencies": {
- "@types/web": "^0.0.142"
- },
"dependencies": {
"react": "17.0.2",
"react-dom": "17.0.2",
diff --git a/apps/vr-tests-web-components/tsconfig.json b/apps/vr-tests-web-components/tsconfig.json
index e702905030d13..5d883fb3e5d65 100644
--- a/apps/vr-tests-web-components/tsconfig.json
+++ b/apps/vr-tests-web-components/tsconfig.json
@@ -8,7 +8,7 @@
"resolveJsonModule": true,
"allowJs": true,
"jsx": "react",
- "types": ["jest", "node", "web"]
+ "types": ["jest", "node"]
},
"include": ["./src", "./.storybook/*"],
"files": ["./typings/html-react-parser/index.d.ts"]
diff --git a/change/@fluentui-web-components-f75526c9-d290-411b-b5e5-e77dbf315e1f.json b/change/@fluentui-web-components-f75526c9-d290-411b-b5e5-e77dbf315e1f.json
new file mode 100644
index 0000000000000..f5828ae11e072
--- /dev/null
+++ b/change/@fluentui-web-components-f75526c9-d290-411b-b5e5-e77dbf315e1f.json
@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "Use lib replacement to avoid delivering web types overrides",
+ "packageName": "@fluentui/web-components",
+ "email": "863023+radium-v@users.noreply.github.com",
+ "dependentChangeType": "none"
+}
diff --git a/package.json b/package.json
index a7436bf9b9d5c..f6253c4c55767 100644
--- a/package.json
+++ b/package.json
@@ -367,7 +367,8 @@
"typings"
],
"nohoist": [
- "@fluentui/web-components/@storybook/html"
+ "@fluentui/web-components/@storybook/html",
+ "@fluentui/web-components/@typescript/lib-dom"
]
},
"resolutions": {
diff --git a/packages/web-components/.storybook/tsconfig.json b/packages/web-components/.storybook/tsconfig.json
index ea51024beda2f..78905f4f65971 100644
--- a/packages/web-components/.storybook/tsconfig.json
+++ b/packages/web-components/.storybook/tsconfig.json
@@ -4,7 +4,7 @@
"allowJs": true,
"checkJs": true,
"noEmit": true,
- "types": ["node", "web"]
+ "types": ["node"]
},
"include": ["*", "../public", "../src/**/*.stories.*"]
}
diff --git a/packages/web-components/docs/api-report.md b/packages/web-components/docs/api-report.md
index b306a326ec602..599309d687135 100644
--- a/packages/web-components/docs/api-report.md
+++ b/packages/web-components/docs/api-report.md
@@ -4,8 +4,6 @@
```ts
-///
-
import { CaptureType } from '@microsoft/fast-element';
import { CSSDirective } from '@microsoft/fast-element';
import { Direction } from '@microsoft/fast-web-utilities';
@@ -2500,7 +2498,6 @@ export abstract class MatchMediaBehavior implements HostBehavior {
export class MatchMediaStyleSheetBehavior extends MatchMediaBehavior {
constructor(query: MediaQueryList, styles: ElementStyles);
protected constructListener(controller: HostController): MediaQueryListListener;
- readonly query: MediaQueryList;
// @internal
removedCallback(controller: HostController): void;
readonly styles: ElementStyles;
diff --git a/packages/web-components/package.json b/packages/web-components/package.json
index 13f9c0c3ae316..42dedbb7e2baa 100644
--- a/packages/web-components/package.json
+++ b/packages/web-components/package.json
@@ -246,7 +246,7 @@
"devDependencies": {
"@microsoft/fast-element": "2.0.0-beta.26",
"@tensile-perf/web-components": "~0.2.0",
- "@types/web": "^0.0.142",
+ "@typescript/lib-dom": "npm:@types/web@^0.0.142",
"@storybook/html": "6.5.15",
"chromedriver": "^125.0.0"
},
diff --git a/packages/web-components/src/utils/behaviors/match-media-stylesheet-behavior.ts b/packages/web-components/src/utils/behaviors/match-media-stylesheet-behavior.ts
index 42f46e7494a71..0733db05872a4 100644
--- a/packages/web-components/src/utils/behaviors/match-media-stylesheet-behavior.ts
+++ b/packages/web-components/src/utils/behaviors/match-media-stylesheet-behavior.ts
@@ -77,11 +77,6 @@ export abstract class MatchMediaBehavior implements HostBehavior {
* @public
*/
export class MatchMediaStyleSheetBehavior extends MatchMediaBehavior {
- /**
- * The media query that the behavior operates on.
- */
- public readonly query!: MediaQueryList;
-
/**
* The styles object to be managed by the behavior.
*/
diff --git a/packages/web-components/tsconfig.lib.json b/packages/web-components/tsconfig.lib.json
index bf93d258dee52..c4d92fe979201 100644
--- a/packages/web-components/tsconfig.lib.json
+++ b/packages/web-components/tsconfig.lib.json
@@ -7,8 +7,7 @@
"declaration": true,
"declarationDir": "dist/dts",
"outDir": "dist/esm",
- "importHelpers": true,
- "types": ["web"]
+ "importHelpers": true
},
"include": ["src"],
"exclude": ["**/*.stories.*", "**/*.test.*", "**/*.spec.*"]
diff --git a/packages/web-components/tsconfig.spec.json b/packages/web-components/tsconfig.spec.json
index 07c449cea8c22..66d3bb53ec93c 100644
--- a/packages/web-components/tsconfig.spec.json
+++ b/packages/web-components/tsconfig.spec.json
@@ -3,7 +3,7 @@
"compilerOptions": {
"module": "ESNext",
"outDir": "dist/esm",
- "types": ["web", "node", "webpack-env"]
+ "types": ["node", "webpack-env"]
},
"include": ["src/**/*.test.*", "src/**/*.spec.*"]
}
diff --git a/yarn.lock b/yarn.lock
index 7fe9537ec17b5..241c310974a2b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5731,7 +5731,7 @@
"@types/expect" "^1.20.4"
"@types/node" "*"
-"@types/web@^0.0.142":
+"@typescript/lib-dom@npm:@types/web@^0.0.142":
version "0.0.142"
resolved "https://registry.yarnpkg.com/@types/web/-/web-0.0.142.tgz#62eff3c6b24e2429d084a5a9d4061021cfe7c648"
integrity sha512-QWDvMW+P3sdq8rhiw3dNyBR64O5adSY80gBjRd2xI3BADGsAFpAglblWucsGUjKVKyPm4EbYZkvFs7BRxPsBOg==