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

package/patternfly-theme-dark-unversioned.css

@@ -6749,6 +6749,7 @@ button) {
   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);
 }
@@ -8224,9 +8225,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);
@@ -8239,24 +8239,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);
@@ -8268,6 +8262,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;
@@ -10925,16 +10924,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);
@@ -10979,7 +10982,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);
@@ -10987,7 +10992,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);
@@ -11066,11 +11071,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 {
@@ -11078,11 +11083,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 {
@@ -11225,6 +11230,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;
@@ -11272,7 +11278,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;
@@ -11308,7 +11314,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);
 }
@@ -11324,10 +11330,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item,
 .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);
 }
 .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group,
 .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;
@@ -13347,7 +13355,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);
@@ -13430,7 +13437,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 {
@@ -13471,7 +13479,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);
@@ -13547,6 +13555,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 {
@@ -13555,9 +13564,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);
@@ -13727,6 +13740,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;
@@ -13746,12 +13763,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 {
@@ -18257,6 +18274,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);
@@ -18264,6 +18282,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;
@@ -18356,6 +18375,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 {
@@ -18399,6 +18419,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;
 }
@@ -18422,12 +18443,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;
@@ -18513,6 +18537,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;
@@ -18521,7 +18546,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);
@@ -18537,7 +18561,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);
 }
 
@@ -23080,24 +23104,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 {
@@ -23108,8 +23131,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);