@patternfly/react-styles 6.0.0-alpha.1 → 6.0.0-alpha.2

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

@@ -1,13 +1,13 @@
 .pf-v5-c-table[class*=pf-m-grid] {
-  --pf-v5-c-table--responsive--BorderColor: var(--pf-v5-global--BorderColor--300);
-  --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-table__tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
   --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
-  --pf-v5-c-table__tbody--after--BorderColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--active);
+  --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
   --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
   --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table__tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
@@ -23,7 +23,7 @@
   --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
   --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
   --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
-  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--100);
+  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
   --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
   --pf-v5-c-table--m-grid--cell--PaddingTop: 0;
   --pf-v5-c-table--m-grid--cell--PaddingRight: 0;
@@ -47,8 +47,8 @@
   --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
   --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table__expandable-row-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-table__check--responsive--MarginTop: 0.875rem;
   --pf-v5-c-table--m-grid__favorite--MarginTop: 0.5rem;
   --pf-v5-c-table--m-grid__check--favorite--MarginLeft: var(--pf-v5-global--spacer--xl);

package/css/components/Table/table.css

@@ -60,26 +60,26 @@
 }
 
 .pf-v5-c-table {
-  --pf-v5-c-table--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-table--BorderColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-table--border-width--base: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-table__caption--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-table__caption--Color: var(--pf-v5-global--Color--200);
+  --pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
+  --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
   --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
   --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
   --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
   --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table__thead--cell--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-table__thead--cell--FontWeight: var(--pf-v5-global--FontWeight--bold);
-  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
   --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
   --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table--cell--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-table--cell--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-table--cell--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
+  --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
   --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
   --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
@@ -96,10 +96,10 @@
   --pf-v5-c-table--cell--TextOverflow: clip;
   --pf-v5-c-table--cell--WhiteSpace: normal;
   --pf-v5-c-table--cell--WordBreak: normal;
-  --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
+  --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
+  --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-table--cell--m-help--MinWidth: 11ch;
   --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
   --pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
@@ -110,33 +110,33 @@
   --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
   --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
   --pf-v5-c-table__button--BackgroundColor: transparent;
-  --pf-v5-c-table__button--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-table__button--hover--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-table__button--focus--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-table__button--active--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-table__button--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
   --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
   --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
   --pf-v5-c-table__check--input--MarginTop: 0.25rem;
-  --pf-v5-c-table__check--input--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-table--cell--m-favorite--Color: var(--pf-v5-global--Color--light-300);
-  --pf-v5-c-table__favorite--c-button--Color: var(--pf-v5-global--Color--light-300);
-  --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-v5-global--FontSize--sm);
+  --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body);
   --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
   --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
   --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
   --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
   --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-v5-global--palette--gold-400);
-  --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
   --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
   --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
   --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
   --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
-  --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
+  --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v5-c-table__action--PaddingTop: 0;
   --pf-v5-c-table__action--PaddingRight: 0;
   --pf-v5-c-table__action--PaddingBottom: 0;
@@ -154,7 +154,7 @@
   --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
   --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
   --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
-  --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-global--active-color--100);
+  --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
   --pf-v5-c-table__icon-inline--MarginRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-table__sort--MinWidth: calc(6ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft) + var(--pf-v5-c-table__sort-indicator--MarginLeft));
   --pf-v5-c-table__sort__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
@@ -164,19 +164,19 @@
   --pf-v5-c-table__sort__button--MarginTop: calc(var(--pf-v5-c-table__sort__button--PaddingTop) * -1);
   --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
   --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
-  --pf-v5-c-table__sort__button--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-v5-global--active-color--100);
+  --pf-v5-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--active);
   --pf-v5-c-table__sort--m-help--MinWidth: 15ch;
   --pf-v5-c-table__sort__button__text--Color: currentcolor;
   --pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
   --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
   --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
-  --pf-v5-c-table__sort-indicator--Color: var(--pf-v5-global--disabled-color--200);
+  --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
   --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
+  --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-table__th--m-help--MinWidth: 11ch;
   --pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
   --pf-v5-c-table__column-help--TranslateY: 0.125rem;
@@ -184,18 +184,18 @@
   --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
   --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-v5-global--link--Color--hover);
-  --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-v5-global--link--Color--hover);
-  --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-v5-global--link--Color--hover);
-  --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
+  --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
+  --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
+  --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--active);
+  --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
+  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
   --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
   --pf-v5-c-table__compound-expansion-toggle__button--before--Bottom: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
   --pf-v5-c-table__compound-expansion-toggle__button--before--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
   --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
-  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-v5-global--primary-color--100);
+  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
   --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
   --pf-v5-c-table__compound-expansion-toggle__button--after--Top: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
   --pf-v5-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
@@ -209,60 +209,60 @@
   --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
   --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-table--m-compact--FontSize: var(--pf-v5-global--FontSize--sm);
+  --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body);
   --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
   --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
-  --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
   --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
   --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
   --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
-  --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
-  --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
-  --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-table__tr--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
-  --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
+  --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
+  --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
+  --pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
+  --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
+  --pf-v5-c-table__tr--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
+  --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--selected);
+  --pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
   --pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
-  --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-table__tr--m-selected--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
-  --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
+  --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
+  --pf-v5-c-table__tr--m-selected--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
+  --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
   --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
   --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
-  --pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
-  --pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
+  --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
+  --pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
+  --pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
   --pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
   --pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
   --pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
   --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
-  --pf-v5-c-table__tbody--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
-  --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-table__tbody--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
-  --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-table__tbody--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
-  --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-v5-global--active-color--400);
-  --pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
-  --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
+  --pf-v5-c-table__tbody--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
+  --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-table__tbody--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
+  --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-table__tbody--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
+  --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--active);
+  --pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
+  --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
-  --pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
+  --pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
   --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
   --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
-  --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
-  --pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
-  --pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
+  --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
+  --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
+  --pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
+  --pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
   --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
   --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
   --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-table__subhead--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
+  --pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
   color: var(--pf-v5-global--Color--100);
   width: 100%;
@@ -514,27 +514,18 @@
 .pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__control-row > .pf-v5-c-table__compound-expansion-toggle:first-child > ::before {
   border-inline-start-width: 0;
 }
+.pf-v5-c-table tr.pf-m-clickable:last-child {
+  border-block-end-color: transparent;
+}
 .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
   cursor: pointer;
   background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
   outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
   box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
 }
-.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected {
-  box-shadow: var(--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow);
-}
-.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover {
-  --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--hover--BoxShadow);
+.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
   --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor);
 }
-.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus {
-  --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--focus--BoxShadow);
-  --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor);
-}
-.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
-  --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--active--BoxShadow);
-  --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--active--BackgroundColor);
-}
 .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
   --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
   --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);

package/css/components/Toolbar/toolbar.css

@@ -47,9 +47,8 @@
   }
 }
 
-.pf-v5-c-toolbar {
+:root {
   --pf-v5-c-toolbar--AlignItems--base: flex-start;
-  --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
   --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
   --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md);
@@ -124,6 +123,9 @@
   --pf-v5-c-toolbar--m-full-height--PaddingBottom: 0;
   --pf-v5-c-toolbar--m-full-height__item--Display: flex;
   --pf-v5-c-toolbar--m-full-height__item--AlignItems: center;
+}
+
+.pf-v5-c-toolbar {
   position: relative;
   display: grid;
   row-gap: var(--pf-v5-c-toolbar--RowGap);

package/css/docs/components/Nav/examples/Navigation.css

@@ -1,4 +1,5 @@
-.ws-core-c-navigation:not([id*="tertiary"]):not([id*="light-mode"]) .pf-v5-c-nav{
+.ws-core-c-navigation:not([id*="tertiary"]):not([id*="light-mode"]) .pf-v5-c-nav {
+  padding: 0;
   background-color: var(--pf-v5-global--BackgroundColor--dark-300);
 }
 

package/css/docs/components/Page/examples/Page.css

@@ -1,11 +1,3 @@
-.ws-core-c-page :is(.pf-v5-c-page__sidebar, .pf-v5-c-page__main-subnav) {
-  color: var(--pf-v5-global--Color--light-100);
-}
-
-.ws-core-c-page .pf-v5-c-page__main-section.pf-m-dark-200 {
-  color: var(--pf-v5-global--Color--dark-100);
-}
-
 #ws-core-c-page-with-or-without-fill .ws-preview-html,
 #ws-core-c-page-multiple-sidebar-body-elements-padding-and-fill .ws-preview-html {
   height: 500px;

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

@@ -1,12 +1,5 @@
 import './Page.css';
 declare const _default: {
-  "modifiers": {
-    "dark_200": "pf-m-dark-200"
-  },
-  "pageMainSection": "pf-v5-c-page__main-section",
-  "pageMainSubnav": "pf-v5-c-page__main-subnav",
-  "pageSidebar": "pf-v5-c-page__sidebar",
-  "wsCoreCPage": "ws-core-c-page",
   "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

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

@@ -2,12 +2,5 @@
 exports.__esModule = true;
 require('./Page.css');
 exports.default = {
-  "modifiers": {
-    "dark_200": "pf-m-dark-200"
-  },
-  "pageMainSection": "pf-v5-c-page__main-section",
-  "pageMainSubnav": "pf-v5-c-page__main-subnav",
-  "pageSidebar": "pf-v5-c-page__sidebar",
-  "wsCoreCPage": "ws-core-c-page",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -1,11 +1,4 @@
 import './Page.css';
 export default {
-  "modifiers": {
-    "dark_200": "pf-m-dark-200"
-  },
-  "pageMainSection": "pf-v5-c-page__main-section",
-  "pageMainSubnav": "pf-v5-c-page__main-subnav",
-  "pageSidebar": "pf-v5-c-page__sidebar",
-  "wsCoreCPage": "ws-core-c-page",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/demos/Toolbar/examples/Toolbar.css

@@ -5,6 +5,11 @@
   min-height: 420px;
 }
 
+#ws-html-demos-c-toolbar-toolbar-attribute-value-single-select-filter-on-desktop,
+#ws-html-demos-c-toolbar-toolbar-attribute-value-checkbox-select-filter-on-desktop {
+  min-height: 320px;
+}
+
 #ws-html-demos-c-toolbar-toolbar-attribute-value-search-filter-on-mobile {
   min-height: 175px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "6.0.0-alpha.1",
+  "version": "6.0.0-alpha.2",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "5.1.0-prerelease.28",
+    "@patternfly/patternfly": "6.0.0-alpha.12",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^11.1.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.7.4"
   },
   "license": "MIT",
-  "gitHead": "abccf530a0a642a4d7b4eda6ada09c5822c855b0"
+  "gitHead": "e097336a87fa3cd2ab41654bec28d120beed10bc"
 }

package/css/docs/components/NotificationBadge/examples/NotificationBadge.css

@@ -1,3 +0,0 @@
-.ws-core-c-notification-badge {
-  background: var(--pf-v5-global--BackgroundColor--dark-100);
-}

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

@@ -1,5 +0,0 @@
-import './NotificationBadge.css';
-declare const _default: {
-  "wsCoreCNotificationBadge": "ws-core-c-notification-badge"
-};
-export default _default;

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

@@ -1,6 +0,0 @@
-"use strict";
-exports.__esModule = true;
-require('./NotificationBadge.css');
-exports.default = {
-  "wsCoreCNotificationBadge": "ws-core-c-notification-badge"
-};

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

@@ -1,4 +0,0 @@
-import './NotificationBadge.css';
-export default {
-  "wsCoreCNotificationBadge": "ws-core-c-notification-badge"
-};