@patternfly/react-styles 6.0.0-alpha.18 → 6.0.0-alpha.19

package/css/components/Sidebar/sidebar.css

@@ -48,7 +48,7 @@
   --pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
   --pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
   --pf-v6-c-sidebar__panel--FlexBasis--base: auto;
-  --pf-v6-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
+  --pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
   --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
   --pf-v6-c-sidebar__panel--Top: 0;
   --pf-v6-c-sidebar__panel--md--Top: auto;
@@ -59,7 +59,7 @@
   --pf-v6-c-sidebar__panel--md--FlexBasis: 15.625rem;
   --pf-v6-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
   --pf-v6-c-sidebar__panel--m-stack--FlexBasis: auto;
-  --pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v6-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -200,146 +200,146 @@
   background-color: transparent;
 }
 
-.pf-v5-c-sidebar__panel.pf-m-width-default {
-  --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
+.pf-v6-c-sidebar__panel.pf-m-width-default {
+  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
 }
 
-.pf-v5-c-sidebar__panel.pf-m-width-25 {
-  --pf-v5-c-sidebar__panel--FlexBasis: 25%;
+.pf-v6-c-sidebar__panel.pf-m-width-25 {
+  --pf-v6-c-sidebar__panel--FlexBasis: 25%;
 }
 
-.pf-v5-c-sidebar__panel.pf-m-width-33 {
-  --pf-v5-c-sidebar__panel--FlexBasis: 33%;
+.pf-v6-c-sidebar__panel.pf-m-width-33 {
+  --pf-v6-c-sidebar__panel--FlexBasis: 33%;
 }
 
-.pf-v5-c-sidebar__panel.pf-m-width-50 {
-  --pf-v5-c-sidebar__panel--FlexBasis: 50%;
+.pf-v6-c-sidebar__panel.pf-m-width-50 {
+  --pf-v6-c-sidebar__panel--FlexBasis: 50%;
 }
 
-.pf-v5-c-sidebar__panel.pf-m-width-66 {
-  --pf-v5-c-sidebar__panel--FlexBasis: 66%;
+.pf-v6-c-sidebar__panel.pf-m-width-66 {
+  --pf-v6-c-sidebar__panel--FlexBasis: 66%;
 }
 
-.pf-v5-c-sidebar__panel.pf-m-width-75 {
-  --pf-v5-c-sidebar__panel--FlexBasis: 75%;
+.pf-v6-c-sidebar__panel.pf-m-width-75 {
+  --pf-v6-c-sidebar__panel--FlexBasis: 75%;
 }
 
-.pf-v5-c-sidebar__panel.pf-m-width-100 {
-  --pf-v5-c-sidebar__panel--FlexBasis: 100%;
+.pf-v6-c-sidebar__panel.pf-m-width-100 {
+  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
 }
 
 @media (min-width: 576px) {
-  .pf-v5-c-sidebar__panel.pf-m-width-default-on-sm {
-    --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
+  .pf-v6-c-sidebar__panel.pf-m-width-default-on-sm {
+    --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-25-on-sm {
-    --pf-v5-c-sidebar__panel--FlexBasis: 25%;
+  .pf-v6-c-sidebar__panel.pf-m-width-25-on-sm {
+    --pf-v6-c-sidebar__panel--FlexBasis: 25%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-33-on-sm {
-    --pf-v5-c-sidebar__panel--FlexBasis: 33%;
+  .pf-v6-c-sidebar__panel.pf-m-width-33-on-sm {
+    --pf-v6-c-sidebar__panel--FlexBasis: 33%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-50-on-sm {
-    --pf-v5-c-sidebar__panel--FlexBasis: 50%;
+  .pf-v6-c-sidebar__panel.pf-m-width-50-on-sm {
+    --pf-v6-c-sidebar__panel--FlexBasis: 50%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-66-on-sm {
-    --pf-v5-c-sidebar__panel--FlexBasis: 66%;
+  .pf-v6-c-sidebar__panel.pf-m-width-66-on-sm {
+    --pf-v6-c-sidebar__panel--FlexBasis: 66%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-75-on-sm {
-    --pf-v5-c-sidebar__panel--FlexBasis: 75%;
+  .pf-v6-c-sidebar__panel.pf-m-width-75-on-sm {
+    --pf-v6-c-sidebar__panel--FlexBasis: 75%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-100-on-sm {
-    --pf-v5-c-sidebar__panel--FlexBasis: 100%;
+  .pf-v6-c-sidebar__panel.pf-m-width-100-on-sm {
+    --pf-v6-c-sidebar__panel--FlexBasis: 100%;
   }
 }
 @media (min-width: 768px) {
-  .pf-v5-c-sidebar__panel.pf-m-width-default-on-md {
-    --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
+  .pf-v6-c-sidebar__panel.pf-m-width-default-on-md {
+    --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-25-on-md {
-    --pf-v5-c-sidebar__panel--FlexBasis: 25%;
+  .pf-v6-c-sidebar__panel.pf-m-width-25-on-md {
+    --pf-v6-c-sidebar__panel--FlexBasis: 25%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-33-on-md {
-    --pf-v5-c-sidebar__panel--FlexBasis: 33%;
+  .pf-v6-c-sidebar__panel.pf-m-width-33-on-md {
+    --pf-v6-c-sidebar__panel--FlexBasis: 33%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-50-on-md {
-    --pf-v5-c-sidebar__panel--FlexBasis: 50%;
+  .pf-v6-c-sidebar__panel.pf-m-width-50-on-md {
+    --pf-v6-c-sidebar__panel--FlexBasis: 50%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-66-on-md {
-    --pf-v5-c-sidebar__panel--FlexBasis: 66%;
+  .pf-v6-c-sidebar__panel.pf-m-width-66-on-md {
+    --pf-v6-c-sidebar__panel--FlexBasis: 66%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-75-on-md {
-    --pf-v5-c-sidebar__panel--FlexBasis: 75%;
+  .pf-v6-c-sidebar__panel.pf-m-width-75-on-md {
+    --pf-v6-c-sidebar__panel--FlexBasis: 75%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-100-on-md {
-    --pf-v5-c-sidebar__panel--FlexBasis: 100%;
+  .pf-v6-c-sidebar__panel.pf-m-width-100-on-md {
+    --pf-v6-c-sidebar__panel--FlexBasis: 100%;
   }
 }
 @media (min-width: 992px) {
-  .pf-v5-c-sidebar__panel.pf-m-width-default-on-lg {
-    --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
+  .pf-v6-c-sidebar__panel.pf-m-width-default-on-lg {
+    --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-25-on-lg {
-    --pf-v5-c-sidebar__panel--FlexBasis: 25%;
+  .pf-v6-c-sidebar__panel.pf-m-width-25-on-lg {
+    --pf-v6-c-sidebar__panel--FlexBasis: 25%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-33-on-lg {
-    --pf-v5-c-sidebar__panel--FlexBasis: 33%;
+  .pf-v6-c-sidebar__panel.pf-m-width-33-on-lg {
+    --pf-v6-c-sidebar__panel--FlexBasis: 33%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-50-on-lg {
-    --pf-v5-c-sidebar__panel--FlexBasis: 50%;
+  .pf-v6-c-sidebar__panel.pf-m-width-50-on-lg {
+    --pf-v6-c-sidebar__panel--FlexBasis: 50%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-66-on-lg {
-    --pf-v5-c-sidebar__panel--FlexBasis: 66%;
+  .pf-v6-c-sidebar__panel.pf-m-width-66-on-lg {
+    --pf-v6-c-sidebar__panel--FlexBasis: 66%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-75-on-lg {
-    --pf-v5-c-sidebar__panel--FlexBasis: 75%;
+  .pf-v6-c-sidebar__panel.pf-m-width-75-on-lg {
+    --pf-v6-c-sidebar__panel--FlexBasis: 75%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-100-on-lg {
-    --pf-v5-c-sidebar__panel--FlexBasis: 100%;
+  .pf-v6-c-sidebar__panel.pf-m-width-100-on-lg {
+    --pf-v6-c-sidebar__panel--FlexBasis: 100%;
   }
 }
 @media (min-width: 1200px) {
-  .pf-v5-c-sidebar__panel.pf-m-width-default-on-xl {
-    --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
+  .pf-v6-c-sidebar__panel.pf-m-width-default-on-xl {
+    --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-25-on-xl {
-    --pf-v5-c-sidebar__panel--FlexBasis: 25%;
+  .pf-v6-c-sidebar__panel.pf-m-width-25-on-xl {
+    --pf-v6-c-sidebar__panel--FlexBasis: 25%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-33-on-xl {
-    --pf-v5-c-sidebar__panel--FlexBasis: 33%;
+  .pf-v6-c-sidebar__panel.pf-m-width-33-on-xl {
+    --pf-v6-c-sidebar__panel--FlexBasis: 33%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-50-on-xl {
-    --pf-v5-c-sidebar__panel--FlexBasis: 50%;
+  .pf-v6-c-sidebar__panel.pf-m-width-50-on-xl {
+    --pf-v6-c-sidebar__panel--FlexBasis: 50%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-66-on-xl {
-    --pf-v5-c-sidebar__panel--FlexBasis: 66%;
+  .pf-v6-c-sidebar__panel.pf-m-width-66-on-xl {
+    --pf-v6-c-sidebar__panel--FlexBasis: 66%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-75-on-xl {
-    --pf-v5-c-sidebar__panel--FlexBasis: 75%;
+  .pf-v6-c-sidebar__panel.pf-m-width-75-on-xl {
+    --pf-v6-c-sidebar__panel--FlexBasis: 75%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-100-on-xl {
-    --pf-v5-c-sidebar__panel--FlexBasis: 100%;
+  .pf-v6-c-sidebar__panel.pf-m-width-100-on-xl {
+    --pf-v6-c-sidebar__panel--FlexBasis: 100%;
   }
 }
 @media (min-width: 1450px) {
-  .pf-v5-c-sidebar__panel.pf-m-width-default-on-2xl {
-    --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
+  .pf-v6-c-sidebar__panel.pf-m-width-default-on-2xl {
+    --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-25-on-2xl {
-    --pf-v5-c-sidebar__panel--FlexBasis: 25%;
+  .pf-v6-c-sidebar__panel.pf-m-width-25-on-2xl {
+    --pf-v6-c-sidebar__panel--FlexBasis: 25%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-33-on-2xl {
-    --pf-v5-c-sidebar__panel--FlexBasis: 33%;
+  .pf-v6-c-sidebar__panel.pf-m-width-33-on-2xl {
+    --pf-v6-c-sidebar__panel--FlexBasis: 33%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-50-on-2xl {
-    --pf-v5-c-sidebar__panel--FlexBasis: 50%;
+  .pf-v6-c-sidebar__panel.pf-m-width-50-on-2xl {
+    --pf-v6-c-sidebar__panel--FlexBasis: 50%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-66-on-2xl {
-    --pf-v5-c-sidebar__panel--FlexBasis: 66%;
+  .pf-v6-c-sidebar__panel.pf-m-width-66-on-2xl {
+    --pf-v6-c-sidebar__panel--FlexBasis: 66%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-75-on-2xl {
-    --pf-v5-c-sidebar__panel--FlexBasis: 75%;
+  .pf-v6-c-sidebar__panel.pf-m-width-75-on-2xl {
+    --pf-v6-c-sidebar__panel--FlexBasis: 75%;
   }
-  .pf-v5-c-sidebar__panel.pf-m-width-100-on-2xl {
-    --pf-v5-c-sidebar__panel--FlexBasis: 100%;
+  .pf-v6-c-sidebar__panel.pf-m-width-100-on-2xl {
+    --pf-v6-c-sidebar__panel--FlexBasis: 100%;
   }
 }

package/css/components/Sidebar/sidebar.d.ts

@@ -57,7 +57,6 @@ declare const _default: {
   "sidebar": "pf-v6-c-sidebar",
   "sidebarContent": "pf-v6-c-sidebar__content",
   "sidebarMain": "pf-v6-c-sidebar__main",
-  "sidebarPanel": "pf-v6-c-sidebar__panel",
-  "v5CSidebarPanel": "pf-v5-c-sidebar__panel"
+  "sidebarPanel": "pf-v6-c-sidebar__panel"
 };
 export default _default;

package/css/components/Sidebar/sidebar.js

@@ -59,6 +59,5 @@ exports.default = {
   "sidebar": "pf-v6-c-sidebar",
   "sidebarContent": "pf-v6-c-sidebar__content",
   "sidebarMain": "pf-v6-c-sidebar__main",
-  "sidebarPanel": "pf-v6-c-sidebar__panel",
-  "v5CSidebarPanel": "pf-v5-c-sidebar__panel"
+  "sidebarPanel": "pf-v6-c-sidebar__panel"
 };

package/css/components/Sidebar/sidebar.mjs

@@ -57,6 +57,5 @@ export default {
   "sidebar": "pf-v6-c-sidebar",
   "sidebarContent": "pf-v6-c-sidebar__content",
   "sidebarMain": "pf-v6-c-sidebar__main",
-  "sidebarPanel": "pf-v6-c-sidebar__panel",
-  "v5CSidebarPanel": "pf-v5-c-sidebar__panel"
+  "sidebarPanel": "pf-v6-c-sidebar__panel"
 };

package/css/components/SkipToContent/skip-to-content.css

@@ -1,6 +1,6 @@
 :root {
   --pf-v6-c-skip-to-content--Top: var(--pf-t--global--spacer--md);
-  --pf-v6-c-skip-to-content--ZIndex: var(--pf-v6-global--ZIndex--2xl);
+  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
   --pf-v6-c-skip-to-content--focus--Left: var(--pf-t--global--spacer--md);
 }
 

package/css/components/Slider/slider.css

@@ -52,7 +52,7 @@
   --pf-v6-c-slider__value--m-floating--TranslateX: -50%;
   --pf-v6-c-slider__value--m-floating--TranslateY: -100%;
   --pf-v6-c-slider__value--m-floating--Left: var(--pf-v6-c-slider--value);
-  --pf-v6-c-slider__value--m-floating--ZIndex: var(--pf-t--global--Zindex--sm);
+  --pf-v6-c-slider__value--m-floating--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-slider__actions--MarginRight: var(--pf-t--global--spacer--sm);
   --pf-v6-c-slider__main--actions--MarginLeft: var(--pf-t--global--spacer--sm);
   --pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor: var(--pf-t--global--background--color--disabled--default);

package/css/components/Table/table-scrollable.css

@@ -2,7 +2,7 @@
 :where(.pf-v6-c-table) {
   --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
   --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
-  --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-table__sticky-cell--Right: auto;
   --pf-v6-c-table__sticky-cell--Left: auto;
   --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);

package/css/components/Table/table.css

@@ -1,49 +1,49 @@
 .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
-  --pf-v5-hidden-visible--hidden--Display: none;
-  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
-  display: var(--pf-v5-hidden-visible--Display);
+  --pf-v6-hidden-visible--hidden--Display: none;
+  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
+  display: var(--pf-v6-hidden-visible--Display);
 }
 .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden:where(th, td) {
-  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
 }
 @media screen and (min-width: 576px) {
   .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-sm:where(th, td) {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
   .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-sm:where(th, td) {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 768px) {
   .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-md:where(th, td) {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
   .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-md:where(th, td) {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 992px) {
   .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-lg:where(th, td) {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
   .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-lg:where(th, td) {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 1200px) {
   .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-xl:where(th, td) {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
   .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-xl:where(th, td) {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 1450px) {
   .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-hidden-on-2xl:where(th, td) {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
   .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > .pf-m-visible-on-2xl:where(th, td) {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
 
@@ -121,7 +121,7 @@
   --pf-v6-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__action--PaddingLeft: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__action--PaddingRight: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table__expandable-row--Transition: var(--pf-v6-global--Transition);
+  --pf-v6-c-table__expandable-row--Transition: var(--pf-t--global--transition);
   --pf-v6-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
   --pf-v6-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
   --pf-v6-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
@@ -177,9 +177,9 @@
   --pf-v6-c-table__nested-column-header__button--PaddingLeft: calc(var(--pf-v6-c-table__button--PaddingLeft) - var(--pf-t--global--spacer--sm));
   --pf-v6-c-table__nested-column-header__button--PaddingRight: calc(var(--pf-v6-c-table__button--PaddingRight) - var(--pf-t--global--spacer--xs));
   --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
-  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--Zindex--xs);
-  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--Zindex--xs) + 1);
-  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--Zindex--xs) + 2);
+  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
+  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
+  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
 }
 
 .pf-v6-c-table {
@@ -238,7 +238,7 @@
   opacity: var(--pf-v6-c-table__tr--m-ghost-row--Opacity);
 }
 .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
-  --pf-v5-hidden-visible--visible--Display: var(--pf-v6-c-table--cell--hidden-visible--Display);
+  --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-table--cell--hidden-visible--Display);
   position: relative;
   width: var(--pf-v6-c-table--cell--Width);
   min-width: var(--pf-v6-c-table--cell--MinWidth);

package/css/components/Tabs/tabs.css

@@ -34,7 +34,7 @@
   --pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
-  --pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--Zindex--sm);
+  --pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
   --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
   --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);

package/css/components/ToggleGroup/toggle-group.css

@@ -10,7 +10,7 @@
   --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --pf-v6-c-toggle-group__button--ZIndex: auto;
   --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
-  --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
@@ -24,12 +24,12 @@
   --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
   --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
   --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
   --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
   --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-toggle-group--m-compact__button--PaddingTop: 0;
   --pf-v6-c-toggle-group--m-compact__button--PaddingRight: var(--pf-t--global--spacer--sm);
   --pf-v6-c-toggle-group--m-compact__button--PaddingBottom: 0;
@@ -109,11 +109,11 @@
   pointer-events: none;
 }
 
-.pf-v5-c-toggle-group__item:has(.pf-m-selected) + .pf-v5-c-toggle-group__item:has(.pf-m-selected) {
+.pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
   --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
 }
 
-.pf-v5-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v5-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
+.pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
   --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
 }
 

package/css/components/ToggleGroup/toggle-group.d.ts

@@ -9,7 +9,6 @@ declare const _default: {
   "toggleGroupButton": "pf-v6-c-toggle-group__button",
   "toggleGroupIcon": "pf-v6-c-toggle-group__icon",
   "toggleGroupItem": "pf-v6-c-toggle-group__item",
-  "toggleGroupText": "pf-v6-c-toggle-group__text",
-  "v5CToggleGroupItem": "pf-v5-c-toggle-group__item"
+  "toggleGroupText": "pf-v6-c-toggle-group__text"
 };
 export default _default;

package/css/components/ToggleGroup/toggle-group.js

@@ -11,6 +11,5 @@ exports.default = {
   "toggleGroupButton": "pf-v6-c-toggle-group__button",
   "toggleGroupIcon": "pf-v6-c-toggle-group__icon",
   "toggleGroupItem": "pf-v6-c-toggle-group__item",
-  "toggleGroupText": "pf-v6-c-toggle-group__text",
-  "v5CToggleGroupItem": "pf-v5-c-toggle-group__item"
+  "toggleGroupText": "pf-v6-c-toggle-group__text"
 };

package/css/components/ToggleGroup/toggle-group.mjs

@@ -9,6 +9,5 @@ export default {
   "toggleGroupButton": "pf-v6-c-toggle-group__button",
   "toggleGroupIcon": "pf-v6-c-toggle-group__icon",
   "toggleGroupItem": "pf-v6-c-toggle-group__item",
-  "toggleGroupText": "pf-v6-c-toggle-group__text",
-  "v5CToggleGroupItem": "pf-v5-c-toggle-group__item"
+  "toggleGroupText": "pf-v6-c-toggle-group__text"
 };

package/css/components/Toolbar/toolbar.css

@@ -3,73 +3,73 @@
 .pf-v6-c-toolbar__item,
 .pf-v6-c-toolbar__group.pf-m-chip-group-container,
 .pf-v6-c-toolbar__group.pf-m-chip-group {
-  --pf-v5-hidden-visible--hidden--Display: none;
-  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
-  display: var(--pf-v5-hidden-visible--Display);
+  --pf-v6-hidden-visible--hidden--Display: none;
+  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
+  display: var(--pf-v6-hidden-visible--Display);
 }
 .pf-m-hidden.pf-v6-c-toolbar__content-section,
 .pf-m-hidden.pf-v6-c-toolbar__group,
 .pf-m-hidden.pf-v6-c-toolbar__item {
-  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
 }
 @media screen and (min-width: 576px) {
   .pf-m-hidden-on-sm.pf-v6-c-toolbar__content-section,
   .pf-m-hidden-on-sm.pf-v6-c-toolbar__group,
   .pf-m-hidden-on-sm.pf-v6-c-toolbar__item {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
   .pf-m-visible-on-sm.pf-v6-c-toolbar__content-section,
   .pf-m-visible-on-sm.pf-v6-c-toolbar__group,
   .pf-m-visible-on-sm.pf-v6-c-toolbar__item {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 768px) {
   .pf-m-hidden-on-md.pf-v6-c-toolbar__content-section,
   .pf-m-hidden-on-md.pf-v6-c-toolbar__group,
   .pf-m-hidden-on-md.pf-v6-c-toolbar__item {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
   .pf-m-visible-on-md.pf-v6-c-toolbar__content-section,
   .pf-m-visible-on-md.pf-v6-c-toolbar__group,
   .pf-m-visible-on-md.pf-v6-c-toolbar__item {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 992px) {
   .pf-m-hidden-on-lg.pf-v6-c-toolbar__content-section,
   .pf-m-hidden-on-lg.pf-v6-c-toolbar__group,
   .pf-m-hidden-on-lg.pf-v6-c-toolbar__item {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
   .pf-m-visible-on-lg.pf-v6-c-toolbar__content-section,
   .pf-m-visible-on-lg.pf-v6-c-toolbar__group,
   .pf-m-visible-on-lg.pf-v6-c-toolbar__item {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 1200px) {
   .pf-m-hidden-on-xl.pf-v6-c-toolbar__content-section,
   .pf-m-hidden-on-xl.pf-v6-c-toolbar__group,
   .pf-m-hidden-on-xl.pf-v6-c-toolbar__item {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
   .pf-m-visible-on-xl.pf-v6-c-toolbar__content-section,
   .pf-m-visible-on-xl.pf-v6-c-toolbar__group,
   .pf-m-visible-on-xl.pf-v6-c-toolbar__item {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 1450px) {
   .pf-m-hidden-on-2xl.pf-v6-c-toolbar__content-section,
   .pf-m-hidden-on-2xl.pf-v6-c-toolbar__group,
   .pf-m-hidden-on-2xl.pf-v6-c-toolbar__item {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
   .pf-m-visible-on-2xl.pf-v6-c-toolbar__content-section,
   .pf-m-visible-on-2xl.pf-v6-c-toolbar__group,
   .pf-m-visible-on-2xl.pf-v6-c-toolbar__item {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
 
@@ -81,6 +81,10 @@
   --pf-v6-c-toolbar--PaddingInline: var(--pf-t--global--spacer--md);
   --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-toolbar--FontSize: var(--pf-t--global--font--size--body--default);
+  --pf-v6-c-toolbar--BackgroundColor: transparent;
+  --pf-v6-c-toolbar--m-primary--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v6-c-toolbar--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v6-c-toolbar--m-no-background--BackgroundColor: transparent;
   --pf-v6-c-toolbar__item--Width: auto;
   --pf-v6-c-toolbar__item--MinWidth: auto;
   --pf-v6-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -89,14 +93,15 @@
   --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
   --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
-  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
   --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
-  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
+  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-toolbar--m-page-insets--inset: var(--pf-v6-c-page--inset);
   --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
-  --pf-v6-c-toolbar__expand-all-icon--Transition: var(--pf-v6-global--Transition);
+  --pf-v6-c-toolbar__expand-all-icon--Transition: var(--pf-t--global--transition);
   --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
   --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--xs);
   --pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -107,7 +112,7 @@
 .pf-v6-c-toolbar__item,
 .pf-v6-c-toolbar__group.pf-m-chip-group-container,
 .pf-v6-c-toolbar__group.pf-m-chip-group {
-  --pf-v5-hidden-visible--visible--Display: flex;
+  --pf-v6-hidden-visible--visible--Display: flex;
   flex-wrap: wrap;
 }
 
@@ -121,8 +126,10 @@
   width: var(--pf-v6-c-toolbar--Width, auto);
   font-size: var(--pf-v6-c-toolbar--FontSize);
   line-height: var(--pf-v6-c-toolbar--LineHeight);
+  background-color: var(--pf-v6-c-toolbar--BackgroundColor);
 }
 .pf-v6-c-toolbar.pf-m-sticky {
+  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-sticky--BackgroundColor);
   position: sticky;
   inset-block-start: 0;
   z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
@@ -147,6 +154,15 @@
   --pf-v6-c-toolbar--PaddingInlineStart: var(--pf-v6-c-toolbar--m-page-insets--inset);
   --pf-v6-c-toolbar--PaddingInlineEnd: var(--pf-v6-c-toolbar--m-page-insets--inset);
 }
+.pf-v6-c-toolbar.pf-m-primary {
+  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
+}
+.pf-v6-c-toolbar.pf-m-secondary {
+  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-secondary--BackgroundColor);
+}
+.pf-v6-c-toolbar.pf-m-no-background {
+  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
+}
 
 .pf-v6-c-toolbar__content,
 .pf-v6-c-toolbar__content-section,

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

@@ -19,6 +19,9 @@ declare const _default: {
     "static": "pf-m-static",
     "fullHeight": "pf-m-full-height",
     "pageInsets": "pf-m-page-insets",
+    "primary": "pf-m-primary",
+    "secondary": "pf-m-secondary",
+    "noBackground": "pf-m-no-background",
     "pagination": "pf-m-pagination",
     "expandAll": "pf-m-expand-all",
     "expanded": "pf-m-expanded",