Merge branch 'main' into iss4523

Author: andrew-ronaldson

packages/ast-helpers/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 1.4.0-alpha.191 (2025-05-07)
+
+**Note:** Version bump only for package @patternfly/ast-helpers
+
+
+
+
+
+# 1.4.0-alpha.190 (2025-05-06)
+
+
+### Bug Fixes
+
+* **documentation-framework:** Change file extension from js to jsx ([#4602](https://github.com/patternfly/patternfly-org/issues/4602)) ([e607f89](https://github.com/patternfly/patternfly-org/commit/e607f896bfc0ee1ed445055d57ebd70287777923))
+
+
+
+
+
+# 1.4.0-alpha.189 (2025-05-06)
+
+**Note:** Version bump only for package @patternfly/ast-helpers
+
+
+
+
+
+# 1.4.0-alpha.188 (2025-05-06)
+
+**Note:** Version bump only for package @patternfly/ast-helpers
+
+
+
+
+
 # 1.4.0-alpha.187 (2025-05-01)
 
 **Note:** Version bump only for package @patternfly/ast-helpers

packages/ast-helpers/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/ast-helpers",
   "description": "Acorn AST helpers for working with live code",
-  "version": "1.4.0-alpha.187",
+  "version": "1.4.0-alpha.191",
   "author": "Red Hat",
   "license": "MIT",
   "publishConfig": {

packages/documentation-framework/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.10.5 (2025-05-07)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+## 6.10.4 (2025-05-06)
+
+
+### Bug Fixes
+
+* **documentation-framework:** Change file extension from js to jsx ([#4602](https://github.com/patternfly/patternfly-org/issues/4602)) ([e607f89](https://github.com/patternfly/patternfly-org/commit/e607f896bfc0ee1ed445055d57ebd70287777923))
+
+
+
+
+
+## 6.10.3 (2025-05-06)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+## 6.10.2 (2025-05-06)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
 ## 6.10.1 (2025-05-01)
 
 **Note:** Version bump only for package @patternfly/documentation-framework

packages/documentation-framework/components/example/example.js

@@ -19,7 +19,7 @@ import * as reactTableModule from '@patternfly/react-table';
 import * as reactTableDeprecatedModule from '@patternfly/react-table/deprecated';
 import { css } from '@patternfly/react-styles';
 import { getParameters } from 'codesandbox/lib/api/define';
-import { ExampleToolbar } from './exampleToolbar';
+import { ExampleToolbar } from './exampleToolbar.jsx';
 import { AutoLinkHeader } from '../autoLinkHeader/autoLinkHeader';
 import {
   slugger,

…ork/components/example/exampleToolbar.js …rk/components/example/exampleToolbar.jsxpackages/documentation-framework/components/example/exampleToolbar.js renamed to packages/documentation-framework/components/example/exampleToolbar.jsx packages/documentation-framework/components/example/exampleToolbar.js renamed to packages/documentation-framework/components/example/exampleToolbar.jsx

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "6.10.1",
+  "version": "6.10.5",
   "author": "Red Hat",
   "license": "MIT",
   "bin": {
@@ -12,7 +12,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.187",
+    "@patternfly/ast-helpers": "^1.4.0-alpha.191",
     "@reach/router": "npm:@gatsbyjs/reach-router@1.3.9",
     "autoprefixer": "9.8.6",
     "babel-loader": "^9.1.3",

packages/documentation-framework/package.json

@@ -3,6 +3,8 @@ id: Drawer
 section: components
 ---
 
+import '../components.css';
+
 ## Usage
 
 Drawers can be used to store and show more information than immediately presented on a page. A drawer with more information is usually prompted by a user click. Upon the click, the drawer comes out and shows more information, which is usually relevant to a whole page.
@@ -18,4 +20,6 @@ A **splitter** allows you to create a layout with resizable panes. The orientati
 ### When to use a splitter
 Add a splitter to a drawer if you need to resize the width or height of a panel to give content more space. If data shown in a drawer has enough space, then you don’t need to use a splitter.
 
-<img src="./img/splitter-drawer.png" alt="Drawer with a splitter" width="1500" />
+<div class="ws-docs-content-img">
+![Example of a drawer with a splitter.](./img/drawer-splitter.svg)
+</div>

packages/documentation-site/patternfly-docs/content/design-guidelines/components/drawer/drawer.md

@@ -2,14 +2,17 @@
 id: Hint
 section: components
 ---
+import '../components.css';
 
 For information on other forms of on-screen help, see [Tooltip](/components/tooltip/design-guidelines) and [Popover](/components/popover/design-guidelines).
 
 ## Usage
 
 Use hints to share information about an interaction or prerequisite step that might not be immediately obvious to the user.
 
-<img src="./img/hint-layout.png" alt="blue hint at the top of an application page" width="750"/> 
+<div class="ws-docs-content-img">
+![hint at the top of a UI screen](./img/hint-element.svg)
+</div>
 
 ## Content considerations 
 Use full sentences with punctuation.