@patternfly/patternfly 6.0.0-alpha.84 → 6.0.0-alpha.86

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/components/Accordion/accordion.css +1 -1
  2. package/components/Accordion/accordion.scss +1 -1
  3. package/components/Button/button.css +21 -21
  4. package/components/Button/button.scss +21 -21
  5. package/components/DataList/data-list.css +1 -1
  6. package/components/DataList/data-list.scss +1 -1
  7. package/components/DualListSelector/dual-list-selector.css +3 -8
  8. package/components/DualListSelector/dual-list-selector.scss +5 -11
  9. package/components/Form/form.css +3 -7
  10. package/components/Form/form.scss +3 -7
  11. package/components/FormControl/form-control.css +3 -3
  12. package/components/FormControl/form-control.scss +3 -3
  13. package/components/Login/login.css +5 -22
  14. package/components/Login/login.scss +5 -25
  15. package/components/NotificationBadge/notification-badge.css +4 -4
  16. package/components/NotificationBadge/notification-badge.scss +4 -4
  17. package/components/Pagination/pagination.css +1 -1
  18. package/components/Pagination/pagination.scss +1 -1
  19. package/components/Table/table-grid.css +3 -3
  20. package/components/Table/table-grid.scss +3 -3
  21. package/components/Table/table-tree-view.css +5 -5
  22. package/components/Table/table-tree-view.scss +1 -1
  23. package/components/Table/table.css +8 -8
  24. package/components/Table/table.scss +8 -8
  25. package/components/Tabs/tabs.css +1 -1
  26. package/components/Tabs/tabs.scss +1 -1
  27. package/docs/components/DualListSelector/examples/DualListSelector.md +16 -16
  28. package/docs/components/Login/examples/Login.md +150 -100
  29. package/package.json +1 -1
  30. package/patternfly-no-globals.css +59 -85
  31. package/patternfly-theme-dark-unversioned.css +59 -85
  32. package/patternfly.css +59 -85
  33. package/patternfly.min.css +1 -1
  34. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -6655,7 +6655,7 @@ button) {
6655
6655
  --pf-v5-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
6656
6656
  --pf-v5-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
6657
6657
  --pf-v5-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
6658
- --pf-v5-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--selected);
6658
+ --pf-v5-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
6659
6659
  --pf-v5-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--sm);
6660
6660
  --pf-v5-c-accordion__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
6661
6661
  --pf-v5-c-accordion__toggle--PaddingRight: var(--pf-t--global--spacer--md);
@@ -8198,28 +8198,28 @@ button.pf-v5-c-breadcrumb__link {
8198
8198
  --pf-v5-c-button--m-stateful--PaddingRight: var(--pf-t--global--spacer--md);
8199
8199
  --pf-v5-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
8200
8200
  --pf-v5-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
8201
- --pf-v5-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--hover);
8201
+ --pf-v5-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
8202
8202
  --pf-v5-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
8203
- --pf-v5-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--clicked);
8203
+ --pf-v5-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
8204
8204
  --pf-v5-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
8205
- --pf-v5-c-button--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
8206
- --pf-v5-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
8207
- --pf-v5-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
8208
- --pf-v5-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
8209
- --pf-v5-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
8210
- --pf-v5-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
8211
- --pf-v5-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--on-brand--clicked);
8212
- --pf-v5-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--clicked);
8213
- --pf-v5-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
8214
- --pf-v5-c-button--m-attention--Color: var(--pf-t--global--text--color--status--on-danger--default);
8215
- --pf-v5-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--danger--default);
8216
- --pf-v5-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
8217
- --pf-v5-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
8218
- --pf-v5-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
8219
- --pf-v5-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
8220
- --pf-v5-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
8221
- --pf-v5-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
8222
- --pf-v5-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
8205
+ --pf-v5-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
8206
+ --pf-v5-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default--default);
8207
+ --pf-v5-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
8208
+ --pf-v5-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
8209
+ --pf-v5-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--default--hover);
8210
+ --pf-v5-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
8211
+ --pf-v5-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
8212
+ --pf-v5-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--default--clicked);
8213
+ --pf-v5-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
8214
+ --pf-v5-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
8215
+ --pf-v5-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
8216
+ --pf-v5-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--default);
8217
+ --pf-v5-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--unread--on-attention--hover);
8218
+ --pf-v5-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--unread--attention--hover);
8219
+ --pf-v5-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--hover);
8220
+ --pf-v5-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-attention--clicked);
8221
+ --pf-v5-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--attention--clicked);
8222
+ --pf-v5-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--clicked);
8223
8223
  --pf-v5-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
8224
8224
  --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
8225
8225
  --pf-v5-c-button--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
@@ -8275,7 +8275,7 @@ button.pf-v5-c-breadcrumb__link {
8275
8275
  --pf-v5-c-button--m-in-progress--m-plain__progress--Left: 50%;
8276
8276
  --pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
8277
8277
  --pf-v5-c-button__count--MarginLeft: var(--pf-v5-global--spacer--sm);
8278
- --pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled--default);
8278
+ --pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled);
8279
8279
  --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8280
8280
  --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
8281
8281
  --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
@@ -10846,7 +10846,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10846
10846
  --pf-v5-c-data-list__expandable-content-body--BorderRadius: var(--pf-t--global--border--radius--small);
10847
10847
  --pf-v5-c-data-list--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
10848
10848
  --pf-v5-c-data-list--m-compact--LineHeight: var(--pf-t--global--font--line-height--body);
10849
- --pf-v5-c-data-list--m-compact__check--FontSize: var(--pf-t--global--font--size--body--md);
10849
+ --pf-v5-c-data-list--m-compact__check--FontSize: var(--pf-t--global--font--size--body--default);
10850
10850
  --pf-v5-c-data-list--m-compact__cell--PaddingTop: var(--pf-t--global--spacer--sm);
10851
10851
  --pf-v5-c-data-list--m-compact__cell--PaddingBottom: var(--pf-t--global--spacer--sm);
10852
10852
  --pf-v5-c-data-list--m-compact__cell--md--PaddingBottom: 0;
@@ -11568,7 +11568,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11568
11568
  --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
11569
11569
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
11570
11570
  --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
11571
- --pf-v5-c-dual-list-selector__list-item-row--BorderRadius: var(--pf-t--global--border--radius--tiny);
11572
11571
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
11573
11572
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
11574
11573
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
@@ -11582,7 +11581,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11582
11581
  --pf-v5-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-t--global--spacer--xs);
11583
11582
  --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-t--global--text--color--subtle);
11584
11583
  --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-t--global--text--color--regular);
11585
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--background--color--disabled--default);
11584
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--text--color--disabled);
11586
11585
  --pf-v5-c-dual-list-selector__status--MarginBottom: var(--pf-t--global--spacer--sm);
11587
11586
  --pf-v5-c-dual-list-selector__status-text--FontSize: var(--pf-t--global--font--size--sm);
11588
11587
  --pf-v5-c-dual-list-selector__status-text--Color: var(--pf-t--global--text--color--subtle);
@@ -11599,7 +11598,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11599
11598
  --pf-v5-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
11600
11599
  --pf-v5-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-v5-global--Transition);
11601
11600
  --pf-v5-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
11602
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--background--color--disabled--default);
11601
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
11603
11602
  }
11604
11603
 
11605
11604
  .pf-v5-c-dual-list-selector {
@@ -11709,10 +11708,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11709
11708
  display: flex;
11710
11709
  font-size: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
11711
11710
  background-color: var(--pf-v5-c-dual-list-selector__list-item-row--BackgroundColor);
11712
- border-radius: var(--pf-v5-c-dual-list-selector__list-item-row--BorderRadius);
11713
- }
11714
- .pf-v5-c-dual-list-selector__list-item-row:hover {
11715
- --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
11716
11711
  }
11717
11712
  .pf-v5-c-dual-list-selector__list-item-row.pf-m-selected {
11718
11713
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
@@ -11721,7 +11716,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11721
11716
  --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color);
11722
11717
  font-weight: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
11723
11718
  }
11724
- .pf-v5-c-dual-list-selector__list-item-row.pf-m-selected:hover {
11719
+ .pf-v5-c-dual-list-selector__list-item-row:hover {
11725
11720
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
11726
11721
  }
11727
11722
  .pf-v5-c-dual-list-selector__list-item-row.pf-m-check {
@@ -16758,13 +16753,13 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16758
16753
  --pf-v5-c-form__field-group--BorderBottomColor: var(--pf-t--global--border--color--default);
16759
16754
  --pf-v5-c-form__field-group--field-group--MarginTop: calc(var(--pf-v5-c-form--GridGap) * -1);
16760
16755
  --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));
16761
- --pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
16756
+ --pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-v5-c-form__field-group-header--PaddingTop);
16762
16757
  --pf-v5-c-form__field-group-toggle--PaddingRight: var(--pf-t--global--spacer--xs);
16763
16758
  --pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-t--global--spacer--md);
16764
16759
  --pf-v5-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
16765
16760
  --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);
16766
- --pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
16767
- --pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
16761
+ --pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-v5-c-button--m-plain--PaddingTop) * -1);
16762
+ --pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-v5-c-button--m-plain--PaddingBottom) * -1);
16768
16763
  --pf-v5-c-form__field-group-toggle-icon--Transition: var(--pf-v5-global--Transition);
16769
16764
  --pf-v5-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
16770
16765
  --pf-v5-c-form__field-group-toggle-icon--Rotate: 0;
@@ -16778,8 +16773,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16778
16773
  --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);
16779
16774
  --pf-v5-c-form__field-group-header-description--MarginTop: var(--pf-t--global--spacer--xs);
16780
16775
  --pf-v5-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
16781
- --pf-v5-c-form__field-group-header-actions--MarginTop: calc(var(--pf-t--global--spacer--form-element) * -1);
16782
- --pf-v5-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-t--global--spacer--form-element) * -1);
16783
16776
  --pf-v5-c-form__field-group-header-actions--MarginLeft: var(--pf-t--global--spacer--sm);
16784
16777
  --pf-v5-c-form__field-group-body--PaddingTop: var(--pf-t--global--spacer--lg);
16785
16778
  --pf-v5-c-form__field-group-body--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -17152,8 +17145,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
17152
17145
  }
17153
17146
 
17154
17147
  .pf-v5-c-form__field-group-header-actions {
17155
- margin-block-start: var(--pf-v5-c-form__field-group-header-actions--MarginTop);
17156
- margin-block-end: var(--pf-v5-c-form__field-group-header-actions--MarginBottom);
17157
17148
  margin-inline-start: var(--pf-v5-c-form__field-group-header-actions--MarginLeft);
17158
17149
  white-space: nowrap;
17159
17150
  }
@@ -17198,9 +17189,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
17198
17189
  --pf-v5-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
17199
17190
  --pf-v5-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
17200
17191
  --pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
17201
- --pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--active);
17192
+ --pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
17202
17193
  --pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
17203
- --pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--active);
17194
+ --pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
17204
17195
  --pf-v5-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17205
17196
  --pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
17206
17197
  --pf-v5-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -17210,7 +17201,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
17210
17201
  --pf-v5-c-form-control--m-readonly--BorderColor: transparent;
17211
17202
  --pf-v5-c-form-control--m-readonly--hover--after--BorderColor: revert;
17212
17203
  --pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
17213
- --pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--active);
17204
+ --pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
17214
17205
  --pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
17215
17206
  --pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
17216
17207
  --pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
@@ -19403,13 +19394,8 @@ ul.pf-v5-c-list {
19403
19394
  --pf-v5-c-login__main-footer-links--PaddingRight: var(--pf-t--global--spacer--3xl);
19404
19395
  --pf-v5-c-login__main-footer-links--PaddingBottom: var(--pf-t--global--spacer--xl);
19405
19396
  --pf-v5-c-login__main-footer-links--PaddingLeft: var(--pf-t--global--spacer--3xl);
19406
- --pf-v5-c-login__main-footer-links-item--PaddingRight: var(--pf-t--global--spacer--md);
19407
- --pf-v5-c-login__main-footer-links-item--PaddingLeft: var(--pf-t--global--spacer--md);
19408
- --pf-v5-c-login__main-footer-links-item--MarginBottom: var(--pf-t--global--spacer--sm);
19409
- --pf-v5-c-login__main-footer-links-item-link-svg--Fill: var(--pf-t--global--icon--color--subtle);
19410
- --pf-v5-c-login__main-footer-links-item-link-svg--Width: var(--pf-t--global--icon--size--lg);
19411
- --pf-v5-c-login__main-footer-links-item-link-svg--Height: var(--pf-t--global--icon--size--lg);
19412
- --pf-v5-c-login__main-footer-links-item-link-svg--hover--Fill: var(--pf-t--global--icon--color--nonstatus--hover);
19397
+ --pf-v5-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
19398
+ --pf-v5-c-login__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
19413
19399
  --pf-v5-c-login__main-footer-band--PaddingTop: var(--pf-t--global--spacer--lg);
19414
19400
  --pf-v5-c-login__main-footer-band--PaddingRight: var(--pf-t--global--spacer--md);
19415
19401
  --pf-v5-c-login__main-footer-band--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -19588,6 +19574,7 @@ ul.pf-v5-c-list {
19588
19574
  .pf-v5-c-login__main-footer-links {
19589
19575
  display: flex;
19590
19576
  flex-wrap: wrap;
19577
+ gap: var(--pf-v5-c-login__main-footer-links--Gap);
19591
19578
  justify-content: center;
19592
19579
  padding-block-start: var(--pf-v5-c-login__main-footer-links--PaddingTop);
19593
19580
  padding-block-end: var(--pf-v5-c-login__main-footer-links--PaddingBottom);
@@ -19595,21 +19582,8 @@ ul.pf-v5-c-list {
19595
19582
  padding-inline-end: var(--pf-v5-c-login__main-footer-links--PaddingRight);
19596
19583
  }
19597
19584
 
19598
- .pf-v5-c-login__main-footer-links-item {
19599
- padding-inline-start: var(--pf-v5-c-login__main-footer-links-item--PaddingLeft);
19600
- padding-inline-end: var(--pf-v5-c-login__main-footer-links-item--PaddingRight);
19601
- margin-block-end: var(--pf-v5-c-login__main-footer-links-item--MarginBottom);
19602
- }
19603
-
19604
- .pf-v5-c-login__main-footer-links-item-link svg {
19605
- width: 100%;
19606
- max-width: var(--pf-v5-c-login__main-footer-links-item-link-svg--Width);
19607
- height: 100%;
19608
- max-height: var(--pf-v5-c-login__main-footer-links-item-link-svg--Height);
19609
- fill: var(--pf-v5-c-login__main-footer-links-item-link-svg--Fill);
19610
- }
19611
- .pf-v5-c-login__main-footer-links-item-link:hover svg {
19612
- fill: var(--pf-v5-c-login__main-footer-links-item-link-svg--hover--Fill);
19585
+ .pf-v5-c-login__main-footer-links-item .pf-v5-c-button {
19586
+ --pf-v5-c-button--FontSize: var(--pf-v5-c-login__main-footer-links-item--c-button--FontSize);
19613
19587
  }
19614
19588
 
19615
19589
  .pf-v5-c-login__main-footer-band {
@@ -21674,18 +21648,18 @@ ul.pf-v5-c-list {
21674
21648
  --pf-v5-c-notification-badge--m-read--Color: var(--pf-t--global--text--color--regular);
21675
21649
  --pf-v5-c-notification-badge--m-read--before--BorderColor: var(--pf-t--global--border--color--default);
21676
21650
  --pf-v5-c-notification-badge--m-read--hover--before--BorderColor: var(--pf-t--global--border--color--hover);
21677
- --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--active);
21651
+ --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--clicked);
21678
21652
  --pf-v5-c-notification-badge--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
21679
21653
  --pf-v5-c-notification-badge--m-read--m-expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
21680
- --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--active);
21654
+ --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--clicked);
21681
21655
  --pf-v5-c-notification-badge--m-unread--Color: var(--pf-t--global--icon--color--on-brand--default);
21682
21656
  --pf-v5-c-notification-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
21683
21657
  --pf-v5-c-notification-badge--m-unread--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
21684
- --pf-v5-c-notification-badge--m-unread--m-expanded--BackgroundColor: var(--pf-t--global--color--brand--active);
21658
+ --pf-v5-c-notification-badge--m-unread--m-expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
21685
21659
  --pf-v5-c-notification-badge--m-attention--Color: var(--pf-t--global--icon--color--status--on-danger--default);
21686
21660
  --pf-v5-c-notification-badge--m-attention--BackgroundColor: var(--pf-t--global--color--status--danger--default);
21687
21661
  --pf-v5-c-notification-badge--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
21688
- --pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor: var(--pf-t--global--color--status--danger--active);
21662
+ --pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
21689
21663
  }
21690
21664
 
21691
21665
  .pf-v5-c-notification-badge {
@@ -23251,7 +23225,7 @@ ul.pf-v5-c-list {
23251
23225
  --pf-v5-c-pagination--m-display-summary__nav--Display: none;
23252
23226
  --pf-v5-c-pagination--m-display-full__nav--Display: inline-flex;
23253
23227
  --pf-v5-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
23254
- --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--md);
23228
+ --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--default);
23255
23229
  --pf-v5-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
23256
23230
  --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc((var(--pf-v5-c-form-control--PaddingRight) + var(--pf-v5-c-form-control--PaddingLeft)) + (var(--pf-v5-c-form-control--before--BorderWidth) * 2));
23257
23231
  --pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;
@@ -26421,7 +26395,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
26421
26395
  --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
26422
26396
  --pf-v5-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
26423
26397
  --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
26424
- --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--active);
26398
+ --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--clicked);
26425
26399
  --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
26426
26400
  --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-c-table__tbody--responsive--border-width--base);
26427
26401
  --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
@@ -26437,9 +26411,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
26437
26411
  --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: 0;
26438
26412
  --pf-v5-c-table__tbody--after__tr--BorderLeftColor: transparent;
26439
26413
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
26440
- --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
26414
+ --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-t--global--border--color--clicked);
26441
26415
  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
26442
- --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
26416
+ --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--clicked);
26443
26417
  --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
26444
26418
  --pf-v5-c-table--m-grid--cell--PaddingTop: 0;
26445
26419
  --pf-v5-c-table--m-grid--cell--PaddingRight: 0;
@@ -28152,7 +28126,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28152
28126
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
28153
28127
  --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
28154
28128
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
28155
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
28129
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--clicked);
28156
28130
  --pf-v5-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
28157
28131
  --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));
28158
28132
  --pf-v5-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
@@ -28163,7 +28137,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28163
28137
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
28164
28138
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
28165
28139
  --pf-v5-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
28166
- --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--active);
28140
+ --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--clicked);
28167
28141
  --pf-v5-c-table__sort--m-help--MinWidth: 15ch;
28168
28142
  --pf-v5-c-table__sort__button__text--Color: currentcolor;
28169
28143
  --pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
@@ -28171,7 +28145,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28171
28145
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
28172
28146
  --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
28173
28147
  --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
28174
- --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
28148
+ --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--clicked);
28175
28149
  --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28176
28150
  --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28177
28151
  --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
@@ -28185,7 +28159,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28185
28159
  --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
28186
28160
  --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
28187
28161
  --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
28188
- --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--active);
28162
+ --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--clicked);
28189
28163
  --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
28190
28164
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
28191
28165
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
@@ -28193,7 +28167,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28193
28167
  --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);
28194
28168
  --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);
28195
28169
  --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
28196
- --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
28170
+ --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
28197
28171
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
28198
28172
  --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);
28199
28173
  --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);
@@ -28222,7 +28196,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28222
28196
  --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);
28223
28197
  --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28224
28198
  --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);
28225
- --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--selected);
28199
+ --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28226
28200
  --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);
28227
28201
  --pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28228
28202
  --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -28243,14 +28217,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28243
28217
  --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28244
28218
  --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);
28245
28219
  --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28246
- --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--active);
28220
+ --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
28247
28221
  --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);
28248
28222
  --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28249
28223
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28250
28224
  --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);
28251
28225
  --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28252
28226
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
28253
- --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
28227
+ --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--clicked);
28254
28228
  --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28255
28229
  --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);
28256
28230
  --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);
@@ -29311,7 +29285,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29311
29285
  grid-column: 2;
29312
29286
  }
29313
29287
  .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29314
- font-weight: var(--pf-t--global--FontWeight--bold);
29288
+ font-weight: var(--pf-t--global--font--weight--body--bold);
29315
29289
  text-align: start;
29316
29290
  content: attr(data-label);
29317
29291
  }
@@ -29451,7 +29425,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29451
29425
  grid-column: 2;
29452
29426
  }
29453
29427
  .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29454
- font-weight: var(--pf-t--global--FontWeight--bold);
29428
+ font-weight: var(--pf-t--global--font--weight--body--bold);
29455
29429
  text-align: start;
29456
29430
  content: attr(data-label);
29457
29431
  }
@@ -29592,7 +29566,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29592
29566
  grid-column: 2;
29593
29567
  }
29594
29568
  .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29595
- font-weight: var(--pf-t--global--FontWeight--bold);
29569
+ font-weight: var(--pf-t--global--font--weight--body--bold);
29596
29570
  text-align: start;
29597
29571
  content: attr(data-label);
29598
29572
  }
@@ -29733,7 +29707,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29733
29707
  grid-column: 2;
29734
29708
  }
29735
29709
  .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29736
- font-weight: var(--pf-t--global--FontWeight--bold);
29710
+ font-weight: var(--pf-t--global--font--weight--body--bold);
29737
29711
  text-align: start;
29738
29712
  content: attr(data-label);
29739
29713
  }
@@ -29874,7 +29848,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29874
29848
  grid-column: 2;
29875
29849
  }
29876
29850
  .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29877
- font-weight: var(--pf-t--global--FontWeight--bold);
29851
+ font-weight: var(--pf-t--global--font--weight--body--bold);
29878
29852
  text-align: start;
29879
29853
  content: attr(data-label);
29880
29854
  }
@@ -30075,7 +30049,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30075
30049
  --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
30076
30050
  --pf-v5-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
30077
30051
  --pf-v5-c-tabs__link-toggle-icon--Rotate: 0;
30078
- --pf-v5-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--FontSize--sm);
30052
+ --pf-v5-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
30079
30053
  --pf-v5-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
30080
30054
  }
30081
30055