@patternfly/patternfly 6.0.0-alpha.98 → 6.0.0-alpha.99

package/docs/demos/JumpLinks/examples/JumpLinks.md

@@ -151,19 +151,7 @@ section: components
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -175,19 +163,7 @@ section: components
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -199,19 +175,7 @@ section: components
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -224,19 +188,7 @@ section: components
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -607,19 +559,7 @@ section: components
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -631,19 +571,7 @@ section: components
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -655,19 +583,7 @@ section: components
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -680,19 +596,7 @@ section: components
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -1063,19 +967,7 @@ section: components
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1087,19 +979,7 @@ section: components
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1111,19 +991,7 @@ section: components
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1136,19 +1004,7 @@ section: components
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -1516,19 +1372,7 @@ section: components
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1540,19 +1384,7 @@ section: components
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1564,19 +1396,7 @@ section: components
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1589,19 +1409,7 @@ section: components
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -1909,19 +1717,7 @@ section: components
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1933,19 +1729,7 @@ section: components
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1957,19 +1741,7 @@ section: components
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1982,19 +1754,7 @@ section: components
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -2324,19 +2084,7 @@ section: components
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -2348,19 +2096,7 @@ section: components
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -2372,19 +2108,7 @@ section: components
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -2397,19 +2121,7 @@ section: components
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>