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

package/css/components/Button/button.css

@@ -1,173 +1,178 @@
 .pf-v5-c-button {
-  --pf-v5-c-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
-  --pf-v5-c-button--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
-  --pf-v5-c-button--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-button--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-button--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-button--FontSize: var(--pf-v5-global--FontSize--md);
+  --pf-v5-c-button--PaddingTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-button--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-button--PaddingBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-button--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
+  --pf-v5-c-button--FontWeight: var(--pf-t--global--font--weight--body);
+  --pf-v5-c-button--FontSize: var(--pf-t--global--font--size--body--md);
   --pf-v5-c-button--BackgroundColor: transparent;
-  --pf-v5-c-button--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
-  --pf-v5-c-button--after--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
+  --pf-v5-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
   --pf-v5-c-button--after--BorderColor: transparent;
-  --pf-v5-c-button--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-button--hover--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-button--focus--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-button--active--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--100);
-  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
+  --pf-v5-c-button--after--BorderWidth: var(--pf-t--global--border--width--button--default);
+  --pf-v5-c-button--hover--after--BorderWidth: var(--pf-t--global--border--width--button--hover);
+  --pf-v5-c-button--focus--after--BorderWidth: var(--pf-t--global--border--width--button--active);
+  --pf-v5-c-button--active--after--BorderWidth: var(--pf-t--global--border--width--button--active);
+  --pf-v5-c-button--disabled--Color: var(--pf-t--global--text--color--disabled--default);
+  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
   --pf-v5-c-button--disabled--after--BorderColor: transparent;
-  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--Color--light-100);
-  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
-  --pf-v5-c-button--m-primary--hover--Color: var(--pf-v5-global--Color--light-100);
-  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
-  --pf-v5-c-button--m-primary--focus--Color: var(--pf-v5-global--Color--light-100);
-  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
-  --pf-v5-c-button--m-primary--active--Color: var(--pf-v5-global--Color--light-100);
+  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
+  --pf-v5-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
+  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
+  --pf-v5-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
+  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-t--global--color--brand--active);
+  --pf-v5-c-button--m-primary--focus--Color: var(--pf-t--global--text--color--on-brand--active);
+  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--active);
+  --pf-v5-c-button--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--active);
   --pf-v5-c-button--m-secondary--BackgroundColor: transparent;
-  --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-button--m-secondary--Color: var(--pf-v5-global--primary-color--100);
+  --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-t--global--border--color--brand--default);
+  --pf-v5-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
   --pf-v5-c-button--m-secondary--hover--BackgroundColor: transparent;
-  --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-button--m-secondary--hover--Color: var(--pf-v5-global--primary-color--100);
+  --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--pf-t--global--border--color--brand--hover);
+  --pf-v5-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
   --pf-v5-c-button--m-secondary--focus--BackgroundColor: transparent;
-  --pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-button--m-secondary--focus--Color: var(--pf-v5-global--primary-color--100);
+  --pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--pf-t--global--border--color--brand--active);
+  --pf-v5-c-button--m-secondary--focus--Color: var(--pf-t--global--text--color--brand--active);
   --pf-v5-c-button--m-secondary--active--BackgroundColor: transparent;
-  --pf-v5-c-button--m-secondary--active--after--BorderColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-button--m-secondary--active--Color: var(--pf-v5-global--primary-color--100);
+  --pf-v5-c-button--m-secondary--active--after--BorderColor: var(--pf-t--global--border--color--brand--active);
+  --pf-v5-c-button--m-secondary--active--Color: var(--pf-t--global--text--color--brand--active);
   --pf-v5-c-button--m-secondary--m-danger--BackgroundColor: transparent;
-  --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-v5-global--danger-color--100);
-  --pf-v5-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-v5-global--danger-color--100);
+  --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
+  --pf-v5-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
   --pf-v5-c-button--m-secondary--m-danger--hover--BackgroundColor: transparent;
-  --pf-v5-c-button--m-secondary--m-danger--hover--Color: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-v5-global--danger-color--100);
+  --pf-v5-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
+  --pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
   --pf-v5-c-button--m-secondary--m-danger--focus--BackgroundColor: transparent;
-  --pf-v5-c-button--m-secondary--m-danger--focus--Color: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-v5-global--danger-color--100);
+  --pf-v5-c-button--m-secondary--m-danger--focus--Color: var(--pf-t--global--text--color--status--danger--active);
+  --pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-t--global--border--color--status--danger--active);
   --pf-v5-c-button--m-secondary--m-danger--active--BackgroundColor: transparent;
-  --pf-v5-c-button--m-secondary--m-danger--active--Color: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-v5-global--danger-color--100);
+  --pf-v5-c-button--m-secondary--m-danger--active--Color: var(--pf-t--global--text--color--status--danger--active);
+  --pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-t--global--border--color--status--danger--active);
   --pf-v5-c-button--m-tertiary--BackgroundColor: transparent;
-  --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--Color--100);
-  --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-button--m-tertiary--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-button--m-tertiary--hover--BackgroundColor: transparent;
-  --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--Color--100);
-  --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
+  --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-button--m-tertiary--focus--BackgroundColor: transparent;
-  --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--Color--100);
-  --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-t--global--border--color--active);
+  --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-button--m-tertiary--active--BackgroundColor: transparent;
-  --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--Color--100);
-  --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-v5-global--warning-color--100);
-  --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--Color--dark-100);
-  --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--palette--gold-500);
-  --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--Color--dark-100);
-  --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--palette--gold-500);
-  --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--Color--dark-100);
-  --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--palette--gold-500);
-  --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--Color--dark-100);
-  --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-global--danger-color--100);
-  --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--Color--light-100);
-  --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--Color--light-100);
-  --pf-v5-c-button--m-danger--focus--BackgroundColor: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--Color--light-100);
-  --pf-v5-c-button--m-danger--active--BackgroundColor: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--Color--light-100);
+  --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-t--global--border--color--active);
+  --pf-v5-c-button--m-tertiary--active--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
+  --pf-v5-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
+  --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
+  --pf-v5-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
+  --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-t--global--color--status--warning--active);
+  --pf-v5-c-button--m-warning--focus--Color: var(--pf-t--global--text--color--status--on-warning--hover);
+  --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-t--global--color--status--warning--active);
+  --pf-v5-c-button--m-warning--active--Color: var(--pf-t--global--text--color--status--on-warning--hover);
+  --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
+  --pf-v5-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
+  --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
+  --pf-v5-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
+  --pf-v5-c-button--m-danger--focus--BackgroundColor: var(--pf-t--global--color--status--danger--active);
+  --pf-v5-c-button--m-danger--focus--Color: var(--pf-t--global--text--color--status--on-danger--hover);
+  --pf-v5-c-button--m-danger--active--BackgroundColor: var(--pf-t--global--color--status--danger--active);
+  --pf-v5-c-button--m-danger--active--Color: var(--pf-t--global--text--color--status--on-danger--hover);
   --pf-v5-c-button--m-link--BackgroundColor: transparent;
-  --pf-v5-c-button--m-link--Color: var(--pf-v5-global--link--Color);
+  --pf-v5-c-button--m-link--Color: var(--pf-t--global--text--color--link--default);
   --pf-v5-c-button--m-link--hover--BackgroundColor: transparent;
-  --pf-v5-c-button--m-link--hover--Color: var(--pf-v5-global--link--Color--hover);
+  --pf-v5-c-button--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
   --pf-v5-c-button--m-link--focus--BackgroundColor: transparent;
-  --pf-v5-c-button--m-link--focus--Color: var(--pf-v5-global--link--Color--hover);
+  --pf-v5-c-button--m-link--focus--Color: var(--pf-t--global--text--color--link--hover);
   --pf-v5-c-button--m-link--active--BackgroundColor: transparent;
-  --pf-v5-c-button--m-link--active--Color: var(--pf-v5-global--link--Color--hover);
+  --pf-v5-c-button--m-link--active--Color: var(--pf-t--global--text--color--link--hover);
   --pf-v5-c-button--m-link--disabled--BackgroundColor: transparent;
-  --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
+  --pf-v5-c-button--m-link--disabled--Color: var(--pf-t--global--text--color--disabled--light);
+  --pf-v5-c-button--m-link--not--m-inline--TextDecoration: none;
   --pf-v5-c-button--m-link--m-inline--FontSize: inherit;
-  --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
-  --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-v5-global--link--Color--hover);
+  --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
+  --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--link--hover);
   --pf-v5-c-button--m-link--m-inline--PaddingTop: 0;
   --pf-v5-c-button--m-link--m-inline--PaddingRight: 0;
   --pf-v5-c-button--m-link--m-inline--PaddingBottom: 0;
   --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
-  --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-v5-global--spacer--sm));
+  --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-t--global--spacer--sm));
   --pf-v5-c-button--m-link--m-danger--BackgroundColor: transparent;
-  --pf-v5-c-button--m-link--m-danger--Color: var(--pf-v5-global--danger-color--100);
+  --pf-v5-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
   --pf-v5-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
-  --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-v5-global--danger-color--200);
+  --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
   --pf-v5-c-button--m-link--m-danger--focus--BackgroundColor: transparent;
-  --pf-v5-c-button--m-link--m-danger--focus--Color: var(--pf-v5-global--danger-color--200);
+  --pf-v5-c-button--m-link--m-danger--focus--Color: var(--pf-t--global--text--color--status--danger--active);
   --pf-v5-c-button--m-link--m-danger--active--BackgroundColor: transparent;
-  --pf-v5-c-button--m-link--m-danger--active--Color: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-button--m-plain--BackgroundColor: transparent;
-  --pf-v5-c-button--m-plain--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-button--m-plain--hover--BackgroundColor: transparent;
-  --pf-v5-c-button--m-plain--hover--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-button--m-link--m-danger--active--Color: var(--pf-t--global--text--color--status--danger--active);
+  --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
+  --pf-v5-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v5-c-button--m-plain--PaddingTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-button--m-plain--PaddingRight: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-button--m-plain--PaddingBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v5-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
+  --pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-button--m-plain--focus--BackgroundColor: transparent;
-  --pf-v5-c-button--m-plain--focus--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-button--m-plain--focus--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-button--m-plain--active--BackgroundColor: transparent;
-  --pf-v5-c-button--m-plain--active--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
+  --pf-v5-c-button--m-plain--active--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
   --pf-v5-c-button--m-plain--disabled--BackgroundColor: transparent;
-  --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-button--m-control--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-button--m-control--BorderRadius: 0;
-  --pf-v5-c-button--m-control--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-v5-global--BorderColor--300);
-  --pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-v5-global--BorderColor--300);
-  --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
-  --pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
-  --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
-  --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-button--m-control--hover--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-button--m-control--active--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-button--m-control--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-button--m-control--focus--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-button--m-control--m-expanded--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
+  --pf-v5-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
+  --pf-v5-c-button--m-control--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v5-c-button--m-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
+  --pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
+  --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
+  --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-t--global--background--color--secondary--hover);
+  --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-button--m-control--active--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-button--m-control--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
+  --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-t--global--color--brand--active);
+  --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-t--global--background--color--brand--active);
+  --pf-v5-c-button--m-control--focus--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
+  --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-t--global--color--brand--hover);
+  --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-button--m-control--m-expanded--Color: var(--pf-t--global--text--color--inverse);
+  --pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--200);
+  --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-t--global--color--brand--hover);
   --pf-v5-c-button--m-small--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-button--m-display-lg--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-button--m-display-lg--PaddingRight: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-button--m-display-lg--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-button--m-display-lg--PaddingLeft: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-button--m-display-lg--FontWeight: var(--pf-v5-global--FontWeight--bold);
-  --pf-v5-c-button--m-link--m-display-lg--FontSize: var(--pf-v5-global--FontSize--lg);
-  --pf-v5-c-button__icon--m-start--MarginRight: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-button__icon--m-end--MarginLeft: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-button--m-display-lg--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-button--m-display-lg--PaddingRight: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-button--m-display-lg--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-button--m-display-lg--PaddingLeft: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v5-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
+  --pf-v5-c-button__icon--m-start--MarginRight: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-button__icon--m-end--MarginLeft: var(--pf-t--global--spacer--xs);
   --pf-v5-c-button__progress--width: calc(var(--pf-v5-global--icon--FontSize--md) + var(--pf-v5-global--spacer--sm));
   --pf-v5-c-button__progress--Opacity: 0;
   --pf-v5-c-button__progress--TranslateY: -50%;
   --pf-v5-c-button__progress--TranslateX: 0;
   --pf-v5-c-button__progress--Top: 50%;
-  --pf-v5-c-button__progress--Left: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-button__progress--Left: var(--pf-t--global--spacer--md);
   --pf-v5-c-button--m-progress--TransitionProperty: padding;
   --pf-v5-c-button--m-progress--TransitionDuration: var(--pf-v5-global--TransitionDuration);
-  --pf-v5-c-button--m-progress--PaddingRight: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
-  --pf-v5-c-button--m-progress--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
-  --pf-v5-c-button--m-in-progress--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-button--m-in-progress--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width));
-  --pf-v5-c-button--m-in-progress--m-plain--Color: var(--pf-v5-global--primary-color--100);
+  --pf-v5-c-button--m-progress--PaddingRight: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
+  --pf-v5-c-button--m-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
+  --pf-v5-c-button--m-in-progress--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-button--m-in-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width));
+  --pf-v5-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--color--brand--default);
   --pf-v5-c-button--m-in-progress--m-plain__progress--Left: 50%;
   --pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
   --pf-v5-c-button__count--MarginLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-button--disabled__c-badge--Color: var(--pf-v5-global--Color--dark-100);
-  --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--BorderColor--300);
-  --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled--default);
+  --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
+  --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-t--global--border--width--300);
   position: relative;
   display: inline-block;
   padding-block-start: var(--pf-v5-c-button--PaddingTop);
@@ -193,7 +198,7 @@
   content: "";
   border: var(--pf-v5-c-button--after--BorderWidth) solid;
   border-color: var(--pf-v5-c-button--after--BorderColor);
-  border-radius: var(--pf-v5-c-button--after--BorderRadius);
+  border-radius: var(--pf-v5-c-button--BorderRadius);
 }
 .pf-v5-c-button:hover {
   --pf-v5-c-button--after--BorderWidth: var(--pf-v5-c-button--hover--after--BorderWidth);
@@ -231,10 +236,6 @@
   --pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--focus--Color);
   --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--focus--BackgroundColor);
 }
-.pf-v5-c-button.pf-m-primary:active, .pf-v5-c-button.pf-m-primary.pf-m-active {
-  --pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--active--Color);
-  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--active--BackgroundColor);
-}
 .pf-v5-c-button.pf-m-primary .pf-v5-c-badge.pf-m-unread {
   border: var(--pf-v5-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-v5-c-button--m-primary__c-badge--BorderColor);
 }
@@ -284,6 +285,9 @@
   color: var(--pf-v5-c-button--m-link--Color);
   background-color: var(--pf-v5-c-button--m-link--BackgroundColor);
 }
+.pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover, .pf-v5-c-button.pf-m-link:not(.pf-m-inline):focus, .pf-v5-c-button.pf-m-link:not(.pf-m-inline):active {
+  text-decoration: var(--pf-t--global--link--text-decoration--hover);
+}
 .pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover {
   --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--hover--Color);
   --pf-v5-c-button--m-link--BackgroundColor: var(--pf-v5-c-button--m-link--hover--BackgroundColor);
@@ -310,7 +314,6 @@
 }
 .pf-v5-c-button.pf-m-link.pf-m-inline:hover {
   --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--m-inline--hover--Color);
-  text-decoration: var(--pf-v5-c-button--m-link--m-inline--hover--TextDecoration);
 }
 .pf-v5-c-button.pf-m-link.pf-m-display-lg {
   --pf-v5-c-button--FontSize: var(--pf-v5-c-button--m-link--m-display-lg--FontSize);
@@ -429,15 +432,20 @@
 .pf-v5-c-button.pf-m-plain {
   --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
   --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
+  --pf-v5-c-button--PaddingTop: var(--pf-v5-c-button--m-plain--PaddingTop);
+  --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-plain--PaddingRight);
+  --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-button--m-plain--PaddingBottom);
+  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-plain--PaddingLeft);
+  --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-plain--BorderRadius);
   color: var(--pf-v5-c-button--m-plain--Color);
   background-color: var(--pf-v5-c-button--m-plain--BackgroundColor);
 }
 .pf-v5-c-button.pf-m-plain.pf-m-no-padding {
   padding: 0;
 }
-.pf-v5-c-button.pf-m-plain:hover {
-  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--hover--Color);
+.pf-v5-c-button.pf-m-plain:hover, .pf-v5-c-button.pf-m-plain:focus, .pf-v5-c-button.pf-m-plain:active {
   --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
+  mix-blend-mode: var(--pf-t--global--background--color--action--plain--hover--blend);
 }
 .pf-v5-c-button.pf-m-plain:active, .pf-v5-c-button.pf-m-plain.pf-m-active {
   --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--active--Color);
@@ -510,49 +518,4 @@
   display: inline-flex;
   align-items: center;
   margin-inline-start: var(--pf-v5-c-button__count--MarginLeft);
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-button {
-  --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
-  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
-  --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
-  --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100);
-  --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--palette--black-100);
-  --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--palette--black-100);
-  --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--palette--black-100);
-  --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--palette--black-900);
-  --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--palette--black-900);
-  --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--palette--black-900);
-  --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--palette--black-900);
-  --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--warning-color--200);
-  --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--warning-color--200);
-  --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--warning-color--200);
-  --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--palette--black-900);
-  --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900);
-  --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900);
-  --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900);
-  --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
-  --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-button--m-control--after--BorderTopColor: transparent;
-  --pf-v5-c-button--m-control--after--BorderRightColor: transparent;
-  --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
-  --pf-v5-c-button--m-control--after--BorderLeftColor: transparent;
-  --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
-  --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--Color--100);
-}
-:where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
-  border: 0;
-  border-block-end: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
 }

package/css/components/Button/button.d.ts

@@ -29,7 +29,6 @@ declare const _default: {
     "start": "pf-m-start",
     "end": "pf-m-end"
   },
-  "spinner": "pf-v5-c-spinner",
-  "themeDark": "pf-v5-theme-dark"
+  "spinner": "pf-v5-c-spinner"
 };
 export default _default;

package/css/components/Button/button.js

@@ -31,6 +31,5 @@ exports.default = {
     "start": "pf-m-start",
     "end": "pf-m-end"
   },
-  "spinner": "pf-v5-c-spinner",
-  "themeDark": "pf-v5-theme-dark"
+  "spinner": "pf-v5-c-spinner"
 };

package/css/components/Button/button.mjs

@@ -29,6 +29,5 @@ export default {
     "start": "pf-m-start",
     "end": "pf-m-end"
   },
-  "spinner": "pf-v5-c-spinner",
-  "themeDark": "pf-v5-theme-dark"
+  "spinner": "pf-v5-c-spinner"
 };

package/css/components/Content/content.css

@@ -1,73 +1,73 @@
 .pf-v5-c-content {
-  --pf-v5-c-content--MarginBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-content--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-content--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-content--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-content--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-content--heading--FontFamily: var(--pf-v5-global--FontFamily--heading);
-  --pf-v5-c-content--h1--MarginTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-content--h1--MarginBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-content--h1--LineHeight: var(--pf-v5-global--LineHeight--sm);
-  --pf-v5-c-content--h1--FontSize: var(--pf-v5-global--FontSize--2xl);
-  --pf-v5-c-content--h1--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-content--h2--MarginTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-content--h2--MarginBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-content--h2--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-content--h2--FontSize: var(--pf-v5-global--FontSize--xl);
-  --pf-v5-c-content--h2--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-content--h3--MarginTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-content--h3--MarginBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-content--h3--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-content--h3--FontSize: var(--pf-v5-global--FontSize--lg);
-  --pf-v5-c-content--h3--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-content--h4--MarginTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-content--h4--MarginBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-content--h4--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-content--h4--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-content--h4--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-content--h5--MarginTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-content--h5--MarginBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-content--h5--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-content--h5--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-content--h5--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-content--h6--MarginTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-content--h6--MarginBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-content--h6--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-content--h6--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-content--h6--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-content--small--MarginBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-content--small--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-content--small--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-content--small--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-content--a--Color: var(--pf-v5-global--link--Color);
-  --pf-v5-c-content--a--TextDecoration: var(--pf-v5-global--link--TextDecoration);
-  --pf-v5-c-content--a--hover--Color: var(--pf-v5-global--link--Color--hover);
-  --pf-v5-c-content--a--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
-  --pf-v5-c-content--a--visited--Color: var(--pf-v5-global--link--Color--visited);
-  --pf-v5-c-content--blockquote--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-content--blockquote--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-content--blockquote--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-content--blockquote--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-content--blockquote--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-v5-global--BorderWidth--lg);
-  --pf-v5-c-content--ol--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-content--ol--MarginLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-content--ol--nested--MarginTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-content--ol--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-content--ul--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-content--ul--MarginLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-content--ul--nested--MarginTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-content--ul--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-content--MarginBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
+  --pf-v5-c-content--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-content--FontWeight: var(--pf-t--global--font--weight--body);
+  --pf-v5-c-content--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
+  --pf-v5-c-content--h1--MarginTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-content--h1--MarginBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v5-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--lg);
+  --pf-v5-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading);
+  --pf-v5-c-content--h2--MarginTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-content--h2--MarginBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-content--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v5-c-content--h2--FontSize: var(--pf-t--global--font--size--heading--md);
+  --pf-v5-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading);
+  --pf-v5-c-content--h3--MarginTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-content--h3--MarginBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-content--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v5-c-content--h3--FontSize: var(--pf-t--global--font--size--heading--sm);
+  --pf-v5-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading);
+  --pf-v5-c-content--h4--MarginTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-content--h4--MarginBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-content--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v5-c-content--h4--FontSize: var(--pf-t--global--font--size--heading--xs);
+  --pf-v5-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading);
+  --pf-v5-c-content--h5--MarginTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-content--h5--MarginBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-content--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v5-c-content--h5--FontSize: var(--pf-t--global--font--size--heading--xs);
+  --pf-v5-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading);
+  --pf-v5-c-content--h6--MarginTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-content--h6--MarginBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v5-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--xs);
+  --pf-v5-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading);
+  --pf-v5-c-content--small--MarginBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
+  --pf-v5-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v5-c-content--small--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-content--a--Color: var(--pf-t--global--text--color--link--default);
+  --pf-v5-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
+  --pf-v5-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
+  --pf-v5-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
+  --pf-v5-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
+  --pf-v5-c-content--blockquote--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-content--blockquote--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-content--blockquote--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-content--blockquote--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-t--global--border--width--300);
+  --pf-v5-c-content--ol--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-content--ol--MarginLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-content--ol--nested--MarginTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-content--ol--nested--MarginLeft: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-content--ul--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-content--ul--MarginLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-content--ul--nested--MarginTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-content--ul--nested--MarginLeft: var(--pf-t--global--spacer--sm);
   --pf-v5-c-content--ul--ListStyle: var(--pf-v5-global--ListStyle);
-  --pf-v5-c-content--li--MarginTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-content--dl--ColumnGap: var(--pf-v5-global--spacer--2xl);
-  --pf-v5-c-content--dl--RowGap: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-content--dt--FontWeight: var(--pf-v5-global--FontWeight--bold);
-  --pf-v5-c-content--dt--MarginTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-content--li--MarginTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
+  --pf-v5-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
+  --pf-v5-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v5-c-content--dt--MarginTop: var(--pf-t--global--spacer--md);
   --pf-v5-c-content--dt--sm--MarginTop: 0;
-  --pf-v5-c-content--hr--Height: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-content--hr--BackgroundColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-content--hr--Height: var(--pf-t--global--border--width--divider--default);
+  --pf-v5-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
   font-size: var(--pf-v5-c-content--FontSize);
   line-height: var(--pf-v5-c-content--LineHeight);
   color: var(--pf-v5-c-content--Color);