@patternfly/patternfly 4.204.1 → 4.204.4

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

@@ -20605,7 +20605,7 @@ There are a few ways this can be handled:
     <thead>
       <tr role="row">
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sort pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sort pf-c-table__sticky-column"
           role="columnheader"
           aria-sort="none"
           data-label="Example th"
@@ -20622,7 +20622,7 @@ There are a few ways this can be handled:
           </button>
         </th>
         <th
-          class="pf-m-truncate pf-c-table__sort"
+          class="pf-c-table__sort"
           role="columnheader"
           aria-sort="none"
           data-label="Example th"
@@ -20638,43 +20638,43 @@ There are a few ways this can be handled:
           </button>
         </th>
         <th
-          class="pf-m-truncate"
+          class
           role="columnheader"
           data-label="Example th"
           scope="col"
         >Header 3</th>
         <th
-          class="pf-m-truncate"
+          class
           role="columnheader"
           data-label="Example th"
           scope="col"
         >Header 4</th>
         <th
-          class="pf-m-truncate"
+          class
           role="columnheader"
           data-label="Example th"
           scope="col"
         >Header 5</th>
         <th
-          class="pf-m-truncate"
+          class
           role="columnheader"
           data-label="Example th"
           scope="col"
         >Header 6</th>
         <th
-          class="pf-m-truncate"
+          class
           role="columnheader"
           data-label="Example th"
           scope="col"
         >Header 7</th>
         <th
-          class="pf-m-truncate"
+          class
           role="columnheader"
           data-label="Example th"
           scope="col"
         >Header 8</th>
         <th
-          class="pf-m-truncate"
+          class
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -20685,7 +20685,7 @@ There are a few ways this can be handled:
     <tbody role="rowgroup">
       <tr role="row">
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -20730,7 +20730,7 @@ There are a few ways this can be handled:
       </tr>
       <tr role="row">
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -20775,7 +20775,7 @@ There are a few ways this can be handled:
       </tr>
       <tr role="row">
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -20820,7 +20820,7 @@ There are a few ways this can be handled:
       </tr>
       <tr role="row">
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -20865,7 +20865,7 @@ There are a few ways this can be handled:
       </tr>
       <tr role="row">
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -20910,7 +20910,7 @@ There are a few ways this can be handled:
       </tr>
       <tr role="row">
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -20955,7 +20955,7 @@ There are a few ways this can be handled:
       </tr>
       <tr role="row">
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -21000,7 +21000,7 @@ There are a few ways this can be handled:
       </tr>
       <tr role="row">
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -21045,7 +21045,7 @@ There are a few ways this can be handled:
       </tr>
       <tr role="row">
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -21124,7 +21124,7 @@ There are a few ways this can be handled:
           </button>
         </th>
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sort pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sort pf-c-table__sticky-column"
           role="columnheader"
           aria-sort="none"
           data-label="Example th"
@@ -21141,43 +21141,43 @@ There are a few ways this can be handled:
           </button>
         </th>
         <th
-          class="pf-m-truncate"
+          class
           role="columnheader"
           data-label="Example th"
           scope="col"
         >Header 3</th>
         <th
-          class="pf-m-truncate"
+          class
           role="columnheader"
           data-label="Example th"
           scope="col"
         >Header 4</th>
         <th
-          class="pf-m-truncate"
+          class
           role="columnheader"
           data-label="Example th"
           scope="col"
         >Header 5</th>
         <th
-          class="pf-m-truncate"
+          class
           role="columnheader"
           data-label="Example th"
           scope="col"
         >Header 6</th>
         <th
-          class="pf-m-truncate"
+          class
           role="columnheader"
           data-label="Example th"
           scope="col"
         >Header 7</th>
         <th
-          class="pf-m-truncate"
+          class
           role="columnheader"
           data-label="Example th"
           scope="col"
         >Header 8</th>
         <th
-          class="pf-m-truncate"
+          class
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -21195,7 +21195,7 @@ There are a few ways this can be handled:
           style="--pf-c-table__sticky-column--MinWidth: 100px;"
         >Fact 1</th>
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -21246,7 +21246,7 @@ There are a few ways this can be handled:
           style="--pf-c-table__sticky-column--MinWidth: 100px;"
         >Fact 2</th>
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -21297,7 +21297,7 @@ There are a few ways this can be handled:
           style="--pf-c-table__sticky-column--MinWidth: 100px;"
         >Fact 3</th>
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -21348,7 +21348,7 @@ There are a few ways this can be handled:
           style="--pf-c-table__sticky-column--MinWidth: 100px;"
         >Fact 4</th>
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -21399,7 +21399,7 @@ There are a few ways this can be handled:
           style="--pf-c-table__sticky-column--MinWidth: 100px;"
         >Fact 5</th>
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -21450,7 +21450,7 @@ There are a few ways this can be handled:
           style="--pf-c-table__sticky-column--MinWidth: 100px;"
         >Fact 6</th>
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -21501,7 +21501,7 @@ There are a few ways this can be handled:
           style="--pf-c-table__sticky-column--MinWidth: 100px;"
         >Fact 7</th>
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -21552,7 +21552,7 @@ There are a few ways this can be handled:
           style="--pf-c-table__sticky-column--MinWidth: 100px;"
         >Fact 8</th>
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -21603,7 +21603,7 @@ There are a few ways this can be handled:
           style="--pf-c-table__sticky-column--MinWidth: 100px;"
         >Fact 9</th>
         <th
-          class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+          class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
           role="columnheader"
           data-label="Example th"
           scope="col"
@@ -21682,7 +21682,7 @@ There are a few ways this can be handled:
             </button>
           </th>
           <th
-            class="pf-m-border-right pf-m-truncate pf-c-table__sort pf-c-table__sticky-column"
+            class="pf-m-truncate pf-m-border-right pf-c-table__sort pf-c-table__sticky-column"
             role="columnheader"
             aria-sort="none"
             data-label="Example th"
@@ -21699,43 +21699,43 @@ There are a few ways this can be handled:
             </button>
           </th>
           <th
-            class="pf-m-truncate"
+            class
             role="columnheader"
             data-label="Example th"
             scope="col"
           >Header 3</th>
           <th
-            class="pf-m-truncate"
+            class
             role="columnheader"
             data-label="Example th"
             scope="col"
           >Header 4</th>
           <th
-            class="pf-m-truncate"
+            class
             role="columnheader"
             data-label="Example th"
             scope="col"
           >Header 5</th>
           <th
-            class="pf-m-truncate"
+            class
             role="columnheader"
             data-label="Example th"
             scope="col"
           >Header 6</th>
           <th
-            class="pf-m-truncate"
+            class
             role="columnheader"
             data-label="Example th"
             scope="col"
           >Header 7</th>
           <th
-            class="pf-m-truncate"
+            class
             role="columnheader"
             data-label="Example th"
             scope="col"
           >Header 8</th>
           <th
-            class="pf-m-truncate"
+            class
             role="columnheader"
             data-label="Example th"
             scope="col"
@@ -21753,7 +21753,7 @@ There are a few ways this can be handled:
             style="--pf-c-table__sticky-column--MinWidth: 100px;"
           >Fact 1</th>
           <th
-            class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+            class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
             role="columnheader"
             data-label="Example th"
             scope="col"
@@ -21804,7 +21804,7 @@ There are a few ways this can be handled:
             style="--pf-c-table__sticky-column--MinWidth: 100px;"
           >Fact 2</th>
           <th
-            class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+            class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
             role="columnheader"
             data-label="Example th"
             scope="col"
@@ -21855,7 +21855,7 @@ There are a few ways this can be handled:
             style="--pf-c-table__sticky-column--MinWidth: 100px;"
           >Fact 3</th>
           <th
-            class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+            class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
             role="columnheader"
             data-label="Example th"
             scope="col"
@@ -21906,7 +21906,7 @@ There are a few ways this can be handled:
             style="--pf-c-table__sticky-column--MinWidth: 100px;"
           >Fact 4</th>
           <th
-            class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+            class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
             role="columnheader"
             data-label="Example th"
             scope="col"
@@ -21957,7 +21957,7 @@ There are a few ways this can be handled:
             style="--pf-c-table__sticky-column--MinWidth: 100px;"
           >Fact 5</th>
           <th
-            class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+            class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
             role="columnheader"
             data-label="Example th"
             scope="col"
@@ -22008,7 +22008,7 @@ There are a few ways this can be handled:
             style="--pf-c-table__sticky-column--MinWidth: 100px;"
           >Fact 6</th>
           <th
-            class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+            class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
             role="columnheader"
             data-label="Example th"
             scope="col"
@@ -22059,7 +22059,7 @@ There are a few ways this can be handled:
             style="--pf-c-table__sticky-column--MinWidth: 100px;"
           >Fact 7</th>
           <th
-            class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+            class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
             role="columnheader"
             data-label="Example th"
             scope="col"
@@ -22110,7 +22110,7 @@ There are a few ways this can be handled:
             style="--pf-c-table__sticky-column--MinWidth: 100px;"
           >Fact 8</th>
           <th
-            class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+            class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
             role="columnheader"
             data-label="Example th"
             scope="col"
@@ -22161,7 +22161,7 @@ There are a few ways this can be handled:
             style="--pf-c-table__sticky-column--MinWidth: 100px;"
           >Fact 9</th>
           <th
-            class="pf-m-border-right pf-m-truncate pf-c-table__sticky-column"
+            class="pf-m-truncate pf-m-border-right pf-c-table__sticky-column"
             role="columnheader"
             data-label="Example th"
             scope="col"

package/docs/demos/Card/examples/Card.md

@@ -1298,6 +1298,7 @@ wrapperTag: div
               <a href="#">Control Panel</a>
               <div
                 class="pf-c-popover pf-m-right"
+                role="dialog"
                 aria-modal="true"
                 aria-labelledby="status-card-expanded-with-popover-example-popover-popover-right-header"
                 aria-describedby="status-card-expanded-with-popover-example-popover-popover-right-body"

package/docs/demos/Modal/examples/Modal.md

@@ -926,6 +926,7 @@ section: components
   <div class="pf-l-bullseye">
     <div
       class="pf-c-modal-box pf-m-sm"
+      role="dialog"
       aria-modal="true"
       aria-labelledby="modal-title-modal-basic-example-modal"
       aria-describedby="modal-description-modal-basic-example-modal"
@@ -1883,6 +1884,7 @@ section: components
   <div class="pf-l-bullseye">
     <div
       class="pf-c-modal-box pf-m-sm"
+      role="dialog"
       aria-modal="true"
       aria-labelledby="modal-scroll-title"
       aria-describedby="modal-scroll-description"
@@ -2849,6 +2851,7 @@ section: components
   <div class="pf-l-bullseye">
     <div
       class="pf-c-modal-box pf-m-md"
+      role="dialog"
       aria-modal="true"
       aria-labelledby="modal-md-title"
       aria-describedby="modal-md-description"
@@ -3805,6 +3808,7 @@ section: components
   <div class="pf-l-bullseye">
     <div
       class="pf-c-modal-box pf-m-lg"
+      role="dialog"
       aria-modal="true"
       aria-labelledby="modal-lg-title"
       aria-describedby="modal-lg-description"
@@ -4761,6 +4765,7 @@ section: components
   <div class="pf-l-bullseye">
     <div
       class="pf-c-modal-box pf-m-sm pf-m-align-top"
+      role="dialog"
       aria-modal="true"
       aria-labelledby="modal-top-aligned-title"
       aria-describedby="modal-top-aligned-description"
@@ -5717,6 +5722,7 @@ section: components
   <div class="pf-l-bullseye">
     <div
       class="pf-c-modal-box pf-m-sm"
+      role="dialog"
       aria-modal="true"
       aria-labelledby="modal-title-"
       aria-describedby="modal-description-"