@patternfly/react-styles 4.92.6 → 5.0.0-alpha.2

package/css/components/AboutModalBox/about-modal-box.css

@@ -31,22 +31,9 @@
 
 .pf-c-about-modal-box {
   --pf-c-about-modal-box--BackgroundColor: var(--pf-global--palette--black-1000);
-  --pf-c-about-modal-box--BoxShadow: 0 0 100px 0 rgba(255, 255, 255, .05);
-  --pf-c-about-modal-box--ZIndex: var(--pf-global--ZIndex--xl);
   --pf-c-about-modal-box--Height: 100%;
   --pf-c-about-modal-box--lg--Height: 47.625rem;
-  --pf-c-about-modal-box--lg--MaxHeight: calc(100% - var(--pf-global--spacer--xl));
-  --pf-c-about-modal-box--Width: 100vw;
-  --pf-c-about-modal-box--lg--Width: calc(100% - (var(--pf-global--spacer--3xl) * 2));
-  --pf-c-about-modal-box--lg--MaxWidth: 77rem;
-  --pf-c-about-modal-box--PaddingTop: var(--pf-global--spacer--xl);
-  --pf-c-about-modal-box--PaddingRight: var(--pf-global--spacer--xl);
-  --pf-c-about-modal-box--PaddingBottom: var(--pf-global--spacer--xl);
-  --pf-c-about-modal-box--PaddingLeft: var(--pf-global--spacer--xl);
-  --pf-c-about-modal-box--sm--PaddingTop: var(--pf-global--spacer--3xl);
-  --pf-c-about-modal-box--sm--PaddingRight: var(--pf-global--spacer--3xl);
-  --pf-c-about-modal-box--sm--PaddingBottom: var(--pf-global--spacer--3xl);
-  --pf-c-about-modal-box--sm--PaddingLeft: var(--pf-global--spacer--3xl);
+  --pf-c-about-modal-box--Width: 100%;
   --pf-c-about-modal-box--sm--grid-template-columns: 5fr 1fr;
   --pf-c-about-modal-box--lg--grid-template-columns: 1fr .6fr;
   --pf-c-about-modal-box__brand--PaddingTop: var(--pf-global--spacer--2xl);
@@ -92,7 +79,6 @@
   --pf-c-about-modal-box__content--sm--MarginLeft: var(--pf-global--spacer--3xl);
   color: var(--pf-global--Color--100);
   position: relative;
-  z-index: var(--pf-c-about-modal-box--ZIndex);
   display: grid;
   grid-template-rows: max-content max-content auto;
   grid-template-areas: "brand close" "header header" "content content";
@@ -101,15 +87,6 @@
   overflow-x: hidden;
   overflow-y: auto;
   background-color: var(--pf-c-about-modal-box--BackgroundColor);
-  box-shadow: var(--pf-c-about-modal-box--BoxShadow);
-}
-@media screen and (min-width: 576px) {
-  .pf-c-about-modal-box {
-    --pf-c-about-modal-box--PaddingTop: var(--pf-c-about-modal-box--sm--PaddingTop);
-    --pf-c-about-modal-box--PaddingRight: var(--pf-c-about-modal-box--sm--PaddingRight);
-    --pf-c-about-modal-box--PaddingBottom: var(--pf-c-about-modal-box--sm--PaddingBottom);
-    --pf-c-about-modal-box--PaddingLeft: var(--pf-c-about-modal-box--sm--PaddingLeft);
-  }
 }
 @media screen and (min-width: 576px) {
   .pf-c-about-modal-box {
@@ -160,8 +137,6 @@
     --pf-c-about-modal-box--Width: var(--pf-c-about-modal-box--lg--Width);
     grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
     grid-template-rows: max-content max-content auto;
-    max-width: var(--pf-c-about-modal-box--lg--MaxWidth);
-    max-height: var(--pf-c-about-modal-box--lg--MaxHeight);
   }
 }
 
@@ -247,12 +222,10 @@
 
 .pf-c-about-modal-box__hero {
   display: none;
-  visibility: hidden;
 }
 @media only screen and (min-width: 576px) {
   .pf-c-about-modal-box__hero {
     display: block;
-    visibility: visible;
     background-image: var(--pf-c-about-modal-box__hero--sm--BackgroundImage);
     background-repeat: no-repeat;
     background-attachment: fixed;

package/css/components/Accordion/accordion.css

@@ -14,35 +14,37 @@
   --pf-c-accordion__toggle--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-accordion__toggle--PaddingBottom: var(--pf-global--spacer--sm);
   --pf-c-accordion__toggle--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-accordion__toggle--before--BackgroundColor: transparent;
   --pf-c-accordion__toggle--before--Top: 0;
+  --pf-c-accordion__toggle--after--Top: 0;
+  --pf-c-accordion__toggle--after--BackgroundColor: transparent;
   --pf-c-accordion__toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
   --pf-c-accordion__toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
   --pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
   --pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
-  --pf-c-accordion__toggle--m-expanded--before--BackgroundColor: var(--pf-global--primary-color--100);
+  --pf-c-accordion__toggle--after--Width: var(--pf-global--BorderWidth--lg);
+  --pf-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
   --pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
   --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
   --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
-  --pf-c-accordion__toggle--active__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
+  --pf-c-accordion__toggle--active__toggle-text--FontWeight: var(--pf-global--FontWeight--bold);
   --pf-c-accordion__toggle--focus__toggle-text--Color: var(--pf-global--link--Color);
-  --pf-c-accordion__toggle--focus__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
+  --pf-c-accordion__toggle--focus__toggle-text--FontWeight: var(--pf-global--FontWeight--bold);
   --pf-c-accordion__toggle--m-expanded__toggle-text--Color: var(--pf-global--link--Color);
-  --pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
+  --pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-global--FontWeight--bold);
   --pf-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
   --pf-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
-  --pf-c-accordion__expanded-content--Color: var(--pf-global--Color--200);
-  --pf-c-accordion__expanded-content--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-accordion__expanded-content--m-expanded__expanded-content-body--before--BackgroundColor: var(--pf-global--primary-color--100);
-  --pf-c-accordion__expanded-content--m-fixed--MaxHeight: 9.375rem;
-  --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-accordion__expanded-content-body--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-accordion__expanded-content-body--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop: 0;
-  --pf-c-accordion__expanded-content-body--before--BackgroundColor: transparent;
-  --pf-c-accordion__expanded-content-body--before--Width: var(--pf-global--BorderWidth--lg);
-  --pf-c-accordion__expanded-content-body--before--Top: 0;
+  --pf-c-accordion__expandable-content--Color: var(--pf-global--Color--200);
+  --pf-c-accordion__expandable-content--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-accordion__expandable-content--m-expanded__expandable-content-body--after--BackgroundColor: var(--pf-global--primary-color--100);
+  --pf-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
+  --pf-c-accordion__expandable-content-body--PaddingTop: var(--pf-global--spacer--sm);
+  --pf-c-accordion__expandable-content-body--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-accordion__expandable-content-body--PaddingBottom: var(--pf-global--spacer--sm);
+  --pf-c-accordion__expandable-content-body--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-accordion__expandable-content-body--expandable-content-body--PaddingTop: 0;
+  --pf-c-accordion__expandable-content-body--after--BackgroundColor: transparent;
+  --pf-c-accordion__expandable-content-body--after--Width: var(--pf-global--BorderWidth--lg);
+  --pf-c-accordion__expandable-content-body--before--Top: 0;
   --pf-c-accordion--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
   --pf-c-accordion--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-accordion--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
@@ -56,21 +58,21 @@
   --pf-c-accordion--m-display-lg__toggle--focus__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
   --pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--Color: var(--pf-global--Color--100);
   --pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-accordion--m-display-lg__expanded-content--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-accordion--m-display-lg__expanded-content--Color: var(--pf-global--Color--100);
-  --pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop: 0;
-  --pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
-  --pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-accordion--m-display-lg__expandable-content--FontSize: var(--pf-global--FontSize--md);
+  --pf-c-accordion--m-display-lg__expandable-content--Color: var(--pf-global--Color--100);
+  --pf-c-accordion--m-display-lg__expandable-content-body--PaddingTop: 0;
+  --pf-c-accordion--m-display-lg__expandable-content-body--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-accordion--m-display-lg__expandable-content-body--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-accordion--m-display-lg__expandable-content-body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
+  --pf-c-accordion--m-display-lg__expandable-content-body--PaddingLeft: var(--pf-global--spacer--lg);
   --pf-c-accordion--m-bordered--BorderTopWidth: var(--pf-global--BorderWidth--sm);
   --pf-c-accordion--m-bordered--BorderTopColor: var(--pf-global--BorderColor--100);
-  --pf-c-accordion--m-bordered__toggle--before--Top: calc(-1 * var(--pf-global--BorderWidth--sm));
-  --pf-c-accordion--m-bordered__toggle--after--BorderColor: var(--pf-global--BorderColor--100);
-  --pf-c-accordion--m-bordered__toggle--after--BorderTopWidth: 0;
-  --pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor: var(--pf-global--BorderColor--100);
+  --pf-c-accordion--m-bordered__toggle--after--Top: calc(-1 * var(--pf-global--BorderWidth--sm));
+  --pf-c-accordion--m-bordered__toggle--before--BorderColor: var(--pf-global--BorderColor--100);
+  --pf-c-accordion--m-bordered__toggle--before--BorderTopWidth: 0;
+  --pf-c-accordion--m-bordered__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-accordion--m-bordered__expandable-content--m-expanded__expandable-content-body--last-child--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-accordion--m-bordered__expandable-content--m-expanded__expandable-content-body--last-child--before--BorderBottomColor: var(--pf-global--BorderColor--100);
   color: var(--pf-global--Color--100);
   background-color: var(--pf-c-accordion--BackgroundColor);
 }
@@ -88,18 +90,18 @@
   --pf-c-accordion__toggle--focus__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--FontWeight);
   --pf-c-accordion__toggle--m-expanded__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--Color);
   --pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
-  --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop);
-  --pf-c-accordion__expanded-content-body--PaddingRight: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight);
-  --pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom);
-  --pf-c-accordion__expanded-content-body--PaddingLeft: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft);
-  --pf-c-accordion__expanded-content--FontSize: var(--pf-c-accordion--m-display-lg__expanded-content--FontSize);
-  --pf-c-accordion__expanded-content--Color: var(--pf-c-accordion--m-display-lg__expanded-content--Color);
+  --pf-c-accordion__expandable-content-body--PaddingTop: var(--pf-c-accordion--m-display-lg__expandable-content-body--PaddingTop);
+  --pf-c-accordion__expandable-content-body--PaddingRight: var(--pf-c-accordion--m-display-lg__expandable-content-body--PaddingRight);
+  --pf-c-accordion__expandable-content-body--PaddingBottom: var(--pf-c-accordion--m-display-lg__expandable-content-body--PaddingBottom);
+  --pf-c-accordion__expandable-content-body--PaddingLeft: var(--pf-c-accordion--m-display-lg__expandable-content-body--PaddingLeft);
+  --pf-c-accordion__expandable-content--FontSize: var(--pf-c-accordion--m-display-lg__expandable-content--FontSize);
+  --pf-c-accordion__expandable-content--Color: var(--pf-c-accordion--m-display-lg__expandable-content--Color);
 }
-.pf-c-accordion.pf-m-display-lg .pf-c-accordion__expanded-content-body:last-child {
-  --pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom);
+.pf-c-accordion.pf-m-display-lg .pf-c-accordion__expandable-content-body:last-child {
+  --pf-c-accordion__expandable-content-body--PaddingBottom: var(--pf-c-accordion--m-display-lg__expandable-content-body--last-child--PaddingBottom);
 }
 .pf-c-accordion.pf-m-bordered {
-  --pf-c-accordion__toggle--before--Top: var(--pf-c-accordion--m-bordered__toggle--before--Top);
+  --pf-c-accordion__toggle--after--Top: var(--pf-c-accordion--m-bordered__toggle--after--Top);
   border-top: var(--pf-c-accordion--m-bordered--BorderTopWidth) solid var(--pf-c-accordion--m-bordered--BorderTopColor);
 }
 .pf-c-accordion.pf-m-bordered .pf-c-accordion__toggle::before {
@@ -109,13 +111,13 @@
   bottom: 0;
   left: 0;
   content: "";
-  border: solid var(--pf-c-accordion--m-bordered__toggle--after--BorderColor);
-  border-width: var(--pf-c-accordion--m-bordered__toggle--after--BorderTopWidth) 0 var(--pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth);
+  border: solid var(--pf-c-accordion--m-bordered__toggle--before--BorderColor);
+  border-width: var(--pf-c-accordion--m-bordered__toggle--before--BorderTopWidth) 0 var(--pf-c-accordion--m-bordered__toggle--before--BorderBottomWidth);
 }
 .pf-c-accordion.pf-m-bordered .pf-c-accordion__toggle.pf-m-expanded {
-  --pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth: 0;
+  --pf-c-accordion--m-bordered__toggle--before--BorderBottomWidth: 0;
 }
-.pf-c-accordion.pf-m-bordered .pf-c-accordion__expanded-content.pf-m-expanded .pf-c-accordion__expanded-content-body:last-child::before {
+.pf-c-accordion.pf-m-bordered .pf-c-accordion__expandable-content.pf-m-expanded .pf-c-accordion__expandable-content-body:last-child::before {
   position: absolute;
   top: 0;
   right: 0;
@@ -123,7 +125,7 @@
   left: 0;
   pointer-events: none;
   content: "";
-  border-bottom: var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth) solid var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor);
+  border-bottom: var(--pf-c-accordion--m-bordered__expandable-content--m-expanded__expandable-content-body--last-child--before--BorderBottomWidth) solid var(--pf-c-accordion--m-bordered__expandable-content--m-expanded__expandable-content-body--last-child--before--BorderBottomColor);
 }
 
 .pf-c-accordion__toggle {
@@ -139,15 +141,15 @@
 }
 .pf-c-accordion__toggle::after {
   position: absolute;
-  top: var(--pf-c-accordion__toggle--before--Top);
+  top: var(--pf-c-accordion__toggle--after--Top);
   bottom: 0;
   left: 0;
-  width: var(--pf-c-accordion__toggle--before--Width);
+  width: var(--pf-c-accordion__toggle--after--Width);
   content: "";
-  background-color: var(--pf-c-accordion__toggle--before--BackgroundColor);
+  background-color: var(--pf-c-accordion__toggle--after--BackgroundColor);
 }
 .pf-c-accordion__toggle.pf-m-expanded {
-  --pf-c-accordion__toggle--before--BackgroundColor: var(--pf-c-accordion__toggle--m-expanded--before--BackgroundColor);
+  --pf-c-accordion__toggle--after--BackgroundColor: var(--pf-c-accordion__toggle--m-expanded--after--BackgroundColor);
 }
 .pf-c-accordion__toggle.pf-m-expanded .pf-c-accordion__toggle-text {
   font-weight: var(--pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
@@ -188,33 +190,33 @@
   transition: var(--pf-c-accordion__toggle-icon--Transition);
 }
 
-.pf-c-accordion__expanded-content {
-  font-size: var(--pf-c-accordion__expanded-content--FontSize);
-  color: var(--pf-c-accordion__expanded-content--Color);
+.pf-c-accordion__expandable-content {
+  font-size: var(--pf-c-accordion__expandable-content--FontSize);
+  color: var(--pf-c-accordion__expandable-content--Color);
 }
-.pf-c-accordion__expanded-content.pf-m-fixed {
-  max-height: var(--pf-c-accordion__expanded-content--m-fixed--MaxHeight);
+.pf-c-accordion__expandable-content.pf-m-fixed {
+  max-height: var(--pf-c-accordion__expandable-content--m-fixed--MaxHeight);
   overflow-y: auto;
 }
-.pf-c-accordion__expanded-content.pf-m-expanded {
-  --pf-c-accordion__expanded-content-body--before--BackgroundColor: var(--pf-c-accordion__expanded-content--m-expanded__expanded-content-body--before--BackgroundColor);
+.pf-c-accordion__expandable-content.pf-m-expanded {
+  --pf-c-accordion__expandable-content-body--after--BackgroundColor: var(--pf-c-accordion__expandable-content--m-expanded__expandable-content-body--after--BackgroundColor);
 }
 
-.pf-c-accordion__expanded-content-body {
+.pf-c-accordion__expandable-content-body {
   position: relative;
-  padding: var(--pf-c-accordion__expanded-content-body--PaddingTop) var(--pf-c-accordion__expanded-content-body--PaddingRight) var(--pf-c-accordion__expanded-content-body--PaddingBottom) var(--pf-c-accordion__expanded-content-body--PaddingLeft);
+  padding: var(--pf-c-accordion__expandable-content-body--PaddingTop) var(--pf-c-accordion__expandable-content-body--PaddingRight) var(--pf-c-accordion__expandable-content-body--PaddingBottom) var(--pf-c-accordion__expandable-content-body--PaddingLeft);
 }
-.pf-c-accordion__expanded-content-body::after {
+.pf-c-accordion__expandable-content-body::after {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
-  width: var(--pf-c-accordion__expanded-content-body--before--Width);
+  width: var(--pf-c-accordion__expandable-content-body--after--Width);
   content: "";
-  background-color: var(--pf-c-accordion__expanded-content-body--before--BackgroundColor);
+  background-color: var(--pf-c-accordion__expandable-content-body--after--BackgroundColor);
 }
-.pf-c-accordion__expanded-content-body + .pf-c-accordion__expanded-content-body {
-  --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
+.pf-c-accordion__expandable-content-body + .pf-c-accordion__expandable-content-body {
+  --pf-c-accordion__expandable-content-body--PaddingTop: var(--pf-c-accordion__expandable-content-body--expandable-content-body--PaddingTop);
 }
 
 :where(.pf-theme-dark) .pf-c-accordion {

package/css/components/Accordion/accordion.d.ts

@@ -1,8 +1,8 @@
 import './accordion.css';
 declare const _default: {
   "accordion": "pf-c-accordion",
-  "accordionExpandedContent": "pf-c-accordion__expanded-content",
-  "accordionExpandedContentBody": "pf-c-accordion__expanded-content-body",
+  "accordionExpandableContent": "pf-c-accordion__expandable-content",
+  "accordionExpandableContentBody": "pf-c-accordion__expandable-content-body",
   "accordionToggle": "pf-c-accordion__toggle",
   "accordionToggleIcon": "pf-c-accordion__toggle-icon",
   "accordionToggleText": "pf-c-accordion__toggle-text",

package/css/components/Accordion/accordion.js

@@ -3,8 +3,8 @@ exports.__esModule = true;
 require('./accordion.css');
 exports.default = {
   "accordion": "pf-c-accordion",
-  "accordionExpandedContent": "pf-c-accordion__expanded-content",
-  "accordionExpandedContentBody": "pf-c-accordion__expanded-content-body",
+  "accordionExpandableContent": "pf-c-accordion__expandable-content",
+  "accordionExpandableContentBody": "pf-c-accordion__expandable-content-body",
   "accordionToggle": "pf-c-accordion__toggle",
   "accordionToggleIcon": "pf-c-accordion__toggle-icon",
   "accordionToggleText": "pf-c-accordion__toggle-text",

package/css/components/Accordion/accordion.mjs

@@ -1,8 +1,8 @@
 import './accordion.css';
 export default {
   "accordion": "pf-c-accordion",
-  "accordionExpandedContent": "pf-c-accordion__expanded-content",
-  "accordionExpandedContentBody": "pf-c-accordion__expanded-content-body",
+  "accordionExpandableContent": "pf-c-accordion__expandable-content",
+  "accordionExpandableContentBody": "pf-c-accordion__expandable-content-body",
   "accordionToggle": "pf-c-accordion__toggle",
   "accordionToggleIcon": "pf-c-accordion__toggle-icon",
   "accordionToggleText": "pf-c-accordion__toggle-text",

package/css/components/Alert/alert.css

@@ -199,10 +199,6 @@
   margin-right: var(--pf-c-alert__action-group__c-button--not-last-child--MarginRight);
 }
 
-.pf-m-overpass-font .pf-c-alert__title {
-  --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
-}
-
 :where(.pf-theme-dark) .pf-c-alert {
   --pf-c-alert--BackgroundColor: var(--pf-global--palette--black-600);
   --pf-c-alert__title--Color: var(--pf-global--default-color--200);

package/css/components/Alert/alert.d.ts

@@ -18,8 +18,7 @@ declare const _default: {
     "plain": "pf-m-plain",
     "expandable": "pf-m-expandable",
     "expanded": "pf-m-expanded",
-    "truncate": "pf-m-truncate",
-    "overpassFont": "pf-m-overpass-font"
+    "truncate": "pf-m-truncate"
   },
   "themeDark": "pf-theme-dark"
 };

package/css/components/Alert/alert.js

@@ -20,8 +20,7 @@ exports.default = {
     "plain": "pf-m-plain",
     "expandable": "pf-m-expandable",
     "expanded": "pf-m-expanded",
-    "truncate": "pf-m-truncate",
-    "overpassFont": "pf-m-overpass-font"
+    "truncate": "pf-m-truncate"
   },
   "themeDark": "pf-theme-dark"
 };

package/css/components/Alert/alert.mjs

@@ -18,8 +18,7 @@ export default {
     "plain": "pf-m-plain",
     "expandable": "pf-m-expandable",
     "expanded": "pf-m-expanded",
-    "truncate": "pf-m-truncate",
-    "overpassFont": "pf-m-overpass-font"
+    "truncate": "pf-m-truncate"
   },
   "themeDark": "pf-theme-dark"
 };

package/css/components/Banner/banner.css

@@ -52,7 +52,7 @@
   --pf-c-banner--link--Color: var(--pf-c-banner--Color);
   --pf-c-banner--link--TextDecoration: underline;
   --pf-c-banner--link--hover--Color: var(--pf-c-banner--Color);
-  --pf-c-banner--link--hover--FontWeight: var(--pf-global--FontWeight--semi-bold);
+  --pf-c-banner--link--hover--FontWeight: var(--pf-global--FontWeight--bold);
   --pf-c-banner--link--disabled--Color: var(--pf-c-banner--Color);
   --pf-c-banner--link--disabled--TextDecoration: none;
   --pf-c-banner--m-info--BackgroundColor: var(--pf-global--palette--blue-200);

package/css/components/Breadcrumb/breadcrumb.css

@@ -85,14 +85,8 @@ button.pf-c-breadcrumb__link {
   white-space: normal;
 }
 
-.pf-m-overpass-font .pf-c-breadcrumb__link,
-.pf-m-overpass-font .pf-c-breadcrumb__item {
-  font-weight: var(--pf-global--FontWeight--semi-bold);
-}
-
 .pf-c-breadcrumb__list > :first-child .pf-c-breadcrumb__item-divider {
   display: none;
-  visibility: hidden;
 }
 
 :where(.pf-theme-dark) .pf-c-breadcrumb {

package/css/components/Breadcrumb/breadcrumb.d.ts

@@ -9,8 +9,7 @@ declare const _default: {
   "breadcrumbList": "pf-c-breadcrumb__list",
   "dropdownToggle": "pf-c-dropdown__toggle",
   "modifiers": {
-    "current": "pf-m-current",
-    "overpassFont": "pf-m-overpass-font"
+    "current": "pf-m-current"
   },
   "themeDark": "pf-theme-dark"
 };

package/css/components/Breadcrumb/breadcrumb.js

@@ -11,8 +11,7 @@ exports.default = {
   "breadcrumbList": "pf-c-breadcrumb__list",
   "dropdownToggle": "pf-c-dropdown__toggle",
   "modifiers": {
-    "current": "pf-m-current",
-    "overpassFont": "pf-m-overpass-font"
+    "current": "pf-m-current"
   },
   "themeDark": "pf-theme-dark"
 };

package/css/components/Breadcrumb/breadcrumb.mjs

@@ -9,8 +9,7 @@ export default {
   "breadcrumbList": "pf-c-breadcrumb__list",
   "dropdownToggle": "pf-c-dropdown__toggle",
   "modifiers": {
-    "current": "pf-m-current",
-    "overpassFont": "pf-m-overpass-font"
+    "current": "pf-m-current"
   },
   "themeDark": "pf-theme-dark"
 };

package/css/components/Button/button.css

@@ -501,10 +501,6 @@
   margin-left: var(--pf-c-button__count--MarginLeft);
 }
 
-.pf-m-overpass-font .pf-c-button {
-  --pf-c-button--FontWeight: var(--pf-global--FontWeight--semi-bold);
-}
-
 :where(.pf-theme-dark) .pf-c-button {
   --pf-c-button--disabled--Color: var(--pf-global--disabled-color--300);
   --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);

package/css/components/Button/button.d.ts

@@ -26,8 +26,7 @@ declare const _default: {
     "progress": "pf-m-progress",
     "inProgress": "pf-m-in-progress",
     "start": "pf-m-start",
-    "end": "pf-m-end",
-    "overpassFont": "pf-m-overpass-font"
+    "end": "pf-m-end"
   },
   "spinner": "pf-c-spinner",
   "themeDark": "pf-theme-dark"

package/css/components/Button/button.js

@@ -28,8 +28,7 @@ exports.default = {
     "progress": "pf-m-progress",
     "inProgress": "pf-m-in-progress",
     "start": "pf-m-start",
-    "end": "pf-m-end",
-    "overpassFont": "pf-m-overpass-font"
+    "end": "pf-m-end"
   },
   "spinner": "pf-c-spinner",
   "themeDark": "pf-theme-dark"

package/css/components/Button/button.mjs

@@ -26,8 +26,7 @@ export default {
     "progress": "pf-m-progress",
     "inProgress": "pf-m-in-progress",
     "start": "pf-m-start",
-    "end": "pf-m-end",
-    "overpassFont": "pf-m-overpass-font"
+    "end": "pf-m-end"
   },
   "spinner": "pf-c-spinner",
   "themeDark": "pf-theme-dark"

package/css/components/Card/card.css

@@ -13,7 +13,9 @@
   --pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
   --pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
   --pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-card__actions--child--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-card__actions--Gap: var(--pf-global--spacer--sm);
+  --pf-c-card__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
+  --pf-c-card__actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
   --pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
   --pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
   --pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
@@ -84,7 +86,6 @@
   --pf-c-card--m-plain--BackgroundColor: transparent;
   --pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
   --pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
-  --pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
   --pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
   --pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
   display: flex;
@@ -230,13 +231,11 @@
   --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
   --pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
 }
-.pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
-  --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
-}
 .pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
   order: 2;
 }
-.pf-c-card__header.pf-m-toggle-right .pf-c-card__title {
+
+.pf-c-card__header-main {
   flex: 1;
 }
 
@@ -262,10 +261,8 @@
   align-self: flex-start;
   order: 1;
   padding-left: var(--pf-c-card__actions--PaddingLeft);
-  margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) auto;
-}
-.pf-c-card__actions > * + * {
-  margin-left: var(--pf-c-card__actions--child--MarginLeft);
+  margin: var(--pf-c-card__actions--MarginTop) 0 var(--pf-c-card__actions--MarginBottom) auto;
+  gap: var(--pf-c-card__actions--Gap);
 }
 .pf-c-card__actions + .pf-c-card__title,
 .pf-c-card__actions + .pf-c-card__body,
@@ -273,8 +270,8 @@
   padding: 0;
 }
 .pf-c-card__actions.pf-m-no-offset {
-  --pf-c-card__header-toggle--MarginTop: 0;
-  --pf-c-card__header-toggle--MarginBottom: 0;
+  --pf-c-card__actions--MarginTop: 0;
+  --pf-c-card__actions--MarginBottom: 0;
 }
 
 .pf-c-card__header,
@@ -323,10 +320,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/css/components/Card/card.d.ts

@@ -6,6 +6,7 @@ declare const _default: {
   "cardExpandableContent": "pf-c-card__expandable-content",
   "cardFooter": "pf-c-card__footer",
   "cardHeader": "pf-c-card__header",
+  "cardHeaderMain": "pf-c-card__header-main",
   "cardHeaderToggle": "pf-c-card__header-toggle",
   "cardHeaderToggleIcon": "pf-c-card__header-toggle-icon",
   "cardSrInput": "pf-c-card__sr-input",
@@ -28,8 +29,7 @@ declare const _default: {
     "fullHeight": "pf-m-full-height",
     "toggleRight": "pf-m-toggle-right",
     "noOffset": "pf-m-no-offset",
-    "noFill": "pf-m-no-fill",
-    "overpassFont": "pf-m-overpass-font"
+    "noFill": "pf-m-no-fill"
   },
   "themeDark": "pf-theme-dark"
 };

package/css/components/Card/card.js

@@ -8,6 +8,7 @@ exports.default = {
   "cardExpandableContent": "pf-c-card__expandable-content",
   "cardFooter": "pf-c-card__footer",
   "cardHeader": "pf-c-card__header",
+  "cardHeaderMain": "pf-c-card__header-main",
   "cardHeaderToggle": "pf-c-card__header-toggle",
   "cardHeaderToggleIcon": "pf-c-card__header-toggle-icon",
   "cardSrInput": "pf-c-card__sr-input",
@@ -30,8 +31,7 @@ exports.default = {
     "fullHeight": "pf-m-full-height",
     "toggleRight": "pf-m-toggle-right",
     "noOffset": "pf-m-no-offset",
-    "noFill": "pf-m-no-fill",
-    "overpassFont": "pf-m-overpass-font"
+    "noFill": "pf-m-no-fill"
   },
   "themeDark": "pf-theme-dark"
 };

package/css/components/Card/card.mjs

@@ -6,6 +6,7 @@ export default {
   "cardExpandableContent": "pf-c-card__expandable-content",
   "cardFooter": "pf-c-card__footer",
   "cardHeader": "pf-c-card__header",
+  "cardHeaderMain": "pf-c-card__header-main",
   "cardHeaderToggle": "pf-c-card__header-toggle",
   "cardHeaderToggleIcon": "pf-c-card__header-toggle-icon",
   "cardSrInput": "pf-c-card__sr-input",
@@ -28,8 +29,7 @@ export default {
     "fullHeight": "pf-m-full-height",
     "toggleRight": "pf-m-toggle-right",
     "noOffset": "pf-m-no-offset",
-    "noFill": "pf-m-no-fill",
-    "overpassFont": "pf-m-overpass-font"
+    "noFill": "pf-m-no-fill"
   },
   "themeDark": "pf-theme-dark"
 };

package/css/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;