diff --git a/packages/react-components/theme-designer/src/components/Sidebar/Form.tsx b/packages/react-components/theme-designer/src/components/Sidebar/Form.tsx index c2db8426c61ce..8e173a3d6b898 100644 --- a/packages/react-components/theme-designer/src/components/Sidebar/Form.tsx +++ b/packages/react-components/theme-designer/src/components/Sidebar/Form.tsx @@ -10,14 +10,13 @@ import { Button, Input, Slider, - Switch, tokens, useId, Caption1Stronger, Field, } from '@fluentui/react-components'; import { defaultThemePlaceholderName } from '../../Context/ThemeDesignerContext'; -import { AccessibilityPanel } from './AccessibilityPanel'; +// import { AccessibilityPanel } from './AccessibilityPanel'; import { useDebounce } from '../../utils/useDebounce'; const useStyles = makeStyles({ @@ -89,13 +88,15 @@ export const Form: React.FC = () => { const { dispatch, - state: { isDark, themeName, darkThemeOverrides, lightThemeOverrides, brand, keyColorHex }, + state: { themeName, keyColorHex }, + // - unused values from a11y panel. + // isDark, darkThemeOverrides, lightThemeOverrides, brand, } = useThemeDesigner(); const themeNameInputId = useId('themeNameInputId'); - const handleIsDarkChange = () => { - dispatch({ type: 'isDark', payload: !isDark }); - }; + // const handleIsDarkChange = () => { + // dispatch({ type: 'isDark', payload: !isDark }); + // }; const [keyColor, setKeyColor] = React.useState(keyColorHex); const [hueTorsion, setHueTorsion] = React.useState(0); @@ -221,6 +222,9 @@ export const Form: React.FC = () => { + {/* + The accessibility check is not adequate for the theme designer. + Removing it for now because we don't want people proceeding with a false sense of security. Step 2 - Accessibility checks @@ -233,10 +237,10 @@ export const Form: React.FC = () => { lightThemeOverrides={lightThemeOverrides} /> - - + */} + - Step 3 - Export + Step 2 - Export