@patternfly/react-styles 5.2.0-prerelease.5 → 6.0.0-alpha.2

package/css/components/Radio/radio.css

@@ -5,8 +5,7 @@
   --pf-v5-c-radio__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
   --pf-v5-c-radio__label--FontSize: var(--pf-v5-global--FontSize--md);
   --pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-radio__input--TranslateY: calc((var(--pf-v5-c-radio__label--LineHeight) * var(--pf-v5-c-radio__label--FontSize) / 2 ) - 50%);
-  --pf-v5-c-radio__input--TranslateY--moz: var(--pf-v5-c-radio__input--TranslateY);
+  --pf-v5-c-radio__input--TranslateY--moz: 5px;
   --pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
   --pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
   --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -19,14 +18,19 @@
 }
 .pf-v5-c-radio.pf-m-standalone {
   --pf-v5-c-radio--GridGap: 0;
-  --pf-v5-c-radio__input--TranslateY: none;
-  display: inline-grid;
+  --pf-v5-c-radio__input--TranslateY--moz: 0;
+  width: auto;
+}
+
+.pf-v5-c-radio__label {
+  font-size: var(--pf-v5-c-radio__label--FontSize);
+  font-weight: var(--pf-v5-c-radio__label--FontWeight);
+  line-height: var(--pf-v5-c-radio__label--LineHeight);
+  color: var(--pf-v5-c-radio__label--Color);
 }
 
 .pf-v5-c-radio__input {
-  align-self: start;
   -moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
-  transform: translateY(var(--pf-v5-c-radio__input--TranslateY));
 }
 .pf-v5-c-radio__input:first-child {
   margin-inline-start: var(--pf-v5-c-radio__input--first-child--MarginLeft);
@@ -35,13 +39,6 @@
   margin-inline-end: var(--pf-v5-c-radio__input--last-child--MarginRight);
 }
 
-.pf-v5-c-radio__label {
-  font-size: var(--pf-v5-c-radio__label--FontSize);
-  font-weight: var(--pf-v5-c-radio__label--FontWeight);
-  line-height: var(--pf-v5-c-radio__label--LineHeight);
-  color: var(--pf-v5-c-radio__label--Color);
-}
-
 .pf-v5-c-radio__description {
   grid-column: 2;
   font-size: var(--pf-v5-c-radio__description--FontSize);

package/css/components/Switch/switch.css

@@ -56,7 +56,7 @@
   cursor: pointer;
   opacity: 0;
 }
-.pf-v5-c-switch__input:focus-visible ~ .pf-v5-c-switch__toggle {
+.pf-v5-c-switch__input:focus ~ .pf-v5-c-switch__toggle {
   outline: var(--pf-v5-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v5-c-switch__input--focus__toggle--OutlineColor);
   outline-offset: var(--pf-v5-c-switch__input--focus__toggle--OutlineOffset);
 }

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,34 +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.1875rem;
-  --pf-v5-c-table__thead__check--input--TranslateY: var(--pf-v5-c-table__check--input--MarginTop);
-  --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--MarginTop: 0.25rem;
+  --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;
@@ -155,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);
@@ -165,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;
@@ -185,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);
@@ -210,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%;
@@ -515,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);
@@ -751,16 +741,13 @@
   cursor: pointer;
 }
 .pf-v5-c-table__check label {
-  display: inline-flex;
+  display: block;
   padding: inherit;
   margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
   margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
   margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
   margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
 }
-.pf-v5-c-table__thead .pf-v5-c-check.pf-m-standalone {
-  --pf-v5-c-check__input--TranslateY: var(--pf-v5-c-table__thead__check--input--TranslateY);
-}
 
 .pf-v5-c-table__favorite .pf-v5-c-button {
   --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);

package/css/components/Table/table.d.ts

@@ -1,7 +1,6 @@
 import './table.css';
 declare const _default: {
   "button": "pf-v5-c-button",
-  "check": "pf-v5-c-check",
   "checkInput": "pf-v5-c-check__input",
   "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
@@ -40,7 +39,6 @@ declare const _default: {
     "selected": "pf-m-selected",
     "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
     "dragOver": "pf-m-drag-over",
-    "standalone": "pf-m-standalone",
     "favorited": "pf-m-favorited",
     "noPadding": "pf-m-no-padding",
     "compact": "pf-m-compact",

package/css/components/Table/table.js

@@ -3,7 +3,6 @@ exports.__esModule = true;
 require('./table.css');
 exports.default = {
   "button": "pf-v5-c-button",
-  "check": "pf-v5-c-check",
   "checkInput": "pf-v5-c-check__input",
   "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
@@ -42,7 +41,6 @@ exports.default = {
     "selected": "pf-m-selected",
     "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
     "dragOver": "pf-m-drag-over",
-    "standalone": "pf-m-standalone",
     "favorited": "pf-m-favorited",
     "noPadding": "pf-m-no-padding",
     "compact": "pf-m-compact",

package/css/components/Table/table.mjs

@@ -1,7 +1,6 @@
 import './table.css';
 export default {
   "button": "pf-v5-c-button",
-  "check": "pf-v5-c-check",
   "checkInput": "pf-v5-c-check__input",
   "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
@@ -40,7 +39,6 @@ export default {
     "selected": "pf-m-selected",
     "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
     "dragOver": "pf-m-drag-over",
-    "standalone": "pf-m-standalone",
     "favorited": "pf-m-favorited",
     "noPadding": "pf-m-no-padding",
     "compact": "pf-m-compact",

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);
@@ -115,9 +114,6 @@
   --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
   --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element);
   --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
-  --pf-v5-c-toolbar__item--m-form-element--spacer: var(--pf-v5-c-toolbar__item--spacer);
-  --pf-v5-c-toolbar__item--m-form-element--TranslateY: var(--pf-v5-global--spacer--form-element);
-  --pf-v5-c-toolbar__item--m-form-element--FontWeight: var(--pf-v5-global--FontWeight--bold);
   --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element);
   --pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-v5-global--spacer--sm));
   --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -127,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);
@@ -364,12 +363,7 @@
 .pf-v5-c-toolbar__item.pf-m-label {
   --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
   font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
-  transform: translateY(var(--pf-v5-c-toolbar__item--m-label--TranslateY));
-}
-.pf-v5-c-toolbar__item.pf-m-form-element {
-  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-form-element--spacer);
-  font-weight: var(--pf-v5-c-toolbar__item--m-form-element--FontWeight);
-  transform: translateY(var(--pf-v5-c-toolbar__item--m-form-element--TranslateY));
+  transform: translateY(var(--pf-v5-global--spacer--form-element));
 }
 .pf-v5-c-toolbar__item.pf-m-pagination {
   margin-inline-start: auto;

package/css/components/Toolbar/toolbar.d.ts

@@ -37,7 +37,6 @@ declare const _default: {
     "searchFilter": "pf-m-search-filter",
     "chipGroup": "pf-m-chip-group",
     "label": "pf-m-label",
-    "formElement": "pf-m-form-element",
     "pagination": "pf-m-pagination",
     "overflowContainer": "pf-m-overflow-container",
     "chipContainer": "pf-m-chip-container",

package/css/components/Toolbar/toolbar.js

@@ -39,7 +39,6 @@ exports.default = {
     "searchFilter": "pf-m-search-filter",
     "chipGroup": "pf-m-chip-group",
     "label": "pf-m-label",
-    "formElement": "pf-m-form-element",
     "pagination": "pf-m-pagination",
     "overflowContainer": "pf-m-overflow-container",
     "chipContainer": "pf-m-chip-container",

package/css/components/Toolbar/toolbar.mjs

@@ -37,7 +37,6 @@ export default {
     "searchFilter": "pf-m-search-filter",
     "chipGroup": "pf-m-chip-group",
     "label": "pf-m-label",
-    "formElement": "pf-m-form-element",
     "pagination": "pf-m-pagination",
     "overflowContainer": "pf-m-overflow-container",
     "chipContainer": "pf-m-chip-container",

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

@@ -13,13 +13,3 @@
 #ws-html-demos-c-toolbar-toolbar-attribute-value-search-filter-on-mobile {
   min-height: 175px;
 }
-
-.pf-v5-c-menu-toggle + .pf-v5-c-panel {
-  position: absolute;
-  top: calc(100% + 2px);
-  z-index: var(--pf-v5-global--ZIndex--sm);
-}
-
-.ws-html-demos-c-toolbar .pf-v5-c-toolbar__item {
-  position: relative;
-}