@patternfly/react-styles 6.0.0-alpha.11 → 6.0.0-alpha.13

package/css/components/DualListSelector/dual-list-selector.css

@@ -1,4 +1,4 @@
-.pf-v5-c-dual-list-selector {
+:where(:root), :where(.pf-v5-c-dual-list-selector) {
   --pf-v5-c-dual-list-selector__header--GridArea: pane-header;
   --pf-v5-c-dual-list-selector__tools--GridArea: pane-tools;
   --pf-v5-c-dual-list-selector__status--GridArea: pane-status;
@@ -10,54 +10,54 @@
   --pf-v5-c-dual-list-selector--m-chosen__menu--GridArea: pane-menu-c;
   --pf-v5-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min: 12.5rem;
   --pf-v5-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max: 28.125rem;
-  --pf-v5-c-dual-list-selector__header--MarginBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-dual-list-selector__title-text--FontWeight: var(--pf-v5-global--FontWeight--bold);
-  --pf-v5-c-dual-list-selector__tools--MarginBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-dual-list-selector__tools-filter--tools-actions--MarginLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-dual-list-selector__menu--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-dual-list-selector__menu--BorderColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-dual-list-selector__header--MarginBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-dual-list-selector__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v5-c-dual-list-selector__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
+  --pf-v5-c-dual-list-selector__tools--MarginBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-dual-list-selector__tools-filter--tools-actions--MarginLeft: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-dual-list-selector__menu--BorderWidth: var(--pf-t--global--border--width--regular);
+  --pf-v5-c-dual-list-selector__menu--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-dual-list-selector__menu--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v5-c-dual-list-selector__menu--MinHeight: 12.5rem;
   --pf-v5-c-dual-list-selector__menu--MaxHeight: 20rem;
-  --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: transparent;
-  --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
+  --pf-v5-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
+  --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
+  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
+  --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
+  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
+  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v5-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
-  --pf-v5-c-dual-list-selector__item--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-dual-list-selector__item--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-dual-list-selector__item--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-dual-list-selector__item--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-dual-list-selector__item--m-expandable--PaddingLeft: 0;
-  --pf-v5-c-dual-list-selector__item--indent--base: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-global--spacer--sm) + var(--pf-v5-c-dual-list-selector__list-item-row--FontSize));
-  --pf-v5-c-dual-list-selector__item--nested-indent--base: calc(var(--pf-v5-c-dual-list-selector__item--indent--base) - var(--pf-v5-global--spacer--md));
-  --pf-v5-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--FontWeight: var(--pf-v5-global--FontWeight--bold);
-  --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-v5-global--disabled-color--100);
-  --pf-v5-c-dual-list-selector__status--MarginBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-dual-list-selector__status-text--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-dual-list-selector__status-text--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-dual-list-selector__controls--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-dual-list-selector__controls--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-dual-list-selector__item-toggle--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-dual-list-selector__item-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-dual-list-selector__item-toggle--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-dual-list-selector__item-toggle--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-dual-list-selector__item-toggle--MarginTop: calc(var(--pf-v5-global--spacer--sm) * -1);
-  --pf-v5-c-dual-list-selector__item-toggle--MarginBottom: calc(var(--pf-v5-global--spacer--sm) * -1);
+  --pf-v5-c-dual-list-selector__item--PaddingTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-dual-list-selector__item--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-dual-list-selector__item--PaddingBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-dual-list-selector__item--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-dual-list-selector__item--m-expandable--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-dual-list-selector__item--indent--base: calc(var(--pf-t--global--spacer--md) + var(--pf-t--global--spacer--sm) + var(--pf-v5-c-dual-list-selector__list-item-row--FontSize));
+  --pf-v5-c-dual-list-selector__item--nested-indent--base: calc(var(--pf-v5-c-dual-list-selector__item--indent--base) - var(--pf-t--global--spacer--md));
+  --pf-v5-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--text--color--disabled);
+  --pf-v5-c-dual-list-selector__status--MarginBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-dual-list-selector__status-text--FontSize: var(--pf-t--global--font--size--sm);
+  --pf-v5-c-dual-list-selector__status-text--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-dual-list-selector__controls--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-dual-list-selector__controls--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-dual-list-selector__controls--Gap: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-dual-list-selector__controls--MarginBlockStart: var(--pf-t--global--spacer--md);
+  --pf-v5-c-dual-list-selector__item-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: 0;
   --pf-v5-c-dual-list-selector__list__list__item-toggle--TranslateX: -100%;
-  --pf-v5-c-dual-list-selector__item-check--MarginRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-dual-list-selector__item-count--Marginleft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-v5-global--disabled-color--200);
+  --pf-v5-c-dual-list-selector__item-check--MarginRight: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
   --pf-v5-c-dual-list-selector__item-toggle-icon--Rotate: 0;
   --pf-v5-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
   --pf-v5-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-v5-global--Transition);
   --pf-v5-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
-  --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-v5-global--disabled-color--200);
+  --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
+}
+
+.pf-v5-c-dual-list-selector {
   display: grid;
   grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
   grid-template-rows: repeat(3, auto) auto;
@@ -80,6 +80,7 @@
 }
 
 .pf-v5-c-dual-list-selector__title-text {
+  font-size: var(--pf-v5-c-dual-list-selector__title-text--FontSize);
   font-weight: var(--pf-v5-c-dual-list-selector__title-text--FontWeight);
 }
 
@@ -116,8 +117,10 @@
   grid-area: var(--pf-v5-c-dual-list-selector__menu--GridArea);
   min-height: var(--pf-v5-c-dual-list-selector__menu--MinHeight);
   max-height: var(--pf-v5-c-dual-list-selector__menu--MaxHeight);
+  margin-block-start: var(--pf-v5-c-dual-list-selector__menu--MarginBlockStart);
   overflow: auto;
   border: var(--pf-v5-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v5-c-dual-list-selector__menu--BorderColor);
+  border-radius: var(--pf-v5-c-dual-list-selector__menu--BorderRadius);
 }
 
 .pf-v5-c-dual-list-selector__list {
@@ -132,7 +135,6 @@
 .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__item-toggle {
   transform: translateX(var(--pf-v5-c-dual-list-selector__list__list__item-toggle--TranslateX));
   position: absolute;
-  inset-block-start: 0;
   inset-inline-start: var(--pf-v5-c-dual-list-selector__list__list__item-toggle--Left);
 }
 :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__item-toggle {
@@ -144,7 +146,7 @@
 }
 
 .pf-v5-c-dual-list-selector__list-item:focus {
-  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor);
+  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
 }
 .pf-v5-c-dual-list-selector__list-item.pf-m-expandable {
   --pf-v5-c-dual-list-selector__item--PaddingLeft: var(--pf-v5-c-dual-list-selector__item--m-expandable--PaddingLeft);
@@ -163,9 +165,6 @@
   font-size: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
   background-color: var(--pf-v5-c-dual-list-selector__list-item-row--BackgroundColor);
 }
-.pf-v5-c-dual-list-selector__list-item-row:hover {
-  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
-}
 .pf-v5-c-dual-list-selector__list-item-row.pf-m-selected {
   --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
 }
@@ -173,6 +172,9 @@
   --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color);
   font-weight: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
 }
+.pf-v5-c-dual-list-selector__list-item-row:hover {
+  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
+}
 .pf-v5-c-dual-list-selector__list-item-row.pf-m-check {
   --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
 }
@@ -213,6 +215,7 @@
   padding-inline-start: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
   padding-inline-end: var(--pf-v5-c-dual-list-selector__item--PaddingRight);
   cursor: pointer;
+  outline-offset: -2px;
 }
 
 .pf-v5-c-dual-list-selector__item-count {
@@ -231,10 +234,16 @@
 }
 
 .pf-v5-c-dual-list-selector__controls {
+  display: flex;
+  flex-direction: column;
   grid-area: var(--pf-v5-c-dual-list-selector__controls--GridArea);
+  gap: var(--pf-v5-c-dual-list-selector__controls--Gap);
+  align-items: center;
   align-self: center;
+  justify-content: center;
   padding-inline-start: var(--pf-v5-c-dual-list-selector__controls--PaddingLeft);
   padding-inline-end: var(--pf-v5-c-dual-list-selector__controls--PaddingRight);
+  margin-block-start: var(--pf-v5-c-dual-list-selector__controls--MarginBlockStart);
 }
 
 :where(.pf-v5-m-dir-rtl, [dir=rtl]) :is(.pf-v5-c-dual-list-selector__controls-item, .pf-v5-c-dual-list-selector__item-toggle-icon) {
@@ -309,10 +318,4 @@
 .pf-v5-c-dual-list-selector__list-item .pf-v5-c-dual-list-selector__list-item .pf-v5-c-dual-list-selector__list-item .pf-v5-c-dual-list-selector__list-item .pf-v5-c-dual-list-selector__list-item .pf-v5-c-dual-list-selector__list-item .pf-v5-c-dual-list-selector__list-item .pf-v5-c-dual-list-selector__list-item .pf-v5-c-dual-list-selector__list-item .pf-v5-c-dual-list-selector__list-item .pf-v5-c-dual-list-selector__list-item {
   --pf-v5-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-v5-c-dual-list-selector__item--nested-indent--base) * 10 + var(--pf-v5-c-dual-list-selector__item--indent--base));
   --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-dual-list-selector {
-  --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
 }

package/css/components/DualListSelector/dual-list-selector.d.ts

@@ -37,7 +37,6 @@ declare const _default: {
     "check": "pf-m-check",
     "ghostRow": "pf-m-ghost-row",
     "read": "pf-m-read"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };
 export default _default;

package/css/components/DualListSelector/dual-list-selector.js

@@ -39,6 +39,5 @@ exports.default = {
     "check": "pf-m-check",
     "ghostRow": "pf-m-ghost-row",
     "read": "pf-m-read"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };

package/css/components/DualListSelector/dual-list-selector.mjs

@@ -37,6 +37,5 @@ export default {
     "check": "pf-m-check",
     "ghostRow": "pf-m-ghost-row",
     "read": "pf-m-read"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };

package/css/components/Form/form.css

@@ -50,13 +50,13 @@
   --pf-v5-c-form__field-group--BorderBottomColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-form__field-group--field-group--MarginTop: calc(var(--pf-v5-c-form--GridGap) * -1);
   --pf-v5-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v5-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
-  --pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-v5-c-form__field-group-header--PaddingTop);
   --pf-v5-c-form__field-group-toggle--PaddingRight: var(--pf-t--global--spacer--xs);
   --pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--md);
   --pf-v5-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderTopWidth: var(--pf-v5-c-form__field-group-header-toggle--BorderWidth--base);
-  --pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
-  --pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
+  --pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-v5-c-button--m-plain--PaddingTop) * -1);
+  --pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-v5-c-button--m-plain--PaddingBottom) * -1);
   --pf-v5-c-form__field-group-toggle-icon--Transition: var(--pf-v5-global--Transition);
   --pf-v5-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-form__field-group-toggle-icon--Rotate: 0;
@@ -70,8 +70,6 @@
   --pf-v5-c-form__field-group__field-group--field-group__field-group-header--after--BorderTopWidth: var(--pf-v5-c-form__field-group-header-toggle--BorderWidth--base);
   --pf-v5-c-form__field-group-header-description--MarginTop: var(--pf-t--global--spacer--xs);
   --pf-v5-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
-  --pf-v5-c-form__field-group-header-actions--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
-  --pf-v5-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
   --pf-v5-c-form__field-group-header-actions--MarginLeft: var(--pf-t--global--spacer--sm);
   --pf-v5-c-form__field-group-body--PaddingTop: var(--pf-t--global--spacer--lg);
   --pf-v5-c-form__field-group-body--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -444,8 +442,6 @@
 }
 
 .pf-v5-c-form__field-group-header-actions {
-  margin-block-start: var(--pf-v5-c-form__field-group-header-actions--MarginTop);
-  margin-block-end: var(--pf-v5-c-form__field-group-header-actions--MarginBottom);
   margin-inline-start: var(--pf-v5-c-form__field-group-header-actions--MarginLeft);
   white-space: nowrap;
 }

package/css/components/FormControl/form-control.css

@@ -22,10 +22,10 @@
   --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
   --pf-v5-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
   --pf-v5-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
-  --pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
-  --pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--active);
-  --pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--active);
-  --pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--active);
+  --pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
+  --pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
+  --pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
+  --pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v5-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
   --pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -34,8 +34,8 @@
   --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v5-c-form-control--m-readonly--BorderColor: transparent;
   --pf-v5-c-form-control--m-readonly--hover--after--BorderColor: revert;
-  --pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
-  --pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--active);
+  --pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
+  --pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
   --pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
   --pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset: 0;

package/css/components/Icon/icon.css

@@ -14,24 +14,24 @@
   --pf-v5-c-icon--m-2xl--Height: var(--pf-t--global--icon--size--2xl);
   --pf-v5-c-icon--m-3xl--Width: var(--pf-t--global--icon--size--3xl);
   --pf-v5-c-icon--m-3xl--Height: var(--pf-t--global--icon--size--3xl);
-  --pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--body--sm);
-  --pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--body--sm);
-  --pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--body--default);
-  --pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--body--default);
-  --pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--body--lg);
-  --pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--body--lg);
-  --pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--heading--h6);
-  --pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--heading--h6);
-  --pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--heading--h5);
-  --pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--heading--h5);
-  --pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--heading--h4);
-  --pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--heading--h4);
-  --pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--heading--h3);
-  --pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--heading--h3);
-  --pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--heading--h2);
-  --pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--heading--h2);
-  --pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--heading--h1);
-  --pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--heading--h1);
+  --pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--font--body--sm);
+  --pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--font--body--sm);
+  --pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--font--body--default);
+  --pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--font--body--default);
+  --pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--font--body--lg);
+  --pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--font--body--lg);
+  --pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--font--heading--h6);
+  --pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--font--heading--h6);
+  --pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--font--heading--h5);
+  --pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--font--heading--h5);
+  --pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--font--heading--h4);
+  --pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--font--heading--h4);
+  --pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--font--heading--h3);
+  --pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--font--heading--h3);
+  --pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--font--heading--h2);
+  --pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--font--heading--h2);
+  --pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--font--heading--h1);
+  --pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--font--heading--h1);
   --pf-v5-c-icon--m-inline--Width: 1em;
   --pf-v5-c-icon--m-inline--Height: 1em;
   --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
@@ -49,15 +49,15 @@
   --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-t--global--icon--size--xl);
   --pf-v5-c-icon--m-2xl__content--FontSize: var(--pf-t--global--icon--size--2xl);
   --pf-v5-c-icon--m-3xl__content--FontSize: var(--pf-t--global--icon--size--3xl);
-  --pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--body--sm);
-  --pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--body--default);
-  --pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--body--lg);
-  --pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--heading--h6);
-  --pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--heading--h5);
-  --pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--heading--h4);
-  --pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--heading--h3);
-  --pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--heading--h2);
-  --pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--heading--h1);
+  --pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--font--body--sm);
+  --pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
+  --pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--font--body--lg);
+  --pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--font--heading--h6);
+  --pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--font--heading--h5);
+  --pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--font--heading--h4);
+  --pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h3);
+  --pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h2);
+  --pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h1);
   --pf-v5-c-icon--m-inline__content--FontSize: 1em;
 }
 

package/css/components/Label/label-group.css

@@ -21,7 +21,7 @@
   --pf-v5-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-label-group__label--MaxWidth: 18ch;
-  --pf-v5-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
+  --pf-v5-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
   --pf-v5-c-label-group__close--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
   --pf-v5-c-label-group__close--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-label-group__close--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);

package/css/components/Label/label.css

@@ -133,6 +133,7 @@
   --pf-v5-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
   --pf-v5-c-label--m-clickable--hover--BorderWidth: 0;
   --pf-v5-c-label--m-clickable--hover--BorderColor: transparent;
+  --pf-v5-c-label--m-clickable__content--Cursor: pointer;
   --pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
   --pf-v5-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
   --pf-v5-c-label--m-outline--BackgroundColor: transparent;
@@ -146,7 +147,6 @@
   --pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --pf-v5-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
   --pf-v5-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
-  --pf-v5-c-label--m-overflow--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
   --pf-v5-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
   --pf-v5-c-label--m-add--BackgroundColor: transparent;
   --pf-v5-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
@@ -163,10 +163,11 @@
   --pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
   --pf-v5-c-label__content--MaxWidth: 100%;
   --pf-v5-c-label__content--Gap: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
+  --pf-v5-c-label__content--Cursor: initial;
+  --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
   --pf-v5-c-label__text--MaxWidth: 100%;
   --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
-  --pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
+  --pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
   --pf-v5-c-label__actions--c-button--OutlineOffset: -0.1875rem;
   --pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
   --pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
@@ -180,9 +181,11 @@
   --pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
   --pf-v5-c-label--m-editable--TextDecorationColor: currentcolor;
   --pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
+  --pf-v5-c-label--m-editable__content--Cursor: pointer;
   --pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
   --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
   --pf-v5-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-label--m-editable--m-editable-active__content--Cursor: initial;
 }
 
 .pf-v5-c-label {
@@ -289,7 +292,7 @@
   --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-success--m-outline__icon--Color);
   --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-success--m-outline--BorderColor);
   --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover--BorderColor);
-  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color) ;
+  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color);
 }
 .pf-v5-c-label.pf-m-warning {
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-warning--BackgroundColor);
@@ -301,7 +304,7 @@
   --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-warning--m-outline__icon--Color);
   --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--BorderColor);
   --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover--BorderColor);
-  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover__icon--Color) ;
+  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover__icon--Color);
 }
 .pf-v5-c-label.pf-m-danger {
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-danger--BackgroundColor);
@@ -313,7 +316,7 @@
   --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-danger--m-outline__icon--Color);
   --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--BorderColor);
   --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover--BorderColor);
-  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover__icon--Color) ;
+  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover__icon--Color);
 }
 .pf-v5-c-label.pf-m-info {
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-info--BackgroundColor);
@@ -325,7 +328,7 @@
   --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-info--m-outline__icon--Color);
   --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-info--m-outline--BorderColor);
   --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover--BorderColor);
-  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover__icon--Color) ;
+  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover__icon--Color);
 }
 .pf-v5-c-label.pf-m-custom {
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-custom--BackgroundColor);
@@ -337,7 +340,7 @@
   --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-custom--m-outline__icon--Color);
   --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--BorderColor);
   --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--m-clickable--hover--BorderColor);
-  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color) ;
+  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color);
 }
 .pf-v5-c-label.pf-m-compact {
   --pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
@@ -364,6 +367,7 @@
 }
 .pf-v5-c-label.pf-m-editable {
   --pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-editable__content--Cursor);
 }
 .pf-v5-c-label.pf-m-editable .pf-v5-c-label__text {
   text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
@@ -376,11 +380,11 @@
   --pf-v5-c-label--m-editable--TextDecoration: var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration);
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
   --pf-v5-c-label--Color: var(--pf-v5-c-label--m-editable--m-editable-active--Color);
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-editable--m-editable-active__content--Cursor);
 }
 .pf-v5-c-label.pf-m-overflow {
   --pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow--BackgroundColor);
-  mix-blend-mode: var(--pf-v5-c-label--m-overflow--MixBlendMode);
 }
 .pf-v5-c-label.pf-m-overflow:is(:hover, :focus) {
   --pf-v5-c-label--m-overflow--Color: var(--pf-v5-c-label--m-overflow--hover--Color);
@@ -398,11 +402,8 @@
   --pf-v5-c-label--m-add--BorderColor: var(--pf-v5-c-label--m-add--hover--BorderColor);
   --pf-v5-c-label--m-add--BorderWidth: var(--pf-v5-c-label--m-add--hover--BorderWidth);
 }
-.pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-editable .pf-v5-c-label__content {
-  padding: 0;
-  cursor: pointer;
-  background-color: transparent;
-  border: none;
+.pf-v5-c-label.pf-m-clickable {
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-clickable__content--Cursor);
 }
 .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
   text-decoration: none;
@@ -436,8 +437,11 @@
 .pf-v5-c-label__content {
   gap: var(--pf-v5-c-label__content--Gap);
   max-width: var(--pf-v5-c-label__content--MaxWidth);
+  padding: 0;
   overflow: hidden;
   color: var(--pf-v5-c-label--Color);
+  cursor: var(--pf-v5-c-label__content--Cursor, revert);
+  background: transparent;
   border-width: 0;
 }
 .pf-v5-c-label__content::before {

package/css/components/Login/login.css

@@ -39,13 +39,8 @@
   --pf-v5-c-login__main-footer-links--PaddingRight: var(--pf-t--global--spacer--3xl);
   --pf-v5-c-login__main-footer-links--PaddingBottom: var(--pf-t--global--spacer--xl);
   --pf-v5-c-login__main-footer-links--PaddingLeft: var(--pf-t--global--spacer--3xl);
-  --pf-v5-c-login__main-footer-links-item--PaddingRight: var(--pf-t--global--spacer--md);
-  --pf-v5-c-login__main-footer-links-item--PaddingLeft: var(--pf-t--global--spacer--md);
-  --pf-v5-c-login__main-footer-links-item--MarginBottom: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-login__main-footer-links-item-link-svg--Fill: var(--pf-t--global--icon--color--subtle);
-  --pf-v5-c-login__main-footer-links-item-link-svg--Width: var(--pf-t--global--icon--size--lg);
-  --pf-v5-c-login__main-footer-links-item-link-svg--Height: var(--pf-t--global--icon--size--lg);
-  --pf-v5-c-login__main-footer-links-item-link-svg--hover--Fill: var(--pf-t--global--icon--color--nonstatus--hover);
+  --pf-v5-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
+  --pf-v5-c-login__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
   --pf-v5-c-login__main-footer-band--PaddingTop: var(--pf-t--global--spacer--lg);
   --pf-v5-c-login__main-footer-band--PaddingRight: var(--pf-t--global--spacer--md);
   --pf-v5-c-login__main-footer-band--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -224,6 +219,7 @@
 .pf-v5-c-login__main-footer-links {
   display: flex;
   flex-wrap: wrap;
+  gap: var(--pf-v5-c-login__main-footer-links--Gap);
   justify-content: center;
   padding-block-start: var(--pf-v5-c-login__main-footer-links--PaddingTop);
   padding-block-end: var(--pf-v5-c-login__main-footer-links--PaddingBottom);
@@ -231,21 +227,8 @@
   padding-inline-end: var(--pf-v5-c-login__main-footer-links--PaddingRight);
 }
 
-.pf-v5-c-login__main-footer-links-item {
-  padding-inline-start: var(--pf-v5-c-login__main-footer-links-item--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-login__main-footer-links-item--PaddingRight);
-  margin-block-end: var(--pf-v5-c-login__main-footer-links-item--MarginBottom);
-}
-
-.pf-v5-c-login__main-footer-links-item-link svg {
-  width: 100%;
-  max-width: var(--pf-v5-c-login__main-footer-links-item-link-svg--Width);
-  height: 100%;
-  max-height: var(--pf-v5-c-login__main-footer-links-item-link-svg--Height);
-  fill: var(--pf-v5-c-login__main-footer-links-item-link-svg--Fill);
-}
-.pf-v5-c-login__main-footer-links-item-link:hover svg {
-  fill: var(--pf-v5-c-login__main-footer-links-item-link-svg--hover--Fill);
+.pf-v5-c-login__main-footer-links-item .pf-v5-c-button {
+  --pf-v5-c-button--FontSize: var(--pf-v5-c-login__main-footer-links-item--c-button--FontSize);
 }
 
 .pf-v5-c-login__main-footer-band {

package/css/components/Login/login.d.ts

@@ -1,6 +1,7 @@
 import './login.css';
 declare const _default: {
   "brand": "pf-v5-c-brand",
+  "button": "pf-v5-c-button",
   "dropdown": "pf-v5-c-dropdown",
   "list": "pf-v5-c-list",
   "login": "pf-v5-c-login",
@@ -13,7 +14,6 @@ declare const _default: {
   "loginMainFooterBand": "pf-v5-c-login__main-footer-band",
   "loginMainFooterLinks": "pf-v5-c-login__main-footer-links",
   "loginMainFooterLinksItem": "pf-v5-c-login__main-footer-links-item",
-  "loginMainFooterLinksItemLink": "pf-v5-c-login__main-footer-links-item-link",
   "loginMainHeader": "pf-v5-c-login__main-header",
   "loginMainHeaderDesc": "pf-v5-c-login__main-header-desc",
   "loginMainHeaderUtilities": "pf-v5-c-login__main-header-utilities",

package/css/components/Login/login.js

@@ -3,6 +3,7 @@ exports.__esModule = true;
 require('./login.css');
 exports.default = {
   "brand": "pf-v5-c-brand",
+  "button": "pf-v5-c-button",
   "dropdown": "pf-v5-c-dropdown",
   "list": "pf-v5-c-list",
   "login": "pf-v5-c-login",
@@ -15,7 +16,6 @@ exports.default = {
   "loginMainFooterBand": "pf-v5-c-login__main-footer-band",
   "loginMainFooterLinks": "pf-v5-c-login__main-footer-links",
   "loginMainFooterLinksItem": "pf-v5-c-login__main-footer-links-item",
-  "loginMainFooterLinksItemLink": "pf-v5-c-login__main-footer-links-item-link",
   "loginMainHeader": "pf-v5-c-login__main-header",
   "loginMainHeaderDesc": "pf-v5-c-login__main-header-desc",
   "loginMainHeaderUtilities": "pf-v5-c-login__main-header-utilities",

package/css/components/Login/login.mjs

@@ -1,6 +1,7 @@
 import './login.css';
 export default {
   "brand": "pf-v5-c-brand",
+  "button": "pf-v5-c-button",
   "dropdown": "pf-v5-c-dropdown",
   "list": "pf-v5-c-list",
   "login": "pf-v5-c-login",
@@ -13,7 +14,6 @@ export default {
   "loginMainFooterBand": "pf-v5-c-login__main-footer-band",
   "loginMainFooterLinks": "pf-v5-c-login__main-footer-links",
   "loginMainFooterLinksItem": "pf-v5-c-login__main-footer-links-item",
-  "loginMainFooterLinksItemLink": "pf-v5-c-login__main-footer-links-item-link",
   "loginMainHeader": "pf-v5-c-login__main-header",
   "loginMainHeaderDesc": "pf-v5-c-login__main-header-desc",
   "loginMainHeaderUtilities": "pf-v5-c-login__main-header-utilities",