@patternfly/patternfly 4.151.0 → 4.151.4

package/RELEASE-NOTES.md

@@ -4,6 +4,42 @@ section: developer-resources
 releaseNoteTOC: true
 ---
 
+## 2021.14 release notes (2021-10-26)
+Packages released:
+- [@patternfly/patternfly@v4.151.4](https://www.npmjs.com/package/@patternfly/patternfly/v/4.151.4)
+
+### Components
+- **App launcher, menu, select:** Fixed favorite colors ([#4437](https://github.com/patternfly/patternfly/pull/4437))
+- **Card:** Added hoverable/selectable/selected-raised ([#4425](https://github.com/patternfly/patternfly/pull/4425))
+- **Context selector:** Added demos ([#4454](https://github.com/patternfly/patternfly/pull/4454))
+- **Form:** Added group role to section and field group ([#4424](https://github.com/patternfly/patternfly/pull/4424))
+- **Modal:** Added demo to link form to submit button in footer ([#4432](https://github.com/patternfly/patternfly/pull/4432))
+- **Nav:**
+  - Added third level expansion ([#4460](https://github.com/patternfly/patternfly/pull/4460))
+  - Removed broken icon font size var ([#4473](https://github.com/patternfly/patternfly/pull/4473))
+- **Pagination:** Added indeterminate count example ([#4428](https://github.com/patternfly/patternfly/pull/4428))
+- **Panel:** Added panel component ([#4456](https://github.com/patternfly/patternfly/pull/4456))
+- **Popover:**
+  - Added alert styling ([#4452](https://github.com/patternfly/patternfly/pull/4452))
+  - Increased box shadow from medium to large ([#4457](https://github.com/patternfly/patternfly/pull/4457))
+- **Select:** Added vars for width/min-width ([#4443](https://github.com/patternfly/patternfly/pull/4443))
+- **Table:** Added nested headers ([#4448](https://github.com/patternfly/patternfly/pull/4448))
+- **Text input group:** Moved icon modifier to main element ([#4465](https://github.com/patternfly/patternfly/pull/4465))
+- **Tile:** Updated hover/selected styles ([#4439](https://github.com/patternfly/patternfly/pull/4439))
+- **Toolbar:** Renamed sticky-top to sticky ([#4461](https://github.com/patternfly/patternfly/pull/4461))
+- **Tooltip:** Updated spacing, arrow ([#4462](https://github.com/patternfly/patternfly/pull/4462))
+
+### Other
+- **Build:** Fix select border minification ([#4442](https://github.com/patternfly/patternfly/pull/4442))
+- **Docs:**
+  - Promote beta components ([#4459](https://github.com/patternfly/patternfly/pull/4459))
+  - Renamed drag drop to drag and drop in sidebar ([#4450](https://github.com/patternfly/patternfly/pull/4450))
+- **Global:** Updated use of date element in examples (#4412) ([#4423](https://github.com/patternfly/patternfly/pull/4423))
+- **Icons:**
+  - Copied unicodes from PF3 icons, make new icon unicodes persist ([#4402](https://github.com/patternfly/patternfly/pull/4402))
+  - Moved unicodes json write to src so it's bundled with build ([#4468](https://github.com/patternfly/patternfly/pull/4468))
+
+
 ## 2021.13 release notes (2021-10-13)
 Packages released:
 - [@patternfly/patternfly@v4.144.5](https://www.npmjs.com/package/@patternfly/patternfly/v/4.144.5)
@@ -12,8 +48,8 @@ Packages released:
 - **Backdrop:** Added var for position to allow customization ([#4391](https://github.com/patternfly/patternfly/pull/4391))
 - **Banner:** Added link style ([#4383](https://github.com/patternfly/patternfly/pull/4383))
 - **Card:**
-  * Fixed demo image paths ([#4400](https://github.com/patternfly/patternfly/pull/4400))
   * Updated log view and event view demos ([#4371](https://github.com/patternfly/patternfly/pull/4371))
+  * Fixed demo image paths ([#4400](https://github.com/patternfly/patternfly/pull/4400))
 - **Drag drop:**
   * Added drag drop ([#4398](https://github.com/patternfly/patternfly/pull/4398))
   * Moved drag drop styles into component ([#4404](https://github.com/patternfly/patternfly/pull/4404))

package/assets/icons/{fa-unicodes.json → iconUnicodes.json}

@@ -1,4 +1,127 @@
 {
+  "pf-icon-add-circle-o": "E61B",
+  "pf-icon-ansible-tower": "E950",
+  "pf-icon-applications": "E936",
+  "pf-icon-arrow": "E929",
+  "pf-icon-asleep": "E92E",
+  "pf-icon-attention-bell": "E951",
+  "pf-icon-automation": "E937",
+  "pf-icon-bell": "E952",
+  "pf-icon-blueprint": "E915",
+  "pf-icon-build": "E902",
+  "pf-icon-builder-image": "E800",
+  "pf-icon-bundle": "E918",
+  "pf-icon-catalog": "E953",
+  "pf-icon-chat": "E954",
+  "pf-icon-close": "E60B",
+  "pf-icon-cloud-security": "E903",
+  "pf-icon-cloud-tenant": "E904",
+  "pf-icon-cluster": "E620",
+  "pf-icon-connected": "E938",
+  "pf-icon-container-node": "E621",
+  "pf-icon-cpu": "E927",
+  "pf-icon-degraded": "E91B",
+  "pf-icon-disconnected": "E955",
+  "pf-icon-domain": "E919",
+  "pf-icon-edit": "E60A",
+  "pf-icon-enhancement": "E93A",
+  "pf-icon-enterprise": "E906",
+  "pf-icon-equalizer": "E956",
+  "pf-icon-error-circle-o": "E926",
+  "pf-icon-export": "E616",
+  "pf-icon-filter": "E943",
+  "pf-icon-flavor": "E957",
+  "pf-icon-folder-close": "E607",
+  "pf-icon-folder-open": "E606",
+  "pf-icon-globe-route": "E958",
+  "pf-icon-help": "E605",
+  "pf-icon-history": "E617",
+  "pf-icon-home": "E618",
+  "pf-icon-import": "E615",
+  "pf-icon-in-progress": "E933",
+  "pf-icon-info": "E92B",
+  "pf-icon-infrastructure": "E93D",
+  "pf-icon-integration": "E948",
+  "pf-icon-key": "E924",
+  "pf-icon-locked": "E923",
+  "pf-icon-maintenance": "E932",
+  "pf-icon-memory": "E908",
+  "pf-icon-messages": "E603",
+  "pf-icon-middleware": "E917",
+  "pf-icon-migration": "E931",
+  "pf-icon-module": "E959",
+  "pf-icon-monitoring": "E95A",
+  "pf-icon-namespaces": "E95B",
+  "pf-icon-network": "E909",
+  "pf-icon-new-process": "E95C",
+  "pf-icon-not-started": "E95D",
+  "pf-icon-off": "E92D",
+  "pf-icon-ok": "E602",
+  "pf-icon-on-running": "E925",
+  "pf-icon-on": "E92C",
+  "pf-icon-openshift": "E95E",
+  "pf-icon-openstack": "E95F",
+  "pf-icon-optimize": "E93E",
+  "pf-icon-orders": "E93F",
+  "pf-icon-os-image": "E960",
+  "pf-icon-package": "E961",
+  "pf-icon-panel-close": "E962",
+  "pf-icon-panel-open": "E963",
+  "pf-icon-paused": "E92F",
+  "pf-icon-pending": "E964",
+  "pf-icon-pficon-dragdrop": "E965",
+  "pf-icon-pficon-history": "E966",
+  "pf-icon-pficon-network-range": "E967",
+  "pf-icon-pficon-satellite": "E968",
+  "pf-icon-pficon-sort-common-asc": "E94E",
+  "pf-icon-pficon-sort-common-desc": "E94F",
+  "pf-icon-pficon-template": "E94C",
+  "pf-icon-pficon-vcenter": "E969",
+  "pf-icon-plugged": "E96A",
+  "pf-icon-port": "E96B",
+  "pf-icon-print": "E612",
+  "pf-icon-private": "E914",
+  "pf-icon-process-automation": "E949",
+  "pf-icon-project": "E96C",
+  "pf-icon-rebalance": "E91C",
+  "pf-icon-rebooting": "E96D",
+  "pf-icon-regions": "E90A",
+  "pf-icon-registry": "E623",
+  "pf-icon-remove2": "E96E",
+  "pf-icon-replicator": "E624",
+  "pf-icon-repository": "E90B",
+  "pf-icon-resource-pool": "E90C",
+  "pf-icon-resources-almost-empty": "E91D",
+  "pf-icon-resources-almost-full": "E912",
+  "pf-icon-resources-empty": "E96F",
+  "pf-icon-resources-full": "E913",
+  "pf-icon-running": "E970",
+  "pf-icon-save": "E601",
+  "pf-icon-screen": "E971",
+  "pf-icon-security": "E946",
+  "pf-icon-server-group": "E91A",
+  "pf-icon-server": "E90D",
+  "pf-icon-service-catalog": "E972",
+  "pf-icon-service": "E61E",
+  "pf-icon-services": "E947",
+  "pf-icon-spinner": "E973",
+  "pf-icon-spinner2": "E613",
+  "pf-icon-storage-domain": "E90E",
+  "pf-icon-task": "E974",
+  "pf-icon-tenant": "E916",
+  "pf-icon-thumb-tack": "E920",
+  "pf-icon-topology": "E608",
+  "pf-icon-trend-down": "E900",
+  "pf-icon-trend-up": "E901",
+  "pf-icon-unknown": "E935",
+  "pf-icon-unlocked": "E922",
+  "pf-icon-unplugged": "E942",
+  "pf-icon-user": "E91E",
+  "pf-icon-users": "E91F",
+  "pf-icon-virtual-machine": "E90F",
+  "pf-icon-volume": "E910",
+  "pf-icon-warning-triangle": "E975",
+  "pf-icon-zone": "E911",
   "fa-500px": "f26e",
   "fa-accessible-icon": "f368",
   "fa-accusoft": "f369",

package/components/Nav/nav.css

@@ -25,7 +25,7 @@
   --pf-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-global--BackgroundColor--dark-400);
   --pf-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth: var(--pf-global--BorderWidth--xl);
   --pf-c-nav__item__item__link--PaddingRight: var(--pf-global--spacer--xl);
-  --pf-c-nav__item__item__toggle--FontSize: var(--pf-global--icon--FontSize--xs);
+  --pf-c-nav__item__item__toggle--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-nav__item__toggle-icon--Rotate: 0;
   --pf-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
   --pf-c-nav__item--before--BorderColor: var(--pf-global--BackgroundColor--dark-200);

package/components/Nav/nav.scss

@@ -31,7 +31,7 @@
   --pf-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-global--BackgroundColor--dark-400);
   --pf-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth: var(--pf-global--BorderWidth--xl);
   --pf-c-nav__item__item__link--PaddingRight: var(--pf-global--spacer--xl);
-  --pf-c-nav__item__item__toggle--FontSize: var(--pf-global--icon--FontSize--xs);
+  --pf-c-nav__item__item__toggle--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-nav__item__toggle-icon--Rotate: 0;
   --pf-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
 

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

@@ -7,11 +7,11 @@
   --pf-c-text-input-group__text--focus-within--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
   --pf-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
   --pf-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
   --pf-c-text-input-group__text-input--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-text-input-group__text-input--PaddingRight: var(--pf-global--spacer--sm);
   --pf-c-text-input-group__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
   --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-text-input-group--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
   --pf-c-text-input-group__text-input--MinWidth: 12ch;
   --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
   --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
@@ -29,9 +29,6 @@
 .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-icon {
-  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-c-text-input-group--m-icon__text-input--PaddingLeft);
-}
 
 .pf-c-text-input-group__main {
   display: flex;
@@ -39,6 +36,9 @@
   gap: var(--pf-global--spacer--sm);
   min-width: 0;
 }
+.pf-c-text-input-group__main.pf-m-icon {
+  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-c-text-input-group__main--m-icon__text-input--PaddingLeft);
+}
 .pf-c-text-input-group__main > :first-child:not(.pf-c-text-input-group__text) {
   margin-left: var(--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft);
 }

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

@@ -12,13 +12,13 @@
 
   // Main
   --pf-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
 
-  // Search input
+  // Text input
   --pf-c-text-input-group__text-input--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-text-input-group__text-input--PaddingRight: var(--pf-global--spacer--sm);
   --pf-c-text-input-group__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
   --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-text-input-group--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
   --pf-c-text-input-group__text-input--MinWidth: 12ch;
   --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200); // matches placeholder text color
 
@@ -41,10 +41,6 @@
   &:hover {
     --pf-c-text-input-group__text--after--BorderBottomColor: var(--pf-c-text-input-group--hover__text--after--BorderBottomColor);
   }
-
-  &.pf-m-icon {
-    --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-c-text-input-group--m-icon__text-input--PaddingLeft);
-  }
 }
 
 .pf-c-text-input-group__main {
@@ -53,6 +49,10 @@
   gap: var(--pf-global--spacer--sm);
   min-width: 0;
 
+  &.pf-m-icon {
+    --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-c-text-input-group__main--m-icon__text-input--PaddingLeft);
+  }
+
   > :first-child:not(.pf-c-text-input-group__text) {
     margin-left: var(--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft);
   }

package/components/Toolbar/toolbar.css

@@ -69,8 +69,8 @@
   --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
   --pf-c-toolbar__item--Display: block;
   --pf-c-toolbar__group--Display: flex;
-  --pf-c-toolbar--m-sticky-top--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-toolbar--m-sticky-top--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
+  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
   --pf-c-toolbar__content--Display: flex;
   --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
@@ -141,11 +141,11 @@
   --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--m-page-insets--inset);
   --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--m-page-insets--inset);
 }
-.pf-c-toolbar.pf-m-sticky-top {
+.pf-c-toolbar.pf-m-sticky {
   position: sticky;
   top: 0;
-  z-index: var(--pf-c-toolbar--m-sticky-top--ZIndex);
-  box-shadow: var(--pf-c-toolbar--m-sticky-top--BoxShadow);
+  z-index: var(--pf-c-toolbar--m-sticky--ZIndex);
+  box-shadow: var(--pf-c-toolbar--m-sticky--BoxShadow);
 }
 .pf-c-toolbar.pf-m-full-height {
   --pf-c-toolbar--PaddingTop: var(--pf-c-toolbar--m-full-height--PaddingTop);

package/components/Toolbar/toolbar.scss

@@ -17,8 +17,8 @@ $pf-c-toolbar--inset-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl"
   --pf-c-toolbar__group--Display: flex;
 
   // Sticky
-  --pf-c-toolbar--m-sticky-top--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-toolbar--m-sticky-top--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
+  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
 
   // Content
   --pf-c-toolbar__content--Display: flex;
@@ -133,11 +133,11 @@ $pf-c-toolbar--inset-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl"
     --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--m-page-insets--inset);
   }
 
-  &.pf-m-sticky-top {
+  &.pf-m-sticky {
     position: sticky;
     top: 0;
-    z-index: var(--pf-c-toolbar--m-sticky-top--ZIndex);
-    box-shadow: var(--pf-c-toolbar--m-sticky-top--BoxShadow);
+    z-index: var(--pf-c-toolbar--m-sticky--ZIndex);
+    box-shadow: var(--pf-c-toolbar--m-sticky--BoxShadow);
   }
 
   &.pf-m-full-height {

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

@@ -26,8 +26,8 @@ cssPrefix: pf-c-text-input-group
 ### Utilities and icon
 
 ```html
-<div class="pf-c-text-input-group pf-m-icon">
-  <div class="pf-c-text-input-group__main">
+<div class="pf-c-text-input-group">
+  <div class="pf-c-text-input-group__main pf-m-icon">
     <span class="pf-c-text-input-group__text">
       <span class="pf-c-text-input-group__icon">
         <i class="fas fa-fw fa-search"></i>

package/docs/components/Toolbar/examples/Toolbar.md

@@ -4082,7 +4082,7 @@ As the toolbar component is a hybrid layout and component, some of its elements
 | `.pf-c-toolbar__content`              | `<div>`                                                                                                   | Initiates a toolbar content container. **Required**                                                                                                                                                                                         |
 | `.pf-c-toolbar__content-section`      | `<div>`                                                                                                   | Initiates a toolbar content section. This is used to separate static elements from dynamic elements within a content container. There should be no more than one `.pf-c-toolbar__content-section` per `.pf-c-toolbar__content` **Required** |
 | `.pf-c-toolbar__expandable-content`   | `<div>`                                                                                                   | Initiates a toolbar expandable content section.                                                                                                                                                                                             |
-| `.pf-m-sticky-top`                    | `.pf-c-toolbar`                                                                                           | Modifies toolbar component to be sticky to the top of its container.                                                                                                                                                                        |
+| `.pf-m-sticky`                        | `.pf-c-toolbar`                                                                                           | Modifies toolbar component to be sticky to the top of its container.                                                                                                                                                                        |
 | `.pf-m-full-height`                   | `.pf-c-toolbar`                                                                                           | Modifies toolbar component to full height of its container and removes vertical padding.                                                                                                                                                    |
 | `.pf-m-static`                        | `.pf-c-toolbar`                                                                                           | Modifies expandable content section to position itself to the nearest absolutely positioned parent outside of the toolbar component. This is used primarily for masthead toolbar.                                                           |
 | `.pf-m-expanded`                      | `.pf-c-toolbar__expandable-content`                                                                       | Modifies expandable content section for the expanded state.                                                                                                                                                                                 |

package/package.json

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

package/patternfly-no-reset.css

@@ -9949,8 +9949,8 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
   --pf-c-toolbar__item--Display: block;
   --pf-c-toolbar__group--Display: flex;
-  --pf-c-toolbar--m-sticky-top--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-toolbar--m-sticky-top--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
+  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
   --pf-c-toolbar__content--Display: flex;
   --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
@@ -10021,11 +10021,11 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--m-page-insets--inset);
   --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--m-page-insets--inset);
 }
-.pf-c-toolbar.pf-m-sticky-top {
+.pf-c-toolbar.pf-m-sticky {
   position: sticky;
   top: 0;
-  z-index: var(--pf-c-toolbar--m-sticky-top--ZIndex);
-  box-shadow: var(--pf-c-toolbar--m-sticky-top--BoxShadow);
+  z-index: var(--pf-c-toolbar--m-sticky--ZIndex);
+  box-shadow: var(--pf-c-toolbar--m-sticky--BoxShadow);
 }
 .pf-c-toolbar.pf-m-full-height {
   --pf-c-toolbar--PaddingTop: var(--pf-c-toolbar--m-full-height--PaddingTop);
@@ -16510,7 +16510,7 @@ ul.pf-c-list {
   --pf-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-global--BackgroundColor--dark-400);
   --pf-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth: var(--pf-global--BorderWidth--xl);
   --pf-c-nav__item__item__link--PaddingRight: var(--pf-global--spacer--xl);
-  --pf-c-nav__item__item__toggle--FontSize: var(--pf-global--icon--FontSize--xs);
+  --pf-c-nav__item__item__toggle--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-nav__item__toggle-icon--Rotate: 0;
   --pf-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
   --pf-c-nav__item--before--BorderColor: var(--pf-global--BackgroundColor--dark-200);
@@ -25792,11 +25792,11 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-text-input-group__text--focus-within--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
   --pf-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
   --pf-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
   --pf-c-text-input-group__text-input--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-text-input-group__text-input--PaddingRight: var(--pf-global--spacer--sm);
   --pf-c-text-input-group__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
   --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-text-input-group--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
   --pf-c-text-input-group__text-input--MinWidth: 12ch;
   --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
   --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
@@ -25814,9 +25814,6 @@ svg.pf-c-spinner.pf-m-xl {
 .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-icon {
-  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-c-text-input-group--m-icon__text-input--PaddingLeft);
-}
 
 .pf-c-text-input-group__main {
   display: flex;
@@ -25824,6 +25821,9 @@ svg.pf-c-spinner.pf-m-xl {
   gap: var(--pf-global--spacer--sm);
   min-width: 0;
 }
+.pf-c-text-input-group__main.pf-m-icon {
+  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-c-text-input-group__main--m-icon__text-input--PaddingLeft);
+}
 .pf-c-text-input-group__main > :first-child:not(.pf-c-text-input-group__text) {
   margin-left: var(--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft);
 }

package/patternfly.css

@@ -10085,8 +10085,8 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
   --pf-c-toolbar__item--Display: block;
   --pf-c-toolbar__group--Display: flex;
-  --pf-c-toolbar--m-sticky-top--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-toolbar--m-sticky-top--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
+  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
   --pf-c-toolbar__content--Display: flex;
   --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
@@ -10157,11 +10157,11 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--m-page-insets--inset);
   --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--m-page-insets--inset);
 }
-.pf-c-toolbar.pf-m-sticky-top {
+.pf-c-toolbar.pf-m-sticky {
   position: sticky;
   top: 0;
-  z-index: var(--pf-c-toolbar--m-sticky-top--ZIndex);
-  box-shadow: var(--pf-c-toolbar--m-sticky-top--BoxShadow);
+  z-index: var(--pf-c-toolbar--m-sticky--ZIndex);
+  box-shadow: var(--pf-c-toolbar--m-sticky--BoxShadow);
 }
 .pf-c-toolbar.pf-m-full-height {
   --pf-c-toolbar--PaddingTop: var(--pf-c-toolbar--m-full-height--PaddingTop);
@@ -16646,7 +16646,7 @@ ul.pf-c-list {
   --pf-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-global--BackgroundColor--dark-400);
   --pf-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth: var(--pf-global--BorderWidth--xl);
   --pf-c-nav__item__item__link--PaddingRight: var(--pf-global--spacer--xl);
-  --pf-c-nav__item__item__toggle--FontSize: var(--pf-global--icon--FontSize--xs);
+  --pf-c-nav__item__item__toggle--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-nav__item__toggle-icon--Rotate: 0;
   --pf-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
   --pf-c-nav__item--before--BorderColor: var(--pf-global--BackgroundColor--dark-200);
@@ -25928,11 +25928,11 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-text-input-group__text--focus-within--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
   --pf-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
   --pf-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
   --pf-c-text-input-group__text-input--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-text-input-group__text-input--PaddingRight: var(--pf-global--spacer--sm);
   --pf-c-text-input-group__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
   --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-text-input-group--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
   --pf-c-text-input-group__text-input--MinWidth: 12ch;
   --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
   --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
@@ -25950,9 +25950,6 @@ svg.pf-c-spinner.pf-m-xl {
 .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-icon {
-  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-c-text-input-group--m-icon__text-input--PaddingLeft);
-}
 
 .pf-c-text-input-group__main {
   display: flex;
@@ -25960,6 +25957,9 @@ svg.pf-c-spinner.pf-m-xl {
   gap: var(--pf-global--spacer--sm);
   min-width: 0;
 }
+.pf-c-text-input-group__main.pf-m-icon {
+  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-c-text-input-group__main--m-icon__text-input--PaddingLeft);
+}
 .pf-c-text-input-group__main > :first-child:not(.pf-c-text-input-group__text) {
   margin-left: var(--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft);
 }