@patternfly/patternfly 4.202.2 → 4.203.0

package/patternfly.css

@@ -500,70 +500,70 @@
   src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
   font-style: normal;
   font-weight: 300;
-  text-rendering: optimizeLegibility;
+  text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatDisplay";
   src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
   font-style: normal;
   font-weight: 400;
-  text-rendering: optimizeLegibility;
+  text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatDisplay";
   src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
   font-style: normal;
   font-weight: 700;
-  text-rendering: optimizeLegibility;
+  text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatText";
   src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
   font-style: normal;
   font-weight: 400;
-  text-rendering: optimizeLegibility;
+  text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatText";
   src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
   font-style: normal;
   font-weight: 700;
-  text-rendering: optimizeLegibility;
+  text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatDisplayUpdated";
   src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
   font-style: normal;
   font-weight: 300;
-  text-rendering: optimizeLegibility;
+  text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatDisplayUpdated";
   src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
   font-style: normal;
   font-weight: 400;
-  text-rendering: optimizeLegibility;
+  text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatDisplayUpdated";
   src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
   font-style: normal;
   font-weight: 700;
-  text-rendering: optimizeLegibility;
+  text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatTextUpdated";
   src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
   font-style: normal;
   font-weight: 400;
-  text-rendering: optimizeLegibility;
+  text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatTextUpdated";
   src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
   font-style: normal;
   font-weight: 700;
-  text-rendering: optimizeLegibility;
+  text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatMono";
@@ -6443,7 +6443,7 @@ a {
   top: var(--pf-c-alert-group--m-toast--Top);
   right: var(--pf-c-alert-group--m-toast--Right);
   z-index: var(--pf-c-alert-group--m-toast--ZIndex);
-  width: calc(100% - calc(var(--pf-c-alert-group--m-toast--Right) * 2));
+  width: calc(100% - var(--pf-c-alert-group--m-toast--Right) * 2);
   max-width: var(--pf-c-alert-group--m-toast--MaxWidth);
 }
 
@@ -7950,7 +7950,7 @@ button.pf-c-breadcrumb__link {
   transform: translate(var(--pf-c-button__progress--TranslateX), var(--pf-c-button__progress--TranslateY));
 }
 .pf-c-button__progress .pf-c-spinner {
-  --pf-c-spinner--Color: currentColor;
+  --pf-c-spinner--Color: currentcolor;
 }
 
 .pf-m-overpass-font .pf-c-button {
@@ -12649,7 +12649,7 @@ label.pf-c-check, .pf-c-check__label,
   border: 0;
 }
 .pf-c-divider::after {
-  flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
+  flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
 }
 .pf-c-divider::after {
   align-self: stretch;
@@ -12668,7 +12668,7 @@ label.pf-c-check, .pf-c-check__label,
   height: inherit;
 }
 .pf-c-divider.pf-m-vertical::after {
-  flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
+  flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
 }
 .pf-c-divider.pf-m-inset-none {
   --pf-c-divider--after--Inset: 0%;
@@ -12704,7 +12704,7 @@ label.pf-c-check, .pf-c-check__label,
     height: auto;
   }
   .pf-c-divider.pf-m-horizontal-on-sm::after {
-    flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
+    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
   }
 }
 @media (min-width: 576px) {
@@ -12717,7 +12717,7 @@ label.pf-c-check, .pf-c-check__label,
     height: inherit;
   }
   .pf-c-divider.pf-m-vertical-on-sm::after {
-    flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
+    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
   }
 }
 @media (min-width: 576px) {
@@ -12756,7 +12756,7 @@ label.pf-c-check, .pf-c-check__label,
     height: auto;
   }
   .pf-c-divider.pf-m-horizontal-on-md::after {
-    flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
+    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
   }
 }
 @media (min-width: 768px) {
@@ -12769,7 +12769,7 @@ label.pf-c-check, .pf-c-check__label,
     height: inherit;
   }
   .pf-c-divider.pf-m-vertical-on-md::after {
-    flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
+    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
   }
 }
 @media (min-width: 768px) {
@@ -12808,7 +12808,7 @@ label.pf-c-check, .pf-c-check__label,
     height: auto;
   }
   .pf-c-divider.pf-m-horizontal-on-lg::after {
-    flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
+    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
   }
 }
 @media (min-width: 992px) {
@@ -12821,7 +12821,7 @@ label.pf-c-check, .pf-c-check__label,
     height: inherit;
   }
   .pf-c-divider.pf-m-vertical-on-lg::after {
-    flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
+    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
   }
 }
 @media (min-width: 992px) {
@@ -12860,7 +12860,7 @@ label.pf-c-check, .pf-c-check__label,
     height: auto;
   }
   .pf-c-divider.pf-m-horizontal-on-xl::after {
-    flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
+    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
   }
 }
 @media (min-width: 1200px) {
@@ -12873,7 +12873,7 @@ label.pf-c-check, .pf-c-check__label,
     height: inherit;
   }
   .pf-c-divider.pf-m-vertical-on-xl::after {
-    flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
+    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
   }
 }
 @media (min-width: 1200px) {
@@ -12912,7 +12912,7 @@ label.pf-c-check, .pf-c-check__label,
     height: auto;
   }
   .pf-c-divider.pf-m-horizontal-on-2xl::after {
-    flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
+    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
   }
 }
 @media (min-width: 1450px) {
@@ -12925,7 +12925,7 @@ label.pf-c-check, .pf-c-check__label,
     height: inherit;
   }
   .pf-c-divider.pf-m-vertical-on-2xl::after {
-    flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
+    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
   }
 }
 @media (min-width: 1450px) {
@@ -13338,7 +13338,6 @@ label.pf-c-check, .pf-c-check__label,
   .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__panel-main {
     flex-shrink: 1;
   }
-
   .pf-c-drawer.pf-m-panel-left {
     --pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
   }
@@ -13359,7 +13358,6 @@ label.pf-c-check, .pf-c-check__label,
     --pf-c-drawer__splitter--after--BorderLeftWidth: var(--pf-c-drawer--m-panel-left__splitter--after--BorderLeftWidth);
     order: 1;
   }
-
   .pf-c-drawer.pf-m-panel-bottom {
     --pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
     --pf-c-drawer__panel--MaxHeight: 100%;
@@ -13388,7 +13386,6 @@ label.pf-c-check, .pf-c-check__label,
     --pf-c-drawer__splitter--after--BorderRightWidth: 0;
     --pf-c-drawer__splitter--after--BorderBottomWidth: var(--pf-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth);
   }
-
   .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__splitter {
     --pf-c-drawer__splitter--m-vertical--Width: var(--pf-c-drawer--m-inline__splitter--m-vertical--Width);
     --pf-c-drawer__splitter-handle--Left: var(--pf-c-drawer--m-inline__splitter-handle--Left);
@@ -13403,12 +13400,10 @@ label.pf-c-check, .pf-c-check__label,
     --pf-c-drawer__splitter--after--BorderRightWidth: 0;
     --pf-c-drawer__splitter--after--BorderLeftWidth: 0;
   }
-
   .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
 .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
     --pf-c-drawer--m-expanded__panel--BoxShadow: none;
   }
-
   .pf-c-drawer__splitter {
     display: block;
     visibility: visible;
@@ -13418,23 +13413,18 @@ label.pf-c-check, .pf-c-check__label,
   .pf-c-drawer__panel.pf-m-width-25 {
     --pf-c-drawer__panel--md--FlexBasis: 25%;
   }
-
   .pf-c-drawer__panel.pf-m-width-33 {
     --pf-c-drawer__panel--md--FlexBasis: 33%;
   }
-
   .pf-c-drawer__panel.pf-m-width-50 {
     --pf-c-drawer__panel--md--FlexBasis: 50%;
   }
-
   .pf-c-drawer__panel.pf-m-width-66 {
     --pf-c-drawer__panel--md--FlexBasis: 66%;
   }
-
   .pf-c-drawer__panel.pf-m-width-75 {
     --pf-c-drawer__panel--md--FlexBasis: 75%;
   }
-
   .pf-c-drawer__panel.pf-m-width-100 {
     --pf-c-drawer__panel--md--FlexBasis: 100%;
   }
@@ -13443,23 +13433,18 @@ label.pf-c-check, .pf-c-check__label,
   .pf-c-drawer__panel.pf-m-width-25-on-lg {
     --pf-c-drawer__panel--md--FlexBasis: 25%;
   }
-
   .pf-c-drawer__panel.pf-m-width-33-on-lg {
     --pf-c-drawer__panel--md--FlexBasis: 33%;
   }
-
   .pf-c-drawer__panel.pf-m-width-50-on-lg {
     --pf-c-drawer__panel--md--FlexBasis: 50%;
   }
-
   .pf-c-drawer__panel.pf-m-width-66-on-lg {
     --pf-c-drawer__panel--md--FlexBasis: 66%;
   }
-
   .pf-c-drawer__panel.pf-m-width-75-on-lg {
     --pf-c-drawer__panel--md--FlexBasis: 75%;
   }
-
   .pf-c-drawer__panel.pf-m-width-100-on-lg {
     --pf-c-drawer__panel--md--FlexBasis: 100%;
   }
@@ -13468,23 +13453,18 @@ label.pf-c-check, .pf-c-check__label,
   .pf-c-drawer__panel.pf-m-width-25-on-xl {
     --pf-c-drawer__panel--md--FlexBasis: 25%;
   }
-
   .pf-c-drawer__panel.pf-m-width-33-on-xl {
     --pf-c-drawer__panel--md--FlexBasis: 33%;
   }
-
   .pf-c-drawer__panel.pf-m-width-50-on-xl {
     --pf-c-drawer__panel--md--FlexBasis: 50%;
   }
-
   .pf-c-drawer__panel.pf-m-width-66-on-xl {
     --pf-c-drawer__panel--md--FlexBasis: 66%;
   }
-
   .pf-c-drawer__panel.pf-m-width-75-on-xl {
     --pf-c-drawer__panel--md--FlexBasis: 75%;
   }
-
   .pf-c-drawer__panel.pf-m-width-100-on-xl {
     --pf-c-drawer__panel--md--FlexBasis: 100%;
   }
@@ -13493,23 +13473,18 @@ label.pf-c-check, .pf-c-check__label,
   .pf-c-drawer__panel.pf-m-width-25-on-2xl {
     --pf-c-drawer__panel--md--FlexBasis: 25%;
   }
-
   .pf-c-drawer__panel.pf-m-width-33-on-2xl {
     --pf-c-drawer__panel--md--FlexBasis: 33%;
   }
-
   .pf-c-drawer__panel.pf-m-width-50-on-2xl {
     --pf-c-drawer__panel--md--FlexBasis: 50%;
   }
-
   .pf-c-drawer__panel.pf-m-width-66-on-2xl {
     --pf-c-drawer__panel--md--FlexBasis: 66%;
   }
-
   .pf-c-drawer__panel.pf-m-width-75-on-2xl {
     --pf-c-drawer__panel--md--FlexBasis: 75%;
   }
-
   .pf-c-drawer__panel.pf-m-width-100-on-2xl {
     --pf-c-drawer__panel--md--FlexBasis: 100%;
   }
@@ -13527,7 +13502,6 @@ label.pf-c-check, .pf-c-check__label,
 .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
     background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
   }
-
   .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
     overflow-x: auto;
   }
@@ -13564,7 +13538,6 @@ label.pf-c-check, .pf-c-check__label,
     margin-bottom: 0;
     transform: translateY(0);
   }
-
   .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
     transform: translateX(0);
   }
@@ -13593,7 +13566,6 @@ label.pf-c-check, .pf-c-check__label,
 .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
     background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
   }
-
   .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
     overflow-x: auto;
   }
@@ -13630,7 +13602,6 @@ label.pf-c-check, .pf-c-check__label,
     margin-bottom: 0;
     transform: translateY(0);
   }
-
   .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
     transform: translateX(0);
   }
@@ -13659,7 +13630,6 @@ label.pf-c-check, .pf-c-check__label,
 .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
     background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
   }
-
   .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
     overflow-x: auto;
   }
@@ -13696,7 +13666,6 @@ label.pf-c-check, .pf-c-check__label,
     margin-bottom: 0;
     transform: translateY(0);
   }
-
   .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
     transform: translateX(0);
   }
@@ -13725,7 +13694,6 @@ label.pf-c-check, .pf-c-check__label,
 .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
     background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
   }
-
   .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
     overflow-x: auto;
   }
@@ -13762,7 +13730,6 @@ label.pf-c-check, .pf-c-check__label,
     margin-bottom: 0;
     transform: translateY(0);
   }
-
   .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
     transform: translateX(0);
   }
@@ -16199,7 +16166,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);
@@ -19188,7 +19155,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;
 }
@@ -23607,7 +23574,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 .pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-main::before {
   position: absolute;
   top: calc(100% + var(--pf-c-progress-stepper__step-main--MarginTop));
-  left: calc(50% - calc(var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) / 2));
+  left: calc(50% - var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) / 2);
   width: auto;
   height: calc(var(--pf-c-progress-stepper__step-main--MarginTop) + var(--pf-c-progress-stepper__step-main--MarginBottom));
   border-right: var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);
@@ -25000,27 +24967,21 @@ label.pf-c-radio, .pf-c-radio__label,
   .pf-c-sidebar__panel.pf-m-width-default-on-sm {
     --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
   }
-
   .pf-c-sidebar__panel.pf-m-width-25-on-sm {
     --pf-c-sidebar__panel--FlexBasis: 25%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-33-on-sm {
     --pf-c-sidebar__panel--FlexBasis: 33%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-50-on-sm {
     --pf-c-sidebar__panel--FlexBasis: 50%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-66-on-sm {
     --pf-c-sidebar__panel--FlexBasis: 66%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-75-on-sm {
     --pf-c-sidebar__panel--FlexBasis: 75%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-100-on-sm {
     --pf-c-sidebar__panel--FlexBasis: 100%;
   }
@@ -25029,27 +24990,21 @@ label.pf-c-radio, .pf-c-radio__label,
   .pf-c-sidebar__panel.pf-m-width-default-on-md {
     --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
   }
-
   .pf-c-sidebar__panel.pf-m-width-25-on-md {
     --pf-c-sidebar__panel--FlexBasis: 25%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-33-on-md {
     --pf-c-sidebar__panel--FlexBasis: 33%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-50-on-md {
     --pf-c-sidebar__panel--FlexBasis: 50%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-66-on-md {
     --pf-c-sidebar__panel--FlexBasis: 66%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-75-on-md {
     --pf-c-sidebar__panel--FlexBasis: 75%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-100-on-md {
     --pf-c-sidebar__panel--FlexBasis: 100%;
   }
@@ -25058,27 +25013,21 @@ label.pf-c-radio, .pf-c-radio__label,
   .pf-c-sidebar__panel.pf-m-width-default-on-lg {
     --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
   }
-
   .pf-c-sidebar__panel.pf-m-width-25-on-lg {
     --pf-c-sidebar__panel--FlexBasis: 25%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-33-on-lg {
     --pf-c-sidebar__panel--FlexBasis: 33%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-50-on-lg {
     --pf-c-sidebar__panel--FlexBasis: 50%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-66-on-lg {
     --pf-c-sidebar__panel--FlexBasis: 66%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-75-on-lg {
     --pf-c-sidebar__panel--FlexBasis: 75%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-100-on-lg {
     --pf-c-sidebar__panel--FlexBasis: 100%;
   }
@@ -25087,27 +25036,21 @@ label.pf-c-radio, .pf-c-radio__label,
   .pf-c-sidebar__panel.pf-m-width-default-on-xl {
     --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
   }
-
   .pf-c-sidebar__panel.pf-m-width-25-on-xl {
     --pf-c-sidebar__panel--FlexBasis: 25%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-33-on-xl {
     --pf-c-sidebar__panel--FlexBasis: 33%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-50-on-xl {
     --pf-c-sidebar__panel--FlexBasis: 50%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-66-on-xl {
     --pf-c-sidebar__panel--FlexBasis: 66%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-75-on-xl {
     --pf-c-sidebar__panel--FlexBasis: 75%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-100-on-xl {
     --pf-c-sidebar__panel--FlexBasis: 100%;
   }
@@ -25116,27 +25059,21 @@ label.pf-c-radio, .pf-c-radio__label,
   .pf-c-sidebar__panel.pf-m-width-default-on-2xl {
     --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
   }
-
   .pf-c-sidebar__panel.pf-m-width-25-on-2xl {
     --pf-c-sidebar__panel--FlexBasis: 25%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-33-on-2xl {
     --pf-c-sidebar__panel--FlexBasis: 33%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-50-on-2xl {
     --pf-c-sidebar__panel--FlexBasis: 50%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-66-on-2xl {
     --pf-c-sidebar__panel--FlexBasis: 66%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-75-on-2xl {
     --pf-c-sidebar__panel--FlexBasis: 75%;
   }
-
   .pf-c-sidebar__panel.pf-m-width-100-on-2xl {
     --pf-c-sidebar__panel--FlexBasis: 100%;
   }
@@ -25784,7 +25721,7 @@ span.pf-c-spinner {
 }
 .pf-c-spinner__lead-ball::after {
   position: absolute;
-  top: calc(50% - (var(--pf-c-spinner__ball--after--Height) / 2));
+  top: calc(50% - var(--pf-c-spinner__ball--after--Height) / 2);
   right: 0;
   width: var(--pf-c-spinner__ball--after--Width);
   height: var(--pf-c-spinner__ball--after--Height);
@@ -25815,7 +25752,7 @@ span.pf-c-spinner {
 }
 .pf-c-spinner__tail-ball::after {
   position: absolute;
-  top: calc(50% - (var(--pf-c-spinner__ball--after--Height) / 2));
+  top: calc(50% - var(--pf-c-spinner__ball--after--Height) / 2);
   right: 0;
   width: var(--pf-c-spinner__ball--after--Width);
   height: var(--pf-c-spinner__ball--after--Height);
@@ -27870,10 +27807,10 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-table__sort__button--Color: var(--pf-global--Color--100);
   --pf-c-table__sort--m-selected__button--Color: var(--pf-global--active-color--100);
   --pf-c-table__sort--m-help--MinWidth: 15ch;
-  --pf-c-table__sort__button__text--Color: currentColor;
-  --pf-c-table__sort__button--hover__text--Color: currentColor;
-  --pf-c-table__sort__button--focus__text--Color: currentColor;
-  --pf-c-table__sort__button--active__text--Color: currentColor;
+  --pf-c-table__sort__button__text--Color: currentcolor;
+  --pf-c-table__sort__button--hover__text--Color: currentcolor;
+  --pf-c-table__sort__button--focus__text--Color: currentcolor;
+  --pf-c-table__sort__button--active__text--Color: currentcolor;
   --pf-c-table__sort-indicator--Color: var(--pf-global--disabled-color--200);
   --pf-c-table__sort-indicator--MarginLeft: var(--pf-global--spacer--md);
   --pf-c-table__sort--m-selected__sort-indicator--Color: var(--pf-global--active-color--100);
@@ -28596,7 +28533,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-table__sort__button--hover__text--Color: var(--pf-c-table__sort--m-favorite__button--hover__text--Color);
   --pf-c-table__sort__button--focus__text--Color: var(--pf-c-table__sort--m-favorite__button--focus__text--Color);
   --pf-c-table__sort__button--active__text--Color: var(--pf-c-table__sort--m-favorite__button--active__text--Color);
-  --pf-c-table__sort--m-selected__button__text--Color: currentColor;
+  --pf-c-table__sort--m-selected__button__text--Color: currentcolor;
 }
 
 .pf-c-table__sort-indicator {
@@ -29768,7 +29705,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;
@@ -31325,8 +31262,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);
@@ -31527,8 +31470,10 @@ 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);
 }
 
@@ -31561,6 +31506,21 @@ svg.pf-c-spinner.pf-m-xl {
 .pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read {
   --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);
@@ -31590,6 +31550,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));
 }
@@ -31609,6 +31570,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);
 }