@patternfly/react-core 4.224.9 → 4.224.12

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

@@ -2552,7 +2552,7 @@ button.pf-c-breadcrumb__link {
 }
 
 .pf-c-button__progress .pf-c-spinner {
-  --pf-c-spinner--Color: currentColor;
+  --pf-c-spinner--Color: currentcolor;
 }
 
 .pf-m-overpass-font .pf-c-button {
@@ -6387,8 +6387,8 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-drawer__splitter-handle--after--Height: 0.25rem;
   --pf-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
   --pf-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
-  --pf-c-drawer__actions--MarginTop: calc(var(pf-global--spacer--form-element) * -1);
-  --pf-c-drawer__actions--MarginRight: calc(var(pf-global--spacer--form-element) * -1);
+  --pf-c-drawer__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
+  --pf-c-drawer__actions--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
   --pf-c-drawer__panel--BoxShadow: none;
   --pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-global--BoxShadow--lg-left);
   --pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-global--BoxShadow--lg-right);
@@ -9335,6 +9335,108 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-hint--BorderColor: var(--pf-global--BorderColor--300);
 }
 
+.pf-c-input-group {
+  --pf-global--Color--100: var(--pf-global--Color--dark-100);
+  --pf-global--Color--200: var(--pf-global--Color--dark-200);
+  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
+  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
+  --pf-global--link--Color: var(--pf-global--link--Color--dark);
+  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
+  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
+}
+
+.pf-c-input-group {
+  --pf-c-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-input-group--child--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-input-group__text--FontSize: var(--pf-global--FontSize--md);
+  --pf-c-input-group__text--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-input-group__text--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-input-group__text--Color: var(--pf-global--Color--dark-200);
+  --pf-c-input-group__text--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-input-group__text--BorderTopColor: var(--pf-global--BorderColor--300);
+  --pf-c-input-group__text--BorderRightColor: var(--pf-global--BorderColor--300);
+  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--200);
+  --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
+  --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
+  --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-input-group--c-form-control--MarginRight: 0;
+  color: var(--pf-global--Color--100);
+  display: flex;
+  width: 100%;
+  background-color: var(--pf-c-input-group--BackgroundColor);
+}
+
+.pf-c-input-group > * + * {
+  margin-left: -1px;
+}
+
+.pf-c-input-group > :focus,
+.pf-c-input-group > :focus-within {
+  z-index: var(--pf-c-input-group--child--ZIndex);
+}
+
+.pf-c-input-group .pf-c-form-control[aria-invalid=true]:not(:last-child) {
+  margin-right: var(--pf-c-input-group--c-form-control--MarginRight);
+}
+
+.pf-c-input-group input:not([type=checkbox]):not([type=radio]),
+.pf-c-input-group textarea {
+  flex: 2;
+  min-width: 0;
+}
+
+.pf-c-input-group textarea {
+  min-height: var(--pf-c-input-group__textarea--MinHeight);
+}
+
+.pf-c-input-group__text {
+  display: flex;
+  align-items: center;
+  padding-right: var(--pf-c-input-group__text--PaddingRight);
+  padding-left: var(--pf-c-input-group__text--PaddingLeft);
+  font-size: var(--pf-c-input-group__text--FontSize);
+  color: var(--pf-c-input-group__text--Color);
+  text-align: center;
+  background-color: var(--pf-c-input-group__text--BackgroundColor);
+  border: var(--pf-c-input-group__text--BorderWidth) solid;
+  border-color: var(--pf-c-input-group__text--BorderTopColor) var(--pf-c-input-group__text--BorderRightColor) var(--pf-c-input-group__text--BorderBottomColor) var(--pf-c-input-group__text--BorderLeftColor);
+}
+
+label.pf-c-input-group__text {
+  cursor: pointer;
+}
+
+.pf-c-input-group__text.pf-m-plain {
+  --pf-c-input-group__text--BorderWidth: 0;
+  margin-left: 0;
+}
+
+:where(.pf-theme-dark) .pf-c-input-group {
+  --pf-c-input-group--BackgroundColor: transparent;
+  --pf-c-input-group__text--BorderTopColor: transparent;
+  --pf-c-input-group__text--BorderRightColor: transparent;
+  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
+  --pf-c-input-group__text--BorderLeftColor: transparent;
+  --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
+}
+
+:where(.pf-theme-dark) .pf-c-input-group > * + * {
+  margin-left: 0;
+  border-left: 1px solid var(--pf-global--palette--black-700);
+}
+
+:where(.pf-theme-dark) .pf-c-input-group__text {
+  --pf-c-input-group__text--BorderTopColor: transparent;
+  --pf-c-input-group__text--BorderRightColor: transparent;
+  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
+  --pf-c-input-group__text--BorderLeftColor: transparent;
+}
+
+:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
+  --pf-c-input-group__text--BackgroundColor: transparent;
+}
+
 .pf-c-jump-links {
   --pf-c-jump-links__list--Display: flex;
   --pf-c-jump-links__list--Visibility: visible;
@@ -9388,7 +9490,7 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
   --pf-c-jump-links__toggle--Display: none;
   --pf-c-jump-links__toggle--Visibility: hidden;
-  --pf-c-jump-links__toggle-icon--Color: currentColor;
+  --pf-c-jump-links__toggle-icon--Color: currentcolor;
   --pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
   --pf-c-jump-links__toggle-icon--Rotate: 0;
   --pf-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
@@ -12773,7 +12875,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 .pf-c-menu-toggle.pf-m-split-button > .pf-c-check {
   --pf-c-menu-toggle--PaddingRight: 0;
   --pf-c-check__input--MarginTop: 0;
-  --pf-c-check__label--Color: currentColor;
+  --pf-c-check__label--Color: currentcolor;
   align-items: center;
   align-self: stretch;
 }
@@ -17662,208 +17764,6 @@ label.pf-c-radio, .pf-c-radio__label,
   cursor: not-allowed;
 }
 
-.pf-c-search-input {
-  --pf-c-search-input__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-search-input__text--before--BorderColor: var(--pf-global--BorderColor--300);
-  --pf-c-search-input__text--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-search-input__text--after--BorderBottomColor: var(--pf-global--BorderColor--200);
-  --pf-c-search-input__bar--hover__text--after--BorderBottomColor: var(--pf-global--primary-color--100);
-  --pf-c-search-input__text--focus-within--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
-  --pf-c-search-input__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
-  --pf-c-search-input__text-input--PaddingTop: var(--pf-global--spacer--form-element);
-  --pf-c-search-input__text-input--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-search-input__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
-  --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
-  --pf-c-search-input__text-input--MinWidth: 6ch;
-  --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
-  --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
-  --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
-  --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
-  --pf-c-search-input__icon--TranslateY: -50%;
-  --pf-c-search-input__utilities--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-search-input__utilities--MarginLeft: var(--pf-global--spacer--xs);
-  --pf-c-search-input__utilities--child--MarginLeft: var(--pf-global--spacer--xs);
-  --pf-c-search-input__utilities--c-button--PaddingRight: var(--pf-global--spacer--xs);
-  --pf-c-search-input__utilities--c-button--PaddingLeft: var(--pf-global--spacer--xs);
-  --pf-c-search-input__menu-body--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu-body--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu-body--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu-body--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-search-input__menu--BoxShadow: var(--pf-global--BoxShadow--md);
-  --pf-c-search-input__menu--Top: calc(100% + var(--pf-global--spacer--xs));
-  --pf-c-search-input__menu--ZIndex: var(--pf-global--ZIndex--sm);
-  --pf-c-search-input--m-top__menu--Top: 0;
-  --pf-c-search-input--m-top__menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
-  --pf-c-search-input__menu-list--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-search-input__menu-list--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-search-input__menu-item--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-search-input__menu-item--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-search-input__menu-item--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu-item--Color: var(--pf-global--Color--100);
-  --pf-c-search-input__menu-item--BackgroundColor: transparent;
-  --pf-c-search-input__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-search-input__menu-item--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  position: relative;
-  width: 100%;
-}
-
-.pf-c-search-input__bar {
-  position: relative;
-  display: flex;
-  width: 100%;
-}
-
-.pf-c-search-input__bar:hover {
-  --pf-c-search-input__text--after--BorderBottomColor: var(--pf-c-search-input__bar--hover__text--after--BorderBottomColor);
-}
-
-.pf-c-search-input__text {
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-areas: "text-input";
-  flex: 1;
-}
-
-.pf-c-search-input__text::before, .pf-c-search-input__text::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-  content: "";
-}
-
-.pf-c-search-input__text::before {
-  border: var(--pf-c-search-input__text--before--BorderWidth) solid var(--pf-c-search-input__text--before--BorderColor);
-}
-
-.pf-c-search-input__text::after {
-  border-bottom: var(--pf-c-search-input__text--after--BorderBottomWidth) solid var(--pf-c-search-input__text--after--BorderBottomColor);
-}
-
-.pf-c-search-input__text:hover, .pf-c-search-input__text:focus-within {
-  --pf-c-search-input__icon--Color: var(--pf-c-search-input__text--hover__icon--Color);
-}
-
-.pf-c-search-input__text:focus-within {
-  --pf-c-search-input__text--after--BorderBottomWidth: var(--pf-c-search-input__text--focus-within--after--BorderBottomWidth);
-  --pf-c-search-input__text--after--BorderBottomColor: var(--pf-c-search-input__text--focus-within--after--BorderBottomColor);
-}
-
-.pf-c-search-input__icon {
-  position: absolute;
-  top: 50%;
-  left: var(--pf-c-search-input__icon--Left);
-  color: var(--pf-c-search-input__icon--Color);
-  transform: translateY(var(--pf-c-search-input__icon--TranslateY));
-}
-
-.pf-c-search-input__text-input {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  position: relative;
-  width: 100%;
-  min-width: var(--pf-c-search-input__text-input--MinWidth);
-  padding: var(--pf-c-search-input__text-input--PaddingTop) var(--pf-c-search-input__text-input--PaddingRight) var(--pf-c-search-input__text-input--PaddingBottom) var(--pf-c-search-input__text-input--PaddingLeft);
-  border: 0;
-}
-
-.pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
-  grid-area: text-input;
-}
-
-.pf-c-search-input__text-input.pf-m-hint {
-  color: var(--pf-c-search-input__text-input--m-hint--Color);
-}
-
-.pf-c-search-input__utilities {
-  display: flex;
-  margin-right: var(--pf-c-search-input__utilities--MarginRight);
-  margin-left: var(--pf-c-search-input__utilities--MarginLeft);
-}
-
-.pf-c-search-input__utilities > * + * {
-  margin-left: var(--pf-c-search-input__utilities--child--MarginLeft);
-}
-
-.pf-c-search-input__utilities .pf-c-button {
-  --pf-c-button--PaddingRight: var(--pf-c-search-input__utilities--c-button--PaddingRight);
-  --pf-c-button--PaddingLeft: var(--pf-c-search-input__utilities--c-button--PaddingLeft);
-}
-
-.pf-c-search-input__nav {
-  display: flex;
-}
-
-.pf-c-search-input__count {
-  display: flex;
-  align-items: center;
-}
-
-.pf-c-search-input__menu {
-  position: absolute;
-  top: var(--pf-c-search-input__menu--Top);
-  z-index: var(--pf-c-search-input__menu--ZIndex);
-  min-width: 100%;
-  background-color: var(--pf-c-search-input__menu--BackgroundColor);
-  background-clip: padding-box;
-  box-shadow: var(--pf-c-search-input__menu--BoxShadow);
-}
-
-.pf-c-search-input.pf-m-top .pf-c-search-input__menu {
-  --pf-c-search-input__menu--Top: var(--pf-c-search-input--m-top__menu--Top);
-  transform: translateY(var(--pf-c-search-input--m-top__menu--TranslateY));
-}
-
-.pf-c-search-input__menu-body {
-  padding: var(--pf-c-search-input__menu-body--PaddingTop) var(--pf-c-search-input__menu-body--PaddingRight) var(--pf-c-search-input__menu-body--PaddingBottom) var(--pf-c-search-input__menu-body--PaddingLeft);
-}
-
-.pf-c-search-input__menu-list {
-  padding-top: var(--pf-c-search-input__menu-list--PaddingTop);
-  padding-bottom: var(--pf-c-search-input__menu-list--PaddingBottom);
-}
-
-.pf-c-search-input__menu-item {
-  display: flex;
-  width: 100%;
-  min-width: 0;
-  padding-top: var(--pf-c-search-input__menu-item--PaddingTop);
-  padding-right: var(--pf-c-search-input__menu-item--PaddingRight);
-  padding-bottom: var(--pf-c-search-input__menu-item--PaddingBottom);
-  padding-left: var(--pf-c-search-input__menu-item--PaddingLeft);
-  color: var(--pf-c-search-input__menu-item--Color);
-  text-align: left;
-  background-color: var(--pf-c-search-input__menu-item--BackgroundColor);
-  border: none;
-}
-
-.pf-c-search-input__menu-item:hover {
-  --pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--hover--BackgroundColor);
-}
-
-.pf-c-search-input__menu-item:focus {
-  --pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--focus--BackgroundColor);
-}
-
-.pf-c-search-input__menu-item-text {
-  flex-grow: 1;
-}
-
-:where(.pf-theme-dark) .pf-c-search-input {
-  --pf-c-search-input__text--before--BorderColor: transparent;
-  --pf-c-search-input__text--after--BorderBottomColor: var(--pf-global--BorderColor--400);
-  background-color: var(--pf-global--BackgroundColor--400);
-}
-
-:where(.pf-theme-dark) .pf-c-search-input__text::before {
-  border-bottom-color: var(--pf-global--BorderColor--400);
-}
-
 .pf-c-select {
   --pf-global--Color--100: var(--pf-global--Color--dark-100);
   --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -19503,7 +19403,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tabs__toggle--Visibility: hidden;
   --pf-c-tabs__toggle--MarginBottom: 0;
   --pf-c-tabs--m-expanded__toggle--MarginBottom: var(--pf-global--spacer--md);
-  --pf-c-tabs__toggle-icon--Color: currentColor;
+  --pf-c-tabs__toggle-icon--Color: currentcolor;
   --pf-c-tabs__toggle-icon--Transition: var(--pf-global--Transition);
   --pf-c-tabs__toggle-icon--Rotate: 0;
   --pf-c-tabs__toggle-text--MarginLeft: 0;
@@ -22581,8 +22481,14 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
   --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
   --pf-c-tree-view__node-toggle--Position: absolute;
+  --pf-c-tree-view__node-toggle--Color--base: var(--pf-global--Color--200);
+  --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
+  --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
+  --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
+  --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
+  --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
   --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
-  --pf-c-tree-view__node-toggle-icon--Transition: var(--pf-global--Transition);
+  --pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
   --pf-c-tree-view__node-toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-tree-view__node-toggle-button--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -22807,9 +22713,11 @@ svg.pf-c-spinner.pf-m-xl {
 
 .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
   --pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__node-toggle-icon--base--Rotate);
+  --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
 }
 
 .pf-c-tree-view__list-item.pf-m-expanded {
+  --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__list-item--m-expanded__node-toggle--Color);
   --pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
 }
 
@@ -22847,6 +22755,25 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-badge--m-read--BackgroundColor: var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
 }
 
+.pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle {
+  --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
+}
+
+.pf-c-tree-view__node:hover,
+.pf-c-tree-view__node .pf-c-tree-view__node-toggle:hover {
+  --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover__icon--Color);
+}
+
+.pf-c-tree-view__node:focus,
+.pf-c-tree-view__node .pf-c-tree-view__node-toggle:focus {
+  --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus__icon--Color);
+}
+
+.pf-c-tree-view__node:active,
+.pf-c-tree-view__node .pf-c-tree-view__node-toggle:active {
+  --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active__icon--Color);
+}
+
 .pf-c-tree-view__node-container {
   display: var(--pf-c-tree-view__node-container--Display);
   flex-grow: 1;
@@ -22876,6 +22803,7 @@ svg.pf-c-spinner.pf-m-xl {
   padding: var(--pf-c-tree-view__node-toggle-button--PaddingTop) var(--pf-c-tree-view__node-toggle-button--PaddingRight) var(--pf-c-tree-view__node-toggle-button--PaddingBottom) var(--pf-c-tree-view__node-toggle-button--PaddingLeft);
   margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
   margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
+  color: var(--pf-c-tree-view__node-toggle--Color);
   border: 0;
   transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
 }
@@ -22896,6 +22824,10 @@ svg.pf-c-spinner.pf-m-xl {
   white-space: nowrap;
 }
 
+label.pf-c-tree-view__node-text {
+  cursor: pointer;
+}
+
 .pf-c-tree-view__node-title {
   font-weight: var(--pf-c-tree-view__node-title--FontWeight);
 }
@@ -27374,108 +27306,6 @@ svg.pf-c-spinner.pf-m-xl {
   margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
 }
 
-.pf-c-input-group {
-  --pf-global--Color--100: var(--pf-global--Color--dark-100);
-  --pf-global--Color--200: var(--pf-global--Color--dark-200);
-  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
-  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
-  --pf-global--link--Color: var(--pf-global--link--Color--dark);
-  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
-  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
-}
-
-.pf-c-input-group {
-  --pf-c-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-input-group--child--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-input-group__text--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-input-group__text--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-input-group__text--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-input-group__text--Color: var(--pf-global--Color--dark-200);
-  --pf-c-input-group__text--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-input-group__text--BorderTopColor: var(--pf-global--BorderColor--300);
-  --pf-c-input-group__text--BorderRightColor: var(--pf-global--BorderColor--300);
-  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--200);
-  --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
-  --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
-  --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-input-group--c-form-control--MarginRight: 0;
-  color: var(--pf-global--Color--100);
-  display: flex;
-  width: 100%;
-  background-color: var(--pf-c-input-group--BackgroundColor);
-}
-
-.pf-c-input-group > * + * {
-  margin-left: -1px;
-}
-
-.pf-c-input-group > :focus,
-.pf-c-input-group > :focus-within {
-  z-index: var(--pf-c-input-group--child--ZIndex);
-}
-
-.pf-c-input-group .pf-c-form-control[aria-invalid=true]:not(:last-child) {
-  margin-right: var(--pf-c-input-group--c-form-control--MarginRight);
-}
-
-.pf-c-input-group input:not([type=checkbox]):not([type=radio]),
-.pf-c-input-group textarea {
-  flex: 2;
-  min-width: 0;
-}
-
-.pf-c-input-group textarea {
-  min-height: var(--pf-c-input-group__textarea--MinHeight);
-}
-
-.pf-c-input-group__text {
-  display: flex;
-  align-items: center;
-  padding-right: var(--pf-c-input-group__text--PaddingRight);
-  padding-left: var(--pf-c-input-group__text--PaddingLeft);
-  font-size: var(--pf-c-input-group__text--FontSize);
-  color: var(--pf-c-input-group__text--Color);
-  text-align: center;
-  background-color: var(--pf-c-input-group__text--BackgroundColor);
-  border: var(--pf-c-input-group__text--BorderWidth) solid;
-  border-color: var(--pf-c-input-group__text--BorderTopColor) var(--pf-c-input-group__text--BorderRightColor) var(--pf-c-input-group__text--BorderBottomColor) var(--pf-c-input-group__text--BorderLeftColor);
-}
-
-label.pf-c-input-group__text {
-  cursor: pointer;
-}
-
-.pf-c-input-group__text.pf-m-plain {
-  --pf-c-input-group__text--BorderWidth: 0;
-  margin-left: 0;
-}
-
-:where(.pf-theme-dark) .pf-c-input-group {
-  --pf-c-input-group--BackgroundColor: transparent;
-  --pf-c-input-group__text--BorderTopColor: transparent;
-  --pf-c-input-group__text--BorderRightColor: transparent;
-  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
-  --pf-c-input-group__text--BorderLeftColor: transparent;
-  --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
-}
-
-:where(.pf-theme-dark) .pf-c-input-group > * + * {
-  margin-left: 0;
-  border-left: 1px solid var(--pf-global--palette--black-700);
-}
-
-:where(.pf-theme-dark) .pf-c-input-group__text {
-  --pf-c-input-group__text--BorderTopColor: transparent;
-  --pf-c-input-group__text--BorderRightColor: transparent;
-  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
-  --pf-c-input-group__text--BorderLeftColor: transparent;
-}
-
-:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
-  --pf-c-input-group__text--BackgroundColor: transparent;
-}
-
 .pf-c-alert-group {
   --pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
   --pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);