@patternfly/documentation-framework 6.28.7 → 6.28.9

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.28.9 (2025-10-28)
+
+
+### Bug Fixes
+
+* **docs-framework:** update webpack to handle all images the same way ([#4843](https://github.com/patternfly/patternfly-org/issues/4843)) ([26cbb75](https://github.com/patternfly/patternfly-org/commit/26cbb7559e71bfaff0cf01c9afc378f48624abf9))
+
+
+
+
+
+## 6.28.8 (2025-10-22)
+
+
+### Bug Fixes
+
+* re-enable theme switcher hc beta label ([#4836](https://github.com/patternfly/patternfly-org/issues/4836)) ([4e85fce](https://github.com/patternfly/patternfly-org/commit/4e85fce75834e4cde4adb2f6bc62408472426b0a))
+
+
+
+
+
 ## 6.28.7 (2025-10-21)
 
 

package/components/example/example.js

@@ -108,6 +108,8 @@ export const Example = ({
   // absolute url to hosted file
   sourceLink = ''
 }) => {
+
+
   if (isFullscreenPreview) {
     isFullscreen = false;
   }
@@ -264,6 +266,11 @@ export const Example = ({
   );
   const metaText = hasMetaText && tooltips;
 
+  const thumbnailDimensions = {
+    width: "800",
+    height: "450"
+  }
+
   return (
     <Stack hasGutter>
       <StackItem>
@@ -281,7 +288,7 @@ export const Example = ({
               target="_blank"
               aria-label={`Open fullscreen ${title} example`}
             >
-              <img src={thumbnail.src} width={thumbnail.width} height={thumbnail.height} alt={`${title} screenshot`} />
+              <img src={thumbnail} width={thumbnailDimensions.width} height={thumbnailDimensions.height} alt={`${title} screenshot`} />
             </a>
           </div>
         ) : (

package/components/themeSelector/themeSelector.js

@@ -66,29 +66,34 @@ const HighContrastGroupLabel = () => {
       High contrast{' '}
       <Popover
         onClick={(e) => e.stopPropagation()}
-        headerContent={"Under development"}
+        headerContent={'Under development'}
         headerComponent="h1"
         bodyContent={
-          "We are still working to add high contrast support across all PatternFly components and extensions. This beta allows you to preview our progress."
+          'We are still working to add high contrast support across all PatternFly components and extensions. This beta allows you to preview our progress.'
         }
         footerContent={
-          <Button icon={<ExternalLinkAltIcon />} component="a" isInline variant="link" href="/design-foundations/theming" target="_blank">
+          <Button
+            icon={<ExternalLinkAltIcon />}
+            component="a"
+            isInline
+            variant="link"
+            href="/design-foundations/theming"
+            target="_blank"
+          >
             Learn more
           </Button>
         }
         aria-label="More info about high contrast"
         appendTo={() => document.body}
       >
-        <Button
-          variant="plain"
-          hasNoPadding
-          icon={<HelpIcon />}
-          aria-label="High contrast help"
-        />
-      </Popover>{' '}&nbsp;
-      <Label color="blue" isCompact>Beta</Label>
+        <Button variant="plain" hasNoPadding icon={<HelpIcon />} aria-label="High contrast help" />
+      </Popover>{' '}
+      &nbsp;
+      <Label color="blue" isCompact>
+        Beta
+      </Label>
     </div>
-  )
+  );
 };
 
 export const ThemeSelector = ({ id }) => {
@@ -173,7 +178,7 @@ export const ThemeSelector = ({ id }) => {
       {process.env.hasHighContrastSwitcher && (
         <>
           <Divider />
-          <SelectGroup label="High Contrast">
+          <SelectGroup label={HighContrastGroupLabel}>
             <MenuSearch>
               <MenuSearchInput>
                 <ToggleGroup aria-label="High contrast theme switcher">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "6.28.7",
+  "version": "6.28.9",
   "author": "Red Hat",
   "license": "MIT",
   "bin": {
@@ -12,7 +12,7 @@
     "@babel/preset-env": "7.27.1",
     "@babel/preset-react": "^7.24.1",
     "@mdx-js/util": "1.6.16",
-    "@patternfly/ast-helpers": "^1.4.0-alpha.301",
+    "@patternfly/ast-helpers": "^1.4.0-alpha.303",
     "@reach/router": "npm:@gatsbyjs/reach-router@1.3.9",
     "autoprefixer": "10.4.19",
     "babel-loader": "^9.1.3",
@@ -54,7 +54,6 @@
     "remark-mdxjs": "2.0.0-next.8",
     "remark-parse": "8.0.3",
     "remark-squeeze-paragraphs": "4.0.0",
-    "responsive-loader": "3.1.2",
     "sharp": "0.33.0",
     "style-to-object": "0.3.0",
     "to-vfile": "6.1.0",
@@ -95,5 +94,5 @@
     "http-cache-semantics": ">=4.1.1",
     "nanoid": "3.3.8"
   },
-  "gitHead": "e354730261ba7529220b69c5d6bf5f28fa309174"
+  "gitHead": "00ca44249a59ed015d34acf068fc6f00f0db06bb"
 }

package/scripts/webpack/webpack.base.config.js

@@ -72,18 +72,7 @@ module.exports = (_env, argv) => {
           }
         },
         {
-          test: /\.(png|jpe?g|webp)$/,
-          use: {
-            loader: 'responsive-loader',
-            options: {
-              adapter: require('responsive-loader/sharp'),
-              name: '[name].[contenthash].[ext]',
-              outputPath: 'images/'
-            }
-          }
-        },
-        {
-          test: /\.(gif|svg)$/,
+          test: /\.(gif|svg|png|jpe?g|webp)$/,
           type: 'asset/resource',
           dependency: { not: ['url'] },
           generator: {