@patternfly/patternfly 4.150.0 → 4.151.3

package/RELEASE-NOTES.md

@@ -12,8 +12,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))
@@ -29,6 +29,7 @@ Packages released:
 - **Nav:**
   - Added support for menu component as flyout ([#4417](https://github.com/patternfly/patternfly/pull/4417))
   - Marked nav flyout example as beta, updated release notes ([#4444](https://github.com/patternfly/patternfly/pull/4444))
+  - Removed broken icon font size var ([#4473](https://github.com/patternfly/patternfly/pull/4473))
 - **Progress stepper:** Added help text for popover ([#4381](https://github.com/patternfly/patternfly/pull/4381))
 - **Radio, checkbox, form:** Corrected label alignment ([#4375](https://github.com/patternfly/patternfly/pull/4375))
 - **Select:**

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/Table/table-scrollable.css

@@ -18,14 +18,12 @@
   background-clip: padding-box;
 }
 .pf-c-table .pf-c-table__sticky-column.pf-m-border-right::before {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-  content: "";
-  border-right: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth) solid var(--pf-c-table__sticky-column--m-border-right--before--BorderRightColor);
+  --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth);
+  --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightColor);
+}
+.pf-c-table .pf-c-table__sticky-column.pf-m-border-left::before {
+  --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth);
+  --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftColor);
 }
 .pf-c-table.pf-m-sticky-header {
   --pf-c-table--cell--Overflow: visible;

package/components/Table/table-scrollable.scss

@@ -18,14 +18,13 @@
     background-clip: padding-box;
 
     &.pf-m-border-right::before {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      pointer-events: none;
-      content: "";
-      border-right: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth) solid var(--pf-c-table__sticky-column--m-border-right--before--BorderRightColor);
+      --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth);
+      --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightColor);
+    }
+
+    &.pf-m-border-left::before {
+      --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth);
+      --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftColor);
     }
   }
 

package/components/Table/table.css

@@ -89,17 +89,19 @@
   --pf-c-table--tbody--cell--PaddingTop: var(--pf-global--spacer--lg);
   --pf-c-table--tbody--cell--PaddingBottom: var(--pf-global--spacer--lg);
   --pf-c-table--tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
+  --pf-c-table--cell--Padding--base: var(--pf-global--spacer--md);
   --pf-c-table--cell--FontSize: var(--pf-global--FontSize--md);
   --pf-c-table--cell--FontWeight: var(--pf-global--FontWeight--normal);
   --pf-c-table--cell--Color: var(--pf-global--Color--100);
-  --pf-c-table--cell--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-table--cell--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-table--cell--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-table--cell--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-table--cell--PaddingTop: var(--pf-c-table--cell--Padding--base);
+  --pf-c-table--cell--PaddingRight: var(--pf-c-table--cell--Padding--base);
+  --pf-c-table--cell--PaddingBottom: var(--pf-c-table--cell--Padding--base);
+  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);
   --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-global--spacer--md);
   --pf-c-table--cell--first-last-child--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-global--spacer--lg);
   --pf-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);
   --pf-c-table--cell--MinWidth: 0;
   --pf-c-table--cell--MaxWidth: none;
   --pf-c-table--cell--Width: auto;
@@ -107,6 +109,10 @@
   --pf-c-table--cell--TextOverflow: clip;
   --pf-c-table--cell--WhiteSpace: normal;
   --pf-c-table--cell--WordBreak: normal;
+  --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
+  --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
   --pf-c-table--cell--m-help--MinWidth: 11ch;
   --pf-c-table--m-truncate--cell--MaxWidth: 1px;
   --pf-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-c-table--cell--PaddingRight) + var(--pf-c-table--cell--PaddingLeft));
@@ -265,6 +271,10 @@
   --pf-c-table--tbody--m-selected--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
   --pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
   --pf-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
+  --pf-c-table--thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
+  --pf-c-table--thead--m-nested-column-header--tr--PaddingTop: var(--pf-global--spacer--xs);
+  --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);
+  --pf-c-table__subhead--Color: var(--pf-global--Color--200);
   color: var(--pf-global--Color--100);
   width: 100%;
   background-color: var(--pf-c-table--BackgroundColor);
@@ -351,6 +361,21 @@
   --pf-c-table--cell--MaxWidth: fit-content;
   --pf-c-table--cell--Overflow: visible;
 }
+.pf-c-table tr > *.pf-m-border-right::before, .pf-c-table tr > *.pf-m-border-left::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: "";
+}
+.pf-c-table tr > *.pf-m-border-right::before {
+  border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);
+}
+.pf-c-table tr > *.pf-m-border-left::before {
+  border-left: var(--pf-c-table--cell--m-border-right--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
+}
 .pf-c-table caption {
   padding-top: var(--pf-c-table-caption--PaddingTop);
   padding-bottom: var(--pf-c-table-caption--PaddingBottom);
@@ -365,6 +390,28 @@
   --pf-c-table--cell--FontWeight: var(--pf-c-table--thead--cell--FontWeight);
   vertical-align: bottom;
 }
+.pf-c-table thead.pf-m-nested-column-header button {
+  outline-offset: var(--pf-c-table--thead--m-nested-column-header--button--OutlineOffset);
+}
+.pf-c-table thead.pf-m-nested-column-header th,
+.pf-c-table thead.pf-m-nested-column-header td {
+  vertical-align: middle;
+}
+.pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]),
+.pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
+  --pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop);
+}
+.pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) {
+  --pf-c-table--border-width--base: 0;
+}
+.pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]),
+.pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]) {
+  --pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom);
+}
+.pf-c-table thead .pf-c-table__subhead {
+  --pf-c-table__sort__button__text--Color: var(--pf-c-table__subhead--Color);
+  color: var(--pf-c-table__subhead--Color);
+}
 .pf-c-table tbody {
   --pf-c-table--cell--PaddingTop: var(--pf-c-table--tbody--cell--PaddingTop);
   --pf-c-table--cell--PaddingBottom: var(--pf-c-table--tbody--cell--PaddingBottom);
@@ -483,6 +530,9 @@
 .pf-c-table tr.pf-m-selected:hover + tr.pf-m-selected {
   box-shadow: var(--pf-c-table--tr--m-selected--hover--m-selected--BoxShadow);
 }
+.pf-c-table tr.pf-m-first-cell-offset-reset {
+  --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft);
+}
 .pf-c-table tbody.pf-m-hoverable {
   cursor: pointer;
   background-color: var(--pf-c-table--tbody--m-hoverable--BackgroundColor);

package/components/Table/table.scss

@@ -40,17 +40,19 @@
   --pf-c-table--tr--BoxShadow--top--base: 0 #{pf-size-prem(-3px)} #{pf-size-prem(4px)} #{pf-size-prem(-2px)} rgba(3,3,3,.08);
 
   // Th / td shared variables
+  --pf-c-table--cell--Padding--base: var(--pf-global--spacer--md);
   --pf-c-table--cell--FontSize: var(--pf-global--FontSize--md);
   --pf-c-table--cell--FontWeight: var(--pf-global--FontWeight--normal);
   --pf-c-table--cell--Color: var(--pf-global--Color--100);
-  --pf-c-table--cell--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-table--cell--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-table--cell--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-table--cell--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-table--cell--PaddingTop: var(--pf-c-table--cell--Padding--base);
+  --pf-c-table--cell--PaddingRight: var(--pf-c-table--cell--Padding--base);
+  --pf-c-table--cell--PaddingBottom: var(--pf-c-table--cell--Padding--base);
+  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);
   --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-global--spacer--md);
   --pf-c-table--cell--first-last-child--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-global--spacer--lg);
   --pf-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);
 
   // Default cell variables
   --pf-c-table--cell--MinWidth: 0;
@@ -61,6 +63,12 @@
   --pf-c-table--cell--WhiteSpace: normal;
   --pf-c-table--cell--WordBreak: normal;
 
+  // Border
+  --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
+  --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
+
   // Help
   --pf-c-table--cell--m-help--MinWidth: 11ch;
 
@@ -287,6 +295,13 @@
   --pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
   --pf-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
 
+  // Nested column header
+  --pf-c-table--thead--m-nested-column-header--button--OutlineOffset: #{pf-size-prem(-3px)};
+  --pf-c-table--thead--m-nested-column-header--tr--PaddingTop: var(--pf-global--spacer--xs);
+  --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);
+
+  // Subhead
+  --pf-c-table__subhead--Color: var(--pf-global--Color--200);
 
   @media screen and (min-width: $pf-global--breakpoint--xl) {
     --pf-c-table--cell--first-last-child--PaddingRight: var(--pf-c-table--cell--first-last-child--xl--PaddingRight);
@@ -392,6 +407,25 @@
       --pf-c-table--cell--MaxWidth: fit-content;
       --pf-c-table--cell--Overflow: visible;
     }
+
+    &.pf-m-border-right::before,
+    &.pf-m-border-left::before {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      pointer-events: none;
+      content: "";
+    }
+
+    &.pf-m-border-right::before {
+      border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);
+    }
+
+    &.pf-m-border-left::before {
+      border-left: var(--pf-c-table--cell--m-border-right--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
+    }
   }
 
   // Table caption
@@ -411,6 +445,45 @@
     --pf-c-table--cell--FontWeight: var(--pf-c-table--thead--cell--FontWeight);
 
     vertical-align: bottom;
+
+    // stylelint-disable
+    &.pf-m-nested-column-header {
+      button {
+        outline-offset: var(--pf-c-table--thead--m-nested-column-header--button--OutlineOffset);
+      }
+
+      th,
+      td {
+        vertical-align: middle;
+      }
+
+      tr:not(:first-child) {
+        th,
+        td {
+          &:not([rowspan]) {
+            --pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop);
+          }
+        }
+      }
+
+      tr:not(:last-child) {
+        --pf-c-table--border-width--base: 0; // hard reset tr borders in nested headers
+
+        th,
+        td {
+          &:not([rowspan]) {
+            --pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom);
+          }
+        }
+      }
+    }
+    // stylelint-enable
+
+    .pf-c-table__subhead {
+      --pf-c-table__sort__button__text--Color: var(--pf-c-table__subhead--Color);
+
+      color: var(--pf-c-table__subhead--Color);
+    }
   }
 
   // Table body cell
@@ -589,6 +662,10 @@
     }
   }
 
+  tr.pf-m-first-cell-offset-reset {
+    --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft);
+  }
+
   // tbody hoverable
   tbody.pf-m-hoverable {
     cursor: pointer;

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 {