@patternfly/patternfly 6.3.0-prerelease.51 → 6.3.0-prerelease.53

package/docs/demos/Table/examples/Table.md

@@ -10119,10 +10119,7 @@ wrapperTag: div
           aria-label="Draggable data list rows"
           id="table-manage-columns-data-list-draggable"
         >
-          <li
-            class="pf-v6-c-data-list__item pf-m-draggable"
-            aria-labelledby="table-manage-columns-data-list-draggable-item-1"
-          >
+          <li class="pf-v6-c-data-list__item pf-m-draggable">
             <div class="pf-v6-c-data-list__item-row">
               <div class="pf-v6-c-data-list__item-control">
                 <span class="pf-v6-c-data-list__item-draggable-icon">
@@ -10153,10 +10150,7 @@ wrapperTag: div
             </div>
           </li>
 
-          <li
-            class="pf-v6-c-data-list__item pf-m-dragged"
-            aria-labelledby="table-manage-columns-data-list-draggable-item-2"
-          >
+          <li class="pf-v6-c-data-list__item pf-m-dragged">
             <div class="pf-v6-c-data-list__item-row">
               <div class="pf-v6-c-data-list__item-control">
                 <span class="pf-v6-c-data-list__item-draggable-icon">
@@ -10187,10 +10181,7 @@ wrapperTag: div
             </div>
           </li>
 
-          <li
-            class="pf-v6-c-data-list__item pf-m-draggable"
-            aria-labelledby="table-manage-columns-data-list-draggable-item-3"
-          >
+          <li class="pf-v6-c-data-list__item pf-m-draggable">
             <div class="pf-v6-c-data-list__item-row">
               <div class="pf-v6-c-data-list__item-control">
                 <span class="pf-v6-c-data-list__item-draggable-icon">
@@ -10221,10 +10212,7 @@ wrapperTag: div
             </div>
           </li>
 
-          <li
-            class="pf-v6-c-data-list__item pf-m-draggable"
-            aria-labelledby="table-manage-columns-data-list-draggable-item-4"
-          >
+          <li class="pf-v6-c-data-list__item pf-m-draggable">
             <div class="pf-v6-c-data-list__item-row">
               <div class="pf-v6-c-data-list__item-control">
                 <span class="pf-v6-c-data-list__item-draggable-icon">
@@ -10255,10 +10243,7 @@ wrapperTag: div
             </div>
           </li>
 
-          <li
-            class="pf-v6-c-data-list__item pf-m-draggable"
-            aria-labelledby="table-manage-columns-data-list-draggable-item-5"
-          >
+          <li class="pf-v6-c-data-list__item pf-m-draggable">
             <div class="pf-v6-c-data-list__item-row">
               <div class="pf-v6-c-data-list__item-control">
                 <span class="pf-v6-c-data-list__item-draggable-icon">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.3.0-prerelease.51",
+  "version": "6.3.0-prerelease.53",
   "keywords": [],
   "license": "MIT",
   "engines": {
@@ -50,7 +50,7 @@
     "@commitlint/config-conventional": "^19.1.0",
     "@fortawesome/fontawesome": "^1.1.8",
     "@octokit/rest": "^20.1.0",
-    "@patternfly/documentation-framework": "6.18.7",
+    "@patternfly/documentation-framework": "6.19.0",
     "@patternfly/patternfly-a11y": "5.1.0",
     "@patternfly/react-code-editor": "6.3.1",
     "@patternfly/react-core": "6.3.1",
@@ -102,7 +102,8 @@
   },
   "resolutions": {
     "@babel/preset-env": "7.18.2",
-    "monaco-editor": "0.34.1"
+    "monaco-editor": "0.34.1",
+    "on-headers": "~1.1.0"
   },
   "repository": {
     "type": "git",

package/patternfly-no-globals.css

@@ -7710,15 +7710,22 @@
   --pf-v6-c-accordion__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
   --pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
+  --pf-v6-c-accordion__toggle-icon--Rotate: 0;
   --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
   --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
-  --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-accordion__expandable-content--MarginBlockEnd: 0;
   --pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-accordion__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-accordion__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
+  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: 0;
   --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
+  --pf-v6-c-accordion__expandable-content--MaxHeight: 0;
+  --pf-v6-c-accordion__expandable-content--Visibility: hidden;
+  --pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
+  --pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
+  --pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
   --pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
   --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
@@ -7816,6 +7823,7 @@
 .pf-v6-c-accordion__item.pf-m-expanded {
   --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
   --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
+  --pf-v6-c-accordion__toggle-icon--Rotate: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate);
   --pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
   --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
   --pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
@@ -7824,9 +7832,11 @@
   --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
   --pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
   --pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
-}
-.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
-  transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
+  --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd);
+  --pf-v6-c-accordion__expandable-content--MaxHeight: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight);
+  --pf-v6-c-accordion__expandable-content--Visibility: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility);
+  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
+  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
 }
 
 .pf-v6-c-accordion__toggle {
@@ -7862,6 +7872,7 @@
 
 .pf-v6-c-accordion__toggle-icon {
   transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
+  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
   scale: -1 1;
@@ -7872,12 +7883,13 @@
 }
 
 .pf-v6-c-accordion__expandable-content {
-  max-height: 0;
+  max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
+  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
   margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
   margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
   font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
   color: var(--pf-v6-c-accordion__expandable-content--Color);
-  visibility: hidden;
+  visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
   background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
   border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
   opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
@@ -7888,17 +7900,9 @@
   translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
 }
 .pf-v6-c-accordion__expandable-content.pf-m-fixed {
+  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
   overflow-y: auto;
 }
-.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
-  max-height: 99999px;
-  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
-  visibility: revert;
-  transition-delay: 0s;
-}
-.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
-  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
-}
 
 .pf-v6-c-accordion__expandable-content-body {
   padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);

package/patternfly.css

@@ -7850,15 +7850,22 @@ button) {
   --pf-v6-c-accordion__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
   --pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
+  --pf-v6-c-accordion__toggle-icon--Rotate: 0;
   --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
   --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
-  --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-accordion__expandable-content--MarginBlockEnd: 0;
   --pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-accordion__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-accordion__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
+  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: 0;
   --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
+  --pf-v6-c-accordion__expandable-content--MaxHeight: 0;
+  --pf-v6-c-accordion__expandable-content--Visibility: hidden;
+  --pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
+  --pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
+  --pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
   --pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
   --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
@@ -7956,6 +7963,7 @@ button) {
 .pf-v6-c-accordion__item.pf-m-expanded {
   --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
   --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
+  --pf-v6-c-accordion__toggle-icon--Rotate: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate);
   --pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
   --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
   --pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
@@ -7964,9 +7972,11 @@ button) {
   --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
   --pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
   --pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
-}
-.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
-  transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
+  --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd);
+  --pf-v6-c-accordion__expandable-content--MaxHeight: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight);
+  --pf-v6-c-accordion__expandable-content--Visibility: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility);
+  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
+  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
 }
 
 .pf-v6-c-accordion__toggle {
@@ -8002,6 +8012,7 @@ button) {
 
 .pf-v6-c-accordion__toggle-icon {
   transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
+  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
   scale: -1 1;
@@ -8012,12 +8023,13 @@ button) {
 }
 
 .pf-v6-c-accordion__expandable-content {
-  max-height: 0;
+  max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
+  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
   margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
   margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
   font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
   color: var(--pf-v6-c-accordion__expandable-content--Color);
-  visibility: hidden;
+  visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
   background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
   border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
   opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
@@ -8028,17 +8040,9 @@ button) {
   translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
 }
 .pf-v6-c-accordion__expandable-content.pf-m-fixed {
+  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
   overflow-y: auto;
 }
-.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
-  max-height: 99999px;
-  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
-  visibility: revert;
-  transition-delay: 0s;
-}
-.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
-  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
-}
 
 .pf-v6-c-accordion__expandable-content-body {
   padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);