@patternfly/documentation-framework 6.49.7 → 6.51.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 6.51.0 (2026-08-03)
+
+
+### Features
+
+* **misc:** separate CSSVariables into its own tab ([#5046](https://github.com/patternfly/patternfly-org/issues/5046)) ([0ecb4d3](https://github.com/patternfly/patternfly-org/commit/0ecb4d34d9f8100c1088936b765f98ecca9b94b6))
+
+
+
+
+
+# 6.50.0 (2026-08-03)
+
+
+### Features
+
+* **ver:** bump PatternFly packages to 6.6.1 and fix export issue with Astro build. ([#5093](https://github.com/patternfly/patternfly-org/issues/5093)) ([89523fb](https://github.com/patternfly/patternfly-org/commit/89523fb9d16968340f89be200985c74b2d1a1214))
+
+
+
+
+
 ## 6.49.7 (2026-08-03)
 
 **Note:** Version bump only for package @patternfly/documentation-framework

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "6.49.7",
+  "version": "6.51.0",
   "author": "Red Hat",
   "license": "MIT",
   "bin": {
@@ -68,11 +68,11 @@
     "webpack-merge": "5.10.0"
   },
   "peerDependencies": {
-    "@patternfly/patternfly": "^6.6.0",
-    "@patternfly/react-code-editor": "^6.6.0",
-    "@patternfly/react-core": "^6.6.0",
-    "@patternfly/react-icons": "^6.6.0",
-    "@patternfly/react-table": "^6.6.0",
+    "@patternfly/patternfly": "^6.6.1",
+    "@patternfly/react-code-editor": "^6.6.1",
+    "@patternfly/react-core": "^6.6.1",
+    "@patternfly/react-icons": "^6.6.1",
+    "@patternfly/react-table": "^6.6.1",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
@@ -92,5 +92,5 @@
     "http-cache-semantics": ">=4.1.1",
     "nanoid": "3.3.8"
   },
-  "gitHead": "18e4869d75b5667645ce4c0c84bedca8d0a3ea40"
+  "gitHead": "9641204c649b0e5d80b96eee878c15e3f6d1dd5d"
 }

package/routes.js

@@ -82,6 +82,7 @@ const sourceOrder = {
   'react-deprecated': 2.1,
   html: 3,
   'html-demos': 4,
+  'css-variables': 5,
   'design-guidelines': 99,
   'accessibility': 100,
   'upgrade-guide': 101,
@@ -117,6 +118,29 @@ const getDefaultDesignGuidelines = ({ id, section, slug, title }) => {
   return pageData;
 }
 
+const getCssVariablesTab = ({ id, section, subsection, title, cssPrefix }) => {
+  const source = 'css-variables';
+  const slug = makeSlug(source, section, id, false, subsection);
+  const pageData = {
+    id,
+    section,
+    subsection,
+    slug,
+    source,
+    tabName: 'CSS variables',
+    title,
+    cssPrefix,
+    toc: [{ text: 'CSS variables', id: 'css-variables' }]
+  };
+
+  const Component = () => null;
+  Component.displayName = 'CssVariablesTab';
+  Component.getPageData = () => pageData;
+  pageData.Component = Component;
+
+  return pageData;
+};
+
 Object.entries(groupedRoutes)
   .forEach(([_section, ids]) => {
     Object.values(ids).forEach(pageData => {
@@ -138,6 +162,13 @@ Object.entries(groupedRoutes)
         pageDataObj.sources.forEach(({ slug }) => {
           delete routes[slug];
         });
+
+        const cssPrefix = [...new Set(pageDataObj.sources.flatMap((source) => source.cssPrefix || []))];
+        if (cssPrefix.length > 0 && !pageDataObj.sources.some((source) => source.source === 'css-variables')) {
+          const { id, section, subsection, title } = pageDataObj;
+          pageDataObj.sources.push(getCssVariablesTab({ id, section, subsection, title, cssPrefix }));
+        }
+
         // Sort sources for tabs
         pageDataObj.sources = pageDataObj.sources.sort(sortSources);
         // Add grouped route

package/scripts/md/parseMD.js

@@ -327,7 +327,8 @@ function sourceMDFile(file, source, buildMode, options) {
       ...(pageData.template && { template: pageData.template }),
       ...(pageData.demo && { demo: pageData.demo }),
       ...(pageData.sortValue && { sortValue: pageData.sortValue }),
-      ...(pageData.subsectionSortValue && { subsectionSortValue: pageData.subsectionSortValue })
+      ...(pageData.subsectionSortValue && { subsectionSortValue: pageData.subsectionSortValue }),
+      ...(pageData.cssPrefix && { cssPrefix: pageData.cssPrefix })
     };
   }
 }

package/templates/mdx.js

@@ -68,10 +68,10 @@ const MDXChildTemplate = ({ Component, source, toc = [], index = 0, id }) => {
     toc.push({ text: propsTitle });
     toc.push(propComponents.map((propComponent) => ({ text: propComponent.name })));
   }
-  if (cssVarsTitle && !toc.find((item) => item.text === cssVarsTitle)) {
+  if (source === 'css-variables' && cssVarsTitle && !toc.find((item) => item.text === cssVarsTitle)) {
     toc.push({ text: cssVarsTitle });
     if (cssPrefix.length > 1) {
-      toc.push(cssPrefix.map((cssPrefix) => ({ text: `Prefixed with '${cssPrefix}'` })));
+      toc.push(cssPrefix.map((prefix) => ({ text: `Prefixed with '${prefix}'` })));
     }
   }
   // We don't add `id`s in anchor-header.js for items where id === slugger(text)
@@ -138,8 +138,8 @@ const MDXChildTemplate = ({ Component, source, toc = [], index = 0, id }) => {
       {toc.length > 1 && <TableOfContents items={toc} />}
       <Stack hasGutter className={(source !== 'landing-pages' && 'ws-example-page-wrapper')}>
         {InlineAlerts}
-        <Component />
-        {functionDocumentation.length > 0 && (
+        {source !== 'css-variables' && <Component />}
+        {source !== 'css-variables' && functionDocumentation.length > 0 && (
           <StackItem>
             <AutoLinkHeader headingLevel="h2" className="pf-v6-c-content--h2" id="functions">
               Functions
@@ -147,7 +147,7 @@ const MDXChildTemplate = ({ Component, source, toc = [], index = 0, id }) => {
             <FunctionsTable functionDescriptions={functionDocumentation} />
           </StackItem>
         )}
-        {propsTitle && (
+        {source !== 'css-variables' && propsTitle && (
           <StackItem>
             <AutoLinkHeader headingLevel="h2" className="pf-v6-c-content--h2" id="props">
               {propsTitle}
@@ -163,7 +163,7 @@ const MDXChildTemplate = ({ Component, source, toc = [], index = 0, id }) => {
             ))}
           </StackItem>
         )}
-        {cssPrefix.length > 0 && (
+        {source === 'css-variables' && cssPrefix.length > 0 && (
           <StackItem>
             <AutoLinkHeader headingLevel="h2" className="pf-v6-c-content--h2" id="css-variables">
               {cssVarsTitle}

package/versions.json

@@ -1,9 +1,36 @@
 {
   "Releases": [
+    {
+      "name": "6.6.1",
+      "date": "2026-08-03",
+      "latest": true,
+      "versions": {
+        "@patternfly/chatbot": "6.7.1",
+        "@patternfly/patternfly": "6.6.1",
+        "@patternfly/quickstarts": "6.6.0",
+        "@patternfly/react-catalog-view-extension": "6.4.0",
+        "@patternfly/react-charts": "8.6.1",
+        "@patternfly/react-code-editor": "6.6.1",
+        "@patternfly/react-component-groups": "6.5.0",
+        "@patternfly/react-console": "6.3.0",
+        "@patternfly/react-core": "6.6.1",
+        "@patternfly/react-data-view": "6.5.0",
+        "@patternfly/react-drag-drop": "6.6.1",
+        "@patternfly/react-icons": "6.6.1",
+        "@patternfly/react-log-viewer": "6.5.0",
+        "@patternfly/react-styles": "6.6.1",
+        "@patternfly/react-table": "6.6.1",
+        "@patternfly/react-templates": "6.6.1",
+        "@patternfly/react-tokens": "6.6.1",
+        "@patternfly/react-topology": "6.6.0",
+        "@patternfly/react-user-feedback": "6.4.0",
+        "@patternfly/react-virtualized-extension": "6.2.0"
+      }
+    },
     {
       "name": "6.6.0",
       "date": "2026-07-01",
-      "latest": true,
+      "hidden": true,
       "versions": {
         "@patternfly/chatbot": "6.7.1",
         "@patternfly/patternfly": "6.6.0",