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

package/docs/demos/DescriptionList/examples/DescriptionList.md

@@ -149,19 +149,7 @@ cssPrefix: pf-d-description-list
                     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>
@@ -173,19 +161,7 @@ cssPrefix: pf-d-description-list
                     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>
@@ -197,19 +173,7 @@ cssPrefix: pf-d-description-list
                     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>
@@ -222,19 +186,7 @@ cssPrefix: pf-d-description-list
                   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>
@@ -573,19 +525,7 @@ cssPrefix: pf-d-description-list
                     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>
@@ -597,19 +537,7 @@ cssPrefix: pf-d-description-list
                     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>
@@ -621,19 +549,7 @@ cssPrefix: pf-d-description-list
                     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>
@@ -646,19 +562,7 @@ cssPrefix: pf-d-description-list
                   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>
@@ -1312,19 +1216,7 @@ cssPrefix: pf-d-description-list
                     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>
@@ -1336,19 +1228,7 @@ cssPrefix: pf-d-description-list
                     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>
@@ -1360,19 +1240,7 @@ cssPrefix: pf-d-description-list
                     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>
@@ -1385,19 +1253,7 @@ cssPrefix: pf-d-description-list
                   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>
@@ -1612,6 +1468,7 @@ cssPrefix: pf-d-description-list
                                 role="columnheader"
                                 scope="col"
                               >Type</th>
+
                               <th
                                 class="pf-v6-c-table__th"
                                 role="columnheader"
@@ -1619,6 +1476,7 @@ cssPrefix: pf-d-description-list
                               >Location</th>
                             </tr>
                           </thead>
+
                           <tbody class="pf-v6-c-table__tbody" role="rowgroup">
                             <tr class="pf-v6-c-table__tr" role="row">
                               <td
@@ -1670,16 +1528,19 @@ cssPrefix: pf-d-description-list
                                 role="columnheader"
                                 scope="col"
                               >Name</th>
+
                               <th
                                 class="pf-v6-c-table__th"
                                 role="columnheader"
                                 scope="col"
                               >Port</th>
+
                               <th
                                 class="pf-v6-c-table__th"
                                 role="columnheader"
                                 scope="col"
                               >Protocol</th>
+
                               <th
                                 class="pf-v6-c-table__th"
                                 role="columnheader"
@@ -1687,6 +1548,7 @@ cssPrefix: pf-d-description-list
                               >Pod port or name</th>
                             </tr>
                           </thead>
+
                           <tbody class="pf-v6-c-table__tbody" role="rowgroup">
                             <tr class="pf-v6-c-table__tr" role="row">
                               <td