@patternfly/react-styles 6.7.0-prerelease.1 → 6.7.0-prerelease.2

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.7.0-prerelease.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.7.0-prerelease.1...@patternfly/react-styles@6.7.0-prerelease.2) (2026-10-02)
+
+### Features
+
+- **toolbar:** container query support ([#12662](https://github.com/patternfly/patternfly-react/issues/12662)) ([58577a8](https://github.com/patternfly/patternfly-react/commit/58577a8a4d9654e929e5180c0f8241d3c35bd30b))
+
 # [6.7.0-prerelease.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.7.0-prerelease.0...@patternfly/react-styles@6.7.0-prerelease.1) (2026-09-30)
 
 ### Features

package/css/components/Toolbar/toolbar.css

@@ -144,7 +144,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 36rem) {
+@container pf-v6-contain-toolbar (min-width: 36rem) {
   .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
   .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
   .pf-v6-c-toolbar__item.pf-m-hidden-on-sm {
@@ -156,7 +156,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 48rem) {
+@container pf-v6-contain-toolbar (min-width: 48rem) {
   .pf-v6-c-toolbar__content-section.pf-m-hidden-on-md,
   .pf-v6-c-toolbar__group.pf-m-hidden-on-md,
   .pf-v6-c-toolbar__item.pf-m-hidden-on-md {
@@ -168,7 +168,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 62rem) {
+@container pf-v6-contain-toolbar (min-width: 62rem) {
   .pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg,
   .pf-v6-c-toolbar__group.pf-m-hidden-on-lg,
   .pf-v6-c-toolbar__item.pf-m-hidden-on-lg {
@@ -180,7 +180,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 75rem) {
+@container pf-v6-contain-toolbar (min-width: 75rem) {
   .pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl,
   .pf-v6-c-toolbar__group.pf-m-hidden-on-xl,
   .pf-v6-c-toolbar__item.pf-m-hidden-on-xl {
@@ -192,7 +192,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 90.625rem) {
+@container pf-v6-contain-toolbar (min-width: 90.625rem) {
   .pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl,
   .pf-v6-c-toolbar__group.pf-m-hidden-on-2xl,
   .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl {
@@ -259,7 +259,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 36rem) {
+@container pf-v6-contain-toolbar (min-width: 36rem) {
   .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
@@ -267,7 +267,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 48rem) {
+@container pf-v6-contain-toolbar (min-width: 48rem) {
   .pf-v6-c-toolbar__content.pf-m-hidden-on-md {
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
@@ -275,7 +275,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 62rem) {
+@container pf-v6-contain-toolbar (min-width: 62rem) {
   .pf-v6-c-toolbar__content.pf-m-hidden-on-lg {
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
@@ -283,7 +283,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 75rem) {
+@container pf-v6-contain-toolbar (min-width: 75rem) {
   .pf-v6-c-toolbar__content.pf-m-hidden-on-xl {
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
@@ -291,7 +291,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 90.625rem) {
+@container pf-v6-contain-toolbar (min-width: 90.625rem) {
   .pf-v6-c-toolbar__content.pf-m-hidden-on-2xl {
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
@@ -396,6 +396,10 @@
 .pf-v6-c-toolbar.pf-m-no-background {
   --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
 }
+.pf-v6-c-toolbar.pf-m-container {
+  container-name: pf-v6-contain-toolbar;
+  container-type: inline-size;
+}
 .pf-v6-c-toolbar.pf-m-vertical {
   --pf-v6-c-toolbar--child--m-align-end--MarginBlockStart: auto;
   --pf-v6-c-toolbar--child--m-align-end--MarginInlineStart: 0;
@@ -410,27 +414,27 @@
 .pf-v6-c-toolbar__item {
   --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
 }
-@media (min-width: 36rem) {
+@container pf-v6-contain-toolbar (min-width: 36rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width));
   }
 }
-@media (min-width: 48rem) {
+@container pf-v6-contain-toolbar (min-width: 48rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)));
   }
 }
-@media (min-width: 62rem) {
+@container pf-v6-contain-toolbar (min-width: 62rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))));
   }
 }
-@media (min-width: 75rem) {
+@container pf-v6-contain-toolbar (min-width: 75rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)))));
   }
 }
-@media (min-width: 90.625rem) {
+@container pf-v6-contain-toolbar (min-width: 90.625rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
   }
@@ -438,27 +442,27 @@
 .pf-v6-c-toolbar__item {
   --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
 }
-@media (min-width: 36rem) {
+@container pf-v6-contain-toolbar (min-width: 36rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
   }
 }
-@media (min-width: 48rem) {
+@container pf-v6-contain-toolbar (min-width: 48rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)));
   }
 }
-@media (min-width: 62rem) {
+@container pf-v6-contain-toolbar (min-width: 62rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))));
   }
 }
-@media (min-width: 75rem) {
+@container pf-v6-contain-toolbar (min-width: 75rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)))));
   }
 }
-@media (min-width: 90.625rem) {
+@container pf-v6-contain-toolbar (min-width: 90.625rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
   }
@@ -536,7 +540,7 @@
   border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
   box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
 }
-@media screen and (min-width: 62rem) {
+@container pf-v6-contain-toolbar (min-width: 62rem) {
   .pf-v6-c-toolbar__expandable-content {
     position: static;
     padding: 0;
@@ -577,6 +581,34 @@
   overflow: auto;
 }
 
+.pf-v6-c-toolbar.pf-m-inset-none {
+  padding-inline: 0;
+}
+.pf-v6-c-toolbar.pf-m-inset-xs {
+  padding-inline: var(--pf-t--global--spacer--xs);
+}
+.pf-v6-c-toolbar.pf-m-inset-sm {
+  padding-inline: var(--pf-t--global--spacer--sm);
+}
+.pf-v6-c-toolbar.pf-m-inset-md {
+  padding-inline: var(--pf-t--global--spacer--md);
+}
+.pf-v6-c-toolbar.pf-m-inset-lg {
+  padding-inline: var(--pf-t--global--spacer--lg);
+}
+.pf-v6-c-toolbar.pf-m-inset-xl {
+  padding-inline: var(--pf-t--global--spacer--xl);
+}
+.pf-v6-c-toolbar.pf-m-inset-2xl {
+  padding-inline: var(--pf-t--global--spacer--2xl);
+}
+.pf-v6-c-toolbar.pf-m-inset-3xl {
+  padding-inline: var(--pf-t--global--spacer--3xl);
+}
+.pf-v6-c-toolbar.pf-m-inset-4xl {
+  padding-inline: var(--pf-t--global--spacer--4xl);
+}
+
 .pf-v6-c-toolbar__group.pf-m-align-start,
 .pf-v6-c-toolbar__item.pf-m-align-start {
   margin-inline-start: 0;
@@ -616,34 +648,6 @@
   align-self: end;
 }
 
-.pf-v6-c-toolbar.pf-m-inset-none {
-  padding-inline: 0;
-}
-.pf-v6-c-toolbar.pf-m-inset-xs {
-  padding-inline: var(--pf-t--global--spacer--xs);
-}
-.pf-v6-c-toolbar.pf-m-inset-sm {
-  padding-inline: var(--pf-t--global--spacer--sm);
-}
-.pf-v6-c-toolbar.pf-m-inset-md {
-  padding-inline: var(--pf-t--global--spacer--md);
-}
-.pf-v6-c-toolbar.pf-m-inset-lg {
-  padding-inline: var(--pf-t--global--spacer--lg);
-}
-.pf-v6-c-toolbar.pf-m-inset-xl {
-  padding-inline: var(--pf-t--global--spacer--xl);
-}
-.pf-v6-c-toolbar.pf-m-inset-2xl {
-  padding-inline: var(--pf-t--global--spacer--2xl);
-}
-.pf-v6-c-toolbar.pf-m-inset-3xl {
-  padding-inline: var(--pf-t--global--spacer--3xl);
-}
-.pf-v6-c-toolbar.pf-m-inset-4xl {
-  padding-inline: var(--pf-t--global--spacer--4xl);
-}
-
 .pf-v6-c-toolbar__group.pf-m-wrap,
 .pf-v6-c-toolbar__item.pf-m-wrap,
 .pf-v6-c-toolbar__content-section.pf-m-wrap {
@@ -833,6 +837,35 @@
 }
 
 @media (min-width: 36rem) {
+  .pf-v6-c-toolbar.pf-m-inset-none-on-sm {
+    padding-inline: 0;
+  }
+  .pf-v6-c-toolbar.pf-m-inset-xs-on-sm {
+    padding-inline: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-sm-on-sm {
+    padding-inline: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-md-on-sm {
+    padding-inline: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-lg-on-sm {
+    padding-inline: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-xl-on-sm {
+    padding-inline: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-2xl-on-sm {
+    padding-inline: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-3xl-on-sm {
+    padding-inline: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-4xl-on-sm {
+    padding-inline: var(--pf-t--global--spacer--4xl);
+  }
+}
+@container pf-v6-contain-toolbar (min-width: 36rem) {
   .pf-v6-c-toolbar__group.pf-m-align-start-on-sm,
   .pf-v6-c-toolbar__item.pf-m-align-start-on-sm {
     margin-inline-start: 0;
@@ -871,33 +904,6 @@
   .pf-v6-c-toolbar__item.pf-m-align-self-end-on-sm {
     align-self: end;
   }
-  .pf-v6-c-toolbar.pf-m-inset-none-on-sm {
-    padding-inline: 0;
-  }
-  .pf-v6-c-toolbar.pf-m-inset-xs-on-sm {
-    padding-inline: var(--pf-t--global--spacer--xs);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-sm-on-sm {
-    padding-inline: var(--pf-t--global--spacer--sm);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-md-on-sm {
-    padding-inline: var(--pf-t--global--spacer--md);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-lg-on-sm {
-    padding-inline: var(--pf-t--global--spacer--lg);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-xl-on-sm {
-    padding-inline: var(--pf-t--global--spacer--xl);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-2xl-on-sm {
-    padding-inline: var(--pf-t--global--spacer--2xl);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-3xl-on-sm {
-    padding-inline: var(--pf-t--global--spacer--3xl);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-4xl-on-sm {
-    padding-inline: var(--pf-t--global--spacer--4xl);
-  }
   .pf-v6-c-toolbar__group.pf-m-wrap-on-sm,
   .pf-v6-c-toolbar__item.pf-m-wrap-on-sm,
   .pf-v6-c-toolbar__content-section.pf-m-wrap-on-sm {
@@ -1086,6 +1092,35 @@
   }
 }
 @media (min-width: 48rem) {
+  .pf-v6-c-toolbar.pf-m-inset-none-on-md {
+    padding-inline: 0;
+  }
+  .pf-v6-c-toolbar.pf-m-inset-xs-on-md {
+    padding-inline: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-sm-on-md {
+    padding-inline: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-md-on-md {
+    padding-inline: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-lg-on-md {
+    padding-inline: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-xl-on-md {
+    padding-inline: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-2xl-on-md {
+    padding-inline: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-3xl-on-md {
+    padding-inline: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-4xl-on-md {
+    padding-inline: var(--pf-t--global--spacer--4xl);
+  }
+}
+@container pf-v6-contain-toolbar (min-width: 48rem) {
   .pf-v6-c-toolbar__group.pf-m-align-start-on-md,
   .pf-v6-c-toolbar__item.pf-m-align-start-on-md {
     margin-inline-start: 0;
@@ -1124,33 +1159,6 @@
   .pf-v6-c-toolbar__item.pf-m-align-self-end-on-md {
     align-self: end;
   }
-  .pf-v6-c-toolbar.pf-m-inset-none-on-md {
-    padding-inline: 0;
-  }
-  .pf-v6-c-toolbar.pf-m-inset-xs-on-md {
-    padding-inline: var(--pf-t--global--spacer--xs);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-sm-on-md {
-    padding-inline: var(--pf-t--global--spacer--sm);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-md-on-md {
-    padding-inline: var(--pf-t--global--spacer--md);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-lg-on-md {
-    padding-inline: var(--pf-t--global--spacer--lg);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-xl-on-md {
-    padding-inline: var(--pf-t--global--spacer--xl);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-2xl-on-md {
-    padding-inline: var(--pf-t--global--spacer--2xl);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-3xl-on-md {
-    padding-inline: var(--pf-t--global--spacer--3xl);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-4xl-on-md {
-    padding-inline: var(--pf-t--global--spacer--4xl);
-  }
   .pf-v6-c-toolbar__group.pf-m-wrap-on-md,
   .pf-v6-c-toolbar__item.pf-m-wrap-on-md,
   .pf-v6-c-toolbar__content-section.pf-m-wrap-on-md {
@@ -1339,6 +1347,35 @@
   }
 }
 @media (min-width: 62rem) {
+  .pf-v6-c-toolbar.pf-m-inset-none-on-lg {
+    padding-inline: 0;
+  }
+  .pf-v6-c-toolbar.pf-m-inset-xs-on-lg {
+    padding-inline: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-sm-on-lg {
+    padding-inline: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-md-on-lg {
+    padding-inline: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-lg-on-lg {
+    padding-inline: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-xl-on-lg {
+    padding-inline: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-2xl-on-lg {
+    padding-inline: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-3xl-on-lg {
+    padding-inline: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-4xl-on-lg {
+    padding-inline: var(--pf-t--global--spacer--4xl);
+  }
+}
+@container pf-v6-contain-toolbar (min-width: 62rem) {
   .pf-v6-c-toolbar__group.pf-m-align-start-on-lg,
   .pf-v6-c-toolbar__item.pf-m-align-start-on-lg {
     margin-inline-start: 0;
@@ -1377,33 +1414,6 @@
   .pf-v6-c-toolbar__item.pf-m-align-self-end-on-lg {
     align-self: end;
   }
-  .pf-v6-c-toolbar.pf-m-inset-none-on-lg {
-    padding-inline: 0;
-  }
-  .pf-v6-c-toolbar.pf-m-inset-xs-on-lg {
-    padding-inline: var(--pf-t--global--spacer--xs);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-sm-on-lg {
-    padding-inline: var(--pf-t--global--spacer--sm);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-md-on-lg {
-    padding-inline: var(--pf-t--global--spacer--md);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-lg-on-lg {
-    padding-inline: var(--pf-t--global--spacer--lg);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-xl-on-lg {
-    padding-inline: var(--pf-t--global--spacer--xl);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-2xl-on-lg {
-    padding-inline: var(--pf-t--global--spacer--2xl);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-3xl-on-lg {
-    padding-inline: var(--pf-t--global--spacer--3xl);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-4xl-on-lg {
-    padding-inline: var(--pf-t--global--spacer--4xl);
-  }
   .pf-v6-c-toolbar__group.pf-m-wrap-on-lg,
   .pf-v6-c-toolbar__item.pf-m-wrap-on-lg,
   .pf-v6-c-toolbar__content-section.pf-m-wrap-on-lg {
@@ -1592,6 +1602,35 @@
   }
 }
 @media (min-width: 75rem) {
+  .pf-v6-c-toolbar.pf-m-inset-none-on-xl {
+    padding-inline: 0;
+  }
+  .pf-v6-c-toolbar.pf-m-inset-xs-on-xl {
+    padding-inline: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-sm-on-xl {
+    padding-inline: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-md-on-xl {
+    padding-inline: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-lg-on-xl {
+    padding-inline: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-xl-on-xl {
+    padding-inline: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-2xl-on-xl {
+    padding-inline: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-3xl-on-xl {
+    padding-inline: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-4xl-on-xl {
+    padding-inline: var(--pf-t--global--spacer--4xl);
+  }
+}
+@container pf-v6-contain-toolbar (min-width: 75rem) {
   .pf-v6-c-toolbar__group.pf-m-align-start-on-xl,
   .pf-v6-c-toolbar__item.pf-m-align-start-on-xl {
     margin-inline-start: 0;
@@ -1630,33 +1669,6 @@
   .pf-v6-c-toolbar__item.pf-m-align-self-end-on-xl {
     align-self: end;
   }
-  .pf-v6-c-toolbar.pf-m-inset-none-on-xl {
-    padding-inline: 0;
-  }
-  .pf-v6-c-toolbar.pf-m-inset-xs-on-xl {
-    padding-inline: var(--pf-t--global--spacer--xs);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-sm-on-xl {
-    padding-inline: var(--pf-t--global--spacer--sm);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-md-on-xl {
-    padding-inline: var(--pf-t--global--spacer--md);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-lg-on-xl {
-    padding-inline: var(--pf-t--global--spacer--lg);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-xl-on-xl {
-    padding-inline: var(--pf-t--global--spacer--xl);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-2xl-on-xl {
-    padding-inline: var(--pf-t--global--spacer--2xl);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-3xl-on-xl {
-    padding-inline: var(--pf-t--global--spacer--3xl);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-4xl-on-xl {
-    padding-inline: var(--pf-t--global--spacer--4xl);
-  }
   .pf-v6-c-toolbar__group.pf-m-wrap-on-xl,
   .pf-v6-c-toolbar__item.pf-m-wrap-on-xl,
   .pf-v6-c-toolbar__content-section.pf-m-wrap-on-xl {
@@ -1845,6 +1857,35 @@
   }
 }
 @media (min-width: 90.625rem) {
+  .pf-v6-c-toolbar.pf-m-inset-none-on-2xl {
+    padding-inline: 0;
+  }
+  .pf-v6-c-toolbar.pf-m-inset-xs-on-2xl {
+    padding-inline: var(--pf-t--global--spacer--xs);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-sm-on-2xl {
+    padding-inline: var(--pf-t--global--spacer--sm);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-md-on-2xl {
+    padding-inline: var(--pf-t--global--spacer--md);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-lg-on-2xl {
+    padding-inline: var(--pf-t--global--spacer--lg);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-xl-on-2xl {
+    padding-inline: var(--pf-t--global--spacer--xl);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl {
+    padding-inline: var(--pf-t--global--spacer--2xl);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl {
+    padding-inline: var(--pf-t--global--spacer--3xl);
+  }
+  .pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl {
+    padding-inline: var(--pf-t--global--spacer--4xl);
+  }
+}
+@container pf-v6-contain-toolbar (min-width: 90.625rem) {
   .pf-v6-c-toolbar__group.pf-m-align-start-on-2xl,
   .pf-v6-c-toolbar__item.pf-m-align-start-on-2xl {
     margin-inline-start: 0;
@@ -1883,33 +1924,6 @@
   .pf-v6-c-toolbar__item.pf-m-align-self-end-on-2xl {
     align-self: end;
   }
-  .pf-v6-c-toolbar.pf-m-inset-none-on-2xl {
-    padding-inline: 0;
-  }
-  .pf-v6-c-toolbar.pf-m-inset-xs-on-2xl {
-    padding-inline: var(--pf-t--global--spacer--xs);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-sm-on-2xl {
-    padding-inline: var(--pf-t--global--spacer--sm);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-md-on-2xl {
-    padding-inline: var(--pf-t--global--spacer--md);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-lg-on-2xl {
-    padding-inline: var(--pf-t--global--spacer--lg);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-xl-on-2xl {
-    padding-inline: var(--pf-t--global--spacer--xl);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl {
-    padding-inline: var(--pf-t--global--spacer--2xl);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl {
-    padding-inline: var(--pf-t--global--spacer--3xl);
-  }
-  .pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl {
-    padding-inline: var(--pf-t--global--spacer--4xl);
-  }
   .pf-v6-c-toolbar__group.pf-m-wrap-on-2xl,
   .pf-v6-c-toolbar__item.pf-m-wrap-on-2xl,
   .pf-v6-c-toolbar__content-section.pf-m-wrap-on-2xl {