@patternfly/patternfly 6.0.0-alpha.150 → 6.0.0-alpha.152

package/base/_index.scss

@@ -1,7 +1,7 @@
 // @use '../sass-utilities' as *;
 
-@forward './normalize';
 @forward './reset';
+@forward './normalize';
 @forward './patternfly-common';
 @forward './patternfly-fonts';
 @forward './patternfly-fa-icons';

package/base/normalize.scss

@@ -105,4 +105,8 @@
   ) {
     cursor: pointer;
   }
+
+  :where(.pf-v6-theme-dark) {
+    color-scheme: dark;
+  }
 }

package/base/patternfly-variables.scss

@@ -1,8 +1,8 @@
 @use '../sass-utilities' as *;
-@use "./tokens/tokens-local" as local;
 @use "./tokens/tokens-palette" as palette;
 @use "./tokens/tokens-default" as default;
 @use "./tokens/tokens-dark" as dark;
+@use "./tokens/tokens-local" as local;
 
 :where(:root) {
   @include pf-v6-set-inverse(false);

package/base/tokens/_index.scss

@@ -1,7 +1,6 @@
-@forward './workspace-overrides';
-@forward './tokens-local';
 @forward './tokens-palette';
 @forward './tokens-default';
 @forward './tokens-dark';
 @forward './tokens-charts';
 @forward './tokens-charts-dark';
+@forward './tokens-local';

package/components/Table/table.css

@@ -419,6 +419,9 @@
 .pf-v6-c-table .pf-v6-c-table :is(.pf-v6-c-table__tbody, .pf-v6-c-table__tr:last-child) {
   border-block-end: 0;
 }
+.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
+  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
+}
 
 .pf-v6-c-table__text {
   --pf-v6-c-table--cell--MaxWidth: 100%;
@@ -514,14 +517,16 @@
 .pf-v6-c-table .pf-v6-c-table__check,
 .pf-v6-c-table .pf-v6-c-table__toggle,
 .pf-v6-c-table .pf-v6-c-table__action,
-.pf-v6-c-table .pf-v6-c-table__favorite,
-.pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-favorite,
 .pf-v6-c-table .pf-v6-c-table__inline-edit-action,
 .pf-v6-c-table .pf-v6-c-table__draggable {
   --pf-v6-c-table--cell--MinWidth: 0;
   --pf-v6-c-table--cell--Width: 1%;
 }
 
+.pf-v6-c-table .pf-v6-c-table__favorite {
+  --pf-v6-c-table--cell--MaxWidth: auto;
+}
+
 .pf-v6-c-table__toggle {
   --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__toggle--PaddingBlockStart);
   --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__toggle--PaddingBlockEnd);
@@ -659,8 +664,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 .pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
   color: var(--pf-v6-c-table__sort__button__text--Color);
 }
-.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button {
+.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button {
   --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort--m-selected__sort-indicator--Color);
+}
+.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button .pf-v6-c-table__text, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button .pf-v6-c-table__text {
   color: var(--pf-v6-c-table__sort--m-selected__button--Color);
 }
 .pf-v6-c-table__sort.pf-m-help {

package/components/Table/table.scss

@@ -593,6 +593,10 @@
       border-block-end: 0;
     }
   }
+
+  .#{$button} .#{$table}__sort-indicator {
+    --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
+  }
 }
 
 // - Table text
@@ -706,8 +710,6 @@
 .#{$table} .#{$table}__check,
 .#{$table} .#{$table}__toggle,
 .#{$table} .#{$table}__action,
-.#{$table} .#{$table}__favorite,
-.#{$table} th:where(.#{$table}__th).pf-m-favorite,
 .#{$table} .#{$table}__inline-edit-action,
 .#{$table} .#{$table}__draggable {
   --#{$table}--cell--MinWidth: 0;
@@ -715,6 +717,10 @@
 }
 // stylelint-enable
 
+.#{$table} .#{$table}__favorite {
+  --#{$table}--cell--MaxWidth: auto;
+}
+
 // - Table toggle
 .#{$table}__toggle {
   --#{$table}--cell--PaddingBlockStart: var(--#{$table}__toggle--PaddingBlockStart);
@@ -900,11 +906,14 @@
     }
   }
 
-  &.pf-m-selected .#{$table}__button {
+  &.pf-m-selected .#{$table}__button,
+  &.pf-m-selected .#{$button} {
     --#{$table}__sort-indicator--Color: var(--#{$table}__sort--m-selected__sort-indicator--Color);
 
     // override state colors on text
-    color: var(--#{$table}__sort--m-selected__button--Color);
+    .#{$table}__text {
+      color: var(--#{$table}__sort--m-selected__button--Color);
+    }
   }
 
   &.pf-m-help {

package/components/_index.css

@@ -16827,6 +16827,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
 .pf-v6-c-table .pf-v6-c-table :is(.pf-v6-c-table__tbody, .pf-v6-c-table__tr:last-child) {
   border-block-end: 0;
 }
+.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
+  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
+}
 
 .pf-v6-c-table__text {
   --pf-v6-c-table--cell--MaxWidth: 100%;
@@ -16922,14 +16925,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
 .pf-v6-c-table .pf-v6-c-table__check,
 .pf-v6-c-table .pf-v6-c-table__toggle,
 .pf-v6-c-table .pf-v6-c-table__action,
-.pf-v6-c-table .pf-v6-c-table__favorite,
-.pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-favorite,
 .pf-v6-c-table .pf-v6-c-table__inline-edit-action,
 .pf-v6-c-table .pf-v6-c-table__draggable {
   --pf-v6-c-table--cell--MinWidth: 0;
   --pf-v6-c-table--cell--Width: 1%;
 }
 
+.pf-v6-c-table .pf-v6-c-table__favorite {
+  --pf-v6-c-table--cell--MaxWidth: auto;
+}
+
 .pf-v6-c-table__toggle {
   --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__toggle--PaddingBlockStart);
   --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__toggle--PaddingBlockEnd);
@@ -17067,8 +17072,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 .pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
   color: var(--pf-v6-c-table__sort__button__text--Color);
 }
-.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button {
+.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button {
   --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort--m-selected__sort-indicator--Color);
+}
+.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button .pf-v6-c-table__text, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button .pf-v6-c-table__text {
   color: var(--pf-v6-c-table__sort--m-selected__button--Color);
 }
 .pf-v6-c-table__sort.pf-m-help {

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

@@ -19874,21 +19874,33 @@ For sticky columns to function correctly, the parent table's width must be contr
   <thead class="pf-v6-c-table__thead">
     <tr class="pf-v6-c-table__tr" role="row">
       <th
-        class="pf-v6-c-table__th pf-v6-c-table__sort pf-m-selected pf-m-favorite"
+        class="pf-v6-c-table__th pf-v6-c-table__sort pf-m-selected pf-v6-c-table__favorite"
         role="columnheader"
         aria-sort="none"
         scope="col"
       >
-        <button class="pf-v6-c-table__button" aria-label="Favorite">
-          <span class="pf-v6-c-table__button-content">
-            <span class="pf-v6-c-table__text">
+        <div class="pf-v6-c-action-list pf-m-icons">
+          <div class="pf-v6-c-action-list__item">
+            <button
+              class="pf-v6-c-button pf-m-plain"
+              type="button"
+              aria-label="Favorite all"
+            >
               <i class="fas fa-star" aria-hidden="true"></i>
-            </span>
-            <span class="pf-v6-c-table__sort-indicator">
-              <i class="fas fa-long-arrow-alt-down"></i>
-            </span>
-          </span>
-        </button>
+            </button>
+          </div>
+          <div class="pf-v6-c-action-list__item">
+            <button
+              class="pf-v6-c-button pf-m-plain"
+              type="button"
+              aria-label="Sort favorites"
+            >
+              <span class="pf-v6-c-table__sort-indicator">
+                <i class="fas fa-long-arrow-alt-down"></i>
+              </span>
+            </button>
+          </div>
+        </div>
       </th>
 
       <th class="pf-v6-c-table__th" role="columnheader" scope="col">Repositories</th>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.0.0-alpha.150",
+  "version": "6.0.0-alpha.152",
   "keywords": [],
   "license": "MIT",
   "scripts": {

package/patternfly-base.css

@@ -1,3 +1,30 @@
+:where(html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6) {
+  padding: 0;
+  margin: 0;
+}
+
 *,
 *::before,
 *::after {
@@ -88,31 +115,8 @@ button) {
   cursor: pointer;
 }
 
-:where(html,
-body,
-p,
-ol,
-ul,
-li,
-dl,
-dt,
-dd,
-blockquote,
-figure,
-fieldset,
-legend,
-textarea,
-pre,
-iframe,
-hr,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6) {
-  padding: 0;
-  margin: 0;
+:where(.pf-v6-theme-dark) {
+  color-scheme: dark;
 }
 
 .pf-v6-screen-reader {

package/patternfly-no-globals.css

@@ -22847,6 +22847,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
 .pf-v6-c-table .pf-v6-c-table :is(.pf-v6-c-table__tbody, .pf-v6-c-table__tr:last-child) {
   border-block-end: 0;
 }
+.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
+  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
+}
 
 .pf-v6-c-table__text {
   --pf-v6-c-table--cell--MaxWidth: 100%;
@@ -22942,14 +22945,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
 .pf-v6-c-table .pf-v6-c-table__check,
 .pf-v6-c-table .pf-v6-c-table__toggle,
 .pf-v6-c-table .pf-v6-c-table__action,
-.pf-v6-c-table .pf-v6-c-table__favorite,
-.pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-favorite,
 .pf-v6-c-table .pf-v6-c-table__inline-edit-action,
 .pf-v6-c-table .pf-v6-c-table__draggable {
   --pf-v6-c-table--cell--MinWidth: 0;
   --pf-v6-c-table--cell--Width: 1%;
 }
 
+.pf-v6-c-table .pf-v6-c-table__favorite {
+  --pf-v6-c-table--cell--MaxWidth: auto;
+}
+
 .pf-v6-c-table__toggle {
   --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__toggle--PaddingBlockStart);
   --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__toggle--PaddingBlockEnd);
@@ -23087,8 +23092,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 .pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
   color: var(--pf-v6-c-table__sort__button__text--Color);
 }
-.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button {
+.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button {
   --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort--m-selected__sort-indicator--Color);
+}
+.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button .pf-v6-c-table__text, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button .pf-v6-c-table__text {
   color: var(--pf-v6-c-table__sort--m-selected__button--Color);
 }
 .pf-v6-c-table__sort.pf-m-help {

package/patternfly.css

@@ -1,4 +1,31 @@
 @charset "UTF-8";
+:where(html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6) {
+  padding: 0;
+  margin: 0;
+}
+
 *,
 *::before,
 *::after {
@@ -89,31 +116,8 @@ button) {
   cursor: pointer;
 }
 
-:where(html,
-body,
-p,
-ol,
-ul,
-li,
-dl,
-dt,
-dd,
-blockquote,
-figure,
-fieldset,
-legend,
-textarea,
-pre,
-iframe,
-hr,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6) {
-  padding: 0;
-  margin: 0;
+:where(.pf-v6-theme-dark) {
+  color-scheme: dark;
 }
 
 .pf-v6-screen-reader {
@@ -22964,6 +22968,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
 .pf-v6-c-table .pf-v6-c-table :is(.pf-v6-c-table__tbody, .pf-v6-c-table__tr:last-child) {
   border-block-end: 0;
 }
+.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
+  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
+}
 
 .pf-v6-c-table__text {
   --pf-v6-c-table--cell--MaxWidth: 100%;
@@ -23059,14 +23066,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
 .pf-v6-c-table .pf-v6-c-table__check,
 .pf-v6-c-table .pf-v6-c-table__toggle,
 .pf-v6-c-table .pf-v6-c-table__action,
-.pf-v6-c-table .pf-v6-c-table__favorite,
-.pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-favorite,
 .pf-v6-c-table .pf-v6-c-table__inline-edit-action,
 .pf-v6-c-table .pf-v6-c-table__draggable {
   --pf-v6-c-table--cell--MinWidth: 0;
   --pf-v6-c-table--cell--Width: 1%;
 }
 
+.pf-v6-c-table .pf-v6-c-table__favorite {
+  --pf-v6-c-table--cell--MaxWidth: auto;
+}
+
 .pf-v6-c-table__toggle {
   --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__toggle--PaddingBlockStart);
   --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__toggle--PaddingBlockEnd);
@@ -23204,8 +23213,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 .pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
   color: var(--pf-v6-c-table__sort__button__text--Color);
 }
-.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button {
+.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button {
   --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort--m-selected__sort-indicator--Color);
+}
+.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button .pf-v6-c-table__text, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button .pf-v6-c-table__text {
   color: var(--pf-v6-c-table__sort--m-selected__button--Color);
 }
 .pf-v6-c-table__sort.pf-m-help {