@patternfly/react-styles 6.0.0-prerelease.6 → 6.1.0-prerelease.1

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.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
+
 # [6.0.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.0.0-prerelease.5...@patternfly/react-styles@6.0.0-prerelease.6) (2024-10-02)
 
 ### Bug Fixes

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/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/_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);
@@ -11416,11 +11431,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 +11819,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 +14942,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 +15212,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 +15245,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 +15515,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 +15548,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 +15818,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 +15851,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 +16121,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;
@@ -17310,7 +17330,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 +17473,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 +17616,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 +17759,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/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",

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",

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",

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "6.0.0-prerelease.6",
+  "version": "6.1.0-prerelease.1",
   "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-prerelease.15",
+    "@patternfly/patternfly": "6.1.0-prerelease.2",
     "change-case": "^5.4.4",
     "fs-extra": "^11.2.0"
   },
   "license": "MIT",
-  "gitHead": "d36646de28fe6e9e231103b909e37051bd58ec5b"
+  "gitHead": "9122c84d11bc44a8af15969c6f5f7f2de011122c"
 }