@patternfly/documentation-framework 6.0.0-alpha.77 → 6.0.0-alpha.78

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 6.0.0-alpha.78 (2024-08-19)
+
+
+### Bug Fixes
+
+* **docs:** update theme toggle icon colors ([#4203](https://github.com/patternfly/patternfly-org/issues/4203)) ([7979777](https://github.com/patternfly/patternfly-org/commit/79797771cecd9f0db801273567776d78417a0080))
+
+
+
+
+
 # 6.0.0-alpha.77 (2024-08-09)
 
 **Note:** Version bump only for package @patternfly/documentation-framework

package/layouts/sideNavLayout/sideNavLayout.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useState, createContext } from "react";
+import React, { useEffect, useState, createContext } from 'react';
 import {
   Button,
   Page,
@@ -28,15 +28,15 @@ import {
   ToggleGroup,
   ToggleGroupItem,
   MastheadLogo,
-} from "@patternfly/react-core";
-import BarsIcon from "@patternfly/react-icons/dist/esm/icons/bars-icon";
-import GithubIcon from "@patternfly/react-icons/dist/esm/icons/github-icon";
-import MoonIcon from "@patternfly/react-icons/dist/esm/icons/moon-icon";
-import SunIcon from "@patternfly/react-icons/dist/esm/icons/sun-icon";
-import { SideNav, TopNav, GdprBanner } from "../../components";
-import staticVersions from "../../versions.json";
-import v5Logo from "../PF-HorizontalLogo-Reverse.svg";
-import { Footer } from "@patternfly/documentation-framework/components";
+} from '@patternfly/react-core';
+import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon';
+import GithubIcon from '@patternfly/react-icons/dist/esm/icons/github-icon';
+import MoonIcon from '@patternfly/react-icons/dist/esm/icons/moon-icon';
+import SunIcon from '@patternfly/react-icons/dist/esm/icons/sun-icon';
+import { SideNav, TopNav, GdprBanner } from '../../components';
+import staticVersions from '../../versions.json';
+import v5Logo from '../PF-HorizontalLogo-Reverse.svg';
+import { Footer } from '@patternfly/documentation-framework/components';
 
 export const RtlContext = createContext(false);
 
@@ -67,7 +67,7 @@ const HeaderTools = ({
     <DropdownItem
       itemId={version.name}
       key={version.name}
-      to={isLatest ? "/" : `/${version.name}`}
+      to={isLatest ? '/' : `/${version.name}`}
     >
       {`Current ${version.name}`}
     </DropdownItem>
@@ -84,8 +84,8 @@ const HeaderTools = ({
   const toggleDarkTheme = (_evt, selected) => {
     const darkThemeToggleClicked = !selected === isDarkTheme;
     document
-      .querySelector("html")
-      .classList.toggle("pf-v6-theme-dark", darkThemeToggleClicked);
+      .querySelector('html')
+      .classList.toggle('pf-v6-theme-dark', darkThemeToggleClicked);
     setIsDarkTheme(darkThemeToggleClicked);
   };
 
@@ -104,27 +104,19 @@ const HeaderTools = ({
             <TopNav navItems={topNavItems} />
           </ToolbarItem>
         )}
-        <ToolbarGroup align={{ default: "alignEnd" }}>
+        <ToolbarGroup align={{ default: 'alignEnd' }}>
           {hasDarkThemeSwitcher && (
             <ToolbarItem>
               <ToggleGroup aria-label="Dark theme toggle group">
                 <ToggleGroupItem
                   aria-label="light theme toggle"
-                  icon={
-                    <Icon size="md">
-                      <SunIcon />
-                    </Icon>
-                  }
+                  icon={<SunIcon />}
                   isSelected={!isDarkTheme}
                   onChange={toggleDarkTheme}
                 />
                 <ToggleGroupItem
                   aria-label="dark theme toggle"
-                  icon={
-                    <Icon size="md">
-                      <MoonIcon />
-                    </Icon>
-                  }
+                  icon={<MoonIcon />}
                   isSelected={isDarkTheme}
                   onChange={toggleDarkTheme}
                 />
@@ -135,7 +127,7 @@ const HeaderTools = ({
             <ToolbarItem>
               <Switch
                 id="ws-rtl-switch"
-                label={"RTL"}
+                label={'RTL'}
                 defaultChecked={isRTL}
                 onChange={() => setIsRTL((isRTL) => !isRTL)}
               />
@@ -268,7 +260,7 @@ export function attachDocSearch(algolia, inputSelector, timeout) {
         hint: false,
         appendTo: `.ws-global-search .pf-v6-c-text-input-group`,
       },
-      debug: process.env.NODE_ENV !== "production",
+      debug: process.env.NODE_ENV !== 'production',
       ...algolia,
     });
   } else {
@@ -295,11 +287,11 @@ export const SideNavLayout = ({
   const [isRTL, setIsRTL] = useState(false);
 
   useEffect(() => {
-    if (typeof window === "undefined") {
+    if (typeof window === 'undefined') {
       return;
     }
     if (hasVersionSwitcher && window.fetch) {
-      fetch("/versions.json").then((res) => {
+      fetch('/versions.json').then((res) => {
         if (res.ok) {
           res.json().then((json) => setVersions(json));
         }
@@ -327,7 +319,7 @@ export const SideNavLayout = ({
           {prnum ? (
             `PR #${prnum}`
           ) : (
-            <MastheadLogo href={prurl || "/"}>
+            <MastheadLogo href={prurl || '/'}>
               <svg height="40px" viewBox="0 0 679 158">
                 <title>PF-HorizontalLogo-Color</title>
                 <defs>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "6.0.0-alpha.77",
+  "version": "6.0.0-alpha.78",
   "author": "Red Hat",
   "license": "MIT",
   "private": false,
@@ -13,7 +13,7 @@
     "@babel/preset-env": "^7.24.3",
     "@babel/preset-react": "^7.24.1",
     "@mdx-js/util": "1.6.16",
-    "@patternfly/ast-helpers": "^1.4.0-alpha.66",
+    "@patternfly/ast-helpers": "^1.4.0-alpha.67",
     "@reach/router": "npm:@gatsbyjs/reach-router@1.3.9",
     "autoprefixer": "9.8.6",
     "babel-loader": "^9.1.3",
@@ -80,5 +80,5 @@
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
-  "gitHead": "d9af6aebecca9a28f38911cb0ed1b65d225df124"
+  "gitHead": "25e5b756aba78d59b784bb9af8b12799e9b83713"
 }