@patternfly/patternfly 4.222.3 → 5.0.0-alpha.1

package/components/InputGroup/themes/dark/input-group.scss

@@ -8,8 +8,6 @@
     --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
     --pf-c-input-group__text--BorderLeftColor: transparent;
     --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
-    --pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
-    --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
 
     > * + * {
       margin-left: 0;
@@ -26,11 +24,5 @@
     &.pf-m-plain {
       --pf-c-input-group__text--BackgroundColor: transparent;
     }
-
-    &.pf-m-disabled {
-      --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
-
-      color: var(--pf-c-input-group__text--m-disabled--Color);
-    }
   }
 }

package/components/JumpLinks/jump-links.css

@@ -1,6 +1,5 @@
 .pf-c-jump-links {
   --pf-c-jump-links__list--Display: flex;
-  --pf-c-jump-links__list--Visibility: visible;
   --pf-c-jump-links__list--PaddingTop: 0;
   --pf-c-jump-links__list--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-jump-links__list--PaddingBottom: 0;
@@ -43,14 +42,12 @@
   --pf-c-jump-links__item--m-current__link-text--Color: var(--pf-global--Color--100);
   --pf-c-jump-links__label--MarginBottom: var(--pf-global--spacer--md);
   --pf-c-jump-links__label--Display: block;
-  --pf-c-jump-links__label--Visibility: visible;
   --pf-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
   --pf-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-global--spacer--form-element));
   --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links__toggle--MarginBottom--base);
   --pf-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-c-jump-links__toggle--MarginBottom--base) + var(--pf-global--spacer--md));
   --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--Transition: var(--pf-global--Transition);
   --pf-c-jump-links__toggle-icon--Rotate: 0;
@@ -80,113 +77,76 @@
 }
 .pf-c-jump-links.pf-m-expandable {
   --pf-c-jump-links__list--Display: none;
-  --pf-c-jump-links__list--Visibility: hidden;
   --pf-c-jump-links__toggle--Display: block;
-  --pf-c-jump-links__toggle--Visibility: visible;
   --pf-c-jump-links__label--Display: none;
-  --pf-c-jump-links__label--Visibility: hidden;
 }
 .pf-c-jump-links.pf-m-non-expandable {
   --pf-c-jump-links__list--Display: flex;
-  --pf-c-jump-links__list--Visibility: visible;
   --pf-c-jump-links__toggle--Display: none;
-  --pf-c-jump-links__toggle--Visibility: hidden;
   --pf-c-jump-links__label--Display: block;
-  --pf-c-jump-links__label--Visibility: visible;
 }
 @media (min-width: 576px) {
   .pf-c-jump-links.pf-m-expandable-on-sm {
     --pf-c-jump-links__list--Display: none;
-    --pf-c-jump-links__list--Visibility: hidden;
     --pf-c-jump-links__toggle--Display: block;
-    --pf-c-jump-links__toggle--Visibility: visible;
     --pf-c-jump-links__label--Display: none;
-    --pf-c-jump-links__label--Visibility: hidden;
   }
   .pf-c-jump-links.pf-m-non-expandable-on-sm {
     --pf-c-jump-links__list--Display: flex;
-    --pf-c-jump-links__list--Visibility: visible;
     --pf-c-jump-links__toggle--Display: none;
-    --pf-c-jump-links__toggle--Visibility: hidden;
     --pf-c-jump-links__label--Display: block;
-    --pf-c-jump-links__label--Visibility: visible;
   }
 }
 @media (min-width: 768px) {
   .pf-c-jump-links.pf-m-expandable-on-md {
     --pf-c-jump-links__list--Display: none;
-    --pf-c-jump-links__list--Visibility: hidden;
     --pf-c-jump-links__toggle--Display: block;
-    --pf-c-jump-links__toggle--Visibility: visible;
     --pf-c-jump-links__label--Display: none;
-    --pf-c-jump-links__label--Visibility: hidden;
   }
   .pf-c-jump-links.pf-m-non-expandable-on-md {
     --pf-c-jump-links__list--Display: flex;
-    --pf-c-jump-links__list--Visibility: visible;
     --pf-c-jump-links__toggle--Display: none;
-    --pf-c-jump-links__toggle--Visibility: hidden;
     --pf-c-jump-links__label--Display: block;
-    --pf-c-jump-links__label--Visibility: visible;
   }
 }
 @media (min-width: 992px) {
   .pf-c-jump-links.pf-m-expandable-on-lg {
     --pf-c-jump-links__list--Display: none;
-    --pf-c-jump-links__list--Visibility: hidden;
     --pf-c-jump-links__toggle--Display: block;
-    --pf-c-jump-links__toggle--Visibility: visible;
     --pf-c-jump-links__label--Display: none;
-    --pf-c-jump-links__label--Visibility: hidden;
   }
   .pf-c-jump-links.pf-m-non-expandable-on-lg {
     --pf-c-jump-links__list--Display: flex;
-    --pf-c-jump-links__list--Visibility: visible;
     --pf-c-jump-links__toggle--Display: none;
-    --pf-c-jump-links__toggle--Visibility: hidden;
     --pf-c-jump-links__label--Display: block;
-    --pf-c-jump-links__label--Visibility: visible;
   }
 }
 @media (min-width: 1200px) {
   .pf-c-jump-links.pf-m-expandable-on-xl {
     --pf-c-jump-links__list--Display: none;
-    --pf-c-jump-links__list--Visibility: hidden;
     --pf-c-jump-links__toggle--Display: block;
-    --pf-c-jump-links__toggle--Visibility: visible;
     --pf-c-jump-links__label--Display: none;
-    --pf-c-jump-links__label--Visibility: hidden;
   }
   .pf-c-jump-links.pf-m-non-expandable-on-xl {
     --pf-c-jump-links__list--Display: flex;
-    --pf-c-jump-links__list--Visibility: visible;
     --pf-c-jump-links__toggle--Display: none;
-    --pf-c-jump-links__toggle--Visibility: hidden;
     --pf-c-jump-links__label--Display: block;
-    --pf-c-jump-links__label--Visibility: visible;
   }
 }
 @media (min-width: 1450px) {
   .pf-c-jump-links.pf-m-expandable-on-2xl {
     --pf-c-jump-links__list--Display: none;
-    --pf-c-jump-links__list--Visibility: hidden;
     --pf-c-jump-links__toggle--Display: block;
-    --pf-c-jump-links__toggle--Visibility: visible;
     --pf-c-jump-links__label--Display: none;
-    --pf-c-jump-links__label--Visibility: hidden;
   }
   .pf-c-jump-links.pf-m-non-expandable-on-2xl {
     --pf-c-jump-links__list--Display: flex;
-    --pf-c-jump-links__list--Visibility: visible;
     --pf-c-jump-links__toggle--Display: none;
-    --pf-c-jump-links__toggle--Visibility: hidden;
     --pf-c-jump-links__label--Display: block;
-    --pf-c-jump-links__label--Visibility: visible;
   }
 }
 .pf-c-jump-links.pf-m-expanded {
   --pf-c-jump-links__list--Display: flex;
-  --pf-c-jump-links__list--Visibility: visible;
   --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom);
   --pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate);
   --pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color);
@@ -200,7 +160,6 @@
   padding-right: var(--pf-c-jump-links__list--PaddingRight);
   padding-bottom: var(--pf-c-jump-links__list--PaddingBottom);
   padding-left: var(--pf-c-jump-links__list--PaddingLeft);
-  visibility: var(--pf-c-jump-links__list--Visibility);
 }
 .pf-c-jump-links__list::before {
   position: absolute;
@@ -269,7 +228,6 @@
 .pf-c-jump-links__label {
   display: var(--pf-c-jump-links__label--Display);
   margin-bottom: var(--pf-c-jump-links__label--MarginBottom);
-  visibility: var(--pf-c-jump-links__label--Visibility);
 }
 
 .pf-c-jump-links__main {
@@ -282,7 +240,6 @@
   margin-top: var(--pf-c-jump-links__toggle--MarginTop);
   margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
   margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
-  visibility: var(--pf-c-jump-links__toggle--Visibility);
 }
 .pf-c-jump-links__toggle .pf-c-button {
   display: flex;

package/components/JumpLinks/jump-links.scss

@@ -3,7 +3,6 @@ $pf-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base", "sm
 .pf-c-jump-links {
   // list
   --pf-c-jump-links__list--Display: flex;
-  --pf-c-jump-links__list--Visibility: visible;
   --pf-c-jump-links__list--PaddingTop: 0;
   --pf-c-jump-links__list--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-jump-links__list--PaddingBottom: 0;
@@ -54,7 +53,6 @@ $pf-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base", "sm
   // label
   --pf-c-jump-links__label--MarginBottom: var(--pf-global--spacer--md);
   --pf-c-jump-links__label--Display: block;
-  --pf-c-jump-links__label--Visibility: visible;
 
   // toggle
   --pf-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
@@ -63,7 +61,6 @@ $pf-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base", "sm
   --pf-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-c-jump-links__toggle--MarginBottom--base) + var(--pf-global--spacer--md));
   --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;
 
   // toggle icon
   --pf-c-jump-links__toggle-icon--Color: currentcolor;
@@ -107,27 +104,20 @@ $pf-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base", "sm
     @include pf-apply-breakpoint($breakpoint) {
       &.pf-m-expandable#{$breakpoint-name} {
         --pf-c-jump-links__list--Display: none;
-        --pf-c-jump-links__list--Visibility: hidden;
         --pf-c-jump-links__toggle--Display: block;
-        --pf-c-jump-links__toggle--Visibility: visible;
         --pf-c-jump-links__label--Display: none;
-        --pf-c-jump-links__label--Visibility: hidden;
       }
 
       &.pf-m-non-expandable#{$breakpoint-name} {
         --pf-c-jump-links__list--Display: flex;
-        --pf-c-jump-links__list--Visibility: visible;
         --pf-c-jump-links__toggle--Display: none;
-        --pf-c-jump-links__toggle--Visibility: hidden;
         --pf-c-jump-links__label--Display: block;
-        --pf-c-jump-links__label--Visibility: visible;
       }
     }
   }
 
   &.pf-m-expanded {
     --pf-c-jump-links__list--Display: flex;
-    --pf-c-jump-links__list--Visibility: visible;
     --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom);
     --pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate);
     --pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color);
@@ -142,7 +132,6 @@ $pf-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base", "sm
   padding-right: var(--pf-c-jump-links__list--PaddingRight);
   padding-bottom: var(--pf-c-jump-links__list--PaddingBottom);
   padding-left: var(--pf-c-jump-links__list--PaddingLeft);
-  visibility: var(--pf-c-jump-links__list--Visibility);
 
   &::before {
     position: absolute;
@@ -220,7 +209,6 @@ $pf-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base", "sm
 .pf-c-jump-links__label {
   display: var(--pf-c-jump-links__label--Display);
   margin-bottom: var(--pf-c-jump-links__label--MarginBottom);
-  visibility: var(--pf-c-jump-links__label--Visibility);
 }
 
 .pf-c-jump-links__main {
@@ -233,7 +221,6 @@ $pf-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base", "sm
   margin-top: var(--pf-c-jump-links__toggle--MarginTop);
   margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
   margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
-  visibility: var(--pf-c-jump-links__toggle--Visibility);
 
   .pf-c-button {
     display: flex;

package/components/Label/label.css

@@ -311,9 +311,6 @@
   --pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
   --pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
 }
-.pf-c-label.pf-m-editable-active .pf-c-button {
-  visibility: hidden;
-}
 .pf-c-label .pf-c-button {
   --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
   --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);

package/components/Label/label.scss

@@ -372,10 +372,6 @@
     --pf-c-label--m-editable--Cursor: var(--pf-c-label--m-editable--m-editable-active--Cursor);
     --pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
     --pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
-
-    .pf-c-button {
-      visibility: hidden; // use visibility hidden to retain positioning
-    }
   }
 
   .pf-c-button {

package/components/Menu/menu.css

@@ -9,66 +9,51 @@
 }
 
 .pf-c-menu__group, .pf-c-menu__list-item, .pf-c-menu__list {
-  --pf-hidden-visible--visible--Visibility: visible;
   --pf-hidden-visible--hidden--Display: none;
-  --pf-hidden-visible--hidden--Visibility: hidden;
   --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   display: var(--pf-hidden-visible--Display);
-  visibility: var(--pf-hidden-visible--Visibility);
 }
 .pf-m-hidden.pf-c-menu__group, .pf-m-hidden.pf-c-menu__list-item, .pf-m-hidden.pf-c-menu__list {
   --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
 }
 @media screen and (min-width: 576px) {
   .pf-m-hidden-on-sm.pf-c-menu__group, .pf-m-hidden-on-sm.pf-c-menu__list-item, .pf-m-hidden-on-sm.pf-c-menu__list {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-sm.pf-c-menu__group, .pf-m-visible-on-sm.pf-c-menu__list-item, .pf-m-visible-on-sm.pf-c-menu__list {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 768px) {
   .pf-m-hidden-on-md.pf-c-menu__group, .pf-m-hidden-on-md.pf-c-menu__list-item, .pf-m-hidden-on-md.pf-c-menu__list {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-md.pf-c-menu__group, .pf-m-visible-on-md.pf-c-menu__list-item, .pf-m-visible-on-md.pf-c-menu__list {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 992px) {
   .pf-m-hidden-on-lg.pf-c-menu__group, .pf-m-hidden-on-lg.pf-c-menu__list-item, .pf-m-hidden-on-lg.pf-c-menu__list {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-lg.pf-c-menu__group, .pf-m-visible-on-lg.pf-c-menu__list-item, .pf-m-visible-on-lg.pf-c-menu__list {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 1200px) {
   .pf-m-hidden-on-xl.pf-c-menu__group, .pf-m-hidden-on-xl.pf-c-menu__list-item, .pf-m-hidden-on-xl.pf-c-menu__list {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-xl.pf-c-menu__group, .pf-m-visible-on-xl.pf-c-menu__list-item, .pf-m-visible-on-xl.pf-c-menu__list {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 1450px) {
   .pf-m-hidden-on-2xl.pf-c-menu__group, .pf-m-hidden-on-2xl.pf-c-menu__list-item, .pf-m-hidden-on-2xl.pf-c-menu__list {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-2xl.pf-c-menu__group, .pf-m-visible-on-2xl.pf-c-menu__list-item, .pf-m-visible-on-2xl.pf-c-menu__list {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 
@@ -305,22 +290,17 @@
 }
 .pf-c-menu.pf-m-drilldown .pf-c-menu__list-item:not(.pf-m-current-path) .pf-c-menu {
   display: none;
-  visibility: hidden;
 }
 .pf-c-menu.pf-m-drilldown .pf-c-menu__item {
   outline-offset: var(--pf-c-menu__item--OutlineOffset);
 }
 .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list {
   overflow: visible;
-  visibility: hidden;
 }
 .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-divider,
 .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item:not(.pf-m-current-path) {
   display: none;
 }
-.pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item.pf-m-current-path {
-  visibility: hidden;
-}
 .pf-c-menu.pf-m-plain {
   --pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow);
 }

package/components/Menu/menu.scss

@@ -304,7 +304,6 @@
 
       &:not(.pf-m-current-path) .pf-c-menu {
         display: none;
-        visibility: hidden;
       }
     }
 
@@ -317,16 +316,11 @@
   // stylelint-disable selector-max-class
   &.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list {
     overflow: visible;
-    visibility: hidden;
 
     > .pf-c-divider,
     > .pf-c-menu__list-item:not(.pf-m-current-path) {
       display: none; // hide all siblings of current path to maintain proper menu height
     }
-
-    > .pf-c-menu__list-item.pf-m-current-path {
-      visibility: hidden;
-    }
   }
   // stylelint-enable
 

package/components/NotificationDrawer/notification-drawer.css

@@ -100,6 +100,7 @@
 }
 
 .pf-c-notification-drawer__body {
+  flex: 1;
   overflow-y: auto;
   box-shadow: var(--pf-c-notification-drawer__body--ZIndex);
 }

package/components/NotificationDrawer/notification-drawer.scss

@@ -129,6 +129,7 @@
 }
 
 .pf-c-notification-drawer__body {
+  flex: 1;
   overflow-y: auto;
   box-shadow: var(--pf-c-notification-drawer__body--ZIndex);
 }

package/components/Page/page.css

@@ -40,66 +40,51 @@
 }
 
 .pf-c-page__header-tools-item, .pf-c-page__header-tools-group {
-  --pf-hidden-visible--visible--Visibility: visible;
   --pf-hidden-visible--hidden--Display: none;
-  --pf-hidden-visible--hidden--Visibility: hidden;
   --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   display: var(--pf-hidden-visible--Display);
-  visibility: var(--pf-hidden-visible--Visibility);
 }
 .pf-m-hidden.pf-c-page__header-tools-item, .pf-m-hidden.pf-c-page__header-tools-group {
   --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
 }
 @media screen and (min-width: 576px) {
   .pf-m-hidden-on-sm.pf-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-sm.pf-c-page__header-tools-item, .pf-m-visible-on-sm.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 768px) {
   .pf-m-hidden-on-md.pf-c-page__header-tools-item, .pf-m-hidden-on-md.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-md.pf-c-page__header-tools-item, .pf-m-visible-on-md.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 992px) {
   .pf-m-hidden-on-lg.pf-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-lg.pf-c-page__header-tools-item, .pf-m-visible-on-lg.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 1200px) {
   .pf-m-hidden-on-xl.pf-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-xl.pf-c-page__header-tools-item, .pf-m-visible-on-xl.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 1450px) {
   .pf-m-hidden-on-2xl.pf-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-2xl.pf-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }