@patternfly/documentation-framework 6.0.0-alpha.54 → 6.0.0-alpha.55

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.55 (2024-07-10)
+
+
+### Bug Fixes
+
+* clean up mdx.css (after examples.css merges) ([#4084](https://github.com/patternfly/patternfly-org/issues/4084)) ([6e7f86f](https://github.com/patternfly/patternfly-org/commit/6e7f86ffb8346449a6ad26338df157a71e4730aa))
+
+
+
+
+
 # 6.0.0-alpha.54 (2024-07-08)
 
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "6.0.0-alpha.54",
+  "version": "6.0.0-alpha.55",
   "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.43",
+    "@patternfly/ast-helpers": "^1.4.0-alpha.44",
     "@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": "43add9c55b57ba7bb4d5c00c856416f93a2822d0"
+  "gitHead": "8ca7778e73cf01814c9ba6e410f00f9351cb8e50"
 }

package/templates/mdx.css

@@ -1,99 +1,15 @@
-#ws-page-content-router {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  flex-shrink: 0;
-}
-
-.ws-release-notes-toc {
-  margin-bottom: var(--pf-t--global--spacer--lg);
-}
-
-.ws-release-notes-toc .pf-v6-c-card {
-  height: 100%;
-}
-
-.ws-release-notes-toc .pf-v6-c-card__title {
-  padding-bottom: var(--pf-t--global--spacer--xs);
-}
-
-.ws-release-notes-toc .pf-v6-c-card__title .pf-v6-c-title {
-  display: inline;
-}
-
-.ws-release-notes-toc .pf-v6-c-card__title a {
-  margin-right: var(--pf-t--global--spacer--sm);
-}
-
-.ws-release-notes-toc .pf-v6-c-card__title .pf-v6-c-badge {
-  vertical-align: text-top;
-}
-
-.ws-release-notes-toc .pf-v6-c-card__body {
-  color: #72767B;
-/*   font-family: var(--pf-v6-global--FontFamily--text); */
-/*   font-size: var(--pf-v6-global--FontSize--md); */
-  font-weight: 400;
-  line-height: 1.5;
-}
-
 .ws-code {
   display: inline-block;
   background-color: var(--pf-t--global--background--color--secondary--default);
   padding: 1px var(--pf-t--global--spacer--sm);
-/*   border: var(--pf-v6-global--BorderWidth--sm) solid var(--pf-v6-global--BorderColor--300); */
+  border: var(--pf-t--global--border--width--regular) solid var(--pf-t--global--border--color--nonstatus--gray--default);
   white-space: pre-wrap;
-/*   font-size: var(--pf-v6-global--FontSize--sm); */
-/*   font-family: var(--pf-v6-global--FontFamily--monospace); */
+  font-size: var(--pf-t--global--font--size--body--sm);
+  font-family: var(--pf-t--global--font--family--mono);
 }
 
 .ws-image {
   text-align: center;
-  width: "600px";
-}
-
-/* Table styles */
-/* Undo patternfly reset to respect MD table styles */
-.ws-table td[align="center"],
-.ws-table th[align="center"] {
-  text-align: center;
-}
-.ws-table td[align="left"],
-.ws-table th[align="left"] {
-  text-align: left;
-}
-.ws-table td[align="right"],
-.ws-table th[align="right"] {
-  text-align: right;
-}
-.ws-content-table > .ws-table {
-  table-layout: fixed;
-  width: 100%;
-}
-
-.ws-image {
-  text-align: center;
-  width: "600px";
-}
-
-.ws-table td > code,
-.ws-table th > code,
-.ws-table tr > code {
-  white-space: normal;
-}
-.ws-table tbody > tr > td {
-  vertical-align: top;
-}
-
-@media screen and (max-width: 1450px) {
-  .ws-mdx-child-template {
-    flex-direction: column;
-  }
-}
-
-/* Design asked for this. A nice side effect is that the TOC doesn't "jump" between pages */
-.ws-mdx-content-content {
-  max-width: 832px;
 }
 
 .ws-back-to-top {

package/templates/mdx.js

@@ -91,7 +91,7 @@ const MDXChildTemplate = ({
       {toc.length > 1 && (
         <TableOfContents items={toc} />
       )}
-      <div className={isComponentCodeDocs && 'pf-v6-l-stack pf-m-gutter'} style={{...(source !== 'landing-pages' && {maxWidth: "825px"})}}>
+      <Stack hasGutter={isComponentCodeDocs} style={{...(source !== 'landing-pages' && {maxWidth: "825px"})}}>
         {InlineAlerts}
           <Component />
           {functionDocumentation.length > 0 && (
@@ -134,7 +134,7 @@ const MDXChildTemplate = ({
               <a href={sourceLink} target="_blank" onClick={() => trackEvent('view_source_click', 'click_event', source.toUpperCase())}>View source on GitHub</a>
             </StackItem>
           )}
-      </div>
+      </Stack>
     </div>
   );
   ChildComponent.displayName = `MDXChildTemplate${Component.displayName}`;