feat(theme): Add high contrast switcher feature flag (#4761)

Author: wise-king-sullyman

packages/documentation-framework/components/themeSelector/themeSelector.js

@@ -84,6 +84,7 @@ export const ThemeSelector = ({ id }) => {
         return DesktopIcon;
     }
   };
+
   return (
     <Select
       id={id}
@@ -116,6 +117,7 @@ export const ThemeSelector = ({ id }) => {
           </SelectOption>
         </SelectList>
       </SelectGroup>
+      {process.env.hasHighContrastSwitcher && (<>
       <Divider />
       <SelectGroup label="High Contrast">
         <MenuSearch>
@@ -143,6 +145,8 @@ export const ThemeSelector = ({ id }) => {
           </MenuSearchInput>
         </MenuSearch>
       </SelectGroup>
+      </>
+      )}
     </Select>
   );
 };

packages/documentation-framework/scripts/webpack/webpack.base.config.js

@@ -13,6 +13,7 @@ module.exports = (_env, argv) => {
     hasVersionSwitcher = false,
     hasDesignGuidelines = false,
     hasThemeSwitcher = false,
+    hasHighContrastSwitcher = false,
     hasRTLSwitcher = false,
     componentsData = {},
     sideNavItems = [],
@@ -142,6 +143,7 @@ module.exports = (_env, argv) => {
         'process.env.hasVersionSwitcher': JSON.stringify(hasVersionSwitcher),
         'process.env.hasDesignGuidelines': JSON.stringify(hasDesignGuidelines),
         'process.env.hasThemeSwitcher': JSON.stringify(hasThemeSwitcher),
+        'process.env.hasHighContrastSwitcher': JSON.stringify(hasHighContrastSwitcher),
         'process.env.hasRTLSwitcher': JSON.stringify(hasRTLSwitcher),
         'process.env.componentsData': JSON.stringify(componentsData),
         'process.env.sideNavItems': JSON.stringify(sideNavItems),

packages/documentation-site/patternfly-docs/patternfly-docs.config.js

@@ -7,6 +7,7 @@ if (process.env.EXTENSIONS_ONLY === 'true') {
     hasFooter: false,
     hasVersionSwitcher: false,
     hasThemeSwitcher: true,
+    hasHighContrastSwitcher: false,
     hasRTLSwitcher: false,
     sideNavItems: [
       { section: 'extensions' }
@@ -28,6 +29,7 @@ if (process.env.EXTENSIONS_ONLY === 'true') {
     hasVersionSwitcher: true,
     hasDesignGuidelines: true,
     hasThemeSwitcher: true,
+    hasHighContrastSwitcher: false,
     componentsData,
     sideNavItems: [
       { section: 'get-started' },