@patternfly/patternfly 6.0.0 → 6.1.0-prerelease.2

package/docs/demos/Tabs/examples/Tabs.md

@@ -2007,12 +2007,7 @@ section: components
                     id="table-tabs-example-table"
                   >
                     <thead class="pf-v6-c-table__thead">
-                      <tr
-                        class="pf-v6-c-table__tr"
-                        role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                        [object
-                        Object]
-                      >
+                      <tr class="pf-v6-c-table__tr" role="row">
                         <th
                           class="pf-v6-c-table__th pf-v6-c-table__check"
                           aria-label="Row select"
@@ -2074,12 +2069,7 @@ section: components
                     </thead>
 
                     <tbody class="pf-v6-c-table__tbody" role="rowgroup">
-                      <tr
-                        class="pf-v6-c-table__tr"
-                        role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                        [object
-                        Object]
-                      >
+                      <tr class="pf-v6-c-table__tr" role="row">
                         <td
                           class="pf-v6-c-table__td pf-v6-c-table__check"
                           aria-label="Check row"
@@ -2171,12 +2161,7 @@ section: components
                         </td>
                       </tr>
 
-                      <tr
-                        class="pf-v6-c-table__tr pf-m-selected"
-                        role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                        [object
-                        Object]
-                      >
+                      <tr class="pf-v6-c-table__tr pf-m-selected" role="row">
                         <td
                           class="pf-v6-c-table__td pf-v6-c-table__check"
                           aria-label="Check row"
@@ -2268,12 +2253,7 @@ section: components
                         </td>
                       </tr>
 
-                      <tr
-                        class="pf-v6-c-table__tr"
-                        role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                        [object
-                        Object]
-                      >
+                      <tr class="pf-v6-c-table__tr" role="row">
                         <td
                           class="pf-v6-c-table__td pf-v6-c-table__check"
                           aria-label="Check row"
@@ -2365,12 +2345,7 @@ section: components
                         </td>
                       </tr>
 
-                      <tr
-                        class="pf-v6-c-table__tr"
-                        role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                        [object
-                        Object]
-                      >
+                      <tr class="pf-v6-c-table__tr" role="row">
                         <td
                           class="pf-v6-c-table__td pf-v6-c-table__check"
                           aria-label="Check row"
@@ -2462,12 +2437,7 @@ section: components
                         </td>
                       </tr>
 
-                      <tr
-                        class="pf-v6-c-table__tr"
-                        role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                        [object
-                        Object]
-                      >
+                      <tr class="pf-v6-c-table__tr" role="row">
                         <td
                           class="pf-v6-c-table__td pf-v6-c-table__check"
                           aria-label="Check row"

package/docs/demos/Toolbar/examples/Toolbar.md

@@ -652,12 +652,7 @@ section: components
             id="-table-table"
           >
             <thead class="pf-v6-c-table__thead">
-              <tr
-                class="pf-v6-c-table__tr"
-                role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                [object
-                Object]
-              >
+              <tr class="pf-v6-c-table__tr" role="row">
                 <th
                   class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
                   role="columnheader"
@@ -715,12 +710,7 @@ section: components
             </thead>
 
             <tbody class="pf-v6-c-table__tbody" role="rowgroup">
-              <tr
-                class="pf-v6-c-table__tr"
-                role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                [object
-                Object]
-              >
+              <tr class="pf-v6-c-table__tr" role="row">
                 <td
                   class="pf-v6-c-table__td pf-v6-c-table__check"
                   aria-label="Check row"
@@ -796,12 +786,7 @@ section: components
                 </td>
               </tr>
 
-              <tr
-                class="pf-v6-c-table__tr"
-                role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                [object
-                Object]
-              >
+              <tr class="pf-v6-c-table__tr" role="row">
                 <td
                   class="pf-v6-c-table__td pf-v6-c-table__check"
                   aria-label="Check row"
@@ -877,12 +862,7 @@ section: components
                 </td>
               </tr>
 
-              <tr
-                class="pf-v6-c-table__tr"
-                role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                [object
-                Object]
-              >
+              <tr class="pf-v6-c-table__tr" role="row">
                 <td
                   class="pf-v6-c-table__td pf-v6-c-table__check"
                   aria-label="Check row"
@@ -958,12 +938,7 @@ section: components
                 </td>
               </tr>
 
-              <tr
-                class="pf-v6-c-table__tr"
-                role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                [object
-                Object]
-              >
+              <tr class="pf-v6-c-table__tr" role="row">
                 <td
                   class="pf-v6-c-table__td pf-v6-c-table__check"
                   aria-label="Check row"
@@ -1039,12 +1014,7 @@ section: components
                 </td>
               </tr>
 
-              <tr
-                class="pf-v6-c-table__tr"
-                role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                [object
-                Object]
-              >
+              <tr class="pf-v6-c-table__tr" role="row">
                 <td
                   class="pf-v6-c-table__td pf-v6-c-table__check"
                   aria-label="Check row"
@@ -2912,12 +2882,7 @@ section: components
             id="toolbar-and-table-static-search-overflow-menu-collapsed-table"
           >
             <thead class="pf-v6-c-table__thead">
-              <tr
-                class="pf-v6-c-table__tr"
-                role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                [object
-                Object]
-              >
+              <tr class="pf-v6-c-table__tr" role="row">
                 <th
                   class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
                   role="columnheader"
@@ -2975,12 +2940,7 @@ section: components
             </thead>
 
             <tbody class="pf-v6-c-table__tbody" role="rowgroup">
-              <tr
-                class="pf-v6-c-table__tr"
-                role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                [object
-                Object]
-              >
+              <tr class="pf-v6-c-table__tr" role="row">
                 <td
                   class="pf-v6-c-table__td pf-v6-c-table__check"
                   aria-label="Check row"
@@ -3058,12 +3018,7 @@ section: components
                 </td>
               </tr>
 
-              <tr
-                class="pf-v6-c-table__tr"
-                role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                [object
-                Object]
-              >
+              <tr class="pf-v6-c-table__tr" role="row">
                 <td
                   class="pf-v6-c-table__td pf-v6-c-table__check"
                   aria-label="Check row"
@@ -3141,12 +3096,7 @@ section: components
                 </td>
               </tr>
 
-              <tr
-                class="pf-v6-c-table__tr"
-                role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                [object
-                Object]
-              >
+              <tr class="pf-v6-c-table__tr" role="row">
                 <td
                   class="pf-v6-c-table__td pf-v6-c-table__check"
                   aria-label="Check row"
@@ -3224,12 +3174,7 @@ section: components
                 </td>
               </tr>
 
-              <tr
-                class="pf-v6-c-table__tr"
-                role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                [object
-                Object]
-              >
+              <tr class="pf-v6-c-table__tr" role="row">
                 <td
                   class="pf-v6-c-table__td pf-v6-c-table__check"
                   aria-label="Check row"
@@ -3307,12 +3252,7 @@ section: components
                 </td>
               </tr>
 
-              <tr
-                class="pf-v6-c-table__tr"
-                role&#x26;#x3D;&#x26;quot;row&#x26;quot;
-                [object
-                Object]
-              >
+              <tr class="pf-v6-c-table__tr" role="row">
                 <td
                   class="pf-v6-c-table__td pf-v6-c-table__check"
                   aria-label="Check row"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.0.0",
+  "version": "6.1.0-prerelease.2",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -47,11 +47,11 @@
     "@commitlint/config-conventional": "^19.1.0",
     "@fortawesome/fontawesome": "^1.1.8",
     "@octokit/rest": "^20.1.0",
-    "@patternfly/documentation-framework": "6.0.0-alpha.106",
-    "@patternfly/patternfly-a11y": "4.3.1",
-    "@patternfly/react-code-editor": "6.0.0-prerelease.18",
-    "@patternfly/react-core": "6.0.0-prerelease.18",
-    "@patternfly/react-table": "6.0.0-prerelease.19",
+    "@patternfly/documentation-framework": "6.0.6",
+    "@patternfly/patternfly-a11y": "5.0.0",
+    "@patternfly/react-code-editor": "6.0.0",
+    "@patternfly/react-core": "6.0.0",
+    "@patternfly/react-table": "6.0.0",
     "@starptech/prettyhtml": "^0.10.0",
     "backstopjs": "^6.3.23",
     "cheerio": "^1.0.0-rc.12",

package/patternfly-no-globals.css

@@ -10267,9 +10267,22 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   --pf-v6-c-code-editor__tab-icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
 }
 
+.pf-v6-c-code-editor {
+  display: flex;
+  flex-direction: column;
+}
 .pf-v6-c-code-editor.pf-m-read-only {
   --pf-v6-c-code-editor__main--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
 }
+.pf-v6-c-code-editor.pf-m-full-height {
+  height: 100%;
+}
+
+.pf-v6-c-code-editor__container {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+}
 
 .pf-v6-c-code-editor__header {
   position: relative;
@@ -10336,6 +10349,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
 
 .pf-v6-c-code-editor__main {
   position: relative;
+  flex-grow: 1;
   color: var(--pf-v6-c-code-editor__main--Color, inherit);
   background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
   border: var(--pf-v6-c-code-editor__main--BorderWidth) solid;
@@ -10357,6 +10371,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
 
 .pf-v6-c-code-editor__code {
   position: relative;
+  height: 100%;
   padding-block-start: var(--pf-v6-c-code-editor__code--PaddingBlockStart);
   padding-block-end: var(--pf-v6-c-code-editor__code--PaddingBlockEnd);
   padding-inline-start: var(--pf-v6-c-code-editor__code--PaddingInlineStart);
@@ -18878,11 +18893,13 @@ ul.pf-v6-c-list {
   --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
   --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
   --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
+  --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
   --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
   --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
   --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
   --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
   --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
@@ -19264,6 +19281,9 @@ ul.pf-v6-c-list {
   padding-inline-end: var(--pf-v6-c-page__main-subnav--PaddingInlineEnd);
   background-color: var(--pf-v6-c-page__main-subnav--BackgroundColor);
 }
+.pf-v6-c-page__main-subnav.pf-m-sticky-top {
+  padding-block-end: var(--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd);
+}
 
 .pf-v6-c-page__main-breadcrumb {
   padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
@@ -22384,7 +22404,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-table--cell--Width: auto;
 }
 
-@media screen and (max-width: 48rem) {
+@media screen and (max-width: calc(48rem - 1px)) {
   .pf-m-grid-md.pf-v6-c-table {
     --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
     --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -22654,14 +22674,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
     text-align: end;
   }
 }
-@media screen and (max-width: 48rem) and (max-width: 36rem) {
+@media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
   .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
     margin-inline-start: 0;
   }
 }
-@media screen and (max-width: 48rem) {
+@media screen and (max-width: calc(48rem - 1px)) {
   .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
     grid-column: 2;
     grid-row: 2;
@@ -22687,7 +22707,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   }
 }
 
-@media screen and (max-width: 62rem) {
+@media screen and (max-width: calc(62rem - 1px)) {
   .pf-m-grid-lg.pf-v6-c-table {
     --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
     --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -22957,14 +22977,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
     text-align: end;
   }
 }
-@media screen and (max-width: 62rem) and (max-width: 36rem) {
+@media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
   .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
     margin-inline-start: 0;
   }
 }
-@media screen and (max-width: 62rem) {
+@media screen and (max-width: calc(62rem - 1px)) {
   .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
     grid-column: 2;
     grid-row: 2;
@@ -22990,7 +23010,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   }
 }
 
-@media screen and (max-width: 75rem) {
+@media screen and (max-width: calc(75rem - 1px)) {
   .pf-m-grid-xl.pf-v6-c-table {
     --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
     --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -23260,14 +23280,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
     text-align: end;
   }
 }
-@media screen and (max-width: 75rem) and (max-width: 36rem) {
+@media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
   .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
     margin-inline-start: 0;
   }
 }
-@media screen and (max-width: 75rem) {
+@media screen and (max-width: calc(75rem - 1px)) {
   .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
     grid-column: 2;
     grid-row: 2;
@@ -23293,7 +23313,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   }
 }
 
-@media screen and (max-width: 90.625rem) {
+@media screen and (max-width: calc(90.625rem - 1px)) {
   .pf-m-grid-2xl.pf-v6-c-table {
     --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
     --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -23563,14 +23583,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
     text-align: end;
   }
 }
-@media screen and (max-width: 90.625rem) and (max-width: 36rem) {
+@media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
   .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
     margin-inline-start: 0;
   }
 }
-@media screen and (max-width: 90.625rem) {
+@media screen and (max-width: calc(90.625rem - 1px)) {
   .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
     grid-column: 2;
     grid-row: 2;
@@ -24772,7 +24792,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
 }
 
-@media screen and (max-width: 48rem) {
+@media screen and (max-width: calc(48rem - 1px)) {
   .pf-m-tree-view-grid-md.pf-v6-c-table {
     --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
     --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -24915,7 +24935,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   }
 }
 
-@media screen and (max-width: 62rem) {
+@media screen and (max-width: calc(62rem - 1px)) {
   .pf-m-tree-view-grid-lg.pf-v6-c-table {
     --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
     --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -25058,7 +25078,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   }
 }
 
-@media screen and (max-width: 75rem) {
+@media screen and (max-width: calc(75rem - 1px)) {
   .pf-m-tree-view-grid-xl.pf-v6-c-table {
     --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
     --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -25201,7 +25221,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   }
 }
 
-@media screen and (max-width: 90.625rem) {
+@media screen and (max-width: calc(90.625rem - 1px)) {
   .pf-m-tree-view-grid-2xl.pf-v6-c-table {
     --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
     --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);

package/patternfly.css

@@ -10403,9 +10403,22 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   --pf-v6-c-code-editor__tab-icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
 }
 
+.pf-v6-c-code-editor {
+  display: flex;
+  flex-direction: column;
+}
 .pf-v6-c-code-editor.pf-m-read-only {
   --pf-v6-c-code-editor__main--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
 }
+.pf-v6-c-code-editor.pf-m-full-height {
+  height: 100%;
+}
+
+.pf-v6-c-code-editor__container {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+}
 
 .pf-v6-c-code-editor__header {
   position: relative;
@@ -10472,6 +10485,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
 
 .pf-v6-c-code-editor__main {
   position: relative;
+  flex-grow: 1;
   color: var(--pf-v6-c-code-editor__main--Color, inherit);
   background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
   border: var(--pf-v6-c-code-editor__main--BorderWidth) solid;
@@ -10493,6 +10507,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
 
 .pf-v6-c-code-editor__code {
   position: relative;
+  height: 100%;
   padding-block-start: var(--pf-v6-c-code-editor__code--PaddingBlockStart);
   padding-block-end: var(--pf-v6-c-code-editor__code--PaddingBlockEnd);
   padding-inline-start: var(--pf-v6-c-code-editor__code--PaddingInlineStart);
@@ -19014,11 +19029,13 @@ ul.pf-v6-c-list {
   --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
   --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
   --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
+  --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
   --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
   --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
   --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
   --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
   --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
@@ -19400,6 +19417,9 @@ ul.pf-v6-c-list {
   padding-inline-end: var(--pf-v6-c-page__main-subnav--PaddingInlineEnd);
   background-color: var(--pf-v6-c-page__main-subnav--BackgroundColor);
 }
+.pf-v6-c-page__main-subnav.pf-m-sticky-top {
+  padding-block-end: var(--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd);
+}
 
 .pf-v6-c-page__main-breadcrumb {
   padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
@@ -22520,7 +22540,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-table--cell--Width: auto;
 }
 
-@media screen and (max-width: 48rem) {
+@media screen and (max-width: calc(48rem - 1px)) {
   .pf-m-grid-md.pf-v6-c-table {
     --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
     --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -22790,14 +22810,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
     text-align: end;
   }
 }
-@media screen and (max-width: 48rem) and (max-width: 36rem) {
+@media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
   .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
     margin-inline-start: 0;
   }
 }
-@media screen and (max-width: 48rem) {
+@media screen and (max-width: calc(48rem - 1px)) {
   .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
     grid-column: 2;
     grid-row: 2;
@@ -22823,7 +22843,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   }
 }
 
-@media screen and (max-width: 62rem) {
+@media screen and (max-width: calc(62rem - 1px)) {
   .pf-m-grid-lg.pf-v6-c-table {
     --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
     --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -23093,14 +23113,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
     text-align: end;
   }
 }
-@media screen and (max-width: 62rem) and (max-width: 36rem) {
+@media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
   .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
     margin-inline-start: 0;
   }
 }
-@media screen and (max-width: 62rem) {
+@media screen and (max-width: calc(62rem - 1px)) {
   .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
     grid-column: 2;
     grid-row: 2;
@@ -23126,7 +23146,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   }
 }
 
-@media screen and (max-width: 75rem) {
+@media screen and (max-width: calc(75rem - 1px)) {
   .pf-m-grid-xl.pf-v6-c-table {
     --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
     --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -23396,14 +23416,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
     text-align: end;
   }
 }
-@media screen and (max-width: 75rem) and (max-width: 36rem) {
+@media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
   .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
     margin-inline-start: 0;
   }
 }
-@media screen and (max-width: 75rem) {
+@media screen and (max-width: calc(75rem - 1px)) {
   .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
     grid-column: 2;
     grid-row: 2;
@@ -23429,7 +23449,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   }
 }
 
-@media screen and (max-width: 90.625rem) {
+@media screen and (max-width: calc(90.625rem - 1px)) {
   .pf-m-grid-2xl.pf-v6-c-table {
     --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
     --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -23699,14 +23719,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
     text-align: end;
   }
 }
-@media screen and (max-width: 90.625rem) and (max-width: 36rem) {
+@media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
   .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
     margin-inline-start: 0;
   }
 }
-@media screen and (max-width: 90.625rem) {
+@media screen and (max-width: calc(90.625rem - 1px)) {
   .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
     grid-column: 2;
     grid-row: 2;
@@ -24908,7 +24928,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
 }
 
-@media screen and (max-width: 48rem) {
+@media screen and (max-width: calc(48rem - 1px)) {
   .pf-m-tree-view-grid-md.pf-v6-c-table {
     --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
     --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -25051,7 +25071,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   }
 }
 
-@media screen and (max-width: 62rem) {
+@media screen and (max-width: calc(62rem - 1px)) {
   .pf-m-tree-view-grid-lg.pf-v6-c-table {
     --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
     --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -25194,7 +25214,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   }
 }
 
-@media screen and (max-width: 75rem) {
+@media screen and (max-width: calc(75rem - 1px)) {
   .pf-m-tree-view-grid-xl.pf-v6-c-table {
     --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
     --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -25337,7 +25357,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   }
 }
 
-@media screen and (max-width: 90.625rem) {
+@media screen and (max-width: calc(90.625rem - 1px)) {
   .pf-m-tree-view-grid-2xl.pf-v6-c-table {
     --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
     --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);