@patternfly/documentation-framework 2.0.0-alpha.59 → 2.0.0-alpha.60

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.
 
+# 2.0.0-alpha.60 (2023-06-13)
+
+
+### Bug Fixes
+
+* **docs:** fixed gallery styles affecting width, font vars ([#3596](https://github.com/patternfly/patternfly-org/issues/3596)) ([04f1b54](https://github.com/patternfly/patternfly-org/commit/04f1b54f947e1afca88926d8f371d3bf37a70e25))
+
+
+
+
+
 # 2.0.0-alpha.59 (2023-06-13)
 
 **Note:** Version bump only for package @patternfly/documentation-framework

package/components/sectionGallery/sectionGallery.css

@@ -1,5 +1,9 @@
-.ws-mdx-content-content {
-  max-width: initial !important;
+.ws-landing-page > * {
+  max-width: 832px;
+}
+
+.ws-landing-page > .ws-section-gallery-full-width {
+  max-width: initial;
 }
 
 .ws-section-gallery {

package/components/sectionGallery/sectionGallery.js

@@ -18,6 +18,7 @@ import { SectionGalleryWrapper } from "./sectionGalleryWrapper";
  * @param {Boolean} [hasGridImages=false] - Optional boolean to toggle images on grid layout cards
  * @param {Boolean} [hasListText=false] - Optional boolean to toggle text on list layout rows
  * @param {Boolean} [hasListImages=false] - Optional boolean to toggle images on list layout rows
+ * @param {Boolean} [isFullWidth=true] - Optional boolean to disable component from exceeding default max-width for page
 */
 
 export const SectionGallery = ({
@@ -33,7 +34,8 @@ export const SectionGallery = ({
   hasGridText = false,
   hasGridImages = true,
   hasListText = true,
-  hasListImages = true
+  hasListImages = true,
+  isFullWidth = true
 }) => (
   <SectionGalleryWrapper
     illustrations={illustrations}
@@ -43,6 +45,7 @@ export const SectionGallery = ({
     parseSubsections={parseSubsections}
     galleryItemsData={galleryItemsData}
     initialLayout={initialLayout}
+    isFullWidth={isFullWidth}
   >
     {(sectionGalleryItems, searchTerm, setSearchTerm, layoutView, setLayoutView) => (
       <>

package/components/sectionGallery/sectionGalleryWrapper.js

@@ -9,6 +9,7 @@ export const SectionGalleryWrapper = ({
   includeSubsections,
   parseSubsections,
   initialLayout,
+  isFullWidth,
   children
 }) => {
   let sectionRoutes = subsection ? groupedRoutes[section][subsection] : groupedRoutes[section];
@@ -97,7 +98,7 @@ export const SectionGalleryWrapper = ({
     });
 
   return (
-    <div className="ws-section-gallery">
+    <div className={`ws-section-gallery${ isFullWidth ? ' ws-section-gallery-full-width' : '' }`}>
       { children(sectionGalleryItems, searchTerm, setSearchTerm, layoutView, setLayoutView) }
     </div>
   )

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "2.0.0-alpha.59",
+  "version": "2.0.0-alpha.60",
   "author": "Red Hat",
   "license": "MIT",
   "private": false,
@@ -91,5 +91,5 @@
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
-  "gitHead": "5489a99b936694792ca284ea7db71f589dae729c"
+  "gitHead": "d4c33a6c2320dd6684acbd6423fa69298f3eef6b"
 }

package/templates/mdx.js

@@ -83,7 +83,7 @@ const MDXChildTemplate = ({
         <TableOfContents items={toc} />
       )}
       <div className="ws-mdx-content">
-        <div className={id === 'All components' ? "" : "ws-mdx-content-content"}>
+        <div className={source === 'landing-pages' ? "ws-landing-page" : "ws-mdx-content-content"}>
           {InlineAlerts}
           <Component />
           {functionDocumentation.length > 0 && (