@patternfly/patternfly 5.0.0-prerelease.13 → 5.0.0-prerelease.14

package/docs/demos/Wizard/examples/Wizard.md

@@ -26,20 +26,12 @@ wrapperTag: div
     </span>
     <div class="pf-v5-c-masthead__main">
       <a class="pf-v5-c-masthead__brand" href="#">
-        <picture
-          class="pf-v5-c-brand pf-m-picture"
-          style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
-        >
-          <source
-            media="(min-width: 768px)"
-            srcset="/assets/images/logo__pf--reverse-on-md.svg"
-          />
-          <source srcset="/assets/images/logo__pf--reverse--base.svg" />
-          <img
-            src="/assets/images/logo__pf--reverse--base.png"
-            alt="Fallback patternFly default logo"
-          />
-        </picture>
+        <img
+          class="pf-v5-c-brand"
+          src="/assets/images/pf-logo.svg"
+          alt="PatternFly logo"
+          style="--pf-v5-c-brand--Height:36px"
+        />
       </a>
     </div>
     <div class="pf-v5-c-masthead__content">
@@ -509,20 +501,12 @@ wrapperTag: div
     </span>
     <div class="pf-v5-c-masthead__main">
       <a class="pf-v5-c-masthead__brand" href="#">
-        <picture
-          class="pf-v5-c-brand pf-m-picture"
-          style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
-        >
-          <source
-            media="(min-width: 768px)"
-            srcset="/assets/images/logo__pf--reverse-on-md.svg"
-          />
-          <source srcset="/assets/images/logo__pf--reverse--base.svg" />
-          <img
-            src="/assets/images/logo__pf--reverse--base.png"
-            alt="Fallback patternFly default logo"
-          />
-        </picture>
+        <img
+          class="pf-v5-c-brand"
+          src="/assets/images/pf-logo.svg"
+          alt="PatternFly logo"
+          style="--pf-v5-c-brand--Height:36px"
+        />
       </a>
     </div>
     <div class="pf-v5-c-masthead__content">
@@ -974,20 +958,12 @@ wrapperTag: div
     </span>
     <div class="pf-v5-c-masthead__main">
       <a class="pf-v5-c-masthead__brand" href="#">
-        <picture
-          class="pf-v5-c-brand pf-m-picture"
-          style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
-        >
-          <source
-            media="(min-width: 768px)"
-            srcset="/assets/images/logo__pf--reverse-on-md.svg"
-          />
-          <source srcset="/assets/images/logo__pf--reverse--base.svg" />
-          <img
-            src="/assets/images/logo__pf--reverse--base.png"
-            alt="Fallback patternFly default logo"
-          />
-        </picture>
+        <img
+          class="pf-v5-c-brand"
+          src="/assets/images/pf-logo.svg"
+          alt="PatternFly logo"
+          style="--pf-v5-c-brand--Height:36px"
+        />
       </a>
     </div>
     <div class="pf-v5-c-masthead__content">
@@ -1520,20 +1496,12 @@ wrapperTag: div
     </span>
     <div class="pf-v5-c-masthead__main">
       <a class="pf-v5-c-masthead__brand" href="#">
-        <picture
-          class="pf-v5-c-brand pf-m-picture"
-          style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
-        >
-          <source
-            media="(min-width: 768px)"
-            srcset="/assets/images/logo__pf--reverse-on-md.svg"
-          />
-          <source srcset="/assets/images/logo__pf--reverse--base.svg" />
-          <img
-            src="/assets/images/logo__pf--reverse--base.png"
-            alt="Fallback patternFly default logo"
-          />
-        </picture>
+        <img
+          class="pf-v5-c-brand"
+          src="/assets/images/pf-logo.svg"
+          alt="PatternFly logo"
+          style="--pf-v5-c-brand--Height:36px"
+        />
       </a>
     </div>
     <div class="pf-v5-c-masthead__content">
@@ -2065,20 +2033,12 @@ wrapperTag: div
     </span>
     <div class="pf-v5-c-masthead__main">
       <a class="pf-v5-c-masthead__brand" href="#">
-        <picture
-          class="pf-v5-c-brand pf-m-picture"
-          style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
-        >
-          <source
-            media="(min-width: 768px)"
-            srcset="/assets/images/logo__pf--reverse-on-md.svg"
-          />
-          <source srcset="/assets/images/logo__pf--reverse--base.svg" />
-          <img
-            src="/assets/images/logo__pf--reverse--base.png"
-            alt="Fallback patternFly default logo"
-          />
-        </picture>
+        <img
+          class="pf-v5-c-brand"
+          src="/assets/images/pf-logo.svg"
+          alt="PatternFly logo"
+          style="--pf-v5-c-brand--Height:36px"
+        />
       </a>
     </div>
     <div class="pf-v5-c-masthead__content">
@@ -2478,20 +2438,12 @@ wrapperTag: div
     </span>
     <div class="pf-v5-c-masthead__main">
       <a class="pf-v5-c-masthead__brand" href="#">
-        <picture
-          class="pf-v5-c-brand pf-m-picture"
-          style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
-        >
-          <source
-            media="(min-width: 768px)"
-            srcset="/assets/images/logo__pf--reverse-on-md.svg"
-          />
-          <source srcset="/assets/images/logo__pf--reverse--base.svg" />
-          <img
-            src="/assets/images/logo__pf--reverse--base.png"
-            alt="Fallback patternFly default logo"
-          />
-        </picture>
+        <img
+          class="pf-v5-c-brand"
+          src="/assets/images/pf-logo.svg"
+          alt="PatternFly logo"
+          style="--pf-v5-c-brand--Height:36px"
+        />
       </a>
     </div>
     <div class="pf-v5-c-masthead__content">
@@ -2899,20 +2851,12 @@ wrapperTag: div
     </span>
     <div class="pf-v5-c-masthead__main">
       <a class="pf-v5-c-masthead__brand" href="#">
-        <picture
-          class="pf-v5-c-brand pf-m-picture"
-          style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
-        >
-          <source
-            media="(min-width: 768px)"
-            srcset="/assets/images/logo__pf--reverse-on-md.svg"
-          />
-          <source srcset="/assets/images/logo__pf--reverse--base.svg" />
-          <img
-            src="/assets/images/logo__pf--reverse--base.png"
-            alt="Fallback patternFly default logo"
-          />
-        </picture>
+        <img
+          class="pf-v5-c-brand"
+          src="/assets/images/pf-logo.svg"
+          alt="PatternFly logo"
+          style="--pf-v5-c-brand--Height:36px"
+        />
       </a>
     </div>
     <div class="pf-v5-c-masthead__content">
@@ -3302,20 +3246,12 @@ wrapperTag: div
     </span>
     <div class="pf-v5-c-masthead__main">
       <a class="pf-v5-c-masthead__brand" href="#">
-        <picture
-          class="pf-v5-c-brand pf-m-picture"
-          style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
-        >
-          <source
-            media="(min-width: 768px)"
-            srcset="/assets/images/logo__pf--reverse-on-md.svg"
-          />
-          <source srcset="/assets/images/logo__pf--reverse--base.svg" />
-          <img
-            src="/assets/images/logo__pf--reverse--base.png"
-            alt="Fallback patternFly default logo"
-          />
-        </picture>
+        <img
+          class="pf-v5-c-brand"
+          src="/assets/images/pf-logo.svg"
+          alt="PatternFly logo"
+          style="--pf-v5-c-brand--Height:36px"
+        />
       </a>
     </div>
     <div class="pf-v5-c-masthead__content">
@@ -3774,20 +3710,12 @@ wrapperTag: div
     </span>
     <div class="pf-v5-c-masthead__main">
       <a class="pf-v5-c-masthead__brand" href="#">
-        <picture
-          class="pf-v5-c-brand pf-m-picture"
-          style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
-        >
-          <source
-            media="(min-width: 768px)"
-            srcset="/assets/images/logo__pf--reverse-on-md.svg"
-          />
-          <source srcset="/assets/images/logo__pf--reverse--base.svg" />
-          <img
-            src="/assets/images/logo__pf--reverse--base.png"
-            alt="Fallback patternFly default logo"
-          />
-        </picture>
+        <img
+          class="pf-v5-c-brand"
+          src="/assets/images/pf-logo.svg"
+          alt="PatternFly logo"
+          style="--pf-v5-c-brand--Height:36px"
+        />
       </a>
     </div>
     <div class="pf-v5-c-masthead__content">

package/package.json

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

package/patternfly-no-globals.css

@@ -6632,6 +6632,7 @@
   font-weight: var(--pf-v5-c-badge--FontWeight);
   color: var(--pf-v5-c-badge--Color);
   text-align: center;
+  white-space: nowrap;
   background-color: var(--pf-v5-c-badge--BackgroundColor);
   border-radius: var(--pf-v5-c-badge--BorderRadius);
 }
@@ -8107,9 +8108,8 @@ button.pf-v5-c-breadcrumb__link {
   --pf-v5-c-check__label--Color: var(--pf-v5-global--Color--100);
   --pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
   --pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--sm);
-  --pf-v5-c-check__input--Height: var(--pf-v5-c-check__label--FontSize);
-  --pf-v5-c-check__input--MarginTop: calc(((var(--pf-v5-c-check__label--FontSize) * var(--pf-v5-c-check__label--LineHeight)) - var(--pf-v5-c-check__input--Height)) / 2);
+  --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
+  --pf-v5-c-check__input--TranslateY--moz: 5px;
   --pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
   --pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
   --pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
@@ -8122,24 +8122,18 @@ button.pf-v5-c-breadcrumb__link {
 }
 .pf-v5-c-check.pf-m-standalone {
   --pf-v5-c-check--GridGap: 0;
-  --pf-v5-c-check__input--Height: auto;
-  --pf-v5-c-check__input--MarginTop: 0;
+  --pf-v5-c-check__input--TranslateY--moz: 0;
   display: inline-grid;
-  line-height: 1;
 }
 
 .pf-v5-c-check__label {
+  align-self: baseline;
   font-size: var(--pf-v5-c-check__label--FontSize);
   font-weight: var(--pf-v5-c-check__label--FontWeight);
   line-height: var(--pf-v5-c-check__label--LineHeight);
   color: var(--pf-v5-c-check__label--Color);
 }
 
-.pf-v5-c-check__input {
-  height: var(--pf-v5-c-check__input--Height);
-  margin-top: var(--pf-v5-c-check__input--MarginTop);
-}
-
 .pf-v5-c-check__description {
   grid-column: 2;
   font-size: var(--pf-v5-c-check__description--FontSize);
@@ -8151,6 +8145,11 @@ button.pf-v5-c-breadcrumb__link {
   margin-top: var(--pf-v5-c-check__body--MarginTop);
 }
 
+.pf-v5-c-check__input {
+  align-self: baseline;
+  -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
+}
+
 .pf-v5-c-check__label,
 .pf-v5-c-check__input {
   justify-self: start;
@@ -10808,16 +10807,20 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md);
   --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-global--spacer--md);
   --pf-v5-c-toolbar--item--RowGap--base: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-toolbar__item--Display: block;
+  --pf-v5-c-toolbar__item--Display: flex;
   --pf-v5-c-toolbar__item--MinWidth--base: auto;
-  --pf-v5-c-toolbar__item--AlignSelf: auto;
   --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
+  --pf-v5-c-toolbar__item--AlignSelf: var(--pf-v5-c-toolbar--AlignItems--base);
   --pf-v5-c-toolbar__group--Display: flex;
+  --pf-v5-c-toolbar__group--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
   --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
   --pf-v5-c-toolbar__group--AlignSelf: auto;
-  --pf-v5-c-toolbar__group--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
   --pf-v5-c-toolbar--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--xs);
   --pf-v5-c-toolbar--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
+  --pf-v5-c-toolbar--m-align-items-center--AlignItems: center;
+  --pf-v5-c-toolbar--m-align-items-baseline--AlignItems: baseline;
+  --pf-v5-c-toolbar--m-align-self-center--AlignSelf: center;
+  --pf-v5-c-toolbar--m-align-self-baseline--AlignSelf: baseline;
   --pf-v5-c-toolbar__content--Display: flex;
   --pf-v5-c-toolbar__content--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
   --pf-v5-c-toolbar__content--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
@@ -10862,7 +10865,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-toolbar__item--m-search-filter--spacer: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-toolbar__item--m-chip-group--spacer: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
+  --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element);
   --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
+  --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element);
   --pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-v5-global--spacer--sm));
   --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
   --pf-v5-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-v5-global--Color--100);
@@ -10870,7 +10875,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-toolbar--m-full-height--PaddingTop: 0;
   --pf-v5-c-toolbar--m-full-height--PaddingBottom: 0;
   --pf-v5-c-toolbar--m-full-height__item--Display: flex;
-  --pf-v5-c-toolbar--m-full-height__item--AlignItems: var(--pf-v5-c-toolbar__group--AlignItems);
+  --pf-v5-c-toolbar--m-full-height__item--AlignItems: center;
   position: relative;
   display: grid;
   row-gap: var(--pf-v5-c-toolbar--RowGap);
@@ -10949,11 +10954,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 }
 .pf-v5-c-toolbar__content-section.pf-m-align-items-center,
 .pf-v5-c-toolbar__group.pf-m-align-items-center {
-  align-items: center;
+  --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--m-align-items-center--AlignItems);
 }
 .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline,
 .pf-v5-c-toolbar__group.pf-m-align-items-baseline {
-  align-items: baseline;
+  --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--m-align-items-baseline--AlignItems);
 }
 .pf-v5-c-toolbar__content-section.pf-m-align-self-start,
 .pf-v5-c-toolbar__group.pf-m-align-self-start {
@@ -10961,11 +10966,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 }
 .pf-v5-c-toolbar__content-section.pf-m-align-self-center,
 .pf-v5-c-toolbar__group.pf-m-align-self-center {
-  align-self: center;
+  --pf-v5-c-toolbar__group--AlignSelf: var(--pf-v5-c-toolbar--m-align-self-center--AlignItems);
 }
 .pf-v5-c-toolbar__content-section.pf-m-align-self-baseline,
 .pf-v5-c-toolbar__group.pf-m-align-self-baseline {
-  align-self: baseline;
+  --pf-v5-c-toolbar__group--AlignSelf: var(--pf-v5-c-toolbar--m-align-self-baseline--AlignItems);
 }
 
 .pf-v5-c-toolbar__group {
@@ -11108,6 +11113,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 .pf-v5-c-toolbar__item.pf-m-label {
   --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
   font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
+  transform: translateY(var(--pf-v5-global--spacer--form-element));
 }
 .pf-v5-c-toolbar__item.pf-m-pagination {
   margin-left: auto;
@@ -11155,7 +11161,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   align-items: flex-start;
 }
 .pf-v5-c-toolbar__content-section.pf-m-align-items-center {
-  align-items: center;
+  --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--m-align-items-center--AlignItems);
 }
 .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline {
   align-items: baseline;
@@ -11191,7 +11197,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   display: grid;
   grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap);
 }
-.pf-v5-c-toolbar__expandable-content .pf-m-label {
+.pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item.pf-m-label {
   margin-bottom: var(--pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom);
   font-size: var(--pf-v5-c-toolbar__expandable-content__item--m-label--FontSize);
 }
@@ -13230,7 +13236,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-dropdown__toggle--m-split-button--m-action--child--PaddingLeft: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-dropdown__toggle--m-split-button--m-action--child--PaddingRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight: calc(-1 * var(--pf-v5-global--BorderWidth--sm));
-  --pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY: -0.0625rem;
   --pf-v5-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
   --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius: var(--pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius);
@@ -13313,7 +13318,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-dropdown--m-full-height__toggle--PaddingRight: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-dropdown--m-full-height__toggle--PaddingLeft: var(--pf-v5-global--spacer--lg);
   position: relative;
-  display: inline-block;
+  display: inline-flex;
+  align-items: start;
   max-width: 100%;
 }
 .pf-v5-c-dropdown .pf-v5-c-divider {
@@ -13354,7 +13360,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 
 .pf-v5-c-dropdown__toggle {
   position: relative;
-  display: flex;
+  display: inline-flex;
   column-gap: var(--pf-v5-c-dropdown__toggle--ColumnGap);
   align-items: center;
   min-width: var(--pf-v5-c-dropdown__toggle--MinWidth);
@@ -13430,6 +13436,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check {
   display: flex;
   align-items: center;
+  overflow: hidden;
   cursor: pointer;
 }
 .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check.pf-m-in-progress {
@@ -13438,9 +13445,13 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 }
 .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check > input,
 .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check {
+  align-self: revert;
+  width: auto;
   cursor: pointer;
   visibility: var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
-  transform: translateY(var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
+}
+.pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check__input {
+  -moz-transform: none;
 }
 .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-button {
   color: var(--pf-v5-c-dropdown__toggle-button--Color);
@@ -13610,6 +13621,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   white-space: nowrap;
 }
 
+.pf-v5-c-dropdown__toggle-button {
+  align-self: baseline;
+}
+
 .pf-v5-c-dropdown__toggle-text {
   flex: 1 1 auto;
   text-align: left;
@@ -13629,12 +13644,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 .pf-v5-c-dropdown__toggle-image {
   display: inline-flex;
   flex-shrink: 0;
-  align-self: center;
   line-height: 1;
 }
 
 .pf-v5-c-dropdown__toggle-progress {
   position: absolute;
+  left: var(--pf-v5-c-dropdown__toggle--m-split-button--child--PaddingLeft);
   visibility: var(--pf-v5-c-dropdown__toggle-progress--Visibility);
 }
 .pf-v5-c-dropdown__toggle-progress .pf-v5-c-spinner {
@@ -18140,6 +18155,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-v5-global--primary-color--200);
   --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
   --pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
+  --pf-v5-c-menu-toggle__button--AlignSelf: baseline;
   --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-global--spacer--sm);
@@ -18147,6 +18163,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: center;
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -18239,6 +18256,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth);
   --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth);
   --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth);
+  align-items: center;
   height: 100%;
 }
 .pf-v5-c-menu-toggle:hover {
@@ -18282,6 +18300,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 .pf-v5-c-menu-toggle.pf-m-typeahead {
   --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight);
   --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft);
+  --pf-v5-c-menu-toggle__button--AlignSelf: var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf);
   align-items: stretch;
   padding: 0;
 }
@@ -18305,12 +18324,15 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 }
 .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check {
   --pf-v5-c-menu-toggle--PaddingRight: 0;
-  --pf-v5-c-check__input--MarginTop: 0;
   --pf-v5-c-check__label--Color: currentcolor;
   --pf-v5-c-check__label--disabled--Color: currentcolor;
   align-items: center;
   align-self: stretch;
 }
+.pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check .pf-v5-c-check__input {
+  align-self: revert;
+  -moz-transform: none;
+}
 .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
   position: absolute;
   top: 0;
@@ -18396,6 +18418,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-menu-toggle__controls--PaddingLeft: 0;
   --pf-v5-c-menu-toggle__controls--MarginRight: var(--pf-v5-c-menu-toggle__button__controls--MarginRight);
   --pf-v5-c-menu-toggle__controls--MarginLeft: var(--pf-v5-c-menu-toggle__button__controls--MarginLeft);
+  align-self: var(--pf-v5-c-menu-toggle__button--AlignSelf);
   padding-right: var(--pf-v5-c-menu-toggle__button--PaddingRight);
   padding-left: var(--pf-v5-c-menu-toggle__button--PaddingLeft);
   color: inherit;
@@ -18404,7 +18427,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 }
 
 .pf-v5-c-menu-toggle__icon {
-  display: inline-flex;
   flex-shrink: 0;
   align-self: center;
   margin-right: var(--pf-v5-c-menu-toggle__icon--MarginRight);
@@ -18420,7 +18442,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 
 .pf-v5-c-menu-toggle__count {
   display: flex;
-  align-items: center;
+  flex-wrap: nowrap;
   margin-left: var(--pf-v5-c-menu-toggle__count--MarginLeft);
 }
 
@@ -22963,24 +22985,23 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-v5-c-radio__label--Color: var(--pf-v5-global--Color--100);
   --pf-v5-c-radio__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
   --pf-v5-c-radio__label--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--sm);
-  --pf-v5-c-radio__input--Height: var(--pf-v5-c-radio__label--FontSize);
-  --pf-v5-c-radio__input--MarginTop: calc(((var(--pf-v5-c-radio__label--FontSize) * var(--pf-v5-c-radio__label--LineHeight)) - var(--pf-v5-c-radio__input--Height)) / 2);
+  --pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--md);
+  --pf-v5-c-radio__input--TranslateY--moz: 5px;
   --pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
   --pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
   --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
   --pf-v5-c-radio__description--Color: var(--pf-v5-global--Color--200);
   --pf-v5-c-radio__body--MarginTop: var(--pf-v5-global--spacer--sm);
-  display: grid;
+  display: inline-grid;
   grid-template-columns: auto 1fr;
   grid-gap: var(--pf-v5-c-radio--GridGap);
+  align-items: baseline;
+  width: 100%;
 }
 .pf-v5-c-radio.pf-m-standalone {
   --pf-v5-c-radio--GridGap: 0;
-  --pf-v5-c-radio__input--Height: auto;
-  --pf-v5-c-radio__input--MarginTop: 0;
-  display: inline-grid;
-  line-height: 1;
+  --pf-v5-c-radio__input--TranslateY--moz: 0;
+  width: auto;
 }
 
 .pf-v5-c-radio__label {
@@ -22991,8 +23012,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 }
 
 .pf-v5-c-radio__input {
-  height: var(--pf-v5-c-radio__input--Height);
-  margin-top: var(--pf-v5-c-radio__input--MarginTop);
+  -moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
 }
 .pf-v5-c-radio__input:first-child {
   margin-left: var(--pf-v5-c-radio__input--first-child--MarginLeft);