npm - @patternfly/patternfly - Versions diffs - 6.5.0-prerelease.46 → 6.5.0-prerelease.48 - Mend

@patternfly/patternfly 6.5.0-prerelease.46 → 6.5.0-prerelease.48

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 (83) hide show

package/components/Accordion/accordion.css +1 -1
package/components/Accordion/accordion.scss +1 -1
package/components/Alert/alert.css +2 -1
package/components/Alert/alert.scss +2 -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 +1 -1
package/components/NotificationDrawer/notification-drawer.scss +1 -1
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 +20 -19
package/docs/components/Accordion/examples/Accordion.md +390 -30
package/docs/components/Alert/examples/Alert.md +494 -38
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/DualListSelector/examples/DualListSelector.md +169 -13
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 +26 -2
package/docs/components/JumpLinks/examples/JumpLinks.md +52 -4
package/docs/components/Menu/examples/Menu.md +1456 -112
package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +39 -3
package/docs/components/Nav/examples/Navigation.md +710 -62
package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +52 -4
package/docs/components/Table/examples/Table.md +819 -63
package/docs/components/Tabs/examples/Tabs.md +321 -213
package/docs/components/TreeView/examples/TreeView.md +1300 -100
package/docs/components/Wizard/examples/Wizard.md +323 -59
package/docs/demos/AboutModal/examples/AboutModal.md +39 -3
package/docs/demos/Alert/examples/Alert.md +182 -14
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 +242 -29
package/docs/demos/CardView/examples/CardView.md +78 -6
package/docs/demos/Compass/examples/Compass.md +71 -35
package/docs/demos/Dashboard/examples/Dashboard.md +104 -8
package/docs/demos/DataList/examples/DataList.md +234 -18
package/docs/demos/DescriptionList/examples/DescriptionList.md +117 -9
package/docs/demos/Drawer/examples/Drawer.md +141 -15
package/docs/demos/Form/examples/BasicForms.md +143 -11
package/docs/demos/JumpLinks/examples/JumpLinks.md +216 -27
package/docs/demos/Masthead/examples/Masthead.md +355 -31
package/docs/demos/Modal/examples/Modal.md +234 -18
package/docs/demos/Nav/examples/Nav.md +320 -32
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +247 -19
package/docs/demos/Page/examples/Page.md +546 -42
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +281 -29
package/docs/demos/Skeleton/examples/Skeleton.md +39 -3
package/docs/demos/Table/examples/Table.md +702 -54
package/docs/demos/Tabs/examples/Tabs.md +238 -22
package/docs/demos/Toolbar/examples/Toolbar.md +78 -6
package/docs/demos/Wizard/examples/Wizard.md +621 -72
package/package.json +1 -1
package/patternfly-no-globals.css +20 -19
package/patternfly.css +20 -19
package/patternfly.min.css +1 -1
package/patternfly.min.css.map +1 -1

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

@@ -1332,7 +1332,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -1442,7 +1454,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -1538,7 +1562,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -1620,7 +1656,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -1705,7 +1753,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -1803,7 +1863,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -1913,7 +1985,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -2008,7 +2092,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -2089,7 +2185,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -2173,7 +2281,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -2271,7 +2391,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -2379,7 +2511,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -2472,7 +2616,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -2566,7 +2722,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -2647,7 +2815,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -2747,7 +2927,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -2857,7 +3049,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -3094,7 +3298,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -3176,7 +3392,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -3261,7 +3489,19 @@ Note: Table column widths will respond automatically when toggling expanded rows
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -8660,7 +8900,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -8736,7 +8988,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -8843,7 +9107,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -8936,7 +9212,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -9032,7 +9320,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -9127,7 +9427,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -9220,7 +9532,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -9329,7 +9653,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -9422,7 +9758,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -9519,7 +9867,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -9919,7 +10279,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -10016,7 +10388,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -10117,7 +10501,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -10214,7 +10610,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -10365,7 +10773,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -10442,7 +10862,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -10754,7 +11186,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -10888,7 +11332,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -11081,7 +11537,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -11274,7 +11742,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -11506,7 +11986,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -11597,7 +12089,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -11983,7 +12487,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -12146,7 +12662,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -12383,7 +12911,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -12620,7 +13160,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -12895,7 +13447,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -12989,7 +13553,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -13390,7 +13966,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -13559,7 +14147,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -13805,7 +14405,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -14051,7 +14663,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
             >
               <span class="pf-v6-c-button__icon">
                 <div class="pf-v6-c-table__toggle-icon">
-                  <i class="fas fa-angle-down" 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>
                 </div>
               </span>
             </button>
@@ -15368,7 +15992,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -15464,7 +16100,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -15546,7 +16194,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -15631,7 +16291,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -21204,7 +21876,19 @@ For sticky columns to function correctly, the parent table's width must be contr
           >
             <span class="pf-v6-c-button__icon">
               <div class="pf-v6-c-table__toggle-icon">
-                <i class="fas fa-angle-down" 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>
               </div>
             </span>
           </button>
@@ -21302,7 +21986,19 @@ For sticky columns to function correctly, the parent table's width must be contr
           >
             <span class="pf-v6-c-button__icon">
               <div class="pf-v6-c-table__toggle-icon">
-                <i class="fas fa-angle-down" 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>
               </div>
             </span>
           </button>
@@ -21397,7 +22093,19 @@ For sticky columns to function correctly, the parent table's width must be contr
           >
             <span class="pf-v6-c-button__icon">
               <div class="pf-v6-c-table__toggle-icon">
-                <i class="fas fa-angle-down" 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>
               </div>
             </span>
           </button>
@@ -24076,7 +24784,19 @@ Basic striped table rows are supported on tables with a single `<tbody>` element
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -24172,7 +24892,19 @@ Basic striped table rows are supported on tables with a single `<tbody>` element
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -24254,7 +24986,19 @@ Basic striped table rows are supported on tables with a single `<tbody>` element
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>
@@ -24339,7 +25083,19 @@ Basic striped table rows are supported on tables with a single `<tbody>` element
         >
           <span class="pf-v6-c-button__icon">
             <div class="pf-v6-c-table__toggle-icon">
-              <i class="fas fa-angle-down" 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>
             </div>
           </span>
         </button>