diff --git a/apps/vr-tests-react-components/.storybook/preview.js b/apps/vr-tests-react-components/.storybook/preview.js index 9075813bbd9ffb..cf398f5828d91a 100644 --- a/apps/vr-tests-react-components/.storybook/preview.js +++ b/apps/vr-tests-react-components/.storybook/preview.js @@ -1,7 +1,7 @@ // @ts-check import * as React from 'react'; import { setAddon } from '@storybook/react'; -import { webLightTheme, webHighContrastTheme, webDarkTheme } from '@fluentui/react-theme'; +import { webLightTheme, teamsHighContrastTheme, webDarkTheme } from '@fluentui/react-theme'; import { FluentProvider } from '@fluentui/react-provider'; /** @@ -44,7 +44,7 @@ setAddon({ } if (config.includeHighContrast) { this.add(storyName + ' - High Contrast', context => { - return {storyFn(context)}; + return {storyFn(context)}; }); } diff --git a/change/@fluentui-react-components-fa0246a1-fd02-43e4-a4fb-5ba0c3bedea2.json b/change/@fluentui-react-components-fa0246a1-fd02-43e4-a4fb-5ba0c3bedea2.json new file mode 100644 index 00000000000000..5bafae266acb85 --- /dev/null +++ b/change/@fluentui-react-components-fa0246a1-fd02-43e4-a4fb-5ba0c3bedea2.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Remove webHighContrast theme", + "packageName": "@fluentui/react-components", + "email": "miroslav.stastny@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-theme-a6575400-7777-47a9-bc10-00cc0cdb1775.json b/change/@fluentui-react-theme-a6575400-7777-47a9-bc10-00cc0cdb1775.json new file mode 100644 index 00000000000000..7e3856b6e75e38 --- /dev/null +++ b/change/@fluentui-react-theme-a6575400-7777-47a9-bc10-00cc0cdb1775.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Remove webHighContrast theme", + "packageName": "@fluentui/react-theme", + "email": "miroslav.stastny@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-components/etc/react-components.api.md b/packages/react-components/react-components/etc/react-components.api.md index eb8930543879e7..d8e61c9240848d 100644 --- a/packages/react-components/react-components/etc/react-components.api.md +++ b/packages/react-components/react-components/etc/react-components.api.md @@ -525,7 +525,6 @@ import { useTooltip_unstable } from '@fluentui/react-tooltip'; import { useTooltipStyles_unstable } from '@fluentui/react-tooltip'; import { VerticalSpacingTokens } from '@fluentui/react-theme'; import { webDarkTheme } from '@fluentui/react-theme'; -import { webHighContrastTheme } from '@fluentui/react-theme'; import { webLightTheme } from '@fluentui/react-theme'; export { __styles } @@ -1570,8 +1569,6 @@ export { VerticalSpacingTokens } export { webDarkTheme } -export { webHighContrastTheme } - export { webLightTheme } // (No @packageDocumentation comment for this package) diff --git a/packages/react-components/react-components/src/index.ts b/packages/react-components/react-components/src/index.ts index 52e8cd0fd2abea..06c429fdb9a04f 100644 --- a/packages/react-components/react-components/src/index.ts +++ b/packages/react-components/react-components/src/index.ts @@ -81,7 +81,6 @@ export { tokens, typographyStyles, webDarkTheme, - webHighContrastTheme, webLightTheme, } from '@fluentui/react-theme'; export type { diff --git a/packages/react-components/react-storybook-addon/etc/react-storybook-addon.api.md b/packages/react-components/react-storybook-addon/etc/react-storybook-addon.api.md index b1244a204d005a..c9d140b21ddb9c 100644 --- a/packages/react-components/react-storybook-addon/etc/react-storybook-addon.api.md +++ b/packages/react-components/react-storybook-addon/etc/react-storybook-addon.api.md @@ -35,10 +35,6 @@ export const themes: readonly [{ readonly id: "web-dark"; readonly label: "Web Dark"; readonly theme: Theme; -}, { - readonly id: "web-high-contrast"; - readonly label: "Web High Contrast"; - readonly theme: Theme; }, { readonly id: "teams-light"; readonly label: "Teams Light"; diff --git a/packages/react-components/react-storybook-addon/src/theme.ts b/packages/react-components/react-storybook-addon/src/theme.ts index e69ac8d2bfa5ec..6727b72a73c848 100644 --- a/packages/react-components/react-storybook-addon/src/theme.ts +++ b/packages/react-components/react-storybook-addon/src/theme.ts @@ -1,7 +1,6 @@ import { webLightTheme, webDarkTheme, - webHighContrastTheme, teamsLightTheme, teamsDarkTheme, teamsHighContrastTheme, @@ -14,7 +13,6 @@ export { FluentProvider } from '@fluentui/react-provider'; export const themes = [ { id: 'web-light', label: 'Web Light', theme: webLightTheme }, { id: 'web-dark', label: 'Web Dark', theme: webDarkTheme }, - { id: 'web-high-contrast', label: 'Web High Contrast', theme: webHighContrastTheme }, { id: 'teams-light', label: 'Teams Light', theme: teamsLightTheme }, { id: 'teams-dark', label: 'Teams Dark', theme: teamsDarkTheme }, { id: 'teams-high-contrast', label: 'Teams High Contrast', theme: teamsHighContrastTheme }, diff --git a/packages/react-components/react-storybook/src/knobs/useFluentTheme.ts b/packages/react-components/react-storybook/src/knobs/useFluentTheme.ts index 558cf43ae69dcd..0d52aafdf149ff 100644 --- a/packages/react-components/react-storybook/src/knobs/useFluentTheme.ts +++ b/packages/react-components/react-storybook/src/knobs/useFluentTheme.ts @@ -1,7 +1,6 @@ import { webLightTheme, webDarkTheme, - webHighContrastTheme, teamsLightTheme, teamsDarkTheme, teamsHighContrastTheme, @@ -14,7 +13,6 @@ const themeSelectorLabel = 'Theme'; const themeOptions = [ { label: 'Web Light', theme: webLightTheme }, { label: 'Web Dark', theme: webDarkTheme }, - { label: 'Web High Contrast', theme: webHighContrastTheme }, { label: 'Teams Light', theme: teamsLightTheme }, { label: 'Teams Dark', theme: teamsDarkTheme }, { label: 'Teams High Contrast', theme: teamsHighContrastTheme }, diff --git a/packages/react-components/react-switch/src/stories/SwitchThemed.stories.tsx b/packages/react-components/react-switch/src/stories/SwitchThemed.stories.tsx index 6e6c5a34a52518..dda58fe7752bf6 100644 --- a/packages/react-components/react-switch/src/stories/SwitchThemed.stories.tsx +++ b/packages/react-components/react-switch/src/stories/SwitchThemed.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { FluentProvider } from '@fluentui/react-provider'; -import { webDarkTheme, webHighContrastTheme, webLightTheme } from '@fluentui/react-theme'; +import { webDarkTheme, teamsHighContrastTheme, webLightTheme } from '@fluentui/react-theme'; import { Switch } from '../index'; const outerWrapperStyle: React.CSSProperties = { @@ -33,7 +33,7 @@ export const Themed = () => ( - + @@ -47,7 +47,7 @@ export const Themed = () => ( - + diff --git a/packages/react-components/react-theme/etc/react-theme.api.md b/packages/react-components/react-theme/etc/react-theme.api.md index 5305cc58552dd1..c96aa8b2d08830 100644 --- a/packages/react-components/react-theme/etc/react-theme.api.md +++ b/packages/react-components/react-theme/etc/react-theme.api.md @@ -522,9 +522,6 @@ export type VerticalSpacingTokens = { // @public (undocumented) export const webDarkTheme: Theme; -// @public (undocumented) -export const webHighContrastTheme: Theme; - // @public (undocumented) export const webLightTheme: Theme; diff --git a/packages/react-components/react-theme/src/index.ts b/packages/react-components/react-theme/src/index.ts index 8c9615fd9a7954..e53cf670bcd505 100644 --- a/packages/react-components/react-theme/src/index.ts +++ b/packages/react-components/react-theme/src/index.ts @@ -1,11 +1,4 @@ -export { - teamsDarkTheme, - teamsHighContrastTheme, - teamsLightTheme, - webDarkTheme, - webHighContrastTheme, - webLightTheme, -} from './themes/index'; +export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index'; export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index'; export { themeToTokensObject } from './themeToTokensObject'; diff --git a/packages/react-components/react-theme/src/themes/web/highContrastTheme.ts b/packages/react-components/react-theme/src/themes/web/highContrastTheme.ts deleted file mode 100644 index cb730cf71b03de..00000000000000 --- a/packages/react-components/react-theme/src/themes/web/highContrastTheme.ts +++ /dev/null @@ -1,4 +0,0 @@ -import { createHighContrastTheme } from '../../utils/createHighContrastTheme'; -import type { Theme } from '../../types'; - -export const webHighContrastTheme: Theme = createHighContrastTheme(); diff --git a/packages/react-components/react-theme/src/themes/web/index.ts b/packages/react-components/react-theme/src/themes/web/index.ts index 553fc643a162bc..a5747057dff723 100644 --- a/packages/react-components/react-theme/src/themes/web/index.ts +++ b/packages/react-components/react-theme/src/themes/web/index.ts @@ -1,3 +1,2 @@ export * from './lightTheme'; export * from './darkTheme'; -export * from './highContrastTheme';