@patternfly/patternfly 6.0.0-alpha.90 → 6.0.0-alpha.91

package/components/Divider/divider.css

@@ -1,308 +1,308 @@
-.pf-v5-c-divider {
+.pf-v6-c-divider {
   --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-m-hidden.pf-v5-c-divider {
+.pf-m-hidden.pf-v6-c-divider {
   --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
 }
 @media screen and (min-width: 576px) {
-  .pf-m-hidden-on-sm.pf-v5-c-divider {
+  .pf-m-hidden-on-sm.pf-v6-c-divider {
     --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
   }
-  .pf-m-visible-on-sm.pf-v5-c-divider {
+  .pf-m-visible-on-sm.pf-v6-c-divider {
     --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 768px) {
-  .pf-m-hidden-on-md.pf-v5-c-divider {
+  .pf-m-hidden-on-md.pf-v6-c-divider {
     --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
   }
-  .pf-m-visible-on-md.pf-v5-c-divider {
+  .pf-m-visible-on-md.pf-v6-c-divider {
     --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 992px) {
-  .pf-m-hidden-on-lg.pf-v5-c-divider {
+  .pf-m-hidden-on-lg.pf-v6-c-divider {
     --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
   }
-  .pf-m-visible-on-lg.pf-v5-c-divider {
+  .pf-m-visible-on-lg.pf-v6-c-divider {
     --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-m-hidden-on-xl.pf-v5-c-divider {
+  .pf-m-hidden-on-xl.pf-v6-c-divider {
     --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
   }
-  .pf-m-visible-on-xl.pf-v5-c-divider {
+  .pf-m-visible-on-xl.pf-v6-c-divider {
     --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 1450px) {
-  .pf-m-hidden-on-2xl.pf-v5-c-divider {
+  .pf-m-hidden-on-2xl.pf-v6-c-divider {
     --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
   }
-  .pf-m-visible-on-2xl.pf-v5-c-divider {
+  .pf-m-visible-on-2xl.pf-v6-c-divider {
     --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
   }
 }
 
 :root,
-:where(.pf-v5-c-divider) {
-  --pf-v5-c-divider--Display: flex;
-  --pf-v5-c-divider--Color: var(--pf-t--global--border--color--default);
-  --pf-v5-c-divider--Size: var(--pf-t--global--border--width--divider--default);
-  --pf-v5-c-divider--before--FlexBasis: 100%;
+:where(.pf-v6-c-divider) {
+  --pf-v6-c-divider--Display: flex;
+  --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
+  --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
+  --pf-v6-c-divider--before--FlexBasis: 100%;
 }
 
-.pf-v5-c-divider {
+.pf-v6-c-divider {
   flex-direction: row;
   width: 100%;
-  height: var(--pf-v5-c-divider--Size);
-  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-divider--Display);
+  height: var(--pf-v6-c-divider--Size);
+  --pf-v5-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
   flex-shrink: 0;
   align-items: stretch;
   align-self: stretch;
   justify-content: center;
   border: 0;
 }
-.pf-v5-c-divider::before {
-  flex-basis: var(--pf-v5-c-divider--before--FlexBasis);
+.pf-v6-c-divider::before {
+  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
   content: "";
-  background-color: var(--pf-v5-c-divider--Color);
+  background-color: var(--pf-v6-c-divider--Color);
 }
-.pf-v5-c-divider.pf-m-horizontal {
+.pf-v6-c-divider.pf-m-horizontal {
   flex-direction: row;
   width: 100%;
-  height: var(--pf-v5-c-divider--Size);
+  height: var(--pf-v6-c-divider--Size);
 }
-.pf-v5-c-divider.pf-m-vertical {
+.pf-v6-c-divider.pf-m-vertical {
   flex-direction: column;
-  width: var(--pf-v5-c-divider--Size);
+  width: var(--pf-v6-c-divider--Size);
   height: inherit;
 }
-.pf-v5-c-divider.pf-m-inset-none {
-  --pf-v5-c-divider--before--FlexBasis: calc(100% - 0% * 2);
+.pf-v6-c-divider.pf-m-inset-none {
+  --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
 }
-.pf-v5-c-divider.pf-m-inset-xs {
-  --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
+.pf-v6-c-divider.pf-m-inset-xs {
+  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--xs) * 2);
 }
-.pf-v5-c-divider.pf-m-inset-sm {
-  --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
+.pf-v6-c-divider.pf-m-inset-sm {
+  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--sm) * 2);
 }
-.pf-v5-c-divider.pf-m-inset-md {
-  --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
+.pf-v6-c-divider.pf-m-inset-md {
+  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--md) * 2);
 }
-.pf-v5-c-divider.pf-m-inset-lg {
-  --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
+.pf-v6-c-divider.pf-m-inset-lg {
+  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--lg) * 2);
 }
-.pf-v5-c-divider.pf-m-inset-xl {
-  --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
+.pf-v6-c-divider.pf-m-inset-xl {
+  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--xl) * 2);
 }
-.pf-v5-c-divider.pf-m-inset-2xl {
-  --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
+.pf-v6-c-divider.pf-m-inset-2xl {
+  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--2xl) * 2);
 }
-.pf-v5-c-divider.pf-m-inset-3xl {
-  --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
+.pf-v6-c-divider.pf-m-inset-3xl {
+  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--3xl) * 2);
 }
 
 @media (min-width: 576px) {
-  .pf-v5-c-divider.pf-m-horizontal-on-sm {
+  .pf-v6-c-divider.pf-m-horizontal-on-sm {
     flex-direction: row;
     width: 100%;
-    height: var(--pf-v5-c-divider--Size);
+    height: var(--pf-v6-c-divider--Size);
   }
 }
 @media (min-width: 576px) {
-  .pf-v5-c-divider.pf-m-vertical-on-sm {
+  .pf-v6-c-divider.pf-m-vertical-on-sm {
     flex-direction: column;
-    width: var(--pf-v5-c-divider--Size);
+    width: var(--pf-v6-c-divider--Size);
     height: inherit;
   }
 }
 @media (min-width: 576px) {
-  .pf-v5-c-divider.pf-m-inset-none-on-sm {
-    --pf-v5-c-divider--before--FlexBasis: 100%;
+  .pf-v6-c-divider.pf-m-inset-none-on-sm {
+    --pf-v6-c-divider--before--FlexBasis: 100%;
   }
-  .pf-v5-c-divider.pf-m-inset-xs-on-sm {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
+  .pf-v6-c-divider.pf-m-inset-xs-on-sm {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--xs) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-sm-on-sm {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
+  .pf-v6-c-divider.pf-m-inset-sm-on-sm {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--sm) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-md-on-sm {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
+  .pf-v6-c-divider.pf-m-inset-md-on-sm {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--md) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-lg-on-sm {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
+  .pf-v6-c-divider.pf-m-inset-lg-on-sm {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--lg) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-xl-on-sm {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
+  .pf-v6-c-divider.pf-m-inset-xl-on-sm {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--xl) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-2xl-on-sm {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
+  .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--2xl) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-3xl-on-sm {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
+  .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--3xl) * 2);
   }
 }
 @media (min-width: 768px) {
-  .pf-v5-c-divider.pf-m-horizontal-on-md {
+  .pf-v6-c-divider.pf-m-horizontal-on-md {
     flex-direction: row;
     width: 100%;
-    height: var(--pf-v5-c-divider--Size);
+    height: var(--pf-v6-c-divider--Size);
   }
 }
 @media (min-width: 768px) {
-  .pf-v5-c-divider.pf-m-vertical-on-md {
+  .pf-v6-c-divider.pf-m-vertical-on-md {
     flex-direction: column;
-    width: var(--pf-v5-c-divider--Size);
+    width: var(--pf-v6-c-divider--Size);
     height: inherit;
   }
 }
 @media (min-width: 768px) {
-  .pf-v5-c-divider.pf-m-inset-none-on-md {
-    --pf-v5-c-divider--before--FlexBasis: 100%;
+  .pf-v6-c-divider.pf-m-inset-none-on-md {
+    --pf-v6-c-divider--before--FlexBasis: 100%;
   }
-  .pf-v5-c-divider.pf-m-inset-xs-on-md {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
+  .pf-v6-c-divider.pf-m-inset-xs-on-md {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--xs) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-sm-on-md {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
+  .pf-v6-c-divider.pf-m-inset-sm-on-md {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--sm) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-md-on-md {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
+  .pf-v6-c-divider.pf-m-inset-md-on-md {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--md) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-lg-on-md {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
+  .pf-v6-c-divider.pf-m-inset-lg-on-md {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--lg) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-xl-on-md {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
+  .pf-v6-c-divider.pf-m-inset-xl-on-md {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--xl) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-2xl-on-md {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
+  .pf-v6-c-divider.pf-m-inset-2xl-on-md {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--2xl) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-3xl-on-md {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
+  .pf-v6-c-divider.pf-m-inset-3xl-on-md {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--3xl) * 2);
   }
 }
 @media (min-width: 992px) {
-  .pf-v5-c-divider.pf-m-horizontal-on-lg {
+  .pf-v6-c-divider.pf-m-horizontal-on-lg {
     flex-direction: row;
     width: 100%;
-    height: var(--pf-v5-c-divider--Size);
+    height: var(--pf-v6-c-divider--Size);
   }
 }
 @media (min-width: 992px) {
-  .pf-v5-c-divider.pf-m-vertical-on-lg {
+  .pf-v6-c-divider.pf-m-vertical-on-lg {
     flex-direction: column;
-    width: var(--pf-v5-c-divider--Size);
+    width: var(--pf-v6-c-divider--Size);
     height: inherit;
   }
 }
 @media (min-width: 992px) {
-  .pf-v5-c-divider.pf-m-inset-none-on-lg {
-    --pf-v5-c-divider--before--FlexBasis: 100%;
+  .pf-v6-c-divider.pf-m-inset-none-on-lg {
+    --pf-v6-c-divider--before--FlexBasis: 100%;
   }
-  .pf-v5-c-divider.pf-m-inset-xs-on-lg {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
+  .pf-v6-c-divider.pf-m-inset-xs-on-lg {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--xs) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-sm-on-lg {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
+  .pf-v6-c-divider.pf-m-inset-sm-on-lg {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--sm) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-md-on-lg {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
+  .pf-v6-c-divider.pf-m-inset-md-on-lg {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--md) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-lg-on-lg {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
+  .pf-v6-c-divider.pf-m-inset-lg-on-lg {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--lg) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-xl-on-lg {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
+  .pf-v6-c-divider.pf-m-inset-xl-on-lg {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--xl) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-2xl-on-lg {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
+  .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--2xl) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-3xl-on-lg {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
+  .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--3xl) * 2);
   }
 }
 @media (min-width: 1200px) {
-  .pf-v5-c-divider.pf-m-horizontal-on-xl {
+  .pf-v6-c-divider.pf-m-horizontal-on-xl {
     flex-direction: row;
     width: 100%;
-    height: var(--pf-v5-c-divider--Size);
+    height: var(--pf-v6-c-divider--Size);
   }
 }
 @media (min-width: 1200px) {
-  .pf-v5-c-divider.pf-m-vertical-on-xl {
+  .pf-v6-c-divider.pf-m-vertical-on-xl {
     flex-direction: column;
-    width: var(--pf-v5-c-divider--Size);
+    width: var(--pf-v6-c-divider--Size);
     height: inherit;
   }
 }
 @media (min-width: 1200px) {
-  .pf-v5-c-divider.pf-m-inset-none-on-xl {
-    --pf-v5-c-divider--before--FlexBasis: 100%;
+  .pf-v6-c-divider.pf-m-inset-none-on-xl {
+    --pf-v6-c-divider--before--FlexBasis: 100%;
   }
-  .pf-v5-c-divider.pf-m-inset-xs-on-xl {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
+  .pf-v6-c-divider.pf-m-inset-xs-on-xl {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--xs) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-sm-on-xl {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
+  .pf-v6-c-divider.pf-m-inset-sm-on-xl {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--sm) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-md-on-xl {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
+  .pf-v6-c-divider.pf-m-inset-md-on-xl {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--md) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-lg-on-xl {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
+  .pf-v6-c-divider.pf-m-inset-lg-on-xl {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--lg) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-xl-on-xl {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
+  .pf-v6-c-divider.pf-m-inset-xl-on-xl {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--xl) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-2xl-on-xl {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
+  .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--2xl) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-3xl-on-xl {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
+  .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--3xl) * 2);
   }
 }
 @media (min-width: 1450px) {
-  .pf-v5-c-divider.pf-m-horizontal-on-2xl {
+  .pf-v6-c-divider.pf-m-horizontal-on-2xl {
     flex-direction: row;
     width: 100%;
-    height: var(--pf-v5-c-divider--Size);
+    height: var(--pf-v6-c-divider--Size);
   }
 }
 @media (min-width: 1450px) {
-  .pf-v5-c-divider.pf-m-vertical-on-2xl {
+  .pf-v6-c-divider.pf-m-vertical-on-2xl {
     flex-direction: column;
-    width: var(--pf-v5-c-divider--Size);
+    width: var(--pf-v6-c-divider--Size);
     height: inherit;
   }
 }
 @media (min-width: 1450px) {
-  .pf-v5-c-divider.pf-m-inset-none-on-2xl {
-    --pf-v5-c-divider--before--FlexBasis: 100%;
+  .pf-v6-c-divider.pf-m-inset-none-on-2xl {
+    --pf-v6-c-divider--before--FlexBasis: 100%;
   }
-  .pf-v5-c-divider.pf-m-inset-xs-on-2xl {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xs) * 2);
+  .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--xs) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-sm-on-2xl {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--sm) * 2);
+  .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--sm) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-md-on-2xl {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--md) * 2);
+  .pf-v6-c-divider.pf-m-inset-md-on-2xl {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--md) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-lg-on-2xl {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--lg) * 2);
+  .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--lg) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-xl-on-2xl {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--xl) * 2);
+  .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--xl) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-2xl-on-2xl {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--2xl) * 2);
+  .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--2xl) * 2);
   }
-  .pf-v5-c-divider.pf-m-inset-3xl-on-2xl {
-    --pf-v5-c-divider--before--FlexBasis: calc(100% - var(--pf-v5-global--spacer--3xl) * 2);
+  .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
+    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-v6-global--spacer--3xl) * 2);
   }
 }

package/components/DragDrop/drag-drop.css

@@ -1,52 +1,52 @@
-:where(:root), :where(.pf-v5-c-draggable) {
-  --pf-v5-c-draggable--Cursor: auto;
-  --pf-v5-c-draggable--m-dragging--Cursor: grabbing;
-  --pf-v5-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
-  --pf-v5-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
-  --pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
-  --pf-v5-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
-  --pf-v5-c-draggable--m-drag-outside--Cursor: not-allowed;
-  --pf-v5-c-draggable--m-drag-outside--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
+:where(:root), :where(.pf-v6-c-draggable) {
+  --pf-v6-c-draggable--Cursor: auto;
+  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
+  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
+  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
+  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
+  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-draggable--m-drag-outside--Cursor: not-allowed;
+  --pf-v6-c-draggable--m-drag-outside--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
 }
 
-.pf-v5-c-draggable {
-  cursor: var(--pf-v5-c-draggable--Cursor);
+.pf-v6-c-draggable {
+  cursor: var(--pf-v6-c-draggable--Cursor);
 }
-.pf-v5-c-draggable.pf-m-dragging {
-  --pf-v5-c-draggable--Cursor: var(--pf-v5-c-draggable--m-dragging--Cursor);
+.pf-v6-c-draggable.pf-m-dragging {
+  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
   position: relative;
-  background-color: var(--pf-v5-c-draggable--m-dragging--BackgroundColor);
-  box-shadow: var(--pf-v5-c-draggable--m-dragging--BoxShadow);
+  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
+  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
 }
-.pf-v5-c-draggable.pf-m-dragging::after {
+.pf-v6-c-draggable.pf-m-dragging::after {
   position: absolute;
   inset-block-start: 0;
   inset-block-end: 0;
   inset-inline-start: 0;
   inset-inline-end: 0;
   content: "";
-  border: var(--pf-v5-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-draggable--m-dragging--after--BorderColor);
-  border-radius: var(--pf-v5-c-draggable--m-dragging--after--BorderRadius);
+  border: var(--pf-v6-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-v6-c-draggable--m-dragging--after--BorderColor);
+  border-radius: var(--pf-v6-c-draggable--m-dragging--after--BorderRadius);
 }
-.pf-v5-c-draggable.pf-m-drag-outside {
-  --pf-v5-c-draggable--m-dragging--Cursor: var(--pf-v5-c-draggable--m-drag-outside--Cursor);
-  --pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-c-draggable--m-drag-outside--after--BorderColor);
+.pf-v6-c-draggable.pf-m-drag-outside {
+  --pf-v6-c-draggable--m-dragging--Cursor: var(--pf-v6-c-draggable--m-drag-outside--Cursor);
+  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-v6-c-draggable--m-drag-outside--after--BorderColor);
 }
 
-:where(:root), :where(.pf-v5-c-droppable) {
-  --pf-v5-c-droppable--before--BackgroundColor: transparent;
-  --pf-v5-c-droppable--before--Opacity: 0;
-  --pf-v5-c-droppable--after--BorderWidth: 0;
-  --pf-v5-c-droppable--after--BorderColor: transparent;
-  --pf-v5-c-droppable--m-dragging--before--BackgroundColor: var(--pf-t--global--background--color--primary--default);
-  --pf-v5-c-droppable--m-dragging--before--Opacity: .6;
-  --pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
-  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
-  --pf-v5-c-droppable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
-  --pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
+:where(:root), :where(.pf-v6-c-droppable) {
+  --pf-v6-c-droppable--before--BackgroundColor: transparent;
+  --pf-v6-c-droppable--before--Opacity: 0;
+  --pf-v6-c-droppable--after--BorderWidth: 0;
+  --pf-v6-c-droppable--after--BorderColor: transparent;
+  --pf-v6-c-droppable--m-dragging--before--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v6-c-droppable--m-dragging--before--Opacity: .6;
+  --pf-v6-c-droppable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
+  --pf-v6-c-droppable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
+  --pf-v6-c-droppable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-droppable--m-drag-outside--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
 }
 
-.pf-v5-c-droppable::before, .pf-v5-c-droppable::after {
+.pf-v6-c-droppable::before, .pf-v6-c-droppable::after {
   position: absolute;
   inset-block-start: 0;
   inset-block-end: 0;
@@ -55,21 +55,21 @@
   pointer-events: none;
   content: "";
 }
-.pf-v5-c-droppable::before {
-  background-color: var(--pf-v5-c-droppable--before--BackgroundColor);
-  opacity: var(--pf-v5-c-droppable--before--Opacity);
+.pf-v6-c-droppable::before {
+  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
+  opacity: var(--pf-v6-c-droppable--before--Opacity);
 }
-.pf-v5-c-droppable::after {
-  border: var(--pf-v5-c-droppable--after--BorderWidth, 0) solid var(--pf-v5-c-droppable--after--BorderColor, transparent);
-  border-radius: var(--pf-v5-c-droppable--m-dragging--after--BorderRadius);
+.pf-v6-c-droppable::after {
+  border: var(--pf-v6-c-droppable--after--BorderWidth, 0) solid var(--pf-v6-c-droppable--after--BorderColor, transparent);
+  border-radius: var(--pf-v6-c-droppable--m-dragging--after--BorderRadius);
 }
-.pf-v5-c-droppable.pf-m-dragging {
-  --pf-v5-c-droppable--before--BackgroundColor: var(--pf-v5-c-droppable--m-dragging--before--BackgroundColor);
-  --pf-v5-c-droppable--before--Opacity: var(--pf-v5-c-droppable--m-dragging--before--Opacity);
-  --pf-v5-c-droppable--after--BorderWidth: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth);
-  --pf-v5-c-droppable--after--BorderColor: var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
+.pf-v6-c-droppable.pf-m-dragging {
+  --pf-v6-c-droppable--before--BackgroundColor: var(--pf-v6-c-droppable--m-dragging--before--BackgroundColor);
+  --pf-v6-c-droppable--before--Opacity: var(--pf-v6-c-droppable--m-dragging--before--Opacity);
+  --pf-v6-c-droppable--after--BorderWidth: var(--pf-v6-c-droppable--m-dragging--after--BorderWidth);
+  --pf-v6-c-droppable--after--BorderColor: var(--pf-v6-c-droppable--m-dragging--after--BorderColor);
   position: relative;
 }
-.pf-v5-c-droppable.pf-m-drag-outside {
-  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
+.pf-v6-c-droppable.pf-m-drag-outside {
+  --pf-v6-c-droppable--m-dragging--after--BorderColor: var(--pf-v6-c-droppable--m-drag-outside--after--BorderColor);
 }