@patternfly/react-styles 4.74.7 → 4.74.10

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.74.10 (2022-07-08)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
+## 4.74.9 (2022-07-07)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
+## 4.74.8 (2022-07-07)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
 ## 4.74.7 (2022-07-07)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/AlertGroup/alert-group.css

@@ -27,7 +27,7 @@
   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);
 }
 

package/css/components/Button/button.css

@@ -469,7 +469,7 @@
   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 {

package/css/components/Divider/divider.css

@@ -95,7 +95,7 @@
   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;
@@ -114,7 +114,7 @@
   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%;
@@ -150,7 +150,7 @@
     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) {
@@ -163,7 +163,7 @@
     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) {
@@ -202,7 +202,7 @@
     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) {
@@ -215,7 +215,7 @@
     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) {
@@ -254,7 +254,7 @@
     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) {
@@ -267,7 +267,7 @@
     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) {
@@ -306,7 +306,7 @@
     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) {
@@ -319,7 +319,7 @@
     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) {
@@ -358,7 +358,7 @@
     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) {
@@ -371,7 +371,7 @@
     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) {

package/css/components/Drawer/drawer.css

@@ -89,8 +89,8 @@
   --pf-c-drawer__splitter-handle--after--Height: 0.25rem;
   --pf-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
   --pf-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
-  --pf-c-drawer__actions--MarginTop: calc(var(pf-global--spacer--form-element) * -1);
-  --pf-c-drawer__actions--MarginRight: calc(var(pf-global--spacer--form-element) * -1);
+  --pf-c-drawer__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
+  --pf-c-drawer__actions--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
   --pf-c-drawer__panel--BoxShadow: none;
   --pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-global--BoxShadow--lg-left);
   --pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-global--BoxShadow--lg-right);
@@ -381,7 +381,6 @@
   .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);
   }
@@ -402,7 +401,6 @@
     --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%;
@@ -431,7 +429,6 @@
     --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);
@@ -446,12 +443,10 @@
     --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;
@@ -461,23 +456,18 @@
   .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%;
   }
@@ -486,23 +476,18 @@
   .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%;
   }
@@ -511,23 +496,18 @@
   .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%;
   }
@@ -536,23 +516,18 @@
   .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%;
   }
@@ -570,7 +545,6 @@
 .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;
   }
@@ -607,7 +581,6 @@
     margin-bottom: 0;
     transform: translateY(0);
   }
-
   .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
     transform: translateX(0);
   }
@@ -636,7 +609,6 @@
 .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;
   }
@@ -673,7 +645,6 @@
     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);
   }
@@ -702,7 +673,6 @@
 .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;
   }
@@ -739,7 +709,6 @@
     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);
   }
@@ -768,7 +737,6 @@
 .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;
   }
@@ -805,7 +773,6 @@
     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);
   }

package/css/components/JumpLinks/jump-links.css

@@ -51,7 +51,7 @@
   --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);

package/css/components/MenuToggle/menu-toggle.css

@@ -269,7 +269,7 @@
 .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;
 }

package/css/components/ProgressStepper/progress-stepper.css

@@ -284,7 +284,7 @@
 .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);

package/css/components/Sidebar/sidebar.css

@@ -172,27 +172,21 @@
   .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%;
   }
@@ -201,27 +195,21 @@
   .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%;
   }
@@ -230,27 +218,21 @@
   .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%;
   }
@@ -259,27 +241,21 @@
   .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%;
   }
@@ -288,27 +264,21 @@
   .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%;
   }

package/css/components/Spinner/spinner.css

@@ -101,7 +101,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);
@@ -132,7 +132,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);

package/css/components/Table/table.css

@@ -180,10 +180,10 @@
   --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);
@@ -906,7 +906,7 @@
   --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 {

package/css/components/Tabs/tabs.css

@@ -97,7 +97,7 @@
   --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;

package/css/components/TreeView/tree-view.css

@@ -20,8 +20,14 @@
   --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);
@@ -222,8 +228,10 @@
 
 .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);
 }
 
@@ -256,6 +264,21 @@
 .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);
@@ -285,6 +308,7 @@
   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));
 }
@@ -304,6 +328,10 @@
   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);
 }

package/css/components/TreeView/tree-view.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
     "noBackground": "pf-m-no-background",
     "current": "pf-m-current",
     "read": "pf-m-read",
+    "selectable": "pf-m-selectable",
     "truncate": "pf-m-truncate"
   },
   "themeDark": "pf-theme-dark",

package/css/components/TreeView/tree-view.js

@@ -10,6 +10,7 @@ exports.default = {
     "noBackground": "pf-m-no-background",
     "current": "pf-m-current",
     "read": "pf-m-read",
+    "selectable": "pf-m-selectable",
     "truncate": "pf-m-truncate"
   },
   "themeDark": "pf-theme-dark",

package/css/components/TreeView/tree-view.mjs

@@ -8,6 +8,7 @@ export default {
     "noBackground": "pf-m-no-background",
     "current": "pf-m-current",
     "read": "pf-m-read",
+    "selectable": "pf-m-selectable",
     "truncate": "pf-m-truncate"
   },
   "themeDark": "pf-theme-dark",