@patternfly/react-styles 6.0.0 → 6.1.0-prerelease.2

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.1.0-prerelease.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.1.0-prerelease.1...@patternfly/react-styles@6.1.0-prerelease.2) (2024-11-19)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+# [6.1.0-prerelease.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.1.0-prerelease.0...@patternfly/react-styles@6.1.0-prerelease.1) (2024-11-13)
+
+### Bug Fixes
+
+- **CodeEditor:** Set default height ([#11014](https://github.com/patternfly/patternfly-react/issues/11014)) ([6ddfc93](https://github.com/patternfly/patternfly-react/commit/6ddfc93376a48028fed46948b08a185e3c9617f6))
+
+# 6.1.0-prerelease.0 (2024-10-24)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
 # 6.0.0 (2024-10-24)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/CodeEditor/code-editor.css

@@ -51,9 +51,22 @@
   --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;
@@ -120,6 +133,7 @@
 
 .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;
@@ -141,6 +155,7 @@
 
 .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);

package/css/components/CodeEditor/code-editor.d.ts

@@ -3,6 +3,7 @@ declare const _default: {
   "codeEditor": "pf-v6-c-code-editor",
   "codeEditorCode": "pf-v6-c-code-editor__code",
   "codeEditorCodePre": "pf-v6-c-code-editor__code-pre",
+  "codeEditorContainer": "pf-v6-c-code-editor__container",
   "codeEditorControls": "pf-v6-c-code-editor__controls",
   "codeEditorHeader": "pf-v6-c-code-editor__header",
   "codeEditorHeaderContent": "pf-v6-c-code-editor__header-content",
@@ -14,6 +15,7 @@ declare const _default: {
   "codeEditorUpload": "pf-v6-c-code-editor__upload",
   "modifiers": {
     "readOnly": "pf-m-read-only",
+    "fullHeight": "pf-m-full-height",
     "plain": "pf-m-plain",
     "dragHover": "pf-m-drag-hover"
   },

package/css/components/CodeEditor/code-editor.js

@@ -5,6 +5,7 @@ exports.default = {
   "codeEditor": "pf-v6-c-code-editor",
   "codeEditorCode": "pf-v6-c-code-editor__code",
   "codeEditorCodePre": "pf-v6-c-code-editor__code-pre",
+  "codeEditorContainer": "pf-v6-c-code-editor__container",
   "codeEditorControls": "pf-v6-c-code-editor__controls",
   "codeEditorHeader": "pf-v6-c-code-editor__header",
   "codeEditorHeaderContent": "pf-v6-c-code-editor__header-content",
@@ -16,6 +17,7 @@ exports.default = {
   "codeEditorUpload": "pf-v6-c-code-editor__upload",
   "modifiers": {
     "readOnly": "pf-m-read-only",
+    "fullHeight": "pf-m-full-height",
     "plain": "pf-m-plain",
     "dragHover": "pf-m-drag-hover"
   },

package/css/components/CodeEditor/code-editor.mjs

@@ -3,6 +3,7 @@ export default {
   "codeEditor": "pf-v6-c-code-editor",
   "codeEditorCode": "pf-v6-c-code-editor__code",
   "codeEditorCodePre": "pf-v6-c-code-editor__code-pre",
+  "codeEditorContainer": "pf-v6-c-code-editor__container",
   "codeEditorControls": "pf-v6-c-code-editor__controls",
   "codeEditorHeader": "pf-v6-c-code-editor__header",
   "codeEditorHeaderContent": "pf-v6-c-code-editor__header-content",
@@ -14,6 +15,7 @@ export default {
   "codeEditorUpload": "pf-v6-c-code-editor__upload",
   "modifiers": {
     "readOnly": "pf-m-read-only",
+    "fullHeight": "pf-m-full-height",
     "plain": "pf-m-plain",
     "dragHover": "pf-m-drag-hover"
   },

package/css/components/Content/content.css

@@ -36,6 +36,7 @@
   --pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
   --pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
   --pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
+  --pf-v6-c-content--heading--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
   --pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -135,6 +136,14 @@
 .pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6):last-child {
   margin-block-end: 0;
 }
+:is(.pf-v6-c-content--h1,
+.pf-v6-c-content--h2,
+.pf-v6-c-content--h3,
+.pf-v6-c-content--h4,
+.pf-v6-c-content--h5,
+.pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6).pf-m-page-title {
+  font-weight: var(--pf-v6-c-content--heading--m-page-title--FontWeight);
+}
 
 :is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
   margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);

package/css/components/Content/content.d.ts

@@ -23,6 +23,7 @@ declare const _default: {
   "modifiers": {
     "editorial": "pf-m-editorial",
     "visited": "pf-m-visited",
+    "pageTitle": "pf-m-page-title",
     "plain": "pf-m-plain"
   }
 };

package/css/components/Content/content.js

@@ -25,6 +25,7 @@ exports.default = {
   "modifiers": {
     "editorial": "pf-m-editorial",
     "visited": "pf-m-visited",
+    "pageTitle": "pf-m-page-title",
     "plain": "pf-m-plain"
   }
 };

package/css/components/Content/content.mjs

@@ -23,6 +23,7 @@ export default {
   "modifiers": {
     "editorial": "pf-m-editorial",
     "visited": "pf-m-visited",
+    "pageTitle": "pf-m-page-title",
     "plain": "pf-m-plain"
   }
 };

package/css/components/Label/label-group.css

@@ -1,16 +1,22 @@
 .pf-v6-c-label-group {
   --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-label-group--MaxWidth: 100%;
   --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
   --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-label-group__main--MaxWidth: 100%;
+  --pf-v6-c-label-group__main--MinWidth: 0;
   --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
   --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
   --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-label-group__list--MaxWidth: 100%;
+  --pf-v6-c-label-group__list--MinWidth: 0;
   --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
   --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-label-group__list-item--MaxWidth: 100%;
   --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
   --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -37,6 +43,7 @@
   row-gap: var(--pf-v6-c-label-group--RowGap);
   column-gap: var(--pf-v6-c-label-group--ColumnGap);
   align-items: center;
+  max-width: var(--pf-v6-c-label-group--MaxWidth);
 }
 .pf-v6-c-label-group.pf-m-category {
   padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
@@ -62,9 +69,11 @@
 .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
   flex-direction: column;
   align-items: flex-start;
+  max-width: var(--pf-v6-c-label-group__list--MaxWidth);
 }
 .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
   flex-direction: column;
+  min-width: var(--pf-v6-c-label-group__main--MinWidth);
 }
 .pf-v6-c-label-group.pf-m-editable,
 .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
@@ -85,6 +94,7 @@
   row-gap: var(--pf-v6-c-label-group__main--RowGap);
   column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
   align-items: baseline;
+  min-width: var(--pf-v6-c-label-group__main--MinWidth);
 }
 
 .pf-v6-c-label-group__list {
@@ -92,10 +102,12 @@
   flex-wrap: wrap;
   row-gap: var(--pf-v6-c-label-group__list--RowGap);
   column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
+  min-width: var(--pf-v6-c-label-group__list--MinWidth);
 }
 
 .pf-v6-c-label-group__list-item {
   display: inline-flex;
+  max-width: var(--pf-v6-c-label-group__list-item--MaxWidth);
 }
 
 .pf-v6-c-label-group__label {

package/css/components/Label/label.css

@@ -4,6 +4,7 @@
   --pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
   --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-label--MaxWidth: 100%;
+  --pf-v6-c-label--MinWidth: 3em;
   --pf-v6-c-label--BorderWidth: 0;
   --pf-v6-c-label--BorderColor: transparent;
   --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -193,6 +194,7 @@
 
 .pf-v6-c-label {
   position: relative;
+  min-width: var(--pf-v6-c-label--MinWidth);
   max-width: var(--pf-v6-c-label--MaxWidth);
   padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
   padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);

package/css/components/MenuToggle/menu-toggle.css

@@ -383,13 +383,6 @@
   flex-wrap: nowrap;
 }
 
-.pf-v6-c-menu-toggle__controls,
-.pf-v6-c-menu-toggle__toggle-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
 .pf-v6-c-menu-toggle__icon {
   flex-shrink: 0;
 }
@@ -401,7 +394,10 @@
 }
 
 .pf-v6-c-menu-toggle__controls {
+  display: flex;
   gap: var(--pf-v6-c-menu-toggle__controls--Gap);
+  align-items: center;
+  justify-content: center;
   margin-inline-start: auto;
 }
 

package/css/components/Page/page.css

@@ -65,11 +65,13 @@
   --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;
@@ -451,6 +453,9 @@
   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);

package/css/components/Table/table-grid.css

@@ -355,7 +355,7 @@
   --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);
@@ -625,14 +625,14 @@
     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;
@@ -658,7 +658,7 @@
   }
 }
 
-@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);
@@ -928,14 +928,14 @@
     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;
@@ -961,7 +961,7 @@
   }
 }
 
-@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);
@@ -1231,14 +1231,14 @@
     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;
@@ -1264,7 +1264,7 @@
   }
 }
 
-@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);
@@ -1534,14 +1534,14 @@
     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;

package/css/components/Table/table-tree-view.css

@@ -246,7 +246,7 @@
   --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);
@@ -389,7 +389,7 @@
   }
 }
 
-@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);
@@ -532,7 +532,7 @@
   }
 }
 
-@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);
@@ -675,7 +675,7 @@
   }
 }
 
-@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/css/components/Table/table.css

@@ -526,6 +526,7 @@
 .pf-v6-c-table .pf-v6-c-table__draggable {
   --pf-v6-c-table--cell--MinWidth: 0;
   --pf-v6-c-table--cell--Width: 1%;
+  max-width: none;
 }
 
 .pf-v6-c-table .pf-v6-c-table__favorite {

package/css/components/Title/title.css

@@ -36,6 +36,7 @@
   --pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
   --pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
   --pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
+  --pf-v6-c-title--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
 }
 
 .pf-v6-c-title {
@@ -101,4 +102,7 @@
   font-size: var(--pf-v6-c-title--m-h6--FontSize);
   font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
   line-height: var(--pf-v6-c-title--m-h6--LineHeight);
+}
+.pf-v6-c-title.pf-m-page-title {
+  font-weight: var(--pf-v6-c-title--m-page-title--FontWeight);
 }

package/css/components/Title/title.d.ts

@@ -12,7 +12,8 @@ declare const _default: {
     "h3": "pf-m-h3",
     "h4": "pf-m-h4",
     "h5": "pf-m-h5",
-    "h6": "pf-m-h6"
+    "h6": "pf-m-h6",
+    "pageTitle": "pf-m-page-title"
   },
   "title": "pf-v6-c-title"
 };

package/css/components/Title/title.js

@@ -14,7 +14,8 @@ exports.default = {
     "h3": "pf-m-h3",
     "h4": "pf-m-h4",
     "h5": "pf-m-h5",
-    "h6": "pf-m-h6"
+    "h6": "pf-m-h6",
+    "pageTitle": "pf-m-page-title"
   },
   "title": "pf-v6-c-title"
 };

package/css/components/Title/title.mjs

@@ -12,7 +12,8 @@ export default {
     "h3": "pf-m-h3",
     "h4": "pf-m-h4",
     "h5": "pf-m-h5",
-    "h6": "pf-m-h6"
+    "h6": "pf-m-h6",
+    "pageTitle": "pf-m-page-title"
   },
   "title": "pf-v6-c-title"
 };

package/css/components/Wizard/wizard.css

@@ -82,7 +82,7 @@
   --pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
   --pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
-  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--xs);
+  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
   --pf-v6-c-wizard__nav--Width: 100%;

package/css/components/_index.css

@@ -2805,9 +2805,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;
@@ -2874,6 +2887,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;
@@ -2895,6 +2909,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);
@@ -2967,6 +2982,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   --pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
   --pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
   --pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
+  --pf-v6-c-content--heading--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
   --pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -3066,6 +3082,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
 .pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6):last-child {
   margin-block-end: 0;
 }
+:is(.pf-v6-c-content--h1,
+.pf-v6-c-content--h2,
+.pf-v6-c-content--h3,
+.pf-v6-c-content--h4,
+.pf-v6-c-content--h5,
+.pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6).pf-m-page-title {
+  font-weight: var(--pf-v6-c-content--heading--m-page-title--FontWeight);
+}
 
 :is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
   margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
@@ -7836,6 +7860,7 @@ label.pf-v6-c-input-group__text {
   --pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
   --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-label--MaxWidth: 100%;
+  --pf-v6-c-label--MinWidth: 3em;
   --pf-v6-c-label--BorderWidth: 0;
   --pf-v6-c-label--BorderColor: transparent;
   --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -8025,6 +8050,7 @@ label.pf-v6-c-input-group__text {
 
 .pf-v6-c-label {
   position: relative;
+  min-width: var(--pf-v6-c-label--MinWidth);
   max-width: var(--pf-v6-c-label--MaxWidth);
   padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
   padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
@@ -8327,16 +8353,22 @@ input.pf-v6-c-label__content {
 .pf-v6-c-label-group {
   --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-label-group--MaxWidth: 100%;
   --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
   --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-label-group__main--MaxWidth: 100%;
+  --pf-v6-c-label-group__main--MinWidth: 0;
   --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
   --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
   --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-label-group__list--MaxWidth: 100%;
+  --pf-v6-c-label-group__list--MinWidth: 0;
   --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
   --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-label-group__list-item--MaxWidth: 100%;
   --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
   --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -8363,6 +8395,7 @@ input.pf-v6-c-label__content {
   row-gap: var(--pf-v6-c-label-group--RowGap);
   column-gap: var(--pf-v6-c-label-group--ColumnGap);
   align-items: center;
+  max-width: var(--pf-v6-c-label-group--MaxWidth);
 }
 .pf-v6-c-label-group.pf-m-category {
   padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
@@ -8388,9 +8421,11 @@ input.pf-v6-c-label__content {
 .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
   flex-direction: column;
   align-items: flex-start;
+  max-width: var(--pf-v6-c-label-group__list--MaxWidth);
 }
 .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
   flex-direction: column;
+  min-width: var(--pf-v6-c-label-group__main--MinWidth);
 }
 .pf-v6-c-label-group.pf-m-editable,
 .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
@@ -8411,6 +8446,7 @@ input.pf-v6-c-label__content {
   row-gap: var(--pf-v6-c-label-group__main--RowGap);
   column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
   align-items: baseline;
+  min-width: var(--pf-v6-c-label-group__main--MinWidth);
 }
 
 .pf-v6-c-label-group__list {
@@ -8418,10 +8454,12 @@ input.pf-v6-c-label__content {
   flex-wrap: wrap;
   row-gap: var(--pf-v6-c-label-group__list--RowGap);
   column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
+  min-width: var(--pf-v6-c-label-group__list--MinWidth);
 }
 
 .pf-v6-c-label-group__list-item {
   display: inline-flex;
+  max-width: var(--pf-v6-c-label-group__list-item--MaxWidth);
 }
 
 .pf-v6-c-label-group__label {
@@ -10283,13 +10321,6 @@ ul.pf-v6-c-list {
   flex-wrap: nowrap;
 }
 
-.pf-v6-c-menu-toggle__controls,
-.pf-v6-c-menu-toggle__toggle-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
 .pf-v6-c-menu-toggle__icon {
   flex-shrink: 0;
 }
@@ -10301,7 +10332,10 @@ ul.pf-v6-c-list {
 }
 
 .pf-v6-c-menu-toggle__controls {
+  display: flex;
   gap: var(--pf-v6-c-menu-toggle__controls--Gap);
+  align-items: center;
+  justify-content: center;
   margin-inline-start: auto;
 }
 
@@ -11416,11 +11450,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;
@@ -11802,6 +11838,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);
@@ -14922,7 +14961,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);
@@ -15192,14 +15231,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;
@@ -15225,7 +15264,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);
@@ -15495,14 +15534,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;
@@ -15528,7 +15567,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);
@@ -15798,14 +15837,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;
@@ -15831,7 +15870,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);
@@ -16101,14 +16140,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;
@@ -16662,6 +16701,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
 .pf-v6-c-table .pf-v6-c-table__draggable {
   --pf-v6-c-table--cell--MinWidth: 0;
   --pf-v6-c-table--cell--Width: 1%;
+  max-width: none;
 }
 
 .pf-v6-c-table .pf-v6-c-table__favorite {
@@ -17310,7 +17350,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);
@@ -17453,7 +17493,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);
@@ -17596,7 +17636,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);
@@ -17739,7 +17779,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);
@@ -19067,6 +19107,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
   --pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
   --pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
+  --pf-v6-c-title--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
 }
 
 .pf-v6-c-title {
@@ -19133,6 +19174,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
   line-height: var(--pf-v6-c-title--m-h6--LineHeight);
 }
+.pf-v6-c-title.pf-m-page-title {
+  font-weight: var(--pf-v6-c-title--m-page-title--FontWeight);
+}
 
 .pf-v6-c-toggle-group {
   --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -21904,7 +21948,7 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
   --pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
-  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--xs);
+  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
   --pf-v6-c-wizard__nav--Width: 100%;

package/css/components/_index.d.ts

@@ -93,6 +93,7 @@ declare const _default: {
   "codeEditor": "pf-v6-c-code-editor",
   "codeEditorCode": "pf-v6-c-code-editor__code",
   "codeEditorCodePre": "pf-v6-c-code-editor__code-pre",
+  "codeEditorContainer": "pf-v6-c-code-editor__container",
   "codeEditorControls": "pf-v6-c-code-editor__controls",
   "codeEditorHeader": "pf-v6-c-code-editor__header",
   "codeEditorHeaderContent": "pf-v6-c-code-editor__header-content",
@@ -412,6 +413,7 @@ declare const _default: {
     "dragHover": "pf-m-drag-hover",
     "editorial": "pf-m-editorial",
     "visited": "pf-m-visited",
+    "pageTitle": "pf-m-page-title",
     "icon": "pf-m-icon",
     "alignRight": "pf-m-align-right",
     "flex_2": "pf-m-flex-2",

package/css/components/_index.js

@@ -95,6 +95,7 @@ exports.default = {
   "codeEditor": "pf-v6-c-code-editor",
   "codeEditorCode": "pf-v6-c-code-editor__code",
   "codeEditorCodePre": "pf-v6-c-code-editor__code-pre",
+  "codeEditorContainer": "pf-v6-c-code-editor__container",
   "codeEditorControls": "pf-v6-c-code-editor__controls",
   "codeEditorHeader": "pf-v6-c-code-editor__header",
   "codeEditorHeaderContent": "pf-v6-c-code-editor__header-content",
@@ -414,6 +415,7 @@ exports.default = {
     "dragHover": "pf-m-drag-hover",
     "editorial": "pf-m-editorial",
     "visited": "pf-m-visited",
+    "pageTitle": "pf-m-page-title",
     "icon": "pf-m-icon",
     "alignRight": "pf-m-align-right",
     "flex_2": "pf-m-flex-2",

package/css/components/_index.mjs

@@ -93,6 +93,7 @@ export default {
   "codeEditor": "pf-v6-c-code-editor",
   "codeEditorCode": "pf-v6-c-code-editor__code",
   "codeEditorCodePre": "pf-v6-c-code-editor__code-pre",
+  "codeEditorContainer": "pf-v6-c-code-editor__container",
   "codeEditorControls": "pf-v6-c-code-editor__controls",
   "codeEditorHeader": "pf-v6-c-code-editor__header",
   "codeEditorHeaderContent": "pf-v6-c-code-editor__header-content",
@@ -412,6 +413,7 @@ export default {
     "dragHover": "pf-m-drag-hover",
     "editorial": "pf-m-editorial",
     "visited": "pf-m-visited",
+    "pageTitle": "pf-m-page-title",
     "icon": "pf-m-icon",
     "alignRight": "pf-m-align-right",
     "flex_2": "pf-m-flex-2",

package/css/docs/components/CodeEditor/examples/CodeEditor.css

@@ -0,0 +1,3 @@
+#ws-core-c-code-editor-with-full-height-modifier .ws-preview-html {
+  height: 400px;
+}

package/css/docs/components/CodeEditor/examples/CodeEditor.d.ts

@@ -0,0 +1,5 @@
+import './CodeEditor.css';
+declare const _default: {
+  "wsPreviewHtml": "ws-preview-html"
+};
+export default _default;

package/css/docs/components/CodeEditor/examples/CodeEditor.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+require('./CodeEditor.css');
+exports.default = {
+  "wsPreviewHtml": "ws-preview-html"
+};

package/css/docs/components/CodeEditor/examples/CodeEditor.mjs

@@ -0,0 +1,4 @@
+import './CodeEditor.css';
+export default {
+  "wsPreviewHtml": "ws-preview-html"
+};

package/css/docs/components/Label/examples/Label.css

@@ -11,3 +11,15 @@
 #ws-core-c-label-overflow .pf-v6-c-label {
   margin: 4px;
 }
+
+#ws-core-c-label-labels-with-truncation .ws-preview-html { 
+  max-width: 320px;
+}
+
+.pf-v6-c-label-truncate--example {
+  max-width: 100%;
+  padding: var(--pf-t--global--spacer--sm);
+  overflow: auto;
+  resize: horizontal;
+  border: var(--pf-t--global--border--width--box--default) solid var(--pf-t--global--border--color--default);
+}

package/css/docs/components/Label/examples/Label.d.ts

@@ -1,6 +1,7 @@
 import './Label.css';
 declare const _default: {
   "label": "pf-v6-c-label",
+  "labelTruncateExample": "pf-v6-c-label-truncate--example",
   "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

package/css/docs/components/Label/examples/Label.js

@@ -3,5 +3,6 @@ exports.__esModule = true;
 require('./Label.css');
 exports.default = {
   "label": "pf-v6-c-label",
+  "labelTruncateExample": "pf-v6-c-label-truncate--example",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Label/examples/Label.mjs

@@ -1,5 +1,6 @@
 import './Label.css';
 export default {
   "label": "pf-v6-c-label",
+  "labelTruncateExample": "pf-v6-c-label-truncate--example",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/demos/Card/examples/Card.css

@@ -21,6 +21,10 @@
   --pf-v6-c-table--m-compact--cell--first-last-child--PaddingInlineStart: var(--pf-v6-global--spacer--sm);
 }
 
+#ws-html-demos-c-card-status-card-expanded-with-popover .pf-v6-c-card {
+  overflow: initial;
+}
+
 .ws-chart {
   display: flex;
   max-width: 100%;

package/css/docs/demos/Card/examples/Card.d.ts

@@ -1,5 +1,6 @@
 import './Card.css';
 declare const _default: {
+  "card": "pf-v6-c-card",
   "popover": "pf-v6-c-popover",
   "popoverParent": "popover-parent",
   "table": "pf-v6-c-table",

package/css/docs/demos/Card/examples/Card.js

@@ -2,6 +2,7 @@
 exports.__esModule = true;
 require('./Card.css');
 exports.default = {
+  "card": "pf-v6-c-card",
   "popover": "pf-v6-c-popover",
   "popoverParent": "popover-parent",
   "table": "pf-v6-c-table",

package/css/docs/demos/Card/examples/Card.mjs

@@ -1,5 +1,6 @@
 import './Card.css';
 export default {
+  "card": "pf-v6-c-card",
   "popover": "pf-v6-c-popover",
   "popoverParent": "popover-parent",
   "table": "pf-v6-c-table",

package/css/docs/layouts/Level/examples/Level.css

@@ -3,8 +3,7 @@
   flex-wrap: wrap;
   min-height: 160px;
 }
-.ws-core-l-level .pf-v6-l-level__item,
-.ws-core-l-level .pf-v6-l-level {
+.ws-core-l-level :is(.pf-v6-l-level, .pf-v6-l-level__item, .pf-v6-l-level > *) {
   padding: var(--pf-t--global--spacer--sm);
   border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }

package/css/docs/layouts/Split/examples/Split.css

@@ -1,5 +1,4 @@
-.ws-core-l-split .pf-v6-l-split,
-.ws-core-l-split .pf-v6-l-split__item {
+.ws-core-l-split :is(.pf-v6-l-split, .pf-v6-l-split__item, .pf-v6-l-split > *) {
   padding: var(--pf-t--global--spacer--sm);
   border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }

package/css/docs/layouts/Stack/examples/Stack.css

@@ -1,5 +1,4 @@
-.ws-core-l-stack .pf-v6-l-stack,
-.ws-core-l-stack .pf-v6-l-stack__item {
+.ws-core-l-stack :is(.pf-v6-l-stack, .pf-v6-l-stack__item, .pf-v6-l-stack > *) {
   padding: var(--pf-t--global--spacer--sm);
   border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }

package/css/layouts/Split/split.css

@@ -10,8 +10,7 @@
 .pf-v6-l-split.pf-m-wrap {
   flex-wrap: wrap;
 }
-
-.pf-v6-l-split__item.pf-m-fill {
+.pf-v6-l-split__item.pf-m-fill, .pf-v6-l-split > .pf-m-fill {
   flex-grow: 1;
 }
 

package/css/layouts/Stack/stack.css

@@ -7,8 +7,7 @@
   flex-direction: column;
   height: 100%;
 }
-
-.pf-v6-l-stack__item.pf-m-fill {
+.pf-v6-l-stack__item.pf-m-fill, .pf-v6-l-stack > .pf-m-fill {
   flex-grow: 1;
 }
 

package/css/layouts/_index.css

@@ -3426,8 +3426,7 @@
 .pf-v6-l-split.pf-m-wrap {
   flex-wrap: wrap;
 }
-
-.pf-v6-l-split__item.pf-m-fill {
+.pf-v6-l-split__item.pf-m-fill, .pf-v6-l-split > .pf-m-fill {
   flex-grow: 1;
 }
 
@@ -3444,8 +3443,7 @@
   flex-direction: column;
   height: 100%;
 }
-
-.pf-v6-l-stack__item.pf-m-fill {
+.pf-v6-l-stack__item.pf-m-fill, .pf-v6-l-stack > .pf-m-fill {
   flex-grow: 1;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "6.0.0",
+  "version": "6.1.0-prerelease.2",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "6.0.0",
+    "@patternfly/patternfly": "6.1.0-prerelease.4",
     "change-case": "^5.4.4",
     "fs-extra": "^11.2.0"
   },
   "license": "MIT",
-  "gitHead": "69e205707d0228544b9b45467832e11d7a46ab45"
+  "gitHead": "53da56fdc7b7b149101c9d1156b5999dda3ba579"
 }