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

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

package/css/utilities/BackgroundColor/BackgroundColor.css

@@ -311,104 +311,4 @@
   .pf-v6-u-background-color-danger-on-2xl {
     background-color: var(--pf-v6-global--palette--red-50) !important;
   }
-}
-:where(.pf-v6-theme-dark) .pf-v6-u-background-color-default {
-  background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-}
-:where(.pf-v6-theme-dark) .pf-v6-u-background-color-success {
-  background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-}
-:where(.pf-v6-theme-dark) .pf-v6-u-background-color-info {
-  background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-}
-:where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning {
-  background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-}
-:where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger {
-  background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-}
-@media screen and (min-width: 576px) {
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default-on-sm {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success-on-sm {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info-on-sm {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning-on-sm {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger-on-sm {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-}
-@media screen and (min-width: 768px) {
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default-on-md {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success-on-md {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info-on-md {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning-on-md {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger-on-md {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-}
-@media screen and (min-width: 992px) {
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default-on-lg {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success-on-lg {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info-on-lg {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning-on-lg {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger-on-lg {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-}
-@media screen and (min-width: 1200px) {
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default-on-xl {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success-on-xl {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info-on-xl {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning-on-xl {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger-on-xl {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-}
-@media screen and (min-width: 1450px) {
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default-on-2xl {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success-on-2xl {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info-on-2xl {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning-on-2xl {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
-  :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger-on-2xl {
-    background-color: var(--pf-v6-global--BackgroundColor--100) !important;
-  }
 }

package/css/utilities/BackgroundColor/BackgroundColor.d.ts

@@ -95,7 +95,6 @@ declare const _default: {
   "backgroundColor_200OnMd": "pf-v6-u-background-color-200-on-md",
   "backgroundColor_200OnSm": "pf-v6-u-background-color-200-on-sm",
   "backgroundColor_200OnXl": "pf-v6-u-background-color-200-on-xl",
-  "backgroundColor_200On_2xl": "pf-v6-u-background-color-200-on-2xl",
-  "themeDark": "pf-v6-theme-dark"
+  "backgroundColor_200On_2xl": "pf-v6-u-background-color-200-on-2xl"
 };
 export default _default;

package/css/utilities/BackgroundColor/BackgroundColor.js

@@ -97,6 +97,5 @@ exports.default = {
   "backgroundColor_200OnMd": "pf-v6-u-background-color-200-on-md",
   "backgroundColor_200OnSm": "pf-v6-u-background-color-200-on-sm",
   "backgroundColor_200OnXl": "pf-v6-u-background-color-200-on-xl",
-  "backgroundColor_200On_2xl": "pf-v6-u-background-color-200-on-2xl",
-  "themeDark": "pf-v6-theme-dark"
+  "backgroundColor_200On_2xl": "pf-v6-u-background-color-200-on-2xl"
 };

package/css/utilities/BackgroundColor/BackgroundColor.mjs

@@ -95,6 +95,5 @@ export default {
   "backgroundColor_200OnMd": "pf-v6-u-background-color-200-on-md",
   "backgroundColor_200OnSm": "pf-v6-u-background-color-200-on-sm",
   "backgroundColor_200OnXl": "pf-v6-u-background-color-200-on-xl",
-  "backgroundColor_200On_2xl": "pf-v6-u-background-color-200-on-2xl",
-  "themeDark": "pf-v6-theme-dark"
+  "backgroundColor_200On_2xl": "pf-v6-u-background-color-200-on-2xl"
 };

package/css/utilities/BoxShadow/box-shadow.css

@@ -1,83 +1,59 @@
 .pf-v6-u-box-shadow-sm {
-  box-shadow: var(--pf-v6-global--BoxShadow--sm) !important;
+  box-shadow: var(--pf-t--global--box-shadow--sm) !important;
 }
 
 .pf-v6-u-box-shadow-sm-top {
-  box-shadow: var(--pf-v6-global--BoxShadow--sm-top) !important;
+  box-shadow: var(--pf-t--global--box-shadow--sm--top) !important;
 }
 
 .pf-v6-u-box-shadow-sm-right {
-  box-shadow: var(--pf-v6-global--BoxShadow--sm-right) !important;
+  box-shadow: var(--pf-t--global--box-shadow--sm--right) !important;
 }
 
 .pf-v6-u-box-shadow-sm-bottom {
-  box-shadow: var(--pf-v6-global--BoxShadow--sm-bottom) !important;
+  box-shadow: var(--pf-t--global--box-shadow--sm--bottom) !important;
 }
 
 .pf-v6-u-box-shadow-sm-left {
-  box-shadow: var(--pf-v6-global--BoxShadow--sm-left) !important;
+  box-shadow: var(--pf-t--global--box-shadow--sm--left) !important;
 }
 
 .pf-v6-u-box-shadow-md {
-  box-shadow: var(--pf-v6-global--BoxShadow--md) !important;
+  box-shadow: var(--pf-t--global--box-shadow--md) !important;
 }
 
 .pf-v6-u-box-shadow-md-top {
-  box-shadow: var(--pf-v6-global--BoxShadow--md-top) !important;
+  box-shadow: var(--pf-t--global--box-shadow--md--top) !important;
 }
 
 .pf-v6-u-box-shadow-md-right {
-  box-shadow: var(--pf-v6-global--BoxShadow--md-right) !important;
+  box-shadow: var(--pf-t--global--box-shadow--md--right) !important;
 }
 
 .pf-v6-u-box-shadow-md-bottom {
-  box-shadow: var(--pf-v6-global--BoxShadow--md-bottom) !important;
+  box-shadow: var(--pf-t--global--box-shadow--md--bottom) !important;
 }
 
 .pf-v6-u-box-shadow-md-left {
-  box-shadow: var(--pf-v6-global--BoxShadow--md-left) !important;
+  box-shadow: var(--pf-t--global--box-shadow--md--left) !important;
 }
 
 .pf-v6-u-box-shadow-lg {
-  box-shadow: var(--pf-v6-global--BoxShadow--lg) !important;
+  box-shadow: var(--pf-t--global--box-shadow--lg) !important;
 }
 
 .pf-v6-u-box-shadow-lg-top {
-  box-shadow: var(--pf-v6-global--BoxShadow--lg-top) !important;
+  box-shadow: var(--pf-t--global--box-shadow--lg--top) !important;
 }
 
 .pf-v6-u-box-shadow-lg-right {
-  box-shadow: var(--pf-v6-global--BoxShadow--lg-right) !important;
+  box-shadow: var(--pf-t--global--box-shadow--lg--right) !important;
 }
 
 .pf-v6-u-box-shadow-lg-bottom {
-  box-shadow: var(--pf-v6-global--BoxShadow--lg-bottom) !important;
+  box-shadow: var(--pf-t--global--box-shadow--lg--bottom) !important;
 }
 
 .pf-v6-u-box-shadow-lg-left {
-  box-shadow: var(--pf-v6-global--BoxShadow--lg-left) !important;
-}
-
-.pf-v6-u-box-shadow-xl {
-  box-shadow: var(--pf-v6-global--BoxShadow--xl) !important;
-}
-
-.pf-v6-u-box-shadow-xl-top {
-  box-shadow: var(--pf-v6-global--BoxShadow--xl-top) !important;
-}
-
-.pf-v6-u-box-shadow-xl-right {
-  box-shadow: var(--pf-v6-global--BoxShadow--xl-right) !important;
-}
-
-.pf-v6-u-box-shadow-xl-bottom {
-  box-shadow: var(--pf-v6-global--BoxShadow--xl-bottom) !important;
-}
-
-.pf-v6-u-box-shadow-xl-left {
-  box-shadow: var(--pf-v6-global--BoxShadow--xl-left) !important;
-}
-
-.pf-v6-u-box-shadow-inset {
-  box-shadow: var(--pf-v6-global--BoxShadow--inset) !important;
+  box-shadow: var(--pf-t--global--box-shadow--lg--left) !important;
 }

package/css/utilities/BoxShadow/box-shadow.d.ts

@@ -1,6 +1,5 @@
 import './box-shadow.css';
 declare const _default: {
-  "boxShadowInset": "pf-v6-u-box-shadow-inset",
   "boxShadowLg": "pf-v6-u-box-shadow-lg",
   "boxShadowLgBottom": "pf-v6-u-box-shadow-lg-bottom",
   "boxShadowLgLeft": "pf-v6-u-box-shadow-lg-left",
@@ -15,11 +14,6 @@ declare const _default: {
   "boxShadowSmBottom": "pf-v6-u-box-shadow-sm-bottom",
   "boxShadowSmLeft": "pf-v6-u-box-shadow-sm-left",
   "boxShadowSmRight": "pf-v6-u-box-shadow-sm-right",
-  "boxShadowSmTop": "pf-v6-u-box-shadow-sm-top",
-  "boxShadowXl": "pf-v6-u-box-shadow-xl",
-  "boxShadowXlBottom": "pf-v6-u-box-shadow-xl-bottom",
-  "boxShadowXlLeft": "pf-v6-u-box-shadow-xl-left",
-  "boxShadowXlRight": "pf-v6-u-box-shadow-xl-right",
-  "boxShadowXlTop": "pf-v6-u-box-shadow-xl-top"
+  "boxShadowSmTop": "pf-v6-u-box-shadow-sm-top"
 };
 export default _default;

package/css/utilities/BoxShadow/box-shadow.js

@@ -2,7 +2,6 @@
 exports.__esModule = true;
 require('./box-shadow.css');
 exports.default = {
-  "boxShadowInset": "pf-v6-u-box-shadow-inset",
   "boxShadowLg": "pf-v6-u-box-shadow-lg",
   "boxShadowLgBottom": "pf-v6-u-box-shadow-lg-bottom",
   "boxShadowLgLeft": "pf-v6-u-box-shadow-lg-left",
@@ -17,10 +16,5 @@ exports.default = {
   "boxShadowSmBottom": "pf-v6-u-box-shadow-sm-bottom",
   "boxShadowSmLeft": "pf-v6-u-box-shadow-sm-left",
   "boxShadowSmRight": "pf-v6-u-box-shadow-sm-right",
-  "boxShadowSmTop": "pf-v6-u-box-shadow-sm-top",
-  "boxShadowXl": "pf-v6-u-box-shadow-xl",
-  "boxShadowXlBottom": "pf-v6-u-box-shadow-xl-bottom",
-  "boxShadowXlLeft": "pf-v6-u-box-shadow-xl-left",
-  "boxShadowXlRight": "pf-v6-u-box-shadow-xl-right",
-  "boxShadowXlTop": "pf-v6-u-box-shadow-xl-top"
+  "boxShadowSmTop": "pf-v6-u-box-shadow-sm-top"
 };

package/css/utilities/BoxShadow/box-shadow.mjs

@@ -1,6 +1,5 @@
 import './box-shadow.css';
 export default {
-  "boxShadowInset": "pf-v6-u-box-shadow-inset",
   "boxShadowLg": "pf-v6-u-box-shadow-lg",
   "boxShadowLgBottom": "pf-v6-u-box-shadow-lg-bottom",
   "boxShadowLgLeft": "pf-v6-u-box-shadow-lg-left",
@@ -15,10 +14,5 @@ export default {
   "boxShadowSmBottom": "pf-v6-u-box-shadow-sm-bottom",
   "boxShadowSmLeft": "pf-v6-u-box-shadow-sm-left",
   "boxShadowSmRight": "pf-v6-u-box-shadow-sm-right",
-  "boxShadowSmTop": "pf-v6-u-box-shadow-sm-top",
-  "boxShadowXl": "pf-v6-u-box-shadow-xl",
-  "boxShadowXlBottom": "pf-v6-u-box-shadow-xl-bottom",
-  "boxShadowXlLeft": "pf-v6-u-box-shadow-xl-left",
-  "boxShadowXlRight": "pf-v6-u-box-shadow-xl-right",
-  "boxShadowXlTop": "pf-v6-u-box-shadow-xl-top"
+  "boxShadowSmTop": "pf-v6-u-box-shadow-sm-top"
 };

package/css/utilities/Float/float.css

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