@patternfly/react-core 4.224.8 → 4.224.11

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);
@@ -9490,7 +9490,7 @@ label.pf-c-input-group__text {
   --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);
@@ -12875,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;
 }
@@ -17764,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);
@@ -19605,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;
@@ -22683,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);
@@ -22909,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);
 }
 
@@ -22949,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;
@@ -22978,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));
 }
@@ -22998,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);
 }