@patternfly/patternfly 4.222.4 → 5.0.0-alpha.1

package/components/Button/button.scss

@@ -652,13 +652,6 @@
   margin-left: var(--pf-c-button__count--MarginLeft);
 }
 
-// RedHat Font overrides
-@include pf-m-overpass-font {
-  .pf-c-button {
-    --pf-c-button--FontWeight: var(--pf-global--FontWeight--semi-bold);
-  }
-}
-
 // stylelint-disable no-invalid-position-at-import-rule
 @import "themes/dark/button";
 

package/components/Card/card.css

@@ -323,10 +323,6 @@
   border: var(--pf-c-card__input--focus--BorderWidth) solid var(--pf-c-card__input--focus--BorderColor);
 }
 
-.pf-m-overpass-font .pf-c-card .pf-c-card__title {
-  font-weight: var(--pf-global--FontWeight--normal);
-}
-
 :where(.pf-theme-dark) .pf-c-card,
 :where(.pf-theme-dark) .pf-c-card.pf-m-non-selectable-raised {
   --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);

package/components/Card/card.scss

@@ -395,13 +395,6 @@
   border: var(--pf-c-card__input--focus--BorderWidth) solid var(--pf-c-card__input--focus--BorderColor);
 }
 
-// RedHat Font overrides
-@include pf-m-overpass-font {
-  .pf-c-card .pf-c-card__title {
-    font-weight: var(--pf-global--FontWeight--normal);
-  }
-}
-
 // stylelint-disable no-invalid-position-at-import-rule
 @import "themes/dark/card";
 

package/components/Check/check.css

@@ -16,8 +16,6 @@
   display: grid;
   grid-template-columns: auto 1fr;
   grid-gap: var(--pf-c-check--GridGap);
-  align-items: start;
-  justify-items: start;
 }
 .pf-c-check.pf-m-standalone {
   --pf-c-check--GridGap: 0;
@@ -50,6 +48,10 @@
   margin-top: var(--pf-c-check__body--MarginTop);
 }
 
+.pf-c-check__label,
+.pf-c-check__input {
+  justify-self: start;
+}
 label.pf-c-check, .pf-c-check__label,
 .pf-c-check__input {
   cursor: pointer;

package/components/Check/check.scss

@@ -19,8 +19,6 @@
   display: grid;
   grid-template-columns: auto 1fr;
   grid-gap: var(--pf-c-check--GridGap);
-  align-items: start;
-  justify-items: start;
 
   &.pf-m-standalone {
     --pf-c-check--GridGap: 0;
@@ -57,6 +55,8 @@
 
 .pf-c-check__label,
 .pf-c-check__input {
+  justify-self: start;
+
   @at-root label.pf-c-check,
   & {
     cursor: pointer;

package/components/Content/content.css

@@ -63,7 +63,7 @@
   --pf-c-content--li--MarginTop: var(--pf-global--spacer--sm);
   --pf-c-content--dl--ColumnGap: var(--pf-global--spacer--2xl);
   --pf-c-content--dl--RowGap: var(--pf-global--spacer--md);
-  --pf-c-content--dt--FontWeight: var(--pf-global--FontWeight--semi-bold);
+  --pf-c-content--dt--FontWeight: var(--pf-global--FontWeight--bold);
   --pf-c-content--dt--MarginTop: var(--pf-global--spacer--md);
   --pf-c-content--dt--sm--MarginTop: 0;
   --pf-c-content--hr--Height: var(--pf-global--BorderWidth--sm);
@@ -244,14 +244,4 @@
   .pf-c-content dd {
     grid-column: 2;
   }
-}
-
-.pf-m-overpass-font .pf-c-content {
-  --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--sm);
-  --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--semi-bold);
-  --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--semi-bold);
-  --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--semi-bold);
-}
-.pf-m-overpass-font .pf-c-content blockquote {
-  font-weight: var(--pf-global--FontWeight--light);
 }

package/components/Content/content.scss

@@ -88,7 +88,7 @@
   --pf-c-content--li--MarginTop: var(--pf-global--spacer--sm);
   --pf-c-content--dl--ColumnGap: var(--pf-global--spacer--2xl);
   --pf-c-content--dl--RowGap: var(--pf-global--spacer--md);
-  --pf-c-content--dt--FontWeight: var(--pf-global--FontWeight--semi-bold);
+  --pf-c-content--dt--FontWeight: var(--pf-global--FontWeight--bold);
   --pf-c-content--dt--MarginTop: var(--pf-global--spacer--md);
   --pf-c-content--dt--sm--MarginTop: 0;
 
@@ -300,17 +300,3 @@
     }
   }
 }
-
-// RedHat Font overrides
-@include pf-m-overpass-font {
-  .pf-c-content {
-    --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--sm);
-    --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--semi-bold);
-    --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--semi-bold);
-    --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--semi-bold);
-
-    blockquote {
-      font-weight: var(--pf-global--FontWeight--light);
-    }
-  }
-}

package/components/DataList/data-list.css

@@ -9,66 +9,51 @@
 }
 
 .pf-c-data-list__item-action {
-  --pf-hidden-visible--visible--Visibility: visible;
   --pf-hidden-visible--hidden--Display: none;
-  --pf-hidden-visible--hidden--Visibility: hidden;
   --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   display: var(--pf-hidden-visible--Display);
-  visibility: var(--pf-hidden-visible--Visibility);
 }
 .pf-m-hidden.pf-c-data-list__item-action {
   --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
 }
 @media screen and (min-width: 576px) {
   .pf-m-hidden-on-sm.pf-c-data-list__item-action {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-sm.pf-c-data-list__item-action {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 768px) {
   .pf-m-hidden-on-md.pf-c-data-list__item-action {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-md.pf-c-data-list__item-action {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 992px) {
   .pf-m-hidden-on-lg.pf-c-data-list__item-action {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-lg.pf-c-data-list__item-action {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 1200px) {
   .pf-m-hidden-on-xl.pf-c-data-list__item-action {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-xl.pf-c-data-list__item-action {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 1450px) {
   .pf-m-hidden-on-2xl.pf-c-data-list__item-action {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-2xl.pf-c-data-list__item-action {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 

package/components/Divider/divider.css

@@ -1,64 +1,49 @@
 .pf-c-divider {
-  --pf-hidden-visible--visible--Visibility: visible;
   --pf-hidden-visible--hidden--Display: none;
-  --pf-hidden-visible--hidden--Visibility: hidden;
   --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   display: var(--pf-hidden-visible--Display);
-  visibility: var(--pf-hidden-visible--Visibility);
 }
 .pf-m-hidden.pf-c-divider {
   --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
 }
 @media screen and (min-width: 576px) {
   .pf-m-hidden-on-sm.pf-c-divider {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-sm.pf-c-divider {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 768px) {
   .pf-m-hidden-on-md.pf-c-divider {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-md.pf-c-divider {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 992px) {
   .pf-m-hidden-on-lg.pf-c-divider {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-lg.pf-c-divider {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 1200px) {
   .pf-m-hidden-on-xl.pf-c-divider {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-xl.pf-c-divider {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 1450px) {
   .pf-m-hidden-on-2xl.pf-c-divider {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-2xl.pf-c-divider {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 
@@ -86,7 +71,6 @@
   --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
   width: 100%;
   height: auto;
-  display: var(--pf-c-divider--Display);
   flex-direction: var(--pf-c-divider--FlexDirection);
   align-items: center;
   align-self: stretch;

package/components/Divider/divider.scss

@@ -66,7 +66,6 @@ $pf-c-divider--spacer-map: build-spacer-map("none", "xs", "sm", "md", "lg", "xl"
   @include pf-hidden-visible(var(--pf-c-divider--Display));
   @include pf-c-divider--m-horizontal; // set to default to horizontal
 
-  display: var(--pf-c-divider--Display);
   flex-direction: var(--pf-c-divider--FlexDirection);
   align-items: center;
   align-self: stretch;

package/components/Drawer/drawer.css

@@ -312,7 +312,6 @@
   width: var(--pf-c-drawer__splitter--Width);
   height: var(--pf-c-drawer__splitter--Height);
   cursor: var(--pf-c-drawer__splitter--Cursor);
-  visibility: hidden;
   background-color: var(--pf-c-drawer__splitter--BackgroundColor);
 }
 .pf-c-drawer__splitter.pf-m-vertical {
@@ -449,7 +448,6 @@
   }
   .pf-c-drawer__splitter {
     display: block;
-    visibility: visible;
   }
 }
 @media (min-width: 768px) {
@@ -558,7 +556,6 @@
   }
   .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
     display: unset;
-    visibility: visible;
   }
   .pf-c-drawer.pf-m-inline.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
     margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
@@ -571,7 +568,6 @@
   }
   .pf-c-drawer.pf-m-inline.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
     display: unset;
-    visibility: visible;
   }
   .pf-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
     margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
@@ -593,7 +589,6 @@
   }
   .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
     display: none;
-    visibility: hidden;
   }
 }
 @media (min-width: 992px) {
@@ -622,7 +617,6 @@
   }
   .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
     display: unset;
-    visibility: visible;
   }
   .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
     margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
@@ -635,7 +629,6 @@
   }
   .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
     display: unset;
-    visibility: visible;
   }
   .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
     margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
@@ -657,7 +650,6 @@
   }
   .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
     display: none;
-    visibility: hidden;
   }
 }
 @media (min-width: 1200px) {
@@ -686,7 +678,6 @@
   }
   .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
     display: unset;
-    visibility: visible;
   }
   .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
     margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
@@ -699,7 +690,6 @@
   }
   .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
     display: unset;
-    visibility: visible;
   }
   .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
     margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
@@ -721,7 +711,6 @@
   }
   .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
     display: none;
-    visibility: hidden;
   }
 }
 @media (min-width: 1450px) {
@@ -750,7 +739,6 @@
   }
   .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
     display: unset;
-    visibility: visible;
   }
   .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
     margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
@@ -763,7 +751,6 @@
   }
   .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
     display: unset;
-    visibility: visible;
   }
   .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
     margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
@@ -785,7 +772,6 @@
   }
   .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
     display: none;
-    visibility: hidden;
   }
 }
 :where(.pf-theme-dark) .pf-c-drawer {

package/components/Drawer/drawer.scss

@@ -384,7 +384,6 @@ $pf-c-drawer__panel--list--width: (25, 33, 50, 66, 75, 100);
   width: var(--pf-c-drawer__splitter--Width);
   height: var(--pf-c-drawer__splitter--Height);
   cursor: var(--pf-c-drawer__splitter--Cursor);
-  visibility: hidden;
   background-color: var(--pf-c-drawer__splitter--BackgroundColor);
 
   &.pf-m-vertical {
@@ -575,7 +574,6 @@ $pf-c-drawer__panel--list--width: (25, 33, 50, 66, 75, 100);
 
   .pf-c-drawer__splitter {
     display: block;
-    visibility: visible;
   }
 }
 
@@ -641,7 +639,6 @@ $pf-c-drawer__panel--list--width: (25, 33, 50, 66, 75, 100);
 
       > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
         display: unset;
-        visibility: visible;
       }
 
       // Panel left
@@ -660,7 +657,6 @@ $pf-c-drawer__panel--list--width: (25, 33, 50, 66, 75, 100);
 
         > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
           display: unset;
-          visibility: visible;
         }
       }
 
@@ -702,7 +698,6 @@ $pf-c-drawer__panel--list--width: (25, 33, 50, 66, 75, 100);
 
       > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
         display: none;
-        visibility: hidden;
       }
       // stylelint-enable
     }

package/components/Dropdown/dropdown.css

@@ -50,8 +50,6 @@
   --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
   --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
   --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
-  --pf-c-dropdown__toggle-progress--Visibility: hidden;
-  --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
   --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
   --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -263,14 +261,9 @@
   align-items: center;
   cursor: pointer;
 }
-.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
-  --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
-  --pf-c-dropdown__toggle-progress--Visibility: visible;
-}
 .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
 .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
   cursor: pointer;
-  visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
   transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
 }
 .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
@@ -466,14 +459,6 @@
   --pf-c-dropdown__toggle-image--MarginRight: 0;
 }
 
-.pf-c-dropdown__toggle-progress {
-  position: absolute;
-  visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
-}
-.pf-c-dropdown__toggle-progress .pf-c-spinner {
-  --pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
-}
-
 .pf-c-dropdown__menu {
   position: absolute;
   top: var(--pf-c-dropdown__menu--Top);

package/components/Dropdown/dropdown.scss

@@ -62,10 +62,6 @@ $pf-c-dropdown--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "
   // toggle button
   --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
 
-  // toggle progress
-  --pf-c-dropdown__toggle-progress--Visibility: hidden;
-  --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm); // should match the checkbox input size
-
   // split buttons
   --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
@@ -345,15 +341,9 @@ $pf-c-dropdown--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "
       align-items: center;
       cursor: pointer;
 
-      &.pf-m-in-progress {
-        --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
-        --pf-c-dropdown__toggle-progress--Visibility: visible;
-      }
-
       > input,
       .pf-c-check {
         cursor: pointer;
-        visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
         transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
       }
     }
@@ -634,16 +624,6 @@ $pf-c-dropdown--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "
   }
 }
 
-// Loading spinner
-.pf-c-dropdown__toggle-progress {
-  position: absolute;
-  visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
-
-  .pf-c-spinner {
-    --pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
-  }
-}
-
 .pf-c-dropdown__menu {
   position: absolute;
   top: var(--pf-c-dropdown__menu--Top);

package/components/EmptyState/empty-state.css

@@ -115,8 +115,4 @@
   margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
   margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
   margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
-}
-
-.pf-m-overpass-font .pf-c-empty-state .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
-  font-size: var(--pf-global--FontSize--lg);
 }

package/components/EmptyState/empty-state.scss

@@ -127,12 +127,3 @@
     margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
   }
 }
-
-// RedHat Font overrides
-@include pf-m-overpass-font {
-  .pf-c-empty-state {
-    .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
-      font-size: var(--pf-global--FontSize--lg);
-    }
-  }
-}

package/components/ExpandableSection/expandable-section.css

@@ -126,8 +126,4 @@
   padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
   padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
   margin-top: var(--pf-c-expandable-section__content--MarginTop);
-}
-
-.pf-m-overpass-font .pf-c-expandable-section__toggle {
-  font-weight: var(--pf-global--FontWeight--semi-bold);
 }

package/components/ExpandableSection/expandable-section.scss

@@ -161,10 +161,3 @@
   padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
   margin-top: var(--pf-c-expandable-section__content--MarginTop);
 }
-
-// RedHat Font overrides
-@include pf-m-overpass-font {
-  .pf-c-expandable-section__toggle {
-    font-weight: var(--pf-global--FontWeight--semi-bold);
-  }
-}

package/components/Form/form.css

@@ -369,7 +369,6 @@
 }
 .pf-c-form__helper-text.pf-m-inactive {
   display: none;
-  visibility: hidden;
 }
 .pf-c-form__helper-text.pf-m-hidden {
   visibility: hidden;

package/components/Form/form.scss

@@ -365,7 +365,6 @@ $pf-c-form--m-horizontal--breakpoint-map: build-breakpoint-map("sm", "md", "lg",
 
   &.pf-m-inactive {
     display: none;
-    visibility: hidden;
   }
 
   &.pf-m-hidden {

package/components/FormControl/form-control.css

@@ -326,7 +326,7 @@ textarea.pf-c-form-control {
 }
 
 :where(.pf-theme-dark) .pf-c-form-control {
-  --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23e0e0e0' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
+  --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
   --pf-c-form-control--BorderTopColor: transparent;
   --pf-c-form-control--BorderRightColor: transparent;
   --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);

package/components/FormControl/themes/dark/form-control.scss

@@ -2,7 +2,7 @@
 
 @mixin pf-theme-dark-form-control() {
   .pf-c-form-control {
-    --pf-c-form-control__select--BackgroundUrl: #{pf-bg-svg($pf-c-form-control__select--Coordinates, $pf-c-form-control__select--ViewBox, $pf-global--Color--100)};
+    --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
     --pf-c-form-control--BorderTopColor: transparent;
     --pf-c-form-control--BorderRightColor: transparent;
     --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);

package/components/InlineEdit/inline-edit.css

@@ -4,7 +4,7 @@
   --pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-global--link--Color--hover);
   --pf-c-inline-edit__action--m-icon-group--item--MarginRight: 0;
   --pf-c-inline-edit__group--m-footer--MarginTop: var(--pf-global--spacer--xl);
-  --pf-c-inline-edit__label--m-bold--FontWeight: var(--pf-global--FontWeight--semi-bold);
+  --pf-c-inline-edit__label--m-bold--FontWeight: var(--pf-global--FontWeight--bold);
 }
 
 .pf-c-inline-edit__group {
@@ -43,22 +43,12 @@
 .pf-c-inline-edit__action,
 .pf-c-inline-edit__group.pf-m-action-group {
   display: none;
-  visibility: hidden;
 }
 
 .pf-c-inline-edit__action.pf-m-enable-editable {
   display: inline-block;
-  visibility: visible;
 }
 
-.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input,
-.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action,
-.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group,
-.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input,
-.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action,
-.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group {
-  visibility: visible;
-}
 .pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input,
 .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input {
   display: block;
@@ -76,7 +66,6 @@
 .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__value,
 .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action.pf-m-enable-editable {
   display: none;
-  visibility: hidden;
 }
 
 .pf-c-inline-edit__label + .pf-c-inline-edit__action.pf-m-enable > .pf-c-button {