@patternfly/patternfly 4.170.0 → 4.173.0

package/docs/demos/DataList/examples/DataList.md

@@ -2633,9 +2633,8 @@ wrapperTag: div
                         role="columnheader"
                         scope="col"
                       >Icons</th>
-                      <th role="columnheader"></th>
-
-                      <th role="columnheader"></th>
+                      <td></td>
+                      <td></td>
                     </tr>
                   </thead>
                   <tbody role="rowgroup">

package/docs/demos/Table/examples/Table.md

@@ -4357,21 +4357,14 @@ wrapperTag: div
         >
           <thead>
             <tr role="row">
-              <td class="pf-c-table__check" role="cell">
-                <input
-                  type="checkbox"
-                  name="check-all"
-                  aria-label="Select all rows"
-                />
-              </td>
+              <td></td>
               <th role="columnheader" scope="col">Repositories</th>
               <th role="columnheader" scope="col">Branches</th>
               <th role="columnheader" scope="col">Pull requests</th>
               <th role="columnheader" scope="col">Workspaces</th>
               <th role="columnheader" scope="col">Last commit</th>
-              <td role="cell"></td>
-
-              <td role="cell"></td>
+              <td></td>
+              <td></td>
             </tr>
           </thead>
 
@@ -5612,13 +5605,7 @@ wrapperTag: div
         >
           <thead>
             <tr role="row">
-              <td class="pf-c-table__check" role="cell">
-                <input
-                  type="checkbox"
-                  name="check-all"
-                  aria-label="Select all rows"
-                />
-              </td>
+              <td></td>
               <th
                 class="pf-c-table__sort pf-m-selected"
                 role="columnheader"
@@ -5694,8 +5681,8 @@ wrapperTag: div
                   </div>
                 </button>
               </th>
-              <td role="cell"></td>
-              <td role="cell"></td>
+              <td></td>
+              <td></td>
             </tr>
           </thead>
 
@@ -7008,13 +6995,7 @@ wrapperTag: div
                 </button>
               </td>
 
-              <td class="pf-c-table__check" role="cell">
-                <input
-                  type="checkbox"
-                  name="check-all"
-                  aria-label="Select all rows"
-                />
-              </td>
+              <td></td>
               <th
                 class="pf-m-width-30"
                 role="columnheader"
@@ -7024,9 +7005,8 @@ wrapperTag: div
               <th role="columnheader" scope="col">Pull requests</th>
               <th role="columnheader" scope="col">Work spaces</th>
               <th role="columnheader" scope="col">Last commit</th>
-              <td role="cell"></td>
-
-              <td role="cell"></td>
+              <td></td>
+              <td></td>
             </tr>
           </thead>
 
@@ -8519,22 +8499,15 @@ wrapperTag: div
         >
           <thead>
             <tr role="row">
-              <td class="pf-c-table__check" role="cell">
-                <input
-                  type="checkbox"
-                  name="check-all"
-                  aria-label="Select all rows"
-                />
-              </td>
+              <td></td>
               <th role="columnheader" scope="col">Contributor</th>
               <th role="columnheader" scope="col">Position</th>
               <th role="columnheader" scope="col">Location</th>
               <th role="columnheader" scope="col">Last seen</th>
               <th role="columnheader" scope="col">Numbers</th>
               <th class="pf-c-table__icon" role="columnheader" scope="col">Icons</th>
-              <th role="columnheader"></th>
-
-              <th role="columnheader"></th>
+              <td></td>
+              <td></td>
             </tr>
           </thead>
 
@@ -14857,21 +14830,14 @@ wrapperTag: div
         >
           <thead>
             <tr role="row">
-              <td class="pf-c-table__check" role="cell">
-                <input
-                  type="checkbox"
-                  name="check-all"
-                  aria-label="Select all rows"
-                />
-              </td>
+              <td></td>
               <th role="columnheader" scope="col">Repositories</th>
               <th role="columnheader" scope="col">Branches</th>
               <th role="columnheader" scope="col">Pull requests</th>
               <th role="columnheader" scope="col">Workspaces</th>
               <th role="columnheader" scope="col">Last commit</th>
-              <td role="cell"></td>
-
-              <td role="cell"></td>
+              <td></td>
+              <td></td>
             </tr>
           </thead>
 
@@ -16175,21 +16141,14 @@ wrapperTag: div
         >
           <thead>
             <tr role="row">
-              <td class="pf-c-table__check" role="cell">
-                <input
-                  type="checkbox"
-                  name="check-all"
-                  aria-label="Select all rows"
-                />
-              </td>
+              <td></td>
               <th role="columnheader" scope="col">Repositories</th>
               <th role="columnheader" scope="col">Branches</th>
               <th role="columnheader" scope="col">Pull requests</th>
               <th role="columnheader" scope="col">Workspaces</th>
               <th role="columnheader" scope="col">Last commit</th>
-              <td role="cell"></td>
-
-              <td role="cell"></td>
+              <td></td>
+              <td></td>
             </tr>
           </thead>
 
@@ -17580,21 +17539,14 @@ wrapperTag: div
         >
           <thead>
             <tr role="row">
-              <td class="pf-c-table__check" role="cell">
-                <input
-                  type="checkbox"
-                  name="check-all"
-                  aria-label="Select all rows"
-                />
-              </td>
+              <td></td>
               <th role="columnheader" scope="col">Repositories</th>
               <th role="columnheader" scope="col">Branches</th>
               <th role="columnheader" scope="col">Pull requests</th>
               <th role="columnheader" scope="col">Workspaces</th>
               <th role="columnheader" scope="col">Last commit</th>
-              <td role="cell"></td>
-
-              <td role="cell"></td>
+              <td></td>
+              <td></td>
             </tr>
           </thead>
 

package/docs/demos/Toolbar/examples/Toolbar.md

@@ -2246,21 +2246,14 @@ section: components
         >
           <thead>
             <tr role="row">
-              <td class="pf-c-table__check" role="cell">
-                <input
-                  type="checkbox"
-                  name="check-all"
-                  aria-label="Select all rows"
-                />
-              </td>
+              <td></td>
               <th role="columnheader" scope="col">Repositories</th>
               <th role="columnheader" scope="col">Branches</th>
               <th role="columnheader" scope="col">Pull requests</th>
               <th role="columnheader" scope="col">Workspaces</th>
               <th role="columnheader" scope="col">Last commit</th>
-              <td role="cell"></td>
-
-              <td role="cell"></td>
+              <td></td>
+              <td></td>
             </tr>
           </thead>
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "4.170.0",
+  "version": "4.173.0",
   "keywords": [],
   "license": "MIT",
   "scripts": {

package/patternfly-no-reset.css

@@ -104,6 +104,14 @@
   }
 }
 
+.pf-c-number-input .pf-c-form-control, .pf-c-pagination__nav-page-select .pf-c-form-control {
+  appearance: textfield;
+}
+.pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button, .pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-outer-spin-button {
+  appearance: none;
+  margin: 0;
+}
+
 :root {
   --pf-global--palette--black-100: #fafafa;
   --pf-global--palette--black-150: #f5f5f5;
@@ -8389,6 +8397,8 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-context-selector__toggle-text--LineHeight: var(--pf-global--LineHeight--md);
   --pf-c-context-selector__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
   --pf-c-context-selector__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
+  --pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
+  --pf-c-context-selector--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
   --pf-c-context-selector__menu--Top: calc(100% + var(--pf-global--spacer--xs));
   --pf-c-context-selector__menu--ZIndex: var(--pf-global--ZIndex--sm);
   --pf-c-context-selector__menu--PaddingTop: var(--pf-global--spacer--sm);
@@ -8551,6 +8561,7 @@ label.pf-c-check, .pf-c-check__label,
 .pf-c-context-selector__toggle.pf-m-plain {
   --pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--PaddingRight);
   --pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector__toggle--m-plain--PaddingLeft);
+  --pf-c-context-selector__toggle-icon--Color: var(--pf-c-context-selector--m-plain__toggle-icon--Color);
 }
 .pf-c-context-selector__toggle.pf-m-plain.pf-m-text {
   --pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--m-text--PaddingRight);
@@ -8561,11 +8572,12 @@ label.pf-c-check, .pf-c-check__label,
   width: auto;
   color: var(--pf-c-context-selector__toggle--m-plain--Color);
 }
-.pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text).pf-m-disabled, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):disabled {
+.pf-c-context-selector__toggle.pf-m-plain.pf-m-disabled, .pf-c-context-selector__toggle.pf-m-plain:disabled {
   --pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--disabled--Color);
 }
-.pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):hover, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):active, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text).pf-m-active, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):focus, .pf-c-context-selector.pf-m-expanded > .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text) {
+.pf-c-context-selector__toggle.pf-m-plain:hover, .pf-c-context-selector__toggle.pf-m-plain:active, .pf-c-context-selector__toggle.pf-m-plain.pf-m-active, .pf-c-context-selector__toggle.pf-m-plain:focus, .pf-c-context-selector.pf-m-expanded > .pf-c-context-selector__toggle.pf-m-plain {
   --pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--hover--Color);
+  --pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-c-context-selector--m-plain--hover__toggle-icon--Color);
 }
 .pf-c-context-selector__toggle.pf-m-plain::before {
   border: 0;
@@ -8582,6 +8594,7 @@ label.pf-c-check, .pf-c-check__label,
 .pf-c-context-selector__toggle-icon {
   margin-right: var(--pf-c-context-selector__toggle-icon--MarginRight);
   margin-left: var(--pf-c-context-selector__toggle-icon--MarginLeft);
+  color: var(--pf-c-context-selector__toggle-icon--Color, inherit);
 }
 
 .pf-c-context-selector__menu {
@@ -10108,6 +10121,7 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
   --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
   --pf-c-toolbar__item--Display: block;
+  --pf-c-toolbar__item--MinWidth--base: auto;
   --pf-c-toolbar__group--Display: flex;
   --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
   --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
@@ -12360,6 +12374,8 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
   --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
   --pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate: 180deg;
+  --pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
+  --pf-c-dropdown--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
   --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
   --pf-c-dropdown__menu--BoxShadow: var(--pf-global--BoxShadow--md);
   --pf-c-dropdown__menu--PaddingTop: var(--pf-global--spacer--sm);
@@ -12582,6 +12598,9 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
   border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
 }
+.pf-c-dropdown__toggle.pf-m-plain {
+  --pf-c-dropdown__toggle-icon--Color: var(--pf-c-dropdown--m-plain__toggle-icon--Color);
+}
 .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
   --pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown__toggle--m-plain--PaddingRight);
   --pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown__toggle--m-plain--PaddingLeft);
@@ -12596,6 +12615,7 @@ label.pf-c-check, .pf-c-check__label,
 }
 .pf-c-dropdown__toggle.pf-m-plain:hover, .pf-c-dropdown__toggle.pf-m-plain:focus, .pf-c-dropdown__toggle.pf-m-plain:active, .pf-c-dropdown__toggle.pf-m-plain.pf-m-active, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-plain {
   --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--hover--Color);
+  --pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-c-dropdown--m-plain--hover__toggle-icon--Color);
 }
 .pf-c-dropdown__toggle.pf-m-plain.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-plain:disabled {
   --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
@@ -12665,6 +12685,7 @@ label.pf-c-check, .pf-c-check__label,
   margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight);
   margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft);
   line-height: var(--pf-c-dropdown__toggle-icon--LineHeight);
+  color: var(--pf-c-dropdown__toggle-icon--Color, inherit);
 }
 .pf-c-dropdown.pf-m-top.pf-m-expanded .pf-c-dropdown__toggle-icon {
   transform: rotate(var(--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate));
@@ -15603,13 +15624,8 @@ ul.pf-c-list {
   padding-left: var(--pf-c-masthead--PaddingLeft);
   background-color: var(--pf-c-masthead--BackgroundColor);
 }
-@media screen and (min-width: 1200px) {
-  .pf-c-masthead {
-    --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
-  }
-}
 @media screen and (min-width: 768px) {
-  .pf-c-masthead {
+  .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
     --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
     --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
     --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
@@ -15629,6 +15645,14 @@ ul.pf-c-list {
     --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
   }
 }
+@media screen and (min-width: 1200px) {
+  .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
+    --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
+  }
+}
+.pf-c-page:where(.pf-m-breakpoint-xl) .pf-c-masthead {
+  --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
+}
 .pf-c-masthead.pf-m-light {
   color: var(--pf-global--Color--100);
   --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
@@ -16267,6 +16291,7 @@ ul.pf-c-list {
   --pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
   --pf-c-menu--m-nav__item-description--Color: var(--pf-global--Color--light-200);
   --pf-c-menu--m-nav--c-menu--left-offset: 0.25rem;
+  --pf-c-menu--m-nav--c-menu--m-top--bottom-offset: 0;
   --pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
   --pf-c-menu--m-nav--c-menu--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
   --pf-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset));
@@ -16733,6 +16758,11 @@ ul.pf-c-list {
   --pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
   --pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
   --pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
+  --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
+  --pf-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
+  --pf-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-global--Color--100);
+  --pf-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-global--Color--100);
+  --pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
   --pf-c-menu-toggle--m-full-height--PaddingRight: var(--pf-global--spacer--lg);
   --pf-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-global--spacer--lg);
   --pf-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
@@ -16812,6 +16842,9 @@ ul.pf-c-list {
   --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
   --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
 }
+.pf-c-menu-toggle.pf-m-plain {
+  --pf-c-menu-toggle__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain__toggle-icon--Color);
+}
 .pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
   --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
   --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
@@ -16828,22 +16861,26 @@ ul.pf-c-list {
   --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--hover--BackgroundColor);
   --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--hover--after--BorderBottomWidth);
   --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--hover--after--BorderBottomColor);
+  --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color);
 }
 .pf-c-menu-toggle:focus {
   --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--focus--BackgroundColor);
   --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
   --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--focus--after--BorderBottomColor);
+  --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--focus__toggle-icon--Color);
 }
 .pf-c-menu-toggle:active {
   --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--active--BackgroundColor);
   --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--active--after--BorderBottomWidth);
   --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--active--after--BorderBottomColor);
+  --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--active__toggle-icon--Color);
 }
 .pf-c-menu-toggle.pf-m-expanded {
   --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-expanded--Color);
   --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-expanded--BackgroundColor);
   --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomWidth);
   --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomColor);
+  --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color);
 }
 .pf-c-menu-toggle:disabled {
   --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--disabled--Color);
@@ -16888,6 +16925,7 @@ ul.pf-c-list {
 
 .pf-c-menu-toggle__toggle-icon {
   margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight);
+  color: var(--pf-c-menu-toggle__toggle-icon--Color, inherit);
 }
 
 .pf-c-modal-box {
@@ -17604,7 +17642,7 @@ ul.pf-c-list {
   --pf-c-menu__list--PaddingTop: 0;
   --pf-c-menu__list--PaddingBottom: 0;
   --pf-c-menu__item--FontSize: var(--pf-c-nav--c-menu__item--FontSize);
-  --pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color);
+  --pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color, inherit);
   --pf-c-menu__item--PaddingTop: var(--pf-c-nav--c-menu--m-flyout__item--PaddingTop);
   --pf-c-menu__item--PaddingRight: var(--pf-c-nav--c-menu--m-flyout__item--PaddingRight);
   --pf-c-menu__item--PaddingBottom: var(--pf-c-nav--c-menu--m-flyout__item--PaddingBottom);
@@ -17788,9 +17826,9 @@ ul.pf-c-list {
   --pf-c-nav__link--PaddingRight: var(--pf-c-nav--m-horizontal-subnav__link--PaddingRight);
   --pf-c-nav__link--PaddingBottom: var(--pf-c-nav--m-horizontal-subnav__link--PaddingBottom);
   --pf-c-nav__link--PaddingLeft: var(--pf-c-nav--m-horizontal-subnav__link--PaddingLeft);
+  --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
   --pf-c-nav__link--Right: var(--pf-c-nav--m-horizontal-subnav__link--Right);
   --pf-c-nav__link--Left: var(--pf-c-nav--m-horizontal-subnav__link--Left);
-  --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
   --pf-c-nav__link--hover--Color: var(--pf-c-nav--m-horizontal-subnav__link--hover--Color);
   --pf-c-nav__link--active--Color: var(--pf-c-nav--m-horizontal-subnav__link--active--Color);
   --pf-c-nav__link--focus--Color: var(--pf-c-nav--m-horizontal-subnav__link--focus--Color);
@@ -18552,6 +18590,8 @@ ul.pf-c-list {
   --pf-c-options-menu__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
   --pf-c-options-menu__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
   --pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate: 180deg;
+  --pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
+  --pf-c-options-menu--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
   --pf-c-options-menu__toggle-button--BackgroundColor: transparent;
   --pf-c-options-menu__toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-options-menu__toggle-button--PaddingRight: var(--pf-global--spacer--sm);
@@ -18644,6 +18684,9 @@ ul.pf-c-list {
   --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--expanded--BorderBottomColor);
   border-bottom-width: var(--pf-c-options-menu__toggle--expanded--BorderBottomWidth);
 }
+.pf-c-options-menu__toggle.pf-m-plain {
+  --pf-c-options-menu__toggle-icon--Color: var(--pf-c-options-menu--m-plain__toggle-icon--Color);
+}
 .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
   --pf-c-options-menu__toggle--PaddingRight: var(--pf-c-options-menu__toggle--m-plain--PaddingRight);
   --pf-c-options-menu__toggle--PaddingLeft: var(--pf-c-options-menu__toggle--m-plain--PaddingLeft);
@@ -18653,10 +18696,11 @@ ul.pf-c-list {
 .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) .pf-c-options-menu__toggle-button-icon {
   line-height: var(--pf-c-options-menu__toggle--LineHeight);
 }
-.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):hover, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):active, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text).pf-m-active, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):focus, .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
+.pf-c-options-menu__toggle.pf-m-plain:hover, .pf-c-options-menu__toggle.pf-m-plain:active, .pf-c-options-menu__toggle.pf-m-plain.pf-m-active, .pf-c-options-menu__toggle.pf-m-plain:focus, .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain {
   --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--hover--Color);
+  --pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-c-options-menu--m-plain--hover__toggle-icon--Color);
 }
-.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text).pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):disabled {
+.pf-c-options-menu__toggle.pf-m-plain.pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:disabled {
   --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--disabled--Color);
 }
 .pf-c-options-menu__toggle.pf-m-disabled, .pf-c-options-menu__toggle:disabled {
@@ -18685,6 +18729,11 @@ ul.pf-c-list {
   white-space: nowrap;
 }
 
+.pf-c-options-menu__toggle-icon,
+.pf-c-options-menu__toggle-button-icon {
+  color: var(--pf-c-options-menu__toggle-icon--Color, inherit);
+}
+
 .pf-c-options-menu__toggle-icon {
   margin-right: var(--pf-c-options-menu__toggle-icon--MarginRight);
   margin-left: var(--pf-c-options-menu__toggle-icon--MarginLeft);
@@ -19519,7 +19568,7 @@ ul.pf-c-list {
   --pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
   --pf-c-pagination__nav-page-select--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-pagination__nav-page-select--child--MarginRight: var(--pf-global--spacer--xs);
-  --pf-c-pagination__nav-page-select--c-form-control--width-base: 3.5ch;
+  --pf-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
   --pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
   --pf-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
   --pf-c-pagination__total-items--Display: block;
@@ -20310,6 +20359,8 @@ ul.pf-c-list {
   --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
   --pf-c-progress-stepper__step-description--TextAlign: left;
   --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
+  --pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
+  --pf-c-progress-stepper--m-center__step-description--MarginLeft: 0;
   position: relative;
   display: grid;
   grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
@@ -20400,6 +20451,9 @@ ul.pf-c-list {
 .pf-c-progress-stepper__step.pf-m-info {
   --pf-c-progress-stepper__step-icon--Color: var(--pf-global--info-color--100);
 }
+.pf-c-progress-stepper__step:last-child {
+  --pf-c-progress-stepper__step-main--MarginBottom: 0;
+}
 
 .pf-c-progress-stepper__step-connector {
   position: relative;
@@ -20792,6 +20846,8 @@ label.pf-c-radio, .pf-c-radio__label,
   --pf-c-select__toggle-arrow--MarginRight: var(--pf-global--spacer--sm);
   --pf-c-select__toggle-arrow--with-clear--MarginLeft: var(--pf-global--spacer--sm);
   --pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate: 180deg;
+  --pf-c-select--m-plain__toggle-arrow--Color: var(--pf-global--Color--200);
+  --pf-c-select--m-plain--hover__toggle-arrow--Color: var(--pf-global--Color--100);
   --pf-c-select__toggle-clear--PaddingRight: var(--pf-global--spacer--sm);
   --pf-c-select__toggle-clear--PaddingLeft: var(--pf-global--spacer--md);
   --pf-c-select__toggle-clear--toggle-button--PaddingLeft: var(--pf-global--spacer--sm);
@@ -20969,9 +21025,15 @@ label.pf-c-radio, .pf-c-radio__label,
   --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--m-expanded--before--BorderBottomColor);
   --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-c-select__toggle--m-expanded--before--BorderBottomWidth);
 }
+.pf-c-select__toggle.pf-m-plain {
+  --pf-c-select__toggle-arrow--Color: var(--pf-c-select--m-plain__toggle-arrow--Color);
+}
 .pf-c-select__toggle.pf-m-plain::before {
   border-color: var(--pf-c-select__toggle--m-plain--before--BorderColor);
 }
+.pf-c-select__toggle.pf-m-plain:hover, .pf-c-select__toggle.pf-m-plain:active, .pf-c-select__toggle.pf-m-plain.pf-m-active, .pf-c-select__toggle.pf-m-plain:focus, .pf-c-select.pf-m-expanded > .pf-c-select__toggle.pf-m-plain {
+  --pf-c-select--m-plain__toggle-arrow--Color: var(--pf-c-select--m-plain--hover__toggle-arrow--Color);
+}
 .pf-c-select__toggle.pf-m-typeahead {
   --pf-c-select__toggle--PaddingTop: 0;
   --pf-c-select__toggle--PaddingRight: 0;
@@ -21000,6 +21062,9 @@ label.pf-c-radio, .pf-c-radio__label,
   --pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color);
 }
 
+.pf-c-select__toggle-arrow {
+  color: var(--pf-c-select__toggle-arrow--Color, inherit);
+}
 * + .pf-c-select__toggle-arrow {
   margin-right: var(--pf-c-select__toggle-arrow--MarginRight);
   margin-left: var(--pf-c-select__toggle-arrow--MarginLeft);
@@ -21293,6 +21358,7 @@ label.pf-c-radio, .pf-c-radio__label,
   --pf-c-sidebar--m-split__panel--Position: static;
   --pf-c-sidebar--m-split__panel--Top: auto;
   --pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
+  --pf-c-sidebar__panel--FlexBasis--base: auto;
   --pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
   --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
   --pf-c-sidebar__panel--Top: 0;
@@ -24382,7 +24448,7 @@ svg.pf-c-spinner.pf-m-xl {
   border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);
 }
 .pf-c-table tr > *.pf-m-border-left::before {
-  border-left: var(--pf-c-table--cell--m-border-right--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
+  border-left: var(--pf-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
 }
 .pf-c-table caption {
   padding-top: var(--pf-c-table-caption--PaddingTop);
@@ -25069,6 +25135,8 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
   --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
   --pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
+  --pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-table__sticky-column--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
   --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
 }
 .pf-c-table .pf-c-table__sticky-column {
@@ -25117,6 +25185,8 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-table__tree-view-main--nested-indent--base: calc(var(--pf-c-table__tree-view-main--indent--base) - var(--pf-global--spacer--md));
   --pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);
   --pf-c-table__tree-view-main--MarginLeft: calc(var(--pf-c-table--cell--PaddingLeft) * -1);
+  --pf-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-global--spacer--sm);
   --pf-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-global--spacer--sm);
   --pf-c-table__tree-view-icon--MinWidth: var(--pf-global--FontSize--md);
   --pf-c-table__tree-view-icon--MarginRight: var(--pf-global--spacer--sm);
@@ -25177,6 +25247,11 @@ svg.pf-c-spinner.pf-m-xl {
 .pf-c-table__tree-view-main > .pf-c-table__check {
   margin-right: var(--pf-c-table__tree-view-main--c-table__check--MarginRight);
 }
+.pf-c-table__tree-view-main > .pf-c-table__check label {
+  padding-right: var(--pf-c-table__tree-view-main--c-table__check--PaddingRight);
+  padding-left: var(--pf-c-table__tree-view-main--c-table__check--PaddingLeft);
+  margin: 0 calc(var(--pf-c-table__tree-view-main--c-table__check--MarginRight) * -1) 0 0;
+}
 
 .pf-c-table__tree-view-text {
   display: flex;
@@ -27211,7 +27286,7 @@ svg.pf-c-spinner.pf-m-xl {
 .pf-c-number-input {
   --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
   --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
-  --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2);
+  --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
   --pf-c-number-input--c-form-control--width-chars: 4;
   --pf-c-number-input--c-form-control--Width: calc(var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch);
   display: inline-flex;
@@ -27221,11 +27296,6 @@ svg.pf-c-spinner.pf-m-xl {
   display: inline-flex;
   width: var(--pf-c-number-input--c-form-control--Width);
   text-align: right;
-  -moz-appearance: textfield;
-}
-.pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
 }
 
 .pf-c-input-group + .pf-c-number-input__unit,