@patternfly/patternfly 4.152.0 → 4.154.1

package/components/MenuToggle/menu-toggle.css

@@ -96,7 +96,7 @@
   --pf-c-menu-toggle--m-expanded--Color: var(--pf-c-menu-toggle--m-primary--m-expanded--Color);
   --pf-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-c-menu-toggle--m-primary--m-expanded--BackgroundColor);
 }
-.pf-c-menu-toggle.pf-m-plain {
+.pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
   --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
   --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
   --pf-c-menu-toggle--focus--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);

package/components/MenuToggle/menu-toggle.scss

@@ -132,7 +132,7 @@
     --pf-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-c-menu-toggle--m-primary--m-expanded--BackgroundColor);
   }
 
-  &.pf-m-plain {
+  &.pf-m-plain:not(.pf-m-text) {
     --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
     --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
     --pf-c-menu-toggle--focus--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);

package/components/Nav/nav.css

@@ -477,13 +477,11 @@
 }
 
 .pf-c-nav__item {
-  --pf-c-nav__item__toggle-icon--Rotate: 0;
   position: relative;
   margin-top: var(--pf-c-nav__item--MarginTop);
 }
 .pf-c-nav__item.pf-m-expandable {
   --pf-c-nav__link--before--BorderBottomWidth: 0;
-  --pf-c-nav__item__toggle-icon--Rotate: var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate);
 }
 .pf-c-nav__item.pf-m-expandable::before {
   position: absolute;
@@ -493,6 +491,9 @@
   content: "";
   border-bottom: var(--pf-c-nav__item--before--BorderWidth) solid var(--pf-c-nav__item--before--BorderColor);
 }
+.pf-c-nav__item .pf-c-nav__item:not(.pf-m-expanded) .pf-c-nav__toggle-icon {
+  transform: rotate(0);
+}
 .pf-c-nav__item .pf-c-nav__item.pf-m-expandable {
   --pf-c-nav__toggle--FontSize: var(--pf-c-nav__item__item__toggle--FontSize);
   --pf-c-nav__link--PaddingRight: var(--pf-c-nav__item__item__link--PaddingRight);
@@ -742,10 +743,7 @@
   display: inline-block;
   transition: var(--pf-c-nav__toggle-icon--Transition);
 }
-.pf-c-nav__item.pf-m-expanded .pf-c-nav__item .pf-c-nav__toggle-icon {
-  transform: rotate(0deg);
-}
-.pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon, .pf-c-nav__item .pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon {
+.pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon {
   transform: rotate(var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate));
 }
 

package/components/Nav/nav.scss

@@ -578,14 +578,11 @@
 
 // Borders
 .pf-c-nav__item {
-  --pf-c-nav__item__toggle-icon--Rotate: 0; // resets it for any inherited items
-
   position: relative;
   margin-top: var(--pf-c-nav__item--MarginTop);
 
   &.pf-m-expandable {
     --pf-c-nav__link--before--BorderBottomWidth: 0;
-    --pf-c-nav__item__toggle-icon--Rotate: var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate);
 
     &::before {
       position: absolute;
@@ -598,6 +595,10 @@
   }
 
   .pf-c-nav__item {
+    &:not(.pf-m-expanded) .pf-c-nav__toggle-icon {
+      transform: rotate(0);
+    }
+
     &.pf-m-expandable {
       --pf-c-nav__toggle--FontSize: var(--pf-c-nav__item__item__toggle--FontSize);
       --pf-c-nav__link--PaddingRight: var(--pf-c-nav__item__item__link--PaddingRight);
@@ -915,12 +916,7 @@
   display: inline-block;
   transition: var(--pf-c-nav__toggle-icon--Transition);
 
-  .pf-c-nav__item.pf-m-expanded .pf-c-nav__item & {
-    transform: rotate(0deg);
-  }
-
-  .pf-c-nav__item.pf-m-expanded &,
-  .pf-c-nav__item .pf-c-nav__item.pf-m-expanded & {
+  .pf-c-nav__item.pf-m-expanded & {
     transform: rotate(var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate));
   }
 }

package/components/OptionsMenu/options-menu.css

@@ -110,37 +110,29 @@
   justify-content: space-between;
   min-width: var(--pf-c-options-menu__toggle--MinWidth);
   max-width: 100%;
-  padding-left: var(--pf-c-options-menu__toggle--PaddingLeft);
+  padding: var(--pf-c-options-menu__toggle--PaddingTop) var(--pf-c-options-menu__toggle--PaddingRight) var(--pf-c-options-menu__toggle--PaddingBottom) var(--pf-c-options-menu__toggle--PaddingLeft);
   line-height: var(--pf-c-options-menu__toggle--LineHeight);
   color: var(--pf-c-options-menu__toggle--Color);
   background-color: var(--pf-c-options-menu__toggle--BackgroundColor);
   border: none;
 }
-.pf-c-options-menu__toggle:not(.pf-m-text) {
-  padding-top: var(--pf-c-options-menu__toggle--PaddingTop);
-  padding-right: var(--pf-c-options-menu__toggle--PaddingRight);
-  padding-bottom: var(--pf-c-options-menu__toggle--PaddingBottom);
-}
 .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle::before {
   --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--expanded--BorderBottomColor);
   border-bottom-width: var(--pf-c-options-menu__toggle--expanded--BorderBottomWidth);
 }
-.pf-c-options-menu__toggle.pf-m-plain {
+.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
   --pf-c-options-menu__toggle--PaddingRight: var(--pf-c-options-menu__toggle--m-plain--PaddingRight);
   --pf-c-options-menu__toggle--PaddingLeft: var(--pf-c-options-menu__toggle--m-plain--PaddingLeft);
   display: inline-block;
-}
-.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
-  justify-content: center;
   color: var(--pf-c-options-menu__toggle--m-plain--Color);
 }
-.pf-c-options-menu__toggle.pf-m-plain .pf-c-options-menu__toggle-button-icon {
+.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) .pf-c-options-menu__toggle-button-icon {
   line-height: var(--pf-c-options-menu__toggle--LineHeight);
 }
-.pf-c-options-menu__toggle.pf-m-plain:hover, .pf-c-options-menu__toggle.pf-m-plain:active, .pf-c-options-menu__toggle.pf-m-plain.pf-m-active, .pf-c-options-menu__toggle.pf-m-plain:focus, .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain {
+.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):hover, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):active, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text).pf-m-active, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):focus, .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
   --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--hover--Color);
 }
-.pf-c-options-menu__toggle.pf-m-plain.pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:disabled {
+.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text).pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):disabled {
   --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--disabled--Color);
 }
 .pf-c-options-menu__toggle.pf-m-disabled, .pf-c-options-menu__toggle:disabled {

package/components/OptionsMenu/options-menu.scss

@@ -139,18 +139,12 @@
   justify-content: space-between;
   min-width: var(--pf-c-options-menu__toggle--MinWidth);
   max-width: 100%;
-  padding-left: var(--pf-c-options-menu__toggle--PaddingLeft);
+  padding: var(--pf-c-options-menu__toggle--PaddingTop) var(--pf-c-options-menu__toggle--PaddingRight) var(--pf-c-options-menu__toggle--PaddingBottom) var(--pf-c-options-menu__toggle--PaddingLeft);
   line-height: var(--pf-c-options-menu__toggle--LineHeight);
   color: var(--pf-c-options-menu__toggle--Color);
   background-color: var(--pf-c-options-menu__toggle--BackgroundColor);
   border: none;
 
-  &:not(.pf-m-text) {
-    padding-top: var(--pf-c-options-menu__toggle--PaddingTop);
-    padding-right: var(--pf-c-options-menu__toggle--PaddingRight);
-    padding-bottom: var(--pf-c-options-menu__toggle--PaddingBottom);
-  }
-
   .pf-c-options-menu.pf-m-expanded > & {
     &::before {
       --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--expanded--BorderBottomColor);
@@ -159,16 +153,12 @@
     }
   }
 
-  &.pf-m-plain {
+  &.pf-m-plain:not(.pf-m-text) {
     --pf-c-options-menu__toggle--PaddingRight: var(--pf-c-options-menu__toggle--m-plain--PaddingRight);
     --pf-c-options-menu__toggle--PaddingLeft: var(--pf-c-options-menu__toggle--m-plain--PaddingLeft);
 
     display: inline-block;
-
-    &:not(.pf-m-text) {
-      justify-content: center;
-      color: var(--pf-c-options-menu__toggle--m-plain--Color);
-    }
+    color: var(--pf-c-options-menu__toggle--m-plain--Color);
 
     .pf-c-options-menu__toggle-button-icon {
       line-height: var(--pf-c-options-menu__toggle--LineHeight);

package/components/TextInputGroup/text-input-group.css

@@ -1,4 +1,5 @@
 .pf-c-text-input-group {
+  --pf-c-text-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
   --pf-c-text-input-group__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
   --pf-c-text-input-group__text--before--BorderColor: var(--pf-global--BorderColor--300);
   --pf-c-text-input-group__text--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
@@ -23,12 +24,24 @@
   --pf-c-text-input-group__utilities--child--MarginLeft: var(--pf-global--spacer--xs);
   --pf-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--xs);
   --pf-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-global--spacer--xs);
+  --pf-c-text-input-group--m-disabled--Color: var(--pf-global--disabled-color--100);
+  --pf-c-text-input-group--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
   position: relative;
   display: flex;
+  color: var(--pf-c-text-input-group--Color, inherit);
+  background-color: var(--pf-c-text-input-group--BackgroundColor);
 }
 .pf-c-text-input-group:hover {
   --pf-c-text-input-group__text--after--BorderBottomColor: var(--pf-c-text-input-group--hover__text--after--BorderBottomColor);
 }
+.pf-c-text-input-group.pf-m-disabled {
+  --pf-c-text-input-group__text--before--BorderWidth: 0;
+  --pf-c-text-input-group__text--after--BorderBottomWidth: 0;
+  --pf-c-text-input-group--Color: var(--pf-c-text-input-group--m-disabled--Color);
+  --pf-c-text-input-group__icon--Color: var(--pf-c-text-input-group--m-disabled--Color);
+  --pf-c-text-input-group--BackgroundColor: var(--pf-c-text-input-group--m-disabled--BackgroundColor);
+  pointer-events: none;
+}
 
 .pf-c-text-input-group__main {
   display: flex;

package/components/TextInputGroup/text-input-group.scss

@@ -1,4 +1,7 @@
 .pf-c-text-input-group {
+  // Component
+  --pf-c-text-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
+
   // Base border
   --pf-c-text-input-group__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
   --pf-c-text-input-group__text--before--BorderColor: var(--pf-global--BorderColor--300);
@@ -35,12 +38,28 @@
   --pf-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--xs);
   --pf-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-global--spacer--xs);
 
+  // input disabled style
+  --pf-c-text-input-group--m-disabled--Color: var(--pf-global--disabled-color--100);
+  --pf-c-text-input-group--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
+
   position: relative;
   display: flex;
+  color: var(--pf-c-text-input-group--Color, inherit);
+  background-color: var(--pf-c-text-input-group--BackgroundColor);
 
   &:hover {
     --pf-c-text-input-group__text--after--BorderBottomColor: var(--pf-c-text-input-group--hover__text--after--BorderBottomColor);
   }
+
+  &.pf-m-disabled {
+    --pf-c-text-input-group__text--before--BorderWidth: 0;
+    --pf-c-text-input-group__text--after--BorderBottomWidth: 0;
+    --pf-c-text-input-group--Color: var(--pf-c-text-input-group--m-disabled--Color);
+    --pf-c-text-input-group__icon--Color: var(--pf-c-text-input-group--m-disabled--Color);
+    --pf-c-text-input-group--BackgroundColor: var(--pf-c-text-input-group--m-disabled--BackgroundColor);
+
+    pointer-events: none;
+  }
 }
 
 .pf-c-text-input-group__main {

package/docs/components/MenuToggle/examples/MenuToggle.md

@@ -186,6 +186,53 @@ cssPrefix: pf-c-menu-toggle
 
 ```
 
+### Plain with text
+
+```html
+<button
+  class="pf-c-menu-toggle pf-m-plain pf-m-text"
+  type="button"
+  aria-expanded="false"
+  disabled
+>
+  <span class="pf-c-menu-toggle__text">Disabled</span>
+  <span class="pf-c-menu-toggle__controls">
+    <span class="pf-c-menu-toggle__toggle-icon">
+      <i class="fas fa-caret-down" aria-hidden="true"></i>
+    </span>
+  </span>
+</button>
+
+&nbsp;
+<button
+  class="pf-c-menu-toggle pf-m-plain pf-m-text"
+  type="button"
+  aria-expanded="false"
+>
+  <span class="pf-c-menu-toggle__text">Custom text</span>
+  <span class="pf-c-menu-toggle__controls">
+    <span class="pf-c-menu-toggle__toggle-icon">
+      <i class="fas fa-caret-down" aria-hidden="true"></i>
+    </span>
+  </span>
+</button>
+
+&nbsp;
+<button
+  class="pf-c-menu-toggle pf-m-plain pf-m-text pf-m-expanded"
+  type="button"
+  aria-expanded="true"
+>
+  <span class="pf-c-menu-toggle__text">Custom text (expanded)</span>
+  <span class="pf-c-menu-toggle__controls">
+    <span class="pf-c-menu-toggle__toggle-icon">
+      <i class="fas fa-caret-down" aria-hidden="true"></i>
+    </span>
+  </span>
+</button>
+
+```
+
 ### With image and text
 
 ```html
@@ -246,6 +293,7 @@ cssPrefix: pf-c-menu-toggle
 | `.pf-c-menu-toggle__controls`    | `<span>`            | Defines the menu toggle component controls.                   |
 | `.pf-c-menu-toggle__toggle-icon` | `<span>`            | Defines the menu toggle component toggle/arrow icon.          |
 | `.pf-m-primary`                  | `.pf-c-menu-toggle` | Modifies the menu toggle component for the primary variation. |
+| `.pf-m-text`                     | `.pf-c-menu-toggle` | Modifies the menu toggle component for the text variation.    |
 | `.pf-m-plain`                    | `.pf-c-menu-toggle` | Modifies the menu toggle component for the plain variation.   |
 | `.pf-m-expanded`                 | `.pf-c-menu-toggle` | Modifies the menu toggle component for the expanded state.    |
 | `.pf-m-full-height`              | `.pf-c-menu-toggle` | Modifies the menu toggle component to full height of parent.  |

package/docs/components/OptionsMenu/examples/options-menu.md

@@ -415,21 +415,19 @@ cssPrefix: pf-c-options-menu
 
 ```html
 <div class="pf-c-options-menu">
-  <div class="pf-c-options-menu__toggle pf-m-text pf-m-disabled pf-m-plain">
+  <button
+    class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
+    type="button"
+    id="options-menu-disabled-text-example-toggle"
+    aria-haspopup="listbox"
+    aria-expanded="false"
+    disabled
+  >
     <span class="pf-c-options-menu__toggle-text">Custom text</span>
-    <button
-      class="pf-c-options-menu__toggle-button"
-      id="options-menu-disabled-text-example-toggle"
-      aria-haspopup="listbox"
-      aria-expanded="false"
-      aria-label="Options menu"
-      disabled
-    >
-      <span class="pf-c-options-menu__toggle-button-icon">
-        <i class="fas fa-caret-down" aria-hidden="true"></i>
-      </span>
-    </button>
-  </div>
+    <div class="pf-c-options-menu__toggle-icon">
+      <i class="fas fa-caret-down" aria-hidden="true"></i>
+    </div>
+  </button>
   <ul
     class="pf-c-options-menu__menu"
     aria-labelledby="options-menu-disabled-text-example-toggle"
@@ -453,20 +451,18 @@ cssPrefix: pf-c-options-menu
 </div>
 
 <div class="pf-c-options-menu">
-  <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
+  <button
+    class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
+    type="button"
+    id="options-menu-plain-text-example-toggle"
+    aria-haspopup="listbox"
+    aria-expanded="false"
+  >
     <span class="pf-c-options-menu__toggle-text">Custom text</span>
-    <button
-      class="pf-c-options-menu__toggle-button"
-      id="options-menu-plain-text-example-toggle"
-      aria-haspopup="listbox"
-      aria-expanded="false"
-      aria-label="Options menu"
-    >
-      <span class="pf-c-options-menu__toggle-button-icon">
-        <i class="fas fa-caret-down" aria-hidden="true"></i>
-      </span>
-    </button>
-  </div>
+    <div class="pf-c-options-menu__toggle-icon">
+      <i class="fas fa-caret-down" aria-hidden="true"></i>
+    </div>
+  </button>
   <ul
     class="pf-c-options-menu__menu"
     aria-labelledby="options-menu-plain-text-example-toggle"
@@ -490,20 +486,18 @@ cssPrefix: pf-c-options-menu
 </div>
 
 <div class="pf-c-options-menu pf-m-expanded">
-  <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
+  <button
+    class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
+    type="button"
+    id="options-menu-plain-text-expanded-example-toggle"
+    aria-haspopup="listbox"
+    aria-expanded="true"
+  >
     <span class="pf-c-options-menu__toggle-text">Custom text</span>
-    <button
-      class="pf-c-options-menu__toggle-button"
-      id="options-menu-plain-text-expanded-example-toggle"
-      aria-haspopup="listbox"
-      aria-expanded="true"
-      aria-label="Options menu"
-    >
-      <span class="pf-c-options-menu__toggle-button-icon">
-        <i class="fas fa-caret-down" aria-hidden="true"></i>
-      </span>
-    </button>
-  </div>
+    <div class="pf-c-options-menu__toggle-icon">
+      <i class="fas fa-caret-down" aria-hidden="true"></i>
+    </div>
+  </button>
   <ul
     class="pf-c-options-menu__menu"
     aria-labelledby="options-menu-plain-text-expanded-example-toggle"

package/docs/components/TextInputGroup/examples/TextInputGroup.md

@@ -23,6 +23,25 @@ cssPrefix: pf-c-text-input-group
 
 ```
 
+### Disabled
+
+```html
+<div class="pf-c-text-input-group pf-m-disabled">
+  <div class="pf-c-text-input-group__main">
+    <span class="pf-c-text-input-group__text">
+      <input
+        class="pf-c-text-input-group__text-input"
+        type="text"
+        value="Disabled"
+        aria-label="Disabled text input group example input"
+        disabled
+      />
+    </span>
+  </div>
+</div>
+
+```
+
 ### Utilities and icon
 
 ```html

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "4.152.0",
+  "version": "4.154.1",
   "keywords": [],
   "license": "MIT",
   "scripts": {

package/patternfly-no-reset.css

@@ -16222,7 +16222,7 @@ ul.pf-c-list {
   --pf-c-menu-toggle--m-expanded--Color: var(--pf-c-menu-toggle--m-primary--m-expanded--Color);
   --pf-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-c-menu-toggle--m-primary--m-expanded--BackgroundColor);
 }
-.pf-c-menu-toggle.pf-m-plain {
+.pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
   --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
   --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
   --pf-c-menu-toggle--focus--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
@@ -16962,13 +16962,11 @@ ul.pf-c-list {
 }
 
 .pf-c-nav__item {
-  --pf-c-nav__item__toggle-icon--Rotate: 0;
   position: relative;
   margin-top: var(--pf-c-nav__item--MarginTop);
 }
 .pf-c-nav__item.pf-m-expandable {
   --pf-c-nav__link--before--BorderBottomWidth: 0;
-  --pf-c-nav__item__toggle-icon--Rotate: var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate);
 }
 .pf-c-nav__item.pf-m-expandable::before {
   position: absolute;
@@ -16978,6 +16976,9 @@ ul.pf-c-list {
   content: "";
   border-bottom: var(--pf-c-nav__item--before--BorderWidth) solid var(--pf-c-nav__item--before--BorderColor);
 }
+.pf-c-nav__item .pf-c-nav__item:not(.pf-m-expanded) .pf-c-nav__toggle-icon {
+  transform: rotate(0);
+}
 .pf-c-nav__item .pf-c-nav__item.pf-m-expandable {
   --pf-c-nav__toggle--FontSize: var(--pf-c-nav__item__item__toggle--FontSize);
   --pf-c-nav__link--PaddingRight: var(--pf-c-nav__item__item__link--PaddingRight);
@@ -17227,10 +17228,7 @@ ul.pf-c-list {
   display: inline-block;
   transition: var(--pf-c-nav__toggle-icon--Transition);
 }
-.pf-c-nav__item.pf-m-expanded .pf-c-nav__item .pf-c-nav__toggle-icon {
-  transform: rotate(0deg);
-}
-.pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon, .pf-c-nav__item .pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon {
+.pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon {
   transform: rotate(var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate));
 }
 
@@ -17777,37 +17775,29 @@ ul.pf-c-list {
   justify-content: space-between;
   min-width: var(--pf-c-options-menu__toggle--MinWidth);
   max-width: 100%;
-  padding-left: var(--pf-c-options-menu__toggle--PaddingLeft);
+  padding: var(--pf-c-options-menu__toggle--PaddingTop) var(--pf-c-options-menu__toggle--PaddingRight) var(--pf-c-options-menu__toggle--PaddingBottom) var(--pf-c-options-menu__toggle--PaddingLeft);
   line-height: var(--pf-c-options-menu__toggle--LineHeight);
   color: var(--pf-c-options-menu__toggle--Color);
   background-color: var(--pf-c-options-menu__toggle--BackgroundColor);
   border: none;
 }
-.pf-c-options-menu__toggle:not(.pf-m-text) {
-  padding-top: var(--pf-c-options-menu__toggle--PaddingTop);
-  padding-right: var(--pf-c-options-menu__toggle--PaddingRight);
-  padding-bottom: var(--pf-c-options-menu__toggle--PaddingBottom);
-}
 .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle::before {
   --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--expanded--BorderBottomColor);
   border-bottom-width: var(--pf-c-options-menu__toggle--expanded--BorderBottomWidth);
 }
-.pf-c-options-menu__toggle.pf-m-plain {
+.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
   --pf-c-options-menu__toggle--PaddingRight: var(--pf-c-options-menu__toggle--m-plain--PaddingRight);
   --pf-c-options-menu__toggle--PaddingLeft: var(--pf-c-options-menu__toggle--m-plain--PaddingLeft);
   display: inline-block;
-}
-.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
-  justify-content: center;
   color: var(--pf-c-options-menu__toggle--m-plain--Color);
 }
-.pf-c-options-menu__toggle.pf-m-plain .pf-c-options-menu__toggle-button-icon {
+.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) .pf-c-options-menu__toggle-button-icon {
   line-height: var(--pf-c-options-menu__toggle--LineHeight);
 }
-.pf-c-options-menu__toggle.pf-m-plain:hover, .pf-c-options-menu__toggle.pf-m-plain:active, .pf-c-options-menu__toggle.pf-m-plain.pf-m-active, .pf-c-options-menu__toggle.pf-m-plain:focus, .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain {
+.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):hover, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):active, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text).pf-m-active, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):focus, .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
   --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--hover--Color);
 }
-.pf-c-options-menu__toggle.pf-m-plain.pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:disabled {
+.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text).pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):disabled {
   --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--disabled--Color);
 }
 .pf-c-options-menu__toggle.pf-m-disabled, .pf-c-options-menu__toggle:disabled {
@@ -25784,6 +25774,7 @@ svg.pf-c-spinner.pf-m-xl {
 }
 
 .pf-c-text-input-group {
+  --pf-c-text-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
   --pf-c-text-input-group__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
   --pf-c-text-input-group__text--before--BorderColor: var(--pf-global--BorderColor--300);
   --pf-c-text-input-group__text--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
@@ -25808,12 +25799,24 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-text-input-group__utilities--child--MarginLeft: var(--pf-global--spacer--xs);
   --pf-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--xs);
   --pf-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-global--spacer--xs);
+  --pf-c-text-input-group--m-disabled--Color: var(--pf-global--disabled-color--100);
+  --pf-c-text-input-group--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
   position: relative;
   display: flex;
+  color: var(--pf-c-text-input-group--Color, inherit);
+  background-color: var(--pf-c-text-input-group--BackgroundColor);
 }
 .pf-c-text-input-group:hover {
   --pf-c-text-input-group__text--after--BorderBottomColor: var(--pf-c-text-input-group--hover__text--after--BorderBottomColor);
 }
+.pf-c-text-input-group.pf-m-disabled {
+  --pf-c-text-input-group__text--before--BorderWidth: 0;
+  --pf-c-text-input-group__text--after--BorderBottomWidth: 0;
+  --pf-c-text-input-group--Color: var(--pf-c-text-input-group--m-disabled--Color);
+  --pf-c-text-input-group__icon--Color: var(--pf-c-text-input-group--m-disabled--Color);
+  --pf-c-text-input-group--BackgroundColor: var(--pf-c-text-input-group--m-disabled--BackgroundColor);
+  pointer-events: none;
+}
 
 .pf-c-text-input-group__main {
   display: flex;