@patternfly/react-core 4.203.1 → 4.205.0

package/dist/umd/react-core.min.css

@@ -10335,17 +10335,24 @@ ul.pf-c-list {
     grid-template-columns: 1fr auto;
   }
 }
+.pf-c-login__main-header-utilities,
 .pf-c-login__main-header .pf-c-dropdown {
   grid-column: auto;
   grid-row: auto;
 }
 
 @media (min-width: 768px) {
-  .pf-c-login__main-header .pf-c-dropdown {
+  .pf-c-login__main-header-utilities,
+.pf-c-login__main-header .pf-c-dropdown {
     grid-column: 2/3;
     grid-row: 1;
   }
 }
+.pf-c-login__main-header-utilities .pf-c-dropdown {
+  grid-column: auto;
+  grid-row: auto;
+}
+
 .pf-c-login__main-header-desc {
   margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom);
   font-size: var(--pf-c-login__main-header-desc--FontSize);
@@ -17628,6 +17635,159 @@ label.pf-c-radio, .pf-c-radio__label,
   margin-left: var(--pf-c-slider__main--actions--MarginLeft);
 }
 
+.pf-c-switch {
+  --pf-c-switch--FontSize: var(--pf-global--FontSize--md);
+  --pf-c-switch__label--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-switch--ColumnGap: var(--pf-c-switch__label--PaddingLeft);
+  --pf-c-switch__toggle-icon--FontSize: calc(var(--pf-c-switch--FontSize) * .625);
+  --pf-c-switch__toggle-icon--Color: var(--pf-global--Color--light-100);
+  --pf-c-switch__toggle-icon--Left: calc(var(--pf-c-switch--FontSize) * .4);
+  --pf-c-switch__toggle-icon--Offset: 0.125rem;
+  --pf-c-switch--LineHeight: var(--pf-global--LineHeight--md);
+  --pf-c-switch--Height: auto;
+  --pf-c-switch__input--checked__toggle--BackgroundColor: var(--pf-global--primary-color--100);
+  --pf-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-c-switch__toggle-icon--Offset));
+  --pf-c-switch__input--checked__label--Color: var(--pf-global--Color--dark-100);
+  --pf-c-switch__input--not-checked__label--Color: var(--pf-global--disabled-color--100);
+  --pf-c-switch__input--disabled__label--Color: var(--pf-global--disabled-color--100);
+  --pf-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-global--disabled-color--200);
+  --pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--palette--black-150);
+  --pf-c-switch__input--focus__toggle--OutlineWidth: var(--pf-global--BorderWidth--md);
+  --pf-c-switch__input--focus__toggle--OutlineOffset: var(--pf-global--spacer--sm);
+  --pf-c-switch__input--focus__toggle--OutlineColor: var(--pf-global--primary-color--100);
+  --pf-c-switch__toggle--Height: calc(var(--pf-c-switch--FontSize) * var(--pf-c-switch--LineHeight));
+  --pf-c-switch__toggle--BackgroundColor: var(--pf-global--palette--black-500);
+  --pf-c-switch__toggle--BorderRadius: var(--pf-c-switch__toggle--Height);
+  --pf-c-switch__toggle--before--Width: calc(var(--pf-c-switch--FontSize) - var(--pf-c-switch__toggle-icon--Offset));
+  --pf-c-switch__toggle--before--Height: var(--pf-c-switch__toggle--before--Width);
+  --pf-c-switch__toggle--before--Top: calc((var(--pf-c-switch__toggle--Height) - var(--pf-c-switch__toggle--before--Height)) / 2);
+  --pf-c-switch__toggle--before--Left: var(--pf-c-switch__toggle--before--Top);
+  --pf-c-switch__toggle--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-switch__toggle--before--BorderRadius: var(--pf-global--BorderRadius--lg);
+  --pf-c-switch__toggle--before--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-switch__toggle--before--Transition: transform .25s ease 0s;
+  --pf-c-switch__toggle--Width: calc(var(--pf-c-switch__toggle--Height) + var(--pf-c-switch__toggle-icon--Offset) + var(--pf-c-switch__toggle--before--Width));
+  --pf-c-switch__label--Color: var(--pf-global--Color--dark-100);
+  position: relative;
+  display: inline-grid;
+  grid-template-columns: auto;
+  grid-auto-columns: 1fr;
+  column-gap: var(--pf-c-switch--ColumnGap);
+  height: var(--pf-c-switch--Height);
+  font-size: var(--pf-c-switch--FontSize);
+  line-height: var(--pf-c-switch--LineHeight);
+  vertical-align: middle;
+  cursor: pointer;
+}
+
+.pf-c-switch.pf-m-reverse .pf-c-switch__label,
+.pf-c-switch.pf-m-reverse .pf-c-switch__toggle {
+  grid-row: 1;
+}
+
+.pf-c-switch.pf-m-reverse .pf-c-switch__label {
+  grid-column: 1;
+}
+
+.pf-c-switch__input {
+  position: absolute;
+  cursor: pointer;
+  opacity: 0;
+}
+
+.pf-c-switch__input:focus ~ .pf-c-switch__toggle {
+  outline: var(--pf-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-c-switch__input--focus__toggle--OutlineColor);
+  outline-offset: var(--pf-c-switch__input--focus__toggle--OutlineOffset);
+}
+
+.pf-c-switch__input:checked ~ .pf-c-switch__label {
+  color: var(--pf-c-switch__input--checked__label--Color);
+}
+
+.pf-c-switch__input:checked ~ .pf-c-switch__toggle {
+  background-color: var(--pf-c-switch__input--checked__toggle--BackgroundColor);
+}
+
+.pf-c-switch__input:checked ~ .pf-c-switch__toggle::before {
+  transform: translateX(var(--pf-c-switch__input--checked__toggle--before--TranslateX));
+}
+
+.pf-c-switch__input:checked ~ .pf-m-off {
+  display: none;
+}
+
+.pf-c-switch__input:not(:checked) ~ .pf-c-switch__label {
+  color: var(--pf-c-switch__input--not-checked__label--Color);
+}
+
+.pf-c-switch__input:not(:checked) ~ .pf-c-switch__toggle .pf-c-switch__toggle-icon {
+  display: none;
+  visibility: hidden;
+}
+
+.pf-c-switch__input:not(:checked) ~ .pf-m-on {
+  display: none;
+}
+
+.pf-c-switch__input:disabled {
+  cursor: not-allowed;
+}
+
+.pf-c-switch__input:disabled ~ .pf-c-switch__label {
+  color: var(--pf-c-switch__input--disabled__label--Color);
+  cursor: not-allowed;
+}
+
+.pf-c-switch__input:disabled ~ .pf-c-switch__toggle {
+  cursor: not-allowed;
+  background-color: var(--pf-c-switch__input--disabled__toggle--BackgroundColor);
+}
+
+.pf-c-switch__input:disabled ~ .pf-c-switch__toggle::before {
+  background-color: var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor);
+}
+
+.pf-c-switch__toggle {
+  position: relative;
+  display: inline-block;
+  width: var(--pf-c-switch__toggle--Width);
+  height: var(--pf-c-switch__toggle--Height);
+  background-color: var(--pf-c-switch__toggle--BackgroundColor);
+  border-radius: var(--pf-c-switch__toggle--BorderRadius);
+}
+
+.pf-c-switch__toggle::before {
+  position: absolute;
+  top: var(--pf-c-switch__toggle--before--Top);
+  left: var(--pf-c-switch__toggle--before--Left);
+  display: block;
+  width: var(--pf-c-switch__toggle--before--Width);
+  height: var(--pf-c-switch__toggle--before--Height);
+  content: "";
+  background-color: var(--pf-c-switch__toggle--before--BackgroundColor);
+  border-radius: var(--pf-c-switch__toggle--before--BorderRadius);
+  box-shadow: var(--pf-c-switch__toggle--before--BoxShadow);
+  transition: var(--pf-c-switch__toggle--before--Transition);
+}
+
+.pf-c-switch__toggle-icon {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: var(--pf-c-switch__toggle-icon--Left);
+  display: flex;
+  align-items: center;
+  font-size: var(--pf-c-switch__toggle-icon--FontSize);
+  color: var(--pf-c-switch__toggle-icon--Color);
+}
+
+.pf-c-switch__label {
+  display: inline-block;
+  grid-column: 2;
+  color: var(--pf-c-switch__label--Color);
+  vertical-align: top;
+}
+
 .pf-c-spinner {
   --pf-c-spinner--diameter: var(--pf-global--icon--FontSize--xl);
   --pf-c-spinner--Width: var(--pf-c-spinner--diameter);
@@ -17857,159 +18017,6 @@ svg.pf-c-spinner.pf-m-xl {
     transform: rotate(720deg);
   }
 }
-.pf-c-switch {
-  --pf-c-switch--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-switch__label--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-switch--ColumnGap: var(--pf-c-switch__label--PaddingLeft);
-  --pf-c-switch__toggle-icon--FontSize: calc(var(--pf-c-switch--FontSize) * .625);
-  --pf-c-switch__toggle-icon--Color: var(--pf-global--Color--light-100);
-  --pf-c-switch__toggle-icon--Left: calc(var(--pf-c-switch--FontSize) * .4);
-  --pf-c-switch__toggle-icon--Offset: 0.125rem;
-  --pf-c-switch--LineHeight: var(--pf-global--LineHeight--md);
-  --pf-c-switch--Height: auto;
-  --pf-c-switch__input--checked__toggle--BackgroundColor: var(--pf-global--primary-color--100);
-  --pf-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-c-switch__toggle-icon--Offset));
-  --pf-c-switch__input--checked__label--Color: var(--pf-global--Color--dark-100);
-  --pf-c-switch__input--not-checked__label--Color: var(--pf-global--disabled-color--100);
-  --pf-c-switch__input--disabled__label--Color: var(--pf-global--disabled-color--100);
-  --pf-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-global--disabled-color--200);
-  --pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--palette--black-150);
-  --pf-c-switch__input--focus__toggle--OutlineWidth: var(--pf-global--BorderWidth--md);
-  --pf-c-switch__input--focus__toggle--OutlineOffset: var(--pf-global--spacer--sm);
-  --pf-c-switch__input--focus__toggle--OutlineColor: var(--pf-global--primary-color--100);
-  --pf-c-switch__toggle--Height: calc(var(--pf-c-switch--FontSize) * var(--pf-c-switch--LineHeight));
-  --pf-c-switch__toggle--BackgroundColor: var(--pf-global--palette--black-500);
-  --pf-c-switch__toggle--BorderRadius: var(--pf-c-switch__toggle--Height);
-  --pf-c-switch__toggle--before--Width: calc(var(--pf-c-switch--FontSize) - var(--pf-c-switch__toggle-icon--Offset));
-  --pf-c-switch__toggle--before--Height: var(--pf-c-switch__toggle--before--Width);
-  --pf-c-switch__toggle--before--Top: calc((var(--pf-c-switch__toggle--Height) - var(--pf-c-switch__toggle--before--Height)) / 2);
-  --pf-c-switch__toggle--before--Left: var(--pf-c-switch__toggle--before--Top);
-  --pf-c-switch__toggle--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-switch__toggle--before--BorderRadius: var(--pf-global--BorderRadius--lg);
-  --pf-c-switch__toggle--before--BoxShadow: var(--pf-global--BoxShadow--md);
-  --pf-c-switch__toggle--before--Transition: transform .25s ease 0s;
-  --pf-c-switch__toggle--Width: calc(var(--pf-c-switch__toggle--Height) + var(--pf-c-switch__toggle-icon--Offset) + var(--pf-c-switch__toggle--before--Width));
-  --pf-c-switch__label--Color: var(--pf-global--Color--dark-100);
-  position: relative;
-  display: inline-grid;
-  grid-template-columns: auto;
-  grid-auto-columns: 1fr;
-  column-gap: var(--pf-c-switch--ColumnGap);
-  height: var(--pf-c-switch--Height);
-  font-size: var(--pf-c-switch--FontSize);
-  line-height: var(--pf-c-switch--LineHeight);
-  vertical-align: middle;
-  cursor: pointer;
-}
-
-.pf-c-switch.pf-m-reverse .pf-c-switch__label,
-.pf-c-switch.pf-m-reverse .pf-c-switch__toggle {
-  grid-row: 1;
-}
-
-.pf-c-switch.pf-m-reverse .pf-c-switch__label {
-  grid-column: 1;
-}
-
-.pf-c-switch__input {
-  position: absolute;
-  cursor: pointer;
-  opacity: 0;
-}
-
-.pf-c-switch__input:focus ~ .pf-c-switch__toggle {
-  outline: var(--pf-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-c-switch__input--focus__toggle--OutlineColor);
-  outline-offset: var(--pf-c-switch__input--focus__toggle--OutlineOffset);
-}
-
-.pf-c-switch__input:checked ~ .pf-c-switch__label {
-  color: var(--pf-c-switch__input--checked__label--Color);
-}
-
-.pf-c-switch__input:checked ~ .pf-c-switch__toggle {
-  background-color: var(--pf-c-switch__input--checked__toggle--BackgroundColor);
-}
-
-.pf-c-switch__input:checked ~ .pf-c-switch__toggle::before {
-  transform: translateX(var(--pf-c-switch__input--checked__toggle--before--TranslateX));
-}
-
-.pf-c-switch__input:checked ~ .pf-m-off {
-  display: none;
-}
-
-.pf-c-switch__input:not(:checked) ~ .pf-c-switch__label {
-  color: var(--pf-c-switch__input--not-checked__label--Color);
-}
-
-.pf-c-switch__input:not(:checked) ~ .pf-c-switch__toggle .pf-c-switch__toggle-icon {
-  display: none;
-  visibility: hidden;
-}
-
-.pf-c-switch__input:not(:checked) ~ .pf-m-on {
-  display: none;
-}
-
-.pf-c-switch__input:disabled {
-  cursor: not-allowed;
-}
-
-.pf-c-switch__input:disabled ~ .pf-c-switch__label {
-  color: var(--pf-c-switch__input--disabled__label--Color);
-  cursor: not-allowed;
-}
-
-.pf-c-switch__input:disabled ~ .pf-c-switch__toggle {
-  cursor: not-allowed;
-  background-color: var(--pf-c-switch__input--disabled__toggle--BackgroundColor);
-}
-
-.pf-c-switch__input:disabled ~ .pf-c-switch__toggle::before {
-  background-color: var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor);
-}
-
-.pf-c-switch__toggle {
-  position: relative;
-  display: inline-block;
-  width: var(--pf-c-switch__toggle--Width);
-  height: var(--pf-c-switch__toggle--Height);
-  background-color: var(--pf-c-switch__toggle--BackgroundColor);
-  border-radius: var(--pf-c-switch__toggle--BorderRadius);
-}
-
-.pf-c-switch__toggle::before {
-  position: absolute;
-  top: var(--pf-c-switch__toggle--before--Top);
-  left: var(--pf-c-switch__toggle--before--Left);
-  display: block;
-  width: var(--pf-c-switch__toggle--before--Width);
-  height: var(--pf-c-switch__toggle--before--Height);
-  content: "";
-  background-color: var(--pf-c-switch__toggle--before--BackgroundColor);
-  border-radius: var(--pf-c-switch__toggle--before--BorderRadius);
-  box-shadow: var(--pf-c-switch__toggle--before--BoxShadow);
-  transition: var(--pf-c-switch__toggle--before--Transition);
-}
-
-.pf-c-switch__toggle-icon {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: var(--pf-c-switch__toggle-icon--Left);
-  display: flex;
-  align-items: center;
-  font-size: var(--pf-c-switch__toggle-icon--FontSize);
-  color: var(--pf-c-switch__toggle-icon--Color);
-}
-
-.pf-c-switch__label {
-  display: inline-block;
-  grid-column: 2;
-  color: var(--pf-c-switch__label--Color);
-  vertical-align: top;
-}
-
 .pf-c-tabs {
   --pf-c-tabs--inset: 0;
   --pf-c-tabs--Width: auto;
@@ -18037,6 +18044,8 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
   --pf-c-tabs__list--Display: flex;
   --pf-c-tabs__list--Visibility: visible;
+  --pf-c-tabs__item--m-action--before--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-tabs__item--m-action__link--PaddingRight: var(--pf-global--spacer--sm);
   --pf-c-tabs__link--Color: var(--pf-global--Color--200);
   --pf-c-tabs__link--FontSize: var(--pf-global--FontSize--md);
   --pf-c-tabs__link--BackgroundColor: transparent;
@@ -18052,11 +18061,14 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tabs--m-vertical__link--PaddingBottom: var(--pf-global--spacer--md);
   --pf-c-tabs--m-box__link--BackgroundColor: var(--pf-global--BackgroundColor--200);
   --pf-c-tabs--m-box__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
+  --pf-c-tabs--m-box__item-close--c-button--disabled--BackgroundColor: var(--pf-global--palette--black-400);
   --pf-c-tabs--m-secondary__link--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-tabs__link--before--border-color--base: var(--pf-global--BorderColor--100);
+  --pf-c-tabs__link--before--border-width--base: var(--pf-global--BorderWidth--sm);
+  --pf-c-tabs__link--before--BorderTopColor: var(--pf-c-tabs__link--before--border-color--base);
   --pf-c-tabs__link--before--BorderRightColor: var(--pf-c-tabs__link--before--border-color--base);
   --pf-c-tabs__link--before--BorderBottomColor: var(--pf-c-tabs__link--before--border-color--base);
-  --pf-c-tabs__link--before--border-width--base: var(--pf-global--BorderWidth--sm);
+  --pf-c-tabs__link--before--BorderLeftColor: var(--pf-c-tabs__link--before--border-color--base);
   --pf-c-tabs__link--before--BorderTopWidth: 0;
   --pf-c-tabs__link--before--BorderRightWidth: 0;
   --pf-c-tabs__link--before--BorderBottomWidth: 0;
@@ -18114,6 +18126,19 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tabs__toggle-button--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
   --pf-c-tabs--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
   --pf-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
+  --pf-c-tabs__item-close--c-button--FontSize: var(--pf-global--FontSize--xs);
+  --pf-c-tabs--m-secondary__item-close--c-button--FontSize: var(--pf-global--icon--FontSize--sm);
+  --pf-c-tabs__item-close--c-button--PaddingTop: var(--pf-global--spacer--sm);
+  --pf-c-tabs__item-close--c-button--PaddingBottom: var(--pf-global--spacer--sm);
+  --pf-c-tabs__item-close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-tabs__item-close--c-button--OutlineOffset: -0.1875rem;
+  --pf-c-tabs__item-close-icon--MarginTop: 0.125rem;
+  --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
+  --pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
+  --pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-tabs--m-secondary__add--c-button--FontSize: var(--pf-global--FontSize--xs);
+  --pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
+  --pf-c-tabs__add--c-button--PaddingBottom: var(--pf-c-tabs__link--PaddingBottom);
   position: relative;
   display: flex;
   width: var(--pf-c-tabs--Width);
@@ -18235,6 +18260,10 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor);
 }
 
+.pf-c-tabs.pf-m-box .pf-c-tabs__item-close .pf-c-button {
+  --pf-c-button--m-plain--disabled--Color: var(--pf-c-tabs--m-box__item-close--c-button--disabled--BackgroundColor);
+}
+
 .pf-c-tabs.pf-m-vertical {
   --pf-c-tabs--Width: var(--pf-c-tabs--m-vertical--Width);
   --pf-c-tabs--inset: var(--pf-c-tabs--m-vertical--inset);
@@ -18430,6 +18459,8 @@ svg.pf-c-spinner.pf-m-xl {
 
 .pf-c-tabs.pf-m-secondary {
   --pf-c-tabs__link--FontSize: var(--pf-c-tabs--m-secondary__link--FontSize);
+  --pf-c-tabs__item-close--c-button--FontSize: var(--pf-c-tabs--m-secondary__item-close--c-button--FontSize);
+  --pf-c-tabs__add--c-button--FontSize: var(--pf-c-tabs--m-secondary__add--c-button--FontSize);
 }
 
 .pf-c-tabs.pf-m-page-insets {
@@ -18498,11 +18529,28 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__item--m-current__link--after--BorderWidth);
 }
 
+.pf-c-tabs__item.pf-m-action {
+  --pf-c-tabs__link--PaddingRight: var(--pf-c-tabs__item--m-action__link--PaddingRight);
+  position: relative;
+}
+
+.pf-c-tabs__item.pf-m-action::before {
+  z-index: var(--pf-c-tabs__item--m-action--before--ZIndex);
+}
+
+.pf-c-tabs__item.pf-m-action .pf-c-tabs__link::before,
+.pf-c-tabs__item.pf-m-action .pf-c-tabs__link::after {
+  content: revert;
+}
+
 .pf-c-tabs::before,
 .pf-c-tabs__list::before,
 .pf-c-tabs__link::before,
 .pf-c-tabs__link::after,
-.pf-c-tabs__scroll-button::before {
+.pf-c-tabs__item.pf-m-action::before,
+.pf-c-tabs__item.pf-m-action::after,
+.pf-c-tabs__scroll-button::before,
+.pf-c-tabs__add::before {
   position: absolute;
   right: 0;
   bottom: 0;
@@ -18514,18 +18562,21 @@ svg.pf-c-spinner.pf-m-xl {
 .pf-c-tabs__list::before,
 .pf-c-tabs__link::before,
 .pf-c-tabs__link::after,
-.pf-c-tabs__scroll-button::before {
+.pf-c-tabs__item.pf-m-action::before,
+.pf-c-tabs__item.pf-m-action::after,
+.pf-c-tabs__scroll-button::before,
+.pf-c-tabs__add::before {
   top: 0;
 }
 
 .pf-c-tabs__link,
 .pf-c-tabs__scroll-button,
-.pf-c-tabs__list::before {
+.pf-c-tabs__list::before,
+.pf-c-tabs__add::before {
   border: 0;
 }
 
 .pf-c-tabs__link {
-  --pf-c-tabs__link--after--BorderBottomWidth: var(--pf-c-tabs__link--after--BorderWidth);
   position: relative;
   display: flex;
   flex: 1;
@@ -18533,19 +18584,24 @@ svg.pf-c-spinner.pf-m-xl {
   font-size: var(--pf-c-tabs__link--FontSize);
   color: var(--pf-c-tabs__link--Color);
   text-decoration: none;
-  background-color: var(--pf-c-tabs__link--BackgroundColor);
   outline-offset: var(--pf-c-tabs__link--OutlineOffset);
 }
 
-.pf-c-tabs__link::before {
+.pf-c-tabs__item.pf-m-action, .pf-c-tabs__link {
+  --pf-c-tabs__link--after--BorderBottomWidth: var(--pf-c-tabs__link--after--BorderWidth);
+  background-color: var(--pf-c-tabs__link--BackgroundColor);
+}
+
+.pf-c-tabs__item.pf-m-action::before, .pf-c-tabs__link::before {
   pointer-events: none;
-  border-color: var(--pf-c-tabs__link--before--border-color--base);
   border-width: var(--pf-c-tabs__link--before--BorderTopWidth) var(--pf-c-tabs__link--before--BorderRightWidth) var(--pf-c-tabs__link--before--BorderBottomWidth) var(--pf-c-tabs__link--before--BorderLeftWidth);
+  border-top-color: var(--pf-c-tabs__link--before--BorderTopColor);
   border-right-color: var(--pf-c-tabs__link--before--BorderRightColor);
   border-bottom-color: var(--pf-c-tabs__link--before--BorderBottomColor);
+  border-left-color: var(--pf-c-tabs__link--before--BorderLeftColor);
 }
 
-.pf-c-tabs__link::after {
+.pf-c-tabs__item.pf-m-action::after, .pf-c-tabs__link::after {
   top: var(--pf-c-tabs__link--after--Top);
   right: var(--pf-c-tabs__link--after--Right);
   bottom: var(--pf-c-tabs__link--after--Bottom);
@@ -18554,15 +18610,15 @@ svg.pf-c-spinner.pf-m-xl {
   border-width: var(--pf-c-tabs__link--after--BorderTopWidth) var(--pf-c-tabs__link--after--BorderRightWidth) var(--pf-c-tabs__link--after--BorderBottomWidth) var(--pf-c-tabs__link--after--BorderLeftWidth);
 }
 
-.pf-c-tabs__link:hover {
+.pf-c-tabs__item.pf-m-action:hover, .pf-c-tabs__link:hover {
   --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--hover--after--BorderWidth);
 }
 
-.pf-c-tabs__link:focus {
+.pf-c-tabs__item.pf-m-action:focus-within, .pf-c-tabs__link:focus {
   --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--focus--after--BorderWidth);
 }
 
-.pf-c-tabs__link:active {
+.pf-c-tabs__item.pf-m-action:active, .pf-c-tabs__link:active {
   --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--active--after--BorderWidth);
 }
 
@@ -18570,7 +18626,7 @@ svg.pf-c-spinner.pf-m-xl {
   pointer-events: none;
 }
 
-.pf-c-tabs__link:disabled, .pf-c-tabs__link.pf-m-disabled, .pf-c-tabs__link.pf-m-aria-disabled {
+.pf-c-tabs__item.pf-m-action.pf-m-disabled, .pf-c-tabs__link:disabled, .pf-c-tabs__link.pf-m-disabled, .pf-c-tabs__link.pf-m-aria-disabled {
   --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs__link--disabled--BackgroundColor);
   --pf-c-tabs__link--before--BorderRightWidth: var(--pf-c-tabs__link--disabled--before--BorderRightWidth);
   --pf-c-tabs__link--before--BorderBottomWidth: var(--pf-c-tabs__link--disabled--before--BorderBottomWidth);
@@ -18592,6 +18648,23 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tabs__link--child--MarginRight: 0;
 }
 
+.pf-c-tabs__item-close {
+  display: flex;
+}
+
+.pf-c-tabs__item-close .pf-c-button {
+  --pf-c-button--FontSize: var(--pf-c-tabs__item-close--c-button--FontSize);
+  --pf-c-button--PaddingTop: var(--pf-c-tabs__item-close--c-button--PaddingTop);
+  --pf-c-button--PaddingBottom: var(--pf-c-tabs__item-close--c-button--PaddingBottom);
+  --pf-c-button--PaddingLeft: var(--pf-c-tabs__item-close--c-button--PaddingLeft);
+  outline-offset: var(--pf-c-tabs__item-close--c-button--OutlineOffset);
+}
+
+.pf-c-tabs__item-close-icon {
+  display: inline-block;
+  margin-top: var(--pf-c-tabs__item-close-icon--MarginTop);
+}
+
 .pf-c-tabs__scroll-button {
   flex: none;
   width: var(--pf-c-tabs__scroll-button--Width);
@@ -18629,6 +18702,21 @@ svg.pf-c-spinner.pf-m-xl {
   pointer-events: none;
 }
 
+.pf-c-tabs__add {
+  position: relative;
+  display: flex;
+}
+
+.pf-c-tabs__add::before {
+  border-left: var(--pf-c-tabs__add--before--BorderLeftWidth) solid var(--pf-c-tabs__add--before--BorderColor);
+}
+
+.pf-c-tabs__add .pf-c-button {
+  --pf-c-button--FontSize: var(--pf-c-tabs__add--c-button--FontSize);
+  --pf-c-button--PaddingTop: var(--pf-c-tabs__add--c-button--PaddingTop);
+  --pf-c-button--PaddingBottom: var(--pf-c-tabs__add--c-button--PaddingBottom);
+}
+
 .pf-c-tabs.pf-m-inset-none {
   --pf-c-tabs--inset: 0;
   --pf-c-tabs--m-vertical--inset: 0;