@patternfly/patternfly 4.183.0 → 4.184.0

package/patternfly.css

@@ -14178,7 +14178,7 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
   --pf-c-form-control--m-icon-sprite--success--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#success");
   --pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#warning");
-  --pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#invalid");
+  --pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#invalid");
   --pf-c-form-control--m-icon-sprite__select--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#select");
   --pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#search");
   --pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#calendar");
@@ -14304,7 +14304,7 @@ label.pf-c-check, .pf-c-check__label,
 .pf-c-form-control.pf-m-icon-sprite {
   --pf-c-form-control--success--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--success--BackgroundUrl);
   --pf-c-form-control--m-warning--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
-  --pf-c-form-control--m-invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl);
+  --pf-c-form-control--invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl);
   --pf-c-form-control__select--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite__select--BackgroundUrl);
   --pf-c-form-control--m-search--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
   --pf-c-form-control--m-calendar--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);
@@ -16972,7 +16972,7 @@ ul.pf-c-list {
   --pf-c-menu__list-item--BackgroundColor: var(--pf-c-menu__list-item--hover--BackgroundColor);
   --pf-c-menu__list-item--Color: var(--pf-c-menu__list-item--hover--Color, inherit);
 }
-.pf-c-menu__list-item:focus-within {
+.pf-c-menu__list-item:focus-within, .pf-c-menu__list-item.pf-m-focus {
   --pf-c-menu__list-item--BackgroundColor: var(--pf-c-menu__list-item--focus-within--BackgroundColor);
   --pf-c-menu__list-item--Color: var(--pf-c-menu__list-item--focus-within--Color, inherit);
 }
@@ -17250,6 +17250,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
   --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
   --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop: calc(var(--pf-c-menu-toggle--PaddingTop) * -1);
+  --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight: calc(var(--pf-c-menu-toggle--PaddingRight) * -1);
+  --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom: calc(var(--pf-c-menu-toggle--PaddingBottom) * -1);
+  --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft: calc(var(--pf-c-menu-toggle--PaddingLeft) * -1);
+  --pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--sm);
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -17258,6 +17263,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   font-size: var(--pf-c-menu-toggle--FontSize);
   line-height: var(--pf-c-menu-toggle--LineHeight);
   color: var(--pf-c-menu-toggle--Color);
+  cursor: pointer;
   background-color: var(--pf-c-menu-toggle--BackgroundColor);
   border: 0;
   border-radius: var(--pf-c-menu-toggle--BorderRadius);
@@ -17339,7 +17345,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color);
   --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
 }
-.pf-c-menu-toggle:focus {
+.pf-c-menu-toggle:focus, .pf-c-menu-toggle:focus-within {
   --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--focus--BackgroundColor);
   --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
   --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--focus--after--BorderBottomColor);
@@ -17380,6 +17386,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-full-height--active--after--BorderBottomWidth);
   height: 100%;
 }
+.pf-c-menu-toggle.pf-m-typeahead .pf-c-text-input-group {
+  --pf-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight);
+  flex: 1;
+  margin: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft);
+}
 .pf-c-menu-toggle.pf-m-split-button {
   --pf-c-menu-toggle__toggle-icon--MarginRight: 0;
   padding: 0;
@@ -17397,7 +17408,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: var(--pf-c-check__label--Color, inherit);
+  --pf-c-check__label--Color: currentColor;
   align-items: center;
   align-self: stretch;
 }
@@ -17477,6 +17488,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   color: var(--pf-c-menu-toggle--m-split-button--child--disabled--Color);
   background-color: var(--pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
 }
+.pf-c-menu-toggle.pf-m-typeahead, .pf-c-menu-toggle.pf-m-split-button {
+  --pf-c-menu-toggle__toggle-icon--MarginRight: 0;
+}
+.pf-c-menu-toggle.pf-m-full-width {
+  width: 100%;
+}
 
 .pf-c-menu-toggle__button {
   color: inherit;
@@ -27379,6 +27396,12 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-text-input-group--BackgroundColor: var(--pf-c-text-input-group--m-disabled--BackgroundColor);
   pointer-events: none;
 }
+.pf-c-text-input-group.pf-m-plain {
+  --pf-c-text-input-group--BackgroundColor: transparent;
+}
+.pf-c-text-input-group.pf-m-plain .pf-c-text-input-group__text::before, .pf-c-text-input-group.pf-m-plain .pf-c-text-input-group__text::after {
+  border: 0;
+}
 
 .pf-c-text-input-group__main {
   display: flex;