@patternfly/react-styles 6.0.0-alpha.3 → 6.0.0-alpha.30

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;
   }
 }

package/css/utilities/Alignment/alignment.d.ts

@@ -1,28 +1,28 @@
 import './alignment.css';
 declare const _default: {
-  "textAlignCenter": "pf-v5-u-text-align-center",
-  "textAlignCenterOnLg": "pf-v5-u-text-align-center-on-lg",
-  "textAlignCenterOnMd": "pf-v5-u-text-align-center-on-md",
-  "textAlignCenterOnSm": "pf-v5-u-text-align-center-on-sm",
-  "textAlignCenterOnXl": "pf-v5-u-text-align-center-on-xl",
-  "textAlignCenterOn_2xl": "pf-v5-u-text-align-center-on-2xl",
-  "textAlignJustify": "pf-v5-u-text-align-justify",
-  "textAlignJustifyOnLg": "pf-v5-u-text-align-justify-on-lg",
-  "textAlignJustifyOnMd": "pf-v5-u-text-align-justify-on-md",
-  "textAlignJustifyOnSm": "pf-v5-u-text-align-justify-on-sm",
-  "textAlignJustifyOnXl": "pf-v5-u-text-align-justify-on-xl",
-  "textAlignJustifyOn_2xl": "pf-v5-u-text-align-justify-on-2xl",
-  "textAlignLeft": "pf-v5-u-text-align-left",
-  "textAlignLeftOnLg": "pf-v5-u-text-align-left-on-lg",
-  "textAlignLeftOnMd": "pf-v5-u-text-align-left-on-md",
-  "textAlignLeftOnSm": "pf-v5-u-text-align-left-on-sm",
-  "textAlignLeftOnXl": "pf-v5-u-text-align-left-on-xl",
-  "textAlignLeftOn_2xl": "pf-v5-u-text-align-left-on-2xl",
-  "textAlignRight": "pf-v5-u-text-align-right",
-  "textAlignRightOnLg": "pf-v5-u-text-align-right-on-lg",
-  "textAlignRightOnMd": "pf-v5-u-text-align-right-on-md",
-  "textAlignRightOnSm": "pf-v5-u-text-align-right-on-sm",
-  "textAlignRightOnXl": "pf-v5-u-text-align-right-on-xl",
-  "textAlignRightOn_2xl": "pf-v5-u-text-align-right-on-2xl"
+  "textAlignCenter": "pf-v6-u-text-align-center",
+  "textAlignCenterOnLg": "pf-v6-u-text-align-center-on-lg",
+  "textAlignCenterOnMd": "pf-v6-u-text-align-center-on-md",
+  "textAlignCenterOnSm": "pf-v6-u-text-align-center-on-sm",
+  "textAlignCenterOnXl": "pf-v6-u-text-align-center-on-xl",
+  "textAlignCenterOn_2xl": "pf-v6-u-text-align-center-on-2xl",
+  "textAlignEnd": "pf-v6-u-text-align-end",
+  "textAlignEndOnLg": "pf-v6-u-text-align-end-on-lg",
+  "textAlignEndOnMd": "pf-v6-u-text-align-end-on-md",
+  "textAlignEndOnSm": "pf-v6-u-text-align-end-on-sm",
+  "textAlignEndOnXl": "pf-v6-u-text-align-end-on-xl",
+  "textAlignEndOn_2xl": "pf-v6-u-text-align-end-on-2xl",
+  "textAlignJustify": "pf-v6-u-text-align-justify",
+  "textAlignJustifyOnLg": "pf-v6-u-text-align-justify-on-lg",
+  "textAlignJustifyOnMd": "pf-v6-u-text-align-justify-on-md",
+  "textAlignJustifyOnSm": "pf-v6-u-text-align-justify-on-sm",
+  "textAlignJustifyOnXl": "pf-v6-u-text-align-justify-on-xl",
+  "textAlignJustifyOn_2xl": "pf-v6-u-text-align-justify-on-2xl",
+  "textAlignStart": "pf-v6-u-text-align-start",
+  "textAlignStartOnLg": "pf-v6-u-text-align-start-on-lg",
+  "textAlignStartOnMd": "pf-v6-u-text-align-start-on-md",
+  "textAlignStartOnSm": "pf-v6-u-text-align-start-on-sm",
+  "textAlignStartOnXl": "pf-v6-u-text-align-start-on-xl",
+  "textAlignStartOn_2xl": "pf-v6-u-text-align-start-on-2xl"
 };
 export default _default;

package/css/utilities/Alignment/alignment.js

@@ -2,28 +2,28 @@
 exports.__esModule = true;
 require('./alignment.css');
 exports.default = {
-  "textAlignCenter": "pf-v5-u-text-align-center",
-  "textAlignCenterOnLg": "pf-v5-u-text-align-center-on-lg",
-  "textAlignCenterOnMd": "pf-v5-u-text-align-center-on-md",
-  "textAlignCenterOnSm": "pf-v5-u-text-align-center-on-sm",
-  "textAlignCenterOnXl": "pf-v5-u-text-align-center-on-xl",
-  "textAlignCenterOn_2xl": "pf-v5-u-text-align-center-on-2xl",
-  "textAlignJustify": "pf-v5-u-text-align-justify",
-  "textAlignJustifyOnLg": "pf-v5-u-text-align-justify-on-lg",
-  "textAlignJustifyOnMd": "pf-v5-u-text-align-justify-on-md",
-  "textAlignJustifyOnSm": "pf-v5-u-text-align-justify-on-sm",
-  "textAlignJustifyOnXl": "pf-v5-u-text-align-justify-on-xl",
-  "textAlignJustifyOn_2xl": "pf-v5-u-text-align-justify-on-2xl",
-  "textAlignLeft": "pf-v5-u-text-align-left",
-  "textAlignLeftOnLg": "pf-v5-u-text-align-left-on-lg",
-  "textAlignLeftOnMd": "pf-v5-u-text-align-left-on-md",
-  "textAlignLeftOnSm": "pf-v5-u-text-align-left-on-sm",
-  "textAlignLeftOnXl": "pf-v5-u-text-align-left-on-xl",
-  "textAlignLeftOn_2xl": "pf-v5-u-text-align-left-on-2xl",
-  "textAlignRight": "pf-v5-u-text-align-right",
-  "textAlignRightOnLg": "pf-v5-u-text-align-right-on-lg",
-  "textAlignRightOnMd": "pf-v5-u-text-align-right-on-md",
-  "textAlignRightOnSm": "pf-v5-u-text-align-right-on-sm",
-  "textAlignRightOnXl": "pf-v5-u-text-align-right-on-xl",
-  "textAlignRightOn_2xl": "pf-v5-u-text-align-right-on-2xl"
+  "textAlignCenter": "pf-v6-u-text-align-center",
+  "textAlignCenterOnLg": "pf-v6-u-text-align-center-on-lg",
+  "textAlignCenterOnMd": "pf-v6-u-text-align-center-on-md",
+  "textAlignCenterOnSm": "pf-v6-u-text-align-center-on-sm",
+  "textAlignCenterOnXl": "pf-v6-u-text-align-center-on-xl",
+  "textAlignCenterOn_2xl": "pf-v6-u-text-align-center-on-2xl",
+  "textAlignEnd": "pf-v6-u-text-align-end",
+  "textAlignEndOnLg": "pf-v6-u-text-align-end-on-lg",
+  "textAlignEndOnMd": "pf-v6-u-text-align-end-on-md",
+  "textAlignEndOnSm": "pf-v6-u-text-align-end-on-sm",
+  "textAlignEndOnXl": "pf-v6-u-text-align-end-on-xl",
+  "textAlignEndOn_2xl": "pf-v6-u-text-align-end-on-2xl",
+  "textAlignJustify": "pf-v6-u-text-align-justify",
+  "textAlignJustifyOnLg": "pf-v6-u-text-align-justify-on-lg",
+  "textAlignJustifyOnMd": "pf-v6-u-text-align-justify-on-md",
+  "textAlignJustifyOnSm": "pf-v6-u-text-align-justify-on-sm",
+  "textAlignJustifyOnXl": "pf-v6-u-text-align-justify-on-xl",
+  "textAlignJustifyOn_2xl": "pf-v6-u-text-align-justify-on-2xl",
+  "textAlignStart": "pf-v6-u-text-align-start",
+  "textAlignStartOnLg": "pf-v6-u-text-align-start-on-lg",
+  "textAlignStartOnMd": "pf-v6-u-text-align-start-on-md",
+  "textAlignStartOnSm": "pf-v6-u-text-align-start-on-sm",
+  "textAlignStartOnXl": "pf-v6-u-text-align-start-on-xl",
+  "textAlignStartOn_2xl": "pf-v6-u-text-align-start-on-2xl"
 };

package/css/utilities/Alignment/alignment.mjs

@@ -1,27 +1,27 @@
 import './alignment.css';
 export default {
-  "textAlignCenter": "pf-v5-u-text-align-center",
-  "textAlignCenterOnLg": "pf-v5-u-text-align-center-on-lg",
-  "textAlignCenterOnMd": "pf-v5-u-text-align-center-on-md",
-  "textAlignCenterOnSm": "pf-v5-u-text-align-center-on-sm",
-  "textAlignCenterOnXl": "pf-v5-u-text-align-center-on-xl",
-  "textAlignCenterOn_2xl": "pf-v5-u-text-align-center-on-2xl",
-  "textAlignJustify": "pf-v5-u-text-align-justify",
-  "textAlignJustifyOnLg": "pf-v5-u-text-align-justify-on-lg",
-  "textAlignJustifyOnMd": "pf-v5-u-text-align-justify-on-md",
-  "textAlignJustifyOnSm": "pf-v5-u-text-align-justify-on-sm",
-  "textAlignJustifyOnXl": "pf-v5-u-text-align-justify-on-xl",
-  "textAlignJustifyOn_2xl": "pf-v5-u-text-align-justify-on-2xl",
-  "textAlignLeft": "pf-v5-u-text-align-left",
-  "textAlignLeftOnLg": "pf-v5-u-text-align-left-on-lg",
-  "textAlignLeftOnMd": "pf-v5-u-text-align-left-on-md",
-  "textAlignLeftOnSm": "pf-v5-u-text-align-left-on-sm",
-  "textAlignLeftOnXl": "pf-v5-u-text-align-left-on-xl",
-  "textAlignLeftOn_2xl": "pf-v5-u-text-align-left-on-2xl",
-  "textAlignRight": "pf-v5-u-text-align-right",
-  "textAlignRightOnLg": "pf-v5-u-text-align-right-on-lg",
-  "textAlignRightOnMd": "pf-v5-u-text-align-right-on-md",
-  "textAlignRightOnSm": "pf-v5-u-text-align-right-on-sm",
-  "textAlignRightOnXl": "pf-v5-u-text-align-right-on-xl",
-  "textAlignRightOn_2xl": "pf-v5-u-text-align-right-on-2xl"
+  "textAlignCenter": "pf-v6-u-text-align-center",
+  "textAlignCenterOnLg": "pf-v6-u-text-align-center-on-lg",
+  "textAlignCenterOnMd": "pf-v6-u-text-align-center-on-md",
+  "textAlignCenterOnSm": "pf-v6-u-text-align-center-on-sm",
+  "textAlignCenterOnXl": "pf-v6-u-text-align-center-on-xl",
+  "textAlignCenterOn_2xl": "pf-v6-u-text-align-center-on-2xl",
+  "textAlignEnd": "pf-v6-u-text-align-end",
+  "textAlignEndOnLg": "pf-v6-u-text-align-end-on-lg",
+  "textAlignEndOnMd": "pf-v6-u-text-align-end-on-md",
+  "textAlignEndOnSm": "pf-v6-u-text-align-end-on-sm",
+  "textAlignEndOnXl": "pf-v6-u-text-align-end-on-xl",
+  "textAlignEndOn_2xl": "pf-v6-u-text-align-end-on-2xl",
+  "textAlignJustify": "pf-v6-u-text-align-justify",
+  "textAlignJustifyOnLg": "pf-v6-u-text-align-justify-on-lg",
+  "textAlignJustifyOnMd": "pf-v6-u-text-align-justify-on-md",
+  "textAlignJustifyOnSm": "pf-v6-u-text-align-justify-on-sm",
+  "textAlignJustifyOnXl": "pf-v6-u-text-align-justify-on-xl",
+  "textAlignJustifyOn_2xl": "pf-v6-u-text-align-justify-on-2xl",
+  "textAlignStart": "pf-v6-u-text-align-start",
+  "textAlignStartOnLg": "pf-v6-u-text-align-start-on-lg",
+  "textAlignStartOnMd": "pf-v6-u-text-align-start-on-md",
+  "textAlignStartOnSm": "pf-v6-u-text-align-start-on-sm",
+  "textAlignStartOnXl": "pf-v6-u-text-align-start-on-xl",
+  "textAlignStartOn_2xl": "pf-v6-u-text-align-start-on-2xl"
 };

package/css/utilities/BackgroundColor/background-color.css

@@ -0,0 +1,67 @@
+.pf-v6-u-background-color-disabled {
+  background-color: var(--pf-t--global--background--color--disabled--default) !important;
+}
+
+.pf-v6-u-background-color-inverse {
+  background-color: var(--pf-t--global--background--color--inverse--default) !important;
+}
+
+.pf-v6-u-background-color-highlight {
+  background-color: var(--pf-t--global--background--color--highlight--default) !important;
+}
+
+@media screen and (min-width: 576px) {
+  .pf-v6-u-background-color-disabled-on-sm {
+    background-color: var(--pf-t--global--background--color--disabled--default) !important;
+  }
+  .pf-v6-u-background-color-inverse-on-sm {
+    background-color: var(--pf-t--global--background--color--inverse--default) !important;
+  }
+  .pf-v6-u-background-color-highlight-on-sm {
+    background-color: var(--pf-t--global--background--color--highlight--default) !important;
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-v6-u-background-color-disabled-on-md {
+    background-color: var(--pf-t--global--background--color--disabled--default) !important;
+  }
+  .pf-v6-u-background-color-inverse-on-md {
+    background-color: var(--pf-t--global--background--color--inverse--default) !important;
+  }
+  .pf-v6-u-background-color-highlight-on-md {
+    background-color: var(--pf-t--global--background--color--highlight--default) !important;
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-v6-u-background-color-disabled-on-lg {
+    background-color: var(--pf-t--global--background--color--disabled--default) !important;
+  }
+  .pf-v6-u-background-color-inverse-on-lg {
+    background-color: var(--pf-t--global--background--color--inverse--default) !important;
+  }
+  .pf-v6-u-background-color-highlight-on-lg {
+    background-color: var(--pf-t--global--background--color--highlight--default) !important;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-v6-u-background-color-disabled-on-xl {
+    background-color: var(--pf-t--global--background--color--disabled--default) !important;
+  }
+  .pf-v6-u-background-color-inverse-on-xl {
+    background-color: var(--pf-t--global--background--color--inverse--default) !important;
+  }
+  .pf-v6-u-background-color-highlight-on-xl {
+    background-color: var(--pf-t--global--background--color--highlight--default) !important;
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-v6-u-background-color-disabled-on-2xl {
+    background-color: var(--pf-t--global--background--color--disabled--default) !important;
+  }
+  .pf-v6-u-background-color-inverse-on-2xl {
+    background-color: var(--pf-t--global--background--color--inverse--default) !important;
+  }
+  .pf-v6-u-background-color-highlight-on-2xl {
+    background-color: var(--pf-t--global--background--color--highlight--default) !important;
+  }
+}

package/css/utilities/BackgroundColor/background-color.d.ts

@@ -0,0 +1,22 @@
+import './background-color.css';
+declare const _default: {
+  "backgroundColorDisabled": "pf-v6-u-background-color-disabled",
+  "backgroundColorDisabledOnLg": "pf-v6-u-background-color-disabled-on-lg",
+  "backgroundColorDisabledOnMd": "pf-v6-u-background-color-disabled-on-md",
+  "backgroundColorDisabledOnSm": "pf-v6-u-background-color-disabled-on-sm",
+  "backgroundColorDisabledOnXl": "pf-v6-u-background-color-disabled-on-xl",
+  "backgroundColorDisabledOn_2xl": "pf-v6-u-background-color-disabled-on-2xl",
+  "backgroundColorHighlight": "pf-v6-u-background-color-highlight",
+  "backgroundColorHighlightOnLg": "pf-v6-u-background-color-highlight-on-lg",
+  "backgroundColorHighlightOnMd": "pf-v6-u-background-color-highlight-on-md",
+  "backgroundColorHighlightOnSm": "pf-v6-u-background-color-highlight-on-sm",
+  "backgroundColorHighlightOnXl": "pf-v6-u-background-color-highlight-on-xl",
+  "backgroundColorHighlightOn_2xl": "pf-v6-u-background-color-highlight-on-2xl",
+  "backgroundColorInverse": "pf-v6-u-background-color-inverse",
+  "backgroundColorInverseOnLg": "pf-v6-u-background-color-inverse-on-lg",
+  "backgroundColorInverseOnMd": "pf-v6-u-background-color-inverse-on-md",
+  "backgroundColorInverseOnSm": "pf-v6-u-background-color-inverse-on-sm",
+  "backgroundColorInverseOnXl": "pf-v6-u-background-color-inverse-on-xl",
+  "backgroundColorInverseOn_2xl": "pf-v6-u-background-color-inverse-on-2xl"
+};
+export default _default;