@patternfly/react-core 6.0.0-alpha.14 → 6.0.0-alpha.16

package/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap

@@ -4,7 +4,7 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
 <DocumentFragment>
   <div
     class="pf-v5-c-pagination pf-m-inset-2xl pf-m-inset-2xl-on-sm pf-m-inset-2xl-on-md pf-m-inset-2xl-on-lg pf-m-inset-2xl-on-xl pf-m-inset-2xl-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-44"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-43"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
@@ -22,7 +22,9 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -77,7 +79,7 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-181"
+          data-ouia-component-id="OUIA-Generated-Button-plain-177"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -106,7 +108,7 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-182"
+          data-ouia-component-id="OUIA-Generated-Button-plain-178"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -136,7 +138,7 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-46"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-45"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -154,7 +156,7 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-183"
+          data-ouia-component-id="OUIA-Generated-Button-plain-179"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -182,7 +184,7 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-184"
+          data-ouia-component-id="OUIA-Generated-Button-plain-180"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -212,7 +214,7 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
 <DocumentFragment>
   <div
     class="pf-v5-c-pagination pf-m-inset-lg pf-m-inset-lg-on-sm pf-m-inset-lg-on-md pf-m-inset-lg-on-lg pf-m-inset-lg-on-xl pf-m-inset-lg-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-42"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-41"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
@@ -230,7 +232,9 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -285,7 +289,7 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-173"
+          data-ouia-component-id="OUIA-Generated-Button-plain-169"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -314,7 +318,7 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-174"
+          data-ouia-component-id="OUIA-Generated-Button-plain-170"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -344,7 +348,7 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-44"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-43"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -362,7 +366,7 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-175"
+          data-ouia-component-id="OUIA-Generated-Button-plain-171"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -390,7 +394,7 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-176"
+          data-ouia-component-id="OUIA-Generated-Button-plain-172"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -420,7 +424,7 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
 <DocumentFragment>
   <div
     class="pf-v5-c-pagination pf-m-inset-md pf-m-inset-md-on-sm pf-m-inset-md-on-md pf-m-inset-md-on-lg pf-m-inset-md-on-xl pf-m-inset-md-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-41"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-40"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
@@ -438,7 +442,9 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -493,7 +499,7 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-169"
+          data-ouia-component-id="OUIA-Generated-Button-plain-165"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -522,7 +528,7 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-170"
+          data-ouia-component-id="OUIA-Generated-Button-plain-166"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -552,7 +558,7 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-43"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-42"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -570,7 +576,7 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-171"
+          data-ouia-component-id="OUIA-Generated-Button-plain-167"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -598,7 +604,7 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-172"
+          data-ouia-component-id="OUIA-Generated-Button-plain-168"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -628,7 +634,7 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
 <DocumentFragment>
   <div
     class="pf-v5-c-pagination pf-m-inset-none pf-m-inset-none-on-sm pf-m-inset-none-on-md pf-m-inset-none-on-lg pf-m-inset-none-on-xl pf-m-inset-none-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-39"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-38"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
@@ -646,7 +652,9 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -701,7 +709,7 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-161"
+          data-ouia-component-id="OUIA-Generated-Button-plain-157"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -730,7 +738,7 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-162"
+          data-ouia-component-id="OUIA-Generated-Button-plain-158"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -760,7 +768,7 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-41"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-40"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -778,7 +786,7 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-163"
+          data-ouia-component-id="OUIA-Generated-Button-plain-159"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -806,7 +814,7 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-164"
+          data-ouia-component-id="OUIA-Generated-Button-plain-160"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -836,7 +844,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
 <DocumentFragment>
   <div
     class="pf-v5-c-pagination pf-m-inset-sm pf-m-inset-sm-on-sm pf-m-inset-sm-on-md pf-m-inset-sm-on-lg pf-m-inset-sm-on-xl pf-m-inset-sm-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-40"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-39"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
@@ -854,7 +862,9 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -909,7 +919,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-165"
+          data-ouia-component-id="OUIA-Generated-Button-plain-161"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -938,7 +948,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-166"
+          data-ouia-component-id="OUIA-Generated-Button-plain-162"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -968,7 +978,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-42"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-41"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -986,7 +996,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-167"
+          data-ouia-component-id="OUIA-Generated-Button-plain-163"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1014,7 +1024,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-168"
+          data-ouia-component-id="OUIA-Generated-Button-plain-164"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1044,7 +1054,7 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
 <DocumentFragment>
   <div
     class="pf-v5-c-pagination pf-m-inset-xl pf-m-inset-xl-on-sm pf-m-inset-xl-on-md pf-m-inset-xl-on-lg pf-m-inset-xl-on-xl pf-m-inset-xl-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-43"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-42"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
@@ -1062,7 +1072,9 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -1117,7 +1129,7 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-177"
+          data-ouia-component-id="OUIA-Generated-Button-plain-173"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1146,7 +1158,7 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-178"
+          data-ouia-component-id="OUIA-Generated-Button-plain-174"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1176,7 +1188,7 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-45"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-44"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -1194,7 +1206,7 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-179"
+          data-ouia-component-id="OUIA-Generated-Button-plain-175"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1222,7 +1234,7 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-180"
+          data-ouia-component-id="OUIA-Generated-Button-plain-176"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1263,7 +1275,9 @@ exports[`Pagination component render custom pagination toggle 1`] = `
     >
       1 - 10 - 40 - 
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -1468,7 +1482,9 @@ exports[`Pagination component render custom perPageOptions 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -1680,7 +1696,9 @@ exports[`Pagination component render custom start end 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -2059,7 +2077,9 @@ exports[`Pagination component render last page 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -2271,7 +2291,9 @@ exports[`Pagination component render limited number of pages 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -2474,7 +2496,9 @@ exports[`Pagination component render should render correctly bottom 1`] = `
     id="options-menu-bottom-pagination"
     style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -2674,7 +2698,9 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
     id="options-menu-bottom-pagination"
     style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -2886,7 +2912,9 @@ exports[`Pagination component render should render correctly compact 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -3098,7 +3126,9 @@ exports[`Pagination component render should render correctly disabled 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -3314,7 +3344,9 @@ exports[`Pagination component render should render correctly sticky 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -3526,7 +3558,9 @@ exports[`Pagination component render should render correctly top 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -3738,7 +3772,9 @@ exports[`Pagination component render titles 1`] = `
       </b>
        values
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -3950,7 +3986,9 @@ exports[`Pagination component render up drop direction 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -4162,7 +4200,9 @@ exports[`Pagination component render zero results 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"

package/src/components/Wizard/examples/WizardStepDrawerContent.tsx

@@ -4,7 +4,6 @@ import {
   Drawer,
   DrawerContent,
   DrawerPanelContent,
-  DrawerColorVariant,
   DrawerHead,
   DrawerActions,
   DrawerCloseButton,
@@ -27,7 +26,8 @@ const StepContentWithDrawer: React.FunctionComponent = () => {
     <Drawer isInline isExpanded={isDrawerExpanded} onExpand={onWizardExpand}>
       <DrawerContent
         panelContent={
-          <DrawerPanelContent widths={{ default: 'width_50' }} colorVariant={DrawerColorVariant.light200}>
+          // TODO: need to update with issue #9979. Removed light color variant for secondary panel.
+          <DrawerPanelContent widths={{ default: 'width_50' }}>
             <DrawerHead>
               <span tabIndex={isDrawerExpanded ? 0 : -1} ref={drawerRef}>
                 Drawer content: <strong>{activeStep?.name}</strong>

package/src/demos/examples/Wizard/InModalWithDrawer.tsx

@@ -12,8 +12,7 @@ import {
   ModalVariant,
   Wizard,
   WizardHeader,
-  WizardStep,
-  DrawerColorVariant
+  WizardStep
 } from '@patternfly/react-core';
 
 export const WizardModalWithDrawerDemo: React.FunctionComponent = () => {
@@ -38,7 +37,8 @@ export const WizardModalWithDrawerDemo: React.FunctionComponent = () => {
     <Drawer isInline isExpanded={isDrawerExpanded} onExpand={onExpand}>
       <DrawerContent
         panelContent={
-          <DrawerPanelContent widths={{ default: 'width_33' }} colorVariant={DrawerColorVariant.light200}>
+          // TODO: MAy need to update with issue #9979. Removed light color variant.
+          <DrawerPanelContent widths={{ default: 'width_33' }}>
             <DrawerHead>
               <span tabIndex={isDrawerExpanded ? 0 : -1} ref={drawerRef}>
                 Drawer content: {stepName}

package/src/demos/examples/Wizard/InModalWithDrawerInformationalStep.tsx

@@ -15,8 +15,7 @@ import {
   TextVariants,
   Wizard,
   WizardHeader,
-  WizardStep,
-  DrawerColorVariant
+  WizardStep
 } from '@patternfly/react-core';
 
 export const WizardModalWithDrawerInfoStepDemo: React.FunctionComponent = () => {
@@ -41,7 +40,8 @@ export const WizardModalWithDrawerInfoStepDemo: React.FunctionComponent = () =>
     <Drawer isInline isExpanded={isDrawerExpanded} onExpand={onExpand}>
       <DrawerContent
         panelContent={
-          <DrawerPanelContent widths={{ default: 'width_33' }} colorVariant={DrawerColorVariant.light200}>
+          // TODO: MAy need to update with issue #9979. Removed light color variant.
+          <DrawerPanelContent widths={{ default: 'width_33' }}>
             <DrawerHead>
               <span tabIndex={isDrawerExpanded ? 0 : -1} ref={drawerRef}>
                 Drawer content: {stepName}

package/src/demos/examples/Wizard/InPageWithDrawer.tsx

@@ -28,8 +28,7 @@ import {
   MastheadMain,
   MastheadBrand,
   Wizard,
-  WizardStep,
-  DrawerColorVariant
+  WizardStep
 } from '@patternfly/react-core';
 import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg';
 import BarsIcon from '@patternfly/react-icons/dist/js/icons/bars-icon';
@@ -119,7 +118,8 @@ export const WizardFullPageWithDrawerDemo: React.FunctionComponent = () => {
     <Drawer isInline isExpanded={isDrawerExpanded} onExpand={onExpand}>
       <DrawerContent
         panelContent={
-          <DrawerPanelContent widths={{ default: 'width_33' }} colorVariant={DrawerColorVariant.light200}>
+          // TODO: MAy need to update with issue #9979. Removed light color variant.
+          <DrawerPanelContent widths={{ default: 'width_33' }}>
             <DrawerHead>
               <span tabIndex={isDrawerExpanded ? 0 : -1} ref={drawerRef}>
                 Drawer content: {stepName}

package/src/demos/examples/Wizard/InPageWithDrawerInformationalStep.tsx

@@ -7,7 +7,6 @@ import {
   Drawer,
   DrawerActions,
   DrawerCloseButton,
-  DrawerColorVariant,
   DrawerContent,
   DrawerHead,
   DrawerPanelContent,
@@ -120,7 +119,8 @@ export const WizardFullPageWithDrawerInfoStepDemo: React.FunctionComponent = ()
     <Drawer isInline isExpanded={isDrawerExpanded} onExpand={onExpand}>
       <DrawerContent
         panelContent={
-          <DrawerPanelContent widths={{ default: 'width_33' }} colorVariant={DrawerColorVariant.light200}>
+          // TODO: MAy need to update with issue #9979. Removed light color variant.
+          <DrawerPanelContent widths={{ default: 'width_33' }}>
             <DrawerHead>
               <span tabIndex={isDrawerExpanded ? 0 : -1} ref={drawerRef}>
                 Drawer content: {stepName}

package/src/deprecated/components/Wizard/__tests__/Wizard.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import { Wizard, WizardStepFunctionType, WizardStep } from '../Wizard';
-import { DrawerPanelContent, DrawerColorVariant, DrawerHead } from '../../../../../src/components/Drawer';
+import { DrawerPanelContent, DrawerHead } from '../../../../../src/components/Drawer';
 import userEvent from '@testing-library/user-event';
 
 describe('Wizard', () => {
@@ -104,7 +104,8 @@ describe('Wizard', () => {
 
   test('wiz with drawer', () => {
     const wizDrawerPanelContent = (
-      <DrawerPanelContent colorVariant={DrawerColorVariant.light200}>
+      // TODO: MAy need to update with issue #9979. Removed light color variant.
+      <DrawerPanelContent>
         <DrawerHead>
           <span>This wizard has a drawer with drawer panel content</span>
         </DrawerHead>