From 27b3832bffcd4ae3c900180e91433c7bf7246721 Mon Sep 17 00:00:00 2001 From: Andrew Ronaldson Date: Tue, 7 Jul 2026 15:56:41 -0300 Subject: [PATCH 1/2] docs(images): design guidelines assets --- .../img/clipboard-copy-description-list.svg | 60 ++-- .../img/clipboard-copy-editable.svg | 16 +- .../img/clipboard-copy-elements.svg | 28 +- .../img/clipboard-copy-expandable.svg | 54 ++- .../img/clipboard-copy-form.svg | 16 +- .../img/clipboard-copy-inline-compact-1.svg | 2 +- .../img/clipboard-copy-inline-compact-2.svg | 10 +- .../img/clipboard-copy-inline-compact-4.svg | 2 +- .../img/clipboard-copy-readonly.svg | 16 +- .../code-block/img/code-block-elements.svg | 38 ++- .../code-block/img/code-block-expanded.svg | 39 ++- .../img/code-block-multiple-actions.svg | 60 ++-- .../img/exp-sect-disclosure.svg | 29 +- .../img/exp-sect-docs-page.svg | 38 ++- .../img/exp-sect-elements.svg | 10 +- .../expandable-section/img/exp-sect-form.svg | 89 ++--- .../img/exp-sect-inline-alert.svg | 25 +- .../expandable-section/img/exp-sect-panel.svg | 262 ++++++++------- .../img/exp-sect-truncate.svg | 4 +- .../jump-link/img/jump-links-elements.svg | 23 +- .../jump-link/img/jump-links-expandable.svg | 45 ++- .../jump-link/img/jump-links-horizontal.svg | 165 +++++---- .../jump-link/img/jump-links-mobile.svg | 314 +++++++++++------- .../img/jump-links-placement-left.svg | 206 +++++++----- .../img/jump-links-placement-right.svg | 207 +++++++----- .../jump-link/img/jump-links-subsections.svg | 267 +++++++++------ .../jump-link/img/jump-links-vertical.svg | 237 +++++++------ 27 files changed, 1282 insertions(+), 980 deletions(-) diff --git a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-description-list.svg b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-description-list.svg index eef55c6747..bf6f6197b8 100644 --- a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-description-list.svg +++ b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-description-list.svg @@ -1,34 +1,34 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - + + diff --git a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-editable.svg b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-editable.svg index 24b2fe7a81..0d927e1d5c 100644 --- a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-editable.svg +++ b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-editable.svg @@ -1,9 +1,15 @@ - - + + + + + - - - + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-elements.svg b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-elements.svg index 2567720a87..048196b9d3 100644 --- a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-elements.svg +++ b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-elements.svg @@ -1,11 +1,17 @@ - - - - - - + + + + + + + + + + + + @@ -13,19 +19,19 @@ - - + + - + - + - + diff --git a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-expandable.svg b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-expandable.svg index f1a4572155..f4cf036afb 100644 --- a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-expandable.svg +++ b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-expandable.svg @@ -1,28 +1,46 @@ - - - - - + + + + + + + + + + + - - - - - - - - + + + + + + + + + + + + + + + + + - - - - + + + + + + + - + diff --git a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-form.svg b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-form.svg index 8d03b67c4b..0849f6ecb9 100644 --- a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-form.svg +++ b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-form.svg @@ -2,10 +2,16 @@ - - + + + + + - - - + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-inline-compact-1.svg b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-inline-compact-1.svg index a61079f90f..835fb584e6 100644 --- a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-inline-compact-1.svg +++ b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-inline-compact-1.svg @@ -2,7 +2,7 @@ - + diff --git a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-inline-compact-2.svg b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-inline-compact-2.svg index 209434001b..efa4d4b819 100644 --- a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-inline-compact-2.svg +++ b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-inline-compact-2.svg @@ -1,9 +1,9 @@ - - - - - + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-inline-compact-4.svg b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-inline-compact-4.svg index 19165bc956..512fdf0e34 100644 --- a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-inline-compact-4.svg +++ b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-inline-compact-4.svg @@ -2,7 +2,7 @@ - + diff --git a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-readonly.svg b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-readonly.svg index bbdfdf25d0..9ec722e817 100644 --- a/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-readonly.svg +++ b/packages/documentation-site/patternfly-docs/content/components/clipboard-copy/img/clipboard-copy-readonly.svg @@ -1,9 +1,15 @@ - - + + + + + - - - + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/code-block/img/code-block-elements.svg b/packages/documentation-site/patternfly-docs/content/components/code-block/img/code-block-elements.svg index 0cfb545c0c..575a0042d1 100644 --- a/packages/documentation-site/patternfly-docs/content/components/code-block/img/code-block-elements.svg +++ b/packages/documentation-site/patternfly-docs/content/components/code-block/img/code-block-elements.svg @@ -1,41 +1,45 @@ - - - + + + + - - - - - - + + + + + + - + - - + + - - - + + + - + - + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/code-block/img/code-block-expanded.svg b/packages/documentation-site/patternfly-docs/content/components/code-block/img/code-block-expanded.svg index a163ade784..f888835290 100644 --- a/packages/documentation-site/patternfly-docs/content/components/code-block/img/code-block-expanded.svg +++ b/packages/documentation-site/patternfly-docs/content/components/code-block/img/code-block-expanded.svg @@ -1,32 +1,37 @@ - - + + - - - - - - - - + + + + + + + + + + - - - - - - + + + + + + - + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/code-block/img/code-block-multiple-actions.svg b/packages/documentation-site/patternfly-docs/content/components/code-block/img/code-block-multiple-actions.svg index 1fe7732ec7..fb265e59ce 100644 --- a/packages/documentation-site/patternfly-docs/content/components/code-block/img/code-block-multiple-actions.svg +++ b/packages/documentation-site/patternfly-docs/content/components/code-block/img/code-block-multiple-actions.svg @@ -1,55 +1,67 @@ - + + - - - - - - - + + + + + + + + - - - - - - - + + + + + + + + - - - - - + + + + + - + - + - + - + + + + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-disclosure.svg b/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-disclosure.svg index 71ff9c6823..777b0a53ef 100644 --- a/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-disclosure.svg +++ b/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-disclosure.svg @@ -1,18 +1,19 @@ - - + + - + - - - - - - + + + + + + - - - - - + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-docs-page.svg b/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-docs-page.svg index c30bd66fde..f66e99e003 100644 --- a/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-docs-page.svg +++ b/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-docs-page.svg @@ -1,21 +1,23 @@ - - - - - - + + + + + + + + - - - - - - - + + + + + + + - - - - - + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-elements.svg b/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-elements.svg index 19c6a32a1d..24c0089f28 100644 --- a/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-elements.svg +++ b/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-elements.svg @@ -1,10 +1,10 @@ - - - - - + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-form.svg b/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-form.svg index a3bca82665..f701d0a886 100644 --- a/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-form.svg +++ b/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-form.svg @@ -1,53 +1,54 @@ - - - - + + + + - + - - - - - - - - - - + + + + + + + + + + - - - - - - - - + + + + + + + + - - - - - - - - - + + + + + + + + + - - - - - - - + + + + + + + - - - - - + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-inline-alert.svg b/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-inline-alert.svg index 80993e3902..f656840363 100644 --- a/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-inline-alert.svg +++ b/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-inline-alert.svg @@ -1,17 +1,18 @@ - - + + - + - - - + + + - - - - - - + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-panel.svg b/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-panel.svg index 49826cb3e3..ac7cee54a8 100644 --- a/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-panel.svg +++ b/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-panel.svg @@ -1,175 +1,179 @@ - + - - + + + + + - - - - - - + + + + + + - - + + - - - - - - - + + + + + + + - - - - - - - + + + + + + + + + + - - - - - - - + + + + + + + + + + - - - - - - - + + + + + + + + + + - - - - - - - + + + + + + + + + + - - - - - - - + + + + + + + + + + - - - - - - - + + + + + + + + + + - - - - - - - + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + - - - + + + + + + + + + + + + + + + + + + - - - + + + + - - - - + + + - - - - + + + + + + + - - - + + + + - + - - - - + diff --git a/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-truncate.svg b/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-truncate.svg index 9de571b1ac..6ecf2ba6ab 100644 --- a/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-truncate.svg +++ b/packages/documentation-site/patternfly-docs/content/components/expandable-section/img/exp-sect-truncate.svg @@ -2,6 +2,8 @@ + - + + diff --git a/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-elements.svg b/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-elements.svg index 34b84126df..3633470519 100644 --- a/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-elements.svg +++ b/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-elements.svg @@ -1,30 +1,27 @@ - + - + - - - - - - + + + - + - + - + - + - + diff --git a/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-expandable.svg b/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-expandable.svg index f026310436..9b7b0808d2 100644 --- a/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-expandable.svg +++ b/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-expandable.svg @@ -2,35 +2,32 @@ + + - + - - - - + + + + - - - - + + + + - - - - + + + + - - - - + + + + - - - - - - - + + diff --git a/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-horizontal.svg b/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-horizontal.svg index 644bbaa80c..00c0fb90e2 100644 --- a/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-horizontal.svg +++ b/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-horizontal.svg @@ -1,36 +1,32 @@ + - + - - - - - - - - - - - - + + + + + + + - - + + - - - + + + - - + + @@ -40,85 +36,102 @@ - + - - + + + + - + - + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + - - - - - - - - + + + + - + + - - - + + + - - - + + + - - - + + + - - + + - + + @@ -133,7 +146,13 @@ + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-mobile.svg b/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-mobile.svg index 838aa5bd84..0705b38a77 100644 --- a/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-mobile.svg +++ b/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-mobile.svg @@ -6,7 +6,7 @@ - + @@ -29,71 +29,92 @@ - + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - + + + + - - + + + + - + - - - + + + - - + + @@ -107,83 +128,96 @@ - - + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -194,11 +228,27 @@ - + - + + + + + + + + + + + + + + + + + @@ -218,16 +268,22 @@ - + - + - + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-placement-left.svg b/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-placement-left.svg index c61ca4d05f..2b5b11ba04 100644 --- a/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-placement-left.svg +++ b/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-placement-left.svg @@ -1,36 +1,32 @@ + - + - - - - - - - - - - - - + + + + + + + - - + + - - - + + + - - + + @@ -40,109 +36,135 @@ - + - - + + + + - + - + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + - - - - - - - - - + + + + + - - - - - + - + + - + - + - + + + + + + + + + + + + + + + + - - - - - - - + + + + + - - - - + + + + - - - + + + - - - + + + - - + + + @@ -157,7 +179,13 @@ + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-placement-right.svg b/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-placement-right.svg index 76700c49ee..b838aaaec5 100644 --- a/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-placement-right.svg +++ b/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-placement-right.svg @@ -1,36 +1,32 @@ + - + - - - - - - - - - - - - + + + + + + + - - + + - - - + + + - - + + @@ -40,109 +36,136 @@ - + - - + + + + - + - + - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + - - - - - - - - - + + + + + - - - - - + - + + - + - + - + + + + + + + + + + + + + + + + - - - - - - - + + + + + - - - + + + - - - + + + - - - + + + - - + + + @@ -157,7 +180,13 @@ + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-subsections.svg b/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-subsections.svg index 23c3615e3f..4724bf9edb 100644 --- a/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-subsections.svg +++ b/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-subsections.svg @@ -1,150 +1,201 @@ - + + - + - - - - - - - - - - - - - - + + + + + + + + + - - + + - - - + + + - - + + - + - + - + - - + + + + - + - + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - + - + - + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-vertical.svg b/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-vertical.svg index 405a07d680..481ecfc358 100644 --- a/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-vertical.svg +++ b/packages/documentation-site/patternfly-docs/content/components/jump-link/img/jump-links-vertical.svg @@ -1,140 +1,191 @@ - + + - + - - - - - - - - - - - - - - + + + + + + + + + - - + + - - - + + + - - + + - + - + - + - - + + + + - + - + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + - - - - + + + + - - - - + + + + - - - - + + + + - - - - + + + + + + + + + + + + + + + + + + + + + + + + - - - - + + + + + + + + - + - + - + - + + + + + + + From 2799177bc7152dce02b190c6ca863aa25e65ea35 Mon Sep 17 00:00:00 2001 From: Andrew Ronaldson Date: Wed, 8 Jul 2026 09:35:26 -0300 Subject: [PATCH 2/2] docs(expandable section): update icon name in docs --- .../content/components/expandable-section/expandable-section.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/documentation-site/patternfly-docs/content/components/expandable-section/expandable-section.md b/packages/documentation-site/patternfly-docs/content/components/expandable-section/expandable-section.md index 7aaa821c6e..65879d1d8c 100644 --- a/packages/documentation-site/patternfly-docs/content/components/expandable-section/expandable-section.md +++ b/packages/documentation-site/patternfly-docs/content/components/expandable-section/expandable-section.md @@ -12,7 +12,7 @@ An expandable section has two main elements. ![Elements of an expandable section.](./img/exp-sect-elements.svg) -1. **Toggle (fa-angle-right):** Indicates whether the section is expanded or collapsed. +1. **Toggle:** Indicates whether the section is collapsed (rh-micron-caret-down) or expanded (rh-micron-caret-up). 2. **Toggle text:** Informs the user what will be shown when the component is expanded. ## Usage