@patternfly/react-styles 6.0.0-alpha.2 → 6.0.0-alpha.20

package/css/layouts/Grid/grid.d.ts

@@ -1,7 +1,7 @@
 import './grid.css';
 declare const _default: {
-  "grid": "pf-v5-l-grid",
-  "gridItem": "pf-v5-l-grid__item",
+  "grid": "pf-v6-l-grid",
+  "gridItem": "pf-v6-l-grid__item",
   "modifiers": {
     "all_1Col": "pf-m-all-1-col",
     "all_2Col": "pf-m-all-2-col",

package/css/layouts/Grid/grid.js

@@ -2,8 +2,8 @@
 exports.__esModule = true;
 require('./grid.css');
 exports.default = {
-  "grid": "pf-v5-l-grid",
-  "gridItem": "pf-v5-l-grid__item",
+  "grid": "pf-v6-l-grid",
+  "gridItem": "pf-v6-l-grid__item",
   "modifiers": {
     "all_1Col": "pf-m-all-1-col",
     "all_2Col": "pf-m-all-2-col",

package/css/layouts/Grid/grid.mjs

@@ -1,7 +1,7 @@
 import './grid.css';
 export default {
-  "grid": "pf-v5-l-grid",
-  "gridItem": "pf-v5-l-grid__item",
+  "grid": "pf-v6-l-grid",
+  "gridItem": "pf-v6-l-grid__item",
   "modifiers": {
     "all_1Col": "pf-m-all-1-col",
     "all_2Col": "pf-m-all-2-col",

package/css/layouts/Level/level.css

@@ -1,10 +1,14 @@
-.pf-v5-l-level {
-  --pf-v5-l-level--m-gutter--Gap: var(--pf-v5-global--gutter);
+:where(:root),
+:where(.pf-v6-l-level) {
+  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+}
+
+.pf-v6-l-level {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
 }
-.pf-v5-l-level.pf-m-gutter {
-  gap: var(--pf-v5-l-level--m-gutter--Gap);
+.pf-v6-l-level.pf-m-gutter {
+  gap: var(--pf-v6-l-level--m-gutter--Gap);
 }

package/css/layouts/Level/level.d.ts

@@ -1,6 +1,6 @@
 import './level.css';
 declare const _default: {
-  "level": "pf-v5-l-level",
+  "level": "pf-v6-l-level",
   "modifiers": {
     "gutter": "pf-m-gutter"
   }

package/css/layouts/Level/level.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 require('./level.css');
 exports.default = {
-  "level": "pf-v5-l-level",
+  "level": "pf-v6-l-level",
   "modifiers": {
     "gutter": "pf-m-gutter"
   }

package/css/layouts/Level/level.mjs

@@ -1,6 +1,6 @@
 import './level.css';
 export default {
-  "level": "pf-v5-l-level",
+  "level": "pf-v6-l-level",
   "modifiers": {
     "gutter": "pf-m-gutter"
   }

package/css/layouts/Split/split.css

@@ -1,17 +1,21 @@
-.pf-v5-l-split {
-  --pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
+:where(:root),
+:where(.pf-v6-l-split) {
+  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+}
+
+.pf-v6-l-split {
   display: flex;
   padding: 0;
   margin: 0;
 }
-.pf-v5-l-split.pf-m-wrap {
+.pf-v6-l-split.pf-m-wrap {
   flex-wrap: wrap;
 }
 
-.pf-v5-l-split__item.pf-m-fill {
+.pf-v6-l-split__item.pf-m-fill {
   flex-grow: 1;
 }
 
-.pf-v5-l-split.pf-m-gutter {
-  gap: var(--pf-v5-l-stack--m-gutter--Gap);
+.pf-v6-l-split.pf-m-gutter {
+  gap: var(--pf-v6-l-stack--m-gutter--Gap);
 }

package/css/layouts/Split/split.d.ts

@@ -5,7 +5,7 @@ declare const _default: {
     "fill": "pf-m-fill",
     "gutter": "pf-m-gutter"
   },
-  "split": "pf-v5-l-split",
-  "splitItem": "pf-v5-l-split__item"
+  "split": "pf-v6-l-split",
+  "splitItem": "pf-v6-l-split__item"
 };
 export default _default;

package/css/layouts/Split/split.js

@@ -7,6 +7,6 @@ exports.default = {
     "fill": "pf-m-fill",
     "gutter": "pf-m-gutter"
   },
-  "split": "pf-v5-l-split",
-  "splitItem": "pf-v5-l-split__item"
+  "split": "pf-v6-l-split",
+  "splitItem": "pf-v6-l-split__item"
 };

package/css/layouts/Split/split.mjs

@@ -5,6 +5,6 @@ export default {
     "fill": "pf-m-fill",
     "gutter": "pf-m-gutter"
   },
-  "split": "pf-v5-l-split",
-  "splitItem": "pf-v5-l-split__item"
+  "split": "pf-v6-l-split",
+  "splitItem": "pf-v6-l-split__item"
 };

package/css/layouts/Stack/stack.css

@@ -1,14 +1,18 @@
-.pf-v5-l-stack {
-  --pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
+:where(:root),
+:where(.pf-v6-l-stack) {
+  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+}
+
+.pf-v6-l-stack {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
 
-.pf-v5-l-stack__item.pf-m-fill {
+.pf-v6-l-stack__item.pf-m-fill {
   flex-grow: 1;
 }
 
-.pf-v5-l-stack.pf-m-gutter {
-  gap: var(--pf-v5-l-stack--m-gutter--Gap);
+.pf-v6-l-stack.pf-m-gutter {
+  gap: var(--pf-v6-l-stack--m-gutter--Gap);
 }

package/css/layouts/Stack/stack.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
     "fill": "pf-m-fill",
     "gutter": "pf-m-gutter"
   },
-  "stack": "pf-v5-l-stack",
-  "stackItem": "pf-v5-l-stack__item"
+  "stack": "pf-v6-l-stack",
+  "stackItem": "pf-v6-l-stack__item"
 };
 export default _default;

package/css/layouts/Stack/stack.js

@@ -6,6 +6,6 @@ exports.default = {
     "fill": "pf-m-fill",
     "gutter": "pf-m-gutter"
   },
-  "stack": "pf-v5-l-stack",
-  "stackItem": "pf-v5-l-stack__item"
+  "stack": "pf-v6-l-stack",
+  "stackItem": "pf-v6-l-stack__item"
 };

package/css/layouts/Stack/stack.mjs

@@ -4,6 +4,6 @@ export default {
     "fill": "pf-m-fill",
     "gutter": "pf-m-gutter"
   },
-  "stack": "pf-v5-l-stack",
-  "stackItem": "pf-v5-l-stack__item"
+  "stack": "pf-v6-l-stack",
+  "stackItem": "pf-v6-l-stack__item"
 };

package/css/layouts/Toolbar/toolbar.css

@@ -1,9 +1,9 @@
 .pf-l-toolbar {
-  --pf-v5-l-toolbar__section--MarginTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-l-toolbar__group--MarginRight: var(--pf-v5-global--spacer--xl);
-  --pf-v5-l-toolbar__group--MarginLeft: var(--pf-v5-global--spacer--xl);
-  --pf-v5-l-toolbar__item--MarginRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-l-toolbar__item--MarginLeft: var(--pf-v5-global--spacer--md);
+  --pf-v6-l-toolbar__section--MarginTop: var(--pf-v6-global--spacer--md);
+  --pf-v6-l-toolbar__group--MarginRight: var(--pf-v6-global--spacer--xl);
+  --pf-v6-l-toolbar__group--MarginLeft: var(--pf-v6-global--spacer--xl);
+  --pf-v6-l-toolbar__item--MarginRight: var(--pf-v6-global--spacer--md);
+  --pf-v6-l-toolbar__item--MarginLeft: var(--pf-v6-global--spacer--md);
 }
 
 .pf-l-toolbar,
@@ -18,13 +18,13 @@
   flex-basis: 100%;
 }
 .pf-l-toolbar__section:not(:first-child) {
-  margin-top: var(--pf-v5-l-toolbar__section--MarginTop);
+  margin-top: var(--pf-v6-l-toolbar__section--MarginTop);
 }
 
 .pf-l-toolbar__group:not(:last-child) {
-  margin-right: var(--pf-v5-l-toolbar__group--MarginRight);
+  margin-right: var(--pf-v6-l-toolbar__group--MarginRight);
 }
 
 .pf-l-toolbar__item .pf-l-toolbar:not(:last-child) {
-  margin-right: var(--pf-v5-l-toolbar__item--MarginRight);
+  margin-right: var(--pf-v6-l-toolbar__item--MarginRight);
 }

package/css/utilities/Accessibility/accessibility.css

@@ -1,4 +1,4 @@
-.pf-v5-u-screen-reader {
+.pf-v6-u-screen-reader {
   position: fixed;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -8,7 +8,7 @@
   border: 0;
 }
 
-.pf-v5-u-visible {
+.pf-v6-u-visible {
   position: static;
   overflow: visible;
   clip: auto;
@@ -16,12 +16,12 @@
   border: inherit;
 }
 
-.pf-v5-u-hidden {
+.pf-v6-u-hidden {
   display: none !important;
 }
 
 @media screen and (min-width: 576px) {
-  .pf-v5-u-screen-reader-on-sm {
+  .pf-v6-u-screen-reader-on-sm {
     position: fixed;
     inset-block-start: 0;
     inset-inline-start: 0;
@@ -33,7 +33,7 @@
 }
 
 @media screen and (min-width: 576px) {
-  .pf-v5-u-visible-on-sm {
+  .pf-v6-u-visible-on-sm {
     position: static;
     overflow: visible;
     clip: auto;
@@ -43,13 +43,13 @@
 }
 
 @media screen and (min-width: 576px) {
-  .pf-v5-u-hidden-on-sm {
+  .pf-v6-u-hidden-on-sm {
     display: none !important;
   }
 }
 
 @media screen and (min-width: 768px) {
-  .pf-v5-u-screen-reader-on-md {
+  .pf-v6-u-screen-reader-on-md {
     position: fixed;
     inset-block-start: 0;
     inset-inline-start: 0;
@@ -61,7 +61,7 @@
 }
 
 @media screen and (min-width: 768px) {
-  .pf-v5-u-visible-on-md {
+  .pf-v6-u-visible-on-md {
     position: static;
     overflow: visible;
     clip: auto;
@@ -71,13 +71,13 @@
 }
 
 @media screen and (min-width: 768px) {
-  .pf-v5-u-hidden-on-md {
+  .pf-v6-u-hidden-on-md {
     display: none !important;
   }
 }
 
 @media screen and (min-width: 992px) {
-  .pf-v5-u-screen-reader-on-lg {
+  .pf-v6-u-screen-reader-on-lg {
     position: fixed;
     inset-block-start: 0;
     inset-inline-start: 0;
@@ -89,7 +89,7 @@
 }
 
 @media screen and (min-width: 992px) {
-  .pf-v5-u-visible-on-lg {
+  .pf-v6-u-visible-on-lg {
     position: static;
     overflow: visible;
     clip: auto;
@@ -99,13 +99,13 @@
 }
 
 @media screen and (min-width: 992px) {
-  .pf-v5-u-hidden-on-lg {
+  .pf-v6-u-hidden-on-lg {
     display: none !important;
   }
 }
 
 @media screen and (min-width: 1200px) {
-  .pf-v5-u-screen-reader-on-xl {
+  .pf-v6-u-screen-reader-on-xl {
     position: fixed;
     inset-block-start: 0;
     inset-inline-start: 0;
@@ -117,7 +117,7 @@
 }
 
 @media screen and (min-width: 1200px) {
-  .pf-v5-u-visible-on-xl {
+  .pf-v6-u-visible-on-xl {
     position: static;
     overflow: visible;
     clip: auto;
@@ -127,13 +127,13 @@
 }
 
 @media screen and (min-width: 1200px) {
-  .pf-v5-u-hidden-on-xl {
+  .pf-v6-u-hidden-on-xl {
     display: none !important;
   }
 }
 
 @media screen and (min-width: 1450px) {
-  .pf-v5-u-screen-reader-on-2xl {
+  .pf-v6-u-screen-reader-on-2xl {
     position: fixed;
     inset-block-start: 0;
     inset-inline-start: 0;
@@ -145,7 +145,7 @@
 }
 
 @media screen and (min-width: 1450px) {
-  .pf-v5-u-visible-on-2xl {
+  .pf-v6-u-visible-on-2xl {
     position: static;
     overflow: visible;
     clip: auto;
@@ -155,7 +155,7 @@
 }
 
 @media screen and (min-width: 1450px) {
-  .pf-v5-u-hidden-on-2xl {
+  .pf-v6-u-hidden-on-2xl {
     display: none !important;
   }
 }

package/css/utilities/Accessibility/accessibility.d.ts

@@ -1,22 +1,22 @@
 import './accessibility.css';
 declare const _default: {
-  "hidden": "pf-v5-u-hidden",
-  "hiddenOnLg": "pf-v5-u-hidden-on-lg",
-  "hiddenOnMd": "pf-v5-u-hidden-on-md",
-  "hiddenOnSm": "pf-v5-u-hidden-on-sm",
-  "hiddenOnXl": "pf-v5-u-hidden-on-xl",
-  "hiddenOn_2xl": "pf-v5-u-hidden-on-2xl",
-  "screenReader": "pf-v5-u-screen-reader",
-  "screenReaderOnLg": "pf-v5-u-screen-reader-on-lg",
-  "screenReaderOnMd": "pf-v5-u-screen-reader-on-md",
-  "screenReaderOnSm": "pf-v5-u-screen-reader-on-sm",
-  "screenReaderOnXl": "pf-v5-u-screen-reader-on-xl",
-  "screenReaderOn_2xl": "pf-v5-u-screen-reader-on-2xl",
-  "visible": "pf-v5-u-visible",
-  "visibleOnLg": "pf-v5-u-visible-on-lg",
-  "visibleOnMd": "pf-v5-u-visible-on-md",
-  "visibleOnSm": "pf-v5-u-visible-on-sm",
-  "visibleOnXl": "pf-v5-u-visible-on-xl",
-  "visibleOn_2xl": "pf-v5-u-visible-on-2xl"
+  "hidden": "pf-v6-u-hidden",
+  "hiddenOnLg": "pf-v6-u-hidden-on-lg",
+  "hiddenOnMd": "pf-v6-u-hidden-on-md",
+  "hiddenOnSm": "pf-v6-u-hidden-on-sm",
+  "hiddenOnXl": "pf-v6-u-hidden-on-xl",
+  "hiddenOn_2xl": "pf-v6-u-hidden-on-2xl",
+  "screenReader": "pf-v6-u-screen-reader",
+  "screenReaderOnLg": "pf-v6-u-screen-reader-on-lg",
+  "screenReaderOnMd": "pf-v6-u-screen-reader-on-md",
+  "screenReaderOnSm": "pf-v6-u-screen-reader-on-sm",
+  "screenReaderOnXl": "pf-v6-u-screen-reader-on-xl",
+  "screenReaderOn_2xl": "pf-v6-u-screen-reader-on-2xl",
+  "visible": "pf-v6-u-visible",
+  "visibleOnLg": "pf-v6-u-visible-on-lg",
+  "visibleOnMd": "pf-v6-u-visible-on-md",
+  "visibleOnSm": "pf-v6-u-visible-on-sm",
+  "visibleOnXl": "pf-v6-u-visible-on-xl",
+  "visibleOn_2xl": "pf-v6-u-visible-on-2xl"
 };
 export default _default;

package/css/utilities/Accessibility/accessibility.js

@@ -2,22 +2,22 @@
 exports.__esModule = true;
 require('./accessibility.css');
 exports.default = {
-  "hidden": "pf-v5-u-hidden",
-  "hiddenOnLg": "pf-v5-u-hidden-on-lg",
-  "hiddenOnMd": "pf-v5-u-hidden-on-md",
-  "hiddenOnSm": "pf-v5-u-hidden-on-sm",
-  "hiddenOnXl": "pf-v5-u-hidden-on-xl",
-  "hiddenOn_2xl": "pf-v5-u-hidden-on-2xl",
-  "screenReader": "pf-v5-u-screen-reader",
-  "screenReaderOnLg": "pf-v5-u-screen-reader-on-lg",
-  "screenReaderOnMd": "pf-v5-u-screen-reader-on-md",
-  "screenReaderOnSm": "pf-v5-u-screen-reader-on-sm",
-  "screenReaderOnXl": "pf-v5-u-screen-reader-on-xl",
-  "screenReaderOn_2xl": "pf-v5-u-screen-reader-on-2xl",
-  "visible": "pf-v5-u-visible",
-  "visibleOnLg": "pf-v5-u-visible-on-lg",
-  "visibleOnMd": "pf-v5-u-visible-on-md",
-  "visibleOnSm": "pf-v5-u-visible-on-sm",
-  "visibleOnXl": "pf-v5-u-visible-on-xl",
-  "visibleOn_2xl": "pf-v5-u-visible-on-2xl"
+  "hidden": "pf-v6-u-hidden",
+  "hiddenOnLg": "pf-v6-u-hidden-on-lg",
+  "hiddenOnMd": "pf-v6-u-hidden-on-md",
+  "hiddenOnSm": "pf-v6-u-hidden-on-sm",
+  "hiddenOnXl": "pf-v6-u-hidden-on-xl",
+  "hiddenOn_2xl": "pf-v6-u-hidden-on-2xl",
+  "screenReader": "pf-v6-u-screen-reader",
+  "screenReaderOnLg": "pf-v6-u-screen-reader-on-lg",
+  "screenReaderOnMd": "pf-v6-u-screen-reader-on-md",
+  "screenReaderOnSm": "pf-v6-u-screen-reader-on-sm",
+  "screenReaderOnXl": "pf-v6-u-screen-reader-on-xl",
+  "screenReaderOn_2xl": "pf-v6-u-screen-reader-on-2xl",
+  "visible": "pf-v6-u-visible",
+  "visibleOnLg": "pf-v6-u-visible-on-lg",
+  "visibleOnMd": "pf-v6-u-visible-on-md",
+  "visibleOnSm": "pf-v6-u-visible-on-sm",
+  "visibleOnXl": "pf-v6-u-visible-on-xl",
+  "visibleOn_2xl": "pf-v6-u-visible-on-2xl"
 };

package/css/utilities/Accessibility/accessibility.mjs

@@ -1,21 +1,21 @@
 import './accessibility.css';
 export default {
-  "hidden": "pf-v5-u-hidden",
-  "hiddenOnLg": "pf-v5-u-hidden-on-lg",
-  "hiddenOnMd": "pf-v5-u-hidden-on-md",
-  "hiddenOnSm": "pf-v5-u-hidden-on-sm",
-  "hiddenOnXl": "pf-v5-u-hidden-on-xl",
-  "hiddenOn_2xl": "pf-v5-u-hidden-on-2xl",
-  "screenReader": "pf-v5-u-screen-reader",
-  "screenReaderOnLg": "pf-v5-u-screen-reader-on-lg",
-  "screenReaderOnMd": "pf-v5-u-screen-reader-on-md",
-  "screenReaderOnSm": "pf-v5-u-screen-reader-on-sm",
-  "screenReaderOnXl": "pf-v5-u-screen-reader-on-xl",
-  "screenReaderOn_2xl": "pf-v5-u-screen-reader-on-2xl",
-  "visible": "pf-v5-u-visible",
-  "visibleOnLg": "pf-v5-u-visible-on-lg",
-  "visibleOnMd": "pf-v5-u-visible-on-md",
-  "visibleOnSm": "pf-v5-u-visible-on-sm",
-  "visibleOnXl": "pf-v5-u-visible-on-xl",
-  "visibleOn_2xl": "pf-v5-u-visible-on-2xl"
+  "hidden": "pf-v6-u-hidden",
+  "hiddenOnLg": "pf-v6-u-hidden-on-lg",
+  "hiddenOnMd": "pf-v6-u-hidden-on-md",
+  "hiddenOnSm": "pf-v6-u-hidden-on-sm",
+  "hiddenOnXl": "pf-v6-u-hidden-on-xl",
+  "hiddenOn_2xl": "pf-v6-u-hidden-on-2xl",
+  "screenReader": "pf-v6-u-screen-reader",
+  "screenReaderOnLg": "pf-v6-u-screen-reader-on-lg",
+  "screenReaderOnMd": "pf-v6-u-screen-reader-on-md",
+  "screenReaderOnSm": "pf-v6-u-screen-reader-on-sm",
+  "screenReaderOnXl": "pf-v6-u-screen-reader-on-xl",
+  "screenReaderOn_2xl": "pf-v6-u-screen-reader-on-2xl",
+  "visible": "pf-v6-u-visible",
+  "visibleOnLg": "pf-v6-u-visible-on-lg",
+  "visibleOnMd": "pf-v6-u-visible-on-md",
+  "visibleOnSm": "pf-v6-u-visible-on-sm",
+  "visibleOnXl": "pf-v6-u-visible-on-xl",
+  "visibleOn_2xl": "pf-v6-u-visible-on-2xl"
 };

package/css/utilities/Alignment/alignment.css

@@ -1,86 +1,86 @@
-.pf-v5-u-text-align-left {
-  text-align: left !important;
+.pf-v6-u-text-align-start {
+  text-align: start !important;
 }
 
-.pf-v5-u-text-align-center {
+.pf-v6-u-text-align-center {
   text-align: center !important;
 }
 
-.pf-v5-u-text-align-right {
-  text-align: right !important;
+.pf-v6-u-text-align-end {
+  text-align: end !important;
 }
 
-.pf-v5-u-text-align-justify {
+.pf-v6-u-text-align-justify {
   text-align: justify !important;
 }
 
 @media screen and (min-width: 576px) {
-  .pf-v5-u-text-align-left-on-sm {
-    text-align: left !important;
+  .pf-v6-u-text-align-start-on-sm {
+    text-align: start !important;
   }
-  .pf-v5-u-text-align-center-on-sm {
+  .pf-v6-u-text-align-center-on-sm {
     text-align: center !important;
   }
-  .pf-v5-u-text-align-right-on-sm {
-    text-align: right !important;
+  .pf-v6-u-text-align-end-on-sm {
+    text-align: end !important;
   }
-  .pf-v5-u-text-align-justify-on-sm {
+  .pf-v6-u-text-align-justify-on-sm {
     text-align: justify !important;
   }
 }
 @media screen and (min-width: 768px) {
-  .pf-v5-u-text-align-left-on-md {
-    text-align: left !important;
+  .pf-v6-u-text-align-start-on-md {
+    text-align: start !important;
   }
-  .pf-v5-u-text-align-center-on-md {
+  .pf-v6-u-text-align-center-on-md {
     text-align: center !important;
   }
-  .pf-v5-u-text-align-right-on-md {
-    text-align: right !important;
+  .pf-v6-u-text-align-end-on-md {
+    text-align: end !important;
   }
-  .pf-v5-u-text-align-justify-on-md {
+  .pf-v6-u-text-align-justify-on-md {
     text-align: justify !important;
   }
 }
 @media screen and (min-width: 992px) {
-  .pf-v5-u-text-align-left-on-lg {
-    text-align: left !important;
+  .pf-v6-u-text-align-start-on-lg {
+    text-align: start !important;
   }
-  .pf-v5-u-text-align-center-on-lg {
+  .pf-v6-u-text-align-center-on-lg {
     text-align: center !important;
   }
-  .pf-v5-u-text-align-right-on-lg {
-    text-align: right !important;
+  .pf-v6-u-text-align-end-on-lg {
+    text-align: end !important;
   }
-  .pf-v5-u-text-align-justify-on-lg {
+  .pf-v6-u-text-align-justify-on-lg {
     text-align: justify !important;
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-v5-u-text-align-left-on-xl {
-    text-align: left !important;
+  .pf-v6-u-text-align-start-on-xl {
+    text-align: start !important;
   }
-  .pf-v5-u-text-align-center-on-xl {
+  .pf-v6-u-text-align-center-on-xl {
     text-align: center !important;
   }
-  .pf-v5-u-text-align-right-on-xl {
-    text-align: right !important;
+  .pf-v6-u-text-align-end-on-xl {
+    text-align: end !important;
   }
-  .pf-v5-u-text-align-justify-on-xl {
+  .pf-v6-u-text-align-justify-on-xl {
     text-align: justify !important;
   }
 }
 @media screen and (min-width: 1450px) {
-  .pf-v5-u-text-align-left-on-2xl {
-    text-align: left !important;
+  .pf-v6-u-text-align-start-on-2xl {
+    text-align: start !important;
   }
-  .pf-v5-u-text-align-center-on-2xl {
+  .pf-v6-u-text-align-center-on-2xl {
     text-align: center !important;
   }
-  .pf-v5-u-text-align-right-on-2xl {
-    text-align: right !important;
+  .pf-v6-u-text-align-end-on-2xl {
+    text-align: end !important;
   }
-  .pf-v5-u-text-align-justify-on-2xl {
+  .pf-v6-u-text-align-justify-on-2xl {
     text-align: justify !important;
   }
 }