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==