npm - @patternfly/patternfly - Versions diffs - 6.3.0-prerelease.13 → 6.3.0-prerelease.14 - Mend

@patternfly/patternfly 6.3.0-prerelease.13 → 6.3.0-prerelease.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/assets/images/icon-outlined-star.hbs +3 -0
package/assets/images/icon-star.hbs +3 -0
package/components/Accordion/accordion.css +17 -2
package/components/Accordion/accordion.scss +17 -2
package/components/Button/button.css +27 -0
package/components/Button/button.scss +30 -1
package/components/Timestamp/timestamp.css +4 -0
package/components/Timestamp/timestamp.scss +7 -0
package/components/Truncate/truncate.css +1 -0
package/components/Truncate/truncate.scss +3 -0
package/components/_index.css +49 -2
package/docs/components/Button/examples/Button.md +60 -2
package/docs/components/Menu/examples/Menu.md +120 -4
package/docs/components/Table/examples/Table.md +300 -10
package/package.json +2 -2
package/patternfly-no-globals.css +49 -2
package/patternfly.css +49 -2
package/patternfly.min.css +1 -1
package/patternfly.min.css.map +1 -1

package/docs/components/Table/examples/Table.md CHANGED Viewed

@@ -20255,7 +20255,36 @@ For sticky columns to function correctly, the parent table's width must be contr
           aria-labelledby="table-favorites-node1 table-favorites-favorite-button1"
         >
           <span class="pf-v6-c-button__icon">
-            <i class="fas fa-star" aria-hidden="true"></i>
+            <span class="pf-v6-c-button__icon-favorite">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"
+                />
+              </svg>
+            </span>
+            <span class="pf-v6-c-button__icon-favorited">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
+                />
+              </svg>
+            </span>
           </span>
         </button>
       </td>
@@ -20312,7 +20341,36 @@ For sticky columns to function correctly, the parent table's width must be contr
           aria-labelledby="table-favorites-node2 table-favorites-favorite-button2"
         >
           <span class="pf-v6-c-button__icon">
-            <i class="fas fa-star" aria-hidden="true"></i>
+            <span class="pf-v6-c-button__icon-favorite">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"
+                />
+              </svg>
+            </span>
+            <span class="pf-v6-c-button__icon-favorited">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
+                />
+              </svg>
+            </span>
           </span>
         </button>
       </td>
@@ -20367,7 +20425,36 @@ For sticky columns to function correctly, the parent table's width must be contr
           aria-labelledby="table-favorites-node3 table-favorites-favorite-button3"
         >
           <span class="pf-v6-c-button__icon">
-            <i class="fas fa-star" aria-hidden="true"></i>
+            <span class="pf-v6-c-button__icon-favorite">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"
+                />
+              </svg>
+            </span>
+            <span class="pf-v6-c-button__icon-favorited">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
+                />
+              </svg>
+            </span>
           </span>
         </button>
       </td>
@@ -20422,7 +20509,36 @@ For sticky columns to function correctly, the parent table's width must be contr
           aria-labelledby="table-favorites-node4 table-favorites-favorite-button4"
         >
           <span class="pf-v6-c-button__icon">
-            <i class="fas fa-star" aria-hidden="true"></i>
+            <span class="pf-v6-c-button__icon-favorite">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"
+                />
+              </svg>
+            </span>
+            <span class="pf-v6-c-button__icon-favorited">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
+                />
+              </svg>
+            </span>
           </span>
         </button>
       </td>
@@ -20482,7 +20598,36 @@ For sticky columns to function correctly, the parent table's width must be contr
               aria-label="Favorite all"
             >
               <span class="pf-v6-c-button__icon">
-                <i class="fas fa-star" aria-hidden="true"></i>
+                <span class="pf-v6-c-button__icon-favorite">
+                  <svg
+                    class="pf-v6-svg"
+                    viewBox="0 0 576 512"
+                    fill="currentColor"
+                    aria-hidden="true"
+                    role="img"
+                    width="1em"
+                    height="1em"
+                  >
+                    <path
+                      d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"
+                    />
+                  </svg>
+                </span>
+                <span class="pf-v6-c-button__icon-favorited">
+                  <svg
+                    class="pf-v6-svg"
+                    viewBox="0 0 576 512"
+                    fill="currentColor"
+                    aria-hidden="true"
+                    role="img"
+                    width="1em"
+                    height="1em"
+                  >
+                    <path
+                      d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
+                    />
+                  </svg>
+                </span>
               </span>
             </button>
           </div>
@@ -20529,7 +20674,36 @@ For sticky columns to function correctly, the parent table's width must be contr
           aria-labelledby="table-favorites-sortable-node1 table-favorites-sortable-favorite-button1"
         >
           <span class="pf-v6-c-button__icon">
-            <i class="fas fa-star" aria-hidden="true"></i>
+            <span class="pf-v6-c-button__icon-favorite">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"
+                />
+              </svg>
+            </span>
+            <span class="pf-v6-c-button__icon-favorited">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
+                />
+              </svg>
+            </span>
           </span>
         </button>
       </td>
@@ -20558,7 +20732,36 @@ For sticky columns to function correctly, the parent table's width must be contr
           aria-labelledby="table-favorites-sortable-node3 table-favorites-sortable-favorite-button3"
         >
           <span class="pf-v6-c-button__icon">
-            <i class="fas fa-star" aria-hidden="true"></i>
+            <span class="pf-v6-c-button__icon-favorite">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"
+                />
+              </svg>
+            </span>
+            <span class="pf-v6-c-button__icon-favorited">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
+                />
+              </svg>
+            </span>
           </span>
         </button>
       </td>
@@ -20585,7 +20788,36 @@ For sticky columns to function correctly, the parent table's width must be contr
           aria-labelledby="table-favorites-sortable-node2 table-favorites-sortable-favorite-button2"
         >
           <span class="pf-v6-c-button__icon">
-            <i class="fas fa-star" aria-hidden="true"></i>
+            <span class="pf-v6-c-button__icon-favorite">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"
+                />
+              </svg>
+            </span>
+            <span class="pf-v6-c-button__icon-favorited">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
+                />
+              </svg>
+            </span>
           </span>
         </button>
       </td>
@@ -20612,7 +20844,36 @@ For sticky columns to function correctly, the parent table's width must be contr
           aria-labelledby="table-favorites-sortable-node4 table-favorites-sortable-favorite-button4"
         >
           <span class="pf-v6-c-button__icon">
-            <i class="fas fa-star" aria-hidden="true"></i>
+            <span class="pf-v6-c-button__icon-favorite">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"
+                />
+              </svg>
+            </span>
+            <span class="pf-v6-c-button__icon-favorited">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
+                />
+              </svg>
+            </span>
           </span>
         </button>
       </td>
@@ -20639,7 +20900,36 @@ For sticky columns to function correctly, the parent table's width must be contr
           aria-labelledby="table-favorites-sortable-node5 table-favorites-sortable-favorite-button5"
         >
           <span class="pf-v6-c-button__icon">
-            <i class="fas fa-star" aria-hidden="true"></i>
+            <span class="pf-v6-c-button__icon-favorite">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"
+                />
+              </svg>
+            </span>
+            <span class="pf-v6-c-button__icon-favorited">
+              <svg
+                class="pf-v6-svg"
+                viewBox="0 0 576 512"
+                fill="currentColor"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
+                />
+              </svg>
+            </span>
           </span>
         </button>
       </td>

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.3.0-prerelease.13",
+  "version": "6.3.0-prerelease.14",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -47,7 +47,7 @@
     "@commitlint/config-conventional": "^19.1.0",
     "@fortawesome/fontawesome": "^1.1.8",
     "@octokit/rest": "^20.1.0",
-    "@patternfly/documentation-framework": "6.10.1",
+    "@patternfly/documentation-framework": "6.10.5",
     "@patternfly/patternfly-a11y": "5.1.0",
     "@patternfly/react-code-editor": "6.2.2",
     "@patternfly/react-core": "6.2.2",

package/patternfly-no-globals.css CHANGED Viewed

@@ -7833,7 +7833,12 @@
   scale: -1 1;
 }
+.pf-v6-c-accordion__expandable-content:where([hidden]) {
+  display: revert;
+}
 .pf-v6-c-accordion__expandable-content {
+  display: none;
   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);
@@ -7843,14 +7848,24 @@
   border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
   opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
   transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
-  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide);
-  transition-property: opacity, translate;
+  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
+  transition-property: opacity, translate, display;
+  transition-behavior: allow-discrete;
   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);
   overflow-y: auto;
 }
+.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
+  display: revert;
+}
+@starting-style {
+  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
+    --pf-v6-c-accordion__expandable-content--Opacity: 0;
+    --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
+  }
+}
 .pf-v6-c-accordion__expandable-content-body {
   padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
@@ -9219,6 +9234,11 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
   --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
   --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
+  --pf-v6-c-button__icon--favorite--Opacity: 1;
+  --pf-v6-c-button__icon--favorited--Opacity: 0;
+  --pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
+  --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
+  --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
   --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
   --pf-v6-c-button__progress--Opacity: 0;
   --pf-v6-c-button__progress--TranslateY: -50%;
@@ -9529,6 +9549,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
 }
 .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
+  display: grid;
   transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
   transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
   transition-property: color;
@@ -9536,6 +9557,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
 .pf-v6-c-button.pf-m-favorited {
   --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
   --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
+  --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
+  --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
 }
 .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
   animation-name: pf-v6-c-button-icon-favorited;
@@ -9615,6 +9638,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
 }
+.pf-v6-c-button__icon-favorite,
+.pf-v6-c-button__icon-favorited {
+  grid-area: 1/1/1/1;
+  transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
+  transition-property: opacity;
+}
+.pf-v6-c-button__icon-favorite {
+  opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
+}
+.pf-v6-c-button__icon-favorited {
+  opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
+}
 .pf-v6-c-button__progress {
   position: absolute;
   inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
@@ -9627,6 +9665,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-spinner--Color: currentcolor;
 }
+.pf-v6-c-button__text {
+  text-decoration: inherit;
+}
 .pf-v6-c-button__count {
   display: inline-flex;
   align-items: center;
@@ -27143,6 +27185,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
 }
+.pf-v6-c-timestamp__text {
+  text-decoration: inherit;
+}
 .pf-v6-c-title {
   --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
   --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -29417,6 +29463,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   grid-auto-flow: column;
   align-items: baseline;
   min-width: var(--pf-v6-c-truncate--MinWidth);
+  text-decoration: inherit;
 }
 .pf-v6-c-truncate.pf-m-fixed {
   display: inline;

package/patternfly.css CHANGED Viewed

@@ -7969,7 +7969,12 @@ button) {
   scale: -1 1;
 }
+.pf-v6-c-accordion__expandable-content:where([hidden]) {
+  display: revert;
+}
 .pf-v6-c-accordion__expandable-content {
+  display: none;
   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);
@@ -7979,14 +7984,24 @@ button) {
   border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
   opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
   transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
-  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide);
-  transition-property: opacity, translate;
+  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
+  transition-property: opacity, translate, display;
+  transition-behavior: allow-discrete;
   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);
   overflow-y: auto;
 }
+.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
+  display: revert;
+}
+@starting-style {
+  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
+    --pf-v6-c-accordion__expandable-content--Opacity: 0;
+    --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
+  }
+}
 .pf-v6-c-accordion__expandable-content-body {
   padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
@@ -9355,6 +9370,11 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
   --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
   --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
+  --pf-v6-c-button__icon--favorite--Opacity: 1;
+  --pf-v6-c-button__icon--favorited--Opacity: 0;
+  --pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
+  --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
+  --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
   --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
   --pf-v6-c-button__progress--Opacity: 0;
   --pf-v6-c-button__progress--TranslateY: -50%;
@@ -9665,6 +9685,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
 }
 .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
+  display: grid;
   transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
   transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
   transition-property: color;
@@ -9672,6 +9693,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
 .pf-v6-c-button.pf-m-favorited {
   --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
   --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
+  --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
+  --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
 }
 .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
   animation-name: pf-v6-c-button-icon-favorited;
@@ -9751,6 +9774,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
 }
+.pf-v6-c-button__icon-favorite,
+.pf-v6-c-button__icon-favorited {
+  grid-area: 1/1/1/1;
+  transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
+  transition-property: opacity;
+}
+.pf-v6-c-button__icon-favorite {
+  opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
+}
+.pf-v6-c-button__icon-favorited {
+  opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
+}
 .pf-v6-c-button__progress {
   position: absolute;
   inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
@@ -9763,6 +9801,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-spinner--Color: currentcolor;
 }
+.pf-v6-c-button__text {
+  text-decoration: inherit;
+}
 .pf-v6-c-button__count {
   display: inline-flex;
   align-items: center;
@@ -27279,6 +27321,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
 }
+.pf-v6-c-timestamp__text {
+  text-decoration: inherit;
+}
 .pf-v6-c-title {
   --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
   --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -29553,6 +29599,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   grid-auto-flow: column;
   align-items: baseline;
   min-width: var(--pf-v6-c-truncate--MinWidth);
+  text-decoration: inherit;
 }
 .pf-v6-c-truncate.pf-m-fixed {
   display: inline;