@patternfly/quickstarts 5.0.0-prerelease.0 → 5.0.0-prerelease.2

package/dist/patternfly-nested.css

@@ -695,6 +695,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);
 }
@@ -1707,9 +1708,8 @@ button.pfext-quick-start__base .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);
@@ -1722,21 +1722,16 @@ button.pfext-quick-start__base .pf-v5-c-breadcrumb__link {
 }
 .pfext-quick-start__base .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;
 }
 .pfext-quick-start__base .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);
 }
-.pfext-quick-start__base .pf-v5-c-check__input {
-  height: var(--pf-v5-c-check__input--Height);
-  margin-top: var(--pf-v5-c-check__input--MarginTop);
-}
 .pfext-quick-start__base .pf-v5-c-check__description {
   grid-column: 2;
   font-size: var(--pf-v5-c-check__description--FontSize);
@@ -1746,6 +1741,10 @@ button.pfext-quick-start__base .pf-v5-c-breadcrumb__link {
   grid-column: 2;
   margin-top: var(--pf-v5-c-check__body--MarginTop);
 }
+.pfext-quick-start__base .pf-v5-c-check__input {
+  align-self: baseline;
+  -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
+}
 .pfext-quick-start__base .pf-v5-c-check__label,
 .pfext-quick-start__base .pf-v5-c-check__input {
   justify-self: start;
@@ -2191,16 +2190,20 @@ label.pf-v5-c-check, .pfext-quick-start__base .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);
@@ -2245,7 +2248,9 @@ label.pf-v5-c-check, .pfext-quick-start__base .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);
@@ -2253,7 +2258,7 @@ label.pf-v5-c-check, .pfext-quick-start__base .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);
@@ -2331,11 +2336,11 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
 }
 .pfext-quick-start__base .pf-v5-c-toolbar__content-section.pf-m-align-items-center,
 .pfext-quick-start__base .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);
 }
 .pfext-quick-start__base .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline,
 .pfext-quick-start__base .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);
 }
 .pfext-quick-start__base .pf-v5-c-toolbar__content-section.pf-m-align-self-start,
 .pfext-quick-start__base .pf-v5-c-toolbar__group.pf-m-align-self-start {
@@ -2343,11 +2348,11 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
 }
 .pfext-quick-start__base .pf-v5-c-toolbar__content-section.pf-m-align-self-center,
 .pfext-quick-start__base .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);
 }
 .pfext-quick-start__base .pf-v5-c-toolbar__content-section.pf-m-align-self-baseline,
 .pfext-quick-start__base .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);
 }
 .pfext-quick-start__base .pf-v5-c-toolbar__group {
   --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
@@ -2488,6 +2493,7 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
 .pfext-quick-start__base .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));
 }
 .pfext-quick-start__base .pf-v5-c-toolbar__item.pf-m-pagination {
   margin-left: auto;
@@ -2530,7 +2536,7 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
   align-items: flex-start;
 }
 .pfext-quick-start__base .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);
 }
 .pfext-quick-start__base .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline {
   align-items: baseline;
@@ -2565,7 +2571,7 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
   display: grid;
   grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap);
 }
-.pfext-quick-start__base .pf-v5-c-toolbar__expandable-content .pf-m-label {
+.pfext-quick-start__base .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);
 }
@@ -2580,10 +2586,12 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
 .pfext-quick-start__base .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item,
 .pfext-quick-start__base .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item {
   --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer);
+  --pf-v5-c-toolbar__item--AlignSelf: auto;
   margin-top: var(--pf-v5-c-toolbar__group--m-chip-container__item--MarginTop);
 }
 .pfext-quick-start__base .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group,
 .pfext-quick-start__base .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group {
+  --pf-v5-c-toolbar__group--AlignItems: center;
   --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
   display: flex;
   flex-wrap: wrap;
@@ -4448,7 +4456,7 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
 }
 .pfext-quick-start__base .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);
@@ -6926,13 +6934,18 @@ ul.pfext-quick-start__base .pf-v5-c-list {
   --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--focus-within--BackgroundColor);
   --pf-v5-c-menu__list-item--Color: var(--pf-v5-c-menu__list-item--focus-within--Color, inherit);
 }
-.pfext-quick-start__base .pf-v5-c-menu__list-item.pf-m-disabled {
+.pfext-quick-start__base .pf-v5-c-menu__list-item.pf-m-disabled, .pfext-quick-start__base .pf-v5-c-menu__list-item.pf-m-aria-disabled {
   --pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
-  --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
   --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-disabled__item--Color);
   --pf-v5-c-menu__item-toggle-icon: var(--pf-v5-c-menu__list-item--m-disabled__item-toggle-icon--Color);
+}
+.pfext-quick-start__base .pf-v5-c-menu__list-item.pf-m-disabled {
+  --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
   pointer-events: none;
 }
+.pfext-quick-start__base .pf-v5-c-menu__list-item.pf-m-aria-disabled .pf-v5-c-menu__item {
+  cursor: default;
+}
 .pfext-quick-start__base .pf-v5-c-menu__list-item.pf-m-load {
   --pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
   --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
@@ -6974,7 +6987,7 @@ ul.pfext-quick-start__base .pf-v5-c-list {
 .pfext-quick-start__base .pf-v5-c-menu__item.pf-m-selected .pf-v5-c-menu__item-select-icon {
   opacity: 1;
 }
-label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
+label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disabled)) {
   cursor: pointer;
 }
 
@@ -7056,7 +7069,7 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
 .pfext-quick-start__base .pf-v5-c-menu__item-action:hover, .pfext-quick-start__base .pf-v5-c-menu__item-action:focus {
   --pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--hover--Color);
 }
-.pfext-quick-start__base .pf-v5-c-menu__item-action:disabled {
+.pfext-quick-start__base .pf-v5-c-menu__item-action:disabled, .pfext-quick-start__base .pf-v5-c-menu__item-action.pf-m-disabled, .pfext-quick-start__base .pf-v5-c-menu__item-action.pf-m-aria-disabled {
   --pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--disabled--Color);
 }
 .pfext-quick-start__base .pf-v5-c-menu__item-action-icon {
@@ -7197,6 +7210,7 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
   --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);
@@ -7204,6 +7218,7 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
   --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;
@@ -7296,6 +7311,7 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
   --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%;
 }
 .pfext-quick-start__base .pf-v5-c-menu-toggle:hover {
@@ -7339,6 +7355,7 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
 .pfext-quick-start__base .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;
 }
@@ -7362,12 +7379,15 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
 }
 .pfext-quick-start__base .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;
 }
+.pfext-quick-start__base .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check .pf-v5-c-check__input {
+  align-self: revert;
+  -moz-transform: none;
+}
 .pfext-quick-start__base .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;
@@ -7452,6 +7472,7 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
   --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;
@@ -7459,7 +7480,6 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
   border: 0;
 }
 .pfext-quick-start__base .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);
@@ -7473,7 +7493,7 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
 }
 .pfext-quick-start__base .pf-v5-c-menu-toggle__count {
   display: flex;
-  align-items: center;
+  flex-wrap: nowrap;
   margin-left: var(--pf-v5-c-menu-toggle__count--MarginLeft);
 }
 .pfext-quick-start__base .pf-v5-c-menu-toggle__controls {
@@ -8452,24 +8472,23 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
   --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%;
 }
 .pfext-quick-start__base .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;
 }
 .pfext-quick-start__base .pf-v5-c-radio__label {
   font-size: var(--pf-v5-c-radio__label--FontSize);
@@ -8478,8 +8497,7 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
   color: var(--pf-v5-c-radio__label--Color);
 }
 .pfext-quick-start__base .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));
 }
 .pfext-quick-start__base .pf-v5-c-radio__input:first-child {
   margin-left: var(--pf-v5-c-radio__input--first-child--MarginLeft);

package/dist/quickstarts-base.css

@@ -64,11 +64,11 @@
 .pf-v5-theme-dark .pfext-quick-start-task-header__tryagain {
   color: var(--pf-v5-global--palette--black-200) !important;
 }
-.pf-v5-theme-dark .pfext-markdown-view pre {
+.pf-v5-theme-dark .pfext-markdown-view pre:not(.pfext-code-block__pre) {
   background-color: var(--pf-v5-global--BackgroundColor--100);
   border-color: var(--pf-v5-global--BorderColor--100);
 }
-.pf-v5-theme-dark .pfext-markdown-view code {
+.pf-v5-theme-dark .pfext-markdown-view .pf-v5-c-code-block__code {
   color: var(--pf-v5-global--Color--100);
   background-color: var(--pf-v5-global--palette--black-600);
 }
@@ -818,6 +818,17 @@
   display: inherit !important;
 }
 
+.pfext-quick-start-tile {
+  height: 100%;
+}
+.pfext-quick-start-tile .catalog-tile-pf-description .has-footer {
+  display: block;
+  -webkit-line-clamp: unset;
+}
+.pfext-quick-start-tile .catalog-tile-pf-icon {
+  display: flex;
+}
+
 .pfext-quick-start-tile-description {
   display: -webkit-box;
   overflow: hidden;
@@ -843,17 +854,6 @@
   padding-left: 20px;
 }
 
-.pfext-quick-start-tile {
-  height: 100%;
-}
-.pfext-quick-start-tile .catalog-tile-pf-description .has-footer {
-  display: block;
-  -webkit-line-clamp: unset;
-}
-.pfext-quick-start-tile .catalog-tile-pf-icon {
-  display: flex;
-}
-
 .pfext-quick-start-tile-header__status {
   margin: var(--pf-v5-global--spacer--sm) 0;
 }
@@ -1116,6 +1116,10 @@
   color: var(--pf-chart-global--danger--Color--100);
 }
 
+.pfext-modal {
+  position: absolute !important;
+}
+
 .pfext-markdown-view .pfext-code-block__pre {
   /* override the styles applied by showdown while parsing <pre /> */
   display: flex;
@@ -1150,10 +1154,6 @@
   word-break: break-word;
 }
 
-.pfext-modal {
-  position: absolute !important;
-}
-
 @keyframes pfext-spotlight-expand {
   0% {
     outline-offset: -4px;