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

package/css/layouts/Gallery/gallery.css

@@ -1,11 +1,15 @@
-.pf-v6-l-gallery {
-  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-v6-global--gutter);
+:where(:root),
+:where(.pf-v6-l-gallery) {
+  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
   --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
   --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
   --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
   --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
   --pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
   --pf-v6-l-gallery--GridTemplateRows: auto;
+}
+
+.pf-v6-l-gallery {
   display: grid;
   grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
   grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);

package/css/layouts/Grid/grid.css

@@ -1,8 +1,12 @@
-.pf-v6-l-grid {
-  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-v6-global--gutter);
+:where(:root),
+:where(.pf-v6-l-grid) {
+  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
   --pf-v6-l-grid__item--GridColumnStart: auto;
   --pf-v6-l-grid__item--GridColumnEnd: span 12;
   --pf-v6-l-grid--item--Order: 0;
+}
+
+.pf-v6-l-grid {
   display: grid;
   grid-template-columns: repeat(12, [col-start] 1fr);
 }

package/css/layouts/Level/level.css

@@ -1,5 +1,9 @@
+:where(:root),
+:where(.pf-v6-l-level) {
+  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+}
+
 .pf-v6-l-level {
-  --pf-v6-l-level--m-gutter--Gap: var(--pf-v6-global--gutter);
   display: flex;
   flex-wrap: wrap;
   align-items: center;

package/css/layouts/Split/split.css

@@ -1,5 +1,9 @@
+:where(:root),
+:where(.pf-v6-l-split) {
+  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+}
+
 .pf-v6-l-split {
-  --pf-v6-l-stack--m-gutter--Gap: var(--pf-v6-global--gutter);
   display: flex;
   padding: 0;
   margin: 0;

package/css/layouts/Stack/stack.css

@@ -1,5 +1,9 @@
+:where(:root),
+:where(.pf-v6-l-stack) {
+  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
+}
+
 .pf-v6-l-stack {
-  --pf-v6-l-stack--m-gutter--Gap: var(--pf-v6-global--gutter);
   display: flex;
   flex-direction: column;
   height: 100%;

package/css/utilities/Alignment/alignment.css

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

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

@@ -6,23 +6,23 @@ declare const _default: {
   "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",
-  "textAlignLeft": "pf-v6-u-text-align-left",
-  "textAlignLeftOnLg": "pf-v6-u-text-align-left-on-lg",
-  "textAlignLeftOnMd": "pf-v6-u-text-align-left-on-md",
-  "textAlignLeftOnSm": "pf-v6-u-text-align-left-on-sm",
-  "textAlignLeftOnXl": "pf-v6-u-text-align-left-on-xl",
-  "textAlignLeftOn_2xl": "pf-v6-u-text-align-left-on-2xl",
-  "textAlignRight": "pf-v6-u-text-align-right",
-  "textAlignRightOnLg": "pf-v6-u-text-align-right-on-lg",
-  "textAlignRightOnMd": "pf-v6-u-text-align-right-on-md",
-  "textAlignRightOnSm": "pf-v6-u-text-align-right-on-sm",
-  "textAlignRightOnXl": "pf-v6-u-text-align-right-on-xl",
-  "textAlignRightOn_2xl": "pf-v6-u-text-align-right-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

@@ -8,22 +8,22 @@ exports.default = {
   "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",
-  "textAlignLeft": "pf-v6-u-text-align-left",
-  "textAlignLeftOnLg": "pf-v6-u-text-align-left-on-lg",
-  "textAlignLeftOnMd": "pf-v6-u-text-align-left-on-md",
-  "textAlignLeftOnSm": "pf-v6-u-text-align-left-on-sm",
-  "textAlignLeftOnXl": "pf-v6-u-text-align-left-on-xl",
-  "textAlignLeftOn_2xl": "pf-v6-u-text-align-left-on-2xl",
-  "textAlignRight": "pf-v6-u-text-align-right",
-  "textAlignRightOnLg": "pf-v6-u-text-align-right-on-lg",
-  "textAlignRightOnMd": "pf-v6-u-text-align-right-on-md",
-  "textAlignRightOnSm": "pf-v6-u-text-align-right-on-sm",
-  "textAlignRightOnXl": "pf-v6-u-text-align-right-on-xl",
-  "textAlignRightOn_2xl": "pf-v6-u-text-align-right-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

@@ -6,22 +6,22 @@ export default {
   "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",
-  "textAlignLeft": "pf-v6-u-text-align-left",
-  "textAlignLeftOnLg": "pf-v6-u-text-align-left-on-lg",
-  "textAlignLeftOnMd": "pf-v6-u-text-align-left-on-md",
-  "textAlignLeftOnSm": "pf-v6-u-text-align-left-on-sm",
-  "textAlignLeftOnXl": "pf-v6-u-text-align-left-on-xl",
-  "textAlignLeftOn_2xl": "pf-v6-u-text-align-left-on-2xl",
-  "textAlignRight": "pf-v6-u-text-align-right",
-  "textAlignRightOnLg": "pf-v6-u-text-align-right-on-lg",
-  "textAlignRightOnMd": "pf-v6-u-text-align-right-on-md",
-  "textAlignRightOnSm": "pf-v6-u-text-align-right-on-sm",
-  "textAlignRightOnXl": "pf-v6-u-text-align-right-on-xl",
-  "textAlignRightOn_2xl": "pf-v6-u-text-align-right-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"
 };