@patternfly/react-styles 4.92.6 → 5.0.0-alpha.2

package/css/components/Tabs/tabs.css

@@ -24,7 +24,6 @@
   --pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
   --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
   --pf-c-tabs__list--Display: flex;
-  --pf-c-tabs__list--Visibility: visible;
   --pf-c-tabs__item--m-action--before--ZIndex: var(--pf-global--ZIndex--xs);
   --pf-c-tabs__link--Color: var(--pf-global--Color--200);
   --pf-c-tabs__link--FontSize: var(--pf-global--FontSize--md);
@@ -94,7 +93,6 @@
   --pf-c-tabs__item--ScrollSnapAlign: end;
   --pf-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
   --pf-c-tabs__toggle--Display: flex;
-  --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;
@@ -181,14 +179,10 @@
   margin-left: 0;
   transform: translateX(0);
 }
-.pf-c-tabs.pf-m-secondary, .pf-c-tabs.pf-m-no-border-bottom {
+.pf-c-tabs.pf-m-no-border-bottom {
   --pf-c-tabs--before--BorderBottomWidth: 0;
   --pf-c-tabs__link--disabled--before--BorderBottomWidth: 0;
 }
-.pf-c-tabs.pf-m-border-bottom {
-  --pf-c-tabs--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
-  --pf-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
-}
 .pf-c-tabs.pf-m-box .pf-c-tabs__link, .pf-c-tabs.pf-m-vertical .pf-c-tabs__link {
   --pf-c-tabs__link--after--BorderBottomWidth: 0;
 }
@@ -283,89 +277,64 @@
 }
 .pf-c-tabs.pf-m-vertical.pf-m-expandable {
   --pf-c-tabs__list--Display: none;
-  --pf-c-tabs__list--Visibility: hidden;
   --pf-c-tabs__toggle--Display: flex;
-  --pf-c-tabs__toggle--Visibility: visible;
 }
 .pf-c-tabs.pf-m-vertical.pf-m-non-expandable {
   --pf-c-tabs__list--Display: flex;
-  --pf-c-tabs__list--Visibility: visible;
   --pf-c-tabs__toggle--Display: none;
-  --pf-c-tabs__toggle--Visibility: hidden;
 }
 @media (min-width: 576px) {
   .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-sm {
     --pf-c-tabs__list--Display: none;
-    --pf-c-tabs__list--Visibility: hidden;
     --pf-c-tabs__toggle--Display: flex;
-    --pf-c-tabs__toggle--Visibility: visible;
   }
   .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-sm {
     --pf-c-tabs__list--Display: flex;
-    --pf-c-tabs__list--Visibility: visible;
     --pf-c-tabs__toggle--Display: none;
-    --pf-c-tabs__toggle--Visibility: hidden;
   }
 }
 @media (min-width: 768px) {
   .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-md {
     --pf-c-tabs__list--Display: none;
-    --pf-c-tabs__list--Visibility: hidden;
     --pf-c-tabs__toggle--Display: flex;
-    --pf-c-tabs__toggle--Visibility: visible;
   }
   .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-md {
     --pf-c-tabs__list--Display: flex;
-    --pf-c-tabs__list--Visibility: visible;
     --pf-c-tabs__toggle--Display: none;
-    --pf-c-tabs__toggle--Visibility: hidden;
   }
 }
 @media (min-width: 992px) {
   .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-lg {
     --pf-c-tabs__list--Display: none;
-    --pf-c-tabs__list--Visibility: hidden;
     --pf-c-tabs__toggle--Display: flex;
-    --pf-c-tabs__toggle--Visibility: visible;
   }
   .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-lg {
     --pf-c-tabs__list--Display: flex;
-    --pf-c-tabs__list--Visibility: visible;
     --pf-c-tabs__toggle--Display: none;
-    --pf-c-tabs__toggle--Visibility: hidden;
   }
 }
 @media (min-width: 1200px) {
   .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-xl {
     --pf-c-tabs__list--Display: none;
-    --pf-c-tabs__list--Visibility: hidden;
     --pf-c-tabs__toggle--Display: flex;
-    --pf-c-tabs__toggle--Visibility: visible;
   }
   .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-xl {
     --pf-c-tabs__list--Display: flex;
-    --pf-c-tabs__list--Visibility: visible;
     --pf-c-tabs__toggle--Display: none;
-    --pf-c-tabs__toggle--Visibility: hidden;
   }
 }
 @media (min-width: 1450px) {
   .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-2xl {
     --pf-c-tabs__list--Display: none;
-    --pf-c-tabs__list--Visibility: hidden;
     --pf-c-tabs__toggle--Display: flex;
-    --pf-c-tabs__toggle--Visibility: visible;
   }
   .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-2xl {
     --pf-c-tabs__list--Display: flex;
-    --pf-c-tabs__list--Visibility: visible;
     --pf-c-tabs__toggle--Display: none;
-    --pf-c-tabs__toggle--Visibility: hidden;
   }
 }
 .pf-c-tabs.pf-m-vertical.pf-m-expanded {
   --pf-c-tabs__list--Display: flex;
-  --pf-c-tabs__list--Visibility: visible;
   --pf-c-tabs__toggle--MarginBottom: var(--pf-c-tabs--m-expanded__toggle--MarginBottom);
   --pf-c-tabs__toggle-icon--Color: var(--pf-c-tabs--m-expanded__toggle-icon--Color);
   --pf-c-tabs__toggle-icon--Rotate: var(--pf-c-tabs--m-expanded__toggle-icon--Rotate);
@@ -421,7 +390,6 @@
   display: var(--pf-c-tabs__toggle--Display);
   align-items: center;
   margin-bottom: var(--pf-c-tabs__toggle--MarginBottom);
-  visibility: var(--pf-c-tabs__toggle--Visibility);
 }
 
 .pf-c-tabs__toggle-button {
@@ -458,7 +426,6 @@
   overflow-x: auto;
   scroll-behavior: smooth;
   scroll-snap-type: var(--pf-c-tabs__list--ScrollSnapType);
-  visibility: var(--pf-c-tabs__list--Visibility);
   -webkit-overflow-scrolling: touch;
 }
 .pf-c-tabs__list::-webkit-scrollbar {

package/css/components/Tabs/tabs.d.ts

@@ -4,9 +4,7 @@ declare const _default: {
   "modifiers": {
     "fill": "pf-m-fill",
     "scrollable": "pf-m-scrollable",
-    "secondary": "pf-m-secondary",
     "noBorderBottom": "pf-m-no-border-bottom",
-    "borderBottom": "pf-m-border-bottom",
     "box": "pf-m-box",
     "vertical": "pf-m-vertical",
     "current": "pf-m-current",
@@ -24,6 +22,7 @@ declare const _default: {
     "expandableOn_2xl": "pf-m-expandable-on-2xl",
     "nonExpandableOn_2xl": "pf-m-non-expandable-on-2xl",
     "expanded": "pf-m-expanded",
+    "secondary": "pf-m-secondary",
     "pageInsets": "pf-m-page-insets",
     "overflow": "pf-m-overflow",
     "action": "pf-m-action",

package/css/components/Tabs/tabs.js

@@ -6,9 +6,7 @@ exports.default = {
   "modifiers": {
     "fill": "pf-m-fill",
     "scrollable": "pf-m-scrollable",
-    "secondary": "pf-m-secondary",
     "noBorderBottom": "pf-m-no-border-bottom",
-    "borderBottom": "pf-m-border-bottom",
     "box": "pf-m-box",
     "vertical": "pf-m-vertical",
     "current": "pf-m-current",
@@ -26,6 +24,7 @@ exports.default = {
     "expandableOn_2xl": "pf-m-expandable-on-2xl",
     "nonExpandableOn_2xl": "pf-m-non-expandable-on-2xl",
     "expanded": "pf-m-expanded",
+    "secondary": "pf-m-secondary",
     "pageInsets": "pf-m-page-insets",
     "overflow": "pf-m-overflow",
     "action": "pf-m-action",

package/css/components/Tabs/tabs.mjs

@@ -4,9 +4,7 @@ export default {
   "modifiers": {
     "fill": "pf-m-fill",
     "scrollable": "pf-m-scrollable",
-    "secondary": "pf-m-secondary",
     "noBorderBottom": "pf-m-no-border-bottom",
-    "borderBottom": "pf-m-border-bottom",
     "box": "pf-m-box",
     "vertical": "pf-m-vertical",
     "current": "pf-m-current",
@@ -24,6 +22,7 @@ export default {
     "expandableOn_2xl": "pf-m-expandable-on-2xl",
     "nonExpandableOn_2xl": "pf-m-non-expandable-on-2xl",
     "expanded": "pf-m-expanded",
+    "secondary": "pf-m-secondary",
     "pageInsets": "pf-m-page-insets",
     "overflow": "pf-m-overflow",
     "action": "pf-m-action",

package/css/components/Title/title.css

@@ -50,9 +50,4 @@
   font-size: var(--pf-c-title--m-md--FontSize);
   font-weight: var(--pf-c-title--m-md--FontWeight);
   line-height: var(--pf-c-title--m-md--LineHeight);
-}
-
-.pf-m-overpass-font .pf-c-title {
-  --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--semi-bold);
-  --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
 }

package/css/components/Title/title.d.ts

@@ -6,8 +6,7 @@ declare const _default: {
     "2xl": "pf-m-2xl",
     "xl": "pf-m-xl",
     "lg": "pf-m-lg",
-    "md": "pf-m-md",
-    "overpassFont": "pf-m-overpass-font"
+    "md": "pf-m-md"
   },
   "title": "pf-c-title"
 };

package/css/components/Title/title.js

@@ -8,8 +8,7 @@ exports.default = {
     "2xl": "pf-m-2xl",
     "xl": "pf-m-xl",
     "lg": "pf-m-lg",
-    "md": "pf-m-md",
-    "overpassFont": "pf-m-overpass-font"
+    "md": "pf-m-md"
   },
   "title": "pf-c-title"
 };

package/css/components/Title/title.mjs

@@ -6,8 +6,7 @@ export default {
     "2xl": "pf-m-2xl",
     "xl": "pf-m-xl",
     "lg": "pf-m-lg",
-    "md": "pf-m-md",
-    "overpassFont": "pf-m-overpass-font"
+    "md": "pf-m-md"
   },
   "title": "pf-c-title"
 };

package/css/components/Toolbar/toolbar.css

@@ -1,64 +1,49 @@
 .pf-c-toolbar__content-section, .pf-c-toolbar__content, .pf-c-toolbar__item, .pf-c-toolbar__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-toolbar__content-section, .pf-m-hidden.pf-c-toolbar__content, .pf-m-hidden.pf-c-toolbar__item, .pf-m-hidden.pf-c-toolbar__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-toolbar__content-section, .pf-m-hidden-on-sm.pf-c-toolbar__content, .pf-m-hidden-on-sm.pf-c-toolbar__item, .pf-m-hidden-on-sm.pf-c-toolbar__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-toolbar__content-section, .pf-m-visible-on-sm.pf-c-toolbar__content, .pf-m-visible-on-sm.pf-c-toolbar__item, .pf-m-visible-on-sm.pf-c-toolbar__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-toolbar__content-section, .pf-m-hidden-on-md.pf-c-toolbar__content, .pf-m-hidden-on-md.pf-c-toolbar__item, .pf-m-hidden-on-md.pf-c-toolbar__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-toolbar__content-section, .pf-m-visible-on-md.pf-c-toolbar__content, .pf-m-visible-on-md.pf-c-toolbar__item, .pf-m-visible-on-md.pf-c-toolbar__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-toolbar__content-section, .pf-m-hidden-on-lg.pf-c-toolbar__content, .pf-m-hidden-on-lg.pf-c-toolbar__item, .pf-m-hidden-on-lg.pf-c-toolbar__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-toolbar__content-section, .pf-m-visible-on-lg.pf-c-toolbar__content, .pf-m-visible-on-lg.pf-c-toolbar__item, .pf-m-visible-on-lg.pf-c-toolbar__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-toolbar__content-section, .pf-m-hidden-on-xl.pf-c-toolbar__content, .pf-m-hidden-on-xl.pf-c-toolbar__item, .pf-m-hidden-on-xl.pf-c-toolbar__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-toolbar__content-section, .pf-m-visible-on-xl.pf-c-toolbar__content, .pf-m-visible-on-xl.pf-c-toolbar__item, .pf-m-visible-on-xl.pf-c-toolbar__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-toolbar__content-section, .pf-m-hidden-on-2xl.pf-c-toolbar__content, .pf-m-hidden-on-2xl.pf-c-toolbar__item, .pf-m-hidden-on-2xl.pf-c-toolbar__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-toolbar__content-section, .pf-m-visible-on-2xl.pf-c-toolbar__content, .pf-m-visible-on-2xl.pf-c-toolbar__item, .pf-m-visible-on-2xl.pf-c-toolbar__group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 
@@ -69,13 +54,17 @@
   --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
   --pf-c-toolbar__item--Display: block;
   --pf-c-toolbar__item--MinWidth--base: auto;
+  --pf-c-toolbar__item--AlignSelf: auto;
   --pf-c-toolbar__group--Display: flex;
+  --pf-c-toolbar__group--AlignItems: baseline;
+  --pf-c-toolbar__group--AlignSelf: auto;
   --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);
   --pf-c-toolbar__content-section--Display: flex;
+  --pf-c-toolbar__content-section--AlignItems: baseline;
   --pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
   --pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
   --pf-c-toolbar__expandable-content--Display: grid;
@@ -197,9 +186,22 @@
 .pf-c-toolbar__group {
   --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
   --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
-  align-items: center;
+  align-items: var(--pf-c-toolbar__group--AlignItems);
+  align-self: var(--pf-c-toolbar__group--AlignSelf);
   margin-right: var(--pf-c-toolbar--spacer);
 }
+.pf-c-toolbar__group.pf-m-align-items-center {
+  align-items: center;
+}
+.pf-c-toolbar__group.pf-m-align-items-baseline {
+  align-items: baseline;
+}
+.pf-c-toolbar__group.pf-m-align-self-center {
+  align-self: center;
+}
+.pf-c-toolbar__group.pf-m-align-self-baseline {
+  align-self: baseline;
+}
 .pf-c-toolbar__group.pf-m-button-group {
   --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
 }
@@ -227,11 +229,9 @@
 .pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__group,
 .pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__item {
   display: none;
-  visibility: hidden;
 }
 .pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__toggle {
   display: inline-block;
-  visibility: visible;
 }
 .pf-c-toolbar__group:last-child {
   --pf-c-toolbar--spacer: 0;
@@ -242,6 +242,7 @@
   --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
   --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
   --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
+  align-self: var(--pf-c-toolbar__item--AlignSelf);
   width: var(--pf-c-toolbar__item--Width--base);
   min-width: var(--pf-c-toolbar__item--MinWidth--base);
   margin-right: var(--pf-c-toolbar--spacer);
@@ -296,6 +297,12 @@
     --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-2xl, var(--pf-c-toolbar__item--MinWidth-on-xl, var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth))))));
   }
 }
+.pf-c-toolbar__item.pf-m-align-self-center {
+  align-self: center;
+}
+.pf-c-toolbar__item.pf-m-align-self-baseline {
+  align-self: baseline;
+}
 .pf-c-toolbar__item.pf-m-overflow-menu {
   --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
 }
@@ -340,20 +347,24 @@
 .pf-c-toolbar__content,
 .pf-c-toolbar__content-section {
   flex-wrap: wrap;
-  align-items: center;
 }
 
 .pf-c-toolbar__content {
   --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
   position: relative;
+  align-items: center;
   padding-right: var(--pf-c-toolbar__content--PaddingRight);
   padding-left: var(--pf-c-toolbar__content--PaddingLeft);
 }
 
 .pf-c-toolbar__content-section {
   --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
+  align-items: var(--pf-c-toolbar__content-section--AlignItems);
   width: 100%;
 }
+.pf-c-toolbar__content-section.pf-m-align-items-center {
+  align-items: center;
+}
 
 .pf-c-toolbar__expandable-content {
   position: absolute;
@@ -364,7 +375,6 @@
   display: none;
   width: 100%;
   padding: var(--pf-c-toolbar__expandable-content--PaddingTop) var(--pf-c-toolbar__expandable-content--PaddingRight) var(--pf-c-toolbar__expandable-content--PaddingBottom) var(--pf-c-toolbar__expandable-content--PaddingLeft);
-  visibility: hidden;
   background-color: var(--pf-c-toolbar__expandable-content--BackgroundColor);
   box-shadow: var(--pf-c-toolbar__expandable-content--BoxShadow);
 }
@@ -377,7 +387,6 @@
 .pf-c-toolbar__expandable-content.pf-m-expanded {
   display: grid;
   grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
-  visibility: visible;
 }
 .pf-c-toolbar__expandable-content .pf-c-toolbar__group,
 .pf-c-toolbar__expandable-content .pf-c-toolbar__item {
@@ -438,11 +447,9 @@
 .pf-m-toggle-group.pf-m-show .pf-c-toolbar__item {
   display: flex;
   flex: 0 1 auto;
-  visibility: visible;
 }
 .pf-m-toggle-group.pf-m-show .pf-c-toolbar__toggle {
   display: none;
-  visibility: hidden;
 }
 
 @media (min-width: 576px) {
@@ -453,11 +460,9 @@
 .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
     display: flex;
     flex: 0 1 auto;
-    visibility: visible;
   }
   .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__toggle {
     display: none;
-    visibility: hidden;
   }
 }
 @media (min-width: 768px) {
@@ -468,11 +473,9 @@
 .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
     display: flex;
     flex: 0 1 auto;
-    visibility: visible;
   }
   .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__toggle {
     display: none;
-    visibility: hidden;
   }
 }
 @media (min-width: 992px) {
@@ -483,11 +486,9 @@
 .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
     display: flex;
     flex: 0 1 auto;
-    visibility: visible;
   }
   .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__toggle {
     display: none;
-    visibility: hidden;
   }
 }
 @media (min-width: 1200px) {
@@ -498,11 +499,9 @@
 .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
     display: flex;
     flex: 0 1 auto;
-    visibility: visible;
   }
   .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__toggle {
     display: none;
-    visibility: hidden;
   }
 }
 @media (min-width: 1450px) {
@@ -513,11 +512,9 @@
 .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
     display: flex;
     flex: 0 1 auto;
-    visibility: visible;
   }
   .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__toggle {
     display: none;
-    visibility: hidden;
   }
 }
 .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right,

package/css/components/Toolbar/toolbar.d.ts

@@ -20,6 +20,10 @@ declare const _default: {
     "fullHeight": "pf-m-full-height",
     "static": "pf-m-static",
     "vertical": "pf-m-vertical",
+    "alignItemsCenter": "pf-m-align-items-center",
+    "alignItemsBaseline": "pf-m-align-items-baseline",
+    "alignSelfCenter": "pf-m-align-self-center",
+    "alignSelfBaseline": "pf-m-align-self-baseline",
     "buttonGroup": "pf-m-button-group",
     "iconButtonGroup": "pf-m-icon-button-group",
     "filterGroup": "pf-m-filter-group",

package/css/components/Toolbar/toolbar.js

@@ -22,6 +22,10 @@ exports.default = {
     "fullHeight": "pf-m-full-height",
     "static": "pf-m-static",
     "vertical": "pf-m-vertical",
+    "alignItemsCenter": "pf-m-align-items-center",
+    "alignItemsBaseline": "pf-m-align-items-baseline",
+    "alignSelfCenter": "pf-m-align-self-center",
+    "alignSelfBaseline": "pf-m-align-self-baseline",
     "buttonGroup": "pf-m-button-group",
     "iconButtonGroup": "pf-m-icon-button-group",
     "filterGroup": "pf-m-filter-group",

package/css/components/Toolbar/toolbar.mjs

@@ -20,6 +20,10 @@ export default {
     "fullHeight": "pf-m-full-height",
     "static": "pf-m-static",
     "vertical": "pf-m-vertical",
+    "alignItemsCenter": "pf-m-align-items-center",
+    "alignItemsBaseline": "pf-m-align-items-baseline",
+    "alignSelfCenter": "pf-m-align-self-center",
+    "alignSelfBaseline": "pf-m-align-self-baseline",
     "buttonGroup": "pf-m-button-group",
     "iconButtonGroup": "pf-m-icon-button-group",
     "filterGroup": "pf-m-filter-group",

package/css/components/Tooltip/tooltip.css

@@ -8,8 +8,10 @@
   --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
   --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
   --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-tooltip__arrow--Width: 0.5rem;
-  --pf-c-tooltip__arrow--Height: 0.5rem;
+  --pf-c-tooltip__arrow--Width: 0.9375rem;
+  --pf-c-tooltip__arrow--Height: 0.9375rem;
+  --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
+  --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
   --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
   --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
   --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -79,18 +81,11 @@
   width: var(--pf-c-tooltip__arrow--Width);
   height: var(--pf-c-tooltip__arrow--Height);
   pointer-events: none;
-  background-color: var(--pf-c-tooltip__content--BackgroundColor);
+  background-color: var(--pf-c-tooltip__arrow--BackgroundColor);
+  box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
 }
 
 :where(.pf-theme-dark) .pf-c-tooltip {
-  --pf-c-tooltip--BoxShadow: none;
   --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
-}
-:where(.pf-theme-dark) .pf-c-tooltip,
-:where(.pf-theme-dark) .pf-c-tooltip__arrow {
-  border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
-}
-:where(.pf-theme-dark) .pf-c-tooltip__arrow {
-  --pf-c-tooltip__arrow--Width: 0.9375rem;
-  --pf-c-tooltip__arrow--Height: 0.9375rem;
+  --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
 }

package/css/components/Wizard/wizard.css

@@ -216,7 +216,6 @@
 .pf-c-wizard.pf-m-finished .pf-c-wizard__footer,
 .pf-c-wizard.pf-m-finished .pf-c-wizard__toggle {
   display: none;
-  visibility: hidden;
 }
 
 .pf-c-wizard__header {
@@ -242,12 +241,10 @@
   display: none;
   padding-top: var(--pf-c-wizard__description--PaddingTop);
   color: var(--pf-c-wizard__description--Color);
-  visibility: hidden;
 }
 @media screen and (min-width: 992px) {
   .pf-c-wizard__description {
     display: block;
-    visibility: visible;
   }
 }
 
@@ -265,7 +262,6 @@
 @media screen and (min-width: 992px) {
   .pf-c-wizard__toggle {
     display: none;
-    visibility: hidden;
   }
 }
 .pf-c-wizard__toggle.pf-m-expanded {
@@ -345,19 +341,16 @@
   max-height: 100%;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
-  visibility: hidden;
   background-color: var(--pf-c-wizard__nav--BackgroundColor);
   box-shadow: var(--pf-c-wizard__nav--BoxShadow);
 }
 .pf-c-wizard__nav.pf-m-expanded {
   display: block;
-  visibility: visible;
 }
 @media screen and (min-width: 992px) {
   .pf-c-wizard__nav {
     display: block;
     height: 100%;
-    visibility: visible;
     border-right: var(--pf-c-wizard__nav--lg--BorderRightWidth) solid var(--pf-c-wizard__nav--lg--BorderRightColor);
   }
 }
@@ -390,11 +383,9 @@
 }
 .pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-list {
   display: none;
-  visibility: hidden;
 }
 .pf-c-wizard__nav-item.pf-m-expanded > .pf-c-wizard__nav-list {
   display: block;
-  visibility: visible;
 }
 .pf-c-wizard__nav-item.pf-m-expanded > .pf-c-wizard__nav-link {
   --pf-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "4.92.6",
+  "version": "5.0.0-alpha.2",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -12,14 +12,14 @@
   "author": "Red Hat",
   "publishConfig": {
     "access": "public",
-    "tag": "prerelease"
+    "tag": "alpha"
   },
   "scripts": {
     "generate": "rimraf css && node scripts/writeClassMaps.js && node scripts/copyStyles.js",
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "4.224.2",
+    "@patternfly/patternfly": "5.0.0-alpha.12",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.7.4"
   },
   "license": "MIT",
-  "gitHead": "91180feefa57c641752c4b5134669ffc497e8dc8"
+  "gitHead": "dd91c73c726d471205cc7ce2cf463fa8c1a6e593"
 }