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

package/css/components/_index.css

@@ -3962,17 +3962,20 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   --pf-v6-c-compass__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
   --pf-v6-c-compass__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
   --pf-v6-c-compass__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
-  --pf-v6-c-compass__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
+  --pf-v6-c-compass__dock-main--BorderInlineEndWidth: 0;
   --pf-v6-c-compass__dock-main--BorderInlineEndColor: transparent;
-  --pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
+  --pf-v6-c-compass__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
+  --pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
   --pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
-  --pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
+  --pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
 }
 @media screen and (prefers-reduced-motion: no-preference) {
   .pf-v6-c-compass {
     --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
     --pf-v6-c-compass--section--TransitionDelay: 0s, var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration);
     --pf-v6-c-compass--section--m-expanded--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--duration), 0s, var(--pf-v6-c-compass--section--m-expanded--duration), 0s, 0s, 0s;
+    --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-out--short);
+    --pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--default);
   }
   .pf-v6-c-compass.pf-m-animate-smoothly .pf-v6-c-compass__container {
     --pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
@@ -4233,11 +4236,16 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   flex-direction: column;
   grid-area: dock;
   width: var(--pf-v6-c-compass__dock--Width);
-  translate: -100% 0;
   transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
+  translate: -100% 0;
+}
+:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__dock {
+  translate: 100% 0;
 }
+
 @media (min-width: 62rem) {
   .pf-v6-c-compass__dock:not(.pf-m-overlay) {
+    --pf-v6-c-compass__dock-main--BorderInlineEndWidth: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndWidth);
     --pf-v6-c-compass__dock-main--BackgroundColor: var(--pf-v6-c-compass__dock-main--desktop--BackgroundColor);
     --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
     position: revert;
@@ -13309,18 +13317,21 @@ ul.pf-v6-c-list {
   --pf-v6-c-nav__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-nav__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-nav__toggle--TranslateY: calc((var(--pf-v6-c-nav--LineHeight) * var(--pf-v6-c-nav--FontSize) / 2) - 50%);
+  --pf-v6-c-nav--m-horizontal--MarginBlockEnd: var(--pf-v6-c-nav--m-horizontal__item--accent--offset);
   --pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: 0;
-  --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: 0;
+  --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: calc(var(--pf-v6-c-nav--m-horizontal__item--accent--offset) * -1);
   --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: 0;
   --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: 0;
+  --pf-v6-c-nav--m-horizontal__item--accent--offset: var(--pf-v6-c-nav__item--accent--offset);
   --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav__list--ColumnGap);
   --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
+  --pf-v6-c-nav--m-horizontal__link--m-current--BackgroundColor: transparent;
   --pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius: var(--pf-t--global--border--radius--pill);
   --pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   --pf-v6-c-nav--m-horizontal--m-subnav--BorderColor: var(--pf-t--global--border--color--high-contrast);
-  --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav__list--ColumnGap);
@@ -13329,6 +13340,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
   --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-nav--m-horizontal--m-subnav__item--accent--offset: var(--pf-v6-c-nav__item--accent--offset);
   --pf-v6-c-nav--m-docked__list--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
   --pf-v6-c-nav--m-docked__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-nav--m-docked__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -13338,6 +13350,9 @@ ul.pf-v6-c-list {
   --pf-v6-c-nav--m-docked__link-expandable-icon--offset: 0.75em;
   --pf-v6-c-nav--m-docked__link-expandable-icon--Scale: 0.8;
 }
+:where(.pf-v6-theme-felt.pf-v6-theme-glass) .pf-v6-c-masthead .pf-v6-c-nav {
+  --pf-v6-c-nav--m-horizontal__item--accent--offset: calc(-1 * (var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock)) + var(--pf-t--global--border--width--glass--default)));
+}
 
 .pf-v6-c-nav,
 .pf-v6-c-nav__section,
@@ -13605,19 +13620,25 @@ ul.pf-v6-c-list {
 }
 .pf-v6-c-nav__scroll-button:first-of-type .pf-v6-c-button {
   --pf-v6-c-button--BorderStartStartRadius: var(--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius);
+  --pf-v6-c-button--BorderStartEndRadius: 0;
   --pf-v6-c-button--BorderEndStartRadius: var(--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderEndStartRadius);
+  --pf-v6-c-button--BorderEndEndRadius: 0;
 }
 .pf-v6-c-nav__scroll-button:first-of-type::before {
   border-inline-end: var(--pf-v6-c-nav__scroll-button--BorderWidth) solid var(--pf-v6-c-nav__scroll-button--BorderColor);
 }
 .pf-v6-c-nav__scroll-button:last-of-type .pf-v6-c-button {
+  --pf-v6-c-button--BorderStartStartRadius: 0;
   --pf-v6-c-button--BorderStartEndRadius: var(--pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderStartEndRadius);
+  --pf-v6-c-button--BorderEndStartRadius: 0;
   --pf-v6-c-button--BorderEndEndRadius: var(--pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderEndEndRadius);
 }
 .pf-v6-c-nav__scroll-button:last-of-type::before {
   border-inline-start: var(--pf-v6-c-nav__scroll-button--BorderWidth) solid var(--pf-v6-c-nav__scroll-button--BorderColor);
 }
 .pf-v6-c-nav__scroll-button .pf-v6-c-button {
+  align-items: center;
+  height: 100%;
   outline-offset: var(--pf-v6-c-nav--OutlineOffset);
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__scroll-button .pf-v6-c-button > * {
@@ -13625,9 +13646,14 @@ ul.pf-v6-c-list {
 }
 
 .pf-v6-c-nav:where(.pf-m-horizontal) {
-  --pf-v6-c-nav__item--accent--content: none;
+  align-items: start;
   padding: 0;
-  overflow: hidden;
+  margin-block-end: var(--pf-v6-c-nav--m-horizontal--MarginBlockEnd);
+  overflow-x: clip;
+}
+.pf-v6-c-toolbar__item.pf-m-overflow-container:has(.pf-v6-c-nav:where(.pf-m-horizontal)), .pf-v6-c-toolbar__group.pf-m-overflow-container:has(> .pf-v6-c-nav:where(.pf-m-horizontal)) {
+  overflow-x: clip;
+  overflow-y: visible;
 }
 .pf-v6-c-nav:where(.pf-m-horizontal),
 .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__section,
@@ -13657,6 +13683,18 @@ ul.pf-v6-c-list {
 .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
   outline-offset: var(--pf-v6-c-nav--OutlineOffset);
 }
+.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link.pf-m-current:not(:hover, :focus-visible) {
+  background-color: transparent;
+}
+.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__item::before {
+  inset-block-start: auto;
+  inset-block-end: var(--pf-v6-c-nav--m-horizontal__item--accent--offset);
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+  width: auto;
+  height: var(--pf-v6-c-nav__item--accent--size);
+  scale: var(--pf-v6-c-nav__item--accent--ScaleY) 1;
+}
 .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav {
   --pf-v6-c-nav--BackgroundColor: var(--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor);
   --pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart);
@@ -13667,6 +13705,9 @@ ul.pf-v6-c-list {
   --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
   --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
   --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
+  --pf-v6-c-nav--m-horizontal__item--accent--offset: var(--pf-v6-c-nav--m-horizontal--m-subnav__item--accent--offset);
+  --pf-v6-c-nav--m-horizontal--MarginBlockEnd: 0;
+  align-items: stretch;
   border: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth) solid var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor);
   border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
 }
@@ -23420,7 +23461,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
     --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 {
@@ -23432,7 +23473,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
     --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 {
@@ -23444,7 +23485,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
     --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 {
@@ -23456,7 +23497,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
     --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 {
@@ -23468,7 +23509,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
     --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 {
@@ -23535,7 +23576,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
     --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);
   }
@@ -23543,7 +23584,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
     --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);
   }
@@ -23551,7 +23592,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
     --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);
   }
@@ -23559,7 +23600,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
     --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);
   }
@@ -23567,7 +23608,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
     --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);
   }
@@ -23672,6 +23713,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 .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;
@@ -23686,27 +23731,27 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 .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))))));
   }
@@ -23714,27 +23759,27 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 .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))))));
   }
@@ -23812,7 +23857,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   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;
@@ -23853,6 +23898,34 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   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;
@@ -23892,34 +23965,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   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 {
@@ -24109,6 +24154,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 }
 
 @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;
@@ -24147,33 +24221,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   .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 {
@@ -24362,6 +24409,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   }
 }
 @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;
@@ -24400,33 +24476,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   .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 {
@@ -24615,6 +24664,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   }
 }
 @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;
@@ -24653,33 +24731,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   .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 {
@@ -24868,6 +24919,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   }
 }
 @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;
@@ -24906,33 +24986,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   .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 {
@@ -25121,6 +25174,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   }
 }
 @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;
@@ -25159,33 +25241,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   .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 {