npm - @patternfly/patternfly - Versions diffs - 6.5.0-prerelease.45 → 6.5.0-prerelease.47 - Mend

@patternfly/patternfly 6.5.0-prerelease.45 → 6.5.0-prerelease.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (94) hide show

package/components/Accordion/accordion.css +1 -1
package/components/Accordion/accordion.scss +1 -1
package/components/Card/card.css +1 -1
package/components/Card/card.scss +1 -1
package/components/ClipboardCopy/clipboard-copy.css +1 -1
package/components/ClipboardCopy/clipboard-copy.scss +1 -1
package/components/DataList/data-list.css +1 -1
package/components/DataList/data-list.scss +1 -1
package/components/DualListSelector/dual-list-selector.css +1 -1
package/components/DualListSelector/dual-list-selector.scss +1 -1
package/components/ExpandableSection/expandable-section.css +2 -2
package/components/ExpandableSection/expandable-section.scss +2 -2
package/components/Form/form.css +1 -1
package/components/Form/form.scss +1 -1
package/components/JumpLinks/jump-links.css +1 -1
package/components/JumpLinks/jump-links.scss +1 -1
package/components/Nav/nav.css +1 -1
package/components/Nav/nav.scss +1 -1
package/components/NotificationDrawer/notification-drawer.css +11 -3
package/components/NotificationDrawer/notification-drawer.scss +12 -5
package/components/Table/table.css +2 -2
package/components/Table/table.scss +2 -2
package/components/Tabs/tabs.css +2 -2
package/components/Tabs/tabs.scss +2 -2
package/components/Toolbar/toolbar.css +1 -1
package/components/Toolbar/toolbar.scss +1 -1
package/components/TreeView/tree-view.css +1 -1
package/components/TreeView/tree-view.scss +1 -1
package/components/Wizard/wizard.css +1 -1
package/components/Wizard/wizard.scss +1 -1
package/components/_index.css +28 -20
package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
package/docs/components/Accordion/examples/Accordion.md +390 -30
package/docs/components/ActionList/examples/ActionList.md +10 -10
package/docs/components/Alert/examples/Alert.md +30 -30
package/docs/components/Banner/examples/Banner.md +65 -5
package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
package/docs/components/Card/examples/Card.md +52 -4
package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +78 -6
package/docs/components/CodeBlock/examples/CodeBlock.md +26 -2
package/docs/components/DataList/examples/DataList.md +221 -17
package/docs/components/Drawer/examples/Drawer.md +42 -42
package/docs/components/DualListSelector/examples/DualListSelector.md +961 -85
package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
package/docs/components/Form/examples/Form.md +78 -6
package/docs/components/Icon/examples/Icon.md +91 -7
package/docs/components/InlineEdit/examples/InlineEdit.md +16 -16
package/docs/components/JumpLinks/examples/JumpLinks.md +52 -4
package/docs/components/Label/examples/Label.md +2812 -220
package/docs/components/Menu/examples/Menu.md +1456 -112
package/docs/components/MenuToggle/examples/MenuToggle.md +13 -1
package/docs/components/ModalBox/examples/ModalBox.md +121 -37
package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +57 -21
package/docs/components/Nav/examples/Navigation.md +710 -62
package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +576 -48
package/docs/components/Popover/examples/Popover.md +110 -38
package/docs/components/ProgressStepper/examples/ProgressStepper.md +273 -21
package/docs/components/Slider/examples/Slider.md +52 -4
package/docs/components/Table/examples/Table.md +819 -63
package/docs/components/Tabs/examples/Tabs.md +1959 -339
package/docs/components/TextInputGroup/examples/TextInputGroup.md +509 -41
package/docs/components/Toolbar/examples/Toolbar.md +48 -48
package/docs/components/TreeView/examples/TreeView.md +1300 -100
package/docs/components/Wizard/examples/Wizard.md +349 -85
package/docs/demos/AboutModal/examples/AboutModal.md +41 -5
package/docs/demos/Alert/examples/Alert.md +123 -15
package/docs/demos/BackToTop/examples/BackToTop.md +39 -3
package/docs/demos/Banner/examples/Banner.md +78 -6
package/docs/demos/Card/examples/Card.md +310 -34
package/docs/demos/CardView/examples/CardView.md +78 -6
package/docs/demos/Compass/examples/Compass.md +73 -37
package/docs/demos/Dashboard/examples/Dashboard.md +128 -14
package/docs/demos/DataList/examples/DataList.md +234 -18
package/docs/demos/DescriptionList/examples/DescriptionList.md +119 -11
package/docs/demos/Drawer/examples/Drawer.md +147 -21
package/docs/demos/Form/examples/BasicForms.md +169 -13
package/docs/demos/JumpLinks/examples/JumpLinks.md +220 -31
package/docs/demos/Masthead/examples/Masthead.md +370 -34
package/docs/demos/Modal/examples/Modal.md +246 -30
package/docs/demos/Nav/examples/Nav.md +320 -32
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1063 -115
package/docs/demos/Page/examples/Page.md +548 -44
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +371 -47
package/docs/demos/Skeleton/examples/Skeleton.md +39 -3
package/docs/demos/Table/examples/Table.md +934 -73
package/docs/demos/Tabs/examples/Tabs.md +261 -27
package/docs/demos/Toolbar/examples/Toolbar.md +102 -30
package/docs/demos/Wizard/examples/Wizard.md +641 -92
package/package.json +1 -1
package/patternfly-no-globals.css +28 -20
package/patternfly.css +28 -20
package/patternfly.min.css +1 -1
package/patternfly.min.css.map +1 -1

package/docs/components/AboutModalBox/examples/AboutModalBox.md CHANGED Viewed

@@ -27,7 +27,7 @@ cssPrefix: pf-v6-c-about-modal-box
       <span class="pf-v6-c-button__icon">
         <svg
           class="pf-v6-svg"
-          viewBox="0 0 352 512"
+          viewBox="0 0 20 20"
           fill="currentColor"
           aria-hidden="true"
           role="img"
@@ -35,7 +35,7 @@ cssPrefix: pf-v6-c-about-modal-box
           height="1em"
         >
           <path
-            d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
+            d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
           />
         </svg>
       </span>

package/docs/components/Accordion/examples/Accordion.md CHANGED Viewed

@@ -18,7 +18,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item one</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -39,7 +51,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item two</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -60,7 +84,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item three</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -81,7 +117,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item four</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -102,7 +150,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item five</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -130,7 +190,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item one</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -152,7 +224,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item two</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -184,7 +268,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item three</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -205,7 +301,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item four</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -226,7 +334,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item five</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -254,7 +374,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item one</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </dt>
@@ -275,7 +407,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item two</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </dt>
@@ -296,7 +440,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item three</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </dt>
@@ -317,7 +473,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item four</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </dt>
@@ -338,7 +506,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item five</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </dt>
@@ -366,7 +546,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item one</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -387,7 +579,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item two</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -408,7 +612,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item three</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -429,7 +645,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item four</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -450,7 +678,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item five</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -478,7 +718,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item one</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -499,7 +751,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item two</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -520,7 +784,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item three</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -541,7 +817,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item four</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -562,7 +850,19 @@ cssPrefix: pf-v6-c-accordion
         <span class="pf-v6-c-accordion__toggle-text">Item five</span>
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
       </button>
     </h3>
@@ -588,7 +888,19 @@ cssPrefix: pf-v6-c-accordion
         aria-expanded="false"
       >
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
         <span class="pf-v6-c-accordion__toggle-text">Item one</span>
@@ -609,7 +921,19 @@ cssPrefix: pf-v6-c-accordion
         aria-expanded="false"
       >
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
         <span class="pf-v6-c-accordion__toggle-text">Item two</span>
@@ -630,7 +954,19 @@ cssPrefix: pf-v6-c-accordion
         aria-expanded="false"
       >
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
         <span class="pf-v6-c-accordion__toggle-text">Item three</span>
@@ -651,7 +987,19 @@ cssPrefix: pf-v6-c-accordion
         aria-expanded="true"
       >
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
         <span class="pf-v6-c-accordion__toggle-text">Item four</span>
@@ -672,7 +1020,19 @@ cssPrefix: pf-v6-c-accordion
         aria-expanded="false"
       >
         <span class="pf-v6-c-accordion__toggle-icon">
-          <i class="fas fa-angle-right" aria-hidden="true"></i>
+          <svg
+            class="pf-v6-svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+            role="img"
+            width="1em"
+            height="1em"
+          >
+            <path
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+            />
+          </svg>
         </span>
         <span class="pf-v6-c-accordion__toggle-text">Item five</span>